npm - @eclipse-scout/core - Versions diffs - 11.0.41 → 11.0.42 - Mend

@eclipse-scout/core 11.0.41 → 11.0.42

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 (3) hide show

package/dist/eclipse-scout-core-theme-dark.css.map +1 -1
package/dist/eclipse-scout-core-theme.css.map +1 -1
package/package.json +2 -2

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["webpack:///src/index-dark.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/box/Box.less","webpack:///src/boxbuttons/BoxButtons.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/desktop/bench/BenchColumn.less","webpack:///src/group/Group.less","webpack:///src/tabbox/SimpleTabBox.less","webpack:///src/carousel/Carousel.less","webpack:///src/collapsehandle/CollapseHandle.less","webpack:///src/desktop/desktoptab/DesktopTab.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/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/tabbox/SimpleTabArea.less","webpack:///src/tabbox/SimpleTab.less","webpack:///src/filechooser/FileChooser.less","webpack:///src/filechooser/FileInput.less","webpack:///src/form/Form.less","webpack:///src/menu/menubar/MenuBar.less","webpack:///src/form/FormMenuPopup.less","webpack:///src/form/ScoutInfoForm.less","webpack:///src/form/fields/FormField.less","webpack:///src/form/fields/LookupBox.less","webpack:///src/form/fields/ValueField.less","webpack:///src/breadcrumbbar/BreadcrumbItem.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/listbox/ListBox.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/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/ContextMenuPopup.less","webpack:///src/menu/Menu.less","webpack:///src/menu/form/field/FormFieldMenu.less","webpack:///src/messagebox/MessageBox.less","webpack:///src/modeselector/Mode.less","webpack:///src/modeselector/ModeSelector.less","webpack:///src/notification/Notification.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/scrollbar/Scrollbar.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/login/LoginBox.less","webpack:///src/breadcrumbbar/BreadcrumbBar.less","webpack:///src/desktop/outline/Outline-dark.less"],"names":[],"mappings":"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;EC/RA;EACA;EACA;EACA;EACA;EACA;EArEA;EACA;EAjBA;EAqVA;AFoEJ;ACrCE;;EAEE;EACA;ADuCJ;ACrCI;;EACE;ADwCN;ACpCE;EACE;EDsCF,oFAAoF;ECpClF;EACA;ADsCJ;ACpCI;EACE;ADsCN;ACnCI;EACE;ADqCN;AClCI;;EACE;EACA;ADqCN;AClCI;EACE;EACA;ADoCN;AChCE;EACE;EACA;EACA;EACA;ADkCJ;AChCI;EACE;ADkCN;AC7BI;;;EAGE;EACA;AD+BN;AC5BI;ECzNA;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AHudJ;AErPI;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AF0PN;AACA,oBAAoB;AACpB,oGAAoG;AACpG,uEAAuE;AC7CvE;;EDgDE,8CAA8C;EC9C9C;EDgDA,sCAAsC;AACxC;AC9CA;;EDiDE,8CAA8C;EC/C9C;EDiDA,sCAAsC;AACxC;AACA,kFAAkF;AC/ClF;EACE;ADiDF;AACA,wCAAwC;AC9CxC;EACE;ADgDF;AC7CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD+CF;AC5CA;ECtFI;EACA;EACA;EACA;EACA;EACA;EDmFF;EACA;EACA;ADmDF;ACjDE;EACE;ADmDJ;AChDE;;EACE;ADmDJ;AChDE;EACE;ADkDJ;AC9CA;ECzGI;EACA;EACA;EACA;EACA;EACA;EDsGF;EACA;ADqDF;ACnDE;EACE;ADqDJ;AACA,qEAAqE;ACjDrE;EACE;ECnPE;EACA;EACA;EACA;AFuSJ;ACnDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADqDF;AClDA;EE7gBI;EACA;EACA;EACA;AHkkBJ;ACpDA;EACE;EACA;EACA;EACA;EACA;EACA;ADsDF;ACpDE;EACE;EACA;EACA;EACA;EACA;EACA;EE/hBA;EACA;EACA;EACA;AHslBJ;ACrDA;EACE;EACA;EACA;EACA;EACA;EACA;ADuDF;ACrDE;EACE;EACA;EACA;EACA;EACA;EACA;EEljBA;EACA;EACA;EACA;AH0mBJ;ACrDA;;;EAGE;EACA;EACA;ADuDF;ACrDE;;;EACE;ADyDJ;ACtDE;;;;;;EACE;AD6DJ;AC1DE;;;EACE;AD8DJ;AC1DA;ECrMI;EACA;EACA;EACA;EACA;EACA;AFkQJ;AC9DA;ECzPI;AF0TJ;AC7DA;EC3UI;EACA;EACA;EACA;EA5PA;EDukBF;EACA;EACA;EACA;ADkEF;AC/DA;EACE;EACA;ADiEF;AACA,oBAAoB;AACpB,oHAAoH;AACpH,qHAAqH;AACrH,sGAAsG;AC9DtG;;;;;;;;;;;;;;;;;;;;;;;EAuBE;ADgEF;AC7DA;EACE;AD+DF;AC7DE;EC9QE;EACA;EACA;AF8UJ;AACA;;;EAGE;AC7DF;EAEE;AD8DF;AC3DA;ECxYI;EACA;EACA;EACA;EAmGA;EACA;EACA;EDmSF;ADkEF;AACA;;;;;;;;;EASE;AInuBF;EJquBE,6DAA6D;EInuB7D;AJquBF;AInuBE;EACE;AJquBJ;AIluBE;EACE;AJouBJ;AIjuBE;EACE;AJmuBJ;AIhuBE;;EAEE;EACA;AJkuBJ;AI9tBI;;EAEE;AJguBN;AI7tBI;EFgMA;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AH+vBJ;AE7hBI;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AFkiBN;AACA;;;;;;;;;EASE;AK5xBF;EACE;AL8xBF;AK5xBE;EACE;AL8xBJ;AK3xBE;EACE;AL6xBJ;AK1xBE;EACE;EACA;AL4xBJ;AACA;;;;;;;;;EASE;AACF;;;EAGE;AMnzBF;EACE;EACA;EACA;EACA;EACA;ANqzBF;AMnzBE;EACE;EACA;ANqzBJ;AMjzBA;EACE;EACA;EACA;EACA;EACA;EACA;EJJE;AFwzBJ;AMjzBE;EACE;ANmzBJ;AMjzBI;EACE;EACA;ANmzBN;AM/yBE;EACE;ANizBJ;AM9yBE;EACE;EACA;ANgzBJ;AM9yBI;EACE;ANgzBN;AM5yBE;EACE;AN8yBJ;AM1yBA;EACE;IAKE;IACA;IACA;ENwyBF;EM9yBE;IACE;ENgzBJ;AACF;AMxyBA;EACE;IAKE;IACA;ENsyBF;EM3yBE;IACE;EN6yBJ;AACF;AMtyBA;EACE;IACE;ENwyBF;AACF;AACA;;;;;;;;;EASE;AO/3BA;EACE;APi4BJ;AO93BE;EACE;EACA;EACA;EACA;EACA;EACA;EL+TA;EACA;EAKA;EKnUA;EACA;APk4BJ;AO/3BE;EACE;EACA;APi4BJ;AO93BE;EACE;APg4BJ;AO73BE;EACE;AP+3BJ;AO53BE;EACE;AP83BJ;AO33BE;EACE;AP63BJ;AO13BE;EACE;AP43BJ;AOz3BE;ELhBE;EACA;EAjBA;EAgFA;EACA;EACA;EACA;EACA;EACA;EKlDA;APk4BJ;AO/3BE;EACE;APi4BJ;AO93BE;EACE;APg4BJ;AO73BE;EACE;EL/CA;AF+6BJ;AACA;;;;;;;;;EASE;AQz7BF;EACE;EACA;AR27BF;AQx7BA;EACE;AR07BF;AQv7BA;EACE;ARy7BF;AQt7BA;EACE;EACA;ARw7BF;AQr7BA;EACE;EACA;EACA;EACA;ARu7BF;AQr7BE;EACE;EACA;EACA;ARu7BJ;AQp7BE;EACE;ARs7BJ;AQl7BA;EACE;EACA;ARo7BF;AQl7BE;EACE;ARo7BJ;AQh7BA;EACE;EACA;EACA;EACA;ARk7BF;AQ/6BA;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARi7BF;AQ/6BE;;;EACE;ARm7BJ;AQ/6BA;EACE;ARi7BF;AQ96BA;EACE;EACA;EACA;ARg7BF;AQ96BE;EACE;ARg7BJ;AQ56BA;EACE;EACA;EACA;EACA;EACA;EACA;AR86BF;AQ36BA;;EAEE;AR66BF;AQ16BA;EN2RI;EACA;EACA;EACA;EACA;EACA;EM7YF;EACA;EACA;EACA;EACA;EACA;EACA;ARgiCF;AQr7BA;ENuRI;EACA;EACA;EACA;EACA;EACA;EM7YF;EACA;EACA;EACA;EACA;EACA;EACA;AR+iCF;AQh8BA;EACE;EACA;EACA;EACA;ARk8BF;AQ/7BA;;;EAGE;EACA;EACA;EACA;EACA;EACA;ARi8BF;AQ97BA;EACE;EAEA;EACA;EACA;AR+7BF;AQ77BE;EACE;EACA;EACA;AR+7BJ;AQ57BE;EACE;EACA;EACA;EACA;AR87BJ;AQ37BE;EACE;AR67BJ;AQ17BE;EACE;EACA;AR47BJ;AQx7BA;EACE;EACA;EACA;AR07BF;AQv7BA;;EAEE;ARy7BF;AQv7BE;;EACE;AR07BJ;AQt7BA;ENoNI;EACA;EACA;EACA;EACA;EACA;EM7YF;EACA;EACA;EACA;EACA;EACA;EACA;ARmnCF;AQj8BA;ENgNI;EACA;EACA;EACA;EACA;EACA;EM7YF;EACA;EACA;EACA;EACA;EACA;EACA;ARkoCF;AQ58BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ER88BA,6DAA6D;EQl7B7D;ERo7BA,gCAAgC;EAChC,yBAAyB;AAC3B;AQh9BE;EACE;ARk9BJ;AQ/8BE;EN6HE;EACA;AFq1BJ;AQ/8BE;EACE;EACA;EACA;EACA;EACA;EACA;ERi9BF,6DAA6D;AAC/D;AQ/8BE;EACE;ARi9BJ;AQ98BE;EACE;ARg9BJ;AQ18BE;EACE;AR48BJ;AQz8BE;EACE;AR28BJ;AQt8BE;EACE;ARw8BJ;AQt8BI;EACE;ARw8BN;AQr8BI;EACE;ARu8BN;AQp8BI;EACE;ARs8BN;AQn8BI;EACE;ARq8BN;AQl8BI;EACE;ARo8BN;AQj8BI;EACE;ARm8BN;AQ77BE;EACE;AR+7BJ;AQ77BI;EACE;AR+7BN;AQ57BI;EACE;AR87BN;AQ37BI;EACE;AR67BN;AQ17BI;EACE;AR47BN;AQz7BI;EACE;AR27BN;AQt7BA;EACE;ARw7BF;AQr7BA;EACE;EACA;ARu7BF;AQp7BA;EACE;EACA;EACA;EACA;EACA;ARs7BF;AQn7BA;EACE;EACA;EACA;ARq7BF;AQn7BE;EACE;EACA;EACA;EACA;ERq7BF,uEAAuE;EQp7BrE;EACA;ARs7BJ;AQl7BA;EACE;EACA;EACA;EACA;EACA;EACA;ARo7BF;AQl7BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ARo7BJ;AQh7BA;EACE;EACA;EACA;ARk7BF;AQ/6BA;EACE;EACA;EACA;ARi7BF;AQ/6BE;EACE;ARi7BJ;AQ76BA;EACE;AR+6BF;AQ56BA;EACE;EACA;EACA;EACA;EACA;AR86BF;AQ56BE;EACE;AR86BJ;AQ36BE;EACE;AR66BJ;AQz6BA;;EAEE;EACA;EACA;AR26BF;AQx6BA;;EAEE;AR06BF;AQv6BA;EACE;ARy6BF;AQt6BA;;;EAGE;ARw6BF;AQr6BA;EACE;ARu6BF;AQp6BA;EACE;ARs6BF;AQn6BA;;;EAGE;EACA;EACA;EACA;ERq6BA,mBAAmB;AACrB;AQn6BA;EACE;ERq6BA,iDAAiD;AACnD;AQp6BE;EACE;EACA;EACA;EACA;EACA;EACA;ERs6BF,6BAA6B;AAC/B;AQp6BE;EACE;ARs6BJ;AQp6BI;EACE;ARs6BN;AQl6BE;EACE;ARo6BJ;AQj6BE;EACE;ARm6BJ;AQj6BI;EACE;ARm6BN;AQ/5BE;EACE;EACA;ARi6BJ;AQ55BE;EACE;AR85BJ;AQ35BE;EACE;EACA;EACA;AR65BJ;AQ35BI;EACE;EACA;EACA;AR65BN;AQ15BI;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AR45BN;AQz5BI;EACE;EACA;ER25BJ,oCAAoC;AACtC;AQx5BM;EACE;EACA;AR05BR;AQv5BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARy5BR;AQr5BI;EACE;EACA;ERu5BJ,6CAA6C;AAC/C;AQt5BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARw5BR;AQl5BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ARo5BF;AQj5BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARm5BF;AQ/4BA;EACE;EACA;EACA;EACA;ARi5BF;AQ94BA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;ARg5BF;AQ74BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AR+4BF;AQ54BA;EACE;EACA;EACA;EACA;EACA;EACA;ER84BA,6BAA6B;EQ74B7B;AR+4BF;AQ54BA;EACE;EACA;EACA;AR84BF;AQ34BI;EACE;EACA;EACA;EACA;EACA;AR64BN;AQ14BI;EACE;AR44BN;AQz4BI;EACE;EACA;EACA;EACA;EACA;EACA;AR24BN;AQt4BA;EACE;EACA;EACA;ARw4BF;AQr4BA;EACE;EACA;EACA;EACA;EACA;ARu4BF;AQp4BA;EACE;EACA;EACA;EACA;EACA;EACA;ARs4BF;AACA;;;;;;;;;EASE;AS/gDF;EACE;EACA;EACA;EACA;ATihDF;AS9gDA;EACE;EACA;EACA;EACA;EACA;ATghDF;AS9gDE;EACE;EACA;EACA;EACA;EACA;EACA;ATghDJ;AS9gDI;EACE;EACA;ATghDN;AS7gDI;EACE;AT+gDN;AS3gDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AT6gDJ;ASzgDA;EACE;EACA;EACA;EACA;EACA;AT2gDF;ASzgDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AT2gDJ;ASzgDI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AT2gDN;ASzgDM;EACE;AT2gDR;ASxgDM;EACE;AT0gDR;ASvgDM;EACE;EACA;ATygDR;AStgDM;EACE;EACA;ATwgDR;ASngDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ATqgDJ;ASlgDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATogDJ;AACA;;;;;;;;;EASE;AU3nDF;EACE;EACA;EACA;EACA;ERuBE;EACA;EAjBA;EQLF;AV+nDF;AU7nDE;ERWE;EQTA;AV+nDJ;AU3nDA;EACE;EACA;AV6nDF;AU1nDA;EACE;EACA;AV4nDF;AUznDA;EACE;EACA;EACA;AV2nDF;AUxnDA;EACE;EACA;EACA;AV0nDF;AUvnDA;EACE;AVynDF;AUtnDA;EACE;EACA;EACA;EACA;AVwnDF;AUrnDA;EACE;AVunDF;AUpnDA;EACE;EACA;EACA;EVsnDA,+IAA+I;EAC/I,gGAAgG;AAClG;AUtnDE;EACE;EACA;AVwnDJ;AUrnDE;EACE;EACA;EACA;EACA;EACA;AVunDJ;AUpnDE;EVsnDA,kEAAkE;EUpnDhE;AVsnDJ;AU/mDI;;EACE;EACA;AVknDN;AU/mDI;;EACE;EACA;AVknDN;AU9mDM;;EACE;AVinDR;AU9mDM;;EACE;AVinDR;AU5mDE;EACE;AV8mDJ;AU3mDE;EACE;AV6mDJ;AU1mDE;EACE;AV4mDJ;AUzmDE;EACE;EACA;AV2mDJ;AUvmDI;EACE;EACA;AVymDN;AUtmDI;EACE;AVwmDN;AUpmDE;EACE;AVsmDJ;AUpmDI;EACE;AVsmDN;AUnmDI;EACE;AVqmDN;AUnmDM;EACE;AVqmDR;AU9lDE;EACE;AVgmDJ;AU5lDA;EACE;EACA;EACA;EACA;EACA;EV8lDA,iEAAiE;AACnE;AU3lDE;EACE;EACA;AV6lDJ;AU3lDI;EACE;AV6lDN;AU1lDI;EACE;AV4lDN;AUvlDA;EACE;EACA;EACA;EACA;EACA;EACA;AVylDF;AUtlDA;EACE;EACA;EACA;EACA;AVwlDF;AUrlDA;;;;EAIE;EACA;EACA;EACA;EACA;ERqME;EACA;EACA;EACA;EACA;EACA;EQxMF;AV4lDF;AU1lDE;;;;EACE;AV+lDJ;AU5lDE;;;;EACE;AVimDJ;AU7lDA;;EAEE;AV+lDF;AU5lDA;EACE;AV8lDF;AU3lDA;EACE;AV6lDF;AU1lDA;;EAEE;AV4lDF;AUzlDA;EACE;AV2lDF;AUxlDA;EACE;AV0lDF;AUtlDE;EACE;AVwlDJ;AACA;;;;;;;;;EASE;AWh1DF;EACE;EACA;EACA;EACA;EACA;AXk1DF;AWh1DE;EACE;AXk1DJ;AW/0DE;EACE;AXi1DJ;AACA,6BAA6B;AW50D7B;EACE;EACA;EACA;EACA;EACA;EACA;EX80DA,yFAAyF;AAC3F;AACA;;;;;;;;;EASE;AYj3DF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZm3DF;AYj3DE;EACE;AZm3DJ;AACA;;;;;;;;;EASE;Aaz4DF;Eb24DE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;EAChB,qBAAqB;EACrB,eAAe;EACf,sBAAsB;EACtB,0BAA0B;EAC1B,uBAAuB;EACvB,cAAc;EACd,WAAW;EACX,qBAAqB;EACrB,oBAAoB;EACpB,cAAc;EACd,iBAAiB;EACjB,oBAAoB;EACpB,gBAAgB;EAChB,mFAAmF;EACnF,kBAAkB;EAClB,wBAAwB;AAC1B;Aa35DI;EACE;Eb65DJ,iCAAiC;Ea55D7B;Eb85DJ,iCAAiC;AACnC;Aat5DI;;;EACE;EACA;Eb05DJ,wCAAwC;Eaz5DpC;Ab25DN;Aat5DI;;EAEE;Abw5DN;Aar5DI;EACE;Abu5DN;Aar5DM;EACE;Abu5DR;Aa94DM;EACE;Ebg5DN,6BAA6B;Ea/4DvB;Ebi5DN,6BAA6B;EAC7B,qJAAqJ;Ea/4D/I;Ebi5DN,8BAA8B;AAChC;Aaj8DA;EAwDI;Eb44DF,iCAAiC;Ea34D/B;Eb64DF,+EAA+E;Ea54D7E;Ab84DJ;Aax8DA;EA8DI;Eb64DF,6EAA6E;Ea54D3E;Eb84DF,aAAa;AACf;Aa34DI;EACE;EACA;Ab64DN;Aal9DA;EA4EI;Eby4DF,iCAAiC;AACnC;Aat4DI;EACE;Ebw4DJ,2EAA2E;Eav4DvE;Aby4DN;Aa39DA;EAuFI;Ebu4DF,yGAAyG;Eat4DvG;Abw4DJ;Aah+DA;EA8FI;Ebq4DF,qHAAqH;Eap4DnH;Abs4DJ;Aar+DA;EAmGI;Ebq4DF,aAAa;Eap4DX;Abs4DJ;Aa1+DA;EA0GI;Ebm4DF,2GAA2G;Eal4DzG;Abo4DJ;Aal4DI;EACE;Ebo4DJ,mHAAmH;Ean4D/G;EACA;Ebq4DJ,sGAAsG;AACxG;Aan4DI;Ebq4DF,4FAA4F;Eaj4DtF;EACA;Abm4DR;Aa13DM;EACE;Eb43DN,oCAAoC;Ea33D9B;Eb63DN,oCAAoC;AACtC;Aa53DQ;EACE;Eb83DR,cAAc;AAChB;Aaz3DM;EACE;Eb23DN,iCAAiC;Ea13D3B;Eb43DN,iCAAiC;AACnC;Aap3DQ;;EACE;Ebu3DR,uCAAuC;Eat3D/B;Ebw3DR,uCAAuC;AACzC;Aav3DU;;EACE;Eb03DV,4EAA4E;Eaz3DlE;Ab23DZ;Aax3DU;;EACE;Eb23DV,uCAAuC;Ea13D7B;Eb43DV,uCAAuC;AACzC;Aan3DI;EACE;Ebq3DJ,wBAAwB;Eap3DpB;Abs3DN;AapiEA;EAqLI;Ebk3DF,oBAAoB;Eaj3DlB;Abm3DJ;A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A;EACA;AFg4EJ;AgBl3EE;EACE;AhBo3EJ;AgBj3EE;EACE;AhBm3EJ;AgBh3EE;EACE;EACA;EACA;EACA;AhBk3EJ;AgBh3EI;EACE;AhBk3EN;AgB/2EI;EdlCA;EACA;EACA;AFo5EJ;AgB72EE;EACE;AhB+2EJ;AgB52EE;EACE;AhB82EJ;AgB32EE;EACE;AhB62EJ;AgB32EI;EACE;AhB62EN;AgB12EI;EACE;EACA;EACA;EACA;EACA;EACA;AhB42EN;AgBz2EI;EACE;EACA;AhB22EN;AgBz2EM;EACE;EACA;AhB22ER;AgBx2EM;Ed1EF;EACA;EACA;AFq7EJ;AgBx2EI;EACE;AhB02EN;AACA;;;;;;;;;EASE;AiBx/EF;EACE;EACA;EACA;AjB0/EF;AiBx/EE;EACE;EACA;EjB0/EF,mGAAmG;EACnG,sGAAsG;AACxG;AiBv/EI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjBy/EN;AiBr/EE;EACE;AjBu/EJ;AACA;;;;;;;;;EASE;AkBzhFF;EACE;AlB2hFF;AkBxhFA;EACE;AlB0hFF;AkBvhFA;EACE;EACA;EACA;AlByhFF;AkBthFA;EACE;EACA;EACA;AlBwhFF;AkBthFE;EACE;EACA;EACA;AlBwhFJ;AkBrhFE;EACE;AlBuhFJ;AACA;;;;;;;;;EASE;AmB3jFF;EACE;EACA;EACA;EACA;EACA;EACA;AnB6jFF;AmB3jFE;EACE;AnB6jFJ;AmB3jFI;EACE;AnB6jFN;AmBzjFE;EACE;AnB2jFJ;AmBxjFE;EACE;AnB0jFJ;AmBtjFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnBwjFF;AmBtjFE;EjBuWE;EACA;EACA;EACA;EACA;EACA;EiB1WA;AnB6jFJ;AmBzjFI;EACE;EACA;AnB2jFN;AmBxjFI;EACE;AnB0jFN;AmBrjFI;EACE;EACA;EACA;AnBujFN;AmBpjFI;EACE;AnBsjFN;AmBljFE;EACE;EACA;AnBojFJ;AACA;;;;;;;;;EASE;AoB/nFF;EACE;EACA;ApBioFF;AoB/nFE;EACE;ApBioFJ;AoB9nFE;ElB4XE;EACA;EACA;AFqwEJ;AACA;;;;;;;;;EASE;AqBrpFF;EACE;EACA;EACA;EACA;ErBupFA,yGAAyG;EqBppFzG;ErBspFA,gCAAgC;EAChC,mGAAmG;EACnG,sGAAsG;AACxG;AqBppFE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ArBspFJ;AqBnpFE;EACE;ArBqpFJ;AqBjpFM;EP1BJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EOqBM;EACA;EACA;ArB0pFR;AqBvpFM;EACE;ArBypFR;AqBppFE;ElBvBE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHyrFJ;AqBxpFA;EACE;ArB0pFF;AqBxpFE;EACE;ArB0pFJ;AqBvpFE;;;ErB2pFA,kGAAkG;EqBvpFhG;EACA;EACA;EACA;ArBypFJ;AqBvpFI;;;EACE;ArB2pFN;AqBvpFM;;;EACE;ArB2pFR;AqBjpFI;;;EACE;EACA;EACA;EACA;ArBqpFN;AqBnpFM;;;EACE;ArBupFR;AqBppFM;;;EACE;ArBwpFR;AACA;;;;;;;;;EASE;AsB3vFF;EACE;EACA;EACA;EACA;EACA;EACA;AtB6vFF;AsBxvFM;EACE;EACA;EACA;EACA;EACA;AtB0vFR;AsBxvFQ;EACE;EACA;AtB0vFV;AsBvvFQ;EACE;EtByvFR,wGAAwG;EsBxvFhG;AtB0vFV;AsBtvFM;EACE;AtBwvFR;AsBpvFQ;EACE;AtBsvFV;AsBnvFQ;EACE;EACA;AtBqvFV;AsBhvFQ;EACE;AtBkvFV;AsB/uFQ;EACE;EACA;AtBivFV;AsB/uFU;EACE;AtBivFZ;AsB9uFU;EACE;AtBgvFZ;AsB7uFU;EACE;EACA;AtB+uFZ;AsBxuFM;EACE;EACA;EtB0uFN,WAAW;EsBzuFL;AtB2uFR;AsBruFA;EACE;AtBuuFF;AsBpuFA;EACE;AtBsuFF;AsBnuFA;EACE;EACA;AtBquFF;AACA;;;;;;;;;EASE;AuBx0FF;EACE;AvB00FF;AuBx0FE;;EAEE;AvB00FJ;AuBv0FE;EACE;EACA;EACA;AvBy0FJ;AuBt0FE;EvBw0FA,oEAAoE;EuBt0FlE;AvBw0FJ;AuBp0FI;EACE;AvBs0FN;AuBn0FI;EACE;EACA;EACA;AvBq0FN;AuBh0FI;EACE;AvBk0FN;AuB/zFI;EACE;EACA;EACA;AvBi0FN;AuB3zFA;EACE;AvB6zFF;AuB3zFE;EACE;AvB6zFJ;AuB1zFE;EACE;AvB4zFJ;AACA;;;;;;;;;EASE;AwBz3FF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ExB23FA,yDAAyD;AAC3D;AACA,4BAA4B;AwBx3F5B;EAcE;IACE;IACA;ExB62FF;EwB32FA;IACE;ExB62FF;EwB32FA;IACE;IACA;ExB62FF;AACF;AwBj4FA;EAUE;IACE;IACA;ExB03FF;EwBx3FA;IACE;ExB03FF;EwBx3FA;IACE;IACA;ExB03FF;AACF;AACA;;;;EAIE;AwBr3FF;ErB/BI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH84FJ;AACA,4BAA4B;AwBl4F5B;EASE;IACE;IACA;ExB43FF;EwB13FA;IACE;IACA;ExB43FF;AACF;AwBx4FA;EAKE;IACE;IACA;ExBs4FF;EwBp4FA;IACE;IACA;ExBs4FF;AACF;AwB53FA;ErB/DI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHq7FJ;AwB14FA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EtBxEE;AFq9FJ;AwB14FE;EACE;AxB44FJ;AwBz4FE;EACE;AxB24FJ;AwBx4FE;EACE;AxB04FJ;AwBv4FE;EACE;AxBy4FJ;AwBr4FA;EACE;EACA;EACA;ExBu4FA,2CAA2C;AAC7C;AwBp4FE;EACE;AxBs4FJ;AwBn4FE;EACE;EACA;EACA;AxBq4FJ;AwBj4FA;EACE;AxBm4FF;AwBh4FA;EACE;AxBk4FF;AwB/3FA;ErBtII;EACA;EACA;EACA;EqBqIF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxBo4FF;AACA;;;;;;;;;EASE;AyBhiGA;EACE;EACA;AzBkiGJ;AE1kFI;EACE;AF4kFN;AEzkFI;;EAEE;AF2kFN;AyBhiGM;EACE;AzBkiGR;AyB/hGM;;EAEE;AzBiiGR;AyB7hGI;EACE;AzB+hGN;AyB5hGI;;EAEE;EACA;EACA;EACA;EzB8hGJ,gEAAgE;EyB3hG5D;AzB6hGN;AyB3hGM;;EACE;AzB8hGR;AyB3hGM;;EACE;AzB8hGR;AyB5hGQ;;EACE;AzB+hGV;AyB5hGQ;;EACE;AzB+hGV;AyB7hGU;;EACE;AzBgiGZ;AyB3hGM;;EACE;AzB8hGR;AyB3hGM;;EACE;AzB8hGR;AyB3hGM;;EACE;EACA;AzB8hGR;AyB3hGM;;EACE;EACA;EACA;AzB8hGR;AyB5hGQ;;EACE;EzB+hGR,iDAAiD;EyB7hGzC;AzB+hGV;AyB5hGQ;;EACE;AzB+hGV;AyB3hGM;;EACE;EACA;EACA;AzB8hGR;AyB5hGQ;;EACE;AzB+hGV;AyBxhGA;EACE;EvBgSE;EACA;EACA;EA3DA;EACA;EAKA;EuB1OF;EACA;AzB8hGF;AEruFI;EARA;EACA;EACA;EACA;EACA;AFgvFJ;AyBliGE;EACE;EACA;EACA;EACA;EACA;AzBoiGJ;AyBjiGE;EACE;AzBmiGJ;AyBhiGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzBkiGJ;AyB9hGM;EACE;AzBgiGR;AyB9hGQ;;EAEE;AzBgiGV;AyB7hGQ;;EAEE;AzB+hGV;AyB7hGU;;EACE;EvBrIR;AFsqGJ;AyB3hGM;EvBrHF;EACA;EAvBA;AF2qGJ;AyBzhGA;EzB2hGE,6HAA6H;EyBzhG7H;EACA;EACA;AzB2hGF;AACA,kGAAkG;AyBthGhG;EACE;EACA;AzBwhGJ;AyBthGI;EACE;AzBwhGN;AyBrhGI;EACE;AzBuhGN;AyBnhGE;EACE;AzBqhGJ;AyBhhGI;;EAEE;EACA;AzBkhGN;AyBhhGM;;EACE;AzBmhGR;AyBhhGM;;EACE;AzBmhGR;AyBjhGQ;;EACE;AzBohGV;AyBhhGM;;EACE;AzBmhGR;AyBjhGQ;;EACE;AzBohGV;AyBjhGQ;;EACE;AzBohGV;AyBhhGM;;EACE;AzBmhGR;AyBhhGM;;EACE;EACA;EACA;AzBmhGR;AyBjhGQ;;EACE;EACA;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7IN;A2C17II;EACE;A3C47IN;A2Cz7II;EACE;A3C27IN;A2Cx7II;EACE;EACA;EACA;A3C07IN;A2Cx7IM;E3C07IJ,+DAA+D;E2Cx7IzD;A3C07IR;A2Cv7IM;;E3C07IJ,6EAA6E;E2Cv7IvE;A3Cy7IR;A2Cr7II;EACE;A3Cu7IN;A2Cp7II;EACE;A3Cs7IN;A2Cl7IE;EACE;A3Co7IJ;A2C/6IE;EACE;EACA;A3Ci7IJ;A2C96IE;EACE;EACA;A3Cg7IJ;A2C96II;EACE;EACA;A3Cg7IN;A2C56IE;EACE;A3C86IJ;A2C36IE;EACE;A3C66IJ;A2Cx6IE;EACE;A3C06IJ;A2Cv6IE;EACE;A3Cy6IJ;A2Ct6IE;EACE;EACA;EACA;E3Cw6IF,qCAAqC;EEj4InC;AFm4IJ;AEj4II;EAkQA;EACA;EACA;EACA;EACA;EACA;EArQE;AFw4IN;A2C36IM;EACE;A3C66IR;A2Cz6II;EzCmCA;EACA;AFy4IJ;AEv4II;EACE;EACA;EACA;AFy4IN;AEt4II;EACE;AFw4IN;AEr4II;EACE;AFu4IN;A2Cn7IE;EzCkDE;EACA;AFo4IJ;AEl4II;EACE;EACA;EACA;AFo4IN;AEj4II;EACE;AFm4IN;AEh4II;EACE;AFk4IN;A2C97IE;EzC8CE;EACA;AFm5IJ;AEj5II;EACE;EACA;EACA;AFm5IN;AEh5II;EACE;AFk5IN;AE/4II;EACE;AFi5IN;A2Cz8IE;EzC6DE;EACA;AF+4IJ;AE74II;EACE;EACA;EACA;AF+4IN;AE54II;EACE;AF84IN;AE34II;EACE;AF64IN;A2Cp9IE;EzC4EE;EACA;AF24IJ;AEz4II;EACE;EACA;EACA;AF24IN;AEx4II;EACE;AF04IN;AEv4II;EACE;AFy4IN;A2ChmJA;EAkII;A3Ci+IJ;A2C99IE;EACE;A3Cg+IJ;AACA;;;;;;;;;EASE;A4C/mJA;E5CinJA,gGAAgG;E4ChnJ9F;A5CknJJ;A4C/mJE;;EAEE;EACA;EACA;EACA;E5CinJF,yDAAyD;AAC3D;A4ChnJI;;EACE;A5CmnJN;A4ChnJI;;;;E1CWA;EACA;EAjBA;AF6nJJ;A4CnnJI;;EACE;A5CsnJN;AACA;;;;;;;;;EASE;A6CppJA;;;;;E7C0pJA,uJAAuJ;E6CppJrJ;A7CspJJ;A6CnpJE;;;;EAIE;EACA;EACA;A7CqpJJ;A6CnpJI;;;;E3CuXA;EACA;EACA;EACA;EACA;EACA;E2C1XE;EACA;A7C6pJN;A6CxpJI;;;;EAIE;A7C0pJN;A6CtpJE;;EAEE;A7CwpJJ;A6CtpJI;;EACE;A7CypJN;A6CtpJI;;EACE;A7CypJN;A6CrpJE;;EAEE;A7CupJJ;A6CppJE;;EAEE;EACA;A7CspJJ;A6ClpJI;;EAEE;A7CopJN;A8C5tJC;;;;E5CyHK;AFymJN;A8CluJC;;;;;;E5C+HK;AF2mJN;A8C1uJC;;;;;;;;E5CsIK;AF8mJN;A8CpvJC;;;;E5C2IK;AF+mJN;A6C1qJI;;EACE;A7C6qJN;A6C1qJI;;EACE;A7C6qJN;A6CvqJM;;;;EACE;A7C4qJR;A6CxqJI;;;;;;;;;;EAKE;A7C+qJN;A6C7qJM;;;;;;;;;;EACE;A7CwrJR;A6ClrJM;;;;;;;;;;EAKE;EACA;A7CyrJR;A6CvrJQ;;;;;;;;;;EACE;EACA;A7CksJV;A6C/rJQ;;;;;;;;;;EACE;A7C0sJV;A8Ct0JC;;E5CyHK;AFitJN;A8C10JC;;;E5C+HK;AFgtJN;A8C/0JC;;;;E5CsIK;AF+sJN;A8Cr1JC;;E5C2IK;AF8sJN;A6CptJI;;EAEE;A7CstJN;A6CntJI;;;;;EAKE;A7CqtJN;A6CntJM;;;;;EACE;A7CytJR;AACA;;;;;;;;;EASE;A+Cz2JA;EACE;A/C22JJ;AACA;;;;;;;;;EASE;AgDv3JA;EhDy3JA;;2CAEyC;EgDv3JvC;AhDy3JJ;AACA;;;;;;;;;EASE;AiDx4JF;EjD04JE;;;IAGE;AACJ;AEv+II;EAdA;EACA;EACA;EACA;EACA;AFw/IJ;AiD74JE;EACE;AjD+4JJ;AiD54JE;EACE;EACA;EACA;AjD84JJ;AiD14JA;EACE;AjD44JF;AiD14JE;EACE;AjD44JJ;AiDx4JA;EjD04JE,wFAAwF;EiDx4JxF;EACA;AjD04JF;AiDx4JE;EjD04JA,2GAA2G;EiDv4JzG;AjDy4JJ;AE3gJI;EARA;EACA;EACA;EACA;EACA;AFshJJ;AiD74JE;EjD+4JA,uFAAuF;EiD74JrF;EACA;EACA;AjD+4JJ;AiD74JI;EACE;EACA;EACA;AjD+4JN;AiD54JI;;;EjDg5JF,sEAAsE;EiD54JlE;EjD84JJ,uEAAuE;AACzE;AiD34JM;;;;;;EAEE;AjDi5JR;AiD74JI;EACE;AjD+4JN;AiD54JI;;EACE;AjD+4JN;AiD54JI;EACE;AjD84JN;AiD14JE;EACE;AjD44JJ;AiD14JI;E/CWA;EACA;EACA;EACA;EACA;EACA;EArEA;EACA;EAjBA;EAqVA;AFsoJJ;AiDj5JE;EjDm5JA,8BAA8B;EiDj5J5B;AjDm5JJ;AiD/4JA;EACE;EACA;AjDi5JF;AACA;;;;;;;;;EASE;AkDx/JF;ElD0/JE;;+CAE6C;EEhvJ3C;EACA;EACA;EACA;AFkvJJ;AkD3/JE;EACE;AlD6/JJ;AACA;;;;;;;;;EASE;AmD7gKA;EnD+gKA,gGAAgG;EmD9gK9F;AnDghKJ;AmD7gKE;EACE;EACA;EACA;EACA;AnD+gKJ;AmD7gKI;EACE;AnD+gKN;AmD5gKI;EACE;AnD8gKN;AmD3gKI;EACE;EACA;EACA;AnD6gKN;AACA;;;;;;;;;EASE;AoD5iKF;EACE;ApD8iKF;AACA;;;;;;;;;EASE;AqD1jKF;EACE;EACA;EACA;ErD4jKA,4DAA4D;EAC5D,oFAAoF;AACtF;AqD5jKE;;EAEE;EACA;EACA;ArD8jKJ;AqDzjKE;EACE;EACA;EACA;EnD0TA;EACA;AFkwJJ;AqD1jKI;ErD4jKF;gDAC8C;EqD1jK1C;ArD4jKN;AqDtjKI;EACE;ArDwjKN;AqDrjKI;EACE;ArDujKN;AqDpjKI;EACE;ArDsjKN;AqDljKE;EACE;ErDojKF,2BAA2B;EE50JzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF80JJ;AqD1jKI;EACE;EACA;ArD4jKN;AqDzjKI;EnD+OA;EACA;EACA;EACA;AF60JJ;AqD3jKI;EnDmVA;EACA;EACA;EACA;EACA;EACA;EArGA;EACA;EACA;AFi1JJ;AqDlkKI;ErDokKF,cAAc;EE/0JZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFi1JJ;AqDxkKI;EnD8NA;AF62JJ;AqDxkKM;EnD4PF;AF+0JJ;AqDvkKM;ErDykKJ,cAAc;EEr1JZ;AFu1JJ;AqDlkKE;EACE;EACA;EACA;ArDokKJ;AqDlkKI;EACE;ArDokKN;AqDhkKE;EACE;EACA;ArDkkKJ;AqD/jKE;EACE;ArDikKJ;AqD7jKA;ErD+jKE,4HAA4H;EqD7jK5H;ArD+jKF;AqD1jKE;EACE;ArD4jKJ;AqDzjKE;EACE;EACA;ArD2jKJ;AqDxjKE;EACE;ArD0jKJ;AqDtjKA;EACE;ArDwjKF;AqDtjKE;EACE;ArDwjKJ;AACA;;;;;;;;;EASE;AsD/rKF;EACE;EACA;EACA;EpDyQE;EACA;EACA;EACA;EoD1QF;AtDosKF;AsDlsKE;EACE;AtDosKJ;AsDhsKA;EACE;AtDksKF;AACA;;;;;;;;;EASE;A8CnuKD;;E5CyHK;AF8mKN;A8CvuKC;;;E5C+HK;AF6mKN;A8C5uKC;;;;E5CsIK;AF4mKN;A8ClvKC;;E5C2IK;AF2mKN;A8CtvKC;;E5CyHK;AFioKN;A8C1vKC;;;E5C+HK;AFgoKN;A8C/vKC;;;;E5CsIK;AF+nKN;A8CrwKC;;E5C2IK;AF8nKN;AuDzvKI;;EAEE;AvD2vKN;AuDtvKM;;EAEE;EACA;AvDwvKR;AuDtvKQ;;EACE;AvDyvKV;AuDnvKQ;EACE;AvDqvKV;AuD/uKQ;EACE;AvDivKV;AuD3uKE;;;;EAIE;AvD6uKJ;AuDzuKI;EACE;AvD2uKN;AuDxuKI;EACE;AvD0uKN;AuDxuKM;EACE;AvD0uKR;AuDpuKI;EACE;AvDsuKN;AuDnuKI;EACE;AvDquKN;AuDnuKM;EACE;AvDquKR;A8CpzKC;;;;E5CyHK;AFisKN;A8C1zKC;;;;;;E5C+HK;AFmsKN;A8Cl0KC;;;;;;;;E5CsIK;AFssKN;A8C50KC;;;;E5C2IK;AFusKN;AuD1vKI;;;;EAEE;AvD8vKN;AuD3vKI;;;;EAEE;AvD+vKN;AuD5vKI;;;;EAEE;AvDgwKN;AuD7vKI;;EACE;AvDgwKN;AuD7vKI;;EACE;AvDgwKN;AuD7vKI;;EACE;AvDgwKN;AuD9vKM;;EACE;AvDiwKR;A8Cp3KC;;;;E5CyHK;AFiwKN;A8C13KC;;;;;;E5C+HK;AFmwKN;A8Cl4KC;;;;;;;;E5CsIK;AFswKN;A8C54KC;;;;E5C2IK;AFuwKN;AuDtxKI;;;;EAEE;AvD0xKN;AuDvxKI;;;;EAEE;AvD2xKN;AuDxxKI;;;;EAEE;AvD4xKN;AuDzxKI;;EACE;AvD4xKN;AuDzxKI;;EACE;AvD4xKN;AuDzxKI;;EACE;AvD4xKN;AuD1xKM;;EACE;AvD6xKR;AuDvxKA;EvDyxKE,4GAA4G;AAC9G;AuDxxKE;EvD0xKA,uGAAuG;EEp2KrG;EACA;EFs2KF,0BAA0B;EE31KxB;AF61KJ;AuD3xKE;EvD6xKA,gIAAgI;EEr2K9H;AFu2KJ;AuDzxKE;EACE;EACA;AvD2xKJ;AuDzxKI;EACE;AvD2xKN;AuDxxKI;EACE;AvD0xKN;AuDvxKI;EACE;AvDyxKN;AuDnxKE;EACE;AvDqxKJ;AuDlxKE;EACE;AvDoxKJ;AuD/wKE;EACE;AvDixKJ;AuD9wKE;EACE;AvDgxKJ;AuD1wKE;;EACE;AvD6wKJ;AuD1wKE;;EACE;AvD6wKJ;AuDvwKE;;;EtD5GA;EDw3KA,sCAAsC;AACxC;AuDpwKE;;;EtDrHA;ED83KA,sCAAsC;AACxC;AACA;;;;;;;;;EASE;AwD7+KA;EACE;AxD++KJ;AwD7+KI;EACE;AxD++KN;AwD1+KI;EACE;AxD4+KN;AwDz+KI;EACE;AxD2+KN;AwDz+KM;ExD2+KJ,uGAAuG;EEl7KrG;EACA;EFo7KF,0BAA0B;EEz6KxB;AF26KJ;AwD5+KM;ExD8+KJ,gIAAgI;EEn7K9H;AFq7KJ;AwDz+KI;EACE;EACA;AxD2+KN;AACA;;;;;;;;;EASE;AyDphLF;EzDshLE,0CAA0C;EyDphL1C;AzDshLF;AyDphLE;;EzDuhLA,sCAAsC;EACtC,8GAA8G;EyDphL5G;EACA;AzDshLJ;AyDlhLI;EzDohLF,0DAA0D;AAC5D;AEtkKI;EACE;AFwkKN;AErkKI;;EAEE;AFukKN;AyDnhLE;EACE;EACA;EjBZA;AxCkiLJ;AwChiLI;ExCkiLF,wDAAwD;EwChiLpD;AxCkiLN;AyDrhLE;EACE;AzDuhLJ;AyDhhLI;;EvDuLA;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AH4jLJ;AE11KI;;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AFg2KN;AyDtiLE;;EACE;AzDyiLJ;AyDriLA;EACE;EACA;EACA;EACA;EvDwRE;EACA;EAKA;EuD5RF;EACA;AzDyiLF;AyDviLE;EACE;AzDyiLJ;AyDtiLE;EACE;EACA;AzDwiLJ;AyDtiLI;EACE;EACA;EACA;AzDwiLN;AyDpiLE;EACE;EACA;EACA;EzDsiLF,gGAAgG;EAChG,0DAA0D;EyDpiLxD;EACA;EACA;EACA;EACA;AzDsiLJ;AyDpiLI;EvDuTA;EACA;EACA;EACA;EACA;EACA;EuD1TE;EACA;EACA;EACA;AzD2iLN;AyDziLM;EACE;AzD2iLR;AyDtiLE;EACE;EACA;EACA;EACA;EvDuOA;EACA;EuDtOA;AzDyiLJ;AyDtiLE;EACE;EACA;EACA;AzDwiLJ;AyDriLE;EACE;EACA;EACA;EACA;EvDmBA;AFqhLJ;AEnhLI;EAkQA;EACA;EACA;EACA;EACA;EACA;EArQE;AF0hLN;AyD7iLE;EvD4CE;EACA;AFogLJ;AElgLI;EACE;EACA;EACA;AFogLN;AEjgLI;EACE;AFmgLN;AEhgLI;EACE;AFkgLN;AyDxjLE;EvDwCE;EACA;AFmhLJ;AEjhLI;EACE;EACA;EACA;AFmhLN;AEhhLI;EACE;AFkhLN;AE/gLI;EACE;AFihLN;AyDnkLE;EvDuDE;EACA;AF+gLJ;AE7gLI;EACE;EACA;EACA;AF+gLN;AE5gLI;EACE;AF8gLN;AE3gLI;EACE;AF6gLN;AyD9kLE;EvDsEE;EACA;AF2gLJ;AEzgLI;EACE;EACA;EACA;AF2gLN;AExgLI;EACE;AF0gLN;AEvgLI;EACE;AFygLN;AyDzlLE;EzD2lLA,wDAAwD;EyDzlLtD;AzD2lLJ;AyDvlLA;EACE;EACA;EzDylLA,gFAAgF;AAClF;AyDxlLE;EACE;EACA;AzD0lLJ;AyDvlLE;EACE;EACA;AzDylLJ;AyDtlLE;EACE;AzDwlLJ;AExxKI;EACE;AF0xKN;AEvxKI;;EAEE;AFyxKN;AyDrlLA;EACE;AzDulLF;AyDplLA;EACE;AzDslLF;AACA;;;;;;;;;EASE;A0D3wLF;E1D6wLE;;+CAE6C;EEngL3C;EACA;EACA;EACA;AFqgLJ;A0D9wLE;EACE;EACA;A1DgxLJ;AACA;;;;;;;;;EASE;A2DhyLA;E3DkyLA,iGAAiG;E2DjyL/F;A3DmyLJ;A2DhyLE;EACE;EACA;A3DkyLJ;A2DhyLI;EACE;A3DkyLN;A2D/xLI;EACE;A3DiyLN;A2D9xLI;EACE;A3DgyLN;A2D9xLM;EACE;EACA;EACA;A3DgyLR;A2D7xLM;EACE;A3D+xLR;A2D5xLM;EACE;A3D8xLR;A2D3xLM;EACE;A3D6xLR;A2D1xLM;EACE;A3D4xLR;A2DzxLM;EACE;A3D2xLR;A2DxxLM;EACE;A3D0xLR;AACA;;;;;;;;;EASE;A4Dp1LF;EACE;EACA;EACA;E1DyQE;EACA;EACA;EACA;EA4DA;EACA;AFmhLJ;A4Dx1LE;E5D01LA,uGAAuG;EEtxLrG;EACA;EFwxLF,0BAA0B;EE7wLxB;AF+wLJ;A4D31LE;E5D61LA,gIAAgI;EEvxL9H;AFyxLJ;A4D31LE;EACE;A5D61LJ;A4D11LE;EACE;A5D41LJ;A4Dz1LE;EACE;A5D21LJ;A4Dt1LI;EACE;A5Dw1LN;A4Dr1LI;EACE;A5Du1LN;A4Dp1LI;EACE;A5Ds1LN;AACA;;;;;;;;;EASE;A6Dr4LA;E7Du4LA,gGAAgG;E6Dt4L9F;A7Dw4LJ;A6Dr4LE;EACE;EACA;EACA;EACA;E7Du4LF,yDAAyD;AAC3D;A6Dt4LI;EACE;A7Dw4LN;A6Dr4LI;;E3DYA;EACA;EAjBA;AF+4LJ;A6Dt4LI;EACE;A7Dw4LN;AACA;;;;;;;;;EASE;A8Dv6LF;EACE;A9Dy6LF;AACA;;;;;;;;;EASE;A+Dh7LE;EACE;A/Dk7LN;A+D/6LI;EACE;A/Di7LN;A+D96LI;EACE;A/Dg7LN;AACA;;;;;;;;;EASE;AgEt8LA;EhEw8LA,gGAAgG;EgEv8L9F;AhEy8LJ;AgEt8LE;EACE;EACA;EACA;AhEw8LJ;AgEt8LI;EACE;AhEw8LN;AACA;;;;;;;;;EASE;AiE79LF;EACE;EACA;EACA;EACA;EACA;AjE+9LF;AiE79LE;;;EjEi+LA,4DAA4D;EiE79L1D;EACA;AjE+9LJ;AiE59LE;EACE;EACA;EACA;E/DyTA;EACA;AFsqLJ;AiE79LI;EjE+9LF;+DAC6D;EiE79LzD;AjE+9LN;AiE39LE;EACE;AjE69LJ;AiE19LE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjE49LJ;AiE19LI;EACE;EACA;AjE49LN;AiEz9LI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjE29LN;AiEx9LI;EACE;EACA;AjE09LN;AiEx9LM;EACE;AjE09LR;AiEl9LE;;EAEE;EACA;AjEo9LJ;AiEh9LA;EACE;AjEk9LF;AiEh9LE;EACE;AjEk9LJ;AACA;;;;;;;;;EASE;AkEhjMF;ElEkjME,6EAA6E;EkEhjM7E;AlEkjMF;AkE/iMA;EhEuNI;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AH0jMJ;AEx1LI;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AF61LN;AACA;;;;;;;;;EASE;AACF;;;;;;;;;EASE;AmE/lMA;EACE;AnEimMJ;AmE/lMI;EACE;EACA;AnEimMN;AmE7lME;EACE;AnE+lMJ;AmE5lME;EACE;AnE8lMJ;AmE5lMI;EACE;AnE8lMN;AmEvlME;EACE;AnEylMJ;AmErlMA;EnEulME,yBAAyB;EACzB,8DAA8D;AAChE;AmEvlME;;EAEE;AnEylMJ;AmEllMI;EACE;AnEolMN;AmE/kMM;EACE;AnEilMR;AmE9kMM;EjEzCF;EiE2CI;EACA;EACA;AnEglMR;AmE5kMQ;EACE;EACA;EACA;AnE8kMV;AmEzkMI;EACE;AnE2kMN;AmEvkME;EjE9DE;AFwoMJ;AmEtkME;EjElEE;AF2oMJ;AmErkME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AnEukMJ;AmErkMI;EACE;AnEukMN;AmEpkMI;EACE;AnEskMN;AmEnkMI;;EAEE;AnEqkMN;AmEnkMM;;EACE;AnEskMR;AmElkMI;EACE;EACA;AnEokMN;AmElkMM;EACE;AnEokMR;AmEjkMM;EACE;AnEmkMR;AmE5jME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EjEwMA;EACA;EAKA;EArEA;EACA;EACA;EACA;AFy7LJ;AmEjkMI;EACE;AnEmkMN;AmEhkMI;EACE;AnEkkMN;AmE/jMI;EACE;AnEikMN;AmE7jME;;EAEE;EACA;AnE+jMJ;AmE7jMI;;EACE;EACA;AnEgkMN;AmE5jME;EACE;EACA;AnE8jMJ;AmE3jME;EACE;AnE6jMJ;AmEtjME;;;;;;EnE6jMA,uGAAuG;EE9pMrG;EACA;EFgqMF,0BAA0B;EErpMxB;AFupMJ;AmE7jME;;;;;;EnEokMA,gIAAgI;EEpqM9H;AFsqMJ;AmEhkMI;;;EhEpLA;EACA;EACA;EACA;AHyvMJ;AmEjkMI;;;;;;EAEE;AnEukMN;AmEpkMI;;;;;;EAEE;AnE0kMN;AmEvkMI;;;;;;EAEE;AnE6kMN;AmEpkMM;;;;;;;;;;;;;;;;;;;;;;;;EAIE;EACA;AnE0lMR;AmExlMQ;;;;;;;;;;;;;;;;;;;;;;;;EACE;EACA;AnEinMV;AmE9mMQ;;;;;;;;;;;;;;;;;;;;;;;;EACE;AnEuoMV;AmEjoME;;;EACE;AnEqoMJ;AmEloME;;;EACE;AnEsoMJ;AmEnoME;;;;;;EAEE;EACA;AnEyoMJ;AmEroMI;;;;;;EAEE;EACA;AnE2oMN;AmEtoMA;;;EjEoMI;EACA;EACA;EACA;EACA;EA1aA;EACA;EAjBA;AFo4MJ;AEv8LI;;;EACE;AF28LN;AEx8LI;;;EACE;AF48LN;AEz8LI;;;EACE;AF68LN;AE18LI;;;EAjcA;EAmcE;AF88LN;AmE/pME;EACE;EACA;EACA;AnEiqMJ;AmE9pME;EACE;AnEgqMJ;AmE7pME;;EAEE;EACA;EACA;EACA;EACA;EACA;AnE+pMJ;AmE5pME;;EAEE;AnE8pMJ;AmE3pME;EACE;EACA;AnE6pMJ;AmE3pMI;EACE;EACA;AnE6pMN;AmE3pMM;EACE;EACA;EACA;AnE6pMR;AmExpME;EnE0pMA,4EAA4E;EmExpM1E;AnE0pMJ;AmExpMI;EnE0pMF;8EAC4E;AAC9E;AmEvpMM;EACE;AnEypMR;AmEtpMM;EACE;EACA;AnEwpMR;AmEjpMM;EnEmpMJ,+DAA+D;EmEjpMzD;AnEmpMR;AmEhpMM;EACE;AnEkpMR;AmE5oMI;EnE8oMF,sDAAsD;EmE5oMlD;EACA;AnE8oMN;AmE3oMI;EnE6oMF,+DAA+D;EmE3oM3D;AnE6oMN;AmE1oMI;EACE;AnE4oMN;AmEzoMI;EACE;AnE2oMN;AmExoMI;EACE;AnE0oMN;AmEroMA;EACE;AnEuoMF;AmEpoMA;EACE;EhE7VE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;AHg9MJ;AmE5oMA;EhE5VI;EACA;EACA;EACA;AH2+MJ;AmE9oMA;EhEhWI;EACA;EACA;EACA;AHi/MJ;AmEhpMA;EhEpWI;EACA;EACA;EACA;AHu/MJ;AACA;;;;;;;;;EASE;AoE3hNA;;;EpE+hNA;;;MAGI;EE/+MF;EACA;EACA;ECrCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHkiNJ;AoEriNI;;;ElEgDA;EACA;EACA;EACA;AF0/MJ;AoEziNI;;;ElE4CA;EACA;EACA;EACA;AFkgNJ;AoE5iNE;;;EjEFE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH8jNJ;AoEpjNI;;;ElEmCA;EACA;EACA;EACA;AFshNJ;AoExjNI;;;ElE+BA;EACA;EACA;EACA;AF8hNJ;AACA;;;;;;;;;EASE;AqE7lNE;;EAEE;EACA;ArE+lNN;AqE7lNM;;EACE;ArEgmNR;AqE5lNI;EACE;EACA;EACA;ErE8lNJ,wBAAwB;AAC1B;AqE7lNM;EACE;ArE+lNR;AqE3lNM;EACE;EACA;EACA;EACA;EACA;ArE6lNR;AqEzlNM;EACE;EACA;EACA;EACA;EACA;EACA;ArE2lNR;AqExlNM;EACE;ArE0lNR;AqEvlNM;EACE;ArEylNR;AqEplNI;EACE;EACA;ArEslNN;AqEnlNM;EACE;EACA;EACA;EACA;EACA;ArEqlNR;AqEjlNM;EACE;EACA;EACA;EACA;EACA;EACA;ArEmlNR;AqE9kNE;ErEglNA,4BAA4B;EqE9kN1B;ArEglNJ;AqE5kNA;EACE;EACA;ArE8kNF;AqE5kNE;EACE;EACA;ArE8kNJ;AqE3kNE;EACE;EACA;ArE6kNJ;AqErkNE;EACE;ArEukNJ;AqEnkNE;EACE;ArEqkNJ;AACA;;;;;;;;;EASE;AsE/rNF;EtEisNE,4EAA4E;AAC9E;AsEhsNE;EtEksNA,mEAAmE;EsEjsNjE;AtEmsNJ;AsEhsNE;EtEksNA,gGAAgG;EsEjsN9F;AtEmsNJ;AsE5rNM;EACE;AtE8rNR;AsE3rNM;EACE;AtE6rNR;AsE1rNM;EACE;AtE4rNR;AsErrNE;;EAII;AtEqrNN;AsElrNI;;EACE;EACA;AtEqrNN;AsE9rNE;;EAaI;AtEqrNN;AsE9qNI;EACE;AtEgrNN;AsE9qNM;EACE;AtEgrNR;AACA;;;;;;;;;EASE;AACF,oBAAoB;AuE9uNlB;EACE;AvEgvNJ;AuE5uNA;EACE;EACA;EACA;EACA;EACA;AvE8uNF;AuE5uNE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AvE8uNJ;AuE3uNE;EACE;AvE6uNJ;AEt2MI;EARA;EACA;EACA;EACA;EACA;AFi3MJ;AuEjvNI;EACE;EACA;EACA;EACA;EACA;EACA;AvEmvNN;AuE/uNM;EACE;AvEivNR;AuE9uNM;EACE;AvEgvNR;AuE5uNI;EACE;AvE8uNN;AuE1uNM;EACE;AvE4uNR;AuEzuNM;EACE;EACA;AvE2uNR;AuEvuNI;EACE;EACA;AvEyuNN;AuEvuNM;EACE;EACA;EACA;AvEyuNR;AuEtuNM;EACE;AvEwuNR;AuEnuNE;EACE;E/BpEA;E+BsEA;EACA;AvEquNJ;AwC1yNI;ExC4yNF,wDAAwD;EwC1yNpD;AxC4yNN;AuEtuNE;EACE;EACA;ErE8CA;AF2rNJ;AEzrNI;EAkQA;EACA;EACA;EACA;EACA;EACA;EArQE;AFgsNN;AuE9uNE;ErEuEE;EACA;AF0qNJ;AExqNI;EACE;EACA;EACA;AF0qNN;AEvqNI;EACE;AFyqNN;AEtqNI;EACE;AFwqNN;AuEzvNE;ErEmEE;EACA;AFyrNJ;AEvrNI;EACE;EACA;EACA;AFyrNN;AEtrNI;EACE;AFwrNN;AErrNI;EACE;AFurNN;AuEpwNE;ErEkFE;EACA;AFqrNJ;AEnrNI;EACE;EACA;EACA;AFqrNN;AElrNI;EACE;AForNN;AEjrNI;EACE;AFmrNN;AuE/wNE;ErEiGE;EACA;AFirNJ;AE/qNI;EACE;EACA;EACA;AFirNN;AE9qNI;EACE;AFgrNN;AE7qNI;EACE;AF+qNN;AuEzxNA;EACE;EACA;EACA;ErEwQE;EACA;EACA;EqExQF;EACA;EACA;EACA;AvE6xNF;AuE3xNE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvE6xNJ;AuE1xNE;EACE;AvE4xNJ;AuEzxNE;EACE;AvE2xNJ;AuExxNE;EACE;AvE0xNJ;AuEvxNE;EACE;EACA;AvEyxNJ;AuEtxNE;EACE;AvEwxNJ;AuErxNE;EACE;AvEuxNJ;AuEpxNE;EACE;AvEsxNJ;AuEnxNE;EACE;EACA;EACA;AvEqxNJ;AuEnxNI;EACE;AvEqxNN;AuElxNI;EACE;EACA;EACA;AvEoxNN;AuE/wNI;EACE;AvEixNN;AuE7wNE;EACE;EACA;EACA;ErElDA;AFk0NJ;AEh0NI;EAkQA;EACA;EACA;EACA;EACA;EACA;EArQE;AFu0NN;AuErxNE;;;;EAIE;AvEuxNJ;AuEpxNE;ErEhCE;EACA;AFuzNJ;AErzNI;EACE;EACA;EACA;AFuzNN;AEpzNI;EACE;AFszNN;AEnzNI;EACE;AFqzNN;AuE/xNE;ErEpCE;EACA;AFs0NJ;AEp0NI;EACE;EACA;EACA;AFs0NN;AEn0NI;EACE;AFq0NN;AEl0NI;EACE;AFo0NN;AuE1yNE;ErErBE;EACA;AFk0NJ;AEh0NI;EACE;EACA;EACA;AFk0NN;AE/zNI;EACE;AFi0NN;AE9zNI;EACE;AFg0NN;AuErzNE;ErENE;EACA;AF8zNJ;AE5zNI;EACE;EACA;EACA;AF8zNN;AE3zNI;EACE;AF6zNN;AE1zNI;EACE;AF4zNN;AuE/zNA;EACE;EvEi0NA,6FAA6F;EuE/zN7F;EAEA;EvEg0NA;4CAC0C;EuE7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0OF,0FAA0F;EmF7oPtF;AnF+oPN;AmF5oPI;EACE;AnF8oPN;AmF3oPI;EACE;EACA;EACA;AnF6oPN;AmF1oPI;EACE;AnF4oPN;AmFzoPI;EACE;AnF2oPN;AmFxoPI;EACE;AnF0oPN;AmFvoPI;EACE;AnFyoPN;AmFtoPI;EACE;AnFwoPN;AmFroPI;EjFQA;EACA;EACA;EiFRE;AnFyoPN;AmFtoPI;EACE;EACA;AnFwoPN;AmFpoPE;EACE;AnFsoPJ;AmFnoPE;EACE;AnFqoPJ;AACA;;;;;;;;;EASE;AoF3sPF;EACE;EACA;EACA;EACA;EACA;EACA;ApF6sPF;AElzOI;EARA;EACA;EACA;EACA;EACA;AF6zOJ;AoFjtPE;EACE;ApFmtPJ;AoFhtPE;EACE;ApFktPJ;AoF/sPE;;EACE;ApFktPJ;AoF/sPE;EACE;EACA;ApFitPJ;AoF9sPE;EACE;ApFgtPJ;AoF7sPE;;;;EAIE;EACA;EACA;EACA;EACA;EpF+sPF,qEAAqE;EoF5sPnE;ApF8sPJ;AoF3sPE;EpF6sPA,0HAA0H;EAC1H,wIAAwI;EoF3sPtI;EACA;ApF6sPJ;AoF1sPE;EpF4sPA,+GAA+G;EoF1sP7G;ApF4sPJ;AoFvsPI;EACE;ApFysPN;AoFtsPI;EpFwsPF,6DAA6D;EoFtsPzD;EpFwsPJ,0GAA0G;EAC1G,+FAA+F;EoFtsP3F;ApFwsPN;AoFrsPI;EACE;ApFusPN;AoFnsPE;ElFxEE;EACA;EACA;EACA;EACE;EkFsEF;ApFysPJ;AoFtsPE;;ElF0TE;EACA;EACA;EACA;EACA;EACA;EAKA;EkFjUA;EACA;ApF8sPJ;AoF3sPE;EACE;ApF6sPJ;AoF1sPE;EACE;ApF4sPJ;AoFzsPE;EACE;ApF2sPJ;AoFzsPI;EACE;ApF2sPN;AoFvsPE;EACE;ApFysPJ;AoFvsPI;EACE;ApFysPN;AoFtsPI;EACE;EACA;EACA;ApFwsPN;AoFrsPI;EACE;ApFusPN;AoFpsPI;EACE;EACA;EACA;ApFssPN;AoFpsPM;EACE;EACA;EACA;EAEA;ApFqsPR;AACA;;;;;;;;;EASE;AqFj1PF;EACE;ArFm1PF;AqFj1PE;EA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J;AyFr2QA;EvFwNI;EACA;EACA;EACA;EA4DA;EACA;AFqlQJ;AACA;;;;;;;;;EASE;A0F/5QF;EACE;EACA;A1Fi6QF;A0F/5QE;EACE;EACA;A1Fi6QJ;A0F95QE;EACE;EACA;A1Fg6QJ;A0F55QA;EACE;EACA;EACA;EACA;EACA;E1F85QA,8BAA8B;E0F55Q9B;EACA;A1F85QF;A0F55QE;EACE;EACA;EACA;EACA;A1F85QJ;A0F55QI;EACE;A1F85QN;A0F15QE;EACE;EACA;A1F45QJ;A0F15QI;EACE;EACA;EACA;A1F45QN;A0F15QM;EACE;A1F45QR;A0Fx5QI;EACE;EACA;A1F05QN;A0Fx5QM;EACE;EACA;EACA;A1F05QR;A0Fp5QA;EACE;EACA;ExF8PE;EACA;EAKA;EwFlQF;EACA;EACA;EACA;EACA;A1Fw5QF;A0Fr5QA;EACE;EACA;EACA;EACA;A1Fu5QF;A0Fp5QA;EACE;EACA;EACA;A1Fs5QF;A0Fp5QE;EACE;EACA;EACA;EACA;EACA;ExFoOA;EACA;EAKA;AF+qQJ;A0Fr5QE;EACE;A1Fu5QJ;A0Fp5QE;EACE;EACA;EACA;EACA;A1Fs5QJ;A0Fp5QI;EACE;EACA;EACA;EACA;E1Fs5QJ,0GAA0G;E0Fr5QtG;A1Fu5QN;A0Fr5QM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1Fu5QR;A0Fp5QM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1Fs5QR;A0Fh5QA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1Fk5QF;A0Fh5QE;EACE;A1Fk5QJ;A0F94QA;EACE;A1Fg5QF;A0F74QA;EACE;EACA;EACA;EACA;EACA;EACA;A1F+4QF;A0F54QA;EACE;EACA;EACA;EACA;EACA;EACA;A1F84QF;AACA;;;;;;;;;EASE;A2FxkRF;EACE;EACA;EACA;EACA;A3F0kRF;A2FvkRA;EACE;EACA;EACA;EACA;A3FykRF;A2FtkRA;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3FwkRF;A2FtkRE;;;EACE;A3F0kRJ;A2FtkRA;EACE;A3FwkRF;A2FrkRA;EACE;EACA;EACA;EACA;EACA;EACA;A3FukRF;A2FpkRA;;EAEE;A3FskRF;A2FnkRA;ED3DE;ExFqYE;EACA;EACA;EACA;EACA;EACA;EyF7YF;EACA;EACA;EACA;EACA;EACA;EACA;A3F2oRF;A2F/kRA;ED/DE;ExFqYE;EACA;EACA;EACA;EACA;EACA;EyF7YF;EACA;EACA;EACA;EACA;EACA;EACA;A3F2pRF;A2F3lRA;EACE;EACA;A3F6lRF;A2F1lRA;;;EAGE;EACA;EACA;EACA;EACA;EACA;A3F4lRF;A2FzlRA;EACE;EACA;EACA;EACA;EACA;EzF8OE;EACA;EAKA;AF02QJ;A2F3lRE;EACE;EACA;EACA;A3F6lRJ;A2F1lRE;EACE;EACA;EACA;EACA;A3F4lRJ;A2FzlRE;EACE;A3F2lRJ;A2FxlRE;EACE;EACA;A3F0lRJ;A2FvlRE;EACE;EACA;EACA;EACA;A3FylRJ;A2FrlRA;;EAEE;A3FulRF;A2FrlRE;;EACE;A3FwlRJ;A2FplRA;EDlIE;ExFqYE;EACA;EACA;EACA;EACA;EACA;EyF7YF;EACA;EACA;EACA;EACA;EACA;EACA;A3FmuRF;A2FhmRA;EDtIE;ExFqYE;EACA;EACA;EACA;EACA;EACA;EyF7YF;EACA;EACA;EACA;EACA;EACA;EACA;A3FmvRF;AACA;;;;;;;;;EASE;A4FrwRF;EACE;EACA;A5FuwRF;A4FrwRE;EACE;A5FuwRJ;A4FpwRE;EACE;EACA;A5FswRJ;A4FlwRA;EACE;EACA;EACA;EACA;EACA;A5FowRF;A4FlwRE;EACE;EACA;A5FowRJ;A4FlwRI;EACE;A5FowRN;A4FjwRI;EACE;A5FmwRN;A4F/vRE;EACE;EACA;A5FiwRJ;A4F/vRI;EACE;A5FiwRN;A4F9vRI;EACE;A5FgwRN;A4F5vRE;EACE;EACA;A5F8vRJ;A4F5vRI;EACE;A5F8vRN;A4F3vRI;EACE;A5F6vRN;A4FzvRE;EACE;EACA;A5F2vRJ;A4FzvRI;EACE;A5F2vRN;A4FxvRI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osSF;AiGjsSA;EACE;EACA;EACA;EACA;EACA;AjGmsSF;AiGhsSA;EACE;EACA;EACA;EACA;EACA;AjGksSF;AiG/rSA;EACE;EACA;EACA;EACA;EACA;AjGisSF;AiG9rSA;EACE;EACA;EACA;EACA;EACA;AjGgsSF;AiG7rSA;EACE;EACA;EACA;EACA;EACA;AjG+rSF;AACA;;;;;;;;;EASE;AkG/wSF;EACE;EACA;EACA;EACA;EhGeE;EgGbF;EACA;ElGixSA,mGAAmG;AACrG;AkG9wSE;EACE;EACA;AlGgxSJ;AkG7wSE;E/FCE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH0xSJ;AkGlxSE;EhGqCE;EACA;EACA;EACA;EC5CA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHoxSJ;AkGnySA;EACE;EACA;EACA;EACA;AlGqySF;AkGnySE;EACE;EACA;EACA;AlGqySJ;AkGjySA;EACE;EACA;EACA;AlGmySF;AkGjySE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/FlDA;EACA;EACA;EACA;AHs1SJ;AkGnySE;E/FtDE;EACA;EACA;EACA;AH41SJ;AkGpySA;EACE;AlGsySF;AACA;;;;;;;;;EASE;AACF;;EAEE;AmG/0SF;EACE;EACA;EACA;EnGi1SA;kHACgH;AAClH;AmGj1SE;EACE;EACA;EACA;AnGm1SJ;AmG90SE;EACE;AnGg1SJ;AmG50SA;EACE;EACA;EACA;EACA;EACA;EACA;AnG80SF;AmG30SA;EnG60SE,mIAAmI;EmG30SnI;AnG60SF;AmG10SA;EACE;EACA;EnG40SA,6BAA6B;EAC7B,sBAAsB;EACtB,sCAAsC;AACxC;AmG70SE;EACE;AnG+0SJ;AmG30SE;EAhEA;EACA;EACA;EAgEE;AnG+0SJ;AmG50SE;EA5DA;EACA;EACA;EACA;EACA;EACA;EACA;EAwDE;EACA;AnGo1SJ;AmGj1SE;EAxDA;EACA;AnG44SF;AmGh1SE;EAhFA;EACA;EACA;EAgFE;AnGo1SJ;AmGj1SE;EA5EA;EACA;EACA;EACA;EACA;EACA;EACA;AnGg6SF;AmGt1SE;EAtEA;EACA;AnG+5SF;AmGr1SE;EA9FA;EACA;EACA;EA8FE;EACA;EACA;EACA;AnGy1SJ;AmGt1SE;EACE;AnGw1SJ;AmGt1SE;EACE;AnGw1SJ;AmGt1SE;EAnGA;EACA;EACA;EACA;EACA;EACA;EACA;AnG47SF;AmG51SE;EA5FA;EACA;AnG27SF;AACA;;;;;;;;;EASE;AoGr+SF;EACE;EpGu+SA,MAAM;AACR;AoGp+SE;EACE;EACA;EACA;ApGs+SJ;AoGp+SI;EACE;ApGs+SN;AoGn+SI;EACE;EACA;ApGq+SN;AoGj+SE;EACE;EACA;EACA;ApGm+SJ;AoGj+SI;EACE;ApGm+SN;AoGh+SI;EACE;EACA;ApGk+SN;AoG99SE;EACE;EACA;ApGg+SJ;AoG99SI;EACE;ApGg+SN;AACA;;;;;;;;;EASE;AGlhTF;EHohTE,wDAAwD;EACxD,gBAAgB;EAChB,iBAAiB;EACjB,6BAA6B;EAC7B,sCAAsC;EACtC,4BAA4B;EAC5B,oCAAoC;EACpC,0BAA0B;EAC1B,mCAAmC;EACnC,yBAAyB;EACzB;qDACmD;EACnD;sDACoD;EACpD;qDACmD;EACnD;oDACkD;EAClD;;0FAEwF;EACxF;iDAC+C;EAC/C,4BAA4B;EAC5B,iBAAiB;EACjB,yBAAyB;EACzB,sBAAsB;EACtB,gBAAgB;EAChB,wBAAwB;EACxB,uBAAuB;EACvB,kBAAkB;EAClB,iBAAiB;EACjB,oBAAoB;EACpB,cAAc;EACd,mBAAmB;AACrB;AGz/SE;EARE;IACE;EHogTJ;EGlgTE;IACE;EHogTJ;AACF;AG9/SE;EAXE;IACE;EH4gTJ;EG1gTE;IACE;EH4gTJ;AACF;AGv/SE;EARE;IACE;EHkgTJ;EGhgTE;IACE;EHkgTJ;AACF;AG5/SE;EAXE;IACE;EH0gTJ;EGxgTE;IACE;EH0gTJ;AACF;AGl/SE;EAXE;IDtCA;IACA;IACA;EFuiTF;EGhgTE;IDzCA;IACA;IACA;EF4iTF;EGlgTE;ID5CA;IACA;IACA;EFijTF;AACF;AGhgTE;EAdE;IDtCA;IACA;IACA;EFwjTF;EGjhTE;IDzCA;IACA;IACA;EF6jTF;EGnhTE;ID5CA;IACA;IACA;EFkkTF;AACF;AG9/SE;EAZE;IACE;IACA;IACA;EH6gTJ;EG3gTE;IACE;IACA;IACA;EH6gTJ;AACF;AGvgTE;EAfE;IACE;IACA;IACA;EHyhTJ;EGvhTE;IACE;IACA;IACA;EHyhTJ;AACF;AGlgTE;EAVE;IACE;IACA;EH+gTJ;EG7gTE;IACE;IACA;EH+gTJ;AACF;AGzgTE;EAbE;IACE;IACA;EHyhTJ;EGvhTE;IACE;IACA;EHyhTJ;AACF;AGhgTE;EAZE;IACE;IACA;IACA;EH+gTJ;EG7gTE;IACE;IACA;IACA;EH+gTJ;AACF;AGzgTE;EAfE;IACE;IACA;IACA;EH2hTJ;EGzhTE;IACE;IACA;IACA;EH2hTJ;AACF;AGpgTE;EAVE;IACE;IACA;EHihTJ;EG/gTE;IACE;IACA;EHihTJ;AACF;AG3gTE;EAbE;IACE;IACA;EH2hTJ;EGzhTE;IACE;IACA;EH2hTJ;AACF;AGlgTE;EAZE;IACE;IACA;IACA;EHihTJ;EG/gTE;IACE;IACA;IACA;EHihTJ;AACF;AG3gTE;EAfE;IACE;IACA;IACA;EH6hTJ;EG3hTE;IACE;IACA;IACA;EH6hTJ;AACF;AGtgTE;EAVE;IACE;IACA;EHmhTJ;EGjhTE;IACE;IACA;EHmhTJ;AACF;AG7gTE;EAbE;IACE;IACA;EH6hTJ;EG3hTE;IACE;IACA;EH6hTJ;AACF;AG1gTE;EALE;ID1LA;IACA;IACA;EF6sTF;AACF;AG9gTE;EARE;ID1LA;IACA;IACA;EFotTF;AACF;AGxgTE;EALE;ID1MA;IACA;IACA;EF2tTF;AACF;AG5gTE;EARE;ID1MA;IACA;IACA;EFkuTF;AACF;AGtgTE;EALE;ID1NA;IACA;IACA;EFyuTF;AACF;AG1gTE;EARE;ID1NA;IACA;IACA;EFgvTF;AACF;AGpgTE;EALE;ID1OA;IACA;IACA;EFuvTF;AACF;AGxgTE;EARE;ID1OA;IACA;IACA;EF8vTF;AACF;AGjgTE;EALE;ID3PA;IACA;IACA;EFqwTF;AACF;AGrgTE;EARE;ID3PA;IACA;IACA;EF4wTF;AACF;AG9/SE;EALE;ID5QA;IACA;IACA;EFmxTF;AACF;AGlgTE;EARE;ID5QA;IACA;IACA;EF0xTF;AACF;AGp/SE;EAbE;IACE;ID7RF;IACA;IACA;EFkyTF;EGpgTE;IACE;IDjSF;IACA;IACA;EFwyTF;EGtgTE;IDpSA;IACA;IACA;EF6yTF;AACF;AGpgTE;EAhBE;IACE;ID7RF;IACA;IACA;EFqzTF;EGvhTE;IACE;IDjSF;IACA;IACA;EF2zTF;EGzhTE;IDpSA;IACA;IACA;EFg0TF;AACF;AGxgTE;EARE;IDnTA;IACA;IACA;EFu0TF;EGnhTE;IDtTA;IACA;IACA;EF40TF;AACF;AGjhTE;EAXE;IDnTA;IACA;IACA;EFm1TF;EG/hTE;IDtTA;IACA;IACA;EFw1TF;AACF;AG9gTE;EARE;IDrUA;IACA;IACA;EF+1TF;EGzhTE;IDxUA;IACA;IACA;EFo2TF;AACF;AGvhTE;EAXE;IDrUA;IACA;IACA;EF22TF;EGriTE;IDxUA;IACA;IACA;EFg3TF;AACF;AGjhTE;EAXE;IACE;EH+hTJ;EG7hTE;IACE;EH+hTJ;EG7hTE;IACE;EH+hTJ;AACF;AGzhTE;EAdE;IACE;EH0iTJ;EGxiTE;IACE;EH0iTJ;EGxiTE;IACE;EH0iTJ;AACF;AG5gTE;EAjBE;ID5WA;IACA;IACA;IC4WE;EHkiTJ;EGhiTE;IACE;EHkiTJ;EGhiTE;IDnXA;IACA;IACA;ICmXE;EHoiTJ;EGliTE;IDvXA;IACA;IACA;ICuXE;EHsiTJ;AACF;AGhiTE;EApBE;ID5WA;IACA;IACA;IC4WE;EHyjTJ;EGvjTE;IACE;EHyjTJ;EGvjTE;IDnXA;IACA;IACA;ICmXE;EH2jTJ;EGzjTE;IDvXA;IACA;IACA;ICuXE;EH6jTJ;AACF;AGniTE;EAbE;IDvYA;IACA;IACA;ICuYE;EHqjTJ;EGnjTE;IACE;EHqjTJ;EGnjTE;ID9YA;IACA;IACA;IC8YE;EHujTJ;AACF;AGjjTE;EAhBE;IDvYA;IACA;IACA;ICuYE;EHskTJ;EGpkTE;IACE;EHskTJ;EGpkTE;ID9YA;IACA;IACA;IC8YE;EHwkTJ;AACF;AG7iTE;EAdE;ID9ZA;IACA;IACA;IC8ZE;EHgkTJ;EG9jTE;IDlaA;IACA;IACA;ICkaE;EHkkTJ;EGhkTE;IDtaA;IACA;IACA;ICsaE;EHokTJ;AACF;AG9jTE;EAjBE;ID9ZA;IACA;IACA;IC8ZE;EHolTJ;EGllTE;IDlaA;IACA;IACA;ICkaE;EHslTJ;EGplTE;IDtaA;IACA;IACA;ICsaE;EHwlTJ;AACF;AG7jTE;EAdE;IDtbA;IACA;IACA;EFqgUF;EG9kTE;IDzbA;IACA;IACA;EF0gUF;EGhlTE;ID5bA;IACA;IACA;EF+gUF;EGllTE;ID/bA;IACA;IACA;EFohUF;AACF;AGhlTE;EAjBE;IDtbA;IACA;IACA;EF2hUF;EGpmTE;IDzbA;IACA;IACA;EFgiUF;EGtmTE;ID5bA;IACA;IACA;EFqiUF;EGxmTE;ID/bA;IACA;IACA;EF0iUF;AACF;AGplTE;EAXE;ID9cA;IACA;IACA;EFijUF;EGlmTE;IDjdA;IACA;IACA;EFsjUF;EGpmTE;IDpdA;IACA;IACA;EF2jUF;AACF;AGlmTE;EAdE;ID9cA;IACA;IACA;EFkkUF;EGnnTE;IDjdA;IACA;IACA;EFukUF;EGrnTE;IDpdA;IACA;IACA;EF4kUF;AACF;AG1lTE;EAlBE;IACE;IACA;EH+mTJ;EG7mTE;IACE;IACA;EH+mTJ;EG7mTE;IACE;IACA;EH+mTJ;EG7mTE;IACE;IACA;EH+mTJ;AACF;AGzmTE;EArBE;IACE;IACA;EHioTJ;EG/nTE;IACE;IACA;EHioTJ;EG/nTE;IACE;IACA;EHioTJ;EG/nTE;IACE;IACA;EHioTJ;AACF;AGzkTE;EAnCE;IDvgBA;IACA;IACA;EFunUF;EG/mTE;ID1gBA;IACA;IACA;EF4nUF;EGjnTE;ID7gBA;IACA;IACA;EFioUF;EGnnTE;IDhhBA;IACA;IACA;EFsoUF;EGrnTE;IDnhBA;IACA;IACA;EF2oUF;EGvnTE;IDthBA;IACA;IACA;EFgpUF;EGznTE;IDzhBA;IACA;IACA;EFqpUF;EG3nTE;ID5hBA;IACA;IACA;EF0p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CE;EACA;EACA;EACA;A3GypXF;A2GvpXE;EACE;A3GypXJ;A2GtpXE;EACE;A3GwpXJ;A2GppXA;EACE;A3GspXF;A2GppXE;EACE;A3GspXJ;A2GnpXE;EACE;A3GqpXJ;A2GnpXI;EACE;A3GqpXN;A2GhpXA;EzGsSI;EAEA;EyGtSF;EACA;EACA;EACA;EzGoPE;EACA;EAKA;AF45WJ;A2GlpXA;EACE;EACA;EACA;EACA;EzG2SE;EACA;EACA;EACA;EACA;EACA;EyG9SF;EACA;EACA;EACA;EACA;EACA;EACA;A3GypXF;A2GvpXE;EACE;EACA;A3GypXJ;A2GvpXI;;EAEE;A3GypXN;A2GrpXE;EACE;A3GupXJ;A2GppXE;EACE;EACA;A3GspXJ;A2GnpXE;;EACE;EACA;EACA;A3GspXJ;A2GnpXE;EACE;EACA;EACA;EACA;A3GqpXJ;A2GlpXE;EACE;EACA;EACA;EACA;A3GopXJ;A2GjpXE;EACE;EACA;A3GmpXJ;A2GjpXI;;EAEE;A3GmpXN;A2GhpXI;EACE;A3GkpXN;A2GhpXM;;EAEE;A3GkpXR;A2G9oXI;;EAEE;EACA;A3GgpXN;A2G5oXE;EACE;EACA;A3G8oXJ;A2G3oXE;EACE;A3G6oXJ;A2G1oXE;EACE;A3G4oXJ;A2GzoXE;EACE;A3G2oXJ;A2GxoXE;EACE;A3G0oXJ;A2GvoXE;;EAEE;A3GyoXJ;A2GtoXE;;EAEE;A3GwoXJ;A2GnoXI;;EACE;EACA;E3GsoXJ,yCAAyC;AAC3C;A2GpoXI;;EACE;EACA;EACA;E3GuoXJ,gEAAgE;AAClE;A2GpoXE;EACE;A3GsoXJ;A2GnoXE;EACE;A3GqoXJ;A2GloXE;EACE;A3GooXJ;A2GjoXE;EACE;A3GmoXJ;A2GjoXI;EACE;A3GmoXN;A2GhoXI;EACE;A3GkoXN;A2G9nXE;EACE;A3GgoXJ;A2G7nXE;EACE;A3G+nXJ;A2G5nXE;;EAEE;A3G8nXJ;A2G1nXI;EACE;EACA;E3G4nXJ,yCAAyC;AAC3C;A2G1nXI;EACE;EACA;EACA;E3G4nXJ,gEAAgE;AAClE;A2GvnXI;EACE;A3GynXN;A2GtnXI;EACE;A3GwnXN;A2GrnXI;EACE;A3GunXN;A2GpnXI;EACE;A3GsnXN;A2GlnXE;EACE;E3GonXF,wEAAwE;E2GlnXtE;A3GonXJ;A2GjnXE;EACE;E3GmnXF,wEAAwE;E2GjnXtE;A3GmnXJ;A2GhnXE;EACE;EACA;A3GknXJ;A2G9mXI;EACE;A3GgnXN;A2G9mXM;EACE;EACA;A3GgnXR;A2G1mXA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EzGWE;EACA;EAKA;EyGfF;A3G8mXF;A2G5mXE;EACE;A3G8mXJ;A2G3mXE;EACE;A3G6mXJ;A2G1mXE;EACE;EACA;EACA;A3G4mXJ;A2GzmXE;EACE;EACA;EACA;A3G2mXJ;A2GxmXE;EACE;A3G0mXJ;A2GvmXE;EACE;A3GymXJ;A2GrmXA;EACE;EACA;A3GumXF;A2GpmXA;EACE;EACA;EACA;A3GsmXF;A2GnmXA;EzG8BI;EACA;EACA;EACA;EACA;EACA;EyGjCF;EACA;EACA;EACA;A3G0mXF;A2GvmXA;EACE;A3GymXF;A2GtmXA;EACE;A3GwmXF;AACA,4BAA4B;A2GrmX5B;EACE;A3GumXF;A2GrmXE;EACE;A3GumXJ;A2GrmXI;EACE;A3GumXN;AACA;;;;;;;;;EASE;A4Gr/XF;EACE;EACA;A5Gu/XF;A4Gp/XA;EACE;EACA;A5Gs/XF;A4Gn/XA;EACE;E1GiQE;EACA;EACA;EACA;AFqvXJ;A4Gp/XE;EACE;A5Gs/XJ;AACA;;;;;;;;;EASE;A6GjhYF;EACE;EACA;EACA;EACA;EACA;EACA;E7GmhYA,0CAA0C;E6GjhY1C;EACA;EACA;A7GmhYF;AE5nXI;EARA;EACA;EACA;EACA;EACA;AFuoXJ;A6GvhYE;EACE;EACA;EACA;A7GyhYJ;A6GthYE;EACE;A7GwhYJ;A6GrhYE;EACE;A7GuhYJ;A6GphYE;;;EAGE;EACA;A7GshYJ;A6GnhYE;EACE;A7GqhYJ;A6GlhYE;EACE;EACA;EACA;A7GohYJ;A6GlhYI;EACE;A7GohYN;A6G/gYA;E7GihYE,6HAA6H;E6G/gY7H;A7GihYF;AACA;;;;;;;;;EASE;A8G9kYF;E9GglYE,yCAAyC;E8G9kYzC;A9GglYF;A8G9kYE;E9GglYA,sCAAsC;E8G9kYpC;A9GglYJ;A8G5kYA;E9G8kYE;;wDAEsD;E8G3kYtD;EACA;A9G6kYF;A8G3kYE;EACE;A9G6kYJ;A8G1kYE;E9G4kYA,oCAAoC;E8G1kYlC;A9G4kYJ;A8G1kYI;EACE;A9G4kYN;A8GxkYE;EACE;EACA;A9G0kYJ;A8GxkYI;EACE;A9G0kYN;A8GtkYE;EACE;A9GwkYJ;A8GrkYE;EACE;A9GukYJ;AACA;;;;;;;;;EASE;A+G3nYF;EACE;EACA;EACA;A/G6nYF;A+G3nYE;EACE;EACA;E7GiUA;EACA;AF6zXJ;A+G3nYE;EACE;E/G6nYF,yCAAyC;E+G3nYvC;A/G6nYJ;A+GznYA;E7GsTI;EACA;AFs0XJ;A+G1nYE;EACE;A/G4nYJ;A+GxnYA;;EAEE;A/G0nYF;A+GvnYA;;EAEE;A/GynYF;A+GtnYA;EACE;A/GwnYF;A+GrnYA;EACE;A/GunYF;A+GpnYA;E7G4RI;EACA;AF21XJ;A+GnnYE;EACE;A/GqnYJ;A+GlnYE;EACE;A/GonYJ;A+G9mYE;;EACE;A/GinYJ;AACA;;;;;;;;;EASE;AgH3rYF;;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AhH4rYF;AgH1rYE;;EACE;AhH6rYJ;AgH1rYE;;EACE;AhH6rYJ;AgH3rYI;;EACE;AhH8rYN;AgHxrYE;EACE;EACA;EACA;EACA;EACA;EACA;AhH0rYJ;AgHtrYI;EACE;AhHwrYN;AgHlrYE;E9G4VE;EACA;EACA;EACA;EACA;EACA;E8G/VA;EACA;EACA;EACA;AhHyrYJ;AgHtrYE;EACE;EACA;AhHwrYJ;AgHrrYE;EACE;AhHurYJ;AgHnrYA;EACE;EACA;EACA;AhHqrYF;AgHnrYE;E9GqUE;EACA;EACA;EACA;EACA;EACA;E8GxUA;EACA;EACA;AhH0rYJ;AgHvrYE;EACE;AhHyrYJ;AgHvrYI;EACE;AhHyrYN;AACA;;;;;;;;;EASE;AiHnxYF;EACE;EACA;AjHqxYF;AiHlxYA;EACE;EACA;EACA;EACA;EACA;AjHoxYF;AiHlxYE;EACE;EjHoxYF,uDAAuD;AACzD;AiHlxYE;EACE;EACA;AjHoxYJ;AACA;;;;;;;;;EASE;AkHhzYF;EACE;EACA;EACA;EhHwBE;EACA;EAjBA;EgHNF;AlHozYF;AkHlzYE;EhHYE;EgHVA;AlHozYJ;AkHhzYA;EACE;EACA;AlHkzYF;AkHhzYE;EACE;EACA;EACA;AlHkzYJ;AkH9yYA;EACE;EACA;AlHgzYF;AkH9yYE;EACE;EACA;EACA;AlHgzYJ;AkH7yYM;EACE;EACA;AlH+yYR;AkH3yYI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AlH6yYN;AkH3yYM;EACE;AlH6yYR;AkH1yYM;EACE;AlH4yYR;AkH1yYQ;EACE;AlH4yYV;AkHxyYM;EACE;AlH0yYR;AkHxyYQ;EACE;AlH0yYV;AkHtyYM;EACE;EACA;EACA;EACA;AlHwyYR;AkHryYM;EACE;EACA;AlHuyYR;AkHlyYY;;EACE;EACA;AlHqyYd;AkHlyYY;;EACE;EACA;AlHqyYd;AkHjyYc;;EACE;AlHoyYhB;AkHjyYc;;EACE;AlHoyYhB;AkH7xYM;ElH+xYJ,+IAA+I;AACjJ;AkH9xYQ;EACE;EACA;AlHgyYV;AkH7xYQ;EACE;AlH+xYV;AkH7xYU;EACE;AlH+xYZ;AkH5xYU;EACE;AlH8xYZ;AkH5xYY;EACE;AlH8xYd;AkHxxYU;EACE;EACA;AlH0xYZ;AkHvxYU;EACE;AlHyxYZ;AkHjxYU;;EACE;EACA;AlHoxYZ;AkHjxYU;;EACE;EACA;AlHoxYZ;AkHhxYY;;EACE;AlHmxYd;AkHhxYY;;EACE;AlHmxYd;AkHzwYE;EACE;AlH2wYJ;AACA;;;;;;;;;EASE;AmHh8YF;EACE;EACA;EACA;EACA;EjHeE;EiHbF;EACA;AnHk8YF;AmH/7YA;EACE;EACA;EACA;EACA;EnHi8YA,kEAAkE;EEpoYhE;EACA;AFsoYJ;AmHj8YE;EACE;AnHm8YJ;AmHh8YE;EACE;EACA;AnHk8YJ;AmH97YA;EACE;EACA;EACA;AnHg8YF;AmH97YE;EACE;AnHg8YJ;AmH77YE;EACE;EACA;EACA;AnH+7YJ;AmH77YI;EACE;AnH+7YN;AmH57YI;EACE;AnH87YN;AmHz7YA;EACE;EACA;EACA;EACA;EACA;EjHJE;EACA;EACA;EAnCA;AFo+YJ;AmH17YA;EACE;EACA;AnH47YF;AmHz7YA;EACE;EACA;AnH27YF;AmHx7YA;EACE;EACA;AnH07YF;AmHx7YE;EACE;EACA;AnH07YJ;AmHv7YE;;EAEE;AnHy7YJ;AmHr7YA;EACE;EACA;EACA;AnHu7YF;AmHr7YE;EACE;EACA;AnHu7YJ;AmHp7YE;;EAEE;AnHs7YJ;AmHl7YA;EACE;EACA;EACA;AnHo7YF;AmHl7YE;EACE;EACA;AnHo7YJ;AmHj7YE;;EAEE;AnHm7YJ;AACA;;;;;;;;;EASE;AoH/iZF;EACE;ApHijZF;AoH/iZE;EACE;EACA;EACA;EACA;ApHijZJ;AoH/iZI;EACE;ApHijZN;AACA;;;;;;;;;EASE;AqHrkZF;EACE;ArHukZF;AqHrkZE;;EAEE;ErHukZF,iCAAiC;AACnC;AqHtkZI;;EACE;EACA;ArHykZN;AqH/kZE;;EAYI;ArHukZN;AqHnkZE;EACE;EACA;ArHqkZJ;AqHjkZA;ErHmkZE,6BAA6B;EqHjkZ7B;EACA;EACA;ErHmkZA,qDAAqD;EACrD,sFAAsF;AACxF;AqHjkZE;EACE;ArHmkZJ;AqHjkZI;;EAEE;ArHmkZN;AqHhkZI;;EAEE;ArHkkZN;AqH7jZI;;EAEE;ArH+jZN;AqH1jZA;EACE;ArH4jZF;AqHzjZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EnHyQE;EACA;EAKA;EF+yYF,+BAA+B;AACjC;AqH5jZE;EACE;ArH8jZJ;AqH3jZE;EACE;EACA;EACA;EACA;ArH6jZJ;AqH1jZE;ErH4jZA,wDAAwD;EqH1jZtD;ArH4jZJ;AqHzjZE;ErH2jZA,wDAAwD;EqHzjZtD;ArH2jZJ;AqHxjZE;EACE;ArH0jZJ;AqHrjZE;EACE;ArHujZJ;AqHpjZE;EACE;EACA;EACA;EnHoOA;EACA;EAKA;AF+0YJ;AqHrjZE;EACE;EACA;EACA;ErHujZF;;0BAEwB;EqHrjZtB;ArHujZJ;AqHrjZI;EACE;ErHujZJ,iGAAiG;EqHrjZ7F;EACA;ArHujZN;AqHpjZI;EACE;ErHsjZJ,oEAAoE;EqHpjZhE;ArHsjZN;AqHjjZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ArHmjZF;AqHjjZE;EACE;EAGA;EnHkIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFg7YJ;AqHtjZI;;;EAIE;ArHujZN;AqHpjZI;EnHuIA;EACA;EACA;EACA;AFg7YJ;AqHtjZI;EnH2OA;EACA;EACA;EACA;EACA;EACA;EArGA;EACA;EACA;AFo7YJ;AqH7jZI;;;EnH2HA;AFu8YJ;AqH7jZM;;;EnHuJF;AF26YJ;AqHvkZI;;;EnH4JA;AFg7YJ;AqH9jZI;EnH+HA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFk8YJ;AqHpkZI;EnHkJA;AFq7YJ;AqHjkZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ErHmkZA,oEAAoE;AACtE;AqHlkZE;EACE;EACA;EnHmMA;EACA;EACA;EACA;EACA;EACA;EmHtMA;EACA;EACA;ArHykZJ;AqHvkZI;EnH2KA;EACA;EACA;EmH3KE;ErH2kZJ,iEAAiE;EqHzkZ7D;ArH2kZN;AqHxkZI;ErH0kZF,wHAAwH;EACxH,4DAA4D;EE3uZ1D;EACA;EACA;AF6uZJ;AqHvkZE;EACE;ArHykZJ;AACA,sBAAsB;AqHlkZlB;;EAEE;EACA;EACA;EACA;EACA;EACA;ErHokZJ,+CAA+C;AACjD;AqHnkZM;;;;;;EAKE;ArHskZR;AqHnkZM;;EACE;EACA;EACA;ArHskZR;AqHjkZM;;;;;;;;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ArHukZR;AqHpkZM;;;;EAEE;EACA;EACA;ArHwkZR;AqHrkZM;;;;EAEE;EACA;EACA;ArHykZR;AqHtkZM;;EACE;ArHykZR;AqHtkZM;;EACE;ArHykZR;AqHtkZM;;;;;;;;EAIE;ArH4kZR;AqHzkZM;;EACE;ArH4kZR;AqHzkZM;;EACE;ArH4kZR;AqHlkZM;;;;EACE;ArHukZR;AqHpkZM;;;;EACE;ArHykZR;AqHtkZM;;;;EACE;ArH2kZR;AqHxkZM;;;;EACE;ArH6kZR;AqH1kZM;;;;EACE;ArH+kZR;AACA,iBAAiB;AqHxkZjB;EACE;ArH0kZF;AqHvkZA;EACE;EACA;ArHykZF;AACA;;;;;;;;;EASE;AsHx6ZA;EACE;AtH06ZJ;AsHv6ZE;EpHiCE;EACA;EACA;AFy4ZJ;AsHz6ZI;EACE;EACA;AtH26ZN;AsHv6ZE;EACE;EACA;EACA;AtHy6ZJ;AsHv6ZI;EpHjBA;EACA;EACA;EACA;EACE;EAJF;EACA;EACA;EACA;EACE;AFg8ZN;AsH/6ZM;EACE;EtHi7ZN,yCAAyC;EsH96ZnC;EpHzBJ;EACA;EACA;EACA;EACE;EoH4BE;EACA;EtH+6ZN,iGAAiG;EACjG,6DAA6D;EsH56ZvD;AtH86ZR;AsHx7ZQ;EACE;AtH07ZV;AsH/6ZQ;EACE;AtHi7ZV;AsH96ZQ;EACE;EACA;AtHg7ZV;AsH96ZU;EACE;AtHg7ZZ;AACA;;;;;;;;;EASE;AuH5+ZA;EvH8+ZA,iKAAiK;ECp4ZjK;EDs4ZA,sCAAsC;AACxC;AuH5+ZE;EpHWE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH++ZJ;AuHj/ZE;EpHME;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAkBA;EACA;EACA;EACA;AHw+ZJ;AuHz/ZE;EpHAE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHugaJ;AuH9/ZE;EpHLE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAkBA;EACA;EACA;EACA;AHggaJ;AACA,gHAAgH;AuHrgahH;EACE;EACA;EACA;AvHugaF;AuHrgaE;;EAEE;AvHugaJ;AuHpgaE;EACE;EACA;AvHsgaJ;AACA;;;;;;;;;EASE;AwHxjaF;EACE;EACA;AxH0jaF;AwHxjaE;;EAEE;AxH0jaJ;AwHvjaE;EACE;AxHyjaJ;AwHtjaE;EACE;AxHwjaJ;AwHrjaE;EACE;EACA;AxHujaJ;AwHnjaI;;EAEE;AxHqjaN;AwHljaI;EtH8LA;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AHslaJ;AEp3ZI;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AFy3ZN;AACA,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AwHrkahF;EACE;EACA;EACA;ExHukaA,mBAAmB;EwHtkanB;ExHwkaA,iBAAiB;AACnB;AACA;;;;;;;;;EASE;AyH/naF;EACE;EACA;EACA;EACA;AzHioaF;AyH9naA;EACE;EACA;EAEA;EzH+naA,uBAAuB;AACzB;AyH/naE;EAAA;IzHkoaE,sBAAsB;IyHhoatB;EzHkoaF;AACF;AyHhoaE;EACE;AzHkoaJ;AyH9naA;EACE;EACA;AzHgoaF;AACA;;;;;;;;;EASE;A0HlqaF;E1HoqaE,+CAA+C;E0Hlqa/C;A1HoqaF;AACA;;;;;;;;;EASE;A2HhraF;EACE;A3HkraF;AACA;;;;;;;;;EASE;A4H7raF;EACE;EACA;EACA;EACA;EACA;A5H+raF;A4H7raE;EACE;E5H+raF,iGAAiG;EACjG,gEAAgE;EAChE,gFAAgF;EAChF,mDAAmD;EACnD,mEAAmE;AACrE;A4HlsaI;EACE;A5HosaN;A4HlsaM;EAGE;A5HksaR;A4H9raI;EACE;EACA;EACA;A5HgsaN;A4H7raI;EACE;A5H+raN;A4H7raM;EACE;EACA;A5H+raR;A4H3raI;EACE;EACA;EACA;EACA;EACA;EACA;A5H6raN;A4H3raM;EACE;A5H6raR;A4HzraI;EACE;EACA;A5H2raN;A4HxraI;EACE;A5H0raN;A4HrraI;;;;EAIE;E5HuraJ,2DAA2D;E4HtravD;A5HwraN;A4HlraI;EAEE;A5HmraN;A4HjraM;EACE;A5HmraR;A4HhraM;EACE;A5HkraR;A4H/qaM;E5HiraJ,iHAAiH;E4H/qa3G;A5HiraR;A4H9qaM;EACE;A5HgraR;A4H9qaQ;E5HgraN,gFAAgF;E4H9qaxE;EACA;EACA;A5HgraV;A4HzqaI;EACE;A5H2qaN;A4HxqaI;EACE;A5H0qaN;A4HvqaI;;EAEE;A5HyqaN;A4HpqaI;;;;;;EAME;EACA;A5HsqaN;A4HpqaM;;;;;;EACE;A5H2qaR;A4HxqaM;;;;;;EACE;A5H+qaR;A4H1qaE;EACE;A5H4qaJ;A4H1qaI;;;;E5H+qaF,iFAAiF;E4H1qa7E;A5H4qaN;A4HzqaI;E1H0EA;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AHi0aJ;AE/laI;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AFomaN;A4H7raE;EACE;EACA;EACA;EACA;A5H+raJ;A4H7raI;EACE;A5H+raN;A4H5raI;E5H8raF,qFAAqF;AACvF;A4H9raM;EACE;A5HgsaR;A4H3raM;;EAEE;EACA;A5H6raR;A4H3raQ;;EACE;A5H8raV;A4H3raQ;;EACE;A5H8raV;A4HvraQ;;EACE;A5H0raV;A4HvraQ;;EACE;A5H0raV;A4HpraQ;EACE;A5HsraV;A4HnraQ;EACE;A5HqraV;A4H9qaE;EACE;EACA;EACA;A5HgraJ;A4H9qaI;EACE;A5HgraN;A4H5qaM;EACE;A5H8qaR;A4H3qaM;;EAEE;A5H6qaR;A4H3qaQ;;EACE;A5H8qaV;A4H3qaQ;;EACE;A5H8qaV;A4HxqaE;EACE;EACA;EACA;A5H0qaJ;A4HxqaI;EACE;A5H0qaN;A4HtqaM;EACE;A5HwqaR;A4HrqaM;;EAEE;A5HuqaR;A4HrqaQ;;EACE;A5HwqaV;A4HrqaQ;;EACE;A5HwqaV;A4HjqaQ;;EACE;A5HoqaV;A4HjqaQ;;EACE;A5HoqaV;A4H9paQ;EACE;A5HgqaV;A4H7paQ;EACE;A5H+paV;A4HzpaE;E5H2paA,kEAAkE;E4HzpahE;E5H2paF;;+DAE6D;E4Hxpa3D;A5H0paJ;A4HxpaI;EACE;EACA;A5H0paN;A4HxpaM;EACE;A5H0paR;A4HtpaI;EACE;EACA;A5HwpaN;A4HtpaM;EACE;A5HwpaR;A4HppaI;EACE;EACA;A5HspaN;A4HppaM;EACE;A5HspaR;A4HlpaI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A5HopaN;AACA;;;EAGE;AACF;;;;;;;;;EASE;A6Hj/aF;EACE;EACA;EACA;A7Hm/aF;A6Hj/aE;EACE;EACA;EACA;EACA;EACA;EACA;E7Hm/aF,8DAA8D;E6Hx+a5D;A7H0+aJ;A6Hn/aI;EACE;A7Hq/aN;A6Hl/aI;EACE;A7Ho/aN;A6H9+aI;;EAEE;A7Hg/aN;A6H7+aI;EACE;A7H++aN;A6H7+aM;EACE;EACA;A7H++aR;A6H3+aI;EACE;EACA;E3HmSF;EACA;AF2saJ;A6H3+aI;EACE;A7H6+aN;A6Hv+aE;EACE;EACA;A7Hy+aJ;A6Hv+aI;EACE;EACA;A7Hy+aN;A6Ht+aI;EACE;EACA;EAIA;EAEA;EACA;A7Ho+aN;A6Hj+aI;EACE;A7Hm+aN;A6H39aI;;EAEE;A7H69aN;A6Hz9aE;;EAEE;A7H29aJ;A6Hn9aM;;;;EAEE;A7Hu9aR;A6Hn9aI;;EAEE;EACA;A7Hq9aN;A6H/8aI;EACE;A7Hi9aN;A6H58aM;;EAEE;A7H88aR;A6H18aI;;EAEE;A7H48aN;A6Hn8aM;;;;EAEE;A7Hu8aR;A6Hn8aI;;EAEE;EACA;A7Hq8aN;A6Hj8aE;;EAEE;EACA;EACA;A7Hm8aJ;A6Hh8aM;;EACE;A7Hm8aR;A6Hh8aM;;EACE;A7Hm8aR;AACA;;;;;;;;;EASE;A8H7mbF;EFyVE;EACA;E5HuxaA,iCAAiC;AACnC;A4HtxaE;EACE;EACA;A5HwxaJ;A8HnnbE;EACE;A9HqnbJ;A8HlnbE;EFkVA;EACA;A5HmyaF;A4HjyaE;EACE;EACA;A5HmyaJ;A8HvnbI;EACE;A9HynbN;A8HnnbE;EACE;A9HqnbJ;A8HlnbM;EACE;A9HonbR;A8H/mbE;EACE;E9HinbF,oCAAoC;E8HhnblC;EACA;E9HknbF,mDAAmD;EACnD,8EAA8E;AAChF;A8HlnbI;;EAEE;A9HonbN;A8HjnbI;EACE;EACA;E9HmnbJ,qCAAqC;AACvC;A8HlnbM;EACE;A9HonbR;A8HjnbM;EACE;A9HmnbR;A8H9mbM;EACE;A9HgnbR;A8H5mbI;E9H8mbF,2FAA2F;E8H5mbvF;A9H8mbN;A8HzmbI;EACE;EACA;A9H2mbN;A8HtmbI;E9HwmbF,iGAAiG;EACjG,qFAAqF;E8HtmbjF;EACA;A9HwmbN;A8HtmbM;EACE;EACA;EACA;EACA;A9HwmbR;A8HpmbI;EACE;A9HsmbN;A8HpmbM;EACE;A9HsmbR;A8H/lbI;EACE;A9HimbN;A8H9lbI;EACE;A9HgmbN;A8HplbM;;EACE;EACA;A9HulbR;A8HnlbI;;EAEE;A9HqlbN;A8HnlbM;;EACE;A9HslbR;A8HllbI;EACE;A9HolbN;A8H3kbM;;EACE;EACA;A9H8kbR;A8HpkbM;;EACE;EACA;A9HukbR;A8HnkbI;;EAEE;A9HqkbN;A8HnkbM;;EACE;A9HskbR;A8HlkbI;EACE;A9HokbN;AACA;;;;;;;;;EASE;A+HjvbA;;EAEE;EACA;EACA;EACA;A/HmvbJ;A+HhvbE;E/HkvbA;6GAC2G;EAC3G,2GAA2G;E+HhvbzG;EACA;EACA;EACA;E/HkvbF,sCAAsC;AACxC;A+HjvbI;EAGE;EACA;A/HivbN;A+H9ubI;EACE;E/HgvbJ,sCAAsC;AACxC;A+H9ubI;EACE;E/HgvbJ,sCAAsC;AACxC;AACA;;;EAGE;A+H1ubA;EACE;EACA;EACA;A/H4ubJ;A+HzubE;EACE;EACA;E/H2ubF,oCAAoC;AACtC;A+HxubI;EACE;E7H5CF;AFuxbJ;A+HvubI;EACE;A/HyubN;A+HtubI;EACE;EACA;A/HwubN;A+HnubA;E5HnEI;EACA;EACA;EACA;E4HkEF;EACA;EACA;EACA;EACA;EACA;A/HwubF;AACA;;;;;;;;;EASE;AgI/zbF;E9HqVI;EACA;AF6+aJ;AACA;;;;;;;;;EASE;A8C70bF;EACE;EACA;EACA;EACA;EACA;EACA;A9C+0bF;A8C70bE;EACC;A9C+0bH;A8C50bE;EACE;A9C80bJ;A8C30bE;EACE;A9C60bJ;A8C10bE;E5CsXE;EACA;EACA;EACA;EACA;EACA;E4CzXA;EACA;EACA;EACA;EACA;A9Ci1bJ;A8C90bE;EACE;A9Cg1bJ;A8C70bE;EACE;A9C+0bJ;A8C50bE;EACE;A9C80bJ;AACA;;;;;;;;;EASE;AACF,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,sDAAsD;AACtD;;8DAE8D;AAC9D,6IAA6I;AAC7I;wGACwG;AACxG,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC;;;;;;;;;EASE;AiIv5bI;;EACE;EACA;EACA;AjI05bR;AiIv5bM;;EACE;EACA;EACA;EACA;AjI05bR","file":"eclipse-scout-core-theme-dark.css","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 /\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 /\nbody {\n background-color: #394051;\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: #e4e4e6;\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: #4bbbff;\n color: #e4e4e6;\n}\n::selection {\n background: #4bbbff;\n color: #e4e4e6;\n}\n::-webkit-input-placeholder {\n color: #79818d;\n opacity: 1;\n / necessary for firefox /\n}\n:-moz-placeholder {\n / older versions of firefox /\n color: #79818d;\n opacity: 1;\n / necessary for firefox /\n}\n::-moz-placeholder {\n color: #79818d;\n opacity: 1;\n / necessary for firefox /\n}\n:-ms-input-placeholder {\n color: #79818d;\n opacity: 1;\n / necessary for firefox /\n}\n::placeholder {\n / Most modern browsers /\n color: #79818d;\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: #1d222b;\n color: #495465;\n}\n.disabled::selection {\n background: #1d222b;\n color: #495465;\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(153, 153, 153, 0.7);\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(153, 153, 153, 0.7);\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(153, 153, 153, 0.7);\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(153, 153, 153, 0.7);\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}\ninput,\ntextarea,\n.input-field {\n background-color: #262d3b;\n color: #e4e4e6;\n border: 1px solid #495465;\n border-radius: 3px;\n}\ninput.disabled,\ntextarea.disabled,\n.input-field.disabled {\n background-color: inherit;\n color: #999999;\n}\ninput:focus,\ntextarea:focus,\n.input-field:focus,\ninput.focused,\ntextarea.focused,\n.input-field.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\ninput.has-error,\ntextarea.has-error,\n.input-field.has-error {\n border-color: #FF6060;\n background-color: #262d3b;\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 box-shadow: 0 0 5px #FF6060;\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 #495465;\n color: #e4e4e6;\n}\ntextarea.read-only {\n border: 1px dashed #495465;\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: 1px;\n}\ninput.alternative,\n.input-field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: #495465;\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: #999999;\n border-bottom-style: dashed;\n border-bottom-color: #999999;\n}\ninput.alternative:focus,\n.input-field.alternative:focus,\ninput.alternative.focused,\n.input-field.alternative.focused {\n color: #4bbbff;\n border-bottom-color: #4bbbff;\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: #FF6060;\n border-bottom-color: #FF6060;\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: #FF6060;\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: #e4e4e6;\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: #999999;\n opacity: 1;\n}\ninput.disabled.read-only,\ntextarea.disabled.read-only {\n -webkit-text-fill-color: #e4e4e6;\n}\ninput.disabled::selection,\ntextarea.disabled::selection {\n -webkit-text-fill-color: #495465;\n}\ntextarea.alternative {\n background-color: transparent;\n}\ntextarea.alternative.disabled:not(.read-only) {\n background-color: transparent;\n border: 1px dashed #495465;\n color: #999999;\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' in IE /\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: 0;\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.button {\n position: relative;\n color: #4bbbff;\n background-color: transparent;\n border: 1px solid #2B73B3;\n border-radius: 3px;\n cursor: pointer;\n white-space: nowrap;\n padding: 2px 7px;\n / Note: no vertical align helper here! this is very dependent on the content of the button /\n / (only text or other DOM nodes), therefore it has to be added manually when desired. /\n}\n.button > .button-label,\n.button > .submenu-icon,\n.button > .icon {\n vertical-align: middle;\n display: inline-block;\n}\n.button > .button-label {\n margin-top: 1px;\n overflow: hidden;\n text-overflow: ellipsis;\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 color: #4bbbff;\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.button > .button-label,\n.button > .icon,\n.button > .submenu-icon {\n opacity: 1;\n transition: opacity 250ms;\n}\n.button:hover {\n color: #4bbbff;\n}\n.button:focus {\n outline: none;\n overflow: visible;\n / without this, IE would cut off the focus glow /\n}\n.button:focus::before {\n position: absolute;\n content: '';\n left: -3px;\n top: -3px;\n width: calc(100% + 6px);\n height: calc(100% + 6px);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-radius: 3px;\n}\n.button:active,\n.button.active {\n color: #fff;\n background-color: #1561A7;\n}\n.button:active > .font-icon,\n.button.active > .font-icon {\n color: #fff;\n}\n.button.default:not(.disabled) {\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:not(.disabled):focus {\n color: #fff;\n}\n.button.default:not(.disabled):hover {\n background-color: #1561A7;\n}\n.button.default:not(.disabled):active,\n.button.default:not(.disabled).active {\n background-color: #014786;\n border-color: #014786;\n}\n.button.default:not(.disabled) > .font-icon {\n font-weight: normal;\n color: #fff;\n}\n.button:disabled {\n background-color: inherit;\n border-color: #999999;\n color: #999999;\n cursor: default;\n}\n.button:disabled > .font-icon {\n color: #999999;\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(75, 187, 255, 0.8) solid;\n width: 20px;\n height: 20px;\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: #e4e4e6;\n}\n.closer::before {\n content: '\\E045';\n}\n.closer:active,\n.closer.active {\n color: #4bbbff;\n}\n.closer:hover {\n color: #4bbbff;\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: '\\E04F';\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: #394051;\n pointer-events: none;\n}\n.application-loading-root-fadeout {\n -webkit-animation: fade-out 250ms linear 1;\n -moz-animation: fade-out 250ms linear 1;\n -o-animation: fade-out 250ms linear 1;\n animation: fade-out 250ms linear 1;\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 #4bbbff;\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 #3EE1C3;\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: #4bbbff;\n text-decoration: underline;\n cursor: pointer;\n}\na:hover,\n.link:hover,\n.app-link:hover {\n color: #18a8ff;\n}\na:active,\n.link:active,\n.app-link:active,\na.active,\n.link.active,\n.app-link.active {\n color: #18a8ff;\n}\na:focus,\n.link:focus,\n.app-link:focus {\n outline-color: #4bbbff;\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: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n margin: 100px 50px;\n padding: 20px;\n border: 1px solid #FF6060;\n background-color: #262d3b;\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 > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .form,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .touch-popup,\n.scout > .form-menu-popup,\n.scout > .smart-field-popup,\n.scout > .proposal-field-popup,\n.scout > .date-picker-popup,\n.scout > .time-picker-popup,\n.scout > .table-header-menu,\n.scout > .tag-chooser-popup,\n.scout > .tag-overflow-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: #999999;\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 #495465;\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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\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: #4bbbff;\n}\n.action:active {\n color: #4bbbff;\n}\n.action.disabled {\n color: #999999;\n cursor: default;\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/\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: 1px solid #495465;\n border-radius: 3px;\n background-color: #262d3b;\n max-width: 420px;\n margin: 0 auto;\n padding: 40px 70px;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.box-content > .header {\n text-align: center;\n}\n.box-content > .header > .logo {\n margin-top: 5px;\n margin-bottom: 40px;\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}\n.box-content.centered {\n text-align: center;\n}\n@media (max-width: 460px) {\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) 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.box-buttons.empty {\n border-bottom: 1px solid #495465;\n}\n.box-buttons > .box-button {\n position: relative;\n padding: 12px;\n background-color: #1a1d28;\n border: 1px solid #495465;\n cursor: pointer;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n vertical-align: bottom;\n}\n.box-buttons > .box-button.disabled {\n cursor: default;\n color: #999999;\n}\n.box-buttons > .box-button:not(.disabled):active {\n background-color: #394051;\n}\n.box-buttons > .box-button:first-child {\n border-bottom-left-radius: 3px;\n}\n.box-buttons > .box-button:last-child {\n border-bottom-right-radius: 3px;\n}\n.box-buttons > .box-button:first-child ~ .box-button {\n border-left-width: 0;\n}\n.box-buttons > .box-button:focus {\n outline: none;\n}\n.box-buttons > .box-button:focus::before {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n position: absolute;\n content: '';\n left: 2px;\n top: 2px;\n width: calc(100% + -4px);\n height: calc(100% + -4px);\n z-index: 1;\n}\n.box-buttons > .box-button:first-child:focus::before {\n border-bottom-left-radius: 3px;\n}\n.box-buttons > .box-button:last-child:focus::before {\n border-bottom-right-radius: 3px;\n}\n.severity-error .box-buttons > .box-button:focus::before {\n border-color: #FF6060;\n box-shadow: 0 0 5px #FF6060;\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-week-scrollable {\n overflow: visible;\n}\n.calendar-scrollable-components-week {\n top: calc(23px + 5px);\n height: calc(15% - ( 23px + 5px));\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: #e4e4e6;\n background-color: transparent;\n border: 1px solid #495465;\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: #4bbbff;\n}\n.calendar-today {\n width: 65px;\n}\n.calendar-title {\n display: table-cell;\n vertical-align: middle;\n color: #4bbbff;\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: #4bbbff;\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: #e4e4e6;\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: #e4e4e6;\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 width: 65px;\n border-top: 1px solid #495465;\n border-bottom: 1px solid #495465;\n border-left: 1px solid #495465;\n}\n.calendar-mode.first {\n border-left: 1px solid #495465;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.calendar-mode.last {\n border-right: 1px solid #495465;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.calendar-mode:hover {\n color: #4bbbff;\n}\n.calendar-mode.selected {\n color: #e4e4e6;\n background-color: #495465;\n}\n.calendar-mode-menu {\n padding: 5px 12px;\n border: 1px solid #495465;\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: #4bbbff;\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: #e4e4e6;\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: #e4e4e6;\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: #b7dafc;\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 #262d3b;\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: #98c4ec;\n / Default colors used when component has no specific class /\n}\n.calendar-component:hover > .calendar-component-leftcolorborder {\n background-color: #74A8D8;\n}\n.calendar-component.comp-selected > .calendar-component-leftcolorborder {\n background-color: #014786;\n}\n.calendar-component:hover {\n background-color: #98c4ec;\n}\n.calendar-component.comp-selected {\n background-color: #74A8D8;\n}\n.calendar-component.calendar-appointment {\n background-color: #ffe8bf;\n}\n.calendar-component.calendar-appointment > .calendar-component-leftcolorborder {\n background-color: #ffd07e;\n}\n.calendar-component.calendar-appointment:hover {\n background-color: #ffd07e;\n}\n.calendar-component.calendar-appointment:hover > .calendar-component-leftcolorborder {\n background-color: #FDAD4F;\n}\n.calendar-component.calendar-appointment:hover .comp-selected > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-appointment.comp-selected {\n background-color: #FDAD4F;\n}\n.calendar-component.calendar-appointment.comp-selected > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-task {\n background-color: #cefff5;\n}\n.calendar-component.calendar-task > .calendar-component-leftcolorborder {\n background-color: #7ff2dd;\n}\n.calendar-component.calendar-task:hover {\n background-color: #7ff2dd;\n}\n.calendar-component.calendar-task:hover > .calendar-component-leftcolorborder {\n background-color: #3EE1C3;\n}\n.calendar-component.calendar-task.comp-selected {\n background-color: #3EE1C3;\n}\n.calendar-component.calendar-task.comp-selected > .calendar-component-leftcolorborder {\n background-color: #24B499;\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: #e4e4e6;\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: #e4e4e6;\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: #495465;\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.mobile {\n padding-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 #495465;\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: #e4e4e6;\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: #999999;\n}\n.calendar-day.weekend::before {\n color: #4bbbff;\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: #262d3b;\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 #cd6906;\n border-radius: 50%;\n background-color: #cd6906;\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: #495465;\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: #495465;\n}\n.calendar-day-name::before {\n position: absolute;\n content: attr(data-day-name);\n color: #e4e4e6;\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: #495465;\n}\n.calendar-week-axis:not(.first).hour::after {\n background-color: #495465;\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: #495465;\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}\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: #e4e4e6;\n cursor: default;\n}\n.year-panel-title > .year-title-item:hover {\n color: #e4e4e6;\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: #495465;\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: #e4e4e6;\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: #394051;\n}\n.year-panel-list > .year-month > .year-day.year-range {\n background-color: #495465;\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: #e4e4e6;\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: #fff;\n opacity: 0.1;\n pointer-events: 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.date-picker-popup {\n position: absolute;\n width: 252px;\n border: 1px solid #014786;\n border-radius: 3px;\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n overflow: hidden;\n}\n.date-picker-popup.alternative {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n border-radius: 0;\n}\n.date-picker {\n position: relative;\n background-color: #262d3b;\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 display: table;\n width: 100%;\n padding: 0 6px 3px 6px;\n}\n.date-picker-weekdays {\n display: table-row;\n}\n.date-picker-weekday {\n display: table-cell;\n height: 30px;\n text-align: center;\n vertical-align: middle;\n}\n.date-picker-week {\n display: table-row;\n}\n.date-picker-day {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n / Hover effect is disabled on touch devices because the hover effect does not vanish on touch end which is annoying especially when swiping. /\n / Must be after other style definitions, because 'disabled' should overrule other definitions /\n}\n.date-picker.touch .date-picker-day {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.date-picker-day > .text {\n display: inline-block;\n padding: 5px 5px;\n margin-top: 2px;\n border-radius: 50%;\n border: 1px solid transparent;\n}\n.date-picker-day.ten > .text {\n / increase padding a bit to center days between 10 and 19 nicer /\n padding-right: 6px;\n}\n.date-picker-day:active:not(.disabled) > .text,\n.date-picker:not(.touch) .date-picker-day:hover:not(.disabled) > .text {\n border-color: #4bbbff;\n background-color: #394051;\n}\n.date-picker-day:active:not(.disabled).date-picker-now > .text,\n.date-picker:not(.touch) .date-picker-day:hover:not(.disabled).date-picker-now > .text {\n border-color: #FE9915;\n background-color: #394051;\n}\n.date-picker-day:active:not(.disabled).selected > .text,\n.date-picker:not(.touch) .date-picker-day:hover:not(.disabled).selected > .text {\n background-color: #2B73B3;\n}\n.date-picker-day:active:not(.disabled).selected.date-picker-now > .text,\n.date-picker:not(.touch) .date-picker-day:hover:not(.disabled).selected.date-picker-now > .text {\n background-color: #FDAD4F;\n}\n.date-picker-day.date-picker-out {\n color: #999999;\n}\n.date-picker-day.date-picker-weekend {\n color: #4bbbff;\n}\n.date-picker-day.date-picker-out-weekend {\n color: #74A8D8;\n}\n.date-picker-day.date-picker-now {\n color: #FE9915;\n font-weight: bold;\n}\n.date-picker-day.preselected > .text {\n border-color: #4bbbff;\n border-style: dashed;\n}\n.date-picker-day.preselected.date-picker-now > .text {\n border-color: #FE9915;\n}\n.date-picker-day.selected {\n color: #fff;\n}\n.date-picker-day.selected > .text {\n background-color: #1561A7;\n}\n.date-picker-day.selected.date-picker-now {\n color: #fff;\n}\n.date-picker-day.selected.date-picker-now > .text {\n background-color: #cd6906;\n}\n.date-picker-day.disabled {\n color: #495465;\n}\n.date-picker-header {\n line-height: 30px;\n height: 30px;\n padding: 0 10px;\n background-color: #1a1d28;\n border-bottom: 1px solid #495465;\n / Additional space between navigation buttons on touch devices /\n}\n.date-picker-header.touch {\n padding-left: 18px;\n padding-right: 18px;\n}\n.date-picker-header.touch > .date-picker-left-m {\n margin-left: 26px;\n}\n.date-picker-header.touch > .date-picker-right-m {\n margin-right: 26px;\n}\n.date-picker-separator {\n position: absolute;\n top: 59px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid #495465;\n}\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 13px;\n padding-top: 1px;\n}\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n text-align: center;\n width: 22px;\n line-height: 30px;\n height: 30px;\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 color: #4bbbff;\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 color: #4bbbff;\n}\n.date-picker-left-y,\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.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.touch-popup-widget-container > .date-picker {\n border: none;\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/ \"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 right: 0;\n top: 0;\n margin-top: 8px;\n margin-right: 20px;\n width: 33px;\n height: 33px;\n background-size: contain;\n background-repeat: no-repeat;\n}\n.desktop-logo.clickable {\n cursor: pointer;\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 / 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 > .menubox > .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 .group-box-title {\n margin-top: 2px;\n / @group-box-title-margin-top; /\n padding-top: 4px;\n / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 4px;\n}\n.dense .group-box-body {\n padding-top: 8px;\n / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 6px;\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: 4px;\n / @group-box-title-margin-top; /\n}\n.dense .tab-item > .title {\n padding-top: 4px;\n / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\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 padding-top: 7px;\n / padding: @table-header-padding-y @table-header-padding-right @table-header-padding-y @table-header-padding-left; /\n padding-bottom: 6px;\n}\n.dense .table-header-resize {\n padding-top: 4px;\n / 8px 8px; /\n padding-bottom: 4px;\n}\n.dense .table-cell {\n padding-top: 4px;\n / padding: @table-row-padding-y @table-cell-padding-right @table-row-padding-y @table-cell-padding-left; /\n padding-bottom: 4px;\n}\n.dense .table-cell.checkable {\n padding-top: 4px;\n / @table-row-padding-y - @checkable-cell-padding-adjustment @table-cell-padding-left 0 @table-cell-padding-left; /\n padding-bottom: 4px;\n line-height: 0;\n / somehow inline-block causes additional height when line-height is not set. (font-size would work) /\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 padding-bottom: 4px;\n}\n.dense .detail-table.table > .table-header > .table-header-item {\n padding-top: 7px;\n / @detail-table-header-padding-y; /\n padding-bottom: 6px;\n / @detail-table-header-padding-y; /\n}\n.dense .detail-table.table > .table-header > .table-header-item > .table-header-item-state {\n top: 4px;\n / top: 9px; /\n}\n.dense .detail-table.table .table-aggregate > .table-cell {\n padding-top: 4px;\n / @detail-table-row-padding-y; /\n padding-bottom: 4px;\n / @detail-table-row-padding-y; /\n}\n.dense .detail-table.table > .table-data > .table-row > .table-cell,\n.dense .detail-table.table > .table-data > .table-aggregate-row > .table-cell {\n padding-top: 3px;\n / @detail-table-row-padding-y - 1px; /\n padding-bottom: 3px;\n / @detail-table-row-padding-y - 1px; /\n}\n.dense .detail-table.table > .table-data > .table-row > .table-cell.checkable,\n.dense .detail-table.table > .table-data > .table-aggregate-row > .table-cell.checkable {\n padding-top: 3px;\n / @detail-table-row-padding-y - @checkable-cell-padding-adjustment - 1px; /\n padding-bottom: 3px;\n}\n.dense .detail-table.table > .table-data > .table-row > .table-cell > .table-row-control,\n.dense .detail-table.table > .table-data > .table-aggregate-row > .table-cell > .table-row-control {\n padding-top: 4px;\n / @detail-table-row-padding-y - 1px; /\n padding-bottom: 4px;\n / @detail-table-row-padding-y - 1px; /\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: 3px;\n / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 3px;\n}\n.dense .button {\n padding-top: 0;\n / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n}\n.dense .button > .button-label {\n padding: 0 0;\n}\n.dense .button > .icon {\n padding-top: 0;\n / padding-top: 2px; /\n padding-bottom: 0;\n / padding-bottom: 2px; /\n}\n.dense .button-field > .button > .button-label {\n padding: 0;\n / @text-field-padding-y - @button-padding-y - @button-margin-top 0 /\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 > .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) 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-bench {\n position: absolute;\n top: 0;\n background-color: #262d3b;\n / jquery sets overflow to hidden while animating which makes bench-drop-shadow invisible -> prevent it /\n overflow: visible !important;\n / NOSONAR /\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.desktop-bench.drop-shadow::before {\n content: '';\n position: absolute;\n top: 3px;\n left: 0;\n width: 10px;\n height: calc(100% - 3px);\n box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.4);\n clip-path: polygon(0 -100%, 0 200%, -100px 200%, -100px -100%);\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.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {\n margin-left: 25px;\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: #495465;\n}\n.desktop-bench > .splitter.x-axis {\n margin-left: -7px;\n margin-right: -7px;\n}\n.detail-table.table.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.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(75, 187, 255, 0.8) solid;\n width: 100px;\n height: 100px;\n}\n.detail-table.table.ie {\n height: 0;\n width: 0;\n}\n.detail-table.table > .table-header {\n padding-left: 12px;\n padding-right: 12px;\n background-color: #2d3748;\n border-bottom-color: #495465;\n}\n.detail-table.table > .table-header > .table-header-item {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.detail-table.table > .table-header > .table-header-item > .table-header-item-state {\n top: 9px;\n}\n.detail-table.table > .table-header > .menubar-container {\n padding-left: 6px;\n padding-right: 10px;\n}\n.detail-table.table > .table-header > .menubar-container > .menubar > .menubox > .menu-item {\n margin-right: 12px;\n}\n.detail-table.table > .table-data {\n padding-left: 12px;\n padding-right: 12px;\n}\n.detail-table.table > .table-footer {\n background-color: #1a1d28;\n}\n.detail-table.table .table-aggregate {\n / Desktop table has a 2px (left) border. /\n margin-left: 14px;\n}\n.detail-table.table .table-aggregate > .table-cell {\n padding-top: 12px;\n padding-bottom: 12px;\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 > .table-row,\n.detail-table.table > .table-data > .table-aggregate-row {\n / Desktop table has a 2px border. Top and bottom border are added to the table cell. /\n border-left-width: 2px;\n border-right-width: 2px;\n}\n.detail-table.table > .table-data > .table-row.selected,\n.detail-table.table > .table-data > .table-aggregate-row.selected {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.detail-table.table > .table-data > .table-row > .table-cell,\n.detail-table.table > .table-data > .table-aggregate-row > .table-cell {\n / Replace first and last pixel of specified row padding by a transparent border. This border will be /\n / set to the selection color when the row is selected, thus creating the illusion that the 2px selection /\n / border is drawn around the cell. See CSS rules below. /\n padding-top: 11px;\n padding-bottom: 11px;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n}\n.detail-table.table > .table-data > .table-row > .table-cell.checkable,\n.detail-table.table > .table-data > .table-aggregate-row > .table-cell.checkable {\n padding-top: 9px;\n padding-bottom: 0;\n}\n.detail-table.table > .table-data > .table-row > .table-cell > .table-row-control,\n.detail-table.table > .table-data > .table-aggregate-row > .table-cell > .table-row-control {\n padding-top: 11px;\n padding-bottom: 11px;\n}\n.detail-table.table > .table-data > .table-row.select-top > .table-cell,\n.detail-table.table > .table-data > .table-aggregate-row.select-top > .table-cell {\n border-top-color: #4bbbff;\n}\n.detail-table.table > .table-data > .table-row.select-bottom > .table-cell,\n.detail-table.table > .table-data > .table-aggregate-row.select-bottom > .table-cell {\n border-bottom-color: #4bbbff;\n}\n.detail-table.table > .table-data > .table-row.select-single > .table-cell,\n.detail-table.table > .table-data > .table-aggregate-row.select-single > .table-cell {\n border-top-color: #4bbbff;\n border-bottom-color: #4bbbff;\n}\n.detail-table.table > .table-data > .cell-editor-popup > .check-box-field {\n border-top: 2px solid #4bbbff;\n border-bottom: 2px solid #4bbbff;\n}\n.detail-table.table > .table-data > .cell-editor-popup > .check-box-field > .field {\n padding-top: 9px;\n}\n.detail-table.table > .table-data > .cell-editor-popup > .cell-editor-form-field > input,\n.detail-table.table > .table-data > .cell-editor-popup > .cell-editor-form-field > .field > input {\n border-top: 2px solid #4bbbff;\n border-bottom: 2px solid #4bbbff;\n}\n@media only screen and (min-resolution: 96.96dpi) {\n / 1.01dppx / 101% /\n / The browser may not display the 2px border properly when zoomed, it draws a white gap between the cell and the row border.\n To prevent that the border is reduced to the simple 1px border. This is also applied if windows font size is set to medium (125%) /\n .detail-table.table > .table-data > .table-row,\n .detail-table.table > .table-data > .table-aggregate-row {\n border-left-width: 1px;\n border-right-width: 1px;\n }\n .detail-table.table > .table-data > .table-row.select-top > .table-cell,\n .detail-table.table > .table-data > .table-aggregate-row.select-top > .table-cell {\n border-top-color: transparent;\n }\n .detail-table.table > .table-data > .table-row.select-bottom > .table-cell,\n .detail-table.table > .table-data > .table-aggregate-row.select-bottom > .table-cell {\n border-bottom-color: transparent;\n }\n .detail-table.table > .table-data > .table-row.select-single > .table-cell,\n .detail-table.table > .table-data > .table-aggregate-row.select-single > .table-cell {\n border-top-color: transparent;\n border-bottom-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.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}\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(75, 187, 255, 0.8) solid;\n width: 16px;\n height: 16px;\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: #4bbbff;\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: #495465;\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: 51px;\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: #495465;\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}\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: #495465;\n display: inline;\n margin-right: 6px;\n}\n.carousel-status > .current-item {\n color: #e4e4e6;\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: 9px;\n border-radius: 3px;\n}\n.collapse-handle.one-visible {\n cursor: pointer;\n}\n.collapse-handle.one-visible:active > .collapse-handle-body {\n background-color: #1561A7;\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: 8px 6px;\n background-color: transparent;\n color: #4bbbff;\n border: 1px solid #2B73B3;\n border-radius: 3px;\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}\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:active > .collapse-handle-body {\n color: #fff;\n background-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.desktop-tab.simple-tab {\n width: 220px;\n padding: 6px 10px 0 20px;\n}\n.desktop-tab.simple-tab.small {\n width: 130px;\n}\n.desktop-tab.simple-tab > .title {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\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-header {\n position: absolute;\n top: 0;\n height: 51px;\n background-color: #394051;\n / jquery sets overflow to hidden while animating which makes bench-drop-shadow invisible -> prevent it /\n overflow: visible !important;\n / NOSONAR (see comment above) /\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.desktop-header::before {\n content: '';\n background-color: #1a1d28;\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(100% - 1px);\n left: 0;\n}\n.desktop-header > .simple-tab-area {\n height: 51px;\n}\n.desktop-header > .simple-tab-area > .simple-tab.selected::before {\n content: '';\n position: absolute;\n top: 3px;\n left: 0;\n width: 10px;\n height: calc(100% - 3px);\n box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.4);\n clip-path: polygon(0 -100%, 0 200%, -100px 200%, -100px -100%);\n top: 0;\n width: 20px;\n height: 110%;\n}\n.desktop-header > .simple-tab-area > .simple-tab.selected:not(:first-child)::before {\n box-shadow: -7px 0 10px 0 rgba(0, 0, 0, 0.4);\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 {\n height: 100%;\n}\n.desktop-header > .view-button-box > .view-tab {\n height: 100%;\n}\n.desktop-header > .view-button-box > .view-button-tab,\n.desktop-header > .view-button-box > .view-tab > .view-button-tab,\n.desktop-header > .view-button-box > .view-tab > .view-menu {\n / 1px smaller than the header because of the bottom border (see .selected rule for .simple-tab) /\n height: calc(100% - 1px);\n vertical-align: top;\n background-color: #11151d;\n color: #fff;\n}\n.desktop-header > .view-button-box > .view-button-tab.last,\n.desktop-header > .view-button-box > .view-tab > .view-button-tab.last,\n.desktop-header > .view-button-box > .view-tab > .view-menu.last {\n border-right-color: #495465;\n}\n.desktop-header > .view-button-box > .view-button-tab:hover:not(.selected) > .font-icon,\n.desktop-header > .view-button-box > .view-tab > .view-button-tab:hover:not(.selected) > .font-icon,\n.desktop-header > .view-button-box > .view-tab > .view-menu:hover:not(.selected) > .font-icon {\n color: #fff;\n}\n.desktop-header:not(.in-background) > .view-button-box > .view-button-tab.selected,\n.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-button-tab.selected,\n.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-menu.selected {\n background-color: #262d3b;\n color: #4bbbff;\n height: 100%;\n padding-bottom: 1px;\n}\n.desktop-header:not(.in-background) > .view-button-box > .view-button-tab.selected.popup-open,\n.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-button-tab.selected.popup-open,\n.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-menu.selected.popup-open {\n height: calc(100% - 1px);\n}\n.outline-content-has-menubar.desktop-header:not(.in-background) > .view-button-box > .view-button-tab.selected,\n.outline-content-has-menubar.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-button-tab.selected,\n.outline-content-has-menubar.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-menu.selected {\n background-color: #1a1d28;\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: #11151d;\n color: #e4e4e6;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline > .outline-title {\n height: 50px;\n margin-left: 35px;\n margin-bottom: 9px;\n border-bottom: none;\n padding-left: 20px;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline > .outline-title > .outline-title-text {\n padding-top: 0;\n padding-bottom: 0;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline > .outline-title > .menubar {\n height: 50px;\n / 100% not possible because outline-title must not be position relative due to menu item focus border /\n top: 0;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline.breadcrumb > .outline-title > .outline-title-text {\n padding-left: 0;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline.breadcrumb:not(.search-outline) > .outline-title {\n margin-bottom: 0;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline.breadcrumb:not(.search-outline) > .tree-data {\n margin-top: 9px;\n border-top: 1px solid #495465;\n}\n.desktop-navigation.single-view-button > .navigation-body > .search-outline > .outline-title {\n margin-bottom: 0;\n}\n.desktop-navigation.single-view-button > .navigation-body > .search-outline > .search-outline-panel {\n padding-top: 10px;\n padding-bottom: 8px;\n}\n.desktop-navigation.single-view-button > .navigation-body > .search-outline > .search-outline-panel.has-status {\n padding-bottom: 14px;\n}\n.desktop-navigation.single-view-button > .navigation-body > .search-outline > .search-outline-panel > .search-outline-field {\n height: 32px;\n}\n.desktop-navigation.single-view-button > .navigation-body > .search-outline > .search-outline-panel > .clear-icon {\n top: 10px;\n height: 32px;\n}\n.desktop-navigation.single-view-button > .view-button-box .view-button-tab {\n padding-left: 20px;\n text-align: left;\n / for IE /\n text-align: initial;\n}\n.desktop-navigation-breadcrumb {\n width: 240px;\n}\n.navigation-body {\n position: absolute;\n}\n.desktop-navigation > .desktop-tool-box {\n background-color: #394051;\n text-align: 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-navigation-handle.collapse-handle {\n position: absolute;\n}\n.desktop-navigation-handle.collapse-handle:active > .collapse-handle-body,\n.desktop-navigation-handle.collapse-handle.active > .collapse-handle-body {\n background-color: #1d222b;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body {\n background-color: #11151d;\n border-color: rgba(228, 228, 230, 0.75);\n color: rgba(228, 228, 230, 0.75);\n}\n.desktop-navigation-handle.collapse-handle.navigation-closed > .collapse-handle-body {\n / increase border radius a little, otherwise it is barely visible /\n border-radius: 4px;\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) 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-notifications {\n position: fixed;\n right: 10px;\n top: 0;\n height: 100%;\n width: 250px;\n margin-top: 57px;\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: 250px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 20px;\n }\n}\n@keyframes desktop-notification-slide-in {\n 0% {\n left: 250px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 20px;\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 margin-bottom: 20px;\n }\n 100% {\n opacity: 0;\n margin-bottom: -37px;\n }\n}\n@keyframes desktop-notification-fade-out {\n 0% {\n opacity: 1;\n margin-bottom: 20px;\n }\n 100% {\n opacity: 0;\n margin-bottom: -37px;\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: 250px;\n float: right;\n border-left: 3px solid #4bbbff;\n background-color: #394051;\n margin-bottom: 20px;\n pointer-events: auto;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.desktop-notification.ok {\n border-left-color: #0DAF66;\n}\n.desktop-notification.info {\n border-left-color: #2B73B3;\n}\n.desktop-notification.warning {\n border-left-color: #FDAD4F;\n}\n.desktop-notification.error {\n border-left-color: #FF6060;\n}\n.desktop-notification-content {\n border: 1px solid #495465;\n border-left-width: 0;\n padding: 10px;\n / Prevent overlay of text and close icon /\n}\n.desktop-notification-content.closable {\n padding-right: 25px;\n}\n.desktop-notification-content > .closer {\n position: absolute;\n right: 10px;\n top: 10px;\n}\n.desktop-notification-message {\n display: inline-block;\n}\n.desktop-notification-loader {\n display: inline-block;\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: 6px;\n border-radius: 50%;\n border: 1px rgba(75, 187, 255, 0.8) solid;\n width: 14px;\n height: 14px;\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.outline.tree.in-background > .tree-data > .tree-node.selected {\n background-color: #222835;\n color: #fff;\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 > .scrollbar > .scrollbar-thumb > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.2);\n}\n.outline.tree > .tree-data > .scrollbar > .scrollbar-thumb-move > .scrollbar-thumb-handle,\n.outline.tree > .tree-data > .scrollbar > .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.3);\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 color: #e4e4e6;\n background-color: transparent;\n cursor: pointer;\n border: 0;\n / padding-right is used to leave some space for the scrollbar /\n padding: 8px 8px 8px 37px;\n}\n.outline.tree > .tree-data > .tree-node.group,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: #1d222b;\n}\n.outline.tree > .tree-data > .tree-node > .text,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text {\n font-size: 14px;\n}\n.outline.tree > .tree-data > .tree-node > .text > .compact-cell-header > .compact-cell-title > .right,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text > .compact-cell-header > .compact-cell-title > .right {\n color: #79818d;\n}\n.outline.tree > .tree-data > .tree-node > .text > .compact-cell-content,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text > .compact-cell-content {\n color: #e4e4e6;\n}\n.outline.tree > .tree-data > .tree-node > .text > .compact-cell-content.has-header,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text > .compact-cell-content.has-header {\n color: #79818d;\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}\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: 8px;\n padding-left: 17px;\n line-height: 14px;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control::before,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control::before {\n font-size: 20px;\n / always use same color as the tree-node label /\n color: inherit;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control:hover::before,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control:hover::before {\n color: #FE9915;\n}\n.outline.tree > .tree-data > .tree-node.selected,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected {\n color: #e4e4e6;\n background-color: #262d3b;\n border: 0;\n}\n.outline.tree > .tree-data > .tree-node.selected > .text > .compact-cell-content,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-content {\n color: #999999;\n}\n.outline-title {\n cursor: pointer;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0 12px 12px 12px;\n border-bottom: 1px solid #e4e4e6;\n}\n.outline-title::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.outline-title > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: 20px;\n padding-right: 10px;\n}\n.outline-title > .key-box {\n top: 19px;\n}\n.outline-title > .menubar {\n display: block;\n background-color: transparent;\n width: auto;\n position: absolute;\n right: 12px;\n top: 13px;\n border: none;\n color: #e4e4e6;\n}\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled) {\n color: #e4e4e6;\n}\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):hover,\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):active {\n color: #e4e4e6;\n}\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):focus,\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):not(.menu-button):focus {\n color: #e4e4e6;\n}\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):focus::after,\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):not(.menu-button):focus::after {\n border-color: #e4e4e6;\n box-shadow: 0 0 5px #e4e4e6;\n}\n.outline-title > .menubar > .menubox > .menu-item:not(.menu-textandicon):focus::after {\n outline: none;\n border: 1px solid #fff;\n box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);\n}\n.outline-title-text {\n / outline title height should be the same as main menubar and desktop header height (if there are no view buttons visible) /\n padding: 20px 2px 12px 6px;\n display: inline-block;\n vertical-align: middle;\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: #495465;\n}\n.outline.tree.breadcrumb > .outline-title.touch:active {\n background-color: #1a212d;\n}\n.outline.tree.breadcrumb > .outline-title > .outline-title-text {\n padding-left: 18px;\n}\n.outline.tree.breadcrumb.node-selected > .outline-title {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n border-bottom: 1px solid #495465;\n padding: 12px 18px;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.group,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: transparent;\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: #1d222b;\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: #11151d;\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 border-bottom-color: rgba(255, 255, 255, 0.3);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::before,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::before {\n display: none;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::after,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::after {\n display: none;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node:active,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {\n background-color: #1a212d;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #262d3b;\n color: #e4e4e6;\n cursor: default;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected::before,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::before {\n border-top-color: #262d3b;\n border-width: 8px 13px 0 13px;\n bottom: -8px;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected::after,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::after {\n border: 0;\n border-top-color: #262d3b;\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: #495465;\n}\n.outline.tree.breadcrumb:focus > .tree-data > .tree-node.parent-of-selected::before,\n.outline.tree.breadcrumb.focused > .tree-data > .tree-node.parent-of-selected::before,\n.outline.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.parent-of-selected::before,\n.outline.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.parent-of-selected::before {\n border-color: transparent;\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: #495465;\n}\n.outline.tree.breadcrumb:focus > .tree-data > .tree-node.selected::before,\n.outline.tree.breadcrumb.focused > .tree-data > .tree-node.selected::before,\n.outline.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.selected::before,\n.outline.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.selected::before {\n border-top-color: #262d3b;\n}\n.compact.outline.breadcrumb > .outline-title > .outline-title-text {\n padding-left: 16px;\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: 12px 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .icon {\n padding: 12px 0 12px 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar {\n position: absolute;\n right: 0;\n top: 0;\n width: auto;\n padding: 5px 16px 0 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar {\n padding: 0 16px 12px 16px;\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.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 > .menubar {\n padding-bottom: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview {\n background-color: transparent;\n color: #e4e4e6;\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::before,\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview::after {\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: #e4e4e6;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile {\n border-color: rgba(255, 255, 255, 0.3);\n background-color: #1d222b;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile:active {\n background-color: #11151d;\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: #11151d;\n }\n 100% {\n background-color: #1d222b;\n }\n}\n/ NOSONAR /\n@keyframes tree-node-prev-selection {\n 00% {\n background-color: #11151d;\n }\n 100% {\n background-color: #1d222b;\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 #e4e4e6;\n padding-bottom: 14px;\n margin: 0 12px 12px 12px;\n}\n.search-outline-panel ~ .tree {\n height: calc(100% - 70px);\n}\n.search-outline-field {\n border: 1px solid #495465;\n height: 35px;\n border-radius: 5px;\n width: 100%;\n}\n.search-outline-field:focus {\n border-color: #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.search-outline-field.has-text {\n padding-right: 25px;\n}\n.search-outline-field.has-text ~ .clear-icon {\n display: block;\n}\n.search-outline-field ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n height: 35px;\n line-height: 35px;\n padding-right: 10px;\n cursor: pointer;\n}\n.search-outline-field ~ .clear-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: 13px;\n content: '\\E045';\n color: #79818d;\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: 10px;\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: #495465;\n}\n.node-selected.outline.breadcrumb > .search-outline-panel {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n}\n.outline.breadcrumb > .search-outline-panel > .search-outline-field {\n margin-right: 12px;\n margin-left: 12px;\n width: calc(100% - 12px - 12px);\n}\n.outline.breadcrumb > .search-outline-panel > .search-outline-field ~ .clear-icon {\n margin-right: 12px;\n padding-right: 10px;\n}\n.outline.breadcrumb > .search-outline-panel > .search-outline-status {\n text-align: left;\n padding-left: 18px;\n}\n.compact.outline.breadcrumb > .search-outline-panel > .search-outline-status {\n padding-left: 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.up {\n color: #4bbbff;\n border-color: #2B73B3;\n}\n.navigate-button.up > .font-icon {\n color: #4bbbff;\n}\n.menubar > .menubox > .navigate-button.menu-item.down.menu-button:not(.last) {\n / Right and left margin of the navigate buttons should be equal.\n Setting this margin-right is especially necessary if on the right side of these buttons is another button. /\n margin-right: 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.outline-overview {\n position: relative;\n height: 100%;\n width: 100%;\n display: table;\n}\n.outline-overview-content {\n color: #262d3b;\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 white-space: nowrap;\n padding-right: 20px;\n}\n.desktop-tool-box.compact {\n padding-right: 15px;\n}\n.desktop-tool-box-item.menu-item {\n height: 50px;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 14px;\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n margin-left: 20px;\n margin-right: 20px;\n}\n.desktop-tool-box-item.menu-item.last {\n margin-right: 0;\n}\n.desktop-tool-box-item.menu-item.compact {\n margin-left: 10px;\n margin-right: 10px;\n}\n.desktop-tool-box-item.menu-item.compact.last {\n margin-right: 0;\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: 17px;\n}\n.desktop-tool-box-item.menu-item > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px. 33px is the desktop logo height /\n max-height: 33px;\n}\n.desktop-tool-box-item.menu-item.menu-textandicon > .icon {\n padding-right: 6px;\n}\n/ header: tools popup /\n.desktop-tool-box-item.popup-head {\n height: 50px;\n border-left: 1px solid #495465;\n border-right: 1px solid #495465;\n cursor: pointer;\n box-shadow: none;\n border-top: none;\n / OVERRIDE .desktop-tool-box-item.menu-item /\n margin-left: 0;\n margin-right: 0;\n position: absolute;\n}\n.popup.down > .desktop-tool-box-item.popup-head {\n / above selector is too less specific /\n padding-top: 0;\n}\n.desktop-tool-box-item.popup-head.selected > .font-icon {\n font-size: 17px;\n}\n/ key boxes /\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 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.view-tab {\n display: inline-block;\n position: relative;\n height: 50px;\n}\n.view-tab > .key-box {\n bottom: 4px;\n}\n.view-button-tab {\n white-space: nowrap;\n border-right: solid 1px #495465;\n text-align: center;\n min-width: 50px;\n background-color: #394051;\n color: #e4e4e6;\n}\n.view-button-tab::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.view-button-tab:hover {\n cursor: pointer;\n}\n.view-button-tab:hover:not(.selected) > .font-icon {\n color: #4bbbff;\n}\n.view-button-tab:active:not(.selected) > .font-icon {\n color: #4bbbff;\n}\n.view-button-tab.selected {\n background-color: #11151d;\n color: #fff;\n}\n.view-button-tab.selected.last {\n border-right-color: transparent;\n}\n.view-button-tab.disabled {\n color: #999999;\n}\n.view-button-tab.disabled:hover {\n cursor: default;\n color: #999999;\n}\n.view-button-tab.disabled:hover:not(.selected) > .font-icon {\n color: #999999;\n}\n.view-button-tab.view-menu-popup-head {\n position: absolute;\n background-color: #fff;\n color: #4bbbff;\n}\n.view-button-tab > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\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.view-button-box {\n display: inline-block;\n vertical-align: top;\n height: 50px;\n white-space: nowrap;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n overflow: hidden;\n position: relative;\n / if covered by glass pane /\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-tab > .menu-item {\n height: 50px;\n display: inline-block;\n padding-left: 10px;\n padding-right: 10px;\n border-right: solid 1px #495465;\n}\n.view-tab > .menu-item > .icon {\n top: 0;\n}\n.view-tab > .view-button-tab {\n display: inline-block;\n height: 50px;\n}\n.view-tab > .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 position: relative;\n vertical-align: middle;\n display: inline-block;\n line-height: normal;\n height: auto;\n / Make IE trigger the :active state if the text or icon is pressed /\n pointer-events: none;\n}\n.view-menu {\n padding-left: 10px;\n padding-right: 10px;\n border-right: solid 1px #495465;\n background-color: #394051;\n color: #e4e4e6;\n}\n.view-menu.view-menu-popup-head {\n position: absolute;\n background-color: #262d3b;\n color: #4bbbff;\n}\n.view-menu.selected {\n background-color: #11151d;\n color: #fff;\n}\n.view-menu.selected.last {\n border-right-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.view-menu-popup-body {\n position: relative;\n background-color: #262d3b;\n border-right: solid 1px #495465;\n border-top: solid 1px #495465;\n overflow: hidden;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.view-menu-popup-head > .icon {\n transform: rotate(180deg);\n}\n.view-menu-item {\n padding: 0 15px 0 15px;\n height: 50px;\n border-top: solid 1px #495465;\n cursor: pointer;\n color: #e4e4e6;\n font-size: 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.view-menu-item::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.view-menu-item:first-child {\n border-top-color: transparent;\n}\n.view-menu-item:hover {\n color: #4bbbff;\n}\n.view-menu-item.disabled {\n color: #999999;\n cursor: default;\n}\n.view-menu-item.selected {\n border-top: 1px solid #4bbbff;\n background-color: #394051;\n border-color: #4bbbff;\n}\n.view-menu-item.selected + .view-menu-item {\n border-top-color: #4bbbff;\n}\n.view-menu-item.selected.last {\n border-color: #4bbbff;\n}\n.view-menu-item.last {\n border-bottom: 1px solid #495465;\n}\n.view-menu-item > .key-box {\n top: 14px;\n}\n.view-menu-item > .icon {\n position: relative;\n font-size: 20px;\n margin-right: 10px;\n vertical-align: middle;\n}\n.view-menu-item > .content {\n vertical-align: middle;\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}\n.simple-tab-area > .simple-overflow-tab-item {\n border-right: 1px solid #495465;\n display: inline-block;\n width: 30px;\n / 1px smaller than the header because of the bottom border /\n height: calc(100% - 1px);\n background-color: #394051;\n padding-top: 17px;\n text-align: center;\n cursor: pointer;\n vertical-align: top;\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 color: #e4e4e6;\n content: '\\E014';\n}\n.simple-tab-area > .simple-overflow-tab-item.animate-modality-highlight {\n -webkit-animation-name: flash-gray;\n -moz-animation-name: flash-gray;\n -o-animation-name: flash-gray;\n animation-name: flash-gray;\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.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 / 1px smaller than the header because of the bottom border (see .selected rule below) /\n height: calc(100% - 1px);\n padding: 5px;\n background-color: #394051;\n color: #e4e4e6;\n border-right: 1px solid #495465;\n}\n.simple-tab:not(.no-hover) {\n cursor: pointer;\n}\n.simple-tab:not(.no-hover):hover > .title {\n color: #4bbbff;\n}\n.simple-tab.small {\n width: 130px;\n}\n.simple-tab:active > .title {\n color: #4bbbff;\n}\n.simple-tab.disabled {\n color: #999999;\n cursor: default;\n}\n.simple-tab.selected {\n cursor: default;\n background-color: #262d3b;\n / full size of header to draw over the border-bottom /\n height: 100%;\n}\n.simple-tab.selected > .title {\n color: #4bbbff;\n}\n.simple-tab.animate-modality-highlight {\n -webkit-animation-name: flash-gray;\n -moz-animation-name: flash-gray;\n -o-animation-name: flash-gray;\n animation-name: flash-gray;\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.simple-tab > .title,\n.simple-tab > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.simple-tab > .sub-title {\n padding-top: 2px;\n}\n.simple-tab > .icon {\n float: right;\n margin-left: 5px;\n}\n.simple-tab > .status-container {\n float: right;\n position: relative;\n}\n.simple-tab > .status-container > .status {\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n}\n.simple-tab > .status-container > .status.closer {\n margin-left: 7px;\n}\n.simple-tab > .icon-container {\n float: left;\n}\n.simple-tab > .icon-container > .icon {\n margin-right: 5px;\n vertical-align: middle;\n}\n.simple-tab > .icon-container > .icon.font-icon {\n font-size: 14px;\n}\n.simple-tab.closable .closer {\n display: none;\n}\n.simple-tab.closable.selected .closer {\n display: inline-block;\n}\n/ key boxes /\n.simple-tab .key-box {\n bottom: 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.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: 400px;\n box-shadow: 4px 10px 18px -6px rgba(0, 0, 0, 0.8);\n border-top: 5px solid #4bbbff;\n border-radius: 3px;\n background-color: #262d3b;\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n}\n.file-chooser > .closable {\n position: absolute;\n right: 5px;\n margin: 8px;\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: #e4e4e6;\n}\n.file-chooser > .closable::before {\n content: '\\E045';\n}\n.file-chooser > .closable:hover {\n color: #4bbbff;\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 #495465;\n border-left-width: 1px;\n border-right-width: 1px;\n background-color: #262d3b;\n padding: 10px 20px;\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 margin-right: 30px;\n / Leave space for 'x' closable /\n word-wrap: break-word;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n color: #4bbbff;\n}\n.file-chooser-label {\n padding-top: 8px;\n padding-bottom: 8px;\n}\n.file-chooser-files {\n position: relative;\n min-height: 100px;\n max-height: 100px;\n border-top: 1px solid #495465;\n padding-top: 10px;\n margin-top: 10px;\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}\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: '\\F15B';\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.file-chooser-files > .file > .remove > .remove-link {\n text-decoration: underline;\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: inherit;\n}\n.file-input.alternative:not(.disabled):active {\n border-bottom-color: #4bbbff;\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: #262d3b;\n}\n.file-input.has-error.alternative:not(.disabled):active {\n border-bottom-color: #FF6060;\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) 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 {\n position: relative;\n background-color: #262d3b;\n}\n.view:not(.detail-form):not(.mobile-view) > .root-group-box > .main-menubar {\n background-color: inherit;\n padding-left: 0;\n padding-right: 0;\n margin-left: 20px;\n margin-right: 20px;\n}\n.view:not(.detail-form):not(.mobile-view) > .root-group-box > .main-menubar > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: inherit;\n}\n.mobile-view {\n border-top: 5px solid #4bbbff;\n}\n.dialog {\n position: absolute;\n background-color: #262d3b;\n border: solid 1px #495465;\n border-top: 5px solid #4bbbff;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n box-shadow: 4px 10px 18px -6px rgba(0, 0, 0, 0.8);\n margin: 10px;\n / minimum padding to desktop /\n margin-bottom: 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.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-open.ie {\n / IE sometimes doesn't complete the animation so that dialog is nearly invisible /\n -webkit-animation-duration: 0;\n -moz-animation-duration: 0;\n -o-animation-duration: 0;\n animation-duration: 0;\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 overflow: auto;\n / clearfix /\n zoom: 1;\n / clearfix /\n margin-top: 10px;\n margin-left: 20px;\n margin-right: 14px;\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: 5px;\n}\n.form > .header > .icon-container > .icon.font-icon {\n font-size: 14px;\n}\n.form > .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 color: #4bbbff;\n}\n.form > .header > .sub-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: 13px;\n color: #4bbbff;\n}\n.form > .header > .status-container {\n float: right;\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 margin-left: 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 > .popup-head {\n background-color: #262d3b;\n}\n.form-menu-popup > .popup-body > .form > .root-group-box > .main-menubar {\n background-color: #1a1d28;\n}\n.form-menu-popup > .popup-deco {\n background-color: #262d3b;\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) 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 {\n border-spacing: 0;\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: 8px;\n padding-bottom: 8px;\n margin-left: 10px;\n / Add small spacing between label and field /\n padding-right: 10px;\n}\n.form-field > label.empty {\n / explicitly disable ellipsis, because IE would display it for very narrow columns even if content is ' ' /\n text-overflow: clip;\n}\n.disabled.form-field > label {\n color: #999999;\n}\n.read-only.form-field > label {\n color: #e4e4e6;\n}\n.form-field > label.top {\n color: #888888;\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.read-only.form-field > label.top {\n / Always use same color for top labels even if it is disabled or read only /\n color: #888888;\n}\n.focused.form-field > label {\n color: #4bbbff;\n}\n.has-error.form-field > label {\n color: #FF6060;\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: #999999;\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: 10px;\n height: 16px;\n /* Same as font-size of status icon /\n text-align: 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}\n.form-field.has-menus.has-tooltip:not(.has-info):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: #e4e4e6;\n font-size: 18px;\n}\n.form-field.has-menus > .status:hover::before {\n color: #4bbbff;\n}\n.form-field.has-menus > .status:active::before {\n color: #4bbbff;\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: #e4e4e6;\n font-size: 16px;\n}\n.form-field.has-tooltip > .status:hover::before {\n color: #4bbbff;\n}\n.form-field.has-tooltip > .status:active::before {\n color: #4bbbff;\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: #e4e4e6;\n font-size: 16px;\n}\n.form-field.has-info > .status:hover::before {\n color: #4bbbff;\n}\n.form-field.has-info > .status:active::before {\n color: #4bbbff;\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: #FDAD4F;\n font-size: 16px;\n}\n.form-field.has-warning > .status:hover::before {\n color: #FE9915;\n}\n.form-field.has-warning > .status:active::before {\n color: #FE9915;\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: #FF6060;\n font-size: 16px;\n}\n.form-field.has-error > .status:hover::before {\n color: #DF2632;\n}\n.form-field.has-error > .status:active::before {\n color: #DF2632;\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 #495465;\n border-radius: 3px;\n background-color: #262d3b;\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: 0;\n}\n.lookup-box > .field > .structure.tree:focus,\n.lookup-box > .field > .structure.table:focus,\n.lookup-box > .field > .structure.tree.focused,\n.lookup-box > .field > .structure.table.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.lookup-box > .field > .structure.tree.ie,\n.lookup-box > .field > .structure.table.ie {\n border-radius: 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.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 > .icon,\n.value-field > .field > .icon,\n.value-field > .clear-icon,\n.value-field > .field > .clear-icon {\n display: none;\n position: absolute;\n padding-right: 10px;\n}\n.value-field > .icon::before,\n.value-field > .field > .icon::before,\n.value-field > .clear-icon::before,\n.value-field > .field > .clear-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: 13px;\n color: #79818d;\n}\n.value-field.alternative > .icon,\n.value-field.alternative > .field > .icon,\n.value-field.alternative > .clear-icon,\n.value-field.alternative > .field > .clear-icon {\n padding-right: 4px;\n}\n.value-field > .clear-icon,\n.value-field > .field > .clear-icon {\n cursor: pointer;\n}\n.value-field > .clear-icon::before,\n.value-field > .field > .clear-icon::before {\n content: '\\E045';\n}\n.value-field > .clear-icon:hover::before,\n.value-field > .field > .clear-icon:hover::before {\n color: #FE9915;\n}\n.value-field > .icon,\n.value-field > .field > .icon {\n cursor: text;\n}\n.value-field.halign-right > .clear-icon,\n.value-field.halign-right > .field > .clear-icon {\n padding-left: 10px;\n padding-right: 0;\n}\n.value-field.alternative.halign-right > .clear-icon,\n.value-field.alternative.halign-right > .field > .clear-icon {\n padding-left: 4px;\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: #4bbbff;\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: #FF6060;\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: #FF6060;\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: block;\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) > .clear-icon:hover::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon:hover::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .clear-icon:hover::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .clear-icon:hover::before {\n color: #FE9915;\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: 30px;\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: 23px;\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: 30px;\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: 23px;\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: 7px;\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: #4bbbff;\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: #FF6060;\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: #FF6060;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > .icon,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .icon {\n display: block;\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: 30px;\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: 23px;\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 > .button {\n / The 18px min-height is required because in Chrome the height of the ::after element\n * is not calculated properly when height is set to 100%. This has the effect that buttons\n * change their size when a button changes its focus state. See ticket 194111.\n /\n}\n.button-field > .button::after {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 18px;\n}\n.button-field > .button > .button-label {\n padding: 4px 0;\n}\n.button-field > .button.selected {\n border-style: inset;\n border-right-color: #495465;\n border-bottom-color: #495465;\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 > .field.link-button {\n / add a transparent border to align text with normal buttons which also have a border /\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n}\n.logical-grid-layout > .button-field > .field.link-button {\n / make sure link is centered when button has a fixed height (which is the case with logical grid layout) /\n white-space: nowrap;\n}\n.logical-grid-layout > .button-field > .field.link-button::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.button-field > .field.link-button > .link.menu-item {\n / Draw underline in child element, otherwise the position would not be correct in FF /\n text-decoration: none;\n vertical-align: middle;\n color: #4bbbff;\n}\n.button-field > .field.link-button > .link.menu-item > .text {\n text-decoration: underline;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.button-field > .field.link-button > .link.menu-item > .text,\n.button-field > .field.link-button > .link.menu-item > .submenu-icon,\n.button-field > .field.link-button > .link.menu-item > .icon {\n / Reset IE hack for link buttons because it breaks ellipsis tooltip /\n pointer-events: auto;\n / Make sure button is not clickable if it is covered by a glass pane /\n}\n.glasspane-parent.button-field > .field.link-button > .link.menu-item > .text,\n.glasspane-parent.button-field > .field.link-button > .link.menu-item > .submenu-icon,\n.glasspane-parent.button-field > .field.link-button > .link.menu-item > .icon,\n.glasspane-parent .button-field > .field.link-button > .link.menu-item > .text,\n.glasspane-parent .button-field > .field.link-button > .link.menu-item > .submenu-icon,\n.glasspane-parent .button-field > .field.link-button > .link.menu-item > .icon {\n pointer-events: none;\n}\n.button-field > .field.link-button > .link.menu-item:hover {\n color: #18a8ff;\n}\n.button-field > .field.link-button > .link.menu-item:active,\n.button-field > .field.link-button > .link.menu-item.active {\n color: #18a8ff;\n}\n.button-field > .field.link-button > .link.menu-item.disabled {\n color: #999999;\n}\n.button-field > .field.link-button:focus {\n outline: none;\n}\n.button-field > .field.link-button:focus > .link.menu-item::after {\n position: absolute;\n content: '';\n left: -3px;\n top: -3px;\n width: calc(100% + 6px);\n height: calc(100% + 6px);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-radius: 3px;\n}\n.button-field > .field.link-button > .link.menu-item > .icon.image-icon {\n / override hack in Menu.css /\n top: 0;\n}\n.button-field > .key-box {\n position: absolute;\n top: 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.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 #495465;\n border-radius: 3px;\n}\n.browser-field > .field.alternative {\n border-radius: 0;\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/\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 > .check-box,\n.check-box-field > .field > .label {\n color: #e4e4e6;\n cursor: pointer;\n vertical-align: middle;\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 display: inline-block;\n position: relative;\n width: 18px;\n height: 18px;\n border: 1px solid #495465;\n border-radius: 3px;\n background-color: #262d3b;\n text-align: center;\n}\n.check-box-field > .field > .check-box:focus {\n outline: none;\n border-color: #4bbbff;\n}\n.check-box-field > .field > .check-box::before {\n position: absolute;\n display: block;\n line-height: 18px;\n width: 16px;\n}\n.check-box-field > .field > .check-box.checked::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: '\\E005';\n color: #4bbbff;\n font-size: 11px;\n}\n.check-box-field > .field > .check-box.undefined::before {\n / tri-state /\n content: '';\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n border-radius: 1px;\n background-color: #4bbbff;\n}\n.check-box-field > .field > .check-box.disabled {\n background-color: inherit;\n}\n.check-box-field > .field > .check-box.disabled::before {\n color: #999999;\n}\n.check-box-field > .field > .check-box.disabled.undefined::before {\n / tri-state /\n background-color: #999999;\n}\n.check-box-field > .field > .cell-editor-field.check-box {\n padding: 0;\n margin: 0 4px 0 8px;\n vertical-align: top;\n}\n.check-box-field > .field > .cell-editor-field.check-box.last {\n margin-right: 14px !important;\n}\n.check-box-field > .field.halign-right > .cell-editor-field.check-box {\n margin-right: 8px;\n margin-left: 4px;\n}\n.check-box-field > .field.halign-center > .cell-editor-field.check-box {\n margin-right: 8px;\n}\n.check-box-field.cell-editor-form-field > .field {\n / 1px because cell editor popup starts at the table row which has a 1px border and check box field does not have a border /\n padding-top: 5.5px;\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: #999999;\n}\n.check-box-field.disabled > .field.read-only > .label {\n color: #e4e4e6;\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: #394051;\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: #4bbbff;\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: #FF6060;\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: #FF6060;\n}\n.date-field.focused > .icon.time::before,\n.date-field.focused > .field > .icon.time::before {\n color: #4bbbff;\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: #FF6060;\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: #FF6060;\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: '\\E003';\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: #4bbbff;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > .icon.date {\n display: block;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date {\n padding-right: 30px;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date.alternative {\n padding-right: 23px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > .icon.time {\n display: block;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time {\n padding-right: 30px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time.alternative {\n padding-right: 23px;\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: #4bbbff;\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: #FF6060;\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: #FF6060;\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: #4bbbff;\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: #FF6060;\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:hover::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).date-focused > .field > .icon.date-clear:hover::before {\n color: #FE9915;\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: block;\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: 30px;\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: 23px;\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: #4bbbff;\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: #FF6060;\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: #FF6060;\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: #4bbbff;\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: #FF6060;\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:hover::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).time-focused > .field > .icon.time-clear:hover::before {\n color: #FE9915;\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: block;\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: 30px;\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: 23px;\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: #79818d;\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(153, 153, 153, 0.7);\n}\n.date-field > .field > .predict {\n color: #999999;\n background-color: #262d3b;\n}\n.date-field > .field > .predict.alternative {\n background-color: transparent;\n}\n.date-field > .field > .predict.has-error {\n background-color: #262d3b;\n}\n.date-field > .field > .predict + input {\n background-color: transparent;\n}\n.date-field.date-clearable > .field > .icon.date-clear {\n display: block;\n}\n.date-field.date-clearable > .field > .icon.date {\n display: none;\n}\n.date-field.time-clearable > .field > .icon.time-clear {\n display: block;\n}\n.date-field.time-clearable > .field > .icon.time {\n display: none;\n}\n.date-picker-popup.bottom,\n.time-picker-popup.bottom {\n margin-top: 5px;\n}\n.date-picker-popup.top,\n.time-picker-popup.top {\n margin-bottom: 5px;\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 > .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: '\\F15B';\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: #79818d;\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(153, 153, 153, 0.7);\n}\n.file-chooser-field > .legacy-upload-form > .legacy-upload-file-input {\n padding: 3px;\n height: 100%;\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.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-title {\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 margin-right: 0;\n background-color: inherit;\n}\n.group-box > .menubar > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: inherit;\n}\n.group-box.collapsed > .menubar {\n display: none;\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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\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-title {\n width: calc(100% - 10px);\n margin-top: 8px;\n margin-left: 10px;\n border-bottom: 3px solid #495465;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding: 12px 0 12px 0;\n position: relative;\n}\n.group-box.has-sub-label > .group-box-title {\n padding-bottom: 6px;\n}\n.group-box-title.has-menubar {\n padding-top: 6.25px;\n padding-bottom: 6.25px;\n}\n.group-box-title.has-menubar > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n}\n.group-box-title > .group-box-control {\n display: inline-block;\n color: #4bbbff;\n cursor: pointer;\n / adjust control position (use absolute positioning, otherwise the layout would be disturbed, /\n / because the control div is higher than the title span /\n position: absolute;\n padding-left: 15px;\n text-align: center;\n vertical-align: middle;\n width: 25px;\n}\n.group-box-title > .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 line-height: 15px;\n font-weight: bold;\n content: '\\F107';\n}\n.group-box.collapsed > .group-box-title > .group-box-control::before {\n content: '\\E015';\n}\n.group-box-title > .label {\n display: inline-block;\n vertical-align: middle;\n font-weight: bold;\n color: #4bbbff;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: calc(100% - 25px);\n}\n.group-box-title > .sub-label {\n font-size: 10px;\n color: #999999;\n padding-top: 3px;\n}\n.group-box-title > .status {\n margin-left: 10px;\n padding: 4px 0;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n}\n.group-box-title > .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}\n.group-box.has-tooltip > .group-box-title > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-tooltip > .group-box-title > .status::before {\n content: '\\E002';\n color: #e4e4e6;\n font-size: 16px;\n}\n.group-box.has-tooltip > .group-box-title > .status:hover::before {\n color: #4bbbff;\n}\n.group-box.has-tooltip > .group-box-title > .status:active::before {\n color: #4bbbff;\n}\n.group-box.has-info > .group-box-title > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-info > .group-box-title > .status::before {\n content: '\\E002';\n color: #e4e4e6;\n font-size: 16px;\n}\n.group-box.has-info > .group-box-title > .status:hover::before {\n color: #4bbbff;\n}\n.group-box.has-info > .group-box-title > .status:active::before {\n color: #4bbbff;\n}\n.group-box.has-warning > .group-box-title > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-warning > .group-box-title > .status::before {\n content: '\\E001';\n color: #FDAD4F;\n font-size: 16px;\n}\n.group-box.has-warning > .group-box-title > .status:hover::before {\n color: #FE9915;\n}\n.group-box.has-warning > .group-box-title > .status:active::before {\n color: #FE9915;\n}\n.group-box.has-error > .group-box-title > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-error > .group-box-title > .status::before {\n content: '\\E001';\n color: #FF6060;\n font-size: 16px;\n}\n.group-box.has-error > .group-box-title > .status:hover::before {\n color: #DF2632;\n}\n.group-box.has-error > .group-box-title > .status:active::before {\n color: #DF2632;\n}\n.group-box-title.expandable {\n / Expansion can also be performed on the title itself /\n cursor: pointer;\n}\n.group-box-body {\n position: relative;\n padding: 14px 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 {\n / 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 -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 overflow: hidden;\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 > .field {\n padding-top: 8px;\n padding-bottom: 8px;\n margin-left: 10px;\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.label-field > .field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: #79818d;\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(153, 153, 153, 0.7);\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.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.list-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.list-box > .field > .table {\n border: 1px solid #495465;\n border-radius: 3px;\n background-color: #262d3b;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.list-box > .field > .table.alternative {\n border-radius: 0;\n}\n.list-box > .field > .table:focus,\n.list-box > .field > .table.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.list-box > .field > .table.ie {\n border-radius: 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.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 #495465;\n border-radius: 3px;\n}\n.planner-field > .planner.alternative {\n border-radius: 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.radio-button > .field {\n padding: 6px 0;\n margin-left: 10px;\n outline: none;\n overflow: hidden;\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 vertical-align: middle;\n}\n.radio-button > .field > .label {\n color: #e4e4e6;\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 min-width: 18px;\n min-height: 18px;\n background-color: #262d3b;\n border: 1px solid #495465;\n border-radius: 50%;\n text-align: center;\n position: relative;\n}\n.radio-button > .field > .radio-button-circle:focus {\n border-color: #4bbbff;\n outline: none;\n}\n.radio-button > .field > .radio-button-circle.checked::before {\n content: '';\n position: absolute;\n top: 4px;\n left: 4px;\n width: calc(100% - 8px);\n height: calc(100% - 8px);\n box-shadow: 0 0 1px 0 #4bbbff;\n background-color: #4bbbff;\n border-radius: 50%;\n}\n.radio-button > .field > .radio-button-circle.disabled {\n background-color: inherit;\n cursor: default;\n}\n.radio-button > .field > .radio-button-circle.disabled.checked::before {\n background-color: #999999;\n}\n.radio-button.disabled > .field > .label,\n.radio-button.disabled > .field > .icon {\n cursor: default;\n color: #999999;\n}\n.radiobutton-indentation {\n margin-left: 25px;\n}\n.radiobutton-group-body > .radiobutton-indentation {\n margin-left: 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.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.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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\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: '\\E04F';\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: '\\E042';\n}\n.smart-field.popup-open > .multiline.field.focused {\n box-shadow: none;\n}\n.smart-field.popup-open > .field > .multiline-input.has-error:focus {\n border-bottom-color: #FF6060;\n}\n.smart-field.popup-open > .field > .multiline-input:focus {\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-bottom-color: #4bbbff;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.smart-field.popup-open > .field > .multiline-input.alternative:focus {\n box-shadow: none;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.smart-field.popup-open > .field > .multiline-lines.focused {\n border-color: #495465;\n}\n.smart-field.has-error > .multiline.field.focused {\n box-shadow: 0 0 5px #FF6060;\n}\n.smart-field > .multiline.field.focused {\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.smart-field > .field > .multiline-input {\n border-bottom-color: #495465;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n width: 100%;\n padding-left: 10px;\n}\n.smart-field > .field > .multiline-input:focus {\n box-shadow: none;\n}\n.smart-field > .field > .multiline-input.has-error:focus {\n border-bottom-color: #FF6060;\n}\n.smart-field > .field > .multiline-input.alternative,\n.smart-field > .field > .multiline-input.read-only {\n border-bottom-color: #495465;\n}\n.smart-field > .field > .multiline-input.alternative.has-error,\n.smart-field > .field > .multiline-input.read-only.has-error {\n border-bottom-color: #FF6060;\n}\n.smart-field > .field > .multiline-input.alternative {\n padding-left: 0;\n padding-right: 0;\n}\n.smart-field > .field > .multiline-input.alternative:focus {\n border-bottom-color: #4bbbff;\n}\n.smart-field > .field > .multiline-input.alternative.has-error {\n border-bottom-color: #FF6060;\n}\n.smart-field > .field > .multiline-lines {\n background-color: #262d3b;\n border: solid 1px #495465;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 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: inherit;\n}\n.smart-field > .field > .multiline-lines.focused {\n border-color: #4bbbff;\n}\n.smart-field > .field > .multiline-lines.has-error {\n border-color: #FF6060;\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 color: #999999;\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.read-only > .field > .multiline-lines {\n color: #e4e4e6;\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: #79818d;\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(153, 153, 153, 0.7);\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: 30px;\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: 23px;\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: 30px;\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: 30px;\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: 23px;\n}\n.dropdown-field.halign-right > .clear-icon,\n.proposal-field.halign-right > .clear-icon,\n.smart-field.halign-right > .clear-icon,\n.dropdown-field.halign-right > .field > .clear-icon,\n.proposal-field.halign-right > .field > .clear-icon,\n.smart-field.halign-right > .field > .clear-icon {\n padding-left: 0;\n padding-right: 10px;\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 padding-left: 0;\n padding-right: 4px;\n}\n.dropdown-field-popup,\n.smart-field-popup,\n.proposal-field-popup {\n position: absolute;\n border: solid 1px #014786;\n border-radius: 3px;\n overflow: hidden;\n background-color: #262d3b;\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.dropdown-field-popup.bottom,\n.smart-field-popup.bottom,\n.proposal-field-popup.bottom {\n margin-top: 5px;\n}\n.dropdown-field-popup.top,\n.smart-field-popup.top,\n.proposal-field-popup.top {\n margin-bottom: 5px;\n}\n.dropdown-field-popup.touch,\n.smart-field-popup.touch,\n.proposal-field-popup.touch {\n background-color: #1a1d28;\n}\n.dropdown-field-popup.alternative,\n.smart-field-popup.alternative,\n.proposal-field-popup.alternative {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n border-radius: 0;\n}\n.proposal-chooser > .active-filter {\n padding-left: 7px;\n padding-right: 7px;\n position: absolute;\n}\n.proposal-chooser > .status {\n padding: 7px 8px 0 10px;\n}\n.proposal-chooser > .active-filter,\n.proposal-chooser > .status {\n background-color: #1a1d28;\n border-top: solid 1px #4bbbff;\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 > .active-filter > .radiobutton-group {\n width: 100%;\n height: 30px;\n}\n.proposal-chooser > .active-filter > .radiobutton-group > .radiobutton-group-body {\n width: 100%;\n height: 30px;\n}\n.proposal-chooser > .active-filter > .radiobutton-group > .radiobutton-group-body > .radio-button {\n position: relative;\n display: inline-block;\n margin-right: 10px;\n}\n.proposal-chooser > .table {\n / Avoids a bug where the table is overlapping the status-field by 1 pixel /\n overflow: hidden;\n}\n.proposal-chooser > .table > .table-data > .table-row {\n / Use text-field-padding-x for the first cell, so the text in the\n * table is exactly left-aligned with the text in the text-field above /\n}\n.proposal-chooser > .table > .table-data > .table-row > .table-cell.first {\n padding-left: 10px;\n}\n.proposal-chooser > .table > .table-data > .table-row.selected {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.proposal-chooser:not(.touch) > .table > .table-data > .table-row.selected.last {\n / Change color of last element to avoid double-border effect /\n border-bottom-color: #394051;\n}\n.proposal-chooser:not(.touch) > .table > .table-data > .table-row.last {\n border-bottom-color: transparent;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.selected {\n / tree is not focused but should look as if it were /\n background-color: #394051;\n border-color: #4bbbff;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.selected.last {\n / Change color of last element to avoid double-border effect /\n border-bottom-color: #394051;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.first {\n border-top-color: #394051;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.last {\n border-bottom-color: transparent;\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: #495465;\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: #4bbbff;\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 #4bbbff;\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 #4bbbff;\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 > textarea.ie9 {\n / NOSONAR overqualify by purpose to only modify textareas on IE 9/\n width: 100%;\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) > input,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input {\n padding-right: 50px;\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: 25px;\n padding-right: 25px;\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: block;\n}\n.string-field.has-icon > .icon {\n cursor: pointer;\n}\n.string-field.has-icon > .icon::before {\n content: '\\F061';\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/ arrow-width / 2 /\n.tab-box > .status {\n margin-bottom: 3px;\n}\n.tab-box-header {\n margin-top: 8px;\n margin-left: 10px;\n white-space: nowrap;\n position: relative;\n margin-bottom: 3px;\n}\n.tab-box-header > .tab-box-header-bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -3px;\n width: 100%;\n height: 3px;\n background-color: #495465;\n}\n.tab-box-header > .tab-area {\n position: absolute;\n}\n.tab-box-header > .tab-area::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.tab-box-header > .tab-area > .selection-marker {\n position: absolute;\n bottom: 0;\n margin-bottom: -3px;\n height: 3px;\n background-color: #4bbbff;\n transition: left 0.3s, width 0.3s;\n}\n.tab-box-header > .tab-area.focused > .tab-item.selected {\n color: #7eceff;\n}\n.tab-box-header > .tab-area.focused > .selection-marker {\n background: #7eceff;\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.has-sub-label > .overflow-tab-item.menu-item {\n padding-top: 12px;\n padding-bottom: 20px;\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 text-align: 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 padding-left: 12px;\n}\n.tab-box-header > .menubar > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: inherit;\n}\n.tab-box-header > .status {\n position: absolute;\n margin-left: 10px;\n text-align: 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}\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: #e4e4e6;\n font-size: 16px;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:hover::before {\n color: #4bbbff;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:active::before {\n color: #4bbbff;\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: #e4e4e6;\n font-size: 16px;\n}\n.tab-box.has-info > .tab-box-header > .status:hover::before {\n color: #4bbbff;\n}\n.tab-box.has-info > .tab-box-header > .status:active::before {\n color: #4bbbff;\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: #FDAD4F;\n font-size: 16px;\n}\n.tab-box.has-warning > .tab-box-header > .status:hover::before {\n color: #FE9915;\n}\n.tab-box.has-warning > .tab-box-header > .status:active::before {\n color: #FE9915;\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: #FF6060;\n font-size: 16px;\n}\n.tab-box.has-error > .tab-box-header > .status:hover::before {\n color: #DF2632;\n}\n.tab-box.has-error > .tab-box-header > .status:active::before {\n color: #DF2632;\n}\n.tab-item {\n position: relative;\n display: inline-block;\n vertical-align: bottom;\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 13px;\n color: #e4e4e6;\n background-color: transparent;\n padding: 0 20px;\n cursor: pointer;\n}\n.tab-item::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 3px;\n margin-bottom: -3px;\n display: none;\n}\n.tab-item.first {\n padding-left: 0;\n}\n.tab-item.overflown {\n display: none;\n}\n.tab-item.selected {\n color: #4bbbff;\n}\n.tab-item.marked::after {\n display: block;\n background-color: #e4e4e6;\n}\n.tab-item:hover {\n color: #4bbbff;\n}\n.tab-item:active {\n color: #4bbbff;\n}\n.tab-item:focus {\n outline: none;\n}\n.tab-item > .title {\n display: inline-block;\n vertical-align: middle;\n padding: 12px 0 12px;\n}\n.tab-item > .title > .label {\n vertical-align: middle;\n}\n.tab-item > .title > .sub-label {\n padding-top: 3px;\n font-size: 10px;\n color: #999999;\n}\n.tab-area.has-sub-label > .tab-item > .title {\n padding-bottom: 6px;\n}\n.tab-item > .status {\n display: inline-block;\n vertical-align: middle;\n margin-left: 10px;\n text-align: 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}\n.tab-item.has-tooltip,\n.tab-item.has-info,\n.tab-item.has-warning,\n.tab-item.has-error {\n padding-right: 10px;\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: #e4e4e6;\n font-size: 16px;\n}\n.tab-item.has-tooltip > .status:hover::before {\n color: #4bbbff;\n}\n.tab-item.has-tooltip > .status:active::before {\n color: #4bbbff;\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: #e4e4e6;\n font-size: 16px;\n}\n.tab-item.has-info > .status:hover::before {\n color: #4bbbff;\n}\n.tab-item.has-info > .status:active::before {\n color: #4bbbff;\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: #FDAD4F;\n font-size: 16px;\n}\n.tab-item.has-warning > .status:hover::before {\n color: #FE9915;\n}\n.tab-item.has-warning > .status:active::before {\n color: #FE9915;\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: #FF6060;\n font-size: 16px;\n}\n.tab-item.has-error > .status:hover::before {\n color: #DF2632;\n}\n.tab-item.has-error > .status:active::before {\n color: #DF2632;\n}\n.overflow-tab-item.menu-item {\n padding: 12px 12px 12px;\n / Reduce padding a little and compensate with margin to make popup header a little smaller /\n margin: 0 8px;\n font-weight: bold;\n / This makes sure the overflow menu item is not larger than a tab item (especially if a larger font is used).\n It also prevents the popup from jumping. /\n line-height: 1;\n}\n.overflow-tab-item.menu-item::before {\n display: none;\n}\n.overflow-tab-item.menu-item > .text {\n padding: 0;\n}\n.overflow-tab-item.menu-item > .submenu-icon {\n padding-left: 4px;\n line-height: 15px;\n}\n.overflow-tab-item.menu-item:focus {\n outline: none;\n color: #4bbbff;\n}\n.overflow-tab-item.menu-item:focus > .text {\n text-decoration: underline;\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 border: solid 1px #014786;\n border-radius: 3px;\n overflow: hidden;\n background-color: #262d3b;\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n min-width: 150px;\n max-width: 250px;\n}\n.tag-chooser-popup.bottom {\n margin-top: 5px;\n}\n.tag-chooser-popup.top {\n margin-bottom: 5px;\n}\n.tag-chooser-popup.touch {\n background-color: #1a1d28;\n}\n.tag-chooser-popup.alternative {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n border-radius: 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.tag-field.focused > .field {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.tag-field.focused > .field.alternative {\n border-bottom-color: #4bbbff;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field {\n background-color: #262d3b;\n color: #e4e4e6;\n border: 1px solid #495465;\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 3px;\n}\n.tag-field > .field.disabled {\n background-color: inherit;\n color: #999999;\n}\n.tag-field > .field:focus,\n.tag-field > .field.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.tag-field > .field.has-error {\n border-color: #FF6060;\n background-color: #262d3b;\n}\n.tag-field > .field.has-error:focus,\n.tag-field > .field.has-error.focused {\n box-shadow: 0 0 5px #FF6060;\n}\n.tag-field > .field.read-only {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px #495465;\n color: #e4e4e6;\n}\n.tag-field > .field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: #495465;\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: #999999;\n border-bottom-style: dashed;\n border-bottom-color: #999999;\n}\n.tag-field > .field.alternative:focus,\n.tag-field > .field.alternative.focused {\n color: #4bbbff;\n border-bottom-color: #4bbbff;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.has-error {\n color: #FF6060;\n border-bottom-color: #FF6060;\n}\n.tag-field > .field.alternative.has-error:focus,\n.tag-field > .field.alternative.has-error.focused {\n border-bottom-color: #FF6060;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.read-only {\n color: #e4e4e6;\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: 0 3px;\n height: 100%;\n background-color: transparent;\n}\n.tag-field > .field > input.fullwidth {\n width: 100%;\n padding: 0 0 0 7px;\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 #495465;\n border-radius: 3px;\n background-color: #262d3b;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.table-field > .table.alternative {\n border-radius: 0;\n}\n.table-field > .table:focus,\n.table-field > .table.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.table-field > .table.ie {\n border-radius: 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.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 #495465;\n border-radius: 3px;\n background-color: #262d3b;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.tree-field > .tree.alternative {\n border-radius: 0;\n}\n.tree-field > .tree:focus,\n.tree-field > .tree.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.tree-field > .tree.ie {\n border-radius: 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.wizard-steps {\n overflow: hidden;\n margin-left: 10px;\n margin-right: 0;\n}\n.wizard-steps-body {\n height: 50px;\n overflow: hidden;\n white-space: nowrap;\n / Allows the last wizard-step to be 100% without line break /\n border-bottom: 1px solid #495465;\n / This creates a new stacking context: /\n position: relative;\n z-index: 0;\n}\n.wizard-step {\n display: inline-block;\n height: 49px;\n line-height: 49px;\n position: relative;\n / Spacing /\n padding-left: 15px;\n padding-right: 15px;\n / Step content /\n / Hover state /\n / Step types /\n}\n.wizard-step > .wizard-step-content {\n display: inline-table;\n line-height: normal;\n vertical-align: middle;\n min-height: 30px;\n}\n.wizard-step > .wizard-step-content > .wizard-step-content-icon-container {\n vertical-align: middle;\n display: inline-block;\n width: 33px;\n height: 33px;\n border-radius: 50%;\n padding: 4px;\n margin-right: 12px;\n font-weight: bold;\n}\n.wizard-step > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n height: 100%;\n width: 100%;\n border-radius: 50%;\n border: 1px solid;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.wizard-step > .wizard-step-content > .wizard-step-content-text {\n vertical-align: middle;\n display: inline-block;\n}\n.wizard-step > .wizard-step-content > .wizard-step-content-text > .wizard-step-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-weight: bold;\n}\n.wizard-step > .wizard-step-content > .wizard-step-content-text > .wizard-step-sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 12px;\n}\n.wizard-step.first {\n / 3px = box-shadow width /\n padding-left: 3px;\n}\n.wizard-step.last {\n padding-right: 3px;\n}\n.wizard-step.last > .wizard-step-content {\n max-width: none;\n}\n.wizard-step.action-enabled:hover {\n cursor: pointer;\n}\n.wizard-step.action-enabled:hover > .wizard-step-content > .wizard-step-content-text > .wizard-step-title {\n color: #4bbbff;\n}\n.wizard-step.active-step > .wizard-step-content > .wizard-step-content-icon-container {\n padding: 3px;\n border: 1px solid #1561A7;\n box-shadow: 0 0 3px #1561A7;\n}\n.wizard-step.disabled {\n color: #999999;\n}\n.wizard-step.disabled > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: inherit;\n color: #999999;\n border-color: #999999;\n}\n.wizard-step:not(.disabled).active-step {\n color: #4bbbff;\n}\n.wizard-step:not(.disabled).active-step > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: #1561A7;\n color: #fff;\n border-color: #1561A7;\n}\n.wizard-step:not(.disabled).before-active > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: inherit;\n color: #4bbbff;\n border-color: #2B73B3;\n}\n.wizard-step:not(.disabled).after-active > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: inherit;\n color: #4bbbff;\n border-color: #2B73B3;\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 display: inline-block;\n max-height: 48px;\n position: relative;\n / Spacing /\n padding-left: 15px;\n padding-right: 15px;\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: 28px;\n color: #999999;\n vertical-align: middle;\n}\n.wizard-steps.compact > .wizard-steps-body {\n height: 44px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step {\n padding-left: 3px;\n padding-right: 7px;\n height: 43px;\n line-height: 43px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step > .wizard-step-content {\n min-height: 0;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step > .wizard-step-content > .wizard-step-content-icon-container {\n width: 28px;\n height: 28px;\n margin-right: 8px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n font-size: 11px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon > .icon {\n font-size: 9px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step-separator {\n padding-left: 7px;\n padding-right: 7px;\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.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-title {\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 margin-right: 0;\n padding-left: 0;\n background-color: inherit;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: inherit;\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 -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.25s;\n -moz-animation-duration: 0.25s;\n -o-animation-duration: 0.25s;\n animation-duration: 0.25s;\n outline: none;\n z-index: 100;\n cursor: default;\n}\n.glasspane.busy {\n / Make glasspane transparent and disable animation /\n background-color: transparent;\n -webkit-animation: none;\n -moz-animation: none;\n -o-animation: none;\n animation: none;\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.25s;\n -moz-animation-duration: 0.25s;\n -o-animation-duration: 0.25s;\n animation-duration: 0.25s;\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.autofit.ie {\n / IE hack to make sure image is scaled down properly when it is used in a flex container.\n https://stackoverflow.com/questions/41489798/keep-image-ratio-using-max-width-and-max-height-in-ie-11 /\n flex-shrink: 0;\n}\n.image.chrome-fix {\n padding-bottom: 0.01px;\n}\n.image.empty {\n visibility: hidden;\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.key-box {\n position: absolute;\n min-width: 34px;\n padding: 4px 5px;\n z-index: 100;\n color: #000;\n background-color: #ffd07e;\n line-height: normal;\n text-align: center;\n border: 1px solid #ffd07e;\n font-size: 11px;\n font-weight: normal;\n}\n.key-box.disabled {\n border-color: #2d3748;\n background-color: #2d3748;\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) 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.context-menu > .menu-item {\n border-top: solid 1px #495465;\n display: block;\n width: 100%;\n padding: 11px 15px;\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: 10px;\n}\n.context-menu > .menu-item.selected {\n border-top: 1px solid #4bbbff;\n border-color: #4bbbff;\n background-color: #394051;\n}\n.context-menu > .menu-item.next-to-selected {\n border-top-color: #4bbbff;\n}\n.context-menu > .menu-item.context-menu-item-first {\n border-top: 1px solid transparent;\n}\n.context-menu > .menu-item.context-menu-item-last {\n border-bottom: 1px solid transparent;\n}\n.context-menu > .menu-item.selected.context-menu-item-first {\n border-top: 1px solid #4bbbff;\n}\n.context-menu > .menu-item.selected.context-menu-item-last {\n border-color: #4bbbff;\n}\n.context-menu > .menu-item.expanded > .submenu-icon {\n -webkit-transform: rotateX(180deg);\n -ms-transform: rotateX(180deg);\n transform: rotateX(180deg);\n top: 0;\n}\n.context-menu > .menu-item > .key-box {\n bottom: auto;\n top: 7px;\n}\n.popup-head ~ .context-menu.bottom > .menu-item.selected.context-menu-item-first {\n border-color: #4bbbff;\n}\n.popup-head ~ .context-menu.top > .menu-item.selected.context-menu-item-last {\n border-color: #4bbbff;\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.menu-item {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n color: #e4e4e6;\n cursor: pointer;\n}\n.menu-item::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.menu-item > .key-box {\n bottom: -3px;\n}\n.menu-item:hover {\n color: #4bbbff;\n}\n.menu-item:active,\n.menu-item.active {\n color: #4bbbff;\n}\n.menu-item.disabled {\n color: #999999;\n cursor: default;\n}\n.menu-item.menu-textandicon > .icon {\n margin-right: 8px;\n}\n.menu-item > .icon,\n.menu-item > .text,\n.menu-item > .submenu-icon,\n.menu-item > .text > .submenu-icon {\n position: relative;\n vertical-align: middle;\n display: inline-block;\n line-height: normal;\n height: auto;\n / Make IE trigger the :active state if the text or icon is pressed /\n pointer-events: none;\n}\n.menu-item > .text {\n / Icon is bigger than the text -> increase text size to make menu items with and without font icons about equal height. /\n / Otherwise menu items in context menus have a different size, and the popup of a menu with submenus may not be positioned correctly. /\n padding-top: 1px;\n padding-bottom: 1px;\n}\n.menu-item:not(.menu-button) > .icon {\n / Move \"a bit\" towards the top, because the icon would not look centered with the text's baseline otherwise. /\n top: -1px;\n}\n.menu-item > .icon.font-icon {\n font-size: 18px;\n}\n.menu-item > .icon.image-icon {\n / Prevent large image icons from overlapping the menu item /\n max-height: 18px;\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: 18px;\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 top: -1px;\n}\n.menu-item > .font-icon {\n font-size: 18px;\n}\n.menu-item.menu-open {\n color: #4bbbff;\n}\n.menu-item.combo-menu-child.menu-icononly:not(:first-child) {\n margin-left: 8px;\n}\n.menu-item.combo-menu-child.menu-icononly:not(:first-child) > .submenu-icon {\n padding-left: 0;\n}\n.menu-item.bottom-text.menu-textandicon {\n text-align: center;\n}\n.menu-item.bottom-text.menu-textandicon::before {\n display: none;\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:not(.menu-button) > .icon {\n top: 0;\n}\n.menu-item.bottom-text.menu-textandicon > .text {\n display: block;\n font-size: 10px;\n padding-bottom: 0;\n}\n.menu-item.bottom-text.menu-textandicon > .text > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n top: 0;\n line-height: 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.form-field-menu {\n cursor: default;\n}\n.form-field-menu:hover {\n color: #e4e4e6;\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 / remove margin left since the menu-item already has a padding /\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: #999999;\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: #999999;\n}\n/ Inside context menu popup -> set preferred size /\n.context-menu > .menu-item.form-field-menu {\n display: flex;\n align-items: center;\n}\n.context-menu > .menu-item.form-field-menu > .text,\n.context-menu > .menu-item.form-field-menu > .icon {\n flex: none;\n}\n.context-menu > .menu-item.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 with a smaller bottom border /\n}\n/ Styles /\n.menubar {\n position: relative;\n width: 100%;\n background-color: #1a1d28;\n border-bottom: 1px solid #495465;\n / default style is 'top' /\n vertical-align: middle;\n white-space: nowrap;\n}\n.menubar.bottom {\n border-bottom: 0;\n border-top: 1px solid #495465;\n}\n.menubar > .menubox {\n display: inline-block;\n height: 100%;\n / child menus of combo-menu must have the same padding, but not the all the other styles of > .menu-item /\n / Menu items within a top-level combo-menu should have a focus-border too /\n}\n.menubar > .menubox::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.menubar > .menubox.right {\n float: right;\n}\n.menubar > .menubox > .menu-separator {\n display: inline-block;\n vertical-align: middle;\n width: 1px;\n margin-right: 20px;\n background-color: #495465;\n height: 15px;\n}\n.menubar > .menubox > .menu-separator.overflown {\n display: none;\n}\n.menubar > .menubox > .combo-menu > .menu-item {\n padding-top: 6px;\n padding-bottom: 6px;\n}\n.menubar > .menubox > .menu-item {\n display: inline-block;\n padding-top: 6px;\n padding-bottom: 6px;\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}\n.menubar > .menubox > .menu-item.overflown {\n display: none;\n}\n.menubar > .menubox > .menu-item:focus {\n outline: none;\n}\n.menubar > .menubox > .menu-item:focus:not(.disabled) {\n color: #4bbbff;\n / Draw border for icon only items /\n}\n.menubar > .menubox > .menu-item:focus:not(.disabled):not(.menu-button) {\n color: #4bbbff;\n}\n.menubar > .menubox > .menu-item:focus:not(.disabled):not(.menu-button)::after {\n color: #4bbbff;\n}\n.menubar > .menubox > .menu-item:focus:not(.disabled).menu-icononly::after {\n position: absolute;\n content: '';\n left: -3px;\n top: -3px;\n width: calc(100% + 6px);\n height: calc(100% + 6px);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-radius: 3px;\n}\n.menubar > .menubox > .menu-item:focus:not(.disabled):not(.menu-icononly):not(.menu-button) > .text {\n text-decoration: underline;\n}\n.menubar > .menubox > .menu-item:not(.last) {\n margin-right: 20px;\n}\n.menubar > .menubox > .menu-item.form-field-menu {\n padding-top: 4px;\n padding-bottom: 4px;\n}\n.menubar > .menubox > .menu-item.menu-button {\n text-align: center;\n color: #4bbbff;\n background-color: transparent;\n border: 1px solid #2B73B3;\n border-radius: 3px;\n min-width: 110px;\n margin-top: 4px;\n margin-bottom: 4px;\n padding-left: 7px;\n padding-right: 7px;\n / TODO [7.0] cgu/BSH: Actually, we wanted to use .overflow-ellipsis-nowrap to support /\n / ellipsis, but this breaks the focus, because the ::before inline element gets /\n / cut off. We should find a better solution for this. /\n /white-space: nowrap;/\n}\n.menubar > .menubox > .menu-item.menu-button:not(.bottom-text) {\n height: 30px;\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.menubar > .menubox > .menu-item.menu-button:hover {\n color: #4bbbff;\n}\n.menubar > .menubox > .menu-item.menu-button:hover > .font-icon {\n color: #4bbbff;\n}\n.menubar > .menubox > .menu-item.menu-button:active,\n.menubar > .menubox > .menu-item.menu-button.active {\n color: #fff;\n background-color: #1561A7;\n}\n.menubar > .menubox > .menu-item.menu-button:active > .font-icon,\n.menubar > .menubox > .menu-item.menu-button.active > .font-icon {\n color: #fff;\n}\n.menubar > .menubox > .menu-item.menu-button:focus::after {\n position: absolute;\n content: '';\n left: -3px;\n top: -3px;\n width: calc(100% + 6px);\n height: calc(100% + 6px);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-radius: 3px;\n}\n.menubar > .menubox > .menu-item.menu-button > .font-icon {\n color: #4bbbff;\n}\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled) {\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 13px;\n background-color: #1561A7;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: transparent;\n color: #fff;\n}\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled):focus {\n color: #fff;\n}\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled):hover {\n background-color: #1561A7;\n}\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled):active,\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled).active {\n background-color: #014786;\n border-color: #014786;\n}\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled) > .font-icon {\n font-weight: normal;\n color: #fff;\n}\n.menubar > .menubox > .menu-item.menu-button.disabled {\n background-color: inherit;\n border-color: #999999;\n color: #999999;\n cursor: default;\n}\n.menubar > .menubox > .menu-item.menu-button.disabled > .font-icon {\n color: #999999;\n}\n.menubar > .menubox > .menu-item.menu-button.selected {\n border-style: inset;\n border-right-color: #495465;\n border-bottom-color: #495465;\n}\n.menubar > .menubox > .menu-item.menu-button:not(.last) {\n margin-right: 20px;\n}\n.menubar > .menubox > .menu-item.menu-button.left-of-button {\n margin-right: 10px;\n}\n.menubar > .menubox > .menu-item.menu-button.small-gap {\n margin-right: 6px;\n}\n.menubar > .menubox > .menu-item.menu-button.small {\n min-width: 53px;\n}\n.menubar > .menubox > .menu-item.menu-button.small > .font-icon {\n font-size: 18px;\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus {\n outline: none;\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus:not(.disabled) {\n color: #4bbbff;\n / Draw border for icon only items /\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus:not(.disabled):not(.menu-button) {\n color: #4bbbff;\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus:not(.disabled):not(.menu-button)::after {\n color: #4bbbff;\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus:not(.disabled).menu-icononly::after {\n position: absolute;\n content: '';\n left: -3px;\n top: -3px;\n width: calc(100% + 6px);\n height: calc(100% + 6px);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-radius: 3px;\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus:not(.disabled):not(.menu-icononly):not(.menu-button) > .text {\n text-decoration: underline;\n}\n.main-menubar {\n background-color: #1a1d28;\n padding-left: 20px;\n padding-right: 20px;\n margin-left: inherit;\n margin-right: inherit;\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.main-menubar > .menu-button.disabled {\n background-color: inherit;\n}\n.main-menubar > .menubox {\n / combo-menu itself should have no margins and no padding so its child menus\n * can render a focus border like regular top-level menus. /\n}\n.main-menubar > .menubox > .menu-item,\n.main-menubar > .menubox > .combo-menu > .menu-item {\n margin-top: 8px;\n margin-bottom: 7px;\n}\n.main-menubar > .menubox > .menu-item.bottom-text.menu-textandicon,\n.main-menubar > .menubox > .combo-menu > .menu-item.bottom-text.menu-textandicon {\n margin-top: 0;\n margin-bottom: 0;\n}\n.main-menubar > .menubox > .menu-item.menu-button,\n.main-menubar > .menubox > .combo-menu > .menu-item.menu-button {\n margin-top: 8px;\n margin-bottom: 7px;\n}\n.main-menubar > .menubox > .menu-item.form-field-menu,\n.main-menubar > .menubox > .combo-menu > .menu-item.form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n}\n.main-menubar > .menubox > .menu-item.small > .font-icon,\n.main-menubar > .menubox > .combo-menu > .menu-item.small > .font-icon {\n font-size: 18px;\n}\n.main-menubar > .menubox > .menu-item.last,\n.main-menubar > .menubox > .combo-menu > .menu-item.last {\n margin-right: 0;\n}\n.main-menubar > .menubox > .menu-separator {\n height: 18px;\n}\n.main-menubar > .menubox > .combo-menu.menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\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.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: 330px;\n box-shadow: 4px 10px 18px -6px rgba(0, 0, 0, 0.8);\n background-color: #262d3b;\n border-top: 5px solid #4bbbff;\n border-radius: 3px;\n margin: 10px;\n / minimum padding to desktop /\n margin-bottom: 15px;\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n / remove border and rounded corners in full screen mode /\n}\n.messagebox.severity-error {\n border-top-color: #FF6060;\n}\n.messagebox.calc-helper {\n top: 0;\n left: 0;\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.full-width,\n.messagebox.full-height {\n border-radius: 0;\n}\n.messagebox.full-width > .box-buttons > .box-button,\n.messagebox.full-height > .box-buttons > .box-button {\n border-radius: 0;\n}\n.messagebox.full-width {\n border-right: 0;\n border-left: 0;\n}\n.messagebox.full-height > .box-buttons > .box-button {\n border-bottom: 0;\n}\n.messagebox-content {\n min-height: 30px;\n border-left: 1px solid #495465;\n border-right: 1px solid #495465;\n background-color: #262d3b;\n padding: 3px 26px 26px 26px;\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-label {\n padding-top: 20px;\n word-wrap: break-word;\n}\n.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-weight: bold;\n}\n@media (max-width: 330px) {\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.mode {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n border: 1px solid #495465;\n height: 100%;\n padding: 5px;\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: 6px;\n / account for the missing border, so that text does not jump /\n}\n.mode.after-selected {\n border-left: none;\n padding-left: 6px;\n / account for the missing border, so that text does not jump /\n}\n.mode:hover {\n color: #4bbbff;\n}\n.mode:not(.disabled):not(.selected):active {\n color: #fff;\n background-color: #1561A7;\n}\n.mode.selected {\n color: #fff;\n background-color: #1561A7;\n border: none;\n}\n.mode:not(.disabled) {\n cursor: pointer;\n}\n.mode.disabled,\n.mode.alternative.disabled {\n color: #999999;\n}\n.mode.disabled.selected,\n.mode.alternative.disabled.selected {\n background-color: inherit;\n border: solid 1px #999999;\n}\n.mode > .icon.with-label {\n margin-right: 8px;\n}\n.dense .mode {\n padding: 3px;\n}\n.mode-selector.alternative > .mode.selected:not(.disabled) {\n background-color: inherit;\n border: 1px solid #1561A7;\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.mode-selector {\n position: relative;\n background-color: #262d3b;\n white-space: nowrap;\n display: table;\n table-layout: fixed;\n overflow: hidden;\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.notification {\n position: relative;\n padding: 10px;\n margin: 10px 0 0 10px;\n border: 1px solid transparent;\n color: #e4e4e6;\n pointer-events: auto;\n / When notification is a direct child of the main group-box: use different margins /\n}\n.notification.ok {\n background-color: #394051;\n border-color: #0DAF66;\n}\n.notification.info {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.notification.warning {\n background-color: #394051;\n border-color: #FDAD4F;\n}\n.notification.error {\n background-color: #394051;\n border-color: #FF6060;\n}\n.root-group-box > .notification {\n margin-left: 20px;\n margin-right: 20px;\n}\n.notification-content {\n / Prevent overlay of text and close icon /\n}\n.notification-content.closable {\n padding-right: 25px;\n}\n.notification-content > .closer {\n position: absolute;\n right: 2px;\n top: 2px;\n padding: 8px;\n}\n.notification-message {\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 {\n padding-left: 5px;\n padding-right: 5px;\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 #495465;\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: #1a1d28;\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: #394051;\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: #e4e4e6;\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 #495465;\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: #394051;\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 #4bbbff;\n border-bottom: 2px solid #4bbbff;\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: #262d3b;\n border-left: 2px solid #4bbbff;\n border-right: 2px solid #4bbbff;\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: #262d3b;\n border-left: 2px solid #4bbbff;\n border-right: 2px solid #4bbbff;\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: #24B499;\n text-align: center;\n border: 1px solid #495465;\n overflow: hidden;\n}\n.planner-activity.selected {\n outline: 2px solid #4bbbff;\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(255, 255, 255, 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(255, 255, 255, 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: #e4e4e6;\n background-color: transparent;\n border: 1px solid #495465;\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: #4bbbff;\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: #4bbbff;\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: #e4e4e6;\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: #e4e4e6;\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 width: 65px;\n text-align: center;\n border-top: 1px solid #495465;\n border-bottom: 1px solid #495465;\n border-left: 1px solid #495465;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.planner-mode.first {\n border-left: 1px solid #495465;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.planner-mode.last {\n border-right: 1px solid #495465;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.planner-mode:hover {\n color: #4bbbff;\n}\n.planner-mode.selected {\n color: #e4e4e6;\n background-color: #495465;\n}\n.planner-mode.disabled {\n background-color: inherit;\n border-color: #999999;\n color: #999999;\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: #4bbbff;\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: #e4e4e6;\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: #e4e4e6;\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: 14px;\n min-height: 14px;\n}\n.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: 14px;\n height: 14px;\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.popup-head {\n position: absolute;\n padding: 0 13px;\n white-space: nowrap;\n background-color: #262d3b;\n border: 1px solid #495465;\n border-top-width: 0;\n border-bottom-width: 0;\n color: #4bbbff;\n / Enable submenu /\n}\n.popup.bottom > .popup-head {\n padding-top: 10px;\n border-top-width: 1px;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.popup.top > .popup-head {\n padding-bottom: 3px;\n border-bottom-width: 1px;\n box-shadow: 2px -6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.popup-head > .submenu-icon,\n.popup-head > .text > .submenu-icon {\n -webkit-transform: rotateX(180deg);\n -ms-transform: rotateX(180deg);\n transform: rotateX(180deg);\n top: 0;\n}\n.popup-head > .font-icon {\n font-size: 18px;\n color: #4bbbff;\n}\n.popup-head.in-main-menubar > .font-icon {\n font-size: 22px;\n}\n.popup-deco {\n position: absolute;\n height: 1px;\n left: 1px;\n background-color: #262d3b;\n}\n.popup-body {\n position: relative;\n border: 1px solid #495465;\n background-color: #262d3b;\n}\n.popup-body.bottom {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.popup-body.top {\n box-shadow: 2px -6px 14px -6px rgba(0, 0, 0, 0.7);\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: #262d3b;\n border-top: 5px solid #4bbbff;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\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 color: #4bbbff;\n width: 100%;\n}\n.mobile-popup-header > .closer {\n position: absolute;\n top: 0;\n right: 4px;\n padding: 10px;\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 border: solid 1px #014786;\n border-radius: 3px;\n overflow: hidden;\n background-color: #1a1d28;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n margin: 45px 10px 10px 10px;\n}\n.touch-popup-field {\n position: absolute;\n margin: 6px;\n}\n.touch-popup-widget-container {\n position: absolute;\n border-top: solid 1px #495465;\n background-color: #262d3b;\n}\n.touch-popup-widget-container > .proposal-chooser > .table {\n overflow: inherit;\n}\n.touch-popup-header {\n margin: 8px 4px 2px 8px;\n}\n.touch-popup-title {\n font-size: 14px;\n color: #4bbbff;\n}\n.touch-popup-close-icon {\n position: absolute;\n right: 7px;\n top: 7px;\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.widget-popup {\n background-color: #262d3b;\n border: 1px solid #495465;\n border-radius: 3px;\n box-shadow: 4px 10px 18px -6px rgba(0, 0, 0, 0.8);\n margin: 10px;\n / minimum padding to window /\n}\n.widget-popup.animate-open {\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.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: 4px 4px 18px -2px rgba(0, 0, 0, 0.8);\n}\n.widget-popup > .close-action {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n padding: 10px;\n font-size: 17px;\n}\n.widget-popup > .popup-widget {\n position: relative;\n background-color: inherit;\n border-radius: 5px;\n}\n.widget-popup > .popup-arrow-overlay {\n border-radius: 5px;\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.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(255, 255, 255, 0.2);\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(255, 255, 255, 0.3);\n}\n.container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: rgba(255, 255, 255, 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(255, 255, 255, 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/\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) 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.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n box-shadow: 4px 10px 18px -6px rgba(0, 0, 0, 0.8);\n border-top: 5px solid #4bbbff;\n border-radius: 3px;\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\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-left: 1px solid #495465;\n border-right: 1px solid #495465;\n background-color: #262d3b;\n padding: 26px;\n}\n.busyindicator-content.no-buttons {\n border-bottom: 1px solid #495465;\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\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(75, 187, 255, 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-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: #e4e4e6;\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: #495465;\n}\ninput[type=range]:not(.ms-edge)::-webkit-slider-thumb {\n box-sizing: border-box;\n border: 1px solid #79818d;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #999999;\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: #cfe7fd;\n border-color: #2B73B3;\n}\ninput[type=range]::-moz-range-track {\n height: 3px;\n cursor: pointer;\n animate: 0.2s;\n background: #495465;\n}\ninput[type=range]::-moz-range-thumb {\n box-sizing: border-box;\n border: 1.5px solid #79818d;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #999999;\n cursor: pointer;\n}\ninput[type=range]:focus::-moz-range-thumb {\n background-color: #cfe7fd;\n border-color: #2B73B3;\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: #495465;\n}\ninput[type=range]::-ms-fill-upper {\n background: #495465;\n}\ninput[type=range]::-ms-thumb {\n box-sizing: border-box;\n border: 1px solid #79818d;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #999999;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-thumb {\n background-color: #cfe7fd;\n border-color: #2B73B3;\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: #495465;\n}\n.splitter.line:not(.disabled):hover {\n background-color: #4bbbff;\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 {\n / args = keyframeName, timingFunction, iterationCount /\n / Fade In /\n / Fade Out /\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 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 / Flash-Gray /\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 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-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: #e4e4e6;\n bottom: 0;\n }\n 25% {\n color: #2d3748;\n bottom: 4px;\n }\n 50% {\n color: #e4e4e6;\n bottom: 0;\n }\n 100% {\n color: #e4e4e6;\n bottom: 0;\n }\n}\n@keyframes animateDot {\n 0% {\n color: #e4e4e6;\n bottom: 0;\n }\n 25% {\n color: #2d3748;\n bottom: 4px;\n }\n 50% {\n color: #e4e4e6;\n bottom: 0;\n }\n 100% {\n color: #e4e4e6;\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@-webkit-keyframes flash-gray {\n 0% {\n background-color: #394051;\n }\n 25% {\n background-color: #495465;\n }\n 50% {\n background-color: #394051;\n }\n 75% {\n background-color: #495465;\n }\n 100% {\n background-color: #394051;\n }\n}\n@keyframes flash-gray {\n 0% {\n background-color: #394051;\n }\n 25% {\n background-color: #495465;\n }\n 50% {\n background-color: #394051;\n }\n 75% {\n background-color: #495465;\n }\n 100% {\n background-color: #394051;\n }\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/ -------------------------------- /\n/ Scout default theme /\n/ extends: - /\n/ affects: Scout OSS /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Color palette /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Global colors /\n/ -------------------------------- /\n/ Use lighter gray in alternative mode, only relevant for some fields with borders (e.g. text area) /\n/ -------------------------------- /\n/ Component specific colors /\n/ -------------------------------- /\n/ always white to not change the look of the website /\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/ 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/\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/ default font icons (sans-serif, arial) /\n/ scoutIcons: custom icons /\n/ scoutIcons: awesome icons /\n/ repeat /\n/ bars /\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 {\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 text-align: 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}\n#scout .menu-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .menu-status::before {\n content: '\\E041';\n color: #e4e4e6;\n font-size: 18px;\n}\n#scout .menu-status:hover::before {\n color: #4bbbff;\n}\n#scout .menu-status:active::before {\n color: #4bbbff;\n}\n#scout .tooltip-status,\n#scout .info-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .tooltip-status::before,\n#scout .info-status::before {\n content: '\\E002';\n color: #e4e4e6;\n font-size: 16px;\n}\n#scout .tooltip-status:hover::before,\n#scout .info-status:hover::before {\n color: #4bbbff;\n}\n#scout .tooltip-status:active::before,\n#scout .info-status:active::before {\n color: #4bbbff;\n}\n#scout .warning-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .warning-status::before {\n content: '\\E001';\n color: #FDAD4F;\n font-size: 16px;\n}\n#scout .warning-status:hover::before {\n color: #FE9915;\n}\n#scout .warning-status:active::before {\n color: #FE9915;\n}\n#scout .error-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .error-status::before {\n content: '\\E001';\n color: #FF6060;\n font-size: 16px;\n}\n#scout .error-status:hover::before {\n color: #DF2632;\n}\n#scout .error-status:active::before {\n color: #DF2632;\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 border: solid 1px #014786;\n border-radius: 3px;\n overflow: hidden;\n background-color: #262d3b;\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n#scout .chooser-popup.bottom {\n margin-top: 5px;\n}\n#scout .chooser-popup.top {\n margin-bottom: 5px;\n}\n#scout .chooser-popup.touch {\n background-color: #1a1d28;\n}\n#scout .chooser-popup.alternative {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n border-radius: 0;\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(38, 45, 59, 0.3);\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(38, 45, 59, 0.45);\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb > .scrollbar-thumb-handle {\n background-color: rgba(38, 45, 59, 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(38, 45, 59, 0.15);\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/ 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: 20px;\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/ minus the border /\n/ Align first tree node with menu item text on the right /\n/ Same height as navigate buttons on the right + border /\n/ also used in scout.Column.prototype.buildCell /\n/ also used in scout.Column.prototype.buildCell /\n/ bigger space when multiple icons are displayed /\n/ Optimized for a tile height of 30px (logical-grid-height) /\n/ minus the border /\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-label {\n margin-right: 8px;\n}\n.switch-button {\n width: 28px;\n position: relative;\n padding: 8px;\n border-radius: 8px;\n background: #1a1d28;\n cursor: pointer;\n border: solid 1px #5e6d83;\n}\n.switch-button:before {\n content: '';\n display: block;\n position: absolute;\n line-height: 30px;\n text-indent: 40px;\n height: 14px;\n width: 14px;\n border-radius: 100%;\n top: 1px;\n left: 1px;\n right: auto;\n border: solid 1px #5e6d83;\n background-color: #394051;\n}\n.switch-button,\n.switch-button:before {\n transition: 0.25s ease-in-out;\n}\n.switch-button.activated:before {\n border-color: #4bbbff;\n background-color: #7eabd3;\n left: calc(100% - 15.5px);\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-row-level-padding {\n width: 20px;\n}\n.table {\n position: relative;\n / Used for scout.Table.CheckableStyle.TABLE_ROW /\n}\n.table:focus,\n.table.focused {\n outline: none;\n}\n.table:focus .table-row.selected,\n.table.focused .table-row.selected {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.table > .menubar:not(.main-menubar) {\n padding-left: 8px;\n padding-right: 8px;\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 > .table-cell.first {\n / Increase padding of first cell to make room for \"selection\" marker /\n padding-left: 14px;\n}\n.table.table-row-check > .table-data > .table-row.selected {\n / Don't draw selection /\n background-color: transparent;\n border-color: #495465;\n}\n.table.table-row-check > .table-data > .table-row.selected > .table-cell {\n color: #e4e4e6;\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: #e4e4e6;\n}\n.table.table-row-check:focus > .table-data > .table-row.selected,\n.table.table-row-check.focused > .table-data > .table-row.selected {\n / \"Selection\" marker /\n}\n.table.table-row-check:focus > .table-data > .table-row.selected::before,\n.table.table-row-check.focused > .table-data > .table-row.selected::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: '\\E013';\n position: absolute;\n top: 8px;\n left: 5px;\n color: #e4e4e6;\n}\n.table.table-row-check:focus > .table-data > .table-row.selected.checked::before,\n.table.table-row-check.focused > .table-data > .table-row.selected.checked::before {\n color: #e4e4e6;\n}\n.table.checkable.header-invisible > .table-data > .table-row.selected.first {\n border-top-color: #262d3b;\n}\n.table.structured .table-row:not(.leaf) {\n background-color: #394051;\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 .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-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n / Draw the .table-data DIV one pixel higher, over the header (for selection border). /\n / - To make height calculation correct, this margin has to be subtracted again /\n / from .table-data's height. See TableLayout.layout(). /\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-data-fill,\n.table-data > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .table-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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\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%, #508DC3 20%, #508DC3 80%, transparent 100%);\n left: 0;\n width: 50px;\n height: 100%;\n}\n.table-data-fill {\n background-color: #495465;\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 overflow: hidden;\n border-left: 0 solid transparent;\n border-right: 0 solid transparent;\n border-bottom: 1px solid #495465;\n}\n.table-row.sum-selection,\n.table-aggregate-row.sum-selection {\n color: #4bbbff;\n}\n.table-row:active,\n.table-aggregate-row:active {\n background-color: #394051;\n}\n.table-row.selected,\n.table-aggregate-row.selected {\n background-color: #394051;\n border-color: #495465;\n border-left-color: transparent;\n border-right-color: transparent;\n}\n.table-row.selected.select-top,\n.table-aggregate-row.selected.select-top,\n.table-row.selected.select-middle,\n.table-aggregate-row.selected.select-middle {\n / Disable bottom-border. Instead, we add the border in the ::after pseudo element, because otherwise /\n / it would interfere with the 2px left border (missing control of 'border join behaviour' in CSS) /\n border-bottom: 0;\n}\n.table-row.selected.select-top::after,\n.table-aggregate-row.selected.select-top::after,\n.table-row.selected.select-middle::after,\n.table-aggregate-row.selected.select-middle::after {\n border-bottom: 1px solid #495465;\n content: '';\n display: block;\n}\n.table-row.select-single,\n.table-aggregate-row.select-single,\n.table-row.select-top,\n.table-aggregate-row.select-top {\n border-top: 1px solid #495465;\n / Move the row 1px up to cover the bottom border of the previous row. /\n margin-top: -1px;\n}\n.table-row.checked,\n.table-aggregate-row.checked {\n background-color: #1561A7;\n}\n.table-cell {\n color: #e4e4e6;\n display: table-cell;\n padding: 7px 4px 7px 8px;\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n / for multiline text /\n}\n.table-cell > .width-fix {\n / Some browsers (e.g. IE9) need an additional <div> with display:inline-block below the table-cell /\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n / An additional max-width: must be added in browser. /\n}\n.table-row.disabled > .table-cell {\n / Table row is disabled -> use lighter disabled color /\n color: #999999;\n}\n.disabled > .table-row > .table-cell {\n / Whole table is disabled -> use darker disabled color /\n color: #999999;\n}\n.disabled.read-only > .table-data > .table-row > .table-cell {\n color: #e4e4e6;\n}\n.table-row.checked > .table-cell {\n color: #e4e4e6;\n}\n.table-cell.empty {\n / explicitly disable ellipsis, because IE would display it for very narrow columns even if content is ' ' /\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: #495465 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: #495465;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable.has-error::before {\n border-color: #FF6060 transparent transparent transparent;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.mandatory.has-error::before {\n color: #FF6060;\n}\n.table-cell.table-node > .table-row-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n padding: 7px 8px 7px 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: 5px 8px 0 8px;\n cursor: pointer;\n text-overflow: clip;\n}\n.table-cell.checkable.disabled,\n.table.disabled > .table-data > .table-row > .table-cell.checkable {\n cursor: default;\n}\n.table-cell > .check-box {\n display: inline-block;\n position: relative;\n width: 18px;\n height: 18px;\n border: 1px solid #495465;\n border-radius: 3px;\n background-color: #262d3b;\n text-align: center;\n}\n.table-cell > .check-box::before {\n position: absolute;\n display: block;\n line-height: 18px;\n width: 16px;\n}\n.table-cell > .check-box.checked::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: '\\E005';\n color: #4bbbff;\n font-size: 11px;\n}\n.table-cell > .check-box.undefined::before {\n / tri-state /\n content: '';\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n border-radius: 1px;\n background-color: #4bbbff;\n}\n.table-cell > .check-box.disabled,\n.table.disabled > .table-data > .table-row > .table-cell > .check-box {\n background-color: inherit;\n}\n.table-cell > .check-box.disabled::before,\n.table.disabled > .table-data > .table-row > .table-cell > .check-box::before {\n color: #999999;\n}\n.table-cell > .check-box.disabled.undefined::before,\n.table.disabled > .table-data > .table-row > .table-cell > .check-box.undefined::before {\n / tri-state /\n background-color: #999999;\n}\n.table-cell.halign-right {\n text-align: right;\n padding-right: 8px;\n padding-left: 4px;\n}\n.table-cell.halign-center {\n text-align: center;\n padding-right: 8px;\n}\n.table-icon-cell {\n text-overflow: clip;\n}\n.font-icon.table-cell-icon {\n color: #e4e4e6;\n}\n.disabled .font-icon.table-cell-icon {\n color: #999999;\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: #e4e4e6;\n}\n.table-aggregate {\n overflow: hidden;\n}\n.table-aggregate-row {\n background-color: #1a1d28;\n}\n.table-aggregate-cell {\n font-weight: bold;\n / if aggregation is based on selected rows /\n}\n.table-aggregate-cell > .table-cell-icon {\n color: #e4e4e6;\n}\n.table-aggregate-cell.selection,\n.table-aggregate-cell.selection > .table-cell-icon {\n color: #2B73B3;\n}\n.column-background-effect-bar-chart {\n background-color: rgba(21, 97, 167, 0.4);\n}\n.column-background-effect-gradient1-start {\n background-color: #5d2b38;\n}\n.column-background-effect-gradient1-end {\n background-color: #1e5448;\n}\n.column-background-effect-gradient2-start {\n background-color: #1e5448;\n}\n.column-background-effect-gradient2-end {\n background-color: #5d2b38;\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/\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-footer {\n position: absolute;\n bottom: 0;\n min-height: 52px;\n width: 100%;\n white-space: nowrap;\n border-top: 1px solid #495465;\n background-color: #1a1d28;\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: 3px solid #495465;\n}\n.table-control-container {\n position: absolute;\n overflow: hidden;\n outline: none;\n background-color: #2d3748;\n bottom: 52px;\n width: 100%;\n / Default value for TableControl.js /\n height: 345px;\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 #495465;\n}\n.table-control-content {\n height: 100%;\n width: 100%;\n}\n.table-control-content > .form {\n background-color: #2d3748;\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 padding-left: 0;\n padding-right: 0;\n margin-left: 20px;\n margin-right: 20px;\n}\n.table-control-content > .form > .root-group-box > .main-menubar > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: inherit;\n}\n.table-control-content .tab-box > .tab-box-header {\n margin-top: 0;\n margin-left: 0;\n}\n.table-control-content .tab-box > .tab-box-header > .tab-box-header-bottom-border {\n display: none;\n}\n.table-control-content .tab-box > .tab-box-header .tab-area > .selection-marker {\n z-index: 2;\n height: 3px;\n bottom: auto;\n top: 0;\n margin-bottom: 0;\n}\n.table-control-content .tab-box > .tab-box-header .tab-area > .tab-item {\n z-index: 2;\n}\n.table-control-content .tab-box > .tab-box-header .tab-area > .tab-item > .title {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.table-control-content .tab-box > .tab-box-header .tab-area > .tab-item.first {\n / align with the form fields /\n padding-left: 10px;\n}\n.table-control-content .tab-box > .tab-box-header .tab-area > .tab-item::after {\n top: 0;\n height: 3px;\n margin-bottom: auto;\n}\n.table-controls {\n position: absolute;\n height: 100%;\n}\n.table-footer > .table-controls ~ .table-controls {\n margin-left: -1px;\n}\n.table-info {\n position: absolute;\n right: 0;\n}\n.table-filter {\n display: inline-block;\n position: relative;\n vertical-align: top;\n margin-top: 13px;\n margin-right: 14px;\n}\n.table-text-filter {\n min-height: 26px;\n width: 200px;\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: block;\n}\n.table-text-filter ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: 26px;\n line-height: 26px;\n padding-right: 10px;\n cursor: pointer;\n}\n.table-text-filter ~ .clear-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: 13px;\n content: '\\E045';\n color: #79818d;\n}\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding-top: 7px;\n padding-bottom: 0;\n height: 51px;\n / subtract border-top of .table-footer /\n color: #e4e4e6;\n cursor: pointer;\n line-height: 19px;\n overflow: hidden;\n white-space: nowrap;\n / margins are used instead of paddings for a better animation /\n}\n.table-info-load::before,\n.table-info-status::before,\n.table-info-filter::before,\n.table-info-selection::before {\n content: '';\n position: absolute;\n top: 9px;\n left: 0;\n height: 34px;\n border-right: 1px solid #495465;\n}\n.table-info-load > span,\n.table-info-status > span,\n.table-info-filter > span,\n.table-info-selection > span {\n margin-left: 14px;\n margin-right: 13px;\n / because left padding includes the ::before border /\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: #e4e4e6;\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: #4bbbff;\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: #18a8ff;\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: #4bbbff;\n}\n.table-info-tooltip {\n line-height: 30px;\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-control, table-status) /\n margin-top: 6px;\n}\n.table-info-status {\n padding-top: 0;\n line-height: 52px;\n color: #e4e4e6;\n / normal /\n / error /\n / warning /\n}\n.table-info-status:hover {\n color: #4bbbff;\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: #FF6060;\n}\n.table-info-status.error.tooltip-active:hover {\n color: #DF2632;\n}\n.table-info-status.warning > .font-icon::before {\n content: '\\E001';\n}\n.table-info-status.warning.tooltip-active {\n color: #FDAD4F;\n}\n.table-info-status.warning.tooltip-active:hover {\n color: #FE9915;\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-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: #1a1d28;\n border-bottom: 1px solid #495465;\n z-index: 0;\n / begin new stacking context /\n / Make it the same height as the menu bar /\n min-height: 29px;\n / -1px border-width. Header-items itself must not get a min-height otherwise bottom alignment with multi line header items break /\n}\n.table-header.disabled:not(.read-only) {\n color: #999999;\n}\n.table-header > .menubar-container {\n position: absolute;\n right: 0;\n / make menubar a little smaller than header (but still center it). Otherwise browsers may draw the menu bar over the bottom border of the table header when the page is zoomed /\n top: 1px;\n height: calc(100% - 2px);\n padding-right: 6px;\n padding-left: 6px;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n}\n.table-header > .menubar-container > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n}\n.table-header-item {\n position: relative;\n display: inline-block;\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 13px;\n padding: 7px 4px 7px 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\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: bottom;\n cursor: pointer;\n / Transparent border required for .selected state /\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\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: #e4e4e6;\n}\n.table-header-item.halign-right {\n text-align: right;\n padding-right: 8px;\n padding-left: 4px;\n}\n.table-header-item.halign-center {\n text-align: center;\n padding-right: 8px;\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: 14px;\n}\n.table-header-item.sorted,\n.table-header-item.grouped,\n.table-header-item.filtered {\n / make room for icon /\n padding-right: 16px;\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: 20px;\n}\n.table-header-item.sorted.grouped,\n.table-header-item.sorted.filtered {\n / make some more room /\n padding-right: 28px;\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: 32px;\n}\n.table-header-item:not(.disabled):hover {\n color: #4bbbff;\n}\n.table-header-item:not(.disabled):active,\n.table-header-item:not(.disabled).active,\n.table-header-item.moving {\n color: #4bbbff;\n}\n.table-header-item.moving > .table-header-item-state {\n display: none;\n}\n.table-header-item.selected {\n border-left-color: #495465;\n border-right-color: #495465;\n background-color: #262d3b;\n color: #4bbbff;\n z-index: 1;\n}\n.table-header-item.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n}\n.table-header-item > .icon.with-text {\n margin-right: 8px;\n}\n.table-header-item-text.empty {\n / explicitly disable ellipsis, because IE would display it for very narrow columns even if content is ' ' /\n text-overflow: clip;\n}\n.table-header-item-icon-only {\n text-overflow: clip;\n}\n.table-header-item-state {\n position: absolute;\n right: 3px;\n top: 4px;\n font-weight: normal;\n font-size: 10px;\n color: #e4e4e6;\n display: table-row;\n}\n.table-header-item-state > .left {\n display: table-cell;\n padding-top: 5px;\n padding-left: 3px;\n text-align: center;\n}\n.table-header-item-state.grouped.filtered > .left {\n padding-top: 0;\n}\n.table-header-item-state > .right {\n display: table-cell;\n color: #e4e4e6;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n vertical-align: top;\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: 8px 8px;\n margin-left: -8px;\n background-color: #79818d;\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: #e4e4e6;\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.table-header-item.selected + .table-header-resize.table-header-resize {\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) 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-header-menu {\n position: absolute;\n width: 447px;\n background-color: #262d3b;\n border: 1px solid #495465;\n white-space: nowrap;\n}\n.table-header-menu:focus {\n outline: 0;\n}\n.table-header-menu.bottom {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.table-header-menu.top {\n box-shadow: 2px -3px 14px -6px rgba(0, 0, 0, 0.7);\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: bottom;\n padding: 10px;\n}\n.table-header-menu-filters {\n display: inline-block;\n width: 222px;\n border-left: solid 1px #495465;\n padding: 0 10px 0 10px;\n margin: 10px 0 10px 0;\n}\n.table-header-menu-body.compact > .table-header-menu-filters {\n display: block;\n height: auto;\n margin-top: 5px;\n border-left: 0;\n}\n.table-header-menu-filters > .table-header-menu-group > .form-field {\n position: relative;\n}\n.table-header-menu-whiter {\n height: 1px;\n position: absolute;\n left: 0;\n background-color: #262d3b;\n}\n.table-header-menu.bottom .table-header-menu-whiter {\n top: -1px;\n}\n.table-header-menu.top .table-header-menu-whiter {\n bottom: -1px;\n}\n.table-header-menu-group {\n padding-top: 10px;\n}\n.table-header-menu-group.first {\n padding-top: 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-family: Arial, sans-serif;\n font-size: 13px;\n font-weight: bold;\n color: #e4e4e6;\n line-height: 24px;\n height: 24px;\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 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: 18px;\n color: #e4e4e6;\n border: 1px solid #495465;\n background-color: #262d3b;\n cursor: pointer;\n text-align: center;\n display: table;\n}\n.table-header-menu-command:focus {\n border-color: #4bbbff;\n outline: none;\n}\n.table-header-menu-command:focus > .icon::before,\n.table-header-menu-command:focus > .icon::after {\n color: #4bbbff;\n}\n.table-header-menu-command.last {\n margin-right: 0;\n}\n.table-header-menu-command:hover {\n color: #4bbbff;\n border-color: #4bbbff;\n}\n.table-header-menu-command:active,\n.table-header-menu-command.active {\n color: #fff;\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.table-header-menu-command.disabled {\n background-color: #262d3b;\n border-color: #394051;\n color: #999999;\n cursor: default;\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.selected {\n background-color: #1561A7;\n border: 1px solid #1561A7;\n}\n.table-header-menu-command.selected > .icon::before,\n.table-header-menu-command.selected > .icon::after {\n color: #fff;\n}\n.table-header-menu-command.selected:focus {\n background-color: #262d3b;\n}\n.table-header-menu-command.selected:focus > .icon::before,\n.table-header-menu-command.selected:focus > .icon::after {\n color: #4bbbff;\n}\n.table-header-menu-command.selected:active:not(.disabled),\n.table-header-menu-command.selected.active:not(.disabled) {\n background-color: #0f477a;\n border-color: #0f477a;\n}\n.table-header-menu-command > .icon {\n vertical-align: middle;\n display: table-cell;\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 {\n border-width: 0;\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, #5d2b38, #1e5448);\n / Color used as fallback if browser does not support gradients (ie 9) /\n background-color: #5d2b38;\n}\n.table-header-menu-command.color-gradient2 {\n background-image: linear-gradient(to right, #1e5448, #5d2b38);\n / Color used as fallback if browser does not support gradients (ie 9) /\n background-color: #1e5448;\n}\n.table-header-menu-command.color-bar-chart {\n background-image: linear-gradient(to right, rgba(21, 97, 167, 0.4) 0, rgba(21, 97, 167, 0.4) 65%, #fff 65%, #fff 100%);\n background-color: transparent;\n}\n.table-header-menu-command.color.selected {\n border-width: 2px;\n}\n.table-header-menu-command.color.selected.togglable:hover {\n background-color: #1561A7;\n background-image: none;\n}\n.table-header-menu-filter {\n position: relative;\n width: 200px;\n float: left;\n clear: both;\n height: 30px;\n line-height: 30px;\n cursor: pointer;\n padding: 0 20px 0 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n border-top: 1px solid #495465;\n}\n.table-header-menu-filter.last {\n border-bottom: 1px solid #495465;\n}\n.table-header-menu-filter:hover {\n color: #4bbbff;\n}\n.table-header-menu-filter::after {\n position: absolute;\n right: 14px;\n content: attr(data-value);\n}\n.table-header-menu-filter.selected {\n background-color: #1561A7;\n border-top-color: #1561A7;\n color: #fff;\n}\n.table-header-menu-filter.selected + .table-header-menu-filter {\n border-top: 1px solid #262d3b;\n}\n.table-header-menu-filter.selected:last-child {\n border-bottom-color: #1561A7;\n}\n.table-header-menu-filter-actions {\n float: right;\n line-height: 24px;\n}\n.table-header-menu-filter-toggle-checked {\n cursor: pointer;\n color: #4bbbff;\n display: inline;\n}\n.table-header-menu-toggle-sort-order {\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 float: left;\n cursor: pointer;\n color: #4bbbff;\n padding-right: 10px;\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: 12px 16px;\n line-height: 25px;\n}\n.table-row-detail-name {\n font-weight: bold;\n margin-right: 4px;\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 display: inline-block;\n padding: 0 14px;\n cursor: pointer;\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n / draw over border-top of .table-footer /\n height: calc(100% + 1px);\n margin-top: -1px;\n padding-top: 1px;\n}\n.table-control::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.table-control > .font-icon {\n font-size: 22px;\n color: #4bbbff;\n vertical-align: middle;\n}\n.table-control:hover > .font-icon {\n color: #4bbbff;\n}\n.table-control:active > .font-icon {\n color: #18a8ff;\n}\n.table-control.disabled:hover,\n.table-control.disabled > .font-icon,\n.table-control.disabled.selected > .font-icon {\n cursor: default;\n color: #999999;\n}\n.table-control.selected > .font-icon {\n color: #4bbbff;\n}\n.table-control.selected {\n border-left-color: #495465;\n border-right-color: #495465;\n background-color: #2d3748;\n}\n.table-control.selected:first-child {\n border-left-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: 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.cell-editor-popup {\n / make sure it is behind the scrollbar /\n z-index: 0;\n}\n.cell-editor-popup.first {\n / Hide the left border of the field /\n margin-left: -1px;\n}\n.cell-editor-field {\n / -1px correction is necessary because the table-cell does not have a border but the fields have\n * For some reason Microsoft Edge requires 1px less padding than all other browsers, to avoid a\n * 'jumpy' UI when user clicks into an editable cell /\n padding: 7px 3px 7px 7px;\n border-radius: 0;\n}\n.cell-editor-field.ms-edge {\n padding-left: 6px;\n}\n.cell-editor-field.first {\n / Correction for margin-left -1px /\n padding-left: 8px;\n}\n.cell-editor-field.first.ms-edge {\n padding-left: 7px;\n}\n.cell-editor-field.halign-right {\n padding-right: 7px;\n padding-left: 3px;\n}\n.cell-editor-field.halign-right.ms-edge {\n padding-left: 2px;\n}\n.cell-editor-field.halign-center {\n padding-right: 7px;\n}\n.cell-editor-field:focus {\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-size: 16px;\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 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: #999999;\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: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-block;\n user-select: none;\n white-space: nowrap;\n color: #000;\n outline: none;\n border-radius: 2px;\n background-color: #3EE1C3;\n padding: 0 5px;\n height: 22px;\n line-height: 22px;\n margin: 3px 3px 0 0;\n}\n.tag-element:hover:not(.disabled),\n.overflow-icon:hover:not(.disabled) {\n background-color: #7ff2dd;\n}\n.tag-element.focused,\n.overflow-icon.focused {\n background-color: #24B499;\n}\n.tag-element.focused > .tag-remove-icon::before,\n.overflow-icon.focused > .tag-remove-icon::before {\n color: #000;\n}\n.tag-element > .tag-text {\n max-width: 85px;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 1px;\n display: inline-block;\n vertical-align: middle;\n}\n.tag-element.clickable:hover {\n cursor: pointer;\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: 10px;\n content: '\\F078';\n color: #1D826F;\n}\n.overflow-icon:hover {\n background-color: #7ff2dd;\n cursor: pointer;\n}\n.overflow-icon.focused::before {\n color: #000;\n}\n.tag-remove-icon {\n padding-left: 3px;\n display: inline-block;\n vertical-align: middle;\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 color: #1D826F;\n}\n.tag-remove-icon:hover {\n cursor: pointer;\n}\n.tag-remove-icon:hover::before {\n color: #000;\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 7px 9px 5px;\n max-width: 250px;\n}\n.tag-overflow-popup-head {\n position: absolute;\n background-color: #262d3b;\n color: #4bbbff;\n border: 1px solid #495465;\n border-bottom-width: 0;\n}\n.tag-overflow-popup-head:hover {\n background-color: #262d3b !important;\n / NOSONAR important to avoid super specific selector /\n}\n.tag-overflow-popup-head.overflow-icon {\n margin: 0;\n border-radius: 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.time-picker-popup {\n position: absolute;\n border: 1px solid #014786;\n border-radius: 3px;\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n overflow: hidden;\n}\n.time-picker-popup.alternative {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n border-radius: 0;\n}\n.time-picker {\n position: relative;\n background-color: #262d3b;\n}\n.time-picker.touch {\n overflow-x: hidden;\n overflow-y: auto;\n min-width: 160px;\n}\n.day-table {\n display: table;\n width: 100%;\n}\n.day-table > .hour-row {\n display: table-row;\n padding-left: 20px;\n padding-right: 20px;\n}\n.day-table > .hour-row:hover > .label {\n font-weight: bold;\n color: #4bbbff;\n}\n.day-table > .hour-row > .cell {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n padding: 2px;\n cursor: pointer;\n}\n.time-picker.touch .day-table > .hour-row > .cell {\n padding: 5px;\n}\n.day-table > .hour-row > .cell:first-child {\n padding-left: 7px;\n}\n.time-picker.touch .day-table > .hour-row > .cell:first-child {\n padding-left: 15px;\n}\n.day-table > .hour-row > .cell:last-child {\n padding-right: 12px;\n}\n.time-picker.touch .day-table > .hour-row > .cell:last-child {\n padding-right: 20px;\n}\n.day-table > .hour-row > .cell > .text {\n display: inline-block;\n padding: 5px;\n border: 1px solid transparent;\n border-radius: 3px;\n}\n.day-table > .hour-row > .cell.hours {\n background-color: #1a1d28;\n border-right: 1px solid #495465;\n}\n.day-table > .hour-row > .cell.hours:active:not(.disabled) + .minutes > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.hours:hover:not(.disabled) + .minutes > .text {\n border-color: #4bbbff;\n background-color: #394051;\n}\n.day-table > .hour-row > .cell.hours:active:not(.disabled) + .minutes.now > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.hours:hover:not(.disabled) + .minutes.now > .text {\n border-color: #FE9915;\n background-color: #394051;\n}\n.day-table > .hour-row > .cell.hours:active:not(.disabled) + .minutes.selected > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.hours:hover:not(.disabled) + .minutes.selected > .text {\n background-color: #2B73B3;\n}\n.day-table > .hour-row > .cell.hours:active:not(.disabled) + .minutes.selected.now > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.hours:hover:not(.disabled) + .minutes.selected.now > .text {\n background-color: #FDAD4F;\n}\n.day-table > .hour-row > .cell.minutes {\n / Hover effect is disabled on touch devices because the hover effect does not vanish on touch end which is annoying especially when swiping. /\n}\n.day-table > .hour-row > .cell.minutes.now {\n color: #FE9915;\n font-weight: bold;\n}\n.day-table > .hour-row > .cell.minutes.selected {\n color: #fff;\n}\n.day-table > .hour-row > .cell.minutes.selected > .text {\n background-color: #1561A7;\n}\n.day-table > .hour-row > .cell.minutes.selected.now {\n color: #fff;\n}\n.day-table > .hour-row > .cell.minutes.selected.now > .text {\n background-color: #cd6906;\n}\n.day-table > .hour-row > .cell.minutes.preselected > .text {\n border-color: #4bbbff;\n border-style: dashed;\n}\n.day-table > .hour-row > .cell.minutes.preselected.now > .text {\n border-color: #FE9915;\n}\n.day-table > .hour-row > .cell.minutes:active:not(.disabled) > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.minutes:hover:not(.disabled) > .text {\n border-color: #4bbbff;\n background-color: #394051;\n}\n.day-table > .hour-row > .cell.minutes:active:not(.disabled).now > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.minutes:hover:not(.disabled).now > .text {\n border-color: #FE9915;\n background-color: #394051;\n}\n.day-table > .hour-row > .cell.minutes:active:not(.disabled).selected > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.minutes:hover:not(.disabled).selected > .text {\n background-color: #2B73B3;\n}\n.day-table > .hour-row > .cell.minutes:active:not(.disabled).selected.now > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.minutes:hover:not(.disabled).selected.now > .text {\n background-color: #FDAD4F;\n}\n.touch-popup-widget-container > .time-picker {\n border: none;\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.tooltip {\n position: absolute;\n background-color: #262d3b;\n border: 1px solid #4bbbff;\n color: #e4e4e6;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n max-width: 300px;\n white-space: normal;\n}\n.tooltip-content {\n background-color: inherit;\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}\n.tooltip-content .bold {\n font-weight: bold;\n}\n.tooltip-content .small {\n font-size: 11px;\n color: #999999;\n}\n.tooltip-menus {\n background-color: inherit;\n padding: 0 12px 5px 12px;\n position: relative;\n}\n.tooltip.no-text > .tooltip-menus {\n padding-top: 3px;\n}\n.tooltip-menus > .menu-item {\n display: block;\n padding-top: 5px;\n padding-bottom: 5px;\n}\n.tooltip-menus > .menu-item > .text {\n text-decoration: underline;\n}\n.tooltip-menus > .menu-item > .submenu-icon {\n padding-left: 5px;\n}\n.tooltip-arrow {\n position: absolute;\n width: 14px;\n height: 14px;\n background-color: inherit;\n border: inherit;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.tooltip-arrow.arrow-bottom {\n bottom: -7px;\n margin-left: -8px;\n}\n.tooltip-arrow.arrow-top {\n top: -7px;\n margin-left: -8px;\n}\n.tooltip.error {\n background-color: #262d3b;\n border-color: #FF6060;\n}\n.tooltip.error > .tooltip-arrow {\n background-color: #262d3b;\n border-color: #FF6060;\n}\n.tooltip.error > .tooltip-content,\n.tooltip.error > .tooltip-menus {\n background-color: #262d3b;\n}\n.tooltip.warning {\n background-color: #262d3b;\n border-color: #FDAD4F;\n color: #e4e4e6;\n}\n.tooltip.warning > .tooltip-arrow {\n background-color: #262d3b;\n border-color: #FDAD4F;\n}\n.tooltip.warning > .tooltip-content,\n.tooltip.warning > .tooltip-menus {\n background-color: #262d3b;\n}\n.tooltip.info {\n background-color: #262d3b;\n border-color: #4bbbff;\n color: #e4e4e6;\n}\n.tooltip.info > .tooltip-arrow {\n background-color: #262d3b;\n border-color: #4bbbff;\n}\n.tooltip.info > .tooltip-content,\n.tooltip.info > .tooltip-menus {\n background-color: #262d3b;\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}\n.widget-tooltip > .tooltip-widget-container > .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.tree {\n position: relative;\n}\n.tree:focus,\n.tree.focused {\n outline: none;\n / first child is the scrollbar /\n}\n.tree:focus .tree-node.selected,\n.tree.focused .tree-node.selected {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.tree:focus .tree-node:nth-of-type(1).selected,\n.tree.focused .tree-node:nth-of-type(1).selected {\n border-top-color: #394051;\n}\n.tree > .menubar {\n padding-left: 8px;\n padding-right: 8px;\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 border: 1px solid transparent;\n border-left: 0 solid transparent;\n border-right: 0 solid transparent;\n padding: 6px 6px 6px 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n /first child is the scrollbar/\n}\n.tree-node:active {\n background-color: #394051;\n}\n.tree-node.selected {\n background-color: #394051;\n border-color: #495465;\n border-left-color: transparent;\n border-right-color: transparent;\n}\n.tree-node.disabled {\n / Tree node is disabled -> use lighter disabled color /\n color: #999999;\n}\n.disabled > .tree-node {\n / Whole tree is disabled -> use darker disabled color /\n color: #999999;\n}\n.disabled.read-only > .tree-data > .tree-node {\n color: #e4e4e6;\n}\n.tree-node:nth-of-type(1).selected {\n border-top-color: #394051;\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: 7px;\n display: inline-block;\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 padding-right: 10px;\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 {\n cursor: pointer;\n font-size: 13px;\n display: inline-block;\n position: relative;\n width: 18px;\n height: 18px;\n border: 1px solid #495465;\n border-radius: 3px;\n background-color: #262d3b;\n text-align: center;\n}\n.tree-node-checkbox .check-box.disabled,\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}\n.tree-node-checkbox .check-box::before {\n position: absolute;\n display: block;\n line-height: 18px;\n width: 16px;\n}\n.tree-node-checkbox .check-box.checked::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: '\\E005';\n color: #4bbbff;\n font-size: 11px;\n}\n.tree-node-checkbox .check-box.disabled,\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 background-color: inherit;\n}\n.tree-node-checkbox .check-box.disabled::before,\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox .check-box::before,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox .check-box::before {\n color: #999999;\n}\n.tree-node-checkbox .check-box.disabled :hover::before,\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox .check-box :hover::before,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox .check-box :hover::before {\n color: #999999;\n}\n.tree-node-checkbox .check-box:not(.checked).children-checked::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n border-radius: 1px;\n background-color: #4bbbff;\n}\n.tree-node-checkbox .check-box.disabled:not(.checked).children-checked::after {\n background-color: #999999;\n}\n.tree-node-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n padding: 6px 8px 6px 13px;\n height: 100%;\n line-height: 14px;\n / Necessary to align with the text, depends on the used font size /\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 color: inherit;\n}\n.tree-node.lazy > .tree-node-control::before {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\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 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.tree-node-control:hover::before {\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 overflow: visible;\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid #495465;\n padding: 8px;\n / arrow is created using ::before and ::after/\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: block;\n color: #e4e4e6;\n cursor: default;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::before,\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::after,\n.tree.breadcrumb > .tree-data > .tree-node.selected::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::before,\n.tree.breadcrumb > .tree-data > .tree-node.selected::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::after {\n position: absolute;\n left: 50%;\n margin-left: -13px;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n z-index: 1;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::before,\n.tree.breadcrumb > .tree-data > .tree-node.selected::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::before {\n border-color: #495465 transparent transparent transparent;\n border-width: 6px 12px 0 12px;\n bottom: -7px;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::after,\n.tree.breadcrumb > .tree-data > .tree-node.selected::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::after {\n border-color: #262d3b transparent transparent transparent;\n border-width: 6px 12px 0 12px;\n bottom: -6px;\n}\n.tree.breadcrumb > .tree-data > .tree-node:active::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active::after {\n border-top-color: #394051;\n}\n.tree.breadcrumb > .tree-data > .tree-node.selected::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::after {\n border-top-color: #394051;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected.leaf::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected.leaf::before,\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected.leaf::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected.leaf::after,\n.tree.breadcrumb > .tree-data > .tree-node.selected.leaf::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected.leaf::before,\n.tree.breadcrumb > .tree-data > .tree-node.selected.leaf::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected.leaf::after {\n display: none;\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.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:focus > .tree-data > .tree-node.parent-of-selected,\n.tree.breadcrumb.focused > .tree-data > .tree-node.parent-of-selected,\n.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.parent-of-selected,\n.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.parent-of-selected {\n border-color: #4bbbff;\n}\n.tree.breadcrumb:focus > .tree-data > .tree-node.parent-of-selected::before,\n.tree.breadcrumb.focused > .tree-data > .tree-node.parent-of-selected::before,\n.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.parent-of-selected::before,\n.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.parent-of-selected::before {\n border-top-color: #4bbbff;\n}\n.tree.breadcrumb:focus > .tree-data > .tree-node.selected,\n.tree.breadcrumb.focused > .tree-data > .tree-node.selected,\n.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.selected,\n.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.selected {\n border-color: #4bbbff;\n}\n.tree.breadcrumb:focus > .tree-data > .tree-node.selected::before,\n.tree.breadcrumb.focused > .tree-data > .tree-node.selected::before,\n.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.selected::before,\n.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.selected::before {\n border-top-color: #4bbbff;\n}\n.tree.breadcrumb:focus > .tree-data > .tree-node.selected::after,\n.tree.breadcrumb.focused > .tree-data > .tree-node.selected::after,\n.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.selected::after,\n.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.selected::after {\n border-top-color: #394051;\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: #4bbbff;\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: #4bbbff;\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: #394051;\n border: 1px solid #495465;\n padding: 6px 8px;\n}\n.default-tile.selectable:active:not(.selected),\n.default-tile.selectable.active:not(.selected) {\n background-color: #495465;\n}\n.default-tile.selected {\n background-color: #394051;\n border-color: #4bbbff;\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-grid {\n overflow: hidden;\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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\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: 200px;\n height: 150px;\n margin-left: 30px;\n / horizontal gap /\n margin-top: 30px;\n / vertical gap /\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.tile-overview {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n.tile-overview-content {\n position: absolute;\n color: #4bbbff;\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}\n.tile-overview-title {\n font-size: 32px;\n padding-bottom: 30px;\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.tile-accordion > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-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.placeholder-tile {\n background-color: #2d3748;\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.dashboard {\n border: 1px solid #495465;\n border-radius: 3px;\n background-color: #394051;\n color: #e4e4e6;\n overflow: hidden;\n}\n.tile.dashboard > .form-field {\n padding: 12px 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 / Don't show underline decoration for links inside certain tiles /\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: #4bbbff;\n margin: 0;\n font-size: 18px;\n padding-top: 0;\n padding-bottom: 5px;\n padding-right: 0;\n}\n.compact.tile.dashboard > .form-field > label {\n font-size: 16px;\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.scrollbar-y-outside {\n padding-right: 10px;\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: 10px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside.label-hidden > .status {\n / increase space between status and field if label is hidden (= status is displayed on the field's right side) /\n margin-left: 20px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > .field {\n padding-right: 10px;\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 > .form-field.html-field .app-link,\n.tile.dashboard > .form-field.tile-list-field .app-link,\n.tile.dashboard > .form-field.tile-attributes-field .app-link,\n.tile.dashboard > .form-field.html-field a,\n.tile.dashboard > .form-field.tile-list-field a,\n.tile.dashboard > .form-field.tile-attributes-field a {\n text-decoration: none;\n color: #4bbbff;\n}\n.tile.dashboard > .form-field.html-field .app-link:hover,\n.tile.dashboard > .form-field.tile-list-field .app-link:hover,\n.tile.dashboard > .form-field.tile-attributes-field .app-link:hover,\n.tile.dashboard > .form-field.html-field a:hover,\n.tile.dashboard > .form-field.tile-list-field a:hover,\n.tile.dashboard > .form-field.tile-attributes-field a:hover {\n color: #18a8ff;\n}\n.tile.dashboard > .form-field.html-field .app-link:active,\n.tile.dashboard > .form-field.tile-list-field .app-link:active,\n.tile.dashboard > .form-field.tile-attributes-field .app-link:active,\n.tile.dashboard > .form-field.html-field a:active,\n.tile.dashboard > .form-field.tile-list-field a:active,\n.tile.dashboard > .form-field.tile-attributes-field a:active {\n color: #18a8ff;\n}\n.tile.dashboard.loading {\n border-style: dashed;\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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.tile.dashboard.inverted {\n border-color: transparent;\n border-radius: 3px;\n background-color: #1a1d28;\n color: #fff;\n}\n.tile.dashboard.inverted.disabled:not(.read-only) {\n background-color: #495465;\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 text-decoration: underline;\n}\n.tile.dashboard.inverted > .form-field .app-link:hover,\n.tile.dashboard.inverted > .form-field a:hover {\n color: #18a8ff;\n}\n.tile.dashboard.inverted > .form-field .app-link:active,\n.tile.dashboard.inverted > .form-field a:active {\n color: #18a8ff;\n}\n.tile.dashboard.inverted > .form-field.has-tooltip > .status::before,\n.tile.dashboard.inverted > .form-field.has-menus > .status::before {\n color: #fff;\n}\n.tile.dashboard.inverted > .form-field.has-tooltip > .status:hover::before,\n.tile.dashboard.inverted > .form-field.has-menus > .status:hover::before {\n color: #74A8D8;\n}\n.tile.dashboard.inverted > .form-field.has-error > .status::before {\n color: #fd9d9b;\n}\n.tile.dashboard.inverted > .form-field.has-error > .status:hover::before {\n color: #fa8784;\n}\n.tile.dashboard.color-alternative {\n border-color: #495465;\n background-color: #394051;\n color: #e4e4e6;\n}\n.tile.dashboard.color-alternative.disabled:not(.read-only) {\n background-color: #495465;\n}\n.tile.dashboard.color-alternative > .form-field > label {\n color: #4bbbff;\n}\n.tile.dashboard.color-alternative > .form-field .app-link,\n.tile.dashboard.color-alternative > .form-field a {\n color: #4bbbff;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:hover,\n.tile.dashboard.color-alternative > .form-field a:hover {\n color: #18a8ff;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:active,\n.tile.dashboard.color-alternative > .form-field a:active {\n color: #18a8ff;\n}\n.tile.dashboard.inverted.color-alternative {\n border-color: transparent;\n background-color: #1a1d28;\n color: #fff;\n}\n.tile.dashboard.inverted.color-alternative.disabled:not(.read-only) {\n background-color: #495465;\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: #18a8ff;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link:active,\n.tile.dashboard.inverted.color-alternative > .form-field a:active {\n color: #18a8ff;\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-tooltip > .status::before,\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus > .status::before {\n color: #fff;\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-tooltip > .status:hover::before,\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus > .status:hover::before {\n color: #cefff5;\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-error > .status::before {\n color: #fd9d9b;\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-error > .status:hover::before {\n color: #ffb3b1;\n}\n.tile.dashboard.selected {\n / Use mix() instead of fade(), because the background is opaque /\n background-color: #323949;\n / For selection we want a wider border but changing the border width would cause the content box to change.\n To avoid this we create a pseudo element with a border as well. Then we have the border of the main element\n plus the pseudo element's border leading to a 2px border. /\n border: 1px solid #4bbbff;\n}\n.tile.dashboard.selected.inverted {\n background-color: #222734;\n border-color: #1a1d28;\n}\n.tile.dashboard.selected.inverted::before {\n border-color: #1a1d28;\n}\n.tile.dashboard.selected.color-alternative {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.tile.dashboard.selected.color-alternative::before {\n border-color: #4bbbff;\n}\n.tile.dashboard.selected.inverted.color-alternative {\n background-color: #222734;\n border-color: #1a1d28;\n}\n.tile.dashboard.selected.inverted.color-alternative::before {\n border-color: #1a1d28;\n}\n.tile.dashboard.selected::before {\n content: '';\n pointer-events: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid #4bbbff;\n border-radius: 3px;\n z-index: 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) 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.dashboard > .form-field.tile-button {\n padding-top: 0;\n padding-bottom: 0;\n cursor: pointer;\n}\n.tile.dashboard > .form-field.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 / Make IE trigger the :active state if the field is pressed /\n pointer-events: none;\n}\n.tile.dashboard > .form-field.tile-button > .field.with-icon {\n padding-top: 17px;\n}\n.tile.dashboard > .form-field.tile-button > .field.without-icon {\n justify-content: center;\n}\n.tile.dashboard > .form-field.tile-button > .field > .icon-container,\n.tile.dashboard > .form-field.tile-button > .field > .label {\n display: block;\n}\n.tile.dashboard > .form-field.tile-button > .field > .icon-container {\n flex-grow: 1;\n}\n.tile.dashboard > .form-field.tile-button > .field > .icon-container > .font-icon {\n font-size: 40px;\n color: #4bbbff;\n}\n.tile.dashboard > .form-field.tile-button > .field > .label {\n font-size: 16px;\n max-height: 66px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.tile.dashboard > .form-field.tile-button > .field.with-icon > .label {\n padding-top: 18px;\n}\n.tile.dashboard.compact > .form-field.tile-button > .field {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.tile.dashboard.compact > .form-field.tile-button > .field.with-icon {\n padding-top: 12px;\n min-height: 98px;\n}\n.tile.dashboard.compact > .form-field.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 > .form-field.tile-button > .field > .icon-container > .font-icon {\n font-size: 28px;\n}\n.tile.dashboard:not(.disabled):hover > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard:not(.disabled):hover > .form-field.tile-button > .field > .label {\n color: #4bbbff;\n}\n.tile.dashboard:not(.disabled):active > .form-field.tile-button,\n.tile.dashboard:not(.disabled).active > .form-field.tile-button {\n background-color: #2d3748;\n}\n.tile.dashboard.inverted:not(.disabled) > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.inverted:not(.disabled):hover > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.inverted:not(.disabled) > .form-field.tile-button > .field > .label,\n.tile.dashboard.inverted:not(.disabled):hover > .form-field.tile-button > .field > .label {\n color: #e4e4e6;\n}\n.tile.dashboard.inverted:not(.disabled):active > .form-field.tile-button,\n.tile.dashboard.inverted:not(.disabled).active > .form-field.tile-button {\n background-color: #11151d;\n border-color: #11151d;\n}\n.tile.dashboard.color-alternative > .form-field.tile-button > .field > .icon-container > .font-icon {\n color: #4bbbff;\n}\n.tile.dashboard.color-alternative:not(.disabled):hover > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.color-alternative:not(.disabled):hover > .form-field.tile-button > .field > .label {\n color: #4bbbff;\n}\n.tile.dashboard.color-alternative:not(.disabled):active > .form-field.tile-button,\n.tile.dashboard.color-alternative:not(.disabled).active > .form-field.tile-button {\n background-color: #2d3748;\n}\n.tile.dashboard.color-alternative.inverted:not(.disabled) > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.color-alternative.inverted:not(.disabled):hover > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.color-alternative.inverted:not(.disabled) > .form-field.tile-button > .field > .label,\n.tile.dashboard.color-alternative.inverted:not(.disabled):hover > .form-field.tile-button > .field > .label {\n color: #e4e4e6;\n}\n.tile.dashboard.color-alternative.inverted:not(.disabled):active > .form-field.tile-button,\n.tile.dashboard.color-alternative.inverted:not(.disabled).active > .form-field.tile-button {\n background-color: #11151d;\n border-color: #11151d;\n}\n.tile.dashboard.disabled > .form-field.tile-button,\n.tile.dashboard.disabled:hover > .form-field.tile-button {\n background-color: #999999;\n border-color: #999999;\n cursor: default;\n}\n.tile.dashboard.disabled > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.disabled:hover > .form-field.tile-button > .field > .icon-container > .font-icon {\n color: #999999;\n}\n.tile.dashboard.disabled > .form-field.tile-button > .field > .label,\n.tile.dashboard.disabled:hover > .form-field.tile-button > .field > .label {\n color: #999999;\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.dashboard > .table-field {\n padding-left: 11px;\n padding-right: 11px;\n / adjust menu bar when visible /\n}\n.tile.dashboard > .table-field > label {\n padding-left: 9px;\n padding-right: 9px;\n}\n.tile.dashboard > .table-field > label {\n padding-bottom: 10px;\n}\n.compact.tile.dashboard > .table-field {\n padding-left: 6px;\n padding-right: 6px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-left: 9px;\n padding-right: 9px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-bottom: 5px;\n}\n.tile.dashboard > .table-field.has-menubar {\n padding-bottom: 10px;\n}\n.tile.dashboard > .table-field.has-menubar > .table > .menubar.bottom {\n padding-top: 8px;\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 / No selection color for non-focused table tiles /\n / Draw left and right selection border (because tile tables have on border) /\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 border-bottom-width: 2px;\n / show separator on mouseover only /\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.header-invisible > .table-data {\n / override negative margin top, otherwise selection border of first row would be cut off /\n margin-top: 0;\n}\n.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row {\n background-color: transparent;\n border-top-color: transparent;\n}\n.tile.dashboard > .table-field > .table > .table-data > .table-row {\n / Do not use transparent left/right border, because otherwise the corners would not look good. /\n / Instead, a padding is used, which is replaced by a border in the selected state. /\n padding-left: 1px;\n padding-right: 1px;\n}\n.tile.dashboard > .table-field > .table > .table-data > .table-row.selected {\n border-left-width: 1px;\n border-right-width: 1px;\n padding-left: 0;\n padding-right: 0;\n}\n.tile.dashboard > .table-field > .table > .menubar {\n background-color: transparent;\n}\n.tile.dashboard > .table-field > .table > .menubar.bottom {\n border-top-width: 2px;\n}\n.tile.dashboard > .table-field:not(.label-hidden) > .table > .table-header > .table-header-resize {\n padding-top: 0;\n}\n.tile.dashboard > .table-field:not(.label-hidden) > .table > .table-header > .table-header-item {\n padding-top: 0;\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: #1561A7;\n border-color: #fff;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-item,\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #fff;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-item > .font-icon,\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 > .menubar > .menubox > .menu-item {\n color: #fff;\n}\n.tile.dashboard.color-alternative > .table-field > .table:focus > .table-data > .table-row.selected,\n.tile.dashboard.color-alternative > .table-field > .table.focused > .table-data > .table-row.selected {\n background-color: #aaf8ea;\n border-color: #24B499;\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: #3EE1C3;\n border-color: #fff;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-item,\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #fff;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-item > .font-icon,\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 > .menubar > .menubox > .menu-item {\n 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.login-box-content > form > input,\n.login-box-content > form > .button {\n width: 100%;\n height: 45px;\n margin: 15px 0;\n font-size: 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: 2px;\n -webkit-box-shadow: inset 0 0 0 1000px #262d3b;\n -webkit-text-fill-color: #e4e4e6 !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::first-line {\n font-size: 16px;\n font-family: Arial, sans-serif;\n}\n.login-box-content > form > input.alternative:-webkit-autofill:focus {\n -webkit-text-fill-color: #4bbbff !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::selection {\n -webkit-text-fill-color: #e4e4e6 !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:disabled {\n color: #fff;\n border-color: #1561A7;\n background-color: #1561A7;\n}\n.login-button.login-error:not(.disabled) {\n border-color: #DF2632;\n background-color: #DF2632;\n / Also change color of focus glow /\n}\n.login-button.login-error:not(.disabled):focus::before {\n border-color: #DF2632;\n box-shadow: 0 0 5px #DF2632;\n}\n.login-button.login-error:not(.disabled):hover {\n background-color: #DF2632;\n}\n.login-button.login-error:not(.disabled):active {\n border-color: #DF2632;\n background-color: #cd1e2a;\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/\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: #4bbbff;\n font-size: 14px;\n}\n.breadcrumb-item.last {\n font-weight: bold;\n}\n.breadcrumb-item:hover:not(.disabled) {\n color: #18a8ff;\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: #e4e4e6;\n display: block;\n margin: 0 5px;\n cursor: default;\n}\n.breadcrumb-item:not(.disabled):active {\n color: #18a8ff;\n}\n.breadcrumb-item:not(.disabled) {\n cursor: pointer;\n}\n.breadcrumb-item.disabled {\n color: #999999;\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/ -------------------------------- /\n/ Scout dark theme /\n/ extends: Scout default theme /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Color palette /\n/ -------------------------------- /\n/ These are new gray colors used only in dark theme /\n/ This is a new blue color used only in dark theme.\n It replaces palette-blue-6 mostly, especially if blue-6 is used as border or foreground color.\n Palette-blue-6 is still used as background-color, though. /\n/ These are slightly darker variants of the original colors since the original ones would be too shiny when used as background in dark mode/\n/ This is a new orange color used only in dark theme.\n If orange-4 is used as background it is extremely shiny, this new darker color has better contrast. /\n/ -------------------------------- /\n/ Global colors /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Component specific colors /\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.tree.breadcrumb > .tree-data > .tree-node.selected::before,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::before {\n border-top-color: #495465;\n border-width: 8px 13px 0 13px;\n bottom: -9px;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected::after,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::after {\n border: solid transparent;\n border-top-color: #262d3b;\n border-width: 8px 13px 0 13px;\n bottom: -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 /\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 #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}\n\ninput,\ntextarea,\n.input-field {\n background-color: @control-background-color;\n color: @control-color;\n border: 1px solid @border-color;\n border-radius: @control-border-radius;\n\n &.disabled {\n background-color: @control-disabled-background-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.glow(@error-glow-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: @border-color;\n border-radius: @control-alternative-border-radius;\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' in IE /\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.button {\n position: relative;\n color: @button-color;\n background-color: @button-background-color;\n border: 1px solid @button-border-color;\n border-radius: @button-border-radius;\n cursor: pointer;\n white-space: nowrap;\n padding: @button-padding-y @button-padding-x;\n / Note: no vertical align helper here! this is very dependent on the content of the button /\n / (only text or other DOM nodes), therefore it has to be added manually when desired. /\n\n & > .button-label,\n & > .submenu-icon,\n & > .icon {\n vertical-align: middle;\n display: inline-block;\n }\n\n & > .button-label {\n margin-top: @button-margin-top;\n overflow: hidden;\n text-overflow: ellipsis;\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 color: @button-font-icon-color;\n font-size: @button-font-icon-size;\n }\n\n & > .submenu-icon {\n #scout.submenu-icon();\n padding-left: 8px;\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 }\n\n &:focus {\n outline: none;\n overflow: visible; / without this, IE would cut off the focus glow /\n\n &::before {\n #scout.button-focus();\n }\n }\n\n &:active,\n &.active {\n color: @button-active-color;\n background-color: @button-active-background-color;\n\n & > .font-icon {\n color: @button-active-color;\n }\n }\n\n &.default:not(.disabled) {\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 &:focus {\n color: @default-button-color;\n }\n\n &:hover {\n background-color: @default-button-hover-background-color;\n }\n\n &:active, &.active {\n background-color: @default-button-active-background-color;\n border-color: @default-button-active-background-color;\n }\n\n & > .font-icon {\n font-weight: normal;\n color: @icon-inverted-color;\n }\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 & > .font-icon {\n color: @button-font-icon-disabled-color;\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\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\n &::before {\n content: @icon-remove-bold;\n }\n\n &:active, &.active {\n color: @active-color;\n }\n\n &:hover {\n color: @hover-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-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\n.application-loading-root-fadeout {\n #scout.animation(fade-out @loading-fade-duration linear 1);\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: underline;\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 }\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 > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .form,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .touch-popup,\n.scout > .form-menu-popup,\n.scout > .smart-field-popup,\n.scout > .proposal-field-popup,\n.scout > .date-picker-popup,\n.scout > .time-picker-popup,\n.scout > .table-header-menu,\n.scout > .tag-chooser-popup,\n.scout > .tag-overflow-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) 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 {\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: 2px, @y: 6px, @blur: 14px, @spread: -6px, @alpha: @drop-shadow-alpha) {\n box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);\n }\n\n .drop-shadow-large(@x: 4px, @y: 10px, @blur: 18px, @spread: -6px, @alpha: @drop-shadow-large-alpha) {\n #scout.drop-shadow(@x, @y, @blur, @spread, @alpha);\n }\n\n .focus-border(@bordersize: 1px) {\n outline: none;\n border: @bordersize solid @focus-border-color;\n #scout.glow(@focus-glow-color);\n }\n\n .focus-border-inverted(@bordersize: 1px) {\n outline: none;\n border: @bordersize solid @focus-border-color-inverted;\n #scout.glow(@focus-glow-color-inverted);\n }\n\n .no-focus-border() {\n outline: none;\n border: 0;\n box-shadow: 0 0 0 0;\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 .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, 70%);\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 text-align: center;\n\n &::before {\n #scout.font-icon();\n font-size: @status-font-icon-size;\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: 18px;\n }\n\n &:hover::before {\n color: @status-menu-hover-color;\n }\n\n &:active::before {\n color: @status-menu-hover-color;\n }\n }\n\n .tooltip-status,\n .info-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 color: @status-info-hover-color;\n }\n\n &:active::before {\n color: @status-info-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 color: @status-warning-hover-color;\n }\n\n &:active::before {\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 color: @status-error-hover-color;\n }\n\n &:active::before {\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\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-active-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 .checkbox() {\n display: inline-block;\n position: relative;\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 text-align: center;\n }\n\n .checkbox-disabled() {\n background-color: @control-disabled-background-color;\n }\n\n .checkbox-before() {\n position: absolute;\n display: block;\n line-height: @check-box-checked-line-height;\n width: @check-box-size - 2 @check-box-border-width;\n }\n\n .checkbox-before-checked() {\n #scout.font-icon();\n content: @icon-checked-bold;\n color: @check-box-checked-color;\n font-size: 11px;\n }\n\n .checkbox-before-undefined() {\n content: '';\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc(~'100% - 6px');\n height: calc(~'100% - 6px');\n border-radius: 1px;\n background-color: @check-box-checked-color;\n }\n\n .checkbox-before-undefined-disabled() {\n background-color: @check-box-disabled-color;\n }\n\n .checkbox-before-disabled() {\n color: @check-box-disabled-color;\n }\n\n .checkbox-after-children-checked() {\n #scout.checkbox-before-undefined();\n }\n\n .checkbox-after-children-checked-disabled() {\n background-color: @check-box-disabled-color;\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 .button-focus() {\n #scout.overlay(-3px, -3px, 6px, 6px);\n #scout.focus-border();\n border-radius: @button-border-radius;\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 /* 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 / 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 border: solid 1px @control-popup-border-color;\n border-radius: @control-popup-border-radius;\n overflow: hidden;\n background-color: @control-popup-background-color;\n #scout.focus-border();\n\n &.bottom {\n margin-top: 5px;\n }\n\n &.top {\n margin-bottom: 5px;\n }\n\n &.touch {\n background-color: @table-header-background-color;\n }\n\n &.alternative {\n #scout.drop-shadow();\n border-radius: @control-alternative-border-radius;\n }\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) 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 {\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 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\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 / Flash-Gray /\n\n .animation-flash-gray(@keyframes-name: flash-gray) {\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-gray() {\n 0% {\n background-color: @simple-tab-background-color;\n }\n 25% {\n background-color: @simple-tab-flash-background-color;\n }\n 50% {\n background-color: @simple-tab-background-color;\n }\n 75% {\n background-color: @simple-tab-flash-background-color;\n }\n 100% {\n background-color: @simple-tab-background-color;\n }\n }\n\n @-webkit-keyframes flash-gray {\n .keyframes-flash-gray();\n }\n @keyframes flash-gray {\n .keyframes-flash-gray();\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.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) 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/\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: 1px solid @border-color;\n border-radius: @border-radius;\n background-color: @background-color;\n max-width: @box-width;\n margin: 0 auto;\n padding: 40px 70px;\n #scout.drop-shadow();\n\n & > .header {\n text-align: center;\n\n & > .logo {\n margin-top: 5px;\n margin-bottom: 40px;\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 }\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) 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.box-buttons {\n\n &.empty {\n border-bottom: 1px solid @boxbutton-border-color;\n }\n\n & > .box-button {\n position: relative;\n padding: 12px;\n background-color: @boxbutton-background-color;\n border: 1px solid @boxbutton-border-color;\n cursor: pointer;\n text-align: center;\n #scout.overflow-ellipsis-nowrap();\n display: inline-block;\n vertical-align: bottom;\n }\n\n & > .box-button.disabled {\n cursor: default;\n color: @disabled-color;\n }\n\n & > .box-button:not(.disabled):active {\n background-color: @boxbutton-active-background-color;\n }\n\n & > .box-button:first-child {\n border-bottom-left-radius: @border-radius;\n }\n\n & > .box-button:last-child {\n border-bottom-right-radius: @border-radius;\n }\n\n & > .box-button:first-child ~ .box-button {\n border-left-width: 0;\n }\n\n & > .box-button:focus {\n outline: none;\n }\n\n & > .box-button:focus::before {\n #scout.focus-border();\n #scout.overlay(2px, 2px, -4px, -4px);\n z-index: 1;\n }\n\n & > .box-button:first-child:focus::before {\n border-bottom-left-radius: @border-radius;\n }\n\n & > .box-button:last-child:focus::before {\n border-bottom-right-radius: @border-radius;\n }\n\n .severity-error & > .box-button:focus::before {\n border-color: @error-border-color;\n #scout.glow(@error-glow-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-week-scrollable {\n overflow: visible;\n}\n\n.calendar-scrollable-components-week {\n top: calc(@calendar-day-selected-circle-size ~'+ 5px');\n height: calc(~'15% - (' @calendar-day-selected-circle-size ~' + 5px)');\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 @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 width: 65px;\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 width: 65px;\n\n border-top: 1px solid @border-color;\n border-bottom: 1px solid @border-color;\n border-left: 1px solid @border-color;\n\n &.first {\n border-left: 1px solid @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 @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 @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 @form-background-color;\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 &:hover > .calendar-component-leftcolorborder {\n background-color: @palette-blue-2;\n }\n\n &.comp-selected > .calendar-component-leftcolorborder {\n background-color: @palette-blue-6;\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\n &.comp-selected {\n background-color: @palette-blue-2;\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-2;\n }\n\n &:hover > .calendar-component-leftcolorborder {\n background-color: @palette-orange-3;\n }\n\n &:hover .comp-selected > .calendar-component-leftcolorborder {\n background-color: @palette-orange-4;\n }\n\n &.comp-selected {\n background-color: @palette-orange-3;\n }\n\n &.comp-selected > .calendar-component-leftcolorborder {\n background-color: @palette-orange-4;\n }\n }\n\n / Colors for type Task /\n\n &.calendar-task {\n background-color: @palette-cyan-0;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-cyan-2;\n }\n\n &:hover {\n background-color: @palette-cyan-2;\n }\n\n &:hover > .calendar-component-leftcolorborder {\n background-color: @palette-cyan-3;\n }\n\n &.comp-selected {\n background-color: @palette-cyan-3;\n }\n\n &.comp-selected > .calendar-component-leftcolorborder {\n background-color: @palette-cyan-4;\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 &.mobile {\n padding-right: @calendar-padding-right-mobile;\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: @palette-gray-3;\n }\n\n &.hour::after {\n background-color: @border-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}\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: @active-inverted-color;\n }\n\n &.year-hover-day {\n background-color: @year-panel-range-day-background-color;\n color: @active-inverted-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) 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-picker-popup {\n position: absolute;\n width: 252px;\n border: 1px solid @control-popup-border-color;\n border-radius: @control-popup-border-radius;\n #scout.focus-border();\n overflow: hidden;\n\n &.alternative {\n #scout.drop-shadow();\n border-radius: @control-alternative-border-radius;\n }\n}\n\n.date-picker {\n position: relative;\n background-color: @date-picker-background-color;\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 display: table;\n width: 100%;\n padding: 0 6px 3px 6px;\n}\n\n.date-picker-weekdays {\n display: table-row;\n}\n\n.date-picker-weekday {\n display: table-cell;\n height: @date-picker-header-height;\n text-align: center;\n vertical-align: middle;\n}\n\n.date-picker-week {\n display: table-row;\n}\n\n.date-picker-day {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n\n .date-picker.touch & {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n & > .text {\n display: inline-block;\n padding: @date-picker-day-padding-y @date-picker-day-padding-x;\n margin-top: 2px;\n border-radius: 50%;\n border: 1px solid transparent;\n }\n\n &.ten > .text {\n / increase padding a bit to center days between 10 and 19 nicer /\n padding-right: @date-picker-day-padding-x + 1px;\n }\n\n / Hover effect is disabled on touch devices because the hover effect does not vanish on touch end which is annoying especially when swiping. /\n\n &:active:not(.disabled),\n .date-picker:not(.touch) &:hover:not(.disabled) {\n & > .text {\n border-color: @date-picker-day-hover-border-color;\n background-color: @date-picker-day-hover-background-color;\n }\n\n &.date-picker-now > .text {\n border-color: @date-picker-now-hover-border-color;\n background-color: @date-picker-now-hover-background-color;\n }\n\n &.selected {\n & > .text {\n background-color: @date-picker-day-hover-selected-background-color;\n }\n\n &.date-picker-now > .text {\n background-color: @date-picker-now-hover-selected-background-color;\n }\n }\n }\n\n &.date-picker-out {\n color: @date-picker-out-color;\n }\n\n &.date-picker-weekend {\n color: @date-picker-weekend-color;\n }\n\n &.date-picker-out-weekend {\n color: @date-picker-out-weekend-color;\n }\n\n &.date-picker-now {\n color: @date-picker-now-color;\n font-weight: bold;\n }\n\n &.preselected {\n & > .text {\n border-color: @date-picker-day-preselected-border-color;\n border-style: dashed;\n }\n\n &.date-picker-now > .text {\n border-color: @date-picker-now-preselected-border-color;\n }\n }\n\n &.selected {\n color: @date-picker-day-selected-color;\n\n & > .text {\n background-color: @date-picker-day-selected-background-color;\n }\n\n &.date-picker-now {\n color: @date-picker-now-selected-color;\n\n & > .text {\n background-color: @date-picker-now-selected-background-color;\n }\n }\n }\n\n / Must be after other style definitions, because 'disabled' should overrule other definitions /\n\n &.disabled {\n color: @date-picker-day-disabled-color;\n }\n}\n\n.date-picker-header {\n line-height: @date-picker-header-height;\n height: @date-picker-header-height;\n padding: 0 10px;\n background-color: @date-picker-header-background-color;\n border-bottom: 1px solid @border-color;\n\n / Additional space between navigation buttons on touch devices /\n\n &.touch {\n padding-left: 18px;\n padding-right: 18px;\n\n & > .date-picker-left-m {\n margin-left: 26px;\n }\n\n & > .date-picker-right-m {\n margin-right: 26px;\n }\n }\n}\n\n.date-picker-separator {\n position: absolute;\n top: @date-picker-header-height 2 - 1px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid @border-color;\n}\n\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 13px;\n padding-top: @date-picker-header-month-padding-top;\n}\n\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n text-align: center;\n width: 22px;\n line-height: @date-picker-header-height;\n height: @date-picker-header-height;\n cursor: pointer;\n #scout.font-icon();\n font-size: 17px;\n\n &:hover {\n color: @hover-color;\n }\n\n &:active {\n color: @active-color;\n }\n}\n\n.date-picker-left-y,\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.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.touch-popup-widget-container {\n & > .date-picker {\n border: 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.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\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 right: 0;\n top: 0;\n margin-top: 8px;\n margin-right: @bench-padding-x;\n width: 33px;\n height: 33px;\n background-size: contain;\n background-repeat: no-repeat;\n\n &.clickable {\n cursor: pointer;\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 {\n & > .menubox {\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 }\n }\n\n / GroupBox.less /\n\n .group-box-title {\n margin-top: 2px; / @group-box-title-margin-top; /\n padding-top: 4px; / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 4px;\n }\n\n .group-box-body {\n padding-top: 8px; / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 6px;\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: 4px; / @group-box-title-margin-top; /\n }\n\n .tab-item {\n & > .title {\n padding-top: 4px; / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\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 padding-top: 7px; / padding: @table-header-padding-y @table-header-padding-right @table-header-padding-y @table-header-padding-left; /\n padding-bottom: 6px;\n }\n\n .table-header-resize {\n padding-top: 4px; / 8px 8px; /\n padding-bottom: 4px;\n }\n\n / Table.less /\n\n .table-cell {\n padding-top: 4px; / padding: @table-row-padding-y @table-cell-padding-right @table-row-padding-y @table-cell-padding-left; /\n padding-bottom: 4px;\n\n &.checkable {\n padding-top: 4px; / @table-row-padding-y - @checkable-cell-padding-adjustment @table-cell-padding-left 0 @table-cell-padding-left; /\n padding-bottom: 4px;\n line-height: 0; / somehow inline-block causes additional height when line-height is not set. (font-size would work) /\n }\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 padding-bottom: 4px;\n }\n }\n }\n\n / DesktopBench.less /\n\n .detail-table.table {\n & > .table-header {\n & > .table-header-item {\n padding-top: 7px; / @detail-table-header-padding-y; /\n padding-bottom: 6px; / @detail-table-header-padding-y; /\n\n & > .table-header-item-state {\n top: 4px; / top: 9px; /\n }\n }\n }\n\n & .table-aggregate {\n & > .table-cell {\n padding-top: 4px; / @detail-table-row-padding-y; /\n padding-bottom: 4px; / @detail-table-row-padding-y; /\n }\n }\n\n & > .table-data {\n\n & > .table-row,\n & > .table-aggregate-row {\n\n & > .table-cell {\n padding-top: 3px; / @detail-table-row-padding-y - 1px; /\n padding-bottom: 3px; / @detail-table-row-padding-y - 1px; /\n\n &.checkable {\n padding-top: 3px; / @detail-table-row-padding-y - @checkable-cell-padding-adjustment - 1px; /\n padding-bottom: 3px;\n }\n\n & > .table-row-control {\n padding-top: 4px; / @detail-table-row-padding-y - 1px; /\n padding-bottom: 4px; / @detail-table-row-padding-y - 1px; /\n }\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: 3px; / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 3px;\n }\n\n / Button /\n\n .button {\n padding-top: 0; / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n\n & > .button-label {\n padding: 0 0;\n }\n\n & > .icon {\n padding-top: 0; / padding-top: 2px; /\n padding-bottom: 0; / padding-bottom: 2px; /\n }\n }\n\n .button-field > .button > .button-label {\n padding: 0; / @text-field-padding-y - @button-padding-y - @button-margin-top 0 /\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 {\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) 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-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: -10px 0 10px 0 rgba(0, 0, 0, 0.4);\n clip-path: polygon(0 -100%, 0 200%, -100px 200%, -100px -100%);\n}\n\n.desktop-bench {\n position: absolute;\n top: 0;\n background-color: @background-color;\n\n / jquery sets overflow to hidden while animating which makes bench-drop-shadow invisible -> prevent it /\n overflow: visible !important; / NOSONAR /\n\n &.drop-shadow::before {\n .desktop-bench-drop-shadow();\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\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: 25px;\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\n.detail-table.table {\n\n &.loading {\n & > .loading-indicator {\n #scout.loading-indicator(@busyindicator-large-size, @busyindicator-large-border-width);\n }\n }\n\n &.ie {\n // Workaround for bug #227039. Focus calls come too early when table is not correctly layouted yet\n // -> if table is big ie tries to scroll which leads to ugly flickering and moved desktop whenever a large page with table is clicked\n height: 0;\n width: 0;\n }\n\n & > .table-header {\n padding-left: @detail-table-header-padding-x;\n padding-right: @detail-table-header-padding-x;\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-padding-y;\n padding-bottom: @detail-table-header-padding-y;\n\n & > .table-header-item-state {\n top: 9px;\n }\n }\n\n & > .menubar-container {\n padding-left: 6px;\n padding-right: @detail-table-header-menubar-padding-right;\n\n & > .menubar > .menubox > .menu-item {\n margin-right: 12px;\n }\n }\n }\n\n & > .table-data {\n padding-left: @detail-table-data-padding-x;\n padding-right: @detail-table-data-padding-x;\n }\n\n & > .table-footer {\n background-color: @detail-table-footer-background-color;\n }\n\n & .table-aggregate {\n / Desktop table has a 2px (left) border. /\n margin-left: @detail-table-data-padding-x + 2px;\n\n & > .table-cell {\n padding-top: @detail-table-row-padding-y;\n padding-bottom: @detail-table-row-padding-y;\n }\n }\n\n & > .table-data {\n & > .scrollbar {\n #scout.scrollbar-x-padding(4px, 2px);\n }\n\n & > .table-row,\n & > .table-aggregate-row {\n / Desktop table has a 2px border. Top and bottom border are added to the table cell. /\n border-left-width: 2px;\n border-right-width: 2px;\n\n &.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n\n & > .table-cell {\n / Replace first and last pixel of specified row padding by a transparent border. This border will be /\n / set to the selection color when the row is selected, thus creating the illusion that the 2px selection /\n / border is drawn around the cell. See CSS rules below. /\n padding-top: @detail-table-row-padding-y - 1px;\n padding-bottom: @detail-table-row-padding-y - 1px;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n\n &.checkable {\n padding-top: @detail-table-row-padding-y - @checkable-cell-padding-adjustment - 1px;\n padding-bottom: 0;\n }\n\n & > .table-row-control {\n padding-top: @detail-table-row-padding-y - 1px;\n padding-bottom: @detail-table-row-padding-y - 1px;\n }\n }\n\n &.select-top > .table-cell {\n border-top-color: @item-selection-border-color;\n }\n\n &.select-bottom > .table-cell {\n border-bottom-color: @item-selection-border-color;\n }\n\n &.select-single > .table-cell {\n border-top-color: @item-selection-border-color;\n border-bottom-color: @item-selection-border-color;\n }\n }\n\n & > .cell-editor-popup > .check-box-field {\n border-top: 2px solid @item-selection-border-color;\n border-bottom: 2px solid @item-selection-border-color;\n\n & > .field {\n padding-top: @detail-table-row-padding-y - @checkable-cell-padding-adjustment - 1px;\n }\n }\n\n & > .cell-editor-popup > .cell-editor-form-field > input,\n & > .cell-editor-popup > .cell-editor-form-field > .field > input {\n border-top: 2px solid @item-selection-border-color;\n border-bottom: 2px solid @item-selection-border-color;\n }\n }\n}\n\n@media only screen and(min-resolution: 96.96dpi) {\n / 1.01dppx / 101% /\n / The browser may not display the 2px border properly when zoomed, it draws a white gap between the cell and the row border.\n To prevent that the border is reduced to the simple 1px border. This is also applied if windows font size is set to medium (125%) /\n .detail-table.table {\n\n & > .table-data {\n\n & > .table-row,\n & > .table-aggregate-row {\n border-left-width: 1px;\n border-right-width: 1px;\n\n &.select-top > .table-cell {\n border-top-color: transparent;\n }\n\n &.select-bottom > .table-cell {\n border-bottom-color: transparent;\n }\n\n &.select-single > .table-cell {\n border-top-color: transparent;\n border-bottom-color: transparent;\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.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\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: @active-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 }\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: 9px;\n border-radius: @button-border-radius;\n\n &.one-visible {\n cursor: pointer;\n\n &:active > .collapse-handle-body {\n background-color: @collapse-handle-active-background-color;\n }\n }\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: 8px 6px;\n background-color: @collapse-handle-background-color;\n color: @collapse-handle-color;\n border: 1px solid @collapse-handle-border-color;\n border-radius: @button-border-radius;\n cursor: pointer;\n\n &::before {\n #scout.font-icon();\n display: block;\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 .collapse-handle:active > & {\n color: @collapse-handle-active-color;\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: 220px;\n padding: 6px 10px 0 20px;\n\n &.small {\n width: 130px;\n }\n\n & > .title {\n #scout.font-text-large();\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-header {\n position: absolute;\n top: 0;\n height: @desktop-header-height;\n background-color: @desktop-header-background-color;\n\n / jquery sets overflow to hidden while animating which makes bench-drop-shadow invisible -> prevent it /\n overflow: visible !important; / NOSONAR (see comment above) /\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: @desktop-header-border-color;\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(~'100% - 1px');\n left: 0;\n }\n\n & > .simple-tab-area {\n height: @desktop-header-height;\n\n & > .simple-tab.selected {\n\n &::before {\n .desktop-bench-drop-shadow();\n top: 0;\n width: 20px;\n height: 110%;\n }\n\n &:not(:first-child)::before {\n box-shadow: -7px 0 10px 0 rgba(0, 0, 0, 0.4);\n }\n }\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\n }\n}\n\n.desktop-header > .view-button-box {\n height: 100%;\n\n & > .view-tab {\n height: 100%;\n }\n\n & > .view-button-tab,\n & > .view-tab > .view-button-tab,\n & > .view-tab > .view-menu {\n / 1px smaller than the header because of the bottom border (see .selected rule for .simple-tab) /\n height: calc(~'100% - 1px');\n vertical-align: top;\n background-color: @header-view-button-tab-background-color;\n color: @header-view-button-tab-color;\n\n &.last {\n border-right-color: @border-color;\n }\n\n &:hover {\n &:not(.selected) > .font-icon {\n color: @header-view-button-tab-color;\n }\n }\n }\n}\n\n.desktop-header:not(.in-background) > .view-button-box {\n & > .view-button-tab,\n & > .view-tab > .view-button-tab,\n & > .view-tab > .view-menu {\n &.selected {\n background-color: @header-view-button-tab-active-background-color;\n color: @header-view-button-tab-active-color;\n height: 100%;\n padding-bottom: 1px;\n\n &.popup-open {\n height: calc(~'100% - 1px');\n }\n\n .outline-content-has-menubar& {\n background-color: @main-menubar-background-color;\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: @navigation-background-color;\n color: @navigation-color;\n\n &.single-view-button {\n\n & > .navigation-body {\n & > .outline > .outline-title {\n height: @single-view-button-outline-title-height;\n margin-left: 35px;\n margin-bottom: @single-view-button-outline-title-margin-bottom;\n border-bottom: none;\n padding-left: 20px;\n\n & > .outline-title-text {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n & > .menubar {\n height: @single-view-button-outline-title-height; / 100% not possible because outline-title must not be position relative due to menu item focus border /\n top: 0;\n }\n }\n\n & > .outline.breadcrumb > .outline-title > .outline-title-text {\n padding-left: 0;\n }\n\n & > .outline.breadcrumb:not(.search-outline) {\n & > .outline-title {\n margin-bottom: 0;\n }\n\n & > .tree-data {\n margin-top: @single-view-button-outline-title-margin-bottom;\n border-top: 1px solid @outline-breadcrumb-border-color;\n }\n }\n\n & > .search-outline {\n & > .outline-title {\n margin-bottom: 0;\n }\n\n & > .search-outline-panel {\n padding-top: @single-view-button-search-outline-panel-padding-top;\n padding-bottom: @single-view-button-search-outline-panel-padding-bottom;\n\n &.has-status {\n padding-bottom: @search-outline-panel-padding-bottom;\n }\n\n & > .search-outline-field {\n height: @single-view-button-search-outline-field-height;\n }\n\n & > .clear-icon {\n top: @single-view-button-search-outline-panel-padding-top;\n height: @single-view-button-search-outline-field-height;\n }\n }\n }\n }\n\n & > .view-button-box {\n & .view-button-tab {\n padding-left: 20px;\n text-align: left; / for IE /\n text-align: initial;\n }\n }\n }\n}\n\n.desktop-navigation-breadcrumb {\n width: @desktop-navigation-breadcrumb-width;\n}\n\n.navigation-body {\n position: absolute;\n}\n\n.desktop-navigation > .desktop-tool-box {\n background-color: @desktop-toolbox-in-navigation-background-color;\n text-align: 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-navigation-handle.collapse-handle {\n position: absolute;\n\n &:active > .collapse-handle-body,\n &.active > .collapse-handle-body {\n background-color: @desktop-navigation-handle-active-background-color;\n }\n\n & > .collapse-handle-body {\n background-color: @desktop-navigation-handle-background-color;\n border-color: fade(@desktop-navigation-handle-border-color, 75%);\n color: fade(@desktop-navigation-handle-color, 75%);\n }\n\n &.navigation-closed > .collapse-handle-body {\n / increase border radius a little, otherwise it is barely visible /\n border-radius: 4px;\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\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) 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-notification-width: 250px;\n\n.desktop-notifications {\n position: fixed;\n right: 10px;\n top: 0;\n height: 100%;\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: 20px;\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 margin-bottom: 20px;\n }\n 100% {\n opacity: 0;\n margin-bottom: -37px;\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 float: right;\n border-left: 3px solid @active-color;\n background-color: @desktop-notification-background-color;\n margin-bottom: 20px;\n pointer-events: auto;\n #scout.drop-shadow();\n\n &.ok {\n border-left-color: @desktop-notification-ok-border-color;\n }\n\n &.info {\n border-left-color: @desktop-notification-info-border-color;\n }\n\n &.warning {\n border-left-color: @desktop-notification-warning-border-color;\n }\n\n &.error {\n border-left-color: @desktop-notification-error-border-color;\n }\n}\n\n.desktop-notification-content {\n border: 1px solid @border-color;\n border-left-width: 0;\n padding: 10px;\n\n / Prevent overlay of text and close icon /\n\n &.closable {\n padding-right: 25px;\n }\n\n & > .closer {\n position: absolute;\n right: 10px;\n top: 10px;\n }\n}\n\n.desktop-notification-message {\n display: inline-block;\n}\n\n.desktop-notification-loader {\n display: inline-block;\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: 6px;\n border-radius: 50%;\n border: 1px fade(@busyindicator-active-color, 80%) solid;\n width: 14px;\n height: 14px;\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.outline.tree {\n\n &.in-background > .tree-data > .tree-node.selected {\n background-color: @outline-in-background-selection-background-color;\n color: @outline-in-background-selection-color;\n }\n\n & > .tree-data {\n\n & > .scrollbar {\n\n #scout.scrollbar-y-padding(2px, 0);\n\n & > .scrollbar-thumb > .scrollbar-thumb-handle {\n background-color: @outline-scrollbar-thumb-color;\n }\n\n & > .scrollbar-thumb-move > .scrollbar-thumb-handle,\n & > .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @outline-scrollbar-thumb-hover-color;\n }\n }\n\n & > .key-box {\n top: 7px;\n }\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n color: @navigation-color;\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: @font-size-plus;\n\n & > .compact-cell-header > .compact-cell-title > .right {\n color: @outline-compact-cell-content-color;\n }\n\n & > .compact-cell-content {\n color: @navigation-color;\n\n &.has-header {\n color: @outline-compact-cell-content-color;\n }\n }\n }\n\n & > .image-icon {\n margin-top: auto;\n }\n\n & > .font-icon {\n line-height: @outline-node-font-icon-line-height;\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\n &::before {\n font-size: @outline-node-control-size;\n / always use same color as the tree-node label /\n color: inherit;\n }\n\n &:hover::before {\n color: @highlight-color;\n }\n }\n\n &.selected {\n color: @outline-selection-color;\n background-color: @outline-selection-background-color;\n border: 0;\n\n & > .text > .compact-cell-content {\n color: @table-compact-cell-content-color;\n }\n }\n }\n }\n}\n\n.outline-title {\n cursor: pointer;\n #scout.font-text-large();\n #scout.overflow-ellipsis-nowrap();\n margin: 0 @outline-title-margin-right @outline-title-margin-bottom @outline-title-margin-left;\n border-bottom: 1px solid @outline-title-border-color;\n #scout.vertical-align-helper-before();\n\n & > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: @outline-title-icon-font-size;\n padding-right: @outline-title-icon-padding-right;\n }\n\n & > .key-box {\n top: 19px;\n }\n\n & > .menubar {\n display: block;\n background-color: transparent;\n width: auto;\n position: absolute;\n right: @outline-title-margin-right;\n top: @outline-title-menubar-top;\n border: none;\n color: @navigation-color;\n\n & > .menubox {\n\n & > .menu-item:not(.disabled) {\n color: @navigation-color;\n\n &:hover,\n &:active {\n color: @navigation-color;\n }\n\n &:focus,\n &:not(.menu-button):focus {\n color: @navigation-color;\n\n &::after {\n border-color: @navigation-color;\n #scout.glow(@navigation-color);\n }\n }\n }\n\n & > .menu-item:not(.menu-textandicon):focus::after {\n #scout.focus-border-inverted();\n }\n }\n }\n}\n\n.outline-title-text {\n / outline title height should be the same as main menubar and desktop header height (if there are no view buttons visible) /\n padding: 20px 2px 12px @outline-title-text-padding-left;\n display: inline-block;\n vertical-align: middle;\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 & > .outline-title-text {\n padding-left: @outline-breadcrumb-node-padding-x;\n }\n }\n\n &.node-selected > .outline-title {\n border-bottom-color: @outline-breadcrumb-ancestor-border-color;\n }\n\n & > .tree-data {\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 &.group {\n background-color: transparent;\n }\n\n &.child-of-selected {\n background-color: @outline-breadcrumb-child-background-color;\n\n &:active {\n background-color: @outline-breadcrumb-child-active-background-color;\n }\n }\n\n &.ancestor-of-selected {\n border-bottom-color: @outline-breadcrumb-ancestor-border-color;\n\n &::before {\n display: none;\n }\n\n &::after {\n display: none;\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 &::before {\n border-top-color: @outline-selection-background-color;\n border-width: 8px 13px 0 13px;\n bottom: -8px;\n }\n\n &::after {\n border: 0;\n border-top-color: @outline-selection-background-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 &.parent-of-selected::before {\n border-color: transparent;\n }\n\n &.selected {\n border-color: @outline-breadcrumb-border-color;\n }\n\n &.selected::before {\n border-top-color: @outline-selection-background-color;\n }\n }\n }\n}\n\n.compact.outline.breadcrumb {\n & > .outline-title {\n & > .outline-title-text {\n padding-left: @compact-outline-node-padding-x;\n }\n }\n\n & > .tree-data {\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 & > .icon {\n padding: @compact-outline-node-padding-y 0 @compact-outline-node-padding-y @compact-outline-node-padding-x;\n }\n\n & > .node-menubar {\n position: absolute;\n right: 0;\n top: 0;\n width: auto;\n padding: @compact-outline-node-padding-y - 7px @compact-outline-node-padding-x 0 0;\n }\n\n & > .detail-menubar {\n padding: 0 @compact-outline-node-padding-x @compact-outline-node-padding-y @compact-outline-node-padding-x;\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 &.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 > .menubar {\n padding-bottom: 0;\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: @navigation-color;\n border-bottom: 0;\n\n &::before,\n &::after {\n display: none;\n }\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: @navigation-color;\n }\n\n & .tile {\n border-color: @outline-breadcrumb-ancestor-border-color;\n background-color: @outline-breadcrumb-child-background-color;\n\n &:active {\n background-color: @outline-breadcrumb-child-active-background-color;\n }\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-child-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.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-bottom: @search-outline-panel-padding-bottom;\n margin: 0 @outline-title-margin-right @outline-title-margin-bottom @outline-title-margin-left;\n\n & ~ .tree {\n height: calc(~'100% - ' 70px);\n }\n}\n\n.search-outline-field {\n border: 1px solid @search-outline-field-border-color;\n height: 35px;\n border-radius: 5px;\n width: 100%;\n\n &:focus {\n border-color: @search-outline-field-focus-border-color;\n #scout.glow(@search-outline-field-focus-glow-color);\n }\n\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & ~ .clear-icon {\n display: block;\n }\n }\n\n & ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n height: 35px;\n line-height: 35px;\n padding-right: @text-field-padding-x;\n cursor: pointer;\n\n &::before {\n #scout.font-icon();\n font-size: 13px;\n content: @icon-remove-bold;\n color: @text-field-icon-color;\n }\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: 10px;\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 .node-selected& {\n border-bottom-color: @outline-breadcrumb-ancestor-border-color;\n }\n\n & > .search-outline-field {\n margin-right: @outline-title-margin-right;\n margin-left: @outline-title-margin-left;\n width: calc(~'100% - ' @outline-title-margin-left ~'-' @outline-title-margin-right);\n\n & ~ .clear-icon {\n margin-right: @outline-title-margin-right;\n padding-right: @text-field-padding-x;\n }\n }\n\n & > .search-outline-status {\n text-align: left;\n padding-left: @outline-breadcrumb-node-padding-x;\n }\n}\n\n.compact.outline.breadcrumb > .search-outline-panel {\n & > .search-outline-status {\n padding-left: @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 &.up {\n color: @navigate-up-button-color;\n border-color: @navigate-up-button-border-color;\n\n & > .font-icon {\n color: @navigate-up-button-color;\n }\n }\n\n .menubar > .menubox > &.menu-item.down.menu-button:not(.last) {\n / Right and left margin of the navigate buttons should be equal.\n Setting this margin-right is especially necessary if on the right side of these buttons is another button. /\n margin-right: @bench-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.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 white-space: nowrap;\n padding-right: 20px;\n\n &.compact {\n padding-right: 15px;\n }\n}\n\n.desktop-tool-box-item.menu-item {\n height: @desktop-header-height - 1px;\n #scout.font-text-plus();\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n margin-left: 20px;\n margin-right: 20px;\n\n &.last {\n margin-right: 0;\n }\n\n &.compact {\n margin-left: 10px;\n margin-right: 10px;\n\n &.last {\n margin-right: 0;\n }\n\n & > .submenu-icon {\n display: none;\n }\n }\n\n & > .font-icon {\n font-size: 17px;\n }\n\n & > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px. 33px is the desktop logo height /\n max-height: 33px;\n }\n\n &.menu-textandicon > .icon {\n padding-right: @header-menu-textandicon-padding-right;\n }\n}\n\n/ header: tools popup /\n\n.desktop-tool-box-item.popup-head {\n height: @desktop-header-height - 1px;\n border-left: 1px solid @border-color;\n border-right: 1px solid @border-color;\n cursor: pointer;\n box-shadow: none;\n border-top: none;\n / OVERRIDE .desktop-tool-box-item.menu-item /\n margin-left: 0;\n margin-right: 0;\n position: absolute;\n\n .popup.down > & {\n / above selector is too less specific /\n padding-top: 0;\n }\n\n &.selected > .font-icon {\n font-size: 17px;\n }\n}\n\n/ key boxes /\n\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 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.view-tab {\n display: inline-block;\n position: relative;\n height: @view-button-box-height;\n\n & > .key-box {\n bottom: 4px;\n }\n}\n\n.view-button-tab {\n white-space: nowrap;\n border-right: solid 1px @border-color;\n text-align: center;\n #scout.vertical-align-helper-before();\n min-width: 50px;\n background-color: @view-button-tab-background-color;\n color: @view-button-tab-color;\n\n &:hover {\n cursor: pointer;\n\n &:not(.selected) > .font-icon {\n color: @hover-color;\n }\n }\n\n &:active {\n &:not(.selected) > .font-icon {\n color: @active-color;\n }\n }\n\n &.selected {\n background-color: @view-button-tab-active-background-color;\n color: @view-button-tab-active-color;\n\n &.last {\n border-right-color: transparent;\n }\n }\n\n &.disabled {\n color: @text-disabled-color;\n\n &:hover {\n cursor: default;\n color: @text-disabled-color;\n\n &:not(.selected) > .font-icon {\n color: @text-disabled-color;\n }\n }\n }\n\n &.view-menu-popup-head {\n position: absolute;\n background-color: @active-inverted-color;\n color: @active-color;\n }\n\n & > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: 20px;\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-block;\n vertical-align: top;\n height: @view-button-box-height;\n white-space: nowrap;\n #scout.font-text-large();\n overflow: hidden;\n position: relative; / if covered by glass pane /\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-tab {\n\n & > .menu-item {\n height: @view-button-box-height;\n display: inline-block;\n padding-left: 10px;\n padding-right: 10px;\n border-right: solid 1px @border-color;\n\n & > .icon {\n top: 0;\n }\n }\n\n & > .view-button-tab {\n display: inline-block;\n height: @view-button-box-height;\n }\n\n & > .submenu-icon {\n #scout.submenu-icon();\n position: relative;\n vertical-align: middle;\n display: inline-block;\n line-height: normal;\n height: auto;\n\n / Make IE trigger the :active state if the text or icon is pressed /\n pointer-events: none;\n }\n}\n\n.view-menu {\n padding-left: 10px;\n padding-right: 10px;\n border-right: solid 1px @border-color;\n background-color: @view-button-tab-background-color;\n color: @view-button-tab-color;\n\n &.view-menu-popup-head {\n position: absolute;\n background-color: @view-menu-popup-background-color;\n color: @active-color;\n }\n\n &.selected {\n background-color: @view-button-tab-active-background-color;\n color: @view-button-tab-active-color;\n\n &.last {\n border-right-color: transparent;\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-body {\n position: relative;\n background-color: @view-menu-popup-background-color;\n border-right: solid 1px @border-color;\n border-top: solid 1px @border-color;\n overflow: hidden;\n #scout.drop-shadow();\n}\n\n.view-menu-popup-head {\n & > .icon {\n transform: rotate(180deg);\n }\n}\n\n.view-menu-item {\n padding: 0 15px 0 15px;\n height: @desktop-header-height - 1px;\n border-top: solid 1px @border-color;\n cursor: pointer;\n color: @text-color;\n font-size: 16px;\n #scout.overflow-ellipsis-nowrap();\n position: relative;\n #scout.vertical-align-helper-before();\n\n &:first-child {\n border-top-color: transparent;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n }\n\n &.selected {\n border-top: 1px solid @item-selection-border-color;\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n\n &.selected + .view-menu-item {\n border-top-color: @item-selection-border-color;\n }\n\n &.selected.last {\n border-color: @item-selection-border-color;\n }\n\n &.last {\n border-bottom: 1px solid @border-color;\n }\n\n & > .key-box {\n top: 14px;\n }\n\n & > .icon {\n position: relative;\n font-size: 20px;\n margin-right: 10px;\n vertical-align: middle;\n }\n\n & > .content {\n vertical-align: middle;\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\n & > .simple-overflow-tab-item {\n border-right: 1px solid @border-color;\n display: inline-block;\n width: 30px;\n / 1px smaller than the header because of the bottom border /\n height: calc(~'100% - 1px');\n background-color: @simple-tab-background-color;\n padding-top: @simple-overflow-tab-item-padding-top;\n text-align: center;\n cursor: pointer;\n vertical-align: top;\n\n &::after {\n #scout.font-icon();\n color: @icon-color;\n content: @icon-angle-down;\n }\n\n &.animate-modality-highlight {\n #scout.animation-flash-gray();\n }\n }\n\n &.spread-even {\n &:not(.overflown) {\n & > .simple-tab.last {\n border-right-width: 0;\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 / 1px smaller than the header because of the bottom border (see .selected rule below) /\n height: calc(~'100% - 1px');\n padding: 5px;\n background-color: @simple-tab-background-color;\n color: @text-color;\n border-right: 1px solid @border-color;\n\n &:not(.no-hover) {\n cursor: pointer;\n }\n\n &:not(.no-hover):hover > .title {\n color: @hover-color;\n }\n\n &.small {\n width: 130px;\n }\n\n &:active > .title {\n color: @active-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n }\n\n &.selected {\n cursor: default;\n background-color: @simple-tab-active-background-color;\n / full size of header to draw over the border-bottom /\n height: 100%;\n\n & > .title {\n color: @simple-tab-active-color;\n }\n }\n\n &.animate-modality-highlight {\n #scout.animation-flash-gray();\n }\n\n & > .title,\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .sub-title {\n padding-top: 2px;\n }\n\n & > .icon {\n float: right;\n margin-left: 5px;\n }\n\n & > .status-container {\n float: right;\n position: relative;\n\n & > .status {\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n\n &.closer {\n margin-left: 7px;\n }\n }\n }\n\n & > .icon-container {\n float: left;\n\n & > .icon {\n margin-right: 5px;\n vertical-align: middle;\n\n &.font-icon {\n font-size: 14px;\n }\n }\n }\n\n &.closable .closer {\n display: none;\n }\n\n &.closable.selected .closer {\n display: inline-block;\n }\n}\n\n/ key boxes /\n\n.simple-tab .key-box {\n bottom: 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.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: 400px;\n #scout.drop-shadow-large();\n border-top: @dialog-border-top-size solid @active-color;\n border-radius: @border-radius;\n background-color: @filechooser-background-color;\n\n & > .closable {\n position: absolute;\n right: 5px;\n margin: 8px;\n #scout.font-icon();\n font-size: 17px;\n cursor: pointer;\n color: @closer-color;\n\n &::before {\n content: @icon-remove-bold;\n }\n\n &:hover {\n color: @hover-color;\n }\n }\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-left-width: 1px;\n border-right-width: 1px;\n background-color: @filechooser-background-color;\n padding: 10px 20px;\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 margin-right: 30px; / Leave space for 'x' closable /\n word-wrap: break-word;\n #scout.font-text-large();\n color: @active-color;\n}\n\n.file-chooser-label {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n}\n\n.file-chooser-files {\n @file-list-indent: 20px;\n position: relative;\n min-height: 100px;\n max-height: 100px;\n border-top: 1px solid @border-color;\n padding-top: 10px;\n margin-top: 10px;\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\n &::before {\n #scout.font-icon();\n content: @icon-file-solid;\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 & > .remove-link {\n text-decoration: underline;\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) 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 {\n position: relative;\n background-color: @form-background-color;\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 {\n border-top: @dialog-border-top-size solid @active-color;\n}\n\n.dialog {\n position: absolute;\n background-color: @background-color;\n border: solid 1px @border-color;\n border-top: @dialog-border-top-size solid @active-color;\n border-top-left-radius: @border-radius;\n border-top-right-radius: @border-radius;\n #scout.drop-shadow-large();\n margin: 10px; / minimum padding to desktop /\n margin-bottom: 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 &.animate-open {\n #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.15s);\n\n &.ie {\n / IE sometimes doesn't complete the animation so that dialog is nearly invisible /\n #scout.animation-duration(0);\n }\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 overflow: auto; / clearfix /\n zoom: 1; / clearfix /\n margin-top: @form-title-margin-top;\n margin-left: 20px;\n margin-right: 14px;\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: 5px;\n\n &.font-icon {\n font-size: 14px;\n }\n }\n }\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n #scout.font-text-large();\n color: @active-color;\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n #scout.font-text-normal();\n color: @active-color;\n }\n\n & > .status-container {\n float: right;\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 margin-left: 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","/\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 & > .menu-button.disabled {\n background-color: @menubar-button-disabled-background-color;\n }\n }\n\n .menubar-background-color-inherit() {\n background-color: inherit;\n\n & > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: @button-disabled-background-color;\n }\n }\n\n / standard main-menubar /\n .main-menubar-standard() {\n #scout.main-menubar-background-color-standard();\n padding-left: @bench-padding-x;\n padding-right: @bench-padding-x;\n margin-left: inherit;\n margin-right: inherit;\n }\n\n / a transparent main-menubar with a smaller bottom border /\n .main-menubar-light() {\n #scout.menubar-background-color-inherit();\n padding-left: 0;\n padding-right: 0;\n margin-left: @bench-padding-x;\n margin-right: @bench-padding-x;\n }\n\n .menubar-focus() {\n &:focus {\n outline: none;\n\n &:not(.disabled) {\n color: @hover-color;\n\n &:not(.menu-button) {\n color: @focus-color;\n\n &::after {\n color: @focus-color;\n }\n }\n\n / Draw border for icon only items /\n\n &.menu-icononly::after {\n #scout.button-focus();\n }\n\n &:not(.menu-icononly):not(.menu-button) > .text {\n text-decoration: underline;\n }\n }\n }\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 / default style is 'top' /\n vertical-align: middle;\n white-space: nowrap;\n\n &.bottom {\n border-bottom: 0;\n border-top: 1px solid @border-color;\n }\n\n & > .menubox {\n display: inline-block;\n height: 100%;\n #scout.vertical-align-helper-before();\n\n &.right {\n float: right;\n }\n\n & > .menu-separator {\n display: inline-block;\n vertical-align: middle;\n width: 1px;\n margin-right: @menu-item-margin-right;\n background-color: @border-color;\n height: 15px;\n\n &.overflown {\n display: none;\n }\n }\n\n / child menus of combo-menu must have the same padding, but not the all the other styles of > .menu-item /\n & > .combo-menu > .menu-item {\n padding-top: @menubar-item-padding-y;\n padding-bottom: @menubar-item-padding-y;\n }\n\n & > .menu-item {\n display: inline-block;\n padding-top: @menubar-item-padding-y;\n padding-bottom: @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;\n\n &.overflown {\n display: none;\n }\n\n #scout.menubar-focus();\n\n &:not(.last) {\n margin-right: @menu-item-margin-right;\n }\n\n &.form-field-menu {\n padding-top: @menubar-field-menu-margin-y;\n padding-bottom: @menubar-field-menu-margin-y;\n }\n\n / ---------------------------------- /\n\n &.menu-button {\n text-align: center;\n color: @menubar-button-color;\n background-color: @menubar-button-background-color;\n border: 1px solid @menubar-button-border-color;\n border-radius: @button-border-radius;\n min-width: 110px;\n margin-top: @menubar-field-menu-margin-y;\n margin-bottom: @menubar-field-menu-margin-y;\n padding-left: @button-padding-x;\n padding-right: @button-padding-x;\n\n &:not(.bottom-text) {\n height: @logical-grid-row-height;\n padding-top: @button-padding-y;\n padding-bottom: @button-padding-y;\n }\n\n / TODO [7.0] cgu/BSH: Actually, we wanted to use .overflow-ellipsis-nowrap to support /\n / ellipsis, but this breaks the focus, because the ::before inline element gets /\n / cut off. We should find a better solution for this. /\n /white-space: nowrap;/\n\n &:hover {\n color: @button-hover-color;\n\n & > .font-icon {\n color: @button-hover-color;\n }\n }\n\n &:active, &.active {\n color: @button-active-color;\n background-color: @menubar-button-active-background-color;\n\n & > .font-icon {\n color: @button-active-color;\n }\n }\n\n &:focus::after {\n #scout.button-focus();\n }\n\n & > .font-icon {\n color: @menubar-button-font-icon-color;\n }\n\n &.default-menu:not(.disabled) {\n #scout.font-text-normal(@font-weight-bold);\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: transparent;\n color: @default-button-color;\n\n &:focus {\n color: @default-button-color;\n }\n\n &:hover {\n background-color: @default-button-hover-background-color;\n }\n\n &:active, &.active {\n background-color: @default-button-active-background-color;\n border-color: @default-button-active-background-color;\n }\n\n & > .font-icon {\n font-weight: normal;\n color: @icon-inverted-color;\n }\n }\n\n &.disabled {\n background-color: @menubar-button-disabled-background-color;\n border-color: @menubar-button-disabled-border-color;\n color: @menubar-button-disabled-color;\n cursor: default;\n\n & > .font-icon {\n color: @menubar-button-font-icon-disabled-color;\n }\n }\n\n &.selected {\n border-style: inset;\n border-right-color: @border-color;\n border-bottom-color: @border-color;\n }\n\n &:not(.last) {\n margin-right: @menu-item-margin-right;\n }\n\n &.left-of-button {\n margin-right: @menu-item-margin-right-between-buttons;\n }\n\n &.small-gap {\n margin-right: 6px;\n }\n\n &.small {\n min-width: 53px;\n\n & > .font-icon {\n font-size: 18px;\n }\n }\n }\n }\n\n / Menu items within a top-level combo-menu should have a focus-border too /\n & > .combo-menu > .menu-item {\n #scout.menubar-focus();\n }\n }\n}\n\n.main-menubar {\n #scout.main-menubar-standard;\n padding-top: @main-menubar-padding-y;\n padding-bottom: @main-menubar-padding-y;\n\n & > .menubox {\n\n & > .menu-item, & > .combo-menu > .menu-item {\n margin-top: 8px;\n margin-bottom: 7px;\n\n &.bottom-text.menu-textandicon {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n &.menu-button {\n margin-top: 8px;\n margin-bottom: 7px;\n }\n\n &.form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &.small > .font-icon {\n font-size: 18px;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n\n & > .menu-separator {\n height: @logical-grid-row-height - 12px;\n }\n\n / combo-menu itself should have no margins and no padding so its child menus\n * can render a focus border like regular top-level menus. /\n & > .combo-menu.menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 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.form-menu-popup {\n & > .popup-head {\n background-color: @form-background-color;\n }\n\n & > .popup-body > .form > .root-group-box > .main-menubar {\n background-color: @form-menu-popup-main-menubar-background-color;\n }\n\n & > .popup-deco {\n background-color: @form-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) 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 {\n border-spacing: 0;\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: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n margin-left: @mandatory-indicator-width;\n / Add small spacing between label and field /\n padding-right: @mandatory-indicator-width;\n\n &.empty {\n / explicitly disable ellipsis, because IE would display it for very narrow columns even if content is ' ' /\n text-overflow: clip;\n }\n\n .disabled& {\n color: @text-disabled-color;\n }\n\n .read-only& {\n color: @read-only-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 .read-only& {\n / Always use same color for top labels even if it is disabled or 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: @status-font-icon-size; / Same as font-size of status icon /\n\n #scout.status();\n }\n\n &.has-menus {\n\n &.has-tooltip:not(.has-info):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-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 @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 &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.ie {\n border-radius: 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.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 & > .icon,\n & > .field > .icon,\n & > .clear-icon,\n & > .field > .clear-icon {\n display: none;\n position: absolute;\n padding-right: @text-field-padding-x;\n\n &::before {\n #scout.font-icon();\n font-size: 13px;\n color: @text-field-icon-color;\n }\n }\n\n &.alternative {\n & > .icon,\n & > .field > .icon,\n & > .clear-icon,\n & > .field > .clear-icon {\n padding-right: @text-field-alternative-icon-padding-right;\n }\n }\n\n & > .clear-icon,\n & > .field > .clear-icon {\n cursor: pointer;\n\n &::before {\n content: @icon-remove-bold;\n }\n\n &:hover::before {\n color: @highlight-color;\n }\n }\n\n & > .icon,\n & > .field > .icon {\n cursor: text;\n }\n\n &.halign-right > .clear-icon,\n &.halign-right > .field > .clear-icon {\n padding-left: @text-field-padding-x;\n padding-right: 0;\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n padding-left: @text-field-alternative-icon-padding-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 #scout.value-field-with-icon(~'.clear-icon');\n\n & > .clear-icon {\n display: block;\n }\n\n & > .icon {\n display: none;\n }\n\n & > .clear-icon,\n & > .field > .clear-icon {\n\n &:hover::before {\n color: @highlight-color;\n }\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 - 1px;\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: block;\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) 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","/\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 > .button {\n\n / The 18px min-height is required because in Chrome the height of the ::after element\n * is not calculated properly when height is set to 100%. This has the effect that buttons\n * change their size when a button changes its focus state. See ticket 194111.\n /\n #scout.vertical-align-helper-after(18px);\n\n & > .button-label {\n padding: @text-field-padding-y - @button-padding-y - @button-margin-top 0;\n }\n\n &.selected {\n border-style: inset;\n border-right-color: @border-color;\n border-bottom-color: @border-color;\n }\n}\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 > .field.link-button {\n / add a transparent border to align text with normal buttons which also have a border /\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n\n .logical-grid-layout > & {\n / make sure link is centered when button has a fixed height (which is the case with logical grid layout) /\n #scout.vertical-align-helper-before();\n white-space: nowrap;\n }\n\n & > .link.menu-item {\n / Draw underline in child element, otherwise the position would not be correct in FF /\n text-decoration: none;\n vertical-align: middle;\n color: @link-color;\n\n & > .text {\n text-decoration: underline;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n & > .text,\n & > .submenu-icon,\n & > .icon {\n / Reset IE hack for link buttons because it breaks ellipsis tooltip /\n pointer-events: auto;\n\n / Make sure button is not clickable if it is covered by a glass pane /\n\n .glasspane-parent&,\n .glasspane-parent & {\n pointer-events: none;\n }\n }\n\n &:hover {\n color: @link-hover-color;\n }\n\n &:active, &.active {\n color: @link-active-color;\n }\n\n &.disabled {\n color: @disabled-color;\n }\n }\n\n &:focus {\n outline: none;\n\n & > .link.menu-item::after {\n #scout.button-focus();\n }\n }\n\n & > .link.menu-item > .icon.image-icon {\n / override hack in Menu.css /\n top: 0;\n }\n}\n\n.button-field > .key-box {\n position: absolute;\n top: 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.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\n.calendar-field > .group-box-body {\n padding-right: 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.check-box-field > .field {\n padding: 6px 0;\n outline: none;\n display: flex;\n\n & > .check-box,\n & > .label {\n color: @control-color;\n cursor: pointer;\n vertical-align: middle;\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: 7px;\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 #scout.checkbox();\n\n &:focus {\n outline: none;\n border-color: @focus-border-color;\n }\n\n &::before {\n #scout.checkbox-before();\n }\n\n &.checked::before {\n #scout.checkbox-before-checked();\n }\n\n &.undefined::before {\n / tri-state /\n #scout.checkbox-before-undefined();\n }\n\n &.disabled {\n #scout.checkbox-disabled();\n\n &::before {\n #scout.checkbox-before-disabled();\n }\n\n &.undefined::before {\n / tri-state /\n #scout.checkbox-before-undefined-disabled();\n }\n }\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\n &.last {\n margin-right: @table-cell-padding-right-last !important;\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 / 1px because cell editor popup starts at the table row which has a 1px border and check box field does not have a border /\n padding-top: @table-row-padding-y - @checkable-cell-padding-adjustment + 0.5px;\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 + 7px; // 7px = label padding left (see above)\n\n .radiobutton-group-body > & {\n margin-left: @check-box-size + 7px - @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-bold;\n }\n }\n\n &.time {\n\n &::before {\n content: @icon-clock-bold;\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: block;\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: block;\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 &.date-focused > .icon.date::before,\n &.date-focused > .field > .icon.date-clear:hover::before {\n color: @highlight-color;\n }\n\n & > .field > .date-clear {\n display: block;\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 &.time-focused > .icon.time::before,\n &.time-focused > .field > .icon.time-clear:hover::before {\n color: @highlight-color;\n }\n\n & > .field > .time-clear {\n display: block;\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: block;\n }\n\n & > .icon.date {\n display: none;\n }\n}\n\n.date-field.time-clearable > .field {\n & > .icon.time-clear {\n display: block;\n }\n\n & > .icon.time {\n display: none;\n }\n}\n\n.date-picker-popup,\n.time-picker-popup {\n &.bottom {\n margin-top: 5px;\n }\n\n &.top {\n margin-bottom: 5px;\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 > .field {\n\n & > input.time,\n & > .icon.time,\n & > .icon.time-clear {\n .hidden();\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-solid;\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-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.root-group-box {\n / necessary if dialog gets really small /\n overflow: hidden;\n\n & > .group-box-body,\n & > .group-box-title {\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 margin-right: 0;\n background-color: inherit;\n #scout.menubar-background-color-inherit;\n }\n\n &.collapsed > .menubar {\n display: none;\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-title {\n width: calc(~'100% - ' @mandatory-indicator-width);\n margin-top: @group-box-title-margin-top;\n margin-left: @mandatory-indicator-width;\n border-bottom: @group-box-title-border-width solid @group-box-title-border-color;\n #scout.overflow-ellipsis-nowrap();\n padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0;\n position: relative;\n\n .group-box.has-sub-label > & {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\n }\n\n &.has-menubar {\n padding-top: 6.25px;\n padding-bottom: 6.25px;\n\n & > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n }\n }\n\n & > .group-box-control {\n display: inline-block;\n color: @title-color;\n cursor: pointer;\n / adjust control position (use absolute positioning, otherwise the layout would be disturbed, /\n / because the control div is higher than the title span /\n position: absolute;\n padding-left: 15px;\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 line-height: @group-box-control-line-height;\n font-weight: bold;\n content: @icon-angle-down-bold;\n\n .group-box.collapsed > & {\n content: @icon-angle-up;\n }\n }\n }\n\n & > .label {\n display: inline-block;\n vertical-align: middle;\n font-weight: bold;\n color: @title-color;\n #scout.overflow-ellipsis();\n max-width: calc(~'100% - ' @group-box-control-width);\n }\n\n & > .sub-label {\n font-size: @font-size-extra-small;\n color: @text-disabled-color;\n padding-top: 3px;\n }\n\n & > .status {\n margin-left: @field-status-margin-left;\n padding: 4px 0;\n display: inline-block;\n vertical-align: middle;\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-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 / 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 & > .field {\n margin-left: @mandatory-indicator-width;\n overflow: hidden;\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 > .field {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n margin-left: @mandatory-indicator-width;\n #scout.user-select(text);\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 &.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.list-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 > .table {\n border: 1px solid @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 &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.ie {\n border-radius: 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.mode-selector-field > .mode-selector {\n margin-left: @mandatory-indicator-width;\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 @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 > .field {\n padding: 6px 0;\n margin-left: @mandatory-indicator-width;\n outline: none;\n overflow: hidden;\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 vertical-align: middle;\n }\n\n & > .label {\n color: @control-color;\n padding-top: @radio-button-label-padding-top;\n padding-left: 7px;\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 min-width: @radio-button-circle-size;\n min-height: @radio-button-circle-size;\n background-color: @control-background-color;\n border: @radio-button-border-width solid @radio-button-border-color;\n border-radius: 50%;\n text-align: center;\n position: relative;\n\n &:focus {\n border-color: @focus-border-color;\n outline: none;\n }\n\n &.checked::before {\n content: '';\n position: absolute;\n top: 4px;\n left: 4px;\n width: calc(~'100% - ' 8px);\n height: calc(~'100% - ' 8px);\n box-shadow: 0 0 1px 0 @radio-button-checked-color;\n background-color: @radio-button-checked-color;\n border-radius: 50%;\n }\n\n &.disabled {\n background-color: @control-disabled-background-color;\n cursor: default;\n\n &.checked::before {\n background-color: @radio-button-disabled-color;\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 + 7px; // 7px = label padding left (see above)\n\n .radiobutton-group-body > & {\n margin-left: @radio-button-circle-size + 7px - @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.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\n.radiobutton-group-body.loading > .loading-indicator {\n #scout.loading-indicator();\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-solid;\n }\n}\n\n.smart-field {\n\n & > .icon::before,\n & > .field > .icon::before {\n content: @icon-search-bold;\n }\n\n / Multiline SmartField /\n\n &.popup-open {\n\n & > .multiline.field.focused {\n box-shadow: none;\n }\n\n & > .field > .multiline-input {\n\n &.has-error:focus {\n border-bottom-color: @error-border-color;\n }\n\n &:focus {\n #scout.glow(@focus-glow-color);\n border-bottom-color: @focus-color;\n border-bottom-right-radius: @control-border-radius;\n border-bottom-left-radius: @control-border-radius;\n }\n\n &.alternative {\n &:focus {\n box-shadow: none;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n }\n\n & > .field > .multiline-lines.focused {\n border-color: @border-color;\n }\n }\n\n &.has-error > .multiline.field.focused {\n #scout.glow(@error-glow-color);\n }\n\n & > .multiline.field.focused {\n #scout.glow(@focus-glow-color);\n }\n\n & > .field > .multiline-input {\n border-bottom-color: @border-color;\n border-top-left-radius: @control-border-radius;\n border-top-right-radius: @control-border-radius;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n width: 100%;\n padding-left: @text-field-padding-x;\n\n &:focus {\n box-shadow: none;\n }\n\n &.has-error:focus {\n border-bottom-color: @error-border-color;\n }\n\n &.alternative,\n &.read-only {\n border-bottom-color: @border-color;\n\n &.has-error {\n border-bottom-color: @error-border-color;\n }\n }\n\n &.alternative {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n\n &:focus {\n border-bottom-color: @focus-color;\n }\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 @border-color;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: @control-border-radius;\n border-bottom-left-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 &.focused {\n border-color: @focus-border-color;\n }\n\n &.has-error {\n border-color: @error-border-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 color: @disabled-color;\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.read-only > .field > .multiline-lines {\n color: @read-only-color;\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 &.halign-right > .clear-icon,\n &.halign-right > .field > .clear-icon {\n padding-left: 0;\n padding-right: @text-field-padding-x;\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n padding-left: 0;\n padding-right: @text-field-alternative-icon-padding-right;\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 padding-left: 7px;\n padding-right: 7px;\n position: absolute;\n }\n\n & > .status {\n padding: 7px 8px 0 10px;\n }\n\n & > .active-filter,\n & > .status {\n background-color: @proposal-chooser-status-background-color;\n border-top: solid 1px @item-selection-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 & > .active-filter > .radiobutton-group {\n width: 100%;\n height: @logical-grid-row-height;\n\n & > .radiobutton-group-body {\n width: 100%;\n height: @logical-grid-row-height;\n\n & > .radio-button {\n position: relative;\n display: inline-block;\n margin-right: 10px;\n }\n }\n }\n\n & > .table {\n / Avoids a bug where the table is overlapping the status-field by 1 pixel /\n overflow: hidden;\n\n & > .table-data > .table-row {\n\n / Use text-field-padding-x for the first cell, so the text in the\n * table is exactly left-aligned with the text in the text-field above /\n\n & > .table-cell.first {\n padding-left: @text-field-padding-x;\n }\n\n &.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n }\n }\n\n &:not(.touch) > .table {\n & > .table-data > .table-row {\n &.selected.last {\n / Change color of last element to avoid double-border effect /\n border-bottom-color: @item-selection-background-color;\n }\n\n &.last {\n border-bottom-color: transparent;\n }\n }\n }\n\n & > .tree > .tree-data > .tree-node {\n &.selected {\n / tree is not focused but should look as if it were /\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n\n &.selected.last {\n / Change color of last element to avoid double-border effect /\n border-bottom-color: @item-selection-background-color;\n }\n\n &.first {\n border-top-color: @item-selection-nonfocus-background-color;\n }\n\n &.last {\n border-bottom-color: transparent;\n }\n\n &.inactive {\n font-style: italic;\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 & > textarea.ie9 { / NOSONAR overqualify by purpose to only modify textareas on IE 9/\n width: 100%;\n }\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 > input {\n padding-right: @text-field-padding-x + 40px;\n }\n\n &.halign-right > input {\n padding-left: @text-field-padding-x + 15px;\n padding-right: @text-field-padding-x + 15px;\n }\n\n > .icon {\n display: block;\n }\n }\n\n\n &.has-icon {\n\n & > .icon {\n cursor: pointer;\n\n &::before {\n content: @icon-arrow-right-bold;\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@tab-box-focus-arrow-margin-left: -4px; / arrow-width / 2 /\n\n.tab-box {\n & > .status {\n margin-bottom: @tab-area-border-width;\n }\n}\n\n.tab-box-header {\n margin-top: @group-box-title-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-header-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: absolute;\n #scout.vertical-align-helper-before();\n\n & > .selection-marker {\n position: absolute;\n bottom: 0;\n margin-bottom: -@tab-area-border-width;\n height: @tab-area-border-width;\n background-color: @tab-item-selection-marker-color;\n transition: left 0.3s, width 0.3s;\n }\n\n &.focused {\n & > .tab-item.selected {\n color: @tab-item-focus-color;\n }\n\n & > .selection-marker {\n background: @tab-item-selection-marker-focus-color;\n }\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 & > .overflow-tab-item.menu-item {\n padding-top: 12px;\n padding-bottom: 20px;\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 text-align: 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 padding-left: 12px;\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-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-block;\n vertical-align: bottom;\n #scout.font-text-normal(@font-weight-bold);\n color: @tab-item-color;\n background-color: transparent;\n padding: 0 @tab-item-padding-x;\n cursor: pointer;\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 &.selected {\n color: @tab-item-active-color;\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 &:focus {\n outline: none;\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\n & > .label {\n vertical-align: middle;\n }\n\n & > .sub-label {\n padding-top: 3px;\n font-size: @font-size-extra-small;\n color: @text-disabled-color;\n }\n }\n\n .tab-area.has-sub-label > & {\n & > .title {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\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-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-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 padding: @tab-item-title-padding-top @tab-item-padding-x - 8px @tab-item-title-padding-bottom;\n / Reduce padding a little and compensate with margin to make popup header a little smaller /\n margin: 0 8px;\n\n font-weight: bold;\n\n / This makes sure the overflow menu item is not larger than a tab item (especially if a larger font is used).\n It also prevents the popup from jumping. /\n line-height: 1;\n\n &::before {\n display: none;\n }\n\n & > .text {\n padding: 0;\n\n }\n\n & > .submenu-icon {\n padding-left: 4px;\n line-height: 15px;\n }\n\n &:focus {\n outline: none;\n color: @focus-color;\n\n & > .text {\n text-decoration: underline;\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.tag-chooser-popup {\n #scout.chooser-popup();\n\n min-width: 150px;\n max-width: 250px;\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: 0 3px;\n height: 100%;\n background-color: transparent;\n\n &.fullwidth {\n width: 100%;\n padding: 0 0 0 @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 @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 &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.ie {\n border-radius: 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.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 @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 &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.ie {\n border-radius: 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#scout {\n\n .wizard-step-color(@color) {\n color: @color;\n }\n}\n\n.wizard-steps {\n overflow: hidden;\n margin-left: @mandatory-indicator-width;\n margin-right: 0;\n}\n\n.wizard-steps-body {\n height: @wizard-progress-height;\n overflow: hidden;\n white-space: nowrap; / Allows the last wizard-step to be 100% without line break /\n border-bottom: @wizard-progress-border-width solid @border-color;\n / This creates a new stacking context: /\n position: relative;\n z-index: 0;\n}\n\n.wizard-step {\n display: inline-block;\n height: @wizard-progress-height - @wizard-progress-border-width;\n line-height: @wizard-progress-height - @wizard-progress-border-width;\n position: relative;\n / Spacing /\n padding-left: @wizard-progress-content-h-padding;\n padding-right: @wizard-progress-content-h-padding;\n\n / Step content /\n\n & > .wizard-step-content {\n display: inline-table;\n line-height: normal;\n vertical-align: middle;\n min-height: 30px;\n\n & > .wizard-step-content-icon-container {\n vertical-align: middle;\n display: inline-block;\n width: @wizard-progress-icon-container-size;\n height: @wizard-progress-icon-container-size;\n border-radius: 50%;\n padding: @wizard-progress-icon-container-padding;\n margin-right: @wizard-progress-icon-container-margin-right;\n font-weight: bold;\n\n & > .wizard-step-content-icon {\n height: 100%;\n width: 100%;\n border-radius: 50%;\n border: @wizard-progress-icon-container-border-width solid;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n & > .wizard-step-content-text {\n vertical-align: middle;\n display: inline-block;\n\n & > .wizard-step-title {\n #scout.overflow-ellipsis-nowrap();\n font-weight: bold;\n }\n\n & > .wizard-step-sub-title {\n #scout.overflow-ellipsis-nowrap();\n font-size: 12px;\n }\n }\n }\n\n &.first {\n / 3px = box-shadow width /\n padding-left: 3px;\n }\n\n &.last {\n padding-right: 3px;\n }\n\n &.last > .wizard-step-content {\n max-width: none;\n }\n\n / Hover state /\n\n &.action-enabled:hover {\n cursor: pointer;\n\n & > .wizard-step-content > .wizard-step-content-text > .wizard-step-title {\n color: @hover-color;\n }\n }\n\n / Step types /\n\n &.active-step {\n & > .wizard-step-content > .wizard-step-content-icon-container {\n padding: @wizard-progress-icon-container-padding - @wizard-progress-icon-container-border-width;\n border: @wizard-progress-icon-container-border-width solid @wizard-step-active-step-border-color;\n #scout.glow(@wizard-step-active-step-border-color, 3px);\n }\n }\n\n &.disabled {\n #scout.wizard-step-color(@wizard-step-disabled-text-color);\n\n & > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-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\n &:not(.disabled) {\n &.active-step {\n #scout.wizard-step-color(@wizard-step-active-step-text-color);\n\n & > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: @wizard-step-active-step-background-color;\n color: @wizard-step-active-step-color;\n border-color: @wizard-step-active-step-border-color;\n }\n }\n\n &.before-active {\n & > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: @wizard-step-before-active-step-background-color;\n color: @wizard-step-before-active-step-color;\n border-color: @wizard-step-before-active-step-border-color;\n }\n }\n\n &.after-active {\n & > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: @wizard-step-after-active-step-background-color;\n color: @wizard-step-after-active-step-color;\n border-color: @wizard-step-after-active-step-border-color;\n }\n }\n }\n}\n\n.wizard-steps > .scrollbar {\n #scout.scrollbar-x-padding(6px, 4px);\n}\n\n.wizard-step-separator {\n display: inline-block;\n max-height: @wizard-progress-height - (2 @wizard-progress-border-width);\n position: relative;\n /* Spacing /\n padding-left: @wizard-progress-content-h-padding;\n padding-right: @wizard-progress-content-h-padding;\n #scout.font-icon();\n font-size: 28px;\n color: @wizard-step-disabled-color;\n vertical-align: middle;\n}\n\n.wizard-steps.compact {\n & > .wizard-steps-body {\n height: @wizard-progress-compact-height;\n\n & > .wizard-step {\n padding-left: @wizard-progress-compact-content-h-padding - @wizard-progress-icon-container-padding;\n padding-right: @wizard-progress-compact-content-h-padding;\n height: @wizard-progress-compact-height - @wizard-progress-border-width;\n line-height: @wizard-progress-compact-height - @wizard-progress-border-width;\n\n & > .wizard-step-content {\n min-height: 0;\n\n & > .wizard-step-content-icon-container {\n width: @wizard-progress-compact-icon-container-size;\n height: @wizard-progress-compact-icon-container-size;\n margin-right: @wizard-progress-compact-icon-container-margin-right;\n\n & > .wizard-step-content-icon {\n font-size: 11px;\n\n & > .icon {\n font-size: 9px;\n }\n }\n }\n }\n }\n\n & > .wizard-step-separator {\n padding-left: @wizard-progress-compact-content-h-padding;\n padding-right: @wizard-progress-compact-content-h-padding;\n font-size: 22px;\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-title {\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 margin-right: 0;\n padding-left: 0;\n #scout.menubar-background-color-inherit;\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 #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.25s);\n outline: none;\n z-index: 100;\n cursor: default;\n\n &.busy {\n / Make glasspane transparent and disable animation /\n background-color: transparent;\n #scout.animation(none);\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.25s);\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 &.ie {\n / IE hack to make sure image is scaled down properly when it is used in a flex container.\n https://stackoverflow.com/questions/41489798/keep-image-ratio-using-max-width-and-max-height-in-ie-11 /\n flex-shrink: 0;\n }\n }\n\n &.chrome-fix {\n padding-bottom: 0.01px;\n }\n\n &.empty {\n visibility: hidden;\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.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\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) 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.context-menu {\n\n & > .menu-item {\n border-top: solid 1px @border-color;\n display: block;\n width: 100%;\n padding: 11px 15px;\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: 10px;\n }\n\n &.selected {\n border-top: 1px solid @item-selection-border-color;\n border-color: @item-selection-border-color;\n background-color: @item-selection-background-color;\n }\n\n &.next-to-selected {\n border-top-color: @item-selection-border-color;\n }\n\n &.context-menu-item-first {\n border-top: 1px solid transparent;\n }\n\n &.context-menu-item-last {\n border-bottom: 1px solid transparent;\n }\n\n &.selected.context-menu-item-first {\n border-top: 1px solid @item-selection-border-color;\n }\n\n &.selected.context-menu-item-last {\n border-color: @item-selection-border-color;\n }\n\n &.expanded > .submenu-icon {\n #scout.transform(rotateX(180deg));\n top: 0;\n }\n\n & > .key-box {\n bottom: auto;\n top: 7px;\n }\n }\n\n .popup-head ~ &.bottom > .menu-item.selected.context-menu-item-first {\n border-color: @item-selection-border-color;\n }\n\n .popup-head ~ &.top > .menu-item.selected.context-menu-item-last {\n border-color: @item-selection-border-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.menu-item {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n color: @text-color;\n cursor: pointer;\n #scout.vertical-align-helper-before();\n\n & > .key-box {\n bottom: -3px;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &:active, &.active {\n color: @active-color;\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n cursor: default;\n }\n\n &.menu-textandicon > .icon {\n margin-right: 8px;\n }\n\n & > .icon,\n & > .text,\n & > .submenu-icon,\n & > .text > .submenu-icon {\n position: relative;\n vertical-align: middle;\n display: inline-block;\n line-height: normal;\n height: auto;\n\n / Make IE trigger the :active state if the text or icon is pressed /\n pointer-events: none;\n }\n\n & > .text {\n / Icon is bigger than the text -> increase text size to make menu items with and without font icons about equal height. /\n / Otherwise menu items in context menus have a different size, and the popup of a menu with submenus may not be positioned correctly. /\n padding-top: @menu-item-text-padding-top;\n padding-bottom: 1px;\n }\n\n &:not(.menu-button) > .icon {\n / Move \"a bit\" towards the top, because the icon would not look centered with the text's baseline otherwise. /\n top: -1px;\n }\n\n & > .icon {\n\n &.font-icon {\n font-size: 18px;\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 &.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 top: -1px;\n }\n\n & > .font-icon {\n font-size: 18px;\n }\n\n &.menu-open {\n color: @active-color;\n }\n\n &.combo-menu-child.menu-icononly:not(:first-child) {\n margin-left: 8px;\n\n & > .submenu-icon {\n padding-left: 0;\n }\n }\n\n &.bottom-text.menu-textandicon {\n text-align: center;\n\n &::before {\n display: none;\n }\n\n & > .icon {\n display: block;\n margin-right: 0; // reset\n padding-bottom: 3px;\n }\n\n &:not(.menu-button) > .icon {\n top: 0; // reset\n }\n\n & > .text {\n display: block;\n font-size: @font-size-extra-small;\n padding-bottom: 0; // reset\n\n & > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n top: 0; // reset\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 * 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 cursor: default;\n\n &:hover {\n color: @text-color;\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 / remove margin left since the menu-item already has a padding /\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 & > .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/ Inside context menu popup -> set preferred size /\n.context-menu > .menu-item.form-field-menu {\n display: flex;\n align-items: center;\n\n & > .text,\n & > .icon {\n flex: none;\n }\n\n & > .form-field {\n flex: 1 1 auto;\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.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: @messagebox-max-width;\n #scout.drop-shadow-large();\n background-color: @messagebox-background-color;\n border-top: @dialog-border-top-size solid @active-color;\n border-radius: @border-radius;\n margin: 10px; / minimum padding to desktop /\n margin-bottom: 15px;\n\n &.severity-error {\n border-top-color: @error-border-color;\n }\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 / remove border and rounded corners in full screen mode /\n\n &.full-width,\n &.full-height {\n border-radius: 0;\n\n & > .box-buttons > .box-button {\n border-radius: 0;\n }\n }\n\n &.full-width {\n border-right: 0;\n border-left: 0;\n }\n\n &.full-height {\n & > .box-buttons > .box-button {\n border-bottom: 0;\n }\n }\n}\n\n.messagebox-content {\n min-height: 30px;\n border-left: 1px solid @boxbutton-border-color;\n border-right: 1px solid @boxbutton-border-color;\n background-color: @messagebox-background-color;\n padding: (26px - @messagebox-label-padding) / 2 26px 26px 26px;\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-label {\n padding-top: @messagebox-label-padding;\n word-wrap: break-word;\n}\n\n.copyable {\n #scout.user-select(text);\n}\n\n.messagebox-header {\n font-weight: bold;\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.mode {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n border: 1px solid @border-color;\n height: 100%;\n padding: @mode-padding;\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: @mode-padding + 1px; / account for the missing border, so that text does not jump /\n }\n\n &.after-selected {\n border-left: none;\n padding-left: @mode-padding + 1px; / account for the missing border, so that text does not jump /\n }\n\n &:hover {\n color: @mode-hover-text-color;\n }\n\n &:not(.disabled):not(.selected):active {\n color: @button-active-color;\n background-color: @button-active-background-color;\n }\n\n &.selected {\n color: @mode-selected-text-color;\n background-color: @mode-selected-background-color;\n border: none;\n }\n\n &:not(.disabled) {\n cursor: pointer;\n }\n\n &.disabled,\n &.alternative.disabled {\n color: @button-disabled-color;\n\n &.selected {\n background-color: @button-disabled-background-color;\n border: solid 1px @button-disabled-border-color;\n }\n }\n\n & > .icon.with-label {\n margin-right: 8px;\n }\n}\n\n.dense .mode {\n padding: @mode-padding-dense;\n}\n\n.mode-selector.alternative {\n & > .mode {\n\n &.selected:not(.disabled) {\n background-color: inherit;\n border: 1px solid @mode-alternative-selected-color;\n color: @mode-alternative-selected-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.mode-selector {\n position: relative;\n background-color: @control-background-color;\n white-space: nowrap;\n display: table;\n table-layout: fixed;\n overflow: hidden;\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.notification {\n position: relative;\n padding: 10px;\n margin: 10px 0 0 10px;\n border: 1px solid transparent;\n color: @text-color;\n pointer-events: auto;\n\n &.ok {\n background-color: @notification-ok-background-color;\n border-color: @notification-ok-border-color;\n }\n\n &.info {\n background-color: @notification-info-background-color;\n border-color: @notification-info-border-color;\n }\n\n &.warning {\n background-color: @notification-warning-background-color;\n border-color: @notification-warning-border-color;\n }\n\n &.error {\n background-color: @notification-error-background-color;\n border-color: @notification-error-border-color;\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-content {\n / Prevent overlay of text and close icon /\n\n &.closable {\n padding-right: 25px;\n }\n\n & > .closer {\n position: absolute;\n right: 2px;\n top: 2px;\n // Enlarge region to click\n padding: 8px;\n }\n}\n\n.notification-message {\n // display: inline-block;\n #scout.user-select(text);\n #scout.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-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 {\n padding-left: @resource-padding-x;\n padding-right: @resource-padding-x;\n }\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-cyan-4;\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 @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 width: 65px;\n text-align: center;\n border-top: 1px solid @border-color;\n border-bottom: 1px solid @border-color;\n border-left: 1px solid @border-color;\n #scout.overflow-ellipsis-nowrap();\n\n &.first {\n border-left: 1px solid @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 @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: @menubar-button-disabled-background-color;\n border-color: @menubar-button-disabled-border-color;\n color: @menubar-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: @tooltip-arrow-size;\n min-height: @tooltip-arrow-size;\n }\n}\n\n.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: @tooltip-arrow-size;\n height: @tooltip-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.popup-head {\n position: absolute;\n padding: 0 13px;\n white-space: nowrap;\n background-color: @popup-background-color;\n border: 1px solid @popup-border-color;\n border-top-width: 0;\n border-bottom-width: 0;\n color: @active-color;\n\n .popup.bottom > & {\n padding-top: 10px;\n border-top-width: 1px;\n #scout.drop-shadow();\n }\n\n .popup.top > & {\n padding-bottom: 3px;\n border-bottom-width: 1px;\n #scout.drop-shadow(@y: -6px;);\n }\n\n / Enable submenu /\n\n & > .submenu-icon,\n & > .text > .submenu-icon {\n #scout.transform(rotateX(180deg));\n top: 0;\n }\n\n & > .font-icon {\n font-size: 18px;\n color: @active-color;\n }\n\n &.in-main-menubar > .font-icon {\n font-size: 22px;\n }\n}\n\n.popup-deco {\n position: absolute;\n height: 1px;\n left: 1px;\n background-color: @popup-background-color;\n}\n\n.popup-body {\n position: relative;\n border: 1px solid @popup-border-color;\n background-color: @popup-background-color;\n\n &.bottom {\n #scout.drop-shadow();\n }\n\n &.top {\n #scout.drop-shadow(@y: -6px;);\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.mobile-popup {\n background-color: @background-color;\n border-top: @dialog-border-top-size solid @active-color;\n border-top-left-radius: @border-radius;\n border-top-right-radius: @border-radius;\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 color: @active-color;\n width: 100%;\n }\n\n & > .closer {\n position: absolute;\n top: 0;\n right: 4px;\n padding: @mobile-popup-title-margin-top;\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 {\n position: absolute;\n border: solid 1px @control-popup-border-color;\n border-radius: @border-radius;\n overflow: hidden;\n background-color: @table-header-background-color;\n #scout.drop-shadow();\n #scout.focus-border();\n margin: 45px 10px 10px 10px;\n}\n\n.touch-popup-field {\n position: absolute;\n margin: 6px;\n}\n\n.touch-popup-widget-container {\n position: absolute;\n border-top: solid 1px @border-color;\n background-color: @control-background-color;\n\n & > .proposal-chooser > .table {\n overflow: inherit;\n }\n}\n\n.touch-popup-header {\n margin: 8px 4px 2px 8px;\n}\n\n.touch-popup-title {\n font-size: @font-size-plus;\n color: @title-color;\n}\n\n.touch-popup-close-icon {\n position: absolute;\n right: 7px;\n top: 7px;\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.widget-popup {\n background-color: @popup-background-color;\n border: 1px solid @border-color;\n border-radius: @border-radius;\n #scout.drop-shadow-large();\n margin: 10px; / minimum padding to window /\n\n &.animate-open {\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.15s);\n #scout.animation-fill-mode(forwards);\n }\n\n & > .popup-arrow {\n\n &.bottom,\n &.right {\n #scout.drop-shadow-large(@y: 4px, @spread: -2px);\n }\n }\n\n & > .close-action {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n padding: 10px;\n font-size: 17px;\n }\n\n & > .popup-widget {\n position: relative;\n background-color: inherit;\n // Make sure the solid background color is not drawn over the rounded corners of .widget-popup\n border-radius: @border-radius + 2px;\n }\n\n & > .popup-arrow-overlay {\n // Make sure the solid background color is not drawn over the rounded corners of .widget-popup\n border-radius: @border-radius + 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@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 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) 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.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n #scout.drop-shadow-large();\n border-top: @dialog-border-top-size solid @busyindicator-active-color;\n border-radius: @border-radius;\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-left: 1px solid @busyindicator-border-color;\n border-right: 1px solid @busyindicator-border-color;\n background-color: @control-background-color;\n padding: 26px;\n\n &.no-buttons {\n border-bottom: 1px solid @busyindicator-border-color;\n border-bottom-left-radius: @border-radius;\n border-bottom-right-radius: @border-radius;\n }\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-active-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-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) 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/ 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-normal: 13px;\n@font-size-plus: 14px;\n@font-size-large: 16px;\n@font-size-extra-large: 32px;\n\n@font-face {\n font-family: scoutIcons;\n font-weight: normal;\n src: url('fonts/scoutIcons.woff') format('woff');\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/ Global sizes /\n/ -------------------------------- /\n@application-loading01-size: 80px;\n@application-loading02-size: 120px;\n@border-radius: 3px;\n@borderless-field-padding-y: @text-field-padding-y + 1px;\n@control-border-radius: @border-radius;\n@control-alternative-border-radius: 0;\n@control-popup-border-radius: @border-radius;\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-width: 140px;\n@field-status-width: 20px;\n@field-status-margin-left: 10px;\n@text-field-padding-x: 10px;\n@text-field-padding-y: 7px;\n@text-field-padding-top-compensation: 1px;\n@text-field-alternative-padding-left: 0;\n@text-field-alternative-padding-right: 0;\n@text-field-alternative-icon-padding-right: 4px;\n@text-field-icon-outer-width: 30px;\n@text-field-alternative-icon-outer-width: 23px;\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-width;\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-margin-y: 15px;\n@box-width: 420px;\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-checked-line-height: @check-box-size;\n@check-box-field-label-padding-top: 2px;\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@compact-outline-node-padding-x: 16px;\n@compact-outline-node-padding-y: @outline-breadcrumb-node-padding-y;\n@dashboard-tile-label-padding-bottom: 5px;\n@dashboard-tile-label-large-padding-bottom: 10px;\n@date-picker-header-height: @logical-grid-row-height;\n@date-picker-header-month-padding-top: 1px;\n@date-picker-day-padding-x: 5px;\n@date-picker-day-padding-y: 5px;\n@desktop-bench-drop-shadow-top: 3px;\n@desktop-header-height: 51px;\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-notifications-margin-top: 57px;\n@detail-table-data-padding-x: @bench-padding-x - @table-cell-padding-left;\n@detail-table-header-menubar-padding-right: 10px;\n@detail-table-header-padding-x: @bench-padding-x - @table-header-padding-left;\n@detail-table-header-padding-y: @table-header-padding-y + 5;\n@detail-table-row-padding-y: @table-row-padding-y + 5;\n@dialog-border-top-size: 5px;\n@form-title-margin-top: 10px;\n@group-collapse-icon-margin-top: -1px;\n@group-box-control-font-size: 16px;\n@group-box-control-line-height: 15px;\n@group-box-control-width: 25px;\n@group-box-body-padding-bottom: 16px;\n@group-box-body-padding-top: 14px;\n@group-box-title-border-width: 3px;\n@group-box-title-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: 6px;\n@header-menu-textandicon-padding-right: 6px;\n@login-box-font-size: 16px;\n@menu-item-height: 39px;\n@menu-item-margin-right-between-buttons: 10px;\n@menu-item-margin-right: 20px;\n@menu-item-max-image-icon-height: 18px;\n@menu-item-min-image-icon-width: 18px;\n@menu-item-text-padding-top: 1px;\n@main-menubar-padding-y: 2px;\n@menubar-field-menu-margin-y: 4px;\n@menubar-item-padding-y: 6px;\n@messagebox-label-padding: 20px;\n@messagebox-max-width: 330px;\n@mobile-popup-title-margin-right: 30px;\n@mobile-popup-title-margin-top: 10px;\n@mode-padding: 5px;\n@mode-padding-dense: 3px;\n@outline-breadcrumb-node-padding-x: @outline-title-margin-left + @outline-title-text-padding-left;\n@outline-breadcrumb-node-padding-y: 12px;\n@outline-node-control-size: 20px;\n@outline-node-control-padding-left: 17px;\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-padding-left: 37px;\n@outline-node-padding-right: 8px;\n@outline-node-padding-y: 8px;\n@outline-title-margin-bottom: 12px;\n@outline-title-margin-left: 12px;\n@outline-title-margin-right: 12px;\n@outline-title-menubar-top: 13px;\n@outline-title-text-padding-left: 6px;\n@outline-title-icon-font-size: 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@radio-button-circle-size: 18px;\n@radio-button-border-width: 1px;\n@radio-button-label-padding-top: 2px;\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: 14px;\n@scrollbar-thumb-size: 4px;\n@scrollbar-thumb-hover-size: 8px;\n@search-outline-panel-padding-bottom: 14px;\n@single-view-button-outline-title-height: @desktop-header-height - 1px; / minus the border /\n@single-view-button-outline-title-margin-bottom: 9px; / Align first tree node with menu item text on the right /\n@single-view-button-search-outline-panel-padding-top: 10px;\n@single-view-button-search-outline-panel-padding-bottom: 8px;\n@single-view-button-search-outline-field-height: @logical-grid-row-height + 2; / Same height as navigate buttons on the right + border /\n@simple-overflow-tab-item-padding-top: 17px;\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@tab-area-border-width: 3px;\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-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-title-margin-top;\n@table-cell-padding-left: 8px; / also used in scout.Column.prototype.buildCell /\n@table-cell-padding-right: 4px; / also used in scout.Column.prototype.buildCell /\n@table-cell-padding-right-last: @scrollbar-size;\n@table-control-content-padding: 10px;\n@table-control-container-height: 345px;\n@table-control-container-height-dense: 320px;\n@table-control-padding: 14px;\n@table-control-resize-border-width: 3px;\n@table-control-tab-item-title-padding-top: 12px;\n@table-control-tab-item-title-padding-bottom: @table-control-tab-item-title-padding-top;\n@table-footer-height: 52px;\n@table-header-menu-cmd-height: 30px;\n@table-header-menu-cmd-width: 43px;\n@table-header-menu-group-padding-top: 10px;\n@table-header-menu-padding: 10px;\n@table-header-padding-left: @table-cell-padding-left;\n@table-header-padding-right: @table-cell-padding-right;\n@table-header-padding-y: @table-row-padding-y;\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-menubar-padding: 8px;\n@table-row-padding-y: 7px;\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@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: @tag-field-tag-margin-y;\n@tile-padding-y: 6px; /* Optimized for a tile height of 30px (logical-grid-height) /\n@tile-padding-x: 8px;\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: 14px;\n@tooltip-border-size: 1px;\n@tooltip-border: @tooltip-border-size solid @tooltip-border-color;\n@tooltip-menu-padding-y: 5px;\n@tooltip-padding-x: 12px;\n@tooltip-padding-y: 8px;\n@tree-node-bitmap-icon-size: 16px;\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: 6px;\n@tree-node-padding-y: 6px;\n@view-button-box-height: @desktop-header-height - 1px; / minus the border /\n@year-panel-day-height: 24px;\n@year-panel-day-line-height: @year-panel-day-height;\n@wizard-progress-border-width: 1px;\n@wizard-progress-content-h-padding: 15px;\n@wizard-progress-compact-height: 44px;\n@wizard-progress-compact-content-h-padding: 7px;\n@wizard-progress-compact-icon-container-size: 28px;\n@wizard-progress-compact-icon-container-margin-right: 8px;\n@wizard-progress-height: 50px;\n@wizard-progress-icon-container-border-width: 1px;\n@wizard-progress-icon-container-margin-right: 12px;\n@wizard-progress-icon-container-padding: 4px;\n@wizard-progress-icon-container-size: 33px;\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\n.switch-label {\n margin-right: 8px;\n}\n\n.switch-button {\n width: 28px;\n position: relative;\n padding: 8px;\n border-radius: 8px;\n background: @switch-background-color;\n cursor: pointer;\n border: solid 1px @switch-border-color;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n line-height: 30px;\n text-indent: 40px;\n height: 14px;\n width: 14px;\n border-radius: 100%;\n top: 1px;\n left: 1px;\n right: auto;\n border: solid 1px @switch-button-border-color;\n background-color: @switch-button-background-color;\n }\n}\n\n.switch-button, .switch-button:before {\n transition: .25s ease-in-out;\n}\n\n.switch-button.activated {\n &:before {\n border-color: @switch-button-activated-border-color;\n background-color: @switch-button-activated-background-color;\n left: calc(~'100% - 15.5px');\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-row-level-padding {\n width: @table-row-level-padding-width;\n}\n\n.table {\n position: relative;\n\n &:focus,\n &.focused {\n outline: none;\n\n & .table-row.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n }\n\n & > .menubar:not(.main-menubar) {\n padding-left: @table-menubar-padding;\n padding-right: @table-menubar-padding;\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\n & > .table-data > .table-row {\n\n & > .table-cell.first {\n / Increase padding of first cell to make room for \"selection\" marker /\n padding-left: 14px;\n }\n\n &.selected {\n / Don't draw selection /\n background-color: transparent;\n border-color: @table-row-border-color;\n\n & > .table-cell {\n color: @text-color;\n }\n }\n\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: @text-selection-color;\n }\n }\n }\n\n &:focus,\n &.focused {\n & > .table-data > .table-row {\n &.selected {\n / \"Selection\" marker /\n\n &::before {\n #scout.font-icon();\n content: @icon-angle-right;\n position: absolute;\n top: 8px;\n left: 5px;\n color: @text-color;\n }\n\n &.checked::before {\n color: @text-selection-color;\n }\n }\n }\n }\n }\n\n &.checkable.header-invisible > .table-data > .table-row.selected.first {\n border-top-color: @control-background-color;\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 & .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\n.table-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n / Draw the .table-data DIV one pixel higher, over the header (for selection border). /\n / - To make height calculation correct, this margin has to be subtracted again /\n / from .table-data's height. See TableLayout.layout(). /\n margin-top: -1px;\n padding-top: 1px;\n\n & > .scrollbar.y-axis {\n / Make scrollbar visually centered /\n margin-top: @scrollbar-margin + 1px;\n }\n\n & > .table-row,\n & > .table-data-fill,\n & > .scrollbar {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n}\n\n.table {\n &:not(.knight-rider-loading) > .table-data.loading {\n & > .table-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 overflow: hidden;\n border-left: 0 solid transparent;\n border-right: 0 solid transparent;\n border-bottom: 1px solid @table-row-border-color;\n\n &.sum-selection {\n color: @item-selection-border-color;\n }\n\n &:active {\n background-color: @table-row-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-nonfocus-background-color;\n border-color: @item-selection-nonfocus-border-color;\n border-left-color: transparent;\n border-right-color: transparent;\n\n &.select-top,\n &.select-middle {\n / Disable bottom-border. Instead, we add the border in the ::after pseudo element, because otherwise /\n / it would interfere with the 2px left border (missing control of 'border join behaviour' in CSS) /\n border-bottom: 0;\n }\n\n &.select-top::after,\n &.select-middle::after {\n border-bottom: 1px solid @table-row-border-color;\n content: '';\n display: block;\n }\n }\n\n &.select-single,\n &.select-top {\n border-top: 1px solid @item-selection-nonfocus-border-color;\n / Move the row 1px up to cover the bottom border of the previous row. /\n margin-top: -1px;\n }\n\n &.checked {\n background-color: @table-row-checked-background-color;\n }\n}\n\n.table-cell {\n color: @text-color;\n display: table-cell;\n padding: @table-row-padding-y @table-cell-padding-right @table-row-padding-y @table-cell-padding-left;\n position: relative;\n #scout.overflow-ellipsis();\n vertical-align: top; / for multiline text /\n\n & > .width-fix {\n / Some browsers (e.g. IE9) need an additional <div> with display:inline-block below the table-cell /\n display: inline-block;\n #scout.overflow-ellipsis();\n / An additional max-width: must be added in browser. /\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: @text-selection-color;\n }\n\n &.empty {\n / explicitly disable ellipsis, 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: @table-row-padding-y 8px @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\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: @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\n &.checkable.disabled,\n .table.disabled > .table-data > .table-row > &.checkable {\n cursor: default;\n }\n\n & > .check-box {\n #scout.checkbox();\n\n &::before {\n #scout.checkbox-before();\n }\n\n &.checked::before {\n #scout.checkbox-before-checked();\n }\n\n &.undefined::before {\n / tri-state /\n #scout.checkbox-before-undefined();\n }\n\n &.disabled,\n .table.disabled > .table-data > .table-row > & {\n #scout.checkbox-disabled();\n\n &::before {\n #scout.checkbox-before-disabled();\n }\n }\n\n &.disabled.undefined::before,\n .table.disabled > .table-data > .table-row > &.undefined::before {\n / tri-state /\n #scout.checkbox-before-undefined-disabled();\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\n &.halign-center {\n text-align: center;\n padding-right: @table-cell-padding-left;\n }\n}\n\n.table-icon-cell {\n text-overflow: clip;\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}\n\n.table-aggregate-row {\n background-color: @table-aggregate-row-background-color;\n}\n\n.table-aggregate-cell {\n font-weight: bold;\n\n & > .table-cell-icon {\n color: @text-color;\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.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 * 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-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 @group-box-title-border-color;\n }\n}\n\n.table-control-content {\n height: 100%;\n width: 100%;\n\n & > .form {\n background-color: @table-control-form-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 }\n }\n }\n\n & .tab-box > .tab-box-header {\n margin-top: 0;\n margin-left: 0;\n\n & > .tab-box-header-bottom-border {\n display: none;\n }\n\n & .tab-area {\n & > .selection-marker {\n z-index: 2;\n height: 3px;\n bottom: auto;\n top: 0;\n margin-bottom: 0;\n }\n\n & > .tab-item {\n z-index: 2;\n\n & > .title {\n padding-top: @table-control-tab-item-title-padding-top;\n padding-bottom: @table-control-tab-item-title-padding-bottom;\n }\n\n &.first {\n / align with the form fields /\n padding-left: @mandatory-indicator-width;\n }\n\n &::after {\n top: 0;\n height: 3px;\n margin-bottom: auto;\n }\n }\n }\n }\n}\n\n.table-controls {\n position: absolute;\n height: 100%;\n\n .table-footer > & ~ & {\n margin-left: -1px;\n }\n}\n\n.table-info {\n position: absolute;\n right: 0;\n}\n\n.table-filter {\n display: inline-block;\n position: relative;\n vertical-align: top;\n margin-top: (@table-footer-height - 26px) / 2;\n margin-right: @table-control-padding;\n}\n\n.table-text-filter {\n min-height: 26px;\n width: 200px;\n font-size: 13px;\n\n &:focus {\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & ~ .clear-icon {\n display: block;\n }\n }\n }\n\n & ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: 26px;\n line-height: 26px;\n padding-right: @text-field-padding-x;\n cursor: pointer;\n\n &::before {\n #scout.font-icon();\n font-size: 13px;\n content: @icon-remove-bold;\n color: @text-field-icon-color;\n }\n }\n}\n\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding-top: @table-control-padding / 2;\n padding-bottom: 0;\n height: @table-footer-height - 1px; / subtract border-top of .table-footer /\n color: @table-info-color;\n cursor: pointer;\n line-height: 19px;\n #scout.overflow-nowrap();\n\n &::before {\n content: '';\n position: absolute;\n top: @table-control-padding / 2 + 2px;\n left: 0;\n height: @table-footer-height - @table-control-padding - 4px;\n border-right: 1px solid @border-color;\n }\n\n / margins are used instead of paddings for a better animation /\n\n & > span {\n margin-left: @table-control-padding;\n margin-right: @table-control-padding - 1px; / because left padding includes the ::before border /\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: @active-color;\n }\n}\n\n.table-info-tooltip {\n line-height: 30px;\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-control, table-status) /\n margin-top: 6px;\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) 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-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: @table-header-background-color;\n border-bottom: 1px solid @table-header-border-color;\n z-index: 0; / begin new stacking context /\n / Make it the same height as the menu bar /\n min-height: @logical-grid-row-height - 1px; / -1px border-width. Header-items itself must not get a min-height otherwise bottom alignment with multi line header items break /\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 / make menubar a little smaller than header (but still center it). Otherwise browsers may draw the menu bar over the bottom border of the table header when the page is zoomed /\n top: 1px;\n height: calc(~'100% - 2px');\n padding-right: 6px;\n padding-left: 6px;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n\n & > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n }\n}\n\n.table-header-item {\n position: relative;\n display: inline-block;\n #scout.font-text-normal(@font-weight-bold);\n padding: @table-header-padding-y @table-header-padding-right @table-header-padding-y @table-header-padding-left;\n #scout.overflow-ellipsis-nowrap();\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: bottom;\n cursor: pointer;\n / Transparent border required for .selected state /\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n\n &.disabled {\n cursor: default;\n / Override default disabled text color, because \"disabled\" in the table header means something different /\n color: @text-color;\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\n &.halign-center {\n text-align: center;\n padding-right: @table-cell-padding-left;\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 &.sorted,\n &.grouped,\n &.filtered {\n / make room for icon /\n padding-right: @table-header-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-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 &:not(.disabled):hover {\n color: @hover-color;\n }\n\n &:not(.disabled):active,\n &:not(.disabled).active,\n &.moving {\n color: @active-color;\n }\n\n &.moving > .table-header-item-state {\n display: none;\n }\n\n &.selected {\n border-left-color: @border-color;\n border-right-color: @border-color;\n background-color: @table-header-menu-background-color;\n color: @active-color;\n z-index: 1;\n }\n\n &.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n }\n\n & > .icon.with-text {\n margin-right: 8px;\n }\n}\n\n.table-header-item-text {\n &.empty {\n / explicitly disable ellipsis, because IE would display it for very narrow columns even if content is ' ' /\n text-overflow: clip;\n }\n}\n\n.table-header-item-icon-only {\n text-overflow: clip;\n}\n\n.table-header-item-state {\n position: absolute;\n right: 3px;\n top: 4px;\n font-weight: normal;\n font-size: @font-size-extra-small;\n color: @table-header-item-state-color;\n display: table-row;\n\n & > .left {\n display: table-cell;\n padding-top: 5px;\n padding-left: 3px;\n text-align: center;\n }\n\n &.grouped.filtered > .left {\n padding-top: 0;\n }\n\n & > .right {\n display: table-cell;\n color: @table-header-sort-color;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n vertical-align: top;\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: 8px 8px;\n margin-left: -8px;\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.moving > & {\n / Hide separators while moving, because their position will not be updated until the move-end event /\n visibility: hidden;\n }\n\n .table-header-item.selected + &.table-header-resize {\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) 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-header-menu {\n position: absolute;\n width: 447px;\n background-color: @table-header-menu-background-color;\n border: 1px solid @border-color;\n white-space: nowrap;\n\n &:focus {\n outline: 0;\n }\n\n &.bottom {\n #scout.drop-shadow();\n }\n\n &.top {\n #scout.drop-shadow(@y: -3px);\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: bottom; // necessary, to fix wrong height in IE.\n padding: @table-header-menu-padding;\n}\n\n.table-header-menu-filters {\n display: inline-block;\n width: 222px;\n border-left: solid 1px @border-color;\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 border-left: 0;\n }\n\n & > .table-header-menu-group > .form-field {\n position: relative;\n }\n}\n\n.table-header-menu-whiter {\n height: 1px;\n position: absolute;\n left: 0;\n background-color: @table-header-menu-background-color;\n\n .table-header-menu.bottom & {\n top: -1px;\n }\n\n .table-header-menu.top & {\n bottom: -1px;\n }\n}\n\n.table-header-menu-group {\n padding-top: @table-header-menu-group-padding-top;\n\n &.first {\n padding-top: 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 #scout.font-text-normal(@font-weight-bold);\n font-weight: bold;\n color: @text-color;\n line-height: 24px;\n height: 24px;\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 #scout.font-icon();\n font-size: 18px;\n color: @icon-color;\n border: 1px solid @table-header-menu-cmd-border-color;\n background-color: @control-background-color;\n cursor: pointer;\n text-align: center;\n display: table;\n\n &:focus {\n border-color: @focus-color;\n outline: none;\n\n & > .icon::before,\n & > .icon::after {\n color: @focus-color;\n }\n }\n\n &.last {\n margin-right: 0;\n }\n\n &:hover {\n color: @hover-color;\n border-color: @hover-color;\n }\n\n &:active, &.active {\n color: @button-active-color;\n background-color: @button-active-background-color;\n border-color: @table-header-menu-cmd-active-border-color;\n }\n\n &.disabled {\n background-color: @control-background-color;\n border-color: @palette-gray-4;\n color: @table-header-menu-cmd-disabled-color;\n cursor: default;\n }\n\n & > .icon::after {\n position: relative;\n left: 3px;\n top: -3px;\n font-size: 13px;\n }\n\n &.selected {\n background-color: @table-header-menu-cmd-selected-background-color;\n border: 1px solid @table-header-menu-cmd-selected-border-color;\n\n & > .icon::before,\n & > .icon::after {\n color: @table-header-menu-cmd-selected-color;\n }\n\n &:focus {\n background-color: @control-background-color;\n\n & > .icon::before,\n & > .icon::after {\n color: @focus-color;\n }\n }\n\n &:active:not(.disabled),\n &.active:not(.disabled) {\n background-color: darken(@table-header-menu-cmd-selected-background-color, 10%);\n border-color: darken(@table-header-menu-cmd-selected-border-color, 10%);\n }\n }\n\n & > .icon {\n vertical-align: middle;\n display: table-cell;\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 border-width: 0;\n\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 / Color used as fallback if browser does not support gradients (ie 9) /\n background-color: @column-background-effect-gradient1-start-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 / Color used as fallback if browser does not support gradients (ie 9) /\n background-color: @column-background-effect-gradient2-start-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 &.selected {\n border-width: 2px;\n\n &.togglable:hover {\n background-color: @table-header-menu-cmd-selected-background-color;\n background-image: none;\n }\n }\n }\n}\n\n.table-header-menu-filter {\n position: relative;\n width: 200px;\n float: left;\n clear: both;\n height: @table-header-menu-cmd-height;\n line-height: 30px;\n cursor: pointer;\n padding: 0 20px 0 8px;\n #scout.overflow-ellipsis-nowrap();\n border-top: 1px solid @table-header-menu-cmd-border-color;\n\n &.last {\n border-bottom: 1px solid @table-header-menu-cmd-border-color;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &::after {\n position: absolute;\n right: 14px;\n content: attr(data-value);\n }\n\n &.selected {\n background-color: @table-header-menu-cmd-selected-background-color;\n border-top-color: @table-header-menu-cmd-selected-border-color;\n color: @table-header-menu-cmd-selected-color;\n }\n\n &.selected + .table-header-menu-filter {\n border-top: 1px solid @table-header-menu-background-color;\n }\n\n &.selected:last-child {\n border-bottom-color: @table-header-menu-cmd-selected-border-color;\n }\n}\n\n.table-header-menu-filter-actions {\n float: right;\n line-height: 24px;\n}\n\n.table-header-menu-filter-toggle-checked {\n cursor: pointer;\n color: @table-header-menu-link-color;\n display: inline;\n}\n\n.table-header-menu-toggle-sort-order {\n #scout.font-icon();\n float: left;\n cursor: pointer;\n color: @table-header-menu-link-color;\n padding-right: @table-header-menu-padding;\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 font-weight: bold;\n margin-right: 4px;\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 display: inline-block;\n padding: 0 @table-control-padding;\n cursor: pointer;\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n / draw over border-top of .table-footer /\n height: calc(~'100% + 1px');\n margin-top: -1px;\n padding-top: 1px;\n #scout.vertical-align-helper-before();\n\n & > .font-icon {\n font-size: 22px;\n color: @table-control-color;\n vertical-align: middle;\n }\n\n &:hover > .font-icon {\n color: @table-control-hover-color;\n }\n\n &:active > .font-icon {\n color: @table-control-active-color;\n }\n\n &.disabled:hover,\n &.disabled > .font-icon,\n &.disabled.selected > .font-icon {\n cursor: default;\n color: @table-control-disabled-color;\n }\n\n &.selected > .font-icon {\n color: @table-control-selected-color;\n }\n\n &.selected {\n border-left-color: @border-color;\n border-right-color: @border-color;\n background-color: @table-control-selected-background-color;\n\n &:first-child {\n border-left-color: transparent;\n }\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: 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.cell-editor-popup {\n / make sure it is behind the scrollbar /\n z-index: 0;\n\n &.first {\n / Hide the left border of the field /\n margin-left: -1px;\n }\n}\n\n.cell-editor-field {\n\n / -1px correction is necessary because the table-cell does not have a border but the fields have\n * For some reason Microsoft Edge requires 1px less padding than all other browsers, to avoid a\n * 'jumpy' UI when user clicks into an editable cell /\n padding: @table-row-padding-y @table-cell-padding-right - 1px @table-row-padding-y @table-cell-padding-left - 1px;\n border-radius: 0;\n\n &.ms-edge {\n padding-left: @table-cell-padding-left - 2px;\n }\n\n &.first {\n / Correction for margin-left -1px /\n padding-left: @table-cell-padding-left;\n\n &.ms-edge {\n padding-left: @table-cell-padding-left - 1px;\n }\n }\n\n &.halign-right {\n padding-right: @table-cell-padding-left - 1px;\n padding-left: @table-cell-padding-right - 1px;\n\n &.ms-edge {\n padding-left: @table-cell-padding-right - 2px;\n }\n }\n\n &.halign-center {\n padding-right: @table-cell-padding-left - 1px;\n }\n\n &:focus {\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-size: @font-size-large;\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 #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 &: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-block;\n user-select: none;\n white-space: nowrap;\n color: @tag-text-color;\n outline: none;\n\n border-radius: 2px;\n background-color: @tag-element-background-color;\n padding: 0 5px;\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\n &:hover:not(.disabled) {\n background-color: @tag-element-background-color-hover;\n }\n\n &.focused {\n background-color: @palette-cyan-4;\n\n & > .tag-remove-icon::before {\n color: @palette-black;\n }\n }\n}\n\n.tag-element {\n & > .tag-text {\n max-width: 85px;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 1px;\n display: inline-block;\n vertical-align: middle;\n }\n\n &.clickable {\n &:hover {\n cursor: pointer;\n }\n }\n}\n\n.overflow-icon {\n &::before {\n #scout.font-icon();\n position: relative;\n font-size: @font-size-extra-small;\n content: @icon-chevron-down-bold;\n color: @tag-icon-color;\n }\n\n &:hover {\n background-color: @tag-element-background-color-hover;\n cursor: pointer;\n }\n\n &.focused::before {\n color: @palette-black;\n }\n}\n\n.tag-remove-icon {\n padding-left: 3px;\n display: inline-block;\n vertical-align: middle;\n\n &::before {\n #scout.font-icon();\n position: relative;\n content: @icon-remove-bold;\n color: @tag-icon-color;\n }\n\n &:hover {\n cursor: pointer;\n\n &::before {\n color: @palette-black;\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-overflow-popup {\n padding: 5px 7px 9px 5px;\n max-width: 250px;\n}\n\n.tag-overflow-popup-head {\n position: absolute;\n background-color: @popup-background-color;\n color: @active-color;\n border: 1px solid @border-color;\n border-bottom-width: 0;\n\n &:hover {\n background-color: @popup-background-color !important; / NOSONAR important to avoid super specific selector /\n }\n\n &.overflow-icon {\n margin: 0;\n border-radius: 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.time-picker-popup {\n position: absolute;\n border: 1px solid @control-popup-border-color;\n border-radius: @control-popup-border-radius;\n #scout.focus-border();\n overflow: hidden;\n\n &.alternative {\n #scout.drop-shadow();\n border-radius: @control-alternative-border-radius;\n }\n}\n\n.time-picker {\n position: relative;\n background-color: @control-background-color;\n\n &.touch {\n overflow-x: hidden;\n overflow-y: auto;\n min-width: 160px;\n }\n}\n\n.day-table {\n display: table;\n width: 100%;\n\n & > .hour-row {\n display: table-row;\n padding-left: 20px;\n padding-right: 20px;\n\n &:hover {\n & > .label {\n font-weight: bold;\n color: @button-color;\n }\n }\n\n & > .cell {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n padding: 2px;\n cursor: pointer;\n\n .time-picker.touch & {\n padding: 5px;\n }\n\n &:first-child {\n padding-left: 7px;\n\n .time-picker.touch & {\n padding-left: 15px;\n }\n }\n\n &:last-child {\n padding-right: 12px;\n\n .time-picker.touch & {\n padding-right: 20px;\n }\n }\n\n & > .text {\n display: inline-block;\n padding: 5px;\n border: 1px solid transparent;\n border-radius: @border-radius;\n }\n\n &.hours {\n background-color: @time-picker-hours-background-color;\n border-right: 1px solid @border-color;\n\n &:active:not(.disabled),\n .time-picker:not(.touch) &:hover:not(.disabled) {\n + .minutes {\n & > .text {\n border-color: @item-selection-border-color;\n background-color: @item-selection-background-color;\n }\n\n &.now > .text {\n border-color: @time-picker-now-hover-border-color;\n background-color: @time-picker-now-hover-background-color;\n }\n\n &.selected {\n & > .text {\n background-color: @time-picker-hover-selected-background-color;\n }\n\n &.now > .text {\n background-color: @time-picker-now-hover-selected-background-color;\n }\n }\n }\n }\n }\n\n &.minutes {\n\n &.now {\n color: @time-picker-now-color;\n font-weight: bold;\n }\n\n &.selected {\n color: @time-picker-selected-color;\n\n & > .text {\n background-color: @time-picker-selected-background-color;\n }\n\n &.now {\n color: @time-picker-now-selected-color;\n\n & > .text {\n background-color: @time-picker-now-selected-background-color;\n }\n }\n }\n\n &.preselected {\n & > .text {\n border-color: @item-selection-border-color;\n border-style: dashed;\n }\n\n &.now > .text {\n border-color: @time-picker-now-preselected-border-color;\n }\n }\n\n / Hover effect is disabled on touch devices because the hover effect does not vanish on touch end which is annoying especially when swiping. /\n\n &:active:not(.disabled),\n .time-picker:not(.touch) &:hover:not(.disabled) {\n & > .text {\n border-color: @item-selection-border-color;\n background-color: @item-selection-background-color;\n }\n\n &.now > .text {\n border-color: @time-picker-now-hover-border-color;\n background-color: @time-picker-now-hover-background-color;\n }\n\n &.selected {\n & > .text {\n background-color: @time-picker-hover-selected-background-color;\n }\n\n &.now > .text {\n background-color: @time-picker-now-hover-selected-background-color;\n }\n }\n }\n }\n }\n }\n}\n\n.touch-popup-widget-container {\n & > .time-picker {\n border: none;\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.tooltip {\n position: absolute;\n background-color: @tooltip-background-color;\n border: @tooltip-border;\n color: @tooltip-color;\n #scout.drop-shadow();\n max-width: 300px;\n white-space: normal;\n}\n\n.tooltip-content {\n background-color: inherit;\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\n & .bold {\n font-weight: bold;\n }\n\n & .small {\n font-size: 11px;\n color: @tooltip-small-color;\n }\n}\n\n.tooltip-menus {\n background-color: inherit;\n padding: 0 @tooltip-padding-x 5px @tooltip-padding-x;\n position: relative;\n\n .tooltip.no-text > & {\n padding-top: 3px;\n }\n\n & > .menu-item {\n display: block;\n padding-top: @tooltip-menu-padding-y;\n padding-bottom: @tooltip-menu-padding-y;\n\n & > .text {\n text-decoration: underline;\n }\n\n & > .submenu-icon {\n padding-left: 5px;\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 #scout.transform(rotate(45deg));\n #scout.drop-shadow();\n}\n\n.tooltip-arrow.arrow-bottom {\n bottom: -(@tooltip-arrow-size / 2);\n margin-left: -(@tooltip-arrow-size / 2) - @tooltip-border-size;\n}\n\n.tooltip-arrow.arrow-top {\n top: -(@tooltip-arrow-size / 2);\n margin-left: -(@tooltip-arrow-size / 2) - @tooltip-border-size;\n}\n\n.tooltip.error {\n background-color: @tooltip-error-background-color;\n border-color: @tooltip-error-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-error-background-color;\n border-color: @tooltip-error-border-color;\n }\n\n & > .tooltip-content,\n & > .tooltip-menus {\n background-color: @tooltip-error-background-color;\n }\n}\n\n.tooltip.warning {\n background-color: @tooltip-warning-background-color;\n border-color: @tooltip-warning-border-color;\n color: @tooltip-warning-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-warning-background-color;\n border-color: @tooltip-warning-border-color;\n }\n\n & > .tooltip-content,\n & > .tooltip-menus {\n background-color: @tooltip-warning-background-color;\n }\n}\n\n.tooltip.info {\n background-color: @tooltip-info-background-color;\n border-color: @tooltip-info-border-color;\n color: @tooltip-info-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-info-background-color;\n border-color: @tooltip-info-border-color;\n }\n\n & > .tooltip-content,\n & > .tooltip-menus {\n background-color: @tooltip-info-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\n & > .widget {\n position: relative;\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 {\n position: relative;\n\n &:focus,\n &.focused {\n outline: none;\n\n & .tree-node.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n\n / first child is the scrollbar /\n\n .tree-node:nth-of-type(1).selected {\n border-top-color: @item-selection-nonfocus-background-color;\n }\n }\n\n & > .menubar {\n padding-left: 8px;\n padding-right: 8px;\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 border: 1px solid transparent;\n border-left: 0 solid transparent;\n border-right: 0 solid transparent;\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 border-color: @item-selection-nonfocus-border-color;\n border-left-color: transparent;\n border-right-color: transparent;\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 /first child is the scrollbar/\n\n &:nth-of-type(1).selected {\n border-top-color: @item-selection-nonfocus-background-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: 7px;\n display: inline-block;\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 padding-right: 10px;\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 cursor: pointer;\n display: inline-block;\n position: relative;\n font-size: @font-size-normal;\n #scout.checkbox();\n\n &.disabled,\n .tree.disabled > .tree-data > .tree-node > &,\n .tree.disabled > .tree-data > .animation-wrapper > .tree-node > & {\n\n cursor: default;\n }\n\n &::before {\n #scout.checkbox-before();\n }\n\n &.checked::before {\n #scout.checkbox-before-checked();\n }\n\n &.disabled,\n .tree.disabled > .tree-data > .tree-node > &,\n .tree.disabled > .tree-data > .animation-wrapper > .tree-node > & {\n #scout.checkbox-disabled();\n\n &::before {\n #scout.checkbox-before-disabled();\n }\n\n :hover::before {\n #scout.checkbox-before-disabled();\n }\n }\n\n &:not(.checked).children-checked::after {\n #scout.checkbox-after-children-checked();\n }\n\n &.disabled:not(.checked).children-checked::after {\n #scout.checkbox-after-children-checked-disabled();\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\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 color: @tree-node-control-color;\n\n .tree-node.lazy > & {\n #scout.font-text-normal();\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 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\n &:hover::before {\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 overflow: visible;\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid @border-color;\n padding: 8px;\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: block;\n color: @outline-selection-color;\n cursor: default;\n }\n\n / arrow is created using ::before and ::after/\n\n &.ancestor-of-selected::before,\n &.ancestor-of-selected::after,\n &.selected::before,\n &.selected::after {\n position: absolute;\n left: 50%;\n margin-left: -13px;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n z-index: 1;\n }\n\n &.ancestor-of-selected::before,\n &.selected::before {\n border-color: @border-color transparent transparent transparent;\n border-width: 6px 12px 0 12px;\n bottom: -7px;\n }\n\n &.ancestor-of-selected::after,\n &.selected::after {\n border-color: @control-background-color transparent transparent transparent;\n border-width: 6px 12px 0 12px;\n bottom: -6px;\n }\n\n &:active::after {\n border-top-color: @tree-node-active-background-color;\n }\n\n &.selected::after {\n border-top-color: @item-selection-nonfocus-background-color;\n }\n\n &.ancestor-of-selected.leaf::before,\n &.ancestor-of-selected.leaf::after,\n &.selected.leaf::before,\n &.selected.leaf::after {\n display: none;\n }\n\n & > .tree-node-control {\n display: none;\n }\n\n & > .text {\n white-space: normal;\n }\n }\n }\n\n &:focus > .tree-data,\n &.focused > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n\n &.parent-of-selected {\n border-color: @item-selection-border-color;\n }\n\n &.parent-of-selected::before {\n border-top-color: @item-selection-border-color;\n }\n\n &.selected {\n border-color: @item-selection-border-color;\n }\n\n &.selected::before {\n border-top-color: @item-selection-border-color;\n }\n\n &.selected::after {\n border-top-color: @item-selection-background-color;\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: @active-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: bold;\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) 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-grid-loading-transition: opacity @loading-fade-duration;\n\n.tile-grid {\n overflow: hidden;\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\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: 200px;\n height: 150px;\n margin-left: 30px; / horizontal gap /\n margin-top: 30px; / vertical gap /\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.tile-overview {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n\n.tile-overview-content {\n position: absolute;\n color: @tile-overview-color;\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 }\n}\n\n.tile-overview-title {\n font-size: @font-size-extra-large;\n padding-bottom: 30px;\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.tile-accordion > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-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.placeholder-tile {\n background-color: @tile-placeholder-background-color;\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.dashboard {\n border: 1px solid @tile-default-border-color;\n border-radius: @border-radius;\n background-color: @tile-default-background-color;\n color: @tile-default-color;\n overflow: hidden;\n\n & > .form-field {\n padding: 12px @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: 18px;\n padding-top: 0;\n padding-bottom: @dashboard-tile-label-padding-bottom;\n padding-right: 0;\n\n .compact& {\n font-size: @font-size-large;\n }\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 / 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: 10px;\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 &.label-hidden > .status {\n / increase space between status and field if label is hidden (= status is displayed on the field's right side) /\n margin-left: @field-status-margin-left + 10px;\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 / Don't show underline decoration for links inside certain tiles /\n\n &.html-field .app-link,\n &.tile-list-field .app-link,\n &.tile-attributes-field .app-link,\n &.html-field a,\n &.tile-list-field a,\n &.tile-attributes-field a {\n text-decoration: none;\n color: @tile-default-link-color;\n\n &:hover {\n color: @tile-default-link-hover-color;\n }\n\n &:active {\n color: @tile-default-link-active-color;\n }\n }\n }\n\n &.loading {\n border-style: dashed;\n\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 border-color: transparent;\n border-radius: @border-radius;\n background-color: @tile-default-inverted-background-color;\n color: @tile-default-inverted-color;\n\n &.disabled:not(.read-only) {\n 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 text-decoration: underline;\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 &.has-tooltip > .status,\n &.has-menus > .status {\n\n &::before {\n color: @icon-inverted-color;\n }\n\n &:hover::before {\n color: @palette-blue-2;\n }\n }\n\n &.has-error > .status {\n\n &::before {\n color: @palette-red-1;\n }\n\n &:hover::before {\n color: @palette-red-2;\n }\n }\n }\n\n }\n\n &.color-alternative {\n border-color: @tile-alternative-border-color;\n background-color: @tile-alternative-background-color;\n color: @tile-alternative-color;\n\n &.disabled:not(.read-only) {\n 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 border-color: transparent;\n background-color: @tile-alternative-inverted-background-color;\n color: @tile-alternative-inverted-color;\n\n &.disabled:not(.read-only) {\n 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-tooltip > .status,\n &.has-menus > .status {\n\n &::before {\n color: @icon-inverted-color;\n }\n\n &:hover::before {\n color: @palette-cyan-0;\n }\n }\n\n &.has-error > .status {\n\n &::before {\n color: @palette-red-1;\n }\n\n &:hover::before {\n color: @palette-red-0;\n }\n }\n }\n }\n\n &.selected {\n / Use mix() instead of fade(), because the background is opaque /\n background-color: mix(@control-background-color, @item-selection-background-color, 35%);\n\n / For selection we want a wider border but changing the border width would cause the content box to change.\n To avoid this we create a pseudo element with a border as well. Then we have the border of the main element\n plus the pseudo element's border leading to a 2px border. /\n border: 1px solid @item-selection-border-color;\n\n &.inverted {\n background-color: mix(@tile-default-inverted-background-color, @tile-default-inverted-selection-background-color, 35%);\n border-color: @tile-default-inverted-background-color;\n\n &::before {\n border-color: @tile-default-inverted-background-color;\n }\n }\n\n &.color-alternative {\n background-color: mix(@tile-alternative-background-color, @item-selection-background-color, 35%);\n border-color: @item-selection-border-color;\n\n &::before {\n border-color: @item-selection-border-color;\n }\n }\n\n &.inverted.color-alternative {\n background-color: mix(@tile-alternative-inverted-background-color, @tile-alternative-inverted-selection-background-color, 35%);\n border-color: @tile-alternative-inverted-background-color;\n\n &::before {\n border-color: @tile-alternative-inverted-background-color;\n }\n }\n\n &::before {\n content: '';\n pointer-events: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid @item-selection-border-color;\n border-radius: @border-radius;\n z-index: 1;\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","/\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.dashboard > .form-field.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 / Make IE trigger the :active state if the field is pressed /\n pointer-events: none;\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 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 > .form-field.tile-button {\n & > .field {\n padding-top: @tile-field-compact-padding-y;\n padding-bottom: @tile-field-compact-padding-y;\n\n &.with-icon {\n padding-top: 12px;\n min-height: 98px;\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.tile.dashboard {\n &:not(.disabled):hover > .form-field.tile-button > .field {\n\n & > .icon-container > .font-icon,\n & > .label {\n color: @tile-button-default-hover-color;\n }\n }\n\n &:not(.disabled):active > .form-field.tile-button,\n &:not(.disabled).active > .form-field.tile-button {\n background-color: @tile-button-default-active-background-color;\n }\n\n &.inverted {\n\n &:not(.disabled) > .form-field.tile-button > .field,\n &:not(.disabled):hover > .form-field.tile-button > .field {\n\n & > .icon-container > .font-icon,\n & > .label {\n color: @tile-button-default-inverted-color;\n }\n }\n\n &:not(.disabled):active > .form-field.tile-button,\n &:not(.disabled).active > .form-field.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 {\n\n & > .form-field.tile-button > .field > .icon-container > .font-icon {\n color: @tile-button-alternative-icon-color;\n }\n\n &:not(.disabled):hover > .form-field.tile-button > .field {\n\n & > .icon-container > .font-icon,\n & > .label {\n color: @tile-button-alternative-hover-color;\n }\n }\n\n &:not(.disabled):active > .form-field.tile-button,\n &:not(.disabled).active > .form-field.tile-button {\n background-color: @tile-button-alternative-active-background-color;\n }\n }\n\n &.color-alternative.inverted {\n\n &:not(.disabled) > .form-field.tile-button > .field,\n &:not(.disabled):hover > .form-field.tile-button > .field {\n\n & > .icon-container > .font-icon,\n & > .label {\n color: @tile-button-alternative-inverted-color;\n }\n }\n\n &:not(.disabled):active > .form-field.tile-button,\n &:not(.disabled).active > .form-field.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 > .form-field.tile-button,\n &.disabled:hover > .form-field.tile-button {\n background-color: @tile-default-inner-border-color;\n border-color: @button-disabled-border-color;\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 * 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.dashboard > .table-field {\n .dashboard-tile-small-horizontal-padding(@tile-field-padding, @tile-field-padding - @table-cell-padding-left - 1); // -1 = table-row padding, see below\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 - 1); // -1 = table-row padding, see below\n\n & > label {\n padding-bottom: @dashboard-tile-label-padding-bottom;\n }\n }\n\n / adjust menu bar when visible /\n\n &.has-menubar {\n padding-bottom: 10px;\n\n & > .table > .menubar {\n &.bottom {\n padding-top: 8px;\n }\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 border-bottom-width: 2px;\n\n & > .table-header-item > .table-header-item-state {\n display: none;\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 &.header-invisible > .table-data {\n / override negative margin top, otherwise selection border of first row would be cut off /\n margin-top: 0;\n }\n\n / No selection color for non-focused table tiles /\n\n &:not(:focus):not(.focused) > .table-data > .table-row {\n background-color: transparent;\n border-top-color: transparent;\n }\n\n / Draw left and right selection border (because tile tables have on border) /\n\n & > .table-data > .table-row {\n / Do not use transparent left/right border, because otherwise the corners would not look good. /\n / Instead, a padding is used, which is replaced by a border in the selected state. /\n padding-left: 1px;\n padding-right: 1px;\n\n &.selected {\n border-left-width: 1px;\n border-right-width: 1px;\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n & > .menubar {\n background-color: transparent;\n\n &.bottom {\n border-top-width: 2px;\n }\n }\n }\n\n &:not(.label-hidden) > .table > .table-header {\n\n & > .table-header-resize {\n padding-top: 0;\n }\n\n & > .table-header-item {\n padding-top: 0;\n }\n }\n}\n\n.tile.dashboard {\n\n &.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n\n & > .table-data > .table-row.selected {\n background-color: @tile-table-default-inverted-selection-background-color;\n border-color: @tile-table-default-inverted-selection-border-color;\n }\n }\n\n & > .table-header > .table-header-item,\n & > .table-data > .table-row > .table-cell {\n color: @tile-default-inverted-color;\n\n & > .font-icon {\n color: @tile-default-inverted-color;\n }\n }\n\n & > .menubar > .menubox > .menu-item {\n color: @tile-default-inverted-color;\n }\n }\n\n &.color-alternative > .table-field > .table {\n\n &:focus,\n &.focused {\n\n & > .table-data > .table-row.selected {\n background-color: @tile-table-alternative-selection-background-color;\n border-color: @tile-table-alternative-selection-border-color;\n }\n }\n }\n\n &.color-alternative.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n\n & > .table-data > .table-row.selected {\n background-color: @tile-table-alternative-inverted-selection-background-color;\n border-color: @tile-table-alternative-inverted-selection-border-color;\n }\n }\n\n & > .table-header > .table-header-item,\n & > .table-data > .table-row > .table-cell {\n color: @tile-alternative-inverted-color;\n\n & > .font-icon {\n color: @tile-alternative-inverted-color;\n }\n }\n\n & > .menubar > .menubox > .menu-item {\n color: @tile-alternative-inverted-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.login-box-content > form {\n\n & > input,\n & > .button {\n width: 100%;\n height: 45px;\n margin: 15px 0;\n font-size: @login-box-font-size;\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: @login-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 {\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 &.login-error:not(.disabled) {\n border-color: @palette-red-4;\n background-color: @palette-red-4;\n\n / Also change color of focus glow /\n\n &:focus::before {\n border-color: @palette-red-4;\n #scout.glow(@palette-red-4);\n }\n\n &:hover {\n background-color: @palette-red-4;\n }\n\n &:active {\n border-color: @palette-red-4;\n background-color: darken(@palette-red-4, 5%);\n }\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 * 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) 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.outline.tree.breadcrumb > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n &.selected {\n &::before {\n border-top-color: @outline-breadcrumb-border-color;\n border-width: 8px 13px 0 13px;\n bottom: -9px;\n }\n\n &::after {\n border: solid transparent;\n border-top-color: @outline-selection-background-color;\n border-width: 8px 13px 0 13px;\n bottom: -8px;\n }\n }\n }\n}\n"],"sourceRoot":""}
1	+ {"version":3,"sources":["webpack:///src/index-dark.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/box/Box.less","webpack:///src/boxbuttons/BoxButtons.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/desktop/bench/BenchColumn.less","webpack:///src/group/Group.less","webpack:///src/tabbox/SimpleTabBox.less","webpack:///src/carousel/Carousel.less","webpack:///src/collapsehandle/CollapseHandle.less","webpack:///src/desktop/desktoptab/DesktopTab.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/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/tabbox/SimpleTabArea.less","webpack:///src/tabbox/SimpleTab.less","webpack:///src/filechooser/FileChooser.less","webpack:///src/filechooser/FileInput.less","webpack:///src/form/Form.less","webpack:///src/menu/menubar/MenuBar.less","webpack:///src/form/FormMenuPopup.less","webpack:///src/form/ScoutInfoForm.less","webpack:///src/form/fields/FormField.less","webpack:///src/form/fields/LookupBox.less","webpack:///src/form/fields/ValueField.less","webpack:///src/table/TableRowDetail.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/listbox/ListBox.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/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/ContextMenuPopup.less","webpack:///src/menu/Menu.less","webpack:///src/menu/form/field/FormFieldMenu.less","webpack:///src/messagebox/MessageBox.less","webpack:///src/modeselector/Mode.less","webpack:///src/modeselector/ModeSelector.less","webpack:///src/notification/Notification.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/scrollbar/Scrollbar.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/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/login/LoginBox.less","webpack:///src/breadcrumbbar/BreadcrumbBar.less","webpack:///src/breadcrumbbar/BreadcrumbItem.less","webpack:///src/desktop/outline/Outline-dark.less"],"names":[],"mappings":"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;EC/RA;EACA;EACA;EACA;EACA;EACA;EArEA;EACA;EAjBA;EAqVA;AFoEJ;ACrCE;;EAEE;EACA;ADuCJ;ACrCI;;EACE;ADwCN;ACpCE;EACE;EDsCF,oFAAoF;ECpClF;EACA;ADsCJ;ACpCI;EACE;ADsCN;ACnCI;EACE;ADqCN;AClCI;;EACE;EACA;ADqCN;AClCI;EACE;EACA;ADoCN;AChCE;EACE;EACA;EACA;EACA;ADkCJ;AChCI;EACE;ADkCN;AC7BI;;;EAGE;EACA;AD+BN;AC5BI;ECzNA;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AHudJ;AErPI;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AF0PN;AACA,oBAAoB;AACpB,oGAAoG;AACpG,uEAAuE;AC7CvE;;EDgDE,8CAA8C;EC9C9C;EDgDA,sCAAsC;AACxC;AC9CA;;EDiDE,8CAA8C;EC/C9C;EDiDA,sCAAsC;AACxC;AACA,kFAAkF;AC/ClF;EACE;ADiDF;AACA,wCAAwC;AC9CxC;EACE;ADgDF;AC7CA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AD+CF;AC5CA;ECtFI;EACA;EACA;EACA;EACA;EACA;EDmFF;EACA;EACA;ADmDF;ACjDE;EACE;ADmDJ;AChDE;;EACE;ADmDJ;AChDE;EACE;ADkDJ;AC9CA;ECzGI;EACA;EACA;EACA;EACA;EACA;EDsGF;EACA;ADqDF;ACnDE;EACE;ADqDJ;AACA,qEAAqE;ACjDrE;EACE;ECnPE;EACA;EACA;EACA;AFuSJ;ACnDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADqDF;AClDA;EE7gBI;EACA;EACA;EACA;AHkkBJ;ACpDA;EACE;EACA;EACA;EACA;EACA;EACA;ADsDF;ACpDE;EACE;EACA;EACA;EACA;EACA;EACA;EE/hBA;EACA;EACA;EACA;AHslBJ;ACrDA;EACE;EACA;EACA;EACA;EACA;EACA;ADuDF;ACrDE;EACE;EACA;EACA;EACA;EACA;EACA;EEljBA;EACA;EACA;EACA;AH0mBJ;ACrDA;;;EAGE;EACA;EACA;ADuDF;ACrDE;;;EACE;ADyDJ;ACtDE;;;;;;EACE;AD6DJ;AC1DE;;;EACE;AD8DJ;AC1DA;ECrMI;EACA;EACA;EACA;EACA;EACA;AFkQJ;AC9DA;ECzPI;AF0TJ;AC7DA;EC3UI;EACA;EACA;EACA;EA5PA;EDukBF;EACA;EACA;EACA;ADkEF;AC/DA;EACE;EACA;ADiEF;AACA,oBAAoB;AACpB,oHAAoH;AACpH,qHAAqH;AACrH,sGAAsG;AC9DtG;;;;;;;;;;;;;;;;;;;;;;;EAuBE;ADgEF;AC7DA;EACE;AD+DF;AC7DE;EC9QE;EACA;EACA;AF8UJ;AACA;;;EAGE;AC7DF;EAEE;AD8DF;AC3DA;ECxYI;EACA;EACA;EACA;EAmGA;EACA;EACA;EDmSF;ADkEF;AACA;;;;;;;;;EASE;AInuBF;EJquBE,6DAA6D;EInuB7D;AJquBF;AInuBE;EACE;AJquBJ;AIluBE;EACE;AJouBJ;AIjuBE;EACE;AJmuBJ;AIhuBE;;EAEE;EACA;AJkuBJ;AI9tBI;;EAEE;AJguBN;AI7tBI;EFgMA;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AH+vBJ;AE7hBI;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AFkiBN;AACA;;;;;;;;;EASE;AK5xBF;EACE;AL8xBF;AK5xBE;EACE;AL8xBJ;AK3xBE;EACE;AL6xBJ;AK1xBE;EACE;EACA;AL4xBJ;AACA;;;;;;;;;EASE;AACF;;;EAGE;AMnzBF;EACE;EACA;EACA;EACA;EACA;ANqzBF;AMnzBE;EACE;EACA;ANqzBJ;AMjzBA;EACE;EACA;EACA;EACA;EACA;EACA;EJJE;AFwzBJ;AMjzBE;EACE;ANmzBJ;AMjzBI;EACE;EACA;ANmzBN;AM/yBE;EACE;ANizBJ;AM9yBE;EACE;EACA;ANgzBJ;AM9yBI;EACE;ANgzBN;AM5yBE;EACE;AN8yBJ;AM1yBA;EACE;IAKE;IACA;IACA;ENwyBF;EM9yBE;IACE;ENgzBJ;AACF;AMxyBA;EACE;IAKE;IACA;ENsyBF;EM3yBE;IACE;EN6yBJ;AACF;AMtyBA;EACE;IACE;ENwyBF;AACF;AACA;;;;;;;;;EASE;AO/3BA;EACE;APi4BJ;AO93BE;EACE;EACA;EACA;EACA;EACA;EACA;EL+TA;EACA;EAKA;EKnUA;EACA;APk4BJ;AO/3BE;EACE;EACA;APi4BJ;AO93BE;EACE;APg4BJ;AO73BE;EACE;AP+3BJ;AO53BE;EACE;AP83BJ;AO33BE;EACE;AP63BJ;AO13BE;EACE;AP43BJ;AOz3BE;ELhBE;EACA;EAjBA;EAgFA;EACA;EACA;EACA;EACA;EACA;EKlDA;APk4BJ;AO/3BE;EACE;APi4BJ;AO93BE;EACE;APg4BJ;AO73BE;EACE;EL/CA;AF+6BJ;AACA;;;;;;;;;EASE;AQz7BF;EACE;EACA;AR27BF;AQx7BA;EACE;AR07BF;AQv7BA;EACE;ARy7BF;AQt7BA;EACE;EACA;ARw7BF;AQr7BA;EACE;EACA;EACA;EACA;ARu7BF;AQr7BE;EACE;EACA;EACA;ARu7BJ;AQp7BE;EACE;ARs7BJ;AQl7BA;EACE;EACA;ARo7BF;AQl7BE;EACE;ARo7BJ;AQh7BA;EACE;EACA;EACA;EACA;ARk7BF;AQ/6BA;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARi7BF;AQ/6BE;;;EACE;ARm7BJ;AQ/6BA;EACE;ARi7BF;AQ96BA;EACE;EACA;EACA;ARg7BF;AQ96BE;EACE;ARg7BJ;AQ56BA;EACE;EACA;EACA;EACA;EACA;EACA;AR86BF;AQ36BA;;EAEE;AR66BF;AQ16BA;EN2RI;EACA;EACA;EACA;EACA;EACA;EM7YF;EACA;EACA;EACA;EACA;EACA;EACA;ARgiCF;AQr7BA;ENuRI;EACA;EACA;EACA;EACA;EACA;EM7YF;EACA;EACA;EACA;EACA;EACA;EACA;AR+iCF;AQh8BA;EACE;EACA;EACA;EACA;ARk8BF;AQ/7BA;;;EAGE;EACA;EACA;EACA;EACA;EACA;ARi8BF;AQ97BA;EACE;EAEA;EACA;EACA;AR+7BF;AQ77BE;EACE;EACA;EACA;AR+7BJ;AQ57BE;EACE;EACA;EACA;EACA;AR87BJ;AQ37BE;EACE;AR67BJ;AQ17BE;EACE;EACA;AR47BJ;AQx7BA;EACE;EACA;EACA;AR07BF;AQv7BA;;EAEE;ARy7BF;AQv7BE;;EACE;AR07BJ;AQt7BA;ENoNI;EACA;EACA;EACA;EACA;EACA;EM7YF;EACA;EACA;EACA;EACA;EACA;EACA;ARmnCF;AQj8BA;ENgNI;EACA;EACA;EACA;EACA;EACA;EM7YF;EACA;EACA;EACA;EACA;EACA;EACA;ARkoCF;AQ58BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ER88BA,6DAA6D;EQl7B7D;ERo7BA,gCAAgC;EAChC,yBAAyB;AAC3B;AQh9BE;EACE;ARk9BJ;AQ/8BE;EN6HE;EACA;AFq1BJ;AQ/8BE;EACE;EACA;EACA;EACA;EACA;EACA;ERi9BF,6DAA6D;AAC/D;AQ/8BE;EACE;ARi9BJ;AQ98BE;EACE;ARg9BJ;AQ18BE;EACE;AR48BJ;AQz8BE;EACE;AR28BJ;AQt8BE;EACE;ARw8BJ;AQt8BI;EACE;ARw8BN;AQr8BI;EACE;ARu8BN;AQp8BI;EACE;ARs8BN;AQn8BI;EACE;ARq8BN;AQl8BI;EACE;ARo8BN;AQj8BI;EACE;ARm8BN;AQ77BE;EACE;AR+7BJ;AQ77BI;EACE;AR+7BN;AQ57BI;EACE;AR87BN;AQ37BI;EACE;AR67BN;AQ17BI;EACE;AR47BN;AQz7BI;EACE;AR27BN;AQt7BA;EACE;ARw7BF;AQr7BA;EACE;EACA;ARu7BF;AQp7BA;EACE;EACA;EACA;EACA;EACA;ARs7BF;AQn7BA;EACE;EACA;EACA;ARq7BF;AQn7BE;EACE;EACA;EACA;EACA;ERq7BF,uEAAuE;EQp7BrE;EACA;ARs7BJ;AQl7BA;EACE;EACA;EACA;EACA;EACA;EACA;ARo7BF;AQl7BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ARo7BJ;AQh7BA;EACE;EACA;EACA;ARk7BF;AQ/6BA;EACE;EACA;EACA;ARi7BF;AQ/6BE;EACE;ARi7BJ;AQ76BA;EACE;AR+6BF;AQ56BA;EACE;EACA;EACA;EACA;EACA;AR86BF;AQ56BE;EACE;AR86BJ;AQ36BE;EACE;AR66BJ;AQz6BA;;EAEE;EACA;EACA;AR26BF;AQx6BA;;EAEE;AR06BF;AQv6BA;EACE;ARy6BF;AQt6BA;;;EAGE;ARw6BF;AQr6BA;EACE;ARu6BF;AQp6BA;EACE;ARs6BF;AQn6BA;;;EAGE;EACA;EACA;EACA;ERq6BA,mBAAmB;AACrB;AQn6BA;EACE;ERq6BA,iDAAiD;AACnD;AQp6BE;EACE;EACA;EACA;EACA;EACA;EACA;ERs6BF,6BAA6B;AAC/B;AQp6BE;EACE;ARs6BJ;AQp6BI;EACE;ARs6BN;AQl6BE;EACE;ARo6BJ;AQj6BE;EACE;ARm6BJ;AQj6BI;EACE;ARm6BN;AQ/5BE;EACE;EACA;ARi6BJ;AQ55BE;EACE;AR85BJ;AQ35BE;EACE;EACA;EACA;AR65BJ;AQ35BI;EACE;EACA;EACA;AR65BN;AQ15BI;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AR45BN;AQz5BI;EACE;EACA;ER25BJ,oCAAoC;AACtC;AQx5BM;EACE;EACA;AR05BR;AQv5BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARy5BR;AQr5BI;EACE;EACA;ERu5BJ,6CAA6C;AAC/C;AQt5BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARw5BR;AQl5BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ARo5BF;AQj5BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ARm5BF;AQ/4BA;EACE;EACA;EACA;EACA;ARi5BF;AQ94BA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;ARg5BF;AQ74BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AR+4BF;AQ54BA;EACE;EACA;EACA;EACA;EACA;EACA;ER84BA,6BAA6B;EQ74B7B;AR+4BF;AQ54BA;EACE;EACA;EACA;AR84BF;AQ34BI;EACE;EACA;EACA;EACA;EACA;AR64BN;AQ14BI;EACE;AR44BN;AQz4BI;EACE;EACA;EACA;EACA;EACA;EACA;AR24BN;AQt4BA;EACE;EACA;EACA;ARw4BF;AQr4BA;EACE;EACA;EACA;EACA;EACA;ARu4BF;AQp4BA;EACE;EACA;EACA;EACA;EACA;EACA;ARs4BF;AACA;;;;;;;;;EASE;AS/gDF;EACE;EACA;EACA;EACA;ATihDF;AS9gDA;EACE;EACA;EACA;EACA;EACA;ATghDF;AS9gDE;EACE;EACA;EACA;EACA;EACA;EACA;ATghDJ;AS9gDI;EACE;EACA;ATghDN;AS7gDI;EACE;AT+gDN;AS3gDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AT6gDJ;ASzgDA;EACE;EACA;EACA;EACA;EACA;AT2gDF;ASzgDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AT2gDJ;ASzgDI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AT2gDN;ASzgDM;EACE;AT2gDR;ASxgDM;EACE;AT0gDR;ASvgDM;EACE;EACA;ATygDR;AStgDM;EACE;EACA;ATwgDR;ASngDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ATqgDJ;ASlgDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ATogDJ;AACA;;;;;;;;;EASE;AU3nDF;EACE;EACA;EACA;EACA;ERuBE;EACA;EAjBA;EQLF;AV+nDF;AU7nDE;ERWE;EQTA;AV+nDJ;AU3nDA;EACE;EACA;AV6nDF;AU1nDA;EACE;EACA;AV4nDF;AUznDA;EACE;EACA;EACA;AV2nDF;AUxnDA;EACE;EACA;EACA;AV0nDF;AUvnDA;EACE;AVynDF;AUtnDA;EACE;EACA;EACA;EACA;AVwnDF;AUrnDA;EACE;AVunDF;AUpnDA;EACE;EACA;EACA;EVsnDA,+IAA+I;EAC/I,gGAAgG;AAClG;AUtnDE;EACE;EACA;AVwnDJ;AUrnDE;EACE;EACA;EACA;EACA;EACA;AVunDJ;AUpnDE;EVsnDA,kEAAkE;EUpnDhE;AVsnDJ;AU/mDI;;EACE;EACA;AVknDN;AU/mDI;;EACE;EACA;AVknDN;AU9mDM;;EACE;AVinDR;AU9mDM;;EACE;AVinDR;AU5mDE;EACE;AV8mDJ;AU3mDE;EACE;AV6mDJ;AU1mDE;EACE;AV4mDJ;AUzmDE;EACE;EACA;AV2mDJ;AUvmDI;EACE;EACA;AVymDN;AUtmDI;EACE;AVwmDN;AUpmDE;EACE;AVsmDJ;AUpmDI;EACE;AVsmDN;AUnmDI;EACE;AVqmDN;AUnmDM;EACE;AVqmDR;AU9lDE;EACE;AVgmDJ;AU5lDA;EACE;EACA;EACA;EACA;EACA;EV8lDA,iEAAiE;AACnE;AU3lDE;EACE;EACA;AV6lDJ;AU3lDI;EACE;AV6lDN;AU1lDI;EACE;AV4lDN;AUvlDA;EACE;EACA;EACA;EACA;EACA;EACA;AVylDF;AUtlDA;EACE;EACA;EACA;EACA;AVwlDF;AUrlDA;;;;EAIE;EACA;EACA;EACA;EACA;ERqME;EACA;EACA;EACA;EACA;EACA;EQxMF;AV4lDF;AU1lDE;;;;EACE;AV+lDJ;AU5lDE;;;;EACE;AVimDJ;AU7lDA;;EAEE;AV+lDF;AU5lDA;EACE;AV8lDF;AU3lDA;EACE;AV6lDF;AU1lDA;;EAEE;AV4lDF;AUzlDA;EACE;AV2lDF;AUxlDA;EACE;AV0lDF;AUtlDE;EACE;AVwlDJ;AACA;;;;;;;;;EASE;AWh1DF;EACE;EACA;EACA;EACA;EACA;AXk1DF;AWh1DE;EACE;AXk1DJ;AW/0DE;EACE;AXi1DJ;AACA,6BAA6B;AW50D7B;EACE;EACA;EACA;EACA;EACA;EACA;EX80DA,yFAAyF;AAC3F;AACA;;;;;;;;;EASE;AYj3DF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AZm3DF;AYj3DE;EACE;AZm3DJ;AACA;;;;;;;;;EASE;Aaz4DF;Eb24DE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;EAChB,qBAAqB;EACrB,eAAe;EACf,sBAAsB;EACtB,0BAA0B;EAC1B,uBAAuB;EACvB,cAAc;EACd,WAAW;EACX,qBAAqB;EACrB,oBAAoB;EACpB,cAAc;EACd,iBAAiB;EACjB,oBAAoB;EACpB,gBAAgB;EAChB,mFAAmF;EACnF,kBAAkB;EAClB,wBAAwB;AAC1B;Aa35DI;EACE;Eb65DJ,iCAAiC;Ea55D7B;Eb85DJ,iCAAiC;AACnC;Aat5DI;;;EACE;EACA;Eb05DJ,wCAAwC;Eaz5DpC;Ab25DN;Aat5DI;;EAEE;Abw5DN;Aar5DI;EACE;Abu5DN;Aar5DM;EACE;Abu5DR;Aa94DM;EACE;Ebg5DN,6BAA6B;Ea/4DvB;Ebi5DN,6BAA6B;EAC7B,qJAAqJ;Ea/4D/I;Ebi5DN,8BAA8B;AAChC;Aaj8DA;EAwDI;Eb44DF,iCAAiC;Ea34D/B;Eb64DF,+EAA+E;Ea54D7E;Ab84DJ;Aax8DA;EA8DI;Eb64DF,6EAA6E;Ea54D3E;Eb84DF,aAAa;AACf;Aa34DI;EACE;EACA;Ab64DN;Aal9DA;EA4EI;Eby4DF,iCAAiC;AACnC;Aat4DI;EACE;Ebw4DJ,2EAA2E;Eav4DvE;Aby4DN;Aa39DA;EAuFI;Ebu4DF,yGAAyG;Eat4DvG;Abw4DJ;Aah+DA;EA8FI;Ebq4DF,qHAAqH;Eap4DnH;Abs4DJ;Aar+DA;EAmGI;Ebq4DF,aAAa;Eap4DX;Abs4DJ;Aa1+DA;EA0GI;Ebm4DF,2GAA2G;Eal4DzG;Abo4DJ;Aal4DI;EACE;Ebo4DJ,mHAAmH;Ean4D/G;EACA;Ebq4DJ,sGAAsG;AACxG;Aan4DI;Ebq4DF,4FAA4F;Eaj4DtF;EACA;Abm4DR;Aa13DM;EACE;Eb43DN,oCAAoC;Ea33D9B;Eb63DN,oCAAoC;AACtC;Aa53DQ;EACE;Eb83DR,cAAc;AAChB;Aaz3DM;EACE;Eb23DN,iCAAiC;Ea13D3B;Eb43DN,iCAAiC;AACnC;Aap3DQ;;EACE;Ebu3DR,uCAAuC;Eat3D/B;Ebw3DR,uCAAuC;AACzC;Aav3DU;;EACE;Eb03DV,4EAA4E;Eaz3DlE;Ab23DZ;Aax3DU;;EACE;Eb23DV,uCAAuC;Ea13D7B;Eb43DV,uCAAuC;AACzC;Aan3DI;EACE;Ebq3DJ,wBAAwB;Eap3DpB;Abs3DN;AapiEA;EAqLI;Ebk3DF,oBAAoB;Eaj3DlB;Abm3DJ;AaziEA;EA4LI;Ebg3DF,0DAA0D;Ea/2DxD;Abi3DJ;Aa9iEA;EAmMI;Eb82DF,oDAAoD;Ea72DlD;Ab+2DJ;Aa72DI;EACE;Ab+2DN;Aa52DI;EACE;Eb82DJ,sBAAsB;Ea72DlB;Eb+2DJ,yBAAyB;AAC3B;Aa5jEA;EAiNI;Eb82DF,qEAAqE;AACvE;AahkEA;EAuNI;Eb42DF,sBAAsB;Ea32DpB;Ab62DJ;Aa32DI;EACE;Eb62DJ,kDAAkD;AACpD;AazkEA;EAkOI;Eb02DF,8CAA8C;Eaz2D5C;Eb22DF,iDAAiD;AACnD;Aa/kEA;EAyOI;Eby2DF,yGAAyG;Eax2DvG;Ab02DJ;AaplEA;EA8OI;EACA;Aby2DJ;Aal2DM;;EAEE;Ebo2DN,0CAA0C;Ean2DpC;Ebq2DN,6CAA6C;AAC/C;Aap2DQ;;EACE;Ebu2DR,kDAAkD;AACpD;Aa/1DI;;;;;Ebq2DF,uJAAuJ;Ea/1DnJ;Abi2DN;Aa5mEA;;EAmRI;Eb61DF,0BAA0B;Ea51DxB;Eb81DF,0BAA0B;Ea71DxB;Eb+1DF,qEAAqE;AACvE;Aa11DI;EACE;Ab41DN;Aap1DM;EACE;Abs1DR;Aa3nEA;EA4SI;Abk1DJ;AACA;;;;;;;;;EASE;Ac7nEF;EACE;EACA;EACA;Ed+nEA,yGAAyG;Ec5nEzG;Ed8nEA,YAAY;EACZ,6EAA6E;EAC7E,4DAA4D;AAC9D;Ac/nEE;EAlBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AdopEF;AcroEE;EXNE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHypEJ;AcvoEE;EACE;AdyoEJ;AcvoEI;EACE;AdyoEN;AcroEE;EACE;EACA;AduoEJ;AchoEI;EZ4KA;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AHsrEJ;AEp9DI;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AFy9DN;AcppEE;EAGE;EACA;AdopEJ;AcjpEE;EACE;EACA;EACA;EACA;AdmpEJ;AcjpEI;EACE;EACA;AdmpEN;AcjpEM;EACE;AdmpER;Ac/oEI;EACE;EACA;AdipEN;Ac/oEM;EACE;AdipER;Ac5oEE;EACE;EACA;Ad8oEJ;Ac3oEE;EACE;Ad6oEJ;Ac1oEE;Ed4oEA,2CAA2C;Ec1oEzC;Ad4oEJ;Ac1oEI;EACE;EACA;Ad4oEN;AEzwDI;EACE;AF2wDN;AExwDI;;EAEE;AF0wDN;Ac1oEI;;Ed6oEF,uFAAuF;Ec1oEnF;EACA;Ad4oEN;Ac1oEM;;EACE;EACA;Ad6oER;Ac1oEM;;Ed6oEJ,uGAAuG;EACvG,2GAA2G;EAC3G,0DAA0D;Ec3oEpD;EACA;EACA;EACA;Ad6oER;Ac3oEQ;;EACE;EACA;Ad8oEV;Ac3oEQ;;EACE;EACA;Ad8oEV;Ac1oEM;;EACE;Ad6oER;Ac1oEM;;EACE;Ad6oER;Ac1oEM;;EACE;EACA;Ad6oER;AczoEI;EACE;EACA;Ad2oEN;AczoEM;EACE;Ad2oER;AcvoEI;;EAEE;EACA;AdyoEN;AcpoEA;EdsoEE,oBAAoB;EACpB;wIACsI;EchoElI;;IAEE;IACA;EdkoEN;EchoEM;;IACE;EdmoER;EchoEM;;IACE;EdmoER;EchoEM;;IACE;IACA;EdmoER;AACF;AACA;;;;;;;;;EASE;Aeh1EF;EACE;Afk1EF;Aen1EA;EAII;EACA;Afk1EJ;AACA;;;;;;;;;EASE;AgBj2EF;EACE;AhBm2EF;AgBh2EA;EACE;EACA;EACA;EACA;EACA;EACA;AhBk2EF;AgBh2EE;EACE;AhBk2EJ;AgB/1EE;EACE;AhBi2EJ;AgB71EI;EduMA;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;EaiBE;EACA;AhBw2EN;AExpEI;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AF6pEN;AgBh3EA;EACE;EACA;Ed4SE;EACA;EAKA;AFmkEJ;AgBl3EE;EACE;EACA;AhBo3EJ;AgBh3EA;EACE;EACA;AhBk3EF;AgB/2EA;EACE;AhBi3EF;AgB92EA;EhBg3EE,+EAA+E;EgB92E/E;EACA;EACA;EACA;EhBg3EA,qFAAqF;AACvF;AgB/2EE;EdkVE;EACA;EACA;EACA;EACA;EACA;EcrVA;EACA;AhBs3EJ;AgBn3EE;EdVE;EACA;EACA;AFg4EJ;AgBl3EE;EACE;AhBo3EJ;AgBj3EE;EACE;AhBm3EJ;AgBh3EE;EACE;EACA;EACA;EACA;AhBk3EJ;AgBh3EI;EACE;AhBk3EN;AgB/2EI;EdlCA;EACA;EACA;AFo5EJ;AgB72EE;EACE;AhB+2EJ;AgB52EE;EACE;AhB82EJ;AgB32EE;EACE;AhB62EJ;AgB32EI;EACE;AhB62EN;AgB12EI;EACE;EACA;EACA;EACA;EACA;EACA;AhB42EN;AgBz2EI;EACE;EACA;AhB22EN;AgBz2EM;EACE;EACA;AhB22ER;AgBx2EM;Ed1EF;EACA;EACA;AFq7EJ;AgBx2EI;EACE;AhB02EN;AACA;;;;;;;;;EASE;AiBx/EF;EACE;EACA;EACA;AjB0/EF;AiBx/EE;EACE;EACA;EjB0/EF,mGAAmG;EACnG,sGAAsG;AACxG;AiBv/EI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjBy/EN;AiBr/EE;EACE;AjBu/EJ;AACA;;;;;;;;;EASE;AkBzhFF;EACE;AlB2hFF;AkBxhFA;EACE;AlB0hFF;AkBvhFA;EACE;EACA;EACA;AlByhFF;AkBthFA;EACE;EACA;EACA;AlBwhFF;AkBthFE;EACE;EACA;EACA;AlBwhFJ;AkBrhFE;EACE;AlBuhFJ;AACA;;;;;;;;;EASE;AmB3jFF;EACE;EACA;EACA;EACA;EACA;EACA;AnB6jFF;AmB3jFE;EACE;AnB6jFJ;AmB3jFI;EACE;AnB6jFN;AmBzjFE;EACE;AnB2jFJ;AmBxjFE;EACE;AnB0jFJ;AmBtjFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnBwjFF;AmBtjFE;EjBuWE;EACA;EACA;EACA;EACA;EACA;EiB1WA;AnB6jFJ;AmBzjFI;EACE;EACA;AnB2jFN;AmBxjFI;EACE;AnB0jFN;AmBrjFI;EACE;EACA;EACA;AnBujFN;AmBpjFI;EACE;AnBsjFN;AmBljFE;EACE;EACA;AnBojFJ;AACA;;;;;;;;;EASE;AoB/nFF;EACE;EACA;ApBioFF;AoB/nFE;EACE;ApBioFJ;AoB9nFE;ElB4XE;EACA;EACA;AFqwEJ;AACA;;;;;;;;;EASE;AqBrpFF;EACE;EACA;EACA;EACA;ErBupFA,yGAAyG;EqBppFzG;ErBspFA,gCAAgC;EAChC,mGAAmG;EACnG,sGAAsG;AACxG;AqBppFE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ArBspFJ;AqBnpFE;EACE;ArBqpFJ;AqBjpFM;EP1BJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EOqBM;EACA;EACA;ArB0pFR;AqBvpFM;EACE;ArBypFR;AqBppFE;ElBvBE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHyrFJ;AqBxpFA;EACE;ArB0pFF;AqBxpFE;EACE;ArB0pFJ;AqBvpFE;;;ErB2pFA,kGAAkG;EqBvpFhG;EACA;EACA;EACA;ArBypFJ;AqBvpFI;;;EACE;ArB2pFN;AqBvpFM;;;EACE;ArB2pFR;AqBjpFI;;;EACE;EACA;EACA;EACA;ArBqpFN;AqBnpFM;;;EACE;ArBupFR;AqBppFM;;;EACE;ArBwpFR;AACA;;;;;;;;;EASE;AsB3vFF;EACE;EACA;EACA;EACA;EACA;EACA;AtB6vFF;AsBxvFM;EACE;EACA;EACA;EACA;EACA;AtB0vFR;AsBxvFQ;EACE;EACA;AtB0vFV;AsBvvFQ;EACE;EtByvFR,wGAAwG;EsBxvFhG;AtB0vFV;AsBtvFM;EACE;AtBwvFR;AsBpvFQ;EACE;AtBsvFV;AsBnvFQ;EACE;EACA;AtBqvFV;AsBhvFQ;EACE;AtBkvFV;AsB/uFQ;EACE;EACA;AtBivFV;AsB/uFU;EACE;AtBivFZ;AsB9uFU;EACE;AtBgvFZ;AsB7uFU;EACE;EACA;AtB+uFZ;AsBxuFM;EACE;EACA;EtB0uFN,WAAW;EsBzuFL;AtB2uFR;AsBruFA;EACE;AtBuuFF;AsBpuFA;EACE;AtBsuFF;AsBnuFA;EACE;EACA;AtBquFF;AACA;;;;;;;;;EASE;AuBx0FF;EACE;AvB00FF;AuBx0FE;;EAEE;AvB00FJ;AuBv0FE;EACE;EACA;EACA;AvBy0FJ;AuBt0FE;EvBw0FA,oEAAoE;EuBt0FlE;AvBw0FJ;AuBp0FI;EACE;AvBs0FN;AuBn0FI;EACE;EACA;EACA;AvBq0FN;AuBh0FI;EACE;AvBk0FN;AuB/zFI;EACE;EACA;EACA;AvBi0FN;AuB3zFA;EACE;AvB6zFF;AuB3zFE;EACE;AvB6zFJ;AuB1zFE;EACE;AvB4zFJ;AACA;;;;;;;;;EASE;AwBz3FF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ExB23FA,yDAAyD;AAC3D;AACA,4BAA4B;AwBx3F5B;EAcE;IACE;IACA;ExB62FF;EwB32FA;IACE;ExB62FF;EwB32FA;IACE;IACA;ExB62FF;AACF;AwBj4FA;EAUE;IACE;IACA;ExB03FF;EwBx3FA;IACE;ExB03FF;EwBx3FA;IACE;IACA;ExB03FF;AACF;AACA;;;;EAIE;AwBr3FF;ErB/BI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH84FJ;AACA,4BAA4B;AwBl4F5B;EASE;IACE;IACA;ExB43FF;EwB13FA;IACE;IACA;ExB43FF;AACF;AwBx4FA;EAKE;IACE;IACA;ExBs4FF;EwBp4FA;IACE;IACA;ExBs4FF;AACF;AwB53FA;ErB/DI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHq7FJ;AwB14FA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EtBxEE;AFq9FJ;AwB14FE;EACE;AxB44FJ;AwBz4FE;EACE;AxB24FJ;AwBx4FE;EACE;AxB04FJ;AwBv4FE;EACE;AxBy4FJ;AwBr4FA;EACE;EACA;EACA;ExBu4FA,2CAA2C;AAC7C;AwBp4FE;EACE;AxBs4FJ;AwBn4FE;EACE;EACA;EACA;AxBq4FJ;AwBj4FA;EACE;AxBm4FF;AwBh4FA;EACE;AxBk4FF;AwB/3FA;ErBtII;EACA;EACA;EACA;EqBqIF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxBo4FF;AACA;;;;;;;;;EASE;AyBhiGA;EACE;EACA;AzBkiGJ;AE1kFI;EACE;AF4kFN;AEzkFI;;EAEE;AF2kFN;AyBhiGM;EACE;AzBkiGR;AyB/hGM;;EAEE;AzBiiGR;AyB7hGI;EACE;AzB+hGN;AyB5hGI;;EAEE;EACA;EACA;EACA;EzB8hGJ,gEAAgE;EyB3hG5D;AzB6hGN;AyB3hGM;;EACE;AzB8hGR;AyB3hGM;;EACE;AzB8hGR;AyB5hGQ;;EACE;AzB+hGV;AyB5hGQ;;EACE;AzB+hGV;AyB7hGU;;EACE;AzBgiGZ;AyB3hGM;;EACE;AzB8hGR;AyB3hGM;;EACE;AzB8hGR;AyB3hGM;;EACE;EACA;AzB8hGR;AyB3hGM;;EACE;EACA;EACA;AzB8hGR;AyB5hGQ;;EACE;EzB+hGR,iDAAiD;EyB7hGzC;AzB+hGV;AyB5hGQ;;EACE;AzB+hGV;AyB3hGM;;EACE;EACA;EACA;AzB8hGR;AyB5hGQ;;EACE;AzB+hGV;AyBxhGA;EACE;EvBgSE;EACA;EACA;EA3DA;EACA;EAKA;EuB1OF;EACA;AzB8hGF;AEruFI;EARA;EACA;EACA;EACA;EACA;AFgvFJ;AyBliGE;EACE;EACA;EACA;EACA;EACA;AzBoiGJ;AyBjiGE;EACE;AzBmiGJ;AyBhiGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzBkiGJ;AyB9hGM;EACE;AzBgiGR;AyB9hGQ;;EAEE;AzBgiGV;AyB7hGQ;;EAEE;AzB+hGV;AyB7hGU;;EACE;EvBrIR;AFsqGJ;AyB3hGM;EvBrHF;EACA;EAvBA;AF2qGJ;AyBzhGA;EzB2hGE,6HAA6H;EyBzhG7H;EACA;EACA;AzB2hGF;AACA,kGAAkG;AyBthGhG;EACE;EACA;AzBwhGJ;AyBthGI;EACE;AzBwhGN;AyBrhGI;EACE;AzBuhGN;AyBnhGE;EACE;AzBqhGJ;AyBhhGI;;EAEE;EACA;AzBkhGN;AyBhhGM;;EACE;AzBmhGR;AyBhhGM;;EACE;AzBmhGR;AyBjhGQ;;EACE;AzBohGV;AyBhhGM;;EACE;AzBmhGR;AyBjhGQ;;EACE;AzBohGV;AyBjhGQ;;EACE;AzBohGV;AyBhhGM;;EACE;AzBmhGR;AyBhhGM;;EACE;EACA;EACA;AzBmhGR;AyBjhGQ;;EACE;EACA;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7IN;A2C17II;EACE;A3C47IN;A2Cz7II;EACE;A3C27IN;A2Cx7II;EACE;EACA;EACA;A3C07IN;A2Cx7IM;E3C07IJ,+DAA+D;E2Cx7IzD;A3C07IR;A2Cv7IM;;E3C07IJ,6EAA6E;E2Cv7IvE;A3Cy7IR;A2Cr7II;EACE;A3Cu7IN;A2Cp7II;EACE;A3Cs7IN;A2Cl7IE;EACE;A3Co7IJ;A2C/6IE;EACE;EACA;A3Ci7IJ;A2C96IE;EACE;EACA;A3Cg7IJ;A2C96II;EACE;EACA;A3Cg7IN;A2C56IE;EACE;A3C86IJ;A2C36IE;EACE;A3C66IJ;A2Cx6IE;EACE;A3C06IJ;A2Cv6IE;EACE;A3Cy6IJ;A2Ct6IE;EACE;EACA;EACA;E3Cw6IF,qCAAqC;EEj4InC;AFm4IJ;AEj4II;EAkQA;EACA;EACA;EACA;EACA;EACA;EArQE;AFw4IN;A2C36IM;EACE;A3C66IR;A2Cz6II;EzCmCA;EACA;AFy4IJ;AEv4II;EACE;EACA;EACA;AFy4IN;AEt4II;EACE;AFw4IN;AEr4II;EACE;AFu4IN;A2Cn7IE;EzCkDE;EACA;AFo4IJ;AEl4II;EACE;EACA;EACA;AFo4IN;AEj4II;EACE;AFm4IN;AEh4II;EACE;AFk4IN;A2C97IE;EzC8CE;EACA;AFm5IJ;AEj5II;EACE;EACA;EACA;AFm5IN;AEh5II;EACE;AFk5IN;AE/4II;EACE;AFi5IN;A2Cz8IE;EzC6DE;EACA;AF+4IJ;AE74II;EACE;EACA;EACA;AF+4IN;AE54II;EACE;AF84IN;AE34II;EACE;AF64IN;A2Cp9IE;EzC4EE;EACA;AF24IJ;AEz4II;EACE;EACA;EACA;AF24IN;AEx4II;EACE;AF04IN;AEv4II;EACE;AFy4IN;A2ChmJA;EAkII;A3Ci+IJ;A2C99IE;EACE;A3Cg+IJ;AACA;;;;;;;;;EASE;A4C/mJA;E5CinJA,gGAAgG;E4ChnJ9F;A5CknJJ;A4C/mJE;;EAEE;EACA;EACA;EACA;E5CinJF,yDAAyD;AAC3D;A4ChnJI;;EACE;A5CmnJN;A4ChnJI;;;;E1CWA;EACA;EAjBA;AF6nJJ;A4CnnJI;;EACE;A5CsnJN;AACA;;;;;;;;;EASE;A6CppJA;;;;;E7C0pJA,uJAAuJ;E6CppJrJ;A7CspJJ;A6CnpJE;;;;EAIE;EACA;EACA;A7CqpJJ;A6CnpJI;;;;E3CuXA;EACA;EACA;EACA;EACA;EACA;E2C1XE;EACA;A7C6pJN;A6CxpJI;;;;EAIE;A7C0pJN;A6CtpJE;;EAEE;A7CwpJJ;A6CtpJI;;EACE;A7CypJN;A6CtpJI;;EACE;A7CypJN;A6CrpJE;;EAEE;A7CupJJ;A6CppJE;;EAEE;EACA;A7CspJJ;A6ClpJI;;EAEE;A7CopJN;A8C5tJC;;;;E5CyHK;AFymJN;A8CluJC;;;;;;E5C+HK;AF2mJN;A8C1uJC;;;;;;;;E5CsIK;AF8mJN;A8CpvJC;;;;E5C2IK;AF+mJN;A6C1qJI;;EACE;A7C6qJN;A6C1qJI;;EACE;A7C6qJN;A6CvqJM;;;;EACE;A7C4qJR;A6CxqJI;;;;;;;;;;EAKE;A7C+qJN;A6C7qJM;;;;;;;;;;EACE;A7CwrJR;A6ClrJM;;;;;;;;;;EAKE;EACA;A7CyrJR;A6CvrJQ;;;;;;;;;;EACE;EACA;A7CksJV;A6C/rJQ;;;;;;;;;;EACE;A7C0sJV;A8Ct0JC;;E5CyHK;AFitJN;A8C10JC;;;E5C+HK;AFgtJN;A8C/0JC;;;;E5CsIK;AF+sJN;A8Cr1JC;;E5C2IK;AF8sJN;A6CptJI;;EAEE;A7CstJN;A6CntJI;;;;;EAKE;A7CqtJN;A6CntJM;;;;;EACE;A7CytJR;AACA;;;;;;;;;EASE;A+Cz2JA;EACE;A/C22JJ;AACA;;;;;;;;;EASE;AgDv3JA;EhDy3JA;;2CAEyC;EgDv3JvC;AhDy3JJ;AACA;;;;;;;;;EASE;AiDx4JF;EjD04JE;;;IAGE;AACJ;AEv+II;EAdA;EACA;EACA;EACA;EACA;AFw/IJ;AiD74JE;EACE;AjD+4JJ;AiD54JE;EACE;EACA;EACA;AjD84JJ;AiD14JA;EACE;AjD44JF;AiD14JE;EACE;AjD44JJ;AiDx4JA;EjD04JE,wFAAwF;EiDx4JxF;EACA;AjD04JF;AiDx4JE;EjD04JA,2GAA2G;EiDv4JzG;AjDy4JJ;AE3gJI;EARA;EACA;EACA;EACA;EACA;AFshJJ;AiD74JE;EjD+4JA,uFAAuF;EiD74JrF;EACA;EACA;AjD+4JJ;AiD74JI;EACE;EACA;EACA;AjD+4JN;AiD54JI;;;EjDg5JF,sEAAsE;EiD54JlE;EjD84JJ,uEAAuE;AACzE;AiD34JM;;;;;;EAEE;AjDi5JR;AiD74JI;EACE;AjD+4JN;AiD54JI;;EACE;AjD+4JN;AiD54JI;EACE;AjD84JN;AiD14JE;EACE;AjD44JJ;AiD14JI;E/CWA;EACA;EACA;EACA;EACA;EACA;EArEA;EACA;EAjBA;EAqVA;AFsoJJ;AiDj5JE;EjDm5JA,8BAA8B;EiDj5J5B;AjDm5JJ;AiD/4JA;EACE;EACA;AjDi5JF;AACA;;;;;;;;;EASE;AkDx/JF;ElD0/JE;;+CAE6C;EEhvJ3C;EACA;EACA;EACA;AFkvJJ;AkD3/JE;EACE;AlD6/JJ;AACA;;;;;;;;;EASE;AmD7gKA;EnD+gKA,gGAAgG;EmD9gK9F;AnDghKJ;AmD7gKE;EACE;EACA;EACA;EACA;AnD+gKJ;AmD7gKI;EACE;AnD+gKN;AmD5gKI;EACE;AnD8gKN;AmD3gKI;EACE;EACA;EACA;AnD6gKN;AACA;;;;;;;;;EASE;AoD5iKF;EACE;ApD8iKF;AACA;;;;;;;;;EASE;AqD1jKF;EACE;EACA;EACA;ErD4jKA,4DAA4D;EAC5D,oFAAoF;AACtF;AqD5jKE;;EAEE;EACA;EACA;ArD8jKJ;AqDzjKE;EACE;EACA;EACA;EnD0TA;EACA;AFkwJJ;AqD1jKI;ErD4jKF;gDAC8C;EqD1jK1C;ArD4jKN;AqDtjKI;EACE;ArDwjKN;AqDrjKI;EACE;ArDujKN;AqDpjKI;EACE;ArDsjKN;AqDljKE;EACE;ErDojKF,2BAA2B;EE50JzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF80JJ;AqD1jKI;EACE;EACA;ArD4jKN;AqDzjKI;EnD+OA;EACA;EACA;EACA;AF60JJ;AqD3jKI;EnDmVA;EACA;EACA;EACA;EACA;EACA;EArGA;EACA;EACA;AFi1JJ;AqDlkKI;ErDokKF,cAAc;EE/0JZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFi1JJ;AqDxkKI;EnD8NA;AF62JJ;AqDxkKM;EnD4PF;AF+0JJ;AqDvkKM;ErDykKJ,cAAc;EEr1JZ;AFu1JJ;AqDlkKE;EACE;EACA;EACA;ArDokKJ;AqDlkKI;EACE;ArDokKN;AqDhkKE;EACE;EACA;ArDkkKJ;AqD/jKE;EACE;ArDikKJ;AqD7jKA;ErD+jKE,4HAA4H;EqD7jK5H;ArD+jKF;AqD1jKE;EACE;ArD4jKJ;AqDzjKE;EACE;EACA;ArD2jKJ;AqDxjKE;EACE;ArD0jKJ;AqDtjKA;EACE;ArDwjKF;AqDtjKE;EACE;ArDwjKJ;AACA;;;;;;;;;EASE;AsD/rKF;EACE;EACA;EACA;EpDyQE;EACA;EACA;EACA;EoD1QF;AtDosKF;AsDlsKE;EACE;AtDosKJ;AsDhsKA;EACE;AtDksKF;AACA;;;;;;;;;EASE;A8CnuKD;;E5CyHK;AF8mKN;A8CvuKC;;;E5C+HK;AF6mKN;A8C5uKC;;;;E5CsIK;AF4mKN;A8ClvKC;;E5C2IK;AF2mKN;A8CtvKC;;E5CyHK;AFioKN;A8C1vKC;;;E5C+HK;AFgoKN;A8C/vKC;;;;E5CsIK;AF+nKN;A8CrwKC;;E5C2IK;AF8nKN;AuDzvKI;;EAEE;AvD2vKN;AuDtvKM;;EAEE;EACA;AvDwvKR;AuDtvKQ;;EACE;AvDyvKV;AuDnvKQ;EACE;AvDqvKV;AuD/uKQ;EACE;AvDivKV;AuD3uKE;;;;EAIE;AvD6uKJ;AuDzuKI;EACE;AvD2uKN;AuDxuKI;EACE;AvD0uKN;AuDxuKM;EACE;AvD0uKR;AuDpuKI;EACE;AvDsuKN;AuDnuKI;EACE;AvDquKN;AuDnuKM;EACE;AvDquKR;A8CpzKC;;;;E5CyHK;AFisKN;A8C1zKC;;;;;;E5C+HK;AFmsKN;A8Cl0KC;;;;;;;;E5CsIK;AFssKN;A8C50KC;;;;E5C2IK;AFusKN;AuD1vKI;;;;EAEE;AvD8vKN;AuD3vKI;;;;EAEE;AvD+vKN;AuD5vKI;;;;EAEE;AvDgwKN;AuD7vKI;;EACE;AvDgwKN;AuD7vKI;;EACE;AvDgwKN;AuD7vKI;;EACE;AvDgwKN;AuD9vKM;;EACE;AvDiwKR;A8Cp3KC;;;;E5CyHK;AFiwKN;A8C13KC;;;;;;E5C+HK;AFmwKN;A8Cl4KC;;;;;;;;E5CsIK;AFswKN;A8C54KC;;;;E5C2IK;AFuwKN;AuDtxKI;;;;EAEE;AvD0xKN;AuDvxKI;;;;EAEE;AvD2xKN;AuDxxKI;;;;EAEE;AvD4xKN;AuDzxKI;;EACE;AvD4xKN;AuDzxKI;;EACE;AvD4xKN;AuDzxKI;;EACE;AvD4xKN;AuD1xKM;;EACE;AvD6xKR;AuDvxKA;EvDyxKE,4GAA4G;AAC9G;AuDxxKE;EvD0xKA,uGAAuG;EEp2KrG;EACA;EFs2KF,0BAA0B;EE31KxB;AF61KJ;AuD3xKE;EvD6xKA,gIAAgI;EEr2K9H;AFu2KJ;AuDzxKE;EACE;EACA;AvD2xKJ;AuDzxKI;EACE;AvD2xKN;AuDxxKI;EACE;AvD0xKN;AuDvxKI;EACE;AvDyxKN;AuDnxKE;EACE;AvDqxKJ;AuDlxKE;EACE;AvDoxKJ;AuD/wKE;EACE;AvDixKJ;AuD9wKE;EACE;AvDgxKJ;AuD1wKE;;EACE;AvD6wKJ;AuD1wKE;;EACE;AvD6wKJ;AuDvwKE;;;EtD5GA;EDw3KA,sCAAsC;AACxC;AuDpwKE;;;EtDrHA;ED83KA,sCAAsC;AACxC;AACA;;;;;;;;;EASE;AwD7+KA;EACE;AxD++KJ;AwD7+KI;EACE;AxD++KN;AwD1+KI;EACE;AxD4+KN;AwDz+KI;EACE;AxD2+KN;AwDz+KM;ExD2+KJ,uGAAuG;EEl7KrG;EACA;EFo7KF,0BAA0B;EEz6KxB;AF26KJ;AwD5+KM;ExD8+KJ,gIAAgI;EEn7K9H;AFq7KJ;AwDz+KI;EACE;EACA;AxD2+KN;AACA;;;;;;;;;EASE;AyDphLF;EzDshLE,0CAA0C;EyDphL1C;AzDshLF;AyDphLE;;EzDuhLA,sCAAsC;EACtC,8GAA8G;EyDphL5G;EACA;AzDshLJ;AyDlhLI;EzDohLF,0DAA0D;AAC5D;AEtkKI;EACE;AFwkKN;AErkKI;;EAEE;AFukKN;AyDnhLE;EACE;EACA;EjBZA;AxCkiLJ;AwChiLI;ExCkiLF,wDAAwD;EwChiLpD;AxCkiLN;AyDrhLE;EACE;AzDuhLJ;AyDhhLI;;EvDuLA;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AH4jLJ;AE11KI;;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AFg2KN;AyDtiLE;;EACE;AzDyiLJ;AyDriLA;EACE;EACA;EACA;EACA;EvDwRE;EACA;EAKA;EuD5RF;EACA;AzDyiLF;AyDviLE;EACE;AzDyiLJ;AyDtiLE;EACE;EACA;AzDwiLJ;AyDtiLI;EACE;EACA;EACA;AzDwiLN;AyDpiLE;EACE;EACA;EACA;EzDsiLF,gGAAgG;EAChG,0DAA0D;EyDpiLxD;EACA;EACA;EACA;EACA;AzDsiLJ;AyDpiLI;EvDuTA;EACA;EACA;EACA;EACA;EACA;EuD1TE;EACA;EACA;EACA;AzD2iLN;AyDziLM;EACE;AzD2iLR;AyDtiLE;EACE;EACA;EACA;EACA;EvDuOA;EACA;EuDtOA;AzDyiLJ;AyDtiLE;EACE;EACA;EACA;AzDwiLJ;AyDriLE;EACE;EACA;EACA;EACA;EvDmBA;AFqhLJ;AEnhLI;EAkQA;EACA;EACA;EACA;EACA;EACA;EArQE;AF0hLN;AyD7iLE;EvD4CE;EACA;AFogLJ;AElgLI;EACE;EACA;EACA;AFogLN;AEjgLI;EACE;AFmgLN;AEhgLI;EACE;AFkgLN;AyDxjLE;EvDwCE;EACA;AFmhLJ;AEjhLI;EACE;EACA;EACA;AFmhLN;AEhhLI;EACE;AFkhLN;AE/gLI;EACE;AFihLN;AyDnkLE;EvDuDE;EACA;AF+gLJ;AE7gLI;EACE;EACA;EACA;AF+gLN;AE5gLI;EACE;AF8gLN;AE3gLI;EACE;AF6gLN;AyD9kLE;EvDsEE;EACA;AF2gLJ;AEzgLI;EACE;EACA;EACA;AF2gLN;AExgLI;EACE;AF0gLN;AEvgLI;EACE;AFygLN;AyDzlLE;EzD2lLA,wDAAwD;EyDzlLtD;AzD2lLJ;AyDvlLA;EACE;EACA;EzDylLA,gFAAgF;AAClF;AyDxlLE;EACE;EACA;AzD0lLJ;AyDvlLE;EACE;EACA;AzDylLJ;AyDtlLE;EACE;AzDwlLJ;AExxKI;EACE;AF0xKN;AEvxKI;;EAEE;AFyxKN;AyDrlLA;EACE;AzDulLF;AyDplLA;EACE;AzDslLF;AACA;;;;;;;;;EASE;A0D3wLF;E1D6wLE;;+CAE6C;EEngL3C;EACA;EACA;EACA;AFqgLJ;A0D9wLE;EACE;EACA;A1DgxLJ;AACA;;;;;;;;;EASE;A2DhyLA;E3DkyLA,iGAAiG;E2DjyL/F;A3DmyLJ;A2DhyLE;EACE;EACA;A3DkyLJ;A2DhyLI;EACE;A3DkyLN;A2D/xLI;EACE;A3DiyLN;A2D9xLI;EACE;A3DgyLN;A2D9xLM;EACE;EACA;EACA;A3DgyLR;A2D7xLM;EACE;A3D+xLR;A2D5xLM;EACE;A3D8xLR;A2D3xLM;EACE;A3D6xLR;A2D1xLM;EACE;A3D4xLR;A2DzxLM;EACE;A3D2xLR;A2DxxLM;EACE;A3D0xLR;AACA;;;;;;;;;EASE;A4Dp1LF;EACE;EACA;EACA;E1DyQE;EACA;EACA;EACA;EA4DA;EACA;AFmhLJ;A4Dx1LE;E5D01LA,uGAAuG;EEtxLrG;EACA;EFwxLF,0BAA0B;EE7wLxB;AF+wLJ;A4D31LE;E5D61LA,gIAAgI;EEvxL9H;AFyxLJ;A4D31LE;EACE;A5D61LJ;A4D11LE;EACE;A5D41LJ;A4Dz1LE;EACE;A5D21LJ;A4Dt1LI;EACE;A5Dw1LN;A4Dr1LI;EACE;A5Du1LN;A4Dp1LI;EACE;A5Ds1LN;AACA;;;;;;;;;EASE;A6Dr4LA;E7Du4LA,gGAAgG;E6Dt4L9F;A7Dw4LJ;A6Dr4LE;EACE;EACA;EACA;EACA;E7Du4LF,yDAAyD;AAC3D;A6Dt4LI;EACE;A7Dw4LN;A6Dr4LI;;E3DYA;EACA;EAjBA;AF+4LJ;A6Dt4LI;EACE;A7Dw4LN;AACA;;;;;;;;;EASE;A8Dv6LF;EACE;A9Dy6LF;AACA;;;;;;;;;EASE;A+Dh7LE;EACE;A/Dk7LN;A+D/6LI;EACE;A/Di7LN;A+D96LI;EACE;A/Dg7LN;AACA;;;;;;;;;EASE;AgEt8LA;EhEw8LA,gGAAgG;EgEv8L9F;AhEy8LJ;AgEt8LE;EACE;EACA;EACA;AhEw8LJ;AgEt8LI;EACE;AhEw8LN;AACA;;;;;;;;;EASE;AiE79LF;EACE;EACA;EACA;EACA;EACA;AjE+9LF;AiE79LE;;;EjEi+LA,4DAA4D;EiE79L1D;EACA;AjE+9LJ;AiE59LE;EACE;EACA;EACA;E/DyTA;EACA;AFsqLJ;AiE79LI;EjE+9LF;+DAC6D;EiE79LzD;AjE+9LN;AiE39LE;EACE;AjE69LJ;AiE19LE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjE49LJ;AiE19LI;EACE;EACA;AjE49LN;AiEz9LI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjE29LN;AiEx9LI;EACE;EACA;AjE09LN;AiEx9LM;EACE;AjE09LR;AiEl9LE;;EAEE;EACA;AjEo9LJ;AiEh9LA;EACE;AjEk9LF;AiEh9LE;EACE;AjEk9LJ;AACA;;;;;;;;;EASE;AkEhjMF;ElEkjME,6EAA6E;EkEhjM7E;AlEkjMF;AkE/iMA;EhEuNI;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AH0jMJ;AEx1LI;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AF61LN;AACA;;;;;;;;;EASE;AACF;;;;;;;;;EASE;AmE/lMA;EACE;AnEimMJ;AmE/lMI;EACE;EACA;AnEimMN;AmE7lME;EACE;AnE+lMJ;AmE5lME;EACE;AnE8lMJ;AmE5lMI;EACE;AnE8lMN;AmEvlME;EACE;AnEylMJ;AmErlMA;EnEulME,yBAAyB;EACzB,8DAA8D;AAChE;AmEvlME;;EAEE;AnEylMJ;AmEllMI;EACE;AnEolMN;AmE/kMM;EACE;AnEilMR;AmE9kMM;EjEzCF;EiE2CI;EACA;EACA;AnEglMR;AmE5kMQ;EACE;EACA;EACA;AnE8kMV;AmEzkMI;EACE;AnE2kMN;AmEvkME;EjE9DE;AFwoMJ;AmEtkME;EjElEE;AF2oMJ;AmErkME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AnEukMJ;AmErkMI;EACE;AnEukMN;AmEpkMI;EACE;AnEskMN;AmEnkMI;;EAEE;AnEqkMN;AmEnkMM;;EACE;AnEskMR;AmElkMI;EACE;EACA;AnEokMN;AmElkMM;EACE;AnEokMR;AmEjkMM;EACE;AnEmkMR;AmE5jME;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EjEwMA;EACA;EAKA;EArEA;EACA;EACA;EACA;AFy7LJ;AmEjkMI;EACE;AnEmkMN;AmEhkMI;EACE;AnEkkMN;AmE/jMI;EACE;AnEikMN;AmE7jME;;EAEE;EACA;AnE+jMJ;AmE7jMI;;EACE;EACA;AnEgkMN;AmE5jME;EACE;EACA;AnE8jMJ;AmE3jME;EACE;AnE6jMJ;AmEtjME;;;;;;EnE6jMA,uGAAuG;EE9pMrG;EACA;EFgqMF,0BAA0B;EErpMxB;AFupMJ;AmE7jME;;;;;;EnEokMA,gIAAgI;EEpqM9H;AFsqMJ;AmEhkMI;;;EhEpLA;EACA;EACA;EACA;AHyvMJ;AmEjkMI;;;;;;EAEE;AnEukMN;AmEpkMI;;;;;;EAEE;AnE0kMN;AmEvkMI;;;;;;EAEE;AnE6kMN;AmEpkMM;;;;;;;;;;;;;;;;;;;;;;;;EAIE;EACA;AnE0lMR;AmExlMQ;;;;;;;;;;;;;;;;;;;;;;;;EACE;EACA;AnEinMV;AmE9mMQ;;;;;;;;;;;;;;;;;;;;;;;;EACE;AnEuoMV;AmEjoME;;;EACE;AnEqoMJ;AmEloME;;;EACE;AnEsoMJ;AmEnoME;;;;;;EAEE;EACA;AnEyoMJ;AmEroMI;;;;;;EAEE;EACA;AnE2oMN;AmEtoMA;;;EjEoMI;EACA;EACA;EACA;EACA;EA1aA;EACA;EAjBA;AFo4MJ;AEv8LI;;;EACE;AF28LN;AEx8LI;;;EACE;AF48LN;AEz8LI;;;EACE;AF68LN;AE18LI;;;EAjcA;EAmcE;AF88LN;AmE/pME;EACE;EACA;EACA;AnEiqMJ;AmE9pME;EACE;AnEgqMJ;AmE7pME;;EAEE;EACA;EACA;EACA;EACA;EACA;AnE+pMJ;AmE5pME;;EAEE;AnE8pMJ;AmE3pME;EACE;EACA;AnE6pMJ;AmE3pMI;EACE;EACA;AnE6pMN;AmE3pMM;EACE;EACA;EACA;AnE6pMR;AmExpME;EnE0pMA,4EAA4E;EmExpM1E;AnE0pMJ;AmExpMI;EnE0pMF;8EAC4E;AAC9E;AmEvpMM;EACE;AnEypMR;AmEtpMM;EACE;EACA;AnEwpMR;AmEjpMM;EnEmpMJ,+DAA+D;EmEjpMzD;AnEmpMR;AmEhpMM;EACE;AnEkpMR;AmE5oMI;EnE8oMF,sDAAsD;EmE5oMlD;EACA;AnE8oMN;AmE3oMI;EnE6oMF,+DAA+D;EmE3oM3D;AnE6oMN;AmE1oMI;EACE;AnE4oMN;AmEzoMI;EACE;AnE2oMN;AmExoMI;EACE;AnE0oMN;AmEroMA;EACE;AnEuoMF;AmEpoMA;EACE;EhE7VE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;AHg9MJ;AmE5oMA;EhE5VI;EACA;EACA;EACA;AH2+MJ;AmE9oMA;EhEhWI;EACA;EACA;EACA;AHi/MJ;AmEhpMA;EhEpWI;EACA;EACA;EACA;AHu/MJ;AACA;;;;;;;;;EASE;AoE3hNA;;;EpE+hNA;;;MAGI;EE/+MF;EACA;EACA;ECrCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHkiNJ;AoEriNI;;;ElEgDA;EACA;EACA;EACA;AF0/MJ;AoEziNI;;;ElE4CA;EACA;EACA;EACA;AFkgNJ;AoE5iNE;;;EjEFE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH8jNJ;AoEpjNI;;;ElEmCA;EACA;EACA;EACA;AFshNJ;AoExjNI;;;ElE+BA;EACA;EACA;EACA;AF8hNJ;AACA;;;;;;;;;EASE;AqE7lNE;;EAEE;EACA;ArE+lNN;AqE7lNM;;EACE;ArEgmNR;AqE5lNI;EACE;EACA;EACA;ErE8lNJ,wBAAwB;AAC1B;AqE7lNM;EACE;ArE+lNR;AqE3lNM;EACE;EACA;EACA;EACA;EACA;ArE6lNR;AqEzlNM;EACE;EACA;EACA;EACA;EACA;EACA;ArE2lNR;AqExlNM;EACE;ArE0lNR;AqEvlNM;EACE;ArEylNR;AqEplNI;EACE;EACA;ArEslNN;AqEnlNM;EACE;EACA;EACA;EACA;EACA;ArEqlNR;AqEjlNM;EACE;EACA;EACA;EACA;EACA;EACA;ArEmlNR;AqE9kNE;ErEglNA,4BAA4B;EqE9kN1B;ArEglNJ;AqE5kNA;EACE;EACA;ArE8kNF;AqE5kNE;EACE;EACA;ArE8kNJ;AqE3kNE;EACE;EACA;ArE6kNJ;AqErkNE;EACE;ArEukNJ;AqEnkNE;EACE;ArEqkNJ;AACA;;;;;;;;;EASE;AsE/rNF;EtEisNE,4EAA4E;AAC9E;AsEhsNE;EtEksNA,mEAAmE;EsEjsNjE;AtEmsNJ;AsEhsNE;EtEksNA,gGAAgG;EsEjsN9F;AtEmsNJ;AsE5rNM;EACE;AtE8rNR;AsE3rNM;EACE;AtE6rNR;AsE1rNM;EACE;AtE4rNR;AsErrNE;;EAII;AtEqrNN;AsElrNI;;EACE;EACA;AtEqrNN;AsE9rNE;;EAaI;AtEqrNN;AsE9qNI;EACE;AtEgrNN;AsE9qNM;EACE;AtEgrNR;AACA;;;;;;;;;EASE;AACF,oBAAoB;AuE9uNlB;EACE;AvEgvNJ;AuE5uNA;EACE;EACA;EACA;EACA;EACA;AvE8uNF;AuE5uNE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AvE8uNJ;AuE3uNE;EACE;AvE6uNJ;AEt2MI;EARA;EACA;EACA;EACA;EACA;AFi3MJ;AuEjvNI;EACE;EACA;EACA;EACA;EACA;EACA;AvEmvNN;AuE/uNM;EACE;AvEivNR;AuE9uNM;EACE;AvEgvNR;AuE5uNI;EACE;AvE8uNN;AuE1uNM;EACE;AvE4uNR;AuEzuNM;EACE;EACA;AvE2uNR;AuEvuNI;EACE;EACA;AvEyuNN;AuEvuNM;EACE;EACA;EACA;AvEyuNR;AuEtuNM;EACE;AvEwuNR;AuEnuNE;EACE;E/BpEA;E+BsEA;EACA;AvEquNJ;AwC1yNI;ExC4yNF,wDAAwD;EwC1yNpD;AxC4yNN;AuEtuNE;EACE;EACA;ErE8CA;AF2rNJ;AEzrNI;EAkQA;EACA;EACA;EACA;EACA;EACA;EArQE;AFgsNN;AuE9uNE;ErEuEE;EACA;AF0qNJ;AExqNI;EACE;EACA;EACA;AF0qNN;AEvqNI;EACE;AFyqNN;AEtqNI;EACE;AFwqNN;AuEzvNE;ErEmEE;EACA;AFyrNJ;AEvrNI;EACE;EACA;EACA;AFyrNN;AEtrNI;EACE;AFwrNN;AErrNI;EACE;AFurNN;AuEpwNE;ErEkFE;EACA;AFqrNJ;AEnrNI;EACE;EACA;EACA;AFqrNN;AElrNI;EACE;AForNN;AEjrNI;EACE;AFmrNN;AuE/wNE;ErEiGE;EACA;AFirNJ;AE/qNI;EACE;EACA;EACA;AFirNN;AE9qNI;EACE;AFgrNN;AE7qNI;EACE;AF+qNN;AuEzxNA;EACE;EACA;EACA;ErEwQE;EACA;EACA;EqExQF;EACA;EACA;EACA;AvE6xNF;AuE3xNE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvE6xNJ;AuE1xNE;EACE;AvE4xNJ;AuEzxNE;EACE;AvE2xNJ;AuExxNE;EACE;AvE0xNJ;AuEvxNE;EACE;EACA;AvEyxNJ;AuEtxNE;EACE;AvEwxNJ;AuErxNE;EACE;AvEuxNJ;AuEpxNE;EACE;AvEsxNJ;AuEnxNE;EACE;EACA;EACA;AvEqxNJ;AuEnxNI;EACE;AvEqxNN;AuElxNI;EACE;EACA;EACA;AvEoxNN;AuE/wNI;EACE;AvEixNN;AuE7wNE;EACE;EACA;EACA;ErElDA;AFk0NJ;AEh0NI;EAkQA;EACA;EACA;EACA;EACA;EACA;EArQE;AFu0NN;AuErxNE;;;;EAIE;AvEuxNJ;AuEpxNE;ErEhCE;EACA;AFuzNJ;AErzNI;EACE;EACA;EACA;AFuzNN;AEpzNI;EACE;AFszNN;AEnzNI;EACE;AFqzNN;AuE/xNE;ErEpCE;EACA;AFs0NJ;AEp0NI;EACE;EACA;EACA;AFs0NN;AEn0NI;EACE;AFq0NN;AEl0NI;EACE;AFo0NN;AuE1yNE;ErErBE;EACA;AFk0NJ;AEh0NI;EACE;EACA;EACA;AFk0NN;AE/zNI;EACE;AFi0NN;AE9zNI;EACE;AFg0NN;AuErzNE;ErENE;EACA;AF8zNJ;AE5zNI;EACE;EACA;EACA;AF8zNN;AE3zNI;EACE;AF6zNN;AE1zNI;EACE;AF4zNN;AuE/zNA;EACE;EvEi0NA,6FAA6F;EuE/zN7F;EAEA;EvEg0NA;4CAC0C;EuE7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0OF,0FAA0F;EmF7oPtF;AnF+oPN;AmF5oPI;EACE;AnF8oPN;AmF3oPI;EACE;EACA;EACA;AnF6oPN;AmF1oPI;EACE;AnF4oPN;AmFzoPI;EACE;AnF2oPN;AmFxoPI;EACE;AnF0oPN;AmFvoPI;EACE;AnFyoPN;AmFtoPI;EACE;AnFwoPN;AmFroPI;EjFQA;EACA;EACA;EiFRE;AnFyoPN;AmFtoPI;EACE;EACA;AnFwoPN;AmFpoPE;EACE;AnFsoPJ;AmFnoPE;EACE;AnFqoPJ;AACA;;;;;;;;;EASE;AoF3sPF;EACE;EACA;EACA;EACA;EACA;EACA;ApF6sPF;AElzOI;EARA;EACA;EACA;EACA;EACA;AF6zOJ;AoFjtPE;EACE;ApFmtPJ;AoFhtPE;EACE;ApFktPJ;AoF/sPE;;EACE;ApFktPJ;AoF/sPE;EACE;EACA;ApFitPJ;AoF9sPE;EACE;ApFgtPJ;AoF7sPE;;;;EAIE;EACA;EACA;EACA;EACA;EpF+sPF,qEAAqE;EoF5sPnE;ApF8sPJ;AoF3sPE;EpF6sPA,0HAA0H;EAC1H,wIAAwI;EoF3sPtI;EACA;ApF6sPJ;AoF1sPE;EpF4sPA,+GAA+G;EoF1sP7G;ApF4sPJ;AoFvsPI;EACE;ApFysPN;AoFtsPI;EpFwsPF,6DAA6D;EoFtsPzD;EpFwsPJ,0GAA0G;EAC1G,+FAA+F;EoFtsP3F;ApFwsPN;AoFrsPI;EACE;ApFusPN;AoFnsPE;ElFxEE;EACA;EACA;EACA;EACE;EkFsEF;ApFysPJ;AoFtsPE;;ElF0TE;EACA;EACA;EACA;EACA;EACA;EAKA;EkFjUA;EACA;ApF8sPJ;AoF3sPE;EACE;ApF6sPJ;AoF1sPE;EACE;ApF4sPJ;AoFzsPE;EACE;ApF2sPJ;AoFzsPI;EACE;ApF2sPN;AoFvsPE;EACE;ApFysPJ;AoFvsPI;EACE;ApFysPN;AoFtsPI;EACE;EACA;EACA;ApFwsPN;AoFrsPI;EACE;ApFusPN;AoFpsPI;EACE;EACA;EACA;ApFssPN;AoFpsPM;EACE;EACA;EACA;EAEA;ApFqsPR;AACA;;;;;;;;;EASE;AqFj1PF;EACE;ArFm1PF;AqFj1PE;EA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J;AyFr2QA;EvFwNI;EACA;EACA;EACA;EA4DA;EACA;AFqlQJ;AACA;;;;;;;;;EASE;A0F/5QF;EACE;EACA;A1Fi6QF;A0F/5QE;EACE;EACA;A1Fi6QJ;A0F95QE;EACE;EACA;A1Fg6QJ;A0F55QA;EACE;EACA;EACA;EACA;EACA;E1F85QA,8BAA8B;E0F55Q9B;EACA;A1F85QF;A0F55QE;EACE;EACA;EACA;EACA;A1F85QJ;A0F55QI;EACE;A1F85QN;A0F15QE;EACE;EACA;A1F45QJ;A0F15QI;EACE;EACA;EACA;A1F45QN;A0F15QM;EACE;A1F45QR;A0Fx5QI;EACE;EACA;A1F05QN;A0Fx5QM;EACE;EACA;EACA;A1F05QR;A0Fp5QA;EACE;EACA;ExF8PE;EACA;EAKA;EwFlQF;EACA;EACA;EACA;EACA;A1Fw5QF;A0Fr5QA;EACE;EACA;EACA;EACA;A1Fu5QF;A0Fp5QA;EACE;EACA;EACA;A1Fs5QF;A0Fp5QE;EACE;EACA;EACA;EACA;EACA;ExFoOA;EACA;EAKA;AF+qQJ;A0Fr5QE;EACE;A1Fu5QJ;A0Fp5QE;EACE;EACA;EACA;EACA;A1Fs5QJ;A0Fp5QI;EACE;EACA;EACA;EACA;E1Fs5QJ,0GAA0G;E0Fr5QtG;A1Fu5QN;A0Fr5QM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1Fu5QR;A0Fp5QM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1Fs5QR;A0Fh5QA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A1Fk5QF;A0Fh5QE;EACE;A1Fk5QJ;A0F94QA;EACE;A1Fg5QF;A0F74QA;EACE;EACA;EACA;EACA;EACA;EACA;A1F+4QF;A0F54QA;EACE;EACA;EACA;EACA;EACA;EACA;A1F84QF;AACA;;;;;;;;;EASE;A2FxkRF;EACE;EACA;EACA;EACA;A3F0kRF;A2FvkRA;EACE;EACA;EACA;EACA;A3FykRF;A2FtkRA;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3FwkRF;A2FtkRE;;;EACE;A3F0kRJ;A2FtkRA;EACE;A3FwkRF;A2FrkRA;EACE;EACA;EACA;EACA;EACA;EACA;A3FukRF;A2FpkRA;;EAEE;A3FskRF;A2FnkRA;ED3DE;ExFqYE;EACA;EACA;EACA;EACA;EACA;EyF7YF;EACA;EACA;EACA;EACA;EACA;EACA;A3F2oRF;A2F/kRA;ED/DE;ExFqYE;EACA;EACA;EACA;EACA;EACA;EyF7YF;EACA;EACA;EACA;EACA;EACA;EACA;A3F2pRF;A2F3lRA;EACE;EACA;A3F6lRF;A2F1lRA;;;EAGE;EACA;EACA;EACA;EACA;EACA;A3F4lRF;A2FzlRA;EACE;EACA;EACA;EACA;EACA;EzF8OE;EACA;EAKA;AF02QJ;A2F3lRE;EACE;EACA;EACA;A3F6lRJ;A2F1lRE;EACE;EACA;EACA;EACA;A3F4lRJ;A2FzlRE;EACE;A3F2lRJ;A2FxlRE;EACE;EACA;A3F0lRJ;A2FvlRE;EACE;EACA;EACA;EACA;A3FylRJ;A2FrlRA;;EAEE;A3FulRF;A2FrlRE;;EACE;A3FwlRJ;A2FplRA;EDlIE;ExFqYE;EACA;EACA;EACA;EACA;EACA;EyF7YF;EACA;EACA;EACA;EACA;EACA;EACA;A3FmuRF;A2FhmRA;EDtIE;ExFqYE;EACA;EACA;EACA;EACA;EACA;EyF7YF;EACA;EACA;EACA;EACA;EACA;EACA;A3FmvRF;AACA;;;;;;;;;EASE;A4FrwRF;EACE;EACA;A5FuwRF;A4FrwRE;EACE;A5FuwRJ;A4FpwRE;EACE;EACA;A5FswRJ;A4FlwRA;EACE;EACA;EACA;EACA;EACA;A5FowRF;A4FlwRE;EACE;EACA;A5FowRJ;A4FlwRI;EACE;A5FowRN;A4FjwRI;EACE;A5FmwRN;A4F/vRE;EACE;EACA;A5FiwRJ;A4F/vRI;EACE;A5FiwRN;A4F9vRI;EACE;A5FgwRN;A4F5vRE;EACE;EACA;A5F8vRJ;A4F5vRI;EACE;A5F8vRN;A4F3vRI;EACE;A5F6vRN;A4FzvRE;EACE;EACA;A5F2vRJ;A4FzvRI;EACE;A5F2vRN;A4FxvRI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osSF;AiGjsSA;EACE;EACA;EACA;EACA;EACA;AjGmsSF;AiGhsSA;EACE;EACA;EACA;EACA;EACA;AjGksSF;AiG/rSA;EACE;EACA;EACA;EACA;EACA;AjGisSF;AiG9rSA;EACE;EACA;EACA;EACA;EACA;AjGgsSF;AiG7rSA;EACE;EACA;EACA;EACA;EACA;AjG+rSF;AACA;;;;;;;;;EASE;AkG/wSF;EACE;EACA;EACA;EACA;EhGeE;EgGbF;EACA;ElGixSA,mGAAmG;AACrG;AkG9wSE;EACE;EACA;AlGgxSJ;AkG7wSE;E/FCE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH0xSJ;AkGlxSE;EhGqCE;EACA;EACA;EACA;EC5CA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHoxSJ;AkGnySA;EACE;EACA;EACA;EACA;AlGqySF;AkGnySE;EACE;EACA;EACA;AlGqySJ;AkGjySA;EACE;EACA;EACA;AlGmySF;AkGjySE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/FlDA;EACA;EACA;EACA;AHs1SJ;AkGnySE;E/FtDE;EACA;EACA;EACA;AH41SJ;AkGpySA;EACE;AlGsySF;AACA;;;;;;;;;EASE;AACF;;EAEE;AmG/0SF;EACE;EACA;EACA;EnGi1SA;kHACgH;AAClH;AmGj1SE;EACE;EACA;EACA;AnGm1SJ;AmG90SE;EACE;AnGg1SJ;AmG50SA;EACE;EACA;EACA;EACA;EACA;EACA;AnG80SF;AmG30SA;EnG60SE,mIAAmI;EmG30SnI;AnG60SF;AmG10SA;EACE;EACA;EnG40SA,6BAA6B;EAC7B,sBAAsB;EACtB,sCAAsC;AACxC;AmG70SE;EACE;AnG+0SJ;AmG30SE;EAhEA;EACA;EACA;EAgEE;AnG+0SJ;AmG50SE;EA5DA;EACA;EACA;EACA;EACA;EACA;EACA;EAwDE;EACA;AnGo1SJ;AmGj1SE;EAxDA;EACA;AnG44SF;AmGh1SE;EAhFA;EACA;EACA;EAgFE;AnGo1SJ;AmGj1SE;EA5EA;EACA;EACA;EACA;EACA;EACA;EACA;AnGg6SF;AmGt1SE;EAtEA;EACA;AnG+5SF;AmGr1SE;EA9FA;EACA;EACA;EA8FE;EACA;EACA;EACA;AnGy1SJ;AmGt1SE;EACE;AnGw1SJ;AmGt1SE;EACE;AnGw1SJ;AmGt1SE;EAnGA;EACA;EACA;EACA;EACA;EACA;EACA;AnG47SF;AmG51SE;EA5FA;EACA;AnG27SF;AACA;;;;;;;;;EASE;AoGr+SF;EACE;EpGu+SA,MAAM;AACR;AoGp+SE;EACE;EACA;EACA;ApGs+SJ;AoGp+SI;EACE;ApGs+SN;AoGn+SI;EACE;EACA;ApGq+SN;AoGj+SE;EACE;EACA;EACA;ApGm+SJ;AoGj+SI;EACE;ApGm+SN;AoGh+SI;EACE;EACA;ApGk+SN;AoG99SE;EACE;EACA;ApGg+SJ;AoG99SI;EACE;ApGg+SN;AACA;;;;;;;;;EASE;AGlhTF;EHohTE,wDAAwD;EACxD,gBAAgB;EAChB,iBAAiB;EACjB,6BAA6B;EAC7B,sCAAsC;EACtC,4BAA4B;EAC5B,oCAAoC;EACpC,0BAA0B;EAC1B,mCAAmC;EACnC,yBAAyB;EACzB;qDACmD;EACnD;sDACoD;EACpD;qDACmD;EACnD;oDACkD;EAClD;;0FAEwF;EACxF;iDAC+C;EAC/C,4BAA4B;EAC5B,iBAAiB;EACjB,yBAAyB;EACzB,sBAAsB;EACtB,gBAAgB;EAChB,wBAAwB;EACxB,uBAAuB;EACvB,kBAAkB;EAClB,iBAAiB;EACjB,oBAAoB;EACpB,cAAc;EACd,mBAAmB;AACrB;AGz/SE;EARE;IACE;EHogTJ;EGlgTE;IACE;EHogTJ;AACF;AG9/SE;EAXE;IACE;EH4gTJ;EG1gTE;IACE;EH4gTJ;AACF;AGv/SE;EARE;IACE;EHkgTJ;EGhgTE;IACE;EHkgTJ;AACF;AG5/SE;EAXE;IACE;EH0gTJ;EGxgTE;IACE;EH0gTJ;AACF;AGl/SE;EAXE;IDtCA;IACA;IACA;EFuiTF;EGhgTE;IDzCA;IACA;IACA;EF4iTF;EGlgTE;ID5CA;IACA;IACA;EFijTF;AACF;AGhgTE;EAdE;IDtCA;IACA;IACA;EFwjTF;EGjhTE;IDzCA;IACA;IACA;EF6jTF;EGnhTE;ID5CA;IACA;IACA;EFkkTF;AACF;AG9/SE;EAZE;IACE;IACA;IACA;EH6gTJ;EG3gTE;IACE;IACA;IACA;EH6gTJ;AACF;AGvgTE;EAfE;IACE;IACA;IACA;EHyhTJ;EGvhTE;IACE;IACA;IACA;EHyhTJ;AACF;AGlgTE;EAVE;IACE;IACA;EH+gTJ;EG7gTE;IACE;IACA;EH+gTJ;AACF;AGzgTE;EAbE;IACE;IACA;EHyhTJ;EGvhTE;IACE;IACA;EHyhTJ;AACF;AGhgTE;EAZE;IACE;IACA;IACA;EH+gTJ;EG7gTE;IACE;IACA;IACA;EH+gTJ;AACF;AGzgTE;EAfE;IACE;IACA;IACA;EH2hTJ;EGzhTE;IACE;IACA;IACA;EH2hTJ;AACF;AGpgTE;EAVE;IACE;IACA;EHihTJ;EG/gTE;IACE;IACA;EHihTJ;AACF;AG3gTE;EAbE;IACE;IACA;EH2hTJ;EGzhTE;IACE;IACA;EH2hTJ;AACF;AGlgTE;EAZE;IACE;IACA;IACA;EHihTJ;EG/gTE;IACE;IACA;IACA;EHihTJ;AACF;AG3gTE;EAfE;IACE;IACA;IACA;EH6hTJ;EG3hTE;IACE;IACA;IACA;EH6hTJ;AACF;AGtgTE;EAVE;IACE;IACA;EHmhTJ;EGjhTE;IACE;IACA;EHmhTJ;AACF;AG7gTE;EAbE;IACE;IACA;EH6hTJ;EG3hTE;IACE;IACA;EH6hTJ;AACF;AG1gTE;EALE;ID1LA;IACA;IACA;EF6sTF;AACF;AG9gTE;EARE;ID1LA;IACA;IACA;EFotTF;AACF;AGxgTE;EALE;ID1MA;IACA;IACA;EF2tTF;AACF;AG5gTE;EARE;ID1MA;IACA;IACA;EFkuTF;AACF;AGtgTE;EALE;ID1NA;IACA;IACA;EFyuTF;AACF;AG1gTE;EARE;ID1NA;IACA;IACA;EFgvTF;AACF;AGpgTE;EALE;ID1OA;IACA;IACA;EFuvTF;AACF;AGxgTE;EARE;ID1OA;IACA;IACA;EF8vTF;AACF;AGjgTE;EALE;ID3PA;IACA;IACA;EFqwTF;AACF;AGrgTE;EARE;ID3PA;IACA;IACA;EF4wTF;AACF;AG9/SE;EALE;ID5QA;IACA;IACA;EFmxTF;AACF;AGlgTE;EARE;ID5QA;IACA;IACA;EF0xTF;AACF;AGp/SE;EAbE;IACE;ID7RF;IACA;IACA;EFkyTF;EGpgTE;IACE;IDjSF;IACA;IACA;EFwyTF;EGtgTE;IDpSA;IACA;IACA;EF6yTF;AACF;AGpgTE;EAhBE;IACE;ID7RF;IACA;IACA;EFqzTF;EGvhTE;IACE;IDjSF;IACA;IACA;EF2zTF;EGzhTE;IDpSA;IACA;IACA;EFg0TF;AACF;AGxgTE;EARE;IDnTA;IACA;IACA;EFu0TF;EGnhTE;IDtTA;IACA;IACA;EF40TF;AACF;AGjhTE;EAXE;IDnTA;IACA;IACA;EFm1TF;EG/hTE;IDtTA;IACA;IACA;EFw1TF;AACF;AG9gTE;EARE;IDrUA;IACA;IACA;EF+1TF;EGzhTE;IDxUA;IACA;IACA;EFo2TF;AACF;AGvhTE;EAXE;IDrUA;IACA;IACA;EF22TF;EGriTE;IDxUA;IACA;IACA;EFg3TF;AACF;AGjhTE;EAXE;IACE;EH+hTJ;EG7hTE;IACE;EH+hTJ;EG7hTE;IACE;EH+hTJ;AACF;AGzhTE;EAdE;IACE;EH0iTJ;EGxiTE;IACE;EH0iTJ;EGxiTE;IACE;EH0iTJ;AACF;AG5gTE;EAjBE;ID5WA;IACA;IACA;IC4WE;EHkiTJ;EGhiTE;IACE;EHkiTJ;EGhiTE;IDnXA;IACA;IACA;ICmXE;EHoiTJ;EGliTE;IDvXA;IACA;IACA;ICuXE;EHsiTJ;AACF;AGhiTE;EApBE;ID5WA;IACA;IACA;IC4WE;EHyjTJ;EGvjTE;IACE;EHyjTJ;EGvjTE;IDnXA;IACA;IACA;ICmXE;EH2jTJ;EGzjTE;IDvXA;IACA;IACA;ICuXE;EH6jTJ;AACF;AGniTE;EAbE;IDvYA;IACA;IACA;ICuYE;EHqjTJ;EGnjTE;IACE;EHqjTJ;EGnjTE;ID9YA;IACA;IACA;IC8YE;EHujTJ;AACF;AGjjTE;EAhBE;IDvYA;IACA;IACA;ICuYE;EHskTJ;EGpkTE;IACE;EHskTJ;EGpkTE;ID9YA;IACA;IACA;IC8YE;EHwkTJ;AACF;AG7iTE;EAdE;ID9ZA;IACA;IACA;IC8ZE;EHgkTJ;EG9jTE;IDlaA;IACA;IACA;ICkaE;EHkkTJ;EGhkTE;IDtaA;IACA;IACA;ICsaE;EHokTJ;AACF;AG9jTE;EAjBE;ID9ZA;IACA;IACA;IC8ZE;EHolTJ;EGllTE;IDlaA;IACA;IACA;ICkaE;EHslTJ;EGplTE;IDtaA;IACA;IACA;ICsaE;EHwlTJ;AACF;AG7jTE;EAdE;IDtbA;IACA;IACA;EFqgUF;EG9kTE;IDzbA;IACA;IACA;EF0gUF;EGhlTE;ID5bA;IACA;IACA;EF+gUF;EGllTE;ID/bA;IACA;IACA;EFohUF;AACF;AGhlTE;EAjBE;IDtbA;IACA;IACA;EF2hUF;EGpmTE;IDzbA;IACA;IACA;EFgiUF;EGtmTE;ID5bA;IACA;IACA;EFqiUF;EGxmTE;ID/bA;IACA;IACA;EF0iUF;AACF;AGplTE;EAXE;ID9cA;IACA;IACA;EFijUF;EGlmTE;IDjdA;IACA;IACA;EFsjUF;EGpmTE;IDpdA;IACA;IACA;EF2jUF;AACF;AGlmTE;EAdE;ID9cA;IACA;IACA;EFkkUF;EGnnTE;IDjdA;IACA;IACA;EFukUF;EGrnTE;IDpdA;IACA;IACA;EF4kUF;AACF;AG1lTE;EAlBE;IACE;IACA;EH+mTJ;EG7mTE;IACE;IACA;EH+mTJ;EG7mTE;IACE;IACA;EH+mTJ;EG7mTE;IACE;IACA;EH+mTJ;AACF;AGzmTE;EArBE;IACE;IACA;EHioTJ;EG/nTE;IACE;IACA;EHioTJ;EG/nTE;IACE;IACA;EHioTJ;EG/nTE;IACE;IACA;EHioTJ;AACF;AGzkTE;EAnCE;IDvgBA;IACA;IACA;EFunUF;EG/mTE;ID1gBA;IACA;IACA;EF4nUF;EGjnTE;ID7gBA;IACA;IACA;EFioUF;EGnnTE;IDhhBA;IACA;IACA;EFsoUF;EGrnTE;IDnhBA;IACA;IACA;EF2oUF;EGvnTE;IDthBA;IACA;IACA;EFgpUF;EGznTE;IDzhBA;IACA;IACA;EFqpUF;EG3nTE;ID5hBA;IACA;IACA;EF0p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CE;EACA;EACA;EACA;A3GypXF;A2GvpXE;EACE;A3GypXJ;A2GtpXE;EACE;A3GwpXJ;A2GppXA;EACE;A3GspXF;A2GppXE;EACE;A3GspXJ;A2GnpXE;EACE;A3GqpXJ;A2GnpXI;EACE;A3GqpXN;A2GhpXA;EzGsSI;EAEA;EyGtSF;EACA;EACA;EACA;EzGoPE;EACA;EAKA;AF45WJ;A2GlpXA;EACE;EACA;EACA;EACA;EzG2SE;EACA;EACA;EACA;EACA;EACA;EyG9SF;EACA;EACA;EACA;EACA;EACA;EACA;A3GypXF;A2GvpXE;EACE;EACA;A3GypXJ;A2GvpXI;;EAEE;A3GypXN;A2GrpXE;EACE;A3GupXJ;A2GppXE;EACE;EACA;A3GspXJ;A2GnpXE;;EACE;EACA;EACA;A3GspXJ;A2GnpXE;EACE;EACA;EACA;EACA;A3GqpXJ;A2GlpXE;EACE;EACA;EACA;EACA;A3GopXJ;A2GjpXE;EACE;EACA;A3GmpXJ;A2GjpXI;;EAEE;A3GmpXN;A2GhpXI;EACE;A3GkpXN;A2GhpXM;;EAEE;A3GkpXR;A2G9oXI;;EAEE;EACA;A3GgpXN;A2G5oXE;EACE;EACA;A3G8oXJ;A2G3oXE;EACE;A3G6oXJ;A2G1oXE;EACE;A3G4oXJ;A2GzoXE;EACE;A3G2oXJ;A2GxoXE;EACE;A3G0oXJ;A2GvoXE;;EAEE;A3GyoXJ;A2GtoXE;;EAEE;A3GwoXJ;A2GnoXI;;EACE;EACA;E3GsoXJ,yCAAyC;AAC3C;A2GpoXI;;EACE;EACA;EACA;E3GuoXJ,gEAAgE;AAClE;A2GpoXE;EACE;A3GsoXJ;A2GnoXE;EACE;A3GqoXJ;A2GloXE;EACE;A3GooXJ;A2GjoXE;EACE;A3GmoXJ;A2GjoXI;EACE;A3GmoXN;A2GhoXI;EACE;A3GkoXN;A2G9nXE;EACE;A3GgoXJ;A2G7nXE;EACE;A3G+nXJ;A2G5nXE;;EAEE;A3G8nXJ;A2G1nXI;EACE;EACA;E3G4nXJ,yCAAyC;AAC3C;A2G1nXI;EACE;EACA;EACA;E3G4nXJ,gEAAgE;AAClE;A2GvnXI;EACE;A3GynXN;A2GtnXI;EACE;A3GwnXN;A2GrnXI;EACE;A3GunXN;A2GpnXI;EACE;A3GsnXN;A2GlnXE;EACE;E3GonXF,wEAAwE;E2GlnXtE;A3GonXJ;A2GjnXE;EACE;E3GmnXF,wEAAwE;E2GjnXtE;A3GmnXJ;A2GhnXE;EACE;EACA;A3GknXJ;A2G9mXI;EACE;A3GgnXN;A2G9mXM;EACE;EACA;A3GgnXR;A2G1mXA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EzGWE;EACA;EAKA;EyGfF;A3G8mXF;A2G5mXE;EACE;A3G8mXJ;A2G3mXE;EACE;A3G6mXJ;A2G1mXE;EACE;EACA;EACA;A3G4mXJ;A2GzmXE;EACE;EACA;EACA;A3G2mXJ;A2GxmXE;EACE;A3G0mXJ;A2GvmXE;EACE;A3GymXJ;A2GrmXA;EACE;EACA;A3GumXF;A2GpmXA;EACE;EACA;EACA;A3GsmXF;A2GnmXA;EzG8BI;EACA;EACA;EACA;EACA;EACA;EyGjCF;EACA;EACA;EACA;A3G0mXF;A2GvmXA;EACE;A3GymXF;A2GtmXA;EACE;A3GwmXF;AACA,4BAA4B;A2GrmX5B;EACE;A3GumXF;A2GrmXE;EACE;A3GumXJ;A2GrmXI;EACE;A3GumXN;AACA;;;;;;;;;EASE;A8Cr/XF;EACE;EACA;A9Cu/XF;A8Cp/XA;EACE;EACA;A9Cs/XF;A8Cn/XA;EACE;E5CiQE;EACA;EACA;EACA;AFqvXJ;A8Cp/XE;EACE;A9Cs/XJ;AACA;;;;;;;;;EASE;A4GjhYF;EACE;EACA;EACA;EACA;EACA;EACA;E5GmhYA,0CAA0C;E4GjhY1C;EACA;EACA;A5GmhYF;AE5nXI;EARA;EACA;EACA;EACA;EACA;AFuoXJ;A4GvhYE;EACE;EACA;EACA;A5GyhYJ;A4GthYE;EACE;A5GwhYJ;A4GrhYE;EACE;A5GuhYJ;A4GphYE;;;EAGE;EACA;A5GshYJ;A4GnhYE;EACE;A5GqhYJ;A4GlhYE;EACE;EACA;EACA;A5GohYJ;A4GlhYI;EACE;A5GohYN;A4G/gYA;E5GihYE,6HAA6H;E4G/gY7H;A5GihYF;AACA;;;;;;;;;EASE;A6G9kYF;E7GglYE,yCAAyC;E6G9kYzC;A7GglYF;A6G9kYE;E7GglYA,sCAAsC;E6G9kYpC;A7GglYJ;A6G5kYA;E7G8kYE;;wDAEsD;E6G3kYtD;EACA;A7G6kYF;A6G3kYE;EACE;A7G6kYJ;A6G1kYE;E7G4kYA,oCAAoC;E6G1kYlC;A7G4kYJ;A6G1kYI;EACE;A7G4kYN;A6GxkYE;EACE;EACA;A7G0kYJ;A6GxkYI;EACE;A7G0kYN;A6GtkYE;EACE;A7GwkYJ;A6GrkYE;EACE;A7GukYJ;AACA;;;;;;;;;EASE;A8G3nYF;EACE;EACA;EACA;A9G6nYF;A8G3nYE;EACE;EACA;E5GiUA;EACA;AF6zXJ;A8G3nYE;EACE;E9G6nYF,yCAAyC;E8G3nYvC;A9G6nYJ;A8GznYA;E5GsTI;EACA;AFs0XJ;A8G1nYE;EACE;A9G4nYJ;A8GxnYA;;EAEE;A9G0nYF;A8GvnYA;;EAEE;A9GynYF;A8GtnYA;EACE;A9GwnYF;A8GrnYA;EACE;A9GunYF;A8GpnYA;E5G4RI;EACA;AF21XJ;A8GnnYE;EACE;A9GqnYJ;A8GlnYE;EACE;A9GonYJ;A8G9mYE;;EACE;A9GinYJ;AACA;;;;;;;;;EASE;A+G3rYF;;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;A/G4rYF;A+G1rYE;;EACE;A/G6rYJ;A+G1rYE;;EACE;A/G6rYJ;A+G3rYI;;EACE;A/G8rYN;A+GxrYE;EACE;EACA;EACA;EACA;EACA;EACA;A/G0rYJ;A+GtrYI;EACE;A/GwrYN;A+GlrYE;E7G4VE;EACA;EACA;EACA;EACA;EACA;E6G/VA;EACA;EACA;EACA;A/GyrYJ;A+GtrYE;EACE;EACA;A/GwrYJ;A+GrrYE;EACE;A/GurYJ;A+GnrYA;EACE;EACA;EACA;A/GqrYF;A+GnrYE;E7GqUE;EACA;EACA;EACA;EACA;EACA;E6GxUA;EACA;EACA;A/G0rYJ;A+GvrYE;EACE;A/GyrYJ;A+GvrYI;EACE;A/GyrYN;AACA;;;;;;;;;EASE;AgHnxYF;EACE;EACA;AhHqxYF;AgHlxYA;EACE;EACA;EACA;EACA;EACA;AhHoxYF;AgHlxYE;EACE;EhHoxYF,uDAAuD;AACzD;AgHlxYE;EACE;EACA;AhHoxYJ;AACA;;;;;;;;;EASE;AiHhzYF;EACE;EACA;EACA;E/GwBE;EACA;EAjBA;E+GNF;AjHozYF;AiHlzYE;E/GYE;E+GVA;AjHozYJ;AiHhzYA;EACE;EACA;AjHkzYF;AiHhzYE;EACE;EACA;EACA;AjHkzYJ;AiH9yYA;EACE;EACA;AjHgzYF;AiH9yYE;EACE;EACA;EACA;AjHgzYJ;AiH7yYM;EACE;EACA;AjH+yYR;AiH3yYI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AjH6yYN;AiH3yYM;EACE;AjH6yYR;AiH1yYM;EACE;AjH4yYR;AiH1yYQ;EACE;AjH4yYV;AiHxyYM;EACE;AjH0yYR;AiHxyYQ;EACE;AjH0yYV;AiHtyYM;EACE;EACA;EACA;EACA;AjHwyYR;AiHryYM;EACE;EACA;AjHuyYR;AiHlyYY;;EACE;EACA;AjHqyYd;AiHlyYY;;EACE;EACA;AjHqyYd;AiHjyYc;;EACE;AjHoyYhB;AiHjyYc;;EACE;AjHoyYhB;AiH7xYM;EjH+xYJ,+IAA+I;AACjJ;AiH9xYQ;EACE;EACA;AjHgyYV;AiH7xYQ;EACE;AjH+xYV;AiH7xYU;EACE;AjH+xYZ;AiH5xYU;EACE;AjH8xYZ;AiH5xYY;EACE;AjH8xYd;AiHxxYU;EACE;EACA;AjH0xYZ;AiHvxYU;EACE;AjHyxYZ;AiHjxYU;;EACE;EACA;AjHoxYZ;AiHjxYU;;EACE;EACA;AjHoxYZ;AiHhxYY;;EACE;AjHmxYd;AiHhxYY;;EACE;AjHmxYd;AiHzwYE;EACE;AjH2wYJ;AACA;;;;;;;;;EASE;AkHh8YF;EACE;EACA;EACA;EACA;EhHeE;EgHbF;EACA;AlHk8YF;AkH/7YA;EACE;EACA;EACA;EACA;ElHi8YA,kEAAkE;EEpoYhE;EACA;AFsoYJ;AkHj8YE;EACE;AlHm8YJ;AkHh8YE;EACE;EACA;AlHk8YJ;AkH97YA;EACE;EACA;EACA;AlHg8YF;AkH97YE;EACE;AlHg8YJ;AkH77YE;EACE;EACA;EACA;AlH+7YJ;AkH77YI;EACE;AlH+7YN;AkH57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CA;EACA;EACA;AFy3ZN;AACA,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AuHrkahF;EACE;EACA;EACA;EvHukaA,mBAAmB;EuHtkanB;EvHwkaA,iBAAiB;AACnB;AACA;;;;;;;;;EASE;AwH/naF;EACE;EACA;EACA;EACA;AxHioaF;AwH9naA;EACE;EACA;EAEA;ExH+naA,uBAAuB;AACzB;AwH/naE;EAAA;IxHkoaE,sBAAsB;IwHhoatB;ExHkoaF;AACF;AwHhoaE;EACE;AxHkoaJ;AwH9naA;EACE;EACA;AxHgoaF;AACA;;;;;;;;;EASE;AyHlqaF;EzHoqaE,+CAA+C;EyHlqa/C;AzHoqaF;AACA;;;;;;;;;EASE;A0HhraF;EACE;A1HkraF;AACA;;;;;;;;;EASE;A2H7raF;EACE;EACA;EACA;EACA;EACA;A3H+raF;A2H7raE;EACE;E3H+raF,iGAAiG;EACjG,gEAAgE;EAChE,gFAAgF;EAChF,mDAAmD;EACnD,mEAAmE;AACrE;A2HlsaI;EACE;A3HosaN;A2HlsaM;EAGE;A3HksaR;A2H9raI;EACE;EACA;EACA;A3HgsaN;A2H7raI;EACE;A3H+raN;A2H7raM;EACE;EACA;A3H+raR;A2H3raI;EACE;EACA;EACA;EACA;EACA;EACA;A3H6raN;A2H3raM;EACE;A3H6raR;A2HzraI;EACE;EACA;A3H2raN;A2HxraI;EACE;A3H0raN;A2HrraI;;;;EAIE;E3HuraJ,2DAA2D;E2HtravD;A3HwraN;A2HlraI;EAEE;A3HmraN;A2HjraM;EACE;A3HmraR;A2HhraM;EACE;A3HkraR;A2H/qaM;E3HiraJ,iHAAiH;E2H/qa3G;A3HiraR;A2H9qaM;EACE;A3HgraR;A2H9qaQ;E3HgraN,gFAAgF;E2H9qaxE;EACA;EACA;A3HgraV;A2HzqaI;EACE;A3H2qaN;A2HxqaI;EACE;A3H0qaN;A2HvqaI;;EAEE;A3HyqaN;A2HpqaI;;;;;;EAME;EACA;A3HsqaN;A2HpqaM;;;;;;EACE;A3H2qaR;A2HxqaM;;;;;;EACE;A3H+qaR;A2H1qaE;EACE;A3H4qaJ;A2H1qaI;;;;E3H+qaF,iFAAiF;E2H1qa7E;A3H4qaN;A2HzqaI;EzH0EA;EACA;EACA;EACA;EACA;EACA;EC9NA;EACA;EACA;EACA;AHi0aJ;AE/laI;ECrOA;EACA;EACA;EACA;EDoOE;EACA;EACA;EACA;EACA;EACA;EACA;AFomaN;A2H7raE;EACE;EACA;EACA;EACA;A3H+raJ;A2H7raI;EACE;A3H+raN;A2H5raI;E3H8raF,qFAAqF;AACvF;A2H9raM;EACE;A3HgsaR;A2H3raM;;EAEE;EACA;A3H6raR;A2H3raQ;;EACE;A3H8raV;A2H3raQ;;EACE;A3H8raV;A2HvraQ;;EACE;A3H0raV;A2HvraQ;;EACE;A3H0raV;A2HpraQ;EACE;A3HsraV;A2HnraQ;EACE;A3HqraV;A2H9qaE;EACE;EACA;EACA;A3HgraJ;A2H9qaI;EACE;A3HgraN;A2H5qaM;EACE;A3H8qaR;A2H3qaM;;EAEE;A3H6qaR;A2H3qaQ;;EACE;A3H8qaV;A2H3qaQ;;EACE;A3H8qaV;A2HxqaE;EACE;EACA;EACA;A3H0qaJ;A2HxqaI;EACE;A3H0qaN;A2HtqaM;EACE;A3HwqaR;A2HrqaM;;EAEE;A3HuqaR;A2HrqaQ;;EACE;A3HwqaV;A2HrqaQ;;EACE;A3HwqaV;A2HjqaQ;;EACE;A3HoqaV;A2HjqaQ;;EACE;A3HoqaV;A2H9paQ;EACE;A3HgqaV;A2H7paQ;EACE;A3H+paV;A2HzpaE;E3H2paA,kEAAkE;E2HzpahE;E3H2paF;;+DAE6D;E2Hxpa3D;A3H0paJ;A2HxpaI;EACE;EACA;A3H0paN;A2HxpaM;EACE;A3H0paR;A2HtpaI;EACE;EACA;A3HwpaN;A2HtpaM;EACE;A3HwpaR;A2HppaI;EACE;EACA;A3HspaN;A2HppaM;EACE;A3HspaR;A2HlpaI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A3HopaN;AACA;;;EAGE;AACF;;;;;;;;;EASE;A4Hj/aF;EACE;EACA;EACA;A5Hm/aF;A4Hj/aE;EACE;EACA;EACA;EACA;EACA;EACA;E5Hm/aF,8DAA8D;E4Hx+a5D;A5H0+aJ;A4Hn/aI;EACE;A5Hq/aN;A4Hl/aI;EACE;A5Ho/aN;A4H9+aI;;EAEE;A5Hg/aN;A4H7+aI;EACE;A5H++aN;A4H7+aM;EACE;EACA;A5H++aR;A4H3+aI;EACE;EACA;E1HmSF;EACA;AF2saJ;A4H3+aI;EACE;A5H6+aN;A4Hv+aE;EACE;EACA;A5Hy+aJ;A4Hv+aI;EACE;EACA;A5Hy+aN;A4Ht+aI;EACE;EACA;EAIA;EAEA;EACA;A5Ho+aN;A4Hj+aI;EACE;A5Hm+aN;A4H39aI;;EAEE;A5H69aN;A4Hz9aE;;EAEE;A5H29aJ;A4Hn9aM;;;;EAEE;A5Hu9aR;A4Hn9aI;;EAEE;EACA;A5Hq9aN;A4H/8aI;EACE;A5Hi9aN;A4H58aM;;EAEE;A5H88aR;A4H18aI;;EAEE;A5H48aN;A4Hn8aM;;;;EAEE;A5Hu8aR;A4Hn8aI;;EAEE;EACA;A5Hq8aN;A4Hj8aE;;EAEE;EACA;EACA;A5Hm8aJ;A4Hh8aM;;EACE;A5Hm8aR;A4Hh8aM;;EACE;A5Hm8aR;AACA;;;;;;;;;EASE;A6H7mbF;EFyVE;EACA;E3HuxaA,iCAAiC;AACnC;A2HtxaE;EACE;EACA;A3HwxaJ;A6HnnbE;EACE;A7HqnbJ;A6HlnbE;EFkVA;EACA;A3HmyaF;A2HjyaE;EACE;EACA;A3HmyaJ;A6HvnbI;EACE;A7HynbN;A6HnnbE;EACE;A7HqnbJ;A6HlnbM;EACE;A7HonbR;A6H/mbE;EACE;E7HinbF,oCAAoC;E6HhnblC;EACA;E7HknbF,mDAAmD;EACnD,8EAA8E;AAChF;A6HlnbI;;EAEE;A7HonbN;A6HjnbI;EACE;EACA;E7HmnbJ,qCAAqC;AACvC;A6HlnbM;EACE;A7HonbR;A6HjnbM;EACE;A7HmnbR;A6H9mbM;EACE;A7HgnbR;A6H5mbI;E7H8mbF,2FAA2F;E6H5mbvF;A7H8mbN;A6HzmbI;EACE;EACA;A7H2mbN;A6HtmbI;E7HwmbF,iGAAiG;EACjG,qFAAqF;E6HtmbjF;EACA;A7HwmbN;A6HtmbM;EACE;EACA;EACA;EACA;A7HwmbR;A6HpmbI;EACE;A7HsmbN;A6HpmbM;EACE;A7HsmbR;A6H/lbI;EACE;A7HimbN;A6H9lbI;EACE;A7HgmbN;A6HplbM;;EACE;EACA;A7HulbR;A6HnlbI;;EAEE;A7HqlbN;A6HnlbM;;EACE;A7HslbR;A6HllbI;EACE;A7HolbN;A6H3kbM;;EACE;EACA;A7H8kbR;A6HpkbM;;EACE;EACA;A7HukbR;A6HnkbI;;EAEE;A7HqkbN;A6HnkbM;;EACE;A7HskbR;A6HlkbI;EACE;A7HokbN;AACA;;;;;;;;;EASE;A8HjvbA;;EAEE;EACA;EACA;EACA;A9HmvbJ;A8HhvbE;E9HkvbA;6GAC2G;EAC3G,2GAA2G;E8HhvbzG;EACA;EACA;EACA;E9HkvbF,sCAAsC;AACxC;A8HjvbI;EAGE;EACA;A9HivbN;A8H9ubI;EACE;E9HgvbJ,sCAAsC;AACxC;A8H9ubI;EACE;E9HgvbJ,sCAAsC;AACxC;AACA;;;EAGE;A8H1ubA;EACE;EACA;EACA;A9H4ubJ;A8HzubE;EACE;EACA;E9H2ubF,oCAAoC;AACtC;A8HxubI;EACE;E5H5CF;AFuxbJ;A8HvubI;EACE;A9HyubN;A8HtubI;EACE;EACA;A9HwubN;A8HnubA;E3HnEI;EACA;EACA;EACA;E2HkEF;EACA;EACA;EACA;EACA;EACA;A9HwubF;AACA;;;;;;;;;EASE;A+H/zbF;E7HqVI;EACA;AF6+aJ;AACA;;;;;;;;;EASE;AgI70bF;EACE;EACA;EACA;EACA;EACA;EACA;AhI+0bF;AgI70bE;EACC;AhI+0bH;AgI50bE;EACE;AhI80bJ;AgI30bE;EACE;AhI60bJ;AgI10bE;E9HsXE;EACA;EACA;EACA;EACA;EACA;E8HzXA;EACA;EACA;EACA;EACA;AhIi1bJ;AgI90bE;EACE;AhIg1bJ;AgI70bE;EACE;AhI+0bJ;AgI50bE;EACE;AhI80bJ;AACA;;;;;;;;;EASE;AACF,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,sDAAsD;AACtD;;8DAE8D;AAC9D,6IAA6I;AAC7I;wGACwG;AACxG,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC;;;;;;;;;EASE;AiIv5bI;;EACE;EACA;EACA;AjI05bR;AiIv5bM;;EACE;EACA;EACA;EACA;AjI05bR","file":"eclipse-scout-core-theme-dark.css","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 /\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 /\nbody {\n background-color: #394051;\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: #e4e4e6;\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: #4bbbff;\n color: #e4e4e6;\n}\n::selection {\n background: #4bbbff;\n color: #e4e4e6;\n}\n::-webkit-input-placeholder {\n color: #79818d;\n opacity: 1;\n / necessary for firefox /\n}\n:-moz-placeholder {\n / older versions of firefox /\n color: #79818d;\n opacity: 1;\n / necessary for firefox /\n}\n::-moz-placeholder {\n color: #79818d;\n opacity: 1;\n / necessary for firefox /\n}\n:-ms-input-placeholder {\n color: #79818d;\n opacity: 1;\n / necessary for firefox /\n}\n::placeholder {\n / Most modern browsers /\n color: #79818d;\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: #1d222b;\n color: #495465;\n}\n.disabled::selection {\n background: #1d222b;\n color: #495465;\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(153, 153, 153, 0.7);\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(153, 153, 153, 0.7);\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(153, 153, 153, 0.7);\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(153, 153, 153, 0.7);\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}\ninput,\ntextarea,\n.input-field {\n background-color: #262d3b;\n color: #e4e4e6;\n border: 1px solid #495465;\n border-radius: 3px;\n}\ninput.disabled,\ntextarea.disabled,\n.input-field.disabled {\n background-color: inherit;\n color: #999999;\n}\ninput:focus,\ntextarea:focus,\n.input-field:focus,\ninput.focused,\ntextarea.focused,\n.input-field.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\ninput.has-error,\ntextarea.has-error,\n.input-field.has-error {\n border-color: #FF6060;\n background-color: #262d3b;\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 box-shadow: 0 0 5px #FF6060;\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 #495465;\n color: #e4e4e6;\n}\ntextarea.read-only {\n border: 1px dashed #495465;\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: 1px;\n}\ninput.alternative,\n.input-field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: #495465;\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: #999999;\n border-bottom-style: dashed;\n border-bottom-color: #999999;\n}\ninput.alternative:focus,\n.input-field.alternative:focus,\ninput.alternative.focused,\n.input-field.alternative.focused {\n color: #4bbbff;\n border-bottom-color: #4bbbff;\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: #FF6060;\n border-bottom-color: #FF6060;\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: #FF6060;\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: #e4e4e6;\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: #999999;\n opacity: 1;\n}\ninput.disabled.read-only,\ntextarea.disabled.read-only {\n -webkit-text-fill-color: #e4e4e6;\n}\ninput.disabled::selection,\ntextarea.disabled::selection {\n -webkit-text-fill-color: #495465;\n}\ntextarea.alternative {\n background-color: transparent;\n}\ntextarea.alternative.disabled:not(.read-only) {\n background-color: transparent;\n border: 1px dashed #495465;\n color: #999999;\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' in IE /\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: 0;\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.button {\n position: relative;\n color: #4bbbff;\n background-color: transparent;\n border: 1px solid #2B73B3;\n border-radius: 3px;\n cursor: pointer;\n white-space: nowrap;\n padding: 2px 7px;\n / Note: no vertical align helper here! this is very dependent on the content of the button /\n / (only text or other DOM nodes), therefore it has to be added manually when desired. /\n}\n.button > .button-label,\n.button > .submenu-icon,\n.button > .icon {\n vertical-align: middle;\n display: inline-block;\n}\n.button > .button-label {\n margin-top: 1px;\n overflow: hidden;\n text-overflow: ellipsis;\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 color: #4bbbff;\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.button > .button-label,\n.button > .icon,\n.button > .submenu-icon {\n opacity: 1;\n transition: opacity 250ms;\n}\n.button:hover {\n color: #4bbbff;\n}\n.button:focus {\n outline: none;\n overflow: visible;\n / without this, IE would cut off the focus glow /\n}\n.button:focus::before {\n position: absolute;\n content: '';\n left: -3px;\n top: -3px;\n width: calc(100% + 6px);\n height: calc(100% + 6px);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-radius: 3px;\n}\n.button:active,\n.button.active {\n color: #fff;\n background-color: #1561A7;\n}\n.button:active > .font-icon,\n.button.active > .font-icon {\n color: #fff;\n}\n.button.default:not(.disabled) {\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:not(.disabled):focus {\n color: #fff;\n}\n.button.default:not(.disabled):hover {\n background-color: #1561A7;\n}\n.button.default:not(.disabled):active,\n.button.default:not(.disabled).active {\n background-color: #014786;\n border-color: #014786;\n}\n.button.default:not(.disabled) > .font-icon {\n font-weight: normal;\n color: #fff;\n}\n.button:disabled {\n background-color: inherit;\n border-color: #999999;\n color: #999999;\n cursor: default;\n}\n.button:disabled > .font-icon {\n color: #999999;\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(75, 187, 255, 0.8) solid;\n width: 20px;\n height: 20px;\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: #e4e4e6;\n}\n.closer::before {\n content: '\\E045';\n}\n.closer:active,\n.closer.active {\n color: #4bbbff;\n}\n.closer:hover {\n color: #4bbbff;\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: '\\E04F';\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: #394051;\n pointer-events: none;\n}\n.application-loading-root-fadeout {\n -webkit-animation: fade-out 250ms linear 1;\n -moz-animation: fade-out 250ms linear 1;\n -o-animation: fade-out 250ms linear 1;\n animation: fade-out 250ms linear 1;\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 #4bbbff;\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 #3EE1C3;\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: #4bbbff;\n text-decoration: underline;\n cursor: pointer;\n}\na:hover,\n.link:hover,\n.app-link:hover {\n color: #18a8ff;\n}\na:active,\n.link:active,\n.app-link:active,\na.active,\n.link.active,\n.app-link.active {\n color: #18a8ff;\n}\na:focus,\n.link:focus,\n.app-link:focus {\n outline-color: #4bbbff;\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: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n margin: 100px 50px;\n padding: 20px;\n border: 1px solid #FF6060;\n background-color: #262d3b;\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 > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .form,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .touch-popup,\n.scout > .form-menu-popup,\n.scout > .smart-field-popup,\n.scout > .proposal-field-popup,\n.scout > .date-picker-popup,\n.scout > .time-picker-popup,\n.scout > .table-header-menu,\n.scout > .tag-chooser-popup,\n.scout > .tag-overflow-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: #999999;\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 #495465;\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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\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: #4bbbff;\n}\n.action:active {\n color: #4bbbff;\n}\n.action.disabled {\n color: #999999;\n cursor: default;\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/\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: 1px solid #495465;\n border-radius: 3px;\n background-color: #262d3b;\n max-width: 420px;\n margin: 0 auto;\n padding: 40px 70px;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.box-content > .header {\n text-align: center;\n}\n.box-content > .header > .logo {\n margin-top: 5px;\n margin-bottom: 40px;\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}\n.box-content.centered {\n text-align: center;\n}\n@media (max-width: 460px) {\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) 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.box-buttons.empty {\n border-bottom: 1px solid #495465;\n}\n.box-buttons > .box-button {\n position: relative;\n padding: 12px;\n background-color: #1a1d28;\n border: 1px solid #495465;\n cursor: pointer;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n vertical-align: bottom;\n}\n.box-buttons > .box-button.disabled {\n cursor: default;\n color: #999999;\n}\n.box-buttons > .box-button:not(.disabled):active {\n background-color: #394051;\n}\n.box-buttons > .box-button:first-child {\n border-bottom-left-radius: 3px;\n}\n.box-buttons > .box-button:last-child {\n border-bottom-right-radius: 3px;\n}\n.box-buttons > .box-button:first-child ~ .box-button {\n border-left-width: 0;\n}\n.box-buttons > .box-button:focus {\n outline: none;\n}\n.box-buttons > .box-button:focus::before {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n position: absolute;\n content: '';\n left: 2px;\n top: 2px;\n width: calc(100% + -4px);\n height: calc(100% + -4px);\n z-index: 1;\n}\n.box-buttons > .box-button:first-child:focus::before {\n border-bottom-left-radius: 3px;\n}\n.box-buttons > .box-button:last-child:focus::before {\n border-bottom-right-radius: 3px;\n}\n.severity-error .box-buttons > .box-button:focus::before {\n border-color: #FF6060;\n box-shadow: 0 0 5px #FF6060;\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-week-scrollable {\n overflow: visible;\n}\n.calendar-scrollable-components-week {\n top: calc(23px + 5px);\n height: calc(15% - ( 23px + 5px));\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: #e4e4e6;\n background-color: transparent;\n border: 1px solid #495465;\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: #4bbbff;\n}\n.calendar-today {\n width: 65px;\n}\n.calendar-title {\n display: table-cell;\n vertical-align: middle;\n color: #4bbbff;\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: #4bbbff;\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: #e4e4e6;\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: #e4e4e6;\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 width: 65px;\n border-top: 1px solid #495465;\n border-bottom: 1px solid #495465;\n border-left: 1px solid #495465;\n}\n.calendar-mode.first {\n border-left: 1px solid #495465;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.calendar-mode.last {\n border-right: 1px solid #495465;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.calendar-mode:hover {\n color: #4bbbff;\n}\n.calendar-mode.selected {\n color: #e4e4e6;\n background-color: #495465;\n}\n.calendar-mode-menu {\n padding: 5px 12px;\n border: 1px solid #495465;\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: #4bbbff;\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: #e4e4e6;\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: #e4e4e6;\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: #b7dafc;\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 #262d3b;\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: #98c4ec;\n / Default colors used when component has no specific class /\n}\n.calendar-component:hover > .calendar-component-leftcolorborder {\n background-color: #74A8D8;\n}\n.calendar-component.comp-selected > .calendar-component-leftcolorborder {\n background-color: #014786;\n}\n.calendar-component:hover {\n background-color: #98c4ec;\n}\n.calendar-component.comp-selected {\n background-color: #74A8D8;\n}\n.calendar-component.calendar-appointment {\n background-color: #ffe8bf;\n}\n.calendar-component.calendar-appointment > .calendar-component-leftcolorborder {\n background-color: #ffd07e;\n}\n.calendar-component.calendar-appointment:hover {\n background-color: #ffd07e;\n}\n.calendar-component.calendar-appointment:hover > .calendar-component-leftcolorborder {\n background-color: #FDAD4F;\n}\n.calendar-component.calendar-appointment:hover .comp-selected > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-appointment.comp-selected {\n background-color: #FDAD4F;\n}\n.calendar-component.calendar-appointment.comp-selected > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-task {\n background-color: #cefff5;\n}\n.calendar-component.calendar-task > .calendar-component-leftcolorborder {\n background-color: #7ff2dd;\n}\n.calendar-component.calendar-task:hover {\n background-color: #7ff2dd;\n}\n.calendar-component.calendar-task:hover > .calendar-component-leftcolorborder {\n background-color: #3EE1C3;\n}\n.calendar-component.calendar-task.comp-selected {\n background-color: #3EE1C3;\n}\n.calendar-component.calendar-task.comp-selected > .calendar-component-leftcolorborder {\n background-color: #24B499;\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: #e4e4e6;\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: #e4e4e6;\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: #495465;\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.mobile {\n padding-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 #495465;\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: #e4e4e6;\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: #999999;\n}\n.calendar-day.weekend::before {\n color: #4bbbff;\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: #262d3b;\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 #cd6906;\n border-radius: 50%;\n background-color: #cd6906;\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: #495465;\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: #495465;\n}\n.calendar-day-name::before {\n position: absolute;\n content: attr(data-day-name);\n color: #e4e4e6;\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: #495465;\n}\n.calendar-week-axis:not(.first).hour::after {\n background-color: #495465;\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: #495465;\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}\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: #e4e4e6;\n cursor: default;\n}\n.year-panel-title > .year-title-item:hover {\n color: #e4e4e6;\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: #495465;\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: #e4e4e6;\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: #394051;\n}\n.year-panel-list > .year-month > .year-day.year-range {\n background-color: #495465;\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: #e4e4e6;\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: #fff;\n opacity: 0.1;\n pointer-events: 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.date-picker-popup {\n position: absolute;\n width: 252px;\n border: 1px solid #014786;\n border-radius: 3px;\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n overflow: hidden;\n}\n.date-picker-popup.alternative {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n border-radius: 0;\n}\n.date-picker {\n position: relative;\n background-color: #262d3b;\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 display: table;\n width: 100%;\n padding: 0 6px 3px 6px;\n}\n.date-picker-weekdays {\n display: table-row;\n}\n.date-picker-weekday {\n display: table-cell;\n height: 30px;\n text-align: center;\n vertical-align: middle;\n}\n.date-picker-week {\n display: table-row;\n}\n.date-picker-day {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n / Hover effect is disabled on touch devices because the hover effect does not vanish on touch end which is annoying especially when swiping. /\n / Must be after other style definitions, because 'disabled' should overrule other definitions /\n}\n.date-picker.touch .date-picker-day {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.date-picker-day > .text {\n display: inline-block;\n padding: 5px 5px;\n margin-top: 2px;\n border-radius: 50%;\n border: 1px solid transparent;\n}\n.date-picker-day.ten > .text {\n / increase padding a bit to center days between 10 and 19 nicer /\n padding-right: 6px;\n}\n.date-picker-day:active:not(.disabled) > .text,\n.date-picker:not(.touch) .date-picker-day:hover:not(.disabled) > .text {\n border-color: #4bbbff;\n background-color: #394051;\n}\n.date-picker-day:active:not(.disabled).date-picker-now > .text,\n.date-picker:not(.touch) .date-picker-day:hover:not(.disabled).date-picker-now > .text {\n border-color: #FE9915;\n background-color: #394051;\n}\n.date-picker-day:active:not(.disabled).selected > .text,\n.date-picker:not(.touch) .date-picker-day:hover:not(.disabled).selected > .text {\n background-color: #2B73B3;\n}\n.date-picker-day:active:not(.disabled).selected.date-picker-now > .text,\n.date-picker:not(.touch) .date-picker-day:hover:not(.disabled).selected.date-picker-now > .text {\n background-color: #FDAD4F;\n}\n.date-picker-day.date-picker-out {\n color: #999999;\n}\n.date-picker-day.date-picker-weekend {\n color: #4bbbff;\n}\n.date-picker-day.date-picker-out-weekend {\n color: #74A8D8;\n}\n.date-picker-day.date-picker-now {\n color: #FE9915;\n font-weight: bold;\n}\n.date-picker-day.preselected > .text {\n border-color: #4bbbff;\n border-style: dashed;\n}\n.date-picker-day.preselected.date-picker-now > .text {\n border-color: #FE9915;\n}\n.date-picker-day.selected {\n color: #fff;\n}\n.date-picker-day.selected > .text {\n background-color: #1561A7;\n}\n.date-picker-day.selected.date-picker-now {\n color: #fff;\n}\n.date-picker-day.selected.date-picker-now > .text {\n background-color: #cd6906;\n}\n.date-picker-day.disabled {\n color: #495465;\n}\n.date-picker-header {\n line-height: 30px;\n height: 30px;\n padding: 0 10px;\n background-color: #1a1d28;\n border-bottom: 1px solid #495465;\n / Additional space between navigation buttons on touch devices /\n}\n.date-picker-header.touch {\n padding-left: 18px;\n padding-right: 18px;\n}\n.date-picker-header.touch > .date-picker-left-m {\n margin-left: 26px;\n}\n.date-picker-header.touch > .date-picker-right-m {\n margin-right: 26px;\n}\n.date-picker-separator {\n position: absolute;\n top: 59px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid #495465;\n}\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 13px;\n padding-top: 1px;\n}\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n text-align: center;\n width: 22px;\n line-height: 30px;\n height: 30px;\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 color: #4bbbff;\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 color: #4bbbff;\n}\n.date-picker-left-y,\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.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.touch-popup-widget-container > .date-picker {\n border: none;\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/ \"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 right: 0;\n top: 0;\n margin-top: 8px;\n margin-right: 20px;\n width: 33px;\n height: 33px;\n background-size: contain;\n background-repeat: no-repeat;\n}\n.desktop-logo.clickable {\n cursor: pointer;\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 / 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 > .menubox > .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 .group-box-title {\n margin-top: 2px;\n / @group-box-title-margin-top; /\n padding-top: 4px;\n / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 4px;\n}\n.dense .group-box-body {\n padding-top: 8px;\n / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 6px;\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: 4px;\n / @group-box-title-margin-top; /\n}\n.dense .tab-item > .title {\n padding-top: 4px;\n / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\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 padding-top: 7px;\n / padding: @table-header-padding-y @table-header-padding-right @table-header-padding-y @table-header-padding-left; /\n padding-bottom: 6px;\n}\n.dense .table-header-resize {\n padding-top: 4px;\n / 8px 8px; /\n padding-bottom: 4px;\n}\n.dense .table-cell {\n padding-top: 4px;\n / padding: @table-row-padding-y @table-cell-padding-right @table-row-padding-y @table-cell-padding-left; /\n padding-bottom: 4px;\n}\n.dense .table-cell.checkable {\n padding-top: 4px;\n / @table-row-padding-y - @checkable-cell-padding-adjustment @table-cell-padding-left 0 @table-cell-padding-left; /\n padding-bottom: 4px;\n line-height: 0;\n / somehow inline-block causes additional height when line-height is not set. (font-size would work) /\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 padding-bottom: 4px;\n}\n.dense .detail-table.table > .table-header > .table-header-item {\n padding-top: 7px;\n / @detail-table-header-padding-y; /\n padding-bottom: 6px;\n / @detail-table-header-padding-y; /\n}\n.dense .detail-table.table > .table-header > .table-header-item > .table-header-item-state {\n top: 4px;\n / top: 9px; /\n}\n.dense .detail-table.table .table-aggregate > .table-cell {\n padding-top: 4px;\n / @detail-table-row-padding-y; /\n padding-bottom: 4px;\n / @detail-table-row-padding-y; /\n}\n.dense .detail-table.table > .table-data > .table-row > .table-cell,\n.dense .detail-table.table > .table-data > .table-aggregate-row > .table-cell {\n padding-top: 3px;\n / @detail-table-row-padding-y - 1px; /\n padding-bottom: 3px;\n / @detail-table-row-padding-y - 1px; /\n}\n.dense .detail-table.table > .table-data > .table-row > .table-cell.checkable,\n.dense .detail-table.table > .table-data > .table-aggregate-row > .table-cell.checkable {\n padding-top: 3px;\n / @detail-table-row-padding-y - @checkable-cell-padding-adjustment - 1px; /\n padding-bottom: 3px;\n}\n.dense .detail-table.table > .table-data > .table-row > .table-cell > .table-row-control,\n.dense .detail-table.table > .table-data > .table-aggregate-row > .table-cell > .table-row-control {\n padding-top: 4px;\n / @detail-table-row-padding-y - 1px; /\n padding-bottom: 4px;\n / @detail-table-row-padding-y - 1px; /\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: 3px;\n / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 3px;\n}\n.dense .button {\n padding-top: 0;\n / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n}\n.dense .button > .button-label {\n padding: 0 0;\n}\n.dense .button > .icon {\n padding-top: 0;\n / padding-top: 2px; /\n padding-bottom: 0;\n / padding-bottom: 2px; /\n}\n.dense .button-field > .button > .button-label {\n padding: 0;\n / @text-field-padding-y - @button-padding-y - @button-margin-top 0 /\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 > .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) 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-bench {\n position: absolute;\n top: 0;\n background-color: #262d3b;\n / jquery sets overflow to hidden while animating which makes bench-drop-shadow invisible -> prevent it /\n overflow: visible !important;\n / NOSONAR /\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.desktop-bench.drop-shadow::before {\n content: '';\n position: absolute;\n top: 3px;\n left: 0;\n width: 10px;\n height: calc(100% - 3px);\n box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.4);\n clip-path: polygon(0 -100%, 0 200%, -100px 200%, -100px -100%);\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.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {\n margin-left: 25px;\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: #495465;\n}\n.desktop-bench > .splitter.x-axis {\n margin-left: -7px;\n margin-right: -7px;\n}\n.detail-table.table.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.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(75, 187, 255, 0.8) solid;\n width: 100px;\n height: 100px;\n}\n.detail-table.table.ie {\n height: 0;\n width: 0;\n}\n.detail-table.table > .table-header {\n padding-left: 12px;\n padding-right: 12px;\n background-color: #2d3748;\n border-bottom-color: #495465;\n}\n.detail-table.table > .table-header > .table-header-item {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.detail-table.table > .table-header > .table-header-item > .table-header-item-state {\n top: 9px;\n}\n.detail-table.table > .table-header > .menubar-container {\n padding-left: 6px;\n padding-right: 10px;\n}\n.detail-table.table > .table-header > .menubar-container > .menubar > .menubox > .menu-item {\n margin-right: 12px;\n}\n.detail-table.table > .table-data {\n padding-left: 12px;\n padding-right: 12px;\n}\n.detail-table.table > .table-footer {\n background-color: #1a1d28;\n}\n.detail-table.table .table-aggregate {\n / Desktop table has a 2px (left) border. /\n margin-left: 14px;\n}\n.detail-table.table .table-aggregate > .table-cell {\n padding-top: 12px;\n padding-bottom: 12px;\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 > .table-row,\n.detail-table.table > .table-data > .table-aggregate-row {\n / Desktop table has a 2px border. Top and bottom border are added to the table cell. /\n border-left-width: 2px;\n border-right-width: 2px;\n}\n.detail-table.table > .table-data > .table-row.selected,\n.detail-table.table > .table-data > .table-aggregate-row.selected {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.detail-table.table > .table-data > .table-row > .table-cell,\n.detail-table.table > .table-data > .table-aggregate-row > .table-cell {\n / Replace first and last pixel of specified row padding by a transparent border. This border will be /\n / set to the selection color when the row is selected, thus creating the illusion that the 2px selection /\n / border is drawn around the cell. See CSS rules below. /\n padding-top: 11px;\n padding-bottom: 11px;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n}\n.detail-table.table > .table-data > .table-row > .table-cell.checkable,\n.detail-table.table > .table-data > .table-aggregate-row > .table-cell.checkable {\n padding-top: 9px;\n padding-bottom: 0;\n}\n.detail-table.table > .table-data > .table-row > .table-cell > .table-row-control,\n.detail-table.table > .table-data > .table-aggregate-row > .table-cell > .table-row-control {\n padding-top: 11px;\n padding-bottom: 11px;\n}\n.detail-table.table > .table-data > .table-row.select-top > .table-cell,\n.detail-table.table > .table-data > .table-aggregate-row.select-top > .table-cell {\n border-top-color: #4bbbff;\n}\n.detail-table.table > .table-data > .table-row.select-bottom > .table-cell,\n.detail-table.table > .table-data > .table-aggregate-row.select-bottom > .table-cell {\n border-bottom-color: #4bbbff;\n}\n.detail-table.table > .table-data > .table-row.select-single > .table-cell,\n.detail-table.table > .table-data > .table-aggregate-row.select-single > .table-cell {\n border-top-color: #4bbbff;\n border-bottom-color: #4bbbff;\n}\n.detail-table.table > .table-data > .cell-editor-popup > .check-box-field {\n border-top: 2px solid #4bbbff;\n border-bottom: 2px solid #4bbbff;\n}\n.detail-table.table > .table-data > .cell-editor-popup > .check-box-field > .field {\n padding-top: 9px;\n}\n.detail-table.table > .table-data > .cell-editor-popup > .cell-editor-form-field > input,\n.detail-table.table > .table-data > .cell-editor-popup > .cell-editor-form-field > .field > input {\n border-top: 2px solid #4bbbff;\n border-bottom: 2px solid #4bbbff;\n}\n@media only screen and (min-resolution: 96.96dpi) {\n / 1.01dppx / 101% /\n / The browser may not display the 2px border properly when zoomed, it draws a white gap between the cell and the row border.\n To prevent that the border is reduced to the simple 1px border. This is also applied if windows font size is set to medium (125%) /\n .detail-table.table > .table-data > .table-row,\n .detail-table.table > .table-data > .table-aggregate-row {\n border-left-width: 1px;\n border-right-width: 1px;\n }\n .detail-table.table > .table-data > .table-row.select-top > .table-cell,\n .detail-table.table > .table-data > .table-aggregate-row.select-top > .table-cell {\n border-top-color: transparent;\n }\n .detail-table.table > .table-data > .table-row.select-bottom > .table-cell,\n .detail-table.table > .table-data > .table-aggregate-row.select-bottom > .table-cell {\n border-bottom-color: transparent;\n }\n .detail-table.table > .table-data > .table-row.select-single > .table-cell,\n .detail-table.table > .table-data > .table-aggregate-row.select-single > .table-cell {\n border-top-color: transparent;\n border-bottom-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.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}\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(75, 187, 255, 0.8) solid;\n width: 16px;\n height: 16px;\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: #4bbbff;\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: #495465;\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: 51px;\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: #495465;\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}\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: #495465;\n display: inline;\n margin-right: 6px;\n}\n.carousel-status > .current-item {\n color: #e4e4e6;\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: 9px;\n border-radius: 3px;\n}\n.collapse-handle.one-visible {\n cursor: pointer;\n}\n.collapse-handle.one-visible:active > .collapse-handle-body {\n background-color: #1561A7;\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: 8px 6px;\n background-color: transparent;\n color: #4bbbff;\n border: 1px solid #2B73B3;\n border-radius: 3px;\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}\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:active > .collapse-handle-body {\n color: #fff;\n background-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.desktop-tab.simple-tab {\n width: 220px;\n padding: 6px 10px 0 20px;\n}\n.desktop-tab.simple-tab.small {\n width: 130px;\n}\n.desktop-tab.simple-tab > .title {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\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-header {\n position: absolute;\n top: 0;\n height: 51px;\n background-color: #394051;\n / jquery sets overflow to hidden while animating which makes bench-drop-shadow invisible -> prevent it /\n overflow: visible !important;\n / NOSONAR (see comment above) /\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.desktop-header::before {\n content: '';\n background-color: #1a1d28;\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(100% - 1px);\n left: 0;\n}\n.desktop-header > .simple-tab-area {\n height: 51px;\n}\n.desktop-header > .simple-tab-area > .simple-tab.selected::before {\n content: '';\n position: absolute;\n top: 3px;\n left: 0;\n width: 10px;\n height: calc(100% - 3px);\n box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.4);\n clip-path: polygon(0 -100%, 0 200%, -100px 200%, -100px -100%);\n top: 0;\n width: 20px;\n height: 110%;\n}\n.desktop-header > .simple-tab-area > .simple-tab.selected:not(:first-child)::before {\n box-shadow: -7px 0 10px 0 rgba(0, 0, 0, 0.4);\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 {\n height: 100%;\n}\n.desktop-header > .view-button-box > .view-tab {\n height: 100%;\n}\n.desktop-header > .view-button-box > .view-button-tab,\n.desktop-header > .view-button-box > .view-tab > .view-button-tab,\n.desktop-header > .view-button-box > .view-tab > .view-menu {\n / 1px smaller than the header because of the bottom border (see .selected rule for .simple-tab) /\n height: calc(100% - 1px);\n vertical-align: top;\n background-color: #11151d;\n color: #fff;\n}\n.desktop-header > .view-button-box > .view-button-tab.last,\n.desktop-header > .view-button-box > .view-tab > .view-button-tab.last,\n.desktop-header > .view-button-box > .view-tab > .view-menu.last {\n border-right-color: #495465;\n}\n.desktop-header > .view-button-box > .view-button-tab:hover:not(.selected) > .font-icon,\n.desktop-header > .view-button-box > .view-tab > .view-button-tab:hover:not(.selected) > .font-icon,\n.desktop-header > .view-button-box > .view-tab > .view-menu:hover:not(.selected) > .font-icon {\n color: #fff;\n}\n.desktop-header:not(.in-background) > .view-button-box > .view-button-tab.selected,\n.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-button-tab.selected,\n.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-menu.selected {\n background-color: #262d3b;\n color: #4bbbff;\n height: 100%;\n padding-bottom: 1px;\n}\n.desktop-header:not(.in-background) > .view-button-box > .view-button-tab.selected.popup-open,\n.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-button-tab.selected.popup-open,\n.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-menu.selected.popup-open {\n height: calc(100% - 1px);\n}\n.outline-content-has-menubar.desktop-header:not(.in-background) > .view-button-box > .view-button-tab.selected,\n.outline-content-has-menubar.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-button-tab.selected,\n.outline-content-has-menubar.desktop-header:not(.in-background) > .view-button-box > .view-tab > .view-menu.selected {\n background-color: #1a1d28;\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: #11151d;\n color: #e4e4e6;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline > .outline-title {\n height: 50px;\n margin-left: 35px;\n margin-bottom: 9px;\n border-bottom: none;\n padding-left: 20px;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline > .outline-title > .outline-title-text {\n padding-top: 0;\n padding-bottom: 0;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline > .outline-title > .menubar {\n height: 50px;\n / 100% not possible because outline-title must not be position relative due to menu item focus border /\n top: 0;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline.breadcrumb > .outline-title > .outline-title-text {\n padding-left: 0;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline.breadcrumb:not(.search-outline) > .outline-title {\n margin-bottom: 0;\n}\n.desktop-navigation.single-view-button > .navigation-body > .outline.breadcrumb:not(.search-outline) > .tree-data {\n margin-top: 9px;\n border-top: 1px solid #495465;\n}\n.desktop-navigation.single-view-button > .navigation-body > .search-outline > .outline-title {\n margin-bottom: 0;\n}\n.desktop-navigation.single-view-button > .navigation-body > .search-outline > .search-outline-panel {\n padding-top: 10px;\n padding-bottom: 8px;\n}\n.desktop-navigation.single-view-button > .navigation-body > .search-outline > .search-outline-panel.has-status {\n padding-bottom: 14px;\n}\n.desktop-navigation.single-view-button > .navigation-body > .search-outline > .search-outline-panel > .search-outline-field {\n height: 32px;\n}\n.desktop-navigation.single-view-button > .navigation-body > .search-outline > .search-outline-panel > .clear-icon {\n top: 10px;\n height: 32px;\n}\n.desktop-navigation.single-view-button > .view-button-box .view-button-tab {\n padding-left: 20px;\n text-align: left;\n / for IE /\n text-align: initial;\n}\n.desktop-navigation-breadcrumb {\n width: 240px;\n}\n.navigation-body {\n position: absolute;\n}\n.desktop-navigation > .desktop-tool-box {\n background-color: #394051;\n text-align: 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-navigation-handle.collapse-handle {\n position: absolute;\n}\n.desktop-navigation-handle.collapse-handle:active > .collapse-handle-body,\n.desktop-navigation-handle.collapse-handle.active > .collapse-handle-body {\n background-color: #1d222b;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body {\n background-color: #11151d;\n border-color: rgba(228, 228, 230, 0.75);\n color: rgba(228, 228, 230, 0.75);\n}\n.desktop-navigation-handle.collapse-handle.navigation-closed > .collapse-handle-body {\n / increase border radius a little, otherwise it is barely visible /\n border-radius: 4px;\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) 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-notifications {\n position: fixed;\n right: 10px;\n top: 0;\n height: 100%;\n width: 250px;\n margin-top: 57px;\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: 250px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 20px;\n }\n}\n@keyframes desktop-notification-slide-in {\n 0% {\n left: 250px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 20px;\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 margin-bottom: 20px;\n }\n 100% {\n opacity: 0;\n margin-bottom: -37px;\n }\n}\n@keyframes desktop-notification-fade-out {\n 0% {\n opacity: 1;\n margin-bottom: 20px;\n }\n 100% {\n opacity: 0;\n margin-bottom: -37px;\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: 250px;\n float: right;\n border-left: 3px solid #4bbbff;\n background-color: #394051;\n margin-bottom: 20px;\n pointer-events: auto;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.desktop-notification.ok {\n border-left-color: #0DAF66;\n}\n.desktop-notification.info {\n border-left-color: #2B73B3;\n}\n.desktop-notification.warning {\n border-left-color: #FDAD4F;\n}\n.desktop-notification.error {\n border-left-color: #FF6060;\n}\n.desktop-notification-content {\n border: 1px solid #495465;\n border-left-width: 0;\n padding: 10px;\n / Prevent overlay of text and close icon /\n}\n.desktop-notification-content.closable {\n padding-right: 25px;\n}\n.desktop-notification-content > .closer {\n position: absolute;\n right: 10px;\n top: 10px;\n}\n.desktop-notification-message {\n display: inline-block;\n}\n.desktop-notification-loader {\n display: inline-block;\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: 6px;\n border-radius: 50%;\n border: 1px rgba(75, 187, 255, 0.8) solid;\n width: 14px;\n height: 14px;\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.outline.tree.in-background > .tree-data > .tree-node.selected {\n background-color: #222835;\n color: #fff;\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 > .scrollbar > .scrollbar-thumb > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.2);\n}\n.outline.tree > .tree-data > .scrollbar > .scrollbar-thumb-move > .scrollbar-thumb-handle,\n.outline.tree > .tree-data > .scrollbar > .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.3);\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 color: #e4e4e6;\n background-color: transparent;\n cursor: pointer;\n border: 0;\n / padding-right is used to leave some space for the scrollbar /\n padding: 8px 8px 8px 37px;\n}\n.outline.tree > .tree-data > .tree-node.group,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: #1d222b;\n}\n.outline.tree > .tree-data > .tree-node > .text,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text {\n font-size: 14px;\n}\n.outline.tree > .tree-data > .tree-node > .text > .compact-cell-header > .compact-cell-title > .right,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text > .compact-cell-header > .compact-cell-title > .right {\n color: #79818d;\n}\n.outline.tree > .tree-data > .tree-node > .text > .compact-cell-content,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text > .compact-cell-content {\n color: #e4e4e6;\n}\n.outline.tree > .tree-data > .tree-node > .text > .compact-cell-content.has-header,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text > .compact-cell-content.has-header {\n color: #79818d;\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}\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: 8px;\n padding-left: 17px;\n line-height: 14px;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control::before,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control::before {\n font-size: 20px;\n / always use same color as the tree-node label /\n color: inherit;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control:hover::before,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control:hover::before {\n color: #FE9915;\n}\n.outline.tree > .tree-data > .tree-node.selected,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected {\n color: #e4e4e6;\n background-color: #262d3b;\n border: 0;\n}\n.outline.tree > .tree-data > .tree-node.selected > .text > .compact-cell-content,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-content {\n color: #999999;\n}\n.outline-title {\n cursor: pointer;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0 12px 12px 12px;\n border-bottom: 1px solid #e4e4e6;\n}\n.outline-title::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.outline-title > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: 20px;\n padding-right: 10px;\n}\n.outline-title > .key-box {\n top: 19px;\n}\n.outline-title > .menubar {\n display: block;\n background-color: transparent;\n width: auto;\n position: absolute;\n right: 12px;\n top: 13px;\n border: none;\n color: #e4e4e6;\n}\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled) {\n color: #e4e4e6;\n}\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):hover,\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):active {\n color: #e4e4e6;\n}\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):focus,\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):not(.menu-button):focus {\n color: #e4e4e6;\n}\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):focus::after,\n.outline-title > .menubar > .menubox > .menu-item:not(.disabled):not(.menu-button):focus::after {\n border-color: #e4e4e6;\n box-shadow: 0 0 5px #e4e4e6;\n}\n.outline-title > .menubar > .menubox > .menu-item:not(.menu-textandicon):focus::after {\n outline: none;\n border: 1px solid #fff;\n box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);\n}\n.outline-title-text {\n / outline title height should be the same as main menubar and desktop header height (if there are no view buttons visible) /\n padding: 20px 2px 12px 6px;\n display: inline-block;\n vertical-align: middle;\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: #495465;\n}\n.outline.tree.breadcrumb > .outline-title.touch:active {\n background-color: #1a212d;\n}\n.outline.tree.breadcrumb > .outline-title > .outline-title-text {\n padding-left: 18px;\n}\n.outline.tree.breadcrumb.node-selected > .outline-title {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n border-bottom: 1px solid #495465;\n padding: 12px 18px;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.group,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: transparent;\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: #1d222b;\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: #11151d;\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 border-bottom-color: rgba(255, 255, 255, 0.3);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::before,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::before {\n display: none;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::after,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::after {\n display: none;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node:active,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {\n background-color: #1a212d;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #262d3b;\n color: #e4e4e6;\n cursor: default;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected::before,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::before {\n border-top-color: #262d3b;\n border-width: 8px 13px 0 13px;\n bottom: -8px;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected::after,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::after {\n border: 0;\n border-top-color: #262d3b;\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: #495465;\n}\n.outline.tree.breadcrumb:focus > .tree-data > .tree-node.parent-of-selected::before,\n.outline.tree.breadcrumb.focused > .tree-data > .tree-node.parent-of-selected::before,\n.outline.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.parent-of-selected::before,\n.outline.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.parent-of-selected::before {\n border-color: transparent;\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: #495465;\n}\n.outline.tree.breadcrumb:focus > .tree-data > .tree-node.selected::before,\n.outline.tree.breadcrumb.focused > .tree-data > .tree-node.selected::before,\n.outline.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.selected::before,\n.outline.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.selected::before {\n border-top-color: #262d3b;\n}\n.compact.outline.breadcrumb > .outline-title > .outline-title-text {\n padding-left: 16px;\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: 12px 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .icon {\n padding: 12px 0 12px 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar {\n position: absolute;\n right: 0;\n top: 0;\n width: auto;\n padding: 5px 16px 0 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar {\n padding: 0 16px 12px 16px;\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.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 > .menubar {\n padding-bottom: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview {\n background-color: transparent;\n color: #e4e4e6;\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::before,\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview::after {\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: #e4e4e6;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile {\n border-color: rgba(255, 255, 255, 0.3);\n background-color: #1d222b;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile:active {\n background-color: #11151d;\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: #11151d;\n }\n 100% {\n background-color: #1d222b;\n }\n}\n/ NOSONAR /\n@keyframes tree-node-prev-selection {\n 00% {\n background-color: #11151d;\n }\n 100% {\n background-color: #1d222b;\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 #e4e4e6;\n padding-bottom: 14px;\n margin: 0 12px 12px 12px;\n}\n.search-outline-panel ~ .tree {\n height: calc(100% - 70px);\n}\n.search-outline-field {\n border: 1px solid #495465;\n height: 35px;\n border-radius: 5px;\n width: 100%;\n}\n.search-outline-field:focus {\n border-color: #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.search-outline-field.has-text {\n padding-right: 25px;\n}\n.search-outline-field.has-text ~ .clear-icon {\n display: block;\n}\n.search-outline-field ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n height: 35px;\n line-height: 35px;\n padding-right: 10px;\n cursor: pointer;\n}\n.search-outline-field ~ .clear-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: 13px;\n content: '\\E045';\n color: #79818d;\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: 10px;\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: #495465;\n}\n.node-selected.outline.breadcrumb > .search-outline-panel {\n border-bottom-color: rgba(255, 255, 255, 0.3);\n}\n.outline.breadcrumb > .search-outline-panel > .search-outline-field {\n margin-right: 12px;\n margin-left: 12px;\n width: calc(100% - 12px - 12px);\n}\n.outline.breadcrumb > .search-outline-panel > .search-outline-field ~ .clear-icon {\n margin-right: 12px;\n padding-right: 10px;\n}\n.outline.breadcrumb > .search-outline-panel > .search-outline-status {\n text-align: left;\n padding-left: 18px;\n}\n.compact.outline.breadcrumb > .search-outline-panel > .search-outline-status {\n padding-left: 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.up {\n color: #4bbbff;\n border-color: #2B73B3;\n}\n.navigate-button.up > .font-icon {\n color: #4bbbff;\n}\n.menubar > .menubox > .navigate-button.menu-item.down.menu-button:not(.last) {\n / Right and left margin of the navigate buttons should be equal.\n Setting this margin-right is especially necessary if on the right side of these buttons is another button. /\n margin-right: 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.outline-overview {\n position: relative;\n height: 100%;\n width: 100%;\n display: table;\n}\n.outline-overview-content {\n color: #262d3b;\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 white-space: nowrap;\n padding-right: 20px;\n}\n.desktop-tool-box.compact {\n padding-right: 15px;\n}\n.desktop-tool-box-item.menu-item {\n height: 50px;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 14px;\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n margin-left: 20px;\n margin-right: 20px;\n}\n.desktop-tool-box-item.menu-item.last {\n margin-right: 0;\n}\n.desktop-tool-box-item.menu-item.compact {\n margin-left: 10px;\n margin-right: 10px;\n}\n.desktop-tool-box-item.menu-item.compact.last {\n margin-right: 0;\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: 17px;\n}\n.desktop-tool-box-item.menu-item > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px. 33px is the desktop logo height /\n max-height: 33px;\n}\n.desktop-tool-box-item.menu-item.menu-textandicon > .icon {\n padding-right: 6px;\n}\n/ header: tools popup /\n.desktop-tool-box-item.popup-head {\n height: 50px;\n border-left: 1px solid #495465;\n border-right: 1px solid #495465;\n cursor: pointer;\n box-shadow: none;\n border-top: none;\n / OVERRIDE .desktop-tool-box-item.menu-item /\n margin-left: 0;\n margin-right: 0;\n position: absolute;\n}\n.popup.down > .desktop-tool-box-item.popup-head {\n / above selector is too less specific /\n padding-top: 0;\n}\n.desktop-tool-box-item.popup-head.selected > .font-icon {\n font-size: 17px;\n}\n/ key boxes /\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 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.view-tab {\n display: inline-block;\n position: relative;\n height: 50px;\n}\n.view-tab > .key-box {\n bottom: 4px;\n}\n.view-button-tab {\n white-space: nowrap;\n border-right: solid 1px #495465;\n text-align: center;\n min-width: 50px;\n background-color: #394051;\n color: #e4e4e6;\n}\n.view-button-tab::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.view-button-tab:hover {\n cursor: pointer;\n}\n.view-button-tab:hover:not(.selected) > .font-icon {\n color: #4bbbff;\n}\n.view-button-tab:active:not(.selected) > .font-icon {\n color: #4bbbff;\n}\n.view-button-tab.selected {\n background-color: #11151d;\n color: #fff;\n}\n.view-button-tab.selected.last {\n border-right-color: transparent;\n}\n.view-button-tab.disabled {\n color: #999999;\n}\n.view-button-tab.disabled:hover {\n cursor: default;\n color: #999999;\n}\n.view-button-tab.disabled:hover:not(.selected) > .font-icon {\n color: #999999;\n}\n.view-button-tab.view-menu-popup-head {\n position: absolute;\n background-color: #fff;\n color: #4bbbff;\n}\n.view-button-tab > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\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.view-button-box {\n display: inline-block;\n vertical-align: top;\n height: 50px;\n white-space: nowrap;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n overflow: hidden;\n position: relative;\n / if covered by glass pane /\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-tab > .menu-item {\n height: 50px;\n display: inline-block;\n padding-left: 10px;\n padding-right: 10px;\n border-right: solid 1px #495465;\n}\n.view-tab > .menu-item > .icon {\n top: 0;\n}\n.view-tab > .view-button-tab {\n display: inline-block;\n height: 50px;\n}\n.view-tab > .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 position: relative;\n vertical-align: middle;\n display: inline-block;\n line-height: normal;\n height: auto;\n / Make IE trigger the :active state if the text or icon is pressed /\n pointer-events: none;\n}\n.view-menu {\n padding-left: 10px;\n padding-right: 10px;\n border-right: solid 1px #495465;\n background-color: #394051;\n color: #e4e4e6;\n}\n.view-menu.view-menu-popup-head {\n position: absolute;\n background-color: #262d3b;\n color: #4bbbff;\n}\n.view-menu.selected {\n background-color: #11151d;\n color: #fff;\n}\n.view-menu.selected.last {\n border-right-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.view-menu-popup-body {\n position: relative;\n background-color: #262d3b;\n border-right: solid 1px #495465;\n border-top: solid 1px #495465;\n overflow: hidden;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.view-menu-popup-head > .icon {\n transform: rotate(180deg);\n}\n.view-menu-item {\n padding: 0 15px 0 15px;\n height: 50px;\n border-top: solid 1px #495465;\n cursor: pointer;\n color: #e4e4e6;\n font-size: 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: relative;\n}\n.view-menu-item::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.view-menu-item:first-child {\n border-top-color: transparent;\n}\n.view-menu-item:hover {\n color: #4bbbff;\n}\n.view-menu-item.disabled {\n color: #999999;\n cursor: default;\n}\n.view-menu-item.selected {\n border-top: 1px solid #4bbbff;\n background-color: #394051;\n border-color: #4bbbff;\n}\n.view-menu-item.selected + .view-menu-item {\n border-top-color: #4bbbff;\n}\n.view-menu-item.selected.last {\n border-color: #4bbbff;\n}\n.view-menu-item.last {\n border-bottom: 1px solid #495465;\n}\n.view-menu-item > .key-box {\n top: 14px;\n}\n.view-menu-item > .icon {\n position: relative;\n font-size: 20px;\n margin-right: 10px;\n vertical-align: middle;\n}\n.view-menu-item > .content {\n vertical-align: middle;\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}\n.simple-tab-area > .simple-overflow-tab-item {\n border-right: 1px solid #495465;\n display: inline-block;\n width: 30px;\n / 1px smaller than the header because of the bottom border /\n height: calc(100% - 1px);\n background-color: #394051;\n padding-top: 17px;\n text-align: center;\n cursor: pointer;\n vertical-align: top;\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 color: #e4e4e6;\n content: '\\E014';\n}\n.simple-tab-area > .simple-overflow-tab-item.animate-modality-highlight {\n -webkit-animation-name: flash-gray;\n -moz-animation-name: flash-gray;\n -o-animation-name: flash-gray;\n animation-name: flash-gray;\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.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 / 1px smaller than the header because of the bottom border (see .selected rule below) /\n height: calc(100% - 1px);\n padding: 5px;\n background-color: #394051;\n color: #e4e4e6;\n border-right: 1px solid #495465;\n}\n.simple-tab:not(.no-hover) {\n cursor: pointer;\n}\n.simple-tab:not(.no-hover):hover > .title {\n color: #4bbbff;\n}\n.simple-tab.small {\n width: 130px;\n}\n.simple-tab:active > .title {\n color: #4bbbff;\n}\n.simple-tab.disabled {\n color: #999999;\n cursor: default;\n}\n.simple-tab.selected {\n cursor: default;\n background-color: #262d3b;\n / full size of header to draw over the border-bottom /\n height: 100%;\n}\n.simple-tab.selected > .title {\n color: #4bbbff;\n}\n.simple-tab.animate-modality-highlight {\n -webkit-animation-name: flash-gray;\n -moz-animation-name: flash-gray;\n -o-animation-name: flash-gray;\n animation-name: flash-gray;\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.simple-tab > .title,\n.simple-tab > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.simple-tab > .sub-title {\n padding-top: 2px;\n}\n.simple-tab > .icon {\n float: right;\n margin-left: 5px;\n}\n.simple-tab > .status-container {\n float: right;\n position: relative;\n}\n.simple-tab > .status-container > .status {\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n}\n.simple-tab > .status-container > .status.closer {\n margin-left: 7px;\n}\n.simple-tab > .icon-container {\n float: left;\n}\n.simple-tab > .icon-container > .icon {\n margin-right: 5px;\n vertical-align: middle;\n}\n.simple-tab > .icon-container > .icon.font-icon {\n font-size: 14px;\n}\n.simple-tab.closable .closer {\n display: none;\n}\n.simple-tab.closable.selected .closer {\n display: inline-block;\n}\n/ key boxes /\n.simple-tab .key-box {\n bottom: 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.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: 400px;\n box-shadow: 4px 10px 18px -6px rgba(0, 0, 0, 0.8);\n border-top: 5px solid #4bbbff;\n border-radius: 3px;\n background-color: #262d3b;\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n}\n.file-chooser > .closable {\n position: absolute;\n right: 5px;\n margin: 8px;\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: #e4e4e6;\n}\n.file-chooser > .closable::before {\n content: '\\E045';\n}\n.file-chooser > .closable:hover {\n color: #4bbbff;\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 #495465;\n border-left-width: 1px;\n border-right-width: 1px;\n background-color: #262d3b;\n padding: 10px 20px;\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 margin-right: 30px;\n / Leave space for 'x' closable /\n word-wrap: break-word;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n color: #4bbbff;\n}\n.file-chooser-label {\n padding-top: 8px;\n padding-bottom: 8px;\n}\n.file-chooser-files {\n position: relative;\n min-height: 100px;\n max-height: 100px;\n border-top: 1px solid #495465;\n padding-top: 10px;\n margin-top: 10px;\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}\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: '\\F15B';\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.file-chooser-files > .file > .remove > .remove-link {\n text-decoration: underline;\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: inherit;\n}\n.file-input.alternative:not(.disabled):active {\n border-bottom-color: #4bbbff;\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: #262d3b;\n}\n.file-input.has-error.alternative:not(.disabled):active {\n border-bottom-color: #FF6060;\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) 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 {\n position: relative;\n background-color: #262d3b;\n}\n.view:not(.detail-form):not(.mobile-view) > .root-group-box > .main-menubar {\n background-color: inherit;\n padding-left: 0;\n padding-right: 0;\n margin-left: 20px;\n margin-right: 20px;\n}\n.view:not(.detail-form):not(.mobile-view) > .root-group-box > .main-menubar > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: inherit;\n}\n.mobile-view {\n border-top: 5px solid #4bbbff;\n}\n.dialog {\n position: absolute;\n background-color: #262d3b;\n border: solid 1px #495465;\n border-top: 5px solid #4bbbff;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n box-shadow: 4px 10px 18px -6px rgba(0, 0, 0, 0.8);\n margin: 10px;\n / minimum padding to desktop /\n margin-bottom: 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.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-open.ie {\n / IE sometimes doesn't complete the animation so that dialog is nearly invisible /\n -webkit-animation-duration: 0;\n -moz-animation-duration: 0;\n -o-animation-duration: 0;\n animation-duration: 0;\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 overflow: auto;\n / clearfix /\n zoom: 1;\n / clearfix /\n margin-top: 10px;\n margin-left: 20px;\n margin-right: 14px;\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: 5px;\n}\n.form > .header > .icon-container > .icon.font-icon {\n font-size: 14px;\n}\n.form > .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 color: #4bbbff;\n}\n.form > .header > .sub-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: 13px;\n color: #4bbbff;\n}\n.form > .header > .status-container {\n float: right;\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 margin-left: 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 > .popup-head {\n background-color: #262d3b;\n}\n.form-menu-popup > .popup-body > .form > .root-group-box > .main-menubar {\n background-color: #1a1d28;\n}\n.form-menu-popup > .popup-deco {\n background-color: #262d3b;\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) 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 {\n border-spacing: 0;\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: 8px;\n padding-bottom: 8px;\n margin-left: 10px;\n / Add small spacing between label and field /\n padding-right: 10px;\n}\n.form-field > label.empty {\n / explicitly disable ellipsis, because IE would display it for very narrow columns even if content is ' ' /\n text-overflow: clip;\n}\n.disabled.form-field > label {\n color: #999999;\n}\n.read-only.form-field > label {\n color: #e4e4e6;\n}\n.form-field > label.top {\n color: #888888;\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.read-only.form-field > label.top {\n / Always use same color for top labels even if it is disabled or read only /\n color: #888888;\n}\n.focused.form-field > label {\n color: #4bbbff;\n}\n.has-error.form-field > label {\n color: #FF6060;\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: #999999;\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: 10px;\n height: 16px;\n /* Same as font-size of status icon /\n text-align: 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}\n.form-field.has-menus.has-tooltip:not(.has-info):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: #e4e4e6;\n font-size: 18px;\n}\n.form-field.has-menus > .status:hover::before {\n color: #4bbbff;\n}\n.form-field.has-menus > .status:active::before {\n color: #4bbbff;\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: #e4e4e6;\n font-size: 16px;\n}\n.form-field.has-tooltip > .status:hover::before {\n color: #4bbbff;\n}\n.form-field.has-tooltip > .status:active::before {\n color: #4bbbff;\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: #e4e4e6;\n font-size: 16px;\n}\n.form-field.has-info > .status:hover::before {\n color: #4bbbff;\n}\n.form-field.has-info > .status:active::before {\n color: #4bbbff;\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: #FDAD4F;\n font-size: 16px;\n}\n.form-field.has-warning > .status:hover::before {\n color: #FE9915;\n}\n.form-field.has-warning > .status:active::before {\n color: #FE9915;\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: #FF6060;\n font-size: 16px;\n}\n.form-field.has-error > .status:hover::before {\n color: #DF2632;\n}\n.form-field.has-error > .status:active::before {\n color: #DF2632;\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 #495465;\n border-radius: 3px;\n background-color: #262d3b;\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: 0;\n}\n.lookup-box > .field > .structure.tree:focus,\n.lookup-box > .field > .structure.table:focus,\n.lookup-box > .field > .structure.tree.focused,\n.lookup-box > .field > .structure.table.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.lookup-box > .field > .structure.tree.ie,\n.lookup-box > .field > .structure.table.ie {\n border-radius: 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.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 > .icon,\n.value-field > .field > .icon,\n.value-field > .clear-icon,\n.value-field > .field > .clear-icon {\n display: none;\n position: absolute;\n padding-right: 10px;\n}\n.value-field > .icon::before,\n.value-field > .field > .icon::before,\n.value-field > .clear-icon::before,\n.value-field > .field > .clear-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: 13px;\n color: #79818d;\n}\n.value-field.alternative > .icon,\n.value-field.alternative > .field > .icon,\n.value-field.alternative > .clear-icon,\n.value-field.alternative > .field > .clear-icon {\n padding-right: 4px;\n}\n.value-field > .clear-icon,\n.value-field > .field > .clear-icon {\n cursor: pointer;\n}\n.value-field > .clear-icon::before,\n.value-field > .field > .clear-icon::before {\n content: '\\E045';\n}\n.value-field > .clear-icon:hover::before,\n.value-field > .field > .clear-icon:hover::before {\n color: #FE9915;\n}\n.value-field > .icon,\n.value-field > .field > .icon {\n cursor: text;\n}\n.value-field.halign-right > .clear-icon,\n.value-field.halign-right > .field > .clear-icon {\n padding-left: 10px;\n padding-right: 0;\n}\n.value-field.alternative.halign-right > .clear-icon,\n.value-field.alternative.halign-right > .field > .clear-icon {\n padding-left: 4px;\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: #4bbbff;\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: #FF6060;\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: #FF6060;\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: block;\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) > .clear-icon:hover::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon:hover::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .clear-icon:hover::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .clear-icon:hover::before {\n color: #FE9915;\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: 30px;\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: 23px;\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: 30px;\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: 23px;\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: 7px;\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: #4bbbff;\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: #FF6060;\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: #FF6060;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > .icon,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .icon {\n display: block;\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: 30px;\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: 23px;\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 > .button {\n / The 18px min-height is required because in Chrome the height of the ::after element\n * is not calculated properly when height is set to 100%. This has the effect that buttons\n * change their size when a button changes its focus state. See ticket 194111.\n /\n}\n.button-field > .button::after {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 18px;\n}\n.button-field > .button > .button-label {\n padding: 4px 0;\n}\n.button-field > .button.selected {\n border-style: inset;\n border-right-color: #495465;\n border-bottom-color: #495465;\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 > .field.link-button {\n / add a transparent border to align text with normal buttons which also have a border /\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n}\n.logical-grid-layout > .button-field > .field.link-button {\n / make sure link is centered when button has a fixed height (which is the case with logical grid layout) /\n white-space: nowrap;\n}\n.logical-grid-layout > .button-field > .field.link-button::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.button-field > .field.link-button > .link.menu-item {\n / Draw underline in child element, otherwise the position would not be correct in FF /\n text-decoration: none;\n vertical-align: middle;\n color: #4bbbff;\n}\n.button-field > .field.link-button > .link.menu-item > .text {\n text-decoration: underline;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.button-field > .field.link-button > .link.menu-item > .text,\n.button-field > .field.link-button > .link.menu-item > .submenu-icon,\n.button-field > .field.link-button > .link.menu-item > .icon {\n / Reset IE hack for link buttons because it breaks ellipsis tooltip /\n pointer-events: auto;\n / Make sure button is not clickable if it is covered by a glass pane /\n}\n.glasspane-parent.button-field > .field.link-button > .link.menu-item > .text,\n.glasspane-parent.button-field > .field.link-button > .link.menu-item > .submenu-icon,\n.glasspane-parent.button-field > .field.link-button > .link.menu-item > .icon,\n.glasspane-parent .button-field > .field.link-button > .link.menu-item > .text,\n.glasspane-parent .button-field > .field.link-button > .link.menu-item > .submenu-icon,\n.glasspane-parent .button-field > .field.link-button > .link.menu-item > .icon {\n pointer-events: none;\n}\n.button-field > .field.link-button > .link.menu-item:hover {\n color: #18a8ff;\n}\n.button-field > .field.link-button > .link.menu-item:active,\n.button-field > .field.link-button > .link.menu-item.active {\n color: #18a8ff;\n}\n.button-field > .field.link-button > .link.menu-item.disabled {\n color: #999999;\n}\n.button-field > .field.link-button:focus {\n outline: none;\n}\n.button-field > .field.link-button:focus > .link.menu-item::after {\n position: absolute;\n content: '';\n left: -3px;\n top: -3px;\n width: calc(100% + 6px);\n height: calc(100% + 6px);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-radius: 3px;\n}\n.button-field > .field.link-button > .link.menu-item > .icon.image-icon {\n / override hack in Menu.css /\n top: 0;\n}\n.button-field > .key-box {\n position: absolute;\n top: 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.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 #495465;\n border-radius: 3px;\n}\n.browser-field > .field.alternative {\n border-radius: 0;\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/\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 > .check-box,\n.check-box-field > .field > .label {\n color: #e4e4e6;\n cursor: pointer;\n vertical-align: middle;\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 display: inline-block;\n position: relative;\n width: 18px;\n height: 18px;\n border: 1px solid #495465;\n border-radius: 3px;\n background-color: #262d3b;\n text-align: center;\n}\n.check-box-field > .field > .check-box:focus {\n outline: none;\n border-color: #4bbbff;\n}\n.check-box-field > .field > .check-box::before {\n position: absolute;\n display: block;\n line-height: 18px;\n width: 16px;\n}\n.check-box-field > .field > .check-box.checked::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: '\\E005';\n color: #4bbbff;\n font-size: 11px;\n}\n.check-box-field > .field > .check-box.undefined::before {\n / tri-state /\n content: '';\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n border-radius: 1px;\n background-color: #4bbbff;\n}\n.check-box-field > .field > .check-box.disabled {\n background-color: inherit;\n}\n.check-box-field > .field > .check-box.disabled::before {\n color: #999999;\n}\n.check-box-field > .field > .check-box.disabled.undefined::before {\n / tri-state /\n background-color: #999999;\n}\n.check-box-field > .field > .cell-editor-field.check-box {\n padding: 0;\n margin: 0 4px 0 8px;\n vertical-align: top;\n}\n.check-box-field > .field > .cell-editor-field.check-box.last {\n margin-right: 14px !important;\n}\n.check-box-field > .field.halign-right > .cell-editor-field.check-box {\n margin-right: 8px;\n margin-left: 4px;\n}\n.check-box-field > .field.halign-center > .cell-editor-field.check-box {\n margin-right: 8px;\n}\n.check-box-field.cell-editor-form-field > .field {\n / 1px because cell editor popup starts at the table row which has a 1px border and check box field does not have a border /\n padding-top: 5.5px;\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: #999999;\n}\n.check-box-field.disabled > .field.read-only > .label {\n color: #e4e4e6;\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: #394051;\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: #4bbbff;\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: #FF6060;\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: #FF6060;\n}\n.date-field.focused > .icon.time::before,\n.date-field.focused > .field > .icon.time::before {\n color: #4bbbff;\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: #FF6060;\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: #FF6060;\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: '\\E003';\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: #4bbbff;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > .icon.date {\n display: block;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date {\n padding-right: 30px;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date.alternative {\n padding-right: 23px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > .icon.time {\n display: block;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time {\n padding-right: 30px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time.alternative {\n padding-right: 23px;\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: #4bbbff;\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: #FF6060;\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: #FF6060;\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: #4bbbff;\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: #FF6060;\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:hover::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).date-focused > .field > .icon.date-clear:hover::before {\n color: #FE9915;\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: block;\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: 30px;\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: 23px;\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: #4bbbff;\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: #FF6060;\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: #FF6060;\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: #4bbbff;\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: #FF6060;\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:hover::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).time-focused > .field > .icon.time-clear:hover::before {\n color: #FE9915;\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: block;\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: 30px;\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: 23px;\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: #79818d;\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(153, 153, 153, 0.7);\n}\n.date-field > .field > .predict {\n color: #999999;\n background-color: #262d3b;\n}\n.date-field > .field > .predict.alternative {\n background-color: transparent;\n}\n.date-field > .field > .predict.has-error {\n background-color: #262d3b;\n}\n.date-field > .field > .predict + input {\n background-color: transparent;\n}\n.date-field.date-clearable > .field > .icon.date-clear {\n display: block;\n}\n.date-field.date-clearable > .field > .icon.date {\n display: none;\n}\n.date-field.time-clearable > .field > .icon.time-clear {\n display: block;\n}\n.date-field.time-clearable > .field > .icon.time {\n display: none;\n}\n.date-picker-popup.bottom,\n.time-picker-popup.bottom {\n margin-top: 5px;\n}\n.date-picker-popup.top,\n.time-picker-popup.top {\n margin-bottom: 5px;\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 > .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: '\\F15B';\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: #79818d;\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(153, 153, 153, 0.7);\n}\n.file-chooser-field > .legacy-upload-form > .legacy-upload-file-input {\n padding: 3px;\n height: 100%;\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.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-title {\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 margin-right: 0;\n background-color: inherit;\n}\n.group-box > .menubar > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: inherit;\n}\n.group-box.collapsed > .menubar {\n display: none;\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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\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-title {\n width: calc(100% - 10px);\n margin-top: 8px;\n margin-left: 10px;\n border-bottom: 3px solid #495465;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding: 12px 0 12px 0;\n position: relative;\n}\n.group-box.has-sub-label > .group-box-title {\n padding-bottom: 6px;\n}\n.group-box-title.has-menubar {\n padding-top: 6.25px;\n padding-bottom: 6.25px;\n}\n.group-box-title.has-menubar > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n}\n.group-box-title > .group-box-control {\n display: inline-block;\n color: #4bbbff;\n cursor: pointer;\n / adjust control position (use absolute positioning, otherwise the layout would be disturbed, /\n / because the control div is higher than the title span /\n position: absolute;\n padding-left: 15px;\n text-align: center;\n vertical-align: middle;\n width: 25px;\n}\n.group-box-title > .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 line-height: 15px;\n font-weight: bold;\n content: '\\F107';\n}\n.group-box.collapsed > .group-box-title > .group-box-control::before {\n content: '\\E015';\n}\n.group-box-title > .label {\n display: inline-block;\n vertical-align: middle;\n font-weight: bold;\n color: #4bbbff;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: calc(100% - 25px);\n}\n.group-box-title > .sub-label {\n font-size: 10px;\n color: #999999;\n padding-top: 3px;\n}\n.group-box-title > .status {\n margin-left: 10px;\n padding: 4px 0;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n}\n.group-box-title > .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}\n.group-box.has-tooltip > .group-box-title > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-tooltip > .group-box-title > .status::before {\n content: '\\E002';\n color: #e4e4e6;\n font-size: 16px;\n}\n.group-box.has-tooltip > .group-box-title > .status:hover::before {\n color: #4bbbff;\n}\n.group-box.has-tooltip > .group-box-title > .status:active::before {\n color: #4bbbff;\n}\n.group-box.has-info > .group-box-title > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-info > .group-box-title > .status::before {\n content: '\\E002';\n color: #e4e4e6;\n font-size: 16px;\n}\n.group-box.has-info > .group-box-title > .status:hover::before {\n color: #4bbbff;\n}\n.group-box.has-info > .group-box-title > .status:active::before {\n color: #4bbbff;\n}\n.group-box.has-warning > .group-box-title > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-warning > .group-box-title > .status::before {\n content: '\\E001';\n color: #FDAD4F;\n font-size: 16px;\n}\n.group-box.has-warning > .group-box-title > .status:hover::before {\n color: #FE9915;\n}\n.group-box.has-warning > .group-box-title > .status:active::before {\n color: #FE9915;\n}\n.group-box.has-error > .group-box-title > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-error > .group-box-title > .status::before {\n content: '\\E001';\n color: #FF6060;\n font-size: 16px;\n}\n.group-box.has-error > .group-box-title > .status:hover::before {\n color: #DF2632;\n}\n.group-box.has-error > .group-box-title > .status:active::before {\n color: #DF2632;\n}\n.group-box-title.expandable {\n / Expansion can also be performed on the title itself /\n cursor: pointer;\n}\n.group-box-body {\n position: relative;\n padding: 14px 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 {\n / 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 -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 overflow: hidden;\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 > .field {\n padding-top: 8px;\n padding-bottom: 8px;\n margin-left: 10px;\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.label-field > .field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: #79818d;\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(153, 153, 153, 0.7);\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.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.list-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.list-box > .field > .table {\n border: 1px solid #495465;\n border-radius: 3px;\n background-color: #262d3b;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.list-box > .field > .table.alternative {\n border-radius: 0;\n}\n.list-box > .field > .table:focus,\n.list-box > .field > .table.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.list-box > .field > .table.ie {\n border-radius: 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.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 #495465;\n border-radius: 3px;\n}\n.planner-field > .planner.alternative {\n border-radius: 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.radio-button > .field {\n padding: 6px 0;\n margin-left: 10px;\n outline: none;\n overflow: hidden;\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 vertical-align: middle;\n}\n.radio-button > .field > .label {\n color: #e4e4e6;\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 min-width: 18px;\n min-height: 18px;\n background-color: #262d3b;\n border: 1px solid #495465;\n border-radius: 50%;\n text-align: center;\n position: relative;\n}\n.radio-button > .field > .radio-button-circle:focus {\n border-color: #4bbbff;\n outline: none;\n}\n.radio-button > .field > .radio-button-circle.checked::before {\n content: '';\n position: absolute;\n top: 4px;\n left: 4px;\n width: calc(100% - 8px);\n height: calc(100% - 8px);\n box-shadow: 0 0 1px 0 #4bbbff;\n background-color: #4bbbff;\n border-radius: 50%;\n}\n.radio-button > .field > .radio-button-circle.disabled {\n background-color: inherit;\n cursor: default;\n}\n.radio-button > .field > .radio-button-circle.disabled.checked::before {\n background-color: #999999;\n}\n.radio-button.disabled > .field > .label,\n.radio-button.disabled > .field > .icon {\n cursor: default;\n color: #999999;\n}\n.radiobutton-indentation {\n margin-left: 25px;\n}\n.radiobutton-group-body > .radiobutton-indentation {\n margin-left: 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.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.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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\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: '\\E04F';\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: '\\E042';\n}\n.smart-field.popup-open > .multiline.field.focused {\n box-shadow: none;\n}\n.smart-field.popup-open > .field > .multiline-input.has-error:focus {\n border-bottom-color: #FF6060;\n}\n.smart-field.popup-open > .field > .multiline-input:focus {\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-bottom-color: #4bbbff;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.smart-field.popup-open > .field > .multiline-input.alternative:focus {\n box-shadow: none;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.smart-field.popup-open > .field > .multiline-lines.focused {\n border-color: #495465;\n}\n.smart-field.has-error > .multiline.field.focused {\n box-shadow: 0 0 5px #FF6060;\n}\n.smart-field > .multiline.field.focused {\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.smart-field > .field > .multiline-input {\n border-bottom-color: #495465;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n width: 100%;\n padding-left: 10px;\n}\n.smart-field > .field > .multiline-input:focus {\n box-shadow: none;\n}\n.smart-field > .field > .multiline-input.has-error:focus {\n border-bottom-color: #FF6060;\n}\n.smart-field > .field > .multiline-input.alternative,\n.smart-field > .field > .multiline-input.read-only {\n border-bottom-color: #495465;\n}\n.smart-field > .field > .multiline-input.alternative.has-error,\n.smart-field > .field > .multiline-input.read-only.has-error {\n border-bottom-color: #FF6060;\n}\n.smart-field > .field > .multiline-input.alternative {\n padding-left: 0;\n padding-right: 0;\n}\n.smart-field > .field > .multiline-input.alternative:focus {\n border-bottom-color: #4bbbff;\n}\n.smart-field > .field > .multiline-input.alternative.has-error {\n border-bottom-color: #FF6060;\n}\n.smart-field > .field > .multiline-lines {\n background-color: #262d3b;\n border: solid 1px #495465;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 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: inherit;\n}\n.smart-field > .field > .multiline-lines.focused {\n border-color: #4bbbff;\n}\n.smart-field > .field > .multiline-lines.has-error {\n border-color: #FF6060;\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 color: #999999;\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.read-only > .field > .multiline-lines {\n color: #e4e4e6;\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: #79818d;\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(153, 153, 153, 0.7);\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: 30px;\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: 23px;\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: 30px;\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: 30px;\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: 23px;\n}\n.dropdown-field.halign-right > .clear-icon,\n.proposal-field.halign-right > .clear-icon,\n.smart-field.halign-right > .clear-icon,\n.dropdown-field.halign-right > .field > .clear-icon,\n.proposal-field.halign-right > .field > .clear-icon,\n.smart-field.halign-right > .field > .clear-icon {\n padding-left: 0;\n padding-right: 10px;\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 padding-left: 0;\n padding-right: 4px;\n}\n.dropdown-field-popup,\n.smart-field-popup,\n.proposal-field-popup {\n position: absolute;\n border: solid 1px #014786;\n border-radius: 3px;\n overflow: hidden;\n background-color: #262d3b;\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.dropdown-field-popup.bottom,\n.smart-field-popup.bottom,\n.proposal-field-popup.bottom {\n margin-top: 5px;\n}\n.dropdown-field-popup.top,\n.smart-field-popup.top,\n.proposal-field-popup.top {\n margin-bottom: 5px;\n}\n.dropdown-field-popup.touch,\n.smart-field-popup.touch,\n.proposal-field-popup.touch {\n background-color: #1a1d28;\n}\n.dropdown-field-popup.alternative,\n.smart-field-popup.alternative,\n.proposal-field-popup.alternative {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n border-radius: 0;\n}\n.proposal-chooser > .active-filter {\n padding-left: 7px;\n padding-right: 7px;\n position: absolute;\n}\n.proposal-chooser > .status {\n padding: 7px 8px 0 10px;\n}\n.proposal-chooser > .active-filter,\n.proposal-chooser > .status {\n background-color: #1a1d28;\n border-top: solid 1px #4bbbff;\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 > .active-filter > .radiobutton-group {\n width: 100%;\n height: 30px;\n}\n.proposal-chooser > .active-filter > .radiobutton-group > .radiobutton-group-body {\n width: 100%;\n height: 30px;\n}\n.proposal-chooser > .active-filter > .radiobutton-group > .radiobutton-group-body > .radio-button {\n position: relative;\n display: inline-block;\n margin-right: 10px;\n}\n.proposal-chooser > .table {\n / Avoids a bug where the table is overlapping the status-field by 1 pixel /\n overflow: hidden;\n}\n.proposal-chooser > .table > .table-data > .table-row {\n / Use text-field-padding-x for the first cell, so the text in the\n * table is exactly left-aligned with the text in the text-field above /\n}\n.proposal-chooser > .table > .table-data > .table-row > .table-cell.first {\n padding-left: 10px;\n}\n.proposal-chooser > .table > .table-data > .table-row.selected {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.proposal-chooser:not(.touch) > .table > .table-data > .table-row.selected.last {\n / Change color of last element to avoid double-border effect /\n border-bottom-color: #394051;\n}\n.proposal-chooser:not(.touch) > .table > .table-data > .table-row.last {\n border-bottom-color: transparent;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.selected {\n / tree is not focused but should look as if it were /\n background-color: #394051;\n border-color: #4bbbff;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.selected.last {\n / Change color of last element to avoid double-border effect /\n border-bottom-color: #394051;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.first {\n border-top-color: #394051;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.last {\n border-bottom-color: transparent;\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: #495465;\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: #4bbbff;\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 #4bbbff;\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 #4bbbff;\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 > textarea.ie9 {\n / NOSONAR overqualify by purpose to only modify textareas on IE 9/\n width: 100%;\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) > input,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input {\n padding-right: 50px;\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: 25px;\n padding-right: 25px;\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: block;\n}\n.string-field.has-icon > .icon {\n cursor: pointer;\n}\n.string-field.has-icon > .icon::before {\n content: '\\F061';\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/ arrow-width / 2 /\n.tab-box > .status {\n margin-bottom: 3px;\n}\n.tab-box-header {\n margin-top: 8px;\n margin-left: 10px;\n white-space: nowrap;\n position: relative;\n margin-bottom: 3px;\n}\n.tab-box-header > .tab-box-header-bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -3px;\n width: 100%;\n height: 3px;\n background-color: #495465;\n}\n.tab-box-header > .tab-area {\n position: absolute;\n}\n.tab-box-header > .tab-area::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.tab-box-header > .tab-area > .selection-marker {\n position: absolute;\n bottom: 0;\n margin-bottom: -3px;\n height: 3px;\n background-color: #4bbbff;\n transition: left 0.3s, width 0.3s;\n}\n.tab-box-header > .tab-area.focused > .tab-item.selected {\n color: #7eceff;\n}\n.tab-box-header > .tab-area.focused > .selection-marker {\n background: #7eceff;\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.has-sub-label > .overflow-tab-item.menu-item {\n padding-top: 12px;\n padding-bottom: 20px;\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 text-align: 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 padding-left: 12px;\n}\n.tab-box-header > .menubar > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: inherit;\n}\n.tab-box-header > .status {\n position: absolute;\n margin-left: 10px;\n text-align: 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}\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: #e4e4e6;\n font-size: 16px;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:hover::before {\n color: #4bbbff;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:active::before {\n color: #4bbbff;\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: #e4e4e6;\n font-size: 16px;\n}\n.tab-box.has-info > .tab-box-header > .status:hover::before {\n color: #4bbbff;\n}\n.tab-box.has-info > .tab-box-header > .status:active::before {\n color: #4bbbff;\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: #FDAD4F;\n font-size: 16px;\n}\n.tab-box.has-warning > .tab-box-header > .status:hover::before {\n color: #FE9915;\n}\n.tab-box.has-warning > .tab-box-header > .status:active::before {\n color: #FE9915;\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: #FF6060;\n font-size: 16px;\n}\n.tab-box.has-error > .tab-box-header > .status:hover::before {\n color: #DF2632;\n}\n.tab-box.has-error > .tab-box-header > .status:active::before {\n color: #DF2632;\n}\n.tab-item {\n position: relative;\n display: inline-block;\n vertical-align: bottom;\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 13px;\n color: #e4e4e6;\n background-color: transparent;\n padding: 0 20px;\n cursor: pointer;\n}\n.tab-item::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 3px;\n margin-bottom: -3px;\n display: none;\n}\n.tab-item.first {\n padding-left: 0;\n}\n.tab-item.overflown {\n display: none;\n}\n.tab-item.selected {\n color: #4bbbff;\n}\n.tab-item.marked::after {\n display: block;\n background-color: #e4e4e6;\n}\n.tab-item:hover {\n color: #4bbbff;\n}\n.tab-item:active {\n color: #4bbbff;\n}\n.tab-item:focus {\n outline: none;\n}\n.tab-item > .title {\n display: inline-block;\n vertical-align: middle;\n padding: 12px 0 12px;\n}\n.tab-item > .title > .label {\n vertical-align: middle;\n}\n.tab-item > .title > .sub-label {\n padding-top: 3px;\n font-size: 10px;\n color: #999999;\n}\n.tab-area.has-sub-label > .tab-item > .title {\n padding-bottom: 6px;\n}\n.tab-item > .status {\n display: inline-block;\n vertical-align: middle;\n margin-left: 10px;\n text-align: 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}\n.tab-item.has-tooltip,\n.tab-item.has-info,\n.tab-item.has-warning,\n.tab-item.has-error {\n padding-right: 10px;\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: #e4e4e6;\n font-size: 16px;\n}\n.tab-item.has-tooltip > .status:hover::before {\n color: #4bbbff;\n}\n.tab-item.has-tooltip > .status:active::before {\n color: #4bbbff;\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: #e4e4e6;\n font-size: 16px;\n}\n.tab-item.has-info > .status:hover::before {\n color: #4bbbff;\n}\n.tab-item.has-info > .status:active::before {\n color: #4bbbff;\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: #FDAD4F;\n font-size: 16px;\n}\n.tab-item.has-warning > .status:hover::before {\n color: #FE9915;\n}\n.tab-item.has-warning > .status:active::before {\n color: #FE9915;\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: #FF6060;\n font-size: 16px;\n}\n.tab-item.has-error > .status:hover::before {\n color: #DF2632;\n}\n.tab-item.has-error > .status:active::before {\n color: #DF2632;\n}\n.overflow-tab-item.menu-item {\n padding: 12px 12px 12px;\n / Reduce padding a little and compensate with margin to make popup header a little smaller /\n margin: 0 8px;\n font-weight: bold;\n / This makes sure the overflow menu item is not larger than a tab item (especially if a larger font is used).\n It also prevents the popup from jumping. /\n line-height: 1;\n}\n.overflow-tab-item.menu-item::before {\n display: none;\n}\n.overflow-tab-item.menu-item > .text {\n padding: 0;\n}\n.overflow-tab-item.menu-item > .submenu-icon {\n padding-left: 4px;\n line-height: 15px;\n}\n.overflow-tab-item.menu-item:focus {\n outline: none;\n color: #4bbbff;\n}\n.overflow-tab-item.menu-item:focus > .text {\n text-decoration: underline;\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 border: solid 1px #014786;\n border-radius: 3px;\n overflow: hidden;\n background-color: #262d3b;\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n min-width: 150px;\n max-width: 250px;\n}\n.tag-chooser-popup.bottom {\n margin-top: 5px;\n}\n.tag-chooser-popup.top {\n margin-bottom: 5px;\n}\n.tag-chooser-popup.touch {\n background-color: #1a1d28;\n}\n.tag-chooser-popup.alternative {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n border-radius: 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.tag-field.focused > .field {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.tag-field.focused > .field.alternative {\n border-bottom-color: #4bbbff;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field {\n background-color: #262d3b;\n color: #e4e4e6;\n border: 1px solid #495465;\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 3px;\n}\n.tag-field > .field.disabled {\n background-color: inherit;\n color: #999999;\n}\n.tag-field > .field:focus,\n.tag-field > .field.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.tag-field > .field.has-error {\n border-color: #FF6060;\n background-color: #262d3b;\n}\n.tag-field > .field.has-error:focus,\n.tag-field > .field.has-error.focused {\n box-shadow: 0 0 5px #FF6060;\n}\n.tag-field > .field.read-only {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px #495465;\n color: #e4e4e6;\n}\n.tag-field > .field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: #495465;\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: #999999;\n border-bottom-style: dashed;\n border-bottom-color: #999999;\n}\n.tag-field > .field.alternative:focus,\n.tag-field > .field.alternative.focused {\n color: #4bbbff;\n border-bottom-color: #4bbbff;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.has-error {\n color: #FF6060;\n border-bottom-color: #FF6060;\n}\n.tag-field > .field.alternative.has-error:focus,\n.tag-field > .field.alternative.has-error.focused {\n border-bottom-color: #FF6060;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.read-only {\n color: #e4e4e6;\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: 0 3px;\n height: 100%;\n background-color: transparent;\n}\n.tag-field > .field > input.fullwidth {\n width: 100%;\n padding: 0 0 0 7px;\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 #495465;\n border-radius: 3px;\n background-color: #262d3b;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.table-field > .table.alternative {\n border-radius: 0;\n}\n.table-field > .table:focus,\n.table-field > .table.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.table-field > .table.ie {\n border-radius: 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.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 #495465;\n border-radius: 3px;\n background-color: #262d3b;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.tree-field > .tree.alternative {\n border-radius: 0;\n}\n.tree-field > .tree:focus,\n.tree-field > .tree.focused {\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n.tree-field > .tree.ie {\n border-radius: 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.wizard-steps {\n overflow: hidden;\n margin-left: 10px;\n margin-right: 0;\n}\n.wizard-steps-body {\n height: 50px;\n overflow: hidden;\n white-space: nowrap;\n / Allows the last wizard-step to be 100% without line break /\n border-bottom: 1px solid #495465;\n / This creates a new stacking context: /\n position: relative;\n z-index: 0;\n}\n.wizard-step {\n display: inline-block;\n height: 49px;\n line-height: 49px;\n position: relative;\n / Spacing /\n padding-left: 15px;\n padding-right: 15px;\n / Step content /\n / Hover state /\n / Step types /\n}\n.wizard-step > .wizard-step-content {\n display: inline-table;\n line-height: normal;\n vertical-align: middle;\n min-height: 30px;\n}\n.wizard-step > .wizard-step-content > .wizard-step-content-icon-container {\n vertical-align: middle;\n display: inline-block;\n width: 33px;\n height: 33px;\n border-radius: 50%;\n padding: 4px;\n margin-right: 12px;\n font-weight: bold;\n}\n.wizard-step > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n height: 100%;\n width: 100%;\n border-radius: 50%;\n border: 1px solid;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.wizard-step > .wizard-step-content > .wizard-step-content-text {\n vertical-align: middle;\n display: inline-block;\n}\n.wizard-step > .wizard-step-content > .wizard-step-content-text > .wizard-step-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-weight: bold;\n}\n.wizard-step > .wizard-step-content > .wizard-step-content-text > .wizard-step-sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 12px;\n}\n.wizard-step.first {\n / 3px = box-shadow width /\n padding-left: 3px;\n}\n.wizard-step.last {\n padding-right: 3px;\n}\n.wizard-step.last > .wizard-step-content {\n max-width: none;\n}\n.wizard-step.action-enabled:hover {\n cursor: pointer;\n}\n.wizard-step.action-enabled:hover > .wizard-step-content > .wizard-step-content-text > .wizard-step-title {\n color: #4bbbff;\n}\n.wizard-step.active-step > .wizard-step-content > .wizard-step-content-icon-container {\n padding: 3px;\n border: 1px solid #1561A7;\n box-shadow: 0 0 3px #1561A7;\n}\n.wizard-step.disabled {\n color: #999999;\n}\n.wizard-step.disabled > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: inherit;\n color: #999999;\n border-color: #999999;\n}\n.wizard-step:not(.disabled).active-step {\n color: #4bbbff;\n}\n.wizard-step:not(.disabled).active-step > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: #1561A7;\n color: #fff;\n border-color: #1561A7;\n}\n.wizard-step:not(.disabled).before-active > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: inherit;\n color: #4bbbff;\n border-color: #2B73B3;\n}\n.wizard-step:not(.disabled).after-active > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: inherit;\n color: #4bbbff;\n border-color: #2B73B3;\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 display: inline-block;\n max-height: 48px;\n position: relative;\n / Spacing /\n padding-left: 15px;\n padding-right: 15px;\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: 28px;\n color: #999999;\n vertical-align: middle;\n}\n.wizard-steps.compact > .wizard-steps-body {\n height: 44px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step {\n padding-left: 3px;\n padding-right: 7px;\n height: 43px;\n line-height: 43px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step > .wizard-step-content {\n min-height: 0;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step > .wizard-step-content > .wizard-step-content-icon-container {\n width: 28px;\n height: 28px;\n margin-right: 8px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n font-size: 11px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon > .icon {\n font-size: 9px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step-separator {\n padding-left: 7px;\n padding-right: 7px;\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.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-title {\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 margin-right: 0;\n padding-left: 0;\n background-color: inherit;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: inherit;\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 -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.25s;\n -moz-animation-duration: 0.25s;\n -o-animation-duration: 0.25s;\n animation-duration: 0.25s;\n outline: none;\n z-index: 100;\n cursor: default;\n}\n.glasspane.busy {\n / Make glasspane transparent and disable animation /\n background-color: transparent;\n -webkit-animation: none;\n -moz-animation: none;\n -o-animation: none;\n animation: none;\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.25s;\n -moz-animation-duration: 0.25s;\n -o-animation-duration: 0.25s;\n animation-duration: 0.25s;\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.autofit.ie {\n / IE hack to make sure image is scaled down properly when it is used in a flex container.\n https://stackoverflow.com/questions/41489798/keep-image-ratio-using-max-width-and-max-height-in-ie-11 /\n flex-shrink: 0;\n}\n.image.chrome-fix {\n padding-bottom: 0.01px;\n}\n.image.empty {\n visibility: hidden;\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.key-box {\n position: absolute;\n min-width: 34px;\n padding: 4px 5px;\n z-index: 100;\n color: #000;\n background-color: #ffd07e;\n line-height: normal;\n text-align: center;\n border: 1px solid #ffd07e;\n font-size: 11px;\n font-weight: normal;\n}\n.key-box.disabled {\n border-color: #2d3748;\n background-color: #2d3748;\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) 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.context-menu > .menu-item {\n border-top: solid 1px #495465;\n display: block;\n width: 100%;\n padding: 11px 15px;\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: 10px;\n}\n.context-menu > .menu-item.selected {\n border-top: 1px solid #4bbbff;\n border-color: #4bbbff;\n background-color: #394051;\n}\n.context-menu > .menu-item.next-to-selected {\n border-top-color: #4bbbff;\n}\n.context-menu > .menu-item.context-menu-item-first {\n border-top: 1px solid transparent;\n}\n.context-menu > .menu-item.context-menu-item-last {\n border-bottom: 1px solid transparent;\n}\n.context-menu > .menu-item.selected.context-menu-item-first {\n border-top: 1px solid #4bbbff;\n}\n.context-menu > .menu-item.selected.context-menu-item-last {\n border-color: #4bbbff;\n}\n.context-menu > .menu-item.expanded > .submenu-icon {\n -webkit-transform: rotateX(180deg);\n -ms-transform: rotateX(180deg);\n transform: rotateX(180deg);\n top: 0;\n}\n.context-menu > .menu-item > .key-box {\n bottom: auto;\n top: 7px;\n}\n.popup-head ~ .context-menu.bottom > .menu-item.selected.context-menu-item-first {\n border-color: #4bbbff;\n}\n.popup-head ~ .context-menu.top > .menu-item.selected.context-menu-item-last {\n border-color: #4bbbff;\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.menu-item {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n color: #e4e4e6;\n cursor: pointer;\n}\n.menu-item::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.menu-item > .key-box {\n bottom: -3px;\n}\n.menu-item:hover {\n color: #4bbbff;\n}\n.menu-item:active,\n.menu-item.active {\n color: #4bbbff;\n}\n.menu-item.disabled {\n color: #999999;\n cursor: default;\n}\n.menu-item.menu-textandicon > .icon {\n margin-right: 8px;\n}\n.menu-item > .icon,\n.menu-item > .text,\n.menu-item > .submenu-icon,\n.menu-item > .text > .submenu-icon {\n position: relative;\n vertical-align: middle;\n display: inline-block;\n line-height: normal;\n height: auto;\n / Make IE trigger the :active state if the text or icon is pressed /\n pointer-events: none;\n}\n.menu-item > .text {\n / Icon is bigger than the text -> increase text size to make menu items with and without font icons about equal height. /\n / Otherwise menu items in context menus have a different size, and the popup of a menu with submenus may not be positioned correctly. /\n padding-top: 1px;\n padding-bottom: 1px;\n}\n.menu-item:not(.menu-button) > .icon {\n / Move \"a bit\" towards the top, because the icon would not look centered with the text's baseline otherwise. /\n top: -1px;\n}\n.menu-item > .icon.font-icon {\n font-size: 18px;\n}\n.menu-item > .icon.image-icon {\n / Prevent large image icons from overlapping the menu item /\n max-height: 18px;\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: 18px;\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 top: -1px;\n}\n.menu-item > .font-icon {\n font-size: 18px;\n}\n.menu-item.menu-open {\n color: #4bbbff;\n}\n.menu-item.combo-menu-child.menu-icononly:not(:first-child) {\n margin-left: 8px;\n}\n.menu-item.combo-menu-child.menu-icononly:not(:first-child) > .submenu-icon {\n padding-left: 0;\n}\n.menu-item.bottom-text.menu-textandicon {\n text-align: center;\n}\n.menu-item.bottom-text.menu-textandicon::before {\n display: none;\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:not(.menu-button) > .icon {\n top: 0;\n}\n.menu-item.bottom-text.menu-textandicon > .text {\n display: block;\n font-size: 10px;\n padding-bottom: 0;\n}\n.menu-item.bottom-text.menu-textandicon > .text > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n top: 0;\n line-height: 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.form-field-menu {\n cursor: default;\n}\n.form-field-menu:hover {\n color: #e4e4e6;\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 / remove margin left since the menu-item already has a padding /\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: #999999;\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: #999999;\n}\n/ Inside context menu popup -> set preferred size /\n.context-menu > .menu-item.form-field-menu {\n display: flex;\n align-items: center;\n}\n.context-menu > .menu-item.form-field-menu > .text,\n.context-menu > .menu-item.form-field-menu > .icon {\n flex: none;\n}\n.context-menu > .menu-item.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 with a smaller bottom border /\n}\n/ Styles /\n.menubar {\n position: relative;\n width: 100%;\n background-color: #1a1d28;\n border-bottom: 1px solid #495465;\n / default style is 'top' /\n vertical-align: middle;\n white-space: nowrap;\n}\n.menubar.bottom {\n border-bottom: 0;\n border-top: 1px solid #495465;\n}\n.menubar > .menubox {\n display: inline-block;\n height: 100%;\n / child menus of combo-menu must have the same padding, but not the all the other styles of > .menu-item /\n / Menu items within a top-level combo-menu should have a focus-border too /\n}\n.menubar > .menubox::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.menubar > .menubox.right {\n float: right;\n}\n.menubar > .menubox > .menu-separator {\n display: inline-block;\n vertical-align: middle;\n width: 1px;\n margin-right: 20px;\n background-color: #495465;\n height: 15px;\n}\n.menubar > .menubox > .menu-separator.overflown {\n display: none;\n}\n.menubar > .menubox > .combo-menu > .menu-item {\n padding-top: 6px;\n padding-bottom: 6px;\n}\n.menubar > .menubox > .menu-item {\n display: inline-block;\n padding-top: 6px;\n padding-bottom: 6px;\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}\n.menubar > .menubox > .menu-item.overflown {\n display: none;\n}\n.menubar > .menubox > .menu-item:focus {\n outline: none;\n}\n.menubar > .menubox > .menu-item:focus:not(.disabled) {\n color: #4bbbff;\n / Draw border for icon only items /\n}\n.menubar > .menubox > .menu-item:focus:not(.disabled):not(.menu-button) {\n color: #4bbbff;\n}\n.menubar > .menubox > .menu-item:focus:not(.disabled):not(.menu-button)::after {\n color: #4bbbff;\n}\n.menubar > .menubox > .menu-item:focus:not(.disabled).menu-icononly::after {\n position: absolute;\n content: '';\n left: -3px;\n top: -3px;\n width: calc(100% + 6px);\n height: calc(100% + 6px);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-radius: 3px;\n}\n.menubar > .menubox > .menu-item:focus:not(.disabled):not(.menu-icononly):not(.menu-button) > .text {\n text-decoration: underline;\n}\n.menubar > .menubox > .menu-item:not(.last) {\n margin-right: 20px;\n}\n.menubar > .menubox > .menu-item.form-field-menu {\n padding-top: 4px;\n padding-bottom: 4px;\n}\n.menubar > .menubox > .menu-item.menu-button {\n text-align: center;\n color: #4bbbff;\n background-color: transparent;\n border: 1px solid #2B73B3;\n border-radius: 3px;\n min-width: 110px;\n margin-top: 4px;\n margin-bottom: 4px;\n padding-left: 7px;\n padding-right: 7px;\n / TODO [7.0] cgu/BSH: Actually, we wanted to use .overflow-ellipsis-nowrap to support /\n / ellipsis, but this breaks the focus, because the ::before inline element gets /\n / cut off. We should find a better solution for this. /\n /white-space: nowrap;/\n}\n.menubar > .menubox > .menu-item.menu-button:not(.bottom-text) {\n height: 30px;\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.menubar > .menubox > .menu-item.menu-button:hover {\n color: #4bbbff;\n}\n.menubar > .menubox > .menu-item.menu-button:hover > .font-icon {\n color: #4bbbff;\n}\n.menubar > .menubox > .menu-item.menu-button:active,\n.menubar > .menubox > .menu-item.menu-button.active {\n color: #fff;\n background-color: #1561A7;\n}\n.menubar > .menubox > .menu-item.menu-button:active > .font-icon,\n.menubar > .menubox > .menu-item.menu-button.active > .font-icon {\n color: #fff;\n}\n.menubar > .menubox > .menu-item.menu-button:focus::after {\n position: absolute;\n content: '';\n left: -3px;\n top: -3px;\n width: calc(100% + 6px);\n height: calc(100% + 6px);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-radius: 3px;\n}\n.menubar > .menubox > .menu-item.menu-button > .font-icon {\n color: #4bbbff;\n}\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled) {\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 13px;\n background-color: #1561A7;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: transparent;\n color: #fff;\n}\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled):focus {\n color: #fff;\n}\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled):hover {\n background-color: #1561A7;\n}\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled):active,\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled).active {\n background-color: #014786;\n border-color: #014786;\n}\n.menubar > .menubox > .menu-item.menu-button.default-menu:not(.disabled) > .font-icon {\n font-weight: normal;\n color: #fff;\n}\n.menubar > .menubox > .menu-item.menu-button.disabled {\n background-color: inherit;\n border-color: #999999;\n color: #999999;\n cursor: default;\n}\n.menubar > .menubox > .menu-item.menu-button.disabled > .font-icon {\n color: #999999;\n}\n.menubar > .menubox > .menu-item.menu-button.selected {\n border-style: inset;\n border-right-color: #495465;\n border-bottom-color: #495465;\n}\n.menubar > .menubox > .menu-item.menu-button:not(.last) {\n margin-right: 20px;\n}\n.menubar > .menubox > .menu-item.menu-button.left-of-button {\n margin-right: 10px;\n}\n.menubar > .menubox > .menu-item.menu-button.small-gap {\n margin-right: 6px;\n}\n.menubar > .menubox > .menu-item.menu-button.small {\n min-width: 53px;\n}\n.menubar > .menubox > .menu-item.menu-button.small > .font-icon {\n font-size: 18px;\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus {\n outline: none;\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus:not(.disabled) {\n color: #4bbbff;\n / Draw border for icon only items /\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus:not(.disabled):not(.menu-button) {\n color: #4bbbff;\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus:not(.disabled):not(.menu-button)::after {\n color: #4bbbff;\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus:not(.disabled).menu-icononly::after {\n position: absolute;\n content: '';\n left: -3px;\n top: -3px;\n width: calc(100% + 6px);\n height: calc(100% + 6px);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n border-radius: 3px;\n}\n.menubar > .menubox > .combo-menu > .menu-item:focus:not(.disabled):not(.menu-icononly):not(.menu-button) > .text {\n text-decoration: underline;\n}\n.main-menubar {\n background-color: #1a1d28;\n padding-left: 20px;\n padding-right: 20px;\n margin-left: inherit;\n margin-right: inherit;\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.main-menubar > .menu-button.disabled {\n background-color: inherit;\n}\n.main-menubar > .menubox {\n / combo-menu itself should have no margins and no padding so its child menus\n * can render a focus border like regular top-level menus. /\n}\n.main-menubar > .menubox > .menu-item,\n.main-menubar > .menubox > .combo-menu > .menu-item {\n margin-top: 8px;\n margin-bottom: 7px;\n}\n.main-menubar > .menubox > .menu-item.bottom-text.menu-textandicon,\n.main-menubar > .menubox > .combo-menu > .menu-item.bottom-text.menu-textandicon {\n margin-top: 0;\n margin-bottom: 0;\n}\n.main-menubar > .menubox > .menu-item.menu-button,\n.main-menubar > .menubox > .combo-menu > .menu-item.menu-button {\n margin-top: 8px;\n margin-bottom: 7px;\n}\n.main-menubar > .menubox > .menu-item.form-field-menu,\n.main-menubar > .menubox > .combo-menu > .menu-item.form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n}\n.main-menubar > .menubox > .menu-item.small > .font-icon,\n.main-menubar > .menubox > .combo-menu > .menu-item.small > .font-icon {\n font-size: 18px;\n}\n.main-menubar > .menubox > .menu-item.last,\n.main-menubar > .menubox > .combo-menu > .menu-item.last {\n margin-right: 0;\n}\n.main-menubar > .menubox > .menu-separator {\n height: 18px;\n}\n.main-menubar > .menubox > .combo-menu.menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\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.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: 330px;\n box-shadow: 4px 10px 18px -6px rgba(0, 0, 0, 0.8);\n background-color: #262d3b;\n border-top: 5px solid #4bbbff;\n border-radius: 3px;\n margin: 10px;\n / minimum padding to desktop /\n margin-bottom: 15px;\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n / remove border and rounded corners in full screen mode /\n}\n.messagebox.severity-error {\n border-top-color: #FF6060;\n}\n.messagebox.calc-helper {\n top: 0;\n left: 0;\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.full-width,\n.messagebox.full-height {\n border-radius: 0;\n}\n.messagebox.full-width > .box-buttons > .box-button,\n.messagebox.full-height > .box-buttons > .box-button {\n border-radius: 0;\n}\n.messagebox.full-width {\n border-right: 0;\n border-left: 0;\n}\n.messagebox.full-height > .box-buttons > .box-button {\n border-bottom: 0;\n}\n.messagebox-content {\n min-height: 30px;\n border-left: 1px solid #495465;\n border-right: 1px solid #495465;\n background-color: #262d3b;\n padding: 3px 26px 26px 26px;\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-label {\n padding-top: 20px;\n word-wrap: break-word;\n}\n.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-weight: bold;\n}\n@media (max-width: 330px) {\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.mode {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n border: 1px solid #495465;\n height: 100%;\n padding: 5px;\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: 6px;\n / account for the missing border, so that text does not jump /\n}\n.mode.after-selected {\n border-left: none;\n padding-left: 6px;\n / account for the missing border, so that text does not jump /\n}\n.mode:hover {\n color: #4bbbff;\n}\n.mode:not(.disabled):not(.selected):active {\n color: #fff;\n background-color: #1561A7;\n}\n.mode.selected {\n color: #fff;\n background-color: #1561A7;\n border: none;\n}\n.mode:not(.disabled) {\n cursor: pointer;\n}\n.mode.disabled,\n.mode.alternative.disabled {\n color: #999999;\n}\n.mode.disabled.selected,\n.mode.alternative.disabled.selected {\n background-color: inherit;\n border: solid 1px #999999;\n}\n.mode > .icon.with-label {\n margin-right: 8px;\n}\n.dense .mode {\n padding: 3px;\n}\n.mode-selector.alternative > .mode.selected:not(.disabled) {\n background-color: inherit;\n border: 1px solid #1561A7;\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.mode-selector {\n position: relative;\n background-color: #262d3b;\n white-space: nowrap;\n display: table;\n table-layout: fixed;\n overflow: hidden;\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.notification {\n position: relative;\n padding: 10px;\n margin: 10px 0 0 10px;\n border: 1px solid transparent;\n color: #e4e4e6;\n pointer-events: auto;\n / When notification is a direct child of the main group-box: use different margins /\n}\n.notification.ok {\n background-color: #394051;\n border-color: #0DAF66;\n}\n.notification.info {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.notification.warning {\n background-color: #394051;\n border-color: #FDAD4F;\n}\n.notification.error {\n background-color: #394051;\n border-color: #FF6060;\n}\n.root-group-box > .notification {\n margin-left: 20px;\n margin-right: 20px;\n}\n.notification-content {\n / Prevent overlay of text and close icon /\n}\n.notification-content.closable {\n padding-right: 25px;\n}\n.notification-content > .closer {\n position: absolute;\n right: 2px;\n top: 2px;\n padding: 8px;\n}\n.notification-message {\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 {\n padding-left: 5px;\n padding-right: 5px;\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 #495465;\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: #1a1d28;\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: #394051;\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: #e4e4e6;\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 #495465;\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: #394051;\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 #4bbbff;\n border-bottom: 2px solid #4bbbff;\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: #262d3b;\n border-left: 2px solid #4bbbff;\n border-right: 2px solid #4bbbff;\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: #262d3b;\n border-left: 2px solid #4bbbff;\n border-right: 2px solid #4bbbff;\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: #24B499;\n text-align: center;\n border: 1px solid #495465;\n overflow: hidden;\n}\n.planner-activity.selected {\n outline: 2px solid #4bbbff;\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(255, 255, 255, 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(255, 255, 255, 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: #e4e4e6;\n background-color: transparent;\n border: 1px solid #495465;\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: #4bbbff;\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: #4bbbff;\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: #e4e4e6;\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: #e4e4e6;\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 width: 65px;\n text-align: center;\n border-top: 1px solid #495465;\n border-bottom: 1px solid #495465;\n border-left: 1px solid #495465;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.planner-mode.first {\n border-left: 1px solid #495465;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.planner-mode.last {\n border-right: 1px solid #495465;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.planner-mode:hover {\n color: #4bbbff;\n}\n.planner-mode.selected {\n color: #e4e4e6;\n background-color: #495465;\n}\n.planner-mode.disabled {\n background-color: inherit;\n border-color: #999999;\n color: #999999;\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: #4bbbff;\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: #e4e4e6;\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: #e4e4e6;\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: 14px;\n min-height: 14px;\n}\n.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: 14px;\n height: 14px;\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.popup-head {\n position: absolute;\n padding: 0 13px;\n white-space: nowrap;\n background-color: #262d3b;\n border: 1px solid #495465;\n border-top-width: 0;\n border-bottom-width: 0;\n color: #4bbbff;\n / Enable submenu /\n}\n.popup.bottom > .popup-head {\n padding-top: 10px;\n border-top-width: 1px;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.popup.top > .popup-head {\n padding-bottom: 3px;\n border-bottom-width: 1px;\n box-shadow: 2px -6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.popup-head > .submenu-icon,\n.popup-head > .text > .submenu-icon {\n -webkit-transform: rotateX(180deg);\n -ms-transform: rotateX(180deg);\n transform: rotateX(180deg);\n top: 0;\n}\n.popup-head > .font-icon {\n font-size: 18px;\n color: #4bbbff;\n}\n.popup-head.in-main-menubar > .font-icon {\n font-size: 22px;\n}\n.popup-deco {\n position: absolute;\n height: 1px;\n left: 1px;\n background-color: #262d3b;\n}\n.popup-body {\n position: relative;\n border: 1px solid #495465;\n background-color: #262d3b;\n}\n.popup-body.bottom {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.popup-body.top {\n box-shadow: 2px -6px 14px -6px rgba(0, 0, 0, 0.7);\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: #262d3b;\n border-top: 5px solid #4bbbff;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\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 color: #4bbbff;\n width: 100%;\n}\n.mobile-popup-header > .closer {\n position: absolute;\n top: 0;\n right: 4px;\n padding: 10px;\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 border: solid 1px #014786;\n border-radius: 3px;\n overflow: hidden;\n background-color: #1a1d28;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n margin: 45px 10px 10px 10px;\n}\n.touch-popup-field {\n position: absolute;\n margin: 6px;\n}\n.touch-popup-widget-container {\n position: absolute;\n border-top: solid 1px #495465;\n background-color: #262d3b;\n}\n.touch-popup-widget-container > .proposal-chooser > .table {\n overflow: inherit;\n}\n.touch-popup-header {\n margin: 8px 4px 2px 8px;\n}\n.touch-popup-title {\n font-size: 14px;\n color: #4bbbff;\n}\n.touch-popup-close-icon {\n position: absolute;\n right: 7px;\n top: 7px;\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.widget-popup {\n background-color: #262d3b;\n border: 1px solid #495465;\n border-radius: 3px;\n box-shadow: 4px 10px 18px -6px rgba(0, 0, 0, 0.8);\n margin: 10px;\n / minimum padding to window /\n}\n.widget-popup.animate-open {\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.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: 4px 4px 18px -2px rgba(0, 0, 0, 0.8);\n}\n.widget-popup > .close-action {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n padding: 10px;\n font-size: 17px;\n}\n.widget-popup > .popup-widget {\n position: relative;\n background-color: inherit;\n border-radius: 5px;\n}\n.widget-popup > .popup-arrow-overlay {\n border-radius: 5px;\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.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(255, 255, 255, 0.2);\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(255, 255, 255, 0.3);\n}\n.container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: rgba(255, 255, 255, 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(255, 255, 255, 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/\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) 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.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n box-shadow: 4px 10px 18px -6px rgba(0, 0, 0, 0.8);\n border-top: 5px solid #4bbbff;\n border-radius: 3px;\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\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-left: 1px solid #495465;\n border-right: 1px solid #495465;\n background-color: #262d3b;\n padding: 26px;\n}\n.busyindicator-content.no-buttons {\n border-bottom: 1px solid #495465;\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\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(75, 187, 255, 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-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: #e4e4e6;\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: #495465;\n}\ninput[type=range]:not(.ms-edge)::-webkit-slider-thumb {\n box-sizing: border-box;\n border: 1px solid #79818d;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #999999;\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: #cfe7fd;\n border-color: #2B73B3;\n}\ninput[type=range]::-moz-range-track {\n height: 3px;\n cursor: pointer;\n animate: 0.2s;\n background: #495465;\n}\ninput[type=range]::-moz-range-thumb {\n box-sizing: border-box;\n border: 1.5px solid #79818d;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #999999;\n cursor: pointer;\n}\ninput[type=range]:focus::-moz-range-thumb {\n background-color: #cfe7fd;\n border-color: #2B73B3;\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: #495465;\n}\ninput[type=range]::-ms-fill-upper {\n background: #495465;\n}\ninput[type=range]::-ms-thumb {\n box-sizing: border-box;\n border: 1px solid #79818d;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #999999;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-thumb {\n background-color: #cfe7fd;\n border-color: #2B73B3;\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: #495465;\n}\n.splitter.line:not(.disabled):hover {\n background-color: #4bbbff;\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 {\n / args = keyframeName, timingFunction, iterationCount /\n / Fade In /\n / Fade Out /\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 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 / Flash-Gray /\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 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-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: #e4e4e6;\n bottom: 0;\n }\n 25% {\n color: #2d3748;\n bottom: 4px;\n }\n 50% {\n color: #e4e4e6;\n bottom: 0;\n }\n 100% {\n color: #e4e4e6;\n bottom: 0;\n }\n}\n@keyframes animateDot {\n 0% {\n color: #e4e4e6;\n bottom: 0;\n }\n 25% {\n color: #2d3748;\n bottom: 4px;\n }\n 50% {\n color: #e4e4e6;\n bottom: 0;\n }\n 100% {\n color: #e4e4e6;\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@-webkit-keyframes flash-gray {\n 0% {\n background-color: #394051;\n }\n 25% {\n background-color: #495465;\n }\n 50% {\n background-color: #394051;\n }\n 75% {\n background-color: #495465;\n }\n 100% {\n background-color: #394051;\n }\n}\n@keyframes flash-gray {\n 0% {\n background-color: #394051;\n }\n 25% {\n background-color: #495465;\n }\n 50% {\n background-color: #394051;\n }\n 75% {\n background-color: #495465;\n }\n 100% {\n background-color: #394051;\n }\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/ -------------------------------- /\n/ Scout default theme /\n/ extends: - /\n/ affects: Scout OSS /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Color palette /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Global colors /\n/ -------------------------------- /\n/ Use lighter gray in alternative mode, only relevant for some fields with borders (e.g. text area) /\n/ -------------------------------- /\n/ Component specific colors /\n/ -------------------------------- /\n/ always white to not change the look of the website /\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/ 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/\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/ default font icons (sans-serif, arial) /\n/ scoutIcons: custom icons /\n/ scoutIcons: awesome icons /\n/ repeat /\n/ bars /\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 {\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 text-align: 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}\n#scout .menu-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .menu-status::before {\n content: '\\E041';\n color: #e4e4e6;\n font-size: 18px;\n}\n#scout .menu-status:hover::before {\n color: #4bbbff;\n}\n#scout .menu-status:active::before {\n color: #4bbbff;\n}\n#scout .tooltip-status,\n#scout .info-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .tooltip-status::before,\n#scout .info-status::before {\n content: '\\E002';\n color: #e4e4e6;\n font-size: 16px;\n}\n#scout .tooltip-status:hover::before,\n#scout .info-status:hover::before {\n color: #4bbbff;\n}\n#scout .tooltip-status:active::before,\n#scout .info-status:active::before {\n color: #4bbbff;\n}\n#scout .warning-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .warning-status::before {\n content: '\\E001';\n color: #FDAD4F;\n font-size: 16px;\n}\n#scout .warning-status:hover::before {\n color: #FE9915;\n}\n#scout .warning-status:active::before {\n color: #FE9915;\n}\n#scout .error-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .error-status::before {\n content: '\\E001';\n color: #FF6060;\n font-size: 16px;\n}\n#scout .error-status:hover::before {\n color: #DF2632;\n}\n#scout .error-status:active::before {\n color: #DF2632;\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 border: solid 1px #014786;\n border-radius: 3px;\n overflow: hidden;\n background-color: #262d3b;\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n}\n#scout .chooser-popup.bottom {\n margin-top: 5px;\n}\n#scout .chooser-popup.top {\n margin-bottom: 5px;\n}\n#scout .chooser-popup.touch {\n background-color: #1a1d28;\n}\n#scout .chooser-popup.alternative {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n border-radius: 0;\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(38, 45, 59, 0.3);\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(38, 45, 59, 0.45);\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb > .scrollbar-thumb-handle {\n background-color: rgba(38, 45, 59, 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(38, 45, 59, 0.15);\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/ 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: 20px;\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/ minus the border /\n/ Align first tree node with menu item text on the right /\n/ Same height as navigate buttons on the right + border /\n/ also used in scout.Column.prototype.buildCell /\n/ also used in scout.Column.prototype.buildCell /\n/ bigger space when multiple icons are displayed /\n/ Optimized for a tile height of 30px (logical-grid-height) /\n/ minus the border /\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-label {\n margin-right: 8px;\n}\n.switch-button {\n width: 28px;\n position: relative;\n padding: 8px;\n border-radius: 8px;\n background: #1a1d28;\n cursor: pointer;\n border: solid 1px #5e6d83;\n}\n.switch-button:before {\n content: '';\n display: block;\n position: absolute;\n line-height: 30px;\n text-indent: 40px;\n height: 14px;\n width: 14px;\n border-radius: 100%;\n top: 1px;\n left: 1px;\n right: auto;\n border: solid 1px #5e6d83;\n background-color: #394051;\n}\n.switch-button,\n.switch-button:before {\n transition: 0.25s ease-in-out;\n}\n.switch-button.activated:before {\n border-color: #4bbbff;\n background-color: #7eabd3;\n left: calc(100% - 15.5px);\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-row-level-padding {\n width: 20px;\n}\n.table {\n position: relative;\n / Used for scout.Table.CheckableStyle.TABLE_ROW /\n}\n.table:focus,\n.table.focused {\n outline: none;\n}\n.table:focus .table-row.selected,\n.table.focused .table-row.selected {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.table > .menubar:not(.main-menubar) {\n padding-left: 8px;\n padding-right: 8px;\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 > .table-cell.first {\n / Increase padding of first cell to make room for \"selection\" marker /\n padding-left: 14px;\n}\n.table.table-row-check > .table-data > .table-row.selected {\n / Don't draw selection /\n background-color: transparent;\n border-color: #495465;\n}\n.table.table-row-check > .table-data > .table-row.selected > .table-cell {\n color: #e4e4e6;\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: #e4e4e6;\n}\n.table.table-row-check:focus > .table-data > .table-row.selected,\n.table.table-row-check.focused > .table-data > .table-row.selected {\n / \"Selection\" marker /\n}\n.table.table-row-check:focus > .table-data > .table-row.selected::before,\n.table.table-row-check.focused > .table-data > .table-row.selected::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: '\\E013';\n position: absolute;\n top: 8px;\n left: 5px;\n color: #e4e4e6;\n}\n.table.table-row-check:focus > .table-data > .table-row.selected.checked::before,\n.table.table-row-check.focused > .table-data > .table-row.selected.checked::before {\n color: #e4e4e6;\n}\n.table.checkable.header-invisible > .table-data > .table-row.selected.first {\n border-top-color: #262d3b;\n}\n.table.structured .table-row:not(.leaf) {\n background-color: #394051;\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 .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-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n / Draw the .table-data DIV one pixel higher, over the header (for selection border). /\n / - To make height calculation correct, this margin has to be subtracted again /\n / from .table-data's height. See TableLayout.layout(). /\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-data-fill,\n.table-data > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .table-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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\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%, #508DC3 20%, #508DC3 80%, transparent 100%);\n left: 0;\n width: 50px;\n height: 100%;\n}\n.table-data-fill {\n background-color: #495465;\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 overflow: hidden;\n border-left: 0 solid transparent;\n border-right: 0 solid transparent;\n border-bottom: 1px solid #495465;\n}\n.table-row.sum-selection,\n.table-aggregate-row.sum-selection {\n color: #4bbbff;\n}\n.table-row:active,\n.table-aggregate-row:active {\n background-color: #394051;\n}\n.table-row.selected,\n.table-aggregate-row.selected {\n background-color: #394051;\n border-color: #495465;\n border-left-color: transparent;\n border-right-color: transparent;\n}\n.table-row.selected.select-top,\n.table-aggregate-row.selected.select-top,\n.table-row.selected.select-middle,\n.table-aggregate-row.selected.select-middle {\n / Disable bottom-border. Instead, we add the border in the ::after pseudo element, because otherwise /\n / it would interfere with the 2px left border (missing control of 'border join behaviour' in CSS) /\n border-bottom: 0;\n}\n.table-row.selected.select-top::after,\n.table-aggregate-row.selected.select-top::after,\n.table-row.selected.select-middle::after,\n.table-aggregate-row.selected.select-middle::after {\n border-bottom: 1px solid #495465;\n content: '';\n display: block;\n}\n.table-row.select-single,\n.table-aggregate-row.select-single,\n.table-row.select-top,\n.table-aggregate-row.select-top {\n border-top: 1px solid #495465;\n / Move the row 1px up to cover the bottom border of the previous row. /\n margin-top: -1px;\n}\n.table-row.checked,\n.table-aggregate-row.checked {\n background-color: #1561A7;\n}\n.table-cell {\n color: #e4e4e6;\n display: table-cell;\n padding: 7px 4px 7px 8px;\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n / for multiline text /\n}\n.table-cell > .width-fix {\n / Some browsers (e.g. IE9) need an additional <div> with display:inline-block below the table-cell /\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n / An additional max-width: must be added in browser. /\n}\n.table-row.disabled > .table-cell {\n / Table row is disabled -> use lighter disabled color /\n color: #999999;\n}\n.disabled > .table-row > .table-cell {\n / Whole table is disabled -> use darker disabled color /\n color: #999999;\n}\n.disabled.read-only > .table-data > .table-row > .table-cell {\n color: #e4e4e6;\n}\n.table-row.checked > .table-cell {\n color: #e4e4e6;\n}\n.table-cell.empty {\n / explicitly disable ellipsis, because IE would display it for very narrow columns even if content is ' ' /\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: #495465 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: #495465;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable.has-error::before {\n border-color: #FF6060 transparent transparent transparent;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.mandatory.has-error::before {\n color: #FF6060;\n}\n.table-cell.table-node > .table-row-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n padding: 7px 8px 7px 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: 5px 8px 0 8px;\n cursor: pointer;\n text-overflow: clip;\n}\n.table-cell.checkable.disabled,\n.table.disabled > .table-data > .table-row > .table-cell.checkable {\n cursor: default;\n}\n.table-cell > .check-box {\n display: inline-block;\n position: relative;\n width: 18px;\n height: 18px;\n border: 1px solid #495465;\n border-radius: 3px;\n background-color: #262d3b;\n text-align: center;\n}\n.table-cell > .check-box::before {\n position: absolute;\n display: block;\n line-height: 18px;\n width: 16px;\n}\n.table-cell > .check-box.checked::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: '\\E005';\n color: #4bbbff;\n font-size: 11px;\n}\n.table-cell > .check-box.undefined::before {\n / tri-state /\n content: '';\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n border-radius: 1px;\n background-color: #4bbbff;\n}\n.table-cell > .check-box.disabled,\n.table.disabled > .table-data > .table-row > .table-cell > .check-box {\n background-color: inherit;\n}\n.table-cell > .check-box.disabled::before,\n.table.disabled > .table-data > .table-row > .table-cell > .check-box::before {\n color: #999999;\n}\n.table-cell > .check-box.disabled.undefined::before,\n.table.disabled > .table-data > .table-row > .table-cell > .check-box.undefined::before {\n / tri-state /\n background-color: #999999;\n}\n.table-cell.halign-right {\n text-align: right;\n padding-right: 8px;\n padding-left: 4px;\n}\n.table-cell.halign-center {\n text-align: center;\n padding-right: 8px;\n}\n.table-icon-cell {\n text-overflow: clip;\n}\n.font-icon.table-cell-icon {\n color: #e4e4e6;\n}\n.disabled .font-icon.table-cell-icon {\n color: #999999;\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: #e4e4e6;\n}\n.table-aggregate {\n overflow: hidden;\n}\n.table-aggregate-row {\n background-color: #1a1d28;\n}\n.table-aggregate-cell {\n font-weight: bold;\n / if aggregation is based on selected rows /\n}\n.table-aggregate-cell > .table-cell-icon {\n color: #e4e4e6;\n}\n.table-aggregate-cell.selection,\n.table-aggregate-cell.selection > .table-cell-icon {\n color: #2B73B3;\n}\n.column-background-effect-bar-chart {\n background-color: rgba(21, 97, 167, 0.4);\n}\n.column-background-effect-gradient1-start {\n background-color: #5d2b38;\n}\n.column-background-effect-gradient1-end {\n background-color: #1e5448;\n}\n.column-background-effect-gradient2-start {\n background-color: #1e5448;\n}\n.column-background-effect-gradient2-end {\n background-color: #5d2b38;\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/\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-footer {\n position: absolute;\n bottom: 0;\n min-height: 52px;\n width: 100%;\n white-space: nowrap;\n border-top: 1px solid #495465;\n background-color: #1a1d28;\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: 3px solid #495465;\n}\n.table-control-container {\n position: absolute;\n overflow: hidden;\n outline: none;\n background-color: #2d3748;\n bottom: 52px;\n width: 100%;\n / Default value for TableControl.js /\n height: 345px;\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 #495465;\n}\n.table-control-content {\n height: 100%;\n width: 100%;\n}\n.table-control-content > .form {\n background-color: #2d3748;\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 padding-left: 0;\n padding-right: 0;\n margin-left: 20px;\n margin-right: 20px;\n}\n.table-control-content > .form > .root-group-box > .main-menubar > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: inherit;\n}\n.table-control-content .tab-box > .tab-box-header {\n margin-top: 0;\n margin-left: 0;\n}\n.table-control-content .tab-box > .tab-box-header > .tab-box-header-bottom-border {\n display: none;\n}\n.table-control-content .tab-box > .tab-box-header .tab-area > .selection-marker {\n z-index: 2;\n height: 3px;\n bottom: auto;\n top: 0;\n margin-bottom: 0;\n}\n.table-control-content .tab-box > .tab-box-header .tab-area > .tab-item {\n z-index: 2;\n}\n.table-control-content .tab-box > .tab-box-header .tab-area > .tab-item > .title {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.table-control-content .tab-box > .tab-box-header .tab-area > .tab-item.first {\n / align with the form fields /\n padding-left: 10px;\n}\n.table-control-content .tab-box > .tab-box-header .tab-area > .tab-item::after {\n top: 0;\n height: 3px;\n margin-bottom: auto;\n}\n.table-controls {\n position: absolute;\n height: 100%;\n}\n.table-footer > .table-controls ~ .table-controls {\n margin-left: -1px;\n}\n.table-info {\n position: absolute;\n right: 0;\n}\n.table-filter {\n display: inline-block;\n position: relative;\n vertical-align: top;\n margin-top: 13px;\n margin-right: 14px;\n}\n.table-text-filter {\n min-height: 26px;\n width: 200px;\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: block;\n}\n.table-text-filter ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: 26px;\n line-height: 26px;\n padding-right: 10px;\n cursor: pointer;\n}\n.table-text-filter ~ .clear-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: 13px;\n content: '\\E045';\n color: #79818d;\n}\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding-top: 7px;\n padding-bottom: 0;\n height: 51px;\n / subtract border-top of .table-footer /\n color: #e4e4e6;\n cursor: pointer;\n line-height: 19px;\n overflow: hidden;\n white-space: nowrap;\n / margins are used instead of paddings for a better animation /\n}\n.table-info-load::before,\n.table-info-status::before,\n.table-info-filter::before,\n.table-info-selection::before {\n content: '';\n position: absolute;\n top: 9px;\n left: 0;\n height: 34px;\n border-right: 1px solid #495465;\n}\n.table-info-load > span,\n.table-info-status > span,\n.table-info-filter > span,\n.table-info-selection > span {\n margin-left: 14px;\n margin-right: 13px;\n / because left padding includes the ::before border /\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: #e4e4e6;\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: #4bbbff;\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: #18a8ff;\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: #4bbbff;\n}\n.table-info-tooltip {\n line-height: 30px;\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-control, table-status) /\n margin-top: 6px;\n}\n.table-info-status {\n padding-top: 0;\n line-height: 52px;\n color: #e4e4e6;\n / normal /\n / error /\n / warning /\n}\n.table-info-status:hover {\n color: #4bbbff;\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: #FF6060;\n}\n.table-info-status.error.tooltip-active:hover {\n color: #DF2632;\n}\n.table-info-status.warning > .font-icon::before {\n content: '\\E001';\n}\n.table-info-status.warning.tooltip-active {\n color: #FDAD4F;\n}\n.table-info-status.warning.tooltip-active:hover {\n color: #FE9915;\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-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: #1a1d28;\n border-bottom: 1px solid #495465;\n z-index: 0;\n / begin new stacking context /\n / Make it the same height as the menu bar /\n min-height: 29px;\n / -1px border-width. Header-items itself must not get a min-height otherwise bottom alignment with multi line header items break /\n}\n.table-header.disabled:not(.read-only) {\n color: #999999;\n}\n.table-header > .menubar-container {\n position: absolute;\n right: 0;\n / make menubar a little smaller than header (but still center it). Otherwise browsers may draw the menu bar over the bottom border of the table header when the page is zoomed /\n top: 1px;\n height: calc(100% - 2px);\n padding-right: 6px;\n padding-left: 6px;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n}\n.table-header > .menubar-container > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n}\n.table-header-item {\n position: relative;\n display: inline-block;\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 13px;\n padding: 7px 4px 7px 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\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: bottom;\n cursor: pointer;\n / Transparent border required for .selected state /\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\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: #e4e4e6;\n}\n.table-header-item.halign-right {\n text-align: right;\n padding-right: 8px;\n padding-left: 4px;\n}\n.table-header-item.halign-center {\n text-align: center;\n padding-right: 8px;\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: 14px;\n}\n.table-header-item.sorted,\n.table-header-item.grouped,\n.table-header-item.filtered {\n / make room for icon /\n padding-right: 16px;\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: 20px;\n}\n.table-header-item.sorted.grouped,\n.table-header-item.sorted.filtered {\n / make some more room /\n padding-right: 28px;\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: 32px;\n}\n.table-header-item:not(.disabled):hover {\n color: #4bbbff;\n}\n.table-header-item:not(.disabled):active,\n.table-header-item:not(.disabled).active,\n.table-header-item.moving {\n color: #4bbbff;\n}\n.table-header-item.moving > .table-header-item-state {\n display: none;\n}\n.table-header-item.selected {\n border-left-color: #495465;\n border-right-color: #495465;\n background-color: #262d3b;\n color: #4bbbff;\n z-index: 1;\n}\n.table-header-item.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n}\n.table-header-item > .icon.with-text {\n margin-right: 8px;\n}\n.table-header-item-text.empty {\n / explicitly disable ellipsis, because IE would display it for very narrow columns even if content is ' ' /\n text-overflow: clip;\n}\n.table-header-item-icon-only {\n text-overflow: clip;\n}\n.table-header-item-state {\n position: absolute;\n right: 3px;\n top: 4px;\n font-weight: normal;\n font-size: 10px;\n color: #e4e4e6;\n display: table-row;\n}\n.table-header-item-state > .left {\n display: table-cell;\n padding-top: 5px;\n padding-left: 3px;\n text-align: center;\n}\n.table-header-item-state.grouped.filtered > .left {\n padding-top: 0;\n}\n.table-header-item-state > .right {\n display: table-cell;\n color: #e4e4e6;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n vertical-align: top;\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: 8px 8px;\n margin-left: -8px;\n background-color: #79818d;\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: #e4e4e6;\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.table-header-item.selected + .table-header-resize.table-header-resize {\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) 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-header-menu {\n position: absolute;\n width: 447px;\n background-color: #262d3b;\n border: 1px solid #495465;\n white-space: nowrap;\n}\n.table-header-menu:focus {\n outline: 0;\n}\n.table-header-menu.bottom {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.table-header-menu.top {\n box-shadow: 2px -3px 14px -6px rgba(0, 0, 0, 0.7);\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: bottom;\n padding: 10px;\n}\n.table-header-menu-filters {\n display: inline-block;\n width: 222px;\n border-left: solid 1px #495465;\n padding: 0 10px 0 10px;\n margin: 10px 0 10px 0;\n}\n.table-header-menu-body.compact > .table-header-menu-filters {\n display: block;\n height: auto;\n margin-top: 5px;\n border-left: 0;\n}\n.table-header-menu-filters > .table-header-menu-group > .form-field {\n position: relative;\n}\n.table-header-menu-whiter {\n height: 1px;\n position: absolute;\n left: 0;\n background-color: #262d3b;\n}\n.table-header-menu.bottom .table-header-menu-whiter {\n top: -1px;\n}\n.table-header-menu.top .table-header-menu-whiter {\n bottom: -1px;\n}\n.table-header-menu-group {\n padding-top: 10px;\n}\n.table-header-menu-group.first {\n padding-top: 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-family: Arial, sans-serif;\n font-size: 13px;\n font-weight: bold;\n color: #e4e4e6;\n line-height: 24px;\n height: 24px;\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 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: 18px;\n color: #e4e4e6;\n border: 1px solid #495465;\n background-color: #262d3b;\n cursor: pointer;\n text-align: center;\n display: table;\n}\n.table-header-menu-command:focus {\n border-color: #4bbbff;\n outline: none;\n}\n.table-header-menu-command:focus > .icon::before,\n.table-header-menu-command:focus > .icon::after {\n color: #4bbbff;\n}\n.table-header-menu-command.last {\n margin-right: 0;\n}\n.table-header-menu-command:hover {\n color: #4bbbff;\n border-color: #4bbbff;\n}\n.table-header-menu-command:active,\n.table-header-menu-command.active {\n color: #fff;\n background-color: #1561A7;\n border-color: #1561A7;\n}\n.table-header-menu-command.disabled {\n background-color: #262d3b;\n border-color: #394051;\n color: #999999;\n cursor: default;\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.selected {\n background-color: #1561A7;\n border: 1px solid #1561A7;\n}\n.table-header-menu-command.selected > .icon::before,\n.table-header-menu-command.selected > .icon::after {\n color: #fff;\n}\n.table-header-menu-command.selected:focus {\n background-color: #262d3b;\n}\n.table-header-menu-command.selected:focus > .icon::before,\n.table-header-menu-command.selected:focus > .icon::after {\n color: #4bbbff;\n}\n.table-header-menu-command.selected:active:not(.disabled),\n.table-header-menu-command.selected.active:not(.disabled) {\n background-color: #0f477a;\n border-color: #0f477a;\n}\n.table-header-menu-command > .icon {\n vertical-align: middle;\n display: table-cell;\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 {\n border-width: 0;\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, #5d2b38, #1e5448);\n / Color used as fallback if browser does not support gradients (ie 9) /\n background-color: #5d2b38;\n}\n.table-header-menu-command.color-gradient2 {\n background-image: linear-gradient(to right, #1e5448, #5d2b38);\n / Color used as fallback if browser does not support gradients (ie 9) /\n background-color: #1e5448;\n}\n.table-header-menu-command.color-bar-chart {\n background-image: linear-gradient(to right, rgba(21, 97, 167, 0.4) 0, rgba(21, 97, 167, 0.4) 65%, #fff 65%, #fff 100%);\n background-color: transparent;\n}\n.table-header-menu-command.color.selected {\n border-width: 2px;\n}\n.table-header-menu-command.color.selected.togglable:hover {\n background-color: #1561A7;\n background-image: none;\n}\n.table-header-menu-filter {\n position: relative;\n width: 200px;\n float: left;\n clear: both;\n height: 30px;\n line-height: 30px;\n cursor: pointer;\n padding: 0 20px 0 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n border-top: 1px solid #495465;\n}\n.table-header-menu-filter.last {\n border-bottom: 1px solid #495465;\n}\n.table-header-menu-filter:hover {\n color: #4bbbff;\n}\n.table-header-menu-filter::after {\n position: absolute;\n right: 14px;\n content: attr(data-value);\n}\n.table-header-menu-filter.selected {\n background-color: #1561A7;\n border-top-color: #1561A7;\n color: #fff;\n}\n.table-header-menu-filter.selected + .table-header-menu-filter {\n border-top: 1px solid #262d3b;\n}\n.table-header-menu-filter.selected:last-child {\n border-bottom-color: #1561A7;\n}\n.table-header-menu-filter-actions {\n float: right;\n line-height: 24px;\n}\n.table-header-menu-filter-toggle-checked {\n cursor: pointer;\n color: #4bbbff;\n display: inline;\n}\n.table-header-menu-toggle-sort-order {\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 float: left;\n cursor: pointer;\n color: #4bbbff;\n padding-right: 10px;\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: 12px 16px;\n line-height: 25px;\n}\n.table-row-detail-name {\n font-weight: bold;\n margin-right: 4px;\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 display: inline-block;\n padding: 0 14px;\n cursor: pointer;\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n / draw over border-top of .table-footer /\n height: calc(100% + 1px);\n margin-top: -1px;\n padding-top: 1px;\n}\n.table-control::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: 0;\n}\n.table-control > .font-icon {\n font-size: 22px;\n color: #4bbbff;\n vertical-align: middle;\n}\n.table-control:hover > .font-icon {\n color: #4bbbff;\n}\n.table-control:active > .font-icon {\n color: #18a8ff;\n}\n.table-control.disabled:hover,\n.table-control.disabled > .font-icon,\n.table-control.disabled.selected > .font-icon {\n cursor: default;\n color: #999999;\n}\n.table-control.selected > .font-icon {\n color: #4bbbff;\n}\n.table-control.selected {\n border-left-color: #495465;\n border-right-color: #495465;\n background-color: #2d3748;\n}\n.table-control.selected:first-child {\n border-left-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: 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.cell-editor-popup {\n / make sure it is behind the scrollbar /\n z-index: 0;\n}\n.cell-editor-popup.first {\n / Hide the left border of the field /\n margin-left: -1px;\n}\n.cell-editor-field {\n / -1px correction is necessary because the table-cell does not have a border but the fields have\n * For some reason Microsoft Edge requires 1px less padding than all other browsers, to avoid a\n * 'jumpy' UI when user clicks into an editable cell /\n padding: 7px 3px 7px 7px;\n border-radius: 0;\n}\n.cell-editor-field.ms-edge {\n padding-left: 6px;\n}\n.cell-editor-field.first {\n / Correction for margin-left -1px /\n padding-left: 8px;\n}\n.cell-editor-field.first.ms-edge {\n padding-left: 7px;\n}\n.cell-editor-field.halign-right {\n padding-right: 7px;\n padding-left: 3px;\n}\n.cell-editor-field.halign-right.ms-edge {\n padding-left: 2px;\n}\n.cell-editor-field.halign-center {\n padding-right: 7px;\n}\n.cell-editor-field:focus {\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-size: 16px;\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 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: #999999;\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: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-block;\n user-select: none;\n white-space: nowrap;\n color: #000;\n outline: none;\n border-radius: 2px;\n background-color: #3EE1C3;\n padding: 0 5px;\n height: 22px;\n line-height: 22px;\n margin: 3px 3px 0 0;\n}\n.tag-element:hover:not(.disabled),\n.overflow-icon:hover:not(.disabled) {\n background-color: #7ff2dd;\n}\n.tag-element.focused,\n.overflow-icon.focused {\n background-color: #24B499;\n}\n.tag-element.focused > .tag-remove-icon::before,\n.overflow-icon.focused > .tag-remove-icon::before {\n color: #000;\n}\n.tag-element > .tag-text {\n max-width: 85px;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 1px;\n display: inline-block;\n vertical-align: middle;\n}\n.tag-element.clickable:hover {\n cursor: pointer;\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: 10px;\n content: '\\F078';\n color: #1D826F;\n}\n.overflow-icon:hover {\n background-color: #7ff2dd;\n cursor: pointer;\n}\n.overflow-icon.focused::before {\n color: #000;\n}\n.tag-remove-icon {\n padding-left: 3px;\n display: inline-block;\n vertical-align: middle;\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 color: #1D826F;\n}\n.tag-remove-icon:hover {\n cursor: pointer;\n}\n.tag-remove-icon:hover::before {\n color: #000;\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 7px 9px 5px;\n max-width: 250px;\n}\n.tag-overflow-popup-head {\n position: absolute;\n background-color: #262d3b;\n color: #4bbbff;\n border: 1px solid #495465;\n border-bottom-width: 0;\n}\n.tag-overflow-popup-head:hover {\n background-color: #262d3b !important;\n / NOSONAR important to avoid super specific selector /\n}\n.tag-overflow-popup-head.overflow-icon {\n margin: 0;\n border-radius: 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.time-picker-popup {\n position: absolute;\n border: 1px solid #014786;\n border-radius: 3px;\n outline: none;\n border: 1px solid #4bbbff;\n box-shadow: 0 0 5px rgba(75, 187, 255, 0.5);\n overflow: hidden;\n}\n.time-picker-popup.alternative {\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n border-radius: 0;\n}\n.time-picker {\n position: relative;\n background-color: #262d3b;\n}\n.time-picker.touch {\n overflow-x: hidden;\n overflow-y: auto;\n min-width: 160px;\n}\n.day-table {\n display: table;\n width: 100%;\n}\n.day-table > .hour-row {\n display: table-row;\n padding-left: 20px;\n padding-right: 20px;\n}\n.day-table > .hour-row:hover > .label {\n font-weight: bold;\n color: #4bbbff;\n}\n.day-table > .hour-row > .cell {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n padding: 2px;\n cursor: pointer;\n}\n.time-picker.touch .day-table > .hour-row > .cell {\n padding: 5px;\n}\n.day-table > .hour-row > .cell:first-child {\n padding-left: 7px;\n}\n.time-picker.touch .day-table > .hour-row > .cell:first-child {\n padding-left: 15px;\n}\n.day-table > .hour-row > .cell:last-child {\n padding-right: 12px;\n}\n.time-picker.touch .day-table > .hour-row > .cell:last-child {\n padding-right: 20px;\n}\n.day-table > .hour-row > .cell > .text {\n display: inline-block;\n padding: 5px;\n border: 1px solid transparent;\n border-radius: 3px;\n}\n.day-table > .hour-row > .cell.hours {\n background-color: #1a1d28;\n border-right: 1px solid #495465;\n}\n.day-table > .hour-row > .cell.hours:active:not(.disabled) + .minutes > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.hours:hover:not(.disabled) + .minutes > .text {\n border-color: #4bbbff;\n background-color: #394051;\n}\n.day-table > .hour-row > .cell.hours:active:not(.disabled) + .minutes.now > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.hours:hover:not(.disabled) + .minutes.now > .text {\n border-color: #FE9915;\n background-color: #394051;\n}\n.day-table > .hour-row > .cell.hours:active:not(.disabled) + .minutes.selected > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.hours:hover:not(.disabled) + .minutes.selected > .text {\n background-color: #2B73B3;\n}\n.day-table > .hour-row > .cell.hours:active:not(.disabled) + .minutes.selected.now > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.hours:hover:not(.disabled) + .minutes.selected.now > .text {\n background-color: #FDAD4F;\n}\n.day-table > .hour-row > .cell.minutes {\n / Hover effect is disabled on touch devices because the hover effect does not vanish on touch end which is annoying especially when swiping. /\n}\n.day-table > .hour-row > .cell.minutes.now {\n color: #FE9915;\n font-weight: bold;\n}\n.day-table > .hour-row > .cell.minutes.selected {\n color: #fff;\n}\n.day-table > .hour-row > .cell.minutes.selected > .text {\n background-color: #1561A7;\n}\n.day-table > .hour-row > .cell.minutes.selected.now {\n color: #fff;\n}\n.day-table > .hour-row > .cell.minutes.selected.now > .text {\n background-color: #cd6906;\n}\n.day-table > .hour-row > .cell.minutes.preselected > .text {\n border-color: #4bbbff;\n border-style: dashed;\n}\n.day-table > .hour-row > .cell.minutes.preselected.now > .text {\n border-color: #FE9915;\n}\n.day-table > .hour-row > .cell.minutes:active:not(.disabled) > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.minutes:hover:not(.disabled) > .text {\n border-color: #4bbbff;\n background-color: #394051;\n}\n.day-table > .hour-row > .cell.minutes:active:not(.disabled).now > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.minutes:hover:not(.disabled).now > .text {\n border-color: #FE9915;\n background-color: #394051;\n}\n.day-table > .hour-row > .cell.minutes:active:not(.disabled).selected > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.minutes:hover:not(.disabled).selected > .text {\n background-color: #2B73B3;\n}\n.day-table > .hour-row > .cell.minutes:active:not(.disabled).selected.now > .text,\n.time-picker:not(.touch) .day-table > .hour-row > .cell.minutes:hover:not(.disabled).selected.now > .text {\n background-color: #FDAD4F;\n}\n.touch-popup-widget-container > .time-picker {\n border: none;\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.tooltip {\n position: absolute;\n background-color: #262d3b;\n border: 1px solid #4bbbff;\n color: #e4e4e6;\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n max-width: 300px;\n white-space: normal;\n}\n.tooltip-content {\n background-color: inherit;\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}\n.tooltip-content .bold {\n font-weight: bold;\n}\n.tooltip-content .small {\n font-size: 11px;\n color: #999999;\n}\n.tooltip-menus {\n background-color: inherit;\n padding: 0 12px 5px 12px;\n position: relative;\n}\n.tooltip.no-text > .tooltip-menus {\n padding-top: 3px;\n}\n.tooltip-menus > .menu-item {\n display: block;\n padding-top: 5px;\n padding-bottom: 5px;\n}\n.tooltip-menus > .menu-item > .text {\n text-decoration: underline;\n}\n.tooltip-menus > .menu-item > .submenu-icon {\n padding-left: 5px;\n}\n.tooltip-arrow {\n position: absolute;\n width: 14px;\n height: 14px;\n background-color: inherit;\n border: inherit;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n box-shadow: 2px 6px 14px -6px rgba(0, 0, 0, 0.7);\n}\n.tooltip-arrow.arrow-bottom {\n bottom: -7px;\n margin-left: -8px;\n}\n.tooltip-arrow.arrow-top {\n top: -7px;\n margin-left: -8px;\n}\n.tooltip.error {\n background-color: #262d3b;\n border-color: #FF6060;\n}\n.tooltip.error > .tooltip-arrow {\n background-color: #262d3b;\n border-color: #FF6060;\n}\n.tooltip.error > .tooltip-content,\n.tooltip.error > .tooltip-menus {\n background-color: #262d3b;\n}\n.tooltip.warning {\n background-color: #262d3b;\n border-color: #FDAD4F;\n color: #e4e4e6;\n}\n.tooltip.warning > .tooltip-arrow {\n background-color: #262d3b;\n border-color: #FDAD4F;\n}\n.tooltip.warning > .tooltip-content,\n.tooltip.warning > .tooltip-menus {\n background-color: #262d3b;\n}\n.tooltip.info {\n background-color: #262d3b;\n border-color: #4bbbff;\n color: #e4e4e6;\n}\n.tooltip.info > .tooltip-arrow {\n background-color: #262d3b;\n border-color: #4bbbff;\n}\n.tooltip.info > .tooltip-content,\n.tooltip.info > .tooltip-menus {\n background-color: #262d3b;\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}\n.widget-tooltip > .tooltip-widget-container > .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.tree {\n position: relative;\n}\n.tree:focus,\n.tree.focused {\n outline: none;\n / first child is the scrollbar /\n}\n.tree:focus .tree-node.selected,\n.tree.focused .tree-node.selected {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.tree:focus .tree-node:nth-of-type(1).selected,\n.tree.focused .tree-node:nth-of-type(1).selected {\n border-top-color: #394051;\n}\n.tree > .menubar {\n padding-left: 8px;\n padding-right: 8px;\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 border: 1px solid transparent;\n border-left: 0 solid transparent;\n border-right: 0 solid transparent;\n padding: 6px 6px 6px 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n /first child is the scrollbar/\n}\n.tree-node:active {\n background-color: #394051;\n}\n.tree-node.selected {\n background-color: #394051;\n border-color: #495465;\n border-left-color: transparent;\n border-right-color: transparent;\n}\n.tree-node.disabled {\n / Tree node is disabled -> use lighter disabled color /\n color: #999999;\n}\n.disabled > .tree-node {\n / Whole tree is disabled -> use darker disabled color /\n color: #999999;\n}\n.disabled.read-only > .tree-data > .tree-node {\n color: #e4e4e6;\n}\n.tree-node:nth-of-type(1).selected {\n border-top-color: #394051;\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: 7px;\n display: inline-block;\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 padding-right: 10px;\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 {\n cursor: pointer;\n font-size: 13px;\n display: inline-block;\n position: relative;\n width: 18px;\n height: 18px;\n border: 1px solid #495465;\n border-radius: 3px;\n background-color: #262d3b;\n text-align: center;\n}\n.tree-node-checkbox .check-box.disabled,\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}\n.tree-node-checkbox .check-box::before {\n position: absolute;\n display: block;\n line-height: 18px;\n width: 16px;\n}\n.tree-node-checkbox .check-box.checked::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: '\\E005';\n color: #4bbbff;\n font-size: 11px;\n}\n.tree-node-checkbox .check-box.disabled,\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 background-color: inherit;\n}\n.tree-node-checkbox .check-box.disabled::before,\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox .check-box::before,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox .check-box::before {\n color: #999999;\n}\n.tree-node-checkbox .check-box.disabled :hover::before,\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox .check-box :hover::before,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox .check-box :hover::before {\n color: #999999;\n}\n.tree-node-checkbox .check-box:not(.checked).children-checked::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc(100% - 6px);\n height: calc(100% - 6px);\n border-radius: 1px;\n background-color: #4bbbff;\n}\n.tree-node-checkbox .check-box.disabled:not(.checked).children-checked::after {\n background-color: #999999;\n}\n.tree-node-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n padding: 6px 8px 6px 13px;\n height: 100%;\n line-height: 14px;\n / Necessary to align with the text, depends on the used font size /\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 color: inherit;\n}\n.tree-node.lazy > .tree-node-control::before {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\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 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.tree-node-control:hover::before {\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 overflow: visible;\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid #495465;\n padding: 8px;\n / arrow is created using ::before and ::after/\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: block;\n color: #e4e4e6;\n cursor: default;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::before,\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::after,\n.tree.breadcrumb > .tree-data > .tree-node.selected::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::before,\n.tree.breadcrumb > .tree-data > .tree-node.selected::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::after {\n position: absolute;\n left: 50%;\n margin-left: -13px;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n z-index: 1;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::before,\n.tree.breadcrumb > .tree-data > .tree-node.selected::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::before {\n border-color: #495465 transparent transparent transparent;\n border-width: 6px 12px 0 12px;\n bottom: -7px;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected::after,\n.tree.breadcrumb > .tree-data > .tree-node.selected::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::after {\n border-color: #262d3b transparent transparent transparent;\n border-width: 6px 12px 0 12px;\n bottom: -6px;\n}\n.tree.breadcrumb > .tree-data > .tree-node:active::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active::after {\n border-top-color: #394051;\n}\n.tree.breadcrumb > .tree-data > .tree-node.selected::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::after {\n border-top-color: #394051;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected.leaf::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected.leaf::before,\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected.leaf::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected.leaf::after,\n.tree.breadcrumb > .tree-data > .tree-node.selected.leaf::before,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected.leaf::before,\n.tree.breadcrumb > .tree-data > .tree-node.selected.leaf::after,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected.leaf::after {\n display: none;\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.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:focus > .tree-data > .tree-node.parent-of-selected,\n.tree.breadcrumb.focused > .tree-data > .tree-node.parent-of-selected,\n.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.parent-of-selected,\n.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.parent-of-selected {\n border-color: #4bbbff;\n}\n.tree.breadcrumb:focus > .tree-data > .tree-node.parent-of-selected::before,\n.tree.breadcrumb.focused > .tree-data > .tree-node.parent-of-selected::before,\n.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.parent-of-selected::before,\n.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.parent-of-selected::before {\n border-top-color: #4bbbff;\n}\n.tree.breadcrumb:focus > .tree-data > .tree-node.selected,\n.tree.breadcrumb.focused > .tree-data > .tree-node.selected,\n.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.selected,\n.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.selected {\n border-color: #4bbbff;\n}\n.tree.breadcrumb:focus > .tree-data > .tree-node.selected::before,\n.tree.breadcrumb.focused > .tree-data > .tree-node.selected::before,\n.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.selected::before,\n.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.selected::before {\n border-top-color: #4bbbff;\n}\n.tree.breadcrumb:focus > .tree-data > .tree-node.selected::after,\n.tree.breadcrumb.focused > .tree-data > .tree-node.selected::after,\n.tree.breadcrumb:focus > .tree-data > .animation-wrapper > .tree-node.selected::after,\n.tree.breadcrumb.focused > .tree-data > .animation-wrapper > .tree-node.selected::after {\n border-top-color: #394051;\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: #4bbbff;\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: #4bbbff;\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: #394051;\n border: 1px solid #495465;\n padding: 6px 8px;\n}\n.default-tile.selectable:active:not(.selected),\n.default-tile.selectable.active:not(.selected) {\n background-color: #495465;\n}\n.default-tile.selected {\n background-color: #394051;\n border-color: #4bbbff;\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-grid {\n overflow: hidden;\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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\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: 200px;\n height: 150px;\n margin-left: 30px;\n / horizontal gap /\n margin-top: 30px;\n / vertical gap /\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.tile-overview {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n.tile-overview-content {\n position: absolute;\n color: #4bbbff;\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}\n.tile-overview-title {\n font-size: 32px;\n padding-bottom: 30px;\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.tile-accordion > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-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.placeholder-tile {\n background-color: #2d3748;\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.dashboard {\n border: 1px solid #495465;\n border-radius: 3px;\n background-color: #394051;\n color: #e4e4e6;\n overflow: hidden;\n}\n.tile.dashboard > .form-field {\n padding: 12px 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 / Don't show underline decoration for links inside certain tiles /\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: #4bbbff;\n margin: 0;\n font-size: 18px;\n padding-top: 0;\n padding-bottom: 5px;\n padding-right: 0;\n}\n.compact.tile.dashboard > .form-field > label {\n font-size: 16px;\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.scrollbar-y-outside {\n padding-right: 10px;\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: 10px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside.label-hidden > .status {\n / increase space between status and field if label is hidden (= status is displayed on the field's right side) /\n margin-left: 20px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > .field {\n padding-right: 10px;\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 > .form-field.html-field .app-link,\n.tile.dashboard > .form-field.tile-list-field .app-link,\n.tile.dashboard > .form-field.tile-attributes-field .app-link,\n.tile.dashboard > .form-field.html-field a,\n.tile.dashboard > .form-field.tile-list-field a,\n.tile.dashboard > .form-field.tile-attributes-field a {\n text-decoration: none;\n color: #4bbbff;\n}\n.tile.dashboard > .form-field.html-field .app-link:hover,\n.tile.dashboard > .form-field.tile-list-field .app-link:hover,\n.tile.dashboard > .form-field.tile-attributes-field .app-link:hover,\n.tile.dashboard > .form-field.html-field a:hover,\n.tile.dashboard > .form-field.tile-list-field a:hover,\n.tile.dashboard > .form-field.tile-attributes-field a:hover {\n color: #18a8ff;\n}\n.tile.dashboard > .form-field.html-field .app-link:active,\n.tile.dashboard > .form-field.tile-list-field .app-link:active,\n.tile.dashboard > .form-field.tile-attributes-field .app-link:active,\n.tile.dashboard > .form-field.html-field a:active,\n.tile.dashboard > .form-field.tile-list-field a:active,\n.tile.dashboard > .form-field.tile-attributes-field a:active {\n color: #18a8ff;\n}\n.tile.dashboard.loading {\n border-style: dashed;\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(75, 187, 255, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.tile.dashboard.inverted {\n border-color: transparent;\n border-radius: 3px;\n background-color: #1a1d28;\n color: #fff;\n}\n.tile.dashboard.inverted.disabled:not(.read-only) {\n background-color: #495465;\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 text-decoration: underline;\n}\n.tile.dashboard.inverted > .form-field .app-link:hover,\n.tile.dashboard.inverted > .form-field a:hover {\n color: #18a8ff;\n}\n.tile.dashboard.inverted > .form-field .app-link:active,\n.tile.dashboard.inverted > .form-field a:active {\n color: #18a8ff;\n}\n.tile.dashboard.inverted > .form-field.has-tooltip > .status::before,\n.tile.dashboard.inverted > .form-field.has-menus > .status::before {\n color: #fff;\n}\n.tile.dashboard.inverted > .form-field.has-tooltip > .status:hover::before,\n.tile.dashboard.inverted > .form-field.has-menus > .status:hover::before {\n color: #74A8D8;\n}\n.tile.dashboard.inverted > .form-field.has-error > .status::before {\n color: #fd9d9b;\n}\n.tile.dashboard.inverted > .form-field.has-error > .status:hover::before {\n color: #fa8784;\n}\n.tile.dashboard.color-alternative {\n border-color: #495465;\n background-color: #394051;\n color: #e4e4e6;\n}\n.tile.dashboard.color-alternative.disabled:not(.read-only) {\n background-color: #495465;\n}\n.tile.dashboard.color-alternative > .form-field > label {\n color: #4bbbff;\n}\n.tile.dashboard.color-alternative > .form-field .app-link,\n.tile.dashboard.color-alternative > .form-field a {\n color: #4bbbff;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:hover,\n.tile.dashboard.color-alternative > .form-field a:hover {\n color: #18a8ff;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:active,\n.tile.dashboard.color-alternative > .form-field a:active {\n color: #18a8ff;\n}\n.tile.dashboard.inverted.color-alternative {\n border-color: transparent;\n background-color: #1a1d28;\n color: #fff;\n}\n.tile.dashboard.inverted.color-alternative.disabled:not(.read-only) {\n background-color: #495465;\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: #18a8ff;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link:active,\n.tile.dashboard.inverted.color-alternative > .form-field a:active {\n color: #18a8ff;\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-tooltip > .status::before,\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus > .status::before {\n color: #fff;\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-tooltip > .status:hover::before,\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus > .status:hover::before {\n color: #cefff5;\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-error > .status::before {\n color: #fd9d9b;\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-error > .status:hover::before {\n color: #ffb3b1;\n}\n.tile.dashboard.selected {\n / Use mix() instead of fade(), because the background is opaque /\n background-color: #323949;\n / For selection we want a wider border but changing the border width would cause the content box to change.\n To avoid this we create a pseudo element with a border as well. Then we have the border of the main element\n plus the pseudo element's border leading to a 2px border. /\n border: 1px solid #4bbbff;\n}\n.tile.dashboard.selected.inverted {\n background-color: #222734;\n border-color: #1a1d28;\n}\n.tile.dashboard.selected.inverted::before {\n border-color: #1a1d28;\n}\n.tile.dashboard.selected.color-alternative {\n background-color: #394051;\n border-color: #4bbbff;\n}\n.tile.dashboard.selected.color-alternative::before {\n border-color: #4bbbff;\n}\n.tile.dashboard.selected.inverted.color-alternative {\n background-color: #222734;\n border-color: #1a1d28;\n}\n.tile.dashboard.selected.inverted.color-alternative::before {\n border-color: #1a1d28;\n}\n.tile.dashboard.selected::before {\n content: '';\n pointer-events: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid #4bbbff;\n border-radius: 3px;\n z-index: 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) 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.dashboard > .form-field.tile-button {\n padding-top: 0;\n padding-bottom: 0;\n cursor: pointer;\n}\n.tile.dashboard > .form-field.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 / Make IE trigger the :active state if the field is pressed /\n pointer-events: none;\n}\n.tile.dashboard > .form-field.tile-button > .field.with-icon {\n padding-top: 17px;\n}\n.tile.dashboard > .form-field.tile-button > .field.without-icon {\n justify-content: center;\n}\n.tile.dashboard > .form-field.tile-button > .field > .icon-container,\n.tile.dashboard > .form-field.tile-button > .field > .label {\n display: block;\n}\n.tile.dashboard > .form-field.tile-button > .field > .icon-container {\n flex-grow: 1;\n}\n.tile.dashboard > .form-field.tile-button > .field > .icon-container > .font-icon {\n font-size: 40px;\n color: #4bbbff;\n}\n.tile.dashboard > .form-field.tile-button > .field > .label {\n font-size: 16px;\n max-height: 66px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.tile.dashboard > .form-field.tile-button > .field.with-icon > .label {\n padding-top: 18px;\n}\n.tile.dashboard.compact > .form-field.tile-button > .field {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.tile.dashboard.compact > .form-field.tile-button > .field.with-icon {\n padding-top: 12px;\n min-height: 98px;\n}\n.tile.dashboard.compact > .form-field.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 > .form-field.tile-button > .field > .icon-container > .font-icon {\n font-size: 28px;\n}\n.tile.dashboard:not(.disabled):hover > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard:not(.disabled):hover > .form-field.tile-button > .field > .label {\n color: #4bbbff;\n}\n.tile.dashboard:not(.disabled):active > .form-field.tile-button,\n.tile.dashboard:not(.disabled).active > .form-field.tile-button {\n background-color: #2d3748;\n}\n.tile.dashboard.inverted:not(.disabled) > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.inverted:not(.disabled):hover > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.inverted:not(.disabled) > .form-field.tile-button > .field > .label,\n.tile.dashboard.inverted:not(.disabled):hover > .form-field.tile-button > .field > .label {\n color: #e4e4e6;\n}\n.tile.dashboard.inverted:not(.disabled):active > .form-field.tile-button,\n.tile.dashboard.inverted:not(.disabled).active > .form-field.tile-button {\n background-color: #11151d;\n border-color: #11151d;\n}\n.tile.dashboard.color-alternative > .form-field.tile-button > .field > .icon-container > .font-icon {\n color: #4bbbff;\n}\n.tile.dashboard.color-alternative:not(.disabled):hover > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.color-alternative:not(.disabled):hover > .form-field.tile-button > .field > .label {\n color: #4bbbff;\n}\n.tile.dashboard.color-alternative:not(.disabled):active > .form-field.tile-button,\n.tile.dashboard.color-alternative:not(.disabled).active > .form-field.tile-button {\n background-color: #2d3748;\n}\n.tile.dashboard.color-alternative.inverted:not(.disabled) > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.color-alternative.inverted:not(.disabled):hover > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.color-alternative.inverted:not(.disabled) > .form-field.tile-button > .field > .label,\n.tile.dashboard.color-alternative.inverted:not(.disabled):hover > .form-field.tile-button > .field > .label {\n color: #e4e4e6;\n}\n.tile.dashboard.color-alternative.inverted:not(.disabled):active > .form-field.tile-button,\n.tile.dashboard.color-alternative.inverted:not(.disabled).active > .form-field.tile-button {\n background-color: #11151d;\n border-color: #11151d;\n}\n.tile.dashboard.disabled > .form-field.tile-button,\n.tile.dashboard.disabled:hover > .form-field.tile-button {\n background-color: #999999;\n border-color: #999999;\n cursor: default;\n}\n.tile.dashboard.disabled > .form-field.tile-button > .field > .icon-container > .font-icon,\n.tile.dashboard.disabled:hover > .form-field.tile-button > .field > .icon-container > .font-icon {\n color: #999999;\n}\n.tile.dashboard.disabled > .form-field.tile-button > .field > .label,\n.tile.dashboard.disabled:hover > .form-field.tile-button > .field > .label {\n color: #999999;\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.dashboard > .table-field {\n padding-left: 11px;\n padding-right: 11px;\n / adjust menu bar when visible /\n}\n.tile.dashboard > .table-field > label {\n padding-left: 9px;\n padding-right: 9px;\n}\n.tile.dashboard > .table-field > label {\n padding-bottom: 10px;\n}\n.compact.tile.dashboard > .table-field {\n padding-left: 6px;\n padding-right: 6px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-left: 9px;\n padding-right: 9px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-bottom: 5px;\n}\n.tile.dashboard > .table-field.has-menubar {\n padding-bottom: 10px;\n}\n.tile.dashboard > .table-field.has-menubar > .table > .menubar.bottom {\n padding-top: 8px;\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 / No selection color for non-focused table tiles /\n / Draw left and right selection border (because tile tables have on border) /\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 border-bottom-width: 2px;\n / show separator on mouseover only /\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.header-invisible > .table-data {\n / override negative margin top, otherwise selection border of first row would be cut off /\n margin-top: 0;\n}\n.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row {\n background-color: transparent;\n border-top-color: transparent;\n}\n.tile.dashboard > .table-field > .table > .table-data > .table-row {\n / Do not use transparent left/right border, because otherwise the corners would not look good. /\n / Instead, a padding is used, which is replaced by a border in the selected state. /\n padding-left: 1px;\n padding-right: 1px;\n}\n.tile.dashboard > .table-field > .table > .table-data > .table-row.selected {\n border-left-width: 1px;\n border-right-width: 1px;\n padding-left: 0;\n padding-right: 0;\n}\n.tile.dashboard > .table-field > .table > .menubar {\n background-color: transparent;\n}\n.tile.dashboard > .table-field > .table > .menubar.bottom {\n border-top-width: 2px;\n}\n.tile.dashboard > .table-field:not(.label-hidden) > .table > .table-header > .table-header-resize {\n padding-top: 0;\n}\n.tile.dashboard > .table-field:not(.label-hidden) > .table > .table-header > .table-header-item {\n padding-top: 0;\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: #1561A7;\n border-color: #fff;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-item,\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #fff;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-item > .font-icon,\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 > .menubar > .menubox > .menu-item {\n color: #fff;\n}\n.tile.dashboard.color-alternative > .table-field > .table:focus > .table-data > .table-row.selected,\n.tile.dashboard.color-alternative > .table-field > .table.focused > .table-data > .table-row.selected {\n background-color: #aaf8ea;\n border-color: #24B499;\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: #3EE1C3;\n border-color: #fff;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-item,\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #fff;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-item > .font-icon,\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 > .menubar > .menubox > .menu-item {\n 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.login-box-content > form > input,\n.login-box-content > form > .button {\n width: 100%;\n height: 45px;\n margin: 15px 0;\n font-size: 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: 2px;\n -webkit-box-shadow: inset 0 0 0 1000px #262d3b;\n -webkit-text-fill-color: #e4e4e6 !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::first-line {\n font-size: 16px;\n font-family: Arial, sans-serif;\n}\n.login-box-content > form > input.alternative:-webkit-autofill:focus {\n -webkit-text-fill-color: #4bbbff !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::selection {\n -webkit-text-fill-color: #e4e4e6 !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:disabled {\n color: #fff;\n border-color: #1561A7;\n background-color: #1561A7;\n}\n.login-button.login-error:not(.disabled) {\n border-color: #DF2632;\n background-color: #DF2632;\n / Also change color of focus glow /\n}\n.login-button.login-error:not(.disabled):focus::before {\n border-color: #DF2632;\n box-shadow: 0 0 5px #DF2632;\n}\n.login-button.login-error:not(.disabled):hover {\n background-color: #DF2632;\n}\n.login-button.login-error:not(.disabled):active {\n border-color: #DF2632;\n background-color: #cd1e2a;\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/\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: #4bbbff;\n font-size: 14px;\n}\n.breadcrumb-item.last {\n font-weight: bold;\n}\n.breadcrumb-item:hover:not(.disabled) {\n color: #18a8ff;\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: #e4e4e6;\n display: block;\n margin: 0 5px;\n cursor: default;\n}\n.breadcrumb-item:not(.disabled):active {\n color: #18a8ff;\n}\n.breadcrumb-item:not(.disabled) {\n cursor: pointer;\n}\n.breadcrumb-item.disabled {\n color: #999999;\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/ -------------------------------- /\n/ Scout dark theme /\n/ extends: Scout default theme /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Color palette /\n/ -------------------------------- /\n/ These are new gray colors used only in dark theme /\n/ This is a new blue color used only in dark theme.\n It replaces palette-blue-6 mostly, especially if blue-6 is used as border or foreground color.\n Palette-blue-6 is still used as background-color, though. /\n/ These are slightly darker variants of the original colors since the original ones would be too shiny when used as background in dark mode/\n/ This is a new orange color used only in dark theme.\n If orange-4 is used as background it is extremely shiny, this new darker color has better contrast. /\n/ -------------------------------- /\n/ Global colors /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Component specific colors /\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.tree.breadcrumb > .tree-data > .tree-node.selected::before,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::before {\n border-top-color: #495465;\n border-width: 8px 13px 0 13px;\n bottom: -9px;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected::after,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected::after {\n border: solid transparent;\n border-top-color: #262d3b;\n border-width: 8px 13px 0 13px;\n bottom: -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 /\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 #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}\n\ninput,\ntextarea,\n.input-field {\n background-color: @control-background-color;\n color: @control-color;\n border: 1px solid @border-color;\n border-radius: @control-border-radius;\n\n &.disabled {\n background-color: @control-disabled-background-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.glow(@error-glow-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: @border-color;\n border-radius: @control-alternative-border-radius;\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' in IE /\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.button {\n position: relative;\n color: @button-color;\n background-color: @button-background-color;\n border: 1px solid @button-border-color;\n border-radius: @button-border-radius;\n cursor: pointer;\n white-space: nowrap;\n padding: @button-padding-y @button-padding-x;\n / Note: no vertical align helper here! this is very dependent on the content of the button /\n / (only text or other DOM nodes), therefore it has to be added manually when desired. /\n\n & > .button-label,\n & > .submenu-icon,\n & > .icon {\n vertical-align: middle;\n display: inline-block;\n }\n\n & > .button-label {\n margin-top: @button-margin-top;\n overflow: hidden;\n text-overflow: ellipsis;\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 color: @button-font-icon-color;\n font-size: @button-font-icon-size;\n }\n\n & > .submenu-icon {\n #scout.submenu-icon();\n padding-left: 8px;\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 }\n\n &:focus {\n outline: none;\n overflow: visible; / without this, IE would cut off the focus glow /\n\n &::before {\n #scout.button-focus();\n }\n }\n\n &:active,\n &.active {\n color: @button-active-color;\n background-color: @button-active-background-color;\n\n & > .font-icon {\n color: @button-active-color;\n }\n }\n\n &.default:not(.disabled) {\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 &:focus {\n color: @default-button-color;\n }\n\n &:hover {\n background-color: @default-button-hover-background-color;\n }\n\n &:active, &.active {\n background-color: @default-button-active-background-color;\n border-color: @default-button-active-background-color;\n }\n\n & > .font-icon {\n font-weight: normal;\n color: @icon-inverted-color;\n }\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 & > .font-icon {\n color: @button-font-icon-disabled-color;\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\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\n &::before {\n content: @icon-remove-bold;\n }\n\n &:active, &.active {\n color: @active-color;\n }\n\n &:hover {\n color: @hover-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-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\n.application-loading-root-fadeout {\n #scout.animation(fade-out @loading-fade-duration linear 1);\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: underline;\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 }\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 > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .form,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .touch-popup,\n.scout > .form-menu-popup,\n.scout > .smart-field-popup,\n.scout > .proposal-field-popup,\n.scout > .date-picker-popup,\n.scout > .time-picker-popup,\n.scout > .table-header-menu,\n.scout > .tag-chooser-popup,\n.scout > .tag-overflow-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) 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 {\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: 2px, @y: 6px, @blur: 14px, @spread: -6px, @alpha: @drop-shadow-alpha) {\n box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);\n }\n\n .drop-shadow-large(@x: 4px, @y: 10px, @blur: 18px, @spread: -6px, @alpha: @drop-shadow-large-alpha) {\n #scout.drop-shadow(@x, @y, @blur, @spread, @alpha);\n }\n\n .focus-border(@bordersize: 1px) {\n outline: none;\n border: @bordersize solid @focus-border-color;\n #scout.glow(@focus-glow-color);\n }\n\n .focus-border-inverted(@bordersize: 1px) {\n outline: none;\n border: @bordersize solid @focus-border-color-inverted;\n #scout.glow(@focus-glow-color-inverted);\n }\n\n .no-focus-border() {\n outline: none;\n border: 0;\n box-shadow: 0 0 0 0;\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 .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, 70%);\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 text-align: center;\n\n &::before {\n #scout.font-icon();\n font-size: @status-font-icon-size;\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: 18px;\n }\n\n &:hover::before {\n color: @status-menu-hover-color;\n }\n\n &:active::before {\n color: @status-menu-hover-color;\n }\n }\n\n .tooltip-status,\n .info-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 color: @status-info-hover-color;\n }\n\n &:active::before {\n color: @status-info-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 color: @status-warning-hover-color;\n }\n\n &:active::before {\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 color: @status-error-hover-color;\n }\n\n &:active::before {\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\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-active-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 .checkbox() {\n display: inline-block;\n position: relative;\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 text-align: center;\n }\n\n .checkbox-disabled() {\n background-color: @control-disabled-background-color;\n }\n\n .checkbox-before() {\n position: absolute;\n display: block;\n line-height: @check-box-checked-line-height;\n width: @check-box-size - 2 @check-box-border-width;\n }\n\n .checkbox-before-checked() {\n #scout.font-icon();\n content: @icon-checked-bold;\n color: @check-box-checked-color;\n font-size: 11px;\n }\n\n .checkbox-before-undefined() {\n content: '';\n position: absolute;\n top: 3px;\n left: 3px;\n width: calc(~'100% - 6px');\n height: calc(~'100% - 6px');\n border-radius: 1px;\n background-color: @check-box-checked-color;\n }\n\n .checkbox-before-undefined-disabled() {\n background-color: @check-box-disabled-color;\n }\n\n .checkbox-before-disabled() {\n color: @check-box-disabled-color;\n }\n\n .checkbox-after-children-checked() {\n #scout.checkbox-before-undefined();\n }\n\n .checkbox-after-children-checked-disabled() {\n background-color: @check-box-disabled-color;\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 .button-focus() {\n #scout.overlay(-3px, -3px, 6px, 6px);\n #scout.focus-border();\n border-radius: @button-border-radius;\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 /* 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 / 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 border: solid 1px @control-popup-border-color;\n border-radius: @control-popup-border-radius;\n overflow: hidden;\n background-color: @control-popup-background-color;\n #scout.focus-border();\n\n &.bottom {\n margin-top: 5px;\n }\n\n &.top {\n margin-bottom: 5px;\n }\n\n &.touch {\n background-color: @table-header-background-color;\n }\n\n &.alternative {\n #scout.drop-shadow();\n border-radius: @control-alternative-border-radius;\n }\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) 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 {\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 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\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 / Flash-Gray /\n\n .animation-flash-gray(@keyframes-name: flash-gray) {\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-gray() {\n 0% {\n background-color: @simple-tab-background-color;\n }\n 25% {\n background-color: @simple-tab-flash-background-color;\n }\n 50% {\n background-color: @simple-tab-background-color;\n }\n 75% {\n background-color: @simple-tab-flash-background-color;\n }\n 100% {\n background-color: @simple-tab-background-color;\n }\n }\n\n @-webkit-keyframes flash-gray {\n .keyframes-flash-gray();\n }\n @keyframes flash-gray {\n .keyframes-flash-gray();\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.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) 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/\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: 1px solid @border-color;\n border-radius: @border-radius;\n background-color: @background-color;\n max-width: @box-width;\n margin: 0 auto;\n padding: 40px 70px;\n #scout.drop-shadow();\n\n & > .header {\n text-align: center;\n\n & > .logo {\n margin-top: 5px;\n margin-bottom: 40px;\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 }\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) 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.box-buttons {\n\n &.empty {\n border-bottom: 1px solid @boxbutton-border-color;\n }\n\n & > .box-button {\n position: relative;\n padding: 12px;\n background-color: @boxbutton-background-color;\n border: 1px solid @boxbutton-border-color;\n cursor: pointer;\n text-align: center;\n #scout.overflow-ellipsis-nowrap();\n display: inline-block;\n vertical-align: bottom;\n }\n\n & > .box-button.disabled {\n cursor: default;\n color: @disabled-color;\n }\n\n & > .box-button:not(.disabled):active {\n background-color: @boxbutton-active-background-color;\n }\n\n & > .box-button:first-child {\n border-bottom-left-radius: @border-radius;\n }\n\n & > .box-button:last-child {\n border-bottom-right-radius: @border-radius;\n }\n\n & > .box-button:first-child ~ .box-button {\n border-left-width: 0;\n }\n\n & > .box-button:focus {\n outline: none;\n }\n\n & > .box-button:focus::before {\n #scout.focus-border();\n #scout.overlay(2px, 2px, -4px, -4px);\n z-index: 1;\n }\n\n & > .box-button:first-child:focus::before {\n border-bottom-left-radius: @border-radius;\n }\n\n & > .box-button:last-child:focus::before {\n border-bottom-right-radius: @border-radius;\n }\n\n .severity-error & > .box-button:focus::before {\n border-color: @error-border-color;\n #scout.glow(@error-glow-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-week-scrollable {\n overflow: visible;\n}\n\n.calendar-scrollable-components-week {\n top: calc(@calendar-day-selected-circle-size ~'+ 5px');\n height: calc(~'15% - (' @calendar-day-selected-circle-size ~' + 5px)');\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 @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 width: 65px;\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 width: 65px;\n\n border-top: 1px solid @border-color;\n border-bottom: 1px solid @border-color;\n border-left: 1px solid @border-color;\n\n &.first {\n border-left: 1px solid @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 @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 @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 @form-background-color;\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 &:hover > .calendar-component-leftcolorborder {\n background-color: @palette-blue-2;\n }\n\n &.comp-selected > .calendar-component-leftcolorborder {\n background-color: @palette-blue-6;\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\n &.comp-selected {\n background-color: @palette-blue-2;\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-2;\n }\n\n &:hover > .calendar-component-leftcolorborder {\n background-color: @palette-orange-3;\n }\n\n &:hover .comp-selected > .calendar-component-leftcolorborder {\n background-color: @palette-orange-4;\n }\n\n &.comp-selected {\n background-color: @palette-orange-3;\n }\n\n &.comp-selected > .calendar-component-leftcolorborder {\n background-color: @palette-orange-4;\n }\n }\n\n / Colors for type Task /\n\n &.calendar-task {\n background-color: @palette-cyan-0;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-cyan-2;\n }\n\n &:hover {\n background-color: @palette-cyan-2;\n }\n\n &:hover > .calendar-component-leftcolorborder {\n background-color: @palette-cyan-3;\n }\n\n &.comp-selected {\n background-color: @palette-cyan-3;\n }\n\n &.comp-selected > .calendar-component-leftcolorborder {\n background-color: @palette-cyan-4;\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 &.mobile {\n padding-right: @calendar-padding-right-mobile;\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: @palette-gray-3;\n }\n\n &.hour::after {\n background-color: @border-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}\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: @active-inverted-color;\n }\n\n &.year-hover-day {\n background-color: @year-panel-range-day-background-color;\n color: @active-inverted-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) 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-picker-popup {\n position: absolute;\n width: 252px;\n border: 1px solid @control-popup-border-color;\n border-radius: @control-popup-border-radius;\n #scout.focus-border();\n overflow: hidden;\n\n &.alternative {\n #scout.drop-shadow();\n border-radius: @control-alternative-border-radius;\n }\n}\n\n.date-picker {\n position: relative;\n background-color: @date-picker-background-color;\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 display: table;\n width: 100%;\n padding: 0 6px 3px 6px;\n}\n\n.date-picker-weekdays {\n display: table-row;\n}\n\n.date-picker-weekday {\n display: table-cell;\n height: @date-picker-header-height;\n text-align: center;\n vertical-align: middle;\n}\n\n.date-picker-week {\n display: table-row;\n}\n\n.date-picker-day {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n\n .date-picker.touch & {\n padding-top: 10px;\n padding-bottom: 10px;\n }\n\n & > .text {\n display: inline-block;\n padding: @date-picker-day-padding-y @date-picker-day-padding-x;\n margin-top: 2px;\n border-radius: 50%;\n border: 1px solid transparent;\n }\n\n &.ten > .text {\n / increase padding a bit to center days between 10 and 19 nicer /\n padding-right: @date-picker-day-padding-x + 1px;\n }\n\n / Hover effect is disabled on touch devices because the hover effect does not vanish on touch end which is annoying especially when swiping. /\n\n &:active:not(.disabled),\n .date-picker:not(.touch) &:hover:not(.disabled) {\n & > .text {\n border-color: @date-picker-day-hover-border-color;\n background-color: @date-picker-day-hover-background-color;\n }\n\n &.date-picker-now > .text {\n border-color: @date-picker-now-hover-border-color;\n background-color: @date-picker-now-hover-background-color;\n }\n\n &.selected {\n & > .text {\n background-color: @date-picker-day-hover-selected-background-color;\n }\n\n &.date-picker-now > .text {\n background-color: @date-picker-now-hover-selected-background-color;\n }\n }\n }\n\n &.date-picker-out {\n color: @date-picker-out-color;\n }\n\n &.date-picker-weekend {\n color: @date-picker-weekend-color;\n }\n\n &.date-picker-out-weekend {\n color: @date-picker-out-weekend-color;\n }\n\n &.date-picker-now {\n color: @date-picker-now-color;\n font-weight: bold;\n }\n\n &.preselected {\n & > .text {\n border-color: @date-picker-day-preselected-border-color;\n border-style: dashed;\n }\n\n &.date-picker-now > .text {\n border-color: @date-picker-now-preselected-border-color;\n }\n }\n\n &.selected {\n color: @date-picker-day-selected-color;\n\n & > .text {\n background-color: @date-picker-day-selected-background-color;\n }\n\n &.date-picker-now {\n color: @date-picker-now-selected-color;\n\n & > .text {\n background-color: @date-picker-now-selected-background-color;\n }\n }\n }\n\n / Must be after other style definitions, because 'disabled' should overrule other definitions /\n\n &.disabled {\n color: @date-picker-day-disabled-color;\n }\n}\n\n.date-picker-header {\n line-height: @date-picker-header-height;\n height: @date-picker-header-height;\n padding: 0 10px;\n background-color: @date-picker-header-background-color;\n border-bottom: 1px solid @border-color;\n\n / Additional space between navigation buttons on touch devices /\n\n &.touch {\n padding-left: 18px;\n padding-right: 18px;\n\n & > .date-picker-left-m {\n margin-left: 26px;\n }\n\n & > .date-picker-right-m {\n margin-right: 26px;\n }\n }\n}\n\n.date-picker-separator {\n position: absolute;\n top: @date-picker-header-height 2 - 1px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid @border-color;\n}\n\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 13px;\n padding-top: @date-picker-header-month-padding-top;\n}\n\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n text-align: center;\n width: 22px;\n line-height: @date-picker-header-height;\n height: @date-picker-header-height;\n cursor: pointer;\n #scout.font-icon();\n font-size: 17px;\n\n &:hover {\n color: @hover-color;\n }\n\n &:active {\n color: @active-color;\n }\n}\n\n.date-picker-left-y,\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.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.touch-popup-widget-container {\n & > .date-picker {\n border: 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.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\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 right: 0;\n top: 0;\n margin-top: 8px;\n margin-right: @bench-padding-x;\n width: 33px;\n height: 33px;\n background-size: contain;\n background-repeat: no-repeat;\n\n &.clickable {\n cursor: pointer;\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 {\n & > .menubox {\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 }\n }\n\n / GroupBox.less /\n\n .group-box-title {\n margin-top: 2px; / @group-box-title-margin-top; /\n padding-top: 4px; / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 4px;\n }\n\n .group-box-body {\n padding-top: 8px; / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 6px;\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: 4px; / @group-box-title-margin-top; /\n }\n\n .tab-item {\n & > .title {\n padding-top: 4px; / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\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 padding-top: 7px; / padding: @table-header-padding-y @table-header-padding-right @table-header-padding-y @table-header-padding-left; /\n padding-bottom: 6px;\n }\n\n .table-header-resize {\n padding-top: 4px; / 8px 8px; /\n padding-bottom: 4px;\n }\n\n / Table.less /\n\n .table-cell {\n padding-top: 4px; / padding: @table-row-padding-y @table-cell-padding-right @table-row-padding-y @table-cell-padding-left; /\n padding-bottom: 4px;\n\n &.checkable {\n padding-top: 4px; / @table-row-padding-y - @checkable-cell-padding-adjustment @table-cell-padding-left 0 @table-cell-padding-left; /\n padding-bottom: 4px;\n line-height: 0; / somehow inline-block causes additional height when line-height is not set. (font-size would work) /\n }\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 padding-bottom: 4px;\n }\n }\n }\n\n / DesktopBench.less /\n\n .detail-table.table {\n & > .table-header {\n & > .table-header-item {\n padding-top: 7px; / @detail-table-header-padding-y; /\n padding-bottom: 6px; / @detail-table-header-padding-y; /\n\n & > .table-header-item-state {\n top: 4px; / top: 9px; /\n }\n }\n }\n\n & .table-aggregate {\n & > .table-cell {\n padding-top: 4px; / @detail-table-row-padding-y; /\n padding-bottom: 4px; / @detail-table-row-padding-y; /\n }\n }\n\n & > .table-data {\n\n & > .table-row,\n & > .table-aggregate-row {\n\n & > .table-cell {\n padding-top: 3px; / @detail-table-row-padding-y - 1px; /\n padding-bottom: 3px; / @detail-table-row-padding-y - 1px; /\n\n &.checkable {\n padding-top: 3px; / @detail-table-row-padding-y - @checkable-cell-padding-adjustment - 1px; /\n padding-bottom: 3px;\n }\n\n & > .table-row-control {\n padding-top: 4px; / @detail-table-row-padding-y - 1px; /\n padding-bottom: 4px; / @detail-table-row-padding-y - 1px; /\n }\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: 3px; / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 3px;\n }\n\n / Button /\n\n .button {\n padding-top: 0; / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n\n & > .button-label {\n padding: 0 0;\n }\n\n & > .icon {\n padding-top: 0; / padding-top: 2px; /\n padding-bottom: 0; / padding-bottom: 2px; /\n }\n }\n\n .button-field > .button > .button-label {\n padding: 0; / @text-field-padding-y - @button-padding-y - @button-margin-top 0 /\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 {\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) 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-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: -10px 0 10px 0 rgba(0, 0, 0, 0.4);\n clip-path: polygon(0 -100%, 0 200%, -100px 200%, -100px -100%);\n}\n\n.desktop-bench {\n position: absolute;\n top: 0;\n background-color: @background-color;\n\n / jquery sets overflow to hidden while animating which makes bench-drop-shadow invisible -> prevent it /\n overflow: visible !important; / NOSONAR /\n\n &.drop-shadow::before {\n .desktop-bench-drop-shadow();\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\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: 25px;\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\n.detail-table.table {\n\n &.loading {\n & > .loading-indicator {\n #scout.loading-indicator(@busyindicator-large-size, @busyindicator-large-border-width);\n }\n }\n\n &.ie {\n // Workaround for bug #227039. Focus calls come too early when table is not correctly layouted yet\n // -> if table is big ie tries to scroll which leads to ugly flickering and moved desktop whenever a large page with table is clicked\n height: 0;\n width: 0;\n }\n\n & > .table-header {\n padding-left: @detail-table-header-padding-x;\n padding-right: @detail-table-header-padding-x;\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-padding-y;\n padding-bottom: @detail-table-header-padding-y;\n\n & > .table-header-item-state {\n top: 9px;\n }\n }\n\n & > .menubar-container {\n padding-left: 6px;\n padding-right: @detail-table-header-menubar-padding-right;\n\n & > .menubar > .menubox > .menu-item {\n margin-right: 12px;\n }\n }\n }\n\n & > .table-data {\n padding-left: @detail-table-data-padding-x;\n padding-right: @detail-table-data-padding-x;\n }\n\n & > .table-footer {\n background-color: @detail-table-footer-background-color;\n }\n\n & .table-aggregate {\n / Desktop table has a 2px (left) border. /\n margin-left: @detail-table-data-padding-x + 2px;\n\n & > .table-cell {\n padding-top: @detail-table-row-padding-y;\n padding-bottom: @detail-table-row-padding-y;\n }\n }\n\n & > .table-data {\n & > .scrollbar {\n #scout.scrollbar-x-padding(4px, 2px);\n }\n\n & > .table-row,\n & > .table-aggregate-row {\n / Desktop table has a 2px border. Top and bottom border are added to the table cell. /\n border-left-width: 2px;\n border-right-width: 2px;\n\n &.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n\n & > .table-cell {\n / Replace first and last pixel of specified row padding by a transparent border. This border will be /\n / set to the selection color when the row is selected, thus creating the illusion that the 2px selection /\n / border is drawn around the cell. See CSS rules below. /\n padding-top: @detail-table-row-padding-y - 1px;\n padding-bottom: @detail-table-row-padding-y - 1px;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n\n &.checkable {\n padding-top: @detail-table-row-padding-y - @checkable-cell-padding-adjustment - 1px;\n padding-bottom: 0;\n }\n\n & > .table-row-control {\n padding-top: @detail-table-row-padding-y - 1px;\n padding-bottom: @detail-table-row-padding-y - 1px;\n }\n }\n\n &.select-top > .table-cell {\n border-top-color: @item-selection-border-color;\n }\n\n &.select-bottom > .table-cell {\n border-bottom-color: @item-selection-border-color;\n }\n\n &.select-single > .table-cell {\n border-top-color: @item-selection-border-color;\n border-bottom-color: @item-selection-border-color;\n }\n }\n\n & > .cell-editor-popup > .check-box-field {\n border-top: 2px solid @item-selection-border-color;\n border-bottom: 2px solid @item-selection-border-color;\n\n & > .field {\n padding-top: @detail-table-row-padding-y - @checkable-cell-padding-adjustment - 1px;\n }\n }\n\n & > .cell-editor-popup > .cell-editor-form-field > input,\n & > .cell-editor-popup > .cell-editor-form-field > .field > input {\n border-top: 2px solid @item-selection-border-color;\n border-bottom: 2px solid @item-selection-border-color;\n }\n }\n}\n\n@media only screen and(min-resolution: 96.96dpi) {\n / 1.01dppx / 101% /\n / The browser may not display the 2px border properly when zoomed, it draws a white gap between the cell and the row border.\n To prevent that the border is reduced to the simple 1px border. This is also applied if windows font size is set to medium (125%) /\n .detail-table.table {\n\n & > .table-data {\n\n & > .table-row,\n & > .table-aggregate-row {\n border-left-width: 1px;\n border-right-width: 1px;\n\n &.select-top > .table-cell {\n border-top-color: transparent;\n }\n\n &.select-bottom > .table-cell {\n border-bottom-color: transparent;\n }\n\n &.select-single > .table-cell {\n border-top-color: transparent;\n border-bottom-color: transparent;\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.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\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: @active-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 }\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: 9px;\n border-radius: @button-border-radius;\n\n &.one-visible {\n cursor: pointer;\n\n &:active > .collapse-handle-body {\n background-color: @collapse-handle-active-background-color;\n }\n }\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: 8px 6px;\n background-color: @collapse-handle-background-color;\n color: @collapse-handle-color;\n border: 1px solid @collapse-handle-border-color;\n border-radius: @button-border-radius;\n cursor: pointer;\n\n &::before {\n #scout.font-icon();\n display: block;\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 .collapse-handle:active > & {\n color: @collapse-handle-active-color;\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: 220px;\n padding: 6px 10px 0 20px;\n\n &.small {\n width: 130px;\n }\n\n & > .title {\n #scout.font-text-large();\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-header {\n position: absolute;\n top: 0;\n height: @desktop-header-height;\n background-color: @desktop-header-background-color;\n\n / jquery sets overflow to hidden while animating which makes bench-drop-shadow invisible -> prevent it /\n overflow: visible !important; / NOSONAR (see comment above) /\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: @desktop-header-border-color;\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(~'100% - 1px');\n left: 0;\n }\n\n & > .simple-tab-area {\n height: @desktop-header-height;\n\n & > .simple-tab.selected {\n\n &::before {\n .desktop-bench-drop-shadow();\n top: 0;\n width: 20px;\n height: 110%;\n }\n\n &:not(:first-child)::before {\n box-shadow: -7px 0 10px 0 rgba(0, 0, 0, 0.4);\n }\n }\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\n }\n}\n\n.desktop-header > .view-button-box {\n height: 100%;\n\n & > .view-tab {\n height: 100%;\n }\n\n & > .view-button-tab,\n & > .view-tab > .view-button-tab,\n & > .view-tab > .view-menu {\n / 1px smaller than the header because of the bottom border (see .selected rule for .simple-tab) /\n height: calc(~'100% - 1px');\n vertical-align: top;\n background-color: @header-view-button-tab-background-color;\n color: @header-view-button-tab-color;\n\n &.last {\n border-right-color: @border-color;\n }\n\n &:hover {\n &:not(.selected) > .font-icon {\n color: @header-view-button-tab-color;\n }\n }\n }\n}\n\n.desktop-header:not(.in-background) > .view-button-box {\n & > .view-button-tab,\n & > .view-tab > .view-button-tab,\n & > .view-tab > .view-menu {\n &.selected {\n background-color: @header-view-button-tab-active-background-color;\n color: @header-view-button-tab-active-color;\n height: 100%;\n padding-bottom: 1px;\n\n &.popup-open {\n height: calc(~'100% - 1px');\n }\n\n .outline-content-has-menubar& {\n background-color: @main-menubar-background-color;\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: @navigation-background-color;\n color: @navigation-color;\n\n &.single-view-button {\n\n & > .navigation-body {\n & > .outline > .outline-title {\n height: @single-view-button-outline-title-height;\n margin-left: 35px;\n margin-bottom: @single-view-button-outline-title-margin-bottom;\n border-bottom: none;\n padding-left: 20px;\n\n & > .outline-title-text {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n & > .menubar {\n height: @single-view-button-outline-title-height; / 100% not possible because outline-title must not be position relative due to menu item focus border /\n top: 0;\n }\n }\n\n & > .outline.breadcrumb > .outline-title > .outline-title-text {\n padding-left: 0;\n }\n\n & > .outline.breadcrumb:not(.search-outline) {\n & > .outline-title {\n margin-bottom: 0;\n }\n\n & > .tree-data {\n margin-top: @single-view-button-outline-title-margin-bottom;\n border-top: 1px solid @outline-breadcrumb-border-color;\n }\n }\n\n & > .search-outline {\n & > .outline-title {\n margin-bottom: 0;\n }\n\n & > .search-outline-panel {\n padding-top: @single-view-button-search-outline-panel-padding-top;\n padding-bottom: @single-view-button-search-outline-panel-padding-bottom;\n\n &.has-status {\n padding-bottom: @search-outline-panel-padding-bottom;\n }\n\n & > .search-outline-field {\n height: @single-view-button-search-outline-field-height;\n }\n\n & > .clear-icon {\n top: @single-view-button-search-outline-panel-padding-top;\n height: @single-view-button-search-outline-field-height;\n }\n }\n }\n }\n\n & > .view-button-box {\n & .view-button-tab {\n padding-left: 20px;\n text-align: left; / for IE /\n text-align: initial;\n }\n }\n }\n}\n\n.desktop-navigation-breadcrumb {\n width: @desktop-navigation-breadcrumb-width;\n}\n\n.navigation-body {\n position: absolute;\n}\n\n.desktop-navigation > .desktop-tool-box {\n background-color: @desktop-toolbox-in-navigation-background-color;\n text-align: 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-navigation-handle.collapse-handle {\n position: absolute;\n\n &:active > .collapse-handle-body,\n &.active > .collapse-handle-body {\n background-color: @desktop-navigation-handle-active-background-color;\n }\n\n & > .collapse-handle-body {\n background-color: @desktop-navigation-handle-background-color;\n border-color: fade(@desktop-navigation-handle-border-color, 75%);\n color: fade(@desktop-navigation-handle-color, 75%);\n }\n\n &.navigation-closed > .collapse-handle-body {\n / increase border radius a little, otherwise it is barely visible /\n border-radius: 4px;\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\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) 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-notification-width: 250px;\n\n.desktop-notifications {\n position: fixed;\n right: 10px;\n top: 0;\n height: 100%;\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: 20px;\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 margin-bottom: 20px;\n }\n 100% {\n opacity: 0;\n margin-bottom: -37px;\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 float: right;\n border-left: 3px solid @active-color;\n background-color: @desktop-notification-background-color;\n margin-bottom: 20px;\n pointer-events: auto;\n #scout.drop-shadow();\n\n &.ok {\n border-left-color: @desktop-notification-ok-border-color;\n }\n\n &.info {\n border-left-color: @desktop-notification-info-border-color;\n }\n\n &.warning {\n border-left-color: @desktop-notification-warning-border-color;\n }\n\n &.error {\n border-left-color: @desktop-notification-error-border-color;\n }\n}\n\n.desktop-notification-content {\n border: 1px solid @border-color;\n border-left-width: 0;\n padding: 10px;\n\n / Prevent overlay of text and close icon /\n\n &.closable {\n padding-right: 25px;\n }\n\n & > .closer {\n position: absolute;\n right: 10px;\n top: 10px;\n }\n}\n\n.desktop-notification-message {\n display: inline-block;\n}\n\n.desktop-notification-loader {\n display: inline-block;\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: 6px;\n border-radius: 50%;\n border: 1px fade(@busyindicator-active-color, 80%) solid;\n width: 14px;\n height: 14px;\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.outline.tree {\n\n &.in-background > .tree-data > .tree-node.selected {\n background-color: @outline-in-background-selection-background-color;\n color: @outline-in-background-selection-color;\n }\n\n & > .tree-data {\n\n & > .scrollbar {\n\n #scout.scrollbar-y-padding(2px, 0);\n\n & > .scrollbar-thumb > .scrollbar-thumb-handle {\n background-color: @outline-scrollbar-thumb-color;\n }\n\n & > .scrollbar-thumb-move > .scrollbar-thumb-handle,\n & > .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @outline-scrollbar-thumb-hover-color;\n }\n }\n\n & > .key-box {\n top: 7px;\n }\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n color: @navigation-color;\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: @font-size-plus;\n\n & > .compact-cell-header > .compact-cell-title > .right {\n color: @outline-compact-cell-content-color;\n }\n\n & > .compact-cell-content {\n color: @navigation-color;\n\n &.has-header {\n color: @outline-compact-cell-content-color;\n }\n }\n }\n\n & > .image-icon {\n margin-top: auto;\n }\n\n & > .font-icon {\n line-height: @outline-node-font-icon-line-height;\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\n &::before {\n font-size: @outline-node-control-size;\n / always use same color as the tree-node label /\n color: inherit;\n }\n\n &:hover::before {\n color: @highlight-color;\n }\n }\n\n &.selected {\n color: @outline-selection-color;\n background-color: @outline-selection-background-color;\n border: 0;\n\n & > .text > .compact-cell-content {\n color: @table-compact-cell-content-color;\n }\n }\n }\n }\n}\n\n.outline-title {\n cursor: pointer;\n #scout.font-text-large();\n #scout.overflow-ellipsis-nowrap();\n margin: 0 @outline-title-margin-right @outline-title-margin-bottom @outline-title-margin-left;\n border-bottom: 1px solid @outline-title-border-color;\n #scout.vertical-align-helper-before();\n\n & > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: @outline-title-icon-font-size;\n padding-right: @outline-title-icon-padding-right;\n }\n\n & > .key-box {\n top: 19px;\n }\n\n & > .menubar {\n display: block;\n background-color: transparent;\n width: auto;\n position: absolute;\n right: @outline-title-margin-right;\n top: @outline-title-menubar-top;\n border: none;\n color: @navigation-color;\n\n & > .menubox {\n\n & > .menu-item:not(.disabled) {\n color: @navigation-color;\n\n &:hover,\n &:active {\n color: @navigation-color;\n }\n\n &:focus,\n &:not(.menu-button):focus {\n color: @navigation-color;\n\n &::after {\n border-color: @navigation-color;\n #scout.glow(@navigation-color);\n }\n }\n }\n\n & > .menu-item:not(.menu-textandicon):focus::after {\n #scout.focus-border-inverted();\n }\n }\n }\n}\n\n.outline-title-text {\n / outline title height should be the same as main menubar and desktop header height (if there are no view buttons visible) /\n padding: 20px 2px 12px @outline-title-text-padding-left;\n display: inline-block;\n vertical-align: middle;\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 & > .outline-title-text {\n padding-left: @outline-breadcrumb-node-padding-x;\n }\n }\n\n &.node-selected > .outline-title {\n border-bottom-color: @outline-breadcrumb-ancestor-border-color;\n }\n\n & > .tree-data {\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 &.group {\n background-color: transparent;\n }\n\n &.child-of-selected {\n background-color: @outline-breadcrumb-child-background-color;\n\n &:active {\n background-color: @outline-breadcrumb-child-active-background-color;\n }\n }\n\n &.ancestor-of-selected {\n border-bottom-color: @outline-breadcrumb-ancestor-border-color;\n\n &::before {\n display: none;\n }\n\n &::after {\n display: none;\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 &::before {\n border-top-color: @outline-selection-background-color;\n border-width: 8px 13px 0 13px;\n bottom: -8px;\n }\n\n &::after {\n border: 0;\n border-top-color: @outline-selection-background-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 &.parent-of-selected::before {\n border-color: transparent;\n }\n\n &.selected {\n border-color: @outline-breadcrumb-border-color;\n }\n\n &.selected::before {\n border-top-color: @outline-selection-background-color;\n }\n }\n }\n}\n\n.compact.outline.breadcrumb {\n & > .outline-title {\n & > .outline-title-text {\n padding-left: @compact-outline-node-padding-x;\n }\n }\n\n & > .tree-data {\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 & > .icon {\n padding: @compact-outline-node-padding-y 0 @compact-outline-node-padding-y @compact-outline-node-padding-x;\n }\n\n & > .node-menubar {\n position: absolute;\n right: 0;\n top: 0;\n width: auto;\n padding: @compact-outline-node-padding-y - 7px @compact-outline-node-padding-x 0 0;\n }\n\n & > .detail-menubar {\n padding: 0 @compact-outline-node-padding-x @compact-outline-node-padding-y @compact-outline-node-padding-x;\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 &.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 > .menubar {\n padding-bottom: 0;\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: @navigation-color;\n border-bottom: 0;\n\n &::before,\n &::after {\n display: none;\n }\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: @navigation-color;\n }\n\n & .tile {\n border-color: @outline-breadcrumb-ancestor-border-color;\n background-color: @outline-breadcrumb-child-background-color;\n\n &:active {\n background-color: @outline-breadcrumb-child-active-background-color;\n }\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-child-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.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-bottom: @search-outline-panel-padding-bottom;\n margin: 0 @outline-title-margin-right @outline-title-margin-bottom @outline-title-margin-left;\n\n & ~ .tree {\n height: calc(~'100% - ' 70px);\n }\n}\n\n.search-outline-field {\n border: 1px solid @search-outline-field-border-color;\n height: 35px;\n border-radius: 5px;\n width: 100%;\n\n &:focus {\n border-color: @search-outline-field-focus-border-color;\n #scout.glow(@search-outline-field-focus-glow-color);\n }\n\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & ~ .clear-icon {\n display: block;\n }\n }\n\n & ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n height: 35px;\n line-height: 35px;\n padding-right: @text-field-padding-x;\n cursor: pointer;\n\n &::before {\n #scout.font-icon();\n font-size: 13px;\n content: @icon-remove-bold;\n color: @text-field-icon-color;\n }\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: 10px;\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 .node-selected& {\n border-bottom-color: @outline-breadcrumb-ancestor-border-color;\n }\n\n & > .search-outline-field {\n margin-right: @outline-title-margin-right;\n margin-left: @outline-title-margin-left;\n width: calc(~'100% - ' @outline-title-margin-left ~'-' @outline-title-margin-right);\n\n & ~ .clear-icon {\n margin-right: @outline-title-margin-right;\n padding-right: @text-field-padding-x;\n }\n }\n\n & > .search-outline-status {\n text-align: left;\n padding-left: @outline-breadcrumb-node-padding-x;\n }\n}\n\n.compact.outline.breadcrumb > .search-outline-panel {\n & > .search-outline-status {\n padding-left: @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 &.up {\n color: @navigate-up-button-color;\n border-color: @navigate-up-button-border-color;\n\n & > .font-icon {\n color: @navigate-up-button-color;\n }\n }\n\n .menubar > .menubox > &.menu-item.down.menu-button:not(.last) {\n / Right and left margin of the navigate buttons should be equal.\n Setting this margin-right is especially necessary if on the right side of these buttons is another button. /\n margin-right: @bench-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.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 white-space: nowrap;\n padding-right: 20px;\n\n &.compact {\n padding-right: 15px;\n }\n}\n\n.desktop-tool-box-item.menu-item {\n height: @desktop-header-height - 1px;\n #scout.font-text-plus();\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n margin-left: 20px;\n margin-right: 20px;\n\n &.last {\n margin-right: 0;\n }\n\n &.compact {\n margin-left: 10px;\n margin-right: 10px;\n\n &.last {\n margin-right: 0;\n }\n\n & > .submenu-icon {\n display: none;\n }\n }\n\n & > .font-icon {\n font-size: 17px;\n }\n\n & > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px. 33px is the desktop logo height /\n max-height: 33px;\n }\n\n &.menu-textandicon > .icon {\n padding-right: @header-menu-textandicon-padding-right;\n }\n}\n\n/ header: tools popup /\n\n.desktop-tool-box-item.popup-head {\n height: @desktop-header-height - 1px;\n border-left: 1px solid @border-color;\n border-right: 1px solid @border-color;\n cursor: pointer;\n box-shadow: none;\n border-top: none;\n / OVERRIDE .desktop-tool-box-item.menu-item /\n margin-left: 0;\n margin-right: 0;\n position: absolute;\n\n .popup.down > & {\n / above selector is too less specific /\n padding-top: 0;\n }\n\n &.selected > .font-icon {\n font-size: 17px;\n }\n}\n\n/ key boxes /\n\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 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.view-tab {\n display: inline-block;\n position: relative;\n height: @view-button-box-height;\n\n & > .key-box {\n bottom: 4px;\n }\n}\n\n.view-button-tab {\n white-space: nowrap;\n border-right: solid 1px @border-color;\n text-align: center;\n #scout.vertical-align-helper-before();\n min-width: 50px;\n background-color: @view-button-tab-background-color;\n color: @view-button-tab-color;\n\n &:hover {\n cursor: pointer;\n\n &:not(.selected) > .font-icon {\n color: @hover-color;\n }\n }\n\n &:active {\n &:not(.selected) > .font-icon {\n color: @active-color;\n }\n }\n\n &.selected {\n background-color: @view-button-tab-active-background-color;\n color: @view-button-tab-active-color;\n\n &.last {\n border-right-color: transparent;\n }\n }\n\n &.disabled {\n color: @text-disabled-color;\n\n &:hover {\n cursor: default;\n color: @text-disabled-color;\n\n &:not(.selected) > .font-icon {\n color: @text-disabled-color;\n }\n }\n }\n\n &.view-menu-popup-head {\n position: absolute;\n background-color: @active-inverted-color;\n color: @active-color;\n }\n\n & > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: 20px;\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-block;\n vertical-align: top;\n height: @view-button-box-height;\n white-space: nowrap;\n #scout.font-text-large();\n overflow: hidden;\n position: relative; / if covered by glass pane /\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-tab {\n\n & > .menu-item {\n height: @view-button-box-height;\n display: inline-block;\n padding-left: 10px;\n padding-right: 10px;\n border-right: solid 1px @border-color;\n\n & > .icon {\n top: 0;\n }\n }\n\n & > .view-button-tab {\n display: inline-block;\n height: @view-button-box-height;\n }\n\n & > .submenu-icon {\n #scout.submenu-icon();\n position: relative;\n vertical-align: middle;\n display: inline-block;\n line-height: normal;\n height: auto;\n\n / Make IE trigger the :active state if the text or icon is pressed /\n pointer-events: none;\n }\n}\n\n.view-menu {\n padding-left: 10px;\n padding-right: 10px;\n border-right: solid 1px @border-color;\n background-color: @view-button-tab-background-color;\n color: @view-button-tab-color;\n\n &.view-menu-popup-head {\n position: absolute;\n background-color: @view-menu-popup-background-color;\n color: @active-color;\n }\n\n &.selected {\n background-color: @view-button-tab-active-background-color;\n color: @view-button-tab-active-color;\n\n &.last {\n border-right-color: transparent;\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-body {\n position: relative;\n background-color: @view-menu-popup-background-color;\n border-right: solid 1px @border-color;\n border-top: solid 1px @border-color;\n overflow: hidden;\n #scout.drop-shadow();\n}\n\n.view-menu-popup-head {\n & > .icon {\n transform: rotate(180deg);\n }\n}\n\n.view-menu-item {\n padding: 0 15px 0 15px;\n height: @desktop-header-height - 1px;\n border-top: solid 1px @border-color;\n cursor: pointer;\n color: @text-color;\n font-size: 16px;\n #scout.overflow-ellipsis-nowrap();\n position: relative;\n #scout.vertical-align-helper-before();\n\n &:first-child {\n border-top-color: transparent;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n }\n\n &.selected {\n border-top: 1px solid @item-selection-border-color;\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n\n &.selected + .view-menu-item {\n border-top-color: @item-selection-border-color;\n }\n\n &.selected.last {\n border-color: @item-selection-border-color;\n }\n\n &.last {\n border-bottom: 1px solid @border-color;\n }\n\n & > .key-box {\n top: 14px;\n }\n\n & > .icon {\n position: relative;\n font-size: 20px;\n margin-right: 10px;\n vertical-align: middle;\n }\n\n & > .content {\n vertical-align: middle;\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\n & > .simple-overflow-tab-item {\n border-right: 1px solid @border-color;\n display: inline-block;\n width: 30px;\n / 1px smaller than the header because of the bottom border /\n height: calc(~'100% - 1px');\n background-color: @simple-tab-background-color;\n padding-top: @simple-overflow-tab-item-padding-top;\n text-align: center;\n cursor: pointer;\n vertical-align: top;\n\n &::after {\n #scout.font-icon();\n color: @icon-color;\n content: @icon-angle-down;\n }\n\n &.animate-modality-highlight {\n #scout.animation-flash-gray();\n }\n }\n\n &.spread-even {\n &:not(.overflown) {\n & > .simple-tab.last {\n border-right-width: 0;\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 / 1px smaller than the header because of the bottom border (see .selected rule below) /\n height: calc(~'100% - 1px');\n padding: 5px;\n background-color: @simple-tab-background-color;\n color: @text-color;\n border-right: 1px solid @border-color;\n\n &:not(.no-hover) {\n cursor: pointer;\n }\n\n &:not(.no-hover):hover > .title {\n color: @hover-color;\n }\n\n &.small {\n width: 130px;\n }\n\n &:active > .title {\n color: @active-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n }\n\n &.selected {\n cursor: default;\n background-color: @simple-tab-active-background-color;\n / full size of header to draw over the border-bottom /\n height: 100%;\n\n & > .title {\n color: @simple-tab-active-color;\n }\n }\n\n &.animate-modality-highlight {\n #scout.animation-flash-gray();\n }\n\n & > .title,\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .sub-title {\n padding-top: 2px;\n }\n\n & > .icon {\n float: right;\n margin-left: 5px;\n }\n\n & > .status-container {\n float: right;\n position: relative;\n\n & > .status {\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n\n &.closer {\n margin-left: 7px;\n }\n }\n }\n\n & > .icon-container {\n float: left;\n\n & > .icon {\n margin-right: 5px;\n vertical-align: middle;\n\n &.font-icon {\n font-size: 14px;\n }\n }\n }\n\n &.closable .closer {\n display: none;\n }\n\n &.closable.selected .closer {\n display: inline-block;\n }\n}\n\n/ key boxes /\n\n.simple-tab .key-box {\n bottom: 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.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: 400px;\n #scout.drop-shadow-large();\n border-top: @dialog-border-top-size solid @active-color;\n border-radius: @border-radius;\n background-color: @filechooser-background-color;\n\n & > .closable {\n position: absolute;\n right: 5px;\n margin: 8px;\n #scout.font-icon();\n font-size: 17px;\n cursor: pointer;\n color: @closer-color;\n\n &::before {\n content: @icon-remove-bold;\n }\n\n &:hover {\n color: @hover-color;\n }\n }\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-left-width: 1px;\n border-right-width: 1px;\n background-color: @filechooser-background-color;\n padding: 10px 20px;\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 margin-right: 30px; / Leave space for 'x' closable /\n word-wrap: break-word;\n #scout.font-text-large();\n color: @active-color;\n}\n\n.file-chooser-label {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n}\n\n.file-chooser-files {\n @file-list-indent: 20px;\n position: relative;\n min-height: 100px;\n max-height: 100px;\n border-top: 1px solid @border-color;\n padding-top: 10px;\n margin-top: 10px;\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\n &::before {\n #scout.font-icon();\n content: @icon-file-solid;\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 & > .remove-link {\n text-decoration: underline;\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) 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 {\n position: relative;\n background-color: @form-background-color;\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 {\n border-top: @dialog-border-top-size solid @active-color;\n}\n\n.dialog {\n position: absolute;\n background-color: @background-color;\n border: solid 1px @border-color;\n border-top: @dialog-border-top-size solid @active-color;\n border-top-left-radius: @border-radius;\n border-top-right-radius: @border-radius;\n #scout.drop-shadow-large();\n margin: 10px; / minimum padding to desktop /\n margin-bottom: 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 &.animate-open {\n #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.15s);\n\n &.ie {\n / IE sometimes doesn't complete the animation so that dialog is nearly invisible /\n #scout.animation-duration(0);\n }\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 overflow: auto; / clearfix /\n zoom: 1; / clearfix /\n margin-top: @form-title-margin-top;\n margin-left: 20px;\n margin-right: 14px;\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: 5px;\n\n &.font-icon {\n font-size: 14px;\n }\n }\n }\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n #scout.font-text-large();\n color: @active-color;\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n #scout.font-text-normal();\n color: @active-color;\n }\n\n & > .status-container {\n float: right;\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 margin-left: 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","/\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 & > .menu-button.disabled {\n background-color: @menubar-button-disabled-background-color;\n }\n }\n\n .menubar-background-color-inherit() {\n background-color: inherit;\n\n & > .menu-button.disabled {\n / use regular button color since menubar has no color /\n background-color: @button-disabled-background-color;\n }\n }\n\n / standard main-menubar /\n .main-menubar-standard() {\n #scout.main-menubar-background-color-standard();\n padding-left: @bench-padding-x;\n padding-right: @bench-padding-x;\n margin-left: inherit;\n margin-right: inherit;\n }\n\n / a transparent main-menubar with a smaller bottom border /\n .main-menubar-light() {\n #scout.menubar-background-color-inherit();\n padding-left: 0;\n padding-right: 0;\n margin-left: @bench-padding-x;\n margin-right: @bench-padding-x;\n }\n\n .menubar-focus() {\n &:focus {\n outline: none;\n\n &:not(.disabled) {\n color: @hover-color;\n\n &:not(.menu-button) {\n color: @focus-color;\n\n &::after {\n color: @focus-color;\n }\n }\n\n / Draw border for icon only items /\n\n &.menu-icononly::after {\n #scout.button-focus();\n }\n\n &:not(.menu-icononly):not(.menu-button) > .text {\n text-decoration: underline;\n }\n }\n }\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 / default style is 'top' /\n vertical-align: middle;\n white-space: nowrap;\n\n &.bottom {\n border-bottom: 0;\n border-top: 1px solid @border-color;\n }\n\n & > .menubox {\n display: inline-block;\n height: 100%;\n #scout.vertical-align-helper-before();\n\n &.right {\n float: right;\n }\n\n & > .menu-separator {\n display: inline-block;\n vertical-align: middle;\n width: 1px;\n margin-right: @menu-item-margin-right;\n background-color: @border-color;\n height: 15px;\n\n &.overflown {\n display: none;\n }\n }\n\n / child menus of combo-menu must have the same padding, but not the all the other styles of > .menu-item /\n & > .combo-menu > .menu-item {\n padding-top: @menubar-item-padding-y;\n padding-bottom: @menubar-item-padding-y;\n }\n\n & > .menu-item {\n display: inline-block;\n padding-top: @menubar-item-padding-y;\n padding-bottom: @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;\n\n &.overflown {\n display: none;\n }\n\n #scout.menubar-focus();\n\n &:not(.last) {\n margin-right: @menu-item-margin-right;\n }\n\n &.form-field-menu {\n padding-top: @menubar-field-menu-margin-y;\n padding-bottom: @menubar-field-menu-margin-y;\n }\n\n / ---------------------------------- /\n\n &.menu-button {\n text-align: center;\n color: @menubar-button-color;\n background-color: @menubar-button-background-color;\n border: 1px solid @menubar-button-border-color;\n border-radius: @button-border-radius;\n min-width: 110px;\n margin-top: @menubar-field-menu-margin-y;\n margin-bottom: @menubar-field-menu-margin-y;\n padding-left: @button-padding-x;\n padding-right: @button-padding-x;\n\n &:not(.bottom-text) {\n height: @logical-grid-row-height;\n padding-top: @button-padding-y;\n padding-bottom: @button-padding-y;\n }\n\n / TODO [7.0] cgu/BSH: Actually, we wanted to use .overflow-ellipsis-nowrap to support /\n / ellipsis, but this breaks the focus, because the ::before inline element gets /\n / cut off. We should find a better solution for this. /\n /white-space: nowrap;/\n\n &:hover {\n color: @button-hover-color;\n\n & > .font-icon {\n color: @button-hover-color;\n }\n }\n\n &:active, &.active {\n color: @button-active-color;\n background-color: @menubar-button-active-background-color;\n\n & > .font-icon {\n color: @button-active-color;\n }\n }\n\n &:focus::after {\n #scout.button-focus();\n }\n\n & > .font-icon {\n color: @menubar-button-font-icon-color;\n }\n\n &.default-menu:not(.disabled) {\n #scout.font-text-normal(@font-weight-bold);\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: transparent;\n color: @default-button-color;\n\n &:focus {\n color: @default-button-color;\n }\n\n &:hover {\n background-color: @default-button-hover-background-color;\n }\n\n &:active, &.active {\n background-color: @default-button-active-background-color;\n border-color: @default-button-active-background-color;\n }\n\n & > .font-icon {\n font-weight: normal;\n color: @icon-inverted-color;\n }\n }\n\n &.disabled {\n background-color: @menubar-button-disabled-background-color;\n border-color: @menubar-button-disabled-border-color;\n color: @menubar-button-disabled-color;\n cursor: default;\n\n & > .font-icon {\n color: @menubar-button-font-icon-disabled-color;\n }\n }\n\n &.selected {\n border-style: inset;\n border-right-color: @border-color;\n border-bottom-color: @border-color;\n }\n\n &:not(.last) {\n margin-right: @menu-item-margin-right;\n }\n\n &.left-of-button {\n margin-right: @menu-item-margin-right-between-buttons;\n }\n\n &.small-gap {\n margin-right: 6px;\n }\n\n &.small {\n min-width: 53px;\n\n & > .font-icon {\n font-size: 18px;\n }\n }\n }\n }\n\n / Menu items within a top-level combo-menu should have a focus-border too /\n & > .combo-menu > .menu-item {\n #scout.menubar-focus();\n }\n }\n}\n\n.main-menubar {\n #scout.main-menubar-standard;\n padding-top: @main-menubar-padding-y;\n padding-bottom: @main-menubar-padding-y;\n\n & > .menubox {\n\n & > .menu-item, & > .combo-menu > .menu-item {\n margin-top: 8px;\n margin-bottom: 7px;\n\n &.bottom-text.menu-textandicon {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n &.menu-button {\n margin-top: 8px;\n margin-bottom: 7px;\n }\n\n &.form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &.small > .font-icon {\n font-size: 18px;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n\n & > .menu-separator {\n height: @logical-grid-row-height - 12px;\n }\n\n / combo-menu itself should have no margins and no padding so its child menus\n * can render a focus border like regular top-level menus. /\n & > .combo-menu.menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 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.form-menu-popup {\n & > .popup-head {\n background-color: @form-background-color;\n }\n\n & > .popup-body > .form > .root-group-box > .main-menubar {\n background-color: @form-menu-popup-main-menubar-background-color;\n }\n\n & > .popup-deco {\n background-color: @form-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) 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 {\n border-spacing: 0;\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: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n margin-left: @mandatory-indicator-width;\n / Add small spacing between label and field /\n padding-right: @mandatory-indicator-width;\n\n &.empty {\n / explicitly disable ellipsis, because IE would display it for very narrow columns even if content is ' ' /\n text-overflow: clip;\n }\n\n .disabled& {\n color: @text-disabled-color;\n }\n\n .read-only& {\n color: @read-only-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 .read-only& {\n / Always use same color for top labels even if it is disabled or 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: @status-font-icon-size; / Same as font-size of status icon /\n\n #scout.status();\n }\n\n &.has-menus {\n\n &.has-tooltip:not(.has-info):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-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 @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 &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.ie {\n border-radius: 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.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 & > .icon,\n & > .field > .icon,\n & > .clear-icon,\n & > .field > .clear-icon {\n display: none;\n position: absolute;\n padding-right: @text-field-padding-x;\n\n &::before {\n #scout.font-icon();\n font-size: 13px;\n color: @text-field-icon-color;\n }\n }\n\n &.alternative {\n & > .icon,\n & > .field > .icon,\n & > .clear-icon,\n & > .field > .clear-icon {\n padding-right: @text-field-alternative-icon-padding-right;\n }\n }\n\n & > .clear-icon,\n & > .field > .clear-icon {\n cursor: pointer;\n\n &::before {\n content: @icon-remove-bold;\n }\n\n &:hover::before {\n color: @highlight-color;\n }\n }\n\n & > .icon,\n & > .field > .icon {\n cursor: text;\n }\n\n &.halign-right > .clear-icon,\n &.halign-right > .field > .clear-icon {\n padding-left: @text-field-padding-x;\n padding-right: 0;\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n padding-left: @text-field-alternative-icon-padding-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 #scout.value-field-with-icon(~'.clear-icon');\n\n & > .clear-icon {\n display: block;\n }\n\n & > .icon {\n display: none;\n }\n\n & > .clear-icon,\n & > .field > .clear-icon {\n\n &:hover::before {\n color: @highlight-color;\n }\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 - 1px;\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: block;\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.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 font-weight: bold;\n margin-right: 4px;\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-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 > .button {\n\n / The 18px min-height is required because in Chrome the height of the ::after element\n * is not calculated properly when height is set to 100%. This has the effect that buttons\n * change their size when a button changes its focus state. See ticket 194111.\n /\n #scout.vertical-align-helper-after(18px);\n\n & > .button-label {\n padding: @text-field-padding-y - @button-padding-y - @button-margin-top 0;\n }\n\n &.selected {\n border-style: inset;\n border-right-color: @border-color;\n border-bottom-color: @border-color;\n }\n}\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 > .field.link-button {\n / add a transparent border to align text with normal buttons which also have a border /\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n\n .logical-grid-layout > & {\n / make sure link is centered when button has a fixed height (which is the case with logical grid layout) /\n #scout.vertical-align-helper-before();\n white-space: nowrap;\n }\n\n & > .link.menu-item {\n / Draw underline in child element, otherwise the position would not be correct in FF /\n text-decoration: none;\n vertical-align: middle;\n color: @link-color;\n\n & > .text {\n text-decoration: underline;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n & > .text,\n & > .submenu-icon,\n & > .icon {\n / Reset IE hack for link buttons because it breaks ellipsis tooltip /\n pointer-events: auto;\n\n / Make sure button is not clickable if it is covered by a glass pane /\n\n .glasspane-parent&,\n .glasspane-parent & {\n pointer-events: none;\n }\n }\n\n &:hover {\n color: @link-hover-color;\n }\n\n &:active, &.active {\n color: @link-active-color;\n }\n\n &.disabled {\n color: @disabled-color;\n }\n }\n\n &:focus {\n outline: none;\n\n & > .link.menu-item::after {\n #scout.button-focus();\n }\n }\n\n & > .link.menu-item > .icon.image-icon {\n / override hack in Menu.css /\n top: 0;\n }\n}\n\n.button-field > .key-box {\n position: absolute;\n top: 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.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\n.calendar-field > .group-box-body {\n padding-right: 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.check-box-field > .field {\n padding: 6px 0;\n outline: none;\n display: flex;\n\n & > .check-box,\n & > .label {\n color: @control-color;\n cursor: pointer;\n vertical-align: middle;\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: 7px;\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 #scout.checkbox();\n\n &:focus {\n outline: none;\n border-color: @focus-border-color;\n }\n\n &::before {\n #scout.checkbox-before();\n }\n\n &.checked::before {\n #scout.checkbox-before-checked();\n }\n\n &.undefined::before {\n / tri-state /\n #scout.checkbox-before-undefined();\n }\n\n &.disabled {\n #scout.checkbox-disabled();\n\n &::before {\n #scout.checkbox-before-disabled();\n }\n\n &.undefined::before {\n / tri-state /\n #scout.checkbox-before-undefined-disabled();\n }\n }\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\n &.last {\n margin-right: @table-cell-padding-right-last !important;\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 / 1px because cell editor popup starts at the table row which has a 1px border and check box field does not have a border /\n padding-top: @table-row-padding-y - @checkable-cell-padding-adjustment + 0.5px;\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 + 7px; // 7px = label padding left (see above)\n\n .radiobutton-group-body > & {\n margin-left: @check-box-size + 7px - @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-bold;\n }\n }\n\n &.time {\n\n &::before {\n content: @icon-clock-bold;\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: block;\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: block;\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 &.date-focused > .icon.date::before,\n &.date-focused > .field > .icon.date-clear:hover::before {\n color: @highlight-color;\n }\n\n & > .field > .date-clear {\n display: block;\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 &.time-focused > .icon.time::before,\n &.time-focused > .field > .icon.time-clear:hover::before {\n color: @highlight-color;\n }\n\n & > .field > .time-clear {\n display: block;\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: block;\n }\n\n & > .icon.date {\n display: none;\n }\n}\n\n.date-field.time-clearable > .field {\n & > .icon.time-clear {\n display: block;\n }\n\n & > .icon.time {\n display: none;\n }\n}\n\n.date-picker-popup,\n.time-picker-popup {\n &.bottom {\n margin-top: 5px;\n }\n\n &.top {\n margin-bottom: 5px;\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 > .field {\n\n & > input.time,\n & > .icon.time,\n & > .icon.time-clear {\n .hidden();\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-solid;\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-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.root-group-box {\n / necessary if dialog gets really small /\n overflow: hidden;\n\n & > .group-box-body,\n & > .group-box-title {\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 margin-right: 0;\n background-color: inherit;\n #scout.menubar-background-color-inherit;\n }\n\n &.collapsed > .menubar {\n display: none;\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-title {\n width: calc(~'100% - ' @mandatory-indicator-width);\n margin-top: @group-box-title-margin-top;\n margin-left: @mandatory-indicator-width;\n border-bottom: @group-box-title-border-width solid @group-box-title-border-color;\n #scout.overflow-ellipsis-nowrap();\n padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0;\n position: relative;\n\n .group-box.has-sub-label > & {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\n }\n\n &.has-menubar {\n padding-top: 6.25px;\n padding-bottom: 6.25px;\n\n & > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n }\n }\n\n & > .group-box-control {\n display: inline-block;\n color: @title-color;\n cursor: pointer;\n / adjust control position (use absolute positioning, otherwise the layout would be disturbed, /\n / because the control div is higher than the title span /\n position: absolute;\n padding-left: 15px;\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 line-height: @group-box-control-line-height;\n font-weight: bold;\n content: @icon-angle-down-bold;\n\n .group-box.collapsed > & {\n content: @icon-angle-up;\n }\n }\n }\n\n & > .label {\n display: inline-block;\n vertical-align: middle;\n font-weight: bold;\n color: @title-color;\n #scout.overflow-ellipsis();\n max-width: calc(~'100% - ' @group-box-control-width);\n }\n\n & > .sub-label {\n font-size: @font-size-extra-small;\n color: @text-disabled-color;\n padding-top: 3px;\n }\n\n & > .status {\n margin-left: @field-status-margin-left;\n padding: 4px 0;\n display: inline-block;\n vertical-align: middle;\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-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 / 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 & > .field {\n margin-left: @mandatory-indicator-width;\n overflow: hidden;\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 > .field {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n margin-left: @mandatory-indicator-width;\n #scout.user-select(text);\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 &.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.list-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 > .table {\n border: 1px solid @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 &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.ie {\n border-radius: 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.mode-selector-field > .mode-selector {\n margin-left: @mandatory-indicator-width;\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 @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 > .field {\n padding: 6px 0;\n margin-left: @mandatory-indicator-width;\n outline: none;\n overflow: hidden;\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 vertical-align: middle;\n }\n\n & > .label {\n color: @control-color;\n padding-top: @radio-button-label-padding-top;\n padding-left: 7px;\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 min-width: @radio-button-circle-size;\n min-height: @radio-button-circle-size;\n background-color: @control-background-color;\n border: @radio-button-border-width solid @radio-button-border-color;\n border-radius: 50%;\n text-align: center;\n position: relative;\n\n &:focus {\n border-color: @focus-border-color;\n outline: none;\n }\n\n &.checked::before {\n content: '';\n position: absolute;\n top: 4px;\n left: 4px;\n width: calc(~'100% - ' 8px);\n height: calc(~'100% - ' 8px);\n box-shadow: 0 0 1px 0 @radio-button-checked-color;\n background-color: @radio-button-checked-color;\n border-radius: 50%;\n }\n\n &.disabled {\n background-color: @control-disabled-background-color;\n cursor: default;\n\n &.checked::before {\n background-color: @radio-button-disabled-color;\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 + 7px; // 7px = label padding left (see above)\n\n .radiobutton-group-body > & {\n margin-left: @radio-button-circle-size + 7px - @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.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\n.radiobutton-group-body.loading > .loading-indicator {\n #scout.loading-indicator();\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-solid;\n }\n}\n\n.smart-field {\n\n & > .icon::before,\n & > .field > .icon::before {\n content: @icon-search-bold;\n }\n\n / Multiline SmartField /\n\n &.popup-open {\n\n & > .multiline.field.focused {\n box-shadow: none;\n }\n\n & > .field > .multiline-input {\n\n &.has-error:focus {\n border-bottom-color: @error-border-color;\n }\n\n &:focus {\n #scout.glow(@focus-glow-color);\n border-bottom-color: @focus-color;\n border-bottom-right-radius: @control-border-radius;\n border-bottom-left-radius: @control-border-radius;\n }\n\n &.alternative {\n &:focus {\n box-shadow: none;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n }\n\n & > .field > .multiline-lines.focused {\n border-color: @border-color;\n }\n }\n\n &.has-error > .multiline.field.focused {\n #scout.glow(@error-glow-color);\n }\n\n & > .multiline.field.focused {\n #scout.glow(@focus-glow-color);\n }\n\n & > .field > .multiline-input {\n border-bottom-color: @border-color;\n border-top-left-radius: @control-border-radius;\n border-top-right-radius: @control-border-radius;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n width: 100%;\n padding-left: @text-field-padding-x;\n\n &:focus {\n box-shadow: none;\n }\n\n &.has-error:focus {\n border-bottom-color: @error-border-color;\n }\n\n &.alternative,\n &.read-only {\n border-bottom-color: @border-color;\n\n &.has-error {\n border-bottom-color: @error-border-color;\n }\n }\n\n &.alternative {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n\n &:focus {\n border-bottom-color: @focus-color;\n }\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 @border-color;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: @control-border-radius;\n border-bottom-left-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 &.focused {\n border-color: @focus-border-color;\n }\n\n &.has-error {\n border-color: @error-border-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 color: @disabled-color;\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.read-only > .field > .multiline-lines {\n color: @read-only-color;\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 &.halign-right > .clear-icon,\n &.halign-right > .field > .clear-icon {\n padding-left: 0;\n padding-right: @text-field-padding-x;\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n padding-left: 0;\n padding-right: @text-field-alternative-icon-padding-right;\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 padding-left: 7px;\n padding-right: 7px;\n position: absolute;\n }\n\n & > .status {\n padding: 7px 8px 0 10px;\n }\n\n & > .active-filter,\n & > .status {\n background-color: @proposal-chooser-status-background-color;\n border-top: solid 1px @item-selection-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 & > .active-filter > .radiobutton-group {\n width: 100%;\n height: @logical-grid-row-height;\n\n & > .radiobutton-group-body {\n width: 100%;\n height: @logical-grid-row-height;\n\n & > .radio-button {\n position: relative;\n display: inline-block;\n margin-right: 10px;\n }\n }\n }\n\n & > .table {\n / Avoids a bug where the table is overlapping the status-field by 1 pixel /\n overflow: hidden;\n\n & > .table-data > .table-row {\n\n / Use text-field-padding-x for the first cell, so the text in the\n * table is exactly left-aligned with the text in the text-field above /\n\n & > .table-cell.first {\n padding-left: @text-field-padding-x;\n }\n\n &.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n }\n }\n\n &:not(.touch) > .table {\n & > .table-data > .table-row {\n &.selected.last {\n / Change color of last element to avoid double-border effect /\n border-bottom-color: @item-selection-background-color;\n }\n\n &.last {\n border-bottom-color: transparent;\n }\n }\n }\n\n & > .tree > .tree-data > .tree-node {\n &.selected {\n / tree is not focused but should look as if it were /\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n\n &.selected.last {\n / Change color of last element to avoid double-border effect /\n border-bottom-color: @item-selection-background-color;\n }\n\n &.first {\n border-top-color: @item-selection-nonfocus-background-color;\n }\n\n &.last {\n border-bottom-color: transparent;\n }\n\n &.inactive {\n font-style: italic;\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 & > textarea.ie9 { / NOSONAR overqualify by purpose to only modify textareas on IE 9/\n width: 100%;\n }\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 > input {\n padding-right: @text-field-padding-x + 40px;\n }\n\n &.halign-right > input {\n padding-left: @text-field-padding-x + 15px;\n padding-right: @text-field-padding-x + 15px;\n }\n\n > .icon {\n display: block;\n }\n }\n\n\n &.has-icon {\n\n & > .icon {\n cursor: pointer;\n\n &::before {\n content: @icon-arrow-right-bold;\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@tab-box-focus-arrow-margin-left: -4px; / arrow-width / 2 /\n\n.tab-box {\n & > .status {\n margin-bottom: @tab-area-border-width;\n }\n}\n\n.tab-box-header {\n margin-top: @group-box-title-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-header-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: absolute;\n #scout.vertical-align-helper-before();\n\n & > .selection-marker {\n position: absolute;\n bottom: 0;\n margin-bottom: -@tab-area-border-width;\n height: @tab-area-border-width;\n background-color: @tab-item-selection-marker-color;\n transition: left 0.3s, width 0.3s;\n }\n\n &.focused {\n & > .tab-item.selected {\n color: @tab-item-focus-color;\n }\n\n & > .selection-marker {\n background: @tab-item-selection-marker-focus-color;\n }\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 & > .overflow-tab-item.menu-item {\n padding-top: 12px;\n padding-bottom: 20px;\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 text-align: 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 padding-left: 12px;\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-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-block;\n vertical-align: bottom;\n #scout.font-text-normal(@font-weight-bold);\n color: @tab-item-color;\n background-color: transparent;\n padding: 0 @tab-item-padding-x;\n cursor: pointer;\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 &.selected {\n color: @tab-item-active-color;\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 &:focus {\n outline: none;\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\n & > .label {\n vertical-align: middle;\n }\n\n & > .sub-label {\n padding-top: 3px;\n font-size: @font-size-extra-small;\n color: @text-disabled-color;\n }\n }\n\n .tab-area.has-sub-label > & {\n & > .title {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\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-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-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 padding: @tab-item-title-padding-top @tab-item-padding-x - 8px @tab-item-title-padding-bottom;\n / Reduce padding a little and compensate with margin to make popup header a little smaller /\n margin: 0 8px;\n\n font-weight: bold;\n\n / This makes sure the overflow menu item is not larger than a tab item (especially if a larger font is used).\n It also prevents the popup from jumping. /\n line-height: 1;\n\n &::before {\n display: none;\n }\n\n & > .text {\n padding: 0;\n\n }\n\n & > .submenu-icon {\n padding-left: 4px;\n line-height: 15px;\n }\n\n &:focus {\n outline: none;\n color: @focus-color;\n\n & > .text {\n text-decoration: underline;\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.tag-chooser-popup {\n #scout.chooser-popup();\n\n min-width: 150px;\n max-width: 250px;\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: 0 3px;\n height: 100%;\n background-color: transparent;\n\n &.fullwidth {\n width: 100%;\n padding: 0 0 0 @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 @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 &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.ie {\n border-radius: 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.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 @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 &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.ie {\n border-radius: 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#scout {\n\n .wizard-step-color(@color) {\n color: @color;\n }\n}\n\n.wizard-steps {\n overflow: hidden;\n margin-left: @mandatory-indicator-width;\n margin-right: 0;\n}\n\n.wizard-steps-body {\n height: @wizard-progress-height;\n overflow: hidden;\n white-space: nowrap; / Allows the last wizard-step to be 100% without line break /\n border-bottom: @wizard-progress-border-width solid @border-color;\n / This creates a new stacking context: /\n position: relative;\n z-index: 0;\n}\n\n.wizard-step {\n display: inline-block;\n height: @wizard-progress-height - @wizard-progress-border-width;\n line-height: @wizard-progress-height - @wizard-progress-border-width;\n position: relative;\n / Spacing /\n padding-left: @wizard-progress-content-h-padding;\n padding-right: @wizard-progress-content-h-padding;\n\n / Step content /\n\n & > .wizard-step-content {\n display: inline-table;\n line-height: normal;\n vertical-align: middle;\n min-height: 30px;\n\n & > .wizard-step-content-icon-container {\n vertical-align: middle;\n display: inline-block;\n width: @wizard-progress-icon-container-size;\n height: @wizard-progress-icon-container-size;\n border-radius: 50%;\n padding: @wizard-progress-icon-container-padding;\n margin-right: @wizard-progress-icon-container-margin-right;\n font-weight: bold;\n\n & > .wizard-step-content-icon {\n height: 100%;\n width: 100%;\n border-radius: 50%;\n border: @wizard-progress-icon-container-border-width solid;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n & > .wizard-step-content-text {\n vertical-align: middle;\n display: inline-block;\n\n & > .wizard-step-title {\n #scout.overflow-ellipsis-nowrap();\n font-weight: bold;\n }\n\n & > .wizard-step-sub-title {\n #scout.overflow-ellipsis-nowrap();\n font-size: 12px;\n }\n }\n }\n\n &.first {\n / 3px = box-shadow width /\n padding-left: 3px;\n }\n\n &.last {\n padding-right: 3px;\n }\n\n &.last > .wizard-step-content {\n max-width: none;\n }\n\n / Hover state /\n\n &.action-enabled:hover {\n cursor: pointer;\n\n & > .wizard-step-content > .wizard-step-content-text > .wizard-step-title {\n color: @hover-color;\n }\n }\n\n / Step types /\n\n &.active-step {\n & > .wizard-step-content > .wizard-step-content-icon-container {\n padding: @wizard-progress-icon-container-padding - @wizard-progress-icon-container-border-width;\n border: @wizard-progress-icon-container-border-width solid @wizard-step-active-step-border-color;\n #scout.glow(@wizard-step-active-step-border-color, 3px);\n }\n }\n\n &.disabled {\n #scout.wizard-step-color(@wizard-step-disabled-text-color);\n\n & > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-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\n &:not(.disabled) {\n &.active-step {\n #scout.wizard-step-color(@wizard-step-active-step-text-color);\n\n & > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: @wizard-step-active-step-background-color;\n color: @wizard-step-active-step-color;\n border-color: @wizard-step-active-step-border-color;\n }\n }\n\n &.before-active {\n & > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: @wizard-step-before-active-step-background-color;\n color: @wizard-step-before-active-step-color;\n border-color: @wizard-step-before-active-step-border-color;\n }\n }\n\n &.after-active {\n & > .wizard-step-content > .wizard-step-content-icon-container > .wizard-step-content-icon {\n background-color: @wizard-step-after-active-step-background-color;\n color: @wizard-step-after-active-step-color;\n border-color: @wizard-step-after-active-step-border-color;\n }\n }\n }\n}\n\n.wizard-steps > .scrollbar {\n #scout.scrollbar-x-padding(6px, 4px);\n}\n\n.wizard-step-separator {\n display: inline-block;\n max-height: @wizard-progress-height - (2 @wizard-progress-border-width);\n position: relative;\n /* Spacing /\n padding-left: @wizard-progress-content-h-padding;\n padding-right: @wizard-progress-content-h-padding;\n #scout.font-icon();\n font-size: 28px;\n color: @wizard-step-disabled-color;\n vertical-align: middle;\n}\n\n.wizard-steps.compact {\n & > .wizard-steps-body {\n height: @wizard-progress-compact-height;\n\n & > .wizard-step {\n padding-left: @wizard-progress-compact-content-h-padding - @wizard-progress-icon-container-padding;\n padding-right: @wizard-progress-compact-content-h-padding;\n height: @wizard-progress-compact-height - @wizard-progress-border-width;\n line-height: @wizard-progress-compact-height - @wizard-progress-border-width;\n\n & > .wizard-step-content {\n min-height: 0;\n\n & > .wizard-step-content-icon-container {\n width: @wizard-progress-compact-icon-container-size;\n height: @wizard-progress-compact-icon-container-size;\n margin-right: @wizard-progress-compact-icon-container-margin-right;\n\n & > .wizard-step-content-icon {\n font-size: 11px;\n\n & > .icon {\n font-size: 9px;\n }\n }\n }\n }\n }\n\n & > .wizard-step-separator {\n padding-left: @wizard-progress-compact-content-h-padding;\n padding-right: @wizard-progress-compact-content-h-padding;\n font-size: 22px;\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-title {\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 margin-right: 0;\n padding-left: 0;\n #scout.menubar-background-color-inherit;\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 #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.25s);\n outline: none;\n z-index: 100;\n cursor: default;\n\n &.busy {\n / Make glasspane transparent and disable animation /\n background-color: transparent;\n #scout.animation(none);\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.25s);\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 &.ie {\n / IE hack to make sure image is scaled down properly when it is used in a flex container.\n https://stackoverflow.com/questions/41489798/keep-image-ratio-using-max-width-and-max-height-in-ie-11 /\n flex-shrink: 0;\n }\n }\n\n &.chrome-fix {\n padding-bottom: 0.01px;\n }\n\n &.empty {\n visibility: hidden;\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.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\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) 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.context-menu {\n\n & > .menu-item {\n border-top: solid 1px @border-color;\n display: block;\n width: 100%;\n padding: 11px 15px;\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: 10px;\n }\n\n &.selected {\n border-top: 1px solid @item-selection-border-color;\n border-color: @item-selection-border-color;\n background-color: @item-selection-background-color;\n }\n\n &.next-to-selected {\n border-top-color: @item-selection-border-color;\n }\n\n &.context-menu-item-first {\n border-top: 1px solid transparent;\n }\n\n &.context-menu-item-last {\n border-bottom: 1px solid transparent;\n }\n\n &.selected.context-menu-item-first {\n border-top: 1px solid @item-selection-border-color;\n }\n\n &.selected.context-menu-item-last {\n border-color: @item-selection-border-color;\n }\n\n &.expanded > .submenu-icon {\n #scout.transform(rotateX(180deg));\n top: 0;\n }\n\n & > .key-box {\n bottom: auto;\n top: 7px;\n }\n }\n\n .popup-head ~ &.bottom > .menu-item.selected.context-menu-item-first {\n border-color: @item-selection-border-color;\n }\n\n .popup-head ~ &.top > .menu-item.selected.context-menu-item-last {\n border-color: @item-selection-border-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.menu-item {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n color: @text-color;\n cursor: pointer;\n #scout.vertical-align-helper-before();\n\n & > .key-box {\n bottom: -3px;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &:active, &.active {\n color: @active-color;\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n cursor: default;\n }\n\n &.menu-textandicon > .icon {\n margin-right: 8px;\n }\n\n & > .icon,\n & > .text,\n & > .submenu-icon,\n & > .text > .submenu-icon {\n position: relative;\n vertical-align: middle;\n display: inline-block;\n line-height: normal;\n height: auto;\n\n / Make IE trigger the :active state if the text or icon is pressed /\n pointer-events: none;\n }\n\n & > .text {\n / Icon is bigger than the text -> increase text size to make menu items with and without font icons about equal height. /\n / Otherwise menu items in context menus have a different size, and the popup of a menu with submenus may not be positioned correctly. /\n padding-top: @menu-item-text-padding-top;\n padding-bottom: 1px;\n }\n\n &:not(.menu-button) > .icon {\n / Move \"a bit\" towards the top, because the icon would not look centered with the text's baseline otherwise. /\n top: -1px;\n }\n\n & > .icon {\n\n &.font-icon {\n font-size: 18px;\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 &.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 top: -1px;\n }\n\n & > .font-icon {\n font-size: 18px;\n }\n\n &.menu-open {\n color: @active-color;\n }\n\n &.combo-menu-child.menu-icononly:not(:first-child) {\n margin-left: 8px;\n\n & > .submenu-icon {\n padding-left: 0;\n }\n }\n\n &.bottom-text.menu-textandicon {\n text-align: center;\n\n &::before {\n display: none;\n }\n\n & > .icon {\n display: block;\n margin-right: 0; // reset\n padding-bottom: 3px;\n }\n\n &:not(.menu-button) > .icon {\n top: 0; // reset\n }\n\n & > .text {\n display: block;\n font-size: @font-size-extra-small;\n padding-bottom: 0; // reset\n\n & > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n top: 0; // reset\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 * 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 cursor: default;\n\n &:hover {\n color: @text-color;\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 / remove margin left since the menu-item already has a padding /\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 & > .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/ Inside context menu popup -> set preferred size /\n.context-menu > .menu-item.form-field-menu {\n display: flex;\n align-items: center;\n\n & > .text,\n & > .icon {\n flex: none;\n }\n\n & > .form-field {\n flex: 1 1 auto;\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.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: @messagebox-max-width;\n #scout.drop-shadow-large();\n background-color: @messagebox-background-color;\n border-top: @dialog-border-top-size solid @active-color;\n border-radius: @border-radius;\n margin: 10px; / minimum padding to desktop /\n margin-bottom: 15px;\n\n &.severity-error {\n border-top-color: @error-border-color;\n }\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 / remove border and rounded corners in full screen mode /\n\n &.full-width,\n &.full-height {\n border-radius: 0;\n\n & > .box-buttons > .box-button {\n border-radius: 0;\n }\n }\n\n &.full-width {\n border-right: 0;\n border-left: 0;\n }\n\n &.full-height {\n & > .box-buttons > .box-button {\n border-bottom: 0;\n }\n }\n}\n\n.messagebox-content {\n min-height: 30px;\n border-left: 1px solid @boxbutton-border-color;\n border-right: 1px solid @boxbutton-border-color;\n background-color: @messagebox-background-color;\n padding: (26px - @messagebox-label-padding) / 2 26px 26px 26px;\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-label {\n padding-top: @messagebox-label-padding;\n word-wrap: break-word;\n}\n\n.copyable {\n #scout.user-select(text);\n}\n\n.messagebox-header {\n font-weight: bold;\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.mode {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n border: 1px solid @border-color;\n height: 100%;\n padding: @mode-padding;\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: @mode-padding + 1px; / account for the missing border, so that text does not jump /\n }\n\n &.after-selected {\n border-left: none;\n padding-left: @mode-padding + 1px; / account for the missing border, so that text does not jump /\n }\n\n &:hover {\n color: @mode-hover-text-color;\n }\n\n &:not(.disabled):not(.selected):active {\n color: @button-active-color;\n background-color: @button-active-background-color;\n }\n\n &.selected {\n color: @mode-selected-text-color;\n background-color: @mode-selected-background-color;\n border: none;\n }\n\n &:not(.disabled) {\n cursor: pointer;\n }\n\n &.disabled,\n &.alternative.disabled {\n color: @button-disabled-color;\n\n &.selected {\n background-color: @button-disabled-background-color;\n border: solid 1px @button-disabled-border-color;\n }\n }\n\n & > .icon.with-label {\n margin-right: 8px;\n }\n}\n\n.dense .mode {\n padding: @mode-padding-dense;\n}\n\n.mode-selector.alternative {\n & > .mode {\n\n &.selected:not(.disabled) {\n background-color: inherit;\n border: 1px solid @mode-alternative-selected-color;\n color: @mode-alternative-selected-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.mode-selector {\n position: relative;\n background-color: @control-background-color;\n white-space: nowrap;\n display: table;\n table-layout: fixed;\n overflow: hidden;\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.notification {\n position: relative;\n padding: 10px;\n margin: 10px 0 0 10px;\n border: 1px solid transparent;\n color: @text-color;\n pointer-events: auto;\n\n &.ok {\n background-color: @notification-ok-background-color;\n border-color: @notification-ok-border-color;\n }\n\n &.info {\n background-color: @notification-info-background-color;\n border-color: @notification-info-border-color;\n }\n\n &.warning {\n background-color: @notification-warning-background-color;\n border-color: @notification-warning-border-color;\n }\n\n &.error {\n background-color: @notification-error-background-color;\n border-color: @notification-error-border-color;\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-content {\n / Prevent overlay of text and close icon /\n\n &.closable {\n padding-right: 25px;\n }\n\n & > .closer {\n position: absolute;\n right: 2px;\n top: 2px;\n // Enlarge region to click\n padding: 8px;\n }\n}\n\n.notification-message {\n // display: inline-block;\n #scout.user-select(text);\n #scout.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-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 {\n padding-left: @resource-padding-x;\n padding-right: @resource-padding-x;\n }\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-cyan-4;\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 @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 width: 65px;\n text-align: center;\n border-top: 1px solid @border-color;\n border-bottom: 1px solid @border-color;\n border-left: 1px solid @border-color;\n #scout.overflow-ellipsis-nowrap();\n\n &.first {\n border-left: 1px solid @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 @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: @menubar-button-disabled-background-color;\n border-color: @menubar-button-disabled-border-color;\n color: @menubar-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: @tooltip-arrow-size;\n min-height: @tooltip-arrow-size;\n }\n}\n\n.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: @tooltip-arrow-size;\n height: @tooltip-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.popup-head {\n position: absolute;\n padding: 0 13px;\n white-space: nowrap;\n background-color: @popup-background-color;\n border: 1px solid @popup-border-color;\n border-top-width: 0;\n border-bottom-width: 0;\n color: @active-color;\n\n .popup.bottom > & {\n padding-top: 10px;\n border-top-width: 1px;\n #scout.drop-shadow();\n }\n\n .popup.top > & {\n padding-bottom: 3px;\n border-bottom-width: 1px;\n #scout.drop-shadow(@y: -6px;);\n }\n\n / Enable submenu /\n\n & > .submenu-icon,\n & > .text > .submenu-icon {\n #scout.transform(rotateX(180deg));\n top: 0;\n }\n\n & > .font-icon {\n font-size: 18px;\n color: @active-color;\n }\n\n &.in-main-menubar > .font-icon {\n font-size: 22px;\n }\n}\n\n.popup-deco {\n position: absolute;\n height: 1px;\n left: 1px;\n background-color: @popup-background-color;\n}\n\n.popup-body {\n position: relative;\n border: 1px solid @popup-border-color;\n background-color: @popup-background-color;\n\n &.bottom {\n #scout.drop-shadow();\n }\n\n &.top {\n #scout.drop-shadow(@y: -6px;);\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.mobile-popup {\n background-color: @background-color;\n border-top: @dialog-border-top-size solid @active-color;\n border-top-left-radius: @border-radius;\n border-top-right-radius: @border-radius;\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 color: @active-color;\n width: 100%;\n }\n\n & > .closer {\n position: absolute;\n top: 0;\n right: 4px;\n padding: @mobile-popup-title-margin-top;\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 {\n position: absolute;\n border: solid 1px @control-popup-border-color;\n border-radius: @border-radius;\n overflow: hidden;\n background-color: @table-header-background-color;\n #scout.drop-shadow();\n #scout.focus-border();\n margin: 45px 10px 10px 10px;\n}\n\n.touch-popup-field {\n position: absolute;\n margin: 6px;\n}\n\n.touch-popup-widget-container {\n position: absolute;\n border-top: solid 1px @border-color;\n background-color: @control-background-color;\n\n & > .proposal-chooser > .table {\n overflow: inherit;\n }\n}\n\n.touch-popup-header {\n margin: 8px 4px 2px 8px;\n}\n\n.touch-popup-title {\n font-size: @font-size-plus;\n color: @title-color;\n}\n\n.touch-popup-close-icon {\n position: absolute;\n right: 7px;\n top: 7px;\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.widget-popup {\n background-color: @popup-background-color;\n border: 1px solid @border-color;\n border-radius: @border-radius;\n #scout.drop-shadow-large();\n margin: 10px; / minimum padding to window /\n\n &.animate-open {\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.15s);\n #scout.animation-fill-mode(forwards);\n }\n\n & > .popup-arrow {\n\n &.bottom,\n &.right {\n #scout.drop-shadow-large(@y: 4px, @spread: -2px);\n }\n }\n\n & > .close-action {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n padding: 10px;\n font-size: 17px;\n }\n\n & > .popup-widget {\n position: relative;\n background-color: inherit;\n // Make sure the solid background color is not drawn over the rounded corners of .widget-popup\n border-radius: @border-radius + 2px;\n }\n\n & > .popup-arrow-overlay {\n // Make sure the solid background color is not drawn over the rounded corners of .widget-popup\n border-radius: @border-radius + 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@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 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) 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.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n #scout.drop-shadow-large();\n border-top: @dialog-border-top-size solid @busyindicator-active-color;\n border-radius: @border-radius;\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-left: 1px solid @busyindicator-border-color;\n border-right: 1px solid @busyindicator-border-color;\n background-color: @control-background-color;\n padding: 26px;\n\n &.no-buttons {\n border-bottom: 1px solid @busyindicator-border-color;\n border-bottom-left-radius: @border-radius;\n border-bottom-right-radius: @border-radius;\n }\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-active-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-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) 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/ 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-normal: 13px;\n@font-size-plus: 14px;\n@font-size-large: 16px;\n@font-size-extra-large: 32px;\n\n@font-face {\n font-family: scoutIcons;\n font-weight: normal;\n src: url('fonts/scoutIcons.woff') format('woff');\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/ Global sizes /\n/ -------------------------------- /\n@application-loading01-size: 80px;\n@application-loading02-size: 120px;\n@border-radius: 3px;\n@borderless-field-padding-y: @text-field-padding-y + 1px;\n@control-border-radius: @border-radius;\n@control-alternative-border-radius: 0;\n@control-popup-border-radius: @border-radius;\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-width: 140px;\n@field-status-width: 20px;\n@field-status-margin-left: 10px;\n@text-field-padding-x: 10px;\n@text-field-padding-y: 7px;\n@text-field-padding-top-compensation: 1px;\n@text-field-alternative-padding-left: 0;\n@text-field-alternative-padding-right: 0;\n@text-field-alternative-icon-padding-right: 4px;\n@text-field-icon-outer-width: 30px;\n@text-field-alternative-icon-outer-width: 23px;\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-width;\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-margin-y: 15px;\n@box-width: 420px;\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-checked-line-height: @check-box-size;\n@check-box-field-label-padding-top: 2px;\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@compact-outline-node-padding-x: 16px;\n@compact-outline-node-padding-y: @outline-breadcrumb-node-padding-y;\n@dashboard-tile-label-padding-bottom: 5px;\n@dashboard-tile-label-large-padding-bottom: 10px;\n@date-picker-header-height: @logical-grid-row-height;\n@date-picker-header-month-padding-top: 1px;\n@date-picker-day-padding-x: 5px;\n@date-picker-day-padding-y: 5px;\n@desktop-bench-drop-shadow-top: 3px;\n@desktop-header-height: 51px;\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-notifications-margin-top: 57px;\n@detail-table-data-padding-x: @bench-padding-x - @table-cell-padding-left;\n@detail-table-header-menubar-padding-right: 10px;\n@detail-table-header-padding-x: @bench-padding-x - @table-header-padding-left;\n@detail-table-header-padding-y: @table-header-padding-y + 5;\n@detail-table-row-padding-y: @table-row-padding-y + 5;\n@dialog-border-top-size: 5px;\n@form-title-margin-top: 10px;\n@group-collapse-icon-margin-top: -1px;\n@group-box-control-font-size: 16px;\n@group-box-control-line-height: 15px;\n@group-box-control-width: 25px;\n@group-box-body-padding-bottom: 16px;\n@group-box-body-padding-top: 14px;\n@group-box-title-border-width: 3px;\n@group-box-title-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: 6px;\n@header-menu-textandicon-padding-right: 6px;\n@login-box-font-size: 16px;\n@menu-item-height: 39px;\n@menu-item-margin-right-between-buttons: 10px;\n@menu-item-margin-right: 20px;\n@menu-item-max-image-icon-height: 18px;\n@menu-item-min-image-icon-width: 18px;\n@menu-item-text-padding-top: 1px;\n@main-menubar-padding-y: 2px;\n@menubar-field-menu-margin-y: 4px;\n@menubar-item-padding-y: 6px;\n@messagebox-label-padding: 20px;\n@messagebox-max-width: 330px;\n@mobile-popup-title-margin-right: 30px;\n@mobile-popup-title-margin-top: 10px;\n@mode-padding: 5px;\n@mode-padding-dense: 3px;\n@outline-breadcrumb-node-padding-x: @outline-title-margin-left + @outline-title-text-padding-left;\n@outline-breadcrumb-node-padding-y: 12px;\n@outline-node-control-size: 20px;\n@outline-node-control-padding-left: 17px;\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-padding-left: 37px;\n@outline-node-padding-right: 8px;\n@outline-node-padding-y: 8px;\n@outline-title-margin-bottom: 12px;\n@outline-title-margin-left: 12px;\n@outline-title-margin-right: 12px;\n@outline-title-menubar-top: 13px;\n@outline-title-text-padding-left: 6px;\n@outline-title-icon-font-size: 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@radio-button-circle-size: 18px;\n@radio-button-border-width: 1px;\n@radio-button-label-padding-top: 2px;\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: 14px;\n@scrollbar-thumb-size: 4px;\n@scrollbar-thumb-hover-size: 8px;\n@search-outline-panel-padding-bottom: 14px;\n@single-view-button-outline-title-height: @desktop-header-height - 1px; / minus the border /\n@single-view-button-outline-title-margin-bottom: 9px; / Align first tree node with menu item text on the right /\n@single-view-button-search-outline-panel-padding-top: 10px;\n@single-view-button-search-outline-panel-padding-bottom: 8px;\n@single-view-button-search-outline-field-height: @logical-grid-row-height + 2; / Same height as navigate buttons on the right + border /\n@simple-overflow-tab-item-padding-top: 17px;\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@tab-area-border-width: 3px;\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-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-title-margin-top;\n@table-cell-padding-left: 8px; / also used in scout.Column.prototype.buildCell /\n@table-cell-padding-right: 4px; / also used in scout.Column.prototype.buildCell /\n@table-cell-padding-right-last: @scrollbar-size;\n@table-control-content-padding: 10px;\n@table-control-container-height: 345px;\n@table-control-container-height-dense: 320px;\n@table-control-padding: 14px;\n@table-control-resize-border-width: 3px;\n@table-control-tab-item-title-padding-top: 12px;\n@table-control-tab-item-title-padding-bottom: @table-control-tab-item-title-padding-top;\n@table-footer-height: 52px;\n@table-header-menu-cmd-height: 30px;\n@table-header-menu-cmd-width: 43px;\n@table-header-menu-group-padding-top: 10px;\n@table-header-menu-padding: 10px;\n@table-header-padding-left: @table-cell-padding-left;\n@table-header-padding-right: @table-cell-padding-right;\n@table-header-padding-y: @table-row-padding-y;\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-menubar-padding: 8px;\n@table-row-padding-y: 7px;\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@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: @tag-field-tag-margin-y;\n@tile-padding-y: 6px; /* Optimized for a tile height of 30px (logical-grid-height) /\n@tile-padding-x: 8px;\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: 14px;\n@tooltip-border-size: 1px;\n@tooltip-border: @tooltip-border-size solid @tooltip-border-color;\n@tooltip-menu-padding-y: 5px;\n@tooltip-padding-x: 12px;\n@tooltip-padding-y: 8px;\n@tree-node-bitmap-icon-size: 16px;\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: 6px;\n@tree-node-padding-y: 6px;\n@view-button-box-height: @desktop-header-height - 1px; / minus the border /\n@year-panel-day-height: 24px;\n@year-panel-day-line-height: @year-panel-day-height;\n@wizard-progress-border-width: 1px;\n@wizard-progress-content-h-padding: 15px;\n@wizard-progress-compact-height: 44px;\n@wizard-progress-compact-content-h-padding: 7px;\n@wizard-progress-compact-icon-container-size: 28px;\n@wizard-progress-compact-icon-container-margin-right: 8px;\n@wizard-progress-height: 50px;\n@wizard-progress-icon-container-border-width: 1px;\n@wizard-progress-icon-container-margin-right: 12px;\n@wizard-progress-icon-container-padding: 4px;\n@wizard-progress-icon-container-size: 33px;\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\n.switch-label {\n margin-right: 8px;\n}\n\n.switch-button {\n width: 28px;\n position: relative;\n padding: 8px;\n border-radius: 8px;\n background: @switch-background-color;\n cursor: pointer;\n border: solid 1px @switch-border-color;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n line-height: 30px;\n text-indent: 40px;\n height: 14px;\n width: 14px;\n border-radius: 100%;\n top: 1px;\n left: 1px;\n right: auto;\n border: solid 1px @switch-button-border-color;\n background-color: @switch-button-background-color;\n }\n}\n\n.switch-button, .switch-button:before {\n transition: .25s ease-in-out;\n}\n\n.switch-button.activated {\n &:before {\n border-color: @switch-button-activated-border-color;\n background-color: @switch-button-activated-background-color;\n left: calc(~'100% - 15.5px');\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-row-level-padding {\n width: @table-row-level-padding-width;\n}\n\n.table {\n position: relative;\n\n &:focus,\n &.focused {\n outline: none;\n\n & .table-row.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n }\n\n & > .menubar:not(.main-menubar) {\n padding-left: @table-menubar-padding;\n padding-right: @table-menubar-padding;\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\n & > .table-data > .table-row {\n\n & > .table-cell.first {\n / Increase padding of first cell to make room for \"selection\" marker /\n padding-left: 14px;\n }\n\n &.selected {\n / Don't draw selection /\n background-color: transparent;\n border-color: @table-row-border-color;\n\n & > .table-cell {\n color: @text-color;\n }\n }\n\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: @text-selection-color;\n }\n }\n }\n\n &:focus,\n &.focused {\n & > .table-data > .table-row {\n &.selected {\n / \"Selection\" marker /\n\n &::before {\n #scout.font-icon();\n content: @icon-angle-right;\n position: absolute;\n top: 8px;\n left: 5px;\n color: @text-color;\n }\n\n &.checked::before {\n color: @text-selection-color;\n }\n }\n }\n }\n }\n\n &.checkable.header-invisible > .table-data > .table-row.selected.first {\n border-top-color: @control-background-color;\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 & .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\n.table-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n / Draw the .table-data DIV one pixel higher, over the header (for selection border). /\n / - To make height calculation correct, this margin has to be subtracted again /\n / from .table-data's height. See TableLayout.layout(). /\n margin-top: -1px;\n padding-top: 1px;\n\n & > .scrollbar.y-axis {\n / Make scrollbar visually centered /\n margin-top: @scrollbar-margin + 1px;\n }\n\n & > .table-row,\n & > .table-data-fill,\n & > .scrollbar {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n}\n\n.table {\n &:not(.knight-rider-loading) > .table-data.loading {\n & > .table-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 overflow: hidden;\n border-left: 0 solid transparent;\n border-right: 0 solid transparent;\n border-bottom: 1px solid @table-row-border-color;\n\n &.sum-selection {\n color: @item-selection-border-color;\n }\n\n &:active {\n background-color: @table-row-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-nonfocus-background-color;\n border-color: @item-selection-nonfocus-border-color;\n border-left-color: transparent;\n border-right-color: transparent;\n\n &.select-top,\n &.select-middle {\n / Disable bottom-border. Instead, we add the border in the ::after pseudo element, because otherwise /\n / it would interfere with the 2px left border (missing control of 'border join behaviour' in CSS) /\n border-bottom: 0;\n }\n\n &.select-top::after,\n &.select-middle::after {\n border-bottom: 1px solid @table-row-border-color;\n content: '';\n display: block;\n }\n }\n\n &.select-single,\n &.select-top {\n border-top: 1px solid @item-selection-nonfocus-border-color;\n / Move the row 1px up to cover the bottom border of the previous row. /\n margin-top: -1px;\n }\n\n &.checked {\n background-color: @table-row-checked-background-color;\n }\n}\n\n.table-cell {\n color: @text-color;\n display: table-cell;\n padding: @table-row-padding-y @table-cell-padding-right @table-row-padding-y @table-cell-padding-left;\n position: relative;\n #scout.overflow-ellipsis();\n vertical-align: top; / for multiline text /\n\n & > .width-fix {\n / Some browsers (e.g. IE9) need an additional <div> with display:inline-block below the table-cell /\n display: inline-block;\n #scout.overflow-ellipsis();\n / An additional max-width: must be added in browser. /\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: @text-selection-color;\n }\n\n &.empty {\n / explicitly disable ellipsis, 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: @table-row-padding-y 8px @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\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: @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\n &.checkable.disabled,\n .table.disabled > .table-data > .table-row > &.checkable {\n cursor: default;\n }\n\n & > .check-box {\n #scout.checkbox();\n\n &::before {\n #scout.checkbox-before();\n }\n\n &.checked::before {\n #scout.checkbox-before-checked();\n }\n\n &.undefined::before {\n / tri-state /\n #scout.checkbox-before-undefined();\n }\n\n &.disabled,\n .table.disabled > .table-data > .table-row > & {\n #scout.checkbox-disabled();\n\n &::before {\n #scout.checkbox-before-disabled();\n }\n }\n\n &.disabled.undefined::before,\n .table.disabled > .table-data > .table-row > &.undefined::before {\n / tri-state /\n #scout.checkbox-before-undefined-disabled();\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\n &.halign-center {\n text-align: center;\n padding-right: @table-cell-padding-left;\n }\n}\n\n.table-icon-cell {\n text-overflow: clip;\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}\n\n.table-aggregate-row {\n background-color: @table-aggregate-row-background-color;\n}\n\n.table-aggregate-cell {\n font-weight: bold;\n\n & > .table-cell-icon {\n color: @text-color;\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.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 * 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-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 @group-box-title-border-color;\n }\n}\n\n.table-control-content {\n height: 100%;\n width: 100%;\n\n & > .form {\n background-color: @table-control-form-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 }\n }\n }\n\n & .tab-box > .tab-box-header {\n margin-top: 0;\n margin-left: 0;\n\n & > .tab-box-header-bottom-border {\n display: none;\n }\n\n & .tab-area {\n & > .selection-marker {\n z-index: 2;\n height: 3px;\n bottom: auto;\n top: 0;\n margin-bottom: 0;\n }\n\n & > .tab-item {\n z-index: 2;\n\n & > .title {\n padding-top: @table-control-tab-item-title-padding-top;\n padding-bottom: @table-control-tab-item-title-padding-bottom;\n }\n\n &.first {\n / align with the form fields /\n padding-left: @mandatory-indicator-width;\n }\n\n &::after {\n top: 0;\n height: 3px;\n margin-bottom: auto;\n }\n }\n }\n }\n}\n\n.table-controls {\n position: absolute;\n height: 100%;\n\n .table-footer > & ~ & {\n margin-left: -1px;\n }\n}\n\n.table-info {\n position: absolute;\n right: 0;\n}\n\n.table-filter {\n display: inline-block;\n position: relative;\n vertical-align: top;\n margin-top: (@table-footer-height - 26px) / 2;\n margin-right: @table-control-padding;\n}\n\n.table-text-filter {\n min-height: 26px;\n width: 200px;\n font-size: 13px;\n\n &:focus {\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & ~ .clear-icon {\n display: block;\n }\n }\n }\n\n & ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: 26px;\n line-height: 26px;\n padding-right: @text-field-padding-x;\n cursor: pointer;\n\n &::before {\n #scout.font-icon();\n font-size: 13px;\n content: @icon-remove-bold;\n color: @text-field-icon-color;\n }\n }\n}\n\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding-top: @table-control-padding / 2;\n padding-bottom: 0;\n height: @table-footer-height - 1px; / subtract border-top of .table-footer /\n color: @table-info-color;\n cursor: pointer;\n line-height: 19px;\n #scout.overflow-nowrap();\n\n &::before {\n content: '';\n position: absolute;\n top: @table-control-padding / 2 + 2px;\n left: 0;\n height: @table-footer-height - @table-control-padding - 4px;\n border-right: 1px solid @border-color;\n }\n\n / margins are used instead of paddings for a better animation /\n\n & > span {\n margin-left: @table-control-padding;\n margin-right: @table-control-padding - 1px; / because left padding includes the ::before border /\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: @active-color;\n }\n}\n\n.table-info-tooltip {\n line-height: 30px;\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-control, table-status) /\n margin-top: 6px;\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) 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-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: @table-header-background-color;\n border-bottom: 1px solid @table-header-border-color;\n z-index: 0; / begin new stacking context /\n / Make it the same height as the menu bar /\n min-height: @logical-grid-row-height - 1px; / -1px border-width. Header-items itself must not get a min-height otherwise bottom alignment with multi line header items break /\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 / make menubar a little smaller than header (but still center it). Otherwise browsers may draw the menu bar over the bottom border of the table header when the page is zoomed /\n top: 1px;\n height: calc(~'100% - 2px');\n padding-right: 6px;\n padding-left: 6px;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n\n & > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n }\n}\n\n.table-header-item {\n position: relative;\n display: inline-block;\n #scout.font-text-normal(@font-weight-bold);\n padding: @table-header-padding-y @table-header-padding-right @table-header-padding-y @table-header-padding-left;\n #scout.overflow-ellipsis-nowrap();\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: bottom;\n cursor: pointer;\n / Transparent border required for .selected state /\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n\n &.disabled {\n cursor: default;\n / Override default disabled text color, because \"disabled\" in the table header means something different /\n color: @text-color;\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\n &.halign-center {\n text-align: center;\n padding-right: @table-cell-padding-left;\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 &.sorted,\n &.grouped,\n &.filtered {\n / make room for icon /\n padding-right: @table-header-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-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 &:not(.disabled):hover {\n color: @hover-color;\n }\n\n &:not(.disabled):active,\n &:not(.disabled).active,\n &.moving {\n color: @active-color;\n }\n\n &.moving > .table-header-item-state {\n display: none;\n }\n\n &.selected {\n border-left-color: @border-color;\n border-right-color: @border-color;\n background-color: @table-header-menu-background-color;\n color: @active-color;\n z-index: 1;\n }\n\n &.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n }\n\n & > .icon.with-text {\n margin-right: 8px;\n }\n}\n\n.table-header-item-text {\n &.empty {\n / explicitly disable ellipsis, because IE would display it for very narrow columns even if content is ' ' /\n text-overflow: clip;\n }\n}\n\n.table-header-item-icon-only {\n text-overflow: clip;\n}\n\n.table-header-item-state {\n position: absolute;\n right: 3px;\n top: 4px;\n font-weight: normal;\n font-size: @font-size-extra-small;\n color: @table-header-item-state-color;\n display: table-row;\n\n & > .left {\n display: table-cell;\n padding-top: 5px;\n padding-left: 3px;\n text-align: center;\n }\n\n &.grouped.filtered > .left {\n padding-top: 0;\n }\n\n & > .right {\n display: table-cell;\n color: @table-header-sort-color;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n vertical-align: top;\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: 8px 8px;\n margin-left: -8px;\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.moving > & {\n / Hide separators while moving, because their position will not be updated until the move-end event /\n visibility: hidden;\n }\n\n .table-header-item.selected + &.table-header-resize {\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) 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-header-menu {\n position: absolute;\n width: 447px;\n background-color: @table-header-menu-background-color;\n border: 1px solid @border-color;\n white-space: nowrap;\n\n &:focus {\n outline: 0;\n }\n\n &.bottom {\n #scout.drop-shadow();\n }\n\n &.top {\n #scout.drop-shadow(@y: -3px);\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: bottom; // necessary, to fix wrong height in IE.\n padding: @table-header-menu-padding;\n}\n\n.table-header-menu-filters {\n display: inline-block;\n width: 222px;\n border-left: solid 1px @border-color;\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 border-left: 0;\n }\n\n & > .table-header-menu-group > .form-field {\n position: relative;\n }\n}\n\n.table-header-menu-whiter {\n height: 1px;\n position: absolute;\n left: 0;\n background-color: @table-header-menu-background-color;\n\n .table-header-menu.bottom & {\n top: -1px;\n }\n\n .table-header-menu.top & {\n bottom: -1px;\n }\n}\n\n.table-header-menu-group {\n padding-top: @table-header-menu-group-padding-top;\n\n &.first {\n padding-top: 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 #scout.font-text-normal(@font-weight-bold);\n font-weight: bold;\n color: @text-color;\n line-height: 24px;\n height: 24px;\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 #scout.font-icon();\n font-size: 18px;\n color: @icon-color;\n border: 1px solid @table-header-menu-cmd-border-color;\n background-color: @control-background-color;\n cursor: pointer;\n text-align: center;\n display: table;\n\n &:focus {\n border-color: @focus-color;\n outline: none;\n\n & > .icon::before,\n & > .icon::after {\n color: @focus-color;\n }\n }\n\n &.last {\n margin-right: 0;\n }\n\n &:hover {\n color: @hover-color;\n border-color: @hover-color;\n }\n\n &:active, &.active {\n color: @button-active-color;\n background-color: @button-active-background-color;\n border-color: @table-header-menu-cmd-active-border-color;\n }\n\n &.disabled {\n background-color: @control-background-color;\n border-color: @palette-gray-4;\n color: @table-header-menu-cmd-disabled-color;\n cursor: default;\n }\n\n & > .icon::after {\n position: relative;\n left: 3px;\n top: -3px;\n font-size: 13px;\n }\n\n &.selected {\n background-color: @table-header-menu-cmd-selected-background-color;\n border: 1px solid @table-header-menu-cmd-selected-border-color;\n\n & > .icon::before,\n & > .icon::after {\n color: @table-header-menu-cmd-selected-color;\n }\n\n &:focus {\n background-color: @control-background-color;\n\n & > .icon::before,\n & > .icon::after {\n color: @focus-color;\n }\n }\n\n &:active:not(.disabled),\n &.active:not(.disabled) {\n background-color: darken(@table-header-menu-cmd-selected-background-color, 10%);\n border-color: darken(@table-header-menu-cmd-selected-border-color, 10%);\n }\n }\n\n & > .icon {\n vertical-align: middle;\n display: table-cell;\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 border-width: 0;\n\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 / Color used as fallback if browser does not support gradients (ie 9) /\n background-color: @column-background-effect-gradient1-start-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 / Color used as fallback if browser does not support gradients (ie 9) /\n background-color: @column-background-effect-gradient2-start-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 &.selected {\n border-width: 2px;\n\n &.togglable:hover {\n background-color: @table-header-menu-cmd-selected-background-color;\n background-image: none;\n }\n }\n }\n}\n\n.table-header-menu-filter {\n position: relative;\n width: 200px;\n float: left;\n clear: both;\n height: @table-header-menu-cmd-height;\n line-height: 30px;\n cursor: pointer;\n padding: 0 20px 0 8px;\n #scout.overflow-ellipsis-nowrap();\n border-top: 1px solid @table-header-menu-cmd-border-color;\n\n &.last {\n border-bottom: 1px solid @table-header-menu-cmd-border-color;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &::after {\n position: absolute;\n right: 14px;\n content: attr(data-value);\n }\n\n &.selected {\n background-color: @table-header-menu-cmd-selected-background-color;\n border-top-color: @table-header-menu-cmd-selected-border-color;\n color: @table-header-menu-cmd-selected-color;\n }\n\n &.selected + .table-header-menu-filter {\n border-top: 1px solid @table-header-menu-background-color;\n }\n\n &.selected:last-child {\n border-bottom-color: @table-header-menu-cmd-selected-border-color;\n }\n}\n\n.table-header-menu-filter-actions {\n float: right;\n line-height: 24px;\n}\n\n.table-header-menu-filter-toggle-checked {\n cursor: pointer;\n color: @table-header-menu-link-color;\n display: inline;\n}\n\n.table-header-menu-toggle-sort-order {\n #scout.font-icon();\n float: left;\n cursor: pointer;\n color: @table-header-menu-link-color;\n padding-right: @table-header-menu-padding;\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-control {\n position: relative;\n display: inline-block;\n padding: 0 @table-control-padding;\n cursor: pointer;\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n / draw over border-top of .table-footer /\n height: calc(~'100% + 1px');\n margin-top: -1px;\n padding-top: 1px;\n #scout.vertical-align-helper-before();\n\n & > .font-icon {\n font-size: 22px;\n color: @table-control-color;\n vertical-align: middle;\n }\n\n &:hover > .font-icon {\n color: @table-control-hover-color;\n }\n\n &:active > .font-icon {\n color: @table-control-active-color;\n }\n\n &.disabled:hover,\n &.disabled > .font-icon,\n &.disabled.selected > .font-icon {\n cursor: default;\n color: @table-control-disabled-color;\n }\n\n &.selected > .font-icon {\n color: @table-control-selected-color;\n }\n\n &.selected {\n border-left-color: @border-color;\n border-right-color: @border-color;\n background-color: @table-control-selected-background-color;\n\n &:first-child {\n border-left-color: transparent;\n }\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: 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.cell-editor-popup {\n / make sure it is behind the scrollbar /\n z-index: 0;\n\n &.first {\n / Hide the left border of the field /\n margin-left: -1px;\n }\n}\n\n.cell-editor-field {\n\n / -1px correction is necessary because the table-cell does not have a border but the fields have\n * For some reason Microsoft Edge requires 1px less padding than all other browsers, to avoid a\n * 'jumpy' UI when user clicks into an editable cell /\n padding: @table-row-padding-y @table-cell-padding-right - 1px @table-row-padding-y @table-cell-padding-left - 1px;\n border-radius: 0;\n\n &.ms-edge {\n padding-left: @table-cell-padding-left - 2px;\n }\n\n &.first {\n / Correction for margin-left -1px /\n padding-left: @table-cell-padding-left;\n\n &.ms-edge {\n padding-left: @table-cell-padding-left - 1px;\n }\n }\n\n &.halign-right {\n padding-right: @table-cell-padding-left - 1px;\n padding-left: @table-cell-padding-right - 1px;\n\n &.ms-edge {\n padding-left: @table-cell-padding-right - 2px;\n }\n }\n\n &.halign-center {\n padding-right: @table-cell-padding-left - 1px;\n }\n\n &:focus {\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-size: @font-size-large;\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 #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 &: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-block;\n user-select: none;\n white-space: nowrap;\n color: @tag-text-color;\n outline: none;\n\n border-radius: 2px;\n background-color: @tag-element-background-color;\n padding: 0 5px;\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\n &:hover:not(.disabled) {\n background-color: @tag-element-background-color-hover;\n }\n\n &.focused {\n background-color: @palette-cyan-4;\n\n & > .tag-remove-icon::before {\n color: @palette-black;\n }\n }\n}\n\n.tag-element {\n & > .tag-text {\n max-width: 85px;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 1px;\n display: inline-block;\n vertical-align: middle;\n }\n\n &.clickable {\n &:hover {\n cursor: pointer;\n }\n }\n}\n\n.overflow-icon {\n &::before {\n #scout.font-icon();\n position: relative;\n font-size: @font-size-extra-small;\n content: @icon-chevron-down-bold;\n color: @tag-icon-color;\n }\n\n &:hover {\n background-color: @tag-element-background-color-hover;\n cursor: pointer;\n }\n\n &.focused::before {\n color: @palette-black;\n }\n}\n\n.tag-remove-icon {\n padding-left: 3px;\n display: inline-block;\n vertical-align: middle;\n\n &::before {\n #scout.font-icon();\n position: relative;\n content: @icon-remove-bold;\n color: @tag-icon-color;\n }\n\n &:hover {\n cursor: pointer;\n\n &::before {\n color: @palette-black;\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-overflow-popup {\n padding: 5px 7px 9px 5px;\n max-width: 250px;\n}\n\n.tag-overflow-popup-head {\n position: absolute;\n background-color: @popup-background-color;\n color: @active-color;\n border: 1px solid @border-color;\n border-bottom-width: 0;\n\n &:hover {\n background-color: @popup-background-color !important; / NOSONAR important to avoid super specific selector /\n }\n\n &.overflow-icon {\n margin: 0;\n border-radius: 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.time-picker-popup {\n position: absolute;\n border: 1px solid @control-popup-border-color;\n border-radius: @control-popup-border-radius;\n #scout.focus-border();\n overflow: hidden;\n\n &.alternative {\n #scout.drop-shadow();\n border-radius: @control-alternative-border-radius;\n }\n}\n\n.time-picker {\n position: relative;\n background-color: @control-background-color;\n\n &.touch {\n overflow-x: hidden;\n overflow-y: auto;\n min-width: 160px;\n }\n}\n\n.day-table {\n display: table;\n width: 100%;\n\n & > .hour-row {\n display: table-row;\n padding-left: 20px;\n padding-right: 20px;\n\n &:hover {\n & > .label {\n font-weight: bold;\n color: @button-color;\n }\n }\n\n & > .cell {\n display: table-cell;\n text-align: center;\n vertical-align: middle;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n padding: 2px;\n cursor: pointer;\n\n .time-picker.touch & {\n padding: 5px;\n }\n\n &:first-child {\n padding-left: 7px;\n\n .time-picker.touch & {\n padding-left: 15px;\n }\n }\n\n &:last-child {\n padding-right: 12px;\n\n .time-picker.touch & {\n padding-right: 20px;\n }\n }\n\n & > .text {\n display: inline-block;\n padding: 5px;\n border: 1px solid transparent;\n border-radius: @border-radius;\n }\n\n &.hours {\n background-color: @time-picker-hours-background-color;\n border-right: 1px solid @border-color;\n\n &:active:not(.disabled),\n .time-picker:not(.touch) &:hover:not(.disabled) {\n + .minutes {\n & > .text {\n border-color: @item-selection-border-color;\n background-color: @item-selection-background-color;\n }\n\n &.now > .text {\n border-color: @time-picker-now-hover-border-color;\n background-color: @time-picker-now-hover-background-color;\n }\n\n &.selected {\n & > .text {\n background-color: @time-picker-hover-selected-background-color;\n }\n\n &.now > .text {\n background-color: @time-picker-now-hover-selected-background-color;\n }\n }\n }\n }\n }\n\n &.minutes {\n\n &.now {\n color: @time-picker-now-color;\n font-weight: bold;\n }\n\n &.selected {\n color: @time-picker-selected-color;\n\n & > .text {\n background-color: @time-picker-selected-background-color;\n }\n\n &.now {\n color: @time-picker-now-selected-color;\n\n & > .text {\n background-color: @time-picker-now-selected-background-color;\n }\n }\n }\n\n &.preselected {\n & > .text {\n border-color: @item-selection-border-color;\n border-style: dashed;\n }\n\n &.now > .text {\n border-color: @time-picker-now-preselected-border-color;\n }\n }\n\n / Hover effect is disabled on touch devices because the hover effect does not vanish on touch end which is annoying especially when swiping. /\n\n &:active:not(.disabled),\n .time-picker:not(.touch) &:hover:not(.disabled) {\n & > .text {\n border-color: @item-selection-border-color;\n background-color: @item-selection-background-color;\n }\n\n &.now > .text {\n border-color: @time-picker-now-hover-border-color;\n background-color: @time-picker-now-hover-background-color;\n }\n\n &.selected {\n & > .text {\n background-color: @time-picker-hover-selected-background-color;\n }\n\n &.now > .text {\n background-color: @time-picker-now-hover-selected-background-color;\n }\n }\n }\n }\n }\n }\n}\n\n.touch-popup-widget-container {\n & > .time-picker {\n border: none;\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.tooltip {\n position: absolute;\n background-color: @tooltip-background-color;\n border: @tooltip-border;\n color: @tooltip-color;\n #scout.drop-shadow();\n max-width: 300px;\n white-space: normal;\n}\n\n.tooltip-content {\n background-color: inherit;\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\n & .bold {\n font-weight: bold;\n }\n\n & .small {\n font-size: 11px;\n color: @tooltip-small-color;\n }\n}\n\n.tooltip-menus {\n background-color: inherit;\n padding: 0 @tooltip-padding-x 5px @tooltip-padding-x;\n position: relative;\n\n .tooltip.no-text > & {\n padding-top: 3px;\n }\n\n & > .menu-item {\n display: block;\n padding-top: @tooltip-menu-padding-y;\n padding-bottom: @tooltip-menu-padding-y;\n\n & > .text {\n text-decoration: underline;\n }\n\n & > .submenu-icon {\n padding-left: 5px;\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 #scout.transform(rotate(45deg));\n #scout.drop-shadow();\n}\n\n.tooltip-arrow.arrow-bottom {\n bottom: -(@tooltip-arrow-size / 2);\n margin-left: -(@tooltip-arrow-size / 2) - @tooltip-border-size;\n}\n\n.tooltip-arrow.arrow-top {\n top: -(@tooltip-arrow-size / 2);\n margin-left: -(@tooltip-arrow-size / 2) - @tooltip-border-size;\n}\n\n.tooltip.error {\n background-color: @tooltip-error-background-color;\n border-color: @tooltip-error-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-error-background-color;\n border-color: @tooltip-error-border-color;\n }\n\n & > .tooltip-content,\n & > .tooltip-menus {\n background-color: @tooltip-error-background-color;\n }\n}\n\n.tooltip.warning {\n background-color: @tooltip-warning-background-color;\n border-color: @tooltip-warning-border-color;\n color: @tooltip-warning-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-warning-background-color;\n border-color: @tooltip-warning-border-color;\n }\n\n & > .tooltip-content,\n & > .tooltip-menus {\n background-color: @tooltip-warning-background-color;\n }\n}\n\n.tooltip.info {\n background-color: @tooltip-info-background-color;\n border-color: @tooltip-info-border-color;\n color: @tooltip-info-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-info-background-color;\n border-color: @tooltip-info-border-color;\n }\n\n & > .tooltip-content,\n & > .tooltip-menus {\n background-color: @tooltip-info-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\n & > .widget {\n position: relative;\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 {\n position: relative;\n\n &:focus,\n &.focused {\n outline: none;\n\n & .tree-node.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n\n / first child is the scrollbar /\n\n .tree-node:nth-of-type(1).selected {\n border-top-color: @item-selection-nonfocus-background-color;\n }\n }\n\n & > .menubar {\n padding-left: 8px;\n padding-right: 8px;\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 border: 1px solid transparent;\n border-left: 0 solid transparent;\n border-right: 0 solid transparent;\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 border-color: @item-selection-nonfocus-border-color;\n border-left-color: transparent;\n border-right-color: transparent;\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 /first child is the scrollbar/\n\n &:nth-of-type(1).selected {\n border-top-color: @item-selection-nonfocus-background-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: 7px;\n display: inline-block;\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 padding-right: 10px;\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 cursor: pointer;\n display: inline-block;\n position: relative;\n font-size: @font-size-normal;\n #scout.checkbox();\n\n &.disabled,\n .tree.disabled > .tree-data > .tree-node > &,\n .tree.disabled > .tree-data > .animation-wrapper > .tree-node > & {\n\n cursor: default;\n }\n\n &::before {\n #scout.checkbox-before();\n }\n\n &.checked::before {\n #scout.checkbox-before-checked();\n }\n\n &.disabled,\n .tree.disabled > .tree-data > .tree-node > &,\n .tree.disabled > .tree-data > .animation-wrapper > .tree-node > & {\n #scout.checkbox-disabled();\n\n &::before {\n #scout.checkbox-before-disabled();\n }\n\n :hover::before {\n #scout.checkbox-before-disabled();\n }\n }\n\n &:not(.checked).children-checked::after {\n #scout.checkbox-after-children-checked();\n }\n\n &.disabled:not(.checked).children-checked::after {\n #scout.checkbox-after-children-checked-disabled();\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\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 color: @tree-node-control-color;\n\n .tree-node.lazy > & {\n #scout.font-text-normal();\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 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\n &:hover::before {\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 overflow: visible;\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid @border-color;\n padding: 8px;\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: block;\n color: @outline-selection-color;\n cursor: default;\n }\n\n / arrow is created using ::before and ::after/\n\n &.ancestor-of-selected::before,\n &.ancestor-of-selected::after,\n &.selected::before,\n &.selected::after {\n position: absolute;\n left: 50%;\n margin-left: -13px;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n z-index: 1;\n }\n\n &.ancestor-of-selected::before,\n &.selected::before {\n border-color: @border-color transparent transparent transparent;\n border-width: 6px 12px 0 12px;\n bottom: -7px;\n }\n\n &.ancestor-of-selected::after,\n &.selected::after {\n border-color: @control-background-color transparent transparent transparent;\n border-width: 6px 12px 0 12px;\n bottom: -6px;\n }\n\n &:active::after {\n border-top-color: @tree-node-active-background-color;\n }\n\n &.selected::after {\n border-top-color: @item-selection-nonfocus-background-color;\n }\n\n &.ancestor-of-selected.leaf::before,\n &.ancestor-of-selected.leaf::after,\n &.selected.leaf::before,\n &.selected.leaf::after {\n display: none;\n }\n\n & > .tree-node-control {\n display: none;\n }\n\n & > .text {\n white-space: normal;\n }\n }\n }\n\n &:focus > .tree-data,\n &.focused > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n\n &.parent-of-selected {\n border-color: @item-selection-border-color;\n }\n\n &.parent-of-selected::before {\n border-top-color: @item-selection-border-color;\n }\n\n &.selected {\n border-color: @item-selection-border-color;\n }\n\n &.selected::before {\n border-top-color: @item-selection-border-color;\n }\n\n &.selected::after {\n border-top-color: @item-selection-background-color;\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: @active-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: bold;\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) 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-grid-loading-transition: opacity @loading-fade-duration;\n\n.tile-grid {\n overflow: hidden;\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\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: 200px;\n height: 150px;\n margin-left: 30px; / horizontal gap /\n margin-top: 30px; / vertical gap /\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.tile-overview {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n\n.tile-overview-content {\n position: absolute;\n color: @tile-overview-color;\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 }\n}\n\n.tile-overview-title {\n font-size: @font-size-extra-large;\n padding-bottom: 30px;\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.tile-accordion > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-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.placeholder-tile {\n background-color: @tile-placeholder-background-color;\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.dashboard {\n border: 1px solid @tile-default-border-color;\n border-radius: @border-radius;\n background-color: @tile-default-background-color;\n color: @tile-default-color;\n overflow: hidden;\n\n & > .form-field {\n padding: 12px @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: 18px;\n padding-top: 0;\n padding-bottom: @dashboard-tile-label-padding-bottom;\n padding-right: 0;\n\n .compact& {\n font-size: @font-size-large;\n }\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 / 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: 10px;\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 &.label-hidden > .status {\n / increase space between status and field if label is hidden (= status is displayed on the field's right side) /\n margin-left: @field-status-margin-left + 10px;\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 / Don't show underline decoration for links inside certain tiles /\n\n &.html-field .app-link,\n &.tile-list-field .app-link,\n &.tile-attributes-field .app-link,\n &.html-field a,\n &.tile-list-field a,\n &.tile-attributes-field a {\n text-decoration: none;\n color: @tile-default-link-color;\n\n &:hover {\n color: @tile-default-link-hover-color;\n }\n\n &:active {\n color: @tile-default-link-active-color;\n }\n }\n }\n\n &.loading {\n border-style: dashed;\n\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 border-color: transparent;\n border-radius: @border-radius;\n background-color: @tile-default-inverted-background-color;\n color: @tile-default-inverted-color;\n\n &.disabled:not(.read-only) {\n 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 text-decoration: underline;\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 &.has-tooltip > .status,\n &.has-menus > .status {\n\n &::before {\n color: @icon-inverted-color;\n }\n\n &:hover::before {\n color: @palette-blue-2;\n }\n }\n\n &.has-error > .status {\n\n &::before {\n color: @palette-red-1;\n }\n\n &:hover::before {\n color: @palette-red-2;\n }\n }\n }\n\n }\n\n &.color-alternative {\n border-color: @tile-alternative-border-color;\n background-color: @tile-alternative-background-color;\n color: @tile-alternative-color;\n\n &.disabled:not(.read-only) {\n 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 border-color: transparent;\n background-color: @tile-alternative-inverted-background-color;\n color: @tile-alternative-inverted-color;\n\n &.disabled:not(.read-only) {\n 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-tooltip > .status,\n &.has-menus > .status {\n\n &::before {\n color: @icon-inverted-color;\n }\n\n &:hover::before {\n color: @palette-cyan-0;\n }\n }\n\n &.has-error > .status {\n\n &::before {\n color: @palette-red-1;\n }\n\n &:hover::before {\n color: @palette-red-0;\n }\n }\n }\n }\n\n &.selected {\n / Use mix() instead of fade(), because the background is opaque /\n background-color: mix(@control-background-color, @item-selection-background-color, 35%);\n\n / For selection we want a wider border but changing the border width would cause the content box to change.\n To avoid this we create a pseudo element with a border as well. Then we have the border of the main element\n plus the pseudo element's border leading to a 2px border. /\n border: 1px solid @item-selection-border-color;\n\n &.inverted {\n background-color: mix(@tile-default-inverted-background-color, @tile-default-inverted-selection-background-color, 35%);\n border-color: @tile-default-inverted-background-color;\n\n &::before {\n border-color: @tile-default-inverted-background-color;\n }\n }\n\n &.color-alternative {\n background-color: mix(@tile-alternative-background-color, @item-selection-background-color, 35%);\n border-color: @item-selection-border-color;\n\n &::before {\n border-color: @item-selection-border-color;\n }\n }\n\n &.inverted.color-alternative {\n background-color: mix(@tile-alternative-inverted-background-color, @tile-alternative-inverted-selection-background-color, 35%);\n border-color: @tile-alternative-inverted-background-color;\n\n &::before {\n border-color: @tile-alternative-inverted-background-color;\n }\n }\n\n &::before {\n content: '';\n pointer-events: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid @item-selection-border-color;\n border-radius: @border-radius;\n z-index: 1;\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","/\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.dashboard > .form-field.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 / Make IE trigger the :active state if the field is pressed /\n pointer-events: none;\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 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 > .form-field.tile-button {\n & > .field {\n padding-top: @tile-field-compact-padding-y;\n padding-bottom: @tile-field-compact-padding-y;\n\n &.with-icon {\n padding-top: 12px;\n min-height: 98px;\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.tile.dashboard {\n &:not(.disabled):hover > .form-field.tile-button > .field {\n\n & > .icon-container > .font-icon,\n & > .label {\n color: @tile-button-default-hover-color;\n }\n }\n\n &:not(.disabled):active > .form-field.tile-button,\n &:not(.disabled).active > .form-field.tile-button {\n background-color: @tile-button-default-active-background-color;\n }\n\n &.inverted {\n\n &:not(.disabled) > .form-field.tile-button > .field,\n &:not(.disabled):hover > .form-field.tile-button > .field {\n\n & > .icon-container > .font-icon,\n & > .label {\n color: @tile-button-default-inverted-color;\n }\n }\n\n &:not(.disabled):active > .form-field.tile-button,\n &:not(.disabled).active > .form-field.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 {\n\n & > .form-field.tile-button > .field > .icon-container > .font-icon {\n color: @tile-button-alternative-icon-color;\n }\n\n &:not(.disabled):hover > .form-field.tile-button > .field {\n\n & > .icon-container > .font-icon,\n & > .label {\n color: @tile-button-alternative-hover-color;\n }\n }\n\n &:not(.disabled):active > .form-field.tile-button,\n &:not(.disabled).active > .form-field.tile-button {\n background-color: @tile-button-alternative-active-background-color;\n }\n }\n\n &.color-alternative.inverted {\n\n &:not(.disabled) > .form-field.tile-button > .field,\n &:not(.disabled):hover > .form-field.tile-button > .field {\n\n & > .icon-container > .font-icon,\n & > .label {\n color: @tile-button-alternative-inverted-color;\n }\n }\n\n &:not(.disabled):active > .form-field.tile-button,\n &:not(.disabled).active > .form-field.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 > .form-field.tile-button,\n &.disabled:hover > .form-field.tile-button {\n background-color: @tile-default-inner-border-color;\n border-color: @button-disabled-border-color;\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 * 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.dashboard > .table-field {\n .dashboard-tile-small-horizontal-padding(@tile-field-padding, @tile-field-padding - @table-cell-padding-left - 1); // -1 = table-row padding, see below\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 - 1); // -1 = table-row padding, see below\n\n & > label {\n padding-bottom: @dashboard-tile-label-padding-bottom;\n }\n }\n\n / adjust menu bar when visible /\n\n &.has-menubar {\n padding-bottom: 10px;\n\n & > .table > .menubar {\n &.bottom {\n padding-top: 8px;\n }\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 border-bottom-width: 2px;\n\n & > .table-header-item > .table-header-item-state {\n display: none;\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 &.header-invisible > .table-data {\n / override negative margin top, otherwise selection border of first row would be cut off /\n margin-top: 0;\n }\n\n / No selection color for non-focused table tiles /\n\n &:not(:focus):not(.focused) > .table-data > .table-row {\n background-color: transparent;\n border-top-color: transparent;\n }\n\n / Draw left and right selection border (because tile tables have on border) /\n\n & > .table-data > .table-row {\n / Do not use transparent left/right border, because otherwise the corners would not look good. /\n / Instead, a padding is used, which is replaced by a border in the selected state. /\n padding-left: 1px;\n padding-right: 1px;\n\n &.selected {\n border-left-width: 1px;\n border-right-width: 1px;\n padding-left: 0;\n padding-right: 0;\n }\n }\n\n & > .menubar {\n background-color: transparent;\n\n &.bottom {\n border-top-width: 2px;\n }\n }\n }\n\n &:not(.label-hidden) > .table > .table-header {\n\n & > .table-header-resize {\n padding-top: 0;\n }\n\n & > .table-header-item {\n padding-top: 0;\n }\n }\n}\n\n.tile.dashboard {\n\n &.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n\n & > .table-data > .table-row.selected {\n background-color: @tile-table-default-inverted-selection-background-color;\n border-color: @tile-table-default-inverted-selection-border-color;\n }\n }\n\n & > .table-header > .table-header-item,\n & > .table-data > .table-row > .table-cell {\n color: @tile-default-inverted-color;\n\n & > .font-icon {\n color: @tile-default-inverted-color;\n }\n }\n\n & > .menubar > .menubox > .menu-item {\n color: @tile-default-inverted-color;\n }\n }\n\n &.color-alternative > .table-field > .table {\n\n &:focus,\n &.focused {\n\n & > .table-data > .table-row.selected {\n background-color: @tile-table-alternative-selection-background-color;\n border-color: @tile-table-alternative-selection-border-color;\n }\n }\n }\n\n &.color-alternative.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n\n & > .table-data > .table-row.selected {\n background-color: @tile-table-alternative-inverted-selection-background-color;\n border-color: @tile-table-alternative-inverted-selection-border-color;\n }\n }\n\n & > .table-header > .table-header-item,\n & > .table-data > .table-row > .table-cell {\n color: @tile-alternative-inverted-color;\n\n & > .font-icon {\n color: @tile-alternative-inverted-color;\n }\n }\n\n & > .menubar > .menubox > .menu-item {\n color: @tile-alternative-inverted-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.login-box-content > form {\n\n & > input,\n & > .button {\n width: 100%;\n height: 45px;\n margin: 15px 0;\n font-size: @login-box-font-size;\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: @login-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 {\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 &.login-error:not(.disabled) {\n border-color: @palette-red-4;\n background-color: @palette-red-4;\n\n / Also change color of focus glow /\n\n &:focus::before {\n border-color: @palette-red-4;\n #scout.glow(@palette-red-4);\n }\n\n &:hover {\n background-color: @palette-red-4;\n }\n\n &:active {\n border-color: @palette-red-4;\n background-color: darken(@palette-red-4, 5%);\n }\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 * 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","/\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.outline.tree.breadcrumb > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n &.selected {\n &::before {\n border-top-color: @outline-breadcrumb-border-color;\n border-width: 8px 13px 0 13px;\n bottom: -9px;\n }\n\n &::after {\n border: solid transparent;\n border-top-color: @outline-selection-background-color;\n border-width: 8px 13px 0 13px;\n bottom: -8px;\n }\n }\n }\n}\n"],"sourceRoot":""}