npm - @eclipse-scout/core - Versions diffs - 22.0.2 → 22.0.12 - Mend

@eclipse-scout/core 22.0.2 → 22.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

package/dist/eclipse-scout-core-af5ff6abad5f1ff9fd18.min.js +2 -0
package/dist/eclipse-scout-core-af5ff6abad5f1ff9fd18.min.js.map +1 -0
package/dist/eclipse-scout-core-theme-74b63e0d57bed407a729.min.css +1 -0
package/dist/eclipse-scout-core-theme-dark-b82aea152f416e38ce7f.min.css +1 -0
package/dist/eclipse-scout-core-theme-dark.css +153 -52
package/dist/eclipse-scout-core-theme-dark.css.map +1 -1
package/dist/eclipse-scout-core-theme.css +153 -52
package/dist/eclipse-scout-core-theme.css.map +1 -1
package/dist/eclipse-scout-core.js +785 -564
package/dist/eclipse-scout-core.js.map +1 -1
package/dist/file-list +4 -4
package/package.json +2 -2
package/src/ErrorHandler.js +66 -28
package/src/{table/TableHeaderMenuButtonKeyStroke.js → action/ActionExecKeyStroke.js} +4 -5
package/src/box/Box.less +10 -6
package/src/breadcrumbbar/BreadcrumbItem.less +3 -6
package/src/checkbox/CheckBox.less +3 -1
package/src/datepicker/DatePickerTouchPopup.js +8 -0
package/src/desktop/DisableBrowserF5ReloadKeyStroke.js +1 -0
package/src/desktop/bench/DesktopTabSelectKeyStroke.js +2 -1
package/src/desktop/desktoptab/DisableBrowserTabSwitchingKeyStroke.js +1 -0
package/src/desktop/navigation/EnlargeNavigationKeyStroke.js +1 -0
package/src/desktop/navigation/ShrinkNavigationKeyStroke.js +1 -0
package/src/desktop/viewbutton/ViewMenuPopupEnterKeyStroke.js +2 -1
package/src/filechooser/FileChooser.js +1 -1
package/src/filechooser/FileChooser.less +15 -10
package/src/focus/FocusContext.js +11 -8
package/src/focus/FocusManager.js +24 -5
package/src/form/fields/LookupBox.js +3 -1
package/src/form/fields/LookupBox.less +28 -2
package/src/form/fields/TextFieldIcon.less +2 -2
package/src/form/fields/ValueField.js +11 -2
package/src/form/fields/breadcrumbbarfield/BreadcrumbBarField.less +10 -4
package/src/form/fields/button/ButtonKeyStroke.js +0 -3
package/src/form/fields/datefield/DateField.js +31 -47
package/src/form/fields/filechooserfield/FileChooserFieldBrowseKeyStroke.js +1 -3
package/src/form/fields/filechooserfield/FileChooserFieldDeleteKeyStroke.js +1 -3
package/src/form/fields/groupbox/GroupBox.js +1 -0
package/src/form/fields/listbox/ListBox.js +5 -4
package/src/form/fields/lookupfield/lookupField.js +6 -5
package/src/form/fields/smartfield/ProposalField.js +2 -1
package/src/form/fields/smartfield/ProposalTreeNode.js +4 -8
package/src/form/fields/smartfield/SmartField.js +4 -20
package/src/form/fields/smartfield/SmartField.less +24 -11
package/src/form/fields/splitbox/SplitBoxCollapseKeyStroke.js +1 -0
package/src/form/fields/splitbox/SplitBoxFirstCollapseKeyStroke.js +1 -0
package/src/form/fields/splitbox/SplitBoxSecondCollapseKeyStroke.js +1 -0
package/src/form/fields/tabbox/TabAreaLeftKeyStroke.js +2 -0
package/src/form/fields/tabbox/TabAreaRightKeyStroke.js +2 -0
package/src/form/fields/tabbox/TabBox.js +4 -0
package/src/form/fields/tabbox/TabBoxHeader.js +4 -0
package/src/form/fields/tabbox/TabItem.js +4 -0
package/src/form/fields/treebox/TreeBox.js +6 -5
package/src/index.js +1 -1
package/src/jquery/jquery-scout.js +12 -0
package/src/keystroke/CloseKeyStroke.js +1 -0
package/src/keystroke/ContextMenuKeyStroke.js +1 -0
package/src/keystroke/FocusFilterFieldKeyStroke.js +1 -0
package/src/keystroke/KeyStroke.js +11 -3
package/src/keystroke/TabItemKeyStroke.js +8 -5
package/src/logging/logging.js +16 -8
package/src/login/LoginBox.js +3 -2
package/src/login/LoginBox.less +18 -1
package/src/menu/MenuExecKeyStroke.js +3 -17
package/src/menu/MenuNavigationKeyStroke.js +1 -0
package/src/menu/menubar/MenuBarLeftKeyStroke.js +2 -0
package/src/menu/menubar/MenuBarRightKeyStroke.js +2 -0
package/src/messagebox/MessageBox.less +17 -17
package/src/planner/Planner.js +2 -0
package/src/session/Session.js +8 -5
package/src/style/fonts.less +5 -1
package/src/style/sizes.less +14 -5
package/src/table/Table.js +25 -19
package/src/table/Table.less +14 -7
package/src/table/TableAdapter.js +9 -12
package/src/table/TableHeaderMenuButton.js +2 -2
package/src/table/TableLayout.js +6 -0
package/src/table/columns/Column.js +8 -5
package/src/table/columns/ColumnOptimalWidthMeasurer.js +1 -1
package/src/table/editor/CellEditorPopup.js +21 -14
package/src/table/keystrokes/AbstractTableNavigationKeyStroke.js +1 -0
package/src/table/keystrokes/TableCopyKeyStroke.js +1 -0
package/src/table/keystrokes/TableNavigationCollapseKeyStroke.js +2 -2
package/src/table/keystrokes/TableNavigationEndKeyStroke.js +2 -2
package/src/table/keystrokes/TableNavigationExpandKeyStroke.js +2 -2
package/src/table/keystrokes/TableNavigationHomeKeyStroke.js +2 -2
package/src/table/keystrokes/TableNavigationPageDownKeyStroke.js +2 -2
package/src/table/keystrokes/TableNavigationPageUpKeyStroke.js +2 -2
package/src/table/keystrokes/TableNavigationUpKeyStroke.js +2 -2
package/src/table/keystrokes/TableRefreshKeyStroke.js +2 -2
package/src/table/keystrokes/TableSelectAllKeyStroke.js +3 -2
package/src/table/keystrokes/TableStartCellEditKeyStroke.js +2 -2
package/src/testing/index.js +1 -0
package/src/testing/lookup/AbortableMicrotaskStaticLookupCall.js +50 -0
package/src/tile/TileGrid.js +9 -11
package/src/tile/fields/tablefield/TileTableField.less +19 -2
package/src/tile/keystrokes/TileGridSelectKeyStroke.js +3 -2
package/src/timepicker/TimePickerTouchPopup.js +8 -0
package/src/tree/Tree.js +8 -4
package/src/tree/Tree.less +12 -2
package/src/tree/keystrokes/AbstractTreeNavigationKeyStroke.js +1 -0
package/src/tree/keystrokes/TreeCollapseAllKeyStroke.js +2 -2
package/src/tree/keystrokes/TreeExpandOrDrillDownKeyStroke.js +2 -2
package/src/tree/keystrokes/TreeNavigationDownKeyStroke.js +2 -2
package/src/tree/keystrokes/TreeNavigationEndKeyStroke.js +2 -2
package/src/tree/keystrokes/TreeNavigationUpKeyStroke.js +2 -2
package/src/util/Device.js +4 -4
package/src/util/arrays.js +20 -0
package/src/widget/Widget.js +6 -4
package/dist/eclipse-scout-core-c98fb5230e71dcec75ce.min.js +0 -2
package/dist/eclipse-scout-core-c98fb5230e71dcec75ce.min.js.map +0 -1
package/dist/eclipse-scout-core-theme-6b2fef56e9e49231a49c.min.css +0 -1
package/dist/eclipse-scout-core-theme-dark-d2bb274dd42f132bfca0.min.css +0 -1

package/dist/eclipse-scout-core-theme.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eclipse-scout-core-theme.css","mappings":"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CA;AH61BJ;AACA;;;;;;;;;EASE;AACF;;;EAGE;AO72BF;EACE;EACA;EACA;EACA;EACA;AP+2BF;AO72BE;EACE;EACA;AP+2BJ;AO32BA;EACE;EACA;EACA;EACA;EACA;EACA;ELJE;EKMF;AP62BF;AO32BE;EACE;AP62BJ;AO32BI;EACE;EACA;EACA;AP62BN;AOz2BE;EACE;AP22BJ;AOx2BE;EACE;EACA;AP02BJ;AOx2BI;EACE;EACA;AP02BN;AOt2BE;EACE;APw2BJ;AOp2BA;EACE;IAKE;IACA;IACA;EPk2BF;EOx2BE;IACE;EP02BJ;AACF;AOl2BA;EACE;IAKE;IACA;EPg2BF;EOr2BE;IACE;EPu2BJ;AACF;AOh2BA;EACE;IACE;EPk2BF;AACF;AACA;;;;;;;;;EASE;AQ57BA;EACE;ENsWA;EACA;EAKA;EM1WA;EACA;ARg8BJ;AQ77BE;EACE;AR+7BJ;AACA;;;;;;;;;EASE;ASn9BF;EA+BI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATu7BJ;AS19BE;EPuCE;EACA;EAXA;AFk8BJ;AS39BE;EAmCE;EACA;EACA;AT27BJ;ASz7BI;EACE;EACA;EACA;EACA;EPqYF;EACA;EACA;EACA;EACA;EACA;EOxYE;EACA;ATg8BN;AS1+BE;EAwDE;EACA;ATq7BJ;ASn7BI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATq7BN;ASp/BE;EA2CE;AT48BJ;ASp/BI;EA4CA;EACA;AT28BJ;ASp/BI;EA6DA;EACA;AT07BJ;ASl/BA;EAkCI;EACA;ATm9BJ;AACA;;;;;;;;;EASE;AUjhCF;EACE;EACA;AVmhCF;AUhhCA;EACE;AVkhCF;AU/gCA;EACE;EACA;EACA;EACA;AVihCF;AU/gCE;EACE;EACA;EACA;AVihCJ;AU9gCE;EACE;AVghCJ;AU5gCA;EACE;EACA;AV8gCF;AU5gCE;EACE;AV8gCJ;AU1gCA;EACE;EACA;EACA;EACA;AV4gCF;AUzgCA;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV2gCF;AUzgCE;;;EACE;AV6gCJ;AUzgCA;EACE;EACA;AV2gCF;AUxgCA;EACE;EACA;EACA;AV0gCF;AUxgCE;EACE;AV0gCJ;AUtgCA;EACE;EACA;EACA;EACA;EACA;EACA;AVwgCF;AUrgCA;;EAEE;AVugCF;AUpgCA;ERgVI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AVknCF;AU/gCA;ER4UI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AVioCF;AU1hCA;EACE;EACA;EACA;EACA;AV4hCF;AUzhCA;;;EAGE;EACA;EACA;EACA;EACA;EACA;AV2hCF;AUxhCA;EACE;EACA;EAEA;EACA;EACA;AVyhCF;AUvhCE;EACE;EACA;EACA;AVyhCJ;AUthCE;EACE;EACA;EACA;EACA;AVwhCJ;AUrhCE;EACE;AVuhCJ;AUphCE;EACE;EACA;AVshCJ;AUlhCA;EACE;EACA;EACA;AVohCF;AUjhCA;;EAEE;AVmhCF;AUjhCE;;EACE;AVohCJ;AUhhCA;ERwQI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AVssCF;AU3hCA;ERoQI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AVqtCF;AUtiCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EVwiCA,6DAA6D;EUphC7D;EVshCA,gCAAgC;EAChC,yBAAyB;AAC3B;AU1iCE;EACE;AV4iCJ;AUziCE;ERkKE;EACA;AF04BJ;AUziCE;EACE;EACA;EACA;EACA;EACA;EACA;EV2iCF,6DAA6D;AAC/D;AUtiCE;EACE;AVwiCJ;AUtiCI;EACE;AVwiCN;AUpiCE;EACE;AVsiCJ;AUpiCI;EACE;AVsiCN;AUhiCE;EACE;AVkiCJ;AUhiCI;EACE;AVkiCN;AU/hCI;EACE;AViiCN;AU/hCM;EACE;AViiCR;AU7hCI;EACE;AV+hCN;AU7hCM;EACE;AV+hCR;AUxhCE;EACE;AV0hCJ;AUxhCI;EACE;AV0hCN;AUvhCI;EACE;AVyhCN;AUvhCM;EACE;AVyhCR;AUrhCI;EACE;AVuhCN;AUrhCM;EACE;AVuhCR;AUjhCA;EACE;AVmhCF;AUhhCA;EACE;EACA;AVkhCF;AU/gCA;EACE;EACA;EACA;EACA;EACA;AVihCF;AU9gCA;EACE;EACA;EACA;AVghCF;AU9gCE;EACE;EACA;EACA;EACA;EVghCF,uEAAuE;EU/gCrE;EACA;AVihCJ;AU7gCA;EACE;EACA;EACA;EACA;EACA;EACA;AV+gCF;AU7gCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AV+gCJ;AU3gCA;EACE;EACA;EACA;AV6gCF;AU1gCA;EACE;EACA;EACA;AV4gCF;AU1gCE;EACE;AV4gCJ;AUzgCE;EACE;AV2gCJ;AUzgCI;EACE;AV2gCN;AUtgCA;EACE;AVwgCF;AUrgCA;EACE;EACA;EACA;EACA;EACA;AVugCF;AUrgCE;EACE;AVugCJ;AUpgCE;EACE;AVsgCJ;AUlgCA;;EAEE;EACA;EACA;AVogCF;AUjgCA;;EAEE;AVmgCF;AUhgCA;EACE;AVkgCF;AU//BA;;;EAGE;AVigCF;AU9/BA;EACE;AVggCF;AU7/BA;EACE;AV+/BF;AU5/BA;;;EAGE;EACA;EACA;EACA;EV8/BA,mBAAmB;AACrB;AU5/BA;EACE;EV8/BA,iDAAiD;AACnD;AU7/BE;EACE;EACA;EACA;EACA;EACA;EACA;EV+/BF,6BAA6B;AAC/B;AU7/BE;EACE;AV+/BJ;AU7/BI;EACE;AV+/BN;AU3/BE;EACE;AV6/BJ;AU1/BE;EACE;AV4/BJ;AU1/BI;EACE;AV4/BN;AUx/BE;EACE;EACA;AV0/BJ;AUr/BE;EACE;AVu/BJ;AUp/BE;EACE;EACA;EACA;AVs/BJ;AUp/BI;EACE;EACA;EACA;AVs/BN;AUn/BI;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AVq/BN;AUl/BI;EACE;EACA;EVo/BJ,oCAAoC;AACtC;AUj/BM;EACE;EACA;AVm/BR;AUh/BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVk/BR;AU9+BI;EACE;EACA;EVg/BJ,6CAA6C;AAC/C;AU/+BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVi/BR;AU3+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AV6+BF;AU1+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV4+BF;AUx+BA;EACE;EACA;EACA;EACA;AV0+BF;AUv+BA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AVy+BF;AUt+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVw+BF;AUr+BA;EACE;EACA;EACA;EACA;EACA;EACA;EVu+BA,6BAA6B;EUt+B7B;AVw+BF;AUr+BA;EACE;EACA;EACA;AVu+BF;AUp+BI;EACE;EACA;EACA;EACA;EACA;AVs+BN;AUn+BI;EACE;AVq+BN;AUl+BI;EACE;EACA;EACA;EACA;EACA;EACA;AVo+BN;AU/9BA;EACE;EACA;EACA;AVi+BF;AU99BA;EACE;EACA;EACA;EACA;EACA;AVg+BF;AU79BA;EACE;EACA;EACA;EACA;EACA;EACA;AV+9BF;AACA;;;;;;;;;EASE;AWrmDF;EACE;EACA;EACA;EACA;EACA;AXumDF;AWpmDA;EACE;EACA;EACA;EACA;EACA;AXsmDF;AWpmDE;EACE;EACA;EACA;EACA;EACA;EACA;AXsmDJ;AWpmDI;EACE;EACA;AXsmDN;AWnmDI;EACE;AXqmDN;AWjmDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXmmDJ;AW/lDA;EACE;EACA;EACA;EACA;EACA;AXimDF;AW/lDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXimDJ;AW/lDI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXimDN;AW/lDM;EACE;AXimDR;AW9lDM;EACE;AXgmDR;AW7lDM;EACE;EACA;AX+lDR;AW5lDM;EACE;EACA;AX8lDR;AWzlDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AX2lDJ;AWxlDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;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;Eeh7DpB;Afk7DN;Ae3kEA;EAgKI;Ef86DF,oBAAoB;Ee76DlB;Af+6DJ;AehlEA;EAuKI;Ef46DF,0DAA0D;Ee36DxD;Af66DJ;AerlEA;EA8KI;Ef06DF,oDAAoD;Eez6DlD;EACA;Af26DJ;Aez6DI;EACE;Ef26DJ,sBAAsB;Ee16DlB;Ef46DJ,yBAAyB;AAC3B;AejmEA;EA2LI;Efy6DF,sBAAsB;Eex6DpB;Af06DJ;Aex6DI;EACE;Ef06DJ,kDAAkD;AACpD;Ae1mEA;EAsMI;Efu6DF,8CAA8C;Eet6D5C;Efw6DF,iDAAiD;AACnD;AehnEA;EA6MI;Efs6DF,yGAAyG;Eer6DvG;Afu6DJ;AernEA;EAkNI;EACA;Afs6DJ;Ae/5DM;;EAEE;Efi6DN,0CAA0C;Eeh6DpC;Efk6DN,6CAA6C;AAC/C;Aej6DQ;;EACE;Efo6DR,kDAAkD;AACpD;Ae55DI;;;;;Efk6DF,uJAAuJ;Ee55DnJ;Af85DN;Ae7oEA;;EAuPI;Ef05DF,0BAA0B;Eez5DxB;Ef25DF,0BAA0B;Ee15DxB;Ef45DF,qEAAqE;AACvE;Aev5DI;EACE;Afy5DN;Aej5DM;EACE;Afm5DR;Ae5pEA;EAgRI;Af+4DJ;AACA;;;;;;;;;EASE;AgB9pEF;EACE;EACA;EACA;EACA;EhBgqEA,6EAA6E;EAC7E,4DAA4D;AAC9D;AgBhqEE;EACE;AhBkqEJ;AgB/pEE;EACE;EArBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhBurEF;AgBrqEI;EACE;EACA;AhBuqEN;AgBnqEE;EbfE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHgsEJ;AgBxqEE;EACE;AhB0qEJ;AgBxqEI;EAEE;AhByqEN;AgBrqEM;EACE;AhBuqER;AgBpqEM;EACE;AhBsqER;AgBnqEM;EACE;AhBqqER;AgBjqEI;EACE;AhBmqEN;AgB5pEE;EACE;AhB8pEJ;AgB5pEI;EACE;AhB8pEN;AgB1pEE;EACE;EACA;AhB4pEJ;AgBzpEE;EACE;AhB2pEJ;AgBvpEA;EACE;EACA;EACA;EACA;AhBypEF;AgBvpEE;EdmNE;EACA;EACA;EACA;EACA;EACA;EChTA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vBgpFF;AuB9oFE;EACE;EACA;EACA;AvBgpFJ;AuB7oFE;EACE;AvB+oFJ;AACA;;;;;;;;;EASE;AwBnrFF;EACE;EACA;EACA;EACA;EACA;AxBqrFF;AwBnrFE;EACE;AxBqrFJ;AwBlrFE;EACE;AxBorFJ;AwBhrFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxBkrFF;AwBhrFE;EtB6ZE;EACA;EACA;EACA;EACA;EACA;EsBhaA;EACA;AxBurFJ;AwBnrFI;EACE;EACA;AxBqrFN;AwBlrFI;EACE;AxBorFN;AwB/qFI;EACE;EACA;EACA;AxBirFN;AwB9qFI;EACE;AxBgrFN;AwB5qFE;EACE;AxB8qFJ;AwB3qFE;;EAEE;AxB6qFJ;AACA;;;;;;;;;EASE;AyBpvFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzBsvFF;AyBnvFI;EACE;AzBqvFN;AyBlvFI;EACE;AzBovFN;AyBjvFI;EACE;AzBmvFN;AyBhvFI;EACE;AzBkvFN;AyBhvFM;EACE;AzBkvFR;AyB7uFE;EACE;EACA;EACA;EACA;AzB+uFJ;AyB5uFE;EACE;EACA;EACA;EACA;AzB8uFJ;AyB5uFI;EACE;EACA;AzB8uFN;AyB3uFI;EACE;EACA;AzB6uFN;AyB1uFI;;EACE;AzB6uFN;AyBzuFE;EACE;EACA;AzB2uFJ;AyBxuFE;EtBhDE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHkxFJ;AyBtvFE;;EAEE;EACA;AzBwvFJ;AyBtvFI;;EACE;AzByvFN;AyBrvFE;EAGE;AzBqvFJ;AyBnvFI;EACE;AzBqvFN;AyBlvFI;EACE;AzBovFN;AyBhvFE;EACE;AzBkvFJ;AyBhvFI;EACE;AzBkvFN;AyB9uFE;EACE;EACA;AzBgvFJ;AyB7uFM;EACE;AzB+uFR;AyB5uFM;EACE;EACA;AzB8uFR;AyB3uFM;EACE;AzB6uFR;AyB3uFQ;EACE;AzB6uFV;AyBxuFI;EACE;AzB0uFN;AyBvuFI;EACE;AzByuFN;AyBvuFM;EACE;EACA;AzByuFR;AyBtuFM;;EACE;AzByuFR;AyBruFI;EvB5EA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFozFJ;AElzFI;EACE;EACA;EACA;AFozFN;AEjzFI;EACE;EACA;EACA;AFmzFN;AyBxvFM;EACE;AzB0vFR;AyBtvFI;EACE;AzBwvFN;AyBrvFI;EtBxIA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHu3FJ;AyBpwFM;EtB3IF;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHy4FJ;AyBtvFA;EAjBE;IACE;EzB0wFF;EyBxwFA;IACE;EzB0wFF;EyBxwFA;IACE;EzB0wFF;EyBxwFA;IACE;EzB0wFF;EyBxwFA;IACE;EzB0wFF;AACF;AyBnwFA;EArBE;IACE;EzB2xFF;EyBzxFA;IACE;EzB2xFF;EyBzxFA;IACE;EzB2xFF;EyBzxFA;IACE;EzB2xFF;EyBzxFA;IACE;EzB2xFF;AACF;AyB9vFA;EAjBE;IACE;EzBkxFF;EyBhxFA;IACE;EzBkxFF;EyBhxFA;IACE;EzBkxFF;EyBhxFA;IACE;EzBkxFF;EyBhxFA;IACE;EzBkxFF;AACF;AyB3wFA;EArBE;IACE;EzBmyFF;EyBjyFA;IACE;EzBmyFF;EyBjyFA;IACE;EzBmyFF;EyBjyFA;IACE;EzBmyFF;EyBjyFA;IACE;EzBmyFF;AACF;AyBtwFA;EAjBE;IACE;EzB0xFF;EyBxxFA;IACE;EzB0xFF;EyBxxFA;IACE;EzB0xFF;EyBxxFA;IACE;EzB0xFF;EyBxxFA;IACE;EzB0xFF;AACF;AyBnxFA;EArBE;IACE;EzB2yFF;EyBzyFA;IACE;EzB2yFF;EyBzyFA;IACE;EzB2yFF;EyBzyFA;IACE;EzB2yFF;EyBzyFA;IACE;EzB2yFF;AACF;AACA;;;;;;;;;EASE;A0BhiGA;EAGE;EACA;EACA;EACA;A1BgiGJ;A0B9hGI;EACE;EACA;A1BgiGN;A0B7hGI;EACE;EACA;A1B+hGN;AACA;;;;;;;;;EASE;A2B1jGF;EACE;EACA;EACA;EACA;EACA;A3B4jGF;A2B1jGE;EACE;A3B4jGJ;A2BxjGM;EACE;A3B0jGR;A2BrjGE;EACE;A3BujGJ;A2BpjGE;ExBLE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHukGJ;A2BtjGM;;EAEE;A3BwjGR;A2BjjGQ;EACE;EACA;A3BmjGV;A2B9iGU;;EACE;A3BijGZ;A2B5iGU;EACE;EACA;EACA;A3B8iGZ;A2B3iGU;EACE;A3B6iGZ;A2B1iGU;EACE;A3B4iGZ;A2B1iGY;EACE;A3B4iGd;A2BriGQ;EACE;EACA;A3BuiGV;A2BpiGQ;EACE;A3BsiGV;A2BniGQ;EACE;A3BqiGV;A2B1hGQ;;EACE;A3B6hGV;A2B3hGU;;EACE;A3B8hGZ;AACA;;;;;;;;;EASE;A4B1oGF;EACE;EACA;EACA;EACA;EACA;EACA;A5B4oGF;A4BxoGM;EACE;EACA;EACA;A5B0oGR;A4BpoGA;EACE;A5BsoGF;A4BnoGA;EACE;EACA;A5BqoGF;A4BnoGE;EACE;A5BqoGJ;A4BhoGE;EACE;A5BkoGJ;A4BhoGI;EACE;A5BkoGN;A4B/nGI;EACE;A5BioGN;AACA;;;;;;;;;EASE;A6BprGF;EACE;A7BsrGF;A6BprGE;EACE;EACA;EACA;A7BsrGJ;A6BprGI;EACE;A7BsrGN;A6BnrGI;;EAEE;A7BqrGN;A6BhrGI;EACE;A7BkrGN;A6B/qGI;EACE;EACA;EACA;A7BirGN;A6B5qGI;EACE;A7B8qGN;A6B3qGI;EACE;EACA;EACA;A7B6qGN;A6BxqGA;EACE;A7B0qGF;A6BxqGE;EACE;A7B0qGJ;A6BvqGE;EACE;A7ByqGJ;AACA;;;;;;;;;EASE;A8BnuGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;E9BmuGA,yDAAyD;AAC3D;AACA,4BAA4B;A8BhuG5B;EAcE;IACE;IACA;E9BqtGF;E8BntGA;IACE;E9BqtGF;E8BntGA;IACE;IACA;E9BqtGF;AACF;A8BzuGA;EAUE;IACE;IACA;E9BkuGF;E8BhuGA;IACE;E9BkuGF;E8BhuGA;IACE;IACA;E9BkuGF;AACF;AACA;;;;EAIE;A8B7tGF;E3BlCI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHyvGJ;AACA,4BAA4B;A8B1uG5B;EASE;IACE;E9BouGF;E8BluGA;IACE;E9BouGF;AACF;A8B9uGA;EAKE;IACE;E9B4uGF;E8B1uGA;IACE;E9B4uGF;AACF;A8BluGA;E3BhEI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH4xGJ;A8BhvGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E5B3EE;EF8zGF,kDAAkD;AACpD;A8BjvGE;EACE;A9BmvGJ;A8B9uGE;EACE;A9BgvGJ;A8B5uGA;EACE;A9B8uGF;A8B5uGE;EACE;EACA;A9B8uGJ;A8B3uGE;EACE;EACA;A9B6uGJ;A8B1uGM;ECvHJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Bo2GF;A8B5uGM;ECjIJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Bg3GF;A8BlvGE;EACE;EACA;A9BovGJ;A8BjvGM;EC5IJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Bg4GF;A8BvvGE;EACE;EACA;A9ByvGJ;A8BtvGM;ECvJJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Bg5GF;A8B5vGE;EACE;EACA;EACA;EACA;EACA;A9B8vGJ;A8B5vGI;EACE;A9B8vGN;A8B3vGI;EACE;A9B6vGN;A8B1vGI;EACE;A9B4vGN;A8BzvGI;EACE;A9B2vGN;A8BtvGA;E5BiLI;EACA;AFwkGJ;A8BvvGE;E5B0OE;EACA;EACA;E4B1OA;A9B2vGJ;A8BvvGA;EACE;EACA;A9ByvGF;A8BtvGA;E3BnMI;EACA;EACA;EACA;E2BkMF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9B2vGF;AACA;;;;;;;;;EASE;AgCr9GA;EACE;AhCu9GJ;AEt7FI;EACE;AFw7FN;AEr7FI;;EAEE;AFu7FN;AgCx9GI;EACE;AhC09GN;AgCv9GI;;EAEE;EACA;EACA;EhCy9GJ,gEAAgE;EgCt9G5D;AhCw9GN;AgCt9GM;;EACE;AhCy9GR;AgCt9GM;;EACE;AhCy9GR;AgCt9GM;;EACE;AhCy9GR;AgCt9GM;;EACE;EACA;EACA;AhCy9GR;AgCt9GM;;EACE;EACA;AhCy9GR;AgCt9GM;;EACE;EACA;EACA;EACA;AhCy9GR;AgCv9GQ;;EACE;AhC09GV;AgCt9GM;;EACE;EACA;AhCy9GR;AgCv9GQ;;EACE;AhC09GV;AgCv9GQ;;EACE;AhC09GV;AgCx9GU;;EACE;AhC29GZ;AgCv9GQ;;EACE;AhC09GV;AgCj9GM;;EACE;AhCo9GR;AgCj9GM;;EACE;EACA;AhCo9GR;AgC98GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhCg9GF;AgC98GE;EACE;AhCg9GJ;AgC78GE;EACE;AhC+8GJ;AgC58GE;EACE;E9ByPA;EACA;EAKA;AFktGJ;AgC78GE;EACE;EACA;EACA;EACA;EACA;AhC+8GJ;AgC78GI;EACE;AhC+8GN;AACA,kGAAkG;AgCx8GhG;EACE;EACA;AhC08GJ;AgCx8GI;EACE;AhC08GN;AgCt8GE;EACE;AhCw8GJ;AgCt8GI;;EAEE;EACA;AhCw8GN;AgCt8GM;;EACE;AhCy8GR;AgCv8GQ;;EACE;AhC08GV;AgCv8GQ;;EACE;AhC08GV;AgCt8GM;;EACE;EACA;AhCy8GR;AgCv8GQ;;EACE;AhC08GV;AgCt8GM;;EACE;AhCy8GR;AgCt8GM;;EACE;EACA;EACA;AhCy8GR;AgCv8GQ;;EACE;AhC08GV;AgCv8GQ;;EACE;AhC08GV;AgCp8GQ;;;;EAEE;AhCw8GV;AgCr8GQ;;;;EAEE;AhCy8GV;AgC77GM;;;;EACE;AhCk8GR;AgC/7GM;;;;EACE;AhCo8GR;AgC77GE;EACE;EACA;AhC+7GJ;AgC77GI;EACE;AhC+7GN;AgC37GE;EACE;AhC67GJ;AgC37GI;EACE;AhC67GN;AgC37GM;EACE;EACA;AhC67GR;AgC17GM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;EACE;AtCg/HN;AsC5+HE;EACE;AtC8+HJ;AsC5+HI;EACE;EACA;EACA;AtC8+HN;AsC3+HI;EACE;AtC6+HN;AsCz+HE;EACE;EACA;EACA;EACA;AtC2+HJ;AsCv+HA;EACE;IACE;IACA;EtCy+HF;EsCv+HA;IACE;EtCy+HF;AACF;AsCt+HA;EACE;IACE;IACA;EtCw+HF;EsCt+HA;IACE;EtCw+HF;AACF;AACA;;;;;;;;;EASE;AuC5nIF;EACE;EACA;EACA;EACA;ErC6aE;EACA;EACA;EqC7aF;EvCgoIA,kFAAkF;EuC/nIlF;EvCioIA,6BAA6B;EuChoI7B;EACA;AvCkoIF;AACA;;;;;;;;;EASE;AwCrpIF;EACE;EACA;EACA;AxCupIF;AwCrpIE;;EAEE;EACA;EACA;EACA;EACA;AxCupIJ;AwCrpII;;EACE;EACA;AxCwpIN;AwCrpII;;EACE;EACA;EACA;AxCwpIN;AwCrpII;;;;EAEE;AxCypIN;AwCrpIE;EACE;EACA;EACA;AxCupIJ;AwCrpII;EACE;AxCupIN;AwCnpIE;EACE;EACA;EACA;EACA;AxCqpIJ;AwCnpII;EACE;AxCqpIN;AwClpII;EACE;AxCopIN;AwCjpII;EACE;EACA;EACA;EACA;EACA;AxCmpIN;AwCjpIM;EACE;AxCmpIR;AwC/oII;EACE;AxCipIN;AwC5oII;EACE;EACA;AxC8oIN;AwC3oII;EACE;EACA;AxC6oIN;AwC3oIM;EACE;AxC6oIR;AwCxoIE;EACE;EACA;AxC0oIJ;AwCtoIM;;;;EAEE;AxC0oIR;AwCvoIM;;EACE;AxC0oIR;AwCtoII;EACE;AxCwoIN;AwCtoIM;EACE;EACA;EACA;AxCwoIR;AwCroIM;EACE;AxCuoIR;AwCpoIM;EACE;AxCsoIR;AwCnoIM;EACE;AxCqoIR;AwCloIM;EACE;EACA;EACA;AxCooIR;AwChoII;EACE;AxCkoIN;AwC/nIQ;EACE;EACA;AxCioIV;AwC5nII;EACE;EACA;EACA;AxC8nIN;AwC5nIM;EACE;EACA;EACA;AxC8nIR;AwC3nIM;EACE;AxC6nIR;AACA;;;;;;;;;EASE;AyCjyI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AkD10JE;EACE;AlD40JJ;AkDv0JE;EACE;EACA;AlDy0JJ;AkDt0JE;EACE;EACA;AlDw0JJ;AkDt0JI;EACE;EACA;AlDw0JN;AkDp0JE;EACE;AlDs0JJ;AkDn0JE;EACE;AlDq0JJ;AkDh0JE;EACE;AlDk0JJ;AkD/zJE;EACE;AlDi0JJ;AkD9zJE;EACE;EACA;EACA;EhD+EA;EACA;AFkvJJ;AEhvJI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AFuvJN;AkDz0JM;EACE;AlD20JR;AkDv0JI;EhDkFA;EACA;AFwvJJ;AEtvJI;EACE;EACA;EACA;AFwvJN;AErvJI;EACE;EACA;AFuvJN;AEpvJI;;EAEE;EACA;AFsvJN;AkDp1JE;EhDmGE;EACA;AFovJJ;AElvJI;EACE;EACA;EACA;AFovJN;AEjvJI;EACE;EACA;AFmvJN;AEhvJI;;EAEE;EACA;AFkvJN;AkDl2JE;EhDyHE;EACA;AF4uJJ;AE1uJI;EACE;EACA;EACA;AF4uJN;AEzuJI;EACE;EACA;AF2uJN;AExuJI;;EAEE;EACA;AF0uJN;AkDh3JE;EhD2FE;EACA;AFwxJJ;AEtxJI;EACE;EACA;EACA;AFwxJN;AErxJI;EACE;EACA;AFuxJN;AEpxJI;;EAEE;EACA;AFsxJN;AkD93JE;EhDuIE;EACA;AF0vJJ;AExvJI;EACE;EACA;EACA;AF0vJN;AEvvJI;EACE;EACA;AFyvJN;AEtvJI;;EAEE;EACA;AFwvJN;AkD54JE;EhDyJE;EACA;AFsvJJ;AEpvJI;EACE;EACA;EACA;AFsvJN;AEnvJI;EACE;EACA;AFqvJN;AElvJI;;EAEE;EACA;AFovJN;AkD7hKA;EAoII;AlD45JJ;AkDz5JE;EACE;AlD25JJ;AACA;;;;;;;;;EASE;AmD5iKA;EnD8iKA,gGAAgG;EmD7iK9F;AnD+iKJ;AmD5iKE;;EAEE;EACA;EACA;EACA;EnD8iKF,yDAAyD;AAC3D;AmD7iKI;;EACE;AnDgjKN;AmD3iKM;;;;;;;;EjDwBF;EACA;EAXA;AFyiKJ;AmDhjKM;;EACE;AnDmjKR;AmDhjKM;;EAGE;EACA;AnDijKR;AACA;;;;;;;;;EASE;AoD1lKA;;;;;EpDgmKA,uJAAuJ;EoD1lKrJ;ApD4lKJ;AoDzlKE;;EAEE;EACA;ApD2lKJ;AoDvlKI;;EAEE;ApDylKN;AoDplKI;;EAEE;EACA;ApDslKN;AqD5nKC;;;;EnD+JK;AFm+JN;AqDloKC;;;;;;EnDqKK;AFq+JN;AqD1oKC;;;;;;;;EnD4KK;AFw+JN;AqDppKC;;;;EnDiLK;AFy+JN;AoD5mKI;;EACE;ApD+mKN;AoD5mKI;;EACE;ApD+mKN;AoD5mKI;;;;;;;;;;EAKE;ApDmnKN;AoDjnKM;;;;;;;;;;EACE;ApD4nKR;AoDtnKM;;;;;;;;;;EAKE;EACA;ApD6nKR;AoD3nKQ;;;;;;;;;;EACE;EACA;ApDsoKV;AoDnoKQ;;;;;;;;;;EACE;ApD8oKV;AqDhuKC;;EnD+JK;AFqkKN;AqDpuKC;;;EnDqKK;AFokKN;AqDzuKC;;;;EnD4KK;AFmkKN;AqD/uKC;;EnDiLK;AFkkKN;AoDxpKI;;EAEE;ApD0pKN;AoDvpKI;;;;;EAKE;ApDypKN;AoDvpKM;;;;;EACE;ApD6pKR;AACA;;;;;;;;;EASE;AsDnwKA;EACE;AtDqwKJ;AACA;;;;;;;;;EASE;AuDjxKA;EvDmxKA;;2CAEyC;EuDjxKvC;AvDmxKJ;AACA;;;;;;;;;EASE;AwDlyKF;EACE;AxDoyKF;AwDlyKE;EACE;AxDoyKJ;AwDhyKA;EAEE;AxDiyKF;AwD9xKA;EACE;EACA;AxDgyKF;AwD9xKE;;;EAEE;AxDiyKJ;AwD9xKE;EACE;AxDgyKJ;AwD9xKI;EACE;EACA;EACA;EACA;EACA;EACA;EtDWF;EACA;EsDVE;AxDiyKN;AwD5xKA;EACE;EACA;AxD8xKF;AwD3xKA;EACE;AxD6xKF;AACA;;;;;;;;;EASE;AyDn1KF;EzDq1KE;;+CAE6C;EEr/J3C;EACA;EACA;EACA;AFu/JJ;AyDt1KE;EACE;AzDw1KJ;AACA;;;;;;;;;EASE;A0Dx2KA;E1D02KA,gGAAgG;E0Dz2K9F;A1D22KJ;A0Dx2KE;EACE;EACA;EACA;EACA;A1D02KJ;A0Dx2KI;EACE;A1D02KN;A0Dv2KI;EACE;A1Dy2KN;A0Dt2KI;EACE;EACA;EACA;A1Dw2KN;AACA;;;;;;;;;EASE;A2Dx4KF;EAGI;A3Dw4KJ;A2Dp4KE;EACE;A3Ds4KJ;AACA;;;;;;;;;EASE;A4Dx5KF;EACE;EACA;EACA;E5D05KA,4DAA4D;EAC5D,oFAAoF;AACtF;A4D15KE;EACE;A5D45KJ;A4Dz5KE;;EAEE;A5D25KJ;A4Dt5KE;EACE;EACA;EACA;E1DsVA;EACA;AFmkKJ;A4Dv5KI;E5Dy5KF;gDAC8C;E4Dv5K1C;A5Dy5KN;A4Dn5KI;EACE;A5Dq5KN;A4Dl5KI;EACE;A5Do5KN;A4Dj5KI;EACE;A5Dm5KN;A4D/4KE;EACE;E5Di5KF,2BAA2B;AAC7B;A4D74KE;EACE;EACA;EACA;EACA;A5D+4KJ;A4D74KI;EACE;A5D+4KN;A4D54KI;EACE;E1DnBF;EACA;EAXA;AF86KJ;A4D54KE;EACE;EACA;A5D84KJ;A4D34KE;EACE;A5D64KJ;A4Dz4KA;EACE;A5D24KF;A4Dz4KE;EACE;A5D24KJ;A4Dr4KE;EACE;A5Du4KJ;A4Dp4KE;EACE;EACA;A5Ds4KJ;A4Dn4KE;EACE;A5Dq4KJ;A4Dj4KA;EACE;A5Dm4KF;A4Dj4KE;EACE;A5Dm4KJ;AACA;;;;;;;;;EASE;A6Dr/KF;EACE;EACA;EACA;E3D+VE;EACA;EACA;EACA;E2DhWF;A7D0/KF;A6Dx/KE;EACE;A7D0/KJ;A6Dt/KA;EACE;A7Dw/KF;AACA;;;;;;;;;EASE;AqDzhLD;;EnD+JK;AF83KN;AqD7hLC;;;EnDqKK;AF63KN;AqDliLC;;;;EnD4KK;AF43KN;AqDxiLC;;EnDiLK;AF23KN;AqD5iLC;;EnD+JK;AFi5KN;AqDhjLC;;;EnDqKK;AFg5KN;AqDrjLC;;;;EnD4KK;AF+4KN;AqD3jLC;;EnDiLK;AF84KN;A8D/iLI;;EAEE;A9DijLN;A8D5iLM;;EAEE;EACA;A9D8iLR;A8D5iLQ;;EACE;A9D+iLV;A8DziLQ;EACE;A9D2iLV;A8DriLQ;EACE;A9DuiLV;A8DjiLE;;;;EAIE;A9DmiLJ;A8D/hLI;EACE;A9DiiLN;A8D9hLI;EACE;A9DgiLN;A8D9hLM;EACE;A9DgiLR;A8D1hLI;EACE;A9D4hLN;A8DzhLI;EACE;A9D2hLN;A8DzhLM;EACE;A9D2hLR;AqD1mLC;;;;EnD+JK;AFi9KN;AqDhnLC;;;;;;EnDqKK;AFm9KN;AqDxnLC;;;;;;;;EnD4KK;AFs9KN;AqDloLC;;;;EnDiLK;AFu9KN;A8DhjLI;;;;EAEE;A9DojLN;A8DjjLI;;;;EAEE;A9DqjLN;A8DljLI;;EACE;A9DqjLN;A8DljLI;;EACE;A9DqjLN;A8DljLI;;EACE;A9DqjLN;A8DnjLM;;EACE;A9DsjLR;AqDpqLC;;;;EnD+JK;AF2gLN;AqD1qLC;;;;;;EnDqKK;AF6gLN;AqDlrLC;;;;;;;;EnD4KK;AFghLN;AqD5rLC;;;;EnDiLK;AFihLN;A8D3kLI;;;;EAEE;A9D+kLN;A8D5kLI;;;;EAEE;A9DglLN;A8D7kLI;;EACE;A9DglLN;A8D7kLI;;EACE;A9DglLN;A8D7kLI;;EACE;A9DglLN;A8D9kLM;;EACE;A9DilLR;A8D3kLA;E9D6kLE,4GAA4G;AAC9G;A8D5kLE;E9D8kLA,uGAAuG;EExmLrG;EACA;EF0mLF,0BAA0B;EE/lLxB;AFimLJ;A8D/kLE;E9DilLA,gIAAgI;EEzmL9H;AF2mLJ;A8D7kLE;EACE;EACA;A9D+kLJ;A8D7kLI;EACE;A9D+kLN;A8D5kLI;EACE;A9D8kLN;A8D3kLI;EACE;A9D6kLN;A8DvkLE;EACE;A9DykLJ;A8DtkLE;EACE;A9DwkLJ;A8DnkLE;EACE;A9DqkLJ;A8DlkLE;EACE;A9DokLJ;A8D9jLE;;;E7DtFA;EDypLA,sCAAsC;AACxC;A8D7jLA;EACE;A9D+jLF;A8D5jLI;;;E7DjGF;EDkqLA,sCAAsC;AACxC;AACA;;;;;;;;;EASE;A+DlxLA;EACE;A/DoxLJ;A+DlxLI;EACE;A/DoxLN;A+D/wLI;EACE;A/DixLN;A+D9wLI;EACE;A/DgxLN;A+D9wLM;E/DgxLJ,uGAAuG;EEjrLrG;EACA;EFmrLF,0BAA0B;EExqLxB;AF0qLJ;A+DjxLM;E/DmxLJ,gIAAgI;EElrL9H;AForLJ;A+D9wLI;EACE;EACA;A/DgxLN;AACA;;;;;;;;;EASE;AgEzzLF;EhE2zLE,0CAA0C;EgEzzL1C;AhE2zLF;AgEzzLE;;EhE4zLA,sCAAsC;EACtC,8GAA8G;EgEzzL5G;EACA;AhE2zLJ;AgEvzLI;EhEyzLF,0DAA0D;AAC5D;AEpyKI;EACE;AFsyKN;AEnyKI;;EAEE;AFqyKN;AgExzLE;EACE;ElBfA;A9C00LJ;AgEtzLE;EACE;AhEwzLJ;AgErzLE;EACE;EACA;EACA;AhEuzLJ;AgEhzLI;;E9DoQA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHi2LJ;AEziLI;;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AF+iLN;AE9jLI;;ECpTA;EACA;EACA;EACA;AHs3LJ;AgE70LE;;EACE;AhEg1LJ;AgE50LA;EACE;EACA;EACA;EACA;EACA;EACA;AhE80LF;AgE50LE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AhE60LJ;AgEx0LI;EACE;EACA;EACA;EACA;EACA;AhE00LN;AgEx0LM;EACE;EACA;AhE00LR;AgEr0LE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AhEu0LJ;AgEr0LI;E9DuVA;EACA;EACA;EACA;EACA;EACA;E8D1VE;EACA;AhE40LN;AgE10LM;EACE;AhE40LR;AgEv0LE;EACE;EACA;EACA;EACA;EACA;AhEy0LJ;AgEv0LI;EACE;AhEy0LN;AgEt0LI;EACE;EACA;E9DiPF;EACA;AFwlLJ;AgEt0LI;EACE;EACA;EACA;EACA;E9DyOF;EACA;AFgmLJ;AgEr0LE;EACE;EACA;E9DqCA;EACA;AFmyLJ;AEjyLI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AFwyLN;AgEp1LE;E9DuEE;EACA;AFgxLJ;AE9wLI;EACE;EACA;EACA;AFgxLN;AE7wLI;EACE;EACA;AF+wLN;AE5wLI;;EAEE;EACA;AF8wLN;AgEl2LE;E9DmEE;EACA;AFkyLJ;AEhyLI;EACE;EACA;EACA;AFkyLN;AE/xLI;EACE;EACA;AFiyLN;AE9xLI;;EAEE;EACA;AFgyLN;AgEh3LE;E9DyFE;EACA;AF0xLJ;AExxLI;EACE;EACA;EACA;AF0xLN;AEvxLI;EACE;EACA;AFyxLN;AEtxLI;;EAEE;EACA;AFwxLN;AgE93LE;E9D2GE;EACA;AFsxLJ;AEpxLI;EACE;EACA;EACA;AFsxLN;AEnxLI;EACE;EACA;AFqxLN;AElxLI;;EAEE;EACA;AFoxLN;AgE54LE;E9D6HE;EACA;AFkxLJ;AEhxLI;EACE;EACA;EACA;AFkxLN;AE/wLI;EACE;EACA;AFixLN;AE9wLI;;EAEE;EACA;AFgxLN;AgE15LE;EhE45LA,wDAAwD;EgE15LtD;AhE45LJ;AgEx5LA;EACE;EACA;EhE05LA,gFAAgF;AAClF;AgEz5LE;EACE;EACA;AhE25LJ;AgEx5LE;EACE;EACA;AhE05LJ;AgEv5LE;EACE;AhEy5LJ;AE1iLI;EACE;AF4iLN;AEziLI;;EAEE;AF2iLN;AgEt5LA;EACE;AhEw5LF;AgEr5LA;EACE;AhEu5LF;AACA;;;;;;;;;EASE;AiElmMA;E/DgWE;EACA;EACA;EACA;AFqwLJ;AiEjmME;EACE;AjEmmMJ;AiEjmMI;EACE;AjEmmMN;AACA;;;;;;;;;EASE;AkExnMA;ElE0nMA,iGAAiG;EkEznM/F;AlE2nMJ;AkExnME;EACE;EACA;AlE0nMJ;AkExnMI;EACE;AlE0nMN;AkEvnMI;EACE;AlEynMN;AkEtnMI;EACE;AlEwnMN;AkEtnMM;EACE;EACA;EACA;AlEwnMR;AkErnMM;EACE;AlEunMR;AkEpnMM;EACE;AlEsnMR;AkEnnMM;EACE;AlEqnMR;AkElnMM;EACE;AlEonMR;AkEjnMM;EACE;AlEmnMR;AkEhnMM;EACE;AlEknMR;AACA;;;;;;;;;EASE;AmE1qMA;EjEgWE;EACA;EACA;EACA;AF60LJ;AmExqMA;EACE;EACA;EACA;EjE4VE;EACA;AF+0LJ;AmEzqME;EnE2qMA,uGAAuG;EE1kMrG;EACA;EF4kMF,0BAA0B;EEjkMxB;AFmkMJ;AmE5qME;EnE8qMA,gIAAgI;EE3kM9H;AF6kMJ;AmE5qME;EACE;AnE8qMJ;AmE3qME;EACE;AnE6qMJ;AmE1qME;EACE;AnE4qMJ;AmEzqME;EACE;AnE2qMJ;AmEtqMI;EACE;AnEwqMN;AmErqMI;EACE;AnEuqMN;AmEpqMI;EACE;AnEsqMN;AACA;;;;;;;;;EASE;AoEluMA;EACE;ApEouMJ;AoEjuME;EACE;ApEmuMJ;AACA;;;;;;;;;EASE;AqE/uME;EACE;ArEivMN;AqE9uMI;EACE;ArEgvMN;AqE7uMI;EACE;ArE+uMN;AACA;;;;;;;;;EASE;AsErwMA;EtEuwMA,gGAAgG;EsEtwM9F;AtEwwMJ;AsErwME;EACE;EACA;EACA;AtEuwMJ;AsErwMI;EACE;AtEuwMN;AACA;;;;;;;;;EASE;AuE1xMF;EACE;EACA;EACA;EACA;AvE4xMF;AuE1xME;;;EvE8xMA,4DAA4D;EuE1xM1D;AvE4xMJ;AuEzxME;EACE;EACA;EACA;ErEuVA;EACA;AFq8LJ;AuE1xMI;EvE4xMF;+DAC6D;EuE1xMzD;AvE4xMN;AuExxME;EACE;AvE0xMJ;AuEvxME;EACE;EACA;EACA;EACA;EACA;EACA;AvEyxMJ;AuEvxMI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvEyxMN;AuEpxMI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvEsxMN;AuElxMM;EACE;EACA;EACA;AvEoxMR;AuEjxMM;EACE;AvEmxMR;AuE/wMI;EACE;AvEixMN;AuE/wMM;ErExCF;EACA;EAXA;AFs0MJ;AuE/wMI;EACE;AvEixMN;AuE/wMM;EACE;AvEixMR;AuE7wMQ;EACE;AvE+wMV;AuE5wMQ;EACE;AvE8wMV;AuErwME;;EAEE;EACA;AvEuwMJ;AuEnwMA;EACE;AvEqwMF;AuEnwME;EACE;AvEqwMJ;AACA;;;;;;;;;EASE;AwEt4MA;ExEw4MA,6EAA6E;EwEt4M3E;AxEw4MJ;AwEr4ME;EACE;EACA;AxEu4MJ;AwEj4ME;EACE;AxEm4MJ;AwEh4ME;EtE4RE;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHw5MJ;AEhmMI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFqmMN;AEpnMI;ECpTA;EACA;EACA;EACA;AH26MJ;AACA;;;;;;;;;EASE;AACF;;;;;;;;;EASE;AyEn8MA;EACE;AzEq8MJ;AyEn8MI;EACE;EACA;AzEq8MN;AyEj8ME;EACE;AzEm8MJ;AyEh8ME;EACE;AzEk8MJ;AyEh8MI;EACE;AzEk8MN;AyE37ME;EACE;AzE67MJ;AyEz7MA;EzE27ME,yBAAyB;EACzB,8DAA8D;AAChE;AyE37ME;;EAEE;AzE67MJ;AyEx7ME;EACE;EACA;EACA;AzE07MJ;AyEx7MI;EACE;EACA;AzE07MN;AyEv7MI;EACE;EACA;EACA;AzEy7MN;AyEv7MM;EACE;EACA;EACA;AzEy7MR;AyEt7MM;EACE;AzEw7MR;AyEp7MI;EACE;AzEs7MN;AyEp7MM;EACE;AzEs7MR;AyE/6ME;EACE;EACA;EACA;EACA;EACA;EvEuRA;EACA;EAKA;EAbA;EACA;EACA;EACA;AFqqMJ;AyEp7MI;EACE;AzEs7MN;AyEl7ME;;EAEE;EACA;AzEo7MJ;AyEl7MI;;EACE;AzEq7MN;AyEj7ME;EACE;EACA;AzEm7MJ;AyEh7ME;EACE;AzEk7MJ;AyEh7MI;EACE;AzEk7MN;AyE16ME;;;;;;EzEi7MA,uGAAuG;EEt7MrG;EACA;EFw7MF,0BAA0B;EE76MxB;AF+6MJ;AyEj7ME;;;;;;EzEw7MA,gIAAgI;EE57M9H;AF87MJ;AyEp7MI;;;EtE9HA;EACA;EACA;EACA;AHujNJ;AyEr7MI;;;;;;EAEE;AzE27MN;AyEx7MI;;;;;;EAEE;AzE87MN;AyE37MI;;;;;;EAEE;AzEi8MN;AyEx7MM;;;;;;;;;;;;;;;;;;;;;;;;EAIE;EACA;AzE88MR;AyE58MQ;;;;;;;;;;;;;;;;;;;;;;;;EACE;EACA;AzEq+MV;AyEl+MQ;;;;;;;;;;;;;;;;;;;;;;;;EACE;AzE2/MV;AyEr/ME;;;EACE;AzEy/MJ;AyEt/ME;;;EACE;AzE0/MJ;AyEt/MI;;;;;;EAEE;EACA;AzE4/MN;AyEn/MM;EACE;AzEq/MR;AyEl/MM;EACE;AzEo/MR;AyE/+ME;EACE;AzEi/MJ;AyE/+MI;EACE;AzEi/MN;AyE5+MA;;;EvE0RI;EACA;EA+BA;EACA;EACA;EAjgBA;EA2gBA;AFirMJ;AEztMI;;;EACE;AF6tMN;AyEp/ME;EACE;AzEs/MJ;AyEn/ME;EACE;EACA;AzEq/MJ;AyEl/ME;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AzEo/MJ;AyEj/ME;;EAEE;AzEm/MJ;AyE/+MI;EACE;EACA;AzEi/MN;AyE9+MI;EACE;AzEg/MN;AyE9+MM;EACE;AzEg/MR;AyE9+MQ;EAGE;AzE8+MV;AyE1+MM;EACE;AzE4+MR;AyEt+MI;EACE;AzEw+MN;AyEr+MQ;EACE;AzEu+MV;AyEh+MA;EACE;AzEk+MF;AyE/9MA;EACE;EtEnRE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;AHiuNJ;AyEv+MA;EtElRI;EACA;EACA;EACA;AH4vNJ;AyEz+MA;EtEtRI;EACA;EACA;EACA;AHkwNJ;AyE3+MA;EtE1RI;EACA;EACA;EACA;AHwwNJ;AACA;;;;;;;;;EASE;A0E5yNA;;;E1EgzNA;;;MAGI;EE1tNF;EACA;EACA;EC3EA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHmzNJ;A0EtzNI;;;ExEsFA;EACA;EACA;EACA;AFquNJ;A0E1zNI;;;ExEkFA;EACA;EACA;EACA;AF6uNJ;A0E7zNE;;;EvEFE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH+0NJ;A0Er0NI;;;ExEyEA;EACA;EACA;EACA;AFiwNJ;A0Ez0NI;;;ExEqEA;EACA;EACA;EACA;AFywNJ;AACA;;;;;;;;;EASE;A2E92NE;;EAEE;EACA;A3Eg3NN;A2E92NM;;EACE;A3Ei3NR;A2E72NI;EACE;EACA;EACA;E3E+2NJ,wBAAwB;AAC1B;A2E92NM;EACE;A3Eg3NR;A2E52NM;EACE;EACA;EACA;EACA;EACA;A3E82NR;A2E12NM;EACE;EACA;EACA;EACA;EACA;EACA;A3E42NR;A2Ez2NM;EACE;A3E22NR;A2Ex2NM;EACE;A3E02NR;A2Er2NI;EACE;EACA;A3Eu2NN;A2Ep2NM;EACE;EACA;EACA;EACA;EACA;A3Es2NR;A2El2NM;EACE;EACA;EACA;EACA;EACA;EACA;A3Eo2NR;A2E/1NE;E3Ei2NA,4BAA4B;E2E/1N1B;A3Ei2NJ;A2E71NA;EACE;EACA;A3E+1NF;A2E71NE;EACE;EACA;A3E+1NJ;A2E51NE;EACE;EACA;A3E81NJ;A2Et1NE;EACE;A3Ew1NJ;A2Ep1NE;EACE;A3Es1NJ;AACA;;;;;;;;;EASE;A4Eh9NF;E5Ek9NE,4EAA4E;AAC9E;A4Ej9NE;E5Em9NA,gGAAgG;E4El9N9F;A5Eo9NJ;A4E78NM;EACE;A5E+8NR;A4E58NM;EACE;A5E88NR;A4E38NM;EACE;A5E68NR;A4En8NI;;EACE;A5Es8NN;A4En8NI;;EACE;A5Es8NN;A4Ep8NM;;EACE;A5Eu8NR;A4En8NI;;EACE;EACA;A5Es8NN;A4Ep8NM;;EACE;EACA;A5Eu8NR;A4En8NI;;EACE;A5Es8NN;A4Ej8NE;EACE;A5Em8NJ;AACA;;;;;;;;;EASE;A6EtgOF;EACE;EACA;EACA;EACA;EACA;A7EwgOF;A6EtgOE;EACE;EACA;A7EwgOJ;A6ErgOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A7EugOJ;A6EpgOE;EACE;A7EsgOJ;A6EpgOI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7EsgON;A6EngOI;EACE;A7EqgON;A6EjgOM;EACE;A7EmgOR;A6E//NI;EACE;EACA;A7EigON;A6E//NM;EACE;EACA;EACA;A7EigOR;A6E9/NM;EACE;A7EggOR;A6E3/NE;EACE;E/BxDA;E+B0DA;A7E6/NJ;A6E1/NE;EACE;EACA;E3EqGA;EACA;AFw5NJ;AEt5NI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AF65NN;A6EzgOE;E3EuIE;EACA;AFq4NJ;AEn4NI;EACE;EACA;EACA;AFq4NN;AEl4NI;EACE;EACA;AFo4NN;AEj4NI;;EAEE;EACA;AFm4NN;A6EvhOE;E3EmIE;EACA;AFu5NJ;AEr5NI;EACE;EACA;EACA;AFu5NN;AEp5NI;EACE;EACA;AFs5NN;AEn5NI;;EAEE;EACA;AFq5NN;A6EriOE;E3EyJE;EACA;AF+4NJ;AE74NI;EACE;EACA;EACA;AF+4NN;AE54NI;EACE;EACA;AF84NN;AE34NI;;EAEE;EACA;AF64NN;A6EnjOE;E3E2KE;EACA;AF24NJ;AEz4NI;EACE;EACA;EACA;AF24NN;AEx4NI;EACE;EACA;AF04NN;AEv4NI;;EAEE;EACA;AFy4NN;A6EjkOE;E3E6LE;EACA;AFu4NJ;AEr4NI;EACE;EACA;EACA;AFu4NN;AEp4NI;EACE;EACA;AFs4NN;AEn4NI;;EAEE;EACA;AFq4NN;A6E9kOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7EglOF;A6E9kOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7EglOJ;A6E7kOE;EACE;A7E+kOJ;A6E5kOE;EACE;A7E8kOJ;A6E3kOE;EACE;EACA;A7E6kOJ;A6E1kOE;EACE;A7E4kOJ;A6EzkOE;EACE;A7E2kOJ;A6ExkOE;EACE;A7E0kOJ;A6EvkOE;EACE;A7EykOJ;A6EvkOI;EACE;A7EykON;A6ErkOE;EACE;EACA;EACA;EACA;A7EukOJ;A6ErkOI;EACE;A7EukON;A6EpkOI;EACE;A7EskON;A6EnkOM;E3EwNF;EACA;EACA;EACA;EACA;AF82NJ;A6EtkOM;EACE;A7EwkOR;A6EpkOI;EACE;EACA;EACA;EACA;A7EskON;A6ElkOE;EACE;EACA;EACA;E3EbA;EACA;AFklOJ;AEhlOI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AFulON;A6EjlOE;;;;;EAKE;A7EmlOJ;A6EhlOE;E3EaE;EACA;AFskOJ;AEpkOI;EACE;EACA;EACA;AFskON;AEnkOI;EACE;EACA;AFqkON;AElkOI;;EAEE;EACA;AFokON;A6E9lOE;E3ESE;EACA;AFwlOJ;AEtlOI;EACE;EACA;EACA;AFwlON;AErlOI;EACE;EACA;AFul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5PE;EtFDE;EACA;AF45PJ;AwFx5PE;EACE;EACA;EACA;AxF05PJ;AwFx5PI;;;EACE;AxF45PN;AwFz5PI;EACE;EACA;AxF25PN;AwFz5PM;EACE;EACA;AxF25PR;AwFt5PE;EACE;AxFw5PJ;AwFr5PE;EtF6RE;EACA;EAKA;EsFjSA;AxFy5PJ;AwFt5PE;EACE;AxFw5PJ;AwFr5PE;ExFu5PA,6DAA6D;EwFr5P3D;ExFu5PF,0GAA0G;EAC1G,+FAA+F;EwFr5P7F;AxFu5PJ;AwFl5PI;EACE;AxFo5PN;AwFh5PE;EtFjGE;EACA;EACA;EACA;EACE;EsF+FF;AxFs5PJ;AwFn5PE;;EtF8UE;EACA;EACA;EACA;EACA;EACA;EAKA;EsFrVA;AxF25PJ;AwFz5PI;;EACE;AxF45PN;AwFz5PI;;EtFxBA;EACA;EACA;AFq7PJ;AwF15PE;EACE;AxF45PJ;AwF15PI;EACE;EACA;EACA;AxF45PN;AwFz5PI;EACE;EACA;EACA;AxF25PN;AwFz5PM;EACE;EACA;EAEA;AxF05PR;AwFp5PA;ElF7IE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANoiQF;AMliQE;EACE;EACA;ANoiQJ;AMliQI;EJ6BA;EACA;AFwgQJ;AMjiQE;EJkVE;EACA;EAKA;EItVA;ANqiQJ;AMliQE;ENoiQA,8DAA8D;EMliQ5D;EACA;ANoiQJ;AMliQI;EACE;ANoiQN;AMjiQI;;ELkEF;EDm+PA,sCAAsC;AACxC;AMjiQI;EACE;ANmiQN;AM/hQE;EACE;ANiiQJ;AM9hQE;EJoYE;EACA;EACA;EACA;EACA;EACA;EAKA;EI5YA;ANsiQJ;AMpiQI;EJmCA;EACA;EACA;AFogQJ;AMpiQE;;;EAGE;EACA;ANsiQJ;AMniQE;EACE;EACA;ANqiQJ;AMliQE;;EACE;EACA;ANqiQJ;AMliQE;EACE;EACA;EACA;ANoiQJ;AMliQI;EACE;EACA;ANoiQN;AMjiQI;;EACE;EACA;ANoiQN;AMjiQI;EACE;EACA;ANmiQN;AM/hQE;EJxDE;EACA;EAXA;AFsmQJ;AMhiQE;EACE;ENkiQF,oFAAoF;EMhiQlF;EACA;ANkiQJ;AMhiQI;EACE;EACA;ANkiQN;AM/hQI;;EACE;EACA;EACA;ANkiQN;AM/hQI;EACE;EACA;EACA;ANiiQN;AM9hQI;EJnFA;EACA;EAXA;AFgoQJ;AM9hQE;;EAEE;EACA;EACA;EACA;ANgiQJ;AM9hQI;;;;;;;;EACE;EACA;EACA;ANuiQN;AMpiQI;;EACE;EACA;EACA;ANuiQN;AMriQM;;EACE;EACA;EACA;ANwiQR;AMliQI;;;EAGE;EACA;ANoiQN;AMjiQI;EJ0IA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AH2sQJ;AEn5PI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFw5PN;AEv6PI;ECpTA;EACA;EACA;EACA;AH8tQJ;AACA;;;;;;;;;EASE;AyF7uQF;EvFihBI;EACA;EACA;EAjgBA;EuFhBF;AzFkvQF;AyFhvQE;EtFYE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHkvQJ;AyFtvQE;EtFQE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAkBA;EACA;EACA;EACA;AH2uQJ;AyF/vQA;EACE;EACA;EACA;AzFiwQF;AyF/vQE;EACE;EACA;EACA;EACA;EACA;AzFiwQJ;AyF/vQI;EACE;EACA;EACA;AzFiwQN;AyF9vQI;EvFyUA;EACA;EFw7PF,0FAA0F;EyF/vQtF;AzFiwQN;AyF9vQI;EACE;AzFgwQN;AyF7vQI;EACE;AzF+vQN;AyF7vQM;EACE;AzF+vQR;AyF7vQQ;EACE;EACA;AzF+vQV;AyF3vQM;EACE;AzF6vQR;AyFxvQM;EvF8BF;EACA;EACA;AF6tQJ;AyFxvQI;EACE;AzF0vQN;AyFxvQM;EACE;AzF0vQR;AyFtvQI;EACE;EACA;AzFwvQN;AACA;;;;;;;;;EASE;A0F50QF;EACE;EACA;EACA;A1F80QF;A0F50QE;;;EACE;A1Fg1QJ;A0F50QI;EACE;A1F80QN;A0F50QM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A1F80QR;A0F10QI;EACE;A1F40QN;A0Fv0QM;;;;EAEE;A1F20QR;A0Fr0QA;EACE;A1Fu0QF;A0Fr0QE;EACE;EACA;A1Fu0QJ;A0Fr0QI;EACE;A1Fu0QN;A0Fp0QI;EACE;EACA;EACA;A1Fs0QN;A0Fn0QI;EACE;EACA;EACA;EACA;A1Fq0QN;A0Fl0QI;EACE;A1Fo0QN;A0Fj0QI;EACE;A1Fm0QN;A0F9zQI;EpF8BA;ENmyQF,oFAAoF;EMjyQlF;EACA;ANmyQJ;AMjyQI;EACE;EACA;ANmyQN;AMhyQI;;EACE;EACA;EACA;ANmyQN;AMhyQI;EACE;EACA;EACA;ANkyQN;AM/xQI;EJnFA;EACA;EAXA;AFi4QJ;A0Fr1QM;EACE;A1Fu1QR;A0Fp1QM;EACE;EACA;A1Fs1QR;A0Fn1QM;EACE;A1Fq1QR;A0Fn1QQ;;;;EACE;EACA;A1Fw1QV;A0Fj1QA;EACE;A1Fm1QF;A0Fj1QE;EACE;EACA;EACA;EACA;EACA;A1Fm1QJ;A0Fj1QI;EACE;A1Fm1QN;A0Fh1QI;EACE;A1Fk1QN;A0F/0QI;EACE;A1Fi1QN;A0F90QI;EACE;A1Fg1QN;A0F90QM;EACE;A1Fg1QR;AACA;;;;;;;;;EASE;A2Fr9QF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;A3Fq9QF;A2Fn9QE;EACE;A3Fq9QJ;A2Fl9QE;EACE;EACA;A3Fo9QJ;A2Fj9QE;EACE;A3Fm9QJ;A2Fh9QE;EACE;EACA;EACA;EzFTA;EyFYA;A3Fi9QJ;A2F/8QI;EACE;A3Fi9QN;A2F98QI;EACE;A3Fg9QN;AACA;;;;;;;;;EASE;A4FhgRF;EAEE;EACA;EACA;EACA;A5FigRF;A4F//QE;EACE;EACA;A5FigRJ;A4F9/QE;;EACE;A5FigRJ;A4F7/QI;EACE;A5F+/QN;A4F3/QE;EACE;EACA;EACA;A5F6/QJ;A4F3/QI;EACE;A5F6/QN;A4F1/QI;E5F4/QF,8CAA8C;E4F1/Q1C;A5F4/QN;A4Fx/QE;EAGE;A5Fw/QJ;A4Fr/QE;;;E5Fy/QA,8CAA8C;E4Fr/Q5C;A5Fu/QJ;A4Fl/QE;;;;;;;;EAQE;EACA;A5Fo/QJ;A4F/+QE;EACE;A5Fi/QJ;A4F9+QE;EACE;A5Fg/QJ;AACA,oDAAoD;A4F3+QlD;;EAEE;A5F6+QJ;A4F1+QE;EACE;A5F4+QJ;AACA;;;;;;;;;EASE;AACF,WAAW;A8CxkRX;E9C0kRE,0BAA0B;EAC1B,+BAA+B;AACjC;AACA,WAAW;A8CpjRX;EACE;EACA;EACA;EACA;EACA;A9CsjRF;A8CpjRE;EACE;EACA;A9CsjRJ;A8CljRA;EACE;EACA;EACA;E9CojRA,6FAA6F;AAC/F;A8CnjRE;EACE;A9CqjRJ;A8CljRE;EACE;EACA;EACA;EACA;A9CojRJ;A8CljRI;EACE;A9CojRN;A8ChjRE;EACE;E9CkjRF,qJAAqJ;E8ChjRnJ;A9CkjRJ;A8ChjRI;EACE;EACA;EACA;A9CkjRN;A8C/iRI;EACE;A9CijRN;A8C9iRI;EACE;A9CgjRN;A8C7iRI;EACE;A9C+iRN;A8C3iRE;EACE;EACA;A9C6iRJ;A8C3iRI;EACE;A9C6iRN;A8CviRI;EACE;A9CyiRN;A8CtiRI;EACE;A9CwiRN;A8CniRA;EArGI;EAUA;EACA;EACA;A9CkoRJ;A8CpiRI;EACE;A9CsiRN;A8CniRI;EACE;EACA;A9CqiRN;A8CniRM;EACE;A9CqiRR;A8CliRM;EACE;A9CoiRR;A8CjiRM;EACE;EACA;A9CmiRR;A8CjiRQ;EACE;A9CmiRV;A8ChiRQ;EACE;A9CkiRV;A8C5hRM;;EAEE;A9C8hRR;A8C3hRM;;EAEE;A9C6hRR;AACA;;;;;;;;;EASE;A6F3rRF;EACE;A7F6rRF;AACA;;;;;;;;;EASE;A2CxsRF;EACE;EACA;EACA;EACA;EACA;EzC6gBE;EACA;EACA;EAjgBA;EyCZF;EACA;A3C6sRF;A2C3sRE;EACE;A3C6sRJ;A2C5pRI;EACE;A3C8pRN;A2C5pRM;EACE;A3C8pRR;A2C/sRI;EACE;EACA;A3CitRN;A2C/sRM;EACE;E3CitRN,2FAA2F;AAC7F;A2C/sRM;EzCmBF;EACA;EAXA;AF2sRJ;A2ChtRM;EACE;EACA;A3CktRR;A2C/sRM;EACE;EACA;A3CitRR;A2C/sRQ;EACE;EACA;A3CitRV;A2C9sRQ;;EACE;EACA;A3CitRV;A2C9sRQ;EzCJJ;EACA;EAXA;AFiuRJ;A2C/sRQ;EACE;EACA;EACA;A3CitRV;A2C9rRI;EACE;A3CgsRN;A2C9rRM;EACE;A3CgsRR;A2C7vRI;EACE;EACA;A3C+vRN;A2C7vRM;EACE;E3C+vRN,2FAA2F;AAC7F;A2C7vRM;EzCmBF;EACA;EAXA;AFyvRJ;A2C9vRM;EACE;EACA;A3CgwRR;A2C7vRM;EACE;EACA;A3C+vRR;A2C7vRQ;EACE;EACA;A3C+vRV;A2C5vRQ;;EACE;EACA;A3C+vRV;A2C5vRQ;EzCJJ;EACA;EAXA;AF+wRJ;A2C7vRQ;EACE;EACA;EACA;A3C+vRV;A2ChuRI;EACE;A3CkuRN;A2ChuRM;EACE;A3CkuRR;A2C3yRI;EACE;EACA;A3C6yRN;A2C3yRM;EACE;E3C6yRN,2FAA2F;AAC7F;A2C3yRM;EzCmBF;EACA;EAXA;AFuyRJ;A2C5yRM;EACE;EACA;A3C8yRR;A2C3yRM;EACE;EACA;A3C6yRR;A2C3yRQ;EACE;EACA;A3C6yRV;A2C1yRQ;;EACE;EACA;A3C6yRV;A2C1yRQ;EzCJJ;EACA;EAXA;AF6zRJ;A2C3yRQ;EACE;EACA;EACA;A3C6yRV;A2ClwRI;EACE;A3CowRN;A2ClwRM;EACE;A3CowRR;A2Cz1RI;EACE;EACA;A3C21RN;A2Cz1RM;EACE;E3C21RN,2FAA2F;AAC7F;A2Cz1RM;EzCmBF;EACA;EAXA;AFq1RJ;A2C11RM;EACE;EACA;A3C41RR;A2Cz1RM;EACE;EACA;A3C21RR;A2Cz1RQ;EACE;EACA;A3C21RV;A2Cx1RQ;;EACE;EACA;A3C21RV;A2Cx1RQ;EzCJJ;EACA;EAXA;AF22RJ;A2Cz1RQ;EACE;EACA;EACA;A3C21RV;A2CryRE;ExC1FE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH64RJ;A2C1yRE;EzChBE;EACA;EACA;EACA;EClFA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHu4RJ;A2C3zRA;EACE;EACA;EACA;EACA;EACA;E3C6zRA,2DAA2D;AAC7D;A2C1zRE;EACE;A3C4zRJ;A2CxzRA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3C0zRF;A2CvzRA;EACE;EACA;A3CyzRF;A2CvzRE;EzCiNE;EACA;EACA;EACA;AFymRJ;A2CxzRA;EACE;EACA;EACA;EACA;A3C0zRF;A2CxzRE;EACE;EACA;EACA;A3C0zRJ;A2CvzRE;EACE;A3CyzRJ;A2CpzRE;EACE;A3CszRJ;A2ChzRE;EACE;A3CkzRJ;A2C/yRE;EACE;A3CizRJ;A2C9yRE;EACE;A3CgzRJ;A2C9yRI;EAEE;A3C+yRN;A2C3yRE;EACE;A3C6yRJ;A2C1yRE;EACE;A3C4yRJ;A2C1yRI;EACE;A3C4yRN;A2C1yRM;EACE;A3C4yRR;A2CtyRA;EACE;EACA;EACA;A3CwyRF;A2CryRA;EACE;I3CuyRE,8CAA8C;I2CryR9C;I3CuyRA,8CAA8C;I2CryR9C;E3CuyRF;E2CryRE;IACE;IACA;E3CuyRJ;E2CryRI;IACE;I3CuyRJ,gDAAgD;I2CtyR5C;E3CwyRN;E2CtyRM;IACE;E3CwyRR;AACF;AACA;;;;;;;;;EASE;A8F1hSF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;E5FiWE;EACA;AF2rRJ;A8F1hSE;EACE;A9F4hSJ;A8FzhSE;EACE;A9F2hSJ;A8FxhSE;EACE;A9F0hSJ;A8FvhSE;EACE;EACA;E9FyhSF,+DAA+D;AACjE;A8FvhSE;EACE;EACA;E9FyhSF,+DAA+D;AACjE;A8FthSE;EACE;EACA;A9FwhSJ;A8FthSI;EACE;EACA;A9FwhSN;A8FrhSI;EACE;EACA;A9FuhSN;A8FphSI;EACE;EACA;A9FshSN;A8FlhSE;EACE;A9FohSJ;A8FlhSI;EACE;A9FohSN;A8F7gSE;EACE;EAEA;EACA;EACA;A9F8gSJ;A8F5gSI;EACE;A9F8gSN;A8F3gSI;EACE;A9F6gSN;A8F1gSI;EACE;EACA;A9F4gSN;A8F1gSM;EACE;A9F4gSR;A8FzgSM;EACE;A9F2gSR;A8FvgSI;EAEE;EACA;A9FwgSN;A8FrgSI;EACE;EACA;EACA;A9FugSN;A8FjgSE;EACE;EACA;A9FmgSJ;AACA;;;;;;;;;EASE;A+F3nSF;EACE;EACA;EACA;EACA;EACA;A/F6nSF;A+F3nSE;EACE;A/F6nSJ;A+F1nSE;EACE;EACA;EACA;A/F4nSJ;A+F1nSI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A/F4nSN;A+FznSM;EACE;A/F2nSR;A+FvnSI;EACE;A/FynSN;AACA;;;;;;;;;EASE;A+BrpSF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/BupSA,qFAAqF;AACvF;A+BtpSE;EACE;A/BwpSJ;A+BrpSE;EACE;A/BupSJ;A+BrpSI;EA/BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/BurSF;A+B5pSE;EACE;EACA;A/B8pSJ;A+B5pSI;EACE;A/B8pSN;A+B3pSI;EACE;EACA;A/B6pSN;A+BzpSE;EACE;EACA;A/B2pSJ;A+BzpSI;EACE;EACA;EACA;A/B2pSN;A+BxpSI;EACE;EACA;A/B0pSN;A+BtpSE;EACE;EACA;A/BwpSJ;A+BtpSI;EACE;A/BwpSN;A+BrpSI;EACE;EACA;A/BupSN;A+BnpSE;EACE;EACA;A/BqpSJ;A+BnpSI;EACE;A/BqpSN;A+BlpSI;EACE;EACA;A/BopSN;A+B9oSE;EACE;EACA;A/BgpSJ;A+B5oSA;EACE;EACA;EACA;EACA;EACA;EACA;A/B8oSF;A+B5oSE;EACE;EACA;EACA;EACA;A/B8oSJ;A+B5oSI;EACE;A/B8oSN;A+B3oSI;EACE;A/B6oSN;A+B1oSI;EACE;A/B4oSN;A+BzoSI;EACE;A/B2oSN;A+BtoSA;EACE;A/BwoSF;A+BtoSE;EACE;EACA;A/BwoSJ;A+BroSE;EACE;A/BuoSJ;A+BpoSE;EACE;EACA;EACA;EACA;A/BsoSJ;A+BpoSI;EACE;EACA;A/BsoSN;A+BnoSI;;;;EAIE;A/BqoSN;A+BhoSA;EACE;E7ByLE;EACA;EACA;EACA;EAIA;EACA;AFu8RJ;AACA;;;;;;;;;EASE;AgG/ySF;EACE;EACA;AhGizSF;AgG/ySE;EACE;EACA;AhGizSJ;AgG7ySA;EACE;EACA;EACA;EACA;EACA;EhG+ySA,8BAA8B;EgG7yS9B;EACA;AhG+ySF;AgG7ySE;EACE;EACA;EACA;EACA;AhG+ySJ;AgG7ySI;EACE;AhG+ySN;AgG3ySE;EACE;EACA;AhG6ySJ;AgG3ySI;EACE;EACA;EACA;AhG6ySN;AgG3ySM;EACE;AhG6ySR;AgGzySI;EACE;EACA;AhG2ySN;AgGzySM;EACE;EACA;EACA;AhG2ySR;AgGrySA;EACE;EACA;E9FiSE;EACA;EAKA;E8FrSF;EACA;EACA;EACA;EACA;AhGyySF;AgGtySA;EACE;EACA;EACA;EACA;AhGwySF;AgGrySA;EACE;EACA;EACA;AhGuySF;AgGrySE;EACE;EACA;EACA;EACA;EACA;E9FuQA;EACA;EAKA;AF6hSJ;AgGtySE;EACE;AhGwySJ;AgGrySE;EACE;EACA;EACA;EACA;AhGuySJ;AgGrySI;EACE;EACA;EACA;EACA;EhGuySJ,0GAA0G;EgGtyStG;AhGwySN;AgGtySM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhGwySR;AgGrySM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhGuySR;AgGjySA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhGmySF;AgGjySE;EACE;AhGmySJ;AgG/xSA;EACE;AhGiySF;AgG9xSA;EACE;EACA;EACA;EACA;EACA;EACA;AhGgySF;AgG7xSA;EACE;EACA;EACA;EACA;EACA;EACA;AhG+xSF;AACA;;;;;;;;;EASE;AiGp9SF;EACE;EACA;EACA;EACA;AjGs9SF;AiGn9SA;EACE;EACA;EACA;EACA;AjGq9SF;AiGl9SA;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjGo9SF;AiGl9SE;;;EACE;AjGs9SJ;AiGl9SA;EACE;AjGo9SF;AiGj9SA;EACE;EACA;EACA;EACA;EACA;EACA;AjGm9SF;AiGh9SA;;EAEE;AjGk9SF;AiG/8SA;ED3DE;E9FkbE;EACA;EACA;EACA;EACA;EACA;E+F1bF;EACA;EACA;EACA;EACA;EACA;EACA;AjGuhTF;AiG39SA;ED/DE;E9FkbE;EACA;EACA;EACA;EACA;EACA;E+F1bF;EACA;EACA;EACA;EACA;EACA;EACA;AjGuiTF;AiGv+SA;EACE;EACA;AjGy+SF;AiGt+SA;;;EAGE;EACA;EACA;EACA;EACA;EACA;AjGw+SF;AiGr+SA;EACE;EACA;EACA;EACA;EACA;EACA;E/F2QE;EACA;EAKA;AFytSJ;AiGv+SE;EACE;EACA;EACA;AjGy+SJ;AiGt+SE;EACE;EACA;EACA;EACA;AjGw+SJ;AiGr+SE;EACE;AjGu+SJ;AiGp+SE;EACE;EACA;AjGs+SJ;AiGn+SE;EACE;EACA;EACA;EACA;AjGq+SJ;AiGj+SA;;EAEE;AjGm+SF;AiGj+SE;;EACE;AjGo+SJ;AiGh+SA;EDnIE;E9FkbE;EACA;EACA;EACA;EACA;EACA;E+F1bF;EACA;EACA;EACA;EACA;EACA;EACA;AjGgnTF;AiG5+SA;EDvIE;E9FkbE;EACA;EACA;EACA;EACA;EACA;E+F1bF;EACA;EACA;EACA;EACA;EACA;EACA;AjGgoTF;AACA;;;;;;;;;EASE;AkGlpTF;EACE;EACA;AlGopTF;AkGlpTE;EACE;AlGopTJ;AkGjpTE;EACE;EACA;AlGmpTJ;AkGhpTE;EjG+FA;EDojTA,sCAAsC;AACxC;AkG/oTA;EACE;EACA;EACA;EACA;EACA;AlGipTF;AkG/oTE;EACE;EACA;AlGipTJ;AkG/oTI;EACE;AlGipTN;AkG9oTI;EACE;AlGgpTN;AkG5oTE;EACE;EACA;AlG8oTJ;AkG5oTI;EACE;AlG8oTN;AkG3oTI;EACE;AlG6oTN;AkGzoTE;EACE;EACA;AlG2oTJ;AkGzoTI;EACE;AlG2oTN;AkGxoTI;EACE;AlG0oTN;AkGtoTE;EACE;EACA;AlGwoTJ;AkGtoTI;EACE;AlGwoTN;AkGroTI;EACE;AlGuoTN;AkGnoTE;EACE;AlGqoTJ;AkGloTE;EACE;AlGooTJ;AkGjoTE;EACE;AlGmoTJ;AkGhoTE;EACE;AlGkoTJ;AkG9nTA;EACE;EACA;EACA;EACA;AlGgoTF;AACA;;;;;;;;;EASE;AmG5uTF;EACE;EACA;EACA;EACA;EACA;EACA;EjGaE;AFkuTJ;AmG5uTE;EhGQE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHkvTJ;AmGjvTE;EhGGE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH4vTJ;AmGrvTA;EACE;EACA;EAEA;EACA;AnGsvTF;AmGpvTE;EjG8UE;EACA;EAKA;EAkEA;EACA;EACA;EiGrZA;AnG0vTJ;AmGvvTE;EACE;EACA;EACA;EACA;EACA;EACA;AnGyvTJ;AmGvvTI;EACE;AnGyvTN;AmGrvTE;EACE;EACA;AnGuvTJ;AmGnvTA;EACE;AnGqvTF;AACA;;;;;;;;;EASE;AoGlzTF;EACE;EACA;ElG8gBE;EACA;EACA;EAjgBA;EkGbF;ApGuzTF;AoGrzTE;EACE;EACA;ApGuzTJ;AoGnzTA;EACE;EACA;EACA;ApGqzTF;AoGlzTA;EACE;EACA;EACA;ElGkVE;EACA;EAKA;AF+9SJ;AoGnzTA;EACE;EACA;EACA;ApGqzTF;AoGlzTA;EACE;EACA;EACA;ApGozTF;AoGjzTA;EACE;IpGmzTE,8DAA8D;IoGjzT9D;EpGmzTF;AACF;AACA;;;;;;;;;EASE;AqGv2TF;ElGgBI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHq2TJ;AqG52TA;ElGWI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAkBA;EACA;EACA;EACA;AH81TJ;AqGp3TA;EnG0fI;EACA;EACA;EArfA;EmGLF;ArGy3TF;AqGv3TE;ElGCE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHo4TJ;AqG73TE;ElGHE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAkBA;EACA;EACA;EACA;AH63TJ;AqGr4TI;;EnGPA;AFg5TJ;AqGn4TE;EACE;EACA;EACA;ErGq4TF,4CAA4C;EqGn4T1C;EACA;ArGq4TJ;AqGn4TI;EACE;EACA;EACA;EACA;EACA;EACA;ArGq4TN;AqGn4TM;EACE;ArGq4TR;AqGl4TM;EACE;ArGo4TR;AqG/3TE;EACE;EACA;EACA;EACA;ArGi4TJ;AqG93TE;EACE;ArGg4TJ;AACA;;;;;;;;;EASE;AiB18TF;EACE;EACA;EACA;EACA;EACA;EjB48TA,qEAAqE;AACvE;AEj7SI;EACE;AFm7SN;AEh7SI;;EAEE;AFk7SN;AE76SI;EACE;AF+6SN;AE56SI;;EAEE;AF86SN;AiBt9TE;EACE;EACA;EACA;EACA;AjBw9TJ;AiBt9TI;EACE;EACA;AjBw9TN;AiBp9TE;EACE;EACA;EACA;EACA;AjBs9TJ;AiBp9TI;EACE;EACA;AjBs9TN;AiBj9TA;EACE;EACA;EACA;AjBm9TF;AiBj9TE;EACE;EACA;AjBm9TJ;AiBh9TE;EACE;EACA;AjBk9TJ;AiB/8TE;EACE;EACA;AjBi9TJ;AiB98TE;EACE;EACA;AjBg9TJ;AiB78TE;EACE;EACA;EACA;AjB+8TJ;AiB78TI;;EAEE;AjB+8TN;AiB38TE;EACE;EACA;EACA;AjB68TJ;AiB38TI;;EAEE;AjB68TN;AiBx8TA;EACE;EACA;AjB08TF;AiBx8TE;EACE;EACA;EACA;AjB08TJ;AiBv8TE;EACE;EACA;EACA;AjBy8TJ;AiBr8TA;;EAEE;AjBu8TF;AiBp8TA;EACE;EACA;AjBs8TF;AiBn8TA;;EAEE;AjBq8TF;AiBl8TA;Ef6cI;EFw/SF,8EAA8E;EEr/S5E;AFu/SJ;AE9/SI;EACE;AFggTN;AiBt8TA;EACE;EACA;EACA;EACA;EAoBE;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;AjBm7TJ;AiB16TI;EACE;AjB46TN;AiB16TM;EACE;AjB46TR;AiB16TQ;EACE;AjB46TV;AiBz6TQ;EACE;AjB26TV;AiBz6TU;EACE;AjB26TZ;AiBt6TM;EACE;AjBw6TR;AiBt6TQ;EACE;AjBw6TV;AiBp6TM;EACE;AjBs6TR;AiBl6TI;EACE;AjBo6TN;AiBl6TM;EACE;AjBo6TR;AiBh6TI;EACE;AjBk6TN;AiBh6TM;EACE;AjBk6TR;AiB/5TM;EACE;AjBi6TR;AiB/5TQ;EACE;AjBi6TV;AiB55TI;EACE;AjB85TN;AiBz/TE;EACE;EACA;EACA;EACA;AjB2/TJ;AiBx/TE;EACE;EACA;EACA;AjB0/TJ;AACA;;;;;;;;;EASE;AsG/oUF;EACE;EACA;EACA;EACA;EACA;EACA;AtGipUF;AsG9oUA;EACE;EACA;EACA;EACA;EACA;AtGgpUF;AsG7oUA;EACE;EACA;EACA;EACA;EACA;AtG+oUF;AsG5oUA;EACE;EACA;EACA;EACA;EACA;AtG8oUF;AsG3oUA;EACE;EACA;EACA;EACA;EACA;AtG6oUF;AsG1oUA;EACE;EACA;EACA;EACA;EACA;AtG4oUF;AsGzoUA;EACE;EACA;EACA;EACA;EACA;AtG2oUF;AsGxoUA;EACE;EACA;EACA;EACA;EACA;AtG0oUF;AsGvoUA;EACE;EACA;EACA;EACA;EACA;AtGyoUF;AACA;;;;;;;;;EASE;AuGztUF;EACE;EACA;EACA;EACA;ErG+gBE;EACA;EAjgBA;EAyeA;EFuuTF,mGAAmG;AACrG;AEtuTI;EAAA;IACE;IACA;IACA;EFyuTJ;AACF;A2C5tUI;EACE;EACA;A3C8tUN;A2C5tUM;EACE;E3C8tUN,2FAA2F;AAC7F;A2C5tUM;EzCmBF;EACA;EAXA;AFwtUJ;A2C7tUM;EACE;EACA;A3C+tUR;A2C5tUM;EACE;EACA;A3C8tUR;A2C5tUQ;EACE;EACA;A3C8tUV;A2C3tUQ;;EACE;EACA;A3C8tUV;A2C3tUQ;EzCJJ;EACA;EAXA;AF8uUJ;A2C5tUQ;EACE;EACA;EACA;A3C8tUV;AuGxwUE;EACE;EACA;AvG0wUJ;AuGvwUE;EpGCE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHoxUJ;AuG5wUE;ErG2EE;EACA;EACA;EACA;EClFA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH8wUJ;AuG7xUA;EACE;EACA;AvG+xUF;AuG5xUA;EACE;EACA;EACA;AvG8xUF;AuG5xUE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EpG1CA;EACA;EACA;EACA;AHy0UJ;AuG9xUE;EpG9CE;EACA;EACA;EACA;AH+0UJ;AuG/xUA;EACE;EACA;EACA;AvG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zgVE;IACE;IACA;EH2gVJ;AACF;AGl/UE;EAZE;IACE;IACA;IACA;EHigVJ;EG//UE;IACE;IACA;IACA;EHigVJ;AACF;AG3/UE;EAfE;IACE;IACA;IACA;EH6gVJ;EG3gVE;IACE;IACA;IACA;EH6gVJ;AACF;AGt/UE;EAVE;IACE;IACA;EHmgVJ;EGjgVE;IACE;IACA;EHmgVJ;AACF;AG7/UE;EAbE;IACE;IACA;EH6gVJ;EG3gVE;IACE;IACA;EH6gVJ;AACF;AG1/UE;EALE;IDlLA;IACA;IACA;EFqrVF;AACF;AG9/UE;EARE;IDlLA;IACA;IACA;EF4rVF;AACF;AGx/UE;EALE;IDlMA;IACA;IACA;EFmsVF;AACF;AG5/UE;EARE;IDlMA;IACA;IACA;EF0sVF;AACF;AGt/UE;EALE;IDlNA;IACA;IACA;EFitVF;AACF;AG1/UE;EARE;IDlNA;IACA;IACA;EFwtVF;AACF;AGp/UE;EALE;IDlOA;IACA;IACA;EF+tVF;AACF;AGx/UE;EARE;IDlOA;IACA;IACA;EFsuVF;AACF;AGj/UE;EALE;IDnPA;IACA;IACA;EF6uVF;AACF;AGr/UE;EARE;IDnPA;IACA;IACA;EFovVF;AACF;AG9+UE;EALE;IDpQA;IACA;IACA;EF2vVF;AACF;AGl/UE;EARE;IDpQA;IACA;IACA;EFkwVF;AACF;AGx+UE;EAVE;IACE;IDpRF;IACA;IACA;EF0wVF;EGr/UE;IACE;IDxRF;IACA;IACA;EFgxVF;AACF;AGn/UE;EAbE;IACE;IDpRF;IACA;IACA;EFwxVF;EGngVE;IACE;IDxRF;IACA;IACA;EF8xVF;AACF;AG7+UE;EAbE;IACE;IDxSF;IACA;IACA;EFsyVF;EG7/UE;IACE;ID5SF;IACA;IACA;EF4yVF;EG//UE;ID/SA;IACA;IACA;EFizVF;AACF;AG7/UE;EAhBE;IACE;IDxSF;IACA;IACA;EFyzVF;EGhhVE;IACE;ID5SF;IACA;IACA;EF+zVF;EGlhVE;ID/SA;IACA;IACA;EFo0VF;AACF;AGjgVE;EARE;ID9TA;IACA;IACA;EF20VF;EG5gVE;IDjUA;IACA;IACA;EFg1VF;AACF;AG1gVE;EAXE;ID9TA;IACA;IACA;EFu1VF;EGxhVE;IDjUA;IACA;IACA;EF41VF;AACF;AGvgVE;EARE;IDhVA;IACA;IACA;EFm2VF;EGlhVE;IDnVA;IACA;IACA;EFw2VF;AACF;AGhhVE;EAXE;IDhVA;IACA;IACA;EF+2VF;EG9hVE;IDnVA;IACA;IACA;EFo3VF;AACF;AG1gVE;EAXE;IACE;EHwhVJ;EGthVE;IACE;EHwhVJ;EGthVE;IACE;EHwhVJ;AACF;AGlhVE;EAdE;IACE;EHmiVJ;EGjiVE;IACE;EHmiVJ;EGjiVE;IACE;EHmiVJ;AACF;AGrgVE;EAjBE;IDvXA;IACA;IACA;ICuXE;EH2hVJ;EGzhVE;IACE;EH2hVJ;EGzhVE;ID9XA;IACA;IACA;IC8XE;EH6hVJ;EG3hVE;IDlYA;IACA;IACA;ICkYE;EH+hVJ;AACF;AGzhVE;EApBE;IDvXA;IACA;IACA;ICuXE;EHkjVJ;EGhjVE;IACE;EHkjVJ;EGhjVE;ID9XA;IACA;IACA;IC8XE;EHojVJ;EGljVE;IDlYA;IACA;IACA;ICkYE;EHsjVJ;AACF;AG5hVE;EAbE;IDlZA;IACA;IACA;ICkZE;EH8iVJ;EG5iVE;IACE;EH8iVJ;EG5iVE;IDzZA;IACA;IACA;ICyZE;EHgjVJ;AACF;AG1iVE;EAhBE;IDlZA;IACA;IACA;ICkZE;EH+jVJ;EG7jVE;IACE;EH+jVJ;EG7jVE;IDzZA;IACA;IACA;ICyZE;EHikVJ;AACF;AGtiVE;EAdE;IDzaA;IACA;IACA;ICyaE;EHyjVJ;EGvjVE;ID7aA;IACA;IACA;IC6aE;EH2jVJ;EGzjVE;IDjbA;IACA;IACA;ICibE;EH6jVJ;AACF;AGvjVE;EAjBE;IDzaA;IACA;IACA;ICyaE;EH6kVJ;EG3kVE;ID7aA;IACA;IACA;IC6aE;EH+kVJ;EG7kVE;IDjbA;IACA;IACA;ICibE;EHilVJ;AACF;AGtjVE;EAdE;IDjcA;IACA;IACA;EFygWF;EGvkVE;IDpcA;IACA;IACA;EF8gWF;EGzkVE;IDvcA;IACA;IACA;EFmhWF;EG3kVE;ID1cA;IACA;IACA;EFwhWF;AACF;AGzkVE;EAjBE;IDjcA;IACA;IACA;EF+hWF;EG7lVE;IDpcA;IACA;IACA;EFoiWF;EG/lVE;IDvcA;IACA;IACA;EFyiWF;EGjmVE;ID1cA;IACA;IACA;EF8iWF;AACF;AG7kVE;EAXE;IDzdA;IACA;IACA;EFqjWF;EG3lVE;ID5dA;IACA;IACA;EF0jWF;EG7lVE;ID/dA;IACA;IACA;EF+jWF;AACF;AG3lVE;EAdE;IDzdA;IACA;IACA;EFskWF;EG5mVE;ID5dA;IACA;IACA;EF2kWF;EG9mVE;ID/dA;IACA;IACA;EFglWF;AACF;AGnlVE;EAlBE;IACE;IACA;EHwmVJ;EGtmVE;IACE;IACA;EHwmVJ;EGtmVE;IACE;IACA;EHwmVJ;EGtmVE;IACE;IACA;EHwmVJ;AACF;AGlmVE;EArBE;IACE;IACA;EH0nVJ;EGxnVE;IACE;IACA;EH0nVJ;EGxnVE;IACE;IACA;EH0nVJ;EGxnVE;IACE;IACA;EH0nVJ;AACF;AGlkVE;EAnCE;IDlhBA;IACA;IACA;EF2nWF;EGxmVE;IDrhBA;IACA;IACA;EFgoWF;EG1mVE;IDxhBA;IACA;IACA;EFqoWF;EG5mVE;ID3hBA;IACA;IACA;EF0oWF;EG9mVE;ID9hBA;IACA;IACA;EF+oWF;EGhnVE;IDjiBA;IACA;IACA;EFopWF;EGlnVE;IDpiBA;IACA;IACA;EFypWF;EGpnVE;IDviBA;IACA;IACA;EF8pWF;EGtnVE;ID1iBA;IACA;IACA;EFmqWF;EGxnVE;ID7iBA;IACA;IACA;EFwqWF;EG1nVE;IDhjBA;IACA;IACA;EF6qWF;AACF;AGxnVE;EAtCE;IDlhBA;IACA;IACA;EForWF;EGjqVE;IDrhBA;IACA;IACA;EFyrWF;EGnqVE;IDxhBA;IACA;IACA;EF8rWF;EGrqVE;ID3hBA;IACA;IACA;EFmsWF;EGvqVE;ID9hBA;IACA;IACA;EFwsWF;EGzqVE;IDjiBA;IACA;IACA;EF6sWF;EG3qVE;IDpiBA;IACA;IACA;EFktWF;EG7qVE;IDviBA;IACA;IACA;EFutWF;EG/qVE;ID1iBA;IACA;IACA;EF4tWF;EGjrVE;ID7iBA;IACA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CE;EACA;A5GmqXJ;A4GjqXI;EACE;EACA;EACA;A5GmqXN;A4G/pXE;EACE;EACA;EACA;A5GiqXJ;A4G/pXI;EACE;EACA;A5GiqXN;A4G9pXI;EACE;EACA;A5GgqXN;A4G9pXM;EACE;EACA;A5GgqXR;AACA;;;;;;;;;EASE;A6GhvXF;EACE;A7GkvXF;A6G/uXA;EACE;EACA;EACA;EACA;EACA;E7GivXA,kDAAkD;AACpD;A6GhvXE;;;EAGE;A7GkvXJ;A6G/uXM;;;EACE;A7GmvXR;A6GjvXQ;;;EACE;A7GqvXV;A6G9uXI;EACE;A7GgvXN;A6G7uXI;;EAEE;A7G+uXN;A6GtuXQ;E7GwuXN,yBAAyB;E6GtuXjB;A7GwuXV;A6GtuXU;EACE;A7GwuXZ;A6GpuXQ;EACE;A7GsuXV;A6GluXM;;EAEE;A7GouXR;A6GhuXQ;;E7GmuXN,8CAA8C;E6GhuXtC;A7GkuXV;A6GhuXU;;EACE;A7GmuXZ;A6GhuXU;;EACE;A7GmuXZ;A6G5tXQ;;;;EAEE;A7GguXV;A6GxtXQ;;EACE;A7G2tXV;A6GztXU;;EACE;A7G4tXZ;A6GrtXE;EAEI;EACA;A7GstXN;A6GltXE;EACE;EACA;EACA;A7GotXJ;A6GltXI;EACE;A7GotXN;A6GhtXE;EACE;EACA;A7GktXJ;A6GhtXI;EACE;A7GktXN;A6G9sXE;EACE;A7GgtXJ;A6G9sXI;EACE;A7GgtXN;A6G5sXE;EACE;A7G8sXJ;A6G5sXI;EACE;A7G8sXN;A6G3sXI;EACE;EACA;A7G6sXN;A6G3sXM;EACE;A7G6sXR;A6GzsXI;EACE;EACA;EAGA;EAEA;A7GwsXN;A6GnsXA;EACE;EACA;EACA;A7GqsXF;A6GnsXE;E7GqsXA;mHACiH;E6GnsX/G;EACA;A7GqsXJ;A6GlsXE;E7GosXA,qCAAqC;E6GlsXnC;A7GosXJ;A6GjsXE;;;;EAIE;EACA;A7GmsXJ;A6GhsXE;EACE;A7GksXJ;A6G5rXI;;;;EAIE;A7G8rXN;A6G3rXI;E3GoGA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AH24XJ;AEnlXI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFwlXN;AEvmXI;ECpTA;EACA;EACA;EACA;AH85XJ;A6GrtXE;E3G4HE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF4lXJ;AE1lXI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF4lXN;A6GruXA;EACE;E7GuuXA,uFAAuF;AACzF;A6GruXA;;EAEE;A7GuuXF;A6GnuXE;EACE;A7GquXJ;A6GluXE;EACE;A7GouXJ;A6GluXI;E3G4KA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E2GlLE;A7G4uXN;A6GxuXE;;EAEE;EACA;EACA;A7G0uXJ;A6GvuXE;;EAEE;EACA;EACA;A7GyuXJ;A6GpuXI;;E7GuuXF,8EAA8E;E6GruX1E;EACA;A7GuuXN;A6GpuXI;;EAGE;A7GquXN;A6GjuXE;EACE;A7GmuXJ;A6G/tXA;EACE;EACA;A7GiuXF;A6G9tXA;EACE;EACA;EACA;EACA;EACA;E3GkFE;EACA;E2GjFF;E7GiuXA,uBAAuB;AACzB;A6GhuXE;EACE;A7GkuXJ;A6G/tXE;E7GiuXA,wDAAwD;E6G/tXtD;A7GiuXJ;A6G9tXE;E7GguXA,yDAAyD;E6G9tXvD;A7GguXJ;A6G7tXE;EACE;A7G+tXJ;A6G5tXE;EACE;A7G8tXJ;A6G3tXE;;EAIE;A7G2tXJ;A6GxtXE;;;EAGE;A7G0tXJ;A6GvtXE;EACE;EACA;EACA;EACA;E3GmEA;EACA;EACA;EACA;EAKA;AFmpXJ;A6G1tXE;EACE;EACA;EACA;EACA;EACA;EACA;A7G4tXJ;A6GztXE;E3G8DE;AF8pXJ;A6GxtXE;EACE;A7G0tXJ;A6GrtXI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;E7GutXJ,oEAAoE;AACtE;A6GttXM;EACE;E3GoFJ;EACA;EACA;EACA;EACA;EACA;E2GvFI;EACA;EACA;A7G6tXR;A6G3tXQ;E7G6tXN,wHAAwH;EACxH,4DAA4D;EE7+X1D;EACA;EACA;AF++XJ;A6G3tXM;EACE;A7G6tXR;A6GxtXE;E7G0tXA,qDAAqD;E6GxtXnD;EACA;EACA;A7G0tXJ;A6GxtXI;EACE;EACA;A7G0tXN;A6GvtXI;EACE;EACA;A7GytXN;A6GrtXE;;EAEE;A7GutXJ;A6GltXI;EpGpVA;ATyiYJ;A6GltXM;EpGnVF;EACA;ATwiYJ;A6GltXM;EpGlUF;EACA;ATuhYJ;A6GhtXE;EACE;EACA;EACA;A7GktXJ;A6GhtXI;EACE;A7GktXN;A6GhtXM;;EACE;A7GmtXR;A6G9sXE;EACE;EACA;A7GgtXJ;A6G3sXE;EACE;A7G6sXJ;A6G3sXI;EACE;A7G6sXN;A6GzsXE;E7G2sXA,gFAAgF;E6GzsX9E;A7G2sXJ;A6GxsXE;EACE;A7G0sXJ;A6GvsXE;EACE;A7GysXJ;A6GrsXA;EACE;EACA;EACA;A7GusXF;A6GrsXE;EACE;EACA;EACA;A7GusXJ;A6GrsXI;EACE;A7GusXN;A6GlsXA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7GosXF;A6GlsXE;EACE;A7GosXJ;A6GjsXE;EACE;EACA;A7GmsXJ;A6GhsXE;EACE;EACA;A7GksXJ;A6G9rXA;EACE;EACA;EACA;E7GgsXA,6CAA6C;AAC/C;A6G/rXE;EACE;EACA;E3G7IA;EACA;EAKA;AF20XJ;A6GhsXE;EACE;EACA;EACA;A7GksXJ;A6G/rXE;;EACE;A7GksXJ;A6G7rXE;;EAEE;A7G+rXJ;A6G3rXA;EACE;A7G6rXF;A6G1rXA;EACE;A7G4rXF;A6GzrXA;EACE;A7G2rXF;A6GxrXA;EACE;A7G0rXF;A6GvrXA;EACE;A7GyrXF;A6GtrXA;EACE;A7GwrXF;AACA,YAAY;A6GprXZ;EACE;A7GsrXF;A6GnrXA;EACE;A7GqrXF;A6GlrXA;EACE;A7GorXF;AACA,2CAA2C;A6GhrX3C;EASE;I7G0qXE,uBAAuB;IE7oYvB;IACA;IACA;EF+oYF;E6G3qXA;I3GteE;IACA;IACA;EFopYF;AACF;A6GzrXA;EAKE;I7GurXE,uBAAuB;IE1pYvB;IACA;IACA;EF4pYF;E6GxrXA;I3GteE;IACA;IACA;EFiqYF;AACF;A6GhrXE;E1G7jBE;EACA;EACA;EACA;EAVA;EACA;EACA;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EACA;EACA;AhH6wZF;AgH3wZE;E9GzCE;EAXA;E8GsDA;AhH8wZJ;AgH3wZE;EACE;AhH6wZJ;AgH1wZE;EACE;EACA;EACA;EACA;AhH4wZJ;AgHzwZE;EACE;AhH2wZJ;AgHxwZE;EACE;AhH0wZJ;AgHvwZE;EACE;AhHywZJ;AgHtwZE;EACE;AhHwwZJ;AgHrwZE;;EAEE;AhHuwZJ;AgHpwZE;;EAEE;AhHswZJ;AgHjwZI;;EACE;EACA;EhHowZJ,yCAAyC;AAC3C;AgHlwZI;;EACE;EACA;EACA;EhHqwZJ,gEAAgE;AAClE;AgHlwZE;EACE;AhHowZJ;AgHjwZE;EACE;AhHmwZJ;AgHhwZE;EACE;AhHkwZJ;AgH9vZI;EACE;AhHgwZN;AgH7vZI;EACE;AhH+vZN;AgH3vZE;EACE;AhH6vZJ;AgH1vZE;EACE;AhH4vZJ;AgHzvZE;;EAEE;AhH2vZJ;AgHvvZI;EACE;EACA;EhHyvZJ,yCAAyC;AAC3C;AgHvvZI;EACE;EACA;EACA;EhHyvZJ,gEAAgE;AAClE;AgHpvZI;EACE;AhHsvZN;AgHnvZI;EACE;AhHqvZN;AgHlvZI;EACE;AhHovZN;AgHjvZI;EACE;AhHmvZN;AgH/uZE;EACE;AhHivZJ;AgH9uZE;EACE;AhHgvZJ;AgH7uZE;EACE;EACA;AhH+uZJ;AgH3uZI;EACE;AhH6uZN;AgH1uZI;EACE;AhH4uZN;AgH1uZM;EACE;AhH4uZR;AgHtuZA;EACE;AhHwuZF;AgHruZA;EACE;AhHuuZF;AgHpuZA;EACE;EACA;AhHsuZF;AgHpuZE;EACE;EACA;AhHsuZJ;AgHpuZI;EACE;EACA;AhHsuZN;AgHpuZM;EACE;AhHsuZR;AgHnuZM;EACE;AhHquZR;AgHnuZQ;EACE;AhHquZV;AgH9tZA;EACE;EACA;EACA;AhHguZF;AgH7tZA;EACE;EACA;AhH+tZF;AgH7tZE;E9G+JE;EACA;EACA;EACA;EACA;EACA;AFikZJ;AgHhuZA;EACE;AhHkuZF;AgH/tZA;EACE;AhHiuZF;AACA,4BAA4B;AgH9tZ5B;EACE;AhHguZF;AgH9tZE;EACE;AhHguZJ;AgH9tZI;EACE;AhHguZN;AACA;;;;;;;;;EASE;AiHvhaF;EACE;EACA;AjHyhaF;AiHthaA;EACE;EACA;EACA;AjHwhaF;AiHrhaA;EACE;E/GsVE;EACA;EACA;EACA;AFksZJ;AiHthaE;EACE;AjHwhaJ;AACA;;;;;;;;;EASE;AkHpjaF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlHsjaF;AkHpjaE;EACE;AlHsjaJ;AkHnjaE;EACE;EACA;AlHqjaJ;AkHljaE;EACE;EACA;AlHojaJ;AkHjjaE;EACE;EACA;AlHmjaJ;AkHhjaE;EACE;EACA;EACA;AlHkjaJ;AkH9iaA;ElHgjaE,6HAA6H;EkH9ia7H;AlHgjaF;AACA;;;;;;;;;EASE;AmHlmaF;EnHomaE,6DAA6D;EmHlma7D;AnHomaF;AmHjmaA;EACE;EACA;EACA;EACA;EACA;AnHmmaF;AmHjmaE;EACE;EACA;AnHmmaJ;AmHhmaE;EACE;AnHkmaJ;AmH/laE;;EAEE;EACA;AnHimaJ;AmH/laI;;EACE;EACA;AnHkmaN;AACA;;;;;;;;;EASE;AoHroaF;EACE;EACA;EACA;ApHuoaF;AoHroaE;EACE;EACA;ElH+VA;EACA;AFyyZJ;AoHroaE;EACE;EpHuoaF,yCAAyC;EoHroavC;ApHuoaJ;AoHnoaA;EACE;ElHmVE;EACA;AFmzZJ;AoHpoaE;EACE;ApHsoaJ;AoHloaA;;EAEE;ApHooaF;AoHjoaA;;EAEE;ApHmoaF;AoHhoaA;EACE;ApHkoaF;AoH/naA;EACE;ApHioaF;AoH9naA;ElHyTI;EACA;AFw0ZJ;AoH9naA;EACE;EACA;ApHgoaF;AoH9naE;EACE;ApHgoaJ;AoH7naE;EACE;ApH+naJ;AoHznaE;;EACE;ApH4naJ;AACA;;;;;;;;;EASE;AqH1saF;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ArH4saF;AqH1saE;;EACE;ArH6saJ;AqHxsaE;EACE;EnHoVA;EACA;EmHnVA;ArH2saJ;AqHzsaI;EACE;ArH2saN;AqHvsaM;EACE;EACA;ArHysaR;AqHtsaM;;EAEE;ArHwsaR;AqHlsaA;EACE;EACA;EACA;EACA;ArHosaF;AqHlsaE;EnHsYE;EACA;EACA;EACA;EACA;EACA;EmHzYA;EACA;EACA;ArHysaJ;AqHtsaE;EACE;EACA;ArHwsaJ;AqHrsaE;;EAEE;ArHusaJ;AqHpsaE;EACE;EACA;ArHssaJ;AqHlsaA;EACE;EACA;EACA;EACA;EACA;ArHosaF;AqHlsaE;EnHwWE;EACA;EACA;EACA;EACA;EACA;EmH3WA;EACA;ArHysaJ;AqHtsaE;EACE;EACA;EACA;ArHwsaJ;AqHrsaE;;EAEE;ArHusaJ;AACA;;;;;;;;;EASE;AsH9yaF;EACE;EACA;EACA;EpH+gBE;EACA;EACA;EAjgBA;EA2gBA;AF0xZJ;AsHlzaE;EACE;AtHozaJ;AsHjzaE;EnHOE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHwzaJ;AsHvzaE;EnHGE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAkBA;EACA;EACA;EACA;AHizaJ;AACA;;;;;;;;;EASE;AuH71aF;EACE;ErHihBE;EACA;EACA;EAjgBA;EA2gBA;EqH3hBF;EACA;AvHm2aF;AuHh2aA;EACE;EACA;EACA;EACA;EACA;AvHk2aF;AuH/1aA;EACE;EACA;AvHi2aF;AuH91aI;;EAGE;AvH+1aN;AuH31aE;EACE;EACA;EACA;AvH61aJ;AuH31aI;EACE;AvH61aN;AuH31aM;EACE;AvH61aR;AuHv1aA;EACE;AvHy1aF;AuHv1aE;EACE;AvHy1aJ;AuHr1aA;EACE;AvHu1aF;AuHr1aE;EACE;AvHu1aJ;AuHr1aI;;EAEE;AvHu1aN;AuHp1aI;EACE;AvHs1aN;AuHn1aI;EACE;AvHq1aN;AuHl1aI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvHo1aN;AuHj1aI;EACE;EACA;AvHm1aN;AuHj1aM;EACE;AvHm1aR;AuHj1aQ;EACE;EACA;EACA;AvHm1aV;AuH/0aM;EACE;AvHi1aR;AuH90aM;EACE;AvHg1aR;AuH90aQ;EACE;AvHg1aV;AuH50aM;EACE;AvH80aR;AuH30aM;EACE;AvH60aR;AuH30aQ;EACE;EACA;EACA;AvH60aV;AuHt0aM;EACE;EACA;AvHw0aR;AuHt0aQ;EACE;EACA;EACA;AvHw0aV;AuHp0aM;EACE;AvHs0aR;AuHn0aM;EACE;AvHq0aR;AuHl0aM;EACE;AvHo0aR;AuHj0aM;EACE;EACA;AvHm0aR;AuHj0aQ;EACE;AvHm0aV;AACA;;;;;;;;;EASE;AwHp+aF;EACE;EACA;EACA;EACA;EACA;EtHcE;EsHZF;EACA;AxHs+aF;AwHn+aA;EACE;EACA;EACA;ExHq+aA,kEAAkE;EE1oahE;EACA;EsH1VF;EACA;EACA;AxHu+aF;AwHr+aE;EACE;EACA;EACA;EACA;AxHu+aJ;AwHp+aE;EACE;EACA;EACA;AxHs+aJ;AwHn+aE;EAEE;AxHo+aJ;AwHh+aA;EACE;EACA;EACA;AxHk+aF;AwHh+aE;EACE;AxHk+aJ;AwH/9aE;EACE;EACA;EACA;EACA;AxHi+aJ;AwH/9aI;EACE;AxHi+aN;AwH99aI;EACE;AxHg+aN;AwH79aI;EACE;AxH+9aN;AwH59aI;EACE;AxH89aN;AwH39aI;EACE;AxH69aN;AwH19aI;EACE;AxH49aN;AwHv9aA;EACE;EACA;EACA;EACA;EACA;AxHy9aF;AwHt9aA;EACE;EACA;AxHw9aF;AwHr9aA;EACE;EACA;AxHu9aF;AwHp9aA;EACE;EACA;EACA;AxHs9aF;AwHp9aE;EACE;AxHs9aJ;AwHl9aA;EACE;EACA;EACA;AxHo9aF;AwHl9aE;EACE;AxHo9aJ;AwHh9aA;EACE;EACA;EACA;AxHk9aF;AwHh9aE;EACE;AxHk9aJ;AACA;;;;;;;;;EASE;AyHxlbF;EACE;AzH0lbF;AyHxlbE;EACE;EACA;EACA;EACA;EACA;AzH0lbJ;AyHxlbI;EACE;AzH0lbN;AACA;;;;;;;;;EASE;A0H/mbF;EACE;A1HinbF;A0H/mbE;;EAEE;A1HinbJ;A0H9mbM;;;;EAEE;A1HknbR;A0HhnbQ;;;;EACE;A1HqnbV;A0H/mbE;EACE;EACA;A1HinbJ;A0H/mbI;EACE;A1HinbN;A0H5mbA;E1H8mbE,6BAA6B;E0H5mb7B;EACA;EACA;E1H8mbA,q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;EiI1pcvD;AjI4pcN;AiIzpcI;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAIA;EACA;EACA;EACA;EACA;AjIspcN;AiInpcI;EACE;AjIqpcN;AiI/ocI;EAEE;AjIgpcN;AiI9ocM;EACE;AjIgpcR;AiI7ocM;EACE;AjI+ocR;AiI5ocM;EACE;AjI8ocR;AiI5ocQ;EjI8ocN,gFAAgF;EiI5ocxE;EACA;EACA;AjI8ocV;AiIvocI;EACE;AjIyocN;AiItocI;EACE;AjIwocN;AiIrocI;;EAEE;AjIuocN;AiIlocI;;;;EjIuocF,iFAAiF;EiIloc7E;AjIoocN;AiIjocI;E/H4IA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHyycJ;AEj/bI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFs/bN;AErgcI;ECpTA;EACA;EACA;EACA;AH4zcJ;AiI3pcE;EACE;EACA;AjI6pcJ;AiI3pcI;EACE;AjI6pcN;AiI1pcI;EjI4pcF,qFAAqF;AACvF;AiI5pcM;EACE;AjI8pcR;AiIzpcM;;EAEE;AjI2pcR;AiIzpcQ;;EACE;AjI4pcV;AiIzpcQ;;EACE;AjI4pcV;AiIxpcM;EACE;AjI0pcR;AiItpcQ;EACE;AjIwpcV;AiIrpcQ;EACE;AjIupcV;AiIppcQ;;EAEE;AjIspcV;AiIjpcQ;EACE;AjImpcV;AiIhpcQ;;;EAGE;AjIkpcV;AiIjscI;EAoDI;AjIgpcR;AiIpscI;;EAyDI;AjI+ocR;AiIxscI;EA6DI;EACA;AjI8ocR;AiI5scI;;EAmEI;AjI6ocR;AiIxocE;EACE;EACA;AjI0ocJ;AiIxocI;EACE;AjI0ocN;AiItocM;EACE;AjIwocR;AiIrocM;;EAEE;AjIuocR;AiIrocQ;;EACE;AjIwocV;AiIrocQ;;EACE;AjIwocV;AiIlocE;EACE;EACA;AjIoocJ;AiIlocI;EACE;AjIoocN;AiIhocM;EACE;AjIkocR;AiI/ncM;;EAEE;AjIiocR;AiI/ncQ;;EACE;AjIkocV;AiI/ncQ;;EACE;AjIkocV;AiI7ncQ;EACE;AjI+ncV;AiI5ncQ;;EAEE;AjI8ncV;AiIxncE;E/HnSE;AF85cJ;AiIxncI;EACE;E/HvSF;AFk6cJ;AiIvncI;E/H3SA;AFq6cJ;AiItncI;EACE;E/HhTF;AFy6cJ;AiIrncI;E/HpTA;AF46cJ;AiIrncM;E/HvTF;AF+6cJ;AiIpncM;E/H3TF;AFk7cJ;AiInncM;E/H/TF;AFq7cJ;AACA;;;EAGE;AACF;;;;;;;;;EASE;AkI19cF;EACE;EACA;EACA;AlI49cF;AkI19cE;EACE;EACA;EACA;EACA;EACA;EACA;AlI49cJ;AkI19cI;EACE;AlI49cN;AkIz9cI;EACE;AlI29cN;AkIx9cI;;EAEE;AlI09cN;AkIv9cI;EACE;AlIy9cN;AkIv9cM;EACE;EACA;EACA;AlIy9cR;AkIr9cI;EACE;EACA;EhImUF;EACA;AFqpcJ;AkIr9cI;EACE;AlIu9cN;AkIl9cA;EACE;AlIo9cF;AkIl9cE;EACE;EACA;AlIo9cJ;AkIl9cI;EACE;AlIo9cN;AkIj9cI;EACE;EACA;EAIA;EAEA;EACA;AlI+8cN;AkI58cI;EACE;AlI88cN;AkIz8cA;EACE;AlI28cF;AkIz8cE;EACE;AlI28cJ;AkIz8cI;EACE;AlI28cN;AkIr8cI;EhIvEA;AF+gdJ;AkIp8cI;EACE;AlIs8cN;AkIl8cE;;EAEE;AlIo8cJ;AkI/7cI;EACE;AlIi8cN;AkI97cQ;EACE;AlIg8cV;AkI77cQ;EACE;AlI+7cV;AkI17cI;EACE;EACA;AlI47cN;AkIz7cI;;EAEE;EACA;AlI27cN;AkIt7cI;EACE;AlIw7cN;AkIr7cQ;EACE;AlIu7cV;AkIp7cQ;EACE;AlIs7cV;AkIj7cI;EACE;EACA;AlIm7cN;AkIh7cI;;EAEE;EACA;AlIk7cN;AkI56cI;EhI9IA;AF6jdJ;AkI16cM;;;EACE;EACA;EACA;AlI86cR;AkI36cU;;;EACE;AlI+6cZ;AkI56cU;;;EACE;AlIg7cZ;AACA;;;;;;;;;EASE;AmI3mdF;EFkWE;EACA;EEjWA;EnI8mdA,iCAAiC;AACnC;AiI5wcE;EACE;EACA;AjI8wcJ;AmIjndE;EACE;AnImndJ;AmIhndE;EACE;AnIkndJ;AmI/mdE;EFsVA;EACA;AjI4xcF;AiI1xcE;EACE;EACA;AjI4xcJ;AmIpndI;EACE;AnIsndN;AmIjndE;EACE;AnImndJ;AmIjndI;EACE;AnImndN;AmI/mdE;EACE;EnIindF,oCAAoC;EmIhndlC;EACA;AnIkndJ;AmIhndI;;EAEE;AnIkndN;AmI/mdI;EACE;EnIindJ,qCAAqC;AACvC;AmIhndM;EACE;AnIkndR;AmIhndQ;EACE;AnIkndV;AmI9mdM;EACE;AnIgndR;AmI3mdM;EACE;AnI6mdR;AmIzmdI;EnI2mdF,mDAAmD;EmIzmd/C;AnI2mdN;AmIzmdM;EACE;AnI2mdR;AmItmdM;ElH4DF;EACA;EACA;EkH5DI;AnI0mdR;AmItmdQ;;EAEE;AnIwmdV;AmInmdI;EACE;AnIqmdN;AmI3ldM;;EACE;AnI8ldR;AmI5ldQ;;EACE;AnI+ldV;AmI1ldI;EACE;AnI4ldN;AmI1ldM;EACE;AnI4ldR;AmIzldM;EACE;AnI2ldR;AmIrldQ;EACE;AnIuldV;AmIpldQ;EACE;EACA;AnIsldV;AmIpldU;EACE;AnIsldZ;AmIjldM;EACE;AnImldR;AmI/kdI;EACE;AnIildN;AmI/kdM;EACE;AnIildR;AmIxkdM;;EACE;AnI2kdR;AmIzkdQ;;EACE;AnI4kdV;AmIvkdI;EACE;AnIykdN;AmIvkdM;EACE;AnIykdR;AmItkdM;EACE;AnIwkdR;AmIlkdQ;EACE;AnIokdV;AmIjkdQ;EACE;EACA;AnImkdV;AmIjkdU;EACE;AnImkdZ;AmI9jdM;EACE;AnIgkdR;AmI5jdI;EACE;AnI8jdN;AmI5jdM;EACE;AnI8jdR;AACA;;;;;;;;;EASE;AoI5wdF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElIKE;EkIHF;EACA;EACA;EAGA;EAGA;EAEA;ApIywdF;AoI/vdE;EACE;EACA;EAGA;EAEA;ApI8vdJ;AoI3vdE;EACE;ElIwYA;EACA;EACA;EACA;EACA;EACA;EkI3YA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;ApIgwdJ;AoI7vdE;EACE;ApI+vdJ;AoI5vdE;EACE;EACA;ApI8vdJ;AoI3vdE;EACE;EACA;ApI6vdJ;AoIxvdI;;EnI0BF;EDkudA,sCAAsC;AACxC;AoIxvdE;EACE;EACA;EACA;EACA;ApI0vdJ;AoItvdE;EACE;ApIwvdJ;AoIrvdE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElIiZA;AFu2cJ;AEr2cI;EAAA;IACE;IACA;IACA;EFw2cJ;AACF;AoI5vdI;EACE;EACA;EACA;ApI8vdN;AoI3vdI;EACE;ApI6vdN;AoI1vdI;EACE;ApI4vdN;AoIzvdI;EACE;ApI2vdN;AoIxvdI;EACE;EACA;ApI0vdN;AoIrvdA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;ApIsvdF;AoIpvdE;EACE;EACA;EAEA;EACA;ApIqvdJ;AoIlvdE;EACE;EACA;EACA;ApIovdJ;AoIlvdI;EACE;EACA;EAEA;EACA;ApImvdN;AoIhvdI;EACE;EACA;ApIkvdN;AoI7udA;EACE;;InI3EA;ID4zdE,sCAAsC;EACxC;AACF;AoI7udA;;EAEE;ApI+udF;AACA;;;;;;;;;EASE;AqIl7dA;;EAEE;EACA;EACA;EACA;ArIo7dJ;AqIj7dE;EACE;ArIm7dJ;AqIh7dE;ErIk7dA;6GAC2G;EAC3G,2GAA2G;EqIh7dzG;EACA;EACA;EACA;ErIk7dF,sCAAsC;AACxC;AqIj7dI;EAGE;EACA;ArIi7dN;AqI96dI;EACE;ErIg7dJ,sCAAsC;AACxC;AqI96dI;EACE;ErIg7dJ,sCAAsC;AACxC;AACA;;;EAGE;AqI16dA;EACE;EACA;ArI46dJ;AqI16dI;EACE;ArI46dN;AqIz6dI;EACE;ArI26dN;AqIx6dI;EnIfA;EACA;EAXA;AFs8dJ;AqIx6dE;EACE;EACA;EACA;ArI06dJ;AqIt6dA;ElIlEI;EACA;EACA;EACA;EkIiEF;EACA;EACA;EACA;EACA;EACA;ArI26dF;AqIt6dE;;ElI9EE;EACA;EACA;EACA;AHw/dJ;AACA;;;;;;;;;EASE;AsIxgeF;EACE;EACA;AtI0geF;AACA;;;;;;;;;EASE;AuItheF;ErImXI;EACA;AFsqdJ;AACA;;;;;;;;;EASE;AwIpieF;EACE;EACA;EACA;EACA;EACA;EACA;AxIsieF;AwIpieE;EACE;AxIsieJ;AwInieE;EACE;AxIqieJ;AwIlieE;EACE;AxIoieJ;AwIjieE;EtImaE;EACA;EACA;EACA;EACA;EACA;EsItaA;EACA;EACA;EACA;EACA;AxIwieJ;AwIrieE;EACE;AxIuieJ;AwIpieE;EACE;AxIsieJ;AwInieE;EACE;AxIqieJ","sources":["webpack:///./src/index.less","webpack:///./src/main.less","webpack:///./src/style/mixins.less","webpack:///./src/style/animations.less","webpack:///./src/accordion/Accordion.less","webpack:///./src/action/Action.less","webpack:///./src/action/Button.less","webpack:///./src/box/Box.less","webpack:///./src/boxbuttons/BoxButtons.less","webpack:///./src/checkbox/CheckBox.less","webpack:///./src/calendar/Calendar.less","webpack:///./src/calendar/YearPanel.less","webpack:///./src/datepicker/DatePicker.less","webpack:///./src/desktop/Desktop.less","webpack:///./src/desktop/DesktopLogo.less","webpack:///./src/desktop/DesktopDense.less","webpack:///./src/desktop/bench/DesktopBench.less","webpack:///./src/scrollbar/Scrollbar.less","webpack:///./src/desktop/bench/BenchColumn.less","webpack:///./src/group/Group.less","webpack:///./src/tabbox/SimpleTabBox.less","webpack:///./src/tabbox/SimpleTabArea.less","webpack:///./src/tabbox/SimpleTab.less","webpack:///./src/carousel/Carousel.less","webpack:///./src/collapsehandle/CollapseHandle.less","webpack:///./src/desktop/desktoptab/DesktopTab.less","webpack:///./src/desktop/desktoptab/DesktopTabArea.less","webpack:///./src/desktop/header/DesktopHeader.less","webpack:///./src/desktop/navigation/DesktopNavigation.less","webpack:///./src/desktop/navigation/DesktopNavigationHandle.less","webpack:///./src/desktop/notification/DesktopNotification.less","webpack:///./src/notification/Notification.less","webpack:///./src/desktop/outline/Outline.less","webpack:///./src/desktop/outline/SearchOutline.less","webpack:///./src/desktop/outline/navigation/NavigateButton.less","webpack:///./src/desktop/outline/overview/OutlineOverview.less","webpack:///./src/desktop/popupblocker/PopupBlockerDesktopNotification.less","webpack:///./src/desktop/toolbox/DesktopToolBox.less","webpack:///./src/desktop/viewbutton/ViewButton.less","webpack:///./src/desktop/viewbutton/ViewButtonBox.less","webpack:///./src/desktop/viewbutton/ViewMenuTab.less","webpack:///./src/desktop/viewbutton/ViewMenuPopup.less","webpack:///./src/filechooser/FileChooser.less","webpack:///./src/messagebox/MessageBox.less","webpack:///./src/filechooser/FileInput.less","webpack:///./src/form/Form.less","webpack:///./src/menu/menubar/MenuBar.less","webpack:///./src/form/FormMenu.less","webpack:///./src/form/ScoutInfoForm.less","webpack:///./src/form/fields/TextFieldIcon.less","webpack:///./src/form/fields/FormField.less","webpack:///./src/form/fields/LookupBox.less","webpack:///./src/form/fields/ValueField.less","webpack:///./src/form/fields/tablefield/TableField.less","webpack:///./src/form/fields/WidgetField.less","webpack:///./src/form/fields/accordionfield/AccordionField.less","webpack:///./src/form/fields/button/Button.less","webpack:///./src/form/fields/beanfield/BeanField.less","webpack:///./src/form/fields/browserfield/BrowserField.less","webpack:///./src/form/fields/calendarfield/CalendarField.less","webpack:///./src/form/fields/checkbox/CheckBoxField.less","webpack:///./src/form/fields/clipboardfield/ClipboardField.less","webpack:///./src/form/fields/datefield/DateField.less","webpack:///./src/form/fields/filechooserfield/FileChooserField.less","webpack:///./src/form/fields/groupbox/GroupBox.less","webpack:///./src/form/fields/htmlfield/HtmlField.less","webpack:///./src/form/fields/imagefield/ImageField.less","webpack:///./src/form/fields/labelfield/LabelField.less","webpack:///./src/form/fields/modeselectorfield/ModeSelectorField.less","webpack:///./src/form/fields/numberfield/NumberField.less","webpack:///./src/form/fields/plannerfield/PlannerField.less","webpack:///./src/form/fields/radiobutton/RadioButton.less","webpack:///./src/form/fields/radiobutton/RadioButtonGroup.less","webpack:///./src/form/fields/smartfield/SmartField.less","webpack:///./src/form/fields/smartfield/SmartFieldPopup.less","webpack:///./src/form/fields/splitbox/SplitBox.less","webpack:///./src/form/fields/stringfield/StringField.less","webpack:///./src/form/fields/tabbox/TabBox.less","webpack:///./src/form/fields/tagfield/TagChooserPopup.less","webpack:///./src/form/fields/tagfield/TagField.less","webpack:///./src/form/fields/treefield/TreeField.less","webpack:///./src/form/fields/wizard/WizardProgressField.less","webpack:///./src/form/fields/wrappedform/WrappedFormField.less","webpack:///./src/glasspane/GlassPane.less","webpack:///./src/iframe/IFrame.less","webpack:///./src/image/Image.less","webpack:///./src/keystroke/keybox.less","webpack:///./src/layout/logicalgrid/LogicalGridLayout.less","webpack:///./src/menu/Menu.less","webpack:///./src/menu/ContextMenuPopup.less","webpack:///./src/menu/ComboMenu.less","webpack:///./src/menu/ProfileMenu.less","webpack:///./src/menu/form/field/FormFieldMenu.less","webpack:///./src/menu/menubar/MenuBarPopup.less","webpack:///./src/modeselector/Mode.less","webpack:///./src/modeselector/ModeSelector.less","webpack:///./src/planner/Planner.less","webpack:///./src/planner/PlannerHeader.less","webpack:///./src/popup/Popup.less","webpack:///./src/popup/MobilePopup.less","webpack:///./src/popup/TouchPopup.less","webpack:///./src/popup/WidgetPopup.less","webpack:///./src/resizable/resizable.less","webpack:///./src/session/BusyIndicator.less","webpack:///./src/slider/Slider.less","webpack:///./src/splitter/Splitter.less","webpack:///./src/style/fonts.less","webpack:///./src/style/sizes.less","webpack:///./src/switch/Switch.less","webpack:///./src/table/Table.less","webpack:///./src/table/TableFooter.less","webpack:///./src/table/TableHeader.less","webpack:///./src/table/TableHeaderMenu.less","webpack:///./src/table/TableRowDetail.less","webpack:///./src/table/controls/TableControl.less","webpack:///./src/table/editor/CellEditorPopup.less","webpack:///./src/table/columns/CompactColumn.less","webpack:///./src/tagbar/TagBar.less","webpack:///./src/tagbar/TagBarOverflowPopup.less","webpack:///./src/timepicker/TimePicker.less","webpack:///./src/tooltip/Tooltip.less","webpack:///./src/tooltip/WidgetTooltip.less","webpack:///./src/tree/Tree.less","webpack:///./src/tree/CompactTree.less","webpack:///./src/tile/Tile.less","webpack:///./src/tile/TileGrid.less","webpack:///./src/tile/TileOverview.less","webpack:///./src/tile/accordion/TileAccordion.less","webpack:///./src/tile/PlaceholderTile.less","webpack:///./src/tile/fields/FormFieldTile.less","webpack:///./src/tile/fields/button/TileButton.less","webpack:///./src/tile/fields/tablefield/TileTableField.less","webpack:///./src/widget/FilterSupport.less","webpack:///./src/login/LoginBox.less","webpack:///./src/form/fields/breadcrumbbarfield/BreadcrumbBarField.less","webpack:///./src/breadcrumbbar/BreadcrumbBar.less","webpack:///./src/breadcrumbbar/BreadcrumbItem.less"],"sourcesContent":["/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\nbody {\n background-color: transparent;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n height: 100%;\n width: 100%;\n margin: 0;\n overflow: hidden;\n cursor: default;\n color: #000;\n letter-spacing: 0.2px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -moz-user-select: -moz-none;\n / Prevent mobile safari from adjusting text, due to our dynamic layouting it will be always wrong /\n -webkit-text-size-adjust: none;\n / Disable highlight color. May be enabled for specific elements if required /\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody.ios {\n / Body can be moved on ios even if it isn't scrollable. Prevent it by using position: fixed.\n Drawback: it seems something invisible happens nevertheless, actions like a button click won't be executed if the user tried to scroll right before.\n He has to wait until the invisible scrolling has finished before he can try to click the button.\n 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.\n Hence it is important to only activate it on ios. /\n position: fixed;\n}\n/ -moz variant is required, see https://bugzilla.mozilla.org/show_bug.cgi?id=509958 /\n::-moz-selection {\n background: #1561A7;\n color: #fff;\n}\n::selection {\n background: #1561A7;\n color: #fff;\n}\n::-webkit-input-placeholder {\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n}\n:-moz-placeholder {\n / older versions of firefox /\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n}\n::-moz-placeholder {\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n}\n:-ms-input-placeholder {\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n}\n::placeholder {\n / Most modern browsers /\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n}\n/ Hide IE decorations for text input fields: /\n/ - Clear button (\"X\"): https://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx /\n/ - Password reveal button: https://msdn.microsoft.com/en-us/library/windows/apps/hh465773.aspx /\n/ Note: Set width/height to 0 instead of \"display: none\", because of http://stackoverflow.com/a/17986002 /\n::-ms-clear {\n width: 0;\n height: 0;\n}\n::-ms-reveal {\n width: 0;\n height: 0;\n}\n.disabled::-moz-selection {\n background: #666666;\n color: #EFEFEF;\n}\n.disabled::selection {\n background: #666666;\n color: #EFEFEF;\n}\n.disabled::-webkit-input-placeholder {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n / 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/\n -webkit-text-fill-color: currentcolor;\n}\n.disabled:-moz-placeholder {\n / older versions of firefox /\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.disabled::-moz-placeholder {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.disabled:-ms-input-placeholder {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n/ Add this class to temporary remove an element from the document flow. /\n/ !important is used to override any specific \"display\" values (because this /\n/ call would in most cases be less specific than the element's rules). /\n.hidden {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n/ Add this class to temporary hide (but not remove from flow) an element. Similar to \"hidden\". /\n.invisible {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n,\n::before,\n::after {\n /* NOSONAR (universal selector is okay here) /\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n/ Workaround for firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=648624 /\n/ use -moz-none to allow child element to set -moz-user-select: text /\n/ See also: focusUtil.js, isSelectableText() /\n.table-cell,\n.table-header-item,\n.tree-node,\n.table-footer,\n.table-control,\n.table-info-item,\n.table-header-menu-group-text {\n -moz-user-select: -moz-none;\n}\ninput,\ntextarea,\nbutton {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n letter-spacing: 0.2px;\n}\ninput,\ntextarea,\n.input-field {\n background-color: transparent;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n}\ninput.disabled,\ntextarea.disabled,\n.input-field.disabled {\n background-color: transparent;\n border-color: #DADADA;\n color: #666666;\n}\ninput:focus,\ntextarea:focus,\n.input-field:focus,\ninput.focused,\ntextarea.focused,\n.input-field.focused {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\ninput.has-error,\ntextarea.has-error,\n.input-field.has-error {\n border-color: #D53F3F;\n background-color: #FEE0E0;\n}\ninput.has-error:focus,\ntextarea.has-error:focus,\n.input-field.has-error:focus,\ninput.has-error.focused,\ntextarea.has-error.focused,\n.input-field.has-error.focused {\n outline: none;\n box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);\n}\ninput.read-only,\ntextarea.read-only,\n.input-field.read-only {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px #DADADA;\n color: #000;\n}\ntextarea.read-only {\n border: 1px dashed #DADADA;\n}\ninput[type=\"text\"].alternative,\ninput[type=\"password\"].alternative {\n / Add 1px padding to prevent the text from moving a little when field is focused due to the 2px focus border /\n padding-bottom: 1px;\n / Compensate padding-bottom to align input text with label on the left /\n / It won't be perfect (especially when zoomed) but should be good enough /\n padding-top: 2px;\n}\ninput.alternative,\n.input-field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: rgba(0, 0, 0, 0.23);\n border-radius: 0;\n border-left-width: 0;\n border-right-width: 0;\n padding-left: 0;\n padding-right: 0;\n}\ninput.alternative.disabled,\n.input-field.alternative.disabled {\n color: #808080;\n border-bottom-style: dashed;\n border-bottom-color: #CFCFCF;\n}\ninput.alternative:focus,\n.input-field.alternative:focus,\ninput.alternative.focused,\n.input-field.alternative.focused {\n color: #1561A7;\n border-bottom-color: #1561A7;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\ninput.alternative.has-error,\n.input-field.alternative.has-error {\n color: #D53F3F;\n border-bottom-color: #D53F3F;\n}\ninput.alternative.has-error:focus,\n.input-field.alternative.has-error:focus,\ninput.alternative.has-error.focused,\n.input-field.alternative.has-error.focused {\n border-bottom-color: #D53F3F;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\ninput.alternative.read-only,\n.input-field.alternative.read-only {\n color: #000;\n}\ninput {\n padding: 0 10px;\n / remove platform specific styling, mainly used to remove shadow on iOS Safari /\n / text inputs on Safari have 2px top and bottom margin -> remove/\n margin: 0;\n}\ninput:not([type=checkbox]):not([type=radio]) {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\ninput.disabled,\ntextarea.disabled {\n / Only setting the color has no effect for input elements on iOS Safari -> set fill color, too /\n / It is activated for input elements only since the rule would be inherited by sub elements and therefore would change theirs colors as well /\n / Unfortunately currentcolor variable does seem to not work anymore so we have to use the less variable (somehow it still works for the placeholder) /\n -webkit-text-fill-color: #808080;\n opacity: 1;\n}\ninput.disabled.read-only,\ntextarea.disabled.read-only {\n -webkit-text-fill-color: #000;\n}\ninput.disabled::selection,\ntextarea.disabled::selection {\n -webkit-text-fill-color: #EFEFEF;\n}\ntextarea.alternative {\n background-color: transparent;\n}\ntextarea.alternative.disabled:not(.read-only) {\n background-color: transparent;\n border: 1px dashed #DADADA;\n color: #808080;\n}\ninput[type=\"text\"],\ntextarea {\n / Explicitly set 'user-select' to something other than 'none', otherwise the focus manager /\n / might prevent text selection (scout.focusUtils.isSelectableText()). Some browsers already /\n / provide such a rule in the user style sheet, but some do not (e.g. Chrome 62). /\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\ntextarea {\n / these two properties are required for FF, otherwise the editable textarea is 2px too large, /\n / and the DOM inspector does not include these 2 pixels. /\n margin: 0 auto;\n padding: 7px 10px;\n resize: none;\n / Override default overflow value 'scroll' /\n overflow: auto;\n / IE/Edge: show scrollbars on textarea if the content is too big to fit /\n / overflow:auto alone is not sufficient because -ms-overflow-style could be set on a parent element and textarea inherits this property /\n -ms-overflow-style: auto;\n / remove platform specific styling, mainly used to remove shadow on ios safari /\n -webkit-appearance: none;\n -moz-appearance: none;\n}\ntextarea.alternative {\n border-radius: 3px;\n}\n.input-field {\n padding: 7px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\nbutton {\n padding: 2px 7px;\n margin: 0;\n / reset user agent style, e.g. on safari /\n}\n/ cursor handling /\n/ The following classes are added dynamically while dragging. !important is necessary to override /\n/ any cursor an underlying component defines while moving the mouse. /\n.col-resize,\n.col-resize {\n /* NOSONAR (universal selector is okay here) /\n cursor: col-resize !important;\n / NOSONAR (!important is okay here) /\n}\n.row-resize,\n.row-resize {\n /* NOSONAR (universal selector is okay here) /\n cursor: row-resize !important;\n / NOSONAR (!important is okay here) /\n}\n/ Used to temporarily disable pointer events on iframes while dragging elements /\n.dragging-in-progress {\n pointer-events: none;\n}\n/ remove the dotted border in firefox /\nbutton::-moz-focus-inner {\n border: 0;\n}\n.drag-handle {\n content: '';\n width: 100%;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n margin-top: -5px;\n cursor: move;\n z-index: 10;\n}\n.closer {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 17px;\n cursor: pointer;\n color: #999999;\n padding: 4px;\n border-radius: 3px;\n}\n.closer::before {\n content: '\\E045';\n}\n.closer:hover {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.closer:active,\n.closer.active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.save-needer {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 12px;\n color: #999999;\n}\n.save-needer::before {\n content: '\\E050';\n}\n/ Used to display errors from server when desktop is not available /\n.fatal-error {\n margin: 10px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.application-loading-root {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background-color: #fff;\n pointer-events: none;\n}\n.application-loading-root.fadeout {\n -webkit-animation: application-loading-fade-out 250ms linear 1 forwards;\n -moz-animation: application-loading-fade-out 250ms linear 1 forwards;\n -o-animation: application-loading-fade-out 250ms linear 1 forwards;\n animation: application-loading-fade-out 250ms linear 1 forwards;\n}\n@-webkit-keyframes application-loading-fade-out {\n to {\n opacity: 0;\n }\n}\n@keyframes application-loading-fade-out {\n to {\n opacity: 0;\n }\n}\n.application-loading01 {\n height: 80px;\n width: 80px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.application-loading01::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: 0 0 6px 3px rgba(21, 97, 167, 0.9);\n -webkit-animation: pulsate 2s ease-out infinite;\n -moz-animation: pulsate 2s ease-out infinite;\n -o-animation: pulsate 2s ease-out infinite;\n animation: pulsate 2s ease-out infinite;\n}\n.application-loading02 {\n height: 120px;\n width: 120px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.application-loading02::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: inset 0 0 4px 2px #1FC9AA;\n -webkit-animation: pulsate 2.84s ease-out infinite;\n -moz-animation: pulsate 2.84s ease-out infinite;\n -o-animation: pulsate 2.84s ease-out infinite;\n animation: pulsate 2.84s ease-out infinite;\n}\na,\n.link,\n.app-link {\n color: #1561A7;\n text-decoration: none;\n cursor: pointer;\n}\na:hover,\n.link:hover,\n.app-link:hover {\n color: #1b7bd4;\n}\na:active,\n.link:active,\n.app-link:active,\na.active,\n.link.active,\n.app-link.active {\n color: #2F3C45;\n}\na:focus,\n.link:focus,\n.app-link:focus {\n outline-color: #1561A7;\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n}\n.font-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.white-space-nowrap {\n white-space: nowrap;\n}\n.startup-error {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n margin: 100px 50px;\n padding: 20px;\n border: 1px solid #D53F3F;\n background-color: #FEE0E0;\n}\n.startup-error-title {\n font-weight: bold;\n padding-bottom: 10px;\n}\n/ --- z-index --- /\n/ Rule: All child elements of .scout get the same z-index 0 assigned. This spawns a new stacking context for each /\n/ of these elements (iff they are \"positioned\"). To bring a new element to the top, add it to the end of the list. /\n/ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context /\n.scout > .desktop-navigation,\n.scout > .desktop-header,\n.scout > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .notifications {\n z-index: 0;\n}\nnoscript {\n display: block;\n}\nnoscript > .wrapper > .box-content > h1 {\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 13px;\n}\n/ Internet explorer applies the -ms-user-select setting: none (inherited from body) also to iframe contents.\n * Other browsers do not, websites within an iframe should decide on their own if they are selectable (or not).\n * Reset to default.\n /\niframe {\n -ms-user-select: element;\n}\n.error-popup-correlation-id {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 11px;\n color: #808080;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.accordion {\n / Necessary if field is not scrollable to prevent overlaps /\n overflow: hidden;\n}\n.accordion.scrollable {\n padding-right: 15px;\n}\n.accordion > .group:not(.first):not(.collapse-bottom) > .group-header {\n border-top: 1px solid #DADADA;\n}\n.accordion > .group > .group-body {\n margin-bottom: 10px;\n}\n.accordion > .group,\n.accordion > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.accordion.loading > .group,\n.accordion.loading > .scrollbar {\n opacity: 0;\n}\n.accordion.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.accordion.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.accordion.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.action {\n cursor: pointer;\n}\n.action:hover {\n color: #1561A7;\n}\n.action:active {\n color: #1561A7;\n}\n.action.disabled {\n color: #808080;\n cursor: default;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #1561A7;\n background-color: transparent;\n --border-color: #1561A7;\n border: 1px solid var(--border-color);\n border-radius: 3px;\n cursor: pointer;\n padding: 2px 7px;\n}\n.button.borderless {\n background-color: transparent;\n border: 0;\n}\n.button.borderless:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #93c5f4;\n}\n.button > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.button > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.button > .icon.with-label {\n margin-right: 8px;\n}\n.button > .icon.loading,\n.button > .icon.broken {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.button > .icon.image-icon {\n max-height: 100%;\n}\n.button > .font-icon {\n font-size: 16px;\n}\n.button > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.selected.button > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.button > .button-label,\n.button > .icon,\n.button > .submenu-icon {\n opacity: 1;\n transition: opacity 250ms;\n}\n.button:hover {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.button:active,\n.button.active {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.button.selected {\n color: #fff;\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.button.selected:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.button.selected.active,\n.button.selected:active {\n background-color: #012c53;\n border-color: #012c53;\n}\n.button.selected.has-popup {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.button:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.button.default {\n background-color: #1561A7;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #1561A7;\n color: #fff;\n}\n.button.default:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.button.default:active,\n.button.default.active {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.button.default.selected {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.button.default:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.button:disabled,\n.button.disabled {\n background-color: transparent;\n border-color: #DADADA;\n color: #808080;\n cursor: default;\n}\n.button:disabled:hover,\n.button.disabled:hover,\n.button:disabled.active,\n.button.disabled.active,\n.button:disabled:active,\n.button.disabled:active,\n.button:disabled.selected,\n.button.disabled.selected {\n background-color: transparent;\n border-color: #DADADA;\n color: #808080;\n}\n.button:disabled.selected,\n.button.disabled.selected {\n color: #fff;\n background-color: #808080;\n border-color: #808080;\n}\n.button:disabled.selected.has-popup,\n.button.disabled.selected.has-popup {\n color: #808080;\n background-color: rgba(0, 0, 0, 0.12);\n border-color: rgba(0, 0, 0, 0.12);\n}\n.button.loading > .button-label,\n.button.loading > .icon,\n.button.loading > .submenu-icon {\n opacity: 0;\n transition: opacity 250ms;\n}\n.button.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -10px;\n margin-left: -10px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.button.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 20px;\n height: 20px;\n}\n.button.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/\n Used for static pages like login, logout, unsupported-browser and noscript section.\n * Note: This box must not depend on javascript because it is used for the noscript section as well.\n /\n.box {\n display: table;\n position: absolute;\n height: 75%;\n width: 100%;\n margin: 15px 0;\n}\n.box > .wrapper {\n display: table-cell;\n vertical-align: middle;\n}\n.box-content {\n border: 0 solid #DADADA;\n border-radius: 12px;\n background-color: #fff;\n max-width: 450px;\n margin: 0 auto;\n padding: 45px 95px 50px 95px;\n box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2);\n font-size: 14px;\n}\n.box-content > .header {\n text-align: center;\n}\n.box-content > .header > .logo {\n margin-top: 5px;\n margin-bottom: 40px;\n max-height: 30px;\n}\n.box-content.small > .header > .logo {\n max-width: 50%;\n}\n.box-content > .button-bar {\n padding-top: 32px;\n text-align: center;\n}\n.box-content > .button-bar > .button {\n padding: 7px 7px;\n font-size: 14px;\n}\n.box-content.centered {\n text-align: center;\n}\n@media (max-width: 490px) {\n .box-content {\n padding: 20px;\n margin-left: 10px;\n margin-right: 10px;\n }\n .box-content > .header > .logo {\n margin-bottom: 20px;\n }\n}\n@media (max-height: 400px) {\n .box-content {\n padding-top: 20px;\n padding-bottom: 20px;\n }\n .box-content > .header > .logo {\n margin-bottom: 20px;\n }\n}\n@media (max-height: 700px) {\n .box {\n height: calc(100% - 15px 2);\n }\n}\n/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.box-buttons > .box-button {\n padding: 6px 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-right: 16px;\n min-width: 104px;\n}\n.box-buttons > .box-button:last-child {\n margin-right: 0;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.check-box {\n position: relative;\n display: inline-block;\n text-align: center;\n width: 18px;\n height: 18px;\n border: 1px solid #999999;\n border-radius: 3px;\n background-color: transparent;\n}\n.check-box:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.check-box.checked {\n background-color: #1561A7;\n border-color: #1561A7;\n color: #fff;\n}\n.check-box.checked::before {\n position: absolute;\n display: block;\n line-height: 18px;\n width: 16px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E005';\n font-size: 11px;\n}\n.check-box.undefined {\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.check-box.undefined::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: #fff;\n}\n.check-box.disabled {\n border-color: #DADADA;\n}\n.check-box.disabled.checked {\n background-color: #808080;\n border-color: #808080;\n}\n.check-box.disabled.undefined {\n background-color: #808080;\n border-color: #808080;\n}\n#scout .checkbox-checked-disabled {\n background-color: #808080;\n border-color: #808080;\n}\n/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.calendar {\n white-space: nowrap;\n padding-left: 0;\n}\n.calendar-scrollable-components {\n height: 100%;\n}\n.calendar-header {\n position: relative;\n display: block;\n white-space: nowrap;\n padding: 8px 20px 12px 0;\n}\n.calendar-header > .busyindicator-label {\n display: table-cell;\n vertical-align: middle;\n text-indent: 0;\n}\n.calendar-header.mobile {\n padding-right: 6px;\n}\n.calendar-header-row {\n display: table;\n width: 100%;\n}\n.calendar-header-row.last {\n padding-top: 10px;\n}\n.calendar-range {\n display: table-cell;\n vertical-align: middle;\n padding-left: 8px;\n width: 1%;\n}\n.calendar-previous,\n.calendar-today,\n.calendar-next {\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n height: 30px;\n color: #000;\n background-color: transparent;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n margin-right: 5px;\n line-height: 29px;\n}\n.calendar-previous:hover,\n.calendar-today:hover,\n.calendar-next:hover {\n color: #1561A7;\n}\n.calendar-today {\n padding-left: 15px;\n padding-right: 15px;\n}\n.calendar-title {\n display: table-cell;\n vertical-align: middle;\n color: #000;\n}\n.calendar-header-row.last > .calendar-title {\n text-align: center;\n}\n.calendar-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n.calendar-previous:hover::before,\n.calendar-next:hover::before {\n color: #1561A7;\n}\n.calendar-previous::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 20px;\n width: 29px;\n content: '\\E012';\n color: #000;\n text-align: center;\n}\n.calendar-next::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 20px;\n width: 29px;\n content: '\\E013';\n color: #000;\n text-align: center;\n}\n.calendar-commands {\n display: table-cell;\n vertical-align: middle;\n text-align: right;\n white-space: nowrap;\n}\n.calendar-mode,\n.calendar-toggle-year,\n.calendar-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: 30px;\n line-height: 29px;\n cursor: pointer;\n}\n.calendar-mode {\n padding: 0 8px;\n min-width: 65px;\n border-top: 1px solid rgba(0, 0, 0, 0.23);\n border-bottom: 1px solid rgba(0, 0, 0, 0.23);\n border-left: 1px solid rgba(0, 0, 0, 0.23);\n}\n.calendar-mode.first {\n border-left: 1px solid rgba(0, 0, 0, 0.23);\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.calendar-mode.last {\n border-right: 1px solid rgba(0, 0, 0, 0.23);\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.calendar-mode:hover {\n color: #1561A7;\n}\n.calendar-mode.selected {\n color: #2F3C45;\n background-color: #E9F0F6;\n}\n.calendar-mode-menu {\n padding: 5px 12px;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n}\n.calendar-toggle-year,\n.calendar-toggle-list {\n margin-left: 5px;\n}\n.calendar-toggle-year:hover::before,\n.calendar-toggle-list:hover::before {\n color: #1561A7;\n}\n.calendar-toggle-year::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 18px;\n width: 29px;\n content: '\\E029';\n color: #000;\n text-align: center;\n}\n.calendar-toggle-list::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 18px;\n width: 29px;\n content: '\\E01C';\n color: #000;\n text-align: center;\n}\n.calendar-component {\n display: flex;\n flex-direction: row;\n position: relative;\n float: left;\n line-height: 24px;\n height: 24px;\n min-height: 20px;\n width: calc(100% - 32px);\n text-align: left;\n color: #000;\n / Default colors used when component has no specific class /\n background-color: #E9F0F6;\n / Colors for type Appointment /\n / Colors for type Task /\n}\n.calendar-component:not(.component-task):not(.component-month) {\n border-bottom: 2px solid transparent;\n}\n.calendar-component > .content {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.calendar-component > .calendar-component-leftcolorborder {\n flex-shrink: 0;\n top: 0;\n left: 0;\n width: 4px;\n margin-right: 4px;\n background-color: #C1DEF9;\n / Default colors used when component has no specific class /\n}\n.calendar-component:hover {\n background-color: #C1DEF9;\n}\n.calendar-component:hover > .calendar-component-leftcolorborder {\n background-color: #1561A7;\n}\n.calendar-component.comp-selected {\n background-color: #74A8D8;\n}\n.calendar-component.comp-selected > .calendar-component-leftcolorborder {\n background-color: #1561A7;\n}\n.calendar-component.calendar-appointment {\n background-color: #FCF0E5;\n}\n.calendar-component.calendar-appointment > .calendar-component-leftcolorborder {\n background-color: #FFBE6B;\n}\n.calendar-component.calendar-appointment:hover {\n background-color: #FDE1B1;\n}\n.calendar-component.calendar-appointment:hover > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-appointment.comp-selected {\n background-color: #FFBE6B;\n}\n.calendar-component.calendar-appointment.comp-selected > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-task {\n background-color: #DCFBF5;\n}\n.calendar-component.calendar-task > .calendar-component-leftcolorborder {\n background-color: #67E9D1;\n}\n.calendar-component.calendar-task:hover {\n background-color: #BDF2E8;\n}\n.calendar-component.calendar-task:hover > .calendar-component-leftcolorborder {\n background-color: #67E9D1;\n}\n.calendar-component.calendar-task.comp-selected {\n background-color: #67E9D1;\n}\n.calendar-component.calendar-task.comp-selected > .calendar-component-leftcolorborder {\n background-color: #1FC9AA;\n}\n.calendar-component-title {\n font-weight: bold;\n}\n.calendar-component-intro {\n font-size: 11px;\n color: #999999;\n}\n.calendar-list-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n padding: 0;\n overflow: hidden;\n}\n.calendar-list {\n width: 270px;\n padding: 0 0 0 30px;\n height: 100%;\n}\n.calendar-list > .calendar-component {\n cursor: pointer;\n height: auto;\n width: calc(100% - 10px);\n background-color: transparent !important;\n / NOSONAR (required to override original component background color) /\n margin-top: 12px;\n color: #000;\n}\n.calendar-list-title {\n position: relative;\n width: calc(100% - 10px);\n height: 25px;\n line-height: 25px;\n font-weight: bold;\n color: #000;\n}\n.calendar-list-title::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: #DADADA;\n}\n.calendar-grids {\n display: inline-block;\n vertical-align: top;\n overflow: hidden;\n}\n.calendar-grid {\n display: block;\n height: calc(100% - 25px);\n padding-right: 20px;\n}\n.calendar-grid + .scroll-shadow {\n --scroll-shadow-inset-right: 20px;\n}\n.calendar-grid.mobile {\n padding-right: 6px;\n}\n.calendar-grid.mobile + .scroll-shadow {\n --scroll-shadow-inset-right: 6px;\n}\n.calendar-grid.calendar-grid-short {\n height: calc(100% - 105px);\n}\n.calendar-top-grid {\n display: block;\n overflow: hidden;\n border-bottom: 1px solid #DADADA;\n height: 105px;\n margin-right: 20px;\n}\n.calendar-top-grid.calendar-top-grid-short {\n height: 25px;\n}\n.calendar-top-grid.mobile {\n margin-right: 6px;\n}\n.calendar-week-header,\n.calendar-week {\n display: block;\n width: 100%;\n white-space: nowrap;\n}\n.calendar-week-allday-container,\n.calendar-week-allday-container > .calendar-week-name {\n height: 80px;\n}\n.calendar-week-allday-container > .calendar-day {\n padding-top: 30px;\n}\n.calendar-week-header,\n.calendar-week-header > .calendar-day-name,\n.calendar-week-header > .calendar-week-name {\n height: 25px;\n}\n.calendar-week {\n position: relative;\n}\n.calendar-week-name {\n width: 45px;\n}\n.calendar-day-name,\n.calendar-week-name,\n.calendar-day {\n position: relative;\n display: inline-block;\n overflow: hidden;\n z-index: 1;\n / draw over grid /\n}\n.calendar-day {\n padding: 0;\n / helps to center days between 10 and 19 nicer /\n}\n.calendar-day:not(.calendar-no-label)::before {\n position: absolute;\n content: attr(data-day-name);\n color: #666666;\n left: 7px;\n top: 7px;\n z-index: 1;\n / draw over calendar items /\n}\n.calendar-day.out {\n background-color: transparent;\n}\n.calendar-day.out::before {\n color: #CFCFCF;\n}\n.calendar-day.weekend::before {\n color: #014786;\n}\n.calendar-day.weekend-out {\n background-color: transparent;\n}\n.calendar-day.weekend-out::before {\n color: #74A8D8;\n}\n.calendar-day.now::before {\n color: #FE9915;\n font-weight: bold;\n}\n.calendar-day.selected.center-nice::before {\n padding-right: 2px;\n}\n.calendar-day .calendar-component {\n margin-left: 32px;\n margin-bottom: 1px;\n margin-top: 1px;\n}\n.calendar-day .calendar-component.component-month.compact {\n top: 30px;\n margin-left: 0;\n width: 100%;\n}\n.calendar-day .calendar-component.component-day,\n.calendar-day .calendar-component.component-task {\n position: absolute;\n word-break: break-all;\n left: 0;\n margin: 0;\n width: 100%;\n height: 24px;\n line-height: 24px;\n}\n.calendar-day .calendar-component.component-open-top {\n overflow: visible;\n padding-top: 10px;\n / Compensate for open top padding /\n}\n.calendar-day .calendar-component.component-open-top > .calendar-component-leftcolorborder {\n height: calc(100% + 10px);\n top: -10px;\n}\n.calendar-day .calendar-component.component-open-top::before {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(50% - 8px);\n top: -8px;\n transform: rotate(45deg);\n background-color: #fff;\n}\n.calendar-day .calendar-component.component-open-bottom {\n overflow: visible;\n border-bottom: none;\n / Compensate for calendar-component border /\n}\n.calendar-day .calendar-component.component-open-bottom::after {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(50% - 8px);\n bottom: -8px;\n transform: rotate(45deg);\n background-color: inherit;\n}\n.calendar-day.selected.now::before {\n left: 4px;\n top: 3px;\n font-weight: normal;\n border: solid 4px #FE9915;\n border-radius: 50%;\n background-color: #FE9915;\n color: #fff;\n}\n.calendar-day.selected::before {\n text-align: center;\n left: 4px;\n top: 3px;\n width: 23px;\n height: 23px;\n border: solid 4px #1561A7;\n border-radius: 50%;\n background-color: #1561A7;\n color: #fff;\n}\n.calendar-week-name {\n font-size: 11px;\n color: #999999;\n padding-top: 9px;\n text-align: center;\n}\n.calendar-day::after,\n.calendar-day-name::after {\n position: absolute;\n width: 1px;\n height: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: #DADADA;\n}\n.calendar-week:not(.calendar-week-noborder)::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: #DADADA;\n}\n.calendar-day-name::before {\n position: absolute;\n content: attr(data-day-name);\n color: #666666;\n left: 7px;\n bottom: 0;\n z-index: 1;\n / draw over calendar items /\n line-height: 25px;\n}\n.calendar-week-axis {\n position: absolute;\n left: 39px;\n width: calc(100% - 45px + 6px);\n}\n.calendar-week-axis:not(.first)::after {\n position: absolute;\n height: 1px;\n width: 100%;\n content: '';\n background-color: rgba(0, 0, 0, 0.07);\n}\n.calendar-week-axis:not(.first).hour::after {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.calendar-week-axis:not(.first)::before {\n position: absolute;\n font-size: 12px;\n left: -35px;\n top: -8px;\n color: #999999;\n content: attr(data-axis-name);\n}\n.calendar-week-task {\n position: relative;\n left: 0;\n width: 100%;\n}\n.calendar-week-task::after {\n position: relative;\n height: 1px;\n width: 100%;\n content: '';\n background-color: #DADADA;\n}\n.calendar-week-task::before {\n position: absolute;\n font-size: 11px;\n top: 28px;\n left: 7px;\n color: #999999;\n content: attr(data-axis-name);\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.year-panel-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n overflow: hidden;\n position: relative;\n}\n.year-panel-title {\n position: relative;\n margin-left: 10px;\n width: calc(100% - 40px);\n height: 25px;\n white-space: nowrap;\n}\n.year-panel-title > .year-title-item {\n display: inline-block;\n padding-right: 15px;\n line-height: 25px;\n color: #999999;\n cursor: pointer;\n font-weight: bold;\n}\n.year-panel-title > .year-title-item.selected {\n color: #000;\n cursor: default;\n}\n.year-panel-title > .year-title-item:hover {\n color: #000;\n}\n.year-panel-title::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: #DADADA;\n}\n.year-panel-list {\n position: relative;\n width: 180px;\n margin-left: 10px;\n height: calc(100% - 25px);\n overflow: hidden;\n}\n.year-panel-list > .year-month {\n margin-top: 18px;\n margin-bottom: 8px;\n position: relative;\n padding-top: 20px;\n padding-right: 15px;\n float: left;\n width: 180px;\n}\n.year-panel-list > .year-month > .year-day {\n position: relative;\n float: left;\n width: 23px;\n text-align: right;\n color: #000;\n height: 24px;\n padding-right: 5px;\n line-height: 24px;\n cursor: pointer;\n}\n.year-panel-list > .year-month > .year-day.year-hover {\n background-color: #E9F0F6;\n}\n.year-panel-list > .year-month > .year-day.year-range {\n background-color: #E9F0F6;\n}\n.year-panel-list > .year-month > .year-day.year-range-day {\n background-color: #1561A7;\n color: #fff;\n}\n.year-panel-list > .year-month > .year-day.year-hover-day {\n background-color: #1561A7;\n color: #fff;\n}\n.year-panel-list > .year-month::before {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n content: attr(data-title);\n font-weight: bold;\n color: #000;\n}\n.year-panel-list > .year-month::after {\n position: absolute;\n bottom: 0;\n right: 19px;\n height: calc(100% - 20px);\n width: 26%;\n content: '';\n background-color: #666666;\n opacity: 0.1;\n pointer-events: none;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.date-picker-popup {\n position: absolute;\n width: 290px;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n overflow: hidden;\n}\n.date-picker {\n position: relative;\n}\n.date-picker.touch-only :not(.selected):not(.disabled):not(:active):hover {\n background-color: inherit;\n}\n.date-picker-scrollable {\n position: relative;\n width: 100%;\n}\n.date-picker-month-box {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n.date-picker-month {\n width: 100%;\n padding: 0 13px 13px 13px;\n}\n.date-picker-weekdays {\n color: #666666;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n}\n.date-picker-weekday {\n display: inline-flex;\n height: 36px;\n width: 32px;\n margin: 2px;\n justify-content: center;\n padding-top: 7px;\n}\n.date-picker-week {\n display: flex;\n justify-content: space-between;\n}\n.date-picker-day {\n display: inline-flex;\n width: 32px;\n height: 32px;\n margin: 2px;\n border-radius: 6px;\n justify-content: center;\n align-items: center;\n}\n.date-picker-day.date-picker-out,\n.date-picker-day.date-picker-out-weekend {\n color: #808080;\n}\n.date-picker-day.date-picker-day-weekend-separator {\n margin-left: 5px;\n}\n.date-picker-day.date-picker-now {\n color: #AD6200;\n font-weight: bold;\n}\n.date-picker-day.date-picker-now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n}\n.date-picker-day.preselected {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.date-picker-day:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.date-picker-day:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.date-picker-day.selected {\n color: #fff;\n background-color: #1561A7;\n font-weight: bold;\n}\n.date-picker-day.selected.date-picker-now > .text {\n border-bottom-color: #fff;\n}\n.date-picker-day.disabled {\n color: #c1c1c1;\n background-color: inherit;\n}\n.date-picker-header {\n padding: 17px 10px 14px 10px;\n}\n.date-picker-separator {\n position: absolute;\n top: 98px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n.date-picker-weekend-separator {\n position: absolute;\n top: 38px;\n height: calc(100% - 13px - 36px - 2px - 2px);\n width: 0;\n border-right: 1px rgba(0, 0, 0, 0.1) solid;\n}\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 18px;\n line-height: 30px;\n margin-top: 1px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n width: 26px;\n height: 26px;\n margin: 3px 2px 6px 2px;\n padding-top: 4px;\n color: #999999;\n border-radius: 3px;\n display: flex;\n justify-content: center;\n cursor: pointer;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 17px;\n}\n.date-picker-left-y:hover,\n.date-picker-left-m:hover,\n.date-picker-right-y:hover,\n.date-picker-right-m:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.date-picker-left-y:active,\n.date-picker-left-m:active,\n.date-picker-right-y:active,\n.date-picker-right-m:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.date-picker-left-y {\n float: left;\n margin-left: 5px;\n}\n.date-picker-left-m {\n float: left;\n}\n.date-picker-left-y::before {\n content: '\\E010';\n}\n.date-picker-left-m::before {\n content: '\\E012';\n}\n.date-picker-right-y {\n float: right;\n margin-right: 7px;\n}\n.date-picker-right-m {\n float: right;\n}\n.date-picker-right-y::before {\n content: '\\E011';\n}\n.date-picker-right-m::before {\n content: '\\E013';\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n.desktop:focus {\n outline: none;\n}\n.desktop.has-navigation-handle > .splitter {\n height: calc(100% - 50px);\n}\n.desktop.in-background {\n background-color: #F5F5F5;\n}\n/ \"Open URI\" related rules /\n.download-frame {\n position: fixed;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n visibility: hidden;\n / Do _not_ use 'display: none', because that seems to interrupt the download in Safari /\n}\n/\n * Copyright (c) 2014-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-logo {\n position: absolute;\n top: 0;\n right: 0;\n margin: 16px;\n background-color: #fff;\n}\n.desktop-logo.clickable {\n cursor: pointer;\n}\n.desktop-logo > .image {\n height: 32px;\n min-width: 0;\n border: 1px solid #fff;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dense {\n / FormField.less /\n / SmartField.less /\n / MenuBar.less /\n / GroupBox.less /\n / TabBox.less /\n / TableHeader.less /\n / Table.less /\n / TableFooter.less /\n / DesktopBench.less /\n / ContextMenuPopup.less /\n / CheckBoxField.less /\n / main.less /\n / Button /\n / RadioButton.less /\n / LabelField.less /\n / Tree.less /\n / Outline.less /\n / ValueField.less /\n / TagBar.less /\n / use default margin in the overflow popup, otherwise the tags sit on each other /\n / TagField.less /\n / BreadcrumbItem.less /\n}\n.dense .form-field > label {\n padding-top: 4px;\n / @borderless-field-padding-y; /\n padding-bottom: 4px;\n / @borderless-field-padding-y; /\n}\n.dense .smart-field > .field > .multiline-lines,\n.dense .smart-field.read-only > .field > .multiline-lines,\n.dense .smart-field.alternative > .field > .multiline-lines {\n line-height: 15px;\n padding-top: 2px;\n / padding: 3px @text-field-padding-x; /\n padding-bottom: 2px;\n}\n.dense .proposal-chooser > .active-filter,\n.dense .proposal-chooser > .status {\n height: 30px;\n}\n.dense .proposal-chooser > .active-filter > .radiobutton-group {\n height: 30px;\n}\n.dense .proposal-chooser > .active-filter > .radiobutton-group > .radiobutton-group-body {\n height: 30px;\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .menu-item {\n padding-top: 3px;\n / @menubar-item-padding-y; /\n padding-bottom: 3px;\n / @menubar-item-padding-y; /\n / 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 /\n min-height: 24px;\n / @logical-grid-row-height; /\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .menu-button {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.dense .group-box-header {\n margin-top: 6px;\n / @group-box-title-margin-top; /\n}\n.dense .group-box-header > .title {\n padding-top: 6px;\n / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 6px;\n}\n.dense .group-box-body {\n padding-top: 10px;\n / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 8px;\n / redefine /\n}\n.dense .group-box-body.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n}\n.dense .tab-box-header {\n margin-top: 6px;\n / @group-box-title-margin-top; /\n}\n.dense .tab-item > .title {\n padding-top: 6px;\n / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 6px;\n}\n.dense .overflow-tab-item.menu-item {\n padding-top: 4px;\n / padding: @tab-item-title-padding-top - 2px @tab-item-padding-x - 8px @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\n}\n.dense .table-header-item {\n margin-top: 2px;\n / margin: @table-header-item-margin-y @table-header-item-margin-x /\n margin-bottom: 2px;\n min-height: 24px;\n / min-height: @table-header-item-min-height; /\n}\n.dense .table-header-resize {\n padding-top: 4px;\n / 8px 8px; /\n padding-bottom: 4px;\n}\n.dense .table,\n.dense .detail-table.table {\n --table-row-padding-y: 4px;\n}\n.dense .table-cell.table-node > .table-row-control {\n / padding: @table-row-padding-y 8px @table-row-padding-y @table-row-control-padding-left; /\n padding-top: 6px;\n}\n.dense .table-control-resize {\n height: 12px;\n}\n.dense .detail-table.table > .table-header > .table-header-item {\n margin-top: 2px;\n margin-bottom: 2px;\n min-height: 24px;\n}\n.dense .context-menu > .menu-item {\n padding-top: 6px;\n / padding: 11px 15px; /\n padding-bottom: 6px;\n}\n.dense .check-box-field > .field {\n padding-top: 2px;\n / padding: 6px 0; /\n padding-bottom: 2px;\n}\n.dense .input-field {\n padding-top: 2px;\n / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 2px;\n}\n.dense .button-field > .button {\n padding-top: 0;\n / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n min-height: 24px;\n}\n.dense .button-field > .button > .icon {\n padding-top: 0;\n / padding-top: 2px; /\n padding-bottom: 0;\n / padding-bottom: 2px; /\n}\n.dense .radio-button > .field {\n padding-top: 2px;\n / padding: 6px 0; /\n padding-bottom: 2px;\n}\n.dense .radio-button > .field > .label {\n padding-top: 1px;\n / padding-top: @radio-button-label-padding-top; /\n}\n.dense .label-field > .field {\n padding-top: 2px;\n / padding-top: @borderless-field-padding-y; /\n padding-bottom: 2px;\n / padding-bottom: @borderless-field-padding-y; /\n}\n.dense .tree-node {\n padding-top: 3px;\n / padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left; /\n padding-bottom: 3px;\n}\n.dense .tree-node-control {\n padding-top: 4px;\n padding-bottom: 3px;\n}\n.dense .outline.tree > .tree-data > .tree-node,\n.dense .outline.tree > .tree-data > .animation-wrapper > .tree-node {\n padding-top: 6px;\n / padding-top: @outline-node-padding-y; /\n padding-bottom: 6px;\n / padding-bottom: @outline-node-padding-y; /\n}\n.dense .outline.tree > .tree-data > .tree-node > .tree-node-control,\n.dense .outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n padding-top: 6px;\n / padding-top: @outline-node-control-padding-y; /\n}\n.dense .value-field > input,\n.dense .value-field > .input-field,\n.dense .value-field > .field > input,\n.dense .value-field > .field > .input-field,\n.dense .value-field > .file-input {\n / 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/\n min-height: 24px;\n}\n.dense .tag-element,\n.dense .overflow-icon {\n height: 20px;\n / @tag-field-tag-height /\n line-height: 20px;\n / @tag-field-tag-height /\n margin-top: 0;\n / margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0; /\n}\n.dense .tag-overflow-popup > .popup-body > .tag-element {\n margin-top: 3px;\n}\n.dense .tag-field > .field > input {\n padding-bottom: 1px;\n}\n.dense .breadcrumb-item {\n font-size: 13px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-bench {\n position: absolute;\n top: 0;\n background-color: #fff;\n border-left: 1px solid #DADADA;\n / Make some space for the navigation handle (when the navigation is closed /\n / Only do it if detail-table is at the bottom left corner /\n}\n.navigation-invisible > .desktop-bench {\n border-left: 0;\n}\n.desktop-bench.drop-shadow {\n border-left: 0;\n content: '';\n position: absolute;\n top: 3px;\n left: 0;\n width: 10px;\n height: calc(100% - 3px);\n box-shadow: -8px 0 10px 0 rgba(0, 0, 0, 0.1);\n clip-path: polygon(-100% 0, 200% 0, 200% 200%, -100% 200%);\n}\n.desktop:not(.first-tab-selected):not(.navigation-invisible):not(.view-tab-area-in-bench) > .desktop-bench.drop-shadow {\n border-top-left-radius: 12px;\n overflow: hidden;\n}\n.desktop-bench.animate-remove {\n -webkit-animation-name: slideout-right;\n -moz-animation-name: slideout-right;\n -o-animation-name: slideout-right;\n animation-name: slideout-right;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area {\n background-color: #F5F5F5;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area::before {\n display: none;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab.last > .edge.right {\n z-index: 0;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab > .sub-title {\n color: #666666;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab > .status-container > .save-needer {\n color: rgba(0, 0, 0, 0.23);\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area:not(.overflown) > .desktop-tab.last {\n margin-right: 0;\n}\n.desktop-bench.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {\n margin-left: 30px;\n}\n.desktop-bench.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls > .table-control.selected {\n border-left-color: #DADADA;\n}\n.desktop-bench > .splitter.x-axis {\n margin-left: -7px;\n margin-right: -7px;\n}\n.desktop-bench.outline-content-has-dimmed-background {\n background-color: #F5F5F5;\n}\n.detail-table.table {\n --table-row-margin-x: 10px;\n --table-row-padding-y: 10px;\n --table-aggregate-row-padding-y-small: 7px;\n --table-aggregate-row-padding-y-large: 20px;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50px;\n margin-left: -50px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 2px rgba(21, 97, 167, 0.8) solid;\n width: 100px;\n height: 100px;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.detail-table.table > .table-header {\n background-color: #F5F5F5;\n border-bottom-color: #DADADA;\n}\n.detail-table.table > .table-header > .table-header-item {\n padding-top: 5px;\n padding-bottom: 5px;\n margin-top: 6px;\n margin-bottom: 6px;\n}\n.detail-table.table > .table-header > .menubar-container > .menubar > .menubar-box > .menu-item.last {\n margin-right: 12px;\n}\n.detail-table.table > .table-footer {\n background-color: #fff;\n}\n.detail-table.table > .table-data > .scrollbar > .scrollbar-thumb.x-axis {\n padding-top: 4px;\n}\n.detail-table.table > .table-data > .scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,\n.detail-table.table > .table-data > .scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: 2px;\n}\n.detail-table.table > .table-data + .scroll-shadow {\n --scroll-shadow-size: 10px;\n --scroll-shadow-blur: 10px;\n --scroll-shadow-spread: 10px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.bench-column {\n position: absolute;\n}\n.bench-column > .splitter.y-axis {\n margin-top: -7px;\n margin-bottom: -7px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.group {\n position: relative;\n}\n.group-header {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 0;\n cursor: pointer;\n color: inherit;\n}\n.group-header:focus {\n outline: none;\n}\n.group-header.disabled {\n cursor: default;\n}\n.group-header.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -8px;\n margin-left: -8px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n left: inherit;\n right: 0;\n}\n.group-header.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 16px;\n height: 16px;\n}\n.group-header.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.group-title {\n font-size: 14px;\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.group-header:focus > .group-title {\n color: #1561A7;\n text-decoration: underline;\n}\n.group-title-suffix {\n margin-left: 8px;\n font-size: 14px;\n}\n.group-icon.with-title {\n margin-right: 8px;\n}\n.group-collapse-icon {\n / Set to same height as before element to prevent header from getting larger /\n height: 16px;\n transition: transform 0.3s;\n margin-right: 8px;\n margin-top: -1px;\n / since icon height is reduced it needs to be moved up a little to center it again /\n}\n.group-collapse-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E014';\n font-size: 16px;\n}\n.group-collapse-icon.collapsed {\n -webkit-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n transform: rotate(-90deg);\n}\n.group-header.collapse-right > .group-title {\n flex-grow: 1;\n}\n.group-header.collapse-right > .group-title-suffix {\n text-align: right;\n}\n.group-header.collapse-right > .group-collapse-icon {\n transition: transform 0s;\n margin-right: 0;\n margin-left: 8px;\n margin-top: 0;\n}\n.group-header.collapse-right > .group-collapse-icon::before {\n content: '\\E014';\n}\n.group-header.collapse-right > .group-collapse-icon.collapsed {\n -webkit-transform: rotatex(180deg);\n -ms-transform: rotatex(180deg);\n transform: rotatex(180deg);\n}\n.group.collapse-bottom > .group-header.custom-header-widget {\n cursor: default;\n}\n.group.collapse-bottom > .group-body {\n margin-bottom: 0;\n}\n.group.collapse-bottom > .group-footer {\n display: flex;\n}\n.collapsible.group.collapse-bottom > .group-footer {\n cursor: pointer;\n}\n.group.collapse-bottom > .group-footer > .group-collapse-border {\n flex-grow: 1;\n margin-top: 8px;\n margin-bottom: 8px;\n border-style: solid;\n border-width: 0 0 1px 0;\n border-color: #DADADA;\n}\n.group.collapse-bottom > .group-footer > .group-collapse-icon {\n transition: transform 0s;\n margin: 0;\n}\n.group.collapse-bottom > .group-footer > .group-collapse-icon::before {\n content: '\\E015';\n padding: 0 4px;\n}\n.group.collapse-bottom > .group-footer > .group-collapse-icon.collapsed {\n -webkit-transform: rotatex(180deg);\n -ms-transform: rotatex(180deg);\n transform: rotatex(180deg);\n}\n.group.collapse-bottom > .group-footer:hover > .group-collapse-icon::before {\n color: #FE9915;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab-box {\n position: absolute;\n min-width: 50px;\n min-height: 50px;\n}\n.simple-tab-box > .simple-tab-area {\n position: relative;\n height: 64px;\n / Has the same effect as \"border-bottom: 1px solid @border-color\", but is over-drawable by child /\n / elements (such as the selected view-tab). The border would not be, because of \"overflow: hidden\". /\n}\n.simple-tab-box > .simple-tab-area::before {\n content: '';\n background-color: #DADADA;\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(100% - 1px);\n left: 0;\n}\n.simple-tab-box > .tab-content {\n height: 100%;\n background-color: #fff;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab-area {\n position: absolute;\n top: 0;\n white-space: nowrap;\n display: flex;\n}\n.simple-tab-area > .simple-overflow-tab-item {\n border-right: 1px solid #DADADA;\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n min-width: 30px;\n background-color: #F5F5F5;\n text-align: center;\n cursor: pointer;\n}\n.simple-tab-area > .simple-overflow-tab-item::after {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E014';\n}\n.simple-tab-area.spread-even:not(.overflown) > .simple-tab {\n flex-grow: 1;\n}\n.simple-tab-area.spread-even:not(.overflown) > .simple-tab.last {\n border-right-width: 0;\n}\n.simple-tab-area.spread-even > .simple-overflow-tab-item {\n border-right-width: 0;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding: 5px;\n background-color: #F5F5F5;\n border-right: 1px solid #DADADA;\n cursor: pointer;\n width: 120px;\n min-width: 60px;\n}\n.simple-tab > .title-line {\n display: flex;\n align-items: center;\n}\n.closable.simple-tab > .title-line {\n margin-right: 20px;\n}\n.simple-tab > .title-line > .icon-container {\n display: flex;\n}\n.simple-tab > .title-line > .icon-container > .icon {\n margin-right: 6px;\n}\n.simple-tab > .title-line > .icon-container > .icon.font-icon {\n font-size: 14px;\n}\n.simple-tab > .title-line > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n vertical-align: top;\n}\n.simple-tab > .title-line > .status-container {\n position: relative;\n display: inline-flex;\n margin-left: 4px;\n color: #808080;\n}\n.simple-tab > .title-line > .status-container > .status {\n margin-left: 5px;\n}\n.simple-tab > .closer {\n position: absolute;\n top: 0;\n right: 0;\n margin: 5px;\n display: none;\n}\n:hover.simple-tab > .closer,\n.closable.selected.simple-tab > .closer {\n display: inline-block;\n}\n.simple-tab > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding-top: 2px;\n color: #666666;\n}\n.simple-tab:hover > .title-line > .title {\n color: #1561A7;\n}\n.simple-tab:active > .title-line > .title {\n color: #1561A7;\n}\n.simple-tab.disabled {\n cursor: default;\n}\n.simple-tab.disabled > .title-line > .title {\n color: #808080;\n}\n.simple-tab.selected {\n cursor: default;\n background-color: #fff;\n}\n.simple-tab.selected > .title-line > .title {\n color: #000;\n}\n.simple-tab > .key-box {\n bottom: 4px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.carousel {\n overflow: hidden;\n}\n.carousel-filmstrip {\n transition: transform 200ms;\n}\n.carousel-item {\n display: inline-block;\n position: relative;\n overflow: hidden;\n}\n.carousel-status {\n font-size: 14pt;\n font-weight: bold;\n text-align: center;\n}\n.carousel-status > .status-item {\n color: #CFCFCF;\n display: inline;\n margin-right: 6px;\n}\n.carousel-status > .current-item {\n color: #000;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.collapse-handle {\n position: absolute;\n display: table;\n z-index: 10;\n bottom: 0;\n margin-bottom: 15px;\n}\n.collapse-handle.right-aligned {\n right: 0;\n}\n.collapse-handle.left-aligned {\n left: 0;\n}\n.collapse-handle-body {\n position: relative;\n display: table-cell;\n padding: 7px 8px;\n background-color: #fff;\n color: #5C5C5C;\n border: 1px solid #DADADA;\n border-radius: 8px;\n cursor: pointer;\n}\n.collapse-handle-body::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: block;\n font-size: 16px;\n}\n.collapse-handle-body.left.both-visible {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.collapse-handle-body.left::before {\n content: '\\E012';\n}\n.collapse-handle-body.right.both-visible {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n}\n.collapse-handle-body.right::before {\n content: '\\E013';\n}\n.collapse-handle-body:hover {\n background-color: #e7e7e7;\n}\n.collapse-handle-body:active,\n.collapse-handle-body.active {\n background-color: #dbdbdb;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tab.simple-tab {\n width: 200px;\n min-width: 130px;\n margin: 8px 3px 0 0;\n padding: 10px 10px 0 20px;\n border-radius: 12px 12px 0 0;\n border: 0 solid transparent;\n border-bottom-width: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n.closable.desktop-tab.simple-tab > .title-line {\n margin-right: 25px;\n}\n.desktop-tab.simple-tab > .title-line > .icon-container {\n color: rgba(255, 255, 255, 0.7);\n}\n.desktop-tab.simple-tab > .title-line > .title {\n font-size: 14px;\n}\n.desktop-tab.simple-tab > .title-line > .status-container {\n color: rgba(255, 255, 255, 0.7);\n}\n.desktop-tab.simple-tab > .title-line > .status-container > .save-needer {\n color: inherit;\n}\n.desktop-tab.simple-tab > .sub-title {\n color: rgba(255, 255, 255, 0.7);\n font-size: 12px;\n letter-spacing: 0.2px;\n padding-top: 1px;\n}\n.desktop-tab.simple-tab > .closer {\n color: rgba(255, 255, 255, 0.7);\n padding: 4px;\n margin: 7px;\n border-radius: 8px;\n}\n.desktop-tab.simple-tab > .closer > .key-box {\n top: 0;\n right: 0;\n}\n.desktop-tab.simple-tab > .closer:hover {\n color: #fff;\n background-color: rgba(0, 0, 0, 0.14);\n}\n.desktop-tab.simple-tab > .closer:active,\n.desktop-tab.simple-tab > .closer.active {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.desktop-tab.simple-tab > .key-box {\n bottom: 9px;\n margin-left: 4px;\n}\n.desktop-tab.simple-tab.animate-modality-highlight {\n -webkit-animation-name: flash-desktop-tab;\n -moz-animation-name: flash-desktop-tab;\n -o-animation-name: flash-desktop-tab;\n animation-name: flash-desktop-tab;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.desktop-tab.simple-tab:hover,\n.desktop-tab.simple-tab:active {\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n.desktop-tab.simple-tab:hover > .title-line > .title,\n.desktop-tab.simple-tab:active > .title-line > .title {\n color: inherit;\n}\n.desktop-tab.simple-tab.glasspane-parent {\n pointer-events: unset;\n}\n.desktop-tab.simple-tab.glasspane-parent:not(.disabled):not(.selected):hover {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.desktop-tab.simple-tab.glasspane-parent:not(.selected):hover > .closer {\n display: none;\n}\n.desktop-tab.simple-tab.disabled {\n background-color: transparent;\n}\n.desktop-tab.simple-tab.disabled > .title-line > .title {\n color: rgba(255, 255, 255, 0.4);\n}\n.desktop-tab.simple-tab.selected {\n background-color: #fff;\n border-color: transparent;\n}\n.desktop-tab.simple-tab.selected > .title-line > .icon-container {\n color: #808080;\n}\n.desktop-tab.simple-tab.selected > .title-line > .title {\n color: #000;\n font-weight: bold;\n}\n.desktop-tab.simple-tab.selected > .title-line > .status-container {\n color: #808080;\n}\n.desktop-tab.simple-tab.selected > .title-line > .status-container > .save-needer {\n color: rgba(0, 0, 0, 0.23);\n}\n.desktop-tab.simple-tab.selected > .sub-title {\n color: #666666;\n}\n.desktop-tab.simple-tab.selected > .closer {\n color: #999999;\n}\n.desktop-tab.simple-tab.selected > .closer:hover {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.desktop-tab.simple-tab.selected > .closer:active,\n.desktop-tab.simple-tab.selected > .closer.active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.desktop-tab.simple-tab.selected > .edge {\n --color: #fff;\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -5px;\n height: 12px;\n width: 12px;\n box-sizing: content-box;\n border: 5px solid var(--color);\n border-top: none;\n}\n.desktop-tab.simple-tab.selected > .edge.left {\n left: -12px;\n border-bottom-right-radius: 17px;\n border-left: none;\n}\n.desktop-tab.simple-tab.selected > .edge.right {\n right: -12px;\n border-bottom-left-radius: 17px;\n border-right: none;\n}\n.desktop-tab.simple-tab.selected > .edge.right {\n z-index: 1;\n}\n.desktop-tab.simple-tab.selected.first > .edge.left {\n display: none;\n}\n.desktop-tab.simple-tab.selected.animate-modality-highlight {\n -webkit-animation-name: flash-desktop-tab-selected;\n -moz-animation-name: flash-desktop-tab-selected;\n -o-animation-name: flash-desktop-tab-selected;\n animation-name: flash-desktop-tab-selected;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.desktop-tab.simple-tab.selected.animate-modality-highlight > .edge {\n -webkit-animation-name: flash-desktop-tab-selected-edge;\n -moz-animation-name: flash-desktop-tab-selected-edge;\n -o-animation-name: flash-desktop-tab-selected-edge;\n animation-name: flash-desktop-tab-selected-edge;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n@-webkit-keyframes flash-desktop-tab {\n 0% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 25% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 50% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 75% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@keyframes flash-desktop-tab {\n 0% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 25% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 50% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 75% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@-webkit-keyframes flash-desktop-tab-selected {\n 0% {\n background-color: #fff;\n }\n 25% {\n background-color: #cccccc;\n }\n 50% {\n background-color: #fff;\n }\n 75% {\n background-color: #cccccc;\n }\n 100% {\n background-color: #fff;\n }\n}\n@keyframes flash-desktop-tab-selected {\n 0% {\n background-color: #fff;\n }\n 25% {\n background-color: #cccccc;\n }\n 50% {\n background-color: #fff;\n }\n 75% {\n background-color: #cccccc;\n }\n 100% {\n background-color: #fff;\n }\n}\n@-webkit-keyframes flash-desktop-tab-selected-edge {\n 0% {\n box-shadow: 0 12px 0 0 #fff;\n }\n 25% {\n box-shadow: 0 12px 0 0 #cccccc;\n }\n 50% {\n box-shadow: 0 12px 0 0 #fff;\n }\n 75% {\n box-shadow: 0 12px 0 0 #cccccc;\n }\n 100% {\n box-shadow: 0 12px 0 0 #fff;\n }\n}\n@keyframes flash-desktop-tab-selected-edge {\n 0% {\n box-shadow: 0 12px 0 0 #fff;\n }\n 25% {\n box-shadow: 0 12px 0 0 #cccccc;\n }\n 50% {\n box-shadow: 0 12px 0 0 #fff;\n }\n 75% {\n box-shadow: 0 12px 0 0 #cccccc;\n }\n 100% {\n box-shadow: 0 12px 0 0 #fff;\n }\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tab-area > .simple-overflow-tab-item {\n border-radius: 8px;\n margin: 14px 3px 6px;\n background-color: rgba(0, 0, 0, 0.1);\n border: 0 solid transparent;\n}\n.desktop-tab-area > .simple-overflow-tab-item:hover {\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n.desktop-tab-area > .simple-overflow-tab-item.selected {\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-header {\n position: absolute;\n top: 0;\n height: 64px;\n color: #fff;\n background-color: #1561A7;\n}\n.desktop-header > .simple-tab-area {\n height: 64px;\n}\n.navigation-invisible > .desktop-header > .simple-tab-area > .desktop-tab.selected > .edge.left {\n display: block;\n}\n.navigation-invisible > .desktop-header:not(.has-view-button-box) > .simple-tab-area {\n margin-left: 6px;\n}\n.desktop-header.animate-remove {\n -webkit-animation-name: slideout-right;\n -moz-animation-name: slideout-right;\n -o-animation-name: slideout-right;\n animation-name: slideout-right;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.animate-bring-to-front,\n.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.animate-bring-to-back {\n animation-duration: 0s;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab.selected {\n background-color: rgba(0, 0, 0, 0.2);\n color: inherit;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-button:hover,\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu:hover {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu::before {\n height: 100%;\n border-color: #1561A7;\n top: 0;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu:hover > .icon {\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu.selected {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu.selected > .icon {\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.selected {\n color: inherit;\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab:hover {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.disabled {\n background-color: transparent;\n}\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-tab-wrapper > .view-tab.selected,\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-menu-tab.selected {\n background-color: #F5F5F5;\n}\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-tab-wrapper > .view-tab.selected > .edge,\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-menu-tab.selected > .edge {\n --color: #F5F5F5;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-navigation {\n position: absolute;\n height: 100%;\n width: 290px;\n min-width: 49px;\n background-color: #1561A7;\n color: #262626;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title {\n background-color: #1561A7;\n border-bottom: 0;\n color: #fff;\n}\n.desktop-navigation-breadcrumb {\n width: 240px;\n}\n.navigation-body {\n position: absolute;\n background-color: #fff;\n}\n.desktop-navigation.in-background > .navigation-body {\n background-color: #F5F5F5;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item {\n margin-bottom: 6px;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item > .font-icon {\n font-size: 20px;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item.ellipsis > .font-icon {\n font-size: 22px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-navigation-handle.collapse-handle {\n position: absolute;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body {\n background-color: #fff;\n border-color: #DADADA;\n color: #5C5C5C;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body:hover {\n background-color: #e7e7e7;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body:active,\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body.active {\n background-color: #dbdbdb;\n}\n.desktop-navigation-handle.collapse-handle.right-aligned.both-visible {\n right: 5px;\n}\n.desktop-navigation-handle.collapse-handle.right-aligned:not(.both-visible) > .collapse-handle-body {\n border-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n.desktop-navigation-handle.collapse-handle.left-aligned.both-visible {\n right: 5px;\n}\n.desktop-navigation-handle.collapse-handle.left-aligned:not(.both-visible) > .collapse-handle-body {\n border-left: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.navigation-handle-key-box {\n margin-top: -6px;\n}\n.navigation-handle-key-box.left {\n margin-right: -4px;\n}\n.navigation-handle-key-box.right {\n margin-left: -4px;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-notifications {\n position: fixed;\n right: 10px;\n top: 0;\n height: calc(100% - 72px);\n width: 300px;\n margin-top: 72px;\n pointer-events: none;\n / Don't block access to the elements in the background /\n}\n/ Animation: slide-in /\n@-webkit-keyframes desktop-notification-slide-in {\n 0% {\n left: 300px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 10px;\n }\n}\n@keyframes desktop-notification-slide-in {\n 0% {\n left: 300px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 10px;\n }\n}\n/\n Slides in the notification from the right end of the screen\n * and increases the size of the bottom margin to move down existing\n * notifications.\n /\n.desktop-notification-slide-in {\n -webkit-animation-name: desktop-notification-slide-in;\n -moz-animation-name: desktop-notification-slide-in;\n -o-animation-name: desktop-notification-slide-in;\n animation-name: desktop-notification-slide-in;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Animation: fade-out /\n@-webkit-keyframes desktop-notification-fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n@keyframes desktop-notification-fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n.desktop-notification-fade-out {\n -webkit-animation-name: desktop-notification-fade-out;\n -moz-animation-name: desktop-notification-fade-out;\n -o-animation-name: desktop-notification-fade-out;\n animation-name: desktop-notification-fade-out;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n.desktop-notification {\n position: relative;\n width: 300px;\n display: flex;\n align-items: center;\n background-color: #fff;\n margin-bottom: 10px;\n padding: 8px 0 8px 10px;\n border-radius: 8px;\n pointer-events: auto;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / Prevent overlay of text/loader and close icon /\n}\n.desktop-notification.no-icon {\n padding: 16px 12px 16px 23px;\n}\n.desktop-notification.closable {\n padding-right: 35px;\n}\n.desktop-notification-content {\n max-width: 100%;\n}\n.has-icon > .desktop-notification-content {\n max-width: calc(100% - 40px);\n margin-left: 10px;\n}\n.ok > .desktop-notification-content {\n color: #00856C;\n font-weight: bold;\n}\n.no-icon.ok > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #00856C;\n background-color: #00856C;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px 2);\n}\n.no-icon.info > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #1561A7;\n background-color: #1561A7;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.warning > .desktop-notification-content {\n color: #AD6200;\n font-weight: bold;\n}\n.no-icon.warning > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #AD6200;\n background-color: #AD6200;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.error > .desktop-notification-content {\n color: #D53F3F;\n font-weight: bold;\n}\n.no-icon.error > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #D53F3F;\n background-color: #D53F3F;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.desktop-notification-content > .closer {\n position: absolute;\n padding: 4px;\n margin: 2px;\n right: 9px;\n top: 9px;\n}\n.desktop-notification-content > .closer:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.ok > .desktop-notification-content > .closer {\n color: #00856C;\n}\n.warning > .desktop-notification-content > .closer {\n color: #AD6200;\n}\n.error > .desktop-notification-content > .closer {\n color: #D53F3F;\n}\n.desktop-notification-message {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.desktop-notification.loading > .desktop-notification-content.offline-message > .desktop-notification-message.offline-message-text {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n color: #000;\n}\n.desktop-notification-loader {\n flex-grow: 0;\n flex-shrink: 0;\n}\n.desktop-notification-loader.animated::after {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n margin-top: -3px;\n margin-left: 16px;\n margin-right: 10px;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 14px;\n height: 14px;\n}\n/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.outline.tree > .tree-data {\n padding-top: 16px;\n}\n.outline.tree > .tree-data > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 2px;\n}\n.outline.tree > .tree-data > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.outline.tree > .tree-data > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 0;\n}\n.outline.tree > .tree-data > .key-box {\n top: 7px;\n}\n.outline.tree > .tree-data > .tree-node,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node {\n background-color: transparent;\n cursor: pointer;\n border: 0;\n / padding-right is used to leave some space for the scrollbar /\n padding: 9px 8px 9px 37px;\n}\n.outline.tree > .tree-data > .tree-node.group,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: #E9F0F6;\n}\n.outline.tree > .tree-data > .tree-node > .text,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text {\n font-size: 13px;\n}\n.outline.tree > .tree-data > .tree-node > .image-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .image-icon {\n margin-top: auto;\n}\n.outline.tree > .tree-data > .tree-node > .font-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .font-icon {\n line-height: 14px;\n font-size: 16px;\n color: #999999;\n}\n.outline.tree > .tree-data > .tree-node > .menubar,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .menubar {\n border: 0;\n background-color: inherit;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n padding-top: 9px;\n padding-left: 20px;\n line-height: 14px;\n color: #999999;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control:hover,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control:hover {\n color: #FE9915;\n}\n.outline.tree > .tree-data > .tree-node.selected,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected {\n color: #fff;\n background-color: #1561A7;\n}\n.outline.tree > .tree-data > .tree-node.selected::after,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected::after {\n display: none;\n}\n.outline.tree > .tree-data > .tree-node.selected > .tree-node-control,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control {\n color: rgba(255, 255, 255, 0.7);\n}\n.outline.tree > .tree-data > .tree-node.selected > .tree-node-control:hover,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control:hover {\n color: #FE9915;\n}\n.outline.tree > .tree-data > .tree-node.selected > .font-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .font-icon {\n color: rgba(255, 255, 255, 0.7);\n}\n.outline.tree.in-background > .tree-data > .tree-node.group,\n.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: #e8e8e8;\n}\n.outline.tree.in-background > .tree-data > .tree-node.selected,\n.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #808080;\n color: #fff;\n}\n.outline-title {\n cursor: pointer;\n color: #1561A7;\n font-size: 19px;\n padding: 0 20px 0 20px;\n border-bottom: 1px solid #DADADA;\n display: flex;\n align-items: center;\n height: 64px;\n}\n.outline-title > .icon {\n padding-right: 10px;\n}\n.outline-title > .key-box {\n top: 19px;\n}\n.outline-title > .text {\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.outline-title > .menubar {\n background-color: transparent;\n border: none;\n width: auto;\n flex-grow: 0;\n margin-right: -10px;\n}\n.outline-title > .menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n/ bread crumb style (different colors and bigger font and arrow than original breadcrumb style) /\n.outline.tree.breadcrumb > .outline-title {\n margin: 0;\n border-bottom-color: #DADADA;\n}\n.outline.tree.breadcrumb > .outline-title.touch:active {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.outline.tree.breadcrumb > .tree-data {\n padding-top: 0;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n border-bottom: 1px solid #DADADA;\n padding: 12px 20px;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected {\n background-color: #fff;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected {\n background-color: transparent;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected:active,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected:active {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected {\n color: #4C4C4C;\n background-color: #fff;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected {\n background-color: transparent;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node:active,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #1561A7;\n color: #fff;\n cursor: default;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #808080;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected > .text > .compact-cell-header > .compact-cell-subtitle,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-header > .compact-cell-subtitle {\n color: rgba(255, 255, 255, 0.7);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected > .text > .compact-cell-header > .compact-cell-title > .right,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-header > .compact-cell-title > .right,\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected > .text > .compact-cell-header > .compact-cell-title > .right,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected > .text > .compact-cell-header > .compact-cell-title > .right {\n display: none;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected > .text > .compact-cell-content.has-header,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-content.has-header,\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected > .text > .compact-cell-content.has-header,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected > .text > .compact-cell-content.has-header {\n display: none;\n}\n.outline.tree.breadcrumb:focus > .tree-data > .tree-node.parent-of-selected,\n.outline.tree.breadcrumb.focused > .tree-data > .tree-node.parent-of-selected,\n.outline.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.parent-of-selected,\n.outline.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.parent-of-selected {\n border-color: #DADADA;\n}\n.outline.tree.breadcrumb:focus > .tree-data > .tree-node.selected,\n.outline.tree.breadcrumb.focused > .tree-data > .tree-node.selected,\n.outline.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.selected,\n.outline.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.selected {\n border-color: #DADADA;\n}\n.compact.outline.breadcrumb > .outline-title {\n padding-left: 16px;\n padding-right: 16px;\n}\n.compact.outline.breadcrumb > .outline-title > .menubar {\n margin-right: -8px;\n}\n.compact.outline.breadcrumb > .tree-data {\n background-color: #F5F5F5;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node {\n padding: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .text {\n display: inline-block;\n padding: 14px 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.has-icon > .text {\n padding-left: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .icon {\n padding: 14px 8px 14px 16px;\n min-width: 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar {\n width: auto;\n flex-grow: 0;\n padding: 0 8px 0 0;\n min-height: 43px;\n height: 43px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar > .menubar-box > .menu-item {\n color: inherit;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar {\n padding: 0 16px 0 16px;\n min-height: 43px;\n margin-left: -8px;\n background-color: #fff;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item {\n padding-left: 8px;\n padding-right: 8px;\n margin-left: 2px;\n margin-right: 2px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item > .icon {\n min-width: 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-content {\n background-color: #fff;\n color: #262626;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-content.dimmed-background {\n background-color: #F5F5F5;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .form > .root-group-box > .group-box-body {\n padding-left: 6px;\n padding-right: 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .form > .right-padding-invisible > .group-box-body {\n padding-right: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected {\n display: flex;\n flex-wrap: wrap;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.child-of-selected.animate-prev-selected {\n -webkit-animation-name: tree-node-prev-selection;\n -moz-animation-name: tree-node-prev-selection;\n -o-animation-name: tree-node-prev-selection;\n animation-name: tree-node-prev-selection;\n -webkit-animation-duration: 0.6s;\n -moz-animation-duration: 0.6s;\n -o-animation-duration: 0.6s;\n animation-duration: 0.6s;\n -webkit-animation-timing-function: ease-in;\n -moz-animation-timing-function: ease-in;\n -o-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.compact-root:not(.selected) {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data.detail-content-visible > .tree-node > .detail-menubar {\n border-bottom: 1px solid #DADADA;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview {\n background-color: transparent;\n color: #262626;\n border-bottom: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview.compact-root > .text,\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview.compact-root > .icon {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile-overview-content {\n margin-left: 20px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile-overview-title {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview > .form {\n background-color: transparent;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview > .form > .tile-overview-content {\n margin-top: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .menu-item {\n color: #262626;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview ~ .child-of-selected {\n display: none;\n}\n/ Previous Selection Animation /\n@-webkit-keyframes tree-node-prev-selection {\n 00% {\n background-color: rgba(0, 0, 0, 0.08);\n }\n 100% {\n background-color: #fff;\n }\n}\n/ NOSONAR /\n@keyframes tree-node-prev-selection {\n 00% {\n background-color: rgba(0, 0, 0, 0.08);\n }\n 100% {\n background-color: #fff;\n }\n}\n/ NOSONAR /\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.search-outline.tree > .outline-title {\n border-bottom: none;\n margin-bottom: 0;\n}\n.search-outline-panel {\n position: relative;\n border-bottom: 1px solid #DADADA;\n padding: 0 20px 16px 20px;\n}\n.search-outline-field {\n border: 1px solid rgba(0, 0, 0, 0.23);\n height: 34px;\n border-radius: 5px;\n width: 100%;\n}\n.search-outline-field:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.search-outline-field.has-text {\n padding-right: 25px;\n}\n.search-outline-field.has-text + .clear-icon {\n display: flex;\n}\n.search-outline-field + .clear-icon {\n display: none;\n position: absolute;\n margin-right: 5px;\n right: 20px;\n top: 0;\n height: 34px;\n}\n.search-outline-status {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n padding-right: 8px;\n text-align: right;\n padding-top: 12px;\n margin-bottom: -4px;\n}\n.outline.breadcrumb > .search-outline-panel {\n margin-left: 0;\n margin-right: 0;\n margin-bottom: 0;\n border-bottom-color: #DADADA;\n}\n.outline.breadcrumb > .search-outline-panel > .search-outline-status {\n text-align: left;\n padding-left: 8px;\n}\n.compact.outline.breadcrumb > .search-outline-panel {\n padding-left: 16px;\n padding-right: 16px;\n}\n.compact.outline.breadcrumb > .search-outline-panel > .search-outline-field + .clear-icon {\n right: 16px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.navigate-button.menu-button > .font-icon {\n font-size: 18px;\n}\n.navigate-button.up {\n color: #1561A7;\n border-color: #1561A7;\n}\n.menubar-box > .menu-button.navigate-button.up {\n margin-right: 6px;\n}\n.menubar-box > .menu-button.navigate-button.down.left-of-button {\n margin-right: 16px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.outline-overview {\n position: relative;\n height: 100%;\n width: 100%;\n display: table;\n}\n.outline-overview-content {\n color: #999999;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n padding-bottom: 150px;\n}\n.outline-overview-icon {\n font-size: 40px;\n padding-bottom: 20px;\n}\n.outline-overview-title {\n font-size: 20px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.popup-blocked-title {\n margin-right: 15px;\n / leave space for close icon /\n}\n.popup-blocked-link {\n display: block;\n margin-top: 10px;\n outline: none;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tool-box {\n position: absolute;\n top: 0;\n margin: 0 3px;\n min-height: 64px;\n display: inline-flex;\n justify-content: flex-end;\n white-space: nowrap;\n color: #fff;\n}\n.desktop-tool-box-item.menu-item {\n font-size: 14px;\n margin: 14px 3px;\n padding: 0 14px;\n border-radius: 8px;\n color: inherit;\n display: inline-flex;\n align-items: center;\n}\n.desktop-tool-box-item.menu-item.compact {\n padding-left: 10px;\n padding-right: 10px;\n}\n.desktop-tool-box-item.menu-item.compact > .submenu-icon {\n display: none;\n}\n.desktop-tool-box-item.menu-item > .font-icon {\n font-size: 14px;\n}\n.desktop-tool-box-item.menu-item > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px /\n max-height: 32px;\n}\n.desktop-tool-box-item.menu-item:hover {\n background-color: rgba(0, 0, 0, 0.2);\n color: inherit;\n}\n.desktop-tool-box-item.menu-item.selected.has-popup {\n color: inherit;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.desktop-tool-box-item.menu-item.disabled {\n background-color: transparent;\n color: rgba(255, 255, 255, 0.4);\n}\n/ key boxes /\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 6px;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-tab-wrapper {\n display: flex;\n width: 56px;\n}\n.view-tab {\n position: relative;\n border-radius: 8px;\n margin: 14px 6px 6px;\n}\n.view-tab > .key-box {\n bottom: 9px;\n}\n.view-tab.in-background {\n border-radius: 12px;\n}\n.view-tab > .edge {\n position: absolute;\n}\n.view-tab.selected:not(.in-background) {\n margin: 8px 0 0;\n border-radius: 12px 12px 0 0;\n}\n.view-tab.selected:not(.in-background) > .edge {\n --color: #fff;\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -5px;\n height: 12px;\n width: 12px;\n box-sizing: content-box;\n border: 5px solid var(--color);\n border-top: none;\n}\n.view-tab.selected:not(.in-background) > .edge.left {\n left: -12px;\n border-bottom-right-radius: 17px;\n border-left: none;\n}\n.view-tab.selected:not(.in-background) > .edge.right {\n right: -12px;\n border-bottom-left-radius: 17px;\n border-right: none;\n}\n.view-tab.selected:not(.in-background) > .edge.right {\n z-index: 1;\n}\n.view-tab.selected:not(.in-background) > .key-box {\n bottom: 15px;\n}\n.view-tab.animate-bring-to-front,\n.view-tab.animate-bring-to-back {\n transition: margin 200ms ease-out, padding 200ms ease-out, width 200ms ease-out, border-radius 200ms ease-out;\n animation: nop 200ms ease-out;\n}\n.view-tab.animate-bring-to-front:not(.in-background) > .edge.left,\n.view-tab.animate-bring-to-back:not(.in-background) > .edge.left {\n visibility: hidden;\n animation: show-view-tab-left-edge 40ms ease-out 160ms forwards;\n}\n.view-tab.animate-bring-to-front:not(.in-background) > .edge.right,\n.view-tab.animate-bring-to-back:not(.in-background) > .edge.right {\n visibility: hidden;\n animation: show-view-tab-right-edge 40ms ease-out 160ms forwards;\n}\n.view-button-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n width: calc(100% - 2 6px);\n}\n.view-button-tab:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.2);\n}\n.view-button-tab.selected {\n background-color: #fff;\n color: #1561A7;\n}\n.view-button-tab.selected.in-background {\n background-color: #F5F5F5;\n}\n.view-button-tab.selected:not(.in-background) {\n width: 100%;\n}\n.view-button-tab.disabled {\n color: rgba(255, 255, 255, 0.4);\n}\n.view-button-tab.disabled:hover {\n cursor: default;\n color: rgba(255, 255, 255, 0.4);\n background-color: transparent;\n}\n.view-button-tab.disabled.selected {\n color: #666666;\n}\n.view-button-tab > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: 20px;\n}\n@keyframes show-view-tab-left-edge {\n 0% {\n visibility: visible;\n left: -5px;\n }\n 100% {\n left: -12px;\n }\n}\n@keyframes show-view-tab-right-edge {\n 0% {\n visibility: visible;\n right: -5px;\n }\n 100% {\n right: -12px;\n }\n}\n/\n Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-button-box {\n display: inline-flex;\n min-height: 64px;\n max-height: 64px;\n white-space: nowrap;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n overflow: visible;\n / necessary if it is in the header to make rounded corner overlap into tab area /\n position: relative;\n / if covered by glass pane /\n background-color: #1561A7;\n color: #fff;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-menu-tab {\n display: flex;\n background-color: rgba(0, 0, 0, 0.2);\n flex-shrink: 0;\n}\n.view-menu-tab > .view-button,\n.view-menu-tab > .view-menu {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n cursor: pointer;\n}\n.view-menu-tab > .view-button:hover,\n.view-menu-tab > .view-menu:hover {\n background-color: rgba(0, 0, 0, 0.1);\n color: inherit;\n}\n.view-menu-tab > .view-button.disabled,\n.view-menu-tab > .view-menu.disabled {\n color: rgba(255, 255, 255, 0.4);\n background-color: transparent;\n cursor: default;\n}\n.animate-bring-to-front.view-menu-tab > .view-button,\n.animate-bring-to-front.view-menu-tab > .view-menu,\n.animate-bring-to-back.view-menu-tab > .view-button,\n.animate-bring-to-back.view-menu-tab > .view-menu {\n transition: margin 200ms ease-out, padding 200ms ease-out, width 200ms ease-out, border-radius 200ms ease-out;\n}\n.view-menu-tab > .view-button {\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n width: 50px;\n}\n.view-menu-tab > .view-button > .icon {\n font-size: 26px;\n}\n.view-menu-tab > .view-menu {\n position: relative;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n width: 44px;\n}\n.selected-button-invisible.view-menu-tab > .view-menu {\n border-radius: 8px;\n}\n.view-menu-tab > .view-menu > .icon {\n font-size: 24px;\n}\n.view-menu-tab > .view-menu::before {\n content: '';\n position: absolute;\n height: 100%;\n border-left: 1px solid #1561A7;\n left: 0;\n}\n.selected-button-invisible.view-menu-tab > .view-menu::before {\n display: none;\n}\n.view-menu-tab > .view-menu.selected {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.view-menu-tab.in-background > .view-button {\n border-top-left-radius: 12px;\n border-bottom-left-radius: 12px;\n}\n.view-menu-tab.in-background > .view-menu {\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n}\n.selected-button-invisible.view-menu-tab.in-background > .view-menu {\n border-radius: 12px;\n}\n.view-menu-tab.selected {\n color: #1561A7;\n background-color: #fff;\n}\n.view-menu-tab.selected > .view-button.selected,\n.view-menu-tab.selected > .view-menu.selected,\n.view-menu-tab.selected > .view-button:hover,\n.view-menu-tab.selected > .view-menu:hover {\n background-color: transparent;\n}\n.view-menu-tab.selected > .view-button.disabled,\n.view-menu-tab.selected > .view-menu.disabled {\n color: #666666;\n}\n.view-menu-tab.selected > .view-menu {\n width: 44px;\n}\n.view-menu-tab.selected > .view-menu > .icon {\n font-size: 26px;\n padding: 7px;\n border-radius: 8px;\n}\n.view-menu-tab.selected > .view-menu:hover > .icon {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.view-menu-tab.selected > .view-menu.disabled > .icon {\n background-color: transparent;\n}\n.view-menu-tab.selected > .view-menu.selected > .icon {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.view-menu-tab.selected > .view-menu::before {\n top: 10px;\n height: calc(100% - 20px);\n border-color: #DADADA;\n}\n.view-menu-tab.selected.in-background {\n background-color: #F5F5F5;\n}\n.view-menu-tab.selected.in-background > .view-menu > .icon {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.view-menu-tab.selected:not(.in-background) {\n border-top-left-radius: 0;\n margin-left: 0;\n margin-right: 6px;\n}\n.view-menu-tab.selected:not(.in-background) > .view-button {\n padding-left: 6px;\n width: 56px;\n cursor: default;\n}\n.selected-button-invisible.view-menu-tab.selected:not(.in-background) > .view-menu {\n width: 50px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-menu-popup.widget-popup {\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n border: 0;\n margin: 5px;\n overflow: hidden;\n}\n.view-menu-popup.widget-popup > .tile-grid.scrollable {\n padding: 10px;\n}\n.view-menu-popup.widget-popup > .tile-grid.no-icons > .view-menu-tile {\n min-height: 66px;\n}\n.view-menu-tile {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n color: #1561A7;\n background-color: #FAFAFA;\n border-radius: 12px;\n border: 2px solid transparent;\n padding: 12px 6px 0 6px;\n min-height: 110px;\n cursor: pointer;\n}\n.view-menu-tile > .icon {\n font-size: 24px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 12px;\n}\n.view-menu-tile > .label {\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 11px;\n}\n.view-menu-tile.text-only {\n justify-content: center;\n padding: 12px 8px;\n}\n.view-menu-tile.text-only > .label {\n font-size: 13px;\n}\n.view-menu-tile.selected {\n border-color: #1561A7;\n}\n.view-menu-tile:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.view-menu-tile.disabled {\n color: #808080;\n cursor: default;\n}\n.view-menu-tile.disabled:hover {\n background-color: #FAFAFA;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: 473px;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n}\n.file-chooser > .box-buttons > .box-button {\n border-color: #1561A7;\n color: #1561A7;\n}\n.file-chooser > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.file-chooser > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.file-chooser > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.file-chooser > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #1561A7;\n}\n.file-chooser > .box-buttons > .box-button.default:hover {\n background-color: #12518c;\n border-color: #12518c;\n}\n.file-chooser > .box-buttons > .box-button.default.active,\n.file-chooser > .box-buttons > .box-button.default:active {\n background-color: #0e3f6c;\n border-color: #0e3f6c;\n}\n.file-chooser > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.file-chooser > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.file-chooser.calc-helper {\n top: 0;\n left: 0;\n}\n.file-chooser.animate-open {\n -webkit-animation-name: short-drop;\n -moz-animation-name: short-drop;\n -o-animation-name: short-drop;\n animation-name: short-drop;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.file-chooser.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.file-chooser-content {\n border: 0 solid #DADADA;\n border-radius: 8px;\n padding: 26px;\n}\n.file-chooser-content > .legacy-upload-form > .legacy-upload-file-input {\n margin-top: 15px;\n margin-bottom: 10px;\n padding: 5px;\n}\n.file-chooser-title {\n text-align: center;\n word-wrap: break-word;\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 16px;\n color: #1561A7;\n}\n.file-chooser-label {\n padding-top: 8px;\n padding-bottom: 8px;\n text-align: center;\n}\n.file-chooser-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n.file-chooser-files {\n position: relative;\n min-height: 100px;\n max-height: 200px;\n border-top: 1px solid #DADADA;\n padding-top: 16px;\n margin-top: 10px;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: 20px;\n}\n.file-chooser-files > .file {\n text-indent: -20px;\n word-break: break-all;\n margin-bottom: 4px;\n}\n.file-chooser-files > .file::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E003';\n float: left;\n width: 20px;\n padding-left: 2px;\n}\n.file-chooser-files > .file > .remove {\n line-height: normal;\n / override line-height of .menu-item /\n display: inline;\n}\n@media (max-width: 473px) {\n .file-chooser {\n / reduce message box width on small screens /\n max-width: 330px;\n / no need to have a margin on small screens /\n margin: 0;\n }\n .file-chooser > .box-buttons > .box-button {\n margin-right: 4px;\n min-width: 70px;\n / less min width for buttons on small screens /\n }\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-input {\n cursor: pointer;\n / Don't allow text selection because mouse down opens the chooser.\n * Reason: The browser would still be in selecting mode after the chooser closes,\n * every click outside of the field would immediately open the chooser again (at least in FF).\n /\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.file-input:not(.disabled):not(.alternative):active {\n background-color: transparent;\n}\n.file-input.alternative:not(.disabled):active {\n border-bottom-color: #1561A7;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.file-input.has-error:not(.disabled):not(.alternative):active {\n background-color: #FEE0E0;\n}\n.file-input.has-error.alternative:not(.disabled):active {\n border-bottom-color: #D53F3F;\n}\n.file-input.disabled {\n cursor: default;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.legacy-upload-form > .legacy-upload-file-input {\n width: 100%;\n}\n.legacy-upload-form > .legacy-upload-file-input > iframe {\n display: none;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form {\n position: relative;\n}\n.form.dimmed-background {\n background-color: #F5F5F5;\n}\n.form.dimmed-background > .root-group-box > .menubar {\n background-color: inherit;\n}\n.view:not(.detail-form):not(.mobile-view) > .root-group-box > .main-menubar {\n background-color: inherit;\n}\n.mobile-view > .header > .title {\n font-weight: bold;\n}\n.dialog {\n position: absolute;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / minimum padding to desktop /\n margin: 10px 10px 15px;\n / min-width and min-height are read by Resizable.js to prevent a dialog from becoming too small\n You can overrule these values with a specific CSS class on a dialog/form when you require a\n larger or smaller min-size. /\n min-width: 250px;\n min-height: 100px;\n top: 0;\n / must be specified otherwise dialogs will be positioned at end of document and increase document size /\n / remove border and rounded corners in full screen mode /\n}\n.dialog > .header {\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n}\n.dialog > .root-group-box {\n border-radius: 12px;\n}\n.header-visible.dialog > .root-group-box {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.dialog.animate-open {\n -webkit-animation: fade-in ease-in 1;\n -moz-animation: fade-in ease-in 1;\n -o-animation: fade-in ease-in 1;\n animation: fade-in ease-in 1;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n}\n.dialog.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.dialog.full-width,\n.dialog.full-height {\n border-radius: 0;\n}\n.dialog.full-width {\n border-right: 0;\n border-left: 0;\n}\n.dialog.full-height {\n border-bottom: 0;\n}\n.dialog > .resizable-nw,\n.dialog > .resizable-n,\n.dialog > .resizable-ne {\n margin-top: -5px;\n}\n.form > .header {\n padding-top: 16px;\n padding-left: 20px;\n padding-right: 10px;\n overflow: hidden;\n}\n.form > .header.no-title {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n}\n.form > .header.no-title > .title,\n.form > .header.no-title > .sub-title {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.form > .header > .icon-container {\n float: left;\n}\n.form > .header > .icon-container > .icon {\n margin-right: 6px;\n vertical-align: middle;\n}\n.form > .header > .icon-container > .icon.font-icon {\n font-size: 16px;\n}\n.form > .header > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 16px;\n color: #000;\n margin-top: 1px;\n}\n.form > .header > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666666;\n}\n.form > .header > .status-container {\n float: right;\n margin-top: -8px;\n margin-right: -2px;\n}\n.form > .header > .status-container > .status {\n / make sure close icon overlaps drag-handle /\n position: relative;\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n}\n.form > .header > .status-container > .status.closer {\n border-radius: 7px;\n margin-left: 7px;\n padding: 7px;\n}\n@media (max-width: 375px) {\n .dialog {\n / no need to have a margin on small screens /\n / otherwise on iphone5, cancel button on a dialog would always be stacked in ellipsis if there is another menu item /\n margin: 0;\n }\n .dialog > .resizable-handle {\n / Remove handle, it is not useful anymore\n and it increases the dialog size which has the effect that the body may be scrolled (on iphone).\n Important is necessary because jquery ui sets it to display: block using inline style /\n display: none !important;\n / NOSONAR (see comment above)/\n }\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-menu-popup > .form > .root-group-box > .main-menubar {\n background-color: transparent;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.scout-info-form-container {\n width: 100%;\n margin-top: 5px;\n margin-bottom: 5px;\n display: flex;\n}\n.scout-info-form-logo-container {\n flex: none;\n}\n.scout-info-form-text-container {\n flex-grow: 1;\n}\n.scout-info-form-logo {\n display: inline-block;\n max-height: 100px;\n max-width: 200px;\n margin-right: 20px;\n}\n.scout-info-form-table {\n border-spacing: 0;\n}\n.scout-info-form-table-cell-description {\n padding-right: 10px;\n vertical-align: top;\n}\n.scout-info-form-table-cell-value {\n vertical-align: top;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.text-field-icon {\n display: flex;\n align-items: center;\n margin: 0 2px;\n cursor: text;\n}\n.text-field-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 14px;\n color: #808080;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.text-field-icon.clear-icon::before {\n content: '\\E045';\n font-size: 14px;\n}\n.text-field-icon.action {\n cursor: pointer;\n}\n.text-field-icon.action:hover::before {\n color: #262626;\n background-color: rgba(0, 0, 0, 0.08);\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-field {\n / FormFieldLayout uses absolute positioning, make sure it is positioned relatively to its container /\n position: relative;\n / Class that applies the same vertical padding to the .field as to the label (useful e.g. for html fields) /\n / Convenience class to add to a field when the mandatory indicator should not be displayed (e.g. inside a FormFieldMenu) /\n}\n.form-field > label {\n position: absolute;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding-top: 9px;\n padding-bottom: 8px;\n margin-left: 10px;\n / Add small spacing between label and field /\n padding-right: 10px;\n color: #666666;\n font-size: 12px;\n}\n.disabled.form-field > label {\n color: #999999;\n}\n.read-only.form-field > label {\n color: #666666;\n}\n.form-field > label.top {\n color: #666666;\n font-size: 11px;\n padding-bottom: 4px;\n}\n.alternative.form-field > label.top {\n / Reduce space between input and label if there is no border /\n padding-bottom: 0;\n}\n.disabled.form-field > label.top {\n color: #999999;\n}\n.read-only.form-field > label.top {\n color: #666666;\n}\n.focused.form-field > label {\n color: #1561A7;\n}\n.has-error.form-field > label {\n color: #D53F3F;\n}\n.form-field > .field {\n position: absolute;\n}\n.form-field.borderless-field-padding-y > .field {\n padding-top: 8px;\n padding-bottom: 8px;\n}\n.form-field > .mandatory-indicator {\n position: absolute;\n visibility: hidden;\n}\n.form-field > .mandatory-indicator::before {\n content: '';\n font-size: 15px;\n}\n.form-field.mandatory > .mandatory-indicator:not(.read-only) {\n visibility: visible;\n}\n.form-field.disabled.alternative > .mandatory-indicator {\n color: #808080;\n}\n.form-field.no-mandatory-indicator > .mandatory-indicator {\n display: none;\n}\n.form-field.no-mandatory-indicator > label.top {\n margin-left: 0;\n}\n.form-field > .status {\n position: absolute;\n margin-left: 6px;\n height: 24px;\n display: flex;\n align-items: center;\n}\n.form-field > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.form-field.has-menus.has-tooltip:not(.has-info):not(.has-ok):not(.has-warning):not(.has-error) > .status::before {\n content: '\\E008';\n}\n.form-field.has-menus > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-menus > .status::before {\n content: '\\E041';\n color: #666666;\n font-size: 16px;\n}\n.form-field.has-menus > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.form-field.has-menus > .status:active::before,\n.form-field.has-menus > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.form-field.has-tooltip > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-tooltip > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.form-field.has-tooltip > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.form-field.has-tooltip > .status:active::before,\n.form-field.has-tooltip > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.form-field.has-ok > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-ok > .status::before {\n content: '\\E002';\n color: #00856C;\n font-size: 16px;\n}\n.form-field.has-ok > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #005243;\n}\n.form-field.has-ok > .status:active::before,\n.form-field.has-ok > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #005243;\n}\n.form-field.has-info > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-info > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.form-field.has-info > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.form-field.has-info > .status:active::before,\n.form-field.has-info > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.form-field.has-warning > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-warning > .status::before {\n content: '\\E001';\n color: #AD6200;\n font-size: 16px;\n}\n.form-field.has-warning > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #7a4500;\n}\n.form-field.has-warning > .status:active::before,\n.form-field.has-warning > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #7a4500;\n}\n.form-field.has-error > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-error > .status::before {\n content: '\\E001';\n color: #D53F3F;\n font-size: 16px;\n}\n.form-field.has-error > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #b92828;\n}\n.form-field.has-error > .status:active::before,\n.form-field.has-error > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #b92828;\n}\n.form-field .disabled-overlay {\n position: absolute;\n}\n.form-field.cell-editor-form-field {\n position: absolute;\n}\n/\n Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.lookup-box.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.lookup-box > .field > .structure.tree,\n.lookup-box > .field > .structure.table {\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.lookup-box > .field > .structure.tree.alternative,\n.lookup-box > .field > .structure.table.alternative {\n border-radius: 3px;\n}\n.lookup-box > .field > .structure.tree.no-rows-selected:focus,\n.lookup-box > .field > .structure.table.no-rows-selected:focus,\n.lookup-box > .field > .structure.tree.no-nodes-selected:focus,\n.lookup-box > .field > .structure.table.no-nodes-selected:focus,\n.lookup-box > .field > .structure.tree.no-rows-selected.focused,\n.lookup-box > .field > .structure.table.no-rows-selected.focused,\n.lookup-box > .field > .structure.tree.no-nodes-selected.focused,\n.lookup-box > .field > .structure.table.no-nodes-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell,\n.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell {\n border-bottom: 0;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row.selected::after,\n.lookup-box > .field > .structure.table > .table-data > .table-row.selected::after {\n top: 0;\n height: 100%;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.value-field > input,\n.value-field > .input-field,\n.value-field > .field > input,\n.value-field > .field > .input-field,\n.value-field > .file-input {\n / 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/\n min-height: 30px;\n}\n.value-field > .text-field-icon,\n.value-field > .field > .text-field-icon {\n display: none;\n position: absolute;\n}\n.value-field.alternative > .text-field-icon,\n.value-field.alternative > .field > .text-field-icon {\n margin-right: 0;\n}\n.value-field.alternative.halign-right > .clear-icon,\n.value-field.alternative.halign-right > .field > .clear-icon {\n margin-left: 0;\n margin-right: 2px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).focused > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).focused > .clear-icon::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).focused > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).focused > .field > .clear-icon::before {\n color: #1561A7;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).has-error > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).has-error > .clear-icon::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before {\n color: #D53F3F;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).disabled > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).disabled > .clear-icon,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).disabled > .field > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).disabled > .field > .clear-icon,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).compact > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).compact > .clear-icon,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).compact > .field > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).compact > .field > .clear-icon {\n display: none;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).alternative.has-error:focus > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).alternative.has-error:focus > .field > .clear-icon::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).alternative.has-error.focused > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).alternative.has-error.focused > .field > .clear-icon::before {\n color: #D53F3F;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon {\n display: flex;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .icon {\n display: none;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .file-input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .file-input {\n padding-right: 28px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .file-input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .file-input.alternative {\n padding-right: 26px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input {\n padding-left: 28px;\n padding-right: 10px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.alternative {\n padding-left: 26px;\n padding-right: 0;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.cell-editor-field {\n padding-right: 8px;\n}\n.value-field.has-icon:not(.compact):not(.disabled).focused > .icon::before,\n.value-field.has-icon:not(.compact):not(.disabled).focused > .field > .icon::before {\n color: #1561A7;\n}\n.value-field.has-icon:not(.compact):not(.disabled).has-error > .icon::before,\n.value-field.has-icon:not(.compact):not(.disabled).has-error > .field > .icon::before,\n.value-field.has-icon:not(.compact):not(.disabled).has-error > .field > .icon::before {\n color: #D53F3F;\n}\n.value-field.has-icon:not(.compact):not(.disabled).disabled > .icon,\n.value-field.has-icon:not(.compact):not(.disabled).disabled > .field > .icon,\n.value-field.has-icon:not(.compact):not(.disabled).compact > .icon,\n.value-field.has-icon:not(.compact):not(.disabled).compact > .field > .icon {\n display: none;\n}\n.value-field.has-icon:not(.compact):not(.disabled).alternative.has-error:focus > .field > .icon::before,\n.value-field.has-icon:not(.compact):not(.disabled).alternative.has-error.focused > .field > .icon::before {\n color: #D53F3F;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > .icon,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .icon {\n display: flex;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > input,\n.value-field.has-icon:not(.compact):not(.disabled) > .input-field,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > input,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .input-field,\n.value-field.has-icon:not(.compact):not(.disabled) > .file-input {\n padding-right: 28px;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > input.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .input-field.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > input.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .input-field.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .file-input.alternative {\n padding-right: 26px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.widget-field > .menubar {\n background-color: transparent;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.accordion-field > .accordion {\n / In fact set by the FormField.less as well,\n /* but since scrollbars are rendered before the field class is set, scrollbar sets position: relative first\n /* which breaks the form field layout /\n position: absolute;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.button-field > .field {\n margin-left: 10px;\n}\n.no-mandatory-indicator.button-field > .field {\n margin-left: 0;\n}\n.button-field > .button {\n min-height: 30px;\n}\n.button-field > .link-button {\n padding-left: 0;\n padding-right: 0;\n}\n.button-field > .link-button:hover,\n.button-field > .link-button:active,\n.button-field > .link-button.active {\n background-color: transparent;\n}\n.button-field > .link-button:focus {\n box-shadow: none;\n}\n.button-field > .link-button:focus::after {\n content: '';\n position: absolute;\n top: 3px;\n left: -3px;\n height: calc(100% - 6px);\n width: calc(100% + 6px);\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-radius: 3px;\n}\n.button-field > .key-box {\n position: absolute;\n top: 4px;\n}\n.button-field.button-icon-large > .button > .font-icon {\n font-size: 24px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.bean-field {\n / whole bean-field must be selectable, otherwise focusUtils.js would bail out\n if a user starts a selection on the padding of the .bean-field element and\n not exactly on the .field child element. /\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.bean-field > .field {\n margin-left: 10px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.browser-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.browser-field > .field {\n margin-left: 10px;\n background-color: #fff;\n border: 1px solid #DADADA;\n border-radius: 3px;\n}\n.browser-field > .field.alternative {\n border-radius: 3px;\n}\n.browser-field > .field > .alt {\n margin: 14px;\n}\n.browser-field > .field > .button {\n display: inline-block;\n padding: 4px 7px;\n margin: 0 14px 14px 14px;\n}\n/\n * Copyright (c) 2010-2019 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.calendar-field > .group-box-body {\n padding-right: 0;\n}\n.form:not(.detail-form) .calendar-field:not(.mobile) > .field {\n margin-left: 10px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.check-box-field > .field {\n padding: 6px 0;\n outline: none;\n display: flex;\n / only the label should be clickable, not the whole field /\n / Same spacings as defined in CellEditorPopup.less, but as margin, not as padding /\n}\n.check-box-field > .field > .label {\n color: #000;\n}\n.check-box-field > .field > .check-box,\n.check-box-field > .field > .label {\n cursor: pointer;\n}\n.check-box-field > .field > .label {\n padding-top: 2px;\n padding-left: 7px;\n max-width: calc(100% - 18px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.check-box-field > .field > .label.empty {\n / Make the label invisible if there is no text to not artificially make the check box wider than it should be\n The check box square defines the height. /\n display: none;\n}\n.check-box-field > .field.has-inner-alignment.halign-left {\n justify-content: flex-start;\n}\n.check-box-field > .field.has-inner-alignment.halign-center {\n justify-content: center;\n}\n.check-box-field > .field.has-inner-alignment.halign-right {\n justify-content: flex-end;\n}\n.check-box-field > .field > .check-box {\n flex: none;\n / never shrink check-box /\n}\n.check-box-field > .field > .cell-editor-field.check-box {\n padding: 0;\n margin: 0 10px 0 10px;\n vertical-align: top;\n border-width: 1px;\n}\n.check-box-field > .field > .cell-editor-field.check-box.last {\n margin-right: 14px !important;\n}\n.check-box-field > .field > .cell-editor-field.check-box:focus {\n border-width: 1px;\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.check-box-field > .field.halign-right > .cell-editor-field.check-box {\n margin-right: 10px;\n margin-left: 10px;\n}\n.check-box-field > .field.halign-center > .cell-editor-field.check-box {\n margin-right: 10px;\n}\n.check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - 2px);\n}\n.cell-editor-popup.overflow-top .check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - 2px + 1px);\n}\n.check-box-field.disabled > .field > .check-box {\n cursor: default;\n}\n.check-box-field.disabled > .field > .label {\n cursor: default;\n color: #666666;\n}\n.check-box-field.disabled > .field.read-only > .label {\n color: #000;\n}\n.checkbox-indentation {\n margin-left: 25px;\n}\n.radiobutton-group-body > .checkbox-indentation {\n margin-left: 15px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.clipboard-field > .field {\n margin-left: 10px;\n background-color: #E9F0F6;\n padding: 7px 10px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n white-space: pre-wrap;\n}\n.clipboard-field > .field > img {\n display: none;\n}\n.clipboard-form-label.label-field > .field {\n padding-top: 0;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.date-field.focused > .icon.date::before,\n.date-field.focused > .field > .icon.date::before {\n color: #1561A7;\n}\n.date-field.has-error > .icon.date::before,\n.date-field.has-error > .field > .icon.date::before,\n.date-field.has-error > .field > .icon.date::before {\n color: #D53F3F;\n}\n.date-field.disabled > .icon.date,\n.date-field.disabled > .field > .icon.date,\n.date-field.compact > .icon.date,\n.date-field.compact > .field > .icon.date {\n display: none;\n}\n.date-field.alternative.has-error:focus > .field > .icon.date::before,\n.date-field.alternative.has-error.focused > .field > .icon.date::before {\n color: #D53F3F;\n}\n.date-field.focused > .icon.time::before,\n.date-field.focused > .field > .icon.time::before {\n color: #1561A7;\n}\n.date-field.has-error > .icon.time::before,\n.date-field.has-error > .field > .icon.time::before,\n.date-field.has-error > .field > .icon.time::before {\n color: #D53F3F;\n}\n.date-field.disabled > .icon.time,\n.date-field.disabled > .field > .icon.time,\n.date-field.compact > .icon.time,\n.date-field.compact > .field > .icon.time {\n display: none;\n}\n.date-field.alternative.has-error:focus > .field > .icon.time::before,\n.date-field.alternative.has-error.focused > .field > .icon.time::before {\n color: #D53F3F;\n}\n.date-field > .field > input,\n.date-field > .field > .input-field {\n position: absolute;\n}\n.date-field > .field .icon.date-clear,\n.date-field > .field .icon.time-clear {\n cursor: pointer;\n display: none;\n}\n.date-field > .field .icon.date-clear::before,\n.date-field > .field .icon.time-clear::before {\n content: '\\E045';\n}\n.date-field > .field .icon.date::before {\n content: '\\E029';\n}\n.date-field > .field .icon.time::before {\n content: '\\E004';\n}\n.date-field.date-focused > .icon.date::before,\n.date-field.date-focused > .field > .icon.date::before,\n.date-field.time-focused > .icon.time::before,\n.date-field.time-focused > .field > .icon.time::before {\n color: #1561A7;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > .icon.date {\n display: flex;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date {\n padding-right: 28px;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date.alternative {\n padding-right: 26px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > .icon.time {\n display: flex;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time {\n padding-right: 28px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time.alternative {\n padding-right: 26px;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).focused > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).focused > .icon.date-clear::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).focused > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).focused > .field > .icon.date-clear::before {\n color: #1561A7;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error > .icon.date-clear::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).disabled > .icon.date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).disabled > .icon.date-clear,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).disabled > .field > .icon.date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).disabled > .field > .icon.date-clear,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).compact > .icon.date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).compact > .icon.date-clear,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).compact > .field > .icon.date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).compact > .field > .icon.date-clear {\n display: none;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).alternative.has-error:focus > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).alternative.has-error:focus > .field > .icon.date-clear::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).alternative.has-error.focused > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).alternative.has-error.focused > .field > .icon.date-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).date-focused > .icon.date::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).date-focused > .icon.date::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).date-focused > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).date-focused > .field > .icon.date-clear::before {\n color: #1561A7;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error.date-focused > .icon.date::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error.date-focused > .icon.date::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error.date-focused > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error.date-focused > .field > .icon.date-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > .date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > .date-clear {\n display: flex;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > .icon.date,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > .icon.date {\n display: none;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > input.date,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > input.date {\n padding-right: 28px;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > input.date.alternative,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > input.date.alternative {\n padding-right: 26px;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).focused > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).focused > .icon.time-clear::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).focused > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).focused > .field > .icon.time-clear::before {\n color: #1561A7;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error > .icon.time-clear::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).disabled > .icon.time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).disabled > .icon.time-clear,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).disabled > .field > .icon.time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).disabled > .field > .icon.time-clear,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).compact > .icon.time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).compact > .icon.time-clear,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).compact > .field > .icon.time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).compact > .field > .icon.time-clear {\n display: none;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).alternative.has-error:focus > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).alternative.has-error:focus > .field > .icon.time-clear::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).alternative.has-error.focused > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).alternative.has-error.focused > .field > .icon.time-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).time-focused > .icon.time::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).time-focused > .icon.time::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).time-focused > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).time-focused > .field > .icon.time-clear::before {\n color: #1561A7;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error.time-focused > .icon.time::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error.time-focused > .icon.time::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error.time-focused > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error.time-focused > .field > .icon.time-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > .time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > .time-clear {\n display: flex;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > .icon.time,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > .icon.time {\n display: none;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > input.time,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > input.time {\n padding-right: 28px;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > input.time.alternative,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > input.time.alternative {\n padding-right: 26px;\n}\n.date-field > .field {\n /* Prediction input field is in the back of the actual input field -> make actual input field transparent /\n}\n.date-field > .field > .input-field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n content: attr(placeholder);\n}\n.date-field > .field > .input-field[placeholder].disabled:empty::before {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.date-field > .field > .predict {\n color: #808080;\n background-color: transparent;\n}\n.date-field > .field > .predict.alternative {\n background-color: transparent;\n}\n.date-field > .field > .predict.has-error {\n background-color: #FEE0E0;\n}\n.date-field > .field > .predict + input {\n background-color: transparent;\n}\n.date-field.date-clearable > .field > .icon.date-clear {\n display: flex;\n}\n.date-field.date-clearable > .field > .icon.date {\n display: none;\n}\n.date-field.time-clearable > .field > .icon.time-clear {\n display: flex;\n}\n.date-field.time-clearable > .field > .icon.time {\n display: none;\n}\n.touch-popup-field.time > .field > input.date,\n.touch-popup-field.time > .field > .icon.date,\n.touch-popup-field.time > .field > .icon.date-clear {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.touch-popup-field.date {\n margin-bottom: 0;\n}\n.touch-popup-field.date > .field > input.time,\n.touch-popup-field.date > .field > .icon.time,\n.touch-popup-field.date > .field > .icon.time-clear {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-chooser-field > .icon {\n cursor: pointer;\n}\n.file-chooser-field > .icon::before {\n content: '\\E003';\n}\n.file-chooser-field > .file-input > input {\n display: none;\n}\n.file-chooser-field > .file-input > .file-input-text {\n overflow-x: hidden;\n}\n.file-chooser-field > .file-input > .file-input-text[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n content: attr(placeholder);\n}\n.file-chooser-field > .file-input > .file-input-text[placeholder].disabled:empty::before {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.file-chooser-field > .legacy-upload-form > .legacy-upload-file-input {\n padding: 3px;\n height: 100%;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.root-group-box {\n / necessary if dialog gets really small /\n overflow: hidden;\n}\n.root-group-box > .group-box-body,\n.root-group-box > .group-box-header {\n / group-box-body may be scrollable. /\n / that's why the body has a padding instead of the root-group-box (to place the scrollbars inside the body) /\n padding-left: 10px;\n padding-right: 20px;\n}\n.root-group-box > .group-box-body > .scrollbar {\n / override margin reset from group-box-body (see below) /\n}\n.root-group-box > .group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 5px;\n}\n.root-group-box > .group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.root-group-box > .group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 3px;\n}\n.group-box > .menubar {\n margin-left: 10px;\n background-color: inherit;\n}\n.group-box.collapsed > .menubar {\n display: none;\n}\n.group-box.has-scroll-shadow-top:not(.menubar-position-top) > .group-box-header {\n width: 100%;\n margin-left: 0;\n padding-left: 10px;\n}\n.root-group-box.loading > .loading-indicator,\n.group-box.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.root-group-box.loading > .loading-indicator::before,\n.group-box.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.root-group-box.loading > .loading-indicator.animate-remove,\n.group-box.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.root-group-box.right-padding-invisible > .group-box-body,\n.group-box.right-padding-invisible > .group-box-body {\n padding-right: 0;\n}\n.group-box-header {\n width: calc(100% - 10px);\n margin-top: 8px;\n margin-left: 10px;\n position: relative;\n white-space: nowrap;\n margin-bottom: 1px;\n}\n.group-box-header > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -1px;\n width: 100%;\n height: 1px;\n background-color: #DADADA;\n}\n.group-box-header.has-menubar > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n vertical-align: middle;\n padding-left: 10px;\n}\n.group-box-header.has-menubar > .menubar > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n}\n.group-box-header > .group-box-control {\n display: inline-block;\n color: #000;\n cursor: pointer;\n padding-left: 10px;\n text-align: center;\n vertical-align: middle;\n width: 25px;\n}\n.group-box-header > .group-box-control::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\F107';\n}\n.group-box.collapsed > .group-box-header > .group-box-control::before {\n content: '\\F106';\n}\n.group-box-header > .title {\n display: inline-block;\n vertical-align: middle;\n padding: 12px 0 12px 0;\n max-width: 100%;\n margin-top: 1px;\n}\n.group-box.has-sub-label > .group-box-header > .title {\n padding-bottom: 7px;\n}\n.group-box-header > .title > .label {\n font-weight: bold;\n color: #000;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.group-box-header > .title > .sub-label {\n padding-top: 1px;\n font-size: 11px;\n letter-spacing: 0.2px;\n color: #666666;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.group-box-header > .status {\n position: absolute;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.group-box-header > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.group-box.has-tooltip > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-tooltip > .group-box-header > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.group-box.has-tooltip > .group-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.group-box.has-tooltip > .group-box-header > .status:active::before,\n.group-box.has-tooltip > .group-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.group-box.has-info > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-info > .group-box-header > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.group-box.has-info > .group-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.group-box.has-info > .group-box-header > .status:active::before,\n.group-box.has-info > .group-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.group-box.has-ok > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-ok > .group-box-header > .status::before {\n content: '\\E002';\n color: #00856C;\n font-size: 16px;\n}\n.group-box.has-ok > .group-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #005243;\n}\n.group-box.has-ok > .group-box-header > .status:active::before,\n.group-box.has-ok > .group-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #005243;\n}\n.group-box.has-warning > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-warning > .group-box-header > .status::before {\n content: '\\E001';\n color: #AD6200;\n font-size: 16px;\n}\n.group-box.has-warning > .group-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #7a4500;\n}\n.group-box.has-warning > .group-box-header > .status:active::before,\n.group-box.has-warning > .group-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #7a4500;\n}\n.group-box.has-error > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-error > .group-box-header > .status::before {\n content: '\\E001';\n color: #D53F3F;\n font-size: 16px;\n}\n.group-box.has-error > .group-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #b92828;\n}\n.group-box.has-error > .group-box-header > .status:active::before,\n.group-box.has-error > .group-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #b92828;\n}\n.group-box-header.expandable {\n / Expansion can also be performed on the title itself /\n cursor: pointer;\n}\n.group-box-body {\n position: relative;\n padding: 18px 0 16px 0;\n / position scrollbar as right as possible to prevent overlapping field parts. /\n}\n.group-box-body.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n}\n.group-box-body.x-padding-invisible {\n padding-left: 0;\n padding-right: 0;\n}\n.collapsed > .group-box-body {\n display: none;\n}\n.group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 8px;\n}\n.group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 6px;\n}\n.group-box.top-padding-invisible > .group-box-body {\n padding-top: 0;\n}\n.group-box.bottom-padding-invisible > .group-box-body {\n padding-bottom: 0;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.html-field.selectable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.html-field > .field {\n margin-left: 10px;\n}\n.html-field > .field:focus {\n outline: none;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.image-field.alternative > label.top {\n / NOSONAR over qualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.image-field > .field {\n overflow: hidden;\n margin-left: 10px;\n}\n.image-field > .field > .font-icon {\n font-size: 20px;\n}\n.image-field > .field.clickable {\n cursor: pointer;\n}\n.image-field > .field.has-inner-alignment {\n display: flex;\n}\n.image-field > .field.has-inner-alignment > .font-icon {\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n}\n.image-field > .field.has-inner-alignment.halign-left {\n justify-content: flex-start;\n}\n.image-field > .field.has-inner-alignment.halign-center {\n justify-content: center;\n}\n.image-field > .field.has-inner-alignment.halign-right {\n justify-content: flex-end;\n}\n.image-field > .field.has-inner-alignment.valign-top {\n align-items: flex-start;\n}\n.image-field > .field.has-inner-alignment.valign-middle {\n align-items: center;\n}\n.image-field > .field.has-inner-alignment.valign-bottom {\n align-items: flex-end;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.label-field.selectable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.label-field > .field {\n padding-top: 8px;\n padding-bottom: 8px;\n margin-left: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.label-field > .field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n content: attr(placeholder);\n}\n.label-field > .field[placeholder].disabled:empty::before {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.no-mandatory-indicator.label-field > .field {\n margin-left: 0;\n}\n.top-padding-invisible.label-field > .field {\n padding-top: 0;\n}\n.bottom-padding-invisible.label-field > .field {\n padding-bottom: 0;\n}\n.label-field > .field:focus {\n outline: none;\n}\n.label-field > .field.has-inner-alignment.halign-left {\n text-align: left;\n}\n.label-field > .field.has-inner-alignment.halign-center {\n text-align: center;\n}\n.label-field > .field.has-inner-alignment.halign-right {\n text-align: right;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode-selector-field.alternative > label.top {\n padding-bottom: 4px;\n}\n.mode-selector-field > .mode-selector {\n margin-left: 10px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.number-field > .field.has-inner-alignment.halign-left {\n text-align: left;\n}\n.number-field > .field.has-inner-alignment.halign-center {\n text-align: center;\n}\n.number-field > .field.has-inner-alignment.halign-right {\n text-align: right;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.planner-field > .planner {\n margin-left: 10px;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n}\n.planner-field > .planner.alternative {\n border-radius: 3px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.radio-button > .field {\n padding: 6px 0;\n margin-left: 10px;\n outline: none;\n display: flex;\n}\n.radio-button > .field > .radio-button-circle,\n.radio-button > .field > .label,\n.radio-button > .field > .icon {\n / only the label should be clickable, not the whole field /\n cursor: pointer;\n}\n.radio-button > .field > .label {\n color: #000;\n padding-top: 2px;\n padding-left: 7px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.radio-button > .field > .label.empty {\n / Make the label invisible if there is no text to not artificially make the button wider than it should be\n Compared to the Button.js the circle defines the height /\n display: none;\n}\n.radio-button > .field > .icon {\n padding-left: 7px;\n}\n.radio-button > .field > .radio-button-circle {\n width: 18px;\n height: 18px;\n flex: none;\n background-color: transparent;\n border-radius: 50%;\n position: relative;\n}\n.radio-button > .field > .radio-button-circle::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: #1561A7;\n border-radius: 50%;\n opacity: 0;\n transition: transform ease 250ms, opacity linear 250ms;\n transform: scale(0.01);\n}\n.radio-button > .field > .radio-button-circle::after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid #999999;\n border-radius: 50%;\n}\n.radio-button > .field > .radio-button-circle.checked::before {\n transform: scale(0.55555556);\n opacity: 1;\n transition: transform ease 250ms;\n}\n.radio-button > .field > .radio-button-circle.checked::after {\n border-color: #1561A7;\n}\n.radio-button > .field > .radio-button-circle:focus {\n outline: none;\n}\n.radio-button > .field > .radio-button-circle:focus::after {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #1561A7;\n}\n.radio-button > .field > .radio-button-circle.disabled {\n cursor: default;\n}\n.radio-button > .field > .radio-button-circle.disabled::after {\n border-color: #DADADA;\n}\n.radio-button > .field > .radio-button-circle.disabled.checked::before {\n background-color: #808080;\n}\n.radio-button > .field > .radio-button-circle.disabled.checked::after {\n border-color: #808080;\n}\n.radio-button.disabled > .field > .label,\n.radio-button.disabled > .field > .icon {\n cursor: default;\n color: #666666;\n}\n.radiobutton-indentation {\n margin-left: 25px;\n}\n.radiobutton-group-body > .radiobutton-indentation {\n margin-left: 15px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.radiobutton-group-body > .radio-button > .field {\n / radio button group has a mandatory indicator, no need to create a margin /\n margin-left: 0;\n}\n.radiobutton-group-body > .form-field {\n opacity: 1;\n transition: opacity 250ms;\n}\n.radiobutton-group-body.loading > .form-field {\n opacity: 0;\n}\n.radiobutton-group-body.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.radiobutton-group-body.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.radiobutton-group-body.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dropdown-field > .icon {\n cursor: pointer;\n}\n.dropdown-field > .icon::before {\n content: '\\F107';\n font-size: 16px;\n}\n.dropdown-field.popup-open > .icon::before {\n content: '\\F106';\n}\n.dropdown-field > .field {\n cursor: pointer;\n}\n.dropdown-field > .field.disabled {\n cursor: default;\n}\n.proposal-field > .icon::before {\n content: '\\E02F';\n}\n.smart-field {\n / Multiline SmartField /\n / DIV below the smart field containing the additional lines /\n}\n.smart-field > .icon::before,\n.smart-field > .field > .icon::before {\n content: '\\E02A';\n}\n.smart-field > .field > .multiline-input {\n border-radius: 3px 3px 0 0;\n width: 100%;\n padding-left: 10px;\n}\n.smart-field > .field > .multiline-input:focus {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.smart-field > .field > .multiline-input.alternative {\n border-bottom-color: rgba(0, 0, 0, 0.23);\n padding-left: 0;\n padding-right: 0;\n}\n.smart-field > .field > .multiline-input.alternative:focus {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-color: #1561A7;\n}\n.smart-field > .field > .multiline-input.alternative.has-error {\n border-bottom-color: #D53F3F;\n}\n.smart-field > .field > .multiline-input.read-only {\n border-bottom-color: #DADADA;\n}\n.smart-field > .field > .multiline-input.read-only.has-error {\n border-bottom-color: #D53F3F;\n}\n.smart-field > .field > .multiline-lines {\n background-color: transparent;\n border: solid 1px rgba(0, 0, 0, 0.23);\n border-radius: 0 0 3px 3px;\n border-top: none;\n padding: 3px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.smart-field > .field > .multiline-lines.disabled {\n background-color: transparent;\n}\n.smart-field.alternative > .field > .multiline-lines,\n.smart-field.read-only > .field > .multiline-lines {\n border: 0;\n padding-top: 6px;\n}\n.smart-field.alternative > .field > .multiline-lines.disabled,\n.smart-field.read-only > .field > .multiline-lines.disabled {\n background-color: transparent;\n}\n.smart-field.alternative > .field > .multiline-lines {\n padding-left: 0;\n padding-right: 0;\n}\n.smart-field.disabled > .field > .multiline-lines {\n color: #808080;\n}\n.read-only.smart-field.disabled > .field > .multiline-lines {\n color: #000;\n}\n.dropdown-field > .input-field[placeholder]:empty::before,\n.proposal-field > .input-field[placeholder]:empty::before,\n.smart-field > .input-field[placeholder]:empty::before,\n.dropdown-field > .multiline > .input-field[placeholder]:empty::before,\n.proposal-field > .multiline > .input-field[placeholder]:empty::before,\n.smart-field > .multiline > .input-field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n content: attr(placeholder);\n}\n.dropdown-field > .input-field[placeholder].disabled:empty::before,\n.proposal-field > .input-field[placeholder].disabled:empty::before,\n.smart-field > .input-field[placeholder].disabled:empty::before,\n.dropdown-field > .multiline > .input-field[placeholder].disabled:empty::before,\n.proposal-field > .multiline > .input-field[placeholder].disabled:empty::before,\n.smart-field > .multiline > .input-field[placeholder].disabled:empty::before {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.dropdown-field.loading > .icon,\n.proposal-field.loading > .icon,\n.smart-field.loading > .icon {\n -webkit-animation: pulsate-in-out 2.2s ease-in-out infinite;\n -moz-animation: pulsate-in-out 2.2s ease-in-out infinite;\n -o-animation: pulsate-in-out 2.2s ease-in-out infinite;\n animation: pulsate-in-out 2.2s ease-in-out infinite;\n}\n.dropdown-field > .field.halign-left,\n.proposal-field > .field.halign-left,\n.smart-field > .field.halign-left,\n.dropdown-field > .field.halign-left > .multiline-input,\n.proposal-field > .field.halign-left > .multiline-input,\n.smart-field > .field.halign-left > .multiline-input {\n text-align: left;\n}\n.dropdown-field > .field.halign-center,\n.proposal-field > .field.halign-center,\n.smart-field > .field.halign-center,\n.dropdown-field > .field.halign-center > .multiline-input,\n.proposal-field > .field.halign-center > .multiline-input,\n.smart-field > .field.halign-center > .multiline-input {\n text-align: center;\n}\n.dropdown-field > .field.halign-right,\n.proposal-field > .field.halign-right,\n.smart-field > .field.halign-right,\n.dropdown-field > .field.halign-right > .multiline-input,\n.proposal-field > .field.halign-right > .multiline-input,\n.smart-field > .field.halign-right > .multiline-input {\n text-align: right;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field {\n padding-left: 0;\n padding-right: 28px;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative {\n padding-left: 0;\n padding-right: 26px;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field {\n padding-right: 28px;\n}\n.dropdown-field.halign-right:not(.disabled) > .field > .multiline-lines,\n.proposal-field.halign-right:not(.disabled) > .field > .multiline-lines,\n.smart-field.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: 28px;\n}\n.dropdown-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines,\n.proposal-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines,\n.smart-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: 26px;\n}\n.dropdown-field.alternative.halign-right > .clear-icon,\n.proposal-field.alternative.halign-right > .clear-icon,\n.smart-field.alternative.halign-right > .clear-icon,\n.dropdown-field.alternative.halign-right > .field > .clear-icon,\n.proposal-field.alternative.halign-right > .field > .clear-icon,\n.smart-field.alternative.halign-right > .field > .clear-icon {\n margin-right: 0;\n margin-left: 2px;\n}\n.smart-field-touch-popup > .body > .touch-popup-field > .field > .multiline-input {\n border-radius: 3px 3px;\n}\n.smart-field-touch-popup > .body > .touch-popup-field > .field > .multiline-lines {\n display: none;\n}\n.smart-field-touch-popup > .body > .touch-popup-widget-container .table-data {\n padding: 2px 15px 15px;\n}\n.smart-field-touch-popup > .body > .touch-popup-widget-container .table-data > .table-row.first {\n border-top-color: transparent;\n}\n.dropdown-field-popup,\n.smart-field-popup,\n.proposal-field-popup {\n position: absolute;\n overflow: hidden;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n.dropdown-field-popup.touch,\n.smart-field-popup.touch,\n.proposal-field-popup.touch {\n background-color: #F5F5F5;\n}\n.proposal-chooser > .active-filter {\n position: absolute;\n}\n.proposal-chooser > .status {\n display: flex;\n align-items: center;\n}\n.proposal-chooser > .active-filter,\n.proposal-chooser > .status {\n padding: 0 12px;\n background-color: #F5F5F5;\n border-top: solid 1px #DADADA;\n height: 30px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.proposal-chooser.empty > .active-filter,\n.proposal-chooser.empty > .status {\n border-top: 0;\n}\n.proposal-chooser > .table > .table-header {\n padding-left: 12px;\n padding-right: 12px;\n}\n.proposal-chooser > .table > .table-data {\n padding: 8px 12px;\n}\n.proposal-chooser > .table > .table-data > .table-row.first {\n border-top: 1px solid rgba(0, 0, 0, 0.13);\n}\n.proposal-chooser > .table > .table-data > .table-row.first.selected::after {\n top: -1px;\n}\n.proposal-chooser > .table > .table-data > .scrollbar.y-axis > .scrollbar-thumb > .scrollbar-thumb-handle {\n margin-left: 1px;\n}\n.proposal-chooser > .tree > .tree-data {\n padding: 8px 12px;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.inactive {\n font-style: italic;\n}\n.status > .ellipsis {\n padding-left: 3px;\n}\n.animate-dot {\n position: relative;\n -webkit-animation-name: animateDot;\n -moz-animation-name: animateDot;\n -o-animation-name: animateDot;\n animation-name: animateDot;\n -webkit-animation-duration: 1650ms;\n -moz-animation-duration: 1650ms;\n -o-animation-duration: 1650ms;\n animation-duration: 1650ms;\n -webkit-animation-iteration-count: infinite;\n -moz-animation-iteration-count: infinite;\n -o-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n}\n.delay-0 {\n -webkit-animation-delay: 0ms;\n -moz-animation-delay: 0ms;\n -o-animation-delay: 0ms;\n animation-delay: 0ms;\n}\n.delay-1 {\n -webkit-animation-delay: 200ms;\n -moz-animation-delay: 200ms;\n -o-animation-delay: 200ms;\n animation-delay: 200ms;\n}\n.delay-2 {\n -webkit-animation-delay: 400ms;\n -moz-animation-delay: 400ms;\n -o-animation-delay: 400ms;\n animation-delay: 400ms;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dropdown-field-popup.animate-open,\n.smart-field-popup.animate-open,\n.proposal-field-popup.animate-open {\n / Changed initial transform from 0 to 0.5 because in Chrome browser v72 on zoom levels > 100%\n * the proposal-chooser popup produced an accidental flickering animation where the proposal table\n * jumped a few pixels to the left. With 0.5 this does not happen - only god knows why. See #241249.\n /\n -webkit-transform: scaleY(0.5);\n -ms-transform: scaleY(0.5);\n transform: scaleY(0.5);\n -webkit-animation-name: grow-y;\n -moz-animation-name: grow-y;\n -o-animation-name: grow-y;\n animation-name: grow-y;\n -webkit-animation-duration: 0.125s;\n -moz-animation-duration: 0.125s;\n -o-animation-duration: 0.125s;\n animation-duration: 0.125s;\n}\n.dropdown-field-popup.animate-open.bottom,\n.smart-field-popup.animate-open.bottom,\n.proposal-field-popup.animate-open.bottom {\n -webkit-transform-origin: top;\n -moz-transform-origin: top;\n -ms-transform-origin: top;\n transform-origin: top;\n}\n.dropdown-field-popup.animate-open.top,\n.smart-field-popup.animate-open.top,\n.proposal-field-popup.animate-open.top {\n -webkit-transform-origin: bottom;\n -moz-transform-origin: bottom;\n -ms-transform-origin: bottom;\n transform-origin: bottom;\n}\n.dropdown-field-popup.animate-remove,\n.smart-field-popup.animate-remove,\n.proposal-field-popup.animate-remove {\n -webkit-animation-name: shrink-y;\n -moz-animation-name: shrink-y;\n -o-animation-name: shrink-y;\n animation-name: shrink-y;\n -webkit-animation-duration: 0.125s;\n -moz-animation-duration: 0.125s;\n -o-animation-duration: 0.125s;\n animation-duration: 0.125s;\n}\n.dropdown-field-popup.animate-remove.bottom,\n.smart-field-popup.animate-remove.bottom,\n.proposal-field-popup.animate-remove.bottom {\n -webkit-transform-origin: top;\n -moz-transform-origin: top;\n -ms-transform-origin: top;\n transform-origin: top;\n}\n.dropdown-field-popup.animate-remove.top,\n.smart-field-popup.animate-remove.top,\n.proposal-field-popup.animate-remove.top {\n -webkit-transform-origin: bottom;\n -moz-transform-origin: bottom;\n -ms-transform-origin: bottom;\n transform-origin: bottom;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.split-box > .split-area > .first-field,\n.split-box > .split-area > .second-field {\n overflow: hidden;\n position: absolute;\n}\n.split-box > .split-area > .first-field.collapsed,\n.split-box > .split-area > .second-field.collapsed {\n display: none;\n}\n.split-box > .split-area > .splitter {\n position: absolute;\n background-color: #DADADA;\n background-clip: content-box;\n / don't color padding /\n}\n.split-box > .split-area > .splitter:not(.disabled):not(.dragging):hover {\n background-color: #1561A7;\n}\n.split-box > .split-area > .splitter.x-axis {\n height: 100%;\n width: 31px;\n padding-left: 19px;\n padding-right: 9px;\n cursor: col-resize;\n}\n.split-box > .split-area > .splitter.y-axis {\n margin-left: 10px;\n width: calc(100% - 10px);\n height: 15px;\n padding-top: 6px;\n padding-bottom: 6px;\n cursor: row-resize;\n}\n.split-box > .split-area > .splitter.dragging {\n opacity: 0.25;\n}\n.split-box > .split-area > .splitter.disabled {\n cursor: default;\n}\n.split-box > .split-area > .temp-splitter {\n position: absolute;\n z-index: 2;\n}\n.split-box > .split-area > .temp-splitter.x-axis {\n height: 100%;\n width: 1px;\n border-left: 1px dashed #1561A7;\n margin-left: 20px;\n margin-right: 10px;\n}\n.split-box > .split-area > .temp-splitter.y-axis {\n margin-left: 10px;\n width: calc(100% - 10px);\n height: 1px;\n border-top: 1px dashed #1561A7;\n margin-top: 7px;\n margin-bottom: 7px;\n}\n.split-box > .collapse-handle.right-aligned {\n / align with status icons /\n right: 3px;\n}\n.split-box-collapse-key-box {\n margin-top: -6px;\n margin-left: 4px;\n}\n.split-box-collapse-key-box.left {\n margin-top: 6px;\n margin-left: 4px;\n}\n.split-box-collapse-key-box.right {\n margin-top: 6px;\n margin-left: -4px;\n}\n.split-box:not(.single-field):not(.second-field-collapsed) > .split-area > .first-field.x-axis {\n margin-right: 31px;\n}\n.split-box:not(.single-field):not(.second-field-collapsed) > .split-area > .first-field.y-axis {\n margin-bottom: 15px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.string-field {\n / adjust paddings in case of both icons (icon and clear-icon) are visible /\n}\n.string-field.multiline > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.string-field > .field.has-inner-alignment.halign-left {\n text-align: left;\n}\n.string-field > .field.has-inner-alignment.halign-center {\n text-align: center;\n}\n.string-field > .field.has-inner-alignment.halign-right {\n text-align: right;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .clear-icon,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon {\n margin-right: 0;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input {\n padding-right: 54px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input.alternative {\n padding-right: 52px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input {\n padding-left: 28px;\n padding-right: 28px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative {\n padding-left: 26px;\n padding-right: 26px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .icon,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .icon {\n display: flex;\n}\n.string-field.has-icon > .icon::before {\n content: '\\F061';\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tab-box-header {\n margin-top: 8px;\n margin-left: 10px;\n white-space: nowrap;\n position: relative;\n margin-bottom: 1px;\n}\n.tab-box.has-scroll-shadow-top > .tab-box-header {\n margin-left: 0;\n padding-left: 10px;\n}\n.tab-box-header > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -1px;\n width: 100%;\n height: 1px;\n background-color: #DADADA;\n}\n.tab-box-header > .tab-area {\n position: relative;\n}\n.tab-box-header > .tab-area > .selection-marker {\n position: absolute;\n z-index: 1;\n bottom: -1px;\n margin-bottom: -1px;\n height: 3px;\n background-color: #1561A7;\n transition: left 0.3s, width 0.3s;\n border-radius: 1.5px;\n}\n.tab-box-header > .tab-area > .tab-item > .title > .sub-label {\n display: none;\n}\n.tab-box-header > .tab-area.has-sub-label > .tab-item > .title > .sub-label {\n display: block;\n}\n.tab-box-header > .tab-area.spread-even {\n width: 100%;\n display: flex;\n}\n.tab-box-header > .tab-area.spread-even > .tab-item {\n flex-grow: 1;\n flex-basis: 0;\n justify-content: center;\n}\n.tab-box-header > .tab-area.spread-even > .tab-item.first {\n padding-left: 20px;\n}\n.tab-box-header > .menubar {\n position: absolute;\n background-color: inherit;\n border-bottom: none;\n}\n.tab-box-header > .status {\n position: absolute;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.tab-box-header > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.tab-box.has-tooltip > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-tooltip > .tab-box-header > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:active::before,\n.tab-box.has-tooltip > .tab-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.tab-box.has-info > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-info > .tab-box-header > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.tab-box.has-info > .tab-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.tab-box.has-info > .tab-box-header > .status:active::before,\n.tab-box.has-info > .tab-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.tab-box.has-ok > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-ok > .tab-box-header > .status::before {\n content: '\\E002';\n color: #00856C;\n font-size: 16px;\n}\n.tab-box.has-ok > .tab-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #005243;\n}\n.tab-box.has-ok > .tab-box-header > .status:active::before,\n.tab-box.has-ok > .tab-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #005243;\n}\n.tab-box.has-warning > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-warning > .tab-box-header > .status::before {\n content: '\\E001';\n color: #AD6200;\n font-size: 16px;\n}\n.tab-box.has-warning > .tab-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #7a4500;\n}\n.tab-box.has-warning > .tab-box-header > .status:active::before,\n.tab-box.has-warning > .tab-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #7a4500;\n}\n.tab-box.has-error > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-error > .tab-box-header > .status::before {\n content: '\\E001';\n color: #D53F3F;\n font-size: 16px;\n}\n.tab-box.has-error > .tab-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #b92828;\n}\n.tab-box.has-error > .tab-box-header > .status:active::before,\n.tab-box.has-error > .tab-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #b92828;\n}\n.tab-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n color: #000;\n background-color: transparent;\n padding: 0 20px;\n cursor: pointer;\n height: 100%;\n}\n.tab-item::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 1px;\n margin-bottom: -1px;\n display: none;\n}\n.tab-item.first {\n padding-left: 0;\n}\n.tab-item.overflown {\n display: none;\n}\n.tab-item.marked::after {\n display: block;\n background-color: #999999;\n}\n.tab-item:hover {\n color: #1561A7;\n}\n.tab-item:active {\n color: #1561A7;\n}\n.tab-item.selected {\n color: #000;\n}\n.tab-item:focus {\n outline: none;\n}\n.tab-item:focus.keyboard-navigation {\n color: #186ebe;\n}\n.tab-item > .title {\n display: inline-block;\n vertical-align: middle;\n padding: 12px 0 12px;\n margin-top: 1px;\n}\n.tab-area.has-sub-label > .tab-item > .title {\n padding-bottom: 7px;\n}\n.tab-item > .title > .label {\n vertical-align: middle;\n}\n.tab-item > .title > .label::before {\n content: attr(data-text);\n display: block;\n font-weight: bold;\n visibility: hidden;\n height: 0;\n}\n.selected.tab-item > .title > .label {\n font-weight: bold;\n}\n.tab-item > .title > .sub-label {\n padding-top: 1px;\n font-size: 11px;\n letter-spacing: 0.2px;\n color: #666666;\n}\n.tab-item > .status {\n display: inline-block;\n vertical-align: middle;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.tab-item > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.tab-item.has-tooltip,\n.tab-item.has-info,\n.tab-item.has-warning,\n.tab-item.has-ok,\n.tab-item.has-error {\n padding-right: 6px;\n}\n.tab-item.has-tooltip > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-tooltip > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.tab-item.has-tooltip > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.tab-item.has-tooltip > .status:active::before,\n.tab-item.has-tooltip > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.tab-item.has-info > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-info > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.tab-item.has-info > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.tab-item.has-info > .status:active::before,\n.tab-item.has-info > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.tab-item.has-ok > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-ok > .status::before {\n content: '\\E002';\n color: #00856C;\n font-size: 16px;\n}\n.tab-item.has-ok > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #005243;\n}\n.tab-item.has-ok > .status:active::before,\n.tab-item.has-ok > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #005243;\n}\n.tab-item.has-warning > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-warning > .status::before {\n content: '\\E001';\n color: #AD6200;\n font-size: 16px;\n}\n.tab-item.has-warning > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #7a4500;\n}\n.tab-item.has-warning > .status:active::before,\n.tab-item.has-warning > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #7a4500;\n}\n.tab-item.has-error > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-error > .status::before {\n content: '\\E001';\n color: #D53F3F;\n font-size: 16px;\n}\n.tab-item.has-error > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #b92828;\n}\n.tab-item.has-error > .status:active::before,\n.tab-item.has-error > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #b92828;\n}\n.overflow-tab-item.menu-item {\n vertical-align: middle;\n color: #000;\n}\n.overflow-tab-item.menu-item::before {\n display: none;\n}\n.overflow-tab-item.menu-item > .submenu-icon {\n padding-left: 4px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-chooser-popup {\n position: absolute;\n overflow: hidden;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n min-width: 150px;\n max-width: 250px;\n}\n.tag-chooser-popup.touch {\n background-color: #F5F5F5;\n}\n.tag-chooser-popup > .table > .table-data {\n padding: 8px 12px 5px 12px;\n}\n.tag-chooser-popup > .table > .table-data > .table-row.first {\n border-top: 1px solid rgba(0, 0, 0, 0.13);\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-field.focused > .field {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.tag-field.focused > .field.alternative {\n border-bottom-color: #1561A7;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field {\n background-color: transparent;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n padding: 7px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n user-select: none;\n padding: 0 0 0 4px;\n}\n.tag-field > .field.disabled {\n background-color: transparent;\n border-color: #DADADA;\n color: #666666;\n}\n.tag-field > .field:focus,\n.tag-field > .field.focused {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.tag-field > .field.has-error {\n border-color: #D53F3F;\n background-color: #FEE0E0;\n}\n.tag-field > .field.has-error:focus,\n.tag-field > .field.has-error.focused {\n outline: none;\n box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);\n}\n.tag-field > .field.read-only {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px #DADADA;\n color: #000;\n}\n.tag-field > .field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: rgba(0, 0, 0, 0.23);\n border-radius: 0;\n border-left-width: 0;\n border-right-width: 0;\n padding-left: 0;\n padding-right: 0;\n}\n.tag-field > .field.alternative.disabled {\n color: #808080;\n border-bottom-style: dashed;\n border-bottom-color: #CFCFCF;\n}\n.tag-field > .field.alternative:focus,\n.tag-field > .field.alternative.focused {\n color: #1561A7;\n border-bottom-color: #1561A7;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.has-error {\n color: #D53F3F;\n border-bottom-color: #D53F3F;\n}\n.tag-field > .field.alternative.has-error:focus,\n.tag-field > .field.alternative.has-error.focused {\n border-bottom-color: #D53F3F;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.read-only {\n color: #000;\n}\n.tag-field > .field:not(.multiline) {\n white-space: nowrap;\n}\n.tag-field > .field > .tag-bar {\n display: inline-block;\n}\n.tag-field > .field > input {\n border: none;\n padding-left: 3px;\n padding-right: 3px;\n background-color: transparent;\n min-height: 22px;\n height: 100%;\n}\n.tag-field > .field > input.fullwidth {\n width: 100%;\n padding-left: 6px;\n}\n.tag-field > .field > input.fullwidth.alternative {\n padding-left: 0;\n padding-right: 0;\n}\n.tag-field > .field > input.focused,\n.tag-field > .field > input:focus {\n box-shadow: none;\n}\n.tag-field > .field > input.has-error {\n background-color: transparent;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.table-field > .table {\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.table-field > .table.alternative {\n border-radius: 3px;\n}\n.table-field > .table.no-rows-selected:focus,\n.table-field > .table.no-rows-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tree-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.tree-field > .tree {\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.tree-field > .tree.alternative {\n border-radius: 3px;\n}\n.tree-field > .tree.no-rows-selected:focus,\n.tree-field > .tree.no-nodes-selected:focus,\n.tree-field > .tree.no-rows-selected.focused,\n.tree-field > .tree.no-nodes-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.wizard-steps {\n overflow: hidden;\n margin-left: 10px;\n margin-right: 0;\n}\n.wizard-steps-body {\n display: flex;\n align-items: center;\n height: 64px;\n overflow: hidden;\n white-space: nowrap;\n / Allows the last wizard-step to be 100% without line break /\n border-bottom: 1px solid #DADADA;\n position: relative;\n}\n.wizard-step {\n position: relative;\n display: inline-flex;\n align-items: center;\n padding-left: 15px;\n padding-right: 15px;\n}\n.wizard-step > .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 26px;\n height: 26px;\n border: 1px solid #DADADA;\n border-radius: 50%;\n margin-right: 9px;\n font-size: 11px;\n}\n.wizard-step > .icon > .font-icon {\n font-size: 14px;\n}\n.wizard-step > .text > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.wizard-step > .text > .title::before {\n content: attr(data-text);\n display: block;\n font-weight: bold;\n visibility: hidden;\n height: 0;\n}\n.wizard-step > .text > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666666;\n letter-spacing: 0.2px;\n font-size: 11px;\n}\n.wizard-step.first {\n padding-left: 0;\n}\n.wizard-step.last {\n padding-right: 0;\n}\n.wizard-step.action-enabled {\n cursor: pointer;\n color: #1561A7;\n}\n.wizard-step.action-enabled:hover > .icon {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.wizard-step.action-enabled:hover > .text > .title {\n color: #1561A7;\n}\n.wizard-step.action-enabled:active > .icon,\n.wizard-step.action-enabled.active > .icon {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.wizard-step.finished > .icon {\n color: #00856C;\n background-color: #DCFBF5;\n border-color: #DCFBF5;\n}\n.wizard-step.finished.action-enabled:hover > .icon {\n color: #00856C;\n background-color: #c1f8ed;\n border-color: #c1f8ed;\n}\n.wizard-step.finished.action-enabled:active > .icon,\n.wizard-step.finished.action-enabled.active > .icon {\n color: #00856C;\n background-color: #a1f4e4;\n border-color: #a1f4e4;\n}\n.wizard-step.selected > .icon {\n color: #fff;\n background-color: #1561A7;\n border-color: #1561A7;\n font-weight: bold;\n}\n.wizard-step.selected > .text > .title {\n font-weight: bold;\n}\n.wizard-step.disabled > .icon {\n background-color: inherit;\n color: #808080;\n border-color: #DADADA;\n}\n.wizard-step.disabled > .text > .title,\n.wizard-step.disabled > .text > .sub-title {\n color: #808080;\n}\n.wizard-steps > .scrollbar > .scrollbar-thumb.x-axis {\n padding-top: 6px;\n}\n.wizard-steps > .scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,\n.wizard-steps > .scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: 4px;\n}\n.wizard-step-separator {\n height: 1px;\n width: 40px;\n background-color: #DADADA;\n flex-shrink: 0;\n flex-grow: 0;\n}\n.wizard-steps.compact > .wizard-steps-body {\n height: 44px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step-separator {\n width: 20px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.wrapped-form-field > .form {\n background-color: transparent;\n / Reset padding set in GroupBox.css /\n / Reset margin set in GroupBox.css /\n / Reset values set in MenuBar.css /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body,\n.wrapped-form-field > .form > .root-group-box > .group-box-header {\n padding-left: 0;\n padding-right: 0;\n}\n.wrapped-form-field > .form > .root-group-box {\n overflow: visible;\n / allow overflow for the root-group-box for wrapped forms /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar {\n / position scrollbar as right as possible to prevent overlapping field parts. /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 8px;\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 6px;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar {\n margin-left: 10px;\n background-color: inherit;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar > .menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.glasspane {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n outline: none;\n z-index: 100;\n cursor: default;\n}\n.glasspane.busy {\n cursor: wait;\n}\n.glasspane.dark {\n background-color: rgba(0, 0, 0, 0.1);\n -webkit-animation: fade-in ease-in 1;\n -moz-animation: fade-in ease-in 1;\n -o-animation: fade-in ease-in 1;\n animation: fade-in ease-in 1;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.glasspane-parent {\n pointer-events: none;\n / Disable hover effects and clicks /\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.iframe.no-scrolling {\n overflow: hidden;\n}\n.iframe.iphone {\n height: 100%;\n}\n.iframe-wrapper {\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n.iframe-wrapper > iframe {\n display: block;\n width: 100%;\n border: 0;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.image {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n}\n.image.autofit {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n}\n.image.chrome-fix {\n padding-bottom: 0.01px;\n}\n.image.empty {\n visibility: hidden;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.key-box {\n position: absolute;\n min-width: 34px;\n padding: 4px 5px;\n z-index: 100;\n color: #000;\n background-color: #FDE1B1;\n line-height: normal;\n text-align: center;\n border: 1px solid #FDE1B1;\n font-size: 11px;\n font-weight: normal;\n border-radius: 3px;\n}\n.key-box.disabled {\n border-color: #CFCFCF;\n background-color: #CFCFCF;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.logical-grid-layout {\n position: relative;\n}\n.logical-grid-layout > {\n position: absolute;\n}\n/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.menu-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #1561A7;\n cursor: pointer;\n padding: 6px 10px;\n border-radius: 3px;\n transition: box-shadow 0.3s ease;\n}\n.menu-item.menu-icononly {\n padding-left: 8px;\n padding-right: 8px;\n}\n.menu-item > .key-box {\n bottom: -3px;\n}\n.menu-item:hover {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.menu-item:active,\n.menu-item.active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.menu-item.selected {\n color: #fff;\n background-color: #1561A7;\n}\n.menu-item.selected:hover {\n background-color: #014786;\n}\n.menu-item.selected.active,\n.menu-item.selected:active {\n background-color: #012c53;\n}\n.menu-item.selected.has-popup {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.menu-item:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #93c5f4;\n}\n.menu-item.disabled {\n color: #808080;\n background-color: transparent;\n cursor: default;\n}\n.menu-item.disabled:hover,\n.menu-item.disabled.active,\n.menu-item.disabled:active {\n background-color: transparent;\n}\n.menu-item.disabled.selected {\n color: #fff;\n background-color: #808080;\n}\n.menu-item.disabled.selected.has-popup {\n color: #808080;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.menu-item.menu-textandicon > .icon {\n margin-right: 8px;\n}\n.menu-item > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.menu-item > .font-icon {\n font-size: 16px;\n}\n.menu-item > .image-icon {\n / Prevent large image icons from overlapping the menu item /\n max-height: 16px;\n / Ensure the default image icon size is taken from the beginning, so that the text does not \"jump\" when /\n / the image loading is complete. (For larger icons, the width will be increased afterwards.) /\n min-width: 16px;\n}\n.menu-item > .icon.with-label {\n margin-right: 8px;\n}\n.menu-item.disabled > .icon.image-icon {\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n filter: grayscale(100%);\n opacity: 0.5;\n}\n.menu-item > .submenu-icon,\n.menu-item > .text > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.menu-icononly.menu-item > .submenu-icon,\n.menu-icononly.menu-item > .text > .submenu-icon {\n padding-left: 0;\n}\n.selected.menu-item > .submenu-icon,\n.selected.menu-item > .text > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.menu-item.bottom-text.menu-textandicon {\n flex-direction: column;\n}\n.menu-item.bottom-text.menu-textandicon > .icon {\n display: block;\n margin-right: 0;\n padding-bottom: 3px;\n}\n.menu-item.bottom-text.menu-textandicon > .text {\n display: flex;\n align-items: center;\n font-size: 10px;\n}\n.menu-item.bottom-text.menu-textandicon > .text > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n line-height: 0;\n}\n.menu-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #1561A7;\n background-color: transparent;\n --border-color: #1561A7;\n border: 1px solid var(--border-color);\n border-radius: 3px;\n cursor: pointer;\n padding: 2px 7px;\n}\n.menu-button.borderless {\n background-color: transparent;\n border: 0;\n}\n.menu-button.borderless:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #93c5f4;\n}\n.menu-button > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.menu-button > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.menu-button > .icon.with-label {\n margin-right: 8px;\n}\n.menu-button > .icon.loading,\n.menu-button > .icon.broken {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.menu-button > .icon.image-icon {\n max-height: 100%;\n}\n.menu-button > .font-icon {\n font-size: 16px;\n}\n.menu-button > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.selected.menu-button > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.menu-button > .button-label,\n.menu-button > .icon,\n.menu-button > .submenu-icon {\n opacity: 1;\n transition: opacity 250ms;\n}\n.menu-button:hover {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.menu-button:active,\n.menu-button.active {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.menu-button.selected {\n color: #fff;\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.menu-button.selected:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.menu-button.selected.active,\n.menu-button.selected:active {\n background-color: #012c53;\n border-color: #012c53;\n}\n.menu-button.selected.has-popup {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.menu-button:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.menu-button.default {\n background-color: #1561A7;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #1561A7;\n color: #fff;\n}\n.menu-button.default:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.menu-button.default:active,\n.menu-button.default.active {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.menu-button.default.selected {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.menu-button.default:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.menu-button:disabled,\n.menu-button.disabled {\n background-color: transparent;\n border-color: #DADADA;\n color: #808080;\n cursor: default;\n}\n.menu-button:disabled:hover,\n.menu-button.disabled:hover,\n.menu-button:disabled.active,\n.menu-button.disabled.active,\n.menu-button:disabled:active,\n.menu-button.disabled:active,\n.menu-button:disabled.selected,\n.menu-button.disabled.selected {\n background-color: transparent;\n border-color: #DADADA;\n color: #808080;\n}\n.menu-button:disabled.selected,\n.menu-button.disabled.selected {\n color: #fff;\n background-color: #808080;\n border-color: #808080;\n}\n.menu-button:disabled.selected.has-popup,\n.menu-button.disabled.selected.has-popup {\n color: #808080;\n background-color: rgba(0, 0, 0, 0.12);\n border-color: rgba(0, 0, 0, 0.12);\n}\n.menu-button.loading > .button-label,\n.menu-button.loading > .icon,\n.menu-button.loading > .submenu-icon {\n opacity: 0;\n transition: opacity 250ms;\n}\n.menu-button.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -10px;\n margin-left: -10px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.menu-button.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 20px;\n height: 20px;\n}\n.menu-button.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.context-menu-popup {\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n}\n.context-menu-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.context-menu-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.context-menu {\n position: absolute;\n margin: 6px 0;\n background-color: #fff;\n}\n.context-menu > .menu-item {\n display: flex;\n justify-content: start;\n padding: 8px 16px 8px 16px;\n color: #000;\n border-radius: 0;\n}\n.context-menu > .menu-item > .font-icon {\n color: #1561A7;\n min-width: 16px;\n text-align: center;\n}\n.context-menu > .menu-item > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n / default is inline, inline-block is necessary so that max-width set by JS is respected /\n display: inline-block;\n}\n.context-menu > .menu-item.menu-textandicon > .icon {\n margin-right: 14px;\n}\n.context-menu > .menu-item.selected {\n background-color: #E9F0F6;\n}\n.context-menu > .menu-item.selected.has-popup {\n color: #000;\n}\n.context-menu > .menu-item.selected.has-popup.disabled {\n color: #808080;\n background-color: #E9F0F6;\n}\n.context-menu > .menu-item.selected > .submenu-icon {\n transform: none;\n}\n.context-menu > .menu-item.expanded > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.context-menu > .menu-item.disabled {\n color: #808080;\n}\n.context-menu > .menu-item.disabled > .font-icon {\n color: #808080;\n}\n.context-menu > .menu-item > .key-box {\n bottom: auto;\n top: 5px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.combo-menu {\n padding: 0;\n cursor: default;\n align-items: stretch;\n}\n.combo-menu:active,\n.combo-menu.active,\n.combo-menu:hover {\n background-color: transparent;\n}\n.combo-menu > .menu-item:not(.first) {\n margin-left: 3px;\n}\n.combo-menu > .menu-item:not(.first)::before {\n content: '';\n position: absolute;\n left: -1px;\n top: 7px;\n height: calc(100% - 14px);\n width: 1px;\n background-color: #DADADA;\n}\n.combo-menu > .menu-item:focus::before {\n display: none;\n}\n.combo-menu > .menu-item:not(.disabled):hover::before,\n.combo-menu > .menu-item.selected::before,\n.combo-menu > .menu-item:not(.disabled):hover ~ .menu-item::before,\n.combo-menu > .menu-item.selected ~ .menu-item::before {\n display: none;\n}\n.combo-menu.menu-button {\n border: 0;\n}\n.combo-menu.menu-button > .menu-item {\n border: 1px solid #1561A7;\n flex-grow: 1;\n}\n.combo-menu.menu-button > .menu-item.menu-icononly:not(.first.last) {\n flex-grow: 0;\n}\n.combo-menu.menu-button > .menu-item:not(.last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0;\n}\n.combo-menu.menu-button > .menu-item:not(.first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: 0;\n margin-left: 0;\n}\n.disabled.combo-menu.menu-button > .menu-item {\n border-color: #808080;\n}\n.combo-menu.menu-button > .menu-item:focus {\n z-index: 1;\n}\n.combo-menu.menu-button.default > .menu-item {\n background-color: #1561A7;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #1561A7;\n color: #fff;\n}\n.combo-menu.menu-button.default > .menu-item:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.combo-menu.menu-button.default > .menu-item:active,\n.combo-menu.menu-button.default > .menu-item.active {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.combo-menu.menu-button.default > .menu-item.selected {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.combo-menu.menu-button.default > .menu-item:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.combo-menu.menu-button.default > .menu-item::before {\n background-color: #DADADA;\n}\n.combo-menu.menu-button.default > .menu-item.selected {\n background-color: #012c53;\n border-color: #012c53;\n}\n.combo-menu.menu-button.default > .menu-item.disabled {\n color: rgba(255, 255, 255, 0.4);\n}\n.combo-menu.menu-button.default > .menu-item.disabled:hover,\n.combo-menu.menu-button.default > .menu-item.disabled.active,\n.combo-menu.menu-button.default > .menu-item.disabled:active,\n.combo-menu.menu-button.default > .menu-item.disabled.selected {\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.context-menu > .combo-menu {\n padding: 0;\n}\n.context-menu > .combo-menu > .menu-item {\n color: #000;\n padding: 8px 16px 8px 16px;\n flex-grow: 1;\n justify-content: start;\n border-radius: 0;\n}\n.context-menu > .combo-menu > .menu-item > .font-icon {\n color: #1561A7;\n}\n.context-menu > .combo-menu > .menu-item.menu-textandicon > .icon {\n margin-right: 14px;\n}\n.context-menu > .combo-menu > .menu-item.menu-icononly:not(.first.last) {\n flex-grow: 0;\n}\n.context-menu > .combo-menu > .menu-item.disabled {\n color: #808080;\n}\n.context-menu > .combo-menu > .menu-item.disabled > .font-icon {\n color: #808080;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.profile-menu.menu-item > .icon {\n height: 26px;\n width: 26px;\n margin: -4px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background: linear-gradient(180deg, #014786 -145%, #74A8D8 56%);\n}\n.profile-menu.menu-item > .icon.font-icon {\n color: #fff;\n}\n.profile-menu.menu-item > .icon.image-icon {\n object-fit: cover;\n max-height: 26px;\n}\n.context-menu > .menu-textandicon.profile-menu.menu-item > .icon {\n margin-right: 10px;\n}\n.desktop-tool-box-item.profile-menu.menu-item > .icon {\n height: 32px;\n width: 32px;\n margin: 0;\n box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);\n font-size: 18px;\n}\n.menu-textandicon.desktop-tool-box-item.profile-menu.menu-item > .icon {\n margin-right: 8px;\n}\n.desktop-tool-box-item.profile-menu.menu-item > .icon.image-icon {\n max-height: 32px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n cursor: default;\n color: #000;\n}\n.form-field-menu:hover {\n color: #000;\n background-color: transparent;\n}\n.form-field-menu:active,\n.form-field-menu.active {\n background-color: transparent;\n}\n.form-field-menu:not(.has-text):not(.has-icon) > .form-field > label {\n margin-left: 0;\n}\n.form-field-menu > .form-field {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n}\n.form-field-menu > .form-field > label {\n margin-left: 8px;\n}\n.form-field-menu > .form-field.disabled:not(.read-only) > label {\n / Use same disabled color as for menu items /\n color: #808080;\n}\n.form-field-menu:not(.has-icon) > .form-field:not(.no-mandatory-indicator) {\n margin-left: -10px;\n}\n.form-field-menu > .check-box-field.disabled:not(.read-only) > .field > .label,\n.form-field-menu > .radiobutton-group > .radiobutton-group-body > .radio-button.disabled:not(.read-only) > .field > .label,\n.form-field-menu > .radio-button.disabled:not(.read-only) > .field > .label {\n / Use same disabled color as for menu items /\n color: #808080;\n}\n.menubar-box > .form-field-menu > .string-field,\n.menubar-box > .form-field-menu > .smart-field,\n.menubar-box > .form-field-menu > .dropdown-field,\n.menubar-box > .form-field-menu > .proposal-field,\n.menubar-box > .form-field-menu > .number-field,\n.menubar-box > .form-field-menu > .date-field,\n.menubar-box > .form-field-menu > .tag-field,\n.menubar-box > .form-field-menu > .file-chooser-field {\n margin-top: 2px;\n margin-bottom: 2px;\n}\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu.first {\n padding-left: 0;\n}\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu.last {\n padding-right: 0;\n}\n/ Inside context menu popup -> set preferred size /\n.context-menu > .form-field-menu > .text,\n.context-menu > .form-field-menu > .icon {\n flex: none;\n}\n.context-menu > .form-field-menu > .form-field {\n flex: 1 1 auto;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ Mixins /\n#scout {\n / standard main-menubar /\n / a transparent main-menubar /\n}\n/ Styles /\n.menubar {\n position: relative;\n width: 100%;\n background-color: transparent;\n border-bottom: 1px solid #DADADA;\n white-space: nowrap;\n}\n.menubar.bottom {\n border-bottom: 0;\n border-top: 1px solid #DADADA;\n}\n.menubar-box {\n display: inline-flex;\n height: 100%;\n align-items: center;\n / If the menubar has a border left and right, the first and last items need to be adjusted /\n}\n.menubar-box.right {\n float: right;\n}\n.menubar-box > .menu-separator {\n width: 1px;\n margin: 0 10px;\n background-color: #DADADA;\n height: 15px;\n}\n.menubar-box > .menu-separator.overflown {\n display: none;\n}\n.menubar-box > .menu-item {\n margin: 2px 2px;\n / 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 /\n min-height: 30px;\n}\n.menubar-box > .menu-item.menu-icononly {\n margin-left: 2px;\n margin-right: 2px;\n min-width: 30px;\n}\n.menubar-box > .menu-item.overflown {\n display: none;\n}\n.menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.menubar-box > .menu-item.last {\n margin-right: 0;\n}\n.menubar-box > .menu-button {\n min-width: 110px;\n margin: 4px;\n}\n.menubar-box > .menu-button.small {\n min-width: 53px;\n}\n.bounded > .menubar-box > .menu-item.first {\n margin-left: 2px;\n}\n.bounded > .menubar-box > .menu-item.last {\n margin-right: 2px;\n}\n.main-menubar {\n background-color: transparent;\n min-height: 64px;\n margin-left: inherit;\n margin-right: inherit;\n}\n.main-menubar > .menubar-box > .menu-separator {\n height: 18px;\n}\n.main-menubar > .menubar-box > .menu-item {\n margin-left: 5px;\n margin-right: 5px;\n}\n.main-menubar > .menubar-box > .menu-item.first {\n margin-left: 10px;\n}\n.main-menubar > .menubar-box > .menu-item.last {\n margin-right: 10px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly {\n margin-left: 2px;\n margin-right: 2px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly.first {\n margin-left: 12px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly.last {\n margin-right: 12px;\n}\n.main-menubar > .menubar-box > .menu-button.first,\n.main-menubar > .menubar-box > .menu-button.first.menu-icononly {\n margin-left: 20px;\n}\n.main-menubar > .menubar-box > .menu-button.last,\n.main-menubar > .menubar-box > .menu-button.last.menu-icononly {\n margin-right: 20px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.menu-bar-popup {\n margin: 8px 6px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: 473px;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n margin: 10px / minimum padding to desktop / 10px 15px;\n}\n.messagebox.full-height.full-width {\n border-radius: 0;\n}\n.messagebox.info > .messagebox-content > .messagebox-header {\n color: #1561A7;\n}\n.messagebox.info > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #1561A7;\n}\n.messagebox.info > .box-buttons > .box-button {\n border-color: #1561A7;\n color: #1561A7;\n}\n.messagebox.info > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.info > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.messagebox.info > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.messagebox.info > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #1561A7;\n}\n.messagebox.info > .box-buttons > .box-button.default:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.messagebox.info > .box-buttons > .box-button.default.active,\n.messagebox.info > .box-buttons > .box-button.default:active {\n background-color: #012c53;\n border-color: #012c53;\n}\n.messagebox.info > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.messagebox.info > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.messagebox.error > .messagebox-content > .messagebox-header {\n color: #D53F3F;\n}\n.messagebox.error > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #D53F3F;\n}\n.messagebox.error > .box-buttons > .box-button {\n border-color: #D53F3F;\n color: #D53F3F;\n}\n.messagebox.error > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.error > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);\n border-color: rgba(213, 63, 63, 0.55);\n}\n.messagebox.error > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.messagebox.error > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #D53F3F;\n}\n.messagebox.error > .box-buttons > .box-button.default:hover {\n background-color: #c92c2c;\n border-color: #c92c2c;\n}\n.messagebox.error > .box-buttons > .box-button.default.active,\n.messagebox.error > .box-buttons > .box-button.default:active {\n background-color: #ac2626;\n border-color: #ac2626;\n}\n.messagebox.error > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);\n border-color: rgba(213, 63, 63, 0.55);\n}\n.messagebox.error > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.messagebox.warning > .messagebox-content > .messagebox-header {\n color: #AD6200;\n}\n.messagebox.warning > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #AD6200;\n}\n.messagebox.warning > .box-buttons > .box-button {\n border-color: #AD6200;\n color: #AD6200;\n}\n.messagebox.warning > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.warning > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(173, 98, 0, 0.4);\n border-color: rgba(173, 98, 0, 0.55);\n}\n.messagebox.warning > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.messagebox.warning > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #AD6200;\n}\n.messagebox.warning > .box-buttons > .box-button.default:hover {\n background-color: #8e5100;\n border-color: #8e5100;\n}\n.messagebox.warning > .box-buttons > .box-button.default.active,\n.messagebox.warning > .box-buttons > .box-button.default:active {\n background-color: #6b3c00;\n border-color: #6b3c00;\n}\n.messagebox.warning > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(173, 98, 0, 0.4);\n border-color: rgba(173, 98, 0, 0.55);\n}\n.messagebox.warning > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.messagebox.ok > .messagebox-content > .messagebox-header {\n color: #00856C;\n}\n.messagebox.ok > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #00856C;\n}\n.messagebox.ok > .box-buttons > .box-button {\n border-color: #00856C;\n color: #00856C;\n}\n.messagebox.ok > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.ok > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 133, 108, 0.4);\n border-color: rgba(0, 133, 108, 0.55);\n}\n.messagebox.ok > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.messagebox.ok > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #00856C;\n}\n.messagebox.ok > .box-buttons > .box-button.default:hover {\n background-color: #006653;\n border-color: #006653;\n}\n.messagebox.ok > .box-buttons > .box-button.default.active,\n.messagebox.ok > .box-buttons > .box-button.default:active {\n background-color: #004336;\n border-color: #004336;\n}\n.messagebox.ok > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 133, 108, 0.4);\n border-color: rgba(0, 133, 108, 0.55);\n}\n.messagebox.ok > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.messagebox.animate-open {\n -webkit-animation-name: short-drop;\n -moz-animation-name: short-drop;\n -o-animation-name: short-drop;\n animation-name: short-drop;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.messagebox.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.messagebox-content {\n min-height: 30px;\n padding: 27px 26px 17px 26px;\n display: flex;\n flex-direction: column;\n align-items: center;\n / add a bit of extra space to the scrollbar on the right /\n}\n.messagebox-content > .scrollbar.y-axis {\n width: 16px;\n}\n.messagebox-icon {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n font-size: 12px;\n justify-content: center;\n flex-shrink: 0;\n}\n.messagebox-label {\n word-wrap: break-word;\n word-break: break-word;\n}\n.messagebox-label.copyable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.messagebox-header {\n font-size: 16px;\n font-weight: bold;\n padding-bottom: 14px;\n text-align: center;\n}\n.messagebox-header > .messagebox-icon {\n color: #fff;\n font-size: 14px;\n border-radius: 50%;\n}\n.messagebox-header.has-text > .messagebox-icon {\n margin-right: 12px;\n}\n.has-body > .messagebox-html {\n padding-top: 10px;\n}\n.messagebox-html > :first-child {\n margin-top: 0;\n}\n.messagebox-html > :last-child {\n margin-bottom: 0;\n}\n.messagebox-html > p {\n margin: 8px 0;\n}\n.messagebox-html > p + ul {\n margin-top: -4px;\n}\n.messagebox-html > ul {\n margin: 5px 0;\n}\n.messagebox-html > ul {\n padding-left: 26px;\n}\n.messagebox-html > ul > li {\n margin-top: 3px;\n}\n.messagebox-html > ul > li:first-child {\n margin-top: 0;\n}\n.messagebox-buttons {\n display: flex;\n justify-content: center;\n padding: 4px 26px 25px 26px;\n}\n@media (max-width: 473px) {\n .messagebox {\n / reduce message box width on small screens /\n max-width: 330px;\n / no need to have a margin on small screens /\n margin: 0;\n }\n .messagebox > .messagebox-buttons {\n padding-left: 10px;\n padding-right: 10px;\n }\n .messagebox > .messagebox-buttons > .box-button {\n min-width: 70px;\n / less min width for buttons on small screens /\n margin-right: 8px;\n }\n .messagebox > .messagebox-buttons > .box-button:last-child {\n margin-right: 0;\n }\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode {\n --padding-x: 12px;\n --padding-y: 6px;\n --border-width: 1px;\n border: var(--border-width) solid rgba(0, 0, 0, 0.23);\n border-radius: 0;\n flex: 1 1 0;\n padding: var(--padding-y) var(--padding-x);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mode.first {\n border-radius: 3px 0 0 3px;\n}\n.mode.last {\n border-radius: 0 3px 3px 0;\n}\n.mode.first.last {\n border-radius: 3px;\n}\n.mode:not(.last):not(.selected) {\n border-right: none;\n padding-right: calc(var(--padding-x) + var(--border-width));\n / account for the missing border, so that text does not jump /\n}\n.mode.after-selected {\n border-left: none;\n padding-left: calc(var(--padding-x) + var(--border-width));\n / account for the missing border, so that text does not jump /\n}\n.mode.selected {\n color: #fff;\n cursor: default;\n}\n.mode.selected:hover {\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.mode.selected:active {\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.mode.selected.disabled {\n background-color: #808080;\n border-color: #808080;\n}\n.mode > .icon {\n padding: 0;\n}\n.mode > .icon.with-label {\n margin-right: 8px;\n}\n.mode-selector.alternative > .mode {\n --border-width: 0px;\n color: #666666;\n background-color: transparent;\n border-radius: 3px;\n}\n.mode-selector.alternative > .mode:hover {\n background-color: rgba(0, 0, 0, 0.05);\n}\n.mode-selector.alternative > .mode:active {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.mode-selector.alternative > .mode.selected {\n color: #1561A7;\n transition: color 500ms ease;\n}\n.mode-selector.alternative > .mode.selected:hover {\n background-color: transparent;\n}\n.mode-selector.alternative > .mode.selected.disabled {\n background-color: #DADADA;\n}\n.mode-selector.alternative > .mode.mode-selector-dragging {\n background-color: transparent;\n transition: unset;\n}\n.mode-selector.alternative > .mode.disabled {\n color: #808080;\n background-color: transparent;\n cursor: default;\n}\n.dense .mode-selector > .mode {\n --padding-x: 5px;\n --padding-y: 3px;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode-selector {\n position: relative;\n background-color: transparent;\n white-space: nowrap;\n display: inline-flex;\n overflow: hidden;\n}\n.mode-selector > .mode-slider {\n display: none;\n}\n.mode-selector.alternative {\n background-color: rgba(0, 0, 0, 0.08);\n border-radius: 3px;\n border: 3px solid transparent;\n}\n.mode-selector.alternative:not(.disabled) > .mode-slider {\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n background-color: #fff;\n border-radius: 3px;\n transition: left 500ms ease, width 500ms ease;\n}\n.mode-selector.alternative:not(.disabled) > .mode-slider.mode-selector-dragging {\n transition: unset;\n}\n.mode-selector.alternative > .mode.mode-selector-dragging {\n pointer-events: none;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.notification {\n position: relative;\n display: flex;\n align-items: center;\n margin: 10px 0 0 10px;\n padding: 8px;\n border: 1px solid transparent;\n border-radius: 8px;\n color: #000;\n pointer-events: auto;\n font-weight: bold;\n / When notification is a direct child of the main group-box: use different margins /\n}\n.notification.alternative {\n border: 0;\n}\n.notification.no-icon {\n padding: 13px 12px 13px 23px;\n}\n.notification.no-icon::before {\n content: '';\n position: absolute;\n border: 2px solid #E9F0F6;\n background-color: #E9F0F6;\n margin: 7px 0 7px 9px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px 2);\n}\n.notification.ok {\n border-color: #00856C;\n color: #00856C;\n}\n.notification.ok.alternative {\n background-color: #DCFBF5;\n}\n.notification.ok.no-icon::before {\n border-color: #00856C;\n background-color: #00856C;\n}\n.notification.info {\n border-color: #1561A7;\n font-weight: normal;\n}\n.notification.info.alternative {\n color: #1561A7;\n font-weight: bold;\n background-color: #E9F0F6;\n}\n.notification.info.no-icon::before {\n border-color: #1561A7;\n background-color: #1561A7;\n}\n.notification.warning {\n border-color: #AD6200;\n color: #AD6200;\n}\n.notification.warning.alternative {\n background-color: #FCF0E5;\n}\n.notification.warning.no-icon::before {\n border-color: #AD6200;\n background-color: #AD6200;\n}\n.notification.error {\n border-color: #D53F3F;\n color: #D53F3F;\n}\n.notification.error.alternative {\n background-color: #FEE0E0;\n}\n.notification.error.no-icon::before {\n border-color: #D53F3F;\n background-color: #D53F3F;\n}\n.root-group-box > .notification {\n margin-left: 20px;\n margin-right: 20px;\n}\n.notification-icon {\n width: 32px;\n height: 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n.notification-icon.font-icon {\n color: #fff;\n background-color: #fff;\n font-size: 14px;\n border-radius: 50%;\n}\n.ok > .notification-icon.font-icon {\n background-color: #00856C;\n}\n.info > .notification-icon.font-icon {\n background-color: #1561A7;\n}\n.warning > .notification-icon.font-icon {\n background-color: #AD6200;\n}\n.error > .notification-icon.font-icon {\n background-color: #D53F3F;\n}\n.notification-content {\n max-width: 100%;\n}\n.has-icon > .notification-content {\n max-width: calc(100% - 40px);\n margin-left: 10px;\n}\n.notification-content.closable {\n padding-right: 25px;\n}\n.notification-content > .closer {\n position: absolute;\n right: 6px;\n top: 6px;\n padding: 6px;\n}\n.has-icon > .notification-content > .closer {\n right: 9px;\n top: 9px;\n}\n.ok > .notification-content > .closer,\n.warning > .notification-content > .closer,\n.error > .notification-content > .closer,\n.alternative > .notification-content > .closer {\n color: inherit;\n}\n.notification-message {\n padding-right: 12px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n/\n Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner {\n position: absolute;\n overflow: hidden;\n}\n.planner > .menubar.bottom {\n position: absolute;\n bottom: 0;\n}\n.planner-scale {\n position: absolute;\n right: 0;\n height: 45px;\n border-bottom: 1px solid #DADADA;\n width: 100%;\n / for horizontal scrollbars /\n overflow: hidden;\n white-space: nowrap;\n}\n.planner-scale .scale-item {\n display: inline-block;\n position: relative;\n white-space: nowrap;\n padding: 0 0 0 5px;\n}\n.planner-scale .scale-item.label-invisible {\n color: transparent;\n}\n.planner-scale > .timeline {\n display: inline-block;\n width: calc(100% - 150px);\n}\n.planner-scale > .timeline > .timeline-large {\n height: 50%;\n background-color: #F5F5F5;\n line-height: 22.5px;\n}\n.planner-scale > .timeline > .timeline-large > .scale-item > .planner-large-scale-item-line {\n height: 45px;\n}\n.planner-scale > .timeline > .timeline-small {\n height: 50%;\n line-height: 22.5px;\n}\n.planner-scale > .timeline > .timeline-small > .highlight {\n position: absolute;\n background-color: #E9F0F6;\n height: 50%;\n}\n.planner-scale-title {\n height: 100%;\n float: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding: 0 5px;\n font-size: 17px;\n color: #666666;\n line-height: 45px;\n width: 150px;\n}\n.planner-grid {\n position: absolute;\n right: 0;\n width: 100%;\n overflow: hidden;\n}\n.planner-resource {\n height: 30px;\n width: 100%;\n border-bottom: 1px solid #DADADA;\n}\n.planner-resource > .resource-title {\n line-height: 30px;\n height: 100%;\n width: 150px;\n padding: 0 5px;\n float: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.planner-resource.selected > .resource-title {\n background-color: #E9F0F6;\n}\n.planner-resource > .resource-cells {\n position: relative;\n height: 100%;\n width: calc(100% - 150px);\n float: left;\n}\n.planner-resource > .resource-cells > .selector {\n position: absolute;\n border-top: 2px solid #1561A7;\n border-bottom: 2px solid #1561A7;\n z-index: 1;\n / TODO [7.0] CRU/BSH/CGU Instead of assigning a z-index, find a better insertion point for the selector /\n top: 0;\n}\n.planner-resource > .resource-cells > .selector > .selector-resize-left {\n background-color: #fff;\n border-left: 2px solid #1561A7;\n border-right: 2px solid #1561A7;\n position: absolute;\n top: 0;\n left: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n}\n.planner-resource > .resource-cells > .selector > .selector-resize-right {\n background-color: #fff;\n border-left: 2px solid #1561A7;\n border-right: 2px solid #1561A7;\n position: absolute;\n top: 0;\n right: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n}\n.planner-activity {\n position: absolute;\n top: 1px;\n width: 0;\n color: #000;\n height: 27px;\n line-height: 27px;\n background-color: #67E9D1;\n text-align: center;\n border: 1px solid #DADADA;\n overflow: hidden;\n}\n.planner-activity.selected {\n outline: 2px solid #1561A7;\n}\n.planner-activity-level {\n background-color: #fff;\n}\n.planner-small-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: rgba(0, 0, 0, 0.07);\n pointer-events: none;\n}\n.planner-large-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n/\n * Copyright (c) 2014-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner-header {\n display: table;\n width: 100%;\n white-space: nowrap;\n padding: 8px 3px 12px 0;\n}\n.planner-range {\n display: table-cell;\n vertical-align: middle;\n white-space: nowrap;\n padding-left: 8px;\n}\n.planner-previous,\n.planner-today,\n.planner-next {\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n cursor: pointer;\n height: 30px;\n color: #000;\n background-color: transparent;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n margin-right: 5px;\n line-height: 29px;\n}\n.planner-previous:hover,\n.planner-today:hover,\n.planner-next:hover {\n color: #1561A7;\n}\n.planner-today {\n width: 65px;\n}\n.planner-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n.planner-previous:hover::before,\n.planner-next:hover::before {\n color: #1561A7;\n}\n.planner-previous::before {\n line-height: 29px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 20px;\n width: 29px;\n content: '\\E012';\n color: #000;\n text-align: center;\n}\n.planner-next::before {\n line-height: 29px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 20px;\n width: 29px;\n content: '\\E013';\n color: #000;\n text-align: center;\n}\n.planner-commands {\n display: table-cell;\n text-align: right;\n}\n.planner-mode,\n.planner-toggle-year,\n.planner-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: 30px;\n line-height: 29px;\n cursor: pointer;\n}\n.planner-mode {\n padding: 0 8px;\n min-width: 65px;\n text-align: center;\n border-top: 1px solid rgba(0, 0, 0, 0.23);\n border-bottom: 1px solid rgba(0, 0, 0, 0.23);\n border-left: 1px solid rgba(0, 0, 0, 0.23);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.planner-mode.first {\n border-left: 1px solid rgba(0, 0, 0, 0.23);\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.planner-mode.last {\n border-right: 1px solid rgba(0, 0, 0, 0.23);\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.planner-mode:hover {\n color: #1561A7;\n}\n.planner-mode.selected {\n color: #2F3C45;\n background-color: #E9F0F6;\n}\n.planner-mode.disabled {\n background-color: transparent;\n border-color: #DADADA;\n color: #808080;\n cursor: default;\n}\n.planner-toggle-year,\n.planner-toggle-list {\n margin-left: 5px;\n}\n.planner-toggle-year:hover::before,\n.planner-toggle-list:hover::before {\n color: #1561A7;\n}\n.planner-toggle-year::before {\n line-height: 29px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 18px;\n width: 29px;\n content: '\\E029';\n color: #000;\n text-align: center;\n}\n.planner-toggle-list::before {\n line-height: 29px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 18px;\n width: 29px;\n content: '\\E01C';\n color: #000;\n text-align: center;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.popup {\n position: absolute;\n top: 0;\n}\n.popup:focus {\n outline: none;\n}\n.popup.with-arrow {\n min-width: 11px;\n min-height: 11px;\n}\n.popup.before-animate-open {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: 11px;\n height: 11px;\n}\n.popup-arrow.left {\n left: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.popup-arrow.left.center {\n top: 50%;\n}\n.popup-arrow.left.bottomedge {\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.popup-arrow.right {\n right: 0;\n transform: translate(50%, -50%) rotate(45deg);\n}\n.popup-arrow.right.center {\n top: 50%;\n}\n.popup-arrow.right.bottomedge {\n transform: translate(50%, 50%) rotate(45deg);\n}\n.popup-arrow.top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.popup-arrow.top.center {\n left: 50%;\n}\n.popup-arrow.top.rightedge {\n transform: translate(50%, -50%) rotate(45deg);\n}\n.popup-arrow.bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.popup-arrow.bottom.center {\n left: 50%;\n}\n.popup-arrow.bottom.rightedge {\n transform: translate(50%, 50%) rotate(45deg);\n}\n.popup-arrow.leftedge {\n left: 35px;\n}\n.popup-arrow.rightedge {\n right: 35px;\n}\n.popup-arrow.topedge {\n top: 35px;\n}\n.popup-arrow.bottomedge {\n bottom: 35px;\n}\n.popup-arrow-overlay {\n position: absolute;\n background-color: inherit;\n width: 100%;\n height: 100%;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mobile-popup {\n background-color: #fff;\n border: 0 solid #DADADA;\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n overflow: hidden;\n margin-top: 30px;\n box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.5);\n}\n.mobile-popup.animate-open {\n -webkit-animation-name: slidein-bottom;\n -moz-animation-name: slidein-bottom;\n -o-animation-name: slidein-bottom;\n animation-name: slidein-bottom;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.mobile-popup.animate-remove {\n -webkit-animation-name: slideout-bottom;\n -moz-animation-name: slideout-bottom;\n -o-animation-name: slideout-bottom;\n animation-name: slideout-bottom;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.mobile-popup-header {\n position: absolute;\n width: 100%;\n padding-top: 10px;\n padding-left: 20px;\n}\n.mobile-popup-header > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n width: 100%;\n}\n.mobile-popup-header > .closer {\n position: absolute;\n top: 6px;\n right: 6px;\n padding: 7px;\n z-index: 1;\n border-radius: 7px;\n}\n.mobile-popup-header > .closer::before {\n display: none;\n}\n.mobile-popup.closable > .mobile-popup-header > .title {\n margin-right: 30px;\n width: calc(100% - 30px);\n}\n.mobile-popup-widget {\n position: relative;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.touch-popup {\n position: absolute;\n overflow: hidden;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 45px 10px 10px 10px;\n}\n.touch-popup > .body {\n display: flex;\n flex-direction: column;\n}\n.touch-popup-header {\n margin: 8px 5px 8px 15px;\n display: flex;\n align-items: baseline;\n}\n.touch-popup-title {\n font-weight: bold;\n color: #000;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.touch-popup-field {\n position: relative;\n margin: 0 15px 8px;\n flex: none;\n}\n.touch-popup-widget-container {\n position: relative;\n min-height: 0;\n max-height: 400px;\n}\n@media (max-height: 568px) {\n .touch-popup {\n / move popup to top on small screens, no need to waste space/\n margin-top: 10px;\n }\n}\n/\n * Copyright (c) 2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.popup-animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.popup-animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.widget-popup {\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 8px;\n}\n.widget-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.widget-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.widget-popup > .popup-arrow.bottom,\n.widget-popup > .popup-arrow.right {\n box-shadow: 0px 4px 32px -2px rgba(0, 0, 0, 0.2);\n}\n.widget-popup > .actions {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n white-space: nowrap;\n}\n.widget-popup > .actions > .action {\n color: #666666;\n margin: 7px 7px 7px 2px;\n border-radius: 7px;\n padding: 7px;\n font-size: 17px;\n min-width: 30px;\n}\n.widget-popup > .actions > .action:hover {\n color: #262626;\n}\n.widget-popup > .actions > .action.disabled {\n color: #808080;\n}\n.widget-popup > .popup-widget {\n position: relative;\n overflow: hidden;\n background-color: inherit;\n border-radius: 12px;\n}\n.widget-popup > .popup-arrow-overlay {\n border-radius: 12px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.scrollbar {\n position: absolute;\n z-index: 1;\n cursor: pointer;\n overflow: hidden;\n transition: opacity 250ms;\n / Scrollbars are hidden in hybrid mode, see Scrollbar#onTouchStart /\n}\n.scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 5px;\n}\n.scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 3px;\n}\n.scrollbar > .scrollbar-thumb.x-axis {\n padding-top: 5px;\n}\n.scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,\n.scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: 3px;\n}\n.scrollbar.y-axis {\n height: calc(100% - 2 8px);\n width: 14px;\n margin-top: 8px;\n margin-bottom: 8px;\n}\n.scrollbar.y-axis.borderless {\n margin-left: 0;\n margin-right: 0;\n}\n.scrollbar.x-axis {\n width: calc(100% - 2 * 8px);\n height: 14px;\n margin-left: 8px;\n margin-right: 8px;\n}\n.scrollbar.x-axis.borderless {\n margin-top: 0;\n margin-bottom: 0;\n}\n.scrollbar-thumb-handle {\n height: 100%;\n border-radius: 4px;\n background-color: rgba(153, 153, 153, 0.3);\n}\n.scrollbar-thumb-handle.clipped-left {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.scrollbar-thumb-handle.clipped-right {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.scrollbar-thumb-handle.clipped-top {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.scrollbar-thumb-handle.clipped-bottom {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.scrollbar-thumb-handle.y-axis {\n width: 4px;\n top: 0;\n transition: width 125ms;\n}\n.scrollbar:hover > .scrollbar-thumb > .scrollbar-thumb-handle.y-axis,\n.scrollbar-thumb-move > .scrollbar-thumb-handle.y-axis {\n width: 8px;\n}\n.scrollbar-thumb-handle.x-axis {\n height: 4px;\n left: 0;\n transition: height 125ms;\n}\n.scrollbar:hover > .scrollbar-thumb > .scrollbar-thumb-handle.x-axis,\n.scrollbar-thumb-move > .scrollbar-thumb-handle.x-axis {\n height: 8px;\n}\n.scrollbar-thumb {\n cursor: pointer;\n position: absolute;\n}\n.scrollbar-thumb.y-axis {\n width: 14px;\n top: 0;\n transition: padding-left 125ms;\n}\n.scrollbar-thumb.x-axis {\n height: 14px;\n left: 0;\n transition: padding-top 125ms;\n}\n.scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(153, 153, 153, 0.45);\n}\n.container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: rgba(153, 153, 153, 0.15);\n}\n.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(153, 153, 153, 0.15);\n}\n.hybrid-scrollable {\n -ms-overflow-style: none;\n /* Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width /\n scrollbar-width: none;\n}\n.hybrid-scrollable::-webkit-scrollbar {\n display: none;\n}\n.scroll-shadow {\n transition: box-shadow 250ms;\n position: absolute;\n pointer-events: none;\n z-index: 1;\n --scroll-shadow-color: rgba(0, 0, 0, 0.3);\n --scroll-shadow-size: 5px;\n --scroll-shadow-blur: 5px;\n --scroll-shadow-spread: 6px;\n --scroll-shadow-inset-top: 0;\n --scroll-shadow-inset-right: 0;\n --scroll-shadow-inset-bottom: 0;\n --scroll-shadow-inset-left: 0;\n}\n.scroll-shadow.top {\n 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;\n}\n.scroll-shadow.top.bottom {\n 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;\n}\n.scroll-shadow.top.bottom.left {\n 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);\n}\n.scroll-shadow.top.bottom.right {\n 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;\n}\n.scroll-shadow.top.bottom.right.left {\n 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);\n}\n.scroll-shadow.top.left {\n 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);\n}\n.scroll-shadow.top.left.right {\n 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);\n}\n.scroll-shadow.top.right {\n 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;\n}\n.scroll-shadow.bottom {\n 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;\n}\n.scroll-shadow.bottom.right {\n 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;\n}\n.scroll-shadow.left {\n 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);\n}\n.scroll-shadow.left.right {\n 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);\n}\n.scroll-shadow.left.bottom {\n 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);\n}\n.scroll-shadow.left.bottom.right {\n 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);\n}\n.scroll-shadow.right {\n 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;\n}\n.scroll-shadow.gradient {\n --scroll-shadow-color: #fff;\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n}\n.scroll-shadow.large {\n --scroll-shadow-size: 10px;\n --scroll-shadow-blur: 10px;\n --scroll-shadow-spread: 10px;\n}\n/\n Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n -ms-touch-action: none;\n touch-action: none;\n z-index: 10;\n}\n.resizable-s {\n cursor: s-resize;\n height: 10px;\n width: 100%;\n bottom: -5px;\n left: 0;\n}\n.resizable-e {\n cursor: e-resize;\n width: 10px;\n right: -5px;\n top: 0;\n height: 100%;\n}\n.resizable-se {\n cursor: se-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n bottom: -5px;\n}\n.resizable-sw {\n cursor: sw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n bottom: -5px;\n}\n.resizable-w {\n cursor: w-resize;\n width: 10px;\n left: -5px;\n top: 0;\n height: 100%;\n}\n.resizable-nw {\n cursor: nw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n top: -5px;\n}\n.resizable-n {\n cursor: n-resize;\n width: 100%;\n height: 10px;\n left: 0;\n top: -5px;\n}\n.resizable-ne {\n cursor: ne-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n top: -5px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n background-color: #fff;\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n}\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n .busyindicator {\n background-color: #fff;\n -webkit-backdrop-filter: none;\n backdrop-filter: none;\n }\n}\n.busyindicator > .box-buttons > .box-button {\n border-color: #1561A7;\n color: #1561A7;\n}\n.busyindicator > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.busyindicator > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.busyindicator > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.busyindicator > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #1561A7;\n}\n.busyindicator > .box-buttons > .box-button.default:hover {\n background-color: #12518c;\n border-color: #12518c;\n}\n.busyindicator > .box-buttons > .box-button.default.active,\n.busyindicator > .box-buttons > .box-button.default:active {\n background-color: #0e3f6c;\n border-color: #0e3f6c;\n}\n.busyindicator > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.busyindicator > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.busyindicator.calc-helper {\n top: 0;\n left: 0;\n}\n.busyindicator.animate-open {\n -webkit-animation-name: fade-in;\n -moz-animation-name: fade-in;\n -o-animation-name: fade-in;\n animation-name: fade-in;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.busyindicator.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.busyindicator-content {\n border-radius: 8px;\n padding: 26px;\n}\n.busyindicator-label {\n display: inline-block;\n margin-left: 32px;\n text-indent: -32px;\n}\n.busyindicator-label::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n width: 22px;\n height: 22px;\n margin-top: -3px;\n margin-right: 15px;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n border-radius: 50%;\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n}\n.busyindicator-label.cancelled::before {\n -webkit-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n}\n.busyindicator-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n.busyindicator-details {\n padding-top: 20px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/\n @param border-width: because firefox renders the border thinner, for some reason\n /\n.slider-input {\n display: inline-block;\n vertical-align: middle;\n border: none;\n / Get rid of Firefox's focus border. See:\n https://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links /\n}\n.slider-input:focus {\n border: none;\n box-shadow: none;\n outline: none;\n}\n.slider-input::-moz-focus-inner {\n border: 0;\n}\n.slider-value {\n display: inline-block;\n vertical-align: middle;\n color: #000;\n padding-left: 6px;\n padding-top: 8px;\n padding-bottom: 8px;\n}\n.slider.field {\n / Slider input/value have the container's height (see SliderLayout), therefore they shouldn't wrap, otherwise the layout breaks. /\n white-space: nowrap;\n}\ninput[type=range] {\n -webkit-appearance: none;\n padding: 0;\n / ---- Webkit, Chrome ---- /\n / ---- Firefox ---- /\n / ---- Internet Explorer, Edge ---- /\n}\ninput[type=range]:focus {\n outline: none;\n}\ninput[type=range]:not(.ms-edge)::-webkit-slider-runnable-track {\n height: 3px;\n cursor: pointer;\n animate: 0.2s;\n background: #CFCFCF;\n}\ninput[type=range]:not(.ms-edge)::-webkit-slider-thumb {\n box-sizing: border-box;\n border: 1px solid #666666;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #DADADA;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -6.5px;\n}\ninput[type=range]:not(.ms-edge):focus::-webkit-slider-thumb {\n background-color: #93c5f4;\n border-color: #1561A7;\n}\ninput[type=range]::-moz-range-track {\n height: 3px;\n cursor: pointer;\n animate: 0.2s;\n background: #CFCFCF;\n}\ninput[type=range]::-moz-range-thumb {\n box-sizing: border-box;\n border: 1.5px solid #666666;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #DADADA;\n cursor: pointer;\n}\ninput[type=range]:focus::-moz-range-thumb {\n background-color: #93c5f4;\n border-color: #1561A7;\n}\ninput[type=range]::-ms-track {\n height: 3px;\n cursor: pointer;\n animate: 0.2s;\n background: transparent;\n border-color: transparent;\n border-size: 0;\n color: transparent;\n}\ninput[type=range]::-ms-fill-lower {\n background: #CFCFCF;\n}\ninput[type=range]::-ms-fill-upper {\n background: #CFCFCF;\n}\ninput[type=range]::-ms-thumb {\n box-sizing: border-box;\n border: 1px solid #666666;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #DADADA;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-thumb {\n background-color: #93c5f4;\n border-color: #1561A7;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.splitter {\n position: absolute;\n / \| /\n}\n.splitter.x-axis {\n top: 0;\n height: 100%;\n width: 16px;\n}\n.splitter.x-axis:not(.disabled) {\n cursor: col-resize;\n}\n.splitter.x-axis.line {\n padding-right: 7px;\n padding-left: 7px;\n}\n.splitter.y-axis {\n left: 0;\n width: 100%;\n height: 16px;\n}\n.splitter.y-axis:not(.disabled) {\n cursor: row-resize;\n}\n.splitter.y-axis.line {\n padding-top: 7px;\n padding-bottom: 7px;\n}\n.splitter.line {\n background-clip: content-box;\n background-color: #DADADA;\n}\n.splitter.line:not(.disabled):hover {\n background-color: #1561A7;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n#scout {\n / args = keyframeName, timingFunction, iterationCount /\n / Fade In /\n / Fade Out /\n / Fade In from current /\n / Fade Out from current /\n / Fade with Short Drop /\n / Fade out and shrink with blur /\n / Fade out and shrink /\n / Fade out and grow with blur /\n / Fade out and grow /\n / Fade in and grow with blur /\n / Fade in and grow /\n / Slide In Bottom \n Moves the element into screen from bottom up /\n /* Slide Out Bottom \n Moves the element out of bottom screen border /\n /* Slide Out Right \n Moves the element out of right screen border /\n /* Slide Out Left \n Moves the element out of left screen border /\n /* Grow Y \n Scales the element along the y axis until 1. Expects the element to be scaled (e.g. scaleY(0)) when the animation starts.\n To create a slide down animation (as known from jQuery) set transform-origin to top. /\n /* Shrink Y \n Shrinks the element along the y axis until 0/\n /* Fade In Zoom /\n / Fade In Zoom Bounce /\n / Rotation /\n / Rotation-Reverse /\n / Pulse Opacity /\n / Pulsate /\n / Pulsate Reverse /\n / Pulsate In-Out /\n / Attention /\n / Rotate-X /\n / Animate Dot /\n / Shake /\n}\n@-webkit-keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@-webkit-keyframes fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@-webkit-keyframes fade-in-from-current {\n to {\n opacity: 1;\n }\n}\n@keyframes fade-in-from-current {\n to {\n opacity: 1;\n }\n}\n@-webkit-keyframes fade-out-from-current {\n to {\n opacity: 0;\n }\n}\n@keyframes fade-out-from-current {\n to {\n opacity: 0;\n }\n}\n@-webkit-keyframes short-drop {\n 0% {\n -webkit-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n 40% {\n -webkit-transform: translateY(7px);\n -ms-transform: translateY(7px);\n transform: translateY(7px);\n }\n 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n@keyframes short-drop {\n 0% {\n -webkit-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n 40% {\n -webkit-transform: translateY(7px);\n -ms-transform: translateY(7px);\n transform: translateY(7px);\n }\n 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n@-webkit-keyframes fadeout-shrink-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n}\n@keyframes fadeout-shrink-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n}\n@-webkit-keyframes fadeout-shrink {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n}\n@keyframes fadeout-shrink {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n}\n@-webkit-keyframes fadeout-grow-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n}\n@keyframes fadeout-grow-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n}\n@-webkit-keyframes fadeout-grow {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n}\n@keyframes fadeout-grow {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n}\n@-webkit-keyframes fadein-grow-blur {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n}\n@keyframes fadein-grow-blur {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n}\n@-webkit-keyframes fadein-grow {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-grow {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes slidein-bottom {\n 0% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@keyframes slidein-bottom {\n 0% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@-webkit-keyframes slideout-bottom {\n 100% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@keyframes slideout-bottom {\n 100% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@-webkit-keyframes slideout-right {\n 100% {\n -webkit-transform: translateX(100%);\n -ms-transform: translateX(100%);\n transform: translateX(100%);\n }\n}\n@keyframes slideout-right {\n 100% {\n -webkit-transform: translateX(100%);\n -ms-transform: translateX(100%);\n transform: translateX(100%);\n }\n}\n@-webkit-keyframes slideout-left {\n 100% {\n -webkit-transform: translateX(-100%);\n -ms-transform: translateX(-100%);\n transform: translateX(-100%);\n }\n}\n@keyframes slideout-left {\n 100% {\n -webkit-transform: translateX(-100%);\n -ms-transform: translateX(-100%);\n transform: translateX(-100%);\n }\n}\n@-webkit-keyframes grow-y {\n 100% {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@keyframes grow-y {\n 100% {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@-webkit-keyframes shrink-y {\n 100% {\n -webkit-transform: scaleY(0);\n -ms-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@keyframes shrink-y {\n 100% {\n -webkit-transform: scaleY(0);\n -ms-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@-webkit-keyframes fadein-zoom {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-zoom {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes fadein-zoom-bounce {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 65% {\n opacity: 1;\n -webkit-transform: scale(1.02, 1.02);\n -ms-transform: scale(1.02, 1.02);\n transform: scale(1.02, 1.02);\n }\n 100% {\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-zoom-bounce {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 65% {\n opacity: 1;\n -webkit-transform: scale(1.02, 1.02);\n -ms-transform: scale(1.02, 1.02);\n transform: scale(1.02, 1.02);\n }\n 100% {\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes rotation {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n -ms-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n@keyframes rotation {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n -ms-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n@-webkit-keyframes rotation-reverse {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(-359deg);\n -ms-transform: rotate(-359deg);\n transform: rotate(-359deg);\n }\n}\n@keyframes rotation-reverse {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(-359deg);\n -ms-transform: rotate(-359deg);\n transform: rotate(-359deg);\n }\n}\n@-webkit-keyframes pulse-opacity {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes pulse-opacity {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1;\n }\n}\n@-webkit-keyframes pulsate {\n 0% {\n -webkit-transform: scale(0.25);\n -ms-transform: scale(0.25);\n transform: scale(0.25);\n opacity: 0.35;\n }\n 45% {\n opacity: 1;\n }\n 96% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.2;\n }\n 100% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.04;\n }\n}\n@keyframes pulsate {\n 0% {\n -webkit-transform: scale(0.25);\n -ms-transform: scale(0.25);\n transform: scale(0.25);\n opacity: 0.35;\n }\n 45% {\n opacity: 1;\n }\n 96% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.2;\n }\n 100% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.04;\n }\n}\n@-webkit-keyframes pulsate-reverse {\n 0% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0;\n }\n}\n@keyframes pulsate-reverse {\n 0% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0;\n }\n}\n@-webkit-keyframes pulsate-in-out {\n 0% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0.01;\n }\n 100% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes pulsate-in-out {\n 0% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0.01;\n }\n 100% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n@-webkit-keyframes attention {\n 0% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 10% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n -ms-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 20% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 100% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n@keyframes attention {\n 0% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 10% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n -ms-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 20% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 100% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n@-webkit-keyframes rotate-x {\n 0% {\n -webkit-transform: perspective(120px) rotateY(0deg);\n -ms-transform: perspective(120px) rotateY(0deg);\n transform: perspective(120px) rotateY(0deg);\n }\n 50% {\n -webkit-transform: perspective(120px) rotateY(-180deg);\n -ms-transform: perspective(120px) rotateY(-180deg);\n transform: perspective(120px) rotateY(-180deg);\n }\n 100% {\n -webkit-transform: perspective(120px) rotateY(-360deg);\n -ms-transform: perspective(120px) rotateY(-360deg);\n transform: perspective(120px) rotateY(-360deg);\n }\n}\n@keyframes rotate-x {\n 0% {\n -webkit-transform: perspective(120px) rotateY(0deg);\n -ms-transform: perspective(120px) rotateY(0deg);\n transform: perspective(120px) rotateY(0deg);\n }\n 50% {\n -webkit-transform: perspective(120px) rotateY(-180deg);\n -ms-transform: perspective(120px) rotateY(-180deg);\n transform: perspective(120px) rotateY(-180deg);\n }\n 100% {\n -webkit-transform: perspective(120px) rotateY(-360deg);\n -ms-transform: perspective(120px) rotateY(-360deg);\n transform: perspective(120px) rotateY(-360deg);\n }\n}\n@-webkit-keyframes animateDot {\n 0% {\n color: #000;\n bottom: 0;\n }\n 25% {\n color: #CFCFCF;\n bottom: 4px;\n }\n 50% {\n color: #000;\n bottom: 0;\n }\n 100% {\n color: #000;\n bottom: 0;\n }\n}\n@keyframes animateDot {\n 0% {\n color: #000;\n bottom: 0;\n }\n 25% {\n color: #CFCFCF;\n bottom: 4px;\n }\n 50% {\n color: #000;\n bottom: 0;\n }\n 100% {\n color: #000;\n bottom: 0;\n }\n}\n@-webkit-keyframes shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n -ms-transform: translate(2px, 1px) rotate(0deg);\n transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n -ms-transform: translate(-1px, -2px) rotate(-1deg);\n transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0) rotate(1deg);\n -ms-transform: translate(-3px, 0) rotate(1deg);\n transform: translate(-3px, 0) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0, 2px) rotate(0deg);\n -ms-transform: translate(0, 2px) rotate(0deg);\n transform: translate(0, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n -ms-transform: translate(1px, -1px) rotate(1deg);\n transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n -ms-transform: translate(-1px, 2px) rotate(-1deg);\n transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n -ms-transform: translate(-3px, 1px) rotate(0deg);\n transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n -ms-transform: translate(2px, 1px) rotate(-1deg);\n transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n -ms-transform: translate(-1px, -1px) rotate(1deg);\n transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n -ms-transform: translate(2px, 2px) rotate(0deg);\n transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n -ms-transform: translate(1px, -2px) rotate(-1deg);\n transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n@keyframes shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n -ms-transform: translate(2px, 1px) rotate(0deg);\n transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n -ms-transform: translate(-1px, -2px) rotate(-1deg);\n transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0) rotate(1deg);\n -ms-transform: translate(-3px, 0) rotate(1deg);\n transform: translate(-3px, 0) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0, 2px) rotate(0deg);\n -ms-transform: translate(0, 2px) rotate(0deg);\n transform: translate(0, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n -ms-transform: translate(1px, -1px) rotate(1deg);\n transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n -ms-transform: translate(-1px, 2px) rotate(-1deg);\n transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n -ms-transform: translate(-3px, 1px) rotate(0deg);\n transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n -ms-transform: translate(2px, 1px) rotate(-1deg);\n transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n -ms-transform: translate(-1px, -1px) rotate(1deg);\n transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n -ms-transform: translate(2px, 2px) rotate(0deg);\n transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n -ms-transform: translate(1px, -2px) rotate(-1deg);\n transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n/ NOP (no operation, may be used to temporarily set css properties while the animation runs, e.g. using a transition) /\n@-webkit-keyframes nop {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes nop {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ -------------------------------- /\n/ Scout default theme /\n/ extends: - /\n/ affects: Scout OSS /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Color palette /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Global colors /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Component specific colors /\n/ -------------------------------- /\n/ always white to not change the look of the website /\n/ do not use the @info-color here as the icon should have the same color as field icons /\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ Font face definition for custom icon font:\n\nSee GIT history for font-face definitions. Some how it wasn't possible\nto produce a consistent look on all browsers with the font-face definition.\nSimply using font-family works better and is more reliable. However, we still\ncould use 'Open Sans' in the font-family (when it's installed on the client\nsystem) and fall back to Arial otherwise, without downloading a WOFF file.\n\nTry these to switch between fonts:\n\n@defaultFont: 'Open Sans', OpenSans, Arial, sans-serif;\n@defaultFont: Arial, sans-serif;\n /\n@font-face {\n font-family: scoutIcons;\n font-weight: normal;\n src: url('fonts/scoutIcons.woff') format('woff');\n}\n@font-face {\n font-family: scoutIcons;\n font-weight: 300;\n src: url('fonts/scoutIcons-light.woff') format('woff');\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ default font icons (sans-serif, arial) /\n/ scoutIcons: custom icons /\n/ scoutIcons: awesome icons /\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n#scout {\n / Use dashed line instead of solid to avoid visual conflict with editable fields /\n / Font Mixins /\n / Invisible pseudo element that enables vertical-align if container has height set /\n / Mixin for chooser popups as used in smart-field /\n / Mixin for scrollbar positioning /\n /\n * Hides the scrollbars but lets the user still scroll (e.g. using mousewheel or touch).\n * This works a bit different for every browser.\n /\n /\n 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).\n /\n}\n#scout .status {\n display: flex;\n align-items: center;\n}\n#scout .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n#scout .menu-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .menu-status::before {\n content: '\\E041';\n color: #666666;\n font-size: 16px;\n}\n#scout .menu-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n#scout .menu-status:active::before,\n#scout .menu-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n#scout .tooltip-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .tooltip-status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n#scout .tooltip-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n#scout .tooltip-status:active::before,\n#scout .tooltip-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n#scout .info-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .info-status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n#scout .info-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n#scout .info-status:active::before,\n#scout .info-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n#scout .ok-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .ok-status::before {\n content: '\\E002';\n color: #00856C;\n font-size: 16px;\n}\n#scout .ok-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #005243;\n}\n#scout .ok-status:active::before,\n#scout .ok-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #005243;\n}\n#scout .warning-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .warning-status::before {\n content: '\\E001';\n color: #AD6200;\n font-size: 16px;\n}\n#scout .warning-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #7a4500;\n}\n#scout .warning-status:active::before,\n#scout .warning-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #7a4500;\n}\n#scout .error-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .error-status::before {\n content: '\\E001';\n color: #D53F3F;\n font-size: 16px;\n}\n#scout .error-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #b92828;\n}\n#scout .error-status:active::before,\n#scout .error-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #b92828;\n}\n#scout .cursor-grab {\n / \"grab\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: grab;\n}\n#scout .cursor-grabbing {\n / \"grabbing\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: grabbing;\n}\n#scout .chooser-popup {\n position: absolute;\n overflow: hidden;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n#scout .chooser-popup.touch {\n background-color: #F5F5F5;\n}\n#scout .popup {\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n}\n#scout .hide-scrollbars {\n -ms-overflow-style: none;\n / Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width /\n scrollbar-width: none;\n}\n#scout .hide-scrollbars::-webkit-scrollbar {\n display: none;\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.2);\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.4);\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.15);\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.15);\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ -------------------------------- /\n/ Global sizes /\n/ -------------------------------- /\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see scout.HtmlEnvironment /\n/ --------------------------------------------------------------------------- /\n.html-env-logical-grid-row {\n height: 30px;\n margin-bottom: 10px;\n}\n.html-env-logical-grid-row.dense {\n height: 24px;\n margin-bottom: 8px;\n}\n.html-env-logical-grid-column {\n width: 420px;\n margin-right: 30px;\n margin-left: 4px;\n}\n.html-env-field-mandatory-indicator {\n width: 10px;\n}\n.html-env-field-label {\n width: 140px;\n}\n.html-env-field-status {\n width: 24px;\n}\n/ -------------------------------- /\n/ Component specific sizes /\n/ -------------------------------- /\n/ Necessary to align icon with text /\n/ 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) /\n/ not 50px because last pixel is the border (would not look good)/\n/ bigger space when multiple icons are displayed /\n/ Optimized for a tile height of 30px (logical-grid-height) /\n/ minimum margin to window or anchor /\n/ -------------------------------- /\n/ Other sizes /\n/ -------------------------------- /\n/\n * Copyright (c) 2014-2019 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.switch {\n position: absolute;\n right: 0;\n display: flex;\n}\n.switch > .switch-button {\n margin-top: -2px;\n}\n.switch-label {\n margin-right: 8px;\n}\n.switch-button,\n.switch-button:before {\n transition: 0.25s ease-in-out;\n}\n.switch-button {\n width: 36px;\n position: relative;\n height: 22px;\n border-radius: 11px;\n background-color: rgba(0, 0, 0, 0.12);\n cursor: pointer;\n border: solid 1px transparent;\n --activated-border-color: #1561A7;\n --activated-background-color: #1561A7;\n}\n.switch-button:before {\n content: '';\n display: block;\n position: absolute;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n top: 2px;\n left: 2px;\n border: solid 1px #fff;\n background-color: #fff;\n}\n.switch-button.activated {\n background-color: var(--activated-background-color);\n border-color: var(--activated-border-color);\n}\n.switch-button.activated:before {\n background-color: #fff;\n border-color: #fff;\n left: calc(100% - 18px);\n}\n.disabled > .switch-button {\n background-color: transparent;\n border-color: #DADADA;\n cursor: unset;\n}\n.disabled > .switch-button::before {\n background-color: transparent;\n border-color: #DADADA;\n}\n.disabled > .switch-button.activated {\n background-color: #808080;\n border-color: #808080;\n}\n.disabled > .switch-button.activated::before {\n background-color: #fff;\n border-color: #fff;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-row-level-padding {\n width: 20px;\n}\n.table {\n position: relative;\n --table-row-margin-x: 0px;\n --table-row-padding-y: 7px;\n --table-aggregate-row-padding-y-small: 7px;\n --table-aggregate-row-padding-y-large: 15px;\n / Used for scout.Table.CheckableStyle.TABLE_ROW /\n}\n.table:focus,\n.table.focused,\n.table.perma-focus {\n outline: none;\n}\n.table:focus > .table-data > .table-row.selected,\n.table.focused > .table-data > .table-row.selected,\n.table.perma-focus > .table-data > .table-row.selected {\n background-color: #E9F0F6;\n}\n.table:focus > .table-data > .table-row.selected::after,\n.table.focused > .table-data > .table-row.selected::after,\n.table.perma-focus > .table-data > .table-row.selected::after {\n border-color: #1561A7;\n}\n.table.checkable > .table-data > .table-row {\n cursor: pointer;\n}\n.table.checkable.disabled > .table-data > .table-row,\n.table.checkable > .table-data > .table-row.disabled {\n cursor: default;\n}\n.table.table-row-check > .table-data > .table-row.selected {\n / Don't draw selection /\n background-color: transparent;\n}\n.table.table-row-check > .table-data > .table-row.selected::after {\n display: none;\n}\n.table.table-row-check > .table-data > .table-row:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.table.table-row-check > .table-data > .table-row.disabled,\n.table.table-row-check > .table-data.disabled > .table-row {\n background-color: transparent;\n}\n.table.table-row-check > .table-data > .table-row.checked,\n.table.table-row-check > .table-data > .table-row.checked.selected {\n / Mark checked rows with a background color /\n background-color: #1561A7;\n}\n.table.table-row-check > .table-data > .table-row.checked > .table-cell,\n.table.table-row-check > .table-data > .table-row.checked.selected > .table-cell {\n color: #fff;\n}\n.table.table-row-check > .table-data > .table-row.checked:hover,\n.table.table-row-check > .table-data > .table-row.checked.selected:hover {\n background-color: #014786;\n}\n.table.table-row-check > .table-data > .table-row.disabled.checked,\n.table.table-row-check > .table-data.disabled > .table-row.checked,\n.table.table-row-check > .table-data > .table-row.disabled.checked.selected,\n.table.table-row-check > .table-data.disabled > .table-row.checked.selected {\n background-color: #808080;\n}\n.table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected,\n.table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected.checked,\n.table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected.checked {\n background-color: #014786;\n}\n.table.structured .table-row:not(.leaf) {\n background-color: #F5F5F5;\n font-weight: bold;\n}\n.table > .tile-accordion {\n padding-top: 20px;\n padding-left: 20px;\n padding-right: 15px;\n}\n.table > .tile-accordion > .group > .tile-grid {\n padding: 0;\n}\n.table > .tile-table-header {\n padding-left: 20px;\n padding-right: 20px;\n}\n.table > .tile-table-header > .group-box-body {\n padding-bottom: 6px;\n}\n.table.dimmed-background {\n background-color: #F5F5F5;\n}\n.table.dimmed-background > .menubar {\n background-color: inherit;\n}\n.table > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--controls-height)) / 2);\n}\n.table > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--controls-height)) / 2);\n}\n.has-menubar.menubar-bottom.table > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--controls-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n}\n.has-menubar.menubar-bottom.table > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--controls-height)) / 2);\n}\n.has-cell-editor-popup.table > .filter-field {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.table-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n:not(.header-invisible) > .table-data {\n / Draw the .table-data div one pixel higher, over the header (for selection border).\n Add the padding to keep the size of the first row and not overdraw the header line with the row background /\n margin-top: -1px;\n padding-top: 1px;\n}\n.table-data > .scrollbar.y-axis {\n / Make scrollbar visually centered /\n margin-top: 9px;\n}\n.table-data > .table-row,\n.table-data > .table-aggregate-row,\n.table-data > .table-data-fill,\n.table-data > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.table-data > .scrollbar {\n z-index: 2;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .table-row,\n.table:not(.knight-rider-loading) > .table-data.loading > .table-aggregate-row,\n.table:not(.knight-rider-loading) > .table-data.loading > .table-data-fill,\n.table:not(.knight-rider-loading) > .table-data.loading > .scrollbar {\n opacity: 0;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.table.knight-rider-loading > .loading-indicator {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n height: 2px;\n width: 100%;\n opacity: 0;\n animation: fade-in 1s forwards, slideout-right 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n}\n.table.knight-rider-loading > .loading-indicator::before {\n animation: slideout-left 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n content: '';\n position: absolute;\n background: linear-gradient(to right, transparent 0%, #1561A7 20%, #1561A7 80%, transparent 100%);\n left: 0;\n width: 50px;\n height: 100%;\n}\n.table-data-fill {\n background-color: #DADADA;\n / actual style is set by JS, this is used for the line color (see _applyFillerStyle) /\n}\n.table-row,\n.table-aggregate-row {\n position: relative;\n}\n.table-row:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.table-row.selected {\n background-color: #FAFAFA;\n}\n.table-row.selected::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 2px solid #CFCFCF;\n border-radius: 3px;\n pointer-events: none;\n z-index: 1;\n}\n.table-row.select-top::after,\n.table-row.select-middle::after {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.table-row.select-middle::after,\n.table-row.select-bottom::after {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.table-row.select-single::after,\n.table-row.select-top::after {\n / Move the selection 1px up to cover the bottom border of the previous row. /\n top: -1px;\n height: calc(100% + 1px);\n}\n.header-invisible > .table-data > .table-row.select-single.first::after,\n.header-invisible > .table-data > .table-row.select-top.first::after {\n top: 0;\n}\n.table-row.checked {\n background-color: #1561A7;\n}\n.table-row {\n margin-left: var(--table-row-margin-x);\n margin-right: var(--table-row-margin-x);\n}\n.table-cell {\n color: #000;\n display: table-cell;\n padding: var(--table-row-padding-y) 10px var(--table-row-padding-y) 10px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.13);\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n / for multiline text /\n}\n.last-row-at-bottom > .table-row.last > .table-cell {\n border-bottom: 0;\n}\n.table-row.disabled > .table-cell {\n / Table row is disabled -> use lighter disabled color /\n color: #808080;\n}\n.disabled > .table-row > .table-cell {\n / Whole table is disabled -> use darker disabled color /\n color: #666666;\n}\n.disabled.read-only > .table-data > .table-row > .table-cell {\n color: #000;\n}\n.table-row.checked > .table-cell {\n color: #fff;\n}\n.table-cell.empty,\n.table-cell.icon-only {\n text-overflow: clip;\n}\n.table-cell.last.halign-left,\n.table-cell.last.halign-center,\n.table-cell.last.halign-right {\n padding-right: 14px;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 5px 5px 0 0;\n border-color: #DADADA transparent transparent transparent;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.mandatory::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n border: none;\n color: #DADADA;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable.has-error::before {\n border-color: #D53F3F transparent transparent transparent;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.mandatory.has-error::before {\n color: #D53F3F;\n}\n.table-cell.table-node > .table-row-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n padding: var(--table-row-padding-y) 8px var(--table-row-padding-y) 13px;\n cursor: pointer;\n line-height: 14px;\n /* Necessary to align with the text, depends on the used font size /\n}\n.table-cell.table-node > .table-row-control::before {\n display: block;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\E013';\n color: inherit;\n}\n.expanded.table-cell.table-node > .table-row-control::before {\n / This \"imprecise\" angle is a workround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n}\n.table-cell.table-node > .table-row-control:hover::before {\n color: #FE9915;\n}\n.table-cell.checkable {\n / same padding for left and right, it's by purpose /\n padding: calc(var(--table-row-padding-y) - 2px) 10px 0 10px;\n cursor: pointer;\n text-overflow: clip;\n}\n.grouping-style-top > .table-aggregate-cell.table-cell.checkable {\n padding-top: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-bottom: 3px;\n}\n.grouping-style-bottom > .table-aggregate-cell.table-cell.checkable {\n padding-bottom: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-top: 3px;\n}\n.table-cell.checkable.disabled,\n.table.disabled > .table-data > .table-row > .table-cell.checkable {\n cursor: default;\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box {\n border-color: #DADADA;\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box.checked {\n background-color: #808080;\n border-color: #808080;\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box.undefined {\n background-color: #808080;\n border-color: #808080;\n}\n.table-cell.halign-right {\n text-align: right;\n padding-right: 10px;\n padding-left: 10px;\n}\n.table-cell.halign-right.table-aggregate-cell {\n direction: rtl;\n}\n.table-cell.halign-right.table-aggregate-cell > .text,\n.table-cell.halign-right.table-aggregate-cell > .table-cell-icon {\n direction: ltr;\n}\n.table-cell.halign-center {\n text-align: center;\n padding-right: 10px;\n}\n.font-icon.table-cell-icon {\n color: #000;\n}\n.disabled .font-icon.table-cell-icon {\n color: #808080;\n}\n.image-icon.table-cell-icon {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n}\n.with-text.table-cell-icon {\n margin-right: 8px;\n}\n.table-row.checked > .table-cell > .table-cell-icon {\n color: #fff;\n}\n.table-aggregate {\n overflow: hidden;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n}\n.table-aggregate > .table-cell {\n padding: var(--table-row-padding-y) 10px 0 10px;\n border-bottom: 0;\n height: 100%;\n}\n.table-aggregate > .table-cell > .font-icon {\n margin-top: 1px;\n}\n.table-aggregate-row {\n background-color: #F5F5F5;\n min-width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.13);\n border-bottom: 1px solid rgba(0, 0, 0, 0.13);\n margin-top: -1px;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: 12px;\n}\n.table-aggregate-row > .table-cell {\n border-bottom: 0;\n}\n.table-aggregate-row.grouping-style-top > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-large);\n padding-bottom: var(--table-aggregate-row-padding-y-small);\n}\n.table-aggregate-row.grouping-style-bottom > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-small);\n padding-bottom: var(--table-aggregate-row-padding-y-large);\n}\n.table-aggregate-cell {\n font-weight: bold;\n overflow: visible;\n vertical-align: middle;\n / if aggregation is based on selected rows /\n}\n.table-aggregate-cell > .text {\n display: inline-block;\n vertical-align: middle;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.table-aggregate-cell > .table-cell-icon {\n display: inline-block;\n color: #000;\n vertical-align: middle;\n}\n.table-aggregate-cell.sum > .table-cell-icon,\n.table-aggregate-cell.avg > .table-cell-icon {\n font-size: 10px;\n}\n.table-aggregate-cell.selection,\n.table-aggregate-cell.selection > .table-cell-icon {\n color: #1561A7;\n}\n.before-aggregate-row > .table-cell {\n border-bottom-color: transparent;\n}\n.column-background-effect-bar-chart {\n background-color: #74A8D8;\n}\n.column-background-effect-gradient1-start {\n background-color: #FF8888;\n}\n.column-background-effect-gradient1-end {\n background-color: #BDF2E8;\n}\n.column-background-effect-gradient2-start {\n background-color: #BDF2E8;\n}\n.column-background-effect-gradient2-end {\n background-color: #FF8888;\n}\n/ key box /\n.table-row > .key-box {\n top: calc(50% - 23px / 2);\n}\n.table-controls > .table-control > .key-box {\n bottom: 4px;\n}\n.table .key-box.char {\n top: calc(50% - 21px / 2);\n}\n/ Animation: rotate from 0 -> 90 deg /\n@-webkit-keyframes expand-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n}\n@keyframes expand-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n}\n.expand-rotate::before {\n -webkit-animation-name: expand-rotate;\n -moz-animation-name: expand-rotate;\n -o-animation-name: expand-rotate;\n animation-name: expand-rotate;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Animation: rotate collapse 90 -> 0 deg /\n@-webkit-keyframes collapse-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n 100% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n@keyframes collapse-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n 100% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n.collapse-rotate::before {\n -webkit-animation-name: collapse-rotate;\n -moz-animation-name: collapse-rotate;\n -o-animation-name: collapse-rotate;\n animation-name: collapse-rotate;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Required because arrow up/down symbol is not properly vertically aligned with the rest of the sort/group text /\n.sort-symbol {\n top: -1.25px;\n position: relative;\n}\n.organize-columns-behind-scrollbar-column.table-cell.last {\n padding: 0;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-footer {\n position: absolute;\n bottom: 0;\n min-height: 64px;\n width: 100%;\n white-space: nowrap;\n border-top: 1px solid #DADADA;\n background-color: #fff;\n}\n.table-control-resize {\n position: absolute;\n width: 100%;\n left: 0;\n height: 16px;\n cursor: row-resize;\n z-index: 1;\n border-top: 2px solid #DADADA;\n}\n.table-control-container {\n position: absolute;\n overflow: hidden;\n outline: none;\n background-color: #fff;\n bottom: 64px;\n width: 100%;\n / Default value for TableControl.js /\n height: 364px;\n display: none;\n z-index: 1;\n / Reset nowrap, forms may have fields which need wrapping (e.g. label field) /\n white-space: normal;\n}\n.table-control-container.dense {\n height: 320px;\n}\n.table-control-container:not(.has-resizer) {\n border-top: 2px solid #DADADA;\n}\n.table-control-content {\n height: 100%;\n width: 100%;\n}\n.table-control-content > .form {\n background-color: #fff;\n}\n.table-control-content > .form > .root-group-box > .group-box-body {\n / to make sure fields are not drawn over the menubar when making table control container very small /\n overflow: hidden;\n}\n.table-control-content > .form > .root-group-box > .main-menubar {\n background-color: inherit;\n border-color: transparent;\n}\n.table-controls {\n position: absolute;\n height: 100%;\n margin-left: 20px;\n display: flex;\n align-items: center;\n}\n.table-info {\n position: absolute;\n right: 0;\n display: inline-flex;\n align-items: center;\n height: 100%;\n margin-right: 5px;\n}\n.table-filter {\n position: relative;\n margin-right: 15px;\n}\n.table-text-filter {\n min-height: 32px;\n width: 180px;\n font-size: 13px;\n}\n.table-text-filter:focus.has-text {\n padding-right: 25px;\n}\n.table-text-filter:focus.has-text ~ .clear-icon {\n display: flex;\n}\n.table-text-filter ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: 32px;\n}\n.table-info-item.hiding {\n visibility: hidden;\n}\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n flex-shrink: 0;\n flex-grow: 0;\n color: #666666;\n cursor: pointer;\n line-height: 19px;\n font-size: 12px;\n overflow: hidden;\n white-space: nowrap;\n / margins are used instead of paddings for a better animation /\n}\n.table-info-load > span,\n.table-info-status > span,\n.table-info-filter > span,\n.table-info-selection > span {\n display: block;\n margin: 0 15px;\n}\n.table-info-load.disabled,\n.table-info-status.disabled,\n.table-info-filter.disabled,\n.table-info-selection.disabled {\n cursor: default;\n}\n.table-info-load.disabled > .table-info-button,\n.table-info-status.disabled > .table-info-button,\n.table-info-filter.disabled > .table-info-button,\n.table-info-selection.disabled > .table-info-button {\n color: #666666;\n}\n.table-info-load > .table-info-button,\n.table-info-status > .table-info-button,\n.table-info-filter > .table-info-button,\n.table-info-selection > .table-info-button {\n color: #1561A7;\n}\n.table-info-load > .table-info-button > .key-box,\n.table-info-status > .table-info-button > .key-box,\n.table-info-filter > .table-info-button > .key-box,\n.table-info-selection > .table-info-button > .key-box {\n bottom: 2px;\n}\n.table-info-load:hover > .table-info-button,\n.table-info-status:hover > .table-info-button,\n.table-info-filter:hover > .table-info-button,\n.table-info-selection:hover > .table-info-button {\n color: #1b7bd4;\n}\n.table-info-load:active > .table-info-button,\n.table-info-status:active > .table-info-button,\n.table-info-filter:active > .table-info-button,\n.table-info-selection:active > .table-info-button {\n color: #2F3C45;\n}\n.table-info-status {\n padding-top: 0;\n line-height: 64px;\n color: #666666;\n / normal /\n / error /\n / warning /\n}\n.table-info-status:hover {\n color: #666666;\n}\n.table-info-status > .font-icon {\n display: inline-block;\n line-height: normal;\n vertical-align: middle;\n padding-top: 8px;\n / controls distance to tooltip /\n padding-bottom: 11px;\n / larger than padding-top, to move icon to optical middle /\n}\n.table-info-status > .font-icon::before {\n content: '\\E002';\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 22px;\n}\n.table-info-status.error > .font-icon::before {\n -webkit-animation: attention 5s linear infinite;\n -moz-animation: attention 5s linear infinite;\n -o-animation: attention 5s linear infinite;\n animation: attention 5s linear infinite;\n content: '\\E001';\n}\n.table-info-status.error.tooltip-active {\n color: #D53F3F;\n}\n.table-info-status.error.tooltip-active:hover {\n color: #D53F3F;\n}\n.table-info-status.warning > .font-icon::before {\n content: '\\E001';\n}\n.table-info-status.warning.tooltip-active {\n color: #1561A7;\n}\n.table-info-status.warning.tooltip-active:hover {\n color: #014786;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: #F5F5F5;\n border-bottom: 2px solid #DADADA;\n z-index: 0;\n / begin new stacking context /\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n border-left: 0 solid transparent;\n}\n.table-header.disabled:not(.read-only) {\n color: #666666;\n}\n.table-header > .menubar-container {\n position: absolute;\n right: 0;\n top: 0;\n height: 100%;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n margin-left: 3px;\n}\n.table-header > .menubar-container > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n margin-right: 3px;\n min-height: 27px;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item > .font-icon {\n font-size: 15px;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item.menu-icononly {\n padding: 0;\n min-width: 27px;\n}\n.table-header-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n font-weight: bold;\n font-size: 12px;\n color: #4C4C4C;\n padding: 5px 7px 5px 7px;\n margin: 3px 4px 3px 3px;\n min-height: 27px;\n / Vertical align is necessary for 2 things: /\n / 1. Alignment in case of multiline headers. /\n / 2. A correct header height, see http://stackoverflow.com/questions/20566710/overflowhidden-displayinline-block-moves-text-upwards /\n vertical-align: middle;\n cursor: pointer;\n border-radius: 3px;\n}\n.table-header-item.last {\n margin-right: 3px;\n}\n.table-header-item.halign-right {\n justify-content: flex-end;\n text-align: right;\n padding-right: 7px;\n padding-left: 7px;\n}\n.table-header-item.halign-center {\n justify-content: center;\n text-align: center;\n padding-right: 7px;\n}\n.table-header-item.last.halign-left,\n.table-header-item.last.halign-center,\n.table-header-item.last.halign-right {\n padding-right: 11px;\n}\n.table-header-item.sorted,\n.table-header-item.grouped,\n.table-header-item.filtered {\n / make room for icon /\n padding-right: 19px;\n}\n.table-header-item.sorted.halign-right,\n.table-header-item.grouped.halign-right,\n.table-header-item.filtered.halign-right,\n.table-header-item.sorted.halign-center,\n.table-header-item.grouped.halign-center,\n.table-header-item.filtered.halign-center {\n padding-right: 22px;\n}\n.table-header-item.sorted.grouped,\n.table-header-item.sorted.filtered {\n / make some more room /\n padding-right: 31px;\n}\n.table-header-item.sorted.grouped.halign-right,\n.table-header-item.sorted.filtered.halign-right,\n.table-header-item.sorted.grouped.halign-center,\n.table-header-item.sorted.filtered.halign-center {\n padding-right: 34px;\n}\n.table-header-item.moving,\n.table-header-item.releasing {\n z-index: 1;\n}\n.table-header-item.moving > .table-header-item-state {\n display: none;\n}\n.table-header-item:hover {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.table-header-item.active,\n.table-header-item:active,\n.table-header-item.moving {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.table-header-item.selected {\n background-color: rgba(0, 0, 0, 0.12);\n color: #1561A7;\n z-index: 1;\n}\n.table-header-item.disabled {\n cursor: default;\n / Override default disabled text color, because \"disabled\" in the table header means something different /\n color: #4C4C4C;\n background-color: inherit;\n}\n.table-header-item.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n}\n.table-header-item > .icon.font-icon {\n font-size: 15px;\n}\n.table-header-item > .icon.with-text {\n margin-right: 8px;\n}\n.table-header-item-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.table-header-item-state {\n position: absolute;\n display: flex;\n align-items: center;\n right: 0;\n top: 0;\n font-weight: normal;\n font-size: 10px;\n color: #666666;\n height: 100%;\n}\n.table-header-item-state > .left {\n padding-left: 3px;\n}\n.table-header-item-state.grouped.filtered > .left {\n padding-top: 0;\n}\n.table-header-item-state > .right {\n color: #666666;\n margin-top: -3px;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n}\n.table-header-item-state.sort-desc > .right::after {\n content: '\\2193';\n}\n.table-header-item-state.sort-asc > .right::after {\n content: '\\2191';\n}\n.table-header-resize {\n position: absolute;\n display: inline-block;\n top: 0;\n height: 100%;\n width: 17px;\n padding: 10px 8px;\n margin-left: -9px;\n background-color: #DADADA;\n background-clip: content-box;\n z-index: 1;\n}\n.table-header-resize:not(.disabled) {\n cursor: col-resize;\n}\n.table-header-resize:not(.disabled):hover {\n background-color: #DADADA;\n}\n.table-header-item.last + .table-header-resize {\n margin-left: -8px;\n}\n.table-header.moving > .table-header-resize {\n / Hide separators while moving, because their position will not be updated until the move-end event /\n visibility: hidden;\n}\n/ Temporary element inserted in header and data area during resizing of a column /\n.table-column-resize-helper {\n position: absolute;\n top: 0;\n left: 0;\n background-color: transparent;\n height: 1px;\n / width is set dynamically by TableHeader.js /\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-header-menu {\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 8px;\n white-space: nowrap;\n overflow: hidden;\n}\n.table-header-menu.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.table-header-menu.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.table-header-menu-body {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.table-header-menu-actions {\n display: inline-block;\n vertical-align: top;\n padding: 16px;\n}\n.table-header-menu-actions > .table-header-menu-group > .table-header-menu-group-text {\n width: calc(100% + 12px);\n}\n.table-header-menu-filters {\n display: inline-block;\n vertical-align: top;\n width: 250px;\n padding: 0 16px 0 16px;\n margin: 16px 0 16px 0;\n}\n.table-header-menu-body.compact > .table-header-menu-filters {\n display: block;\n height: auto;\n margin-top: 5px;\n}\n.table-header-menu-filters > .table-header-menu-group > .form-field {\n position: relative;\n}\n.table-header-menu-group {\n padding-top: 12px;\n padding-bottom: 5px;\n}\n.table-header-menu-group.first {\n padding-top: 0;\n}\n.table-header-menu-group.last {\n padding-bottom: 0;\n}\n.table-header-menu-group.buttons {\n padding-bottom: 35px;\n}\n.table-header-menu-group.buttons.last {\n padding-bottom: 29px;\n}\n.table-header-menu-group-text {\n font-weight: bold;\n color: #666666;\n padding-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.table-header-menu-command {\n float: left;\n width: 43px;\n margin-right: 10px;\n height: 30px;\n}\n.table-header-menu-command:focus {\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n outline: none;\n}\n.table-header-menu-command.last {\n margin-right: 0;\n}\n.table-header-menu-command > .icon::after {\n position: relative;\n left: 3px;\n top: -3px;\n font-size: 13px;\n}\n.table-header-menu-command.move-top > .icon::before {\n content: '\\E010';\n}\n.table-header-menu-command.move-up > .icon::before {\n content: '\\E012';\n}\n.table-header-menu-command.move-down > .icon::before {\n content: '\\E013';\n}\n.table-header-menu-command.move-bottom > .icon::before {\n content: '\\E011';\n}\n.table-header-menu-command.sort-asc > .icon::before,\n.table-header-menu-command.sort-asc-add > .icon::before {\n content: '\\E017';\n}\n.table-header-menu-command.sort-desc > .icon::before,\n.table-header-menu-command.sort-desc-add > .icon::before {\n content: '\\E016';\n}\n.table-header-menu-command.sort-asc-add > .icon::after,\n.table-header-menu-command.sort-desc-add > .icon::after {\n content: '\\E01B';\n display: inline-block;\n / fix for pointer-events: none in IE11 /\n}\n.table-header-menu-command.sort-asc-add.selected > .icon::after,\n.table-header-menu-command.sort-desc-add.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px;\n / limit height otherwise arrow would move up in some browsers /\n}\n.table-header-menu-command.add-column > .icon::before {\n content: '\\E01B';\n}\n.table-header-menu-command.remove-column > .icon::before {\n content: '\\E01A';\n}\n.table-header-menu-command.change-column > .icon::before {\n content: '\\E02F';\n}\n.table-header-menu-command.togglable.selected:hover > .icon::before {\n content: '\\E035';\n}\n.table-header-menu-command.togglable.selected:hover > .icon::after {\n content: '';\n}\n.table-header-menu-command.hierarchy-collapse-all > .icon::before {\n content: '\\E037';\n}\n.table-header-menu-command.hierarchy-expand-all > .icon::before {\n content: '\\E036';\n}\n.table-header-menu-command.group > .icon::before,\n.table-header-menu-command.group-add > .icon::before {\n content: '\\E006';\n}\n.table-header-menu-command.group-add > .icon::after {\n content: '\\E01B';\n display: inline-block;\n / fix for pointer-events: none in IE11 /\n}\n.table-header-menu-command.group-add.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px;\n / limit height otherwise arrow would move up in some browsers /\n}\n.table-header-menu-command.aggregation-function.sum > .icon::before {\n content: '\\E02C';\n}\n.table-header-menu-command.aggregation-function.avg > .icon::before {\n content: '\\E03A';\n}\n.table-header-menu-command.aggregation-function.max > .icon::before {\n content: '\\E039';\n}\n.table-header-menu-command.aggregation-function.min > .icon::before {\n content: '\\E038';\n}\n.table-header-menu-command.color-gradient1 {\n background-image: linear-gradient(to right, #FF8888, #BDF2E8);\n}\n.table-header-menu-command.color-gradient2 {\n background-image: linear-gradient(to right, #BDF2E8, #FF8888);\n}\n.table-header-menu-command.color-bar-chart {\n background-image: linear-gradient(to right, #74A8D8 0, #74A8D8 65%, #fff 65%, #fff 100%);\n background-color: transparent;\n}\n.table-header-menu-command.color:hover {\n border-width: 2px;\n}\n.table-header-menu-command.color.selected {\n border-width: 2px;\n}\n.table-header-menu-command.color.selected.togglable:hover {\n background-image: none;\n}\n.table-header-menu-filter-actions {\n float: right;\n}\n.table-header-menu-filter-toggle-checked {\n display: inline;\n}\n.table-header-menu-filter-table.table-row-check {\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data {\n margin-top: 0;\n padding: 3px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row {\n border-radius: 3px;\n margin-bottom: 2px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row.last {\n margin-bottom: 0;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row > .table-cell {\n border: 0;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row > .table-cell.halign-right {\n padding-right: 12px;\n}\n.table-header-menu-filter-number-column {\n font-size: 11px;\n color: #5C5C5C;\n vertical-align: middle;\n}\n.table-header-menu-toggle-sort-order {\n float: left;\n padding-right: 16px;\n}\n.table-header-menu-toggle-sort-order::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.table-header-menu-toggle-sort-order-alphabetically::before {\n content: '\\F15D';\n}\n.table-header-menu-toggle-sort-order-amount::before {\n content: '\\F161';\n}\n/ Filter fields group-box /\n.filter-fields {\n padding: 0;\n}\n.filter-fields > .group-box-body {\n padding: 0;\n}\n.filter-fields > .group-box-body > .form-field > label {\n margin-left: 0;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-row-detail {\n padding: 14px 16px;\n line-height: 25px;\n}\n.table-row-detail-name {\n margin-right: 4px;\n color: #666666;\n font-size: 12px;\n}\n.table-row-detail-value {\n white-space: normal;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.table-row-detail-icon.with-text {\n margin-right: 8px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-control {\n position: relative;\n color: #1561A7;\n cursor: pointer;\n border-radius: 8px;\n margin-right: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 40px;\n height: 40px;\n}\n.table-control > .font-icon {\n font-size: 22px;\n}\n.table-control:hover {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.table-control:active {\n color: #2F3C45;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.table-control.selected {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.table-control.disabled {\n cursor: default;\n color: #808080;\n background-color: transparent;\n}\n.tooltip.table-control-tooltip {\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-info, table-status) /\n margin-top: 8px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.cell-editor-popup {\n / make sure it is behind the scrollbar but above selection /\n z-index: 1;\n}\n.cell-editor-field {\n --padding-top: var(--table-row-padding-y) - 2px;\n --padding-bottom: var(--table-row-padding-y) - 2px;\n padding: calc(var(--padding-top)) 8px calc(var(--padding-bottom)) 8px;\n border-width: 2px;\n background-color: #fff;\n}\n.cell-editor-popup.overflow-top .cell-editor-field {\n --padding-top: var(--table-row-padding-y) - 2px + 1px;\n --padding-bottom: var(--table-row-padding-y) - 2px + 1px;\n}\n.cell-editor-popup.overflow-bottom .cell-editor-field {\n --padding-bottom: var(--table-row-padding-y) - 2px + 2px;\n}\n.cell-editor-field:focus,\n.cell-editor-field.focused {\n border-color: #1561A7;\n box-shadow: none;\n}\n.cell-editor-field:focus.has-error,\n.cell-editor-field.focused.has-error {\n border-color: #D53F3F;\n box-shadow: none;\n}\n/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.compact-cell-title {\n display: flex;\n align-items: baseline;\n line-height: 20px;\n}\n.compact-cell-title > .left {\n flex-grow: 1;\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.compact-cell-title > .right {\n flex-grow: 0;\n / in case it wraps when title is large /\n text-align: right;\n}\n.compact-cell-subtitle {\n color: #666666;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.compact-cell-subtitle:not(:empty) {\n padding-top: 2px;\n}\n.compact-cell-content,\n.compact-cell-more-content {\n line-height: 20px;\n}\n.compact-cell-content.has-header,\n.compact-cell-more-content.has-header {\n color: #000;\n}\n.compact-cell-more {\n line-height: 20px;\n}\n.compact-cell-content:not(:empty).has-header {\n padding-top: 5px;\n}\n.compact-cell-line {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.compact-cell-line-label {\n font-size: 12px;\n color: #666666;\n}\n.compact-cell-line-label:not(:empty) {\n margin-right: 4px;\n}\n.compact-cell-line-label > .icon {\n margin-right: 2px;\n}\n.compact-cell-line-label > .icon.with-text,\n.compact-cell-line-value > .icon.with-text {\n margin-right: 8px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-element,\n.overflow-icon {\n display: inline-flex;\n user-select: none;\n white-space: nowrap;\n color: #000;\n outline: none;\n border-radius: 3px;\n background-color: #C1DEF9;\n height: 22px;\n line-height: 22px;\n margin: 3px 4px 0 0;\n overflow: hidden;\n}\n.tag-element.focused:not(:hover),\n.overflow-icon.focused:not(:hover) {\n background-color: #9ccaf5;\n}\n.tag-element > .tag-text {\n max-width: 85px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0 8px;\n}\n.removable.tag-element > .tag-text {\n padding-right: 4px;\n}\n.clickable.tag-element > .tag-text:hover {\n cursor: pointer;\n background-color: #9ccaf5;\n}\n.clickable.tag-element > .tag-text:active,\n.clickable.tag-element > .tag-text.active {\n background-color: #89c0f4;\n}\n.overflow-icon {\n align-items: center;\n color: #1561A7;\n padding: 0 6px;\n vertical-align: bottom;\n}\n.overflow-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n font-size: 16px;\n content: '\\F107';\n}\n.overflow-icon:hover {\n cursor: pointer;\n background-color: #9ccaf5;\n}\n.overflow-icon:active,\n.overflow-icon.active {\n background-color: #89c0f4;\n}\n.overflow-icon.selected {\n background-color: #89c0f4;\n color: #2F3C45;\n}\n.tag-remove-icon {\n color: #1561A7;\n display: flex;\n justify-content: center;\n width: 22px;\n padding-top: 1px;\n}\n.tag-remove-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n content: '\\E045';\n}\n.tag-remove-icon:hover {\n cursor: pointer;\n background-color: #9ccaf5;\n color: #000;\n}\n.tag-remove-icon:active,\n.tag-remove-icon.active {\n background-color: #89c0f4;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-overflow-popup {\n padding: 5px 4px 8px 8px;\n max-width: 250px;\n overflow: hidden;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n.tag-overflow-popup > .popup-body {\n display: inline;\n}\n.tag-overflow-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.tag-overflow-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.time-picker-popup {\n position: absolute;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n overflow: hidden;\n max-height: 350px;\n}\n.time-picker-separator {\n position: absolute;\n top: 0;\n left: 46px;\n height: 100%;\n border-right: 1px #DADADA solid;\n}\n.time-picker {\n position: relative;\n background-color: transparent;\n}\n.time-picker.touch-only :not(.selected):not(.disabled):not(:active):hover,\n.time-picker.touch-only :not(.selected):not(.disabled):not(:active):hover > .cell {\n background-color: inherit;\n}\n.touch-popup-widget-container > .time-picker {\n max-height: 300px;\n display: flex;\n justify-content: center;\n}\n.touch-popup-widget-container > .time-picker > .day-table {\n padding: 0;\n}\n.touch-popup-widget-container > .time-picker > .day-table > .hour-row:first-child > .cell {\n margin-top: 0;\n}\n.time-picker-touch-popup {\n max-width: 200px;\n}\n.time-picker-touch-popup > .body > .touch-popup-widget-container > .time-picker-separator {\n left: 84px;\n}\n.day-table {\n padding: 0 13px 0 3px;\n}\n.day-table > .hour-row {\n display: flex;\n}\n.day-table > .hour-row:hover > .hours,\n.day-table > .hour-row:hover > .hours.preselected {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.day-table > .hour-row:first-child > .cell {\n margin-top: 7px;\n}\n.day-table > .hour-row:last-child > .cell {\n margin-bottom: 7px;\n}\n.day-table > .hour-row > .cell {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: 32px;\n height: 32px;\n margin: 2px;\n border-radius: 6px;\n}\n.day-table > .hour-row > .hours {\n color: #666666;\n margin: 2px 13px 2px 4px;\n}\n.day-table > .hour-row > .hours.now {\n color: #AD6200;\n}\n.day-table > .hour-row > .hours.now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n font-weight: bold;\n}\n.day-table > .hour-row > .hours.preselected {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.day-table > .hour-row > .hours:hover + .minutes {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.day-table > .hour-row > .hours:hover + .minutes.selected {\n background-color: #1561A7;\n}\n.day-table > .hour-row > .hours:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.day-table > .hour-row > .hours.selected {\n color: #1561A7;\n}\n.day-table > .hour-row > .hours.selected > .text {\n font-weight: bold;\n border-bottom: 2px #1561A7 solid;\n margin-bottom: -2px;\n}\n.day-table > .hour-row > .minutes.now {\n color: #AD6200;\n font-weight: bold;\n}\n.day-table > .hour-row > .minutes.now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n font-weight: bold;\n}\n.day-table > .hour-row > .minutes.preselected {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.day-table > .hour-row > .minutes:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.day-table > .hour-row > .minutes:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.day-table > .hour-row > .minutes.selected {\n color: #fff;\n background-color: #1561A7;\n}\n.day-table > .hour-row > .minutes.selected.now > .text {\n border-color: #fff;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tooltip {\n position: absolute;\n background-color: #4C4C4C;\n border-radius: 3px;\n border: 0 solid #DADADA;\n color: #fff;\n box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);\n max-width: 300px;\n white-space: normal;\n}\n.tooltip-content {\n padding: 8px 12px;\n position: relative;\n min-width: 60px;\n / Prevents tooltips with very short text from looking \"strange\" /\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: normal;\n background-color: inherit;\n border-radius: 3px;\n}\n.has-menus > .tooltip-content {\n font-weight: bold;\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 14px;\n}\n.tooltip-content .small {\n font-size: 11px;\n font-weight: normal;\n color: #fff;\n}\n.tooltip-content > .table-cell-icon {\n color: #fff;\n}\n.tooltip-menus {\n position: relative;\n background-color: inherit;\n padding-bottom: 6px;\n}\n.no-text > .tooltip-menus {\n padding-top: 6px;\n}\n.tooltip-menus > .menu-item {\n display: flex;\n justify-content: start;\n border-radius: 0;\n padding: 8px 16px 8px 16px;\n}\n.tooltip-menus > .menu-item:hover {\n background-color: rgba(255, 255, 255, 0.15);\n}\n.tooltip-menus > .menu-item > .submenu-icon {\n padding-left: 5px;\n}\n.ok > .tooltip-menus > .menu-item {\n color: #fff;\n}\n.info > .tooltip-menus > .menu-item {\n color: #fff;\n}\n.warning > .tooltip-menus > .menu-item {\n color: #fff;\n}\n.error > .tooltip-menus > .menu-item {\n color: #fff;\n}\n.tooltip-arrow {\n position: absolute;\n width: 7px;\n height: 7px;\n background-color: inherit;\n border: inherit;\n}\n.tooltip-arrow.arrow-bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.tooltip-arrow.arrow-top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.tooltip.error {\n background-color: #D53F3F;\n border-width: 0;\n color: #fff;\n}\n.tooltip.error > .tooltip-arrow {\n background-color: #D53F3F;\n}\n.tooltip.warning {\n background-color: #AD6200;\n border-width: 0;\n color: #fff;\n}\n.tooltip.warning > .tooltip-arrow {\n background-color: #AD6200;\n}\n.tooltip.ok {\n background-color: #00856C;\n border-width: 0;\n color: #fff;\n}\n.tooltip.ok > .tooltip-arrow {\n background-color: #00856C;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.widget-tooltip {\n max-width: none;\n}\n.widget-tooltip > .tooltip-widget-container {\n position: relative;\n padding: 10px;\n background-color: inherit;\n overflow: hidden;\n border-radius: 3px;\n}\n.widget-tooltip > .tooltip-widget-container > .widget {\n position: relative;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tree {\n position: relative;\n}\n.tree:focus,\n.tree.focused {\n outline: none;\n}\n.tree:focus > .tree-data > .animation-wrapper > .tree-node.selected,\n.tree.focused > .tree-data > .animation-wrapper > .tree-node.selected,\n.tree:focus > .tree-data > .tree-node.selected,\n.tree.focused > .tree-data > .tree-node.selected {\n background-color: #E9F0F6;\n}\n.tree:focus > .tree-data > .animation-wrapper > .tree-node.selected::after,\n.tree.focused > .tree-data > .animation-wrapper > .tree-node.selected::after,\n.tree:focus > .tree-data > .tree-node.selected::after,\n.tree.focused > .tree-data > .tree-node.selected::after {\n border-color: #1561A7;\n}\n.tree > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--menubar-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n}\n.tree > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--menubar-height)) / 2);\n}\n.tree-data {\n / necessary for scrollbars /\n position: relative;\n overflow: hidden;\n width: 100%;\n / expand to outer container, needed for breadcrumb /\n / required because text shouldn't go into ellipsis mode when scrollbars are enabled /\n}\n.tree-data.scrollable-tree {\n overflow-anchor: none;\n}\n.tree-data.scrollable-tree > .tree-node,\n.tree-data.scrollable-tree > .animation-wrapper > .tree-node {\n overflow: visible;\n}\n.tree-data.scrollable-tree > .tree-node > .text,\n.tree-data.scrollable-tree > .animation-wrapper > .tree-node > .text {\n text-overflow: clip;\n}\n.tree-data.checkable > .tree-node,\n.tree-data.checkable > .animation-wrapper > .tree-node {\n cursor: pointer;\n}\n.navigation-breadcrumb .tree-data {\n float: left;\n}\n.tree-node {\n display: flex;\n align-items: start;\n position: relative;\n padding: 7px 7px 7px 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tree-node:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.tree-node.selected {\n background-color: #FAFAFA;\n}\n.tree-node.selected::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 2px solid #CFCFCF;\n border-radius: 3px;\n pointer-events: none;\n}\n.tree-node.disabled {\n / Tree node is disabled -> use lighter disabled color /\n color: #808080;\n}\n.disabled > .tree-node {\n / Whole tree is disabled -> use darker disabled color /\n color: #666666;\n}\n.disabled.read-only > .tree-data > .tree-node {\n color: #000;\n}\n.tree-node > .text {\n vertical-align: top;\n display: inline-block;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tree-node > .icon {\n vertical-align: top;\n padding-right: 9px;\n display: inline-block;\n text-align: center;\n min-width: 16px;\n / Use content-box for images because it leads to wrong behavior when someone sets a min-width/height\n * on an IMG element that has padding and the available space for the image is 'min-width' - 'padding'\n * See ticket 208111 /\n box-sizing: content-box;\n}\n.tree-node > .icon.image-icon {\n margin-top: -2px;\n / required to reserve space for bitmap icons in the tree when image resource is not yet loaded /\n min-width: 16px;\n min-height: 16px;\n}\n.tree-node > .icon.font-icon {\n / Necessary to align with the text, depends on the used font size /\n line-height: 15px;\n}\n.tree-node-checkbox {\n display: block;\n position: absolute;\n top: auto;\n left: auto;\n margin-top: -2px;\n margin-left: -28px;\n width: 20px;\n height: 20px;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked {\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: #fff;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked.disabled {\n border-color: #DADADA;\n background-color: #808080;\n border-color: #808080;\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box {\n border-color: #DADADA;\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box.checked,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box.checked {\n background-color: #808080;\n border-color: #808080;\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box:not(.checked).children-checked,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box:not(.checked).children-checked {\n background-color: #808080;\n border-color: #808080;\n}\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked {\n background-color: inherit;\n border-color: #999999;\n}\n.disabled.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.disabled.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked.disabled,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked.disabled {\n background-color: inherit;\n border-color: #DADADA;\n}\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked::before,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked::before {\n display: none;\n}\n.tree-node-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n padding: 7px 8px 7px 13px;\n height: 100%;\n line-height: 14px;\n / Necessary to align with the text, depends on the used font size /\n color: inherit;\n}\n.tree-node-control::before {\n display: block;\n transition: transform 0.3s;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\E013';\n}\n.tree-node.lazy > .tree-node-control::before {\n font-family: Arial, sans-serif;\n content: '+';\n / Move to left because '+' sign is not as wide as 'arrow-down' /\n margin-left: -2px;\n}\n.tree-node.expanded > .tree-node-control::before {\n / This \"imprecise\" angle is a workaround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n}\n.tree-node-control:hover {\n color: #FE9915;\n}\n/ bread crumb style /\n.tree.breadcrumb > .tree-data > .tree-node,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid #DADADA;\n padding: 8px 10px;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected,\n.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected,\n.tree.breadcrumb > .tree-data > .tree-node:active,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {\n display: flex;\n}\n.tree.breadcrumb > .tree-data > .tree-node.selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n display: flex;\n cursor: default;\n}\n.tree.breadcrumb > .tree-data > .tree-node > .text,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .text {\n white-space: normal;\n}\n.tree.breadcrumb > .tree-data > .tree-node > .tree-node-control,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n display: none;\n}\n/ key handling /\n.tree-node .key-box {\n top: calc(50% - 11px);\n}\n.tree > .tree-data > .key-box {\n top: 6px;\n left: 4px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tree-field > .compact-tree {\n margin-left: 10px;\n}\n.compact-tree:focus {\n outline: none;\n border: 0;\n box-shadow: 0 0 0 0;\n}\n.compact-tree:focus > .tree-data > .nodes > .section > .section-node.selected {\n text-decoration: underline;\n color: #1561A7;\n}\n.compact-tree > .tree-data {\n position: relative;\n overflow: hidden;\n padding-top: 10px;\n}\n.compact-tree > .tree-data > .nodes {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n -ms-column-count: 2;\n -o-column-count: 2;\n column-count: 2;\n -webkit-column-gap: 24px;\n -moz-column-gap: 24px;\n -ms-column-gap: 24px;\n -o-column-gap: 24px;\n column-gap: 24px;\n}\n.compact-tree > .tree-data > .nodes > .section {\n margin-bottom: 30px;\n / Use full width to enlarge touch area /\n width: 100%;\n -webkit-column-break-inside: avoid;\n -moz-column-break-inside: avoid;\n -ms-column-break-inside: avoid;\n -o-column-break-inside: avoid;\n column-break-inside: avoid;\n break-inside: avoid-column;\n page-break-inside: avoid;\n / Hack for FF, because column-break-inside does not yet work for all elements, only for tables /\n / see: https://bugzilla.mozilla.org/show_bug.cgi?id=549114 /\n display: table;\n}\n.compact-tree > .tree-data > .nodes > .section:last-child {\n margin-bottom: 0;\n}\n.compact-tree > .tree-data > .nodes > .section > .title {\n font-weight: bold;\n}\n.compact-tree > .tree-data > .nodes > .section > .section-node {\n cursor: pointer;\n padding-top: 12px;\n}\n.compact-tree > .tree-data > .nodes > .section > .section-node:hover {\n color: #1561A7;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.newly-rendered {\n / 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 /\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n.tile.animate-visible {\n -webkit-animation-name: fadein-grow;\n -moz-animation-name: fadein-grow;\n -o-animation-name: fadein-grow;\n animation-name: fadein-grow;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n}\n.tile.animate-invisible {\n -webkit-animation-name: fadeout-shrink;\n -moz-animation-name: fadeout-shrink;\n -o-animation-name: fadeout-shrink;\n animation-name: fadeout-shrink;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.tile.animate-insert {\n -webkit-animation-name: fadein-zoom-bounce;\n -moz-animation-name: fadein-zoom-bounce;\n -o-animation-name: fadein-zoom-bounce;\n animation-name: fadein-zoom-bounce;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n}\n.tile.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n/ The default class is added if displayStyle is set to DEFAULT. If it is set to PLAIN no class will be added. /\n.default-tile {\n background-color: #FAFAFA;\n border: 1px solid #DADADA;\n padding: 6px 8px;\n}\n.default-tile.selectable:active:not(.selected),\n.default-tile.selectable.active:not(.selected) {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.default-tile.selected {\n background-color: #E9F0F6;\n border-color: #1561A7;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile-grid {\n padding: 6px 0;\n}\n.tile-grid:focus,\n.tile-grid.focused {\n outline: none;\n}\n.tile-grid.scrollable {\n padding-right: 15px;\n}\n.tile-grid > .tile {\n transition: opacity 250ms;\n}\n.tile-grid > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.tile-grid.loading > .tile,\n.tile-grid.loading > .scrollbar {\n opacity: 0;\n}\n.tile-grid.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.tile-grid.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.tile-grid.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.scrollable.tile-grid > .filter-field-container {\n top: calc(100% - 10px);\n left: 100%;\n}\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see TileGridLayoutConfig.js & TileGridLayoutConfig.java /\n/ --------------------------------------------------------------------------- /\n.tile-grid-layout-config {\n width: 210px;\n height: 155px;\n margin-left: 15px;\n / horizontal gap /\n margin-top: 15px;\n / vertical gap /\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile-overview {\n background-color: #F5F5F5;\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n.tile-overview-content {\n position: absolute;\n margin: 42px 65px;\n / for larger screens /\n}\n@media screen and (max-width: 800px) {\n .tile-overview-content {\n / for small screens /\n margin: 20px 20px 20px 23px;\n }\n}\n.tile-overview-content > .tile-grid {\n position: relative;\n margin-bottom: 30px;\n}\n.tile-overview-title {\n font-size: 32px;\n height: auto !important;\n padding-bottom: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tile-overview-title.animated {\n transition: max-height 400ms, padding-bottom 400ms;\n}\n.tile-overview-title.removed {\n max-height: 0 !important;\n padding-bottom: 0;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile-accordion > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-bottom: 0;\n}\n.tile-accordion > .filter-field-container {\n top: calc(100% - 16px);\n}\n.scrollable.tile-accordion > .filter-field-container {\n left: 100%;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.placeholder-tile {\n background-color: #EFEFEF;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard {\n border: none;\n border-radius: 12px;\n color: #666666;\n --tile-background-color: #fff;\n background-color: var(--tile-background-color);\n overflow: hidden;\n box-shadow: 0 0 0 1px #e2e2e2, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.inverted {\n box-shadow: 0 0 0 1px #1561A7, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.inverted.color-alternative {\n box-shadow: 0 0 0 1px #4C4C4C, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.dimmed-background .tile.dashboard {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.disabled,\n.dimmed-background .tile.dashboard.inverted {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n.tile.dashboard > .form-field {\n padding: 16px 20px 20px;\n / Define a short transition for opacity changes on all field elements (used in .loading state) /\n / Move part of the tile's padding (@offset) to the inner div. /\n / This makes it possible to draw the scrollbar (seemingly) outside the field. /\n / --- Special rules for specific tile fields --- /\n}\n.tile.dashboard > .form-field.label-hidden {\n padding-top: 20px;\n}\n.compact.tile.dashboard > .form-field.label-hidden {\n padding-top: 10px;\n}\n.compact.tile.dashboard > .form-field {\n padding-bottom: 10px;\n padding-left: 15px;\n padding-right: 15px;\n}\n.tile.dashboard > .form-field.no-padding {\n padding: 0;\n}\n.tile.dashboard > .form-field.no-padding > .field {\n border: 0;\n border-radius: 0;\n}\n.tile.dashboard > .form-field > label {\n color: #666666;\n margin: 0;\n font-size: 12px;\n font-weight: bold;\n padding-top: 0;\n padding-bottom: 5px;\n padding-right: 0;\n}\n.tile.dashboard > .form-field > .field {\n margin-left: 0;\n overflow: hidden;\n}\n.tile.dashboard > .form-field > .mandatory-indicator {\n display: none;\n}\n.tile.dashboard > .form-field > label,\n.tile.dashboard > .form-field > .mandatory-indicator,\n.tile.dashboard > .form-field > .field,\n.tile.dashboard > .form-field > .status {\n transition: opacity 0.15s;\n / Same time is used in animation() of .loading-indicator /\n opacity: 1;\n}\n.tile.dashboard > .form-field > .status {\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n background-color: var(--tile-background-color);\n box-shadow: 0 0 4px 4px var(--tile-background-color);\n border-radius: 50%;\n padding: 0;\n margin: 0;\n height: 24px !important;\n width: 24px !important;\n top: 12px !important;\n right: 12px !important;\n line-height: unset !important;\n}\n.tile.dashboard > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status {\n border-radius: 3px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside {\n padding-right: 3px;\n}\n.compact.tile.dashboard > .form-field.scrollbar-y-outside {\n padding-right: 0;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > label {\n margin-right: 17px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > .field {\n padding-right: 17px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > .field > .scrollbar.y-axis {\n / Remove margin top/bottom, because root-group-box already provides a padding /\n height: 100%;\n margin-top: 0;\n margin-bottom: 0;\n}\n.tile.dashboard > .form-field.browser-field > .field {\n border-radius: 0;\n}\n.tile.dashboard > .form-field.browser-field.inverted > .field {\n border: 0;\n}\n.tile.dashboard > .form-field.html-field > label,\n.tile.dashboard > .form-field.bean-field > label {\n padding-bottom: 10px;\n}\n.tile.dashboard.loading > .form-field > label,\n.tile.dashboard.loading > .form-field > .mandatory-indicator,\n.tile.dashboard.loading > .form-field > .field,\n.tile.dashboard.loading > .form-field > .status {\n / Same as 'visibility: hidden', except it can be animated with CSS transitions /\n opacity: 0;\n}\n.tile.dashboard.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.tile.dashboard.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.tile.dashboard.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.tile.dashboard.inverted {\n --tile-background-color: #1561A7;\n color: #fff;\n}\n.tile.dashboard.inverted.disabled:not(.read-only) {\n --tile-background-color: #DADADA;\n}\n.tile.dashboard.inverted > .form-field {\n / Override link style in inverted tiles, otherwise app-links would not be readable /\n}\n.tile.dashboard.inverted > .form-field > label {\n color: #fff;\n}\n.tile.dashboard.inverted > .form-field .app-link,\n.tile.dashboard.inverted > .form-field a {\n color: #fff;\n}\n.tile.dashboard.inverted > .form-field .app-link:hover,\n.tile.dashboard.inverted > .form-field a:hover {\n color: rgba(255, 255, 255, 0.85);\n}\n.tile.dashboard.inverted > .form-field .app-link:active,\n.tile.dashboard.inverted > .form-field a:active {\n color: rgba(255, 255, 255, 0.75);\n}\n.tile.dashboard.inverted > .form-field > .status::before {\n color: #fff;\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status::before {\n color: #fff;\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.15);\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:active::before,\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.inverted > .form-field.has-error > .status::before {\n color: #FF5555;\n}\n.tile.dashboard.inverted > .form-field.has-error > .status:hover::before,\n.tile.dashboard.inverted > .form-field.has-error > .status:active::before,\n.tile.dashboard.inverted > .form-field.has-error > .status.selected::before {\n color: #FF5555;\n}\n.tile.dashboard.inverted > .form-field .scrollbar-thumb-handle {\n background-color: rgba(218, 218, 218, 0.3);\n}\n.tile.dashboard.inverted > .form-field .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.tile.dashboard.inverted > .form-field .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(218, 218, 218, 0.45);\n}\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: rgba(218, 218, 218, 0.15);\n}\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(218, 218, 218, 0.15);\n}\n.tile.dashboard.color-alternative {\n --tile-background-color: #fff;\n color: #666666;\n}\n.tile.dashboard.color-alternative.disabled:not(.read-only) {\n --tile-background-color: #DADADA;\n}\n.tile.dashboard.color-alternative > .form-field > label {\n color: #666666;\n}\n.tile.dashboard.color-alternative > .form-field .app-link,\n.tile.dashboard.color-alternative > .form-field a {\n color: #1561A7;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:hover,\n.tile.dashboard.color-alternative > .form-field a:hover {\n color: #1b7bd4;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:active,\n.tile.dashboard.color-alternative > .form-field a:active {\n color: #1b7bd4;\n}\n.tile.dashboard.inverted.color-alternative {\n --tile-background-color: #4C4C4C;\n color: #fff;\n}\n.tile.dashboard.inverted.color-alternative.disabled:not(.read-only) {\n --tile-background-color: #DADADA;\n}\n.tile.dashboard.inverted.color-alternative > .form-field > label {\n color: #fff;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link,\n.tile.dashboard.inverted.color-alternative > .form-field a {\n color: #fff;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link:hover,\n.tile.dashboard.inverted.color-alternative > .form-field a:hover {\n color: rgba(255, 255, 255, 0.85);\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link:active,\n.tile.dashboard.inverted.color-alternative > .form-field a:active {\n color: rgba(255, 255, 255, 0.75);\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.15);\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:active::before,\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected {\n box-shadow: 0 0 0 2px #1561A7, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.inverted {\n --tile-background-color: #367ab8;\n box-shadow: 0 0 0 2px #367ab8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.color-alternative {\n box-shadow: 0 0 0 2px #4C4C4C, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.inverted.color-alternative {\n --tile-background-color: #555555;\n box-shadow: 0 0 0 2px #555555, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.dimmed-background .tile.dashboard.selected {\n box-shadow: 0 0 0 2px #1561A7, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.selected.inverted {\n box-shadow: 0 0 0 2px #367ab8, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n.dimmed-background .tile.dashboard.selected.color-alternative {\n box-shadow: 0 0 0 2px #4C4C4C, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.selected.inverted.color-alternative {\n box-shadow: 0 0 0 2px #555555, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n/\n Mixing that can be used to reduce the horizontal padding.\n To ensure the label is aligned with the label from other tiles the h-padding of the label is increased.\n /\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard > .tile-button {\n padding-top: 0;\n padding-bottom: 0;\n cursor: pointer;\n}\n.tile.dashboard > .tile-button > .field {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n.tile.dashboard > .tile-button > .field.with-icon {\n padding-top: 17px;\n}\n.tile.dashboard > .tile-button > .field.without-icon {\n justify-content: center;\n}\n.tile.dashboard > .tile-button > .field > .icon-container,\n.tile.dashboard > .tile-button > .field > .label {\n display: block;\n}\n.tile.dashboard > .tile-button > .field > .icon-container {\n flex-grow: 1;\n}\n.tile.dashboard > .tile-button > .field > .icon-container > .font-icon {\n font-size: 40px;\n font-weight: 300;\n color: #B2B2B2;\n}\n.tile.dashboard > .tile-button > .field > .label {\n font-size: 16px;\n max-height: 66px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.tile.dashboard > .tile-button > .field.with-icon > .label {\n padding-top: 18px;\n}\n.tile.dashboard.compact > .tile-button {\n padding-bottom: 0;\n}\n.tile.dashboard.compact > .tile-button > .field {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.tile.dashboard.compact > .tile-button > .field.with-icon {\n min-height: 100px;\n}\n.tile.dashboard.compact > .tile-button > .field > .label {\n font-size: 14px;\n padding-top: 0;\n display: -webkit-inline-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n.tile.dashboard.compact > .tile-button > .field > .icon-container > .font-icon {\n font-size: 28px;\n}\n.button-tile.dashboard {\n background-color: inherit;\n}\n.button-tile.dashboard > .tile-button {\n background-color: #fff;\n}\n.button-tile.dashboard > .tile-button > .field > .label {\n color: #1561A7;\n}\n.dimmed-background .button-tile.dashboard:hover {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n}\n.button-tile.dashboard:hover > .tile-button {\n background-color: #fafafa;\n}\n.button-tile.dashboard:active > .tile-button,\n.button-tile.dashboard.active > .tile-button {\n background-color: #f5f5f5;\n}\n.button-tile.dashboard.inverted > .tile-button {\n background-color: #1561A7;\n}\n.button-tile.dashboard.inverted > .tile-button > .field > .label {\n color: #fff;\n}\n.button-tile.dashboard.inverted > .tile-button > .field > .icon-container > .font-icon {\n color: #fff;\n}\n.button-tile.dashboard.inverted:hover > .tile-button {\n background-color: #125490;\n border-color: #125490;\n}\n.button-tile.dashboard.inverted:active > .tile-button,\n.button-tile.dashboard.inverted.active > .tile-button {\n background-color: #0f477a;\n border-color: #0f477a;\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button {\n background-color: #4C4C4C;\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button > .field > .label {\n color: #fff;\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button > .field > .icon-container > .font-icon {\n color: #fff;\n}\n.button-tile.dashboard.color-alternative.inverted:hover > .tile-button {\n background-color: #3f3f3f;\n border-color: #3f3f3f;\n}\n.button-tile.dashboard.color-alternative.inverted:active > .tile-button,\n.button-tile.dashboard.color-alternative.inverted.active > .tile-button {\n background-color: #333333;\n border-color: #333333;\n}\n.dimmed-background .button-tile.dashboard.disabled {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.button-tile.dashboard.disabled > .tile-button,\n.inverted.button-tile.dashboard.disabled > .tile-button,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button {\n background-color: transparent;\n border-color: transparent;\n cursor: default;\n}\n.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon,\n.inverted.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon {\n color: #808080;\n}\n.button-tile.dashboard.disabled > .tile-button > .field > .label,\n.inverted.button-tile.dashboard.disabled > .tile-button > .field > .label,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button > .field > .label {\n color: #808080;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard > .table-field {\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 12px;\n / adjust menu bar when visible /\n}\n.tile.dashboard > .table-field > label {\n padding-left: 10px;\n padding-right: 10px;\n}\n.tile.dashboard > .table-field.label-hidden {\n padding-top: 7px;\n}\n.tile.dashboard > .table-field > label {\n padding-bottom: 10px;\n}\n.compact.tile.dashboard > .table-field {\n padding-left: 5px;\n padding-right: 5px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-left: 10px;\n padding-right: 10px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-bottom: 5px;\n}\n.tile.dashboard > .table-field.has-menubar {\n padding-bottom: 2px;\n}\n.tile.dashboard > .table-field.has-menubar > .table > .menubar.bottom {\n padding-top: 1px;\n}\n.tile.dashboard > .table-field > .table {\n border: 0;\n / see .table-row definition below /\n border-radius: 0;\n background-color: transparent;\n}\n.tile.dashboard > .table-field > .table:focus,\n.tile.dashboard > .table-field > .table.focused {\n box-shadow: none;\n}\n.tile.dashboard > .table-field > .table > .table-header {\n background-color: transparent;\n / show separator on mouseover only /\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item {\n color: #4C4C4C;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item > .table-header-item-state {\n display: none;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-resize {\n display: none;\n}\n.tile.dashboard > .table-field > .table > .table-header:hover > .table-header-resize {\n display: inline-block;\n}\n.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row.selected {\n / No selection color for non-focused table tiles /\n background-color: transparent;\n}\n.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row.selected::after {\n border: 0;\n}\n.tile.dashboard > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n --scroll-shadow-color: #fff;\n}\n.tile.dashboard > .table-field > .table > .table-data > .table-row > .table-cell,\n.tile.dashboard > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #4C4C4C;\n}\n.tile.dashboard > .table-field > .table > .menubar {\n background-color: transparent;\n}\n.tile.dashboard.inverted > .table-field > .table:focus > .table-data > .table-row.selected,\n.tile.dashboard.inverted > .table-field > .table.focused > .table-data > .table-row.selected {\n background-color: #186ebe;\n}\n.tile.dashboard.inverted > .table-field > .table:focus > .table-data > .table-row.selected::after,\n.tile.dashboard.inverted > .table-field > .table.focused > .table-data > .table-row.selected::after {\n border-color: rgba(255, 255, 255, 0.5);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-item {\n color: #fff;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-resize {\n background-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row:active {\n background-color: transparent;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #fff;\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #fff;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-color: #1561A7;\n}\n.tile.dashboard.inverted > .table-field > .table > .menubar {\n border-top-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .menubar > .menubar-box > .menu-item {\n color: #fff;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table:focus > .table-data > .table-row.selected,\n.tile.dashboard.color-alternative.inverted > .table-field > .table.focused > .table-data > .table-row.selected {\n background-color: #595959;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table:focus > .table-data > .table-row.selected::after,\n.tile.dashboard.color-alternative.inverted > .table-field > .table.focused > .table-data > .table-row.selected::after {\n border-color: rgba(255, 255, 255, 0.5);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-item {\n color: #fff;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-resize {\n background-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row:active {\n background-color: transparent;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #fff;\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #fff;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-color: #4C4C4C;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .menubar {\n border-top-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .menubar > .menubar-box > .menu-item {\n color: #fff;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.filter-field {\n position: absolute;\n --filter-field-height: 30px;\n --filter-field-bottom: 8px;\n --filter-field-max-bottom: calc(50% - var(--filter-field-height) / 2);\n bottom: min(var(--filter-field-bottom), var(--filter-field-max-bottom));\n right: 8px;\n height: var(--filter-field-height);\n width: 190px;\n min-width: 75px;\n max-width: 60%;\n display: flex;\n align-items: center;\n z-index: 3;\n border-radius: 3px;\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n background-color: var(--filter-field-background-color);\n opacity: 1;\n visibility: visible;\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n 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);\n}\n:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.filter-field::before {\n content: '\\E02A';\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n bottom: calc((var(--filter-field-height) - 24px) / 2);\n right: 3px;\n height: 24px;\n width: 24px;\n opacity: 0;\n transition: bottom 250ms ease-in-out, right 250ms ease-in-out, opacity 250ms ease-in-out;\n font-size: 14px;\n color: #666666;\n border-radius: 3px;\n}\n.filter-field:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.filter-field > :not(.key-box) {\n opacity: 1;\n transition: opacity 250ms ease-in-out;\n}\n.filter-field > input {\n width: 100%;\n min-height: 100%;\n}\n.filter-field.clearable-always:not(.has-text) > .clear-icon,\n.filter-field.clearable-focused:not(.has-text):not(.focused) > .clear-icon {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n.filter-field > .clear-icon {\n display: flex;\n right: 3px;\n margin-right: 0;\n transition: right 250ms ease-in-out, opacity 250ms ease-in-out;\n}\n.filter-field > .key-box {\n top: calc(50% - 22px / 2) !important;\n}\n.filter-field:not(.focused).empty {\n --filter-field-bottom: 8px + ((var(--filter-field-height) - 24px) / 2);\n --filter-field-max-bottom: calc(50% - 24px / 2);\n right: 11px;\n height: 24px;\n width: 24px;\n min-width: 24px;\n max-width: 24px;\n box-shadow: none;\n background-color: var(--filter-field-transparent-80-background-color);\n}\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n .filter-field:not(.focused).empty {\n background-color: var(--filter-field-transparent-50-background-color);\n -webkit-backdrop-filter: blur(2px);\n backdrop-filter: blur(2px);\n }\n}\n.filter-field:not(.focused).empty::before {\n bottom: 0;\n right: 0;\n opacity: 1;\n}\n.filter-field:not(.focused).empty > :not(.key-box) {\n opacity: 0;\n}\n.filter-field:not(.focused).empty > input {\n cursor: pointer;\n}\n.filter-field:not(.focused).empty > .clear-icon {\n right: 0;\n}\n.filter-field:not(.focused).empty > .key-box.char {\n margin-left: -10px;\n margin-right: -5px;\n}\n.filter-field-container {\n position: sticky;\n --filter-field-height: 30px;\n --filter-field-container-top: calc(100% - 8px);\n --filter-field-container-min-top: calc(50% + var(--filter-field-height) / 2);\n top: max(var(--filter-field-container-top), var(--filter-field-container-min-top));\n left: calc(100% - 8px);\n width: 0;\n height: 0;\n overflow: visible;\n z-index: 3;\n --filter-field-max-width: 190px;\n}\n.filter-field-container:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 1;\n visibility: visible;\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n}\n.filter-field-container > .filter-field {\n bottom: 0;\n right: 0;\n max-width: var(--filter-field-max-width);\n}\n:not(:hover) > .filter-field-container > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.filter-field-container > .filter-field:not(.focused).empty {\n bottom: calc((var(--filter-field-height) - 24px) / 2);\n right: 3px;\n}\n@supports not (bottom: min(50%, 42px)) {\n .filter-field-container,\n .filter-field {\n display: none !important;\n / NOSONAR (!important is okay here) /\n }\n}\n.dense .filter-field,\n.dense .filter-field-container {\n --filter-field-height: 24px;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.login-box-content > form > input,\n.login-box-content > form > .button {\n width: calc(100% - 40px);\n height: 40px;\n margin: 4px 20px;\n font-size: 14px;\n}\n.login-box-content > form > .button {\n margin-top: 16px;\n}\n.login-box-content > form > input.alternative:-webkit-autofill {\n / NOSONAR (for some reason, rule \"less:overqualified-elements\" is illegitimately triggered here)\n /* Improve Chrome's auto-fill style by overriding the forced yellow background and black text color. /\n / (Requires some hacks, see http://webagility.com/posts/remove-forced-yellow-input-background-in-chrome) /\n border-top-width: 0;\n padding-top: 3px;\n -webkit-box-shadow: inset 0 0 0 1000px #fff;\n -webkit-text-fill-color: #000 !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::first-line {\n font-size: 14px;\n font-family: Arial, sans-serif;\n}\n.login-box-content > form > input.alternative:-webkit-autofill:focus {\n -webkit-text-fill-color: #1561A7 !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::selection {\n -webkit-text-fill-color: #fff !important;\n / NOSONAR (!important is okay here) /\n}\n/\n * Login button is a default button -> styles are defined in main.css.\n * Difference to regular default button is the disabled style and the ability to turn red.\n /\n.login-button.default.login-error:not(.disabled) {\n border-color: transparent;\n background-color: #D53F3F;\n}\n.login-button.default.login-error:not(.disabled):hover {\n background-color: #c92c2c;\n}\n.login-button.default.login-error:not(.disabled):active {\n background-color: #ac2626;\n}\n.login-button.default.login-error:not(.disabled):focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);\n border-color: rgba(213, 63, 63, 0.55);\n}\n.login-button.default.disabled {\n color: #fff;\n border-color: #1561A7;\n background-color: #1561A7;\n}\n.login-button-loading {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n display: inline-block;\n border-radius: 50%;\n border: 1px rgba(255, 255, 255, 0.8) solid;\n width: 18px;\n height: 18px;\n vertical-align: middle;\n}\n.login-body > .box-background-elements.box-background-elements-fadeout,\n.logout-body > .box-background-elements.box-background-elements-fadeout {\n -webkit-animation: nop 0.05s;\n -moz-animation: nop 0.05s;\n -o-animation: nop 0.05s;\n animation: nop 0.05s;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.breadcrumb-bar-field > .field {\n padding-top: 8px;\n padding-bottom: 9px;\n}\n/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.breadcrumb-bar {\n overflow: hidden;\n white-space: nowrap;\n}\n/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.breadcrumb-item {\n display: inline-flex;\n align-items: center;\n text-align: center;\n height: 100%;\n color: #1561A7;\n font-size: 14px;\n}\n.breadcrumb-item.last {\n font-weight: bold;\n}\n.breadcrumb-item:hover:not(.disabled) {\n color: #1b7bd4;\n}\n.breadcrumb-item.first {\n vertical-align: top;\n}\n.breadcrumb-item:not(.first)::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\F105';\n color: #000;\n display: block;\n margin: 0 5px;\n cursor: default;\n}\n.breadcrumb-item:not(.disabled):active {\n color: #2F3C45;\n}\n.breadcrumb-item:not(.disabled) {\n cursor: pointer;\n}\n.breadcrumb-item.disabled {\n color: #808080;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\nbody {\n background-color: @body-background-color;\n #scout.font-text-normal();\n height: 100%;\n width: 100%;\n margin: 0;\n overflow: hidden;\n cursor: default;\n color: @text-color;\n letter-spacing: @letter-spacing;\n #scout.user-select(none);\n //noinspection CssInvalidPropertyValue\n -moz-user-select: -moz-none;\n / Prevent mobile safari from adjusting text, due to our dynamic layouting it will be always wrong /\n -webkit-text-size-adjust: none;\n / Disable highlight color. May be enabled for specific elements if required /\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &.ios {\n / Body can be moved on ios even if it isn't scrollable. Prevent it by using position: fixed.\n Drawback: it seems something invisible happens nevertheless, actions like a button click won't be executed if the user tried to scroll right before.\n He has to wait until the invisible scrolling has finished before he can try to click the button.\n 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.\n Hence it is important to only activate it on ios. /\n position: fixed;\n }\n}\n\n/ -moz variant is required, see https://bugzilla.mozilla.org/show_bug.cgi?id=509958 /\n::-moz-selection {\n #scout.text-selection();\n}\n\n::selection {\n #scout.text-selection();\n}\n\n::-webkit-input-placeholder {\n #scout.placeholder();\n}\n\n:-moz-placeholder { / older versions of firefox /\n #scout.placeholder();\n}\n\n::-moz-placeholder {\n #scout.placeholder();\n}\n\n:-ms-input-placeholder {\n #scout.placeholder();\n}\n\n::placeholder { / Most modern browsers /\n #scout.placeholder();\n}\n\n/ Hide IE decorations for text input fields: /\n/ - Clear button (\"X\"): https://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx /\n/ - Password reveal button: https://msdn.microsoft.com/en-us/library/windows/apps/hh465773.aspx /\n/ Note: Set width/height to 0 instead of \"display: none\", because of http://stackoverflow.com/a/17986002 /\n::-ms-clear {\n width: 0;\n height: 0;\n}\n\n::-ms-reveal {\n width: 0;\n height: 0;\n}\n\n.disabled {\n &::-moz-selection {\n #scout.text-selection-disabled();\n }\n\n &::selection {\n #scout.text-selection-disabled();\n }\n\n &::-webkit-input-placeholder {\n #scout.placeholder-disabled();\n / 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/\n -webkit-text-fill-color: currentcolor;\n }\n\n &:-moz-placeholder { / older versions of firefox /\n #scout.placeholder-disabled();\n }\n\n &::-moz-placeholder {\n #scout.placeholder-disabled();\n }\n\n &:-ms-input-placeholder {\n #scout.placeholder-disabled();\n }\n}\n\n/ Add this class to temporary remove an element from the document flow. /\n/ !important is used to override any specific \"display\" values (because this /\n/ call would in most cases be less specific than the element's rules). /\n.hidden {\n display: none !important; / NOSONAR (!important is okay here) /\n}\n\n/ Add this class to temporary hide (but not remove from flow) an element. Similar to \"hidden\". /\n.invisible {\n visibility: hidden !important; / NOSONAR (!important is okay here) /\n}\n\n, ::before, ::after { /* NOSONAR (universal selector is okay here) /\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n/ Workaround for firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=648624 /\n/ use -moz-none to allow child element to set -moz-user-select: text /\n/ See also: focusUtil.js, isSelectableText() /\n.table-cell,\n.table-header-item,\n.tree-node,\n.table-footer,\n.table-control,\n.table-info-item,\n.table-header-menu-group-text {\n //noinspection CssInvalidPropertyValue\n -moz-user-select: -moz-none;\n}\n\ninput,\ntextarea,\nbutton {\n #scout.font-text-normal();\n letter-spacing: @letter-spacing;\n}\n\ninput,\ntextarea,\n.input-field {\n background-color: @control-background-color;\n color: @control-color;\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n\n &.disabled {\n background-color: @control-disabled-background-color;\n border-color: @control-disabled-border-color;\n color: @control-disabled-color;\n }\n\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.has-error {\n border-color: @error-border-color;\n background-color: @error-background-color;\n }\n\n &.has-error:focus,\n &.has-error.focused {\n #scout.focus-box-shadow(@box-shadow-color: @error-focus-box-shadow-color);\n }\n\n &.read-only {\n #scout.read-only();\n }\n}\n\ntextarea.read-only {\n // full border around text area not only on the bottom, same as for alternative style\n border: 1px dashed @border-color;\n}\n\ninput[type=\"text\"].alternative,\ninput[type=\"password\"].alternative {\n / Add 1px padding to prevent the text from moving a little when field is focused due to the 2px focus border /\n padding-bottom: 1px;\n\n / Compensate padding-bottom to align input text with label on the left /\n / It won't be perfect (especially when zoomed) but should be good enough /\n padding-top: @text-field-padding-top-compensation;\n}\n\ninput.alternative,\n.input-field.alternative {\n background-color: @text-field-alternative-background-color;\n border-color: transparent;\n border-bottom-color: @text-field-alternative-border-color;\n border-radius: 0;\n border-left-width: 0;\n border-right-width: 0;\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n\n &.disabled {\n color: @disabled-color;\n border-bottom-style: dashed;\n border-bottom-color: @text-field-alternative-disabled-border-color;\n }\n\n &:focus,\n &.focused {\n color: @focus-color;\n #scout.alternative-focus-border();\n }\n\n &.has-error {\n color: @error-color;\n border-bottom-color: @error-border-color;\n }\n\n &.has-error:focus,\n &.has-error.focused {\n border-bottom-color: @error-border-color;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n }\n\n &.read-only {\n color: @read-only-color;\n }\n}\n\ninput {\n padding: 0 @text-field-padding-x;\n\n / remove platform specific styling, mainly used to remove shadow on iOS Safari /\n\n &:not([type=checkbox]):not([type=radio]) {\n -webkit-appearance: none;\n -moz-appearance: none;\n }\n\n / text inputs on Safari have 2px top and bottom margin -> remove/\n margin: 0;\n}\n\ninput,\ntextarea {\n &.disabled {\n / Only setting the color has no effect for input elements on iOS Safari -> set fill color, too /\n / It is activated for input elements only since the rule would be inherited by sub elements and therefore would change theirs colors as well /\n / Unfortunately currentcolor variable does seem to not work anymore so we have to use the less variable (somehow it still works for the placeholder) /\n -webkit-text-fill-color: @disabled-color;\n opacity: 1;\n\n &.read-only {\n -webkit-text-fill-color: @read-only-color;\n }\n\n &::selection {\n -webkit-text-fill-color: @text-selection-disabled-color;\n }\n }\n}\n\ntextarea.alternative {\n background-color: @text-field-alternative-background-color;\n\n &.disabled:not(.read-only) {\n background-color: transparent;\n border: 1px dashed @border-color;\n color: @disabled-color;\n }\n}\n\ninput[type=\"text\"],\ntextarea {\n / Explicitly set 'user-select' to something other than 'none', otherwise the focus manager /\n / might prevent text selection (scout.focusUtils.isSelectableText()). Some browsers already /\n / provide such a rule in the user style sheet, but some do not (e.g. Chrome 62). /\n #scout.user-select(text);\n}\n\ntextarea {\n / these two properties are required for FF, otherwise the editable textarea is 2px too large, /\n / and the DOM inspector does not include these 2 pixels. /\n margin: 0 auto;\n padding: @text-field-padding-y @text-field-padding-x;\n resize: none;\n / Override default overflow value 'scroll' /\n overflow: auto;\n\n / IE/Edge: show scrollbars on textarea if the content is too big to fit /\n / overflow:auto alone is not sufficient because -ms-overflow-style could be set on a parent element and textarea inherits this property /\n -ms-overflow-style: auto;\n\n / remove platform specific styling, mainly used to remove shadow on ios safari /\n -webkit-appearance: none;\n -moz-appearance: none;\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n}\n\n.input-field {\n padding: @text-field-padding-y @text-field-padding-x;\n #scout.overflow-ellipsis-nowrap();\n #scout.user-select(text);\n}\n\nbutton {\n padding: @button-padding-y @button-padding-x;\n margin: 0; / reset user agent style, e.g. on safari /\n}\n\n/ cursor handling /\n\n/ The following classes are added dynamically while dragging. !important is necessary to override /\n/ any cursor an underlying component defines while moving the mouse. /\n\n.col-resize,\n.col-resize { /* NOSONAR (universal selector is okay here) /\n cursor: col-resize !important; / NOSONAR (!important is okay here) /\n}\n\n.row-resize,\n.row-resize { /* NOSONAR (universal selector is okay here) /\n cursor: row-resize !important; / NOSONAR (!important is okay here) /\n}\n\n/ Used to temporarily disable pointer events on iframes while dragging elements /\n.dragging-in-progress {\n pointer-events: none;\n}\n\n/ remove the dotted border in firefox /\nbutton::-moz-focus-inner {\n border: 0;\n}\n\n.drag-handle {\n content: '';\n width: 100%;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n margin-top: -5px;\n cursor: move;\n z-index: 10;\n}\n\n.closer {\n #scout.font-icon();\n font-size: 17px;\n cursor: pointer;\n color: @closer-color;\n padding: 4px;\n border-radius: @border-radius;\n\n &::before {\n content: @icon-remove-bold;\n }\n\n &:hover {\n background-color: @hover-background-color;\n color: @closer-hover-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n}\n\n.save-needer {\n #scout.font-icon();\n font-size: 12px;\n color: @save-needer-color;\n\n &::before {\n content: @icon-pencil-underline-solid;\n }\n}\n\n/ Used to display errors from server when desktop is not available /\n.fatal-error {\n margin: 10px;\n #scout.user-select(text)\n}\n\n.application-loading-root {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background-color: @application-loading-background-color;\n pointer-events: none;\n\n &.fadeout {\n #scout.animation(application-loading-fade-out @loading-fade-duration linear 1 forwards);\n }\n}\n\n.keyframes-application-loading-fade-out() {\n to {\n opacity: 0;\n }\n}\n\n@-webkit-keyframes application-loading-fade-out {\n .keyframes-application-loading-fade-out();\n}\n\n@keyframes application-loading-fade-out {\n .keyframes-application-loading-fade-out();\n}\n\n.application-loading01 {\n height: @application-loading01-size;\n width: @application-loading01-size;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: 0 0 6px 3px @application-loading01-color;\n #scout.animation(pulsate 2s ease-out infinite);\n }\n}\n\n.application-loading02 {\n height: @application-loading02-size;\n width: @application-loading02-size;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: inset 0 0 4px 2px @application-loading02-color;\n #scout.animation(pulsate 2.84s ease-out infinite);\n }\n}\n\n\na,\n.link,\n.app-link {\n color: @link-color;\n text-decoration: none;\n cursor: pointer;\n\n &:hover {\n color: @link-hover-color;\n }\n\n &:active, &.active {\n color: @link-active-color;\n }\n\n &:focus {\n outline-color: @link-color;\n #scout.focus-box-shadow();\n }\n}\n\n.font-icon {\n #scout.font-icon();\n}\n\n.white-space-nowrap {\n #scout.white-space-nowrap();\n}\n\n.startup-error {\n #scout.user-select(text);\n #scout.drop-shadow();\n margin: 100px 50px;\n padding: 20px;\n border: 1px solid @error-border-color;\n background-color: @error-background-color;\n}\n\n.startup-error-title {\n font-weight: bold;\n padding-bottom: 10px;\n}\n\n/ --- z-index --- /\n/ Rule: All child elements of .scout get the same z-index 0 assigned. This spawns a new stacking context for each /\n/ of these elements (iff they are \"positioned\"). To bring a new element to the top, add it to the end of the list. /\n/ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context /\n.scout > .desktop-navigation,\n.scout > .desktop-header,\n.scout > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .notifications {\n z-index: 0;\n}\n\nnoscript {\n display: block;\n\n & > .wrapper > .box-content > h1 {\n #scout.font-text-normal(bold);\n }\n}\n\n/ Internet explorer applies the -ms-user-select setting: none (inherited from body) also to iframe contents.\n * Other browsers do not, websites within an iframe should decide on their own if they are selectable (or not).\n * Reset to default.\n /\niframe {\n //noinspection CssInvalidPropertyValue\n -ms-user-select: element;\n}\n\n.error-popup-correlation-id {\n #scout.user-select(text);\n #scout.font-text-small();\n color: @disabled-color;\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n#scout {\n\n .vendor(@property, @value) {\n -webkit-@{property}: @value;\n -moz-@{property}: @value;\n -ms-@{property}: @value;\n -o-@{property}: @value;\n @{property}: @value;\n }\n\n .glow(@color, @radius: 5px) {\n box-shadow: 0 0 @radius @color;\n }\n\n .inner-glow(@color, @radius: 4px) {\n box-shadow: inset 0 0 @radius @color;\n }\n\n .drop-shadow(@x: 0px, @y: @drop-shadow-y, @blur: @drop-shadow-blur, @spread: 0px, @alpha: @drop-shadow-alpha) {\n box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);\n }\n\n .double-drop-shadow(@x1: 0, @y1: 0, @blur1: 0, @spread1: 0, @color1: @palette-black, @x2: 0px, @y2: 6px, @blur2: 13px, @spread2: 0px, @alpha2: @drop-shadow-alpha) {\n box-shadow: @x1 @y1 @blur1 @spread1 @color1, @x2 @y2 @blur2 @spread2 rgba(0, 0, 0, @alpha2);\n }\n\n .drop-shadow-large(@x: 0px, @y: @drop-shadow-large-y, @blur: @drop-shadow-large-blur, @spread: 0px, @alpha: @drop-shadow-large-alpha) {\n #scout.drop-shadow(@x, @y, @blur, @spread, @alpha);\n }\n\n .focus-border(@box-shadow-size: @focus-box-shadow-size, @box-shadow-color: @focus-box-shadow-color, @border-color: @focus-box-shadow-border-color) {\n #scout.focus-box-shadow(@box-shadow-size, @box-shadow-color);\n border-color: @border-color;\n }\n\n .no-focus-border() {\n outline: none;\n border: 0;\n box-shadow: 0 0 0 0;\n }\n\n .focus-box-shadow(@box-shadow-size: @focus-box-shadow-size, @box-shadow-color: @focus-box-shadow-color) {\n outline: none;\n box-shadow: 0 0 0 @box-shadow-size @box-shadow-color;\n }\n\n .focus-inset-box-shadow() {\n outline: none;\n box-shadow: inset 0 0 0 @focus-box-shadow-size @focus-box-shadow-color;\n }\n\n .focus-box-shadow-transition() {\n transition: box-shadow 0.3s ease;\n }\n\n .alternative-focus-border() {\n border-bottom-color: @focus-border-color;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n }\n\n .inverted-bottom-round-edge(@border-radius: 12px, @color: #ffffff) {\n @border-width: 5px;\n\n --color: @color; // Allows to change color only\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -@border-width;\n height: @border-radius;\n width: @border-radius;\n box-sizing: content-box;\n border: @border-width solid var(--color);\n border-top: none;\n\n &.left {\n left: -@border-radius;\n border-bottom-right-radius: @border-radius+@border-width;\n border-left: none;\n }\n\n &.right {\n right: -@border-radius;\n border-bottom-left-radius: @border-radius+@border-width;\n border-right: none;\n }\n }\n\n .transform(@args) {\n -webkit-transform: @args;\n -ms-transform: @args;\n transform: @args;\n }\n\n .transform-origin(@args) {\n -webkit-transform-origin: @args;\n -moz-transform-origin: @args;\n -ms-transform-origin: @args;\n transform-origin: @args;\n }\n\n .text-selection() {\n background: @text-selection-background-color;\n color: @text-selection-color;\n }\n\n .text-selection-disabled() {\n background: @text-selection-disabled-background-color;\n color: @text-selection-disabled-color;\n }\n\n .placeholder() {\n color: @text-field-placeholder-color;\n opacity: 1; / necessary for firefox /\n }\n\n .placeholder-disabled() {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: fade(@disabled-color, 50%);\n }\n\n .fake-placeholder() {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n #scout.placeholder();\n content: attr(placeholder);\n }\n\n .overlay(@left: 0, @top: 0, @diffW: 0, @diffH: 0) {\n position: absolute;\n content: '';\n left: @left;\n top: @top;\n width: calc(~'100% + ' @diffW);\n height: calc(~'100% + ' @diffH);\n }\n\n / Use dashed line instead of solid to avoid visual conflict with editable fields /\n .read-only() {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px @border-color;\n color: @read-only-color;\n }\n\n .value-field-with-icon(@className: ~'.icon') {\n\n &.focused > @{className}::before,\n &.focused > .field > @{className}::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error > @{className}::before,\n &.has-error > .field > @{className}::before,\n &.has-error > .field > @{className}::before {\n color: @text-field-icon-error-color;\n }\n\n &.disabled > @{className},\n &.disabled > .field > @{className},\n &.compact > @{className},\n &.compact > .field > @{className} {\n display: none;\n }\n\n &.alternative.has-error:focus > .field > @{className}::before,\n &.alternative.has-error.focused > .field > @{className}::before {\n color: @text-field-icon-error-color;\n }\n }\n\n .status {\n display: flex;\n align-items: center;\n\n &::before {\n #scout.font-icon();\n font-size: @status-font-icon-size;\n border-radius: @control-border-radius;\n width: @field-status-size;\n height: @field-status-size;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n .menu-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-ellipsis-v;\n color: @status-menu-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-menu-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-menu-hover-color;\n }\n }\n\n .tooltip-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-info;\n color: @status-info-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-info-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-info-hover-color;\n }\n }\n\n .info-status {\n #scout.tooltip-status();\n }\n\n .ok-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-info;\n color: @status-ok-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-ok-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-ok-hover-color;\n }\n }\n\n .warning-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-error;\n color: @status-warning-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-warning-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-warning-hover-color;\n }\n }\n\n .error-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-error;\n color: @status-error-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-error-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-error-hover-color;\n }\n }\n\n .loading-indicator(@loading-animation-size: 30px, @border-width: 1px) {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -(@loading-animation-size / 2);\n margin-left: -(@loading-animation-size / 2);\n #scout.animation(fade-in 0.15s);\n #scout.loading-indicator-before(@loading-animation-size, @border-width);\n\n &.animate-remove {\n #scout.animation(fade-out-from-current 0.15s);\n }\n }\n\n .loading-indicator-before(@loading-animation-size: 30px, @border-width: 1px) {\n\n &::before {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: @border-width fade(@busyindicator-color, 80%) solid;\n width: @loading-animation-size;\n height: @loading-animation-size;\n }\n }\n\n .loading-indicator-knight-rider() {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n height: 2px;\n width: 100%;\n opacity: 0;\n animation: fade-in 1s forwards, slideout-right 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n\n &::before {\n animation: slideout-left 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n content: '';\n position: absolute;\n background: linear-gradient(to right, transparent 0%, @loading-indicator-knight-rider-color 20%, @loading-indicator-knight-rider-color 80%, transparent 100%);\n left: 0;\n width: 50px;\n height: 100%;\n }\n }\n\n .user-select(@mode) {\n -webkit-user-select: @mode;\n -moz-user-select: @mode;\n -ms-user-select: @mode;\n user-select: @mode;\n }\n\n .overflow-ellipsis() {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .overflow-ellipsis-nowrap() {\n #scout.overflow-ellipsis();\n white-space: nowrap;\n }\n\n .overflow-nowrap() {\n overflow: hidden;\n white-space: nowrap;\n }\n\n .white-space-nowrap() {\n white-space: nowrap;\n }\n\n // Can be used in a before or after element to enlarge a text to a size it would have if it was bold\n .bold-text-enlarger() {\n content: attr(data-text);\n display: block;\n font-weight: @title-font-weight;\n visibility: hidden;\n height: 0;\n }\n\n .triangle-top-left(@size, @color) {\n width: 0;\n height: 0;\n border-style: solid;\n border-width: @size @size 0 0;\n #scout.triangle-top-left-color(@color);\n }\n\n .triangle-top-left-color(@color) {\n border-color: @color transparent transparent transparent;\n }\n\n .item-selection-border(@border-color: @item-selection-nonfocus-border-color) {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: @item-selection-border-width solid @border-color;\n border-radius: @control-border-radius;\n pointer-events: none;\n }\n\n / Font Mixins /\n\n .font-text-small(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-small;\n }\n\n .font-text-normal(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-normal;\n }\n\n .font-text-plus(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-plus;\n }\n\n .font-text-large(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-large;\n }\n\n .font-icon() {\n font-family: scoutIcons, @font-default-family;\n font-weight: @font-weight-normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .submenu-icon() {\n #scout.font-icon();\n font-size: 16px;\n }\n\n .submenu-icon-open() {\n #scout.transform(rotateX(180deg) translateY(-1px));\n }\n\n / Invisible pseudo element that enables vertical-align if container has height set /\n .vertical-align-helper(@minHeight: 0) {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: @minHeight;\n }\n\n .vertical-align-helper-before(@minHeight: 0) {\n &::before {\n #scout.vertical-align-helper(@minHeight);\n }\n }\n\n .vertical-align-helper-after(@minHeight: 0) {\n &::after {\n #scout.vertical-align-helper(@minHeight);\n }\n }\n\n //noinspection CssInvalidPropertyValue\n .cursor-grab {\n / \"grab\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: grab;\n }\n\n //noinspection CssInvalidPropertyValue\n .cursor-grabbing {\n / \"grabbing\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: grabbing;\n }\n\n / Mixin for chooser popups as used in smart-field /\n\n .chooser-popup {\n position: absolute;\n overflow: hidden;\n #scout.control-popup();\n\n &.touch {\n background-color: @table-header-background-color;\n }\n }\n\n .backdrop-filter(@background-color, @backdrop-filter, @fallback-background-color) {\n background-color: @fallback-background-color; // For browsers that don't support backdrop-filter\n\n @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n background-color: @background-color;\n -webkit-backdrop-filter: @backdrop-filter;\n backdrop-filter: @backdrop-filter;\n }\n }\n\n .popup {\n background-color: @popup-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-radius: @popup-border-radius;\n #scout.drop-shadow-large();\n }\n\n .popup-backdrop-filter() {\n #scout.backdrop-filter(@background-color: @popup-backdrop-background-color, @backdrop-filter: @popup-backdrop-filter, @fallback-background-color: @popup-background-color);\n }\n\n // Second layer popups that are normally a little smaller than the other popups\n .popup-2(@border-radius: @border-radius-medium) {\n background-color: @popup-2-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-radius: @border-radius;\n #scout.drop-shadow-large();\n }\n\n .popup-2-backdrop-filter() {\n #scout.backdrop-filter(@background-color: @popup-2-backdrop-background-color, @backdrop-filter: @popup-2-backdrop-filter, @fallback-background-color: @popup-2-background-color);\n }\n\n .control-popup() {\n #scout.popup-2(@control-border-radius);\n margin: @control-popup-margin;\n }\n\n / Mixin for scrollbar positioning /\n .scrollbar-y-padding(@padding: @scrollbar-side-padding, @padding-hover: @scrollbar-side-padding-hover) {\n & > .scrollbar-thumb.y-axis {\n padding-left: @padding;\n }\n\n &:hover.y-axis > .scrollbar-thumb.y-axis,\n &.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: @padding-hover;\n }\n }\n\n .scrollbar-x-padding(@padding: @scrollbar-side-padding, @padding-hover: @scrollbar-side-padding-hover) {\n & > .scrollbar-thumb.x-axis {\n padding-top: @padding;\n }\n\n &:hover.x-axis > .scrollbar-thumb.x-axis,\n &.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: @padding-hover;\n }\n }\n\n /\n * Hides the scrollbars but lets the user still scroll (e.g. using mousewheel or touch).\n * This works a bit different for every browser.\n /\n\n .hide-scrollbars {\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none;\n\n / Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width /\n scrollbar-width: none;\n }\n\n /\n 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).\n /\n\n .inverted-scrollbars {\n & > .scrollbar > .scrollbar-thumb {\n & > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-color;\n }\n\n &.scrollbar-thumb-move > .scrollbar-thumb-handle,\n &:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-hover-color;\n }\n\n &.container-too-small-for-thumb > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-small-color;\n }\n\n &.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n &.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-small-hover-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n#scout {\n / args = keyframeName, timingFunction, iterationCount /\n .animation(@args) {\n -webkit-animation: @args;\n -moz-animation: @args;\n -o-animation: @args;\n animation: @args;\n }\n\n .animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n -moz-animation-duration: @duration;\n -o-animation-duration: @duration;\n animation-duration: @duration;\n }\n\n .animation-name(@name) {\n -webkit-animation-name: @name;\n -moz-animation-name: @name;\n -o-animation-name: @name;\n animation-name: @name;\n }\n\n .animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n -moz-animation-delay: @delay;\n -o-animation-delay: @delay;\n animation-delay: @delay;\n }\n\n .animation-fill-mode(@fillMode) {\n -webkit-animation-fill-mode: @fillMode;\n -moz-animation-fill-mode: @fillMode;\n -o-animation-fill-mode: @fillMode;\n animation-fill-mode: @fillMode;\n }\n\n .animation-timing-function(@timingFunction) {\n -webkit-animation-timing-function: @timingFunction;\n -moz-animation-timing-function: @timingFunction;\n -o-animation-timing-function: @timingFunction;\n animation-timing-function: @timingFunction;\n }\n\n .animation-iteration-count(@iterationCount) {\n -webkit-animation-iteration-count: @iterationCount;\n -moz-animation-iteration-count: @iterationCount;\n -o-animation-iteration-count: @iterationCount;\n animation-iteration-count: @iterationCount;\n }\n\n / Fade In /\n\n .keyframes-fade-in() {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @-webkit-keyframes fade-in {\n .keyframes-fade-in()\n }\n @keyframes fade-in {\n .keyframes-fade-in()\n }\n\n / Fade Out /\n\n .keyframes-fade-out() {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n\n @-webkit-keyframes fade-out {\n .keyframes-fade-out();\n }\n @keyframes fade-out {\n .keyframes-fade-out();\n }\n\n / Fade In from current /\n\n .keyframes-fade-in-from-current() {\n to {\n opacity: 1;\n }\n }\n\n @-webkit-keyframes fade-in-from-current {\n .keyframes-fade-in-from-current()\n }\n @keyframes fade-in-from-current {\n .keyframes-fade-in-from-current()\n }\n\n / Fade Out from current /\n\n .keyframes-fade-out-from-current() {\n to {\n opacity: 0;\n }\n }\n\n @-webkit-keyframes fade-out-from-current {\n .keyframes-fade-out-from-current();\n }\n @keyframes fade-out-from-current {\n .keyframes-fade-out-from-current();\n }\n\n / Fade with Short Drop /\n\n .keyframes-short-drop() {\n 0% {\n #scout.transform(translateY(-40px));\n }\n 40% {\n #scout.transform(translateY(7px));\n }\n 100% {\n #scout.transform(translateY(0));\n }\n }\n\n @-webkit-keyframes short-drop {\n .keyframes-short-drop();\n }\n @keyframes short-drop {\n .keyframes-short-drop();\n }\n\n / Fade out and shrink with blur /\n\n .keyframes-fadeout-shrink-blur() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n }\n\n @-webkit-keyframes fadeout-shrink-blur {\n .keyframes-fadeout-shrink-blur();\n }\n @keyframes fadeout-shrink-blur {\n .keyframes-fadeout-shrink-blur();\n }\n\n / Fade out and shrink /\n\n .keyframes-fadeout-shrink() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n }\n\n @-webkit-keyframes fadeout-shrink {\n .keyframes-fadeout-shrink();\n }\n @keyframes fadeout-shrink {\n .keyframes-fadeout-shrink();\n }\n\n / Fade out and grow with blur /\n\n .keyframes-fadeout-grow-blur() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n }\n\n @-webkit-keyframes fadeout-grow-blur {\n .keyframes-fadeout-grow-blur();\n }\n @keyframes fadeout-grow-blur {\n .keyframes-fadeout-grow-blur();\n }\n\n / Fade out and grow /\n\n .keyframes-fadeout-grow() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n }\n\n @-webkit-keyframes fadeout-grow {\n .keyframes-fadeout-grow();\n }\n @keyframes fadeout-grow {\n .keyframes-fadeout-grow();\n }\n\n / Fade in and grow with blur /\n\n .keyframes-fadein-grow-blur() {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n }\n\n @-webkit-keyframes fadein-grow-blur {\n .keyframes-fadein-grow-blur();\n }\n @keyframes fadein-grow-blur {\n .keyframes-fadein-grow-blur();\n }\n\n / Fade in and grow /\n\n .keyframes-fadein-grow() {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n }\n\n @-webkit-keyframes fadein-grow {\n .keyframes-fadein-grow();\n }\n @keyframes fadein-grow {\n .keyframes-fadein-grow();\n }\n\n / Slide In Bottom \n Moves the element into screen from bottom up /\n\n .keyframes-slidein-bottom() {\n 0% {\n #scout.transform(translateY(100%));\n }\n }\n\n @-webkit-keyframes slidein-bottom {\n .keyframes-slidein-bottom();\n }\n @keyframes slidein-bottom {\n .keyframes-slidein-bottom();\n }\n\n /* Slide Out Bottom \n Moves the element out of bottom screen border /\n\n .keyframes-slideout-bottom() {\n 100% {\n #scout.transform(translateY(100%));\n }\n }\n\n @-webkit-keyframes slideout-bottom {\n .keyframes-slideout-bottom();\n }\n @keyframes slideout-bottom {\n .keyframes-slideout-bottom();\n }\n\n /* Slide Out Right \n Moves the element out of right screen border /\n\n .keyframes-slideout-right() {\n 100% {\n #scout.transform(translateX(100%));\n }\n }\n\n @-webkit-keyframes slideout-right {\n .keyframes-slideout-right();\n }\n @keyframes slideout-right {\n .keyframes-slideout-right();\n }\n\n /* Slide Out Left \n Moves the element out of left screen border /\n\n .keyframes-slideout-left() {\n 100% {\n #scout.transform(translateX(-100%));\n }\n }\n\n @-webkit-keyframes slideout-left {\n .keyframes-slideout-left();\n }\n @keyframes slideout-left {\n .keyframes-slideout-left();\n }\n\n /* Grow Y \n Scales the element along the y axis until 1. Expects the element to be scaled (e.g. scaleY(0)) when the animation starts.\n To create a slide down animation (as known from jQuery) set transform-origin to top. /\n\n .keyframes-grow-y() {\n 100% {\n #scout.transform(scaleY(1));\n }\n }\n\n @-webkit-keyframes grow-y {\n .keyframes-grow-y();\n }\n @keyframes grow-y {\n .keyframes-grow-y();\n }\n\n\n /* Shrink Y \n Shrinks the element along the y axis until 0/\n\n .keyframes-shrink-y() {\n 100% {\n #scout.transform(scaleY(0));\n }\n }\n\n @-webkit-keyframes shrink-y {\n .keyframes-shrink-y();\n }\n @keyframes shrink-y {\n .keyframes-shrink-y();\n }\n\n /* Fade In Zoom /\n\n .keyframes-fadein-zoom() {\n 0% {\n opacity: 0;\n #scout.transform(scale(0.75, 0.75));\n }\n 100% {\n opacity: 1;\n #scout.transform(scale(1, 1));\n }\n }\n\n @-webkit-keyframes fadein-zoom {\n .keyframes-fadein-zoom();\n }\n @keyframes fadein-zoom {\n .keyframes-fadein-zoom();\n }\n\n / Fade In Zoom Bounce /\n\n .keyframes-fadein-zoom-bounce() {\n 0% {\n opacity: 0;\n #scout.transform(scale(0.75, 0.75));\n }\n 65% {\n opacity: 1;\n #scout.transform(scale(1.02, 1.02));\n }\n 100% {\n #scout.transform(scale(1, 1));\n }\n }\n\n @-webkit-keyframes fadein-zoom-bounce {\n .keyframes-fadein-zoom-bounce();\n }\n @keyframes fadein-zoom-bounce {\n .keyframes-fadein-zoom-bounce();\n }\n\n / Rotation /\n\n .keyframes-rotation () {\n 0% {\n #scout.transform(rotate(0deg));\n }\n 100% {\n #scout.transform(rotate(359deg));\n }\n }\n\n @-webkit-keyframes rotation {\n .keyframes-rotation();\n }\n @keyframes rotation {\n .keyframes-rotation();\n }\n\n / Rotation-Reverse /\n\n .keyframes-rotation-reverse () {\n 0% {\n #scout.transform(rotate(-0deg));\n }\n 100% {\n #scout.transform(rotate(-359deg));\n }\n }\n\n @-webkit-keyframes rotation-reverse {\n .keyframes-rotation-reverse();\n }\n @keyframes rotation-reverse {\n .keyframes-rotation-reverse();\n }\n\n / Pulse Opacity /\n\n .keyframes-pulse-opacity () {\n 0% {\n opacity: 1.0;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1.0;\n }\n }\n\n @-webkit-keyframes pulse-opacity {\n .keyframes-pulse-opacity();\n }\n @keyframes pulse-opacity {\n .keyframes-pulse-opacity();\n }\n\n / Pulsate /\n\n .keyframes-pulsate () {\n 0% {\n #scout.transform(scale(0.25));\n opacity: 0.35;\n }\n 45% {\n opacity: 1.0;\n }\n 96% {\n #scout.transform(scale(1.2));\n opacity: 0.2;\n }\n 100% {\n #scout.transform(scale(1.2));\n opacity: 0.04;\n }\n }\n\n @-webkit-keyframes pulsate {\n .keyframes-pulsate();\n }\n @keyframes pulsate {\n .keyframes-pulsate();\n }\n\n / Pulsate Reverse /\n\n .keyframes-pulsate-reverse () {\n 0% {\n #scout.transform(scale(1.2));\n opacity: 0.0;\n }\n 50% {\n opacity: 1.0;\n }\n 100% {\n #scout.transform(scale(0.1));\n opacity: 0.0;\n }\n }\n\n @-webkit-keyframes pulsate-reverse {\n .keyframes-pulsate-reverse();\n }\n @keyframes pulsate-reverse {\n .keyframes-pulsate-reverse();\n }\n\n / Pulsate In-Out /\n\n .keyframes-pulsate-in-out () {\n 0% {\n #scout.transform(scale(1));\n opacity: 1.0;\n }\n 50% {\n #scout.transform(scale(0.1));\n opacity: 0.01;\n }\n 100% {\n #scout.transform(scale(1));\n opacity: 1.0;\n }\n }\n\n @-webkit-keyframes pulsate-in-out {\n .keyframes-pulsate-in-out();\n }\n @keyframes pulsate-in-out {\n .keyframes-pulsate-in-out();\n }\n\n / Attention /\n\n .keyframes-attention () {\n 0% {\n #scout.transform(scale3d(1, 1, 1));\n }\n 10% {\n #scout.transform(scale3d(1.1, 1.1, 1.1));\n }\n 20% {\n #scout.transform(scale3d(1, 1, 1));\n }\n 100% {\n #scout.transform(scale3d(1, 1, 1));\n }\n }\n\n @-webkit-keyframes attention {\n .keyframes-attention();\n }\n @keyframes attention {\n .keyframes-attention();\n }\n\n / Rotate-X /\n\n .keyframes-rotate-x () {\n 0% {\n #scout.transform(perspective(120px) rotateY(0deg));\n }\n 50% {\n #scout.transform(perspective(120px) rotateY(-180.0deg));\n }\n 100% {\n #scout.transform(perspective(120px) rotateY(-360deg));\n }\n }\n\n @-webkit-keyframes rotate-x {\n .keyframes-rotate-x();\n }\n @keyframes rotate-x {\n .keyframes-rotate-x();\n }\n\n / Animate Dot /\n\n .keyframes-animate-dot () {\n 0% {\n color: @text-color;\n bottom: 0;\n }\n 25% {\n color: @palette-gray-5;\n bottom: 4px;\n }\n 50% {\n color: @text-color;\n bottom: 0;\n }\n 100% {\n color: @text-color;\n bottom: 0;\n }\n }\n\n @-webkit-keyframes animateDot {\n .keyframes-animate-dot();\n }\n @keyframes animateDot {\n .keyframes-animate-dot();\n }\n\n / Shake /\n\n .animation-shake() {\n #scout.transform-origin(50% 50%);\n #scout.animation-name(shake);\n #scout.animation-duration(0.2s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(linear);\n }\n\n .keyframes-shake() {\n 0% {\n #scout.transform(translate(2px, 1px) rotate(0deg));\n }\n 10% {\n #scout.transform(translate(-1px, -2px) rotate(-1deg));\n }\n 20% {\n #scout.transform(translate(-3px, 0) rotate(1deg));\n }\n 30% {\n #scout.transform(translate(0, 2px) rotate(0deg));\n }\n 40% {\n #scout.transform(translate(1px, -1px) rotate(1deg));\n }\n 50% {\n #scout.transform(translate(-1px, 2px) rotate(-1deg));\n }\n 60% {\n #scout.transform(translate(-3px, 1px) rotate(0deg));\n }\n 70% {\n #scout.transform(translate(2px, 1px) rotate(-1deg));\n }\n 80% {\n #scout.transform(translate(-1px, -1px) rotate(1deg));\n }\n 90% {\n #scout.transform(translate(2px, 2px) rotate(0deg));\n }\n 100% {\n #scout.transform(translate(1px, -2px) rotate(-1deg));\n }\n }\n\n @-webkit-keyframes shake {\n .keyframes-shake();\n }\n @keyframes shake {\n .keyframes-shake();\n }\n}\n\n/ NOP (no operation, may be used to temporarily set css properties while the animation runs, e.g. using a transition) /\n\n.keyframes-nop () {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@-webkit-keyframes nop {\n .keyframes-nop();\n}\n\n@keyframes nop {\n .keyframes-nop();\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.accordion {\n / Necessary if field is not scrollable to prevent overlaps /\n overflow: hidden;\n\n &.scrollable {\n padding-right: 15px;\n }\n\n & > .group:not(.first):not(.collapse-bottom) > .group-header {\n border-top: 1px solid @border-color;\n }\n\n & > .group > .group-body {\n margin-bottom: 10px;\n }\n\n & > .group,\n & > .scrollbar {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n\n &.loading {\n & > .group,\n & > .scrollbar {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.action {\n cursor: pointer;\n\n &:hover {\n color: @hover-color;\n }\n\n &:active {\n color: @active-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: @button-color;\n background-color: @button-background-color;\n --border-color: @button-border-color;\n border: 1px solid var(--border-color);\n border-radius: @button-border-radius;\n cursor: pointer;\n padding: @button-padding-y @button-padding-x;\n\n &.borderless {\n background-color: transparent;\n border: 0;\n\n &:focus {\n #scout.focus-inset-box-shadow();\n }\n }\n\n & > .text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n }\n\n & > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n\n &.with-label {\n margin-right: 8px;\n }\n\n &.loading,\n &.broken {\n .hidden();\n }\n\n &.image-icon {\n max-height: 100%;\n }\n }\n\n & > .font-icon {\n font-size: @button-font-icon-size;\n }\n\n & > .submenu-icon {\n #scout.submenu-icon();\n padding-left: 8px;\n\n .selected& {\n #scout.submenu-icon-open();\n }\n }\n\n & > .button-label,\n & > .icon,\n & > .submenu-icon {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n\n &:hover {\n color: @button-hover-color;\n background-color: @hover-background-color;\n }\n\n &:active, &.active {\n color: @button-active-color;\n background-color: @button-active-background-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n\n &:hover {\n background-color: @selected-hover-background-color;\n border-color: @selected-hover-background-color;\n }\n\n &.active, &:active {\n background-color: @selected-active-background-color;\n border-color: @selected-active-background-color;\n }\n\n &.has-popup {\n color: @button-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n\n &:focus {\n #scout.focus-border();\n }\n\n &.default {\n background-color: @default-button-background-color;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: @default-button-background-color;\n color: @default-button-color;\n\n &:hover {\n background-color: @default-button-hover-background-color;\n border-color: @default-button-hover-background-color;\n }\n\n &:active, &.active {\n color: @default-button-color;\n background-color: @default-button-active-background-color;\n border-color: @default-button-active-background-color;\n }\n\n &.selected {\n color: @default-button-color;\n background-color: @default-button-selected-background-color;\n border-color: @default-button-selected-background-color;\n }\n\n &:focus {\n #scout.focus-border();\n }\n }\n\n &:disabled,\n &.disabled {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n cursor: default;\n\n &:hover, &.active, &:active, &.selected {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-disabled-background-color;\n border-color: @selected-disabled-background-color;\n\n &.has-popup {\n color: @button-disabled-color;\n background-color: @selected-with-popup-background-color;\n border-color: @selected-with-popup-background-color;\n }\n }\n }\n\n &.loading {\n & > .button-label,\n & > .icon,\n & > .submenu-icon {\n opacity: 0;\n transition: opacity @loading-fade-duration;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator(20px);\n }\n }\n}","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/\n Used for static pages like login, logout, unsupported-browser and noscript section.\n * Note: This box must not depend on javascript because it is used for the noscript section as well.\n /\n.box {\n display: table;\n position: absolute;\n height: 75%;\n width: 100%;\n margin: @box-margin-y 0;\n\n & > .wrapper {\n display: table-cell;\n vertical-align: middle;\n }\n}\n\n.box-content {\n border: @popup-border-width solid @popup-border-color;\n border-radius: @border-radius-large;\n background-color: @popup-background-color;\n max-width: @box-width;\n margin: 0 auto;\n padding: 45px 95px 50px 95px;\n #scout.drop-shadow(0, 20px, 50px, 0, 0.2);\n font-size: @box-font-size;\n\n & > .header {\n text-align: center;\n\n & > .logo {\n margin-top: 5px;\n margin-bottom: 40px;\n max-height: 30px;\n }\n }\n\n &.small > .header > .logo {\n max-width: 50%;\n }\n\n & > .button-bar {\n padding-top: 32px;\n text-align: center;\n\n & > .button {\n padding: 7px @button-padding-x;\n font-size: @box-font-size;\n }\n }\n\n &.centered {\n text-align: center;\n }\n}\n\n@media (max-width: (@box-width + 40px)) {\n .box-content {\n & > .header > .logo {\n margin-bottom: 20px;\n }\n\n padding: 20px;\n margin-left: 10px;\n margin-right: 10px;\n }\n}\n\n@media (max-height: 400px) {\n .box-content {\n & > .header > .logo {\n margin-bottom: 20px;\n }\n\n padding-top: 20px;\n padding-bottom: 20px;\n }\n}\n\n@media (max-height: 700px) {\n .box {\n height: calc(~'100% - ' @box-margin-y 2);\n }\n}\n","/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.box-buttons {\n\n & > .box-button {\n padding: 6px 16px;\n #scout.overflow-ellipsis-nowrap();\n margin-right: 16px;\n min-width: 104px;\n }\n\n & > .box-button:last-child {\n margin-right: 0;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.check-box {\n #scout.checkbox();\n\n &:focus {\n #scout.focus-border();\n }\n\n &.checked {\n #scout.checkbox-checked();\n }\n\n &.undefined {\n #scout.checkbox-undefined();\n }\n\n &.disabled {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &.undefined {\n #scout.checkbox-undefined-disabled();\n }\n }\n}\n\n#scout {\n\n .checkbox() {\n position: relative;\n display: inline-block;\n text-align: center;\n width: @check-box-size;\n height: @check-box-size;\n border: @check-box-border-width solid @check-box-border-color;\n border-radius: @check-box-border-radius;\n background-color: @control-background-color;\n }\n\n .checkbox-checked() {\n background-color: @check-box-checked-background-color;\n border-color: @check-box-checked-border-color;\n color: @check-box-checked-color;\n\n &::before {\n position: absolute;\n display: block;\n line-height: @check-box-size;\n width: @check-box-size - 2 @check-box-border-width;\n #scout.font-icon();\n content: @icon-checked-bold;\n font-size: 11px;\n }\n }\n\n .checkbox-disabled() {\n border-color: @check-box-disabled-border-color;\n }\n\n .checkbox-checked-disabled {\n background-color: @check-box-checked-disabled-background-color;\n border-color: @check-box-checked-disabled-background-color;\n }\n\n .checkbox-undefined() {\n background-color: @check-box-checked-background-color;\n border-color: @check-box-checked-border-color;\n\n &::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: @check-box-checked-color;\n }\n }\n\n .checkbox-undefined-disabled() {\n background-color: @check-box-checked-disabled-background-color;\n border-color: @check-box-checked-disabled-background-color;\n }\n}","/\n Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.calendar-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.calendar {\n white-space: nowrap;\n padding-left: 0;\n}\n\n.calendar-scrollable-components {\n height: 100%;\n}\n\n.calendar-header {\n position: relative;\n display: block;\n white-space: nowrap;\n padding: 8px @root-group-box-padding-right 12px 0;\n\n & > .busyindicator-label {\n display: table-cell;\n vertical-align: middle;\n text-indent: 0;\n }\n\n &.mobile {\n padding-right: @calendar-padding-right-mobile;\n }\n}\n\n.calendar-header-row {\n display: table;\n width: 100%;\n\n &.last {\n padding-top: 10px;\n }\n}\n\n.calendar-range {\n display: table-cell;\n vertical-align: middle;\n padding-left: 8px;\n width: 1%;\n}\n\n.calendar-previous,\n.calendar-today,\n.calendar-next {\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n height: @calendar-header-button-height;\n color: @text-color;\n background-color: @button-background-color;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n margin-right: 5px;\n line-height: @calendar-header-button-height - 1px;\n\n &:hover {\n color: @hover-color;\n }\n}\n\n.calendar-today {\n padding-left: 15px;\n padding-right: 15px;\n}\n\n.calendar-title {\n display: table-cell;\n vertical-align: middle;\n color: @calendar-title-color;\n\n .calendar-header-row.last > & {\n text-align: center;\n }\n}\n\n.calendar-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n\n.calendar-previous:hover::before,\n.calendar-next:hover::before {\n color: @hover-color;\n}\n\n.calendar-previous::before {\n .calendar-icon(@icon-angle-left, 20px);\n}\n\n.calendar-next::before {\n .calendar-icon(@icon-angle-right, 20px);\n}\n\n.calendar-commands {\n display: table-cell;\n vertical-align: middle;\n text-align: right;\n white-space: nowrap;\n}\n\n.calendar-mode,\n.calendar-toggle-year,\n.calendar-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: @calendar-header-button-height;\n line-height: @calendar-header-button-height - 1px;\n cursor: pointer;\n}\n\n.calendar-mode {\n padding: 0 8px;\n min-width: 65px;\n\n border-top: 1px solid @control-border-color;\n border-bottom: 1px solid @control-border-color;\n border-left: 1px solid @control-border-color;\n\n &.first {\n border-left: 1px solid @control-border-color;\n border-top-left-radius: @button-border-radius;\n border-bottom-left-radius: @button-border-radius;\n }\n\n &.last {\n border-right: 1px solid @control-border-color;\n border-top-right-radius: @button-border-radius;\n border-bottom-right-radius: @button-border-radius;\n margin-right: 5px;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &.selected {\n color: @calendar-mode-selected-color;\n background-color: @calendar-mode-selected-background-color;\n }\n}\n\n.calendar-mode-menu {\n padding: 5px 12px;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n}\n\n.calendar-toggle-year,\n.calendar-toggle-list {\n margin-left: 5px;\n\n &:hover::before {\n color: @hover-color;\n }\n}\n\n.calendar-toggle-year::before {\n .calendar-icon(@icon-calendar, 18px);\n}\n\n.calendar-toggle-list::before {\n .calendar-icon(@icon-list, 18px);\n}\n\n.calendar-component {\n display: flex;\n flex-direction: row;\n position: relative;\n float: left;\n line-height: 24px;\n height: 24px;\n min-height: 20px;\n width: calc(~'100% - ' @calendar-component-margin-left);\n text-align: left;\n color: @calendar-component-color;\n\n &:not(.component-task):not(.component-month) {\n border-bottom: 2px solid transparent;\n }\n\n & > .content {\n #scout.overflow-ellipsis();\n }\n\n & > .calendar-component-leftcolorborder {\n flex-shrink: 0;\n top: 0;\n left: 0;\n width: 4px;\n margin-right: 4px;\n background-color: @palette-blue-1; / Default colors used when component has no specific class /\n }\n\n / Default colors used when component has no specific class /\n background-color: @palette-blue-0;\n\n &:hover {\n background-color: @palette-blue-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-blue-3;\n }\n }\n\n &.comp-selected {\n background-color: @palette-blue-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-blue-3;\n }\n }\n\n / Colors for type Appointment /\n\n &.calendar-appointment {\n background-color: @palette-orange-0;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-2;\n }\n\n &:hover {\n background-color: @palette-orange-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-3;\n }\n }\n\n &.comp-selected {\n background-color: @palette-orange-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-3;\n }\n }\n }\n\n / Colors for type Task /\n\n &.calendar-task {\n background-color: @palette-green-0;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-2;\n }\n\n &:hover {\n background-color: @palette-green-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-2;\n }\n }\n\n &.comp-selected {\n background-color: @palette-green-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-3;\n }\n }\n }\n}\n\n.calendar-component-title {\n font-weight: bold;\n}\n\n.calendar-component-intro {\n font-size: 11px;\n color: @calendar-component-intro-color;\n}\n\n.calendar-list-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n padding: 0;\n overflow: hidden;\n}\n\n.calendar-list {\n width: 270px;\n padding: 0 0 0 30px;\n height: 100%;\n\n & > .calendar-component {\n cursor: pointer;\n height: auto;\n width: calc(~'100% - 10px');\n background-color: transparent !important; / NOSONAR (required to override original component background color) /\n margin-top: 12px;\n color: @text-color;\n }\n}\n\n.calendar-list-title {\n position: relative;\n width: calc(~'100% - 10px');\n height: @calendar-title-height;\n line-height: @calendar-title-height;\n font-weight: bold;\n color: @text-color;\n\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: @border-color;\n }\n}\n\n.calendar-grids {\n display: inline-block;\n vertical-align: top;\n overflow: hidden;\n}\n\n.calendar-grid {\n display: block;\n height: calc(~'100% - 25px');\n padding-right: @root-group-box-padding-right;\n\n & + .scroll-shadow {\n --scroll-shadow-inset-right: @root-group-box-padding-right;\n }\n\n &.mobile {\n padding-right: @calendar-padding-right-mobile;\n\n & + .scroll-shadow {\n --scroll-shadow-inset-right: @calendar-padding-right-mobile;\n }\n }\n}\n\n.calendar-grid.calendar-grid-short {\n height: calc(~'100% - 105px');\n}\n\n.calendar-top-grid {\n display: block;\n overflow: hidden;\n border-bottom: 1px solid @border-color;\n height: 105px;\n margin-right: @root-group-box-padding-right;\n\n &.calendar-top-grid-short {\n height: 25px;\n }\n\n &.mobile {\n margin-right: @calendar-padding-right-mobile;\n }\n}\n\n.calendar-week-header,\n.calendar-week {\n display: block;\n width: 100%;\n white-space: nowrap;\n}\n\n.calendar-week-allday-container,\n.calendar-week-allday-container > .calendar-week-name {\n height: 80px;\n}\n\n.calendar-week-allday-container > .calendar-day {\n padding-top: 30px; // for the day-of-month number\n}\n\n.calendar-week-header,\n.calendar-week-header > .calendar-day-name,\n.calendar-week-header > .calendar-week-name {\n height: @calendar-title-height;\n}\n\n.calendar-week {\n position: relative;\n}\n\n.calendar-week-name {\n width: @calendar-week-name-width;\n}\n\n.calendar-day-name,\n.calendar-week-name,\n.calendar-day {\n position: relative;\n display: inline-block;\n overflow: hidden;\n z-index: 1; / draw over grid /\n}\n\n.calendar-day {\n padding: 0;\n\n &:not(.calendar-no-label)::before {\n position: absolute;\n content: attr(data-day-name);\n color: @calendar-day-color;\n left: 7px;\n top: 7px;\n z-index: 1; / draw over calendar items /\n }\n\n &.out {\n background-color: @calendar-out-background-color;\n\n &::before {\n color: @calendar-out-color;\n }\n }\n\n &.weekend::before {\n color: @calendar-weekend-color;\n }\n\n &.weekend-out {\n background-color: @calendar-weekend-out-background-color;\n\n &::before {\n color: @calendar-weekend-out-color;\n }\n }\n\n &.now::before {\n color: @highlight-color;\n font-weight: bold;\n }\n\n / helps to center days between 10 and 19 nicer /\n\n &.selected.center-nice::before {\n padding-right: 2px;\n }\n\n & .calendar-component {\n margin-left: @calendar-component-margin-left;\n margin-bottom: 1px;\n margin-top: 1px;\n\n &.component-month.compact {\n top: 30px;\n margin-left: 0;\n width: 100%;\n }\n\n &.component-day,\n &.component-task {\n position: absolute;\n word-break: break-all;\n left: 0;\n margin: 0;\n width: 100%;\n height: 24px;\n line-height: 24px;\n }\n\n &.component-open-top {\n overflow: visible;\n padding-top: 10px;\n\n / Compensate for open top padding /\n\n & > .calendar-component-leftcolorborder {\n height: calc(~'100% + 10px');\n top: -10px;\n }\n\n &::before {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(~'50% - 8px');\n top: -8px;\n transform: rotate(45deg);\n background-color: @background-color;\n }\n }\n\n &.component-open-bottom {\n overflow: visible;\n border-bottom: none; / Compensate for calendar-component border /\n\n &::after {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(~'50% - 8px');\n bottom: -8px;\n transform: rotate(45deg);\n background-color: inherit;\n }\n }\n }\n}\n\n.calendar-day.selected.now::before {\n left: 4px;\n top: 3px;\n font-weight: normal;\n border: solid 4px @highlight-inverted-background-color;\n border-radius: 50%;\n background-color: @highlight-inverted-background-color;\n color: @palette-white;\n}\n\n.calendar-day.selected::before {\n text-align: center;\n left: 4px;\n top: 3px;\n width: @calendar-day-selected-circle-size;\n height: @calendar-day-selected-circle-size;\n border: solid 4px @calendar-day-selected-background-color;\n border-radius: 50%;\n background-color: @calendar-day-selected-background-color;\n color: @calendar-day-selected-color;\n}\n\n\n.calendar-week-name {\n font-size: 11px;\n color: @calendar-week-axis-color;\n padding-top: 9px;\n text-align: center;\n}\n\n.calendar-day::after,\n.calendar-day-name::after {\n position: absolute;\n width: 1px;\n height: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-week:not(.calendar-week-noborder)::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-day-name::before {\n position: absolute;\n content: attr(data-day-name);\n color: @calendar-day-color;\n left: 7px;\n bottom: 0;\n z-index: 1; / draw over calendar items /\n line-height: @calendar-title-height;\n}\n\n.calendar-week-axis {\n position: absolute;\n left: @calendar-week-name-width - @calendar-week-axis-overlap;\n width: calc(~'100% - @{calendar-week-name-width} + @{calendar-week-axis-overlap}');\n\n &:not(.first) {\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n content: '';\n background-color: @calendar-light-line-color;\n }\n\n &.hour::after {\n background-color: @calendar-line-color;\n }\n\n &::before {\n position: absolute;\n font-size: 12px;\n left: -35px;\n top: -8px;\n color: @calendar-week-axis-color;\n content: attr(data-axis-name);\n }\n }\n}\n\n.calendar-week-task {\n position: relative;\n left: 0;\n width: 100%;\n}\n\n.calendar-week-task::after {\n position: relative;\n height: 1px;\n width: 100%;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-week-task::before {\n position: absolute;\n font-size: 11px;\n top: 28px;\n left: 7px;\n color: @calendar-week-axis-color;\n content: attr(data-axis-name);\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.year-panel-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n overflow: hidden;\n position: relative;\n}\n\n.year-panel-title {\n position: relative;\n margin-left: 10px;\n width: calc(~'100% - 40px');\n height: @calendar-title-height;\n white-space: nowrap;\n\n & > .year-title-item {\n display: inline-block;\n padding-right: 15px;\n line-height: @calendar-title-height;\n color: @year-panel-title-item-color;\n cursor: pointer;\n font-weight: bold;\n\n &.selected {\n color: @text-color;\n cursor: default;\n }\n\n &:hover {\n color: @text-color;\n }\n }\n\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: @border-color;\n }\n}\n\n.year-panel-list {\n position: relative;\n width: 180px;\n margin-left: 10px;\n height: calc(~'100% - ' @calendar-title-height);\n overflow: hidden;\n\n & > .year-month {\n margin-top: 18px;\n margin-bottom: 8px;\n position: relative;\n padding-top: 20px;\n padding-right: 15px;\n float: left;\n width: 180px;\n\n & > .year-day {\n position: relative;\n float: left;\n width: 23px;\n text-align: right;\n color: @text-color;\n height: @year-panel-day-height;\n padding-right: 5px;\n line-height: @year-panel-day-line-height;\n cursor: pointer;\n\n &.year-hover {\n background-color: @year-panel-range-hover-background-color;\n }\n\n &.year-range {\n background-color: @year-panel-range-background-color;\n }\n\n &.year-range-day {\n background-color: @year-panel-range-day-background-color;\n color: @selected-color;\n }\n\n &.year-hover-day {\n background-color: @year-panel-range-day-background-color;\n color: @selected-color;\n }\n }\n }\n\n & > .year-month::before {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n content: attr(data-title);\n font-weight: bold;\n color: @text-color;\n }\n\n & > .year-month::after {\n position: absolute;\n bottom: 0;\n right: 19px;\n height: calc(~'100% - 20px');\n width: 26%;\n content: '';\n background-color: @year-panel-weekend-background-color;\n opacity: 0.10;\n pointer-events: none;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.date-picker-popup {\n position: absolute;\n width: 290px;\n #scout.control-popup();\n overflow: hidden;\n}\n\n.date-picker {\n position: relative;\n\n &.touch-only :not(.selected):not(.disabled):not(:active):hover {\n // Disable sticky hover effect on touch devices\n background-color: inherit;\n }\n}\n\n.date-picker-scrollable {\n position: relative;\n width: 100%;\n}\n\n.date-picker-month-box {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n\n.date-picker-month {\n width: 100%;\n padding: 0 @date-picker-month-padding @date-picker-month-padding @date-picker-month-padding;\n}\n\n.date-picker-weekdays {\n color: @date-picker-weekday-color;\n font-weight: @font-weight-bold;\n display: flex;\n justify-content: space-between;\n}\n\n.date-picker-weekday {\n display: inline-flex;\n height: @date-picker-header-height;\n width: @date-picker-day-size;\n margin: @date-picker-day-margin;\n justify-content: center;\n padding-top: 7px;\n}\n\n.date-picker-week {\n display: flex;\n justify-content: space-between;\n}\n\n.date-picker-day {\n display: inline-flex;\n width: @date-picker-day-size;\n height: @date-picker-day-size;\n margin: @date-picker-day-margin;\n border-radius: @date-picker-day-border-radius;\n justify-content: center;\n align-items: center;\n\n &.date-picker-out, &.date-picker-out-weekend {\n color: @date-picker-out-color;\n }\n\n &.date-picker-day-weekend-separator {\n margin-left: 5px;\n }\n\n &.date-picker-now {\n color: @date-picker-now-color;\n font-weight: @font-weight-bold;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n }\n }\n\n &.preselected {\n background-color: @date-picker-day-preselected-background-color;\n }\n\n &:hover {\n background-color: @date-picker-day-hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @date-picker-day-selected-color;\n background-color: @date-picker-day-selected-background-color;\n font-weight: @font-weight-bold;\n\n &.date-picker-now > .text {\n border-bottom-color: @date-picker-day-selected-color;\n }\n }\n\n &.disabled {\n color: @date-picker-day-disabled-color;\n background-color: inherit;\n }\n}\n\n.date-picker-header {\n padding: 17px 10px 14px 10px;\n}\n\n.date-picker-separator {\n position: absolute;\n top: 98px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid @date-picker-separator-color;\n}\n\n.date-picker-weekend-separator {\n position: absolute;\n top: @date-picker-header-height + @date-picker-day-margin;\n height: calc(100% - @date-picker-month-padding - @date-picker-header-height - @date-picker-day-margin - @date-picker-day-margin);\n width: 0;\n border-right: 1px @date-picker-separator-color solid;\n}\n\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 18px;\n line-height: 30px;\n margin-top: @text-margin-top;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n width: 26px;\n height: 26px;\n margin: 3px 2px 6px 2px;\n padding-top: 4px;\n color: @date-picker-arrow-color;\n border-radius: @border-radius;\n display: flex;\n justify-content: center;\n cursor: pointer;\n #scout.font-icon();\n font-size: 17px;\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n}\n\n.date-picker-left-y {\n float: left;\n margin-left: 5px;\n}\n\n.date-picker-left-m {\n float: left;\n}\n\n.date-picker-left-y::before {\n content: @icon-angle-double-left;\n}\n\n.date-picker-left-m::before {\n content: @icon-angle-left;\n}\n\n.date-picker-right-y {\n float: right;\n margin-right: 7px;\n}\n\n.date-picker-right-m {\n float: right;\n}\n\n.date-picker-right-y::before {\n content: @icon-angle-double-right;\n}\n\n.date-picker-right-m::before {\n content: @icon-angle-right;\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n\n &:focus {\n outline: none;\n }\n\n &.has-navigation-handle > .splitter {\n height: calc(~'100% - 50px');\n }\n\n &.in-background {\n // Necessary for the rounded top left border of the bench\n background-color: @desktop-navigation-body-in-background-background-color;\n }\n}\n\n/ \"Open URI\" related rules /\n\n.download-frame {\n position: fixed;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n visibility: hidden;\n / Do _not_ use 'display: none', because that seems to interrupt the download in Safari /\n}\n","/\n * Copyright (c) 2014-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-logo {\n position: absolute;\n top: 0;\n right: 0;\n margin: 16px;\n background-color: @desktop-logo-background-color;\n\n &.clickable {\n cursor: pointer;\n }\n\n & > .image {\n height: @desktop-logo-height;\n // If logo is larger than @desktop-logo-width, the items on the left will be moved correctly, but only after logo is loaded, so the shift may be visible to the user.\n // In order to have a proper layout from the beginning, set the @desktop-logo-width to the actual logo with\n min-width: @desktop-logo-min-width;\n border: 1px solid @desktop-logo-background-color;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dense {\n\n / FormField.less /\n\n .form-field {\n & > label {\n padding-top: 4px; / @borderless-field-padding-y; /\n padding-bottom: 4px; / @borderless-field-padding-y; /\n }\n }\n\n / SmartField.less /\n\n .smart-field,\n .smart-field.read-only,\n .smart-field.alternative {\n & > .field > .multiline-lines {\n line-height: 15px;\n padding-top: 2px; / padding: 3px @text-field-padding-x; /\n padding-bottom: 2px;\n }\n }\n\n .proposal-chooser {\n & > .active-filter,\n & > .status {\n height: @logical-grid-row-height;\n }\n\n & > .active-filter > .radiobutton-group {\n height: @logical-grid-row-height;\n\n & > .radiobutton-group-body {\n height: @logical-grid-row-height;\n }\n }\n }\n\n / MenuBar.less /\n\n .menubar:not(.main-menubar) {\n & > .menubar-box {\n & > .menu-item {\n padding-top: 3px; / @menubar-item-padding-y; /\n padding-bottom: 3px; / @menubar-item-padding-y; /\n\n / 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 /\n min-height: @logical-grid-row-height-dense; / @logical-grid-row-height; /\n }\n\n & > .menu-button {\n padding-top: 2px;\n padding-bottom: 2px;\n }\n }\n }\n\n / GroupBox.less /\n\n .group-box-header {\n margin-top: 6px; / @group-box-title-margin-top; /\n\n & > .title {\n padding-top: 6px; / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 6px;\n }\n }\n\n .group-box-body {\n padding-top: 10px; / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 8px;\n\n / redefine /\n\n &.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n\n / TabBox.less /\n\n .tab-box-header {\n margin-top: 6px; / @group-box-title-margin-top; /\n }\n\n .tab-item {\n & > .title {\n padding-top: 6px; / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 6px;\n }\n }\n\n .overflow-tab-item.menu-item {\n padding-top: 4px; / padding: @tab-item-title-padding-top - 2px @tab-item-padding-x - 8px @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\n }\n\n / TableHeader.less /\n\n .table-header-item {\n margin-top: 2px; / margin: @table-header-item-margin-y @table-header-item-margin-x /\n margin-bottom: 2px;\n min-height: 24px; / min-height: @table-header-item-min-height; /\n }\n\n .table-header-resize {\n padding-top: 4px; / 8px 8px; /\n padding-bottom: 4px;\n }\n\n / Table.less /\n\n .table,\n .detail-table.table {\n --table-row-padding-y: 4px;\n }\n\n .table-cell {\n\n &.table-node {\n\n & > .table-row-control {\n / padding: @table-row-padding-y 8px @table-row-padding-y @table-row-control-padding-left; /\n padding-top: 6px;\n }\n }\n }\n\n / TableFooter.less /\n\n .table-control-resize {\n height: 12px;\n }\n\n / DesktopBench.less /\n\n .detail-table.table {\n & > .table-header {\n & > .table-header-item {\n margin-top: 2px;\n margin-bottom: 2px;\n min-height: 24px;\n }\n }\n }\n\n\n / ContextMenuPopup.less /\n\n .context-menu {\n & > .menu-item {\n padding-top: 6px; / padding: 11px 15px; /\n padding-bottom: 6px;\n }\n }\n\n / CheckBoxField.less /\n\n .check-box-field > .field {\n padding-top: 2px; / padding: 6px 0; /\n padding-bottom: 2px;\n }\n\n / main.less /\n\n .input-field {\n padding-top: 2px; / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 2px;\n }\n\n / Button /\n\n .button-field > .button {\n padding-top: 0; / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n min-height: @logical-grid-row-height-dense;\n\n & > .icon {\n padding-top: 0; / padding-top: 2px; /\n padding-bottom: 0; / padding-bottom: 2px; /\n }\n }\n\n / RadioButton.less /\n\n .radio-button > .field {\n padding-top: 2px; / padding: 6px 0; /\n padding-bottom: 2px;\n\n & > .label {\n padding-top: 1px; / padding-top: @radio-button-label-padding-top; /\n }\n }\n\n / LabelField.less /\n\n .label-field > .field {\n padding-top: 2px; / padding-top: @borderless-field-padding-y; /\n padding-bottom: 2px; / padding-bottom: @borderless-field-padding-y; /\n }\n\n / Tree.less /\n\n .tree-node {\n padding-top: 3px; / padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left; /\n padding-bottom: 3px;\n }\n\n .tree-node-control {\n padding-top: 4px;\n padding-bottom: 3px;\n }\n\n / Outline.less /\n\n .outline.tree {\n & > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n padding-top: 6px; / padding-top: @outline-node-padding-y; /\n padding-bottom: 6px; / padding-bottom: @outline-node-padding-y; /\n\n & > .tree-node-control {\n padding-top: 6px; / padding-top: @outline-node-control-padding-y; /\n }\n }\n }\n }\n\n / ValueField.less /\n\n .value-field {\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n / 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/\n min-height: @logical-grid-row-height-dense;\n }\n }\n\n / TagBar.less /\n\n .tag-element,\n .overflow-icon {\n height: 20px; / @tag-field-tag-height /\n line-height: 20px; / @tag-field-tag-height /\n margin-top: 0; / margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0; /\n }\n\n / use default margin in the overflow popup, otherwise the tags sit on each other /\n\n .tag-overflow-popup > .popup-body {\n & > .tag-element {\n margin-top: @tag-field-tag-margin-y;\n }\n }\n\n / TagField.less /\n\n .tag-field {\n & > .field {\n & > input {\n padding-bottom: 1px;\n }\n }\n }\n\n / BreadcrumbItem.less /\n .breadcrumb-item {\n font-size: @font-size-normal;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-bench-drop-shadow() {\n content: '';\n position: absolute;\n top: @desktop-bench-drop-shadow-top;\n left: 0;\n width: 10px;\n height: calc(~'100% - ' @desktop-bench-drop-shadow-top);\n box-shadow: -8px 0 10px 0 @desktop-bench-drop-shadow-color;\n clip-path: polygon(-100% 0, 200% 0, 200% 200%, -100% 200%);\n}\n\n.desktop-bench {\n position: absolute;\n top: 0;\n background-color: @desktop-bench-background-color;\n border-left: @desktop-bench-border-left-width solid @border-color;\n\n .navigation-invisible > & {\n border-left: 0;\n }\n\n &.drop-shadow {\n border-left: 0;\n\n .desktop-bench-drop-shadow();\n\n .desktop:not(.first-tab-selected):not(.navigation-invisible):not(.view-tab-area-in-bench) > & {\n border-top-left-radius: @desktop-bench-drop-shadow-border-top-left-radius;\n overflow: hidden;\n }\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\n }\n\n & > .bench-column > .simple-tab-box > .simple-tab-area {\n background-color: @desktop-bench-tab-area-background-color;\n\n &::before {\n // Hide line on the bottom because tab itself does not have a border\n display: none;\n }\n\n & > .desktop-tab {\n &.last > .edge.right {\n z-index: 0; // Don't draw over view area / splitter on the right\n }\n\n & > .sub-title {\n color: @simple-tab-sub-title-color;\n }\n\n & > .status-container > .save-needer {\n color: @desktop-tab-selected-save-needer-color;\n }\n }\n\n &:not(.overflown) > .desktop-tab.last {\n margin-right: 0;\n }\n }\n\n / Make some space for the navigation handle (when the navigation is closed /\n / Only do it if detail-table is at the bottom left corner /\n\n &.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {\n margin-left: @detail-table-footer-with-handle-margin-left;\n\n & > .table-control.selected {\n border-left-color: @border-color;\n }\n }\n\n & > .splitter.x-axis {\n margin-left: -7px;\n margin-right: -7px;\n }\n\n &.outline-content-has-dimmed-background {\n background-color: @dimmed-background-color;\n }\n}\n\n.detail-table.table {\n --table-row-margin-x: @detail-table-row-margin-x;\n --table-row-padding-y: @detail-table-row-padding-y;\n --table-aggregate-row-padding-y-small: @detail-table-aggregate-padding-y-small;\n --table-aggregate-row-padding-y-large: @detail-table-aggregate-padding-y-large;\n\n &:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n #scout.loading-indicator(@busyindicator-large-size, @busyindicator-large-border-width);\n }\n\n & > .table-header {\n background-color: @detail-table-header-background-color;\n border-bottom-color: @detail-table-header-border-color;\n\n & > .table-header-item {\n padding-top: @detail-table-header-item-padding-y;\n padding-bottom: @detail-table-header-item-padding-y;\n margin-top: @detail-table-header-item-margin-top;\n margin-bottom: @detail-table-header-item-margin-bottom;\n }\n\n & > .menubar-container > .menubar > .menubar-box > .menu-item.last {\n margin-right: 12px;\n }\n }\n\n & > .table-footer {\n background-color: @detail-table-footer-background-color;\n }\n\n & > .table-data {\n & > .scrollbar {\n #scout.scrollbar-x-padding(4px, 2px);\n }\n\n & + .scroll-shadow {\n .scroll-shadow.large();\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@scrollbar-size-transition-speed: 125ms;\n\n.scrollbar {\n position: absolute;\n z-index: 1;\n cursor: pointer;\n overflow: hidden;\n transition: opacity 250ms; / Scrollbars are hidden in hybrid mode, see Scrollbar#onTouchStart /\n\n #scout.scrollbar-y-padding();\n #scout.scrollbar-x-padding();\n\n &.y-axis {\n height: calc(~'100% - ' 2 @scrollbar-margin);\n width: @scrollbar-size;\n margin-top: @scrollbar-margin;\n margin-bottom: @scrollbar-margin;\n\n &.borderless {\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &.x-axis {\n width: calc(~'100% - ' 2 * @scrollbar-margin);\n height: @scrollbar-size;\n margin-left: @scrollbar-margin;\n margin-right: @scrollbar-margin;\n\n &.borderless {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n}\n\n.scrollbar-thumb-handle {\n height: 100%;\n border-radius: 4px;\n background-color: @scrollbar-thumb-color;\n\n &.clipped-left {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &.clipped-right {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.clipped-top {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &.clipped-bottom {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.y-axis {\n width: @scrollbar-thumb-size;\n top: 0;\n transition: width @scrollbar-size-transition-speed;\n\n .scrollbar:hover > .scrollbar-thumb > &,\n .scrollbar-thumb-move > & {\n width: @scrollbar-thumb-hover-size;\n }\n }\n\n &.x-axis {\n height: @scrollbar-thumb-size;\n left: 0;\n transition: height @scrollbar-size-transition-speed;\n\n .scrollbar:hover > .scrollbar-thumb > &,\n .scrollbar-thumb-move > & {\n height: @scrollbar-thumb-hover-size;\n }\n }\n}\n\n.scrollbar-thumb {\n cursor: pointer;\n position: absolute;\n\n &.y-axis {\n width: @scrollbar-size;\n top: 0;\n transition: padding-left @scrollbar-size-transition-speed;\n }\n\n &.x-axis {\n height: @scrollbar-size;\n left: 0;\n transition: padding-top @scrollbar-size-transition-speed;\n }\n}\n\n.scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-hover-color;\n}\n\n.container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: @scrollbar-thumb-small-color;\n}\n\n.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-small-hover-color;\n}\n\n.hybrid-scrollable {\n #scout.hide-scrollbars();\n}\n\n.scroll-shadow {\n transition: box-shadow 250ms;\n position: absolute;\n pointer-events: none;\n z-index: 1; // ensure shadow lays over elements having a z-index\n\n #scout.scroll-shadow();\n\n &.gradient {\n --scroll-shadow-color: @scroll-shadow-gradient-color;\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n }\n\n &.large {\n --scroll-shadow-size: @scroll-shadow-size-large;\n --scroll-shadow-blur: @scroll-shadow-size-large;\n --scroll-shadow-spread: @scroll-shadow-size-large;\n }\n}\n\n#scout {\n .scroll-shadow() {\n --scroll-shadow-color: @scroll-shadow-color;\n --scroll-shadow-size: @scroll-shadow-size;\n --scroll-shadow-blur: @scroll-shadow-blur;\n --scroll-shadow-spread: @scroll-shadow-spread;\n\n // Allow a widget to adjust the size of the shadow container\n --scroll-shadow-inset-top: 0;\n --scroll-shadow-inset-right: 0;\n --scroll-shadow-inset-bottom: 0;\n --scroll-shadow-inset-left: 0;\n\n @scroll-shadow-blur-spread-color: var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);\n @scroll-shadow-top: inset 0 var(--scroll-shadow-size) @scroll-shadow-blur-spread-color;\n @scroll-shadow-bottom: inset 0 calc(-1 * var(--scroll-shadow-size)) @scroll-shadow-blur-spread-color;\n @scroll-shadow-left: inset var(--scroll-shadow-size) 0 @scroll-shadow-blur-spread-color;\n @scroll-shadow-right: inset calc(-1 * var(--scroll-shadow-size)) 0 @scroll-shadow-blur-spread-color;\n @scroll-shadow-none: inset 0 0 0 0 transparent;\n\n &.top {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-none;\n\n &.bottom {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n }\n }\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-left;\n }\n }\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-none;\n }\n }\n\n &.bottom {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-none;\n }\n }\n\n &.left {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-left;\n }\n\n &.bottom {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n }\n }\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-none;\n }\n }\n}","/\n Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.bench-column {\n position: absolute;\n\n > .splitter.y-axis {\n margin-top: -7px;\n margin-bottom: -7px;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.group {\n position: relative;\n}\n\n.group-header {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 0;\n cursor: pointer;\n color: @group-header-color;\n\n &:focus {\n outline: none;\n }\n\n &.disabled {\n cursor: default;\n }\n\n &.loading {\n & > .loading-indicator {\n #scout.loading-indicator(16px);\n left: inherit;\n right: 0;\n }\n }\n}\n\n.group-title {\n font-size: @font-size-plus;\n font-weight: @font-weight-bold;\n #scout.overflow-ellipsis-nowrap();\n\n .group-header:focus > & {\n color: @focus-color;\n text-decoration: underline;\n }\n}\n\n.group-title-suffix {\n margin-left: 8px;\n font-size: @font-size-plus;\n}\n\n.group-icon.with-title {\n margin-right: 8px;\n}\n\n.group-collapse-icon {\n / Set to same height as before element to prevent header from getting larger /\n height: @font-size-large;\n transition: transform 0.3s;\n margin-right: 8px;\n margin-top: @group-collapse-icon-margin-top; / since icon height is reduced it needs to be moved up a little to center it again /\n\n &::before {\n #scout.font-icon();\n content: @icon-angle-down;\n font-size: @font-size-large;\n }\n\n &.collapsed {\n #scout.transform(rotate(-90deg));\n }\n}\n\n.group-header.collapse-right {\n & > .group-title {\n flex-grow: 1;\n }\n\n & > .group-title-suffix {\n text-align: right;\n }\n\n & > .group-collapse-icon {\n transition: transform 0s;\n margin-right: 0;\n margin-left: 8px;\n margin-top: 0;\n\n &::before {\n content: @icon-angle-down;\n }\n\n &.collapsed {\n #scout.transform(rotatex(180deg));\n }\n }\n}\n\n.group.collapse-bottom {\n & > .group-header.custom-header-widget {\n cursor: default;\n }\n\n & > .group-body {\n margin-bottom: 0;\n }\n\n & > .group-footer {\n display: flex;\n\n .collapsible& {\n cursor: pointer;\n }\n\n & > .group-collapse-border {\n flex-grow: 1;\n margin-top: 8px;\n margin-bottom: 8px;\n border-style: solid;\n border-width: 0 0 1px 0;\n border-color: @border-color;\n }\n\n & > .group-collapse-icon {\n transition: transform 0s;\n margin: 0;\n\n &::before {\n content: @icon-angle-up;\n padding: 0 4px;\n }\n\n &.collapsed {\n #scout.transform(rotatex(180deg));\n }\n }\n\n &:hover > .group-collapse-icon::before {\n color: @highlight-color;\n }\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab-box {\n position: absolute;\n min-width: @bench-view-min-width;\n min-height: @bench-view-min-height;\n\n & > .simple-tab-area {\n position: relative;\n height: @desktop-header-height;\n\n / Has the same effect as \"border-bottom: 1px solid @border-color\", but is over-drawable by child /\n / elements (such as the selected view-tab). The border would not be, because of \"overflow: hidden\". /\n\n &::before {\n content: '';\n background-color: @border-color;\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(~'100% - 1px');\n left: 0;\n }\n }\n\n & > .tab-content {\n height: 100%;\n background-color: @background-color;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab-area {\n position: absolute;\n top: 0;\n white-space: nowrap;\n display: flex;\n\n & > .simple-overflow-tab-item {\n border-right: 1px solid @border-color;\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n min-width: 30px;\n background-color: @simple-tab-background-color;\n text-align: center;\n cursor: pointer;\n\n &::after {\n #scout.font-icon();\n content: @icon-angle-down;\n }\n }\n\n &.spread-even {\n &:not(.overflown) {\n & > .simple-tab {\n flex-grow: 1;\n\n &.last {\n border-right-width: 0;\n }\n }\n }\n\n & > .simple-overflow-tab-item {\n border-right-width: 0;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding: @simple-tab-padding;\n background-color: @simple-tab-background-color;\n border-right: 1px solid @border-color;\n cursor: pointer;\n width: 120px;\n min-width: 60px;\n\n & > .title-line {\n display: flex;\n align-items: center;\n\n .closable& {\n margin-right: 20px;\n }\n\n & > .icon-container {\n display: flex; // Makes container as height as icon inside which improves alignment (title-line has flex box layout)\n\n & > .icon {\n margin-right: 6px;\n\n &.font-icon {\n font-size: 14px;\n }\n }\n }\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n display: inline-block;\n vertical-align: top;\n }\n\n & > .status-container {\n position: relative;\n display: inline-flex;\n margin-left: 4px;\n color: @status-info-color;\n\n & > .status {\n margin-left: 5px;\n }\n }\n }\n\n & > .closer {\n position: absolute;\n top: 0;\n right: 0;\n margin: @simple-tab-padding;\n display: none;\n\n :hover&,\n .closable.selected& {\n display: inline-block;\n }\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n padding-top: 2px;\n color: @simple-tab-sub-title-color;\n }\n\n &:hover > .title-line > .title {\n color: @hover-color;\n }\n\n &:active > .title-line > .title {\n color: @active-color;\n }\n\n &.disabled {\n cursor: default;\n\n & > .title-line > .title {\n color: @disabled-color;\n }\n }\n\n &.selected {\n cursor: default;\n background-color: @simple-tab-selected-background-color;\n\n & > .title-line > .title {\n color: @simple-tab-selected-color;\n }\n }\n}\n\n.simple-tab > .key-box {\n bottom: 4px;\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.carousel {\n overflow: hidden;\n}\n\n.carousel-filmstrip {\n transition: transform 200ms;\n}\n\n.carousel-item {\n display: inline-block;\n position: relative;\n overflow: hidden;\n}\n\n.carousel-status {\n font-size: 14pt;\n font-weight: bold;\n text-align: center;\n\n & > .status-item {\n color: @carousel-status-item-color;\n display: inline;\n margin-right: 6px;\n }\n\n & > .current-item {\n color: @carousel-current-item-color;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.collapse-handle {\n position: absolute;\n display: table;\n z-index: 10;\n bottom: 0;\n margin-bottom: 15px;\n\n &.right-aligned {\n right: 0;\n }\n\n &.left-aligned {\n left: 0;\n }\n}\n\n.collapse-handle-body {\n position: relative;\n display: table-cell;\n padding: 7px 8px;\n background-color: @collapse-handle-background-color;\n color: @collapse-handle-color;\n border: 1px solid @collapse-handle-border-color;\n border-radius: @collapse-handle-border-radius;\n cursor: pointer;\n\n &::before {\n #scout.font-icon();\n display: block;\n font-size: 16px;\n }\n\n &.left {\n &.both-visible {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &::before {\n content: @icon-angle-left;\n }\n }\n\n &.right {\n &.both-visible {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n }\n\n &::before {\n content: @icon-angle-right;\n }\n }\n\n &:hover {\n background-color: @collapse-handle-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @collapse-handle-active-background-color;\n }\n}\n\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tab.simple-tab {\n width: @desktop-tab-width;\n min-width: @desktop-tab-min-width;\n margin: @desktop-tab-margin-top @desktop-tab-margin-right 0 0;\n padding: @desktop-tab-padding @desktop-tab-padding 0 @desktop-tab-padding-left;\n border-radius: @desktop-tab-border-radius @desktop-tab-border-radius 0 0;\n border: @desktop-tab-border-width solid @desktop-tab-border-color;\n border-bottom-width: 0;\n background-color: @desktop-tab-background-color;\n\n & > .title-line {\n .closable& {\n margin-right: 25px;\n }\n\n & > .icon-container {\n color: @desktop-tab-sub-title-color;\n }\n\n & > .title {\n font-size: @font-size-plus;\n }\n\n & > .status-container {\n color: @desktop-tab-status-color;\n\n & > .save-needer {\n color: inherit;\n }\n }\n }\n\n & > .sub-title {\n color: @desktop-tab-sub-title-color;\n font-size: @font-size-smaller;\n letter-spacing: @sub-title-letter-spacing;\n padding-top: 1px;\n }\n\n & > .closer {\n color: @desktop-tab-sub-title-color;\n padding: 4px;\n margin: 7px;\n border-radius: @border-radius-medium;\n\n & > .key-box {\n top: 0;\n right: 0;\n }\n\n &:hover {\n color: @desktop-header-color;\n background-color: @desktop-tab-closer-hover-background-color;\n }\n\n &:active, &.active {\n background-color: @desktop-tab-closer-active-background-color;\n }\n }\n\n & > .key-box {\n bottom: @desktop-tab-key-box-bottom;\n margin-left: 4px;\n }\n\n &.animate-modality-highlight {\n .animation-flash-desktop-tab(flash-desktop-tab);\n }\n\n &:hover,\n &:active {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n\n & > .title-line > .title {\n color: inherit;\n }\n }\n\n &.glasspane-parent {\n // Modality highlight does not work with pointer-events: none because mouse down is ignored on the glass pane completely by the browser\n // -> we need to disable the hover effect manually\n pointer-events: unset;\n\n &:not(.disabled):not(.selected):hover {\n background-color: @desktop-tab-background-color;\n }\n\n &:not(.selected):hover > .closer {\n display: none;\n }\n }\n\n &.disabled {\n background-color: transparent;\n\n & > .title-line > .title {\n color: @desktop-header-disabled-color;\n }\n }\n\n &.selected {\n background-color: @simple-tab-selected-background-color;\n border-color: transparent;\n\n & > .title-line {\n & > .icon-container {\n color: @status-info-color;\n }\n\n & > .title {\n color: @desktop-tab-selected-color;\n font-weight: @font-weight-bold;\n }\n\n & > .status-container {\n color: @status-info-color;\n\n & > .save-needer {\n color: @desktop-tab-selected-save-needer-color;\n }\n }\n }\n\n & > .sub-title {\n color: @desktop-tab-selected-sub-title-color;\n }\n\n & > .closer {\n color: @closer-color;\n\n &:hover {\n background-color: @hover-background-color;\n color: @closer-hover-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n }\n\n & > .edge {\n #scout.inverted-bottom-round-edge(@border-radius: @desktop-tab-border-radius, @color: @simple-tab-selected-background-color);\n\n &.right {\n z-index: 1; // lay over right tab\n }\n }\n\n &.first > .edge.left {\n display: none;\n }\n\n &.animate-modality-highlight {\n .animation-flash-desktop-tab(flash-desktop-tab-selected);\n\n & > .edge {\n .animation-flash-desktop-tab(flash-desktop-tab-selected-edge);\n }\n }\n }\n}\n\n.animation-flash-desktop-tab(@keyframes-name) {\n #scout.animation-name(@keyframes-name);\n #scout.animation-duration(0.4s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(linear);\n}\n\n.keyframes-flash-desktop-tab() {\n 0% {\n background-color: @desktop-tab-background-color;\n }\n 25% {\n background-color: @desktop-tab-flash-background-color;\n }\n 50% {\n background-color: @desktop-tab-background-color;\n }\n 75% {\n background-color: @desktop-tab-flash-background-color;\n }\n 100% {\n background-color: @desktop-tab-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab {\n .keyframes-flash-desktop-tab();\n}\n\n@keyframes flash-desktop-tab {\n .keyframes-flash-desktop-tab();\n}\n\n.keyframes-flash-desktop-tab-selected() {\n 0% {\n background-color: @simple-tab-selected-background-color;\n }\n 25% {\n background-color: @desktop-tab-selected-flash-background-color;\n }\n 50% {\n background-color: @simple-tab-selected-background-color;\n }\n 75% {\n background-color: @desktop-tab-selected-flash-background-color;\n }\n 100% {\n background-color: @simple-tab-selected-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab-selected {\n .keyframes-flash-desktop-tab-selected();\n}\n\n@keyframes flash-desktop-tab-selected {\n .keyframes-flash-desktop-tab-selected();\n}\n\n.keyframes-flash-desktop-tab-selected-edge() {\n 0% {\n box-shadow: 0 @desktop-tab-border-radius 0 0 @simple-tab-selected-background-color;\n }\n 25% {\n box-shadow: 0 @desktop-tab-border-radius 0 0 @desktop-tab-selected-flash-background-color;\n }\n 50% {\n box-shadow: 0 @desktop-tab-border-radius 0 0 @simple-tab-selected-background-color;\n }\n 75% {\n box-shadow: 0 @desktop-tab-border-radius 0 0 @desktop-tab-selected-flash-background-color;\n }\n 100% {\n box-shadow: 0 @desktop-tab-border-radius 0 0 @simple-tab-selected-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab-selected-edge {\n .keyframes-flash-desktop-tab-selected-edge();\n}\n\n@keyframes flash-desktop-tab-selected-edge {\n .keyframes-flash-desktop-tab-selected-edge();\n}","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tab-area {\n\n & > .simple-overflow-tab-item {\n @desktop-overflow-tab-margin-bottom: @desktop-tab-margin-right 2;\n\n border-radius: @view-tab-border-radius; // Use smaller border radius, so it fits nicely into the inverted border radius of the last tab if it is selected\n margin: @desktop-tab-margin-top + @desktop-overflow-tab-margin-bottom @desktop-tab-margin-right @desktop-overflow-tab-margin-bottom;\n background-color: @desktop-tab-background-color;\n border: @desktop-tab-border-width solid @desktop-tab-border-color;\n\n &:hover {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n }\n\n &.selected {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n }\n }\n}","/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-header {\n position: absolute;\n top: 0;\n height: @desktop-header-height;\n color: @desktop-header-color;\n background-color: @desktop-header-background-color;\n\n & > .simple-tab-area {\n height: @desktop-header-height;\n\n & > .desktop-tab.selected {\n\n .navigation-invisible > & > .edge.left {\n display: block;\n }\n }\n }\n\n .navigation-invisible > &:not(.has-view-button-box) > .simple-tab-area {\n margin-left: 6px;\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\n }\n\n & > .view-button-box {\n\n & > .view-tab-wrapper > .view-tab {\n &.animate-bring-to-front,\n &.animate-bring-to-back {\n animation-duration: 0s;\n }\n }\n\n .in-background& {\n\n & > .view-menu-tab {\n &.selected {\n background-color: @view-menu-tab-background-color;\n color: inherit;\n }\n\n & > .view-button,\n & > .view-menu {\n &:hover {\n background-color: @view-menu-tab-hover-background-color;\n }\n }\n\n & > .view-menu {\n &::before {\n height: 100%;\n border-color: @desktop-header-background-color;\n top: 0;\n }\n\n &:hover > .icon {\n background-color: transparent;\n }\n\n &.selected {\n background-color: @view-menu-tab-menu-selected-background-color;\n\n & > .icon {\n background-color: transparent;\n }\n }\n }\n }\n\n & > .view-tab-wrapper > .view-tab {\n &.selected {\n color: inherit;\n background-color: transparent;\n }\n\n &:hover {\n background-color: @view-tab-hover-background-color;\n }\n\n &.disabled {\n background-color: transparent;\n }\n }\n }\n }\n\n &:not(.in-background) > .view-button-box {\n\n & > .view-tab-wrapper > .view-tab,\n & > .view-menu-tab {\n &.selected {\n .outline-content-has-dimmed-background& {\n background-color: @dimmed-background-color;\n\n & > .edge {\n --color: @dimmed-background-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-navigation {\n position: absolute;\n height: 100%;\n width: @desktop-navigation-width;\n min-width: @desktop-navigation-min-width;\n background-color: @desktop-navigation-background-color;\n color: @desktop-navigation-color;\n\n &.view-button-box-invisible {\n & > .navigation-body {\n & > .outline > .outline-title {\n background-color: @desktop-header-background-color;\n border-bottom: 0;\n color: @desktop-header-color;\n }\n }\n }\n}\n\n.desktop-navigation-breadcrumb {\n width: @desktop-navigation-breadcrumb-width;\n}\n\n.navigation-body {\n position: absolute;\n background-color: @desktop-navigation-body-background-color;\n\n .desktop-navigation.in-background > & {\n background-color: @desktop-navigation-body-in-background-background-color;\n }\n}\n\n.desktop-navigation > .desktop-tool-box {\n & > .menu-item {\n margin-bottom: @view-tab-margin;\n\n & > .font-icon {\n font-size: @view-tab-icon-font-size;\n }\n\n &.ellipsis > .font-icon {\n font-size: @view-tab-icon-font-size + 2px;\n }\n }\n}","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-navigation-handle.collapse-handle {\n position: absolute;\n\n & > .collapse-handle-body {\n background-color: @desktop-navigation-handle-background-color;\n border-color: @desktop-navigation-handle-border-color;\n color: @desktop-navigation-handle-color;\n\n &:hover {\n background-color: @desktop-navigation-handle-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @desktop-navigation-handle-active-background-color;\n }\n }\n\n &.right-aligned {\n &.both-visible {\n right: 5px;\n }\n\n &:not(.both-visible) > .collapse-handle-body {\n border-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &.left-aligned {\n &.both-visible {\n right: 5px;\n }\n\n &:not(.both-visible) > .collapse-handle-body {\n border-left: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n }\n}\n\n.navigation-handle-key-box {\n margin-top: -6px;\n\n &.left {\n margin-right: -4px;\n }\n\n &.right {\n margin-left: -4px;\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@desktop-notification-width: 300px;\n@desktop-notification-margin-bottom: 10px;\n\n.desktop-notifications {\n @desktop-notifications-margin-top: @desktop-header-height + 8px;\n\n position: fixed;\n right: 10px;\n top: 0;\n height: calc(~'100% - ' @desktop-notifications-margin-top);\n width: @desktop-notification-width;\n margin-top: @desktop-notifications-margin-top;\n pointer-events: none; / Don't block access to the elements in the background /\n}\n\n/ Animation: slide-in /\n\n@-webkit-keyframes desktop-notification-slide-in {\n .keyframes-desktop-notification-slide-in();\n}\n\n@keyframes desktop-notification-slide-in {\n .keyframes-desktop-notification-slide-in();\n}\n\n/\n Slides in the notification from the right end of the screen\n * and increases the size of the bottom margin to move down existing\n * notifications.\n /\n.keyframes-desktop-notification-slide-in() {\n 0% {\n left: @desktop-notification-width;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: @desktop-notification-margin-bottom;\n }\n}\n\n.animation-desktop-notification-slide-in() {\n #scout.animation-name(desktop-notification-slide-in);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.desktop-notification-slide-in {\n .animation-desktop-notification-slide-in();\n}\n\n/ Animation: fade-out /\n\n@-webkit-keyframes desktop-notification-fade-out {\n .keyframes-desktop-notification-fade-out();\n}\n\n@keyframes desktop-notification-fade-out {\n .keyframes-desktop-notification-fade-out();\n}\n\n.keyframes-desktop-notification-fade-out() {\n 0% {\n opacity: 1.0;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.animation-desktop-notification-fade-out() {\n #scout.animation-name(desktop-notification-fade-out);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.desktop-notification-fade-out {\n .animation-desktop-notification-fade-out();\n}\n\n.desktop-notification {\n position: relative;\n width: @desktop-notification-width;\n display: flex;\n align-items: center;\n background-color: @desktop-notification-background-color;\n margin-bottom: @desktop-notification-margin-bottom;\n padding: 8px 0 8px 10px;\n border-radius: @border-radius-medium;\n pointer-events: auto;\n #scout.drop-shadow-large();\n\n &.no-icon {\n padding: @desktop-notification-no-icon-padding-y 12px @desktop-notification-no-icon-padding-y 23px;\n }\n\n / Prevent overlay of text/loader and close icon /\n\n &.closable {\n padding-right: 35px;\n }\n}\n\n.desktop-notification-content {\n max-width: 100%;\n\n .has-icon > & {\n max-width: calc(~'100% - 40px');\n margin-left: 10px;\n }\n\n .ok > & {\n color: @ok-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-ok-border-color);\n }\n }\n }\n\n .info > & {\n // info uses default font weight and color\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-info-border-color);\n }\n }\n }\n\n .warning > & {\n color: @warning-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-warning-border-color);\n }\n }\n }\n\n .error > & {\n color: @error-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-error-border-color);\n }\n }\n }\n\n & > .closer {\n position: absolute;\n padding: 4px;\n margin: 2px;\n right: 9px;\n top: 9px;\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n .ok > & {\n color: @ok-color;\n }\n\n .warning > & {\n color: @warning-color;\n }\n\n .error > & {\n color: @error-color;\n }\n }\n}\n\n.desktop-notification-message {\n #scout.overflow-ellipsis();\n\n .desktop-notification.loading > .desktop-notification-content.offline-message > &.offline-message-text {\n #scout.font-text-normal();\n color: @text-color;\n }\n}\n\n.desktop-notification-loader {\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.desktop-notification-loader.animated::after {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n content: '';\n display: inline-block;\n vertical-align: middle;\n margin-top: -3px;\n margin-left: 16px;\n margin-right: 10px;\n border-radius: 50%;\n border: 1px fade(@busyindicator-color, 80%) solid;\n width: 14px;\n height: 14px;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.notification-severity-marker(@color, @margin-left: 8px) {\n content: '';\n position: absolute;\n border: 2px solid @color;\n background-color: @color;\n margin: 7px 0 7px @margin-left;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(~'100% - '(7px 2));\n}\n\n.notification {\n position: relative;\n display: flex;\n align-items: center;\n margin: 10px 0 0 10px;\n padding: 8px;\n border: 1px solid transparent;\n border-radius: @border-radius-medium;\n color: @text-color;\n pointer-events: auto;\n font-weight: @font-weight-bold;\n\n &.alternative {\n border: 0;\n }\n\n &.no-icon {\n padding: @notification-no-icon-padding-y 12px @notification-no-icon-padding-y 23px;\n\n &::before {\n .notification-severity-marker(@notification-info-background-color, 9px);\n }\n }\n\n &.ok {\n border-color: @notification-ok-border-color;\n color: @ok-color;\n\n &.alternative {\n background-color: @notification-ok-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-ok-border-color;\n background-color: @notification-ok-border-color;\n }\n }\n\n &.info {\n border-color: @notification-info-border-color;\n font-weight: @font-weight-normal;\n\n &.alternative {\n color: @info-color;\n font-weight: @font-weight-bold;\n background-color: @notification-info-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-info-border-color;\n background-color: @notification-info-border-color;\n }\n }\n\n &.warning {\n border-color: @notification-warning-border-color;\n color: @warning-color;\n\n &.alternative {\n background-color: @notification-warning-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-warning-border-color;\n background-color: @notification-warning-border-color;\n }\n }\n\n &.error {\n border-color: @notification-error-border-color;\n color: @error-color;\n\n &.alternative {\n background-color: @notification-error-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-error-border-color;\n background-color: @notification-error-border-color;\n }\n }\n\n /* When notification is a direct child of the main group-box: use different margins /\n\n .root-group-box > & {\n margin-left: 10px + @root-group-box-padding-left;\n margin-right: @root-group-box-padding-right;\n }\n}\n\n.notification-icon {\n width: 32px;\n height: 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n &.font-icon {\n color: @text-inverted-color;\n background-color: @background-color;\n font-size: 14px;\n border-radius: 50%;\n\n .ok > & {\n background-color: @ok-color;\n }\n\n .info > & {\n background-color: @info-color;\n }\n\n .warning > & {\n background-color: @warning-color;\n }\n\n .error > & {\n background-color: @error-color;\n }\n }\n}\n\n.notification-content {\n max-width: 100%;\n\n .has-icon > & {\n max-width: calc(~'100% - 40px');\n margin-left: 10px;\n }\n\n &.closable {\n padding-right: 25px;\n }\n\n & > .closer {\n position: absolute;\n right: 6px;\n top: 6px;\n padding: 6px;\n\n .has-icon > & {\n right: 9px;\n top: 9px;\n }\n\n .ok > &,\n .warning > &,\n .error > &,\n .alternative > & {\n color: inherit;\n }\n }\n}\n\n.notification-message {\n padding-right: 12px;\n\n #scout.user-select(text);\n #scout.overflow-ellipsis();\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.outline.tree {\n & > .tree-data {\n padding-top: @outline-data-padding-top;\n\n & > .scrollbar {\n #scout.scrollbar-y-padding(2px, 0);\n }\n\n & > .key-box {\n top: 7px;\n }\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n background-color: transparent;\n cursor: pointer;\n border: 0;\n\n / padding-right is used to leave some space for the scrollbar /\n padding: @outline-node-padding-y @outline-node-padding-right @outline-node-padding-y @outline-node-padding-left;\n\n &.group {\n background-color: @outline-group-background-color;\n }\n\n & > .text {\n font-size: @outline-font-size;\n }\n\n & > .image-icon {\n margin-top: auto;\n }\n\n & > .font-icon {\n line-height: @outline-node-font-icon-line-height;\n font-size: @outline-node-font-icon-size;\n color: @outline-node-font-icon-color;\n }\n\n & > .menubar {\n border: 0;\n background-color: inherit;\n }\n\n & > .tree-node-control {\n padding-top: @outline-node-control-padding-y;\n padding-left: @outline-node-control-padding-left;\n line-height: @outline-node-control-line-height;\n color: @outline-node-control-color;\n\n &:hover {\n color: @highlight-color;\n }\n }\n\n &.selected {\n color: @outline-selection-color;\n background-color: @outline-selection-background-color;\n\n &::after {\n display: none;\n }\n\n & > .tree-node-control {\n color: @outline-node-selected-control-color;\n\n &:hover {\n color: @highlight-color;\n }\n }\n\n & > .font-icon {\n color: @outline-node-selected-icon-color;;\n }\n }\n }\n }\n\n &.in-background > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n &.group {\n background-color: @outline-in-background-group-background-color;\n }\n\n &.selected {\n background-color: @outline-in-background-selection-background-color;\n color: @outline-in-background-selection-color;\n }\n }\n }\n}\n\n.outline-title {\n cursor: pointer;\n color: @outline-title-color;\n font-size: 19px;\n padding: 0 @outline-title-padding-right 0 @outline-title-padding-left;\n border-bottom: 1px solid @outline-title-border-color;\n display: flex;\n align-items: center;\n height: @outline-title-height;\n\n & > .icon {\n padding-right: @outline-title-icon-padding-right;\n }\n\n & > .key-box {\n top: 19px;\n }\n\n & > .text {\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .menubar {\n background-color: transparent;\n border: none;\n width: auto;\n flex-grow: 0;\n margin-right: -10px;\n\n & > .menubar-box > .menu-item.last {\n margin-right: 0;\n }\n }\n}\n\n/ bread crumb style (different colors and bigger font and arrow than original breadcrumb style) /\n.outline.tree.breadcrumb {\n\n & > .outline-title {\n margin: 0;\n border-bottom-color: @outline-breadcrumb-border-color;\n\n &.touch:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n }\n\n & > .tree-data {\n padding-top: 0;\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n border-bottom: 1px solid @outline-breadcrumb-border-color;\n padding: @outline-breadcrumb-node-padding-y @outline-breadcrumb-node-padding-x;\n\n &.child-of-selected {\n background-color: @outline-breadcrumb-child-background-color;\n\n .in-background& {\n background-color: transparent;\n }\n\n &:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n }\n\n &.ancestor-of-selected {\n color: @text-color-1;\n background-color: @outline-breadcrumb-ancestor-background-color;\n\n .in-background& {\n background-color: transparent;\n }\n }\n\n &:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n\n &.selected {\n background-color: @outline-selection-background-color;\n color: @outline-selection-color;\n cursor: default;\n\n .in-background& {\n background-color: @outline-in-background-selection-background-color;\n }\n\n & > .text > .compact-cell-header > .compact-cell-subtitle {\n color: @outline-node-selected-icon-color;\n }\n }\n\n &.selected > .text,\n &.ancestor-of-selected > .text {\n & > .compact-cell-header > .compact-cell-title > .right {\n // Don't show title suffix\n display: none;\n }\n\n & > .compact-cell-content.has-header {\n // Don't show the content if there is a header\n display: none;\n }\n }\n }\n }\n\n &:focus > .tree-data,\n &.focused > .tree-data {\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n\n &.parent-of-selected {\n border-color: @outline-breadcrumb-border-color;\n }\n\n &.selected {\n border-color: @outline-breadcrumb-border-color;\n }\n }\n }\n}\n\n.compact.outline.breadcrumb {\n & > .outline-title {\n padding-left: @compact-outline-title-padding-x;\n padding-right: @compact-outline-title-padding-x;\n\n & > .menubar {\n margin-right: -@menubar-item-icononly-padding-x;\n }\n }\n\n & > .tree-data {\n background-color: @compact-outline-data-background-color;\n\n & > .tree-node {\n padding: 0;\n\n & > .text {\n display: inline-block;\n padding: @compact-outline-node-padding-y @compact-outline-node-padding-x;\n }\n\n &.has-icon > .text {\n padding-left: 0;\n }\n\n & > .icon {\n padding: @compact-outline-node-padding-y @menu-item-icon-margin-right @compact-outline-node-padding-y @compact-outline-node-padding-x;\n min-width: 16px;\n }\n\n & > .node-menubar {\n width: auto;\n flex-grow: 0;\n padding: 0 @compact-outline-node-padding-x - @menubar-item-icononly-padding-x 0 0;\n min-height: @compact-outline-node-menubar-height;\n height: @compact-outline-node-menubar-height; // Necessary for height: 100% to work in case node menubar has no explicit height set\n\n & > .menubar-box > .menu-item {\n color: inherit;\n }\n }\n\n & > .detail-menubar {\n padding: 0 @compact-outline-node-padding-x 0 @compact-outline-node-padding-x;\n min-height: @compact-outline-node-menubar-height;\n margin-left: -@menubar-item-icononly-padding-x;\n background-color: @desktop-navigation-body-background-color;\n\n & > .menubar-box > .menu-item {\n padding-left: @menubar-item-icononly-padding-x;\n padding-right: @menubar-item-icononly-padding-x;\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n\n & > .icon {\n // Ensure menu text is aligned with node text\n min-width: 16px;\n }\n }\n }\n\n & > .detail-content {\n // to cover selection background\n background-color: @desktop-navigation-body-background-color;\n\n &.dimmed-background {\n background-color: @compact-outline-data-background-color;\n }\n\n color: @desktop-navigation-color;\n }\n\n & > .form {\n & > .root-group-box > .group-box-body {\n padding-left: @compact-outline-node-padding-x - @mandatory-indicator-width;\n padding-right: @compact-outline-node-padding-x;\n }\n\n & > .right-padding-invisible > .group-box-body {\n padding-right: 0;\n }\n }\n\n &.selected {\n display: flex;\n flex-wrap: wrap; // Move detail menubar to next line\n }\n\n &.child-of-selected.animate-prev-selected {\n #scout.animation-name(tree-node-prev-selection);\n #scout.animation-duration(0.6s);\n #scout.animation-timing-function(ease-in);\n }\n\n &.compact-root:not(.selected) {\n display: none;\n }\n }\n\n &.detail-content-visible > .tree-node > .detail-menubar {\n border-bottom: 1px solid @outline-breadcrumb-border-color;\n }\n }\n\n & > .tree-data > .tree-node.selected.has-tile-overview {\n &.compact-root {\n & > .text,\n & > .icon {\n display: none;\n }\n }\n\n background-color: transparent;\n color: @desktop-navigation-color;\n border-bottom: 0;\n\n & .tile-overview-content {\n margin-left: 20px;\n }\n\n & .tile-overview-title {\n display: none;\n }\n\n & > .form {\n background-color: transparent;\n\n & > .tile-overview-content {\n margin-top: 0;\n }\n }\n\n & .menu-item {\n color: @desktop-navigation-color;\n }\n\n & ~ .child-of-selected {\n // Hide child nodes when tile overview is shown\n display: none;\n }\n }\n}\n\n/ Previous Selection Animation /\n\n.keyframes-tree-node-prev-selection() {\n 00% {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n 100% {\n background-color: @outline-breadcrumb-child-background-color;\n }\n}\n\n@-webkit-keyframes tree-node-prev-selection {\n .keyframes-tree-node-prev-selection();\n}\n\n/ NOSONAR /\n@keyframes tree-node-prev-selection {\n .keyframes-tree-node-prev-selection();\n}\n\n/ NOSONAR /\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@search-outline-field-height: 34px;\n\n.search-outline.tree {\n & > .outline-title {\n border-bottom: none;\n margin-bottom: 0;\n }\n}\n\n.search-outline-panel {\n position: relative;\n border-bottom: 1px solid @outline-title-border-color;\n padding: 0 @outline-title-padding-right @search-outline-panel-padding-bottom @outline-title-padding-left;\n}\n\n.search-outline-field {\n border: 1px solid @control-border-color;\n height: @search-outline-field-height;\n border-radius: 5px;\n width: 100%;\n\n &:focus {\n #scout.focus-border();\n }\n\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & + .clear-icon {\n display: flex;\n }\n }\n\n & + .clear-icon {\n display: none;\n position: absolute;\n margin-right: 5px;\n right: @outline-title-padding-right;\n top: 0;\n height: @search-outline-field-height;\n }\n}\n\n.search-outline-status {\n #scout.overflow-ellipsis-nowrap();\n cursor: pointer;\n padding-right: 8px;\n text-align: right;\n padding-top: 12px;\n margin-bottom: -4px;\n}\n\n.outline.breadcrumb > .search-outline-panel {\n margin-left: 0;\n margin-right: 0;\n margin-bottom: 0;\n border-bottom-color: @outline-breadcrumb-border-color;\n\n & > .search-outline-status {\n text-align: left;\n padding-left: 8px;\n }\n}\n\n.compact.outline.breadcrumb > .search-outline-panel {\n padding-left: @compact-outline-node-padding-x;\n padding-right: @compact-outline-node-padding-x;\n\n & > .search-outline-field + .clear-icon {\n right: @compact-outline-node-padding-x;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.navigate-button {\n\n &.menu-button > .font-icon {\n font-size: 18px;\n }\n\n &.up {\n color: @navigate-up-button-color;\n border-color: @navigate-up-button-border-color;\n }\n}\n\n.menubar-box > .menu-button.navigate-button {\n &.up {\n margin-right: 6px;\n }\n\n &.down.left-of-button {\n margin-right: @bench-padding-x - @menubar-button-margin;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.outline-overview {\n position: relative;\n height: 100%;\n width: 100%;\n display: table;\n}\n\n.outline-overview-content {\n color: @palette-gray-6;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n padding-bottom: 150px;\n}\n\n.outline-overview-icon {\n font-size: 40px;\n padding-bottom: 20px;\n}\n\n.outline-overview-title {\n font-size: 20px;\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.popup-blocked-title {\n margin-right: 15px; / leave space for close icon /\n}\n\n.popup-blocked-link {\n display: block;\n margin-top: 10px;\n outline: none;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tool-box {\n position: absolute;\n top: 0;\n margin: 0 @desktop-tool-box-item-margin;\n min-height: @desktop-header-height;\n display: inline-flex;\n justify-content: flex-end;\n white-space: nowrap;\n color: @desktop-header-color;\n}\n\n.desktop-tool-box-item.menu-item {\n font-size: @font-size-plus;\n margin: @desktop-tool-box-item-margin-top @desktop-tool-box-item-margin;\n padding: 0 14px;\n border-radius: @desktop-tool-box-item-border-radius;\n color: inherit;\n display: inline-flex;\n align-items: center;\n\n &.compact {\n padding-left: 10px;\n padding-right: 10px;\n\n & > .submenu-icon {\n display: none;\n }\n }\n\n & > .font-icon {\n font-size: @desktop-tool-box-item-font-size;\n }\n\n & > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px /\n max-height: @desktop-logo-height;\n }\n\n &:hover {\n background-color: @desktop-tool-box-item-hover-background-color;\n color: inherit;\n }\n\n &.selected.has-popup {\n color: inherit;\n background-color: @desktop-tool-box-item-selected-background-color;\n }\n\n &.disabled {\n background-color: transparent;\n color: @desktop-header-disabled-color;\n }\n}\n\n/ key boxes /\n\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 6px;\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@view-tab-transition-duration: 200ms;\n@view-tab-transition: margin @view-tab-transition-duration ease-out, padding @view-tab-transition-duration ease-out, width @view-tab-transition-duration ease-out, border-radius @view-tab-transition-duration ease-out;\n\n// The wrapper is necessary to make sure the view tabs don't change their size when one of them is selected.\n// Without a wrapper this would not be possible because an unselected view tab has a margin, a selected one does not.\n// When the tabs are shrinking, flex box distributes the size based on their widths (which is different). It should actually distribute it based on width + margin.\n// So, if the items were static (no shrink or grow), it would work without a wrapper.\n// A programmatic layout would not make it easier because we are using transitions.\n// When the inBackground property changes, the items need to be layouted considering the margin, but reading the margin would return the wrong value while the transition is running.\n.view-tab-wrapper {\n display: flex;\n width: @view-tab-selected-width;\n}\n\n.view-tab {\n position: relative;\n border-radius: @view-tab-border-radius;\n margin: @view-tab-margin-top @view-tab-margin @view-tab-margin;\n\n & > .key-box {\n bottom: @view-tab-key-box-bottom;\n }\n\n &.in-background {\n border-radius: @view-tab-selected-border-radius;\n }\n\n & > .edge {\n // Ensure GlassPane.js does not set position: relative if glass pane is added before view tab is selected\n position: absolute;\n }\n\n &.selected:not(.in-background) {\n margin: @view-tab-selected-margin-top 0 0;\n border-radius: @view-tab-selected-border-radius @view-tab-selected-border-radius 0 0;\n\n & > .edge {\n #scout.inverted-bottom-round-edge(@border-radius: @view-tab-selected-border-radius, @color: @view-tab-selected-background-color);\n\n &.right {\n z-index: 1; // lay over right tab\n }\n }\n\n & > .key-box {\n bottom: @view-tab-key-box-bottom + @view-tab-margin;\n }\n }\n\n &.animate-bring-to-front,\n &.animate-bring-to-back {\n // Transition should only be active when desktop changes from back to front and back, not when outline is changed\n // The classes animate- are only set while the animation is running, thus, we need an animation, even if it does nothing (nop)\n transition: @view-tab-transition;\n animation: nop @view-tab-transition-duration ease-out;\n\n &:not(.in-background) {\n\n & > .edge {\n\n &.left {\n visibility: hidden;\n animation: show-view-tab-left-edge 40ms ease-out 160ms forwards;\n }\n\n &.right {\n visibility: hidden;\n animation: show-view-tab-right-edge 40ms ease-out 160ms forwards;\n }\n }\n }\n }\n}\n\n.view-button-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n width: calc(~'100% - ' 2 * @view-tab-margin);\n\n &:hover {\n cursor: pointer;\n background-color: @view-tab-hover-background-color;\n }\n\n &.selected {\n background-color: @view-tab-selected-background-color;\n color: @view-tab-selected-color;\n\n &.in-background {\n background-color: @view-tab-in-background-selected-background-color;\n }\n\n &:not(.in-background) {\n width: 100%;\n }\n }\n\n &.disabled {\n color: @desktop-header-disabled-color;;\n\n &:hover {\n cursor: default;\n color: @desktop-header-disabled-color;\n background-color: transparent;\n }\n\n &.selected {\n color: @text-disabled-color;\n }\n }\n\n & > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: @view-tab-icon-font-size;\n }\n}\n\n@keyframes show-view-tab-left-edge {\n 0% {\n visibility: visible;\n left: -5px;\n }\n 100% {\n left: -12px;\n }\n}\n\n@keyframes show-view-tab-right-edge {\n 0% {\n visibility: visible;\n right: -5px;\n }\n 100% {\n right: -12px;\n }\n}\n","/\n Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-button-box {\n display: inline-flex;\n min-height: @desktop-header-height;\n max-height: @desktop-header-height; // Necessary for firefox, because it sometimes sets the height to 66px\n white-space: nowrap;\n #scout.font-text-large();\n overflow: visible; / necessary if it is in the header to make rounded corner overlap into tab area /\n position: relative; / if covered by glass pane /\n background-color: @desktop-header-background-color;\n color: @desktop-header-color;\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-menu-tab {\n display: flex;\n background-color: @view-menu-tab-background-color;\n flex-shrink: 0;\n\n & > .view-button,\n & > .view-menu {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n cursor: pointer;\n\n &:hover {\n background-color: @view-menu-tab-hover-background-color;\n color: inherit;\n }\n\n &.disabled {\n color: @desktop-header-disabled-color;\n background-color: transparent;\n cursor: default;\n }\n\n .animate-bring-to-front&,\n .animate-bring-to-back& {\n transition: @view-tab-transition;\n }\n }\n\n & > .view-button {\n border-top-left-radius: @view-tab-border-radius;\n border-bottom-left-radius: @view-tab-border-radius;\n width: @view-tab-selected-width - @view-tab-margin;\n\n & > .icon {\n font-size: 26px;\n }\n }\n\n & > .view-menu {\n position: relative;\n border-top-right-radius: @view-tab-border-radius;\n border-bottom-right-radius: @view-tab-border-radius;\n width: @view-tab-selected-width - @view-tab-margin 2;\n\n .selected-button-invisible& {\n border-radius: @view-tab-border-radius;\n }\n\n & > .icon {\n font-size: 24px;\n }\n\n &::before {\n content: '';\n position: absolute;\n height: 100%;\n border-left: 1px solid @desktop-header-background-color;\n left: 0;\n\n .selected-button-invisible&{\n display: none\n }\n }\n\n &.selected {\n background-color: @view-menu-tab-menu-selected-background-color;\n }\n }\n\n &.in-background {\n & > .view-button {\n border-top-left-radius: @view-tab-selected-border-radius;\n border-bottom-left-radius: @view-tab-selected-border-radius;\n }\n\n & > .view-menu {\n border-top-right-radius: @view-tab-selected-border-radius;\n border-bottom-right-radius: @view-tab-selected-border-radius;\n\n .selected-button-invisible& {\n border-radius: @view-tab-selected-border-radius;\n }\n }\n }\n\n &.selected {\n color: @view-tab-selected-color;\n background-color: @view-tab-selected-background-color;\n\n & > .view-button,\n & > .view-menu {\n &.selected,\n &:hover {\n background-color: transparent;\n }\n\n &.disabled {\n color: @text-disabled-color;\n }\n }\n\n & > .view-menu {\n width: @view-tab-selected-width - @view-tab-margin * 2;\n\n & > .icon {\n font-size: 26px;\n padding: 7px;\n border-radius: 8px;\n }\n\n &:hover > .icon {\n background-color: @hover-background-color;\n }\n\n &.disabled > .icon {\n background-color: transparent;\n }\n\n &.selected > .icon {\n background-color: @view-menu-tab-selected-menu-selected-background-color;\n }\n\n &::before {\n top: 10px;\n height: calc(100% - 20px);\n border-color: @border-color;\n }\n }\n\n &.in-background {\n background-color: @view-tab-in-background-selected-background-color;\n\n & > .view-menu {\n & > .icon {\n padding-top: 2px;\n padding-bottom: 2px;\n }\n }\n }\n\n &:not(.in-background) {\n border-top-left-radius: 0;\n margin-left: 0;\n margin-right: @view-tab-margin;\n\n & > .view-button {\n padding-left: @view-tab-margin;\n width: @view-tab-selected-width;\n cursor: default;\n }\n\n .selected-button-invisible& > .view-menu {\n width: @view-tab-selected-width - @view-tab-margin;\n }\n }\n }\n}\n","/\n Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-menu-popup.widget-popup {\n #scout.drop-shadow-large();\n border-radius: @border-radius-large;\n border: 0;\n margin: 5px;\n overflow: hidden;\n\n & > .tile-grid.scrollable {\n padding: 10px;\n }\n\n & > .tile-grid.no-icons > .view-menu-tile {\n min-height: 66px; // Min height to ensure all tiles have equal height, at least the ones with 1 or 2 lines\n }\n}\n\n.view-menu-tile {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n color: @link-color;\n background-color: @view-menu-tile-background-color;\n border-radius: 12px;\n border: 2px solid transparent;\n padding: 12px 6px 0 6px;\n min-height: 110px;\n cursor: pointer;\n\n & > .icon {\n font-size: @font-size-icon-large;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 12px;\n }\n\n & > .label {\n font-weight: @font-weight-bold;\n #scout.overflow-ellipsis();\n font-size: @font-size-small;\n }\n\n &.text-only {\n justify-content: center;\n padding: 12px 8px;\n\n & > .label {\n font-size: @font-size-normal;\n }\n }\n\n &.selected {\n border-color: @view-menu-tile-selected-border-color;\n }\n\n &:hover {\n background-color: @view-menu-tile-hover-background-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n\n &:hover {\n background-color: @view-menu-tile-background-color;\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: @filechooser-max-width;\n #scout.popup-2();\n .messagebox.severity-button(@info-color);\n\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n\n &.calc-helper {\n top: 0;\n left: 0;\n }\n\n &.animate-open {\n #scout.animation-name(short-drop);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.file-chooser-content {\n border: 0 solid @border-color;\n border-radius: @border-radius-medium;\n padding: 26px;\n\n & > .legacy-upload-form {\n & > .legacy-upload-file-input {\n margin-top: 15px;\n margin-bottom: 10px;\n padding: 5px;\n }\n }\n}\n\n.file-chooser-title {\n text-align: center;\n word-wrap: break-word;\n #scout.font-text-large(@font-weight-bold);\n color: @info-color;\n}\n\n.file-chooser-label {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n text-align: center;\n}\n\n.file-chooser-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n\n.file-chooser-files {\n @file-list-indent: 20px;\n position: relative;\n min-height: 100px;\n max-height: 200px;\n border-top: 1px solid @border-color;\n padding-top: 16px;\n margin-top: 10px;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: @file-list-indent;\n\n & > .file {\n text-indent: -@file-list-indent;\n word-break: break-all;\n margin-bottom: 4px;\n\n &::before {\n #scout.font-icon();\n content: @icon-file;\n float: left;\n width: @file-list-indent;\n padding-left: 2px;\n }\n\n & > .remove {\n line-height: normal; / override line-height of .menu-item /\n display: inline;\n }\n }\n}\n\n@media (max-width: @filechooser-max-width) {\n .file-chooser {\n / reduce message box width on small screens /\n max-width: 330px;\n / no need to have a margin on small screens /\n margin: 0;\n\n & > .box-buttons > .box-button {\n margin-right: 4px;\n min-width: 70px; / less min width for buttons on small screens /\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: @messagebox-max-width;\n #scout.popup-2();\n overflow: hidden;\n margin: 10px / minimum padding to desktop / 10px 15px;\n\n &.full-height.full-width {\n border-radius: 0;\n }\n\n .severity-button(@color, @hover-color: darken(@color, 6%), @active-color: darken(@color, 13%), @focus-color: @focus-box-shadow-color) {\n & > .box-buttons > .box-button {\n border-color: @color;\n color: @color;\n\n &:focus {\n box-shadow: none; / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n }\n\n &.keyboard-navigation {\n #scout.focus-border(@box-shadow-color: @focus-color, @border-color: mix(@color, @focus-color, 25%));\n }\n\n &.disabled {\n color: @button-disabled-color;\n border-color: @button-disabled-border-color;\n }\n\n &.default {\n color: @default-button-color;\n background-color: @color;\n\n &:hover {\n background-color: @hover-color;\n border-color: @hover-color;\n }\n\n &.active, &:active {\n background-color: @active-color;\n border-color: @active-color;\n }\n\n &.keyboard-navigation {\n #scout.focus-border(@box-shadow-color: @focus-color, @border-color: mix(@color, @focus-color, 25%));\n }\n\n &.disabled {\n color: @button-disabled-color;\n border-color: @button-disabled-border-color;\n background-color: @button-disabled-background-color;\n }\n }\n }\n }\n\n &.info {\n & > .messagebox-content > .messagebox-header {\n color: @info-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @info-color;\n }\n }\n\n .severity-button(@info-color, @default-button-hover-background-color, @default-button-active-background-color);\n }\n\n &.error {\n & > .messagebox-content > .messagebox-header {\n color: @error-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @error-color;\n }\n }\n\n .severity-button(@error-color, @error-default-button-background-hover-color, @error-default-button-background-active-color, @error-focus-box-shadow-color);\n }\n\n &.warning {\n & > .messagebox-content > .messagebox-header {\n color: @warning-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @warning-color;\n }\n }\n\n .severity-button(@warning-color, @warning-default-button-background-hover-color, @warning-default-button-background-active-color, @warning-focus-box-shadow-color);\n }\n\n &.ok {\n & > .messagebox-content > .messagebox-header {\n color: @ok-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @ok-color;\n }\n }\n\n .severity-button(@ok-color, @ok-default-button-background-hover-color, @ok-default-button-background-active-color, @ok-focus-box-shadow-color);\n }\n\n &.animate-open {\n #scout.animation-name(short-drop);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.messagebox-content {\n min-height: 30px;\n padding: @messagebox-label-padding 26px 17px 26px;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n / add a bit of extra space to the scrollbar on the right /\n\n & > .scrollbar.y-axis {\n width: @scrollbar-size + 2;\n }\n}\n\n.messagebox-icon {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n font-size: @font-size-smaller;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.messagebox-label {\n word-wrap: break-word;\n word-break: break-word;\n\n &.copyable {\n #scout.user-select(text);\n }\n}\n\n.messagebox-header {\n font-size: @font-size-large;\n font-weight: @font-weight-bold;\n padding-bottom: 14px;\n text-align: center;\n\n & > .messagebox-icon {\n color: @text-inverted-color;\n font-size: 14px;\n border-radius: 50%;\n }\n\n &.has-text > .messagebox-icon {\n margin-right: 12px;\n }\n}\n\n.messagebox-html {\n .has-body > & {\n padding-top: 10px;\n }\n\n // Ensure top and bottom gaps are always the same for every message box even if the content starts with an element having a margin (e.g. p, ul, etc)\n // Small draw back: if there is a text node before a p element, the p element will lose its margin anyway.\n // If that is not desired, the text node has to be wrapped into a regular html node (span, div, p etc.)\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n\n & > p {\n margin: 8px 0;\n\n & + ul {\n // Reduce gap slightly if ul follows a p so that it looks the same as without a p\n margin-top: -4px;\n }\n }\n\n & > ul {\n margin: 5px 0;\n }\n\n & > ul {\n padding-left: 26px;\n\n & > li {\n margin-top: 3px;\n\n &:first-child {\n margin-top: 0;\n }\n }\n }\n}\n\n.messagebox-buttons {\n display: flex;\n justify-content: center;\n padding: 4px 26px 25px 26px;\n}\n\n@media (max-width: @messagebox-max-width) {\n .messagebox {\n / reduce message box width on small screens /\n max-width: 330px;\n / no need to have a margin on small screens /\n margin: 0;\n\n & > .messagebox-buttons {\n padding-left: 10px;\n padding-right: 10px;\n\n & > .box-button {\n min-width: 70px; / less min width for buttons on small screens /\n margin-right: 8px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-input {\n cursor: pointer;\n / Don't allow text selection because mouse down opens the chooser.\n * Reason: The browser would still be in selecting mode after the chooser closes,\n * every click outside of the field would immediately open the chooser again (at least in FF).\n /\n #scout.user-select(none);\n\n &:not(.disabled):not(.alternative):active {\n background-color: @control-disabled-background-color;\n }\n\n &.alternative:not(.disabled):active {\n #scout.alternative-focus-border();\n }\n\n &.has-error:not(.disabled):not(.alternative):active {\n background-color: @error-background-color;\n }\n\n &.has-error.alternative:not(.disabled):active {\n border-bottom-color: @error-border-color;\n }\n\n &.disabled {\n cursor: default;\n #scout.user-select(text);\n }\n}\n\n.legacy-upload-form {\n & > .legacy-upload-file-input {\n width: 100%;\n\n & > iframe {\n display: none;\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form {\n position: relative;\n\n &.dimmed-background {\n background-color: @dimmed-background-color;\n\n & > .root-group-box > .menubar {\n background-color: inherit;\n }\n }\n}\n\n.view:not(.detail-form):not(.mobile-view) {\n & > .root-group-box > .main-menubar {\n #scout.main-menubar-light;\n }\n}\n\n.mobile-view > .header > .title {\n font-weight: bold;\n}\n\n.dialog {\n position: absolute;\n #scout.popup();\n / minimum padding to desktop /\n margin: 10px 10px 15px;\n / min-width and min-height are read by Resizable.js to prevent a dialog from becoming too small\n You can overrule these values with a specific CSS class on a dialog/form when you require a\n larger or smaller min-size. /\n min-width: 250px;\n min-height: 100px;\n top: 0; / must be specified otherwise dialogs will be positioned at end of document and increase document size /\n\n & > .header {\n // overflow: hidden on dialog cannot be used without cutting the resize and drag handles\n // A border radius on to the header and root-group-box is necessary if elements inside the dialog have a background color\n border-top-left-radius: @popup-border-radius;\n border-top-right-radius: @popup-border-radius;\n }\n\n & > .root-group-box {\n border-radius: @popup-border-radius;\n\n .header-visible& {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &.animate-open {\n #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.15s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n\n / remove border and rounded corners in full screen mode /\n\n &.full-width,\n &.full-height {\n border-radius: 0;\n }\n\n &.full-width {\n border-right: 0;\n border-left: 0;\n }\n\n &.full-height {\n border-bottom: 0;\n }\n\n & > .resizable-nw,\n & > .resizable-n,\n & > .resizable-ne {\n margin-top: -@dialog-border-top-size;\n }\n}\n\n.form > .header {\n padding-top: @form-title-padding-top;\n padding-left: 20px;\n padding-right: 10px;\n overflow: hidden; // Necessary to make header as height as content because of the floating closable.\n\n &.no-title {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n\n & > .title,\n & > .sub-title {\n .hidden();\n }\n }\n\n & > .icon-container {\n float: left;\n\n & > .icon {\n margin-right: 6px;\n vertical-align: middle;\n\n &.font-icon {\n font-size: 16px;\n }\n }\n }\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n font-size: @font-size-large;\n color: @title-color;\n margin-top: @text-margin-top;\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n color: @sub-title-color;\n }\n\n & > .status-container {\n float: right;\n margin-top: -8px;\n margin-right: -2px;\n\n & > .status {\n / make sure close icon overlaps drag-handle /\n position: relative;\n\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n\n &.closer {\n border-radius: @closer-border-radius;\n margin-left: 7px;\n padding: 7px;\n }\n }\n }\n}\n\n@media (max-width: @iphone6-width) {\n .dialog {\n / no need to have a margin on small screens /\n / otherwise on iphone5, cancel button on a dialog would always be stacked in ellipsis if there is another menu item /\n margin: 0;\n\n & > .resizable-handle {\n / Remove handle, it is not useful anymore\n and it increases the dialog size which has the effect that the body may be scrolled (on iphone).\n Important is necessary because jquery ui sets it to display: block using inline style /\n display: none !important; / NOSONAR (see comment above)/\n }\n }\n}","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ Mixins /\n\n#scout {\n .main-menubar-background-color-standard() {\n background-color: @main-menubar-background-color;\n }\n\n .menubar-background-color-inherit() {\n background-color: inherit;\n }\n\n / standard main-menubar /\n .main-menubar-standard() {\n #scout.main-menubar-background-color-standard();\n min-height: @main-menubar-height;\n margin-left: inherit;\n margin-right: inherit;\n }\n\n / a transparent main-menubar /\n .main-menubar-light() {\n #scout.menubar-background-color-inherit();\n }\n}\n\n/ Styles /\n\n.menubar {\n position: relative;\n width: 100%;\n background-color: @menubar-background-color;\n border-bottom: 1px solid @border-color;\n white-space: nowrap;\n\n &.bottom {\n border-bottom: 0;\n border-top: 1px solid @border-color;\n }\n}\n\n.menubar-box {\n display: inline-flex;\n height: 100%;\n align-items: center;\n\n &.right {\n float: right;\n }\n\n & > .menu-separator {\n width: 1px;\n margin: 0 @menu-item-padding-x;\n background-color: @border-color;\n height: 15px;\n\n &.overflown {\n display: none;\n }\n }\n\n & > .menu-item {\n margin: @menubar-item-margin-y @menubar-item-margin-x;\n / 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 /\n min-height: @logical-grid-row-height;\n\n &.menu-icononly {\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n min-width: @logical-grid-row-height; // Make it square\n }\n\n &.overflown {\n display: none;\n }\n\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n\n & > .menu-button {\n min-width: 110px;\n margin: @menubar-button-margin;\n\n &.small {\n min-width: 53px;\n }\n }\n\n / If the menubar has a border left and right, the first and last items need to be adjusted /\n .bounded > & > .menu-item {\n &.first {\n margin-left: @menubar-item-margin-y;\n }\n\n &.last {\n margin-right: @menubar-item-margin-y;\n }\n }\n}\n\n.main-menubar {\n #scout.main-menubar-standard;\n\n & > .menubar-box {\n\n & > .menu-separator {\n height: @logical-grid-row-height - 12px;\n }\n\n & > .menu-item {\n margin-left: @main-menubar-item-margin-x;\n margin-right: @main-menubar-item-margin-x;\n\n &.first {\n margin-left: @main-menubar-first-menu-item-margin-left;\n }\n\n &.last {\n margin-right: @main-menubar-last-menu-item-margin-right;\n }\n\n &.menu-icononly {\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n\n &.first {\n margin-left: @main-menubar-first-menu-item-icononly-margin-left;\n }\n\n &.last {\n margin-right: @main-menubar-last-menu-item-icononly-margin-right;\n }\n }\n }\n\n & > .menu-button {\n &.first,\n &.first.menu-icononly {\n margin-left: @bench-padding-x;\n }\n\n &.last,\n &.last.menu-icononly {\n margin-right: @bench-padding-x;\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-menu-popup {\n\n & > .form > .root-group-box > .main-menubar {\n background-color: @form-menu-popup-main-menubar-background-color;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.scout-info-form-container {\n width: 100%;\n margin-top: 5px;\n margin-bottom: 5px;\n display: flex;\n}\n\n.scout-info-form-logo-container {\n flex: none;\n}\n\n.scout-info-form-text-container {\n flex-grow: 1;\n}\n\n.scout-info-form-logo {\n display: inline-block;\n max-height: 100px;\n max-width: 200px;\n margin-right: 20px;\n}\n\n.scout-info-form-table {\n border-spacing: 0;\n}\n\n.scout-info-form-table-cell-description {\n padding-right: 10px;\n vertical-align: top;\n}\n\n.scout-info-form-table-cell-value {\n vertical-align: top;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.text-field-icon {\n display: flex;\n align-items: center;\n margin: 0 @text-field-icon-margin-x;\n cursor: text;\n\n &::before {\n #scout.font-icon();\n font-size: 14px;\n color: @text-field-icon-color;\n border-radius: @control-border-radius;\n width: @text-field-icon-size;\n height: @text-field-icon-size;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &.clear-icon::before {\n content: @icon-remove-bold;\n font-size: 14px;\n }\n\n &.action {\n cursor: pointer;\n\n &:hover::before {\n color: @text-field-icon-hover-color;\n background-color: @hover-background-color;\n }\n }\n}","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-field {\n / FormFieldLayout uses absolute positioning, make sure it is positioned relatively to its container /\n position: relative;\n\n & > label {\n position: absolute;\n #scout.overflow-ellipsis-nowrap();\n padding-top: @field-label-padding-top;\n padding-bottom: @field-label-padding-bottom;;\n margin-left: @mandatory-indicator-width;\n / Add small spacing between label and field /\n padding-right: @mandatory-indicator-width;\n color: @label-color;\n font-size: @field-label-font-size;\n\n .disabled& {\n color: @label-disabled-color;\n }\n\n .read-only& {\n color: @label-color;\n }\n\n &.top {\n color: @top-label-color;\n font-size: @top-label-font-size;\n padding-bottom: @top-label-border-padding-bottom;\n\n .alternative& {\n / Reduce space between input and label if there is no border /\n padding-bottom: 0;\n }\n\n .disabled& {\n color: @top-label-disabled-color;\n }\n\n .read-only& {\n color: @top-label-color;\n }\n }\n\n .focused& {\n color: @focus-color;\n }\n\n .has-error& {\n color: @error-color;\n }\n }\n\n & > .field {\n position: absolute;\n }\n\n / Class that applies the same vertical padding to the .field as to the label (useful e.g. for html fields) /\n\n &.borderless-field-padding-y > .field {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n }\n\n & > .mandatory-indicator {\n position: absolute;\n visibility: hidden;\n\n &::before {\n content: '';\n font-size: @mandatory-indicator-font-size;\n }\n }\n\n &.mandatory > .mandatory-indicator:not(.read-only) {\n visibility: visible;\n }\n\n &.disabled.alternative > .mandatory-indicator {\n color: @disabled-color;\n }\n\n /* Convenience class to add to a field when the mandatory indicator should not be displayed (e.g. inside a FormFieldMenu) /\n\n &.no-mandatory-indicator > .mandatory-indicator {\n display: none;\n }\n\n &.no-mandatory-indicator > label.top {\n margin-left: 0;\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n height: @field-status-size;\n\n #scout.status();\n }\n\n &.has-menus {\n\n &.has-tooltip:not(.has-info):not(.has-ok):not(.has-warning):not(.has-error) {\n & > .status::before {\n content: @icon-ellipsis-circle;\n }\n }\n\n & > .status {\n #scout.menu-status();\n }\n }\n\n &.has-tooltip > .status {\n #scout.tooltip-status();\n }\n\n &.has-ok > .status {\n #scout.ok-status();\n }\n\n &.has-info > .status {\n #scout.info-status();\n }\n\n &.has-warning > .status {\n #scout.warning-status();\n }\n\n &.has-error > .status {\n #scout.error-status();\n }\n\n .disabled-overlay {\n position: absolute;\n }\n\n &.cell-editor-form-field {\n position: absolute;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.lookup-box {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field > .structure.tree,\n & > .field > .structure.table {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected,\n &.no-nodes-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n\n & > .table-data > .table-row {\n & > .table-cell {\n border-bottom: 0;\n }\n\n &.selected::after {\n // Since there is no top border there is no need to increase the size of the selection\n // -> This makes a table row selection as big as a tree node selection\n top: 0;\n height: 100%;\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.value-field {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n / 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/\n min-height: @logical-grid-row-height;\n }\n\n & > .text-field-icon,\n & > .field > .text-field-icon {\n display: none;\n position: absolute;\n }\n\n &.alternative {\n & > .text-field-icon,\n & > .field > .text-field-icon {\n margin-right: 0;\n }\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n margin-left: 0;\n margin-right: @text-field-icon-margin-x;\n }\n }\n\n &.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n #scout.value-field-with-icon(~'.clear-icon');\n\n & > .clear-icon {\n display: flex;\n }\n\n & > .icon {\n display: none;\n }\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n\n &.halign-right {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-left: @text-field-icon-outer-width;\n padding-right: @text-field-padding-x;\n\n &.alternative {\n padding-left: @text-field-alternative-icon-outer-width;\n padding-right: @text-field-alternative-padding-left;\n }\n\n &.cell-editor-field {\n padding-right: @table-cell-padding-left - @item-selection-border-width;\n }\n }\n }\n }\n\n &.has-icon:not(.compact):not(.disabled) {\n #scout.value-field-with-icon(~'.icon');\n\n & > .icon,\n & > .field > .icon {\n display: flex;\n }\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .table {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.widget-field {\n\n & > .menubar {\n background-color: transparent;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.accordion-field {\n & > .accordion {\n / In fact set by the FormField.less as well,\n /* but since scrollbars are rendered before the field class is set, scrollbar sets position: relative first\n /* which breaks the form field layout /\n position: absolute;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.button-field > .field {\n margin-left: @mandatory-indicator-width;\n\n .no-mandatory-indicator& {\n margin-left: 0;\n }\n}\n\n.button-field > .button {\n // Ensure button height remains the same if fill vertical = false\n min-height: @logical-grid-row-height;\n}\n\n.button-field > .link-button {\n padding-left: 0;\n padding-right: 0;\n\n &:hover,\n &:active, &.active {\n background-color: transparent;\n }\n\n &:focus {\n box-shadow: none;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: -3px;\n height: calc(100% - 6px);\n width: calc(100% + 6px);\n #scout.focus-box-shadow();\n border-radius: @border-radius;\n }\n }\n}\n\n.button-field > .key-box {\n position: absolute;\n top: 4px;\n}\n\n.button-field.button-icon-large > .button > .font-icon {\n font-size: @font-size-icon-large;\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.bean-field {\n / whole bean-field must be selectable, otherwise focusUtils.js would bail out\n if a user starts a selection on the padding of the .bean-field element and\n not exactly on the .field child element. /\n #scout.user-select(text);\n\n & > .field {\n margin-left: @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.browser-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field {\n margin-left: @mandatory-indicator-width;\n background-color: @browser-field-background-color;\n border: 1px solid @border-color;\n border-radius: @control-border-radius;\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n & > .alt {\n margin: 14px;\n }\n\n & > .button {\n display: inline-block;\n padding: 4px 7px;\n margin: 0 14px 14px 14px;\n }\n }\n}\n","/\n * Copyright (c) 2010-2019 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.calendar-field {\n\n > .group-box-body {\n padding-right: 0;\n }\n\n // add the default margin for form-fields when calendar used inside a regular form\n .form:not(.detail-form) &:not(.mobile) > .field {\n margin-left: @mandatory-indicator-width;\n }\n}","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.check-box-field > .field {\n padding: @check-box-field-padding-y 0;\n outline: none;\n display: flex;\n\n & > .label {\n color: @control-color;\n }\n\n & > .check-box,\n & > .label {\n cursor: pointer;\n }\n\n / only the label should be clickable, not the whole field /\n\n & > .label {\n padding-top: @check-box-field-label-padding-top;\n padding-left: @check-box-field-label-padding-left;\n max-width: calc(~'100% - ' @check-box-size);\n #scout.overflow-ellipsis();\n\n &.empty {\n / Make the label invisible if there is no text to not artificially make the check box wider than it should be\n The check box square defines the height. /\n display: none;\n }\n }\n\n &.has-inner-alignment {\n\n &.halign-left {\n justify-content: flex-start;\n }\n\n &.halign-center {\n justify-content: center;\n }\n\n &.halign-right {\n justify-content: flex-end;\n }\n }\n\n & > .check-box {\n flex: none; / never shrink check-box /\n }\n\n / Same spacings as defined in CellEditorPopup.less, but as margin, not as padding /\n\n & > .cell-editor-field.check-box {\n padding: 0;\n margin: 0 @table-cell-padding-right 0 @table-cell-padding-left;\n vertical-align: top;\n border-width: 1px;\n\n &.last {\n margin-right: @table-cell-padding-right-last !important;\n }\n\n &:focus {\n border-width: 1px;\n #scout.focus-border();\n }\n }\n\n &.halign-right > .cell-editor-field.check-box {\n margin-right: @table-cell-padding-left;\n margin-left: @table-cell-padding-right;\n }\n\n &.halign-center > .cell-editor-field.check-box {\n margin-right: @table-cell-padding-left;\n }\n}\n\n.check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment);\n\n .cell-editor-popup.overflow-top & {\n padding-top: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment + 1px);\n }\n}\n\n.check-box-field.disabled > .field {\n\n & > .check-box {\n cursor: default;\n }\n\n & > .label {\n cursor: default;\n color: @text-disabled-color;\n }\n\n &.read-only > .label {\n color: @read-only-color;\n }\n}\n\n.checkbox-indentation {\n margin-left: @check-box-size + @check-box-field-label-padding-left;\n\n .radiobutton-group-body > & {\n margin-left: @check-box-size + @check-box-field-label-padding-left - @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.clipboard-field > .field {\n margin-left: @mandatory-indicator-width;\n background-color: @item-selection-background-color;\n padding: @text-field-padding-y @text-field-padding-x;\n #scout.user-select(text);\n white-space: pre-wrap;\n\n & > img {\n display: none;\n }\n}\n\n.clipboard-form-label.label-field > .field {\n padding-top: 0;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.date-field {\n #scout.value-field-with-icon(~'.icon.date');\n #scout.value-field-with-icon(~'.icon.time');\n\n & > .field {\n\n & > input,\n & > .input-field {\n position: absolute;\n }\n\n .icon {\n\n &.date-clear,\n &.time-clear {\n cursor: pointer;\n display: none;\n\n &::before {\n content: @icon-remove-bold;\n }\n }\n\n &.date {\n\n &::before {\n content: @icon-calendar;\n }\n }\n\n &.time {\n\n &::before {\n content: @icon-clock;\n }\n }\n }\n }\n\n &.date-focused > .icon.date::before,\n &.date-focused > .field > .icon.date::before,\n &.time-focused > .icon.time::before,\n &.time-focused > .field > .icon.time::before {\n color: @text-field-icon-focus-color;\n }\n\n &:not(.disabled):not(.compact-date) > .field {\n & > .icon.date {\n display: flex;\n }\n\n & > input.date {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &:not(.disabled):not(.compact-time) > .field {\n & > .icon.time {\n display: flex;\n }\n\n & > input.time {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &.clearable-always.date-has-text:not(.disabled):not(.compact-date),\n &.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) {\n #scout.value-field-with-icon(~'.icon.date-clear');\n\n &.date-focused > .icon.date::before,\n &.date-focused > .field > .icon.date-clear::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error.date-focused > .icon.date::before,\n &.has-error.date-focused > .field > .icon.date-clear::before {\n color: @text-field-icon-error-color;\n }\n\n & > .field > .date-clear {\n display: flex;\n }\n\n & > .field > .icon.date {\n display: none;\n }\n\n & > .field > input.date {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &.clearable-always.time-has-text:not(.disabled):not(.compact-time),\n &.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) {\n #scout.value-field-with-icon(~'.icon.time-clear');\n\n &.time-focused > .icon.time::before,\n &.time-focused > .field > .icon.time-clear::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error.time-focused > .icon.time::before,\n &.has-error.time-focused > .field > .icon.time-clear::before {\n color: @text-field-icon-error-color;\n }\n\n & > .field > .time-clear {\n display: flex;\n }\n\n & > .field > .icon.time {\n display: none;\n }\n\n & > .field > input.time {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n}\n\n.date-field > .field {\n\n & > .input-field[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n & > .input-field[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n /* Prediction input field is in the back of the actual input field -> make actual input field transparent /\n\n & > .predict {\n color: @disabled-color;\n background-color: @control-background-color;\n\n &.alternative {\n background-color: @text-field-alternative-background-color;\n }\n\n &.has-error {\n background-color: @error-background-color;\n }\n\n & + input {\n background-color: transparent;\n }\n }\n}\n\n.date-field.date-clearable > .field {\n & > .icon.date-clear {\n display: flex;\n }\n\n & > .icon.date {\n display: none;\n }\n}\n\n.date-field.time-clearable > .field {\n & > .icon.time-clear {\n display: flex;\n }\n\n & > .icon.time {\n display: none;\n }\n}\n\n.touch-popup-field.time > .field {\n\n & > input.date,\n & > .icon.date,\n & > .icon.date-clear {\n .hidden();\n }\n}\n\n.touch-popup-field.date {\n margin-bottom: 0;\n\n & > .field {\n & > input.time,\n & > .icon.time,\n & > .icon.time-clear {\n .hidden();\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-chooser-field {\n\n & > .icon {\n cursor: pointer;\n\n &::before {\n content: @icon-file;\n }\n }\n\n & > .file-input {\n & > input {\n display: none;\n }\n\n & > .file-input-text {\n overflow-x: hidden;\n\n &[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n &[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n }\n }\n\n & > .legacy-upload-form {\n & > .legacy-upload-file-input {\n padding: 3px;\n height: 100%;\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.root-group-box {\n / necessary if dialog gets really small /\n overflow: hidden;\n\n & > .group-box-body,\n & > .group-box-header {\n / group-box-body may be scrollable. /\n / that's why the body has a padding instead of the root-group-box (to place the scrollbars inside the body) /\n padding-left: @root-group-box-padding-left;\n padding-right: @root-group-box-padding-right;\n }\n\n & > .group-box-body {\n & > .scrollbar {\n / override margin reset from group-box-body (see below) /\n #scout.scrollbar-y-padding();\n }\n }\n}\n\n.group-box {\n\n & > .menubar {\n margin-left: @mandatory-indicator-width;\n background-color: inherit;\n #scout.menubar-background-color-inherit;\n }\n\n &.collapsed > .menubar {\n display: none;\n }\n\n &.has-scroll-shadow-top:not(.menubar-position-top) > .group-box-header {\n width: 100%;\n margin-left: 0;\n padding-left: @mandatory-indicator-width;\n }\n}\n\n.root-group-box,\n.group-box {\n &.loading {\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.right-padding-invisible > .group-box-body {\n padding-right: 0;\n }\n}\n\n.group-box-header {\n width: calc(~'100% - ' @mandatory-indicator-width);\n margin-top: @group-box-header-margin-top;\n margin-left: @mandatory-indicator-width;\n position: relative;\n white-space: nowrap;\n margin-bottom: @tab-area-border-width;\n\n & > .bottom-border {\n // Use element with background color instead of a bottom border to align it with tab box correctly (borders are drawn slightly different when zoomed)\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -@group-box-header-border-width;\n width: 100%;\n height: @group-box-header-border-width;\n background-color: @border-color;\n }\n\n &.has-menubar {\n\n & > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n vertical-align: middle;\n padding-left: 10px;\n\n & > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n }\n\n & > .group-box-control {\n display: inline-block;\n color: @title-color;\n cursor: pointer;\n padding-left: 10px;\n text-align: center;\n vertical-align: middle;\n width: @group-box-control-width;\n\n &::before {\n #scout.font-icon();\n font-size: @group-box-control-font-size;\n content: @icon-angle-down-bold;\n\n .group-box.collapsed > & {\n content: @icon-angle-up-bold;\n }\n }\n }\n\n & > .title {\n display: inline-block;\n vertical-align: middle;\n padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0;\n max-width: 100%;\n margin-top: @text-margin-top;\n\n .group-box.has-sub-label > & {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\n }\n\n & > .label {\n font-weight: @title-font-weight;\n color: @title-color;\n #scout.overflow-ellipsis();\n }\n\n & > .sub-label {\n padding-top: 1px;\n font-size: @sub-title-font-size;\n letter-spacing: @sub-title-letter-spacing;\n color: @sub-title-color;\n #scout.overflow-ellipsis();\n }\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n .group-box.has-tooltip > & > .status {\n #scout.tooltip-status();\n }\n\n .group-box.has-info > & > .status {\n #scout.info-status();\n }\n\n .group-box.has-ok > & > .status {\n #scout.ok-status();\n }\n\n .group-box.has-warning > & > .status {\n #scout.warning-status();\n }\n\n .group-box.has-error > & > .status {\n #scout.error-status();\n }\n\n &.expandable {\n / Expansion can also be performed on the title itself /\n cursor: pointer;\n }\n}\n\n.group-box-body {\n position: relative;\n padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0;\n\n &.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &.x-padding-invisible {\n padding-left: 0;\n padding-right: 0;\n }\n\n .collapsed > & {\n display: none;\n }\n\n / position scrollbar as right as possible to prevent overlapping field parts. /\n\n & > .scrollbar {\n #scout.scrollbar-y-padding(8px, 6px);\n }\n}\n\n.group-box.top-padding-invisible > .group-box-body {\n padding-top: 0;\n}\n\n.group-box.bottom-padding-invisible > .group-box-body {\n padding-bottom: 0;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.html-field {\n\n &.selectable {\n // The whole html-field must be selectable, otherwise focusUtils.js would bail out\n // if a user starts a selection on the padding of the .html-field element and\n // not exactly on the .field child element.\n #scout.user-select(text);\n }\n\n & > .field {\n margin-left: @mandatory-indicator-width;\n\n &:focus {\n outline: none;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.image-field {\n\n &.alternative > label.top { / NOSONAR over qualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field {\n overflow: hidden;\n margin-left: @mandatory-indicator-width;\n\n & > .font-icon {\n font-size: 20px;\n }\n\n &.clickable {\n cursor: pointer;\n }\n\n &.has-inner-alignment {\n display: flex;\n\n & > .font-icon {\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n }\n\n &.halign-left {\n justify-content: flex-start;\n }\n\n &.halign-center {\n justify-content: center;\n }\n\n &.halign-right {\n justify-content: flex-end;\n }\n\n &.valign-top {\n align-items: flex-start;\n }\n\n &.valign-middle {\n align-items: center;\n }\n\n &.valign-bottom {\n align-items: flex-end;\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.label-field {\n\n &.selectable {\n // The whole label-field must be selectable, otherwise focusUtils.js would bail out\n // if a user starts a selection on the padding of the .label-field element and\n // not exactly on the .field child element.\n #scout.user-select(text);\n }\n}\n\n.label-field > .field {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n margin-left: @mandatory-indicator-width;\n #scout.overflow-ellipsis();\n\n &[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n &[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n .no-mandatory-indicator& {\n margin-left: 0;\n }\n\n .top-padding-invisible& {\n padding-top: 0;\n }\n\n .bottom-padding-invisible& {\n padding-bottom: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &.has-inner-alignment {\n\n &.halign-left {\n text-align: left;\n }\n\n &.halign-center {\n text-align: center;\n }\n\n &.halign-right {\n text-align: right;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode-selector-field {\n &.alternative > label.top {\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .mode-selector {\n margin-left: @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.number-field > .field {\n\n &.has-inner-alignment {\n\n &.halign-left {\n text-align: left;\n }\n\n &.halign-center {\n text-align: center;\n }\n\n &.halign-right {\n text-align: right;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .planner {\n margin-left: @mandatory-indicator-width;\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@radio-button-transition-speed: 250ms;\n\n.radio-button > .field {\n padding: @radio-button-field-padding-y 0;\n margin-left: @mandatory-indicator-width;\n outline: none;\n display: flex;\n\n & > .radio-button-circle,\n & > .label,\n & > .icon {\n / only the label should be clickable, not the whole field /\n cursor: pointer;\n }\n\n & > .label {\n color: @control-color;\n padding-top: @radio-button-label-padding-top;\n padding-left: @radio-button-label-padding-left;\n #scout.overflow-ellipsis();\n\n &.empty {\n / Make the label invisible if there is no text to not artificially make the button wider than it should be\n Compared to the Button.js the circle defines the height /\n display: none;\n }\n }\n\n & > .icon {\n padding-left: 7px;\n }\n\n & > .radio-button-circle {\n width: @radio-button-circle-size;\n height: @radio-button-circle-size;\n flex: none;\n background-color: @control-background-color;\n border-radius: 50%;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: @radio-button-checked-color;\n border-radius: 50%;\n opacity: 0;\n transition: transform ease @radio-button-transition-speed, opacity linear @radio-button-transition-speed;\n transform: scale(0.01);\n }\n\n // After element is used to draw the border to make sure the before element is always centered as good as possible\n // If the parent draws the border it won't look good on all zoom levels\n &::after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: @radio-button-border-width solid @radio-button-border-color;\n border-radius: 50%;\n }\n\n &.checked {\n &::before {\n transform: scale(unit(@radio-button-inner-circle-size / @radio-button-circle-size));\n opacity: 1;\n transition: transform ease @radio-button-transition-speed;\n }\n\n &::after {\n border-color: @radio-button-checked-color;\n }\n }\n\n &:focus {\n outline: none;\n\n &::after {\n #scout.focus-border(@border-color: @radio-button-checked-color);\n }\n }\n\n &.disabled {\n cursor: default;\n\n &::after {\n border-color: @radio-button-disabled-border-color;\n }\n\n &.checked {\n &::before {\n background-color: @radio-button-checked-disabled-background-color;\n }\n\n &::after {\n border-color: @radio-button-checked-disabled-background-color;\n }\n }\n }\n }\n}\n\n.radio-button.disabled > .field {\n\n & > .label,\n & > .icon {\n cursor: default;\n color: @text-disabled-color;\n }\n}\n\n.radiobutton-indentation {\n margin-left: @radio-button-circle-size + @radio-button-label-padding-left;\n\n .radiobutton-group-body > & {\n margin-left: @radio-button-circle-size + @radio-button-label-padding-left - @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.radiobutton-group-body {\n & > .radio-button > .field {\n / radio button group has a mandatory indicator, no need to create a margin /\n margin-left: 0;\n }\n\n & > .form-field {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n}\n\n.radiobutton-group-body.loading {\n\n & > .form-field {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dropdown-field {\n\n & > .icon {\n cursor: pointer;\n\n &::before {\n content: @icon-angle-down-bold;\n font-size: 16px;\n }\n }\n\n &.popup-open > .icon::before {\n content: @icon-angle-up-bold;\n }\n\n & > .field {\n cursor: pointer;\n\n &.disabled {\n cursor: default;\n }\n }\n}\n\n.proposal-field {\n\n & > .icon::before {\n content: @icon-pencil;\n }\n}\n\n.smart-field {\n\n & > .icon::before,\n & > .field > .icon::before {\n content: @icon-search;\n }\n\n / Multiline SmartField /\n\n & > .field > .multiline-input {\n border-radius: @control-border-radius @control-border-radius 0 0;\n width: 100%;\n padding-left: @text-field-padding-x;\n\n &:focus {\n border-bottom-right-radius: @control-border-radius;\n border-bottom-left-radius: @control-border-radius;\n }\n\n &.alternative {\n border-bottom-color: @text-field-alternative-border-color;\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n\n &:focus {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-color: @focus-color;\n }\n\n &.has-error {\n border-bottom-color: @error-border-color;\n }\n }\n\n &.read-only {\n border-bottom-color: @border-color;\n\n &.has-error {\n border-bottom-color: @error-border-color;\n }\n }\n }\n\n / DIV below the smart field containing the additional lines /\n\n & > .field > .multiline-lines {\n background-color: @control-background-color;\n border: solid 1px @control-border-color;\n border-radius: 0 0 @control-border-radius @control-border-radius;\n border-top: none;\n padding: 3px @text-field-padding-x;\n #scout.overflow-ellipsis-nowrap();\n #scout.user-select(text);\n\n &.disabled {\n background-color: @control-disabled-background-color;\n }\n }\n\n &.alternative > .field > .multiline-lines,\n &.read-only > .field > .multiline-lines {\n border: 0;\n padding-top: 6px;\n\n &.disabled {\n background-color: transparent;\n }\n }\n\n &.alternative > .field > .multiline-lines {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n }\n\n &.disabled > .field > .multiline-lines {\n color: @disabled-color;\n\n .read-only& {\n color: @read-only-color;\n }\n }\n}\n\n.dropdown-field,\n.proposal-field,\n.smart-field {\n & > .input-field[placeholder]:empty::before,\n & > .multiline > .input-field[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n & > .input-field[placeholder].disabled:empty::before,\n & > .multiline > .input-field[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n &.loading {\n & > .icon {\n #scout.animation(pulsate-in-out 2.2s ease-in-out infinite);\n }\n }\n\n & > .field {\n\n &.halign-left,\n &.halign-left > .multiline-input {\n text-align: left;\n }\n\n &.halign-center,\n &.halign-center > .multiline-input {\n text-align: center;\n }\n\n &.halign-right,\n &.halign-right > .multiline-input {\n text-align: right;\n }\n }\n\n &.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n\n &.halign-right {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field {\n padding-left: 0;\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-icon-outer-width;\n }\n\n &.cell-editor-field {\n padding-right: @text-field-icon-outer-width;\n }\n }\n }\n }\n\n &.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: @text-field-icon-outer-width;\n }\n\n &.alternative.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n margin-right: 0;\n margin-left: @text-field-icon-margin-x;\n }\n }\n}\n\n\n.smart-field-touch-popup > .body {\n & > .touch-popup-field {\n & > .field {\n & > .multiline-input {\n border-radius: @control-border-radius @control-border-radius;\n }\n\n & > .multiline-lines {\n display: none;\n }\n }\n }\n\n & > .touch-popup-widget-container .table-data {\n padding: 2px @touch-popup-padding-x @touch-popup-padding-x;\n\n & > .table-row.first {\n border-top-color: transparent;\n }\n }\n}\n\n.dropdown-field-popup,\n.smart-field-popup,\n.proposal-field-popup {\n #scout.chooser-popup();\n}\n\n.proposal-chooser {\n\n & > .active-filter {\n position: absolute;\n }\n\n & > .status {\n display: flex;\n align-items: center;\n }\n\n & > .active-filter,\n & > .status {\n padding: 0 @proposal-chooser-padding-x;\n background-color: @proposal-chooser-status-background-color;\n border-top: solid 1px @border-color;\n height: @logical-grid-row-height;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &.empty > .active-filter,\n &.empty > .status {\n border-top: 0;\n }\n\n & > .table {\n & > .table-header {\n padding-left: @proposal-chooser-padding-x;\n padding-right: @proposal-chooser-padding-x;\n }\n\n & > .table-data {\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x;\n\n & > .table-row.first {\n border-top: 1px solid @table-row-border-color;\n\n &.selected::after {\n // If header is invisible, selection of first row starts at 0\n // Since we now have a top border we can move it to -1px again to cover the border\n top: -1px;\n }\n }\n\n & > .scrollbar.y-axis > .scrollbar-thumb > .scrollbar-thumb-handle {\n margin-left: 1px;\n }\n }\n }\n\n & > .tree {\n & > .tree-data {\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x;\n\n & > .tree-node {\n &.inactive {\n font-style: italic;\n }\n }\n }\n }\n}\n\n.status > .ellipsis {\n padding-left: 3px;\n}\n\n.animate-dot {\n position: relative;\n #scout.animation-name(animateDot);\n #scout.animation-duration(1650ms);\n #scout.animation-iteration-count(infinite);\n}\n\n.delay-0 {\n #scout.animation-delay(0ms);\n}\n\n.delay-1 {\n #scout.animation-delay(200ms);\n}\n\n.delay-2 {\n #scout.animation-delay(400ms);\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dropdown-field-popup, .smart-field-popup, .proposal-field-popup {\n &.animate-open {\n / Changed initial transform from 0 to 0.5 because in Chrome browser v72 on zoom levels > 100%\n * the proposal-chooser popup produced an accidental flickering animation where the proposal table\n * jumped a few pixels to the left. With 0.5 this does not happen - only god knows why. See #241249.\n /\n #scout.transform(scaleY(0.5));\n #scout.animation-name(grow-y);\n #scout.animation-duration(0.125s);\n\n &.bottom {\n #scout.transform-origin(top);\n }\n\n &.top {\n #scout.transform-origin(bottom);\n }\n }\n\n &.animate-remove {\n #scout.animation-name(shrink-y);\n #scout.animation-duration(0.125s);\n\n &.bottom {\n #scout.transform-origin(top);\n }\n\n &.top {\n #scout.transform-origin(bottom);\n }\n }\n}\n\n\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@split-box-x-splitter-size: @split-box-splitter-line-size + (2 @split-box-x-splitter-padding) - @mandatory-indicator-width;\n@split-box-y-splitter-size: @split-box-splitter-line-size + (2 * @split-box-y-splitter-padding);\n\n.split-box {\n\n & > .split-area {\n @temp-splitter-line-size: 1px;\n\n & > .first-field,\n & > .second-field {\n overflow: hidden;\n position: absolute;\n\n &.collapsed {\n display: none;\n }\n }\n\n & > .splitter {\n position: absolute;\n background-color: @border-color;\n background-clip: content-box; /* don't color padding /\n\n &:not(.disabled):not(.dragging):hover {\n background-color: @hover-color;\n }\n\n // \"\|\"\n &.x-axis {\n height: 100%;\n width: @split-box-x-splitter-size;\n padding-left: @split-box-x-splitter-padding;\n padding-right: (@split-box-x-splitter-padding - @mandatory-indicator-width);\n cursor: col-resize;\n }\n\n // \"--\"\n &.y-axis {\n margin-left: @mandatory-indicator-width;\n width: calc(~'100% - ' @mandatory-indicator-width);\n height: @split-box-y-splitter-size;\n padding-top: @split-box-y-splitter-padding;\n padding-bottom: @split-box-y-splitter-padding;\n cursor: row-resize;\n }\n\n &.dragging {\n opacity: 0.25;\n }\n\n &.disabled {\n cursor: default;\n }\n }\n\n // used while dragging\n & > .temp-splitter {\n position: absolute;\n z-index: 2;\n\n // \"\|\"\n &.x-axis {\n height: 100%;\n width: @temp-splitter-line-size;\n border-left: @temp-splitter-line-size dashed @focus-border-color;\n margin-left: @split-box-x-splitter-padding + ceil((@split-box-splitter-line-size - @temp-splitter-line-size) / 2);\n margin-right: @split-box-x-splitter-padding + floor((@split-box-splitter-line-size - @temp-splitter-line-size) / 2) - @mandatory-indicator-width;\n }\n\n // \"--\"\n &.y-axis {\n margin-left: @mandatory-indicator-width;\n width: calc(~'100% - ' @mandatory-indicator-width);\n height: @temp-splitter-line-size;\n border-top: @temp-splitter-line-size dashed @focus-border-color;\n margin-top: @split-box-y-splitter-padding + ceil((@split-box-splitter-line-size - @temp-splitter-line-size) / 2);\n margin-bottom: @split-box-y-splitter-padding + floor((@split-box-splitter-line-size - @temp-splitter-line-size) / 2);\n }\n }\n }\n\n & > .collapse-handle.right-aligned {\n / align with status icons /\n right: 3px;\n }\n}\n\n.split-box-collapse-key-box {\n margin-top: -6px;\n margin-left: 4px;\n\n &.left {\n margin-top: 6px;\n margin-left: 4px;\n }\n\n &.right {\n margin-top: 6px;\n margin-left: -4px;\n }\n}\n\n// If splitter is visible (= there are two fields), make room for it by adding a margin to the first field\n.split-box:not(.single-field):not(.second-field-collapsed) > .split-area > .first-field {\n\n // \"\|\"\n &.x-axis {\n margin-right: @split-box-x-splitter-size;\n }\n\n // \"--\"\n &.y-axis {\n margin-bottom: @split-box-y-splitter-size;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.string-field {\n\n &.multiline > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field {\n\n &.has-inner-alignment {\n\n &.halign-left {\n text-align: left;\n }\n\n &.halign-center {\n text-align: center;\n }\n\n &.halign-right {\n text-align: right;\n }\n }\n }\n\n / adjust paddings in case of both icons (icon and clear-icon) are visible /\n\n &.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n\n & > .clear-icon {\n margin-right: 0;\n }\n\n & > input {\n padding-right: @text-field-icon-outer-width + @text-field-icon-size + @text-field-icon-margin-x;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width 2;\n }\n }\n\n &.halign-right > input {\n padding-left: @text-field-icon-outer-width;\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-left: @text-field-alternative-icon-outer-width;\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n\n & > .icon {\n display: flex;\n }\n }\n\n\n &.has-icon > .icon::before {\n content: @icon-arrow-right-bold;\n }\n}\n","/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.tab-box-header {\n margin-top: @group-box-header-margin-top;\n margin-left: @mandatory-indicator-width;\n white-space: nowrap;\n position: relative;\n margin-bottom: @tab-area-border-width;\n\n .tab-box.has-scroll-shadow-top > & {\n margin-left: 0;\n padding-left: @mandatory-indicator-width;\n }\n\n & > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -@tab-area-border-width;\n width: 100%;\n height: @tab-area-border-width;\n background-color: @tab-area-border-color;\n }\n\n & > .tab-area {\n position: relative;\n\n & > .selection-marker {\n position: absolute;\n z-index: 1;\n bottom: -1px;\n margin-bottom: -@tab-area-border-width;\n height: @tab-area-selection-marker-height;\n background-color: @tab-item-selection-marker-color;\n transition: left 0.3s, width 0.3s;\n border-radius: @tab-area-selection-marker-height / 2;\n }\n\n & > .tab-item > .title > .sub-label {\n display: none;\n }\n\n &.has-sub-label {\n & > .tab-item > .title > .sub-label {\n display: block;\n }\n }\n\n &.spread-even {\n width: 100%;\n display: flex;\n\n & > .tab-item {\n flex-grow: 1;\n flex-basis: 0;\n justify-content: center;\n }\n\n & > .tab-item.first {\n padding-left: @tab-item-padding-x;\n }\n }\n }\n\n & > .menubar {\n position: absolute;\n #scout.menubar-background-color-inherit();\n border-bottom: none;\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n .tab-box.has-tooltip > & > .status {\n #scout.tooltip-status();\n }\n\n .tab-box.has-info > & > .status {\n #scout.info-status();\n }\n\n .tab-box.has-ok > & > .status {\n #scout.ok-status();\n }\n\n .tab-box.has-warning > & > .status {\n #scout.warning-status();\n }\n\n .tab-box.has-error > & > .status {\n #scout.error-status();\n }\n}\n\n.tab-item {\n position: relative;\n display: inline-flex;\n align-items: center; // In case the tab area gets very large (e.g. by large form fields in the menubar in dense mode)\n vertical-align: middle; // Needed to align overflow menu item\n color: @tab-item-color;\n background-color: transparent;\n padding: 0 @tab-item-padding-x;\n cursor: pointer;\n height: 100%; // Ensures the after element is always on the tab box header line (may not be the case on certain zoom levels or if the area is very large, see above)\n\n &::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: @tab-area-border-width;\n margin-bottom: -@tab-area-border-width;\n display: none;\n }\n\n &.first {\n padding-left: 0;\n }\n\n &.overflown {\n display: none;\n }\n\n &.marked::after {\n display: block;\n background-color: @tab-item-marked-border-color;\n }\n\n &:hover {\n color: @tab-item-hover-color;\n }\n\n &:active {\n color: @tab-item-active-color;\n }\n\n &.selected {\n color: @tab-item-selected-color;\n }\n\n &:focus {\n outline: none;\n\n &.keyboard-navigation {\n color: @tab-item-focus-color;\n }\n }\n\n & > .title {\n display: inline-block;\n vertical-align: middle;\n padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom;\n margin-top: @text-margin-top;\n\n .tab-area.has-sub-label > & {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\n }\n\n & > .label {\n vertical-align: middle;\n\n // Before element is needed to enlarge the label so that the other tabs won't move when the tab is getting bold because it is selected\n &::before {\n #scout.bold-text-enlarger();\n }\n\n .selected& {\n font-weight: @title-font-weight;\n }\n }\n\n & > .sub-label {\n padding-top: 1px;\n font-size: @sub-title-font-size;\n letter-spacing: @sub-title-letter-spacing;\n color: @sub-title-color;\n }\n }\n\n & > .status {\n display: inline-block;\n vertical-align: middle;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n &.has-tooltip,\n &.has-info,\n &.has-warning,\n &.has-ok,\n &.has-error {\n padding-right: @field-status-margin-left;\n }\n\n &.has-tooltip > .status {\n #scout.tooltip-status();\n }\n\n &.has-info > .status {\n #scout.info-status();\n }\n\n &.has-ok > .status {\n #scout.ok-status();\n }\n\n &.has-warning > .status {\n #scout.warning-status();\n }\n\n &.has-error > .status {\n #scout.error-status();\n }\n}\n\n.overflow-tab-item.menu-item {\n vertical-align: middle;\n color: @tab-item-color;\n\n &::before {\n display: none;\n }\n\n & > .submenu-icon {\n padding-left: 4px;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-chooser-popup {\n #scout.chooser-popup();\n\n min-width: 150px;\n max-width: 250px;\n\n & > .table > .table-data {\n // Somehow the chooser is 3px too large -> reduce the size by that amount\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x @proposal-chooser-padding-y - 3px @proposal-chooser-padding-x;\n\n & > .table-row.first {\n border-top: 1px solid @table-row-border-color;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-field {\n\n &.focused > .field {\n #scout.focus-border();\n\n &.alternative {\n #scout.alternative-focus-border();\n }\n }\n\n & > .field {\n .input-field();\n\n &.alternative {\n .input-field.alternative();\n }\n\n user-select: none;\n padding: 0 0 0 @tag-field-tag-margin-right;\n\n &:not(.multiline) {\n white-space: nowrap;\n }\n\n & > .tag-bar {\n display: inline-block;\n }\n\n & > input {\n border: none;\n padding-left: 3px;\n padding-right: 3px;\n background-color: transparent;\n min-height: @tag-field-tag-height;\n height: 100%;\n\n &.fullwidth {\n width: 100%;\n padding-left: @text-field-padding-x - @tag-field-tag-margin-right;\n\n &.alternative {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n }\n }\n\n &.focused, &:focus {\n box-shadow: none;\n }\n\n &.has-error {\n background-color: transparent;\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tree-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .tree {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected,\n &.no-nodes-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.wizard-steps {\n overflow: hidden;\n margin-left: @mandatory-indicator-width;\n margin-right: 0;\n}\n\n.wizard-steps-body {\n display: flex;\n align-items: center;\n height: @wizard-steps-height;\n overflow: hidden;\n white-space: nowrap; / Allows the last wizard-step to be 100% without line break /\n border-bottom: @wizard-steps-border-width solid @border-color;\n position: relative;\n}\n\n.wizard-step {\n position: relative;\n display: inline-flex;\n align-items: center;\n padding-left: @wizard-step-padding-x;\n padding-right: @wizard-step-padding-x;\n\n & > .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: @wizard-step-icon-size;\n height: @wizard-step-icon-size;\n border: 1px solid @wizard-step-icon-border-color;\n border-radius: 50%;\n margin-right: @wizard-step-icon-margin-right;\n font-size: @font-size-small;\n\n & > .font-icon {\n font-size: 14px;\n }\n }\n\n & > .text {\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n\n &::before {\n #scout.bold-text-enlarger();\n }\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n color: @sub-title-color;\n letter-spacing: @sub-title-letter-spacing;\n font-size: @sub-title-font-size;\n }\n }\n\n &.first {\n padding-left: 0;\n }\n\n &.last {\n padding-right: 0;\n }\n\n &.action-enabled {\n cursor: pointer;\n color: @link-color;\n\n &:hover {\n & > .icon {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n & > .text > .title {\n color: @hover-color;\n }\n }\n\n &:active, &.active {\n & > .icon {\n background-color: @active-background-color;\n }\n }\n }\n\n &.finished {\n & > .icon {\n color: @wizard-step-finished-color;\n background-color: @wizard-step-finished-background-color;\n border-color: @wizard-step-finished-background-color;\n }\n\n &.action-enabled {\n &:hover > .icon {\n color: @wizard-step-finished-color;\n background-color: darken(@wizard-step-finished-background-color, 6%);\n border-color: darken(@wizard-step-finished-background-color, 6%);\n }\n\n &:active > .icon,\n &.active > .icon {\n color: @wizard-step-finished-color;\n background-color: darken(@wizard-step-finished-background-color, 13%);\n border-color: darken(@wizard-step-finished-background-color, 13%);\n }\n }\n }\n\n &.selected {\n & > .icon {\n color: @wizard-step-selected-icon-color;\n background-color: @wizard-step-selected-icon-background-color;\n border-color: @wizard-step-selected-icon-background-color;\n font-weight: bold;\n }\n\n & > .text > .title {\n font-weight: @title-font-weight;\n }\n }\n\n &.disabled {\n & > .icon {\n background-color: @wizard-step-disabled-background-color;\n color: @wizard-step-disabled-color;\n border-color: @wizard-step-disabled-border-color;\n }\n\n & > .text > .title,\n & > .text > .sub-title {\n color: @wizard-step-disabled-color;\n }\n }\n}\n\n.wizard-steps > .scrollbar {\n #scout.scrollbar-x-padding(6px, 4px);\n}\n\n.wizard-step-separator {\n height: 1px;\n width: 40px;\n background-color: @border-color;\n flex-shrink: 0;\n flex-grow: 0;\n}\n\n.wizard-steps.compact {\n & > .wizard-steps-body {\n height: @wizard-steps-compact-height;\n\n & > .wizard-step-separator {\n width: 20px;\n }\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.wrapped-form-field > .form {\n background-color: transparent;\n\n / Reset padding set in GroupBox.css /\n\n & > .root-group-box > .group-box-body,\n & > .root-group-box > .group-box-header {\n padding-left: 0;\n padding-right: 0;\n }\n\n / Reset margin set in GroupBox.css /\n\n & > .root-group-box {\n overflow: visible; / allow overflow for the root-group-box for wrapped forms /\n\n & > .group-box-body {\n & > .scrollbar {\n / position scrollbar as right as possible to prevent overlapping field parts. /\n #scout.scrollbar-y-padding(8px, 6px);\n }\n }\n }\n\n / Reset values set in MenuBar.css /\n\n & > .root-group-box > .menubar {\n margin-left: @mandatory-indicator-width;\n #scout.menubar-background-color-inherit;\n\n & > .menubar-box > .menu-item {\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.glasspane {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n outline: none;\n z-index: 100;\n cursor: default;\n\n &.busy {\n cursor: wait;\n }\n\n &.dark {\n background-color: rgba(0, 0, 0, 0.1);\n #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.2s);\n }\n}\n\n.glasspane-parent {\n pointer-events: none; / Disable hover effects and clicks /\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.iframe {\n &.no-scrolling {\n overflow: hidden;\n }\n\n &.iphone {\n height: 100%;\n }\n}\n\n.iframe-wrapper {\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n\n & > iframe {\n display: block;\n width: 100%;\n border: 0;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.image {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n\n &.autofit {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n }\n\n &.chrome-fix {\n padding-bottom: 0.01px;\n }\n\n &.empty {\n visibility: hidden;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.key-box {\n position: absolute;\n min-width: 34px;\n padding: 4px 5px;\n z-index: 100;\n color: @key-box-color;\n background-color: @key-box-background-color;\n line-height: normal;\n text-align: center;\n border: 1px solid @key-box-border-color;\n font-size: 11px;\n font-weight: normal;\n border-radius: @border-radius;\n\n &.disabled {\n border-color: @key-box-border-disabled-color;\n background-color: @key-box-background-disabled-color;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.logical-grid-layout {\n position: relative;\n\n & > {\n position: absolute;\n }\n}\n","/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.menu-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center; // In case a min-width is set\n color: @menu-item-color;\n cursor: pointer;\n padding: @menu-item-padding-y @menu-item-padding-x;\n border-radius: @border-radius;\n\n &.menu-icononly {\n padding-left: @menubar-item-icononly-padding-x;\n padding-right: @menubar-item-icononly-padding-x;\n }\n\n & > .key-box {\n bottom: -3px;\n }\n\n &:hover {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-background-color;\n\n &:hover {\n background-color: @selected-hover-background-color;\n }\n\n &.active, &:active {\n background-color: @selected-active-background-color;\n }\n\n &.has-popup {\n color: @menu-item-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n\n #scout.focus-box-shadow-transition();\n\n &:focus {\n #scout.focus-inset-box-shadow();\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n background-color: transparent;\n cursor: default;\n\n &:hover, &.active, &:active {\n background-color: transparent;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-disabled-background-color;\n\n &.has-popup {\n color: @menu-item-disabled-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n }\n\n &.menu-textandicon > .icon {\n margin-right: @menu-item-icon-margin-right;\n }\n\n & > .text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n }\n\n & > .font-icon {\n font-size: 16px;\n }\n\n & > .image-icon {\n / Prevent large image icons from overlapping the menu item /\n max-height: @menu-item-max-image-icon-height;\n / Ensure the default image icon size is taken from the beginning, so that the text does not \"jump\" when /\n / the image loading is complete. (For larger icons, the width will be increased afterwards.) /\n min-width: @menu-item-min-image-icon-width;\n }\n\n & > .icon {\n\n &.with-label {\n margin-right: 8px;\n }\n }\n\n &.disabled > .icon.image-icon {\n #scout.vendor(filter, grayscale(100%));\n opacity: 0.5;\n }\n\n & > .submenu-icon,\n & > .text > .submenu-icon {\n #scout.submenu-icon();\n padding-left: 8px;\n\n .menu-icononly& {\n padding-left: 0;\n }\n\n .selected& {\n #scout.submenu-icon-open();\n }\n }\n\n &.bottom-text.menu-textandicon {\n flex-direction: column;\n\n & > .icon {\n display: block;\n margin-right: 0; // reset\n padding-bottom: 3px;\n }\n\n & > .text {\n display: flex;\n align-items: center;\n font-size: @font-size-extra-small;\n\n & > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n // Make sure the icon does not increase the height and therefore the whole menu\n line-height: 0;\n }\n }\n }\n}\n\n.menu-button {\n .button();\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.context-menu-popup {\n #scout.popup-2();\n overflow: hidden;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n\n.context-menu {\n position: absolute;\n margin: @context-menu-margin-y 0;\n background-color: @popup-2-background-color;\n\n & > .menu-item {\n display: flex;\n justify-content: start;\n padding: @context-menu-item-padding-y @context-menu-item-padding-right @context-menu-item-padding-y @context-menu-item-padding-left;\n color: @context-menu-item-color;\n border-radius: 0;\n\n & > .font-icon {\n color: @context-menu-item-icon-color;\n min-width: 16px;\n text-align: center;\n }\n\n & > .text {\n #scout.overflow-ellipsis();\n / default is inline, inline-block is necessary so that max-width set by JS is respected /\n display: inline-block;\n }\n\n &.menu-textandicon > .icon {\n margin-right: @context-menu-item-icon-margin-right;\n }\n\n &.selected {\n background-color: @item-selection-background-color;\n\n &.has-popup {\n color: @context-menu-item-color;\n\n &.disabled {\n color: @menu-item-disabled-color;\n background-color: @item-selection-background-color;\n }\n }\n\n & > .submenu-icon {\n transform: none;\n }\n }\n\n &.expanded {\n & > .submenu-icon {\n #scout.submenu-icon-open();\n }\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n\n & > .font-icon {\n color: @menu-item-disabled-color;\n }\n }\n\n & > .key-box {\n bottom: auto;\n top: 5px;\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.combo-menu {\n padding: 0;\n cursor: default;\n align-items: stretch;\n\n &:active, &.active, &:hover {\n background-color: transparent;\n }\n\n & > .menu-item {\n &:not(.first) {\n margin-left: 3px;\n\n &::before {\n content: '';\n position: absolute;\n left: -1px;\n top: 7px;\n height: calc(100% - 14px);\n width: 1px;\n background-color: @border-color;\n }\n }\n\n &:focus::before {\n display: none;\n }\n\n &:not(.disabled):hover,\n &.selected {\n &::before,\n & ~ .menu-item::before {\n display: none;\n }\n }\n }\n}\n\n.combo-menu.menu-button {\n border: 0;\n\n & > .menu-item {\n border: 1px solid @button-border-color;\n flex-grow: 1;\n\n &.menu-icononly:not(.first.last) { // Rule must not be applied if combo menu contains only one item\n flex-grow: 0;\n }\n\n &:not(.last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0;\n }\n\n &:not(.first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: 0;\n margin-left: 0;\n }\n\n .disabled& {\n border-color: @button-disabled-color;\n }\n\n &:focus {\n z-index: 1; // Allows box-shadow to draw over the right menu-item\n }\n }\n\n &.default {\n & > .menu-item {\n .button.default();\n\n &::before {\n background-color: @default-combo-menu-separator-color;\n }\n\n &.selected {\n background-color: @default-button-selected-background-color;\n border-color: @default-button-selected-background-color;\n }\n\n &.disabled {\n color: @disabled-inverted-color;\n\n &:hover, &.active, &:active, &.selected {\n background-color: @default-button-background-color;\n border-color: @default-button-background-color;\n }\n }\n }\n }\n}\n\n.context-menu > .combo-menu {\n padding: 0;\n\n & > .menu-item {\n color: @context-menu-item-color;\n padding: @context-menu-item-padding-y @context-menu-item-padding-right @context-menu-item-padding-y @context-menu-item-padding-left;\n flex-grow: 1;\n justify-content: start;\n border-radius: 0;\n\n & > .font-icon {\n color: @context-menu-item-icon-color;\n }\n\n &.menu-textandicon > .icon {\n margin-right: @context-menu-item-icon-margin-right;\n }\n\n &.menu-icononly:not(.first.last) { // Rule must not be applied if combo menu contains only one item\n flex-grow: 0;\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n\n & > .font-icon {\n color: @menu-item-disabled-color;\n }\n }\n }\n}","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.profile-menu.menu-item > .icon {\n height: 26px;\n width: 26px;\n margin: -4px;\n\n display: inline-flex;\n justify-content: center;\n align-items: center;\n\n border-radius: 50%;\n background: @profile-menu-icon-background;\n\n &.font-icon {\n color: @profile-menu-icon-color;\n }\n\n &.image-icon {\n object-fit: cover;\n max-height: 26px;\n }\n\n .context-menu > .menu-textandicon& {\n margin-right: 10px;\n }\n\n .desktop-tool-box-item& {\n height: @desktop-logo-height;\n width: @desktop-logo-height;\n margin: 0;\n #scout.drop-shadow(@y: 3px, @blur: 5px);\n\n font-size: 18px;\n\n .menu-textandicon& {\n margin-right: 8px;\n }\n\n &.image-icon {\n max-height: @desktop-logo-height;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-field-menu {\n // Remove y padding but keep x padding to have the same gap between form field menus and regular menus.\n padding-top: 0;\n padding-bottom: 0;\n cursor: default;\n color: @text-color;\n\n &:hover {\n color: @text-color;\n background-color: transparent;\n }\n\n &:active, &.active {\n background-color: transparent;\n }\n\n &:not(.has-text):not(.has-icon) {\n & > .form-field > label {\n margin-left: 0;\n }\n }\n\n & > .form-field {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n\n & > label {\n margin-left: 8px;\n }\n\n &.disabled:not(.read-only) > label {\n / Use same disabled color as for menu items /\n color: @menu-item-disabled-color;\n }\n }\n\n &:not(.has-icon) > .form-field:not(.no-mandatory-indicator) {\n // Remove margin left since the menu-item already has a padding\n // This reduces the gap between form field menus in the menu bar, but also improves the alignment in the context menu\n margin-left: -@mandatory-indicator-width;\n }\n\n & > .check-box-field.disabled:not(.read-only) > .field > .label,\n & > .radiobutton-group > .radiobutton-group-body > .radio-button.disabled:not(.read-only) > .field > .label,\n & > .radio-button.disabled:not(.read-only) > .field > .label {\n / Use same disabled color as for menu items /\n color: @menu-item-disabled-color;\n }\n}\n\n.menubar-box > .form-field-menu {\n & > .string-field,\n & > .smart-field,\n & > .dropdown-field,\n & > .proposal-field,\n & > .number-field,\n & > .date-field,\n & > .tag-field,\n & > .file-chooser-field {\n margin-top: @menubar-field-menu-margin-y - @menubar-item-margin-y;\n margin-bottom: @menubar-field-menu-margin-y - @menubar-item-margin-y;\n }\n}\n\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu {\n &.first {\n padding-left: 0;\n }\n\n &.last {\n padding-right: 0;\n }\n}\n\n/ Inside context menu popup -> set preferred size /\n.context-menu > .form-field-menu {\n & > .text,\n & > .icon {\n flex: none;\n }\n\n & > .form-field {\n flex: 1 1 auto;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.menu-bar-popup {\n margin: @widget-popup-margin 6px;\n}","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode {\n --padding-x: @mode-padding-x;\n --padding-y: @mode-padding-y;\n --border-width: @mode-border-width;\n\n border: var(--border-width) solid @control-border-color;\n border-radius: 0;\n flex: 1 1 0;\n padding: var(--padding-y) var(--padding-x);\n #scout.overflow-ellipsis();\n\n &.first {\n border-radius: @button-border-radius 0 0 @button-border-radius;\n }\n\n &.last {\n border-radius: 0 @button-border-radius @button-border-radius 0;\n }\n\n &.first.last {\n border-radius: @button-border-radius;\n }\n\n &:not(.last):not(.selected) {\n border-right: none;\n padding-right: calc(var(--padding-x) + var(--border-width)); / account for the missing border, so that text does not jump /\n }\n\n &.after-selected {\n border-left: none;\n padding-left: calc(var(--padding-x) + var(--border-width)); / account for the missing border, so that text does not jump /\n }\n\n // override button (the selected mode cannot be clicked. therefore do not show hover and active colors)\n &.selected {\n color: @selected-color;\n cursor: default;\n\n &:hover {\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n }\n\n &:active {\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n }\n\n &.disabled {\n background-color: @mode-selected-background-disabled-color;\n border-color: @mode-selected-background-disabled-color;\n }\n }\n\n & > .icon {\n padding: 0; // remove padding from button\n\n &.with-label {\n margin-right: 8px;\n }\n }\n}\n\n.mode-selector.alternative {\n\n & > .mode {\n --border-width: 0px;\n\n color: @mode-color;\n background-color: transparent;\n border-radius: @button-border-radius;\n\n &:hover {\n background-color: @mode-alternative-hover-background-color;\n }\n\n &:active {\n background-color: @mode-alternative-active-background-color;\n }\n\n &.selected {\n color: @button-color;\n transition: color 500ms ease;\n\n &:hover {\n background-color: transparent;\n }\n\n &.disabled {\n background-color: @mode-alternative-selected-background-disabled-color;\n }\n }\n\n &.mode-selector-dragging {\n // do not show animations and hover-effects during drag\n background-color: transparent;\n transition: unset;\n }\n\n &.disabled {\n color: @button-disabled-color;\n background-color: transparent;\n cursor: default;\n }\n }\n}\n\n.dense .mode-selector {\n & > .mode {\n --padding-x: @mode-padding-dense-x;\n --padding-y: @mode-padding-dense-y;\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode-selector {\n position: relative;\n background-color: @control-background-color;\n white-space: nowrap;\n display: inline-flex;\n overflow: hidden;\n\n & > .mode-slider {\n display: none;\n }\n\n &.alternative {\n background-color: @mode-alternative-background-color;\n border-radius: @button-border-radius;\n border: @mode-selector-alternative-border-width solid transparent;\n\n &:not(.disabled) > .mode-slider {\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n background-color: @mode-alternative-selected-background-color;\n border-radius: @button-border-radius;\n transition: left 500ms ease, width 500ms ease;\n\n // do not show animations during drag\n &.mode-selector-dragging {\n transition: unset;\n }\n }\n\n & > .mode.mode-selector-dragging {\n pointer-events: none; // prevent click event when releasing the slider\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n line-height: 29px;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.planner {\n position: absolute;\n overflow: hidden;\n\n & > .menubar.bottom {\n position: absolute;\n bottom: 0;\n }\n}\n\n.planner-scale {\n position: absolute;\n right: 0;\n height: @planner-scale-height;\n border-bottom: 1px solid @border-color;\n width: 100%;\n / for horizontal scrollbars /\n overflow: hidden;\n white-space: nowrap;\n\n & .scale-item {\n display: inline-block;\n position: relative;\n white-space: nowrap;\n padding: 0 0 0 5px;\n\n &.label-invisible {\n color: transparent;\n }\n }\n\n & > .timeline {\n display: inline-block;\n width: calc(~'100% - ' @planner-resource-title-width);\n\n & > .timeline-large {\n height: 50%;\n background-color: @planner-timeline-background-color;\n line-height: @planner-scale-height / 2;\n\n & > .scale-item > .planner-large-scale-item-line {\n height: @planner-scale-height;\n }\n }\n\n & > .timeline-small {\n height: 50%;\n line-height: @planner-scale-height / 2;\n\n & > .highlight {\n position: absolute;\n background-color: @item-selection-background-color;\n height: 50%;\n }\n }\n }\n}\n\n.planner-scale-title {\n height: 100%;\n float: left;\n #scout.overflow-ellipsis-nowrap();\n padding: 0 @resource-padding-x;\n font-size: 17px;\n color: @planner-resource-title-color;\n line-height: @planner-scale-height;\n width: @planner-resource-title-width;\n}\n\n.planner-grid {\n position: absolute;\n right: 0;\n width: 100%;\n overflow: hidden;\n}\n\n.planner-resource {\n height: @planner-resource-minheight;\n width: 100%;\n border-bottom: 1px solid @border-color;\n\n & > .resource-title {\n line-height: @planner-resource-minheight;\n height: 100%;\n width: @planner-resource-title-width;\n padding: 0 @resource-padding-x;\n float: left;\n #scout.overflow-ellipsis-nowrap();\n }\n\n &.selected > .resource-title {\n background-color: @item-selection-background-color;\n }\n\n & > .resource-cells {\n position: relative;\n height: 100%;\n width: calc(~'100% - ' @planner-resource-title-width);\n float: left;\n\n & > .selector {\n position: absolute;\n border-top: 2px solid @item-selection-border-color;\n border-bottom: 2px solid @item-selection-border-color;\n z-index: 1; / TODO [7.0] CRU/BSH/CGU Instead of assigning a z-index, find a better insertion point for the selector /\n top: 0;\n\n & > .selector-resize-left {\n background-color: @planner-selector-resize-background-color;\n border-left: 2px solid @item-selection-border-color;\n border-right: 2px solid @item-selection-border-color;\n position: absolute;\n top: 0;\n left: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n }\n\n & > .selector-resize-right {\n background-color: @planner-selector-resize-background-color;\n border-left: 2px solid @item-selection-border-color;\n border-right: 2px solid @item-selection-border-color;\n position: absolute;\n top: 0;\n right: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n }\n }\n }\n}\n\n.planner-activity {\n position: absolute;\n top: 1px;\n width: 0;\n color: @planner-activity-color;\n height: @planner-resource-minheight - 3px;\n line-height: @planner-resource-minheight - 3px;\n background-color: @palette-green-2;\n text-align: center;\n border: 1px solid @border-color;\n overflow: hidden;\n\n &.selected {\n outline: 2px solid @item-selection-border-color;\n }\n}\n\n.planner-activity-level {\n background-color: @planner-activity-level-background-color;\n}\n\n.planner-small-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: @planner-small-scale-item-line-color;\n pointer-events: none;\n}\n\n.planner-large-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: @planner-large-scale-item-line-color;\n pointer-events: none;\n}\n","/\n * Copyright (c) 2014-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.planner-header {\n display: table;\n width: 100%;\n white-space: nowrap;\n padding: 8px 3px 12px 0;\n}\n\n.planner-range {\n display: table-cell;\n vertical-align: middle;\n white-space: nowrap;\n padding-left: 8px;\n}\n\n.planner-previous,\n.planner-today,\n.planner-next {\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n cursor: pointer;\n height: @planner-header-button-height;\n color: @text-color;\n background-color: @button-background-color;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n margin-right: 5px;\n line-height: @planner-header-button-height - 1px;\n\n &:hover {\n color: @hover-color;\n }\n}\n\n.planner-today {\n width: 65px;\n}\n\n.planner-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n\n.planner-previous:hover::before,\n.planner-next:hover::before {\n color: @hover-color;\n}\n\n.planner-previous::before {\n .planner-icon(@icon-angle-left, 20px);\n}\n\n.planner-next::before {\n .planner-icon(@icon-angle-right, 20px);\n}\n\n.planner-commands {\n display: table-cell;\n text-align: right;\n}\n\n.planner-mode,\n.planner-toggle-year,\n.planner-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: @planner-header-button-height;\n line-height: @planner-header-button-height - 1px;\n cursor: pointer;\n}\n\n.planner-mode {\n padding: 0 8px;\n min-width: 65px;\n text-align: center;\n border-top: 1px solid @control-border-color;\n border-bottom: 1px solid @control-border-color;\n border-left: 1px solid @control-border-color;\n #scout.overflow-ellipsis-nowrap();\n\n &.first {\n border-left: 1px solid @control-border-color;\n border-top-left-radius: @button-border-radius;\n border-bottom-left-radius: @button-border-radius;\n }\n\n &.last {\n border-right: 1px solid @control-border-color;\n border-top-right-radius: @button-border-radius;\n border-bottom-right-radius: @button-border-radius;\n margin-right: 5px;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &.selected {\n color: @planner-mode-selected-color;\n background-color: @planner-mode-selected-background-color;\n }\n\n &.disabled {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n cursor: default;\n }\n}\n\n.planner-toggle-year,\n.planner-toggle-list {\n margin-left: 5px;\n\n &:hover::before {\n color: @hover-color;\n }\n}\n\n.planner-toggle-year::before {\n .planner-icon(@icon-calendar, 18px);\n}\n\n.planner-toggle-list::before {\n .planner-icon(@icon-list, 18px);\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.popup {\n position: absolute;\n top: 0;\n\n &:focus {\n outline: none;\n }\n\n &.with-arrow {\n min-width: @popup-arrow-size;\n min-height: @popup-arrow-size;\n }\n\n &.before-animate-open {\n .invisible();\n }\n}\n\n.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: @popup-arrow-size;\n height: @popup-arrow-size;\n\n &.left {\n left: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n\n &.center {\n top: 50%;\n }\n\n &.bottomedge {\n transform: translate(-50%, 50%) rotate(45deg);\n }\n }\n\n &.right {\n right: 0;\n transform: translate(50%, -50%) rotate(45deg);\n\n &.center {\n top: 50%;\n }\n\n &.bottomedge {\n transform: translate(50%, 50%) rotate(45deg);\n }\n }\n\n &.top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n\n &.center {\n left: 50%;\n }\n\n &.rightedge {\n transform: translate(50%, -50%) rotate(45deg);\n }\n }\n\n &.bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n\n &.center {\n left: 50%;\n }\n\n &.rightedge {\n transform: translate(50%, 50%) rotate(45deg);\n }\n }\n\n &.leftedge {\n left: 35px;\n }\n\n &.rightedge {\n right: 35px;\n }\n\n &.topedge {\n top: 35px;\n }\n\n &.bottomedge {\n bottom: 35px;\n }\n}\n\n.popup-arrow-overlay {\n position: absolute;\n background-color: inherit;\n width: 100%;\n height: 100%;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mobile-popup {\n background-color: @popup-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-top-left-radius: @popup-border-radius;\n border-top-right-radius: @popup-border-radius;\n overflow: hidden;\n margin-top: 30px;\n #scout.drop-shadow(@x: 0, @y: 0, @blur: 30px, @spread: 5px, @alpha: 0.5);\n\n &.animate-open {\n #scout.animation-name(slidein-bottom);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-bottom);\n #scout.animation-duration(0.5s);\n }\n}\n\n.mobile-popup-header {\n position: absolute;\n width: 100%;\n\n padding-top: @mobile-popup-title-margin-top;\n padding-left: 20px;\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n #scout.font-text-large();\n width: 100%;\n }\n\n & > .closer {\n position: absolute;\n top: 6px;\n right: 6px;\n padding: 7px;\n z-index: 1;\n border-radius: @closer-border-radius;\n\n &::before {\n display: none;\n }\n }\n\n .mobile-popup.closable > & > .title {\n margin-right: @mobile-popup-title-margin-right;\n width: calc(~'100% - ' @mobile-popup-title-margin-right);\n }\n}\n\n.mobile-popup-widget {\n position: relative;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@touch-popup-padding-x: 15px;\n\n.touch-popup {\n position: absolute;\n overflow: hidden;\n #scout.popup-2();\n margin: 45px 10px 10px 10px;\n\n & > .body {\n display: flex;\n flex-direction: column;\n }\n}\n\n.touch-popup-header {\n margin: 8px @touch-popup-padding-x - @menu-item-padding-x 8px @touch-popup-padding-x;\n display: flex;\n align-items: baseline;\n}\n\n.touch-popup-title {\n font-weight: @font-weight-bold;\n color: @title-color;\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.touch-popup-field {\n position: relative;\n margin: 0 @touch-popup-padding-x 8px;\n flex: none;\n}\n\n.touch-popup-widget-container {\n position: relative;\n min-height: 0;\n max-height: 400px;\n}\n\n@media (max-height: @iphone5-height) {\n .touch-popup {\n / move popup to top on small screens, no need to waste space/\n margin-top: 10px;\n }\n}\n","/\n * Copyright (c) 2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.popup-animate-open {\n #scout.animation-name(fadein-zoom);\n #scout.animation-duration(0.2s);\n}\n\n.popup-animate-remove {\n #scout.animation-name(fadeout-shrink-blur);\n #scout.animation-duration(0.15s);\n #scout.animation-fill-mode(forwards);\n}\n\n.widget-popup {\n #scout.popup();\n margin: @widget-popup-margin;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n\n & > .popup-arrow {\n\n &.bottom,\n &.right {\n #scout.drop-shadow-large(@y: 4px, @spread: -2px);\n }\n }\n\n & > .actions {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n white-space: nowrap;\n\n & > .action {\n color: @closer-action-color;\n margin: 7px 7px 7px @menubar-item-margin-x;\n border-radius: @closer-border-radius;\n padding: 7px;\n font-size: 17px;\n min-width: 30px;\n\n &:hover {\n color: @closer-hover-color;\n }\n\n &.disabled {\n color: @disabled-color\n }\n }\n }\n\n & > .popup-widget {\n position: relative;\n overflow: hidden;\n background-color: inherit;\n border-radius: @popup-border-radius;\n }\n\n & > .popup-arrow-overlay {\n border-radius: @popup-border-radius;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n -ms-touch-action: none;\n touch-action: none;\n z-index: 10;\n}\n\n.resizable-s {\n cursor: s-resize;\n height: 10px;\n width: 100%;\n bottom: -5px;\n left: 0;\n}\n\n.resizable-e {\n cursor: e-resize;\n width: 10px;\n right: -5px;\n top: 0;\n height: 100%;\n}\n\n.resizable-se {\n cursor: se-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n bottom: -5px;\n}\n\n.resizable-sw {\n cursor: sw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n bottom: -5px;\n}\n\n.resizable-w {\n cursor: w-resize;\n width: 10px;\n left: -5px;\n top: 0;\n height: 100%;\n}\n\n.resizable-nw {\n cursor: nw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n top: -5px;\n}\n\n.resizable-n {\n cursor: n-resize;\n width: 100%;\n height: 10px;\n left: 0;\n top: -5px;\n}\n\n.resizable-ne {\n cursor: ne-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n top: -5px;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n #scout.popup-2();\n #scout.popup-2-backdrop-filter();\n .messagebox.severity-button(@info-color);\n\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n\n &.calc-helper {\n top: 0;\n left: 0;\n }\n\n &.animate-open {\n #scout.animation-name(fade-in);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.busyindicator-content {\n border-radius: @border-radius-medium;\n padding: 26px;\n}\n\n.busyindicator-label {\n display: inline-block;\n margin-left: @busyindicator-icon-size + 10px;\n text-indent: -(@busyindicator-icon-size + 10px);\n\n &::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n width: @busyindicator-icon-size;\n height: @busyindicator-icon-size;\n margin-top: -3px;\n margin-right: 15px;\n border: 1px fade(@busyindicator-color, 80%) solid;\n border-radius: 50%;\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n }\n\n &.cancelled::before {\n #scout.animation(pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n }\n}\n\n.busyindicator-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n\n.busyindicator-details {\n padding-top: 20px;\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@thumb-radius: 8px;\n@thumb-size: 16px;\n@thumb-border-width: 1px;\n@thumb-border-color: @slider-thumb-border-color;\n@thumb-color: @slider-thumb-color;\n@thumb-focus-border-color: @slider-thumb-focus-border-color;\n@thumb-focus-color: @slider-thumb-focus-color;\n\n@track-height: 3px;\n@track-color: @slider-track-color;\n\n.track() {\n height: @track-height;\n cursor: pointer;\n animate: 0.2s;\n}\n\n/\n @param border-width: because firefox renders the border thinner, for some reason\n /\n.thumb(@border-width) {\n box-sizing: border-box;\n border: @border-width solid @thumb-border-color;\n height: @thumb-size;\n width: @thumb-size;\n border-radius: @thumb-size / 2;\n background-color: @thumb-color;\n cursor: pointer;\n}\n\n.thumb-focus() {\n background-color: @thumb-focus-color;\n border-color: @thumb-focus-border-color;\n}\n\n.slider-input {\n display: inline-block;\n vertical-align: middle;\n border: none;\n\n &:focus {\n border: none;\n box-shadow: none;\n outline: none;\n }\n\n / Get rid of Firefox's focus border. See:\n https://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links /\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n.slider-value {\n display: inline-block;\n vertical-align: middle;\n color: @control-color;\n padding-left: 6px;\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n}\n\n.slider.field {\n / Slider input/value have the container's height (see SliderLayout), therefore they shouldn't wrap, otherwise the layout breaks. /\n white-space: nowrap;\n}\n\ninput[type=range] {\n -webkit-appearance: none;\n padding: 0;\n\n &:focus {\n outline: none;\n }\n\n / ---- Webkit, Chrome ---- /\n &:not(.ms-edge)::-webkit-slider-runnable-track {\n .track();\n background: @track-color;\n }\n\n &:not(.ms-edge)::-webkit-slider-thumb {\n .thumb(@thumb-border-width);\n -webkit-appearance: none;\n margin-top: ((@track-height) / 2) - (@thumb-size / 2);\n }\n\n &:not(.ms-edge):focus::-webkit-slider-thumb {\n .thumb-focus();\n }\n\n / ---- Firefox ---- /\n &::-moz-range-track {\n .track();\n background: @track-color;\n }\n\n &::-moz-range-thumb {\n .thumb(@thumb-border-width + 0.5px);\n }\n\n &:focus::-moz-range-thumb {\n .thumb-focus();\n }\n\n / ---- Internet Explorer, Edge ---- /\n &::-ms-track {\n .track();\n background: transparent;\n border-color: transparent;\n border-size: 0;\n color: transparent;\n }\n\n &::-ms-fill-lower {\n background: @track-color;\n }\n &::-ms-fill-upper {\n background: @track-color;\n }\n &::-ms-thumb {\n .thumb(@thumb-border-width);\n }\n &:focus::-ms-thumb {\n .thumb-focus();\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.splitter {\n position: absolute;\n\n / \| /\n\n &.x-axis {\n top: 0;\n height: 100%;\n width: @splitter-size;\n\n &:not(.disabled) {\n cursor: col-resize;\n }\n\n &.line {\n padding-right: floor((@splitter-size - @splitter-line-size) / 2);\n padding-left: ceil((@splitter-size - @splitter-line-size) / 2);\n }\n }\n\n &.y-axis {\n left: 0;\n width: 100%;\n height: @splitter-size;\n\n &:not(.disabled) {\n cursor: row-resize;\n }\n\n &.line {\n padding-top: floor((@splitter-size - @splitter-line-size) / 2);\n padding-bottom: ceil((@splitter-size - @splitter-line-size) / 2);\n }\n }\n\n &.line {\n background-clip: content-box;\n background-color: @border-color;\n\n &:not(.disabled):hover {\n background-color: @hover-color;\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ Font face definition for custom icon font:\n\nSee GIT history for font-face definitions. Some how it wasn't possible\nto produce a consistent look on all browsers with the font-face definition.\nSimply using font-family works better and is more reliable. However, we still\ncould use 'Open Sans' in the font-family (when it's installed on the client\nsystem) and fall back to Arial otherwise, without downloading a WOFF file.\n\nTry these to switch between fonts:\n\n@defaultFont: 'Open Sans', OpenSans, Arial, sans-serif;\n@defaultFont: Arial, sans-serif;\n /\n@font-default-family: Arial, sans-serif;\n@font-weight-normal: normal;\n@font-weight-bold: bold;\n\n@font-size-extra-small: 10px;\n@font-size-small: 11px;\n@font-size-smaller: 12px;\n@font-size-normal: 13px;\n@font-size-plus: 14px;\n@font-size-large: 16px;\n@font-size-extra-large: 32px;\n\n@font-size-icon: 16px;\n@font-size-icon-large: 24px;\n\n@letter-spacing: 0.2px;\n\n// Arial font is hard to vertically align, especially with icons\n// This variable can be used to fix the alignment for specific widgets that can have an icon\n// or are often placed to the side of widgets with icons\n@text-margin-top: 1px;\n\n@icon-font-weight-light: 300;\n\n@tooltip-font-weight: @font-weight-normal;\n\n@font-face {\n font-family: scoutIcons;\n font-weight: normal;\n src: url('fonts/scoutIcons.woff') format('woff');\n}\n\n@font-face {\n font-family: scoutIcons;\n font-weight: @icon-font-weight-light;\n src: url('fonts/scoutIcons-light.woff') format('woff');\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ -------------------------------- /\n/ Global sizes /\n/ -------------------------------- /\n@application-loading01-size: 80px;\n@application-loading02-size: 120px;\n@border-radius: 3px;\n@border-radius-medium: 8px;\n@border-radius-large: 12px;\n@borderless-field-padding-y: @text-field-padding-y + 1px;\n@collapse-handle-border-radius: @border-radius-medium;\n@control-border-radius: @border-radius;\n@control-alternative-border-radius: @control-border-radius;\n@control-popup-border-radius: @border-radius;\n@control-popup-margin: 5px;\n@drop-shadow-y: 6px;\n@drop-shadow-blur: 13px;\n@drop-shadow-large-y: 8px;\n@drop-shadow-large-blur: 32px;\n@filter-field-bottom: 8px;\n@filter-field-right: 8px;\n@filter-field-height: @logical-grid-row-height;\n@filter-field-height-dense: @logical-grid-row-height-dense;\n@filter-field-width: 190px;\n@filter-field-min-width: 75px;\n@filter-field-max-width: 60%;\n@filter-field-icon-size: 24px;\n@filter-field-transition-duration: 250ms;\n@item-selection-border-width: 2px;\n@logical-grid-row-height: 30px;\n@logical-grid-row-height-dense: 24px;\n@logical-grid-row-gap: 10px;\n@logical-grid-row-gap-dense: 8px;\n@logical-grid-column-width: 420px;\n@logical-grid-column-gap: 40px - @mandatory-indicator-width;\n@logical-grid-small-column-gap: 4px;\n@loading-fade-duration: 250ms;\n@mandatory-indicator-width: 10px;\n@mandatory-indicator-font-size: 15px;\n@field-label-font-size: @font-size-smaller;\n@field-label-padding-top: @borderless-field-padding-y + 1; // +1 Because label font is a little smaller than input font\n@field-label-padding-bottom: @borderless-field-padding-y;\n@field-label-width: 140px;\n@field-status-size: 24px;\n@field-status-margin-left: 6px;\n@focus-box-shadow-size: 3px;\n@text-field-padding-x: 10px;\n@text-field-padding-y: 7px;\n@text-field-padding-top-compensation: 1px + @text-margin-top;\n@text-field-alternative-padding-left: 0;\n@text-field-alternative-padding-right: 0;\n@text-field-icon-size: 24px;\n@text-field-icon-margin-x: (@logical-grid-row-height - 2px - @text-field-icon-size) / 2; // same margin to the right as to the top and bottom of an input field\n@text-field-icon-outer-width: @text-field-icon-size + 2 @text-field-icon-margin-x;\n@text-field-alternative-icon-outer-width: @text-field-icon-size + @text-field-icon-margin-x;\n@top-label-font-size: @font-size-small;\n@top-label-border-padding-bottom: 4px;\n\n/* --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see scout.HtmlEnvironment /\n/ --------------------------------------------------------------------------- /\n.html-env-logical-grid-row {\n height: @logical-grid-row-height;\n margin-bottom: @logical-grid-row-gap;\n\n &.dense {\n height: @logical-grid-row-height-dense;\n margin-bottom: @logical-grid-row-gap-dense;\n }\n}\n\n.html-env-logical-grid-column {\n width: @logical-grid-column-width;\n margin-right: @logical-grid-column-gap;\n margin-left: @logical-grid-small-column-gap;\n}\n\n.html-env-field-mandatory-indicator {\n width: @mandatory-indicator-width;\n}\n\n.html-env-field-label {\n width: @field-label-width;\n}\n\n.html-env-field-status {\n width: @field-status-size;\n}\n\n/ -------------------------------- /\n/ Component specific sizes /\n/ -------------------------------- /\n@bench-padding-x: 20px;\n@bench-view-min-height: 50px;\n@bench-view-min-width: 50px;\n@box-font-size: 14px;\n@box-margin-y: 15px;\n@box-width: 450px;\n@busyindicator-icon-size: 22px;\n@busyindicator-large-size: 100px;\n@busyindicator-large-border-width: 2px;\n@button-border-radius: @border-radius;\n@button-padding-x: 7px;\n@button-padding-y: 2px;\n@button-margin-top: 1px; / Necessary to align icon with text /\n@button-font-icon-size: 16px;\n@calendar-component-margin-left: 32px;\n@calendar-day-selected-circle-size: 23px;\n@calendar-header-button-height: 30px;\n@calendar-title-height: 25px;\n@calendar-week-axis-overlap: 6px;\n@calendar-week-name-width: 45px;\n@calendar-padding-right-mobile: 6px;\n@check-box-border-radius: @border-radius;\n@check-box-border-width: 1px;\n@check-box-field-padding-y: 6px;\n@check-box-field-label-padding-top: 2px;\n@check-box-field-label-padding-left: 7px;\n@check-box-size: 18px;\n@checkable-cell-padding-adjustment: 2px; / 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) /\n@closer-border-radius: 7px;\n@compact-outline-node-padding-x: 16px;\n@compact-outline-node-padding-y: 14px;\n@compact-outline-node-menubar-height: 43px; // Depends on the paddings above, needs to be the height for a single line node\n@compact-outline-title-padding-x: @compact-outline-node-padding-x;\n@context-menu-margin-y: 6px;\n@context-menu-item-padding-y: 8px;\n@context-menu-item-padding-left: 16px;\n@context-menu-item-padding-right: 16px;\n@context-menu-item-icon-margin-right: 14px;\n@dashboard-tile-label-padding-bottom: 5px;\n@dashboard-tile-label-large-padding-bottom: 10px;\n@dashboard-tile-drop-shadow-light-alpha: 0.05;\n@dashboard-tile-drop-shadow-dark-alpha: 0.1;\n@dashboard-tile-border-radius: @border-radius-large;\n@date-picker-header-height: 36px;\n@date-picker-month-padding: 13px;\n@date-picker-day-margin: 2px;\n@date-picker-day-size: 32px;\n@date-picker-day-border-radius: 6px;\n@time-picker-cell-padding-top: 3px;\n@time-picker-cell-size: @date-picker-day-size;\n@time-picker-cell-border-radius: @date-picker-day-border-radius;\n@desktop-bench-drop-shadow-top: 3px;\n@desktop-bench-border-left-width: 1px;\n@desktop-bench-drop-shadow-border-top-left-radius: @desktop-tab-border-radius;\n@desktop-header-height: 64px;\n@desktop-logo-height: 32px;\n@desktop-logo-min-width: 0;\n@desktop-navigation-breadcrumb-width: 240px;\n@desktop-navigation-min-width: 49px; / not 50px because last pixel is the border (would not look good)/\n@desktop-navigation-width: 290px;\n@desktop-notification-no-icon-padding-y: 16px;\n@desktop-tab-border-radius: @view-tab-border-radius;\n@desktop-tab-border-width: 0;\n@desktop-tab-key-box-bottom: @view-tab-key-box-bottom;\n@desktop-tab-margin-top: @view-tab-margin-top;\n@desktop-tab-margin-right: 3px;\n@desktop-tab-padding: 10px;\n@desktop-tab-padding-left: 20px;\n@desktop-tab-width: 200px;\n@desktop-tab-min-width: 130px;\n@desktop-tab-border-radius: @view-tab-selected-border-radius;\n@desktop-tab-margin-top: @view-tab-selected-margin-top;\n@desktop-tool-box-item-border-radius: @view-tab-border-radius;\n@desktop-tool-box-item-font-size: 14px;\n@desktop-tool-box-item-margin: 3px;\n@desktop-tool-box-item-margin-top: @view-tab-margin-top;\n@detail-table-border-radius: 4px;\n@detail-table-row-margin-x: @bench-padding-x - @table-cell-padding-left;\n@detail-table-header-menubar-padding-right: 10px;\n@detail-table-header-item-padding-x: @bench-padding-x - @table-header-item-padding-left;\n@detail-table-header-item-padding-y: @table-header-item-padding-y;\n@detail-table-header-item-margin-top: 6px;\n@detail-table-header-item-margin-bottom: 6px;\n@detail-table-row-padding-y: 10px;\n@detail-table-aggregate-padding-y-large: 20px;\n@detail-table-aggregate-padding-y-small: @table-aggregate-padding-y-small;\n@detail-table-footer-with-handle-margin-left: 30px;\n@dialog-border-top-size: 5px;\n@form-title-padding-top: 16px;\n@group-collapse-icon-margin-top: -1px;\n@group-box-control-font-size: 16px;\n@group-box-control-width: 25px;\n@group-box-body-padding-bottom: 16px;\n@group-box-body-padding-top: 18px;\n@group-box-header-border-width: 1px;\n@group-box-header-margin-top: 8px;\n@group-box-title-padding-bottom: 12px;\n@group-box-title-padding-top: 12px;\n@group-box-title-with-sub-label-padding-bottom: 7px;\n@main-menubar-height: @desktop-header-height;\n@main-menubar-item-margin-x: 5px;\n@main-menubar-first-menu-item-margin-left: @bench-padding-x - @menu-item-padding-x;\n@main-menubar-last-menu-item-margin-right: @main-menubar-first-menu-item-margin-left;\n@main-menubar-first-menu-item-icononly-margin-left: @bench-padding-x - @menubar-item-icononly-padding-x;\n@main-menubar-last-menu-item-icononly-margin-right: @main-menubar-first-menu-item-icononly-margin-left;\n@menubar-button-margin: @menubar-field-menu-margin-y;\n@menubar-field-menu-margin-y: 4px;\n@menubar-item-icononly-padding-x: 8px;\n@menubar-item-icononly-margin-x: 2px;\n@menubar-item-margin-x: 2px;\n@menubar-item-margin-y: 2px;\n@menu-item-height: 39px;\n@menu-item-min-image-icon-width: 16px;\n@menu-item-max-image-icon-height: 16px;\n@menu-item-padding-x: 10px;\n@menu-item-padding-y: 6px;\n@menu-item-icon-margin-right: 8px;\n@messagebox-label-padding: 27px;\n@messagebox-max-width: 473px;\n@filechooser-max-width: 473px;\n@mobile-popup-title-margin-right: 30px;\n@mobile-popup-title-margin-top: 10px;\n@mode-padding-x: 12px;\n@mode-padding-y: 6px;\n@mode-padding-dense-x: 5px;\n@mode-padding-dense-y: 3px;\n@mode-border-width: 1px;\n@mode-selector-alternative-border-width: 3px;\n@notification-no-icon-padding-y: 13px;\n@outline-breadcrumb-node-padding-x: @outline-title-padding-left;\n@outline-breadcrumb-node-padding-y: 12px;\n@outline-data-padding-top: 16px;\n@outline-font-size: @font-size-normal;\n@outline-node-control-padding-left: @outline-title-padding-left;\n@outline-node-control-padding-y: @outline-node-padding-y;\n@outline-node-control-line-height: @tree-node-control-line-height;\n@outline-node-font-icon-line-height: 14px;\n@outline-node-font-icon-size: 16px;\n@outline-node-padding-left: 37px;\n@outline-node-padding-right: 8px;\n@outline-node-padding-y: 9px;\n@outline-title-height: @desktop-header-height;\n@outline-title-padding-left: 20px;\n@outline-title-padding-right: 20px;\n@outline-title-icon-padding-right: 10px;\n@planner-header-button-height: 30px;\n@planner-resource-minheight: @logical-grid-row-height;\n@planner-resource-title-width: 150px;\n@planner-scale-height: 45px;\n@popup-border-radius: @border-radius-large;\n@popup-border-width: 0;\n@popup-arrow-size: 11px;\n@proposal-chooser-padding-x: 12px;\n@proposal-chooser-padding-y: 8px;\n@radio-button-circle-size: 18px;\n@radio-button-inner-circle-size: 10px;\n@radio-button-border-width: 1px;\n@radio-button-field-padding-y: 6px;\n@radio-button-label-padding-top: 2px;\n@radio-button-label-padding-left: 7px;\n@resource-padding-x: 5px;\n@root-group-box-padding-left: @bench-padding-x - @mandatory-indicator-width;\n@root-group-box-padding-right: @bench-padding-x;\n@scrollbar-margin: 8px;\n@scrollbar-side-padding: 5px;\n@scrollbar-side-padding-hover: 3px;\n@scrollbar-size: @scrollbar-thumb-size + 2 @scrollbar-side-padding; // thumb needs to be in the middle\n@scrollbar-thumb-size: 4px;\n@scrollbar-thumb-hover-size: 8px;\n@scroll-shadow-size-large: 10px;\n@scroll-shadow-size: 5px;\n@scroll-shadow-blur: @scroll-shadow-size;\n@scroll-shadow-spread: @scroll-shadow-size + 1; // +1 to ensure firefox does not draw a light shadow on the side of the scrollable\n@search-outline-panel-padding-bottom: 16px;\n@simple-tab-padding: 5px;\n@split-box-splitter-line-size: 3px;\n@split-box-x-splitter-padding: 19px;\n@split-box-y-splitter-padding: 6px;\n@splitter-line-size: 2px;\n@splitter-size: 16px;\n@status-font-icon-size: 16px;\n@sub-title-letter-spacing: 0.2px;\n@sub-title-font-size: 11px;\n@tab-area-border-width: @group-box-header-border-width;\n@tab-item-focus-arrow-width: 15px;\n@tab-item-focus-arrow-padding-top: @tab-item-title-padding-top;\n@tab-item-padding-x: 20px;\n@tab-area-selection-marker-height: 3px;\n@tab-item-title-padding-bottom: @group-box-title-padding-bottom;\n@tab-item-title-padding-top: @group-box-title-padding-top;\n@tab-item-title-margin-top: @group-box-header-margin-top;\n@table-cell-padding-left: 10px;\n@table-cell-padding-right: @table-cell-padding-left;\n@table-cell-padding-right-last: @scrollbar-size;\n@table-control-content-padding: 10px;\n@table-control-container-height: 364px;\n@table-control-container-height-dense: 320px;\n@table-control-resize-border-width: 2px;\n@table-control-size: 40px;\n@table-footer-height: @main-menubar-height;\n@table-footer-text-filter-height: 32px;\n@table-footer-text-filter-width: 180px;\n@table-header-menu-cmd-height: 30px;\n@table-header-menu-cmd-width: 43px;\n@table-header-menu-group-padding-top: 12px;\n@table-header-menu-padding: 16px;\n@table-header-item-padding-left: @table-cell-padding-left - @table-header-item-margin-x;\n@table-header-item-padding-right: @table-cell-padding-right - @table-header-item-margin-x;\n@table-header-item-padding-right-last: @table-cell-padding-right-last - @table-header-item-margin-x;\n@table-header-item-padding-y: 5px;\n@table-header-item-margin-y: 3px;\n@table-header-item-margin-x: 3px;\n@table-header-item-min-height: 27px; // not 28 because of 2px bottom border (to make it equal height as menubar)\n@table-header-icon-font-size: 15px; // not 16 because of 2px bottom border (to really center it)\n@table-header-sort-icon-size-1: 12px;\n@table-header-sort-icon-size-2: @table-header-sort-icon-size-1 + 12px; /* bigger space when multiple icons are displayed /\n@table-info-margin-x: 15px;\n@table-menubar-padding: 8px;\n@table-row-padding-y: 7px;\n@table-row-margin-x: 0px;\n@table-row-level-padding-width: 20px;\n@table-row-control-line-height: @tree-node-control-line-height;\n@table-row-control-padding-left: @tree-node-control-padding-left;\n@table-row-control-size: @tree-node-control-size;\n@table-aggregate-padding-y-large: 15px;\n@table-aggregate-padding-y-small: 7px;\n@tag-field-tag-height: @logical-grid-row-height - 2px - 2 @tag-field-tag-margin-y;\n@tag-field-tag-margin-y: 3px;\n@tag-field-tag-margin-right: 4px;\n@tag-element-padding-x: 8px;\n@tile-padding-y: 6px; /* Optimized for a tile height of 30px (logical-grid-height) /\n@tile-padding-x: 8px;\n@title-font-weight: @font-weight-bold;\n@tile-field-padding: 20px;\n@tile-field-compact-padding-y: 10px;\n@tile-field-compact-padding-x: 15px;\n@tile-field-small-compact-padding-x: @tile-field-compact-padding-y;\n@tooltip-arrow-size: 7px;\n@tooltip-border-radius: @border-radius;\n@tooltip-border-width: 0;\n@tooltip-padding-x: 12px;\n@tooltip-padding-y: @context-menu-item-padding-y;\n@tree-node-icon-width: 16px;\n@tree-node-bitmap-icon-size: @tree-node-icon-width;\n@tree-node-bitmap-icon-margin-top: -2px;\n@tree-node-checkbox-size: 20px;\n@tree-node-checkbox-margin-top: -2px;\n@tree-node-control-checkbox-size: 20px + @tree-node-control-size;\n@tree-node-control-size: 16px;\n@tree-node-control-line-height: 14px;\n@tree-node-control-padding-left: 13px;\n@tree-node-font-icon-line-height: 15px;\n@tree-node-padding-left: 28px;\n@tree-node-padding-right: 7px;\n@tree-node-padding-y: 7px;\n@view-tab-key-box-bottom: 9px;\n@view-tab-icon-font-size: 20px;\n@view-tab-selected-width: 56px;\n@view-tab-margin: 6px;\n@view-tab-margin-top: 14px;\n@view-tab-selected-margin-top: 8px;\n@view-tab-border-radius: @border-radius-medium;\n@view-tab-selected-border-radius: @border-radius-large;\n@year-panel-day-height: 24px;\n@year-panel-day-line-height: @year-panel-day-height;\n@widget-popup-margin: 8px; / minimum margin to window or anchor /\n@wizard-step-padding-x: 15px;\n@wizard-steps-border-width: 1px;\n@wizard-steps-compact-height: 44px;\n@wizard-steps-height: @main-menubar-height;\n@wizard-step-icon-border-width: 1px;\n@wizard-step-icon-margin-right: 9px;\n@wizard-step-icon-size: 26px;\n\n/ -------------------------------- /\n/ Other sizes /\n/ -------------------------------- /\n@iphone5-height: 568px;\n@iphone5-width: 320px;\n@iphone6-width: 375px;\n","/\n * Copyright (c) 2014-2019 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.switch {\n position: absolute;\n right: 0;\n display: flex;\n\n & > .switch-button {\n margin-top: -2px;\n }\n}\n\n.switch-label {\n margin-right: 8px;\n}\n\n.switch-button,\n.switch-button:before {\n transition: .25s ease-in-out;\n}\n\n.switch-button {\n width: 36px;\n position: relative;\n height: 22px;\n border-radius: 11px;\n background-color: @switch-background-color;\n cursor: pointer;\n border: solid 1px @switch-border-color;\n --activated-border-color: @switch-activated-border-color;\n --activated-background-color: @switch-activated-background-color;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n top: 2px;\n left: 2px;\n border: solid 1px @switch-button-border-color;\n background-color: @switch-button-background-color;\n }\n\n &.activated {\n background-color: var(--activated-background-color);\n border-color: var(--activated-border-color);\n\n &:before {\n background-color: @switch-button-activated-background-color;\n border-color: @switch-button-activated-border-color;\n left: calc(~'100% - 18px');\n }\n }\n\n .disabled > & {\n background-color: @switch-disabled-background-color;\n border-color: @switch-disabled-border-color;\n cursor: unset;\n\n &::before {\n background-color: @switch-button-disabled-background-color;\n border-color: @switch-button-disabled-border-color;\n }\n\n &.activated {\n background-color: @disabled-color;\n border-color: @disabled-color;\n\n &::before {\n background-color: @switch-button-activated-background-color;\n border-color: @switch-button-activated-border-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-row-level-padding {\n width: @table-row-level-padding-width;\n}\n\n.table {\n position: relative;\n --table-row-margin-x: @table-row-margin-x;\n --table-row-padding-y: @table-row-padding-y;\n --table-aggregate-row-padding-y-small: @table-aggregate-padding-y-small;\n --table-aggregate-row-padding-y-large: @table-aggregate-padding-y-large;\n\n &:focus,\n &.focused,\n &.perma-focus {\n outline: none;\n\n & > .table-data > .table-row {\n &.selected {\n background-color: @item-selection-background-color;\n\n &::after {\n border-color: @item-selection-border-color;\n }\n }\n }\n }\n\n &.checkable {\n & > .table-data > .table-row {\n cursor: pointer;\n }\n\n &.disabled > .table-data > .table-row,\n & > .table-data > .table-row.disabled {\n cursor: default;\n }\n }\n\n / Used for scout.Table.CheckableStyle.TABLE_ROW /\n\n &.table-row-check {\n & > .table-data {\n & > .table-row {\n &.selected {\n / Don't draw selection /\n background-color: transparent;\n\n &::after {\n display: none;\n }\n }\n\n &:hover {\n background-color: @hover-background-color;\n }\n }\n\n & > .table-row.disabled,\n &.disabled > .table-row {\n background-color: transparent;\n }\n\n & > .table-row {\n &.checked,\n &.checked.selected {\n / Mark checked rows with a background color /\n background-color: @table-row-checked-background-color;\n\n & > .table-cell {\n color: @table-row-checked-color;\n }\n\n &:hover {\n background-color: @selected-hover-background-color;\n }\n }\n }\n\n & > .table-row.disabled,\n &.disabled > .table-row {\n &.checked,\n &.checked.selected {\n background-color: @selected-disabled-background-color;\n }\n }\n }\n\n &.keyboard-navigation:focus,\n &.keyboard-navigation.focused {\n & > .table-data > .table-row {\n &.selected {\n background-color: @hover-background-color;\n\n &.checked {\n background-color: @selected-hover-background-color;\n }\n }\n }\n }\n }\n\n &.structured {\n .table-row:not(.leaf) {\n background-color: @table-structure-row-background-color;\n font-weight: bold;\n }\n }\n\n & > .tile-accordion {\n padding-top: 20px;\n padding-left: 20px;\n padding-right: 15px;\n\n & > .group > .tile-grid {\n padding: 0;\n }\n }\n\n & > .tile-table-header {\n padding-left: 20px;\n padding-right: 20px;\n\n & > .group-box-body {\n padding-bottom: 6px;\n }\n }\n\n &.dimmed-background {\n background-color: @dimmed-background-color;\n\n & > .menubar {\n background-color: inherit;\n }\n }\n\n & > .filter-field {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--controls-height)) / 2);\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--controls-height)) / 2);\n }\n\n .has-menubar.menubar-bottom& {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--controls-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--controls-height)) / 2);\n }\n }\n\n .has-cell-editor-popup& {\n opacity: 0;\n visibility: hidden;\n\n // start the \"fade out\" transition right away\n --filter-field-opacity-transition-delay: 0s;\n // set visibility to hidden right after the \"fade out\" transition ends\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n }\n}\n\n.table-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n :not(.header-invisible) > & {\n / Draw the .table-data div one pixel higher, over the header (for selection border).\n Add the padding to keep the size of the first row and not overdraw the header line with the row background /\n margin-top: -1px;\n padding-top: 1px;\n }\n\n & > .scrollbar.y-axis {\n / Make scrollbar visually centered /\n margin-top: @scrollbar-margin + 1px;\n }\n\n & > .table-row,\n & > .table-aggregate-row,\n & > .table-data-fill,\n & > .scrollbar {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n\n & > .scrollbar {\n z-index: 2; // should lay over cell editor popup\n }\n}\n\n.table {\n &:not(.knight-rider-loading) > .table-data.loading {\n & > .table-row,\n & > .table-aggregate-row,\n & > .table-data-fill,\n & > .scrollbar {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.knight-rider-loading > .loading-indicator {\n #scout.loading-indicator-knight-rider;\n }\n}\n\n.table-data-fill {\n background-color: @border-color; / actual style is set by JS, this is used for the line color (see _applyFillerStyle) /\n}\n\n.table-row,\n.table-aggregate-row {\n position: relative;\n}\n\n.table-row {\n &:active {\n background-color: @table-row-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-nonfocus-background-color;\n\n &::after {\n #scout.item-selection-border();\n z-index: 1; // Ensure selection covers aggregate row which is moved -1px to top\n }\n }\n\n &.select-top::after,\n &.select-middle::after {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.select-middle::after,\n &.select-bottom::after {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &.select-single,\n &.select-top {\n &::after {\n / Move the selection 1px up to cover the bottom border of the previous row. /\n top: -1px;\n height: calc(100% + 1px);\n }\n\n .header-invisible > .table-data > &.first::after {\n // Move to 0 again to make selection fully visible.\n // Don't change height to have the same size as for other rows\n top: 0;\n }\n }\n\n &.checked {\n background-color: @table-row-checked-background-color;\n }\n}\n\n.table-row {\n margin-left: var(--table-row-margin-x);\n margin-right: var(--table-row-margin-x);\n}\n\n.table-cell {\n color: @text-color;\n display: table-cell;\n padding: var(--table-row-padding-y) @table-cell-padding-right var(--table-row-padding-y) @table-cell-padding-left;\n border-bottom: 1px solid @table-row-border-color;\n position: relative;\n #scout.overflow-ellipsis();\n vertical-align: top; / for multiline text /\n\n .last-row-at-bottom > .table-row.last > & {\n border-bottom: 0;\n }\n\n .table-row.disabled > & {\n / Table row is disabled -> use lighter disabled color /\n color: @disabled-color;\n }\n\n .disabled > .table-row > & {\n / Whole table is disabled -> use darker disabled color /\n color: @text-disabled-color;\n }\n\n .disabled.read-only > .table-data > .table-row > & {\n color: @read-only-color;\n }\n\n .table-row.checked > & {\n color: @table-row-checked-color;\n }\n\n &.empty,\n &.icon-only {\n // Disable ellipsis if only icon is shown.\n // Also disable it on empty cells, because IE would display it for very narrow columns even if content is ' '\n text-overflow: clip;\n }\n\n &.last.halign-left,\n &.last.halign-center,\n &.last.halign-right {\n padding-right: @table-cell-padding-right-last;\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.editable::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n #scout.triangle-top-left(5px, @border-color);\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.mandatory::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n border: none;\n color: @border-color;\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.editable.has-error::before {\n #scout.triangle-top-left-color(@error-color);\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.mandatory.has-error::before {\n color: @error-color;\n }\n\n &.table-node {\n\n & > .table-row-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n padding: var(--table-row-padding-y) 8px var(--table-row-padding-y) @table-row-control-padding-left;\n cursor: pointer;\n line-height: @table-row-control-line-height; /* Necessary to align with the text, depends on the used font size /\n\n &::before {\n display: block;\n #scout.font-icon();\n font-size: @table-row-control-size;\n content: @icon-angle-right;\n color: @table-row-control-color;\n\n .expanded& {\n / This \"imprecise\" angle is a workround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n #scout.transform(rotate(89.99deg));\n }\n }\n\n &:hover::before {\n color: @highlight-color;\n }\n }\n }\n\n &.checkable {\n / same padding for left and right, it's by purpose /\n padding: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment) @table-cell-padding-left 0 @table-cell-padding-left;\n cursor: pointer;\n text-overflow: clip;\n\n .grouping-style-top > .table-aggregate-cell& {\n padding-top: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-bottom: 3px;\n }\n\n .grouping-style-bottom > .table-aggregate-cell& {\n padding-bottom: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-top: 3px;\n }\n }\n\n &.checkable.disabled,\n .table.disabled > .table-data > .table-row > &.checkable {\n cursor: default;\n }\n\n & > .check-box {\n\n .table.disabled > .table-data > .table-row > & {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &.undefined {\n #scout.checkbox-undefined-disabled();\n }\n }\n }\n\n &.halign-right {\n text-align: right;\n padding-right: @table-cell-padding-left;\n padding-left: @table-cell-padding-right;\n\n &.table-aggregate-cell {\n direction: rtl;\n\n & > .text, & > .table-cell-icon {\n direction: ltr;\n }\n }\n }\n\n &.halign-center {\n text-align: center;\n padding-right: @table-cell-padding-left;\n }\n}\n\n.table-cell-icon {\n .font-icon& {\n color: @icon-color;\n\n .disabled & {\n color: @disabled-color;\n }\n }\n\n .image-icon& {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n }\n\n .with-text& {\n margin-right: 8px;\n }\n\n .table-row.checked > .table-cell > & {\n color: @text-selection-color;\n }\n}\n\n.table-aggregate {\n overflow: hidden;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n\n & > .table-cell {\n padding: var(--table-row-padding-y) @table-cell-padding-right 0 @table-cell-padding-left;\n border-bottom: 0;\n height: 100%;\n\n & > .font-icon {\n margin-top: 1px;\n }\n }\n}\n\n.table-aggregate-row {\n background-color: @table-aggregate-row-background-color;\n min-width: 100%;\n border-top: 1px solid @table-row-border-color;\n border-bottom: 1px solid @table-row-border-color;\n margin-top: -1px; // top border should cover bottom border of the previous row\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: 12px;\n\n & > .table-cell {\n border-bottom: 0;\n }\n\n &.grouping-style-top > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-large);\n padding-bottom: var(--table-aggregate-row-padding-y-small);\n }\n\n &.grouping-style-bottom > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-small);\n padding-bottom: var(--table-aggregate-row-padding-y-large);\n }\n}\n\n.table-aggregate-cell {\n font-weight: bold;\n overflow: visible;\n vertical-align: middle;\n\n & > .text {\n display: inline-block;\n vertical-align: middle;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .table-cell-icon {\n display: inline-block;\n color: @text-color;\n vertical-align: middle;\n }\n\n &.sum > .table-cell-icon, &.avg > .table-cell-icon {\n font-size: @font-size-extra-small;\n }\n\n / if aggregation is based on selected rows /\n\n &.selection,\n &.selection > .table-cell-icon {\n color: @table-aggregate-cell-selection-color;\n }\n}\n\n.before-aggregate-row > .table-cell {\n border-bottom-color: transparent;\n}\n\n.column-background-effect-bar-chart {\n background-color: @column-background-effect-bar-chart-background-color;\n}\n\n.column-background-effect-gradient1-start {\n background-color: @column-background-effect-gradient1-start-background-color;\n}\n\n.column-background-effect-gradient1-end {\n background-color: @column-background-effect-gradient1-end-background-color;\n}\n\n.column-background-effect-gradient2-start {\n background-color: @column-background-effect-gradient2-start-background-color;\n}\n\n.column-background-effect-gradient2-end {\n background-color: @column-background-effect-gradient2-end-background-color;\n}\n\n/ key box /\n\n.table-row > .key-box {\n top: calc(~'50% - ' 23px / 2);\n}\n\n.table-controls > .table-control > .key-box {\n bottom: 4px;\n}\n\n.table .key-box.char {\n top: calc(~'50% - ' 21px / 2);\n}\n\n/ Animation: rotate from 0 -> 90 deg /\n\n@-webkit-keyframes expand-rotate {\n .keyframes-expand-rotate();\n}\n\n@keyframes expand-rotate {\n .keyframes-expand-rotate();\n}\n\n.keyframes-expand-rotate() {\n 00% { / see comment on top /\n #scout.transform(rotate(0deg));\n }\n 100% {\n #scout.transform(rotate(89.99deg));\n }\n}\n\n.animation-expand-rotate() {\n #scout.animation-name(expand-rotate);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.expand-rotate {\n\n &::before {\n .animation-expand-rotate();\n }\n}\n\n\n/ Animation: rotate collapse 90 -> 0 deg /\n\n@-webkit-keyframes collapse-rotate {\n .keyframes-collapse-rotate();\n}\n\n@keyframes collapse-rotate {\n .keyframes-collapse-rotate();\n}\n\n.keyframes-collapse-rotate() {\n 00% { / see comment on top /\n #scout.transform(rotate(89.99deg));\n }\n 100% {\n #scout.transform(rotate(0deg));\n }\n}\n\n.animation-collapse-rotate() {\n #scout.animation-name(collapse-rotate);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.collapse-rotate {\n\n &::before {\n .animation-collapse-rotate();\n }\n}\n\n/ Required because arrow up/down symbol is not properly vertically aligned with the rest of the sort/group text /\n.sort-symbol {\n top: -1.25px;\n position: relative;\n}\n\n.organize-columns-behind-scrollbar-column.table-cell.last {\n padding: 0;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-footer {\n position: absolute;\n bottom: 0;\n min-height: @table-footer-height;\n width: 100%;\n white-space: nowrap;\n border-top: 1px solid @border-color;\n background-color: @table-footer-background-color;\n}\n\n.table-control-resize {\n position: absolute;\n width: 100%;\n left: 0;\n height: 16px;\n cursor: row-resize;\n z-index: 1;\n border-top: @table-control-resize-border-width solid @table-control-resize-border-color;\n}\n\n.table-control-container {\n position: absolute;\n overflow: hidden;\n outline: none;\n background-color: @table-control-container-background-color;\n bottom: @table-footer-height;\n width: 100%;\n\n / Default value for TableControl.js /\n height: @table-control-container-height;\n\n &.dense {\n height: @table-control-container-height-dense;\n }\n\n display: none;\n z-index: 1;\n / Reset nowrap, forms may have fields which need wrapping (e.g. label field) /\n white-space: normal;\n\n &:not(.has-resizer) {\n border-top: 2px solid @border-color;\n }\n}\n\n.table-control-content {\n height: 100%;\n width: 100%;\n\n & > .form {\n background-color: @table-control-container-background-color;\n\n & > .root-group-box {\n\n & > .group-box-body {\n / to make sure fields are not drawn over the menubar when making table control container very small /\n overflow: hidden;\n }\n\n & > .main-menubar {\n #scout.main-menubar-light;\n border-color: transparent;\n }\n }\n }\n}\n\n.table-controls {\n position: absolute;\n height: 100%;\n margin-left: @bench-padding-x;\n display: flex;\n align-items: center;\n}\n\n.table-info {\n position: absolute;\n right: 0;\n display: inline-flex;\n align-items: center;\n height: 100%;\n margin-right: @bench-padding-x - @table-info-margin-x;\n}\n\n.table-filter {\n position: relative;\n margin-right: @table-info-margin-x;\n}\n\n.table-text-filter {\n min-height: @table-footer-text-filter-height;\n width: @table-footer-text-filter-width;\n font-size: 13px;\n\n &:focus {\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & ~ .clear-icon {\n display: flex;\n }\n }\n }\n\n & ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: @table-footer-text-filter-height;\n }\n}\n\n.table-info-item.hiding {\n visibility: hidden;\n}\n\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n flex-shrink: 0;\n flex-grow: 0;\n color: @table-info-color;\n cursor: pointer;\n line-height: 19px;\n font-size: @font-size-smaller;\n #scout.overflow-nowrap();\n\n / margins are used instead of paddings for a better animation /\n\n & > span {\n display: block;\n margin: 0 @table-info-margin-x\n }\n\n &.disabled {\n cursor: default;\n\n & > .table-info-button {\n color: @table-info-color;\n }\n }\n\n & > .table-info-button {\n color: @link-color;\n\n & > .key-box {\n bottom: 2px;\n }\n }\n\n &:hover > .table-info-button {\n color: @link-hover-color;\n }\n\n &:active > .table-info-button {\n color: @link-active-color;\n }\n}\n\n.table-info-status {\n padding-top: 0;\n line-height: @table-footer-height;\n color: @table-info-color;\n\n &:hover {\n color: @table-info-hover-color;\n }\n\n / normal /\n\n & > .font-icon {\n display: inline-block;\n line-height: normal;\n vertical-align: middle;\n padding-top: 8px; / controls distance to tooltip /\n padding-bottom: 11px; / larger than padding-top, to move icon to optical middle /\n\n &::before {\n content: @icon-info;\n #scout.font-icon();\n font-size: 22px;\n }\n }\n\n / error /\n\n &.error > .font-icon::before {\n #scout.animation(attention 5s linear infinite);\n content: @icon-error;\n }\n\n &.error.tooltip-active {\n color: @table-info-error-color;\n }\n\n &.error.tooltip-active:hover {\n color: @table-info-error-hover-color;\n }\n\n / warning /\n\n &.warning > .font-icon::before {\n content: @icon-error;\n }\n\n &.warning.tooltip-active {\n color: @table-info-warning-color;\n }\n\n &.warning.tooltip-active:hover {\n color: @table-info-warning-hover-color;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: @table-header-background-color;\n border-bottom: 2px solid @table-header-border-color;\n z-index: 0; / begin new stacking context /\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n\n // TableHeader.js will set a border width if the row has one for the selection\n border-left: 0 solid transparent;\n\n &.disabled:not(.read-only) {\n color: @text-disabled-color;\n }\n}\n\n.table-header > .menubar-container {\n position: absolute;\n right: 0;\n top: 0;\n height: 100%;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n margin-left: @table-header-item-margin-x;\n\n & > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n\n & > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n margin-right: @table-header-item-margin-x;\n min-height: @table-header-item-min-height;\n\n & > .font-icon {\n font-size: @table-header-icon-font-size;\n }\n\n &.menu-icononly {\n padding: 0;\n min-width: @table-header-item-min-height;\n }\n }\n }\n}\n\n.table-header-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n font-weight: @font-weight-bold;\n font-size: @font-size-smaller;\n color: @table-header-item-color;\n padding: @table-header-item-padding-y @table-header-item-padding-right @table-header-item-padding-y @table-header-item-padding-left;\n // + 1px because resizer takes 1px on the right\n margin: @table-header-item-margin-y @table-header-item-margin-x + 1 @table-header-item-margin-y @table-header-item-margin-x;\n min-height: @table-header-item-min-height;\n\n / Vertical align is necessary for 2 things: /\n / 1. Alignment in case of multiline headers. /\n / 2. A correct header height, see http://stackoverflow.com/questions/20566710/overflowhidden-displayinline-block-moves-text-upwards /\n vertical-align: middle;\n cursor: pointer;\n border-radius: @border-radius;\n\n &.last {\n // Resizer is also moved 1px to the left, see resize rule below\n margin-right: @table-header-item-margin-x;\n }\n\n &.halign-right {\n justify-content: flex-end;\n text-align: right; // Necessary for multiline header\n padding-right: @table-header-item-padding-left;\n padding-left: @table-header-item-padding-right;\n }\n\n &.halign-center {\n justify-content: center;\n text-align: center; // Necessary for multiline header\n padding-right: @table-header-item-padding-left;\n }\n\n &.last.halign-left,\n &.last.halign-center,\n &.last.halign-right {\n padding-right: @table-header-item-padding-right-last;\n }\n\n &.sorted,\n &.grouped,\n &.filtered {\n / make room for icon /\n padding-right: @table-header-item-padding-right + @table-header-sort-icon-size-1;\n\n &.halign-right,\n &.halign-center {\n padding-right: @table-cell-padding-left + @table-header-sort-icon-size-1;\n }\n }\n\n &.sorted.grouped,\n &.sorted.filtered {\n / make some more room /\n padding-right: @table-header-item-padding-right + @table-header-sort-icon-size-2;\n\n &.halign-right,\n &.halign-center {\n padding-right: @table-cell-padding-left + @table-header-sort-icon-size-2;\n }\n }\n\n &.moving,\n &.releasing {\n // Don't show hover state of underlying item\n z-index: 1;\n }\n\n &.moving > .table-header-item-state {\n display: none;\n }\n\n &:hover {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n &.active, &:active,\n &.moving {\n background-color: @active-background-color;\n }\n\n &.selected {\n background-color: @selected-with-popup-background-color;\n color: @active-color;\n z-index: 1;\n }\n\n &.disabled {\n cursor: default;\n / Override default disabled text color, because \"disabled\" in the table header means something different /\n color: @table-header-item-color;\n background-color: inherit;\n }\n\n &.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n }\n\n & > .icon {\n &.font-icon {\n font-size: @table-header-icon-font-size;\n }\n\n &.with-text {\n margin-right: 8px;\n }\n }\n}\n\n.table-header-item-text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n}\n\n.table-header-item-state {\n position: absolute;\n display: flex;\n align-items: center;\n right: 0;\n top: 0;\n font-weight: normal;\n font-size: @font-size-extra-small;\n color: @table-header-item-state-color;\n height: 100%;\n\n & > .left {\n padding-left: 3px;\n }\n\n &.grouped.filtered > .left {\n padding-top: 0;\n }\n\n & > .right {\n color: @table-header-sort-color;\n margin-top: -3px;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n }\n\n &.sort-desc > .right::after {\n content: @icon-arial-long-arrow-down;\n }\n\n &.sort-asc > .right::after {\n content: @icon-arial-long-arrow-up;\n }\n}\n\n.table-header-resize {\n position: absolute;\n display: inline-block;\n top: 0;\n height: 100%;\n width: 17px;\n padding: 10px 8px;\n margin-left: -9px;\n background-color: @table-header-resize-color;\n background-clip: content-box;\n z-index: 1;\n\n &:not(.disabled) {\n cursor: col-resize;\n\n &:hover {\n background-color: @table-header-resize-hover-color;\n }\n }\n\n .table-header-item.last + & {\n margin-left: -8px; // Ensure resizer of the last column is not visible when columns use the whole width\n }\n\n .table-header.moving > & {\n / Hide separators while moving, because their position will not be updated until the move-end event /\n visibility: hidden;\n }\n}\n\n/ Temporary element inserted in header and data area during resizing of a column /\n.table-column-resize-helper {\n position: absolute;\n top: 0;\n left: 0;\n background-color: transparent;\n height: 1px;\n / width is set dynamically by TableHeader.js /\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-header-menu {\n #scout.popup-2();\n margin: @widget-popup-margin;\n white-space: nowrap;\n overflow: hidden;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n\n.table-header-menu-body {\n position: relative;\n height: 100%;\n width: 100%;\n}\n\n.table-header-menu-actions {\n display: inline-block;\n vertical-align: top;\n padding: @table-header-menu-padding;\n\n & > .table-header-menu-group > .table-header-menu-group-text {\n // Increase size a little to ensure every text is fully visible, at least for german and english (currently necessary for additional sorting group)\n width: calc(100% + 12px);\n }\n}\n\n.table-header-menu-filters {\n display: inline-block;\n vertical-align: top;\n width: 250px;\n padding: 0 @table-header-menu-padding 0 @table-header-menu-padding;\n margin: @table-header-menu-padding 0 @table-header-menu-padding 0;\n\n .table-header-menu-body.compact > & {\n display: block;\n height: auto;\n margin-top: 5px;\n }\n\n & > .table-header-menu-group > .form-field {\n position: relative;\n }\n}\n\n.table-header-menu-group {\n padding-top: @table-header-menu-group-padding-top;\n padding-bottom: 5px;\n\n &.first {\n padding-top: 0;\n }\n\n &.last {\n padding-bottom: 0;\n }\n\n &.buttons {\n padding-bottom: 35px;\n\n &.last {\n padding-bottom: 29px;\n }\n }\n}\n\n.table-header-menu-group-text {\n font-weight: bold;\n color: @label-color;\n padding-bottom: 4px;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.table-header-menu-command {\n float: left;\n width: @table-header-menu-cmd-width;\n margin-right: 10px;\n height: @table-header-menu-cmd-height;\n\n &:focus {\n #scout.focus-border();\n outline: none;\n }\n\n &.last {\n margin-right: 0;\n }\n\n & > .icon::after {\n position: relative;\n left: 3px;\n top: -3px;\n font-size: 13px;\n }\n\n &.move-top > .icon::before {\n content: @icon-angle-double-left;\n }\n\n &.move-up > .icon::before {\n content: @icon-angle-left;\n }\n\n &.move-down > .icon::before {\n content: @icon-angle-right;\n }\n\n &.move-bottom > .icon::before {\n content: @icon-angle-double-right;\n }\n\n &.sort-asc > .icon::before,\n &.sort-asc-add > .icon::before {\n content: @icon-long-arrow-up;\n }\n\n &.sort-desc > .icon::before,\n &.sort-desc-add > .icon::before {\n content: @icon-long-arrow-down;\n }\n\n &.sort-asc-add,\n &.sort-desc-add {\n & > .icon::after {\n content: @icon-plus;\n display: inline-block; / fix for pointer-events: none in IE11 /\n }\n\n &.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px; / limit height otherwise arrow would move up in some browsers /\n }\n }\n\n &.add-column > .icon::before {\n content: @icon-plus;\n }\n\n &.remove-column > .icon::before {\n content: @icon-minus;\n }\n\n &.change-column > .icon::before {\n content: @icon-pencil;\n }\n\n &.togglable.selected:hover {\n & > .icon::before {\n content: @icon-remove;\n }\n\n & > .icon::after {\n content: '';\n }\n }\n\n &.hierarchy-collapse-all > .icon::before {\n content: @icon-collapse-all;\n }\n\n &.hierarchy-expand-all > .icon::before {\n content: @icon-expand-all;\n }\n\n &.group > .icon::before,\n &.group-add > .icon::before {\n content: @icon-group;\n }\n\n &.group-add {\n & > .icon::after {\n content: @icon-plus;\n display: inline-block; / fix for pointer-events: none in IE11 /\n }\n\n &.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px; / limit height otherwise arrow would move up in some browsers /\n }\n }\n\n &.aggregation-function {\n\n &.sum > .icon::before {\n content: @icon-sum;\n }\n\n &.avg > .icon::before {\n content: @icon-avg;\n }\n\n &.max > .icon::before {\n content: @icon-max;\n }\n\n &.min > .icon::before {\n content: @icon-min;\n }\n }\n\n &.color-gradient1 {\n background-image: linear-gradient(to right, @column-background-effect-gradient1-start-background-color, @column-background-effect-gradient1-end-background-color);\n }\n\n &.color-gradient2 {\n background-image: linear-gradient(to right, @column-background-effect-gradient2-start-background-color, @column-background-effect-gradient2-end-background-color);\n }\n\n &.color-bar-chart {\n background-image: linear-gradient(to right, @column-background-effect-bar-chart-background-color 0, @column-background-effect-bar-chart-background-color 65%, @palette-white 65%, @palette-white 100%);\n background-color: transparent;\n }\n\n &.color {\n &:hover {\n border-width: 2px;\n }\n\n &.selected {\n border-width: 2px;\n\n &.togglable:hover {\n background-image: none;\n }\n }\n }\n}\n\n.table-header-menu-filter-actions {\n float: right;\n}\n\n.table-header-menu-filter-toggle-checked {\n display: inline;\n}\n\n.table-header-menu-filter-table.table-row-check {\n border: 1px solid @control-border-color;\n border-radius: @border-radius;\n\n & > .table-data {\n margin-top: 0;\n padding: 3px;\n\n & > .table-row {\n border-radius: @border-radius;\n margin-bottom: 2px;\n\n &.last {\n margin-bottom: 0;\n }\n\n & > .table-cell {\n border: 0;\n\n &.halign-right {\n padding-right: 12px;\n }\n }\n }\n }\n}\n\n.table-header-menu-filter-number-column {\n font-size: @font-size-small;\n color: @table-header-menu-filter-number-column-color;\n vertical-align: middle;\n}\n\n.table-header-menu-toggle-sort-order {\n float: left;\n padding-right: @table-header-menu-padding;\n\n &::before {\n #scout.font-icon();\n }\n}\n\n.table-header-menu-toggle-sort-order-alphabetically::before {\n content: @icon-sort-alpha-asc-bold;\n}\n\n.table-header-menu-toggle-sort-order-amount::before {\n content: @icon-sort-amount-desc-bold;\n}\n\n/ Filter fields group-box /\n.filter-fields {\n padding: 0;\n\n & > .group-box-body {\n padding: 0;\n\n & > .form-field > label {\n margin-left: 0;\n }\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-row-detail {\n padding: @compact-outline-node-padding-y @compact-outline-node-padding-x;\n line-height: 25px;\n}\n\n.table-row-detail-name {\n margin-right: 4px;\n color: @label-color;\n font-size: @field-label-font-size;\n}\n\n.table-row-detail-value {\n white-space: normal;\n #scout.user-select(text);\n}\n\n.table-row-detail-icon {\n &.with-text {\n margin-right: 8px;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-control {\n position: relative;\n color: @table-control-color;\n cursor: pointer;\n border-radius: @border-radius-medium;\n margin-right: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: @table-control-size;\n height: @table-control-size;\n\n & > .font-icon {\n font-size: 22px;\n }\n\n &:hover {\n color: @table-control-hover-color;\n background-color: @hover-background-color;\n }\n\n &:active {\n color: @table-control-active-color;\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @table-control-selected-color;\n background-color: @table-control-selected-background-color;\n }\n\n &.disabled {\n cursor: default;\n color: @table-control-disabled-color;\n background-color: transparent;\n }\n}\n\n.tooltip.table-control-tooltip {\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-info, table-status) /\n margin-top: 8px;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.cell-editor-popup {\n / make sure it is behind the scrollbar but above selection /\n z-index: 1;\n}\n\n.cell-editor-field {\n --padding-top: var(--table-row-padding-y) - @item-selection-border-width;\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width;\n padding: calc(var(--padding-top)) @table-cell-padding-right - @item-selection-border-width calc(var(--padding-bottom)) @table-cell-padding-left - @item-selection-border-width;\n border-width: @item-selection-border-width;\n background-color: @cell-editor-background-color;\n\n .cell-editor-popup.overflow-top & {\n --padding-top: var(--table-row-padding-y) - @item-selection-border-width + 1px; // cell editor is moved up by 1px\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width + 1px; // bottom row has 1px border\n }\n\n .cell-editor-popup.overflow-bottom & {\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width + 2px; // bottom row has 1px border and cell editor is moved down by 1px\n }\n\n &:focus,\n &.focused {\n border-color: @item-selection-border-color;\n box-shadow: none;\n\n &.has-error {\n border-color: @error-border-color;\n box-shadow: none;\n }\n }\n}\n","/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n@table-compact-cell-line-height: 20px;\n\n.compact-cell-title {\n display: flex;\n align-items: baseline;\n line-height: @table-compact-cell-line-height;\n\n & > .left {\n flex-grow: 1;\n font-weight: @title-font-weight;\n #scout.overflow-ellipsis();\n }\n\n & > .right {\n flex-grow: 0;\n / in case it wraps when title is large /\n text-align: right;\n }\n}\n\n.compact-cell-subtitle {\n color: @sub-title-color;\n #scout.overflow-ellipsis();\n\n &:not(:empty) {\n padding-top: 2px;\n }\n}\n\n.compact-cell-content,\n.compact-cell-more-content {\n line-height: @table-compact-cell-line-height;\n}\n\n.compact-cell-content.has-header,\n.compact-cell-more-content.has-header {\n color: @table-compact-cell-content-color;\n}\n\n.compact-cell-more {\n line-height: @table-compact-cell-line-height;\n}\n\n.compact-cell-content:not(:empty).has-header {\n padding-top: 5px;\n}\n\n.compact-cell-line {\n #scout.overflow-ellipsis();\n}\n\n.compact-cell-line-label {\n font-size: @field-label-font-size;\n color: @label-color;\n\n &:not(:empty) {\n margin-right: 4px;\n }\n\n & > .icon {\n margin-right: 2px;\n }\n}\n\n.compact-cell-line-label,\n.compact-cell-line-value {\n & > .icon.with-text {\n margin-right: 8px;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-element,\n.overflow-icon {\n display: inline-flex;\n user-select: none;\n white-space: nowrap;\n color: @tag-text-color;\n outline: none;\n border-radius: @border-radius;\n background-color: @tag-element-background-color;\n height: @tag-field-tag-height;\n line-height: @tag-field-tag-height;\n margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0;\n overflow: hidden; // Keep rounded edges on remove icon hover\n\n &.focused:not(:hover) {\n background-color: @tag-element-focus-background-color;\n }\n}\n\n.tag-element {\n & > .tag-text {\n max-width: 85px;\n #scout.overflow-ellipsis();\n padding: 0 @tag-element-padding-x;\n\n .removable& {\n padding-right: 4px;\n }\n\n .clickable& {\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n }\n }\n}\n\n.overflow-icon {\n align-items: center;\n color: @tag-icon-color;\n padding: 0 6px;\n vertical-align: bottom;\n\n &::before {\n #scout.font-icon();\n position: relative;\n font-size: 16px;\n content: @icon-angle-down-bold;\n }\n\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n\n &.selected {\n background-color: @tag-overflow-element-selected-background-color;\n color: @tag-overflow-element-selected-color;\n }\n}\n\n.tag-remove-icon {\n color: @tag-icon-color;\n display: flex;\n justify-content: center;\n width: @tag-field-tag-height;\n padding-top: 1px;\n\n &::before {\n #scout.font-icon();\n position: relative;\n content: @icon-remove-bold;\n }\n\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n color: @palette-black;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-overflow-popup {\n padding: 8px - @tag-field-tag-margin-y 8px - @tag-field-tag-margin-right 8px 8px;\n max-width: 250px;\n overflow: hidden;\n #scout.control-popup();\n\n & > .popup-body {\n display: inline;\n }\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.time-picker-popup {\n position: absolute;\n #scout.control-popup();\n overflow: hidden;\n max-height: 350px;\n}\n\n.time-picker-separator {\n position: absolute;\n top: 0;\n left: 46px;\n height: 100%;\n border-right: 1px @palette-gray-4 solid;\n}\n\n.time-picker {\n position: relative;\n background-color: @control-background-color;\n\n &.touch-only :not(.selected):not(.disabled):not(:active):hover {\n &,\n & > .cell {\n // Disable sticky hover effect on touch devices\n background-color: inherit;\n }\n }\n\n .touch-popup-widget-container > & {\n max-height: 300px;\n display: flex;\n justify-content: center;\n\n & > .day-table {\n padding: 0;\n\n & > .hour-row:first-child > .cell {\n margin-top: 0;\n }\n }\n }\n}\n\n.time-picker-touch-popup {\n max-width: 200px;\n\n & > .body > .touch-popup-widget-container > .time-picker-separator {\n left: 84px;\n }\n}\n\n.day-table {\n padding: 0 13px 0 3px;\n\n & > .hour-row {\n display: flex;\n\n &:hover > .hours,\n &:hover > .hours.preselected {\n background-color: @hover-background-color;\n }\n\n &:first-child > .cell {\n margin-top: 7px;\n }\n\n &:last-child > .cell {\n margin-bottom: 7px;\n }\n\n & > .cell {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: @time-picker-cell-size;\n height: @time-picker-cell-size;\n margin: 2px;\n border-radius: @time-picker-cell-border-radius;\n }\n\n & > .hours {\n color: @time-picker-hours-color;\n margin: 2px 13px 2px 4px;\n\n &.now {\n color: @date-picker-now-color;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n font-weight: @font-weight-bold;\n }\n }\n\n &.preselected {\n background-color: @time-picker-preselected-background-color;\n }\n\n &:hover + .minutes {\n background-color: @hover-background-color;\n\n &.selected {\n background-color: @time-picker-selected-background-color;\n }\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @item-selection-border-color;\n\n & > .text {\n font-weight: @font-weight-bold;\n border-bottom: 2px @selected-background-color solid;\n margin-bottom: -2px;\n }\n }\n }\n\n & > .minutes {\n\n &.now {\n color: @time-picker-now-color;\n font-weight: @font-weight-bold;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n font-weight: @font-weight-bold;\n }\n }\n\n &.preselected {\n background-color: @time-picker-preselected-background-color;\n }\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @time-picker-selected-color;\n background-color: @time-picker-selected-background-color;\n\n &.now > .text {\n border-color: @time-picker-now-selected-color;\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tooltip {\n position: absolute;\n background-color: @tooltip-info-background-color;\n border-radius: @tooltip-border-radius;\n border: @tooltip-border-width solid @tooltip-border-color;\n color: @tooltip-info-color;\n #scout.drop-shadow(@y: 4px, @blur: 6px, @alpha: 5%);\n max-width: 300px;\n white-space: normal;\n}\n\n.tooltip-content {\n padding: @tooltip-padding-y @tooltip-padding-x;\n position: relative;\n min-width: 60px; / Prevents tooltips with very short text from looking \"strange\" /\n #scout.overflow-ellipsis();\n font-weight: @tooltip-font-weight;\n background-color: inherit; // Necessary if arrow has a border\n border-radius: @tooltip-border-radius;\n\n .has-menus > & {\n font-weight: @font-weight-bold;\n padding-left: @context-menu-item-padding-left;\n padding-right: @context-menu-item-padding-right;\n padding-top: @tooltip-padding-y + 6px;\n }\n\n & .small {\n font-size: @font-size-small;\n font-weight: @font-weight-normal;\n color: @tooltip-small-color;\n }\n\n & > .table-cell-icon {\n // necessary to overrule default icon color in table-cell tooltips (e.g. when hovering a grouping number value having an ellipsis)\n color: @tooltip-info-color;\n }\n}\n\n.tooltip-menus {\n position: relative;\n background-color: inherit; // Necessary if arrow has a border\n padding-bottom: 6px;\n\n .no-text > & {\n padding-top: 6px;\n }\n\n & > .menu-item {\n display: flex;\n justify-content: start;\n border-radius: 0;\n padding: @tooltip-padding-y @context-menu-item-padding-right @tooltip-padding-y @context-menu-item-padding-left;\n\n &:hover {\n background-color: @tooltip-menu-hover-background-color;\n }\n\n & > .submenu-icon {\n padding-left: 5px;\n }\n\n .ok > & {\n color: @tooltip-ok-color;\n }\n\n .info > & {\n color: @tooltip-menu-color;\n }\n\n .warning > & {\n color: @tooltip-warning-color;\n }\n\n .error > & {\n color: @tooltip-error-color;\n }\n }\n}\n\n.tooltip-arrow {\n position: absolute;\n width: @tooltip-arrow-size;\n height: @tooltip-arrow-size;\n background-color: inherit;\n border: inherit;\n}\n\n.tooltip-arrow.arrow-bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n\n.tooltip-arrow.arrow-top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.tooltip.error {\n background-color: @tooltip-error-background-color;\n border-width: 0;\n color: @tooltip-error-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-error-background-color;\n }\n}\n\n.tooltip.warning {\n background-color: @tooltip-warning-background-color;\n border-width: 0;\n color: @tooltip-warning-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-warning-background-color;\n }\n}\n\n.tooltip.ok {\n background-color: @tooltip-ok-background-color;\n border-width: 0;\n color: @tooltip-ok-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-ok-background-color;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.widget-tooltip {\n max-width: none;\n\n & > .tooltip-widget-container {\n position: relative;\n padding: 10px;\n background-color: inherit;\n overflow: hidden;\n border-radius: @tooltip-border-radius;\n\n & > .widget {\n position: relative;\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tree {\n position: relative;\n\n &:focus,\n &.focused {\n outline: none;\n\n & > .tree-data {\n & > .animation-wrapper > .tree-node.selected,\n & > .tree-node.selected {\n background-color: @item-selection-background-color;\n\n &::after {\n border-color: @item-selection-border-color;\n }\n }\n }\n }\n\n & > .filter-field {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--menubar-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--menubar-height)) / 2);\n }\n }\n}\n\n.tree-data {\n / necessary for scrollbars /\n position: relative;\n overflow: hidden;\n width: 100%; / expand to outer container, needed for breadcrumb /\n\n / required because text shouldn't go into ellipsis mode when scrollbars are enabled /\n\n &.scrollable-tree {\n overflow-anchor: none;\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n overflow: visible;\n }\n\n & > .tree-node > .text,\n & > .animation-wrapper > .tree-node > .text {\n text-overflow: clip;\n }\n }\n\n &.checkable {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n cursor: pointer;\n }\n }\n}\n\n.navigation-breadcrumb .tree-data {\n float: left;\n}\n\n.tree-node {\n display: flex;\n align-items: start;\n position: relative;\n padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left;\n #scout.overflow-ellipsis-nowrap();\n\n &:active {\n background-color: @tree-node-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-nonfocus-background-color;\n\n &::after {\n #scout.item-selection-border();\n }\n }\n\n &.disabled {\n / Tree node is disabled -> use lighter disabled color /\n color: @disabled-color;\n }\n\n .disabled > & {\n / Whole tree is disabled -> use darker disabled color /\n color: @text-disabled-color;\n }\n\n .disabled.read-only > .tree-data > & {\n color: @read-only-color;\n }\n\n & > .text {\n vertical-align: top;\n display: inline-block;\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .icon {\n vertical-align: top;\n padding-right: 9px;\n display: inline-block;\n text-align: center;\n min-width: @tree-node-icon-width;\n / Use content-box for images because it leads to wrong behavior when someone sets a min-width/height\n * on an IMG element that has padding and the available space for the image is 'min-width' - 'padding'\n * See ticket 208111 /\n box-sizing: content-box;\n\n &.image-icon {\n margin-top: @tree-node-bitmap-icon-margin-top;\n / required to reserve space for bitmap icons in the tree when image resource is not yet loaded /\n min-width: @tree-node-bitmap-icon-size;\n min-height: @tree-node-bitmap-icon-size;\n }\n\n &.font-icon {\n / Necessary to align with the text, depends on the used font size /\n line-height: @tree-node-font-icon-line-height;\n }\n }\n}\n\n.tree-node-checkbox {\n display: block;\n position: absolute;\n top: auto;\n left: auto;\n margin-top: @tree-node-checkbox-margin-top;\n margin-left: -@tree-node-checkbox-size - 8px;\n width: @tree-node-checkbox-size;\n height: @tree-node-checkbox-size;\n\n & > .check-box {\n &:not(.checked).children-checked {\n #scout.checkbox-undefined();\n\n // Check box gets disabled class if a single node is disabled\n &.disabled {\n #scout.checkbox-disabled();\n #scout.checkbox-undefined-disabled();\n }\n }\n\n // If the tree or a parent widget is disabled, the check box doesn't get the disabled class\n .tree.disabled > .tree-data > .tree-node > &,\n .tree.disabled > .tree-data > .animation-wrapper > .tree-node > & {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &:not(.checked).children-checked {\n #scout.checkbox-undefined-disabled();\n }\n }\n }\n}\n\n// The class can be added if the parent node should not visualize that a child node is checked.\n// Currently, there is no official property on the tree for this case because it is rarely used.\n// .tree is necessary to be more specific than rule above\n.tree.no-children-checked-style {\n & > .tree-data > .tree-node,\n & > .tree-data > .animation-wrapper > .tree-node {\n & > .tree-node-checkbox > :not(.checked).children-checked {\n background-color: inherit;\n border-color: @check-box-border-color;\n\n .disabled&,\n &.disabled {\n background-color: inherit;\n border-color: @check-box-disabled-border-color;\n }\n\n &::before {\n display: none;\n }\n }\n }\n}\n\n.tree-node-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n padding: @tree-node-padding-y 8px @tree-node-padding-y @tree-node-control-padding-left;\n height: 100%;\n line-height: @tree-node-control-line-height; / Necessary to align with the text, depends on the used font size /\n color: @tree-node-control-color;\n\n &::before {\n display: block;\n transition: transform 0.3s;\n #scout.font-icon();\n font-size: @tree-node-control-size;\n content: @icon-angle-right;\n\n .tree-node.lazy > & {\n font-family: @font-default-family;\n content: '+';\n / Move to left because '+' sign is not as wide as 'arrow-down' /\n margin-left: -2px;\n }\n\n .tree-node.expanded > & {\n / This \"imprecise\" angle is a workaround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n #scout.transform(rotate(89.99deg));\n }\n }\n\n &:hover {\n color: @highlight-color;\n }\n}\n\n/ bread crumb style /\n.tree.breadcrumb {\n\n & > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid @border-color;\n padding: 8px 10px;\n\n &.ancestor-of-selected,\n &.child-of-selected,\n / Selecting a node will remove all child-of-selected classes of the parent's children, hence the selected node will be temporarily invisible.\n If that happens the active state won't be removed correctly (browser bug?). To prevent this we make sure the node will not get invisible when touched. /\n &:active {\n display: flex;\n }\n\n &.selected {\n display: flex;\n cursor: default;\n }\n\n & > .text {\n white-space: normal;\n }\n\n & > .tree-node-control {\n display: none;\n }\n }\n }\n}\n\n/ key handling /\n\n.tree-node .key-box {\n top: calc(~'50% - 11px');\n}\n\n.tree > .tree-data > .key-box {\n top: 6px;\n left: 4px;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.compact-tree {\n\n .tree-field > & {\n margin-left: @mandatory-indicator-width;\n }\n\n &:focus {\n #scout.no-focus-border;\n\n & > .tree-data > .nodes > .section > .section-node.selected {\n text-decoration: underline;\n color: @focus-color;\n }\n }\n\n & > .tree-data {\n position: relative;\n overflow: hidden;\n padding-top: 10px;\n\n & > .nodes {\n #scout.vendor(column-count, 2);\n #scout.vendor(column-gap, 24px);\n\n & > .section {\n margin-bottom: 30px;\n\n / Use full width to enlarge touch area /\n width: 100%;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n #scout.vendor(column-break-inside, avoid);\n break-inside: avoid-column;\n page-break-inside: avoid;\n\n / Hack for FF, because column-break-inside does not yet work for all elements, only for tables /\n / see: https://bugzilla.mozilla.org/show_bug.cgi?id=549114 /\n display: table;\n\n & > .title {\n font-weight: @title-font-weight;\n }\n\n & > .section-node {\n cursor: pointer;\n padding-top: 12px;\n\n &:hover {\n color: @hover-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile {\n &.newly-rendered {\n / 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 /\n .invisible();\n }\n\n &.animate-visible {\n #scout.animation-name(fadein-grow);\n #scout.animation-duration(0.4s);\n }\n\n &.animate-invisible {\n #scout.animation-name(fadeout-shrink);\n #scout.animation-duration(0.3s);\n #scout.animation-fill-mode(forwards);\n }\n\n &.animate-insert {\n #scout.animation-name(fadein-zoom-bounce);\n #scout.animation-duration(0.4s);\n }\n\n &.animate-remove {\n #scout.animation-name(fadeout-shrink-blur);\n #scout.animation-duration(0.2s);\n #scout.animation-fill-mode(forwards);\n }\n}\n\n/ The default class is added if displayStyle is set to DEFAULT. If it is set to PLAIN no class will be added. /\n.default-tile {\n background-color: @tile-background-color;\n border: 1px solid @tile-border-color;\n padding: @tile-padding-y @tile-padding-x;\n\n &.selectable:active:not(.selected),\n &.selectable.active:not(.selected) {\n background-color: @tile-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@tile-grid-loading-transition: opacity @loading-fade-duration;\n\n.tile-grid {\n padding: 6px 0;\n\n &:focus,\n &.focused {\n outline: none;\n }\n\n &.scrollable {\n padding-right: 15px;\n }\n\n & > .tile {\n transition: @tile-grid-loading-transition;\n }\n\n & > .scrollbar {\n opacity: 1;\n transition: @tile-grid-loading-transition;\n }\n\n &.loading {\n & > .tile,\n & > .scrollbar {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n & > .filter-field-container {\n .scrollable& {\n top: calc(~'100% - ' 10px);\n left: 100%;\n }\n }\n}\n\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see TileGridLayoutConfig.js & TileGridLayoutConfig.java /\n/ --------------------------------------------------------------------------- /\n.tile-grid-layout-config {\n width: 210px;\n height: 155px;\n margin-left: 15px; / horizontal gap /\n margin-top: 15px; / vertical gap /\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile-overview {\n background-color: @dimmed-background-color;\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n\n.tile-overview-content {\n position: absolute;\n\n margin: 42px 65px; / for larger screens /\n @media screen and (max-width: 800px) {\n / for small screens /\n margin: 20px 20px 20px 23px;\n }\n\n & > .tile-grid {\n position: relative;\n margin-bottom: 30px;\n }\n}\n\n.tile-overview-title {\n overflow: hidden;\n font-size: @font-size-extra-large;\n height: auto !important;\n padding-bottom: 20px;\n #scout.overflow-ellipsis-nowrap();\n\n &.animated {\n transition: max-height 400ms, padding-bottom 400ms;\n }\n\n &.removed {\n max-height: 0 !important;\n padding-bottom: 0;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile-accordion {\n & > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-bottom: 0;\n }\n\n & > .filter-field-container {\n top: calc(~'100% - ' 16px);\n\n .scrollable& {\n left: 100%;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.placeholder-tile {\n background-color: @tile-placeholder-background-color;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard {\n border: none;\n border-radius: @dashboard-tile-border-radius;\n color: @tile-default-color;\n --tile-background-color: @tile-default-background-color;\n background-color: var(--tile-background-color);\n overflow: hidden;\n\n #scout.double-drop-shadow(@spread1: 1px, @color1: @dashboard-tile-border-color, @y2: 0px, @blur2: 0px);\n\n &.inverted {\n #scout.double-drop-shadow(@spread1: 1px, @color1: @tile-default-inverted-background-color, @y2: 0px, @blur2: 0px);\n }\n\n &.inverted.color-alternative {\n #scout.double-drop-shadow(@spread1: 1px, @color1: @tile-alternative-inverted-background-color, @y2: 0px, @blur2: 0px);\n }\n\n .dimmed-background & {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-light-alpha);\n\n &.disabled,\n &.inverted {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-dark-alpha);\n }\n }\n\n & > .form-field {\n padding: 16px @tile-field-padding @tile-field-padding;\n\n &.label-hidden {\n padding-top: @tile-field-padding;\n\n .compact& {\n // reduce padding-top only if there is no label\n // the padding with label is already fine\n padding-top: @tile-field-compact-padding-y;\n }\n }\n\n .compact& {\n padding-bottom: @tile-field-compact-padding-y;\n padding-left: @tile-field-compact-padding-x;\n padding-right: @tile-field-compact-padding-x;\n }\n\n &.no-padding {\n padding: 0;\n\n & > .field {\n border: 0;\n border-radius: 0;\n }\n }\n\n & > label {\n color: @tile-default-label-color;\n margin: 0;\n font-size: 12px;\n font-weight: bold;\n padding-top: 0;\n padding-bottom: @dashboard-tile-label-padding-bottom;\n padding-right: 0;\n }\n\n & > .field {\n margin-left: 0;\n overflow: hidden;\n }\n\n & > .mandatory-indicator {\n display: none;\n }\n\n / Define a short transition for opacity changes on all field elements (used in .loading state) /\n\n & > label,\n & > .mandatory-indicator,\n & > .field,\n & > .status {\n transition: opacity 0.15s; / Same time is used in animation() of .loading-indicator /\n opacity: 1;\n }\n\n & > .status {\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n\n background-color: var(--tile-background-color);\n box-shadow: 0 0 4px 4px var(--tile-background-color);\n border-radius: 50%;\n\n padding: 0;\n margin: 0;\n\n // These properties are set by FormFieldLayout.js depending on StatusPosition, Label, etc.\n // In order to fix these values for the FormFieldTile we need !important.\n height: 24px !important;\n width: 24px !important;\n top: 12px !important;\n right: 12px !important;\n line-height: unset !important;\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n border-radius: @border-radius;\n }\n\n / Move part of the tile's padding (@offset) to the inner div. /\n / This makes it possible to draw the scrollbar (seemingly) outside the field. /\n\n &.scrollbar-y-outside {\n @offset: 17px;\n padding-right: @tile-field-padding - @offset;\n\n .compact& {\n padding-right: 0;\n }\n\n & > label {\n margin-right: @offset;\n }\n\n & > .field {\n padding-right: @offset;\n\n & > .scrollbar.y-axis {\n / Remove margin top/bottom, because root-group-box already provides a padding /\n height: 100%;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n }\n\n / --- Special rules for specific tile fields --- /\n\n &.browser-field > .field {\n border-radius: 0;\n }\n\n &.browser-field.inverted > .field {\n border: 0;\n }\n\n &.html-field > label,\n &.bean-field > label {\n padding-bottom: @dashboard-tile-label-large-padding-bottom;\n }\n }\n\n &.loading {\n & > .form-field > label,\n & > .form-field > .mandatory-indicator,\n & > .form-field > .field,\n & > .form-field > .status {\n / Same as 'visibility: hidden', except it can be animated with CSS transitions /\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.inverted {\n --tile-background-color: @tile-default-inverted-background-color;\n color: @tile-default-inverted-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n }\n\n & > .form-field {\n & > label {\n color: @tile-default-inverted-label-color;\n }\n\n / Override link style in inverted tiles, otherwise app-links would not be readable /\n\n & .app-link,\n & a {\n color: @tile-default-inverted-color;\n\n &:hover {\n color: @tile-default-inverted-link-hover-color;\n }\n\n &:active {\n color: @tile-default-inverted-link-active-color;\n }\n }\n\n & > .status::before {\n color: @tile-default-inverted-color;\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n &::before {\n color: @tile-default-inverted-color;\n }\n\n &:hover::before {\n background-color: @tile-default-inverted-status-hover-background-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @tile-default-inverted-status-active-background-color;\n }\n }\n\n &.has-error > .status {\n &::before {\n color: @tile-default-inverted-error-status-color;\n }\n\n &:hover::before,\n &:active::before,\n &.selected::before {\n color: @tile-default-inverted-error-status-hover-color;\n }\n }\n\n .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-color;\n }\n\n .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-hover-color;\n }\n\n .container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: @tile-scrollbar-thumb-inverted-small-color;\n }\n\n .container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n .container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-small-hover-color;\n }\n }\n }\n\n &.color-alternative {\n --tile-background-color: @tile-alternative-background-color;\n color: @tile-alternative-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n }\n\n & > .form-field {\n & > label {\n color: @tile-alternative-label-color;\n }\n\n & .app-link,\n & a {\n color: @tile-alternative-link-color;\n\n &:hover {\n color: @tile-alternative-link-hover-color;\n }\n\n &:active {\n color: @tile-alternative-link-active-color;\n }\n }\n }\n }\n\n &.inverted.color-alternative {\n --tile-background-color: @tile-alternative-inverted-background-color;\n color: @tile-alternative-inverted-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n }\n\n & > .form-field {\n & > label {\n color: @tile-alternative-inverted-label-color;\n }\n\n & .app-link,\n & a {\n color: @tile-alternative-inverted-color;\n\n &:hover {\n color: @tile-alternative-inverted-link-hover-color;\n }\n\n &:active {\n color: @tile-alternative-inverted-link-active-color;\n }\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n &:hover::before {\n background-color: @tile-alternative-inverted-status-hover-background-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @tile-alternative-inverted-status-active-background-color;\n }\n }\n }\n }\n\n &.selected {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-selected-border-color, @y2: 0px, @blur2: 0px);\n\n &.inverted {\n --tile-background-color: @dashboard-tile-default-inverted-background-color;\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-inverted-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n &.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n &.inverted.color-alternative {\n --tile-background-color: @dashboard-tile-alternative-inverted-background-color;\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-inverted-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n .dimmed-background & {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-light-alpha);\n\n &.inverted {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-inverted-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-dark-alpha);\n }\n\n &.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-light-alpha);\n }\n\n &.inverted.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-inverted-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-dark-alpha);\n }\n }\n }\n}\n\n/\n Mixing that can be used to reduce the horizontal padding.\n To ensure the label is aligned with the label from other tiles the h-padding of the label is increased.\n /\n.dashboard-tile-small-horizontal-padding(@padding-x: @tile-field-compact-padding-x, @small-padding-x: @tile-field-small-compact-padding-x) {\n padding-left: @small-padding-x;\n padding-right: @small-padding-x;\n\n & > label {\n padding-left: @padding-x - @small-padding-x;\n padding-right: @padding-x - @small-padding-x;\n }\n}","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard > .tile-button {\n padding-top: 0;\n padding-bottom: 0;\n cursor: pointer;\n\n & > .field {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n padding-top: 20px;\n padding-bottom: 20px;\n\n &.with-icon {\n padding-top: 17px;\n }\n\n &.without-icon {\n justify-content: center;\n }\n\n & > .icon-container,\n & > .label {\n display: block;\n }\n\n & > .icon-container {\n flex-grow: 1;\n\n & > .font-icon {\n font-size: 40px;\n font-weight: @icon-font-weight-light;\n color: @tile-button-default-icon-color;\n }\n }\n\n & > .label {\n font-size: 16px;\n max-height: 66px;\n #scout.overflow-ellipsis();\n }\n\n &.with-icon > .label {\n padding-top: 18px;\n }\n }\n}\n\n.tile.dashboard.compact > .tile-button {\n padding-bottom: 0; // Override FormFieldTile.less\n\n & > .field {\n padding-top: 12px;\n padding-bottom: 12px;\n\n &.with-icon {\n min-height: 100px;\n }\n\n & > .label {\n font-size: 14px;\n padding-top: 0;\n\n // Show max. 2 lines\n //noinspection CssInvalidPropertyValue\n display: -webkit-inline-box;\n //noinspection CssUnknownProperty\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n & > .icon-container > .font-icon {\n font-size: 28px;\n }\n }\n}\n\n.button-tile.dashboard {\n background-color: inherit;\n\n & > .tile-button {\n background-color: @tile-default-background-color;\n\n & > .field > .label {\n color: @link-color;\n }\n }\n\n &:hover {\n\n .dimmed-background & {\n #scout.drop-shadow(); // More intense than regular dashboard shadow\n }\n\n & > .tile-button {\n background-color: @tile-button-default-hover-background-color;\n }\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-default-active-background-color;\n }\n\n &.inverted {\n\n & > .tile-button {\n background-color: @tile-default-inverted-background-color;\n\n & > .field {\n & > .label {\n color: @tile-button-default-inverted-color;\n }\n\n & > .icon-container > .font-icon {\n color: @tile-button-default-inverted-icon-color;\n }\n }\n }\n\n &:hover > .tile-button {\n background-color: @tile-button-default-inverted-hover-background-color;\n border-color: @tile-button-default-inverted-hover-background-color;\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-default-inverted-active-background-color;\n border-color: @tile-button-default-inverted-active-background-color;\n }\n }\n\n &.color-alternative.inverted {\n & > .tile-button {\n background-color: @tile-alternative-inverted-background-color;\n\n & > .field {\n & > .label {\n color: @tile-button-alternative-inverted-color;\n }\n\n & > .icon-container > .font-icon {\n color: @tile-button-alternative-inverted-icon-color;\n }\n }\n }\n\n &:hover > .tile-button {\n background-color: @tile-button-alternative-inverted-hover-background-color;\n border-color: @tile-button-alternative-inverted-hover-background-color;\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-alternative-inverted-active-background-color;\n border-color: @tile-button-alternative-inverted-active-background-color;\n }\n }\n\n &.disabled {\n\n .dimmed-background & {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-light-alpha);\n }\n\n & > .tile-button {\n &, .inverted&, .color-alternative.inverted& {\n background-color: transparent;\n border-color: transparent;\n cursor: default;\n\n & > .field {\n & > .icon-container > .font-icon {\n color: @button-disabled-color;\n }\n\n & > .label {\n color: @button-disabled-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard > .table-field {\n .dashboard-tile-small-horizontal-padding(@tile-field-padding, @tile-field-padding - @table-cell-padding-left);\n padding-bottom: 12px;\n\n &.label-hidden {\n padding-top: 7px;\n }\n\n & > label {\n padding-bottom: @dashboard-tile-label-large-padding-bottom;\n }\n\n .compact& {\n .dashboard-tile-small-horizontal-padding(@tile-field-compact-padding-x, @tile-field-compact-padding-x - @table-cell-padding-left);\n\n & > label {\n padding-bottom: @dashboard-tile-label-padding-bottom;\n }\n }\n\n / adjust menu bar when visible /\n &.has-menubar {\n padding-bottom: 2px;\n\n & > .table > .menubar.bottom {\n padding-top: 1px;\n }\n }\n\n & > .table {\n border: 0; / see .table-row definition below /\n border-radius: 0;\n background-color: transparent;\n\n &:focus,\n &.focused {\n box-shadow: none;\n }\n\n & > .table-header {\n background-color: transparent;\n\n & > .table-header-item {\n color: @tile-table-default-color;\n\n & > .table-header-item-state {\n display: none;\n }\n }\n\n & > .table-header-resize {\n display: none;\n }\n\n / show separator on mouseover only /\n\n &:hover > .table-header-resize {\n display: inline-block;\n }\n }\n\n &:not(:focus):not(.focused) > .table-data > .table-row.selected {\n / No selection color for non-focused table tiles /\n background-color: transparent;\n\n &::after {\n border: 0;\n }\n }\n\n & > .table-data {\n & + .scroll-shadow {\n .scroll-shadow.gradient();\n --scroll-shadow-color: @tile-default-background-color;\n }\n\n & > .table-row {\n & > .table-cell,\n & > .table-cell > .font-icon {\n color: @tile-table-default-color;\n }\n }\n }\n\n & > .menubar {\n background-color: transparent;\n }\n }\n}\n\n.tile.dashboard {\n &.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n & > .table-data > .table-row.selected {\n background-color: @tile-table-default-inverted-selection-background-color;\n\n &::after {\n border-color: @tile-table-default-inverted-selection-border-color;\n }\n }\n }\n\n & > .table-header {\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .table-header-item {\n color: @tile-default-inverted-color;\n }\n\n & > .table-header-resize {\n background-color: @tile-table-default-inverted-border-color;\n }\n }\n\n & > .table-data {\n & > .table-row {\n &:active {\n background-color: transparent;\n }\n\n & > .table-cell {\n color: @tile-default-inverted-color;\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .font-icon {\n color: @tile-default-inverted-color;\n }\n }\n }\n\n & + .scroll-shadow {\n --scroll-shadow-color: @tile-default-inverted-background-color;\n }\n }\n\n & > .menubar {\n border-top-color: @tile-table-default-inverted-border-color;\n\n & > .menubar-box > .menu-item {\n color: @tile-default-inverted-color;\n }\n }\n }\n\n &.color-alternative.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n & > .table-data > .table-row.selected {\n background-color: @tile-table-alternative-inverted-selection-background-color;\n\n &::after {\n border-color: @tile-table-alternative-inverted-selection-border-color;\n }\n }\n }\n\n & > .table-header {\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .table-header-item {\n color: @tile-alternative-inverted-color;\n }\n\n & > .table-header-resize {\n background-color: @tile-table-default-inverted-border-color;\n }\n }\n\n & > .table-data {\n & > .table-row {\n &:active {\n background-color: transparent;\n }\n\n & > .table-cell {\n color: @tile-alternative-inverted-color;\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .font-icon {\n color: @tile-alternative-inverted-color;\n }\n }\n }\n\n & + .scroll-shadow {\n --scroll-shadow-color: @tile-alternative-inverted-background-color;\n }\n }\n\n & > .menubar {\n border-top-color: @tile-table-default-inverted-border-color;\n\n & > .menubar-box > .menu-item {\n color: @tile-alternative-inverted-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.filter-field {\n position: absolute;\n --filter-field-height: @filter-field-height;\n --filter-field-bottom: @filter-field-bottom;\n --filter-field-max-bottom: calc(~'50% - ' var(--filter-field-height) / 2);\n bottom: min(var(--filter-field-bottom), var(--filter-field-max-bottom));\n right: @filter-field-right;\n height: var(--filter-field-height);\n width: @filter-field-width;\n min-width: @filter-field-min-width;\n max-width: @filter-field-max-width;\n display: flex;\n align-items: center;\n z-index: 3;\n border-radius: @border-radius;\n #scout.drop-shadow();\n background-color: var(--filter-field-background-color);\n opacity: 1;\n visibility: visible;\n\n // delay the \"fade in\" transition\n --filter-field-opacity-transition-delay: 100ms;\n // the visibility transition is not a smooth transition but allows to set the value visibility delayed\n // set visibility to visible right before the \"fade in\" transition starts\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n\n transition: bottom @filter-field-transition-duration ease-in-out,\n right @filter-field-transition-duration ease-in-out,\n height @filter-field-transition-duration ease-in-out,\n width @filter-field-transition-duration ease-in-out,\n min-width @filter-field-transition-duration ease-in-out,\n max-width @filter-field-transition-duration ease-in-out,\n box-shadow @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out var(--filter-field-opacity-transition-delay),\n visibility 0s var(--filter-field-visibility-transition-delay);\n\n :not(:hover) > &:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n\n // start the \"fade out\" transition right away\n --filter-field-opacity-transition-delay: 0s;\n // set visibility to hidden right after the \"fade out\" transition ends\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n\n &::before {\n content: @icon-search;\n #scout.font-icon();\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n bottom: calc((var(--filter-field-height) - @filter-field-icon-size) / 2);\n right: @text-field-icon-margin-x + 1px;\n height: @filter-field-icon-size;\n width: @filter-field-icon-size;\n opacity: 0;\n transition: bottom @filter-field-transition-duration ease-in-out,\n right @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out;\n font-size: @font-size-plus;\n color: @label-color;\n border-radius: @border-radius;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n }\n\n & > :not(.key-box) {\n opacity: 1;\n transition: opacity @filter-field-transition-duration ease-in-out;\n }\n\n & > input {\n width: 100%;\n min-height: 100%;\n }\n\n &.clearable-always:not(.has-text),\n &.clearable-focused:not(.has-text):not(.focused) {\n & > .clear-icon {\n .invisible();\n }\n }\n\n & > .clear-icon {\n display: flex;\n right: @text-field-icon-margin-x + 1px;\n margin-right: 0;\n transition: right @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out;\n }\n\n & > .key-box {\n top: calc(~'50% - ' 22px / 2) !important;\n }\n\n &:not(.focused).empty {\n --filter-field-bottom: @filter-field-bottom + ((var(--filter-field-height) - @filter-field-icon-size) / 2);\n --filter-field-max-bottom: calc(~'50% - ' @filter-field-icon-size / 2);\n right: @filter-field-right + @text-field-icon-margin-x + 1px;\n height: @filter-field-icon-size;\n width: @filter-field-icon-size;\n min-width: @filter-field-icon-size;\n max-width: @filter-field-icon-size;\n box-shadow: none;\n #scout.backdrop-filter(@background-color: var(--filter-field-transparent-50-background-color), @backdrop-filter: blur(2px), @fallback-background-color: var(--filter-field-transparent-80-background-color));\n\n &::before {\n bottom: 0;\n right: 0;\n opacity: 1;\n }\n\n & > :not(.key-box) {\n opacity: 0;\n }\n\n & > input {\n cursor: pointer;\n }\n\n & > .clear-icon {\n right: 0;\n }\n\n & > .key-box.char {\n margin-left: -10px;\n margin-right: -5px;\n }\n }\n}\n\n.filter-field-container {\n position: sticky;\n --filter-field-height: @filter-field-height;\n --filter-field-container-top: calc(~'100% - ' @filter-field-bottom);\n --filter-field-container-min-top: calc(~'50% + ' var(--filter-field-height) / 2);\n top: max(var(--filter-field-container-top), var(--filter-field-container-min-top));\n left: calc(~'100% - ' @filter-field-right);\n width: 0;\n height: 0;\n overflow: visible;\n z-index: 3;\n\n --filter-field-max-width: @filter-field-width;\n\n &:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 1;\n visibility: visible;\n\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n }\n\n & > .filter-field {\n bottom: 0;\n right: 0;\n max-width: var(--filter-field-max-width);\n\n :not(:hover) > &:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n\n &:not(.focused).empty {\n bottom: calc((var(--filter-field-height) - @filter-field-icon-size) / 2);\n right: @text-field-icon-margin-x + 1px;\n }\n }\n}\n\n@supports not (bottom: min(50%, 42px)) {\n .filter-field-container,\n .filter-field {\n .hidden();\n }\n}\n\n.dense .filter-field,\n.dense .filter-field-container {\n --filter-field-height: @filter-field-height-dense;\n}","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.login-box-content > form {\n & > input,\n & > .button {\n width: calc(100% - 40px);\n height: 40px;\n margin: 4px 20px;\n font-size: @box-font-size;\n }\n\n & > .button {\n margin-top: 16px;\n }\n\n & > input.alternative:-webkit-autofill {\n / NOSONAR (for some reason, rule \"less:overqualified-elements\" is illegitimately triggered here)\n /* Improve Chrome's auto-fill style by overriding the forced yellow background and black text color. /\n / (Requires some hacks, see http://webagility.com/posts/remove-forced-yellow-input-background-in-chrome) /\n border-top-width: 0;\n padding-top: @text-field-padding-top-compensation + 1px;\n -webkit-box-shadow: inset 0 0 0 1000px @background-color;\n -webkit-text-fill-color: @text-color !important; / NOSONAR (!important is okay here) /\n\n &::first-line {\n // Chrome uses a different size and family for the auto filled credentials\n // -> explicitly set size and family so that it won't change when the user clicks into the field\n font-size: @box-font-size;\n font-family: @font-default-family;\n }\n\n &:focus {\n -webkit-text-fill-color: @focus-color !important; / NOSONAR (!important is okay here) /\n }\n\n &::selection {\n -webkit-text-fill-color: @text-selection-color !important; / NOSONAR (!important is okay here) /\n }\n }\n}\n\n/\n * Login button is a default button -> styles are defined in main.css.\n * Difference to regular default button is the disabled style and the ability to turn red.\n /\n.login-button.default {\n\n &.login-error:not(.disabled) {\n border-color: transparent;\n background-color: @error-color;\n\n &:hover {\n background-color: @error-default-button-background-hover-color;\n }\n\n &:active {\n background-color: @error-default-button-background-active-color;\n }\n\n &:focus {\n #scout.focus-border(@box-shadow-color: @error-focus-box-shadow-color, @border-color: mix(@error-color, @error-focus-box-shadow-color, 25%));\n }\n }\n\n &.disabled {\n color: @default-button-color;\n border-color: @default-button-background-color;\n background-color: @default-button-background-color;\n }\n}\n\n.login-button-loading {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n display: inline-block;\n border-radius: 50%;\n border: 1px fade(@default-button-color, 80%) solid;\n width: 18px;\n height: 18px;\n vertical-align: middle;\n}\n\n.login-body,\n.logout-body {\n & > .box-background-elements.box-background-elements-fadeout {\n #scout.animation(nop 0.05s);\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.breadcrumb-bar-field > .field {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y + 1px; // BreadCrumbItem uses 14px instead of 13px font size\n}","/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.breadcrumb-bar {\n #scout.overflow-nowrap();\n}\n","/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n */\n.breadcrumb-item {\n display: inline-flex;\n align-items: center;\n text-align: center;\n height: 100%;\n color: @link-color;\n font-size: @font-size-plus;\n\n &.last {\n font-weight: bold;\n }\n\n &:hover:not(.disabled) {\n color: @link-hover-color;\n }\n\n &.first {\n vertical-align: top;\n }\n\n &:not(.first)::before {\n #scout.font-icon();\n content: @icon-angle-right-bold;\n color: @text-color;\n display: block;\n margin: 0 5px;\n cursor: default;\n }\n\n &:not(.disabled):active {\n color: @link-active-color;\n }\n\n &:not(.disabled) {\n cursor: pointer;\n }\n\n &.disabled {\n color: @disabled-color;\n }\n}\n"],"names":[],"sourceRoot":""}
1	+ {"version":3,"file":"eclipse-scout-core-theme.css","mappings":"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CA;AH61BJ;AACA;;;;;;;;;EASE;AACF;;;EAGE;AO32BF;EACE;EACA;EACA;EACA;EACA;AP62BF;AO32BE;EACE;EACA;AP62BJ;AOz2BA;EACE;EACA;EACA;EACA;EACA;EACA;ELNE;EKQF;AP22BF;AOz2BE;EACE;AP22BJ;AOz2BI;EACE;EACA;EACA;AP22BN;AOv2BE;EACE;APy2BJ;AOt2BE;EACE;EACA;APw2BJ;AOt2BI;EACE;EACA;APw2BN;AOp2BE;EACE;APs2BJ;AOl2BA;EACE;IAME;IACA;IACA;EP+1BF;EOt2BE;IACE;IACA;EPw2BJ;AACF;AOh2BA;EACE;IAME;IACA;EP61BF;EOn2BE;IACE;IACA;EPq2BJ;AACF;AO91BA;EACE;IACE;EPg2BF;AACF;AACA;;;;;;;;;EASE;AQ97BA;EACE;ENsWA;EACA;EAKA;EM1WA;EACA;ARk8BJ;AQ/7BE;EACE;ARi8BJ;AACA;;;;;;;;;EASE;ASr9BF;EA+BI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATy7BJ;AS79BE;EPuCE;EACA;EAXA;AFq8BJ;AS99BE;EAoCE;EACA;EACA;AT67BJ;AS37BI;EACE;EACA;EACA;EACA;EPoYF;EACA;EACA;EACA;EACA;EACA;EOvYE;EACA;ATk8BN;AS7+BE;EA0DE;EACA;ATs7BJ;ASp7BI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATs7BN;ASv/BE;EA4CE;EACA;AT88BJ;ASx/BI;EA8CA;EACA;AT68BJ;ASx/BI;EA+DA;EACA;AT47BJ;ASt/BA;EAoCI;EACA;ATq9BJ;AACA;;;;;;;;;EASE;AUrhCF;EACE;EACA;AVuhCF;AUphCA;EACE;AVshCF;AUnhCA;EACE;EACA;EACA;EACA;AVqhCF;AUnhCE;EACE;EACA;EACA;AVqhCJ;AUlhCE;EACE;AVohCJ;AUhhCA;EACE;EACA;AVkhCF;AUhhCE;EACE;AVkhCJ;AU9gCA;EACE;EACA;EACA;EACA;AVghCF;AU7gCA;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA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;EACA;AVs/BR;AUl/BI;EACE;EACA;EVo/BJ,6CAA6C;AAC/C;AUn/BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVq/BR;AU/+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVi/BF;AU9+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVg/BF;AU5+BA;EACE;EACA;EACA;EACA;AV8+BF;AU3+BA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AV6+BF;AU1+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AV4+BF;AUz+BA;EACE;EACA;EACA;EACA;EACA;EACA;EV2+BA,6BAA6B;EU1+B7B;AV4+BF;AUz+BA;EACE;EACA;EACA;AV2+BF;AUx+BI;EACE;EACA;EACA;EACA;EACA;AV0+BN;AUv+BI;EACE;AVy+BN;AUt+BI;EACE;EACA;EACA;EACA;EACA;EACA;AVw+BN;AUn+BA;EACE;EACA;EACA;AVq+BF;AUl+BA;EACE;EACA;EACA;EACA;EACA;AVo+BF;AUj+BA;EACE;EACA;EACA;EACA;EACA;EACA;AVm+BF;AACA;;;;;;;;;EASE;AWzmDF;EACE;EACA;EACA;EACA;EACA;AX2mDF;AWxmDA;EACE;EACA;EACA;EACA;EACA;AX0mDF;AWxmDE;EACE;EACA;EACA;EACA;EACA;EACA;AX0mDJ;AWxmDI;EACE;EACA;AX0mDN;AWvmDI;EACE;AXymDN;AWrmDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXumDJ;AWnmDA;EACE;EACA;EACA;EACA;EACA;AXqmDF;AWnmDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXqmDJ;AWnmDI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXqmDN;AWnmDM;EACE;AXqmDR;AWlmDM;EACE;AXomDR;AWjmDM;EACE;EACA;AXmmDR;AWhmDM;EACE;EACA;AXkmDR;AW7lDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AX+lDJ;AW5lDE;EACE;EACA;EACA;EACA;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I;EACE;Efq7DJ,wBAAwB;Eep7DpB;Afs7DN;Ae/kEA;EAgKI;Efk7DF,oBAAoB;Eej7DlB;Afm7DJ;AeplEA;EAuKI;Efg7DF,0DAA0D;Ee/6DxD;Afi7DJ;AezlEA;EA8KI;Ef86DF,oDAAoD;Ee76DlD;EACA;Af+6DJ;Ae76DI;EACE;Ef+6DJ,sBAAsB;Ee96DlB;Efg7DJ,yBAAyB;AAC3B;AermEA;EA2LI;Ef66DF,sBAAsB;Ee56DpB;Af86DJ;Ae56DI;EACE;Ef86DJ,kDAAkD;AACpD;Ae9mEA;EAsMI;Ef26DF,8CAA8C;Ee16D5C;Ef46DF,iDAAiD;AACnD;AepnEA;EA6MI;Ef06DF,yGAAyG;Eez6DvG;Af26DJ;AeznEA;EAkNI;EACA;Af06DJ;Aen6DM;;EAEE;Efq6DN,0CAA0C;Eep6DpC;Efs6DN,6CAA6C;AAC/C;Aer6DQ;;EACE;Efw6DR,kDAAkD;AACpD;Aeh6DI;;;;;Efs6DF,uJAAuJ;Eeh6DnJ;Afk6DN;AejpEA;;EAuPI;Ef85DF,0BAA0B;Ee75DxB;Ef+5DF,0BAA0B;Ee95DxB;Efg6DF,qEAAqE;AACvE;Ae35DI;EACE;Af65DN;Aer5DM;EACE;Afu5DR;AehqEA;EAgRI;Afm5DJ;AACA;;;;;;;;;EASE;AgBlqEF;EACE;EACA;EACA;EACA;EhBoqEA,6EAA6E;EAC7E,4DAA4D;AAC9D;AgBpqEE;EACE;AhBsqEJ;AgBnqEE;EACE;EArBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhB2rEF;AgBzqEI;EACE;EACA;AhB2qEN;AgBvqEE;EbfE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHosEJ;AgB5qEE;EACE;AhB8qEJ;AgB5qEI;EAEE;AhB6qEN;AgBzqEM;EACE;AhB2qER;AgBxqEM;EACE;AhB0qER;AgBvqEM;EACE;AhByqER;AgBrqEI;EACE;AhBuqEN;AgBhqEE;EACE;AhBkqEJ;AgBhqEI;EACE;AhBkqEN;AgB9pEE;EACE;EACA;AhBgqEJ;AgB7pEE;EACE;AhB+pEJ;AgB3pEA;EACE;EACA;EACA;EACA;AhB6pEF;AgB3pEE;EdmNE;EACA;EACA;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pFA;EACE;EACA;EACA;AvBopFF;AuBlpFE;EACE;EACA;EACA;AvBopFJ;AuBjpFE;EACE;AvBmpFJ;AACA;;;;;;;;;EASE;AwBvrFF;EACE;EACA;EACA;EACA;EACA;AxByrFF;AwBvrFE;EACE;AxByrFJ;AwBtrFE;EACE;AxBwrFJ;AwBprFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxBsrFF;AwBprFE;EtB6ZE;EACA;EACA;EACA;EACA;EACA;EsBhaA;EACA;AxB2rFJ;AwBvrFI;EACE;EACA;AxByrFN;AwBtrFI;EACE;AxBwrFN;AwBnrFI;EACE;EACA;EACA;AxBqrFN;AwBlrFI;EACE;AxBorFN;AwBhrFE;EACE;AxBkrFJ;AwB/qFE;;EAEE;AxBirFJ;AACA;;;;;;;;;EASE;AyBxvFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzB0vFF;AyBvvFI;EACE;AzByvFN;AyBtvFI;EACE;AzBwvFN;AyBrvFI;EACE;AzBuvFN;AyBpvFI;EACE;AzBsvFN;AyBpvFM;EACE;AzBsvFR;AyBjvFE;EACE;EACA;EACA;EACA;AzBmvFJ;AyBhvFE;EACE;EACA;EACA;EACA;AzBkvFJ;AyBhvFI;EACE;EACA;AzBkvFN;AyB/uFI;EACE;EACA;AzBivFN;AyB9uFI;;EACE;AzBivFN;AyB7uFE;EACE;EACA;AzB+uFJ;AyB5uFE;EtBhDE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHsxFJ;AyB1vFE;;EAEE;EACA;AzB4vFJ;AyB1vFI;;EACE;AzB6vFN;AyBzvFE;EAGE;AzByvFJ;AyBvvFI;EACE;AzByvFN;AyBtvFI;EACE;AzBwvFN;AyBpvFE;EACE;AzBsvFJ;AyBpvFI;EACE;AzBsvFN;AyBlvFE;EACE;EACA;AzBovFJ;AyBjvFM;EACE;AzBmvFR;AyBhvFM;EACE;EACA;AzBkvFR;AyB/uFM;EACE;AzBivFR;AyB/uFQ;EACE;AzBivFV;AyB5uFI;EACE;AzB8uFN;AyB3uFI;EACE;AzB6uFN;Ay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gCz9GA;EACE;AhC29GJ;AE17FI;EACE;AF47FN;AEz7FI;;EAEE;AF27FN;AgC59GI;EACE;AhC89GN;AgC39GI;;EAEE;EACA;EACA;EhC69GJ,gEAAgE;EgC19G5D;AhC49GN;AgC19GM;;EACE;AhC69GR;AgC19GM;;EACE;AhC69GR;AgC19GM;;EACE;AhC69GR;AgC19GM;;EACE;EACA;EACA;AhC69GR;AgC19GM;;EACE;EACA;AhC69GR;AgC19GM;;EACE;EACA;EACA;EACA;AhC69GR;AgC39GQ;;EACE;AhC89GV;AgC19GM;;EACE;EACA;AhC69GR;AgC39GQ;;EACE;AhC89GV;AgC39GQ;;EACE;AhC89GV;AgC59GU;;EACE;AhC+9GZ;AgC39GQ;;EACE;AhC89GV;AgCr9GM;;EACE;AhCw9GR;AgCr9GM;;EACE;EACA;AhCw9GR;AgCl9GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhCo9GF;AgCl9GE;EACE;AhCo9GJ;AgCj9GE;EACE;AhCm9GJ;AgCh9GE;EACE;E9ByPA;EACA;EAKA;AFstGJ;AgCj9GE;EACE;EACA;EACA;EACA;EACA;AhCm9GJ;AgCj9GI;EACE;AhCm9GN;AACA,kGAAkG;AgC58GhG;EACE;EACA;AhC88GJ;AgC58GI;EACE;AhC88GN;AgC18GE;EACE;AhC48GJ;AgC18GI;;EAEE;EACA;AhC48GN;AgC18GM;;EACE;AhC68GR;AgC38GQ;;EACE;AhC88GV;AgC38GQ;;EACE;AhC88GV;AgC18GM;;EACE;EACA;AhC68GR;AgC38GQ;;EACE;AhC88GV;AgC18GM;;EACE;AhC68GR;AgC18GM;;EACE;EACA;EACA;AhC68GR;AgC38GQ;;EACE;AhC88GV;AgC38GQ;;EACE;AhC88GV;AgCx8GQ;;;;EAEE;AhC48GV;AgCz8GQ;;;;EAEE;AhC68GV;AgCj8GM;;;;EACE;AhCs8GR;AgCn8GM;;;;EACE;AhCw8GR;AgCj8GE;EACE;EACA;AhCm8GJ;AgCj8GI;EACE;AhCm8GN;AgC/7GE;EACE;AhCi8GJ;AgC/7GI;EACE;AhCi8GN;AgC/7GM;EACE;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JR;AkDt1JI;EACE;AlDw1JN;AkDr1JI;EACE;AlDu1JN;AkDn1JE;EACE;AlDq1JJ;AkDh1JE;EACE;EACA;AlDk1JJ;AkD/0JE;EACE;EACA;AlDi1JJ;AkD/0JI;EACE;EACA;AlDi1JN;AkD70JE;EACE;AlD+0JJ;AkD50JE;EACE;AlD80JJ;AkDz0JE;EACE;AlD20JJ;AkDx0JE;EACE;AlD00JJ;AkDv0JE;EACE;EACA;EACA;EhD+EA;EACA;AF2vJJ;AEzvJI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AFgwJN;AkDl1JM;EACE;AlDo1JR;AkDh1JI;EhDkFA;EACA;AFiwJJ;AE/vJI;EACE;EACA;EACA;AFiwJN;AE9vJI;EACE;EACA;AFgwJN;AE7vJI;;EAEE;EACA;AF+vJN;AkD71JE;EhDmGE;EACA;AF6vJJ;AE3vJI;EACE;EACA;EACA;AF6vJN;AE1vJI;EACE;EACA;AF4vJN;AEzvJI;;EAEE;EACA;AF2vJN;AkD32JE;EhDyHE;EACA;AFqvJJ;AEnvJI;EACE;EACA;EACA;AFqvJN;AElvJI;EACE;EACA;AFovJN;AEjvJI;;EAEE;EACA;AFmvJN;AkDz3JE;EhD2FE;EACA;AFiyJJ;AE/xJI;EACE;EACA;EACA;AFiyJN;AE9xJI;EACE;EACA;AFgyJN;AE7xJI;;EAEE;EACA;AF+xJN;AkDv4JE;EhDuIE;EACA;AFmwJJ;AEjwJI;EACE;EACA;EACA;AFmwJN;AEhwJI;EACE;EACA;AFkwJN;AE/vJI;;EAEE;EACA;AFiwJN;AkDr5JE;EhDyJE;EACA;AF+vJJ;AE7vJI;EACE;EACA;EACA;AF+vJN;AE5vJI;EACE;EACA;AF8vJN;AE3vJI;;EAEE;EACA;AF6vJN;AkDtiKA;EAoII;AlDq6JJ;AkDl6JE;EACE;AlDo6JJ;AACA;;;;;;;;;EASE;AmDrjKA;EnDujKA,gGAAgG;EmDtjK9F;AnDwjKJ;AmDrjKE;;EAEE;EACA;EACA;EACA;EnDujKF,yDAAyD;AAC3D;AmDtjKI;;EACE;AnDyjKN;AmDpjKM;;;;;;;;EjDwBF;EACA;EAXA;AFkjKJ;AmDzjKM;;EACE;AnD4jKR;AmDzjKM;;EAGE;EACA;AnD0jKR;AmDvjKM;;EACE;AnD0jKR;AmDxjKQ;;EACE;AnD2jKV;AmDtjKM;;EACE;AnDyjKR;AmDvjKQ;;EACE;AnD0jKV;AmDrjKI;;;;EAEE;AnDyjKN;AmDvjKM;;;;EACE;AnD4jKR;AACA;;;;;;;;;EASE;AoD/nKA;;;;;EpDqoKA,uJAAuJ;EoD/nKrJ;ApDioKJ;AoD9nKE;;EAEE;EACA;ApDgoKJ;AoD5nKI;;EAEE;ApD8nKN;AoDznKI;;EAEE;EACA;ApD2nKN;AqDjqKC;;;;EnD+JK;AFwgKN;AqDvqKC;;;;;;EnDqKK;AF0gKN;AqD/qKC;;;;;;;;EnD4KK;AF6gKN;AqDzrKC;;;;EnDiLK;AF8gKN;AoDjpKI;;EACE;ApDopKN;AoDjpKI;;EACE;ApDopKN;AoDjpKI;;;;;;;;;;EAKE;ApDwpKN;AoDtpKM;;;;;;;;;;EACE;ApDiqKR;AoD3pKM;;;;;;;;;;EAKE;EACA;ApDkqKR;AoDhqKQ;;;;;;;;;;EACE;EACA;ApD2qKV;AoDxqKQ;;;;;;;;;;EACE;ApDmrKV;AqDrwKC;;EnD+JK;AF0mKN;AqDzwKC;;;EnDqKK;AFymKN;AqD9wKC;;;;EnD4KK;AFwmKN;AqDpxKC;;EnDiLK;AFumKN;AoD7rKI;;EAEE;ApD+rKN;AoD5rKI;;;;;EAKE;ApD8rKN;AoD5rKM;;;;;EACE;ApDksKR;AACA;;;;;;;;;EASE;AsDxyKA;EACE;AtD0yKJ;AACA;;;;;;;;;EASE;AuDtzKA;EvDwzKA;;2CAEyC;EuDtzKvC;AvDwzKJ;AACA;;;;;;;;;EASE;AwDv0KF;EACE;AxDy0KF;AwDv0KE;EACE;AxDy0KJ;AwDr0KA;EAEE;AxDs0KF;AwDn0KA;EACE;EACA;AxDq0KF;AwDn0KE;;;EAEE;AxDs0KJ;AwDn0KE;EACE;AxDq0KJ;AwDn0KI;EACE;EACA;EACA;EACA;EACA;EACA;EtDWF;EACA;EsDVE;AxDs0KN;AwDj0KA;EACE;EACA;AxDm0KF;AwDh0KA;EACE;AxDk0KF;AACA;;;;;;;;;EASE;AyDx3KF;EzD03KE;;+CAE6C;EE1hK3C;EACA;EACA;EACA;AF4hKJ;AyD33KE;EACE;AzD63KJ;AACA;;;;;;;;;EASE;A0D74KA;E1D+4KA,gGAAgG;E0D94K9F;A1Dg5KJ;A0D74KE;EACE;EACA;EACA;EACA;A1D+4KJ;A0D74KI;EACE;A1D+4KN;A0D54KI;EACE;A1D84KN;A0D34KI;EACE;EACA;EACA;A1D64KN;AACA;;;;;;;;;EASE;A2D76KF;EAGI;A3D66KJ;A2Dz6KE;EACE;A3D26KJ;AACA;;;;;;;;;EASE;A4D77KF;EACE;EACA;EACA;E5D+7KA,4DAA4D;EAC5D,oFAAoF;AACtF;A4D/7KE;EACE;A5Di8KJ;A4D97KE;;EAEE;A5Dg8KJ;A4D37KE;EACE;EACA;EACA;E1DsVA;EACA;AFwmKJ;A4D57KI;E5D87KF;gDAC8C;E4D57K1C;A5D87KN;A4Dx7KI;EACE;A5D07KN;A4Dv7KI;EACE;A5Dy7KN;A4Dt7KI;EACE;A5Dw7KN;A4Dp7KE;EACE;E5Ds7KF,2BAA2B;AAC7B;A4Dl7KE;EACE;EACA;EACA;EACA;A5Do7KJ;A4Dl7KI;EACE;A5Do7KN;A4Dj7KI;EACE;E1DnBF;EACA;EAXA;AFm9KJ;A4Dj7KE;EACE;EACA;A5Dm7KJ;A4Dh7KE;EACE;A5Dk7KJ;A4D96KA;EACE;A5Dg7KF;A4D96KE;EACE;A5Dg7KJ;A4D16KE;EACE;A5D46KJ;A4Dz6KE;EACE;EACA;A5D26KJ;A4Dx6KE;EACE;A5D06KJ;A4Dt6KA;EACE;A5Dw6KF;A4Dt6KE;EACE;A5Dw6KJ;AACA;;;;;;;;;EASE;A6D1hLF;EACE;EACA;EACA;E3D+VE;EACA;EACA;EACA;E2DhWF;A7D+hLF;A6D7hLE;EACE;A7D+hLJ;A6D3hLA;EACE;A7D6hLF;AACA;;;;;;;;;EASE;AqD9jLD;;EnD+JK;AFm6KN;AqDlkLC;;;EnDqKK;AFk6KN;AqDvkLC;;;;EnD4KK;AFi6KN;AqD7kLC;;EnDiLK;AFg6KN;AqDjlLC;;EnD+JK;AFs7KN;AqDrlLC;;;EnDqKK;AFq7KN;AqD1lLC;;;;EnD4KK;AFo7KN;AqDhmLC;;EnDiLK;AFm7KN;A8DplLI;;EAEE;A9DslLN;A8DjlLM;;EAEE;EACA;A9DmlLR;A8DjlLQ;;EACE;A9DolLV;A8D9kLQ;EACE;A9DglLV;A8D1kLQ;EACE;A9D4kLV;A8DtkLE;;;;EAIE;A9DwkLJ;A8DpkLI;EACE;A9DskLN;A8DnkLI;EACE;A9DqkLN;A8DnkLM;EACE;A9DqkLR;A8D/jLI;EACE;A9DikLN;A8D9jLI;EACE;A9DgkLN;A8D9jLM;EACE;A9DgkLR;AqD/oLC;;;;EnD+JK;AFs/KN;AqDrpLC;;;;;;EnDqKK;AFw/KN;AqD7pLC;;;;;;;;EnD4KK;AF2/KN;AqDvqLC;;;;EnDiLK;AF4/KN;A8DrlLI;;;;EAEE;A9DylLN;A8DtlLI;;;;EAEE;A9D0lLN;A8DvlLI;;EACE;A9D0lLN;A8DvlLI;;EACE;A9D0lLN;A8DvlLI;;EACE;A9D0lLN;A8DxlLM;;EACE;A9D2lLR;AqDzsLC;;;;EnD+JK;AFgjLN;AqD/sLC;;;;;;EnDqKK;AFkjLN;AqDvtLC;;;;;;;;EnD4KK;AFqjLN;AqDjuLC;;;;EnDiLK;AFsjLN;A8DhnLI;;;;EAEE;A9DonLN;A8DjnLI;;;;EAEE;A9DqnLN;A8DlnLI;;EACE;A9DqnLN;A8DlnLI;;EACE;A9DqnLN;A8DlnLI;;EACE;A9DqnLN;A8DnnLM;;EACE;A9DsnLR;A8DhnLA;E9DknLE,4GAA4G;AAC9G;A8DjnLE;E9DmnLA,uGAAuG;EE7oLrG;EACA;EF+oLF,0BAA0B;EEpoLxB;AFsoLJ;A8DpnLE;E9DsnLA,gIAAgI;EE9oL9H;AFgpLJ;A8DlnLE;EACE;EACA;A9DonLJ;A8DlnLI;EACE;A9DonLN;A8DjnLI;EACE;A9DmnLN;A8DhnLI;EACE;A9DknLN;A8D5mLE;EACE;A9D8mLJ;A8D3mLE;EACE;A9D6mLJ;A8DxmLE;EACE;A9D0mLJ;A8DvmLE;EACE;A9DymLJ;A8DnmLE;;;E7DtFA;ED8rLA,sCAAsC;AACxC;A8DlmLA;EACE;A9DomLF;A8DjmLI;;;E7DjGF;EDusLA,sCAAsC;AACxC;AACA;;;;;;;;;EASE;A+DvzLA;EACE;A/DyzLJ;A+DvzLI;EACE;A/DyzLN;A+DpzLI;EACE;A/DszLN;A+DnzLI;EACE;A/DqzLN;A+DnzLM;E/DqzLJ,uGAAuG;EEttLrG;EACA;EFwtLF,0BAA0B;EE7sLxB;AF+sLJ;A+DtzLM;E/DwzLJ,gIAAgI;EEvtL9H;AFytLJ;A+DnzLI;EACE;EACA;A/DqzLN;AACA;;;;;;;;;EASE;AgE91LF;EhEg2LE,0CAA0C;EgE91L1C;AhEg2LF;AgE91LE;;EhEi2LA,sCAAsC;EACtC,8GAA8G;EgE91L5G;EACA;AhEg2LJ;AgE51LI;EhE81LF,0DAA0D;AAC5D;AEz0KI;EACE;AF20KN;AEx0KI;;EAEE;AF00KN;AgE71LE;EACE;ElBfA;A9C+2LJ;AgE31LE;EACE;AhE61LJ;AgE11LE;EACE;EACA;EACA;AhE41LJ;AgEr1LI;;E9DoQA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHs4LJ;AE9kLI;;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFolLN;AEnmLI;;ECpTA;EACA;EACA;EACA;AH25LJ;AgEl3LE;;EACE;AhEq3LJ;AgEj3LA;EACE;EACA;EACA;EACA;EACA;EACA;AhEm3LF;AgEj3LE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AhEk3LJ;AgE72LI;EACE;EACA;EACA;EACA;EACA;AhE+2LN;AgE72LM;EACE;EACA;AhE+2LR;AgE12LE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AhE42LJ;AgE12LI;E9DuVA;EACA;EACA;EACA;EACA;EACA;E8D1VE;EACA;AhEi3LN;AgE/2LM;EACE;AhEi3LR;AgE52LE;EACE;EACA;EACA;EACA;EACA;AhE82LJ;AgE52LI;EACE;AhE82LN;AgE32LI;EACE;EACA;E9DiPF;EACA;AF6nLJ;AgE32LI;EACE;EACA;EACA;EACA;E9DyOF;EACA;AFqoLJ;AgE12LE;EACE;EACA;E9DqCA;EACA;AFw0LJ;AEt0LI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AF60LN;AgEz3LE;E9DuEE;EACA;AFqzLJ;AEnzLI;EACE;EACA;EACA;AFqzLN;AElzLI;EACE;EACA;AFozLN;AEjzLI;;EAEE;EACA;AFmzLN;AgEv4LE;E9DmEE;EACA;AFu0LJ;AEr0LI;EACE;EACA;EACA;AFu0LN;AEp0LI;EACE;EACA;AFs0LN;AEn0LI;;EAEE;EACA;AFq0LN;AgEr5LE;E9DyFE;EACA;AF+zLJ;AE7zLI;EACE;EACA;EACA;AF+zLN;AE5zLI;EACE;EACA;AF8zLN;AE3zLI;;EAEE;EACA;AF6zLN;AgEn6LE;E9D2GE;EACA;AF2zLJ;AEzzLI;EACE;EACA;EACA;AF2zLN;AExzLI;EACE;EACA;AF0zLN;AEvzLI;;EAEE;EACA;AFyzLN;AgEj7LE;E9D6HE;EACA;AFuzLJ;AErzLI;EACE;EACA;EACA;AFuzLN;AEpzLI;EACE;EACA;AFszLN;AEnzLI;;EAEE;EACA;AFqzLN;AgE/7LE;EhEi8LA,wDAAwD;EgE/7LtD;AhEi8LJ;AgE77LA;EACE;EACA;EhE+7LA,gFAAgF;AAClF;AgE97LE;EACE;EACA;AhEg8LJ;AgE77LE;EACE;EACA;AhE+7LJ;AgE57LE;EACE;AhE87LJ;AE/kLI;EACE;AFilLN;AE9kLI;;EAEE;AFglLN;AgE37LA;EACE;AhE67LF;AgE17LA;EACE;AhE47LF;AACA;;;;;;;;;EASE;AiEvoMA;E/DgWE;EACA;EACA;EACA;AF0yLJ;AiEtoME;EACE;AjEwoMJ;AiEtoMI;EACE;AjEwoMN;AACA;;;;;;;;;EASE;AkE7pMA;ElE+pMA,iGAAiG;EkE9pM/F;AlEgqMJ;AkE7pME;EACE;EACA;AlE+pMJ;AkE7pMI;EACE;AlE+pMN;AkE5pMI;EACE;AlE8pMN;AkE3pMI;EACE;AlE6pMN;AkE3pMM;EACE;EACA;EACA;AlE6pMR;AkE1pMM;EACE;AlE4pMR;AkEzpMM;EACE;AlE2pMR;AkExpMM;EACE;AlE0pMR;AkEvpMM;EACE;AlEypMR;AkEtpMM;EACE;AlEwpMR;AkErpMM;EACE;AlEupMR;AACA;;;;;;;;;EASE;AmE/sMA;EjEgWE;EACA;EACA;EACA;AFk3LJ;AmE7sMA;EACE;EACA;EACA;EjE4VE;EACA;AFo3LJ;AmE9sME;EnEgtMA,uGAAuG;EE/mMrG;EACA;EFinMF,0BAA0B;EEtmMxB;AFwmMJ;AmEjtME;EnEmtMA,gIAAgI;EEhnM9H;AFknMJ;AmEjtME;EACE;AnEmtMJ;AmEhtME;EACE;AnEktMJ;AmE/sME;EACE;AnEitMJ;AmE9sME;EACE;AnEgtMJ;AmE3sMI;EACE;AnE6sMN;AmE1sMI;EACE;AnE4sMN;AmEzsMI;EACE;AnE2sMN;AACA;;;;;;;;;EASE;AoEvwMA;EACE;ApEywMJ;AoEtwME;EACE;ApEwwMJ;AACA;;;;;;;;;EASE;AqEpxME;EACE;ArEsxMN;AqEnxMI;EACE;ArEqxMN;AqElxMI;EACE;ArEoxMN;AACA;;;;;;;;;EASE;AsE1yMA;EtE4yMA,gGAAgG;EsE3yM9F;AtE6yMJ;AsE1yME;EACE;EACA;EACA;AtE4yMJ;AsE1yMI;EACE;AtE4yMN;AACA;;;;;;;;;EASE;AuE/zMF;EACE;EACA;EACA;EACA;AvEi0MF;AuE/zME;;;EvEm0MA,4DAA4D;EuE/zM1D;AvEi0MJ;AuE9zME;EACE;EACA;EACA;ErEuVA;EACA;AF0+LJ;AuE/zMI;EvEi0MF;+DAC6D;EuE/zMzD;AvEi0MN;AuE7zME;EACE;AvE+zMJ;AuE5zME;EACE;EACA;EACA;EACA;EACA;EACA;AvE8zMJ;AuE5zMI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvE8zMN;AuEzzMI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvE2zMN;AuEvzMM;EACE;EACA;EACA;AvEyzMR;AuEtzMM;EACE;AvEwzMR;AuEpzMI;EACE;AvEszMN;AuEpzMM;ErExCF;EACA;EAXA;AF22MJ;AuEpzMI;EACE;AvEszMN;AuEpzMM;EACE;AvEszMR;AuElzMQ;EACE;AvEozMV;AuEjzMQ;EACE;AvEmzMV;AuE1yME;;EAEE;EACA;AvE4yMJ;AuExyMA;EACE;AvE0yMF;AuExyME;EACE;AvE0yMJ;AACA;;;;;;;;;EASE;AwE36MA;ExE66MA,6EAA6E;EwE36M3E;AxE66MJ;AwE16ME;EACE;EACA;AxE46MJ;AwEt6ME;EACE;AxEw6MJ;AwEr6ME;EtE4RE;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AH67MJ;AEroMI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AF0oMN;AEzpMI;ECpTA;EACA;EACA;EACA;AHg9MJ;AACA;;;;;;;;;EASE;AACF;;;;;;;;;EASE;AyEx+MA;EACE;AzE0+MJ;AyEx+MI;EACE;EACA;AzE0+MN;AyEt+ME;EACE;AzEw+MJ;AyEr+ME;EACE;AzEu+MJ;AyEr+MI;EACE;AzEu+MN;AyEh+ME;EACE;AzEk+MJ;AyE99MA;EzEg+ME,yBAAyB;EACzB,8DAA8D;AAChE;AyEh+ME;;EAEE;AzEk+MJ;AyE79ME;EACE;EACA;EACA;AzE+9MJ;AyE79MI;EACE;EACA;AzE+9MN;AyE59MI;EACE;EACA;EACA;AzE89MN;AyE59MM;EACE;EACA;EACA;AzE89MR;AyE39MM;EACE;AzE69MR;AyEz9MI;EACE;AzE29MN;AyEz9MM;EACE;AzE29MR;AyEp9ME;EACE;EACA;EACA;EACA;EACA;EvEuRA;EACA;EAKA;EAbA;EACA;EACA;EACA;AF0sMJ;AyEz9MI;EACE;AzE29MN;AyEv9ME;;EAEE;EACA;AzEy9MJ;AyEv9MI;;EACE;AzE09MN;AyEt9ME;EACE;EACA;AzEw9MJ;AyEr9ME;EACE;AzEu9MJ;AyEr9MI;EACE;AzEu9MN;AyE/8ME;;;;;;EzEs9MA,uGAAuG;EE39MrG;EACA;EF69MF,0BAA0B;EEl9MxB;AFo9MJ;AyEt9ME;;;;;;EzE69MA,gIAAgI;EEj+M9H;AFm+MJ;AyEz9MI;;;EtE9HA;EACA;EACA;EACA;AH4lNJ;AyE19MI;;;;;;EAEE;AzEg+MN;AyE79MI;;;;;;EAEE;AzEm+MN;AyEh+MI;;;;;;EAEE;AzEs+MN;AyE79MM;;;;;;;;;;;;;;;;;;;;;;;;EAIE;EACA;AzEm/MR;AyEj/MQ;;;;;;;;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;A7E6iOJ;A6E1iOE;EACE;EACA;E3EqGA;EACA;AFw8NJ;AEt8NI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AF68NN;A6EzjOE;E3EuIE;EACA;AFq7NJ;AEn7NI;EACE;EACA;EACA;AFq7NN;AEl7NI;EACE;EACA;AFo7NN;AEj7NI;;EAEE;EACA;AFm7NN;A6EvkOE;E3EmIE;EACA;AFu8NJ;AEr8NI;EACE;EACA;EACA;AFu8NN;AEp8NI;EACE;EACA;AFs8NN;AEn8NI;;EAEE;EACA;AFq8NN;A6ErlOE;E3EyJE;EACA;AF+7NJ;AE77NI;EACE;EACA;EACA;AF+7NN;AE57NI;EACE;EACA;AF87NN;AE37NI;;EAEE;EACA;AF67NN;A6EnmOE;E3E2KE;EACA;AF27NJ;AEz7NI;EACE;EACA;EACA;AF27NN;AEx7NI;EACE;EACA;AF07NN;AEv7NI;;EAEE;EACA;AFy7NN;A6EjnOE;E3E6LE;EACA;AFu7NJ;AEr7NI;EACE;EACA;EACA;AFu7NN;AEp7NI;EACE;EACA;AFs7NN;AEn7NI;;EAEE;EACA;AFq7NN;A6E9nOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7EgoOF;A6E9nOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7EgoOJ;A6E7nOE;EACE;A7E+nOJ;A6E5nOE;EACE;A7E8nOJ;A6E3nOE;EACE;EACA;A7E6nOJ;A6E1nOE;EACE;A7E4nOJ;A6EznOE;EACE;A7E2nOJ;A6ExnOE;EACE;A7E0nOJ;A6EvnOE;EACE;A7EynOJ;A6EvnOI;EACE;A7EynON;A6ErnOE;EACE;EACA;EACA;EACA;A7EunOJ;A6ErnOI;EACE;A7EunON;A6EpnOI;EACE;A7EsnON;A6EnnOM;E3EwNF;EACA;EACA;EACA;EACA;AF85NJ;A6EtnOM;EACE;A7EwnOR;A6EpnOI;EACE;EACA;EACA;EACA;A7EsnON;A6ElnOE;EACE;EACA;EACA;E3EbA;EACA;AFkoOJ;AEhoOI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AFuoON;A6EjoOE;;;;;EAKE;A7EmoOJ;A6EhoOE;E3EaE;EACA;AFsnOJ;AEpnOI;EACE;EACA;EACA;AFsnON;AEnnOI;EACE;EACA;AFqnON;AElnOI;;EAEE;EACA;AFonON;A6E9oOE;E3ESE;EACA;AFwoOJ;AEtoOI;EACE;EACA;EACA;AFwoON;AEroOI;EACE;EACA;AFuoON;AEpoOI;;EAEE;EACA;AFsoON;A6E5pOE;E3E+BE;EACA;AFgoOJ;AE9nOI;EACE;EACA;EACA;AFgoON;AE7nOI;EACE;EACA;AF+nON;AE5nOI;;EAEE;EACA;AF8nON;A6E1qOE;E3EiDE;EACA;AF4nOJ;AE1nOI;EACE;EACA;EACA;AF4nON;AEznOI;EACE;EACA;AF2nON;AExnOI;;EAEE;EACA;AF0nON;A6ExrOE;E3EmEE;EACA;AFwnOJ;AEtnOI;EACE;EACA;EACA;AFwnON;AErnOI;EACE;EACA;AFunON;AEpnOI;;EAEE;EACA;AFsnON;A6ErsOA;EACE;EACA;A7EusOF;A6ErsOE;EACE;A7EusOJ;A6EpsOE;EACE;A7EssOJ;AACA;;;;;;;;;EASE;A8En7OF;E5EkfI;EACA;EA+BA;EACA;EACA;EAjgBA;EA2gBA;E4E3hBF;EACA;A9E07OF;AEx8NI;EACE;AF08NN;A8E37OE;EAEE;A9E47OJ;A8E17OI;EACE;A9E47ON;AACA;;;;;;;;;EASE;A+E/8OA;E7EwCE;EACA;EAXA;AFs7OJ;A+Ej9OI;E7EmDA;EACA;EACA;EACA;AFi6OJ;A+El9OE;E9EmIA;EACA;EACA;EACA;EA8JA;EC2DE;EACA;EAKA;EAbA;EACA;EACA;EACA;E6EpVA;EACA;A/E09OJ;AC11OE;EACE;EACA;EACA;AD41OJ;ACz1OE;;EC9GE;EACA;EAXA;AFu9OJ;AC11OE;EACE;EACA;AD41OJ;ACz1OE;;ECxHE;EACA;AFq9OJ;ACz1OE;EC5BE;EACA;EACA;EACA;AFw3OJ;A+Ez/OI;E9EgLF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD40OF;AC10OE;EACE;EACA;EACA;AD40OJ;ACz0OE;;EAEE;ECtJA;EACA;EACA;EACA;AFk+OJ;AC30OE;EACE;EACA;AD60OJ;AC10OE;;EAEE;EACA;EACA;EACA;AD40OJ;ACz0OE;EACE;AD20OJ;A+EvhPI;EACE;A/EyhPN;A+EthPI;EACE;A/EwhPN;A+ErhPI;EACE;EACA;EACA;EACA;EACA;EACA;A/EuhPN;A+ErhPM;EACE;EACA;A/EuhPR;A+ErhPQ;EACE;EACA;A/EuhPV;A+EnhPM;;EACE;A/EshPR;A+EnhPM;EACE;A/EqhPR;AACA;;;;;;;;;EASE;AgFjlPA;EhFmlPA,gGAAgG;EgFllP9F;AhFolPJ;AgFjlPE;EACE;EACA;EACA;EACA;EhFmlPF,yDAAyD;AAC3D;AgFllPI;EACE;AhFolPN;AgFhlPM;;E9E0BF;EACA;EAXA;AFskPJ;AACA;;;;;;;;;EASE;AiF/mPA;EjFinPA,gGAAgG;EiFhnP9F;AjFknPJ;AiF/mPE;EACE;EACA;EACA;EACA;EjFinPF,yDAAyD;AAC3D;AiFhnPI;EACE;AjFknPN;AiF7mPM;;;;E/EyBF;EACA;EAXA;AFsmPJ;AACA;;;;;;;;;EASE;AkFhpPF;EACE;EACA;EACA;AlFkpPF;AkF/oPA;EACE;EACA;EACA;EACA;EACA;ElFipPA,8DAA8D;EkFhpP9D;EACA;AlFkpPF;AkF/oPA;EACE;EACA;EACA;EACA;EACA;AlFipPF;AkF/oPE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlFipPJ;AkF/oPI;EACE;AlFipPN;AkF5oPI;EhFiUA;EACA;EAKA;AF00OJ;AkF9oPM;EhFkVF;EACA;EACA;EACA;EACA;AF+zOJ;AkFhpPI;EhFyTA;EACA;EAKA;EgF7TE;EACA;EACA;AlFopPN;AkFhpPE;EACE;AlFkpPJ;AkF/oPE;EACE;AlFipPJ;AkF9oPE;EACE;EACA;AlFgpPJ;AkF7oPM;EACE;EACA;AlF+oPR;AkF5oPM;EACE;AlF8oPR;AkFzoPM;;EACE;AlF4oPR;AkFtoPI;EACE;EACA;EACA;AlFwoPN;AkFpoPM;EACE;EACA;EACA;AlFsoPR;AkFnoPM;;EAEE;EACA;EACA;AlFqoPR;AkF/nPI;EACE;EACA;EACA;EACA;AlFioPN;AkF9nPI;EACE;AlFgoPN;AkF3nPI;EACE;EACA;EACA;AlF6nPN;AkF1nPI;;EAEE;AlF4nPN;AEjtOI;EACE;AFmtON;AEhtOI;;EAEE;AFktON;AkF1nPA;EACE;EACA;EACA;EACA;EACA;AlF4nPF;AkFxnPE;EACE;AlF0nPJ;AkFxnPI;EACE;AlF0nPN;AACA;;;;;;;;;EASE;AqD7xPF;EACE;ErD+xPA,sCAAsC;EACtC,qCAAqC;EACrC,oCAAoC;AACtC;AqD9xPE;;EAEE;EACA;ArDgyPJ;AqD3xPE;EACE;ErD6xPF,4DAA4D;AAC9D;AqD3xPM;ErD6xPJ,gFAAgF;AAClF;AE5wOI;EACE;AF8wON;AE3wOI;;EAEE;AF6wON;AqD5xPE;EACE;EPnBA;A9CkzPJ;AqD3xPM;EACE;ArD6xPR;AqD1xPM;EACE;ArD4xPR;AACA;;;;;;;;;EASE;AmF10PF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnF40PF;AmF10PE;EACE;AnF40PJ;AmFz0PE;EACE;EhFZA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;AHq1PJ;AmF70PA;EACE;EnF+0PA,qCAAqC;AACvC;AACA;;;;;;;;;EASE;AoF/2PA;EACE;ApFi3PJ;AoF92PE;EACE;ApFg3PJ;AoF52PA;EACE;EACA;ApF82PF;AoF52PE;EACE;EACA;EACA;ApF82PJ;AACA;;;;;;;;;EASE;AqFz4PF;ErF24PE,gFAAgF;EqFz4PhF;ArF24PF;AqFz4PE;EACE;EACA;EACA;EACA;ArF24PJ;AqFx4PE;EACE;ArF04PJ;AqFv4PE;EACE;ArFy4PJ;AACA;;;;;;;;;EASE;AsFn6PF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtFq6PF;AsFn6PE;EACE;EACA;AtFq6PJ;AACA;;;;;;;;;EASE;AuF/7PF;EACE;AvFi8PF;AuF/7PE;EACE;AvFi8PJ;AACA;;;;;;;;;EASE;AwF/8PF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EtF4CE;AFs6PJ;AwFh9PE;EACE;EACA;AxFk9PJ;AwF/8PE;EACE;AxFi9PJ;AwF98PE;EACE;EACA;AxFg9PJ;AwF78PE;;EACE;AxFg9PJ;AwF78PE;EACE;EACA;AxF+8PJ;AwF78PI;EACE;AxF+8PN;AwF58PI;;EACE;AxF+8PN;AwF58PI;EACE;EACA;AxF88PN;AwFx8PE;EtFDE;EACA;AF48PJ;AwFx8PE;EACE;EACA;EACA;AxF08PJ;AwFx8PI;;;EACE;AxF48PN;AwFz8PI;EACE;EACA;AxF28PN;AwFz8PM;EACE;EACA;AxF28PR;AwFt8PE;EACE;AxFw8PJ;AwFr8PE;EtF6RE;EACA;EAKA;EsFjSA;AxFy8PJ;AwFt8PE;EACE;AxFw8PJ;AwFr8PE;ExFu8PA,6DAA6D;EwFr8P3D;ExFu8PF,0GAA0G;EAC1G,+FAA+F;EwFr8P7F;AxFu8PJ;AwFl8PI;EACE;AxFo8PN;AwFh8PE;EtFjGE;EACA;EACA;EACA;EACE;EsF+FF;AxFs8PJ;AwFn8PE;;EtF8UE;EACA;EACA;EACA;EACA;EACA;EAKA;EsFrVA;AxF28PJ;AwFz8PI;;EACE;AxF48PN;AwFz8PI;;EtFxBA;EACA;EACA;AFq+PJ;AwF18PE;EACE;AxF48PJ;AwF18PI;EACE;EACA;EACA;AxF48PN;AwFz8PI;EACE;EACA;EACA;AxF28PN;AwFz8PM;EACE;EACA;EAEA;AxF08PR;AwFp8PA;ElF7IE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ANolQF;AMllQE;EACE;EACA;ANolQJ;AMllQI;EJ6BA;EACA;AFwjQJ;AMjlQE;EJkVE;EACA;EAKA;EItVA;ANqlQJ;AMllQE;ENolQA,8DAA8D;EMllQ5D;EACA;ANolQJ;AMllQI;EACE;ANolQN;AMjlQI;;ELkEF;EDmhQA,sCAAsC;AACxC;AMjlQI;EACE;ANmlQN;AM/kQE;EACE;ANilQJ;AM9kQE;EJoYE;EACA;EACA;EACA;EACA;EACA;EAKA;EI5YA;ANslQJ;AMplQI;EJmCA;EACA;EACA;AFojQJ;AMplQE;;;EAGE;EACA;ANslQJ;AMnlQE;EACE;EACA;ANqlQJ;AMllQE;;EACE;EACA;ANqlQJ;AMllQE;EACE;EACA;EACA;ANolQJ;AMllQI;EACE;EACA;ANolQN;AMjlQI;;EACE;EACA;ANolQN;AMjlQI;EACE;EACA;ANmlQN;AM/kQE;EJxDE;EACA;EAXA;AFspQJ;AMhlQE;EACE;ENklQF,oFAAoF;EMhlQlF;EACA;ANklQJ;AMhlQI;EACE;EACA;ANklQN;AM/kQI;;EACE;EACA;EACA;ANklQN;AM/kQI;EACE;EACA;EACA;ANilQN;AM9kQI;EJnFA;EACA;EAXA;AFgrQJ;AM9kQE;;EAEE;EACA;EACA;EACA;ANglQJ;AM9kQI;;;;;;;;EACE;EACA;EACA;ANulQN;AMplQI;;EACE;EACA;EACA;ANulQN;AMrlQM;;EACE;EACA;EACA;ANwlQR;AMllQI;;;EAGE;EACA;ANolQN;AMjlQI;EJ0IA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AH2vQJ;AEn8PI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFw8PN;AEv9PI;ECpTA;EACA;EACA;EACA;AH8wQJ;AACA;;;;;;;;;EASE;AyF7xQF;EvFihBI;EACA;EACA;EAjgBA;EuFhBF;AzFkyQF;AyFhyQE;EtFYE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHkyQJ;AyFtyQE;EtFQE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAkBA;EACA;EACA;EACA;AH2xQJ;AyF/yQA;EACE;EACA;EACA;AzFizQF;AyF/yQE;EACE;EACA;EACA;EACA;EACA;AzFizQJ;AyF/yQI;EACE;EACA;EACA;AzFizQN;AyF9yQI;EvFyUA;EACA;EFw+PF,0FAA0F;EyF/yQtF;AzFizQN;AyF9yQI;EACE;AzFgzQN;AyF7yQI;EACE;AzF+yQN;AyF7yQM;EACE;AzF+yQR;AyF7yQQ;EACE;EACA;AzF+yQV;AyF3yQM;EACE;AzF6yQR;AyFxyQM;EvF8BF;EACA;EACA;AF6wQJ;AyFxyQI;EACE;AzF0yQN;AyFxyQM;EACE;AzF0yQR;AyFtyQI;EACE;EACA;AzFwyQN;AACA;;;;;;;;;EASE;A0F53QF;EACE;EACA;EACA;A1F83QF;A0F53QE;;;EACE;A1Fg4QJ;A0F53QI;EACE;A1F83QN;A0F53QM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A1F83QR;A0F13QI;EACE;A1F43QN;A0Fv3QM;;;;EAEE;A1F23QR;A0Fr3QA;EACE;A1Fu3QF;A0Fr3QE;EACE;EACA;A1Fu3QJ;A0Fr3QI;EACE;A1Fu3QN;A0Fp3QI;EACE;EACA;EACA;A1Fs3QN;A0Fn3QI;EACE;EACA;EACA;EACA;A1Fq3QN;A0Fl3QI;EACE;A1Fo3QN;A0Fj3QI;EACE;A1Fm3QN;A0F92QI;EpF8BA;ENm1QF,oFAAoF;EMj1QlF;EACA;ANm1QJ;AMj1QI;EACE;EACA;ANm1QN;AMh1QI;;EACE;EACA;EACA;ANm1QN;AMh1QI;EACE;EACA;EACA;ANk1QN;AM/0QI;EJnFA;EACA;EAXA;AFi7QJ;A0Fr4QM;EACE;A1Fu4QR;A0Fp4QM;EACE;EACA;A1Fs4QR;A0Fn4QM;EACE;A1Fq4QR;A0Fn4QQ;;;;EACE;EACA;A1Fw4QV;A0Fj4QA;EACE;A1Fm4QF;A0Fj4QE;EACE;EACA;EACA;EACA;EACA;A1Fm4QJ;A0Fj4QI;EACE;A1Fm4QN;A0Fh4QI;EACE;A1Fk4QN;A0F/3QI;EACE;A1Fi4QN;A0F93QI;EACE;A1Fg4QN;A0F93QM;EACE;A1Fg4QR;AACA;;;;;;;;;EASE;A2FrgRF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;A3FqgRF;A2FngRE;EACE;A3FqgRJ;A2FlgRE;EACE;EACA;A3FogRJ;A2FjgRE;EACE;A3FmgRJ;A2FhgRE;EACE;EACA;EACA;EzFTA;EyFYA;A3FigRJ;A2F//QI;EACE;A3FigRN;A2F9/QI;EACE;A3FggRN;AACA;;;;;;;;;EASE;A4FhjRF;EAEE;EACA;EACA;EACA;A5FijRF;A4F/iRE;EACE;EACA;A5FijRJ;A4F9iRE;;EACE;A5FijRJ;A4F7iRI;EACE;A5F+iRN;A4F3iRE;EACE;EACA;EACA;A5F6iRJ;A4F3iRI;EACE;A5F6iRN;A4F1iRI;E5F4iRF,8CAA8C;E4F1iR1C;A5F4iRN;A4FxiRE;EAGE;A5FwiRJ;A4FriRE;;;E5FyiRA,8CAA8C;E4FriR5C;A5FuiRJ;A4FliRE;;;;;;;;EAQE;EACA;A5FoiRJ;A4F/hRE;EACE;A5FiiRJ;A4F9hRE;EACE;A5FgiRJ;AACA,oDAAoD;A4F3hRlD;;EAEE;A5F6hRJ;A4F1hRE;EACE;A5F4hRJ;AACA;;;;;;;;;EASE;AACF,WAAW;A8CxnRX;E9C0nRE,0BAA0B;EAC1B,+BAA+B;AACjC;AACA,WAAW;A8CpmRX;EACE;EACA;EACA;EACA;EACA;A9CsmRF;A8CpmRE;EACE;EACA;A9CsmRJ;A8ClmRA;EACE;EACA;EACA;E9ComRA,6FAA6F;AAC/F;A8CnmRE;EACE;A9CqmRJ;A8ClmRE;EACE;EACA;EACA;EACA;A9ComRJ;A8ClmRI;EACE;A9ComRN;A8ChmRE;EACE;E9CkmRF,qJAAqJ;E8ChmRnJ;A9CkmRJ;A8ChmRI;EACE;EACA;EACA;A9CkmRN;A8C/lRI;EACE;A9CimRN;A8C9lRI;EACE;A9CgmRN;A8C7lRI;EACE;A9C+lRN;A8C3lRE;EACE;EACA;A9C6lRJ;A8C3lRI;EACE;A9C6lRN;A8CvlRI;EACE;A9CylRN;A8CtlRI;EACE;A9CwlRN;A8CnlRA;EArGI;EAUA;EACA;EACA;A9CkrRJ;A8CplRI;EACE;A9CslRN;A8CnlRI;EACE;EACA;A9CqlRN;A8CnlRM;EACE;A9CqlRR;A8CllRM;EACE;A9ColRR;A8CjlRM;EACE;EACA;A9CmlRR;A8CjlRQ;EACE;A9CmlRV;A8ChlRQ;EACE;A9CklRV;A8C5kRM;;EAEE;A9C8kRR;A8C3kRM;;EAEE;A9C6kRR;AACA;;;;;;;;;EASE;A6F3uRF;EACE;A7F6uRF;AACA;;;;;;;;;EASE;A2CxvRF;EACE;EACA;EACA;EACA;EACA;EzC6gBE;EACA;EACA;EAjgBA;EyCZF;EACA;A3C6vRF;A2C3vRE;EACE;A3C6vRJ;A2CzvRI;EACE;EACA;A3C2vRN;A2CzvRM;EACE;E3C2vRN,gDAAgD;E2C1vR1C;A3C4vRR;A2C1vRQ;EACE;A3C4vRV;A2CxsRI;EACE;A3C0sRN;A2CxsRM;EACE;A3C0sRR;A2C3vRI;EACE;EACA;A3C6vRN;A2C3vRM;EACE;E3C6vRN,2FAA2F;AAC7F;A2C3vRM;EzCGF;EACA;EAXA;AFuwRJ;A2C5vRM;EACE;EACA;A3C8vRR;A2C3vRM;EACE;EACA;A3C6vRR;A2C3vRQ;EACE;EACA;A3C6vRV;A2C1vRQ;;EACE;EACA;A3C6vRV;A2C1vRQ;EzCpBJ;EACA;EAXA;AF6xRJ;A2C3vRQ;EACE;EACA;EACA;A3C6vRV;A2C1uRI;EACE;A3C4uRN;A2C1uRM;EACE;A3C4uRR;A2CzyRI;EACE;EACA;A3C2yRN;A2CzyRM;EACE;E3C2yRN,2FAA2F;AAC7F;A2CzyRM;EzCGF;EACA;EAXA;AFqzRJ;A2C1yRM;EACE;EACA;A3C4yRR;A2CzyRM;EACE;EACA;A3C2yRR;A2CzyRQ;EACE;EACA;A3C2yRV;A2CxyRQ;;EACE;EACA;A3C2yRV;A2CxyRQ;EzCpBJ;EACA;EAXA;AF20RJ;A2CzyRQ;EACE;EACA;EACA;A3C2yRV;A2C5wRI;EACE;A3C8wRN;A2C5wRM;EACE;A3C8wRR;A2Cv1RI;EACE;EACA;A3Cy1RN;A2Cv1RM;EACE;E3Cy1RN,2FAA2F;AAC7F;A2Cv1RM;EzCGF;EACA;EAXA;AFm2RJ;A2Cx1RM;EACE;EACA;A3C01RR;A2Cv1RM;EACE;EACA;A3Cy1RR;A2Cv1RQ;EACE;EACA;A3Cy1RV;A2Ct1RQ;;EACE;EACA;A3Cy1RV;A2Ct1RQ;EzCpBJ;EACA;EAXA;AFy3RJ;A2Cv1RQ;EACE;EACA;EACA;A3Cy1RV;A2C9yRI;EACE;A3CgzRN;A2C9yRM;EACE;A3CgzRR;A2Cr4RI;EACE;EACA;A3Cu4RN;A2Cr4RM;EACE;E3Cu4RN,2FAA2F;AAC7F;A2Cr4RM;EzCGF;EACA;EAXA;AFi5RJ;A2Ct4RM;EACE;EACA;A3Cw4RR;A2Cr4RM;EACE;EACA;A3Cu4RR;A2Cr4RQ;EACE;EACA;A3Cu4RV;A2Cp4RQ;;EACE;EACA;A3Cu4RV;A2Cp4RQ;EzCpBJ;EACA;EAXA;AFu6RJ;A2Cr4RQ;EACE;EACA;EACA;A3Cu4RV;A2Cj1RE;ExC1GE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHy8RJ;A2Ct1RE;EzChCE;EACA;EACA;EACA;EClFA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHm8RJ;A2Cv2RA;EACE;EACA;EACA;EACA;EACA;E3Cy2RA,2DAA2D;AAC7D;A2Ct2RE;EACE;A3Cw2RJ;A2Cp2RA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3Cs2RF;A2Cn2RA;EACE;EACA;A3Cq2RF;A2Cn2RE;EzCiME;EACA;EACA;EACA;AFqqRJ;A2Cp2RA;EACE;EACA;EACA;EACA;A3Cs2RF;A2Cp2RE;EACE;EACA;EACA;A3Cs2RJ;A2Cn2RE;EACE;A3Cq2RJ;A2Ch2RE;EACE;A3Ck2RJ;A2C51RE;EACE;A3C81RJ;A2C31RE;EACE;A3C61RJ;A2C11RE;EACE;A3C41RJ;A2C11RI;EAEE;A3C21RN;A2Cv1RE;EACE;A3Cy1RJ;A2Ct1RE;EACE;A3Cw1RJ;A2Ct1RI;EACE;A3Cw1RN;A2Ct1RM;EACE;A3Cw1RR;A2Cl1RA;EACE;EACA;EACA;A3Co1RF;A2Cj1RA;EACE;I3Cm1RE,8CAA8C;I2Cj1R9C;E3Cm1RF;AACF;AACA;;;;;;;;;EASE;A8FxkSF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;E5FiWE;EACA;AFyuRJ;A8FxkSE;EACE;A9F0kSJ;A8FvkSE;EACE;A9FykSJ;A8FtkSE;EACE;A9FwkSJ;A8FrkSE;EACE;EACA;E9FukSF,+DAA+D;AACjE;A8FrkSE;EACE;EACA;E9FukSF,+DAA+D;AACjE;A8FpkSE;EACE;EACA;A9FskSJ;A8FpkSI;EACE;EACA;A9FskSN;A8FnkSI;EACE;EACA;A9FqkSN;A8FlkSI;EACE;EACA;A9FokSN;A8FhkSE;EACE;A9FkkSJ;A8FhkSI;EACE;A9FkkSN;A8F3jSE;EACE;EAEA;EACA;EACA;A9F4jSJ;A8F1jSI;EACE;A9F4jSN;A8FzjSI;EACE;A9F2jSN;A8FxjSI;EACE;EACA;A9F0jSN;A8FxjSM;EACE;A9F0jSR;A8FvjSM;EACE;A9FyjSR;A8FrjSI;EAEE;EACA;A9FsjSN;A8FnjSI;EACE;EACA;EACA;A9FqjSN;A8F/iSE;EACE;EACA;A9FijSJ;AACA;;;;;;;;;EASE;A+FzqSF;EACE;EACA;EACA;EACA;EACA;A/F2qSF;A+FzqSE;EACE;A/F2qSJ;A+FxqSE;EACE;EACA;EACA;A/F0qSJ;A+FxqSI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A/F0qSN;A+FvqSM;EACE;A/FyqSR;A+FrqSI;EACE;A/FuqSN;AACA;;;;;;;;;EASE;A+BnsSF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/BqsSA,qFAAqF;AACvF;A+BpsSE;EACE;A/BssSJ;A+BnsSE;EACE;A/BqsSJ;A+BnsSI;EA/BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/BquSF;A+B1sSE;EACE;EACA;A/B4sSJ;A+B1sSI;EACE;A/B4sSN;A+BzsSI;EACE;EACA;A/B2sSN;A+BvsSE;EACE;EACA;A/BysSJ;A+BvsSI;EACE;EACA;EACA;A/BysSN;A+BtsSI;EACE;EACA;A/BwsSN;A+BpsSE;EACE;EACA;A/BssSJ;A+BpsSI;EACE;A/BssSN;A+BnsSI;EACE;EACA;A/BqsSN;A+BjsSE;EACE;EACA;A/BmsSJ;A+BjsSI;EACE;A/BmsSN;A+BhsSI;EACE;EACA;A/BksSN;A+B5rSE;EACE;EACA;A/B8rSJ;A+B1rSA;EACE;EACA;EACA;EACA;EACA;EACA;A/B4rSF;A+B1rSE;EACE;EACA;EACA;EACA;A/B4rSJ;A+B1rSI;EACE;A/B4rSN;A+BzrSI;EACE;A/B2rSN;A+BxrSI;EACE;A/B0rSN;A+BvrSI;EACE;A/ByrSN;A+BprSA;EACE;A/BsrSF;A+BprSE;EACE;EACA;A/BsrSJ;A+BnrSE;EACE;A/BqrSJ;A+BlrSE;EACE;EACA;EACA;EACA;A/BorSJ;A+BlrSI;EACE;EACA;A/BorSN;A+BjrSI;;;;EAIE;A/BmrSN;A+B9qSA;EACE;E7ByLE;EACA;EACA;EACA;EAIA;EACA;AFq/RJ;AACA;;;;;;;;;EASE;AgG71SF;EACE;EACA;AhG+1SF;AgG71SE;EACE;EACA;AhG+1SJ;AgG31SA;EACE;EACA;EACA;EACA;EACA;EhG61SA,8BAA8B;EgG31S9B;EACA;AhG61SF;AgG31SE;EACE;EACA;EACA;EACA;AhG61SJ;AgG31SI;EACE;AhG61SN;AgGz1SE;EACE;EACA;AhG21SJ;AgGz1SI;EACE;EACA;EACA;AhG21SN;AgGz1SM;EACE;AhG21SR;AgGv1SI;EACE;EACA;AhGy1SN;AgGv1SM;EACE;EACA;EACA;AhGy1SR;AgGn1SA;EACE;EACA;E9FiSE;EACA;EAKA;E8FrSF;EACA;EACA;EACA;EACA;AhGu1SF;AgGp1SA;EACE;EACA;EACA;EACA;AhGs1SF;AgGn1SA;EACE;EACA;EACA;AhGq1SF;AgGn1SE;EACE;EACA;EACA;EACA;EACA;E9FuQA;EACA;EAKA;AF2kSJ;AgGp1SE;EACE;AhGs1SJ;AgGn1SE;EACE;EACA;EACA;EACA;AhGq1SJ;AgGn1SI;EACE;EACA;EACA;EACA;EhGq1SJ,0GAA0G;EgGp1StG;AhGs1SN;AgGp1SM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhGs1SR;AgGn1SM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhGq1SR;AgG/0SA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhGi1SF;AgG/0SE;EACE;AhGi1SJ;AgG70SA;EACE;AhG+0SF;AgG50SA;EACE;EACA;EACA;EACA;EACA;EACA;AhG80SF;AgG30SA;EACE;EACA;EACA;EACA;EACA;EACA;AhG60SF;AACA;;;;;;;;;EASE;AiGlgTF;EACE;EACA;EACA;EACA;AjGogTF;AiGjgTA;EACE;EACA;EACA;EACA;AjGmgTF;AiGhgTA;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjGkgTF;AiGhgTE;;;EACE;AjGogTJ;AiGhgTA;EACE;AjGkgTF;AiG//SA;EACE;EACA;EACA;EACA;EACA;EACA;AjGigTF;AiG9/SA;;EAEE;AjGggTF;AiG7/SA;ED3DE;E9FkbE;EACA;EACA;EACA;EACA;EACA;E+F1bF;EACA;EACA;EACA;EACA;EACA;EACA;AjGqkTF;AiGzgTA;ED/DE;E9FkbE;EACA;EACA;EACA;EACA;EACA;E+F1bF;EACA;EACA;EACA;EACA;EACA;EACA;AjGqlTF;AiGrhTA;EACE;EACA;AjGuhTF;AiGphTA;;;EAGE;EACA;EACA;EACA;EACA;EACA;AjGshTF;AiGnhTA;EACE;EACA;EACA;EACA;EACA;EACA;E/F2QE;EACA;EAKA;AFuwSJ;AiGrhTE;EACE;EACA;EACA;AjGuhTJ;AiGphTE;EACE;EACA;EACA;EACA;AjGshTJ;AiGnhTE;EACE;AjGqhTJ;AiGlhTE;EACE;EACA;AjGohTJ;AiGjhTE;EACE;EACA;EACA;EACA;AjGmhTJ;AiG/gTA;;EAEE;AjGihTF;AiG/gTE;;EACE;AjGkhTJ;AiG9gTA;EDnIE;E9FkbE;EACA;EACA;EACA;EACA;EACA;E+F1bF;EACA;EACA;EACA;EACA;EACA;EACA;AjG8pTF;AiG1hTA;EDvIE;E9FkbE;EACA;EACA;EACA;EACA;EACA;E+F1bF;EACA;EACA;EACA;EACA;EACA;EACA;AjG8qTF;AACA;;;;;;;;;EASE;AkGhsTF;EACE;EACA;AlGksTF;AkGhsTE;EACE;AlGksTJ;AkG/rTE;EACE;EACA;AlGisTJ;AkG9rTE;EjG+FA;EDkmTA,sCAAsC;AACxC;AkG7rTA;EACE;EACA;EACA;EACA;EACA;AlG+rTF;AkG7rTE;EACE;EACA;AlG+rTJ;AkG7rTI;EACE;AlG+rTN;AkG5rTI;EACE;AlG8rTN;AkG1rTE;EACE;EACA;AlG4rTJ;AkG1rTI;EACE;AlG4rTN;AkGzrTI;EACE;AlG2rTN;AkGvrTE;EACE;EACA;AlGyrTJ;AkGvrTI;EACE;AlGyrTN;Ak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VE;EAZE;IACE;IACA;IACA;EH6iVJ;EG3iVE;IACE;IACA;IACA;EH6iVJ;AACF;AGviVE;EAfE;IACE;IACA;IACA;EHyjVJ;EGvjVE;IACE;IACA;IACA;EHyjVJ;AACF;AGliVE;EAVE;IACE;IACA;EH+iVJ;EG7iVE;IACE;IACA;EH+iVJ;AACF;AGziVE;EAbE;IACE;IACA;EHyjVJ;EGvjVE;IACE;IACA;EHyjVJ;AACF;AGhiVE;EAZE;IACE;IACA;IACA;EH+iVJ;EG7iVE;IACE;IACA;IACA;EH+iVJ;AACF;AGziVE;EAfE;IACE;IACA;IACA;EH2jVJ;EGzjVE;IACE;IACA;IACA;EH2jVJ;AACF;AGpiVE;EAVE;IACE;IACA;EHijVJ;EG/iVE;IACE;IACA;EHijVJ;AACF;AG3iVE;EAbE;IACE;IACA;EH2jVJ;EGzjVE;IACE;IACA;EH2jVJ;AACF;AGxiVE;EALE;IDlLA;IACA;IACA;EFmuVF;AACF;AG5iVE;EARE;IDlLA;IACA;IACA;EF0uVF;AACF;AGtiVE;EALE;IDlMA;IACA;IACA;EFivVF;AACF;AG1iVE;EARE;IDlMA;IACA;IACA;EFwvVF;AACF;AGpiVE;EALE;IDlNA;IACA;IACA;EF+vVF;AACF;AGxiVE;EARE;IDlNA;IACA;IACA;EFswVF;AACF;AGliVE;EALE;IDlOA;IACA;IACA;EF6wVF;AACF;AGtiVE;EARE;IDlOA;IACA;IACA;EFoxVF;AACF;AG/hVE;EALE;IDnPA;IACA;IACA;EF2xVF;AACF;AGniVE;EARE;IDnPA;IACA;IACA;EFkyVF;AACF;AG5hVE;EALE;IDpQA;IACA;IACA;EFyyVF;AACF;AGhiVE;EARE;IDpQA;IACA;IACA;EFgzVF;AACF;AGthVE;EAVE;IACE;IDpRF;IACA;IACA;EFwzVF;EGniVE;IACE;IDxRF;IACA;IACA;EF8zVF;AACF;AGjiVE;EAbE;IACE;IDpRF;IACA;IACA;EFs0VF;EGjjVE;IACE;IDxRF;IACA;IACA;EF40VF;AACF;AG3hVE;EAbE;IACE;IDxSF;IACA;IACA;EFo1VF;EG3iVE;IACE;ID5SF;IACA;IACA;EF01VF;EG7iVE;ID/SA;IACA;IACA;EF+1VF;AACF;AG3iVE;EAhBE;IACE;IDxSF;IACA;IACA;EFu2VF;EG9jVE;IACE;ID5SF;IACA;IACA;EF62VF;EGhkVE;ID/SA;IACA;IACA;EFk3VF;AACF;AG/iVE;EARE;ID9TA;IACA;IACA;EFy3VF;EG1jVE;IDjUA;IACA;IACA;EF83VF;AACF;AGxjVE;EAXE;ID9TA;IACA;IACA;EFq4VF;EGtkVE;IDjUA;IACA;IACA;EF04VF;AACF;AGrjVE;EARE;IDhVA;IACA;IACA;EFi5VF;EGhkVE;IDnVA;IACA;IACA;EFs5VF;AACF;AG9jVE;EAXE;IDhVA;IACA;IACA;EF65VF;EG5kVE;IDnVA;IACA;IACA;EFk6VF;AACF;AGxjVE;EAXE;IACE;EHskVJ;EGpkVE;IACE;EHskVJ;EGpkVE;IACE;EHskVJ;AACF;AGhkVE;EAdE;IACE;EHilVJ;EG/kVE;IACE;EHilVJ;EG/kVE;IACE;EHilVJ;AACF;AGnjVE;EAjBE;IDvXA;IACA;IACA;ICuXE;EHykVJ;EGvkVE;IACE;EHykVJ;EGvkVE;ID9XA;IACA;IACA;IC8XE;EH2kVJ;EGzkVE;IDlYA;IACA;IACA;ICkYE;EH6kVJ;AACF;AGvkVE;EApBE;IDvXA;IACA;IACA;ICuXE;EHgmVJ;EG9lVE;IACE;EHgmVJ;EG9lVE;ID9XA;IACA;IACA;IC8XE;EHkmVJ;EGhmVE;IDlYA;IACA;IACA;ICkYE;EHomVJ;AACF;AG1kVE;EAbE;IDlZA;IACA;IACA;ICkZE;EH4lVJ;EG1lVE;IACE;EH4lVJ;EG1lVE;IDzZA;IACA;IACA;ICyZE;EH8lVJ;AACF;AGxlVE;EAhBE;IDlZA;IACA;IACA;ICkZE;EH6mVJ;EG3mVE;IACE;EH6mVJ;EG3mVE;IDzZA;IACA;IACA;ICyZE;EH+mVJ;AACF;AGplVE;EAdE;IDzaA;IACA;IACA;ICyaE;EHumVJ;EGrmVE;ID7aA;IACA;IACA;IC6aE;EHymVJ;EGvmVE;IDjbA;IACA;IACA;ICibE;EH2mVJ;AACF;AGrmVE;EAjBE;IDzaA;IACA;IACA;ICyaE;EH2nVJ;EGznVE;ID7aA;IACA;IACA;IC6aE;EH6nVJ;EG3nVE;IDjbA;IACA;IACA;ICibE;EH+nVJ;AACF;AGpmVE;EAdE;IDjcA;IACA;IACA;EFujWF;EGrnVE;IDpcA;IACA;IACA;EF4jWF;EGvnVE;IDvcA;IACA;IACA;EFikWF;EGznVE;ID1cA;IACA;IACA;EFskWF;AACF;AGvnVE;EAjBE;IDjcA;IACA;IACA;EF6kWF;EG3oVE;IDpcA;IACA;IACA;EFklWF;EG7oVE;IDvcA;IACA;IACA;EFulWF;EG/oVE;ID1cA;IACA;IACA;EF4lWF;AACF;AG3nVE;EAXE;IDzdA;IACA;IACA;EFmmWF;EGzoVE;ID5dA;IACA;IACA;EFwmWF;EG3oVE;ID/dA;IACA;IACA;EF6mWF;AACF;AGzoVE;EAdE;IDzdA;IACA;IACA;EFonWF;EG1pVE;ID5dA;IACA;IACA;EFynWF;EG5pVE;ID/dA;IACA;IACA;EF8nWF;AACF;AGjoVE;EAlBE;IACE;IACA;EHspVJ;EGppVE;IACE;IACA;EHspVJ;EGppVE;IACE;IACA;EHspVJ;EGppVE;IACE;IACA;EHspVJ;AACF;AGhpVE;EArBE;IACE;IACA;EHwqVJ;EGtqVE;IACE;IACA;EHwqVJ;EGtqVE;IACE;IACA;EHwqVJ;EGtqVE;IACE;IACA;EHwqVJ;AACF;AGhnVE;EAnCE;IDlhBA;IACA;IACA;EFyqWF;EGtpVE;IDrhBA;IACA;IACA;EF8qWF;EGxpVE;IDxhBA;IACA;IACA;EFmrWF;EG1pVE;ID3hBA;IACA;IACA;EFwrWF;EG5pVE;ID9hBA;IACA;IACA;EF6rWF;EG9pVE;IDjiBA;IACA;IACA;EFksWF;EGhqVE;IDpiBA;IACA;IACA;EFusWF;EGlqVE;IDviBA;IACA;IACA;EF4sWF;EGpqVE;ID1iBA;IACA;IACA;EFitWF;EGtqVE;ID7iBA;IACA;IACA;EFstWF;EGxqVE;IDhjBA;IACA;IACA;EF2tWF;AACF;AGtqVE;EAtCE;IDlhBA;IACA;IACA;EFkuWF;EG/sVE;IDrhBA;IACA;IACA;EFuuWF;EGjtVE;IDxhBA;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E;EACA;EACA;A5GstXF;A4GptXE;EACE;A5GstXJ;A4GltXA;EACE;A5GotXF;A4GjtXA;;EAEE;A5GmtXF;A4GhtXA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5GktXF;A4GhtXE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5GktXJ;A4G/sXE;EACE;EACA;A5GitXJ;A4G/sXI;EACE;EACA;EACA;A5GitXN;A4G7sXE;EACE;EACA;EACA;A5G+sXJ;A4G7sXI;EACE;EACA;A5G+sXN;A4G5sXI;EACE;EACA;A5G8sXN;A4G5sXM;EACE;EACA;A5G8sXR;AACA;;;;;;;;;EASE;A6G9xXF;EACE;A7GgyXF;A6G7xXA;EACE;EACA;EACA;EACA;EACA;E7G+xXA,kDAAkD;AACpD;A6G9xXE;;;EAGE;A7GgyXJ;A6G7xXM;;;EACE;A7GiyXR;A6G/xXQ;;;EACE;A7GmyXV;A6G5xXI;EACE;A7G8xXN;A6G3xXI;;EAEE;A7G6xXN;A6GpxXQ;E7GsxXN,yBAAyB;E6GpxXjB;A7GsxXV;A6GpxXU;EACE;A7GsxXZ;A6GlxXQ;EACE;A7GoxXV;A6GhxXM;;EAEE;A7GkxXR;A6G9wXQ;;E7GixXN,8CAA8C;E6G9wXtC;A7GgxXV;A6G9wXU;;EACE;A7GixXZ;A6G9wXU;;EACE;A7GixXZ;A6G1wXQ;;;;EAEE;A7G8wXV;A6GtwXQ;;EACE;A7GywXV;A6GvwXU;;EACE;A7G0wXZ;A6GnwXE;EAEI;EACA;A7GowXN;A6GhwXE;EACE;EACA;EACA;A7GkwXJ;A6GhwXI;EACE;A7GkwXN;A6G9vXE;EACE;EACA;A7GgwXJ;A6G9vXI;EACE;A7GgwXN;A6G5vXE;EACE;A7G8vXJ;A6G5vXI;EACE;A7G8vXN;A6G1vXE;EACE;A7G4vXJ;A6G1vXI;EACE;A7G4vXN;A6GzvXI;EACE;EACA;A7G2vXN;A6GzvXM;EACE;A7G2vXR;A6GvvXI;EACE;EACA;EAGA;EAEA;A7GsvXN;A6GjvXA;EACE;EACA;EACA;A7GmvXF;A6GjvXE;E7GmvXA;mHACiH;E6GjvX/G;EACA;A7GmvXJ;A6GhvXE;E7GkvXA,qCAAqC;E6GhvXnC;A7GkvXJ;A6G/uXE;;;;EAIE;EACA;A7GivXJ;A6G9uXE;EACE;A7GgvXJ;A6G1uXI;;;;EAIE;A7G4uXN;A6GzuXI;E3GoGA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHy7XJ;AEjoXI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFsoXN;AErpXI;ECpTA;EACA;EACA;EACA;AH48XJ;A6GnwXE;E3G4HE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF0oXJ;AExoXI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF0oXN;A6GnxXA;EACE;E7GqxXA,uFAAuF;AACzF;A6GnxXA;;EAEE;A7GqxXF;A6GjxXE;EACE;A7GmxXJ;A6GhxXE;EACE;A7GkxXJ;A6GhxXI;E3G4KA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E2GlLE;A7G0xXN;A6GtxXE;;EAEE;EACA;EACA;A7GwxXJ;A6GrxXE;;EAEE;EACA;EACA;A7GuxXJ;A6GlxXI;;E7GqxXF,8EAA8E;E6GnxX1E;EACA;A7GqxXN;A6GlxXI;;EAGE;A7GmxXN;A6G/wXE;EACE;A7GixXJ;A6G7wXA;EACE;EACA;A7G+wXF;A6G5wXA;EACE;EACA;EACA;EACA;EACA;E3GkFE;EACA;E2GjFF;E7G+wXA,uBAAuB;AACzB;A6G9wXE;EACE;A7GgxXJ;A6G7wXE;E7G+wXA,wDAAwD;E6G7wXtD;A7G+wXJ;A6G5wXE;E7G8wXA,yDAAyD;E6G5wXvD;A7G8wXJ;A6G3wXE;EACE;A7G6wXJ;A6G1wXE;EACE;A7G4wXJ;A6GzwXE;;EAIE;A7GywXJ;A6GtwXE;;;EAGE;A7GwwXJ;A6GrwXE;EACE;EACA;EACA;EACA;E3GmEA;EACA;EACA;EACA;EAKA;AFisXJ;A6GxwXE;EACE;EACA;EACA;EACA;EACA;EACA;A7G0wXJ;A6GvwXE;E3G8DE;AF4sXJ;A6GtwXE;EACE;A7GwwXJ;A6GnwXI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;E7GqwXJ,oEAAoE;AACtE;A6GpwXM;EACE;E3GoFJ;EACA;EACA;EACA;EACA;EACA;E2GvFI;EACA;EACA;A7G2wXR;A6GzwXQ;E7G2wXN,wHAAwH;EACxH,4DAA4D;EE3hY1D;EACA;EACA;AF6hYJ;A6GzwXM;EACE;A7G2wXR;A6GtwXE;E7GwwXA,qDAAqD;E6GtwXnD;EACA;EACA;A7GwwXJ;A6GtwXI;EACE;EACA;A7GwwXN;A6GrwXI;EACE;EACA;A7GuwXN;A6GnwXE;;EAEE;A7GqwXJ;A6GhwXI;EpGnVA;EACA;ATslYJ;A6GjwXM;EpGjVF;EACA;ATqlYJ;A6GjwXM;EpGhUF;EACA;ATokYJ;A6G/vXE;EACE;EACA;EACA;A7GiwXJ;A6G/vXI;EACE;A7GiwXN;A6G/vXM;;EACE;A7GkwXR;A6G7vXE;EACE;EACA;A7G+vXJ;A6G1vXE;EACE;EACA;EACA;EACA;A7G4vXJ;A6G1vXI;EACE;A7G4vXN;A6GxvXE;E7G0vXA,gFAAgF;E6GxvX9E;A7G0vXJ;A6GvvXE;EACE;A7GyvXJ;A6GtvXE;EACE;A7GwvXJ;A6GpvXA;EACE;EACA;EACA;EACA;A7GsvXF;A6GpvXE;EACE;EACA;EACA;A7GsvXJ;A6GlvXA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7GovXF;A6GlvXE;EACE;A7GovXJ;A6GjvXE;EACE;EACA;A7GmvXJ;A6GhvXE;EACE;EACA;A7GkvXJ;A6G9uXA;EACE;EACA;EACA;E7GgvXA,6CAA6C;AAC/C;A6G/uXE;EACE;EACA;E3G7IA;EACA;EAKA;AF23XJ;A6GhvXE;EACE;EACA;EACA;EACA;A7GkvXJ;A6G/uXE;;EAEE;A7GivXJ;A6G9uXE;;EAEE;A7GgvXJ;A6G3uXE;;EAEE;A7G6uXJ;A6GzuXA;EACE;A7G2uXF;A6GxuXA;EACE;A7G0uXF;A6GvuXA;EACE;A7GyuXF;A6GtuXA;EACE;A7GwuXF;A6GruXA;EACE;A7GuuXF;A6GpuXA;EACE;A7GsuXF;AACA,YAAY;A6GluXZ;EACE;A7GouXF;A6GjuXA;EACE;A7GmuXF;A6GhuXA;EACE;A7GkuXF;AACA,2CAA2C;A6G9tX3C;EASE;I7GwtXE,uBAAuB;IElsYvB;IACA;IACA;EFosYF;E6GztXA;I3G7eE;IACA;IACA;EFysYF;AACF;A6GvuXA;EAKE;I7GquXE,uBAAuB;IE/sYvB;IACA;IACA;EFitYF;E6GtuXA;I3G7eE;IACA;IACA;EFstYF;AACF;A6G9tXE;E1GpkBE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH4xYJ;AACA,gDAAgD;A6GzuXhD;EASE;I7GmuXE,uBAAuB;IE/uYvB;IACA;IACA;EFivYF;E6GpuXA;I3G/gBE;IACA;IACA;EFsvYF;AACF;A6GlvXA;EAKE;I7GgvXE,uBAAuB;IE5vYvB;IACA;IACA;EF8vYF;E6GjvXA;I3G/gBE;IACA;IACA;EFmwYF;AACF;A6GzuXE;E1GtmBE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHy0YJ;AACA,kHAAkH;A6GtvXlH;EACE;EACA;A7GwvXF;A6GrvXA;EACE;A7GuvXF;AACA;;;;;;;;;EASE;A8Gp4YF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A9Gs4YF;A8Gn4YA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A9Gq4YF;A8Gl4YA;EACE;EACA;EACA;EACA;EACA;EACA;E9Go4YA,sCAAsC;E8Gj4YtC;EAMA;EACA;E9G83YA,+EAA+E;E8G53Y/E;A9G83YF;A8Gr4YE;EACE;A9Gu4YJ;A8G/3YE;EACE;A9Gi4YJ;A8G73YA;EACE;EACA;A9G+3YF;A8G73YE;EACE;A9G+3YJ;A8G33YM;E9G63YJ,sGAAsG;E8G33YhG;A9G63YR;A8G13YM;EhEnDF;EgEqDI;A9G43YR;A8Gt3YA;EACE;EACA;EACA;EACA;EACA;A9Gw3YF;A8Gr3YA;EACE;EACA;EACA;EACA;EACA;EACA;A9Gu3YF;A8Gp3YA;EACE;EACA;A9Gs3YF;A8Gn3YA;EACE;EACA;EACA;A9Gq3YF;A8Gl3YI;EACE;A9Go3YN;A8Gl3YM;EACE;A9Go3YR;A8G/2YE;EACE;EACA;EACA;EACA;EACA;A9Gi3YJ;A8G72YA;EACE;A9G+2YF;A8G52YA;;;;EAIE;EACA;EACA;EACA;EACA;EACA;E5GqPE;EACA;EF0nYF,gEAAgE;AAClE;A8G52YE;;;;EACE;EACA;A9Gi3YJ;A8G92YE;;;;EACE;A9Gm3YJ;A8Gj3YI;;;;EACE;A9Gs3YN;A8Gl3YE;;;;EACE;A9Gu3YJ;A8Gr3YI;;;;EACE;A9G03YN;A8Gt3YE;;;;EACE;A9G23YJ;A8Gx3YE;;;;EACE;A9G63YJ;A8Gz3YA;EACE;EACA;EACA;E9G23YA,WAAW;EACX,UAAU;EACV,YAAY;AACd;A8G53YE;EACE;A9G83YJ;A8Gz3YE;EACE;EACA;EACA;EACA;E9G23YF,iCAAiC;E8G13Y/B;E9G43YF,4DAA4D;AAC9D;A8G33YI;EACE;E5GmQF;EACA;EACA;EACA;EACA;EACA;E4GtQE;A9Gk4YN;A8G53YE;E3GzLE;EACA;EACA;EACA;E2GwLA;A9Gi4YJ;A8G93YE;EACE;A9Gg4YJ;A8G73YE;EACE;A9G+3YJ;A8G13YE;EACE;A9G43YJ;A8Gz3YE;EACE;A9G23YJ;A8Gx3YE;EACE;A9G03YJ;AACA;;;;;;;;;EASE;A+GxlZF;EACE;EACA;EACA;EACA;EACA;EACA;E/G0lZA,+BAA+B;E+GzlZ/B;EACA;EAGA;A/GylZF;A+GvlZE;EACE;A/GylZJ;A+GrlZA;EACE;EACA;EACA;EACA;E/GulZA,8FAA8F;E+GrlZ9F;EACA;EACA;A/GulZF;A+GrlZE;EACE;EACA;EACA;A/GulZJ;A+GrlZI;EACE;EACA;EACA;EACA;EACA;EACA;A/GulZN;A+GrlZM;EACE;A/GulZR;A+GplZM;EACE;EACA;A/GslZR;A+GhlZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;E/GilZA,8CAA8C;EAC9C,+CAA+C;EAC/C,sIAAsI;E+G9kZtI;EACA;EACA;A/GglZF;A+G9kZE;EAEE;A/G+kZJ;A+G5kZE;EACE;EACA;EACA;EACA;A/G8kZJ;A+G3kZE;EACE;EACA;EACA;A/G6kZJ;A+G1kZE;;;EAGE;A/G4kZJ;A+GzkZE;;;E/G6kZA,uBAAuB;E+GzkZrB;A/G2kZJ;A+GzkZI;;;;;;EAEE;A/G+kZN;A+G3kZE;;E/G8kZA,wBAAwB;E+G3kZtB;A/G6kZJ;A+G3kZI;;;;EAEE;A/G+kZN;A+G3kZE;;EAGE;A/G4kZJ;A+GzkZE;EACE;A/G2kZJ;A+GxkZE;EACE;EACA;A/G0kZJ;A+GvkZE;;;EAEE;A/G0kZJ;A+GvkZE;EACE;EACA;EACA;A/GykZJ;A+GtkZE;EACE;E/GwkZF,2GAA2G;E+GtkZzG;EACA;A/GwkZJ;A+GrkZE;EACE;EACA;EACA;EACA;A/GukZJ;A+GnkZI;EACE;A/GqkZN;A+GlkZI;EACE;A/GokZN;A+G/jZA;E7G+LI;EACA;EAKA;E6GnMF;A/GmkZF;A+GhkZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/GkkZF;A+GhkZE;EACE;A/GkkZJ;A+G/jZE;EACE;A/GikZJ;A+G9jZE;EACE;EACA;EACA;EACA;EACA;A/GgkZJ;A+G7jZE;EACE;A/G+jZJ;A+G5jZE;EACE;A/G8jZJ;A+G1jZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/G4jZF;A+G1jZE;EACE;A/G4jZJ;A+G1jZI;EACE;A/G4jZN;A+GxjZE;EACE;A/G0jZJ;A+GvjZE;E/GyjZA,sGAAsG;E+GvjZpG;A/GyjZJ;AACA,mFAAmF;A+GrjZnF;EACE;EACA;EACA;EACA;EACA;E/GujZA,+CAA+C;AACjD;AACA;;;;;;;;;EASE;AgHzzZF;E9GkhBI;EACA;EACA;EAjgBA;E8GjBF;EACA;EACA;AhH8zZF;AgH5zZE;E7GWE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH+zZJ;AgHl0ZE;E7GOE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAkBA;EACA;EACA;EACA;AHwzZJ;AgH30ZA;EACE;EACA;EACA;AhH60ZF;AgH10ZA;EACE;EACA;EACA;AhH40ZF;AgH10ZE;EAEE;AhH20ZJ;AgHv0ZA;EACE;EACA;EACA;EACA;EACA;AhHy0ZF;AgHv0ZE;EACE;EACA;EACA;AhHy0ZJ;AgHt0ZE;EACE;AhHw0ZJ;AgHp0ZA;EACE;EACA;AhHs0ZF;AgHp0ZE;EACE;AhHs0ZJ;AgHn0ZE;EACE;AhHq0ZJ;AgHl0ZE;EACE;AhHo0ZJ;AgHl0ZI;EACE;AhHo0ZN;AgH/zZA;EACE;EACA;EACA;E9G+RE;EACA;EAKA;AF+hZJ;AgHh0ZA;EACE;EACA;EACA;EACA;AhHk0ZF;AgHh0ZE;E9GzCE;EAXA;E8GsDA;AhHm0ZJ;AgHh0ZE;EACE;AhHk0ZJ;AgH/zZE;EACE;EACA;EACA;EACA;AhHi0ZJ;AgH9zZE;EACE;AhHg0ZJ;AgH7zZE;EACE;AhH+zZJ;AgH5zZE;EACE;AhH8zZJ;AgH3zZE;EACE;AhH6zZJ;AgH1zZE;;EAEE;AhH4zZJ;AgHzzZE;;EAEE;AhH2zZJ;AgHtzZI;;EACE;EACA;EhHyzZJ,yCAAyC;AAC3C;AgHvzZI;;EACE;EACA;EACA;EhH0zZJ,gEAAgE;AAClE;AgHvzZE;EACE;AhHyzZJ;AgHtzZE;EACE;AhHwzZJ;AgHrzZE;EACE;AhHuzZJ;AgHnzZI;EACE;AhHqzZN;AgHlzZI;EACE;AhHozZN;AgHhzZE;EACE;AhHkzZJ;AgH/yZE;EACE;AhHizZJ;AgH9yZE;;EAEE;AhHgzZJ;AgH5yZI;EACE;EACA;EhH8yZJ,yCAAyC;AAC3C;AgH5yZI;EACE;EACA;EACA;EhH8yZJ,gEAAgE;AAClE;AgHzyZI;EACE;AhH2yZN;AgHxyZI;EACE;AhH0yZN;AgHvyZI;EACE;AhHyyZN;AgHtyZI;EACE;AhHwyZN;AgHpyZE;EACE;AhHsyZJ;AgHnyZE;EACE;AhHqyZJ;AgHlyZE;EACE;EACA;AhHoyZJ;AgHhyZI;EACE;AhHkyZN;AgH/xZI;EACE;AhHiyZN;AgH/xZM;EACE;AhHiyZR;AgH3xZA;EACE;AhH6xZF;AgH1xZA;EACE;AhH4xZF;AgHzxZA;EACE;EACA;AhH2xZF;AgHzxZE;EACE;EACA;AhH2xZJ;AgHzxZI;EACE;EACA;AhH2xZN;AgHzxZM;EACE;AhH2xZR;AgHxxZM;EACE;AhH0xZR;AgHxxZQ;EACE;AhH0xZV;AgHnxZA;EACE;EACA;EACA;AhHqxZF;AgHlxZA;EACE;EACA;AhHoxZF;AgHlxZE;E9G+JE;EACA;EACA;EACA;EACA;EACA;AFsnZJ;AgHrxZA;EACE;AhHuxZF;AgHpxZA;EACE;AhHsxZF;AACA,4BAA4B;AgHnxZ5B;EACE;AhHqxZF;AgHnxZE;EACE;AhHqxZJ;AgHnxZI;EACE;AhHqxZN;AACA;;;;;;;;;EASE;AiH5kaF;EACE;EACA;AjH8kaF;AiH3kaA;EACE;EACA;EACA;AjH6kaF;AiH1kaA;EACE;E/GsVE;EACA;EACA;EACA;AFuvZJ;AiH3kaE;EACE;AjH6kaJ;AACA;;;;;;;;;EASE;AkHzmaF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlH2maF;AkHzmaE;EACE;AlH2maJ;AkHxmaE;EACE;EACA;AlH0maJ;AkHvmaE;EACE;EACA;AlHymaJ;AkHtmaE;EACE;EACA;AlHwmaJ;AkHrmaE;EACE;EACA;EACA;AlHumaJ;AkHnmaA;ElHqmaE,6HAA6H;EkHnma7H;AlHqmaF;AACA;;;;;;;;;EASE;AmHvpaF;EnHypaE,6DAA6D;EmHvpa7D;AnHypaF;AmHtpaA;EACE;EACA;EACA;EACA;EACA;AnHwpaF;AmHtpaE;EACE;EACA;AnHwpaJ;AmHrpaE;EACE;AnHupaJ;AmHppaE;;EAEE;EACA;AnHspaJ;AmHppaI;;EACE;EACA;AnHupaN;AACA;;;;;;;;;EASE;AoH1raF;EACE;EACA;EACA;ApH4raF;AoH1raE;EACE;EACA;ElH+VA;EACA;AF81ZJ;AoH1raE;EACE;EpH4raF,yCAAyC;EoH1ravC;ApH4raJ;AoHxraA;EACE;ElHmVE;EACA;AFw2ZJ;AoHzraE;EACE;ApH2raJ;AoHvraA;;EAEE;ApHyraF;AoHtraA;;EAEE;ApHwraF;AoHrraA;EACE;ApHuraF;AoHpraA;EACE;ApHsraF;AoHnraA;ElHyTI;EACA;AF63ZJ;AoHnraA;EACE;EACA;ApHqraF;AoHnraE;EACE;ApHqraJ;AoHlraE;EACE;ApHoraJ;AoH9qaE;;EACE;ApHiraJ;AACA;;;;;;;;;EASE;AqH/vaF;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ArHiwaF;AqH/vaE;;EACE;ArHkwaJ;AqH7vaE;EACE;EnHoVA;EACA;EmHnVA;ArHgwaJ;AqH9vaI;EACE;ArHgwaN;AqH5vaM;EACE;EACA;ArH8vaR;AqH3vaM;;EAEE;ArH6vaR;AqHvvaA;EACE;EACA;EACA;EACA;ArHyvaF;AqHvvaE;EnHsYE;EACA;EACA;EACA;EACA;EACA;EmHzYA;EACA;EACA;ArH8vaJ;AqH3vaE;EACE;EACA;ArH6vaJ;AqH1vaE;;EAEE;ArH4vaJ;AqHzvaE;EACE;EACA;ArH2vaJ;AqHvvaA;EACE;EACA;EACA;EACA;EACA;ArHyvaF;AqHvvaE;EnHwWE;EACA;EACA;EACA;EACA;EACA;EmH3WA;EACA;ArH8vaJ;AqH3vaE;EACE;EACA;EACA;ArH6vaJ;AqH1vaE;;EAEE;ArH4vaJ;AACA;;;;;;;;;EASE;AsHn2aF;EACE;EACA;EACA;EpH+gBE;EACA;EACA;EAjgBA;EA2gBA;AF+0ZJ;AsHv2aE;EACE;AtHy2aJ;AsHt2aE;EnHOE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH62aJ;AsH52aE;EnHGE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAkBA;EACA;EACA;EACA;AHs2aJ;AACA;;;;;;;;;EASE;AuHl5aF;EACE;ErHihBE;EACA;EACA;EAjgBA;EA2gBA;EqH3hBF;EACA;AvHw5aF;AuHr5aA;EACE;EACA;EACA;EACA;EACA;AvHu5aF;AuHp5aA;EACE;EACA;AvHs5aF;AuHn5aI;;EAGE;AvHo5aN;AuHh5aE;EACE;EACA;EACA;AvHk5aJ;AuHh5aI;EACE;AvHk5aN;AuHh5aM;EACE;AvHk5aR;AuH54aA;EACE;AvH84aF;AuH54aE;EACE;AvH84aJ;AuH14aA;EACE;AvH44aF;AuH14aE;EACE;AvH44aJ;AuH14aI;;EAEE;AvH44aN;AuHz4aI;EACE;AvH24aN;AuHx4aI;EACE;AvH04aN;AuHv4aI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvHy4aN;AuHt4aI;EACE;EACA;AvHw4aN;AuHt4aM;EACE;AvHw4aR;AuHt4aQ;EACE;EACA;EACA;AvHw4aV;AuHp4aM;EACE;AvHs4aR;AuHn4aM;EACE;AvHq4aR;AuHn4aQ;EACE;AvHq4aV;AuHj4aM;EACE;AvHm4aR;AuHh4aM;EACE;AvHk4aR;AuHh4aQ;EACE;EACA;EACA;AvHk4aV;AuH33aM;EACE;EACA;AvH63aR;AuH33aQ;EACE;EACA;EACA;AvH63aV;AuHz3aM;EACE;AvH23aR;AuHx3aM;EACE;AvH03aR;AuHv3aM;EACE;AvHy3aR;AuHt3aM;EACE;EACA;AvHw3aR;AuHt3aQ;EACE;AvHw3aV;AACA;;;;;;;;;EASE;AwHzhbF;EACE;EACA;EACA;EACA;EACA;EtHcE;EsHZF;EACA;AxH2hbF;AwHxhbA;EACE;EACA;EACA;ExH0hbA,kEAAkE;EE/rahE;EACA;EsH1VF;EACA;EACA;AxH4hbF;AwH1hbE;EACE;EACA;EACA;EACA;AxH4hbJ;AwHzhbE;EACE;EACA;EACA;AxH2hbJ;AwHxhbE;EAEE;AxHyhbJ;AwHrhbA;EACE;EACA;EACA;AxHuhbF;AwHrhbE;EACE;AxHuhbJ;AwHphbE;EACE;EACA;EACA;EACA;AxHshbJ;AwHphbI;EACE;AxHshbN;AwHnhbI;EACE;AxHqhbN;AwHlhbI;EACE;AxHohbN;AwHjhbI;EACE;AxHmhbN;AwHhhbI;EACE;AxHkhbN;AwH/gbI;EACE;AxHihbN;AwH5gbA;EACE;EACA;EACA;EACA;EACA;AxH8gbF;AwH3gbA;EACE;EACA;AxH6gbF;AwH1gbA;EACE;EACA;AxH4gbF;AwHzgbA;EACE;EACA;EACA;AxH2gbF;AwHzgbE;EACE;AxH2gbJ;AwHvgbA;EACE;EACA;EACA;AxHygbF;AwHvgbE;EACE;AxHygbJ;AwHrgbA;EACE;EACA;EACA;AxHugbF;AwHrgbE;EACE;AxHugbJ;AACA;;;;;;;;;EASE;AyH7obF;EACE;AzH+obF;AyH7obE;EACE;EACA;EACA;EACA;EACA;AzH+obJ;AyH7obI;EACE;AzH+obN;AACA;;;;;;;;;EASE;A0HpqbF;EACE;A1HsqbF;A0HpqbE;;EAEE;A1HsqbJ;A0HnqbM;;;;EAEE;A1HuqbR;A0HrqbQ;;;;EACE;A1H0qbV;A0HpqbE;EACE;EACA;A1HsqbJ;A0HpqbI;EACE;A1HsqbN;A0HjqbA;E1HmqbE,6BAA6B;E0Hjqb7B;EACA;EACA;E1HmqbA,qDAAqD;EACrD,sFAAsF;AACxF;A0HjqbE;EACE;A1HmqbJ;A0HjqbI;;EAEE;A1HmqbN;A0HhqbI;;EAEE;A1HkqbN;A0H7pbI;;EAEE;A1H+pbN;A0H5pbI;;;;EAIE;A1H8pbN;A0HzpbA;EACE;A1H2pbF;A0HxpbA;EACE;EACA;EACA;EACA;ExH+RE;EACA;EAKA;AFw3aJ;A0H1pbE;EACE;A1H4pbJ;A0HzpbE;EACE;A1H2pbJ;A0HzpbI;ExH6TA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF+1aJ;A0H/pbE;E1HiqbA,wDAAwD;E0H/pbtD;A1HiqbJ;A0H9pbE;;E1HiqbA,wDAAwD;E0H9pbtD;A1HgqbJ;A0H7pbE;;EAEE;A1H+pbJ;A0H5pbE;EACE;EACA;EACA;ExH6PA;EACA;EAKA;AF85aJ;A0H7pbE;EACE;EACA;EACA;EACA;EACA;E1H+pbF;;0BAEwB;E0H7pbtB;A1H+pbJ;A0H7pbI;EACE;E1H+pbJ,iGAAiG;E0H7pb7F;EACA;A1H+pbN;A0H5pbI;E1H8pbF,oEAAoE;E0H5pbhE;EACA;A1H8pbN;A0HzpbA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1H2pbF;A0HxpbI;EjHhFA;EACA;AT2ubJ;ASzubI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AT2ubN;A0HlqbM;EjH9FF;EACA;EAyBA;EACA;AT2ubJ;A0HjqbI;;EjHrGA;EACA;AT0wbJ;A0HlqbM;;EjHpGF;EACA;AT0wbJ;A0HnqbM;;EjHnFF;EACA;AT0vbJ;A0H3pbI;;EACE;EACA;A1H8pbN;A0H5pbM;;;;EAEE;EACA;A1HgqbR;A0H7pbM;;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EACjG,gEAAgE;EAChE,gFAAgF;EAChF,mDAAmD;AACrD;AiIrucI;EACE;AjIuucN;AiIrucM;EAGE;AjIqucR;AiIjucI;EACE;EACA;EACA;AjImucN;AiIhucI;EACE;AjIkucN;AiIhucM;EACE;EACA;AjIkucR;AiI9tcI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjIgucN;AiI7tcI;EACE;EACA;AjI+tcN;AiI5tcI;EACE;AjI8tcN;AiIztcI;;;;EAIE;EjI2tcJ,2DAA2D;EiI1tcvD;AjI4tcN;AiIztcI;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAIA;EACA;EACA;EACA;EACA;AjIstcN;AiIntcI;EACE;AjIqtcN;AiI/scI;EAEE;AjIgtcN;AiI9scM;EACE;AjIgtcR;AiI7scM;EACE;AjI+scR;AiI5scM;EACE;AjI8scR;AiI5scQ;EjI8scN,gFAAgF;EiI5scxE;EACA;EACA;AjI8scV;AiIvscI;EACE;AjIyscN;AiItscI;EACE;AjIwscN;AiIrscI;;EAEE;AjIuscN;AiIlscI;;;;EjIuscF,iFAAiF;EiIlsc7E;AjIoscN;AiIjscI;E/H4IA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHy2cJ;AEjjcI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFsjcN;AErkcI;ECpTA;EACA;EACA;EACA;AH43cJ;AiI3tcE;EACE;EACA;AjI6tcJ;AiI3tcI;EACE;AjI6tcN;AiI1tcI;EjI4tcF,qFAAqF;AACvF;AiI5tcM;EACE;AjI8tcR;AiIztcM;;EAEE;AjI2tcR;AiIztcQ;;EACE;AjI4tcV;AiIztcQ;;EACE;AjI4tcV;AiIxtcM;EACE;AjI0tcR;AiIttcQ;EACE;AjIwtcV;AiIrtcQ;EACE;AjIutcV;AiIptcQ;;EAEE;AjIstcV;AiIjtcQ;EACE;AjImtcV;AiIhtcQ;;;EAGE;AjIktcV;AiIjwcI;EAoDI;AjIgtcR;AiIpwcI;;EAyDI;AjI+scR;AiIxwcI;EA6DI;EACA;AjI8scR;AiI5wcI;;EAmEI;AjI6scR;AiIxscE;EACE;EACA;AjI0scJ;AiIxscI;EACE;AjI0scN;AiItscM;EACE;AjIwscR;AiIrscM;;EAEE;AjIuscR;AiIrscQ;;EACE;AjIwscV;AiIrscQ;;EACE;AjIwscV;AiIlscE;EACE;EACA;AjIoscJ;AiIlscI;EACE;AjIoscN;AiIhscM;EACE;AjIkscR;AiI/rcM;;EAEE;AjIiscR;AiI/rcQ;;EACE;AjIkscV;AiI/rcQ;;EACE;AjIkscV;AiI7rcQ;EACE;AjI+rcV;AiI5rcQ;;EAEE;AjI8rcV;AiIxrcE;E/HnSE;AF89cJ;AiIxrcI;EACE;E/HvSF;AFk+cJ;AiIvrcI;E/H3SA;AFq+cJ;AiItrcI;EACE;E/HhTF;AFy+cJ;AiIrrcI;E/HpTA;AF4+cJ;AiIrrcM;E/HvTF;AF++cJ;AiIprcM;E/H3TF;AFk/cJ;AiInrcM;E/H/TF;AFq/cJ;AACA;;;EAGE;AACF;;;;;;;;;EASE;AkI1hdF;EACE;EACA;EACA;AlI4hdF;AkI1hdE;EACE;EACA;EACA;EACA;EACA;EACA;AlI4hdJ;AkI1hdI;EACE;AlI4hdN;AkIzhdI;EACE;AlI2hdN;AkIxhdI;;EAEE;AlI0hdN;AkIvhdI;EACE;AlIyhdN;AkIvhdM;EACE;EACA;EACA;AlIyhdR;AkIrhdI;EACE;EACA;EhImUF;EACA;AFqtcJ;AkIrhdI;EACE;AlIuhdN;AkIlhdA;EACE;AlIohdF;AkIlhdE;EACE;EACA;AlIohdJ;AkIlhdI;EACE;AlIohdN;AkIjhdI;EACE;EACA;EAIA;EAEA;EACA;AlI+gdN;AkI5gdI;EACE;AlI8gdN;AkIzgdA;EACE;AlI2gdF;AkIzgdE;EACE;AlI2gdJ;AkIzgdI;EACE;AlI2gdN;AkIrgdI;EhIvEA;AF+kdJ;AkIpgdI;EACE;AlIsgdN;AkIlgdE;;EAEE;AlIogdJ;AkI//cI;EACE;AlIigdN;AkI9/cQ;EACE;AlIggdV;AkI7/cQ;EACE;AlI+/cV;AkI1/cI;EACE;EACA;AlI4/cN;AkIz/cI;;EAEE;EACA;AlI2/cN;AkIt/cI;EACE;AlIw/cN;AkIr/cQ;EACE;AlIu/cV;AkIp/cQ;EACE;AlIs/cV;AkIj/cI;EACE;EACA;AlIm/cN;AkIh/cI;;EAEE;EACA;AlIk/cN;AkI5+cI;EhI9IA;AF6ndJ;AkI1+cM;;;EACE;EACA;EACA;AlI8+cR;AkI3+cU;;;EACE;AlI++cZ;AkI5+cU;;;EACE;AlIg/cZ;AACA;;;;;;;;;EASE;AmI3qdF;EFkWE;EACA;EEjWA;EnI8qdA,iCAAiC;AACnC;AiI50cE;EACE;EACA;AjI80cJ;AmIjrdE;EACE;AnImrdJ;AmIhrdE;EACE;AnIkrdJ;AmI/qdE;EFsVA;EACA;AjI41cF;AiI11cE;EACE;EACA;AjI41cJ;AmIprdI;EACE;AnIsrdN;AmIjrdE;EACE;AnImrdJ;AmIjrdI;EACE;AnImrdN;AmI/qdE;EACE;EnIirdF,oCAAoC;EmIhrdlC;EACA;AnIkrdJ;AmIhrdI;;EAEE;AnIkrdN;AmI/qdI;EACE;EnIirdJ,qCAAqC;AACvC;AmIhrdM;EACE;AnIkrdR;AmIhrdQ;;;EAGE;AnIkrdV;AmIhrdU;;;;;;EAEE;AnIsrdZ;AmInrdU;;;;;;;;;EAGE;AnI2rdZ;AmIvrdQ;EACE;AnIyrdV;AmIrrdM;EACE;AnIurdR;AmIlrdM;EACE;AnIordR;AmIhrdI;EnIkrdF,mDAAmD;EmIhrd/C;AnIkrdN;AmIhrdM;EACE;AnIkrdR;AmI7qdM;ElH2CF;EACA;EACA;EkH3CI;AnIirdR;AmI7qdQ;;EAEE;AnI+qdV;AmI1qdI;EACE;AnI4qdN;AmIlqdM;;EACE;AnIqqdR;AmInqdQ;;EACE;AnIsqdV;AmIjqdI;EACE;AnImqdN;AmIjqdM;EACE;AnImqdR;AmIhqdM;EACE;AnIkqdR;AmI5pdQ;EACE;AnI8pdV;AmI3pdQ;EACE;EACA;AnI6pdV;AmI3pdU;EACE;AnI6pdZ;AmIxpdM;EACE;AnI0pdR;AmItpdI;EACE;AnIwpdN;AmItpdM;EACE;AnIwpdR;AmI/odM;;EACE;AnIkpdR;AmIhpdQ;;EACE;AnImpdV;AmI9odI;EACE;AnIgpdN;AmI9odM;EACE;AnIgpdR;AmI7odM;EACE;AnI+odR;AmIzodQ;EACE;AnI2odV;AmIxodQ;EACE;EACA;AnI0odV;AmIxodU;EACE;AnI0odZ;AmIrodM;EACE;AnIuodR;AmInodI;EACE;AnIqodN;AmInodM;EACE;AnIqodR;AACA;;;;;;;;;EASE;AoIp2dF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElIKE;EkIHF;EACA;EACA;EAGA;EAGA;EAEA;ApIi2dF;AoIv1dE;EACE;EACA;EAGA;EAEA;ApIs1dJ;AoIn1dE;EACE;ElIwYA;EACA;EACA;EACA;EACA;EACA;EkI3YA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;ApIw1dJ;AoIr1dE;EACE;ApIu1dJ;AoIp1dE;EACE;EACA;ApIs1dJ;AoIn1dE;EACE;EACA;ApIq1dJ;AoIh1dI;;EnI0BF;ED0zdA,sCAAsC;AACxC;AoIh1dE;EACE;EACA;EACA;EACA;ApIk1dJ;AoI90dE;EACE;ApIg1dJ;AoI70dE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElIiZA;AF+7cJ;AE77cI;EAAA;IACE;IACA;IACA;EFg8cJ;AACF;AoIp1dI;EACE;EACA;EACA;ApIs1dN;AoIn1dI;EACE;ApIq1dN;AoIl1dI;EACE;ApIo1dN;AoIj1dI;EACE;ApIm1dN;AoIh1dI;EACE;EACA;ApIk1dN;AoI70dA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;ApI80dF;AoI50dE;EACE;EACA;EAEA;EACA;ApI60dJ;AoI10dE;EACE;EACA;EACA;ApI40dJ;AoI10dI;EACE;EACA;EAEA;EACA;ApI20dN;AoIx0dI;EACE;EACA;ApI00dN;AoIr0dA;EACE;;InI3EA;IDo5dE,sCAAsC;EACxC;AACF;AoIr0dA;;EAEE;ApIu0dF;AACA;;;;;;;;;EASE;AqI1geA;;EAEE;EACA;EACA;EACA;ArI4geJ;AqIzgeE;EACE;EACA;ArI2geJ;AqIxgeE;EACE;ArI0geJ;AqIvgeE;ErIygeA;6GAC2G;EAC3G,2GAA2G;EqIvgezG;EACA;EACA;EACA;ErIygeF,sCAAsC;AACxC;AqIxgeI;EAGE;EACA;ArIwgeN;AqIrgeI;EACE;ErIugeJ,sCAAsC;AACxC;AqIrgeI;EACE;ErIugeJ,sCAAsC;AACxC;AACA;;;EAGE;AqIjgeA;EACE;EACA;ArImgeJ;AqIjgeI;EACE;ArImgeN;AqIhgeI;EACE;ArIkgeN;AqI//dI;EnIpBA;EACA;EAXA;AFkieJ;AqI//dE;EACE;EACA;EACA;ArIigeJ;AqI7/dA;ElIvEI;EACA;EACA;EACA;EkIsEF;EACA;EACA;EACA;EACA;EACA;ArIkgeF;AqI7/dE;;ElInFE;EACA;EACA;EACA;AHoleJ;AqI//dA;EAEI;;;IAGE;IACA;IACA;ErIggeJ;AACF;AACA;;;;;;;;;EASE;AsI7meF;EAGE;AtI6meF;AsI3meE;EAEE;AtI4meJ;AACA;;;;;;;;;EASE;AuI7neF;ErImXI;EACA;AF6wdJ;AACA;;;;;;;;;EASE;AwI3oeF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AxI6oeF;AwI3oeE;EACE;AxI6oeJ;AwI1oeE;EACE;AxI4oeJ;AwIzoeE;EtIsaE;EACA;EACA;EACA;EACA;EACA;EsIzaA;EACA;EACA;EACA;EACA;AxIgpeJ;AwI7oeE;EACE;AxI+oeJ;AwI5oeE;EACE;AxI8oeJ;AwI3oeE;EACE;AxI6oeJ","sources":["webpack:///./src/index.less","webpack:///./src/main.less","webpack:///./src/style/mixins.less","webpack:///./src/style/animations.less","webpack:///./src/accordion/Accordion.less","webpack:///./src/action/Action.less","webpack:///./src/action/Button.less","webpack:///./src/box/Box.less","webpack:///./src/boxbuttons/BoxButtons.less","webpack:///./src/checkbox/CheckBox.less","webpack:///./src/calendar/Calendar.less","webpack:///./src/calendar/YearPanel.less","webpack:///./src/datepicker/DatePicker.less","webpack:///./src/desktop/Desktop.less","webpack:///./src/desktop/DesktopLogo.less","webpack:///./src/desktop/DesktopDense.less","webpack:///./src/desktop/bench/DesktopBench.less","webpack:///./src/scrollbar/Scrollbar.less","webpack:///./src/desktop/bench/BenchColumn.less","webpack:///./src/group/Group.less","webpack:///./src/tabbox/SimpleTabBox.less","webpack:///./src/tabbox/SimpleTabArea.less","webpack:///./src/tabbox/SimpleTab.less","webpack:///./src/carousel/Carousel.less","webpack:///./src/collapsehandle/CollapseHandle.less","webpack:///./src/desktop/desktoptab/DesktopTab.less","webpack:///./src/desktop/desktoptab/DesktopTabArea.less","webpack:///./src/desktop/header/DesktopHeader.less","webpack:///./src/desktop/navigation/DesktopNavigation.less","webpack:///./src/desktop/navigation/DesktopNavigationHandle.less","webpack:///./src/desktop/notification/DesktopNotification.less","webpack:///./src/notification/Notification.less","webpack:///./src/desktop/outline/Outline.less","webpack:///./src/desktop/outline/SearchOutline.less","webpack:///./src/desktop/outline/navigation/NavigateButton.less","webpack:///./src/desktop/outline/overview/OutlineOverview.less","webpack:///./src/desktop/popupblocker/PopupBlockerDesktopNotification.less","webpack:///./src/desktop/toolbox/DesktopToolBox.less","webpack:///./src/desktop/viewbutton/ViewButton.less","webpack:///./src/desktop/viewbutton/ViewButtonBox.less","webpack:///./src/desktop/viewbutton/ViewMenuTab.less","webpack:///./src/desktop/viewbutton/ViewMenuPopup.less","webpack:///./src/filechooser/FileChooser.less","webpack:///./src/messagebox/MessageBox.less","webpack:///./src/filechooser/FileInput.less","webpack:///./src/form/Form.less","webpack:///./src/menu/menubar/MenuBar.less","webpack:///./src/form/FormMenu.less","webpack:///./src/form/ScoutInfoForm.less","webpack:///./src/form/fields/TextFieldIcon.less","webpack:///./src/form/fields/FormField.less","webpack:///./src/form/fields/LookupBox.less","webpack:///./src/form/fields/ValueField.less","webpack:///./src/form/fields/wrappedform/WrappedFormField.less","webpack:///./src/form/fields/WidgetField.less","webpack:///./src/form/fields/accordionfield/AccordionField.less","webpack:///./src/form/fields/button/Button.less","webpack:///./src/form/fields/beanfield/BeanField.less","webpack:///./src/form/fields/browserfield/BrowserField.less","webpack:///./src/form/fields/calendarfield/CalendarField.less","webpack:///./src/form/fields/checkbox/CheckBoxField.less","webpack:///./src/form/fields/clipboardfield/ClipboardField.less","webpack:///./src/form/fields/datefield/DateField.less","webpack:///./src/form/fields/filechooserfield/FileChooserField.less","webpack:///./src/form/fields/groupbox/GroupBox.less","webpack:///./src/form/fields/htmlfield/HtmlField.less","webpack:///./src/form/fields/imagefield/ImageField.less","webpack:///./src/form/fields/labelfield/LabelField.less","webpack:///./src/form/fields/modeselectorfield/ModeSelectorField.less","webpack:///./src/form/fields/numberfield/NumberField.less","webpack:///./src/form/fields/plannerfield/PlannerField.less","webpack:///./src/form/fields/radiobutton/RadioButton.less","webpack:///./src/form/fields/radiobutton/RadioButtonGroup.less","webpack:///./src/form/fields/smartfield/SmartField.less","webpack:///./src/form/fields/smartfield/SmartFieldPopup.less","webpack:///./src/form/fields/splitbox/SplitBox.less","webpack:///./src/form/fields/stringfield/StringField.less","webpack:///./src/form/fields/tabbox/TabBox.less","webpack:///./src/form/fields/tagfield/TagChooserPopup.less","webpack:///./src/form/fields/tagfield/TagField.less","webpack:///./src/form/fields/tablefield/TableField.less","webpack:///./src/form/fields/treefield/TreeField.less","webpack:///./src/form/fields/wizard/WizardProgressField.less","webpack:///./src/glasspane/GlassPane.less","webpack:///./src/iframe/IFrame.less","webpack:///./src/image/Image.less","webpack:///./src/keystroke/keybox.less","webpack:///./src/layout/logicalgrid/LogicalGridLayout.less","webpack:///./src/menu/Menu.less","webpack:///./src/menu/ContextMenuPopup.less","webpack:///./src/menu/ComboMenu.less","webpack:///./src/menu/ProfileMenu.less","webpack:///./src/menu/form/field/FormFieldMenu.less","webpack:///./src/menu/menubar/MenuBarPopup.less","webpack:///./src/modeselector/Mode.less","webpack:///./src/modeselector/ModeSelector.less","webpack:///./src/planner/Planner.less","webpack:///./src/planner/PlannerHeader.less","webpack:///./src/popup/Popup.less","webpack:///./src/popup/MobilePopup.less","webpack:///./src/popup/TouchPopup.less","webpack:///./src/popup/WidgetPopup.less","webpack:///./src/resizable/resizable.less","webpack:///./src/session/BusyIndicator.less","webpack:///./src/slider/Slider.less","webpack:///./src/splitter/Splitter.less","webpack:///./src/style/fonts.less","webpack:///./src/style/sizes.less","webpack:///./src/switch/Switch.less","webpack:///./src/table/Table.less","webpack:///./src/table/TableFooter.less","webpack:///./src/table/TableHeader.less","webpack:///./src/table/TableHeaderMenu.less","webpack:///./src/table/TableRowDetail.less","webpack:///./src/table/controls/TableControl.less","webpack:///./src/table/editor/CellEditorPopup.less","webpack:///./src/table/columns/CompactColumn.less","webpack:///./src/tagbar/TagBar.less","webpack:///./src/tagbar/TagBarOverflowPopup.less","webpack:///./src/timepicker/TimePicker.less","webpack:///./src/tooltip/Tooltip.less","webpack:///./src/tooltip/WidgetTooltip.less","webpack:///./src/tree/Tree.less","webpack:///./src/tree/CompactTree.less","webpack:///./src/tile/Tile.less","webpack:///./src/tile/TileGrid.less","webpack:///./src/tile/TileOverview.less","webpack:///./src/tile/accordion/TileAccordion.less","webpack:///./src/tile/PlaceholderTile.less","webpack:///./src/tile/fields/FormFieldTile.less","webpack:///./src/tile/fields/button/TileButton.less","webpack:///./src/tile/fields/tablefield/TileTableField.less","webpack:///./src/widget/FilterSupport.less","webpack:///./src/login/LoginBox.less","webpack:///./src/form/fields/breadcrumbbarfield/BreadcrumbBarField.less","webpack:///./src/breadcrumbbar/BreadcrumbBar.less","webpack:///./src/breadcrumbbar/BreadcrumbItem.less"],"sourcesContent":["/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\nbody {\n background-color: transparent;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n height: 100%;\n width: 100%;\n margin: 0;\n overflow: hidden;\n cursor: default;\n color: #000;\n letter-spacing: 0.2px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -moz-user-select: -moz-none;\n / Prevent mobile safari from adjusting text, due to our dynamic layouting it will be always wrong /\n -webkit-text-size-adjust: none;\n / Disable highlight color. May be enabled for specific elements if required /\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody.ios {\n / Body can be moved on ios even if it isn't scrollable. Prevent it by using position: fixed.\n Drawback: it seems something invisible happens nevertheless, actions like a button click won't be executed if the user tried to scroll right before.\n He has to wait until the invisible scrolling has finished before he can try to click the button.\n 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.\n Hence it is important to only activate it on ios. /\n position: fixed;\n}\n/ -moz variant is required, see https://bugzilla.mozilla.org/show_bug.cgi?id=509958 /\n::-moz-selection {\n background: #1561A7;\n color: #fff;\n}\n::selection {\n background: #1561A7;\n color: #fff;\n}\n::-webkit-input-placeholder {\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n}\n:-moz-placeholder {\n / older versions of firefox /\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n}\n::-moz-placeholder {\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n}\n:-ms-input-placeholder {\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n}\n::placeholder {\n / Most modern browsers /\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n}\n/ Hide IE decorations for text input fields: /\n/ - Clear button (\"X\"): https://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx /\n/ - Password reveal button: https://msdn.microsoft.com/en-us/library/windows/apps/hh465773.aspx /\n/ Note: Set width/height to 0 instead of \"display: none\", because of http://stackoverflow.com/a/17986002 /\n::-ms-clear {\n width: 0;\n height: 0;\n}\n::-ms-reveal {\n width: 0;\n height: 0;\n}\n.disabled::-moz-selection {\n background: #666666;\n color: #EFEFEF;\n}\n.disabled::selection {\n background: #666666;\n color: #EFEFEF;\n}\n.disabled::-webkit-input-placeholder {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n / 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/\n -webkit-text-fill-color: currentcolor;\n}\n.disabled:-moz-placeholder {\n / older versions of firefox /\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.disabled::-moz-placeholder {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.disabled:-ms-input-placeholder {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n/ Add this class to temporary remove an element from the document flow. /\n/ !important is used to override any specific \"display\" values (because this /\n/ call would in most cases be less specific than the element's rules). /\n.hidden {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n/ Add this class to temporary hide (but not remove from flow) an element. Similar to \"hidden\". /\n.invisible {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n,\n::before,\n::after {\n /* NOSONAR (universal selector is okay here) /\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n/ Workaround for firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=648624 /\n/ use -moz-none to allow child element to set -moz-user-select: text /\n/ See also: focusUtil.js, isSelectableText() /\n.table-cell,\n.table-header-item,\n.tree-node,\n.table-footer,\n.table-control,\n.table-info-item,\n.table-header-menu-group-text {\n -moz-user-select: -moz-none;\n}\ninput,\ntextarea,\nbutton {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n letter-spacing: 0.2px;\n}\ninput,\ntextarea,\n.input-field {\n background-color: transparent;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n}\ninput.disabled,\ntextarea.disabled,\n.input-field.disabled {\n background-color: transparent;\n border-color: #DADADA;\n color: #666666;\n}\ninput:focus,\ntextarea:focus,\n.input-field:focus,\ninput.focused,\ntextarea.focused,\n.input-field.focused {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\ninput.has-error,\ntextarea.has-error,\n.input-field.has-error {\n border-color: #D53F3F;\n background-color: #FEE0E0;\n}\ninput.has-error:focus,\ntextarea.has-error:focus,\n.input-field.has-error:focus,\ninput.has-error.focused,\ntextarea.has-error.focused,\n.input-field.has-error.focused {\n outline: none;\n box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);\n}\ninput.read-only,\ntextarea.read-only,\n.input-field.read-only {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px #DADADA;\n color: #000;\n}\ntextarea.read-only {\n border: 1px dashed #DADADA;\n}\ninput[type=\"text\"].alternative,\ninput[type=\"password\"].alternative {\n / Add 1px padding to prevent the text from moving a little when field is focused due to the 2px focus border /\n padding-bottom: 1px;\n / Compensate padding-bottom to align input text with label on the left /\n / It won't be perfect (especially when zoomed) but should be good enough /\n padding-top: 2px;\n}\ninput.alternative,\n.input-field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: rgba(0, 0, 0, 0.23);\n border-radius: 0;\n border-left-width: 0;\n border-right-width: 0;\n padding-left: 0;\n padding-right: 0;\n}\ninput.alternative.disabled,\n.input-field.alternative.disabled {\n color: #808080;\n border-bottom-style: dashed;\n border-bottom-color: #CFCFCF;\n}\ninput.alternative:focus,\n.input-field.alternative:focus,\ninput.alternative.focused,\n.input-field.alternative.focused {\n color: #1561A7;\n border-bottom-color: #1561A7;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\ninput.alternative.has-error,\n.input-field.alternative.has-error {\n color: #D53F3F;\n border-bottom-color: #D53F3F;\n}\ninput.alternative.has-error:focus,\n.input-field.alternative.has-error:focus,\ninput.alternative.has-error.focused,\n.input-field.alternative.has-error.focused {\n border-bottom-color: #D53F3F;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\ninput.alternative.read-only,\n.input-field.alternative.read-only {\n color: #000;\n}\ninput {\n padding: 0 10px;\n / remove platform specific styling, mainly used to remove shadow on iOS Safari /\n / text inputs on Safari have 2px top and bottom margin -> remove/\n margin: 0;\n}\ninput:not([type=checkbox]):not([type=radio]) {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\ninput.disabled,\ntextarea.disabled {\n / Only setting the color has no effect for input elements on iOS Safari -> set fill color, too /\n / It is activated for input elements only since the rule would be inherited by sub elements and therefore would change theirs colors as well /\n / Unfortunately currentcolor variable does seem to not work anymore so we have to use the less variable (somehow it still works for the placeholder) /\n -webkit-text-fill-color: #808080;\n opacity: 1;\n}\ninput.disabled.read-only,\ntextarea.disabled.read-only {\n -webkit-text-fill-color: #000;\n}\ninput.disabled::selection,\ntextarea.disabled::selection {\n -webkit-text-fill-color: #EFEFEF;\n}\ntextarea.alternative {\n background-color: transparent;\n}\ntextarea.alternative.disabled:not(.read-only) {\n background-color: transparent;\n border: 1px dashed #DADADA;\n color: #808080;\n}\ninput[type=\"text\"],\ntextarea {\n / Explicitly set 'user-select' to something other than 'none', otherwise the focus manager /\n / might prevent text selection (scout.focusUtils.isSelectableText()). Some browsers already /\n / provide such a rule in the user style sheet, but some do not (e.g. Chrome 62). /\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\ntextarea {\n / these two properties are required for FF, otherwise the editable textarea is 2px too large, /\n / and the DOM inspector does not include these 2 pixels. /\n margin: 0 auto;\n padding: 7px 10px;\n resize: none;\n / Override default overflow value 'scroll' /\n overflow: auto;\n / IE/Edge: show scrollbars on textarea if the content is too big to fit /\n / overflow:auto alone is not sufficient because -ms-overflow-style could be set on a parent element and textarea inherits this property /\n -ms-overflow-style: auto;\n / remove platform specific styling, mainly used to remove shadow on ios safari /\n -webkit-appearance: none;\n -moz-appearance: none;\n}\ntextarea.alternative {\n border-radius: 3px;\n}\n.input-field {\n padding: 7px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\nbutton {\n padding: 2px 7px;\n margin: 0;\n / reset user agent style, e.g. on safari /\n}\n/ cursor handling /\n/ The following classes are added dynamically while dragging. !important is necessary to override /\n/ any cursor an underlying component defines while moving the mouse. /\n.col-resize,\n.col-resize {\n /* NOSONAR (universal selector is okay here) /\n cursor: col-resize !important;\n / NOSONAR (!important is okay here) /\n}\n.row-resize,\n.row-resize {\n /* NOSONAR (universal selector is okay here) /\n cursor: row-resize !important;\n / NOSONAR (!important is okay here) /\n}\n/ Used to temporarily disable pointer events on iframes while dragging elements /\n.dragging-in-progress {\n pointer-events: none;\n}\n/ remove the dotted border in firefox /\nbutton::-moz-focus-inner {\n border: 0;\n}\n.drag-handle {\n content: '';\n width: 100%;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n margin-top: -5px;\n cursor: move;\n z-index: 10;\n}\n.closer {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 17px;\n cursor: pointer;\n color: #999999;\n padding: 4px;\n border-radius: 3px;\n}\n.closer::before {\n content: '\\E045';\n}\n.closer:hover {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.closer:active,\n.closer.active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.save-needer {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 12px;\n color: #999999;\n}\n.save-needer::before {\n content: '\\E050';\n}\n/ Used to display errors from server when desktop is not available /\n.fatal-error {\n margin: 10px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.application-loading-root {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background-color: #fff;\n pointer-events: none;\n}\n.application-loading-root.fadeout {\n -webkit-animation: application-loading-fade-out 250ms linear 1 forwards;\n -moz-animation: application-loading-fade-out 250ms linear 1 forwards;\n -o-animation: application-loading-fade-out 250ms linear 1 forwards;\n animation: application-loading-fade-out 250ms linear 1 forwards;\n}\n@-webkit-keyframes application-loading-fade-out {\n to {\n opacity: 0;\n }\n}\n@keyframes application-loading-fade-out {\n to {\n opacity: 0;\n }\n}\n.application-loading01 {\n height: 80px;\n width: 80px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.application-loading01::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: 0 0 6px 3px rgba(21, 97, 167, 0.9);\n -webkit-animation: pulsate 2s ease-out infinite;\n -moz-animation: pulsate 2s ease-out infinite;\n -o-animation: pulsate 2s ease-out infinite;\n animation: pulsate 2s ease-out infinite;\n}\n.application-loading02 {\n height: 120px;\n width: 120px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.application-loading02::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: inset 0 0 4px 2px #1FC9AA;\n -webkit-animation: pulsate 2.84s ease-out infinite;\n -moz-animation: pulsate 2.84s ease-out infinite;\n -o-animation: pulsate 2.84s ease-out infinite;\n animation: pulsate 2.84s ease-out infinite;\n}\na,\n.link,\n.app-link {\n color: #1561A7;\n text-decoration: none;\n cursor: pointer;\n}\na:hover,\n.link:hover,\n.app-link:hover {\n color: #1b7bd4;\n}\na:active,\n.link:active,\n.app-link:active,\na.active,\n.link.active,\n.app-link.active {\n color: #2F3C45;\n}\na:focus,\n.link:focus,\n.app-link:focus {\n outline-color: #1561A7;\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n}\n.font-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.white-space-nowrap {\n white-space: nowrap;\n}\n.startup-error {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n margin: 100px 50px;\n padding: 20px;\n border: 1px solid #D53F3F;\n background-color: #FEE0E0;\n}\n.startup-error-title {\n font-weight: bold;\n padding-bottom: 10px;\n}\n/ --- z-index --- /\n/ Rule: All child elements of .scout get the same z-index 0 assigned. This spawns a new stacking context for each /\n/ of these elements (iff they are \"positioned\"). To bring a new element to the top, add it to the end of the list. /\n/ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context /\n.scout > .desktop-navigation,\n.scout > .desktop-header,\n.scout > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .notifications {\n z-index: 0;\n}\nnoscript {\n display: block;\n}\nnoscript > .wrapper > .box-content > h1 {\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 13px;\n}\n/ Internet explorer applies the -ms-user-select setting: none (inherited from body) also to iframe contents.\n * Other browsers do not, websites within an iframe should decide on their own if they are selectable (or not).\n * Reset to default.\n /\niframe {\n -ms-user-select: element;\n}\n.error-popup-correlation-id {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 11px;\n color: #808080;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.accordion {\n / Necessary if field is not scrollable to prevent overlaps /\n overflow: hidden;\n}\n.accordion.scrollable {\n padding-right: 15px;\n}\n.accordion > .group:not(.first):not(.collapse-bottom) > .group-header {\n border-top: 1px solid #DADADA;\n}\n.accordion > .group > .group-body {\n margin-bottom: 10px;\n}\n.accordion > .group,\n.accordion > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.accordion.loading > .group,\n.accordion.loading > .scrollbar {\n opacity: 0;\n}\n.accordion.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.accordion.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.accordion.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.action {\n cursor: pointer;\n}\n.action:hover {\n color: #1561A7;\n}\n.action:active {\n color: #1561A7;\n}\n.action.disabled {\n color: #808080;\n cursor: default;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #1561A7;\n background-color: transparent;\n --border-color: #1561A7;\n border: 1px solid var(--border-color);\n border-radius: 3px;\n cursor: pointer;\n padding: 2px 7px;\n}\n.button.borderless {\n background-color: transparent;\n border: 0;\n}\n.button.borderless:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #93c5f4;\n}\n.button > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.button > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.button > .icon.with-label {\n margin-right: 8px;\n}\n.button > .icon.loading,\n.button > .icon.broken {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.button > .icon.image-icon {\n max-height: 100%;\n}\n.button > .font-icon {\n font-size: 16px;\n}\n.button > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.selected.button > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.button > .button-label,\n.button > .icon,\n.button > .submenu-icon {\n opacity: 1;\n transition: opacity 250ms;\n}\n.button:hover {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.button:active,\n.button.active {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.button.selected {\n color: #fff;\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.button.selected:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.button.selected.active,\n.button.selected:active {\n background-color: #012c53;\n border-color: #012c53;\n}\n.button.selected.has-popup {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.button:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.button.default {\n background-color: #1561A7;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #1561A7;\n color: #fff;\n}\n.button.default:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.button.default:active,\n.button.default.active {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.button.default.selected {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.button.default:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.button:disabled,\n.button.disabled {\n background-color: transparent;\n border-color: #DADADA;\n color: #808080;\n cursor: default;\n}\n.button:disabled:hover,\n.button.disabled:hover,\n.button:disabled.active,\n.button.disabled.active,\n.button:disabled:active,\n.button.disabled:active,\n.button:disabled.selected,\n.button.disabled.selected {\n background-color: transparent;\n border-color: #DADADA;\n color: #808080;\n}\n.button:disabled.selected,\n.button.disabled.selected {\n color: #fff;\n background-color: #808080;\n border-color: #808080;\n}\n.button:disabled.selected.has-popup,\n.button.disabled.selected.has-popup {\n color: #808080;\n background-color: rgba(0, 0, 0, 0.12);\n border-color: rgba(0, 0, 0, 0.12);\n}\n.button.loading > .button-label,\n.button.loading > .icon,\n.button.loading > .submenu-icon {\n opacity: 0;\n transition: opacity 250ms;\n}\n.button.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -10px;\n margin-left: -10px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.button.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 20px;\n height: 20px;\n}\n.button.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/\n Used for static pages like login, logout, unsupported-browser and noscript section.\n * Note: This box must not depend on javascript because it is used for the noscript section as well.\n /\n.box {\n display: table;\n position: absolute;\n height: 75%;\n width: 100%;\n margin: 15px 0;\n}\n.box > .wrapper {\n display: table-cell;\n vertical-align: middle;\n}\n.box-content {\n border: 0 solid #DADADA;\n border-radius: 12px;\n background-color: #fff;\n max-width: 450px;\n margin: 0 auto;\n padding: 45px 95px 50px 95px;\n box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2);\n font-size: 14px;\n}\n.box-content > .header {\n text-align: center;\n}\n.box-content > .header > .logo {\n margin-top: 4px;\n margin-bottom: 40px;\n max-height: 30px;\n}\n.box-content.small > .header > .logo {\n max-width: 50%;\n}\n.box-content > .button-bar {\n padding-top: 32px;\n text-align: center;\n}\n.box-content > .button-bar > .button {\n padding: 7px 7px;\n font-size: 14px;\n}\n.box-content.centered {\n text-align: center;\n}\n@media (max-width: 490px) {\n .box-content {\n padding: 40px;\n margin-left: 10px;\n margin-right: 10px;\n }\n .box-content > .header > .logo {\n margin-bottom: 30px;\n margin-top: 0;\n }\n}\n@media (max-height: 400px) {\n .box-content {\n padding-top: 25px;\n padding-bottom: 25px;\n }\n .box-content > .header > .logo {\n margin-bottom: 20px;\n margin-top: 0;\n }\n}\n@media (max-height: 700px) {\n .box {\n height: calc(100% - 15px 2);\n }\n}\n/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.box-buttons > .box-button {\n padding: 6px 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-right: 16px;\n min-width: 104px;\n}\n.box-buttons > .box-button:last-child {\n margin-right: 0;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.check-box {\n cursor: pointer;\n position: relative;\n display: inline-block;\n text-align: center;\n width: 18px;\n height: 18px;\n border: 1px solid #999999;\n border-radius: 3px;\n background-color: transparent;\n}\n.check-box:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.check-box.checked {\n background-color: #1561A7;\n border-color: #1561A7;\n color: #fff;\n}\n.check-box.checked::before {\n position: absolute;\n display: block;\n line-height: 18px;\n width: 16px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E005';\n font-size: 11px;\n}\n.check-box.undefined {\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.check-box.undefined::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: #fff;\n}\n.check-box.disabled {\n cursor: default;\n border-color: #DADADA;\n}\n.check-box.disabled.checked {\n background-color: #808080;\n border-color: #808080;\n}\n.check-box.disabled.undefined {\n background-color: #808080;\n border-color: #808080;\n}\n#scout .checkbox-checked-disabled {\n background-color: #808080;\n border-color: #808080;\n}\n/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.calendar {\n white-space: nowrap;\n padding-left: 0;\n}\n.calendar-scrollable-components {\n height: 100%;\n}\n.calendar-header {\n position: relative;\n display: block;\n white-space: nowrap;\n padding: 8px 20px 12px 0;\n}\n.calendar-header > .busyindicator-label {\n display: table-cell;\n vertical-align: middle;\n text-indent: 0;\n}\n.calendar-header.mobile {\n padding-right: 6px;\n}\n.calendar-header-row {\n display: table;\n width: 100%;\n}\n.calendar-header-row.last {\n padding-top: 10px;\n}\n.calendar-range {\n display: table-cell;\n vertical-align: middle;\n padding-left: 8px;\n width: 1%;\n}\n.calendar-previous,\n.calendar-today,\n.calendar-next {\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n height: 30px;\n color: #000;\n background-color: transparent;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n margin-right: 5px;\n line-height: 29px;\n}\n.calendar-previous:hover,\n.calendar-today:hover,\n.calendar-next:hover {\n color: #1561A7;\n}\n.calendar-today {\n padding-left: 15px;\n padding-right: 15px;\n}\n.calendar-title {\n display: table-cell;\n vertical-align: middle;\n color: #000;\n}\n.calendar-header-row.last > .calendar-title {\n text-align: center;\n}\n.calendar-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n.calendar-previous:hover::before,\n.calendar-next:hover::before {\n color: #1561A7;\n}\n.calendar-previous::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 20px;\n width: 29px;\n content: '\\E012';\n color: #000;\n text-align: center;\n}\n.calendar-next::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 20px;\n width: 29px;\n content: '\\E013';\n color: #000;\n text-align: center;\n}\n.calendar-commands {\n display: table-cell;\n vertical-align: middle;\n text-align: right;\n white-space: nowrap;\n}\n.calendar-mode,\n.calendar-toggle-year,\n.calendar-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: 30px;\n line-height: 29px;\n cursor: pointer;\n}\n.calendar-mode {\n padding: 0 8px;\n min-width: 65px;\n border-top: 1px solid rgba(0, 0, 0, 0.23);\n border-bottom: 1px solid rgba(0, 0, 0, 0.23);\n border-left: 1px solid rgba(0, 0, 0, 0.23);\n}\n.calendar-mode.first {\n border-left: 1px solid rgba(0, 0, 0, 0.23);\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.calendar-mode.last {\n border-right: 1px solid rgba(0, 0, 0, 0.23);\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.calendar-mode:hover {\n color: #1561A7;\n}\n.calendar-mode.selected {\n color: #2F3C45;\n background-color: #E9F0F6;\n}\n.calendar-mode-menu {\n padding: 5px 12px;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n}\n.calendar-toggle-year,\n.calendar-toggle-list {\n margin-left: 5px;\n}\n.calendar-toggle-year:hover::before,\n.calendar-toggle-list:hover::before {\n color: #1561A7;\n}\n.calendar-toggle-year::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 18px;\n width: 29px;\n content: '\\E029';\n color: #000;\n text-align: center;\n}\n.calendar-toggle-list::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 18px;\n width: 29px;\n content: '\\E01C';\n color: #000;\n text-align: center;\n}\n.calendar-component {\n display: flex;\n flex-direction: row;\n position: relative;\n float: left;\n line-height: 24px;\n height: 24px;\n min-height: 20px;\n width: calc(100% - 32px);\n text-align: left;\n color: #000;\n / Default colors used when component has no specific class /\n background-color: #E9F0F6;\n / Colors for type Appointment /\n / Colors for type Task /\n}\n.calendar-component:not(.component-task):not(.component-month) {\n border-bottom: 2px solid transparent;\n}\n.calendar-component > .content {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.calendar-component > .calendar-component-leftcolorborder {\n flex-shrink: 0;\n top: 0;\n left: 0;\n width: 4px;\n margin-right: 4px;\n background-color: #C1DEF9;\n / Default colors used when component has no specific class /\n}\n.calendar-component:hover {\n background-color: #C1DEF9;\n}\n.calendar-component:hover > .calendar-component-leftcolorborder {\n background-color: #1561A7;\n}\n.calendar-component.comp-selected {\n background-color: #74A8D8;\n}\n.calendar-component.comp-selected > .calendar-component-leftcolorborder {\n background-color: #1561A7;\n}\n.calendar-component.calendar-appointment {\n background-color: #FCF0E5;\n}\n.calendar-component.calendar-appointment > .calendar-component-leftcolorborder {\n background-color: #FFBE6B;\n}\n.calendar-component.calendar-appointment:hover {\n background-color: #FDE1B1;\n}\n.calendar-component.calendar-appointment:hover > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-appointment.comp-selected {\n background-color: #FFBE6B;\n}\n.calendar-component.calendar-appointment.comp-selected > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-task {\n background-color: #DCFBF5;\n}\n.calendar-component.calendar-task > .calendar-component-leftcolorborder {\n background-color: #67E9D1;\n}\n.calendar-component.calendar-task:hover {\n background-color: #BDF2E8;\n}\n.calendar-component.calendar-task:hover > .calendar-component-leftcolorborder {\n background-color: #67E9D1;\n}\n.calendar-component.calendar-task.comp-selected {\n background-color: #67E9D1;\n}\n.calendar-component.calendar-task.comp-selected > .calendar-component-leftcolorborder {\n background-color: #1FC9AA;\n}\n.calendar-component-title {\n font-weight: bold;\n}\n.calendar-component-intro {\n font-size: 11px;\n color: #999999;\n}\n.calendar-list-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n padding: 0;\n overflow: hidden;\n}\n.calendar-list {\n width: 270px;\n padding: 0 0 0 30px;\n height: 100%;\n}\n.calendar-list > .calendar-component {\n cursor: pointer;\n height: auto;\n width: calc(100% - 10px);\n background-color: transparent !important;\n / NOSONAR (required to override original component background color) /\n margin-top: 12px;\n color: #000;\n}\n.calendar-list-title {\n position: relative;\n width: calc(100% - 10px);\n height: 25px;\n line-height: 25px;\n font-weight: bold;\n color: #000;\n}\n.calendar-list-title::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: #DADADA;\n}\n.calendar-grids {\n display: inline-block;\n vertical-align: top;\n overflow: hidden;\n}\n.calendar-grid {\n display: block;\n height: calc(100% - 25px);\n padding-right: 20px;\n}\n.calendar-grid + .scroll-shadow {\n --scroll-shadow-inset-right: 20px;\n}\n.calendar-grid.mobile {\n padding-right: 6px;\n}\n.calendar-grid.mobile + .scroll-shadow {\n --scroll-shadow-inset-right: 6px;\n}\n.calendar-grid.calendar-grid-short {\n height: calc(100% - 105px);\n}\n.calendar-top-grid {\n display: block;\n overflow: hidden;\n border-bottom: 1px solid #DADADA;\n height: 105px;\n margin-right: 20px;\n}\n.calendar-top-grid.calendar-top-grid-short {\n height: 25px;\n}\n.calendar-top-grid.mobile {\n margin-right: 6px;\n}\n.calendar-week-header,\n.calendar-week {\n display: block;\n width: 100%;\n white-space: nowrap;\n}\n.calendar-week-allday-container,\n.calendar-week-allday-container > .calendar-week-name {\n height: 80px;\n}\n.calendar-week-allday-container > .calendar-day {\n padding-top: 30px;\n}\n.calendar-week-header,\n.calendar-week-header > .calendar-day-name,\n.calendar-week-header > .calendar-week-name {\n height: 25px;\n}\n.calendar-week {\n position: relative;\n}\n.calendar-week-name {\n width: 45px;\n}\n.calendar-day-name,\n.calendar-week-name,\n.calendar-day {\n position: relative;\n display: inline-block;\n overflow: hidden;\n z-index: 1;\n / draw over grid /\n}\n.calendar-day {\n padding: 0;\n / helps to center days between 10 and 19 nicer /\n}\n.calendar-day:not(.calendar-no-label)::before {\n position: absolute;\n content: attr(data-day-name);\n color: #666666;\n left: 7px;\n top: 7px;\n z-index: 1;\n / draw over calendar items /\n}\n.calendar-day.out {\n background-color: transparent;\n}\n.calendar-day.out::before {\n color: #CFCFCF;\n}\n.calendar-day.weekend::before {\n color: #014786;\n}\n.calendar-day.weekend-out {\n background-color: transparent;\n}\n.calendar-day.weekend-out::before {\n color: #74A8D8;\n}\n.calendar-day.now::before {\n color: #FE9915;\n font-weight: bold;\n}\n.calendar-day.selected.center-nice::before {\n padding-right: 2px;\n}\n.calendar-day .calendar-component {\n margin-left: 32px;\n margin-bottom: 1px;\n margin-top: 1px;\n}\n.calendar-day .calendar-component.component-month.compact {\n top: 30px;\n margin-left: 0;\n width: 100%;\n}\n.calendar-day .calendar-component.component-day,\n.calendar-day .calendar-component.component-task {\n position: absolute;\n word-break: break-all;\n left: 0;\n margin: 0;\n width: 100%;\n height: 24px;\n line-height: 24px;\n}\n.calendar-day .calendar-component.component-open-top {\n overflow: visible;\n padding-top: 10px;\n / Compensate for open top padding /\n}\n.calendar-day .calendar-component.component-open-top > .calendar-component-leftcolorborder {\n height: calc(100% + 10px);\n top: -10px;\n}\n.calendar-day .calendar-component.component-open-top::before {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(50% - 8px);\n top: -8px;\n transform: rotate(45deg);\n background-color: #fff;\n}\n.calendar-day .calendar-component.component-open-bottom {\n overflow: visible;\n border-bottom: none;\n / Compensate for calendar-component border /\n}\n.calendar-day .calendar-component.component-open-bottom::after {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(50% - 8px);\n bottom: -8px;\n transform: rotate(45deg);\n background-color: inherit;\n}\n.calendar-day.selected.now::before {\n left: 4px;\n top: 3px;\n font-weight: normal;\n border: solid 4px #FE9915;\n border-radius: 50%;\n background-color: #FE9915;\n color: #fff;\n}\n.calendar-day.selected::before {\n text-align: center;\n left: 4px;\n top: 3px;\n width: 23px;\n height: 23px;\n border: solid 4px #1561A7;\n border-radius: 50%;\n background-color: #1561A7;\n color: #fff;\n}\n.calendar-week-name {\n font-size: 11px;\n color: #999999;\n padding-top: 9px;\n text-align: center;\n}\n.calendar-day::after,\n.calendar-day-name::after {\n position: absolute;\n width: 1px;\n height: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: #DADADA;\n}\n.calendar-week:not(.calendar-week-noborder)::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: #DADADA;\n}\n.calendar-day-name::before {\n position: absolute;\n content: attr(data-day-name);\n color: #666666;\n left: 7px;\n bottom: 0;\n z-index: 1;\n / draw over calendar items /\n line-height: 25px;\n}\n.calendar-week-axis {\n position: absolute;\n left: 39px;\n width: calc(100% - 45px + 6px);\n}\n.calendar-week-axis:not(.first)::after {\n position: absolute;\n height: 1px;\n width: 100%;\n content: '';\n background-color: rgba(0, 0, 0, 0.07);\n}\n.calendar-week-axis:not(.first).hour::after {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.calendar-week-axis:not(.first)::before {\n position: absolute;\n font-size: 12px;\n left: -35px;\n top: -8px;\n color: #999999;\n content: attr(data-axis-name);\n}\n.calendar-week-task {\n position: relative;\n left: 0;\n width: 100%;\n}\n.calendar-week-task::after {\n position: relative;\n height: 1px;\n width: 100%;\n content: '';\n background-color: #DADADA;\n}\n.calendar-week-task::before {\n position: absolute;\n font-size: 11px;\n top: 28px;\n left: 7px;\n color: #999999;\n content: attr(data-axis-name);\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.year-panel-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n overflow: hidden;\n position: relative;\n}\n.year-panel-title {\n position: relative;\n margin-left: 10px;\n width: calc(100% - 40px);\n height: 25px;\n white-space: nowrap;\n}\n.year-panel-title > .year-title-item {\n display: inline-block;\n padding-right: 15px;\n line-height: 25px;\n color: #999999;\n cursor: pointer;\n font-weight: bold;\n}\n.year-panel-title > .year-title-item.selected {\n color: #000;\n cursor: default;\n}\n.year-panel-title > .year-title-item:hover {\n color: #000;\n}\n.year-panel-title::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: #DADADA;\n}\n.year-panel-list {\n position: relative;\n width: 180px;\n margin-left: 10px;\n height: calc(100% - 25px);\n overflow: hidden;\n}\n.year-panel-list > .year-month {\n margin-top: 18px;\n margin-bottom: 8px;\n position: relative;\n padding-top: 20px;\n padding-right: 15px;\n float: left;\n width: 180px;\n}\n.year-panel-list > .year-month > .year-day {\n position: relative;\n float: left;\n width: 23px;\n text-align: right;\n color: #000;\n height: 24px;\n padding-right: 5px;\n line-height: 24px;\n cursor: pointer;\n}\n.year-panel-list > .year-month > .year-day.year-hover {\n background-color: #E9F0F6;\n}\n.year-panel-list > .year-month > .year-day.year-range {\n background-color: #E9F0F6;\n}\n.year-panel-list > .year-month > .year-day.year-range-day {\n background-color: #1561A7;\n color: #fff;\n}\n.year-panel-list > .year-month > .year-day.year-hover-day {\n background-color: #1561A7;\n color: #fff;\n}\n.year-panel-list > .year-month::before {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n content: attr(data-title);\n font-weight: bold;\n color: #000;\n}\n.year-panel-list > .year-month::after {\n position: absolute;\n bottom: 0;\n right: 19px;\n height: calc(100% - 20px);\n width: 26%;\n content: '';\n background-color: #666666;\n opacity: 0.1;\n pointer-events: none;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.date-picker-popup {\n position: absolute;\n width: 290px;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n overflow: hidden;\n}\n.date-picker {\n position: relative;\n}\n.date-picker.touch-only :not(.selected):not(.disabled):not(:active):hover {\n background-color: inherit;\n}\n.date-picker-scrollable {\n position: relative;\n width: 100%;\n}\n.date-picker-month-box {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n.date-picker-month {\n width: 100%;\n padding: 0 13px 13px 13px;\n}\n.date-picker-weekdays {\n color: #666666;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n}\n.date-picker-weekday {\n display: inline-flex;\n height: 36px;\n width: 32px;\n margin: 2px;\n justify-content: center;\n padding-top: 7px;\n}\n.date-picker-week {\n display: flex;\n justify-content: space-between;\n}\n.date-picker-day {\n display: inline-flex;\n width: 32px;\n height: 32px;\n margin: 2px;\n border-radius: 6px;\n justify-content: center;\n align-items: center;\n}\n.date-picker-day.date-picker-out,\n.date-picker-day.date-picker-out-weekend {\n color: #808080;\n}\n.date-picker-day.date-picker-day-weekend-separator {\n margin-left: 5px;\n}\n.date-picker-day.date-picker-now {\n color: #AD6200;\n font-weight: bold;\n}\n.date-picker-day.date-picker-now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n}\n.date-picker-day.preselected {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.date-picker-day:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.date-picker-day:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.date-picker-day.selected {\n color: #fff;\n background-color: #1561A7;\n font-weight: bold;\n}\n.date-picker-day.selected.date-picker-now > .text {\n border-bottom-color: #fff;\n}\n.date-picker-day.disabled {\n color: #c1c1c1;\n background-color: inherit;\n}\n.date-picker-header {\n padding: 17px 10px 14px 10px;\n}\n.date-picker-separator {\n position: absolute;\n top: 98px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n.date-picker-weekend-separator {\n position: absolute;\n top: 38px;\n height: calc(100% - 13px - 36px - 2px - 2px);\n width: 0;\n border-right: 1px rgba(0, 0, 0, 0.1) solid;\n}\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 18px;\n line-height: 30px;\n margin-top: 1px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n width: 26px;\n height: 26px;\n margin: 3px 2px 6px 2px;\n padding-top: 4px;\n color: #999999;\n border-radius: 3px;\n display: flex;\n justify-content: center;\n cursor: pointer;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 17px;\n}\n.date-picker-left-y:hover,\n.date-picker-left-m:hover,\n.date-picker-right-y:hover,\n.date-picker-right-m:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.date-picker-left-y:active,\n.date-picker-left-m:active,\n.date-picker-right-y:active,\n.date-picker-right-m:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.date-picker-left-y {\n float: left;\n margin-left: 5px;\n}\n.date-picker-left-m {\n float: left;\n}\n.date-picker-left-y::before {\n content: '\\E010';\n}\n.date-picker-left-m::before {\n content: '\\E012';\n}\n.date-picker-right-y {\n float: right;\n margin-right: 7px;\n}\n.date-picker-right-m {\n float: right;\n}\n.date-picker-right-y::before {\n content: '\\E011';\n}\n.date-picker-right-m::before {\n content: '\\E013';\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n.desktop:focus {\n outline: none;\n}\n.desktop.has-navigation-handle > .splitter {\n height: calc(100% - 50px);\n}\n.desktop.in-background {\n background-color: #F5F5F5;\n}\n/ \"Open URI\" related rules /\n.download-frame {\n position: fixed;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n visibility: hidden;\n / Do _not_ use 'display: none', because that seems to interrupt the download in Safari /\n}\n/\n * Copyright (c) 2014-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-logo {\n position: absolute;\n top: 0;\n right: 0;\n margin: 16px;\n background-color: #fff;\n}\n.desktop-logo.clickable {\n cursor: pointer;\n}\n.desktop-logo > .image {\n height: 32px;\n min-width: 0;\n border: 1px solid #fff;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dense {\n / FormField.less /\n / SmartField.less /\n / MenuBar.less /\n / GroupBox.less /\n / TabBox.less /\n / TableHeader.less /\n / Table.less /\n / TableFooter.less /\n / DesktopBench.less /\n / ContextMenuPopup.less /\n / CheckBoxField.less /\n / main.less /\n / Button /\n / RadioButton.less /\n / LabelField.less /\n / Tree.less /\n / Outline.less /\n / ValueField.less /\n / TagBar.less /\n / use default margin in the overflow popup, otherwise the tags sit on each other /\n / TagField.less /\n / BreadcrumbItem.less /\n}\n.dense .form-field > label {\n padding-top: 4px;\n / @borderless-field-padding-y; /\n padding-bottom: 4px;\n / @borderless-field-padding-y; /\n}\n.dense .smart-field > .field > .multiline-lines,\n.dense .smart-field.read-only > .field > .multiline-lines,\n.dense .smart-field.alternative > .field > .multiline-lines {\n line-height: 15px;\n padding-top: 2px;\n / padding: 3px @text-field-padding-x; /\n padding-bottom: 2px;\n}\n.dense .proposal-chooser > .active-filter,\n.dense .proposal-chooser > .status {\n height: 30px;\n}\n.dense .proposal-chooser > .active-filter > .radiobutton-group {\n height: 30px;\n}\n.dense .proposal-chooser > .active-filter > .radiobutton-group > .radiobutton-group-body {\n height: 30px;\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .menu-item {\n padding-top: 3px;\n / @menubar-item-padding-y; /\n padding-bottom: 3px;\n / @menubar-item-padding-y; /\n / 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 /\n min-height: 24px;\n / @logical-grid-row-height; /\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .menu-button {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.dense .group-box-header {\n margin-top: 6px;\n / @group-box-title-margin-top; /\n}\n.dense .group-box-header > .title {\n padding-top: 6px;\n / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 6px;\n}\n.dense .group-box-body {\n padding-top: 10px;\n / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 8px;\n / redefine /\n}\n.dense .group-box-body.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n}\n.dense .tab-box-header {\n margin-top: 6px;\n / @group-box-title-margin-top; /\n}\n.dense .tab-item > .title {\n padding-top: 6px;\n / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 6px;\n}\n.dense .overflow-tab-item.menu-item {\n padding-top: 4px;\n / padding: @tab-item-title-padding-top - 2px @tab-item-padding-x - 8px @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\n}\n.dense .table-header-item {\n margin-top: 2px;\n / margin: @table-header-item-margin-y @table-header-item-margin-x /\n margin-bottom: 2px;\n min-height: 24px;\n / min-height: @table-header-item-min-height; /\n}\n.dense .table-header-resize {\n padding-top: 4px;\n / 8px 8px; /\n padding-bottom: 4px;\n}\n.dense .table,\n.dense .detail-table.table {\n --table-row-padding-y: 4px;\n}\n.dense .table-cell.table-node > .table-row-control {\n / padding: @table-row-padding-y 8px @table-row-padding-y @table-row-control-padding-left; /\n padding-top: 6px;\n}\n.dense .table-control-resize {\n height: 12px;\n}\n.dense .detail-table.table > .table-header > .table-header-item {\n margin-top: 2px;\n margin-bottom: 2px;\n min-height: 24px;\n}\n.dense .context-menu > .menu-item {\n padding-top: 6px;\n / padding: 11px 15px; /\n padding-bottom: 6px;\n}\n.dense .check-box-field > .field {\n padding-top: 2px;\n / padding: 6px 0; /\n padding-bottom: 2px;\n}\n.dense .input-field {\n padding-top: 2px;\n / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 2px;\n}\n.dense .button-field > .button {\n padding-top: 0;\n / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n min-height: 24px;\n}\n.dense .button-field > .button > .icon {\n padding-top: 0;\n / padding-top: 2px; /\n padding-bottom: 0;\n / padding-bottom: 2px; /\n}\n.dense .radio-button > .field {\n padding-top: 2px;\n / padding: 6px 0; /\n padding-bottom: 2px;\n}\n.dense .radio-button > .field > .label {\n padding-top: 1px;\n / padding-top: @radio-button-label-padding-top; /\n}\n.dense .label-field > .field {\n padding-top: 2px;\n / padding-top: @borderless-field-padding-y; /\n padding-bottom: 2px;\n / padding-bottom: @borderless-field-padding-y; /\n}\n.dense .tree-node {\n padding-top: 3px;\n / padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left; /\n padding-bottom: 3px;\n}\n.dense .tree-node-control {\n padding-top: 4px;\n padding-bottom: 3px;\n}\n.dense .outline.tree > .tree-data > .tree-node,\n.dense .outline.tree > .tree-data > .animation-wrapper > .tree-node {\n padding-top: 6px;\n / padding-top: @outline-node-padding-y; /\n padding-bottom: 6px;\n / padding-bottom: @outline-node-padding-y; /\n}\n.dense .outline.tree > .tree-data > .tree-node > .tree-node-control,\n.dense .outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n padding-top: 6px;\n / padding-top: @outline-node-control-padding-y; /\n}\n.dense .value-field > input,\n.dense .value-field > .input-field,\n.dense .value-field > .field > input,\n.dense .value-field > .field > .input-field,\n.dense .value-field > .file-input {\n / 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/\n min-height: 24px;\n}\n.dense .tag-element,\n.dense .overflow-icon {\n height: 20px;\n / @tag-field-tag-height /\n line-height: 20px;\n / @tag-field-tag-height /\n margin-top: 0;\n / margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0; /\n}\n.dense .tag-overflow-popup > .popup-body > .tag-element {\n margin-top: 3px;\n}\n.dense .tag-field > .field > input {\n padding-bottom: 1px;\n}\n.dense .breadcrumb-item {\n font-size: 13px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-bench {\n position: absolute;\n top: 0;\n background-color: #fff;\n border-left: 1px solid #DADADA;\n / Make some space for the navigation handle (when the navigation is closed /\n / Only do it if detail-table is at the bottom left corner /\n}\n.navigation-invisible > .desktop-bench {\n border-left: 0;\n}\n.desktop-bench.drop-shadow {\n border-left: 0;\n content: '';\n position: absolute;\n top: 3px;\n left: 0;\n width: 10px;\n height: calc(100% - 3px);\n box-shadow: -8px 0 10px 0 rgba(0, 0, 0, 0.1);\n clip-path: polygon(-100% 0, 200% 0, 200% 200%, -100% 200%);\n}\n.desktop:not(.first-tab-selected):not(.navigation-invisible):not(.view-tab-area-in-bench) > .desktop-bench.drop-shadow {\n border-top-left-radius: 12px;\n overflow: hidden;\n}\n.desktop-bench.animate-remove {\n -webkit-animation-name: slideout-right;\n -moz-animation-name: slideout-right;\n -o-animation-name: slideout-right;\n animation-name: slideout-right;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area {\n background-color: #F5F5F5;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area::before {\n display: none;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab.last > .edge.right {\n z-index: 0;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab > .sub-title {\n color: #666666;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab > .status-container > .save-needer {\n color: rgba(0, 0, 0, 0.23);\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area:not(.overflown) > .desktop-tab.last {\n margin-right: 0;\n}\n.desktop-bench.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {\n margin-left: 30px;\n}\n.desktop-bench.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls > .table-control.selected {\n border-left-color: #DADADA;\n}\n.desktop-bench > .splitter.x-axis {\n margin-left: -7px;\n margin-right: -7px;\n}\n.desktop-bench.outline-content-has-dimmed-background {\n background-color: #F5F5F5;\n}\n.detail-table.table {\n --table-row-margin-x: 10px;\n --table-row-padding-y: 10px;\n --table-aggregate-row-padding-y-small: 7px;\n --table-aggregate-row-padding-y-large: 20px;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50px;\n margin-left: -50px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 2px rgba(21, 97, 167, 0.8) solid;\n width: 100px;\n height: 100px;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.detail-table.table > .table-header {\n background-color: #F5F5F5;\n border-bottom-color: #DADADA;\n}\n.detail-table.table > .table-header > .table-header-item {\n padding-top: 5px;\n padding-bottom: 5px;\n margin-top: 6px;\n margin-bottom: 6px;\n}\n.detail-table.table > .table-header > .menubar-container > .menubar > .menubar-box > .menu-item.last {\n margin-right: 12px;\n}\n.detail-table.table > .table-footer {\n background-color: #fff;\n}\n.detail-table.table > .table-data > .scrollbar > .scrollbar-thumb.x-axis {\n padding-top: 4px;\n}\n.detail-table.table > .table-data > .scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,\n.detail-table.table > .table-data > .scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: 2px;\n}\n.detail-table.table > .table-data + .scroll-shadow {\n --scroll-shadow-size: 10px;\n --scroll-shadow-blur: 10px;\n --scroll-shadow-spread: 10px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.bench-column {\n position: absolute;\n}\n.bench-column > .splitter.y-axis {\n margin-top: -7px;\n margin-bottom: -7px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.group {\n position: relative;\n}\n.group-header {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 0;\n cursor: pointer;\n color: inherit;\n}\n.group-header:focus {\n outline: none;\n}\n.group-header.disabled {\n cursor: default;\n}\n.group-header.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -8px;\n margin-left: -8px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n left: inherit;\n right: 0;\n}\n.group-header.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 16px;\n height: 16px;\n}\n.group-header.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.group-title {\n font-size: 14px;\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.group-header:focus > .group-title {\n color: #1561A7;\n text-decoration: underline;\n}\n.group-title-suffix {\n margin-left: 8px;\n font-size: 14px;\n}\n.group-icon.with-title {\n margin-right: 8px;\n}\n.group-collapse-icon {\n / Set to same height as before element to prevent header from getting larger /\n height: 16px;\n transition: transform 0.3s;\n margin-right: 8px;\n margin-top: -1px;\n / since icon height is reduced it needs to be moved up a little to center it again /\n}\n.group-collapse-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E014';\n font-size: 16px;\n}\n.group-collapse-icon.collapsed {\n -webkit-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n transform: rotate(-90deg);\n}\n.group-header.collapse-right > .group-title {\n flex-grow: 1;\n}\n.group-header.collapse-right > .group-title-suffix {\n text-align: right;\n}\n.group-header.collapse-right > .group-collapse-icon {\n transition: transform 0s;\n margin-right: 0;\n margin-left: 8px;\n margin-top: 0;\n}\n.group-header.collapse-right > .group-collapse-icon::before {\n content: '\\E014';\n}\n.group-header.collapse-right > .group-collapse-icon.collapsed {\n -webkit-transform: rotatex(180deg);\n -ms-transform: rotatex(180deg);\n transform: rotatex(180deg);\n}\n.group.collapse-bottom > .group-header.custom-header-widget {\n cursor: default;\n}\n.group.collapse-bottom > .group-body {\n margin-bottom: 0;\n}\n.group.collapse-bottom > .group-footer {\n display: flex;\n}\n.collapsible.group.collapse-bottom > .group-footer {\n cursor: pointer;\n}\n.group.collapse-bottom > .group-footer > .group-collapse-border {\n flex-grow: 1;\n margin-top: 8px;\n margin-bottom: 8px;\n border-style: solid;\n border-width: 0 0 1px 0;\n border-color: #DADADA;\n}\n.group.collapse-bottom > .group-footer > .group-collapse-icon {\n transition: transform 0s;\n margin: 0;\n}\n.group.collapse-bottom > .group-footer > .group-collapse-icon::before {\n content: '\\E015';\n padding: 0 4px;\n}\n.group.collapse-bottom > .group-footer > .group-collapse-icon.collapsed {\n -webkit-transform: rotatex(180deg);\n -ms-transform: rotatex(180deg);\n transform: rotatex(180deg);\n}\n.group.collapse-bottom > .group-footer:hover > .group-collapse-icon::before {\n color: #FE9915;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab-box {\n position: absolute;\n min-width: 50px;\n min-height: 50px;\n}\n.simple-tab-box > .simple-tab-area {\n position: relative;\n height: 64px;\n / Has the same effect as \"border-bottom: 1px solid @border-color\", but is over-drawable by child /\n / elements (such as the selected view-tab). The border would not be, because of \"overflow: hidden\". /\n}\n.simple-tab-box > .simple-tab-area::before {\n content: '';\n background-color: #DADADA;\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(100% - 1px);\n left: 0;\n}\n.simple-tab-box > .tab-content {\n height: 100%;\n background-color: #fff;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab-area {\n position: absolute;\n top: 0;\n white-space: nowrap;\n display: flex;\n}\n.simple-tab-area > .simple-overflow-tab-item {\n border-right: 1px solid #DADADA;\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n min-width: 30px;\n background-color: #F5F5F5;\n text-align: center;\n cursor: pointer;\n}\n.simple-tab-area > .simple-overflow-tab-item::after {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E014';\n}\n.simple-tab-area.spread-even:not(.overflown) > .simple-tab {\n flex-grow: 1;\n}\n.simple-tab-area.spread-even:not(.overflown) > .simple-tab.last {\n border-right-width: 0;\n}\n.simple-tab-area.spread-even > .simple-overflow-tab-item {\n border-right-width: 0;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding: 5px;\n background-color: #F5F5F5;\n border-right: 1px solid #DADADA;\n cursor: pointer;\n width: 120px;\n min-width: 60px;\n}\n.simple-tab > .title-line {\n display: flex;\n align-items: center;\n}\n.closable.simple-tab > .title-line {\n margin-right: 20px;\n}\n.simple-tab > .title-line > .icon-container {\n display: flex;\n}\n.simple-tab > .title-line > .icon-container > .icon {\n margin-right: 6px;\n}\n.simple-tab > .title-line > .icon-container > .icon.font-icon {\n font-size: 14px;\n}\n.simple-tab > .title-line > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n vertical-align: top;\n}\n.simple-tab > .title-line > .status-container {\n position: relative;\n display: inline-flex;\n margin-left: 4px;\n color: #808080;\n}\n.simple-tab > .title-line > .status-container > .status {\n margin-left: 5px;\n}\n.simple-tab > .closer {\n position: absolute;\n top: 0;\n right: 0;\n margin: 5px;\n display: none;\n}\n:hover.simple-tab > .closer,\n.closable.selected.simple-tab > .closer {\n display: inline-block;\n}\n.simple-tab > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding-top: 2px;\n color: #666666;\n}\n.simple-tab:hover > .title-line > .title {\n color: #1561A7;\n}\n.simple-tab:active > .title-line > .title {\n color: #1561A7;\n}\n.simple-tab.disabled {\n cursor: default;\n}\n.simple-tab.disabled > .title-line > .title {\n color: #808080;\n}\n.simple-tab.selected {\n cursor: default;\n background-color: #fff;\n}\n.simple-tab.selected > .title-line > .title {\n color: #000;\n}\n.simple-tab > .key-box {\n bottom: 4px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.carousel {\n overflow: hidden;\n}\n.carousel-filmstrip {\n transition: transform 200ms;\n}\n.carousel-item {\n display: inline-block;\n position: relative;\n overflow: hidden;\n}\n.carousel-status {\n font-size: 14pt;\n font-weight: bold;\n text-align: center;\n}\n.carousel-status > .status-item {\n color: #CFCFCF;\n display: inline;\n margin-right: 6px;\n}\n.carousel-status > .current-item {\n color: #000;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.collapse-handle {\n position: absolute;\n display: table;\n z-index: 10;\n bottom: 0;\n margin-bottom: 15px;\n}\n.collapse-handle.right-aligned {\n right: 0;\n}\n.collapse-handle.left-aligned {\n left: 0;\n}\n.collapse-handle-body {\n position: relative;\n display: table-cell;\n padding: 7px 8px;\n background-color: #fff;\n color: #5C5C5C;\n border: 1px solid #DADADA;\n border-radius: 8px;\n cursor: pointer;\n}\n.collapse-handle-body::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: block;\n font-size: 16px;\n}\n.collapse-handle-body.left.both-visible {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.collapse-handle-body.left::before {\n content: '\\E012';\n}\n.collapse-handle-body.right.both-visible {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n}\n.collapse-handle-body.right::before {\n content: '\\E013';\n}\n.collapse-handle-body:hover {\n background-color: #e7e7e7;\n}\n.collapse-handle-body:active,\n.collapse-handle-body.active {\n background-color: #dbdbdb;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tab.simple-tab {\n width: 200px;\n min-width: 130px;\n margin: 8px 3px 0 0;\n padding: 10px 10px 0 20px;\n border-radius: 12px 12px 0 0;\n border: 0 solid transparent;\n border-bottom-width: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n.closable.desktop-tab.simple-tab > .title-line {\n margin-right: 25px;\n}\n.desktop-tab.simple-tab > .title-line > .icon-container {\n color: rgba(255, 255, 255, 0.7);\n}\n.desktop-tab.simple-tab > .title-line > .title {\n font-size: 14px;\n}\n.desktop-tab.simple-tab > .title-line > .status-container {\n color: rgba(255, 255, 255, 0.7);\n}\n.desktop-tab.simple-tab > .title-line > .status-container > .save-needer {\n color: inherit;\n}\n.desktop-tab.simple-tab > .sub-title {\n color: rgba(255, 255, 255, 0.7);\n font-size: 12px;\n letter-spacing: 0.2px;\n padding-top: 1px;\n}\n.desktop-tab.simple-tab > .closer {\n color: rgba(255, 255, 255, 0.7);\n padding: 4px;\n margin: 7px;\n border-radius: 8px;\n}\n.desktop-tab.simple-tab > .closer > .key-box {\n top: 0;\n right: 0;\n}\n.desktop-tab.simple-tab > .closer:hover {\n color: #fff;\n background-color: rgba(0, 0, 0, 0.14);\n}\n.desktop-tab.simple-tab > .closer:active,\n.desktop-tab.simple-tab > .closer.active {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.desktop-tab.simple-tab > .key-box {\n bottom: 9px;\n margin-left: 4px;\n}\n.desktop-tab.simple-tab.animate-modality-highlight {\n -webkit-animation-name: flash-desktop-tab;\n -moz-animation-name: flash-desktop-tab;\n -o-animation-name: flash-desktop-tab;\n animation-name: flash-desktop-tab;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.desktop-tab.simple-tab:hover,\n.desktop-tab.simple-tab:active {\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n.desktop-tab.simple-tab:hover > .title-line > .title,\n.desktop-tab.simple-tab:active > .title-line > .title {\n color: inherit;\n}\n.desktop-tab.simple-tab.glasspane-parent {\n pointer-events: unset;\n}\n.desktop-tab.simple-tab.glasspane-parent:not(.disabled):not(.selected):hover {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.desktop-tab.simple-tab.glasspane-parent:not(.selected):hover > .closer {\n display: none;\n}\n.desktop-tab.simple-tab.disabled {\n background-color: transparent;\n}\n.desktop-tab.simple-tab.disabled > .title-line > .title {\n color: rgba(255, 255, 255, 0.4);\n}\n.desktop-tab.simple-tab.selected {\n background-color: #fff;\n border-color: transparent;\n}\n.desktop-tab.simple-tab.selected > .title-line > .icon-container {\n color: #808080;\n}\n.desktop-tab.simple-tab.selected > .title-line > .title {\n color: #000;\n font-weight: bold;\n}\n.desktop-tab.simple-tab.selected > .title-line > .status-container {\n color: #808080;\n}\n.desktop-tab.simple-tab.selected > .title-line > .status-container > .save-needer {\n color: rgba(0, 0, 0, 0.23);\n}\n.desktop-tab.simple-tab.selected > .sub-title {\n color: #666666;\n}\n.desktop-tab.simple-tab.selected > .closer {\n color: #999999;\n}\n.desktop-tab.simple-tab.selected > .closer:hover {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.desktop-tab.simple-tab.selected > .closer:active,\n.desktop-tab.simple-tab.selected > .closer.active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.desktop-tab.simple-tab.selected > .edge {\n --color: #fff;\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -5px;\n height: 12px;\n width: 12px;\n box-sizing: content-box;\n border: 5px solid var(--color);\n border-top: none;\n}\n.desktop-tab.simple-tab.selected > .edge.left {\n left: -12px;\n border-bottom-right-radius: 17px;\n border-left: none;\n}\n.desktop-tab.simple-tab.selected > .edge.right {\n right: -12px;\n border-bottom-left-radius: 17px;\n border-right: none;\n}\n.desktop-tab.simple-tab.selected > .edge.right {\n z-index: 1;\n}\n.desktop-tab.simple-tab.selected.first > .edge.left {\n display: none;\n}\n.desktop-tab.simple-tab.selected.animate-modality-highlight {\n -webkit-animation-name: flash-desktop-tab-selected;\n -moz-animation-name: flash-desktop-tab-selected;\n -o-animation-name: flash-desktop-tab-selected;\n animation-name: flash-desktop-tab-selected;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.desktop-tab.simple-tab.selected.animate-modality-highlight > .edge {\n -webkit-animation-name: flash-desktop-tab-selected-edge;\n -moz-animation-name: flash-desktop-tab-selected-edge;\n -o-animation-name: flash-desktop-tab-selected-edge;\n animation-name: flash-desktop-tab-selected-edge;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n@-webkit-keyframes flash-desktop-tab {\n 0% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 25% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 50% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 75% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@keyframes flash-desktop-tab {\n 0% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 25% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 50% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 75% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@-webkit-keyframes flash-desktop-tab-selected {\n 0% {\n background-color: #fff;\n }\n 25% {\n background-color: #cccccc;\n }\n 50% {\n background-color: #fff;\n }\n 75% {\n background-color: #cccccc;\n }\n 100% {\n background-color: #fff;\n }\n}\n@keyframes flash-desktop-tab-selected {\n 0% {\n background-color: #fff;\n }\n 25% {\n background-color: #cccccc;\n }\n 50% {\n background-color: #fff;\n }\n 75% {\n background-color: #cccccc;\n }\n 100% {\n background-color: #fff;\n }\n}\n@-webkit-keyframes flash-desktop-tab-selected-edge {\n 0% {\n box-shadow: 0 12px 0 0 #fff;\n }\n 25% {\n box-shadow: 0 12px 0 0 #cccccc;\n }\n 50% {\n box-shadow: 0 12px 0 0 #fff;\n }\n 75% {\n box-shadow: 0 12px 0 0 #cccccc;\n }\n 100% {\n box-shadow: 0 12px 0 0 #fff;\n }\n}\n@keyframes flash-desktop-tab-selected-edge {\n 0% {\n box-shadow: 0 12px 0 0 #fff;\n }\n 25% {\n box-shadow: 0 12px 0 0 #cccccc;\n }\n 50% {\n box-shadow: 0 12px 0 0 #fff;\n }\n 75% {\n box-shadow: 0 12px 0 0 #cccccc;\n }\n 100% {\n box-shadow: 0 12px 0 0 #fff;\n }\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tab-area > .simple-overflow-tab-item {\n border-radius: 8px;\n margin: 14px 3px 6px;\n background-color: rgba(0, 0, 0, 0.1);\n border: 0 solid transparent;\n}\n.desktop-tab-area > .simple-overflow-tab-item:hover {\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n.desktop-tab-area > .simple-overflow-tab-item.selected {\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-header {\n position: absolute;\n top: 0;\n height: 64px;\n color: #fff;\n background-color: #1561A7;\n}\n.desktop-header > .simple-tab-area {\n height: 64px;\n}\n.navigation-invisible > .desktop-header > .simple-tab-area > .desktop-tab.selected > .edge.left {\n display: block;\n}\n.navigation-invisible > .desktop-header:not(.has-view-button-box) > .simple-tab-area {\n margin-left: 6px;\n}\n.desktop-header.animate-remove {\n -webkit-animation-name: slideout-right;\n -moz-animation-name: slideout-right;\n -o-animation-name: slideout-right;\n animation-name: slideout-right;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.animate-bring-to-front,\n.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.animate-bring-to-back {\n animation-duration: 0s;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab.selected {\n background-color: rgba(0, 0, 0, 0.2);\n color: inherit;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-button:hover,\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu:hover {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu::before {\n height: 100%;\n border-color: #1561A7;\n top: 0;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu:hover > .icon {\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu.selected {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu.selected > .icon {\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.selected {\n color: inherit;\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab:hover {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.disabled {\n background-color: transparent;\n}\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-tab-wrapper > .view-tab.selected,\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-menu-tab.selected {\n background-color: #F5F5F5;\n}\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-tab-wrapper > .view-tab.selected > .edge,\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-menu-tab.selected > .edge {\n --color: #F5F5F5;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-navigation {\n position: absolute;\n height: 100%;\n width: 290px;\n min-width: 49px;\n background-color: #1561A7;\n color: #262626;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title {\n background-color: #1561A7;\n border-bottom: 0;\n color: #fff;\n}\n.desktop-navigation-breadcrumb {\n width: 240px;\n}\n.navigation-body {\n position: absolute;\n background-color: #fff;\n}\n.desktop-navigation.in-background > .navigation-body {\n background-color: #F5F5F5;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item {\n margin-bottom: 6px;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item > .font-icon {\n font-size: 20px;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item.ellipsis > .font-icon {\n font-size: 22px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-navigation-handle.collapse-handle {\n position: absolute;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body {\n background-color: #fff;\n border-color: #DADADA;\n color: #5C5C5C;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body:hover {\n background-color: #e7e7e7;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body:active,\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body.active {\n background-color: #dbdbdb;\n}\n.desktop-navigation-handle.collapse-handle.right-aligned.both-visible {\n right: 5px;\n}\n.desktop-navigation-handle.collapse-handle.right-aligned:not(.both-visible) > .collapse-handle-body {\n border-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n.desktop-navigation-handle.collapse-handle.left-aligned.both-visible {\n right: 5px;\n}\n.desktop-navigation-handle.collapse-handle.left-aligned:not(.both-visible) > .collapse-handle-body {\n border-left: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.navigation-handle-key-box {\n margin-top: -6px;\n}\n.navigation-handle-key-box.left {\n margin-right: -4px;\n}\n.navigation-handle-key-box.right {\n margin-left: -4px;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-notifications {\n position: fixed;\n right: 10px;\n top: 0;\n height: calc(100% - 72px);\n width: 300px;\n margin-top: 72px;\n pointer-events: none;\n / Don't block access to the elements in the background /\n}\n/ Animation: slide-in /\n@-webkit-keyframes desktop-notification-slide-in {\n 0% {\n left: 300px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 10px;\n }\n}\n@keyframes desktop-notification-slide-in {\n 0% {\n left: 300px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 10px;\n }\n}\n/\n Slides in the notification from the right end of the screen\n * and increases the size of the bottom margin to move down existing\n * notifications.\n /\n.desktop-notification-slide-in {\n -webkit-animation-name: desktop-notification-slide-in;\n -moz-animation-name: desktop-notification-slide-in;\n -o-animation-name: desktop-notification-slide-in;\n animation-name: desktop-notification-slide-in;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Animation: fade-out /\n@-webkit-keyframes desktop-notification-fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n@keyframes desktop-notification-fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n.desktop-notification-fade-out {\n -webkit-animation-name: desktop-notification-fade-out;\n -moz-animation-name: desktop-notification-fade-out;\n -o-animation-name: desktop-notification-fade-out;\n animation-name: desktop-notification-fade-out;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n.desktop-notification {\n position: relative;\n width: 300px;\n display: flex;\n align-items: center;\n background-color: #fff;\n margin-bottom: 10px;\n padding: 8px 0 8px 10px;\n border-radius: 8px;\n pointer-events: auto;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / Prevent overlay of text/loader and close icon /\n}\n.desktop-notification.no-icon {\n padding: 16px 12px 16px 23px;\n}\n.desktop-notification.closable {\n padding-right: 35px;\n}\n.desktop-notification-content {\n max-width: 100%;\n}\n.has-icon > .desktop-notification-content {\n max-width: calc(100% - 40px);\n margin-left: 10px;\n}\n.ok > .desktop-notification-content {\n color: #00856C;\n font-weight: bold;\n}\n.no-icon.ok > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #00856C;\n background-color: #00856C;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px 2);\n}\n.no-icon.info > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #1561A7;\n background-color: #1561A7;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.warning > .desktop-notification-content {\n color: #AD6200;\n font-weight: bold;\n}\n.no-icon.warning > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #AD6200;\n background-color: #AD6200;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.error > .desktop-notification-content {\n color: #D53F3F;\n font-weight: bold;\n}\n.no-icon.error > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #D53F3F;\n background-color: #D53F3F;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.desktop-notification-content > .closer {\n position: absolute;\n padding: 4px;\n margin: 2px;\n right: 9px;\n top: 9px;\n}\n.desktop-notification-content > .closer:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.ok > .desktop-notification-content > .closer {\n color: #00856C;\n}\n.warning > .desktop-notification-content > .closer {\n color: #AD6200;\n}\n.error > .desktop-notification-content > .closer {\n color: #D53F3F;\n}\n.desktop-notification-message {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.desktop-notification.loading > .desktop-notification-content.offline-message > .desktop-notification-message.offline-message-text {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n color: #000;\n}\n.desktop-notification-loader {\n flex-grow: 0;\n flex-shrink: 0;\n}\n.desktop-notification-loader.animated::after {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n margin-top: -3px;\n margin-left: 16px;\n margin-right: 10px;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 14px;\n height: 14px;\n}\n/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.outline.tree > .tree-data {\n padding-top: 16px;\n}\n.outline.tree > .tree-data > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 2px;\n}\n.outline.tree > .tree-data > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.outline.tree > .tree-data > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 0;\n}\n.outline.tree > .tree-data > .key-box {\n top: 7px;\n}\n.outline.tree > .tree-data > .tree-node,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node {\n background-color: transparent;\n cursor: pointer;\n border: 0;\n / padding-right is used to leave some space for the scrollbar /\n padding: 9px 8px 9px 37px;\n}\n.outline.tree > .tree-data > .tree-node.group,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: #E9F0F6;\n}\n.outline.tree > .tree-data > .tree-node > .text,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text {\n font-size: 13px;\n}\n.outline.tree > .tree-data > .tree-node > .image-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .image-icon {\n margin-top: auto;\n}\n.outline.tree > .tree-data > .tree-node > .font-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .font-icon {\n line-height: 15px;\n font-size: 16px;\n color: #999999;\n}\n.outline.tree > .tree-data > .tree-node > .menubar,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .menubar {\n border: 0;\n background-color: inherit;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n padding-top: 9px;\n padding-left: 20px;\n line-height: 15px;\n color: #999999;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control:hover,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control:hover {\n color: #FE9915;\n}\n.outline.tree > .tree-data > .tree-node.selected,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected {\n color: #fff;\n background-color: #1561A7;\n}\n.outline.tree > .tree-data > .tree-node.selected::after,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected::after {\n display: none;\n}\n.outline.tree > .tree-data > .tree-node.selected > .tree-node-control,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control {\n color: rgba(255, 255, 255, 0.7);\n}\n.outline.tree > .tree-data > .tree-node.selected > .tree-node-control:hover,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control:hover {\n color: #FE9915;\n}\n.outline.tree > .tree-data > .tree-node.selected > .font-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .font-icon {\n color: rgba(255, 255, 255, 0.7);\n}\n.outline.tree.in-background > .tree-data > .tree-node.group,\n.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: #e8e8e8;\n}\n.outline.tree.in-background > .tree-data > .tree-node.selected,\n.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #808080;\n color: #fff;\n}\n.outline-title {\n cursor: pointer;\n color: #1561A7;\n font-size: 19px;\n padding: 0 20px 0 20px;\n border-bottom: 1px solid #DADADA;\n display: flex;\n align-items: center;\n height: 64px;\n}\n.outline-title > .icon {\n padding-right: 10px;\n}\n.outline-title > .key-box {\n top: 19px;\n}\n.outline-title > .text {\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.outline-title > .menubar {\n background-color: transparent;\n border: none;\n width: auto;\n flex-grow: 0;\n margin-right: -10px;\n}\n.outline-title > .menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n/ bread crumb style (different colors and bigger font and arrow than original breadcrumb style) /\n.outline.tree.breadcrumb > .outline-title {\n margin: 0;\n border-bottom-color: #DADADA;\n}\n.outline.tree.breadcrumb > .outline-title.touch:active {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.outline.tree.breadcrumb > .tree-data {\n padding-top: 0;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n border-bottom: 1px solid #DADADA;\n padding: 12px 20px;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected {\n background-color: #fff;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected {\n background-color: transparent;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected:active,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected:active {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected {\n color: #4C4C4C;\n background-color: #fff;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected {\n background-color: transparent;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node:active,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #1561A7;\n color: #fff;\n cursor: default;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #808080;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected > .text > .compact-cell-header > .compact-cell-subtitle,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-header > .compact-cell-subtitle {\n color: rgba(255, 255, 255, 0.7);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected > .text > .compact-cell-header > .compact-cell-title > .right,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-header > .compact-cell-title > .right,\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected > .text > .compact-cell-header > .compact-cell-title > .right,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected > .text > .compact-cell-header > .compact-cell-title > .right {\n display: none;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected > .text > .compact-cell-content.has-header,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-content.has-header,\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected > .text > .compact-cell-content.has-header,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected > .text > .compact-cell-content.has-header {\n display: none;\n}\n.outline.tree.breadcrumb:focus > .tree-data > .tree-node.parent-of-selected,\n.outline.tree.breadcrumb.focused > .tree-data > .tree-node.parent-of-selected,\n.outline.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.parent-of-selected,\n.outline.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.parent-of-selected {\n border-color: #DADADA;\n}\n.outline.tree.breadcrumb:focus > .tree-data > .tree-node.selected,\n.outline.tree.breadcrumb.focused > .tree-data > .tree-node.selected,\n.outline.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.selected,\n.outline.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.selected {\n border-color: #DADADA;\n}\n.compact.outline.breadcrumb > .outline-title {\n padding-left: 16px;\n padding-right: 16px;\n}\n.compact.outline.breadcrumb > .outline-title > .menubar {\n margin-right: -8px;\n}\n.compact.outline.breadcrumb > .tree-data {\n background-color: #F5F5F5;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node {\n padding: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .text {\n display: inline-block;\n padding: 14px 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.has-icon > .text {\n padding-left: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .icon {\n padding: 14px 8px 14px 16px;\n min-width: 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar {\n width: auto;\n flex-grow: 0;\n padding: 0 8px 0 0;\n min-height: 43px;\n height: 43px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar > .menubar-box > .menu-item {\n color: inherit;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar {\n padding: 0 16px 0 16px;\n min-height: 43px;\n margin-left: -8px;\n background-color: #fff;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item {\n padding-left: 8px;\n padding-right: 8px;\n margin-left: 2px;\n margin-right: 2px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item > .icon {\n min-width: 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-content {\n background-color: #fff;\n color: #262626;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-content.dimmed-background {\n background-color: #F5F5F5;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .form > .root-group-box > .group-box-body {\n padding-left: 6px;\n padding-right: 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .form > .right-padding-invisible > .group-box-body {\n padding-right: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected {\n display: flex;\n flex-wrap: wrap;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.child-of-selected.animate-prev-selected {\n -webkit-animation-name: tree-node-prev-selection;\n -moz-animation-name: tree-node-prev-selection;\n -o-animation-name: tree-node-prev-selection;\n animation-name: tree-node-prev-selection;\n -webkit-animation-duration: 0.6s;\n -moz-animation-duration: 0.6s;\n -o-animation-duration: 0.6s;\n animation-duration: 0.6s;\n -webkit-animation-timing-function: ease-in;\n -moz-animation-timing-function: ease-in;\n -o-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.compact-root:not(.selected) {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data.detail-content-visible > .tree-node > .detail-menubar {\n border-bottom: 1px solid #DADADA;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview {\n background-color: transparent;\n color: #262626;\n border-bottom: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview.compact-root > .text,\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview.compact-root > .icon {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile-overview-content {\n margin-left: 20px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile-overview-title {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview > .form {\n background-color: transparent;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview > .form > .tile-overview-content {\n margin-top: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .menu-item {\n color: #262626;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview ~ .child-of-selected {\n display: none;\n}\n/ Previous Selection Animation /\n@-webkit-keyframes tree-node-prev-selection {\n 00% {\n background-color: rgba(0, 0, 0, 0.08);\n }\n 100% {\n background-color: #fff;\n }\n}\n/ NOSONAR /\n@keyframes tree-node-prev-selection {\n 00% {\n background-color: rgba(0, 0, 0, 0.08);\n }\n 100% {\n background-color: #fff;\n }\n}\n/ NOSONAR /\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.search-outline.tree > .outline-title {\n border-bottom: none;\n margin-bottom: 0;\n}\n.search-outline-panel {\n position: relative;\n border-bottom: 1px solid #DADADA;\n padding: 0 20px 16px 20px;\n}\n.search-outline-field {\n border: 1px solid rgba(0, 0, 0, 0.23);\n height: 34px;\n border-radius: 5px;\n width: 100%;\n}\n.search-outline-field:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.search-outline-field.has-text {\n padding-right: 25px;\n}\n.search-outline-field.has-text + .clear-icon {\n display: flex;\n}\n.search-outline-field + .clear-icon {\n display: none;\n position: absolute;\n margin-right: 5px;\n right: 20px;\n top: 0;\n height: 34px;\n}\n.search-outline-status {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n padding-right: 8px;\n text-align: right;\n padding-top: 12px;\n margin-bottom: -4px;\n}\n.outline.breadcrumb > .search-outline-panel {\n margin-left: 0;\n margin-right: 0;\n margin-bottom: 0;\n border-bottom-color: #DADADA;\n}\n.outline.breadcrumb > .search-outline-panel > .search-outline-status {\n text-align: left;\n padding-left: 8px;\n}\n.compact.outline.breadcrumb > .search-outline-panel {\n padding-left: 16px;\n padding-right: 16px;\n}\n.compact.outline.breadcrumb > .search-outline-panel > .search-outline-field + .clear-icon {\n right: 16px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.navigate-button.menu-button > .font-icon {\n font-size: 18px;\n}\n.navigate-button.up {\n color: #1561A7;\n border-color: #1561A7;\n}\n.menubar-box > .menu-button.navigate-button.up {\n margin-right: 6px;\n}\n.menubar-box > .menu-button.navigate-button.down.left-of-button {\n margin-right: 16px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.outline-overview {\n position: relative;\n height: 100%;\n width: 100%;\n display: table;\n}\n.outline-overview-content {\n color: #999999;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n padding-bottom: 150px;\n}\n.outline-overview-icon {\n font-size: 40px;\n padding-bottom: 20px;\n}\n.outline-overview-title {\n font-size: 20px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.popup-blocked-title {\n margin-right: 15px;\n / leave space for close icon /\n}\n.popup-blocked-link {\n display: block;\n margin-top: 10px;\n outline: none;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tool-box {\n position: absolute;\n top: 0;\n margin: 0 3px;\n min-height: 64px;\n display: inline-flex;\n justify-content: flex-end;\n white-space: nowrap;\n color: #fff;\n}\n.desktop-tool-box-item.menu-item {\n font-size: 14px;\n margin: 14px 3px;\n padding: 0 14px;\n border-radius: 8px;\n color: inherit;\n display: inline-flex;\n align-items: center;\n}\n.desktop-tool-box-item.menu-item.compact {\n padding-left: 10px;\n padding-right: 10px;\n}\n.desktop-tool-box-item.menu-item.compact > .submenu-icon {\n display: none;\n}\n.desktop-tool-box-item.menu-item > .font-icon {\n font-size: 14px;\n}\n.desktop-tool-box-item.menu-item > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px /\n max-height: 32px;\n}\n.desktop-tool-box-item.menu-item:hover {\n background-color: rgba(0, 0, 0, 0.2);\n color: inherit;\n}\n.desktop-tool-box-item.menu-item.selected.has-popup {\n color: inherit;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.desktop-tool-box-item.menu-item.disabled {\n background-color: transparent;\n color: rgba(255, 255, 255, 0.4);\n}\n/ key boxes /\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 6px;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-tab-wrapper {\n display: flex;\n width: 56px;\n}\n.view-tab {\n position: relative;\n border-radius: 8px;\n margin: 14px 6px 6px;\n}\n.view-tab > .key-box {\n bottom: 9px;\n}\n.view-tab.in-background {\n border-radius: 12px;\n}\n.view-tab > .edge {\n position: absolute;\n}\n.view-tab.selected:not(.in-background) {\n margin: 8px 0 0;\n border-radius: 12px 12px 0 0;\n}\n.view-tab.selected:not(.in-background) > .edge {\n --color: #fff;\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -5px;\n height: 12px;\n width: 12px;\n box-sizing: content-box;\n border: 5px solid var(--color);\n border-top: none;\n}\n.view-tab.selected:not(.in-background) > .edge.left {\n left: -12px;\n border-bottom-right-radius: 17px;\n border-left: none;\n}\n.view-tab.selected:not(.in-background) > .edge.right {\n right: -12px;\n border-bottom-left-radius: 17px;\n border-right: none;\n}\n.view-tab.selected:not(.in-background) > .edge.right {\n z-index: 1;\n}\n.view-tab.selected:not(.in-background) > .key-box {\n bottom: 15px;\n}\n.view-tab.animate-bring-to-front,\n.view-tab.animate-bring-to-back {\n transition: margin 200ms ease-out, padding 200ms ease-out, width 200ms ease-out, border-radius 200ms ease-out;\n animation: nop 200ms ease-out;\n}\n.view-tab.animate-bring-to-front:not(.in-background) > .edge.left,\n.view-tab.animate-bring-to-back:not(.in-background) > .edge.left {\n visibility: hidden;\n animation: show-view-tab-left-edge 40ms ease-out 160ms forwards;\n}\n.view-tab.animate-bring-to-front:not(.in-background) > .edge.right,\n.view-tab.animate-bring-to-back:not(.in-background) > .edge.right {\n visibility: hidden;\n animation: show-view-tab-right-edge 40ms ease-out 160ms forwards;\n}\n.view-button-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n width: calc(100% - 2 6px);\n}\n.view-button-tab:hover {\n cursor: pointer;\n background-color: rgba(0, 0, 0, 0.2);\n}\n.view-button-tab.selected {\n background-color: #fff;\n color: #1561A7;\n}\n.view-button-tab.selected.in-background {\n background-color: #F5F5F5;\n}\n.view-button-tab.selected:not(.in-background) {\n width: 100%;\n}\n.view-button-tab.disabled {\n color: rgba(255, 255, 255, 0.4);\n}\n.view-button-tab.disabled:hover {\n cursor: default;\n color: rgba(255, 255, 255, 0.4);\n background-color: transparent;\n}\n.view-button-tab.disabled.selected {\n color: #666666;\n}\n.view-button-tab > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: 20px;\n}\n@keyframes show-view-tab-left-edge {\n 0% {\n visibility: visible;\n left: -5px;\n }\n 100% {\n left: -12px;\n }\n}\n@keyframes show-view-tab-right-edge {\n 0% {\n visibility: visible;\n right: -5px;\n }\n 100% {\n right: -12px;\n }\n}\n/\n Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-button-box {\n display: inline-flex;\n min-height: 64px;\n max-height: 64px;\n white-space: nowrap;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n overflow: visible;\n / necessary if it is in the header to make rounded corner overlap into tab area /\n position: relative;\n / if covered by glass pane /\n background-color: #1561A7;\n color: #fff;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-menu-tab {\n display: flex;\n background-color: rgba(0, 0, 0, 0.2);\n flex-shrink: 0;\n}\n.view-menu-tab > .view-button,\n.view-menu-tab > .view-menu {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n cursor: pointer;\n}\n.view-menu-tab > .view-button:hover,\n.view-menu-tab > .view-menu:hover {\n background-color: rgba(0, 0, 0, 0.1);\n color: inherit;\n}\n.view-menu-tab > .view-button.disabled,\n.view-menu-tab > .view-menu.disabled {\n color: rgba(255, 255, 255, 0.4);\n background-color: transparent;\n cursor: default;\n}\n.animate-bring-to-front.view-menu-tab > .view-button,\n.animate-bring-to-front.view-menu-tab > .view-menu,\n.animate-bring-to-back.view-menu-tab > .view-button,\n.animate-bring-to-back.view-menu-tab > .view-menu {\n transition: margin 200ms ease-out, padding 200ms ease-out, width 200ms ease-out, border-radius 200ms ease-out;\n}\n.view-menu-tab > .view-button {\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n width: 50px;\n}\n.view-menu-tab > .view-button > .icon {\n font-size: 26px;\n}\n.view-menu-tab > .view-menu {\n position: relative;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n width: 44px;\n}\n.selected-button-invisible.view-menu-tab > .view-menu {\n border-radius: 8px;\n}\n.view-menu-tab > .view-menu > .icon {\n font-size: 24px;\n}\n.view-menu-tab > .view-menu::before {\n content: '';\n position: absolute;\n height: 100%;\n border-left: 1px solid #1561A7;\n left: 0;\n}\n.selected-button-invisible.view-menu-tab > .view-menu::before {\n display: none;\n}\n.view-menu-tab > .view-menu.selected {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.view-menu-tab.in-background > .view-button {\n border-top-left-radius: 12px;\n border-bottom-left-radius: 12px;\n}\n.view-menu-tab.in-background > .view-menu {\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n}\n.selected-button-invisible.view-menu-tab.in-background > .view-menu {\n border-radius: 12px;\n}\n.view-menu-tab.selected {\n color: #1561A7;\n background-color: #fff;\n}\n.view-menu-tab.selected > .view-button.selected,\n.view-menu-tab.selected > .view-menu.selected,\n.view-menu-tab.selected > .view-button:hover,\n.view-menu-tab.selected > .view-menu:hover {\n background-color: transparent;\n}\n.view-menu-tab.selected > .view-button.disabled,\n.view-menu-tab.selected > .view-menu.disabled {\n color: #666666;\n}\n.view-menu-tab.selected > .view-menu {\n width: 44px;\n}\n.view-menu-tab.selected > .view-menu > .icon {\n font-size: 26px;\n padding: 7px;\n border-radius: 8px;\n}\n.view-menu-tab.selected > .view-menu:hover > .icon {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.view-menu-tab.selected > .view-menu.disabled > .icon {\n background-color: transparent;\n}\n.view-menu-tab.selected > .view-menu.selected > .icon {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.view-menu-tab.selected > .view-menu::before {\n top: 10px;\n height: calc(100% - 20px);\n border-color: #DADADA;\n}\n.view-menu-tab.selected.in-background {\n background-color: #F5F5F5;\n}\n.view-menu-tab.selected.in-background > .view-menu > .icon {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.view-menu-tab.selected:not(.in-background) {\n border-top-left-radius: 0;\n margin-left: 0;\n margin-right: 6px;\n}\n.view-menu-tab.selected:not(.in-background) > .view-button {\n padding-left: 6px;\n width: 56px;\n cursor: default;\n}\n.selected-button-invisible.view-menu-tab.selected:not(.in-background) > .view-menu {\n width: 50px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-menu-popup.widget-popup {\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n border: 0;\n margin: 5px;\n overflow: hidden;\n}\n.view-menu-popup.widget-popup > .tile-grid.scrollable {\n padding: 10px;\n}\n.view-menu-popup.widget-popup > .tile-grid.no-icons > .view-menu-tile {\n min-height: 66px;\n}\n.view-menu-tile {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n color: #1561A7;\n background-color: #FAFAFA;\n border-radius: 12px;\n border: 2px solid transparent;\n padding: 12px 6px 0 6px;\n min-height: 110px;\n cursor: pointer;\n}\n.view-menu-tile > .icon {\n font-size: 24px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 12px;\n}\n.view-menu-tile > .label {\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 11px;\n}\n.view-menu-tile.text-only {\n justify-content: center;\n padding: 12px 8px;\n}\n.view-menu-tile.text-only > .label {\n font-size: 13px;\n}\n.view-menu-tile.selected {\n border-color: #1561A7;\n}\n.view-menu-tile:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.view-menu-tile.disabled {\n color: #808080;\n cursor: default;\n}\n.view-menu-tile.disabled:hover {\n background-color: #FAFAFA;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: 473px;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n}\n.file-chooser > .box-buttons > .box-button {\n border-color: #1561A7;\n color: #1561A7;\n}\n.file-chooser > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.file-chooser > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.file-chooser > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.file-chooser > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #1561A7;\n}\n.file-chooser > .box-buttons > .box-button.default:hover {\n background-color: #12518c;\n border-color: #12518c;\n}\n.file-chooser > .box-buttons > .box-button.default.active,\n.file-chooser > .box-buttons > .box-button.default:active {\n background-color: #0e3f6c;\n border-color: #0e3f6c;\n}\n.file-chooser > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.file-chooser > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.file-chooser.calc-helper {\n top: 0;\n left: 0;\n}\n.file-chooser.animate-open {\n -webkit-animation-name: short-drop;\n -moz-animation-name: short-drop;\n -o-animation-name: short-drop;\n animation-name: short-drop;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.file-chooser.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.file-chooser-content {\n border: 0 solid #DADADA;\n border-radius: 8px;\n padding: 26px;\n}\n.file-chooser-content > .legacy-upload-form > .legacy-upload-file-input {\n margin-top: 15px;\n margin-bottom: 10px;\n padding: 5px;\n}\n.file-chooser-title {\n text-align: center;\n word-wrap: break-word;\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 16px;\n color: #1561A7;\n}\n.file-chooser-label {\n padding-top: 8px;\n padding-bottom: 8px;\n text-align: center;\n}\n.file-chooser-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n.file-chooser-files {\n position: relative;\n min-height: 100px;\n max-height: 200px;\n border-top: 1px solid #DADADA;\n padding-top: 16px;\n margin-top: 10px;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: 20px;\n}\n.file-chooser-files > .file {\n text-indent: -20px;\n word-break: break-all;\n margin-bottom: 4px;\n}\n.file-chooser-files > .file::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E003';\n float: left;\n width: 20px;\n padding-left: 2px;\n}\n.file-chooser-files > .file > .remove {\n line-height: normal;\n / override line-height of .menu-item /\n display: inline;\n}\n@media (max-width: 473px) {\n .file-chooser {\n margin: 0;\n / no need to have a margin on small screens /\n }\n .file-chooser > .box-buttons {\n padding: 0 13px 26px 13px;\n / use less x-padding for buttons so that more text can be shown /\n }\n .file-chooser > .box-buttons > .box-button {\n margin-right: 4px;\n min-width: 70px;\n / less min width for buttons on small screens /\n }\n .file-chooser > .box-buttons > .box-button:last-child {\n margin-right: 0;\n }\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-input {\n cursor: pointer;\n / Don't allow text selection because mouse down opens the chooser.\n * Reason: The browser would still be in selecting mode after the chooser closes,\n * every click outside of the field would immediately open the chooser again (at least in FF).\n /\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.file-input:not(.disabled):not(.alternative):active {\n background-color: transparent;\n}\n.file-input.alternative:not(.disabled):active {\n border-bottom-color: #1561A7;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.file-input.has-error:not(.disabled):not(.alternative):active {\n background-color: #FEE0E0;\n}\n.file-input.has-error.alternative:not(.disabled):active {\n border-bottom-color: #D53F3F;\n}\n.file-input.disabled {\n cursor: default;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.legacy-upload-form > .legacy-upload-file-input {\n width: 100%;\n}\n.legacy-upload-form > .legacy-upload-file-input > iframe {\n display: none;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form {\n position: relative;\n}\n.form.dimmed-background {\n background-color: #F5F5F5;\n}\n.form.dimmed-background > .root-group-box > .menubar {\n background-color: inherit;\n}\n.view:not(.detail-form):not(.mobile-view) > .root-group-box > .main-menubar {\n background-color: inherit;\n}\n.mobile-view > .header > .title {\n font-weight: bold;\n}\n.dialog {\n position: absolute;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / minimum padding to desktop /\n margin: 10px 10px 15px;\n / min-width and min-height are read by Resizable.js to prevent a dialog from becoming too small\n You can overrule these values with a specific CSS class on a dialog/form when you require a\n larger or smaller min-size. /\n min-width: 250px;\n min-height: 100px;\n top: 0;\n / must be specified otherwise dialogs will be positioned at end of document and increase document size /\n / remove border and rounded corners in full screen mode /\n}\n.dialog > .header {\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n}\n.dialog > .root-group-box {\n border-radius: 12px;\n}\n.header-visible.dialog > .root-group-box {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.dialog.animate-open {\n -webkit-animation: fade-in ease-in 1;\n -moz-animation: fade-in ease-in 1;\n -o-animation: fade-in ease-in 1;\n animation: fade-in ease-in 1;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n}\n.dialog.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.dialog.full-width,\n.dialog.full-height {\n border-radius: 0;\n}\n.dialog.full-width {\n border-right: 0;\n border-left: 0;\n}\n.dialog.full-height {\n border-bottom: 0;\n}\n.dialog > .resizable-nw,\n.dialog > .resizable-n,\n.dialog > .resizable-ne {\n margin-top: -5px;\n}\n.form > .header {\n padding-top: 16px;\n padding-left: 20px;\n padding-right: 10px;\n overflow: hidden;\n}\n.form > .header.no-title {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n}\n.form > .header.no-title > .title,\n.form > .header.no-title > .sub-title {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.form > .header > .icon-container {\n float: left;\n}\n.form > .header > .icon-container > .icon {\n margin-right: 6px;\n vertical-align: middle;\n}\n.form > .header > .icon-container > .icon.font-icon {\n font-size: 16px;\n}\n.form > .header > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 16px;\n color: #000;\n margin-top: 1px;\n}\n.form > .header > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666666;\n}\n.form > .header > .status-container {\n float: right;\n margin-top: -8px;\n margin-right: -2px;\n}\n.form > .header > .status-container > .status {\n / make sure close icon overlaps drag-handle /\n position: relative;\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n}\n.form > .header > .status-container > .status.closer {\n border-radius: 7px;\n margin-left: 7px;\n padding: 7px;\n}\n@media (max-width: 375px) {\n .dialog {\n / no need to have a margin on small screens /\n / otherwise on iphone5, cancel button on a dialog would always be stacked in ellipsis if there is another menu item /\n margin: 0;\n }\n .dialog > .resizable-handle {\n / Remove handle, it is not useful anymore\n and it increases the dialog size which has the effect that the body may be scrolled (on iphone).\n Important is necessary because jquery ui sets it to display: block using inline style /\n display: none !important;\n / NOSONAR (see comment above)/\n }\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-menu-popup > .form > .root-group-box > .main-menubar {\n background-color: transparent;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.scout-info-form-container {\n width: 100%;\n margin-top: 5px;\n margin-bottom: 5px;\n display: flex;\n}\n.scout-info-form-logo-container {\n flex: none;\n}\n.scout-info-form-text-container {\n flex-grow: 1;\n}\n.scout-info-form-logo {\n display: inline-block;\n max-height: 100px;\n max-width: 200px;\n margin-right: 20px;\n}\n.scout-info-form-table {\n border-spacing: 0;\n}\n.scout-info-form-table-cell-description {\n padding-right: 10px;\n vertical-align: top;\n}\n.scout-info-form-table-cell-value {\n vertical-align: top;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.text-field-icon {\n display: flex;\n align-items: center;\n margin: 0 2px;\n cursor: text;\n}\n.text-field-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 14px;\n color: #808080;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.text-field-icon.clear-icon::before {\n content: '\\E045';\n font-size: 14px;\n}\n.text-field-icon.action {\n cursor: pointer;\n}\n.text-field-icon.action:hover::before {\n color: #262626;\n background-color: rgba(0, 0, 0, 0.08);\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-field {\n / FormFieldLayout uses absolute positioning, make sure it is positioned relatively to its container /\n position: relative;\n / Class that applies the same vertical padding to the .field as to the label (useful e.g. for html fields) /\n / Convenience class to add to a field when the mandatory indicator should not be displayed (e.g. inside a FormFieldMenu) /\n}\n.form-field > label {\n position: absolute;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding-top: 9px;\n padding-bottom: 8px;\n margin-left: 10px;\n / Add small spacing between label and field /\n padding-right: 10px;\n color: #666666;\n font-size: 12px;\n}\n.disabled.form-field > label {\n color: #999999;\n}\n.read-only.form-field > label {\n color: #666666;\n}\n.form-field > label.top {\n color: #666666;\n font-size: 11px;\n padding-bottom: 4px;\n}\n.alternative.form-field > label.top {\n / Reduce space between input and label if there is no border /\n padding-bottom: 0;\n}\n.disabled.form-field > label.top {\n color: #999999;\n}\n.read-only.form-field > label.top {\n color: #666666;\n}\n.focused.form-field > label {\n color: #1561A7;\n}\n.has-error.form-field > label {\n color: #D53F3F;\n}\n.form-field > .field {\n position: absolute;\n}\n.form-field.borderless-field-padding-y > .field {\n padding-top: 8px;\n padding-bottom: 8px;\n}\n.form-field > .mandatory-indicator {\n position: absolute;\n visibility: hidden;\n}\n.form-field > .mandatory-indicator::before {\n content: '';\n font-size: 15px;\n}\n.form-field.mandatory > .mandatory-indicator:not(.read-only) {\n visibility: visible;\n}\n.form-field.disabled.alternative > .mandatory-indicator {\n color: #808080;\n}\n.form-field.no-mandatory-indicator > .mandatory-indicator {\n display: none;\n}\n.form-field.no-mandatory-indicator > label.top {\n margin-left: 0;\n}\n.form-field > .status {\n position: absolute;\n margin-left: 6px;\n height: 24px;\n display: flex;\n align-items: center;\n}\n.form-field > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.form-field.has-menus.has-tooltip:not(.has-info):not(.has-ok):not(.has-warning):not(.has-error) > .status::before {\n content: '\\E008';\n}\n.form-field.has-menus > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-menus > .status::before {\n content: '\\E041';\n color: #666666;\n font-size: 16px;\n}\n.form-field.has-menus > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.form-field.has-menus > .status:active::before,\n.form-field.has-menus > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.form-field.has-tooltip > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-tooltip > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.form-field.has-tooltip > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.form-field.has-tooltip > .status:active::before,\n.form-field.has-tooltip > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.form-field.has-ok > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-ok > .status::before {\n content: '\\E002';\n color: #00856C;\n font-size: 16px;\n}\n.form-field.has-ok > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #005243;\n}\n.form-field.has-ok > .status:active::before,\n.form-field.has-ok > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #005243;\n}\n.form-field.has-info > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-info > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.form-field.has-info > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.form-field.has-info > .status:active::before,\n.form-field.has-info > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.form-field.has-warning > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-warning > .status::before {\n content: '\\E001';\n color: #AD6200;\n font-size: 16px;\n}\n.form-field.has-warning > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #7a4500;\n}\n.form-field.has-warning > .status:active::before,\n.form-field.has-warning > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #7a4500;\n}\n.form-field.has-error > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-error > .status::before {\n content: '\\E001';\n color: #D53F3F;\n font-size: 16px;\n}\n.form-field.has-error > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #b92828;\n}\n.form-field.has-error > .status:active::before,\n.form-field.has-error > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #b92828;\n}\n.form-field .disabled-overlay {\n position: absolute;\n}\n.form-field.cell-editor-form-field {\n position: absolute;\n}\n/\n Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.lookup-box.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.lookup-box > .field > .structure.tree,\n.lookup-box > .field > .structure.table {\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.lookup-box > .field > .structure.tree.alternative,\n.lookup-box > .field > .structure.table.alternative {\n border-radius: 3px;\n}\n.lookup-box > .field > .structure.tree.no-rows-selected:focus,\n.lookup-box > .field > .structure.table.no-rows-selected:focus,\n.lookup-box > .field > .structure.tree.no-nodes-selected:focus,\n.lookup-box > .field > .structure.table.no-nodes-selected:focus,\n.lookup-box > .field > .structure.tree.no-rows-selected.focused,\n.lookup-box > .field > .structure.table.no-rows-selected.focused,\n.lookup-box > .field > .structure.tree.no-nodes-selected.focused,\n.lookup-box > .field > .structure.table.no-nodes-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell,\n.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell {\n border-bottom: 0;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row.selected::after,\n.lookup-box > .field > .structure.table > .table-data > .table-row.selected::after {\n top: 0;\n height: 100%;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row.inactive,\n.lookup-box > .field > .structure.table > .table-data > .table-row.inactive {\n font-style: italic;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row.inactive > .table-cell.last > .text::after,\n.lookup-box > .field > .structure.table > .table-data > .table-row.inactive > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell.last.inactive,\n.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell.last.inactive {\n font-style: italic;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell.last.inactive > .text::after,\n.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell.last.inactive > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.lookup-box > .field > .structure.tree > .tree-data > .tree-node.inactive,\n.lookup-box > .field > .structure.table > .tree-data > .tree-node.inactive,\n.lookup-box > .field > .structure.tree > .tree-data > .animation-wrapper > .tree-node.inactive,\n.lookup-box > .field > .structure.table > .tree-data > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n}\n.lookup-box > .field > .structure.tree > .tree-data > .tree-node.inactive > .text::after,\n.lookup-box > .field > .structure.table > .tree-data > .tree-node.inactive > .text::after,\n.lookup-box > .field > .structure.tree > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after,\n.lookup-box > .field > .structure.table > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.value-field > input,\n.value-field > .input-field,\n.value-field > .field > input,\n.value-field > .field > .input-field,\n.value-field > .file-input {\n / 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/\n min-height: 30px;\n}\n.value-field > .text-field-icon,\n.value-field > .field > .text-field-icon {\n display: none;\n position: absolute;\n}\n.value-field.alternative > .text-field-icon,\n.value-field.alternative > .field > .text-field-icon {\n margin-right: 0;\n}\n.value-field.alternative.halign-right > .clear-icon,\n.value-field.alternative.halign-right > .field > .clear-icon {\n margin-left: 0;\n margin-right: 2px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).focused > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).focused > .clear-icon::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).focused > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).focused > .field > .clear-icon::before {\n color: #1561A7;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).has-error > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).has-error > .clear-icon::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).has-error > .field > .clear-icon::before {\n color: #D53F3F;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).disabled > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).disabled > .clear-icon,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).disabled > .field > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).disabled > .field > .clear-icon,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).compact > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).compact > .clear-icon,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).compact > .field > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).compact > .field > .clear-icon {\n display: none;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).alternative.has-error:focus > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).alternative.has-error:focus > .field > .clear-icon::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).alternative.has-error.focused > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).alternative.has-error.focused > .field > .clear-icon::before {\n color: #D53F3F;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon {\n display: flex;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .icon {\n display: none;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .file-input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .file-input {\n padding-right: 28px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .file-input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .file-input.alternative {\n padding-right: 26px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input {\n padding-left: 28px;\n padding-right: 10px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.alternative {\n padding-left: 26px;\n padding-right: 0;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.cell-editor-field {\n padding-right: 8px;\n}\n.value-field.has-icon:not(.compact):not(.disabled).focused > .icon::before,\n.value-field.has-icon:not(.compact):not(.disabled).focused > .field > .icon::before {\n color: #1561A7;\n}\n.value-field.has-icon:not(.compact):not(.disabled).has-error > .icon::before,\n.value-field.has-icon:not(.compact):not(.disabled).has-error > .field > .icon::before,\n.value-field.has-icon:not(.compact):not(.disabled).has-error > .field > .icon::before {\n color: #D53F3F;\n}\n.value-field.has-icon:not(.compact):not(.disabled).disabled > .icon,\n.value-field.has-icon:not(.compact):not(.disabled).disabled > .field > .icon,\n.value-field.has-icon:not(.compact):not(.disabled).compact > .icon,\n.value-field.has-icon:not(.compact):not(.disabled).compact > .field > .icon {\n display: none;\n}\n.value-field.has-icon:not(.compact):not(.disabled).alternative.has-error:focus > .field > .icon::before,\n.value-field.has-icon:not(.compact):not(.disabled).alternative.has-error.focused > .field > .icon::before {\n color: #D53F3F;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > .icon,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .icon {\n display: flex;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > input,\n.value-field.has-icon:not(.compact):not(.disabled) > .input-field,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > input,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .input-field,\n.value-field.has-icon:not(.compact):not(.disabled) > .file-input {\n padding-right: 28px;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > input.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .input-field.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > input.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .input-field.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .file-input.alternative {\n padding-right: 26px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.widget-field > .menubar {\n background-color: transparent;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.accordion-field > .accordion {\n / In fact set by the FormField.less as well,\n /* but since scrollbars are rendered before the field class is set, scrollbar sets position: relative first\n /* which breaks the form field layout /\n position: absolute;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.button-field > .field {\n margin-left: 10px;\n}\n.no-mandatory-indicator.button-field > .field {\n margin-left: 0;\n}\n.button-field > .button {\n min-height: 30px;\n}\n.button-field > .link-button {\n padding-left: 0;\n padding-right: 0;\n}\n.button-field > .link-button:hover,\n.button-field > .link-button:active,\n.button-field > .link-button.active {\n background-color: transparent;\n}\n.button-field > .link-button:focus {\n box-shadow: none;\n}\n.button-field > .link-button:focus::after {\n content: '';\n position: absolute;\n top: 3px;\n left: -3px;\n height: calc(100% - 6px);\n width: calc(100% + 6px);\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-radius: 3px;\n}\n.button-field > .key-box {\n position: absolute;\n top: 4px;\n}\n.button-field.button-icon-large > .button > .font-icon {\n font-size: 24px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.bean-field {\n / whole bean-field must be selectable, otherwise focusUtils.js would bail out\n if a user starts a selection on the padding of the .bean-field element and\n not exactly on the .field child element. /\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.bean-field > .field {\n margin-left: 10px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.browser-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.browser-field > .field {\n margin-left: 10px;\n background-color: #fff;\n border: 1px solid #DADADA;\n border-radius: 3px;\n}\n.browser-field > .field.alternative {\n border-radius: 3px;\n}\n.browser-field > .field > .alt {\n margin: 14px;\n}\n.browser-field > .field > .button {\n display: inline-block;\n padding: 4px 7px;\n margin: 0 14px 14px 14px;\n}\n/\n * Copyright (c) 2010-2019 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.calendar-field > .group-box-body {\n padding-right: 0;\n}\n.form:not(.detail-form) .calendar-field:not(.mobile) > .field {\n margin-left: 10px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.check-box-field > .field {\n padding: 6px 0;\n outline: none;\n display: flex;\n / only the label should be clickable, not the whole field /\n / Same spacings as defined in CellEditorPopup.less, but as margin, not as padding /\n}\n.check-box-field > .field > .label {\n color: #000;\n}\n.check-box-field > .field > .check-box,\n.check-box-field > .field > .label {\n cursor: pointer;\n}\n.check-box-field > .field > .label {\n padding-top: 2px;\n padding-left: 7px;\n max-width: calc(100% - 18px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.check-box-field > .field > .label.empty {\n / Make the label invisible if there is no text to not artificially make the check box wider than it should be\n The check box square defines the height. /\n display: none;\n}\n.check-box-field > .field.has-inner-alignment.halign-left {\n justify-content: flex-start;\n}\n.check-box-field > .field.has-inner-alignment.halign-center {\n justify-content: center;\n}\n.check-box-field > .field.has-inner-alignment.halign-right {\n justify-content: flex-end;\n}\n.check-box-field > .field > .check-box {\n flex: none;\n / never shrink check-box /\n}\n.check-box-field > .field > .cell-editor-field.check-box {\n padding: 0;\n margin: 0 10px 0 10px;\n vertical-align: top;\n border-width: 1px;\n}\n.check-box-field > .field > .cell-editor-field.check-box.last {\n margin-right: 14px !important;\n}\n.check-box-field > .field > .cell-editor-field.check-box:focus {\n border-width: 1px;\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.check-box-field > .field.halign-right > .cell-editor-field.check-box {\n margin-right: 10px;\n margin-left: 10px;\n}\n.check-box-field > .field.halign-center > .cell-editor-field.check-box {\n margin-right: 10px;\n}\n.check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - 2px);\n}\n.cell-editor-popup.overflow-top .check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - 2px + 1px);\n}\n.check-box-field.disabled > .field > .check-box {\n cursor: default;\n}\n.check-box-field.disabled > .field > .label {\n cursor: default;\n color: #666666;\n}\n.check-box-field.disabled > .field.read-only > .label {\n color: #000;\n}\n.checkbox-indentation {\n margin-left: 25px;\n}\n.radiobutton-group-body > .checkbox-indentation {\n margin-left: 15px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.clipboard-field > .field {\n margin-left: 10px;\n background-color: #E9F0F6;\n padding: 7px 10px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n white-space: pre-wrap;\n}\n.clipboard-field > .field > img {\n display: none;\n}\n.clipboard-form-label.label-field > .field {\n padding-top: 0;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.date-field.focused > .icon.date::before,\n.date-field.focused > .field > .icon.date::before {\n color: #1561A7;\n}\n.date-field.has-error > .icon.date::before,\n.date-field.has-error > .field > .icon.date::before,\n.date-field.has-error > .field > .icon.date::before {\n color: #D53F3F;\n}\n.date-field.disabled > .icon.date,\n.date-field.disabled > .field > .icon.date,\n.date-field.compact > .icon.date,\n.date-field.compact > .field > .icon.date {\n display: none;\n}\n.date-field.alternative.has-error:focus > .field > .icon.date::before,\n.date-field.alternative.has-error.focused > .field > .icon.date::before {\n color: #D53F3F;\n}\n.date-field.focused > .icon.time::before,\n.date-field.focused > .field > .icon.time::before {\n color: #1561A7;\n}\n.date-field.has-error > .icon.time::before,\n.date-field.has-error > .field > .icon.time::before,\n.date-field.has-error > .field > .icon.time::before {\n color: #D53F3F;\n}\n.date-field.disabled > .icon.time,\n.date-field.disabled > .field > .icon.time,\n.date-field.compact > .icon.time,\n.date-field.compact > .field > .icon.time {\n display: none;\n}\n.date-field.alternative.has-error:focus > .field > .icon.time::before,\n.date-field.alternative.has-error.focused > .field > .icon.time::before {\n color: #D53F3F;\n}\n.date-field > .field > input,\n.date-field > .field > .input-field {\n position: absolute;\n}\n.date-field > .field .icon.date-clear,\n.date-field > .field .icon.time-clear {\n cursor: pointer;\n display: none;\n}\n.date-field > .field .icon.date-clear::before,\n.date-field > .field .icon.time-clear::before {\n content: '\\E045';\n}\n.date-field > .field .icon.date::before {\n content: '\\E029';\n}\n.date-field > .field .icon.time::before {\n content: '\\E004';\n}\n.date-field.date-focused > .icon.date::before,\n.date-field.date-focused > .field > .icon.date::before,\n.date-field.time-focused > .icon.time::before,\n.date-field.time-focused > .field > .icon.time::before {\n color: #1561A7;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > .icon.date {\n display: flex;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date {\n padding-right: 28px;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date.alternative {\n padding-right: 26px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > .icon.time {\n display: flex;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time {\n padding-right: 28px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time.alternative {\n padding-right: 26px;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).focused > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).focused > .icon.date-clear::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).focused > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).focused > .field > .icon.date-clear::before {\n color: #1561A7;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error > .icon.date-clear::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error > .field > .icon.date-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).disabled > .icon.date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).disabled > .icon.date-clear,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).disabled > .field > .icon.date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).disabled > .field > .icon.date-clear,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).compact > .icon.date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).compact > .icon.date-clear,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).compact > .field > .icon.date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).compact > .field > .icon.date-clear {\n display: none;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).alternative.has-error:focus > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).alternative.has-error:focus > .field > .icon.date-clear::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).alternative.has-error.focused > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).alternative.has-error.focused > .field > .icon.date-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).date-focused > .icon.date::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).date-focused > .icon.date::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).date-focused > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).date-focused > .field > .icon.date-clear::before {\n color: #1561A7;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error.date-focused > .icon.date::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error.date-focused > .icon.date::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).has-error.date-focused > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).has-error.date-focused > .field > .icon.date-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > .date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > .date-clear {\n display: flex;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > .icon.date,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > .icon.date {\n display: none;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > input.date,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > input.date {\n padding-right: 28px;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > input.date.alternative,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > input.date.alternative {\n padding-right: 26px;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).focused > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).focused > .icon.time-clear::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).focused > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).focused > .field > .icon.time-clear::before {\n color: #1561A7;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error > .icon.time-clear::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error > .field > .icon.time-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).disabled > .icon.time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).disabled > .icon.time-clear,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).disabled > .field > .icon.time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).disabled > .field > .icon.time-clear,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).compact > .icon.time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).compact > .icon.time-clear,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).compact > .field > .icon.time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).compact > .field > .icon.time-clear {\n display: none;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).alternative.has-error:focus > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).alternative.has-error:focus > .field > .icon.time-clear::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).alternative.has-error.focused > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).alternative.has-error.focused > .field > .icon.time-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).time-focused > .icon.time::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).time-focused > .icon.time::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).time-focused > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).time-focused > .field > .icon.time-clear::before {\n color: #1561A7;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error.time-focused > .icon.time::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error.time-focused > .icon.time::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).has-error.time-focused > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).has-error.time-focused > .field > .icon.time-clear::before {\n color: #D53F3F;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > .time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > .time-clear {\n display: flex;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > .icon.time,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > .icon.time {\n display: none;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > input.time,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > input.time {\n padding-right: 28px;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > input.time.alternative,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > input.time.alternative {\n padding-right: 26px;\n}\n.date-field > .field {\n /* Prediction input field is in the back of the actual input field -> make actual input field transparent /\n}\n.date-field > .field > .input-field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n content: attr(placeholder);\n}\n.date-field > .field > .input-field[placeholder].disabled:empty::before {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.date-field > .field > .predict {\n color: #808080;\n background-color: transparent;\n}\n.date-field > .field > .predict.alternative {\n background-color: transparent;\n}\n.date-field > .field > .predict.has-error {\n background-color: #FEE0E0;\n}\n.date-field > .field > .predict + input {\n background-color: transparent;\n}\n.date-field.date-clearable > .field > .icon.date-clear {\n display: flex;\n}\n.date-field.date-clearable > .field > .icon.date {\n display: none;\n}\n.date-field.time-clearable > .field > .icon.time-clear {\n display: flex;\n}\n.date-field.time-clearable > .field > .icon.time {\n display: none;\n}\n.touch-popup-field.time > .field > input.date,\n.touch-popup-field.time > .field > .icon.date,\n.touch-popup-field.time > .field > .icon.date-clear {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.touch-popup-field.date {\n margin-bottom: 0;\n}\n.touch-popup-field.date > .field > input.time,\n.touch-popup-field.date > .field > .icon.time,\n.touch-popup-field.date > .field > .icon.time-clear {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-chooser-field > .icon {\n cursor: pointer;\n}\n.file-chooser-field > .icon::before {\n content: '\\E003';\n}\n.file-chooser-field > .file-input > input {\n display: none;\n}\n.file-chooser-field > .file-input > .file-input-text {\n overflow-x: hidden;\n}\n.file-chooser-field > .file-input > .file-input-text[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n content: attr(placeholder);\n}\n.file-chooser-field > .file-input > .file-input-text[placeholder].disabled:empty::before {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.file-chooser-field > .legacy-upload-form > .legacy-upload-file-input {\n padding: 3px;\n height: 100%;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.root-group-box {\n / necessary if dialog gets really small /\n overflow: hidden;\n}\n.root-group-box > .group-box-body,\n.root-group-box > .group-box-header {\n / group-box-body may be scrollable. /\n / that's why the body has a padding instead of the root-group-box (to place the scrollbars inside the body) /\n padding-left: 10px;\n padding-right: 20px;\n}\n.root-group-box > .group-box-body > .scrollbar {\n / override margin reset from group-box-body (see below) /\n}\n.root-group-box > .group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 5px;\n}\n.root-group-box > .group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.root-group-box > .group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 3px;\n}\n.group-box > .menubar {\n margin-left: 10px;\n background-color: inherit;\n}\n.group-box.collapsed > .menubar {\n display: none;\n}\n.group-box.has-scroll-shadow-top:not(.menubar-position-top) > .group-box-header {\n width: 100%;\n margin-left: 0;\n padding-left: 10px;\n}\n.root-group-box.loading > .loading-indicator,\n.group-box.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.root-group-box.loading > .loading-indicator::before,\n.group-box.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.root-group-box.loading > .loading-indicator.animate-remove,\n.group-box.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.root-group-box.right-padding-invisible > .group-box-body,\n.group-box.right-padding-invisible > .group-box-body {\n padding-right: 0;\n}\n.group-box-header {\n width: calc(100% - 10px);\n margin-top: 8px;\n margin-left: 10px;\n position: relative;\n white-space: nowrap;\n margin-bottom: 1px;\n}\n.group-box-header > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -1px;\n width: 100%;\n height: 1px;\n background-color: #DADADA;\n}\n.group-box-header.has-menubar > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n vertical-align: middle;\n padding-left: 10px;\n}\n.group-box-header.has-menubar > .menubar > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n}\n.group-box-header > .group-box-control {\n display: inline-block;\n color: #000;\n cursor: pointer;\n padding-left: 10px;\n text-align: center;\n vertical-align: middle;\n width: 25px;\n}\n.group-box-header > .group-box-control::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\F107';\n}\n.group-box.collapsed > .group-box-header > .group-box-control::before {\n content: '\\F106';\n}\n.group-box-header > .title {\n display: inline-block;\n vertical-align: middle;\n padding: 12px 0 12px 0;\n max-width: 100%;\n margin-top: 1px;\n}\n.group-box.has-sub-label > .group-box-header > .title {\n padding-bottom: 7px;\n}\n.group-box-header > .title > .label {\n font-weight: bold;\n color: #000;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.group-box-header > .title > .sub-label {\n padding-top: 1px;\n font-size: 11px;\n letter-spacing: 0.2px;\n color: #666666;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.group-box-header > .status {\n position: absolute;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.group-box-header > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.group-box.has-tooltip > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-tooltip > .group-box-header > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.group-box.has-tooltip > .group-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.group-box.has-tooltip > .group-box-header > .status:active::before,\n.group-box.has-tooltip > .group-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.group-box.has-info > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-info > .group-box-header > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.group-box.has-info > .group-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.group-box.has-info > .group-box-header > .status:active::before,\n.group-box.has-info > .group-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.group-box.has-ok > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-ok > .group-box-header > .status::before {\n content: '\\E002';\n color: #00856C;\n font-size: 16px;\n}\n.group-box.has-ok > .group-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #005243;\n}\n.group-box.has-ok > .group-box-header > .status:active::before,\n.group-box.has-ok > .group-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #005243;\n}\n.group-box.has-warning > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-warning > .group-box-header > .status::before {\n content: '\\E001';\n color: #AD6200;\n font-size: 16px;\n}\n.group-box.has-warning > .group-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #7a4500;\n}\n.group-box.has-warning > .group-box-header > .status:active::before,\n.group-box.has-warning > .group-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #7a4500;\n}\n.group-box.has-error > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-error > .group-box-header > .status::before {\n content: '\\E001';\n color: #D53F3F;\n font-size: 16px;\n}\n.group-box.has-error > .group-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #b92828;\n}\n.group-box.has-error > .group-box-header > .status:active::before,\n.group-box.has-error > .group-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #b92828;\n}\n.group-box-header.expandable {\n / Expansion can also be performed on the title itself /\n cursor: pointer;\n}\n.group-box-body {\n position: relative;\n padding: 18px 0 16px 0;\n / position scrollbar as right as possible to prevent overlapping field parts. /\n}\n.group-box-body.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n}\n.group-box-body.x-padding-invisible {\n padding-left: 0;\n padding-right: 0;\n}\n.collapsed > .group-box-body {\n display: none;\n}\n.group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 8px;\n}\n.group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 6px;\n}\n.group-box.top-padding-invisible > .group-box-body {\n padding-top: 0;\n}\n.group-box.bottom-padding-invisible > .group-box-body {\n padding-bottom: 0;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.html-field.selectable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.html-field > .field {\n margin-left: 10px;\n}\n.html-field > .field:focus {\n outline: none;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.image-field.alternative > label.top {\n / NOSONAR over qualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.image-field > .field {\n overflow: hidden;\n margin-left: 10px;\n}\n.image-field > .field > .font-icon {\n font-size: 20px;\n}\n.image-field > .field.clickable {\n cursor: pointer;\n}\n.image-field > .field.has-inner-alignment {\n display: flex;\n}\n.image-field > .field.has-inner-alignment > .font-icon {\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n}\n.image-field > .field.has-inner-alignment.halign-left {\n justify-content: flex-start;\n}\n.image-field > .field.has-inner-alignment.halign-center {\n justify-content: center;\n}\n.image-field > .field.has-inner-alignment.halign-right {\n justify-content: flex-end;\n}\n.image-field > .field.has-inner-alignment.valign-top {\n align-items: flex-start;\n}\n.image-field > .field.has-inner-alignment.valign-middle {\n align-items: center;\n}\n.image-field > .field.has-inner-alignment.valign-bottom {\n align-items: flex-end;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.label-field.selectable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.label-field > .field {\n padding-top: 8px;\n padding-bottom: 8px;\n margin-left: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.label-field > .field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n content: attr(placeholder);\n}\n.label-field > .field[placeholder].disabled:empty::before {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.no-mandatory-indicator.label-field > .field {\n margin-left: 0;\n}\n.top-padding-invisible.label-field > .field {\n padding-top: 0;\n}\n.bottom-padding-invisible.label-field > .field {\n padding-bottom: 0;\n}\n.label-field > .field:focus {\n outline: none;\n}\n.label-field > .field.has-inner-alignment.halign-left {\n text-align: left;\n}\n.label-field > .field.has-inner-alignment.halign-center {\n text-align: center;\n}\n.label-field > .field.has-inner-alignment.halign-right {\n text-align: right;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode-selector-field.alternative > label.top {\n padding-bottom: 4px;\n}\n.mode-selector-field > .mode-selector {\n margin-left: 10px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.number-field > .field.has-inner-alignment.halign-left {\n text-align: left;\n}\n.number-field > .field.has-inner-alignment.halign-center {\n text-align: center;\n}\n.number-field > .field.has-inner-alignment.halign-right {\n text-align: right;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.planner-field > .planner {\n margin-left: 10px;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n}\n.planner-field > .planner.alternative {\n border-radius: 3px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.radio-button > .field {\n padding: 6px 0;\n margin-left: 10px;\n outline: none;\n display: flex;\n}\n.radio-button > .field > .radio-button-circle,\n.radio-button > .field > .label,\n.radio-button > .field > .icon {\n / only the label should be clickable, not the whole field /\n cursor: pointer;\n}\n.radio-button > .field > .label {\n color: #000;\n padding-top: 2px;\n padding-left: 7px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.radio-button > .field > .label.empty {\n / Make the label invisible if there is no text to not artificially make the button wider than it should be\n Compared to the Button.js the circle defines the height /\n display: none;\n}\n.radio-button > .field > .icon {\n padding-left: 7px;\n}\n.radio-button > .field > .radio-button-circle {\n width: 18px;\n height: 18px;\n flex: none;\n background-color: transparent;\n border-radius: 50%;\n position: relative;\n}\n.radio-button > .field > .radio-button-circle::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: #1561A7;\n border-radius: 50%;\n opacity: 0;\n transition: transform ease 250ms, opacity linear 250ms;\n transform: scale(0.01);\n}\n.radio-button > .field > .radio-button-circle::after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid #999999;\n border-radius: 50%;\n}\n.radio-button > .field > .radio-button-circle.checked::before {\n transform: scale(0.55555556);\n opacity: 1;\n transition: transform ease 250ms;\n}\n.radio-button > .field > .radio-button-circle.checked::after {\n border-color: #1561A7;\n}\n.radio-button > .field > .radio-button-circle:focus {\n outline: none;\n}\n.radio-button > .field > .radio-button-circle:focus::after {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #1561A7;\n}\n.radio-button > .field > .radio-button-circle.disabled {\n cursor: default;\n}\n.radio-button > .field > .radio-button-circle.disabled::after {\n border-color: #DADADA;\n}\n.radio-button > .field > .radio-button-circle.disabled.checked::before {\n background-color: #808080;\n}\n.radio-button > .field > .radio-button-circle.disabled.checked::after {\n border-color: #808080;\n}\n.radio-button.disabled > .field > .label,\n.radio-button.disabled > .field > .icon {\n cursor: default;\n color: #666666;\n}\n.radiobutton-indentation {\n margin-left: 25px;\n}\n.radiobutton-group-body > .radiobutton-indentation {\n margin-left: 15px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.radiobutton-group-body > .radio-button > .field {\n / radio button group has a mandatory indicator, no need to create a margin /\n margin-left: 0;\n}\n.radiobutton-group-body > .form-field {\n opacity: 1;\n transition: opacity 250ms;\n}\n.radiobutton-group-body.loading > .form-field {\n opacity: 0;\n}\n.radiobutton-group-body.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.radiobutton-group-body.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.radiobutton-group-body.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dropdown-field > .icon {\n cursor: pointer;\n}\n.dropdown-field > .icon::before {\n content: '\\F107';\n font-size: 16px;\n}\n.dropdown-field.popup-open > .icon::before {\n content: '\\F106';\n}\n.dropdown-field > .field {\n cursor: pointer;\n}\n.dropdown-field > .field.disabled {\n cursor: default;\n}\n.proposal-field > .icon::before {\n content: '\\E02F';\n}\n.smart-field {\n / Multiline SmartField /\n / DIV below the smart field containing the additional lines /\n}\n.smart-field > .icon::before,\n.smart-field > .field > .icon::before {\n content: '\\E02A';\n}\n.smart-field > .field > .multiline-input {\n border-radius: 3px 3px 0 0;\n width: 100%;\n padding-left: 10px;\n}\n.smart-field > .field > .multiline-input:focus {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.smart-field > .field > .multiline-input.alternative {\n border-bottom-color: rgba(0, 0, 0, 0.23);\n padding-left: 0;\n padding-right: 0;\n}\n.smart-field > .field > .multiline-input.alternative:focus {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-color: #1561A7;\n}\n.smart-field > .field > .multiline-input.alternative.has-error {\n border-bottom-color: #D53F3F;\n}\n.smart-field > .field > .multiline-input.read-only {\n border-bottom-color: #DADADA;\n}\n.smart-field > .field > .multiline-input.read-only.has-error {\n border-bottom-color: #D53F3F;\n}\n.smart-field > .field > .multiline-lines {\n background-color: transparent;\n border: solid 1px rgba(0, 0, 0, 0.23);\n border-radius: 0 0 3px 3px;\n border-top: none;\n padding: 3px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.smart-field > .field > .multiline-lines.disabled {\n background-color: transparent;\n}\n.smart-field.alternative > .field > .multiline-lines,\n.smart-field.read-only > .field > .multiline-lines {\n border: 0;\n padding-top: 6px;\n}\n.smart-field.alternative > .field > .multiline-lines.disabled,\n.smart-field.read-only > .field > .multiline-lines.disabled {\n background-color: transparent;\n}\n.smart-field.alternative > .field > .multiline-lines {\n padding-left: 0;\n padding-right: 0;\n}\n.smart-field.disabled > .field > .multiline-lines {\n color: #808080;\n}\n.read-only.smart-field.disabled > .field > .multiline-lines {\n color: #000;\n}\n.dropdown-field > .input-field[placeholder]:empty::before,\n.proposal-field > .input-field[placeholder]:empty::before,\n.smart-field > .input-field[placeholder]:empty::before,\n.dropdown-field > .multiline > .input-field[placeholder]:empty::before,\n.proposal-field > .multiline > .input-field[placeholder]:empty::before,\n.smart-field > .multiline > .input-field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: rgba(0, 0, 0, 0.55);\n opacity: 1;\n / necessary for firefox /\n content: attr(placeholder);\n}\n.dropdown-field > .input-field[placeholder].disabled:empty::before,\n.proposal-field > .input-field[placeholder].disabled:empty::before,\n.smart-field > .input-field[placeholder].disabled:empty::before,\n.dropdown-field > .multiline > .input-field[placeholder].disabled:empty::before,\n.proposal-field > .multiline > .input-field[placeholder].disabled:empty::before,\n.smart-field > .multiline > .input-field[placeholder].disabled:empty::before {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(128, 128, 128, 0.5);\n}\n.dropdown-field.loading > .icon,\n.proposal-field.loading > .icon,\n.smart-field.loading > .icon {\n -webkit-animation: pulsate-in-out 2.2s ease-in-out infinite;\n -moz-animation: pulsate-in-out 2.2s ease-in-out infinite;\n -o-animation: pulsate-in-out 2.2s ease-in-out infinite;\n animation: pulsate-in-out 2.2s ease-in-out infinite;\n}\n.dropdown-field > .field.halign-left,\n.proposal-field > .field.halign-left,\n.smart-field > .field.halign-left,\n.dropdown-field > .field.halign-left > .multiline-input,\n.proposal-field > .field.halign-left > .multiline-input,\n.smart-field > .field.halign-left > .multiline-input {\n text-align: left;\n}\n.dropdown-field > .field.halign-center,\n.proposal-field > .field.halign-center,\n.smart-field > .field.halign-center,\n.dropdown-field > .field.halign-center > .multiline-input,\n.proposal-field > .field.halign-center > .multiline-input,\n.smart-field > .field.halign-center > .multiline-input {\n text-align: center;\n}\n.dropdown-field > .field.halign-right,\n.proposal-field > .field.halign-right,\n.smart-field > .field.halign-right,\n.dropdown-field > .field.halign-right > .multiline-input,\n.proposal-field > .field.halign-right > .multiline-input,\n.smart-field > .field.halign-right > .multiline-input {\n text-align: right;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field {\n padding-left: 0;\n padding-right: 28px;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative {\n padding-left: 0;\n padding-right: 26px;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field {\n padding-right: 28px;\n}\n.dropdown-field.halign-right:not(.disabled) > .field > .multiline-lines,\n.proposal-field.halign-right:not(.disabled) > .field > .multiline-lines,\n.smart-field.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: 28px;\n}\n.dropdown-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines,\n.proposal-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines,\n.smart-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: 26px;\n}\n.dropdown-field.alternative.halign-right > .clear-icon,\n.proposal-field.alternative.halign-right > .clear-icon,\n.smart-field.alternative.halign-right > .clear-icon,\n.dropdown-field.alternative.halign-right > .field > .clear-icon,\n.proposal-field.alternative.halign-right > .field > .clear-icon,\n.smart-field.alternative.halign-right > .field > .clear-icon {\n margin-right: 0;\n margin-left: 2px;\n}\n.smart-field-touch-popup > .body > .touch-popup-field > .field > .multiline-input {\n border-radius: 3px 3px;\n}\n.smart-field-touch-popup > .body > .touch-popup-field > .field > .multiline-lines {\n display: none;\n}\n.smart-field-touch-popup > .body > .touch-popup-widget-container .table-data {\n padding: 2px 15px 15px;\n}\n.smart-field-touch-popup > .body > .touch-popup-widget-container .table-data > .table-row.first {\n border-top-color: transparent;\n}\n.dropdown-field-popup,\n.smart-field-popup,\n.proposal-field-popup {\n position: absolute;\n overflow: hidden;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n.dropdown-field-popup.touch,\n.smart-field-popup.touch,\n.proposal-field-popup.touch {\n background-color: #F5F5F5;\n}\n.proposal-chooser > .active-filter {\n position: absolute;\n}\n.proposal-chooser > .status {\n display: flex;\n align-items: center;\n}\n.proposal-chooser > .active-filter,\n.proposal-chooser > .status {\n padding: 0 12px;\n background-color: #F5F5F5;\n border-top: solid 1px #DADADA;\n height: 30px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.proposal-chooser.empty > .active-filter,\n.proposal-chooser.empty > .status {\n border-top: 0;\n}\n.proposal-chooser > .table > .table-header {\n padding-left: 12px;\n padding-right: 12px;\n}\n.proposal-chooser > .table > .table-data {\n padding: 8px 12px;\n}\n.proposal-chooser > .table > .table-data > .table-row.first {\n border-top: 1px solid rgba(0, 0, 0, 0.13);\n}\n.proposal-chooser > .table > .table-data > .table-row.first.selected::after {\n top: -1px;\n}\n.proposal-chooser > .table > .table-data > .table-row.inactive {\n font-style: italic;\n}\n.proposal-chooser > .table > .table-data > .table-row.inactive > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.proposal-chooser > .table > .table-data > .scrollbar.y-axis > .scrollbar-thumb > .scrollbar-thumb-handle {\n margin-left: 1px;\n}\n.proposal-chooser > .tree > .tree-data {\n padding: 8px 12px;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.inactive,\n.proposal-chooser > .tree > .tree-data > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.inactive > .text::after,\n.proposal-chooser > .tree > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.status > .ellipsis {\n padding-left: 3px;\n}\n.animate-dot {\n position: relative;\n -webkit-animation-name: animateDot;\n -moz-animation-name: animateDot;\n -o-animation-name: animateDot;\n animation-name: animateDot;\n -webkit-animation-duration: 1650ms;\n -moz-animation-duration: 1650ms;\n -o-animation-duration: 1650ms;\n animation-duration: 1650ms;\n -webkit-animation-iteration-count: infinite;\n -moz-animation-iteration-count: infinite;\n -o-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n}\n.delay-0 {\n -webkit-animation-delay: 0ms;\n -moz-animation-delay: 0ms;\n -o-animation-delay: 0ms;\n animation-delay: 0ms;\n}\n.delay-1 {\n -webkit-animation-delay: 200ms;\n -moz-animation-delay: 200ms;\n -o-animation-delay: 200ms;\n animation-delay: 200ms;\n}\n.delay-2 {\n -webkit-animation-delay: 400ms;\n -moz-animation-delay: 400ms;\n -o-animation-delay: 400ms;\n animation-delay: 400ms;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dropdown-field-popup.animate-open,\n.smart-field-popup.animate-open,\n.proposal-field-popup.animate-open {\n / Changed initial transform from 0 to 0.5 because in Chrome browser v72 on zoom levels > 100%\n * the proposal-chooser popup produced an accidental flickering animation where the proposal table\n * jumped a few pixels to the left. With 0.5 this does not happen - only god knows why. See #241249.\n /\n -webkit-transform: scaleY(0.5);\n -ms-transform: scaleY(0.5);\n transform: scaleY(0.5);\n -webkit-animation-name: grow-y;\n -moz-animation-name: grow-y;\n -o-animation-name: grow-y;\n animation-name: grow-y;\n -webkit-animation-duration: 0.125s;\n -moz-animation-duration: 0.125s;\n -o-animation-duration: 0.125s;\n animation-duration: 0.125s;\n}\n.dropdown-field-popup.animate-open.bottom,\n.smart-field-popup.animate-open.bottom,\n.proposal-field-popup.animate-open.bottom {\n -webkit-transform-origin: top;\n -moz-transform-origin: top;\n -ms-transform-origin: top;\n transform-origin: top;\n}\n.dropdown-field-popup.animate-open.top,\n.smart-field-popup.animate-open.top,\n.proposal-field-popup.animate-open.top {\n -webkit-transform-origin: bottom;\n -moz-transform-origin: bottom;\n -ms-transform-origin: bottom;\n transform-origin: bottom;\n}\n.dropdown-field-popup.animate-remove,\n.smart-field-popup.animate-remove,\n.proposal-field-popup.animate-remove {\n -webkit-animation-name: shrink-y;\n -moz-animation-name: shrink-y;\n -o-animation-name: shrink-y;\n animation-name: shrink-y;\n -webkit-animation-duration: 0.125s;\n -moz-animation-duration: 0.125s;\n -o-animation-duration: 0.125s;\n animation-duration: 0.125s;\n}\n.dropdown-field-popup.animate-remove.bottom,\n.smart-field-popup.animate-remove.bottom,\n.proposal-field-popup.animate-remove.bottom {\n -webkit-transform-origin: top;\n -moz-transform-origin: top;\n -ms-transform-origin: top;\n transform-origin: top;\n}\n.dropdown-field-popup.animate-remove.top,\n.smart-field-popup.animate-remove.top,\n.proposal-field-popup.animate-remove.top {\n -webkit-transform-origin: bottom;\n -moz-transform-origin: bottom;\n -ms-transform-origin: bottom;\n transform-origin: bottom;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.split-box > .split-area > .first-field,\n.split-box > .split-area > .second-field {\n overflow: hidden;\n position: absolute;\n}\n.split-box > .split-area > .first-field.collapsed,\n.split-box > .split-area > .second-field.collapsed {\n display: none;\n}\n.split-box > .split-area > .splitter {\n position: absolute;\n background-color: #DADADA;\n background-clip: content-box;\n / don't color padding /\n}\n.split-box > .split-area > .splitter:not(.disabled):not(.dragging):hover {\n background-color: #1561A7;\n}\n.split-box > .split-area > .splitter.x-axis {\n height: 100%;\n width: 31px;\n padding-left: 19px;\n padding-right: 9px;\n cursor: col-resize;\n}\n.split-box > .split-area > .splitter.y-axis {\n margin-left: 10px;\n width: calc(100% - 10px);\n height: 15px;\n padding-top: 6px;\n padding-bottom: 6px;\n cursor: row-resize;\n}\n.split-box > .split-area > .splitter.dragging {\n opacity: 0.25;\n}\n.split-box > .split-area > .splitter.disabled {\n cursor: default;\n}\n.split-box > .split-area > .temp-splitter {\n position: absolute;\n z-index: 2;\n}\n.split-box > .split-area > .temp-splitter.x-axis {\n height: 100%;\n width: 1px;\n border-left: 1px dashed #1561A7;\n margin-left: 20px;\n margin-right: 10px;\n}\n.split-box > .split-area > .temp-splitter.y-axis {\n margin-left: 10px;\n width: calc(100% - 10px);\n height: 1px;\n border-top: 1px dashed #1561A7;\n margin-top: 7px;\n margin-bottom: 7px;\n}\n.split-box > .collapse-handle.right-aligned {\n / align with status icons /\n right: 3px;\n}\n.split-box-collapse-key-box {\n margin-top: -6px;\n margin-left: 4px;\n}\n.split-box-collapse-key-box.left {\n margin-top: 6px;\n margin-left: 4px;\n}\n.split-box-collapse-key-box.right {\n margin-top: 6px;\n margin-left: -4px;\n}\n.split-box:not(.single-field):not(.second-field-collapsed) > .split-area > .first-field.x-axis {\n margin-right: 31px;\n}\n.split-box:not(.single-field):not(.second-field-collapsed) > .split-area > .first-field.y-axis {\n margin-bottom: 15px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.string-field {\n / adjust paddings in case of both icons (icon and clear-icon) are visible /\n}\n.string-field.multiline > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.string-field > .field.has-inner-alignment.halign-left {\n text-align: left;\n}\n.string-field > .field.has-inner-alignment.halign-center {\n text-align: center;\n}\n.string-field > .field.has-inner-alignment.halign-right {\n text-align: right;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .clear-icon,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon {\n margin-right: 0;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input {\n padding-right: 54px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input.alternative {\n padding-right: 52px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input {\n padding-left: 28px;\n padding-right: 28px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative {\n padding-left: 26px;\n padding-right: 26px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .icon,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .icon {\n display: flex;\n}\n.string-field.has-icon > .icon::before {\n content: '\\F061';\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tab-box-header {\n margin-top: 8px;\n margin-left: 10px;\n white-space: nowrap;\n position: relative;\n margin-bottom: 1px;\n}\n.tab-box.has-scroll-shadow-top > .tab-box-header {\n margin-left: 0;\n padding-left: 10px;\n}\n.tab-box-header > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -1px;\n width: 100%;\n height: 1px;\n background-color: #DADADA;\n}\n.tab-box-header > .tab-area {\n position: relative;\n}\n.tab-box-header > .tab-area > .selection-marker {\n position: absolute;\n z-index: 1;\n bottom: -1px;\n margin-bottom: -1px;\n height: 3px;\n background-color: #1561A7;\n transition: left 0.3s, width 0.3s;\n border-radius: 1.5px;\n}\n.tab-box-header > .tab-area > .tab-item > .title > .sub-label {\n display: none;\n}\n.tab-box-header > .tab-area.has-sub-label > .tab-item > .title > .sub-label {\n display: block;\n}\n.tab-box-header > .tab-area.spread-even {\n width: 100%;\n display: flex;\n}\n.tab-box-header > .tab-area.spread-even > .tab-item {\n flex-grow: 1;\n flex-basis: 0;\n justify-content: center;\n}\n.tab-box-header > .tab-area.spread-even > .tab-item.first {\n padding-left: 20px;\n}\n.tab-box-header > .menubar {\n position: absolute;\n background-color: inherit;\n border-bottom: none;\n}\n.tab-box-header > .status {\n position: absolute;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.tab-box-header > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.tab-box.has-tooltip > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-tooltip > .tab-box-header > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:active::before,\n.tab-box.has-tooltip > .tab-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.tab-box.has-info > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-info > .tab-box-header > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.tab-box.has-info > .tab-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.tab-box.has-info > .tab-box-header > .status:active::before,\n.tab-box.has-info > .tab-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.tab-box.has-ok > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-ok > .tab-box-header > .status::before {\n content: '\\E002';\n color: #00856C;\n font-size: 16px;\n}\n.tab-box.has-ok > .tab-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #005243;\n}\n.tab-box.has-ok > .tab-box-header > .status:active::before,\n.tab-box.has-ok > .tab-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #005243;\n}\n.tab-box.has-warning > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-warning > .tab-box-header > .status::before {\n content: '\\E001';\n color: #AD6200;\n font-size: 16px;\n}\n.tab-box.has-warning > .tab-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #7a4500;\n}\n.tab-box.has-warning > .tab-box-header > .status:active::before,\n.tab-box.has-warning > .tab-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #7a4500;\n}\n.tab-box.has-error > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-error > .tab-box-header > .status::before {\n content: '\\E001';\n color: #D53F3F;\n font-size: 16px;\n}\n.tab-box.has-error > .tab-box-header > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #b92828;\n}\n.tab-box.has-error > .tab-box-header > .status:active::before,\n.tab-box.has-error > .tab-box-header > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #b92828;\n}\n.tab-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n color: #000;\n background-color: transparent;\n padding: 0 20px;\n cursor: pointer;\n height: 100%;\n}\n.tab-item::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 1px;\n margin-bottom: -1px;\n display: none;\n}\n.tab-item.first {\n padding-left: 0;\n}\n.tab-item.overflown {\n display: none;\n}\n.tab-item.marked::after {\n display: block;\n background-color: #999999;\n}\n.tab-item:hover {\n color: #1561A7;\n}\n.tab-item:active {\n color: #1561A7;\n}\n.tab-item.selected {\n color: #000;\n}\n.tab-item:focus {\n outline: none;\n}\n.tab-item:focus.keyboard-navigation {\n color: #186ebe;\n}\n.tab-item > .title {\n display: inline-block;\n vertical-align: middle;\n padding: 12px 0 12px;\n margin-top: 1px;\n}\n.tab-area.has-sub-label > .tab-item > .title {\n padding-bottom: 7px;\n}\n.tab-item > .title > .label {\n vertical-align: middle;\n}\n.tab-item > .title > .label::before {\n content: attr(data-text);\n display: block;\n font-weight: bold;\n visibility: hidden;\n height: 0;\n}\n.selected.tab-item > .title > .label {\n font-weight: bold;\n}\n.tab-item > .title > .sub-label {\n padding-top: 1px;\n font-size: 11px;\n letter-spacing: 0.2px;\n color: #666666;\n}\n.tab-item > .status {\n display: inline-block;\n vertical-align: middle;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.tab-item > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.tab-item.has-tooltip,\n.tab-item.has-info,\n.tab-item.has-warning,\n.tab-item.has-ok,\n.tab-item.has-error {\n padding-right: 6px;\n}\n.tab-item.has-tooltip > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-tooltip > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.tab-item.has-tooltip > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.tab-item.has-tooltip > .status:active::before,\n.tab-item.has-tooltip > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.tab-item.has-info > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-info > .status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n.tab-item.has-info > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n.tab-item.has-info > .status:active::before,\n.tab-item.has-info > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n.tab-item.has-ok > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-ok > .status::before {\n content: '\\E002';\n color: #00856C;\n font-size: 16px;\n}\n.tab-item.has-ok > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #005243;\n}\n.tab-item.has-ok > .status:active::before,\n.tab-item.has-ok > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #005243;\n}\n.tab-item.has-warning > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-warning > .status::before {\n content: '\\E001';\n color: #AD6200;\n font-size: 16px;\n}\n.tab-item.has-warning > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #7a4500;\n}\n.tab-item.has-warning > .status:active::before,\n.tab-item.has-warning > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #7a4500;\n}\n.tab-item.has-error > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-error > .status::before {\n content: '\\E001';\n color: #D53F3F;\n font-size: 16px;\n}\n.tab-item.has-error > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #b92828;\n}\n.tab-item.has-error > .status:active::before,\n.tab-item.has-error > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #b92828;\n}\n.overflow-tab-item.menu-item {\n vertical-align: middle;\n color: #000;\n}\n.overflow-tab-item.menu-item::before {\n display: none;\n}\n.overflow-tab-item.menu-item > .submenu-icon {\n padding-left: 4px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-chooser-popup {\n position: absolute;\n overflow: hidden;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n min-width: 150px;\n max-width: 250px;\n}\n.tag-chooser-popup.touch {\n background-color: #F5F5F5;\n}\n.tag-chooser-popup > .table > .table-data {\n padding: 8px 12px 5px 12px;\n}\n.tag-chooser-popup > .table > .table-data > .table-row.first {\n border-top: 1px solid rgba(0, 0, 0, 0.13);\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-field.focused > .field {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.tag-field.focused > .field.alternative {\n border-bottom-color: #1561A7;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field {\n background-color: transparent;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n padding: 7px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n user-select: none;\n padding: 0 0 0 4px;\n}\n.tag-field > .field.disabled {\n background-color: transparent;\n border-color: #DADADA;\n color: #666666;\n}\n.tag-field > .field:focus,\n.tag-field > .field.focused {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.tag-field > .field.has-error {\n border-color: #D53F3F;\n background-color: #FEE0E0;\n}\n.tag-field > .field.has-error:focus,\n.tag-field > .field.has-error.focused {\n outline: none;\n box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);\n}\n.tag-field > .field.read-only {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px #DADADA;\n color: #000;\n}\n.tag-field > .field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: rgba(0, 0, 0, 0.23);\n border-radius: 0;\n border-left-width: 0;\n border-right-width: 0;\n padding-left: 0;\n padding-right: 0;\n}\n.tag-field > .field.alternative.disabled {\n color: #808080;\n border-bottom-style: dashed;\n border-bottom-color: #CFCFCF;\n}\n.tag-field > .field.alternative:focus,\n.tag-field > .field.alternative.focused {\n color: #1561A7;\n border-bottom-color: #1561A7;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.has-error {\n color: #D53F3F;\n border-bottom-color: #D53F3F;\n}\n.tag-field > .field.alternative.has-error:focus,\n.tag-field > .field.alternative.has-error.focused {\n border-bottom-color: #D53F3F;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.read-only {\n color: #000;\n}\n.tag-field > .field:not(.multiline) {\n white-space: nowrap;\n}\n.tag-field > .field > .tag-bar {\n display: inline-block;\n}\n.tag-field > .field > input {\n border: none;\n padding-left: 3px;\n padding-right: 3px;\n background-color: transparent;\n min-height: 22px;\n height: 100%;\n}\n.tag-field > .field > input.fullwidth {\n width: 100%;\n padding-left: 6px;\n}\n.tag-field > .field > input.fullwidth.alternative {\n padding-left: 0;\n padding-right: 0;\n}\n.tag-field > .field > input.focused,\n.tag-field > .field > input:focus {\n box-shadow: none;\n}\n.tag-field > .field > input.has-error {\n background-color: transparent;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.table-field > .table {\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.table-field > .table.alternative {\n border-radius: 3px;\n}\n.table-field > .table.no-rows-selected:focus,\n.table-field > .table.no-rows-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tree-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.tree-field > .tree {\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.tree-field > .tree.alternative {\n border-radius: 3px;\n}\n.tree-field > .tree.no-rows-selected:focus,\n.tree-field > .tree.no-nodes-selected:focus,\n.tree-field > .tree.no-rows-selected.focused,\n.tree-field > .tree.no-nodes-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.wizard-steps {\n overflow: hidden;\n margin-left: 10px;\n margin-right: 0;\n}\n.wizard-steps-body {\n display: flex;\n align-items: center;\n height: 64px;\n overflow: hidden;\n white-space: nowrap;\n / Allows the last wizard-step to be 100% without line break /\n border-bottom: 1px solid #DADADA;\n position: relative;\n}\n.wizard-step {\n position: relative;\n display: inline-flex;\n align-items: center;\n padding-left: 15px;\n padding-right: 15px;\n}\n.wizard-step > .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 26px;\n height: 26px;\n border: 1px solid #DADADA;\n border-radius: 50%;\n margin-right: 9px;\n font-size: 11px;\n}\n.wizard-step > .icon > .font-icon {\n font-size: 14px;\n}\n.wizard-step > .text > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.wizard-step > .text > .title::before {\n content: attr(data-text);\n display: block;\n font-weight: bold;\n visibility: hidden;\n height: 0;\n}\n.wizard-step > .text > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #666666;\n letter-spacing: 0.2px;\n font-size: 11px;\n}\n.wizard-step.first {\n padding-left: 0;\n}\n.wizard-step.last {\n padding-right: 0;\n}\n.wizard-step.action-enabled {\n cursor: pointer;\n color: #1561A7;\n}\n.wizard-step.action-enabled:hover > .icon {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.wizard-step.action-enabled:hover > .text > .title {\n color: #1561A7;\n}\n.wizard-step.action-enabled:active > .icon,\n.wizard-step.action-enabled.active > .icon {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.wizard-step.finished > .icon {\n color: #00856C;\n background-color: #DCFBF5;\n border-color: #DCFBF5;\n}\n.wizard-step.finished.action-enabled:hover > .icon {\n color: #00856C;\n background-color: #c1f8ed;\n border-color: #c1f8ed;\n}\n.wizard-step.finished.action-enabled:active > .icon,\n.wizard-step.finished.action-enabled.active > .icon {\n color: #00856C;\n background-color: #a1f4e4;\n border-color: #a1f4e4;\n}\n.wizard-step.selected > .icon {\n color: #fff;\n background-color: #1561A7;\n border-color: #1561A7;\n font-weight: bold;\n}\n.wizard-step.selected > .text > .title {\n font-weight: bold;\n}\n.wizard-step.disabled > .icon {\n background-color: inherit;\n color: #808080;\n border-color: #DADADA;\n}\n.wizard-step.disabled > .text > .title,\n.wizard-step.disabled > .text > .sub-title {\n color: #808080;\n}\n.wizard-steps > .scrollbar > .scrollbar-thumb.x-axis {\n padding-top: 6px;\n}\n.wizard-steps > .scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,\n.wizard-steps > .scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: 4px;\n}\n.wizard-step-separator {\n height: 1px;\n width: 40px;\n background-color: #DADADA;\n flex-shrink: 0;\n flex-grow: 0;\n}\n.wizard-steps.compact > .wizard-steps-body {\n height: 44px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step-separator {\n width: 20px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.wrapped-form-field > .form {\n background-color: transparent;\n / Reset padding set in GroupBox.css /\n / Reset margin set in GroupBox.css /\n / Reset values set in MenuBar.css /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body,\n.wrapped-form-field > .form > .root-group-box > .group-box-header {\n padding-left: 0;\n padding-right: 0;\n}\n.wrapped-form-field > .form > .root-group-box {\n overflow: visible;\n / allow overflow for the root-group-box for wrapped forms /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar {\n / position scrollbar as right as possible to prevent overlapping field parts. /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 8px;\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 6px;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar {\n margin-left: 10px;\n background-color: inherit;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar > .menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.glasspane {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n outline: none;\n z-index: 100;\n cursor: default;\n}\n.glasspane.busy {\n cursor: wait;\n}\n.glasspane.dark {\n background-color: rgba(0, 0, 0, 0.1);\n -webkit-animation: fade-in ease-in 1;\n -moz-animation: fade-in ease-in 1;\n -o-animation: fade-in ease-in 1;\n animation: fade-in ease-in 1;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.glasspane-parent {\n pointer-events: none;\n / Disable hover effects and clicks /\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.iframe.no-scrolling {\n overflow: hidden;\n}\n.iframe.iphone {\n height: 100%;\n}\n.iframe-wrapper {\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n.iframe-wrapper > iframe {\n display: block;\n width: 100%;\n border: 0;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.image {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n}\n.image.autofit {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n}\n.image.chrome-fix {\n padding-bottom: 0.01px;\n}\n.image.empty {\n visibility: hidden;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.key-box {\n position: absolute;\n min-width: 34px;\n padding: 4px 5px;\n z-index: 100;\n color: #000;\n background-color: #FDE1B1;\n line-height: normal;\n text-align: center;\n border: 1px solid #FDE1B1;\n font-size: 11px;\n font-weight: normal;\n border-radius: 3px;\n}\n.key-box.disabled {\n border-color: #CFCFCF;\n background-color: #CFCFCF;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.logical-grid-layout {\n position: relative;\n}\n.logical-grid-layout > {\n position: absolute;\n}\n/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.menu-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #1561A7;\n cursor: pointer;\n padding: 6px 10px;\n border-radius: 3px;\n transition: box-shadow 0.3s ease;\n}\n.menu-item.menu-icononly {\n padding-left: 8px;\n padding-right: 8px;\n}\n.menu-item > .key-box {\n bottom: -3px;\n}\n.menu-item:hover {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.menu-item:active,\n.menu-item.active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.menu-item.selected {\n color: #fff;\n background-color: #1561A7;\n}\n.menu-item.selected:hover {\n background-color: #014786;\n}\n.menu-item.selected.active,\n.menu-item.selected:active {\n background-color: #012c53;\n}\n.menu-item.selected.has-popup {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.menu-item:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #93c5f4;\n}\n.menu-item.disabled {\n color: #808080;\n background-color: transparent;\n cursor: default;\n}\n.menu-item.disabled:hover,\n.menu-item.disabled.active,\n.menu-item.disabled:active {\n background-color: transparent;\n}\n.menu-item.disabled.selected {\n color: #fff;\n background-color: #808080;\n}\n.menu-item.disabled.selected.has-popup {\n color: #808080;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.menu-item.menu-textandicon > .icon {\n margin-right: 8px;\n}\n.menu-item > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.menu-item > .font-icon {\n font-size: 16px;\n}\n.menu-item > .image-icon {\n / Prevent large image icons from overlapping the menu item /\n max-height: 16px;\n / Ensure the default image icon size is taken from the beginning, so that the text does not \"jump\" when /\n / the image loading is complete. (For larger icons, the width will be increased afterwards.) /\n min-width: 16px;\n}\n.menu-item > .icon.with-label {\n margin-right: 8px;\n}\n.menu-item.disabled > .icon.image-icon {\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n filter: grayscale(100%);\n opacity: 0.5;\n}\n.menu-item > .submenu-icon,\n.menu-item > .text > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.menu-icononly.menu-item > .submenu-icon,\n.menu-icononly.menu-item > .text > .submenu-icon {\n padding-left: 0;\n}\n.selected.menu-item > .submenu-icon,\n.selected.menu-item > .text > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.menu-item.bottom-text.menu-textandicon {\n flex-direction: column;\n}\n.menu-item.bottom-text.menu-textandicon > .icon {\n display: block;\n margin-right: 0;\n padding-bottom: 3px;\n}\n.menu-item.bottom-text.menu-textandicon > .text {\n display: flex;\n align-items: center;\n font-size: 10px;\n}\n.menu-item.bottom-text.menu-textandicon > .text > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n line-height: 0;\n}\n.menu-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #1561A7;\n background-color: transparent;\n --border-color: #1561A7;\n border: 1px solid var(--border-color);\n border-radius: 3px;\n cursor: pointer;\n padding: 2px 7px;\n}\n.menu-button.borderless {\n background-color: transparent;\n border: 0;\n}\n.menu-button.borderless:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #93c5f4;\n}\n.menu-button > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.menu-button > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.menu-button > .icon.with-label {\n margin-right: 8px;\n}\n.menu-button > .icon.loading,\n.menu-button > .icon.broken {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.menu-button > .icon.image-icon {\n max-height: 100%;\n}\n.menu-button > .font-icon {\n font-size: 16px;\n}\n.menu-button > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.selected.menu-button > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.menu-button > .button-label,\n.menu-button > .icon,\n.menu-button > .submenu-icon {\n opacity: 1;\n transition: opacity 250ms;\n}\n.menu-button:hover {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.menu-button:active,\n.menu-button.active {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.menu-button.selected {\n color: #fff;\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.menu-button.selected:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.menu-button.selected.active,\n.menu-button.selected:active {\n background-color: #012c53;\n border-color: #012c53;\n}\n.menu-button.selected.has-popup {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.menu-button:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.menu-button.default {\n background-color: #1561A7;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #1561A7;\n color: #fff;\n}\n.menu-button.default:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.menu-button.default:active,\n.menu-button.default.active {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.menu-button.default.selected {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.menu-button.default:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.menu-button:disabled,\n.menu-button.disabled {\n background-color: transparent;\n border-color: #DADADA;\n color: #808080;\n cursor: default;\n}\n.menu-button:disabled:hover,\n.menu-button.disabled:hover,\n.menu-button:disabled.active,\n.menu-button.disabled.active,\n.menu-button:disabled:active,\n.menu-button.disabled:active,\n.menu-button:disabled.selected,\n.menu-button.disabled.selected {\n background-color: transparent;\n border-color: #DADADA;\n color: #808080;\n}\n.menu-button:disabled.selected,\n.menu-button.disabled.selected {\n color: #fff;\n background-color: #808080;\n border-color: #808080;\n}\n.menu-button:disabled.selected.has-popup,\n.menu-button.disabled.selected.has-popup {\n color: #808080;\n background-color: rgba(0, 0, 0, 0.12);\n border-color: rgba(0, 0, 0, 0.12);\n}\n.menu-button.loading > .button-label,\n.menu-button.loading > .icon,\n.menu-button.loading > .submenu-icon {\n opacity: 0;\n transition: opacity 250ms;\n}\n.menu-button.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -10px;\n margin-left: -10px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.menu-button.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 20px;\n height: 20px;\n}\n.menu-button.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.context-menu-popup {\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n}\n.context-menu-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.context-menu-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.context-menu {\n position: absolute;\n margin: 6px 0;\n background-color: #fff;\n}\n.context-menu > .menu-item {\n display: flex;\n justify-content: start;\n padding: 8px 16px 8px 16px;\n color: #000;\n border-radius: 0;\n}\n.context-menu > .menu-item > .font-icon {\n color: #1561A7;\n min-width: 16px;\n text-align: center;\n}\n.context-menu > .menu-item > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n / default is inline, inline-block is necessary so that max-width set by JS is respected /\n display: inline-block;\n}\n.context-menu > .menu-item.menu-textandicon > .icon {\n margin-right: 14px;\n}\n.context-menu > .menu-item.selected {\n background-color: #E9F0F6;\n}\n.context-menu > .menu-item.selected.has-popup {\n color: #000;\n}\n.context-menu > .menu-item.selected.has-popup.disabled {\n color: #808080;\n background-color: #E9F0F6;\n}\n.context-menu > .menu-item.selected > .submenu-icon {\n transform: none;\n}\n.context-menu > .menu-item.expanded > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.context-menu > .menu-item.disabled {\n color: #808080;\n}\n.context-menu > .menu-item.disabled > .font-icon {\n color: #808080;\n}\n.context-menu > .menu-item > .key-box {\n bottom: auto;\n top: 5px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.combo-menu {\n padding: 0;\n cursor: default;\n align-items: stretch;\n}\n.combo-menu:active,\n.combo-menu.active,\n.combo-menu:hover {\n background-color: transparent;\n}\n.combo-menu > .menu-item:not(.first) {\n margin-left: 3px;\n}\n.combo-menu > .menu-item:not(.first)::before {\n content: '';\n position: absolute;\n left: -1px;\n top: 7px;\n height: calc(100% - 14px);\n width: 1px;\n background-color: #DADADA;\n}\n.combo-menu > .menu-item:focus::before {\n display: none;\n}\n.combo-menu > .menu-item:not(.disabled):hover::before,\n.combo-menu > .menu-item.selected::before,\n.combo-menu > .menu-item:not(.disabled):hover ~ .menu-item::before,\n.combo-menu > .menu-item.selected ~ .menu-item::before {\n display: none;\n}\n.combo-menu.menu-button {\n border: 0;\n}\n.combo-menu.menu-button > .menu-item {\n border: 1px solid #1561A7;\n flex-grow: 1;\n}\n.combo-menu.menu-button > .menu-item.menu-icononly:not(.first.last) {\n flex-grow: 0;\n}\n.combo-menu.menu-button > .menu-item:not(.last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0;\n}\n.combo-menu.menu-button > .menu-item:not(.first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: 0;\n margin-left: 0;\n}\n.disabled.combo-menu.menu-button > .menu-item {\n border-color: #808080;\n}\n.combo-menu.menu-button > .menu-item:focus {\n z-index: 1;\n}\n.combo-menu.menu-button.default > .menu-item {\n background-color: #1561A7;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #1561A7;\n color: #fff;\n}\n.combo-menu.menu-button.default > .menu-item:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.combo-menu.menu-button.default > .menu-item:active,\n.combo-menu.menu-button.default > .menu-item.active {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.combo-menu.menu-button.default > .menu-item.selected {\n color: #fff;\n background-color: #012c53;\n border-color: #012c53;\n}\n.combo-menu.menu-button.default > .menu-item:focus {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n}\n.combo-menu.menu-button.default > .menu-item::before {\n background-color: #DADADA;\n}\n.combo-menu.menu-button.default > .menu-item.selected {\n background-color: #012c53;\n border-color: #012c53;\n}\n.combo-menu.menu-button.default > .menu-item.disabled {\n color: rgba(255, 255, 255, 0.4);\n}\n.combo-menu.menu-button.default > .menu-item.disabled:hover,\n.combo-menu.menu-button.default > .menu-item.disabled.active,\n.combo-menu.menu-button.default > .menu-item.disabled:active,\n.combo-menu.menu-button.default > .menu-item.disabled.selected {\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.context-menu > .combo-menu {\n padding: 0;\n}\n.context-menu > .combo-menu > .menu-item {\n color: #000;\n padding: 8px 16px 8px 16px;\n flex-grow: 1;\n justify-content: start;\n border-radius: 0;\n}\n.context-menu > .combo-menu > .menu-item > .font-icon {\n color: #1561A7;\n}\n.context-menu > .combo-menu > .menu-item.menu-textandicon > .icon {\n margin-right: 14px;\n}\n.context-menu > .combo-menu > .menu-item.menu-icononly:not(.first.last) {\n flex-grow: 0;\n}\n.context-menu > .combo-menu > .menu-item.disabled {\n color: #808080;\n}\n.context-menu > .combo-menu > .menu-item.disabled > .font-icon {\n color: #808080;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.profile-menu.menu-item > .icon {\n height: 26px;\n width: 26px;\n margin: -4px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background: linear-gradient(180deg, #014786 -145%, #74A8D8 56%);\n}\n.profile-menu.menu-item > .icon.font-icon {\n color: #fff;\n}\n.profile-menu.menu-item > .icon.image-icon {\n object-fit: cover;\n max-height: 26px;\n}\n.context-menu > .menu-textandicon.profile-menu.menu-item > .icon {\n margin-right: 10px;\n}\n.desktop-tool-box-item.profile-menu.menu-item > .icon {\n height: 32px;\n width: 32px;\n margin: 0;\n box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);\n font-size: 18px;\n}\n.menu-textandicon.desktop-tool-box-item.profile-menu.menu-item > .icon {\n margin-right: 8px;\n}\n.desktop-tool-box-item.profile-menu.menu-item > .icon.image-icon {\n max-height: 32px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n cursor: default;\n color: #000;\n}\n.form-field-menu:hover {\n color: #000;\n background-color: transparent;\n}\n.form-field-menu:active,\n.form-field-menu.active {\n background-color: transparent;\n}\n.form-field-menu:not(.has-text):not(.has-icon) > .form-field > label {\n margin-left: 0;\n}\n.form-field-menu > .form-field {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n}\n.form-field-menu > .form-field > label {\n margin-left: 8px;\n}\n.form-field-menu > .form-field.disabled:not(.read-only) > label {\n / Use same disabled color as for menu items /\n color: #808080;\n}\n.form-field-menu:not(.has-icon) > .form-field:not(.no-mandatory-indicator) {\n margin-left: -10px;\n}\n.form-field-menu > .check-box-field.disabled:not(.read-only) > .field > .label,\n.form-field-menu > .radiobutton-group > .radiobutton-group-body > .radio-button.disabled:not(.read-only) > .field > .label,\n.form-field-menu > .radio-button.disabled:not(.read-only) > .field > .label {\n / Use same disabled color as for menu items /\n color: #808080;\n}\n.menubar-box > .form-field-menu > .string-field,\n.menubar-box > .form-field-menu > .smart-field,\n.menubar-box > .form-field-menu > .dropdown-field,\n.menubar-box > .form-field-menu > .proposal-field,\n.menubar-box > .form-field-menu > .number-field,\n.menubar-box > .form-field-menu > .date-field,\n.menubar-box > .form-field-menu > .tag-field,\n.menubar-box > .form-field-menu > .file-chooser-field {\n margin-top: 2px;\n margin-bottom: 2px;\n}\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu.first {\n padding-left: 0;\n}\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu.last {\n padding-right: 0;\n}\n/ Inside context menu popup -> set preferred size /\n.context-menu > .form-field-menu > .text,\n.context-menu > .form-field-menu > .icon {\n flex: none;\n}\n.context-menu > .form-field-menu > .form-field {\n flex: 1 1 auto;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ Mixins /\n#scout {\n / standard main-menubar /\n / a transparent main-menubar /\n}\n/ Styles /\n.menubar {\n position: relative;\n width: 100%;\n background-color: transparent;\n border-bottom: 1px solid #DADADA;\n white-space: nowrap;\n}\n.menubar.bottom {\n border-bottom: 0;\n border-top: 1px solid #DADADA;\n}\n.menubar-box {\n display: inline-flex;\n height: 100%;\n align-items: center;\n / If the menubar has a border left and right, the first and last items need to be adjusted /\n}\n.menubar-box.right {\n float: right;\n}\n.menubar-box > .menu-separator {\n width: 1px;\n margin: 0 10px;\n background-color: #DADADA;\n height: 15px;\n}\n.menubar-box > .menu-separator.overflown {\n display: none;\n}\n.menubar-box > .menu-item {\n margin: 2px 2px;\n / 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 /\n min-height: 30px;\n}\n.menubar-box > .menu-item.menu-icononly {\n margin-left: 2px;\n margin-right: 2px;\n min-width: 30px;\n}\n.menubar-box > .menu-item.overflown {\n display: none;\n}\n.menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.menubar-box > .menu-item.last {\n margin-right: 0;\n}\n.menubar-box > .menu-button {\n min-width: 110px;\n margin: 4px;\n}\n.menubar-box > .menu-button.small {\n min-width: 53px;\n}\n.bounded > .menubar-box > .menu-item.first {\n margin-left: 2px;\n}\n.bounded > .menubar-box > .menu-item.last {\n margin-right: 2px;\n}\n.main-menubar {\n background-color: transparent;\n min-height: 64px;\n margin-left: inherit;\n margin-right: inherit;\n}\n.main-menubar > .menubar-box > .menu-separator {\n height: 18px;\n}\n.main-menubar > .menubar-box > .menu-item {\n margin-left: 5px;\n margin-right: 5px;\n}\n.main-menubar > .menubar-box > .menu-item.first {\n margin-left: 10px;\n}\n.main-menubar > .menubar-box > .menu-item.last {\n margin-right: 10px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly {\n margin-left: 2px;\n margin-right: 2px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly.first {\n margin-left: 12px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly.last {\n margin-right: 12px;\n}\n.main-menubar > .menubar-box > .menu-button.first,\n.main-menubar > .menubar-box > .menu-button.first.menu-icononly {\n margin-left: 20px;\n}\n.main-menubar > .menubar-box > .menu-button.last,\n.main-menubar > .menubar-box > .menu-button.last.menu-icononly {\n margin-right: 20px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.menu-bar-popup {\n margin: 8px 6px;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: 473px;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n margin: 10px / minimum padding to desktop / 10px 15px;\n}\n.messagebox.full-height.full-width {\n border-radius: 0;\n}\n.messagebox.full-width > .messagebox-buttons {\n padding-left: 10px;\n padding-right: 10px;\n}\n.messagebox.full-width > .messagebox-buttons > .box-button {\n min-width: 70px;\n / less min width for buttons on small screens /\n margin-right: 8px;\n}\n.messagebox.full-width > .messagebox-buttons > .box-button:last-child {\n margin-right: 0;\n}\n.messagebox.info > .messagebox-content > .messagebox-header {\n color: #1561A7;\n}\n.messagebox.info > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #1561A7;\n}\n.messagebox.info > .box-buttons > .box-button {\n border-color: #1561A7;\n color: #1561A7;\n}\n.messagebox.info > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.info > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.messagebox.info > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.messagebox.info > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #1561A7;\n}\n.messagebox.info > .box-buttons > .box-button.default:hover {\n background-color: #014786;\n border-color: #014786;\n}\n.messagebox.info > .box-buttons > .box-button.default.active,\n.messagebox.info > .box-buttons > .box-button.default:active {\n background-color: #012c53;\n border-color: #012c53;\n}\n.messagebox.info > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.messagebox.info > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.messagebox.error > .messagebox-content > .messagebox-header {\n color: #D53F3F;\n}\n.messagebox.error > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #D53F3F;\n}\n.messagebox.error > .box-buttons > .box-button {\n border-color: #D53F3F;\n color: #D53F3F;\n}\n.messagebox.error > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.error > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);\n border-color: rgba(213, 63, 63, 0.55);\n}\n.messagebox.error > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.messagebox.error > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #D53F3F;\n}\n.messagebox.error > .box-buttons > .box-button.default:hover {\n background-color: #c92c2c;\n border-color: #c92c2c;\n}\n.messagebox.error > .box-buttons > .box-button.default.active,\n.messagebox.error > .box-buttons > .box-button.default:active {\n background-color: #ac2626;\n border-color: #ac2626;\n}\n.messagebox.error > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);\n border-color: rgba(213, 63, 63, 0.55);\n}\n.messagebox.error > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.messagebox.warning > .messagebox-content > .messagebox-header {\n color: #AD6200;\n}\n.messagebox.warning > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #AD6200;\n}\n.messagebox.warning > .box-buttons > .box-button {\n border-color: #AD6200;\n color: #AD6200;\n}\n.messagebox.warning > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.warning > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(173, 98, 0, 0.4);\n border-color: rgba(173, 98, 0, 0.55);\n}\n.messagebox.warning > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.messagebox.warning > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #AD6200;\n}\n.messagebox.warning > .box-buttons > .box-button.default:hover {\n background-color: #8e5100;\n border-color: #8e5100;\n}\n.messagebox.warning > .box-buttons > .box-button.default.active,\n.messagebox.warning > .box-buttons > .box-button.default:active {\n background-color: #6b3c00;\n border-color: #6b3c00;\n}\n.messagebox.warning > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(173, 98, 0, 0.4);\n border-color: rgba(173, 98, 0, 0.55);\n}\n.messagebox.warning > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.messagebox.ok > .messagebox-content > .messagebox-header {\n color: #00856C;\n}\n.messagebox.ok > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #00856C;\n}\n.messagebox.ok > .box-buttons > .box-button {\n border-color: #00856C;\n color: #00856C;\n}\n.messagebox.ok > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.ok > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 133, 108, 0.4);\n border-color: rgba(0, 133, 108, 0.55);\n}\n.messagebox.ok > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.messagebox.ok > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #00856C;\n}\n.messagebox.ok > .box-buttons > .box-button.default:hover {\n background-color: #006653;\n border-color: #006653;\n}\n.messagebox.ok > .box-buttons > .box-button.default.active,\n.messagebox.ok > .box-buttons > .box-button.default:active {\n background-color: #004336;\n border-color: #004336;\n}\n.messagebox.ok > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 133, 108, 0.4);\n border-color: rgba(0, 133, 108, 0.55);\n}\n.messagebox.ok > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.messagebox.animate-open {\n -webkit-animation-name: short-drop;\n -moz-animation-name: short-drop;\n -o-animation-name: short-drop;\n animation-name: short-drop;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.messagebox.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.messagebox-content {\n min-height: 30px;\n padding: 27px 26px 17px 26px;\n display: flex;\n flex-direction: column;\n align-items: center;\n / add a bit of extra space to the scrollbar on the right /\n}\n.messagebox-content > .scrollbar.y-axis {\n width: 16px;\n}\n.messagebox-icon {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n font-size: 12px;\n justify-content: center;\n flex-shrink: 0;\n}\n.messagebox-label {\n word-wrap: break-word;\n word-break: break-word;\n}\n.messagebox-label.copyable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.messagebox-header {\n font-size: 16px;\n font-weight: bold;\n padding-bottom: 14px;\n text-align: center;\n}\n.messagebox-header > .messagebox-icon {\n color: #fff;\n font-size: 14px;\n border-radius: 50%;\n}\n.messagebox-header.has-text > .messagebox-icon {\n margin-right: 12px;\n}\n.has-body > .messagebox-html {\n padding-top: 10px;\n}\n.messagebox-html > :first-child {\n margin-top: 0;\n}\n.messagebox-html > :last-child {\n margin-bottom: 0;\n}\n.messagebox-html > p {\n margin: 8px 0;\n}\n.messagebox-html > p + ul {\n margin-top: -4px;\n}\n.messagebox-html > ul {\n margin: 5px 0;\n}\n.messagebox-html > ul {\n padding-left: 26px;\n}\n.messagebox-html > ul > li {\n margin-top: 3px;\n}\n.messagebox-html > ul > li:first-child {\n margin-top: 0;\n}\n.messagebox-buttons {\n display: flex;\n justify-content: center;\n padding: 4px 26px 25px 26px;\n}\n@media (max-width: 473px) {\n .messagebox {\n / no need to have a margin on small screens /\n margin: 0;\n }\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode {\n --padding-x: 12px;\n --padding-y: 6px;\n --border-width: 1px;\n border: var(--border-width) solid rgba(0, 0, 0, 0.23);\n border-radius: 0;\n flex: 1 1 0;\n padding: var(--padding-y) var(--padding-x);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mode.first {\n border-radius: 3px 0 0 3px;\n}\n.mode.last {\n border-radius: 0 3px 3px 0;\n}\n.mode.first.last {\n border-radius: 3px;\n}\n.mode:not(.last):not(.selected) {\n border-right: none;\n padding-right: calc(var(--padding-x) + var(--border-width));\n / account for the missing border, so that text does not jump /\n}\n.mode.after-selected {\n border-left: none;\n padding-left: calc(var(--padding-x) + var(--border-width));\n / account for the missing border, so that text does not jump /\n}\n.mode.selected {\n color: #fff;\n cursor: default;\n}\n.mode.selected:hover {\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.mode.selected:active {\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.mode.selected.disabled {\n background-color: #808080;\n border-color: #808080;\n}\n.mode > .icon {\n padding: 0;\n}\n.mode > .icon.with-label {\n margin-right: 8px;\n}\n.mode-selector.alternative > .mode {\n --border-width: 0px;\n color: #666666;\n background-color: transparent;\n border-radius: 3px;\n}\n.mode-selector.alternative > .mode:hover {\n background-color: rgba(0, 0, 0, 0.05);\n}\n.mode-selector.alternative > .mode:active {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.mode-selector.alternative > .mode.selected {\n color: #1561A7;\n transition: color 500ms ease;\n}\n.mode-selector.alternative > .mode.selected:hover {\n background-color: transparent;\n}\n.mode-selector.alternative > .mode.selected.disabled {\n background-color: #DADADA;\n}\n.mode-selector.alternative > .mode.mode-selector-dragging {\n background-color: transparent;\n transition: unset;\n}\n.mode-selector.alternative > .mode.disabled {\n color: #808080;\n background-color: transparent;\n cursor: default;\n}\n.dense .mode-selector > .mode {\n --padding-x: 5px;\n --padding-y: 3px;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode-selector {\n position: relative;\n background-color: transparent;\n white-space: nowrap;\n display: inline-flex;\n overflow: hidden;\n}\n.mode-selector > .mode-slider {\n display: none;\n}\n.mode-selector.alternative {\n background-color: rgba(0, 0, 0, 0.08);\n border-radius: 3px;\n border: 3px solid transparent;\n}\n.mode-selector.alternative:not(.disabled) > .mode-slider {\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n background-color: #fff;\n border-radius: 3px;\n transition: left 500ms ease, width 500ms ease;\n}\n.mode-selector.alternative:not(.disabled) > .mode-slider.mode-selector-dragging {\n transition: unset;\n}\n.mode-selector.alternative > .mode.mode-selector-dragging {\n pointer-events: none;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.notification {\n position: relative;\n display: flex;\n align-items: center;\n margin: 10px 0 0 10px;\n padding: 8px;\n border: 1px solid transparent;\n border-radius: 8px;\n color: #000;\n pointer-events: auto;\n font-weight: bold;\n / When notification is a direct child of the main group-box: use different margins /\n}\n.notification.alternative {\n border: 0;\n}\n.notification.no-icon {\n padding: 13px 12px 13px 23px;\n}\n.notification.no-icon::before {\n content: '';\n position: absolute;\n border: 2px solid #E9F0F6;\n background-color: #E9F0F6;\n margin: 7px 0 7px 9px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px 2);\n}\n.notification.ok {\n border-color: #00856C;\n color: #00856C;\n}\n.notification.ok.alternative {\n background-color: #DCFBF5;\n}\n.notification.ok.no-icon::before {\n border-color: #00856C;\n background-color: #00856C;\n}\n.notification.info {\n border-color: #1561A7;\n font-weight: normal;\n}\n.notification.info.alternative {\n color: #1561A7;\n font-weight: bold;\n background-color: #E9F0F6;\n}\n.notification.info.no-icon::before {\n border-color: #1561A7;\n background-color: #1561A7;\n}\n.notification.warning {\n border-color: #AD6200;\n color: #AD6200;\n}\n.notification.warning.alternative {\n background-color: #FCF0E5;\n}\n.notification.warning.no-icon::before {\n border-color: #AD6200;\n background-color: #AD6200;\n}\n.notification.error {\n border-color: #D53F3F;\n color: #D53F3F;\n}\n.notification.error.alternative {\n background-color: #FEE0E0;\n}\n.notification.error.no-icon::before {\n border-color: #D53F3F;\n background-color: #D53F3F;\n}\n.root-group-box > .notification {\n margin-left: 20px;\n margin-right: 20px;\n}\n.notification-icon {\n width: 32px;\n height: 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n.notification-icon.font-icon {\n color: #fff;\n background-color: #fff;\n font-size: 14px;\n border-radius: 50%;\n}\n.ok > .notification-icon.font-icon {\n background-color: #00856C;\n}\n.info > .notification-icon.font-icon {\n background-color: #1561A7;\n}\n.warning > .notification-icon.font-icon {\n background-color: #AD6200;\n}\n.error > .notification-icon.font-icon {\n background-color: #D53F3F;\n}\n.notification-content {\n max-width: 100%;\n}\n.has-icon > .notification-content {\n max-width: calc(100% - 40px);\n margin-left: 10px;\n}\n.notification-content.closable {\n padding-right: 25px;\n}\n.notification-content > .closer {\n position: absolute;\n right: 6px;\n top: 6px;\n padding: 6px;\n}\n.has-icon > .notification-content > .closer {\n right: 9px;\n top: 9px;\n}\n.ok > .notification-content > .closer,\n.warning > .notification-content > .closer,\n.error > .notification-content > .closer,\n.alternative > .notification-content > .closer {\n color: inherit;\n}\n.notification-message {\n padding-right: 12px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n/\n Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner {\n position: absolute;\n overflow: hidden;\n}\n.planner > .menubar.bottom {\n position: absolute;\n bottom: 0;\n}\n.planner-scale {\n position: absolute;\n right: 0;\n height: 45px;\n border-bottom: 1px solid #DADADA;\n width: 100%;\n / for horizontal scrollbars /\n overflow: hidden;\n white-space: nowrap;\n}\n.planner-scale .scale-item {\n display: inline-block;\n position: relative;\n white-space: nowrap;\n padding: 0 0 0 5px;\n}\n.planner-scale .scale-item.label-invisible {\n color: transparent;\n}\n.planner-scale > .timeline {\n display: inline-block;\n width: calc(100% - 150px);\n}\n.planner-scale > .timeline > .timeline-large {\n height: 50%;\n background-color: #F5F5F5;\n line-height: 22.5px;\n}\n.planner-scale > .timeline > .timeline-large > .scale-item > .planner-large-scale-item-line {\n height: 45px;\n}\n.planner-scale > .timeline > .timeline-small {\n height: 50%;\n line-height: 22.5px;\n}\n.planner-scale > .timeline > .timeline-small > .highlight {\n position: absolute;\n background-color: #E9F0F6;\n height: 50%;\n}\n.planner-scale-title {\n height: 100%;\n float: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding: 0 5px;\n font-size: 17px;\n color: #666666;\n line-height: 45px;\n width: 150px;\n}\n.planner-grid {\n position: absolute;\n right: 0;\n width: 100%;\n overflow: hidden;\n}\n.planner-resource {\n height: 30px;\n width: 100%;\n border-bottom: 1px solid #DADADA;\n}\n.planner-resource > .resource-title {\n line-height: 30px;\n height: 100%;\n width: 150px;\n padding: 0 5px;\n float: left;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.planner-resource.selected > .resource-title {\n background-color: #E9F0F6;\n}\n.planner-resource > .resource-cells {\n position: relative;\n height: 100%;\n width: calc(100% - 150px);\n float: left;\n}\n.planner-resource > .resource-cells > .selector {\n position: absolute;\n border-top: 2px solid #1561A7;\n border-bottom: 2px solid #1561A7;\n z-index: 1;\n / TODO [7.0] CRU/BSH/CGU Instead of assigning a z-index, find a better insertion point for the selector /\n top: 0;\n}\n.planner-resource > .resource-cells > .selector > .selector-resize-left {\n background-color: #fff;\n border-left: 2px solid #1561A7;\n border-right: 2px solid #1561A7;\n position: absolute;\n top: 0;\n left: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n}\n.planner-resource > .resource-cells > .selector > .selector-resize-right {\n background-color: #fff;\n border-left: 2px solid #1561A7;\n border-right: 2px solid #1561A7;\n position: absolute;\n top: 0;\n right: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n}\n.planner-activity {\n position: absolute;\n top: 1px;\n width: 0;\n color: #000;\n height: 27px;\n line-height: 27px;\n background-color: #67E9D1;\n text-align: center;\n border: 1px solid #DADADA;\n overflow: hidden;\n}\n.planner-activity.selected {\n outline: 2px solid #1561A7;\n}\n.planner-activity-level {\n background-color: #fff;\n}\n.planner-small-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: rgba(0, 0, 0, 0.07);\n pointer-events: none;\n}\n.planner-large-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: rgba(0, 0, 0, 0.2);\n pointer-events: none;\n}\n/\n * Copyright (c) 2014-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner-header {\n display: table;\n width: 100%;\n white-space: nowrap;\n padding: 8px 3px 12px 0;\n}\n.planner-range {\n display: table-cell;\n vertical-align: middle;\n white-space: nowrap;\n padding-left: 8px;\n}\n.planner-previous,\n.planner-today,\n.planner-next {\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n cursor: pointer;\n height: 30px;\n color: #000;\n background-color: transparent;\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n margin-right: 5px;\n line-height: 29px;\n}\n.planner-previous:hover,\n.planner-today:hover,\n.planner-next:hover {\n color: #1561A7;\n}\n.planner-today {\n width: 65px;\n}\n.planner-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n.planner-previous:hover::before,\n.planner-next:hover::before {\n color: #1561A7;\n}\n.planner-previous::before {\n line-height: 29px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 20px;\n width: 29px;\n content: '\\E012';\n color: #000;\n text-align: center;\n}\n.planner-next::before {\n line-height: 29px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 20px;\n width: 29px;\n content: '\\E013';\n color: #000;\n text-align: center;\n}\n.planner-commands {\n display: table-cell;\n text-align: right;\n}\n.planner-mode,\n.planner-toggle-year,\n.planner-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: 30px;\n line-height: 29px;\n cursor: pointer;\n}\n.planner-mode {\n padding: 0 8px;\n min-width: 65px;\n text-align: center;\n border-top: 1px solid rgba(0, 0, 0, 0.23);\n border-bottom: 1px solid rgba(0, 0, 0, 0.23);\n border-left: 1px solid rgba(0, 0, 0, 0.23);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.planner-mode.first {\n border-left: 1px solid rgba(0, 0, 0, 0.23);\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.planner-mode.last {\n border-right: 1px solid rgba(0, 0, 0, 0.23);\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.planner-mode:hover {\n color: #1561A7;\n}\n.planner-mode.selected {\n color: #2F3C45;\n background-color: #E9F0F6;\n}\n.planner-mode.disabled {\n background-color: transparent;\n border-color: #DADADA;\n color: #808080;\n cursor: default;\n}\n.planner-toggle-year,\n.planner-toggle-list {\n margin-left: 5px;\n}\n.planner-toggle-year:hover::before,\n.planner-toggle-list:hover::before {\n color: #1561A7;\n}\n.planner-toggle-year::before {\n line-height: 29px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 18px;\n width: 29px;\n content: '\\E029';\n color: #000;\n text-align: center;\n}\n.planner-toggle-list::before {\n line-height: 29px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: inline-block;\n position: relative;\n font-size: 18px;\n width: 29px;\n content: '\\E01C';\n color: #000;\n text-align: center;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.popup {\n position: absolute;\n top: 0;\n}\n.popup:focus {\n outline: none;\n}\n.popup.with-arrow {\n min-width: 11px;\n min-height: 11px;\n}\n.popup.before-animate-open {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: 11px;\n height: 11px;\n}\n.popup-arrow.left {\n left: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.popup-arrow.left.center {\n top: 50%;\n}\n.popup-arrow.left.bottomedge {\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.popup-arrow.right {\n right: 0;\n transform: translate(50%, -50%) rotate(45deg);\n}\n.popup-arrow.right.center {\n top: 50%;\n}\n.popup-arrow.right.bottomedge {\n transform: translate(50%, 50%) rotate(45deg);\n}\n.popup-arrow.top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.popup-arrow.top.center {\n left: 50%;\n}\n.popup-arrow.top.rightedge {\n transform: translate(50%, -50%) rotate(45deg);\n}\n.popup-arrow.bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.popup-arrow.bottom.center {\n left: 50%;\n}\n.popup-arrow.bottom.rightedge {\n transform: translate(50%, 50%) rotate(45deg);\n}\n.popup-arrow.leftedge {\n left: 35px;\n}\n.popup-arrow.rightedge {\n right: 35px;\n}\n.popup-arrow.topedge {\n top: 35px;\n}\n.popup-arrow.bottomedge {\n bottom: 35px;\n}\n.popup-arrow-overlay {\n position: absolute;\n background-color: inherit;\n width: 100%;\n height: 100%;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mobile-popup {\n background-color: #fff;\n border: 0 solid #DADADA;\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n overflow: hidden;\n margin-top: 30px;\n box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.5);\n}\n.mobile-popup.animate-open {\n -webkit-animation-name: slidein-bottom;\n -moz-animation-name: slidein-bottom;\n -o-animation-name: slidein-bottom;\n animation-name: slidein-bottom;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.mobile-popup.animate-remove {\n -webkit-animation-name: slideout-bottom;\n -moz-animation-name: slideout-bottom;\n -o-animation-name: slideout-bottom;\n animation-name: slideout-bottom;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.mobile-popup-header {\n position: absolute;\n width: 100%;\n padding-top: 10px;\n padding-left: 20px;\n}\n.mobile-popup-header > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n width: 100%;\n}\n.mobile-popup-header > .closer {\n position: absolute;\n top: 6px;\n right: 6px;\n padding: 7px;\n z-index: 1;\n border-radius: 7px;\n}\n.mobile-popup-header > .closer::before {\n display: none;\n}\n.mobile-popup.closable > .mobile-popup-header > .title {\n margin-right: 30px;\n width: calc(100% - 30px);\n}\n.mobile-popup-widget {\n position: relative;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.touch-popup {\n position: absolute;\n overflow: hidden;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 45px 10px 10px 10px;\n}\n.touch-popup > .body {\n display: flex;\n flex-direction: column;\n}\n.touch-popup-header {\n margin: 8px 5px 8px 15px;\n display: flex;\n align-items: baseline;\n}\n.touch-popup-title {\n font-weight: bold;\n color: #000;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.touch-popup-field {\n position: relative;\n margin: 0 15px 8px;\n flex: none;\n}\n.touch-popup-widget-container {\n position: relative;\n min-height: 0;\n max-height: 400px;\n}\n@media (max-height: 568px) {\n .touch-popup {\n / move popup to top on small screens, no need to waste space/\n margin-top: 10px;\n }\n}\n/\n * Copyright (c) 2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.popup-animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.popup-animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.widget-popup {\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 8px;\n}\n.widget-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.widget-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.widget-popup > .popup-arrow.bottom,\n.widget-popup > .popup-arrow.right {\n box-shadow: 0px 4px 32px -2px rgba(0, 0, 0, 0.2);\n}\n.widget-popup > .actions {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n white-space: nowrap;\n}\n.widget-popup > .actions > .action {\n color: #666666;\n margin: 7px 7px 7px 2px;\n border-radius: 7px;\n padding: 7px;\n font-size: 17px;\n min-width: 30px;\n}\n.widget-popup > .actions > .action:hover {\n color: #262626;\n}\n.widget-popup > .actions > .action.disabled {\n color: #808080;\n}\n.widget-popup > .popup-widget {\n position: relative;\n overflow: hidden;\n background-color: inherit;\n border-radius: 12px;\n}\n.widget-popup > .popup-arrow-overlay {\n border-radius: 12px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.scrollbar {\n position: absolute;\n z-index: 1;\n cursor: pointer;\n overflow: hidden;\n transition: opacity 250ms;\n / Scrollbars are hidden in hybrid mode, see Scrollbar#onTouchStart /\n}\n.scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 5px;\n}\n.scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 3px;\n}\n.scrollbar > .scrollbar-thumb.x-axis {\n padding-top: 5px;\n}\n.scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,\n.scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: 3px;\n}\n.scrollbar.y-axis {\n height: calc(100% - 2 8px);\n width: 14px;\n margin-top: 8px;\n margin-bottom: 8px;\n}\n.scrollbar.y-axis.borderless {\n margin-left: 0;\n margin-right: 0;\n}\n.scrollbar.x-axis {\n width: calc(100% - 2 * 8px);\n height: 14px;\n margin-left: 8px;\n margin-right: 8px;\n}\n.scrollbar.x-axis.borderless {\n margin-top: 0;\n margin-bottom: 0;\n}\n.scrollbar-thumb-handle {\n height: 100%;\n border-radius: 4px;\n background-color: rgba(153, 153, 153, 0.3);\n}\n.scrollbar-thumb-handle.clipped-left {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.scrollbar-thumb-handle.clipped-right {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.scrollbar-thumb-handle.clipped-top {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.scrollbar-thumb-handle.clipped-bottom {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.scrollbar-thumb-handle.y-axis {\n width: 4px;\n top: 0;\n transition: width 125ms;\n}\n.scrollbar:hover > .scrollbar-thumb > .scrollbar-thumb-handle.y-axis,\n.scrollbar-thumb-move > .scrollbar-thumb-handle.y-axis {\n width: 8px;\n}\n.scrollbar-thumb-handle.x-axis {\n height: 4px;\n left: 0;\n transition: height 125ms;\n}\n.scrollbar:hover > .scrollbar-thumb > .scrollbar-thumb-handle.x-axis,\n.scrollbar-thumb-move > .scrollbar-thumb-handle.x-axis {\n height: 8px;\n}\n.scrollbar-thumb {\n cursor: pointer;\n position: absolute;\n}\n.scrollbar-thumb.y-axis {\n width: 14px;\n top: 0;\n transition: padding-left 125ms;\n}\n.scrollbar-thumb.x-axis {\n height: 14px;\n left: 0;\n transition: padding-top 125ms;\n}\n.scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(153, 153, 153, 0.45);\n}\n.container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: rgba(153, 153, 153, 0.15);\n}\n.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(153, 153, 153, 0.15);\n}\n.hybrid-scrollable {\n -ms-overflow-style: none;\n /* Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width /\n scrollbar-width: none;\n}\n.hybrid-scrollable::-webkit-scrollbar {\n display: none;\n}\n.scroll-shadow {\n transition: box-shadow 250ms;\n position: absolute;\n pointer-events: none;\n z-index: 1;\n --scroll-shadow-color: rgba(0, 0, 0, 0.3);\n --scroll-shadow-size: 5px;\n --scroll-shadow-blur: 5px;\n --scroll-shadow-spread: 6px;\n --scroll-shadow-inset-top: 0;\n --scroll-shadow-inset-right: 0;\n --scroll-shadow-inset-bottom: 0;\n --scroll-shadow-inset-left: 0;\n}\n.scroll-shadow.top {\n 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;\n}\n.scroll-shadow.top.bottom {\n 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;\n}\n.scroll-shadow.top.bottom.left {\n 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);\n}\n.scroll-shadow.top.bottom.right {\n 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;\n}\n.scroll-shadow.top.bottom.right.left {\n 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);\n}\n.scroll-shadow.top.left {\n 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);\n}\n.scroll-shadow.top.left.right {\n 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);\n}\n.scroll-shadow.top.right {\n 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;\n}\n.scroll-shadow.bottom {\n 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;\n}\n.scroll-shadow.bottom.right {\n 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;\n}\n.scroll-shadow.left {\n 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);\n}\n.scroll-shadow.left.right {\n 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);\n}\n.scroll-shadow.left.bottom {\n 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);\n}\n.scroll-shadow.left.bottom.right {\n 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);\n}\n.scroll-shadow.right {\n 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;\n}\n.scroll-shadow.gradient {\n --scroll-shadow-color: #fff;\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n}\n.scroll-shadow.large {\n --scroll-shadow-size: 10px;\n --scroll-shadow-blur: 10px;\n --scroll-shadow-spread: 10px;\n}\n/\n Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n -ms-touch-action: none;\n touch-action: none;\n z-index: 10;\n}\n.resizable-s {\n cursor: s-resize;\n height: 10px;\n width: 100%;\n bottom: -5px;\n left: 0;\n}\n.resizable-e {\n cursor: e-resize;\n width: 10px;\n right: -5px;\n top: 0;\n height: 100%;\n}\n.resizable-se {\n cursor: se-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n bottom: -5px;\n}\n.resizable-sw {\n cursor: sw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n bottom: -5px;\n}\n.resizable-w {\n cursor: w-resize;\n width: 10px;\n left: -5px;\n top: 0;\n height: 100%;\n}\n.resizable-nw {\n cursor: nw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n top: -5px;\n}\n.resizable-n {\n cursor: n-resize;\n width: 100%;\n height: 10px;\n left: 0;\n top: -5px;\n}\n.resizable-ne {\n cursor: ne-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n top: -5px;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n background-color: #fff;\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n}\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n .busyindicator {\n background-color: #fff;\n -webkit-backdrop-filter: none;\n backdrop-filter: none;\n }\n}\n.busyindicator > .box-buttons > .box-button {\n border-color: #1561A7;\n color: #1561A7;\n}\n.busyindicator > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.busyindicator > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.busyindicator > .box-buttons > .box-button.disabled {\n color: #808080;\n border-color: #DADADA;\n}\n.busyindicator > .box-buttons > .box-button.default {\n color: #fff;\n background-color: #1561A7;\n}\n.busyindicator > .box-buttons > .box-button.default:hover {\n background-color: #12518c;\n border-color: #12518c;\n}\n.busyindicator > .box-buttons > .box-button.default.active,\n.busyindicator > .box-buttons > .box-button.default:active {\n background-color: #0e3f6c;\n border-color: #0e3f6c;\n}\n.busyindicator > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #73ace1;\n}\n.busyindicator > .box-buttons > .box-button.default.disabled {\n color: #808080;\n border-color: #DADADA;\n background-color: transparent;\n}\n.busyindicator.calc-helper {\n top: 0;\n left: 0;\n}\n.busyindicator.animate-open {\n -webkit-animation-name: fade-in;\n -moz-animation-name: fade-in;\n -o-animation-name: fade-in;\n animation-name: fade-in;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.busyindicator.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.busyindicator-content {\n border-radius: 8px;\n padding: 26px;\n}\n.busyindicator-label {\n display: inline-block;\n margin-left: 32px;\n text-indent: -32px;\n}\n.busyindicator-label::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n width: 22px;\n height: 22px;\n margin-top: -3px;\n margin-right: 15px;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n border-radius: 50%;\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n}\n.busyindicator-label.cancelled::before {\n -webkit-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n}\n.busyindicator-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n.busyindicator-details {\n padding-top: 20px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/\n @param border-width: because firefox renders the border thinner, for some reason\n /\n.slider-input {\n display: inline-block;\n vertical-align: middle;\n border: none;\n / Get rid of Firefox's focus border. See:\n https://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links /\n}\n.slider-input:focus {\n border: none;\n box-shadow: none;\n outline: none;\n}\n.slider-input::-moz-focus-inner {\n border: 0;\n}\n.slider-value {\n display: inline-block;\n vertical-align: middle;\n color: #000;\n padding-left: 6px;\n padding-top: 8px;\n padding-bottom: 8px;\n}\n.slider.field {\n / Slider input/value have the container's height (see SliderLayout), therefore they shouldn't wrap, otherwise the layout breaks. /\n white-space: nowrap;\n}\ninput[type=range] {\n -webkit-appearance: none;\n padding: 0;\n / ---- Webkit, Chrome ---- /\n / ---- Firefox ---- /\n / ---- Internet Explorer, Edge ---- /\n}\ninput[type=range]:focus {\n outline: none;\n}\ninput[type=range]:not(.ms-edge)::-webkit-slider-runnable-track {\n height: 3px;\n cursor: pointer;\n animate: 0.2s;\n background: #CFCFCF;\n}\ninput[type=range]:not(.ms-edge)::-webkit-slider-thumb {\n box-sizing: border-box;\n border: 1px solid #666666;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #DADADA;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -6.5px;\n}\ninput[type=range]:not(.ms-edge):focus::-webkit-slider-thumb {\n background-color: #93c5f4;\n border-color: #1561A7;\n}\ninput[type=range]::-moz-range-track {\n height: 3px;\n cursor: pointer;\n animate: 0.2s;\n background: #CFCFCF;\n}\ninput[type=range]::-moz-range-thumb {\n box-sizing: border-box;\n border: 1.5px solid #666666;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #DADADA;\n cursor: pointer;\n}\ninput[type=range]:focus::-moz-range-thumb {\n background-color: #93c5f4;\n border-color: #1561A7;\n}\ninput[type=range]::-ms-track {\n height: 3px;\n cursor: pointer;\n animate: 0.2s;\n background: transparent;\n border-color: transparent;\n border-size: 0;\n color: transparent;\n}\ninput[type=range]::-ms-fill-lower {\n background: #CFCFCF;\n}\ninput[type=range]::-ms-fill-upper {\n background: #CFCFCF;\n}\ninput[type=range]::-ms-thumb {\n box-sizing: border-box;\n border: 1px solid #666666;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #DADADA;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-thumb {\n background-color: #93c5f4;\n border-color: #1561A7;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.splitter {\n position: absolute;\n / \| /\n}\n.splitter.x-axis {\n top: 0;\n height: 100%;\n width: 16px;\n}\n.splitter.x-axis:not(.disabled) {\n cursor: col-resize;\n}\n.splitter.x-axis.line {\n padding-right: 7px;\n padding-left: 7px;\n}\n.splitter.y-axis {\n left: 0;\n width: 100%;\n height: 16px;\n}\n.splitter.y-axis:not(.disabled) {\n cursor: row-resize;\n}\n.splitter.y-axis.line {\n padding-top: 7px;\n padding-bottom: 7px;\n}\n.splitter.line {\n background-clip: content-box;\n background-color: #DADADA;\n}\n.splitter.line:not(.disabled):hover {\n background-color: #1561A7;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n#scout {\n / args = keyframeName, timingFunction, iterationCount /\n / Fade In /\n / Fade Out /\n / Fade In from current /\n / Fade Out from current /\n / Fade with Short Drop /\n / Fade out and shrink with blur /\n / Fade out and shrink /\n / Fade out and grow with blur /\n / Fade out and grow /\n / Fade in and grow with blur /\n / Fade in and grow /\n / Slide In Bottom \n Moves the element into screen from bottom up /\n /* Slide Out Bottom \n Moves the element out of bottom screen border /\n /* Slide Out Right \n Moves the element out of right screen border /\n /* Slide Out Left \n Moves the element out of left screen border /\n /* Grow Y \n Scales the element along the y axis until 1. Expects the element to be scaled (e.g. scaleY(0)) when the animation starts.\n To create a slide down animation (as known from jQuery) set transform-origin to top. /\n /* Shrink Y \n Shrinks the element along the y axis until 0/\n /* Fade In Zoom /\n / Fade In Zoom Bounce /\n / Rotation /\n / Rotation-Reverse /\n / Pulse Opacity /\n / Pulsate /\n / Pulsate Reverse /\n / Pulsate In-Out /\n / Attention /\n / Rotate-X /\n / Animate Dot /\n / Shake /\n}\n@-webkit-keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@-webkit-keyframes fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@-webkit-keyframes fade-in-from-current {\n to {\n opacity: 1;\n }\n}\n@keyframes fade-in-from-current {\n to {\n opacity: 1;\n }\n}\n@-webkit-keyframes fade-out-from-current {\n to {\n opacity: 0;\n }\n}\n@keyframes fade-out-from-current {\n to {\n opacity: 0;\n }\n}\n@-webkit-keyframes short-drop {\n 0% {\n -webkit-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n 40% {\n -webkit-transform: translateY(7px);\n -ms-transform: translateY(7px);\n transform: translateY(7px);\n }\n 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n@keyframes short-drop {\n 0% {\n -webkit-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n 40% {\n -webkit-transform: translateY(7px);\n -ms-transform: translateY(7px);\n transform: translateY(7px);\n }\n 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n@-webkit-keyframes fadeout-shrink-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n}\n@keyframes fadeout-shrink-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n}\n@-webkit-keyframes fadeout-shrink {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n}\n@keyframes fadeout-shrink {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n}\n@-webkit-keyframes fadeout-grow-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n}\n@keyframes fadeout-grow-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n}\n@-webkit-keyframes fadeout-grow {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n}\n@keyframes fadeout-grow {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n}\n@-webkit-keyframes fadein-grow-blur {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n}\n@keyframes fadein-grow-blur {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n}\n@-webkit-keyframes fadein-grow {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-grow {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes slidein-bottom {\n 0% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@keyframes slidein-bottom {\n 0% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@-webkit-keyframes slideout-bottom {\n 100% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@keyframes slideout-bottom {\n 100% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@-webkit-keyframes slideout-right {\n 100% {\n -webkit-transform: translateX(100%);\n -ms-transform: translateX(100%);\n transform: translateX(100%);\n }\n}\n@keyframes slideout-right {\n 100% {\n -webkit-transform: translateX(100%);\n -ms-transform: translateX(100%);\n transform: translateX(100%);\n }\n}\n@-webkit-keyframes slideout-left {\n 100% {\n -webkit-transform: translateX(-100%);\n -ms-transform: translateX(-100%);\n transform: translateX(-100%);\n }\n}\n@keyframes slideout-left {\n 100% {\n -webkit-transform: translateX(-100%);\n -ms-transform: translateX(-100%);\n transform: translateX(-100%);\n }\n}\n@-webkit-keyframes grow-y {\n 100% {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@keyframes grow-y {\n 100% {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@-webkit-keyframes shrink-y {\n 100% {\n -webkit-transform: scaleY(0);\n -ms-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@keyframes shrink-y {\n 100% {\n -webkit-transform: scaleY(0);\n -ms-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@-webkit-keyframes fadein-zoom {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-zoom {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes fadein-zoom-bounce {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 65% {\n opacity: 1;\n -webkit-transform: scale(1.02, 1.02);\n -ms-transform: scale(1.02, 1.02);\n transform: scale(1.02, 1.02);\n }\n 100% {\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-zoom-bounce {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 65% {\n opacity: 1;\n -webkit-transform: scale(1.02, 1.02);\n -ms-transform: scale(1.02, 1.02);\n transform: scale(1.02, 1.02);\n }\n 100% {\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes rotation {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n -ms-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n@keyframes rotation {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n -ms-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n@-webkit-keyframes rotation-reverse {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(-359deg);\n -ms-transform: rotate(-359deg);\n transform: rotate(-359deg);\n }\n}\n@keyframes rotation-reverse {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(-359deg);\n -ms-transform: rotate(-359deg);\n transform: rotate(-359deg);\n }\n}\n@-webkit-keyframes pulse-opacity {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes pulse-opacity {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1;\n }\n}\n@-webkit-keyframes pulsate {\n 0% {\n -webkit-transform: scale(0.25);\n -ms-transform: scale(0.25);\n transform: scale(0.25);\n opacity: 0.35;\n }\n 45% {\n opacity: 1;\n }\n 96% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.2;\n }\n 100% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.04;\n }\n}\n@keyframes pulsate {\n 0% {\n -webkit-transform: scale(0.25);\n -ms-transform: scale(0.25);\n transform: scale(0.25);\n opacity: 0.35;\n }\n 45% {\n opacity: 1;\n }\n 96% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.2;\n }\n 100% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.04;\n }\n}\n@-webkit-keyframes pulsate-reverse {\n 0% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0;\n }\n}\n@keyframes pulsate-reverse {\n 0% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0;\n }\n}\n@-webkit-keyframes pulsate-in-out {\n 0% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0.01;\n }\n 100% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes pulsate-in-out {\n 0% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0.01;\n }\n 100% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n@-webkit-keyframes attention {\n 0% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 10% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n -ms-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 20% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 100% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n@keyframes attention {\n 0% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 10% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n -ms-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 20% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 100% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n@-webkit-keyframes rotate-x {\n 0% {\n -webkit-transform: perspective(120px) rotateY(0deg);\n -ms-transform: perspective(120px) rotateY(0deg);\n transform: perspective(120px) rotateY(0deg);\n }\n 50% {\n -webkit-transform: perspective(120px) rotateY(-180deg);\n -ms-transform: perspective(120px) rotateY(-180deg);\n transform: perspective(120px) rotateY(-180deg);\n }\n 100% {\n -webkit-transform: perspective(120px) rotateY(-360deg);\n -ms-transform: perspective(120px) rotateY(-360deg);\n transform: perspective(120px) rotateY(-360deg);\n }\n}\n@keyframes rotate-x {\n 0% {\n -webkit-transform: perspective(120px) rotateY(0deg);\n -ms-transform: perspective(120px) rotateY(0deg);\n transform: perspective(120px) rotateY(0deg);\n }\n 50% {\n -webkit-transform: perspective(120px) rotateY(-180deg);\n -ms-transform: perspective(120px) rotateY(-180deg);\n transform: perspective(120px) rotateY(-180deg);\n }\n 100% {\n -webkit-transform: perspective(120px) rotateY(-360deg);\n -ms-transform: perspective(120px) rotateY(-360deg);\n transform: perspective(120px) rotateY(-360deg);\n }\n}\n@-webkit-keyframes animateDot {\n 0% {\n color: #000;\n bottom: 0;\n }\n 25% {\n color: #CFCFCF;\n bottom: 4px;\n }\n 50% {\n color: #000;\n bottom: 0;\n }\n 100% {\n color: #000;\n bottom: 0;\n }\n}\n@keyframes animateDot {\n 0% {\n color: #000;\n bottom: 0;\n }\n 25% {\n color: #CFCFCF;\n bottom: 4px;\n }\n 50% {\n color: #000;\n bottom: 0;\n }\n 100% {\n color: #000;\n bottom: 0;\n }\n}\n@-webkit-keyframes shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n -ms-transform: translate(2px, 1px) rotate(0deg);\n transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n -ms-transform: translate(-1px, -2px) rotate(-1deg);\n transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0) rotate(1deg);\n -ms-transform: translate(-3px, 0) rotate(1deg);\n transform: translate(-3px, 0) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0, 2px) rotate(0deg);\n -ms-transform: translate(0, 2px) rotate(0deg);\n transform: translate(0, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n -ms-transform: translate(1px, -1px) rotate(1deg);\n transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n -ms-transform: translate(-1px, 2px) rotate(-1deg);\n transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n -ms-transform: translate(-3px, 1px) rotate(0deg);\n transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n -ms-transform: translate(2px, 1px) rotate(-1deg);\n transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n -ms-transform: translate(-1px, -1px) rotate(1deg);\n transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n -ms-transform: translate(2px, 2px) rotate(0deg);\n transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n -ms-transform: translate(1px, -2px) rotate(-1deg);\n transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n@keyframes shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n -ms-transform: translate(2px, 1px) rotate(0deg);\n transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n -ms-transform: translate(-1px, -2px) rotate(-1deg);\n transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0) rotate(1deg);\n -ms-transform: translate(-3px, 0) rotate(1deg);\n transform: translate(-3px, 0) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0, 2px) rotate(0deg);\n -ms-transform: translate(0, 2px) rotate(0deg);\n transform: translate(0, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n -ms-transform: translate(1px, -1px) rotate(1deg);\n transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n -ms-transform: translate(-1px, 2px) rotate(-1deg);\n transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n -ms-transform: translate(-3px, 1px) rotate(0deg);\n transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n -ms-transform: translate(2px, 1px) rotate(-1deg);\n transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n -ms-transform: translate(-1px, -1px) rotate(1deg);\n transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n -ms-transform: translate(2px, 2px) rotate(0deg);\n transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n -ms-transform: translate(1px, -2px) rotate(-1deg);\n transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n/ NOP (no operation, may be used to temporarily set css properties while the animation runs, e.g. using a transition) /\n@-webkit-keyframes nop {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes nop {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ -------------------------------- /\n/ Scout default theme /\n/ extends: - /\n/ affects: Scout OSS /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Color palette /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Global colors /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Component specific colors /\n/ -------------------------------- /\n/ always white to not change the look of the website /\n/ do not use the @info-color here as the icon should have the same color as field icons /\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ Font face definition for custom icon font:\n\nSee GIT history for font-face definitions. Some how it wasn't possible\nto produce a consistent look on all browsers with the font-face definition.\nSimply using font-family works better and is more reliable. However, we still\ncould use 'Open Sans' in the font-family (when it's installed on the client\nsystem) and fall back to Arial otherwise, without downloading a WOFF file.\n\nTry these to switch between fonts:\n\n@defaultFont: 'Open Sans', OpenSans, Arial, sans-serif;\n@defaultFont: Arial, sans-serif;\n /\n@font-face {\n font-family: scoutIcons;\n font-weight: normal;\n src: url('fonts/scoutIcons.woff') format('woff');\n}\n@font-face {\n font-family: scoutIcons;\n font-weight: 300;\n src: url('fonts/scoutIcons-light.woff') format('woff');\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ default font icons (sans-serif, arial) /\n/ scoutIcons: custom icons /\n/ scoutIcons: awesome icons /\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n#scout {\n / Use dashed line instead of solid to avoid visual conflict with editable fields /\n / Font Mixins /\n / Invisible pseudo element that enables vertical-align if container has height set /\n / Mixin for chooser popups as used in smart-field /\n / Mixin for scrollbar positioning /\n /\n * Hides the scrollbars but lets the user still scroll (e.g. using mousewheel or touch).\n * This works a bit different for every browser.\n /\n /\n 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).\n /\n}\n#scout .status {\n display: flex;\n align-items: center;\n}\n#scout .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n#scout .menu-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .menu-status::before {\n content: '\\E041';\n color: #666666;\n font-size: 16px;\n}\n#scout .menu-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n#scout .menu-status:active::before,\n#scout .menu-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n#scout .tooltip-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .tooltip-status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n#scout .tooltip-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n#scout .tooltip-status:active::before,\n#scout .tooltip-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n#scout .info-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .info-status::before {\n content: '\\E002';\n color: #808080;\n font-size: 16px;\n}\n#scout .info-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #262626;\n}\n#scout .info-status:active::before,\n#scout .info-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #262626;\n}\n#scout .ok-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .ok-status::before {\n content: '\\E002';\n color: #00856C;\n font-size: 16px;\n}\n#scout .ok-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #005243;\n}\n#scout .ok-status:active::before,\n#scout .ok-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #005243;\n}\n#scout .warning-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .warning-status::before {\n content: '\\E001';\n color: #AD6200;\n font-size: 16px;\n}\n#scout .warning-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #7a4500;\n}\n#scout .warning-status:active::before,\n#scout .warning-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #7a4500;\n}\n#scout .error-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .error-status::before {\n content: '\\E001';\n color: #D53F3F;\n font-size: 16px;\n}\n#scout .error-status:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n color: #b92828;\n}\n#scout .error-status:active::before,\n#scout .error-status.selected::before {\n background-color: rgba(0, 0, 0, 0.12);\n color: #b92828;\n}\n#scout .cursor-grab {\n / \"grab\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: grab;\n}\n#scout .cursor-grabbing {\n / \"grabbing\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: grabbing;\n}\n#scout .chooser-popup {\n position: absolute;\n overflow: hidden;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n#scout .chooser-popup.touch {\n background-color: #F5F5F5;\n}\n#scout .popup {\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n}\n#scout .hide-scrollbars {\n -ms-overflow-style: none;\n / Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width /\n scrollbar-width: none;\n}\n#scout .hide-scrollbars::-webkit-scrollbar {\n display: none;\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.2);\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.4);\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.15);\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.15);\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ -------------------------------- /\n/ Global sizes /\n/ -------------------------------- /\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see scout.HtmlEnvironment /\n/ --------------------------------------------------------------------------- /\n.html-env-logical-grid-row {\n height: 30px;\n margin-bottom: 10px;\n}\n.html-env-logical-grid-row.dense {\n height: 24px;\n margin-bottom: 8px;\n}\n.html-env-logical-grid-column {\n width: 420px;\n margin-right: 30px;\n margin-left: 4px;\n}\n.html-env-field-mandatory-indicator {\n width: 10px;\n}\n.html-env-field-label {\n width: 140px;\n}\n.html-env-field-status {\n width: 24px;\n}\n/ -------------------------------- /\n/ Component specific sizes /\n/ -------------------------------- /\n/ Necessary to align icon with text /\n/ 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) /\n/ not 50px because last pixel is the border (would not look good)/\n/ bigger space when multiple icons are displayed /\n/ Optimized for a tile height of 30px (logical-grid-height) /\n/ minimum margin to window or anchor /\n/ -------------------------------- /\n/ Other sizes /\n/ -------------------------------- /\n/\n * Copyright (c) 2014-2019 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.switch {\n position: absolute;\n right: 0;\n display: flex;\n}\n.switch > .switch-button {\n margin-top: -2px;\n}\n.switch-label {\n margin-right: 8px;\n}\n.switch-button,\n.switch-button:before {\n transition: 0.25s ease-in-out;\n}\n.switch-button {\n width: 36px;\n position: relative;\n height: 22px;\n border-radius: 11px;\n background-color: rgba(0, 0, 0, 0.12);\n cursor: pointer;\n border: solid 1px transparent;\n --activated-border-color: #1561A7;\n --activated-background-color: #1561A7;\n}\n.switch-button:before {\n content: '';\n display: block;\n position: absolute;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n top: 2px;\n left: 2px;\n border: solid 1px #fff;\n background-color: #fff;\n}\n.switch-button.activated {\n background-color: var(--activated-background-color);\n border-color: var(--activated-border-color);\n}\n.switch-button.activated:before {\n background-color: #fff;\n border-color: #fff;\n left: calc(100% - 18px);\n}\n.disabled > .switch-button {\n background-color: transparent;\n border-color: #DADADA;\n cursor: unset;\n}\n.disabled > .switch-button::before {\n background-color: transparent;\n border-color: #DADADA;\n}\n.disabled > .switch-button.activated {\n background-color: #808080;\n border-color: #808080;\n}\n.disabled > .switch-button.activated::before {\n background-color: #fff;\n border-color: #fff;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-row-level-padding {\n width: 20px;\n}\n.table {\n position: relative;\n --table-row-margin-x: 0px;\n --table-row-padding-y: 7px;\n --table-aggregate-row-padding-y-small: 7px;\n --table-aggregate-row-padding-y-large: 15px;\n / Used for scout.Table.CheckableStyle.TABLE_ROW /\n}\n.table:focus,\n.table.focused,\n.table.perma-focus {\n outline: none;\n}\n.table:focus > .table-data > .table-row.selected,\n.table.focused > .table-data > .table-row.selected,\n.table.perma-focus > .table-data > .table-row.selected {\n background-color: #E9F0F6;\n}\n.table:focus > .table-data > .table-row.selected::after,\n.table.focused > .table-data > .table-row.selected::after,\n.table.perma-focus > .table-data > .table-row.selected::after {\n border-color: #1561A7;\n}\n.table.checkable > .table-data > .table-row {\n cursor: pointer;\n}\n.table.checkable.disabled > .table-data > .table-row,\n.table.checkable > .table-data > .table-row.disabled {\n cursor: default;\n}\n.table.table-row-check > .table-data > .table-row.selected {\n / Don't draw selection /\n background-color: transparent;\n}\n.table.table-row-check > .table-data > .table-row.selected::after {\n display: none;\n}\n.table.table-row-check > .table-data > .table-row:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.table.table-row-check > .table-data > .table-row.disabled,\n.table.table-row-check > .table-data.disabled > .table-row {\n background-color: transparent;\n}\n.table.table-row-check > .table-data > .table-row.checked,\n.table.table-row-check > .table-data > .table-row.checked.selected {\n / Mark checked rows with a background color /\n background-color: #1561A7;\n}\n.table.table-row-check > .table-data > .table-row.checked > .table-cell,\n.table.table-row-check > .table-data > .table-row.checked.selected > .table-cell {\n color: #fff;\n}\n.table.table-row-check > .table-data > .table-row.checked:hover,\n.table.table-row-check > .table-data > .table-row.checked.selected:hover {\n background-color: #014786;\n}\n.table.table-row-check > .table-data > .table-row.disabled.checked,\n.table.table-row-check > .table-data.disabled > .table-row.checked,\n.table.table-row-check > .table-data > .table-row.disabled.checked.selected,\n.table.table-row-check > .table-data.disabled > .table-row.checked.selected {\n background-color: #808080;\n}\n.table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected,\n.table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected.checked,\n.table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected.checked {\n background-color: #014786;\n}\n.table.structured .table-row:not(.leaf) {\n background-color: #F5F5F5;\n font-weight: bold;\n}\n.table > .tile-accordion {\n padding-top: 20px;\n padding-left: 20px;\n padding-right: 15px;\n}\n.table > .tile-accordion > .group > .tile-grid {\n padding: 0;\n}\n.table > .tile-table-header {\n padding-left: 20px;\n padding-right: 20px;\n}\n.table > .tile-table-header > .group-box-body {\n padding-bottom: 6px;\n}\n.table.dimmed-background {\n background-color: #F5F5F5;\n}\n.table.dimmed-background > .menubar {\n background-color: inherit;\n}\n.table > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--controls-height)) / 2);\n}\n.table > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--controls-height)) / 2);\n}\n.has-menubar.menubar-bottom.table > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--controls-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n}\n.has-menubar.menubar-bottom.table > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--controls-height)) / 2);\n}\n.has-cell-editor-popup.table > .filter-field {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.table-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n:not(.header-invisible) > .table-data {\n / Draw the .table-data div one pixel higher, over the header (for selection border).\n Add the padding to keep the size of the first row and not overdraw the header line with the row background /\n margin-top: -1px;\n padding-top: 1px;\n}\n.table-data > .scrollbar.y-axis {\n / Make scrollbar visually centered /\n margin-top: 9px;\n}\n.table-data > .table-row,\n.table-data > .table-aggregate-row,\n.table-data > .table-data-fill,\n.table-data > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.table-data > .scrollbar {\n z-index: 2;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .table-row,\n.table:not(.knight-rider-loading) > .table-data.loading > .table-aggregate-row,\n.table:not(.knight-rider-loading) > .table-data.loading > .table-data-fill,\n.table:not(.knight-rider-loading) > .table-data.loading > .scrollbar {\n opacity: 0;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.table.knight-rider-loading > .loading-indicator {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n height: 2px;\n width: 100%;\n opacity: 0;\n animation: fade-in 1s forwards, slideout-right 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n}\n.table.knight-rider-loading > .loading-indicator::before {\n animation: slideout-left 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n content: '';\n position: absolute;\n background: linear-gradient(to right, transparent 0%, #1561A7 20%, #1561A7 80%, transparent 100%);\n left: 0;\n width: 50px;\n height: 100%;\n}\n.table-data-fill {\n background-color: #DADADA;\n / actual style is set by JS, this is used for the line color (see _applyFillerStyle) /\n}\n.table-row,\n.table-aggregate-row {\n position: relative;\n}\n.table-row:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.table-row.selected {\n background-color: #FAFAFA;\n}\n.table-row.selected::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 2px solid #CFCFCF;\n border-radius: 3px;\n pointer-events: none;\n z-index: 1;\n}\n.table-row.select-top::after,\n.table-row.select-middle::after {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.table-row.select-middle::after,\n.table-row.select-bottom::after {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.table-row.select-single::after,\n.table-row.select-top::after {\n / Move the selection 1px up to cover the bottom border of the previous row. /\n top: -1px;\n height: calc(100% + 1px);\n}\n.header-invisible > .table-data > .table-row.select-single.first::after,\n.header-invisible > .table-data > .table-row.select-top.first::after {\n top: 0;\n}\n.table-row.checked {\n background-color: #1561A7;\n}\n.table-row {\n margin-left: var(--table-row-margin-x);\n margin-right: var(--table-row-margin-x);\n}\n.table-cell {\n color: #000;\n display: table-cell;\n padding: var(--table-row-padding-y) 10px var(--table-row-padding-y) 10px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.13);\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n / for multiline text /\n}\n.last-row-at-bottom > .table-row.last > .table-cell {\n border-bottom: 0;\n}\n.table-row.disabled > .table-cell {\n / Table row is disabled -> use lighter disabled color /\n color: #808080;\n}\n.disabled > .table-row > .table-cell {\n / Whole table is disabled -> use darker disabled color /\n color: #666666;\n}\n.disabled.read-only > .table-data > .table-row > .table-cell {\n color: #000;\n}\n.table-row.checked > .table-cell {\n color: #fff;\n}\n.table-cell.empty,\n.table-cell.icon-only {\n text-overflow: clip;\n}\n.table-cell.last.halign-left,\n.table-cell.last.halign-center,\n.table-cell.last.halign-right {\n padding-right: 14px;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 5px 5px 0 0;\n border-color: #DADADA transparent transparent transparent;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.mandatory::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n border: none;\n color: #DADADA;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable.has-error::before {\n border-color: #D53F3F transparent transparent transparent;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.mandatory.has-error::before {\n color: #D53F3F;\n}\n.table-cell.table-node > .table-row-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n padding: var(--table-row-padding-y) 8px var(--table-row-padding-y) 13px;\n cursor: pointer;\n line-height: 15px;\n /* Necessary to align with the text, depends on the used font size /\n}\n.table-cell.table-node > .table-row-control::before {\n display: block;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\E013';\n color: inherit;\n}\n.expanded.table-cell.table-node > .table-row-control::before {\n / This \"imprecise\" angle is a workround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n}\n.table-cell.table-node > .table-row-control:hover::before {\n color: #FE9915;\n}\n.table-cell.checkable {\n / same padding for left and right, it's by purpose /\n padding: calc(var(--table-row-padding-y) - 2px) 10px 0 10px;\n cursor: pointer;\n text-overflow: clip;\n}\n.grouping-style-top > .table-aggregate-cell.table-cell.checkable {\n padding-top: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-bottom: 3px;\n}\n.grouping-style-bottom > .table-aggregate-cell.table-cell.checkable {\n padding-bottom: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-top: 3px;\n}\n.table-cell.checkable.disabled,\n.table.disabled > .table-data > .table-row > .table-cell.checkable {\n cursor: default;\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box {\n cursor: default;\n border-color: #DADADA;\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box.checked {\n background-color: #808080;\n border-color: #808080;\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box.undefined {\n background-color: #808080;\n border-color: #808080;\n}\n.table-cell.halign-right {\n text-align: right;\n padding-right: 10px;\n padding-left: 10px;\n}\n.table-cell.halign-right.table-aggregate-cell {\n direction: rtl;\n}\n.table-cell.halign-right.table-aggregate-cell > .text,\n.table-cell.halign-right.table-aggregate-cell > .table-cell-icon {\n direction: ltr;\n}\n.table-cell.halign-center {\n text-align: center;\n padding-right: 10px;\n}\n.font-icon.table-cell-icon {\n color: #000;\n font-size: 14px;\n line-height: 15px;\n vertical-align: top;\n}\n.disabled .font-icon.table-cell-icon {\n color: #808080;\n}\n.image-icon.table-cell-icon {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n}\n.with-text.table-cell-icon {\n margin-right: 8px;\n}\n.table-row.checked > .table-cell > .table-cell-icon {\n color: #fff;\n}\n.table-aggregate {\n overflow: hidden;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: 12px;\n}\n.table-aggregate > .table-cell {\n padding: var(--table-row-padding-y) 10px 0 10px;\n border-bottom: 0;\n height: 100%;\n}\n.table-aggregate-row {\n background-color: #F5F5F5;\n min-width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.13);\n border-bottom: 1px solid rgba(0, 0, 0, 0.13);\n margin-top: -1px;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: 12px;\n}\n.table-aggregate-row > .table-cell {\n border-bottom: 0;\n}\n.table-aggregate-row.grouping-style-top > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-large);\n padding-bottom: var(--table-aggregate-row-padding-y-small);\n}\n.table-aggregate-row.grouping-style-bottom > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-small);\n padding-bottom: var(--table-aggregate-row-padding-y-large);\n}\n.table-aggregate-cell {\n font-weight: bold;\n overflow: visible;\n vertical-align: middle;\n / if aggregation is based on selected rows /\n}\n.table-aggregate-cell > .text {\n display: inline-block;\n vertical-align: middle;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.table-aggregate-cell > .table-cell-icon {\n display: inline-block;\n color: #000;\n vertical-align: middle;\n line-height: 14px;\n}\n.table-aggregate-cell.sum > .table-cell-icon,\n.table-aggregate-cell.avg > .table-cell-icon {\n font-size: 13px;\n}\n.table-aggregate-cell.min > .table-cell-icon,\n.table-aggregate-cell.max > .table-cell-icon {\n font-size: 15px;\n}\n.table-aggregate-cell.selection,\n.table-aggregate-cell.selection > .table-cell-icon {\n color: #1561A7;\n}\n.before-aggregate-row > .table-cell {\n border-bottom-color: transparent;\n}\n.column-background-effect-bar-chart {\n background-color: #74A8D8;\n}\n.column-background-effect-gradient1-start {\n background-color: #FF8888;\n}\n.column-background-effect-gradient1-end {\n background-color: #BDF2E8;\n}\n.column-background-effect-gradient2-start {\n background-color: #BDF2E8;\n}\n.column-background-effect-gradient2-end {\n background-color: #FF8888;\n}\n/ key box /\n.table-row > .key-box {\n top: calc(50% - 23px / 2);\n}\n.table-controls > .table-control > .key-box {\n bottom: 4px;\n}\n.table .key-box.char {\n top: calc(50% - 21px / 2);\n}\n/ Animation: rotate from 0 -> 90 deg /\n@-webkit-keyframes expand-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n}\n@keyframes expand-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n}\n.expand-rotate::before {\n -webkit-animation-name: expand-rotate;\n -moz-animation-name: expand-rotate;\n -o-animation-name: expand-rotate;\n animation-name: expand-rotate;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Animation: rotate collapse 90 -> 0 deg /\n@-webkit-keyframes collapse-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n 100% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n@keyframes collapse-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n 100% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n.collapse-rotate::before {\n -webkit-animation-name: collapse-rotate;\n -moz-animation-name: collapse-rotate;\n -o-animation-name: collapse-rotate;\n animation-name: collapse-rotate;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Required because arrow up/down symbol is not properly vertically aligned with the rest of the sort/group text /\n.sort-symbol {\n top: -1.25px;\n position: relative;\n}\n.organize-columns-behind-scrollbar-column.table-cell.last {\n padding: 0;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-footer {\n position: absolute;\n bottom: 0;\n min-height: 64px;\n width: 100%;\n white-space: nowrap;\n border-top: 1px solid #DADADA;\n background-color: #fff;\n}\n.table-control-resize {\n position: absolute;\n width: 100%;\n left: 0;\n height: 16px;\n cursor: row-resize;\n z-index: 1;\n border-top: 2px solid #DADADA;\n}\n.table-control-container {\n position: absolute;\n overflow: hidden;\n outline: none;\n background-color: #fff;\n bottom: 64px;\n width: 100%;\n / Default value for TableControl.js /\n height: 364px;\n display: none;\n z-index: 1;\n / Reset nowrap, forms may have fields which need wrapping (e.g. label field) /\n white-space: normal;\n}\n.table-control-container.dense {\n height: 320px;\n}\n.table-control-container:not(.has-resizer) {\n border-top: 2px solid #DADADA;\n}\n.table-control-content {\n height: 100%;\n width: 100%;\n}\n.table-control-content > .form {\n background-color: #fff;\n}\n.table-control-content > .form > .root-group-box > .group-box-body {\n / to make sure fields are not drawn over the menubar when making table control container very small /\n overflow: hidden;\n}\n.table-control-content > .form > .root-group-box > .main-menubar {\n background-color: inherit;\n border-color: transparent;\n}\n.table-controls {\n position: absolute;\n height: 100%;\n margin-left: 20px;\n display: flex;\n align-items: center;\n}\n.table-info {\n position: absolute;\n right: 0;\n display: inline-flex;\n align-items: center;\n height: 100%;\n margin-right: 5px;\n}\n.table-filter {\n position: relative;\n margin-right: 15px;\n}\n.table-text-filter {\n min-height: 32px;\n width: 180px;\n font-size: 13px;\n}\n.table-text-filter:focus.has-text {\n padding-right: 25px;\n}\n.table-text-filter:focus.has-text ~ .clear-icon {\n display: flex;\n}\n.table-text-filter ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: 32px;\n}\n.table-info-item.hiding {\n visibility: hidden;\n}\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n flex-shrink: 0;\n flex-grow: 0;\n color: #666666;\n cursor: pointer;\n line-height: 19px;\n font-size: 12px;\n overflow: hidden;\n white-space: nowrap;\n / margins are used instead of paddings for a better animation /\n}\n.table-info-load > span,\n.table-info-status > span,\n.table-info-filter > span,\n.table-info-selection > span {\n display: block;\n margin: 0 15px;\n}\n.table-info-load.disabled,\n.table-info-status.disabled,\n.table-info-filter.disabled,\n.table-info-selection.disabled {\n cursor: default;\n}\n.table-info-load.disabled > .table-info-button,\n.table-info-status.disabled > .table-info-button,\n.table-info-filter.disabled > .table-info-button,\n.table-info-selection.disabled > .table-info-button {\n color: #666666;\n}\n.table-info-load > .table-info-button,\n.table-info-status > .table-info-button,\n.table-info-filter > .table-info-button,\n.table-info-selection > .table-info-button {\n color: #1561A7;\n}\n.table-info-load > .table-info-button > .key-box,\n.table-info-status > .table-info-button > .key-box,\n.table-info-filter > .table-info-button > .key-box,\n.table-info-selection > .table-info-button > .key-box {\n bottom: 2px;\n}\n.table-info-load:hover > .table-info-button,\n.table-info-status:hover > .table-info-button,\n.table-info-filter:hover > .table-info-button,\n.table-info-selection:hover > .table-info-button {\n color: #1b7bd4;\n}\n.table-info-load:active > .table-info-button,\n.table-info-status:active > .table-info-button,\n.table-info-filter:active > .table-info-button,\n.table-info-selection:active > .table-info-button {\n color: #2F3C45;\n}\n.table-info-status {\n padding-top: 0;\n line-height: 64px;\n color: #666666;\n / normal /\n / error /\n / warning /\n}\n.table-info-status:hover {\n color: #666666;\n}\n.table-info-status > .font-icon {\n display: inline-block;\n line-height: normal;\n vertical-align: middle;\n padding-top: 8px;\n / controls distance to tooltip /\n padding-bottom: 11px;\n / larger than padding-top, to move icon to optical middle /\n}\n.table-info-status > .font-icon::before {\n content: '\\E002';\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 22px;\n}\n.table-info-status.error > .font-icon::before {\n -webkit-animation: attention 5s linear infinite;\n -moz-animation: attention 5s linear infinite;\n -o-animation: attention 5s linear infinite;\n animation: attention 5s linear infinite;\n content: '\\E001';\n}\n.table-info-status.error.tooltip-active {\n color: #D53F3F;\n}\n.table-info-status.error.tooltip-active:hover {\n color: #D53F3F;\n}\n.table-info-status.warning > .font-icon::before {\n content: '\\E001';\n}\n.table-info-status.warning.tooltip-active {\n color: #1561A7;\n}\n.table-info-status.warning.tooltip-active:hover {\n color: #014786;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: #F5F5F5;\n border-bottom: 2px solid #DADADA;\n z-index: 0;\n / begin new stacking context /\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n border-left: 0 solid transparent;\n}\n.table-header.disabled:not(.read-only) {\n color: #666666;\n}\n.table-header > .menubar-container {\n position: absolute;\n right: 0;\n top: 0;\n height: 100%;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n margin-left: 3px;\n}\n.table-header > .menubar-container > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n margin-right: 3px;\n min-height: 27px;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item > .font-icon {\n font-size: 15px;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item.menu-icononly {\n padding: 0;\n min-width: 27px;\n}\n.table-header-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n font-weight: bold;\n font-size: 12px;\n color: #4C4C4C;\n padding: 5px 7px 5px 7px;\n margin: 3px 4px 3px 3px;\n min-height: 27px;\n / Vertical align is necessary for 2 things: /\n / 1. Alignment in case of multiline headers. /\n / 2. A correct header height, see http://stackoverflow.com/questions/20566710/overflowhidden-displayinline-block-moves-text-upwards /\n vertical-align: middle;\n cursor: pointer;\n border-radius: 3px;\n}\n.table-header-item.last {\n margin-right: 3px;\n}\n.table-header-item.halign-right {\n justify-content: flex-end;\n text-align: right;\n padding-right: 7px;\n padding-left: 7px;\n}\n.table-header-item.halign-center {\n justify-content: center;\n text-align: center;\n padding-right: 7px;\n}\n.table-header-item.last.halign-left,\n.table-header-item.last.halign-center,\n.table-header-item.last.halign-right {\n padding-right: 11px;\n}\n.table-header-item.sorted,\n.table-header-item.grouped,\n.table-header-item.filtered {\n / make room for icon /\n padding-right: 19px;\n}\n.table-header-item.sorted.halign-right,\n.table-header-item.grouped.halign-right,\n.table-header-item.filtered.halign-right,\n.table-header-item.sorted.halign-center,\n.table-header-item.grouped.halign-center,\n.table-header-item.filtered.halign-center {\n padding-right: 22px;\n}\n.table-header-item.sorted.grouped,\n.table-header-item.sorted.filtered {\n / make some more room /\n padding-right: 31px;\n}\n.table-header-item.sorted.grouped.halign-right,\n.table-header-item.sorted.filtered.halign-right,\n.table-header-item.sorted.grouped.halign-center,\n.table-header-item.sorted.filtered.halign-center {\n padding-right: 34px;\n}\n.table-header-item.moving,\n.table-header-item.releasing {\n z-index: 1;\n}\n.table-header-item.moving > .table-header-item-state {\n display: none;\n}\n.table-header-item:hover {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.table-header-item.active,\n.table-header-item:active,\n.table-header-item.moving {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.table-header-item.selected {\n background-color: rgba(0, 0, 0, 0.12);\n color: #1561A7;\n z-index: 1;\n}\n.table-header-item.disabled {\n cursor: default;\n / Override default disabled text color, because \"disabled\" in the table header means something different /\n color: #4C4C4C;\n background-color: inherit;\n}\n.table-header-item.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n}\n.table-header-item > .icon.font-icon {\n font-size: 15px;\n}\n.table-header-item > .icon.with-text {\n margin-right: 8px;\n}\n.table-header-item-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.table-header-item-state {\n position: absolute;\n display: flex;\n align-items: center;\n right: 0;\n top: 0;\n font-weight: normal;\n font-size: 10px;\n color: #666666;\n height: 100%;\n}\n.table-header-item-state > .left {\n padding-left: 3px;\n}\n.table-header-item-state.grouped.filtered > .left {\n padding-top: 0;\n}\n.table-header-item-state > .right {\n color: #666666;\n margin-top: -3px;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n}\n.table-header-item-state.sort-desc > .right::after {\n content: '\\2193';\n}\n.table-header-item-state.sort-asc > .right::after {\n content: '\\2191';\n}\n.table-header-resize {\n position: absolute;\n display: inline-block;\n top: 0;\n height: 100%;\n width: 17px;\n padding: 10px 8px;\n margin-left: -9px;\n background-color: #DADADA;\n background-clip: content-box;\n z-index: 1;\n}\n.table-header-resize:not(.disabled) {\n cursor: col-resize;\n}\n.table-header-resize:not(.disabled):hover {\n background-color: #DADADA;\n}\n.table-header-item.last + .table-header-resize {\n margin-left: -8px;\n}\n.table-header.moving > .table-header-resize {\n / Hide separators while moving, because their position will not be updated until the move-end event /\n visibility: hidden;\n}\n/ Temporary element inserted in header and data area during resizing of a column /\n.table-column-resize-helper {\n position: absolute;\n top: 0;\n left: 0;\n background-color: transparent;\n height: 1px;\n / width is set dynamically by TableHeader.js /\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-header-menu {\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 8px;\n white-space: nowrap;\n overflow: hidden;\n}\n.table-header-menu.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.table-header-menu.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.table-header-menu-body {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.table-header-menu-actions {\n display: inline-block;\n vertical-align: top;\n padding: 16px;\n}\n.table-header-menu-actions > .table-header-menu-group > .table-header-menu-group-text {\n width: calc(100% + 12px);\n}\n.table-header-menu-filters {\n display: inline-block;\n vertical-align: top;\n width: 250px;\n padding: 0 16px 0 16px;\n margin: 16px 0 16px 0;\n}\n.table-header-menu-body.compact > .table-header-menu-filters {\n display: block;\n height: auto;\n margin-top: 5px;\n}\n.table-header-menu-filters > .table-header-menu-group > .form-field {\n position: relative;\n}\n.table-header-menu-group {\n padding-top: 12px;\n padding-bottom: 5px;\n}\n.table-header-menu-group.first {\n padding-top: 0;\n}\n.table-header-menu-group.last {\n padding-bottom: 0;\n}\n.table-header-menu-group.buttons {\n padding-bottom: 35px;\n}\n.table-header-menu-group.buttons.last {\n padding-bottom: 29px;\n}\n.table-header-menu-group-text {\n font-weight: bold;\n color: #666666;\n padding-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.table-header-menu-command {\n float: left;\n width: 43px;\n margin-right: 10px;\n height: 30px;\n}\n.table-header-menu-command:focus {\n box-shadow: 0 0 0 3px #93c5f4;\n border-color: #64adf0;\n outline: none;\n}\n.table-header-menu-command.last {\n margin-right: 0;\n}\n.table-header-menu-command > .icon::after {\n position: relative;\n left: 3px;\n top: -3px;\n font-size: 13px;\n}\n.table-header-menu-command.move-top > .icon::before {\n content: '\\E010';\n}\n.table-header-menu-command.move-up > .icon::before {\n content: '\\E012';\n}\n.table-header-menu-command.move-down > .icon::before {\n content: '\\E013';\n}\n.table-header-menu-command.move-bottom > .icon::before {\n content: '\\E011';\n}\n.table-header-menu-command.sort-asc > .icon::before,\n.table-header-menu-command.sort-asc-add > .icon::before {\n content: '\\E017';\n}\n.table-header-menu-command.sort-desc > .icon::before,\n.table-header-menu-command.sort-desc-add > .icon::before {\n content: '\\E016';\n}\n.table-header-menu-command.sort-asc-add > .icon::after,\n.table-header-menu-command.sort-desc-add > .icon::after {\n content: '\\E01B';\n display: inline-block;\n / fix for pointer-events: none in IE11 /\n}\n.table-header-menu-command.sort-asc-add.selected > .icon::after,\n.table-header-menu-command.sort-desc-add.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px;\n / limit height otherwise arrow would move up in some browsers /\n}\n.table-header-menu-command.add-column > .icon::before {\n content: '\\E01B';\n}\n.table-header-menu-command.remove-column > .icon::before {\n content: '\\E01A';\n}\n.table-header-menu-command.change-column > .icon::before {\n content: '\\E02F';\n}\n.table-header-menu-command.togglable.selected:hover > .icon::before {\n content: '\\E035';\n}\n.table-header-menu-command.togglable.selected:hover > .icon::after {\n content: '';\n}\n.table-header-menu-command.hierarchy-collapse-all > .icon::before {\n content: '\\E037';\n}\n.table-header-menu-command.hierarchy-expand-all > .icon::before {\n content: '\\E036';\n}\n.table-header-menu-command.group > .icon::before,\n.table-header-menu-command.group-add > .icon::before {\n content: '\\E006';\n}\n.table-header-menu-command.group-add > .icon::after {\n content: '\\E01B';\n display: inline-block;\n / fix for pointer-events: none in IE11 /\n}\n.table-header-menu-command.group-add.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px;\n / limit height otherwise arrow would move up in some browsers /\n}\n.table-header-menu-command.aggregation-function.sum > .icon::before {\n content: '\\E02C';\n}\n.table-header-menu-command.aggregation-function.avg > .icon::before {\n content: '\\E03A';\n}\n.table-header-menu-command.aggregation-function.max > .icon::before {\n content: '\\E039';\n}\n.table-header-menu-command.aggregation-function.min > .icon::before {\n content: '\\E038';\n}\n.table-header-menu-command.color-gradient1 {\n background-image: linear-gradient(to right, #FF8888, #BDF2E8);\n}\n.table-header-menu-command.color-gradient2 {\n background-image: linear-gradient(to right, #BDF2E8, #FF8888);\n}\n.table-header-menu-command.color-bar-chart {\n background-image: linear-gradient(to right, #74A8D8 0, #74A8D8 65%, #fff 65%, #fff 100%);\n background-color: transparent;\n}\n.table-header-menu-command.color:hover {\n border-width: 2px;\n}\n.table-header-menu-command.color.selected {\n border-width: 2px;\n}\n.table-header-menu-command.color.selected.togglable:hover {\n background-image: none;\n}\n.table-header-menu-filter-actions {\n float: right;\n}\n.table-header-menu-filter-toggle-checked {\n display: inline;\n}\n.table-header-menu-filter-table.table-row-check {\n border: 1px solid rgba(0, 0, 0, 0.23);\n border-radius: 3px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data {\n margin-top: 0;\n padding: 3px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row {\n border-radius: 3px;\n margin-bottom: 2px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row.last {\n margin-bottom: 0;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row > .table-cell {\n border: 0;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row > .table-cell.halign-right {\n padding-right: 12px;\n}\n.table-header-menu-filter-number-column {\n font-size: 11px;\n color: #5C5C5C;\n vertical-align: middle;\n}\n.table-header-menu-toggle-sort-order {\n float: left;\n padding-right: 16px;\n}\n.table-header-menu-toggle-sort-order::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.table-header-menu-toggle-sort-order-alphabetically::before {\n content: '\\F15D';\n}\n.table-header-menu-toggle-sort-order-amount::before {\n content: '\\F161';\n}\n/ Filter fields group-box /\n.filter-fields {\n padding: 0;\n}\n.filter-fields > .group-box-body {\n padding: 0;\n}\n.filter-fields > .group-box-body > .form-field > label {\n margin-left: 0;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-row-detail {\n padding: 14px 16px;\n line-height: 25px;\n}\n.table-row-detail-name {\n margin-right: 4px;\n color: #666666;\n font-size: 12px;\n}\n.table-row-detail-value {\n white-space: normal;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.table-row-detail-icon.with-text {\n margin-right: 8px;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-control {\n position: relative;\n color: #1561A7;\n cursor: pointer;\n border-radius: 8px;\n margin-right: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 40px;\n height: 40px;\n}\n.table-control > .font-icon {\n font-size: 22px;\n}\n.table-control:hover {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.08);\n}\n.table-control:active {\n color: #2F3C45;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.table-control.selected {\n color: #1561A7;\n background-color: rgba(0, 0, 0, 0.12);\n}\n.table-control.disabled {\n cursor: default;\n color: #808080;\n background-color: transparent;\n}\n.tooltip.table-control-tooltip {\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-info, table-status) /\n margin-top: 8px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.cell-editor-popup {\n / make sure it is behind the scrollbar but above selection /\n z-index: 1;\n}\n.cell-editor-field {\n --padding-top: var(--table-row-padding-y) - 2px;\n --padding-bottom: var(--table-row-padding-y) - 2px;\n padding: calc(var(--padding-top)) 8px calc(var(--padding-bottom)) 8px;\n border-width: 2px;\n background-color: #fff;\n}\n.cell-editor-popup.overflow-top .cell-editor-field {\n --padding-top: var(--table-row-padding-y) - 2px + 1px;\n --padding-bottom: var(--table-row-padding-y) - 2px + 1px;\n}\n.cell-editor-popup.overflow-bottom .cell-editor-field {\n --padding-bottom: var(--table-row-padding-y) - 2px + 2px;\n}\n.cell-editor-field:focus,\n.cell-editor-field.focused {\n border-color: #1561A7;\n box-shadow: none;\n}\n.cell-editor-field:focus.has-error,\n.cell-editor-field.focused.has-error {\n border-color: #D53F3F;\n box-shadow: none;\n}\n/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.compact-cell-title {\n display: flex;\n align-items: baseline;\n line-height: 20px;\n}\n.compact-cell-title > .left {\n flex-grow: 1;\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.compact-cell-title > .right {\n flex-grow: 0;\n / in case it wraps when title is large /\n text-align: right;\n}\n.compact-cell-subtitle {\n color: #666666;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.compact-cell-subtitle:not(:empty) {\n padding-top: 2px;\n}\n.compact-cell-content,\n.compact-cell-more-content {\n line-height: 20px;\n}\n.compact-cell-content.has-header,\n.compact-cell-more-content.has-header {\n color: #000;\n}\n.compact-cell-more {\n line-height: 20px;\n}\n.compact-cell-content:not(:empty).has-header {\n padding-top: 5px;\n}\n.compact-cell-line {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.compact-cell-line-label {\n font-size: 12px;\n color: #666666;\n}\n.compact-cell-line-label:not(:empty) {\n margin-right: 4px;\n}\n.compact-cell-line-label > .icon {\n margin-right: 2px;\n}\n.compact-cell-line-label > .icon.with-text,\n.compact-cell-line-value > .icon.with-text {\n margin-right: 8px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-element,\n.overflow-icon {\n display: inline-flex;\n user-select: none;\n white-space: nowrap;\n color: #000;\n outline: none;\n border-radius: 3px;\n background-color: #C1DEF9;\n height: 22px;\n line-height: 22px;\n margin: 3px 4px 0 0;\n overflow: hidden;\n}\n.tag-element.focused:not(:hover),\n.overflow-icon.focused:not(:hover) {\n background-color: #9ccaf5;\n}\n.tag-element > .tag-text {\n max-width: 85px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0 8px;\n}\n.removable.tag-element > .tag-text {\n padding-right: 4px;\n}\n.clickable.tag-element > .tag-text:hover {\n cursor: pointer;\n background-color: #9ccaf5;\n}\n.clickable.tag-element > .tag-text:active,\n.clickable.tag-element > .tag-text.active {\n background-color: #89c0f4;\n}\n.overflow-icon {\n align-items: center;\n color: #1561A7;\n padding: 0 6px;\n vertical-align: bottom;\n}\n.overflow-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n font-size: 16px;\n content: '\\F107';\n}\n.overflow-icon:hover {\n cursor: pointer;\n background-color: #9ccaf5;\n}\n.overflow-icon:active,\n.overflow-icon.active {\n background-color: #89c0f4;\n}\n.overflow-icon.selected {\n background-color: #89c0f4;\n color: #2F3C45;\n}\n.tag-remove-icon {\n color: #1561A7;\n display: flex;\n justify-content: center;\n width: 22px;\n padding-top: 1px;\n}\n.tag-remove-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n content: '\\E045';\n}\n.tag-remove-icon:hover {\n cursor: pointer;\n background-color: #9ccaf5;\n color: #000;\n}\n.tag-remove-icon:active,\n.tag-remove-icon.active {\n background-color: #89c0f4;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-overflow-popup {\n padding: 5px 4px 8px 8px;\n max-width: 250px;\n overflow: hidden;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n.tag-overflow-popup > .popup-body {\n display: inline;\n}\n.tag-overflow-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.tag-overflow-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.time-picker-popup {\n position: absolute;\n background-color: #fff;\n border: 0 solid #DADADA;\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n overflow: hidden;\n max-height: 350px;\n}\n.time-picker-separator {\n position: absolute;\n top: 0;\n left: 46px;\n height: 100%;\n border-right: 1px #DADADA solid;\n}\n.time-picker {\n position: relative;\n background-color: transparent;\n}\n.time-picker.touch-only :not(.selected):not(.disabled):not(:active):hover,\n.time-picker.touch-only :not(.selected):not(.disabled):not(:active):hover > .cell {\n background-color: inherit;\n}\n.touch-popup-widget-container > .time-picker {\n max-height: 300px;\n display: flex;\n justify-content: center;\n}\n.touch-popup-widget-container > .time-picker > .day-table {\n padding: 0;\n}\n.touch-popup-widget-container > .time-picker > .day-table > .hour-row:first-child > .cell {\n margin-top: 0;\n}\n.time-picker-touch-popup {\n max-width: 200px;\n}\n.time-picker-touch-popup > .body > .touch-popup-widget-container > .time-picker-separator {\n left: 84px;\n}\n.day-table {\n padding: 0 13px 0 3px;\n}\n.day-table > .hour-row {\n display: flex;\n}\n.day-table > .hour-row:hover > .hours,\n.day-table > .hour-row:hover > .hours.preselected {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.day-table > .hour-row:first-child > .cell {\n margin-top: 7px;\n}\n.day-table > .hour-row:last-child > .cell {\n margin-bottom: 7px;\n}\n.day-table > .hour-row > .cell {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: 32px;\n height: 32px;\n margin: 2px;\n border-radius: 6px;\n}\n.day-table > .hour-row > .hours {\n color: #666666;\n margin: 2px 13px 2px 4px;\n}\n.day-table > .hour-row > .hours.now {\n color: #AD6200;\n}\n.day-table > .hour-row > .hours.now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n font-weight: bold;\n}\n.day-table > .hour-row > .hours.preselected {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.day-table > .hour-row > .hours:hover + .minutes {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.day-table > .hour-row > .hours:hover + .minutes.selected {\n background-color: #1561A7;\n}\n.day-table > .hour-row > .hours:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.day-table > .hour-row > .hours.selected {\n color: #1561A7;\n}\n.day-table > .hour-row > .hours.selected > .text {\n font-weight: bold;\n border-bottom: 2px #1561A7 solid;\n margin-bottom: -2px;\n}\n.day-table > .hour-row > .minutes.now {\n color: #AD6200;\n font-weight: bold;\n}\n.day-table > .hour-row > .minutes.now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n font-weight: bold;\n}\n.day-table > .hour-row > .minutes.preselected {\n background-color: rgba(0, 0, 0, 0.04);\n}\n.day-table > .hour-row > .minutes:hover {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.day-table > .hour-row > .minutes:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.day-table > .hour-row > .minutes.selected {\n color: #fff;\n background-color: #1561A7;\n}\n.day-table > .hour-row > .minutes.selected.now > .text {\n border-color: #fff;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tooltip {\n position: absolute;\n background-color: #4C4C4C;\n border-radius: 3px;\n border: 0 solid #DADADA;\n color: #fff;\n box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);\n max-width: 300px;\n white-space: normal;\n}\n.tooltip-content {\n padding: 8px 12px;\n position: relative;\n min-width: 60px;\n / Prevents tooltips with very short text from looking \"strange\" /\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: normal;\n background-color: inherit;\n border-radius: 3px;\n}\n.has-menus > .tooltip-content {\n font-weight: bold;\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 14px;\n}\n.tooltip-content .small {\n font-size: 11px;\n font-weight: normal;\n color: #fff;\n}\n.tooltip-content > .table-cell-icon {\n color: #fff;\n}\n.tooltip-menus {\n position: relative;\n background-color: inherit;\n padding-bottom: 6px;\n}\n.no-text > .tooltip-menus {\n padding-top: 6px;\n}\n.tooltip-menus > .menu-item {\n display: flex;\n justify-content: start;\n border-radius: 0;\n padding: 8px 16px 8px 16px;\n}\n.tooltip-menus > .menu-item:hover {\n background-color: rgba(255, 255, 255, 0.15);\n}\n.tooltip-menus > .menu-item > .submenu-icon {\n padding-left: 5px;\n}\n.ok > .tooltip-menus > .menu-item {\n color: #fff;\n}\n.info > .tooltip-menus > .menu-item {\n color: #fff;\n}\n.warning > .tooltip-menus > .menu-item {\n color: #fff;\n}\n.error > .tooltip-menus > .menu-item {\n color: #fff;\n}\n.tooltip-arrow {\n position: absolute;\n width: 7px;\n height: 7px;\n background-color: inherit;\n border: inherit;\n}\n.tooltip-arrow.arrow-bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.tooltip-arrow.arrow-top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.tooltip.error {\n background-color: #D53F3F;\n border-width: 0;\n color: #fff;\n}\n.tooltip.error > .tooltip-arrow {\n background-color: #D53F3F;\n}\n.tooltip.warning {\n background-color: #AD6200;\n border-width: 0;\n color: #fff;\n}\n.tooltip.warning > .tooltip-arrow {\n background-color: #AD6200;\n}\n.tooltip.ok {\n background-color: #00856C;\n border-width: 0;\n color: #fff;\n}\n.tooltip.ok > .tooltip-arrow {\n background-color: #00856C;\n}\n/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.widget-tooltip {\n max-width: none;\n}\n.widget-tooltip > .tooltip-widget-container {\n position: relative;\n padding: 10px;\n background-color: inherit;\n overflow: hidden;\n border-radius: 3px;\n}\n.widget-tooltip > .tooltip-widget-container > .widget {\n position: relative;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tree {\n position: relative;\n}\n.tree:focus,\n.tree.focused {\n outline: none;\n}\n.tree:focus > .tree-data > .animation-wrapper > .tree-node.selected,\n.tree.focused > .tree-data > .animation-wrapper > .tree-node.selected,\n.tree:focus > .tree-data > .tree-node.selected,\n.tree.focused > .tree-data > .tree-node.selected {\n background-color: #E9F0F6;\n}\n.tree:focus > .tree-data > .animation-wrapper > .tree-node.selected::after,\n.tree.focused > .tree-data > .animation-wrapper > .tree-node.selected::after,\n.tree:focus > .tree-data > .tree-node.selected::after,\n.tree.focused > .tree-data > .tree-node.selected::after {\n border-color: #1561A7;\n}\n.tree > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--menubar-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n}\n.tree > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--menubar-height)) / 2);\n}\n.tree-data {\n / necessary for scrollbars /\n position: relative;\n overflow: hidden;\n width: 100%;\n / expand to outer container, needed for breadcrumb /\n / required because text shouldn't go into ellipsis mode when scrollbars are enabled /\n}\n.tree-data.scrollable-tree {\n overflow-anchor: none;\n}\n.tree-data.scrollable-tree > .tree-node,\n.tree-data.scrollable-tree > .animation-wrapper > .tree-node {\n overflow: visible;\n}\n.tree-data.scrollable-tree > .tree-node > .text,\n.tree-data.scrollable-tree > .animation-wrapper > .tree-node > .text {\n text-overflow: clip;\n}\n.tree-data.checkable > .tree-node,\n.tree-data.checkable > .animation-wrapper > .tree-node {\n cursor: pointer;\n}\n.tree-data.checkable.disabled > .tree-node,\n.tree-data.checkable.disabled > .animation-wrapper > .tree-node,\n.tree-data.checkable > .tree-node.disabled,\n.tree-data.checkable > .animation-wrapper > .tree-node.disabled {\n cursor: default;\n}\n.navigation-breadcrumb .tree-data {\n float: left;\n}\n.tree-node {\n display: flex;\n align-items: start;\n position: relative;\n padding: 7px 7px 7px 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tree-node:active {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.tree-node.selected {\n background-color: #FAFAFA;\n}\n.tree-node.selected::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 2px solid #CFCFCF;\n border-radius: 3px;\n pointer-events: none;\n}\n.tree-node.disabled {\n / Tree node is disabled -> use lighter disabled color /\n color: #808080;\n}\n.disabled > .animation-wrapper > .tree-node,\n.disabled > .tree-node {\n / Whole tree is disabled -> use darker disabled color /\n color: #666666;\n}\n.disabled.read-only > .animation-wrapper > .tree-node,\n.disabled.read-only > .tree-node {\n color: #000;\n}\n.tree-node > .text {\n vertical-align: top;\n display: inline-block;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tree-node > .icon {\n vertical-align: top;\n padding-right: 9px;\n display: inline-block;\n text-align: center;\n min-width: 16px;\n / Use content-box for images because it leads to wrong behavior when someone sets a min-width/height\n * on an IMG element that has padding and the available space for the image is 'min-width' - 'padding'\n * See ticket 208111 /\n box-sizing: content-box;\n}\n.tree-node > .icon.image-icon {\n margin-top: -2px;\n / required to reserve space for bitmap icons in the tree when image resource is not yet loaded /\n min-width: 16px;\n min-height: 16px;\n}\n.tree-node > .icon.font-icon {\n / Necessary to align with the text, depends on the used font size /\n line-height: 15px;\n font-size: 14px;\n}\n.tree-node-checkbox {\n display: block;\n position: absolute;\n top: auto;\n left: auto;\n margin-top: -2px;\n margin-left: -28px;\n width: 20px;\n height: 20px;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked {\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: #fff;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked.disabled {\n cursor: default;\n border-color: #DADADA;\n background-color: #808080;\n border-color: #808080;\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box {\n cursor: default;\n border-color: #DADADA;\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box.checked,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box.checked {\n background-color: #808080;\n border-color: #808080;\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box:not(.checked).children-checked,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box:not(.checked).children-checked {\n background-color: #808080;\n border-color: #808080;\n}\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked {\n background-color: inherit;\n border-color: #999999;\n}\n.disabled.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.disabled.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked.disabled,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked.disabled {\n background-color: inherit;\n border-color: #DADADA;\n}\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked::before,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked::before {\n display: none;\n}\n.tree-node-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n padding: 7px 8px 7px 13px;\n height: 100%;\n line-height: 15px;\n / Necessary to align with the text, depends on the used font size /\n color: inherit;\n}\n.tree-node-control::before {\n display: block;\n transition: transform 0.3s;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\E013';\n}\n.tree-node.lazy > .tree-node-control::before {\n font-family: Arial, sans-serif;\n content: '+';\n / Move to left because '+' sign is not as wide as 'arrow-down' /\n margin-left: -2px;\n}\n.tree-node.expanded > .tree-node-control::before {\n / This \"imprecise\" angle is a workaround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n}\n.tree-node-control:hover {\n color: #FE9915;\n}\n/ bread crumb style /\n.tree.breadcrumb > .tree-data > .tree-node,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid #DADADA;\n padding: 8px 10px;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected,\n.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected,\n.tree.breadcrumb > .tree-data > .tree-node:active,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {\n display: flex;\n}\n.tree.breadcrumb > .tree-data > .tree-node.selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n display: flex;\n cursor: default;\n}\n.tree.breadcrumb > .tree-data > .tree-node > .text,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .text {\n white-space: normal;\n}\n.tree.breadcrumb > .tree-data > .tree-node > .tree-node-control,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n display: none;\n}\n/ key handling /\n.tree-node .key-box {\n top: calc(50% - 11px);\n}\n.tree > .tree-data > .key-box {\n top: 6px;\n left: 4px;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tree-field > .compact-tree {\n margin-left: 10px;\n}\n.compact-tree:focus {\n outline: none;\n border: 0;\n box-shadow: 0 0 0 0;\n}\n.compact-tree:focus > .tree-data > .nodes > .section > .section-node.selected {\n text-decoration: underline;\n color: #1561A7;\n}\n.compact-tree > .tree-data {\n position: relative;\n overflow: hidden;\n padding-top: 10px;\n}\n.compact-tree > .tree-data > .nodes {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n -ms-column-count: 2;\n -o-column-count: 2;\n column-count: 2;\n -webkit-column-gap: 24px;\n -moz-column-gap: 24px;\n -ms-column-gap: 24px;\n -o-column-gap: 24px;\n column-gap: 24px;\n}\n.compact-tree > .tree-data > .nodes > .section {\n margin-bottom: 30px;\n / Use full width to enlarge touch area /\n width: 100%;\n -webkit-column-break-inside: avoid;\n -moz-column-break-inside: avoid;\n -ms-column-break-inside: avoid;\n -o-column-break-inside: avoid;\n column-break-inside: avoid;\n break-inside: avoid-column;\n page-break-inside: avoid;\n / Hack for FF, because column-break-inside does not yet work for all elements, only for tables /\n / see: https://bugzilla.mozilla.org/show_bug.cgi?id=549114 /\n display: table;\n}\n.compact-tree > .tree-data > .nodes > .section:last-child {\n margin-bottom: 0;\n}\n.compact-tree > .tree-data > .nodes > .section > .title {\n font-weight: bold;\n}\n.compact-tree > .tree-data > .nodes > .section > .section-node {\n cursor: pointer;\n padding-top: 12px;\n}\n.compact-tree > .tree-data > .nodes > .section > .section-node:hover {\n color: #1561A7;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.newly-rendered {\n / 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 /\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n.tile.animate-visible {\n -webkit-animation-name: fadein-grow;\n -moz-animation-name: fadein-grow;\n -o-animation-name: fadein-grow;\n animation-name: fadein-grow;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n}\n.tile.animate-invisible {\n -webkit-animation-name: fadeout-shrink;\n -moz-animation-name: fadeout-shrink;\n -o-animation-name: fadeout-shrink;\n animation-name: fadeout-shrink;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.tile.animate-insert {\n -webkit-animation-name: fadein-zoom-bounce;\n -moz-animation-name: fadein-zoom-bounce;\n -o-animation-name: fadein-zoom-bounce;\n animation-name: fadein-zoom-bounce;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n}\n.tile.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n/ The default class is added if displayStyle is set to DEFAULT. If it is set to PLAIN no class will be added. /\n.default-tile {\n background-color: #FAFAFA;\n border: 1px solid #DADADA;\n padding: 6px 8px;\n}\n.default-tile.selectable:active:not(.selected),\n.default-tile.selectable.active:not(.selected) {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.default-tile.selected {\n background-color: #E9F0F6;\n border-color: #1561A7;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile-grid {\n padding: 6px 0;\n}\n.tile-grid:focus,\n.tile-grid.focused {\n outline: none;\n}\n.tile-grid.scrollable {\n padding-right: 15px;\n}\n.tile-grid > .tile {\n transition: opacity 250ms;\n}\n.tile-grid > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.tile-grid.loading > .tile,\n.tile-grid.loading > .scrollbar {\n opacity: 0;\n}\n.tile-grid.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.tile-grid.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.tile-grid.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.scrollable.tile-grid > .filter-field-container {\n top: calc(100% - 10px);\n left: 100%;\n}\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see TileGridLayoutConfig.js & TileGridLayoutConfig.java /\n/ --------------------------------------------------------------------------- /\n.tile-grid-layout-config {\n width: 210px;\n height: 155px;\n margin-left: 15px;\n / horizontal gap /\n margin-top: 15px;\n / vertical gap /\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile-overview {\n background-color: #F5F5F5;\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n.tile-overview-content {\n position: absolute;\n margin: 42px 65px;\n / for larger screens /\n}\n@media screen and (max-width: 800px) {\n .tile-overview-content {\n / for small screens /\n margin: 20px 20px 20px 23px;\n }\n}\n.tile-overview-content > .tile-grid {\n position: relative;\n margin-bottom: 30px;\n}\n.tile-overview-title {\n font-size: 32px;\n height: auto !important;\n padding-bottom: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tile-overview-title.animated {\n transition: max-height 400ms, padding-bottom 400ms;\n}\n.tile-overview-title.removed {\n max-height: 0 !important;\n padding-bottom: 0;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile-accordion > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-bottom: 0;\n}\n.tile-accordion > .filter-field-container {\n top: calc(100% - 16px);\n}\n.scrollable.tile-accordion > .filter-field-container {\n left: 100%;\n}\n/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.placeholder-tile {\n background-color: #EFEFEF;\n}\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard {\n border: none;\n border-radius: 12px;\n color: #666666;\n --tile-background-color: #fff;\n background-color: var(--tile-background-color);\n overflow: hidden;\n box-shadow: 0 0 0 1px #e2e2e2, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.inverted {\n box-shadow: 0 0 0 1px #1561A7, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.inverted.color-alternative {\n box-shadow: 0 0 0 1px #4C4C4C, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.dimmed-background .tile.dashboard {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.disabled,\n.dimmed-background .tile.dashboard.inverted {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n.tile.dashboard > .form-field {\n padding: 16px 20px 20px;\n / Define a short transition for opacity changes on all field elements (used in .loading state) /\n / Move part of the tile's padding (@offset) to the inner div. /\n / This makes it possible to draw the scrollbar (seemingly) outside the field. /\n / --- Special rules for specific tile fields --- /\n}\n.tile.dashboard > .form-field.label-hidden {\n padding-top: 20px;\n}\n.compact.tile.dashboard > .form-field.label-hidden {\n padding-top: 10px;\n}\n.compact.tile.dashboard > .form-field {\n padding-bottom: 10px;\n padding-left: 15px;\n padding-right: 15px;\n}\n.tile.dashboard > .form-field.no-padding {\n padding: 0;\n}\n.tile.dashboard > .form-field.no-padding > .field {\n border: 0;\n border-radius: 0;\n}\n.tile.dashboard > .form-field > label {\n color: #666666;\n margin: 0;\n font-size: 12px;\n font-weight: bold;\n padding-top: 0;\n padding-bottom: 5px;\n padding-right: 0;\n}\n.tile.dashboard > .form-field > .field {\n margin-left: 0;\n overflow: hidden;\n}\n.tile.dashboard > .form-field > .mandatory-indicator {\n display: none;\n}\n.tile.dashboard > .form-field > label,\n.tile.dashboard > .form-field > .mandatory-indicator,\n.tile.dashboard > .form-field > .field,\n.tile.dashboard > .form-field > .status {\n transition: opacity 0.15s;\n / Same time is used in animation() of .loading-indicator /\n opacity: 1;\n}\n.tile.dashboard > .form-field > .status {\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n background-color: var(--tile-background-color);\n box-shadow: 0 0 4px 4px var(--tile-background-color);\n border-radius: 50%;\n padding: 0;\n margin: 0;\n height: 24px !important;\n width: 24px !important;\n top: 12px !important;\n right: 12px !important;\n line-height: unset !important;\n}\n.tile.dashboard > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status {\n border-radius: 3px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside {\n padding-right: 3px;\n}\n.compact.tile.dashboard > .form-field.scrollbar-y-outside {\n padding-right: 0;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > label {\n margin-right: 17px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > .field {\n padding-right: 17px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > .field > .scrollbar.y-axis {\n / Remove margin top/bottom, because root-group-box already provides a padding /\n height: 100%;\n margin-top: 0;\n margin-bottom: 0;\n}\n.tile.dashboard > .form-field.browser-field > .field {\n border-radius: 0;\n}\n.tile.dashboard > .form-field.browser-field.inverted > .field {\n border: 0;\n}\n.tile.dashboard > .form-field.html-field > label,\n.tile.dashboard > .form-field.bean-field > label {\n padding-bottom: 10px;\n}\n.tile.dashboard.loading > .form-field > label,\n.tile.dashboard.loading > .form-field > .mandatory-indicator,\n.tile.dashboard.loading > .form-field > .field,\n.tile.dashboard.loading > .form-field > .status {\n / Same as 'visibility: hidden', except it can be animated with CSS transitions /\n opacity: 0;\n}\n.tile.dashboard.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.tile.dashboard.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(21, 97, 167, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.tile.dashboard.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.tile.dashboard.inverted {\n --tile-background-color: #1561A7;\n color: #fff;\n}\n.tile.dashboard.inverted.disabled:not(.read-only) {\n --tile-background-color: #DADADA;\n}\n.tile.dashboard.inverted > .form-field {\n / Override link style in inverted tiles, otherwise app-links would not be readable /\n}\n.tile.dashboard.inverted > .form-field > label {\n color: #fff;\n}\n.tile.dashboard.inverted > .form-field .app-link,\n.tile.dashboard.inverted > .form-field a {\n color: #fff;\n}\n.tile.dashboard.inverted > .form-field .app-link:hover,\n.tile.dashboard.inverted > .form-field a:hover {\n color: rgba(255, 255, 255, 0.85);\n}\n.tile.dashboard.inverted > .form-field .app-link:active,\n.tile.dashboard.inverted > .form-field a:active {\n color: rgba(255, 255, 255, 0.75);\n}\n.tile.dashboard.inverted > .form-field > .status::before {\n color: #fff;\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status::before {\n color: #fff;\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.15);\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:active::before,\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.inverted > .form-field.has-error > .status::before {\n color: #FF5555;\n}\n.tile.dashboard.inverted > .form-field.has-error > .status:hover::before,\n.tile.dashboard.inverted > .form-field.has-error > .status:active::before,\n.tile.dashboard.inverted > .form-field.has-error > .status.selected::before {\n color: #FF5555;\n}\n.tile.dashboard.inverted > .form-field .scrollbar-thumb-handle {\n background-color: rgba(218, 218, 218, 0.3);\n}\n.tile.dashboard.inverted > .form-field .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.tile.dashboard.inverted > .form-field .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(218, 218, 218, 0.45);\n}\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: rgba(218, 218, 218, 0.15);\n}\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(218, 218, 218, 0.15);\n}\n.tile.dashboard.color-alternative {\n --tile-background-color: #fff;\n color: #666666;\n}\n.tile.dashboard.color-alternative.disabled:not(.read-only) {\n --tile-background-color: #DADADA;\n}\n.tile.dashboard.color-alternative > .form-field > label {\n color: #666666;\n}\n.tile.dashboard.color-alternative > .form-field .app-link,\n.tile.dashboard.color-alternative > .form-field a {\n color: #1561A7;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:hover,\n.tile.dashboard.color-alternative > .form-field a:hover {\n color: #1b7bd4;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:active,\n.tile.dashboard.color-alternative > .form-field a:active {\n color: #1b7bd4;\n}\n.tile.dashboard.inverted.color-alternative {\n --tile-background-color: #4C4C4C;\n color: #fff;\n}\n.tile.dashboard.inverted.color-alternative.disabled:not(.read-only) {\n --tile-background-color: #DADADA;\n}\n.tile.dashboard.inverted.color-alternative > .form-field > label {\n color: #fff;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link,\n.tile.dashboard.inverted.color-alternative > .form-field a {\n color: #fff;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link:hover,\n.tile.dashboard.inverted.color-alternative > .form-field a:hover {\n color: rgba(255, 255, 255, 0.85);\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link:active,\n.tile.dashboard.inverted.color-alternative > .form-field a:active {\n color: rgba(255, 255, 255, 0.75);\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:hover::before {\n background-color: rgba(0, 0, 0, 0.15);\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:active::before,\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status.selected::before {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected {\n box-shadow: 0 0 0 2px #1561A7, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.inverted {\n --tile-background-color: #367ab8;\n box-shadow: 0 0 0 2px #367ab8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.color-alternative {\n box-shadow: 0 0 0 2px #4C4C4C, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.inverted.color-alternative {\n --tile-background-color: #555555;\n box-shadow: 0 0 0 2px #555555, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.dimmed-background .tile.dashboard.selected {\n box-shadow: 0 0 0 2px #1561A7, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.selected.inverted {\n box-shadow: 0 0 0 2px #367ab8, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n.dimmed-background .tile.dashboard.selected.color-alternative {\n box-shadow: 0 0 0 2px #4C4C4C, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.selected.inverted.color-alternative {\n box-shadow: 0 0 0 2px #555555, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n/\n Mixing that can be used to reduce the horizontal padding.\n To ensure the label is aligned with the label from other tiles the h-padding of the label is increased.\n /\n/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard > .tile-button {\n padding-top: 0;\n padding-bottom: 0;\n cursor: pointer;\n}\n.tile.dashboard > .tile-button > .field {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n.tile.dashboard > .tile-button > .field.with-icon {\n padding-top: 17px;\n}\n.tile.dashboard > .tile-button > .field.without-icon {\n justify-content: center;\n}\n.tile.dashboard > .tile-button > .field > .icon-container,\n.tile.dashboard > .tile-button > .field > .label {\n display: block;\n}\n.tile.dashboard > .tile-button > .field > .icon-container {\n flex-grow: 1;\n}\n.tile.dashboard > .tile-button > .field > .icon-container > .font-icon {\n font-size: 40px;\n font-weight: 300;\n color: #B2B2B2;\n}\n.tile.dashboard > .tile-button > .field > .label {\n font-size: 16px;\n max-height: 66px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.tile.dashboard > .tile-button > .field.with-icon > .label {\n padding-top: 18px;\n}\n.tile.dashboard.compact > .tile-button {\n padding-bottom: 0;\n}\n.tile.dashboard.compact > .tile-button > .field {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.tile.dashboard.compact > .tile-button > .field.with-icon {\n min-height: 100px;\n}\n.tile.dashboard.compact > .tile-button > .field > .label {\n font-size: 14px;\n padding-top: 0;\n display: -webkit-inline-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n.tile.dashboard.compact > .tile-button > .field > .icon-container > .font-icon {\n font-size: 28px;\n}\n.button-tile.dashboard {\n background-color: inherit;\n}\n.button-tile.dashboard > .tile-button {\n background-color: #fff;\n}\n.button-tile.dashboard > .tile-button > .field > .label {\n color: #1561A7;\n}\n.dimmed-background .button-tile.dashboard:hover {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n}\n.button-tile.dashboard:hover > .tile-button {\n background-color: #fafafa;\n}\n.button-tile.dashboard:active > .tile-button,\n.button-tile.dashboard.active > .tile-button {\n background-color: #f5f5f5;\n}\n.button-tile.dashboard.inverted > .tile-button {\n background-color: #1561A7;\n}\n.button-tile.dashboard.inverted > .tile-button > .field > .label {\n color: #fff;\n}\n.button-tile.dashboard.inverted > .tile-button > .field > .icon-container > .font-icon {\n color: #fff;\n}\n.button-tile.dashboard.inverted:hover > .tile-button {\n background-color: #125490;\n border-color: #125490;\n}\n.button-tile.dashboard.inverted:active > .tile-button,\n.button-tile.dashboard.inverted.active > .tile-button {\n background-color: #0f477a;\n border-color: #0f477a;\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button {\n background-color: #4C4C4C;\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button > .field > .label {\n color: #fff;\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button > .field > .icon-container > .font-icon {\n color: #fff;\n}\n.button-tile.dashboard.color-alternative.inverted:hover > .tile-button {\n background-color: #3f3f3f;\n border-color: #3f3f3f;\n}\n.button-tile.dashboard.color-alternative.inverted:active > .tile-button,\n.button-tile.dashboard.color-alternative.inverted.active > .tile-button {\n background-color: #333333;\n border-color: #333333;\n}\n.dimmed-background .button-tile.dashboard.disabled {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.button-tile.dashboard.disabled > .tile-button,\n.inverted.button-tile.dashboard.disabled > .tile-button,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button {\n background-color: transparent;\n border-color: transparent;\n cursor: default;\n}\n.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon,\n.inverted.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon {\n color: #808080;\n}\n.button-tile.dashboard.disabled > .tile-button > .field > .label,\n.inverted.button-tile.dashboard.disabled > .tile-button > .field > .label,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button > .field > .label {\n color: #808080;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard > .table-field {\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 12px;\n / adjust menu bar when visible /\n}\n.tile.dashboard > .table-field > label {\n padding-left: 10px;\n padding-right: 10px;\n}\n.tile.dashboard > .table-field.label-hidden {\n padding-top: 7px;\n}\n.tile.dashboard > .table-field > label {\n padding-bottom: 10px;\n}\n.compact.tile.dashboard > .table-field {\n padding-left: 5px;\n padding-right: 5px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-left: 10px;\n padding-right: 10px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-bottom: 5px;\n}\n.tile.dashboard > .table-field.has-menubar {\n padding-bottom: 2px;\n}\n.tile.dashboard > .table-field.has-menubar > .table > .menubar.bottom {\n padding-top: 1px;\n}\n.tile.dashboard > .table-field > .table {\n border: 0;\n / see .table-row definition below /\n border-radius: 0;\n background-color: transparent;\n}\n.tile.dashboard > .table-field > .table:focus,\n.tile.dashboard > .table-field > .table.focused {\n box-shadow: none;\n}\n.tile.dashboard > .table-field > .table > .table-header {\n background-color: transparent;\n / show separator on mouseover only /\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item {\n color: #4C4C4C;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered {\n padding-right: 7px;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.halign-center {\n padding-right: 7px;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-left,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-left,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-left,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-right {\n padding-right: 11px;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item > .table-header-item-state {\n display: none;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-resize {\n display: none;\n}\n.tile.dashboard > .table-field > .table > .table-header:hover > .table-header-resize {\n display: inline-block;\n}\n.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row.selected {\n / No selection color for non-focused table tiles /\n background-color: transparent;\n}\n.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row.selected::after {\n border: 0;\n}\n.tile.dashboard > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n --scroll-shadow-color: #fff;\n}\n.tile.dashboard > .table-field > .table > .table-data > .table-row > .table-cell,\n.tile.dashboard > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #4C4C4C;\n}\n.tile.dashboard > .table-field > .table > .menubar {\n background-color: transparent;\n}\n.tile.dashboard.inverted > .table-field > .table:focus > .table-data > .table-row.selected,\n.tile.dashboard.inverted > .table-field > .table.focused > .table-data > .table-row.selected {\n background-color: #186ebe;\n}\n.tile.dashboard.inverted > .table-field > .table:focus > .table-data > .table-row.selected::after,\n.tile.dashboard.inverted > .table-field > .table.focused > .table-data > .table-row.selected::after {\n border-color: rgba(255, 255, 255, 0.5);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-item {\n color: #fff;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-resize {\n background-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row:active {\n background-color: transparent;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #fff;\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #fff;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-color: #1561A7;\n}\n.tile.dashboard.inverted > .table-field > .table > .menubar {\n border-top-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .menubar > .menubar-box > .menu-item {\n color: #fff;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table:focus > .table-data > .table-row.selected,\n.tile.dashboard.color-alternative.inverted > .table-field > .table.focused > .table-data > .table-row.selected {\n background-color: #595959;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table:focus > .table-data > .table-row.selected::after,\n.tile.dashboard.color-alternative.inverted > .table-field > .table.focused > .table-data > .table-row.selected::after {\n border-color: rgba(255, 255, 255, 0.5);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-item {\n color: #fff;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-resize {\n background-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row:active {\n background-color: transparent;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #fff;\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #fff;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-color: #4C4C4C;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .menubar {\n border-top-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .menubar > .menubar-box > .menu-item {\n color: #fff;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.filter-field {\n position: absolute;\n --filter-field-height: 30px;\n --filter-field-bottom: 8px;\n --filter-field-max-bottom: calc(50% - var(--filter-field-height) / 2);\n bottom: min(var(--filter-field-bottom), var(--filter-field-max-bottom));\n right: 8px;\n height: var(--filter-field-height);\n width: 190px;\n min-width: 75px;\n max-width: 60%;\n display: flex;\n align-items: center;\n z-index: 3;\n border-radius: 3px;\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n background-color: var(--filter-field-background-color);\n opacity: 1;\n visibility: visible;\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n 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);\n}\n:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.filter-field::before {\n content: '\\E02A';\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n bottom: calc((var(--filter-field-height) - 24px) / 2);\n right: 3px;\n height: 24px;\n width: 24px;\n opacity: 0;\n transition: bottom 250ms ease-in-out, right 250ms ease-in-out, opacity 250ms ease-in-out;\n font-size: 14px;\n color: #666666;\n border-radius: 3px;\n}\n.filter-field:hover::before {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.filter-field > :not(.key-box) {\n opacity: 1;\n transition: opacity 250ms ease-in-out;\n}\n.filter-field > input {\n width: 100%;\n min-height: 100%;\n}\n.filter-field.clearable-always:not(.has-text) > .clear-icon,\n.filter-field.clearable-focused:not(.has-text):not(.focused) > .clear-icon {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n.filter-field > .clear-icon {\n display: flex;\n right: 3px;\n margin-right: 0;\n transition: right 250ms ease-in-out, opacity 250ms ease-in-out;\n}\n.filter-field > .key-box {\n top: calc(50% - 22px / 2) !important;\n}\n.filter-field:not(.focused).empty {\n --filter-field-bottom: 8px + ((var(--filter-field-height) - 24px) / 2);\n --filter-field-max-bottom: calc(50% - 24px / 2);\n right: 11px;\n height: 24px;\n width: 24px;\n min-width: 24px;\n max-width: 24px;\n box-shadow: none;\n background-color: var(--filter-field-transparent-80-background-color);\n}\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n .filter-field:not(.focused).empty {\n background-color: var(--filter-field-transparent-50-background-color);\n -webkit-backdrop-filter: blur(2px);\n backdrop-filter: blur(2px);\n }\n}\n.filter-field:not(.focused).empty::before {\n bottom: 0;\n right: 0;\n opacity: 1;\n}\n.filter-field:not(.focused).empty > :not(.key-box) {\n opacity: 0;\n}\n.filter-field:not(.focused).empty > input {\n cursor: pointer;\n}\n.filter-field:not(.focused).empty > .clear-icon {\n right: 0;\n}\n.filter-field:not(.focused).empty > .key-box.char {\n margin-left: -10px;\n margin-right: -5px;\n}\n.filter-field-container {\n position: sticky;\n --filter-field-height: 30px;\n --filter-field-container-top: calc(100% - 8px);\n --filter-field-container-min-top: calc(50% + var(--filter-field-height) / 2);\n top: max(var(--filter-field-container-top), var(--filter-field-container-min-top));\n left: calc(100% - 8px);\n width: 0;\n height: 0;\n overflow: visible;\n z-index: 3;\n --filter-field-max-width: 190px;\n}\n.filter-field-container:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 1;\n visibility: visible;\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n}\n.filter-field-container > .filter-field {\n bottom: 0;\n right: 0;\n max-width: var(--filter-field-max-width);\n}\n:not(:hover) > .filter-field-container > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.filter-field-container > .filter-field:not(.focused).empty {\n bottom: calc((var(--filter-field-height) - 24px) / 2);\n right: 3px;\n}\n@supports not (bottom: min(50%, 42px)) {\n .filter-field-container,\n .filter-field {\n display: none !important;\n / NOSONAR (!important is okay here) /\n }\n}\n.dense .filter-field,\n.dense .filter-field-container {\n --filter-field-height: 24px;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.login-box-content > form > input,\n.login-box-content > form > .button {\n width: calc(100% - 40px);\n height: 40px;\n margin: 4px 20px;\n font-size: 14px;\n}\n.login-box-content > form > .button {\n margin-top: 16px;\n margin-bottom: 0;\n}\n.login-box-content > form > .message-box {\n margin: 0 20px 12px 20px;\n}\n.login-box-content > form > input.alternative:-webkit-autofill {\n / NOSONAR (for some reason, rule \"less:overqualified-elements\" is illegitimately triggered here)\n /* Improve Chrome's auto-fill style by overriding the forced yellow background and black text color. /\n / (Requires some hacks, see http://webagility.com/posts/remove-forced-yellow-input-background-in-chrome) /\n border-top-width: 0;\n padding-top: 3px;\n -webkit-box-shadow: inset 0 0 0 1000px #fff;\n -webkit-text-fill-color: #000 !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::first-line {\n font-size: 14px;\n font-family: Arial, sans-serif;\n}\n.login-box-content > form > input.alternative:-webkit-autofill:focus {\n -webkit-text-fill-color: #1561A7 !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::selection {\n -webkit-text-fill-color: #fff !important;\n / NOSONAR (!important is okay here) /\n}\n/\n * Login button is a default button -> styles are defined in main.css.\n * Difference to regular default button is the disabled style and the ability to turn red.\n /\n.login-button.default.login-error:not(.disabled) {\n border-color: transparent;\n background-color: #D53F3F;\n}\n.login-button.default.login-error:not(.disabled):hover {\n background-color: #c92c2c;\n}\n.login-button.default.login-error:not(.disabled):active {\n background-color: #ac2626;\n}\n.login-button.default.login-error:not(.disabled):focus {\n outline: none;\n box-shadow: 0 0 0 3px rgba(213, 63, 63, 0.4);\n border-color: rgba(213, 63, 63, 0.55);\n}\n.login-button.default.disabled {\n color: #fff;\n border-color: #1561A7;\n background-color: #1561A7;\n}\n.login-button-loading {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n display: inline-block;\n border-radius: 50%;\n border: 1px rgba(255, 255, 255, 0.8) solid;\n width: 18px;\n height: 18px;\n vertical-align: middle;\n}\n.login-body > .box-background-elements.box-background-elements-fadeout,\n.logout-body > .box-background-elements.box-background-elements-fadeout {\n -webkit-animation: nop 0.05s;\n -moz-animation: nop 0.05s;\n -o-animation: nop 0.05s;\n animation: nop 0.05s;\n}\n@media (max-width: 490px) {\n .login-box-content > form > .message-box,\n .login-box-content > form > input,\n .login-box-content > form > .button {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n }\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.breadcrumb-bar-field > .field {\n padding-bottom: 0;\n}\n.dense .breadcrumb-bar-field > .field {\n padding-bottom: 4px;\n}\n/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.breadcrumb-bar {\n overflow: hidden;\n white-space: nowrap;\n}\n/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.breadcrumb-item {\n display: inline-flex;\n align-items: center;\n text-align: center;\n height: 100%;\n color: #1561A7;\n font-size: 14px;\n vertical-align: top;\n}\n.breadcrumb-item.last {\n font-weight: bold;\n}\n.breadcrumb-item:hover:not(.disabled) {\n color: #1b7bd4;\n}\n.breadcrumb-item:not(.first)::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\F105';\n color: #000;\n display: block;\n margin: 0 5px;\n cursor: default;\n}\n.breadcrumb-item:not(.disabled):active {\n color: #2F3C45;\n}\n.breadcrumb-item:not(.disabled) {\n cursor: pointer;\n}\n.breadcrumb-item.disabled {\n color: #808080;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\nbody {\n background-color: @body-background-color;\n #scout.font-text-normal();\n height: 100%;\n width: 100%;\n margin: 0;\n overflow: hidden;\n cursor: default;\n color: @text-color;\n letter-spacing: @letter-spacing;\n #scout.user-select(none);\n //noinspection CssInvalidPropertyValue\n -moz-user-select: -moz-none;\n / Prevent mobile safari from adjusting text, due to our dynamic layouting it will be always wrong /\n -webkit-text-size-adjust: none;\n / Disable highlight color. May be enabled for specific elements if required /\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &.ios {\n / Body can be moved on ios even if it isn't scrollable. Prevent it by using position: fixed.\n Drawback: it seems something invisible happens nevertheless, actions like a button click won't be executed if the user tried to scroll right before.\n He has to wait until the invisible scrolling has finished before he can try to click the button.\n 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.\n Hence it is important to only activate it on ios. /\n position: fixed;\n }\n}\n\n/ -moz variant is required, see https://bugzilla.mozilla.org/show_bug.cgi?id=509958 /\n::-moz-selection {\n #scout.text-selection();\n}\n\n::selection {\n #scout.text-selection();\n}\n\n::-webkit-input-placeholder {\n #scout.placeholder();\n}\n\n:-moz-placeholder { / older versions of firefox /\n #scout.placeholder();\n}\n\n::-moz-placeholder {\n #scout.placeholder();\n}\n\n:-ms-input-placeholder {\n #scout.placeholder();\n}\n\n::placeholder { / Most modern browsers /\n #scout.placeholder();\n}\n\n/ Hide IE decorations for text input fields: /\n/ - Clear button (\"X\"): https://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx /\n/ - Password reveal button: https://msdn.microsoft.com/en-us/library/windows/apps/hh465773.aspx /\n/ Note: Set width/height to 0 instead of \"display: none\", because of http://stackoverflow.com/a/17986002 /\n::-ms-clear {\n width: 0;\n height: 0;\n}\n\n::-ms-reveal {\n width: 0;\n height: 0;\n}\n\n.disabled {\n &::-moz-selection {\n #scout.text-selection-disabled();\n }\n\n &::selection {\n #scout.text-selection-disabled();\n }\n\n &::-webkit-input-placeholder {\n #scout.placeholder-disabled();\n / 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/\n -webkit-text-fill-color: currentcolor;\n }\n\n &:-moz-placeholder { / older versions of firefox /\n #scout.placeholder-disabled();\n }\n\n &::-moz-placeholder {\n #scout.placeholder-disabled();\n }\n\n &:-ms-input-placeholder {\n #scout.placeholder-disabled();\n }\n}\n\n/ Add this class to temporary remove an element from the document flow. /\n/ !important is used to override any specific \"display\" values (because this /\n/ call would in most cases be less specific than the element's rules). /\n.hidden {\n display: none !important; / NOSONAR (!important is okay here) /\n}\n\n/ Add this class to temporary hide (but not remove from flow) an element. Similar to \"hidden\". /\n.invisible {\n visibility: hidden !important; / NOSONAR (!important is okay here) /\n}\n\n, ::before, ::after { /* NOSONAR (universal selector is okay here) /\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n/ Workaround for firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=648624 /\n/ use -moz-none to allow child element to set -moz-user-select: text /\n/ See also: focusUtil.js, isSelectableText() /\n.table-cell,\n.table-header-item,\n.tree-node,\n.table-footer,\n.table-control,\n.table-info-item,\n.table-header-menu-group-text {\n //noinspection CssInvalidPropertyValue\n -moz-user-select: -moz-none;\n}\n\ninput,\ntextarea,\nbutton {\n #scout.font-text-normal();\n letter-spacing: @letter-spacing;\n}\n\ninput,\ntextarea,\n.input-field {\n background-color: @control-background-color;\n color: @control-color;\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n\n &.disabled {\n background-color: @control-disabled-background-color;\n border-color: @control-disabled-border-color;\n color: @control-disabled-color;\n }\n\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.has-error {\n border-color: @error-border-color;\n background-color: @error-background-color;\n }\n\n &.has-error:focus,\n &.has-error.focused {\n #scout.focus-box-shadow(@box-shadow-color: @error-focus-box-shadow-color);\n }\n\n &.read-only {\n #scout.read-only();\n }\n}\n\ntextarea.read-only {\n // full border around text area not only on the bottom, same as for alternative style\n border: 1px dashed @border-color;\n}\n\ninput[type=\"text\"].alternative,\ninput[type=\"password\"].alternative {\n / Add 1px padding to prevent the text from moving a little when field is focused due to the 2px focus border /\n padding-bottom: 1px;\n\n / Compensate padding-bottom to align input text with label on the left /\n / It won't be perfect (especially when zoomed) but should be good enough /\n padding-top: @text-field-padding-top-compensation;\n}\n\ninput.alternative,\n.input-field.alternative {\n background-color: @text-field-alternative-background-color;\n border-color: transparent;\n border-bottom-color: @text-field-alternative-border-color;\n border-radius: 0;\n border-left-width: 0;\n border-right-width: 0;\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n\n &.disabled {\n color: @disabled-color;\n border-bottom-style: dashed;\n border-bottom-color: @text-field-alternative-disabled-border-color;\n }\n\n &:focus,\n &.focused {\n color: @focus-color;\n #scout.alternative-focus-border();\n }\n\n &.has-error {\n color: @error-color;\n border-bottom-color: @error-border-color;\n }\n\n &.has-error:focus,\n &.has-error.focused {\n border-bottom-color: @error-border-color;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n }\n\n &.read-only {\n color: @read-only-color;\n }\n}\n\ninput {\n padding: 0 @text-field-padding-x;\n\n / remove platform specific styling, mainly used to remove shadow on iOS Safari /\n\n &:not([type=checkbox]):not([type=radio]) {\n -webkit-appearance: none;\n -moz-appearance: none;\n }\n\n / text inputs on Safari have 2px top and bottom margin -> remove/\n margin: 0;\n}\n\ninput,\ntextarea {\n &.disabled {\n / Only setting the color has no effect for input elements on iOS Safari -> set fill color, too /\n / It is activated for input elements only since the rule would be inherited by sub elements and therefore would change theirs colors as well /\n / Unfortunately currentcolor variable does seem to not work anymore so we have to use the less variable (somehow it still works for the placeholder) /\n -webkit-text-fill-color: @disabled-color;\n opacity: 1;\n\n &.read-only {\n -webkit-text-fill-color: @read-only-color;\n }\n\n &::selection {\n -webkit-text-fill-color: @text-selection-disabled-color;\n }\n }\n}\n\ntextarea.alternative {\n background-color: @text-field-alternative-background-color;\n\n &.disabled:not(.read-only) {\n background-color: transparent;\n border: 1px dashed @border-color;\n color: @disabled-color;\n }\n}\n\ninput[type=\"text\"],\ntextarea {\n / Explicitly set 'user-select' to something other than 'none', otherwise the focus manager /\n / might prevent text selection (scout.focusUtils.isSelectableText()). Some browsers already /\n / provide such a rule in the user style sheet, but some do not (e.g. Chrome 62). /\n #scout.user-select(text);\n}\n\ntextarea {\n / these two properties are required for FF, otherwise the editable textarea is 2px too large, /\n / and the DOM inspector does not include these 2 pixels. /\n margin: 0 auto;\n padding: @text-field-padding-y @text-field-padding-x;\n resize: none;\n / Override default overflow value 'scroll' /\n overflow: auto;\n\n / IE/Edge: show scrollbars on textarea if the content is too big to fit /\n / overflow:auto alone is not sufficient because -ms-overflow-style could be set on a parent element and textarea inherits this property /\n -ms-overflow-style: auto;\n\n / remove platform specific styling, mainly used to remove shadow on ios safari /\n -webkit-appearance: none;\n -moz-appearance: none;\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n}\n\n.input-field {\n padding: @text-field-padding-y @text-field-padding-x;\n #scout.overflow-ellipsis-nowrap();\n #scout.user-select(text);\n}\n\nbutton {\n padding: @button-padding-y @button-padding-x;\n margin: 0; / reset user agent style, e.g. on safari /\n}\n\n/ cursor handling /\n\n/ The following classes are added dynamically while dragging. !important is necessary to override /\n/ any cursor an underlying component defines while moving the mouse. /\n\n.col-resize,\n.col-resize { /* NOSONAR (universal selector is okay here) /\n cursor: col-resize !important; / NOSONAR (!important is okay here) /\n}\n\n.row-resize,\n.row-resize { /* NOSONAR (universal selector is okay here) /\n cursor: row-resize !important; / NOSONAR (!important is okay here) /\n}\n\n/ Used to temporarily disable pointer events on iframes while dragging elements /\n.dragging-in-progress {\n pointer-events: none;\n}\n\n/ remove the dotted border in firefox /\nbutton::-moz-focus-inner {\n border: 0;\n}\n\n.drag-handle {\n content: '';\n width: 100%;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n margin-top: -5px;\n cursor: move;\n z-index: 10;\n}\n\n.closer {\n #scout.font-icon();\n font-size: 17px;\n cursor: pointer;\n color: @closer-color;\n padding: 4px;\n border-radius: @border-radius;\n\n &::before {\n content: @icon-remove-bold;\n }\n\n &:hover {\n background-color: @hover-background-color;\n color: @closer-hover-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n}\n\n.save-needer {\n #scout.font-icon();\n font-size: 12px;\n color: @save-needer-color;\n\n &::before {\n content: @icon-pencil-underline-solid;\n }\n}\n\n/ Used to display errors from server when desktop is not available /\n.fatal-error {\n margin: 10px;\n #scout.user-select(text)\n}\n\n.application-loading-root {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background-color: @application-loading-background-color;\n pointer-events: none;\n\n &.fadeout {\n #scout.animation(application-loading-fade-out @loading-fade-duration linear 1 forwards);\n }\n}\n\n.keyframes-application-loading-fade-out() {\n to {\n opacity: 0;\n }\n}\n\n@-webkit-keyframes application-loading-fade-out {\n .keyframes-application-loading-fade-out();\n}\n\n@keyframes application-loading-fade-out {\n .keyframes-application-loading-fade-out();\n}\n\n.application-loading01 {\n height: @application-loading01-size;\n width: @application-loading01-size;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: 0 0 6px 3px @application-loading01-color;\n #scout.animation(pulsate 2s ease-out infinite);\n }\n}\n\n.application-loading02 {\n height: @application-loading02-size;\n width: @application-loading02-size;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: inset 0 0 4px 2px @application-loading02-color;\n #scout.animation(pulsate 2.84s ease-out infinite);\n }\n}\n\n\na,\n.link,\n.app-link {\n color: @link-color;\n text-decoration: none;\n cursor: pointer;\n\n &:hover {\n color: @link-hover-color;\n }\n\n &:active, &.active {\n color: @link-active-color;\n }\n\n &:focus {\n outline-color: @link-color;\n #scout.focus-box-shadow();\n }\n}\n\n.font-icon {\n #scout.font-icon();\n}\n\n.white-space-nowrap {\n #scout.white-space-nowrap();\n}\n\n.startup-error {\n #scout.user-select(text);\n #scout.drop-shadow();\n margin: 100px 50px;\n padding: 20px;\n border: 1px solid @error-border-color;\n background-color: @error-background-color;\n}\n\n.startup-error-title {\n font-weight: bold;\n padding-bottom: 10px;\n}\n\n/ --- z-index --- /\n/ Rule: All child elements of .scout get the same z-index 0 assigned. This spawns a new stacking context for each /\n/ of these elements (iff they are \"positioned\"). To bring a new element to the top, add it to the end of the list. /\n/ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context /\n.scout > .desktop-navigation,\n.scout > .desktop-header,\n.scout > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .notifications {\n z-index: 0;\n}\n\nnoscript {\n display: block;\n\n & > .wrapper > .box-content > h1 {\n #scout.font-text-normal(bold);\n }\n}\n\n/ Internet explorer applies the -ms-user-select setting: none (inherited from body) also to iframe contents.\n * Other browsers do not, websites within an iframe should decide on their own if they are selectable (or not).\n * Reset to default.\n /\niframe {\n //noinspection CssInvalidPropertyValue\n -ms-user-select: element;\n}\n\n.error-popup-correlation-id {\n #scout.user-select(text);\n #scout.font-text-small();\n color: @disabled-color;\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n#scout {\n\n .vendor(@property, @value) {\n -webkit-@{property}: @value;\n -moz-@{property}: @value;\n -ms-@{property}: @value;\n -o-@{property}: @value;\n @{property}: @value;\n }\n\n .glow(@color, @radius: 5px) {\n box-shadow: 0 0 @radius @color;\n }\n\n .inner-glow(@color, @radius: 4px) {\n box-shadow: inset 0 0 @radius @color;\n }\n\n .drop-shadow(@x: 0px, @y: @drop-shadow-y, @blur: @drop-shadow-blur, @spread: 0px, @alpha: @drop-shadow-alpha) {\n box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);\n }\n\n .double-drop-shadow(@x1: 0, @y1: 0, @blur1: 0, @spread1: 0, @color1: @palette-black, @x2: 0px, @y2: 6px, @blur2: 13px, @spread2: 0px, @alpha2: @drop-shadow-alpha) {\n box-shadow: @x1 @y1 @blur1 @spread1 @color1, @x2 @y2 @blur2 @spread2 rgba(0, 0, 0, @alpha2);\n }\n\n .drop-shadow-large(@x: 0px, @y: @drop-shadow-large-y, @blur: @drop-shadow-large-blur, @spread: 0px, @alpha: @drop-shadow-large-alpha) {\n #scout.drop-shadow(@x, @y, @blur, @spread, @alpha);\n }\n\n .focus-border(@box-shadow-size: @focus-box-shadow-size, @box-shadow-color: @focus-box-shadow-color, @border-color: @focus-box-shadow-border-color) {\n #scout.focus-box-shadow(@box-shadow-size, @box-shadow-color);\n border-color: @border-color;\n }\n\n .no-focus-border() {\n outline: none;\n border: 0;\n box-shadow: 0 0 0 0;\n }\n\n .focus-box-shadow(@box-shadow-size: @focus-box-shadow-size, @box-shadow-color: @focus-box-shadow-color) {\n outline: none;\n box-shadow: 0 0 0 @box-shadow-size @box-shadow-color;\n }\n\n .focus-inset-box-shadow() {\n outline: none;\n box-shadow: inset 0 0 0 @focus-box-shadow-size @focus-box-shadow-color;\n }\n\n .focus-box-shadow-transition() {\n transition: box-shadow 0.3s ease;\n }\n\n .alternative-focus-border() {\n border-bottom-color: @focus-border-color;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n }\n\n .inverted-bottom-round-edge(@border-radius: 12px, @color: #ffffff) {\n @border-width: 5px;\n\n --color: @color; // Allows to change color only\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -@border-width;\n height: @border-radius;\n width: @border-radius;\n box-sizing: content-box;\n border: @border-width solid var(--color);\n border-top: none;\n\n &.left {\n left: -@border-radius;\n border-bottom-right-radius: @border-radius+@border-width;\n border-left: none;\n }\n\n &.right {\n right: -@border-radius;\n border-bottom-left-radius: @border-radius+@border-width;\n border-right: none;\n }\n }\n\n .transform(@args) {\n -webkit-transform: @args;\n -ms-transform: @args;\n transform: @args;\n }\n\n .transform-origin(@args) {\n -webkit-transform-origin: @args;\n -moz-transform-origin: @args;\n -ms-transform-origin: @args;\n transform-origin: @args;\n }\n\n .text-selection() {\n background: @text-selection-background-color;\n color: @text-selection-color;\n }\n\n .text-selection-disabled() {\n background: @text-selection-disabled-background-color;\n color: @text-selection-disabled-color;\n }\n\n .placeholder() {\n color: @text-field-placeholder-color;\n opacity: 1; / necessary for firefox /\n }\n\n .placeholder-disabled() {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: fade(@disabled-color, 50%);\n }\n\n .fake-placeholder() {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n #scout.placeholder();\n content: attr(placeholder);\n }\n\n .overlay(@left: 0, @top: 0, @diffW: 0, @diffH: 0) {\n position: absolute;\n content: '';\n left: @left;\n top: @top;\n width: calc(~'100% + ' @diffW);\n height: calc(~'100% + ' @diffH);\n }\n\n / Use dashed line instead of solid to avoid visual conflict with editable fields /\n .read-only() {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px @border-color;\n color: @read-only-color;\n }\n\n .value-field-with-icon(@className: ~'.icon') {\n\n &.focused > @{className}::before,\n &.focused > .field > @{className}::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error > @{className}::before,\n &.has-error > .field > @{className}::before,\n &.has-error > .field > @{className}::before {\n color: @text-field-icon-error-color;\n }\n\n &.disabled > @{className},\n &.disabled > .field > @{className},\n &.compact > @{className},\n &.compact > .field > @{className} {\n display: none;\n }\n\n &.alternative.has-error:focus > .field > @{className}::before,\n &.alternative.has-error.focused > .field > @{className}::before {\n color: @text-field-icon-error-color;\n }\n }\n\n .status {\n display: flex;\n align-items: center;\n\n &::before {\n #scout.font-icon();\n font-size: @status-font-icon-size;\n border-radius: @control-border-radius;\n width: @field-status-size;\n height: @field-status-size;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n .menu-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-ellipsis-v;\n color: @status-menu-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-menu-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-menu-hover-color;\n }\n }\n\n .tooltip-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-info;\n color: @status-info-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-info-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-info-hover-color;\n }\n }\n\n .info-status {\n #scout.tooltip-status();\n }\n\n .ok-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-info;\n color: @status-ok-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-ok-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-ok-hover-color;\n }\n }\n\n .warning-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-error;\n color: @status-warning-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-warning-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-warning-hover-color;\n }\n }\n\n .error-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-error;\n color: @status-error-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-error-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-error-hover-color;\n }\n }\n\n .loading-indicator(@loading-animation-size: 30px, @border-width: 1px) {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -(@loading-animation-size / 2);\n margin-left: -(@loading-animation-size / 2);\n #scout.animation(fade-in 0.15s);\n #scout.loading-indicator-before(@loading-animation-size, @border-width);\n\n &.animate-remove {\n #scout.animation(fade-out-from-current 0.15s);\n }\n }\n\n .loading-indicator-before(@loading-animation-size: 30px, @border-width: 1px) {\n\n &::before {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: @border-width fade(@busyindicator-color, 80%) solid;\n width: @loading-animation-size;\n height: @loading-animation-size;\n }\n }\n\n .loading-indicator-knight-rider() {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n height: 2px;\n width: 100%;\n opacity: 0;\n animation: fade-in 1s forwards, slideout-right 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n\n &::before {\n animation: slideout-left 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n content: '';\n position: absolute;\n background: linear-gradient(to right, transparent 0%, @loading-indicator-knight-rider-color 20%, @loading-indicator-knight-rider-color 80%, transparent 100%);\n left: 0;\n width: 50px;\n height: 100%;\n }\n }\n\n .user-select(@mode) {\n -webkit-user-select: @mode;\n -moz-user-select: @mode;\n -ms-user-select: @mode;\n user-select: @mode;\n }\n\n .overflow-ellipsis() {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .overflow-ellipsis-nowrap() {\n #scout.overflow-ellipsis();\n white-space: nowrap;\n }\n\n .overflow-nowrap() {\n overflow: hidden;\n white-space: nowrap;\n }\n\n .white-space-nowrap() {\n white-space: nowrap;\n }\n\n // Can be used in a before or after element to enlarge a text to a size it would have if it was bold\n .bold-text-enlarger() {\n content: attr(data-text);\n display: block;\n font-weight: @title-font-weight;\n visibility: hidden;\n height: 0;\n }\n\n .triangle-top-left(@size, @color) {\n width: 0;\n height: 0;\n border-style: solid;\n border-width: @size @size 0 0;\n #scout.triangle-top-left-color(@color);\n }\n\n .triangle-top-left-color(@color) {\n border-color: @color transparent transparent transparent;\n }\n\n .item-selection-border(@border-color: @item-selection-nonfocus-border-color) {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: @item-selection-border-width solid @border-color;\n border-radius: @control-border-radius;\n pointer-events: none;\n }\n\n / Font Mixins /\n\n .font-text-small(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-small;\n }\n\n .font-text-normal(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-normal;\n }\n\n .font-text-plus(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-plus;\n }\n\n .font-text-large(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-large;\n }\n\n .font-icon() {\n font-family: scoutIcons, @font-default-family;\n font-weight: @font-weight-normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .submenu-icon() {\n #scout.font-icon();\n font-size: 16px;\n }\n\n .submenu-icon-open() {\n #scout.transform(rotateX(180deg) translateY(-1px));\n }\n\n / Invisible pseudo element that enables vertical-align if container has height set /\n .vertical-align-helper(@minHeight: 0) {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: @minHeight;\n }\n\n .vertical-align-helper-before(@minHeight: 0) {\n &::before {\n #scout.vertical-align-helper(@minHeight);\n }\n }\n\n .vertical-align-helper-after(@minHeight: 0) {\n &::after {\n #scout.vertical-align-helper(@minHeight);\n }\n }\n\n //noinspection CssInvalidPropertyValue\n .cursor-grab {\n / \"grab\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: grab;\n }\n\n //noinspection CssInvalidPropertyValue\n .cursor-grabbing {\n / \"grabbing\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: grabbing;\n }\n\n / Mixin for chooser popups as used in smart-field /\n\n .chooser-popup {\n position: absolute;\n overflow: hidden;\n #scout.control-popup();\n\n &.touch {\n background-color: @table-header-background-color;\n }\n }\n\n .backdrop-filter(@background-color, @backdrop-filter, @fallback-background-color) {\n background-color: @fallback-background-color; // For browsers that don't support backdrop-filter\n\n @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n background-color: @background-color;\n -webkit-backdrop-filter: @backdrop-filter;\n backdrop-filter: @backdrop-filter;\n }\n }\n\n .popup {\n background-color: @popup-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-radius: @popup-border-radius;\n #scout.drop-shadow-large();\n }\n\n .popup-backdrop-filter() {\n #scout.backdrop-filter(@background-color: @popup-backdrop-background-color, @backdrop-filter: @popup-backdrop-filter, @fallback-background-color: @popup-background-color);\n }\n\n // Second layer popups that are normally a little smaller than the other popups\n .popup-2(@border-radius: @border-radius-medium) {\n background-color: @popup-2-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-radius: @border-radius;\n #scout.drop-shadow-large();\n }\n\n .popup-2-backdrop-filter() {\n #scout.backdrop-filter(@background-color: @popup-2-backdrop-background-color, @backdrop-filter: @popup-2-backdrop-filter, @fallback-background-color: @popup-2-background-color);\n }\n\n .control-popup() {\n #scout.popup-2(@control-border-radius);\n margin: @control-popup-margin;\n }\n\n / Mixin for scrollbar positioning /\n .scrollbar-y-padding(@padding: @scrollbar-side-padding, @padding-hover: @scrollbar-side-padding-hover) {\n & > .scrollbar-thumb.y-axis {\n padding-left: @padding;\n }\n\n &:hover.y-axis > .scrollbar-thumb.y-axis,\n &.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: @padding-hover;\n }\n }\n\n .scrollbar-x-padding(@padding: @scrollbar-side-padding, @padding-hover: @scrollbar-side-padding-hover) {\n & > .scrollbar-thumb.x-axis {\n padding-top: @padding;\n }\n\n &:hover.x-axis > .scrollbar-thumb.x-axis,\n &.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: @padding-hover;\n }\n }\n\n /\n * Hides the scrollbars but lets the user still scroll (e.g. using mousewheel or touch).\n * This works a bit different for every browser.\n /\n\n .hide-scrollbars {\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none;\n\n / Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width /\n scrollbar-width: none;\n }\n\n /\n 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).\n /\n\n .inverted-scrollbars {\n & > .scrollbar > .scrollbar-thumb {\n & > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-color;\n }\n\n &.scrollbar-thumb-move > .scrollbar-thumb-handle,\n &:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-hover-color;\n }\n\n &.container-too-small-for-thumb > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-small-color;\n }\n\n &.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n &.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-small-hover-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n#scout {\n / args = keyframeName, timingFunction, iterationCount /\n .animation(@args) {\n -webkit-animation: @args;\n -moz-animation: @args;\n -o-animation: @args;\n animation: @args;\n }\n\n .animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n -moz-animation-duration: @duration;\n -o-animation-duration: @duration;\n animation-duration: @duration;\n }\n\n .animation-name(@name) {\n -webkit-animation-name: @name;\n -moz-animation-name: @name;\n -o-animation-name: @name;\n animation-name: @name;\n }\n\n .animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n -moz-animation-delay: @delay;\n -o-animation-delay: @delay;\n animation-delay: @delay;\n }\n\n .animation-fill-mode(@fillMode) {\n -webkit-animation-fill-mode: @fillMode;\n -moz-animation-fill-mode: @fillMode;\n -o-animation-fill-mode: @fillMode;\n animation-fill-mode: @fillMode;\n }\n\n .animation-timing-function(@timingFunction) {\n -webkit-animation-timing-function: @timingFunction;\n -moz-animation-timing-function: @timingFunction;\n -o-animation-timing-function: @timingFunction;\n animation-timing-function: @timingFunction;\n }\n\n .animation-iteration-count(@iterationCount) {\n -webkit-animation-iteration-count: @iterationCount;\n -moz-animation-iteration-count: @iterationCount;\n -o-animation-iteration-count: @iterationCount;\n animation-iteration-count: @iterationCount;\n }\n\n / Fade In /\n\n .keyframes-fade-in() {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @-webkit-keyframes fade-in {\n .keyframes-fade-in()\n }\n @keyframes fade-in {\n .keyframes-fade-in()\n }\n\n / Fade Out /\n\n .keyframes-fade-out() {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n\n @-webkit-keyframes fade-out {\n .keyframes-fade-out();\n }\n @keyframes fade-out {\n .keyframes-fade-out();\n }\n\n / Fade In from current /\n\n .keyframes-fade-in-from-current() {\n to {\n opacity: 1;\n }\n }\n\n @-webkit-keyframes fade-in-from-current {\n .keyframes-fade-in-from-current()\n }\n @keyframes fade-in-from-current {\n .keyframes-fade-in-from-current()\n }\n\n / Fade Out from current /\n\n .keyframes-fade-out-from-current() {\n to {\n opacity: 0;\n }\n }\n\n @-webkit-keyframes fade-out-from-current {\n .keyframes-fade-out-from-current();\n }\n @keyframes fade-out-from-current {\n .keyframes-fade-out-from-current();\n }\n\n / Fade with Short Drop /\n\n .keyframes-short-drop() {\n 0% {\n #scout.transform(translateY(-40px));\n }\n 40% {\n #scout.transform(translateY(7px));\n }\n 100% {\n #scout.transform(translateY(0));\n }\n }\n\n @-webkit-keyframes short-drop {\n .keyframes-short-drop();\n }\n @keyframes short-drop {\n .keyframes-short-drop();\n }\n\n / Fade out and shrink with blur /\n\n .keyframes-fadeout-shrink-blur() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n }\n\n @-webkit-keyframes fadeout-shrink-blur {\n .keyframes-fadeout-shrink-blur();\n }\n @keyframes fadeout-shrink-blur {\n .keyframes-fadeout-shrink-blur();\n }\n\n / Fade out and shrink /\n\n .keyframes-fadeout-shrink() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n }\n\n @-webkit-keyframes fadeout-shrink {\n .keyframes-fadeout-shrink();\n }\n @keyframes fadeout-shrink {\n .keyframes-fadeout-shrink();\n }\n\n / Fade out and grow with blur /\n\n .keyframes-fadeout-grow-blur() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n }\n\n @-webkit-keyframes fadeout-grow-blur {\n .keyframes-fadeout-grow-blur();\n }\n @keyframes fadeout-grow-blur {\n .keyframes-fadeout-grow-blur();\n }\n\n / Fade out and grow /\n\n .keyframes-fadeout-grow() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n }\n\n @-webkit-keyframes fadeout-grow {\n .keyframes-fadeout-grow();\n }\n @keyframes fadeout-grow {\n .keyframes-fadeout-grow();\n }\n\n / Fade in and grow with blur /\n\n .keyframes-fadein-grow-blur() {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n }\n\n @-webkit-keyframes fadein-grow-blur {\n .keyframes-fadein-grow-blur();\n }\n @keyframes fadein-grow-blur {\n .keyframes-fadein-grow-blur();\n }\n\n / Fade in and grow /\n\n .keyframes-fadein-grow() {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n }\n\n @-webkit-keyframes fadein-grow {\n .keyframes-fadein-grow();\n }\n @keyframes fadein-grow {\n .keyframes-fadein-grow();\n }\n\n / Slide In Bottom \n Moves the element into screen from bottom up /\n\n .keyframes-slidein-bottom() {\n 0% {\n #scout.transform(translateY(100%));\n }\n }\n\n @-webkit-keyframes slidein-bottom {\n .keyframes-slidein-bottom();\n }\n @keyframes slidein-bottom {\n .keyframes-slidein-bottom();\n }\n\n /* Slide Out Bottom \n Moves the element out of bottom screen border /\n\n .keyframes-slideout-bottom() {\n 100% {\n #scout.transform(translateY(100%));\n }\n }\n\n @-webkit-keyframes slideout-bottom {\n .keyframes-slideout-bottom();\n }\n @keyframes slideout-bottom {\n .keyframes-slideout-bottom();\n }\n\n /* Slide Out Right \n Moves the element out of right screen border /\n\n .keyframes-slideout-right() {\n 100% {\n #scout.transform(translateX(100%));\n }\n }\n\n @-webkit-keyframes slideout-right {\n .keyframes-slideout-right();\n }\n @keyframes slideout-right {\n .keyframes-slideout-right();\n }\n\n /* Slide Out Left \n Moves the element out of left screen border /\n\n .keyframes-slideout-left() {\n 100% {\n #scout.transform(translateX(-100%));\n }\n }\n\n @-webkit-keyframes slideout-left {\n .keyframes-slideout-left();\n }\n @keyframes slideout-left {\n .keyframes-slideout-left();\n }\n\n /* Grow Y \n Scales the element along the y axis until 1. Expects the element to be scaled (e.g. scaleY(0)) when the animation starts.\n To create a slide down animation (as known from jQuery) set transform-origin to top. /\n\n .keyframes-grow-y() {\n 100% {\n #scout.transform(scaleY(1));\n }\n }\n\n @-webkit-keyframes grow-y {\n .keyframes-grow-y();\n }\n @keyframes grow-y {\n .keyframes-grow-y();\n }\n\n\n /* Shrink Y \n Shrinks the element along the y axis until 0/\n\n .keyframes-shrink-y() {\n 100% {\n #scout.transform(scaleY(0));\n }\n }\n\n @-webkit-keyframes shrink-y {\n .keyframes-shrink-y();\n }\n @keyframes shrink-y {\n .keyframes-shrink-y();\n }\n\n /* Fade In Zoom /\n\n .keyframes-fadein-zoom() {\n 0% {\n opacity: 0;\n #scout.transform(scale(0.75, 0.75));\n }\n 100% {\n opacity: 1;\n #scout.transform(scale(1, 1));\n }\n }\n\n @-webkit-keyframes fadein-zoom {\n .keyframes-fadein-zoom();\n }\n @keyframes fadein-zoom {\n .keyframes-fadein-zoom();\n }\n\n / Fade In Zoom Bounce /\n\n .keyframes-fadein-zoom-bounce() {\n 0% {\n opacity: 0;\n #scout.transform(scale(0.75, 0.75));\n }\n 65% {\n opacity: 1;\n #scout.transform(scale(1.02, 1.02));\n }\n 100% {\n #scout.transform(scale(1, 1));\n }\n }\n\n @-webkit-keyframes fadein-zoom-bounce {\n .keyframes-fadein-zoom-bounce();\n }\n @keyframes fadein-zoom-bounce {\n .keyframes-fadein-zoom-bounce();\n }\n\n / Rotation /\n\n .keyframes-rotation () {\n 0% {\n #scout.transform(rotate(0deg));\n }\n 100% {\n #scout.transform(rotate(359deg));\n }\n }\n\n @-webkit-keyframes rotation {\n .keyframes-rotation();\n }\n @keyframes rotation {\n .keyframes-rotation();\n }\n\n / Rotation-Reverse /\n\n .keyframes-rotation-reverse () {\n 0% {\n #scout.transform(rotate(-0deg));\n }\n 100% {\n #scout.transform(rotate(-359deg));\n }\n }\n\n @-webkit-keyframes rotation-reverse {\n .keyframes-rotation-reverse();\n }\n @keyframes rotation-reverse {\n .keyframes-rotation-reverse();\n }\n\n / Pulse Opacity /\n\n .keyframes-pulse-opacity () {\n 0% {\n opacity: 1.0;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1.0;\n }\n }\n\n @-webkit-keyframes pulse-opacity {\n .keyframes-pulse-opacity();\n }\n @keyframes pulse-opacity {\n .keyframes-pulse-opacity();\n }\n\n / Pulsate /\n\n .keyframes-pulsate () {\n 0% {\n #scout.transform(scale(0.25));\n opacity: 0.35;\n }\n 45% {\n opacity: 1.0;\n }\n 96% {\n #scout.transform(scale(1.2));\n opacity: 0.2;\n }\n 100% {\n #scout.transform(scale(1.2));\n opacity: 0.04;\n }\n }\n\n @-webkit-keyframes pulsate {\n .keyframes-pulsate();\n }\n @keyframes pulsate {\n .keyframes-pulsate();\n }\n\n / Pulsate Reverse /\n\n .keyframes-pulsate-reverse () {\n 0% {\n #scout.transform(scale(1.2));\n opacity: 0.0;\n }\n 50% {\n opacity: 1.0;\n }\n 100% {\n #scout.transform(scale(0.1));\n opacity: 0.0;\n }\n }\n\n @-webkit-keyframes pulsate-reverse {\n .keyframes-pulsate-reverse();\n }\n @keyframes pulsate-reverse {\n .keyframes-pulsate-reverse();\n }\n\n / Pulsate In-Out /\n\n .keyframes-pulsate-in-out () {\n 0% {\n #scout.transform(scale(1));\n opacity: 1.0;\n }\n 50% {\n #scout.transform(scale(0.1));\n opacity: 0.01;\n }\n 100% {\n #scout.transform(scale(1));\n opacity: 1.0;\n }\n }\n\n @-webkit-keyframes pulsate-in-out {\n .keyframes-pulsate-in-out();\n }\n @keyframes pulsate-in-out {\n .keyframes-pulsate-in-out();\n }\n\n / Attention /\n\n .keyframes-attention () {\n 0% {\n #scout.transform(scale3d(1, 1, 1));\n }\n 10% {\n #scout.transform(scale3d(1.1, 1.1, 1.1));\n }\n 20% {\n #scout.transform(scale3d(1, 1, 1));\n }\n 100% {\n #scout.transform(scale3d(1, 1, 1));\n }\n }\n\n @-webkit-keyframes attention {\n .keyframes-attention();\n }\n @keyframes attention {\n .keyframes-attention();\n }\n\n / Rotate-X /\n\n .keyframes-rotate-x () {\n 0% {\n #scout.transform(perspective(120px) rotateY(0deg));\n }\n 50% {\n #scout.transform(perspective(120px) rotateY(-180.0deg));\n }\n 100% {\n #scout.transform(perspective(120px) rotateY(-360deg));\n }\n }\n\n @-webkit-keyframes rotate-x {\n .keyframes-rotate-x();\n }\n @keyframes rotate-x {\n .keyframes-rotate-x();\n }\n\n / Animate Dot /\n\n .keyframes-animate-dot () {\n 0% {\n color: @text-color;\n bottom: 0;\n }\n 25% {\n color: @palette-gray-5;\n bottom: 4px;\n }\n 50% {\n color: @text-color;\n bottom: 0;\n }\n 100% {\n color: @text-color;\n bottom: 0;\n }\n }\n\n @-webkit-keyframes animateDot {\n .keyframes-animate-dot();\n }\n @keyframes animateDot {\n .keyframes-animate-dot();\n }\n\n / Shake /\n\n .animation-shake() {\n #scout.transform-origin(50% 50%);\n #scout.animation-name(shake);\n #scout.animation-duration(0.2s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(linear);\n }\n\n .keyframes-shake() {\n 0% {\n #scout.transform(translate(2px, 1px) rotate(0deg));\n }\n 10% {\n #scout.transform(translate(-1px, -2px) rotate(-1deg));\n }\n 20% {\n #scout.transform(translate(-3px, 0) rotate(1deg));\n }\n 30% {\n #scout.transform(translate(0, 2px) rotate(0deg));\n }\n 40% {\n #scout.transform(translate(1px, -1px) rotate(1deg));\n }\n 50% {\n #scout.transform(translate(-1px, 2px) rotate(-1deg));\n }\n 60% {\n #scout.transform(translate(-3px, 1px) rotate(0deg));\n }\n 70% {\n #scout.transform(translate(2px, 1px) rotate(-1deg));\n }\n 80% {\n #scout.transform(translate(-1px, -1px) rotate(1deg));\n }\n 90% {\n #scout.transform(translate(2px, 2px) rotate(0deg));\n }\n 100% {\n #scout.transform(translate(1px, -2px) rotate(-1deg));\n }\n }\n\n @-webkit-keyframes shake {\n .keyframes-shake();\n }\n @keyframes shake {\n .keyframes-shake();\n }\n}\n\n/ NOP (no operation, may be used to temporarily set css properties while the animation runs, e.g. using a transition) /\n\n.keyframes-nop () {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@-webkit-keyframes nop {\n .keyframes-nop();\n}\n\n@keyframes nop {\n .keyframes-nop();\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.accordion {\n / Necessary if field is not scrollable to prevent overlaps /\n overflow: hidden;\n\n &.scrollable {\n padding-right: 15px;\n }\n\n & > .group:not(.first):not(.collapse-bottom) > .group-header {\n border-top: 1px solid @border-color;\n }\n\n & > .group > .group-body {\n margin-bottom: 10px;\n }\n\n & > .group,\n & > .scrollbar {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n\n &.loading {\n & > .group,\n & > .scrollbar {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.action {\n cursor: pointer;\n\n &:hover {\n color: @hover-color;\n }\n\n &:active {\n color: @active-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: @button-color;\n background-color: @button-background-color;\n --border-color: @button-border-color;\n border: 1px solid var(--border-color);\n border-radius: @button-border-radius;\n cursor: pointer;\n padding: @button-padding-y @button-padding-x;\n\n &.borderless {\n background-color: transparent;\n border: 0;\n\n &:focus {\n #scout.focus-inset-box-shadow();\n }\n }\n\n & > .text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n }\n\n & > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n\n &.with-label {\n margin-right: 8px;\n }\n\n &.loading,\n &.broken {\n .hidden();\n }\n\n &.image-icon {\n max-height: 100%;\n }\n }\n\n & > .font-icon {\n font-size: @button-font-icon-size;\n }\n\n & > .submenu-icon {\n #scout.submenu-icon();\n padding-left: 8px;\n\n .selected& {\n #scout.submenu-icon-open();\n }\n }\n\n & > .button-label,\n & > .icon,\n & > .submenu-icon {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n\n &:hover {\n color: @button-hover-color;\n background-color: @hover-background-color;\n }\n\n &:active, &.active {\n color: @button-active-color;\n background-color: @button-active-background-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n\n &:hover {\n background-color: @selected-hover-background-color;\n border-color: @selected-hover-background-color;\n }\n\n &.active, &:active {\n background-color: @selected-active-background-color;\n border-color: @selected-active-background-color;\n }\n\n &.has-popup {\n color: @button-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n\n &:focus {\n #scout.focus-border();\n }\n\n &.default {\n background-color: @default-button-background-color;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: @default-button-background-color;\n color: @default-button-color;\n\n &:hover {\n background-color: @default-button-hover-background-color;\n border-color: @default-button-hover-background-color;\n }\n\n &:active, &.active {\n color: @default-button-color;\n background-color: @default-button-active-background-color;\n border-color: @default-button-active-background-color;\n }\n\n &.selected {\n color: @default-button-color;\n background-color: @default-button-selected-background-color;\n border-color: @default-button-selected-background-color;\n }\n\n &:focus {\n #scout.focus-border();\n }\n }\n\n &:disabled,\n &.disabled {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n cursor: default;\n\n &:hover, &.active, &:active, &.selected {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-disabled-background-color;\n border-color: @selected-disabled-background-color;\n\n &.has-popup {\n color: @button-disabled-color;\n background-color: @selected-with-popup-background-color;\n border-color: @selected-with-popup-background-color;\n }\n }\n }\n\n &.loading {\n & > .button-label,\n & > .icon,\n & > .submenu-icon {\n opacity: 0;\n transition: opacity @loading-fade-duration;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator(20px);\n }\n }\n}","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/\n Used for static pages like login, logout, unsupported-browser and noscript section.\n * Note: This box must not depend on javascript because it is used for the noscript section as well.\n /\n@box-responsive-width: @box-width + 40px;\n\n.box {\n display: table;\n position: absolute;\n height: 75%;\n width: 100%;\n margin: @box-margin-y 0;\n\n & > .wrapper {\n display: table-cell;\n vertical-align: middle;\n }\n}\n\n.box-content {\n border: @popup-border-width solid @popup-border-color;\n border-radius: @border-radius-large;\n background-color: @popup-background-color;\n max-width: @box-width;\n margin: 0 auto;\n padding: 45px 95px 50px 95px;\n #scout.drop-shadow(0, 20px, 50px, 0, 0.2);\n font-size: @box-font-size;\n\n & > .header {\n text-align: center;\n\n & > .logo {\n margin-top: 4px;\n margin-bottom: 40px;\n max-height: 30px;\n }\n }\n\n &.small > .header > .logo {\n max-width: 50%;\n }\n\n & > .button-bar {\n padding-top: 32px;\n text-align: center;\n\n & > .button {\n padding: 7px @button-padding-x;\n font-size: @box-font-size;\n }\n }\n\n &.centered {\n text-align: center;\n }\n}\n\n@media (max-width: @box-responsive-width) {\n .box-content {\n & > .header > .logo {\n margin-bottom: 30px;\n margin-top: 0;\n }\n\n padding: 40px;\n margin-left: 10px;\n margin-right: 10px;\n }\n}\n\n@media (max-height: 400px) {\n .box-content {\n & > .header > .logo {\n margin-bottom: 20px;\n margin-top: 0;\n }\n\n padding-top: 25px;\n padding-bottom: 25px;\n }\n}\n\n@media (max-height: 700px) {\n .box {\n height: calc(~'100% - ' @box-margin-y 2);\n }\n}\n","/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.box-buttons {\n\n & > .box-button {\n padding: 6px 16px;\n #scout.overflow-ellipsis-nowrap();\n margin-right: 16px;\n min-width: 104px;\n }\n\n & > .box-button:last-child {\n margin-right: 0;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.check-box {\n #scout.checkbox();\n\n &:focus {\n #scout.focus-border();\n }\n\n &.checked {\n #scout.checkbox-checked();\n }\n\n &.undefined {\n #scout.checkbox-undefined();\n }\n\n &.disabled {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &.undefined {\n #scout.checkbox-undefined-disabled();\n }\n }\n}\n\n#scout {\n\n .checkbox() {\n cursor: pointer;\n position: relative;\n display: inline-block;\n text-align: center;\n width: @check-box-size;\n height: @check-box-size;\n border: @check-box-border-width solid @check-box-border-color;\n border-radius: @check-box-border-radius;\n background-color: @control-background-color;\n }\n\n .checkbox-checked() {\n background-color: @check-box-checked-background-color;\n border-color: @check-box-checked-border-color;\n color: @check-box-checked-color;\n\n &::before {\n position: absolute;\n display: block;\n line-height: @check-box-size;\n width: @check-box-size - 2 @check-box-border-width;\n #scout.font-icon();\n content: @icon-checked-bold;\n font-size: 11px;\n }\n }\n\n .checkbox-disabled() {\n cursor: default;\n border-color: @check-box-disabled-border-color;\n }\n\n .checkbox-checked-disabled {\n background-color: @check-box-checked-disabled-background-color;\n border-color: @check-box-checked-disabled-background-color;\n }\n\n .checkbox-undefined() {\n background-color: @check-box-checked-background-color;\n border-color: @check-box-checked-border-color;\n\n &::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: @check-box-checked-color;\n }\n }\n\n .checkbox-undefined-disabled() {\n background-color: @check-box-checked-disabled-background-color;\n border-color: @check-box-checked-disabled-background-color;\n }\n}\n","/\n Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.calendar-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.calendar {\n white-space: nowrap;\n padding-left: 0;\n}\n\n.calendar-scrollable-components {\n height: 100%;\n}\n\n.calendar-header {\n position: relative;\n display: block;\n white-space: nowrap;\n padding: 8px @root-group-box-padding-right 12px 0;\n\n & > .busyindicator-label {\n display: table-cell;\n vertical-align: middle;\n text-indent: 0;\n }\n\n &.mobile {\n padding-right: @calendar-padding-right-mobile;\n }\n}\n\n.calendar-header-row {\n display: table;\n width: 100%;\n\n &.last {\n padding-top: 10px;\n }\n}\n\n.calendar-range {\n display: table-cell;\n vertical-align: middle;\n padding-left: 8px;\n width: 1%;\n}\n\n.calendar-previous,\n.calendar-today,\n.calendar-next {\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n height: @calendar-header-button-height;\n color: @text-color;\n background-color: @button-background-color;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n margin-right: 5px;\n line-height: @calendar-header-button-height - 1px;\n\n &:hover {\n color: @hover-color;\n }\n}\n\n.calendar-today {\n padding-left: 15px;\n padding-right: 15px;\n}\n\n.calendar-title {\n display: table-cell;\n vertical-align: middle;\n color: @calendar-title-color;\n\n .calendar-header-row.last > & {\n text-align: center;\n }\n}\n\n.calendar-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n\n.calendar-previous:hover::before,\n.calendar-next:hover::before {\n color: @hover-color;\n}\n\n.calendar-previous::before {\n .calendar-icon(@icon-angle-left, 20px);\n}\n\n.calendar-next::before {\n .calendar-icon(@icon-angle-right, 20px);\n}\n\n.calendar-commands {\n display: table-cell;\n vertical-align: middle;\n text-align: right;\n white-space: nowrap;\n}\n\n.calendar-mode,\n.calendar-toggle-year,\n.calendar-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: @calendar-header-button-height;\n line-height: @calendar-header-button-height - 1px;\n cursor: pointer;\n}\n\n.calendar-mode {\n padding: 0 8px;\n min-width: 65px;\n\n border-top: 1px solid @control-border-color;\n border-bottom: 1px solid @control-border-color;\n border-left: 1px solid @control-border-color;\n\n &.first {\n border-left: 1px solid @control-border-color;\n border-top-left-radius: @button-border-radius;\n border-bottom-left-radius: @button-border-radius;\n }\n\n &.last {\n border-right: 1px solid @control-border-color;\n border-top-right-radius: @button-border-radius;\n border-bottom-right-radius: @button-border-radius;\n margin-right: 5px;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &.selected {\n color: @calendar-mode-selected-color;\n background-color: @calendar-mode-selected-background-color;\n }\n}\n\n.calendar-mode-menu {\n padding: 5px 12px;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n}\n\n.calendar-toggle-year,\n.calendar-toggle-list {\n margin-left: 5px;\n\n &:hover::before {\n color: @hover-color;\n }\n}\n\n.calendar-toggle-year::before {\n .calendar-icon(@icon-calendar, 18px);\n}\n\n.calendar-toggle-list::before {\n .calendar-icon(@icon-list, 18px);\n}\n\n.calendar-component {\n display: flex;\n flex-direction: row;\n position: relative;\n float: left;\n line-height: 24px;\n height: 24px;\n min-height: 20px;\n width: calc(~'100% - ' @calendar-component-margin-left);\n text-align: left;\n color: @calendar-component-color;\n\n &:not(.component-task):not(.component-month) {\n border-bottom: 2px solid transparent;\n }\n\n & > .content {\n #scout.overflow-ellipsis();\n }\n\n & > .calendar-component-leftcolorborder {\n flex-shrink: 0;\n top: 0;\n left: 0;\n width: 4px;\n margin-right: 4px;\n background-color: @palette-blue-1; / Default colors used when component has no specific class /\n }\n\n / Default colors used when component has no specific class /\n background-color: @palette-blue-0;\n\n &:hover {\n background-color: @palette-blue-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-blue-3;\n }\n }\n\n &.comp-selected {\n background-color: @palette-blue-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-blue-3;\n }\n }\n\n / Colors for type Appointment /\n\n &.calendar-appointment {\n background-color: @palette-orange-0;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-2;\n }\n\n &:hover {\n background-color: @palette-orange-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-3;\n }\n }\n\n &.comp-selected {\n background-color: @palette-orange-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-3;\n }\n }\n }\n\n / Colors for type Task /\n\n &.calendar-task {\n background-color: @palette-green-0;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-2;\n }\n\n &:hover {\n background-color: @palette-green-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-2;\n }\n }\n\n &.comp-selected {\n background-color: @palette-green-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-3;\n }\n }\n }\n}\n\n.calendar-component-title {\n font-weight: bold;\n}\n\n.calendar-component-intro {\n font-size: 11px;\n color: @calendar-component-intro-color;\n}\n\n.calendar-list-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n padding: 0;\n overflow: hidden;\n}\n\n.calendar-list {\n width: 270px;\n padding: 0 0 0 30px;\n height: 100%;\n\n & > .calendar-component {\n cursor: pointer;\n height: auto;\n width: calc(~'100% - 10px');\n background-color: transparent !important; / NOSONAR (required to override original component background color) /\n margin-top: 12px;\n color: @text-color;\n }\n}\n\n.calendar-list-title {\n position: relative;\n width: calc(~'100% - 10px');\n height: @calendar-title-height;\n line-height: @calendar-title-height;\n font-weight: bold;\n color: @text-color;\n\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: @border-color;\n }\n}\n\n.calendar-grids {\n display: inline-block;\n vertical-align: top;\n overflow: hidden;\n}\n\n.calendar-grid {\n display: block;\n height: calc(~'100% - 25px');\n padding-right: @root-group-box-padding-right;\n\n & + .scroll-shadow {\n --scroll-shadow-inset-right: @root-group-box-padding-right;\n }\n\n &.mobile {\n padding-right: @calendar-padding-right-mobile;\n\n & + .scroll-shadow {\n --scroll-shadow-inset-right: @calendar-padding-right-mobile;\n }\n }\n}\n\n.calendar-grid.calendar-grid-short {\n height: calc(~'100% - 105px');\n}\n\n.calendar-top-grid {\n display: block;\n overflow: hidden;\n border-bottom: 1px solid @border-color;\n height: 105px;\n margin-right: @root-group-box-padding-right;\n\n &.calendar-top-grid-short {\n height: 25px;\n }\n\n &.mobile {\n margin-right: @calendar-padding-right-mobile;\n }\n}\n\n.calendar-week-header,\n.calendar-week {\n display: block;\n width: 100%;\n white-space: nowrap;\n}\n\n.calendar-week-allday-container,\n.calendar-week-allday-container > .calendar-week-name {\n height: 80px;\n}\n\n.calendar-week-allday-container > .calendar-day {\n padding-top: 30px; // for the day-of-month number\n}\n\n.calendar-week-header,\n.calendar-week-header > .calendar-day-name,\n.calendar-week-header > .calendar-week-name {\n height: @calendar-title-height;\n}\n\n.calendar-week {\n position: relative;\n}\n\n.calendar-week-name {\n width: @calendar-week-name-width;\n}\n\n.calendar-day-name,\n.calendar-week-name,\n.calendar-day {\n position: relative;\n display: inline-block;\n overflow: hidden;\n z-index: 1; / draw over grid /\n}\n\n.calendar-day {\n padding: 0;\n\n &:not(.calendar-no-label)::before {\n position: absolute;\n content: attr(data-day-name);\n color: @calendar-day-color;\n left: 7px;\n top: 7px;\n z-index: 1; / draw over calendar items /\n }\n\n &.out {\n background-color: @calendar-out-background-color;\n\n &::before {\n color: @calendar-out-color;\n }\n }\n\n &.weekend::before {\n color: @calendar-weekend-color;\n }\n\n &.weekend-out {\n background-color: @calendar-weekend-out-background-color;\n\n &::before {\n color: @calendar-weekend-out-color;\n }\n }\n\n &.now::before {\n color: @highlight-color;\n font-weight: bold;\n }\n\n / helps to center days between 10 and 19 nicer /\n\n &.selected.center-nice::before {\n padding-right: 2px;\n }\n\n & .calendar-component {\n margin-left: @calendar-component-margin-left;\n margin-bottom: 1px;\n margin-top: 1px;\n\n &.component-month.compact {\n top: 30px;\n margin-left: 0;\n width: 100%;\n }\n\n &.component-day,\n &.component-task {\n position: absolute;\n word-break: break-all;\n left: 0;\n margin: 0;\n width: 100%;\n height: 24px;\n line-height: 24px;\n }\n\n &.component-open-top {\n overflow: visible;\n padding-top: 10px;\n\n / Compensate for open top padding /\n\n & > .calendar-component-leftcolorborder {\n height: calc(~'100% + 10px');\n top: -10px;\n }\n\n &::before {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(~'50% - 8px');\n top: -8px;\n transform: rotate(45deg);\n background-color: @background-color;\n }\n }\n\n &.component-open-bottom {\n overflow: visible;\n border-bottom: none; / Compensate for calendar-component border /\n\n &::after {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(~'50% - 8px');\n bottom: -8px;\n transform: rotate(45deg);\n background-color: inherit;\n }\n }\n }\n}\n\n.calendar-day.selected.now::before {\n left: 4px;\n top: 3px;\n font-weight: normal;\n border: solid 4px @highlight-inverted-background-color;\n border-radius: 50%;\n background-color: @highlight-inverted-background-color;\n color: @palette-white;\n}\n\n.calendar-day.selected::before {\n text-align: center;\n left: 4px;\n top: 3px;\n width: @calendar-day-selected-circle-size;\n height: @calendar-day-selected-circle-size;\n border: solid 4px @calendar-day-selected-background-color;\n border-radius: 50%;\n background-color: @calendar-day-selected-background-color;\n color: @calendar-day-selected-color;\n}\n\n\n.calendar-week-name {\n font-size: 11px;\n color: @calendar-week-axis-color;\n padding-top: 9px;\n text-align: center;\n}\n\n.calendar-day::after,\n.calendar-day-name::after {\n position: absolute;\n width: 1px;\n height: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-week:not(.calendar-week-noborder)::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-day-name::before {\n position: absolute;\n content: attr(data-day-name);\n color: @calendar-day-color;\n left: 7px;\n bottom: 0;\n z-index: 1; / draw over calendar items /\n line-height: @calendar-title-height;\n}\n\n.calendar-week-axis {\n position: absolute;\n left: @calendar-week-name-width - @calendar-week-axis-overlap;\n width: calc(~'100% - @{calendar-week-name-width} + @{calendar-week-axis-overlap}');\n\n &:not(.first) {\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n content: '';\n background-color: @calendar-light-line-color;\n }\n\n &.hour::after {\n background-color: @calendar-line-color;\n }\n\n &::before {\n position: absolute;\n font-size: 12px;\n left: -35px;\n top: -8px;\n color: @calendar-week-axis-color;\n content: attr(data-axis-name);\n }\n }\n}\n\n.calendar-week-task {\n position: relative;\n left: 0;\n width: 100%;\n}\n\n.calendar-week-task::after {\n position: relative;\n height: 1px;\n width: 100%;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-week-task::before {\n position: absolute;\n font-size: 11px;\n top: 28px;\n left: 7px;\n color: @calendar-week-axis-color;\n content: attr(data-axis-name);\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.year-panel-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n overflow: hidden;\n position: relative;\n}\n\n.year-panel-title {\n position: relative;\n margin-left: 10px;\n width: calc(~'100% - 40px');\n height: @calendar-title-height;\n white-space: nowrap;\n\n & > .year-title-item {\n display: inline-block;\n padding-right: 15px;\n line-height: @calendar-title-height;\n color: @year-panel-title-item-color;\n cursor: pointer;\n font-weight: bold;\n\n &.selected {\n color: @text-color;\n cursor: default;\n }\n\n &:hover {\n color: @text-color;\n }\n }\n\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: @border-color;\n }\n}\n\n.year-panel-list {\n position: relative;\n width: 180px;\n margin-left: 10px;\n height: calc(~'100% - ' @calendar-title-height);\n overflow: hidden;\n\n & > .year-month {\n margin-top: 18px;\n margin-bottom: 8px;\n position: relative;\n padding-top: 20px;\n padding-right: 15px;\n float: left;\n width: 180px;\n\n & > .year-day {\n position: relative;\n float: left;\n width: 23px;\n text-align: right;\n color: @text-color;\n height: @year-panel-day-height;\n padding-right: 5px;\n line-height: @year-panel-day-line-height;\n cursor: pointer;\n\n &.year-hover {\n background-color: @year-panel-range-hover-background-color;\n }\n\n &.year-range {\n background-color: @year-panel-range-background-color;\n }\n\n &.year-range-day {\n background-color: @year-panel-range-day-background-color;\n color: @selected-color;\n }\n\n &.year-hover-day {\n background-color: @year-panel-range-day-background-color;\n color: @selected-color;\n }\n }\n }\n\n & > .year-month::before {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n content: attr(data-title);\n font-weight: bold;\n color: @text-color;\n }\n\n & > .year-month::after {\n position: absolute;\n bottom: 0;\n right: 19px;\n height: calc(~'100% - 20px');\n width: 26%;\n content: '';\n background-color: @year-panel-weekend-background-color;\n opacity: 0.10;\n pointer-events: none;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.date-picker-popup {\n position: absolute;\n width: 290px;\n #scout.control-popup();\n overflow: hidden;\n}\n\n.date-picker {\n position: relative;\n\n &.touch-only :not(.selected):not(.disabled):not(:active):hover {\n // Disable sticky hover effect on touch devices\n background-color: inherit;\n }\n}\n\n.date-picker-scrollable {\n position: relative;\n width: 100%;\n}\n\n.date-picker-month-box {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n\n.date-picker-month {\n width: 100%;\n padding: 0 @date-picker-month-padding @date-picker-month-padding @date-picker-month-padding;\n}\n\n.date-picker-weekdays {\n color: @date-picker-weekday-color;\n font-weight: @font-weight-bold;\n display: flex;\n justify-content: space-between;\n}\n\n.date-picker-weekday {\n display: inline-flex;\n height: @date-picker-header-height;\n width: @date-picker-day-size;\n margin: @date-picker-day-margin;\n justify-content: center;\n padding-top: 7px;\n}\n\n.date-picker-week {\n display: flex;\n justify-content: space-between;\n}\n\n.date-picker-day {\n display: inline-flex;\n width: @date-picker-day-size;\n height: @date-picker-day-size;\n margin: @date-picker-day-margin;\n border-radius: @date-picker-day-border-radius;\n justify-content: center;\n align-items: center;\n\n &.date-picker-out, &.date-picker-out-weekend {\n color: @date-picker-out-color;\n }\n\n &.date-picker-day-weekend-separator {\n margin-left: 5px;\n }\n\n &.date-picker-now {\n color: @date-picker-now-color;\n font-weight: @font-weight-bold;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n }\n }\n\n &.preselected {\n background-color: @date-picker-day-preselected-background-color;\n }\n\n &:hover {\n background-color: @date-picker-day-hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @date-picker-day-selected-color;\n background-color: @date-picker-day-selected-background-color;\n font-weight: @font-weight-bold;\n\n &.date-picker-now > .text {\n border-bottom-color: @date-picker-day-selected-color;\n }\n }\n\n &.disabled {\n color: @date-picker-day-disabled-color;\n background-color: inherit;\n }\n}\n\n.date-picker-header {\n padding: 17px 10px 14px 10px;\n}\n\n.date-picker-separator {\n position: absolute;\n top: 98px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid @date-picker-separator-color;\n}\n\n.date-picker-weekend-separator {\n position: absolute;\n top: @date-picker-header-height + @date-picker-day-margin;\n height: calc(100% - @date-picker-month-padding - @date-picker-header-height - @date-picker-day-margin - @date-picker-day-margin);\n width: 0;\n border-right: 1px @date-picker-separator-color solid;\n}\n\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 18px;\n line-height: 30px;\n margin-top: @text-margin-top;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n width: 26px;\n height: 26px;\n margin: 3px 2px 6px 2px;\n padding-top: 4px;\n color: @date-picker-arrow-color;\n border-radius: @border-radius;\n display: flex;\n justify-content: center;\n cursor: pointer;\n #scout.font-icon();\n font-size: 17px;\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n}\n\n.date-picker-left-y {\n float: left;\n margin-left: 5px;\n}\n\n.date-picker-left-m {\n float: left;\n}\n\n.date-picker-left-y::before {\n content: @icon-angle-double-left;\n}\n\n.date-picker-left-m::before {\n content: @icon-angle-left;\n}\n\n.date-picker-right-y {\n float: right;\n margin-right: 7px;\n}\n\n.date-picker-right-m {\n float: right;\n}\n\n.date-picker-right-y::before {\n content: @icon-angle-double-right;\n}\n\n.date-picker-right-m::before {\n content: @icon-angle-right;\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n\n &:focus {\n outline: none;\n }\n\n &.has-navigation-handle > .splitter {\n height: calc(~'100% - 50px');\n }\n\n &.in-background {\n // Necessary for the rounded top left border of the bench\n background-color: @desktop-navigation-body-in-background-background-color;\n }\n}\n\n/ \"Open URI\" related rules /\n\n.download-frame {\n position: fixed;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n visibility: hidden;\n / Do _not_ use 'display: none', because that seems to interrupt the download in Safari /\n}\n","/\n * Copyright (c) 2014-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-logo {\n position: absolute;\n top: 0;\n right: 0;\n margin: 16px;\n background-color: @desktop-logo-background-color;\n\n &.clickable {\n cursor: pointer;\n }\n\n & > .image {\n height: @desktop-logo-height;\n // If logo is larger than @desktop-logo-width, the items on the left will be moved correctly, but only after logo is loaded, so the shift may be visible to the user.\n // In order to have a proper layout from the beginning, set the @desktop-logo-width to the actual logo with\n min-width: @desktop-logo-min-width;\n border: 1px solid @desktop-logo-background-color;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dense {\n\n / FormField.less /\n\n .form-field {\n & > label {\n padding-top: 4px; / @borderless-field-padding-y; /\n padding-bottom: 4px; / @borderless-field-padding-y; /\n }\n }\n\n / SmartField.less /\n\n .smart-field,\n .smart-field.read-only,\n .smart-field.alternative {\n & > .field > .multiline-lines {\n line-height: 15px;\n padding-top: 2px; / padding: 3px @text-field-padding-x; /\n padding-bottom: 2px;\n }\n }\n\n .proposal-chooser {\n & > .active-filter,\n & > .status {\n height: @logical-grid-row-height;\n }\n\n & > .active-filter > .radiobutton-group {\n height: @logical-grid-row-height;\n\n & > .radiobutton-group-body {\n height: @logical-grid-row-height;\n }\n }\n }\n\n / MenuBar.less /\n\n .menubar:not(.main-menubar) {\n & > .menubar-box {\n & > .menu-item {\n padding-top: 3px; / @menubar-item-padding-y; /\n padding-bottom: 3px; / @menubar-item-padding-y; /\n\n / 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 /\n min-height: @logical-grid-row-height-dense; / @logical-grid-row-height; /\n }\n\n & > .menu-button {\n padding-top: 2px;\n padding-bottom: 2px;\n }\n }\n }\n\n / GroupBox.less /\n\n .group-box-header {\n margin-top: 6px; / @group-box-title-margin-top; /\n\n & > .title {\n padding-top: 6px; / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 6px;\n }\n }\n\n .group-box-body {\n padding-top: 10px; / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 8px;\n\n / redefine /\n\n &.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n\n / TabBox.less /\n\n .tab-box-header {\n margin-top: 6px; / @group-box-title-margin-top; /\n }\n\n .tab-item {\n & > .title {\n padding-top: 6px; / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 6px;\n }\n }\n\n .overflow-tab-item.menu-item {\n padding-top: 4px; / padding: @tab-item-title-padding-top - 2px @tab-item-padding-x - 8px @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\n }\n\n / TableHeader.less /\n\n .table-header-item {\n margin-top: 2px; / margin: @table-header-item-margin-y @table-header-item-margin-x /\n margin-bottom: 2px;\n min-height: 24px; / min-height: @table-header-item-min-height; /\n }\n\n .table-header-resize {\n padding-top: 4px; / 8px 8px; /\n padding-bottom: 4px;\n }\n\n / Table.less /\n\n .table,\n .detail-table.table {\n --table-row-padding-y: 4px;\n }\n\n .table-cell {\n\n &.table-node {\n\n & > .table-row-control {\n / padding: @table-row-padding-y 8px @table-row-padding-y @table-row-control-padding-left; /\n padding-top: 6px;\n }\n }\n }\n\n / TableFooter.less /\n\n .table-control-resize {\n height: 12px;\n }\n\n / DesktopBench.less /\n\n .detail-table.table {\n & > .table-header {\n & > .table-header-item {\n margin-top: 2px;\n margin-bottom: 2px;\n min-height: 24px;\n }\n }\n }\n\n\n / ContextMenuPopup.less /\n\n .context-menu {\n & > .menu-item {\n padding-top: 6px; / padding: 11px 15px; /\n padding-bottom: 6px;\n }\n }\n\n / CheckBoxField.less /\n\n .check-box-field > .field {\n padding-top: 2px; / padding: 6px 0; /\n padding-bottom: 2px;\n }\n\n / main.less /\n\n .input-field {\n padding-top: 2px; / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 2px;\n }\n\n / Button /\n\n .button-field > .button {\n padding-top: 0; / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n min-height: @logical-grid-row-height-dense;\n\n & > .icon {\n padding-top: 0; / padding-top: 2px; /\n padding-bottom: 0; / padding-bottom: 2px; /\n }\n }\n\n / RadioButton.less /\n\n .radio-button > .field {\n padding-top: 2px; / padding: 6px 0; /\n padding-bottom: 2px;\n\n & > .label {\n padding-top: 1px; / padding-top: @radio-button-label-padding-top; /\n }\n }\n\n / LabelField.less /\n\n .label-field > .field {\n padding-top: 2px; / padding-top: @borderless-field-padding-y; /\n padding-bottom: 2px; / padding-bottom: @borderless-field-padding-y; /\n }\n\n / Tree.less /\n\n .tree-node {\n padding-top: 3px; / padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left; /\n padding-bottom: 3px;\n }\n\n .tree-node-control {\n padding-top: 4px;\n padding-bottom: 3px;\n }\n\n / Outline.less /\n\n .outline.tree {\n & > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n padding-top: 6px; / padding-top: @outline-node-padding-y; /\n padding-bottom: 6px; / padding-bottom: @outline-node-padding-y; /\n\n & > .tree-node-control {\n padding-top: 6px; / padding-top: @outline-node-control-padding-y; /\n }\n }\n }\n }\n\n / ValueField.less /\n\n .value-field {\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n / 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/\n min-height: @logical-grid-row-height-dense;\n }\n }\n\n / TagBar.less /\n\n .tag-element,\n .overflow-icon {\n height: 20px; / @tag-field-tag-height /\n line-height: 20px; / @tag-field-tag-height /\n margin-top: 0; / margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0; /\n }\n\n / use default margin in the overflow popup, otherwise the tags sit on each other /\n\n .tag-overflow-popup > .popup-body {\n & > .tag-element {\n margin-top: @tag-field-tag-margin-y;\n }\n }\n\n / TagField.less /\n\n .tag-field {\n & > .field {\n & > input {\n padding-bottom: 1px;\n }\n }\n }\n\n / BreadcrumbItem.less /\n .breadcrumb-item {\n font-size: @font-size-normal;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-bench-drop-shadow() {\n content: '';\n position: absolute;\n top: @desktop-bench-drop-shadow-top;\n left: 0;\n width: 10px;\n height: calc(~'100% - ' @desktop-bench-drop-shadow-top);\n box-shadow: -8px 0 10px 0 @desktop-bench-drop-shadow-color;\n clip-path: polygon(-100% 0, 200% 0, 200% 200%, -100% 200%);\n}\n\n.desktop-bench {\n position: absolute;\n top: 0;\n background-color: @desktop-bench-background-color;\n border-left: @desktop-bench-border-left-width solid @border-color;\n\n .navigation-invisible > & {\n border-left: 0;\n }\n\n &.drop-shadow {\n border-left: 0;\n\n .desktop-bench-drop-shadow();\n\n .desktop:not(.first-tab-selected):not(.navigation-invisible):not(.view-tab-area-in-bench) > & {\n border-top-left-radius: @desktop-bench-drop-shadow-border-top-left-radius;\n overflow: hidden;\n }\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\n }\n\n & > .bench-column > .simple-tab-box > .simple-tab-area {\n background-color: @desktop-bench-tab-area-background-color;\n\n &::before {\n // Hide line on the bottom because tab itself does not have a border\n display: none;\n }\n\n & > .desktop-tab {\n &.last > .edge.right {\n z-index: 0; // Don't draw over view area / splitter on the right\n }\n\n & > .sub-title {\n color: @simple-tab-sub-title-color;\n }\n\n & > .status-container > .save-needer {\n color: @desktop-tab-selected-save-needer-color;\n }\n }\n\n &:not(.overflown) > .desktop-tab.last {\n margin-right: 0;\n }\n }\n\n / Make some space for the navigation handle (when the navigation is closed /\n / Only do it if detail-table is at the bottom left corner /\n\n &.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {\n margin-left: @detail-table-footer-with-handle-margin-left;\n\n & > .table-control.selected {\n border-left-color: @border-color;\n }\n }\n\n & > .splitter.x-axis {\n margin-left: -7px;\n margin-right: -7px;\n }\n\n &.outline-content-has-dimmed-background {\n background-color: @dimmed-background-color;\n }\n}\n\n.detail-table.table {\n --table-row-margin-x: @detail-table-row-margin-x;\n --table-row-padding-y: @detail-table-row-padding-y;\n --table-aggregate-row-padding-y-small: @detail-table-aggregate-padding-y-small;\n --table-aggregate-row-padding-y-large: @detail-table-aggregate-padding-y-large;\n\n &:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n #scout.loading-indicator(@busyindicator-large-size, @busyindicator-large-border-width);\n }\n\n & > .table-header {\n background-color: @detail-table-header-background-color;\n border-bottom-color: @detail-table-header-border-color;\n\n & > .table-header-item {\n padding-top: @detail-table-header-item-padding-y;\n padding-bottom: @detail-table-header-item-padding-y;\n margin-top: @detail-table-header-item-margin-top;\n margin-bottom: @detail-table-header-item-margin-bottom;\n }\n\n & > .menubar-container > .menubar > .menubar-box > .menu-item.last {\n margin-right: 12px;\n }\n }\n\n & > .table-footer {\n background-color: @detail-table-footer-background-color;\n }\n\n & > .table-data {\n & > .scrollbar {\n #scout.scrollbar-x-padding(4px, 2px);\n }\n\n & + .scroll-shadow {\n .scroll-shadow.large();\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@scrollbar-size-transition-speed: 125ms;\n\n.scrollbar {\n position: absolute;\n z-index: 1;\n cursor: pointer;\n overflow: hidden;\n transition: opacity 250ms; / Scrollbars are hidden in hybrid mode, see Scrollbar#onTouchStart /\n\n #scout.scrollbar-y-padding();\n #scout.scrollbar-x-padding();\n\n &.y-axis {\n height: calc(~'100% - ' 2 @scrollbar-margin);\n width: @scrollbar-size;\n margin-top: @scrollbar-margin;\n margin-bottom: @scrollbar-margin;\n\n &.borderless {\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &.x-axis {\n width: calc(~'100% - ' 2 * @scrollbar-margin);\n height: @scrollbar-size;\n margin-left: @scrollbar-margin;\n margin-right: @scrollbar-margin;\n\n &.borderless {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n}\n\n.scrollbar-thumb-handle {\n height: 100%;\n border-radius: 4px;\n background-color: @scrollbar-thumb-color;\n\n &.clipped-left {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &.clipped-right {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.clipped-top {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &.clipped-bottom {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.y-axis {\n width: @scrollbar-thumb-size;\n top: 0;\n transition: width @scrollbar-size-transition-speed;\n\n .scrollbar:hover > .scrollbar-thumb > &,\n .scrollbar-thumb-move > & {\n width: @scrollbar-thumb-hover-size;\n }\n }\n\n &.x-axis {\n height: @scrollbar-thumb-size;\n left: 0;\n transition: height @scrollbar-size-transition-speed;\n\n .scrollbar:hover > .scrollbar-thumb > &,\n .scrollbar-thumb-move > & {\n height: @scrollbar-thumb-hover-size;\n }\n }\n}\n\n.scrollbar-thumb {\n cursor: pointer;\n position: absolute;\n\n &.y-axis {\n width: @scrollbar-size;\n top: 0;\n transition: padding-left @scrollbar-size-transition-speed;\n }\n\n &.x-axis {\n height: @scrollbar-size;\n left: 0;\n transition: padding-top @scrollbar-size-transition-speed;\n }\n}\n\n.scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-hover-color;\n}\n\n.container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: @scrollbar-thumb-small-color;\n}\n\n.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-small-hover-color;\n}\n\n.hybrid-scrollable {\n #scout.hide-scrollbars();\n}\n\n.scroll-shadow {\n transition: box-shadow 250ms;\n position: absolute;\n pointer-events: none;\n z-index: 1; // ensure shadow lays over elements having a z-index\n\n #scout.scroll-shadow();\n\n &.gradient {\n --scroll-shadow-color: @scroll-shadow-gradient-color;\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n }\n\n &.large {\n --scroll-shadow-size: @scroll-shadow-size-large;\n --scroll-shadow-blur: @scroll-shadow-size-large;\n --scroll-shadow-spread: @scroll-shadow-size-large;\n }\n}\n\n#scout {\n .scroll-shadow() {\n --scroll-shadow-color: @scroll-shadow-color;\n --scroll-shadow-size: @scroll-shadow-size;\n --scroll-shadow-blur: @scroll-shadow-blur;\n --scroll-shadow-spread: @scroll-shadow-spread;\n\n // Allow a widget to adjust the size of the shadow container\n --scroll-shadow-inset-top: 0;\n --scroll-shadow-inset-right: 0;\n --scroll-shadow-inset-bottom: 0;\n --scroll-shadow-inset-left: 0;\n\n @scroll-shadow-blur-spread-color: var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);\n @scroll-shadow-top: inset 0 var(--scroll-shadow-size) @scroll-shadow-blur-spread-color;\n @scroll-shadow-bottom: inset 0 calc(-1 * var(--scroll-shadow-size)) @scroll-shadow-blur-spread-color;\n @scroll-shadow-left: inset var(--scroll-shadow-size) 0 @scroll-shadow-blur-spread-color;\n @scroll-shadow-right: inset calc(-1 * var(--scroll-shadow-size)) 0 @scroll-shadow-blur-spread-color;\n @scroll-shadow-none: inset 0 0 0 0 transparent;\n\n &.top {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-none;\n\n &.bottom {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n }\n }\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-left;\n }\n }\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-none;\n }\n }\n\n &.bottom {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-none;\n }\n }\n\n &.left {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-left;\n }\n\n &.bottom {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n }\n }\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-none;\n }\n }\n}","/\n Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.bench-column {\n position: absolute;\n\n > .splitter.y-axis {\n margin-top: -7px;\n margin-bottom: -7px;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.group {\n position: relative;\n}\n\n.group-header {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 0;\n cursor: pointer;\n color: @group-header-color;\n\n &:focus {\n outline: none;\n }\n\n &.disabled {\n cursor: default;\n }\n\n &.loading {\n & > .loading-indicator {\n #scout.loading-indicator(16px);\n left: inherit;\n right: 0;\n }\n }\n}\n\n.group-title {\n font-size: @font-size-plus;\n font-weight: @font-weight-bold;\n #scout.overflow-ellipsis-nowrap();\n\n .group-header:focus > & {\n color: @focus-color;\n text-decoration: underline;\n }\n}\n\n.group-title-suffix {\n margin-left: 8px;\n font-size: @font-size-plus;\n}\n\n.group-icon.with-title {\n margin-right: 8px;\n}\n\n.group-collapse-icon {\n / Set to same height as before element to prevent header from getting larger /\n height: @font-size-large;\n transition: transform 0.3s;\n margin-right: 8px;\n margin-top: @group-collapse-icon-margin-top; / since icon height is reduced it needs to be moved up a little to center it again /\n\n &::before {\n #scout.font-icon();\n content: @icon-angle-down;\n font-size: @font-size-large;\n }\n\n &.collapsed {\n #scout.transform(rotate(-90deg));\n }\n}\n\n.group-header.collapse-right {\n & > .group-title {\n flex-grow: 1;\n }\n\n & > .group-title-suffix {\n text-align: right;\n }\n\n & > .group-collapse-icon {\n transition: transform 0s;\n margin-right: 0;\n margin-left: 8px;\n margin-top: 0;\n\n &::before {\n content: @icon-angle-down;\n }\n\n &.collapsed {\n #scout.transform(rotatex(180deg));\n }\n }\n}\n\n.group.collapse-bottom {\n & > .group-header.custom-header-widget {\n cursor: default;\n }\n\n & > .group-body {\n margin-bottom: 0;\n }\n\n & > .group-footer {\n display: flex;\n\n .collapsible& {\n cursor: pointer;\n }\n\n & > .group-collapse-border {\n flex-grow: 1;\n margin-top: 8px;\n margin-bottom: 8px;\n border-style: solid;\n border-width: 0 0 1px 0;\n border-color: @border-color;\n }\n\n & > .group-collapse-icon {\n transition: transform 0s;\n margin: 0;\n\n &::before {\n content: @icon-angle-up;\n padding: 0 4px;\n }\n\n &.collapsed {\n #scout.transform(rotatex(180deg));\n }\n }\n\n &:hover > .group-collapse-icon::before {\n color: @highlight-color;\n }\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab-box {\n position: absolute;\n min-width: @bench-view-min-width;\n min-height: @bench-view-min-height;\n\n & > .simple-tab-area {\n position: relative;\n height: @desktop-header-height;\n\n / Has the same effect as \"border-bottom: 1px solid @border-color\", but is over-drawable by child /\n / elements (such as the selected view-tab). The border would not be, because of \"overflow: hidden\". /\n\n &::before {\n content: '';\n background-color: @border-color;\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(~'100% - 1px');\n left: 0;\n }\n }\n\n & > .tab-content {\n height: 100%;\n background-color: @background-color;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab-area {\n position: absolute;\n top: 0;\n white-space: nowrap;\n display: flex;\n\n & > .simple-overflow-tab-item {\n border-right: 1px solid @border-color;\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n min-width: 30px;\n background-color: @simple-tab-background-color;\n text-align: center;\n cursor: pointer;\n\n &::after {\n #scout.font-icon();\n content: @icon-angle-down;\n }\n }\n\n &.spread-even {\n &:not(.overflown) {\n & > .simple-tab {\n flex-grow: 1;\n\n &.last {\n border-right-width: 0;\n }\n }\n }\n\n & > .simple-overflow-tab-item {\n border-right-width: 0;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.simple-tab {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding: @simple-tab-padding;\n background-color: @simple-tab-background-color;\n border-right: 1px solid @border-color;\n cursor: pointer;\n width: 120px;\n min-width: 60px;\n\n & > .title-line {\n display: flex;\n align-items: center;\n\n .closable& {\n margin-right: 20px;\n }\n\n & > .icon-container {\n display: flex; // Makes container as height as icon inside which improves alignment (title-line has flex box layout)\n\n & > .icon {\n margin-right: 6px;\n\n &.font-icon {\n font-size: 14px;\n }\n }\n }\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n display: inline-block;\n vertical-align: top;\n }\n\n & > .status-container {\n position: relative;\n display: inline-flex;\n margin-left: 4px;\n color: @status-info-color;\n\n & > .status {\n margin-left: 5px;\n }\n }\n }\n\n & > .closer {\n position: absolute;\n top: 0;\n right: 0;\n margin: @simple-tab-padding;\n display: none;\n\n :hover&,\n .closable.selected& {\n display: inline-block;\n }\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n padding-top: 2px;\n color: @simple-tab-sub-title-color;\n }\n\n &:hover > .title-line > .title {\n color: @hover-color;\n }\n\n &:active > .title-line > .title {\n color: @active-color;\n }\n\n &.disabled {\n cursor: default;\n\n & > .title-line > .title {\n color: @disabled-color;\n }\n }\n\n &.selected {\n cursor: default;\n background-color: @simple-tab-selected-background-color;\n\n & > .title-line > .title {\n color: @simple-tab-selected-color;\n }\n }\n}\n\n.simple-tab > .key-box {\n bottom: 4px;\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.carousel {\n overflow: hidden;\n}\n\n.carousel-filmstrip {\n transition: transform 200ms;\n}\n\n.carousel-item {\n display: inline-block;\n position: relative;\n overflow: hidden;\n}\n\n.carousel-status {\n font-size: 14pt;\n font-weight: bold;\n text-align: center;\n\n & > .status-item {\n color: @carousel-status-item-color;\n display: inline;\n margin-right: 6px;\n }\n\n & > .current-item {\n color: @carousel-current-item-color;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.collapse-handle {\n position: absolute;\n display: table;\n z-index: 10;\n bottom: 0;\n margin-bottom: 15px;\n\n &.right-aligned {\n right: 0;\n }\n\n &.left-aligned {\n left: 0;\n }\n}\n\n.collapse-handle-body {\n position: relative;\n display: table-cell;\n padding: 7px 8px;\n background-color: @collapse-handle-background-color;\n color: @collapse-handle-color;\n border: 1px solid @collapse-handle-border-color;\n border-radius: @collapse-handle-border-radius;\n cursor: pointer;\n\n &::before {\n #scout.font-icon();\n display: block;\n font-size: 16px;\n }\n\n &.left {\n &.both-visible {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &::before {\n content: @icon-angle-left;\n }\n }\n\n &.right {\n &.both-visible {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n }\n\n &::before {\n content: @icon-angle-right;\n }\n }\n\n &:hover {\n background-color: @collapse-handle-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @collapse-handle-active-background-color;\n }\n}\n\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tab.simple-tab {\n width: @desktop-tab-width;\n min-width: @desktop-tab-min-width;\n margin: @desktop-tab-margin-top @desktop-tab-margin-right 0 0;\n padding: @desktop-tab-padding @desktop-tab-padding 0 @desktop-tab-padding-left;\n border-radius: @desktop-tab-border-radius @desktop-tab-border-radius 0 0;\n border: @desktop-tab-border-width solid @desktop-tab-border-color;\n border-bottom-width: 0;\n background-color: @desktop-tab-background-color;\n\n & > .title-line {\n .closable& {\n margin-right: 25px;\n }\n\n & > .icon-container {\n color: @desktop-tab-sub-title-color;\n }\n\n & > .title {\n font-size: @font-size-plus;\n }\n\n & > .status-container {\n color: @desktop-tab-status-color;\n\n & > .save-needer {\n color: inherit;\n }\n }\n }\n\n & > .sub-title {\n color: @desktop-tab-sub-title-color;\n font-size: @font-size-smaller;\n letter-spacing: @sub-title-letter-spacing;\n padding-top: 1px;\n }\n\n & > .closer {\n color: @desktop-tab-sub-title-color;\n padding: 4px;\n margin: 7px;\n border-radius: @border-radius-medium;\n\n & > .key-box {\n top: 0;\n right: 0;\n }\n\n &:hover {\n color: @desktop-header-color;\n background-color: @desktop-tab-closer-hover-background-color;\n }\n\n &:active, &.active {\n background-color: @desktop-tab-closer-active-background-color;\n }\n }\n\n & > .key-box {\n bottom: @desktop-tab-key-box-bottom;\n margin-left: 4px;\n }\n\n &.animate-modality-highlight {\n .animation-flash-desktop-tab(flash-desktop-tab);\n }\n\n &:hover,\n &:active {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n\n & > .title-line > .title {\n color: inherit;\n }\n }\n\n &.glasspane-parent {\n // Modality highlight does not work with pointer-events: none because mouse down is ignored on the glass pane completely by the browser\n // -> we need to disable the hover effect manually\n pointer-events: unset;\n\n &:not(.disabled):not(.selected):hover {\n background-color: @desktop-tab-background-color;\n }\n\n &:not(.selected):hover > .closer {\n display: none;\n }\n }\n\n &.disabled {\n background-color: transparent;\n\n & > .title-line > .title {\n color: @desktop-header-disabled-color;\n }\n }\n\n &.selected {\n background-color: @simple-tab-selected-background-color;\n border-color: transparent;\n\n & > .title-line {\n & > .icon-container {\n color: @status-info-color;\n }\n\n & > .title {\n color: @desktop-tab-selected-color;\n font-weight: @font-weight-bold;\n }\n\n & > .status-container {\n color: @status-info-color;\n\n & > .save-needer {\n color: @desktop-tab-selected-save-needer-color;\n }\n }\n }\n\n & > .sub-title {\n color: @desktop-tab-selected-sub-title-color;\n }\n\n & > .closer {\n color: @closer-color;\n\n &:hover {\n background-color: @hover-background-color;\n color: @closer-hover-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n }\n\n & > .edge {\n #scout.inverted-bottom-round-edge(@border-radius: @desktop-tab-border-radius, @color: @simple-tab-selected-background-color);\n\n &.right {\n z-index: 1; // lay over right tab\n }\n }\n\n &.first > .edge.left {\n display: none;\n }\n\n &.animate-modality-highlight {\n .animation-flash-desktop-tab(flash-desktop-tab-selected);\n\n & > .edge {\n .animation-flash-desktop-tab(flash-desktop-tab-selected-edge);\n }\n }\n }\n}\n\n.animation-flash-desktop-tab(@keyframes-name) {\n #scout.animation-name(@keyframes-name);\n #scout.animation-duration(0.4s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(linear);\n}\n\n.keyframes-flash-desktop-tab() {\n 0% {\n background-color: @desktop-tab-background-color;\n }\n 25% {\n background-color: @desktop-tab-flash-background-color;\n }\n 50% {\n background-color: @desktop-tab-background-color;\n }\n 75% {\n background-color: @desktop-tab-flash-background-color;\n }\n 100% {\n background-color: @desktop-tab-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab {\n .keyframes-flash-desktop-tab();\n}\n\n@keyframes flash-desktop-tab {\n .keyframes-flash-desktop-tab();\n}\n\n.keyframes-flash-desktop-tab-selected() {\n 0% {\n background-color: @simple-tab-selected-background-color;\n }\n 25% {\n background-color: @desktop-tab-selected-flash-background-color;\n }\n 50% {\n background-color: @simple-tab-selected-background-color;\n }\n 75% {\n background-color: @desktop-tab-selected-flash-background-color;\n }\n 100% {\n background-color: @simple-tab-selected-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab-selected {\n .keyframes-flash-desktop-tab-selected();\n}\n\n@keyframes flash-desktop-tab-selected {\n .keyframes-flash-desktop-tab-selected();\n}\n\n.keyframes-flash-desktop-tab-selected-edge() {\n 0% {\n box-shadow: 0 @desktop-tab-border-radius 0 0 @simple-tab-selected-background-color;\n }\n 25% {\n box-shadow: 0 @desktop-tab-border-radius 0 0 @desktop-tab-selected-flash-background-color;\n }\n 50% {\n box-shadow: 0 @desktop-tab-border-radius 0 0 @simple-tab-selected-background-color;\n }\n 75% {\n box-shadow: 0 @desktop-tab-border-radius 0 0 @desktop-tab-selected-flash-background-color;\n }\n 100% {\n box-shadow: 0 @desktop-tab-border-radius 0 0 @simple-tab-selected-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab-selected-edge {\n .keyframes-flash-desktop-tab-selected-edge();\n}\n\n@keyframes flash-desktop-tab-selected-edge {\n .keyframes-flash-desktop-tab-selected-edge();\n}","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tab-area {\n\n & > .simple-overflow-tab-item {\n @desktop-overflow-tab-margin-bottom: @desktop-tab-margin-right 2;\n\n border-radius: @view-tab-border-radius; // Use smaller border radius, so it fits nicely into the inverted border radius of the last tab if it is selected\n margin: @desktop-tab-margin-top + @desktop-overflow-tab-margin-bottom @desktop-tab-margin-right @desktop-overflow-tab-margin-bottom;\n background-color: @desktop-tab-background-color;\n border: @desktop-tab-border-width solid @desktop-tab-border-color;\n\n &:hover {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n }\n\n &.selected {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n }\n }\n}","/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-header {\n position: absolute;\n top: 0;\n height: @desktop-header-height;\n color: @desktop-header-color;\n background-color: @desktop-header-background-color;\n\n & > .simple-tab-area {\n height: @desktop-header-height;\n\n & > .desktop-tab.selected {\n\n .navigation-invisible > & > .edge.left {\n display: block;\n }\n }\n }\n\n .navigation-invisible > &:not(.has-view-button-box) > .simple-tab-area {\n margin-left: 6px;\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\n }\n\n & > .view-button-box {\n\n & > .view-tab-wrapper > .view-tab {\n &.animate-bring-to-front,\n &.animate-bring-to-back {\n animation-duration: 0s;\n }\n }\n\n .in-background& {\n\n & > .view-menu-tab {\n &.selected {\n background-color: @view-menu-tab-background-color;\n color: inherit;\n }\n\n & > .view-button,\n & > .view-menu {\n &:hover {\n background-color: @view-menu-tab-hover-background-color;\n }\n }\n\n & > .view-menu {\n &::before {\n height: 100%;\n border-color: @desktop-header-background-color;\n top: 0;\n }\n\n &:hover > .icon {\n background-color: transparent;\n }\n\n &.selected {\n background-color: @view-menu-tab-menu-selected-background-color;\n\n & > .icon {\n background-color: transparent;\n }\n }\n }\n }\n\n & > .view-tab-wrapper > .view-tab {\n &.selected {\n color: inherit;\n background-color: transparent;\n }\n\n &:hover {\n background-color: @view-tab-hover-background-color;\n }\n\n &.disabled {\n background-color: transparent;\n }\n }\n }\n }\n\n &:not(.in-background) > .view-button-box {\n\n & > .view-tab-wrapper > .view-tab,\n & > .view-menu-tab {\n &.selected {\n .outline-content-has-dimmed-background& {\n background-color: @dimmed-background-color;\n\n & > .edge {\n --color: @dimmed-background-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-navigation {\n position: absolute;\n height: 100%;\n width: @desktop-navigation-width;\n min-width: @desktop-navigation-min-width;\n background-color: @desktop-navigation-background-color;\n color: @desktop-navigation-color;\n\n &.view-button-box-invisible {\n & > .navigation-body {\n & > .outline > .outline-title {\n background-color: @desktop-header-background-color;\n border-bottom: 0;\n color: @desktop-header-color;\n }\n }\n }\n}\n\n.desktop-navigation-breadcrumb {\n width: @desktop-navigation-breadcrumb-width;\n}\n\n.navigation-body {\n position: absolute;\n background-color: @desktop-navigation-body-background-color;\n\n .desktop-navigation.in-background > & {\n background-color: @desktop-navigation-body-in-background-background-color;\n }\n}\n\n.desktop-navigation > .desktop-tool-box {\n & > .menu-item {\n margin-bottom: @view-tab-margin;\n\n & > .font-icon {\n font-size: @view-tab-icon-font-size;\n }\n\n &.ellipsis > .font-icon {\n font-size: @view-tab-icon-font-size + 2px;\n }\n }\n}","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-navigation-handle.collapse-handle {\n position: absolute;\n\n & > .collapse-handle-body {\n background-color: @desktop-navigation-handle-background-color;\n border-color: @desktop-navigation-handle-border-color;\n color: @desktop-navigation-handle-color;\n\n &:hover {\n background-color: @desktop-navigation-handle-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @desktop-navigation-handle-active-background-color;\n }\n }\n\n &.right-aligned {\n &.both-visible {\n right: 5px;\n }\n\n &:not(.both-visible) > .collapse-handle-body {\n border-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &.left-aligned {\n &.both-visible {\n right: 5px;\n }\n\n &:not(.both-visible) > .collapse-handle-body {\n border-left: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n }\n}\n\n.navigation-handle-key-box {\n margin-top: -6px;\n\n &.left {\n margin-right: -4px;\n }\n\n &.right {\n margin-left: -4px;\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@desktop-notification-width: 300px;\n@desktop-notification-margin-bottom: 10px;\n\n.desktop-notifications {\n @desktop-notifications-margin-top: @desktop-header-height + 8px;\n\n position: fixed;\n right: 10px;\n top: 0;\n height: calc(~'100% - ' @desktop-notifications-margin-top);\n width: @desktop-notification-width;\n margin-top: @desktop-notifications-margin-top;\n pointer-events: none; / Don't block access to the elements in the background /\n}\n\n/ Animation: slide-in /\n\n@-webkit-keyframes desktop-notification-slide-in {\n .keyframes-desktop-notification-slide-in();\n}\n\n@keyframes desktop-notification-slide-in {\n .keyframes-desktop-notification-slide-in();\n}\n\n/\n Slides in the notification from the right end of the screen\n * and increases the size of the bottom margin to move down existing\n * notifications.\n /\n.keyframes-desktop-notification-slide-in() {\n 0% {\n left: @desktop-notification-width;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: @desktop-notification-margin-bottom;\n }\n}\n\n.animation-desktop-notification-slide-in() {\n #scout.animation-name(desktop-notification-slide-in);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.desktop-notification-slide-in {\n .animation-desktop-notification-slide-in();\n}\n\n/ Animation: fade-out /\n\n@-webkit-keyframes desktop-notification-fade-out {\n .keyframes-desktop-notification-fade-out();\n}\n\n@keyframes desktop-notification-fade-out {\n .keyframes-desktop-notification-fade-out();\n}\n\n.keyframes-desktop-notification-fade-out() {\n 0% {\n opacity: 1.0;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.animation-desktop-notification-fade-out() {\n #scout.animation-name(desktop-notification-fade-out);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.desktop-notification-fade-out {\n .animation-desktop-notification-fade-out();\n}\n\n.desktop-notification {\n position: relative;\n width: @desktop-notification-width;\n display: flex;\n align-items: center;\n background-color: @desktop-notification-background-color;\n margin-bottom: @desktop-notification-margin-bottom;\n padding: 8px 0 8px 10px;\n border-radius: @border-radius-medium;\n pointer-events: auto;\n #scout.drop-shadow-large();\n\n &.no-icon {\n padding: @desktop-notification-no-icon-padding-y 12px @desktop-notification-no-icon-padding-y 23px;\n }\n\n / Prevent overlay of text/loader and close icon /\n\n &.closable {\n padding-right: 35px;\n }\n}\n\n.desktop-notification-content {\n max-width: 100%;\n\n .has-icon > & {\n max-width: calc(~'100% - 40px');\n margin-left: 10px;\n }\n\n .ok > & {\n color: @ok-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-ok-border-color);\n }\n }\n }\n\n .info > & {\n // info uses default font weight and color\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-info-border-color);\n }\n }\n }\n\n .warning > & {\n color: @warning-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-warning-border-color);\n }\n }\n }\n\n .error > & {\n color: @error-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-error-border-color);\n }\n }\n }\n\n & > .closer {\n position: absolute;\n padding: 4px;\n margin: 2px;\n right: 9px;\n top: 9px;\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n .ok > & {\n color: @ok-color;\n }\n\n .warning > & {\n color: @warning-color;\n }\n\n .error > & {\n color: @error-color;\n }\n }\n}\n\n.desktop-notification-message {\n #scout.overflow-ellipsis();\n\n .desktop-notification.loading > .desktop-notification-content.offline-message > &.offline-message-text {\n #scout.font-text-normal();\n color: @text-color;\n }\n}\n\n.desktop-notification-loader {\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.desktop-notification-loader.animated::after {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n content: '';\n display: inline-block;\n vertical-align: middle;\n margin-top: -3px;\n margin-left: 16px;\n margin-right: 10px;\n border-radius: 50%;\n border: 1px fade(@busyindicator-color, 80%) solid;\n width: 14px;\n height: 14px;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.notification-severity-marker(@color, @margin-left: 8px) {\n content: '';\n position: absolute;\n border: 2px solid @color;\n background-color: @color;\n margin: 7px 0 7px @margin-left;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(~'100% - '(7px 2));\n}\n\n.notification {\n position: relative;\n display: flex;\n align-items: center;\n margin: 10px 0 0 10px;\n padding: 8px;\n border: 1px solid transparent;\n border-radius: @border-radius-medium;\n color: @text-color;\n pointer-events: auto;\n font-weight: @font-weight-bold;\n\n &.alternative {\n border: 0;\n }\n\n &.no-icon {\n padding: @notification-no-icon-padding-y 12px @notification-no-icon-padding-y 23px;\n\n &::before {\n .notification-severity-marker(@notification-info-background-color, 9px);\n }\n }\n\n &.ok {\n border-color: @notification-ok-border-color;\n color: @ok-color;\n\n &.alternative {\n background-color: @notification-ok-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-ok-border-color;\n background-color: @notification-ok-border-color;\n }\n }\n\n &.info {\n border-color: @notification-info-border-color;\n font-weight: @font-weight-normal;\n\n &.alternative {\n color: @info-color;\n font-weight: @font-weight-bold;\n background-color: @notification-info-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-info-border-color;\n background-color: @notification-info-border-color;\n }\n }\n\n &.warning {\n border-color: @notification-warning-border-color;\n color: @warning-color;\n\n &.alternative {\n background-color: @notification-warning-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-warning-border-color;\n background-color: @notification-warning-border-color;\n }\n }\n\n &.error {\n border-color: @notification-error-border-color;\n color: @error-color;\n\n &.alternative {\n background-color: @notification-error-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-error-border-color;\n background-color: @notification-error-border-color;\n }\n }\n\n /* When notification is a direct child of the main group-box: use different margins /\n\n .root-group-box > & {\n margin-left: 10px + @root-group-box-padding-left;\n margin-right: @root-group-box-padding-right;\n }\n}\n\n.notification-icon {\n width: 32px;\n height: 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n &.font-icon {\n color: @text-inverted-color;\n background-color: @background-color;\n font-size: 14px;\n border-radius: 50%;\n\n .ok > & {\n background-color: @ok-color;\n }\n\n .info > & {\n background-color: @info-color;\n }\n\n .warning > & {\n background-color: @warning-color;\n }\n\n .error > & {\n background-color: @error-color;\n }\n }\n}\n\n.notification-content {\n max-width: 100%;\n\n .has-icon > & {\n max-width: calc(~'100% - 40px');\n margin-left: 10px;\n }\n\n &.closable {\n padding-right: 25px;\n }\n\n & > .closer {\n position: absolute;\n right: 6px;\n top: 6px;\n padding: 6px;\n\n .has-icon > & {\n right: 9px;\n top: 9px;\n }\n\n .ok > &,\n .warning > &,\n .error > &,\n .alternative > & {\n color: inherit;\n }\n }\n}\n\n.notification-message {\n padding-right: 12px;\n\n #scout.user-select(text);\n #scout.overflow-ellipsis();\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.outline.tree {\n & > .tree-data {\n padding-top: @outline-data-padding-top;\n\n & > .scrollbar {\n #scout.scrollbar-y-padding(2px, 0);\n }\n\n & > .key-box {\n top: 7px;\n }\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n background-color: transparent;\n cursor: pointer;\n border: 0;\n\n / padding-right is used to leave some space for the scrollbar /\n padding: @outline-node-padding-y @outline-node-padding-right @outline-node-padding-y @outline-node-padding-left;\n\n &.group {\n background-color: @outline-group-background-color;\n }\n\n & > .text {\n font-size: @outline-font-size;\n }\n\n & > .image-icon {\n margin-top: auto;\n }\n\n & > .font-icon {\n line-height: @outline-node-font-icon-line-height;\n font-size: @outline-node-font-icon-size;\n color: @outline-node-font-icon-color;\n }\n\n & > .menubar {\n border: 0;\n background-color: inherit;\n }\n\n & > .tree-node-control {\n padding-top: @outline-node-control-padding-y;\n padding-left: @outline-node-control-padding-left;\n line-height: @outline-node-control-line-height;\n color: @outline-node-control-color;\n\n &:hover {\n color: @highlight-color;\n }\n }\n\n &.selected {\n color: @outline-selection-color;\n background-color: @outline-selection-background-color;\n\n &::after {\n display: none;\n }\n\n & > .tree-node-control {\n color: @outline-node-selected-control-color;\n\n &:hover {\n color: @highlight-color;\n }\n }\n\n & > .font-icon {\n color: @outline-node-selected-icon-color;;\n }\n }\n }\n }\n\n &.in-background > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n &.group {\n background-color: @outline-in-background-group-background-color;\n }\n\n &.selected {\n background-color: @outline-in-background-selection-background-color;\n color: @outline-in-background-selection-color;\n }\n }\n }\n}\n\n.outline-title {\n cursor: pointer;\n color: @outline-title-color;\n font-size: 19px;\n padding: 0 @outline-title-padding-right 0 @outline-title-padding-left;\n border-bottom: 1px solid @outline-title-border-color;\n display: flex;\n align-items: center;\n height: @outline-title-height;\n\n & > .icon {\n padding-right: @outline-title-icon-padding-right;\n }\n\n & > .key-box {\n top: 19px;\n }\n\n & > .text {\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .menubar {\n background-color: transparent;\n border: none;\n width: auto;\n flex-grow: 0;\n margin-right: -10px;\n\n & > .menubar-box > .menu-item.last {\n margin-right: 0;\n }\n }\n}\n\n/ bread crumb style (different colors and bigger font and arrow than original breadcrumb style) /\n.outline.tree.breadcrumb {\n\n & > .outline-title {\n margin: 0;\n border-bottom-color: @outline-breadcrumb-border-color;\n\n &.touch:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n }\n\n & > .tree-data {\n padding-top: 0;\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n border-bottom: 1px solid @outline-breadcrumb-border-color;\n padding: @outline-breadcrumb-node-padding-y @outline-breadcrumb-node-padding-x;\n\n &.child-of-selected {\n background-color: @outline-breadcrumb-child-background-color;\n\n .in-background& {\n background-color: transparent;\n }\n\n &:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n }\n\n &.ancestor-of-selected {\n color: @text-color-1;\n background-color: @outline-breadcrumb-ancestor-background-color;\n\n .in-background& {\n background-color: transparent;\n }\n }\n\n &:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n\n &.selected {\n background-color: @outline-selection-background-color;\n color: @outline-selection-color;\n cursor: default;\n\n .in-background& {\n background-color: @outline-in-background-selection-background-color;\n }\n\n & > .text > .compact-cell-header > .compact-cell-subtitle {\n color: @outline-node-selected-icon-color;\n }\n }\n\n &.selected > .text,\n &.ancestor-of-selected > .text {\n & > .compact-cell-header > .compact-cell-title > .right {\n // Don't show title suffix\n display: none;\n }\n\n & > .compact-cell-content.has-header {\n // Don't show the content if there is a header\n display: none;\n }\n }\n }\n }\n\n &:focus > .tree-data,\n &.focused > .tree-data {\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n\n &.parent-of-selected {\n border-color: @outline-breadcrumb-border-color;\n }\n\n &.selected {\n border-color: @outline-breadcrumb-border-color;\n }\n }\n }\n}\n\n.compact.outline.breadcrumb {\n & > .outline-title {\n padding-left: @compact-outline-title-padding-x;\n padding-right: @compact-outline-title-padding-x;\n\n & > .menubar {\n margin-right: -@menubar-item-icononly-padding-x;\n }\n }\n\n & > .tree-data {\n background-color: @compact-outline-data-background-color;\n\n & > .tree-node {\n padding: 0;\n\n & > .text {\n display: inline-block;\n padding: @compact-outline-node-padding-y @compact-outline-node-padding-x;\n }\n\n &.has-icon > .text {\n padding-left: 0;\n }\n\n & > .icon {\n padding: @compact-outline-node-padding-y @menu-item-icon-margin-right @compact-outline-node-padding-y @compact-outline-node-padding-x;\n min-width: 16px;\n }\n\n & > .node-menubar {\n width: auto;\n flex-grow: 0;\n padding: 0 @compact-outline-node-padding-x - @menubar-item-icononly-padding-x 0 0;\n min-height: @compact-outline-node-menubar-height;\n height: @compact-outline-node-menubar-height; // Necessary for height: 100% to work in case node menubar has no explicit height set\n\n & > .menubar-box > .menu-item {\n color: inherit;\n }\n }\n\n & > .detail-menubar {\n padding: 0 @compact-outline-node-padding-x 0 @compact-outline-node-padding-x;\n min-height: @compact-outline-node-menubar-height;\n margin-left: -@menubar-item-icononly-padding-x;\n background-color: @desktop-navigation-body-background-color;\n\n & > .menubar-box > .menu-item {\n padding-left: @menubar-item-icononly-padding-x;\n padding-right: @menubar-item-icononly-padding-x;\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n\n & > .icon {\n // Ensure menu text is aligned with node text\n min-width: 16px;\n }\n }\n }\n\n & > .detail-content {\n // to cover selection background\n background-color: @desktop-navigation-body-background-color;\n\n &.dimmed-background {\n background-color: @compact-outline-data-background-color;\n }\n\n color: @desktop-navigation-color;\n }\n\n & > .form {\n & > .root-group-box > .group-box-body {\n padding-left: @compact-outline-node-padding-x - @mandatory-indicator-width;\n padding-right: @compact-outline-node-padding-x;\n }\n\n & > .right-padding-invisible > .group-box-body {\n padding-right: 0;\n }\n }\n\n &.selected {\n display: flex;\n flex-wrap: wrap; // Move detail menubar to next line\n }\n\n &.child-of-selected.animate-prev-selected {\n #scout.animation-name(tree-node-prev-selection);\n #scout.animation-duration(0.6s);\n #scout.animation-timing-function(ease-in);\n }\n\n &.compact-root:not(.selected) {\n display: none;\n }\n }\n\n &.detail-content-visible > .tree-node > .detail-menubar {\n border-bottom: 1px solid @outline-breadcrumb-border-color;\n }\n }\n\n & > .tree-data > .tree-node.selected.has-tile-overview {\n &.compact-root {\n & > .text,\n & > .icon {\n display: none;\n }\n }\n\n background-color: transparent;\n color: @desktop-navigation-color;\n border-bottom: 0;\n\n & .tile-overview-content {\n margin-left: 20px;\n }\n\n & .tile-overview-title {\n display: none;\n }\n\n & > .form {\n background-color: transparent;\n\n & > .tile-overview-content {\n margin-top: 0;\n }\n }\n\n & .menu-item {\n color: @desktop-navigation-color;\n }\n\n & ~ .child-of-selected {\n // Hide child nodes when tile overview is shown\n display: none;\n }\n }\n}\n\n/ Previous Selection Animation /\n\n.keyframes-tree-node-prev-selection() {\n 00% {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n 100% {\n background-color: @outline-breadcrumb-child-background-color;\n }\n}\n\n@-webkit-keyframes tree-node-prev-selection {\n .keyframes-tree-node-prev-selection();\n}\n\n/ NOSONAR /\n@keyframes tree-node-prev-selection {\n .keyframes-tree-node-prev-selection();\n}\n\n/ NOSONAR /\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@search-outline-field-height: 34px;\n\n.search-outline.tree {\n & > .outline-title {\n border-bottom: none;\n margin-bottom: 0;\n }\n}\n\n.search-outline-panel {\n position: relative;\n border-bottom: 1px solid @outline-title-border-color;\n padding: 0 @outline-title-padding-right @search-outline-panel-padding-bottom @outline-title-padding-left;\n}\n\n.search-outline-field {\n border: 1px solid @control-border-color;\n height: @search-outline-field-height;\n border-radius: 5px;\n width: 100%;\n\n &:focus {\n #scout.focus-border();\n }\n\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & + .clear-icon {\n display: flex;\n }\n }\n\n & + .clear-icon {\n display: none;\n position: absolute;\n margin-right: 5px;\n right: @outline-title-padding-right;\n top: 0;\n height: @search-outline-field-height;\n }\n}\n\n.search-outline-status {\n #scout.overflow-ellipsis-nowrap();\n cursor: pointer;\n padding-right: 8px;\n text-align: right;\n padding-top: 12px;\n margin-bottom: -4px;\n}\n\n.outline.breadcrumb > .search-outline-panel {\n margin-left: 0;\n margin-right: 0;\n margin-bottom: 0;\n border-bottom-color: @outline-breadcrumb-border-color;\n\n & > .search-outline-status {\n text-align: left;\n padding-left: 8px;\n }\n}\n\n.compact.outline.breadcrumb > .search-outline-panel {\n padding-left: @compact-outline-node-padding-x;\n padding-right: @compact-outline-node-padding-x;\n\n & > .search-outline-field + .clear-icon {\n right: @compact-outline-node-padding-x;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.navigate-button {\n\n &.menu-button > .font-icon {\n font-size: 18px;\n }\n\n &.up {\n color: @navigate-up-button-color;\n border-color: @navigate-up-button-border-color;\n }\n}\n\n.menubar-box > .menu-button.navigate-button {\n &.up {\n margin-right: 6px;\n }\n\n &.down.left-of-button {\n margin-right: @bench-padding-x - @menubar-button-margin;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.outline-overview {\n position: relative;\n height: 100%;\n width: 100%;\n display: table;\n}\n\n.outline-overview-content {\n color: @palette-gray-6;\n text-align: center;\n display: table-cell;\n vertical-align: middle;\n padding-bottom: 150px;\n}\n\n.outline-overview-icon {\n font-size: 40px;\n padding-bottom: 20px;\n}\n\n.outline-overview-title {\n font-size: 20px;\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.popup-blocked-title {\n margin-right: 15px; / leave space for close icon /\n}\n\n.popup-blocked-link {\n display: block;\n margin-top: 10px;\n outline: none;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.desktop-tool-box {\n position: absolute;\n top: 0;\n margin: 0 @desktop-tool-box-item-margin;\n min-height: @desktop-header-height;\n display: inline-flex;\n justify-content: flex-end;\n white-space: nowrap;\n color: @desktop-header-color;\n}\n\n.desktop-tool-box-item.menu-item {\n font-size: @font-size-plus;\n margin: @desktop-tool-box-item-margin-top @desktop-tool-box-item-margin;\n padding: 0 14px;\n border-radius: @desktop-tool-box-item-border-radius;\n color: inherit;\n display: inline-flex;\n align-items: center;\n\n &.compact {\n padding-left: 10px;\n padding-right: 10px;\n\n & > .submenu-icon {\n display: none;\n }\n }\n\n & > .font-icon {\n font-size: @desktop-tool-box-item-font-size;\n }\n\n & > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px /\n max-height: @desktop-logo-height;\n }\n\n &:hover {\n background-color: @desktop-tool-box-item-hover-background-color;\n color: inherit;\n }\n\n &.selected.has-popup {\n color: inherit;\n background-color: @desktop-tool-box-item-selected-background-color;\n }\n\n &.disabled {\n background-color: transparent;\n color: @desktop-header-disabled-color;\n }\n}\n\n/ key boxes /\n\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 6px;\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@view-tab-transition-duration: 200ms;\n@view-tab-transition: margin @view-tab-transition-duration ease-out, padding @view-tab-transition-duration ease-out, width @view-tab-transition-duration ease-out, border-radius @view-tab-transition-duration ease-out;\n\n// The wrapper is necessary to make sure the view tabs don't change their size when one of them is selected.\n// Without a wrapper this would not be possible because an unselected view tab has a margin, a selected one does not.\n// When the tabs are shrinking, flex box distributes the size based on their widths (which is different). It should actually distribute it based on width + margin.\n// So, if the items were static (no shrink or grow), it would work without a wrapper.\n// A programmatic layout would not make it easier because we are using transitions.\n// When the inBackground property changes, the items need to be layouted considering the margin, but reading the margin would return the wrong value while the transition is running.\n.view-tab-wrapper {\n display: flex;\n width: @view-tab-selected-width;\n}\n\n.view-tab {\n position: relative;\n border-radius: @view-tab-border-radius;\n margin: @view-tab-margin-top @view-tab-margin @view-tab-margin;\n\n & > .key-box {\n bottom: @view-tab-key-box-bottom;\n }\n\n &.in-background {\n border-radius: @view-tab-selected-border-radius;\n }\n\n & > .edge {\n // Ensure GlassPane.js does not set position: relative if glass pane is added before view tab is selected\n position: absolute;\n }\n\n &.selected:not(.in-background) {\n margin: @view-tab-selected-margin-top 0 0;\n border-radius: @view-tab-selected-border-radius @view-tab-selected-border-radius 0 0;\n\n & > .edge {\n #scout.inverted-bottom-round-edge(@border-radius: @view-tab-selected-border-radius, @color: @view-tab-selected-background-color);\n\n &.right {\n z-index: 1; // lay over right tab\n }\n }\n\n & > .key-box {\n bottom: @view-tab-key-box-bottom + @view-tab-margin;\n }\n }\n\n &.animate-bring-to-front,\n &.animate-bring-to-back {\n // Transition should only be active when desktop changes from back to front and back, not when outline is changed\n // The classes animate- are only set while the animation is running, thus, we need an animation, even if it does nothing (nop)\n transition: @view-tab-transition;\n animation: nop @view-tab-transition-duration ease-out;\n\n &:not(.in-background) {\n\n & > .edge {\n\n &.left {\n visibility: hidden;\n animation: show-view-tab-left-edge 40ms ease-out 160ms forwards;\n }\n\n &.right {\n visibility: hidden;\n animation: show-view-tab-right-edge 40ms ease-out 160ms forwards;\n }\n }\n }\n }\n}\n\n.view-button-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n width: calc(~'100% - ' 2 * @view-tab-margin);\n\n &:hover {\n cursor: pointer;\n background-color: @view-tab-hover-background-color;\n }\n\n &.selected {\n background-color: @view-tab-selected-background-color;\n color: @view-tab-selected-color;\n\n &.in-background {\n background-color: @view-tab-in-background-selected-background-color;\n }\n\n &:not(.in-background) {\n width: 100%;\n }\n }\n\n &.disabled {\n color: @desktop-header-disabled-color;;\n\n &:hover {\n cursor: default;\n color: @desktop-header-disabled-color;\n background-color: transparent;\n }\n\n &.selected {\n color: @text-disabled-color;\n }\n }\n\n & > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: @view-tab-icon-font-size;\n }\n}\n\n@keyframes show-view-tab-left-edge {\n 0% {\n visibility: visible;\n left: -5px;\n }\n 100% {\n left: -12px;\n }\n}\n\n@keyframes show-view-tab-right-edge {\n 0% {\n visibility: visible;\n right: -5px;\n }\n 100% {\n right: -12px;\n }\n}\n","/\n Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-button-box {\n display: inline-flex;\n min-height: @desktop-header-height;\n max-height: @desktop-header-height; // Necessary for firefox, because it sometimes sets the height to 66px\n white-space: nowrap;\n #scout.font-text-large();\n overflow: visible; / necessary if it is in the header to make rounded corner overlap into tab area /\n position: relative; / if covered by glass pane /\n background-color: @desktop-header-background-color;\n color: @desktop-header-color;\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-menu-tab {\n display: flex;\n background-color: @view-menu-tab-background-color;\n flex-shrink: 0;\n\n & > .view-button,\n & > .view-menu {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n cursor: pointer;\n\n &:hover {\n background-color: @view-menu-tab-hover-background-color;\n color: inherit;\n }\n\n &.disabled {\n color: @desktop-header-disabled-color;\n background-color: transparent;\n cursor: default;\n }\n\n .animate-bring-to-front&,\n .animate-bring-to-back& {\n transition: @view-tab-transition;\n }\n }\n\n & > .view-button {\n border-top-left-radius: @view-tab-border-radius;\n border-bottom-left-radius: @view-tab-border-radius;\n width: @view-tab-selected-width - @view-tab-margin;\n\n & > .icon {\n font-size: 26px;\n }\n }\n\n & > .view-menu {\n position: relative;\n border-top-right-radius: @view-tab-border-radius;\n border-bottom-right-radius: @view-tab-border-radius;\n width: @view-tab-selected-width - @view-tab-margin 2;\n\n .selected-button-invisible& {\n border-radius: @view-tab-border-radius;\n }\n\n & > .icon {\n font-size: 24px;\n }\n\n &::before {\n content: '';\n position: absolute;\n height: 100%;\n border-left: 1px solid @desktop-header-background-color;\n left: 0;\n\n .selected-button-invisible&{\n display: none\n }\n }\n\n &.selected {\n background-color: @view-menu-tab-menu-selected-background-color;\n }\n }\n\n &.in-background {\n & > .view-button {\n border-top-left-radius: @view-tab-selected-border-radius;\n border-bottom-left-radius: @view-tab-selected-border-radius;\n }\n\n & > .view-menu {\n border-top-right-radius: @view-tab-selected-border-radius;\n border-bottom-right-radius: @view-tab-selected-border-radius;\n\n .selected-button-invisible& {\n border-radius: @view-tab-selected-border-radius;\n }\n }\n }\n\n &.selected {\n color: @view-tab-selected-color;\n background-color: @view-tab-selected-background-color;\n\n & > .view-button,\n & > .view-menu {\n &.selected,\n &:hover {\n background-color: transparent;\n }\n\n &.disabled {\n color: @text-disabled-color;\n }\n }\n\n & > .view-menu {\n width: @view-tab-selected-width - @view-tab-margin * 2;\n\n & > .icon {\n font-size: 26px;\n padding: 7px;\n border-radius: 8px;\n }\n\n &:hover > .icon {\n background-color: @hover-background-color;\n }\n\n &.disabled > .icon {\n background-color: transparent;\n }\n\n &.selected > .icon {\n background-color: @view-menu-tab-selected-menu-selected-background-color;\n }\n\n &::before {\n top: 10px;\n height: calc(100% - 20px);\n border-color: @border-color;\n }\n }\n\n &.in-background {\n background-color: @view-tab-in-background-selected-background-color;\n\n & > .view-menu {\n & > .icon {\n padding-top: 2px;\n padding-bottom: 2px;\n }\n }\n }\n\n &:not(.in-background) {\n border-top-left-radius: 0;\n margin-left: 0;\n margin-right: @view-tab-margin;\n\n & > .view-button {\n padding-left: @view-tab-margin;\n width: @view-tab-selected-width;\n cursor: default;\n }\n\n .selected-button-invisible& > .view-menu {\n width: @view-tab-selected-width - @view-tab-margin;\n }\n }\n }\n}\n","/\n Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.view-menu-popup.widget-popup {\n #scout.drop-shadow-large();\n border-radius: @border-radius-large;\n border: 0;\n margin: 5px;\n overflow: hidden;\n\n & > .tile-grid.scrollable {\n padding: 10px;\n }\n\n & > .tile-grid.no-icons > .view-menu-tile {\n min-height: 66px; // Min height to ensure all tiles have equal height, at least the ones with 1 or 2 lines\n }\n}\n\n.view-menu-tile {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n color: @link-color;\n background-color: @view-menu-tile-background-color;\n border-radius: 12px;\n border: 2px solid transparent;\n padding: 12px 6px 0 6px;\n min-height: 110px;\n cursor: pointer;\n\n & > .icon {\n font-size: @font-size-icon-large;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 12px;\n }\n\n & > .label {\n font-weight: @font-weight-bold;\n #scout.overflow-ellipsis();\n font-size: @font-size-small;\n }\n\n &.text-only {\n justify-content: center;\n padding: 12px 8px;\n\n & > .label {\n font-size: @font-size-normal;\n }\n }\n\n &.selected {\n border-color: @view-menu-tile-selected-border-color;\n }\n\n &:hover {\n background-color: @view-menu-tile-hover-background-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n\n &:hover {\n background-color: @view-menu-tile-background-color;\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: @filechooser-max-width;\n #scout.popup-2();\n .messagebox.severity-button(@info-color);\n\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n\n &.calc-helper {\n top: 0;\n left: 0;\n }\n\n &.animate-open {\n #scout.animation-name(short-drop);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.file-chooser-content {\n border: 0 solid @border-color;\n border-radius: @border-radius-medium;\n padding: 26px;\n\n & > .legacy-upload-form {\n & > .legacy-upload-file-input {\n margin-top: 15px;\n margin-bottom: 10px;\n padding: 5px;\n }\n }\n}\n\n.file-chooser-title {\n text-align: center;\n word-wrap: break-word;\n #scout.font-text-large(@font-weight-bold);\n color: @info-color;\n}\n\n.file-chooser-label {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n text-align: center;\n}\n\n.file-chooser-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n\n.file-chooser-files {\n @file-list-indent: 20px;\n position: relative;\n min-height: 100px;\n max-height: 200px;\n border-top: 1px solid @border-color;\n padding-top: 16px;\n margin-top: 10px;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: @file-list-indent;\n\n & > .file {\n text-indent: -@file-list-indent;\n word-break: break-all;\n margin-bottom: 4px;\n\n &::before {\n #scout.font-icon();\n content: @icon-file;\n float: left;\n width: @file-list-indent;\n padding-left: 2px;\n }\n\n & > .remove {\n line-height: normal; / override line-height of .menu-item /\n display: inline;\n }\n }\n}\n\n@media (max-width: @filechooser-max-width) {\n .file-chooser {\n margin: 0; / no need to have a margin on small screens /\n\n & > .box-buttons {\n padding: 0 13px 26px 13px; / use less x-padding for buttons so that more text can be shown /\n\n & > .box-button {\n margin-right: 4px;\n min-width: 70px; / less min width for buttons on small screens /\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: @messagebox-max-width;\n #scout.popup-2();\n overflow: hidden;\n margin: 10px / minimum padding to desktop / 10px 15px;\n\n &.full-height.full-width {\n border-radius: 0;\n }\n\n &.full-width {\n & > .messagebox-buttons {\n padding-left: 10px;\n padding-right: 10px;\n\n & > .box-button {\n min-width: 70px; / less min width for buttons on small screens /\n margin-right: 8px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n }\n\n .severity-button(@color, @hover-color: darken(@color, 6%), @active-color: darken(@color, 13%), @focus-color: @focus-box-shadow-color) {\n & > .box-buttons > .box-button {\n border-color: @color;\n color: @color;\n\n &:focus {\n box-shadow: none; / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n }\n\n &.keyboard-navigation {\n #scout.focus-border(@box-shadow-color: @focus-color, @border-color: mix(@color, @focus-color, 25%));\n }\n\n &.disabled {\n color: @button-disabled-color;\n border-color: @button-disabled-border-color;\n }\n\n &.default {\n color: @default-button-color;\n background-color: @color;\n\n &:hover {\n background-color: @hover-color;\n border-color: @hover-color;\n }\n\n &.active, &:active {\n background-color: @active-color;\n border-color: @active-color;\n }\n\n &.keyboard-navigation {\n #scout.focus-border(@box-shadow-color: @focus-color, @border-color: mix(@color, @focus-color, 25%));\n }\n\n &.disabled {\n color: @button-disabled-color;\n border-color: @button-disabled-border-color;\n background-color: @button-disabled-background-color;\n }\n }\n }\n }\n\n &.info {\n & > .messagebox-content > .messagebox-header {\n color: @info-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @info-color;\n }\n }\n\n .severity-button(@info-color, @default-button-hover-background-color, @default-button-active-background-color);\n }\n\n &.error {\n & > .messagebox-content > .messagebox-header {\n color: @error-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @error-color;\n }\n }\n\n .severity-button(@error-color, @error-default-button-background-hover-color, @error-default-button-background-active-color, @error-focus-box-shadow-color);\n }\n\n &.warning {\n & > .messagebox-content > .messagebox-header {\n color: @warning-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @warning-color;\n }\n }\n\n .severity-button(@warning-color, @warning-default-button-background-hover-color, @warning-default-button-background-active-color, @warning-focus-box-shadow-color);\n }\n\n &.ok {\n & > .messagebox-content > .messagebox-header {\n color: @ok-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @ok-color;\n }\n }\n\n .severity-button(@ok-color, @ok-default-button-background-hover-color, @ok-default-button-background-active-color, @ok-focus-box-shadow-color);\n }\n\n &.animate-open {\n #scout.animation-name(short-drop);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.messagebox-content {\n min-height: 30px;\n padding: @messagebox-label-padding 26px 17px 26px;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n / add a bit of extra space to the scrollbar on the right /\n\n & > .scrollbar.y-axis {\n width: @scrollbar-size + 2;\n }\n}\n\n.messagebox-icon {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n font-size: @font-size-smaller;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.messagebox-label {\n word-wrap: break-word;\n word-break: break-word;\n\n &.copyable {\n #scout.user-select(text);\n }\n}\n\n.messagebox-header {\n font-size: @font-size-large;\n font-weight: @font-weight-bold;\n padding-bottom: 14px;\n text-align: center;\n\n & > .messagebox-icon {\n color: @text-inverted-color;\n font-size: 14px;\n border-radius: 50%;\n }\n\n &.has-text > .messagebox-icon {\n margin-right: 12px;\n }\n}\n\n.messagebox-html {\n .has-body > & {\n padding-top: 10px;\n }\n\n // Ensure top and bottom gaps are always the same for every message box even if the content starts with an element having a margin (e.g. p, ul, etc)\n // Small draw back: if there is a text node before a p element, the p element will lose its margin anyway.\n // If that is not desired, the text node has to be wrapped into a regular html node (span, div, p etc.)\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n\n & > p {\n margin: 8px 0;\n\n & + ul {\n // Reduce gap slightly if ul follows a p so that it looks the same as without a p\n margin-top: -4px;\n }\n }\n\n & > ul {\n margin: 5px 0;\n }\n\n & > ul {\n padding-left: 26px;\n\n & > li {\n margin-top: 3px;\n\n &:first-child {\n margin-top: 0;\n }\n }\n }\n}\n\n.messagebox-buttons {\n display: flex;\n justify-content: center;\n padding: 4px 26px 25px 26px;\n}\n\n@media (max-width: @messagebox-max-width) {\n .messagebox {\n / no need to have a margin on small screens /\n margin: 0;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-input {\n cursor: pointer;\n / Don't allow text selection because mouse down opens the chooser.\n * Reason: The browser would still be in selecting mode after the chooser closes,\n * every click outside of the field would immediately open the chooser again (at least in FF).\n /\n #scout.user-select(none);\n\n &:not(.disabled):not(.alternative):active {\n background-color: @control-disabled-background-color;\n }\n\n &.alternative:not(.disabled):active {\n #scout.alternative-focus-border();\n }\n\n &.has-error:not(.disabled):not(.alternative):active {\n background-color: @error-background-color;\n }\n\n &.has-error.alternative:not(.disabled):active {\n border-bottom-color: @error-border-color;\n }\n\n &.disabled {\n cursor: default;\n #scout.user-select(text);\n }\n}\n\n.legacy-upload-form {\n & > .legacy-upload-file-input {\n width: 100%;\n\n & > iframe {\n display: none;\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form {\n position: relative;\n\n &.dimmed-background {\n background-color: @dimmed-background-color;\n\n & > .root-group-box > .menubar {\n background-color: inherit;\n }\n }\n}\n\n.view:not(.detail-form):not(.mobile-view) {\n & > .root-group-box > .main-menubar {\n #scout.main-menubar-light;\n }\n}\n\n.mobile-view > .header > .title {\n font-weight: bold;\n}\n\n.dialog {\n position: absolute;\n #scout.popup();\n / minimum padding to desktop /\n margin: 10px 10px 15px;\n / min-width and min-height are read by Resizable.js to prevent a dialog from becoming too small\n You can overrule these values with a specific CSS class on a dialog/form when you require a\n larger or smaller min-size. /\n min-width: 250px;\n min-height: 100px;\n top: 0; / must be specified otherwise dialogs will be positioned at end of document and increase document size /\n\n & > .header {\n // overflow: hidden on dialog cannot be used without cutting the resize and drag handles\n // A border radius on to the header and root-group-box is necessary if elements inside the dialog have a background color\n border-top-left-radius: @popup-border-radius;\n border-top-right-radius: @popup-border-radius;\n }\n\n & > .root-group-box {\n border-radius: @popup-border-radius;\n\n .header-visible& {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &.animate-open {\n #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.15s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n\n / remove border and rounded corners in full screen mode /\n\n &.full-width,\n &.full-height {\n border-radius: 0;\n }\n\n &.full-width {\n border-right: 0;\n border-left: 0;\n }\n\n &.full-height {\n border-bottom: 0;\n }\n\n & > .resizable-nw,\n & > .resizable-n,\n & > .resizable-ne {\n margin-top: -@dialog-border-top-size;\n }\n}\n\n.form > .header {\n padding-top: @form-title-padding-top;\n padding-left: 20px;\n padding-right: 10px;\n overflow: hidden; // Necessary to make header as height as content because of the floating closable.\n\n &.no-title {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n\n & > .title,\n & > .sub-title {\n .hidden();\n }\n }\n\n & > .icon-container {\n float: left;\n\n & > .icon {\n margin-right: 6px;\n vertical-align: middle;\n\n &.font-icon {\n font-size: 16px;\n }\n }\n }\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n font-size: @font-size-large;\n color: @title-color;\n margin-top: @text-margin-top;\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n color: @sub-title-color;\n }\n\n & > .status-container {\n float: right;\n margin-top: -8px;\n margin-right: -2px;\n\n & > .status {\n / make sure close icon overlaps drag-handle /\n position: relative;\n\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n\n &.closer {\n border-radius: @closer-border-radius;\n margin-left: 7px;\n padding: 7px;\n }\n }\n }\n}\n\n@media (max-width: @iphone6-width) {\n .dialog {\n / no need to have a margin on small screens /\n / otherwise on iphone5, cancel button on a dialog would always be stacked in ellipsis if there is another menu item /\n margin: 0;\n\n & > .resizable-handle {\n / Remove handle, it is not useful anymore\n and it increases the dialog size which has the effect that the body may be scrolled (on iphone).\n Important is necessary because jquery ui sets it to display: block using inline style /\n display: none !important; / NOSONAR (see comment above)/\n }\n }\n}","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ Mixins /\n\n#scout {\n .main-menubar-background-color-standard() {\n background-color: @main-menubar-background-color;\n }\n\n .menubar-background-color-inherit() {\n background-color: inherit;\n }\n\n / standard main-menubar /\n .main-menubar-standard() {\n #scout.main-menubar-background-color-standard();\n min-height: @main-menubar-height;\n margin-left: inherit;\n margin-right: inherit;\n }\n\n / a transparent main-menubar /\n .main-menubar-light() {\n #scout.menubar-background-color-inherit();\n }\n}\n\n/ Styles /\n\n.menubar {\n position: relative;\n width: 100%;\n background-color: @menubar-background-color;\n border-bottom: 1px solid @border-color;\n white-space: nowrap;\n\n &.bottom {\n border-bottom: 0;\n border-top: 1px solid @border-color;\n }\n}\n\n.menubar-box {\n display: inline-flex;\n height: 100%;\n align-items: center;\n\n &.right {\n float: right;\n }\n\n & > .menu-separator {\n width: 1px;\n margin: 0 @menu-item-padding-x;\n background-color: @border-color;\n height: 15px;\n\n &.overflown {\n display: none;\n }\n }\n\n & > .menu-item {\n margin: @menubar-item-margin-y @menubar-item-margin-x;\n / 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 /\n min-height: @logical-grid-row-height;\n\n &.menu-icononly {\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n min-width: @logical-grid-row-height; // Make it square\n }\n\n &.overflown {\n display: none;\n }\n\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n\n & > .menu-button {\n min-width: 110px;\n margin: @menubar-button-margin;\n\n &.small {\n min-width: 53px;\n }\n }\n\n / If the menubar has a border left and right, the first and last items need to be adjusted /\n .bounded > & > .menu-item {\n &.first {\n margin-left: @menubar-item-margin-y;\n }\n\n &.last {\n margin-right: @menubar-item-margin-y;\n }\n }\n}\n\n.main-menubar {\n #scout.main-menubar-standard;\n\n & > .menubar-box {\n\n & > .menu-separator {\n height: @logical-grid-row-height - 12px;\n }\n\n & > .menu-item {\n margin-left: @main-menubar-item-margin-x;\n margin-right: @main-menubar-item-margin-x;\n\n &.first {\n margin-left: @main-menubar-first-menu-item-margin-left;\n }\n\n &.last {\n margin-right: @main-menubar-last-menu-item-margin-right;\n }\n\n &.menu-icononly {\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n\n &.first {\n margin-left: @main-menubar-first-menu-item-icononly-margin-left;\n }\n\n &.last {\n margin-right: @main-menubar-last-menu-item-icononly-margin-right;\n }\n }\n }\n\n & > .menu-button {\n &.first,\n &.first.menu-icononly {\n margin-left: @bench-padding-x;\n }\n\n &.last,\n &.last.menu-icononly {\n margin-right: @bench-padding-x;\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-menu-popup {\n\n & > .form > .root-group-box > .main-menubar {\n background-color: @form-menu-popup-main-menubar-background-color;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.scout-info-form-container {\n width: 100%;\n margin-top: 5px;\n margin-bottom: 5px;\n display: flex;\n}\n\n.scout-info-form-logo-container {\n flex: none;\n}\n\n.scout-info-form-text-container {\n flex-grow: 1;\n}\n\n.scout-info-form-logo {\n display: inline-block;\n max-height: 100px;\n max-width: 200px;\n margin-right: 20px;\n}\n\n.scout-info-form-table {\n border-spacing: 0;\n}\n\n.scout-info-form-table-cell-description {\n padding-right: 10px;\n vertical-align: top;\n}\n\n.scout-info-form-table-cell-value {\n vertical-align: top;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.text-field-icon {\n display: flex;\n align-items: center;\n margin: 0 @text-field-icon-margin-x;\n cursor: text;\n\n &::before {\n #scout.font-icon();\n font-size: @font-size-icon-small;\n color: @text-field-icon-color;\n border-radius: @control-border-radius;\n width: @text-field-icon-size;\n height: @text-field-icon-size;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &.clear-icon::before {\n content: @icon-remove-bold;\n font-size: 14px;\n }\n\n &.action {\n cursor: pointer;\n\n &:hover::before {\n color: @text-field-icon-hover-color;\n background-color: @hover-background-color;\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-field {\n / FormFieldLayout uses absolute positioning, make sure it is positioned relatively to its container /\n position: relative;\n\n & > label {\n position: absolute;\n #scout.overflow-ellipsis-nowrap();\n padding-top: @field-label-padding-top;\n padding-bottom: @field-label-padding-bottom;;\n margin-left: @mandatory-indicator-width;\n / Add small spacing between label and field /\n padding-right: @mandatory-indicator-width;\n color: @label-color;\n font-size: @field-label-font-size;\n\n .disabled& {\n color: @label-disabled-color;\n }\n\n .read-only& {\n color: @label-color;\n }\n\n &.top {\n color: @top-label-color;\n font-size: @top-label-font-size;\n padding-bottom: @top-label-border-padding-bottom;\n\n .alternative& {\n / Reduce space between input and label if there is no border /\n padding-bottom: 0;\n }\n\n .disabled& {\n color: @top-label-disabled-color;\n }\n\n .read-only& {\n color: @top-label-color;\n }\n }\n\n .focused& {\n color: @focus-color;\n }\n\n .has-error& {\n color: @error-color;\n }\n }\n\n & > .field {\n position: absolute;\n }\n\n / Class that applies the same vertical padding to the .field as to the label (useful e.g. for html fields) /\n\n &.borderless-field-padding-y > .field {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n }\n\n & > .mandatory-indicator {\n position: absolute;\n visibility: hidden;\n\n &::before {\n content: '';\n font-size: @mandatory-indicator-font-size;\n }\n }\n\n &.mandatory > .mandatory-indicator:not(.read-only) {\n visibility: visible;\n }\n\n &.disabled.alternative > .mandatory-indicator {\n color: @disabled-color;\n }\n\n /* Convenience class to add to a field when the mandatory indicator should not be displayed (e.g. inside a FormFieldMenu) /\n\n &.no-mandatory-indicator > .mandatory-indicator {\n display: none;\n }\n\n &.no-mandatory-indicator > label.top {\n margin-left: 0;\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n height: @field-status-size;\n\n #scout.status();\n }\n\n &.has-menus {\n\n &.has-tooltip:not(.has-info):not(.has-ok):not(.has-warning):not(.has-error) {\n & > .status::before {\n content: @icon-ellipsis-circle;\n }\n }\n\n & > .status {\n #scout.menu-status();\n }\n }\n\n &.has-tooltip > .status {\n #scout.tooltip-status();\n }\n\n &.has-ok > .status {\n #scout.ok-status();\n }\n\n &.has-info > .status {\n #scout.info-status();\n }\n\n &.has-warning > .status {\n #scout.warning-status();\n }\n\n &.has-error > .status {\n #scout.error-status();\n }\n\n .disabled-overlay {\n position: absolute;\n }\n\n &.cell-editor-form-field {\n position: absolute;\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.lookup-box {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field > .structure.tree,\n & > .field > .structure.table {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected,\n &.no-nodes-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n\n & > .table-data > .table-row {\n & > .table-cell {\n border-bottom: 0;\n }\n\n &.selected::after {\n // Since there is no top border there is no need to increase the size of the selection\n // -> This makes a table row selection as big as a tree node selection\n top: 0;\n height: 100%;\n }\n\n &.inactive {\n font-style: italic;\n\n & > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n\n // necessary for Scout Classic as row passes the css classes to its cells\n & > .table-cell.last.inactive {\n font-style: italic;\n\n & > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n\n & > .tree-data > .tree-node.inactive,\n & > .tree-data > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n\n & > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.value-field {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n / 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/\n min-height: @logical-grid-row-height;\n }\n\n & > .text-field-icon,\n & > .field > .text-field-icon {\n display: none;\n position: absolute;\n }\n\n &.alternative {\n & > .text-field-icon,\n & > .field > .text-field-icon {\n margin-right: 0;\n }\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n margin-left: 0;\n margin-right: @text-field-icon-margin-x;\n }\n }\n\n &.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n #scout.value-field-with-icon(~'.clear-icon');\n\n & > .clear-icon {\n display: flex;\n }\n\n & > .icon {\n display: none;\n }\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n\n &.halign-right {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-left: @text-field-icon-outer-width;\n padding-right: @text-field-padding-x;\n\n &.alternative {\n padding-left: @text-field-alternative-icon-outer-width;\n padding-right: @text-field-alternative-padding-left;\n }\n\n &.cell-editor-field {\n padding-right: @table-cell-padding-left - @item-selection-border-width;\n }\n }\n }\n }\n\n &.has-icon:not(.compact):not(.disabled) {\n #scout.value-field-with-icon(~'.icon');\n\n & > .icon,\n & > .field > .icon {\n display: flex;\n }\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.wrapped-form-field > .form {\n background-color: transparent;\n\n / Reset padding set in GroupBox.css /\n\n & > .root-group-box > .group-box-body,\n & > .root-group-box > .group-box-header {\n padding-left: 0;\n padding-right: 0;\n }\n\n / Reset margin set in GroupBox.css /\n\n & > .root-group-box {\n overflow: visible; / allow overflow for the root-group-box for wrapped forms /\n\n & > .group-box-body {\n & > .scrollbar {\n / position scrollbar as right as possible to prevent overlapping field parts. /\n #scout.scrollbar-y-padding(8px, 6px);\n }\n }\n }\n\n / Reset values set in MenuBar.css /\n\n & > .root-group-box > .menubar {\n margin-left: @mandatory-indicator-width;\n #scout.menubar-background-color-inherit;\n\n & > .menubar-box > .menu-item {\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.widget-field {\n\n & > .menubar {\n background-color: transparent;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.accordion-field {\n & > .accordion {\n / In fact set by the FormField.less as well,\n /* but since scrollbars are rendered before the field class is set, scrollbar sets position: relative first\n /* which breaks the form field layout /\n position: absolute;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.button-field > .field {\n margin-left: @mandatory-indicator-width;\n\n .no-mandatory-indicator& {\n margin-left: 0;\n }\n}\n\n.button-field > .button {\n // Ensure button height remains the same if fill vertical = false\n min-height: @logical-grid-row-height;\n}\n\n.button-field > .link-button {\n padding-left: 0;\n padding-right: 0;\n\n &:hover,\n &:active, &.active {\n background-color: transparent;\n }\n\n &:focus {\n box-shadow: none;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: -3px;\n height: calc(100% - 6px);\n width: calc(100% + 6px);\n #scout.focus-box-shadow();\n border-radius: @border-radius;\n }\n }\n}\n\n.button-field > .key-box {\n position: absolute;\n top: 4px;\n}\n\n.button-field.button-icon-large > .button > .font-icon {\n font-size: @font-size-icon-large;\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.bean-field {\n / whole bean-field must be selectable, otherwise focusUtils.js would bail out\n if a user starts a selection on the padding of the .bean-field element and\n not exactly on the .field child element. /\n #scout.user-select(text);\n\n & > .field {\n margin-left: @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.browser-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field {\n margin-left: @mandatory-indicator-width;\n background-color: @browser-field-background-color;\n border: 1px solid @border-color;\n border-radius: @control-border-radius;\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n & > .alt {\n margin: 14px;\n }\n\n & > .button {\n display: inline-block;\n padding: 4px 7px;\n margin: 0 14px 14px 14px;\n }\n }\n}\n","/\n * Copyright (c) 2010-2019 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.calendar-field {\n\n > .group-box-body {\n padding-right: 0;\n }\n\n // add the default margin for form-fields when calendar used inside a regular form\n .form:not(.detail-form) &:not(.mobile) > .field {\n margin-left: @mandatory-indicator-width;\n }\n}","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.check-box-field > .field {\n padding: @check-box-field-padding-y 0;\n outline: none;\n display: flex;\n\n & > .label {\n color: @control-color;\n }\n\n & > .check-box,\n & > .label {\n cursor: pointer;\n }\n\n / only the label should be clickable, not the whole field /\n\n & > .label {\n padding-top: @check-box-field-label-padding-top;\n padding-left: @check-box-field-label-padding-left;\n max-width: calc(~'100% - ' @check-box-size);\n #scout.overflow-ellipsis();\n\n &.empty {\n / Make the label invisible if there is no text to not artificially make the check box wider than it should be\n The check box square defines the height. /\n display: none;\n }\n }\n\n &.has-inner-alignment {\n\n &.halign-left {\n justify-content: flex-start;\n }\n\n &.halign-center {\n justify-content: center;\n }\n\n &.halign-right {\n justify-content: flex-end;\n }\n }\n\n & > .check-box {\n flex: none; / never shrink check-box /\n }\n\n / Same spacings as defined in CellEditorPopup.less, but as margin, not as padding /\n\n & > .cell-editor-field.check-box {\n padding: 0;\n margin: 0 @table-cell-padding-right 0 @table-cell-padding-left;\n vertical-align: top;\n border-width: 1px;\n\n &.last {\n margin-right: @table-cell-padding-right-last !important;\n }\n\n &:focus {\n border-width: 1px;\n #scout.focus-border();\n }\n }\n\n &.halign-right > .cell-editor-field.check-box {\n margin-right: @table-cell-padding-left;\n margin-left: @table-cell-padding-right;\n }\n\n &.halign-center > .cell-editor-field.check-box {\n margin-right: @table-cell-padding-left;\n }\n}\n\n.check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment);\n\n .cell-editor-popup.overflow-top & {\n padding-top: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment + 1px);\n }\n}\n\n.check-box-field.disabled > .field {\n\n & > .check-box {\n cursor: default;\n }\n\n & > .label {\n cursor: default;\n color: @text-disabled-color;\n }\n\n &.read-only > .label {\n color: @read-only-color;\n }\n}\n\n.checkbox-indentation {\n margin-left: @check-box-size + @check-box-field-label-padding-left;\n\n .radiobutton-group-body > & {\n margin-left: @check-box-size + @check-box-field-label-padding-left - @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.clipboard-field > .field {\n margin-left: @mandatory-indicator-width;\n background-color: @item-selection-background-color;\n padding: @text-field-padding-y @text-field-padding-x;\n #scout.user-select(text);\n white-space: pre-wrap;\n\n & > img {\n display: none;\n }\n}\n\n.clipboard-form-label.label-field > .field {\n padding-top: 0;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.date-field {\n #scout.value-field-with-icon(~'.icon.date');\n #scout.value-field-with-icon(~'.icon.time');\n\n & > .field {\n\n & > input,\n & > .input-field {\n position: absolute;\n }\n\n .icon {\n\n &.date-clear,\n &.time-clear {\n cursor: pointer;\n display: none;\n\n &::before {\n content: @icon-remove-bold;\n }\n }\n\n &.date {\n\n &::before {\n content: @icon-calendar;\n }\n }\n\n &.time {\n\n &::before {\n content: @icon-clock;\n }\n }\n }\n }\n\n &.date-focused > .icon.date::before,\n &.date-focused > .field > .icon.date::before,\n &.time-focused > .icon.time::before,\n &.time-focused > .field > .icon.time::before {\n color: @text-field-icon-focus-color;\n }\n\n &:not(.disabled):not(.compact-date) > .field {\n & > .icon.date {\n display: flex;\n }\n\n & > input.date {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &:not(.disabled):not(.compact-time) > .field {\n & > .icon.time {\n display: flex;\n }\n\n & > input.time {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &.clearable-always.date-has-text:not(.disabled):not(.compact-date),\n &.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) {\n #scout.value-field-with-icon(~'.icon.date-clear');\n\n &.date-focused > .icon.date::before,\n &.date-focused > .field > .icon.date-clear::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error.date-focused > .icon.date::before,\n &.has-error.date-focused > .field > .icon.date-clear::before {\n color: @text-field-icon-error-color;\n }\n\n & > .field > .date-clear {\n display: flex;\n }\n\n & > .field > .icon.date {\n display: none;\n }\n\n & > .field > input.date {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &.clearable-always.time-has-text:not(.disabled):not(.compact-time),\n &.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) {\n #scout.value-field-with-icon(~'.icon.time-clear');\n\n &.time-focused > .icon.time::before,\n &.time-focused > .field > .icon.time-clear::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error.time-focused > .icon.time::before,\n &.has-error.time-focused > .field > .icon.time-clear::before {\n color: @text-field-icon-error-color;\n }\n\n & > .field > .time-clear {\n display: flex;\n }\n\n & > .field > .icon.time {\n display: none;\n }\n\n & > .field > input.time {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n}\n\n.date-field > .field {\n\n & > .input-field[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n & > .input-field[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n /* Prediction input field is in the back of the actual input field -> make actual input field transparent /\n\n & > .predict {\n color: @disabled-color;\n background-color: @control-background-color;\n\n &.alternative {\n background-color: @text-field-alternative-background-color;\n }\n\n &.has-error {\n background-color: @error-background-color;\n }\n\n & + input {\n background-color: transparent;\n }\n }\n}\n\n.date-field.date-clearable > .field {\n & > .icon.date-clear {\n display: flex;\n }\n\n & > .icon.date {\n display: none;\n }\n}\n\n.date-field.time-clearable > .field {\n & > .icon.time-clear {\n display: flex;\n }\n\n & > .icon.time {\n display: none;\n }\n}\n\n.touch-popup-field.time > .field {\n\n & > input.date,\n & > .icon.date,\n & > .icon.date-clear {\n .hidden();\n }\n}\n\n.touch-popup-field.date {\n margin-bottom: 0;\n\n & > .field {\n & > input.time,\n & > .icon.time,\n & > .icon.time-clear {\n .hidden();\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.file-chooser-field {\n\n & > .icon {\n cursor: pointer;\n\n &::before {\n content: @icon-file;\n }\n }\n\n & > .file-input {\n & > input {\n display: none;\n }\n\n & > .file-input-text {\n overflow-x: hidden;\n\n &[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n &[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n }\n }\n\n & > .legacy-upload-form {\n & > .legacy-upload-file-input {\n padding: 3px;\n height: 100%;\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.root-group-box {\n / necessary if dialog gets really small /\n overflow: hidden;\n\n & > .group-box-body,\n & > .group-box-header {\n / group-box-body may be scrollable. /\n / that's why the body has a padding instead of the root-group-box (to place the scrollbars inside the body) /\n padding-left: @root-group-box-padding-left;\n padding-right: @root-group-box-padding-right;\n }\n\n & > .group-box-body {\n & > .scrollbar {\n / override margin reset from group-box-body (see below) /\n #scout.scrollbar-y-padding();\n }\n }\n}\n\n.group-box {\n\n & > .menubar {\n margin-left: @mandatory-indicator-width;\n background-color: inherit;\n #scout.menubar-background-color-inherit;\n }\n\n &.collapsed > .menubar {\n display: none;\n }\n\n &.has-scroll-shadow-top:not(.menubar-position-top) > .group-box-header {\n width: 100%;\n margin-left: 0;\n padding-left: @mandatory-indicator-width;\n }\n}\n\n.root-group-box,\n.group-box {\n &.loading {\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.right-padding-invisible > .group-box-body {\n padding-right: 0;\n }\n}\n\n.group-box-header {\n width: calc(~'100% - ' @mandatory-indicator-width);\n margin-top: @group-box-header-margin-top;\n margin-left: @mandatory-indicator-width;\n position: relative;\n white-space: nowrap;\n margin-bottom: @tab-area-border-width;\n\n & > .bottom-border {\n // Use element with background color instead of a bottom border to align it with tab box correctly (borders are drawn slightly different when zoomed)\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -@group-box-header-border-width;\n width: 100%;\n height: @group-box-header-border-width;\n background-color: @border-color;\n }\n\n &.has-menubar {\n\n & > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n vertical-align: middle;\n padding-left: 10px;\n\n & > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n }\n\n & > .group-box-control {\n display: inline-block;\n color: @title-color;\n cursor: pointer;\n padding-left: 10px;\n text-align: center;\n vertical-align: middle;\n width: @group-box-control-width;\n\n &::before {\n #scout.font-icon();\n font-size: @group-box-control-font-size;\n content: @icon-angle-down-bold;\n\n .group-box.collapsed > & {\n content: @icon-angle-up-bold;\n }\n }\n }\n\n & > .title {\n display: inline-block;\n vertical-align: middle;\n padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0;\n max-width: 100%;\n margin-top: @text-margin-top;\n\n .group-box.has-sub-label > & {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\n }\n\n & > .label {\n font-weight: @title-font-weight;\n color: @title-color;\n #scout.overflow-ellipsis();\n }\n\n & > .sub-label {\n padding-top: 1px;\n font-size: @sub-title-font-size;\n letter-spacing: @sub-title-letter-spacing;\n color: @sub-title-color;\n #scout.overflow-ellipsis();\n }\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n .group-box.has-tooltip > & > .status {\n #scout.tooltip-status();\n }\n\n .group-box.has-info > & > .status {\n #scout.info-status();\n }\n\n .group-box.has-ok > & > .status {\n #scout.ok-status();\n }\n\n .group-box.has-warning > & > .status {\n #scout.warning-status();\n }\n\n .group-box.has-error > & > .status {\n #scout.error-status();\n }\n\n &.expandable {\n / Expansion can also be performed on the title itself /\n cursor: pointer;\n }\n}\n\n.group-box-body {\n position: relative;\n padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0;\n\n &.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &.x-padding-invisible {\n padding-left: 0;\n padding-right: 0;\n }\n\n .collapsed > & {\n display: none;\n }\n\n / position scrollbar as right as possible to prevent overlapping field parts. /\n\n & > .scrollbar {\n #scout.scrollbar-y-padding(8px, 6px);\n }\n}\n\n.group-box.top-padding-invisible > .group-box-body {\n padding-top: 0;\n}\n\n.group-box.bottom-padding-invisible > .group-box-body {\n padding-bottom: 0;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.html-field {\n\n &.selectable {\n // The whole html-field must be selectable, otherwise focusUtils.js would bail out\n // if a user starts a selection on the padding of the .html-field element and\n // not exactly on the .field child element.\n #scout.user-select(text);\n }\n\n & > .field {\n margin-left: @mandatory-indicator-width;\n\n &:focus {\n outline: none;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.image-field {\n\n &.alternative > label.top { / NOSONAR over qualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field {\n overflow: hidden;\n margin-left: @mandatory-indicator-width;\n\n & > .font-icon {\n font-size: 20px;\n }\n\n &.clickable {\n cursor: pointer;\n }\n\n &.has-inner-alignment {\n display: flex;\n\n & > .font-icon {\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n }\n\n &.halign-left {\n justify-content: flex-start;\n }\n\n &.halign-center {\n justify-content: center;\n }\n\n &.halign-right {\n justify-content: flex-end;\n }\n\n &.valign-top {\n align-items: flex-start;\n }\n\n &.valign-middle {\n align-items: center;\n }\n\n &.valign-bottom {\n align-items: flex-end;\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.label-field {\n\n &.selectable {\n // The whole label-field must be selectable, otherwise focusUtils.js would bail out\n // if a user starts a selection on the padding of the .label-field element and\n // not exactly on the .field child element.\n #scout.user-select(text);\n }\n}\n\n.label-field > .field {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n margin-left: @mandatory-indicator-width;\n #scout.overflow-ellipsis();\n\n &[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n &[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n .no-mandatory-indicator& {\n margin-left: 0;\n }\n\n .top-padding-invisible& {\n padding-top: 0;\n }\n\n .bottom-padding-invisible& {\n padding-bottom: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &.has-inner-alignment {\n\n &.halign-left {\n text-align: left;\n }\n\n &.halign-center {\n text-align: center;\n }\n\n &.halign-right {\n text-align: right;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode-selector-field {\n &.alternative > label.top {\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .mode-selector {\n margin-left: @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.number-field > .field {\n\n &.has-inner-alignment {\n\n &.halign-left {\n text-align: left;\n }\n\n &.halign-center {\n text-align: center;\n }\n\n &.halign-right {\n text-align: right;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .planner {\n margin-left: @mandatory-indicator-width;\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@radio-button-transition-speed: 250ms;\n\n.radio-button > .field {\n padding: @radio-button-field-padding-y 0;\n margin-left: @mandatory-indicator-width;\n outline: none;\n display: flex;\n\n & > .radio-button-circle,\n & > .label,\n & > .icon {\n / only the label should be clickable, not the whole field /\n cursor: pointer;\n }\n\n & > .label {\n color: @control-color;\n padding-top: @radio-button-label-padding-top;\n padding-left: @radio-button-label-padding-left;\n #scout.overflow-ellipsis();\n\n &.empty {\n / Make the label invisible if there is no text to not artificially make the button wider than it should be\n Compared to the Button.js the circle defines the height /\n display: none;\n }\n }\n\n & > .icon {\n padding-left: 7px;\n }\n\n & > .radio-button-circle {\n width: @radio-button-circle-size;\n height: @radio-button-circle-size;\n flex: none;\n background-color: @control-background-color;\n border-radius: 50%;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: @radio-button-checked-color;\n border-radius: 50%;\n opacity: 0;\n transition: transform ease @radio-button-transition-speed, opacity linear @radio-button-transition-speed;\n transform: scale(0.01);\n }\n\n // After element is used to draw the border to make sure the before element is always centered as good as possible\n // If the parent draws the border it won't look good on all zoom levels\n &::after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: @radio-button-border-width solid @radio-button-border-color;\n border-radius: 50%;\n }\n\n &.checked {\n &::before {\n transform: scale(unit(@radio-button-inner-circle-size / @radio-button-circle-size));\n opacity: 1;\n transition: transform ease @radio-button-transition-speed;\n }\n\n &::after {\n border-color: @radio-button-checked-color;\n }\n }\n\n &:focus {\n outline: none;\n\n &::after {\n #scout.focus-border(@border-color: @radio-button-checked-color);\n }\n }\n\n &.disabled {\n cursor: default;\n\n &::after {\n border-color: @radio-button-disabled-border-color;\n }\n\n &.checked {\n &::before {\n background-color: @radio-button-checked-disabled-background-color;\n }\n\n &::after {\n border-color: @radio-button-checked-disabled-background-color;\n }\n }\n }\n }\n}\n\n.radio-button.disabled > .field {\n\n & > .label,\n & > .icon {\n cursor: default;\n color: @text-disabled-color;\n }\n}\n\n.radiobutton-indentation {\n margin-left: @radio-button-circle-size + @radio-button-label-padding-left;\n\n .radiobutton-group-body > & {\n margin-left: @radio-button-circle-size + @radio-button-label-padding-left - @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.radiobutton-group-body {\n & > .radio-button > .field {\n / radio button group has a mandatory indicator, no need to create a margin /\n margin-left: 0;\n }\n\n & > .form-field {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n}\n\n.radiobutton-group-body.loading {\n\n & > .form-field {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dropdown-field {\n\n & > .icon {\n cursor: pointer;\n\n &::before {\n content: @icon-angle-down-bold;\n font-size: 16px;\n }\n }\n\n &.popup-open > .icon::before {\n content: @icon-angle-up-bold;\n }\n\n & > .field {\n cursor: pointer;\n\n &.disabled {\n cursor: default;\n }\n }\n}\n\n.proposal-field {\n\n & > .icon::before {\n content: @icon-pencil;\n }\n}\n\n.smart-field {\n\n & > .icon::before,\n & > .field > .icon::before {\n content: @icon-search;\n }\n\n / Multiline SmartField /\n\n & > .field > .multiline-input {\n border-radius: @control-border-radius @control-border-radius 0 0;\n width: 100%;\n padding-left: @text-field-padding-x;\n\n &:focus {\n border-bottom-right-radius: @control-border-radius;\n border-bottom-left-radius: @control-border-radius;\n }\n\n &.alternative {\n border-bottom-color: @text-field-alternative-border-color;\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n\n &:focus {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-color: @focus-color;\n }\n\n &.has-error {\n border-bottom-color: @error-border-color;\n }\n }\n\n &.read-only {\n border-bottom-color: @border-color;\n\n &.has-error {\n border-bottom-color: @error-border-color;\n }\n }\n }\n\n / DIV below the smart field containing the additional lines /\n\n & > .field > .multiline-lines {\n background-color: @control-background-color;\n border: solid 1px @control-border-color;\n border-radius: 0 0 @control-border-radius @control-border-radius;\n border-top: none;\n padding: 3px @text-field-padding-x;\n #scout.overflow-ellipsis-nowrap();\n #scout.user-select(text);\n\n &.disabled {\n background-color: @control-disabled-background-color;\n }\n }\n\n &.alternative > .field > .multiline-lines,\n &.read-only > .field > .multiline-lines {\n border: 0;\n padding-top: 6px;\n\n &.disabled {\n background-color: transparent;\n }\n }\n\n &.alternative > .field > .multiline-lines {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n }\n\n &.disabled > .field > .multiline-lines {\n color: @disabled-color;\n\n .read-only& {\n color: @read-only-color;\n }\n }\n}\n\n.dropdown-field,\n.proposal-field,\n.smart-field {\n & > .input-field[placeholder]:empty::before,\n & > .multiline > .input-field[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n & > .input-field[placeholder].disabled:empty::before,\n & > .multiline > .input-field[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n &.loading {\n & > .icon {\n #scout.animation(pulsate-in-out 2.2s ease-in-out infinite);\n }\n }\n\n & > .field {\n\n &.halign-left,\n &.halign-left > .multiline-input {\n text-align: left;\n }\n\n &.halign-center,\n &.halign-center > .multiline-input {\n text-align: center;\n }\n\n &.halign-right,\n &.halign-right > .multiline-input {\n text-align: right;\n }\n }\n\n &.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n\n &.halign-right {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field {\n padding-left: 0;\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-icon-outer-width;\n }\n\n &.cell-editor-field {\n padding-right: @text-field-icon-outer-width;\n }\n }\n }\n }\n\n &.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: @text-field-icon-outer-width;\n }\n\n &.alternative.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n margin-right: 0;\n margin-left: @text-field-icon-margin-x;\n }\n }\n}\n\n\n.smart-field-touch-popup > .body {\n & > .touch-popup-field {\n & > .field {\n & > .multiline-input {\n border-radius: @control-border-radius @control-border-radius;\n }\n\n & > .multiline-lines {\n display: none;\n }\n }\n }\n\n & > .touch-popup-widget-container .table-data {\n padding: 2px @touch-popup-padding-x @touch-popup-padding-x;\n\n & > .table-row.first {\n border-top-color: transparent;\n }\n }\n}\n\n.dropdown-field-popup,\n.smart-field-popup,\n.proposal-field-popup {\n #scout.chooser-popup();\n}\n\n.proposal-chooser {\n\n & > .active-filter {\n position: absolute;\n }\n\n & > .status {\n display: flex;\n align-items: center;\n }\n\n & > .active-filter,\n & > .status {\n padding: 0 @proposal-chooser-padding-x;\n background-color: @proposal-chooser-status-background-color;\n border-top: solid 1px @border-color;\n height: @logical-grid-row-height;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &.empty > .active-filter,\n &.empty > .status {\n border-top: 0;\n }\n\n & > .table {\n & > .table-header {\n padding-left: @proposal-chooser-padding-x;\n padding-right: @proposal-chooser-padding-x;\n }\n\n & > .table-data {\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x;\n\n & > .table-row {\n &.first {\n border-top: 1px solid @table-row-border-color;\n\n &.selected::after {\n // If header is invisible, selection of first row starts at 0\n // Since we now have a top border we can move it to -1px again to cover the border\n top: -1px;\n }\n }\n\n &.inactive {\n font-style: italic;\n\n & > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n\n & > .scrollbar.y-axis > .scrollbar-thumb > .scrollbar-thumb-handle {\n margin-left: 1px;\n }\n }\n }\n\n & > .tree {\n & > .tree-data {\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x;\n\n & > .tree-node.inactive,\n & > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n\n & > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n }\n}\n\n.status > .ellipsis {\n padding-left: 3px;\n}\n\n.animate-dot {\n position: relative;\n #scout.animation-name(animateDot);\n #scout.animation-duration(1650ms);\n #scout.animation-iteration-count(infinite);\n}\n\n.delay-0 {\n #scout.animation-delay(0ms);\n}\n\n.delay-1 {\n #scout.animation-delay(200ms);\n}\n\n.delay-2 {\n #scout.animation-delay(400ms);\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.dropdown-field-popup, .smart-field-popup, .proposal-field-popup {\n &.animate-open {\n / Changed initial transform from 0 to 0.5 because in Chrome browser v72 on zoom levels > 100%\n * the proposal-chooser popup produced an accidental flickering animation where the proposal table\n * jumped a few pixels to the left. With 0.5 this does not happen - only god knows why. See #241249.\n /\n #scout.transform(scaleY(0.5));\n #scout.animation-name(grow-y);\n #scout.animation-duration(0.125s);\n\n &.bottom {\n #scout.transform-origin(top);\n }\n\n &.top {\n #scout.transform-origin(bottom);\n }\n }\n\n &.animate-remove {\n #scout.animation-name(shrink-y);\n #scout.animation-duration(0.125s);\n\n &.bottom {\n #scout.transform-origin(top);\n }\n\n &.top {\n #scout.transform-origin(bottom);\n }\n }\n}\n\n\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@split-box-x-splitter-size: @split-box-splitter-line-size + (2 @split-box-x-splitter-padding) - @mandatory-indicator-width;\n@split-box-y-splitter-size: @split-box-splitter-line-size + (2 * @split-box-y-splitter-padding);\n\n.split-box {\n\n & > .split-area {\n @temp-splitter-line-size: 1px;\n\n & > .first-field,\n & > .second-field {\n overflow: hidden;\n position: absolute;\n\n &.collapsed {\n display: none;\n }\n }\n\n & > .splitter {\n position: absolute;\n background-color: @border-color;\n background-clip: content-box; /* don't color padding /\n\n &:not(.disabled):not(.dragging):hover {\n background-color: @hover-color;\n }\n\n // \"\|\"\n &.x-axis {\n height: 100%;\n width: @split-box-x-splitter-size;\n padding-left: @split-box-x-splitter-padding;\n padding-right: (@split-box-x-splitter-padding - @mandatory-indicator-width);\n cursor: col-resize;\n }\n\n // \"--\"\n &.y-axis {\n margin-left: @mandatory-indicator-width;\n width: calc(~'100% - ' @mandatory-indicator-width);\n height: @split-box-y-splitter-size;\n padding-top: @split-box-y-splitter-padding;\n padding-bottom: @split-box-y-splitter-padding;\n cursor: row-resize;\n }\n\n &.dragging {\n opacity: 0.25;\n }\n\n &.disabled {\n cursor: default;\n }\n }\n\n // used while dragging\n & > .temp-splitter {\n position: absolute;\n z-index: 2;\n\n // \"\|\"\n &.x-axis {\n height: 100%;\n width: @temp-splitter-line-size;\n border-left: @temp-splitter-line-size dashed @focus-border-color;\n margin-left: @split-box-x-splitter-padding + ceil((@split-box-splitter-line-size - @temp-splitter-line-size) / 2);\n margin-right: @split-box-x-splitter-padding + floor((@split-box-splitter-line-size - @temp-splitter-line-size) / 2) - @mandatory-indicator-width;\n }\n\n // \"--\"\n &.y-axis {\n margin-left: @mandatory-indicator-width;\n width: calc(~'100% - ' @mandatory-indicator-width);\n height: @temp-splitter-line-size;\n border-top: @temp-splitter-line-size dashed @focus-border-color;\n margin-top: @split-box-y-splitter-padding + ceil((@split-box-splitter-line-size - @temp-splitter-line-size) / 2);\n margin-bottom: @split-box-y-splitter-padding + floor((@split-box-splitter-line-size - @temp-splitter-line-size) / 2);\n }\n }\n }\n\n & > .collapse-handle.right-aligned {\n / align with status icons /\n right: 3px;\n }\n}\n\n.split-box-collapse-key-box {\n margin-top: -6px;\n margin-left: 4px;\n\n &.left {\n margin-top: 6px;\n margin-left: 4px;\n }\n\n &.right {\n margin-top: 6px;\n margin-left: -4px;\n }\n}\n\n// If splitter is visible (= there are two fields), make room for it by adding a margin to the first field\n.split-box:not(.single-field):not(.second-field-collapsed) > .split-area > .first-field {\n\n // \"\|\"\n &.x-axis {\n margin-right: @split-box-x-splitter-size;\n }\n\n // \"--\"\n &.y-axis {\n margin-bottom: @split-box-y-splitter-size;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.string-field {\n\n &.multiline > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field {\n\n &.has-inner-alignment {\n\n &.halign-left {\n text-align: left;\n }\n\n &.halign-center {\n text-align: center;\n }\n\n &.halign-right {\n text-align: right;\n }\n }\n }\n\n / adjust paddings in case of both icons (icon and clear-icon) are visible /\n\n &.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n\n & > .clear-icon {\n margin-right: 0;\n }\n\n & > input {\n padding-right: @text-field-icon-outer-width + @text-field-icon-size + @text-field-icon-margin-x;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width 2;\n }\n }\n\n &.halign-right > input {\n padding-left: @text-field-icon-outer-width;\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-left: @text-field-alternative-icon-outer-width;\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n\n & > .icon {\n display: flex;\n }\n }\n\n\n &.has-icon > .icon::before {\n content: @icon-arrow-right-bold;\n }\n}\n","/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.tab-box-header {\n margin-top: @group-box-header-margin-top;\n margin-left: @mandatory-indicator-width;\n white-space: nowrap;\n position: relative;\n margin-bottom: @tab-area-border-width;\n\n .tab-box.has-scroll-shadow-top > & {\n margin-left: 0;\n padding-left: @mandatory-indicator-width;\n }\n\n & > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -@tab-area-border-width;\n width: 100%;\n height: @tab-area-border-width;\n background-color: @tab-area-border-color;\n }\n\n & > .tab-area {\n position: relative;\n\n & > .selection-marker {\n position: absolute;\n z-index: 1;\n bottom: -1px;\n margin-bottom: -@tab-area-border-width;\n height: @tab-area-selection-marker-height;\n background-color: @tab-item-selection-marker-color;\n transition: left 0.3s, width 0.3s;\n border-radius: @tab-area-selection-marker-height / 2;\n }\n\n & > .tab-item > .title > .sub-label {\n display: none;\n }\n\n &.has-sub-label {\n & > .tab-item > .title > .sub-label {\n display: block;\n }\n }\n\n &.spread-even {\n width: 100%;\n display: flex;\n\n & > .tab-item {\n flex-grow: 1;\n flex-basis: 0;\n justify-content: center;\n }\n\n & > .tab-item.first {\n padding-left: @tab-item-padding-x;\n }\n }\n }\n\n & > .menubar {\n position: absolute;\n #scout.menubar-background-color-inherit();\n border-bottom: none;\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n .tab-box.has-tooltip > & > .status {\n #scout.tooltip-status();\n }\n\n .tab-box.has-info > & > .status {\n #scout.info-status();\n }\n\n .tab-box.has-ok > & > .status {\n #scout.ok-status();\n }\n\n .tab-box.has-warning > & > .status {\n #scout.warning-status();\n }\n\n .tab-box.has-error > & > .status {\n #scout.error-status();\n }\n}\n\n.tab-item {\n position: relative;\n display: inline-flex;\n align-items: center; // In case the tab area gets very large (e.g. by large form fields in the menubar in dense mode)\n vertical-align: middle; // Needed to align overflow menu item\n color: @tab-item-color;\n background-color: transparent;\n padding: 0 @tab-item-padding-x;\n cursor: pointer;\n height: 100%; // Ensures the after element is always on the tab box header line (may not be the case on certain zoom levels or if the area is very large, see above)\n\n &::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: @tab-area-border-width;\n margin-bottom: -@tab-area-border-width;\n display: none;\n }\n\n &.first {\n padding-left: 0;\n }\n\n &.overflown {\n display: none;\n }\n\n &.marked::after {\n display: block;\n background-color: @tab-item-marked-border-color;\n }\n\n &:hover {\n color: @tab-item-hover-color;\n }\n\n &:active {\n color: @tab-item-active-color;\n }\n\n &.selected {\n color: @tab-item-selected-color;\n }\n\n &:focus {\n outline: none;\n\n &.keyboard-navigation {\n color: @tab-item-focus-color;\n }\n }\n\n & > .title {\n display: inline-block;\n vertical-align: middle;\n padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom;\n margin-top: @text-margin-top;\n\n .tab-area.has-sub-label > & {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\n }\n\n & > .label {\n vertical-align: middle;\n\n // Before element is needed to enlarge the label so that the other tabs won't move when the tab is getting bold because it is selected\n &::before {\n #scout.bold-text-enlarger();\n }\n\n .selected& {\n font-weight: @title-font-weight;\n }\n }\n\n & > .sub-label {\n padding-top: 1px;\n font-size: @sub-title-font-size;\n letter-spacing: @sub-title-letter-spacing;\n color: @sub-title-color;\n }\n }\n\n & > .status {\n display: inline-block;\n vertical-align: middle;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n &.has-tooltip,\n &.has-info,\n &.has-warning,\n &.has-ok,\n &.has-error {\n padding-right: @field-status-margin-left;\n }\n\n &.has-tooltip > .status {\n #scout.tooltip-status();\n }\n\n &.has-info > .status {\n #scout.info-status();\n }\n\n &.has-ok > .status {\n #scout.ok-status();\n }\n\n &.has-warning > .status {\n #scout.warning-status();\n }\n\n &.has-error > .status {\n #scout.error-status();\n }\n}\n\n.overflow-tab-item.menu-item {\n vertical-align: middle;\n color: @tab-item-color;\n\n &::before {\n display: none;\n }\n\n & > .submenu-icon {\n padding-left: 4px;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-chooser-popup {\n #scout.chooser-popup();\n\n min-width: 150px;\n max-width: 250px;\n\n & > .table > .table-data {\n // Somehow the chooser is 3px too large -> reduce the size by that amount\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x @proposal-chooser-padding-y - 3px @proposal-chooser-padding-x;\n\n & > .table-row.first {\n border-top: 1px solid @table-row-border-color;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-field {\n\n &.focused > .field {\n #scout.focus-border();\n\n &.alternative {\n #scout.alternative-focus-border();\n }\n }\n\n & > .field {\n .input-field();\n\n &.alternative {\n .input-field.alternative();\n }\n\n user-select: none;\n padding: 0 0 0 @tag-field-tag-margin-right;\n\n &:not(.multiline) {\n white-space: nowrap;\n }\n\n & > .tag-bar {\n display: inline-block;\n }\n\n & > input {\n border: none;\n padding-left: 3px;\n padding-right: 3px;\n background-color: transparent;\n min-height: @tag-field-tag-height;\n height: 100%;\n\n &.fullwidth {\n width: 100%;\n padding-left: @text-field-padding-x - @tag-field-tag-margin-right;\n\n &.alternative {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n }\n }\n\n &.focused, &:focus {\n box-shadow: none;\n }\n\n &.has-error {\n background-color: transparent;\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .table {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tree-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .tree {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected,\n &.no-nodes-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.wizard-steps {\n overflow: hidden;\n margin-left: @mandatory-indicator-width;\n margin-right: 0;\n}\n\n.wizard-steps-body {\n display: flex;\n align-items: center;\n height: @wizard-steps-height;\n overflow: hidden;\n white-space: nowrap; / Allows the last wizard-step to be 100% without line break /\n border-bottom: @wizard-steps-border-width solid @border-color;\n position: relative;\n}\n\n.wizard-step {\n position: relative;\n display: inline-flex;\n align-items: center;\n padding-left: @wizard-step-padding-x;\n padding-right: @wizard-step-padding-x;\n\n & > .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: @wizard-step-icon-size;\n height: @wizard-step-icon-size;\n border: 1px solid @wizard-step-icon-border-color;\n border-radius: 50%;\n margin-right: @wizard-step-icon-margin-right;\n font-size: @font-size-small;\n\n & > .font-icon {\n font-size: 14px;\n }\n }\n\n & > .text {\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n\n &::before {\n #scout.bold-text-enlarger();\n }\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n color: @sub-title-color;\n letter-spacing: @sub-title-letter-spacing;\n font-size: @sub-title-font-size;\n }\n }\n\n &.first {\n padding-left: 0;\n }\n\n &.last {\n padding-right: 0;\n }\n\n &.action-enabled {\n cursor: pointer;\n color: @link-color;\n\n &:hover {\n & > .icon {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n & > .text > .title {\n color: @hover-color;\n }\n }\n\n &:active, &.active {\n & > .icon {\n background-color: @active-background-color;\n }\n }\n }\n\n &.finished {\n & > .icon {\n color: @wizard-step-finished-color;\n background-color: @wizard-step-finished-background-color;\n border-color: @wizard-step-finished-background-color;\n }\n\n &.action-enabled {\n &:hover > .icon {\n color: @wizard-step-finished-color;\n background-color: darken(@wizard-step-finished-background-color, 6%);\n border-color: darken(@wizard-step-finished-background-color, 6%);\n }\n\n &:active > .icon,\n &.active > .icon {\n color: @wizard-step-finished-color;\n background-color: darken(@wizard-step-finished-background-color, 13%);\n border-color: darken(@wizard-step-finished-background-color, 13%);\n }\n }\n }\n\n &.selected {\n & > .icon {\n color: @wizard-step-selected-icon-color;\n background-color: @wizard-step-selected-icon-background-color;\n border-color: @wizard-step-selected-icon-background-color;\n font-weight: bold;\n }\n\n & > .text > .title {\n font-weight: @title-font-weight;\n }\n }\n\n &.disabled {\n & > .icon {\n background-color: @wizard-step-disabled-background-color;\n color: @wizard-step-disabled-color;\n border-color: @wizard-step-disabled-border-color;\n }\n\n & > .text > .title,\n & > .text > .sub-title {\n color: @wizard-step-disabled-color;\n }\n }\n}\n\n.wizard-steps > .scrollbar {\n #scout.scrollbar-x-padding(6px, 4px);\n}\n\n.wizard-step-separator {\n height: 1px;\n width: 40px;\n background-color: @border-color;\n flex-shrink: 0;\n flex-grow: 0;\n}\n\n.wizard-steps.compact {\n & > .wizard-steps-body {\n height: @wizard-steps-compact-height;\n\n & > .wizard-step-separator {\n width: 20px;\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.glasspane {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n outline: none;\n z-index: 100;\n cursor: default;\n\n &.busy {\n cursor: wait;\n }\n\n &.dark {\n background-color: rgba(0, 0, 0, 0.1);\n #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.2s);\n }\n}\n\n.glasspane-parent {\n pointer-events: none; / Disable hover effects and clicks /\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.iframe {\n &.no-scrolling {\n overflow: hidden;\n }\n\n &.iphone {\n height: 100%;\n }\n}\n\n.iframe-wrapper {\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n\n & > iframe {\n display: block;\n width: 100%;\n border: 0;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.image {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n\n &.autofit {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n }\n\n &.chrome-fix {\n padding-bottom: 0.01px;\n }\n\n &.empty {\n visibility: hidden;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.key-box {\n position: absolute;\n min-width: 34px;\n padding: 4px 5px;\n z-index: 100;\n color: @key-box-color;\n background-color: @key-box-background-color;\n line-height: normal;\n text-align: center;\n border: 1px solid @key-box-border-color;\n font-size: 11px;\n font-weight: normal;\n border-radius: @border-radius;\n\n &.disabled {\n border-color: @key-box-border-disabled-color;\n background-color: @key-box-background-disabled-color;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.logical-grid-layout {\n position: relative;\n\n & > {\n position: absolute;\n }\n}\n","/\n Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.menu-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center; // In case a min-width is set\n color: @menu-item-color;\n cursor: pointer;\n padding: @menu-item-padding-y @menu-item-padding-x;\n border-radius: @border-radius;\n\n &.menu-icononly {\n padding-left: @menubar-item-icononly-padding-x;\n padding-right: @menubar-item-icononly-padding-x;\n }\n\n & > .key-box {\n bottom: -3px;\n }\n\n &:hover {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-background-color;\n\n &:hover {\n background-color: @selected-hover-background-color;\n }\n\n &.active, &:active {\n background-color: @selected-active-background-color;\n }\n\n &.has-popup {\n color: @menu-item-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n\n #scout.focus-box-shadow-transition();\n\n &:focus {\n #scout.focus-inset-box-shadow();\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n background-color: transparent;\n cursor: default;\n\n &:hover, &.active, &:active {\n background-color: transparent;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-disabled-background-color;\n\n &.has-popup {\n color: @menu-item-disabled-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n }\n\n &.menu-textandicon > .icon {\n margin-right: @menu-item-icon-margin-right;\n }\n\n & > .text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n }\n\n & > .font-icon {\n font-size: 16px;\n }\n\n & > .image-icon {\n / Prevent large image icons from overlapping the menu item /\n max-height: @menu-item-max-image-icon-height;\n / Ensure the default image icon size is taken from the beginning, so that the text does not \"jump\" when /\n / the image loading is complete. (For larger icons, the width will be increased afterwards.) /\n min-width: @menu-item-min-image-icon-width;\n }\n\n & > .icon {\n\n &.with-label {\n margin-right: 8px;\n }\n }\n\n &.disabled > .icon.image-icon {\n #scout.vendor(filter, grayscale(100%));\n opacity: 0.5;\n }\n\n & > .submenu-icon,\n & > .text > .submenu-icon {\n #scout.submenu-icon();\n padding-left: 8px;\n\n .menu-icononly& {\n padding-left: 0;\n }\n\n .selected& {\n #scout.submenu-icon-open();\n }\n }\n\n &.bottom-text.menu-textandicon {\n flex-direction: column;\n\n & > .icon {\n display: block;\n margin-right: 0; // reset\n padding-bottom: 3px;\n }\n\n & > .text {\n display: flex;\n align-items: center;\n font-size: @font-size-extra-small;\n\n & > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n // Make sure the icon does not increase the height and therefore the whole menu\n line-height: 0;\n }\n }\n }\n}\n\n.menu-button {\n .button();\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.context-menu-popup {\n #scout.popup-2();\n overflow: hidden;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n\n.context-menu {\n position: absolute;\n margin: @context-menu-margin-y 0;\n background-color: @popup-2-background-color;\n\n & > .menu-item {\n display: flex;\n justify-content: start;\n padding: @context-menu-item-padding-y @context-menu-item-padding-right @context-menu-item-padding-y @context-menu-item-padding-left;\n color: @context-menu-item-color;\n border-radius: 0;\n\n & > .font-icon {\n color: @context-menu-item-icon-color;\n min-width: 16px;\n text-align: center;\n }\n\n & > .text {\n #scout.overflow-ellipsis();\n / default is inline, inline-block is necessary so that max-width set by JS is respected /\n display: inline-block;\n }\n\n &.menu-textandicon > .icon {\n margin-right: @context-menu-item-icon-margin-right;\n }\n\n &.selected {\n background-color: @item-selection-background-color;\n\n &.has-popup {\n color: @context-menu-item-color;\n\n &.disabled {\n color: @menu-item-disabled-color;\n background-color: @item-selection-background-color;\n }\n }\n\n & > .submenu-icon {\n transform: none;\n }\n }\n\n &.expanded {\n & > .submenu-icon {\n #scout.submenu-icon-open();\n }\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n\n & > .font-icon {\n color: @menu-item-disabled-color;\n }\n }\n\n & > .key-box {\n bottom: auto;\n top: 5px;\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.combo-menu {\n padding: 0;\n cursor: default;\n align-items: stretch;\n\n &:active, &.active, &:hover {\n background-color: transparent;\n }\n\n & > .menu-item {\n &:not(.first) {\n margin-left: 3px;\n\n &::before {\n content: '';\n position: absolute;\n left: -1px;\n top: 7px;\n height: calc(100% - 14px);\n width: 1px;\n background-color: @border-color;\n }\n }\n\n &:focus::before {\n display: none;\n }\n\n &:not(.disabled):hover,\n &.selected {\n &::before,\n & ~ .menu-item::before {\n display: none;\n }\n }\n }\n}\n\n.combo-menu.menu-button {\n border: 0;\n\n & > .menu-item {\n border: 1px solid @button-border-color;\n flex-grow: 1;\n\n &.menu-icononly:not(.first.last) { // Rule must not be applied if combo menu contains only one item\n flex-grow: 0;\n }\n\n &:not(.last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0;\n }\n\n &:not(.first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: 0;\n margin-left: 0;\n }\n\n .disabled& {\n border-color: @button-disabled-color;\n }\n\n &:focus {\n z-index: 1; // Allows box-shadow to draw over the right menu-item\n }\n }\n\n &.default {\n & > .menu-item {\n .button.default();\n\n &::before {\n background-color: @default-combo-menu-separator-color;\n }\n\n &.selected {\n background-color: @default-button-selected-background-color;\n border-color: @default-button-selected-background-color;\n }\n\n &.disabled {\n color: @disabled-inverted-color;\n\n &:hover, &.active, &:active, &.selected {\n background-color: @default-button-background-color;\n border-color: @default-button-background-color;\n }\n }\n }\n }\n}\n\n.context-menu > .combo-menu {\n padding: 0;\n\n & > .menu-item {\n color: @context-menu-item-color;\n padding: @context-menu-item-padding-y @context-menu-item-padding-right @context-menu-item-padding-y @context-menu-item-padding-left;\n flex-grow: 1;\n justify-content: start;\n border-radius: 0;\n\n & > .font-icon {\n color: @context-menu-item-icon-color;\n }\n\n &.menu-textandicon > .icon {\n margin-right: @context-menu-item-icon-margin-right;\n }\n\n &.menu-icononly:not(.first.last) { // Rule must not be applied if combo menu contains only one item\n flex-grow: 0;\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n\n & > .font-icon {\n color: @menu-item-disabled-color;\n }\n }\n }\n}","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.profile-menu.menu-item > .icon {\n height: 26px;\n width: 26px;\n margin: -4px;\n\n display: inline-flex;\n justify-content: center;\n align-items: center;\n\n border-radius: 50%;\n background: @profile-menu-icon-background;\n\n &.font-icon {\n color: @profile-menu-icon-color;\n }\n\n &.image-icon {\n object-fit: cover;\n max-height: 26px;\n }\n\n .context-menu > .menu-textandicon& {\n margin-right: 10px;\n }\n\n .desktop-tool-box-item& {\n height: @desktop-logo-height;\n width: @desktop-logo-height;\n margin: 0;\n #scout.drop-shadow(@y: 3px, @blur: 5px);\n\n font-size: 18px;\n\n .menu-textandicon& {\n margin-right: 8px;\n }\n\n &.image-icon {\n max-height: @desktop-logo-height;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.form-field-menu {\n // Remove y padding but keep x padding to have the same gap between form field menus and regular menus.\n padding-top: 0;\n padding-bottom: 0;\n cursor: default;\n color: @text-color;\n\n &:hover {\n color: @text-color;\n background-color: transparent;\n }\n\n &:active, &.active {\n background-color: transparent;\n }\n\n &:not(.has-text):not(.has-icon) {\n & > .form-field > label {\n margin-left: 0;\n }\n }\n\n & > .form-field {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n\n & > label {\n margin-left: 8px;\n }\n\n &.disabled:not(.read-only) > label {\n / Use same disabled color as for menu items /\n color: @menu-item-disabled-color;\n }\n }\n\n &:not(.has-icon) > .form-field:not(.no-mandatory-indicator) {\n // Remove margin left since the menu-item already has a padding\n // This reduces the gap between form field menus in the menu bar, but also improves the alignment in the context menu\n margin-left: -@mandatory-indicator-width;\n }\n\n & > .check-box-field.disabled:not(.read-only) > .field > .label,\n & > .radiobutton-group > .radiobutton-group-body > .radio-button.disabled:not(.read-only) > .field > .label,\n & > .radio-button.disabled:not(.read-only) > .field > .label {\n / Use same disabled color as for menu items /\n color: @menu-item-disabled-color;\n }\n}\n\n.menubar-box > .form-field-menu {\n & > .string-field,\n & > .smart-field,\n & > .dropdown-field,\n & > .proposal-field,\n & > .number-field,\n & > .date-field,\n & > .tag-field,\n & > .file-chooser-field {\n margin-top: @menubar-field-menu-margin-y - @menubar-item-margin-y;\n margin-bottom: @menubar-field-menu-margin-y - @menubar-item-margin-y;\n }\n}\n\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu {\n &.first {\n padding-left: 0;\n }\n\n &.last {\n padding-right: 0;\n }\n}\n\n/ Inside context menu popup -> set preferred size /\n.context-menu > .form-field-menu {\n & > .text,\n & > .icon {\n flex: none;\n }\n\n & > .form-field {\n flex: 1 1 auto;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.menu-bar-popup {\n margin: @widget-popup-margin 6px;\n}","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode {\n --padding-x: @mode-padding-x;\n --padding-y: @mode-padding-y;\n --border-width: @mode-border-width;\n\n border: var(--border-width) solid @control-border-color;\n border-radius: 0;\n flex: 1 1 0;\n padding: var(--padding-y) var(--padding-x);\n #scout.overflow-ellipsis();\n\n &.first {\n border-radius: @button-border-radius 0 0 @button-border-radius;\n }\n\n &.last {\n border-radius: 0 @button-border-radius @button-border-radius 0;\n }\n\n &.first.last {\n border-radius: @button-border-radius;\n }\n\n &:not(.last):not(.selected) {\n border-right: none;\n padding-right: calc(var(--padding-x) + var(--border-width)); / account for the missing border, so that text does not jump /\n }\n\n &.after-selected {\n border-left: none;\n padding-left: calc(var(--padding-x) + var(--border-width)); / account for the missing border, so that text does not jump /\n }\n\n // override button (the selected mode cannot be clicked. therefore do not show hover and active colors)\n &.selected {\n color: @selected-color;\n cursor: default;\n\n &:hover {\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n }\n\n &:active {\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n }\n\n &.disabled {\n background-color: @mode-selected-background-disabled-color;\n border-color: @mode-selected-background-disabled-color;\n }\n }\n\n & > .icon {\n padding: 0; // remove padding from button\n\n &.with-label {\n margin-right: 8px;\n }\n }\n}\n\n.mode-selector.alternative {\n\n & > .mode {\n --border-width: 0px;\n\n color: @mode-color;\n background-color: transparent;\n border-radius: @button-border-radius;\n\n &:hover {\n background-color: @mode-alternative-hover-background-color;\n }\n\n &:active {\n background-color: @mode-alternative-active-background-color;\n }\n\n &.selected {\n color: @button-color;\n transition: color 500ms ease;\n\n &:hover {\n background-color: transparent;\n }\n\n &.disabled {\n background-color: @mode-alternative-selected-background-disabled-color;\n }\n }\n\n &.mode-selector-dragging {\n // do not show animations and hover-effects during drag\n background-color: transparent;\n transition: unset;\n }\n\n &.disabled {\n color: @button-disabled-color;\n background-color: transparent;\n cursor: default;\n }\n }\n}\n\n.dense .mode-selector {\n & > .mode {\n --padding-x: @mode-padding-dense-x;\n --padding-y: @mode-padding-dense-y;\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mode-selector {\n position: relative;\n background-color: @control-background-color;\n white-space: nowrap;\n display: inline-flex;\n overflow: hidden;\n\n & > .mode-slider {\n display: none;\n }\n\n &.alternative {\n background-color: @mode-alternative-background-color;\n border-radius: @button-border-radius;\n border: @mode-selector-alternative-border-width solid transparent;\n\n &:not(.disabled) > .mode-slider {\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n background-color: @mode-alternative-selected-background-color;\n border-radius: @button-border-radius;\n transition: left 500ms ease, width 500ms ease;\n\n // do not show animations during drag\n &.mode-selector-dragging {\n transition: unset;\n }\n }\n\n & > .mode.mode-selector-dragging {\n pointer-events: none; // prevent click event when releasing the slider\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n line-height: 29px;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.planner {\n position: absolute;\n overflow: hidden;\n\n & > .menubar.bottom {\n position: absolute;\n bottom: 0;\n }\n}\n\n.planner-scale {\n position: absolute;\n right: 0;\n height: @planner-scale-height;\n border-bottom: 1px solid @border-color;\n width: 100%;\n / for horizontal scrollbars /\n overflow: hidden;\n white-space: nowrap;\n\n & .scale-item {\n display: inline-block;\n position: relative;\n white-space: nowrap;\n padding: 0 0 0 5px;\n\n &.label-invisible {\n color: transparent;\n }\n }\n\n & > .timeline {\n display: inline-block;\n width: calc(~'100% - ' @planner-resource-title-width);\n\n & > .timeline-large {\n height: 50%;\n background-color: @planner-timeline-background-color;\n line-height: @planner-scale-height / 2;\n\n & > .scale-item > .planner-large-scale-item-line {\n height: @planner-scale-height;\n }\n }\n\n & > .timeline-small {\n height: 50%;\n line-height: @planner-scale-height / 2;\n\n & > .highlight {\n position: absolute;\n background-color: @item-selection-background-color;\n height: 50%;\n }\n }\n }\n}\n\n.planner-scale-title {\n height: 100%;\n float: left;\n #scout.overflow-ellipsis-nowrap();\n padding: 0 @resource-padding-x;\n font-size: 17px;\n color: @planner-resource-title-color;\n line-height: @planner-scale-height;\n width: @planner-resource-title-width;\n}\n\n.planner-grid {\n position: absolute;\n right: 0;\n width: 100%;\n overflow: hidden;\n}\n\n.planner-resource {\n height: @planner-resource-minheight;\n width: 100%;\n border-bottom: 1px solid @border-color;\n\n & > .resource-title {\n line-height: @planner-resource-minheight;\n height: 100%;\n width: @planner-resource-title-width;\n padding: 0 @resource-padding-x;\n float: left;\n #scout.overflow-ellipsis-nowrap();\n }\n\n &.selected > .resource-title {\n background-color: @item-selection-background-color;\n }\n\n & > .resource-cells {\n position: relative;\n height: 100%;\n width: calc(~'100% - ' @planner-resource-title-width);\n float: left;\n\n & > .selector {\n position: absolute;\n border-top: 2px solid @item-selection-border-color;\n border-bottom: 2px solid @item-selection-border-color;\n z-index: 1; / TODO [7.0] CRU/BSH/CGU Instead of assigning a z-index, find a better insertion point for the selector /\n top: 0;\n\n & > .selector-resize-left {\n background-color: @planner-selector-resize-background-color;\n border-left: 2px solid @item-selection-border-color;\n border-right: 2px solid @item-selection-border-color;\n position: absolute;\n top: 0;\n left: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n }\n\n & > .selector-resize-right {\n background-color: @planner-selector-resize-background-color;\n border-left: 2px solid @item-selection-border-color;\n border-right: 2px solid @item-selection-border-color;\n position: absolute;\n top: 0;\n right: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n }\n }\n }\n}\n\n.planner-activity {\n position: absolute;\n top: 1px;\n width: 0;\n color: @planner-activity-color;\n height: @planner-resource-minheight - 3px;\n line-height: @planner-resource-minheight - 3px;\n background-color: @palette-green-2;\n text-align: center;\n border: 1px solid @border-color;\n overflow: hidden;\n\n &.selected {\n outline: 2px solid @item-selection-border-color;\n }\n}\n\n.planner-activity-level {\n background-color: @planner-activity-level-background-color;\n}\n\n.planner-small-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: @planner-small-scale-item-line-color;\n pointer-events: none;\n}\n\n.planner-large-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: @planner-large-scale-item-line-color;\n pointer-events: none;\n}\n","/\n * Copyright (c) 2014-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.planner-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.planner-header {\n display: table;\n width: 100%;\n white-space: nowrap;\n padding: 8px 3px 12px 0;\n}\n\n.planner-range {\n display: table-cell;\n vertical-align: middle;\n white-space: nowrap;\n padding-left: 8px;\n}\n\n.planner-previous,\n.planner-today,\n.planner-next {\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n cursor: pointer;\n height: @planner-header-button-height;\n color: @text-color;\n background-color: @button-background-color;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n margin-right: 5px;\n line-height: @planner-header-button-height - 1px;\n\n &:hover {\n color: @hover-color;\n }\n}\n\n.planner-today {\n width: 65px;\n}\n\n.planner-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n\n.planner-previous:hover::before,\n.planner-next:hover::before {\n color: @hover-color;\n}\n\n.planner-previous::before {\n .planner-icon(@icon-angle-left, 20px);\n}\n\n.planner-next::before {\n .planner-icon(@icon-angle-right, 20px);\n}\n\n.planner-commands {\n display: table-cell;\n text-align: right;\n}\n\n.planner-mode,\n.planner-toggle-year,\n.planner-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: @planner-header-button-height;\n line-height: @planner-header-button-height - 1px;\n cursor: pointer;\n}\n\n.planner-mode {\n padding: 0 8px;\n min-width: 65px;\n text-align: center;\n border-top: 1px solid @control-border-color;\n border-bottom: 1px solid @control-border-color;\n border-left: 1px solid @control-border-color;\n #scout.overflow-ellipsis-nowrap();\n\n &.first {\n border-left: 1px solid @control-border-color;\n border-top-left-radius: @button-border-radius;\n border-bottom-left-radius: @button-border-radius;\n }\n\n &.last {\n border-right: 1px solid @control-border-color;\n border-top-right-radius: @button-border-radius;\n border-bottom-right-radius: @button-border-radius;\n margin-right: 5px;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &.selected {\n color: @planner-mode-selected-color;\n background-color: @planner-mode-selected-background-color;\n }\n\n &.disabled {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n cursor: default;\n }\n}\n\n.planner-toggle-year,\n.planner-toggle-list {\n margin-left: 5px;\n\n &:hover::before {\n color: @hover-color;\n }\n}\n\n.planner-toggle-year::before {\n .planner-icon(@icon-calendar, 18px);\n}\n\n.planner-toggle-list::before {\n .planner-icon(@icon-list, 18px);\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.popup {\n position: absolute;\n top: 0;\n\n &:focus {\n outline: none;\n }\n\n &.with-arrow {\n min-width: @popup-arrow-size;\n min-height: @popup-arrow-size;\n }\n\n &.before-animate-open {\n .invisible();\n }\n}\n\n.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: @popup-arrow-size;\n height: @popup-arrow-size;\n\n &.left {\n left: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n\n &.center {\n top: 50%;\n }\n\n &.bottomedge {\n transform: translate(-50%, 50%) rotate(45deg);\n }\n }\n\n &.right {\n right: 0;\n transform: translate(50%, -50%) rotate(45deg);\n\n &.center {\n top: 50%;\n }\n\n &.bottomedge {\n transform: translate(50%, 50%) rotate(45deg);\n }\n }\n\n &.top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n\n &.center {\n left: 50%;\n }\n\n &.rightedge {\n transform: translate(50%, -50%) rotate(45deg);\n }\n }\n\n &.bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n\n &.center {\n left: 50%;\n }\n\n &.rightedge {\n transform: translate(50%, 50%) rotate(45deg);\n }\n }\n\n &.leftedge {\n left: 35px;\n }\n\n &.rightedge {\n right: 35px;\n }\n\n &.topedge {\n top: 35px;\n }\n\n &.bottomedge {\n bottom: 35px;\n }\n}\n\n.popup-arrow-overlay {\n position: absolute;\n background-color: inherit;\n width: 100%;\n height: 100%;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.mobile-popup {\n background-color: @popup-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-top-left-radius: @popup-border-radius;\n border-top-right-radius: @popup-border-radius;\n overflow: hidden;\n margin-top: 30px;\n #scout.drop-shadow(@x: 0, @y: 0, @blur: 30px, @spread: 5px, @alpha: 0.5);\n\n &.animate-open {\n #scout.animation-name(slidein-bottom);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-bottom);\n #scout.animation-duration(0.5s);\n }\n}\n\n.mobile-popup-header {\n position: absolute;\n width: 100%;\n\n padding-top: @mobile-popup-title-margin-top;\n padding-left: 20px;\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n #scout.font-text-large();\n width: 100%;\n }\n\n & > .closer {\n position: absolute;\n top: 6px;\n right: 6px;\n padding: 7px;\n z-index: 1;\n border-radius: @closer-border-radius;\n\n &::before {\n display: none;\n }\n }\n\n .mobile-popup.closable > & > .title {\n margin-right: @mobile-popup-title-margin-right;\n width: calc(~'100% - ' @mobile-popup-title-margin-right);\n }\n}\n\n.mobile-popup-widget {\n position: relative;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@touch-popup-padding-x: 15px;\n\n.touch-popup {\n position: absolute;\n overflow: hidden;\n #scout.popup-2();\n margin: 45px 10px 10px 10px;\n\n & > .body {\n display: flex;\n flex-direction: column;\n }\n}\n\n.touch-popup-header {\n margin: 8px @touch-popup-padding-x - @menu-item-padding-x 8px @touch-popup-padding-x;\n display: flex;\n align-items: baseline;\n}\n\n.touch-popup-title {\n font-weight: @font-weight-bold;\n color: @title-color;\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.touch-popup-field {\n position: relative;\n margin: 0 @touch-popup-padding-x 8px;\n flex: none;\n}\n\n.touch-popup-widget-container {\n position: relative;\n min-height: 0;\n max-height: 400px;\n}\n\n@media (max-height: @iphone5-height) {\n .touch-popup {\n / move popup to top on small screens, no need to waste space/\n margin-top: 10px;\n }\n}\n","/\n * Copyright (c) 2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n.popup-animate-open {\n #scout.animation-name(fadein-zoom);\n #scout.animation-duration(0.2s);\n}\n\n.popup-animate-remove {\n #scout.animation-name(fadeout-shrink-blur);\n #scout.animation-duration(0.15s);\n #scout.animation-fill-mode(forwards);\n}\n\n.widget-popup {\n #scout.popup();\n margin: @widget-popup-margin;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n\n & > .popup-arrow {\n\n &.bottom,\n &.right {\n #scout.drop-shadow-large(@y: 4px, @spread: -2px);\n }\n }\n\n & > .actions {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n white-space: nowrap;\n\n & > .action {\n color: @closer-action-color;\n margin: 7px 7px 7px @menubar-item-margin-x;\n border-radius: @closer-border-radius;\n padding: 7px;\n font-size: 17px;\n min-width: 30px;\n\n &:hover {\n color: @closer-hover-color;\n }\n\n &.disabled {\n color: @disabled-color\n }\n }\n }\n\n & > .popup-widget {\n position: relative;\n overflow: hidden;\n background-color: inherit;\n border-radius: @popup-border-radius;\n }\n\n & > .popup-arrow-overlay {\n border-radius: @popup-border-radius;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n -ms-touch-action: none;\n touch-action: none;\n z-index: 10;\n}\n\n.resizable-s {\n cursor: s-resize;\n height: 10px;\n width: 100%;\n bottom: -5px;\n left: 0;\n}\n\n.resizable-e {\n cursor: e-resize;\n width: 10px;\n right: -5px;\n top: 0;\n height: 100%;\n}\n\n.resizable-se {\n cursor: se-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n bottom: -5px;\n}\n\n.resizable-sw {\n cursor: sw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n bottom: -5px;\n}\n\n.resizable-w {\n cursor: w-resize;\n width: 10px;\n left: -5px;\n top: 0;\n height: 100%;\n}\n\n.resizable-nw {\n cursor: nw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n top: -5px;\n}\n\n.resizable-n {\n cursor: n-resize;\n width: 100%;\n height: 10px;\n left: 0;\n top: -5px;\n}\n\n.resizable-ne {\n cursor: ne-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n top: -5px;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n #scout.popup-2();\n #scout.popup-2-backdrop-filter();\n .messagebox.severity-button(@info-color);\n\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n\n &.calc-helper {\n top: 0;\n left: 0;\n }\n\n &.animate-open {\n #scout.animation-name(fade-in);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.busyindicator-content {\n border-radius: @border-radius-medium;\n padding: 26px;\n}\n\n.busyindicator-label {\n display: inline-block;\n margin-left: @busyindicator-icon-size + 10px;\n text-indent: -(@busyindicator-icon-size + 10px);\n\n &::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n width: @busyindicator-icon-size;\n height: @busyindicator-icon-size;\n margin-top: -3px;\n margin-right: 15px;\n border: 1px fade(@busyindicator-color, 80%) solid;\n border-radius: 50%;\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n }\n\n &.cancelled::before {\n #scout.animation(pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n }\n}\n\n.busyindicator-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n\n.busyindicator-details {\n padding-top: 20px;\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@thumb-radius: 8px;\n@thumb-size: 16px;\n@thumb-border-width: 1px;\n@thumb-border-color: @slider-thumb-border-color;\n@thumb-color: @slider-thumb-color;\n@thumb-focus-border-color: @slider-thumb-focus-border-color;\n@thumb-focus-color: @slider-thumb-focus-color;\n\n@track-height: 3px;\n@track-color: @slider-track-color;\n\n.track() {\n height: @track-height;\n cursor: pointer;\n animate: 0.2s;\n}\n\n/\n @param border-width: because firefox renders the border thinner, for some reason\n /\n.thumb(@border-width) {\n box-sizing: border-box;\n border: @border-width solid @thumb-border-color;\n height: @thumb-size;\n width: @thumb-size;\n border-radius: @thumb-size / 2;\n background-color: @thumb-color;\n cursor: pointer;\n}\n\n.thumb-focus() {\n background-color: @thumb-focus-color;\n border-color: @thumb-focus-border-color;\n}\n\n.slider-input {\n display: inline-block;\n vertical-align: middle;\n border: none;\n\n &:focus {\n border: none;\n box-shadow: none;\n outline: none;\n }\n\n / Get rid of Firefox's focus border. See:\n https://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links /\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n.slider-value {\n display: inline-block;\n vertical-align: middle;\n color: @control-color;\n padding-left: 6px;\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n}\n\n.slider.field {\n / Slider input/value have the container's height (see SliderLayout), therefore they shouldn't wrap, otherwise the layout breaks. /\n white-space: nowrap;\n}\n\ninput[type=range] {\n -webkit-appearance: none;\n padding: 0;\n\n &:focus {\n outline: none;\n }\n\n / ---- Webkit, Chrome ---- /\n &:not(.ms-edge)::-webkit-slider-runnable-track {\n .track();\n background: @track-color;\n }\n\n &:not(.ms-edge)::-webkit-slider-thumb {\n .thumb(@thumb-border-width);\n -webkit-appearance: none;\n margin-top: ((@track-height) / 2) - (@thumb-size / 2);\n }\n\n &:not(.ms-edge):focus::-webkit-slider-thumb {\n .thumb-focus();\n }\n\n / ---- Firefox ---- /\n &::-moz-range-track {\n .track();\n background: @track-color;\n }\n\n &::-moz-range-thumb {\n .thumb(@thumb-border-width + 0.5px);\n }\n\n &:focus::-moz-range-thumb {\n .thumb-focus();\n }\n\n / ---- Internet Explorer, Edge ---- /\n &::-ms-track {\n .track();\n background: transparent;\n border-color: transparent;\n border-size: 0;\n color: transparent;\n }\n\n &::-ms-fill-lower {\n background: @track-color;\n }\n &::-ms-fill-upper {\n background: @track-color;\n }\n &::-ms-thumb {\n .thumb(@thumb-border-width);\n }\n &:focus::-ms-thumb {\n .thumb-focus();\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.splitter {\n position: absolute;\n\n / \| /\n\n &.x-axis {\n top: 0;\n height: 100%;\n width: @splitter-size;\n\n &:not(.disabled) {\n cursor: col-resize;\n }\n\n &.line {\n padding-right: floor((@splitter-size - @splitter-line-size) / 2);\n padding-left: ceil((@splitter-size - @splitter-line-size) / 2);\n }\n }\n\n &.y-axis {\n left: 0;\n width: 100%;\n height: @splitter-size;\n\n &:not(.disabled) {\n cursor: row-resize;\n }\n\n &.line {\n padding-top: floor((@splitter-size - @splitter-line-size) / 2);\n padding-bottom: ceil((@splitter-size - @splitter-line-size) / 2);\n }\n }\n\n &.line {\n background-clip: content-box;\n background-color: @border-color;\n\n &:not(.disabled):hover {\n background-color: @hover-color;\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ Font face definition for custom icon font:\n\nSee GIT history for font-face definitions. Some how it wasn't possible\nto produce a consistent look on all browsers with the font-face definition.\nSimply using font-family works better and is more reliable. However, we still\ncould use 'Open Sans' in the font-family (when it's installed on the client\nsystem) and fall back to Arial otherwise, without downloading a WOFF file.\n\nTry these to switch between fonts:\n\n@defaultFont: 'Open Sans', OpenSans, Arial, sans-serif;\n@defaultFont: Arial, sans-serif;\n /\n@font-default-family: Arial, sans-serif;\n@font-weight-normal: normal;\n@font-weight-bold: bold;\n\n@font-size-extra-small: 10px;\n@font-size-small: 11px;\n@font-size-smaller: 12px;\n@font-size-normal: 13px;\n@font-size-plus: 14px;\n@font-size-large: 16px;\n@font-size-extra-large: 32px;\n\n@font-size-icon-small: 14px;\n@font-size-icon: 16px;\n@font-size-icon-large: 24px;\n\n@letter-spacing: 0.2px;\n\n// Arial font is hard to vertically align, especially with icons\n// This variable can be used to fix the alignment for specific widgets that can have an icon\n// or are often placed to the side of widgets with icons\n@text-margin-top: 1px;\n\n// Icons aligned with line-height may use this variable.\n// It should have the same size as regular text (not the font-size, the actual size)\n@font-icon-line-height: 15px;\n\n@icon-font-weight-light: 300;\n@tooltip-font-weight: @font-weight-normal;\n\n@font-face {\n font-family: scoutIcons;\n font-weight: normal;\n src: url('fonts/scoutIcons.woff') format('woff');\n}\n\n@font-face {\n font-family: scoutIcons;\n font-weight: @icon-font-weight-light;\n src: url('fonts/scoutIcons-light.woff') format('woff');\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n/ -------------------------------- /\n/ Global sizes /\n/ -------------------------------- /\n@application-loading01-size: 80px;\n@application-loading02-size: 120px;\n@border-radius: 3px;\n@border-radius-medium: 8px;\n@border-radius-large: 12px;\n@borderless-field-padding-y: @text-field-padding-y + 1px;\n@breadcrumb-bar-field-padding-bottom: 0;\n@breadcrumb-bar-field-padding-bottom-dense: 4px;\n@collapse-handle-border-radius: @border-radius-medium;\n@control-border-radius: @border-radius;\n@control-alternative-border-radius: @control-border-radius;\n@control-popup-border-radius: @border-radius;\n@control-popup-margin: 5px;\n@drop-shadow-y: 6px;\n@drop-shadow-blur: 13px;\n@drop-shadow-large-y: 8px;\n@drop-shadow-large-blur: 32px;\n@filter-field-bottom: 8px;\n@filter-field-right: 8px;\n@filter-field-height: @logical-grid-row-height;\n@filter-field-height-dense: @logical-grid-row-height-dense;\n@filter-field-width: 190px;\n@filter-field-min-width: 75px;\n@filter-field-max-width: 60%;\n@filter-field-icon-size: 24px;\n@filter-field-transition-duration: 250ms;\n@item-selection-border-width: 2px;\n@logical-grid-row-height: 30px;\n@logical-grid-row-height-dense: 24px;\n@logical-grid-row-gap: 10px;\n@logical-grid-row-gap-dense: 8px;\n@logical-grid-column-width: 420px;\n@logical-grid-column-gap: 40px - @mandatory-indicator-width;\n@logical-grid-small-column-gap: 4px;\n@loading-fade-duration: 250ms;\n@mandatory-indicator-width: 10px;\n@mandatory-indicator-font-size: 15px;\n@field-label-font-size: @font-size-smaller;\n@field-label-padding-top: @borderless-field-padding-y + 1; // +1 Because label font is a little smaller than input font\n@field-label-padding-bottom: @borderless-field-padding-y;\n@field-label-width: 140px;\n@field-status-size: 24px;\n@field-status-margin-left: 6px;\n@focus-box-shadow-size: 3px;\n@text-field-padding-x: 10px;\n@text-field-padding-y: 7px;\n@text-field-padding-top-compensation: 1px + @text-margin-top;\n@text-field-alternative-padding-left: 0;\n@text-field-alternative-padding-right: 0;\n@text-field-icon-size: 24px;\n@text-field-icon-margin-x: (@logical-grid-row-height - 2px - @text-field-icon-size) / 2; // same margin to the right as to the top and bottom of an input field\n@text-field-icon-outer-width: @text-field-icon-size + 2 @text-field-icon-margin-x;\n@text-field-alternative-icon-outer-width: @text-field-icon-size + @text-field-icon-margin-x;\n@top-label-font-size: @font-size-small;\n@top-label-border-padding-bottom: 4px;\n\n/* --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see scout.HtmlEnvironment /\n/ --------------------------------------------------------------------------- /\n.html-env-logical-grid-row {\n height: @logical-grid-row-height;\n margin-bottom: @logical-grid-row-gap;\n\n &.dense {\n height: @logical-grid-row-height-dense;\n margin-bottom: @logical-grid-row-gap-dense;\n }\n}\n\n.html-env-logical-grid-column {\n width: @logical-grid-column-width;\n margin-right: @logical-grid-column-gap;\n margin-left: @logical-grid-small-column-gap;\n}\n\n.html-env-field-mandatory-indicator {\n width: @mandatory-indicator-width;\n}\n\n.html-env-field-label {\n width: @field-label-width;\n}\n\n.html-env-field-status {\n width: @field-status-size;\n}\n\n/ -------------------------------- /\n/ Component specific sizes /\n/ -------------------------------- /\n@bench-padding-x: 20px;\n@bench-view-min-height: 50px;\n@bench-view-min-width: 50px;\n@box-font-size: 14px;\n@box-margin-y: 15px;\n@box-width: 450px;\n@busyindicator-icon-size: 22px;\n@busyindicator-large-size: 100px;\n@busyindicator-large-border-width: 2px;\n@button-border-radius: @border-radius;\n@button-padding-x: 7px;\n@button-padding-y: 2px;\n@button-margin-top: 1px; / Necessary to align icon with text /\n@button-font-icon-size: 16px;\n@calendar-component-margin-left: 32px;\n@calendar-day-selected-circle-size: 23px;\n@calendar-header-button-height: 30px;\n@calendar-title-height: 25px;\n@calendar-week-axis-overlap: 6px;\n@calendar-week-name-width: 45px;\n@calendar-padding-right-mobile: 6px;\n@check-box-border-radius: @border-radius;\n@check-box-border-width: 1px;\n@check-box-field-padding-y: 6px;\n@check-box-field-label-padding-top: 2px;\n@check-box-field-label-padding-left: 7px;\n@check-box-size: 18px;\n@checkable-cell-padding-adjustment: 2px; / 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) /\n@closer-border-radius: 7px;\n@compact-outline-node-padding-x: 16px;\n@compact-outline-node-padding-y: 14px;\n@compact-outline-node-menubar-height: 43px; // Depends on the paddings above, needs to be the height for a single line node\n@compact-outline-title-padding-x: @compact-outline-node-padding-x;\n@context-menu-margin-y: 6px;\n@context-menu-item-padding-y: 8px;\n@context-menu-item-padding-left: 16px;\n@context-menu-item-padding-right: 16px;\n@context-menu-item-icon-margin-right: 14px;\n@dashboard-tile-label-padding-bottom: 5px;\n@dashboard-tile-label-large-padding-bottom: 10px;\n@dashboard-tile-drop-shadow-light-alpha: 0.05;\n@dashboard-tile-drop-shadow-dark-alpha: 0.1;\n@dashboard-tile-border-radius: @border-radius-large;\n@date-picker-header-height: 36px;\n@date-picker-month-padding: 13px;\n@date-picker-day-margin: 2px;\n@date-picker-day-size: 32px;\n@date-picker-day-border-radius: 6px;\n@time-picker-cell-padding-top: 3px;\n@time-picker-cell-size: @date-picker-day-size;\n@time-picker-cell-border-radius: @date-picker-day-border-radius;\n@desktop-bench-drop-shadow-top: 3px;\n@desktop-bench-border-left-width: 1px;\n@desktop-bench-drop-shadow-border-top-left-radius: @desktop-tab-border-radius;\n@desktop-header-height: 64px;\n@desktop-logo-height: 32px;\n@desktop-logo-min-width: 0;\n@desktop-navigation-breadcrumb-width: 240px;\n@desktop-navigation-min-width: 49px; / not 50px because last pixel is the border (would not look good)/\n@desktop-navigation-width: 290px;\n@desktop-notification-no-icon-padding-y: 16px;\n@desktop-tab-border-radius: @view-tab-border-radius;\n@desktop-tab-border-width: 0;\n@desktop-tab-key-box-bottom: @view-tab-key-box-bottom;\n@desktop-tab-margin-top: @view-tab-margin-top;\n@desktop-tab-margin-right: 3px;\n@desktop-tab-padding: 10px;\n@desktop-tab-padding-left: 20px;\n@desktop-tab-width: 200px;\n@desktop-tab-min-width: 130px;\n@desktop-tab-border-radius: @view-tab-selected-border-radius;\n@desktop-tab-margin-top: @view-tab-selected-margin-top;\n@desktop-tool-box-item-border-radius: @view-tab-border-radius;\n@desktop-tool-box-item-font-size: @font-size-icon-small;\n@desktop-tool-box-item-margin: 3px;\n@desktop-tool-box-item-margin-top: @view-tab-margin-top;\n@detail-table-border-radius: 4px;\n@detail-table-row-margin-x: @bench-padding-x - @table-cell-padding-left;\n@detail-table-header-menubar-padding-right: 10px;\n@detail-table-header-item-padding-x: @bench-padding-x - @table-header-item-padding-left;\n@detail-table-header-item-padding-y: @table-header-item-padding-y;\n@detail-table-header-item-margin-top: 6px;\n@detail-table-header-item-margin-bottom: 6px;\n@detail-table-row-padding-y: 10px;\n@detail-table-aggregate-padding-y-large: 20px;\n@detail-table-aggregate-padding-y-small: @table-aggregate-padding-y-small;\n@detail-table-footer-with-handle-margin-left: 30px;\n@dialog-border-top-size: 5px;\n@form-title-padding-top: 16px;\n@group-collapse-icon-margin-top: -1px;\n@group-box-control-font-size: 16px;\n@group-box-control-width: 25px;\n@group-box-body-padding-bottom: 16px;\n@group-box-body-padding-top: 18px;\n@group-box-header-border-width: 1px;\n@group-box-header-margin-top: 8px;\n@group-box-title-padding-bottom: 12px;\n@group-box-title-padding-top: 12px;\n@group-box-title-with-sub-label-padding-bottom: 7px;\n@main-menubar-height: @desktop-header-height;\n@main-menubar-item-margin-x: 5px;\n@main-menubar-first-menu-item-margin-left: @bench-padding-x - @menu-item-padding-x;\n@main-menubar-last-menu-item-margin-right: @main-menubar-first-menu-item-margin-left;\n@main-menubar-first-menu-item-icononly-margin-left: @bench-padding-x - @menubar-item-icononly-padding-x;\n@main-menubar-last-menu-item-icononly-margin-right: @main-menubar-first-menu-item-icononly-margin-left;\n@menubar-button-margin: @menubar-field-menu-margin-y;\n@menubar-field-menu-margin-y: 4px;\n@menubar-item-icononly-padding-x: 8px;\n@menubar-item-icononly-margin-x: 2px;\n@menubar-item-margin-x: 2px;\n@menubar-item-margin-y: 2px;\n@menu-item-height: 39px;\n@menu-item-min-image-icon-width: 16px;\n@menu-item-max-image-icon-height: 16px;\n@menu-item-padding-x: 10px;\n@menu-item-padding-y: 6px;\n@menu-item-icon-margin-right: 8px;\n@messagebox-label-padding: 27px;\n@messagebox-max-width: 473px;\n@filechooser-max-width: 473px;\n@mobile-popup-title-margin-right: 30px;\n@mobile-popup-title-margin-top: 10px;\n@mode-padding-x: 12px;\n@mode-padding-y: 6px;\n@mode-padding-dense-x: 5px;\n@mode-padding-dense-y: 3px;\n@mode-border-width: 1px;\n@mode-selector-alternative-border-width: 3px;\n@notification-no-icon-padding-y: 13px;\n@outline-breadcrumb-node-padding-x: @outline-title-padding-left;\n@outline-breadcrumb-node-padding-y: 12px;\n@outline-data-padding-top: 16px;\n@outline-font-size: @font-size-normal;\n@outline-node-control-padding-left: @outline-title-padding-left;\n@outline-node-control-padding-y: @outline-node-padding-y;\n@outline-node-control-line-height: @tree-node-control-line-height;\n@outline-node-font-icon-line-height: @tree-node-font-icon-line-height;\n@outline-node-font-icon-size: 16px;\n@outline-node-padding-left: 37px;\n@outline-node-padding-right: 8px;\n@outline-node-padding-y: 9px;\n@outline-title-height: @desktop-header-height;\n@outline-title-padding-left: 20px;\n@outline-title-padding-right: 20px;\n@outline-title-icon-padding-right: 10px;\n@planner-header-button-height: 30px;\n@planner-resource-minheight: @logical-grid-row-height;\n@planner-resource-title-width: 150px;\n@planner-scale-height: 45px;\n@popup-border-radius: @border-radius-large;\n@popup-border-width: 0;\n@popup-arrow-size: 11px;\n@proposal-chooser-padding-x: 12px;\n@proposal-chooser-padding-y: 8px;\n@radio-button-circle-size: 18px;\n@radio-button-inner-circle-size: 10px;\n@radio-button-border-width: 1px;\n@radio-button-field-padding-y: 6px;\n@radio-button-label-padding-top: 2px;\n@radio-button-label-padding-left: 7px;\n@resource-padding-x: 5px;\n@root-group-box-padding-left: @bench-padding-x - @mandatory-indicator-width;\n@root-group-box-padding-right: @bench-padding-x;\n@scrollbar-margin: 8px;\n@scrollbar-side-padding: 5px;\n@scrollbar-side-padding-hover: 3px;\n@scrollbar-size: @scrollbar-thumb-size + 2 @scrollbar-side-padding; // thumb needs to be in the middle\n@scrollbar-thumb-size: 4px;\n@scrollbar-thumb-hover-size: 8px;\n@scroll-shadow-size-large: 10px;\n@scroll-shadow-size: 5px;\n@scroll-shadow-blur: @scroll-shadow-size;\n@scroll-shadow-spread: @scroll-shadow-size + 1; // +1 to ensure firefox does not draw a light shadow on the side of the scrollable\n@search-outline-panel-padding-bottom: 16px;\n@simple-tab-padding: 5px;\n@split-box-splitter-line-size: 3px;\n@split-box-x-splitter-padding: 19px;\n@split-box-y-splitter-padding: 6px;\n@splitter-line-size: 2px;\n@splitter-size: 16px;\n@status-font-icon-size: 16px;\n@sub-title-letter-spacing: 0.2px;\n@sub-title-font-size: 11px;\n@tab-area-border-width: @group-box-header-border-width;\n@tab-item-focus-arrow-width: 15px;\n@tab-item-focus-arrow-padding-top: @tab-item-title-padding-top;\n@tab-item-padding-x: 20px;\n@tab-area-selection-marker-height: 3px;\n@tab-item-title-padding-bottom: @group-box-title-padding-bottom;\n@tab-item-title-padding-top: @group-box-title-padding-top;\n@tab-item-title-margin-top: @group-box-header-margin-top;\n@table-aggregate-cell-font-icon-line-height: 14px;\n@table-aggregate-sum-avg-font-icon-size: 13px;\n@table-aggregate-min-max-font-icon-size: 15px;\n@table-aggregate-row-font-size: @font-size-smaller;\n@table-cell-padding-left: 10px;\n@table-cell-padding-right: @table-cell-padding-left;\n@table-cell-padding-right-last: @scrollbar-size;\n@table-cell-font-icon-size: @tree-node-font-icon-size;\n@table-cell-font-icon-line-height: @tree-node-font-icon-line-height;\n@table-control-content-padding: 10px;\n@table-control-container-height: 364px;\n@table-control-container-height-dense: 320px;\n@table-control-resize-border-width: 2px;\n@table-control-size: 40px;\n@table-footer-height: @main-menubar-height;\n@table-footer-text-filter-height: 32px;\n@table-footer-text-filter-width: 180px;\n@table-header-menu-cmd-height: 30px;\n@table-header-menu-cmd-width: 43px;\n@table-header-menu-group-padding-top: 12px;\n@table-header-menu-padding: 16px;\n@table-header-item-padding-left: @table-cell-padding-left - @table-header-item-margin-x;\n@table-header-item-padding-right: @table-cell-padding-right - @table-header-item-margin-x;\n@table-header-item-padding-right-last: @table-cell-padding-right-last - @table-header-item-margin-x;\n@table-header-item-padding-y: 5px;\n@table-header-item-margin-y: 3px;\n@table-header-item-margin-x: 3px;\n@table-header-item-min-height: 27px; // not 28 because of 2px bottom border (to make it equal height as menubar)\n@table-header-icon-font-size: 15px; // not 16 because of 2px bottom border (to really center it)\n@table-header-sort-icon-size-1: 12px;\n@table-header-sort-icon-size-2: @table-header-sort-icon-size-1 + 12px; /* bigger space when multiple icons are displayed /\n@table-info-margin-x: 15px;\n@table-menubar-padding: 8px;\n@table-row-padding-y: 7px;\n@table-row-margin-x: 0px;\n@table-row-level-padding-width: 20px;\n@table-row-control-line-height: @tree-node-control-line-height;\n@table-row-control-padding-left: @tree-node-control-padding-left;\n@table-row-control-size: @tree-node-control-size;\n@table-aggregate-padding-y-large: 15px;\n@table-aggregate-padding-y-small: 7px;\n@tag-field-tag-height: @logical-grid-row-height - 2px - 2 @tag-field-tag-margin-y;\n@tag-field-tag-margin-y: 3px;\n@tag-field-tag-margin-right: 4px;\n@tag-element-padding-x: 8px;\n@tile-padding-y: 6px; /* Optimized for a tile height of 30px (logical-grid-height) /\n@tile-padding-x: 8px;\n@title-font-weight: @font-weight-bold;\n@tile-field-padding: 20px;\n@tile-field-compact-padding-y: 10px;\n@tile-field-compact-padding-x: 15px;\n@tile-field-small-compact-padding-x: @tile-field-compact-padding-y;\n@tooltip-arrow-size: 7px;\n@tooltip-border-radius: @border-radius;\n@tooltip-border-width: 0;\n@tooltip-padding-x: 12px;\n@tooltip-padding-y: @context-menu-item-padding-y;\n@tree-node-icon-width: 16px;\n@tree-node-bitmap-icon-size: @tree-node-icon-width;\n@tree-node-bitmap-icon-margin-top: -2px;\n@tree-node-checkbox-size: 20px;\n@tree-node-checkbox-margin-top: -2px;\n@tree-node-control-checkbox-size: 20px + @tree-node-control-size;\n@tree-node-control-size: 16px;\n@tree-node-control-line-height: @font-icon-line-height;\n@tree-node-control-padding-left: 13px;\n@tree-node-font-icon-line-height: @font-icon-line-height;\n@tree-node-font-icon-size: @font-size-icon-small;\n@tree-node-padding-left: 28px;\n@tree-node-padding-right: 7px;\n@tree-node-padding-y: 7px;\n@view-tab-key-box-bottom: 9px;\n@view-tab-icon-font-size: 20px;\n@view-tab-selected-width: 56px;\n@view-tab-margin: 6px;\n@view-tab-margin-top: 14px;\n@view-tab-selected-margin-top: 8px;\n@view-tab-border-radius: @border-radius-medium;\n@view-tab-selected-border-radius: @border-radius-large;\n@year-panel-day-height: 24px;\n@year-panel-day-line-height: @year-panel-day-height;\n@widget-popup-margin: 8px; / minimum margin to window or anchor /\n@wizard-step-padding-x: 15px;\n@wizard-steps-border-width: 1px;\n@wizard-steps-compact-height: 44px;\n@wizard-steps-height: @main-menubar-height;\n@wizard-step-icon-border-width: 1px;\n@wizard-step-icon-margin-right: 9px;\n@wizard-step-icon-size: 26px;\n\n/ -------------------------------- /\n/ Other sizes /\n/ -------------------------------- /\n@iphone5-height: 568px;\n@iphone5-width: 320px;\n@iphone6-width: 375px;\n","/\n * Copyright (c) 2014-2019 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.switch {\n position: absolute;\n right: 0;\n display: flex;\n\n & > .switch-button {\n margin-top: -2px;\n }\n}\n\n.switch-label {\n margin-right: 8px;\n}\n\n.switch-button,\n.switch-button:before {\n transition: .25s ease-in-out;\n}\n\n.switch-button {\n width: 36px;\n position: relative;\n height: 22px;\n border-radius: 11px;\n background-color: @switch-background-color;\n cursor: pointer;\n border: solid 1px @switch-border-color;\n --activated-border-color: @switch-activated-border-color;\n --activated-background-color: @switch-activated-background-color;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n top: 2px;\n left: 2px;\n border: solid 1px @switch-button-border-color;\n background-color: @switch-button-background-color;\n }\n\n &.activated {\n background-color: var(--activated-background-color);\n border-color: var(--activated-border-color);\n\n &:before {\n background-color: @switch-button-activated-background-color;\n border-color: @switch-button-activated-border-color;\n left: calc(~'100% - 18px');\n }\n }\n\n .disabled > & {\n background-color: @switch-disabled-background-color;\n border-color: @switch-disabled-border-color;\n cursor: unset;\n\n &::before {\n background-color: @switch-button-disabled-background-color;\n border-color: @switch-button-disabled-border-color;\n }\n\n &.activated {\n background-color: @disabled-color;\n border-color: @disabled-color;\n\n &::before {\n background-color: @switch-button-activated-background-color;\n border-color: @switch-button-activated-border-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-row-level-padding {\n width: @table-row-level-padding-width;\n}\n\n.table {\n position: relative;\n --table-row-margin-x: @table-row-margin-x;\n --table-row-padding-y: @table-row-padding-y;\n --table-aggregate-row-padding-y-small: @table-aggregate-padding-y-small;\n --table-aggregate-row-padding-y-large: @table-aggregate-padding-y-large;\n\n &:focus,\n &.focused,\n &.perma-focus {\n outline: none;\n\n & > .table-data > .table-row {\n &.selected {\n background-color: @item-selection-background-color;\n\n &::after {\n border-color: @item-selection-border-color;\n }\n }\n }\n }\n\n &.checkable {\n & > .table-data > .table-row {\n cursor: pointer;\n }\n\n &.disabled > .table-data > .table-row,\n & > .table-data > .table-row.disabled {\n cursor: default;\n }\n }\n\n / Used for scout.Table.CheckableStyle.TABLE_ROW /\n\n &.table-row-check {\n & > .table-data {\n & > .table-row {\n &.selected {\n / Don't draw selection /\n background-color: transparent;\n\n &::after {\n display: none;\n }\n }\n\n &:hover {\n background-color: @hover-background-color;\n }\n }\n\n & > .table-row.disabled,\n &.disabled > .table-row {\n background-color: transparent;\n }\n\n & > .table-row {\n &.checked,\n &.checked.selected {\n / Mark checked rows with a background color /\n background-color: @table-row-checked-background-color;\n\n & > .table-cell {\n color: @table-row-checked-color;\n }\n\n &:hover {\n background-color: @selected-hover-background-color;\n }\n }\n }\n\n & > .table-row.disabled,\n &.disabled > .table-row {\n &.checked,\n &.checked.selected {\n background-color: @selected-disabled-background-color;\n }\n }\n }\n\n &.keyboard-navigation:focus,\n &.keyboard-navigation.focused {\n & > .table-data > .table-row {\n &.selected {\n background-color: @hover-background-color;\n\n &.checked {\n background-color: @selected-hover-background-color;\n }\n }\n }\n }\n }\n\n &.structured {\n .table-row:not(.leaf) {\n background-color: @table-structure-row-background-color;\n font-weight: bold;\n }\n }\n\n & > .tile-accordion {\n padding-top: 20px;\n padding-left: 20px;\n padding-right: 15px;\n\n & > .group > .tile-grid {\n padding: 0;\n }\n }\n\n & > .tile-table-header {\n padding-left: 20px;\n padding-right: 20px;\n\n & > .group-box-body {\n padding-bottom: 6px;\n }\n }\n\n &.dimmed-background {\n background-color: @dimmed-background-color;\n\n & > .menubar {\n background-color: inherit;\n }\n }\n\n & > .filter-field {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--controls-height)) / 2);\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--controls-height)) / 2);\n }\n\n .has-menubar.menubar-bottom& {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--controls-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--controls-height)) / 2);\n }\n }\n\n .has-cell-editor-popup& {\n opacity: 0;\n visibility: hidden;\n\n // start the \"fade out\" transition right away\n --filter-field-opacity-transition-delay: 0s;\n // set visibility to hidden right after the \"fade out\" transition ends\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n }\n}\n\n.table-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n :not(.header-invisible) > & {\n / Draw the .table-data div one pixel higher, over the header (for selection border).\n Add the padding to keep the size of the first row and not overdraw the header line with the row background /\n margin-top: -1px;\n padding-top: 1px;\n }\n\n & > .scrollbar.y-axis {\n / Make scrollbar visually centered /\n margin-top: @scrollbar-margin + 1px;\n }\n\n & > .table-row,\n & > .table-aggregate-row,\n & > .table-data-fill,\n & > .scrollbar {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n\n & > .scrollbar {\n z-index: 2; // should lay over cell editor popup\n }\n}\n\n.table {\n &:not(.knight-rider-loading) > .table-data.loading {\n & > .table-row,\n & > .table-aggregate-row,\n & > .table-data-fill,\n & > .scrollbar {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.knight-rider-loading > .loading-indicator {\n #scout.loading-indicator-knight-rider;\n }\n}\n\n.table-data-fill {\n background-color: @border-color; / actual style is set by JS, this is used for the line color (see _applyFillerStyle) /\n}\n\n.table-row,\n.table-aggregate-row {\n position: relative;\n}\n\n.table-row {\n &:active {\n background-color: @table-row-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-nonfocus-background-color;\n\n &::after {\n #scout.item-selection-border();\n z-index: 1; // Ensure selection covers aggregate row which is moved -1px to top\n }\n }\n\n &.select-top::after,\n &.select-middle::after {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.select-middle::after,\n &.select-bottom::after {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &.select-single,\n &.select-top {\n &::after {\n / Move the selection 1px up to cover the bottom border of the previous row. /\n top: -1px;\n height: calc(100% + 1px);\n }\n\n .header-invisible > .table-data > &.first::after {\n // Move to 0 again to make selection fully visible.\n // Don't change height to have the same size as for other rows\n top: 0;\n }\n }\n\n &.checked {\n background-color: @table-row-checked-background-color;\n }\n}\n\n.table-row {\n margin-left: var(--table-row-margin-x);\n margin-right: var(--table-row-margin-x);\n}\n\n.table-cell {\n color: @text-color;\n display: table-cell;\n padding: var(--table-row-padding-y) @table-cell-padding-right var(--table-row-padding-y) @table-cell-padding-left;\n border-bottom: 1px solid @table-row-border-color;\n position: relative;\n #scout.overflow-ellipsis();\n vertical-align: top; / for multiline text /\n\n .last-row-at-bottom > .table-row.last > & {\n border-bottom: 0;\n }\n\n .table-row.disabled > & {\n / Table row is disabled -> use lighter disabled color /\n color: @disabled-color;\n }\n\n .disabled > .table-row > & {\n / Whole table is disabled -> use darker disabled color /\n color: @text-disabled-color;\n }\n\n .disabled.read-only > .table-data > .table-row > & {\n color: @read-only-color;\n }\n\n .table-row.checked > & {\n color: @table-row-checked-color;\n }\n\n &.empty,\n &.icon-only {\n // Disable ellipsis if only icon is shown.\n // Also disable it on empty cells, because IE would display it for very narrow columns even if content is ' '\n text-overflow: clip;\n }\n\n &.last.halign-left,\n &.last.halign-center,\n &.last.halign-right {\n padding-right: @table-cell-padding-right-last;\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.editable::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n #scout.triangle-top-left(5px, @border-color);\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.mandatory::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n border: none;\n color: @border-color;\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.editable.has-error::before {\n #scout.triangle-top-left-color(@error-color);\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.mandatory.has-error::before {\n color: @error-color;\n }\n\n &.table-node {\n\n & > .table-row-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n padding: var(--table-row-padding-y) 8px var(--table-row-padding-y) @table-row-control-padding-left;\n cursor: pointer;\n line-height: @table-row-control-line-height; /* Necessary to align with the text, depends on the used font size /\n\n &::before {\n display: block;\n #scout.font-icon();\n font-size: @table-row-control-size;\n content: @icon-angle-right;\n color: @table-row-control-color;\n\n .expanded& {\n / This \"imprecise\" angle is a workround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n #scout.transform(rotate(89.99deg));\n }\n }\n\n &:hover::before {\n color: @highlight-color;\n }\n }\n }\n\n &.checkable {\n / same padding for left and right, it's by purpose /\n padding: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment) @table-cell-padding-left 0 @table-cell-padding-left;\n cursor: pointer;\n text-overflow: clip;\n\n .grouping-style-top > .table-aggregate-cell& {\n padding-top: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-bottom: 3px;\n }\n\n .grouping-style-bottom > .table-aggregate-cell& {\n padding-bottom: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-top: 3px;\n }\n }\n\n &.checkable.disabled,\n .table.disabled > .table-data > .table-row > &.checkable {\n cursor: default;\n }\n\n & > .check-box {\n\n .table.disabled > .table-data > .table-row > & {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &.undefined {\n #scout.checkbox-undefined-disabled();\n }\n }\n }\n\n &.halign-right {\n text-align: right;\n padding-right: @table-cell-padding-left;\n padding-left: @table-cell-padding-right;\n\n &.table-aggregate-cell {\n direction: rtl;\n\n & > .text, & > .table-cell-icon {\n direction: ltr;\n }\n }\n }\n\n &.halign-center {\n text-align: center;\n padding-right: @table-cell-padding-left;\n }\n}\n\n.table-cell-icon {\n .font-icon& {\n color: @icon-color;\n font-size: @table-cell-font-icon-size;\n line-height: @table-cell-font-icon-line-height;\n vertical-align: top;\n\n .disabled & {\n color: @disabled-color;\n }\n }\n\n .image-icon& {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n }\n\n .with-text& {\n margin-right: 8px;\n }\n\n .table-row.checked > .table-cell > & {\n color: @text-selection-color;\n }\n}\n\n.table-aggregate {\n overflow: hidden;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: @table-aggregate-row-font-size;\n\n & > .table-cell {\n padding: var(--table-row-padding-y) @table-cell-padding-right 0 @table-cell-padding-left;\n border-bottom: 0;\n height: 100%;\n }\n}\n\n.table-aggregate-row {\n background-color: @table-aggregate-row-background-color;\n min-width: 100%;\n border-top: 1px solid @table-row-border-color;\n border-bottom: 1px solid @table-row-border-color;\n margin-top: -1px; // top border should cover bottom border of the previous row\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: @table-aggregate-row-font-size;\n\n & > .table-cell {\n border-bottom: 0;\n }\n\n &.grouping-style-top > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-large);\n padding-bottom: var(--table-aggregate-row-padding-y-small);\n }\n\n &.grouping-style-bottom > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-small);\n padding-bottom: var(--table-aggregate-row-padding-y-large);\n }\n}\n\n.table-aggregate-cell {\n font-weight: bold;\n overflow: visible;\n vertical-align: middle;\n\n & > .text {\n display: inline-block;\n vertical-align: middle;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .table-cell-icon {\n display: inline-block;\n color: @text-color;\n vertical-align: middle;\n line-height: @table-aggregate-cell-font-icon-line-height;\n }\n\n &.sum > .table-cell-icon,\n &.avg > .table-cell-icon {\n font-size: @table-aggregate-sum-avg-font-icon-size;\n }\n\n &.min > .table-cell-icon,\n &.max > .table-cell-icon {\n font-size: @table-aggregate-min-max-font-icon-size;\n }\n\n / if aggregation is based on selected rows /\n\n &.selection,\n &.selection > .table-cell-icon {\n color: @table-aggregate-cell-selection-color;\n }\n}\n\n.before-aggregate-row > .table-cell {\n border-bottom-color: transparent;\n}\n\n.column-background-effect-bar-chart {\n background-color: @column-background-effect-bar-chart-background-color;\n}\n\n.column-background-effect-gradient1-start {\n background-color: @column-background-effect-gradient1-start-background-color;\n}\n\n.column-background-effect-gradient1-end {\n background-color: @column-background-effect-gradient1-end-background-color;\n}\n\n.column-background-effect-gradient2-start {\n background-color: @column-background-effect-gradient2-start-background-color;\n}\n\n.column-background-effect-gradient2-end {\n background-color: @column-background-effect-gradient2-end-background-color;\n}\n\n/ key box /\n\n.table-row > .key-box {\n top: calc(~'50% - ' 23px / 2);\n}\n\n.table-controls > .table-control > .key-box {\n bottom: 4px;\n}\n\n.table .key-box.char {\n top: calc(~'50% - ' 21px / 2);\n}\n\n/ Animation: rotate from 0 -> 90 deg /\n\n@-webkit-keyframes expand-rotate {\n .keyframes-expand-rotate();\n}\n\n@keyframes expand-rotate {\n .keyframes-expand-rotate();\n}\n\n.keyframes-expand-rotate() {\n 00% { / see comment on top /\n #scout.transform(rotate(0deg));\n }\n 100% {\n #scout.transform(rotate(89.99deg));\n }\n}\n\n.animation-expand-rotate() {\n #scout.animation-name(expand-rotate);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.expand-rotate {\n\n &::before {\n .animation-expand-rotate();\n }\n}\n\n\n/ Animation: rotate collapse 90 -> 0 deg /\n\n@-webkit-keyframes collapse-rotate {\n .keyframes-collapse-rotate();\n}\n\n@keyframes collapse-rotate {\n .keyframes-collapse-rotate();\n}\n\n.keyframes-collapse-rotate() {\n 00% { / see comment on top /\n #scout.transform(rotate(89.99deg));\n }\n 100% {\n #scout.transform(rotate(0deg));\n }\n}\n\n.animation-collapse-rotate() {\n #scout.animation-name(collapse-rotate);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.collapse-rotate {\n\n &::before {\n .animation-collapse-rotate();\n }\n}\n\n/ Required because arrow up/down symbol is not properly vertically aligned with the rest of the sort/group text /\n.sort-symbol {\n top: -1.25px;\n position: relative;\n}\n\n.organize-columns-behind-scrollbar-column.table-cell.last {\n padding: 0;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-footer {\n position: absolute;\n bottom: 0;\n min-height: @table-footer-height;\n width: 100%;\n white-space: nowrap;\n border-top: 1px solid @border-color;\n background-color: @table-footer-background-color;\n}\n\n.table-control-resize {\n position: absolute;\n width: 100%;\n left: 0;\n height: 16px;\n cursor: row-resize;\n z-index: 1;\n border-top: @table-control-resize-border-width solid @table-control-resize-border-color;\n}\n\n.table-control-container {\n position: absolute;\n overflow: hidden;\n outline: none;\n background-color: @table-control-container-background-color;\n bottom: @table-footer-height;\n width: 100%;\n\n / Default value for TableControl.js /\n height: @table-control-container-height;\n\n &.dense {\n height: @table-control-container-height-dense;\n }\n\n display: none;\n z-index: 1;\n / Reset nowrap, forms may have fields which need wrapping (e.g. label field) /\n white-space: normal;\n\n &:not(.has-resizer) {\n border-top: 2px solid @border-color;\n }\n}\n\n.table-control-content {\n height: 100%;\n width: 100%;\n\n & > .form {\n background-color: @table-control-container-background-color;\n\n & > .root-group-box {\n\n & > .group-box-body {\n / to make sure fields are not drawn over the menubar when making table control container very small /\n overflow: hidden;\n }\n\n & > .main-menubar {\n #scout.main-menubar-light;\n border-color: transparent;\n }\n }\n }\n}\n\n.table-controls {\n position: absolute;\n height: 100%;\n margin-left: @bench-padding-x;\n display: flex;\n align-items: center;\n}\n\n.table-info {\n position: absolute;\n right: 0;\n display: inline-flex;\n align-items: center;\n height: 100%;\n margin-right: @bench-padding-x - @table-info-margin-x;\n}\n\n.table-filter {\n position: relative;\n margin-right: @table-info-margin-x;\n}\n\n.table-text-filter {\n min-height: @table-footer-text-filter-height;\n width: @table-footer-text-filter-width;\n font-size: 13px;\n\n &:focus {\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & ~ .clear-icon {\n display: flex;\n }\n }\n }\n\n & ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: @table-footer-text-filter-height;\n }\n}\n\n.table-info-item.hiding {\n visibility: hidden;\n}\n\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n flex-shrink: 0;\n flex-grow: 0;\n color: @table-info-color;\n cursor: pointer;\n line-height: 19px;\n font-size: @font-size-smaller;\n #scout.overflow-nowrap();\n\n / margins are used instead of paddings for a better animation /\n\n & > span {\n display: block;\n margin: 0 @table-info-margin-x\n }\n\n &.disabled {\n cursor: default;\n\n & > .table-info-button {\n color: @table-info-color;\n }\n }\n\n & > .table-info-button {\n color: @link-color;\n\n & > .key-box {\n bottom: 2px;\n }\n }\n\n &:hover > .table-info-button {\n color: @link-hover-color;\n }\n\n &:active > .table-info-button {\n color: @link-active-color;\n }\n}\n\n.table-info-status {\n padding-top: 0;\n line-height: @table-footer-height;\n color: @table-info-color;\n\n &:hover {\n color: @table-info-hover-color;\n }\n\n / normal /\n\n & > .font-icon {\n display: inline-block;\n line-height: normal;\n vertical-align: middle;\n padding-top: 8px; / controls distance to tooltip /\n padding-bottom: 11px; / larger than padding-top, to move icon to optical middle /\n\n &::before {\n content: @icon-info;\n #scout.font-icon();\n font-size: 22px;\n }\n }\n\n / error /\n\n &.error > .font-icon::before {\n #scout.animation(attention 5s linear infinite);\n content: @icon-error;\n }\n\n &.error.tooltip-active {\n color: @table-info-error-color;\n }\n\n &.error.tooltip-active:hover {\n color: @table-info-error-hover-color;\n }\n\n / warning /\n\n &.warning > .font-icon::before {\n content: @icon-error;\n }\n\n &.warning.tooltip-active {\n color: @table-info-warning-color;\n }\n\n &.warning.tooltip-active:hover {\n color: @table-info-warning-hover-color;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: @table-header-background-color;\n border-bottom: 2px solid @table-header-border-color;\n z-index: 0; / begin new stacking context /\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n\n // TableHeader.js will set a border width if the row has one for the selection\n border-left: 0 solid transparent;\n\n &.disabled:not(.read-only) {\n color: @text-disabled-color;\n }\n}\n\n.table-header > .menubar-container {\n position: absolute;\n right: 0;\n top: 0;\n height: 100%;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n margin-left: @table-header-item-margin-x;\n\n & > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n\n & > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n margin-right: @table-header-item-margin-x;\n min-height: @table-header-item-min-height;\n\n & > .font-icon {\n font-size: @table-header-icon-font-size;\n }\n\n &.menu-icononly {\n padding: 0;\n min-width: @table-header-item-min-height;\n }\n }\n }\n}\n\n.table-header-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n font-weight: @font-weight-bold;\n font-size: @font-size-smaller;\n color: @table-header-item-color;\n padding: @table-header-item-padding-y @table-header-item-padding-right @table-header-item-padding-y @table-header-item-padding-left;\n // + 1px because resizer takes 1px on the right\n margin: @table-header-item-margin-y @table-header-item-margin-x + 1 @table-header-item-margin-y @table-header-item-margin-x;\n min-height: @table-header-item-min-height;\n\n / Vertical align is necessary for 2 things: /\n / 1. Alignment in case of multiline headers. /\n / 2. A correct header height, see http://stackoverflow.com/questions/20566710/overflowhidden-displayinline-block-moves-text-upwards /\n vertical-align: middle;\n cursor: pointer;\n border-radius: @border-radius;\n\n &.last {\n // Resizer is also moved 1px to the left, see resize rule below\n margin-right: @table-header-item-margin-x;\n }\n\n &.halign-right {\n justify-content: flex-end;\n text-align: right; // Necessary for multiline header\n padding-right: @table-header-item-padding-left;\n padding-left: @table-header-item-padding-right;\n }\n\n &.halign-center {\n justify-content: center;\n text-align: center; // Necessary for multiline header\n padding-right: @table-header-item-padding-left;\n }\n\n &.last.halign-left,\n &.last.halign-center,\n &.last.halign-right {\n padding-right: @table-header-item-padding-right-last;\n }\n\n &.sorted,\n &.grouped,\n &.filtered {\n / make room for icon /\n padding-right: @table-header-item-padding-right + @table-header-sort-icon-size-1;\n\n &.halign-right,\n &.halign-center {\n padding-right: @table-cell-padding-left + @table-header-sort-icon-size-1;\n }\n }\n\n &.sorted.grouped,\n &.sorted.filtered {\n / make some more room /\n padding-right: @table-header-item-padding-right + @table-header-sort-icon-size-2;\n\n &.halign-right,\n &.halign-center {\n padding-right: @table-cell-padding-left + @table-header-sort-icon-size-2;\n }\n }\n\n &.moving,\n &.releasing {\n // Don't show hover state of underlying item\n z-index: 1;\n }\n\n &.moving > .table-header-item-state {\n display: none;\n }\n\n &:hover {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n &.active, &:active,\n &.moving {\n background-color: @active-background-color;\n }\n\n &.selected {\n background-color: @selected-with-popup-background-color;\n color: @active-color;\n z-index: 1;\n }\n\n &.disabled {\n cursor: default;\n / Override default disabled text color, because \"disabled\" in the table header means something different /\n color: @table-header-item-color;\n background-color: inherit;\n }\n\n &.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n }\n\n & > .icon {\n &.font-icon {\n font-size: @table-header-icon-font-size;\n }\n\n &.with-text {\n margin-right: 8px;\n }\n }\n}\n\n.table-header-item-text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n}\n\n.table-header-item-state {\n position: absolute;\n display: flex;\n align-items: center;\n right: 0;\n top: 0;\n font-weight: normal;\n font-size: @font-size-extra-small;\n color: @table-header-item-state-color;\n height: 100%;\n\n & > .left {\n padding-left: 3px;\n }\n\n &.grouped.filtered > .left {\n padding-top: 0;\n }\n\n & > .right {\n color: @table-header-sort-color;\n margin-top: -3px;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n }\n\n &.sort-desc > .right::after {\n content: @icon-arial-long-arrow-down;\n }\n\n &.sort-asc > .right::after {\n content: @icon-arial-long-arrow-up;\n }\n}\n\n.table-header-resize {\n position: absolute;\n display: inline-block;\n top: 0;\n height: 100%;\n width: 17px;\n padding: 10px 8px;\n margin-left: -9px;\n background-color: @table-header-resize-color;\n background-clip: content-box;\n z-index: 1;\n\n &:not(.disabled) {\n cursor: col-resize;\n\n &:hover {\n background-color: @table-header-resize-hover-color;\n }\n }\n\n .table-header-item.last + & {\n margin-left: -8px; // Ensure resizer of the last column is not visible when columns use the whole width\n }\n\n .table-header.moving > & {\n / Hide separators while moving, because their position will not be updated until the move-end event /\n visibility: hidden;\n }\n}\n\n/ Temporary element inserted in header and data area during resizing of a column /\n.table-column-resize-helper {\n position: absolute;\n top: 0;\n left: 0;\n background-color: transparent;\n height: 1px;\n / width is set dynamically by TableHeader.js /\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-header-menu {\n #scout.popup-2();\n margin: @widget-popup-margin;\n white-space: nowrap;\n overflow: hidden;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n\n.table-header-menu-body {\n position: relative;\n height: 100%;\n width: 100%;\n}\n\n.table-header-menu-actions {\n display: inline-block;\n vertical-align: top;\n padding: @table-header-menu-padding;\n\n & > .table-header-menu-group > .table-header-menu-group-text {\n // Increase size a little to ensure every text is fully visible, at least for german and english (currently necessary for additional sorting group)\n width: calc(100% + 12px);\n }\n}\n\n.table-header-menu-filters {\n display: inline-block;\n vertical-align: top;\n width: 250px;\n padding: 0 @table-header-menu-padding 0 @table-header-menu-padding;\n margin: @table-header-menu-padding 0 @table-header-menu-padding 0;\n\n .table-header-menu-body.compact > & {\n display: block;\n height: auto;\n margin-top: 5px;\n }\n\n & > .table-header-menu-group > .form-field {\n position: relative;\n }\n}\n\n.table-header-menu-group {\n padding-top: @table-header-menu-group-padding-top;\n padding-bottom: 5px;\n\n &.first {\n padding-top: 0;\n }\n\n &.last {\n padding-bottom: 0;\n }\n\n &.buttons {\n padding-bottom: 35px;\n\n &.last {\n padding-bottom: 29px;\n }\n }\n}\n\n.table-header-menu-group-text {\n font-weight: bold;\n color: @label-color;\n padding-bottom: 4px;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.table-header-menu-command {\n float: left;\n width: @table-header-menu-cmd-width;\n margin-right: 10px;\n height: @table-header-menu-cmd-height;\n\n &:focus {\n #scout.focus-border();\n outline: none;\n }\n\n &.last {\n margin-right: 0;\n }\n\n & > .icon::after {\n position: relative;\n left: 3px;\n top: -3px;\n font-size: 13px;\n }\n\n &.move-top > .icon::before {\n content: @icon-angle-double-left;\n }\n\n &.move-up > .icon::before {\n content: @icon-angle-left;\n }\n\n &.move-down > .icon::before {\n content: @icon-angle-right;\n }\n\n &.move-bottom > .icon::before {\n content: @icon-angle-double-right;\n }\n\n &.sort-asc > .icon::before,\n &.sort-asc-add > .icon::before {\n content: @icon-long-arrow-up;\n }\n\n &.sort-desc > .icon::before,\n &.sort-desc-add > .icon::before {\n content: @icon-long-arrow-down;\n }\n\n &.sort-asc-add,\n &.sort-desc-add {\n & > .icon::after {\n content: @icon-plus;\n display: inline-block; / fix for pointer-events: none in IE11 /\n }\n\n &.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px; / limit height otherwise arrow would move up in some browsers /\n }\n }\n\n &.add-column > .icon::before {\n content: @icon-plus;\n }\n\n &.remove-column > .icon::before {\n content: @icon-minus;\n }\n\n &.change-column > .icon::before {\n content: @icon-pencil;\n }\n\n &.togglable.selected:hover {\n & > .icon::before {\n content: @icon-remove;\n }\n\n & > .icon::after {\n content: '';\n }\n }\n\n &.hierarchy-collapse-all > .icon::before {\n content: @icon-collapse-all;\n }\n\n &.hierarchy-expand-all > .icon::before {\n content: @icon-expand-all;\n }\n\n &.group > .icon::before,\n &.group-add > .icon::before {\n content: @icon-group;\n }\n\n &.group-add {\n & > .icon::after {\n content: @icon-plus;\n display: inline-block; / fix for pointer-events: none in IE11 /\n }\n\n &.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px; / limit height otherwise arrow would move up in some browsers /\n }\n }\n\n &.aggregation-function {\n\n &.sum > .icon::before {\n content: @icon-sum;\n }\n\n &.avg > .icon::before {\n content: @icon-avg;\n }\n\n &.max > .icon::before {\n content: @icon-max;\n }\n\n &.min > .icon::before {\n content: @icon-min;\n }\n }\n\n &.color-gradient1 {\n background-image: linear-gradient(to right, @column-background-effect-gradient1-start-background-color, @column-background-effect-gradient1-end-background-color);\n }\n\n &.color-gradient2 {\n background-image: linear-gradient(to right, @column-background-effect-gradient2-start-background-color, @column-background-effect-gradient2-end-background-color);\n }\n\n &.color-bar-chart {\n background-image: linear-gradient(to right, @column-background-effect-bar-chart-background-color 0, @column-background-effect-bar-chart-background-color 65%, @palette-white 65%, @palette-white 100%);\n background-color: transparent;\n }\n\n &.color {\n &:hover {\n border-width: 2px;\n }\n\n &.selected {\n border-width: 2px;\n\n &.togglable:hover {\n background-image: none;\n }\n }\n }\n}\n\n.table-header-menu-filter-actions {\n float: right;\n}\n\n.table-header-menu-filter-toggle-checked {\n display: inline;\n}\n\n.table-header-menu-filter-table.table-row-check {\n border: 1px solid @control-border-color;\n border-radius: @border-radius;\n\n & > .table-data {\n margin-top: 0;\n padding: 3px;\n\n & > .table-row {\n border-radius: @border-radius;\n margin-bottom: 2px;\n\n &.last {\n margin-bottom: 0;\n }\n\n & > .table-cell {\n border: 0;\n\n &.halign-right {\n padding-right: 12px;\n }\n }\n }\n }\n}\n\n.table-header-menu-filter-number-column {\n font-size: @font-size-small;\n color: @table-header-menu-filter-number-column-color;\n vertical-align: middle;\n}\n\n.table-header-menu-toggle-sort-order {\n float: left;\n padding-right: @table-header-menu-padding;\n\n &::before {\n #scout.font-icon();\n }\n}\n\n.table-header-menu-toggle-sort-order-alphabetically::before {\n content: @icon-sort-alpha-asc-bold;\n}\n\n.table-header-menu-toggle-sort-order-amount::before {\n content: @icon-sort-amount-desc-bold;\n}\n\n/ Filter fields group-box /\n.filter-fields {\n padding: 0;\n\n & > .group-box-body {\n padding: 0;\n\n & > .form-field > label {\n margin-left: 0;\n }\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-row-detail {\n padding: @compact-outline-node-padding-y @compact-outline-node-padding-x;\n line-height: 25px;\n}\n\n.table-row-detail-name {\n margin-right: 4px;\n color: @label-color;\n font-size: @field-label-font-size;\n}\n\n.table-row-detail-value {\n white-space: normal;\n #scout.user-select(text);\n}\n\n.table-row-detail-icon {\n &.with-text {\n margin-right: 8px;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.table-control {\n position: relative;\n color: @table-control-color;\n cursor: pointer;\n border-radius: @border-radius-medium;\n margin-right: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: @table-control-size;\n height: @table-control-size;\n\n & > .font-icon {\n font-size: 22px;\n }\n\n &:hover {\n color: @table-control-hover-color;\n background-color: @hover-background-color;\n }\n\n &:active {\n color: @table-control-active-color;\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @table-control-selected-color;\n background-color: @table-control-selected-background-color;\n }\n\n &.disabled {\n cursor: default;\n color: @table-control-disabled-color;\n background-color: transparent;\n }\n}\n\n.tooltip.table-control-tooltip {\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-info, table-status) /\n margin-top: 8px;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.cell-editor-popup {\n / make sure it is behind the scrollbar but above selection /\n z-index: 1;\n}\n\n.cell-editor-field {\n --padding-top: var(--table-row-padding-y) - @item-selection-border-width;\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width;\n padding: calc(var(--padding-top)) @table-cell-padding-right - @item-selection-border-width calc(var(--padding-bottom)) @table-cell-padding-left - @item-selection-border-width;\n border-width: @item-selection-border-width;\n background-color: @cell-editor-background-color;\n\n .cell-editor-popup.overflow-top & {\n --padding-top: var(--table-row-padding-y) - @item-selection-border-width + 1px; // cell editor is moved up by 1px\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width + 1px; // bottom row has 1px border\n }\n\n .cell-editor-popup.overflow-bottom & {\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width + 2px; // bottom row has 1px border and cell editor is moved down by 1px\n }\n\n &:focus,\n &.focused {\n border-color: @item-selection-border-color;\n box-shadow: none;\n\n &.has-error {\n border-color: @error-border-color;\n box-shadow: none;\n }\n }\n}\n","/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n\n@table-compact-cell-line-height: 20px;\n\n.compact-cell-title {\n display: flex;\n align-items: baseline;\n line-height: @table-compact-cell-line-height;\n\n & > .left {\n flex-grow: 1;\n font-weight: @title-font-weight;\n #scout.overflow-ellipsis();\n }\n\n & > .right {\n flex-grow: 0;\n / in case it wraps when title is large /\n text-align: right;\n }\n}\n\n.compact-cell-subtitle {\n color: @sub-title-color;\n #scout.overflow-ellipsis();\n\n &:not(:empty) {\n padding-top: 2px;\n }\n}\n\n.compact-cell-content,\n.compact-cell-more-content {\n line-height: @table-compact-cell-line-height;\n}\n\n.compact-cell-content.has-header,\n.compact-cell-more-content.has-header {\n color: @table-compact-cell-content-color;\n}\n\n.compact-cell-more {\n line-height: @table-compact-cell-line-height;\n}\n\n.compact-cell-content:not(:empty).has-header {\n padding-top: 5px;\n}\n\n.compact-cell-line {\n #scout.overflow-ellipsis();\n}\n\n.compact-cell-line-label {\n font-size: @field-label-font-size;\n color: @label-color;\n\n &:not(:empty) {\n margin-right: 4px;\n }\n\n & > .icon {\n margin-right: 2px;\n }\n}\n\n.compact-cell-line-label,\n.compact-cell-line-value {\n & > .icon.with-text {\n margin-right: 8px;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-element,\n.overflow-icon {\n display: inline-flex;\n user-select: none;\n white-space: nowrap;\n color: @tag-text-color;\n outline: none;\n border-radius: @border-radius;\n background-color: @tag-element-background-color;\n height: @tag-field-tag-height;\n line-height: @tag-field-tag-height;\n margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0;\n overflow: hidden; // Keep rounded edges on remove icon hover\n\n &.focused:not(:hover) {\n background-color: @tag-element-focus-background-color;\n }\n}\n\n.tag-element {\n & > .tag-text {\n max-width: 85px;\n #scout.overflow-ellipsis();\n padding: 0 @tag-element-padding-x;\n\n .removable& {\n padding-right: 4px;\n }\n\n .clickable& {\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n }\n }\n}\n\n.overflow-icon {\n align-items: center;\n color: @tag-icon-color;\n padding: 0 6px;\n vertical-align: bottom;\n\n &::before {\n #scout.font-icon();\n position: relative;\n font-size: 16px;\n content: @icon-angle-down-bold;\n }\n\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n\n &.selected {\n background-color: @tag-overflow-element-selected-background-color;\n color: @tag-overflow-element-selected-color;\n }\n}\n\n.tag-remove-icon {\n color: @tag-icon-color;\n display: flex;\n justify-content: center;\n width: @tag-field-tag-height;\n padding-top: 1px;\n\n &::before {\n #scout.font-icon();\n position: relative;\n content: @icon-remove-bold;\n }\n\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n color: @palette-black;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tag-overflow-popup {\n padding: 8px - @tag-field-tag-margin-y 8px - @tag-field-tag-margin-right 8px 8px;\n max-width: 250px;\n overflow: hidden;\n #scout.control-popup();\n\n & > .popup-body {\n display: inline;\n }\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.time-picker-popup {\n position: absolute;\n #scout.control-popup();\n overflow: hidden;\n max-height: 350px;\n}\n\n.time-picker-separator {\n position: absolute;\n top: 0;\n left: 46px;\n height: 100%;\n border-right: 1px @palette-gray-4 solid;\n}\n\n.time-picker {\n position: relative;\n background-color: @control-background-color;\n\n &.touch-only :not(.selected):not(.disabled):not(:active):hover {\n &,\n & > .cell {\n // Disable sticky hover effect on touch devices\n background-color: inherit;\n }\n }\n\n .touch-popup-widget-container > & {\n max-height: 300px;\n display: flex;\n justify-content: center;\n\n & > .day-table {\n padding: 0;\n\n & > .hour-row:first-child > .cell {\n margin-top: 0;\n }\n }\n }\n}\n\n.time-picker-touch-popup {\n max-width: 200px;\n\n & > .body > .touch-popup-widget-container > .time-picker-separator {\n left: 84px;\n }\n}\n\n.day-table {\n padding: 0 13px 0 3px;\n\n & > .hour-row {\n display: flex;\n\n &:hover > .hours,\n &:hover > .hours.preselected {\n background-color: @hover-background-color;\n }\n\n &:first-child > .cell {\n margin-top: 7px;\n }\n\n &:last-child > .cell {\n margin-bottom: 7px;\n }\n\n & > .cell {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: @time-picker-cell-size;\n height: @time-picker-cell-size;\n margin: 2px;\n border-radius: @time-picker-cell-border-radius;\n }\n\n & > .hours {\n color: @time-picker-hours-color;\n margin: 2px 13px 2px 4px;\n\n &.now {\n color: @date-picker-now-color;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n font-weight: @font-weight-bold;\n }\n }\n\n &.preselected {\n background-color: @time-picker-preselected-background-color;\n }\n\n &:hover + .minutes {\n background-color: @hover-background-color;\n\n &.selected {\n background-color: @time-picker-selected-background-color;\n }\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @item-selection-border-color;\n\n & > .text {\n font-weight: @font-weight-bold;\n border-bottom: 2px @selected-background-color solid;\n margin-bottom: -2px;\n }\n }\n }\n\n & > .minutes {\n\n &.now {\n color: @time-picker-now-color;\n font-weight: @font-weight-bold;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n font-weight: @font-weight-bold;\n }\n }\n\n &.preselected {\n background-color: @time-picker-preselected-background-color;\n }\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @time-picker-selected-color;\n background-color: @time-picker-selected-background-color;\n\n &.now > .text {\n border-color: @time-picker-now-selected-color;\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tooltip {\n position: absolute;\n background-color: @tooltip-info-background-color;\n border-radius: @tooltip-border-radius;\n border: @tooltip-border-width solid @tooltip-border-color;\n color: @tooltip-info-color;\n #scout.drop-shadow(@y: 4px, @blur: 6px, @alpha: 5%);\n max-width: 300px;\n white-space: normal;\n}\n\n.tooltip-content {\n padding: @tooltip-padding-y @tooltip-padding-x;\n position: relative;\n min-width: 60px; / Prevents tooltips with very short text from looking \"strange\" /\n #scout.overflow-ellipsis();\n font-weight: @tooltip-font-weight;\n background-color: inherit; // Necessary if arrow has a border\n border-radius: @tooltip-border-radius;\n\n .has-menus > & {\n font-weight: @font-weight-bold;\n padding-left: @context-menu-item-padding-left;\n padding-right: @context-menu-item-padding-right;\n padding-top: @tooltip-padding-y + 6px;\n }\n\n & .small {\n font-size: @font-size-small;\n font-weight: @font-weight-normal;\n color: @tooltip-small-color;\n }\n\n & > .table-cell-icon {\n // necessary to overrule default icon color in table-cell tooltips (e.g. when hovering a grouping number value having an ellipsis)\n color: @tooltip-info-color;\n }\n}\n\n.tooltip-menus {\n position: relative;\n background-color: inherit; // Necessary if arrow has a border\n padding-bottom: 6px;\n\n .no-text > & {\n padding-top: 6px;\n }\n\n & > .menu-item {\n display: flex;\n justify-content: start;\n border-radius: 0;\n padding: @tooltip-padding-y @context-menu-item-padding-right @tooltip-padding-y @context-menu-item-padding-left;\n\n &:hover {\n background-color: @tooltip-menu-hover-background-color;\n }\n\n & > .submenu-icon {\n padding-left: 5px;\n }\n\n .ok > & {\n color: @tooltip-ok-color;\n }\n\n .info > & {\n color: @tooltip-menu-color;\n }\n\n .warning > & {\n color: @tooltip-warning-color;\n }\n\n .error > & {\n color: @tooltip-error-color;\n }\n }\n}\n\n.tooltip-arrow {\n position: absolute;\n width: @tooltip-arrow-size;\n height: @tooltip-arrow-size;\n background-color: inherit;\n border: inherit;\n}\n\n.tooltip-arrow.arrow-bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n\n.tooltip-arrow.arrow-top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.tooltip.error {\n background-color: @tooltip-error-background-color;\n border-width: 0;\n color: @tooltip-error-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-error-background-color;\n }\n}\n\n.tooltip.warning {\n background-color: @tooltip-warning-background-color;\n border-width: 0;\n color: @tooltip-warning-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-warning-background-color;\n }\n}\n\n.tooltip.ok {\n background-color: @tooltip-ok-background-color;\n border-width: 0;\n color: @tooltip-ok-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-ok-background-color;\n }\n}\n","/\n * Copyright (c) 2014-2017 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.widget-tooltip {\n max-width: none;\n\n & > .tooltip-widget-container {\n position: relative;\n padding: 10px;\n background-color: inherit;\n overflow: hidden;\n border-radius: @tooltip-border-radius;\n\n & > .widget {\n position: relative;\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tree {\n position: relative;\n\n &:focus,\n &.focused {\n outline: none;\n\n & > .tree-data {\n & > .animation-wrapper > .tree-node.selected,\n & > .tree-node.selected {\n background-color: @item-selection-background-color;\n\n &::after {\n border-color: @item-selection-border-color;\n }\n }\n }\n }\n\n & > .filter-field {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--menubar-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--menubar-height)) / 2);\n }\n }\n}\n\n.tree-data {\n / necessary for scrollbars /\n position: relative;\n overflow: hidden;\n width: 100%; / expand to outer container, needed for breadcrumb /\n\n / required because text shouldn't go into ellipsis mode when scrollbars are enabled /\n\n &.scrollable-tree {\n overflow-anchor: none;\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n overflow: visible;\n }\n\n & > .tree-node > .text,\n & > .animation-wrapper > .tree-node > .text {\n text-overflow: clip;\n }\n }\n\n &.checkable {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n cursor: pointer;\n }\n\n &.disabled > .tree-node,\n &.disabled > .animation-wrapper > .tree-node,\n & > .tree-node.disabled,\n & > .animation-wrapper > .tree-node.disabled {\n cursor: default;\n }\n }\n}\n\n.navigation-breadcrumb .tree-data {\n float: left;\n}\n\n.tree-node {\n display: flex;\n align-items: start;\n position: relative;\n padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left;\n #scout.overflow-ellipsis-nowrap();\n\n &:active {\n background-color: @tree-node-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-nonfocus-background-color;\n\n &::after {\n #scout.item-selection-border();\n }\n }\n\n &.disabled {\n / Tree node is disabled -> use lighter disabled color /\n color: @disabled-color;\n }\n\n .disabled > .animation-wrapper > &,\n .disabled > & {\n / Whole tree is disabled -> use darker disabled color /\n color: @text-disabled-color;\n }\n\n .disabled.read-only > .animation-wrapper > &,\n .disabled.read-only > & {\n color: @read-only-color;\n }\n\n & > .text {\n vertical-align: top;\n display: inline-block;\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .icon {\n vertical-align: top;\n padding-right: 9px;\n display: inline-block;\n text-align: center;\n min-width: @tree-node-icon-width;\n / Use content-box for images because it leads to wrong behavior when someone sets a min-width/height\n * on an IMG element that has padding and the available space for the image is 'min-width' - 'padding'\n * See ticket 208111 /\n box-sizing: content-box;\n\n &.image-icon {\n margin-top: @tree-node-bitmap-icon-margin-top;\n / required to reserve space for bitmap icons in the tree when image resource is not yet loaded /\n min-width: @tree-node-bitmap-icon-size;\n min-height: @tree-node-bitmap-icon-size;\n }\n\n &.font-icon {\n / Necessary to align with the text, depends on the used font size /\n line-height: @tree-node-font-icon-line-height;\n font-size: @tree-node-font-icon-size;\n }\n }\n}\n\n.tree-node-checkbox {\n display: block;\n position: absolute;\n top: auto;\n left: auto;\n margin-top: @tree-node-checkbox-margin-top;\n margin-left: -@tree-node-checkbox-size - 8px;\n width: @tree-node-checkbox-size;\n height: @tree-node-checkbox-size;\n\n & > .check-box {\n &:not(.checked).children-checked {\n #scout.checkbox-undefined();\n\n // Check box gets disabled class if a single node is disabled\n &.disabled {\n #scout.checkbox-disabled();\n #scout.checkbox-undefined-disabled();\n }\n }\n\n // If the tree or a parent widget is disabled, the check box doesn't get the disabled class\n .tree.disabled > .tree-data > .tree-node > &,\n .tree.disabled > .tree-data > .animation-wrapper > .tree-node > & {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &:not(.checked).children-checked {\n #scout.checkbox-undefined-disabled();\n }\n }\n }\n}\n\n// The class can be added if the parent node should not visualize that a child node is checked.\n// Currently, there is no official property on the tree for this case because it is rarely used.\n// .tree is necessary to be more specific than rule above\n.tree.no-children-checked-style {\n & > .tree-data > .tree-node,\n & > .tree-data > .animation-wrapper > .tree-node {\n & > .tree-node-checkbox > :not(.checked).children-checked {\n background-color: inherit;\n border-color: @check-box-border-color;\n\n .disabled&,\n &.disabled {\n background-color: inherit;\n border-color: @check-box-disabled-border-color;\n }\n\n &::before {\n display: none;\n }\n }\n }\n}\n\n.tree-node-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n padding: @tree-node-padding-y 8px @tree-node-padding-y @tree-node-control-padding-left;\n height: 100%;\n line-height: @tree-node-control-line-height; / Necessary to align with the text, depends on the used font size /\n color: @tree-node-control-color;\n\n &::before {\n display: block;\n transition: transform 0.3s;\n #scout.font-icon();\n font-size: @tree-node-control-size;\n content: @icon-angle-right;\n\n .tree-node.lazy > & {\n font-family: @font-default-family;\n content: '+';\n / Move to left because '+' sign is not as wide as 'arrow-down' /\n margin-left: -2px;\n }\n\n .tree-node.expanded > & {\n / This \"imprecise\" angle is a workaround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n #scout.transform(rotate(89.99deg));\n }\n }\n\n &:hover {\n color: @highlight-color;\n }\n}\n\n/ bread crumb style /\n.tree.breadcrumb {\n\n & > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid @border-color;\n padding: 8px 10px;\n\n &.ancestor-of-selected,\n &.child-of-selected,\n / Selecting a node will remove all child-of-selected classes of the parent's children, hence the selected node will be temporarily invisible.\n If that happens the active state won't be removed correctly (browser bug?). To prevent this we make sure the node will not get invisible when touched. /\n &:active {\n display: flex;\n }\n\n &.selected {\n display: flex;\n cursor: default;\n }\n\n & > .text {\n white-space: normal;\n }\n\n & > .tree-node-control {\n display: none;\n }\n }\n }\n}\n\n/ key handling /\n\n.tree-node .key-box {\n top: calc(~'50% - 11px');\n}\n\n.tree > .tree-data > .key-box {\n top: 6px;\n left: 4px;\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.compact-tree {\n\n .tree-field > & {\n margin-left: @mandatory-indicator-width;\n }\n\n &:focus {\n #scout.no-focus-border;\n\n & > .tree-data > .nodes > .section > .section-node.selected {\n text-decoration: underline;\n color: @focus-color;\n }\n }\n\n & > .tree-data {\n position: relative;\n overflow: hidden;\n padding-top: 10px;\n\n & > .nodes {\n #scout.vendor(column-count, 2);\n #scout.vendor(column-gap, 24px);\n\n & > .section {\n margin-bottom: 30px;\n\n / Use full width to enlarge touch area /\n width: 100%;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n #scout.vendor(column-break-inside, avoid);\n break-inside: avoid-column;\n page-break-inside: avoid;\n\n / Hack for FF, because column-break-inside does not yet work for all elements, only for tables /\n / see: https://bugzilla.mozilla.org/show_bug.cgi?id=549114 /\n display: table;\n\n & > .title {\n font-weight: @title-font-weight;\n }\n\n & > .section-node {\n cursor: pointer;\n padding-top: 12px;\n\n &:hover {\n color: @hover-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile {\n &.newly-rendered {\n / 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 /\n .invisible();\n }\n\n &.animate-visible {\n #scout.animation-name(fadein-grow);\n #scout.animation-duration(0.4s);\n }\n\n &.animate-invisible {\n #scout.animation-name(fadeout-shrink);\n #scout.animation-duration(0.3s);\n #scout.animation-fill-mode(forwards);\n }\n\n &.animate-insert {\n #scout.animation-name(fadein-zoom-bounce);\n #scout.animation-duration(0.4s);\n }\n\n &.animate-remove {\n #scout.animation-name(fadeout-shrink-blur);\n #scout.animation-duration(0.2s);\n #scout.animation-fill-mode(forwards);\n }\n}\n\n/ The default class is added if displayStyle is set to DEFAULT. If it is set to PLAIN no class will be added. /\n.default-tile {\n background-color: @tile-background-color;\n border: 1px solid @tile-border-color;\n padding: @tile-padding-y @tile-padding-x;\n\n &.selectable:active:not(.selected),\n &.selectable.active:not(.selected) {\n background-color: @tile-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n@tile-grid-loading-transition: opacity @loading-fade-duration;\n\n.tile-grid {\n padding: 6px 0;\n\n &:focus,\n &.focused {\n outline: none;\n }\n\n &.scrollable {\n padding-right: 15px;\n }\n\n & > .tile {\n transition: @tile-grid-loading-transition;\n }\n\n & > .scrollbar {\n opacity: 1;\n transition: @tile-grid-loading-transition;\n }\n\n &.loading {\n & > .tile,\n & > .scrollbar {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n & > .filter-field-container {\n .scrollable& {\n top: calc(~'100% - ' 10px);\n left: 100%;\n }\n }\n}\n\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see TileGridLayoutConfig.js & TileGridLayoutConfig.java /\n/ --------------------------------------------------------------------------- /\n.tile-grid-layout-config {\n width: 210px;\n height: 155px;\n margin-left: 15px; / horizontal gap /\n margin-top: 15px; / vertical gap /\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile-overview {\n background-color: @dimmed-background-color;\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n\n.tile-overview-content {\n position: absolute;\n\n margin: 42px 65px; / for larger screens /\n @media screen and (max-width: 800px) {\n / for small screens /\n margin: 20px 20px 20px 23px;\n }\n\n & > .tile-grid {\n position: relative;\n margin-bottom: 30px;\n }\n}\n\n.tile-overview-title {\n overflow: hidden;\n font-size: @font-size-extra-large;\n height: auto !important;\n padding-bottom: 20px;\n #scout.overflow-ellipsis-nowrap();\n\n &.animated {\n transition: max-height 400ms, padding-bottom 400ms;\n }\n\n &.removed {\n max-height: 0 !important;\n padding-bottom: 0;\n }\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile-accordion {\n & > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-bottom: 0;\n }\n\n & > .filter-field-container {\n top: calc(~'100% - ' 16px);\n\n .scrollable& {\n left: 100%;\n }\n }\n}\n","/\n * Copyright (c) 2014-2018 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.placeholder-tile {\n background-color: @tile-placeholder-background-color;\n}\n","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard {\n border: none;\n border-radius: @dashboard-tile-border-radius;\n color: @tile-default-color;\n --tile-background-color: @tile-default-background-color;\n background-color: var(--tile-background-color);\n overflow: hidden;\n\n #scout.double-drop-shadow(@spread1: 1px, @color1: @dashboard-tile-border-color, @y2: 0px, @blur2: 0px);\n\n &.inverted {\n #scout.double-drop-shadow(@spread1: 1px, @color1: @tile-default-inverted-background-color, @y2: 0px, @blur2: 0px);\n }\n\n &.inverted.color-alternative {\n #scout.double-drop-shadow(@spread1: 1px, @color1: @tile-alternative-inverted-background-color, @y2: 0px, @blur2: 0px);\n }\n\n .dimmed-background & {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-light-alpha);\n\n &.disabled,\n &.inverted {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-dark-alpha);\n }\n }\n\n & > .form-field {\n padding: 16px @tile-field-padding @tile-field-padding;\n\n &.label-hidden {\n padding-top: @tile-field-padding;\n\n .compact& {\n // reduce padding-top only if there is no label\n // the padding with label is already fine\n padding-top: @tile-field-compact-padding-y;\n }\n }\n\n .compact& {\n padding-bottom: @tile-field-compact-padding-y;\n padding-left: @tile-field-compact-padding-x;\n padding-right: @tile-field-compact-padding-x;\n }\n\n &.no-padding {\n padding: 0;\n\n & > .field {\n border: 0;\n border-radius: 0;\n }\n }\n\n & > label {\n color: @tile-default-label-color;\n margin: 0;\n font-size: 12px;\n font-weight: bold;\n padding-top: 0;\n padding-bottom: @dashboard-tile-label-padding-bottom;\n padding-right: 0;\n }\n\n & > .field {\n margin-left: 0;\n overflow: hidden;\n }\n\n & > .mandatory-indicator {\n display: none;\n }\n\n / Define a short transition for opacity changes on all field elements (used in .loading state) /\n\n & > label,\n & > .mandatory-indicator,\n & > .field,\n & > .status {\n transition: opacity 0.15s; / Same time is used in animation() of .loading-indicator /\n opacity: 1;\n }\n\n & > .status {\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n\n background-color: var(--tile-background-color);\n box-shadow: 0 0 4px 4px var(--tile-background-color);\n border-radius: 50%;\n\n padding: 0;\n margin: 0;\n\n // These properties are set by FormFieldLayout.js depending on StatusPosition, Label, etc.\n // In order to fix these values for the FormFieldTile we need !important.\n height: 24px !important;\n width: 24px !important;\n top: 12px !important;\n right: 12px !important;\n line-height: unset !important;\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n border-radius: @border-radius;\n }\n\n / Move part of the tile's padding (@offset) to the inner div. /\n / This makes it possible to draw the scrollbar (seemingly) outside the field. /\n\n &.scrollbar-y-outside {\n @offset: 17px;\n padding-right: @tile-field-padding - @offset;\n\n .compact& {\n padding-right: 0;\n }\n\n & > label {\n margin-right: @offset;\n }\n\n & > .field {\n padding-right: @offset;\n\n & > .scrollbar.y-axis {\n / Remove margin top/bottom, because root-group-box already provides a padding /\n height: 100%;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n }\n\n / --- Special rules for specific tile fields --- /\n\n &.browser-field > .field {\n border-radius: 0;\n }\n\n &.browser-field.inverted > .field {\n border: 0;\n }\n\n &.html-field > label,\n &.bean-field > label {\n padding-bottom: @dashboard-tile-label-large-padding-bottom;\n }\n }\n\n &.loading {\n & > .form-field > label,\n & > .form-field > .mandatory-indicator,\n & > .form-field > .field,\n & > .form-field > .status {\n / Same as 'visibility: hidden', except it can be animated with CSS transitions /\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.inverted {\n --tile-background-color: @tile-default-inverted-background-color;\n color: @tile-default-inverted-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n }\n\n & > .form-field {\n & > label {\n color: @tile-default-inverted-label-color;\n }\n\n / Override link style in inverted tiles, otherwise app-links would not be readable /\n\n & .app-link,\n & a {\n color: @tile-default-inverted-color;\n\n &:hover {\n color: @tile-default-inverted-link-hover-color;\n }\n\n &:active {\n color: @tile-default-inverted-link-active-color;\n }\n }\n\n & > .status::before {\n color: @tile-default-inverted-color;\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n &::before {\n color: @tile-default-inverted-color;\n }\n\n &:hover::before {\n background-color: @tile-default-inverted-status-hover-background-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @tile-default-inverted-status-active-background-color;\n }\n }\n\n &.has-error > .status {\n &::before {\n color: @tile-default-inverted-error-status-color;\n }\n\n &:hover::before,\n &:active::before,\n &.selected::before {\n color: @tile-default-inverted-error-status-hover-color;\n }\n }\n\n .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-color;\n }\n\n .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-hover-color;\n }\n\n .container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: @tile-scrollbar-thumb-inverted-small-color;\n }\n\n .container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n .container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-small-hover-color;\n }\n }\n }\n\n &.color-alternative {\n --tile-background-color: @tile-alternative-background-color;\n color: @tile-alternative-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n }\n\n & > .form-field {\n & > label {\n color: @tile-alternative-label-color;\n }\n\n & .app-link,\n & a {\n color: @tile-alternative-link-color;\n\n &:hover {\n color: @tile-alternative-link-hover-color;\n }\n\n &:active {\n color: @tile-alternative-link-active-color;\n }\n }\n }\n }\n\n &.inverted.color-alternative {\n --tile-background-color: @tile-alternative-inverted-background-color;\n color: @tile-alternative-inverted-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n }\n\n & > .form-field {\n & > label {\n color: @tile-alternative-inverted-label-color;\n }\n\n & .app-link,\n & a {\n color: @tile-alternative-inverted-color;\n\n &:hover {\n color: @tile-alternative-inverted-link-hover-color;\n }\n\n &:active {\n color: @tile-alternative-inverted-link-active-color;\n }\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n &:hover::before {\n background-color: @tile-alternative-inverted-status-hover-background-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @tile-alternative-inverted-status-active-background-color;\n }\n }\n }\n }\n\n &.selected {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-selected-border-color, @y2: 0px, @blur2: 0px);\n\n &.inverted {\n --tile-background-color: @dashboard-tile-default-inverted-background-color;\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-inverted-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n &.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n &.inverted.color-alternative {\n --tile-background-color: @dashboard-tile-alternative-inverted-background-color;\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-inverted-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n .dimmed-background & {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-light-alpha);\n\n &.inverted {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-inverted-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-dark-alpha);\n }\n\n &.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-light-alpha);\n }\n\n &.inverted.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-inverted-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-dark-alpha);\n }\n }\n }\n}\n\n/\n Mixing that can be used to reduce the horizontal padding.\n To ensure the label is aligned with the label from other tiles the h-padding of the label is increased.\n /\n.dashboard-tile-small-horizontal-padding(@padding-x: @tile-field-compact-padding-x, @small-padding-x: @tile-field-small-compact-padding-x) {\n padding-left: @small-padding-x;\n padding-right: @small-padding-x;\n\n & > label {\n padding-left: @padding-x - @small-padding-x;\n padding-right: @padding-x - @small-padding-x;\n }\n}","/\n * Copyright (c) 2010-2021 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard > .tile-button {\n padding-top: 0;\n padding-bottom: 0;\n cursor: pointer;\n\n & > .field {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n padding-top: 20px;\n padding-bottom: 20px;\n\n &.with-icon {\n padding-top: 17px;\n }\n\n &.without-icon {\n justify-content: center;\n }\n\n & > .icon-container,\n & > .label {\n display: block;\n }\n\n & > .icon-container {\n flex-grow: 1;\n\n & > .font-icon {\n font-size: 40px;\n font-weight: @icon-font-weight-light;\n color: @tile-button-default-icon-color;\n }\n }\n\n & > .label {\n font-size: 16px;\n max-height: 66px;\n #scout.overflow-ellipsis();\n }\n\n &.with-icon > .label {\n padding-top: 18px;\n }\n }\n}\n\n.tile.dashboard.compact > .tile-button {\n padding-bottom: 0; // Override FormFieldTile.less\n\n & > .field {\n padding-top: 12px;\n padding-bottom: 12px;\n\n &.with-icon {\n min-height: 100px;\n }\n\n & > .label {\n font-size: 14px;\n padding-top: 0;\n\n // Show max. 2 lines\n //noinspection CssInvalidPropertyValue\n display: -webkit-inline-box;\n //noinspection CssUnknownProperty\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n & > .icon-container > .font-icon {\n font-size: 28px;\n }\n }\n}\n\n.button-tile.dashboard {\n background-color: inherit;\n\n & > .tile-button {\n background-color: @tile-default-background-color;\n\n & > .field > .label {\n color: @link-color;\n }\n }\n\n &:hover {\n\n .dimmed-background & {\n #scout.drop-shadow(); // More intense than regular dashboard shadow\n }\n\n & > .tile-button {\n background-color: @tile-button-default-hover-background-color;\n }\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-default-active-background-color;\n }\n\n &.inverted {\n\n & > .tile-button {\n background-color: @tile-default-inverted-background-color;\n\n & > .field {\n & > .label {\n color: @tile-button-default-inverted-color;\n }\n\n & > .icon-container > .font-icon {\n color: @tile-button-default-inverted-icon-color;\n }\n }\n }\n\n &:hover > .tile-button {\n background-color: @tile-button-default-inverted-hover-background-color;\n border-color: @tile-button-default-inverted-hover-background-color;\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-default-inverted-active-background-color;\n border-color: @tile-button-default-inverted-active-background-color;\n }\n }\n\n &.color-alternative.inverted {\n & > .tile-button {\n background-color: @tile-alternative-inverted-background-color;\n\n & > .field {\n & > .label {\n color: @tile-button-alternative-inverted-color;\n }\n\n & > .icon-container > .font-icon {\n color: @tile-button-alternative-inverted-icon-color;\n }\n }\n }\n\n &:hover > .tile-button {\n background-color: @tile-button-alternative-inverted-hover-background-color;\n border-color: @tile-button-alternative-inverted-hover-background-color;\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-alternative-inverted-active-background-color;\n border-color: @tile-button-alternative-inverted-active-background-color;\n }\n }\n\n &.disabled {\n\n .dimmed-background & {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-light-alpha);\n }\n\n & > .tile-button {\n &, .inverted&, .color-alternative.inverted& {\n background-color: transparent;\n border-color: transparent;\n cursor: default;\n\n & > .field {\n & > .icon-container > .font-icon {\n color: @button-disabled-color;\n }\n\n & > .label {\n color: @button-disabled-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.tile.dashboard > .table-field {\n .dashboard-tile-small-horizontal-padding(@tile-field-padding, @tile-field-padding - @table-cell-padding-left);\n padding-bottom: 12px;\n\n &.label-hidden {\n padding-top: 7px;\n }\n\n & > label {\n padding-bottom: @dashboard-tile-label-large-padding-bottom;\n }\n\n .compact& {\n .dashboard-tile-small-horizontal-padding(@tile-field-compact-padding-x, @tile-field-compact-padding-x - @table-cell-padding-left);\n\n & > label {\n padding-bottom: @dashboard-tile-label-padding-bottom;\n }\n }\n\n / adjust menu bar when visible /\n &.has-menubar {\n padding-bottom: 2px;\n\n & > .table > .menubar.bottom {\n padding-top: 1px;\n }\n }\n\n & > .table {\n border: 0; / see .table-row definition below /\n border-radius: 0;\n background-color: transparent;\n\n &:focus,\n &.focused {\n box-shadow: none;\n }\n\n & > .table-header {\n background-color: transparent;\n\n & > .table-header-item {\n color: @tile-table-default-color;\n\n &.sorted,\n &.grouped,\n &.filtered {\n padding-right: @table-header-item-padding-right;\n\n &.halign-right,\n &.halign-center {\n padding-right: @table-header-item-padding-left;\n }\n\n &.last.halign-left,\n &.last.halign-center,\n &.last.halign-right {\n padding-right: @table-header-item-padding-right-last;\n }\n }\n\n & > .table-header-item-state {\n display: none;\n }\n }\n\n & > .table-header-resize {\n display: none;\n }\n\n / show separator on mouseover only /\n\n &:hover > .table-header-resize {\n display: inline-block;\n }\n }\n\n &:not(:focus):not(.focused) > .table-data > .table-row.selected {\n / No selection color for non-focused table tiles /\n background-color: transparent;\n\n &::after {\n border: 0;\n }\n }\n\n & > .table-data {\n & + .scroll-shadow {\n .scroll-shadow.gradient();\n --scroll-shadow-color: @tile-default-background-color;\n }\n\n & > .table-row {\n & > .table-cell,\n & > .table-cell > .font-icon {\n color: @tile-table-default-color;\n }\n }\n }\n\n & > .menubar {\n background-color: transparent;\n }\n }\n}\n\n.tile.dashboard {\n &.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n & > .table-data > .table-row.selected {\n background-color: @tile-table-default-inverted-selection-background-color;\n\n &::after {\n border-color: @tile-table-default-inverted-selection-border-color;\n }\n }\n }\n\n & > .table-header {\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .table-header-item {\n color: @tile-default-inverted-color;\n }\n\n & > .table-header-resize {\n background-color: @tile-table-default-inverted-border-color;\n }\n }\n\n & > .table-data {\n & > .table-row {\n &:active {\n background-color: transparent;\n }\n\n & > .table-cell {\n color: @tile-default-inverted-color;\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .font-icon {\n color: @tile-default-inverted-color;\n }\n }\n }\n\n & + .scroll-shadow {\n --scroll-shadow-color: @tile-default-inverted-background-color;\n }\n }\n\n & > .menubar {\n border-top-color: @tile-table-default-inverted-border-color;\n\n & > .menubar-box > .menu-item {\n color: @tile-default-inverted-color;\n }\n }\n }\n\n &.color-alternative.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n & > .table-data > .table-row.selected {\n background-color: @tile-table-alternative-inverted-selection-background-color;\n\n &::after {\n border-color: @tile-table-alternative-inverted-selection-border-color;\n }\n }\n }\n\n & > .table-header {\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .table-header-item {\n color: @tile-alternative-inverted-color;\n }\n\n & > .table-header-resize {\n background-color: @tile-table-default-inverted-border-color;\n }\n }\n\n & > .table-data {\n & > .table-row {\n &:active {\n background-color: transparent;\n }\n\n & > .table-cell {\n color: @tile-alternative-inverted-color;\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .font-icon {\n color: @tile-alternative-inverted-color;\n }\n }\n }\n\n & + .scroll-shadow {\n --scroll-shadow-color: @tile-alternative-inverted-background-color;\n }\n }\n\n & > .menubar {\n border-top-color: @tile-table-default-inverted-border-color;\n\n & > .menubar-box > .menu-item {\n color: @tile-alternative-inverted-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.filter-field {\n position: absolute;\n --filter-field-height: @filter-field-height;\n --filter-field-bottom: @filter-field-bottom;\n --filter-field-max-bottom: calc(~'50% - ' var(--filter-field-height) / 2);\n bottom: min(var(--filter-field-bottom), var(--filter-field-max-bottom));\n right: @filter-field-right;\n height: var(--filter-field-height);\n width: @filter-field-width;\n min-width: @filter-field-min-width;\n max-width: @filter-field-max-width;\n display: flex;\n align-items: center;\n z-index: 3;\n border-radius: @border-radius;\n #scout.drop-shadow();\n background-color: var(--filter-field-background-color);\n opacity: 1;\n visibility: visible;\n\n // delay the \"fade in\" transition\n --filter-field-opacity-transition-delay: 100ms;\n // the visibility transition is not a smooth transition but allows to set the value visibility delayed\n // set visibility to visible right before the \"fade in\" transition starts\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n\n transition: bottom @filter-field-transition-duration ease-in-out,\n right @filter-field-transition-duration ease-in-out,\n height @filter-field-transition-duration ease-in-out,\n width @filter-field-transition-duration ease-in-out,\n min-width @filter-field-transition-duration ease-in-out,\n max-width @filter-field-transition-duration ease-in-out,\n box-shadow @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out var(--filter-field-opacity-transition-delay),\n visibility 0s var(--filter-field-visibility-transition-delay);\n\n :not(:hover) > &:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n\n // start the \"fade out\" transition right away\n --filter-field-opacity-transition-delay: 0s;\n // set visibility to hidden right after the \"fade out\" transition ends\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n\n &::before {\n content: @icon-search;\n #scout.font-icon();\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n bottom: calc((var(--filter-field-height) - @filter-field-icon-size) / 2);\n right: @text-field-icon-margin-x + 1px;\n height: @filter-field-icon-size;\n width: @filter-field-icon-size;\n opacity: 0;\n transition: bottom @filter-field-transition-duration ease-in-out,\n right @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out;\n font-size: @font-size-plus;\n color: @label-color;\n border-radius: @border-radius;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n }\n\n & > :not(.key-box) {\n opacity: 1;\n transition: opacity @filter-field-transition-duration ease-in-out;\n }\n\n & > input {\n width: 100%;\n min-height: 100%;\n }\n\n &.clearable-always:not(.has-text),\n &.clearable-focused:not(.has-text):not(.focused) {\n & > .clear-icon {\n .invisible();\n }\n }\n\n & > .clear-icon {\n display: flex;\n right: @text-field-icon-margin-x + 1px;\n margin-right: 0;\n transition: right @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out;\n }\n\n & > .key-box {\n top: calc(~'50% - ' 22px / 2) !important;\n }\n\n &:not(.focused).empty {\n --filter-field-bottom: @filter-field-bottom + ((var(--filter-field-height) - @filter-field-icon-size) / 2);\n --filter-field-max-bottom: calc(~'50% - ' @filter-field-icon-size / 2);\n right: @filter-field-right + @text-field-icon-margin-x + 1px;\n height: @filter-field-icon-size;\n width: @filter-field-icon-size;\n min-width: @filter-field-icon-size;\n max-width: @filter-field-icon-size;\n box-shadow: none;\n #scout.backdrop-filter(@background-color: var(--filter-field-transparent-50-background-color), @backdrop-filter: blur(2px), @fallback-background-color: var(--filter-field-transparent-80-background-color));\n\n &::before {\n bottom: 0;\n right: 0;\n opacity: 1;\n }\n\n & > :not(.key-box) {\n opacity: 0;\n }\n\n & > input {\n cursor: pointer;\n }\n\n & > .clear-icon {\n right: 0;\n }\n\n & > .key-box.char {\n margin-left: -10px;\n margin-right: -5px;\n }\n }\n}\n\n.filter-field-container {\n position: sticky;\n --filter-field-height: @filter-field-height;\n --filter-field-container-top: calc(~'100% - ' @filter-field-bottom);\n --filter-field-container-min-top: calc(~'50% + ' var(--filter-field-height) / 2);\n top: max(var(--filter-field-container-top), var(--filter-field-container-min-top));\n left: calc(~'100% - ' @filter-field-right);\n width: 0;\n height: 0;\n overflow: visible;\n z-index: 3;\n\n --filter-field-max-width: @filter-field-width;\n\n &:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 1;\n visibility: visible;\n\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n }\n\n & > .filter-field {\n bottom: 0;\n right: 0;\n max-width: var(--filter-field-max-width);\n\n :not(:hover) > &:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n\n &:not(.focused).empty {\n bottom: calc((var(--filter-field-height) - @filter-field-icon-size) / 2);\n right: @text-field-icon-margin-x + 1px;\n }\n }\n}\n\n@supports not (bottom: min(50%, 42px)) {\n .filter-field-container,\n .filter-field {\n .hidden();\n }\n}\n\n.dense .filter-field,\n.dense .filter-field-container {\n --filter-field-height: @filter-field-height-dense;\n}","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.login-box-content > form {\n & > input,\n & > .button {\n width: calc(100% - 40px);\n height: 40px;\n margin: 4px 20px;\n font-size: @box-font-size;\n }\n\n & > .button {\n margin-top: 16px;\n margin-bottom: 0;\n }\n\n & > .message-box {\n margin: 0 20px 12px 20px;\n }\n\n & > input.alternative:-webkit-autofill {\n / NOSONAR (for some reason, rule \"less:overqualified-elements\" is illegitimately triggered here)\n /* Improve Chrome's auto-fill style by overriding the forced yellow background and black text color. /\n / (Requires some hacks, see http://webagility.com/posts/remove-forced-yellow-input-background-in-chrome) /\n border-top-width: 0;\n padding-top: @text-field-padding-top-compensation + 1px;\n -webkit-box-shadow: inset 0 0 0 1000px @background-color;\n -webkit-text-fill-color: @text-color !important; / NOSONAR (!important is okay here) /\n\n &::first-line {\n // Chrome uses a different size and family for the auto filled credentials\n // -> explicitly set size and family so that it won't change when the user clicks into the field\n font-size: @box-font-size;\n font-family: @font-default-family;\n }\n\n &:focus {\n -webkit-text-fill-color: @focus-color !important; / NOSONAR (!important is okay here) /\n }\n\n &::selection {\n -webkit-text-fill-color: @text-selection-color !important; / NOSONAR (!important is okay here) /\n }\n }\n}\n\n/\n * Login button is a default button -> styles are defined in main.css.\n * Difference to regular default button is the disabled style and the ability to turn red.\n /\n.login-button.default {\n\n &.login-error:not(.disabled) {\n border-color: transparent;\n background-color: @error-color;\n\n &:hover {\n background-color: @error-default-button-background-hover-color;\n }\n\n &:active {\n background-color: @error-default-button-background-active-color;\n }\n\n &:focus {\n #scout.focus-border(@box-shadow-color: @error-focus-box-shadow-color, @border-color: mix(@error-color, @error-focus-box-shadow-color, 25%));\n }\n }\n\n &.disabled {\n color: @default-button-color;\n border-color: @default-button-background-color;\n background-color: @default-button-background-color;\n }\n}\n\n.login-button-loading {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n display: inline-block;\n border-radius: 50%;\n border: 1px fade(@default-button-color, 80%) solid;\n width: 18px;\n height: 18px;\n vertical-align: middle;\n}\n\n.login-body,\n.logout-body {\n & > .box-background-elements.box-background-elements-fadeout {\n #scout.animation(nop 0.05s);\n }\n}\n\n@media (max-width: @box-responsive-width) {\n .login-box-content > form {\n & > .message-box,\n & > input,\n & > .button {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n }\n }\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.breadcrumb-bar-field > .field {\n\n // BreadCrumbItem uses 14px instead of 13px font size\n padding-bottom: @breadcrumb-bar-field-padding-bottom;\n\n .dense & {\n // But it uses normal 13px in dense mode\n padding-bottom: @breadcrumb-bar-field-padding-bottom-dense;\n }\n}\n","/\n * Copyright (c) 2010-2020 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * http://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n /\n.breadcrumb-bar {\n #scout.overflow-nowrap();\n}\n","/\n * Copyright (c) 2010-2022 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\n * https://www.eclipse.org/legal/epl-v10.html\n \n Contributors:\n * BSI Business Systems Integration AG - initial API and implementation\n */\n.breadcrumb-item {\n display: inline-flex;\n align-items: center;\n text-align: center;\n height: 100%;\n color: @link-color;\n font-size: @font-size-plus;\n vertical-align: top;\n\n &.last {\n font-weight: bold;\n }\n\n &:hover:not(.disabled) {\n color: @link-hover-color;\n }\n\n &:not(.first)::before {\n #scout.font-icon();\n content: @icon-angle-right-bold;\n color: @text-color;\n display: block;\n margin: 0 5px;\n cursor: default;\n }\n\n &:not(.disabled):active {\n color: @link-active-color;\n }\n\n &:not(.disabled) {\n cursor: pointer;\n }\n\n &.disabled {\n color: @disabled-color;\n }\n}\n"],"names":[],"sourceRoot":""}