npm - @eclipse-scout/core - Versions diffs - 23.1.4 → 23.1.5 - Mend

@eclipse-scout/core 23.1.4 → 23.1.5

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

package/dist/eclipse-scout-core-theme-dark.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,"file":"eclipse-scout-core-theme-dark.css","mappings":"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A;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVkhCF;AUhhCE;;;EACE;AVohCJ;AUhhCA;EACE;EACA;AVkhCF;AU/gCA;EACE;EACA;EACA;AVihCF;AU/gCE;EACE;AVihCJ;AU7gCA;EACE;EACA;EACA;EACA;EACA;EACA;AV+gCF;AU5gCA;;EAEE;AV8gCF;AU3gCA;ERgVI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AVynCF;AUthCA;ER4UI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AVwoCF;AUjiCA;EACE;EACA;EACA;EACA;AVmiCF;AUhiCA;;;EAGE;EACA;EACA;EACA;EACA;EACA;AVkiCF;AU/hCA;EACE;EACA;EAEA;EACA;EACA;AVgiCF;AU9hCE;EACE;EACA;EACA;AVgiCJ;AU7hCE;EACE;EACA;EACA;EACA;AV+hCJ;AU5hCE;EACE;AV8hCJ;AU3hCE;EACE;EACA;AV6hCJ;AUzhCA;EACE;EACA;EACA;AV2hCF;AUxhCA;;EAEE;AV0hCF;AUxhCE;;EACE;AV2hCJ;AUvhCA;ERwQI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AV6sCF;AUliCA;ERoQI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AV4tCF;AU7iCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EV+iCA,6DAA6D;EUhhC7D;EVkhCA,gCAAgC;EAChC,yBAAyB;AAC3B;AUjjCE;EACE;AVmjCJ;AUhjCE;ERkKE;EACA;AFi5BJ;AUjjCI;EACE;EACA;EACA;EACA;AVmjCN;AUhjCI;EACE;AVkjCN;AU9iCE;EACE;EACA;EACA;EACA;EACA;EACA;EVgjCF,6DAA6D;AAC/D;AU3iCE;EACE;AV6iCJ;AU3iCI;EACE;AV6iCN;AUziCE;EACE;AV2iCJ;AUziCI;EACE;AV2iCN;AUriCE;EACE;AVuiCJ;AUriCI;EACE;AVuiCN;AUpiCI;EACE;AVsiCN;AUpiCM;EACE;AVsiCR;AUliCI;EACE;AVoiCN;AUliCM;EACE;AVoiCR;AU7hCE;EACE;AV+hCJ;AU7hCI;EACE;AV+hCN;AU5hCI;EACE;AV8hCN;AU5hCM;EACE;AV8hCR;AU1hCI;EACE;AV4hCN;AU1hCM;EACE;AV4hCR;AUthCA;EACE;ER6HE;EACA;EACA;EQ7HF;EACA;AV0hCF;AUvhCA;EACE;EACA;AVyhCF;AUvhCE;EACE;AVyhCJ;AUrhCA;EACE;EACA;EACA;AVuhCF;AUphCA;EACE;EACA;AVshCF;AUnhCA;EACE;EACA;EACA;AVqhCF;AUnhCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVqhCJ;AUjhCA;EACE;AVmhCF;AUhhCA;EAEE;EACA;AVihCF;AU/gCE;EACE;EACA;EACA;EACA;EACA;AVihCJ;AU9gCE;EACE;EACA;AVghCJ;AU7gCE;EACE;EACA;AV+gCJ;AU5gCE;EACE;AV8gCJ;AU1gCA;EACE;EACA;EACA;EACA;EACA;AV4gCF;AUzgCA;EACE;EACA;EACA;AV2gCF;AUzgCE;EACE;EACA;EACA;EACA;EV2gCF,uEAAuE;EU1gCrE;EACA;AV4gCJ;AU1gCI;EACE;EACA;EACA;AV4gCN;AUvgCA;EACE;EACA;EACA;EACA;EACA;EACA;AVygCF;AUvgCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVygCJ;AUrgCA;EACE;EACA;EACA;AVugCF;AUpgCA;EACE;EACA;EACA;AVsgCF;AUpgCE;EACE;AVsgCJ;AUngCE;EACE;AVqgCJ;AUngCI;EACE;AVqgCN;AUhgCA;EACE;AVkgCF;AU//BA;EACE;EACA;EACA;EACA;EACA;AVigCF;AU//BE;EACE;AVigCJ;AU9/BE;EACE;AVggCJ;AU5/BA;;EAEE;EACA;EACA;AV8/BF;AU3/BA;;EAEE;AV6/BF;AU1/BA;EACE;AV4/BF;AUz/BA;;;EAGE;AV2/BF;AUx/BA;EACE;AV0/BF;AUv/BA;EACE;AVy/BF;AUt/BA;;;EAGE;EACA;EACA;EACA;EVw/BA,mBAAmB;AACrB;AUt/BA;EACE;EVw/BA,iDAAiD;AACnD;AUv/BE;EACE;EACA;EACA;EACA;EACA;EACA;EVy/BF,6BAA6B;AAC/B;AUv/BE;EACE;AVy/BJ;AUv/BI;EACE;AVy/BN;AUr/BE;EACE;AVu/BJ;AUp/BE;EACE;AVs/BJ;AUp/BI;EACE;AVs/BN;AUl/BE;EACE;EACA;AVo/BJ;AU/+BE;EACE;AVi/BJ;AU9+BE;EACE;EACA;EACA;AVg/BJ;AU9+BI;EACE;EACA;EACA;AVg/BN;AU7+BI;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AV++BN;AU5+BI;EACE;EACA;EV8+BJ,oCAAoC;AACtC;AU3+BM;EACE;EACA;EACA;AV6+BR;AU1+BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV4+BR;AUx+BI;EACE;EACA;EV0+BJ,6CAA6C;AAC/C;AUz+BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV2+BR;AUr+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVu+BF;AUp+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVs+BF;AUl+BA;EACE;EACA;EACA;EACA;AVo+BF;AUj+BA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AVm+BF;AUh+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVk+BF;AU/9BA;EACE;EACA;EACA;EACA;EACA;EACA;EVi+BA,6BAA6B;EUh+B7B;AVk+BF;AU/9BA;EACE;EACA;EACA;AVi+BF;AU99BI;EACE;EACA;EACA;EACA;EACA;AVg+BN;AU79BI;EACE;AV+9BN;AU59BI;EACE;EACA;EACA;EACA;EACA;EACA;AV89BN;AUz9BA;EACE;EACA;EACA;AV29BF;AUx9BA;EACE;EACA;EACA;EACA;EACA;AV09BF;AUv9BA;EACE;EACA;EACA;EACA;EACA;EACA;AVy9BF;AUt9BA;EACE;EACA;EACA;EACA;AVw9BF;AACA;;;;;;;;EAQE;AWxrDF;EACE;EACA;EACA;EACA;EACA;AX0rDF;AWvrDA;EACE;EACA;EACA;EACA;EACA;AXyrDF;AWvrDE;EACE;EACA;EACA;EACA;EACA;EACA;AXyrDJ;AWvrDI;EACE;EACA;AXyrDN;AWtrDI;EACE;AXwrDN;AWprDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXsrDJ;AWlrDA;EACE;EACA;EACA;EACA;EACA;AXorDF;AWlrDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXorDJ;AWlrDI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXorDN;AWlrDM;EACE;AXorDR;AWjrDM;EACE;AXmrDR;AWhrDM;EACE;EACA;AXkrDR;AW/qDM;EACE;EACA;AXirDR;AW5qDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AX8qDJ;AW3qDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AX6qDJ;AACA;;;;;;;;EAQE;AYpyDF;EACE;EACA;EVghBE;EACA;EACA;EAjgBA;EA2gBA;EU1hBF;AZ0yDF;AYvyDA;EACE;AZyyDF;AYvyDE;EAEE;AZwyDJ;AYpyDA;EACE;EACA;AZsyDF;AYnyDA;EACE;EACA;EACA;AZqyDF;AYlyDA;EACE;EACA;AZoyDF;AYjyDA;EACE;EACA;EACA;EACA;AZmyDF;AYhyDA;EACE;EACA;EACA;EACA;EACA;EACA;AZkyDF;AY/xDA;EACE;EACA;AZiyDF;AY9xDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZgyDF;AY9xDE;;EACE;AZiyDJ;AY9xDE;EACE;AZgyDJ;AY7xDE;EACE;EACA;AZ+xDJ;AY7xDI;EACE;EACA;AZ+xDN;AY3xDE;EACE;AZ6xDJ;AY1xDE;EACE;AZ4xDJ;AYzxDE;EACE;AZ2xDJ;AYxxDE;EACE;EACA;EACA;AZ0xDJ;AYxxDI;EACE;AZ0xDN;AYtxDE;EACE;EACA;AZwxDJ;AYpxDA;EACE;AZsxDF;AYnxDA;EACE;EACA;EACA;EACA;EACA;EACA;AZqxDF;AYlxDA;EACE;EACA;EACA;EACA;EACA;AZoxDF;AYjxDA;EACE;EACA;EACA;EACA;EACA;EVmOE;EACA;EAKA;AF6iDJ;AYlxDA;;;;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EViSE;EACA;EACA;EACA;EACA;EACA;EUpSF;AZyxDF;AYvxDE;;;;EACE;AZ4xDJ;AYzxDE;;;;EACE;AZ8xDJ;AY1xDA;EACE;EACA;AZ4xDF;AYzxDA;EACE;AZ2xDF;AYxxDA;EACE;AZ0xDF;AYvxDA;EACE;AZyxDF;AYtxDA;EACE;EACA;AZwxDF;AYrxDA;EACE;AZuxDF;AYpxDA;EACE;AZsxDF;AYnxDA;EACE;AZqxDF;AACA;;;;;;;;EAQE;Aah+DF;EACE;EACA;EACA;EACA;EACA;Abk+DF;Aah+DE;EACE;Abk+DJ;Aa/9DE;EACE;Abi+DJ;Aa99DE;EAEE;Ab+9DJ;AACA,6BAA6B;Aa19D7B;EACE;EACA;EACA;EACA;EACA;EACA;Eb49DA,yFAAyF;AAC3F;AACA;;;;;;;;EAQE;AcngEF;EACE;EACA;EACA;EACA;EACA;AdqgEF;AcngEE;EACE;AdqgEJ;AclgEE;EACE;EAGA;EACA;AdkgEJ;AACA;;;;;;;;EAQE;Ae3hEF;Ef6hEE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;EAChB,qBAAqB;EACrB,eAAe;EACf,qBAAqB;EACrB,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;Ae9iEI;EACE;EfgjEJ,iCAAiC;Ee/iE7B;EfijEJ,iCAAiC;AACnC;AeziEI;;;EACE;EACA;Ef6iEJ,wCAAwC;Ee5iEpC;Af8iEN;AeziEI;;EAEE;Af2iEN;AexiEI;EACE;Af0iEN;AexiEM;EACE;Af0iER;AejiEM;;EAEE;EfmiEN,6BAA6B;EeliEvB;EfoiEN,6BAA6B;EAC7B,qJAAqJ;EeliE/I;EfoiEN,8BAA8B;AAChC;AeliEM;;EAEE;EACA;AfoiER;AejiEM;EACE;AfmiER;AehiEM;EACE;EACA;EACA;EACA;AfkiER;AenmEA;EAyEI;Ef6hEF,iCAAiC;AACnC;Ae5hEI;EACE;Ef8hEJ,+EAA+E;Ee7hE3E;Af+hEN;Ae5mEA;EAkFI;Ef6hEF,6EAA6E;Ee5hE3E;Ef8hEF,aAAa;AACf;Ae3hEI;EACE;EACA;Af6hEN;AetnEA;EAgGI;EfyhEF,iCAAiC;AACnC;AethEI;EACE;EfwhEJ,2EAA2E;EevhEvE;AfyhEN;Ae/nEA;EA2GI;EfuhEF,yGAAyG;EethEvG;AfwhEJ;AepoEA;EAkHI;EfqhEF,qEAAqE;EephEnE;EACA;EfshEF,+CAA+C;AACjD;Ae3oEA;EAwHI;EfshEF,aAAa;EerhEX;AfuhEJ;AehpEA;;EAgII;AfohEJ;Ae7gEM;Ef+gEJ,4FAA4F;Ee7gEtF;Af+gER;AexpEA;EAiJI;Af0gEJ;AengEM;EACE;EACA;EACA;AfqgER;Ae7/DI;;EAEE;Ef+/DJ,wBAAwB;Ee9/DpB;AfggEN;Ae7/DI;EACE;Af+/DN;AezqEA;EAiLI;Ef2/DF,oBAAoB;Ee1/DlB;Af4/DJ;Ae9qEA;EAwLI;Efy/DF,0DAA0D;Eex/DxD;Af0/DJ;AenrEA;EA+LI;Efu/DF,oDAAoD;Eet/DlD;EACA;Afw/DJ;Aet/DI;EACE;Efw/DJ,sBAAsB;Eev/DlB;Efy/DJ,yBAAyB;AAC3B;Ae/rEA;EA4MI;Efs/DF,sBAAsB;Eer/DpB;Afu/DJ;Aer/DI;EACE;Efu/DJ,kDAAkD;AACpD;AexsEA;EAuNI;Efo/DF,8CAA8C;Een/D5C;Efq/DF,iDAAiD;AACnD;Ae9sEA;EA8NI;Efm/DF,yGAAyG;Eel/DvG;Afo/DJ;AentEA;EAmOI;EACA;Afm/DJ;Ae5+DM;;EAEE;Ef8+DN,0CAA0C;Ee7+DpC;Ef++DN,6CAA6C;AAC/C;Ae9+DQ;;EACE;Efi/DR,kDAAkD;AACpD;Aez+DI;;;;;Ef++DF,uJAAuJ;Eez+DnJ;Af2+DN;Ae3uEA;;EAwQI;Efu+DF,0BAA0B;Eet+DxB;Efw+DF,0BAA0B;Eev+DxB;Efy+DF,qEAAqE;AACvE;Aep+DI;EACE;Afs+DN;Ae99D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CA;AtB8oFJ;AsB5oFI;EACE;AtB8oFN;AsB3oFI;EACE;AtB6oFN;AsB3oFM;EACE;AtB6oFR;AsB3oFQ;EACE;AtB6oFV;AsBxoFI;EpByUA;EACA;EAKA;EoB7UE;EACA;AtB4oFN;AsBzoFI;EACE;EACA;EACA;EACA;EAEA;EACA;EAEA;AtByoFN;AsBvoFM;EACE;EpBuTJ;EACA;EAKA;AF+0EJ;AsBxoFQ;;EAEE;AtB0oFV;AsBvoFQ;EACE;AtByoFV;AsBtoFQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtBwoFV;AsBtoFU;EpB6RN;EACA;EAKA;AFw2EJ;AsBnoFE;EACE;EACA;EACA;EACA;EACA;AtBqoFJ;AsBnoFI;;EAEE;AtBqoFN;AsBjoFE;EpBwQE;EACA;EAKA;EoB5QA;EACA;AtBqoFJ;AsBloFE;EACE;AtBooFJ;AsBjoFE;EACE;AtBmoFJ;AsBhoFE;EACE;AtBkoFJ;AsBhoFI;EACE;AtBkoFN;AsB9nFE;EACE;EACA;AtBgoFJ;AsB9nFI;EACE;AtBgoFN;AsB3nFA;EACE;AtB6nFF;AACA;;;;;;;;EAQE;AuBxwFF;EACE;AvB0wFF;AuBvwFA;EACE;AvBywFF;AuBtwFA;EACE;EACA;EACA;AvBwwFF;AuBrwFA;EACE;EACA;EACA;AvBuwFF;AuBrwFE;EACE;EACA;EACA;AvBuwFJ;AuBpwFE;EACE;AvBswFJ;AACA;;;;;;;;EAQE;AwBzyFF;EACE;EACA;EACA;EACA;EACA;AxB2yFF;AwBzyFE;EACE;AxB2yFJ;AwBxyFE;EACE;AxB0yFJ;AwBtyFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxBwyFF;AwBtyFE;EtB6ZE;EACA;EACA;EACA;EACA;EACA;EsBhaA;EACA;AxB6yFJ;AwBzyFI;EACE;EACA;AxB2yFN;AwBxyFI;EACE;AxB0yFN;AwBryFI;EACE;EACA;EACA;AxBuyFN;AwBpyFI;EACE;AxBsyFN;AwBlyFE;EACE;AxBoyFJ;AwBjyFE;;EAEE;AxBmyFJ;AACA;;;;;;;;EAQE;AyBz2FF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzB22FF;AyBx2FI;EACE;AzB02FN;AyBv2FI;EACE;AzBy2FN;AyBt2FI;EACE;AzBw2FN;AyBr2FI;EACE;AzBu2FN;AyBr2FM;EACE;AzBu2FR;AyBl2FE;EACE;EACA;EACA;EACA;AzBo2FJ;AyBj2FE;EACE;EACA;EACA;EACA;AzBm2FJ;AyBj2FI;EACE;EACA;AzBm2FN;AyBh2FI;EACE;EACA;AzBk2FN;AyB/1FI;;EACE;AzBk2FN;AyB91FE;EACE;EACA;AzBg2FJ;AyB71FE;EtBhDE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHu4FJ;AyB32FE;;EAEE;EACA;AzB62FJ;AyB32FI;;EACE;AzB82FN;AyB12FE;EAGE;AzB02FJ;AyBx2FI;EACE;EACA;AzB02FN;AyBv2FI;EACE;AzBy2FN;AyBr2FE;EACE;AzBu2FJ;AyBr2FI;EACE;AzBu2FN;AyBn2FE;EACE;EACA;AzBq2FJ;AyBl2FM;EACE;AzBo2FR;AyBj2FM;EACE;EACA;AzBm2FR;AyBh2FM;EACE;AzBk2FR;AyBh2FQ;EACE;AzBk2FV;AyB71FI;EACE;AzB+1FN;AyB51FI;EACE;AzB81FN;AyB51FM;EACE;EACA;AzB81FR;AyB31FM;;EACE;AzB81FR;AyB11FI;EvB7EA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF06FJ;AEx6FI;EACE;EACA;EACA;AF06FN;AEv6FI;EACE;EACA;EACA;AFy6FN;AyB72FM;EACE;AzB+2FR;AyB32FI;EACE;AzB62FN;AyB12FI;EtBzIA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH6+FJ;AyBz3FM;EtB5IF;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH+/FJ;AyB32FA;EAjBE;IACE;EzB+3FF;EyB73FA;IACE;EzB+3FF;EyB73FA;IACE;EzB+3FF;EyB73FA;IACE;EzB+3FF;EyB73FA;IACE;EzB+3FF;AACF;AyBx3FA;EArBE;IACE;EzBg5FF;EyB94FA;IACE;EzBg5FF;EyB94FA;IACE;EzBg5FF;EyB94FA;IACE;EzBg5FF;EyB94FA;IACE;EzBg5FF;AACF;AyBn3FA;EAjBE;IACE;EzBu4FF;EyBr4FA;IACE;EzBu4FF;EyBr4FA;IACE;EzBu4FF;EyBr4FA;IACE;EzBu4FF;EyBr4FA;IACE;EzBu4FF;AACF;AyBh4FA;EArBE;IACE;EzBw5FF;EyBt5FA;IACE;EzBw5FF;EyBt5FA;IACE;EzBw5FF;EyBt5FA;IACE;EzBw5FF;EyBt5FA;IACE;EzBw5FF;AACF;AyB33FA;EAjBE;IACE;EzB+4FF;EyB74FA;IACE;EzB+4FF;EyB74FA;IACE;EzB+4FF;EyB74FA;IACE;EzB+4FF;EyB74FA;IACE;EzB+4FF;AACF;AyBx4FA;EArBE;IACE;EzBg6FF;EyB95FA;IACE;EzBg6FF;EyB95FA;IACE;EzBg6FF;EyB95FA;IACE;EzBg6FF;EyB95FA;IACE;EzBg6FF;AACF;AACA;;;;;;;;EAQE;A0BrpGA;EAGE;EACA;EACA;EACA;A1BqpGJ;A0BnpGI;EACE;EACA;A1BqpGN;A0BlpGI;EACE;EACA;A1BopGN;AACA;;;;;;;;EAQE;A2B9qGF;EACE;EACA;EACA;EACA;EACA;A3BgrGF;A2B9qGE;EACE;A3BgrGJ;A2B5qGM;EACE;A3B8qGR;A2BzqGE;EACE;A3B2qGJ;A2BxqGE;ExBLE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH2rGJ;A2B1qGM;;EAEE;A3B4qGR;A2BrqGQ;EACE;EACA;A3BuqGV;A2BlqGU;;EACE;A3BqqGZ;A2BhqGU;EACE;EACA;EACA;A3BkqGZ;A2B/pGU;EACE;A3BiqGZ;A2B9pGU;EACE;A3BgqGZ;A2B9pGY;EACE;A3BgqGd;A2BzpGQ;EACE;EACA;A3B2pGV;A2BxpGQ;EACE;A3B0pGV;A2BvpGQ;EACE;A3BypGV;A2B9oGQ;;EACE;A3BipGV;A2B/oGU;;EACE;A3BkpGZ;AACA;;;;;;;;EAQE;A4B7vGF;EACE;EACA;EACA;EACA;EACA;EACA;A5B+vGF;A4B7vGE;EACE;A5B+vGJ;A4B7vGI;EACE;A5B+vGN;A4B7vGM;EACE;A5B+vGR;A4B5vGM;EACE;A5B8vGR;A4BxvGI;EACE;A5B0vGN;A4BvvGI;EACE;EACA;EACA;A5ByvGN;A4BvvGM;EACE;A5ByvGR;A4BtvGM;EACE;A5BwvGR;A4BrvGM;EACE;A5BuvGR;A4BpvGM;EACE;A5BsvGR;A4BhvGA;EACE;A5BkvGF;A4B/uGA;EACE;EACA;A5BivGF;A4B/uGE;EACE;A5BivGJ;AACA;;;;;;;;EAQE;A6BxzGF;EACE;A7B0zGF;A6BxzGE;EACE;EACA;EACA;A7B0zGJ;A6BxzGI;EACE;A7B0zGN;A6BvzGI;;EAEE;A7ByzGN;A6BpzGI;EACE;A7BszGN;A6BnzGI;EACE;EACA;EACA;A7BqzGN;A6BhzGI;EACE;A7BkzGN;A6B/yGI;EACE;EACA;EACA;A7BizGN;A6B5yGA;EACE;A7B8yGF;A6B5yGE;EACE;A7B8yGJ;A6B3yGE;EACE;A7B6yGJ;AACA;;;;;;;;EAQE;A8Bt2GF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;E9Bs2GA,yDAAyD;AAC3D;AACA,4BAA4B;A8Bn2G5B;EAcE;IACE;IACA;E9Bw1GF;E8Bt1GA;IACE;E9Bw1GF;E8Bt1GA;IACE;IACA;E9Bw1GF;AACF;A8B52GA;EAUE;IACE;IACA;E9Bq2GF;E8Bn2GA;IACE;E9Bq2GF;E8Bn2GA;IACE;IACA;E9Bq2GF;AACF;AACA;;;;EAIE;A8Bh2GF;E3BlCI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH43GJ;AACA,4BAA4B;A8B72G5B;EASE;IACE;E9Bu2GF;E8Br2GA;IACE;E9Bu2GF;AACF;A8Bj3GA;EAKE;IACE;E9B+2GF;E8B72GA;IACE;E9B+2GF;AACF;A8Br2GA;E3BhEI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH+5GJ;A8Bn3GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E5B3EE;EFi8GF,kDAAkD;AACpD;A8Bp3GE;EACE;A9Bs3GJ;A8Bj3GE;EACE;A9Bm3GJ;A8B/2GA;EACE;A9Bi3GF;A8B/2GE;EACE;EACA;A9Bi3GJ;A8B92GE;EACE;EACA;A9Bg3GJ;A8B72GM;ECvHJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Bu+GF;A8B/2GM;ECjIJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Bm/GF;A8Br3GE;EACE;EACA;A9Bu3GJ;A8Bp3GM;EC5IJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/BmgHF;A8B13GE;EACE;EACA;A9B43GJ;A8Bz3GM;ECvJJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/BmhHF;A8B/3GE;EACE;EACA;EACA;EACA;EACA;A9Bi4GJ;A8B/3GI;EACE;A9Bi4GN;A8B93GI;EACE;A9Bg4GN;A8B73GI;EACE;A9B+3GN;A8B53GI;EACE;A9B83GN;A8Bz3GA;E5BiLI;EACA;AF2sGJ;A8B13GE;E5B0OE;EACA;EACA;E4B1OA;A9B83GJ;A8B13GA;EACE;EACA;A9B43GF;A8Bz3GA;E3BnMI;EACA;EACA;EACA;E2BkMF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9B83GF;AACA;;;;;;;;EAQE;AgCvlHA;EACE;AhCylHJ;AExjGI;EACE;AF0jGN;AEvjGI;;EAEE;AFyjGN;AgC1lHI;EACE;AhC4lHN;AgCzlHI;;EAEE;EACA;EACA;EhC2lHJ,gEAAgE;EgCxlH5D;AhC0lHN;AgCxlHM;;EACE;AhC2lHR;AgCxlHM;;EACE;AhC2lHR;AgCxlHM;;EACE;AhC2lHR;AgCxlHM;;EACE;EACA;EACA;AhC2lHR;AgCxlHM;;EACE;EACA;AhC2lHR;AgCxlHM;;EACE;EACA;EACA;EACA;AhC2lHR;AgCzlHQ;;EACE;AhC4lHV;AgCxlHM;;EACE;EACA;AhC2lHR;AgCzlHQ;;EACE;AhC4lHV;AgCzlHQ;;EACE;AhC4lHV;AgC1lHU;;EACE;AhC6lHZ;AgCzlHQ;;EACE;AhC4lHV;AgCnlHM;;EACE;AhCslHR;AgCnlHM;;EACE;EACA;AhCslHR;AgChlHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhCklHF;AgChlHE;EACE;AhCklHJ;AgC/kHE;EACE;AhCilHJ;AgC9kHE;EACE;E9ByPA;EACA;EAKA;AFo1GJ;AgC/kHE;EACE;EACA;EACA;EACA;EACA;AhCilHJ;AgC9kHM;EACE;AhCglHR;AgC7kHM;EACE;AhC+kHR;AACA,kGAAkG;AgCvkHhG;EACE;EACA;AhCykHJ;AgCvkHI;EACE;AhCykHN;AgCrkHE;EACE;AhCukHJ;AgCrkHI;;EAEE;EACA;AhCukHN;AgCrkHM;;EACE;AhCwkHR;AgCtkHQ;;EACE;AhCykHV;AgCtkHQ;;EACE;AhCykHV;AgCrkHM;;EACE;EACA;AhCwkHR;AgCtkHQ;;EACE;AhCykHV;AgCrkHM;;EACE;AhCwkHR;AgCrkHM;;EACE;EACA;EACA;AhCwkHR;AgCtkHQ;;EACE;AhCykHV;AgCtkHQ;;EACE;AhCykHV;AgCnkHQ;;;;EAEE;AhCukHV;AgCpkHQ;;;;EAEE;AhCwkHV;AgC5jHM;;;;EACE;AhCikHR;AgC9jHM;;;;EACE;AhCmkHR;AgC5jHE;EACE;EACA;AhC8jHJ;AgC5jHI;EACE;AhC8jHN;AgC1jHE;EACE;AhC4jHJ;AgC1jHI;;EAEE;AhC4jHN;AgC1jHM;;EACE;EACA;AhC6jHR;AgC1jHM;;EACE;AhC6jHR;AgC1jHM;;EACE;EACA;AhC6jHR;AgC1jHM;;EACE;EACA;EACA;EACA;EACA;AhC6jHR;AgC3jHQ;;EACE;AhC8jHV;AgC5jHU;;EACE;AhC+jHZ;AgC1jHM;;EACE;EACA;EACA;EACA;AhC6jHR;AgC3jHQ;;EACE;EACA;EACA;EACA;AhC8jHV;AgC5jHU;;EACE;AhC+jHZ;AgC5jHU;;EACE;AhC+jHZ;AgC5jHU;;EAEE;AhC8jHZ;AgCzjHM;;EAEE;EAMA;AhCsjHR;AgC1jHQ;;EACE;AhC6jHV;AgCtjHQ;;EACE;EACA;AhCyjHV;AgCtjHQ;;EACE;AhCyjHV;AgCrjHM;;EACE;EACA;EACA;AhCwjHR;AgCrjHM;;E7BvTF;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAyBA;EACA;EACA;EACA;AHm2HJ;AgC9jHM;;EACE;AhCikHR;AgC7jHI;EACE;AhC+jHN;AgC3jHE;EAQE;EACA;EACA;AhCsjHJ;AgC9jHM;;EAEE;AhCgkHR;AgCxjHI;EACE;AhC0jHN;AgCvjHI;EACE;AhCyjHN;AgCtjHI;EACE;AhCwjHN;AgCtjHM;EACE;AhCwjHR;AgCpjHI;EACE;AhCsjHN;AgCnjHI;EAEE;AhCojHN;AACA,qCAAqC;AgCriHrC;EARE;IACE;EhCgjHF;EgC9iHA;IACE;EhCgjHF;AACF;AACA,YAAY;AgCziHZ;EAbE;IACE;EhCyjHF;EgCvjHA;IACE;EhCyjHF;AACF;AACA,YAAY;AACZ;;;;;;;;EAQE;AiCv8HA;EACE;EACA;AjCy8HJ;AiCr8HA;EACE;EACA;EACA;AjCu8HF;AiCr8HE;EACE;EACA;AjCu8HJ;AiCr8HI;EACE;AjCu8HN;AiCl8HA;EACE;EACA;EACA;EACA;AjCo8HF;AiCl8HE;E/BYE;EACA;EAXA;AFq8HJ;AiCn8HE;EACE;AjCq8HJ;AiCn8HI;EACE;AjCq8HN;AiCj8HE;EACE;EACA;EACA;EACA;EACA;EACA;AjCm8HJ;AiC/7HA;E/BqTI;EACA;EAKA;E+BzTF;EACA;EACA;EACA;EACA;AjCm8HF;AiCh8HA;EACE;EACA;EACA;EACA;AjCk8HF;AiCh8HE;EACE;EACA;AjCk8HJ;AiC97HA;EACE;EACA;AjCg8HF;AiC97HE;EACE;AjCg8HJ;AACA;;;;;;;;EAQE;AkCrhIA;EACE;AlCuhIJ;AkCphIE;EACE;EACA;AlCshIJ;AkCjhIE;EACE;AlCmhIJ;AkChhIE;EACE;AlCkhIJ;AACA;;;;;;;;EAQE;AmC7iIF;EACE;EACA;EACA;EACA;AnC+iIF;AmC5iIA;EACE;EACA;EACA;EACA;EACA;AnC8iIF;AmC3iIA;EACE;EACA;AnC6iIF;AmC1iIA;EACE;AnC4iIF;AACA;;;;;;;;EAQE;AoC1kIF;EACE;EpC4kIA,+BAA+B;AACjC;AoC1kIA;EACE;EACA;EACA;ApC4kIF;AACA;;;;;;;;EAQE;AqC5lIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ArC8lIF;AqC3lIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ArC6lIF;AqC3lIE;EACE;EACA;ArC6lIJ;AqC3lII;EACE;ArC6lIN;AqCzlIE;EACE;ArC2lIJ;AqCxlIE;ErC0lIA,2DAA2D;EqCxlIzD;ArC0lIJ;AqCvlIE;EACE;EACA;ArCylIJ;AqCtlIE;EACE;EACA;ArCwlIJ;AqCrlIE;EACE;EACA;ArCulIJ;AACA,cAAc;AqCllId;EACE;ArColIF;AACA;;;;;;;;EAQE;AsC7oIF;EACE;EACA;AtC+oIF;AsC5oIA;EACE;EACA;EACA;AtC8oIF;AsC5oIE;EACE;AtC8oIJ;AsC3oIE;EACE;AtC6oIJ;AsC1oIE;EAEE;AtC2oIJ;AsCxoIE;EACE;EACA;AtC0oIJ;AsCxoII;EpC6BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF8mIJ;AE5mII;EACE;EACA;EACA;AF8mIN;AE3mII;EACE;EACA;EACA;AF6mIN;AsC3pIM;EACE;AtC6pIR;AsCzpII;EACE;AtC2pIN;AsCvpIE;;EAIE;EACA;AtCupIJ;AsCjpIQ;;EACE;EACA;AtCopIV;AsCjpIQ;;EACE;EACA;AtCopIV;AsC7oIA;EACE;EACA;EACA;EACA;EACA;AtC+oIF;AsC7oIE;EACE;EACA;AtC+oIJ;AsC5oIE;EACE;EACA;AtC8oIJ;AsC5oII;EACE;AtC8oIN;AsC3oII;EACE;AtC6oIN;AsCzoIE;EACE;AtC2oIJ;AsCzoII;EACE;EACA;EACA;AtC2oIN;AsCxoII;EACE;AtC0oIN;AsCtoIE;EACE;EACA;EACA;EACA;AtCwoIJ;AsCpoIA;EACE;IACE;IACA;EtCsoIF;EsCpoIA;IACE;EtCsoIF;AACF;AsCnoIA;EACE;IACE;IACA;EtCqoIF;EsCnoIA;IACE;EtCqoIF;AACF;AACA;;;;;;;;EAQE;AuCxxIF;EACE;EACA;EACA;EACA;ErC6aE;EACA;EACA;EqC7aF;EvC4xIA,kFAAkF;EuC3xIlF;EvC6xIA,6BAA6B;EuC5xI7B;EACA;AvC8xIF;AACA;;;;;;;;EAQE;AwChzIF;EACE;EACA;EACA;AxCkzIF;AwChzIE;;EAEE;EACA;EACA;EACA;EACA;AxCkzIJ;AwChzII;;EACE;EACA;AxCmzIN;AwChzII;;EACE;EACA;EACA;AxCmzIN;AwChzII;;;;EAEE;AxCozIN;AwChzIE;EACE;EACA;EACA;AxCkzIJ;AwChzII;EACE;AxCkzIN;AwC9yIE;EACE;EACA;EACA;EACA;AxCgzIJ;AwC9yII;EACE;AxCgzIN;AwC7yII;EACE;AxC+yIN;AwC5yII;EACE;EACA;EACA;EACA;EACA;AxC8yIN;AwC5yIM;EACE;AxC8yIR;AwC1yII;EACE;AxC4yIN;AwCvyII;EACE;EACA;AxCyyIN;AwCtyII;EACE;EACA;AxCwyIN;AwCtyIM;EACE;AxCwyIR;AwCnyIE;EACE;EACA;AxCqyIJ;AwCjyIM;;;;EAEE;AxCqyIR;AwClyIM;;EACE;AxCqyIR;AwCjyII;EACE;AxCmyIN;AwCjyIM;EACE;EACA;EACA;AxCmyIR;AwChyIM;EACE;AxCkyIR;AwC/xIM;EACE;AxCiyIR;AwC9xIM;EACE;AxCgyIR;AwC7xIM;EACE;EACA;EACA;AxC+xIR;AwC3xII;EACE;AxC6xIN;AwC1xIQ;EACE;EACA;AxC4xIV;AwCvxII;EACE;EACA;EACA;AxCyxIN;AwCvxIM;EACE;EACA;EACA;AxCyxIR;AwCtxIM;EACE;AxCwxIR;AACA;;;;;;;;EAQE;AyC37IF;EvCmBI;EuCjBF;EACA;EACA;EACA;AzC67IF;AyC37IE;EACE;AzC67IJ;AyC17IE;EACE;AzC47IJ;AyCx7IA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzC07IF;AyCx7IE;EACE;EACA;EACA;EACA;EACA;EACA;AzC07IJ;AyCv7IE;EACE;EvCiUA;EAC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CA;EACA;EACA;EACA;AFo4JN;AkDt9JM;EACE;AlDw9JR;AkDp9JI;EhDkFA;EACA;AFq4JJ;AEn4JI;EACE;EACA;EACA;AFq4JN;AEl4JI;EACE;EACA;AFo4JN;AEj4JI;;EAEE;EACA;AFm4JN;AkDj+JE;EhDmGE;EACA;AFi4JJ;AE/3JI;EACE;EACA;EACA;AFi4JN;AE93JI;EACE;EACA;AFg4JN;AE73JI;;EAEE;EACA;AF+3JN;AkD/+JE;EhDyHE;EACA;AFy3JJ;AEv3JI;EACE;EACA;EACA;AFy3JN;AEt3JI;EACE;EACA;AFw3JN;AEr3JI;;EAEE;EACA;AFu3JN;AkD7/JE;EhD2FE;EACA;AFq6JJ;AEn6JI;EACE;EACA;EACA;AFq6JN;AEl6JI;EACE;EACA;AFo6JN;AEj6JI;;EAEE;EACA;AFm6JN;AkD3gKE;EhDuIE;EACA;AFu4JJ;AEr4JI;EACE;EACA;EACA;AFu4JN;AEp4JI;EACE;EACA;AFs4JN;AEn4JI;;EAEE;EACA;AFq4JN;AkDzhKE;EhDyJE;EACA;AFm4JJ;AEj4JI;EACE;EACA;EACA;AFm4JN;AEh4JI;EACE;EACA;AFk4JN;AE/3JI;;EAEE;EACA;AFi4JN;AkD1qKA;EAoII;AlDyiKJ;AkDtiKE;EACE;AlDwiKJ;AACA;;;;;;;;EAQE;AmDxrKA;EnD0rKA,gGAAgG;EmDzrK9F;AnD2rKJ;AmDxrKE;;EAEE;EACA;EACA;EACA;EnD0rKF,yDAAyD;AAC3D;AmDzrKI;;EACE;AnD4rKN;AmDvrKM;;;;;;;;EjDwBF;EACA;EAXA;AFqrKJ;AmD5rKM;;EACE;AnD+rKR;AmD5rKM;;EAGE;EACA;AnD6rKR;AmD1rKM;;EACE;AnD6rKR;AmD3rKQ;;EACE;AnD8rKV;AmDzrKM;;EACE;AnD4rKR;AmD1rKQ;;EACE;AnD6rKV;AmDxrKI;;;;EAEE;AnD4rKN;AmD1rKM;;;;EACE;AnD+rKR;AACA;;;;;;;;EAQE;AoDjwKA;;;;;EpDuwKA,uJAAuJ;EoDjwKrJ;ApDmwKJ;AoDhwKE;;EAEE;EACA;ApDkwKJ;AoD9vKI;;EAEE;ApDgwKN;AoD3vKI;;EAEE;EACA;ApD6vKN;AqDlyKC;;;;EnD8JK;AF0oKN;AqDxyKC;;;;;;EnDoKK;AF4oKN;AqDhzKC;;;;;;;;EnD2KK;AF+oKN;AqD1zKC;;;;EnDgLK;AFgpKN;AoDnxKI;;EACE;ApDsxKN;AoDnxKI;;EACE;ApDsxKN;AoDnxKI;;;;;;;;;;EAKE;ApD0xKN;AoDxxKM;;;;;;;;;;EACE;ApDmyKR;AoD7xKM;;;;;;;;;;EAKE;EACA;ApDoyKR;AoDlyKQ;;;;;;;;;;EACE;EACA;ApD6yKV;AoD1yKQ;;;;;;;;;;EACE;ApDqzKV;AqDt4KC;;EnD8JK;AF4uKN;AqD14KC;;;EnDoKK;AF2uKN;AqD/4KC;;;;EnD2KK;AF0uKN;AqDr5KC;;EnDgLK;AFyuKN;AoD/zKI;;EAEE;ApDi0KN;AoD9zKI;;;;;EAKE;ApDg0KN;AoD9zKM;;;;;EACE;ApDo0KR;AACA;;;;;;;;EAQE;AsDz6KA;EACE;AtD26KJ;AACA;;;;;;;;EAQE;AuDt7KA;EvDw7KA;;2CAEyC;EuDt7KvC;AvDw7KJ;AACA;;;;;;;;EAQE;AwDt8KF;EACE;AxDw8KF;AwDt8KE;EACE;AxDw8KJ;AwDp8KA;EAEE;AxDq8KF;AwDl8KA;EACE;EACA;AxDo8KF;AwDl8KE;;;EAEE;AxDq8KJ;AwDl8KE;EACE;AxDo8KJ;AwDl8KI;EACE;EACA;EACA;EACA;EACA;EACA;EtDWF;EACA;EsDVE;AxDq8KN;AwDh8KA;EACE;EACA;AxDk8KF;AwD/7KA;EACE;AxDi8KF;AACA;;;;;;;;EAQE;AyDt/KF;EzDw/KE;;+CAE6C;EExpK3C;EACA;EACA;EACA;AF0pKJ;AyDz/KE;EACE;AzD2/KJ;AACA;;;;;;;;EAQE;A0D1gLA;E1D4gLA,gGAAgG;E0D3gL9F;A1D6gLJ;A0D1gLE;EACE;EACA;EACA;EACA;A1D4gLJ;A0D1gLI;EACE;A1D4gLN;A0DzgLI;EACE;A1D2gLN;A0DxgLI;EACE;EACA;EACA;A1D0gLN;AACA;;;;;;;;EAQE;A2DziLF;EAGI;A3DyiLJ;A2DriLE;EACE;A3DuiLJ;AACA;;;;;;;;EAQE;A4DxjLF;EACE;EACA;EACA;E5D0jLA,4DAA4D;EAC5D,oFAAoF;AACtF;A4D1jLE;EACE;A5D4jLJ;A4DzjLE;;EAEE;A5D2jLJ;A4DtjLE;EACE;EACA;EACA;E1DsVA;EACA;AFmuKJ;A4DvjLI;E5DyjLF;gDAC8C;E4DvjL1C;A5DyjLN;A4DnjLI;EACE;A5DqjLN;A4DljLI;EACE;A5DojLN;A4DjjLI;EACE;A5DmjLN;A4D/iLE;EACE;E5DijLF,2BAA2B;AAC7B;A4D7iLE;EACE;EACA;EACA;EACA;A5D+iLJ;A4D7iLI;EACE;A5D+iLN;A4D5iLI;EACE;E1DnBF;EACA;EAXA;AF8kLJ;A4D5iLE;EACE;EACA;A5D8iLJ;A4D3iLE;EACE;A5D6iLJ;A4DziLA;EACE;A5D2iLF;A4DziLE;EACE;A5D2iLJ;A4DriLE;EACE;A5DuiLJ;A4DpiLE;EACE;EACA;A5DsiLJ;A4DniLE;EACE;A5DqiLJ;A4DjiLA;EACE;A5DmiLF;A4DjiLE;EACE;A5DmiLJ;AACA;;;;;;;;EAQE;A6DppLF;EACE;EACA;EACA;E3D+VE;EACA;EACA;EACA;E2DhWF;A7DypLF;A6DvpLE;EACE;A7DypLJ;A6DrpLA;EACE;A7DupLF;AACA;;;;;;;;EAQE;AqDtrLD;;EnD8JK;AF4hLN;AqD1rLC;;;EnDoKK;AF2hLN;AqD/rLC;;;;EnD2KK;AF0hLN;AqDrsLC;;EnDgLK;AFyhLN;AqDzsLC;;EnD8JK;AF+iLN;AqD7sLC;;;EnDoKK;AF8iLN;AqDltLC;;;;EnD2KK;AF6iLN;AqDxtLC;;EnDgLK;AF4iLN;A8D7sLI;;EAEE;A9D+sLN;A8D1sLM;;EAEE;EACA;A9D4sLR;A8D1sLQ;;EACE;A9D6sLV;A8DvsLQ;EACE;A9DysLV;A8DnsLQ;EACE;A9DqsLV;A8D/rLE;;;;EAIE;A9DisLJ;A8D7rLI;EACE;A9D+rLN;A8D5rLI;EACE;A9D8rLN;A8D5rLM;EACE;A9D8rLR;A8DxrLI;EACE;A9D0rLN;A8DvrLI;EACE;A9DyrLN;A8DvrLM;EACE;A9DyrLR;AqDvwLC;;;;EnD8JK;AF+mLN;AqD7wLC;;;;;;EnDoKK;AFinLN;AqDrxLC;;;;;;;;EnD2KK;AFonLN;AqD/xLC;;;;EnDgLK;AFqnLN;A8D9sLI;;;;EAEE;A9DktLN;A8D/sLI;;;;EAEE;A9DmtLN;A8DhtLI;;EACE;A9DmtLN;A8DhtLI;;EACE;A9DmtLN;A8DhtLI;;EACE;A9DmtLN;A8DjtLM;;EACE;A9DotLR;AqDj0LC;;;;EnD8JK;AFyqLN;AqDv0LC;;;;;;EnDoKK;AF2qLN;AqD/0LC;;;;;;;;EnD2KK;AF8qLN;AqDz1LC;;;;EnDgLK;AF+qLN;A8DzuLI;;;;EAEE;A9D6uLN;A8D1uLI;;;;EAEE;A9D8uLN;A8D3uLI;;EACE;A9D8uLN;A8D3uLI;;EACE;A9D8uLN;A8D3uLI;;EACE;A9D8uLN;A8D5uLM;;EACE;A9D+uLR;A8DzuLA;E9D2uLE,4GAA4G;AAC9G;A8D1uLE;E9D4uLA,uGAAuG;EEtwLrG;EACA;EFwwLF,0BAA0B;EE7vLxB;AF+vLJ;A8D7uLE;E9D+uLA,gIAAgI;EEvwL9H;AFywLJ;A8D3uLE;EACE;EACA;A9D6uLJ;A8D3uLI;EACE;A9D6uLN;A8D1uLI;EACE;A9D4uLN;A8DzuLI;EACE;A9D2uLN;A8DruLE;EACE;A9DuuLJ;A8DpuLE;EACE;A9DsuLJ;A8DjuLE;EACE;A9DmuLJ;A8DhuLE;EACE;A9DkuLJ;A8D5tLE;;;E7DtFA;EDuzLA,sCAAsC;AACxC;A8D3tLA;EACE;A9D6tLF;A8D1tLI;;;E7DjGF;EDg0LA,sCAAsC;AACxC;AACA;;;;;;;;EAQE;A+D/6LA;EACE;A/Di7LJ;A+D/6LI;EACE;A/Di7LN;A+D56LI;EACE;A/D86LN;A+D36LI;EACE;A/D66LN;A+D36LM;E/D66LJ,uGAAuG;EE90LrG;EACA;EFg1LF,0BAA0B;EEr0LxB;AFu0LJ;A+D96LM;E/Dg7LJ,gIAAgI;EE/0L9H;AFi1LJ;AACA;;;;;;;;EAQE;AgEj9LF;EhEm9LE,0CAA0C;EgEj9L1C;AhEm9LF;AgEj9LE;;EhEo9LA,sCAAsC;EACtC,8GAA8G;EgEj9L5G;EACA;AhEm9LJ;AgE/8LI;EhEi9LF,0DAA0D;AAC5D;AE57KI;EACE;AF87KN;AE37KI;;EAEE;AF67KN;AgEh9LE;EACE;ElBfA;A9Ck+LJ;AgE98LE;EACE;AhEg9LJ;AgE78LE;EACE;EACA;EACA;AhE+8LJ;AgEx8LI;;E9DoQA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHy/LJ;AEjsLI;;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFusLN;AEttLI;;ECpTA;EACA;EACA;EACA;AH8gMJ;AgEr+LE;;EACE;AhEw+LJ;AgEp+LA;EACE;EACA;EACA;EACA;EACA;EACA;AhEs+LF;AgEp+LE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AhEq+LJ;AgEh+LI;EACE;EACA;EACA;EACA;EACA;AhEk+LN;AgEh+LM;EACE;EACA;AhEk+LR;AgE79LE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AhE+9LJ;AgE79LI;E9DuVA;EACA;EACA;EACA;EACA;EACA;E8D1VE;EACA;AhEo+LN;AgEl+LM;EACE;AhEo+LR;AgE/9LE;EACE;EACA;EACA;EACA;EACA;AhEi+LJ;AgE/9LI;EACE;AhEi+LN;AgE99LI;EACE;EACA;E9DiPF;EACA;AFgvLJ;AgE99LI;EACE;EACA;EACA;EACA;E9DyOF;EACA;AFwvLJ;AgE79LE;EACE;EACA;E9DqCA;EACA;AF27LJ;AEz7LI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AFg8LN;AgE5+LE;E9DuEE;EACA;AFw6LJ;AEt6LI;EACE;EACA;EACA;AFw6LN;AEr6LI;EACE;EACA;AFu6LN;AEp6LI;;EAEE;EACA;AFs6LN;AgE1/LE;E9DmEE;EACA;AF07LJ;AEx7LI;EACE;EACA;EACA;AF07LN;AEv7LI;EACE;EACA;AFy7LN;AEt7LI;;EAEE;EACA;AFw7LN;AgExgME;E9DyFE;EACA;AFk7LJ;AEh7LI;EACE;EACA;EACA;AFk7LN;AE/6LI;EACE;EACA;AFi7LN;AE96LI;;EAEE;EACA;AFg7LN;AgEthME;E9D2GE;EACA;AF86LJ;AE56LI;EACE;EACA;EACA;AF86LN;AE36LI;EACE;EACA;AF66LN;AE16LI;;EAEE;EACA;AF46LN;AgEpiME;E9D6HE;EACA;AF06LJ;AEx6LI;EACE;EACA;EACA;AF06LN;AEv6LI;EACE;EACA;AFy6LN;AEt6LI;;EAEE;EACA;AFw6LN;AgEljME;EhEojMA,wDAAwD;EgEljMtD;AhEojMJ;AgEhjMA;EACE;EACA;EhEkjMA,gFAAgF;AAClF;AgEjjME;EACE;EACA;AhEmjMJ;AgEhjME;EACE;EACA;AhEkjMJ;AgE/iME;EACE;AhEijMJ;AElsLI;EACE;AFosLN;AEjsLI;;EAEE;AFmsLN;AgE9iMA;EACE;AhEgjMF;AgE7iMA;EACE;AhE+iMF;AACA;;;;;;;;EAQE;AiEzvMA;E/DgWE;EACA;EACA;EACA;AF45LJ;AiExvME;EACE;AjE0vMJ;AiExvMI;EACE;AjE0vMN;AACA;;;;;;;;EAQE;AkE9wMA;ElEgxMA,iGAAiG;EkE/wM/F;AlEixMJ;AkE9wME;EACE;EACA;AlEgxMJ;AkE9wMI;EACE;AlEgxMN;AkE7wMI;EACE;AlE+wMN;AkE5wMI;EACE;AlE8wMN;AkE5wMM;EACE;EACA;EACA;AlE8wMR;AkE3wMM;EACE;AlE6wMR;AkE1wMM;EACE;AlE4wMR;AkEzwMM;EACE;AlE2wMR;AkExwMM;EACE;AlE0wMR;AkEvwMM;EACE;AlEywMR;AkEtwMM;EACE;AlEwwMR;AACA;;;;;;;;EAQE;AmE/zMA;EjEgWE;EACA;EACA;EACA;AFk+LJ;AmE7zMA;EACE;EACA;EACA;EjE4VE;EACA;AFo+LJ;AmE9zME;EnEg0MA,uGAAuG;EE/tMrG;EACA;EFiuMF,0BAA0B;EEttMxB;AFwtMJ;AmEj0ME;EnEm0MA,gIAAgI;EEhuM9H;AFkuMJ;AmEj0ME;EACE;AnEm0MJ;AmEh0ME;EACE;AnEk0MJ;AmE/zME;EACE;AnEi0MJ;AmE9zME;EACE;AnEg0MJ;AmE3zMI;EACE;AnE6zMN;AmE1zMI;EACE;AnE4zMN;AmEzzMI;EACE;AnE2zMN;AACA;;;;;;;;EAQE;AoEt3MA;EACE;ApEw3MJ;AoEr3ME;EACE;ApEu3MJ;AACA;;;;;;;;EAQE;AqEl4ME;EACE;ArEo4MN;AqEj4MI;EACE;ArEm4MN;AqEh4MI;EACE;ArEk4MN;AACA;;;;;;;;EAQE;AsEv5MA;EtEy5MA,gGAAgG;EsEx5M9F;AtE05MJ;AsEv5ME;EACE;EACA;EACA;AtEy5MJ;AsEv5MI;EACE;AtEy5MN;AACA;;;;;;;;EAQE;AuE36MF;EACE;EACA;EACA;EACA;AvE66MF;AuE36ME;;;EvE+6MA,4DAA4D;EuE36M1D;AvE66MJ;AuE16ME;EACE;EACA;EACA;ErEuVA;EACA;AFslMJ;AuE36MI;EvE66MF;+DAC6D;EuE36MzD;AvE66MN;AuEz6ME;EACE;AvE26MJ;AuEx6ME;EACE;EACA;EACA;EACA;EACA;EACA;AvE06MJ;AuEx6MI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvE06MN;AuEr6MI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvEu6MN;AuEn6MM;EACE;EACA;EACA;AvEq6MR;AuEl6MM;EACE;AvEo6MR;AuEh6MI;EACE;AvEk6MN;AuEh6MM;ErExCF;EACA;EAXA;AFu9MJ;AuEh6MI;EACE;AvEk6MN;AuEh6MM;EACE;AvEk6MR;AuE95MQ;EACE;AvEg6MV;AuE75MQ;EACE;AvE+5MV;AuEt5ME;;EAEE;EACA;AvEw5MJ;AuEp5MA;EACE;AvEs5MF;AuEp5ME;EACE;AvEs5MJ;AACA;;;;;;;;EAQE;AwEthNA;ExEwhNA,6EAA6E;EwEthN3E;AxEwhNJ;AwErhNE;EACE;EACA;AxEuhNJ;AwEjhNE;EACE;AxEmhNJ;AwEhhNE;EtE4RE;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHwiNJ;AEhvMI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFqvMN;AEpwMI;ECpTA;EACA;EACA;EACA;AH2jNJ;AACA;;;;;;;;EAQE;AACF;;;;;;;;EAQE;AyEjlNA;EACE;AzEmlNJ;AyEjlNI;EACE;EACA;AzEmlNN;AyE/kNE;EACE;AzEilNJ;AyE9kNE;EACE;AzEglNJ;AyE9kNI;EACE;AzEglNN;AyEzkNE;EACE;AzE2kNJ;AyEvkNA;EzEykNE,yBAAyB;EACzB,8DAA8D;AAChE;AyEzkNE;;EAEE;AzE2kNJ;AyEtkNE;EACE;EACA;EACA;AzEwkNJ;AyEtkNI;EACE;EACA;AzEwkNN;AyErkNI;EACE;EACA;EACA;AzEukNN;AyErkNM;EACE;EACA;EACA;AzEukNR;AyEpkNM;EACE;AzEskNR;AyElkNI;EACE;AzEokNN;AyElkNM;EACE;AzEokNR;AyE7jNE;EACE;EACA;EACA;EACA;EACA;EvEuRA;EACA;EAKA;EAbA;EACA;EACA;EACA;AFmzMJ;AyElkNI;EACE;AzEokNN;AyEhkNE;;EAEE;EACA;AzEkkNJ;AyEhkNI;;EACE;AzEmkNN;AyE/jNE;EACE;EACA;AzEikNJ;AyE9jNE;EACE;AzEgkNJ;AyE9jNI;EACE;AzEgkNN;AyExjNE;;;;;;EzE+jNA,uGAAuG;EEpkNrG;EACA;EFskNF,0BAA0B;EE3jNxB;AF6jNJ;AyE/jNE;;;;;;EzEskNA,gIAAgI;EE1kN9H;AF4kNJ;AyElkNI;;;EtE9HA;EACA;EACA;EACA;AHqsNJ;AyEnkNI;;;;;;EAEE;AzEykNN;AyEtkNI;;;;;;EAEE;AzE4kNN;AyEzkNI;;;;;;EAEE;AzE+kNN;AyEtkNM;;;;;;;;;;;;;;;;;;;;;;;;EAIE;EACA;AzE4lNR;AyE1lNQ;;;;;;;;;;;;;;;;;;;;;;;;EACE;EACA;AzEmnNV;AyEhnNQ;;;;;;;;;;;;;;;;;;;;;;;;EACE;AzEyoNV;AyEnoNE;;;EACE;AzEuoNJ;AyEpoNE;;;EACE;AzEwoNJ;AyEpoNI;;;;;;EAEE;EACA;AzE0oNN;AyEjoNM;EACE;AzEmoNR;AyEhoNM;EACE;AzEkoNR;AyE7nNE;EACE;AzE+nNJ;AyE7nNI;EACE;AzE+nNN;AyE1nNA;;;EvE0RI;EACA;EA+BA;EACA;EACA;EAjgBA;EA2gBA;AF+zMJ;AEv2MI;;;EACE;AF22MN;AyEloNE;EACE;AzEooNJ;AyEjoNE;EACE;EACA;AzEmoNJ;AyEhoNE;;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A;EACA;AFoiON;AEjiOI;EACE;EACA;AFmiON;AEhiOI;;EAEE;EACA;AFkiON;A6ExsOE;E3E2KE;EACA;AFgiOJ;AE9hOI;EACE;EACA;EACA;AFgiON;AE7hOI;EACE;EACA;AF+hON;AE5hOI;;EAEE;EACA;AF8hON;A6EttOE;E3E6LE;EACA;AF4hOJ;AE1hOI;EACE;EACA;EACA;AF4hON;AEzhOI;EACE;EACA;AF2hON;AExhOI;;EAEE;EACA;AF0hON;A6EnuOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7EquOF;A6EnuOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7EquOJ;A6EluOE;EACE;A7EouOJ;A6EjuOE;EACE;A7EmuOJ;A6EhuOE;EACE;EACA;A7EkuOJ;A6E/tOE;EACE;A7EiuOJ;A6E9tOE;EACE;A7EguOJ;A6E7tOE;EACE;A7E+tOJ;A6E5tOE;EACE;A7E8tOJ;A6E5tOI;EACE;A7E8tON;A6E1tOE;EACE;EACA;EACA;EACA;A7E4tOJ;A6E1tOI;EACE;A7E4tON;A6EztOI;EACE;A7E2tON;A6ExtOM;E3EwNF;EACA;EACA;EACA;EACA;AFmgOJ;A6E3tOM;EACE;A7E6tOR;A6EztOI;EACE;EACA;EACA;EACA;A7E2tON;A6EvtOE;EACE;EACA;EACA;E3EbA;EACA;AFuuOJ;AEruOI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AF4uON;A6EtuOE;;;;;EAKE;A7EwuOJ;A6EruOE;E3EaE;EACA;AF2tOJ;AEztOI;EACE;EACA;EACA;AF2tON;AExtOI;EACE;EACA;AF0tON;AEvtOI;;EAEE;EACA;AFytON;A6EnvOE;E3ESE;EACA;AF6uOJ;AE3uOI;EACE;EACA;EACA;AF6uON;AE1uOI;EACE;EACA;AF4uON;AEzuOI;;EAEE;EACA;AF2uON;A6EjwOE;E3E+BE;EACA;AFquOJ;AEnuOI;EACE;EACA;EACA;AFquON;AEluOI;EACE;EACA;AFouON;AEjuOI;;EAEE;EACA;AFmuON;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iQJ;AyF9hQE;EvF6RE;EACA;EAKA;EuFjSA;AzFkiQJ;AyF/hQE;EACE;AzFiiQJ;AyF9hQE;EzFgiQA,6DAA6D;EyF9hQ3D;EzFgiQF,0GAA0G;EAC1G,+FAA+F;EyF9hQ7F;AzFgiQJ;AyF3hQI;EACE;AzF6hQN;AyFzhQE;EvFjGE;EACA;EACA;EACA;EACE;EuF+FF;AzF+hQJ;AyF5hQE;;EvF8UE;EACA;EACA;EACA;EACA;EACA;EAKA;EuFrVA;AzFoiQJ;AyFliQI;;EACE;AzFqiQN;AyFliQI;;EvFxBA;EACA;EACA;AF8jQJ;AyFniQE;EACE;AzFqiQJ;AyFniQI;EACE;EACA;EACA;AzFqiQN;AyFliQI;EACE;EACA;EACA;AzFoiQN;AyFliQM;EACE;EACA;EAEA;AzFmiQR;AyF7hQA;EnF7IE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN6qQF;AM3qQE;EACE;EACA;AN6qQJ;AM3qQI;EJ6BA;EACA;AFipQJ;AM1qQE;EJkVE;EACA;EAKA;EItVA;AN8qQJ;AM3qQE;EN6qQA,8DAA8D;EM3qQ5D;EACA;AN6qQJ;AM3qQI;EACE;AN6qQN;AM1qQI;;ELkEF;ED4mQA,sCAAsC;AACxC;AM1qQI;EACE;AN4qQN;AMxqQE;EACE;AN0qQJ;AMvqQE;EJoYE;EACA;EACA;EACA;EACA;EACA;EAKA;EI5YA;AN+qQJ;AM7qQI;EJmCA;EACA;EACA;AF6oQJ;AM7qQE;;;EAGE;EACA;AN+qQJ;AM5qQE;EACE;EACA;AN8qQJ;AM3qQE;;EACE;EACA;AN8qQJ;AM3qQE;EACE;EACA;EACA;AN6qQJ;AM3qQI;EACE;EACA;AN6qQN;AM1qQI;;EACE;EACA;AN6qQN;AM1qQI;EACE;EACA;AN4qQN;AMxqQE;EJxDE;EACA;EAXA;AF+uQJ;AMzqQE;EACE;EN2qQF,oFAAoF;EMzqQlF;EACA;AN2qQJ;AMzqQI;EACE;EACA;AN2qQN;AMxqQI;;EACE;EACA;EACA;AN2qQN;AMxqQI;EACE;EACA;EACA;AN0qQN;AMvqQI;EJnFA;EACA;EAXA;AFywQJ;AMvqQE;;EAEE;EACA;EACA;EACA;ANyqQJ;AMvqQI;;;;;;;;EACE;EACA;EACA;ANgrQN;AM7qQI;;EACE;EACA;EACA;ANgrQN;AM9qQM;;EACE;EACA;EACA;ANirQR;AM3qQI;;;EAGE;EACA;AN6qQN;AM1qQI;EJ0IA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHo1QJ;AE5hQI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFiiQN;AEhjQI;ECpTA;EACA;EACA;EACA;AHu2QJ;AACA;;;;;;;;EAQE;A0Fr3QF;ExFihBI;EACA;EACA;EAjgBA;EwFhBF;A1F03QF;A0Fx3QE;EvFYE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH03QJ;A0F93QE;EvFQE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAkBA;EACA;EACA;EACA;AHm3QJ;A0Fv4QA;EACE;EACA;EACA;A1Fy4QF;A0Fv4QE;EACE;EACA;EACA;EACA;EACA;A1Fy4QJ;A0Fv4QI;EACE;EACA;EACA;A1Fy4QN;A0Ft4QI;ExFyUA;EACA;EFgkQF,0FAA0F;E0Fv4QtF;A1Fy4QN;A0Ft4QI;EACE;A1Fw4QN;A0Fr4QI;EACE;A1Fu4QN;A0Fr4QM;EACE;A1Fu4QR;A0Fr4QQ;EACE;EACA;A1Fu4QV;A0Fn4QM;EACE;A1Fq4QR;A0Fh4QM;ExF8BF;EACA;EACA;AFq2QJ;A0Fh4QI;EACE;A1Fk4QN;A0Fh4QM;EACE;A1Fk4QR;A0F93QI;EACE;EACA;A1Fg4QN;AACA;;;;;;;;EAQE;A2Fn9QF;EACE;EACA;EACA;A3Fq9QF;A2Fn9QE;;;EACE;A3Fu9QJ;A2Fn9QI;EACE;A3Fq9QN;A2Fn9QM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3Fq9QR;A2Fj9QI;EACE;A3Fm9QN;A2F98QM;;;;EAEE;A3Fk9QR;A2F58QA;EACE;A3F88QF;A2F58QE;EACE;EACA;A3F88QJ;A2F58QI;EACE;A3F88QN;A2F38QI;EACE;EACA;EACA;A3F68QN;A2F18QI;EACE;EACA;EACA;EACA;A3F48QN;A2Fz8QI;EACE;A3F28QN;A2Fx8QI;EACE;A3F08QN;A2Fr8QI;ErF8BA;EN06QF,oFAAoF;EMx6QlF;EACA;AN06QJ;AMx6QI;EACE;EACA;AN06QN;AMv6QI;;EACE;EACA;EACA;AN06QN;AMv6QI;EACE;EACA;EACA;ANy6QN;AMt6QI;EJnFA;EACA;EAXA;AFwgRJ;A2F59QM;EACE;A3F89QR;A2F39QM;EACE;EACA;A3F69QR;A2F19QM;EACE;A3F49QR;A2F19QQ;;;;EACE;EACA;A3F+9QV;A2Fx9QA;EACE;A3F09QF;A2Fx9QE;EACE;EACA;EACA;EACA;EACA;A3F09QJ;A2Fx9QI;EACE;A3F09QN;A2Fv9QI;EACE;A3Fy9QN;A2Ft9QI;EACE;A3Fw9QN;A2Fr9QI;EACE;A3Fu9QN;A2Fr9QM;EACE;A3Fu9QR;AACA;;;;;;;;EAQE;A4F3lRF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;A5F2lRF;A4FzlRE;EACE;A5F2lRJ;A4FxlRE;EACE;EACA;A5F0lRJ;A4FvlRE;EACE;A5FylRJ;A4FtlRE;EACE;EACA;EACA;E1FTA;E0FYA;A5FulRJ;A4FrlRI;EACE;A5FulRN;A4FplRI;EACE;A5FslRN;AACA;;;;;;;;EAQE;A6FroRF;EAEE;EACA;EACA;EACA;A7FsoRF;A6FpoRE;EACE;EACA;A7FsoRJ;A6FnoRE;;EACE;A7FsoRJ;A6FloRI;EACE;A7FooRN;A6FhoRE;EACE;EACA;EACA;A7FkoRJ;A6FhoRI;EACE;A7FkoRN;A6F/nRI;E7FioRF,8CAA8C;E6F/nR1C;A7FioRN;A6F7nRE;EAGE;A7F6nRJ;A6F1nRE;;;E7F8nRA,8CAA8C;E6F1nR5C;A7F4nRJ;A6FvnRE;;;;;;;;EAQE;EACA;A7FynRJ;A6FpnRE;EACE;A7FsnRJ;A6FnnRE;EACE;A7FqnRJ;AACA,oDAAoD;A6FhnRlD;;EAEE;A7FknRJ;A6F/mRE;EACE;A7FinRJ;AACA;;;;;;;;EAQE;AACF,WAAW;A8C5sRX;E9C8sRE,0BAA0B;EAC1B,+BAA+B;AACjC;AACA,WAAW;A8CxrRX;EACE;EACA;EACA;EACA;EACA;A9C0rRF;A8CxrRE;EACE;EACA;A9C0rRJ;A8CtrRA;EACE;EACA;EACA;E9CwrRA,6FAA6F;AAC/F;A8CvrRE;EACE;A9CyrRJ;A8CtrRE;EACE;EACA;EACA;EACA;A9CwrRJ;A8CtrRI;EACE;A9CwrRN;A8CprRE;EACE;E9CsrRF,qJAAqJ;E8CprRnJ;A9CsrRJ;A8CprRI;EACE;EACA;EACA;A9CsrRN;A8CnrRI;EACE;A9CqrRN;A8ClrRI;EACE;A9CorRN;A8CjrRI;EACE;A9CmrRN;A8C/qRE;EACE;EACA;A9CirRJ;A8C/qRI;EACE;A9CirRN;A8C3qRI;EACE;A9C6qRN;A8C1qRI;EACE;A9C4qRN;A8CvqRA;EArGI;EAUA;EACA;EACA;A9CswRJ;A8CxqRI;EACE;A9C0qRN;A8CvqRI;EACE;EACA;A9CyqRN;A8CvqRM;EACE;A9CyqRR;A8CtqRM;EACE;A9CwqRR;A8CrqRM;EACE;EACA;A9CuqRR;A8CrqRQ;EACE;A9CuqRV;A8CpqRQ;EACE;A9CsqRV;A8ChqRM;;EAEE;A9CkqRR;A8C/pRM;;EAEE;A9CiqRR;AACA;;;;;;;;EAQE;A8F9zRF;EACE;A9Fg0RF;AACA;;;;;;;;EAQE;A2C10RF;EACE;EACA;EACA;EACA;EACA;EzC6gBE;EACA;EACA;EAjgBA;EyCZF;EACA;A3C+0RF;A2C70RE;EACE;A3C+0RJ;A2C30RI;EACE;EACA;A3C60RN;A2C30RM;EACE;E3C60RN,gDAAgD;E2C50R1C;A3C80RR;A2C50RQ;EACE;A3C80RV;A2C1xRI;EACE;A3C4xRN;A2C1xRM;EACE;A3C4xRR;A2C70RI;EACE;EACA;A3C+0RN;A2C70RM;EACE;E3C+0RN,2FAA2F;AAC7F;A2C70RM;EzCGF;EACA;EAXA;AFy1RJ;A2C90RM;EACE;EACA;A3Cg1RR;A2C70RM;EACE;EACA;A3C+0RR;A2C70RQ;EACE;EACA;A3C+0RV;A2C50RQ;;EACE;EACA;A3C+0RV;A2C50RQ;EzCpBJ;EACA;EAXA;AF+2RJ;A2C70RQ;EACE;EACA;EACA;A3C+0RV;A2C5zRI;EACE;A3C8zRN;A2C5zRM;EACE;A3C8zRR;A2C33RI;EACE;EACA;A3C63RN;A2C33RM;EACE;E3C63RN,2FAA2F;AAC7F;A2C33RM;EzCGF;EACA;EAXA;AFu4RJ;A2C53RM;EACE;EACA;A3C83RR;A2C33RM;EACE;EACA;A3C63RR;A2C33RQ;EACE;EACA;A3C63RV;A2C13RQ;;EACE;EACA;A3C63RV;A2C13RQ;EzCpBJ;EACA;EAXA;AF65RJ;A2C33RQ;EACE;EACA;EACA;A3C63RV;A2C91RI;EACE;A3Cg2RN;A2C91RM;EACE;A3Cg2RR;A2Cz6RI;EACE;EACA;A3C26RN;A2Cz6RM;EACE;E3C26RN,2FAA2F;AAC7F;A2Cz6RM;EzCGF;EACA;EAXA;AFq7RJ;A2C16RM;EACE;EACA;A3C46RR;A2Cz6RM;EACE;EACA;A3C26RR;A2Cz6RQ;EACE;EACA;A3C26RV;A2Cx6RQ;;EACE;EACA;A3C26RV;A2Cx6RQ;EzCpBJ;EACA;EAXA;AF28RJ;A2Cz6RQ;EACE;EACA;EACA;A3C26RV;A2Ch4RI;EACE;A3Ck4RN;A2Ch4RM;EACE;A3Ck4RR;A2Cv9RI;EACE;EACA;A3Cy9RN;A2Cv9RM;EACE;E3Cy9RN,2FAA2F;AAC7F;A2Cv9RM;EzCGF;EACA;EAXA;AFm+RJ;A2Cx9RM;EACE;EACA;A3C09RR;A2Cv9RM;EACE;EACA;A3Cy9RR;A2Cv9RQ;EACE;EACA;A3Cy9RV;A2Ct9RQ;;EACE;EACA;A3Cy9RV;A2Ct9RQ;EzCpBJ;EACA;EAXA;AFy/RJ;A2Cv9RQ;EACE;EACA;EACA;A3Cy9RV;A2Cn6RE;ExC1GE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH2hSJ;A2Cx6RE;EzChCE;EACA;EACA;EACA;EClFA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHqhSJ;A2Cz7RA;EACE;EACA;EACA;EACA;EACA;E3C27RA,2DAA2D;AAC7D;A2Cx7RE;EACE;A3C07RJ;A2Ct7RA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3Cw7RF;A2Cr7RA;EACE;EACA;A3Cu7RF;A2Cr7RE;EzCiME;EACA;EACA;EACA;AFuvRJ;A2Ct7RA;EACE;EACA;EACA;EACA;A3Cw7RF;A2Ct7RE;EACE;EACA;EACA;A3Cw7RJ;A2Cr7RE;EACE;A3Cu7RJ;A2Cl7RE;EACE;A3Co7RJ;A2C96RE;EACE;A3Cg7RJ;A2C76RE;EACE;A3C+6RJ;A2C56RE;EACE;A3C86RJ;A2C56RI;EAEE;A3C66RN;A2Cz6RE;EACE;A3C26RJ;A2Cx6RE;EACE;A3C06RJ;A2Cx6RI;EACE;A3C06RN;A2Cx6RM;EACE;A3C06RR;A2Cp6RA;EACE;EACA;EACA;A3Cs6RF;A2Cn6RA;EACE;I3Cq6RE,8CAA8C;I2Cn6R9C;E3Cq6RF;AACF;AACA;;;;;;;;EAQE;A+FzpSF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;E7FiWE;EACA;AF0zRJ;A+FzpSE;EACE;A/F2pSJ;A+FxpSE;EACE;A/F0pSJ;A+FvpSE;EACE;A/FypSJ;A+FtpSE;EACE;EACA;E/FwpSF,+DAA+D;AACjE;A+FtpSE;EACE;EACA;E/FwpSF,+DAA+D;AACjE;A+FrpSE;EACE;EACA;A/FupSJ;A+FrpSI;EACE;EACA;A/FupSN;A+FppSI;EACE;EACA;A/FspSN;A+FnpSI;EACE;EACA;A/FqpSN;A+FjpSE;EACE;A/FmpSJ;A+FjpSI;EACE;A/FmpSN;A+F5oSE;EACE;EAEA;EACA;EACA;A/F6oSJ;A+F3oSI;EACE;A/F6oSN;A+F1oSI;EACE;A/F4oSN;A+FzoSI;EACE;EACA;A/F2oSN;A+FzoSM;EACE;A/F2oSR;A+FxoSM;EACE;A/F0oSR;A+FtoSI;EAEE;EACA;A/FuoSN;A+FpoSI;EACE;EACA;EACA;A/FsoSN;A+FhoSE;EACE;EACA;A/FkoSJ;AACA;;;;;;;;EAQE;AgGzvSF;EACE;EACA;EACA;EACA;EACA;AhG2vSF;AgGzvSE;EACE;AhG2vSJ;AgGxvSE;EACE;EACA;EACA;AhG0vSJ;AgGxvSI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AhG0vSN;AgGvvSM;EACE;AhGyvSR;AgGrvSI;EACE;AhGuvSN;AACA;;;;;;;;EAQE;A+BlxSF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E/BoxSA,qFAAqF;AACvF;A+BnxSE;EACE;A/BqxSJ;A+BlxSE;EACE;A/BoxSJ;A+BlxSI;EA/BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/BozSF;A+BzxSE;EACE;EACA;A/B2xSJ;A+BzxSI;EACE;A/B2xSN;A+BxxSI;EACE;EACA;A/B0xSN;A+BtxSE;EACE;EACA;A/BwxSJ;A+BtxSI;EACE;EACA;EACA;A/BwxSN;A+BrxSI;EACE;EACA;A/BuxSN;A+BnxSE;EACE;EACA;A/BqxSJ;A+BnxSI;EACE;A/BqxSN;A+BlxSI;EACE;EACA;A/BoxSN;A+BhxSE;EACE;EACA;A/BkxSJ;A+BhxSI;EACE;A/BkxSN;A+B/wSI;EACE;EACA;A/BixSN;A+B3wSE;EACE;EACA;A/B6wSJ;A+BzwSA;EACE;EACA;EACA;EACA;EACA;EACA;A/B2wSF;A+BzwSE;EACE;EACA;EACA;EACA;A/B2wSJ;A+BzwSI;EACE;A/B2wSN;A+BxwSI;EACE;A/B0wSN;A+BvwSI;EACE;A/BywSN;A+BtwSI;EACE;A/BwwSN;A+BnwSA;EACE;A/BqwSF;A+BnwSE;EACE;EACA;A/BqwSJ;A+BlwSE;EACE;A/BowSJ;A+BjwSE;EACE;EACA;EACA;EACA;A/BmwSJ;A+BjwSI;EACE;EACA;A/BmwSN;A+BhwSI;;;;EAIE;A/BkwSN;A+B7vSA;EACE;E7ByLE;EACA;EACA;EACA;EAIA;EACA;AFokSJ;AACA;;;;;;;;EAQE;AiG36SF;EACE;EACA;AjG66SF;AiG36SE;EACE;EACA;AjG66SJ;AiGz6SA;EACE;EACA;EACA;EACA;EACA;EjG26SA,8BAA8B;EiGz6S9B;EACA;AjG26SF;AiGz6SE;EACE;EACA;EACA;EACA;AjG26SJ;AiGz6SI;EACE;AjG26SN;AiGv6SE;EACE;EACA;AjGy6SJ;AiGv6SI;EACE;EACA;EACA;AjGy6SN;AiGv6SM;EACE;AjGy6SR;AiGr6SI;EACE;EACA;AjGu6SN;AiGr6SM;EACE;EACA;EACA;AjGu6SR;AiGj6SA;EACE;EACA;E/FiSE;EACA;EAKA;E+FrSF;EACA;EACA;EACA;EACA;AjGq6SF;AiGl6SA;EACE;EACA;EACA;EACA;AjGo6SF;AiGj6SA;EACE;EACA;EACA;AjGm6SF;AiGj6SE;EACE;EACA;EACA;EACA;EACA;E/FuQA;EACA;EAKA;AFypSJ;AiGl6SE;EACE;AjGo6SJ;AiGj6SE;EACE;EACA;EACA;EACA;AjGm6SJ;AiGj6SI;EACE;EACA;EACA;EACA;EjGm6SJ,0GAA0G;EiGl6StG;AjGo6SN;AiGl6SM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjGo6SR;AiGj6SM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjGm6SR;AiG75SA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjG+5SF;AiG75SE;EACE;AjG+5SJ;AiG35SA;EACE;AjG65SF;AiG15SA;EACE;EACA;EACA;EACA;EACA;EACA;AjG45SF;AiGz5SA;EACE;EACA;EACA;EACA;EACA;EACA;AjG25SF;AACA;;;;;;;;EAQE;AkG/kTF;EACE;EACA;EACA;EACA;AlGilTF;AkG9kTA;EACE;EACA;EACA;EACA;AlGglTF;AkG7kTA;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlG+kTF;AkG7kTE;;;EACE;AlGilTJ;AkG7kTA;EACE;AlG+kTF;AkG5kTA;EACE;EACA;EACA;EACA;EACA;EACA;AlG8kTF;AkG3kTA;;EAEE;AlG6kTF;AkG1kTA;ED3DE;E/FkbE;EACA;EACA;EACA;EACA;EACA;EgG1bF;EACA;EACA;EACA;EACA;EACA;EACA;AlGkpTF;AkGtlTA;ED/DE;E/FkbE;EACA;EACA;EACA;EACA;EACA;EgG1bF;EACA;EACA;EACA;EACA;EACA;EACA;AlGkqTF;AkGlmTA;EACE;EACA;AlGomTF;AkGjmTA;;;EAGE;EACA;EACA;EACA;EACA;EACA;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UF;EACE;EACA;EACA;EACA;EACA;EACA;AvGkyUF;AuG/xUA;EACE;EACA;EACA;EACA;EACA;AvGiyUF;AuG9xUA;EACE;EACA;EACA;EACA;EACA;AvGgyUF;AuG7xUA;EACE;EACA;EACA;EACA;EACA;AvG+xUF;AuG5xUA;EACE;EACA;EACA;EACA;EACA;AvG8xUF;AuG3xUA;EACE;EACA;EACA;EACA;EACA;AvG6xUF;AuG1xUA;EACE;EACA;EACA;EACA;EACA;AvG4xUF;AuGzxUA;EACE;EACA;EACA;EACA;EACA;AvG2xUF;AuGxxUA;EACE;EACA;EACA;EACA;EACA;AvG0xUF;AACA;;;;;;;;EAQE;AwGz2UF;EACE;EACA;EACA;EACA;EtG+gBE;EACA;EAjgBA;EAyeA;EFu3TF,mGAAmG;AACrG;AEt3TI;EAAA;IACE;IACA;IACA;EFy3TJ;AACF;A2C51UI;EACE;EACA;A3C81UN;A2C51UM;EACE;E3C81UN,2FAA2F;AAC7F;A2C51UM;EzCGF;EACA;EAXA;AFw2UJ;A2C71UM;EACE;EACA;A3C+1UR;A2C51UM;EACE;EACA;A3C81UR;A2C51UQ;EACE;EACA;A3C81UV;A2C31UQ;;EACE;EACA;A3C81UV;A2C31UQ;EzCpBJ;EACA;EAXA;AF83UJ;A2C51UQ;EACE;EACA;EACA;A3C81UV;AwGx5UE;EACE;EACA;AxG05UJ;AwGv5UE;ErGCE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHo6UJ;AwG55UE;EtG2EE;EACA;EACA;EACA;EClFA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH85UJ;AwG76UA;EACE;EACA;AxG+6UF;AwG56UA;EACE;EACA;EACA;AxG86UF;AwG56UE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ErG1CA;EACA;EACA;EACA;AHy9UJ;AwG96UE;ErG9CE;EACA;EACA;EACA;AH+9UJ;AwG/6UA;EACE;EACA;EACA;AxGi7UF;AwG96UA;EACE;AxGg7UF;AACA;;;;;;;;E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E;IACA;IACA;EH8oVJ;EG5oVE;IACE;IACA;IACA;EH8oVJ;AACF;AGxoVE;EAfE;IACE;IACA;IACA;EH0pVJ;EGxpVE;IACE;IACA;IACA;EH0pVJ;AACF;AGnoVE;EAVE;IACE;IACA;EHgpVJ;EG9oVE;IACE;IACA;EHgpVJ;AACF;AG1oVE;EAbE;IACE;IACA;EH0pVJ;EGxpVE;IACE;IACA;EH0pVJ;AACF;AGvoVE;EALE;IDlLA;IACA;IACA;EFk0VF;AACF;AG3oVE;EARE;IDlLA;IACA;IACA;EFy0VF;AACF;AGroVE;EALE;IDlMA;IACA;IACA;EFg1VF;AACF;AGzoVE;EARE;IDlMA;IACA;IACA;EFu1VF;AACF;AGnoVE;EALE;IDlNA;IACA;IACA;EF81VF;AACF;AGvoVE;EARE;IDlNA;IACA;IACA;EFq2VF;AACF;AGjoVE;EALE;IDlOA;IACA;IACA;EF42VF;AACF;AGroVE;EARE;IDlOA;IACA;IACA;EFm3VF;AACF;AG9nVE;EALE;IDnPA;IACA;IACA;EF03VF;AACF;AGloVE;EARE;IDnPA;IACA;IACA;EFi4VF;AACF;AG3nVE;EALE;IDpQA;IACA;IACA;EFw4VF;AACF;AG/nVE;EARE;IDpQA;IACA;IACA;EF+4VF;AACF;AGrnVE;EAVE;IACE;IDpRF;IACA;IACA;EFu5VF;EGloVE;IACE;IDxRF;IACA;IACA;EF65VF;AACF;AGhoVE;EAbE;IACE;IDpRF;IACA;IACA;EFq6VF;EGhpVE;IACE;IDxRF;IACA;IACA;EF26VF;AACF;AG1nVE;EAbE;IACE;IDxSF;IACA;IACA;EFm7VF;EG1oVE;IACE;ID5SF;IACA;IACA;EFy7VF;EG5oVE;ID/SA;IACA;IACA;EF87VF;AACF;AG1oVE;EAhBE;IACE;IDxSF;IACA;IACA;EFs8VF;EG7pVE;IACE;ID5SF;IACA;IACA;EF48VF;EG/pVE;ID/SA;IACA;IACA;EFi9VF;AACF;AG9oVE;EARE;ID9TA;IACA;IACA;EFw9VF;EGzpVE;IDjUA;IACA;IACA;EF69VF;AACF;AGvpVE;EAXE;ID9TA;IACA;IACA;EFo+VF;EGrqVE;IDjUA;IACA;IACA;EFy+VF;AACF;AGppVE;EARE;IDhVA;IACA;IACA;EFg/VF;EG/pVE;IDnVA;IACA;IACA;EFq/VF;AACF;AG7pVE;EAXE;IDhVA;IACA;IACA;EF4/VF;EG3qVE;IDnVA;IACA;IACA;EFigWF;AACF;AGvpVE;EAXE;IACE;EHqqVJ;EGnqVE;IACE;EHqqVJ;EGnqVE;IACE;EHqqVJ;AACF;AG/pVE;EAdE;IACE;EHgrVJ;EG9qVE;IACE;EHgrVJ;EG9qVE;IACE;EHgrVJ;AACF;AGlpVE;EAjBE;IDvXA;IACA;IACA;ICuXE;EHwqVJ;EGtqVE;IACE;EHwqVJ;EGtqVE;ID9XA;IACA;IACA;IC8XE;EH0qVJ;EGxqVE;IDlYA;IACA;IACA;ICkYE;EH4qVJ;AACF;AGtqVE;EApBE;IDvXA;IACA;IACA;ICuXE;EH+rVJ;EG7rVE;IACE;EH+rVJ;EG7rVE;ID9XA;IACA;IACA;IC8XE;EHisVJ;EG/rVE;IDlYA;IACA;IACA;ICkYE;EHmsVJ;AACF;AGzqVE;EAbE;IDlZA;IACA;IACA;ICkZE;EH2rVJ;EGzrVE;IACE;EH2rVJ;EGzrVE;IDzZA;IACA;IACA;ICyZE;EH6rVJ;AACF;AGvrVE;EAhBE;IDlZA;IACA;IACA;ICkZE;EH4sVJ;EG1sVE;IACE;EH4sVJ;EG1sVE;IDzZA;IACA;IACA;ICyZE;EH8sVJ;AACF;AGnrVE;EAdE;IDzaA;IACA;IACA;ICyaE;EHssVJ;EGpsVE;ID7aA;IACA;IACA;IC6aE;EHwsVJ;EGtsVE;IDjbA;IACA;IACA;ICibE;EH0sVJ;AACF;AGpsVE;EAjBE;IDzaA;IACA;IACA;ICyaE;EH0tVJ;EGxtVE;ID7aA;IACA;IACA;IC6aE;EH4tVJ;EG1tVE;IDjbA;IACA;IACA;ICibE;EH8tVJ;AACF;AGnsVE;EAdE;IDjcA;IACA;IACA;EFspWF;EGptVE;IDpcA;IACA;IACA;EF2pWF;EGttVE;IDvcA;IACA;IACA;EFgqWF;EGxtVE;ID1cA;IACA;IACA;EFqqWF;AACF;AGttVE;EAjBE;IDjcA;IACA;IACA;EF4qWF;EG1uVE;IDpcA;IACA;IACA;EFirWF;EG5uVE;IDvcA;IACA;IACA;EFsrWF;EG9uVE;ID1cA;IACA;IACA;EF2rWF;AACF;AG1tVE;EAXE;IDzdA;IACA;IACA;EFksWF;EGxuVE;ID5dA;IACA;IACA;EFusWF;EG1uVE;ID/dA;IACA;IACA;EF4sWF;AACF;AGxuVE;EAdE;IDzdA;IACA;IACA;EFmtWF;EGzvVE;ID5dA;IACA;IACA;EFwtWF;EG3vVE;ID/dA;IACA;IACA;EF6tWF;AACF;AGhuVE;EAlBE;IACE;IACA;EHqvVJ;EGnvVE;IACE;IACA;EHqvVJ;EGnvVE;IACE;IACA;EHqvVJ;EGnvVE;IACE;IACA;EHqvVJ;AACF;AG/uVE;EArBE;IACE;IACA;EHuwVJ;EGrwVE;IACE;IACA;EHuwVJ;EGrwVE;IACE;IACA;EHuwVJ;EGrwVE;IACE;IACA;EHuwVJ;AACF;AG/sVE;EAnCE;IDlhBA;IACA;IACA;EFwwWF;EGrvVE;IDrhBA;IACA;IACA;EF6wWF;EGvvVE;IDxhBA;IACA;IACA;EFkxWF;EGzvVE;ID3hBA;IACA;IACA;EFuxWF;EG3vVE;ID9hBA;IACA;IACA;EF4xWF;EG7vVE;IDjiBA;IACA;IACA;EFiyWF;EG/vVE;IDpiBA;IACA;IACA;EFsyWF;EGjwVE;IDviBA;IACA;IACA;EF2yWF;EGnwVE;ID1iBA;IACA;IACA;EFgzWF;EGrwVE;ID7iBA;IACA;IACA;EFqzWF;EGvwVE;IDhjBA;IACA;IACA;EF0zWF;AACF;AGrwVE;EAtCE;IDlhBA;IACA;IACA;EFi0WF;EG9yVE;IDrhBA;IACA;IACA;EFs0WF;EGhzVE;IDxhBA;IACA;IACA;EF20WF;EGlzVE;ID3hBA;IACA;IACA;EFg1WF;EGpzVE;ID9hBA;IACA;IACA;EFq1WF;EGtzVE;IDjiBA;IACA;IACA;EF01WF;EGxzVE;IDpiBA;IACA;IACA;EF+1WF;EG1zVE;IDviBA;IACA;IACA;EFo2WF;EG5zVE;ID1iBA;IACA;IACA;EFy2WF;EG9zVE;ID7iBA;IACA;IACA;EF82WF;EGh0VE;IDhjBA;IACA;IACA;EFm3W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6GtyXE;EACE;EACA;EACA;A7GwyXJ;A6GtyXI;EACE;EACA;A7GwyXN;A6GryXI;EACE;EACA;A7GuyXN;A6GryXM;EACE;EACA;A7GuyXR;AACA;;;;;;;;EAQE;A8Gt3XF;EACE;A9Gw3XF;A8Gr3XA;EACE;EACA;EACA;EACA;EACA;E9Gu3XA,kDAAkD;AACpD;A8Gt3XE;;;EAGE;A9Gw3XJ;A8Gr3XM;;;EACE;A9Gy3XR;A8Gv3XQ;;;EACE;A9G23XV;A8Gp3XI;EACE;A9Gs3XN;A8Gn3XI;;EAEE;A9Gq3XN;A8G52XQ;E9G82XN,yBAAyB;E8G52XjB;A9G82XV;A8G52XU;EACE;A9G82XZ;A8G12XQ;EACE;A9G42XV;A8Gx2XM;;EAEE;A9G02XR;A8Gt2XQ;;E9Gy2XN,8CAA8C;E8Gt2XtC;A9Gw2XV;A8Gt2XU;;EACE;A9Gy2XZ;A8Gt2XU;;EACE;A9Gy2XZ;A8Gl2XQ;;;;EAEE;A9Gs2XV;A8G91XQ;;EACE;A9Gi2XV;A8G/1XU;;EACE;A9Gk2XZ;A8G31XE;EAEI;EACA;A9G41XN;A8Gx1XE;EACE;EACA;EACA;A9G01XJ;A8Gx1XI;EACE;A9G01XN;A8Gt1XE;EACE;EACA;A9Gw1XJ;A8Gt1XI;EACE;A9Gw1XN;A8Gp1XE;EACE;A9Gs1XJ;A8Gp1XI;EACE;A9Gs1XN;A8Gl1XE;EACE;A9Go1XJ;A8Gl1XI;EACE;A9Go1XN;A8Gj1XI;EACE;EACA;A9Gm1XN;A8Gj1XM;EACE;A9Gm1XR;A8G/0XI;EACE;EACA;EAGA;EAEA;A9G80XN;A8Gz0XA;EACE;EACA;EACA;A9G20XF;A8Gz0XE;E9G20XA;mHACiH;E8Gz0X/G;EACA;A9G20XJ;A8Gx0XE;E9G00XA,qCAAqC;E8Gx0XnC;A9G00XJ;A8Gv0XE;;;;EAIE;EACA;A9Gy0XJ;A8Gt0XE;EACE;A9Gw0XJ;A8Gl0XI;;;;EAIE;A9Go0XN;A8Gj0XI;E5GoGA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHihYJ;AEztXI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AF8tXN;AE7uXI;ECp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r5ZE;E/GzCE;EAXA;E+GsDA;AjHw5ZJ;AiHr5ZE;EACE;AjHu5ZJ;AiHp5ZE;EACE;EACA;EACA;EACA;AjHs5ZJ;AiHn5ZE;EACE;AjHq5ZJ;AiHl5ZE;EACE;AjHo5ZJ;AiHj5ZE;EACE;AjHm5ZJ;AiHh5ZE;EACE;AjHk5ZJ;AiH/4ZE;;EAEE;AjHi5ZJ;AiH94ZE;;EAEE;AjHg5ZJ;AiH34ZI;;EACE;EACA;EjH84ZJ,yCAAyC;AAC3C;AiH54ZI;;EACE;EACA;EACA;EjH+4ZJ,gEAAgE;AAClE;AiH54ZE;EACE;AjH84ZJ;AiH34ZE;EACE;AjH64ZJ;AiH14ZE;EACE;AjH44ZJ;AiHx4ZI;EACE;AjH04ZN;AiHv4ZI;EACE;AjHy4ZN;AiHr4ZE;EACE;AjHu4ZJ;AiHp4ZE;EACE;AjHs4ZJ;AiHn4ZE;;EAEE;AjHq4ZJ;AiHj4ZI;EACE;EACA;EjHm4ZJ,yCAAyC;AAC3C;AiHj4ZI;EACE;EACA;EACA;EjHm4ZJ,gEAAgE;AAClE;AiH93ZI;EACE;AjHg4ZN;AiH73ZI;EACE;AjH+3ZN;AiH53ZI;EACE;AjH83ZN;AiH33ZI;EACE;AjH63ZN;AiHz3ZE;EACE;AjH23ZJ;AiHx3ZE;EACE;AjH03ZJ;AiHv3ZE;EACE;EACA;AjHy3ZJ;AiHr3ZI;EACE;AjHu3ZN;AiHp3ZI;EACE;AjHs3ZN;AiHp3ZM;EACE;AjHs3ZR;AiHh3ZA;EACE;AjHk3ZF;AiH/2ZA;EACE;AjHi3ZF;AiH92ZA;EACE;EACA;AjHg3ZF;AiH92ZE;EACE;EACA;AjHg3ZJ;AiH92ZI;EACE;EACA;AjHg3ZN;AiH92ZM;EACE;AjHg3ZR;AiH72ZM;EACE;AjH+2ZR;AiH72ZQ;EACE;AjH+2ZV;AiHx2ZA;EACE;EACA;EACA;AjH02ZF;AiHv2ZA;EACE;EACA;AjHy2ZF;AiHv2ZE;E/G+JE;EACA;EACA;EACA;EACA;EACA;AF2sZJ;AiH12ZA;EACE;AjH42ZF;AiHz2ZA;EACE;AjH22ZF;AACA,4BAA4B;AiHx2Z5B;EACE;AjH02ZF;AiHx2ZE;EACE;AjH02ZJ;AiHx2ZI;EACE;AjH02ZN;AACA;;;;;;;;EAQE;AkHhqaF;EACE;EACA;AlHkqaF;AkH/paA;EACE;EACA;EACA;AlHiqaF;AkH9paA;EACE;EhHsVE;EACA;EACA;EACA;AF20ZJ;AkH/paE;EACE;AlHiqaJ;AACA;;;;;;;;EAQE;AmH5raF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnH8raF;AmH5raE;EACE;AnH8raJ;AmH3raE;EACE;EACA;AnH6raJ;AmH1raE;EACE;EACA;AnH4raJ;AmHzraE;EACE;EACA;AnH2raJ;AmHxraE;EACE;EACA;EACA;AnH0raJ;AmHtraA;EnHwraE,6HAA6H;EmHtra7H;AnHwraF;AACA;;;;;;;;EAQE;AoHzuaF;EpH2uaE,6DAA6D;EoHzua7D;ApH2uaF;AoHxuaA;EACE;EACA;EACA;EACA;EACA;ApH0uaF;AoHxuaE;EACE;EACA;ApH0uaJ;AoHvuaE;EACE;ApHyuaJ;AoHtuaE;;EAEE;EACA;ApHwuaJ;AoHtuaI;;EACE;EACA;ApHyuaN;AACA;;;;;;;;EAQE;AqH3waF;EACE;EACA;EACA;ArH6waF;AqH3waE;EACE;EACA;EnH+VA;EACA;AF+6ZJ;AqH3waE;EACE;ErH6waF,yCAAyC;EqH3wavC;ArH6waJ;AqHzwaA;EACE;EnHmVE;EACA;AFy7ZJ;AqH1waE;EACE;ArH4waJ;AqHxwaA;;EAEE;ArH0waF;AqHvwaA;;EAEE;ArHywaF;AqHtwaA;EACE;ArHwwaF;AqHrwaA;EACE;ArHuwaF;AqHpwaA;EnHyTI;EACA;AF88ZJ;AqHpwaA;EACE;EACA;ArHswaF;AqHpwaE;EACE;ArHswaJ;AqHnwaE;EACE;ArHqwaJ;AqH/vaE;;EACE;ArHkwaJ;AACA;;;;;;;;EAQE;AsH/0aF;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtHi1aF;AsH/0aE;;EACE;AtHk1aJ;AsH70aE;EACE;EpHoVA;EACA;EoHnVA;AtHg1aJ;AsH90aI;EACE;AtHg1aN;AsH50aM;EACE;EACA;AtH80aR;AsH30aM;;EAEE;AtH60aR;AsHv0aA;EACE;EACA;EACA;EACA;AtH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J,2DAA2D;EkI/xcvD;AlIiycN;AkI9xcI;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAIA;EACA;EACA;EACA;EACA;AlI2xcN;AkIxxcI;EACE;AlI0xcN;AkIpxcI;EAEE;AlIqxcN;AkInxcM;EACE;AlIqxcR;AkIlxcM;EACE;AlIoxcR;AkIjxcM;EACE;AlImxcR;AkIjxcQ;ElImxcN,gFAAgF;EkIjxcxE;EACA;EACA;AlImxcV;AkI5wcI;EACE;AlI8wcN;AkI3wcI;EACE;AlI6wcN;AkI1wcI;;EAEE;AlI4wcN;AkIvwcI;;;;ElI4wcF,iFAAiF;EkIvwc7E;AlIywcN;AkItwcI;EhI4IA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AH86cJ;AEtncI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AF2ncN;AE1ocI;ECpTA;EACA;EACA;EACA;AHi8cJ;AkIhycE;EACE;EACA;AlIkycJ;AkIhycI;EACE;AlIkycN;AkIhycM;EhIvEF;EACA;AF02cJ;AkIhycM;EhI3EF;EACA;AF82cJ;AkI/xcI;EACE;AlIiycN;AkI9xcI;EACE;AlIgycN;AkI7xcI;ElI+xcF,qFAAqF;AACvF;AkI/xcM;EACE;AlIiycR;AkI5xcM;;EAEE;AlI8xcR;AkI5xcQ;;EACE;AlI+xcV;AkI5xcQ;;EACE;AlI+xcV;AkI3xcM;EACE;AlI6xcR;AkIzxcQ;EACE;AlI2xcV;AkIxxcQ;EACE;AlI0xcV;AkIvxcQ;;EAEE;AlIyxcV;AkIpxcQ;EACE;AlIsxcV;AkInxcQ;;;EAGE;AlIqxcV;AkIp0cI;EAoDI;AlImxcR;AkIv0cI;;EAyDI;AlIkxcR;AkI30cI;EA6DI;EACA;AlIixcR;AkI/0cI;;EAmEI;AlIgxcR;AkI3wcE;EACE;EACA;AlI6wcJ;AkI3wcI;EACE;AlI6wcN;AkIzwcM;EACE;AlI2wcR;AkIxwcM;;EAEE;AlI0wcR;AkIxwcQ;;EACE;AlI2wcV;AkIxwcQ;;EACE;AlI2wcV;AkIrwcE;EACE;EACA;AlIuwcJ;AkIrwcI;EACE;AlIuwcN;AkIpwcI;EhIpMA;EACA;AF28cJ;AkIpwcI;EhIxMA;EACA;AF+8cJ;AkInwcM;EACE;AlIqwcR;AkIlwcM;;EAEE;AlIowcR;AkIlwcQ;;EACE;AlIqwcV;AkIlwcQ;;EACE;AlIqwcV;AkIhwcQ;EACE;AlIkwcV;AkI/vcQ;;EAEE;AlIiwcV;AkI3vcE;EhI3TE;AFyjdJ;AkI3vcI;EACE;EhI/TF;AF6jdJ;AkI1vcI;EhInUA;AFgkdJ;AkIzvcI;EACE;EhIxUF;AFokdJ;AkIxvcI;EhI5UA;AFukdJ;AkIxvcM;EhI/UF;AF0kdJ;AkIvvcM;EhInVF;AF6kdJ;AkItvcM;EhIvVF;AFgldJ;AACA;;;EAGE;AACF;;;;;;;;EAQE;AmIpndF;EACE;EACA;EACA;AnIsndF;AmIpndE;EACE;EACA;EACA;EACA;EACA;EACA;AnIsndJ;AmIpndI;EACE;AnIsndN;AmInndI;EACE;AnIqndN;AmIlndI;;EAEE;AnIondN;AmIjndI;EACE;AnImndN;AmIjndM;EACE;EACA;EACA;AnImndR;AmI/mdI;EACE;EACA;EjImUF;EACA;AF+ycJ;AmI/mdI;EACE;AnIindN;AmI5mdA;EACE;AnI8mdF;AmI5mdE;EACE;EACA;AnI8mdJ;AmI5mdI;EACE;AnI8mdN;AmI3mdI;EACE;EACA;EAIA;EAEA;EACA;AnIymdN;AmItmdI;EACE;AnIwmdN;AmInmdA;EACE;AnIqmdF;AmInmdE;EACE;AnIqmdJ;AmInmdI;EACE;AnIqmdN;AmI/ldI;EjIvEA;AFyqdJ;AmI9ldI;EACE;AnIgmdN;AmI5ldE;;EAEE;AnI8ldJ;AmIzldI;EACE;AnI2ldN;AmIxldQ;EACE;AnI0ldV;AmIvldQ;EACE;AnIyldV;AmIpldI;EACE;EACA;AnIsldN;AmInldI;;EAEE;EACA;AnIqldN;AmIhldI;EACE;AnIkldN;AmI/kdQ;EACE;AnIildV;AmI9kdQ;EACE;AnIgldV;AmI3kdI;EACE;EACA;AnI6kdN;AmI1kdI;;EAEE;EACA;AnI4kdN;AmItkdI;EjI9IA;AFutdJ;AmIpkdM;;;EACE;EACA;EACA;AnIwkdR;AmIrkdU;;;EACE;AnIykdZ;AmItkdU;;;EACE;AnI0kdZ;AACA;;;;;;;;EAQE;AoIpwdF;EF0XE;EACA;EEzXA;EpIuwdA,iCAAiC;AACnC;AkI74cE;EACE;EACA;AlI+4cJ;AoI1wdE;EACE;ApI4wdJ;AoIzwdE;EACE;ApI2wdJ;AoIxwdE;EF8WA;EACA;AlI65cF;AkI35cE;EACE;EACA;AlI65cJ;AoI7wdI;EACE;ApI+wdN;AoI1wdE;EACE;ApI4wdJ;AoI1wdI;EACE;ApI4wdN;AoIxwdE;EACE;EpI0wdF,oCAAoC;EoIzwdlC;EACA;ApI2wdJ;AoIzwdI;;EAEE;ApI2wdN;AoIxwdI;EACE;EpI0wdJ,qCAAqC;AACvC;AoIzwdM;EACE;ApI2wdR;AoIzwdQ;;;EAGE;ApI2wdV;AoIzwdU;;;;;;EAEE;ApI+wdZ;AoI5wdU;;;;;;;;;EAGE;ApIoxdZ;AoIhxdQ;EACE;ApIkxdV;AoI9wdM;EACE;ApIgxdR;AoI3wdM;EACE;ApI6wdR;AoIzwdI;EpI2wdF,mDAAmD;EoIzwd/C;ApI2wdN;AoIzwdM;EACE;ApI2wdR;AoItwdM;EnH2CF;EACA;EACA;EmH3CI;ApI0wdR;AoItwdQ;;EAEE;ApIwwdV;AoInwdI;EACE;ApIqwdN;AoI3vdM;;EACE;ApI8vdR;AoI5vdQ;;EACE;ApI+vdV;AoI1vdI;EACE;ApI4vdN;AoI1vdM;EACE;ApI4vdR;AoIzvdM;EACE;ApI2vdR;AoIrvdQ;EACE;ApIuvdV;AoIpvdQ;EACE;EACA;ApIsvdV;AoIpvdU;EACE;ApIsvdZ;AoIjvdM;EACE;ApImvdR;AoI/udI;EACE;ApIivdN;AoI/udM;EACE;ApIivdR;AoIxudM;;EACE;ApI2udR;AoIzudQ;;EACE;ApI4udV;AoIvudI;EACE;ApIyudN;AoIvudM;EACE;ApIyudR;AoItudM;EACE;ApIwudR;AoIludQ;EACE;ApIoudV;AoIjudQ;EACE;EACA;ApImudV;AoIjudU;EACE;ApImudZ;AoI9tdM;EACE;ApIgudR;AoI5tdI;EACE;ApI8tdN;AoI5tdM;EACE;ApI8tdR;AACA;;;;;;;;EAQE;AqI57dF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EnIKE;EmIHF;EACA;EACA;EAGA;EAGA;EAEA;ArIy7dF;AqI/6dE;EACE;EACA;EAGA;EAEA;ArI86dJ;AqI36dE;EACE;EnIwYA;EACA;EACA;EACA;EACA;EACA;EmI3YA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;ArIg7dJ;AqI76dE;EACE;ArI+6dJ;AqI56dE;EACE;EACA;ArI86dJ;AqI36dE;EACE;EACA;ArI66dJ;AqIx6dI;;EpI0BF;EDk5dA,sCAAsC;AACxC;AqIx6dE;EACE;EACA;EACA;EACA;ArI06dJ;AqIt6dE;EACE;ArIw6dJ;AqIr6dE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EnIiZA;AFuhdJ;AErhdI;EAAA;IACE;IACA;IACA;EFwhdJ;AACF;AqI56dI;EACE;EACA;EACA;ArI86dN;AqI36dI;EACE;ArI66dN;AqI16dI;EACE;ArI46dN;AqIz6dI;EACE;ArI26dN;AqIx6dI;EACE;EACA;ArI06dN;AqIr6dA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;ArIs6dF;AqIp6dE;EACE;EACA;EAEA;EACA;ArIq6dJ;AqIl6dE;EACE;EACA;EACA;ArIo6dJ;AqIl6dI;EACE;EACA;EAEA;EACA;ArIm6dN;AqIh6dI;EACE;EACA;ArIk6dN;AqI75dA;EACE;;IpI3EA;ID4+dE,sCAAsC;EACxC;AACF;AqI75dA;;EAEE;ArI+5dF;AACA;;;;;;;;EAQE;AsIjmeA;;EAEE;EACA;EACA;EACA;AtImmeJ;AsIhmeE;EACE;EACA;AtIkmeJ;AsI/leE;EACE;AtIimeJ;AsI9leE;EtIgmeA;6GAC2G;EAC3G,2GAA2G;EsI9lezG;EACA;EACA;EACA;EtIgmeF,sCAAsC;AACxC;AsI/leI;EAGE;EACA;AtI+leN;AsI5leI;EACE;EtI8leJ,sCAAsC;AACxC;AsI5leI;EACE;EtI8leJ,sCAAsC;AACxC;AACA;;;EAGE;AsIxleA;EACE;EACA;AtI0leJ;AsIxleI;EACE;AtI0leN;AsIvleI;EACE;AtIyleN;AsItleI;EpIpBA;EACA;EAXA;AFyneJ;AsItleE;EACE;EACA;EACA;AtIwleJ;AsIpleA;EnIvEI;EACA;EACA;EACA;EmIsEF;EACA;EACA;EACA;EACA;EACA;AtIyleF;AsIpleE;;EnInFE;EACA;EACA;EACA;AH2qeJ;AsItleA;EAEI;;;IAGE;IACA;IACA;EtIuleJ;AACF;AACA;;;;;;;;EAQE;AuInseF;EAGE;AvImseF;AuIjseE;EAEE;AvIkseJ;AACA;;;;;;;;EAQE;AwIlteF;EtImXI;EACA;AFk2dJ;AACA;;;;;;;;EAQE;AqD/teF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ArDiueF;AqD/teE;EACE;ArDiueJ;AqD9teE;EACE;ArDgueJ;AqD7teE;EnDsaE;EACA;EACA;EACA;EACA;EACA;EmDzaA;EACA;EACA;EACA;EACA;ArDoueJ;AqDjueE;EACE;ArDmueJ;AqDhueE;EACE;ArDkueJ;AqD/teE;EACE;ArDiueJ;AACA;;;;;;;;EAQE;AACF,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,sDAAsD;AACtD,8IAA8I;AAC9I,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC;;;;;;;;EAQE;AACF;;;;;;;;;EASE;AyIzyeA;;EvIqBE;AFwxeJ;AyIxyeE;EvIYE;AF+xeJ;AyItyeI;EvI2FA;EACA;AF8seJ;AyItyeI;EvIuFA;EACA;AFkteJ","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/action/Button.less","webpack:///./src/box/Box.less","webpack:///./src/boxbuttons/BoxButtons.less","webpack:///./src/checkbox/CheckBox.less","webpack:///./src/calendar/Calendar.less","webpack:///./src/calendar/YearPanel.less","webpack:///./src/datepicker/DatePicker.less","webpack:///./src/desktop/Desktop.less","webpack:///./src/desktop/DesktopLogo.less","webpack:///./src/desktop/DesktopDense.less","webpack:///./src/desktop/bench/DesktopBench.less","webpack:///./src/scrollbar/Scrollbar.less","webpack:///./src/desktop/bench/BenchColumn.less","webpack:///./src/group/Group.less","webpack:///./src/tabbox/SimpleTabBox.less","webpack:///./src/tabbox/SimpleTabArea.less","webpack:///./src/tabbox/SimpleTab.less","webpack:///./src/carousel/Carousel.less","webpack:///./src/collapsehandle/CollapseHandle.less","webpack:///./src/desktop/desktoptab/DesktopTab.less","webpack:///./src/desktop/desktoptab/DesktopTabArea.less","webpack:///./src/desktop/header/DesktopHeader.less","webpack:///./src/desktop/navigation/DesktopNavigation.less","webpack:///./src/desktop/navigation/DesktopNavigationHandle.less","webpack:///./src/desktop/notification/DesktopNotification.less","webpack:///./src/notification/Notification.less","webpack:///./src/desktop/outline/Outline.less","webpack:///./src/desktop/outline/SearchOutline.less","webpack:///./src/desktop/outline/navigation/NavigateButton.less","webpack:///./src/desktop/outline/overview/OutlineOverview.less","webpack:///./src/desktop/popupblocker/PopupBlockerDesktopNotification.less","webpack:///./src/desktop/toolbox/DesktopToolBox.less","webpack:///./src/desktop/viewbutton/ViewButton.less","webpack:///./src/desktop/viewbutton/ViewButtonBox.less","webpack:///./src/desktop/viewbutton/ViewMenuTab.less","webpack:///./src/desktop/viewbutton/ViewMenuPopup.less","webpack:///./src/filechooser/FileChooser.less","webpack:///./src/messagebox/MessageBox.less","webpack:///./src/filechooser/FileInput.less","webpack:///./src/form/Form.less","webpack:///./src/menu/menubar/MenuBar.less","webpack:///./src/form/FormMenu.less","webpack:///./src/form/ScoutInfoForm.less","webpack:///./src/form/fields/TextFieldIcon.less","webpack:///./src/form/fields/FormField.less","webpack:///./src/form/fields/LookupBox.less","webpack:///./src/form/fields/ValueField.less","webpack:///./src/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/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/Menu.less","webpack:///./src/menu/ContextMenuPopup.less","webpack:///./src/menu/ComboMenu.less","webpack:///./src/menu/ProfileMenu.less","webpack:///./src/menu/form/field/FormFieldMenu.less","webpack:///./src/menu/menubar/MenuBarPopup.less","webpack:///./src/modeselector/Mode.less","webpack:///./src/modeselector/ModeSelector.less","webpack:///./src/planner/Planner.less","webpack:///./src/planner/PlannerHeader.less","webpack:///./src/popup/Popup.less","webpack:///./src/popup/MobilePopup.less","webpack:///./src/popup/TouchPopup.less","webpack:///./src/popup/WidgetPopup.less","webpack:///./src/resizable/resizable.less","webpack:///./src/session/BusyIndicator.less","webpack:///./src/slider/Slider.less","webpack:///./src/splitter/Splitter.less","webpack:///./src/style/fonts.less","webpack:///./src/style/sizes.less","webpack:///./src/switch/Switch.less","webpack:///./src/table/Table.less","webpack:///./src/table/TableFooter.less","webpack:///./src/table/TableHeader.less","webpack:///./src/table/TableHeaderMenu.less","webpack:///./src/table/TableRowDetail.less","webpack:///./src/table/controls/TableControl.less","webpack:///./src/table/editor/CellEditorPopup.less","webpack:///./src/table/columns/CompactColumn.less","webpack:///./src/tagbar/TagBar.less","webpack:///./src/tagbar/TagBarOverflowPopup.less","webpack:///./src/timepicker/TimePicker.less","webpack:///./src/tooltip/Tooltip.less","webpack:///./src/tooltip/WidgetTooltip.less","webpack:///./src/tree/Tree.less","webpack:///./src/tree/CompactTree.less","webpack:///./src/tile/Tile.less","webpack:///./src/tile/TileGrid.less","webpack:///./src/tile/TileOverview.less","webpack:///./src/tile/accordion/TileAccordion.less","webpack:///./src/tile/PlaceholderTile.less","webpack:///./src/tile/fields/FormFieldTile.less","webpack:///./src/tile/fields/button/TileButton.less","webpack:///./src/tile/fields/tablefield/TileTableField.less","webpack:///./src/filter/FilterSupport.less","webpack:///./src/login/LoginBox.less","webpack:///./src/form/fields/breadcrumbbarfield/BreadcrumbBarField.less","webpack:///./src/breadcrumbbar/BreadcrumbBar.less","webpack:///./src/tile/fields/FormFieldTile-dark.less"],"sourcesContent":["/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\nbody {\n background-color: #0E1316;\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: #E9EBEB;\n letter-spacing: 0.2px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -moz-user-select: -moz-none;\n / Prevent mobile safari from adjusting text, due to our dynamic layouting it will be always wrong /\n -webkit-text-size-adjust: none;\n / Disable highlight color. May be enabled for specific elements if required /\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody.ios {\n / Body can be moved on ios even if it isn't scrollable. Prevent it by using position: fixed.\n Drawback: it seems something invisible happens nevertheless, actions like a button click won't be executed if the user tried to scroll right before.\n He has to wait until the invisible scrolling has finished before he can try to click the button.\n Another drawback: there is a flickering effect of labels on certain screens (e.g. beamer) with chrome when a popup (e.g. smart field popup) is shown and position is set to fixed.\n Hence it is important to only activate it on ios. /\n position: fixed;\n}\n/ -moz variant is required, see https://bugzilla.mozilla.org/show_bug.cgi?id=509958 /\n::-moz-selection {\n background: #71b0e8;\n color: #0E1316;\n}\n::selection {\n background: #71b0e8;\n color: #0E1316;\n}\n::-webkit-input-placeholder {\n color: #7E8588;\n opacity: 1;\n / necessary for firefox /\n}\n:-moz-placeholder {\n / older versions of firefox /\n color: #7E8588;\n opacity: 1;\n / necessary for firefox /\n}\n::-moz-placeholder {\n color: #7E8588;\n opacity: 1;\n / necessary for firefox /\n}\n:-ms-input-placeholder {\n color: #7E8588;\n opacity: 1;\n / necessary for firefox /\n}\n::placeholder {\n / Most modern browsers /\n color: #7E8588;\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: #7E8588;\n color: #0E1316;\n}\n.disabled::selection {\n background: #7E8588;\n color: #0E1316;\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(126, 133, 136, 0.5);\n / Fill color is inherited, make sure it is ignored and the current color is used instead. Needed for iOS, see usage of -webkit-text-fill-color below/\n -webkit-text-fill-color: currentcolor;\n}\n.disabled:-moz-placeholder {\n / older versions of firefox /\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(126, 133, 136, 0.5);\n}\n.disabled::-moz-placeholder {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(126, 133, 136, 0.5);\n}\n.disabled:-ms-input-placeholder {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(126, 133, 136, 0.5);\n}\n/ Add this class to temporary remove an element from the document flow. /\n/ !important is used to override any specific \"display\" values (because this /\n/ call would in most cases be less specific than the element's rules). /\n.hidden {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n/ Add this class to temporary hide (but not remove from flow) an element. Similar to \"hidden\". /\n.invisible {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n,\n::before,\n::after {\n /* NOSONAR (universal selector is okay here) /\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n/ Workaround for firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=648624 /\n/ use -moz-none to allow child element to set -moz-user-select: text /\n/ See also: focusUtil.js, isSelectableText() /\n.table-cell,\n.table-header-item,\n.tree-node,\n.table-footer,\n.table-control,\n.table-info-item,\n.table-header-menu-group-text {\n -moz-user-select: -moz-none;\n}\ninput,\ntextarea,\nbutton {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n letter-spacing: 0.2px;\n}\ninput,\ntextarea,\n.input-field {\n background-color: transparent;\n color: #E9EBEB;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n}\ninput.disabled,\ntextarea.disabled,\n.input-field.disabled {\n background-color: inherit;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n}\ninput:focus,\ntextarea:focus,\n.input-field:focus,\ninput.focused,\ntextarea.focused,\n.input-field.focused {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\ninput.has-error,\ntextarea.has-error,\n.input-field.has-error {\n border-color: #FF8888;\n background-color: #252F34;\n}\ninput.has-error:focus,\ntextarea.has-error:focus,\n.input-field.has-error:focus,\ninput.has-error.focused,\ntextarea.has-error.focused,\n.input-field.has-error.focused {\n outline: none;\n box-shadow: 0 0 0 3px #804444;\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 rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\ntextarea.read-only {\n border: 1px dashed rgba(255, 255, 255, 0.12);\n}\ninput[type=\"text\"].alternative,\ninput[type=\"password\"].alternative {\n / Add 1px padding to prevent the text from moving a little when field is focused due to the 2px focus border /\n padding-bottom: 1px;\n / Compensate padding-bottom to align input text with label on the left /\n / It won't be perfect (especially when zoomed) but should be good enough /\n padding-top: 2px;\n}\ninput.alternative,\n.input-field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: rgba(255, 255, 255, 0.25);\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: #7E8588;\n border-bottom-style: dashed;\n border-bottom-color: rgba(255, 255, 255, 0.12);\n}\ninput.alternative:focus,\n.input-field.alternative:focus,\ninput.alternative.focused,\n.input-field.alternative.focused {\n color: #71b0e8;\n border-bottom-color: #71b0e8;\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: #FF8888;\n border-bottom-color: #FF8888;\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: #FF8888;\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: #E9EBEB;\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: #7E8588;\n opacity: 1;\n}\ninput.disabled.read-only,\ntextarea.disabled.read-only {\n -webkit-text-fill-color: #E9EBEB;\n}\ninput.disabled::selection,\ntextarea.disabled::selection {\n -webkit-text-fill-color: #0E1316;\n}\ntextarea.alternative {\n background-color: transparent;\n}\ntextarea.alternative.disabled:not(.read-only) {\n background-color: transparent;\n border: 1px dashed rgba(255, 255, 255, 0.12);\n color: #7E8588;\n}\ninput[type=\"text\"],\ntextarea {\n / Explicitly set 'user-select' to something other than 'none', otherwise the focus manager /\n / might prevent text selection (scout.focusUtils.isSelectableText()). Some browsers already /\n / provide such a rule in the user style sheet, but some do not (e.g. Chrome 62). /\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\ntextarea {\n / these two properties are required for FF, otherwise the editable textarea is 2px too large, /\n / and the DOM inspector does not include these 2 pixels. /\n margin: 0 auto;\n padding: 7px 10px;\n resize: none;\n / Override default overflow value 'scroll' /\n overflow: auto;\n / IE/Edge: show scrollbars on textarea if the content is too big to fit /\n / overflow:auto alone is not sufficient because -ms-overflow-style could be set on a parent element and textarea inherits this property /\n -ms-overflow-style: auto;\n / remove platform specific styling, mainly used to remove shadow on ios safari /\n -webkit-appearance: none;\n -moz-appearance: none;\n}\ntextarea.alternative {\n border-radius: 3px;\n}\n.input-field {\n padding: 7px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\nbutton {\n padding: 2px 7px;\n margin: 0;\n / reset user agent style, e.g. on safari /\n}\n/ cursor handling /\n/ The following classes are added dynamically while dragging. !important is necessary to override /\n/ any cursor an underlying component defines while moving the mouse. /\n.col-resize,\n.col-resize {\n /* NOSONAR (universal selector is okay here) /\n cursor: col-resize !important;\n / NOSONAR (!important is okay here) /\n}\n.row-resize,\n.row-resize {\n /* NOSONAR (universal selector is okay here) /\n cursor: row-resize !important;\n / NOSONAR (!important is okay here) /\n}\n/ Used to temporarily disable pointer events on iframes while dragging elements /\n.dragging-in-progress {\n pointer-events: none;\n}\n/ remove the dotted border in firefox /\nbutton::-moz-focus-inner {\n border: 0;\n}\n.drag-handle {\n content: '';\n width: 100%;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n margin-top: -5px;\n cursor: move;\n z-index: 10;\n}\n.closer {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 17px;\n cursor: pointer;\n color: #BFC2C3;\n padding: 4px;\n border-radius: 3px;\n}\n.closer::before {\n content: '\\E045';\n}\n.closer:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\n.closer:active,\n.closer.active {\n background-color: rgba(255, 255, 255, 0.18);\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: #7E8588;\n}\n.save-needer::before {\n content: '\\E050';\n}\n/ Used to display errors from server when desktop is not available /\n.fatal-error {\n margin: 10px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.application-loading-root {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background-color: #0E1316;\n pointer-events: none;\n}\n.application-loading-root.fadeout {\n -webkit-animation: application-loading-fade-out 250ms linear 1 forwards;\n -moz-animation: application-loading-fade-out 250ms linear 1 forwards;\n -o-animation: application-loading-fade-out 250ms linear 1 forwards;\n animation: application-loading-fade-out 250ms linear 1 forwards;\n}\n@-webkit-keyframes application-loading-fade-out {\n to {\n opacity: 0;\n }\n}\n@keyframes application-loading-fade-out {\n to {\n opacity: 0;\n }\n}\n.application-loading01 {\n height: 80px;\n width: 80px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.application-loading01::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: 0 0 6px 3px #71b0e8;\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 #62e7ce;\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: #71b0e8;\n text-decoration: none;\n cursor: pointer;\n}\na:hover,\n.link:hover,\n.app-link:hover {\n color: #9dc8ef;\n}\na:active,\n.link:active,\n.app-link:active,\na.active,\n.link.active,\n.app-link.active {\n color: #b3d5f3;\n}\na:focus,\n.link:focus,\n.app-link:focus {\n outline-color: #71b0e8;\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n}\n.font-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.white-space-nowrap {\n white-space: nowrap;\n}\n.startup-error {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n margin: 100px 50px;\n padding: 20px;\n border: 1px solid #FF8888;\n background-color: #252F34;\n border-radius: 12px;\n}\n.startup-error-title {\n font-weight: bold;\n padding-bottom: 10px;\n}\n/ --- z-index --- /\n/ Rule: All child elements of .scout get the same z-index 0 assigned. This spawns a new stacking context for each /\n/ of these elements (iff they are \"positioned\"). To bring a new element to the top, add it to the end of the list. /\n/ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context /\n.scout > .desktop-navigation,\n.scout > .desktop-header,\n.scout > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .popup-window,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .notifications {\n z-index: 0;\n}\nnoscript {\n display: block;\n}\nnoscript > .wrapper > .box-content > h1 {\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 13px;\n}\n/ Internet explorer applies the -ms-user-select setting: none (inherited from body) also to iframe contents.\n * Other browsers do not, websites within an iframe should decide on their own if they are selectable (or not).\n * Reset to default.\n /\niframe {\n -ms-user-select: element;\n}\n.error-popup-correlation-id {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 11px;\n color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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 rgba(255, 255, 255, 0.12);\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(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.accordion.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.action {\n cursor: pointer;\n}\n.action:hover {\n color: #71b0e8;\n}\n.action:active {\n color: #71b0e8;\n}\n.action.disabled {\n color: #7E8588;\n cursor: default;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #71b0e8;\n background-color: transparent;\n --border-color: #71b0e8;\n border: 1px solid var(--border-color);\n border-radius: 3px;\n cursor: pointer;\n padding: 2px 7px;\n}\n.button.borderless {\n background-color: transparent;\n border: 0;\n}\n.button.borderless:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #1b64a5;\n}\n.button > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.button > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.button > .icon.with-label {\n margin-right: 8px;\n}\n.button > .icon.loading,\n.button > .icon.broken {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.button > .icon.image-icon {\n max-height: 100%;\n}\n.button > .font-icon {\n font-size: 16px;\n}\n.button > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.selected.button > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.button > .button-label,\n.button > .icon,\n.button > .submenu-icon {\n opacity: 1;\n transition: opacity 250ms;\n}\n.button:hover {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.button:active,\n.button.active {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.button.selected {\n color: #0E1316;\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.button.selected:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.button.selected.active,\n.button.selected:active {\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.button.selected.has-popup {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.button:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.button.default {\n background-color: #71b0e8;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #71b0e8;\n color: #0E1316;\n}\n.button.default:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.button.default:active,\n.button.default.active {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.button.default.selected {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.button.default:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.button:disabled,\n.button.disabled {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n cursor: default;\n}\n.button:disabled:hover,\n.button.disabled:hover,\n.button:disabled.active,\n.button.disabled.active,\n.button:disabled:active,\n.button.disabled:active,\n.button:disabled.selected,\n.button.disabled.selected {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n}\n.button:disabled.selected,\n.button.disabled.selected {\n color: #0E1316;\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.button:disabled.selected.has-popup,\n.button.disabled.selected.has-popup {\n color: #7E8588;\n background-color: rgba(255, 255, 255, 0.18);\n border-color: rgba(255, 255, 255, 0.18);\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(113, 176, 232, 0.8) solid;\n width: 20px;\n height: 20px;\n}\n.button.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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 rgba(255, 255, 255, 0.12);\n border-radius: 12px;\n background-color: #2E3C41;\n max-width: 450px;\n margin: 0 auto;\n padding: 45px 95px 50px 95px;\n box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2);\n font-size: 14px;\n}\n.box-content > .header {\n text-align: center;\n}\n.box-content > .header > .logo {\n margin-top: 4px;\n margin-bottom: 40px;\n max-height: 30px;\n}\n.box-content.small > .header > .logo {\n max-width: 50%;\n}\n.box-content > .button-bar {\n padding-top: 32px;\n text-align: center;\n}\n.box-content > .button-bar > .button {\n padding: 7px 7px;\n font-size: 14px;\n}\n.box-content.centered {\n text-align: center;\n}\n@media (max-width: 490px) {\n .box-content {\n padding: 40px;\n margin-left: 10px;\n margin-right: 10px;\n }\n .box-content > .header > .logo {\n margin-bottom: 30px;\n margin-top: 0;\n }\n}\n@media (max-height: 400px) {\n .box-content {\n padding-top: 25px;\n padding-bottom: 25px;\n }\n .box-content > .header > .logo {\n margin-bottom: 20px;\n margin-top: 0;\n }\n}\n@media (max-height: 700px) {\n .box {\n height: calc(100% - 15px 2);\n }\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.box-buttons > .box-button {\n padding: 6px 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-right: 16px;\n min-width: 104px;\n}\n.box-buttons > .box-button:last-child {\n margin-right: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.check-box {\n cursor: pointer;\n position: relative;\n display: inline-block;\n text-align: center;\n width: 18px;\n height: 18px;\n border: 1px solid #7E8588;\n border-radius: 3px;\n background-color: transparent;\n}\n.check-box:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.check-box.checked {\n background-color: #71b0e8;\n border-color: #71b0e8;\n color: #0E1316;\n}\n.check-box.checked::before {\n position: absolute;\n display: block;\n line-height: 18px;\n width: 16px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E005';\n font-size: 11px;\n}\n.check-box.undefined {\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.check-box.undefined::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: #0E1316;\n}\n.check-box.disabled {\n cursor: default;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.check-box.disabled.checked {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.check-box.disabled.undefined {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n#scout .checkbox-checked-disabled {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.calendar {\n white-space: nowrap;\n padding-left: 0;\n}\n.calendar-scrollable-components {\n height: 100%;\n}\n.calendar-header {\n position: relative;\n display: block;\n white-space: nowrap;\n padding: 8px 20px 12px 0;\n}\n.calendar-header > .busyindicator-label {\n display: table-cell;\n vertical-align: middle;\n text-indent: 0;\n}\n.calendar-header.mobile {\n padding-right: 6px;\n}\n.calendar-header-row {\n display: table;\n width: 100%;\n}\n.calendar-header-row.last {\n padding-top: 10px;\n}\n.calendar-range {\n display: table-cell;\n vertical-align: middle;\n padding-left: 8px;\n width: 1%;\n}\n.calendar-previous,\n.calendar-today,\n.calendar-next {\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n height: 30px;\n color: #E9EBEB;\n background-color: transparent;\n border: 1px solid rgba(255, 255, 255, 0.25);\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: #71b0e8;\n}\n.calendar-today {\n padding-left: 15px;\n padding-right: 15px;\n}\n.calendar-title {\n display: table-cell;\n vertical-align: middle;\n color: #E9EBEB;\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: #71b0e8;\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: #E9EBEB;\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: #E9EBEB;\n text-align: center;\n}\n.calendar-commands {\n display: table-cell;\n vertical-align: middle;\n text-align: right;\n white-space: nowrap;\n}\n.calendar-mode,\n.calendar-toggle-year,\n.calendar-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: 30px;\n line-height: 29px;\n cursor: pointer;\n}\n.calendar-mode {\n padding: 0 8px;\n min-width: 65px;\n border-top: 1px solid rgba(255, 255, 255, 0.25);\n border-bottom: 1px solid rgba(255, 255, 255, 0.25);\n border-left: 1px solid rgba(255, 255, 255, 0.25);\n}\n.calendar-mode.first {\n border-left: 1px solid rgba(255, 255, 255, 0.25);\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.calendar-mode.last {\n border-right: 1px solid rgba(255, 255, 255, 0.25);\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.calendar-mode:hover {\n color: #71b0e8;\n}\n.calendar-mode.selected {\n color: #E9EBEB;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.calendar-mode-menu {\n padding: 5px 12px;\n border: 1px solid rgba(255, 255, 255, 0.25);\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: #71b0e8;\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: #E9EBEB;\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: #E9EBEB;\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: #b9d2ea;\n / Colors for type Appointment /\n / Colors for type Task /\n}\n.calendar-component:not(.component-task):not(.component-month) {\n border-bottom: 2px solid transparent;\n}\n.calendar-component > .content {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.calendar-component > .content > .icon {\n padding-right: 3px;\n font-size: 14px;\n display: inline-block;\n min-width: 20px;\n}\n.calendar-component > .content > .subject {\n vertical-align: top;\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: #97c3ec;\n / Default colors used when component has no specific class /\n}\n.calendar-component:hover {\n background-color: #97c3ec;\n}\n.calendar-component:hover > .calendar-component-leftcolorborder {\n background-color: #1561A7;\n}\n.calendar-component.comp-selected {\n background-color: #71b0e8;\n}\n.calendar-component.comp-selected > .calendar-component-leftcolorborder {\n background-color: #1561A7;\n}\n.calendar-component.calendar-appointment {\n background-color: #fcdec2;\n}\n.calendar-component.calendar-appointment > .calendar-component-leftcolorborder {\n background-color: #FFBE6B;\n}\n.calendar-component.calendar-appointment:hover {\n background-color: #ffd197;\n}\n.calendar-component.calendar-appointment:hover > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-appointment.comp-selected {\n background-color: #FFBE6B;\n}\n.calendar-component.calendar-appointment.comp-selected > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-task {\n background-color: #c2eee5;\n}\n.calendar-component.calendar-task > .calendar-component-leftcolorborder {\n background-color: #62e7ce;\n}\n.calendar-component.calendar-task:hover {\n background-color: #9ee8da;\n}\n.calendar-component.calendar-task:hover > .calendar-component-leftcolorborder {\n background-color: #62e7ce;\n}\n.calendar-component.calendar-task.comp-selected {\n background-color: #62e7ce;\n}\n.calendar-component.calendar-task.comp-selected > .calendar-component-leftcolorborder {\n background-color: #1FC9AA;\n}\n.widget-popup > .calendar-component-tooltip-content.tooltip-content {\n padding: 0;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n max-width: 300px;\n max-height: 500px;\n}\n.calendar-component-header {\n padding: 18px 18px 10px 18px;\n background-color: #1F2428;\n}\n.calendar-component-header:not(.with-description) {\n padding-bottom: 18px;\n}\n.calendar-component-title-label {\n color: #A7ACAD;\n font-size: 11px;\n padding-bottom: 4px;\n}\n.calendar-component-title {\n font-weight: bold;\n font-size: 14px;\n}\n.calendar-component-intro {\n font-size: 11px;\n margin-top: 9px;\n color: #7E8588;\n}\n.calendar-component-intro > .icon {\n padding-right: 9px;\n display: inline-block;\n font-size: 12px;\n line-height: 15px;\n min-width: 27px;\n text-align: center;\n vertical-align: middle;\n}\n.calendar-component-description-container {\n padding: 10px 18px 18px 18px;\n}\n.calendar-component-description-element {\n display: flex;\n align-items: center;\n}\n.calendar-component-description-element > .icon {\n padding-right: 9px;\n display: inline-block;\n min-width: 27px;\n vertical-align: top;\n text-align: center;\n}\n.calendar-component-description-element > .text {\n display: inline-block;\n vertical-align: top;\n}\n.calendar-component-description-element:not(.first) {\n padding-top: 10px;\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n}\n.calendar-component-description-element:not(.last) {\n padding-bottom: 10px;\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: #E9EBEB;\n}\n.calendar-list > .calendar-component > .content {\n width: 100%;\n white-space: normal;\n line-height: normal;\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: #E9EBEB;\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: rgba(255, 255, 255, 0.12);\n}\n.calendar-grids {\n display: inline-block;\n vertical-align: top;\n overflow: hidden;\n}\n.calendar-grid {\n display: block;\n height: calc(100% - 25px);\n padding-right: 20px;\n}\n.calendar-grid + .scroll-shadow {\n --scroll-shadow-inset-right: 20px;\n}\n.calendar-grid.mobile {\n padding-right: 6px;\n}\n.calendar-grid.mobile + .scroll-shadow {\n --scroll-shadow-inset-right: 6px;\n}\n.calendar-grid.calendar-grid-short {\n height: calc(100% - 105px);\n}\n.calendar-top-grid {\n display: block;\n overflow: hidden;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\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: #A7ACAD;\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: #A7ACAD;\n}\n.calendar-day.weekend::before {\n color: #71b0e8;\n}\n.calendar-day.weekend-out {\n background-color: transparent;\n}\n.calendar-day.weekend-out::before {\n color: #71b0e8;\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 position: relative;\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: #252F34;\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 #AD6200;\n border-radius: 50%;\n background-color: #AD6200;\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 #71b0e8;\n border-radius: 50%;\n background-color: #71b0e8;\n color: #0E1316;\n}\n.calendar-week-name {\n font-size: 11px;\n color: #A7ACAD;\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: rgba(255, 255, 255, 0.12);\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: rgba(255, 255, 255, 0.12);\n}\n.calendar-day-name::before {\n position: absolute;\n content: attr(data-day-name);\n color: #A7ACAD;\n left: 7px;\n bottom: 0;\n z-index: 1;\n / draw over calendar items /\n line-height: 25px;\n}\n.calendar-week-axis {\n position: absolute;\n left: 39px;\n width: calc(100% - 45px + 6px);\n}\n.calendar-week-axis:not(.first)::after {\n position: absolute;\n height: 1px;\n width: 100%;\n content: '';\n background-color: rgba(255, 255, 255, 0.07);\n}\n.calendar-week-axis:not(.first).hour::after {\n background-color: rgba(255, 255, 255, 0.2);\n}\n.calendar-week-axis:not(.first)::before {\n position: absolute;\n font-size: 12px;\n left: -35px;\n top: -8px;\n color: #A7ACAD;\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: rgba(255, 255, 255, 0.12);\n}\n.calendar-week-task::before {\n position: absolute;\n font-size: 11px;\n top: 28px;\n left: 7px;\n color: #A7ACAD;\n content: attr(data-axis-name);\n}\n.calendar-range-selector {\n background-color: #71b0e8;\n position: absolute;\n opacity: 0.3;\n width: 100%;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.year-panel-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n overflow: hidden;\n position: relative;\n}\n.year-panel-title {\n position: relative;\n margin-left: 10px;\n width: calc(100% - 40px);\n height: 25px;\n white-space: nowrap;\n}\n.year-panel-title > .year-title-item {\n display: inline-block;\n padding-right: 15px;\n line-height: 25px;\n color: #7E8588;\n cursor: pointer;\n font-weight: bold;\n}\n.year-panel-title > .year-title-item.selected {\n color: #E9EBEB;\n cursor: default;\n}\n.year-panel-title > .year-title-item:hover {\n color: #E9EBEB;\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: rgba(255, 255, 255, 0.12);\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: #E9EBEB;\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: rgba(113, 176, 232, 0.2);\n}\n.year-panel-list > .year-month > .year-day.year-range {\n background-color: rgba(113, 176, 232, 0.2);\n}\n.year-panel-list > .year-month > .year-day.year-range-day {\n background-color: #71b0e8;\n color: #0E1316;\n}\n.year-panel-list > .year-month > .year-day.year-hover-day {\n background-color: #71b0e8;\n color: #0E1316;\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: #E9EBEB;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.date-picker-popup {\n position: absolute;\n width: 290px;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n overflow: hidden;\n}\n.date-picker {\n position: relative;\n}\n.date-picker.touch-only :not(.selected):not(.disabled):not(:active):hover {\n background-color: inherit;\n}\n.date-picker-scrollable {\n position: relative;\n width: 100%;\n}\n.date-picker-month-box {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n.date-picker-month {\n width: 100%;\n padding: 0 13px 13px 13px;\n}\n.date-picker-weekdays {\n color: #A7ACAD;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n}\n.date-picker-weekday {\n display: inline-flex;\n height: 36px;\n width: 32px;\n margin: 2px;\n justify-content: center;\n padding-top: 7px;\n}\n.date-picker-week {\n display: flex;\n justify-content: space-between;\n}\n.date-picker-day {\n display: inline-flex;\n width: 32px;\n height: 32px;\n margin: 2px;\n border-radius: 6px;\n justify-content: center;\n align-items: center;\n}\n.date-picker-day.date-picker-out,\n.date-picker-day.date-picker-out-weekend {\n color: #A7ACAD;\n}\n.date-picker-day.date-picker-day-weekend-separator {\n margin-left: 5px;\n}\n.date-picker-day.date-picker-now {\n color: #AD6200;\n font-weight: bold;\n}\n.date-picker-day.date-picker-now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n}\n.date-picker-day.preselected {\n background-color: rgba(255, 255, 255, 0.08);\n}\n.date-picker-day:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.date-picker-day:active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.date-picker-day.selected {\n color: #0E1316;\n background-color: #71b0e8;\n font-weight: bold;\n}\n.date-picker-day.selected.date-picker-now > .text {\n border-bottom-color: #0E1316;\n}\n.date-picker-day.disabled {\n color: #7E8588;\n background-color: inherit;\n}\n.date-picker-header {\n padding: 17px 10px 14px 10px;\n}\n.date-picker-separator {\n position: absolute;\n top: 98px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid #A7ACAD;\n}\n.date-picker-weekend-separator {\n position: absolute;\n top: 38px;\n height: calc(100% - 13px - 36px - 2px - 2px);\n width: 0;\n border-right: 1px #A7ACAD solid;\n}\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 18px;\n line-height: 30px;\n margin-top: 1px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n width: 26px;\n height: 26px;\n margin: 3px 2px 6px 2px;\n padding-top: 4px;\n color: #A7ACAD;\n border-radius: 3px;\n display: flex;\n justify-content: center;\n cursor: pointer;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 17px;\n}\n.date-picker-left-y:hover,\n.date-picker-left-m:hover,\n.date-picker-right-y:hover,\n.date-picker-right-m:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.date-picker-left-y:active,\n.date-picker-left-m:active,\n.date-picker-right-y:active,\n.date-picker-right-m:active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.date-picker-left-y {\n float: left;\n margin-left: 5px;\n}\n.date-picker-left-m {\n float: left;\n}\n.date-picker-left-y::before {\n content: '\\E010';\n}\n.date-picker-left-m::before {\n content: '\\E012';\n}\n.date-picker-right-y {\n float: right;\n margin-right: 7px;\n}\n.date-picker-right-m {\n float: right;\n}\n.date-picker-right-y::before {\n content: '\\E011';\n}\n.date-picker-right-m::before {\n content: '\\E013';\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n.desktop:focus {\n outline: none;\n}\n.desktop.has-navigation-handle > .splitter {\n height: calc(100% - 50px);\n}\n.desktop.in-background {\n background-color: #1F2428;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-logo {\n position: absolute;\n top: 0;\n right: 0;\n margin: 16px;\n background-color: transparent;\n}\n.desktop-logo.clickable {\n cursor: pointer;\n}\n.desktop-logo > .image {\n height: 32px;\n min-width: 0;\n border: 1px solid transparent;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.dense {\n / FormField.less /\n / SmartField.less /\n / MenuBar.less /\n / GroupBox.less /\n / TabBox.less /\n / TableHeader.less /\n / Table.less /\n / TableFooter.less /\n / DesktopBench.less /\n / ContextMenuPopup.less /\n / CheckBoxField.less /\n / main.less /\n / Button /\n / RadioButton.less /\n / LabelField.less /\n / Tree.less /\n / Outline.less /\n / ValueField.less /\n / TagBar.less /\n / use default margin in the overflow popup, otherwise the tags sit on each other /\n / TagField.less /\n / BreadcrumbItem.less /\n}\n.dense .form-field > label {\n padding-top: 4px;\n / @borderless-field-padding-y; /\n padding-bottom: 4px;\n / @borderless-field-padding-y; /\n}\n.dense .smart-field > .field > .multiline-lines,\n.dense .smart-field.read-only > .field > .multiline-lines,\n.dense .smart-field.alternative > .field > .multiline-lines {\n line-height: 15px;\n padding-top: 2px;\n / padding: 3px @text-field-padding-x; /\n padding-bottom: 2px;\n}\n.dense .proposal-chooser > .active-filter,\n.dense .proposal-chooser > .status {\n height: 30px;\n}\n.dense .proposal-chooser > .active-filter > .radiobutton-group {\n height: 30px;\n}\n.dense .proposal-chooser > .active-filter > .radiobutton-group > .radiobutton-group-body {\n height: 30px;\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .menu-item,\n.dense .menubar:not(.main-menubar) > .menubar-box > .combo-menu > .menu-item {\n padding-top: 3px;\n / @menubar-item-padding-y; /\n padding-bottom: 3px;\n / @menubar-item-padding-y; /\n / By making sure menu items are always at least the same height as form fields, it is easier to align them with each other, especially when zoomed /\n min-height: 24px;\n / @logical-grid-row-height; /\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .menu-button,\n.dense .menubar:not(.main-menubar) > .menubar-box > .combo-menu > .menu-button {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .combo-menu {\n padding: 0;\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n.dense .group-box-header {\n margin-top: 6px;\n / @group-box-title-margin-top; /\n}\n.dense .group-box-header > .title {\n padding-top: 6px;\n / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 6px;\n}\n.dense .group-box-body {\n padding-top: 10px;\n / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 8px;\n / redefine /\n}\n.dense .group-box-body.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n}\n.dense .tab-box-header {\n margin-top: 6px;\n / @group-box-title-margin-top; /\n}\n.dense .tab-item > .title {\n padding-top: 6px;\n / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 6px;\n}\n.dense .overflow-tab-item.menu-item {\n padding-top: 4px;\n / padding: @tab-item-title-padding-top - 2px @tab-item-padding-x - 8px @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\n}\n.dense .table-header-item {\n margin-top: 2px;\n / margin: @table-header-item-margin-y @table-header-item-margin-x /\n margin-bottom: 2px;\n min-height: 24px;\n / min-height: @table-header-item-min-height; /\n}\n.dense .table-header-resize {\n padding-top: 4px;\n / 8px 8px; /\n padding-bottom: 4px;\n}\n.dense .table,\n.dense .detail-table.table {\n --table-row-padding-y: 4px;\n}\n.dense .table-cell.table-node > .table-row-control {\n / padding: @table-row-padding-y 8px @table-row-padding-y @table-row-control-padding-left; /\n padding-top: 6px;\n}\n.dense .table-control-resize {\n height: 12px;\n}\n.dense .detail-table.table > .table-header > .table-header-item {\n margin-top: 2px;\n margin-bottom: 2px;\n min-height: 24px;\n}\n.dense .context-menu > .menu-item,\n.dense .context-menu > .combo-menu > .menu-item {\n padding-top: 6px;\n / padding: 11px 15px; /\n padding-bottom: 6px;\n}\n.dense .context-menu > .combo-menu {\n padding: 0;\n}\n.dense .check-box-field > .field {\n padding-top: 2px;\n / padding: 6px 0; /\n padding-bottom: 2px;\n}\n.dense .input-field {\n padding-top: 2px;\n / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 2px;\n}\n.dense .button-field > .button {\n padding-top: 0;\n / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n min-height: 24px;\n}\n.dense .button-field > .button > .icon {\n padding-top: 0;\n / padding-top: 2px; /\n padding-bottom: 0;\n / padding-bottom: 2px; /\n}\n.dense .radio-button > .field {\n padding-top: 2px;\n / padding: 6px 0; /\n padding-bottom: 2px;\n}\n.dense .radio-button > .field > .label {\n padding-top: 1px;\n / padding-top: @radio-button-label-padding-top; /\n}\n.dense .label-field > .field {\n padding-top: 2px;\n / padding-top: @borderless-field-padding-y; /\n padding-bottom: 2px;\n / padding-bottom: @borderless-field-padding-y; /\n}\n.dense .tree-node {\n padding-top: 3px;\n / padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left; /\n padding-bottom: 3px;\n}\n.dense .tree-node-control {\n padding-top: 4px;\n padding-bottom: 3px;\n}\n.dense .outline.tree > .tree-data > .tree-node,\n.dense .outline.tree > .tree-data > .animation-wrapper > .tree-node {\n padding-top: 6px;\n / padding-top: @outline-node-padding-y; /\n padding-bottom: 6px;\n / padding-bottom: @outline-node-padding-y; /\n}\n.dense .outline.tree > .tree-data > .tree-node > .tree-node-control,\n.dense .outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n padding-top: 6px;\n / padding-top: @outline-node-control-padding-y; /\n}\n.dense .value-field > input,\n.dense .value-field > .input-field,\n.dense .value-field > .field > input,\n.dense .value-field > .field > .input-field,\n.dense .value-field > .file-input {\n / Mainly necessary if label is invisible or on top and use ui height is set -> Makes sure the status is aligned and inputs are always the same height/\n min-height: 24px;\n}\n.dense .tag-element,\n.dense .overflow-icon {\n height: 20px;\n / @tag-field-tag-height /\n line-height: 20px;\n / @tag-field-tag-height /\n margin-top: 0;\n / margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0; /\n}\n.dense .tag-overflow-popup > .popup-body > .tag-element {\n margin-top: 3px;\n}\n.dense .tag-field > .field > input {\n padding-bottom: 1px;\n}\n.dense .breadcrumb-item {\n font-size: 13px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-bench {\n position: absolute;\n top: 0;\n background-color: #252F34;\n border-left: 1px solid rgba(255, 255, 255, 0.12);\n / Make some space for the navigation handle (when the navigation is closed /\n / Only do it if detail-table is at the bottom left corner /\n}\n.navigation-invisible > .desktop-bench {\n border-left: 0;\n}\n.desktop-bench.drop-shadow {\n border-left: 0;\n content: '';\n position: absolute;\n top: 3px;\n left: 0;\n width: 10px;\n height: calc(100% - 3px);\n box-shadow: -8px 0 10px 0 rgba(0, 0, 0, 0.35);\n clip-path: polygon(-100% 0, 200% 0, 200% 200%, -100% 200%);\n}\n.desktop:not(.first-tab-selected):not(.navigation-invisible):not(.view-tab-area-in-bench) > .desktop-bench.drop-shadow {\n border-top-left-radius: 12px;\n overflow: hidden;\n}\n.desktop-bench.animate-remove {\n -webkit-animation-name: slideout-right;\n -moz-animation-name: slideout-right;\n -o-animation-name: slideout-right;\n animation-name: slideout-right;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area {\n background-color: #1F2428;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area::before {\n display: none;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab.last > .edge.right {\n z-index: 0;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab > .sub-title {\n color: #A7ACAD;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab > .status-container > .save-needer {\n color: #7E8588;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area:not(.overflown) > .desktop-tab.last {\n margin-right: 0;\n}\n.desktop-bench.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {\n margin-left: 30px;\n}\n.desktop-bench.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls > .table-control.selected {\n border-left-color: rgba(255, 255, 255, 0.12);\n}\n.desktop-bench > .splitter.x-axis {\n margin-left: -7px;\n margin-right: -7px;\n}\n.desktop-bench.outline-content-has-dimmed-background {\n background-color: #1F2428;\n}\n.detail-table.table {\n --table-row-margin-x: 10px;\n --table-row-padding-y: 10px;\n --table-aggregate-row-padding-y-small: 7px;\n --table-aggregate-row-padding-y-large: 20px;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50px;\n margin-left: -50px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 2px rgba(113, 176, 232, 0.8) solid;\n width: 100px;\n height: 100px;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.detail-table.table > .table-header {\n background-color: #1F2428;\n border-bottom-color: rgba(255, 255, 255, 0.12);\n}\n.detail-table.table > .table-header > .table-header-item {\n padding-top: 5px;\n padding-bottom: 5px;\n margin-top: 6px;\n margin-bottom: 6px;\n}\n.detail-table.table > .table-header > .menubar-container > .menubar > .menubar-box > .menu-item.last {\n margin-right: 12px;\n}\n.detail-table.table > .table-footer {\n background-color: #252F34;\n}\n.detail-table.table > .table-data > .scrollbar > .scrollbar-thumb.x-axis {\n padding-top: 4px;\n}\n.detail-table.table > .table-data > .scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,\n.detail-table.table > .table-data > .scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: 2px;\n}\n.detail-table.table > .table-data + .scroll-shadow {\n --scroll-shadow-size: 14px;\n --scroll-shadow-blur: 14px;\n --scroll-shadow-spread: 14px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.group {\n position: relative;\n}\n.group-header {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 0;\n cursor: pointer;\n color: #A7ACAD;\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(113, 176, 232, 0.8) solid;\n width: 16px;\n height: 16px;\n}\n.group-header.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.group-title {\n font-size: 14px;\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.group-header:focus > .group-title {\n color: #71b0e8;\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: rgba(255, 255, 255, 0.12);\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab-box {\n position: absolute;\n min-width: 50px;\n min-height: 50px;\n}\n.simple-tab-box > .simple-tab-area {\n position: relative;\n height: 64px;\n / Has the same effect as \"border-bottom: 1px solid @border-color\", but is over-drawable by child /\n / elements (such as the selected view-tab). The border would not be, because of \"overflow: hidden\". /\n}\n.simple-tab-box > .simple-tab-area::before {\n content: '';\n background-color: rgba(255, 255, 255, 0.12);\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(100% - 1px);\n left: 0;\n}\n.simple-tab-box > .tab-content {\n height: 100%;\n background-color: #252F34;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab-area {\n position: absolute;\n top: 0;\n white-space: nowrap;\n display: flex;\n}\n.simple-tab-area > .simple-overflow-tab-item {\n border-right: 1px solid rgba(255, 255, 255, 0.12);\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n min-width: 30px;\n background-color: #1F2428;\n text-align: center;\n cursor: pointer;\n}\n.simple-tab-area > .simple-overflow-tab-item::after {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E014';\n}\n.simple-tab-area.spread-even:not(.overflown) > .simple-tab {\n flex-grow: 1;\n}\n.simple-tab-area.spread-even:not(.overflown) > .simple-tab.last {\n border-right-width: 0;\n}\n.simple-tab-area.spread-even > .simple-overflow-tab-item {\n border-right-width: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding: 5px;\n background-color: #1F2428;\n border-right: 1px solid rgba(255, 255, 255, 0.12);\n cursor: pointer;\n width: 120px;\n min-width: 60px;\n}\n.simple-tab > .title-line {\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n.closable.simple-tab > .title-line {\n margin-right: 20px;\n}\n.simple-tab > .title-line > .icon-container {\n display: flex;\n}\n.simple-tab > .title-line > .icon-container > .icon {\n margin-right: 6px;\n}\n.simple-tab > .title-line > .icon-container > .icon.font-icon {\n font-size: 14px;\n}\n.simple-tab > .title-line > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n vertical-align: top;\n}\n.simple-tab > .title-line > .status-container {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 4px;\n flex: none;\n max-width: 75%;\n color: #A7ACAD;\n}\n.simple-tab > .title-line > .status-container > .status {\n margin-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.simple-tab > .title-line > .status-container > .status.save-needer,\n.simple-tab > .title-line > .status-container > .status.icon {\n flex: none;\n}\n.simple-tab > .title-line > .status-container > .status.message {\n display: none;\n}\n.simple-tab > .title-line > .status-container > .status.notification-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0 4px;\n min-width: 16px;\n min-height: 16px;\n border-radius: 8px;\n font-weight: normal;\n font-size: 11px;\n background: #D53F3F;\n color: #fff;\n}\n.simple-tab > .title-line > .status-container > .status.notification-badge > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.simple-tab > .closer {\n position: absolute;\n top: 0;\n right: 0;\n margin: 5px;\n display: none;\n}\n:hover.simple-tab > .closer,\n.closable.selected.simple-tab > .closer {\n display: inline-block;\n}\n.simple-tab > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding-top: 2px;\n color: #A7ACAD;\n}\n.simple-tab:hover > .title-line > .title {\n color: #71b0e8;\n}\n.simple-tab:active > .title-line > .title {\n color: #71b0e8;\n}\n.simple-tab.disabled {\n cursor: default;\n}\n.simple-tab.disabled > .title-line > .title {\n color: #7E8588;\n}\n.simple-tab.selected {\n cursor: default;\n background-color: #252F34;\n}\n.simple-tab.selected > .title-line > .title {\n color: #E9EBEB;\n}\n.simple-tab > .key-box {\n bottom: 4px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #A7ACAD;\n display: inline;\n margin-right: 6px;\n}\n.carousel-status > .current-item {\n color: #F5F5F5;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.collapse-handle {\n position: absolute;\n display: table;\n z-index: 10;\n bottom: 0;\n margin-bottom: 15px;\n}\n.collapse-handle.right-aligned {\n right: 0;\n}\n.collapse-handle.left-aligned {\n left: 0;\n}\n.collapse-handle-body {\n position: relative;\n display: table-cell;\n padding: 7px 8px;\n background-color: #252F34;\n color: #7E8588;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 8px;\n cursor: pointer;\n}\n.collapse-handle-body::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: block;\n font-size: 16px;\n}\n.collapse-handle-body.left.both-visible {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.collapse-handle-body.left::before {\n content: '\\E012';\n}\n.collapse-handle-body.right.both-visible {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n}\n.collapse-handle-body.right::before {\n content: '\\E013';\n}\n.collapse-handle-body:hover {\n background-color: #3B494F;\n}\n.collapse-handle-body:active,\n.collapse-handle-body.active {\n background-color: #46565e;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tab.simple-tab {\n width: 200px;\n min-width: 130px;\n margin: 8px 3px 0 0;\n padding: 10px 10px 0 20px;\n border-radius: 12px 12px 0 0;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-bottom-width: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n.closable.desktop-tab.simple-tab > .title-line {\n margin-right: 25px;\n}\n.desktop-tab.simple-tab > .title-line > .icon-container {\n color: rgba(233, 235, 235, 0.7);\n}\n.desktop-tab.simple-tab > .title-line > .title {\n font-size: 14px;\n}\n.desktop-tab.simple-tab > .title-line > .status-container {\n color: #7E8588;\n}\n.desktop-tab.simple-tab > .title-line > .status-container > .save-needer {\n color: inherit;\n}\n.desktop-tab.simple-tab > .sub-title {\n color: rgba(233, 235, 235, 0.7);\n font-size: 12px;\n letter-spacing: 0.2px;\n padding-top: 1px;\n}\n.desktop-tab.simple-tab > .closer {\n color: rgba(233, 235, 235, 0.7);\n padding: 4px;\n margin: 7px;\n border-radius: 8px;\n}\n.desktop-tab.simple-tab > .closer > .key-box {\n top: 0;\n right: 0;\n}\n.desktop-tab.simple-tab > .closer:hover {\n color: #E9EBEB;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.desktop-tab.simple-tab > .closer:active,\n.desktop-tab.simple-tab > .closer.active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.desktop-tab.simple-tab > .key-box {\n bottom: 9px;\n margin-left: 4px;\n}\n.desktop-tab.simple-tab.animate-modality-highlight {\n -webkit-animation-name: flash-desktop-tab;\n -moz-animation-name: flash-desktop-tab;\n -o-animation-name: flash-desktop-tab;\n animation-name: flash-desktop-tab;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.desktop-tab.simple-tab:hover,\n.desktop-tab.simple-tab:active {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: transparent;\n}\n.desktop-tab.simple-tab:hover > .title-line > .title,\n.desktop-tab.simple-tab:active > .title-line > .title {\n color: inherit;\n}\n.desktop-tab.simple-tab.glasspane-parent {\n pointer-events: unset;\n}\n.desktop-tab.simple-tab.glasspane-parent:not(.disabled):not(.selected):hover {\n background-color: rgba(0, 0, 0, 0.1);\n border-color: rgba(255, 255, 255, 0.12);\n}\n.desktop-tab.simple-tab.glasspane-parent:not(.selected):hover > .closer {\n display: none;\n}\n.desktop-tab.simple-tab.disabled {\n background-color: transparent;\n}\n.desktop-tab.simple-tab.disabled > .title-line > .title {\n color: rgba(255, 255, 255, 0.4);\n}\n.desktop-tab.simple-tab.selected {\n background-color: #252F34;\n border-color: transparent;\n}\n.desktop-tab.simple-tab.selected > .title-line > .icon-container {\n color: #A7ACAD;\n}\n.desktop-tab.simple-tab.selected > .title-line > .title {\n color: #E9EBEB;\n font-weight: bold;\n}\n.desktop-tab.simple-tab.selected > .title-line > .status-container {\n color: #A7ACAD;\n}\n.desktop-tab.simple-tab.selected > .title-line > .status-container > .save-needer {\n color: #7E8588;\n}\n.desktop-tab.simple-tab.selected > .sub-title {\n color: #A7ACAD;\n}\n.desktop-tab.simple-tab.selected > .closer {\n color: #BFC2C3;\n}\n.desktop-tab.simple-tab.selected > .closer:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\n.desktop-tab.simple-tab.selected > .closer:active,\n.desktop-tab.simple-tab.selected > .closer.active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.desktop-tab.simple-tab.selected > .edge {\n --color: #252F34;\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -5px;\n height: 12px;\n width: 12px;\n box-sizing: content-box;\n border: 5px solid var(--color);\n border-top: none;\n}\n.desktop-tab.simple-tab.selected > .edge.left {\n left: -12px;\n border-bottom-right-radius: 17px;\n border-left: none;\n}\n.desktop-tab.simple-tab.selected > .edge.right {\n right: -12px;\n border-bottom-left-radius: 17px;\n border-right: none;\n}\n.desktop-tab.simple-tab.selected > .edge.right {\n z-index: 1;\n}\n.desktop-tab.simple-tab.selected.first > .edge.left {\n display: none;\n}\n.desktop-tab.simple-tab.selected.animate-modality-highlight {\n -webkit-animation-name: flash-desktop-tab-selected;\n -moz-animation-name: flash-desktop-tab-selected;\n -o-animation-name: flash-desktop-tab-selected;\n animation-name: flash-desktop-tab-selected;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.desktop-tab.simple-tab.selected.animate-modality-highlight > .edge {\n -webkit-animation-name: flash-desktop-tab-selected-edge;\n -moz-animation-name: flash-desktop-tab-selected-edge;\n -o-animation-name: flash-desktop-tab-selected-edge;\n animation-name: flash-desktop-tab-selected-edge;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n@-webkit-keyframes flash-desktop-tab {\n 0% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 25% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 50% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 75% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@keyframes flash-desktop-tab {\n 0% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 25% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 50% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 75% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@-webkit-keyframes flash-desktop-tab-selected {\n 0% {\n background-color: #252F34;\n }\n 25% {\n background-color: #000000;\n }\n 50% {\n background-color: #252F34;\n }\n 75% {\n background-color: #000000;\n }\n 100% {\n background-color: #252F34;\n }\n}\n@keyframes flash-desktop-tab-selected {\n 0% {\n background-color: #252F34;\n }\n 25% {\n background-color: #000000;\n }\n 50% {\n background-color: #252F34;\n }\n 75% {\n background-color: #000000;\n }\n 100% {\n background-color: #252F34;\n }\n}\n@-webkit-keyframes flash-desktop-tab-selected-edge {\n 0% {\n border-color: #252F34;\n }\n 25% {\n border-color: #000000;\n }\n 50% {\n border-color: #252F34;\n }\n 75% {\n border-color: #000000;\n }\n 100% {\n border-color: #252F34;\n }\n}\n@keyframes flash-desktop-tab-selected-edge {\n 0% {\n border-color: #252F34;\n }\n 25% {\n border-color: #000000;\n }\n 50% {\n border-color: #252F34;\n }\n 75% {\n border-color: #000000;\n }\n 100% {\n border-color: #252F34;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tab-area > .simple-overflow-tab-item {\n border-radius: 8px;\n margin: 14px 3px 6px;\n background-color: rgba(0, 0, 0, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.12);\n}\n.desktop-tab-area > .simple-overflow-tab-item:hover {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: transparent;\n}\n.desktop-tab-area > .simple-overflow-tab-item.selected {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: transparent;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-header {\n position: absolute;\n top: 0;\n height: 64px;\n color: #E9EBEB;\n background-color: #0E1316;\n}\n.desktop-header > .simple-tab-area {\n height: 64px;\n}\n.navigation-invisible > .desktop-header > .simple-tab-area > .desktop-tab.selected > .edge.left {\n display: block;\n}\n.navigation-invisible > .desktop-header:not(.has-view-button-box) > .simple-tab-area {\n margin-left: 6px;\n}\n.desktop-header.animate-remove {\n -webkit-animation-name: slideout-right;\n -moz-animation-name: slideout-right;\n -o-animation-name: slideout-right;\n animation-name: slideout-right;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.animate-bring-to-front,\n.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.animate-bring-to-back {\n animation-duration: 0s;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab.selected {\n background-color: rgba(255, 255, 255, 0.12);\n color: inherit;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-button:hover,\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu:hover {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu::before {\n height: 100%;\n border-color: #0E1316;\n top: 0;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu:hover > .icon {\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu.selected {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu.selected > .icon {\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.selected {\n color: inherit;\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.disabled {\n background-color: transparent;\n}\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-tab-wrapper > .view-tab.selected,\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-menu-tab.selected {\n background-color: #1F2428;\n}\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-tab-wrapper > .view-tab.selected > .edge,\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-menu-tab.selected > .edge {\n --color: #1F2428;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-navigation {\n position: absolute;\n height: 100%;\n width: 290px;\n min-width: 49px;\n background-color: #0E1316;\n color: #E9EBEB;\n}\n.desktop-navigation > .desktop-tool-box {\n right: 0;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item {\n margin-bottom: 6px;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item > .font-icon {\n font-size: 20px;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item.ellipsis > .font-icon {\n font-size: 22px;\n}\n.desktop-navigation.view-button-box-invisible > .desktop-tool-box > .menu-item {\n margin-bottom: 14px;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title {\n background-color: #0E1316;\n border-bottom: 0;\n color: #E9EBEB;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title.measure {\n display: inline-flex;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title.touch:active {\n background-color: #0E1316;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title > .text {\n flex-grow: 0;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title > .menubar > .menubar-box > .menu-item {\n color: #E9EBEB;\n}\n.desktop-navigation-breadcrumb {\n width: 240px;\n}\n.navigation-body {\n position: absolute;\n background-color: #252F34;\n}\n.desktop-navigation.in-background > .navigation-body {\n background-color: #1F2428;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-navigation-handle.collapse-handle {\n position: absolute;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body {\n background-color: #252F34;\n border-color: rgba(255, 255, 255, 0.25);\n color: #7E8588;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body:hover {\n background-color: #3B494F;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body:active,\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body.active {\n background-color: #46565e;\n}\n.desktop-navigation-handle.collapse-handle.right-aligned.both-visible {\n right: 5px;\n}\n.desktop-navigation-handle.collapse-handle.right-aligned:not(.both-visible) > .collapse-handle-body {\n border-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n.desktop-navigation-handle.collapse-handle.left-aligned.both-visible {\n right: 5px;\n}\n.desktop-navigation-handle.collapse-handle.left-aligned:not(.both-visible) > .collapse-handle-body {\n border-left: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.navigation-handle-key-box {\n margin-top: -6px;\n}\n.navigation-handle-key-box.left {\n margin-right: -4px;\n}\n.navigation-handle-key-box.right {\n margin-left: -4px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-notifications {\n position: fixed;\n right: 10px;\n top: 0;\n height: calc(100% - 72px);\n width: 300px;\n margin-top: 72px;\n pointer-events: none;\n / Don't block access to the elements in the background /\n}\n/ Animation: slide-in /\n@-webkit-keyframes desktop-notification-slide-in {\n 0% {\n left: 300px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 10px;\n }\n}\n@keyframes desktop-notification-slide-in {\n 0% {\n left: 300px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 10px;\n }\n}\n/\n Slides in the notification from the right end of the screen\n * and increases the size of the bottom margin to move down existing\n * notifications.\n /\n.desktop-notification-slide-in {\n -webkit-animation-name: desktop-notification-slide-in;\n -moz-animation-name: desktop-notification-slide-in;\n -o-animation-name: desktop-notification-slide-in;\n animation-name: desktop-notification-slide-in;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Animation: fade-out /\n@-webkit-keyframes desktop-notification-fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n@keyframes desktop-notification-fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n.desktop-notification-fade-out {\n -webkit-animation-name: desktop-notification-fade-out;\n -moz-animation-name: desktop-notification-fade-out;\n -o-animation-name: desktop-notification-fade-out;\n animation-name: desktop-notification-fade-out;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n.desktop-notification {\n position: relative;\n width: 300px;\n display: flex;\n align-items: center;\n background-color: #3B494F;\n margin-bottom: 10px;\n padding: 8px 0 8px 10px;\n border-radius: 8px;\n pointer-events: auto;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / Prevent overlay of text/loader and close icon /\n}\n.desktop-notification.no-icon {\n padding: 16px 12px 16px 23px;\n}\n.desktop-notification.closable {\n padding-right: 35px;\n}\n.desktop-notification-content {\n max-width: 100%;\n}\n.has-icon > .desktop-notification-content {\n max-width: calc(100% - 40px);\n margin-left: 10px;\n}\n.ok > .desktop-notification-content {\n color: #62e7ce;\n font-weight: bold;\n}\n.no-icon.ok > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #62e7ce;\n background-color: #62e7ce;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px 2);\n}\n.no-icon.info > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #71b0e8;\n background-color: #71b0e8;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.warning > .desktop-notification-content {\n color: #FFBE6B;\n font-weight: bold;\n}\n.no-icon.warning > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #FFBE6B;\n background-color: #FFBE6B;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.error > .desktop-notification-content {\n color: #FF8888;\n font-weight: bold;\n}\n.no-icon.error > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #FF8888;\n background-color: #FF8888;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.desktop-notification-content > .closer {\n position: absolute;\n padding: 4px;\n margin: 2px;\n right: 9px;\n top: 9px;\n}\n.desktop-notification-content > .closer:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.ok > .desktop-notification-content > .closer {\n color: #62e7ce;\n}\n.warning > .desktop-notification-content > .closer {\n color: #FFBE6B;\n}\n.error > .desktop-notification-content > .closer {\n color: #FF8888;\n}\n.desktop-notification-message {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.desktop-notification.loading > .desktop-notification-content.offline-message > .desktop-notification-message.offline-message-text {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n color: #E9EBEB;\n}\n.desktop-notification-loader {\n flex-grow: 0;\n flex-shrink: 0;\n}\n.desktop-notification-loader.animated::after {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n margin-top: -3px;\n margin-left: 16px;\n margin-right: 10px;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 14px;\n height: 14px;\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.outline.tree > .tree-data {\n padding-top: 16px;\n}\n.outline.tree > .tree-data > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 2px;\n}\n.outline.tree > .tree-data > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.outline.tree > .tree-data > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 0;\n}\n.outline.tree > .tree-data > .key-box {\n top: 7px;\n}\n.outline.tree > .tree-data > .tree-node,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node {\n background-color: transparent;\n cursor: pointer;\n border: 0;\n / padding-right is used to leave some space for the scrollbar /\n padding: 9px 8px 9px 37px;\n}\n.outline.tree > .tree-data > .tree-node.group,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: #2E3C41;\n}\n.outline.tree > .tree-data > .tree-node > .text,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text {\n font-size: 13px;\n}\n.outline.tree > .tree-data > .tree-node > .image-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .image-icon {\n margin-top: auto;\n}\n.outline.tree > .tree-data > .tree-node > .font-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .font-icon {\n line-height: 15px;\n font-size: 16px;\n color: #7E8588;\n}\n.outline.tree > .tree-data > .tree-node > .menubar,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .menubar {\n border: 0;\n background-color: inherit;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n padding-top: 9px;\n padding-left: 20px;\n line-height: 15px;\n color: #7E8588;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control:hover,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control:hover {\n color: #FE9915;\n}\n.outline.tree > .tree-data > .tree-node.selected,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.outline.tree > .tree-data > .tree-node.selected::after,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected::after {\n display: none;\n}\n.outline.tree > .tree-data > .tree-node.selected > .tree-node-control,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control {\n color: rgba(14, 19, 22, 0.7);\n}\n.outline.tree > .tree-data > .tree-node.selected > .tree-node-control:hover,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control:hover {\n color: #FE9915;\n}\n.outline.tree > .tree-data > .tree-node.selected > .font-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .font-icon {\n color: #2E3C41;\n}\n.outline.tree.in-background > .tree-data > .tree-node.group,\n.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: #2C363A;\n}\n.outline.tree.in-background > .tree-data > .tree-node.selected,\n.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #7E8588;\n color: #0E1316;\n}\n.outline-title {\n cursor: pointer;\n color: #71b0e8;\n font-size: 19px;\n padding: 0 20px 0 20px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n display: flex;\n align-items: center;\n height: 64px;\n}\n.outline-title > .icon {\n padding-right: 10px;\n}\n.outline-title > .key-box {\n top: 19px;\n}\n.outline-title > .text {\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.outline-title > .menubar {\n background-color: transparent;\n border: none;\n width: auto;\n flex-grow: 0;\n margin-right: -10px;\n}\n.outline-title > .menubar > .menubar-box > .menu-item.first {\n margin-left: 4px;\n}\n.outline-title > .menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n/ bread crumb style (different colors and bigger font and arrow than original breadcrumb style) /\n.outline.tree.breadcrumb > .outline-title {\n margin: 0;\n border-bottom-color: #3B494F;\n}\n.outline.tree.breadcrumb > .outline-title.touch:active {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.outline.tree.breadcrumb > .tree-data {\n padding-top: 0;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n border-bottom: 1px solid #3B494F;\n padding: 12px 20px;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected {\n background-color: #252F34;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected {\n background-color: transparent;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected:active,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected:active {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected {\n color: #BFC2C3;\n background-color: #252F34;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected {\n background-color: transparent;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node:active,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #71b0e8;\n color: #0E1316;\n cursor: default;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #7E8588;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected > .text > .compact-cell-header > .compact-cell-subtitle,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-header > .compact-cell-subtitle {\n color: #2E3C41;\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: #3B494F;\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: #3B494F;\n}\n.compact.outline.breadcrumb > .outline-title {\n padding-left: 16px;\n padding-right: 16px;\n}\n.compact.outline.breadcrumb > .outline-title > .menubar {\n margin-right: -8px;\n}\n.compact.outline.breadcrumb > .tree-data {\n background-color: #1F2428;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n padding: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .text,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .text {\n display: inline-block;\n padding: 14px 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.has-icon > .text,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node.has-icon > .text {\n padding-left: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .icon,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .icon {\n padding: 14px 8px 14px 16px;\n min-width: 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .node-menubar {\n width: auto;\n flex-grow: 0;\n padding: 0 8px 0 0;\n min-height: 43px;\n height: 43px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar > .menubar-box > .menu-item,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .node-menubar > .menubar-box > .menu-item {\n color: inherit;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar > .menubar-box > .menu-item.disabled,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .node-menubar > .menubar-box > .menu-item.disabled {\n color: #5d7f93;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-menubar {\n padding: 0 16px 0 16px;\n min-height: 43px;\n margin-left: -8px;\n background-color: #252F34;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-menubar > .menubar-box > .menu-item {\n padding-left: 8px;\n padding-right: 8px;\n margin-left: 2px;\n margin-right: 2px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item.first,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-menubar > .menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item.last,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item > .icon,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-menubar > .menubar-box > .menu-item > .icon {\n min-width: 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-content,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-content {\n background-color: #252F34;\n color: #E9EBEB;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-content.dimmed-background,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-content.dimmed-background {\n background-color: #1F2428;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .form > .root-group-box > .group-box-body,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .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.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .form > .right-padding-invisible > .group-box-body {\n padding-right: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n display: flex;\n flex-wrap: wrap;\n background-clip: content-box;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.child-of-selected.animate-prev-selected,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .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.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node.compact-root:not(.selected) {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data.detail-content-visible > .tree-node > .detail-menubar {\n border-bottom: 1px solid #3B494F;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview {\n background-color: transparent;\n color: #E9EBEB;\n border-bottom: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview.compact-root > .text,\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview.compact-root > .icon {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile-overview-content {\n margin-left: 20px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile-overview-title {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview > .form {\n background-color: transparent;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview > .form > .tile-overview-content {\n margin-top: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .menu-item {\n color: #E9EBEB;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview ~ .child-of-selected {\n display: none;\n}\n/ Previous Selection Animation /\n@-webkit-keyframes tree-node-prev-selection {\n 00% {\n background-color: rgba(255, 255, 255, 0.12);\n }\n 100% {\n background-color: #252F34;\n }\n}\n/ NOSONAR /\n@keyframes tree-node-prev-selection {\n 00% {\n background-color: rgba(255, 255, 255, 0.12);\n }\n 100% {\n background-color: #252F34;\n }\n}\n/ NOSONAR /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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 rgba(255, 255, 255, 0.12);\n padding: 0 20px 16px 20px;\n}\n.view-button-box-invisible .search-outline-panel {\n padding-top: 14px;\n padding-bottom: 15px;\n}\n.view-button-box-invisible .search-outline-panel > .clear-icon {\n top: 14px;\n}\n.search-outline-field {\n border: 1px solid rgba(255, 255, 255, 0.25);\n height: 34px;\n border-radius: 5px;\n width: 100%;\n}\n.search-outline-field:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.search-outline-field.has-text {\n padding-right: 25px;\n}\n.search-outline-field.has-text + .clear-icon {\n display: flex;\n}\n.search-outline-field + .clear-icon {\n display: none;\n position: absolute;\n margin-right: 5px;\n right: 20px;\n top: 0;\n height: 34px;\n}\n.search-outline-status {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n padding-right: 8px;\n text-align: right;\n padding-top: 12px;\n margin-bottom: -4px;\n}\n.outline.breadcrumb > .search-outline-panel {\n margin-left: 0;\n margin-right: 0;\n margin-bottom: 0;\n border-bottom-color: #3B494F;\n}\n.outline.breadcrumb > .search-outline-panel > .search-outline-status {\n text-align: left;\n padding-left: 8px;\n}\n.compact.outline.breadcrumb > .search-outline-panel {\n padding-left: 16px;\n padding-right: 16px;\n}\n.compact.outline.breadcrumb > .search-outline-panel > .search-outline-field + .clear-icon {\n right: 16px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.navigate-button.menu-button > .font-icon {\n font-size: 18px;\n}\n.navigate-button.up {\n color: #71b0e8;\n border-color: #71b0e8;\n}\n.menubar-box > .menu-button.navigate-button.up {\n margin-right: 6px;\n}\n.menubar-box > .menu-button.navigate-button.down.left-of-button {\n margin-right: 16px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.outline-overview {\n position: relative;\n height: 100%;\n width: 100%;\n display: table;\n}\n.outline-overview-content {\n color: #3B494F;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tool-box {\n position: absolute;\n top: 0;\n margin: 0 3px;\n min-height: 64px;\n display: inline-flex;\n justify-content: flex-end;\n white-space: nowrap;\n color: #E9EBEB;\n}\n.desktop-tool-box-item.menu-item {\n font-size: 14px;\n margin: 14px 3px;\n padding: 0 14px;\n border-radius: 8px;\n color: inherit;\n display: inline-flex;\n align-items: center;\n}\n.desktop-tool-box-item.menu-item.compact {\n padding-left: 10px;\n padding-right: 10px;\n}\n.desktop-tool-box-item.menu-item.compact > .submenu-icon {\n display: none;\n}\n.desktop-tool-box-item.menu-item > .font-icon {\n font-size: 14px;\n}\n.desktop-tool-box-item.menu-item > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px /\n max-height: 32px;\n}\n.desktop-tool-box-item.menu-item:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: inherit;\n}\n.desktop-tool-box-item.menu-item.selected.has-popup {\n color: inherit;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.desktop-tool-box-item.menu-item.disabled {\n background-color: transparent;\n color: rgba(255, 255, 255, 0.4);\n}\n/ key boxes /\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 6px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-tab-wrapper {\n display: flex;\n width: 56px;\n}\n.view-tab {\n position: relative;\n border-radius: 8px;\n margin: 14px 6px 6px;\n}\n.view-tab > .key-box {\n bottom: 9px;\n}\n.view-tab.in-background {\n border-radius: 12px;\n}\n.view-tab > .edge {\n position: absolute;\n}\n.view-tab.selected:not(.in-background) {\n margin: 8px 0 0;\n border-radius: 12px 12px 0 0;\n}\n.view-tab.selected:not(.in-background) > .edge {\n --color: #252F34;\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -5px;\n height: 12px;\n width: 12px;\n box-sizing: content-box;\n border: 5px solid var(--color);\n border-top: none;\n}\n.view-tab.selected:not(.in-background) > .edge.left {\n left: -12px;\n border-bottom-right-radius: 17px;\n border-left: none;\n}\n.view-tab.selected:not(.in-background) > .edge.right {\n right: -12px;\n border-bottom-left-radius: 17px;\n border-right: none;\n}\n.view-tab.selected:not(.in-background) > .edge.right {\n z-index: 1;\n}\n.view-tab.selected:not(.in-background) > .key-box {\n bottom: 15px;\n}\n.view-tab.animate-bring-to-front,\n.view-tab.animate-bring-to-back {\n transition: margin 200ms ease-out, padding 200ms ease-out, width 200ms ease-out, border-radius 200ms ease-out;\n animation: nop 200ms ease-out;\n}\n.view-tab.animate-bring-to-front:not(.in-background) > .edge.left,\n.view-tab.animate-bring-to-back:not(.in-background) > .edge.left {\n visibility: hidden;\n animation: show-view-tab-left-edge 40ms ease-out 160ms forwards;\n}\n.view-tab.animate-bring-to-front:not(.in-background) > .edge.right,\n.view-tab.animate-bring-to-back:not(.in-background) > .edge.right {\n visibility: hidden;\n animation: show-view-tab-right-edge 40ms ease-out 160ms forwards;\n}\n.view-button-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n width: calc(100% - 2 6px);\n}\n.view-button-tab:hover {\n cursor: pointer;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.view-button-tab.selected {\n background-color: #252F34;\n color: #71b0e8;\n}\n.view-button-tab.selected.in-background {\n background-color: #1F2428;\n}\n.view-button-tab.selected:not(.in-background) {\n width: 100%;\n}\n.view-button-tab.disabled {\n color: rgba(255, 255, 255, 0.4);\n}\n.view-button-tab.disabled:hover {\n cursor: default;\n color: rgba(255, 255, 255, 0.4);\n background-color: transparent;\n}\n.view-button-tab.disabled.selected {\n color: #7E8588;\n}\n.view-button-tab > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: 20px;\n}\n@keyframes show-view-tab-left-edge {\n 0% {\n visibility: visible;\n left: -5px;\n }\n 100% {\n left: -12px;\n }\n}\n@keyframes show-view-tab-right-edge {\n 0% {\n visibility: visible;\n right: -5px;\n }\n 100% {\n right: -12px;\n }\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-button-box {\n display: inline-flex;\n min-height: 64px;\n max-height: 64px;\n white-space: nowrap;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n overflow: visible;\n / necessary if it is in the header to make rounded corner overlap into tab area /\n position: relative;\n / if covered by glass pane /\n background-color: #0E1316;\n color: #E9EBEB;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-menu-tab {\n display: flex;\n background-color: rgba(255, 255, 255, 0.12);\n flex-shrink: 0;\n}\n.view-menu-tab > .view-button,\n.view-menu-tab > .view-menu {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n cursor: pointer;\n}\n.view-menu-tab > .view-button:hover,\n.view-menu-tab > .view-menu:hover {\n background-color: rgba(0, 0, 0, 0.1);\n color: inherit;\n}\n.view-menu-tab > .view-button.disabled,\n.view-menu-tab > .view-menu.disabled {\n color: rgba(255, 255, 255, 0.4);\n background-color: transparent;\n cursor: default;\n}\n.animate-bring-to-front.view-menu-tab > .view-button,\n.animate-bring-to-front.view-menu-tab > .view-menu,\n.animate-bring-to-back.view-menu-tab > .view-button,\n.animate-bring-to-back.view-menu-tab > .view-menu {\n transition: margin 200ms ease-out, padding 200ms ease-out, width 200ms ease-out, border-radius 200ms ease-out;\n}\n.view-menu-tab > .view-button {\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n width: 50px;\n}\n.view-menu-tab > .view-button > .icon {\n font-size: 26px;\n}\n.view-menu-tab > .view-menu {\n position: relative;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n width: 44px;\n}\n.selected-button-invisible.view-menu-tab > .view-menu {\n border-radius: 8px;\n}\n.view-menu-tab > .view-menu > .icon {\n font-size: 24px;\n}\n.view-menu-tab > .view-menu::before {\n content: '';\n position: absolute;\n height: 100%;\n border-left: 1px solid #0E1316;\n left: 0;\n}\n.selected-button-invisible.view-menu-tab > .view-menu::before {\n display: none;\n}\n.view-menu-tab > .view-menu.selected {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.view-menu-tab.in-background > .view-button {\n border-top-left-radius: 12px;\n border-bottom-left-radius: 12px;\n}\n.view-menu-tab.in-background > .view-menu {\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n}\n.selected-button-invisible.view-menu-tab.in-background > .view-menu {\n border-radius: 12px;\n}\n.view-menu-tab.selected {\n color: #71b0e8;\n background-color: #252F34;\n}\n.view-menu-tab.selected > .view-button.selected,\n.view-menu-tab.selected > .view-menu.selected,\n.view-menu-tab.selected > .view-button:hover,\n.view-menu-tab.selected > .view-menu:hover {\n background-color: transparent;\n}\n.view-menu-tab.selected > .view-button.disabled,\n.view-menu-tab.selected > .view-menu.disabled {\n color: #7E8588;\n}\n.view-menu-tab.selected > .view-menu {\n width: 44px;\n}\n.view-menu-tab.selected > .view-menu > .icon {\n font-size: 26px;\n padding: 7px;\n border-radius: 8px;\n}\n.view-menu-tab.selected > .view-menu:hover > .icon {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.view-menu-tab.selected > .view-menu.disabled > .icon {\n background-color: transparent;\n}\n.view-menu-tab.selected > .view-menu.selected > .icon {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.view-menu-tab.selected > .view-menu::before {\n top: 10px;\n height: calc(100% - 20px);\n border-color: rgba(255, 255, 255, 0.12);\n}\n.view-menu-tab.selected.in-background {\n background-color: #1F2428;\n}\n.view-menu-tab.selected.in-background > .view-menu > .icon {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.view-menu-tab.selected:not(.in-background) {\n border-top-left-radius: 0;\n margin-left: 0;\n margin-right: 6px;\n}\n.view-menu-tab.selected:not(.in-background) > .view-button {\n padding-left: 6px;\n width: 56px;\n cursor: default;\n}\n.selected-button-invisible.view-menu-tab.selected:not(.in-background) > .view-menu {\n width: 50px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-menu-popup.widget-popup {\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n border: 0;\n margin: 5px;\n overflow: hidden;\n}\n.view-menu-popup.widget-popup > .tile-grid.scrollable {\n padding: 10px;\n}\n.view-menu-popup.widget-popup > .tile-grid.no-icons > .view-menu-tile {\n min-height: 66px;\n}\n.view-menu-tile {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n color: #71b0e8;\n background-color: #252F34;\n border-radius: 12px;\n border: 2px solid transparent;\n padding: 12px 6px 0 6px;\n min-height: 110px;\n cursor: pointer;\n}\n.view-menu-tile > .icon {\n font-size: 24px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 12px;\n}\n.view-menu-tile > .label {\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 11px;\n}\n.view-menu-tile.text-only {\n justify-content: center;\n padding: 12px 8px;\n}\n.view-menu-tile.text-only > .label {\n font-size: 13px;\n}\n.view-menu-tile.selected {\n border-color: #71b0e8;\n}\n.view-menu-tile:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.view-menu-tile.disabled {\n color: #7E8588;\n cursor: default;\n}\n.view-menu-tile.disabled:hover {\n background-color: #252F34;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: 473px;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n}\n.file-chooser > .box-buttons > .box-button {\n border-color: #71b0e8;\n color: #71b0e8;\n}\n.file-chooser > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.file-chooser > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.file-chooser > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.file-chooser > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.file-chooser > .box-buttons > .box-button.default:hover {\n background-color: #57a1e4;\n border-color: #57a1e4;\n}\n.file-chooser > .box-buttons > .box-button.default.active,\n.file-chooser > .box-buttons > .box-button.default:active {\n background-color: #3890df;\n border-color: #3890df;\n}\n.file-chooser > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.file-chooser > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.file-chooser.calc-helper {\n top: 0;\n left: 0;\n}\n.file-chooser.animate-open {\n -webkit-animation-name: short-drop;\n -moz-animation-name: short-drop;\n -o-animation-name: short-drop;\n animation-name: short-drop;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.file-chooser.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.file-chooser-content {\n border: 0 solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n padding: 26px;\n}\n.file-chooser-title {\n text-align: center;\n word-wrap: break-word;\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 16px;\n color: #71b0e8;\n}\n.file-chooser-label {\n padding-top: 8px;\n padding-bottom: 8px;\n text-align: center;\n}\n.file-chooser-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n.file-chooser-files {\n position: relative;\n min-height: 100px;\n max-height: 200px;\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n padding-top: 16px;\n margin-top: 10px;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: 20px;\n}\n.file-chooser-files > .file {\n text-indent: -20px;\n word-break: break-all;\n margin-bottom: 4px;\n}\n.file-chooser-files > .file::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E003';\n float: left;\n width: 20px;\n padding-left: 2px;\n}\n.file-chooser-files > .file > .remove {\n line-height: normal;\n / override line-height of .menu-item /\n display: inline;\n}\n@media (max-width: 473px) {\n .file-chooser {\n margin: 0;\n / no need to have a margin on small screens /\n }\n .file-chooser > .box-buttons {\n padding: 0 13px 26px 13px;\n / use less x-padding for buttons so that more text can be shown /\n }\n .file-chooser > .box-buttons > .box-button {\n margin-right: 4px;\n min-width: 70px;\n / less min width for buttons on small screens /\n }\n .file-chooser > .box-buttons > .box-button:last-child {\n margin-right: 0;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #71b0e8;\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: #252F34;\n}\n.file-input.has-error.alternative:not(.disabled):active {\n border-bottom-color: #FF8888;\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/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form {\n position: relative;\n}\n.form.dimmed-background {\n background-color: #1F2428;\n}\n.form.dimmed-background > .root-group-box > .menubar {\n background-color: inherit;\n}\n.view:not(.detail-form):not(.mobile-view) > .root-group-box > .main-menubar {\n background-color: inherit;\n}\n.mobile-view > .header > .title {\n font-weight: bold;\n}\n.dialog {\n position: absolute;\n background-color: #2E3C41;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / minimum padding to desktop /\n margin: 10px 10px 15px;\n / min-width and min-height are read by Resizable.js to prevent a dialog from becoming too small\n You can overrule these values with a specific CSS class on a dialog/form when you require a\n larger or smaller min-size. /\n min-width: 250px;\n min-height: 100px;\n top: 0;\n / must be specified otherwise dialogs will be positioned at end of document and increase document size /\n / remove border and rounded corners in full screen mode /\n}\n.dialog > .header {\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n}\n.dialog > .root-group-box {\n border-radius: 12px;\n}\n.header-visible.dialog > .root-group-box {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.dialog.animate-open {\n -webkit-animation: fade-in ease-in 1;\n -moz-animation: fade-in ease-in 1;\n -o-animation: fade-in ease-in 1;\n animation: fade-in ease-in 1;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n}\n.dialog.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.dialog.full-width,\n.dialog.full-height {\n border-radius: 0;\n}\n.dialog.full-width {\n border-right: 0;\n border-left: 0;\n}\n.dialog.full-height {\n border-bottom: 0;\n}\n.dialog > .resizable-nw,\n.dialog > .resizable-n,\n.dialog > .resizable-ne {\n margin-top: -5px;\n}\n.form > .header {\n padding-top: 16px;\n padding-left: 20px;\n padding-right: 10px;\n overflow: hidden;\n}\n.form > .header.no-title {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n}\n.form > .header.no-title > .title,\n.form > .header.no-title > .sub-title {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.form > .header > .icon-container {\n float: left;\n}\n.form > .header > .icon-container > .icon {\n margin-right: 6px;\n vertical-align: middle;\n}\n.form > .header > .icon-container > .icon.font-icon {\n font-size: 16px;\n}\n.form > .header > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 16px;\n color: #E9EBEB;\n margin-top: 1px;\n}\n.form > .header > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #A7ACAD;\n}\n.form > .header > .status-container {\n float: right;\n margin-top: -8px;\n margin-right: -2px;\n}\n.form > .header > .status-container > .status {\n / make sure close icon overlaps drag-handle /\n position: relative;\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n}\n.form > .header > .status-container > .status.closer {\n border-radius: 7px;\n margin-left: 7px;\n padding: 7px;\n}\n@media (max-width: 375px) {\n .dialog {\n / no need to have a margin on small screens /\n / otherwise on iphone5, cancel button on a dialog would always be stacked in ellipsis if there is another menu item /\n margin: 0;\n }\n .dialog > .resizable-handle {\n / Remove handle, it is not useful anymore\n and it increases the dialog size which has the effect that the body may be scrolled (on iphone).\n Important is necessary because jquery ui sets it to display: block using inline style /\n display: none !important;\n / NOSONAR (see comment above)/\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-menu-popup > .form > .root-group-box > .main-menubar {\n background-color: transparent;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.scout-info-form-container {\n width: 100%;\n margin-top: 5px;\n margin-bottom: 5px;\n display: flex;\n}\n.scout-info-form-logo-container {\n flex: none;\n}\n.scout-info-form-text-container {\n flex-grow: 1;\n}\n.scout-info-form-logo {\n display: inline-block;\n max-height: 100px;\n max-width: 200px;\n margin-right: 20px;\n}\n.scout-info-form-table {\n border-spacing: 0;\n}\n.scout-info-form-table-cell-description {\n padding-right: 10px;\n vertical-align: top;\n}\n.scout-info-form-table-cell-value {\n vertical-align: top;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.text-field-icon {\n display: flex;\n align-items: center;\n margin: 0 2px;\n cursor: text;\n}\n.text-field-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 14px;\n color: #7E8588;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.text-field-icon.clear-icon::before {\n content: '\\E045';\n font-size: 14px;\n}\n.text-field-icon.action {\n cursor: pointer;\n}\n.text-field-icon.action:hover::before {\n color: #E9EBEB;\n background-color: rgba(255, 255, 255, 0.12);\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-field {\n / FormFieldLayout uses absolute positioning, make sure it is positioned relatively to its container /\n position: relative;\n / Class that applies the same vertical padding to the .field as to the label (useful e.g. for html fields) /\n / Convenience class to add to a field when the mandatory indicator should not be displayed (e.g. inside a FormFieldMenu) /\n}\n.form-field > label {\n position: absolute;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding-top: 9px;\n padding-bottom: 8px;\n margin-left: 10px;\n / Add small spacing between label and field /\n padding-right: 10px;\n color: #A7ACAD;\n font-size: 12px;\n}\n.disabled.form-field > label {\n color: #7E8588;\n}\n.read-only.form-field > label {\n color: #A7ACAD;\n}\n.form-field > label.top {\n color: #A7ACAD;\n font-size: 11px;\n padding-bottom: 4px;\n}\n.alternative.form-field > label.top {\n / Reduce space between input and label if there is no border /\n padding-bottom: 0;\n}\n.disabled.form-field > label.top {\n color: #7E8588;\n}\n.read-only.form-field > label.top {\n color: #A7ACAD;\n}\n.focused.form-field > label {\n color: #71b0e8;\n}\n.has-error.form-field > label {\n color: #FF8888;\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: #7E8588;\n}\n.form-field.no-mandatory-indicator > .mandatory-indicator {\n display: none;\n}\n.form-field.no-mandatory-indicator > label.top {\n margin-left: 0;\n}\n.form-field > .status {\n position: absolute;\n margin-left: 6px;\n height: 24px;\n display: flex;\n align-items: center;\n}\n.form-field > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.form-field.has-menus.has-tooltip:not(.has-info):not(.has-ok):not(.has-warning):not(.has-error) > .status::before {\n content: '\\E008';\n}\n.form-field.has-menus > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-menus > .status::before {\n content: '\\E041';\n color: #BFC2C3;\n font-size: 16px;\n}\n.form-field.has-menus > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\n.form-field.has-menus > .status:active::before,\n.form-field.has-menus > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #E9EBEB;\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: #A7ACAD;\n font-size: 16px;\n}\n.form-field.has-tooltip > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.form-field.has-tooltip > .status:active::before,\n.form-field.has-tooltip > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n.form-field.has-ok > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-ok > .status::before {\n content: '\\E002';\n color: #62e7ce;\n font-size: 16px;\n}\n.form-field.has-ok > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #8eeedc;\n}\n.form-field.has-ok > .status:active::before,\n.form-field.has-ok > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #8eeedc;\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: #A7ACAD;\n font-size: 16px;\n}\n.form-field.has-info > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.form-field.has-info > .status:active::before,\n.form-field.has-info > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\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: #FFBE6B;\n font-size: 16px;\n}\n.form-field.has-warning > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffd49e;\n}\n.form-field.has-warning > .status:active::before,\n.form-field.has-warning > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffd49e;\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: #FF8888;\n font-size: 16px;\n}\n.form-field.has-error > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffbbbb;\n}\n.form-field.has-error > .status:active::before,\n.form-field.has-error > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffbbbb;\n}\n.form-field .disabled-overlay {\n position: absolute;\n}\n.form-field.cell-editor-form-field {\n position: absolute;\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.lookup-box.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.lookup-box > .field > .structure.tree,\n.lookup-box > .field > .structure.table {\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.lookup-box > .field > .structure.tree.alternative,\n.lookup-box > .field > .structure.table.alternative {\n border-radius: 3px;\n}\n.lookup-box > .field > .structure.tree.no-rows-selected:focus,\n.lookup-box > .field > .structure.table.no-rows-selected:focus,\n.lookup-box > .field > .structure.tree.no-nodes-selected:focus,\n.lookup-box > .field > .structure.table.no-nodes-selected:focus,\n.lookup-box > .field > .structure.tree.no-rows-selected.focused,\n.lookup-box > .field > .structure.table.no-rows-selected.focused,\n.lookup-box > .field > .structure.tree.no-nodes-selected.focused,\n.lookup-box > .field > .structure.table.no-nodes-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell,\n.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell {\n border-bottom: 0;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row.selected::after,\n.lookup-box > .field > .structure.table > .table-data > .table-row.selected::after {\n top: 0;\n height: 100%;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row.inactive,\n.lookup-box > .field > .structure.table > .table-data > .table-row.inactive {\n font-style: italic;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row.inactive > .table-cell.last > .text::after,\n.lookup-box > .field > .structure.table > .table-data > .table-row.inactive > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell.last.inactive,\n.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell.last.inactive {\n font-style: italic;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell.last.inactive > .text::after,\n.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell.last.inactive > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.lookup-box > .field > .structure.tree > .tree-data > .tree-node.inactive,\n.lookup-box > .field > .structure.table > .tree-data > .tree-node.inactive,\n.lookup-box > .field > .structure.tree > .tree-data > .animation-wrapper > .tree-node.inactive,\n.lookup-box > .field > .structure.table > .tree-data > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n}\n.lookup-box > .field > .structure.tree > .tree-data > .tree-node.inactive > .text::after,\n.lookup-box > .field > .structure.table > .tree-data > .tree-node.inactive > .text::after,\n.lookup-box > .field > .structure.tree > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after,\n.lookup-box > .field > .structure.table > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.value-field > input,\n.value-field > .input-field,\n.value-field > .field > input,\n.value-field > .field > .input-field,\n.value-field > .file-input {\n / Mainly necessary if label is invisible or on top and use ui height is set -> Makes sure the status is aligned and inputs are always the same height/\n min-height: 30px;\n}\n.value-field > .text-field-icon,\n.value-field > .field > .text-field-icon {\n display: none;\n position: absolute;\n}\n.value-field.alternative > .text-field-icon,\n.value-field.alternative > .field > .text-field-icon {\n margin-right: 0;\n}\n.value-field.alternative.halign-right > .clear-icon,\n.value-field.alternative.halign-right > .field > .clear-icon {\n margin-left: 0;\n margin-right: 2px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).focused > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).focused > .clear-icon::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).focused > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).focused > .field > .clear-icon::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon {\n display: flex;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .icon {\n display: none;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .file-input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .file-input {\n padding-right: 28px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .file-input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .file-input.alternative {\n padding-right: 26px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input {\n padding-left: 28px;\n padding-right: 10px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.alternative {\n padding-left: 26px;\n padding-right: 0;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.cell-editor-field {\n padding-right: 8px;\n}\n.value-field.has-icon:not(.compact):not(.disabled).focused > .icon::before,\n.value-field.has-icon:not(.compact):not(.disabled).focused > .field > .icon::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > .icon,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .icon {\n display: flex;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > input,\n.value-field.has-icon:not(.compact):not(.disabled) > .input-field,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > input,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .input-field,\n.value-field.has-icon:not(.compact):not(.disabled) > .file-input {\n padding-right: 28px;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > input.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .input-field.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > input.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .input-field.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .file-input.alternative {\n padding-right: 26px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.widget-field > .menubar {\n background-color: transparent;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.button-field > .field {\n margin-left: 10px;\n}\n.no-mandatory-indicator.button-field > .field {\n margin-left: 0;\n}\n.button-field > .button {\n min-height: 30px;\n}\n.button-field > .link-button {\n padding-left: 0;\n padding-right: 0;\n}\n.button-field > .link-button:hover,\n.button-field > .link-button:active,\n.button-field > .link-button.active {\n background-color: transparent;\n}\n.button-field > .link-button:focus {\n box-shadow: none;\n}\n.button-field > .link-button:focus::after {\n content: '';\n position: absolute;\n top: 3px;\n left: -3px;\n height: calc(100% - 6px);\n width: calc(100% + 6px);\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-radius: 3px;\n}\n.button-field > .key-box {\n position: absolute;\n top: 4px;\n}\n.button-field.button-icon-large > .button > .font-icon {\n font-size: 24px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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 rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n}\n.browser-field > .field.alternative {\n border-radius: 3px;\n}\n.browser-field > .field > .alt {\n margin: 14px;\n}\n.browser-field > .field > .button {\n display: inline-block;\n padding: 4px 7px;\n margin: 0 14px 14px 14px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.calendar-field > .group-box-body {\n padding-right: 0;\n}\n.form:not(.detail-form) .calendar-field:not(.mobile) > .field {\n margin-left: 10px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.check-box-field > .field {\n padding: 6px 0;\n outline: none;\n display: flex;\n / only the label should be clickable, not the whole field /\n / Same spacings as defined in CellEditorPopup.less, but as margin, not as padding /\n}\n.check-box-field > .field > .label {\n color: #E9EBEB;\n}\n.check-box-field > .field > .check-box,\n.check-box-field > .field > .label {\n cursor: pointer;\n}\n.check-box-field > .field > .label {\n padding-top: 2px;\n padding-left: 7px;\n max-width: calc(100% - 18px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.check-box-field > .field > .label.empty {\n / Make the label invisible if there is no text to not artificially make the check box wider than it should be\n The check box square defines the height. /\n display: none;\n}\n.check-box-field > .field.has-inner-alignment.halign-left {\n justify-content: flex-start;\n}\n.check-box-field > .field.has-inner-alignment.halign-center {\n justify-content: center;\n}\n.check-box-field > .field.has-inner-alignment.halign-right {\n justify-content: flex-end;\n}\n.check-box-field > .field > .check-box {\n flex: none;\n / never shrink check-box /\n}\n.check-box-field > .field > .cell-editor-field.check-box {\n padding: 0;\n margin: 0 10px 0 10px;\n vertical-align: top;\n border-width: 1px;\n}\n.check-box-field > .field > .cell-editor-field.check-box.last {\n margin-right: 14px !important;\n}\n.check-box-field > .field > .cell-editor-field.check-box:focus {\n border-width: 1px;\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.check-box-field > .field.halign-right > .cell-editor-field.check-box {\n margin-right: 10px;\n margin-left: 10px;\n}\n.check-box-field > .field.halign-center > .cell-editor-field.check-box {\n margin-right: 10px;\n}\n.check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - 2px);\n}\n.cell-editor-popup.overflow-top .check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - 2px + 1px);\n}\n.check-box-field.disabled > .field > .check-box {\n cursor: default;\n}\n.check-box-field.disabled > .field > .label {\n cursor: default;\n color: #7E8588;\n}\n.check-box-field.disabled > .field.read-only > .label {\n color: #E9EBEB;\n}\n.checkbox-indentation {\n margin-left: 25px;\n}\n.radiobutton-group-body > .checkbox-indentation {\n margin-left: 15px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.clipboard-field > .field {\n margin-left: 10px;\n background-color: rgba(113, 176, 232, 0.09);\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.date-field.focused > .icon.date::before,\n.date-field.focused > .field > .icon.date::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\n}\n.date-field.focused > .icon.time::before,\n.date-field.focused > .field > .icon.time::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\n}\n.date-field > .field > input,\n.date-field > .field > .input-field {\n position: absolute;\n}\n.date-field > .field .icon.date-clear,\n.date-field > .field .icon.time-clear {\n cursor: pointer;\n display: none;\n}\n.date-field > .field .icon.date-clear::before,\n.date-field > .field .icon.time-clear::before {\n content: '\\E045';\n}\n.date-field > .field .icon.date::before {\n content: '\\E029';\n}\n.date-field > .field .icon.time::before {\n content: '\\E004';\n}\n.date-field.date-focused > .icon.date::before,\n.date-field.date-focused > .field > .icon.date::before,\n.date-field.time-focused > .icon.time::before,\n.date-field.time-focused > .field > .icon.time::before {\n color: #71b0e8;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > .icon.date {\n display: flex;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date {\n padding-right: 28px;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date.alternative {\n padding-right: 26px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > .icon.time {\n display: flex;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time {\n padding-right: 28px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time.alternative {\n padding-right: 26px;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).focused > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).focused > .icon.date-clear::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).focused > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).focused > .field > .icon.date-clear::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\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: #71b0e8;\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: #FF8888;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > .date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > .date-clear {\n display: flex;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > .icon.date,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > .icon.date {\n display: none;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > input.date,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > input.date {\n padding-right: 28px;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > input.date.alternative,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > input.date.alternative {\n padding-right: 26px;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).focused > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).focused > .icon.time-clear::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).focused > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).focused > .field > .icon.time-clear::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\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: #71b0e8;\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: #FF8888;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > .time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > .time-clear {\n display: flex;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > .icon.time,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > .icon.time {\n display: none;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > input.time,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > input.time {\n padding-right: 28px;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > input.time.alternative,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > input.time.alternative {\n padding-right: 26px;\n}\n.date-field > .field {\n /* Prediction input field is in the back of the actual input field -> make actual input field transparent /\n}\n.date-field > .field > .input-field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: #7E8588;\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(126, 133, 136, 0.5);\n}\n.date-field > .field > .predict {\n color: #7E8588;\n background-color: transparent;\n}\n.date-field > .field > .predict.alternative {\n background-color: transparent;\n}\n.date-field > .field > .predict.has-error {\n background-color: #252F34;\n}\n.date-field > .field > .predict + input {\n background-color: transparent;\n}\n.date-field.date-clearable > .field > .icon.date-clear {\n display: flex;\n}\n.date-field.date-clearable > .field > .icon.date {\n display: none;\n}\n.date-field.time-clearable > .field > .icon.time-clear {\n display: flex;\n}\n.date-field.time-clearable > .field > .icon.time {\n display: none;\n}\n.touch-popup-field.time > .field > input.date,\n.touch-popup-field.time > .field > .icon.date,\n.touch-popup-field.time > .field > .icon.date-clear {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.touch-popup-field.date {\n margin-bottom: 0;\n}\n.touch-popup-field.date > .field > input.time,\n.touch-popup-field.date > .field > .icon.time,\n.touch-popup-field.date > .field > .icon.time-clear {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.file-chooser-field > .icon {\n cursor: pointer;\n}\n.file-chooser-field > .icon::before {\n content: '\\E003';\n}\n.file-chooser-field > .file-input > input {\n display: none;\n}\n.file-chooser-field > .file-input > .file-input-text {\n overflow-x: hidden;\n}\n.file-chooser-field > .file-input > .file-input-text[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: #7E8588;\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(126, 133, 136, 0.5);\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.root-group-box {\n / necessary if dialog gets really small /\n overflow: hidden;\n}\n.root-group-box > .group-box-body,\n.root-group-box > .group-box-header {\n / group-box-body may be scrollable. /\n / that's why the body has a padding instead of the root-group-box (to place the scrollbars inside the body) /\n padding-left: 10px;\n padding-right: 20px;\n}\n.root-group-box > .group-box-body > .scrollbar {\n / override margin reset from group-box-body (see below) /\n}\n.root-group-box > .group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 5px;\n}\n.root-group-box > .group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.root-group-box > .group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 3px;\n}\n.group-box > .menubar {\n margin-left: 10px;\n background-color: inherit;\n}\n.group-box.collapsed > .menubar {\n display: none;\n}\n.group-box.has-scroll-shadow-top:not(.menubar-position-top) > .group-box-header {\n width: 100%;\n margin-left: 0;\n padding-left: 10px;\n}\n.root-group-box.loading > .loading-indicator,\n.group-box.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.root-group-box.loading > .loading-indicator::before,\n.group-box.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.root-group-box.loading > .loading-indicator.animate-remove,\n.group-box.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.root-group-box.right-padding-invisible > .group-box-body,\n.group-box.right-padding-invisible > .group-box-body {\n padding-right: 0;\n}\n.group-box-header {\n width: calc(100% - 10px);\n margin-top: 8px;\n margin-left: 10px;\n position: relative;\n white-space: nowrap;\n margin-bottom: 1px;\n}\n.group-box-header > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -1px;\n width: 100%;\n height: 1px;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.group-box-header.has-menubar > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n vertical-align: middle;\n padding-left: 10px;\n}\n.group-box-header.has-menubar > .menubar > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n}\n.group-box-header > .group-box-control {\n display: inline-block;\n color: #E9EBEB;\n cursor: pointer;\n padding-left: 10px;\n text-align: center;\n vertical-align: middle;\n width: 25px;\n}\n.group-box-header > .group-box-control::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\F107';\n}\n.group-box.collapsed > .group-box-header > .group-box-control::before {\n content: '\\F106';\n}\n.group-box-header > .title {\n display: inline-block;\n vertical-align: middle;\n padding: 12px 0 12px 0;\n max-width: 100%;\n margin-top: 1px;\n}\n.group-box.has-sub-label > .group-box-header > .title {\n padding-bottom: 7px;\n}\n.group-box-header > .title > .label {\n font-weight: bold;\n color: #E9EBEB;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.group-box-header > .title > .sub-label {\n padding-top: 1px;\n font-size: 11px;\n letter-spacing: 0.2px;\n color: #A7ACAD;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.group-box-header > .status {\n position: absolute;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.group-box-header > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.group-box.has-tooltip > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-tooltip > .group-box-header > .status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n.group-box.has-tooltip > .group-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.group-box.has-tooltip > .group-box-header > .status:active::before,\n.group-box.has-tooltip > .group-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n.group-box.has-info > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-info > .group-box-header > .status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n.group-box.has-info > .group-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.group-box.has-info > .group-box-header > .status:active::before,\n.group-box.has-info > .group-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n.group-box.has-ok > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-ok > .group-box-header > .status::before {\n content: '\\E002';\n color: #62e7ce;\n font-size: 16px;\n}\n.group-box.has-ok > .group-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #8eeedc;\n}\n.group-box.has-ok > .group-box-header > .status:active::before,\n.group-box.has-ok > .group-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #8eeedc;\n}\n.group-box.has-warning > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-warning > .group-box-header > .status::before {\n content: '\\E001';\n color: #FFBE6B;\n font-size: 16px;\n}\n.group-box.has-warning > .group-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffd49e;\n}\n.group-box.has-warning > .group-box-header > .status:active::before,\n.group-box.has-warning > .group-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffd49e;\n}\n.group-box.has-error > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-error > .group-box-header > .status::before {\n content: '\\E001';\n color: #FF8888;\n font-size: 16px;\n}\n.group-box.has-error > .group-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffbbbb;\n}\n.group-box.has-error > .group-box-header > .status:active::before,\n.group-box.has-error > .group-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffbbbb;\n}\n.group-box-header.expandable {\n / Expansion can also be performed on the title itself /\n cursor: pointer;\n}\n.group-box-body {\n position: relative;\n padding: 18px 0 16px 0;\n / position scrollbar as right as possible to prevent overlapping field parts. /\n}\n.group-box-body.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n}\n.group-box-body.x-padding-invisible {\n padding-left: 0;\n padding-right: 0;\n}\n.collapsed > .group-box-body {\n display: none;\n}\n.group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 8px;\n}\n.group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 6px;\n}\n.group-box.top-padding-invisible > .group-box-body {\n padding-top: 0;\n}\n.group-box.bottom-padding-invisible > .group-box-body {\n padding-bottom: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.html-field.selectable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.html-field > .field {\n margin-left: 10px;\n}\n.html-field > .field:focus {\n outline: none;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.label-field.selectable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.label-field > .field {\n padding-top: 8px;\n padding-bottom: 8px;\n margin-left: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.label-field > .field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: #7E8588;\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(126, 133, 136, 0.5);\n}\n.no-mandatory-indicator.label-field > .field {\n margin-left: 0;\n}\n.top-padding-invisible.label-field > .field {\n padding-top: 0;\n}\n.bottom-padding-invisible.label-field > .field {\n padding-bottom: 0;\n}\n.label-field > .field:focus {\n outline: none;\n}\n.label-field > .field.has-inner-alignment.halign-left {\n text-align: left;\n}\n.label-field > .field.has-inner-alignment.halign-center {\n text-align: center;\n}\n.label-field > .field.has-inner-alignment.halign-right {\n text-align: right;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode-selector-field.alternative > label.top {\n padding-bottom: 4px;\n}\n.mode-selector-field > .mode-selector {\n margin-left: 10px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.planner-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.planner-field > .planner {\n margin-left: 10px;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n}\n.planner-field > .planner.alternative {\n border-radius: 3px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.radio-button > .field {\n padding: 6px 0;\n margin-left: 10px;\n outline: none;\n display: flex;\n}\n.radio-button > .field > .radio-button-circle,\n.radio-button > .field > .label,\n.radio-button > .field > .icon {\n / only the label should be clickable, not the whole field /\n cursor: pointer;\n}\n.radio-button > .field > .label {\n color: #E9EBEB;\n padding-top: 2px;\n padding-left: 7px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.radio-button > .field > .label.empty {\n / Make the label invisible if there is no text to not artificially make the button wider than it should be\n Compared to the Button.js the circle defines the height /\n display: none;\n}\n.radio-button > .field > .icon {\n padding-left: 7px;\n}\n.radio-button > .field > .radio-button-circle {\n width: 18px;\n height: 18px;\n flex: none;\n background-color: transparent;\n border-radius: 50%;\n position: relative;\n}\n.radio-button > .field > .radio-button-circle::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: #71b0e8;\n border-radius: 50%;\n opacity: 0;\n transition: transform ease 250ms, opacity linear 250ms;\n transform: scale(0.01);\n}\n.radio-button > .field > .radio-button-circle::after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid #7E8588;\n border-radius: 50%;\n}\n.radio-button > .field > .radio-button-circle.checked::before {\n transform: scale(0.55555556);\n opacity: 1;\n transition: transform ease 250ms;\n}\n.radio-button > .field > .radio-button-circle.checked::after {\n border-color: #71b0e8;\n}\n.radio-button > .field > .radio-button-circle:focus {\n outline: none;\n}\n.radio-button > .field > .radio-button-circle:focus::after {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #71b0e8;\n}\n.radio-button > .field > .radio-button-circle.disabled {\n cursor: default;\n}\n.radio-button > .field > .radio-button-circle.disabled::after {\n border-color: rgba(255, 255, 255, 0.12);\n}\n.radio-button > .field > .radio-button-circle.disabled.checked::before {\n background-color: #7E8588;\n}\n.radio-button > .field > .radio-button-circle.disabled.checked::after {\n border-color: #7E8588;\n}\n.radio-button.disabled > .field > .label,\n.radio-button.disabled > .field > .icon {\n cursor: default;\n color: #7E8588;\n}\n.radiobutton-indentation {\n margin-left: 25px;\n}\n.radiobutton-group-body > .radiobutton-indentation {\n margin-left: 15px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.radiobutton-group-body > .radio-button > .field {\n / radio button group has a mandatory indicator, no need to create a margin /\n margin-left: 0;\n}\n.radiobutton-group-body > .form-field {\n opacity: 1;\n transition: opacity 250ms;\n}\n.radiobutton-group-body.loading > .form-field {\n opacity: 0;\n}\n.radiobutton-group-body.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.radiobutton-group-body.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.radiobutton-group-body.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.dropdown-field > .icon {\n cursor: pointer;\n}\n.dropdown-field > .icon::before {\n content: '\\F107';\n font-size: 16px;\n}\n.dropdown-field.popup-open > .icon::before {\n content: '\\F106';\n}\n.dropdown-field > .field {\n cursor: pointer;\n}\n.dropdown-field > .field.disabled {\n cursor: default;\n}\n.proposal-field > .icon::before {\n content: '\\E02F';\n}\n.smart-field {\n / Multiline SmartField /\n / DIV below the smart field containing the additional lines /\n}\n.smart-field > .icon::before,\n.smart-field > .field > .icon::before {\n content: '\\E02A';\n}\n.smart-field > .field > .multiline-input {\n border-radius: 3px 3px 0 0;\n width: 100%;\n padding-left: 10px;\n}\n.smart-field > .field > .multiline-input:focus {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.smart-field > .field > .multiline-input.alternative {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n padding-left: 0;\n padding-right: 0;\n}\n.smart-field > .field > .multiline-input.alternative:focus {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-color: #71b0e8;\n}\n.smart-field > .field > .multiline-input.alternative.has-error {\n border-bottom-color: #FF8888;\n}\n.smart-field > .field > .multiline-input.read-only {\n border-bottom-color: rgba(255, 255, 255, 0.12);\n}\n.smart-field > .field > .multiline-input.read-only.has-error {\n border-bottom-color: #FF8888;\n}\n.smart-field > .field > .multiline-lines {\n background-color: transparent;\n border: solid 1px rgba(255, 255, 255, 0.25);\n border-radius: 0 0 3px 3px;\n border-top: none;\n padding: 3px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.smart-field > .field > .multiline-lines.disabled {\n background-color: inherit;\n}\n.smart-field.alternative > .field > .multiline-lines,\n.smart-field.read-only > .field > .multiline-lines {\n border: 0;\n padding-top: 6px;\n}\n.smart-field.alternative > .field > .multiline-lines.disabled,\n.smart-field.read-only > .field > .multiline-lines.disabled {\n background-color: transparent;\n}\n.smart-field.alternative > .field > .multiline-lines {\n padding-left: 0;\n padding-right: 0;\n}\n.smart-field.disabled > .field > .multiline-lines {\n color: #7E8588;\n}\n.read-only.smart-field.disabled > .field > .multiline-lines {\n color: #E9EBEB;\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: #7E8588;\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(126, 133, 136, 0.5);\n}\n.dropdown-field.loading > .icon,\n.proposal-field.loading > .icon,\n.smart-field.loading > .icon {\n -webkit-animation: pulsate-in-out 2.2s ease-in-out infinite;\n -moz-animation: pulsate-in-out 2.2s ease-in-out infinite;\n -o-animation: pulsate-in-out 2.2s ease-in-out infinite;\n animation: pulsate-in-out 2.2s ease-in-out infinite;\n}\n.dropdown-field > .field.halign-left,\n.proposal-field > .field.halign-left,\n.smart-field > .field.halign-left,\n.dropdown-field > .field.halign-left > .multiline-input,\n.proposal-field > .field.halign-left > .multiline-input,\n.smart-field > .field.halign-left > .multiline-input {\n text-align: left;\n}\n.dropdown-field > .field.halign-center,\n.proposal-field > .field.halign-center,\n.smart-field > .field.halign-center,\n.dropdown-field > .field.halign-center > .multiline-input,\n.proposal-field > .field.halign-center > .multiline-input,\n.smart-field > .field.halign-center > .multiline-input {\n text-align: center;\n}\n.dropdown-field > .field.halign-right,\n.proposal-field > .field.halign-right,\n.smart-field > .field.halign-right,\n.dropdown-field > .field.halign-right > .multiline-input,\n.proposal-field > .field.halign-right > .multiline-input,\n.smart-field > .field.halign-right > .multiline-input {\n text-align: right;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field {\n padding-left: 0;\n padding-right: 28px;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative {\n padding-left: 0;\n padding-right: 26px;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field {\n padding-right: 28px;\n}\n.dropdown-field.halign-right:not(.disabled) > .field > .multiline-lines,\n.proposal-field.halign-right:not(.disabled) > .field > .multiline-lines,\n.smart-field.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: 28px;\n}\n.dropdown-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines,\n.proposal-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines,\n.smart-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: 26px;\n}\n.dropdown-field.alternative.halign-right > .clear-icon,\n.proposal-field.alternative.halign-right > .clear-icon,\n.smart-field.alternative.halign-right > .clear-icon,\n.dropdown-field.alternative.halign-right > .field > .clear-icon,\n.proposal-field.alternative.halign-right > .field > .clear-icon,\n.smart-field.alternative.halign-right > .field > .clear-icon {\n margin-right: 0;\n margin-left: 2px;\n}\n.smart-field-touch-popup > .body > .touch-popup-field > .field > .multiline-input {\n border-radius: 3px 3px;\n}\n.smart-field-touch-popup > .body > .touch-popup-field > .field > .multiline-lines {\n display: none;\n}\n.smart-field-touch-popup > .body > .touch-popup-widget-container .table-data {\n padding: 2px 15px 15px;\n}\n.smart-field-touch-popup > .body > .touch-popup-widget-container .table-data > .table-row.first {\n border-top-color: transparent;\n}\n.dropdown-field-popup,\n.smart-field-popup,\n.proposal-field-popup {\n position: absolute;\n overflow: hidden;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n.dropdown-field-popup.touch,\n.smart-field-popup.touch,\n.proposal-field-popup.touch {\n background-color: #1F2428;\n}\n.proposal-chooser > .active-filter {\n position: absolute;\n}\n.proposal-chooser > .status {\n display: flex;\n align-items: center;\n}\n.proposal-chooser > .active-filter,\n.proposal-chooser > .status {\n padding: 0 12px;\n background-color: #1F2428;\n border-top: solid 1px rgba(255, 255, 255, 0.12);\n height: 30px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.proposal-chooser.empty > .active-filter,\n.proposal-chooser.empty > .status {\n border-top: 0;\n}\n.proposal-chooser > .table > .table-header {\n padding-left: 12px;\n padding-right: 12px;\n}\n.proposal-chooser > .table > .table-data {\n padding: 8px 12px;\n}\n.proposal-chooser > .table > .table-data > .table-row.first {\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n}\n.proposal-chooser > .table > .table-data > .table-row.first.selected::after {\n top: -1px;\n}\n.proposal-chooser > .table > .table-data > .table-row.inactive {\n font-style: italic;\n}\n.proposal-chooser > .table > .table-data > .table-row.inactive > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.proposal-chooser > .table > .table-data > .scrollbar.y-axis > .scrollbar-thumb > .scrollbar-thumb-handle {\n margin-left: 1px;\n}\n.proposal-chooser > .tree > .tree-data {\n padding: 8px 12px;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.inactive,\n.proposal-chooser > .tree > .tree-data > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.inactive > .text::after,\n.proposal-chooser > .tree > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.status > .ellipsis {\n padding-left: 3px;\n}\n.animate-dot {\n position: relative;\n -webkit-animation-name: animateDot;\n -moz-animation-name: animateDot;\n -o-animation-name: animateDot;\n animation-name: animateDot;\n -webkit-animation-duration: 1650ms;\n -moz-animation-duration: 1650ms;\n -o-animation-duration: 1650ms;\n animation-duration: 1650ms;\n -webkit-animation-iteration-count: infinite;\n -moz-animation-iteration-count: infinite;\n -o-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n}\n.delay-0 {\n -webkit-animation-delay: 0ms;\n -moz-animation-delay: 0ms;\n -o-animation-delay: 0ms;\n animation-delay: 0ms;\n}\n.delay-1 {\n -webkit-animation-delay: 200ms;\n -moz-animation-delay: 200ms;\n -o-animation-delay: 200ms;\n animation-delay: 200ms;\n}\n.delay-2 {\n -webkit-animation-delay: 400ms;\n -moz-animation-delay: 400ms;\n -o-animation-delay: 400ms;\n animation-delay: 400ms;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: rgba(255, 255, 255, 0.12);\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: #71b0e8;\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 #71b0e8;\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 #71b0e8;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.string-field {\n / adjust paddings in case of both icons (icon and clear-icon) are visible /\n}\n.string-field.multiline > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.string-field > .field.has-inner-alignment.halign-left {\n text-align: left;\n}\n.string-field > .field.has-inner-alignment.halign-center {\n text-align: center;\n}\n.string-field > .field.has-inner-alignment.halign-right {\n text-align: right;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .clear-icon,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon {\n margin-right: 0;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input {\n padding-right: 54px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input.alternative {\n padding-right: 52px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input {\n padding-left: 28px;\n padding-right: 28px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative {\n padding-left: 26px;\n padding-right: 26px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .icon,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .icon {\n display: flex;\n}\n.string-field.has-icon > .icon::before {\n content: '\\F061';\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tab-box-header {\n margin-top: 8px;\n margin-left: 10px;\n white-space: nowrap;\n position: relative;\n margin-bottom: 1px;\n}\n.tab-box.has-scroll-shadow-top > .tab-box-header {\n margin-left: 0;\n padding-left: 10px;\n}\n.tab-box-header > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -1px;\n width: 100%;\n height: 1px;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.tab-box-header > .tab-area {\n position: relative;\n}\n.tab-box-header > .tab-area > .selection-marker {\n position: absolute;\n z-index: 1;\n bottom: -1px;\n margin-bottom: -1px;\n height: 3px;\n background-color: #71b0e8;\n transition: left 0.3s, width 0.3s;\n border-radius: 1.5px;\n}\n.tab-box-header > .tab-area > .tab-item > .title > .sub-label {\n display: none;\n}\n.tab-box-header > .tab-area.has-sub-label > .tab-item > .title > .sub-label {\n display: block;\n}\n.tab-box-header > .tab-area.spread-even {\n width: 100%;\n display: flex;\n}\n.tab-box-header > .tab-area.spread-even > .tab-item {\n flex-grow: 1;\n flex-basis: 0;\n justify-content: center;\n}\n.tab-box-header > .tab-area.spread-even > .tab-item.first {\n padding-left: 20px;\n}\n.tab-box-header > .menubar {\n position: absolute;\n background-color: inherit;\n border-bottom: none;\n}\n.tab-box-header > .status {\n position: absolute;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.tab-box-header > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.tab-box.has-tooltip > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-tooltip > .tab-box-header > .status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:active::before,\n.tab-box.has-tooltip > .tab-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\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: #A7ACAD;\n font-size: 16px;\n}\n.tab-box.has-info > .tab-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.tab-box.has-info > .tab-box-header > .status:active::before,\n.tab-box.has-info > .tab-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n.tab-box.has-ok > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-ok > .tab-box-header > .status::before {\n content: '\\E002';\n color: #62e7ce;\n font-size: 16px;\n}\n.tab-box.has-ok > .tab-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #8eeedc;\n}\n.tab-box.has-ok > .tab-box-header > .status:active::before,\n.tab-box.has-ok > .tab-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #8eeedc;\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: #FFBE6B;\n font-size: 16px;\n}\n.tab-box.has-warning > .tab-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffd49e;\n}\n.tab-box.has-warning > .tab-box-header > .status:active::before,\n.tab-box.has-warning > .tab-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffd49e;\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: #FF8888;\n font-size: 16px;\n}\n.tab-box.has-error > .tab-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffbbbb;\n}\n.tab-box.has-error > .tab-box-header > .status:active::before,\n.tab-box.has-error > .tab-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffbbbb;\n}\n.tab-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n color: #E9EBEB;\n background-color: transparent;\n padding: 0 20px;\n cursor: pointer;\n height: 100%;\n}\n.tab-item::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 1px;\n margin-bottom: -1px;\n display: none;\n}\n.tab-item.first {\n padding-left: 0;\n}\n.tab-item.overflown {\n display: none;\n}\n.tab-item.marked::after {\n display: block;\n background-color: #7E8588;\n}\n.tab-item:hover {\n color: #71b0e8;\n}\n.tab-item:active {\n color: #71b0e8;\n}\n.tab-item.selected {\n color: #E9EBEB;\n}\n.tab-item:focus {\n outline: none;\n}\n.tab-item:focus.keyboard-navigation {\n color: #87bcec;\n}\n.tab-item > .title {\n display: inline-block;\n vertical-align: middle;\n padding: 12px 0 12px;\n margin-top: 1px;\n}\n.tab-area.has-sub-label > .tab-item > .title {\n padding-bottom: 7px;\n}\n.tab-item > .title > .label {\n vertical-align: middle;\n}\n.tab-item > .title > .label::before {\n content: attr(data-text);\n display: block;\n font-weight: bold;\n visibility: hidden;\n height: 0;\n}\n.selected.tab-item > .title > .label {\n font-weight: bold;\n}\n.tab-item > .title > .sub-label {\n padding-top: 1px;\n font-size: 11px;\n letter-spacing: 0.2px;\n color: #A7ACAD;\n}\n.tab-item > .status {\n display: inline-block;\n vertical-align: middle;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.tab-item > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.tab-item.has-tooltip,\n.tab-item.has-info,\n.tab-item.has-warning,\n.tab-item.has-ok,\n.tab-item.has-error {\n padding-right: 6px;\n}\n.tab-item.has-tooltip > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-tooltip > .status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n.tab-item.has-tooltip > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.tab-item.has-tooltip > .status:active::before,\n.tab-item.has-tooltip > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\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: #A7ACAD;\n font-size: 16px;\n}\n.tab-item.has-info > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.tab-item.has-info > .status:active::before,\n.tab-item.has-info > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n.tab-item.has-ok > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-ok > .status::before {\n content: '\\E002';\n color: #62e7ce;\n font-size: 16px;\n}\n.tab-item.has-ok > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #8eeedc;\n}\n.tab-item.has-ok > .status:active::before,\n.tab-item.has-ok > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #8eeedc;\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: #FFBE6B;\n font-size: 16px;\n}\n.tab-item.has-warning > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffd49e;\n}\n.tab-item.has-warning > .status:active::before,\n.tab-item.has-warning > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffd49e;\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: #FF8888;\n font-size: 16px;\n}\n.tab-item.has-error > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffbbbb;\n}\n.tab-item.has-error > .status:active::before,\n.tab-item.has-error > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffbbbb;\n}\n.overflow-tab-item.menu-item {\n vertical-align: middle;\n color: #E9EBEB;\n}\n.overflow-tab-item.menu-item::before {\n display: none;\n}\n.overflow-tab-item.menu-item > .submenu-icon {\n padding-left: 4px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-chooser-popup {\n position: absolute;\n overflow: hidden;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n min-width: 150px;\n max-width: 250px;\n}\n.tag-chooser-popup.touch {\n background-color: #1F2428;\n}\n.tag-chooser-popup > .table > .table-data {\n padding: 8px 12px 5px 12px;\n}\n.tag-chooser-popup > .table > .table-data > .table-row.first {\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-field.focused > .field {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.tag-field.focused > .field.alternative {\n border-bottom-color: #71b0e8;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field {\n background-color: transparent;\n color: #E9EBEB;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n padding: 7px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n user-select: none;\n padding: 0 0 0 4px;\n}\n.tag-field > .field.disabled {\n background-color: inherit;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n}\n.tag-field > .field:focus,\n.tag-field > .field.focused {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.tag-field > .field.has-error {\n border-color: #FF8888;\n background-color: #252F34;\n}\n.tag-field > .field.has-error:focus,\n.tag-field > .field.has-error.focused {\n outline: none;\n box-shadow: 0 0 0 3px #804444;\n}\n.tag-field > .field.read-only {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\n.tag-field > .field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: rgba(255, 255, 255, 0.25);\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: #7E8588;\n border-bottom-style: dashed;\n border-bottom-color: rgba(255, 255, 255, 0.12);\n}\n.tag-field > .field.alternative:focus,\n.tag-field > .field.alternative.focused {\n color: #71b0e8;\n border-bottom-color: #71b0e8;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.has-error {\n color: #FF8888;\n border-bottom-color: #FF8888;\n}\n.tag-field > .field.alternative.has-error:focus,\n.tag-field > .field.alternative.has-error.focused {\n border-bottom-color: #FF8888;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.read-only {\n color: #E9EBEB;\n}\n.tag-field > .field:not(.multiline) {\n white-space: nowrap;\n}\n.tag-field > .field > .tag-bar {\n display: inline-block;\n}\n.tag-field > .field > input {\n border: none;\n padding-left: 3px;\n padding-right: 3px;\n background-color: transparent;\n min-height: 22px;\n height: 100%;\n}\n.tag-field > .field > input.fullwidth {\n width: 100%;\n padding-left: 6px;\n}\n.tag-field > .field > input.fullwidth.alternative {\n padding-left: 0;\n padding-right: 0;\n}\n.tag-field > .field > input.focused,\n.tag-field > .field > input:focus {\n box-shadow: none;\n}\n.tag-field > .field > input.has-error {\n background-color: transparent;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.table-field > .table {\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.table-field > .table.alternative {\n border-radius: 3px;\n}\n.table-field > .table.no-rows-selected:focus,\n.table-field > .table.no-rows-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tree-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.tree-field > .tree {\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.tree-field > .tree.alternative {\n border-radius: 3px;\n}\n.tree-field > .tree.no-rows-selected:focus,\n.tree-field > .tree.no-nodes-selected:focus,\n.tree-field > .tree.no-rows-selected.focused,\n.tree-field > .tree.no-nodes-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.wizard-steps {\n overflow: hidden;\n margin-left: 10px;\n margin-right: 0;\n}\n.wizard-steps-body {\n display: flex;\n align-items: center;\n height: 64px;\n overflow: hidden;\n white-space: nowrap;\n / Allows the last wizard-step to be 100% without line break /\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n position: relative;\n}\n.wizard-step {\n position: relative;\n display: inline-flex;\n align-items: center;\n padding-left: 15px;\n padding-right: 15px;\n}\n.wizard-step > .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 26px;\n height: 26px;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 50%;\n margin-right: 9px;\n font-size: 11px;\n}\n.wizard-step > .icon > .font-icon {\n font-size: 14px;\n}\n.wizard-step > .text > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.wizard-step > .text > .title::before {\n content: attr(data-text);\n display: block;\n font-weight: bold;\n visibility: hidden;\n height: 0;\n}\n.wizard-step > .text > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #A7ACAD;\n letter-spacing: 0.2px;\n font-size: 11px;\n}\n.wizard-step.first {\n padding-left: 0;\n}\n.wizard-step.last {\n padding-right: 0;\n}\n.wizard-step.action-enabled {\n cursor: pointer;\n color: #71b0e8;\n}\n.wizard-step.action-enabled:hover > .icon {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.wizard-step.action-enabled:hover > .text > .title {\n color: #71b0e8;\n}\n.wizard-step.action-enabled:active > .icon,\n.wizard-step.action-enabled.active > .icon {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.wizard-step.finished > .icon {\n color: #00856C;\n background-color: #c2eee5;\n border-color: #c2eee5;\n}\n.wizard-step.finished.action-enabled:hover > .icon {\n color: #00856C;\n background-color: #aae7db;\n border-color: #aae7db;\n}\n.wizard-step.finished.action-enabled:active > .icon,\n.wizard-step.finished.action-enabled.active > .icon {\n color: #00856C;\n background-color: #8ee0cf;\n border-color: #8ee0cf;\n}\n.wizard-step.selected > .icon {\n color: #0E1316;\n background-color: #71b0e8;\n border-color: #71b0e8;\n font-weight: bold;\n}\n.wizard-step.selected > .text > .title {\n font-weight: bold;\n}\n.wizard-step.disabled > .icon {\n background-color: inherit;\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.wizard-step.disabled > .text > .title,\n.wizard-step.disabled > .text > .sub-title {\n color: #7E8588;\n}\n.wizard-steps > .scrollbar > .scrollbar-thumb.x-axis {\n padding-top: 6px;\n}\n.wizard-steps > .scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,\n.wizard-steps > .scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: 4px;\n}\n.wizard-step-separator {\n height: 1px;\n width: 40px;\n background-color: rgba(255, 255, 255, 0.12);\n flex-shrink: 0;\n flex-grow: 0;\n}\n.wizard-steps.compact > .wizard-steps-body {\n height: 44px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step-separator {\n width: 20px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.wrapped-form-field > .form {\n background-color: transparent;\n / Reset padding set in GroupBox.css /\n / Reset margin set in GroupBox.css /\n / Reset values set in MenuBar.css /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body,\n.wrapped-form-field > .form > .root-group-box > .group-box-header {\n padding-left: 0;\n padding-right: 0;\n}\n.wrapped-form-field > .form > .root-group-box {\n overflow: visible;\n / allow overflow for the root-group-box for wrapped forms /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar {\n / position scrollbar as right as possible to prevent overlapping field parts. /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 8px;\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 6px;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar {\n margin-left: 10px;\n background-color: inherit;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar > .menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.glasspane {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n outline: none;\n z-index: 100;\n cursor: default;\n}\n.glasspane.busy {\n cursor: wait;\n}\n.glasspane.dark {\n background-color: rgba(0, 0, 0, 0.1);\n -webkit-animation: fade-in ease-in 1;\n -moz-animation: fade-in ease-in 1;\n -o-animation: fade-in ease-in 1;\n animation: fade-in ease-in 1;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.glasspane-parent {\n pointer-events: none;\n / Disable hover effects and clicks /\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.image {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n}\n.image.autofit {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n}\n.image.chrome-fix {\n padding-bottom: 0.01px;\n}\n.image.empty {\n visibility: hidden;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #ffd197;\n line-height: normal;\n text-align: center;\n border: 1px solid #ffd197;\n font-size: 11px;\n font-weight: normal;\n border-radius: 3px;\n}\n.key-box.disabled {\n border-color: #7E8588;\n background-color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.logical-grid-layout {\n position: relative;\n}\n.logical-grid-layout > {\n position: absolute;\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.menu-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #71b0e8;\n cursor: pointer;\n padding: 6px 10px;\n border-radius: 3px;\n transition: box-shadow 0.3s ease;\n}\n.menu-item.menu-icononly {\n padding-left: 8px;\n padding-right: 8px;\n}\n.menu-item > .key-box {\n bottom: -3px;\n}\n.menu-item:hover {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.menu-item:active,\n.menu-item.active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.menu-item.selected {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.menu-item.selected:hover {\n background-color: #94c4ee;\n}\n.menu-item.selected.active,\n.menu-item.selected:active {\n background-color: #a6cdf1;\n}\n.menu-item.selected.has-popup {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.menu-item:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #1b64a5;\n}\n.menu-item.disabled {\n color: #7E8588;\n background-color: transparent;\n cursor: default;\n}\n.menu-item.disabled:hover,\n.menu-item.disabled.active,\n.menu-item.disabled:active {\n background-color: transparent;\n}\n.menu-item.disabled.selected {\n color: #0E1316;\n background-color: #7E8588;\n}\n.menu-item.disabled.selected.has-popup {\n color: #7E8588;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.menu-item.menu-textandicon > .icon {\n margin-right: 8px;\n}\n.menu-item > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.menu-item > .font-icon {\n font-size: 16px;\n}\n.menu-item > .image-icon {\n / Prevent large image icons from overlapping the menu item /\n max-height: 16px;\n / Ensure the default image icon size is taken from the beginning, so that the text does not \"jump\" when /\n / the image loading is complete. (For larger icons, the width will be increased afterwards.) /\n min-width: 16px;\n}\n.menu-item > .icon.with-label {\n margin-right: 8px;\n}\n.menu-item.disabled > .icon.image-icon {\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n filter: grayscale(100%);\n opacity: 0.5;\n}\n.menu-item > .submenu-icon,\n.menu-item > .text > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.menu-icononly.menu-item > .submenu-icon,\n.menu-icononly.menu-item > .text > .submenu-icon {\n padding-left: 0;\n}\n.selected.menu-item > .submenu-icon,\n.selected.menu-item > .text > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.menu-item.bottom-text.menu-textandicon {\n flex-direction: column;\n}\n.menu-item.bottom-text.menu-textandicon > .icon {\n display: block;\n margin-right: 0;\n padding-bottom: 3px;\n}\n.menu-item.bottom-text.menu-textandicon > .text {\n display: flex;\n align-items: center;\n font-size: 10px;\n}\n.menu-item.bottom-text.menu-textandicon > .text > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n line-height: 0;\n}\n.menu-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #71b0e8;\n background-color: transparent;\n --border-color: #71b0e8;\n border: 1px solid var(--border-color);\n border-radius: 3px;\n cursor: pointer;\n padding: 2px 7px;\n}\n.menu-button.borderless {\n background-color: transparent;\n border: 0;\n}\n.menu-button.borderless:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #1b64a5;\n}\n.menu-button > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.menu-button > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.menu-button > .icon.with-label {\n margin-right: 8px;\n}\n.menu-button > .icon.loading,\n.menu-button > .icon.broken {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.menu-button > .icon.image-icon {\n max-height: 100%;\n}\n.menu-button > .font-icon {\n font-size: 16px;\n}\n.menu-button > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.selected.menu-button > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.menu-button > .button-label,\n.menu-button > .icon,\n.menu-button > .submenu-icon {\n opacity: 1;\n transition: opacity 250ms;\n}\n.menu-button:hover {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.menu-button:active,\n.menu-button.active {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.menu-button.selected {\n color: #0E1316;\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.menu-button.selected:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.menu-button.selected.active,\n.menu-button.selected:active {\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.menu-button.selected.has-popup {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.menu-button:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.menu-button.default {\n background-color: #71b0e8;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #71b0e8;\n color: #0E1316;\n}\n.menu-button.default:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.menu-button.default:active,\n.menu-button.default.active {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.menu-button.default.selected {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.menu-button.default:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.menu-button:disabled,\n.menu-button.disabled {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n cursor: default;\n}\n.menu-button:disabled:hover,\n.menu-button.disabled:hover,\n.menu-button:disabled.active,\n.menu-button.disabled.active,\n.menu-button:disabled:active,\n.menu-button.disabled:active,\n.menu-button:disabled.selected,\n.menu-button.disabled.selected {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n}\n.menu-button:disabled.selected,\n.menu-button.disabled.selected {\n color: #0E1316;\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.menu-button:disabled.selected.has-popup,\n.menu-button.disabled.selected.has-popup {\n color: #7E8588;\n background-color: rgba(255, 255, 255, 0.18);\n border-color: rgba(255, 255, 255, 0.18);\n}\n.menu-button.loading > .button-label,\n.menu-button.loading > .icon,\n.menu-button.loading > .submenu-icon {\n opacity: 0;\n transition: opacity 250ms;\n}\n.menu-button.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -10px;\n margin-left: -10px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.menu-button.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 20px;\n height: 20px;\n}\n.menu-button.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.context-menu-popup {\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n}\n.context-menu-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.context-menu-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.context-menu {\n position: absolute;\n margin: 6px 0;\n background-color: #3B494F;\n}\n.context-menu > .menu-item {\n display: flex;\n justify-content: start;\n padding: 8px 16px 8px 16px;\n color: #E9EBEB;\n border-radius: 0;\n}\n.context-menu > .menu-item > .font-icon {\n color: #A7ACAD;\n min-width: 16px;\n text-align: center;\n}\n.context-menu > .menu-item > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n / default is inline, inline-block is necessary so that max-width set by JS is respected /\n display: inline-block;\n}\n.context-menu > .menu-item.menu-textandicon > .icon {\n margin-right: 14px;\n}\n.context-menu > .menu-item.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.context-menu > .menu-item.selected.has-popup {\n color: #E9EBEB;\n}\n.context-menu > .menu-item.selected.has-popup.disabled {\n color: #7E8588;\n background-color: rgba(113, 176, 232, 0.09);\n}\n.context-menu > .menu-item.selected > .submenu-icon {\n transform: none;\n}\n.context-menu > .menu-item.expanded > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.context-menu > .menu-item.disabled {\n color: #7E8588;\n}\n.context-menu > .menu-item.disabled > .font-icon {\n color: #7E8588;\n}\n.context-menu > .menu-item > .key-box {\n bottom: auto;\n top: 5px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.combo-menu {\n padding: 0;\n cursor: default;\n align-items: stretch;\n}\n.combo-menu:active,\n.combo-menu.active,\n.combo-menu:hover {\n background-color: transparent;\n}\n.combo-menu > .menu-item:not(.first) {\n margin-left: 3px;\n}\n.combo-menu > .menu-item:not(.first)::before {\n content: '';\n position: absolute;\n left: -1px;\n top: 7px;\n height: calc(100% - 14px);\n width: 1px;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.combo-menu > .menu-item:focus::before {\n display: none;\n}\n.combo-menu > .menu-item:not(.disabled):hover::before,\n.combo-menu > .menu-item.selected::before,\n.combo-menu > .menu-item:not(.disabled):hover ~ .menu-item::before,\n.combo-menu > .menu-item.selected ~ .menu-item::before {\n display: none;\n}\n.combo-menu.menu-button {\n border: 0;\n}\n.combo-menu.menu-button > .menu-item {\n border: 1px solid #71b0e8;\n flex-grow: 1;\n}\n.combo-menu.menu-button > .menu-item.menu-icononly:not(.first.last) {\n flex-grow: 0;\n}\n.combo-menu.menu-button > .menu-item:not(.last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0;\n}\n.combo-menu.menu-button > .menu-item:not(.first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: 0;\n margin-left: 0;\n}\n.disabled.combo-menu.menu-button > .menu-item {\n border-color: #7E8588;\n}\n.combo-menu.menu-button > .menu-item:focus {\n z-index: 1;\n}\n.combo-menu.menu-button.default > .menu-item {\n background-color: #71b0e8;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #71b0e8;\n color: #0E1316;\n}\n.combo-menu.menu-button.default > .menu-item:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.combo-menu.menu-button.default > .menu-item:active,\n.combo-menu.menu-button.default > .menu-item.active {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.combo-menu.menu-button.default > .menu-item.selected {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.combo-menu.menu-button.default > .menu-item:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.combo-menu.menu-button.default > .menu-item::before {\n background-color: #0E1316;\n}\n.combo-menu.menu-button.default > .menu-item.selected {\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.combo-menu.menu-button.default > .menu-item.disabled {\n color: rgba(255, 255, 255, 0.4);\n}\n.combo-menu.menu-button.default > .menu-item.disabled:hover,\n.combo-menu.menu-button.default > .menu-item.disabled.active,\n.combo-menu.menu-button.default > .menu-item.disabled:active,\n.combo-menu.menu-button.default > .menu-item.disabled.selected {\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.context-menu > .combo-menu {\n padding: 0;\n}\n.context-menu > .combo-menu > .menu-item {\n color: #E9EBEB;\n padding: 8px 16px 8px 16px;\n flex-grow: 1;\n justify-content: start;\n border-radius: 0;\n}\n.context-menu > .combo-menu > .menu-item > .font-icon {\n color: #A7ACAD;\n}\n.context-menu > .combo-menu > .menu-item.menu-textandicon > .icon {\n margin-right: 14px;\n}\n.context-menu > .combo-menu > .menu-item.menu-icononly:not(.first.last) {\n flex-grow: 0;\n}\n.context-menu > .combo-menu > .menu-item.disabled {\n color: #7E8588;\n}\n.context-menu > .combo-menu > .menu-item.disabled > .font-icon {\n color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.profile-menu.menu-item > .icon {\n height: 26px;\n width: 26px;\n margin: -4px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background: linear-gradient(180deg, #014786 -145%, #9dc8ef 56%);\n}\n.profile-menu.menu-item > .icon.font-icon {\n color: #0E1316;\n}\n.profile-menu.menu-item > .icon.image-icon {\n object-fit: cover;\n max-height: 26px;\n}\n.context-menu > .menu-textandicon.profile-menu.menu-item > .icon {\n margin-right: 10px;\n}\n.desktop-tool-box-item.profile-menu.menu-item > .icon {\n height: 32px;\n width: 32px;\n margin: 0;\n box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);\n font-size: 18px;\n}\n.menu-textandicon.desktop-tool-box-item.profile-menu.menu-item > .icon {\n margin-right: 8px;\n}\n.desktop-tool-box-item.profile-menu.menu-item > .icon.image-icon {\n max-height: 32px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n cursor: default;\n color: #E9EBEB;\n}\n.form-field-menu:hover {\n color: #E9EBEB;\n background-color: transparent;\n}\n.form-field-menu:active,\n.form-field-menu.active {\n background-color: transparent;\n}\n.form-field-menu:not(.has-text):not(.has-icon) > .form-field > label {\n margin-left: 0;\n}\n.form-field-menu > .form-field {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n}\n.form-field-menu > .form-field > label {\n margin-left: 8px;\n}\n.form-field-menu > .form-field.disabled:not(.read-only) > label {\n / Use same disabled color as for menu items /\n color: #7E8588;\n}\n.form-field-menu:not(.has-icon) > .form-field:not(.no-mandatory-indicator) {\n margin-left: -10px;\n}\n.form-field-menu > .check-box-field.disabled:not(.read-only) > .field > .label,\n.form-field-menu > .radiobutton-group > .radiobutton-group-body > .radio-button.disabled:not(.read-only) > .field > .label,\n.form-field-menu > .radio-button.disabled:not(.read-only) > .field > .label {\n / Use same disabled color as for menu items /\n color: #7E8588;\n}\n.menubar-box > .form-field-menu > .string-field,\n.menubar-box > .form-field-menu > .smart-field,\n.menubar-box > .form-field-menu > .dropdown-field,\n.menubar-box > .form-field-menu > .proposal-field,\n.menubar-box > .form-field-menu > .number-field,\n.menubar-box > .form-field-menu > .date-field,\n.menubar-box > .form-field-menu > .tag-field,\n.menubar-box > .form-field-menu > .file-chooser-field {\n margin-top: 2px;\n margin-bottom: 2px;\n}\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu.first {\n padding-left: 0;\n}\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu.last {\n padding-right: 0;\n}\n/ Inside context menu popup -> set preferred size /\n.context-menu > .form-field-menu > .text,\n.context-menu > .form-field-menu > .icon {\n flex: none;\n}\n.context-menu > .form-field-menu > .form-field {\n flex: 1 1 auto;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ Mixins /\n#scout {\n / standard main-menubar /\n / a transparent main-menubar /\n}\n/ Styles /\n.menubar {\n position: relative;\n width: 100%;\n background-color: transparent;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n white-space: nowrap;\n}\n.menubar.bottom {\n border-bottom: 0;\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n}\n.menubar-box {\n display: inline-flex;\n height: 100%;\n align-items: center;\n / If the menubar has a border left and right, the first and last items need to be adjusted /\n}\n.menubar-box.right {\n float: right;\n}\n.menubar-box > .menu-separator {\n width: 1px;\n margin: 0 10px;\n background-color: rgba(255, 255, 255, 0.12);\n height: 15px;\n}\n.menubar-box > .menu-separator.overflown {\n display: none;\n}\n.menubar-box > .menu-item {\n margin: 2px 2px;\n / By making sure menu items are always at least the same height as form fields, it is easier to align them with each other, especially when zoomed /\n min-height: 30px;\n}\n.menubar-box > .menu-item.menu-icononly {\n margin-left: 2px;\n margin-right: 2px;\n min-width: 30px;\n}\n.menubar-box > .menu-item.overflown {\n display: none;\n}\n.menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.menubar-box > .menu-item.last {\n margin-right: 0;\n}\n.menubar-box > .menu-button {\n min-width: 110px;\n margin: 4px;\n}\n.menubar-box > .menu-button.small {\n min-width: 53px;\n}\n.bounded > .menubar-box > .menu-item.first {\n margin-left: 2px;\n}\n.bounded > .menubar-box > .menu-item.last {\n margin-right: 2px;\n}\n.main-menubar {\n background-color: transparent;\n min-height: 64px;\n margin-left: inherit;\n margin-right: inherit;\n}\n.main-menubar > .menubar-box > .menu-separator {\n height: 18px;\n}\n.main-menubar > .menubar-box > .menu-item {\n margin-left: 5px;\n margin-right: 5px;\n}\n.main-menubar > .menubar-box > .menu-item.first {\n margin-left: 10px;\n}\n.main-menubar > .menubar-box > .menu-item.last {\n margin-right: 10px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly {\n margin-left: 2px;\n margin-right: 2px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly.first {\n margin-left: 12px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly.last {\n margin-right: 12px;\n}\n.main-menubar > .menubar-box > .menu-button.first,\n.main-menubar > .menubar-box > .menu-button.first.menu-icononly {\n margin-left: 20px;\n}\n.main-menubar > .menubar-box > .menu-button.last,\n.main-menubar > .menubar-box > .menu-button.last.menu-icononly {\n margin-right: 20px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.menu-bar-popup {\n margin: 8px 6px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: 473px;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n margin: 10px / minimum padding to desktop / 10px 15px;\n}\n.messagebox.full-height.full-width {\n border-radius: 0;\n}\n.messagebox.full-width > .messagebox-buttons {\n padding-left: 10px;\n padding-right: 10px;\n}\n.messagebox.full-width > .messagebox-buttons > .box-button {\n min-width: 70px;\n / less min width for buttons on small screens /\n margin-right: 8px;\n}\n.messagebox.full-width > .messagebox-buttons > .box-button:last-child {\n margin-right: 0;\n}\n.messagebox.info > .messagebox-content > .messagebox-header {\n color: #71b0e8;\n}\n.messagebox.info > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #71b0e8;\n}\n.messagebox.info > .box-buttons > .box-button {\n border-color: #71b0e8;\n color: #71b0e8;\n}\n.messagebox.info > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.info > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.messagebox.info > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.messagebox.info > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.messagebox.info > .box-buttons > .box-button.default:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.messagebox.info > .box-buttons > .box-button.default.active,\n.messagebox.info > .box-buttons > .box-button.default:active {\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.messagebox.info > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.messagebox.info > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.messagebox.error > .messagebox-content > .messagebox-header {\n color: #FF8888;\n}\n.messagebox.error > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #FF8888;\n}\n.messagebox.error > .box-buttons > .box-button {\n border-color: #FF8888;\n color: #FF8888;\n}\n.messagebox.error > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.error > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #804444;\n border-color: #9f5555;\n}\n.messagebox.error > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.messagebox.error > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #FF8888;\n}\n.messagebox.error > .box-buttons > .box-button.default:hover {\n background-color: #ffa7a7;\n border-color: #ffa7a7;\n}\n.messagebox.error > .box-buttons > .box-button.default.active,\n.messagebox.error > .box-buttons > .box-button.default:active {\n background-color: #ffbbbb;\n border-color: #ffbbbb;\n}\n.messagebox.error > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #804444;\n border-color: #9f5555;\n}\n.messagebox.error > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.messagebox.warning > .messagebox-content > .messagebox-header {\n color: #FFBE6B;\n}\n.messagebox.warning > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #FFBE6B;\n}\n.messagebox.warning > .box-buttons > .box-button {\n border-color: #FFBE6B;\n color: #FFBE6B;\n}\n.messagebox.warning > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.warning > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #805f36;\n border-color: #9f7743;\n}\n.messagebox.warning > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.messagebox.warning > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #FFBE6B;\n}\n.messagebox.warning > .box-buttons > .box-button.default:hover {\n background-color: #ffd094;\n border-color: #ffd094;\n}\n.messagebox.warning > .box-buttons > .box-button.default.active,\n.messagebox.warning > .box-buttons > .box-button.default:active {\n background-color: #ffd9a8;\n border-color: #ffd9a8;\n}\n.messagebox.warning > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #805f36;\n border-color: #9f7743;\n}\n.messagebox.warning > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.messagebox.ok > .messagebox-content > .messagebox-header {\n color: #62e7ce;\n}\n.messagebox.ok > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #62e7ce;\n}\n.messagebox.ok > .box-buttons > .box-button {\n border-color: #62e7ce;\n color: #62e7ce;\n}\n.messagebox.ok > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.ok > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #317467;\n border-color: #3d9081;\n}\n.messagebox.ok > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.messagebox.ok > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #62e7ce;\n}\n.messagebox.ok > .box-buttons > .box-button.default:hover {\n background-color: #85ecd9;\n border-color: #85ecd9;\n}\n.messagebox.ok > .box-buttons > .box-button.default.active,\n.messagebox.ok > .box-buttons > .box-button.default:active {\n background-color: #a0f0e1;\n border-color: #a0f0e1;\n}\n.messagebox.ok > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #317467;\n border-color: #3d9081;\n}\n.messagebox.ok > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.messagebox.animate-open {\n -webkit-animation-name: short-drop;\n -moz-animation-name: short-drop;\n -o-animation-name: short-drop;\n animation-name: short-drop;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.messagebox.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.messagebox-content {\n min-height: 30px;\n padding: 27px 26px 17px 26px;\n display: flex;\n flex-direction: column;\n align-items: center;\n / add a bit of extra space to the scrollbar on the right /\n}\n.messagebox-content > .scrollbar.y-axis {\n width: 16px;\n}\n.messagebox-icon {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n font-size: 12px;\n justify-content: center;\n flex-shrink: 0;\n}\n.messagebox-label {\n word-wrap: break-word;\n word-break: break-word;\n}\n.messagebox-label.copyable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.messagebox-header {\n font-size: 16px;\n font-weight: bold;\n padding-bottom: 14px;\n text-align: center;\n}\n.messagebox-header > .messagebox-icon {\n color: #0E1316;\n font-size: 14px;\n border-radius: 50%;\n}\n.messagebox-header.has-text > .messagebox-icon {\n margin-right: 12px;\n}\n.has-body > .messagebox-html {\n padding-top: 10px;\n}\n.messagebox-html > :first-child {\n margin-top: 0;\n}\n.messagebox-html > :last-child {\n margin-bottom: 0;\n}\n.messagebox-html > p {\n margin: 8px 0;\n}\n.messagebox-html > p + ul {\n margin-top: -4px;\n}\n.messagebox-html > ul {\n margin: 5px 0;\n}\n.messagebox-html > ul {\n padding-left: 26px;\n}\n.messagebox-html > ul > li {\n margin-top: 3px;\n}\n.messagebox-html > ul > li:first-child {\n margin-top: 0;\n}\n.messagebox-buttons {\n display: flex;\n justify-content: center;\n padding: 4px 26px 25px 26px;\n}\n@media (max-width: 473px) {\n .messagebox {\n / no need to have a margin on small screens /\n margin: 0;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode {\n --padding-x: 12px;\n --padding-y: 6px;\n --border-width: 1px;\n border: var(--border-width) solid rgba(255, 255, 255, 0.25);\n border-radius: 0;\n flex: 1 1 0;\n padding: var(--padding-y) var(--padding-x);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mode.first {\n border-radius: 3px 0 0 3px;\n}\n.mode.last {\n border-radius: 0 3px 3px 0;\n}\n.mode.first.last {\n border-radius: 3px;\n}\n.mode:not(.last):not(.selected) {\n border-right: none;\n padding-right: calc(var(--padding-x) + var(--border-width));\n / account for the missing border, so that text does not jump /\n}\n.mode.after-selected {\n border-left: none;\n padding-left: calc(var(--padding-x) + var(--border-width));\n / account for the missing border, so that text does not jump /\n}\n.mode.selected {\n color: #0E1316;\n cursor: default;\n}\n.mode.selected:hover {\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.mode.selected:active {\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.mode.selected.disabled {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.mode > .icon {\n padding: 0;\n}\n.mode > .icon.with-label {\n margin-right: 8px;\n}\n.mode-selector.alternative > .mode {\n --border-width: 0px;\n color: #E9EBEB;\n background-color: transparent;\n border-radius: 3px;\n}\n.mode-selector.alternative > .mode:hover {\n background-color: #1F2428;\n}\n.mode-selector.alternative > .mode:active {\n background-color: #3B494F;\n}\n.mode-selector.alternative > .mode.selected {\n color: #71b0e8;\n transition: color 500ms ease;\n}\n.mode-selector.alternative > .mode.selected:hover {\n background-color: transparent;\n}\n.mode-selector.alternative > .mode.selected.disabled {\n background-color: #252F34;\n}\n.mode-selector.alternative > .mode.mode-selector-dragging {\n background-color: transparent;\n transition: unset;\n}\n.mode-selector.alternative > .mode.disabled {\n color: #7E8588;\n background-color: transparent;\n cursor: default;\n}\n.dense .mode-selector > .mode {\n --padding-x: 5px;\n --padding-y: 3px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode-selector {\n position: relative;\n background-color: transparent;\n white-space: nowrap;\n display: inline-flex;\n overflow: hidden;\n}\n.mode-selector > .mode-slider {\n display: none;\n}\n.mode-selector.alternative {\n background-color: rgba(0, 0, 0, 0.6);\n border-radius: 3px;\n border: 3px solid transparent;\n}\n.mode-selector.alternative:not(.disabled) > .mode-slider {\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n background-color: #2C363A;\n border-radius: 3px;\n transition: left 500ms ease, width 500ms ease;\n}\n.mode-selector.alternative:not(.disabled) > .mode-slider.mode-selector-dragging {\n transition: unset;\n}\n.mode-selector.alternative > .mode.mode-selector-dragging {\n pointer-events: none;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.notification {\n position: relative;\n display: flex;\n align-items: center;\n margin: 10px 0 0 10px;\n padding: 8px;\n border: 1px solid transparent;\n border-radius: 8px;\n color: #E9EBEB;\n pointer-events: auto;\n font-weight: bold;\n / When notification is a direct child of the main group-box: use different margins /\n}\n.notification.alternative {\n border: 0;\n}\n.notification.no-icon {\n padding: 13px 12px 13px 23px;\n}\n.notification.no-icon::before {\n content: '';\n position: absolute;\n border: 2px solid rgba(47, 60, 69, 0.6);\n background-color: rgba(47, 60, 69, 0.6);\n margin: 7px 0 7px 9px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px 2);\n}\n.notification.ok {\n border-color: #62e7ce;\n color: #62e7ce;\n}\n.notification.ok.alternative {\n background-color: rgba(0, 133, 108, 0.6);\n}\n.notification.ok.no-icon::before {\n border-color: #62e7ce;\n background-color: #62e7ce;\n}\n.notification.info {\n border-color: #71b0e8;\n font-weight: normal;\n}\n.notification.info.alternative {\n color: #71b0e8;\n font-weight: bold;\n background-color: rgba(47, 60, 69, 0.6);\n}\n.notification.info.no-icon::before {\n border-color: #71b0e8;\n background-color: #71b0e8;\n}\n.notification.warning {\n border-color: #FFBE6B;\n color: #FFBE6B;\n}\n.notification.warning.alternative {\n background-color: rgba(173, 98, 0, 0.6);\n}\n.notification.warning.no-icon::before {\n border-color: #FFBE6B;\n background-color: #FFBE6B;\n}\n.notification.error {\n border-color: #FF8888;\n color: #FF8888;\n}\n.notification.error.alternative {\n background-color: rgba(171, 52, 52, 0.5);\n}\n.notification.error.no-icon::before {\n border-color: #FF8888;\n background-color: #FF8888;\n}\n.root-group-box > .notification {\n margin-left: 20px;\n margin-right: 20px;\n}\n.notification-icon {\n width: 32px;\n height: 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n.notification-icon.font-icon {\n color: #0E1316;\n background-color: #252F34;\n font-size: 14px;\n border-radius: 50%;\n}\n.ok > .notification-icon.font-icon {\n background-color: #62e7ce;\n}\n.info > .notification-icon.font-icon {\n background-color: #71b0e8;\n}\n.warning > .notification-icon.font-icon {\n background-color: #FFBE6B;\n}\n.error > .notification-icon.font-icon {\n background-color: #FF8888;\n}\n.notification-content {\n max-width: 100%;\n}\n.has-icon > .notification-content {\n max-width: calc(100% - 40px);\n margin-left: 10px;\n}\n.notification-content.closable {\n padding-right: 25px;\n}\n.notification-content > .closer {\n position: absolute;\n right: 6px;\n top: 6px;\n padding: 6px;\n}\n.has-icon > .notification-content > .closer {\n right: 9px;\n top: 9px;\n}\n.ok > .notification-content > .closer,\n.warning > .notification-content > .closer,\n.error > .notification-content > .closer,\n.alternative > .notification-content > .closer {\n color: inherit;\n}\n.notification-message {\n padding-right: 12px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.planner {\n position: absolute;\n overflow: hidden;\n}\n.planner > .menubar.bottom {\n position: absolute;\n bottom: 0;\n}\n.planner-scale {\n position: absolute;\n right: 0;\n height: 45px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\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: #1F2428;\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: rgba(113, 176, 232, 0.09);\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: #E9EBEB;\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 rgba(255, 255, 255, 0.12);\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: rgba(113, 176, 232, 0.09);\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 #71b0e8;\n border-bottom: 2px solid #71b0e8;\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: #252F34;\n border-left: 2px solid #71b0e8;\n border-right: 2px solid #71b0e8;\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: #252F34;\n border-left: 2px solid #71b0e8;\n border-right: 2px solid #71b0e8;\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: #0E1316;\n height: 27px;\n line-height: 27px;\n background-color: #62e7ce;\n text-align: center;\n border: 1px solid rgba(255, 255, 255, 0.12);\n overflow: hidden;\n}\n.planner-activity.selected {\n outline: 2px solid #71b0e8;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #E9EBEB;\n background-color: transparent;\n border: 1px solid rgba(255, 255, 255, 0.25);\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: #71b0e8;\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: #71b0e8;\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: #E9EBEB;\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: #E9EBEB;\n text-align: center;\n}\n.planner-commands {\n display: table-cell;\n text-align: right;\n}\n.planner-mode,\n.planner-toggle-year,\n.planner-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: 30px;\n line-height: 29px;\n cursor: pointer;\n}\n.planner-mode {\n padding: 0 8px;\n min-width: 65px;\n text-align: center;\n border-top: 1px solid rgba(255, 255, 255, 0.25);\n border-bottom: 1px solid rgba(255, 255, 255, 0.25);\n border-left: 1px solid rgba(255, 255, 255, 0.25);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.planner-mode.first {\n border-left: 1px solid rgba(255, 255, 255, 0.25);\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.planner-mode.last {\n border-right: 1px solid rgba(255, 255, 255, 0.25);\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.planner-mode:hover {\n color: #71b0e8;\n}\n.planner-mode.selected {\n color: #E9EBEB;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.planner-mode.disabled {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\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: #71b0e8;\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: #E9EBEB;\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: #E9EBEB;\n text-align: center;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.popup {\n position: absolute;\n top: 0;\n}\n.popup:focus {\n outline: none;\n}\n.popup.with-arrow {\n min-width: 11px;\n min-height: 11px;\n}\n.popup.before-animate-open {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n.popup.modal.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.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: 11px;\n height: 11px;\n}\n.popup-arrow.left {\n left: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.popup-arrow.left.center {\n top: 50%;\n}\n.popup-arrow.left.bottomedge {\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.popup-arrow.right {\n right: 0;\n transform: translate(50%, -50%) rotate(45deg);\n}\n.popup-arrow.right.center {\n top: 50%;\n}\n.popup-arrow.right.bottomedge {\n transform: translate(50%, 50%) rotate(45deg);\n}\n.popup-arrow.top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.popup-arrow.top.center {\n left: 50%;\n}\n.popup-arrow.top.rightedge {\n transform: translate(50%, -50%) rotate(45deg);\n}\n.popup-arrow.bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.popup-arrow.bottom.center {\n left: 50%;\n}\n.popup-arrow.bottom.rightedge {\n transform: translate(50%, 50%) rotate(45deg);\n}\n.popup-arrow.leftedge {\n left: 35px;\n}\n.popup-arrow.rightedge {\n right: 35px;\n}\n.popup-arrow.topedge {\n top: 35px;\n}\n.popup-arrow.bottomedge {\n bottom: 35px;\n}\n.popup-arrow-overlay {\n position: absolute;\n background-color: inherit;\n width: 100%;\n height: 100%;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mobile-popup {\n background-color: #2E3C41;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n overflow: hidden;\n margin-top: 30px;\n box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.5);\n}\n.mobile-popup.animate-open {\n -webkit-animation-name: slidein-bottom;\n -moz-animation-name: slidein-bottom;\n -o-animation-name: slidein-bottom;\n animation-name: slidein-bottom;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.mobile-popup.animate-remove {\n -webkit-animation-name: slideout-bottom;\n -moz-animation-name: slideout-bottom;\n -o-animation-name: slideout-bottom;\n animation-name: slideout-bottom;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.mobile-popup-header {\n position: absolute;\n width: 100%;\n padding-top: 10px;\n padding-left: 20px;\n}\n.mobile-popup-header > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n width: 100%;\n}\n.mobile-popup-header > .closer {\n position: absolute;\n top: 6px;\n right: 6px;\n padding: 7px;\n z-index: 1;\n border-radius: 7px;\n}\n.mobile-popup-header > .closer::before {\n display: none;\n}\n.mobile-popup.closable > .mobile-popup-header > .title {\n margin-right: 30px;\n width: calc(100% - 30px);\n}\n.mobile-popup-widget {\n position: relative;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.touch-popup {\n position: absolute;\n overflow: hidden;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 45px 10px 10px 10px;\n}\n.touch-popup > .body {\n display: flex;\n flex-direction: column;\n}\n.touch-popup-header {\n margin: 8px 5px 8px 15px;\n display: flex;\n align-items: baseline;\n}\n.touch-popup-title {\n font-weight: bold;\n color: #E9EBEB;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.touch-popup-field {\n position: relative;\n margin: 0 15px 8px;\n flex: none;\n}\n.touch-popup-widget-container {\n position: relative;\n min-height: 0;\n max-height: 400px;\n}\n@media (max-height: 568px) {\n .touch-popup {\n / move popup to top on small screens, no need to waste space/\n margin-top: 10px;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.popup-animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.popup-animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.widget-popup {\n background-color: #2E3C41;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 8px;\n}\n.widget-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.widget-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.widget-popup > .popup-arrow.bottom,\n.widget-popup > .popup-arrow.right {\n box-shadow: 0px 4px 32px -2px rgba(0, 0, 0, 0.2);\n}\n.widget-popup > .actions {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n white-space: nowrap;\n}\n.widget-popup > .actions > .action {\n color: #E9EBEB;\n margin: 7px 7px 7px 2px;\n border-radius: 7px;\n padding: 7px;\n font-size: 17px;\n min-width: 30px;\n}\n.widget-popup > .actions > .action:hover {\n color: #E9EBEB;\n}\n.widget-popup > .actions > .action.disabled {\n color: #7E8588;\n}\n.widget-popup > .popup-widget {\n position: relative;\n overflow: hidden;\n background-color: inherit;\n border-radius: 12px;\n}\n.widget-popup > .popup-arrow-overlay {\n border-radius: 12px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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.scroll-shadow {\n transition: box-shadow 250ms;\n position: absolute;\n pointer-events: none;\n z-index: 1;\n --scroll-shadow-color: rgba(0, 0, 0, 0.7);\n --scroll-shadow-size: 14px;\n --scroll-shadow-blur: 14px;\n --scroll-shadow-spread: 15px;\n --scroll-shadow-inset-top: 0;\n --scroll-shadow-inset-right: 0;\n --scroll-shadow-inset-bottom: 0;\n --scroll-shadow-inset-left: 0;\n --scroll-shadow-blur-spread-color: var(--scroll-shadow-blur) calc(-1 var(--scroll-shadow-spread)) var(--scroll-shadow-color);\n --scroll-shadow-top: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-bottom: inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-left: inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-right: inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-none: inset 0 0 0 0 transparent;\n}\n.scroll-shadow.top {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-none);\n}\n.scroll-shadow.top.bottom {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-none), var(--scroll-shadow-bottom), var(--scroll-shadow-none);\n}\n.scroll-shadow.top.bottom.left {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-none), var(--scroll-shadow-bottom), var(--scroll-shadow-left);\n}\n.scroll-shadow.top.bottom.right {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-right), var(--scroll-shadow-bottom), var(--scroll-shadow-none);\n}\n.scroll-shadow.top.bottom.right.left {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-right), var(--scroll-shadow-bottom), var(--scroll-shadow-left);\n}\n.scroll-shadow.top.left {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-left);\n}\n.scroll-shadow.top.left.right {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-right), var(--scroll-shadow-none), var(--scroll-shadow-left);\n}\n.scroll-shadow.top.right {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-right), var(--scroll-shadow-none), var(--scroll-shadow-none);\n}\n.scroll-shadow.bottom {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-bottom), var(--scroll-shadow-none);\n}\n.scroll-shadow.bottom.right {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-right), var(--scroll-shadow-bottom), var(--scroll-shadow-none);\n}\n.scroll-shadow.left {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-left);\n}\n.scroll-shadow.left.right {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-right), var(--scroll-shadow-none), var(--scroll-shadow-left);\n}\n.scroll-shadow.left.bottom {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-bottom), var(--scroll-shadow-left);\n}\n.scroll-shadow.left.bottom.right {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-right), var(--scroll-shadow-bottom), var(--scroll-shadow-left);\n}\n.scroll-shadow.right {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-right), var(--scroll-shadow-none), var(--scroll-shadow-none);\n}\n.scroll-shadow.gradient {\n --scroll-shadow-color: #252F34;\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n}\n.scroll-shadow.large {\n --scroll-shadow-size: 14px;\n --scroll-shadow-blur: 14px;\n --scroll-shadow-spread: 14px;\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n -ms-touch-action: none;\n touch-action: none;\n z-index: 10;\n}\n.resizable-s {\n cursor: s-resize;\n height: 10px;\n width: 100%;\n bottom: -5px;\n left: 0;\n}\n.resizable-e {\n cursor: e-resize;\n width: 10px;\n right: -5px;\n top: 0;\n height: 100%;\n}\n.resizable-se {\n cursor: se-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n bottom: -5px;\n}\n.resizable-sw {\n cursor: sw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n bottom: -5px;\n}\n.resizable-w {\n cursor: w-resize;\n width: 10px;\n left: -5px;\n top: 0;\n height: 100%;\n}\n.resizable-nw {\n cursor: nw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n top: -5px;\n}\n.resizable-n {\n cursor: n-resize;\n width: 100%;\n height: 10px;\n left: 0;\n top: -5px;\n}\n.resizable-ne {\n cursor: ne-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n top: -5px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n background-color: #3B494F;\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n}\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n .busyindicator {\n background-color: rgba(59, 73, 79, 0.8);\n -webkit-backdrop-filter: blur(15px);\n backdrop-filter: blur(15px);\n }\n}\n.busyindicator > .box-buttons > .box-button {\n border-color: #71b0e8;\n color: #71b0e8;\n}\n.busyindicator > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.busyindicator > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.busyindicator > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.busyindicator > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.busyindicator > .box-buttons > .box-button.default:hover {\n background-color: #57a1e4;\n border-color: #57a1e4;\n}\n.busyindicator > .box-buttons > .box-button.default.active,\n.busyindicator > .box-buttons > .box-button.default:active {\n background-color: #3890df;\n border-color: #3890df;\n}\n.busyindicator > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.busyindicator > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.busyindicator.calc-helper {\n top: 0;\n left: 0;\n}\n.busyindicator.animate-open {\n -webkit-animation-name: fade-in;\n -moz-animation-name: fade-in;\n -o-animation-name: fade-in;\n animation-name: fade-in;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.busyindicator.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.busyindicator-content {\n border-radius: 8px;\n padding: 26px;\n}\n.busyindicator-label {\n display: inline-block;\n margin-left: 32px;\n text-indent: -32px;\n}\n.busyindicator-label::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n width: 22px;\n height: 22px;\n margin-top: -3px;\n margin-right: 15px;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n border-radius: 50%;\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n}\n.busyindicator-label.cancelled::before {\n -webkit-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n}\n.busyindicator-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n.busyindicator-details {\n padding-top: 20px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #E9EBEB;\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: #BFC2C3;\n}\ninput[type=range]:not(.ms-edge)::-webkit-slider-thumb {\n box-sizing: border-box;\n border: 1px solid #0E1316;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #E9EBEB;\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: #1b64a5;\n border-color: #71b0e8;\n}\ninput[type=range]::-moz-range-track {\n height: 3px;\n cursor: pointer;\n animate: 0.2s;\n background: #BFC2C3;\n}\ninput[type=range]::-moz-range-thumb {\n box-sizing: border-box;\n border: 1.5px solid #0E1316;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #E9EBEB;\n cursor: pointer;\n}\ninput[type=range]:focus::-moz-range-thumb {\n background-color: #1b64a5;\n border-color: #71b0e8;\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: #BFC2C3;\n}\ninput[type=range]::-ms-fill-upper {\n background: #BFC2C3;\n}\ninput[type=range]::-ms-thumb {\n box-sizing: border-box;\n border: 1px solid #0E1316;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #E9EBEB;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-thumb {\n background-color: #1b64a5;\n border-color: #71b0e8;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: rgba(255, 255, 255, 0.12);\n}\n.splitter.line:not(.disabled):hover {\n background-color: #71b0e8;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n#scout {\n / args = keyframeName, timingFunction, iterationCount /\n / Fade In /\n / Fade Out /\n / Fade In from current /\n / Fade Out from current /\n / Fade with Short Drop /\n / Fade out and shrink with blur /\n / Fade out and shrink /\n / Fade out and grow with blur /\n / Fade out and grow /\n / Fade in and grow with blur /\n / Fade in and grow /\n / Slide In Bottom \n Moves the element into screen from bottom up /\n /* Slide Out Bottom \n Moves the element out of bottom screen border /\n /* Slide Out Right \n Moves the element out of right screen border /\n /* Slide Out Left \n Moves the element out of left screen border /\n /* Grow Y \n Scales the element along the y axis until 1. Expects the element to be scaled (e.g. scaleY(0)) when the animation starts.\n To create a slide down animation (as known from jQuery) set transform-origin to top. /\n /* Shrink Y \n Shrinks the element along the y axis until 0/\n /* Fade In Zoom /\n / Fade In Zoom Bounce /\n / Rotation /\n / Rotation-Reverse /\n / Pulse Opacity /\n / Pulsate /\n / Pulsate Reverse /\n / Pulsate In-Out /\n / Attention /\n / Rotate-X /\n / Animate Dot /\n / Shake /\n}\n@-webkit-keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@-webkit-keyframes fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@-webkit-keyframes fade-in-from-current {\n to {\n opacity: 1;\n }\n}\n@keyframes fade-in-from-current {\n to {\n opacity: 1;\n }\n}\n@-webkit-keyframes fade-out-from-current {\n to {\n opacity: 0;\n }\n}\n@keyframes fade-out-from-current {\n to {\n opacity: 0;\n }\n}\n@-webkit-keyframes short-drop {\n 0% {\n -webkit-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n 40% {\n -webkit-transform: translateY(7px);\n -ms-transform: translateY(7px);\n transform: translateY(7px);\n }\n 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n@keyframes short-drop {\n 0% {\n -webkit-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n 40% {\n -webkit-transform: translateY(7px);\n -ms-transform: translateY(7px);\n transform: translateY(7px);\n }\n 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n@-webkit-keyframes fadeout-shrink-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n}\n@keyframes fadeout-shrink-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n}\n@-webkit-keyframes fadeout-shrink {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n}\n@keyframes fadeout-shrink {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n}\n@-webkit-keyframes fadeout-grow-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n}\n@keyframes fadeout-grow-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n}\n@-webkit-keyframes fadeout-grow {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n}\n@keyframes fadeout-grow {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n}\n@-webkit-keyframes fadein-grow-blur {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n}\n@keyframes fadein-grow-blur {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n}\n@-webkit-keyframes fadein-grow {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-grow {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes slidein-bottom {\n 0% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@keyframes slidein-bottom {\n 0% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@-webkit-keyframes slideout-bottom {\n 100% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@keyframes slideout-bottom {\n 100% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@-webkit-keyframes slideout-right {\n 100% {\n -webkit-transform: translateX(100%);\n -ms-transform: translateX(100%);\n transform: translateX(100%);\n }\n}\n@keyframes slideout-right {\n 100% {\n -webkit-transform: translateX(100%);\n -ms-transform: translateX(100%);\n transform: translateX(100%);\n }\n}\n@-webkit-keyframes slideout-left {\n 100% {\n -webkit-transform: translateX(-100%);\n -ms-transform: translateX(-100%);\n transform: translateX(-100%);\n }\n}\n@keyframes slideout-left {\n 100% {\n -webkit-transform: translateX(-100%);\n -ms-transform: translateX(-100%);\n transform: translateX(-100%);\n }\n}\n@-webkit-keyframes grow-y {\n 100% {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@keyframes grow-y {\n 100% {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@-webkit-keyframes shrink-y {\n 100% {\n -webkit-transform: scaleY(0);\n -ms-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@keyframes shrink-y {\n 100% {\n -webkit-transform: scaleY(0);\n -ms-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@-webkit-keyframes fadein-zoom {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-zoom {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes fadein-zoom-bounce {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 65% {\n opacity: 1;\n -webkit-transform: scale(1.02, 1.02);\n -ms-transform: scale(1.02, 1.02);\n transform: scale(1.02, 1.02);\n }\n 100% {\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-zoom-bounce {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 65% {\n opacity: 1;\n -webkit-transform: scale(1.02, 1.02);\n -ms-transform: scale(1.02, 1.02);\n transform: scale(1.02, 1.02);\n }\n 100% {\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes rotation {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n -ms-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n@keyframes rotation {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n -ms-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n@-webkit-keyframes rotation-reverse {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(-359deg);\n -ms-transform: rotate(-359deg);\n transform: rotate(-359deg);\n }\n}\n@keyframes rotation-reverse {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(-359deg);\n -ms-transform: rotate(-359deg);\n transform: rotate(-359deg);\n }\n}\n@-webkit-keyframes pulse-opacity {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes pulse-opacity {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1;\n }\n}\n@-webkit-keyframes pulsate {\n 0% {\n -webkit-transform: scale(0.25);\n -ms-transform: scale(0.25);\n transform: scale(0.25);\n opacity: 0.35;\n }\n 45% {\n opacity: 1;\n }\n 96% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.2;\n }\n 100% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.04;\n }\n}\n@keyframes pulsate {\n 0% {\n -webkit-transform: scale(0.25);\n -ms-transform: scale(0.25);\n transform: scale(0.25);\n opacity: 0.35;\n }\n 45% {\n opacity: 1;\n }\n 96% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.2;\n }\n 100% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.04;\n }\n}\n@-webkit-keyframes pulsate-reverse {\n 0% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0;\n }\n}\n@keyframes pulsate-reverse {\n 0% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0;\n }\n}\n@-webkit-keyframes pulsate-in-out {\n 0% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0.01;\n }\n 100% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes pulsate-in-out {\n 0% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0.01;\n }\n 100% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n@-webkit-keyframes attention {\n 0% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 10% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n -ms-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 20% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 100% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n@keyframes attention {\n 0% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 10% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n -ms-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 20% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 100% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n@-webkit-keyframes rotate-x {\n 0% {\n -webkit-transform: perspective(120px) rotateY(0deg);\n -ms-transform: perspective(120px) rotateY(0deg);\n transform: perspective(120px) rotateY(0deg);\n }\n 50% {\n -webkit-transform: perspective(120px) rotateY(-180deg);\n -ms-transform: perspective(120px) rotateY(-180deg);\n transform: perspective(120px) rotateY(-180deg);\n }\n 100% {\n -webkit-transform: perspective(120px) rotateY(-360deg);\n -ms-transform: perspective(120px) rotateY(-360deg);\n transform: perspective(120px) rotateY(-360deg);\n }\n}\n@keyframes rotate-x {\n 0% {\n -webkit-transform: perspective(120px) rotateY(0deg);\n -ms-transform: perspective(120px) rotateY(0deg);\n transform: perspective(120px) rotateY(0deg);\n }\n 50% {\n -webkit-transform: perspective(120px) rotateY(-180deg);\n -ms-transform: perspective(120px) rotateY(-180deg);\n transform: perspective(120px) rotateY(-180deg);\n }\n 100% {\n -webkit-transform: perspective(120px) rotateY(-360deg);\n -ms-transform: perspective(120px) rotateY(-360deg);\n transform: perspective(120px) rotateY(-360deg);\n }\n}\n@-webkit-keyframes animateDot {\n 0% {\n color: #E9EBEB;\n bottom: 0;\n }\n 25% {\n color: #7E8588;\n bottom: 4px;\n }\n 50% {\n color: #E9EBEB;\n bottom: 0;\n }\n 100% {\n color: #E9EBEB;\n bottom: 0;\n }\n}\n@keyframes animateDot {\n 0% {\n color: #E9EBEB;\n bottom: 0;\n }\n 25% {\n color: #7E8588;\n bottom: 4px;\n }\n 50% {\n color: #E9EBEB;\n bottom: 0;\n }\n 100% {\n color: #E9EBEB;\n bottom: 0;\n }\n}\n@-webkit-keyframes shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n -ms-transform: translate(2px, 1px) rotate(0deg);\n transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n -ms-transform: translate(-1px, -2px) rotate(-1deg);\n transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0) rotate(1deg);\n -ms-transform: translate(-3px, 0) rotate(1deg);\n transform: translate(-3px, 0) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0, 2px) rotate(0deg);\n -ms-transform: translate(0, 2px) rotate(0deg);\n transform: translate(0, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n -ms-transform: translate(1px, -1px) rotate(1deg);\n transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n -ms-transform: translate(-1px, 2px) rotate(-1deg);\n transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n -ms-transform: translate(-3px, 1px) rotate(0deg);\n transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n -ms-transform: translate(2px, 1px) rotate(-1deg);\n transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n -ms-transform: translate(-1px, -1px) rotate(1deg);\n transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n -ms-transform: translate(2px, 2px) rotate(0deg);\n transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n -ms-transform: translate(1px, -2px) rotate(-1deg);\n transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n@keyframes shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n -ms-transform: translate(2px, 1px) rotate(0deg);\n transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n -ms-transform: translate(-1px, -2px) rotate(-1deg);\n transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0) rotate(1deg);\n -ms-transform: translate(-3px, 0) rotate(1deg);\n transform: translate(-3px, 0) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0, 2px) rotate(0deg);\n -ms-transform: translate(0, 2px) rotate(0deg);\n transform: translate(0, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n -ms-transform: translate(1px, -1px) rotate(1deg);\n transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n -ms-transform: translate(-1px, 2px) rotate(-1deg);\n transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n -ms-transform: translate(-3px, 1px) rotate(0deg);\n transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n -ms-transform: translate(2px, 1px) rotate(-1deg);\n transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n -ms-transform: translate(-1px, -1px) rotate(1deg);\n transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n -ms-transform: translate(2px, 2px) rotate(0deg);\n transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n -ms-transform: translate(1px, -2px) rotate(-1deg);\n transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n/ NOP (no operation, may be used to temporarily set css properties while the animation runs, e.g. using a transition) /\n@-webkit-keyframes nop {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes nop {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ -------------------------------- /\n/ Scout default theme /\n/ extends: - /\n/ affects: Scout OSS /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Color palette /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Global colors /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Component specific colors /\n/ -------------------------------- /\n/ always white to not change the look of the website /\n/ do not use the @info-color here as the icon should have the same color as field icons /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ Font face definition for custom icon font:\n\nSee GIT history for font-face definitions. Some how it wasn't possible\nto produce a consistent look on all browsers with the font-face definition.\nSimply using font-family works better and is more reliable. However, we still\ncould use 'Open Sans' in the font-family (when it's installed on the client\nsystem) and fall back to Arial otherwise, without downloading a WOFF file.\n\nTry these to switch between fonts:\n\n@defaultFont: 'Open Sans', OpenSans, Arial, sans-serif;\n@defaultFont: Arial, sans-serif;\n /\n@font-face {\n font-family: scoutIcons;\n font-weight: normal;\n src: url('fonts/scoutIcons.woff') format('woff');\n}\n@font-face {\n font-family: scoutIcons;\n font-weight: 300;\n src: url('fonts/scoutIcons-light.woff') format('woff');\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ default font icons (sans-serif, arial) /\n/ scoutIcons: custom icons /\n/ scoutIcons: awesome icons /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n#scout {\n / Use dashed line instead of solid to avoid visual conflict with editable fields /\n / Font Mixins /\n / Invisible pseudo element that enables vertical-align if container has height set /\n / Mixin for chooser popups as used in smart-field /\n / Mixin for scrollbar positioning /\n /\n * Hides the scrollbars but lets the user still scroll (e.g. using mousewheel or touch).\n * This works a bit different for every browser.\n /\n /\n Uses the inverted colors of the scrollbars. Use this mixin in a widget that requires inverted scrollbars (e.g. a widget with white background in dark mode).\n /\n}\n#scout .status {\n display: flex;\n align-items: center;\n}\n#scout .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n#scout .menu-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .menu-status::before {\n content: '\\E041';\n color: #BFC2C3;\n font-size: 16px;\n}\n#scout .menu-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\n#scout .menu-status:active::before,\n#scout .menu-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #E9EBEB;\n}\n#scout .tooltip-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .tooltip-status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n#scout .tooltip-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n#scout .tooltip-status:active::before,\n#scout .tooltip-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n#scout .info-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .info-status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n#scout .info-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n#scout .info-status:active::before,\n#scout .info-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n#scout .ok-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .ok-status::before {\n content: '\\E002';\n color: #62e7ce;\n font-size: 16px;\n}\n#scout .ok-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #8eeedc;\n}\n#scout .ok-status:active::before,\n#scout .ok-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #8eeedc;\n}\n#scout .warning-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .warning-status::before {\n content: '\\E001';\n color: #FFBE6B;\n font-size: 16px;\n}\n#scout .warning-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffd49e;\n}\n#scout .warning-status:active::before,\n#scout .warning-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffd49e;\n}\n#scout .error-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .error-status::before {\n content: '\\E001';\n color: #FF8888;\n font-size: 16px;\n}\n#scout .error-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffbbbb;\n}\n#scout .error-status:active::before,\n#scout .error-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffbbbb;\n}\n#scout .cursor-grab {\n / \"grab\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: grab;\n}\n#scout .cursor-grabbing {\n / \"grabbing\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: grabbing;\n}\n#scout .chooser-popup {\n position: absolute;\n overflow: hidden;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n#scout .chooser-popup.touch {\n background-color: #1F2428;\n}\n#scout .popup {\n background-color: #2E3C41;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n}\n#scout .hide-scrollbars {\n -ms-overflow-style: none;\n / Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width /\n scrollbar-width: none;\n}\n#scout .hide-scrollbars::-webkit-scrollbar {\n display: none;\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb > .scrollbar-thumb-handle {\n background-color: rgba(59, 73, 79, 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(59, 73, 79, 0.45);\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb > .scrollbar-thumb-handle {\n background-color: rgba(59, 73, 79, 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(59, 73, 79, 0.15);\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ -------------------------------- /\n/ Global sizes /\n/ -------------------------------- /\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see scout.HtmlEnvironment /\n/ --------------------------------------------------------------------------- /\n.html-env-logical-grid-row {\n height: 30px;\n margin-bottom: 10px;\n}\n.html-env-logical-grid-row.dense {\n height: 24px;\n margin-bottom: 8px;\n}\n.html-env-logical-grid-column {\n width: 420px;\n margin-right: 30px;\n margin-left: 4px;\n}\n.html-env-field-mandatory-indicator {\n width: 10px;\n}\n.html-env-field-label {\n width: 140px;\n}\n.html-env-field-status {\n width: 24px;\n}\n/ -------------------------------- /\n/ Component specific sizes /\n/ -------------------------------- /\n/ Necessary to align icon with text /\n/ Adjustment to shift the checkbox a little upwards to align it with the text (resp. first line of the text in case of multiline table cells) /\n/ not 50px because last pixel is the border (would not look good)/\n/ bigger space when multiple icons are displayed /\n/ Optimized for a tile height of 30px (logical-grid-height) /\n/ minimum margin to window or anchor /\n/ -------------------------------- /\n/ Other sizes /\n/ -------------------------------- /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.switch {\n position: absolute;\n right: 0;\n display: flex;\n}\n.switch > .switch-button {\n margin-top: -2px;\n}\n.switch-label {\n margin-right: 8px;\n}\n.switch-button,\n.switch-button:before {\n transition: 0.25s ease-in-out;\n}\n.switch-button {\n width: 36px;\n position: relative;\n height: 22px;\n border-radius: 11px;\n background-color: rgba(0, 0, 0, 0.6);\n cursor: pointer;\n border: solid 1px #7E8588;\n --activated-border-color: #71b0e8;\n --activated-background-color: #71b0e8;\n}\n.switch-button:before {\n content: '';\n display: block;\n position: absolute;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n top: 2px;\n left: 2px;\n border: solid 1px #E9EBEB;\n background-color: #E9EBEB;\n}\n.switch-button.activated {\n background-color: var(--activated-background-color);\n border-color: var(--activated-border-color);\n}\n.switch-button.activated:before {\n background-color: #1F2428;\n border-color: #1F2428;\n left: calc(100% - 18px);\n}\n.disabled > .switch-button {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n cursor: unset;\n}\n.disabled > .switch-button::before {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.12);\n}\n.disabled > .switch-button.activated {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.disabled > .switch-button.activated::before {\n background-color: #1F2428;\n border-color: #1F2428;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-row-level-padding {\n width: 20px;\n}\n.table {\n position: relative;\n --table-row-margin-x: 0px;\n --table-row-padding-y: 7px;\n --table-aggregate-row-padding-y-small: 7px;\n --table-aggregate-row-padding-y-large: 15px;\n / Used for scout.Table.CheckableStyle.TABLE_ROW /\n}\n.table:focus,\n.table.focused,\n.table.perma-focus {\n outline: none;\n}\n.table:focus > .table-data > .table-row.selected,\n.table.focused > .table-data > .table-row.selected,\n.table.perma-focus > .table-data > .table-row.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.table:focus > .table-data > .table-row.selected::after,\n.table.focused > .table-data > .table-row.selected::after,\n.table.perma-focus > .table-data > .table-row.selected::after {\n border-color: #71b0e8;\n}\n.table.checkable > .table-data > .table-row {\n cursor: pointer;\n}\n.table.checkable.disabled > .table-data > .table-row,\n.table.checkable > .table-data > .table-row.disabled {\n cursor: default;\n}\n.table.table-row-check > .table-data > .table-row.selected {\n / Don't draw selection /\n background-color: transparent;\n}\n.table.table-row-check > .table-data > .table-row.selected::after {\n display: none;\n}\n.table.table-row-check > .table-data > .table-row:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.table.table-row-check > .table-data > .table-row.disabled,\n.table.table-row-check > .table-data.disabled > .table-row {\n background-color: transparent;\n}\n.table.table-row-check > .table-data > .table-row.checked,\n.table.table-row-check > .table-data > .table-row.checked.selected {\n / Mark checked rows with a background color /\n background-color: #71b0e8;\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: #0E1316;\n}\n.table.table-row-check > .table-data > .table-row.checked:hover,\n.table.table-row-check > .table-data > .table-row.checked.selected:hover {\n background-color: #94c4ee;\n}\n.table.table-row-check > .table-data > .table-row.disabled.checked,\n.table.table-row-check > .table-data.disabled > .table-row.checked,\n.table.table-row-check > .table-data > .table-row.disabled.checked.selected,\n.table.table-row-check > .table-data.disabled > .table-row.checked.selected {\n background-color: #7E8588;\n}\n.table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected,\n.table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected.checked,\n.table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected.checked {\n background-color: #94c4ee;\n}\n.table.structured .table-row:not(.leaf) {\n background-color: #1F2428;\n font-weight: bold;\n}\n.table > .tile-accordion {\n padding-top: 20px;\n padding-left: 20px;\n padding-right: 15px;\n}\n.table > .tile-accordion > .group > .tile-grid {\n padding: 0;\n}\n.table > .tile-table-header {\n padding-left: 20px;\n padding-right: 20px;\n}\n.table > .tile-table-header > .group-box-body {\n padding-bottom: 6px;\n}\n.table.dimmed-background {\n background-color: #1F2428;\n}\n.table.dimmed-background > .menubar {\n background-color: inherit;\n}\n.table > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--controls-height)) / 2);\n}\n.table > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--controls-height)) / 2);\n}\n.has-menubar.menubar-bottom.table > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--controls-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n}\n.has-menubar.menubar-bottom.table > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--controls-height)) / 2);\n}\n.has-cell-editor-popup.table > .filter-field {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.table-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n:not(.header-invisible) > .table-data {\n / Draw the .table-data div one pixel higher, over the header (for selection border).\n Add the padding to keep the size of the first row and not overdraw the header line with the row background /\n margin-top: -1px;\n padding-top: 1px;\n}\n.table-data > .scrollbar.y-axis {\n / Make scrollbar visually centered /\n margin-top: 9px;\n}\n.table-data > .table-row,\n.table-data > .table-aggregate-row,\n.table-data > .table-data-fill,\n.table-data > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.table-data > .scrollbar {\n z-index: 2;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .table-row,\n.table:not(.knight-rider-loading) > .table-data.loading > .table-aggregate-row,\n.table:not(.knight-rider-loading) > .table-data.loading > .table-data-fill,\n.table:not(.knight-rider-loading) > .table-data.loading > .scrollbar {\n opacity: 0;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.table.knight-rider-loading > .loading-indicator {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n height: 2px;\n width: 100%;\n opacity: 0;\n animation: fade-in 1s forwards, slideout-right 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n}\n.table.knight-rider-loading > .loading-indicator::before {\n animation: slideout-left 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n content: '';\n position: absolute;\n background: linear-gradient(to right, transparent 0%, #71b0e8 20%, #71b0e8 80%, transparent 100%);\n left: 0;\n width: 50px;\n height: 100%;\n}\n.table-data-fill {\n background-color: rgba(255, 255, 255, 0.12);\n / actual style is set by JS, this is used for the line color (see _applyFillerStyle) /\n}\n.table-row,\n.table-aggregate-row {\n position: relative;\n}\n.table-row:active {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.table-row.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.table-row.selected::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 2px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n pointer-events: none;\n z-index: 1;\n}\n.table-row.select-top::after,\n.table-row.select-middle::after {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.table-row.select-middle::after,\n.table-row.select-bottom::after {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.table-row.select-single::after,\n.table-row.select-top::after {\n / Move the selection 1px up to cover the bottom border of the previous row. /\n top: -1px;\n height: calc(100% + 1px);\n}\n.header-invisible > .table-data > .table-row.select-single.first::after,\n.header-invisible > .table-data > .table-row.select-top.first::after {\n top: 0;\n}\n.table-row.checked {\n background-color: #71b0e8;\n}\n.table-row {\n margin-left: var(--table-row-margin-x);\n margin-right: var(--table-row-margin-x);\n}\n.table-cell {\n color: #E9EBEB;\n display: table-cell;\n padding: var(--table-row-padding-y) 10px var(--table-row-padding-y) 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n / for multiline text /\n}\n.last-row-at-bottom > .table-row.last > .table-cell {\n border-bottom: 0;\n}\n.table-row.disabled > .table-cell {\n / Table row is disabled -> use lighter disabled color /\n color: #7E8588;\n}\n.disabled > .table-row > .table-cell {\n / Whole table is disabled -> use darker disabled color /\n color: #7E8588;\n}\n.disabled.read-only > .table-data > .table-row > .table-cell {\n color: #E9EBEB;\n}\n.table-row.checked > .table-cell {\n color: #0E1316;\n}\n.table-cell.empty,\n.table-cell.icon-only {\n text-overflow: clip;\n}\n.table-cell.last.halign-left,\n.table-cell.last.halign-center,\n.table-cell.last.halign-right {\n padding-right: 14px;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 5px 5px 0 0;\n border-color: rgba(255, 255, 255, 0.12) 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: rgba(255, 255, 255, 0.12);\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable.has-error::before {\n border-color: #FF8888 transparent transparent transparent;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.mandatory.has-error::before {\n color: #FF8888;\n}\n.table-cell.table-node > .table-row-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n padding: var(--table-row-padding-y) 8px var(--table-row-padding-y) 13px;\n cursor: pointer;\n line-height: 15px;\n /* Necessary to align with the text, depends on the used font size /\n}\n.table-cell.table-node > .table-row-control::before {\n display: block;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\E013';\n color: inherit;\n}\n.expanded.table-cell.table-node > .table-row-control::before {\n / This \"imprecise\" angle is a workround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n}\n.table-cell.table-node > .table-row-control:hover::before {\n color: #FE9915;\n}\n.table-cell.checkable {\n / same padding for left and right, it's by purpose /\n padding: calc(var(--table-row-padding-y) - 2px) 10px 0 10px;\n cursor: pointer;\n text-overflow: clip;\n}\n.grouping-style-top > .table-aggregate-cell.table-cell.checkable {\n padding-top: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-bottom: 3px;\n}\n.grouping-style-bottom > .table-aggregate-cell.table-cell.checkable {\n padding-bottom: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-top: 3px;\n}\n.table-cell.checkable.disabled,\n.table.disabled > .table-data > .table-row > .table-cell.checkable {\n cursor: default;\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box {\n cursor: default;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box.checked {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box.undefined {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.table-cell.halign-right {\n text-align: right;\n padding-right: 10px;\n padding-left: 10px;\n}\n.table-cell.halign-right.table-aggregate-cell {\n direction: rtl;\n}\n.table-cell.halign-right.table-aggregate-cell > .text,\n.table-cell.halign-right.table-aggregate-cell > .table-cell-icon {\n direction: ltr;\n}\n.table-cell.halign-center {\n text-align: center;\n padding-right: 10px;\n}\n.font-icon.table-cell-icon {\n color: #E9EBEB;\n font-size: 14px;\n line-height: 15px;\n vertical-align: top;\n}\n.disabled .font-icon.table-cell-icon {\n color: #7E8588;\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: #0E1316;\n}\n.table-aggregate {\n overflow: hidden;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: 12px;\n}\n.table-aggregate > .table-cell {\n padding: var(--table-row-padding-y) 10px 0 10px;\n border-bottom: 0;\n height: 100%;\n}\n.table-aggregate-row {\n background-color: #1F2428;\n min-width: 100%;\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n margin-top: -1px;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: 12px;\n}\n.table-aggregate-row > .table-cell {\n border-bottom: 0;\n}\n.table-aggregate-row.grouping-style-top > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-large);\n padding-bottom: var(--table-aggregate-row-padding-y-small);\n}\n.table-aggregate-row.grouping-style-bottom > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-small);\n padding-bottom: var(--table-aggregate-row-padding-y-large);\n}\n.table-aggregate-cell {\n font-weight: bold;\n overflow: visible;\n vertical-align: middle;\n / if aggregation is based on selected rows /\n}\n.table-aggregate-cell > .text {\n display: inline-block;\n vertical-align: middle;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.table-aggregate-cell > .table-cell-icon {\n display: inline-block;\n color: #E9EBEB;\n vertical-align: middle;\n line-height: 14px;\n}\n.table-aggregate-cell.sum > .table-cell-icon,\n.table-aggregate-cell.avg > .table-cell-icon {\n font-size: 13px;\n}\n.table-aggregate-cell.min > .table-cell-icon,\n.table-aggregate-cell.max > .table-cell-icon {\n font-size: 15px;\n}\n.table-aggregate-cell.selection,\n.table-aggregate-cell.selection > .table-cell-icon {\n color: #71b0e8;\n}\n.before-aggregate-row > .table-cell {\n border-bottom-color: transparent;\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: #5a3437;\n}\n.column-background-effect-gradient1-end {\n background-color: #1e544e;\n}\n.column-background-effect-gradient2-start {\n background-color: #1e544e;\n}\n.column-background-effect-gradient2-end {\n background-color: #5a3437;\n}\n/ key box /\n.table-row > .key-box {\n top: calc(50% - 23px / 2);\n}\n.table-controls > .table-control > .key-box {\n bottom: 4px;\n}\n.table .key-box.char {\n top: calc(50% - 21px / 2);\n}\n/ Animation: rotate from 0 -> 90 deg /\n@-webkit-keyframes expand-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n}\n@keyframes expand-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n}\n.expand-rotate::before {\n -webkit-animation-name: expand-rotate;\n -moz-animation-name: expand-rotate;\n -o-animation-name: expand-rotate;\n animation-name: expand-rotate;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Animation: rotate collapse 90 -> 0 deg /\n@-webkit-keyframes collapse-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n 100% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n@keyframes collapse-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n 100% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n.collapse-rotate::before {\n -webkit-animation-name: collapse-rotate;\n -moz-animation-name: collapse-rotate;\n -o-animation-name: collapse-rotate;\n animation-name: collapse-rotate;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Required because arrow up/down symbol is not properly vertically aligned with the rest of the sort/group text /\n.sort-symbol {\n top: -1.25px;\n position: relative;\n}\n.organize-columns-behind-scrollbar-column.table-cell.last {\n padding: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-footer {\n position: absolute;\n bottom: 0;\n min-height: 64px;\n width: 100%;\n white-space: nowrap;\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n background-color: #252F34;\n}\n.table-control-resize {\n position: absolute;\n width: 100%;\n left: 0;\n height: 16px;\n cursor: row-resize;\n z-index: 2;\n border-top: 2px solid rgba(255, 255, 255, 0.12);\n}\n.table-control-container {\n position: absolute;\n overflow: hidden;\n outline: none;\n background-color: #252F34;\n bottom: 64px;\n width: 100%;\n / Default value for TableControl.js /\n height: 364px;\n display: none;\n z-index: 2;\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 rgba(255, 255, 255, 0.12);\n}\n.table-control-content {\n height: 100%;\n width: 100%;\n}\n.table-control-content > .form {\n background-color: #252F34;\n}\n.table-control-content > .form > .root-group-box > .group-box-body {\n / to make sure fields are not drawn over the menubar when making table control container very small /\n overflow: hidden;\n}\n.table-control-content > .form > .root-group-box > .main-menubar {\n background-color: inherit;\n border-color: transparent;\n}\n.table-controls {\n position: absolute;\n height: 100%;\n margin-left: 20px;\n display: flex;\n align-items: center;\n}\n.table-info {\n position: absolute;\n right: 0;\n display: inline-flex;\n align-items: center;\n height: 100%;\n margin-right: 5px;\n}\n.table-filter {\n position: relative;\n margin-right: 15px;\n}\n.table-text-filter {\n min-height: 32px;\n width: 180px;\n font-size: 13px;\n}\n.table-text-filter:focus.has-text {\n padding-right: 25px;\n}\n.table-text-filter:focus.has-text ~ .clear-icon {\n display: flex;\n}\n.table-text-filter ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: 32px;\n}\n.table-info-item.hiding {\n visibility: hidden;\n}\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n flex-shrink: 0;\n flex-grow: 0;\n color: #A7ACAD;\n cursor: pointer;\n line-height: 19px;\n font-size: 12px;\n overflow: hidden;\n white-space: nowrap;\n / margins are used instead of paddings for a better animation /\n}\n.table-info-load > span,\n.table-info-status > span,\n.table-info-filter > span,\n.table-info-selection > span {\n display: block;\n margin: 0 15px;\n}\n.table-info-load.disabled,\n.table-info-status.disabled,\n.table-info-filter.disabled,\n.table-info-selection.disabled {\n cursor: default;\n}\n.table-info-load.disabled > .table-info-button,\n.table-info-status.disabled > .table-info-button,\n.table-info-filter.disabled > .table-info-button,\n.table-info-selection.disabled > .table-info-button {\n color: #A7ACAD;\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: #71b0e8;\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: #9dc8ef;\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: #b3d5f3;\n}\n.table-info-status {\n padding-top: 0;\n line-height: 64px;\n color: #A7ACAD;\n / normal /\n / error /\n / warning /\n}\n.table-info-status:hover {\n color: #71b0e8;\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: #FF8888;\n}\n.table-info-status.error.tooltip-active:hover {\n color: #D53F3F;\n}\n.table-info-status.warning > .font-icon::before {\n content: '\\E001';\n}\n.table-info-status.warning.tooltip-active {\n color: #FFBE6B;\n}\n.table-info-status.warning.tooltip-active:hover {\n color: #ffd49e;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: #1F2428;\n border-bottom: 2px solid rgba(255, 255, 255, 0.12);\n z-index: 0;\n / begin new stacking context /\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n border-left: 0 solid transparent;\n}\n.table-header.disabled:not(.read-only) {\n color: #7E8588;\n}\n.table-header > .menubar-container {\n position: absolute;\n right: 0;\n top: 0;\n height: 100%;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n margin-left: 3px;\n}\n.table-header > .menubar-container > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n margin-right: 3px;\n min-height: 27px;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item > .font-icon {\n font-size: 15px;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item.menu-icononly {\n padding: 0;\n min-width: 27px;\n}\n.table-header-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n font-weight: bold;\n font-size: 12px;\n color: #A7ACAD;\n padding: 5px 7px 5px 7px;\n margin: 3px 4px 3px 3px;\n min-height: 27px;\n / Vertical align is necessary for 2 things: /\n / 1. Alignment in case of multiline headers. /\n / 2. A correct header height, see http://stackoverflow.com/questions/20566710/overflowhidden-displayinline-block-moves-text-upwards /\n vertical-align: middle;\n cursor: pointer;\n border-radius: 3px;\n}\n.table-header-item.last {\n margin-right: 3px;\n}\n.table-header-item.halign-right {\n justify-content: flex-end;\n text-align: right;\n padding-right: 7px;\n padding-left: 7px;\n}\n.table-header-item.halign-center {\n justify-content: center;\n text-align: center;\n padding-right: 7px;\n}\n.table-header-item.last.halign-left,\n.table-header-item.last.halign-center,\n.table-header-item.last.halign-right {\n padding-right: 11px;\n}\n.table-header-item.sorted,\n.table-header-item.grouped,\n.table-header-item.filtered {\n / make room for icon /\n padding-right: 19px;\n}\n.table-header-item.sorted.halign-right,\n.table-header-item.grouped.halign-right,\n.table-header-item.filtered.halign-right,\n.table-header-item.sorted.halign-center,\n.table-header-item.grouped.halign-center,\n.table-header-item.filtered.halign-center {\n padding-right: 22px;\n}\n.table-header-item.sorted.grouped,\n.table-header-item.sorted.filtered {\n / make some more room /\n padding-right: 31px;\n}\n.table-header-item.sorted.grouped.halign-right,\n.table-header-item.sorted.filtered.halign-right,\n.table-header-item.sorted.grouped.halign-center,\n.table-header-item.sorted.filtered.halign-center {\n padding-right: 34px;\n}\n.table-header-item.moving,\n.table-header-item.releasing {\n z-index: 1;\n}\n.table-header-item.moving > .table-header-item-state {\n display: none;\n}\n.table-header-item:hover {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.table-header-item.active,\n.table-header-item:active,\n.table-header-item.moving {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.table-header-item.selected {\n background-color: rgba(255, 255, 255, 0.18);\n color: #71b0e8;\n z-index: 1;\n}\n.table-header-item.disabled {\n cursor: default;\n / Override default disabled text color, because \"disabled\" in the table header means something different /\n color: #A7ACAD;\n background-color: inherit;\n}\n.table-header-item.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n}\n.table-header-item > .icon.font-icon {\n font-size: 15px;\n}\n.table-header-item > .icon.with-text {\n margin-right: 8px;\n}\n.table-header-item-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.table-header-item-state {\n position: absolute;\n display: flex;\n align-items: center;\n right: 0;\n top: 0;\n font-weight: normal;\n font-size: 10px;\n color: #E9EBEB;\n height: 100%;\n}\n.table-header-item-state > .left {\n padding-left: 3px;\n}\n.table-header-item-state.grouped.filtered > .left {\n padding-top: 0;\n}\n.table-header-item-state > .right {\n color: #E9EBEB;\n margin-top: -3px;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n}\n.table-header-item-state.sort-desc > .right::after {\n content: '\\2193';\n}\n.table-header-item-state.sort-asc > .right::after {\n content: '\\2191';\n}\n.table-header-resize {\n position: absolute;\n display: inline-block;\n top: 0;\n height: 100%;\n width: 17px;\n padding: 10px 8px;\n margin-left: -9px;\n background-color: #7E8588;\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: #F5F5F5;\n}\n.table-header-item.last + .table-header-resize {\n margin-left: -8px;\n}\n.table-header.moving > .table-header-resize {\n / Hide separators while moving, because their position will not be updated until the move-end event /\n visibility: hidden;\n}\n/ Temporary element inserted in header and data area during resizing of a column /\n.table-column-resize-helper {\n position: absolute;\n top: 0;\n left: 0;\n background-color: transparent;\n height: 1px;\n / width is set dynamically by TableHeader.js /\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-header-menu {\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 8px;\n white-space: nowrap;\n overflow: hidden;\n}\n.table-header-menu.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.table-header-menu.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.table-header-menu-body {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.table-header-menu-actions {\n display: inline-block;\n vertical-align: top;\n padding: 16px;\n}\n.table-header-menu-actions > .table-header-menu-group > .table-header-menu-group-text {\n width: calc(100% + 12px);\n}\n.table-header-menu-filters {\n display: inline-block;\n vertical-align: top;\n width: 250px;\n padding: 0 16px 0 16px;\n margin: 16px 0 16px 0;\n}\n.table-header-menu-body.compact > .table-header-menu-filters {\n display: block;\n height: auto;\n margin-top: 5px;\n}\n.table-header-menu-filters > .table-header-menu-group > .form-field {\n position: relative;\n}\n.table-header-menu-group {\n padding-top: 12px;\n padding-bottom: 5px;\n}\n.table-header-menu-group.first {\n padding-top: 0;\n}\n.table-header-menu-group.last {\n padding-bottom: 0;\n}\n.table-header-menu-group.buttons {\n padding-bottom: 35px;\n}\n.table-header-menu-group.buttons.last {\n padding-bottom: 29px;\n}\n.table-header-menu-group-text {\n font-weight: bold;\n color: #A7ACAD;\n padding-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.table-header-menu-command {\n float: left;\n width: 43px;\n margin-right: 10px;\n height: 30px;\n}\n.table-header-menu-command:focus {\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n outline: none;\n}\n.table-header-menu-command.last {\n margin-right: 0;\n}\n.table-header-menu-command > .icon::after {\n position: relative;\n left: 3px;\n top: -3px;\n font-size: 13px;\n}\n.table-header-menu-command.move-top > .icon::before {\n content: '\\E010';\n}\n.table-header-menu-command.move-up > .icon::before {\n content: '\\E012';\n}\n.table-header-menu-command.move-down > .icon::before {\n content: '\\E013';\n}\n.table-header-menu-command.move-bottom > .icon::before {\n content: '\\E011';\n}\n.table-header-menu-command.sort-asc > .icon::before,\n.table-header-menu-command.sort-asc-add > .icon::before {\n content: '\\E017';\n}\n.table-header-menu-command.sort-desc > .icon::before,\n.table-header-menu-command.sort-desc-add > .icon::before {\n content: '\\E016';\n}\n.table-header-menu-command.sort-asc-add > .icon::after,\n.table-header-menu-command.sort-desc-add > .icon::after {\n content: '\\E01B';\n display: inline-block;\n / fix for pointer-events: none in IE11 /\n}\n.table-header-menu-command.sort-asc-add.selected > .icon::after,\n.table-header-menu-command.sort-desc-add.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px;\n / limit height otherwise arrow would move up in some browsers /\n}\n.table-header-menu-command.add-column > .icon::before {\n content: '\\E01B';\n}\n.table-header-menu-command.remove-column > .icon::before {\n content: '\\E01A';\n}\n.table-header-menu-command.change-column > .icon::before {\n content: '\\E02F';\n}\n.table-header-menu-command.togglable.selected:hover > .icon::before {\n content: '\\E035';\n}\n.table-header-menu-command.togglable.selected:hover > .icon::after {\n content: '';\n}\n.table-header-menu-command.hierarchy-collapse-all > .icon::before {\n content: '\\E037';\n}\n.table-header-menu-command.hierarchy-expand-all > .icon::before {\n content: '\\E036';\n}\n.table-header-menu-command.group > .icon::before,\n.table-header-menu-command.group-add > .icon::before {\n content: '\\E006';\n}\n.table-header-menu-command.group-add > .icon::after {\n content: '\\E01B';\n display: inline-block;\n / fix for pointer-events: none in IE11 /\n}\n.table-header-menu-command.group-add.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px;\n / limit height otherwise arrow would move up in some browsers /\n}\n.table-header-menu-command.aggregation-function.sum > .icon::before {\n content: '\\E02C';\n}\n.table-header-menu-command.aggregation-function.avg > .icon::before {\n content: '\\E03A';\n}\n.table-header-menu-command.aggregation-function.max > .icon::before {\n content: '\\E039';\n}\n.table-header-menu-command.aggregation-function.min > .icon::before {\n content: '\\E038';\n}\n.table-header-menu-command.color-gradient1 {\n background-image: linear-gradient(to right, #5a3437, #1e544e);\n}\n.table-header-menu-command.color-gradient2 {\n background-image: linear-gradient(to right, #1e544e, #5a3437);\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:hover {\n border-width: 2px;\n}\n.table-header-menu-command.color.selected {\n border-width: 2px;\n}\n.table-header-menu-command.color.selected.togglable:hover {\n background-image: none;\n}\n.table-header-menu-filter-actions {\n float: right;\n}\n.table-header-menu-filter-toggle-checked {\n display: inline;\n}\n.table-header-menu-filter-table.table-row-check {\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data {\n margin-top: 0;\n padding: 3px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row {\n border-radius: 3px;\n margin-bottom: 2px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row.last {\n margin-bottom: 0;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row > .table-cell {\n border: 0;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row > .table-cell.halign-right {\n padding-right: 12px;\n}\n.table-header-menu-filter-number-column {\n font-size: 11px;\n color: #A7ACAD;\n vertical-align: middle;\n}\n.table-header-menu-toggle-sort-order {\n float: left;\n padding-right: 16px;\n}\n.table-header-menu-toggle-sort-order::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.table-header-menu-toggle-sort-order-alphabetically::before {\n content: '\\F15D';\n}\n.table-header-menu-toggle-sort-order-amount::before {\n content: '\\F161';\n}\n/ Filter fields group-box /\n.filter-fields {\n padding: 0;\n}\n.filter-fields > .group-box-body {\n padding: 0;\n}\n.filter-fields > .group-box-body > .form-field > label {\n margin-left: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-row-detail {\n padding: 14px 16px;\n line-height: 25px;\n}\n.table-row-detail-name {\n margin-right: 4px;\n color: #A7ACAD;\n font-size: 12px;\n}\n.table-row-detail-value {\n white-space: normal;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.table-row-detail-icon.with-text {\n margin-right: 8px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-control {\n position: relative;\n color: #71b0e8;\n cursor: pointer;\n border-radius: 8px;\n margin-right: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 40px;\n height: 40px;\n}\n.table-control > .font-icon {\n font-size: 22px;\n}\n.table-control:hover {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.table-control:active {\n color: #b3d5f3;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.table-control.selected {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.table-control.disabled {\n cursor: default;\n color: #7E8588;\n background-color: transparent;\n}\n.tooltip.table-control-tooltip {\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-info, table-status) /\n margin-top: 8px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.cell-editor-popup {\n / make sure it is behind the scrollbar but above selection /\n z-index: 1;\n}\n.cell-editor-field {\n --padding-top: var(--table-row-padding-y) - 2px;\n --padding-bottom: var(--table-row-padding-y) - 2px;\n padding: calc(var(--padding-top)) 8px calc(var(--padding-bottom)) 8px;\n border-width: 2px;\n background-color: transparent;\n}\n.cell-editor-popup.overflow-top .cell-editor-field {\n --padding-top: var(--table-row-padding-y) - 2px + 1px;\n --padding-bottom: var(--table-row-padding-y) - 2px + 1px;\n}\n.cell-editor-popup.overflow-bottom .cell-editor-field {\n --padding-bottom: var(--table-row-padding-y) - 2px + 2px;\n}\n.cell-editor-field:focus,\n.cell-editor-field.focused {\n border-color: #71b0e8;\n box-shadow: none;\n}\n.cell-editor-field:focus.has-error,\n.cell-editor-field.focused.has-error {\n border-color: #FF8888;\n box-shadow: none;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.compact-cell-title {\n display: flex;\n align-items: baseline;\n line-height: 20px;\n}\n.compact-cell-title > .left {\n flex-grow: 1;\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.compact-cell-title > .right {\n flex-grow: 0;\n / in case it wraps when title is large /\n text-align: right;\n}\n.compact-cell-subtitle {\n color: #A7ACAD;\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: #E9EBEB;\n}\n.compact-cell-more {\n line-height: 20px;\n}\n.compact-cell-content:not(:empty).has-header {\n padding-top: 5px;\n}\n.compact-cell-line {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.compact-cell-line-label {\n font-size: 12px;\n color: #A7ACAD;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-element,\n.overflow-icon {\n display: inline-flex;\n user-select: none;\n white-space: nowrap;\n color: #000;\n outline: none;\n border-radius: 3px;\n background-color: #97c3ec;\n height: 22px;\n line-height: 22px;\n margin: 3px 4px 0 0;\n overflow: hidden;\n}\n.tag-element.focused:not(:hover),\n.overflow-icon.focused:not(:hover) {\n background-color: #75afe6;\n}\n.tag-element > .tag-text {\n max-width: 85px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0 8px;\n}\n.removable.tag-element > .tag-text {\n padding-right: 4px;\n}\n.clickable.tag-element > .tag-text:hover {\n cursor: pointer;\n background-color: #75afe6;\n}\n.clickable.tag-element > .tag-text:active,\n.clickable.tag-element > .tag-text.active {\n background-color: #63a5e3;\n}\n.overflow-icon {\n align-items: center;\n color: #1561A7;\n padding: 0 6px;\n vertical-align: bottom;\n}\n.overflow-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n font-size: 16px;\n content: '\\F107';\n}\n.overflow-icon:hover {\n cursor: pointer;\n background-color: #75afe6;\n}\n.overflow-icon:active,\n.overflow-icon.active {\n background-color: #63a5e3;\n}\n.overflow-icon.selected {\n background-color: #63a5e3;\n color: #2F3C45;\n}\n.tag-remove-icon {\n color: #1561A7;\n display: flex;\n justify-content: center;\n width: 22px;\n padding-top: 1px;\n}\n.tag-remove-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n content: '\\E045';\n}\n.tag-remove-icon:hover {\n cursor: pointer;\n background-color: #75afe6;\n color: #000;\n}\n.tag-remove-icon:active,\n.tag-remove-icon.active {\n background-color: #63a5e3;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-overflow-popup {\n padding: 5px 4px 8px 8px;\n max-width: 250px;\n overflow: hidden;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n.tag-overflow-popup > .popup-body {\n display: inline;\n}\n.tag-overflow-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.tag-overflow-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.time-picker-popup {\n position: absolute;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n overflow: hidden;\n max-height: 350px;\n}\n.time-picker-separator {\n position: absolute;\n top: 0;\n left: 46px;\n height: 100%;\n border-right: 1px #A7ACAD solid;\n}\n.time-picker {\n position: relative;\n background-color: transparent;\n}\n.time-picker.touch-only :not(.selected):not(.disabled):not(:active):hover,\n.time-picker.touch-only :not(.selected):not(.disabled):not(:active):hover > .cell {\n background-color: inherit;\n}\n.touch-popup-widget-container > .time-picker {\n max-height: 300px;\n display: flex;\n justify-content: center;\n}\n.touch-popup-widget-container > .time-picker > .day-table {\n padding: 0;\n}\n.touch-popup-widget-container > .time-picker > .day-table > .hour-row:first-child > .cell {\n margin-top: 0;\n}\n.time-picker-touch-popup {\n max-width: 200px;\n}\n.time-picker-touch-popup > .body > .touch-popup-widget-container > .time-picker-separator {\n left: 84px;\n}\n.day-table {\n padding: 0 13px 0 3px;\n}\n.day-table > .hour-row {\n display: flex;\n}\n.day-table > .hour-row:hover > .hours,\n.day-table > .hour-row:hover > .hours.preselected {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.day-table > .hour-row:first-child > .cell {\n margin-top: 7px;\n}\n.day-table > .hour-row:last-child > .cell {\n margin-bottom: 7px;\n}\n.day-table > .hour-row > .cell {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: 32px;\n height: 32px;\n margin: 2px;\n border-radius: 6px;\n}\n.day-table > .hour-row > .hours {\n color: #A7ACAD;\n margin: 2px 13px 2px 4px;\n}\n.day-table > .hour-row > .hours.now {\n color: #AD6200;\n}\n.day-table > .hour-row > .hours.now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n font-weight: bold;\n}\n.day-table > .hour-row > .hours.preselected {\n background-color: rgba(255, 255, 255, 0.08);\n}\n.day-table > .hour-row > .hours:hover + .minutes {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.day-table > .hour-row > .hours:hover + .minutes.selected {\n background-color: #71b0e8;\n}\n.day-table > .hour-row > .hours:active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.day-table > .hour-row > .hours.selected {\n color: #71b0e8;\n}\n.day-table > .hour-row > .hours.selected > .text {\n font-weight: bold;\n border-bottom: 2px #71b0e8 solid;\n margin-bottom: -2px;\n}\n.day-table > .hour-row > .minutes.now {\n color: #AD6200;\n font-weight: bold;\n}\n.day-table > .hour-row > .minutes.now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n font-weight: bold;\n}\n.day-table > .hour-row > .minutes.preselected {\n background-color: rgba(255, 255, 255, 0.08);\n}\n.day-table > .hour-row > .minutes:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.day-table > .hour-row > .minutes:active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.day-table > .hour-row > .minutes.selected {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.day-table > .hour-row > .minutes.selected.now > .text {\n border-color: #0E1316;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tooltip {\n position: absolute;\n background-color: #3B494F;\n border-radius: 3px;\n border: 1px solid rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);\n max-width: 300px;\n white-space: normal;\n}\n.tooltip-content {\n padding: 8px 12px;\n position: relative;\n min-width: 60px;\n / Prevents tooltips with very short text from looking \"strange\" /\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: normal;\n background-color: inherit;\n border-radius: 3px;\n}\n.has-menus > .tooltip-content {\n font-weight: bold;\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 14px;\n}\n.tooltip-content .small {\n font-size: 11px;\n font-weight: normal;\n color: #BFC2C3;\n}\n.tooltip-content > .table-cell-icon {\n color: #BFC2C3;\n}\n.tooltip-menus {\n position: relative;\n background-color: inherit;\n margin-bottom: 6px;\n}\n.no-text > .tooltip-menus {\n margin-top: 6px;\n}\n.tooltip-menus > .menu-item {\n display: flex;\n justify-content: start;\n border-radius: 0;\n padding: 8px 16px 8px 16px;\n}\n.tooltip-menus > .menu-item:hover {\n background-color: rgba(255, 255, 255, 0.15);\n}\n.tooltip-menus > .menu-item > .submenu-icon {\n padding-left: 5px;\n}\n.ok > .tooltip-menus > .menu-item {\n color: #0E1316;\n}\n.info > .tooltip-menus > .menu-item {\n color: #E9EBEB;\n}\n.warning > .tooltip-menus > .menu-item {\n color: #0E1316;\n}\n.error > .tooltip-menus > .menu-item {\n color: #0E1316;\n}\n.tooltip-arrow {\n position: absolute;\n width: 7px;\n height: 7px;\n background-color: inherit;\n border: inherit;\n}\n.tooltip-arrow.arrow-bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.tooltip-arrow.arrow-top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.tooltip.error {\n background-color: #FF8888;\n border-width: 0;\n color: #0E1316;\n}\n.tooltip.error > .tooltip-arrow {\n background-color: #FF8888;\n}\n.tooltip.warning {\n background-color: #FFBE6B;\n border-width: 0;\n color: #0E1316;\n}\n.tooltip.warning > .tooltip-arrow {\n background-color: #FFBE6B;\n}\n.tooltip.ok {\n background-color: #62e7ce;\n border-width: 0;\n color: #0E1316;\n}\n.tooltip.ok > .tooltip-arrow {\n background-color: #62e7ce;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.widget-tooltip {\n max-width: none;\n}\n.widget-tooltip > .tooltip-widget-container {\n position: relative;\n padding: 10px;\n background-color: inherit;\n overflow: hidden;\n border-radius: 3px;\n}\n.widget-tooltip > .tooltip-widget-container > .widget {\n position: relative;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tree {\n position: relative;\n --node-padding-level-diff-parent-has-icon: 25px;\n}\n.tree:focus,\n.tree.focused {\n outline: none;\n}\n.tree:focus > .tree-data > .animation-wrapper > .tree-node.selected,\n.tree.focused > .tree-data > .animation-wrapper > .tree-node.selected,\n.tree:focus > .tree-data > .tree-node.selected,\n.tree.focused > .tree-data > .tree-node.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.tree:focus > .tree-data > .animation-wrapper > .tree-node.selected::after,\n.tree.focused > .tree-data > .animation-wrapper > .tree-node.selected::after,\n.tree:focus > .tree-data > .tree-node.selected::after,\n.tree.focused > .tree-data > .tree-node.selected::after {\n border-color: #71b0e8;\n}\n.tree > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--menubar-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n}\n.tree > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--menubar-height)) / 2);\n}\n.tree-data {\n / necessary for scrollbars /\n position: relative;\n overflow: hidden;\n width: 100%;\n / expand to outer container, needed for breadcrumb /\n / required because text shouldn't go into ellipsis mode when scrollbars are enabled /\n}\n.tree-data.scrollable-tree {\n overflow-anchor: none;\n}\n.tree-data.scrollable-tree > .tree-node,\n.tree-data.scrollable-tree > .animation-wrapper > .tree-node {\n overflow: visible;\n}\n.tree-data.scrollable-tree > .tree-node > .text,\n.tree-data.scrollable-tree > .animation-wrapper > .tree-node > .text {\n text-overflow: clip;\n}\n.tree-data.checkable > .tree-node,\n.tree-data.checkable > .animation-wrapper > .tree-node {\n cursor: pointer;\n}\n.tree-data.checkable.disabled > .tree-node,\n.tree-data.checkable.disabled > .animation-wrapper > .tree-node,\n.tree-data.checkable > .tree-node.disabled,\n.tree-data.checkable > .animation-wrapper > .tree-node.disabled {\n cursor: default;\n}\n.navigation-breadcrumb .tree-data {\n float: left;\n}\n.tree-node {\n display: flex;\n align-items: start;\n position: relative;\n padding: 7px 7px 7px 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tree-node:active {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.tree-node.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.tree-node.selected::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 2px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n pointer-events: none;\n}\n.tree-node.disabled {\n / Tree node is disabled -> use lighter disabled color /\n color: #7E8588;\n}\n.disabled > .animation-wrapper > .tree-node,\n.disabled > .tree-node {\n / Whole tree is disabled -> use darker disabled color /\n color: #7E8588;\n}\n.disabled.read-only > .animation-wrapper > .tree-node,\n.disabled.read-only > .tree-node {\n color: #E9EBEB;\n}\n.tree-node > .text {\n vertical-align: top;\n display: inline-block;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tree-node > .icon {\n vertical-align: top;\n padding-right: 9px;\n display: inline-block;\n text-align: center;\n min-width: 16px;\n / Use content-box for images because it leads to wrong behavior when someone sets a min-width/height\n * on an IMG element that has padding and the available space for the image is 'min-width' - 'padding'\n * See ticket 208111 /\n box-sizing: content-box;\n}\n.tree-node > .icon.image-icon {\n margin-top: -2px;\n / required to reserve space for bitmap icons in the tree when image resource is not yet loaded /\n min-width: 16px;\n min-height: 16px;\n}\n.tree-node > .icon.font-icon {\n / Necessary to align with the text, depends on the used font size /\n line-height: 15px;\n font-size: 14px;\n}\n.tree-node-checkbox {\n display: block;\n position: absolute;\n top: auto;\n left: auto;\n margin-top: -2px;\n margin-left: -28px;\n width: 20px;\n height: 20px;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked {\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: #0E1316;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked.disabled {\n cursor: default;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box {\n cursor: default;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box.checked,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box.checked {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box:not(.checked).children-checked,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box:not(.checked).children-checked {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked {\n background-color: inherit;\n border-color: #7E8588;\n}\n.disabled.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.disabled.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked.disabled,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked.disabled {\n background-color: inherit;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked::before,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked::before {\n display: none;\n}\n.tree-node-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n padding: 7px 8px 7px 13px;\n height: 100%;\n line-height: 15px;\n / Necessary to align with the text, depends on the used font size /\n color: inherit;\n}\n.tree-node-control::before {\n display: block;\n transition: transform 0.3s;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\E013';\n}\n.tree-node.lazy > .tree-node-control::before {\n font-family: Arial, sans-serif;\n content: '+';\n / Move to left because '+' sign is not as wide as 'arrow-down' /\n margin-left: -2px;\n}\n.tree-node.expanded > .tree-node-control::before {\n / This \"imprecise\" angle is a workaround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n}\n.tree-node-control:hover {\n color: #FE9915;\n}\n/ bread crumb style /\n.tree.breadcrumb > .tree-data > .tree-node,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n padding: 8px 10px;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected,\n.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected,\n.tree.breadcrumb > .tree-data > .tree-node:active,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {\n display: flex;\n}\n.tree.breadcrumb > .tree-data > .tree-node.selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n display: flex;\n cursor: default;\n}\n.tree.breadcrumb > .tree-data > .tree-node > .text,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .text {\n white-space: normal;\n}\n.tree.breadcrumb > .tree-data > .tree-node > .tree-node-control,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n display: none;\n}\n/ key handling /\n.tree-node .key-box {\n top: calc(50% - 11px);\n}\n.tree > .tree-data > .key-box {\n top: 6px;\n left: 4px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #71b0e8;\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: #71b0e8;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #252F34;\n border: 1px solid rgba(255, 255, 255, 0.12);\n padding: 6px 8px;\n}\n.default-tile.selectable:active:not(.selected),\n.default-tile.selectable.active:not(.selected) {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.default-tile.selected {\n background-color: rgba(113, 176, 232, 0.09);\n border-color: #71b0e8;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile-grid {\n padding: 6px 0;\n}\n.tile-grid:focus,\n.tile-grid.focused {\n outline: none;\n}\n.tile-grid.scrollable {\n padding-right: 15px;\n}\n.tile-grid > .tile {\n transition: opacity 250ms;\n}\n.tile-grid > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.tile-grid.loading > .tile,\n.tile-grid.loading > .scrollbar {\n opacity: 0;\n}\n.tile-grid.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.tile-grid.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.tile-grid.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.scrollable.tile-grid > .filter-field-container {\n top: calc(100% - 10px);\n left: 100%;\n}\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see TileGridLayoutConfig.js & TileGridLayoutConfig.java /\n/ --------------------------------------------------------------------------- /\n.tile-grid-layout-config {\n width: 210px;\n height: 155px;\n margin-left: 15px;\n / horizontal gap /\n margin-top: 15px;\n / vertical gap /\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile-overview {\n background-color: #1F2428;\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n.tile-overview-content {\n position: absolute;\n margin: 42px 65px;\n / for larger screens /\n}\n@media screen and (max-width: 800px) {\n .tile-overview-content {\n / for small screens /\n margin: 20px 20px 20px 23px;\n }\n}\n.tile-overview-content > .tile-grid {\n position: relative;\n margin-bottom: 30px;\n}\n.tile-overview-title {\n font-size: 32px;\n height: auto !important;\n padding-bottom: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tile-overview-title.animated {\n transition: max-height 400ms, padding-bottom 400ms;\n}\n.tile-overview-title.removed {\n max-height: 0 !important;\n padding-bottom: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile-accordion > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-bottom: 0;\n}\n.tile-accordion > .filter-field-container {\n top: calc(100% - 16px);\n}\n.scrollable.tile-accordion > .filter-field-container {\n left: 100%;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.placeholder-tile {\n background-color: rgba(255, 255, 255, 0.12);\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard {\n border: none;\n border-radius: 12px;\n color: #BFC2C3;\n --tile-background-color: #252F34;\n background-color: var(--tile-background-color);\n overflow: hidden;\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.inverted {\n box-shadow: 0 0 0 1px #252F34, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.inverted.color-alternative {\n box-shadow: 0 0 0 1px #252F34, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.dimmed-background .tile.dashboard {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.disabled,\n.dimmed-background .tile.dashboard.inverted {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n.tile.dashboard > .form-field {\n padding: 16px 20px 20px;\n / Define a short transition for opacity changes on all field elements (used in .loading state) /\n / Move part of the tile's padding (@offset) to the inner div. /\n / This makes it possible to draw the scrollbar (seemingly) outside the field. /\n / --- Special rules for specific tile fields --- /\n}\n.tile.dashboard > .form-field.label-hidden {\n padding-top: 20px;\n}\n.compact.tile.dashboard > .form-field.label-hidden {\n padding-top: 10px;\n}\n.compact.tile.dashboard > .form-field {\n padding-bottom: 10px;\n padding-left: 15px;\n padding-right: 15px;\n}\n.tile.dashboard > .form-field.no-padding {\n padding: 0;\n}\n.tile.dashboard > .form-field.no-padding > .field {\n border: 0;\n border-radius: 0;\n}\n.tile.dashboard > .form-field > label {\n color: #BFC2C3;\n margin: 0;\n font-size: 12px;\n font-weight: bold;\n padding-top: 0;\n padding-bottom: 5px;\n padding-right: 0;\n}\n.tile.dashboard > .form-field > .field {\n margin-left: 0;\n overflow: hidden;\n}\n.tile.dashboard > .form-field > .mandatory-indicator {\n display: none;\n}\n.tile.dashboard > .form-field > label,\n.tile.dashboard > .form-field > .mandatory-indicator,\n.tile.dashboard > .form-field > .field,\n.tile.dashboard > .form-field > .status {\n transition: opacity 0.15s;\n / Same time is used in animation() of .loading-indicator /\n opacity: 1;\n}\n.tile.dashboard > .form-field > .status {\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n background-color: var(--tile-background-color);\n box-shadow: 0 0 4px 4px var(--tile-background-color);\n border-radius: 50%;\n padding: 0;\n margin: 0;\n height: 24px !important;\n width: 24px !important;\n top: 12px !important;\n right: 12px !important;\n line-height: unset !important;\n}\n.tile.dashboard > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status {\n border-radius: 3px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside {\n padding-right: 3px;\n}\n.compact.tile.dashboard > .form-field.scrollbar-y-outside {\n padding-right: 0;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > label {\n margin-right: 17px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > .field {\n padding-right: 17px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > .field > .scrollbar.y-axis {\n / Remove margin top/bottom, because root-group-box already provides a padding /\n height: 100%;\n margin-top: 0;\n margin-bottom: 0;\n}\n.tile.dashboard > .form-field.browser-field > .field {\n border-radius: 0;\n}\n.tile.dashboard > .form-field.browser-field.inverted > .field {\n border: 0;\n}\n.tile.dashboard > .form-field.html-field > label,\n.tile.dashboard > .form-field.bean-field > label {\n padding-bottom: 10px;\n}\n.tile.dashboard.loading > .form-field > label,\n.tile.dashboard.loading > .form-field > .mandatory-indicator,\n.tile.dashboard.loading > .form-field > .field,\n.tile.dashboard.loading > .form-field > .status {\n / Same as 'visibility: hidden', except it can be animated with CSS transitions /\n opacity: 0;\n}\n.tile.dashboard.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.tile.dashboard.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.tile.dashboard.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.tile.dashboard.inverted {\n --tile-background-color: #252F34;\n color: #BFC2C3;\n}\n.tile.dashboard.inverted.disabled:not(.read-only) {\n --tile-background-color: rgba(255, 255, 255, 0.12);\n}\n.tile.dashboard.inverted.disabled:not(.read-only) ::-moz-selection {\n background: #71b0e8;\n color: #0E1316;\n}\n.tile.dashboard.inverted.disabled:not(.read-only) ::selection {\n background: #71b0e8;\n color: #0E1316;\n}\n.tile.dashboard.inverted ::-moz-selection {\n background: #4598e1;\n}\n.tile.dashboard.inverted ::selection {\n background: #4598e1;\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: #BFC2C3;\n}\n.tile.dashboard.inverted > .form-field .app-link,\n.tile.dashboard.inverted > .form-field a {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted > .form-field .app-link:hover,\n.tile.dashboard.inverted > .form-field a:hover {\n color: #9dc8ef;\n}\n.tile.dashboard.inverted > .form-field .app-link:active,\n.tile.dashboard.inverted > .form-field a:active {\n color: #b3d5f3;\n}\n.tile.dashboard.inverted > .form-field > .status::before {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status::before {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:active::before,\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.tile.dashboard.inverted > .form-field.has-error > .status::before {\n color: #FF8888;\n}\n.tile.dashboard.inverted > .form-field.has-error > .status:hover::before,\n.tile.dashboard.inverted > .form-field.has-error > .status:active::before,\n.tile.dashboard.inverted > .form-field.has-error > .status.selected::before {\n color: #ffbbbb;\n}\n.tile.dashboard.inverted > .form-field .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.3);\n}\n.tile.dashboard.inverted > .form-field .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.tile.dashboard.inverted > .form-field .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.45);\n}\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: rgba(255, 255, 255, 0.15);\n}\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.15);\n}\n.tile.dashboard.color-alternative {\n --tile-background-color: #252F34;\n color: #BFC2C3;\n}\n.tile.dashboard.color-alternative.disabled:not(.read-only) {\n --tile-background-color: rgba(255, 255, 255, 0.12);\n}\n.tile.dashboard.color-alternative > .form-field > label {\n color: #BFC2C3;\n}\n.tile.dashboard.color-alternative > .form-field .app-link,\n.tile.dashboard.color-alternative > .form-field a {\n color: #71b0e8;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:hover,\n.tile.dashboard.color-alternative > .form-field a:hover {\n color: #9dc8ef;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:active,\n.tile.dashboard.color-alternative > .form-field a:active {\n color: #b3d5f3;\n}\n.tile.dashboard.inverted.color-alternative {\n --tile-background-color: #252F34;\n color: #BFC2C3;\n}\n.tile.dashboard.inverted.color-alternative.disabled:not(.read-only) {\n --tile-background-color: rgba(255, 255, 255, 0.12);\n}\n.tile.dashboard.inverted.color-alternative ::-moz-selection {\n background: #71b0e8;\n color: #0E1316;\n}\n.tile.dashboard.inverted.color-alternative ::selection {\n background: #71b0e8;\n color: #0E1316;\n}\n.tile.dashboard.inverted.color-alternative > .form-field > label {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link,\n.tile.dashboard.inverted.color-alternative > .form-field a {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link:hover,\n.tile.dashboard.inverted.color-alternative > .form-field a:hover {\n color: #9dc8ef;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link:active,\n.tile.dashboard.inverted.color-alternative > .form-field a:active {\n color: #b3d5f3;\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:active::before,\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.tile.dashboard.selected {\n box-shadow: 0 0 0 2px #71b0e8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.inverted {\n --tile-background-color: #252f34;\n box-shadow: 0 0 0 2px #71b0e8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.color-alternative {\n box-shadow: 0 0 0 2px #71b0e8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.inverted.color-alternative {\n --tile-background-color: #252f34;\n box-shadow: 0 0 0 2px #71b0e8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.dimmed-background .tile.dashboard.selected {\n box-shadow: 0 0 0 2px #71b0e8, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.selected.inverted {\n box-shadow: 0 0 0 2px #71b0e8, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n.dimmed-background .tile.dashboard.selected.color-alternative {\n box-shadow: 0 0 0 2px #71b0e8, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.selected.inverted.color-alternative {\n box-shadow: 0 0 0 2px #71b0e8, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n/\n Mixing that can be used to reduce the horizontal padding.\n To ensure the label is aligned with the label from other tiles the h-padding of the label is increased.\n /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard > .tile-button {\n padding-top: 0;\n padding-bottom: 0;\n cursor: pointer;\n}\n.tile.dashboard > .tile-button > .field {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n.tile.dashboard > .tile-button > .field.with-icon {\n padding-top: 17px;\n}\n.tile.dashboard > .tile-button > .field.without-icon {\n justify-content: center;\n}\n.tile.dashboard > .tile-button > .field > .icon-container,\n.tile.dashboard > .tile-button > .field > .label {\n display: block;\n}\n.tile.dashboard > .tile-button > .field > .icon-container {\n flex-grow: 1;\n}\n.tile.dashboard > .tile-button > .field > .icon-container > .font-icon {\n font-size: 40px;\n font-weight: 300;\n color: #A7ACAD;\n}\n.tile.dashboard > .tile-button > .field > .label {\n font-size: 16px;\n max-height: 66px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.tile.dashboard > .tile-button > .field.with-icon > .label {\n padding-top: 18px;\n}\n.tile.dashboard.compact > .tile-button {\n padding-bottom: 0;\n}\n.tile.dashboard.compact > .tile-button > .field {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.tile.dashboard.compact > .tile-button > .field.with-icon {\n min-height: 100px;\n}\n.tile.dashboard.compact > .tile-button > .field > .label {\n font-size: 14px;\n padding-top: 0;\n display: -webkit-inline-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n.tile.dashboard.compact > .tile-button > .field > .icon-container > .font-icon {\n font-size: 28px;\n}\n.button-tile.dashboard {\n background-color: inherit;\n}\n.button-tile.dashboard > .tile-button {\n background-color: #252F34;\n}\n.button-tile.dashboard > .tile-button > .field > .label {\n color: #71b0e8;\n}\n.dimmed-background .button-tile.dashboard:hover {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n}\n.button-tile.dashboard:hover > .tile-button {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.button-tile.dashboard:active > .tile-button,\n.button-tile.dashboard.active > .tile-button {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.button-tile.dashboard.inverted > .tile-button {\n background-color: #252F34;\n}\n.button-tile.dashboard.inverted > .tile-button > .field > .label {\n color: #71b0e8;\n}\n.button-tile.dashboard.inverted > .tile-button > .field > .icon-container > .font-icon {\n color: #A7ACAD;\n}\n.button-tile.dashboard.inverted:hover > .tile-button {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.12);\n}\n.button-tile.dashboard.inverted:active > .tile-button,\n.button-tile.dashboard.inverted.active > .tile-button {\n background-color: rgba(255, 255, 255, 0.18);\n border-color: rgba(255, 255, 255, 0.18);\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button {\n background-color: #252F34;\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button > .field > .label {\n color: #71b0e8;\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button > .field > .icon-container > .font-icon {\n color: #A7ACAD;\n}\n.button-tile.dashboard.color-alternative.inverted:hover > .tile-button {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.12);\n}\n.button-tile.dashboard.color-alternative.inverted:active > .tile-button,\n.button-tile.dashboard.color-alternative.inverted.active > .tile-button {\n background-color: rgba(255, 255, 255, 0.18);\n border-color: rgba(255, 255, 255, 0.18);\n}\n.dimmed-background .button-tile.dashboard.disabled {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.button-tile.dashboard.disabled > .tile-button,\n.inverted.button-tile.dashboard.disabled > .tile-button,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button {\n background-color: transparent;\n border-color: transparent;\n cursor: default;\n}\n.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon,\n.inverted.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon {\n color: #7E8588;\n}\n.button-tile.dashboard.disabled > .tile-button > .field > .label,\n.inverted.button-tile.dashboard.disabled > .tile-button > .field > .label,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button > .field > .label {\n color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard > .table-field {\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 12px;\n / adjust menu bar when visible /\n}\n.tile.dashboard > .table-field > label {\n padding-left: 10px;\n padding-right: 10px;\n}\n.tile.dashboard > .table-field.label-hidden {\n padding-top: 7px;\n}\n.tile.dashboard > .table-field > label {\n padding-bottom: 10px;\n}\n.compact.tile.dashboard > .table-field {\n padding-left: 5px;\n padding-right: 5px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-left: 10px;\n padding-right: 10px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-bottom: 5px;\n}\n.tile.dashboard > .table-field.has-menubar {\n padding-bottom: 2px;\n}\n.tile.dashboard > .table-field.has-menubar > .table > .menubar.bottom {\n padding-top: 1px;\n}\n.tile.dashboard > .table-field > .table {\n border: 0;\n / see .table-row definition below /\n border-radius: 0;\n background-color: transparent;\n}\n.tile.dashboard > .table-field > .table:focus,\n.tile.dashboard > .table-field > .table.focused {\n box-shadow: none;\n}\n.tile.dashboard > .table-field > .table > .table-header {\n background-color: transparent;\n / show separator on mouseover only /\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item {\n color: #BFC2C3;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered {\n padding-right: 7px;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.halign-center {\n padding-right: 7px;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-left,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-left,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-left,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-right {\n padding-right: 11px;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item > .table-header-item-state {\n display: none;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-resize {\n display: none;\n}\n.tile.dashboard > .table-field > .table > .table-header:hover > .table-header-resize {\n display: inline-block;\n}\n.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row.selected {\n / No selection color for non-focused table tiles /\n background-color: transparent;\n}\n.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row.selected::after {\n border: 0;\n}\n.tile.dashboard > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n --scroll-shadow-color: #252F34;\n}\n.tile.dashboard > .table-field > .table > .table-data > .table-row > .table-cell,\n.tile.dashboard > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #BFC2C3;\n}\n.tile.dashboard > .table-field > .table > .menubar {\n background-color: transparent;\n}\n.tile.dashboard.inverted > .table-field > .table:focus > .table-data > .table-row.selected,\n.tile.dashboard.inverted > .table-field > .table.focused > .table-data > .table-row.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.tile.dashboard.inverted > .table-field > .table:focus > .table-data > .table-row.selected::after,\n.tile.dashboard.inverted > .table-field > .table.focused > .table-data > .table-row.selected::after {\n border-color: #71b0e8;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-item {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-resize {\n background-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row:active {\n background-color: transparent;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #BFC2C3;\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-color: #252F34;\n}\n.tile.dashboard.inverted > .table-field > .table > .menubar {\n border-top-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .menubar > .menubar-box > .menu-item {\n color: #BFC2C3;\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: rgba(113, 176, 232, 0.09);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table:focus > .table-data > .table-row.selected::after,\n.tile.dashboard.color-alternative.inverted > .table-field > .table.focused > .table-data > .table-row.selected::after {\n border-color: #71b0e8;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-item {\n color: #BFC2C3;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-resize {\n background-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row:active {\n background-color: transparent;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #BFC2C3;\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #BFC2C3;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-color: #252F34;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .menubar {\n border-top-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .menubar > .menubar-box > .menu-item {\n color: #BFC2C3;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.filter-field {\n position: absolute;\n --filter-field-height: 30px;\n --filter-field-bottom: 8px;\n --filter-field-max-bottom: calc(50% - var(--filter-field-height) / 2);\n bottom: min(var(--filter-field-bottom), var(--filter-field-max-bottom));\n right: 8px;\n height: var(--filter-field-height);\n width: 190px;\n min-width: 75px;\n max-width: 60%;\n display: flex;\n align-items: center;\n z-index: 3;\n border-radius: 3px;\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n background-color: var(--filter-field-background-color);\n opacity: 1;\n visibility: visible;\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n transition: bottom 250ms ease-in-out, right 250ms ease-in-out, height 250ms ease-in-out, width 250ms ease-in-out, min-width 250ms ease-in-out, max-width 250ms ease-in-out, box-shadow 250ms ease-in-out, opacity 250ms ease-in-out var(--filter-field-opacity-transition-delay), visibility 0s var(--filter-field-visibility-transition-delay);\n}\n:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.filter-field::before {\n content: '\\E02A';\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n bottom: calc((var(--filter-field-height) - 24px) / 2);\n right: 3px;\n height: 24px;\n width: 24px;\n opacity: 0;\n transition: bottom 250ms ease-in-out, right 250ms ease-in-out, opacity 250ms ease-in-out;\n font-size: 14px;\n color: #A7ACAD;\n border-radius: 3px;\n}\n.filter-field:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.filter-field > :not(.key-box) {\n opacity: 1;\n transition: opacity 250ms ease-in-out;\n}\n.filter-field > input {\n width: 100%;\n min-height: 100%;\n}\n.filter-field.clearable-always:not(.has-text) > .clear-icon,\n.filter-field.clearable-focused:not(.has-text):not(.focused) > .clear-icon {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n.filter-field > .clear-icon {\n display: flex;\n right: 3px;\n margin-right: 0;\n transition: right 250ms ease-in-out, opacity 250ms ease-in-out;\n}\n.filter-field > .key-box {\n top: calc(50% - 22px / 2) !important;\n}\n.filter-field:not(.focused).empty {\n --filter-field-bottom: 8px + ((var(--filter-field-height) - 24px) / 2);\n --filter-field-max-bottom: calc(50% - 24px / 2);\n right: 11px;\n height: 24px;\n width: 24px;\n min-width: 24px;\n max-width: 24px;\n box-shadow: none;\n background-color: var(--filter-field-transparent-80-background-color);\n}\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n .filter-field:not(.focused).empty {\n background-color: var(--filter-field-transparent-50-background-color);\n -webkit-backdrop-filter: blur(2px);\n backdrop-filter: blur(2px);\n }\n}\n.filter-field:not(.focused).empty::before {\n bottom: 0;\n right: 0;\n opacity: 1;\n}\n.filter-field:not(.focused).empty > :not(.key-box) {\n opacity: 0;\n}\n.filter-field:not(.focused).empty > input {\n cursor: pointer;\n}\n.filter-field:not(.focused).empty > .clear-icon {\n right: 0;\n}\n.filter-field:not(.focused).empty > .key-box.char {\n margin-left: -10px;\n margin-right: -5px;\n}\n.filter-field-container {\n position: sticky;\n --filter-field-height: 30px;\n --filter-field-container-top: calc(100% - 8px);\n --filter-field-container-min-top: calc(50% + var(--filter-field-height) / 2);\n top: max(var(--filter-field-container-top), var(--filter-field-container-min-top));\n left: calc(100% - 8px);\n width: 0;\n height: 0;\n overflow: visible;\n z-index: 3;\n --filter-field-max-width: 190px;\n}\n.filter-field-container:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 1;\n visibility: visible;\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n}\n.filter-field-container > .filter-field {\n bottom: 0;\n right: 0;\n max-width: var(--filter-field-max-width);\n}\n:not(:hover) > .filter-field-container > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.filter-field-container > .filter-field:not(.focused).empty {\n bottom: calc((var(--filter-field-height) - 24px) / 2);\n right: 3px;\n}\n@supports not (bottom: min(50%, 42px)) {\n .filter-field-container,\n .filter-field {\n display: none !important;\n / NOSONAR (!important is okay here) /\n }\n}\n.dense .filter-field,\n.dense .filter-field-container {\n --filter-field-height: 24px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.login-box-content > form > input,\n.login-box-content > form > .button {\n width: calc(100% - 40px);\n height: 40px;\n margin: 4px 20px;\n font-size: 14px;\n}\n.login-box-content > form > .button {\n margin-top: 16px;\n margin-bottom: 0;\n}\n.login-box-content > form > .message-box {\n margin: 0 20px 12px 20px;\n}\n.login-box-content > form > input.alternative:-webkit-autofill {\n / NOSONAR (for some reason, rule \"less:overqualified-elements\" is illegitimately triggered here)\n /* Improve Chrome's auto-fill style by overriding the forced yellow background and black text color. /\n / (Requires some hacks, see http://webagility.com/posts/remove-forced-yellow-input-background-in-chrome) /\n border-top-width: 0;\n padding-top: 3px;\n -webkit-box-shadow: inset 0 0 0 1000px #252F34;\n -webkit-text-fill-color: #E9EBEB !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::first-line {\n font-size: 14px;\n font-family: Arial, sans-serif;\n}\n.login-box-content > form > input.alternative:-webkit-autofill:focus {\n -webkit-text-fill-color: #71b0e8 !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::selection {\n -webkit-text-fill-color: #0E1316 !important;\n / NOSONAR (!important is okay here) /\n}\n/\n * Login button is a default button -> styles are defined in main.css.\n * Difference to regular default button is the disabled style and the ability to turn red.\n /\n.login-button.default.login-error:not(.disabled) {\n border-color: transparent;\n background-color: #FF8888;\n}\n.login-button.default.login-error:not(.disabled):hover {\n background-color: #ffa7a7;\n}\n.login-button.default.login-error:not(.disabled):active {\n background-color: #ffbbbb;\n}\n.login-button.default.login-error:not(.disabled):focus {\n outline: none;\n box-shadow: 0 0 0 3px #804444;\n border-color: #9f5555;\n}\n.login-button.default.disabled {\n color: #0E1316;\n border-color: #71b0e8;\n background-color: #71b0e8;\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(14, 19, 22, 0.8) solid;\n width: 18px;\n height: 18px;\n vertical-align: middle;\n}\n.login-body > .box-background-elements.box-background-elements-fadeout,\n.logout-body > .box-background-elements.box-background-elements-fadeout {\n -webkit-animation: nop 0.05s;\n -moz-animation: nop 0.05s;\n -o-animation: nop 0.05s;\n animation: nop 0.05s;\n}\n@media (max-width: 490px) {\n .login-box-content > form > .message-box,\n .login-box-content > form > input,\n .login-box-content > form > .button {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-bar-field > .field {\n padding-bottom: 0;\n}\n.dense .breadcrumb-bar-field > .field {\n padding-bottom: 4px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-bar {\n overflow: hidden;\n white-space: nowrap;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-item {\n display: inline-flex;\n align-items: center;\n text-align: center;\n height: 100%;\n color: #71b0e8;\n font-size: 14px;\n vertical-align: top;\n}\n.breadcrumb-item.last {\n font-weight: bold;\n}\n.breadcrumb-item:hover:not(.disabled) {\n color: #9dc8ef;\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: #E9EBEB;\n display: block;\n margin: 0 5px;\n cursor: default;\n}\n.breadcrumb-item:not(.disabled):active {\n color: #b3d5f3;\n}\n.breadcrumb-item:not(.disabled) {\n cursor: pointer;\n}\n.breadcrumb-item.disabled {\n color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ -------------------------------- /\n/ Color palette /\n/ -------------------------------- /\n/ These are new gray colors used only in dark theme /\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/ -------------------------------- /\n/ Global colors /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Component specific colors /\n/ -------------------------------- /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/\n * Copyright (c) 2023 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\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.inverted,\n.tile.dashboard.inverted.color-alternative {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.dimmed-background .tile.dashboard.inverted {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.tile.dashboard.inverted ::-moz-selection {\n background: #71b0e8;\n color: #0E1316;\n}\n.tile.dashboard.inverted ::selection {\n background: #71b0e8;\n color: #0E1316;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\nbody {\n background-color: @body-background-color;\n #scout.font-text-normal();\n height: 100%;\n width: 100%;\n margin: 0;\n overflow: hidden;\n cursor: default;\n color: @text-color;\n letter-spacing: @letter-spacing;\n #scout.user-select(none);\n //noinspection CssInvalidPropertyValue\n -moz-user-select: -moz-none;\n / Prevent mobile safari from adjusting text, due to our dynamic layouting it will be always wrong /\n -webkit-text-size-adjust: none;\n / Disable highlight color. May be enabled for specific elements if required /\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &.ios {\n / Body can be moved on ios even if it isn't scrollable. Prevent it by using position: fixed.\n Drawback: it seems something invisible happens nevertheless, actions like a button click won't be executed if the user tried to scroll right before.\n He has to wait until the invisible scrolling has finished before he can try to click the button.\n Another drawback: there is a flickering effect of labels on certain screens (e.g. beamer) with chrome when a popup (e.g. smart field popup) is shown and position is set to fixed.\n Hence it is important to only activate it on ios. /\n position: fixed;\n }\n}\n\n/ -moz variant is required, see https://bugzilla.mozilla.org/show_bug.cgi?id=509958 /\n::-moz-selection {\n #scout.text-selection();\n}\n\n::selection {\n #scout.text-selection();\n}\n\n::-webkit-input-placeholder {\n #scout.placeholder();\n}\n\n:-moz-placeholder { / older versions of firefox /\n #scout.placeholder();\n}\n\n::-moz-placeholder {\n #scout.placeholder();\n}\n\n:-ms-input-placeholder {\n #scout.placeholder();\n}\n\n::placeholder { / Most modern browsers /\n #scout.placeholder();\n}\n\n/ Hide IE decorations for text input fields: /\n/ - Clear button (\"X\"): https://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx /\n/ - Password reveal button: https://msdn.microsoft.com/en-us/library/windows/apps/hh465773.aspx /\n/ Note: Set width/height to 0 instead of \"display: none\", because of http://stackoverflow.com/a/17986002 /\n::-ms-clear {\n width: 0;\n height: 0;\n}\n\n::-ms-reveal {\n width: 0;\n height: 0;\n}\n\n.disabled {\n &::-moz-selection {\n #scout.text-selection-disabled();\n }\n\n &::selection {\n #scout.text-selection-disabled();\n }\n\n &::-webkit-input-placeholder {\n #scout.placeholder-disabled();\n / Fill color is inherited, make sure it is ignored and the current color is used instead. Needed for iOS, see usage of -webkit-text-fill-color below/\n -webkit-text-fill-color: currentcolor;\n }\n\n &:-moz-placeholder { / older versions of firefox /\n #scout.placeholder-disabled();\n }\n\n &::-moz-placeholder {\n #scout.placeholder-disabled();\n }\n\n &:-ms-input-placeholder {\n #scout.placeholder-disabled();\n }\n}\n\n/ Add this class to temporary remove an element from the document flow. /\n/ !important is used to override any specific \"display\" values (because this /\n/ call would in most cases be less specific than the element's rules). /\n.hidden {\n display: none !important; / NOSONAR (!important is okay here) /\n}\n\n/ Add this class to temporary hide (but not remove from flow) an element. Similar to \"hidden\". /\n.invisible {\n visibility: hidden !important; / NOSONAR (!important is okay here) /\n}\n\n, ::before, ::after { /* NOSONAR (universal selector is okay here) /\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n/ Workaround for firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=648624 /\n/ use -moz-none to allow child element to set -moz-user-select: text /\n/ See also: focusUtil.js, isSelectableText() /\n.table-cell,\n.table-header-item,\n.tree-node,\n.table-footer,\n.table-control,\n.table-info-item,\n.table-header-menu-group-text {\n //noinspection CssInvalidPropertyValue\n -moz-user-select: -moz-none;\n}\n\ninput,\ntextarea,\nbutton {\n #scout.font-text-normal();\n letter-spacing: @letter-spacing;\n}\n\ninput,\ntextarea,\n.input-field {\n background-color: @control-background-color;\n color: @control-color;\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n\n &.disabled {\n background-color: @control-disabled-background-color;\n border-color: @control-disabled-border-color;\n color: @control-disabled-color;\n }\n\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.has-error {\n border-color: @error-border-color;\n background-color: @error-background-color;\n }\n\n &.has-error:focus,\n &.has-error.focused {\n #scout.focus-box-shadow(@box-shadow-color: @error-focus-box-shadow-color);\n }\n\n &.read-only {\n #scout.read-only();\n }\n}\n\ntextarea.read-only {\n // full border around text area not only on the bottom, same as for alternative style\n border: 1px dashed @border-color;\n}\n\ninput[type=\"text\"].alternative,\ninput[type=\"password\"].alternative {\n / Add 1px padding to prevent the text from moving a little when field is focused due to the 2px focus border /\n padding-bottom: 1px;\n\n / Compensate padding-bottom to align input text with label on the left /\n / It won't be perfect (especially when zoomed) but should be good enough /\n padding-top: @text-field-padding-top-compensation;\n}\n\ninput.alternative,\n.input-field.alternative {\n background-color: @text-field-alternative-background-color;\n border-color: transparent;\n border-bottom-color: @text-field-alternative-border-color;\n border-radius: 0;\n border-left-width: 0;\n border-right-width: 0;\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n\n &.disabled {\n color: @disabled-color;\n border-bottom-style: dashed;\n border-bottom-color: @text-field-alternative-disabled-border-color;\n }\n\n &:focus,\n &.focused {\n color: @focus-color;\n #scout.alternative-focus-border();\n }\n\n &.has-error {\n color: @error-color;\n border-bottom-color: @error-border-color;\n }\n\n &.has-error:focus,\n &.has-error.focused {\n border-bottom-color: @error-border-color;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n }\n\n &.read-only {\n color: @read-only-color;\n }\n}\n\ninput {\n padding: 0 @text-field-padding-x;\n\n / remove platform specific styling, mainly used to remove shadow on iOS Safari /\n\n &:not([type=checkbox]):not([type=radio]) {\n -webkit-appearance: none;\n -moz-appearance: none;\n }\n\n / text inputs on Safari have 2px top and bottom margin -> remove/\n margin: 0;\n}\n\ninput,\ntextarea {\n &.disabled {\n / Only setting the color has no effect for input elements on iOS Safari -> set fill color, too /\n / It is activated for input elements only since the rule would be inherited by sub elements and therefore would change theirs colors as well /\n / Unfortunately currentcolor variable does seem to not work anymore so we have to use the less variable (somehow it still works for the placeholder) /\n -webkit-text-fill-color: @disabled-color;\n opacity: 1;\n\n &.read-only {\n -webkit-text-fill-color: @read-only-color;\n }\n\n &::selection {\n -webkit-text-fill-color: @text-selection-disabled-color;\n }\n }\n}\n\ntextarea.alternative {\n background-color: @text-field-alternative-background-color;\n\n &.disabled:not(.read-only) {\n background-color: transparent;\n border: 1px dashed @border-color;\n color: @disabled-color;\n }\n}\n\ninput[type=\"text\"],\ntextarea {\n / Explicitly set 'user-select' to something other than 'none', otherwise the focus manager /\n / might prevent text selection (scout.focusUtils.isSelectableText()). Some browsers already /\n / provide such a rule in the user style sheet, but some do not (e.g. Chrome 62). /\n #scout.user-select(text);\n}\n\ntextarea {\n / these two properties are required for FF, otherwise the editable textarea is 2px too large, /\n / and the DOM inspector does not include these 2 pixels. /\n margin: 0 auto;\n padding: @text-field-padding-y @text-field-padding-x;\n resize: none;\n / Override default overflow value 'scroll' /\n overflow: auto;\n\n / IE/Edge: show scrollbars on textarea if the content is too big to fit /\n / overflow:auto alone is not sufficient because -ms-overflow-style could be set on a parent element and textarea inherits this property /\n -ms-overflow-style: auto;\n\n / remove platform specific styling, mainly used to remove shadow on ios safari /\n -webkit-appearance: none;\n -moz-appearance: none;\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n}\n\n.input-field {\n padding: @text-field-padding-y @text-field-padding-x;\n #scout.overflow-ellipsis-nowrap();\n #scout.user-select(text);\n}\n\nbutton {\n padding: @button-padding-y @button-padding-x;\n margin: 0; / reset user agent style, e.g. on safari /\n}\n\n/ cursor handling /\n\n/ The following classes are added dynamically while dragging. !important is necessary to override /\n/ any cursor an underlying component defines while moving the mouse. /\n\n.col-resize,\n.col-resize { /* NOSONAR (universal selector is okay here) /\n cursor: col-resize !important; / NOSONAR (!important is okay here) /\n}\n\n.row-resize,\n.row-resize { /* NOSONAR (universal selector is okay here) /\n cursor: row-resize !important; / NOSONAR (!important is okay here) /\n}\n\n/ Used to temporarily disable pointer events on iframes while dragging elements /\n.dragging-in-progress {\n pointer-events: none;\n}\n\n/ remove the dotted border in firefox /\nbutton::-moz-focus-inner {\n border: 0;\n}\n\n.drag-handle {\n content: '';\n width: 100%;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n margin-top: -5px;\n cursor: move;\n z-index: 10;\n}\n\n.closer {\n #scout.font-icon();\n font-size: 17px;\n cursor: pointer;\n color: @closer-color;\n padding: 4px;\n border-radius: @border-radius;\n\n &::before {\n content: @icon-remove-bold;\n }\n\n &:hover {\n background-color: @hover-background-color;\n color: @closer-hover-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n}\n\n.save-needer {\n #scout.font-icon();\n font-size: 12px;\n color: @save-needer-color;\n\n &::before {\n content: @icon-pencil-underline-solid;\n }\n}\n\n/ Used to display errors from server when desktop is not available /\n.fatal-error {\n margin: 10px;\n #scout.user-select(text)\n}\n\n.application-loading-root {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background-color: @application-loading-background-color;\n pointer-events: none;\n\n &.fadeout {\n #scout.animation(application-loading-fade-out @loading-fade-duration linear 1 forwards);\n }\n}\n\n.keyframes-application-loading-fade-out() {\n to {\n opacity: 0;\n }\n}\n\n@-webkit-keyframes application-loading-fade-out {\n .keyframes-application-loading-fade-out();\n}\n\n@keyframes application-loading-fade-out {\n .keyframes-application-loading-fade-out();\n}\n\n.application-loading01 {\n height: @application-loading01-size;\n width: @application-loading01-size;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: 0 0 6px 3px @application-loading01-color;\n #scout.animation(pulsate 2s ease-out infinite);\n }\n}\n\n.application-loading02 {\n height: @application-loading02-size;\n width: @application-loading02-size;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: inset 0 0 4px 2px @application-loading02-color;\n #scout.animation(pulsate 2.84s ease-out infinite);\n }\n}\n\n\na,\n.link,\n.app-link {\n color: @link-color;\n text-decoration: none;\n cursor: pointer;\n\n &:hover {\n color: @link-hover-color;\n }\n\n &:active, &.active {\n color: @link-active-color;\n }\n\n &:focus {\n outline-color: @link-color;\n #scout.focus-box-shadow();\n }\n}\n\n.font-icon {\n #scout.font-icon();\n}\n\n.white-space-nowrap {\n #scout.white-space-nowrap();\n}\n\n.startup-error {\n #scout.user-select(text);\n #scout.drop-shadow();\n margin: 100px 50px;\n padding: 20px;\n border: 1px solid @error-border-color;\n background-color: @error-background-color;\n border-radius: @border-radius-large;\n}\n\n.startup-error-title {\n font-weight: bold;\n padding-bottom: 10px;\n}\n\n/ --- z-index --- /\n/ Rule: All child elements of .scout get the same z-index 0 assigned. This spawns a new stacking context for each /\n/ of these elements (iff they are \"positioned\"). To bring a new element to the top, add it to the end of the list. /\n/ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context /\n.scout > .desktop-navigation,\n.scout > .desktop-header,\n.scout > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .popup-window,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .notifications {\n z-index: 0;\n}\n\nnoscript {\n display: block;\n\n & > .wrapper > .box-content > h1 {\n #scout.font-text-normal(bold);\n }\n}\n\n/ Internet explorer applies the -ms-user-select setting: none (inherited from body) also to iframe contents.\n * Other browsers do not, websites within an iframe should decide on their own if they are selectable (or not).\n * Reset to default.\n /\niframe {\n //noinspection CssInvalidPropertyValue\n -ms-user-select: element;\n}\n\n.error-popup-correlation-id {\n #scout.user-select(text);\n #scout.font-text-small();\n color: @disabled-color;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n#scout {\n\n .vendor(@property, @value) {\n -webkit-@{property}: @value;\n -moz-@{property}: @value;\n -ms-@{property}: @value;\n -o-@{property}: @value;\n @{property}: @value;\n }\n\n .glow(@color, @radius: 5px) {\n box-shadow: 0 0 @radius @color;\n }\n\n .inner-glow(@color, @radius: 4px) {\n box-shadow: inset 0 0 @radius @color;\n }\n\n .drop-shadow(@x: 0px, @y: @drop-shadow-y, @blur: @drop-shadow-blur, @spread: 0px, @alpha: @drop-shadow-alpha) {\n box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);\n }\n\n .double-drop-shadow(@x1: 0, @y1: 0, @blur1: 0, @spread1: 0, @color1: @palette-black, @x2: 0px, @y2: 6px, @blur2: 13px, @spread2: 0px, @alpha2: @drop-shadow-alpha) {\n box-shadow: @x1 @y1 @blur1 @spread1 @color1, @x2 @y2 @blur2 @spread2 rgba(0, 0, 0, @alpha2);\n }\n\n .drop-shadow-large(@x: 0px, @y: @drop-shadow-large-y, @blur: @drop-shadow-large-blur, @spread: 0px, @alpha: @drop-shadow-large-alpha) {\n #scout.drop-shadow(@x, @y, @blur, @spread, @alpha);\n }\n\n .focus-border(@box-shadow-size: @focus-box-shadow-size, @box-shadow-color: @focus-box-shadow-color, @border-color: @focus-box-shadow-border-color) {\n #scout.focus-box-shadow(@box-shadow-size, @box-shadow-color);\n border-color: @border-color;\n }\n\n .no-focus-border() {\n outline: none;\n border: 0;\n box-shadow: 0 0 0 0;\n }\n\n .focus-box-shadow(@box-shadow-size: @focus-box-shadow-size, @box-shadow-color: @focus-box-shadow-color) {\n outline: none;\n box-shadow: 0 0 0 @box-shadow-size @box-shadow-color;\n }\n\n .focus-inset-box-shadow() {\n outline: none;\n box-shadow: inset 0 0 0 @focus-box-shadow-size @focus-box-shadow-color;\n }\n\n .focus-box-shadow-transition() {\n transition: box-shadow 0.3s ease;\n }\n\n .alternative-focus-border() {\n border-bottom-color: @focus-border-color;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n }\n\n .inverted-bottom-round-edge(@border-radius: 12px, @color: #ffffff) {\n @border-width: 5px;\n\n --color: @color; // Allows to change color only\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -@border-width;\n height: @border-radius;\n width: @border-radius;\n box-sizing: content-box;\n border: @border-width solid var(--color);\n border-top: none;\n\n &.left {\n left: -@border-radius;\n border-bottom-right-radius: @border-radius+@border-width;\n border-left: none;\n }\n\n &.right {\n right: -@border-radius;\n border-bottom-left-radius: @border-radius+@border-width;\n border-right: none;\n }\n }\n\n .transform(@args) {\n -webkit-transform: @args;\n -ms-transform: @args;\n transform: @args;\n }\n\n .transform-origin(@args) {\n -webkit-transform-origin: @args;\n -moz-transform-origin: @args;\n -ms-transform-origin: @args;\n transform-origin: @args;\n }\n\n .text-selection() {\n background: @text-selection-background-color;\n color: @text-selection-color;\n }\n\n .text-selection-disabled() {\n background: @text-selection-disabled-background-color;\n color: @text-selection-disabled-color;\n }\n\n .placeholder() {\n color: @text-field-placeholder-color;\n opacity: 1; / necessary for firefox /\n }\n\n .placeholder-disabled() {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: fade(@disabled-color, 50%);\n }\n\n .fake-placeholder() {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n #scout.placeholder();\n content: attr(placeholder);\n }\n\n .overlay(@left: 0, @top: 0, @diffW: 0, @diffH: 0) {\n position: absolute;\n content: '';\n left: @left;\n top: @top;\n width: calc(~'100% + ' @diffW);\n height: calc(~'100% + ' @diffH);\n }\n\n / Use dashed line instead of solid to avoid visual conflict with editable fields /\n .read-only() {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px @border-color;\n color: @read-only-color;\n }\n\n .value-field-with-icon(@className: ~'.icon') {\n\n &.focused > @{className}::before,\n &.focused > .field > @{className}::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error > @{className}::before,\n &.has-error > .field > @{className}::before,\n &.has-error > .field > @{className}::before {\n color: @text-field-icon-error-color;\n }\n\n &.disabled > @{className},\n &.disabled > .field > @{className},\n &.compact > @{className},\n &.compact > .field > @{className} {\n display: none;\n }\n\n &.alternative.has-error:focus > .field > @{className}::before,\n &.alternative.has-error.focused > .field > @{className}::before {\n color: @text-field-icon-error-color;\n }\n }\n\n .status {\n display: flex;\n align-items: center;\n\n &::before {\n #scout.font-icon();\n font-size: @status-font-icon-size;\n border-radius: @control-border-radius;\n width: @field-status-size;\n height: @field-status-size;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n .menu-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-ellipsis-v;\n color: @status-menu-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-menu-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-menu-hover-color;\n }\n }\n\n .tooltip-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-info;\n color: @status-info-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-info-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-info-hover-color;\n }\n }\n\n .info-status {\n #scout.tooltip-status();\n }\n\n .ok-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-info;\n color: @status-ok-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-ok-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-ok-hover-color;\n }\n }\n\n .warning-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-error;\n color: @status-warning-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-warning-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-warning-hover-color;\n }\n }\n\n .error-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-error;\n color: @status-error-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-error-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-error-hover-color;\n }\n }\n\n .loading-indicator(@loading-animation-size: 30px, @border-width: 1px) {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -(@loading-animation-size / 2);\n margin-left: -(@loading-animation-size / 2);\n #scout.animation(fade-in 0.15s);\n #scout.loading-indicator-before(@loading-animation-size, @border-width);\n\n &.animate-remove {\n #scout.animation(fade-out-from-current 0.15s);\n }\n }\n\n .loading-indicator-before(@loading-animation-size: 30px, @border-width: 1px) {\n\n &::before {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: @border-width fade(@busyindicator-color, 80%) solid;\n width: @loading-animation-size;\n height: @loading-animation-size;\n }\n }\n\n .loading-indicator-knight-rider() {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n height: 2px;\n width: 100%;\n opacity: 0;\n animation: fade-in 1s forwards, slideout-right 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n\n &::before {\n animation: slideout-left 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n content: '';\n position: absolute;\n background: linear-gradient(to right, transparent 0%, @loading-indicator-knight-rider-color 20%, @loading-indicator-knight-rider-color 80%, transparent 100%);\n left: 0;\n width: 50px;\n height: 100%;\n }\n }\n\n .user-select(@mode) {\n -webkit-user-select: @mode;\n -moz-user-select: @mode;\n -ms-user-select: @mode;\n user-select: @mode;\n }\n\n .overflow-ellipsis() {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .overflow-ellipsis-nowrap() {\n #scout.overflow-ellipsis();\n white-space: nowrap;\n }\n\n .overflow-nowrap() {\n overflow: hidden;\n white-space: nowrap;\n }\n\n .white-space-nowrap() {\n white-space: nowrap;\n }\n\n // Can be used in a before or after element to enlarge a text to a size it would have if it was bold\n .bold-text-enlarger() {\n content: attr(data-text);\n display: block;\n font-weight: @title-font-weight;\n visibility: hidden;\n height: 0;\n }\n\n .triangle-top-left(@size, @color) {\n width: 0;\n height: 0;\n border-style: solid;\n border-width: @size @size 0 0;\n #scout.triangle-top-left-color(@color);\n }\n\n .triangle-top-left-color(@color) {\n border-color: @color transparent transparent transparent;\n }\n\n .item-selection-border(@border-color: @item-selection-nonfocus-border-color) {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: @item-selection-border-width solid @border-color;\n border-radius: @control-border-radius;\n pointer-events: none;\n }\n\n / Font Mixins /\n\n .font-text-small(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-small;\n }\n\n .font-text-normal(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-normal;\n }\n\n .font-text-plus(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-plus;\n }\n\n .font-text-large(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-large;\n }\n\n .font-icon() {\n font-family: scoutIcons, @font-default-family;\n font-weight: @font-weight-normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .submenu-icon() {\n #scout.font-icon();\n font-size: 16px;\n }\n\n .submenu-icon-open() {\n #scout.transform(rotateX(180deg) translateY(-1px));\n }\n\n / Invisible pseudo element that enables vertical-align if container has height set /\n .vertical-align-helper(@minHeight: 0) {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: @minHeight;\n }\n\n .vertical-align-helper-before(@minHeight: 0) {\n &::before {\n #scout.vertical-align-helper(@minHeight);\n }\n }\n\n .vertical-align-helper-after(@minHeight: 0) {\n &::after {\n #scout.vertical-align-helper(@minHeight);\n }\n }\n\n //noinspection CssInvalidPropertyValue\n .cursor-grab {\n / \"grab\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: grab;\n }\n\n //noinspection CssInvalidPropertyValue\n .cursor-grabbing {\n / \"grabbing\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: grabbing;\n }\n\n / Mixin for chooser popups as used in smart-field /\n\n .chooser-popup {\n position: absolute;\n overflow: hidden;\n #scout.control-popup();\n\n &.touch {\n background-color: @table-header-background-color;\n }\n }\n\n .backdrop-filter(@background-color, @backdrop-filter, @fallback-background-color) {\n background-color: @fallback-background-color; // For browsers that don't support backdrop-filter\n\n @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n background-color: @background-color;\n -webkit-backdrop-filter: @backdrop-filter;\n backdrop-filter: @backdrop-filter;\n }\n }\n\n .popup {\n background-color: @popup-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-radius: @popup-border-radius;\n #scout.drop-shadow-large();\n }\n\n .popup-backdrop-filter() {\n #scout.backdrop-filter(@background-color: @popup-backdrop-background-color, @backdrop-filter: @popup-backdrop-filter, @fallback-background-color: @popup-background-color);\n }\n\n // Second layer popups that are normally a little smaller than the other popups\n .popup-2(@border-radius: @border-radius-medium) {\n background-color: @popup-2-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-radius: @border-radius;\n #scout.drop-shadow-large();\n }\n\n .popup-2-backdrop-filter() {\n #scout.backdrop-filter(@background-color: @popup-2-backdrop-background-color, @backdrop-filter: @popup-2-backdrop-filter, @fallback-background-color: @popup-2-background-color);\n }\n\n .control-popup() {\n #scout.popup-2(@control-border-radius);\n margin: @control-popup-margin;\n }\n\n / Mixin for scrollbar positioning /\n .scrollbar-y-padding(@padding: @scrollbar-side-padding, @padding-hover: @scrollbar-side-padding-hover) {\n & > .scrollbar-thumb.y-axis {\n padding-left: @padding;\n }\n\n &:hover.y-axis > .scrollbar-thumb.y-axis,\n &.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: @padding-hover;\n }\n }\n\n .scrollbar-x-padding(@padding: @scrollbar-side-padding, @padding-hover: @scrollbar-side-padding-hover) {\n & > .scrollbar-thumb.x-axis {\n padding-top: @padding;\n }\n\n &:hover.x-axis > .scrollbar-thumb.x-axis,\n &.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: @padding-hover;\n }\n }\n\n /\n * Hides the scrollbars but lets the user still scroll (e.g. using mousewheel or touch).\n * This works a bit different for every browser.\n /\n\n .hide-scrollbars {\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none;\n\n / Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width /\n scrollbar-width: none;\n }\n\n /\n Uses the inverted colors of the scrollbars. Use this mixin in a widget that requires inverted scrollbars (e.g. a widget with white background in dark mode).\n /\n\n .inverted-scrollbars {\n & > .scrollbar > .scrollbar-thumb {\n & > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-color;\n }\n\n &.scrollbar-thumb-move > .scrollbar-thumb-handle,\n &:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-hover-color;\n }\n\n &.container-too-small-for-thumb > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-small-color;\n }\n\n &.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n &.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-small-hover-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n#scout {\n / args = keyframeName, timingFunction, iterationCount /\n .animation(@args) {\n -webkit-animation: @args;\n -moz-animation: @args;\n -o-animation: @args;\n animation: @args;\n }\n\n .animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n -moz-animation-duration: @duration;\n -o-animation-duration: @duration;\n animation-duration: @duration;\n }\n\n .animation-name(@name) {\n -webkit-animation-name: @name;\n -moz-animation-name: @name;\n -o-animation-name: @name;\n animation-name: @name;\n }\n\n .animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n -moz-animation-delay: @delay;\n -o-animation-delay: @delay;\n animation-delay: @delay;\n }\n\n .animation-fill-mode(@fillMode) {\n -webkit-animation-fill-mode: @fillMode;\n -moz-animation-fill-mode: @fillMode;\n -o-animation-fill-mode: @fillMode;\n animation-fill-mode: @fillMode;\n }\n\n .animation-timing-function(@timingFunction) {\n -webkit-animation-timing-function: @timingFunction;\n -moz-animation-timing-function: @timingFunction;\n -o-animation-timing-function: @timingFunction;\n animation-timing-function: @timingFunction;\n }\n\n .animation-iteration-count(@iterationCount) {\n -webkit-animation-iteration-count: @iterationCount;\n -moz-animation-iteration-count: @iterationCount;\n -o-animation-iteration-count: @iterationCount;\n animation-iteration-count: @iterationCount;\n }\n\n / Fade In /\n\n .keyframes-fade-in() {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @-webkit-keyframes fade-in {\n .keyframes-fade-in()\n }\n @keyframes fade-in {\n .keyframes-fade-in()\n }\n\n / Fade Out /\n\n .keyframes-fade-out() {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n\n @-webkit-keyframes fade-out {\n .keyframes-fade-out();\n }\n @keyframes fade-out {\n .keyframes-fade-out();\n }\n\n / Fade In from current /\n\n .keyframes-fade-in-from-current() {\n to {\n opacity: 1;\n }\n }\n\n @-webkit-keyframes fade-in-from-current {\n .keyframes-fade-in-from-current()\n }\n @keyframes fade-in-from-current {\n .keyframes-fade-in-from-current()\n }\n\n / Fade Out from current /\n\n .keyframes-fade-out-from-current() {\n to {\n opacity: 0;\n }\n }\n\n @-webkit-keyframes fade-out-from-current {\n .keyframes-fade-out-from-current();\n }\n @keyframes fade-out-from-current {\n .keyframes-fade-out-from-current();\n }\n\n / Fade with Short Drop /\n\n .keyframes-short-drop() {\n 0% {\n #scout.transform(translateY(-40px));\n }\n 40% {\n #scout.transform(translateY(7px));\n }\n 100% {\n #scout.transform(translateY(0));\n }\n }\n\n @-webkit-keyframes short-drop {\n .keyframes-short-drop();\n }\n @keyframes short-drop {\n .keyframes-short-drop();\n }\n\n / Fade out and shrink with blur /\n\n .keyframes-fadeout-shrink-blur() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n }\n\n @-webkit-keyframes fadeout-shrink-blur {\n .keyframes-fadeout-shrink-blur();\n }\n @keyframes fadeout-shrink-blur {\n .keyframes-fadeout-shrink-blur();\n }\n\n / Fade out and shrink /\n\n .keyframes-fadeout-shrink() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n }\n\n @-webkit-keyframes fadeout-shrink {\n .keyframes-fadeout-shrink();\n }\n @keyframes fadeout-shrink {\n .keyframes-fadeout-shrink();\n }\n\n / Fade out and grow with blur /\n\n .keyframes-fadeout-grow-blur() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n }\n\n @-webkit-keyframes fadeout-grow-blur {\n .keyframes-fadeout-grow-blur();\n }\n @keyframes fadeout-grow-blur {\n .keyframes-fadeout-grow-blur();\n }\n\n / Fade out and grow /\n\n .keyframes-fadeout-grow() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n }\n\n @-webkit-keyframes fadeout-grow {\n .keyframes-fadeout-grow();\n }\n @keyframes fadeout-grow {\n .keyframes-fadeout-grow();\n }\n\n / Fade in and grow with blur /\n\n .keyframes-fadein-grow-blur() {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n }\n\n @-webkit-keyframes fadein-grow-blur {\n .keyframes-fadein-grow-blur();\n }\n @keyframes fadein-grow-blur {\n .keyframes-fadein-grow-blur();\n }\n\n / Fade in and grow /\n\n .keyframes-fadein-grow() {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n }\n\n @-webkit-keyframes fadein-grow {\n .keyframes-fadein-grow();\n }\n @keyframes fadein-grow {\n .keyframes-fadein-grow();\n }\n\n / Slide In Bottom \n Moves the element into screen from bottom up /\n\n .keyframes-slidein-bottom() {\n 0% {\n #scout.transform(translateY(100%));\n }\n }\n\n @-webkit-keyframes slidein-bottom {\n .keyframes-slidein-bottom();\n }\n @keyframes slidein-bottom {\n .keyframes-slidein-bottom();\n }\n\n /* Slide Out Bottom \n Moves the element out of bottom screen border /\n\n .keyframes-slideout-bottom() {\n 100% {\n #scout.transform(translateY(100%));\n }\n }\n\n @-webkit-keyframes slideout-bottom {\n .keyframes-slideout-bottom();\n }\n @keyframes slideout-bottom {\n .keyframes-slideout-bottom();\n }\n\n /* Slide Out Right \n Moves the element out of right screen border /\n\n .keyframes-slideout-right() {\n 100% {\n #scout.transform(translateX(100%));\n }\n }\n\n @-webkit-keyframes slideout-right {\n .keyframes-slideout-right();\n }\n @keyframes slideout-right {\n .keyframes-slideout-right();\n }\n\n /* Slide Out Left \n Moves the element out of left screen border /\n\n .keyframes-slideout-left() {\n 100% {\n #scout.transform(translateX(-100%));\n }\n }\n\n @-webkit-keyframes slideout-left {\n .keyframes-slideout-left();\n }\n @keyframes slideout-left {\n .keyframes-slideout-left();\n }\n\n /* Grow Y \n Scales the element along the y axis until 1. Expects the element to be scaled (e.g. scaleY(0)) when the animation starts.\n To create a slide down animation (as known from jQuery) set transform-origin to top. /\n\n .keyframes-grow-y() {\n 100% {\n #scout.transform(scaleY(1));\n }\n }\n\n @-webkit-keyframes grow-y {\n .keyframes-grow-y();\n }\n @keyframes grow-y {\n .keyframes-grow-y();\n }\n\n\n /* Shrink Y \n Shrinks the element along the y axis until 0/\n\n .keyframes-shrink-y() {\n 100% {\n #scout.transform(scaleY(0));\n }\n }\n\n @-webkit-keyframes shrink-y {\n .keyframes-shrink-y();\n }\n @keyframes shrink-y {\n .keyframes-shrink-y();\n }\n\n /* Fade In Zoom /\n\n .keyframes-fadein-zoom() {\n 0% {\n opacity: 0;\n #scout.transform(scale(0.75, 0.75));\n }\n 100% {\n opacity: 1;\n #scout.transform(scale(1, 1));\n }\n }\n\n @-webkit-keyframes fadein-zoom {\n .keyframes-fadein-zoom();\n }\n @keyframes fadein-zoom {\n .keyframes-fadein-zoom();\n }\n\n / Fade In Zoom Bounce /\n\n .keyframes-fadein-zoom-bounce() {\n 0% {\n opacity: 0;\n #scout.transform(scale(0.75, 0.75));\n }\n 65% {\n opacity: 1;\n #scout.transform(scale(1.02, 1.02));\n }\n 100% {\n #scout.transform(scale(1, 1));\n }\n }\n\n @-webkit-keyframes fadein-zoom-bounce {\n .keyframes-fadein-zoom-bounce();\n }\n @keyframes fadein-zoom-bounce {\n .keyframes-fadein-zoom-bounce();\n }\n\n / Rotation /\n\n .keyframes-rotation () {\n 0% {\n #scout.transform(rotate(0deg));\n }\n 100% {\n #scout.transform(rotate(359deg));\n }\n }\n\n @-webkit-keyframes rotation {\n .keyframes-rotation();\n }\n @keyframes rotation {\n .keyframes-rotation();\n }\n\n / Rotation-Reverse /\n\n .keyframes-rotation-reverse () {\n 0% {\n #scout.transform(rotate(-0deg));\n }\n 100% {\n #scout.transform(rotate(-359deg));\n }\n }\n\n @-webkit-keyframes rotation-reverse {\n .keyframes-rotation-reverse();\n }\n @keyframes rotation-reverse {\n .keyframes-rotation-reverse();\n }\n\n / Pulse Opacity /\n\n .keyframes-pulse-opacity () {\n 0% {\n opacity: 1.0;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1.0;\n }\n }\n\n @-webkit-keyframes pulse-opacity {\n .keyframes-pulse-opacity();\n }\n @keyframes pulse-opacity {\n .keyframes-pulse-opacity();\n }\n\n / Pulsate /\n\n .keyframes-pulsate () {\n 0% {\n #scout.transform(scale(0.25));\n opacity: 0.35;\n }\n 45% {\n opacity: 1.0;\n }\n 96% {\n #scout.transform(scale(1.2));\n opacity: 0.2;\n }\n 100% {\n #scout.transform(scale(1.2));\n opacity: 0.04;\n }\n }\n\n @-webkit-keyframes pulsate {\n .keyframes-pulsate();\n }\n @keyframes pulsate {\n .keyframes-pulsate();\n }\n\n / Pulsate Reverse /\n\n .keyframes-pulsate-reverse () {\n 0% {\n #scout.transform(scale(1.2));\n opacity: 0.0;\n }\n 50% {\n opacity: 1.0;\n }\n 100% {\n #scout.transform(scale(0.1));\n opacity: 0.0;\n }\n }\n\n @-webkit-keyframes pulsate-reverse {\n .keyframes-pulsate-reverse();\n }\n @keyframes pulsate-reverse {\n .keyframes-pulsate-reverse();\n }\n\n / Pulsate In-Out /\n\n .keyframes-pulsate-in-out () {\n 0% {\n #scout.transform(scale(1));\n opacity: 1.0;\n }\n 50% {\n #scout.transform(scale(0.1));\n opacity: 0.01;\n }\n 100% {\n #scout.transform(scale(1));\n opacity: 1.0;\n }\n }\n\n @-webkit-keyframes pulsate-in-out {\n .keyframes-pulsate-in-out();\n }\n @keyframes pulsate-in-out {\n .keyframes-pulsate-in-out();\n }\n\n / Attention /\n\n .keyframes-attention () {\n 0% {\n #scout.transform(scale3d(1, 1, 1));\n }\n 10% {\n #scout.transform(scale3d(1.1, 1.1, 1.1));\n }\n 20% {\n #scout.transform(scale3d(1, 1, 1));\n }\n 100% {\n #scout.transform(scale3d(1, 1, 1));\n }\n }\n\n @-webkit-keyframes attention {\n .keyframes-attention();\n }\n @keyframes attention {\n .keyframes-attention();\n }\n\n / Rotate-X /\n\n .keyframes-rotate-x () {\n 0% {\n #scout.transform(perspective(120px) rotateY(0deg));\n }\n 50% {\n #scout.transform(perspective(120px) rotateY(-180.0deg));\n }\n 100% {\n #scout.transform(perspective(120px) rotateY(-360deg));\n }\n }\n\n @-webkit-keyframes rotate-x {\n .keyframes-rotate-x();\n }\n @keyframes rotate-x {\n .keyframes-rotate-x();\n }\n\n / Animate Dot /\n\n .keyframes-animate-dot () {\n 0% {\n color: @text-color;\n bottom: 0;\n }\n 25% {\n color: @palette-gray-5;\n bottom: 4px;\n }\n 50% {\n color: @text-color;\n bottom: 0;\n }\n 100% {\n color: @text-color;\n bottom: 0;\n }\n }\n\n @-webkit-keyframes animateDot {\n .keyframes-animate-dot();\n }\n @keyframes animateDot {\n .keyframes-animate-dot();\n }\n\n / Shake /\n\n .animation-shake() {\n #scout.transform-origin(50% 50%);\n #scout.animation-name(shake);\n #scout.animation-duration(0.2s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(linear);\n }\n\n .keyframes-shake() {\n 0% {\n #scout.transform(translate(2px, 1px) rotate(0deg));\n }\n 10% {\n #scout.transform(translate(-1px, -2px) rotate(-1deg));\n }\n 20% {\n #scout.transform(translate(-3px, 0) rotate(1deg));\n }\n 30% {\n #scout.transform(translate(0, 2px) rotate(0deg));\n }\n 40% {\n #scout.transform(translate(1px, -1px) rotate(1deg));\n }\n 50% {\n #scout.transform(translate(-1px, 2px) rotate(-1deg));\n }\n 60% {\n #scout.transform(translate(-3px, 1px) rotate(0deg));\n }\n 70% {\n #scout.transform(translate(2px, 1px) rotate(-1deg));\n }\n 80% {\n #scout.transform(translate(-1px, -1px) rotate(1deg));\n }\n 90% {\n #scout.transform(translate(2px, 2px) rotate(0deg));\n }\n 100% {\n #scout.transform(translate(1px, -2px) rotate(-1deg));\n }\n }\n\n @-webkit-keyframes shake {\n .keyframes-shake();\n }\n @keyframes shake {\n .keyframes-shake();\n }\n}\n\n/ NOP (no operation, may be used to temporarily set css properties while the animation runs, e.g. using a transition) /\n\n.keyframes-nop () {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@-webkit-keyframes nop {\n .keyframes-nop();\n}\n\n@keyframes nop {\n .keyframes-nop();\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.action {\n cursor: pointer;\n\n &:hover {\n color: @hover-color;\n }\n\n &:active {\n color: @active-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: @button-color;\n background-color: @button-background-color;\n --border-color: @button-border-color;\n border: 1px solid var(--border-color);\n border-radius: @button-border-radius;\n cursor: pointer;\n padding: @button-padding-y @button-padding-x;\n\n &.borderless {\n background-color: transparent;\n border: 0;\n\n &:focus {\n #scout.focus-inset-box-shadow();\n }\n }\n\n & > .text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n }\n\n & > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n\n &.with-label {\n margin-right: 8px;\n }\n\n &.loading,\n &.broken {\n .hidden();\n }\n\n &.image-icon {\n max-height: 100%;\n }\n }\n\n & > .font-icon {\n font-size: @button-font-icon-size;\n }\n\n & > .submenu-icon {\n #scout.submenu-icon();\n padding-left: 8px;\n\n .selected& {\n #scout.submenu-icon-open();\n }\n }\n\n & > .button-label,\n & > .icon,\n & > .submenu-icon {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n\n &:hover {\n color: @button-hover-color;\n background-color: @hover-background-color;\n }\n\n &:active, &.active {\n color: @button-active-color;\n background-color: @button-active-background-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n\n &:hover {\n background-color: @selected-hover-background-color;\n border-color: @selected-hover-background-color;\n }\n\n &.active, &:active {\n background-color: @selected-active-background-color;\n border-color: @selected-active-background-color;\n }\n\n &.has-popup {\n color: @button-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n\n &:focus {\n #scout.focus-border();\n }\n\n &.default {\n background-color: @default-button-background-color;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: @default-button-background-color;\n color: @default-button-color;\n\n &:hover {\n background-color: @default-button-hover-background-color;\n border-color: @default-button-hover-background-color;\n }\n\n &:active, &.active {\n color: @default-button-color;\n background-color: @default-button-active-background-color;\n border-color: @default-button-active-background-color;\n }\n\n &.selected {\n color: @default-button-color;\n background-color: @default-button-selected-background-color;\n border-color: @default-button-selected-background-color;\n }\n\n &:focus {\n #scout.focus-border();\n }\n }\n\n &:disabled,\n &.disabled {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n cursor: default;\n\n &:hover, &.active, &:active, &.selected {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-disabled-background-color;\n border-color: @selected-disabled-background-color;\n\n &.has-popup {\n color: @button-disabled-color;\n background-color: @selected-with-popup-background-color;\n border-color: @selected-with-popup-background-color;\n }\n }\n }\n\n &.loading {\n & > .button-label,\n & > .icon,\n & > .submenu-icon {\n opacity: 0;\n transition: opacity @loading-fade-duration;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator(20px);\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/\n Used for static pages like login, logout, unsupported-browser and noscript section.\n * Note: This box must not depend on javascript because it is used for the noscript section as well.\n /\n@box-responsive-width: @box-width + 40px;\n\n.box {\n display: table;\n position: absolute;\n height: 75%;\n width: 100%;\n margin: @box-margin-y 0;\n\n & > .wrapper {\n display: table-cell;\n vertical-align: middle;\n }\n}\n\n.box-content {\n border: @popup-border-width solid @popup-border-color;\n border-radius: @border-radius-large;\n background-color: @popup-background-color;\n max-width: @box-width;\n margin: 0 auto;\n padding: 45px 95px 50px 95px;\n #scout.drop-shadow(0, 20px, 50px, 0, 0.2);\n font-size: @box-font-size;\n\n & > .header {\n text-align: center;\n\n & > .logo {\n margin-top: 4px;\n margin-bottom: 40px;\n max-height: 30px;\n }\n }\n\n &.small > .header > .logo {\n max-width: 50%;\n }\n\n & > .button-bar {\n padding-top: 32px;\n text-align: center;\n\n & > .button {\n padding: 7px @button-padding-x;\n font-size: @box-font-size;\n }\n }\n\n &.centered {\n text-align: center;\n }\n}\n\n@media (max-width: @box-responsive-width) {\n .box-content {\n & > .header > .logo {\n margin-bottom: 30px;\n margin-top: 0;\n }\n\n padding: 40px;\n margin-left: 10px;\n margin-right: 10px;\n }\n}\n\n@media (max-height: 400px) {\n .box-content {\n & > .header > .logo {\n margin-bottom: 20px;\n margin-top: 0;\n }\n\n padding-top: 25px;\n padding-bottom: 25px;\n }\n}\n\n@media (max-height: 700px) {\n .box {\n height: calc(~'100% - ' @box-margin-y 2);\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.box-buttons {\n\n & > .box-button {\n padding: 6px 16px;\n #scout.overflow-ellipsis-nowrap();\n margin-right: 16px;\n min-width: 104px;\n }\n\n & > .box-button:last-child {\n margin-right: 0;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.check-box {\n #scout.checkbox();\n\n &:focus {\n #scout.focus-border();\n }\n\n &.checked {\n #scout.checkbox-checked();\n }\n\n &.undefined {\n #scout.checkbox-undefined();\n }\n\n &.disabled {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &.undefined {\n #scout.checkbox-undefined-disabled();\n }\n }\n}\n\n#scout {\n\n .checkbox() {\n cursor: pointer;\n position: relative;\n display: inline-block;\n text-align: center;\n width: @check-box-size;\n height: @check-box-size;\n border: @check-box-border-width solid @check-box-border-color;\n border-radius: @check-box-border-radius;\n background-color: @control-background-color;\n }\n\n .checkbox-checked() {\n background-color: @check-box-checked-background-color;\n border-color: @check-box-checked-border-color;\n color: @check-box-checked-color;\n\n &::before {\n position: absolute;\n display: block;\n line-height: @check-box-size;\n width: @check-box-size - 2 @check-box-border-width;\n #scout.font-icon();\n content: @icon-checked-bold;\n font-size: 11px;\n }\n }\n\n .checkbox-disabled() {\n cursor: default;\n border-color: @check-box-disabled-border-color;\n }\n\n .checkbox-checked-disabled {\n background-color: @check-box-checked-disabled-background-color;\n border-color: @check-box-checked-disabled-background-color;\n }\n\n .checkbox-undefined() {\n background-color: @check-box-checked-background-color;\n border-color: @check-box-checked-border-color;\n\n &::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: @check-box-checked-color;\n }\n }\n\n .checkbox-undefined-disabled() {\n background-color: @check-box-checked-disabled-background-color;\n border-color: @check-box-checked-disabled-background-color;\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.calendar-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.calendar {\n white-space: nowrap;\n padding-left: 0;\n}\n\n.calendar-scrollable-components {\n height: 100%;\n}\n\n.calendar-header {\n position: relative;\n display: block;\n white-space: nowrap;\n padding: 8px @root-group-box-padding-right 12px 0;\n\n & > .busyindicator-label {\n display: table-cell;\n vertical-align: middle;\n text-indent: 0;\n }\n\n &.mobile {\n padding-right: @calendar-padding-right-mobile;\n }\n}\n\n.calendar-header-row {\n display: table;\n width: 100%;\n\n &.last {\n padding-top: 10px;\n }\n}\n\n.calendar-range {\n display: table-cell;\n vertical-align: middle;\n padding-left: 8px;\n width: 1%;\n}\n\n.calendar-previous,\n.calendar-today,\n.calendar-next {\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n height: @calendar-header-button-height;\n color: @text-color;\n background-color: @button-background-color;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n margin-right: 5px;\n line-height: @calendar-header-button-height - 1px;\n\n &:hover {\n color: @hover-color;\n }\n}\n\n.calendar-today {\n padding-left: 15px;\n padding-right: 15px;\n}\n\n.calendar-title {\n display: table-cell;\n vertical-align: middle;\n color: @calendar-title-color;\n\n .calendar-header-row.last > & {\n text-align: center;\n }\n}\n\n.calendar-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n\n.calendar-previous:hover::before,\n.calendar-next:hover::before {\n color: @hover-color;\n}\n\n.calendar-previous::before {\n .calendar-icon(@icon-angle-left, 20px);\n}\n\n.calendar-next::before {\n .calendar-icon(@icon-angle-right, 20px);\n}\n\n.calendar-commands {\n display: table-cell;\n vertical-align: middle;\n text-align: right;\n white-space: nowrap;\n}\n\n.calendar-mode,\n.calendar-toggle-year,\n.calendar-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: @calendar-header-button-height;\n line-height: @calendar-header-button-height - 1px;\n cursor: pointer;\n}\n\n.calendar-mode {\n padding: 0 8px;\n min-width: 65px;\n\n border-top: 1px solid @control-border-color;\n border-bottom: 1px solid @control-border-color;\n border-left: 1px solid @control-border-color;\n\n &.first {\n border-left: 1px solid @control-border-color;\n border-top-left-radius: @button-border-radius;\n border-bottom-left-radius: @button-border-radius;\n }\n\n &.last {\n border-right: 1px solid @control-border-color;\n border-top-right-radius: @button-border-radius;\n border-bottom-right-radius: @button-border-radius;\n margin-right: 5px;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &.selected {\n color: @calendar-mode-selected-color;\n background-color: @calendar-mode-selected-background-color;\n }\n}\n\n.calendar-mode-menu {\n padding: 5px 12px;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n}\n\n.calendar-toggle-year,\n.calendar-toggle-list {\n margin-left: 5px;\n\n &:hover::before {\n color: @hover-color;\n }\n}\n\n.calendar-toggle-year::before {\n .calendar-icon(@icon-calendar, 18px);\n}\n\n.calendar-toggle-list::before {\n .calendar-icon(@icon-list, 18px);\n}\n\n.calendar-component {\n display: flex;\n flex-direction: row;\n position: relative;\n float: left;\n line-height: 24px;\n height: 24px;\n min-height: 20px;\n width: calc(~'100% - ' @calendar-component-margin-left);\n text-align: left;\n color: @calendar-component-color;\n\n &:not(.component-task):not(.component-month) {\n border-bottom: 2px solid transparent;\n }\n\n & > .content {\n #scout.overflow-ellipsis();\n\n & > .icon {\n padding-right: 3px;\n font-size: 14px;\n display: inline-block;\n min-width: 20px;\n }\n\n & > .subject {\n vertical-align: top;\n }\n }\n\n & > .calendar-component-leftcolorborder {\n flex-shrink: 0;\n top: 0;\n left: 0;\n width: 4px;\n margin-right: 4px;\n background-color: @palette-blue-1; / Default colors used when component has no specific class /\n }\n\n / Default colors used when component has no specific class /\n background-color: @palette-blue-0;\n\n &:hover {\n background-color: @palette-blue-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-blue-3;\n }\n }\n\n &.comp-selected {\n background-color: @palette-blue-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-blue-3;\n }\n }\n\n / Colors for type Appointment /\n\n &.calendar-appointment {\n background-color: @palette-orange-0;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-2;\n }\n\n &:hover {\n background-color: @palette-orange-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-3;\n }\n }\n\n &.comp-selected {\n background-color: @palette-orange-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-3;\n }\n }\n }\n\n / Colors for type Task /\n\n &.calendar-task {\n background-color: @palette-green-0;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-2;\n }\n\n &:hover {\n background-color: @palette-green-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-2;\n }\n }\n\n &.comp-selected {\n background-color: @palette-green-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-3;\n }\n }\n }\n}\n\n.widget-popup > .calendar-component-tooltip-content.tooltip-content {\n padding: 0;\n #scout.font-text-normal();\n max-width: 300px;\n max-height: 500px;\n}\n\n.calendar-component-header {\n padding: 18px 18px 10px 18px;\n background-color: @table-header-background-color;\n\n &:not(.with-description) {\n padding-bottom: 18px;\n }\n}\n\n.calendar-component-title-label {\n color: @top-label-color;\n font-size: @top-label-font-size;\n padding-bottom: @top-label-border-padding-bottom;\n}\n\n.calendar-component-title {\n font-weight: bold;\n font-size: @font-size-plus;\n}\n\n.calendar-component-intro {\n font-size: 11px;\n margin-top: 9px;\n color: @calendar-component-intro-color;\n\n & > .icon {\n padding-right: 9px;\n display: inline-block;\n font-size: 12px;\n line-height: 15px;\n min-width: 27px;\n text-align: center;\n vertical-align: middle;\n }\n}\n\n.calendar-component-description-container {\n padding: 10px 18px 18px 18px;\n}\n\n.calendar-component-description-element {\n\n display: flex;\n align-items: center;\n\n & > .icon {\n padding-right: 9px;\n display: inline-block;\n min-width: 27px;\n vertical-align: top;\n text-align: center;\n }\n\n & > .text {\n display: inline-block;\n vertical-align: top;\n }\n\n &:not(.first) {\n padding-top: 10px;\n border-top: 1px solid @tooltip-border-color;\n }\n\n &:not(.last) {\n padding-bottom: 10px;\n }\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 & > .content {\n width: 100%;\n white-space: normal;\n line-height: normal;\n }\n }\n}\n\n.calendar-list-title {\n position: relative;\n width: calc(~'100% - 10px');\n height: @calendar-title-height;\n line-height: @calendar-title-height;\n font-weight: bold;\n color: @text-color;\n\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: @border-color;\n }\n}\n\n.calendar-grids {\n display: inline-block;\n vertical-align: top;\n overflow: hidden;\n}\n\n.calendar-grid {\n display: block;\n height: calc(~'100% - 25px');\n padding-right: @root-group-box-padding-right;\n\n & + .scroll-shadow {\n --scroll-shadow-inset-right: @root-group-box-padding-right;\n }\n\n &.mobile {\n padding-right: @calendar-padding-right-mobile;\n\n & + .scroll-shadow {\n --scroll-shadow-inset-right: @calendar-padding-right-mobile;\n }\n }\n}\n\n.calendar-grid.calendar-grid-short {\n height: calc(~'100% - 105px');\n}\n\n.calendar-top-grid {\n display: block;\n overflow: hidden;\n border-bottom: 1px solid @border-color;\n height: 105px;\n margin-right: @root-group-box-padding-right;\n\n &.calendar-top-grid-short {\n height: 25px;\n }\n\n &.mobile {\n margin-right: @calendar-padding-right-mobile;\n }\n}\n\n.calendar-week-header,\n.calendar-week {\n display: block;\n width: 100%;\n white-space: nowrap;\n}\n\n.calendar-week-allday-container,\n.calendar-week-allday-container > .calendar-week-name {\n height: 80px;\n}\n\n.calendar-week-allday-container > .calendar-day {\n padding-top: 30px; // for the day-of-month number\n}\n\n.calendar-week-header,\n.calendar-week-header > .calendar-day-name,\n.calendar-week-header > .calendar-week-name {\n height: @calendar-title-height;\n}\n\n.calendar-week {\n position: relative;\n}\n\n.calendar-week-name {\n width: @calendar-week-name-width;\n}\n\n.calendar-day-name,\n.calendar-week-name,\n.calendar-day {\n position: relative;\n display: inline-block;\n overflow: hidden;\n z-index: 1; / draw over grid /\n}\n\n.calendar-day {\n padding: 0;\n\n &:not(.calendar-no-label)::before {\n position: absolute;\n content: attr(data-day-name);\n color: @calendar-day-color;\n left: 7px;\n top: 7px;\n z-index: 1; / draw over calendar items /\n }\n\n &.out {\n background-color: @calendar-out-background-color;\n\n &::before {\n color: @calendar-out-color;\n }\n }\n\n &.weekend::before {\n color: @calendar-weekend-color;\n }\n\n &.weekend-out {\n background-color: @calendar-weekend-out-background-color;\n\n &::before {\n color: @calendar-weekend-out-color;\n }\n }\n\n &.now::before {\n color: @highlight-color;\n font-weight: bold;\n }\n\n / helps to center days between 10 and 19 nicer /\n\n &.selected.center-nice::before {\n padding-right: 2px;\n }\n\n & .calendar-component {\n margin-left: @calendar-component-margin-left;\n margin-bottom: 1px;\n margin-top: 1px;\n\n &.component-month.compact {\n top: 30px;\n margin-left: 0;\n width: 100%;\n }\n\n &.component-day,\n &.component-task {\n position: absolute;\n word-break: break-all;\n left: 0;\n margin: 0;\n width: 100%;\n height: 24px;\n line-height: 24px;\n }\n\n &.component-open-top {\n overflow: visible;\n padding-top: 10px;\n\n / Compensate for open top padding /\n\n & > .calendar-component-leftcolorborder {\n height: calc(~'100% + 10px');\n top: -10px;\n position: relative;\n }\n\n &::before {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(~'50% - 8px');\n top: -8px;\n transform: rotate(45deg);\n background-color: @background-color;\n }\n }\n\n &.component-open-bottom {\n overflow: visible;\n border-bottom: none; / Compensate for calendar-component border /\n\n &::after {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(~'50% - 8px');\n bottom: -8px;\n transform: rotate(45deg);\n background-color: inherit;\n }\n }\n }\n}\n\n.calendar-day.selected.now::before {\n left: 4px;\n top: 3px;\n font-weight: normal;\n border: solid 4px @highlight-inverted-background-color;\n border-radius: 50%;\n background-color: @highlight-inverted-background-color;\n color: @palette-white;\n}\n\n.calendar-day.selected::before {\n text-align: center;\n left: 4px;\n top: 3px;\n width: @calendar-day-selected-circle-size;\n height: @calendar-day-selected-circle-size;\n border: solid 4px @calendar-day-selected-background-color;\n border-radius: 50%;\n background-color: @calendar-day-selected-background-color;\n color: @calendar-day-selected-color;\n}\n\n\n.calendar-week-name {\n font-size: 11px;\n color: @calendar-week-axis-color;\n padding-top: 9px;\n text-align: center;\n}\n\n.calendar-day::after,\n.calendar-day-name::after {\n position: absolute;\n width: 1px;\n height: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-week:not(.calendar-week-noborder)::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-day-name::before {\n position: absolute;\n content: attr(data-day-name);\n color: @calendar-day-color;\n left: 7px;\n bottom: 0;\n z-index: 1; / draw over calendar items /\n line-height: @calendar-title-height;\n}\n\n.calendar-week-axis {\n position: absolute;\n left: @calendar-week-name-width - @calendar-week-axis-overlap;\n width: calc(~'100% - @{calendar-week-name-width} + @{calendar-week-axis-overlap}');\n\n &:not(.first) {\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n content: '';\n background-color: @calendar-light-line-color;\n }\n\n &.hour::after {\n background-color: @calendar-line-color;\n }\n\n &::before {\n position: absolute;\n font-size: 12px;\n left: -35px;\n top: -8px;\n color: @calendar-week-axis-color;\n content: attr(data-axis-name);\n }\n }\n}\n\n.calendar-week-task {\n position: relative;\n left: 0;\n width: 100%;\n}\n\n.calendar-week-task::after {\n position: relative;\n height: 1px;\n width: 100%;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-week-task::before {\n position: absolute;\n font-size: 11px;\n top: 28px;\n left: 7px;\n color: @calendar-week-axis-color;\n content: attr(data-axis-name);\n}\n\n.calendar-range-selector {\n background-color: @selected-background-color;\n position: absolute;\n opacity: 0.3;\n width: 100%;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.year-panel-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n overflow: hidden;\n position: relative;\n}\n\n.year-panel-title {\n position: relative;\n margin-left: 10px;\n width: calc(~'100% - 40px');\n height: @calendar-title-height;\n white-space: nowrap;\n\n & > .year-title-item {\n display: inline-block;\n padding-right: 15px;\n line-height: @calendar-title-height;\n color: @year-panel-title-item-color;\n cursor: pointer;\n font-weight: bold;\n\n &.selected {\n color: @text-color;\n cursor: default;\n }\n\n &:hover {\n color: @text-color;\n }\n }\n\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: @border-color;\n }\n}\n\n.year-panel-list {\n position: relative;\n width: 180px;\n margin-left: 10px;\n height: calc(~'100% - ' @calendar-title-height);\n overflow: hidden;\n\n & > .year-month {\n margin-top: 18px;\n margin-bottom: 8px;\n position: relative;\n padding-top: 20px;\n padding-right: 15px;\n float: left;\n width: 180px;\n\n & > .year-day {\n position: relative;\n float: left;\n width: 23px;\n text-align: right;\n color: @text-color;\n height: @year-panel-day-height;\n padding-right: 5px;\n line-height: @year-panel-day-line-height;\n cursor: pointer;\n\n &.year-hover {\n background-color: @year-panel-range-hover-background-color;\n }\n\n &.year-range {\n background-color: @year-panel-range-background-color;\n }\n\n &.year-range-day {\n background-color: @year-panel-range-day-background-color;\n color: @selected-color;\n }\n\n &.year-hover-day {\n background-color: @year-panel-range-day-background-color;\n color: @selected-color;\n }\n }\n }\n\n & > .year-month::before {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n content: attr(data-title);\n font-weight: bold;\n color: @text-color;\n }\n\n & > .year-month::after {\n position: absolute;\n bottom: 0;\n right: 19px;\n height: calc(~'100% - 20px');\n width: 26%;\n content: '';\n background-color: @year-panel-weekend-background-color;\n opacity: 0.10;\n pointer-events: none;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.date-picker-popup {\n position: absolute;\n width: 290px;\n #scout.control-popup();\n overflow: hidden;\n}\n\n.date-picker {\n position: relative;\n\n &.touch-only :not(.selected):not(.disabled):not(:active):hover {\n // Disable sticky hover effect on touch devices\n background-color: inherit;\n }\n}\n\n.date-picker-scrollable {\n position: relative;\n width: 100%;\n}\n\n.date-picker-month-box {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n\n.date-picker-month {\n width: 100%;\n padding: 0 @date-picker-month-padding @date-picker-month-padding @date-picker-month-padding;\n}\n\n.date-picker-weekdays {\n color: @date-picker-weekday-color;\n font-weight: @font-weight-bold;\n display: flex;\n justify-content: space-between;\n}\n\n.date-picker-weekday {\n display: inline-flex;\n height: @date-picker-header-height;\n width: @date-picker-day-size;\n margin: @date-picker-day-margin;\n justify-content: center;\n padding-top: 7px;\n}\n\n.date-picker-week {\n display: flex;\n justify-content: space-between;\n}\n\n.date-picker-day {\n display: inline-flex;\n width: @date-picker-day-size;\n height: @date-picker-day-size;\n margin: @date-picker-day-margin;\n border-radius: @date-picker-day-border-radius;\n justify-content: center;\n align-items: center;\n\n &.date-picker-out, &.date-picker-out-weekend {\n color: @date-picker-out-color;\n }\n\n &.date-picker-day-weekend-separator {\n margin-left: 5px;\n }\n\n &.date-picker-now {\n color: @date-picker-now-color;\n font-weight: @font-weight-bold;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n }\n }\n\n &.preselected {\n background-color: @date-picker-day-preselected-background-color;\n }\n\n &:hover {\n background-color: @date-picker-day-hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @date-picker-day-selected-color;\n background-color: @date-picker-day-selected-background-color;\n font-weight: @font-weight-bold;\n\n &.date-picker-now > .text {\n border-bottom-color: @date-picker-day-selected-color;\n }\n }\n\n &.disabled {\n color: @date-picker-day-disabled-color;\n background-color: inherit;\n }\n}\n\n.date-picker-header {\n padding: 17px 10px 14px 10px;\n}\n\n.date-picker-separator {\n position: absolute;\n top: 98px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid @date-picker-separator-color;\n}\n\n.date-picker-weekend-separator {\n position: absolute;\n top: @date-picker-header-height + @date-picker-day-margin;\n height: calc(100% - @date-picker-month-padding - @date-picker-header-height - @date-picker-day-margin - @date-picker-day-margin);\n width: 0;\n border-right: 1px @date-picker-separator-color solid;\n}\n\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 18px;\n line-height: 30px;\n margin-top: @text-margin-top;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n width: 26px;\n height: 26px;\n margin: 3px 2px 6px 2px;\n padding-top: 4px;\n color: @date-picker-arrow-color;\n border-radius: @border-radius;\n display: flex;\n justify-content: center;\n cursor: pointer;\n #scout.font-icon();\n font-size: 17px;\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n}\n\n.date-picker-left-y {\n float: left;\n margin-left: 5px;\n}\n\n.date-picker-left-m {\n float: left;\n}\n\n.date-picker-left-y::before {\n content: @icon-angle-double-left;\n}\n\n.date-picker-left-m::before {\n content: @icon-angle-left;\n}\n\n.date-picker-right-y {\n float: right;\n margin-right: 7px;\n}\n\n.date-picker-right-m {\n float: right;\n}\n\n.date-picker-right-y::before {\n content: @icon-angle-double-right;\n}\n\n.date-picker-right-m::before {\n content: @icon-angle-right;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n\n &:focus {\n outline: none;\n }\n\n &.has-navigation-handle > .splitter {\n height: calc(~'100% - 50px');\n }\n\n &.in-background {\n // Necessary for the rounded top left border of the bench\n background-color: @desktop-navigation-body-in-background-background-color;\n }\n}\n\n/ \"Open URI\" related rules /\n\n.download-frame {\n position: fixed;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n visibility: hidden;\n / Do _not_ use 'display: none', because that seems to interrupt the download in Safari /\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-logo {\n position: absolute;\n top: 0;\n right: 0;\n margin: 16px;\n background-color: @desktop-logo-background-color;\n\n &.clickable {\n cursor: pointer;\n }\n\n & > .image {\n height: @desktop-logo-height;\n // If logo is larger than @desktop-logo-width, the items on the left will be moved correctly, but only after logo is loaded, so the shift may be visible to the user.\n // In order to have a proper layout from the beginning, set the @desktop-logo-width to the actual logo with\n min-width: @desktop-logo-min-width;\n border: 1px solid @desktop-logo-background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.dense {\n\n / FormField.less /\n\n .form-field {\n & > label {\n padding-top: 4px; / @borderless-field-padding-y; /\n padding-bottom: 4px; / @borderless-field-padding-y; /\n }\n }\n\n / SmartField.less /\n\n .smart-field,\n .smart-field.read-only,\n .smart-field.alternative {\n & > .field > .multiline-lines {\n line-height: 15px;\n padding-top: 2px; / padding: 3px @text-field-padding-x; /\n padding-bottom: 2px;\n }\n }\n\n .proposal-chooser {\n & > .active-filter,\n & > .status {\n height: @logical-grid-row-height;\n }\n\n & > .active-filter > .radiobutton-group {\n height: @logical-grid-row-height;\n\n & > .radiobutton-group-body {\n height: @logical-grid-row-height;\n }\n }\n }\n\n / MenuBar.less /\n\n .menubar:not(.main-menubar) {\n & > .menubar-box {\n & > .menu-item,\n & > .combo-menu > .menu-item {\n padding-top: 3px; / @menubar-item-padding-y; /\n padding-bottom: 3px; / @menubar-item-padding-y; /\n\n / By making sure menu items are always at least the same height as form fields, it is easier to align them with each other, especially when zoomed /\n min-height: @logical-grid-row-height-dense; / @logical-grid-row-height; /\n }\n\n & > .menu-button,\n & > .combo-menu > .menu-button {\n padding-top: 2px;\n padding-bottom: 2px;\n }\n\n & > .combo-menu {\n padding: 0;\n }\n\n & > .form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n }\n\n / GroupBox.less /\n\n .group-box-header {\n margin-top: 6px; / @group-box-title-margin-top; /\n\n & > .title {\n padding-top: 6px; / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 6px;\n }\n }\n\n .group-box-body {\n padding-top: 10px; / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 8px;\n\n / redefine /\n\n &.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n\n / TabBox.less /\n\n .tab-box-header {\n margin-top: 6px; / @group-box-title-margin-top; /\n }\n\n .tab-item {\n & > .title {\n padding-top: 6px; / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 6px;\n }\n }\n\n .overflow-tab-item.menu-item {\n padding-top: 4px; / padding: @tab-item-title-padding-top - 2px @tab-item-padding-x - 8px @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\n }\n\n / TableHeader.less /\n\n .table-header-item {\n margin-top: 2px; / margin: @table-header-item-margin-y @table-header-item-margin-x /\n margin-bottom: 2px;\n min-height: 24px; / min-height: @table-header-item-min-height; /\n }\n\n .table-header-resize {\n padding-top: 4px; / 8px 8px; /\n padding-bottom: 4px;\n }\n\n / Table.less /\n\n .table,\n .detail-table.table {\n --table-row-padding-y: 4px;\n }\n\n .table-cell {\n\n &.table-node {\n\n & > .table-row-control {\n / padding: @table-row-padding-y 8px @table-row-padding-y @table-row-control-padding-left; /\n padding-top: 6px;\n }\n }\n }\n\n / TableFooter.less /\n\n .table-control-resize {\n height: 12px;\n }\n\n / DesktopBench.less /\n\n .detail-table.table {\n & > .table-header {\n & > .table-header-item {\n margin-top: 2px;\n margin-bottom: 2px;\n min-height: 24px;\n }\n }\n }\n\n / ContextMenuPopup.less /\n\n .context-menu {\n & > .menu-item,\n & > .combo-menu > .menu-item {\n padding-top: 6px; / padding: 11px 15px; /\n padding-bottom: 6px;\n }\n\n & > .combo-menu {\n padding: 0;\n }\n }\n\n / CheckBoxField.less /\n\n .check-box-field > .field {\n padding-top: 2px; / padding: 6px 0; /\n padding-bottom: 2px;\n }\n\n / main.less /\n\n .input-field {\n padding-top: 2px; / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 2px;\n }\n\n / Button /\n\n .button-field > .button {\n padding-top: 0; / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n min-height: @logical-grid-row-height-dense;\n\n & > .icon {\n padding-top: 0; / padding-top: 2px; /\n padding-bottom: 0; / padding-bottom: 2px; /\n }\n }\n\n / RadioButton.less /\n\n .radio-button > .field {\n padding-top: 2px; / padding: 6px 0; /\n padding-bottom: 2px;\n\n & > .label {\n padding-top: 1px; / padding-top: @radio-button-label-padding-top; /\n }\n }\n\n / LabelField.less /\n\n .label-field > .field {\n padding-top: 2px; / padding-top: @borderless-field-padding-y; /\n padding-bottom: 2px; / padding-bottom: @borderless-field-padding-y; /\n }\n\n / Tree.less /\n\n .tree-node {\n padding-top: 3px; / padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left; /\n padding-bottom: 3px;\n }\n\n .tree-node-control {\n padding-top: 4px;\n padding-bottom: 3px;\n }\n\n / Outline.less /\n\n .outline.tree {\n & > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n padding-top: 6px; / padding-top: @outline-node-padding-y; /\n padding-bottom: 6px; / padding-bottom: @outline-node-padding-y; /\n\n & > .tree-node-control {\n padding-top: 6px; / padding-top: @outline-node-control-padding-y; /\n }\n }\n }\n }\n\n / ValueField.less /\n\n .value-field {\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n / Mainly necessary if label is invisible or on top and use ui height is set -> Makes sure the status is aligned and inputs are always the same height/\n min-height: @logical-grid-row-height-dense;\n }\n }\n\n / TagBar.less /\n\n .tag-element,\n .overflow-icon {\n height: 20px; / @tag-field-tag-height /\n line-height: 20px; / @tag-field-tag-height /\n margin-top: 0; / margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0; /\n }\n\n / use default margin in the overflow popup, otherwise the tags sit on each other /\n\n .tag-overflow-popup > .popup-body {\n & > .tag-element {\n margin-top: @tag-field-tag-margin-y;\n }\n }\n\n / TagField.less /\n\n .tag-field {\n & > .field {\n & > input {\n padding-bottom: 1px;\n }\n }\n }\n\n / BreadcrumbItem.less /\n\n .breadcrumb-item {\n font-size: @font-size-normal;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-bench-drop-shadow() {\n content: '';\n position: absolute;\n top: @desktop-bench-drop-shadow-top;\n left: 0;\n width: 10px;\n height: calc(~'100% - ' @desktop-bench-drop-shadow-top);\n box-shadow: -8px 0 10px 0 @desktop-bench-drop-shadow-color;\n clip-path: polygon(-100% 0, 200% 0, 200% 200%, -100% 200%);\n}\n\n.desktop-bench {\n position: absolute;\n top: 0;\n background-color: @desktop-bench-background-color;\n border-left: @desktop-bench-border-left-width solid @border-color;\n\n .navigation-invisible > & {\n border-left: 0;\n }\n\n &.drop-shadow {\n border-left: 0;\n\n .desktop-bench-drop-shadow();\n\n .desktop:not(.first-tab-selected):not(.navigation-invisible):not(.view-tab-area-in-bench) > & {\n border-top-left-radius: @desktop-bench-drop-shadow-border-top-left-radius;\n overflow: hidden;\n }\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\n }\n\n & > .bench-column > .simple-tab-box > .simple-tab-area {\n background-color: @desktop-bench-tab-area-background-color;\n\n &::before {\n // Hide line on the bottom because tab itself does not have a border\n display: none;\n }\n\n & > .desktop-tab {\n &.last > .edge.right {\n z-index: 0; // Don't draw over view area / splitter on the right\n }\n\n & > .sub-title {\n color: @simple-tab-sub-title-color;\n }\n\n & > .status-container > .save-needer {\n color: @desktop-tab-selected-save-needer-color;\n }\n }\n\n &:not(.overflown) > .desktop-tab.last {\n margin-right: 0;\n }\n }\n\n / Make some space for the navigation handle (when the navigation is closed /\n / Only do it if detail-table is at the bottom left corner /\n\n &.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {\n margin-left: @detail-table-footer-with-handle-margin-left;\n\n & > .table-control.selected {\n border-left-color: @border-color;\n }\n }\n\n & > .splitter.x-axis {\n margin-left: -7px;\n margin-right: -7px;\n }\n\n &.outline-content-has-dimmed-background {\n background-color: @dimmed-background-color;\n }\n}\n\n.detail-table.table {\n --table-row-margin-x: @detail-table-row-margin-x;\n --table-row-padding-y: @detail-table-row-padding-y;\n --table-aggregate-row-padding-y-small: @detail-table-aggregate-padding-y-small;\n --table-aggregate-row-padding-y-large: @detail-table-aggregate-padding-y-large;\n\n &:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n #scout.loading-indicator(@busyindicator-large-size, @busyindicator-large-border-width);\n }\n\n & > .table-header {\n background-color: @detail-table-header-background-color;\n border-bottom-color: @detail-table-header-border-color;\n\n & > .table-header-item {\n padding-top: @detail-table-header-item-padding-y;\n padding-bottom: @detail-table-header-item-padding-y;\n margin-top: @detail-table-header-item-margin-top;\n margin-bottom: @detail-table-header-item-margin-bottom;\n }\n\n & > .menubar-container > .menubar > .menubar-box > .menu-item.last {\n margin-right: 12px;\n }\n }\n\n & > .table-footer {\n background-color: @detail-table-footer-background-color;\n }\n\n & > .table-data {\n & > .scrollbar {\n #scout.scrollbar-x-padding(4px, 2px);\n }\n\n & + .scroll-shadow {\n .scroll-shadow.large();\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@scrollbar-size-transition-speed: 125ms;\n\n.scrollbar {\n position: absolute;\n z-index: 1;\n cursor: pointer;\n overflow: hidden;\n transition: opacity 250ms; / Scrollbars are hidden in hybrid mode, see Scrollbar#onTouchStart /\n\n #scout.scrollbar-y-padding();\n #scout.scrollbar-x-padding();\n\n &.y-axis {\n height: calc(~'100% - ' 2 @scrollbar-margin);\n width: @scrollbar-size;\n margin-top: @scrollbar-margin;\n margin-bottom: @scrollbar-margin;\n\n &.borderless {\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &.x-axis {\n width: calc(~'100% - ' 2 * @scrollbar-margin);\n height: @scrollbar-size;\n margin-left: @scrollbar-margin;\n margin-right: @scrollbar-margin;\n\n &.borderless {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n}\n\n.scrollbar-thumb-handle {\n height: 100%;\n border-radius: 4px;\n background-color: @scrollbar-thumb-color;\n\n &.clipped-left {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &.clipped-right {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.clipped-top {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &.clipped-bottom {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.y-axis {\n width: @scrollbar-thumb-size;\n top: 0;\n transition: width @scrollbar-size-transition-speed;\n\n .scrollbar:hover > .scrollbar-thumb > &,\n .scrollbar-thumb-move > & {\n width: @scrollbar-thumb-hover-size;\n }\n }\n\n &.x-axis {\n height: @scrollbar-thumb-size;\n left: 0;\n transition: height @scrollbar-size-transition-speed;\n\n .scrollbar:hover > .scrollbar-thumb > &,\n .scrollbar-thumb-move > & {\n height: @scrollbar-thumb-hover-size;\n }\n }\n}\n\n.scrollbar-thumb {\n cursor: pointer;\n position: absolute;\n\n &.y-axis {\n width: @scrollbar-size;\n top: 0;\n transition: padding-left @scrollbar-size-transition-speed;\n }\n\n &.x-axis {\n height: @scrollbar-size;\n left: 0;\n transition: padding-top @scrollbar-size-transition-speed;\n }\n}\n\n.scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-hover-color;\n}\n\n.container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: @scrollbar-thumb-small-color;\n}\n\n.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-small-hover-color;\n}\n\n.hybrid-scrollable {\n #scout.hide-scrollbars();\n}\n\n.scroll-shadow {\n transition: box-shadow 250ms;\n position: absolute;\n pointer-events: none;\n z-index: 1; // ensure shadow lays over elements having a z-index\n\n #scout.scroll-shadow();\n\n &.gradient {\n --scroll-shadow-color: @scroll-shadow-gradient-color;\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n }\n\n &.large {\n --scroll-shadow-size: @scroll-shadow-size-large;\n --scroll-shadow-blur: @scroll-shadow-size-large;\n --scroll-shadow-spread: @scroll-shadow-size-large;\n }\n}\n\n#scout {\n .scroll-shadow() {\n --scroll-shadow-color: @scroll-shadow-color;\n --scroll-shadow-size: @scroll-shadow-size;\n --scroll-shadow-blur: @scroll-shadow-blur;\n --scroll-shadow-spread: @scroll-shadow-spread;\n\n // Allow a widget to adjust the size of the shadow container\n --scroll-shadow-inset-top: 0;\n --scroll-shadow-inset-right: 0;\n --scroll-shadow-inset-bottom: 0;\n --scroll-shadow-inset-left: 0;\n\n --scroll-shadow-blur-spread-color: var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);\n --scroll-shadow-top: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-bottom: inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-left: inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-right: inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-none: inset 0 0 0 0 transparent;\n\n @scroll-shadow-top: var(--scroll-shadow-top);\n @scroll-shadow-bottom: var(--scroll-shadow-bottom);\n @scroll-shadow-left: var(--scroll-shadow-left);\n @scroll-shadow-right: var(--scroll-shadow-right);\n @scroll-shadow-none: var(--scroll-shadow-none);\n\n &.top {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-none;\n\n &.bottom {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n }\n }\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-left;\n }\n }\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-none;\n }\n }\n\n &.bottom {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-none;\n }\n }\n\n &.left {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-left;\n }\n\n &.bottom {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n }\n }\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-none;\n }\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.group {\n position: relative;\n}\n\n.group-header {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 0;\n cursor: pointer;\n color: @group-header-color;\n\n &:focus {\n outline: none;\n }\n\n &.disabled {\n cursor: default;\n }\n\n &.loading {\n & > .loading-indicator {\n #scout.loading-indicator(16px);\n left: inherit;\n right: 0;\n }\n }\n}\n\n.group-title {\n font-size: @font-size-plus;\n font-weight: @font-weight-bold;\n #scout.overflow-ellipsis-nowrap();\n\n .group-header:focus > & {\n color: @focus-color;\n text-decoration: underline;\n }\n}\n\n.group-title-suffix {\n margin-left: 8px;\n font-size: @font-size-plus;\n}\n\n.group-icon.with-title {\n margin-right: 8px;\n}\n\n.group-collapse-icon {\n / Set to same height as before element to prevent header from getting larger /\n height: @font-size-large;\n transition: transform 0.3s;\n margin-right: 8px;\n margin-top: @group-collapse-icon-margin-top; / since icon height is reduced it needs to be moved up a little to center it again /\n\n &::before {\n #scout.font-icon();\n content: @icon-angle-down;\n font-size: @font-size-large;\n }\n\n &.collapsed {\n #scout.transform(rotate(-90deg));\n }\n}\n\n.group-header.collapse-right {\n & > .group-title {\n flex-grow: 1;\n }\n\n & > .group-title-suffix {\n text-align: right;\n }\n\n & > .group-collapse-icon {\n transition: transform 0s;\n margin-right: 0;\n margin-left: 8px;\n margin-top: 0;\n\n &::before {\n content: @icon-angle-down;\n }\n\n &.collapsed {\n #scout.transform(rotatex(180deg));\n }\n }\n}\n\n.group.collapse-bottom {\n & > .group-header.custom-header-widget {\n cursor: default;\n }\n\n & > .group-body {\n margin-bottom: 0;\n }\n\n & > .group-footer {\n display: flex;\n\n .collapsible& {\n cursor: pointer;\n }\n\n & > .group-collapse-border {\n flex-grow: 1;\n margin-top: 8px;\n margin-bottom: 8px;\n border-style: solid;\n border-width: 0 0 1px 0;\n border-color: @border-color;\n }\n\n & > .group-collapse-icon {\n transition: transform 0s;\n margin: 0;\n\n &::before {\n content: @icon-angle-up;\n padding: 0 4px;\n }\n\n &.collapsed {\n #scout.transform(rotatex(180deg));\n }\n }\n\n &:hover > .group-collapse-icon::before {\n color: @highlight-color;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab-box {\n position: absolute;\n min-width: @bench-view-min-width;\n min-height: @bench-view-min-height;\n\n & > .simple-tab-area {\n position: relative;\n height: @desktop-header-height;\n\n / Has the same effect as \"border-bottom: 1px solid @border-color\", but is over-drawable by child /\n / elements (such as the selected view-tab). The border would not be, because of \"overflow: hidden\". /\n\n &::before {\n content: '';\n background-color: @border-color;\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(~'100% - 1px');\n left: 0;\n }\n }\n\n & > .tab-content {\n height: 100%;\n background-color: @background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab-area {\n position: absolute;\n top: 0;\n white-space: nowrap;\n display: flex;\n\n & > .simple-overflow-tab-item {\n border-right: 1px solid @border-color;\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n min-width: 30px;\n background-color: @simple-tab-background-color;\n text-align: center;\n cursor: pointer;\n\n &::after {\n #scout.font-icon();\n content: @icon-angle-down;\n }\n }\n\n &.spread-even {\n &:not(.overflown) {\n & > .simple-tab {\n flex-grow: 1;\n\n &.last {\n border-right-width: 0;\n }\n }\n }\n\n & > .simple-overflow-tab-item {\n border-right-width: 0;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding: @simple-tab-padding;\n background-color: @simple-tab-background-color;\n border-right: 1px solid @border-color;\n cursor: pointer;\n width: 120px;\n min-width: 60px;\n\n & > .title-line {\n display: flex;\n align-items: center;\n overflow: hidden;\n\n .closable& {\n margin-right: 20px;\n }\n\n & > .icon-container {\n display: flex; // Makes container as height as icon inside which improves alignment (title-line has flex box layout)\n\n & > .icon {\n margin-right: 6px;\n\n &.font-icon {\n font-size: 14px;\n }\n }\n }\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n display: inline-block;\n vertical-align: top;\n }\n\n & > .status-container {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 4px;\n\n flex: none;\n max-width: 75%; // leave a little space for title and icon\n\n color: @status-info-color;\n\n & > .status {\n margin-left: 5px;\n #scout.overflow-ellipsis-nowrap();\n\n // do not grow or shrink icons\n &.save-needer,\n &.icon {\n flex: none;\n }\n\n &.message {\n display: none;\n }\n\n &.notification-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0 4px;\n min-width: 16px;\n min-height: 16px;\n border-radius: 8px;\n font-weight: @font-weight-normal;\n font-size: @font-size-small;\n background: @simple-tab-status-notification-badge-background-color;\n color: @simple-tab-status-notification-badge-color;\n\n & > .text {\n #scout.overflow-ellipsis-nowrap();\n }\n }\n }\n }\n }\n\n & > .closer {\n position: absolute;\n top: 0;\n right: 0;\n margin: @simple-tab-padding;\n display: none;\n\n :hover&,\n .closable.selected& {\n display: inline-block;\n }\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n padding-top: 2px;\n color: @simple-tab-sub-title-color;\n }\n\n &:hover > .title-line > .title {\n color: @hover-color;\n }\n\n &:active > .title-line > .title {\n color: @active-color;\n }\n\n &.disabled {\n cursor: default;\n\n & > .title-line > .title {\n color: @disabled-color;\n }\n }\n\n &.selected {\n cursor: default;\n background-color: @simple-tab-selected-background-color;\n\n & > .title-line > .title {\n color: @simple-tab-selected-color;\n }\n }\n}\n\n.simple-tab > .key-box {\n bottom: 4px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.collapse-handle {\n position: absolute;\n display: table;\n z-index: 10;\n bottom: 0;\n margin-bottom: 15px;\n\n &.right-aligned {\n right: 0;\n }\n\n &.left-aligned {\n left: 0;\n }\n}\n\n.collapse-handle-body {\n position: relative;\n display: table-cell;\n padding: 7px 8px;\n background-color: @collapse-handle-background-color;\n color: @collapse-handle-color;\n border: 1px solid @collapse-handle-border-color;\n border-radius: @collapse-handle-border-radius;\n cursor: pointer;\n\n &::before {\n #scout.font-icon();\n display: block;\n font-size: 16px;\n }\n\n &.left {\n &.both-visible {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &::before {\n content: @icon-angle-left;\n }\n }\n\n &.right {\n &.both-visible {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n }\n\n &::before {\n content: @icon-angle-right;\n }\n }\n\n &:hover {\n background-color: @collapse-handle-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @collapse-handle-active-background-color;\n }\n}\n\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tab.simple-tab {\n width: @desktop-tab-width;\n min-width: @desktop-tab-min-width;\n margin: @desktop-tab-margin-top @desktop-tab-margin-right 0 0;\n padding: @desktop-tab-padding @desktop-tab-padding 0 @desktop-tab-padding-left;\n border-radius: @desktop-tab-border-radius @desktop-tab-border-radius 0 0;\n border: @desktop-tab-border-width solid @desktop-tab-border-color;\n border-bottom-width: 0;\n background-color: @desktop-tab-background-color;\n\n & > .title-line {\n .closable& {\n margin-right: 25px;\n }\n\n & > .icon-container {\n color: @desktop-tab-sub-title-color;\n }\n\n & > .title {\n font-size: @font-size-plus;\n }\n\n & > .status-container {\n color: @desktop-tab-status-color;\n\n & > .save-needer {\n color: inherit;\n }\n }\n }\n\n & > .sub-title {\n color: @desktop-tab-sub-title-color;\n font-size: @font-size-smaller;\n letter-spacing: @sub-title-letter-spacing;\n padding-top: 1px;\n }\n\n & > .closer {\n color: @desktop-tab-sub-title-color;\n padding: 4px;\n margin: 7px;\n border-radius: @border-radius-medium;\n\n & > .key-box {\n top: 0;\n right: 0;\n }\n\n &:hover {\n color: @desktop-header-color;\n background-color: @desktop-tab-closer-hover-background-color;\n }\n\n &:active, &.active {\n background-color: @desktop-tab-closer-active-background-color;\n }\n }\n\n & > .key-box {\n bottom: @desktop-tab-key-box-bottom;\n margin-left: 4px;\n }\n\n &.animate-modality-highlight {\n .animation-flash-desktop-tab(flash-desktop-tab);\n }\n\n &:hover,\n &:active {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n\n & > .title-line > .title {\n color: inherit;\n }\n }\n\n &.glasspane-parent {\n // Modality highlight does not work with pointer-events: none because mouse down is ignored on the glass pane completely by the browser\n // -> we need to disable the hover effect manually\n pointer-events: unset;\n\n &:not(.disabled):not(.selected):hover {\n background-color: @desktop-tab-background-color;\n border-color: @desktop-tab-border-color;\n }\n\n &:not(.selected):hover > .closer {\n display: none;\n }\n }\n\n &.disabled {\n background-color: transparent;\n\n & > .title-line > .title {\n color: @desktop-header-disabled-color;\n }\n }\n\n &.selected {\n background-color: @simple-tab-selected-background-color;\n border-color: transparent;\n\n & > .title-line {\n & > .icon-container {\n color: @status-info-color;\n }\n\n & > .title {\n color: @desktop-tab-selected-color;\n font-weight: @font-weight-bold;\n }\n\n & > .status-container {\n color: @status-info-color;\n\n & > .save-needer {\n color: @desktop-tab-selected-save-needer-color;\n }\n }\n }\n\n & > .sub-title {\n color: @desktop-tab-selected-sub-title-color;\n }\n\n & > .closer {\n color: @closer-color;\n\n &:hover {\n background-color: @hover-background-color;\n color: @closer-hover-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n }\n\n & > .edge {\n #scout.inverted-bottom-round-edge(@border-radius: @desktop-tab-border-radius, @color: @simple-tab-selected-background-color);\n\n &.right {\n z-index: 1; // lay over right tab\n }\n }\n\n &.first > .edge.left {\n display: none;\n }\n\n &.animate-modality-highlight {\n .animation-flash-desktop-tab(flash-desktop-tab-selected);\n\n & > .edge {\n .animation-flash-desktop-tab(flash-desktop-tab-selected-edge);\n }\n }\n }\n}\n\n.animation-flash-desktop-tab(@keyframes-name) {\n #scout.animation-name(@keyframes-name);\n #scout.animation-duration(0.4s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(linear);\n}\n\n.keyframes-flash-desktop-tab() {\n 0% {\n background-color: @desktop-tab-background-color;\n }\n 25% {\n background-color: @desktop-tab-flash-background-color;\n }\n 50% {\n background-color: @desktop-tab-background-color;\n }\n 75% {\n background-color: @desktop-tab-flash-background-color;\n }\n 100% {\n background-color: @desktop-tab-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab {\n .keyframes-flash-desktop-tab();\n}\n\n@keyframes flash-desktop-tab {\n .keyframes-flash-desktop-tab();\n}\n\n.keyframes-flash-desktop-tab-selected() {\n 0% {\n background-color: @simple-tab-selected-background-color;\n }\n 25% {\n background-color: @desktop-tab-selected-flash-background-color;\n }\n 50% {\n background-color: @simple-tab-selected-background-color;\n }\n 75% {\n background-color: @desktop-tab-selected-flash-background-color;\n }\n 100% {\n background-color: @simple-tab-selected-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab-selected {\n .keyframes-flash-desktop-tab-selected();\n}\n\n@keyframes flash-desktop-tab-selected {\n .keyframes-flash-desktop-tab-selected();\n}\n\n.keyframes-flash-desktop-tab-selected-edge() {\n 0% {\n border-color: @simple-tab-selected-background-color;\n }\n 25% {\n border-color: @desktop-tab-selected-flash-background-color;\n }\n 50% {\n border-color: @simple-tab-selected-background-color;\n }\n 75% {\n border-color: @desktop-tab-selected-flash-background-color;\n }\n 100% {\n border-color: @simple-tab-selected-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab-selected-edge {\n .keyframes-flash-desktop-tab-selected-edge();\n}\n\n@keyframes flash-desktop-tab-selected-edge {\n .keyframes-flash-desktop-tab-selected-edge();\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tab-area {\n\n & > .simple-overflow-tab-item {\n @desktop-overflow-tab-margin-bottom: @desktop-tab-margin-right 2;\n\n border-radius: @view-tab-border-radius; // Use smaller border radius, so it fits nicely into the inverted border radius of the last tab if it is selected\n margin: @desktop-tab-margin-top + @desktop-overflow-tab-margin-bottom @desktop-tab-margin-right @desktop-overflow-tab-margin-bottom;\n background-color: @desktop-tab-background-color;\n border: @desktop-tab-border-width solid @desktop-tab-border-color;\n\n &:hover {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n }\n\n &.selected {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n }\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-header {\n position: absolute;\n top: 0;\n height: @desktop-header-height;\n color: @desktop-header-color;\n background-color: @desktop-header-background-color;\n\n & > .simple-tab-area {\n height: @desktop-header-height;\n\n & > .desktop-tab.selected {\n\n .navigation-invisible > & > .edge.left {\n display: block;\n }\n }\n }\n\n .navigation-invisible > &:not(.has-view-button-box) > .simple-tab-area {\n margin-left: 6px;\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\n }\n\n & > .view-button-box {\n\n & > .view-tab-wrapper > .view-tab {\n &.animate-bring-to-front,\n &.animate-bring-to-back {\n animation-duration: 0s;\n }\n }\n\n .in-background& {\n\n & > .view-menu-tab {\n &.selected {\n background-color: @view-menu-tab-background-color;\n color: inherit;\n }\n\n & > .view-button,\n & > .view-menu {\n &:hover {\n background-color: @view-menu-tab-hover-background-color;\n }\n }\n\n & > .view-menu {\n &::before {\n height: 100%;\n border-color: @desktop-header-background-color;\n top: 0;\n }\n\n &:hover > .icon {\n background-color: transparent;\n }\n\n &.selected {\n background-color: @view-menu-tab-menu-selected-background-color;\n\n & > .icon {\n background-color: transparent;\n }\n }\n }\n }\n\n & > .view-tab-wrapper > .view-tab {\n &.selected {\n color: inherit;\n background-color: transparent;\n }\n\n &:hover {\n background-color: @view-tab-hover-background-color;\n }\n\n &.disabled {\n background-color: transparent;\n }\n }\n }\n }\n\n &:not(.in-background) > .view-button-box {\n\n & > .view-tab-wrapper > .view-tab,\n & > .view-menu-tab {\n &.selected {\n .outline-content-has-dimmed-background& {\n background-color: @dimmed-background-color;\n\n & > .edge {\n --color: @dimmed-background-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-navigation {\n position: absolute;\n height: 100%;\n width: @desktop-navigation-width;\n min-width: @desktop-navigation-min-width;\n background-color: @desktop-navigation-background-color;\n color: @desktop-navigation-color;\n\n & > .desktop-tool-box {\n right: 0;\n\n & > .menu-item {\n margin-bottom: @view-tab-margin;\n\n & > .font-icon {\n font-size: @view-tab-icon-font-size;\n }\n\n &.ellipsis > .font-icon {\n font-size: @view-tab-icon-font-size + 2px;\n }\n }\n }\n\n &.view-button-box-invisible {\n & > .desktop-tool-box > .menu-item {\n margin-bottom: @desktop-tool-box-item-margin-top;\n }\n\n & > .navigation-body > .outline > .outline-title {\n background-color: @desktop-header-background-color;\n border-bottom: 0;\n color: @desktop-header-color;\n\n &.measure {\n display: inline-flex;\n }\n\n &.touch:active {\n background-color: @desktop-header-background-color;\n }\n\n & > .text {\n flex-grow: 0;\n }\n\n & > .menubar > .menubar-box > .menu-item {\n color: @desktop-header-color;\n }\n }\n }\n}\n\n.desktop-navigation-breadcrumb {\n width: @desktop-navigation-breadcrumb-width;\n}\n\n.navigation-body {\n position: absolute;\n background-color: @desktop-navigation-body-background-color;\n\n .desktop-navigation.in-background > & {\n background-color: @desktop-navigation-body-in-background-background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-navigation-handle.collapse-handle {\n position: absolute;\n\n & > .collapse-handle-body {\n background-color: @desktop-navigation-handle-background-color;\n border-color: @desktop-navigation-handle-border-color;\n color: @desktop-navigation-handle-color;\n\n &:hover {\n background-color: @desktop-navigation-handle-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @desktop-navigation-handle-active-background-color;\n }\n }\n\n &.right-aligned {\n &.both-visible {\n right: 5px;\n }\n\n &:not(.both-visible) > .collapse-handle-body {\n border-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &.left-aligned {\n &.both-visible {\n right: 5px;\n }\n\n &:not(.both-visible) > .collapse-handle-body {\n border-left: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n }\n}\n\n.navigation-handle-key-box {\n margin-top: -6px;\n\n &.left {\n margin-right: -4px;\n }\n\n &.right {\n margin-left: -4px;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@desktop-notification-width: 300px;\n@desktop-notification-margin-bottom: 10px;\n\n.desktop-notifications {\n @desktop-notifications-margin-top: @desktop-header-height + 8px;\n\n position: fixed;\n right: 10px;\n top: 0;\n height: calc(~'100% - ' @desktop-notifications-margin-top);\n width: @desktop-notification-width;\n margin-top: @desktop-notifications-margin-top;\n pointer-events: none; / Don't block access to the elements in the background /\n}\n\n/ Animation: slide-in /\n\n@-webkit-keyframes desktop-notification-slide-in {\n .keyframes-desktop-notification-slide-in();\n}\n\n@keyframes desktop-notification-slide-in {\n .keyframes-desktop-notification-slide-in();\n}\n\n/\n Slides in the notification from the right end of the screen\n * and increases the size of the bottom margin to move down existing\n * notifications.\n /\n.keyframes-desktop-notification-slide-in() {\n 0% {\n left: @desktop-notification-width;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: @desktop-notification-margin-bottom;\n }\n}\n\n.animation-desktop-notification-slide-in() {\n #scout.animation-name(desktop-notification-slide-in);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.desktop-notification-slide-in {\n .animation-desktop-notification-slide-in();\n}\n\n/ Animation: fade-out /\n\n@-webkit-keyframes desktop-notification-fade-out {\n .keyframes-desktop-notification-fade-out();\n}\n\n@keyframes desktop-notification-fade-out {\n .keyframes-desktop-notification-fade-out();\n}\n\n.keyframes-desktop-notification-fade-out() {\n 0% {\n opacity: 1.0;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.animation-desktop-notification-fade-out() {\n #scout.animation-name(desktop-notification-fade-out);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.desktop-notification-fade-out {\n .animation-desktop-notification-fade-out();\n}\n\n.desktop-notification {\n position: relative;\n width: @desktop-notification-width;\n display: flex;\n align-items: center;\n background-color: @desktop-notification-background-color;\n margin-bottom: @desktop-notification-margin-bottom;\n padding: 8px 0 8px 10px;\n border-radius: @border-radius-medium;\n pointer-events: auto;\n #scout.drop-shadow-large();\n\n &.no-icon {\n padding: @desktop-notification-no-icon-padding-y 12px @desktop-notification-no-icon-padding-y 23px;\n }\n\n / Prevent overlay of text/loader and close icon /\n\n &.closable {\n padding-right: 35px;\n }\n}\n\n.desktop-notification-content {\n max-width: 100%;\n\n .has-icon > & {\n max-width: calc(~'100% - 40px');\n margin-left: 10px;\n }\n\n .ok > & {\n color: @ok-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-ok-border-color);\n }\n }\n }\n\n .info > & {\n // info uses default font weight and color\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-info-border-color);\n }\n }\n }\n\n .warning > & {\n color: @warning-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-warning-border-color);\n }\n }\n }\n\n .error > & {\n color: @error-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-error-border-color);\n }\n }\n }\n\n & > .closer {\n position: absolute;\n padding: 4px;\n margin: 2px;\n right: 9px;\n top: 9px;\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n .ok > & {\n color: @ok-color;\n }\n\n .warning > & {\n color: @warning-color;\n }\n\n .error > & {\n color: @error-color;\n }\n }\n}\n\n.desktop-notification-message {\n #scout.overflow-ellipsis();\n\n .desktop-notification.loading > .desktop-notification-content.offline-message > &.offline-message-text {\n #scout.font-text-normal();\n color: @text-color;\n }\n}\n\n.desktop-notification-loader {\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.desktop-notification-loader.animated::after {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n content: '';\n display: inline-block;\n vertical-align: middle;\n margin-top: -3px;\n margin-left: 16px;\n margin-right: 10px;\n border-radius: 50%;\n border: 1px fade(@busyindicator-color, 80%) solid;\n width: 14px;\n height: 14px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.notification-severity-marker(@color, @margin-left: 8px) {\n content: '';\n position: absolute;\n border: 2px solid @color;\n background-color: @color;\n margin: 7px 0 7px @margin-left;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(~'100% - '(7px 2));\n}\n\n.notification {\n position: relative;\n display: flex;\n align-items: center;\n margin: 10px 0 0 10px;\n padding: 8px;\n border: 1px solid transparent;\n border-radius: @border-radius-medium;\n color: @text-color;\n pointer-events: auto;\n font-weight: @font-weight-bold;\n\n &.alternative {\n border: 0;\n }\n\n &.no-icon {\n padding: @notification-no-icon-padding-y 12px @notification-no-icon-padding-y 23px;\n\n &::before {\n .notification-severity-marker(@notification-info-background-color, 9px);\n }\n }\n\n &.ok {\n border-color: @notification-ok-border-color;\n color: @ok-color;\n\n &.alternative {\n background-color: @notification-ok-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-ok-border-color;\n background-color: @notification-ok-border-color;\n }\n }\n\n &.info {\n border-color: @notification-info-border-color;\n font-weight: @font-weight-normal;\n\n &.alternative {\n color: @info-color;\n font-weight: @font-weight-bold;\n background-color: @notification-info-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-info-border-color;\n background-color: @notification-info-border-color;\n }\n }\n\n &.warning {\n border-color: @notification-warning-border-color;\n color: @warning-color;\n\n &.alternative {\n background-color: @notification-warning-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-warning-border-color;\n background-color: @notification-warning-border-color;\n }\n }\n\n &.error {\n border-color: @notification-error-border-color;\n color: @error-color;\n\n &.alternative {\n background-color: @notification-error-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-error-border-color;\n background-color: @notification-error-border-color;\n }\n }\n\n /* When notification is a direct child of the main group-box: use different margins /\n\n .root-group-box > & {\n margin-left: 10px + @root-group-box-padding-left;\n margin-right: @root-group-box-padding-right;\n }\n}\n\n.notification-icon {\n width: 32px;\n height: 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n &.font-icon {\n color: @text-inverted-color;\n background-color: @background-color;\n font-size: 14px;\n border-radius: 50%;\n\n .ok > & {\n background-color: @ok-color;\n }\n\n .info > & {\n background-color: @info-color;\n }\n\n .warning > & {\n background-color: @warning-color;\n }\n\n .error > & {\n background-color: @error-color;\n }\n }\n}\n\n.notification-content {\n max-width: 100%;\n\n .has-icon > & {\n max-width: calc(~'100% - 40px');\n margin-left: 10px;\n }\n\n &.closable {\n padding-right: 25px;\n }\n\n & > .closer {\n position: absolute;\n right: 6px;\n top: 6px;\n padding: 6px;\n\n .has-icon > & {\n right: 9px;\n top: 9px;\n }\n\n .ok > &,\n .warning > &,\n .error > &,\n .alternative > & {\n color: inherit;\n }\n }\n}\n\n.notification-message {\n padding-right: 12px;\n\n #scout.user-select(text);\n #scout.overflow-ellipsis();\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.outline.tree {\n & > .tree-data {\n padding-top: @outline-data-padding-top;\n\n & > .scrollbar {\n #scout.scrollbar-y-padding(2px, 0);\n }\n\n & > .key-box {\n top: 7px;\n }\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n background-color: transparent;\n cursor: pointer;\n border: 0;\n\n / padding-right is used to leave some space for the scrollbar /\n padding: @outline-node-padding-y @outline-node-padding-right @outline-node-padding-y @outline-node-padding-left;\n\n &.group {\n background-color: @outline-group-background-color;\n }\n\n & > .text {\n font-size: @outline-font-size;\n }\n\n & > .image-icon {\n margin-top: auto;\n }\n\n & > .font-icon {\n line-height: @outline-node-font-icon-line-height;\n font-size: @outline-node-font-icon-size;\n color: @outline-node-font-icon-color;\n }\n\n & > .menubar {\n border: 0;\n background-color: inherit;\n }\n\n & > .tree-node-control {\n padding-top: @outline-node-control-padding-y;\n padding-left: @outline-node-control-padding-left;\n line-height: @outline-node-control-line-height;\n color: @outline-node-control-color;\n\n &:hover {\n color: @highlight-color;\n }\n }\n\n &.selected {\n color: @outline-selection-color;\n background-color: @outline-selection-background-color;\n\n &::after {\n display: none;\n }\n\n & > .tree-node-control {\n color: @outline-node-selected-control-color;\n\n &:hover {\n color: @highlight-color;\n }\n }\n\n & > .font-icon {\n color: @outline-node-selected-icon-color;;\n }\n }\n }\n }\n\n &.in-background > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n &.group {\n background-color: @outline-in-background-group-background-color;\n }\n\n &.selected {\n background-color: @outline-in-background-selection-background-color;\n color: @outline-in-background-selection-color;\n }\n }\n }\n}\n\n.outline-title {\n cursor: pointer;\n color: @outline-title-color;\n font-size: 19px;\n padding: 0 @outline-title-padding-right 0 @outline-title-padding-left;\n border-bottom: 1px solid @outline-title-border-color;\n display: flex;\n align-items: center;\n height: @outline-title-height;\n\n & > .icon {\n padding-right: @outline-title-icon-padding-right;\n }\n\n & > .key-box {\n top: 19px;\n }\n\n & > .text {\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .menubar {\n background-color: transparent;\n border: none;\n width: auto;\n flex-grow: 0;\n margin-right: -10px;\n\n & > .menubar-box > .menu-item {\n &.first {\n margin-left: 4px;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n }\n}\n\n/ bread crumb style (different colors and bigger font and arrow than original breadcrumb style) /\n.outline.tree.breadcrumb {\n\n & > .outline-title {\n margin: 0;\n border-bottom-color: @outline-breadcrumb-border-color;\n\n &.touch:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n }\n\n & > .tree-data {\n padding-top: 0;\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n border-bottom: 1px solid @outline-breadcrumb-border-color;\n padding: @outline-breadcrumb-node-padding-y @outline-breadcrumb-node-padding-x;\n\n &.child-of-selected {\n background-color: @outline-breadcrumb-child-background-color;\n\n .in-background& {\n background-color: transparent;\n }\n\n &:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n }\n\n &.ancestor-of-selected {\n color: @text-color-1;\n background-color: @outline-breadcrumb-ancestor-background-color;\n\n .in-background& {\n background-color: transparent;\n }\n }\n\n &:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n\n &.selected {\n background-color: @outline-selection-background-color;\n color: @outline-selection-color;\n cursor: default;\n\n .in-background& {\n background-color: @outline-in-background-selection-background-color;\n }\n\n & > .text > .compact-cell-header > .compact-cell-subtitle {\n color: @outline-node-selected-icon-color;\n }\n }\n\n &.selected > .text,\n &.ancestor-of-selected > .text {\n & > .compact-cell-header > .compact-cell-title > .right {\n // Don't show title suffix\n display: none;\n }\n\n & > .compact-cell-content.has-header {\n // Don't show the content if there is a header\n display: none;\n }\n }\n }\n }\n\n &:focus > .tree-data,\n &.focused > .tree-data {\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n\n &.parent-of-selected {\n border-color: @outline-breadcrumb-border-color;\n }\n\n &.selected {\n border-color: @outline-breadcrumb-border-color;\n }\n }\n }\n}\n\n.compact.outline.breadcrumb {\n & > .outline-title {\n padding-left: @compact-outline-title-padding-x;\n padding-right: @compact-outline-title-padding-x;\n\n & > .menubar {\n margin-right: -@menubar-item-icononly-padding-x;\n }\n }\n\n & > .tree-data {\n background-color: @compact-outline-data-background-color;\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n padding: 0;\n\n & > .text {\n display: inline-block;\n padding: @compact-outline-node-padding-y @compact-outline-node-padding-x;\n }\n\n &.has-icon > .text {\n padding-left: 0;\n }\n\n & > .icon {\n padding: @compact-outline-node-padding-y @menu-item-icon-margin-right @compact-outline-node-padding-y @compact-outline-node-padding-x;\n min-width: 16px;\n }\n\n & > .node-menubar {\n width: auto;\n flex-grow: 0;\n padding: 0 @compact-outline-node-padding-x - @menubar-item-icononly-padding-x 0 0;\n min-height: @compact-outline-node-menubar-height;\n height: @compact-outline-node-menubar-height; // Necessary for height: 100% to work in case node menubar has no explicit height set\n\n & > .menubar-box > .menu-item {\n color: inherit;\n\n &.disabled {\n color: @compact-outline-menu-item-disabled-color;\n }\n }\n }\n\n & > .detail-menubar {\n padding: 0 @compact-outline-node-padding-x 0 @compact-outline-node-padding-x;\n min-height: @compact-outline-node-menubar-height;\n margin-left: -@menubar-item-icononly-padding-x;\n background-color: @desktop-navigation-body-background-color;\n\n & > .menubar-box > .menu-item {\n padding-left: @menubar-item-icononly-padding-x;\n padding-right: @menubar-item-icononly-padding-x;\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n\n & > .icon {\n // Ensure menu text is aligned with node text\n min-width: 16px;\n }\n }\n }\n\n & > .detail-content {\n // to cover selection background\n background-color: @desktop-navigation-body-background-color;\n\n &.dimmed-background {\n background-color: @compact-outline-data-background-color;\n }\n\n color: @desktop-navigation-color;\n }\n\n & > .form {\n & > .root-group-box > .group-box-body {\n padding-left: @compact-outline-node-padding-x - @mandatory-indicator-width;\n padding-right: @compact-outline-node-padding-x;\n }\n\n & > .right-padding-invisible > .group-box-body {\n padding-right: 0;\n }\n }\n\n &.selected {\n display: flex;\n flex-wrap: wrap; // Move detail menubar to next line\n background-clip: content-box; // selection background shines through on the bottom of the node sometimes when zoomed -> makes it slightly better\n }\n\n &.child-of-selected.animate-prev-selected {\n #scout.animation-name(tree-node-prev-selection);\n #scout.animation-duration(0.6s);\n #scout.animation-timing-function(ease-in);\n }\n\n &.compact-root:not(.selected) {\n display: none;\n }\n }\n\n &.detail-content-visible > .tree-node > .detail-menubar {\n border-bottom: 1px solid @outline-breadcrumb-border-color;\n }\n }\n\n & > .tree-data > .tree-node.selected.has-tile-overview {\n &.compact-root {\n & > .text,\n & > .icon {\n display: none;\n }\n }\n\n background-color: transparent;\n color: @desktop-navigation-color;\n border-bottom: 0;\n\n & .tile-overview-content {\n margin-left: 20px;\n }\n\n & .tile-overview-title {\n display: none;\n }\n\n & > .form {\n background-color: transparent;\n\n & > .tile-overview-content {\n margin-top: 0;\n }\n }\n\n & .menu-item {\n color: @desktop-navigation-color;\n }\n\n & ~ .child-of-selected {\n // Hide child nodes when tile overview is shown\n display: none;\n }\n }\n}\n\n/ Previous Selection Animation /\n\n.keyframes-tree-node-prev-selection() {\n 00% {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n 100% {\n background-color: @outline-breadcrumb-child-background-color;\n }\n}\n\n@-webkit-keyframes tree-node-prev-selection {\n .keyframes-tree-node-prev-selection();\n}\n\n/ NOSONAR /\n@keyframes tree-node-prev-selection {\n .keyframes-tree-node-prev-selection();\n}\n\n/ NOSONAR /\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@search-outline-field-height: 34px;\n\n.search-outline.tree {\n & > .outline-title {\n border-bottom: none;\n margin-bottom: 0;\n }\n}\n\n.search-outline-panel {\n position: relative;\n border-bottom: 1px solid @outline-title-border-color;\n padding: 0 @outline-title-padding-right @search-outline-panel-padding-bottom @outline-title-padding-left;\n\n .view-button-box-invisible & {\n padding-top: @search-outline-panel-no-title-padding-top;\n padding-bottom: @search-outline-panel-no-title-padding-top + 1xp;\n\n & > .clear-icon {\n top: @search-outline-panel-no-title-padding-top;\n }\n }\n}\n\n.search-outline-field {\n border: 1px solid @control-border-color;\n height: @search-outline-field-height;\n border-radius: 5px;\n width: 100%;\n\n &:focus {\n #scout.focus-border();\n }\n\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & + .clear-icon {\n display: flex;\n }\n }\n\n & + .clear-icon {\n display: none;\n position: absolute;\n margin-right: 5px;\n right: @outline-title-padding-right;\n top: 0;\n height: @search-outline-field-height;\n }\n}\n\n.search-outline-status {\n #scout.overflow-ellipsis-nowrap();\n cursor: pointer;\n padding-right: 8px;\n text-align: right;\n padding-top: 12px;\n margin-bottom: -4px;\n}\n\n.outline.breadcrumb > .search-outline-panel {\n margin-left: 0;\n margin-right: 0;\n margin-bottom: 0;\n border-bottom-color: @outline-breadcrumb-border-color;\n\n & > .search-outline-status {\n text-align: left;\n padding-left: 8px;\n }\n}\n\n.compact.outline.breadcrumb > .search-outline-panel {\n padding-left: @compact-outline-node-padding-x;\n padding-right: @compact-outline-node-padding-x;\n\n & > .search-outline-field + .clear-icon {\n right: @compact-outline-node-padding-x;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.navigate-button {\n\n &.menu-button > .font-icon {\n font-size: 18px;\n }\n\n &.up {\n color: @navigate-up-button-color;\n border-color: @navigate-up-button-border-color;\n }\n}\n\n.menubar-box > .menu-button.navigate-button {\n &.up {\n margin-right: 6px;\n }\n\n &.down.left-of-button {\n margin-right: @bench-padding-x - @menubar-button-margin;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tool-box {\n position: absolute;\n top: 0;\n margin: 0 @desktop-tool-box-item-margin;\n min-height: @desktop-header-height;\n display: inline-flex;\n justify-content: flex-end;\n white-space: nowrap;\n color: @desktop-header-color;\n}\n\n.desktop-tool-box-item.menu-item {\n font-size: @font-size-plus;\n margin: @desktop-tool-box-item-margin-top @desktop-tool-box-item-margin;\n padding: 0 14px;\n border-radius: @desktop-tool-box-item-border-radius;\n color: inherit;\n display: inline-flex;\n align-items: center;\n\n &.compact {\n padding-left: 10px;\n padding-right: 10px;\n\n & > .submenu-icon {\n display: none;\n }\n }\n\n & > .font-icon {\n font-size: @desktop-tool-box-item-font-size;\n }\n\n & > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px /\n max-height: @desktop-logo-height;\n }\n\n &:hover {\n background-color: @desktop-tool-box-item-hover-background-color;\n color: inherit;\n }\n\n &.selected.has-popup {\n color: inherit;\n background-color: @desktop-tool-box-item-selected-background-color;\n }\n\n &.disabled {\n background-color: transparent;\n color: @desktop-header-disabled-color;\n }\n}\n\n/ key boxes /\n\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 6px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@view-tab-transition-duration: 200ms;\n@view-tab-transition: margin @view-tab-transition-duration ease-out, padding @view-tab-transition-duration ease-out, width @view-tab-transition-duration ease-out, border-radius @view-tab-transition-duration ease-out;\n\n// The wrapper is necessary to make sure the view tabs don't change their size when one of them is selected.\n// Without a wrapper this would not be possible because an unselected view tab has a margin, a selected one does not.\n// When the tabs are shrinking, flex box distributes the size based on their widths (which is different). It should actually distribute it based on width + margin.\n// So, if the items were static (no shrink or grow), it would work without a wrapper.\n// A programmatic layout would not make it easier because we are using transitions.\n// When the inBackground property changes, the items need to be layouted considering the margin, but reading the margin would return the wrong value while the transition is running.\n.view-tab-wrapper {\n display: flex;\n width: @view-tab-selected-width;\n}\n\n.view-tab {\n position: relative;\n border-radius: @view-tab-border-radius;\n margin: @view-tab-margin-top @view-tab-margin @view-tab-margin;\n\n & > .key-box {\n bottom: @view-tab-key-box-bottom;\n }\n\n &.in-background {\n border-radius: @view-tab-selected-border-radius;\n }\n\n & > .edge {\n // Ensure GlassPane.js does not set position: relative if glass pane is added before view tab is selected\n position: absolute;\n }\n\n &.selected:not(.in-background) {\n margin: @view-tab-selected-margin-top 0 0;\n border-radius: @view-tab-selected-border-radius @view-tab-selected-border-radius 0 0;\n\n & > .edge {\n #scout.inverted-bottom-round-edge(@border-radius: @view-tab-selected-border-radius, @color: @view-tab-selected-background-color);\n\n &.right {\n z-index: 1; // lay over right tab\n }\n }\n\n & > .key-box {\n bottom: @view-tab-key-box-bottom + @view-tab-margin;\n }\n }\n\n &.animate-bring-to-front,\n &.animate-bring-to-back {\n // Transition should only be active when desktop changes from back to front and back, not when outline is changed\n // The classes animate- are only set while the animation is running, thus, we need an animation, even if it does nothing (nop)\n transition: @view-tab-transition;\n animation: nop @view-tab-transition-duration ease-out;\n\n &:not(.in-background) {\n\n & > .edge {\n\n &.left {\n visibility: hidden;\n animation: show-view-tab-left-edge 40ms ease-out 160ms forwards;\n }\n\n &.right {\n visibility: hidden;\n animation: show-view-tab-right-edge 40ms ease-out 160ms forwards;\n }\n }\n }\n }\n}\n\n.view-button-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n width: calc(~'100% - ' 2 * @view-tab-margin);\n\n &:hover {\n cursor: pointer;\n background-color: @view-tab-hover-background-color;\n }\n\n &.selected {\n background-color: @view-tab-selected-background-color;\n color: @view-tab-selected-color;\n\n &.in-background {\n background-color: @view-tab-in-background-selected-background-color;\n }\n\n &:not(.in-background) {\n width: 100%;\n }\n }\n\n &.disabled {\n color: @desktop-header-disabled-color;;\n\n &:hover {\n cursor: default;\n color: @desktop-header-disabled-color;\n background-color: transparent;\n }\n\n &.selected {\n color: @text-disabled-color;\n }\n }\n\n & > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: @view-tab-icon-font-size;\n }\n}\n\n@keyframes show-view-tab-left-edge {\n 0% {\n visibility: visible;\n left: -5px;\n }\n 100% {\n left: -12px;\n }\n}\n\n@keyframes show-view-tab-right-edge {\n 0% {\n visibility: visible;\n right: -5px;\n }\n 100% {\n right: -12px;\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-button-box {\n display: inline-flex;\n min-height: @desktop-header-height;\n max-height: @desktop-header-height; // Necessary for firefox, because it sometimes sets the height to 66px\n white-space: nowrap;\n #scout.font-text-large();\n overflow: visible; / necessary if it is in the header to make rounded corner overlap into tab area /\n position: relative; / if covered by glass pane /\n background-color: @desktop-header-background-color;\n color: @desktop-header-color;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-menu-tab {\n display: flex;\n background-color: @view-menu-tab-background-color;\n flex-shrink: 0;\n\n & > .view-button,\n & > .view-menu {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n cursor: pointer;\n\n &:hover {\n background-color: @view-menu-tab-hover-background-color;\n color: inherit;\n }\n\n &.disabled {\n color: @desktop-header-disabled-color;\n background-color: transparent;\n cursor: default;\n }\n\n .animate-bring-to-front&,\n .animate-bring-to-back& {\n transition: @view-tab-transition;\n }\n }\n\n & > .view-button {\n border-top-left-radius: @view-tab-border-radius;\n border-bottom-left-radius: @view-tab-border-radius;\n width: @view-tab-selected-width - @view-tab-margin;\n\n & > .icon {\n font-size: 26px;\n }\n }\n\n & > .view-menu {\n position: relative;\n border-top-right-radius: @view-tab-border-radius;\n border-bottom-right-radius: @view-tab-border-radius;\n width: @view-tab-selected-width - @view-tab-margin 2;\n\n .selected-button-invisible& {\n border-radius: @view-tab-border-radius;\n }\n\n & > .icon {\n font-size: 24px;\n }\n\n &::before {\n content: '';\n position: absolute;\n height: 100%;\n border-left: 1px solid @desktop-header-background-color;\n left: 0;\n\n .selected-button-invisible&{\n display: none\n }\n }\n\n &.selected {\n background-color: @view-menu-tab-menu-selected-background-color;\n }\n }\n\n &.in-background {\n & > .view-button {\n border-top-left-radius: @view-tab-selected-border-radius;\n border-bottom-left-radius: @view-tab-selected-border-radius;\n }\n\n & > .view-menu {\n border-top-right-radius: @view-tab-selected-border-radius;\n border-bottom-right-radius: @view-tab-selected-border-radius;\n\n .selected-button-invisible& {\n border-radius: @view-tab-selected-border-radius;\n }\n }\n }\n\n &.selected {\n color: @view-tab-selected-color;\n background-color: @view-tab-selected-background-color;\n\n & > .view-button,\n & > .view-menu {\n &.selected,\n &:hover {\n background-color: transparent;\n }\n\n &.disabled {\n color: @text-disabled-color;\n }\n }\n\n & > .view-menu {\n width: @view-tab-selected-width - @view-tab-margin * 2;\n\n & > .icon {\n font-size: 26px;\n padding: 7px;\n border-radius: 8px;\n }\n\n &:hover > .icon {\n background-color: @hover-background-color;\n }\n\n &.disabled > .icon {\n background-color: transparent;\n }\n\n &.selected > .icon {\n background-color: @view-menu-tab-selected-menu-selected-background-color;\n }\n\n &::before {\n top: 10px;\n height: calc(100% - 20px);\n border-color: @border-color;\n }\n }\n\n &.in-background {\n background-color: @view-tab-in-background-selected-background-color;\n\n & > .view-menu {\n & > .icon {\n padding-top: 2px;\n padding-bottom: 2px;\n }\n }\n }\n\n &:not(.in-background) {\n border-top-left-radius: 0;\n margin-left: 0;\n margin-right: @view-tab-margin;\n\n & > .view-button {\n padding-left: @view-tab-margin;\n width: @view-tab-selected-width;\n cursor: default;\n }\n\n .selected-button-invisible& > .view-menu {\n width: @view-tab-selected-width - @view-tab-margin;\n }\n }\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-menu-popup.widget-popup {\n #scout.drop-shadow-large();\n border-radius: @border-radius-large;\n border: 0;\n margin: 5px;\n overflow: hidden;\n\n & > .tile-grid.scrollable {\n padding: 10px;\n }\n\n & > .tile-grid.no-icons > .view-menu-tile {\n min-height: 66px; // Min height to ensure all tiles have equal height, at least the ones with 1 or 2 lines\n }\n}\n\n.view-menu-tile {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n color: @link-color;\n background-color: @view-menu-tile-background-color;\n border-radius: 12px;\n border: 2px solid transparent;\n padding: 12px 6px 0 6px;\n min-height: 110px;\n cursor: pointer;\n\n & > .icon {\n font-size: @font-size-icon-large;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 12px;\n }\n\n & > .label {\n font-weight: @font-weight-bold;\n #scout.overflow-ellipsis();\n font-size: @font-size-small;\n }\n\n &.text-only {\n justify-content: center;\n padding: 12px 8px;\n\n & > .label {\n font-size: @font-size-normal;\n }\n }\n\n &.selected {\n border-color: @view-menu-tile-selected-border-color;\n }\n\n &:hover {\n background-color: @view-menu-tile-hover-background-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n\n &:hover {\n background-color: @view-menu-tile-background-color;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: @filechooser-max-width;\n #scout.popup-2();\n .messagebox.severity-button(@info-color);\n\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n\n &.calc-helper {\n top: 0;\n left: 0;\n }\n\n &.animate-open {\n #scout.animation-name(short-drop);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.file-chooser-content {\n border: 0 solid @border-color;\n border-radius: @border-radius-medium;\n padding: 26px;\n}\n\n.file-chooser-title {\n text-align: center;\n word-wrap: break-word;\n #scout.font-text-large(@font-weight-bold);\n color: @info-color;\n}\n\n.file-chooser-label {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n text-align: center;\n}\n\n.file-chooser-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n\n.file-chooser-files {\n @file-list-indent: 20px;\n position: relative;\n min-height: 100px;\n max-height: 200px;\n border-top: 1px solid @border-color;\n padding-top: 16px;\n margin-top: 10px;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: @file-list-indent;\n\n & > .file {\n text-indent: -@file-list-indent;\n word-break: break-all;\n margin-bottom: 4px;\n\n &::before {\n #scout.font-icon();\n content: @icon-file;\n float: left;\n width: @file-list-indent;\n padding-left: 2px;\n }\n\n & > .remove {\n line-height: normal; / override line-height of .menu-item /\n display: inline;\n }\n }\n}\n\n@media (max-width: @filechooser-max-width) {\n .file-chooser {\n margin: 0; / no need to have a margin on small screens /\n\n & > .box-buttons {\n padding: 0 13px 26px 13px; / use less x-padding for buttons so that more text can be shown /\n\n & > .box-button {\n margin-right: 4px;\n min-width: 70px; / less min width for buttons on small screens /\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: @messagebox-max-width;\n #scout.popup-2();\n overflow: hidden;\n margin: 10px / minimum padding to desktop / 10px 15px;\n\n &.full-height.full-width {\n border-radius: 0;\n }\n\n &.full-width {\n & > .messagebox-buttons {\n padding-left: 10px;\n padding-right: 10px;\n\n & > .box-button {\n min-width: 70px; / less min width for buttons on small screens /\n margin-right: 8px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n }\n\n .severity-button(@color, @hover-color: darken(@color, 6%), @active-color: darken(@color, 13%), @focus-color: @focus-box-shadow-color) {\n & > .box-buttons > .box-button {\n border-color: @color;\n color: @color;\n\n &:focus {\n box-shadow: none; / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n }\n\n &.keyboard-navigation {\n #scout.focus-border(@box-shadow-color: @focus-color, @border-color: mix(@color, @focus-color, 25%));\n }\n\n &.disabled {\n color: @button-disabled-color;\n border-color: @button-disabled-border-color;\n }\n\n &.default {\n color: @default-button-color;\n background-color: @color;\n\n &:hover {\n background-color: @hover-color;\n border-color: @hover-color;\n }\n\n &.active, &:active {\n background-color: @active-color;\n border-color: @active-color;\n }\n\n &.keyboard-navigation {\n #scout.focus-border(@box-shadow-color: @focus-color, @border-color: mix(@color, @focus-color, 25%));\n }\n\n &.disabled {\n color: @button-disabled-color;\n border-color: @button-disabled-border-color;\n background-color: @button-disabled-background-color;\n }\n }\n }\n }\n\n &.info {\n & > .messagebox-content > .messagebox-header {\n color: @info-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @info-color;\n }\n }\n\n .severity-button(@info-color, @default-button-hover-background-color, @default-button-active-background-color);\n }\n\n &.error {\n & > .messagebox-content > .messagebox-header {\n color: @error-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @error-color;\n }\n }\n\n .severity-button(@error-color, @error-default-button-background-hover-color, @error-default-button-background-active-color, @error-focus-box-shadow-color);\n }\n\n &.warning {\n & > .messagebox-content > .messagebox-header {\n color: @warning-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @warning-color;\n }\n }\n\n .severity-button(@warning-color, @warning-default-button-background-hover-color, @warning-default-button-background-active-color, @warning-focus-box-shadow-color);\n }\n\n &.ok {\n & > .messagebox-content > .messagebox-header {\n color: @ok-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @ok-color;\n }\n }\n\n .severity-button(@ok-color, @ok-default-button-background-hover-color, @ok-default-button-background-active-color, @ok-focus-box-shadow-color);\n }\n\n &.animate-open {\n #scout.animation-name(short-drop);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.messagebox-content {\n min-height: 30px;\n padding: @messagebox-label-padding 26px 17px 26px;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n / add a bit of extra space to the scrollbar on the right /\n\n & > .scrollbar.y-axis {\n width: @scrollbar-size + 2;\n }\n}\n\n.messagebox-icon {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n font-size: @font-size-smaller;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.messagebox-label {\n word-wrap: break-word;\n word-break: break-word;\n\n &.copyable {\n #scout.user-select(text);\n }\n}\n\n.messagebox-header {\n font-size: @font-size-large;\n font-weight: @font-weight-bold;\n padding-bottom: 14px;\n text-align: center;\n\n & > .messagebox-icon {\n color: @text-inverted-color;\n font-size: 14px;\n border-radius: 50%;\n }\n\n &.has-text > .messagebox-icon {\n margin-right: 12px;\n }\n}\n\n.messagebox-html {\n .has-body > & {\n padding-top: 10px;\n }\n\n // Ensure top and bottom gaps are always the same for every message box even if the content starts with an element having a margin (e.g. p, ul, etc)\n // Small draw back: if there is a text node before a p element, the p element will lose its margin anyway.\n // If that is not desired, the text node has to be wrapped into a regular html node (span, div, p etc.)\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n\n & > p {\n margin: 8px 0;\n\n & + ul {\n // Reduce gap slightly if ul follows a p so that it looks the same as without a p\n margin-top: -4px;\n }\n }\n\n & > ul {\n margin: 5px 0;\n }\n\n & > ul {\n padding-left: 26px;\n\n & > li {\n margin-top: 3px;\n\n &:first-child {\n margin-top: 0;\n }\n }\n }\n}\n\n.messagebox-buttons {\n display: flex;\n justify-content: center;\n padding: 4px 26px 25px 26px;\n}\n\n@media (max-width: @messagebox-max-width) {\n .messagebox {\n / no need to have a margin on small screens /\n margin: 0;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form {\n position: relative;\n\n &.dimmed-background {\n background-color: @dimmed-background-color;\n\n & > .root-group-box > .menubar {\n background-color: inherit;\n }\n }\n}\n\n.view:not(.detail-form):not(.mobile-view) {\n & > .root-group-box > .main-menubar {\n #scout.main-menubar-light;\n }\n}\n\n.mobile-view > .header > .title {\n font-weight: bold;\n}\n\n.dialog {\n position: absolute;\n #scout.popup();\n / minimum padding to desktop /\n margin: 10px 10px 15px;\n / min-width and min-height are read by Resizable.js to prevent a dialog from becoming too small\n You can overrule these values with a specific CSS class on a dialog/form when you require a\n larger or smaller min-size. /\n min-width: 250px;\n min-height: 100px;\n top: 0; / must be specified otherwise dialogs will be positioned at end of document and increase document size /\n\n & > .header {\n // overflow: hidden on dialog cannot be used without cutting the resize and drag handles\n // A border radius on to the header and root-group-box is necessary if elements inside the dialog have a background color\n border-top-left-radius: @popup-border-radius;\n border-top-right-radius: @popup-border-radius;\n }\n\n & > .root-group-box {\n border-radius: @popup-border-radius;\n\n .header-visible& {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &.animate-open {\n #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.15s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n\n / remove border and rounded corners in full screen mode /\n\n &.full-width,\n &.full-height {\n border-radius: 0;\n }\n\n &.full-width {\n border-right: 0;\n border-left: 0;\n }\n\n &.full-height {\n border-bottom: 0;\n }\n\n & > .resizable-nw,\n & > .resizable-n,\n & > .resizable-ne {\n margin-top: -@dialog-border-top-size;\n }\n}\n\n.form > .header {\n padding-top: @form-title-padding-top;\n padding-left: 20px;\n padding-right: 10px;\n overflow: hidden; // Necessary to make header as height as content because of the floating closable.\n\n &.no-title {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n\n & > .title,\n & > .sub-title {\n .hidden();\n }\n }\n\n & > .icon-container {\n float: left;\n\n & > .icon {\n margin-right: 6px;\n vertical-align: middle;\n\n &.font-icon {\n font-size: 16px;\n }\n }\n }\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n font-size: @font-size-large;\n color: @title-color;\n margin-top: @text-margin-top;\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n color: @sub-title-color;\n }\n\n & > .status-container {\n float: right;\n margin-top: -8px;\n margin-right: -2px;\n\n & > .status {\n / make sure close icon overlaps drag-handle /\n position: relative;\n\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n\n &.closer {\n border-radius: @closer-border-radius;\n margin-left: 7px;\n padding: 7px;\n }\n }\n }\n}\n\n@media (max-width: @iphone6-width) {\n .dialog {\n / no need to have a margin on small screens /\n / otherwise on iphone5, cancel button on a dialog would always be stacked in ellipsis if there is another menu item /\n margin: 0;\n\n & > .resizable-handle {\n / Remove handle, it is not useful anymore\n and it increases the dialog size which has the effect that the body may be scrolled (on iphone).\n Important is necessary because jquery ui sets it to display: block using inline style /\n display: none !important; / NOSONAR (see comment above)/\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ Mixins /\n\n#scout {\n .main-menubar-background-color-standard() {\n background-color: @main-menubar-background-color;\n }\n\n .menubar-background-color-inherit() {\n background-color: inherit;\n }\n\n / standard main-menubar /\n .main-menubar-standard() {\n #scout.main-menubar-background-color-standard();\n min-height: @main-menubar-height;\n margin-left: inherit;\n margin-right: inherit;\n }\n\n / a transparent main-menubar /\n .main-menubar-light() {\n #scout.menubar-background-color-inherit();\n }\n}\n\n/ Styles /\n\n.menubar {\n position: relative;\n width: 100%;\n background-color: @menubar-background-color;\n border-bottom: 1px solid @border-color;\n white-space: nowrap;\n\n &.bottom {\n border-bottom: 0;\n border-top: 1px solid @border-color;\n }\n}\n\n.menubar-box {\n display: inline-flex;\n height: 100%;\n align-items: center;\n\n &.right {\n float: right;\n }\n\n & > .menu-separator {\n width: 1px;\n margin: 0 @menu-item-padding-x;\n background-color: @border-color;\n height: 15px;\n\n &.overflown {\n display: none;\n }\n }\n\n & > .menu-item {\n margin: @menubar-item-margin-y @menubar-item-margin-x;\n / By making sure menu items are always at least the same height as form fields, it is easier to align them with each other, especially when zoomed /\n min-height: @logical-grid-row-height;\n\n &.menu-icononly {\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n min-width: @logical-grid-row-height; // Make it square\n }\n\n &.overflown {\n display: none;\n }\n\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n\n & > .menu-button {\n min-width: 110px;\n margin: @menubar-button-margin;\n\n &.small {\n min-width: 53px;\n }\n }\n\n / If the menubar has a border left and right, the first and last items need to be adjusted /\n .bounded > & > .menu-item {\n &.first {\n margin-left: @menubar-item-margin-y;\n }\n\n &.last {\n margin-right: @menubar-item-margin-y;\n }\n }\n}\n\n.main-menubar {\n #scout.main-menubar-standard;\n\n & > .menubar-box {\n\n & > .menu-separator {\n height: @logical-grid-row-height - 12px;\n }\n\n & > .menu-item {\n margin-left: @main-menubar-item-margin-x;\n margin-right: @main-menubar-item-margin-x;\n\n &.first {\n margin-left: @main-menubar-first-menu-item-margin-left;\n }\n\n &.last {\n margin-right: @main-menubar-last-menu-item-margin-right;\n }\n\n &.menu-icononly {\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n\n &.first {\n margin-left: @main-menubar-first-menu-item-icononly-margin-left;\n }\n\n &.last {\n margin-right: @main-menubar-last-menu-item-icononly-margin-right;\n }\n }\n }\n\n & > .menu-button {\n &.first,\n &.first.menu-icononly {\n margin-left: @bench-padding-x;\n }\n\n &.last,\n &.last.menu-icononly {\n margin-right: @bench-padding-x;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-menu-popup {\n\n & > .form > .root-group-box > .main-menubar {\n background-color: @form-menu-popup-main-menubar-background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.scout-info-form-container {\n width: 100%;\n margin-top: 5px;\n margin-bottom: 5px;\n display: flex;\n}\n\n.scout-info-form-logo-container {\n flex: none;\n}\n\n.scout-info-form-text-container {\n flex-grow: 1;\n}\n\n.scout-info-form-logo {\n display: inline-block;\n max-height: 100px;\n max-width: 200px;\n margin-right: 20px;\n}\n\n.scout-info-form-table {\n border-spacing: 0;\n}\n\n.scout-info-form-table-cell-description {\n padding-right: 10px;\n vertical-align: top;\n}\n\n.scout-info-form-table-cell-value {\n vertical-align: top;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.text-field-icon {\n display: flex;\n align-items: center;\n margin: 0 @text-field-icon-margin-x;\n cursor: text;\n\n &::before {\n #scout.font-icon();\n font-size: @font-size-icon-small;\n color: @text-field-icon-color;\n border-radius: @control-border-radius;\n width: @text-field-icon-size;\n height: @text-field-icon-size;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &.clear-icon::before {\n content: @icon-remove-bold;\n font-size: 14px;\n }\n\n &.action {\n cursor: pointer;\n\n &:hover::before {\n color: @text-field-icon-hover-color;\n background-color: @hover-background-color;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-field {\n / FormFieldLayout uses absolute positioning, make sure it is positioned relatively to its container /\n position: relative;\n\n & > label {\n position: absolute;\n #scout.overflow-ellipsis-nowrap();\n padding-top: @field-label-padding-top;\n padding-bottom: @field-label-padding-bottom;;\n margin-left: @mandatory-indicator-width;\n / Add small spacing between label and field /\n padding-right: @mandatory-indicator-width;\n color: @label-color;\n font-size: @field-label-font-size;\n\n .disabled& {\n color: @label-disabled-color;\n }\n\n .read-only& {\n color: @label-color;\n }\n\n &.top {\n color: @top-label-color;\n font-size: @top-label-font-size;\n padding-bottom: @top-label-border-padding-bottom;\n\n .alternative& {\n / Reduce space between input and label if there is no border /\n padding-bottom: 0;\n }\n\n .disabled& {\n color: @top-label-disabled-color;\n }\n\n .read-only& {\n color: @top-label-color;\n }\n }\n\n .focused& {\n color: @focus-color;\n }\n\n .has-error& {\n color: @error-color;\n }\n }\n\n & > .field {\n position: absolute;\n }\n\n / Class that applies the same vertical padding to the .field as to the label (useful e.g. for html fields) /\n\n &.borderless-field-padding-y > .field {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n }\n\n & > .mandatory-indicator {\n position: absolute;\n visibility: hidden;\n\n &::before {\n content: '';\n font-size: @mandatory-indicator-font-size;\n }\n }\n\n &.mandatory > .mandatory-indicator:not(.read-only) {\n visibility: visible;\n }\n\n &.disabled.alternative > .mandatory-indicator {\n color: @disabled-color;\n }\n\n /* Convenience class to add to a field when the mandatory indicator should not be displayed (e.g. inside a FormFieldMenu) /\n\n &.no-mandatory-indicator > .mandatory-indicator {\n display: none;\n }\n\n &.no-mandatory-indicator > label.top {\n margin-left: 0;\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n height: @field-status-size;\n\n #scout.status();\n }\n\n &.has-menus {\n\n &.has-tooltip:not(.has-info):not(.has-ok):not(.has-warning):not(.has-error) {\n & > .status::before {\n content: @icon-ellipsis-circle;\n }\n }\n\n & > .status {\n #scout.menu-status();\n }\n }\n\n &.has-tooltip > .status {\n #scout.tooltip-status();\n }\n\n &.has-ok > .status {\n #scout.ok-status();\n }\n\n &.has-info > .status {\n #scout.info-status();\n }\n\n &.has-warning > .status {\n #scout.warning-status();\n }\n\n &.has-error > .status {\n #scout.error-status();\n }\n\n .disabled-overlay {\n position: absolute;\n }\n\n &.cell-editor-form-field {\n position: absolute;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.lookup-box {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field > .structure.tree,\n & > .field > .structure.table {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected,\n &.no-nodes-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n\n & > .table-data > .table-row {\n & > .table-cell {\n border-bottom: 0;\n }\n\n &.selected::after {\n // Since there is no top border there is no need to increase the size of the selection\n // -> This makes a table row selection as big as a tree node selection\n top: 0;\n height: 100%;\n }\n\n &.inactive {\n font-style: italic;\n\n & > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n\n // necessary for Scout Classic as row passes the css classes to its cells\n & > .table-cell.last.inactive {\n font-style: italic;\n\n & > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n\n & > .tree-data > .tree-node.inactive,\n & > .tree-data > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n\n & > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.value-field {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n / Mainly necessary if label is invisible or on top and use ui height is set -> Makes sure the status is aligned and inputs are always the same height/\n min-height: @logical-grid-row-height;\n }\n\n & > .text-field-icon,\n & > .field > .text-field-icon {\n display: none;\n position: absolute;\n }\n\n &.alternative {\n & > .text-field-icon,\n & > .field > .text-field-icon {\n margin-right: 0;\n }\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n margin-left: 0;\n margin-right: @text-field-icon-margin-x;\n }\n }\n\n &.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n #scout.value-field-with-icon(~'.clear-icon');\n\n & > .clear-icon {\n display: flex;\n }\n\n & > .icon {\n display: none;\n }\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n\n &.halign-right {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-left: @text-field-icon-outer-width;\n padding-right: @text-field-padding-x;\n\n &.alternative {\n padding-left: @text-field-alternative-icon-outer-width;\n padding-right: @text-field-alternative-padding-left;\n }\n\n &.cell-editor-field {\n padding-right: @table-cell-padding-left - @item-selection-border-width;\n }\n }\n }\n }\n\n &.has-icon:not(.compact):not(.disabled) {\n #scout.value-field-with-icon(~'.icon');\n\n & > .icon,\n & > .field > .icon {\n display: flex;\n }\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-item {\n display: inline-flex;\n align-items: center;\n text-align: center;\n height: 100%;\n color: @link-color;\n font-size: @font-size-plus;\n vertical-align: top;\n\n &.last {\n font-weight: bold;\n }\n\n &:hover:not(.disabled) {\n color: @link-hover-color;\n }\n\n &:not(.first)::before {\n #scout.font-icon();\n content: @icon-angle-right-bold;\n color: @text-color;\n display: block;\n margin: 0 5px;\n cursor: default;\n }\n\n &:not(.disabled):active {\n color: @link-active-color;\n }\n\n &:not(.disabled) {\n cursor: pointer;\n }\n\n &.disabled {\n color: @disabled-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.widget-field {\n\n & > .menubar {\n background-color: transparent;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.button-field > .field {\n margin-left: @mandatory-indicator-width;\n\n .no-mandatory-indicator& {\n margin-left: 0;\n }\n}\n\n.button-field > .button {\n // Ensure button height remains the same if fill vertical = false\n min-height: @logical-grid-row-height;\n}\n\n.button-field > .link-button {\n padding-left: 0;\n padding-right: 0;\n\n &:hover,\n &:active, &.active {\n background-color: transparent;\n }\n\n &:focus {\n box-shadow: none;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: -3px;\n height: calc(100% - 6px);\n width: calc(100% + 6px);\n #scout.focus-box-shadow();\n border-radius: @border-radius;\n }\n }\n}\n\n.button-field > .key-box {\n position: absolute;\n top: 4px;\n}\n\n.button-field.button-icon-large > .button > .font-icon {\n font-size: @font-size-icon-large;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.calendar-field {\n\n > .group-box-body {\n padding-right: 0;\n }\n\n // add the default margin for form-fields when calendar used inside a regular form\n .form:not(.detail-form) &:not(.mobile) > .field {\n margin-left: @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.check-box-field > .field {\n padding: @check-box-field-padding-y 0;\n outline: none;\n display: flex;\n\n & > .label {\n color: @control-color;\n }\n\n & > .check-box,\n & > .label {\n cursor: pointer;\n }\n\n / only the label should be clickable, not the whole field /\n\n & > .label {\n padding-top: @check-box-field-label-padding-top;\n padding-left: @check-box-field-label-padding-left;\n max-width: calc(~'100% - ' @check-box-size);\n #scout.overflow-ellipsis();\n\n &.empty {\n / Make the label invisible if there is no text to not artificially make the check box wider than it should be\n The check box square defines the height. /\n display: none;\n }\n }\n\n &.has-inner-alignment {\n\n &.halign-left {\n justify-content: flex-start;\n }\n\n &.halign-center {\n justify-content: center;\n }\n\n &.halign-right {\n justify-content: flex-end;\n }\n }\n\n & > .check-box {\n flex: none; / never shrink check-box /\n }\n\n / Same spacings as defined in CellEditorPopup.less, but as margin, not as padding /\n\n & > .cell-editor-field.check-box {\n padding: 0;\n margin: 0 @table-cell-padding-right 0 @table-cell-padding-left;\n vertical-align: top;\n border-width: 1px;\n\n &.last {\n margin-right: @table-cell-padding-right-last !important;\n }\n\n &:focus {\n border-width: 1px;\n #scout.focus-border();\n }\n }\n\n &.halign-right > .cell-editor-field.check-box {\n margin-right: @table-cell-padding-left;\n margin-left: @table-cell-padding-right;\n }\n\n &.halign-center > .cell-editor-field.check-box {\n margin-right: @table-cell-padding-left;\n }\n}\n\n.check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment);\n\n .cell-editor-popup.overflow-top & {\n padding-top: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment + 1px);\n }\n}\n\n.check-box-field.disabled > .field {\n\n & > .check-box {\n cursor: default;\n }\n\n & > .label {\n cursor: default;\n color: @text-disabled-color;\n }\n\n &.read-only > .label {\n color: @read-only-color;\n }\n}\n\n.checkbox-indentation {\n margin-left: @check-box-size + @check-box-field-label-padding-left;\n\n .radiobutton-group-body > & {\n margin-left: @check-box-size + @check-box-field-label-padding-left - @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.date-field {\n #scout.value-field-with-icon(~'.icon.date');\n #scout.value-field-with-icon(~'.icon.time');\n\n & > .field {\n\n & > input,\n & > .input-field {\n position: absolute;\n }\n\n .icon {\n\n &.date-clear,\n &.time-clear {\n cursor: pointer;\n display: none;\n\n &::before {\n content: @icon-remove-bold;\n }\n }\n\n &.date {\n\n &::before {\n content: @icon-calendar;\n }\n }\n\n &.time {\n\n &::before {\n content: @icon-clock;\n }\n }\n }\n }\n\n &.date-focused > .icon.date::before,\n &.date-focused > .field > .icon.date::before,\n &.time-focused > .icon.time::before,\n &.time-focused > .field > .icon.time::before {\n color: @text-field-icon-focus-color;\n }\n\n &:not(.disabled):not(.compact-date) > .field {\n & > .icon.date {\n display: flex;\n }\n\n & > input.date {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &:not(.disabled):not(.compact-time) > .field {\n & > .icon.time {\n display: flex;\n }\n\n & > input.time {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &.clearable-always.date-has-text:not(.disabled):not(.compact-date),\n &.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) {\n #scout.value-field-with-icon(~'.icon.date-clear');\n\n &.date-focused > .icon.date::before,\n &.date-focused > .field > .icon.date-clear::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error.date-focused > .icon.date::before,\n &.has-error.date-focused > .field > .icon.date-clear::before {\n color: @text-field-icon-error-color;\n }\n\n & > .field > .date-clear {\n display: flex;\n }\n\n & > .field > .icon.date {\n display: none;\n }\n\n & > .field > input.date {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &.clearable-always.time-has-text:not(.disabled):not(.compact-time),\n &.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) {\n #scout.value-field-with-icon(~'.icon.time-clear');\n\n &.time-focused > .icon.time::before,\n &.time-focused > .field > .icon.time-clear::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error.time-focused > .icon.time::before,\n &.has-error.time-focused > .field > .icon.time-clear::before {\n color: @text-field-icon-error-color;\n }\n\n & > .field > .time-clear {\n display: flex;\n }\n\n & > .field > .icon.time {\n display: none;\n }\n\n & > .field > input.time {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n}\n\n.date-field > .field {\n\n & > .input-field[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n & > .input-field[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n /* Prediction input field is in the back of the actual input field -> make actual input field transparent /\n\n & > .predict {\n color: @disabled-color;\n background-color: @control-background-color;\n\n &.alternative {\n background-color: @text-field-alternative-background-color;\n }\n\n &.has-error {\n background-color: @error-background-color;\n }\n\n & + input {\n background-color: transparent;\n }\n }\n}\n\n.date-field.date-clearable > .field {\n & > .icon.date-clear {\n display: flex;\n }\n\n & > .icon.date {\n display: none;\n }\n}\n\n.date-field.time-clearable > .field {\n & > .icon.time-clear {\n display: flex;\n }\n\n & > .icon.time {\n display: none;\n }\n}\n\n.touch-popup-field.time > .field {\n\n & > input.date,\n & > .icon.date,\n & > .icon.date-clear {\n .hidden();\n }\n}\n\n.touch-popup-field.date {\n margin-bottom: 0;\n\n & > .field {\n & > input.time,\n & > .icon.time,\n & > .icon.time-clear {\n .hidden();\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.file-chooser-field {\n\n & > .icon {\n cursor: pointer;\n\n &::before {\n content: @icon-file;\n }\n }\n\n & > .file-input {\n & > input {\n display: none;\n }\n\n & > .file-input-text {\n overflow-x: hidden;\n\n &[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n &[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.root-group-box {\n / necessary if dialog gets really small /\n overflow: hidden;\n\n & > .group-box-body,\n & > .group-box-header {\n / group-box-body may be scrollable. /\n / that's why the body has a padding instead of the root-group-box (to place the scrollbars inside the body) /\n padding-left: @root-group-box-padding-left;\n padding-right: @root-group-box-padding-right;\n }\n\n & > .group-box-body {\n & > .scrollbar {\n / override margin reset from group-box-body (see below) /\n #scout.scrollbar-y-padding();\n }\n }\n}\n\n.group-box {\n\n & > .menubar {\n margin-left: @mandatory-indicator-width;\n background-color: inherit;\n #scout.menubar-background-color-inherit;\n }\n\n &.collapsed > .menubar {\n display: none;\n }\n\n &.has-scroll-shadow-top:not(.menubar-position-top) > .group-box-header {\n width: 100%;\n margin-left: 0;\n padding-left: @mandatory-indicator-width;\n }\n}\n\n.root-group-box,\n.group-box {\n &.loading {\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.right-padding-invisible > .group-box-body {\n padding-right: 0;\n }\n}\n\n.group-box-header {\n width: calc(~'100% - ' @mandatory-indicator-width);\n margin-top: @group-box-header-margin-top;\n margin-left: @mandatory-indicator-width;\n position: relative;\n white-space: nowrap;\n margin-bottom: @tab-area-border-width;\n\n & > .bottom-border {\n // Use element with background color instead of a bottom border to align it with tab box correctly (borders are drawn slightly different when zoomed)\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -@group-box-header-border-width;\n width: 100%;\n height: @group-box-header-border-width;\n background-color: @border-color;\n }\n\n &.has-menubar {\n\n & > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n vertical-align: middle;\n padding-left: 10px;\n\n & > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n }\n\n & > .group-box-control {\n display: inline-block;\n color: @title-color;\n cursor: pointer;\n padding-left: 10px;\n text-align: center;\n vertical-align: middle;\n width: @group-box-control-width;\n\n &::before {\n #scout.font-icon();\n font-size: @group-box-control-font-size;\n content: @icon-angle-down-bold;\n\n .group-box.collapsed > & {\n content: @icon-angle-up-bold;\n }\n }\n }\n\n & > .title {\n display: inline-block;\n vertical-align: middle;\n padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0;\n max-width: 100%;\n margin-top: @text-margin-top;\n\n .group-box.has-sub-label > & {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\n }\n\n & > .label {\n font-weight: @title-font-weight;\n color: @title-color;\n #scout.overflow-ellipsis();\n }\n\n & > .sub-label {\n padding-top: 1px;\n font-size: @sub-title-font-size;\n letter-spacing: @sub-title-letter-spacing;\n color: @sub-title-color;\n #scout.overflow-ellipsis();\n }\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n .group-box.has-tooltip > & > .status {\n #scout.tooltip-status();\n }\n\n .group-box.has-info > & > .status {\n #scout.info-status();\n }\n\n .group-box.has-ok > & > .status {\n #scout.ok-status();\n }\n\n .group-box.has-warning > & > .status {\n #scout.warning-status();\n }\n\n .group-box.has-error > & > .status {\n #scout.error-status();\n }\n\n &.expandable {\n / Expansion can also be performed on the title itself /\n cursor: pointer;\n }\n}\n\n.group-box-body {\n position: relative;\n padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0;\n\n &.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &.x-padding-invisible {\n padding-left: 0;\n padding-right: 0;\n }\n\n .collapsed > & {\n display: none;\n }\n\n / position scrollbar as right as possible to prevent overlapping field parts. /\n\n & > .scrollbar {\n #scout.scrollbar-y-padding(8px, 6px);\n }\n}\n\n.group-box.top-padding-invisible > .group-box-body {\n padding-top: 0;\n}\n\n.group-box.bottom-padding-invisible > .group-box-body {\n padding-bottom: 0;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.html-field {\n\n &.selectable {\n // The whole html-field must be selectable, otherwise focusUtils.js would bail out\n // if a user starts a selection on the padding of the .html-field element and\n // not exactly on the .field child element.\n #scout.user-select(text);\n }\n\n & > .field {\n margin-left: @mandatory-indicator-width;\n\n &:focus {\n outline: none;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.label-field {\n\n &.selectable {\n // The whole label-field must be selectable, otherwise focusUtils.js would bail out\n // if a user starts a selection on the padding of the .label-field element and\n // not exactly on the .field child element.\n #scout.user-select(text);\n }\n}\n\n.label-field > .field {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n margin-left: @mandatory-indicator-width;\n #scout.overflow-ellipsis();\n\n &[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n &[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n .no-mandatory-indicator& {\n margin-left: 0;\n }\n\n .top-padding-invisible& {\n padding-top: 0;\n }\n\n .bottom-padding-invisible& {\n padding-bottom: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &.has-inner-alignment {\n\n &.halign-left {\n text-align: left;\n }\n\n &.halign-center {\n text-align: center;\n }\n\n &.halign-right {\n text-align: right;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode-selector-field {\n &.alternative > label.top {\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .mode-selector {\n margin-left: @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.planner-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .planner {\n margin-left: @mandatory-indicator-width;\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@radio-button-transition-speed: 250ms;\n\n.radio-button > .field {\n padding: @radio-button-field-padding-y 0;\n margin-left: @mandatory-indicator-width;\n outline: none;\n display: flex;\n\n & > .radio-button-circle,\n & > .label,\n & > .icon {\n / only the label should be clickable, not the whole field /\n cursor: pointer;\n }\n\n & > .label {\n color: @control-color;\n padding-top: @radio-button-label-padding-top;\n padding-left: @radio-button-label-padding-left;\n #scout.overflow-ellipsis();\n\n &.empty {\n / Make the label invisible if there is no text to not artificially make the button wider than it should be\n Compared to the Button.js the circle defines the height /\n display: none;\n }\n }\n\n & > .icon {\n padding-left: 7px;\n }\n\n & > .radio-button-circle {\n width: @radio-button-circle-size;\n height: @radio-button-circle-size;\n flex: none;\n background-color: @control-background-color;\n border-radius: 50%;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: @radio-button-checked-color;\n border-radius: 50%;\n opacity: 0;\n transition: transform ease @radio-button-transition-speed, opacity linear @radio-button-transition-speed;\n transform: scale(0.01);\n }\n\n // After element is used to draw the border to make sure the before element is always centered as good as possible\n // If the parent draws the border it won't look good on all zoom levels\n &::after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: @radio-button-border-width solid @radio-button-border-color;\n border-radius: 50%;\n }\n\n &.checked {\n &::before {\n transform: scale(unit(@radio-button-inner-circle-size / @radio-button-circle-size));\n opacity: 1;\n transition: transform ease @radio-button-transition-speed;\n }\n\n &::after {\n border-color: @radio-button-checked-color;\n }\n }\n\n &:focus {\n outline: none;\n\n &::after {\n #scout.focus-border(@border-color: @radio-button-checked-color);\n }\n }\n\n &.disabled {\n cursor: default;\n\n &::after {\n border-color: @radio-button-disabled-border-color;\n }\n\n &.checked {\n &::before {\n background-color: @radio-button-checked-disabled-background-color;\n }\n\n &::after {\n border-color: @radio-button-checked-disabled-background-color;\n }\n }\n }\n }\n}\n\n.radio-button.disabled > .field {\n\n & > .label,\n & > .icon {\n cursor: default;\n color: @text-disabled-color;\n }\n}\n\n.radiobutton-indentation {\n margin-left: @radio-button-circle-size + @radio-button-label-padding-left;\n\n .radiobutton-group-body > & {\n margin-left: @radio-button-circle-size + @radio-button-label-padding-left - @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.radiobutton-group-body {\n & > .radio-button > .field {\n / radio button group has a mandatory indicator, no need to create a margin /\n margin-left: 0;\n }\n\n & > .form-field {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n}\n\n.radiobutton-group-body.loading {\n\n & > .form-field {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.dropdown-field {\n\n & > .icon {\n cursor: pointer;\n\n &::before {\n content: @icon-angle-down-bold;\n font-size: 16px;\n }\n }\n\n &.popup-open > .icon::before {\n content: @icon-angle-up-bold;\n }\n\n & > .field {\n cursor: pointer;\n\n &.disabled {\n cursor: default;\n }\n }\n}\n\n.proposal-field {\n\n & > .icon::before {\n content: @icon-pencil;\n }\n}\n\n.smart-field {\n\n & > .icon::before,\n & > .field > .icon::before {\n content: @icon-search;\n }\n\n / Multiline SmartField /\n\n & > .field > .multiline-input {\n border-radius: @control-border-radius @control-border-radius 0 0;\n width: 100%;\n padding-left: @text-field-padding-x;\n\n &:focus {\n border-bottom-right-radius: @control-border-radius;\n border-bottom-left-radius: @control-border-radius;\n }\n\n &.alternative {\n border-bottom-color: @text-field-alternative-border-color;\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n\n &:focus {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-color: @focus-color;\n }\n\n &.has-error {\n border-bottom-color: @error-border-color;\n }\n }\n\n &.read-only {\n border-bottom-color: @border-color;\n\n &.has-error {\n border-bottom-color: @error-border-color;\n }\n }\n }\n\n / DIV below the smart field containing the additional lines /\n\n & > .field > .multiline-lines {\n background-color: @control-background-color;\n border: solid 1px @control-border-color;\n border-radius: 0 0 @control-border-radius @control-border-radius;\n border-top: none;\n padding: 3px @text-field-padding-x;\n #scout.overflow-ellipsis-nowrap();\n #scout.user-select(text);\n\n &.disabled {\n background-color: @control-disabled-background-color;\n }\n }\n\n &.alternative > .field > .multiline-lines,\n &.read-only > .field > .multiline-lines {\n border: 0;\n padding-top: 6px;\n\n &.disabled {\n background-color: transparent;\n }\n }\n\n &.alternative > .field > .multiline-lines {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n }\n\n &.disabled > .field > .multiline-lines {\n color: @disabled-color;\n\n .read-only& {\n color: @read-only-color;\n }\n }\n}\n\n.dropdown-field,\n.proposal-field,\n.smart-field {\n & > .input-field[placeholder]:empty::before,\n & > .multiline > .input-field[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n & > .input-field[placeholder].disabled:empty::before,\n & > .multiline > .input-field[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n &.loading {\n & > .icon {\n #scout.animation(pulsate-in-out 2.2s ease-in-out infinite);\n }\n }\n\n & > .field {\n\n &.halign-left,\n &.halign-left > .multiline-input {\n text-align: left;\n }\n\n &.halign-center,\n &.halign-center > .multiline-input {\n text-align: center;\n }\n\n &.halign-right,\n &.halign-right > .multiline-input {\n text-align: right;\n }\n }\n\n &.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n\n &.halign-right {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field {\n padding-left: 0;\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-icon-outer-width;\n }\n\n &.cell-editor-field {\n padding-right: @text-field-icon-outer-width;\n }\n }\n }\n }\n\n &.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: @text-field-icon-outer-width;\n }\n\n &.alternative.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n margin-right: 0;\n margin-left: @text-field-icon-margin-x;\n }\n }\n}\n\n\n.smart-field-touch-popup > .body {\n & > .touch-popup-field {\n & > .field {\n & > .multiline-input {\n border-radius: @control-border-radius @control-border-radius;\n }\n\n & > .multiline-lines {\n display: none;\n }\n }\n }\n\n & > .touch-popup-widget-container .table-data {\n padding: 2px @touch-popup-padding-x @touch-popup-padding-x;\n\n & > .table-row.first {\n border-top-color: transparent;\n }\n }\n}\n\n.dropdown-field-popup,\n.smart-field-popup,\n.proposal-field-popup {\n #scout.chooser-popup();\n}\n\n.proposal-chooser {\n\n & > .active-filter {\n position: absolute;\n }\n\n & > .status {\n display: flex;\n align-items: center;\n }\n\n & > .active-filter,\n & > .status {\n padding: 0 @proposal-chooser-padding-x;\n background-color: @proposal-chooser-status-background-color;\n border-top: solid 1px @border-color;\n height: @logical-grid-row-height;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &.empty > .active-filter,\n &.empty > .status {\n border-top: 0;\n }\n\n & > .table {\n & > .table-header {\n padding-left: @proposal-chooser-padding-x;\n padding-right: @proposal-chooser-padding-x;\n }\n\n & > .table-data {\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x;\n\n & > .table-row {\n &.first {\n border-top: 1px solid @table-row-border-color;\n\n &.selected::after {\n // If header is invisible, selection of first row starts at 0\n // Since we now have a top border we can move it to -1px again to cover the border\n top: -1px;\n }\n }\n\n &.inactive {\n font-style: italic;\n\n & > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n\n & > .scrollbar.y-axis > .scrollbar-thumb > .scrollbar-thumb-handle {\n margin-left: 1px;\n }\n }\n }\n\n & > .tree {\n & > .tree-data {\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x;\n\n & > .tree-node.inactive,\n & > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n\n & > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n }\n}\n\n.status > .ellipsis {\n padding-left: 3px;\n}\n\n.animate-dot {\n position: relative;\n #scout.animation-name(animateDot);\n #scout.animation-duration(1650ms);\n #scout.animation-iteration-count(infinite);\n}\n\n.delay-0 {\n #scout.animation-delay(0ms);\n}\n\n.delay-1 {\n #scout.animation-delay(200ms);\n}\n\n.delay-2 {\n #scout.animation-delay(400ms);\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.string-field {\n\n &.multiline > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field {\n\n &.has-inner-alignment {\n\n &.halign-left {\n text-align: left;\n }\n\n &.halign-center {\n text-align: center;\n }\n\n &.halign-right {\n text-align: right;\n }\n }\n }\n\n / adjust paddings in case of both icons (icon and clear-icon) are visible /\n\n &.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n\n & > .clear-icon {\n margin-right: 0;\n }\n\n & > input {\n padding-right: @text-field-icon-outer-width + @text-field-icon-size + @text-field-icon-margin-x;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width 2;\n }\n }\n\n &.halign-right > input {\n padding-left: @text-field-icon-outer-width;\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-left: @text-field-alternative-icon-outer-width;\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n\n & > .icon {\n display: flex;\n }\n }\n\n\n &.has-icon > .icon::before {\n content: @icon-arrow-right-bold;\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.tab-box-header {\n margin-top: @group-box-header-margin-top;\n margin-left: @mandatory-indicator-width;\n white-space: nowrap;\n position: relative;\n margin-bottom: @tab-area-border-width;\n\n .tab-box.has-scroll-shadow-top > & {\n margin-left: 0;\n padding-left: @mandatory-indicator-width;\n }\n\n & > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -@tab-area-border-width;\n width: 100%;\n height: @tab-area-border-width;\n background-color: @tab-area-border-color;\n }\n\n & > .tab-area {\n position: relative;\n\n & > .selection-marker {\n position: absolute;\n z-index: 1;\n bottom: -1px;\n margin-bottom: -@tab-area-border-width;\n height: @tab-area-selection-marker-height;\n background-color: @tab-item-selection-marker-color;\n transition: left 0.3s, width 0.3s;\n border-radius: @tab-area-selection-marker-height / 2;\n }\n\n & > .tab-item > .title > .sub-label {\n display: none;\n }\n\n &.has-sub-label {\n & > .tab-item > .title > .sub-label {\n display: block;\n }\n }\n\n &.spread-even {\n width: 100%;\n display: flex;\n\n & > .tab-item {\n flex-grow: 1;\n flex-basis: 0;\n justify-content: center;\n }\n\n & > .tab-item.first {\n padding-left: @tab-item-padding-x;\n }\n }\n }\n\n & > .menubar {\n position: absolute;\n #scout.menubar-background-color-inherit();\n border-bottom: none;\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n .tab-box.has-tooltip > & > .status {\n #scout.tooltip-status();\n }\n\n .tab-box.has-info > & > .status {\n #scout.info-status();\n }\n\n .tab-box.has-ok > & > .status {\n #scout.ok-status();\n }\n\n .tab-box.has-warning > & > .status {\n #scout.warning-status();\n }\n\n .tab-box.has-error > & > .status {\n #scout.error-status();\n }\n}\n\n.tab-item {\n position: relative;\n display: inline-flex;\n align-items: center; // In case the tab area gets very large (e.g. by large form fields in the menubar in dense mode)\n vertical-align: middle; // Needed to align overflow menu item\n color: @tab-item-color;\n background-color: transparent;\n padding: 0 @tab-item-padding-x;\n cursor: pointer;\n height: 100%; // Ensures the after element is always on the tab box header line (may not be the case on certain zoom levels or if the area is very large, see above)\n\n &::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: @tab-area-border-width;\n margin-bottom: -@tab-area-border-width;\n display: none;\n }\n\n &.first {\n padding-left: 0;\n }\n\n &.overflown {\n display: none;\n }\n\n &.marked::after {\n display: block;\n background-color: @tab-item-marked-border-color;\n }\n\n &:hover {\n color: @tab-item-hover-color;\n }\n\n &:active {\n color: @tab-item-active-color;\n }\n\n &.selected {\n color: @tab-item-selected-color;\n }\n\n &:focus {\n outline: none;\n\n &.keyboard-navigation {\n color: @tab-item-focus-color;\n }\n }\n\n & > .title {\n display: inline-block;\n vertical-align: middle;\n padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom;\n margin-top: @text-margin-top;\n\n .tab-area.has-sub-label > & {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\n }\n\n & > .label {\n vertical-align: middle;\n\n // Before element is needed to enlarge the label so that the other tabs won't move when the tab is getting bold because it is selected\n &::before {\n #scout.bold-text-enlarger();\n }\n\n .selected& {\n font-weight: @title-font-weight;\n }\n }\n\n & > .sub-label {\n padding-top: 1px;\n font-size: @sub-title-font-size;\n letter-spacing: @sub-title-letter-spacing;\n color: @sub-title-color;\n }\n }\n\n & > .status {\n display: inline-block;\n vertical-align: middle;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n &.has-tooltip,\n &.has-info,\n &.has-warning,\n &.has-ok,\n &.has-error {\n padding-right: @field-status-margin-left;\n }\n\n &.has-tooltip > .status {\n #scout.tooltip-status();\n }\n\n &.has-info > .status {\n #scout.info-status();\n }\n\n &.has-ok > .status {\n #scout.ok-status();\n }\n\n &.has-warning > .status {\n #scout.warning-status();\n }\n\n &.has-error > .status {\n #scout.error-status();\n }\n}\n\n.overflow-tab-item.menu-item {\n vertical-align: middle;\n color: @tab-item-color;\n\n &::before {\n display: none;\n }\n\n & > .submenu-icon {\n padding-left: 4px;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-chooser-popup {\n #scout.chooser-popup();\n\n min-width: 150px;\n max-width: 250px;\n\n & > .table > .table-data {\n // Somehow the chooser is 3px too large -> reduce the size by that amount\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x @proposal-chooser-padding-y - 3px @proposal-chooser-padding-x;\n\n & > .table-row.first {\n border-top: 1px solid @table-row-border-color;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-field {\n\n &.focused > .field {\n #scout.focus-border();\n\n &.alternative {\n #scout.alternative-focus-border();\n }\n }\n\n & > .field {\n .input-field();\n\n &.alternative {\n .input-field.alternative();\n }\n\n user-select: none;\n padding: 0 0 0 @tag-field-tag-margin-right;\n\n &:not(.multiline) {\n white-space: nowrap;\n }\n\n & > .tag-bar {\n display: inline-block;\n }\n\n & > input {\n border: none;\n padding-left: 3px;\n padding-right: 3px;\n background-color: transparent;\n min-height: @tag-field-tag-height;\n height: 100%;\n\n &.fullwidth {\n width: 100%;\n padding-left: @text-field-padding-x - @tag-field-tag-margin-right;\n\n &.alternative {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n }\n }\n\n &.focused, &:focus {\n box-shadow: none;\n }\n\n &.has-error {\n background-color: transparent;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .table {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tree-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .tree {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected,\n &.no-nodes-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.wizard-steps {\n overflow: hidden;\n margin-left: @mandatory-indicator-width;\n margin-right: 0;\n}\n\n.wizard-steps-body {\n display: flex;\n align-items: center;\n height: @wizard-steps-height;\n overflow: hidden;\n white-space: nowrap; / Allows the last wizard-step to be 100% without line break /\n border-bottom: @wizard-steps-border-width solid @border-color;\n position: relative;\n}\n\n.wizard-step {\n position: relative;\n display: inline-flex;\n align-items: center;\n padding-left: @wizard-step-padding-x;\n padding-right: @wizard-step-padding-x;\n\n & > .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: @wizard-step-icon-size;\n height: @wizard-step-icon-size;\n border: 1px solid @wizard-step-icon-border-color;\n border-radius: 50%;\n margin-right: @wizard-step-icon-margin-right;\n font-size: @font-size-small;\n\n & > .font-icon {\n font-size: 14px;\n }\n }\n\n & > .text {\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n\n &::before {\n #scout.bold-text-enlarger();\n }\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n color: @sub-title-color;\n letter-spacing: @sub-title-letter-spacing;\n font-size: @sub-title-font-size;\n }\n }\n\n &.first {\n padding-left: 0;\n }\n\n &.last {\n padding-right: 0;\n }\n\n &.action-enabled {\n cursor: pointer;\n color: @link-color;\n\n &:hover {\n & > .icon {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n & > .text > .title {\n color: @hover-color;\n }\n }\n\n &:active, &.active {\n & > .icon {\n background-color: @active-background-color;\n }\n }\n }\n\n &.finished {\n & > .icon {\n color: @wizard-step-finished-color;\n background-color: @wizard-step-finished-background-color;\n border-color: @wizard-step-finished-background-color;\n }\n\n &.action-enabled {\n &:hover > .icon {\n color: @wizard-step-finished-color;\n background-color: darken(@wizard-step-finished-background-color, 6%);\n border-color: darken(@wizard-step-finished-background-color, 6%);\n }\n\n &:active > .icon,\n &.active > .icon {\n color: @wizard-step-finished-color;\n background-color: darken(@wizard-step-finished-background-color, 13%);\n border-color: darken(@wizard-step-finished-background-color, 13%);\n }\n }\n }\n\n &.selected {\n & > .icon {\n color: @wizard-step-selected-icon-color;\n background-color: @wizard-step-selected-icon-background-color;\n border-color: @wizard-step-selected-icon-background-color;\n font-weight: bold;\n }\n\n & > .text > .title {\n font-weight: @title-font-weight;\n }\n }\n\n &.disabled {\n & > .icon {\n background-color: @wizard-step-disabled-background-color;\n color: @wizard-step-disabled-color;\n border-color: @wizard-step-disabled-border-color;\n }\n\n & > .text > .title,\n & > .text > .sub-title {\n color: @wizard-step-disabled-color;\n }\n }\n}\n\n.wizard-steps > .scrollbar {\n #scout.scrollbar-x-padding(6px, 4px);\n}\n\n.wizard-step-separator {\n height: 1px;\n width: 40px;\n background-color: @border-color;\n flex-shrink: 0;\n flex-grow: 0;\n}\n\n.wizard-steps.compact {\n & > .wizard-steps-body {\n height: @wizard-steps-compact-height;\n\n & > .wizard-step-separator {\n width: 20px;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.wrapped-form-field > .form {\n background-color: transparent;\n\n / Reset padding set in GroupBox.css /\n\n & > .root-group-box > .group-box-body,\n & > .root-group-box > .group-box-header {\n padding-left: 0;\n padding-right: 0;\n }\n\n / Reset margin set in GroupBox.css /\n\n & > .root-group-box {\n overflow: visible; / allow overflow for the root-group-box for wrapped forms /\n\n & > .group-box-body {\n & > .scrollbar {\n / position scrollbar as right as possible to prevent overlapping field parts. /\n #scout.scrollbar-y-padding(8px, 6px);\n }\n }\n }\n\n / Reset values set in MenuBar.css /\n\n & > .root-group-box > .menubar {\n margin-left: @mandatory-indicator-width;\n #scout.menubar-background-color-inherit;\n\n & > .menubar-box > .menu-item {\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.glasspane {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n outline: none;\n z-index: 100;\n cursor: default;\n\n &.busy {\n cursor: wait;\n }\n\n &.dark {\n background-color: rgba(0, 0, 0, 0.1);\n #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.2s);\n }\n}\n\n.glasspane-parent {\n pointer-events: none; / Disable hover effects and clicks /\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.image {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n\n &.autofit {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n }\n\n &.chrome-fix {\n padding-bottom: 0.01px;\n }\n\n &.empty {\n visibility: hidden;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.key-box {\n position: absolute;\n min-width: 34px;\n padding: 4px 5px;\n z-index: 100;\n color: @key-box-color;\n background-color: @key-box-background-color;\n line-height: normal;\n text-align: center;\n border: 1px solid @key-box-border-color;\n font-size: 11px;\n font-weight: normal;\n border-radius: @border-radius;\n\n &.disabled {\n border-color: @key-box-border-disabled-color;\n background-color: @key-box-background-disabled-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.logical-grid-layout {\n position: relative;\n\n & > {\n position: absolute;\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.menu-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center; // In case a min-width is set\n color: @menu-item-color;\n cursor: pointer;\n padding: @menu-item-padding-y @menu-item-padding-x;\n border-radius: @border-radius;\n\n &.menu-icononly {\n padding-left: @menubar-item-icononly-padding-x;\n padding-right: @menubar-item-icononly-padding-x;\n }\n\n & > .key-box {\n bottom: -3px;\n }\n\n &:hover {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-background-color;\n\n &:hover {\n background-color: @selected-hover-background-color;\n }\n\n &.active, &:active {\n background-color: @selected-active-background-color;\n }\n\n &.has-popup {\n color: @menu-item-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n\n #scout.focus-box-shadow-transition();\n\n &:focus {\n #scout.focus-inset-box-shadow();\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n background-color: transparent;\n cursor: default;\n\n &:hover, &.active, &:active {\n background-color: transparent;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-disabled-background-color;\n\n &.has-popup {\n color: @menu-item-disabled-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n }\n\n &.menu-textandicon > .icon {\n margin-right: @menu-item-icon-margin-right;\n }\n\n & > .text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n }\n\n & > .font-icon {\n font-size: 16px;\n }\n\n & > .image-icon {\n / Prevent large image icons from overlapping the menu item /\n max-height: @menu-item-max-image-icon-height;\n / Ensure the default image icon size is taken from the beginning, so that the text does not \"jump\" when /\n / the image loading is complete. (For larger icons, the width will be increased afterwards.) /\n min-width: @menu-item-min-image-icon-width;\n }\n\n & > .icon {\n\n &.with-label {\n margin-right: 8px;\n }\n }\n\n &.disabled > .icon.image-icon {\n #scout.vendor(filter, grayscale(100%));\n opacity: 0.5;\n }\n\n & > .submenu-icon,\n & > .text > .submenu-icon {\n #scout.submenu-icon();\n padding-left: 8px;\n\n .menu-icononly& {\n padding-left: 0;\n }\n\n .selected& {\n #scout.submenu-icon-open();\n }\n }\n\n &.bottom-text.menu-textandicon {\n flex-direction: column;\n\n & > .icon {\n display: block;\n margin-right: 0; // reset\n padding-bottom: 3px;\n }\n\n & > .text {\n display: flex;\n align-items: center;\n font-size: @font-size-extra-small;\n\n & > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n // Make sure the icon does not increase the height and therefore the whole menu\n line-height: 0;\n }\n }\n }\n}\n\n.menu-button {\n .button();\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.context-menu-popup {\n #scout.popup-2();\n overflow: hidden;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n\n.context-menu {\n position: absolute;\n margin: @context-menu-margin-y 0;\n background-color: @popup-2-background-color;\n\n & > .menu-item {\n display: flex;\n justify-content: start;\n padding: @context-menu-item-padding-y @context-menu-item-padding-right @context-menu-item-padding-y @context-menu-item-padding-left;\n color: @context-menu-item-color;\n border-radius: 0;\n\n & > .font-icon {\n color: @context-menu-item-icon-color;\n min-width: 16px;\n text-align: center;\n }\n\n & > .text {\n #scout.overflow-ellipsis();\n / default is inline, inline-block is necessary so that max-width set by JS is respected /\n display: inline-block;\n }\n\n &.menu-textandicon > .icon {\n margin-right: @context-menu-item-icon-margin-right;\n }\n\n &.selected {\n background-color: @item-selection-background-color;\n\n &.has-popup {\n color: @context-menu-item-color;\n\n &.disabled {\n color: @menu-item-disabled-color;\n background-color: @item-selection-background-color;\n }\n }\n\n & > .submenu-icon {\n transform: none;\n }\n }\n\n &.expanded {\n & > .submenu-icon {\n #scout.submenu-icon-open();\n }\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n\n & > .font-icon {\n color: @menu-item-disabled-color;\n }\n }\n\n & > .key-box {\n bottom: auto;\n top: 5px;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.combo-menu {\n padding: 0;\n cursor: default;\n align-items: stretch;\n\n &:active, &.active, &:hover {\n background-color: transparent;\n }\n\n & > .menu-item {\n &:not(.first) {\n margin-left: 3px;\n\n &::before {\n content: '';\n position: absolute;\n left: -1px;\n top: 7px;\n height: calc(100% - 14px);\n width: 1px;\n background-color: @border-color;\n }\n }\n\n &:focus::before {\n display: none;\n }\n\n &:not(.disabled):hover,\n &.selected {\n &::before,\n & ~ .menu-item::before {\n display: none;\n }\n }\n }\n}\n\n.combo-menu.menu-button {\n border: 0;\n\n & > .menu-item {\n border: 1px solid @button-border-color;\n flex-grow: 1;\n\n &.menu-icononly:not(.first.last) { // Rule must not be applied if combo menu contains only one item\n flex-grow: 0;\n }\n\n &:not(.last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0;\n }\n\n &:not(.first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: 0;\n margin-left: 0;\n }\n\n .disabled& {\n border-color: @button-disabled-color;\n }\n\n &:focus {\n z-index: 1; // Allows box-shadow to draw over the right menu-item\n }\n }\n\n &.default {\n & > .menu-item {\n .button.default();\n\n &::before {\n background-color: @default-combo-menu-separator-color;\n }\n\n &.selected {\n background-color: @default-button-selected-background-color;\n border-color: @default-button-selected-background-color;\n }\n\n &.disabled {\n color: @disabled-inverted-color;\n\n &:hover, &.active, &:active, &.selected {\n background-color: @default-button-background-color;\n border-color: @default-button-background-color;\n }\n }\n }\n }\n}\n\n.context-menu > .combo-menu {\n padding: 0;\n\n & > .menu-item {\n color: @context-menu-item-color;\n padding: @context-menu-item-padding-y @context-menu-item-padding-right @context-menu-item-padding-y @context-menu-item-padding-left;\n flex-grow: 1;\n justify-content: start;\n border-radius: 0;\n\n & > .font-icon {\n color: @context-menu-item-icon-color;\n }\n\n &.menu-textandicon > .icon {\n margin-right: @context-menu-item-icon-margin-right;\n }\n\n &.menu-icononly:not(.first.last) { // Rule must not be applied if combo menu contains only one item\n flex-grow: 0;\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n\n & > .font-icon {\n color: @menu-item-disabled-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.profile-menu.menu-item > .icon {\n height: 26px;\n width: 26px;\n margin: -4px;\n\n display: inline-flex;\n justify-content: center;\n align-items: center;\n\n border-radius: 50%;\n background: @profile-menu-icon-background;\n\n &.font-icon {\n color: @profile-menu-icon-color;\n }\n\n &.image-icon {\n object-fit: cover;\n max-height: 26px;\n }\n\n .context-menu > .menu-textandicon& {\n margin-right: 10px;\n }\n\n .desktop-tool-box-item& {\n height: @desktop-logo-height;\n width: @desktop-logo-height;\n margin: 0;\n #scout.drop-shadow(@y: 3px, @blur: 5px);\n\n font-size: 18px;\n\n .menu-textandicon& {\n margin-right: 8px;\n }\n\n &.image-icon {\n max-height: @desktop-logo-height;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-field-menu {\n // Remove y padding but keep x padding to have the same gap between form field menus and regular menus.\n padding-top: 0;\n padding-bottom: 0;\n cursor: default;\n color: @text-color;\n\n &:hover {\n color: @text-color;\n background-color: transparent;\n }\n\n &:active, &.active {\n background-color: transparent;\n }\n\n &:not(.has-text):not(.has-icon) {\n & > .form-field > label {\n margin-left: 0;\n }\n }\n\n & > .form-field {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n\n & > label {\n margin-left: 8px;\n }\n\n &.disabled:not(.read-only) > label {\n / Use same disabled color as for menu items /\n color: @menu-item-disabled-color;\n }\n }\n\n &:not(.has-icon) > .form-field:not(.no-mandatory-indicator) {\n // Remove margin left since the menu-item already has a padding\n // This reduces the gap between form field menus in the menu bar, but also improves the alignment in the context menu\n margin-left: -@mandatory-indicator-width;\n }\n\n & > .check-box-field.disabled:not(.read-only) > .field > .label,\n & > .radiobutton-group > .radiobutton-group-body > .radio-button.disabled:not(.read-only) > .field > .label,\n & > .radio-button.disabled:not(.read-only) > .field > .label {\n / Use same disabled color as for menu items /\n color: @menu-item-disabled-color;\n }\n}\n\n.menubar-box > .form-field-menu {\n & > .string-field,\n & > .smart-field,\n & > .dropdown-field,\n & > .proposal-field,\n & > .number-field,\n & > .date-field,\n & > .tag-field,\n & > .file-chooser-field {\n margin-top: @menubar-field-menu-margin-y - @menubar-item-margin-y;\n margin-bottom: @menubar-field-menu-margin-y - @menubar-item-margin-y;\n }\n}\n\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu {\n &.first {\n padding-left: 0;\n }\n\n &.last {\n padding-right: 0;\n }\n}\n\n/ Inside context menu popup -> set preferred size /\n.context-menu > .form-field-menu {\n & > .text,\n & > .icon {\n flex: none;\n }\n\n & > .form-field {\n flex: 1 1 auto;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.menu-bar-popup {\n margin: @widget-popup-margin 6px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode {\n --padding-x: @mode-padding-x;\n --padding-y: @mode-padding-y;\n --border-width: @mode-border-width;\n\n border: var(--border-width) solid @control-border-color;\n border-radius: 0;\n flex: 1 1 0;\n padding: var(--padding-y) var(--padding-x);\n #scout.overflow-ellipsis();\n\n &.first {\n border-radius: @button-border-radius 0 0 @button-border-radius;\n }\n\n &.last {\n border-radius: 0 @button-border-radius @button-border-radius 0;\n }\n\n &.first.last {\n border-radius: @button-border-radius;\n }\n\n &:not(.last):not(.selected) {\n border-right: none;\n padding-right: calc(var(--padding-x) + var(--border-width)); / account for the missing border, so that text does not jump /\n }\n\n &.after-selected {\n border-left: none;\n padding-left: calc(var(--padding-x) + var(--border-width)); / account for the missing border, so that text does not jump /\n }\n\n // override button (the selected mode cannot be clicked. therefore do not show hover and active colors)\n &.selected {\n color: @selected-color;\n cursor: default;\n\n &:hover {\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n }\n\n &:active {\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n }\n\n &.disabled {\n background-color: @mode-selected-background-disabled-color;\n border-color: @mode-selected-background-disabled-color;\n }\n }\n\n & > .icon {\n padding: 0; // remove padding from button\n\n &.with-label {\n margin-right: 8px;\n }\n }\n}\n\n.mode-selector.alternative {\n\n & > .mode {\n --border-width: 0px;\n\n color: @mode-color;\n background-color: transparent;\n border-radius: @button-border-radius;\n\n &:hover {\n background-color: @mode-alternative-hover-background-color;\n }\n\n &:active {\n background-color: @mode-alternative-active-background-color;\n }\n\n &.selected {\n color: @button-color;\n transition: color 500ms ease;\n\n &:hover {\n background-color: transparent;\n }\n\n &.disabled {\n background-color: @mode-alternative-selected-background-disabled-color;\n }\n }\n\n &.mode-selector-dragging {\n // do not show animations and hover-effects during drag\n background-color: transparent;\n transition: unset;\n }\n\n &.disabled {\n color: @button-disabled-color;\n background-color: transparent;\n cursor: default;\n }\n }\n}\n\n.dense .mode-selector {\n & > .mode {\n --padding-x: @mode-padding-dense-x;\n --padding-y: @mode-padding-dense-y;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode-selector {\n position: relative;\n background-color: @control-background-color;\n white-space: nowrap;\n display: inline-flex;\n overflow: hidden;\n\n & > .mode-slider {\n display: none;\n }\n\n &.alternative {\n background-color: @mode-alternative-background-color;\n border-radius: @button-border-radius;\n border: @mode-selector-alternative-border-width solid transparent;\n\n &:not(.disabled) > .mode-slider {\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n background-color: @mode-alternative-selected-background-color;\n border-radius: @button-border-radius;\n transition: left 500ms ease, width 500ms ease;\n\n // do not show animations during drag\n &.mode-selector-dragging {\n transition: unset;\n }\n }\n\n & > .mode.mode-selector-dragging {\n pointer-events: none; // prevent click event when releasing the slider\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.planner-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n line-height: 29px;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.planner {\n position: absolute;\n overflow: hidden;\n\n & > .menubar.bottom {\n position: absolute;\n bottom: 0;\n }\n}\n\n.planner-scale {\n position: absolute;\n right: 0;\n height: @planner-scale-height;\n border-bottom: 1px solid @border-color;\n width: 100%;\n / for horizontal scrollbars /\n overflow: hidden;\n white-space: nowrap;\n\n & .scale-item {\n display: inline-block;\n position: relative;\n white-space: nowrap;\n padding: 0 0 0 5px;\n\n &.label-invisible {\n color: transparent;\n }\n }\n\n & > .timeline {\n display: inline-block;\n width: calc(~'100% - ' @planner-resource-title-width);\n\n & > .timeline-large {\n height: 50%;\n background-color: @planner-timeline-background-color;\n line-height: @planner-scale-height / 2;\n\n & > .scale-item > .planner-large-scale-item-line {\n height: @planner-scale-height;\n }\n }\n\n & > .timeline-small {\n height: 50%;\n line-height: @planner-scale-height / 2;\n\n & > .highlight {\n position: absolute;\n background-color: @item-selection-background-color;\n height: 50%;\n }\n }\n }\n}\n\n.planner-scale-title {\n height: 100%;\n float: left;\n #scout.overflow-ellipsis-nowrap();\n padding: 0 @resource-padding-x;\n font-size: 17px;\n color: @planner-resource-title-color;\n line-height: @planner-scale-height;\n width: @planner-resource-title-width;\n}\n\n.planner-grid {\n position: absolute;\n right: 0;\n width: 100%;\n overflow: hidden;\n}\n\n.planner-resource {\n height: @planner-resource-minheight;\n width: 100%;\n border-bottom: 1px solid @border-color;\n\n & > .resource-title {\n line-height: @planner-resource-minheight;\n height: 100%;\n width: @planner-resource-title-width;\n padding: 0 @resource-padding-x;\n float: left;\n #scout.overflow-ellipsis-nowrap();\n }\n\n &.selected > .resource-title {\n background-color: @item-selection-background-color;\n }\n\n & > .resource-cells {\n position: relative;\n height: 100%;\n width: calc(~'100% - ' @planner-resource-title-width);\n float: left;\n\n & > .selector {\n position: absolute;\n border-top: 2px solid @item-selection-border-color;\n border-bottom: 2px solid @item-selection-border-color;\n z-index: 1; / TODO [7.0] CRU/BSH/CGU Instead of assigning a z-index, find a better insertion point for the selector /\n top: 0;\n\n & > .selector-resize-left {\n background-color: @planner-selector-resize-background-color;\n border-left: 2px solid @item-selection-border-color;\n border-right: 2px solid @item-selection-border-color;\n position: absolute;\n top: 0;\n left: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n }\n\n & > .selector-resize-right {\n background-color: @planner-selector-resize-background-color;\n border-left: 2px solid @item-selection-border-color;\n border-right: 2px solid @item-selection-border-color;\n position: absolute;\n top: 0;\n right: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n }\n }\n }\n}\n\n.planner-activity {\n position: absolute;\n top: 1px;\n width: 0;\n color: @planner-activity-color;\n height: @planner-resource-minheight - 3px;\n line-height: @planner-resource-minheight - 3px;\n background-color: @palette-green-2;\n text-align: center;\n border: 1px solid @border-color;\n overflow: hidden;\n\n &.selected {\n outline: 2px solid @item-selection-border-color;\n }\n}\n\n.planner-activity-level {\n background-color: @planner-activity-level-background-color;\n}\n\n.planner-small-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: @planner-small-scale-item-line-color;\n pointer-events: none;\n}\n\n.planner-large-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: @planner-large-scale-item-line-color;\n pointer-events: none;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.planner-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.planner-header {\n display: table;\n width: 100%;\n white-space: nowrap;\n padding: 8px 3px 12px 0;\n}\n\n.planner-range {\n display: table-cell;\n vertical-align: middle;\n white-space: nowrap;\n padding-left: 8px;\n}\n\n.planner-previous,\n.planner-today,\n.planner-next {\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n cursor: pointer;\n height: @planner-header-button-height;\n color: @text-color;\n background-color: @button-background-color;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n margin-right: 5px;\n line-height: @planner-header-button-height - 1px;\n\n &:hover {\n color: @hover-color;\n }\n}\n\n.planner-today {\n width: 65px;\n}\n\n.planner-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n\n.planner-previous:hover::before,\n.planner-next:hover::before {\n color: @hover-color;\n}\n\n.planner-previous::before {\n .planner-icon(@icon-angle-left, 20px);\n}\n\n.planner-next::before {\n .planner-icon(@icon-angle-right, 20px);\n}\n\n.planner-commands {\n display: table-cell;\n text-align: right;\n}\n\n.planner-mode,\n.planner-toggle-year,\n.planner-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: @planner-header-button-height;\n line-height: @planner-header-button-height - 1px;\n cursor: pointer;\n}\n\n.planner-mode {\n padding: 0 8px;\n min-width: 65px;\n text-align: center;\n border-top: 1px solid @control-border-color;\n border-bottom: 1px solid @control-border-color;\n border-left: 1px solid @control-border-color;\n #scout.overflow-ellipsis-nowrap();\n\n &.first {\n border-left: 1px solid @control-border-color;\n border-top-left-radius: @button-border-radius;\n border-bottom-left-radius: @button-border-radius;\n }\n\n &.last {\n border-right: 1px solid @control-border-color;\n border-top-right-radius: @button-border-radius;\n border-bottom-right-radius: @button-border-radius;\n margin-right: 5px;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &.selected {\n color: @planner-mode-selected-color;\n background-color: @planner-mode-selected-background-color;\n }\n\n &.disabled {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n cursor: default;\n }\n}\n\n.planner-toggle-year,\n.planner-toggle-list {\n margin-left: 5px;\n\n &:hover::before {\n color: @hover-color;\n }\n}\n\n.planner-toggle-year::before {\n .planner-icon(@icon-calendar, 18px);\n}\n\n.planner-toggle-list::before {\n .planner-icon(@icon-list, 18px);\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.popup {\n position: absolute;\n top: 0;\n\n &:focus {\n outline: none;\n }\n\n &.with-arrow {\n min-width: @popup-arrow-size;\n min-height: @popup-arrow-size;\n }\n\n &.before-animate-open {\n .invisible();\n }\n\n &.modal.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: @popup-arrow-size;\n height: @popup-arrow-size;\n\n &.left {\n left: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n\n &.center {\n top: 50%;\n }\n\n &.bottomedge {\n transform: translate(-50%, 50%) rotate(45deg);\n }\n }\n\n &.right {\n right: 0;\n transform: translate(50%, -50%) rotate(45deg);\n\n &.center {\n top: 50%;\n }\n\n &.bottomedge {\n transform: translate(50%, 50%) rotate(45deg);\n }\n }\n\n &.top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n\n &.center {\n left: 50%;\n }\n\n &.rightedge {\n transform: translate(50%, -50%) rotate(45deg);\n }\n }\n\n &.bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n\n &.center {\n left: 50%;\n }\n\n &.rightedge {\n transform: translate(50%, 50%) rotate(45deg);\n }\n }\n\n &.leftedge {\n left: 35px;\n }\n\n &.rightedge {\n right: 35px;\n }\n\n &.topedge {\n top: 35px;\n }\n\n &.bottomedge {\n bottom: 35px;\n }\n}\n\n.popup-arrow-overlay {\n position: absolute;\n background-color: inherit;\n width: 100%;\n height: 100%;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mobile-popup {\n background-color: @popup-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-top-left-radius: @popup-border-radius;\n border-top-right-radius: @popup-border-radius;\n overflow: hidden;\n margin-top: 30px;\n #scout.drop-shadow(@x: 0, @y: 0, @blur: 30px, @spread: 5px, @alpha: 0.5);\n\n &.animate-open {\n #scout.animation-name(slidein-bottom);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-bottom);\n #scout.animation-duration(0.5s);\n }\n}\n\n.mobile-popup-header {\n position: absolute;\n width: 100%;\n\n padding-top: @mobile-popup-title-margin-top;\n padding-left: 20px;\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n #scout.font-text-large();\n width: 100%;\n }\n\n & > .closer {\n position: absolute;\n top: 6px;\n right: 6px;\n padding: 7px;\n z-index: 1;\n border-radius: @closer-border-radius;\n\n &::before {\n display: none;\n }\n }\n\n .mobile-popup.closable > & > .title {\n margin-right: @mobile-popup-title-margin-right;\n width: calc(~'100% - ' @mobile-popup-title-margin-right);\n }\n}\n\n.mobile-popup-widget {\n position: relative;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@touch-popup-padding-x: 15px;\n\n.touch-popup {\n position: absolute;\n overflow: hidden;\n #scout.popup-2();\n margin: 45px 10px 10px 10px;\n\n & > .body {\n display: flex;\n flex-direction: column;\n }\n}\n\n.touch-popup-header {\n margin: 8px @touch-popup-padding-x - @menu-item-padding-x 8px @touch-popup-padding-x;\n display: flex;\n align-items: baseline;\n}\n\n.touch-popup-title {\n font-weight: @font-weight-bold;\n color: @title-color;\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.touch-popup-field {\n position: relative;\n margin: 0 @touch-popup-padding-x 8px;\n flex: none;\n}\n\n.touch-popup-widget-container {\n position: relative;\n min-height: 0;\n max-height: 400px;\n}\n\n@media (max-height: @iphone5-height) {\n .touch-popup {\n / move popup to top on small screens, no need to waste space/\n margin-top: 10px;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.popup-animate-open {\n #scout.animation-name(fadein-zoom);\n #scout.animation-duration(0.2s);\n}\n\n.popup-animate-remove {\n #scout.animation-name(fadeout-shrink-blur);\n #scout.animation-duration(0.15s);\n #scout.animation-fill-mode(forwards);\n}\n\n.widget-popup {\n #scout.popup();\n margin: @widget-popup-margin;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n\n & > .popup-arrow {\n\n &.bottom,\n &.right {\n #scout.drop-shadow-large(@y: 4px, @spread: -2px);\n }\n }\n\n & > .actions {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n white-space: nowrap;\n\n & > .action {\n color: @closer-action-color;\n margin: 7px 7px 7px @menubar-item-margin-x;\n border-radius: @closer-border-radius;\n padding: 7px;\n font-size: 17px;\n min-width: 30px;\n\n &:hover {\n color: @closer-hover-color;\n }\n\n &.disabled {\n color: @disabled-color\n }\n }\n }\n\n & > .popup-widget {\n position: relative;\n overflow: hidden;\n background-color: inherit;\n border-radius: @popup-border-radius;\n }\n\n & > .popup-arrow-overlay {\n border-radius: @popup-border-radius;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n -ms-touch-action: none;\n touch-action: none;\n z-index: 10;\n}\n\n.resizable-s {\n cursor: s-resize;\n height: 10px;\n width: 100%;\n bottom: -5px;\n left: 0;\n}\n\n.resizable-e {\n cursor: e-resize;\n width: 10px;\n right: -5px;\n top: 0;\n height: 100%;\n}\n\n.resizable-se {\n cursor: se-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n bottom: -5px;\n}\n\n.resizable-sw {\n cursor: sw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n bottom: -5px;\n}\n\n.resizable-w {\n cursor: w-resize;\n width: 10px;\n left: -5px;\n top: 0;\n height: 100%;\n}\n\n.resizable-nw {\n cursor: nw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n top: -5px;\n}\n\n.resizable-n {\n cursor: n-resize;\n width: 100%;\n height: 10px;\n left: 0;\n top: -5px;\n}\n\n.resizable-ne {\n cursor: ne-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n top: -5px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n #scout.popup-2();\n #scout.popup-2-backdrop-filter();\n .messagebox.severity-button(@info-color);\n\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n\n &.calc-helper {\n top: 0;\n left: 0;\n }\n\n &.animate-open {\n #scout.animation-name(fade-in);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.busyindicator-content {\n border-radius: @border-radius-medium;\n padding: 26px;\n}\n\n.busyindicator-label {\n display: inline-block;\n margin-left: @busyindicator-icon-size + 10px;\n text-indent: -(@busyindicator-icon-size + 10px);\n\n &::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n width: @busyindicator-icon-size;\n height: @busyindicator-icon-size;\n margin-top: -3px;\n margin-right: 15px;\n border: 1px fade(@busyindicator-color, 80%) solid;\n border-radius: 50%;\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n }\n\n &.cancelled::before {\n #scout.animation(pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n }\n}\n\n.busyindicator-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n\n.busyindicator-details {\n padding-top: 20px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.splitter {\n position: absolute;\n\n / \| /\n\n &.x-axis {\n top: 0;\n height: 100%;\n width: @splitter-size;\n\n &:not(.disabled) {\n cursor: col-resize;\n }\n\n &.line {\n padding-right: floor((@splitter-size - @splitter-line-size) / 2);\n padding-left: ceil((@splitter-size - @splitter-line-size) / 2);\n }\n }\n\n &.y-axis {\n left: 0;\n width: 100%;\n height: @splitter-size;\n\n &:not(.disabled) {\n cursor: row-resize;\n }\n\n &.line {\n padding-top: floor((@splitter-size - @splitter-line-size) / 2);\n padding-bottom: ceil((@splitter-size - @splitter-line-size) / 2);\n }\n }\n\n &.line {\n background-clip: content-box;\n background-color: @border-color;\n\n &:not(.disabled):hover {\n background-color: @hover-color;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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-monospace-family: 'Consolas', 'Lucida Console', 'Courier', 'Courier New', monospace;\n\n@font-weight-normal: normal;\n@font-weight-bold: bold;\n\n@font-size-extra-small: 10px;\n@font-size-small: 11px;\n@font-size-smaller: 12px;\n@font-size-normal: 13px;\n@font-size-plus: 14px;\n@font-size-large: 16px;\n@font-size-extra-large: 32px;\n\n@font-size-icon-small: 14px;\n@font-size-icon: 16px;\n@font-size-icon-large: 24px;\n\n@letter-spacing: 0.2px;\n\n// Arial font is hard to vertically align, especially with icons\n// This variable can be used to fix the alignment for specific widgets that can have an icon\n// or are often placed to the side of widgets with icons\n@text-margin-top: 1px;\n\n// Icons aligned with line-height may use this variable.\n// It should have the same size as regular text (not the font-size, the actual size)\n@font-icon-line-height: 15px;\n\n@icon-font-weight-light: 300;\n@tooltip-font-weight: @font-weight-normal;\n\n@font-face {\n font-family: scoutIcons;\n font-weight: normal;\n src: url('fonts/scoutIcons.woff') format('woff');\n}\n\n@font-face {\n font-family: scoutIcons;\n font-weight: @icon-font-weight-light;\n src: url('fonts/scoutIcons-light.woff') format('woff');\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ -------------------------------- /\n/ Global sizes /\n/ -------------------------------- /\n@application-loading01-size: 80px;\n@application-loading02-size: 120px;\n@border-radius: 3px;\n@border-radius-medium: 8px;\n@border-radius-large: 12px;\n@borderless-field-padding-y: @text-field-padding-y + 1px;\n@breadcrumb-bar-field-padding-bottom: 0;\n@breadcrumb-bar-field-padding-bottom-dense: 4px;\n@collapse-handle-border-radius: @border-radius-medium;\n@control-border-radius: @border-radius;\n@control-alternative-border-radius: @control-border-radius;\n@control-popup-border-radius: @border-radius;\n@control-popup-margin: 5px;\n@drop-shadow-y: 6px;\n@drop-shadow-blur: 13px;\n@drop-shadow-large-y: 8px;\n@drop-shadow-large-blur: 32px;\n@filter-field-bottom: 8px;\n@filter-field-right: 8px;\n@filter-field-height: @logical-grid-row-height;\n@filter-field-height-dense: @logical-grid-row-height-dense;\n@filter-field-width: 190px;\n@filter-field-min-width: 75px;\n@filter-field-max-width: 60%;\n@filter-field-icon-size: 24px;\n@filter-field-transition-duration: 250ms;\n@item-selection-border-width: 2px;\n@logical-grid-row-height: 30px;\n@logical-grid-row-height-dense: 24px;\n@logical-grid-row-gap: 10px;\n@logical-grid-row-gap-dense: 8px;\n@logical-grid-column-width: 420px;\n@logical-grid-column-gap: 40px - @mandatory-indicator-width;\n@logical-grid-small-column-gap: 4px;\n@loading-fade-duration: 250ms;\n@mandatory-indicator-width: 10px;\n@mandatory-indicator-font-size: 15px;\n@field-label-font-size: @font-size-smaller;\n@field-label-padding-top: @borderless-field-padding-y + 1; // +1 Because label font is a little smaller than input font\n@field-label-padding-bottom: @borderless-field-padding-y;\n@field-label-width: 140px;\n@field-status-size: 24px;\n@field-status-margin-left: 6px;\n@focus-box-shadow-size: 3px;\n@text-field-padding-x: 10px;\n@text-field-padding-y: 7px;\n@text-field-padding-top-compensation: 1px + @text-margin-top;\n@text-field-alternative-padding-left: 0;\n@text-field-alternative-padding-right: 0;\n@text-field-icon-size: 24px;\n@text-field-icon-margin-x: (@logical-grid-row-height - 2px - @text-field-icon-size) / 2; // same margin to the right as to the top and bottom of an input field\n@text-field-icon-outer-width: @text-field-icon-size + 2 @text-field-icon-margin-x;\n@text-field-alternative-icon-outer-width: @text-field-icon-size + @text-field-icon-margin-x;\n@top-label-font-size: @font-size-small;\n@top-label-border-padding-bottom: 4px;\n\n/* --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see scout.HtmlEnvironment /\n/ --------------------------------------------------------------------------- /\n.html-env-logical-grid-row {\n height: @logical-grid-row-height;\n margin-bottom: @logical-grid-row-gap;\n\n &.dense {\n height: @logical-grid-row-height-dense;\n margin-bottom: @logical-grid-row-gap-dense;\n }\n}\n\n.html-env-logical-grid-column {\n width: @logical-grid-column-width;\n margin-right: @logical-grid-column-gap;\n margin-left: @logical-grid-small-column-gap;\n}\n\n.html-env-field-mandatory-indicator {\n width: @mandatory-indicator-width;\n}\n\n.html-env-field-label {\n width: @field-label-width;\n}\n\n.html-env-field-status {\n width: @field-status-size;\n}\n\n/ -------------------------------- /\n/ Component specific sizes /\n/ -------------------------------- /\n@bench-padding-x: 20px;\n@bench-view-min-height: 50px;\n@bench-view-min-width: 50px;\n@box-font-size: 14px;\n@box-margin-y: 15px;\n@box-width: 450px;\n@busyindicator-icon-size: 22px;\n@busyindicator-large-size: 100px;\n@busyindicator-large-border-width: 2px;\n@button-border-radius: @border-radius;\n@button-padding-x: 7px;\n@button-padding-y: 2px;\n@button-margin-top: 1px; / Necessary to align icon with text /\n@button-font-icon-size: 16px;\n@calendar-component-margin-left: 32px;\n@calendar-day-selected-circle-size: 23px;\n@calendar-header-button-height: 30px;\n@calendar-title-height: 25px;\n@calendar-week-axis-overlap: 6px;\n@calendar-week-name-width: 45px;\n@calendar-padding-right-mobile: 6px;\n@check-box-border-radius: @border-radius;\n@check-box-border-width: 1px;\n@check-box-field-padding-y: 6px;\n@check-box-field-label-padding-top: 2px;\n@check-box-field-label-padding-left: 7px;\n@check-box-size: 18px;\n@checkable-cell-padding-adjustment: 2px; / Adjustment to shift the checkbox a little upwards to align it with the text (resp. first line of the text in case of multiline table cells) /\n@closer-border-radius: 7px;\n@compact-outline-node-padding-x: 16px;\n@compact-outline-node-padding-y: 14px;\n@compact-outline-node-menubar-height: 43px; // Depends on the paddings above, needs to be the height for a single line node\n@compact-outline-title-padding-x: @compact-outline-node-padding-x;\n@context-menu-margin-y: 6px;\n@context-menu-item-padding-y: 8px;\n@context-menu-item-padding-left: 16px;\n@context-menu-item-padding-right: 16px;\n@context-menu-item-icon-margin-right: 14px;\n@dashboard-tile-label-padding-bottom: 5px;\n@dashboard-tile-label-large-padding-bottom: 10px;\n@dashboard-tile-drop-shadow-light-alpha: 0.05;\n@dashboard-tile-drop-shadow-dark-alpha: 0.1;\n@dashboard-tile-border-radius: @border-radius-large;\n@date-picker-header-height: 36px;\n@date-picker-month-padding: 13px;\n@date-picker-day-margin: 2px;\n@date-picker-day-size: 32px;\n@date-picker-day-border-radius: 6px;\n@time-picker-cell-padding-top: 3px;\n@time-picker-cell-size: @date-picker-day-size;\n@time-picker-cell-border-radius: @date-picker-day-border-radius;\n@desktop-bench-drop-shadow-top: 3px;\n@desktop-bench-border-left-width: 1px;\n@desktop-bench-drop-shadow-border-top-left-radius: @desktop-tab-border-radius;\n@desktop-header-height: 64px;\n@desktop-logo-height: 32px;\n@desktop-logo-min-width: 0;\n@desktop-navigation-breadcrumb-width: 240px;\n@desktop-navigation-min-width: 49px; / not 50px because last pixel is the border (would not look good)/\n@desktop-navigation-width: 290px;\n@desktop-notification-no-icon-padding-y: 16px;\n@desktop-tab-border-radius: @view-tab-border-radius;\n@desktop-tab-border-width: 0;\n@desktop-tab-key-box-bottom: @view-tab-key-box-bottom;\n@desktop-tab-margin-top: @view-tab-margin-top;\n@desktop-tab-margin-right: 3px;\n@desktop-tab-padding: 10px;\n@desktop-tab-padding-left: 20px;\n@desktop-tab-width: 200px;\n@desktop-tab-min-width: 130px;\n@desktop-tab-border-radius: @view-tab-selected-border-radius;\n@desktop-tab-margin-top: @view-tab-selected-margin-top;\n@desktop-tool-box-item-border-radius: @view-tab-border-radius;\n@desktop-tool-box-item-font-size: @font-size-icon-small;\n@desktop-tool-box-item-margin: 3px;\n@desktop-tool-box-item-margin-top: @view-tab-margin-top;\n@detail-table-border-radius: 4px;\n@detail-table-row-margin-x: @bench-padding-x - @table-cell-padding-left;\n@detail-table-header-menubar-padding-right: 10px;\n@detail-table-header-item-padding-x: @bench-padding-x - @table-header-item-padding-left;\n@detail-table-header-item-padding-y: @table-header-item-padding-y;\n@detail-table-header-item-margin-top: 6px;\n@detail-table-header-item-margin-bottom: 6px;\n@detail-table-row-padding-y: 10px;\n@detail-table-aggregate-padding-y-large: 20px;\n@detail-table-aggregate-padding-y-small: @table-aggregate-padding-y-small;\n@detail-table-footer-with-handle-margin-left: 30px;\n@dialog-border-top-size: 5px;\n@form-title-padding-top: 16px;\n@group-collapse-icon-margin-top: -1px;\n@group-box-control-font-size: 16px;\n@group-box-control-width: 25px;\n@group-box-body-padding-bottom: 16px;\n@group-box-body-padding-top: 18px;\n@group-box-header-border-width: 1px;\n@group-box-header-margin-top: 8px;\n@group-box-title-padding-bottom: 12px;\n@group-box-title-padding-top: 12px;\n@group-box-title-with-sub-label-padding-bottom: 7px;\n@main-menubar-height: @desktop-header-height;\n@main-menubar-item-margin-x: 5px;\n@main-menubar-first-menu-item-margin-left: @bench-padding-x - @menu-item-padding-x;\n@main-menubar-last-menu-item-margin-right: @main-menubar-first-menu-item-margin-left;\n@main-menubar-first-menu-item-icononly-margin-left: @bench-padding-x - @menubar-item-icononly-padding-x;\n@main-menubar-last-menu-item-icononly-margin-right: @main-menubar-first-menu-item-icononly-margin-left;\n@menubar-button-margin: @menubar-field-menu-margin-y;\n@menubar-field-menu-margin-y: 4px;\n@menubar-item-icononly-padding-x: 8px;\n@menubar-item-icononly-margin-x: 2px;\n@menubar-item-margin-x: 2px;\n@menubar-item-margin-y: 2px;\n@menu-item-height: 39px;\n@menu-item-min-image-icon-width: 16px;\n@menu-item-max-image-icon-height: 16px;\n@menu-item-padding-x: 10px;\n@menu-item-padding-y: 6px;\n@menu-item-icon-margin-right: 8px;\n@messagebox-label-padding: 27px;\n@messagebox-max-width: 473px;\n@filechooser-max-width: 473px;\n@mobile-popup-title-margin-right: 30px;\n@mobile-popup-title-margin-top: 10px;\n@mode-padding-x: 12px;\n@mode-padding-y: 6px;\n@mode-padding-dense-x: 5px;\n@mode-padding-dense-y: 3px;\n@mode-border-width: 1px;\n@mode-selector-alternative-border-width: 3px;\n@notification-no-icon-padding-y: 13px;\n@outline-breadcrumb-node-padding-x: @outline-title-padding-left;\n@outline-breadcrumb-node-padding-y: 12px;\n@outline-data-padding-top: 16px;\n@outline-font-size: @font-size-normal;\n@outline-node-control-padding-left: @outline-title-padding-left;\n@outline-node-control-padding-y: @outline-node-padding-y;\n@outline-node-control-line-height: @tree-node-control-line-height;\n@outline-node-font-icon-line-height: @tree-node-font-icon-line-height;\n@outline-node-font-icon-size: 16px;\n@outline-node-padding-left: 37px;\n@outline-node-padding-right: 8px;\n@outline-node-padding-y: 9px;\n@outline-title-height: @desktop-header-height;\n@outline-title-padding-left: 20px;\n@outline-title-padding-right: 20px;\n@outline-title-icon-padding-right: 10px;\n@planner-header-button-height: 30px;\n@planner-resource-minheight: @logical-grid-row-height;\n@planner-resource-title-width: 150px;\n@planner-scale-height: 45px;\n@popup-border-radius: @border-radius-large;\n@popup-border-width: 0;\n@popup-arrow-size: 11px;\n@proposal-chooser-padding-x: 12px;\n@proposal-chooser-padding-y: 8px;\n@radio-button-circle-size: 18px;\n@radio-button-inner-circle-size: 10px;\n@radio-button-border-width: 1px;\n@radio-button-field-padding-y: 6px;\n@radio-button-label-padding-top: 2px;\n@radio-button-label-padding-left: 7px;\n@resource-padding-x: 5px;\n@root-group-box-padding-left: @bench-padding-x - @mandatory-indicator-width;\n@root-group-box-padding-right: @bench-padding-x;\n@scrollbar-margin: 8px;\n@scrollbar-side-padding: 5px;\n@scrollbar-side-padding-hover: 3px;\n@scrollbar-size: @scrollbar-thumb-size + 2 @scrollbar-side-padding; // thumb needs to be in the middle\n@scrollbar-thumb-size: 4px;\n@scrollbar-thumb-hover-size: 8px;\n@scroll-shadow-size-large: 10px;\n@scroll-shadow-size: 5px;\n@scroll-shadow-blur: @scroll-shadow-size;\n@scroll-shadow-spread: @scroll-shadow-size + 1; // +1 to ensure firefox does not draw a light shadow on the side of the scrollable\n@search-outline-panel-padding-bottom: 16px;\n@search-outline-panel-no-title-padding-top: 14px;\n@simple-tab-padding: 5px;\n@split-box-splitter-line-size: 3px;\n@split-box-x-splitter-padding: 19px;\n@split-box-y-splitter-padding: 6px;\n@splitter-line-size: 2px;\n@splitter-size: 16px;\n@status-font-icon-size: 16px;\n@sub-title-letter-spacing: 0.2px;\n@sub-title-font-size: 11px;\n@tab-area-border-width: @group-box-header-border-width;\n@tab-item-focus-arrow-width: 15px;\n@tab-item-focus-arrow-padding-top: @tab-item-title-padding-top;\n@tab-item-padding-x: 20px;\n@tab-area-selection-marker-height: 3px;\n@tab-item-title-padding-bottom: @group-box-title-padding-bottom;\n@tab-item-title-padding-top: @group-box-title-padding-top;\n@tab-item-title-margin-top: @group-box-header-margin-top;\n@table-aggregate-cell-font-icon-line-height: 14px;\n@table-aggregate-sum-avg-font-icon-size: 13px;\n@table-aggregate-min-max-font-icon-size: 15px;\n@table-aggregate-row-font-size: @font-size-smaller;\n@table-cell-padding-left: 10px;\n@table-cell-padding-right: @table-cell-padding-left;\n@table-cell-padding-right-last: @scrollbar-size;\n@table-cell-font-icon-size: @tree-node-font-icon-size;\n@table-cell-font-icon-line-height: @tree-node-font-icon-line-height;\n@table-control-content-padding: 10px;\n@table-control-container-height: 364px;\n@table-control-container-height-dense: 320px;\n@table-control-resize-border-width: 2px;\n@table-control-size: 40px;\n@table-footer-height: @main-menubar-height;\n@table-footer-text-filter-height: 32px;\n@table-footer-text-filter-width: 180px;\n@table-header-menu-cmd-height: 30px;\n@table-header-menu-cmd-width: 43px;\n@table-header-menu-group-padding-top: 12px;\n@table-header-menu-padding: 16px;\n@table-header-item-padding-left: @table-cell-padding-left - @table-header-item-margin-x;\n@table-header-item-padding-right: @table-cell-padding-right - @table-header-item-margin-x;\n@table-header-item-padding-right-last: @table-cell-padding-right-last - @table-header-item-margin-x;\n@table-header-item-padding-y: 5px;\n@table-header-item-margin-y: 3px;\n@table-header-item-margin-x: 3px;\n@table-header-item-min-height: 27px; // not 28 because of 2px bottom border (to make it equal height as menubar)\n@table-header-icon-font-size: 15px; // not 16 because of 2px bottom border (to really center it)\n@table-header-sort-icon-size-1: 12px;\n@table-header-sort-icon-size-2: @table-header-sort-icon-size-1 + 12px; /* bigger space when multiple icons are displayed /\n@table-info-margin-x: 15px;\n@table-menubar-padding: 8px;\n@table-row-padding-y: 7px;\n@table-row-margin-x: 0px;\n@table-row-level-padding-width: 20px;\n@table-row-control-line-height: @tree-node-control-line-height;\n@table-row-control-padding-left: @tree-node-control-padding-left;\n@table-row-control-size: @tree-node-control-size;\n@table-aggregate-padding-y-large: 15px;\n@table-aggregate-padding-y-small: 7px;\n@tag-field-tag-height: @logical-grid-row-height - 2px - 2 @tag-field-tag-margin-y;\n@tag-field-tag-margin-y: 3px;\n@tag-field-tag-margin-right: 4px;\n@tag-element-padding-x: 8px;\n@tile-padding-y: 6px; /* Optimized for a tile height of 30px (logical-grid-height) /\n@tile-padding-x: 8px;\n@title-font-weight: @font-weight-bold;\n@tile-field-padding: 20px;\n@tile-field-compact-padding-y: 10px;\n@tile-field-compact-padding-x: 15px;\n@tile-field-small-compact-padding-x: @tile-field-compact-padding-y;\n@tooltip-arrow-size: 7px;\n@tooltip-border-radius: @border-radius;\n@tooltip-border-width: 0;\n@tooltip-padding-x: 12px;\n@tooltip-padding-y: @context-menu-item-padding-y;\n@tree-node-icon-width: 16px;\n@tree-node-icon-padding-right: 9px;\n@tree-node-bitmap-icon-size: @tree-node-icon-width;\n@tree-node-bitmap-icon-margin-top: -2px;\n@tree-node-checkbox-size: 20px;\n@tree-node-checkbox-margin-top: -2px;\n@tree-node-control-checkbox-size: 20px + @tree-node-control-size;\n@tree-node-control-size: 16px;\n@tree-node-control-line-height: @font-icon-line-height;\n@tree-node-control-padding-left: 13px;\n@tree-node-font-icon-line-height: @font-icon-line-height;\n@tree-node-font-icon-size: @font-size-icon-small;\n@tree-node-padding-left: 28px;\n@tree-node-padding-right: 7px;\n@tree-node-padding-y: 7px;\n@tree-node-padding-level-diff-parent-has-icon: @tree-node-icon-width + @tree-node-icon-padding-right;\n@view-tab-key-box-bottom: 9px;\n@view-tab-icon-font-size: 20px;\n@view-tab-selected-width: 56px;\n@view-tab-margin: 6px;\n@view-tab-margin-top: 14px;\n@view-tab-selected-margin-top: 8px;\n@view-tab-border-radius: @border-radius-medium;\n@view-tab-selected-border-radius: @border-radius-large;\n@year-panel-day-height: 24px;\n@year-panel-day-line-height: @year-panel-day-height;\n@widget-popup-margin: 8px; / minimum margin to window or anchor /\n@wizard-step-padding-x: 15px;\n@wizard-steps-border-width: 1px;\n@wizard-steps-compact-height: 44px;\n@wizard-steps-height: @main-menubar-height;\n@wizard-step-icon-border-width: 1px;\n@wizard-step-icon-margin-right: 9px;\n@wizard-step-icon-size: 26px;\n\n/ -------------------------------- /\n/ Other sizes /\n/ -------------------------------- /\n@iphone5-height: 568px;\n@iphone5-width: 320px;\n@iphone6-width: 375px;\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.switch {\n position: absolute;\n right: 0;\n display: flex;\n\n & > .switch-button {\n margin-top: -2px;\n }\n}\n\n.switch-label {\n margin-right: 8px;\n}\n\n.switch-button,\n.switch-button:before {\n transition: .25s ease-in-out;\n}\n\n.switch-button {\n width: 36px;\n position: relative;\n height: 22px;\n border-radius: 11px;\n background-color: @switch-background-color;\n cursor: pointer;\n border: solid 1px @switch-border-color;\n --activated-border-color: @switch-activated-border-color;\n --activated-background-color: @switch-activated-background-color;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n top: 2px;\n left: 2px;\n border: solid 1px @switch-button-border-color;\n background-color: @switch-button-background-color;\n }\n\n &.activated {\n background-color: var(--activated-background-color);\n border-color: var(--activated-border-color);\n\n &:before {\n background-color: @switch-button-activated-background-color;\n border-color: @switch-button-activated-border-color;\n left: calc(~'100% - 18px');\n }\n }\n\n .disabled > & {\n background-color: @switch-disabled-background-color;\n border-color: @switch-disabled-border-color;\n cursor: unset;\n\n &::before {\n background-color: @switch-button-disabled-background-color;\n border-color: @switch-button-disabled-border-color;\n }\n\n &.activated {\n background-color: @disabled-color;\n border-color: @disabled-color;\n\n &::before {\n background-color: @switch-button-activated-background-color;\n border-color: @switch-button-activated-border-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-row-level-padding {\n width: @table-row-level-padding-width;\n}\n\n.table {\n position: relative;\n --table-row-margin-x: @table-row-margin-x;\n --table-row-padding-y: @table-row-padding-y;\n --table-aggregate-row-padding-y-small: @table-aggregate-padding-y-small;\n --table-aggregate-row-padding-y-large: @table-aggregate-padding-y-large;\n\n &:focus,\n &.focused,\n &.perma-focus {\n outline: none;\n\n & > .table-data > .table-row {\n &.selected {\n background-color: @item-selection-background-color;\n\n &::after {\n border-color: @item-selection-border-color;\n }\n }\n }\n }\n\n &.checkable {\n & > .table-data > .table-row {\n cursor: pointer;\n }\n\n &.disabled > .table-data > .table-row,\n & > .table-data > .table-row.disabled {\n cursor: default;\n }\n }\n\n / Used for scout.Table.CheckableStyle.TABLE_ROW /\n\n &.table-row-check {\n & > .table-data {\n & > .table-row {\n &.selected {\n / Don't draw selection /\n background-color: transparent;\n\n &::after {\n display: none;\n }\n }\n\n &:hover {\n background-color: @hover-background-color;\n }\n }\n\n & > .table-row.disabled,\n &.disabled > .table-row {\n background-color: transparent;\n }\n\n & > .table-row {\n &.checked,\n &.checked.selected {\n / Mark checked rows with a background color /\n background-color: @table-row-checked-background-color;\n\n & > .table-cell {\n color: @table-row-checked-color;\n }\n\n &:hover {\n background-color: @selected-hover-background-color;\n }\n }\n }\n\n & > .table-row.disabled,\n &.disabled > .table-row {\n &.checked,\n &.checked.selected {\n background-color: @selected-disabled-background-color;\n }\n }\n }\n\n &.keyboard-navigation:focus,\n &.keyboard-navigation.focused {\n & > .table-data > .table-row {\n &.selected {\n background-color: @hover-background-color;\n\n &.checked {\n background-color: @selected-hover-background-color;\n }\n }\n }\n }\n }\n\n &.structured {\n .table-row:not(.leaf) {\n background-color: @table-structure-row-background-color;\n font-weight: bold;\n }\n }\n\n & > .tile-accordion {\n padding-top: 20px;\n padding-left: 20px;\n padding-right: 15px;\n\n & > .group > .tile-grid {\n padding: 0;\n }\n }\n\n & > .tile-table-header {\n padding-left: 20px;\n padding-right: 20px;\n\n & > .group-box-body {\n padding-bottom: 6px;\n }\n }\n\n &.dimmed-background {\n background-color: @dimmed-background-color;\n\n & > .menubar {\n background-color: inherit;\n }\n }\n\n & > .filter-field {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--controls-height)) / 2);\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--controls-height)) / 2);\n }\n\n .has-menubar.menubar-bottom& {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--controls-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--controls-height)) / 2);\n }\n }\n\n .has-cell-editor-popup& {\n opacity: 0;\n visibility: hidden;\n\n // start the \"fade out\" transition right away\n --filter-field-opacity-transition-delay: 0s;\n // set visibility to hidden right after the \"fade out\" transition ends\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n }\n}\n\n.table-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n :not(.header-invisible) > & {\n / Draw the .table-data div one pixel higher, over the header (for selection border).\n Add the padding to keep the size of the first row and not overdraw the header line with the row background /\n margin-top: -1px;\n padding-top: 1px;\n }\n\n & > .scrollbar.y-axis {\n / Make scrollbar visually centered /\n margin-top: @scrollbar-margin + 1px;\n }\n\n & > .table-row,\n & > .table-aggregate-row,\n & > .table-data-fill,\n & > .scrollbar {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n\n & > .scrollbar {\n z-index: 2; // should lay over cell editor popup\n }\n}\n\n.table {\n &:not(.knight-rider-loading) > .table-data.loading {\n & > .table-row,\n & > .table-aggregate-row,\n & > .table-data-fill,\n & > .scrollbar {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.knight-rider-loading > .loading-indicator {\n #scout.loading-indicator-knight-rider;\n }\n}\n\n.table-data-fill {\n background-color: @border-color; / actual style is set by JS, this is used for the line color (see _applyFillerStyle) /\n}\n\n.table-row,\n.table-aggregate-row {\n position: relative;\n}\n\n.table-row {\n &:active {\n background-color: @table-row-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-nonfocus-background-color;\n\n &::after {\n #scout.item-selection-border();\n z-index: 1; // Ensure selection covers aggregate row which is moved -1px to top\n }\n }\n\n &.select-top::after,\n &.select-middle::after {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.select-middle::after,\n &.select-bottom::after {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &.select-single,\n &.select-top {\n &::after {\n / Move the selection 1px up to cover the bottom border of the previous row. /\n top: -1px;\n height: calc(100% + 1px);\n }\n\n .header-invisible > .table-data > &.first::after {\n // Move to 0 again to make selection fully visible.\n // Don't change height to have the same size as for other rows\n top: 0;\n }\n }\n\n &.checked {\n background-color: @table-row-checked-background-color;\n }\n}\n\n.table-row {\n margin-left: var(--table-row-margin-x);\n margin-right: var(--table-row-margin-x);\n}\n\n.table-cell {\n color: @text-color;\n display: table-cell;\n padding: var(--table-row-padding-y) @table-cell-padding-right var(--table-row-padding-y) @table-cell-padding-left;\n border-bottom: 1px solid @table-row-border-color;\n position: relative;\n #scout.overflow-ellipsis();\n vertical-align: top; / for multiline text /\n\n .last-row-at-bottom > .table-row.last > & {\n border-bottom: 0;\n }\n\n .table-row.disabled > & {\n / Table row is disabled -> use lighter disabled color /\n color: @disabled-color;\n }\n\n .disabled > .table-row > & {\n / Whole table is disabled -> use darker disabled color /\n color: @text-disabled-color;\n }\n\n .disabled.read-only > .table-data > .table-row > & {\n color: @read-only-color;\n }\n\n .table-row.checked > & {\n color: @table-row-checked-color;\n }\n\n &.empty,\n &.icon-only {\n // Disable ellipsis if only icon is shown.\n // Also disable it on empty cells, because IE would display it for very narrow columns even if content is ' '\n text-overflow: clip;\n }\n\n &.last.halign-left,\n &.last.halign-center,\n &.last.halign-right {\n padding-right: @table-cell-padding-right-last;\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.editable::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n #scout.triangle-top-left(5px, @border-color);\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.mandatory::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n border: none;\n color: @border-color;\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.editable.has-error::before {\n #scout.triangle-top-left-color(@error-color);\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.mandatory.has-error::before {\n color: @error-color;\n }\n\n &.table-node {\n\n & > .table-row-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n padding: var(--table-row-padding-y) 8px var(--table-row-padding-y) @table-row-control-padding-left;\n cursor: pointer;\n line-height: @table-row-control-line-height; /* Necessary to align with the text, depends on the used font size /\n\n &::before {\n display: block;\n #scout.font-icon();\n font-size: @table-row-control-size;\n content: @icon-angle-right;\n color: @table-row-control-color;\n\n .expanded& {\n / This \"imprecise\" angle is a workround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n #scout.transform(rotate(89.99deg));\n }\n }\n\n &:hover::before {\n color: @highlight-color;\n }\n }\n }\n\n &.checkable {\n / same padding for left and right, it's by purpose /\n padding: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment) @table-cell-padding-left 0 @table-cell-padding-left;\n cursor: pointer;\n text-overflow: clip;\n\n .grouping-style-top > .table-aggregate-cell& {\n padding-top: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-bottom: 3px;\n }\n\n .grouping-style-bottom > .table-aggregate-cell& {\n padding-bottom: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-top: 3px;\n }\n }\n\n &.checkable.disabled,\n .table.disabled > .table-data > .table-row > &.checkable {\n cursor: default;\n }\n\n & > .check-box {\n\n .table.disabled > .table-data > .table-row > & {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &.undefined {\n #scout.checkbox-undefined-disabled();\n }\n }\n }\n\n &.halign-right {\n text-align: right;\n padding-right: @table-cell-padding-left;\n padding-left: @table-cell-padding-right;\n\n &.table-aggregate-cell {\n direction: rtl;\n\n & > .text, & > .table-cell-icon {\n direction: ltr;\n }\n }\n }\n\n &.halign-center {\n text-align: center;\n padding-right: @table-cell-padding-left;\n }\n}\n\n.table-cell-icon {\n .font-icon& {\n color: @icon-color;\n font-size: @table-cell-font-icon-size;\n line-height: @table-cell-font-icon-line-height;\n vertical-align: top;\n\n .disabled & {\n color: @disabled-color;\n }\n }\n\n .image-icon& {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n }\n\n .with-text& {\n margin-right: 8px;\n }\n\n .table-row.checked > .table-cell > & {\n color: @text-selection-color;\n }\n}\n\n.table-aggregate {\n overflow: hidden;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: @table-aggregate-row-font-size;\n\n & > .table-cell {\n padding: var(--table-row-padding-y) @table-cell-padding-right 0 @table-cell-padding-left;\n border-bottom: 0;\n height: 100%;\n }\n}\n\n.table-aggregate-row {\n background-color: @table-aggregate-row-background-color;\n min-width: 100%;\n border-top: 1px solid @table-row-border-color;\n border-bottom: 1px solid @table-row-border-color;\n margin-top: -1px; // top border should cover bottom border of the previous row\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: @table-aggregate-row-font-size;\n\n & > .table-cell {\n border-bottom: 0;\n }\n\n &.grouping-style-top > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-large);\n padding-bottom: var(--table-aggregate-row-padding-y-small);\n }\n\n &.grouping-style-bottom > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-small);\n padding-bottom: var(--table-aggregate-row-padding-y-large);\n }\n}\n\n.table-aggregate-cell {\n font-weight: bold;\n overflow: visible;\n vertical-align: middle;\n\n & > .text {\n display: inline-block;\n vertical-align: middle;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .table-cell-icon {\n display: inline-block;\n color: @text-color;\n vertical-align: middle;\n line-height: @table-aggregate-cell-font-icon-line-height;\n }\n\n &.sum > .table-cell-icon,\n &.avg > .table-cell-icon {\n font-size: @table-aggregate-sum-avg-font-icon-size;\n }\n\n &.min > .table-cell-icon,\n &.max > .table-cell-icon {\n font-size: @table-aggregate-min-max-font-icon-size;\n }\n\n / if aggregation is based on selected rows /\n\n &.selection,\n &.selection > .table-cell-icon {\n color: @table-aggregate-cell-selection-color;\n }\n}\n\n.before-aggregate-row > .table-cell {\n border-bottom-color: transparent;\n}\n\n.column-background-effect-bar-chart {\n background-color: @column-background-effect-bar-chart-background-color;\n}\n\n.column-background-effect-gradient1-start {\n background-color: @column-background-effect-gradient1-start-background-color;\n}\n\n.column-background-effect-gradient1-end {\n background-color: @column-background-effect-gradient1-end-background-color;\n}\n\n.column-background-effect-gradient2-start {\n background-color: @column-background-effect-gradient2-start-background-color;\n}\n\n.column-background-effect-gradient2-end {\n background-color: @column-background-effect-gradient2-end-background-color;\n}\n\n/ key box /\n\n.table-row > .key-box {\n top: calc(~'50% - ' 23px / 2);\n}\n\n.table-controls > .table-control > .key-box {\n bottom: 4px;\n}\n\n.table .key-box.char {\n top: calc(~'50% - ' 21px / 2);\n}\n\n/ Animation: rotate from 0 -> 90 deg /\n\n@-webkit-keyframes expand-rotate {\n .keyframes-expand-rotate();\n}\n\n@keyframes expand-rotate {\n .keyframes-expand-rotate();\n}\n\n.keyframes-expand-rotate() {\n 00% { / see comment on top /\n #scout.transform(rotate(0deg));\n }\n 100% {\n #scout.transform(rotate(89.99deg));\n }\n}\n\n.animation-expand-rotate() {\n #scout.animation-name(expand-rotate);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.expand-rotate {\n\n &::before {\n .animation-expand-rotate();\n }\n}\n\n\n/ Animation: rotate collapse 90 -> 0 deg /\n\n@-webkit-keyframes collapse-rotate {\n .keyframes-collapse-rotate();\n}\n\n@keyframes collapse-rotate {\n .keyframes-collapse-rotate();\n}\n\n.keyframes-collapse-rotate() {\n 00% { / see comment on top /\n #scout.transform(rotate(89.99deg));\n }\n 100% {\n #scout.transform(rotate(0deg));\n }\n}\n\n.animation-collapse-rotate() {\n #scout.animation-name(collapse-rotate);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.collapse-rotate {\n\n &::before {\n .animation-collapse-rotate();\n }\n}\n\n/ Required because arrow up/down symbol is not properly vertically aligned with the rest of the sort/group text /\n.sort-symbol {\n top: -1.25px;\n position: relative;\n}\n\n.organize-columns-behind-scrollbar-column.table-cell.last {\n padding: 0;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: 2;\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: 2; // Must not be smaller than z-index of scrollbar, see Table.less\n / Reset nowrap, forms may have fields which need wrapping (e.g. label field) /\n white-space: normal;\n\n &:not(.has-resizer) {\n border-top: 2px solid @border-color;\n }\n}\n\n.table-control-content {\n height: 100%;\n width: 100%;\n\n & > .form {\n background-color: @table-control-container-background-color;\n\n & > .root-group-box {\n\n & > .group-box-body {\n / to make sure fields are not drawn over the menubar when making table control container very small /\n overflow: hidden;\n }\n\n & > .main-menubar {\n #scout.main-menubar-light;\n border-color: transparent;\n }\n }\n }\n}\n\n.table-controls {\n position: absolute;\n height: 100%;\n margin-left: @bench-padding-x;\n display: flex;\n align-items: center;\n}\n\n.table-info {\n position: absolute;\n right: 0;\n display: inline-flex;\n align-items: center;\n height: 100%;\n margin-right: @bench-padding-x - @table-info-margin-x;\n}\n\n.table-filter {\n position: relative;\n margin-right: @table-info-margin-x;\n}\n\n.table-text-filter {\n min-height: @table-footer-text-filter-height;\n width: @table-footer-text-filter-width;\n font-size: 13px;\n\n &:focus {\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & ~ .clear-icon {\n display: flex;\n }\n }\n }\n\n & ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: @table-footer-text-filter-height;\n }\n}\n\n.table-info-item.hiding {\n visibility: hidden;\n}\n\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n flex-shrink: 0;\n flex-grow: 0;\n color: @table-info-color;\n cursor: pointer;\n line-height: 19px;\n font-size: @font-size-smaller;\n #scout.overflow-nowrap();\n\n / margins are used instead of paddings for a better animation /\n\n & > span {\n display: block;\n margin: 0 @table-info-margin-x\n }\n\n &.disabled {\n cursor: default;\n\n & > .table-info-button {\n color: @table-info-color;\n }\n }\n\n & > .table-info-button {\n color: @link-color;\n\n & > .key-box {\n bottom: 2px;\n }\n }\n\n &:hover > .table-info-button {\n color: @link-hover-color;\n }\n\n &:active > .table-info-button {\n color: @link-active-color;\n }\n}\n\n.table-info-status {\n padding-top: 0;\n line-height: @table-footer-height;\n color: @table-info-color;\n\n &:hover {\n color: @table-info-hover-color;\n }\n\n / normal /\n\n & > .font-icon {\n display: inline-block;\n line-height: normal;\n vertical-align: middle;\n padding-top: 8px; / controls distance to tooltip /\n padding-bottom: 11px; / larger than padding-top, to move icon to optical middle /\n\n &::before {\n content: @icon-info;\n #scout.font-icon();\n font-size: 22px;\n }\n }\n\n / error /\n\n &.error > .font-icon::before {\n #scout.animation(attention 5s linear infinite);\n content: @icon-error;\n }\n\n &.error.tooltip-active {\n color: @table-info-error-color;\n }\n\n &.error.tooltip-active:hover {\n color: @table-info-error-hover-color;\n }\n\n / warning /\n\n &.warning > .font-icon::before {\n content: @icon-error;\n }\n\n &.warning.tooltip-active {\n color: @table-info-warning-color;\n }\n\n &.warning.tooltip-active:hover {\n color: @table-info-warning-hover-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: @table-header-background-color;\n border-bottom: 2px solid @table-header-border-color;\n z-index: 0; / begin new stacking context /\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n\n // TableHeader.js will set a border width if the row has one for the selection\n border-left: 0 solid transparent;\n\n &.disabled:not(.read-only) {\n color: @text-disabled-color;\n }\n}\n\n.table-header > .menubar-container {\n position: absolute;\n right: 0;\n top: 0;\n height: 100%;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n margin-left: @table-header-item-margin-x;\n\n & > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n\n & > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n margin-right: @table-header-item-margin-x;\n min-height: @table-header-item-min-height;\n\n & > .font-icon {\n font-size: @table-header-icon-font-size;\n }\n\n &.menu-icononly {\n padding: 0;\n min-width: @table-header-item-min-height;\n }\n }\n }\n}\n\n.table-header-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n font-weight: @font-weight-bold;\n font-size: @font-size-smaller;\n color: @table-header-item-color;\n padding: @table-header-item-padding-y @table-header-item-padding-right @table-header-item-padding-y @table-header-item-padding-left;\n // + 1px because resizer takes 1px on the right\n margin: @table-header-item-margin-y @table-header-item-margin-x + 1 @table-header-item-margin-y @table-header-item-margin-x;\n min-height: @table-header-item-min-height;\n\n / Vertical align is necessary for 2 things: /\n / 1. Alignment in case of multiline headers. /\n / 2. A correct header height, see http://stackoverflow.com/questions/20566710/overflowhidden-displayinline-block-moves-text-upwards /\n vertical-align: middle;\n cursor: pointer;\n border-radius: @border-radius;\n\n &.last {\n // Resizer is also moved 1px to the left, see resize rule below\n margin-right: @table-header-item-margin-x;\n }\n\n &.halign-right {\n justify-content: flex-end;\n text-align: right; // Necessary for multiline header\n padding-right: @table-header-item-padding-left;\n padding-left: @table-header-item-padding-right;\n }\n\n &.halign-center {\n justify-content: center;\n text-align: center; // Necessary for multiline header\n padding-right: @table-header-item-padding-left;\n }\n\n &.last.halign-left,\n &.last.halign-center,\n &.last.halign-right {\n padding-right: @table-header-item-padding-right-last;\n }\n\n &.sorted,\n &.grouped,\n &.filtered {\n / make room for icon /\n padding-right: @table-header-item-padding-right + @table-header-sort-icon-size-1;\n\n &.halign-right,\n &.halign-center {\n padding-right: @table-cell-padding-left + @table-header-sort-icon-size-1;\n }\n }\n\n &.sorted.grouped,\n &.sorted.filtered {\n / make some more room /\n padding-right: @table-header-item-padding-right + @table-header-sort-icon-size-2;\n\n &.halign-right,\n &.halign-center {\n padding-right: @table-cell-padding-left + @table-header-sort-icon-size-2;\n }\n }\n\n &.moving,\n &.releasing {\n // Don't show hover state of underlying item\n z-index: 1;\n }\n\n &.moving > .table-header-item-state {\n display: none;\n }\n\n &:hover {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n &.active, &:active,\n &.moving {\n background-color: @active-background-color;\n }\n\n &.selected {\n background-color: @selected-with-popup-background-color;\n color: @active-color;\n z-index: 1;\n }\n\n &.disabled {\n cursor: default;\n / Override default disabled text color, because \"disabled\" in the table header means something different /\n color: @table-header-item-color;\n background-color: inherit;\n }\n\n &.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n }\n\n & > .icon {\n &.font-icon {\n font-size: @table-header-icon-font-size;\n }\n\n &.with-text {\n margin-right: 8px;\n }\n }\n}\n\n.table-header-item-text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n}\n\n.table-header-item-state {\n position: absolute;\n display: flex;\n align-items: center;\n right: 0;\n top: 0;\n font-weight: normal;\n font-size: @font-size-extra-small;\n color: @table-header-item-state-color;\n height: 100%;\n\n & > .left {\n padding-left: 3px;\n }\n\n &.grouped.filtered > .left {\n padding-top: 0;\n }\n\n & > .right {\n color: @table-header-sort-color;\n margin-top: -3px;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n }\n\n &.sort-desc > .right::after {\n content: @icon-arial-long-arrow-down;\n }\n\n &.sort-asc > .right::after {\n content: @icon-arial-long-arrow-up;\n }\n}\n\n.table-header-resize {\n position: absolute;\n display: inline-block;\n top: 0;\n height: 100%;\n width: 17px;\n padding: 10px 8px;\n margin-left: -9px;\n background-color: @table-header-resize-color;\n background-clip: content-box;\n z-index: 1;\n\n &:not(.disabled) {\n cursor: col-resize;\n\n &:hover {\n background-color: @table-header-resize-hover-color;\n }\n }\n\n .table-header-item.last + & {\n margin-left: -8px; // Ensure resizer of the last column is not visible when columns use the whole width\n }\n\n .table-header.moving > & {\n / Hide separators while moving, because their position will not be updated until the move-end event /\n visibility: hidden;\n }\n}\n\n/ Temporary element inserted in header and data area during resizing of a column /\n.table-column-resize-helper {\n position: absolute;\n top: 0;\n left: 0;\n background-color: transparent;\n height: 1px;\n / width is set dynamically by TableHeader.js /\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-header-menu {\n #scout.popup-2();\n margin: @widget-popup-margin;\n white-space: nowrap;\n overflow: hidden;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n\n.table-header-menu-body {\n position: relative;\n height: 100%;\n width: 100%;\n}\n\n.table-header-menu-actions {\n display: inline-block;\n vertical-align: top;\n padding: @table-header-menu-padding;\n\n & > .table-header-menu-group > .table-header-menu-group-text {\n // Increase size a little to ensure every text is fully visible, at least for german and english (currently necessary for additional sorting group)\n width: calc(100% + 12px);\n }\n}\n\n.table-header-menu-filters {\n display: inline-block;\n vertical-align: top;\n width: 250px;\n padding: 0 @table-header-menu-padding 0 @table-header-menu-padding;\n margin: @table-header-menu-padding 0 @table-header-menu-padding 0;\n\n .table-header-menu-body.compact > & {\n display: block;\n height: auto;\n margin-top: 5px;\n }\n\n & > .table-header-menu-group > .form-field {\n position: relative;\n }\n}\n\n.table-header-menu-group {\n padding-top: @table-header-menu-group-padding-top;\n padding-bottom: 5px;\n\n &.first {\n padding-top: 0;\n }\n\n &.last {\n padding-bottom: 0;\n }\n\n &.buttons {\n padding-bottom: 35px;\n\n &.last {\n padding-bottom: 29px;\n }\n }\n}\n\n.table-header-menu-group-text {\n font-weight: bold;\n color: @label-color;\n padding-bottom: 4px;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.table-header-menu-command {\n float: left;\n width: @table-header-menu-cmd-width;\n margin-right: 10px;\n height: @table-header-menu-cmd-height;\n\n &:focus {\n #scout.focus-border();\n outline: none;\n }\n\n &.last {\n margin-right: 0;\n }\n\n & > .icon::after {\n position: relative;\n left: 3px;\n top: -3px;\n font-size: 13px;\n }\n\n &.move-top > .icon::before {\n content: @icon-angle-double-left;\n }\n\n &.move-up > .icon::before {\n content: @icon-angle-left;\n }\n\n &.move-down > .icon::before {\n content: @icon-angle-right;\n }\n\n &.move-bottom > .icon::before {\n content: @icon-angle-double-right;\n }\n\n &.sort-asc > .icon::before,\n &.sort-asc-add > .icon::before {\n content: @icon-long-arrow-up;\n }\n\n &.sort-desc > .icon::before,\n &.sort-desc-add > .icon::before {\n content: @icon-long-arrow-down;\n }\n\n &.sort-asc-add,\n &.sort-desc-add {\n & > .icon::after {\n content: @icon-plus;\n display: inline-block; / fix for pointer-events: none in IE11 /\n }\n\n &.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px; / limit height otherwise arrow would move up in some browsers /\n }\n }\n\n &.add-column > .icon::before {\n content: @icon-plus;\n }\n\n &.remove-column > .icon::before {\n content: @icon-minus;\n }\n\n &.change-column > .icon::before {\n content: @icon-pencil;\n }\n\n &.togglable.selected:hover {\n & > .icon::before {\n content: @icon-remove;\n }\n\n & > .icon::after {\n content: '';\n }\n }\n\n &.hierarchy-collapse-all > .icon::before {\n content: @icon-collapse-all;\n }\n\n &.hierarchy-expand-all > .icon::before {\n content: @icon-expand-all;\n }\n\n &.group > .icon::before,\n &.group-add > .icon::before {\n content: @icon-group;\n }\n\n &.group-add {\n & > .icon::after {\n content: @icon-plus;\n display: inline-block; / fix for pointer-events: none in IE11 /\n }\n\n &.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px; / limit height otherwise arrow would move up in some browsers /\n }\n }\n\n &.aggregation-function {\n\n &.sum > .icon::before {\n content: @icon-sum;\n }\n\n &.avg > .icon::before {\n content: @icon-avg;\n }\n\n &.max > .icon::before {\n content: @icon-max;\n }\n\n &.min > .icon::before {\n content: @icon-min;\n }\n }\n\n &.color-gradient1 {\n background-image: linear-gradient(to right, @column-background-effect-gradient1-start-background-color, @column-background-effect-gradient1-end-background-color);\n }\n\n &.color-gradient2 {\n background-image: linear-gradient(to right, @column-background-effect-gradient2-start-background-color, @column-background-effect-gradient2-end-background-color);\n }\n\n &.color-bar-chart {\n background-image: linear-gradient(to right, @column-background-effect-bar-chart-background-color 0, @column-background-effect-bar-chart-background-color 65%, @palette-white 65%, @palette-white 100%);\n background-color: transparent;\n }\n\n &.color {\n &:hover {\n border-width: 2px;\n }\n\n &.selected {\n border-width: 2px;\n\n &.togglable:hover {\n background-image: none;\n }\n }\n }\n}\n\n.table-header-menu-filter-actions {\n float: right;\n}\n\n.table-header-menu-filter-toggle-checked {\n display: inline;\n}\n\n.table-header-menu-filter-table.table-row-check {\n border: 1px solid @control-border-color;\n border-radius: @border-radius;\n\n & > .table-data {\n margin-top: 0;\n padding: 3px;\n\n & > .table-row {\n border-radius: @border-radius;\n margin-bottom: 2px;\n\n &.last {\n margin-bottom: 0;\n }\n\n & > .table-cell {\n border: 0;\n\n &.halign-right {\n padding-right: 12px;\n }\n }\n }\n }\n}\n\n.table-header-menu-filter-number-column {\n font-size: @font-size-small;\n color: @table-header-menu-filter-number-column-color;\n vertical-align: middle;\n}\n\n.table-header-menu-toggle-sort-order {\n float: left;\n padding-right: @table-header-menu-padding;\n\n &::before {\n #scout.font-icon();\n }\n}\n\n.table-header-menu-toggle-sort-order-alphabetically::before {\n content: @icon-sort-alpha-asc-bold;\n}\n\n.table-header-menu-toggle-sort-order-amount::before {\n content: @icon-sort-amount-desc-bold;\n}\n\n/ Filter fields group-box /\n.filter-fields {\n padding: 0;\n\n & > .group-box-body {\n padding: 0;\n\n & > .form-field > label {\n margin-left: 0;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-row-detail {\n padding: @compact-outline-node-padding-y @compact-outline-node-padding-x;\n line-height: 25px;\n}\n\n.table-row-detail-name {\n margin-right: 4px;\n color: @label-color;\n font-size: @field-label-font-size;\n}\n\n.table-row-detail-value {\n white-space: normal;\n #scout.user-select(text);\n}\n\n.table-row-detail-icon {\n &.with-text {\n margin-right: 8px;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-control {\n position: relative;\n color: @table-control-color;\n cursor: pointer;\n border-radius: @border-radius-medium;\n margin-right: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: @table-control-size;\n height: @table-control-size;\n\n & > .font-icon {\n font-size: 22px;\n }\n\n &:hover {\n color: @table-control-hover-color;\n background-color: @hover-background-color;\n }\n\n &:active {\n color: @table-control-active-color;\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @table-control-selected-color;\n background-color: @table-control-selected-background-color;\n }\n\n &.disabled {\n cursor: default;\n color: @table-control-disabled-color;\n background-color: transparent;\n }\n}\n\n.tooltip.table-control-tooltip {\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-info, table-status) /\n margin-top: 8px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.cell-editor-popup {\n / make sure it is behind the scrollbar but above selection /\n z-index: 1;\n}\n\n.cell-editor-field {\n --padding-top: var(--table-row-padding-y) - @item-selection-border-width;\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width;\n padding: calc(var(--padding-top)) @table-cell-padding-right - @item-selection-border-width calc(var(--padding-bottom)) @table-cell-padding-left - @item-selection-border-width;\n border-width: @item-selection-border-width;\n background-color: @cell-editor-background-color;\n\n .cell-editor-popup.overflow-top & {\n --padding-top: var(--table-row-padding-y) - @item-selection-border-width + 1px; // cell editor is moved up by 1px\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width + 1px; // bottom row has 1px border\n }\n\n .cell-editor-popup.overflow-bottom & {\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width + 2px; // bottom row has 1px border and cell editor is moved down by 1px\n }\n\n &:focus,\n &.focused {\n border-color: @item-selection-border-color;\n box-shadow: none;\n\n &.has-error {\n border-color: @error-border-color;\n box-shadow: none;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n@table-compact-cell-line-height: 20px;\n\n.compact-cell-title {\n display: flex;\n align-items: baseline;\n line-height: @table-compact-cell-line-height;\n\n & > .left {\n flex-grow: 1;\n font-weight: @title-font-weight;\n #scout.overflow-ellipsis();\n }\n\n & > .right {\n flex-grow: 0;\n / in case it wraps when title is large /\n text-align: right;\n }\n}\n\n.compact-cell-subtitle {\n color: @sub-title-color;\n #scout.overflow-ellipsis();\n\n &:not(:empty) {\n padding-top: 2px;\n }\n}\n\n.compact-cell-content,\n.compact-cell-more-content {\n line-height: @table-compact-cell-line-height;\n}\n\n.compact-cell-content.has-header,\n.compact-cell-more-content.has-header {\n color: @table-compact-cell-content-color;\n}\n\n.compact-cell-more {\n line-height: @table-compact-cell-line-height;\n}\n\n.compact-cell-content:not(:empty).has-header {\n padding-top: 5px;\n}\n\n.compact-cell-line {\n #scout.overflow-ellipsis();\n}\n\n.compact-cell-line-label {\n font-size: @field-label-font-size;\n color: @label-color;\n\n &:not(:empty) {\n margin-right: 4px;\n }\n\n & > .icon {\n margin-right: 2px;\n }\n}\n\n.compact-cell-line-label,\n.compact-cell-line-value {\n & > .icon.with-text {\n margin-right: 8px;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-element,\n.overflow-icon {\n display: inline-flex;\n user-select: none;\n white-space: nowrap;\n color: @tag-text-color;\n outline: none;\n border-radius: @border-radius;\n background-color: @tag-element-background-color;\n height: @tag-field-tag-height;\n line-height: @tag-field-tag-height;\n margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0;\n overflow: hidden; // Keep rounded edges on remove icon hover\n\n &.focused:not(:hover) {\n background-color: @tag-element-focus-background-color;\n }\n}\n\n.tag-element {\n & > .tag-text {\n max-width: 85px;\n #scout.overflow-ellipsis();\n padding: 0 @tag-element-padding-x;\n\n .removable& {\n padding-right: 4px;\n }\n\n .clickable& {\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n }\n }\n}\n\n.overflow-icon {\n align-items: center;\n color: @tag-icon-color;\n padding: 0 6px;\n vertical-align: bottom;\n\n &::before {\n #scout.font-icon();\n position: relative;\n font-size: 16px;\n content: @icon-angle-down-bold;\n }\n\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n\n &.selected {\n background-color: @tag-overflow-element-selected-background-color;\n color: @tag-overflow-element-selected-color;\n }\n}\n\n.tag-remove-icon {\n color: @tag-icon-color;\n display: flex;\n justify-content: center;\n width: @tag-field-tag-height;\n padding-top: 1px;\n\n &::before {\n #scout.font-icon();\n position: relative;\n content: @icon-remove-bold;\n }\n\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n color: @palette-black;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-overflow-popup {\n padding: 8px - @tag-field-tag-margin-y 8px - @tag-field-tag-margin-right 8px 8px;\n max-width: 250px;\n overflow: hidden;\n #scout.control-popup();\n\n & > .popup-body {\n display: inline;\n }\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.time-picker-popup {\n position: absolute;\n #scout.control-popup();\n overflow: hidden;\n max-height: 350px;\n}\n\n.time-picker-separator {\n position: absolute;\n top: 0;\n left: 46px;\n height: 100%;\n border-right: 1px @palette-gray-4 solid;\n}\n\n.time-picker {\n position: relative;\n background-color: @control-background-color;\n\n &.touch-only :not(.selected):not(.disabled):not(:active):hover {\n &,\n & > .cell {\n // Disable sticky hover effect on touch devices\n background-color: inherit;\n }\n }\n\n .touch-popup-widget-container > & {\n max-height: 300px;\n display: flex;\n justify-content: center;\n\n & > .day-table {\n padding: 0;\n\n & > .hour-row:first-child > .cell {\n margin-top: 0;\n }\n }\n }\n}\n\n.time-picker-touch-popup {\n max-width: 200px;\n\n & > .body > .touch-popup-widget-container > .time-picker-separator {\n left: 84px;\n }\n}\n\n.day-table {\n padding: 0 13px 0 3px;\n\n & > .hour-row {\n display: flex;\n\n &:hover > .hours,\n &:hover > .hours.preselected {\n background-color: @hover-background-color;\n }\n\n &:first-child > .cell {\n margin-top: 7px;\n }\n\n &:last-child > .cell {\n margin-bottom: 7px;\n }\n\n & > .cell {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: @time-picker-cell-size;\n height: @time-picker-cell-size;\n margin: 2px;\n border-radius: @time-picker-cell-border-radius;\n }\n\n & > .hours {\n color: @time-picker-hours-color;\n margin: 2px 13px 2px 4px;\n\n &.now {\n color: @date-picker-now-color;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n font-weight: @font-weight-bold;\n }\n }\n\n &.preselected {\n background-color: @time-picker-preselected-background-color;\n }\n\n &:hover + .minutes {\n background-color: @hover-background-color;\n\n &.selected {\n background-color: @time-picker-selected-background-color;\n }\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @item-selection-border-color;\n\n & > .text {\n font-weight: @font-weight-bold;\n border-bottom: 2px @selected-background-color solid;\n margin-bottom: -2px;\n }\n }\n }\n\n & > .minutes {\n\n &.now {\n color: @time-picker-now-color;\n font-weight: @font-weight-bold;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n font-weight: @font-weight-bold;\n }\n }\n\n &.preselected {\n background-color: @time-picker-preselected-background-color;\n }\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @time-picker-selected-color;\n background-color: @time-picker-selected-background-color;\n\n &.now > .text {\n border-color: @time-picker-now-selected-color;\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tooltip {\n position: absolute;\n background-color: @tooltip-info-background-color;\n border-radius: @tooltip-border-radius;\n border: @tooltip-border-width solid @tooltip-border-color;\n color: @tooltip-info-color;\n #scout.drop-shadow(@y: 4px, @blur: 6px, @alpha: 5%);\n max-width: 300px;\n white-space: normal;\n}\n\n.tooltip-content {\n padding: @tooltip-padding-y @tooltip-padding-x;\n position: relative;\n min-width: 60px; / Prevents tooltips with very short text from looking \"strange\" /\n #scout.overflow-ellipsis();\n font-weight: @tooltip-font-weight;\n background-color: inherit; // Necessary if arrow has a border\n border-radius: @tooltip-border-radius;\n\n .has-menus > & {\n font-weight: @font-weight-bold;\n padding-left: @context-menu-item-padding-left;\n padding-right: @context-menu-item-padding-right;\n padding-top: @tooltip-padding-y + 6px;\n }\n\n & .small {\n font-size: @font-size-small;\n font-weight: @font-weight-normal;\n color: @tooltip-small-color;\n }\n\n & > .table-cell-icon {\n // necessary to overrule default icon color in table-cell tooltips (e.g. when hovering a grouping number value having an ellipsis)\n color: @tooltip-info-color;\n }\n}\n\n.tooltip-menus {\n position: relative;\n background-color: inherit; // Necessary if arrow has a border\n margin-bottom: 6px;\n\n .no-text > & {\n margin-top: 6px;\n }\n\n & > .menu-item {\n display: flex;\n justify-content: start;\n border-radius: 0;\n padding: @tooltip-padding-y @context-menu-item-padding-right @tooltip-padding-y @context-menu-item-padding-left;\n\n &:hover {\n background-color: @tooltip-menu-hover-background-color;\n }\n\n & > .submenu-icon {\n padding-left: 5px;\n }\n\n .ok > & {\n color: @tooltip-ok-color;\n }\n\n .info > & {\n color: @tooltip-menu-color;\n }\n\n .warning > & {\n color: @tooltip-warning-color;\n }\n\n .error > & {\n color: @tooltip-error-color;\n }\n }\n}\n\n.tooltip-arrow {\n position: absolute;\n width: @tooltip-arrow-size;\n height: @tooltip-arrow-size;\n background-color: inherit;\n border: inherit;\n}\n\n.tooltip-arrow.arrow-bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n\n.tooltip-arrow.arrow-top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.tooltip.error {\n background-color: @tooltip-error-background-color;\n border-width: 0;\n color: @tooltip-error-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-error-background-color;\n }\n}\n\n.tooltip.warning {\n background-color: @tooltip-warning-background-color;\n border-width: 0;\n color: @tooltip-warning-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-warning-background-color;\n }\n}\n\n.tooltip.ok {\n background-color: @tooltip-ok-background-color;\n border-width: 0;\n color: @tooltip-ok-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-ok-background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.widget-tooltip {\n max-width: none;\n\n & > .tooltip-widget-container {\n position: relative;\n padding: 10px;\n background-color: inherit;\n overflow: hidden;\n border-radius: @tooltip-border-radius;\n\n & > .widget {\n position: relative;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tree {\n position: relative;\n // The value of the css variable is read by Tree.js and added to the level padding if the parent node has an icon\n --node-padding-level-diff-parent-has-icon: @tree-node-padding-level-diff-parent-has-icon;\n\n &:focus,\n &.focused {\n outline: none;\n\n & > .tree-data {\n & > .animation-wrapper > .tree-node.selected,\n & > .tree-node.selected {\n background-color: @item-selection-background-color;\n\n &::after {\n border-color: @item-selection-border-color;\n }\n }\n }\n }\n\n & > .filter-field {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--menubar-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--menubar-height)) / 2);\n }\n }\n}\n\n.tree-data {\n / necessary for scrollbars /\n position: relative;\n overflow: hidden;\n width: 100%; / expand to outer container, needed for breadcrumb /\n\n / required because text shouldn't go into ellipsis mode when scrollbars are enabled /\n\n &.scrollable-tree {\n overflow-anchor: none;\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n overflow: visible;\n }\n\n & > .tree-node > .text,\n & > .animation-wrapper > .tree-node > .text {\n text-overflow: clip;\n }\n }\n\n &.checkable {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n cursor: pointer;\n }\n\n &.disabled > .tree-node,\n &.disabled > .animation-wrapper > .tree-node,\n & > .tree-node.disabled,\n & > .animation-wrapper > .tree-node.disabled {\n cursor: default;\n }\n }\n}\n\n.navigation-breadcrumb .tree-data {\n float: left;\n}\n\n.tree-node {\n display: flex;\n align-items: start;\n position: relative;\n padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left;\n #scout.overflow-ellipsis-nowrap();\n\n &:active {\n background-color: @tree-node-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-nonfocus-background-color;\n\n &::after {\n #scout.item-selection-border();\n }\n }\n\n &.disabled {\n / Tree node is disabled -> use lighter disabled color /\n color: @disabled-color;\n }\n\n .disabled > .animation-wrapper > &,\n .disabled > & {\n / Whole tree is disabled -> use darker disabled color /\n color: @text-disabled-color;\n }\n\n .disabled.read-only > .animation-wrapper > &,\n .disabled.read-only > & {\n color: @read-only-color;\n }\n\n & > .text {\n vertical-align: top;\n display: inline-block;\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .icon {\n vertical-align: top;\n padding-right: @tree-node-icon-padding-right;\n display: inline-block;\n text-align: center;\n min-width: @tree-node-icon-width;\n / Use content-box for images because it leads to wrong behavior when someone sets a min-width/height\n * on an IMG element that has padding and the available space for the image is 'min-width' - 'padding'\n * See ticket 208111 /\n box-sizing: content-box;\n\n &.image-icon {\n margin-top: @tree-node-bitmap-icon-margin-top;\n / required to reserve space for bitmap icons in the tree when image resource is not yet loaded /\n min-width: @tree-node-bitmap-icon-size;\n min-height: @tree-node-bitmap-icon-size;\n }\n\n &.font-icon {\n / Necessary to align with the text, depends on the used font size /\n line-height: @tree-node-font-icon-line-height;\n font-size: @tree-node-font-icon-size;\n }\n }\n}\n\n.tree-node-checkbox {\n display: block;\n position: absolute;\n top: auto;\n left: auto;\n margin-top: @tree-node-checkbox-margin-top;\n margin-left: -@tree-node-checkbox-size - 8px;\n width: @tree-node-checkbox-size;\n height: @tree-node-checkbox-size;\n\n & > .check-box {\n &:not(.checked).children-checked {\n #scout.checkbox-undefined();\n\n // Check box gets disabled class if a single node is disabled\n &.disabled {\n #scout.checkbox-disabled();\n #scout.checkbox-undefined-disabled();\n }\n }\n\n // If the tree or a parent widget is disabled, the check box doesn't get the disabled class\n .tree.disabled > .tree-data > .tree-node > &,\n .tree.disabled > .tree-data > .animation-wrapper > .tree-node > & {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &:not(.checked).children-checked {\n #scout.checkbox-undefined-disabled();\n }\n }\n }\n}\n\n// The class can be added if the parent node should not visualize that a child node is checked.\n// Currently, there is no official property on the tree for this case because it is rarely used.\n// .tree is necessary to be more specific than rule above\n.tree.no-children-checked-style {\n & > .tree-data > .tree-node,\n & > .tree-data > .animation-wrapper > .tree-node {\n & > .tree-node-checkbox > :not(.checked).children-checked {\n background-color: inherit;\n border-color: @check-box-border-color;\n\n .disabled&,\n &.disabled {\n background-color: inherit;\n border-color: @check-box-disabled-border-color;\n }\n\n &::before {\n display: none;\n }\n }\n }\n}\n\n.tree-node-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n padding: @tree-node-padding-y 8px @tree-node-padding-y @tree-node-control-padding-left;\n height: 100%;\n line-height: @tree-node-control-line-height; / Necessary to align with the text, depends on the used font size /\n color: @tree-node-control-color;\n\n &::before {\n display: block;\n transition: transform 0.3s;\n #scout.font-icon();\n font-size: @tree-node-control-size;\n content: @icon-angle-right;\n\n .tree-node.lazy > & {\n font-family: @font-default-family;\n content: '+';\n / Move to left because '+' sign is not as wide as 'arrow-down' /\n margin-left: -2px;\n }\n\n .tree-node.expanded > & {\n / This \"imprecise\" angle is a workaround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n #scout.transform(rotate(89.99deg));\n }\n }\n\n &:hover {\n color: @highlight-color;\n }\n}\n\n/ bread crumb style /\n.tree.breadcrumb {\n\n & > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid @border-color;\n padding: 8px 10px;\n\n &.ancestor-of-selected,\n &.child-of-selected,\n / Selecting a node will remove all child-of-selected classes of the parent's children, hence the selected node will be temporarily invisible.\n If that happens the active state won't be removed correctly (browser bug?). To prevent this we make sure the node will not get invisible when touched. /\n &:active {\n display: flex;\n }\n\n &.selected {\n display: flex;\n cursor: default;\n }\n\n & > .text {\n white-space: normal;\n }\n\n & > .tree-node-control {\n display: none;\n }\n }\n }\n}\n\n/ key handling /\n\n.tree-node .key-box {\n top: calc(~'50% - 11px');\n}\n\n.tree > .tree-data > .key-box {\n top: 6px;\n left: 4px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.compact-tree {\n\n .tree-field > & {\n margin-left: @mandatory-indicator-width;\n }\n\n &:focus {\n #scout.no-focus-border;\n\n & > .tree-data > .nodes > .section > .section-node.selected {\n text-decoration: underline;\n color: @focus-color;\n }\n }\n\n & > .tree-data {\n position: relative;\n overflow: hidden;\n padding-top: 10px;\n\n & > .nodes {\n #scout.vendor(column-count, 2);\n #scout.vendor(column-gap, 24px);\n\n & > .section {\n margin-bottom: 30px;\n\n / Use full width to enlarge touch area /\n width: 100%;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n #scout.vendor(column-break-inside, avoid);\n break-inside: avoid-column;\n page-break-inside: avoid;\n\n / Hack for FF, because column-break-inside does not yet work for all elements, only for tables /\n / see: https://bugzilla.mozilla.org/show_bug.cgi?id=549114 /\n display: table;\n\n & > .title {\n font-weight: @title-font-weight;\n }\n\n & > .section-node {\n cursor: pointer;\n padding-top: 12px;\n\n &:hover {\n color: @hover-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile {\n &.newly-rendered {\n / Tile should be invisible until it has the correct position, otherwise it might be visible in the top left corner in the time between rendering and layouting /\n .invisible();\n }\n\n &.animate-visible {\n #scout.animation-name(fadein-grow);\n #scout.animation-duration(0.4s);\n }\n\n &.animate-invisible {\n #scout.animation-name(fadeout-shrink);\n #scout.animation-duration(0.3s);\n #scout.animation-fill-mode(forwards);\n }\n\n &.animate-insert {\n #scout.animation-name(fadein-zoom-bounce);\n #scout.animation-duration(0.4s);\n }\n\n &.animate-remove {\n #scout.animation-name(fadeout-shrink-blur);\n #scout.animation-duration(0.2s);\n #scout.animation-fill-mode(forwards);\n }\n}\n\n/ The default class is added if displayStyle is set to DEFAULT. If it is set to PLAIN no class will be added. /\n.default-tile {\n background-color: @tile-background-color;\n border: 1px solid @tile-border-color;\n padding: @tile-padding-y @tile-padding-x;\n\n &.selectable:active:not(.selected),\n &.selectable.active:not(.selected) {\n background-color: @tile-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@tile-grid-loading-transition: opacity @loading-fade-duration;\n\n.tile-grid {\n padding: 6px 0;\n\n &:focus,\n &.focused {\n outline: none;\n }\n\n &.scrollable {\n padding-right: 15px;\n }\n\n & > .tile {\n transition: @tile-grid-loading-transition;\n }\n\n & > .scrollbar {\n opacity: 1;\n transition: @tile-grid-loading-transition;\n }\n\n &.loading {\n & > .tile,\n & > .scrollbar {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n & > .filter-field-container {\n .scrollable& {\n top: calc(~'100% - ' 10px);\n left: 100%;\n }\n }\n}\n\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see TileGridLayoutConfig.js & TileGridLayoutConfig.java /\n/ --------------------------------------------------------------------------- /\n.tile-grid-layout-config {\n width: 210px;\n height: 155px;\n margin-left: 15px; / horizontal gap /\n margin-top: 15px; / vertical gap /\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile-overview {\n background-color: @dimmed-background-color;\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n\n.tile-overview-content {\n position: absolute;\n\n margin: 42px 65px; / for larger screens /\n @media screen and (max-width: 800px) {\n / for small screens /\n margin: 20px 20px 20px 23px;\n }\n\n & > .tile-grid {\n position: relative;\n margin-bottom: 30px;\n }\n}\n\n.tile-overview-title {\n overflow: hidden;\n font-size: @font-size-extra-large;\n height: auto !important;\n padding-bottom: 20px;\n #scout.overflow-ellipsis-nowrap();\n\n &.animated {\n transition: max-height 400ms, padding-bottom 400ms;\n }\n\n &.removed {\n max-height: 0 !important;\n padding-bottom: 0;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile-accordion {\n & > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-bottom: 0;\n }\n\n & > .filter-field-container {\n top: calc(~'100% - ' 16px);\n\n .scrollable& {\n left: 100%;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.placeholder-tile {\n background-color: @tile-placeholder-background-color;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard {\n border: none;\n border-radius: @dashboard-tile-border-radius;\n color: @tile-default-color;\n --tile-background-color: @tile-default-background-color;\n background-color: var(--tile-background-color);\n overflow: hidden;\n\n #scout.double-drop-shadow(@spread1: 1px, @color1: @dashboard-tile-border-color, @y2: 0px, @blur2: 0px);\n\n &.inverted {\n #scout.double-drop-shadow(@spread1: 1px, @color1: @tile-default-inverted-background-color, @y2: 0px, @blur2: 0px);\n }\n\n &.inverted.color-alternative {\n #scout.double-drop-shadow(@spread1: 1px, @color1: @tile-alternative-inverted-background-color, @y2: 0px, @blur2: 0px);\n }\n\n .dimmed-background & {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-light-alpha);\n\n &.disabled,\n &.inverted {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-dark-alpha);\n }\n }\n\n & > .form-field {\n padding: 16px @tile-field-padding @tile-field-padding;\n\n &.label-hidden {\n padding-top: @tile-field-padding;\n\n .compact& {\n // reduce padding-top only if there is no label\n // the padding with label is already fine\n padding-top: @tile-field-compact-padding-y;\n }\n }\n\n .compact& {\n padding-bottom: @tile-field-compact-padding-y;\n padding-left: @tile-field-compact-padding-x;\n padding-right: @tile-field-compact-padding-x;\n }\n\n &.no-padding {\n padding: 0;\n\n & > .field {\n border: 0;\n border-radius: 0;\n }\n }\n\n & > label {\n color: @tile-default-label-color;\n margin: 0;\n font-size: 12px;\n font-weight: bold;\n padding-top: 0;\n padding-bottom: @dashboard-tile-label-padding-bottom;\n padding-right: 0;\n }\n\n & > .field {\n margin-left: 0;\n overflow: hidden;\n }\n\n & > .mandatory-indicator {\n display: none;\n }\n\n / Define a short transition for opacity changes on all field elements (used in .loading state) /\n\n & > label,\n & > .mandatory-indicator,\n & > .field,\n & > .status {\n transition: opacity 0.15s; / Same time is used in animation() of .loading-indicator /\n opacity: 1;\n }\n\n & > .status {\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n\n background-color: var(--tile-background-color);\n box-shadow: 0 0 4px 4px var(--tile-background-color);\n border-radius: 50%;\n\n padding: 0;\n margin: 0;\n\n // These properties are set by FormFieldLayout.js depending on StatusPosition, Label, etc.\n // In order to fix these values for the FormFieldTile we need !important.\n height: 24px !important;\n width: 24px !important;\n top: 12px !important;\n right: 12px !important;\n line-height: unset !important;\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n border-radius: @border-radius;\n }\n\n / Move part of the tile's padding (@offset) to the inner div. /\n / This makes it possible to draw the scrollbar (seemingly) outside the field. /\n\n &.scrollbar-y-outside {\n @offset: 17px;\n padding-right: @tile-field-padding - @offset;\n\n .compact& {\n padding-right: 0;\n }\n\n & > label {\n margin-right: @offset;\n }\n\n & > .field {\n padding-right: @offset;\n\n & > .scrollbar.y-axis {\n / Remove margin top/bottom, because root-group-box already provides a padding /\n height: 100%;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n }\n\n / --- Special rules for specific tile fields --- /\n\n &.browser-field > .field {\n border-radius: 0;\n }\n\n &.browser-field.inverted > .field {\n border: 0;\n }\n\n &.html-field > label,\n &.bean-field > label {\n padding-bottom: @dashboard-tile-label-large-padding-bottom;\n }\n }\n\n &.loading {\n & > .form-field > label,\n & > .form-field > .mandatory-indicator,\n & > .form-field > .field,\n & > .form-field > .status {\n / Same as 'visibility: hidden', except it can be animated with CSS transitions /\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.inverted {\n --tile-background-color: @tile-default-inverted-background-color;\n color: @tile-default-inverted-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n\n & ::-moz-selection {\n #scout.text-selection();\n }\n\n & ::selection {\n #scout.text-selection();\n }\n }\n\n & ::-moz-selection {\n background: darken(@text-selection-background-color, 10);\n }\n\n & ::selection {\n background: darken(@text-selection-background-color, 10);\n }\n\n & > .form-field {\n & > label {\n color: @tile-default-inverted-label-color;\n }\n\n / Override link style in inverted tiles, otherwise app-links would not be readable /\n\n & .app-link,\n & a {\n color: @tile-default-inverted-color;\n\n &:hover {\n color: @tile-default-inverted-link-hover-color;\n }\n\n &:active {\n color: @tile-default-inverted-link-active-color;\n }\n }\n\n & > .status::before {\n color: @tile-default-inverted-color;\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n &::before {\n color: @tile-default-inverted-color;\n }\n\n &:hover::before {\n background-color: @tile-default-inverted-status-hover-background-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @tile-default-inverted-status-active-background-color;\n }\n }\n\n &.has-error > .status {\n &::before {\n color: @tile-default-inverted-error-status-color;\n }\n\n &:hover::before,\n &:active::before,\n &.selected::before {\n color: @tile-default-inverted-error-status-hover-color;\n }\n }\n\n .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-color;\n }\n\n .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-hover-color;\n }\n\n .container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: @tile-scrollbar-thumb-inverted-small-color;\n }\n\n .container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n .container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-small-hover-color;\n }\n }\n }\n\n &.color-alternative {\n --tile-background-color: @tile-alternative-background-color;\n color: @tile-alternative-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n }\n\n & > .form-field {\n & > label {\n color: @tile-alternative-label-color;\n }\n\n & .app-link,\n & a {\n color: @tile-alternative-link-color;\n\n &:hover {\n color: @tile-alternative-link-hover-color;\n }\n\n &:active {\n color: @tile-alternative-link-active-color;\n }\n }\n }\n }\n\n &.inverted.color-alternative {\n --tile-background-color: @tile-alternative-inverted-background-color;\n color: @tile-alternative-inverted-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n }\n\n & ::-moz-selection {\n #scout.text-selection();\n }\n\n & ::selection {\n #scout.text-selection();\n }\n\n & > .form-field {\n & > label {\n color: @tile-alternative-inverted-label-color;\n }\n\n & .app-link,\n & a {\n color: @tile-alternative-inverted-color;\n\n &:hover {\n color: @tile-alternative-inverted-link-hover-color;\n }\n\n &:active {\n color: @tile-alternative-inverted-link-active-color;\n }\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n &:hover::before {\n background-color: @tile-alternative-inverted-status-hover-background-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @tile-alternative-inverted-status-active-background-color;\n }\n }\n }\n }\n\n &.selected {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-selected-border-color, @y2: 0px, @blur2: 0px);\n\n &.inverted {\n --tile-background-color: @dashboard-tile-default-inverted-background-color;\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-inverted-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n &.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n &.inverted.color-alternative {\n --tile-background-color: @dashboard-tile-alternative-inverted-background-color;\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-inverted-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n .dimmed-background & {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-light-alpha);\n\n &.inverted {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-inverted-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-dark-alpha);\n }\n\n &.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-light-alpha);\n }\n\n &.inverted.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-inverted-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-dark-alpha);\n }\n }\n }\n}\n\n/\n Mixing that can be used to reduce the horizontal padding.\n To ensure the label is aligned with the label from other tiles the h-padding of the label is increased.\n /\n.dashboard-tile-small-horizontal-padding(@padding-x: @tile-field-compact-padding-x, @small-padding-x: @tile-field-small-compact-padding-x) {\n padding-left: @small-padding-x;\n padding-right: @small-padding-x;\n\n & > label {\n padding-left: @padding-x - @small-padding-x;\n padding-right: @padding-x - @small-padding-x;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard > .tile-button {\n padding-top: 0;\n padding-bottom: 0;\n cursor: pointer;\n\n & > .field {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n padding-top: 20px;\n padding-bottom: 20px;\n\n &.with-icon {\n padding-top: 17px;\n }\n\n &.without-icon {\n justify-content: center;\n }\n\n & > .icon-container,\n & > .label {\n display: block;\n }\n\n & > .icon-container {\n flex-grow: 1;\n\n & > .font-icon {\n font-size: 40px;\n font-weight: @icon-font-weight-light;\n color: @tile-button-default-icon-color;\n }\n }\n\n & > .label {\n font-size: 16px;\n max-height: 66px;\n #scout.overflow-ellipsis();\n }\n\n &.with-icon > .label {\n padding-top: 18px;\n }\n }\n}\n\n.tile.dashboard.compact > .tile-button {\n padding-bottom: 0; // Override FormFieldTile.less\n\n & > .field {\n padding-top: 12px;\n padding-bottom: 12px;\n\n &.with-icon {\n min-height: 100px;\n }\n\n & > .label {\n font-size: 14px;\n padding-top: 0;\n\n // Show max. 2 lines\n //noinspection CssInvalidPropertyValue\n display: -webkit-inline-box;\n //noinspection CssUnknownProperty\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n & > .icon-container > .font-icon {\n font-size: 28px;\n }\n }\n}\n\n.button-tile.dashboard {\n background-color: inherit;\n\n & > .tile-button {\n background-color: @tile-default-background-color;\n\n & > .field > .label {\n color: @link-color;\n }\n }\n\n &:hover {\n\n .dimmed-background & {\n #scout.drop-shadow(); // More intense than regular dashboard shadow\n }\n\n & > .tile-button {\n background-color: @tile-button-default-hover-background-color;\n }\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-default-active-background-color;\n }\n\n &.inverted {\n\n & > .tile-button {\n background-color: @tile-default-inverted-background-color;\n\n & > .field {\n & > .label {\n color: @tile-button-default-inverted-color;\n }\n\n & > .icon-container > .font-icon {\n color: @tile-button-default-inverted-icon-color;\n }\n }\n }\n\n &:hover > .tile-button {\n background-color: @tile-button-default-inverted-hover-background-color;\n border-color: @tile-button-default-inverted-hover-background-color;\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-default-inverted-active-background-color;\n border-color: @tile-button-default-inverted-active-background-color;\n }\n }\n\n &.color-alternative.inverted {\n & > .tile-button {\n background-color: @tile-alternative-inverted-background-color;\n\n & > .field {\n & > .label {\n color: @tile-button-alternative-inverted-color;\n }\n\n & > .icon-container > .font-icon {\n color: @tile-button-alternative-inverted-icon-color;\n }\n }\n }\n\n &:hover > .tile-button {\n background-color: @tile-button-alternative-inverted-hover-background-color;\n border-color: @tile-button-alternative-inverted-hover-background-color;\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-alternative-inverted-active-background-color;\n border-color: @tile-button-alternative-inverted-active-background-color;\n }\n }\n\n &.disabled {\n\n .dimmed-background & {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-light-alpha);\n }\n\n & > .tile-button {\n &, .inverted&, .color-alternative.inverted& {\n background-color: transparent;\n border-color: transparent;\n cursor: default;\n\n & > .field {\n & > .icon-container > .font-icon {\n color: @button-disabled-color;\n }\n\n & > .label {\n color: @button-disabled-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard > .table-field {\n .dashboard-tile-small-horizontal-padding(@tile-field-padding, @tile-field-padding - @table-cell-padding-left);\n padding-bottom: 12px;\n\n &.label-hidden {\n padding-top: 7px;\n }\n\n & > label {\n padding-bottom: @dashboard-tile-label-large-padding-bottom;\n }\n\n .compact& {\n .dashboard-tile-small-horizontal-padding(@tile-field-compact-padding-x, @tile-field-compact-padding-x - @table-cell-padding-left);\n\n & > label {\n padding-bottom: @dashboard-tile-label-padding-bottom;\n }\n }\n\n / adjust menu bar when visible /\n &.has-menubar {\n padding-bottom: 2px;\n\n & > .table > .menubar.bottom {\n padding-top: 1px;\n }\n }\n\n & > .table {\n border: 0; / see .table-row definition below /\n border-radius: 0;\n background-color: transparent;\n\n &:focus,\n &.focused {\n box-shadow: none;\n }\n\n & > .table-header {\n background-color: transparent;\n\n & > .table-header-item {\n color: @tile-table-default-color;\n\n &.sorted,\n &.grouped,\n &.filtered {\n padding-right: @table-header-item-padding-right;\n\n &.halign-right,\n &.halign-center {\n padding-right: @table-header-item-padding-left;\n }\n\n &.last.halign-left,\n &.last.halign-center,\n &.last.halign-right {\n padding-right: @table-header-item-padding-right-last;\n }\n }\n\n & > .table-header-item-state {\n display: none;\n }\n }\n\n & > .table-header-resize {\n display: none;\n }\n\n / show separator on mouseover only /\n\n &:hover > .table-header-resize {\n display: inline-block;\n }\n }\n\n &:not(:focus):not(.focused) > .table-data > .table-row.selected {\n / No selection color for non-focused table tiles /\n background-color: transparent;\n\n &::after {\n border: 0;\n }\n }\n\n & > .table-data {\n & + .scroll-shadow {\n .scroll-shadow.gradient();\n --scroll-shadow-color: @tile-default-background-color;\n }\n\n & > .table-row {\n & > .table-cell,\n & > .table-cell > .font-icon {\n color: @tile-table-default-color;\n }\n }\n }\n\n & > .menubar {\n background-color: transparent;\n }\n }\n}\n\n.tile.dashboard {\n &.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n & > .table-data > .table-row.selected {\n background-color: @tile-table-default-inverted-selection-background-color;\n\n &::after {\n border-color: @tile-table-default-inverted-selection-border-color;\n }\n }\n }\n\n & > .table-header {\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .table-header-item {\n color: @tile-default-inverted-color;\n }\n\n & > .table-header-resize {\n background-color: @tile-table-default-inverted-border-color;\n }\n }\n\n & > .table-data {\n & > .table-row {\n &:active {\n background-color: transparent;\n }\n\n & > .table-cell {\n color: @tile-default-inverted-color;\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .font-icon {\n color: @tile-default-inverted-color;\n }\n }\n }\n\n & + .scroll-shadow {\n --scroll-shadow-color: @tile-default-inverted-background-color;\n }\n }\n\n & > .menubar {\n border-top-color: @tile-table-default-inverted-border-color;\n\n & > .menubar-box > .menu-item {\n color: @tile-default-inverted-color;\n }\n }\n }\n\n &.color-alternative.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n & > .table-data > .table-row.selected {\n background-color: @tile-table-alternative-inverted-selection-background-color;\n\n &::after {\n border-color: @tile-table-alternative-inverted-selection-border-color;\n }\n }\n }\n\n & > .table-header {\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .table-header-item {\n color: @tile-alternative-inverted-color;\n }\n\n & > .table-header-resize {\n background-color: @tile-table-default-inverted-border-color;\n }\n }\n\n & > .table-data {\n & > .table-row {\n &:active {\n background-color: transparent;\n }\n\n & > .table-cell {\n color: @tile-alternative-inverted-color;\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .font-icon {\n color: @tile-alternative-inverted-color;\n }\n }\n }\n\n & + .scroll-shadow {\n --scroll-shadow-color: @tile-alternative-inverted-background-color;\n }\n }\n\n & > .menubar {\n border-top-color: @tile-table-default-inverted-border-color;\n\n & > .menubar-box > .menu-item {\n color: @tile-alternative-inverted-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.filter-field {\n position: absolute;\n --filter-field-height: @filter-field-height;\n --filter-field-bottom: @filter-field-bottom;\n --filter-field-max-bottom: calc(~'50% - ' var(--filter-field-height) / 2);\n bottom: min(var(--filter-field-bottom), var(--filter-field-max-bottom));\n right: @filter-field-right;\n height: var(--filter-field-height);\n width: @filter-field-width;\n min-width: @filter-field-min-width;\n max-width: @filter-field-max-width;\n display: flex;\n align-items: center;\n z-index: 3;\n border-radius: @border-radius;\n #scout.drop-shadow();\n background-color: var(--filter-field-background-color);\n opacity: 1;\n visibility: visible;\n\n // delay the \"fade in\" transition\n --filter-field-opacity-transition-delay: 100ms;\n // the visibility transition is not a smooth transition but allows to set the value visibility delayed\n // set visibility to visible right before the \"fade in\" transition starts\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n\n transition: bottom @filter-field-transition-duration ease-in-out,\n right @filter-field-transition-duration ease-in-out,\n height @filter-field-transition-duration ease-in-out,\n width @filter-field-transition-duration ease-in-out,\n min-width @filter-field-transition-duration ease-in-out,\n max-width @filter-field-transition-duration ease-in-out,\n box-shadow @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out var(--filter-field-opacity-transition-delay),\n visibility 0s var(--filter-field-visibility-transition-delay);\n\n :not(:hover) > &:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n\n // start the \"fade out\" transition right away\n --filter-field-opacity-transition-delay: 0s;\n // set visibility to hidden right after the \"fade out\" transition ends\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n\n &::before {\n content: @icon-search;\n #scout.font-icon();\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n bottom: calc((var(--filter-field-height) - @filter-field-icon-size) / 2);\n right: @text-field-icon-margin-x + 1px;\n height: @filter-field-icon-size;\n width: @filter-field-icon-size;\n opacity: 0;\n transition: bottom @filter-field-transition-duration ease-in-out,\n right @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out;\n font-size: @font-size-plus;\n color: @label-color;\n border-radius: @border-radius;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n }\n\n & > :not(.key-box) {\n opacity: 1;\n transition: opacity @filter-field-transition-duration ease-in-out;\n }\n\n & > input {\n width: 100%;\n min-height: 100%;\n }\n\n &.clearable-always:not(.has-text),\n &.clearable-focused:not(.has-text):not(.focused) {\n & > .clear-icon {\n .invisible();\n }\n }\n\n & > .clear-icon {\n display: flex;\n right: @text-field-icon-margin-x + 1px;\n margin-right: 0;\n transition: right @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out;\n }\n\n & > .key-box {\n top: calc(~'50% - ' 22px / 2) !important;\n }\n\n &:not(.focused).empty {\n --filter-field-bottom: @filter-field-bottom + ((var(--filter-field-height) - @filter-field-icon-size) / 2);\n --filter-field-max-bottom: calc(~'50% - ' @filter-field-icon-size / 2);\n right: @filter-field-right + @text-field-icon-margin-x + 1px;\n height: @filter-field-icon-size;\n width: @filter-field-icon-size;\n min-width: @filter-field-icon-size;\n max-width: @filter-field-icon-size;\n box-shadow: none;\n #scout.backdrop-filter(@background-color: var(--filter-field-transparent-50-background-color), @backdrop-filter: blur(2px), @fallback-background-color: var(--filter-field-transparent-80-background-color));\n\n &::before {\n bottom: 0;\n right: 0;\n opacity: 1;\n }\n\n & > :not(.key-box) {\n opacity: 0;\n }\n\n & > input {\n cursor: pointer;\n }\n\n & > .clear-icon {\n right: 0;\n }\n\n & > .key-box.char {\n margin-left: -10px;\n margin-right: -5px;\n }\n }\n}\n\n.filter-field-container {\n position: sticky;\n --filter-field-height: @filter-field-height;\n --filter-field-container-top: calc(~'100% - ' @filter-field-bottom);\n --filter-field-container-min-top: calc(~'50% + ' var(--filter-field-height) / 2);\n top: max(var(--filter-field-container-top), var(--filter-field-container-min-top));\n left: calc(~'100% - ' @filter-field-right);\n width: 0;\n height: 0;\n overflow: visible;\n z-index: 3;\n\n --filter-field-max-width: @filter-field-width;\n\n &:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 1;\n visibility: visible;\n\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n }\n\n & > .filter-field {\n bottom: 0;\n right: 0;\n max-width: var(--filter-field-max-width);\n\n :not(:hover) > &:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n\n &:not(.focused).empty {\n bottom: calc((var(--filter-field-height) - @filter-field-icon-size) / 2);\n right: @text-field-icon-margin-x + 1px;\n }\n }\n}\n\n@supports not (bottom: min(50%, 42px)) {\n .filter-field-container,\n .filter-field {\n .hidden();\n }\n}\n\n.dense .filter-field,\n.dense .filter-field-container {\n --filter-field-height: @filter-field-height-dense;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.login-box-content > form {\n & > input,\n & > .button {\n width: calc(100% - 40px);\n height: 40px;\n margin: 4px 20px;\n font-size: @box-font-size;\n }\n\n & > .button {\n margin-top: 16px;\n margin-bottom: 0;\n }\n\n & > .message-box {\n margin: 0 20px 12px 20px;\n }\n\n & > input.alternative:-webkit-autofill {\n / NOSONAR (for some reason, rule \"less:overqualified-elements\" is illegitimately triggered here)\n /* Improve Chrome's auto-fill style by overriding the forced yellow background and black text color. /\n / (Requires some hacks, see http://webagility.com/posts/remove-forced-yellow-input-background-in-chrome) /\n border-top-width: 0;\n padding-top: @text-field-padding-top-compensation + 1px;\n -webkit-box-shadow: inset 0 0 0 1000px @background-color;\n -webkit-text-fill-color: @text-color !important; / NOSONAR (!important is okay here) /\n\n &::first-line {\n // Chrome uses a different size and family for the auto filled credentials\n // -> explicitly set size and family so that it won't change when the user clicks into the field\n font-size: @box-font-size;\n font-family: @font-default-family;\n }\n\n &:focus {\n -webkit-text-fill-color: @focus-color !important; / NOSONAR (!important is okay here) /\n }\n\n &::selection {\n -webkit-text-fill-color: @text-selection-color !important; / NOSONAR (!important is okay here) /\n }\n }\n}\n\n/\n * Login button is a default button -> styles are defined in main.css.\n * Difference to regular default button is the disabled style and the ability to turn red.\n /\n.login-button.default {\n\n &.login-error:not(.disabled) {\n border-color: transparent;\n background-color: @error-color;\n\n &:hover {\n background-color: @error-default-button-background-hover-color;\n }\n\n &:active {\n background-color: @error-default-button-background-active-color;\n }\n\n &:focus {\n #scout.focus-border(@box-shadow-color: @error-focus-box-shadow-color, @border-color: mix(@error-color, @error-focus-box-shadow-color, 25%));\n }\n }\n\n &.disabled {\n color: @default-button-color;\n border-color: @default-button-background-color;\n background-color: @default-button-background-color;\n }\n}\n\n.login-button-loading {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n display: inline-block;\n border-radius: 50%;\n border: 1px fade(@default-button-color, 80%) solid;\n width: 18px;\n height: 18px;\n vertical-align: middle;\n}\n\n.login-body,\n.logout-body {\n & > .box-background-elements.box-background-elements-fadeout {\n #scout.animation(nop 0.05s);\n }\n}\n\n@media (max-width: @box-responsive-width) {\n .login-box-content > form {\n & > .message-box,\n & > input,\n & > .button {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-bar-field > .field {\n\n // BreadCrumbItem uses 14px instead of 13px font size\n padding-bottom: @breadcrumb-bar-field-padding-bottom;\n\n .dense & {\n // But it uses normal 13px in dense mode\n padding-bottom: @breadcrumb-bar-field-padding-bottom-dense;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-bar {\n #scout.overflow-nowrap();\n}\n","/\n * Copyright (c) 2023 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\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 &.inverted,\n &.inverted.color-alternative {\n #scout.double-drop-shadow(@spread1: 1px, @color1: @dashboard-tile-border-color, @y2: 0px, @blur2: 0px);\n }\n\n .dimmed-background &.inverted {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-light-alpha);\n }\n\n &.inverted {\n & ::-moz-selection {\n #scout.text-selection();\n }\n\n & ::selection {\n #scout.text-selection();\n }\n }\n}\n"],"names":[],"sourceRoot":""}
1	+ {"version":3,"file":"eclipse-scout-core-theme-dark.css","mappings":"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A;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVkhCF;AUhhCE;;;EACE;AVohCJ;AUhhCA;EACE;EACA;AVkhCF;AU/gCA;EACE;EACA;EACA;AVihCF;AU/gCE;EACE;AVihCJ;AU7gCA;EACE;EACA;EACA;EACA;EACA;EACA;AV+gCF;AU5gCA;;EAEE;AV8gCF;AU3gCA;ERgVI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AVynCF;AUthCA;ER4UI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AVwoCF;AUjiCA;EACE;EACA;EACA;EACA;AVmiCF;AUhiCA;;;EAGE;EACA;EACA;EACA;EACA;EACA;AVkiCF;AU/hCA;EACE;EACA;EAEA;EACA;EACA;AVgiCF;AU9hCE;EACE;EACA;EACA;AVgiCJ;AU7hCE;EACE;EACA;EACA;EACA;AV+hCJ;AU5hCE;EACE;AV8hCJ;AU3hCE;EACE;EACA;AV6hCJ;AUzhCA;EACE;EACA;EACA;AV2hCF;AUxhCA;;EAEE;AV0hCF;AUxhCE;;EACE;AV2hCJ;AUvhCA;ERwQI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AV6sCF;AUliCA;ERoQI;EACA;EACA;EACA;EACA;EACA;EQ1bF;EACA;EACA;EACA;EACA;EACA;EACA;AV4tCF;AU7iCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EV+iCA,6DAA6D;EUhhC7D;EVkhCA,gCAAgC;EAChC,yBAAyB;AAC3B;AUjjCE;EACE;AVmjCJ;AUhjCE;ERkKE;EACA;AFi5BJ;AUjjCI;EACE;EACA;EACA;EACA;AVmjCN;AUhjCI;EACE;AVkjCN;AU9iCE;EACE;EACA;EACA;EACA;EACA;EACA;EVgjCF,6DAA6D;AAC/D;AU3iCE;EACE;AV6iCJ;AU3iCI;EACE;AV6iCN;AUziCE;EACE;AV2iCJ;AUziCI;EACE;AV2iCN;AUriCE;EACE;AVuiCJ;AUriCI;EACE;AVuiCN;AUpiCI;EACE;AVsiCN;AUpiCM;EACE;AVsiCR;AUliCI;EACE;AVoiCN;AUliCM;EACE;AVoiCR;AU7hCE;EACE;AV+hCJ;AU7hCI;EACE;AV+hCN;AU5hCI;EACE;AV8hCN;AU5hCM;EACE;AV8hCR;AU1hCI;EACE;AV4hCN;AU1hCM;EACE;AV4hCR;AUthCA;EACE;ER6HE;EACA;EACA;EQ7HF;EACA;AV0hCF;AUvhCA;EACE;EACA;AVyhCF;AUvhCE;EACE;AVyhCJ;AUrhCA;EACE;EACA;EACA;AVuhCF;AUphCA;EACE;EACA;AVshCF;AUnhCA;EACE;EACA;EACA;AVqhCF;AUnhCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVqhCJ;AUjhCA;EACE;AVmhCF;AUhhCA;EAEE;EACA;AVihCF;AU/gCE;EACE;EACA;EACA;EACA;EACA;AVihCJ;AU9gCE;EACE;EACA;AVghCJ;AU7gCE;EACE;EACA;AV+gCJ;AU5gCE;EACE;AV8gCJ;AU1gCA;EACE;EACA;EACA;EACA;EACA;AV4gCF;AUzgCA;EACE;EACA;EACA;AV2gCF;AUzgCE;EACE;EACA;EACA;EACA;EV2gCF,uEAAuE;EU1gCrE;EACA;AV4gCJ;AU1gCI;EACE;EACA;EACA;AV4gCN;AUvgCA;EACE;EACA;EACA;EACA;EACA;EACA;AVygCF;AUvgCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVygCJ;AUrgCA;EACE;EACA;EACA;AVugCF;AUpgCA;EACE;EACA;EACA;AVsgCF;AUpgCE;EACE;AVsgCJ;AUngCE;EACE;AVqgCJ;AUngCI;EACE;AVqgCN;AUhgCA;EACE;AVkgCF;AU//BA;EACE;EACA;EACA;EACA;EACA;AVigCF;AU//BE;EACE;AVigCJ;AU9/BE;EACE;AVggCJ;AU5/BA;;EAEE;EACA;EACA;AV8/BF;AU3/BA;;EAEE;AV6/BF;AU1/BA;EACE;AV4/BF;AUz/BA;;;EAGE;AV2/BF;AUx/BA;EACE;AV0/BF;AUv/BA;EACE;AVy/BF;AUt/BA;;;EAGE;EACA;EACA;EACA;EVw/BA,mBAAmB;AACrB;AUt/BA;EACE;EVw/BA,iDAAiD;AACnD;AUv/BE;EACE;EACA;EACA;EACA;EACA;EACA;EVy/BF,6BAA6B;AAC/B;AUv/BE;EACE;AVy/BJ;AUv/BI;EACE;AVy/BN;AUr/BE;EACE;AVu/BJ;AUp/BE;EACE;AVs/BJ;AUp/BI;EACE;AVs/BN;AUl/BE;EACE;EACA;AVo/BJ;AU/+BE;EACE;AVi/BJ;AU9+BE;EACE;EACA;EACA;AVg/BJ;AU9+BI;EACE;EACA;EACA;AVg/BN;AU7+BI;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AV++BN;AU5+BI;EACE;EACA;EV8+BJ,oCAAoC;AACtC;AU3+BM;EACE;EACA;EACA;AV6+BR;AU1+BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV4+BR;AUx+BI;EACE;EACA;EV0+BJ,6CAA6C;AAC/C;AUz+BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AV2+BR;AUr+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVu+BF;AUp+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AVs+BF;AUl+BA;EACE;EACA;EACA;EACA;AVo+BF;AUj+BA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AVm+BF;AUh+BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AVk+BF;AU/9BA;EACE;EACA;EACA;EACA;EACA;EACA;EVi+BA,6BAA6B;EUh+B7B;AVk+BF;AU/9BA;EACE;EACA;EACA;AVi+BF;AU99BI;EACE;EACA;EACA;EACA;EACA;AVg+BN;AU79BI;EACE;AV+9BN;AU59BI;EACE;EACA;EACA;EACA;EACA;EACA;AV89BN;AUz9BA;EACE;EACA;EACA;AV29BF;AUx9BA;EACE;EACA;EACA;EACA;EACA;AV09BF;AUv9BA;EACE;EACA;EACA;EACA;EACA;EACA;AVy9BF;AUt9BA;EACE;EACA;EACA;EACA;AVw9BF;AACA;;;;;;;;EAQE;AWxrDF;EACE;EACA;EACA;EACA;EACA;AX0rDF;AWvrDA;EACE;EACA;EACA;EACA;EACA;AXyrDF;AWvrDE;EACE;EACA;EACA;EACA;EACA;EACA;AXyrDJ;AWvrDI;EACE;EACA;AXyrDN;AWtrDI;EACE;AXwrDN;AWprDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXsrDJ;AWlrDA;EACE;EACA;EACA;EACA;EACA;AXorDF;AWlrDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AXorDJ;AWlrDI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AXorDN;AWlrDM;EACE;AXorDR;AWjrDM;EACE;AXmrDR;AWhrDM;EACE;EACA;AXkrDR;AW/qDM;EACE;EACA;AXirDR;AW5qDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AX8qDJ;AW3qDE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AX6qDJ;AACA;;;;;;;;EAQE;AYpyDF;EACE;EACA;EVghBE;EACA;EACA;EAjgBA;EA2gBA;EU1hBF;AZ0yDF;AYvyDA;EACE;AZyyDF;AYvyDE;EAEE;AZwyDJ;AYpyDA;EACE;EACA;AZsyDF;AYnyDA;EACE;EACA;EACA;AZqyDF;AYlyDA;EACE;EACA;AZoyDF;AYjyDA;EACE;EACA;EACA;EACA;AZmyDF;AYhyDA;EACE;EACA;EACA;EACA;EACA;EACA;AZkyDF;AY/xDA;EACE;EACA;AZiyDF;AY9xDA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AZgyDF;AY9xDE;;EACE;AZiyDJ;AY9xDE;EACE;AZgyDJ;AY7xDE;EACE;EACA;AZ+xDJ;AY7xDI;EACE;EACA;AZ+xDN;AY3xDE;EACE;AZ6xDJ;AY1xDE;EACE;AZ4xDJ;AYzxDE;EACE;AZ2xDJ;AYxxDE;EACE;EACA;EACA;AZ0xDJ;AYxxDI;EACE;AZ0xDN;AYtxDE;EACE;EACA;AZwxDJ;AYpxDA;EACE;AZsxDF;AYnxDA;EACE;EACA;EACA;EACA;EACA;EACA;AZqxDF;AYlxDA;EACE;EACA;EACA;EACA;EACA;AZoxDF;AYjxDA;EACE;EACA;EACA;EACA;EACA;EVmOE;EACA;EAKA;AF6iDJ;AYlxDA;;;;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EViSE;EACA;EACA;EACA;EACA;EACA;EUpSF;AZyxDF;AYvxDE;;;;EACE;AZ4xDJ;AYzxDE;;;;EACE;AZ8xDJ;AY1xDA;EACE;EACA;AZ4xDF;AYzxDA;EACE;AZ2xDF;AYxxDA;EACE;AZ0xDF;AYvxDA;EACE;AZyxDF;AYtxDA;EACE;EACA;AZwxDF;AYrxDA;EACE;AZuxDF;AYpxDA;EACE;AZsxDF;AYnxDA;EACE;AZqxDF;AACA;;;;;;;;EAQE;Aah+DF;EACE;EACA;EACA;EACA;EACA;Abk+DF;Aah+DE;EACE;Abk+DJ;Aa/9DE;EACE;Abi+DJ;Aa99DE;EAEE;Ab+9DJ;AACA,6BAA6B;Aa19D7B;EACE;EACA;EACA;EACA;EACA;EACA;Eb49DA,yFAAyF;AAC3F;AACA;;;;;;;;EAQE;AcngEF;EACE;EACA;EACA;EACA;EACA;AdqgEF;AcngEE;EACE;AdqgEJ;AclgEE;EACE;EAGA;EACA;AdkgEJ;AACA;;;;;;;;EAQE;Ae3hEF;Ef6hEE,mBAAmB;EACnB,oBAAoB;EACpB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;EAChB,qBAAqB;EACrB,eAAe;EACf,qBAAqB;EACrB,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;Ae9iEI;EACE;EfgjEJ,iCAAiC;Ee/iE7B;EfijEJ,iCAAiC;AACnC;AeziEI;;;EACE;EACA;Ef6iEJ,wCAAwC;Ee5iEpC;Af8iEN;AeziEI;;EAEE;Af2iEN;AexiEI;EACE;Af0iEN;AexiEM;EACE;Af0iER;AejiEM;;EAEE;EfmiEN,6BAA6B;EeliEvB;EfoiEN,6BAA6B;EAC7B,qJAAqJ;EeliE/I;EfoiEN,8BAA8B;AAChC;AeliEM;;EAEE;EACA;AfoiER;AejiEM;EACE;AfmiER;AehiEM;EACE;EACA;EACA;EACA;AfkiER;AenmEA;EAyEI;Ef6hEF,iCAAiC;AACnC;Ae5hEI;EACE;Ef8hEJ,+EAA+E;Ee7hE3E;Af+hEN;Ae5mEA;EAkFI;Ef6hEF,6EAA6E;Ee5hE3E;Ef8hEF,aAAa;AACf;Ae3hEI;EACE;EACA;Af6hEN;AetnEA;EAgGI;EfyhEF,iCAAiC;AACnC;AethEI;EACE;EfwhEJ,2EAA2E;EevhEvE;AfyhEN;Ae/nEA;EA2GI;EfuhEF,yGAAyG;EethEvG;AfwhEJ;AepoEA;EAkHI;EfqhEF,qEAAqE;EephEnE;EACA;EfshEF,+CAA+C;AACjD;Ae3oEA;EAwHI;EfshEF,aAAa;EerhEX;AfuhEJ;AehpEA;;EAgII;AfohEJ;Ae7gEM;Ef+gEJ,4FAA4F;Ee7gEtF;Af+gER;AexpEA;EAiJI;Af0gEJ;AengEM;EACE;EACA;EACA;AfqgER;Ae7/DI;;EAEE;Ef+/DJ,wBAAwB;Ee9/DpB;AfggEN;Ae7/DI;EACE;Af+/DN;AezqEA;EAiLI;Ef2/DF,oBAAoB;Ee1/DlB;Af4/DJ;Ae9qEA;EAwLI;Efy/DF,0DAA0D;Eex/DxD;Af0/DJ;AenrEA;EA+LI;Efu/DF,oDAAoD;Eet/DlD;EACA;Afw/DJ;Aet/DI;EACE;Efw/DJ,sBAAsB;Eev/DlB;Efy/DJ,yBAAyB;AAC3B;Ae/rEA;EA4MI;Efs/DF,sBAAsB;Eer/DpB;Afu/DJ;Aer/DI;EACE;Efu/DJ,kDAAkD;AACpD;AexsEA;EAuNI;Efo/DF,8CAA8C;Een/D5C;Efq/DF,iDAAiD;AACnD;Ae9sEA;EA8NI;Efm/DF,yGAAyG;Eel/DvG;Afo/DJ;AentEA;EAmOI;EACA;Afm/DJ;Ae5+DM;;EAEE;Ef8+DN,0CAA0C;Ee7+DpC;Ef++DN,6CAA6C;AAC/C;Ae9+DQ;;EACE;Efi/DR,kDAAkD;AACpD;Aez+DI;;;;;Ef++DF,uJAAuJ;Eez+DnJ;Af2+DN;Ae3uEA;;EAwQI;Efu+DF,0BAA0B;Eet+DxB;Efw+DF,0BAA0B;Eev+DxB;Efy+DF,qEAAqE;AACvE;Aep+DI;EACE;Afs+DN;Ae99D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CA;AtB8oFJ;AsB5oFI;EACE;AtB8oFN;AsB3oFI;EACE;AtB6oFN;AsB3oFM;EACE;AtB6oFR;AsB3oFQ;EACE;AtB6oFV;AsBxoFI;EpByUA;EACA;EAKA;EoB7UE;EACA;AtB4oFN;AsBzoFI;EACE;EACA;EACA;EACA;EAEA;EACA;EAEA;AtByoFN;AsBvoFM;EACE;EpBuTJ;EACA;EAKA;AF+0EJ;AsBxoFQ;;EAEE;AtB0oFV;AsBvoFQ;EACE;AtByoFV;AsBtoFQ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtBwoFV;AsBtoFU;EpB6RN;EACA;EAKA;AFw2EJ;AsBnoFE;EACE;EACA;EACA;EACA;EACA;AtBqoFJ;AsBnoFI;;EAEE;AtBqoFN;AsBjoFE;EpBwQE;EACA;EAKA;EoB5QA;EACA;AtBqoFJ;AsBloFE;EACE;AtBooFJ;AsBjoFE;EACE;AtBmoFJ;AsBhoFE;EACE;AtBkoFJ;AsBhoFI;EACE;AtBkoFN;AsB9nFE;EACE;EACA;AtBgoFJ;AsB9nFI;EACE;AtBgoFN;AsB3nFA;EACE;AtB6nFF;AACA;;;;;;;;EAQE;AuBxwFF;EACE;AvB0wFF;AuBvwFA;EACE;AvBywFF;AuBtwFA;EACE;EACA;EACA;AvBwwFF;AuBrwFA;EACE;EACA;EACA;AvBuwFF;AuBrwFE;EACE;EACA;EACA;AvBuwFJ;AuBpwFE;EACE;AvBswFJ;AACA;;;;;;;;EAQE;AwBzyFF;EACE;EACA;EACA;EACA;EACA;AxB2yFF;AwBzyFE;EACE;AxB2yFJ;AwBxyFE;EACE;AxB0yFJ;AwBtyFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AxBwyFF;AwBtyFE;EtB6ZE;EACA;EACA;EACA;EACA;EACA;EsBhaA;EACA;AxB6yFJ;AwBzyFI;EACE;EACA;AxB2yFN;AwBxyFI;EACE;AxB0yFN;AwBryFI;EACE;EACA;EACA;AxBuyFN;AwBpyFI;EACE;AxBsyFN;AwBlyFE;EACE;AxBoyFJ;AwBjyFE;;EAEE;AxBmyFJ;AACA;;;;;;;;EAQE;AyBz2FF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzB22FF;AyBx2FI;EACE;AzB02FN;AyBv2FI;EACE;AzBy2FN;AyBt2FI;EACE;AzBw2FN;AyBr2FI;EACE;AzBu2FN;AyBr2FM;EACE;AzBu2FR;AyBl2FE;EACE;EACA;EACA;EACA;AzBo2FJ;AyBj2FE;EACE;EACA;EACA;EACA;AzBm2FJ;AyBj2FI;EACE;EACA;AzBm2FN;AyBh2FI;EACE;EACA;AzBk2FN;AyB/1FI;;EACE;AzBk2FN;AyB91FE;EACE;EACA;AzBg2FJ;AyB71FE;EtBhDE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHu4FJ;AyB32FE;;EAEE;EACA;AzB62FJ;AyB32FI;;EACE;AzB82FN;AyB12FE;EAGE;AzB02FJ;AyBx2FI;EACE;EACA;AzB02FN;AyBv2FI;EACE;AzBy2FN;AyBr2FE;EACE;AzBu2FJ;AyBr2FI;EACE;AzBu2FN;AyBn2FE;EACE;EACA;AzBq2FJ;AyBl2FM;EACE;AzBo2FR;AyBj2FM;EACE;EACA;AzBm2FR;AyBh2FM;EACE;AzBk2FR;AyBh2FQ;EACE;AzBk2FV;AyB71FI;EACE;AzB+1FN;AyB51FI;EACE;AzB81FN;AyB51FM;EACE;EACA;AzB81FR;AyB31FM;;EACE;AzB81FR;AyB11FI;EvB7EA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF06FJ;AEx6FI;EACE;EACA;EACA;AF06FN;AEv6FI;EACE;EACA;EACA;AFy6FN;AyB72FM;EACE;AzB+2FR;AyB32FI;EACE;AzB62FN;AyB12FI;EtBzIA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH6+FJ;AyBz3FM;EtB5IF;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH+/FJ;AyB32FA;EAjBE;IACE;EzB+3FF;EyB73FA;IACE;EzB+3FF;EyB73FA;IACE;EzB+3FF;EyB73FA;IACE;EzB+3FF;EyB73FA;IACE;EzB+3FF;AACF;AyBx3FA;EArBE;IACE;EzBg5FF;EyB94FA;IACE;EzBg5FF;EyB94FA;IACE;EzBg5FF;EyB94FA;IACE;EzBg5FF;EyB94FA;IACE;EzBg5FF;AACF;AyBn3FA;EAjBE;IACE;EzBu4FF;EyBr4FA;IACE;EzBu4FF;EyBr4FA;IACE;EzBu4FF;EyBr4FA;IACE;EzBu4FF;EyBr4FA;IACE;EzBu4FF;AACF;AyBh4FA;EArBE;IACE;EzBw5FF;EyBt5FA;IACE;EzBw5FF;EyBt5FA;IACE;EzBw5FF;EyBt5FA;IACE;EzBw5FF;EyBt5FA;IACE;EzBw5FF;AACF;AyB33FA;EAjBE;IACE;EzB+4FF;EyB74FA;IACE;EzB+4FF;EyB74FA;IACE;EzB+4FF;EyB74FA;IACE;EzB+4FF;EyB74FA;IACE;EzB+4FF;AACF;AyBx4FA;EArBE;IACE;EzBg6FF;EyB95FA;IACE;EzBg6FF;EyB95FA;IACE;EzBg6FF;EyB95FA;IACE;EzBg6FF;EyB95FA;IACE;EzBg6FF;AACF;AACA;;;;;;;;EAQE;A0BrpGA;EAGE;EACA;EACA;EACA;A1BqpGJ;A0BnpGI;EACE;EACA;A1BqpGN;A0BlpGI;EACE;EACA;A1BopGN;AACA;;;;;;;;EAQE;A2B9qGF;EACE;EACA;EACA;EACA;EACA;A3BgrGF;A2B9qGE;EACE;A3BgrGJ;A2B5qGM;EACE;A3B8qGR;A2BzqGE;EACE;A3B2qGJ;A2BxqGE;ExBLE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH2rGJ;A2B1qGM;;EAEE;A3B4qGR;A2BrqGQ;EACE;EACA;A3BuqGV;A2BlqGU;;EACE;A3BqqGZ;A2BhqGU;EACE;EACA;EACA;A3BkqGZ;A2B/pGU;EACE;A3BiqGZ;A2B9pGU;EACE;A3BgqGZ;A2B9pGY;EACE;A3BgqGd;A2BzpGQ;EACE;EACA;A3B2pGV;A2BxpGQ;EACE;A3B0pGV;A2BvpGQ;EACE;A3BypGV;A2B9oGQ;;EACE;A3BipGV;A2B/oGU;;EACE;A3BkpGZ;AACA;;;;;;;;EAQE;A4B7vGF;EACE;EACA;EACA;EACA;EACA;EACA;A5B+vGF;A4B7vGE;EACE;A5B+vGJ;A4B7vGI;EACE;A5B+vGN;A4B7vGM;EACE;A5B+vGR;A4B5vGM;EACE;A5B8vGR;A4BxvGI;EACE;A5B0vGN;A4BvvGI;EACE;EACA;EACA;A5ByvGN;A4BvvGM;EACE;A5ByvGR;A4BtvGM;EACE;A5BwvGR;A4BrvGM;EACE;A5BuvGR;A4BpvGM;EACE;A5BsvGR;A4BhvGA;EACE;A5BkvGF;A4B/uGA;EACE;EACA;A5BivGF;A4B/uGE;EACE;A5BivGJ;AACA;;;;;;;;EAQE;A6BxzGF;EACE;A7B0zGF;A6BxzGE;EACE;EACA;EACA;A7B0zGJ;A6BxzGI;EACE;A7B0zGN;A6BvzGI;;EAEE;A7ByzGN;A6BpzGI;EACE;A7BszGN;A6BnzGI;EACE;EACA;EACA;A7BqzGN;A6BhzGI;EACE;A7BkzGN;A6B/yGI;EACE;EACA;EACA;A7BizGN;A6B5yGA;EACE;A7B8yGF;A6B5yGE;EACE;A7B8yGJ;A6B3yGE;EACE;A7B6yGJ;AACA;;;;;;;;EAQE;A8Bt2GF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;E9Bs2GA,yDAAyD;AAC3D;AACA,4BAA4B;A8Bn2G5B;EAcE;IACE;IACA;E9Bw1GF;E8Bt1GA;IACE;E9Bw1GF;E8Bt1GA;IACE;IACA;E9Bw1GF;AACF;A8B52GA;EAUE;IACE;IACA;E9Bq2GF;E8Bn2GA;IACE;E9Bq2GF;E8Bn2GA;IACE;IACA;E9Bq2GF;AACF;AACA;;;;EAIE;A8Bh2GF;E3BlCI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH43GJ;AACA,4BAA4B;A8B72G5B;EASE;IACE;E9Bu2GF;E8Br2GA;IACE;E9Bu2GF;AACF;A8Bj3GA;EAKE;IACE;E9B+2GF;E8B72GA;IACE;E9B+2GF;AACF;A8Br2GA;E3BhEI;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH+5GJ;A8Bn3GA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E5B3EE;EFi8GF,kDAAkD;AACpD;A8Bp3GE;EACE;A9Bs3GJ;A8Bj3GE;EACE;A9Bm3GJ;A8B/2GA;EACE;A9Bi3GF;A8B/2GE;EACE;EACA;A9Bi3GJ;A8B92GE;EACE;EACA;A9Bg3GJ;A8B72GM;ECvHJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Bu+GF;A8B/2GM;ECjIJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/Bm/GF;A8Br3GE;EACE;EACA;A9Bu3GJ;A8Bp3GM;EC5IJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/BmgHF;A8B13GE;EACE;EACA;A9B43GJ;A8Bz3GM;ECvJJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A/BmhHF;A8B/3GE;EACE;EACA;EACA;EACA;EACA;A9Bi4GJ;A8B/3GI;EACE;A9Bi4GN;A8B93GI;EACE;A9Bg4GN;A8B73GI;EACE;A9B+3GN;A8B53GI;EACE;A9B83GN;A8Bz3GA;E5BiLI;EACA;AF2sGJ;A8B13GE;E5B0OE;EACA;EACA;E4B1OA;A9B83GJ;A8B13GA;EACE;EACA;A9B43GF;A8Bz3GA;E3BnMI;EACA;EACA;EACA;E2BkMF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A9B83GF;AACA;;;;;;;;EAQE;AgCvlHA;EACE;AhCylHJ;AExjGI;EACE;AF0jGN;AEvjGI;;EAEE;AFyjGN;AgC1lHI;EACE;AhC4lHN;AgCzlHI;;EAEE;EACA;EACA;EhC2lHJ,gEAAgE;EgCxlH5D;AhC0lHN;AgCxlHM;;EACE;AhC2lHR;AgCxlHM;;EACE;AhC2lHR;AgCxlHM;;EACE;AhC2lHR;AgCxlHM;;EACE;EACA;EACA;AhC2lHR;AgCxlHM;;EACE;EACA;AhC2lHR;AgCxlHM;;EACE;EACA;EACA;EACA;AhC2lHR;AgCzlHQ;;EACE;AhC4lHV;AgCxlHM;;EACE;EACA;AhC2lHR;AgCzlHQ;;EACE;AhC4lHV;AgCzlHQ;;EACE;AhC4lHV;AgC1lHU;;EACE;AhC6lHZ;AgCzlHQ;;EACE;AhC4lHV;AgCnlHM;;EACE;AhCslHR;AgCnlHM;;EACE;EACA;AhCslHR;AgChlHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AhCklHF;AgChlHE;EACE;AhCklHJ;AgC/kHE;EACE;AhCilHJ;AgC9kHE;EACE;E9ByPA;EACA;EAKA;AFo1GJ;AgC/kHE;EACE;EACA;EACA;EACA;EACA;AhCilHJ;AgC9kHM;EACE;AhCglHR;AgC7kHM;EACE;AhC+kHR;AACA,kGAAkG;AgCvkHhG;EACE;EACA;AhCykHJ;AgCvkHI;EACE;AhCykHN;AgCrkHE;EACE;AhCukHJ;AgCrkHI;;EAEE;EACA;AhCukHN;AgCrkHM;;EACE;AhCwkHR;AgCtkHQ;;EACE;AhCykHV;AgCtkHQ;;EACE;AhCykHV;AgCrkHM;;EACE;EACA;AhCwkHR;AgCtkHQ;;EACE;AhCykHV;AgCrkHM;;EACE;AhCwkHR;AgCrkHM;;EACE;EACA;EACA;AhCwkHR;AgCtkHQ;;EACE;AhCykHV;AgCtkHQ;;EACE;AhCykHV;AgCnkHQ;;;;EAEE;AhCukHV;AgCpkHQ;;;;EAEE;AhCwkHV;AgC5jHM;;;;EACE;AhCikHR;AgC9jHM;;;;EACE;AhCmkHR;AgC5jHE;EACE;EACA;AhC8jHJ;AgC5jHI;EACE;AhC8jHN;AgC1jHE;EACE;AhC4jHJ;AgC1jHI;;EAEE;AhC4jHN;AgC1jHM;;EACE;EACA;AhC6jHR;AgC1jHM;;EACE;AhC6jHR;AgC1jHM;;EACE;EACA;AhC6jHR;AgC1jHM;;EACE;EACA;EACA;EACA;EACA;AhC6jHR;AgC3jHQ;;EACE;AhC8jHV;AgC5jHU;;EACE;AhC+jHZ;AgC1jHM;;EACE;EACA;EACA;EACA;AhC6jHR;AgC3jHQ;;EACE;EACA;EACA;EACA;AhC8jHV;AgC5jHU;;EACE;AhC+jHZ;AgC5jHU;;EACE;AhC+jHZ;AgC5jHU;;EAEE;AhC8jHZ;AgCzjHM;;EAEE;EAMA;AhCsjHR;AgC1jHQ;;EA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;EtCqoIF;AACF;AACA;;;;;;;;EAQE;AuCxxIF;EACE;EACA;EACA;EACA;ErC6aE;EACA;EACA;EqC7aF;EvC4xIA,kFAAkF;EuC3xIlF;EvC6xIA,6BAA6B;EuC5xI7B;EACA;AvC8xIF;AACA;;;;;;;;EAQE;AwChzIF;EACE;EACA;EACA;AxCkzIF;AwChzIE;;EAEE;EACA;EACA;EACA;EACA;AxCkzIJ;AwChzII;;EACE;EACA;AxCmzIN;AwChzII;;EACE;EACA;EACA;AxCmzIN;AwChzII;;;;EAEE;AxCozIN;AwChzIE;EACE;EACA;EACA;AxCkzIJ;AwChzII;EACE;AxCkzIN;AwC9yIE;EACE;EACA;EACA;EACA;AxCgzIJ;AwC9yII;EACE;AxCgzIN;AwC7yII;EACE;AxC+yIN;AwC5yII;EACE;EACA;EACA;EACA;EACA;AxC8yIN;AwC5yIM;EACE;AxC8yIR;AwC1yII;EACE;AxC4yIN;AwCvyII;EACE;EACA;AxCyyIN;AwCtyII;EACE;EACA;AxCwyIN;AwCtyIM;EACE;AxCwyIR;AwCnyIE;EACE;EACA;AxCqyIJ;AwCjyIM;;;;EAEE;AxCqyIR;AwClyIM;;EACE;AxCqyIR;AwCjyII;EACE;AxCmyIN;AwCjyIM;EACE;EACA;EACA;AxCmyIR;AwChyIM;EACE;AxCkyIR;AwC/xIM;EACE;AxCiyIR;AwC9xIM;EACE;AxCgyIR;AwC7xIM;EACE;EACA;EACA;AxC+xIR;AwC3xII;EACE;AxC6xIN;AwC1xIQ;EACE;EACA;AxC4xIV;AwCvxII;EACE;EACA;EACA;AxCyxIN;AwCvxIM;EACE;EACA;EACA;AxCyxIR;AwCtxIM;EACE;AxCwxIR;AACA;;;;;;;;EAQE;AyC37IF;EvCmBI;EuCjBF;EACA;EACA;EACA;AzC67IF;AyC37IE;EACE;AzC67IJ;AyC17IE;EACE;AzC47IJ;AyCx7IA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AzC07IF;AyCx7IE;EACE;EACA;EACA;EACA;EACA;EACA;AzC07IJ;AyCv7IE;EACE;EvCiUA;EAC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CA;EACA;EACA;EACA;AFo4JN;AkDt9JM;EACE;AlDw9JR;AkDp9JI;EhDkFA;EACA;AFq4JJ;AEn4JI;EACE;EACA;EACA;AFq4JN;AEl4JI;EACE;EACA;AFo4JN;AEj4JI;;EAEE;EACA;AFm4JN;AkDj+JE;EhDmGE;EACA;AFi4JJ;AE/3JI;EACE;EACA;EACA;AFi4JN;AE93JI;EACE;EACA;AFg4JN;AE73JI;;EAEE;EACA;AF+3JN;AkD/+JE;EhDyHE;EACA;AFy3JJ;AEv3JI;EACE;EACA;EACA;AFy3JN;AEt3JI;EACE;EACA;AFw3JN;AEr3JI;;EAEE;EACA;AFu3JN;AkD7/JE;EhD2FE;EACA;AFq6JJ;AEn6JI;EACE;EACA;EACA;AFq6JN;AEl6JI;EACE;EACA;AFo6JN;AEj6JI;;EAEE;EACA;AFm6JN;AkD3gKE;EhDuIE;EACA;AFu4JJ;AEr4JI;EACE;EACA;EACA;AFu4JN;AEp4JI;EACE;EACA;AFs4JN;AEn4JI;;EAEE;EACA;AFq4JN;AkDzhKE;EhDyJE;EACA;AFm4JJ;AEj4JI;EACE;EACA;EACA;AFm4JN;AEh4JI;EACE;EACA;AFk4JN;AE/3JI;;EAEE;EACA;AFi4JN;AkD1qKA;EAoII;AlDyiKJ;AkDtiKE;EACE;AlDwiKJ;AACA;;;;;;;;EAQE;AmDxrKA;EnD0rKA,gGAAgG;EmDzrK9F;AnD2rKJ;AmDxrKE;;EAEE;EACA;EACA;EACA;EnD0rKF,yDAAyD;AAC3D;AmDzrKI;;EACE;AnD4rKN;AmDvrKM;;;;;;;;EjDwBF;EACA;EAXA;AFqrKJ;AmD5rKM;;EACE;AnD+rKR;AmD5rKM;;EAGE;EACA;AnD6rKR;AmD1rKM;;EACE;AnD6rKR;AmD3rKQ;;EACE;AnD8rKV;AmDzrKM;;EACE;AnD4rKR;AmD1rKQ;;EACE;AnD6rKV;AmDxrKI;;;;EAEE;AnD4rKN;AmD1rKM;;;;EACE;AnD+rKR;AACA;;;;;;;;EAQE;AoDjwKA;;;;;EpDuwKA,uJAAuJ;EoDjwKrJ;ApDmwKJ;AoDhwKE;;EAEE;EACA;ApDkwKJ;AoD9vKI;;EAEE;ApDgwKN;AoD3vKI;;EAEE;EACA;ApD6vKN;AqDlyKC;;;;EnD8JK;AF0oKN;AqDxyKC;;;;;;EnDoKK;AF4oKN;AqDhzKC;;;;;;;;EnD2KK;AF+oKN;AqD1zKC;;;;EnDgLK;AFgpKN;AoDnxKI;;EACE;ApDsxKN;AoDnxKI;;EACE;ApDsxKN;AoDnxKI;;;;;;;;;;EAKE;ApD0xKN;AoDxxKM;;;;;;;;;;EACE;ApDmyKR;AoD7xKM;;;;;;;;;;EAKE;EACA;ApDoyKR;AoDlyKQ;;;;;;;;;;EACE;EACA;ApD6yKV;AoD1yKQ;;;;;;;;;;EACE;ApDqzKV;AqDt4KC;;EnD8JK;AF4uKN;AqD14KC;;;EnDoKK;AF2uKN;AqD/4KC;;;;EnD2KK;AF0uKN;AqDr5KC;;EnDgLK;AFyuKN;AoD/zKI;;EAEE;ApDi0KN;AoD9zKI;;;;;EAKE;ApDg0KN;AoD9zKM;;;;;EACE;ApDo0KR;AACA;;;;;;;;EAQE;AsDz6KA;EACE;AtD26KJ;AACA;;;;;;;;EAQE;AuDt7KA;EvDw7KA;;2CAEyC;EuDt7KvC;AvDw7KJ;AACA;;;;;;;;EAQE;AwDt8KF;EACE;AxDw8KF;AwDt8KE;EACE;AxDw8KJ;AwDp8KA;EAEE;AxDq8KF;AwDl8KA;EACE;EACA;AxDo8KF;AwDl8KE;;;EAEE;AxDq8KJ;AwDl8KE;EACE;AxDo8KJ;AwDl8KI;EACE;EACA;EACA;EACA;EACA;EACA;EtDWF;EACA;EsDVE;AxDq8KN;AwDh8KA;EACE;EACA;AxDk8KF;AwD/7KA;EACE;AxDi8KF;AACA;;;;;;;;EAQE;AyDt/KF;EzDw/KE;;+CAE6C;EExpK3C;EACA;EACA;EACA;AF0pKJ;AyDz/KE;EACE;AzD2/KJ;AACA;;;;;;;;EAQE;A0D1gLA;E1D4gLA,gGAAgG;E0D3gL9F;A1D6gLJ;A0D1gLE;EACE;EACA;EACA;EACA;A1D4gLJ;A0D1gLI;EACE;A1D4gLN;A0DzgLI;EACE;A1D2gLN;A0DxgLI;EACE;EACA;EACA;A1D0gLN;AACA;;;;;;;;EAQE;A2DziLF;EAGI;A3DyiLJ;A2DriLE;EACE;A3DuiLJ;AACA;;;;;;;;EAQE;A4DxjLF;EACE;EACA;EACA;E5D0jLA,4DAA4D;EAC5D,oFAAoF;AACtF;A4D1jLE;EACE;A5D4jLJ;A4DzjLE;;EAEE;A5D2jLJ;A4DtjLE;EACE;EACA;EACA;E1DsVA;EACA;AFmuKJ;A4DvjLI;E5DyjLF;gDAC8C;E4DvjL1C;A5DyjLN;A4DnjLI;EACE;A5DqjLN;A4DljLI;EACE;A5DojLN;A4DjjLI;EACE;A5DmjLN;A4D/iLE;EACE;E5DijLF,2BAA2B;AAC7B;A4D7iLE;EACE;EACA;EACA;EACA;A5D+iLJ;A4D7iLI;EACE;A5D+iLN;A4D5iLI;EACE;E1DnBF;EACA;EAXA;AF8kLJ;A4D5iLE;EACE;EACA;A5D8iLJ;A4D3iLE;EACE;A5D6iLJ;A4DziLA;EACE;A5D2iLF;A4DziLE;EACE;A5D2iLJ;A4DriLE;EACE;A5DuiLJ;A4DpiLE;EACE;EACA;A5DsiLJ;A4DniLE;EACE;A5DqiLJ;A4DjiLA;EACE;A5DmiLF;A4DjiLE;EACE;A5DmiLJ;AACA;;;;;;;;EAQE;A6DppLF;EACE;EACA;EACA;E3D+VE;EACA;EACA;EACA;E2DhWF;A7DypLF;A6DvpLE;EACE;A7DypLJ;A6DrpLA;EACE;A7DupLF;AACA;;;;;;;;EAQE;AqDtrLD;;EnD8JK;AF4hLN;AqD1rLC;;;EnDoKK;AF2hLN;AqD/rLC;;;;EnD2KK;AF0hLN;AqDrsLC;;EnDgLK;AFyhLN;AqDzsLC;;EnD8JK;AF+iLN;AqD7sLC;;;EnDoKK;AF8iLN;AqDltLC;;;;EnD2KK;AF6iLN;AqDxtLC;;EnDgLK;AF4iLN;A8D7sLI;;EAEE;A9D+sLN;A8D1sLM;;EAEE;EACA;A9D4sLR;A8D1sLQ;;EACE;A9D6sLV;A8DvsLQ;EACE;A9DysLV;A8DnsLQ;EACE;A9DqsLV;A8D/rLE;;;;EAIE;A9DisLJ;A8D7rLI;EACE;A9D+rLN;A8D5rLI;EACE;A9D8rLN;A8D5rLM;EACE;A9D8rLR;A8DxrLI;EACE;A9D0rLN;A8DvrLI;EACE;A9DyrLN;A8DvrLM;EACE;A9DyrLR;AqDvwLC;;;;EnD8JK;AF+mLN;AqD7wLC;;;;;;EnDoKK;AFinLN;AqDrxLC;;;;;;;;EnD2KK;AFonLN;AqD/xLC;;;;EnDgLK;AFqnLN;A8D9sLI;;;;EAEE;A9DktLN;A8D/sLI;;;;EAEE;A9DmtLN;A8DhtLI;;EACE;A9DmtLN;A8DhtLI;;EACE;A9DmtLN;A8DhtLI;;EACE;A9DmtLN;A8DjtLM;;EACE;A9DotLR;AqDj0LC;;;;EnD8JK;AFyqLN;AqDv0LC;;;;;;EnDoKK;AF2qLN;AqD/0LC;;;;;;;;EnD2KK;AF8qLN;AqDz1LC;;;;EnDgLK;AF+qLN;A8DzuLI;;;;EAEE;A9D6uLN;A8D1uLI;;;;EAEE;A9D8uLN;A8D3uLI;;EACE;A9D8uLN;A8D3uLI;;EACE;A9D8uLN;A8D3uLI;;EACE;A9D8uLN;A8D5uLM;;EACE;A9D+uLR;A8DzuLA;E9D2uLE,4GAA4G;AAC9G;A8D1uLE;E9D4uLA,uGAAuG;EEtwLrG;EACA;EFwwLF,0BAA0B;EE7vLxB;AF+vLJ;A8D7uLE;E9D+uLA,gIAAgI;EEvwL9H;AFywLJ;A8D3uLE;EACE;EACA;A9D6uLJ;A8D3uLI;EACE;A9D6uLN;A8D1uLI;EACE;A9D4uLN;A8DzuLI;EACE;A9D2uLN;A8DruLE;EACE;A9DuuLJ;A8DpuLE;EACE;A9DsuLJ;A8DjuLE;EACE;A9DmuLJ;A8DhuLE;EACE;A9DkuLJ;A8D5tLE;;;E7DtFA;EDuzLA,sCAAsC;AACxC;A8D3tLA;EACE;A9D6tLF;A8D1tLI;;;E7DjGF;EDg0LA,sCAAsC;AACxC;AACA;;;;;;;;EAQE;A+D/6LA;EACE;A/Di7LJ;A+D/6LI;EACE;A/Di7LN;A+D56LI;EACE;A/D86LN;A+D36LI;EACE;A/D66LN;A+D36LM;E/D66LJ,uGAAuG;EE90LrG;EACA;EFg1LF,0BAA0B;EEr0LxB;AFu0LJ;A+D96LM;E/Dg7LJ,gIAAgI;EE/0L9H;AFi1LJ;AACA;;;;;;;;EAQE;AgEj9LF;EhEm9LE,0CAA0C;EgEj9L1C;AhEm9LF;AgEj9LE;;EhEo9LA,sCAAsC;EACtC,8GAA8G;EgEj9L5G;EACA;AhEm9LJ;AgE/8LI;EhEi9LF,0DAA0D;AAC5D;AE57KI;EACE;AF87KN;AE37KI;;EAEE;AF67KN;AgEh9LE;EACE;ElBfA;A9Ck+LJ;AgE98LE;EACE;AhEg9LJ;AgE78LE;EACE;EACA;EACA;AhE+8LJ;AgEx8LI;;E9DoQA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHy/LJ;AEjsLI;;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFusLN;AEttLI;;ECpTA;EACA;EACA;EACA;AH8gMJ;AgEr+LE;;EACE;AhEw+LJ;AgEp+LA;EACE;EACA;EACA;EACA;EACA;EACA;AhEs+LF;AgEp+LE;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AhEq+LJ;AgEh+LI;EACE;EACA;EACA;EACA;EACA;AhEk+LN;AgEh+LM;EACE;EACA;AhEk+LR;AgE79LE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AhE+9LJ;AgE79LI;E9DuVA;EACA;EACA;EACA;EACA;EACA;E8D1VE;EACA;AhEo+LN;AgEl+LM;EACE;AhEo+LR;AgE/9LE;EACE;EACA;EACA;EACA;EACA;AhEi+LJ;AgE/9LI;EACE;AhEi+LN;AgE99LI;EACE;EACA;E9DiPF;EACA;AFgvLJ;AgE99LI;EACE;EACA;EACA;EACA;E9DyOF;EACA;AFwvLJ;AgE79LE;EACE;EACA;E9DqCA;EACA;AF27LJ;AEz7LI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AFg8LN;AgE5+LE;E9DuEE;EACA;AFw6LJ;AEt6LI;EACE;EACA;EACA;AFw6LN;AEr6LI;EACE;EACA;AFu6LN;AEp6LI;;EAEE;EACA;AFs6LN;AgE1/LE;E9DmEE;EACA;AF07LJ;AEx7LI;EACE;EACA;EACA;AF07LN;AEv7LI;EACE;EACA;AFy7LN;AEt7LI;;EAEE;EACA;AFw7LN;AgExgME;E9DyFE;EACA;AFk7LJ;AEh7LI;EACE;EACA;EACA;AFk7LN;AE/6LI;EACE;EACA;AFi7LN;AE96LI;;EAEE;EACA;AFg7LN;AgEthME;E9D2GE;EACA;AF86LJ;AE56LI;EACE;EACA;EACA;AF86LN;AE36LI;EACE;EACA;AF66LN;AE16LI;;EAEE;EACA;AF46LN;AgEpiME;E9D6HE;EACA;AF06LJ;AEx6LI;EACE;EACA;EACA;AF06LN;AEv6LI;EACE;EACA;AFy6LN;AEt6LI;;EAEE;EACA;AFw6LN;AgEljME;EhEojMA,wDAAwD;EgEljMtD;AhEojMJ;AgEhjMA;EACE;EACA;EhEkjMA,gFAAgF;AAClF;AgEjjME;EACE;EACA;AhEmjMJ;AgEhjME;EACE;EACA;AhEkjMJ;AgE/iME;EACE;AhEijMJ;AElsLI;EACE;AFosLN;AEjsLI;;EAEE;AFmsLN;AgE9iMA;EACE;AhEgjMF;AgE7iMA;EACE;AhE+iMF;AACA;;;;;;;;EAQE;AiEzvMA;E/DgWE;EACA;EACA;EACA;AF45LJ;AiExvME;EACE;AjE0vMJ;AiExvMI;EACE;AjE0vMN;AACA;;;;;;;;EAQE;AkE9wMA;ElEgxMA,iGAAiG;EkE/wM/F;AlEixMJ;AkE9wME;EACE;EACA;AlEgxMJ;AkE9wMI;EACE;AlEgxMN;AkE7wMI;EACE;AlE+wMN;AkE5wMI;EACE;AlE8wMN;AkE5wMM;EACE;EACA;EACA;AlE8wMR;AkE3wMM;EACE;AlE6wMR;AkE1wMM;EACE;AlE4wMR;AkEzwMM;EACE;AlE2wMR;AkExwMM;EACE;AlE0wMR;AkEvwMM;EACE;AlEywMR;AkEtwMM;EACE;AlEwwMR;AACA;;;;;;;;EAQE;AmE/zMA;EjEgWE;EACA;EACA;EACA;AFk+LJ;AmE7zMA;EACE;EACA;EACA;EjE4VE;EACA;AFo+LJ;AmE9zME;EnEg0MA,uGAAuG;EE/tMrG;EACA;EFiuMF,0BAA0B;EEttMxB;AFwtMJ;AmEj0ME;EnEm0MA,gIAAgI;EEhuM9H;AFkuMJ;AmEj0ME;EACE;AnEm0MJ;AmEh0ME;EACE;AnEk0MJ;AmE/zME;EACE;AnEi0MJ;AmE9zME;EACE;AnEg0MJ;AmE3zMI;EACE;AnE6zMN;AmE1zMI;EACE;AnE4zMN;AmEzzMI;EACE;AnE2zMN;AACA;;;;;;;;EAQE;AoEt3MA;EACE;ApEw3MJ;AoEr3ME;EACE;ApEu3MJ;AACA;;;;;;;;EAQE;AqEl4ME;EACE;ArEo4MN;AqEj4MI;EACE;ArEm4MN;AqEh4MI;EACE;ArEk4MN;AACA;;;;;;;;EAQE;AsEv5MA;EtEy5MA,gGAAgG;EsEx5M9F;AtE05MJ;AsEv5ME;EACE;EACA;EACA;AtEy5MJ;AsEv5MI;EACE;AtEy5MN;AACA;;;;;;;;EAQE;AuE36MF;EACE;EACA;EACA;EACA;AvE66MF;AuE36ME;;;EvE+6MA,4DAA4D;EuE36M1D;AvE66MJ;AuE16ME;EACE;EACA;EACA;ErEuVA;EACA;AFslMJ;AuE36MI;EvE66MF;+DAC6D;EuE36MzD;AvE66MN;AuEz6ME;EACE;AvE26MJ;AuEx6ME;EACE;EACA;EACA;EACA;EACA;EACA;AvE06MJ;AuEx6MI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvE06MN;AuEr6MI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AvEu6MN;AuEn6MM;EACE;EACA;EACA;AvEq6MR;AuEl6MM;EACE;AvEo6MR;AuEh6MI;EACE;AvEk6MN;AuEh6MM;ErExCF;EACA;EAXA;AFu9MJ;AuEh6MI;EACE;AvEk6MN;AuEh6MM;EACE;AvEk6MR;AuE95MQ;EACE;AvEg6MV;AuE75MQ;EACE;AvE+5MV;AuEt5ME;;EAEE;EACA;AvEw5MJ;AuEp5MA;EACE;AvEs5MF;AuEp5ME;EACE;AvEs5MJ;AACA;;;;;;;;EAQE;AwEthNA;ExEwhNA,6EAA6E;EwEthN3E;AxEwhNJ;AwErhNE;EACE;EACA;AxEuhNJ;AwEjhNE;EACE;AxEmhNJ;AwEhhNE;EtE4RE;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHwiNJ;AEhvMI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFqvMN;AEpwMI;ECpTA;EACA;EACA;EACA;AH2jNJ;AACA;;;;;;;;EAQE;AACF;;;;;;;;EAQE;AyEjlNA;EACE;AzEmlNJ;AyEjlNI;EACE;EACA;AzEmlNN;AyE/kNE;EACE;AzEilNJ;AyE9kNE;EACE;AzEglNJ;AyE9kNI;EACE;AzEglNN;AyEzkNE;EACE;AzE2kNJ;AyEvkNA;EzEykNE,yBAAyB;EACzB,8DAA8D;AAChE;AyEzkNE;;EAEE;AzE2kNJ;AyEtkNE;EACE;EACA;EACA;AzEwkNJ;AyEtkNI;EACE;EACA;AzEwkNN;AyErkNI;EACE;EACA;EACA;AzEukNN;AyErkNM;EACE;EACA;EACA;AzEukNR;AyEpkNM;EACE;AzEskNR;AyElkNI;EACE;AzEokNN;AyElkNM;EACE;AzEokNR;AyE7jNE;EACE;EACA;EACA;EACA;EACA;EvEuRA;EACA;EAKA;EAbA;EACA;EACA;EACA;AFmzMJ;AyElkNI;EACE;AzEokNN;AyEhkNE;;EAEE;EACA;AzEkkNJ;AyEhkNI;;EACE;AzEmkNN;AyE/jNE;EACE;EACA;AzEikNJ;AyE9jNE;EACE;AzEgkNJ;AyE9jNI;EACE;AzEgkNN;AyExjNE;;;;;;EzE+jNA,uGAAuG;EEpkNrG;EACA;EFskNF,0BAA0B;EE3jNxB;AF6jNJ;AyE/jNE;;;;;;EzEskNA,gIAAgI;EE1kN9H;AF4kNJ;AyElkNI;;;EtE9HA;EACA;EACA;EACA;AHqsNJ;AyEnkNI;;;;;;EAEE;AzEykNN;AyEtkNI;;;;;;EAEE;AzE4kNN;AyEzkNI;;;;;;EAEE;AzE+kNN;AyEtkNM;;;;;;;;;;;;;;;;;;;;;;;;EAIE;EACA;AzE4lNR;AyE1lNQ;;;;;;;;;;;;;;;;;;;;;;;;EACE;EACA;AzEmnNV;AyEhnNQ;;;;;;;;;;;;;;;;;;;;;;;;EACE;AzEyoNV;AyEnoNE;;;EACE;AzEuoNJ;AyEpoNE;;;EACE;AzEwoNJ;AyEpoNI;;;;;;EAEE;EACA;AzE0oNN;AyEjoNM;EACE;AzEmoNR;AyEhoNM;EACE;AzEkoNR;AyE7nNE;EACE;AzE+nNJ;AyE7nNI;EACE;AzE+nNN;AyE1nNA;;;EvE0RI;EACA;EA+BA;EACA;EACA;EAjgBA;EA2gBA;AF+zMJ;AEv2MI;;;EACE;AF22MN;AyEloNE;EACE;AzEooNJ;AyEjoNE;EACE;EACA;AzEmoNJ;AyEhoNE;;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A;EACA;AFoiON;AEjiOI;EACE;EACA;AFmiON;AEhiOI;;EAEE;EACA;AFkiON;A6ExsOE;E3E2KE;EACA;AFgiOJ;AE9hOI;EACE;EACA;EACA;AFgiON;AE7hOI;EACE;EACA;AF+hON;AE5hOI;;EAEE;EACA;AF8hON;A6EttOE;E3E6LE;EACA;AF4hOJ;AE1hOI;EACE;EACA;EACA;AF4hON;AEzhOI;EACE;EACA;AF2hON;AExhOI;;EAEE;EACA;AF0hON;A6EnuOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7EquOF;A6EnuOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;A7EquOJ;A6EluOE;EACE;A7EouOJ;A6EjuOE;EACE;A7EmuOJ;A6EhuOE;EACE;EACA;A7EkuOJ;A6E/tOE;EACE;A7EiuOJ;A6E9tOE;EACE;A7EguOJ;A6E7tOE;EACE;A7E+tOJ;A6E5tOE;EACE;A7E8tOJ;A6E5tOI;EACE;A7E8tON;A6E1tOE;EACE;EACA;EACA;EACA;A7E4tOJ;A6E1tOI;EACE;A7E4tON;A6EztOI;EACE;A7E2tON;A6ExtOM;E3EwNF;EACA;EACA;EACA;EACA;AFmgOJ;A6E3tOM;EACE;A7E6tOR;A6EztOI;EACE;EACA;EACA;EACA;A7E2tON;A6EvtOE;EACE;EACA;EACA;E3EbA;EACA;AFuuOJ;AEruOI;EAwQA;EACA;EACA;EACA;EACA;EACA;EA3QE;EACA;EACA;EACA;EACA;EACA;EACA;AF4uON;A6EtuOE;;;;;EAKE;A7EwuOJ;A6EruOE;E3EaE;EACA;AF2tOJ;AEztOI;EACE;EACA;EACA;AF2tON;AExtOI;EACE;EACA;AF0tON;AEvtOI;;EAEE;EACA;AFytON;A6EnvOE;E3ESE;EACA;AF6uOJ;AE3uOI;EACE;EACA;EACA;AF6uON;AE1uOI;EACE;EACA;AF4uON;AEzuOI;;EAEE;EACA;AF2uON;A6EjwOE;E3E+BE;EACA;AFquOJ;AEnuOI;EACE;EACA;EACA;AFquON;AEluOI;EACE;EACA;AFouON;AEjuOI;;EAEE;EACA;AFmuON;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iQJ;AyF9hQE;EvF6RE;EACA;EAKA;EuFjSA;AzFkiQJ;AyF/hQE;EACE;AzFiiQJ;AyF9hQE;EzFgiQA,6DAA6D;EyF9hQ3D;EzFgiQF,0GAA0G;EAC1G,+FAA+F;EyF9hQ7F;AzFgiQJ;AyF3hQI;EACE;AzF6hQN;AyFzhQE;EvFjGE;EACA;EACA;EACA;EACE;EuF+FF;AzF+hQJ;AyF5hQE;;EvF8UE;EACA;EACA;EACA;EACA;EACA;EAKA;EuFrVA;AzFoiQJ;AyFliQI;;EACE;AzFqiQN;AyFliQI;;EvFxBA;EACA;EACA;AF8jQJ;AyFniQE;EACE;AzFqiQJ;AyFniQI;EACE;EACA;EACA;AzFqiQN;AyFliQI;EACE;EACA;EACA;AzFoiQN;AyFliQM;EACE;EACA;EAEA;AzFmiQR;AyF7hQA;EnF7IE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AN6qQF;AM3qQE;EACE;EACA;AN6qQJ;AM3qQI;EJ6BA;EACA;AFipQJ;AM1qQE;EJkVE;EACA;EAKA;EItVA;AN8qQJ;AM3qQE;EN6qQA,8DAA8D;EM3qQ5D;EACA;AN6qQJ;AM3qQI;EACE;AN6qQN;AM1qQI;;ELkEF;ED4mQA,sCAAsC;AACxC;AM1qQI;EACE;AN4qQN;AMxqQE;EACE;AN0qQJ;AMvqQE;EJoYE;EACA;EACA;EACA;EACA;EACA;EAKA;EI5YA;AN+qQJ;AM7qQI;EJmCA;EACA;EACA;AF6oQJ;AM7qQE;;;EAGE;EACA;AN+qQJ;AM5qQE;EACE;EACA;AN8qQJ;AM3qQE;;EACE;EACA;AN8qQJ;AM3qQE;EACE;EACA;EACA;AN6qQJ;AM3qQI;EACE;EACA;AN6qQN;AM1qQI;;EACE;EACA;AN6qQN;AM1qQI;EACE;EACA;AN4qQN;AMxqQE;EJxDE;EACA;EAXA;AF+uQJ;AMzqQE;EACE;EN2qQF,oFAAoF;EMzqQlF;EACA;AN2qQJ;AMzqQI;EACE;EACA;AN2qQN;AMxqQI;;EACE;EACA;EACA;AN2qQN;AMxqQI;EACE;EACA;EACA;AN0qQN;AMvqQI;EJnFA;EACA;EAXA;AFywQJ;AMvqQE;;EAEE;EACA;EACA;EACA;ANyqQJ;AMvqQI;;;;;;;;EACE;EACA;EACA;ANgrQN;AM7qQI;;EACE;EACA;EACA;ANgrQN;AM9qQM;;EACE;EACA;EACA;ANirQR;AM3qQI;;;EAGE;EACA;AN6qQN;AM1qQI;EJ0IA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHo1QJ;AE5hQI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AFiiQN;AEhjQI;ECpTA;EACA;EACA;EACA;AHu2QJ;AACA;;;;;;;;EAQE;A0Fr3QF;ExFihBI;EACA;EACA;EAjgBA;EwFhBF;A1F03QF;A0Fx3QE;EvFYE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH03QJ;A0F93QE;EvFQE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAkBA;EACA;EACA;EACA;AHm3QJ;A0Fv4QA;EACE;EACA;EACA;A1Fy4QF;A0Fv4QE;EACE;EACA;EACA;EACA;EACA;A1Fy4QJ;A0Fv4QI;EACE;EACA;EACA;A1Fy4QN;A0Ft4QI;ExFyUA;EACA;EFgkQF,0FAA0F;E0Fv4QtF;A1Fy4QN;A0Ft4QI;EACE;A1Fw4QN;A0Fr4QI;EACE;A1Fu4QN;A0Fr4QM;EACE;A1Fu4QR;A0Fr4QQ;EACE;EACA;A1Fu4QV;A0Fn4QM;EACE;A1Fq4QR;A0Fh4QM;ExF8BF;EACA;EACA;AFq2QJ;A0Fh4QI;EACE;A1Fk4QN;A0Fh4QM;EACE;A1Fk4QR;A0F93QI;EACE;EACA;A1Fg4QN;AACA;;;;;;;;EAQE;A2Fn9QF;EACE;EACA;EACA;A3Fq9QF;A2Fn9QE;;;EACE;A3Fu9QJ;A2Fn9QI;EACE;A3Fq9QN;A2Fn9QM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3Fq9QR;A2Fj9QI;EACE;A3Fm9QN;A2F98QM;;;;EAEE;A3Fk9QR;A2F58QA;EACE;A3F88QF;A2F58QE;EACE;EACA;A3F88QJ;A2F58QI;EACE;A3F88QN;A2F38QI;EACE;EACA;EACA;A3F68QN;A2F18QI;EACE;EACA;EACA;EACA;A3F48QN;A2Fz8QI;EACE;A3F28QN;A2Fx8QI;EACE;A3F08QN;A2Fr8QI;ErF8BA;EN06QF,oFAAoF;EMx6QlF;EACA;AN06QJ;AMx6QI;EACE;EACA;AN06QN;AMv6QI;;EACE;EACA;EACA;AN06QN;AMv6QI;EACE;EACA;EACA;ANy6QN;AMt6QI;EJnFA;EACA;EAXA;AFwgRJ;A2F59QM;EACE;A3F89QR;A2F39QM;EACE;EACA;A3F69QR;A2F19QM;EACE;A3F49QR;A2F19QQ;;;;EACE;EACA;A3F+9QV;A2Fx9QA;EACE;A3F09QF;A2Fx9QE;EACE;EACA;EACA;EACA;EACA;A3F09QJ;A2Fx9QI;EACE;A3F09QN;A2Fv9QI;EACE;A3Fy9QN;A2Ft9QI;EACE;A3Fw9QN;A2Fr9QI;EACE;A3Fu9QN;A2Fr9QM;EACE;A3Fu9QR;AACA;;;;;;;;EAQE;A4F3lRF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;A5F2lRF;A4FzlRE;EACE;A5F2lRJ;A4FxlRE;EACE;EACA;A5F0lRJ;A4FvlRE;EACE;A5FylRJ;A4FtlRE;EACE;EACA;EACA;E1FTA;E0FYA;A5FulRJ;A4FrlRI;EACE;A5FulRN;A4FplRI;EACE;A5FslRN;AACA;;;;;;;;EAQE;A6FroRF;EAEE;EACA;EACA;EACA;A7FsoRF;A6FpoRE;EACE;EACA;A7FsoRJ;A6FnoRE;;EACE;A7FsoRJ;A6FloRI;EACE;A7FooRN;A6FhoRE;EACE;EACA;EACA;A7FkoRJ;A6FhoRI;EACE;A7FkoRN;A6F/nRI;E7FioRF,8CAA8C;E6F/nR1C;A7FioRN;A6F7nRE;EAGE;A7F6nRJ;A6F1nRE;;;E7F8nRA,8CAA8C;E6F1nR5C;A7F4nRJ;A6FvnRE;;;;;;;;EAQE;EACA;A7FynRJ;A6FpnRE;EACE;A7FsnRJ;A6FnnRE;EACE;A7FqnRJ;AACA,oDAAoD;A6FhnRlD;;EAEE;A7FknRJ;A6F/mRE;EACE;A7FinRJ;AACA;;;;;;;;EAQE;AACF,WAAW;A8C5sRX;E9C8sRE,0BAA0B;EAC1B,+BAA+B;AACjC;AACA,WAAW;A8CxrRX;EACE;EACA;EACA;EACA;EACA;A9C0rRF;A8CxrRE;EACE;EACA;A9C0rRJ;A8CtrRA;EACE;EACA;EACA;E9CwrRA,6FAA6F;AAC/F;A8CvrRE;EACE;A9CyrRJ;A8CtrRE;EACE;EACA;EACA;EACA;A9CwrRJ;A8CtrRI;EACE;A9CwrRN;A8CprRE;EACE;E9CsrRF,qJAAqJ;E8CprRnJ;A9CsrRJ;A8CprRI;EACE;EACA;EACA;A9CsrRN;A8CnrRI;EACE;A9CqrRN;A8ClrRI;EACE;A9CorRN;A8CjrRI;EACE;A9CmrRN;A8C/qRE;EACE;EACA;A9CirRJ;A8C/qRI;EACE;A9CirRN;A8C3qRI;EACE;A9C6qRN;A8C1qRI;EACE;A9C4qRN;A8CvqRA;EArGI;EAUA;EACA;EACA;A9CswRJ;A8CxqRI;EACE;A9C0qRN;A8CvqRI;EACE;EACA;A9CyqRN;A8CvqRM;EACE;A9CyqRR;A8CtqRM;EACE;A9CwqRR;A8CrqRM;EACE;EACA;A9CuqRR;A8CrqRQ;EACE;A9CuqRV;A8CpqRQ;EACE;A9CsqRV;A8ChqRM;;EAEE;A9CkqRR;A8C/pRM;;EAEE;A9CiqRR;AACA;;;;;;;;EAQE;A8F9zRF;EACE;A9Fg0RF;AACA;;;;;;;;EAQE;A2C10RF;EACE;EACA;EACA;EACA;EACA;EzC6gBE;EACA;EACA;EAjgBA;EyCZF;EACA;A3C+0RF;A2C70RE;EACE;A3C+0RJ;A2C30RI;EACE;EACA;A3C60RN;A2C30RM;EACE;E3C60RN,gDAAgD;E2C50R1C;A3C80RR;A2C50RQ;EACE;A3C80RV;A2C1xRI;EACE;A3C4xRN;A2C1xRM;EACE;A3C4xRR;A2C70RI;EACE;EACA;A3C+0RN;A2C70RM;EACE;E3C+0RN,2FAA2F;AAC7F;A2C70RM;EzCGF;EACA;EAXA;AFy1RJ;A2C90RM;EACE;EACA;A3Cg1RR;A2C70RM;EACE;EACA;A3C+0RR;A2C70RQ;EACE;EACA;A3C+0RV;A2C50RQ;;EACE;EACA;A3C+0RV;A2C50RQ;EzCpBJ;EACA;EAXA;AF+2RJ;A2C70RQ;EACE;EACA;EACA;A3C+0RV;A2C5zRI;EACE;A3C8zRN;A2C5zRM;EACE;A3C8zRR;A2C33RI;EACE;EACA;A3C63RN;A2C33RM;EACE;E3C63RN,2FAA2F;AAC7F;A2C33RM;EzCGF;EACA;EAXA;AFu4RJ;A2C53RM;EACE;EACA;A3C83RR;A2C33RM;EACE;EACA;A3C63RR;A2C33RQ;EACE;EACA;A3C63RV;A2C13RQ;;EACE;EACA;A3C63RV;A2C13RQ;EzCpBJ;EACA;EAXA;AF65RJ;A2C33RQ;EACE;EACA;EACA;A3C63RV;A2C91RI;EACE;A3Cg2RN;A2C91RM;EACE;A3Cg2RR;A2Cz6RI;EACE;EACA;A3C26RN;A2Cz6RM;EACE;E3C26RN,2FAA2F;AAC7F;A2Cz6RM;EzCGF;EACA;EAXA;AFq7RJ;A2C16RM;EACE;EACA;A3C46RR;A2Cz6RM;EACE;EACA;A3C26RR;A2Cz6RQ;EACE;EACA;A3C26RV;A2Cx6RQ;;EACE;EACA;A3C26RV;A2Cx6RQ;EzCpBJ;EACA;EAXA;AF28RJ;A2Cz6RQ;EACE;EACA;EACA;A3C26RV;A2Ch4RI;EACE;A3Ck4RN;A2Ch4RM;EACE;A3Ck4RR;A2Cv9RI;EACE;EACA;A3Cy9RN;A2Cv9RM;EACE;E3Cy9RN,2FAA2F;AAC7F;A2Cv9RM;EzCGF;EACA;EAXA;AFm+RJ;A2Cx9RM;EACE;EACA;A3C09RR;A2Cv9RM;EACE;EACA;A3Cy9RR;A2Cv9RQ;EACE;EACA;A3Cy9RV;A2Ct9RQ;;EACE;EACA;A3Cy9RV;A2Ct9RQ;EzCpBJ;EACA;EAXA;AFy/RJ;A2Cv9RQ;EACE;EACA;EACA;A3Cy9RV;A2Cn6RE;ExC1GE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH2hSJ;A2Cx6RE;EzChCE;EACA;EACA;EACA;EClFA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHqhSJ;A2Cz7RA;EACE;EACA;EACA;EACA;EACA;E3C27RA,2DAA2D;AAC7D;A2Cx7RE;EACE;A3C07RJ;A2Ct7RA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;A3Cw7RF;A2Cr7RA;EACE;EA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;AjGu6SN;AiGr6SM;EACE;EACA;EACA;AjGu6SR;AiGj6SA;EACE;EACA;E/FiSE;EACA;EAKA;E+FrSF;EACA;EACA;EACA;EACA;AjGq6SF;AiGl6SA;EACE;EACA;EACA;EACA;AjGo6SF;AiGj6SA;EACE;EACA;EACA;AjGm6SF;AiGj6SE;EACE;EACA;EACA;EACA;EACA;E/FuQA;EACA;EAKA;AFypSJ;AiGl6SE;EACE;AjGo6SJ;AiGj6SE;EACE;EACA;EACA;EACA;AjGm6SJ;AiGj6SI;EACE;EACA;EACA;EACA;EjGm6SJ,0GAA0G;EiGl6StG;AjGo6SN;AiGl6SM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjGo6SR;AiGj6SM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjGm6SR;AiG75SA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AjG+5SF;AiG75SE;EACE;AjG+5SJ;AiG35SA;EACE;AjG65SF;AiG15SA;EACE;EACA;EACA;EACA;EACA;EACA;AjG45SF;AiGz5SA;EACE;EACA;EACA;EACA;EACA;EACA;AjG25SF;AACA;;;;;;;;EAQE;AkG/kTF;EACE;EACA;EACA;EACA;AlGilTF;AkG9kTA;EACE;EACA;EACA;EACA;AlGglTF;AkG7kTA;;;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AlG+kTF;AkG7kTE;;;EACE;AlGilTJ;AkG7kTA;EACE;AlG+kTF;AkG5kTA;EACE;EACA;EACA;EACA;EACA;EACA;AlG8kTF;AkG3kTA;;EAEE;AlG6kTF;AkG1kTA;ED3DE;E/FkbE;EACA;EACA;EACA;EACA;EACA;EgG1bF;EACA;EACA;EACA;EACA;EACA;EACA;AlGkpTF;AkGtlTA;ED/DE;E/FkbE;EACA;EACA;EACA;EACA;EACA;EgG1bF;EACA;EACA;EACA;EACA;EACA;EACA;AlGkqTF;AkGlmTA;EACE;EACA;AlGomTF;AkGjmTA;;;EAGE;EACA;EACA;EACA;EACA;EACA;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UF;EACE;EACA;EACA;EACA;EACA;EACA;AvGkyUF;AuG/xUA;EACE;EACA;EACA;EACA;EACA;AvGiyUF;AuG9xUA;EACE;EACA;EACA;EACA;EACA;AvGgyUF;AuG7xUA;EACE;EACA;EACA;EACA;EACA;AvG+xUF;AuG5xUA;EACE;EACA;EACA;EACA;EACA;AvG8xUF;AuG3xUA;EACE;EACA;EACA;EACA;EACA;AvG6xUF;AuG1xUA;EACE;EACA;EACA;EACA;EACA;AvG4xUF;AuGzxUA;EACE;EACA;EACA;EACA;EACA;AvG2xUF;AuGxxUA;EACE;EACA;EACA;EACA;EACA;AvG0xUF;AACA;;;;;;;;EAQE;AwGz2UF;EACE;EACA;EACA;EACA;EtG+gBE;EACA;EAjgBA;EAyeA;EFu3TF,mGAAmG;AACrG;AEt3TI;EAAA;IACE;IACA;IACA;EFy3TJ;AACF;A2C51UI;EACE;EACA;A3C81UN;A2C51UM;EACE;E3C81UN,2FAA2F;AAC7F;A2C51UM;EzCGF;EACA;EAXA;AFw2UJ;A2C71UM;EACE;EACA;A3C+1UR;A2C51UM;EACE;EACA;A3C81UR;A2C51UQ;EACE;EACA;A3C81UV;A2C31UQ;;EACE;EACA;A3C81UV;A2C31UQ;EzCpBJ;EACA;EAXA;AF83UJ;A2C51UQ;EACE;EACA;EACA;A3C81UV;AwGx5UE;EACE;EACA;AxG05UJ;AwGv5UE;ErGCE;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AHo6UJ;AwG55UE;EtG2EE;EACA;EACA;EACA;EClFA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;EAgCA;EACA;EACA;EACA;EAVA;EACA;EACA;EACA;AH85UJ;AwG76UA;EACE;EACA;AxG+6UF;AwG56UA;EACE;EACA;EACA;AxG86UF;AwG56UE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ErG1CA;EACA;EACA;EACA;AHy9UJ;AwG96UE;ErG9CE;EACA;EACA;EACA;AH+9UJ;AwG/6UA;EACE;EACA;EACA;AxGi7UF;AwG96UA;EACE;AxGg7UF;AACA;;;;;;;;E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E;IACA;IACA;EH8oVJ;EG5oVE;IACE;IACA;IACA;EH8oVJ;AACF;AGxoVE;EAfE;IACE;IACA;IACA;EH0pVJ;EGxpVE;IACE;IACA;IACA;EH0pVJ;AACF;AGnoVE;EAVE;IACE;IACA;EHgpVJ;EG9oVE;IACE;IACA;EHgpVJ;AACF;AG1oVE;EAbE;IACE;IACA;EH0pVJ;EGxpVE;IACE;IACA;EH0pVJ;AACF;AGvoVE;EALE;IDlLA;IACA;IACA;EFk0VF;AACF;AG3oVE;EARE;IDlLA;IACA;IACA;EFy0VF;AACF;AGroVE;EALE;IDlMA;IACA;IACA;EFg1VF;AACF;AGzoVE;EARE;IDlMA;IACA;IACA;EFu1VF;AACF;AGnoVE;EALE;IDlNA;IACA;IACA;EF81VF;AACF;AGvoVE;EARE;IDlNA;IACA;IACA;EFq2VF;AACF;AGjoVE;EALE;IDlOA;IACA;IACA;EF42VF;AACF;AGroVE;EARE;IDlOA;IACA;IACA;EFm3VF;AACF;AG9nVE;EALE;IDnPA;IACA;IACA;EF03VF;AACF;AGloVE;EARE;IDnPA;IACA;IACA;EFi4VF;AACF;AG3nVE;EALE;IDpQA;IACA;IACA;EFw4VF;AACF;AG/nVE;EARE;IDpQA;IACA;IACA;EF+4VF;AACF;AGrnVE;EAVE;IACE;IDpRF;IACA;IACA;EFu5VF;EGloVE;IACE;IDxRF;IACA;IACA;EF65VF;AACF;AGhoVE;EAbE;IACE;IDpRF;IACA;IACA;EFq6VF;EGhpVE;IACE;IDxRF;IACA;IACA;EF26VF;AACF;AG1nVE;EAbE;IACE;IDxSF;IACA;IACA;EFm7VF;EG1oVE;IACE;ID5SF;IACA;IACA;EFy7VF;EG5oVE;ID/SA;IACA;IACA;EF87VF;AACF;AG1oVE;EAhBE;IACE;IDxSF;IACA;IACA;EFs8VF;EG7pVE;IACE;ID5SF;IACA;IACA;EF48VF;EG/pVE;ID/SA;IACA;IACA;EFi9VF;AACF;AG9oVE;EARE;ID9TA;IACA;IACA;EFw9VF;EGzpVE;IDjUA;IACA;IACA;EF69VF;AACF;AGvpVE;EAXE;ID9TA;IACA;IACA;EFo+VF;EGrqVE;IDjUA;IACA;IACA;EFy+VF;AACF;AGppVE;EARE;IDhVA;IACA;IACA;EFg/VF;EG/pVE;IDnVA;IACA;IACA;EFq/VF;AACF;AG7pVE;EAXE;IDhVA;IACA;IACA;EF4/VF;EG3qVE;IDnVA;IACA;IACA;EFigWF;AACF;AGvpVE;EAXE;IACE;EHqqVJ;EGnqVE;IACE;EHqqVJ;EGnqVE;IACE;EHqqVJ;AACF;AG/pVE;EAdE;IACE;EHgrVJ;EG9qVE;IACE;EHgrVJ;EG9qVE;IACE;EHgrVJ;AACF;AGlpVE;EAjBE;IDvXA;IACA;IACA;ICuXE;EHwqVJ;EGtqVE;IACE;EHwqVJ;EGtqVE;ID9XA;IACA;IACA;IC8XE;EH0qVJ;EGxqVE;IDlYA;IACA;IACA;ICkYE;EH4qVJ;AACF;AGtqVE;EApBE;IDvXA;IACA;IACA;ICuXE;EH+rVJ;EG7rVE;IACE;EH+rVJ;EG7rVE;ID9XA;IACA;IACA;IC8XE;EHisVJ;EG/rVE;IDlYA;IACA;IACA;ICkYE;EHmsVJ;AACF;AGzqVE;EAbE;IDlZA;IACA;IACA;ICkZE;EH2rVJ;EGzrVE;IACE;EH2rVJ;EGzrVE;IDzZA;IACA;IACA;ICyZE;EH6rVJ;AACF;AGvrVE;EAhBE;IDlZA;IACA;IACA;ICkZE;EH4sVJ;EG1sVE;IACE;EH4sVJ;EG1sVE;IDzZA;IACA;IACA;ICyZE;EH8sVJ;AACF;AGnrVE;EAdE;IDzaA;IACA;IACA;ICyaE;EHssVJ;EGpsVE;ID7aA;IACA;IACA;IC6aE;EHwsVJ;EGtsVE;IDjbA;IACA;IACA;ICibE;EH0sVJ;AACF;AGpsVE;EAjBE;IDzaA;IACA;IACA;ICyaE;EH0tVJ;EGxtVE;ID7aA;IACA;IACA;IC6aE;EH4tVJ;EG1tVE;IDjbA;IACA;IACA;ICibE;EH8tVJ;AACF;AGnsVE;EAdE;IDjcA;IACA;IACA;EFspWF;EGptVE;IDpcA;IACA;IACA;EF2pWF;EGttVE;IDvcA;IACA;IACA;EFgqWF;EGxtVE;ID1cA;IACA;IACA;EFqqWF;AACF;AGttVE;EAjBE;IDjcA;IACA;IACA;EF4qWF;EG1uVE;IDpcA;IACA;IACA;EFirWF;EG5uVE;IDvcA;IACA;IACA;EFsrWF;EG9uVE;ID1cA;IACA;IACA;EF2rWF;AACF;AG1tVE;EAXE;IDzdA;IACA;IACA;EFksWF;EGxuVE;ID5dA;IACA;IACA;EFusWF;EG1uVE;ID/dA;IACA;IACA;EF4sWF;AACF;AGxuVE;EAdE;IDzdA;IACA;IACA;EFmtWF;EGzvVE;ID5dA;IACA;IACA;EFwtWF;EG3vVE;ID/dA;IACA;IACA;EF6tWF;AACF;AGhuVE;EAlBE;IACE;IACA;EHqvVJ;EGnvVE;IACE;IACA;EHqvVJ;EGnvVE;IACE;IACA;EHqvVJ;EGnvVE;IACE;IACA;EHqvVJ;AACF;AG/uVE;EArBE;IACE;IACA;EHuwVJ;EGrwVE;IACE;IACA;EHuwVJ;EGrwVE;IACE;IACA;EHuwVJ;EGrwVE;IACE;IACA;EHuwVJ;AACF;AG/sVE;EAnCE;IDlhBA;IACA;IACA;EFwwWF;EGrvVE;IDrhBA;IACA;IACA;EF6wWF;EGvvVE;IDxhBA;IACA;IACA;EFkxWF;EGzvVE;ID3hBA;IACA;IACA;EFuxWF;EG3vVE;ID9hBA;IACA;IACA;EF4xWF;EG7vVE;IDjiBA;IACA;IACA;EFiyWF;EG/vVE;IDpiBA;IACA;IACA;EFsyWF;EGjwVE;IDviBA;IACA;IACA;EF2yWF;EGnwVE;ID1iBA;IACA;IACA;EFgzWF;EGrwVE;ID7iBA;IACA;IACA;EFqzWF;EGvwVE;IDhjBA;IACA;IACA;EF0zWF;AACF;AGrwVE;EAtCE;IDlhBA;IACA;IACA;EFi0WF;EG9yVE;IDrhBA;IACA;IACA;EFs0WF;EGhzVE;IDxhBA;IACA;IACA;EF20WF;EGlzVE;ID3hBA;IACA;IACA;EFg1WF;EGpzVE;ID9hBA;IACA;IACA;EFq1WF;EGtzVE;IDjiBA;IACA;IACA;EF01WF;EGxzVE;IDpiBA;IACA;IACA;EF+1WF;EG1zVE;IDviBA;IACA;IACA;EFo2WF;EG5zVE;ID1iBA;IACA;IACA;EFy2WF;EG9zVE;ID7iBA;IACA;IACA;EF82WF;EGh0VE;IDhjBA;IACA;IACA;EFm3W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6GtyXE;EACE;EACA;EACA;A7GwyXJ;A6GtyXI;EACE;EACA;A7GwyXN;A6GryXI;EACE;EACA;A7GuyXN;A6GryXM;EACE;EACA;A7GuyXR;AACA;;;;;;;;EAQE;A8Gt3XF;EACE;A9Gw3XF;A8Gr3XA;EACE;EACA;EACA;EACA;EACA;E9Gu3XA,kDAAkD;AACpD;A8Gt3XE;;;EAGE;A9Gw3XJ;A8Gr3XM;;;EACE;A9Gy3XR;A8Gv3XQ;;;EACE;A9G23XV;A8Gp3XI;EACE;A9Gs3XN;A8Gn3XI;;EAEE;A9Gq3XN;A8G52XQ;E9G82XN,yBAAyB;E8G52XjB;A9G82XV;A8G52XU;EACE;A9G82XZ;A8G12XQ;EACE;A9G42XV;A8Gx2XM;;EAEE;A9G02XR;A8Gt2XQ;;E9Gy2XN,8CAA8C;E8Gt2XtC;A9Gw2XV;A8Gt2XU;;EACE;A9Gy2XZ;A8Gt2XU;;EACE;A9Gy2XZ;A8Gl2XQ;;;;EAEE;A9Gs2XV;A8G91XQ;;EACE;A9Gi2XV;A8G/1XU;;EACE;A9Gk2XZ;A8G31XE;EAEI;EACA;A9G41XN;A8Gx1XE;EACE;EACA;EACA;A9G01XJ;A8Gx1XI;EACE;A9G01XN;A8Gt1XE;EACE;EACA;A9Gw1XJ;A8Gt1XI;EACE;A9Gw1XN;A8Gp1XE;EACE;A9Gs1XJ;A8Gp1XI;EACE;A9Gs1XN;A8Gl1XE;EACE;A9Go1XJ;A8Gl1XI;EACE;A9Go1XN;A8Gj1XI;EACE;EACA;A9Gm1XN;A8Gj1XM;EACE;A9Gm1XR;A8G/0XI;EACE;EACA;EAGA;EAEA;A9G80XN;A8Gz0XA;EACE;EACA;EACA;A9G20XF;A8Gz0XE;E9G20XA;mHACiH;E8Gz0X/G;EACA;A9G20XJ;A8Gx0XE;E9G00XA,qCAAqC;E8Gx0XnC;A9G00XJ;A8Gv0XE;;;;EAIE;EACA;A9Gy0XJ;A8Gt0XE;EACE;A9Gw0XJ;A8Gl0XI;;;;EAIE;A9Go0XN;A8Gj0XI;E5GoGA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AHihYJ;AEztXI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AF8tXN;AE7uXI;ECp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r5ZE;E/GzCE;EAXA;E+GsDA;AjHw5ZJ;AiHr5ZE;EACE;AjHu5ZJ;AiHp5ZE;EACE;EACA;EACA;EACA;AjHs5ZJ;AiHn5ZE;EACE;AjHq5ZJ;AiHl5ZE;EACE;AjHo5ZJ;AiHj5ZE;EACE;AjHm5ZJ;AiHh5ZE;EACE;AjHk5ZJ;AiH/4ZE;;EAEE;AjHi5ZJ;AiH94ZE;;EAEE;AjHg5ZJ;AiH34ZI;;EACE;EACA;EjH84ZJ,yCAAyC;AAC3C;AiH54ZI;;EACE;EACA;EACA;EjH+4ZJ,gEAAgE;AAClE;AiH54ZE;EACE;AjH84ZJ;AiH34ZE;EACE;AjH64ZJ;AiH14ZE;EACE;AjH44ZJ;AiHx4ZI;EACE;AjH04ZN;AiHv4ZI;EACE;AjHy4ZN;AiHr4ZE;EACE;AjHu4ZJ;AiHp4ZE;EACE;AjHs4ZJ;AiHn4ZE;;EAEE;AjHq4ZJ;AiHj4ZI;EACE;EACA;EjHm4ZJ,yCAAyC;AAC3C;AiHj4ZI;EACE;EACA;EACA;EjHm4ZJ,gEAAgE;AAClE;AiH93ZI;EACE;AjHg4ZN;AiH73ZI;EACE;AjH+3ZN;AiH53ZI;EACE;AjH83ZN;AiH33ZI;EACE;AjH63ZN;AiHz3ZE;EACE;AjH23ZJ;AiHx3ZE;EACE;AjH03ZJ;AiHv3ZE;EACE;EACA;AjHy3ZJ;AiHr3ZI;EACE;AjHu3ZN;AiHp3ZI;EACE;AjHs3ZN;AiHp3ZM;EACE;AjHs3ZR;AiHh3ZA;EACE;AjHk3ZF;AiH/2ZA;EACE;AjHi3ZF;AiH92ZA;EACE;EACA;AjHg3ZF;AiH92ZE;EACE;EACA;AjHg3ZJ;AiH92ZI;EACE;EACA;AjHg3ZN;AiH92ZM;EACE;AjHg3ZR;AiH72ZM;EACE;AjH+2ZR;AiH72ZQ;EACE;AjH+2ZV;AiHx2ZA;EACE;EACA;EACA;AjH02ZF;AiHv2ZA;EACE;EACA;AjHy2ZF;AiHv2ZE;E/G+JE;EACA;EACA;EACA;EACA;EACA;AF2sZJ;AiH12ZA;EACE;AjH42ZF;AiHz2ZA;EACE;AjH22ZF;AACA,4BAA4B;AiHx2Z5B;EACE;AjH02ZF;AiHx2ZE;EACE;AjH02ZJ;AiHx2ZI;EACE;AjH02ZN;AACA;;;;;;;;EAQE;AkHhqaF;EACE;EACA;AlHkqaF;AkH/paA;EACE;EACA;EACA;AlHiqaF;AkH9paA;EACE;EhHsVE;EACA;EACA;EACA;AF20ZJ;AkH/paE;EACE;AlHiqaJ;AACA;;;;;;;;EAQE;AmH5raF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AnH8raF;AmH5raE;EACE;AnH8raJ;AmH3raE;EACE;EACA;AnH6raJ;AmH1raE;EACE;EACA;AnH4raJ;AmHzraE;EACE;EACA;AnH2raJ;AmHxraE;EACE;EACA;EACA;AnH0raJ;AmHtraA;EnHwraE,6HAA6H;EmHtra7H;AnHwraF;AACA;;;;;;;;EAQE;AoHzuaF;EpH2uaE,6DAA6D;EoHzua7D;ApH2uaF;AoHxuaA;EACE;EACA;EACA;EACA;EACA;ApH0uaF;AoHxuaE;EACE;EACA;ApH0uaJ;AoHvuaE;EACE;ApHyuaJ;AoHtuaE;;EAEE;EACA;ApHwuaJ;AoHtuaI;;EACE;EACA;ApHyuaN;AACA;;;;;;;;EAQE;AqH3waF;EACE;EACA;EACA;ArH6waF;AqH3waE;EACE;EACA;EnH+VA;EACA;AF+6ZJ;AqH3waE;EACE;ErH6waF,yCAAyC;EqH3wavC;ArH6waJ;AqHzwaA;EACE;EnHmVE;EACA;AFy7ZJ;AqH1waE;EACE;ArH4waJ;AqHxwaA;;EAEE;ArH0waF;AqHvwaA;;EAEE;ArHywaF;AqHtwaA;EACE;ArHwwaF;AqHrwaA;EACE;ArHuwaF;AqHpwaA;EnHyTI;EACA;AF88ZJ;AqHpwaA;EACE;EACA;ArHswaF;AqHpwaE;EACE;ArHswaJ;AqHnwaE;EACE;ArHqwaJ;AqH/vaE;;EACE;ArHkwaJ;AACA;;;;;;;;EAQE;AsH/0aF;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AtHi1aF;AsH/0aE;;EACE;AtHk1aJ;AsH70aE;EACE;EpHoVA;EACA;EoHnVA;AtHg1aJ;AsH90aI;EACE;AtHg1aN;AsH50aM;EACE;EACA;AtH80aR;AsH30aM;;EAEE;AtH60aR;AsHv0aA;EACE;EACA;EACA;EACA;AtH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J,2DAA2D;EkI/xcvD;AlIiycN;AkI9xcI;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAIA;EACA;EACA;EACA;EACA;AlI2xcN;AkIxxcI;EACE;AlI0xcN;AkIpxcI;EAEE;AlIqxcN;AkInxcM;EACE;AlIqxcR;AkIlxcM;EACE;AlIoxcR;AkIjxcM;EACE;AlImxcR;AkIjxcQ;ElImxcN,gFAAgF;EkIjxcxE;EACA;EACA;AlImxcV;AkI5wcI;EACE;AlI8wcN;AkI3wcI;EACE;AlI6wcN;AkI1wcI;;EAEE;AlI4wcN;AkIvwcI;;;;ElI4wcF,iFAAiF;EkIvwc7E;AlIywcN;AkItwcI;EhI4IA;EACA;EACA;EACA;EACA;EACA;EChTA;EACA;EACA;EACA;AH86cJ;AEtncI;EC3TA;EACA;EACA;EACA;ED0TE;EACA;EACA;EACA;EACA;EACA;EACA;AF2ncN;AE1ocI;ECpTA;EACA;EACA;EACA;AHi8cJ;AkIhycE;EACE;EACA;AlIkycJ;AkIhycI;EACE;AlIkycN;AkIhycM;EhIvEF;EACA;AF02cJ;AkIhycM;EhI3EF;EACA;AF82cJ;AkI/xcI;EACE;AlIiycN;AkI9xcI;EACE;AlIgycN;AkI7xcI;ElI+xcF,qFAAqF;AACvF;AkI/xcM;EACE;AlIiycR;AkI5xcM;;EAEE;AlI8xcR;AkI5xcQ;;EACE;AlI+xcV;AkI5xcQ;;EACE;AlI+xcV;AkI3xcM;EACE;AlI6xcR;AkIzxcQ;EACE;AlI2xcV;AkIxxcQ;EACE;AlI0xcV;AkIvxcQ;;EAEE;AlIyxcV;AkIpxcQ;EACE;AlIsxcV;AkInxcQ;;;EAGE;AlIqxcV;AkIp0cI;EAoDI;AlImxcR;AkIv0cI;;EAyDI;AlIkxcR;AkI30cI;EA6DI;EACA;AlIixcR;AkI/0cI;;EAmEI;AlIgxcR;AkI3wcE;EACE;EACA;AlI6wcJ;AkI3wcI;EACE;AlI6wcN;AkIzwcM;EACE;AlI2wcR;AkIxwcM;;EAEE;AlI0wcR;AkIxwcQ;;EACE;AlI2wcV;AkIxwcQ;;EACE;AlI2wcV;AkIrwcE;EACE;EACA;AlIuwcJ;AkIrwcI;EACE;AlIuwcN;AkIpwcI;EhIpMA;EACA;AF28cJ;AkIpwcI;EhIxMA;EACA;AF+8cJ;AkInwcM;EACE;AlIqwcR;AkIlwcM;;EAEE;AlIowcR;AkIlwcQ;;EACE;AlIqwcV;AkIlwcQ;;EACE;AlIqwcV;AkIhwcQ;EACE;AlIkwcV;AkI/vcQ;;EAEE;AlIiwcV;AkI3vcE;EhI3TE;AFyjdJ;AkI3vcI;EACE;EhI/TF;AF6jdJ;AkI1vcI;EhInUA;AFgkdJ;AkIzvcI;EACE;EhIxUF;AFokdJ;AkIxvcI;EhI5UA;AFukdJ;AkIxvcM;EhI/UF;AF0kdJ;AkIvvcM;EhInVF;AF6kdJ;AkItvcM;EhIvVF;AFgldJ;AACA;;;EAGE;AACF;;;;;;;;EAQE;AmIpndF;EACE;EACA;EACA;AnIsndF;AmIpndE;EACE;EACA;EACA;EACA;EACA;EACA;AnIsndJ;AmIpndI;EACE;AnIsndN;AmInndI;EACE;AnIqndN;AmIlndI;;EAEE;AnIondN;AmIjndI;EACE;AnImndN;AmIjndM;EACE;EACA;EACA;AnImndR;AmI/mdI;EACE;EACA;EjImUF;EACA;AF+ycJ;AmI/mdI;EACE;AnIindN;AmI5mdA;EACE;AnI8mdF;AmI5mdE;EACE;EACA;AnI8mdJ;AmI5mdI;EACE;AnI8mdN;AmI3mdI;EACE;EACA;EAIA;EAEA;EACA;AnIymdN;AmItmdI;EACE;AnIwmdN;AmInmdA;EACE;AnIqmdF;AmInmdE;EACE;AnIqmdJ;AmInmdI;EACE;AnIqmdN;AmI/ldI;EjIvEA;AFyqdJ;AmI9ldI;EACE;AnIgmdN;AmI5ldE;;EAEE;AnI8ldJ;AmIzldI;EACE;AnI2ldN;AmIxldQ;EACE;AnI0ldV;AmIvldQ;EACE;AnIyldV;AmIpldI;EACE;EACA;AnIsldN;AmInldI;;EAEE;EACA;AnIqldN;AmIhldI;EACE;AnIkldN;AmI/kdQ;EACE;AnIildV;AmI9kdQ;EACE;AnIgldV;AmI3kdI;EACE;EACA;AnI6kdN;AmI1kdI;;EAEE;EACA;AnI4kdN;AmItkdI;EjI9IA;AFutdJ;AmIpkdM;;;EACE;EACA;EACA;AnIwkdR;AmIrkdU;;;EACE;AnIykdZ;AmItkdU;;;EACE;AnI0kdZ;AACA;;;;;;;;EAQE;AoIpwdF;EF0XE;EACA;EEzXA;EpIuwdA,iCAAiC;AACnC;AkI74cE;EACE;EACA;AlI+4cJ;AoI1wdE;EACE;ApI4wdJ;AoIzwdE;EACE;ApI2wdJ;AoIxwdE;EF8WA;EACA;AlI65cF;AkI35cE;EACE;EACA;AlI65cJ;AoI7wdI;EACE;ApI+wdN;AoI1wdE;EACE;ApI4wdJ;AoI1wdI;EACE;ApI4wdN;AoIxwdE;EACE;EpI0wdF,oCAAoC;EoIzwdlC;EACA;ApI2wdJ;AoIzwdI;;EAEE;ApI2wdN;AoIxwdI;EACE;EpI0wdJ,qCAAqC;AACvC;AoIzwdM;EACE;ApI2wdR;AoIzwdQ;;;EAGE;ApI2wdV;AoIzwdU;;;;;;EAEE;ApI+wdZ;AoI5wdU;;;;;;;;;EAGE;ApIoxdZ;AoIhxdQ;EACE;ApIkxdV;AoI9wdM;EACE;ApIgxdR;AoI3wdM;EACE;ApI6wdR;AoIzwdI;EpI2wdF,mDAAmD;EoIzwd/C;ApI2wdN;AoIzwdM;EACE;ApI2wdR;AoItwdM;EnH2CF;EACA;EACA;EmH3CI;ApI0wdR;AoItwdQ;;EAEE;ApIwwdV;AoInwdI;EACE;ApIqwdN;AoI3vdM;;EACE;ApI8vdR;AoI5vdQ;;EACE;ApI+vdV;AoI1vdI;EACE;ApI4vdN;AoI1vdM;EACE;ApI4vdR;AoIzvdM;EACE;ApI2vdR;AoIrvdQ;EACE;ApIuvdV;AoIpvdQ;EACE;EACA;ApIsvdV;AoIpvdU;EACE;ApIsvdZ;AoIjvdM;EACE;ApImvdR;AoI/udI;EACE;ApIivdN;AoI/udM;EACE;ApIivdR;AoIxudM;;EACE;ApI2udR;AoIzudQ;;EACE;ApI4udV;AoIvudI;EACE;ApIyudN;AoIvudM;EACE;ApIyudR;AoItudM;EACE;ApIwudR;AoIludQ;EACE;ApIoudV;AoIjudQ;EACE;EACA;ApImudV;AoIjudU;EACE;ApImudZ;AoI9tdM;EACE;ApIgudR;AoI5tdI;EACE;ApI8tdN;AoI5tdM;EACE;ApI8tdR;AACA;;;;;;;;EAQE;AqI57dF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EnIKE;EmIHF;EACA;EACA;EAGA;EAGA;EAEA;ArIy7dF;AqI/6dE;EACE;EACA;EAGA;EAEA;ArI86dJ;AqI36dE;EACE;EnIwYA;EACA;EACA;EACA;EACA;EACA;EmI3YA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;ArIg7dJ;AqI76dE;EACE;ArI+6dJ;AqI56dE;EACE;EACA;ArI86dJ;AqI36dE;EACE;EACA;ArI66dJ;AqIx6dI;;EpI0BF;EDk5dA,sCAAsC;AACxC;AqIx6dE;EACE;EACA;EACA;EACA;ArI06dJ;AqIt6dE;EACE;ArIw6dJ;AqIr6dE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EnIiZA;AFuhdJ;AErhdI;EAAA;IACE;IACA;IACA;EFwhdJ;AACF;AqI56dI;EACE;EACA;EACA;ArI86dN;AqI36dI;EACE;ArI66dN;AqI16dI;EACE;ArI46dN;AqIz6dI;EACE;ArI26dN;AqIx6dI;EACE;EACA;ArI06dN;AqIr6dA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;ArIs6dF;AqIp6dE;EACE;EACA;EAEA;EACA;ArIq6dJ;AqIl6dE;EACE;EACA;EACA;ArIo6dJ;AqIl6dI;EACE;EACA;EAEA;EACA;ArIm6dN;AqIh6dI;EACE;EACA;ArIk6dN;AqI75dA;EACE;;IpI3EA;ID4+dE,sCAAsC;EACxC;AACF;AqI75dA;;EAEE;ArI+5dF;AACA;;;;;;;;EAQE;AsIjmeA;;EAEE;EACA;EACA;EACA;AtImmeJ;AsIhmeE;EACE;EACA;AtIkmeJ;AsI/leE;EACE;AtIimeJ;AsI9leE;EtIgmeA;6GAC2G;EAC3G,2GAA2G;EsI9lezG;EACA;EACA;EACA;EtIgmeF,sCAAsC;AACxC;AsI/leI;EAGE;EACA;AtI+leN;AsI5leI;EACE;EtI8leJ,sCAAsC;AACxC;AsI5leI;EACE;EtI8leJ,sCAAsC;AACxC;AACA;;;EAGE;AsIxleA;EACE;EACA;AtI0leJ;AsIxleI;EACE;AtI0leN;AsIvleI;EACE;AtIyleN;AsItleI;EpIpBA;EACA;EAXA;AFyneJ;AsItleE;EACE;EACA;EACA;AtIwleJ;AsIpleA;EnIvEI;EACA;EACA;EACA;EmIsEF;EACA;EACA;EACA;EACA;EACA;AtIyleF;AsIpleE;;EnInFE;EACA;EACA;EACA;AH2qeJ;AsItleA;EAEI;;;IAGE;IACA;IACA;EtIuleJ;AACF;AACA;;;;;;;;EAQE;AuInseF;EAGE;AvImseF;AuIjseE;EAEE;AvIkseJ;AACA;;;;;;;;EAQE;AqDlteF;EnDmXI;EACA;AFk2dJ;AACA;;;;;;;;EAQE;AwI/teF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AxIiueF;AwI/teE;EACE;AxIiueJ;AwI9teE;EACE;AxIgueJ;AwI7teE;EtIsaE;EACA;EACA;EACA;EACA;EACA;EsIzaA;EACA;EACA;EACA;EACA;AxIoueJ;AwIjueE;EACE;AxImueJ;AwIhueE;EACE;AxIkueJ;AwI/teE;EACE;AxIiueJ;AACA;;;;;;;;EAQE;AACF,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,sDAAsD;AACtD,8IAA8I;AAC9I,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC,qCAAqC;AACrC;;;;;;;;EAQE;AACF;;;;;;;;;EASE;AyIzyeA;;EvIqBE;AFwxeJ;AyIxyeE;EvIYE;AF+xeJ;AyItyeI;EvI2FA;EACA;AF8seJ;AyItyeI;EvIuFA;EACA;AFkteJ","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/action/Button.less","webpack:///./src/box/Box.less","webpack:///./src/boxbuttons/BoxButtons.less","webpack:///./src/checkbox/CheckBox.less","webpack:///./src/calendar/Calendar.less","webpack:///./src/calendar/YearPanel.less","webpack:///./src/datepicker/DatePicker.less","webpack:///./src/desktop/Desktop.less","webpack:///./src/desktop/DesktopLogo.less","webpack:///./src/desktop/DesktopDense.less","webpack:///./src/desktop/bench/DesktopBench.less","webpack:///./src/scrollbar/Scrollbar.less","webpack:///./src/desktop/bench/BenchColumn.less","webpack:///./src/group/Group.less","webpack:///./src/tabbox/SimpleTabBox.less","webpack:///./src/tabbox/SimpleTabArea.less","webpack:///./src/tabbox/SimpleTab.less","webpack:///./src/carousel/Carousel.less","webpack:///./src/collapsehandle/CollapseHandle.less","webpack:///./src/desktop/desktoptab/DesktopTab.less","webpack:///./src/desktop/desktoptab/DesktopTabArea.less","webpack:///./src/desktop/header/DesktopHeader.less","webpack:///./src/desktop/navigation/DesktopNavigation.less","webpack:///./src/desktop/navigation/DesktopNavigationHandle.less","webpack:///./src/desktop/notification/DesktopNotification.less","webpack:///./src/notification/Notification.less","webpack:///./src/desktop/outline/Outline.less","webpack:///./src/desktop/outline/SearchOutline.less","webpack:///./src/desktop/outline/navigation/NavigateButton.less","webpack:///./src/desktop/outline/overview/OutlineOverview.less","webpack:///./src/desktop/popupblocker/PopupBlockerDesktopNotification.less","webpack:///./src/desktop/toolbox/DesktopToolBox.less","webpack:///./src/desktop/viewbutton/ViewButton.less","webpack:///./src/desktop/viewbutton/ViewButtonBox.less","webpack:///./src/desktop/viewbutton/ViewMenuTab.less","webpack:///./src/desktop/viewbutton/ViewMenuPopup.less","webpack:///./src/filechooser/FileChooser.less","webpack:///./src/messagebox/MessageBox.less","webpack:///./src/filechooser/FileInput.less","webpack:///./src/form/Form.less","webpack:///./src/menu/menubar/MenuBar.less","webpack:///./src/form/FormMenu.less","webpack:///./src/form/ScoutInfoForm.less","webpack:///./src/form/fields/TextFieldIcon.less","webpack:///./src/form/fields/FormField.less","webpack:///./src/form/fields/LookupBox.less","webpack:///./src/form/fields/ValueField.less","webpack:///./src/breadcrumbbar/BreadcrumbBar.less","webpack:///./src/form/fields/WidgetField.less","webpack:///./src/form/fields/accordionfield/AccordionField.less","webpack:///./src/form/fields/button/Button.less","webpack:///./src/form/fields/beanfield/BeanField.less","webpack:///./src/form/fields/browserfield/BrowserField.less","webpack:///./src/form/fields/calendarfield/CalendarField.less","webpack:///./src/form/fields/checkbox/CheckBoxField.less","webpack:///./src/form/fields/clipboardfield/ClipboardField.less","webpack:///./src/form/fields/datefield/DateField.less","webpack:///./src/form/fields/filechooserfield/FileChooserField.less","webpack:///./src/form/fields/groupbox/GroupBox.less","webpack:///./src/form/fields/htmlfield/HtmlField.less","webpack:///./src/form/fields/imagefield/ImageField.less","webpack:///./src/form/fields/labelfield/LabelField.less","webpack:///./src/form/fields/modeselectorfield/ModeSelectorField.less","webpack:///./src/form/fields/numberfield/NumberField.less","webpack:///./src/form/fields/plannerfield/PlannerField.less","webpack:///./src/form/fields/radiobutton/RadioButton.less","webpack:///./src/form/fields/radiobutton/RadioButtonGroup.less","webpack:///./src/form/fields/smartfield/SmartField.less","webpack:///./src/form/fields/smartfield/SmartFieldPopup.less","webpack:///./src/form/fields/splitbox/SplitBox.less","webpack:///./src/form/fields/stringfield/StringField.less","webpack:///./src/form/fields/tabbox/TabBox.less","webpack:///./src/form/fields/tagfield/TagChooserPopup.less","webpack:///./src/form/fields/tagfield/TagField.less","webpack:///./src/form/fields/tablefield/TableField.less","webpack:///./src/form/fields/treefield/TreeField.less","webpack:///./src/form/fields/wizard/WizardProgressField.less","webpack:///./src/form/fields/wrappedform/WrappedFormField.less","webpack:///./src/glasspane/GlassPane.less","webpack:///./src/iframe/IFrame.less","webpack:///./src/image/Image.less","webpack:///./src/keystroke/keybox.less","webpack:///./src/layout/logicalgrid/LogicalGridLayout.less","webpack:///./src/menu/Menu.less","webpack:///./src/menu/ContextMenuPopup.less","webpack:///./src/menu/ComboMenu.less","webpack:///./src/menu/ProfileMenu.less","webpack:///./src/menu/form/field/FormFieldMenu.less","webpack:///./src/menu/menubar/MenuBarPopup.less","webpack:///./src/modeselector/Mode.less","webpack:///./src/modeselector/ModeSelector.less","webpack:///./src/planner/Planner.less","webpack:///./src/planner/PlannerHeader.less","webpack:///./src/popup/Popup.less","webpack:///./src/popup/MobilePopup.less","webpack:///./src/popup/TouchPopup.less","webpack:///./src/popup/WidgetPopup.less","webpack:///./src/resizable/resizable.less","webpack:///./src/session/BusyIndicator.less","webpack:///./src/slider/Slider.less","webpack:///./src/splitter/Splitter.less","webpack:///./src/style/fonts.less","webpack:///./src/style/sizes.less","webpack:///./src/switch/Switch.less","webpack:///./src/table/Table.less","webpack:///./src/table/TableFooter.less","webpack:///./src/table/TableHeader.less","webpack:///./src/table/TableHeaderMenu.less","webpack:///./src/table/TableRowDetail.less","webpack:///./src/table/controls/TableControl.less","webpack:///./src/table/editor/CellEditorPopup.less","webpack:///./src/table/columns/CompactColumn.less","webpack:///./src/tagbar/TagBar.less","webpack:///./src/tagbar/TagBarOverflowPopup.less","webpack:///./src/timepicker/TimePicker.less","webpack:///./src/tooltip/Tooltip.less","webpack:///./src/tooltip/WidgetTooltip.less","webpack:///./src/tree/Tree.less","webpack:///./src/tree/CompactTree.less","webpack:///./src/tile/Tile.less","webpack:///./src/tile/TileGrid.less","webpack:///./src/tile/TileOverview.less","webpack:///./src/tile/accordion/TileAccordion.less","webpack:///./src/tile/PlaceholderTile.less","webpack:///./src/tile/fields/FormFieldTile.less","webpack:///./src/tile/fields/button/TileButton.less","webpack:///./src/tile/fields/tablefield/TileTableField.less","webpack:///./src/filter/FilterSupport.less","webpack:///./src/login/LoginBox.less","webpack:///./src/form/fields/breadcrumbbarfield/BreadcrumbBarField.less","webpack:///./src/breadcrumbbar/BreadcrumbItem.less","webpack:///./src/tile/fields/FormFieldTile-dark.less"],"sourcesContent":["/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\nbody {\n background-color: #0E1316;\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: #E9EBEB;\n letter-spacing: 0.2px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -moz-user-select: -moz-none;\n / Prevent mobile safari from adjusting text, due to our dynamic layouting it will be always wrong /\n -webkit-text-size-adjust: none;\n / Disable highlight color. May be enabled for specific elements if required /\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody.ios {\n / Body can be moved on ios even if it isn't scrollable. Prevent it by using position: fixed.\n Drawback: it seems something invisible happens nevertheless, actions like a button click won't be executed if the user tried to scroll right before.\n He has to wait until the invisible scrolling has finished before he can try to click the button.\n Another drawback: there is a flickering effect of labels on certain screens (e.g. beamer) with chrome when a popup (e.g. smart field popup) is shown and position is set to fixed.\n Hence it is important to only activate it on ios. /\n position: fixed;\n}\n/ -moz variant is required, see https://bugzilla.mozilla.org/show_bug.cgi?id=509958 /\n::-moz-selection {\n background: #71b0e8;\n color: #0E1316;\n}\n::selection {\n background: #71b0e8;\n color: #0E1316;\n}\n::-webkit-input-placeholder {\n color: #7E8588;\n opacity: 1;\n / necessary for firefox /\n}\n:-moz-placeholder {\n / older versions of firefox /\n color: #7E8588;\n opacity: 1;\n / necessary for firefox /\n}\n::-moz-placeholder {\n color: #7E8588;\n opacity: 1;\n / necessary for firefox /\n}\n:-ms-input-placeholder {\n color: #7E8588;\n opacity: 1;\n / necessary for firefox /\n}\n::placeholder {\n / Most modern browsers /\n color: #7E8588;\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: #7E8588;\n color: #0E1316;\n}\n.disabled::selection {\n background: #7E8588;\n color: #0E1316;\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(126, 133, 136, 0.5);\n / Fill color is inherited, make sure it is ignored and the current color is used instead. Needed for iOS, see usage of -webkit-text-fill-color below/\n -webkit-text-fill-color: currentcolor;\n}\n.disabled:-moz-placeholder {\n / older versions of firefox /\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(126, 133, 136, 0.5);\n}\n.disabled::-moz-placeholder {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(126, 133, 136, 0.5);\n}\n.disabled:-ms-input-placeholder {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: rgba(126, 133, 136, 0.5);\n}\n/ Add this class to temporary remove an element from the document flow. /\n/ !important is used to override any specific \"display\" values (because this /\n/ call would in most cases be less specific than the element's rules). /\n.hidden {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n/ Add this class to temporary hide (but not remove from flow) an element. Similar to \"hidden\". /\n.invisible {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n,\n::before,\n::after {\n /* NOSONAR (universal selector is okay here) /\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n/ Workaround for firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=648624 /\n/ use -moz-none to allow child element to set -moz-user-select: text /\n/ See also: focusUtil.js, isSelectableText() /\n.table-cell,\n.table-header-item,\n.tree-node,\n.table-footer,\n.table-control,\n.table-info-item,\n.table-header-menu-group-text {\n -moz-user-select: -moz-none;\n}\ninput,\ntextarea,\nbutton {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n letter-spacing: 0.2px;\n}\ninput,\ntextarea,\n.input-field {\n background-color: transparent;\n color: #E9EBEB;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n}\ninput.disabled,\ntextarea.disabled,\n.input-field.disabled {\n background-color: inherit;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n}\ninput:focus,\ntextarea:focus,\n.input-field:focus,\ninput.focused,\ntextarea.focused,\n.input-field.focused {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\ninput.has-error,\ntextarea.has-error,\n.input-field.has-error {\n border-color: #FF8888;\n background-color: #252F34;\n}\ninput.has-error:focus,\ntextarea.has-error:focus,\n.input-field.has-error:focus,\ninput.has-error.focused,\ntextarea.has-error.focused,\n.input-field.has-error.focused {\n outline: none;\n box-shadow: 0 0 0 3px #804444;\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 rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\ntextarea.read-only {\n border: 1px dashed rgba(255, 255, 255, 0.12);\n}\ninput[type=\"text\"].alternative,\ninput[type=\"password\"].alternative {\n / Add 1px padding to prevent the text from moving a little when field is focused due to the 2px focus border /\n padding-bottom: 1px;\n / Compensate padding-bottom to align input text with label on the left /\n / It won't be perfect (especially when zoomed) but should be good enough /\n padding-top: 2px;\n}\ninput.alternative,\n.input-field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: rgba(255, 255, 255, 0.25);\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: #7E8588;\n border-bottom-style: dashed;\n border-bottom-color: rgba(255, 255, 255, 0.12);\n}\ninput.alternative:focus,\n.input-field.alternative:focus,\ninput.alternative.focused,\n.input-field.alternative.focused {\n color: #71b0e8;\n border-bottom-color: #71b0e8;\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: #FF8888;\n border-bottom-color: #FF8888;\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: #FF8888;\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: #E9EBEB;\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: #7E8588;\n opacity: 1;\n}\ninput.disabled.read-only,\ntextarea.disabled.read-only {\n -webkit-text-fill-color: #E9EBEB;\n}\ninput.disabled::selection,\ntextarea.disabled::selection {\n -webkit-text-fill-color: #0E1316;\n}\ntextarea.alternative {\n background-color: transparent;\n}\ntextarea.alternative.disabled:not(.read-only) {\n background-color: transparent;\n border: 1px dashed rgba(255, 255, 255, 0.12);\n color: #7E8588;\n}\ninput[type=\"text\"],\ntextarea {\n / Explicitly set 'user-select' to something other than 'none', otherwise the focus manager /\n / might prevent text selection (scout.focusUtils.isSelectableText()). Some browsers already /\n / provide such a rule in the user style sheet, but some do not (e.g. Chrome 62). /\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\ntextarea {\n / these two properties are required for FF, otherwise the editable textarea is 2px too large, /\n / and the DOM inspector does not include these 2 pixels. /\n margin: 0 auto;\n padding: 7px 10px;\n resize: none;\n / Override default overflow value 'scroll' /\n overflow: auto;\n / IE/Edge: show scrollbars on textarea if the content is too big to fit /\n / overflow:auto alone is not sufficient because -ms-overflow-style could be set on a parent element and textarea inherits this property /\n -ms-overflow-style: auto;\n / remove platform specific styling, mainly used to remove shadow on ios safari /\n -webkit-appearance: none;\n -moz-appearance: none;\n}\ntextarea.alternative {\n border-radius: 3px;\n}\n.input-field {\n padding: 7px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\nbutton {\n padding: 2px 7px;\n margin: 0;\n / reset user agent style, e.g. on safari /\n}\n/ cursor handling /\n/ The following classes are added dynamically while dragging. !important is necessary to override /\n/ any cursor an underlying component defines while moving the mouse. /\n.col-resize,\n.col-resize {\n /* NOSONAR (universal selector is okay here) /\n cursor: col-resize !important;\n / NOSONAR (!important is okay here) /\n}\n.row-resize,\n.row-resize {\n /* NOSONAR (universal selector is okay here) /\n cursor: row-resize !important;\n / NOSONAR (!important is okay here) /\n}\n/ Used to temporarily disable pointer events on iframes while dragging elements /\n.dragging-in-progress {\n pointer-events: none;\n}\n/ remove the dotted border in firefox /\nbutton::-moz-focus-inner {\n border: 0;\n}\n.drag-handle {\n content: '';\n width: 100%;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n margin-top: -5px;\n cursor: move;\n z-index: 10;\n}\n.closer {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 17px;\n cursor: pointer;\n color: #BFC2C3;\n padding: 4px;\n border-radius: 3px;\n}\n.closer::before {\n content: '\\E045';\n}\n.closer:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\n.closer:active,\n.closer.active {\n background-color: rgba(255, 255, 255, 0.18);\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: #7E8588;\n}\n.save-needer::before {\n content: '\\E050';\n}\n/ Used to display errors from server when desktop is not available /\n.fatal-error {\n margin: 10px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.application-loading-root {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background-color: #0E1316;\n pointer-events: none;\n}\n.application-loading-root.fadeout {\n -webkit-animation: application-loading-fade-out 250ms linear 1 forwards;\n -moz-animation: application-loading-fade-out 250ms linear 1 forwards;\n -o-animation: application-loading-fade-out 250ms linear 1 forwards;\n animation: application-loading-fade-out 250ms linear 1 forwards;\n}\n@-webkit-keyframes application-loading-fade-out {\n to {\n opacity: 0;\n }\n}\n@keyframes application-loading-fade-out {\n to {\n opacity: 0;\n }\n}\n.application-loading01 {\n height: 80px;\n width: 80px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.application-loading01::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: 0 0 6px 3px #71b0e8;\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 #62e7ce;\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: #71b0e8;\n text-decoration: none;\n cursor: pointer;\n}\na:hover,\n.link:hover,\n.app-link:hover {\n color: #9dc8ef;\n}\na:active,\n.link:active,\n.app-link:active,\na.active,\n.link.active,\n.app-link.active {\n color: #b3d5f3;\n}\na:focus,\n.link:focus,\n.app-link:focus {\n outline-color: #71b0e8;\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n}\n.font-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.white-space-nowrap {\n white-space: nowrap;\n}\n.startup-error {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n margin: 100px 50px;\n padding: 20px;\n border: 1px solid #FF8888;\n background-color: #252F34;\n border-radius: 12px;\n}\n.startup-error-title {\n font-weight: bold;\n padding-bottom: 10px;\n}\n/ --- z-index --- /\n/ Rule: All child elements of .scout get the same z-index 0 assigned. This spawns a new stacking context for each /\n/ of these elements (iff they are \"positioned\"). To bring a new element to the top, add it to the end of the list. /\n/ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context /\n.scout > .desktop-navigation,\n.scout > .desktop-header,\n.scout > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .popup-window,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .notifications {\n z-index: 0;\n}\nnoscript {\n display: block;\n}\nnoscript > .wrapper > .box-content > h1 {\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 13px;\n}\n/ Internet explorer applies the -ms-user-select setting: none (inherited from body) also to iframe contents.\n * Other browsers do not, websites within an iframe should decide on their own if they are selectable (or not).\n * Reset to default.\n /\niframe {\n -ms-user-select: element;\n}\n.error-popup-correlation-id {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 11px;\n color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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 rgba(255, 255, 255, 0.12);\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(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.accordion.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.action {\n cursor: pointer;\n}\n.action:hover {\n color: #71b0e8;\n}\n.action:active {\n color: #71b0e8;\n}\n.action.disabled {\n color: #7E8588;\n cursor: default;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #71b0e8;\n background-color: transparent;\n --border-color: #71b0e8;\n border: 1px solid var(--border-color);\n border-radius: 3px;\n cursor: pointer;\n padding: 2px 7px;\n}\n.button.borderless {\n background-color: transparent;\n border: 0;\n}\n.button.borderless:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #1b64a5;\n}\n.button > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.button > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.button > .icon.with-label {\n margin-right: 8px;\n}\n.button > .icon.loading,\n.button > .icon.broken {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.button > .icon.image-icon {\n max-height: 100%;\n}\n.button > .font-icon {\n font-size: 16px;\n}\n.button > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.selected.button > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.button > .button-label,\n.button > .icon,\n.button > .submenu-icon {\n opacity: 1;\n transition: opacity 250ms;\n}\n.button:hover {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.button:active,\n.button.active {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.button.selected {\n color: #0E1316;\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.button.selected:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.button.selected.active,\n.button.selected:active {\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.button.selected.has-popup {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.button:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.button.default {\n background-color: #71b0e8;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #71b0e8;\n color: #0E1316;\n}\n.button.default:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.button.default:active,\n.button.default.active {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.button.default.selected {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.button.default:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.button:disabled,\n.button.disabled {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n cursor: default;\n}\n.button:disabled:hover,\n.button.disabled:hover,\n.button:disabled.active,\n.button.disabled.active,\n.button:disabled:active,\n.button.disabled:active,\n.button:disabled.selected,\n.button.disabled.selected {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n}\n.button:disabled.selected,\n.button.disabled.selected {\n color: #0E1316;\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.button:disabled.selected.has-popup,\n.button.disabled.selected.has-popup {\n color: #7E8588;\n background-color: rgba(255, 255, 255, 0.18);\n border-color: rgba(255, 255, 255, 0.18);\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(113, 176, 232, 0.8) solid;\n width: 20px;\n height: 20px;\n}\n.button.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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 rgba(255, 255, 255, 0.12);\n border-radius: 12px;\n background-color: #2E3C41;\n max-width: 450px;\n margin: 0 auto;\n padding: 45px 95px 50px 95px;\n box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2);\n font-size: 14px;\n}\n.box-content > .header {\n text-align: center;\n}\n.box-content > .header > .logo {\n margin-top: 4px;\n margin-bottom: 40px;\n max-height: 30px;\n}\n.box-content.small > .header > .logo {\n max-width: 50%;\n}\n.box-content > .button-bar {\n padding-top: 32px;\n text-align: center;\n}\n.box-content > .button-bar > .button {\n padding: 7px 7px;\n font-size: 14px;\n}\n.box-content.centered {\n text-align: center;\n}\n@media (max-width: 490px) {\n .box-content {\n padding: 40px;\n margin-left: 10px;\n margin-right: 10px;\n }\n .box-content > .header > .logo {\n margin-bottom: 30px;\n margin-top: 0;\n }\n}\n@media (max-height: 400px) {\n .box-content {\n padding-top: 25px;\n padding-bottom: 25px;\n }\n .box-content > .header > .logo {\n margin-bottom: 20px;\n margin-top: 0;\n }\n}\n@media (max-height: 700px) {\n .box {\n height: calc(100% - 15px 2);\n }\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.box-buttons > .box-button {\n padding: 6px 16px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-right: 16px;\n min-width: 104px;\n}\n.box-buttons > .box-button:last-child {\n margin-right: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.check-box {\n cursor: pointer;\n position: relative;\n display: inline-block;\n text-align: center;\n width: 18px;\n height: 18px;\n border: 1px solid #7E8588;\n border-radius: 3px;\n background-color: transparent;\n}\n.check-box:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.check-box.checked {\n background-color: #71b0e8;\n border-color: #71b0e8;\n color: #0E1316;\n}\n.check-box.checked::before {\n position: absolute;\n display: block;\n line-height: 18px;\n width: 16px;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E005';\n font-size: 11px;\n}\n.check-box.undefined {\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.check-box.undefined::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: #0E1316;\n}\n.check-box.disabled {\n cursor: default;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.check-box.disabled.checked {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.check-box.disabled.undefined {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n#scout .checkbox-checked-disabled {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.calendar {\n white-space: nowrap;\n padding-left: 0;\n}\n.calendar-scrollable-components {\n height: 100%;\n}\n.calendar-header {\n position: relative;\n display: block;\n white-space: nowrap;\n padding: 8px 20px 12px 0;\n}\n.calendar-header > .busyindicator-label {\n display: table-cell;\n vertical-align: middle;\n text-indent: 0;\n}\n.calendar-header.mobile {\n padding-right: 6px;\n}\n.calendar-header-row {\n display: table;\n width: 100%;\n}\n.calendar-header-row.last {\n padding-top: 10px;\n}\n.calendar-range {\n display: table-cell;\n vertical-align: middle;\n padding-left: 8px;\n width: 1%;\n}\n.calendar-previous,\n.calendar-today,\n.calendar-next {\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n height: 30px;\n color: #E9EBEB;\n background-color: transparent;\n border: 1px solid rgba(255, 255, 255, 0.25);\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: #71b0e8;\n}\n.calendar-today {\n padding-left: 15px;\n padding-right: 15px;\n}\n.calendar-title {\n display: table-cell;\n vertical-align: middle;\n color: #E9EBEB;\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: #71b0e8;\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: #E9EBEB;\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: #E9EBEB;\n text-align: center;\n}\n.calendar-commands {\n display: table-cell;\n vertical-align: middle;\n text-align: right;\n white-space: nowrap;\n}\n.calendar-mode,\n.calendar-toggle-year,\n.calendar-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: 30px;\n line-height: 29px;\n cursor: pointer;\n}\n.calendar-mode {\n padding: 0 8px;\n min-width: 65px;\n border-top: 1px solid rgba(255, 255, 255, 0.25);\n border-bottom: 1px solid rgba(255, 255, 255, 0.25);\n border-left: 1px solid rgba(255, 255, 255, 0.25);\n}\n.calendar-mode.first {\n border-left: 1px solid rgba(255, 255, 255, 0.25);\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.calendar-mode.last {\n border-right: 1px solid rgba(255, 255, 255, 0.25);\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.calendar-mode:hover {\n color: #71b0e8;\n}\n.calendar-mode.selected {\n color: #E9EBEB;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.calendar-mode-menu {\n padding: 5px 12px;\n border: 1px solid rgba(255, 255, 255, 0.25);\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: #71b0e8;\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: #E9EBEB;\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: #E9EBEB;\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: #b9d2ea;\n / Colors for type Appointment /\n / Colors for type Task /\n}\n.calendar-component:not(.component-task):not(.component-month) {\n border-bottom: 2px solid transparent;\n}\n.calendar-component > .content {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.calendar-component > .content > .icon {\n padding-right: 3px;\n font-size: 14px;\n display: inline-block;\n min-width: 20px;\n}\n.calendar-component > .content > .subject {\n vertical-align: top;\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: #97c3ec;\n / Default colors used when component has no specific class /\n}\n.calendar-component:hover {\n background-color: #97c3ec;\n}\n.calendar-component:hover > .calendar-component-leftcolorborder {\n background-color: #1561A7;\n}\n.calendar-component.comp-selected {\n background-color: #71b0e8;\n}\n.calendar-component.comp-selected > .calendar-component-leftcolorborder {\n background-color: #1561A7;\n}\n.calendar-component.calendar-appointment {\n background-color: #fcdec2;\n}\n.calendar-component.calendar-appointment > .calendar-component-leftcolorborder {\n background-color: #FFBE6B;\n}\n.calendar-component.calendar-appointment:hover {\n background-color: #ffd197;\n}\n.calendar-component.calendar-appointment:hover > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-appointment.comp-selected {\n background-color: #FFBE6B;\n}\n.calendar-component.calendar-appointment.comp-selected > .calendar-component-leftcolorborder {\n background-color: #FE9915;\n}\n.calendar-component.calendar-task {\n background-color: #c2eee5;\n}\n.calendar-component.calendar-task > .calendar-component-leftcolorborder {\n background-color: #62e7ce;\n}\n.calendar-component.calendar-task:hover {\n background-color: #9ee8da;\n}\n.calendar-component.calendar-task:hover > .calendar-component-leftcolorborder {\n background-color: #62e7ce;\n}\n.calendar-component.calendar-task.comp-selected {\n background-color: #62e7ce;\n}\n.calendar-component.calendar-task.comp-selected > .calendar-component-leftcolorborder {\n background-color: #1FC9AA;\n}\n.widget-popup > .calendar-component-tooltip-content.tooltip-content {\n padding: 0;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n max-width: 300px;\n max-height: 500px;\n}\n.calendar-component-header {\n padding: 18px 18px 10px 18px;\n background-color: #1F2428;\n}\n.calendar-component-header:not(.with-description) {\n padding-bottom: 18px;\n}\n.calendar-component-title-label {\n color: #A7ACAD;\n font-size: 11px;\n padding-bottom: 4px;\n}\n.calendar-component-title {\n font-weight: bold;\n font-size: 14px;\n}\n.calendar-component-intro {\n font-size: 11px;\n margin-top: 9px;\n color: #7E8588;\n}\n.calendar-component-intro > .icon {\n padding-right: 9px;\n display: inline-block;\n font-size: 12px;\n line-height: 15px;\n min-width: 27px;\n text-align: center;\n vertical-align: middle;\n}\n.calendar-component-description-container {\n padding: 10px 18px 18px 18px;\n}\n.calendar-component-description-element {\n display: flex;\n align-items: center;\n}\n.calendar-component-description-element > .icon {\n padding-right: 9px;\n display: inline-block;\n min-width: 27px;\n vertical-align: top;\n text-align: center;\n}\n.calendar-component-description-element > .text {\n display: inline-block;\n vertical-align: top;\n}\n.calendar-component-description-element:not(.first) {\n padding-top: 10px;\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n}\n.calendar-component-description-element:not(.last) {\n padding-bottom: 10px;\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: #E9EBEB;\n}\n.calendar-list > .calendar-component > .content {\n width: 100%;\n white-space: normal;\n line-height: normal;\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: #E9EBEB;\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: rgba(255, 255, 255, 0.12);\n}\n.calendar-grids {\n display: inline-block;\n vertical-align: top;\n overflow: hidden;\n}\n.calendar-grid {\n display: block;\n height: calc(100% - 25px);\n padding-right: 20px;\n}\n.calendar-grid + .scroll-shadow {\n --scroll-shadow-inset-right: 20px;\n}\n.calendar-grid.mobile {\n padding-right: 6px;\n}\n.calendar-grid.mobile + .scroll-shadow {\n --scroll-shadow-inset-right: 6px;\n}\n.calendar-grid.calendar-grid-short {\n height: calc(100% - 105px);\n}\n.calendar-top-grid {\n display: block;\n overflow: hidden;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\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: #A7ACAD;\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: #A7ACAD;\n}\n.calendar-day.weekend::before {\n color: #71b0e8;\n}\n.calendar-day.weekend-out {\n background-color: transparent;\n}\n.calendar-day.weekend-out::before {\n color: #71b0e8;\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 position: relative;\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: #252F34;\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 #AD6200;\n border-radius: 50%;\n background-color: #AD6200;\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 #71b0e8;\n border-radius: 50%;\n background-color: #71b0e8;\n color: #0E1316;\n}\n.calendar-week-name {\n font-size: 11px;\n color: #A7ACAD;\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: rgba(255, 255, 255, 0.12);\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: rgba(255, 255, 255, 0.12);\n}\n.calendar-day-name::before {\n position: absolute;\n content: attr(data-day-name);\n color: #A7ACAD;\n left: 7px;\n bottom: 0;\n z-index: 1;\n / draw over calendar items /\n line-height: 25px;\n}\n.calendar-week-axis {\n position: absolute;\n left: 39px;\n width: calc(100% - 45px + 6px);\n}\n.calendar-week-axis:not(.first)::after {\n position: absolute;\n height: 1px;\n width: 100%;\n content: '';\n background-color: rgba(255, 255, 255, 0.07);\n}\n.calendar-week-axis:not(.first).hour::after {\n background-color: rgba(255, 255, 255, 0.2);\n}\n.calendar-week-axis:not(.first)::before {\n position: absolute;\n font-size: 12px;\n left: -35px;\n top: -8px;\n color: #A7ACAD;\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: rgba(255, 255, 255, 0.12);\n}\n.calendar-week-task::before {\n position: absolute;\n font-size: 11px;\n top: 28px;\n left: 7px;\n color: #A7ACAD;\n content: attr(data-axis-name);\n}\n.calendar-range-selector {\n background-color: #71b0e8;\n position: absolute;\n opacity: 0.3;\n width: 100%;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.year-panel-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n overflow: hidden;\n position: relative;\n}\n.year-panel-title {\n position: relative;\n margin-left: 10px;\n width: calc(100% - 40px);\n height: 25px;\n white-space: nowrap;\n}\n.year-panel-title > .year-title-item {\n display: inline-block;\n padding-right: 15px;\n line-height: 25px;\n color: #7E8588;\n cursor: pointer;\n font-weight: bold;\n}\n.year-panel-title > .year-title-item.selected {\n color: #E9EBEB;\n cursor: default;\n}\n.year-panel-title > .year-title-item:hover {\n color: #E9EBEB;\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: rgba(255, 255, 255, 0.12);\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: #E9EBEB;\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: rgba(113, 176, 232, 0.2);\n}\n.year-panel-list > .year-month > .year-day.year-range {\n background-color: rgba(113, 176, 232, 0.2);\n}\n.year-panel-list > .year-month > .year-day.year-range-day {\n background-color: #71b0e8;\n color: #0E1316;\n}\n.year-panel-list > .year-month > .year-day.year-hover-day {\n background-color: #71b0e8;\n color: #0E1316;\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: #E9EBEB;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.date-picker-popup {\n position: absolute;\n width: 290px;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n overflow: hidden;\n}\n.date-picker {\n position: relative;\n}\n.date-picker.touch-only :not(.selected):not(.disabled):not(:active):hover {\n background-color: inherit;\n}\n.date-picker-scrollable {\n position: relative;\n width: 100%;\n}\n.date-picker-month-box {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n.date-picker-month {\n width: 100%;\n padding: 0 13px 13px 13px;\n}\n.date-picker-weekdays {\n color: #A7ACAD;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n}\n.date-picker-weekday {\n display: inline-flex;\n height: 36px;\n width: 32px;\n margin: 2px;\n justify-content: center;\n padding-top: 7px;\n}\n.date-picker-week {\n display: flex;\n justify-content: space-between;\n}\n.date-picker-day {\n display: inline-flex;\n width: 32px;\n height: 32px;\n margin: 2px;\n border-radius: 6px;\n justify-content: center;\n align-items: center;\n}\n.date-picker-day.date-picker-out,\n.date-picker-day.date-picker-out-weekend {\n color: #A7ACAD;\n}\n.date-picker-day.date-picker-day-weekend-separator {\n margin-left: 5px;\n}\n.date-picker-day.date-picker-now {\n color: #AD6200;\n font-weight: bold;\n}\n.date-picker-day.date-picker-now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n}\n.date-picker-day.preselected {\n background-color: rgba(255, 255, 255, 0.08);\n}\n.date-picker-day:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.date-picker-day:active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.date-picker-day.selected {\n color: #0E1316;\n background-color: #71b0e8;\n font-weight: bold;\n}\n.date-picker-day.selected.date-picker-now > .text {\n border-bottom-color: #0E1316;\n}\n.date-picker-day.disabled {\n color: #7E8588;\n background-color: inherit;\n}\n.date-picker-header {\n padding: 17px 10px 14px 10px;\n}\n.date-picker-separator {\n position: absolute;\n top: 98px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid #A7ACAD;\n}\n.date-picker-weekend-separator {\n position: absolute;\n top: 38px;\n height: calc(100% - 13px - 36px - 2px - 2px);\n width: 0;\n border-right: 1px #A7ACAD solid;\n}\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 18px;\n line-height: 30px;\n margin-top: 1px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n width: 26px;\n height: 26px;\n margin: 3px 2px 6px 2px;\n padding-top: 4px;\n color: #A7ACAD;\n border-radius: 3px;\n display: flex;\n justify-content: center;\n cursor: pointer;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 17px;\n}\n.date-picker-left-y:hover,\n.date-picker-left-m:hover,\n.date-picker-right-y:hover,\n.date-picker-right-m:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.date-picker-left-y:active,\n.date-picker-left-m:active,\n.date-picker-right-y:active,\n.date-picker-right-m:active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.date-picker-left-y {\n float: left;\n margin-left: 5px;\n}\n.date-picker-left-m {\n float: left;\n}\n.date-picker-left-y::before {\n content: '\\E010';\n}\n.date-picker-left-m::before {\n content: '\\E012';\n}\n.date-picker-right-y {\n float: right;\n margin-right: 7px;\n}\n.date-picker-right-m {\n float: right;\n}\n.date-picker-right-y::before {\n content: '\\E011';\n}\n.date-picker-right-m::before {\n content: '\\E013';\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n.desktop:focus {\n outline: none;\n}\n.desktop.has-navigation-handle > .splitter {\n height: calc(100% - 50px);\n}\n.desktop.in-background {\n background-color: #1F2428;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-logo {\n position: absolute;\n top: 0;\n right: 0;\n margin: 16px;\n background-color: transparent;\n}\n.desktop-logo.clickable {\n cursor: pointer;\n}\n.desktop-logo > .image {\n height: 32px;\n min-width: 0;\n border: 1px solid transparent;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.dense {\n / FormField.less /\n / SmartField.less /\n / MenuBar.less /\n / GroupBox.less /\n / TabBox.less /\n / TableHeader.less /\n / Table.less /\n / TableFooter.less /\n / DesktopBench.less /\n / ContextMenuPopup.less /\n / CheckBoxField.less /\n / main.less /\n / Button /\n / RadioButton.less /\n / LabelField.less /\n / Tree.less /\n / Outline.less /\n / ValueField.less /\n / TagBar.less /\n / use default margin in the overflow popup, otherwise the tags sit on each other /\n / TagField.less /\n / BreadcrumbItem.less /\n}\n.dense .form-field > label {\n padding-top: 4px;\n / @borderless-field-padding-y; /\n padding-bottom: 4px;\n / @borderless-field-padding-y; /\n}\n.dense .smart-field > .field > .multiline-lines,\n.dense .smart-field.read-only > .field > .multiline-lines,\n.dense .smart-field.alternative > .field > .multiline-lines {\n line-height: 15px;\n padding-top: 2px;\n / padding: 3px @text-field-padding-x; /\n padding-bottom: 2px;\n}\n.dense .proposal-chooser > .active-filter,\n.dense .proposal-chooser > .status {\n height: 30px;\n}\n.dense .proposal-chooser > .active-filter > .radiobutton-group {\n height: 30px;\n}\n.dense .proposal-chooser > .active-filter > .radiobutton-group > .radiobutton-group-body {\n height: 30px;\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .menu-item,\n.dense .menubar:not(.main-menubar) > .menubar-box > .combo-menu > .menu-item {\n padding-top: 3px;\n / @menubar-item-padding-y; /\n padding-bottom: 3px;\n / @menubar-item-padding-y; /\n / By making sure menu items are always at least the same height as form fields, it is easier to align them with each other, especially when zoomed /\n min-height: 24px;\n / @logical-grid-row-height; /\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .menu-button,\n.dense .menubar:not(.main-menubar) > .menubar-box > .combo-menu > .menu-button {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .combo-menu {\n padding: 0;\n}\n.dense .menubar:not(.main-menubar) > .menubar-box > .form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n.dense .group-box-header {\n margin-top: 6px;\n / @group-box-title-margin-top; /\n}\n.dense .group-box-header > .title {\n padding-top: 6px;\n / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 6px;\n}\n.dense .group-box-body {\n padding-top: 10px;\n / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 8px;\n / redefine /\n}\n.dense .group-box-body.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n}\n.dense .tab-box-header {\n margin-top: 6px;\n / @group-box-title-margin-top; /\n}\n.dense .tab-item > .title {\n padding-top: 6px;\n / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 6px;\n}\n.dense .overflow-tab-item.menu-item {\n padding-top: 4px;\n / padding: @tab-item-title-padding-top - 2px @tab-item-padding-x - 8px @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\n}\n.dense .table-header-item {\n margin-top: 2px;\n / margin: @table-header-item-margin-y @table-header-item-margin-x /\n margin-bottom: 2px;\n min-height: 24px;\n / min-height: @table-header-item-min-height; /\n}\n.dense .table-header-resize {\n padding-top: 4px;\n / 8px 8px; /\n padding-bottom: 4px;\n}\n.dense .table,\n.dense .detail-table.table {\n --table-row-padding-y: 4px;\n}\n.dense .table-cell.table-node > .table-row-control {\n / padding: @table-row-padding-y 8px @table-row-padding-y @table-row-control-padding-left; /\n padding-top: 6px;\n}\n.dense .table-control-resize {\n height: 12px;\n}\n.dense .detail-table.table > .table-header > .table-header-item {\n margin-top: 2px;\n margin-bottom: 2px;\n min-height: 24px;\n}\n.dense .context-menu > .menu-item,\n.dense .context-menu > .combo-menu > .menu-item {\n padding-top: 6px;\n / padding: 11px 15px; /\n padding-bottom: 6px;\n}\n.dense .context-menu > .combo-menu {\n padding: 0;\n}\n.dense .check-box-field > .field {\n padding-top: 2px;\n / padding: 6px 0; /\n padding-bottom: 2px;\n}\n.dense .input-field {\n padding-top: 2px;\n / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 2px;\n}\n.dense .button-field > .button {\n padding-top: 0;\n / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n min-height: 24px;\n}\n.dense .button-field > .button > .icon {\n padding-top: 0;\n / padding-top: 2px; /\n padding-bottom: 0;\n / padding-bottom: 2px; /\n}\n.dense .radio-button > .field {\n padding-top: 2px;\n / padding: 6px 0; /\n padding-bottom: 2px;\n}\n.dense .radio-button > .field > .label {\n padding-top: 1px;\n / padding-top: @radio-button-label-padding-top; /\n}\n.dense .label-field > .field {\n padding-top: 2px;\n / padding-top: @borderless-field-padding-y; /\n padding-bottom: 2px;\n / padding-bottom: @borderless-field-padding-y; /\n}\n.dense .tree-node {\n padding-top: 3px;\n / padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left; /\n padding-bottom: 3px;\n}\n.dense .tree-node-control {\n padding-top: 4px;\n padding-bottom: 3px;\n}\n.dense .outline.tree > .tree-data > .tree-node,\n.dense .outline.tree > .tree-data > .animation-wrapper > .tree-node {\n padding-top: 6px;\n / padding-top: @outline-node-padding-y; /\n padding-bottom: 6px;\n / padding-bottom: @outline-node-padding-y; /\n}\n.dense .outline.tree > .tree-data > .tree-node > .tree-node-control,\n.dense .outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n padding-top: 6px;\n / padding-top: @outline-node-control-padding-y; /\n}\n.dense .value-field > input,\n.dense .value-field > .input-field,\n.dense .value-field > .field > input,\n.dense .value-field > .field > .input-field,\n.dense .value-field > .file-input {\n / Mainly necessary if label is invisible or on top and use ui height is set -> Makes sure the status is aligned and inputs are always the same height/\n min-height: 24px;\n}\n.dense .tag-element,\n.dense .overflow-icon {\n height: 20px;\n / @tag-field-tag-height /\n line-height: 20px;\n / @tag-field-tag-height /\n margin-top: 0;\n / margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0; /\n}\n.dense .tag-overflow-popup > .popup-body > .tag-element {\n margin-top: 3px;\n}\n.dense .tag-field > .field > input {\n padding-bottom: 1px;\n}\n.dense .breadcrumb-item {\n font-size: 13px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-bench {\n position: absolute;\n top: 0;\n background-color: #252F34;\n border-left: 1px solid rgba(255, 255, 255, 0.12);\n / Make some space for the navigation handle (when the navigation is closed /\n / Only do it if detail-table is at the bottom left corner /\n}\n.navigation-invisible > .desktop-bench {\n border-left: 0;\n}\n.desktop-bench.drop-shadow {\n border-left: 0;\n content: '';\n position: absolute;\n top: 3px;\n left: 0;\n width: 10px;\n height: calc(100% - 3px);\n box-shadow: -8px 0 10px 0 rgba(0, 0, 0, 0.35);\n clip-path: polygon(-100% 0, 200% 0, 200% 200%, -100% 200%);\n}\n.desktop:not(.first-tab-selected):not(.navigation-invisible):not(.view-tab-area-in-bench) > .desktop-bench.drop-shadow {\n border-top-left-radius: 12px;\n overflow: hidden;\n}\n.desktop-bench.animate-remove {\n -webkit-animation-name: slideout-right;\n -moz-animation-name: slideout-right;\n -o-animation-name: slideout-right;\n animation-name: slideout-right;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area {\n background-color: #1F2428;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area::before {\n display: none;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab.last > .edge.right {\n z-index: 0;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab > .sub-title {\n color: #A7ACAD;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area > .desktop-tab > .status-container > .save-needer {\n color: #7E8588;\n}\n.desktop-bench > .bench-column > .simple-tab-box > .simple-tab-area:not(.overflown) > .desktop-tab.last {\n margin-right: 0;\n}\n.desktop-bench.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {\n margin-left: 30px;\n}\n.desktop-bench.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls > .table-control.selected {\n border-left-color: rgba(255, 255, 255, 0.12);\n}\n.desktop-bench > .splitter.x-axis {\n margin-left: -7px;\n margin-right: -7px;\n}\n.desktop-bench.outline-content-has-dimmed-background {\n background-color: #1F2428;\n}\n.detail-table.table {\n --table-row-margin-x: 10px;\n --table-row-padding-y: 10px;\n --table-aggregate-row-padding-y-small: 7px;\n --table-aggregate-row-padding-y-large: 20px;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50px;\n margin-left: -50px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 2px rgba(113, 176, 232, 0.8) solid;\n width: 100px;\n height: 100px;\n}\n.detail-table.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.detail-table.table > .table-header {\n background-color: #1F2428;\n border-bottom-color: rgba(255, 255, 255, 0.12);\n}\n.detail-table.table > .table-header > .table-header-item {\n padding-top: 5px;\n padding-bottom: 5px;\n margin-top: 6px;\n margin-bottom: 6px;\n}\n.detail-table.table > .table-header > .menubar-container > .menubar > .menubar-box > .menu-item.last {\n margin-right: 12px;\n}\n.detail-table.table > .table-footer {\n background-color: #252F34;\n}\n.detail-table.table > .table-data > .scrollbar > .scrollbar-thumb.x-axis {\n padding-top: 4px;\n}\n.detail-table.table > .table-data > .scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,\n.detail-table.table > .table-data > .scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: 2px;\n}\n.detail-table.table > .table-data + .scroll-shadow {\n --scroll-shadow-size: 14px;\n --scroll-shadow-blur: 14px;\n --scroll-shadow-spread: 14px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.group {\n position: relative;\n}\n.group-header {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 0;\n cursor: pointer;\n color: #A7ACAD;\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(113, 176, 232, 0.8) solid;\n width: 16px;\n height: 16px;\n}\n.group-header.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.group-title {\n font-size: 14px;\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.group-header:focus > .group-title {\n color: #71b0e8;\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: rgba(255, 255, 255, 0.12);\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab-box {\n position: absolute;\n min-width: 50px;\n min-height: 50px;\n}\n.simple-tab-box > .simple-tab-area {\n position: relative;\n height: 64px;\n / Has the same effect as \"border-bottom: 1px solid @border-color\", but is over-drawable by child /\n / elements (such as the selected view-tab). The border would not be, because of \"overflow: hidden\". /\n}\n.simple-tab-box > .simple-tab-area::before {\n content: '';\n background-color: rgba(255, 255, 255, 0.12);\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(100% - 1px);\n left: 0;\n}\n.simple-tab-box > .tab-content {\n height: 100%;\n background-color: #252F34;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab-area {\n position: absolute;\n top: 0;\n white-space: nowrap;\n display: flex;\n}\n.simple-tab-area > .simple-overflow-tab-item {\n border-right: 1px solid rgba(255, 255, 255, 0.12);\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n min-width: 30px;\n background-color: #1F2428;\n text-align: center;\n cursor: pointer;\n}\n.simple-tab-area > .simple-overflow-tab-item::after {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E014';\n}\n.simple-tab-area.spread-even:not(.overflown) > .simple-tab {\n flex-grow: 1;\n}\n.simple-tab-area.spread-even:not(.overflown) > .simple-tab.last {\n border-right-width: 0;\n}\n.simple-tab-area.spread-even > .simple-overflow-tab-item {\n border-right-width: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding: 5px;\n background-color: #1F2428;\n border-right: 1px solid rgba(255, 255, 255, 0.12);\n cursor: pointer;\n width: 120px;\n min-width: 60px;\n}\n.simple-tab > .title-line {\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n.closable.simple-tab > .title-line {\n margin-right: 20px;\n}\n.simple-tab > .title-line > .icon-container {\n display: flex;\n}\n.simple-tab > .title-line > .icon-container > .icon {\n margin-right: 6px;\n}\n.simple-tab > .title-line > .icon-container > .icon.font-icon {\n font-size: 14px;\n}\n.simple-tab > .title-line > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n vertical-align: top;\n}\n.simple-tab > .title-line > .status-container {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 4px;\n flex: none;\n max-width: 75%;\n color: #A7ACAD;\n}\n.simple-tab > .title-line > .status-container > .status {\n margin-left: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.simple-tab > .title-line > .status-container > .status.save-needer,\n.simple-tab > .title-line > .status-container > .status.icon {\n flex: none;\n}\n.simple-tab > .title-line > .status-container > .status.message {\n display: none;\n}\n.simple-tab > .title-line > .status-container > .status.notification-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0 4px;\n min-width: 16px;\n min-height: 16px;\n border-radius: 8px;\n font-weight: normal;\n font-size: 11px;\n background: #D53F3F;\n color: #fff;\n}\n.simple-tab > .title-line > .status-container > .status.notification-badge > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.simple-tab > .closer {\n position: absolute;\n top: 0;\n right: 0;\n margin: 5px;\n display: none;\n}\n:hover.simple-tab > .closer,\n.closable.selected.simple-tab > .closer {\n display: inline-block;\n}\n.simple-tab > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding-top: 2px;\n color: #A7ACAD;\n}\n.simple-tab:hover > .title-line > .title {\n color: #71b0e8;\n}\n.simple-tab:active > .title-line > .title {\n color: #71b0e8;\n}\n.simple-tab.disabled {\n cursor: default;\n}\n.simple-tab.disabled > .title-line > .title {\n color: #7E8588;\n}\n.simple-tab.selected {\n cursor: default;\n background-color: #252F34;\n}\n.simple-tab.selected > .title-line > .title {\n color: #E9EBEB;\n}\n.simple-tab > .key-box {\n bottom: 4px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #A7ACAD;\n display: inline;\n margin-right: 6px;\n}\n.carousel-status > .current-item {\n color: #F5F5F5;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.collapse-handle {\n position: absolute;\n display: table;\n z-index: 10;\n bottom: 0;\n margin-bottom: 15px;\n}\n.collapse-handle.right-aligned {\n right: 0;\n}\n.collapse-handle.left-aligned {\n left: 0;\n}\n.collapse-handle-body {\n position: relative;\n display: table-cell;\n padding: 7px 8px;\n background-color: #252F34;\n color: #7E8588;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 8px;\n cursor: pointer;\n}\n.collapse-handle-body::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: block;\n font-size: 16px;\n}\n.collapse-handle-body.left.both-visible {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.collapse-handle-body.left::before {\n content: '\\E012';\n}\n.collapse-handle-body.right.both-visible {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n}\n.collapse-handle-body.right::before {\n content: '\\E013';\n}\n.collapse-handle-body:hover {\n background-color: #3B494F;\n}\n.collapse-handle-body:active,\n.collapse-handle-body.active {\n background-color: #46565e;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tab.simple-tab {\n width: 200px;\n min-width: 130px;\n margin: 8px 3px 0 0;\n padding: 10px 10px 0 20px;\n border-radius: 12px 12px 0 0;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-bottom-width: 0;\n background-color: rgba(0, 0, 0, 0.1);\n}\n.closable.desktop-tab.simple-tab > .title-line {\n margin-right: 25px;\n}\n.desktop-tab.simple-tab > .title-line > .icon-container {\n color: rgba(233, 235, 235, 0.7);\n}\n.desktop-tab.simple-tab > .title-line > .title {\n font-size: 14px;\n}\n.desktop-tab.simple-tab > .title-line > .status-container {\n color: #7E8588;\n}\n.desktop-tab.simple-tab > .title-line > .status-container > .save-needer {\n color: inherit;\n}\n.desktop-tab.simple-tab > .sub-title {\n color: rgba(233, 235, 235, 0.7);\n font-size: 12px;\n letter-spacing: 0.2px;\n padding-top: 1px;\n}\n.desktop-tab.simple-tab > .closer {\n color: rgba(233, 235, 235, 0.7);\n padding: 4px;\n margin: 7px;\n border-radius: 8px;\n}\n.desktop-tab.simple-tab > .closer > .key-box {\n top: 0;\n right: 0;\n}\n.desktop-tab.simple-tab > .closer:hover {\n color: #E9EBEB;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.desktop-tab.simple-tab > .closer:active,\n.desktop-tab.simple-tab > .closer.active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.desktop-tab.simple-tab > .key-box {\n bottom: 9px;\n margin-left: 4px;\n}\n.desktop-tab.simple-tab.animate-modality-highlight {\n -webkit-animation-name: flash-desktop-tab;\n -moz-animation-name: flash-desktop-tab;\n -o-animation-name: flash-desktop-tab;\n animation-name: flash-desktop-tab;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.desktop-tab.simple-tab:hover,\n.desktop-tab.simple-tab:active {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: transparent;\n}\n.desktop-tab.simple-tab:hover > .title-line > .title,\n.desktop-tab.simple-tab:active > .title-line > .title {\n color: inherit;\n}\n.desktop-tab.simple-tab.glasspane-parent {\n pointer-events: unset;\n}\n.desktop-tab.simple-tab.glasspane-parent:not(.disabled):not(.selected):hover {\n background-color: rgba(0, 0, 0, 0.1);\n border-color: rgba(255, 255, 255, 0.12);\n}\n.desktop-tab.simple-tab.glasspane-parent:not(.selected):hover > .closer {\n display: none;\n}\n.desktop-tab.simple-tab.disabled {\n background-color: transparent;\n}\n.desktop-tab.simple-tab.disabled > .title-line > .title {\n color: rgba(255, 255, 255, 0.4);\n}\n.desktop-tab.simple-tab.selected {\n background-color: #252F34;\n border-color: transparent;\n}\n.desktop-tab.simple-tab.selected > .title-line > .icon-container {\n color: #A7ACAD;\n}\n.desktop-tab.simple-tab.selected > .title-line > .title {\n color: #E9EBEB;\n font-weight: bold;\n}\n.desktop-tab.simple-tab.selected > .title-line > .status-container {\n color: #A7ACAD;\n}\n.desktop-tab.simple-tab.selected > .title-line > .status-container > .save-needer {\n color: #7E8588;\n}\n.desktop-tab.simple-tab.selected > .sub-title {\n color: #A7ACAD;\n}\n.desktop-tab.simple-tab.selected > .closer {\n color: #BFC2C3;\n}\n.desktop-tab.simple-tab.selected > .closer:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\n.desktop-tab.simple-tab.selected > .closer:active,\n.desktop-tab.simple-tab.selected > .closer.active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.desktop-tab.simple-tab.selected > .edge {\n --color: #252F34;\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -5px;\n height: 12px;\n width: 12px;\n box-sizing: content-box;\n border: 5px solid var(--color);\n border-top: none;\n}\n.desktop-tab.simple-tab.selected > .edge.left {\n left: -12px;\n border-bottom-right-radius: 17px;\n border-left: none;\n}\n.desktop-tab.simple-tab.selected > .edge.right {\n right: -12px;\n border-bottom-left-radius: 17px;\n border-right: none;\n}\n.desktop-tab.simple-tab.selected > .edge.right {\n z-index: 1;\n}\n.desktop-tab.simple-tab.selected.first > .edge.left {\n display: none;\n}\n.desktop-tab.simple-tab.selected.animate-modality-highlight {\n -webkit-animation-name: flash-desktop-tab-selected;\n -moz-animation-name: flash-desktop-tab-selected;\n -o-animation-name: flash-desktop-tab-selected;\n animation-name: flash-desktop-tab-selected;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.desktop-tab.simple-tab.selected.animate-modality-highlight > .edge {\n -webkit-animation-name: flash-desktop-tab-selected-edge;\n -moz-animation-name: flash-desktop-tab-selected-edge;\n -o-animation-name: flash-desktop-tab-selected-edge;\n animation-name: flash-desktop-tab-selected-edge;\n -webkit-animation-duration: 0.4s;\n -moz-animation-duration: 0.4s;\n -o-animation-duration: 0.4s;\n animation-duration: 0.4s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n@-webkit-keyframes flash-desktop-tab {\n 0% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 25% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 50% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 75% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@keyframes flash-desktop-tab {\n 0% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 25% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 50% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n 75% {\n background-color: rgba(0, 0, 0, 0.4);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@-webkit-keyframes flash-desktop-tab-selected {\n 0% {\n background-color: #252F34;\n }\n 25% {\n background-color: #000000;\n }\n 50% {\n background-color: #252F34;\n }\n 75% {\n background-color: #000000;\n }\n 100% {\n background-color: #252F34;\n }\n}\n@keyframes flash-desktop-tab-selected {\n 0% {\n background-color: #252F34;\n }\n 25% {\n background-color: #000000;\n }\n 50% {\n background-color: #252F34;\n }\n 75% {\n background-color: #000000;\n }\n 100% {\n background-color: #252F34;\n }\n}\n@-webkit-keyframes flash-desktop-tab-selected-edge {\n 0% {\n border-color: #252F34;\n }\n 25% {\n border-color: #000000;\n }\n 50% {\n border-color: #252F34;\n }\n 75% {\n border-color: #000000;\n }\n 100% {\n border-color: #252F34;\n }\n}\n@keyframes flash-desktop-tab-selected-edge {\n 0% {\n border-color: #252F34;\n }\n 25% {\n border-color: #000000;\n }\n 50% {\n border-color: #252F34;\n }\n 75% {\n border-color: #000000;\n }\n 100% {\n border-color: #252F34;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tab-area > .simple-overflow-tab-item {\n border-radius: 8px;\n margin: 14px 3px 6px;\n background-color: rgba(0, 0, 0, 0.1);\n border: 1px solid rgba(255, 255, 255, 0.12);\n}\n.desktop-tab-area > .simple-overflow-tab-item:hover {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: transparent;\n}\n.desktop-tab-area > .simple-overflow-tab-item.selected {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: transparent;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-header {\n position: absolute;\n top: 0;\n height: 64px;\n color: #E9EBEB;\n background-color: #0E1316;\n}\n.desktop-header > .simple-tab-area {\n height: 64px;\n}\n.navigation-invisible > .desktop-header > .simple-tab-area > .desktop-tab.selected > .edge.left {\n display: block;\n}\n.navigation-invisible > .desktop-header:not(.has-view-button-box) > .simple-tab-area {\n margin-left: 6px;\n}\n.desktop-header.animate-remove {\n -webkit-animation-name: slideout-right;\n -moz-animation-name: slideout-right;\n -o-animation-name: slideout-right;\n animation-name: slideout-right;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.animate-bring-to-front,\n.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.animate-bring-to-back {\n animation-duration: 0s;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab.selected {\n background-color: rgba(255, 255, 255, 0.12);\n color: inherit;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-button:hover,\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu:hover {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu::before {\n height: 100%;\n border-color: #0E1316;\n top: 0;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu:hover > .icon {\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu.selected {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.in-background.desktop-header > .view-button-box > .view-menu-tab > .view-menu.selected > .icon {\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.selected {\n color: inherit;\n background-color: transparent;\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.in-background.desktop-header > .view-button-box > .view-tab-wrapper > .view-tab.disabled {\n background-color: transparent;\n}\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-tab-wrapper > .view-tab.selected,\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-menu-tab.selected {\n background-color: #1F2428;\n}\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-tab-wrapper > .view-tab.selected > .edge,\n.outline-content-has-dimmed-background.desktop-header:not(.in-background) > .view-button-box > .view-menu-tab.selected > .edge {\n --color: #1F2428;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-navigation {\n position: absolute;\n height: 100%;\n width: 290px;\n min-width: 49px;\n background-color: #0E1316;\n color: #E9EBEB;\n}\n.desktop-navigation > .desktop-tool-box {\n right: 0;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item {\n margin-bottom: 6px;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item > .font-icon {\n font-size: 20px;\n}\n.desktop-navigation > .desktop-tool-box > .menu-item.ellipsis > .font-icon {\n font-size: 22px;\n}\n.desktop-navigation.view-button-box-invisible > .desktop-tool-box > .menu-item {\n margin-bottom: 14px;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title {\n background-color: #0E1316;\n border-bottom: 0;\n color: #E9EBEB;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title.measure {\n display: inline-flex;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title.touch:active {\n background-color: #0E1316;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title > .text {\n flex-grow: 0;\n}\n.desktop-navigation.view-button-box-invisible > .navigation-body > .outline > .outline-title > .menubar > .menubar-box > .menu-item {\n color: #E9EBEB;\n}\n.desktop-navigation-breadcrumb {\n width: 240px;\n}\n.navigation-body {\n position: absolute;\n background-color: #252F34;\n}\n.desktop-navigation.in-background > .navigation-body {\n background-color: #1F2428;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-navigation-handle.collapse-handle {\n position: absolute;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body {\n background-color: #252F34;\n border-color: rgba(255, 255, 255, 0.25);\n color: #7E8588;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body:hover {\n background-color: #3B494F;\n}\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body:active,\n.desktop-navigation-handle.collapse-handle > .collapse-handle-body.active {\n background-color: #46565e;\n}\n.desktop-navigation-handle.collapse-handle.right-aligned.both-visible {\n right: 5px;\n}\n.desktop-navigation-handle.collapse-handle.right-aligned:not(.both-visible) > .collapse-handle-body {\n border-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n.desktop-navigation-handle.collapse-handle.left-aligned.both-visible {\n right: 5px;\n}\n.desktop-navigation-handle.collapse-handle.left-aligned:not(.both-visible) > .collapse-handle-body {\n border-left: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n.navigation-handle-key-box {\n margin-top: -6px;\n}\n.navigation-handle-key-box.left {\n margin-right: -4px;\n}\n.navigation-handle-key-box.right {\n margin-left: -4px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-notifications {\n position: fixed;\n right: 10px;\n top: 0;\n height: calc(100% - 72px);\n width: 300px;\n margin-top: 72px;\n pointer-events: none;\n / Don't block access to the elements in the background /\n}\n/ Animation: slide-in /\n@-webkit-keyframes desktop-notification-slide-in {\n 0% {\n left: 300px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 10px;\n }\n}\n@keyframes desktop-notification-slide-in {\n 0% {\n left: 300px;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: 10px;\n }\n}\n/\n Slides in the notification from the right end of the screen\n * and increases the size of the bottom margin to move down existing\n * notifications.\n /\n.desktop-notification-slide-in {\n -webkit-animation-name: desktop-notification-slide-in;\n -moz-animation-name: desktop-notification-slide-in;\n -o-animation-name: desktop-notification-slide-in;\n animation-name: desktop-notification-slide-in;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Animation: fade-out /\n@-webkit-keyframes desktop-notification-fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n@keyframes desktop-notification-fade-out {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n.desktop-notification-fade-out {\n -webkit-animation-name: desktop-notification-fade-out;\n -moz-animation-name: desktop-notification-fade-out;\n -o-animation-name: desktop-notification-fade-out;\n animation-name: desktop-notification-fade-out;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n.desktop-notification {\n position: relative;\n width: 300px;\n display: flex;\n align-items: center;\n background-color: #3B494F;\n margin-bottom: 10px;\n padding: 8px 0 8px 10px;\n border-radius: 8px;\n pointer-events: auto;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / Prevent overlay of text/loader and close icon /\n}\n.desktop-notification.no-icon {\n padding: 16px 12px 16px 23px;\n}\n.desktop-notification.closable {\n padding-right: 35px;\n}\n.desktop-notification-content {\n max-width: 100%;\n}\n.has-icon > .desktop-notification-content {\n max-width: calc(100% - 40px);\n margin-left: 10px;\n}\n.ok > .desktop-notification-content {\n color: #62e7ce;\n font-weight: bold;\n}\n.no-icon.ok > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #62e7ce;\n background-color: #62e7ce;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px 2);\n}\n.no-icon.info > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #71b0e8;\n background-color: #71b0e8;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.warning > .desktop-notification-content {\n color: #FFBE6B;\n font-weight: bold;\n}\n.no-icon.warning > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #FFBE6B;\n background-color: #FFBE6B;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.error > .desktop-notification-content {\n color: #FF8888;\n font-weight: bold;\n}\n.no-icon.error > .desktop-notification-content::before {\n content: '';\n position: absolute;\n border: 2px solid #FF8888;\n background-color: #FF8888;\n margin: 7px 0 7px 8px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px * 2);\n}\n.desktop-notification-content > .closer {\n position: absolute;\n padding: 4px;\n margin: 2px;\n right: 9px;\n top: 9px;\n}\n.desktop-notification-content > .closer:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.ok > .desktop-notification-content > .closer {\n color: #62e7ce;\n}\n.warning > .desktop-notification-content > .closer {\n color: #FFBE6B;\n}\n.error > .desktop-notification-content > .closer {\n color: #FF8888;\n}\n.desktop-notification-message {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.desktop-notification.loading > .desktop-notification-content.offline-message > .desktop-notification-message.offline-message-text {\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 13px;\n color: #E9EBEB;\n}\n.desktop-notification-loader {\n flex-grow: 0;\n flex-shrink: 0;\n}\n.desktop-notification-loader.animated::after {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n margin-top: -3px;\n margin-left: 16px;\n margin-right: 10px;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 14px;\n height: 14px;\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.outline.tree > .tree-data {\n padding-top: 16px;\n}\n.outline.tree > .tree-data > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 2px;\n}\n.outline.tree > .tree-data > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.outline.tree > .tree-data > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 0;\n}\n.outline.tree > .tree-data > .key-box {\n top: 7px;\n}\n.outline.tree > .tree-data > .tree-node,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node {\n background-color: transparent;\n cursor: pointer;\n border: 0;\n / padding-right is used to leave some space for the scrollbar /\n padding: 9px 8px 9px 37px;\n}\n.outline.tree > .tree-data > .tree-node.group,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: #2E3C41;\n}\n.outline.tree > .tree-data > .tree-node > .text,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .text {\n font-size: 13px;\n}\n.outline.tree > .tree-data > .tree-node > .image-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .image-icon {\n margin-top: auto;\n}\n.outline.tree > .tree-data > .tree-node > .font-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .font-icon {\n line-height: 15px;\n font-size: 16px;\n color: #7E8588;\n}\n.outline.tree > .tree-data > .tree-node > .menubar,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .menubar {\n border: 0;\n background-color: inherit;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n padding-top: 9px;\n padding-left: 20px;\n line-height: 15px;\n color: #7E8588;\n}\n.outline.tree > .tree-data > .tree-node > .tree-node-control:hover,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control:hover {\n color: #FE9915;\n}\n.outline.tree > .tree-data > .tree-node.selected,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.outline.tree > .tree-data > .tree-node.selected::after,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected::after {\n display: none;\n}\n.outline.tree > .tree-data > .tree-node.selected > .tree-node-control,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control {\n color: rgba(14, 19, 22, 0.7);\n}\n.outline.tree > .tree-data > .tree-node.selected > .tree-node-control:hover,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control:hover {\n color: #FE9915;\n}\n.outline.tree > .tree-data > .tree-node.selected > .font-icon,\n.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .font-icon {\n color: #2E3C41;\n}\n.outline.tree.in-background > .tree-data > .tree-node.group,\n.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.group {\n background-color: #2C363A;\n}\n.outline.tree.in-background > .tree-data > .tree-node.selected,\n.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #7E8588;\n color: #0E1316;\n}\n.outline-title {\n cursor: pointer;\n color: #71b0e8;\n font-size: 19px;\n padding: 0 20px 0 20px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n display: flex;\n align-items: center;\n height: 64px;\n}\n.outline-title > .icon {\n padding-right: 10px;\n}\n.outline-title > .key-box {\n top: 19px;\n}\n.outline-title > .text {\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.outline-title > .menubar {\n background-color: transparent;\n border: none;\n width: auto;\n flex-grow: 0;\n margin-right: -10px;\n}\n.outline-title > .menubar > .menubar-box > .menu-item.first {\n margin-left: 4px;\n}\n.outline-title > .menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n/ bread crumb style (different colors and bigger font and arrow than original breadcrumb style) /\n.outline.tree.breadcrumb > .outline-title {\n margin: 0;\n border-bottom-color: #3B494F;\n}\n.outline.tree.breadcrumb > .outline-title.touch:active {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.outline.tree.breadcrumb > .tree-data {\n padding-top: 0;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n border-bottom: 1px solid #3B494F;\n padding: 12px 20px;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected {\n background-color: #252F34;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected {\n background-color: transparent;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.child-of-selected:active,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected:active {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected {\n color: #BFC2C3;\n background-color: #252F34;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected {\n background-color: transparent;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node:active,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #71b0e8;\n color: #0E1316;\n cursor: default;\n}\n.in-background.outline.tree.breadcrumb > .tree-data > .tree-node.selected,\n.in-background.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n background-color: #7E8588;\n}\n.outline.tree.breadcrumb > .tree-data > .tree-node.selected > .text > .compact-cell-header > .compact-cell-subtitle,\n.outline.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected > .text > .compact-cell-header > .compact-cell-subtitle {\n color: #2E3C41;\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: #3B494F;\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: #3B494F;\n}\n.compact.outline.breadcrumb > .outline-title {\n padding-left: 16px;\n padding-right: 16px;\n}\n.compact.outline.breadcrumb > .outline-title > .menubar {\n margin-right: -8px;\n}\n.compact.outline.breadcrumb > .tree-data {\n background-color: #1F2428;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n padding: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .text,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .text {\n display: inline-block;\n padding: 14px 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.has-icon > .text,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node.has-icon > .text {\n padding-left: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .icon,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .icon {\n padding: 14px 8px 14px 16px;\n min-width: 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .node-menubar {\n width: auto;\n flex-grow: 0;\n padding: 0 8px 0 0;\n min-height: 43px;\n height: 43px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar > .menubar-box > .menu-item,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .node-menubar > .menubar-box > .menu-item {\n color: inherit;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .node-menubar > .menubar-box > .menu-item.disabled,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .node-menubar > .menubar-box > .menu-item.disabled {\n color: #5d7f93;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-menubar {\n padding: 0 16px 0 16px;\n min-height: 43px;\n margin-left: -8px;\n background-color: #252F34;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-menubar > .menubar-box > .menu-item {\n padding-left: 8px;\n padding-right: 8px;\n margin-left: 2px;\n margin-right: 2px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item.first,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-menubar > .menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item.last,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-menubar > .menubar-box > .menu-item > .icon,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-menubar > .menubar-box > .menu-item > .icon {\n min-width: 16px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-content,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-content {\n background-color: #252F34;\n color: #E9EBEB;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .detail-content.dimmed-background,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .detail-content.dimmed-background {\n background-color: #1F2428;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node > .form > .root-group-box > .group-box-body,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .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.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .form > .right-padding-invisible > .group-box-body {\n padding-right: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n display: flex;\n flex-wrap: wrap;\n background-clip: content-box;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.child-of-selected.animate-prev-selected,\n.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .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.compact.outline.breadcrumb > .tree-data > .animation-wrapper > .tree-node.compact-root:not(.selected) {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data.detail-content-visible > .tree-node > .detail-menubar {\n border-bottom: 1px solid #3B494F;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview {\n background-color: transparent;\n color: #E9EBEB;\n border-bottom: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview.compact-root > .text,\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview.compact-root > .icon {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile-overview-content {\n margin-left: 20px;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .tile-overview-title {\n display: none;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview > .form {\n background-color: transparent;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview > .form > .tile-overview-content {\n margin-top: 0;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview .menu-item {\n color: #E9EBEB;\n}\n.compact.outline.breadcrumb > .tree-data > .tree-node.selected.has-tile-overview ~ .child-of-selected {\n display: none;\n}\n/ Previous Selection Animation /\n@-webkit-keyframes tree-node-prev-selection {\n 00% {\n background-color: rgba(255, 255, 255, 0.12);\n }\n 100% {\n background-color: #252F34;\n }\n}\n/ NOSONAR /\n@keyframes tree-node-prev-selection {\n 00% {\n background-color: rgba(255, 255, 255, 0.12);\n }\n 100% {\n background-color: #252F34;\n }\n}\n/ NOSONAR /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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 rgba(255, 255, 255, 0.12);\n padding: 0 20px 16px 20px;\n}\n.view-button-box-invisible .search-outline-panel {\n padding-top: 14px;\n padding-bottom: 15px;\n}\n.view-button-box-invisible .search-outline-panel > .clear-icon {\n top: 14px;\n}\n.search-outline-field {\n border: 1px solid rgba(255, 255, 255, 0.25);\n height: 34px;\n border-radius: 5px;\n width: 100%;\n}\n.search-outline-field:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.search-outline-field.has-text {\n padding-right: 25px;\n}\n.search-outline-field.has-text + .clear-icon {\n display: flex;\n}\n.search-outline-field + .clear-icon {\n display: none;\n position: absolute;\n margin-right: 5px;\n right: 20px;\n top: 0;\n height: 34px;\n}\n.search-outline-status {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n padding-right: 8px;\n text-align: right;\n padding-top: 12px;\n margin-bottom: -4px;\n}\n.outline.breadcrumb > .search-outline-panel {\n margin-left: 0;\n margin-right: 0;\n margin-bottom: 0;\n border-bottom-color: #3B494F;\n}\n.outline.breadcrumb > .search-outline-panel > .search-outline-status {\n text-align: left;\n padding-left: 8px;\n}\n.compact.outline.breadcrumb > .search-outline-panel {\n padding-left: 16px;\n padding-right: 16px;\n}\n.compact.outline.breadcrumb > .search-outline-panel > .search-outline-field + .clear-icon {\n right: 16px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.navigate-button.menu-button > .font-icon {\n font-size: 18px;\n}\n.navigate-button.up {\n color: #71b0e8;\n border-color: #71b0e8;\n}\n.menubar-box > .menu-button.navigate-button.up {\n margin-right: 6px;\n}\n.menubar-box > .menu-button.navigate-button.down.left-of-button {\n margin-right: 16px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.outline-overview {\n position: relative;\n height: 100%;\n width: 100%;\n display: table;\n}\n.outline-overview-content {\n color: #3B494F;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tool-box {\n position: absolute;\n top: 0;\n margin: 0 3px;\n min-height: 64px;\n display: inline-flex;\n justify-content: flex-end;\n white-space: nowrap;\n color: #E9EBEB;\n}\n.desktop-tool-box-item.menu-item {\n font-size: 14px;\n margin: 14px 3px;\n padding: 0 14px;\n border-radius: 8px;\n color: inherit;\n display: inline-flex;\n align-items: center;\n}\n.desktop-tool-box-item.menu-item.compact {\n padding-left: 10px;\n padding-right: 10px;\n}\n.desktop-tool-box-item.menu-item.compact > .submenu-icon {\n display: none;\n}\n.desktop-tool-box-item.menu-item > .font-icon {\n font-size: 14px;\n}\n.desktop-tool-box-item.menu-item > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px /\n max-height: 32px;\n}\n.desktop-tool-box-item.menu-item:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: inherit;\n}\n.desktop-tool-box-item.menu-item.selected.has-popup {\n color: inherit;\n background-color: rgba(0, 0, 0, 0.3);\n}\n.desktop-tool-box-item.menu-item.disabled {\n background-color: transparent;\n color: rgba(255, 255, 255, 0.4);\n}\n/ key boxes /\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 6px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-tab-wrapper {\n display: flex;\n width: 56px;\n}\n.view-tab {\n position: relative;\n border-radius: 8px;\n margin: 14px 6px 6px;\n}\n.view-tab > .key-box {\n bottom: 9px;\n}\n.view-tab.in-background {\n border-radius: 12px;\n}\n.view-tab > .edge {\n position: absolute;\n}\n.view-tab.selected:not(.in-background) {\n margin: 8px 0 0;\n border-radius: 12px 12px 0 0;\n}\n.view-tab.selected:not(.in-background) > .edge {\n --color: #252F34;\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -5px;\n height: 12px;\n width: 12px;\n box-sizing: content-box;\n border: 5px solid var(--color);\n border-top: none;\n}\n.view-tab.selected:not(.in-background) > .edge.left {\n left: -12px;\n border-bottom-right-radius: 17px;\n border-left: none;\n}\n.view-tab.selected:not(.in-background) > .edge.right {\n right: -12px;\n border-bottom-left-radius: 17px;\n border-right: none;\n}\n.view-tab.selected:not(.in-background) > .edge.right {\n z-index: 1;\n}\n.view-tab.selected:not(.in-background) > .key-box {\n bottom: 15px;\n}\n.view-tab.animate-bring-to-front,\n.view-tab.animate-bring-to-back {\n transition: margin 200ms ease-out, padding 200ms ease-out, width 200ms ease-out, border-radius 200ms ease-out;\n animation: nop 200ms ease-out;\n}\n.view-tab.animate-bring-to-front:not(.in-background) > .edge.left,\n.view-tab.animate-bring-to-back:not(.in-background) > .edge.left {\n visibility: hidden;\n animation: show-view-tab-left-edge 40ms ease-out 160ms forwards;\n}\n.view-tab.animate-bring-to-front:not(.in-background) > .edge.right,\n.view-tab.animate-bring-to-back:not(.in-background) > .edge.right {\n visibility: hidden;\n animation: show-view-tab-right-edge 40ms ease-out 160ms forwards;\n}\n.view-button-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n width: calc(100% - 2 6px);\n}\n.view-button-tab:hover {\n cursor: pointer;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.view-button-tab.selected {\n background-color: #252F34;\n color: #71b0e8;\n}\n.view-button-tab.selected.in-background {\n background-color: #1F2428;\n}\n.view-button-tab.selected:not(.in-background) {\n width: 100%;\n}\n.view-button-tab.disabled {\n color: rgba(255, 255, 255, 0.4);\n}\n.view-button-tab.disabled:hover {\n cursor: default;\n color: rgba(255, 255, 255, 0.4);\n background-color: transparent;\n}\n.view-button-tab.disabled.selected {\n color: #7E8588;\n}\n.view-button-tab > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: 20px;\n}\n@keyframes show-view-tab-left-edge {\n 0% {\n visibility: visible;\n left: -5px;\n }\n 100% {\n left: -12px;\n }\n}\n@keyframes show-view-tab-right-edge {\n 0% {\n visibility: visible;\n right: -5px;\n }\n 100% {\n right: -12px;\n }\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-button-box {\n display: inline-flex;\n min-height: 64px;\n max-height: 64px;\n white-space: nowrap;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n overflow: visible;\n / necessary if it is in the header to make rounded corner overlap into tab area /\n position: relative;\n / if covered by glass pane /\n background-color: #0E1316;\n color: #E9EBEB;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-menu-tab {\n display: flex;\n background-color: rgba(255, 255, 255, 0.12);\n flex-shrink: 0;\n}\n.view-menu-tab > .view-button,\n.view-menu-tab > .view-menu {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n cursor: pointer;\n}\n.view-menu-tab > .view-button:hover,\n.view-menu-tab > .view-menu:hover {\n background-color: rgba(0, 0, 0, 0.1);\n color: inherit;\n}\n.view-menu-tab > .view-button.disabled,\n.view-menu-tab > .view-menu.disabled {\n color: rgba(255, 255, 255, 0.4);\n background-color: transparent;\n cursor: default;\n}\n.animate-bring-to-front.view-menu-tab > .view-button,\n.animate-bring-to-front.view-menu-tab > .view-menu,\n.animate-bring-to-back.view-menu-tab > .view-button,\n.animate-bring-to-back.view-menu-tab > .view-menu {\n transition: margin 200ms ease-out, padding 200ms ease-out, width 200ms ease-out, border-radius 200ms ease-out;\n}\n.view-menu-tab > .view-button {\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n width: 50px;\n}\n.view-menu-tab > .view-button > .icon {\n font-size: 26px;\n}\n.view-menu-tab > .view-menu {\n position: relative;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n width: 44px;\n}\n.selected-button-invisible.view-menu-tab > .view-menu {\n border-radius: 8px;\n}\n.view-menu-tab > .view-menu > .icon {\n font-size: 24px;\n}\n.view-menu-tab > .view-menu::before {\n content: '';\n position: absolute;\n height: 100%;\n border-left: 1px solid #0E1316;\n left: 0;\n}\n.selected-button-invisible.view-menu-tab > .view-menu::before {\n display: none;\n}\n.view-menu-tab > .view-menu.selected {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.view-menu-tab.in-background > .view-button {\n border-top-left-radius: 12px;\n border-bottom-left-radius: 12px;\n}\n.view-menu-tab.in-background > .view-menu {\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n}\n.selected-button-invisible.view-menu-tab.in-background > .view-menu {\n border-radius: 12px;\n}\n.view-menu-tab.selected {\n color: #71b0e8;\n background-color: #252F34;\n}\n.view-menu-tab.selected > .view-button.selected,\n.view-menu-tab.selected > .view-menu.selected,\n.view-menu-tab.selected > .view-button:hover,\n.view-menu-tab.selected > .view-menu:hover {\n background-color: transparent;\n}\n.view-menu-tab.selected > .view-button.disabled,\n.view-menu-tab.selected > .view-menu.disabled {\n color: #7E8588;\n}\n.view-menu-tab.selected > .view-menu {\n width: 44px;\n}\n.view-menu-tab.selected > .view-menu > .icon {\n font-size: 26px;\n padding: 7px;\n border-radius: 8px;\n}\n.view-menu-tab.selected > .view-menu:hover > .icon {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.view-menu-tab.selected > .view-menu.disabled > .icon {\n background-color: transparent;\n}\n.view-menu-tab.selected > .view-menu.selected > .icon {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.view-menu-tab.selected > .view-menu::before {\n top: 10px;\n height: calc(100% - 20px);\n border-color: rgba(255, 255, 255, 0.12);\n}\n.view-menu-tab.selected.in-background {\n background-color: #1F2428;\n}\n.view-menu-tab.selected.in-background > .view-menu > .icon {\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.view-menu-tab.selected:not(.in-background) {\n border-top-left-radius: 0;\n margin-left: 0;\n margin-right: 6px;\n}\n.view-menu-tab.selected:not(.in-background) > .view-button {\n padding-left: 6px;\n width: 56px;\n cursor: default;\n}\n.selected-button-invisible.view-menu-tab.selected:not(.in-background) > .view-menu {\n width: 50px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-menu-popup.widget-popup {\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n border: 0;\n margin: 5px;\n overflow: hidden;\n}\n.view-menu-popup.widget-popup > .tile-grid.scrollable {\n padding: 10px;\n}\n.view-menu-popup.widget-popup > .tile-grid.no-icons > .view-menu-tile {\n min-height: 66px;\n}\n.view-menu-tile {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n color: #71b0e8;\n background-color: #252F34;\n border-radius: 12px;\n border: 2px solid transparent;\n padding: 12px 6px 0 6px;\n min-height: 110px;\n cursor: pointer;\n}\n.view-menu-tile > .icon {\n font-size: 24px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 12px;\n}\n.view-menu-tile > .label {\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 11px;\n}\n.view-menu-tile.text-only {\n justify-content: center;\n padding: 12px 8px;\n}\n.view-menu-tile.text-only > .label {\n font-size: 13px;\n}\n.view-menu-tile.selected {\n border-color: #71b0e8;\n}\n.view-menu-tile:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.view-menu-tile.disabled {\n color: #7E8588;\n cursor: default;\n}\n.view-menu-tile.disabled:hover {\n background-color: #252F34;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: 473px;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n}\n.file-chooser > .box-buttons > .box-button {\n border-color: #71b0e8;\n color: #71b0e8;\n}\n.file-chooser > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.file-chooser > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.file-chooser > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.file-chooser > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.file-chooser > .box-buttons > .box-button.default:hover {\n background-color: #57a1e4;\n border-color: #57a1e4;\n}\n.file-chooser > .box-buttons > .box-button.default.active,\n.file-chooser > .box-buttons > .box-button.default:active {\n background-color: #3890df;\n border-color: #3890df;\n}\n.file-chooser > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.file-chooser > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.file-chooser.calc-helper {\n top: 0;\n left: 0;\n}\n.file-chooser.animate-open {\n -webkit-animation-name: short-drop;\n -moz-animation-name: short-drop;\n -o-animation-name: short-drop;\n animation-name: short-drop;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.file-chooser.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.file-chooser-content {\n border: 0 solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n padding: 26px;\n}\n.file-chooser-title {\n text-align: center;\n word-wrap: break-word;\n font-family: Arial, sans-serif;\n font-weight: bold;\n font-size: 16px;\n color: #71b0e8;\n}\n.file-chooser-label {\n padding-top: 8px;\n padding-bottom: 8px;\n text-align: center;\n}\n.file-chooser-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n.file-chooser-files {\n position: relative;\n min-height: 100px;\n max-height: 200px;\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n padding-top: 16px;\n margin-top: 10px;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: 20px;\n}\n.file-chooser-files > .file {\n text-indent: -20px;\n word-break: break-all;\n margin-bottom: 4px;\n}\n.file-chooser-files > .file::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n content: '\\E003';\n float: left;\n width: 20px;\n padding-left: 2px;\n}\n.file-chooser-files > .file > .remove {\n line-height: normal;\n / override line-height of .menu-item /\n display: inline;\n}\n@media (max-width: 473px) {\n .file-chooser {\n margin: 0;\n / no need to have a margin on small screens /\n }\n .file-chooser > .box-buttons {\n padding: 0 13px 26px 13px;\n / use less x-padding for buttons so that more text can be shown /\n }\n .file-chooser > .box-buttons > .box-button {\n margin-right: 4px;\n min-width: 70px;\n / less min width for buttons on small screens /\n }\n .file-chooser > .box-buttons > .box-button:last-child {\n margin-right: 0;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #71b0e8;\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: #252F34;\n}\n.file-input.has-error.alternative:not(.disabled):active {\n border-bottom-color: #FF8888;\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/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form {\n position: relative;\n}\n.form.dimmed-background {\n background-color: #1F2428;\n}\n.form.dimmed-background > .root-group-box > .menubar {\n background-color: inherit;\n}\n.view:not(.detail-form):not(.mobile-view) > .root-group-box > .main-menubar {\n background-color: inherit;\n}\n.mobile-view > .header > .title {\n font-weight: bold;\n}\n.dialog {\n position: absolute;\n background-color: #2E3C41;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n / minimum padding to desktop /\n margin: 10px 10px 15px;\n / min-width and min-height are read by Resizable.js to prevent a dialog from becoming too small\n You can overrule these values with a specific CSS class on a dialog/form when you require a\n larger or smaller min-size. /\n min-width: 250px;\n min-height: 100px;\n top: 0;\n / must be specified otherwise dialogs will be positioned at end of document and increase document size /\n / remove border and rounded corners in full screen mode /\n}\n.dialog > .header {\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n}\n.dialog > .root-group-box {\n border-radius: 12px;\n}\n.header-visible.dialog > .root-group-box {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.dialog.animate-open {\n -webkit-animation: fade-in ease-in 1;\n -moz-animation: fade-in ease-in 1;\n -o-animation: fade-in ease-in 1;\n animation: fade-in ease-in 1;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n}\n.dialog.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.dialog.full-width,\n.dialog.full-height {\n border-radius: 0;\n}\n.dialog.full-width {\n border-right: 0;\n border-left: 0;\n}\n.dialog.full-height {\n border-bottom: 0;\n}\n.dialog > .resizable-nw,\n.dialog > .resizable-n,\n.dialog > .resizable-ne {\n margin-top: -5px;\n}\n.form > .header {\n padding-top: 16px;\n padding-left: 20px;\n padding-right: 10px;\n overflow: hidden;\n}\n.form > .header.no-title {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n}\n.form > .header.no-title > .title,\n.form > .header.no-title > .sub-title {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.form > .header > .icon-container {\n float: left;\n}\n.form > .header > .icon-container > .icon {\n margin-right: 6px;\n vertical-align: middle;\n}\n.form > .header > .icon-container > .icon.font-icon {\n font-size: 16px;\n}\n.form > .header > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 16px;\n color: #E9EBEB;\n margin-top: 1px;\n}\n.form > .header > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #A7ACAD;\n}\n.form > .header > .status-container {\n float: right;\n margin-top: -8px;\n margin-right: -2px;\n}\n.form > .header > .status-container > .status {\n / make sure close icon overlaps drag-handle /\n position: relative;\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n}\n.form > .header > .status-container > .status.closer {\n border-radius: 7px;\n margin-left: 7px;\n padding: 7px;\n}\n@media (max-width: 375px) {\n .dialog {\n / no need to have a margin on small screens /\n / otherwise on iphone5, cancel button on a dialog would always be stacked in ellipsis if there is another menu item /\n margin: 0;\n }\n .dialog > .resizable-handle {\n / Remove handle, it is not useful anymore\n and it increases the dialog size which has the effect that the body may be scrolled (on iphone).\n Important is necessary because jquery ui sets it to display: block using inline style /\n display: none !important;\n / NOSONAR (see comment above)/\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-menu-popup > .form > .root-group-box > .main-menubar {\n background-color: transparent;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.scout-info-form-container {\n width: 100%;\n margin-top: 5px;\n margin-bottom: 5px;\n display: flex;\n}\n.scout-info-form-logo-container {\n flex: none;\n}\n.scout-info-form-text-container {\n flex-grow: 1;\n}\n.scout-info-form-logo {\n display: inline-block;\n max-height: 100px;\n max-width: 200px;\n margin-right: 20px;\n}\n.scout-info-form-table {\n border-spacing: 0;\n}\n.scout-info-form-table-cell-description {\n padding-right: 10px;\n vertical-align: top;\n}\n.scout-info-form-table-cell-value {\n vertical-align: top;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.text-field-icon {\n display: flex;\n align-items: center;\n margin: 0 2px;\n cursor: text;\n}\n.text-field-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 14px;\n color: #7E8588;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.text-field-icon.clear-icon::before {\n content: '\\E045';\n font-size: 14px;\n}\n.text-field-icon.action {\n cursor: pointer;\n}\n.text-field-icon.action:hover::before {\n color: #E9EBEB;\n background-color: rgba(255, 255, 255, 0.12);\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-field {\n / FormFieldLayout uses absolute positioning, make sure it is positioned relatively to its container /\n position: relative;\n / Class that applies the same vertical padding to the .field as to the label (useful e.g. for html fields) /\n / Convenience class to add to a field when the mandatory indicator should not be displayed (e.g. inside a FormFieldMenu) /\n}\n.form-field > label {\n position: absolute;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding-top: 9px;\n padding-bottom: 8px;\n margin-left: 10px;\n / Add small spacing between label and field /\n padding-right: 10px;\n color: #A7ACAD;\n font-size: 12px;\n}\n.disabled.form-field > label {\n color: #7E8588;\n}\n.read-only.form-field > label {\n color: #A7ACAD;\n}\n.form-field > label.top {\n color: #A7ACAD;\n font-size: 11px;\n padding-bottom: 4px;\n}\n.alternative.form-field > label.top {\n / Reduce space between input and label if there is no border /\n padding-bottom: 0;\n}\n.disabled.form-field > label.top {\n color: #7E8588;\n}\n.read-only.form-field > label.top {\n color: #A7ACAD;\n}\n.focused.form-field > label {\n color: #71b0e8;\n}\n.has-error.form-field > label {\n color: #FF8888;\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: #7E8588;\n}\n.form-field.no-mandatory-indicator > .mandatory-indicator {\n display: none;\n}\n.form-field.no-mandatory-indicator > label.top {\n margin-left: 0;\n}\n.form-field > .status {\n position: absolute;\n margin-left: 6px;\n height: 24px;\n display: flex;\n align-items: center;\n}\n.form-field > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.form-field.has-menus.has-tooltip:not(.has-info):not(.has-ok):not(.has-warning):not(.has-error) > .status::before {\n content: '\\E008';\n}\n.form-field.has-menus > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-menus > .status::before {\n content: '\\E041';\n color: #BFC2C3;\n font-size: 16px;\n}\n.form-field.has-menus > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\n.form-field.has-menus > .status:active::before,\n.form-field.has-menus > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #E9EBEB;\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: #A7ACAD;\n font-size: 16px;\n}\n.form-field.has-tooltip > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.form-field.has-tooltip > .status:active::before,\n.form-field.has-tooltip > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n.form-field.has-ok > .status {\n visibility: visible;\n cursor: pointer;\n}\n.form-field.has-ok > .status::before {\n content: '\\E002';\n color: #62e7ce;\n font-size: 16px;\n}\n.form-field.has-ok > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #8eeedc;\n}\n.form-field.has-ok > .status:active::before,\n.form-field.has-ok > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #8eeedc;\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: #A7ACAD;\n font-size: 16px;\n}\n.form-field.has-info > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.form-field.has-info > .status:active::before,\n.form-field.has-info > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\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: #FFBE6B;\n font-size: 16px;\n}\n.form-field.has-warning > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffd49e;\n}\n.form-field.has-warning > .status:active::before,\n.form-field.has-warning > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffd49e;\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: #FF8888;\n font-size: 16px;\n}\n.form-field.has-error > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffbbbb;\n}\n.form-field.has-error > .status:active::before,\n.form-field.has-error > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffbbbb;\n}\n.form-field .disabled-overlay {\n position: absolute;\n}\n.form-field.cell-editor-form-field {\n position: absolute;\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.lookup-box.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.lookup-box > .field > .structure.tree,\n.lookup-box > .field > .structure.table {\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.lookup-box > .field > .structure.tree.alternative,\n.lookup-box > .field > .structure.table.alternative {\n border-radius: 3px;\n}\n.lookup-box > .field > .structure.tree.no-rows-selected:focus,\n.lookup-box > .field > .structure.table.no-rows-selected:focus,\n.lookup-box > .field > .structure.tree.no-nodes-selected:focus,\n.lookup-box > .field > .structure.table.no-nodes-selected:focus,\n.lookup-box > .field > .structure.tree.no-rows-selected.focused,\n.lookup-box > .field > .structure.table.no-rows-selected.focused,\n.lookup-box > .field > .structure.tree.no-nodes-selected.focused,\n.lookup-box > .field > .structure.table.no-nodes-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell,\n.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell {\n border-bottom: 0;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row.selected::after,\n.lookup-box > .field > .structure.table > .table-data > .table-row.selected::after {\n top: 0;\n height: 100%;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row.inactive,\n.lookup-box > .field > .structure.table > .table-data > .table-row.inactive {\n font-style: italic;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row.inactive > .table-cell.last > .text::after,\n.lookup-box > .field > .structure.table > .table-data > .table-row.inactive > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell.last.inactive,\n.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell.last.inactive {\n font-style: italic;\n}\n.lookup-box > .field > .structure.tree > .table-data > .table-row > .table-cell.last.inactive > .text::after,\n.lookup-box > .field > .structure.table > .table-data > .table-row > .table-cell.last.inactive > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.lookup-box > .field > .structure.tree > .tree-data > .tree-node.inactive,\n.lookup-box > .field > .structure.table > .tree-data > .tree-node.inactive,\n.lookup-box > .field > .structure.tree > .tree-data > .animation-wrapper > .tree-node.inactive,\n.lookup-box > .field > .structure.table > .tree-data > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n}\n.lookup-box > .field > .structure.tree > .tree-data > .tree-node.inactive > .text::after,\n.lookup-box > .field > .structure.table > .tree-data > .tree-node.inactive > .text::after,\n.lookup-box > .field > .structure.tree > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after,\n.lookup-box > .field > .structure.table > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.value-field > input,\n.value-field > .input-field,\n.value-field > .field > input,\n.value-field > .field > .input-field,\n.value-field > .file-input {\n / Mainly necessary if label is invisible or on top and use ui height is set -> Makes sure the status is aligned and inputs are always the same height/\n min-height: 30px;\n}\n.value-field > .text-field-icon,\n.value-field > .field > .text-field-icon {\n display: none;\n position: absolute;\n}\n.value-field.alternative > .text-field-icon,\n.value-field.alternative > .field > .text-field-icon {\n margin-right: 0;\n}\n.value-field.alternative.halign-right > .clear-icon,\n.value-field.alternative.halign-right > .field > .clear-icon {\n margin-left: 0;\n margin-right: 2px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).focused > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).focused > .clear-icon::before,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).focused > .field > .clear-icon::before,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).focused > .field > .clear-icon::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .clear-icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon {\n display: flex;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .icon,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .icon {\n display: none;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .file-input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .file-input {\n padding-right: 28px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .field > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .field > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .file-input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .file-input.alternative {\n padding-right: 26px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input {\n padding-left: 28px;\n padding-right: 10px;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.alternative,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.alternative {\n padding-left: 26px;\n padding-right: 0;\n}\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.value-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.cell-editor-field,\n.value-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .file-input.cell-editor-field {\n padding-right: 8px;\n}\n.value-field.has-icon:not(.compact):not(.disabled).focused > .icon::before,\n.value-field.has-icon:not(.compact):not(.disabled).focused > .field > .icon::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > .icon,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .icon {\n display: flex;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > input,\n.value-field.has-icon:not(.compact):not(.disabled) > .input-field,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > input,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .input-field,\n.value-field.has-icon:not(.compact):not(.disabled) > .file-input {\n padding-right: 28px;\n}\n.value-field.has-icon:not(.compact):not(.disabled) > input.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .input-field.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > input.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .field > .input-field.alternative,\n.value-field.has-icon:not(.compact):not(.disabled) > .file-input.alternative {\n padding-right: 26px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.widget-field > .menubar {\n background-color: transparent;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.button-field > .field {\n margin-left: 10px;\n}\n.no-mandatory-indicator.button-field > .field {\n margin-left: 0;\n}\n.button-field > .button {\n min-height: 30px;\n}\n.button-field > .link-button {\n padding-left: 0;\n padding-right: 0;\n}\n.button-field > .link-button:hover,\n.button-field > .link-button:active,\n.button-field > .link-button.active {\n background-color: transparent;\n}\n.button-field > .link-button:focus {\n box-shadow: none;\n}\n.button-field > .link-button:focus::after {\n content: '';\n position: absolute;\n top: 3px;\n left: -3px;\n height: calc(100% - 6px);\n width: calc(100% + 6px);\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-radius: 3px;\n}\n.button-field > .key-box {\n position: absolute;\n top: 4px;\n}\n.button-field.button-icon-large > .button > .font-icon {\n font-size: 24px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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 rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n}\n.browser-field > .field.alternative {\n border-radius: 3px;\n}\n.browser-field > .field > .alt {\n margin: 14px;\n}\n.browser-field > .field > .button {\n display: inline-block;\n padding: 4px 7px;\n margin: 0 14px 14px 14px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.calendar-field > .group-box-body {\n padding-right: 0;\n}\n.form:not(.detail-form) .calendar-field:not(.mobile) > .field {\n margin-left: 10px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.check-box-field > .field {\n padding: 6px 0;\n outline: none;\n display: flex;\n / only the label should be clickable, not the whole field /\n / Same spacings as defined in CellEditorPopup.less, but as margin, not as padding /\n}\n.check-box-field > .field > .label {\n color: #E9EBEB;\n}\n.check-box-field > .field > .check-box,\n.check-box-field > .field > .label {\n cursor: pointer;\n}\n.check-box-field > .field > .label {\n padding-top: 2px;\n padding-left: 7px;\n max-width: calc(100% - 18px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.check-box-field > .field > .label.empty {\n / Make the label invisible if there is no text to not artificially make the check box wider than it should be\n The check box square defines the height. /\n display: none;\n}\n.check-box-field > .field.has-inner-alignment.halign-left {\n justify-content: flex-start;\n}\n.check-box-field > .field.has-inner-alignment.halign-center {\n justify-content: center;\n}\n.check-box-field > .field.has-inner-alignment.halign-right {\n justify-content: flex-end;\n}\n.check-box-field > .field > .check-box {\n flex: none;\n / never shrink check-box /\n}\n.check-box-field > .field > .cell-editor-field.check-box {\n padding: 0;\n margin: 0 10px 0 10px;\n vertical-align: top;\n border-width: 1px;\n}\n.check-box-field > .field > .cell-editor-field.check-box.last {\n margin-right: 14px !important;\n}\n.check-box-field > .field > .cell-editor-field.check-box:focus {\n border-width: 1px;\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.check-box-field > .field.halign-right > .cell-editor-field.check-box {\n margin-right: 10px;\n margin-left: 10px;\n}\n.check-box-field > .field.halign-center > .cell-editor-field.check-box {\n margin-right: 10px;\n}\n.check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - 2px);\n}\n.cell-editor-popup.overflow-top .check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - 2px + 1px);\n}\n.check-box-field.disabled > .field > .check-box {\n cursor: default;\n}\n.check-box-field.disabled > .field > .label {\n cursor: default;\n color: #7E8588;\n}\n.check-box-field.disabled > .field.read-only > .label {\n color: #E9EBEB;\n}\n.checkbox-indentation {\n margin-left: 25px;\n}\n.radiobutton-group-body > .checkbox-indentation {\n margin-left: 15px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.clipboard-field > .field {\n margin-left: 10px;\n background-color: rgba(113, 176, 232, 0.09);\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.date-field.focused > .icon.date::before,\n.date-field.focused > .field > .icon.date::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\n}\n.date-field.focused > .icon.time::before,\n.date-field.focused > .field > .icon.time::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\n}\n.date-field > .field > input,\n.date-field > .field > .input-field {\n position: absolute;\n}\n.date-field > .field .icon.date-clear,\n.date-field > .field .icon.time-clear {\n cursor: pointer;\n display: none;\n}\n.date-field > .field .icon.date-clear::before,\n.date-field > .field .icon.time-clear::before {\n content: '\\E045';\n}\n.date-field > .field .icon.date::before {\n content: '\\E029';\n}\n.date-field > .field .icon.time::before {\n content: '\\E004';\n}\n.date-field.date-focused > .icon.date::before,\n.date-field.date-focused > .field > .icon.date::before,\n.date-field.time-focused > .icon.time::before,\n.date-field.time-focused > .field > .icon.time::before {\n color: #71b0e8;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > .icon.date {\n display: flex;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date {\n padding-right: 28px;\n}\n.date-field:not(.disabled):not(.compact-date) > .field > input.date.alternative {\n padding-right: 26px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > .icon.time {\n display: flex;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time {\n padding-right: 28px;\n}\n.date-field:not(.disabled):not(.compact-time) > .field > input.time.alternative {\n padding-right: 26px;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).focused > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).focused > .icon.date-clear::before,\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date).focused > .field > .icon.date-clear::before,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date).focused > .field > .icon.date-clear::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\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: #71b0e8;\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: #FF8888;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > .date-clear,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > .date-clear {\n display: flex;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > .icon.date,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > .icon.date {\n display: none;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > input.date,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > input.date {\n padding-right: 28px;\n}\n.date-field.clearable-always.date-has-text:not(.disabled):not(.compact-date) > .field > input.date.alternative,\n.date-field.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) > .field > input.date.alternative {\n padding-right: 26px;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).focused > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).focused > .icon.time-clear::before,\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time).focused > .field > .icon.time-clear::before,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time).focused > .field > .icon.time-clear::before {\n color: #71b0e8;\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: #FF8888;\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: #FF8888;\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: #71b0e8;\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: #FF8888;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > .time-clear,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > .time-clear {\n display: flex;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > .icon.time,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > .icon.time {\n display: none;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > input.time,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > input.time {\n padding-right: 28px;\n}\n.date-field.clearable-always.time-has-text:not(.disabled):not(.compact-time) > .field > input.time.alternative,\n.date-field.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) > .field > input.time.alternative {\n padding-right: 26px;\n}\n.date-field > .field {\n /* Prediction input field is in the back of the actual input field -> make actual input field transparent /\n}\n.date-field > .field > .input-field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: #7E8588;\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(126, 133, 136, 0.5);\n}\n.date-field > .field > .predict {\n color: #7E8588;\n background-color: transparent;\n}\n.date-field > .field > .predict.alternative {\n background-color: transparent;\n}\n.date-field > .field > .predict.has-error {\n background-color: #252F34;\n}\n.date-field > .field > .predict + input {\n background-color: transparent;\n}\n.date-field.date-clearable > .field > .icon.date-clear {\n display: flex;\n}\n.date-field.date-clearable > .field > .icon.date {\n display: none;\n}\n.date-field.time-clearable > .field > .icon.time-clear {\n display: flex;\n}\n.date-field.time-clearable > .field > .icon.time {\n display: none;\n}\n.touch-popup-field.time > .field > input.date,\n.touch-popup-field.time > .field > .icon.date,\n.touch-popup-field.time > .field > .icon.date-clear {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.touch-popup-field.date {\n margin-bottom: 0;\n}\n.touch-popup-field.date > .field > input.time,\n.touch-popup-field.date > .field > .icon.time,\n.touch-popup-field.date > .field > .icon.time-clear {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.file-chooser-field > .icon {\n cursor: pointer;\n}\n.file-chooser-field > .icon::before {\n content: '\\E003';\n}\n.file-chooser-field > .file-input > input {\n display: none;\n}\n.file-chooser-field > .file-input > .file-input-text {\n overflow-x: hidden;\n}\n.file-chooser-field > .file-input > .file-input-text[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: #7E8588;\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(126, 133, 136, 0.5);\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.root-group-box {\n / necessary if dialog gets really small /\n overflow: hidden;\n}\n.root-group-box > .group-box-body,\n.root-group-box > .group-box-header {\n / group-box-body may be scrollable. /\n / that's why the body has a padding instead of the root-group-box (to place the scrollbars inside the body) /\n padding-left: 10px;\n padding-right: 20px;\n}\n.root-group-box > .group-box-body > .scrollbar {\n / override margin reset from group-box-body (see below) /\n}\n.root-group-box > .group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 5px;\n}\n.root-group-box > .group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.root-group-box > .group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 3px;\n}\n.group-box > .menubar {\n margin-left: 10px;\n background-color: inherit;\n}\n.group-box.collapsed > .menubar {\n display: none;\n}\n.group-box.has-scroll-shadow-top:not(.menubar-position-top) > .group-box-header {\n width: 100%;\n margin-left: 0;\n padding-left: 10px;\n}\n.root-group-box.loading > .loading-indicator,\n.group-box.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.root-group-box.loading > .loading-indicator::before,\n.group-box.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.root-group-box.loading > .loading-indicator.animate-remove,\n.group-box.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.root-group-box.right-padding-invisible > .group-box-body,\n.group-box.right-padding-invisible > .group-box-body {\n padding-right: 0;\n}\n.group-box-header {\n width: calc(100% - 10px);\n margin-top: 8px;\n margin-left: 10px;\n position: relative;\n white-space: nowrap;\n margin-bottom: 1px;\n}\n.group-box-header > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -1px;\n width: 100%;\n height: 1px;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.group-box-header.has-menubar > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n vertical-align: middle;\n padding-left: 10px;\n}\n.group-box-header.has-menubar > .menubar > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n}\n.group-box-header > .group-box-control {\n display: inline-block;\n color: #E9EBEB;\n cursor: pointer;\n padding-left: 10px;\n text-align: center;\n vertical-align: middle;\n width: 25px;\n}\n.group-box-header > .group-box-control::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\F107';\n}\n.group-box.collapsed > .group-box-header > .group-box-control::before {\n content: '\\F106';\n}\n.group-box-header > .title {\n display: inline-block;\n vertical-align: middle;\n padding: 12px 0 12px 0;\n max-width: 100%;\n margin-top: 1px;\n}\n.group-box.has-sub-label > .group-box-header > .title {\n padding-bottom: 7px;\n}\n.group-box-header > .title > .label {\n font-weight: bold;\n color: #E9EBEB;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.group-box-header > .title > .sub-label {\n padding-top: 1px;\n font-size: 11px;\n letter-spacing: 0.2px;\n color: #A7ACAD;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.group-box-header > .status {\n position: absolute;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.group-box-header > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.group-box.has-tooltip > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-tooltip > .group-box-header > .status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n.group-box.has-tooltip > .group-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.group-box.has-tooltip > .group-box-header > .status:active::before,\n.group-box.has-tooltip > .group-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n.group-box.has-info > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-info > .group-box-header > .status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n.group-box.has-info > .group-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.group-box.has-info > .group-box-header > .status:active::before,\n.group-box.has-info > .group-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n.group-box.has-ok > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-ok > .group-box-header > .status::before {\n content: '\\E002';\n color: #62e7ce;\n font-size: 16px;\n}\n.group-box.has-ok > .group-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #8eeedc;\n}\n.group-box.has-ok > .group-box-header > .status:active::before,\n.group-box.has-ok > .group-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #8eeedc;\n}\n.group-box.has-warning > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-warning > .group-box-header > .status::before {\n content: '\\E001';\n color: #FFBE6B;\n font-size: 16px;\n}\n.group-box.has-warning > .group-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffd49e;\n}\n.group-box.has-warning > .group-box-header > .status:active::before,\n.group-box.has-warning > .group-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffd49e;\n}\n.group-box.has-error > .group-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.group-box.has-error > .group-box-header > .status::before {\n content: '\\E001';\n color: #FF8888;\n font-size: 16px;\n}\n.group-box.has-error > .group-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffbbbb;\n}\n.group-box.has-error > .group-box-header > .status:active::before,\n.group-box.has-error > .group-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffbbbb;\n}\n.group-box-header.expandable {\n / Expansion can also be performed on the title itself /\n cursor: pointer;\n}\n.group-box-body {\n position: relative;\n padding: 18px 0 16px 0;\n / position scrollbar as right as possible to prevent overlapping field parts. /\n}\n.group-box-body.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n}\n.group-box-body.x-padding-invisible {\n padding-left: 0;\n padding-right: 0;\n}\n.collapsed > .group-box-body {\n display: none;\n}\n.group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 8px;\n}\n.group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 6px;\n}\n.group-box.top-padding-invisible > .group-box-body {\n padding-top: 0;\n}\n.group-box.bottom-padding-invisible > .group-box-body {\n padding-bottom: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.html-field.selectable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.html-field > .field {\n margin-left: 10px;\n}\n.html-field > .field:focus {\n outline: none;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.label-field.selectable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.label-field > .field {\n padding-top: 8px;\n padding-bottom: 8px;\n margin-left: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.label-field > .field[placeholder]:empty::before {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n color: #7E8588;\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(126, 133, 136, 0.5);\n}\n.no-mandatory-indicator.label-field > .field {\n margin-left: 0;\n}\n.top-padding-invisible.label-field > .field {\n padding-top: 0;\n}\n.bottom-padding-invisible.label-field > .field {\n padding-bottom: 0;\n}\n.label-field > .field:focus {\n outline: none;\n}\n.label-field > .field.has-inner-alignment.halign-left {\n text-align: left;\n}\n.label-field > .field.has-inner-alignment.halign-center {\n text-align: center;\n}\n.label-field > .field.has-inner-alignment.halign-right {\n text-align: right;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode-selector-field.alternative > label.top {\n padding-bottom: 4px;\n}\n.mode-selector-field > .mode-selector {\n margin-left: 10px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.planner-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.planner-field > .planner {\n margin-left: 10px;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n}\n.planner-field > .planner.alternative {\n border-radius: 3px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.radio-button > .field {\n padding: 6px 0;\n margin-left: 10px;\n outline: none;\n display: flex;\n}\n.radio-button > .field > .radio-button-circle,\n.radio-button > .field > .label,\n.radio-button > .field > .icon {\n / only the label should be clickable, not the whole field /\n cursor: pointer;\n}\n.radio-button > .field > .label {\n color: #E9EBEB;\n padding-top: 2px;\n padding-left: 7px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.radio-button > .field > .label.empty {\n / Make the label invisible if there is no text to not artificially make the button wider than it should be\n Compared to the Button.js the circle defines the height /\n display: none;\n}\n.radio-button > .field > .icon {\n padding-left: 7px;\n}\n.radio-button > .field > .radio-button-circle {\n width: 18px;\n height: 18px;\n flex: none;\n background-color: transparent;\n border-radius: 50%;\n position: relative;\n}\n.radio-button > .field > .radio-button-circle::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: #71b0e8;\n border-radius: 50%;\n opacity: 0;\n transition: transform ease 250ms, opacity linear 250ms;\n transform: scale(0.01);\n}\n.radio-button > .field > .radio-button-circle::after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: 1px solid #7E8588;\n border-radius: 50%;\n}\n.radio-button > .field > .radio-button-circle.checked::before {\n transform: scale(0.55555556);\n opacity: 1;\n transition: transform ease 250ms;\n}\n.radio-button > .field > .radio-button-circle.checked::after {\n border-color: #71b0e8;\n}\n.radio-button > .field > .radio-button-circle:focus {\n outline: none;\n}\n.radio-button > .field > .radio-button-circle:focus::after {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #71b0e8;\n}\n.radio-button > .field > .radio-button-circle.disabled {\n cursor: default;\n}\n.radio-button > .field > .radio-button-circle.disabled::after {\n border-color: rgba(255, 255, 255, 0.12);\n}\n.radio-button > .field > .radio-button-circle.disabled.checked::before {\n background-color: #7E8588;\n}\n.radio-button > .field > .radio-button-circle.disabled.checked::after {\n border-color: #7E8588;\n}\n.radio-button.disabled > .field > .label,\n.radio-button.disabled > .field > .icon {\n cursor: default;\n color: #7E8588;\n}\n.radiobutton-indentation {\n margin-left: 25px;\n}\n.radiobutton-group-body > .radiobutton-indentation {\n margin-left: 15px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.radiobutton-group-body > .radio-button > .field {\n / radio button group has a mandatory indicator, no need to create a margin /\n margin-left: 0;\n}\n.radiobutton-group-body > .form-field {\n opacity: 1;\n transition: opacity 250ms;\n}\n.radiobutton-group-body.loading > .form-field {\n opacity: 0;\n}\n.radiobutton-group-body.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.radiobutton-group-body.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.radiobutton-group-body.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.dropdown-field > .icon {\n cursor: pointer;\n}\n.dropdown-field > .icon::before {\n content: '\\F107';\n font-size: 16px;\n}\n.dropdown-field.popup-open > .icon::before {\n content: '\\F106';\n}\n.dropdown-field > .field {\n cursor: pointer;\n}\n.dropdown-field > .field.disabled {\n cursor: default;\n}\n.proposal-field > .icon::before {\n content: '\\E02F';\n}\n.smart-field {\n / Multiline SmartField /\n / DIV below the smart field containing the additional lines /\n}\n.smart-field > .icon::before,\n.smart-field > .field > .icon::before {\n content: '\\E02A';\n}\n.smart-field > .field > .multiline-input {\n border-radius: 3px 3px 0 0;\n width: 100%;\n padding-left: 10px;\n}\n.smart-field > .field > .multiline-input:focus {\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.smart-field > .field > .multiline-input.alternative {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n padding-left: 0;\n padding-right: 0;\n}\n.smart-field > .field > .multiline-input.alternative:focus {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-color: #71b0e8;\n}\n.smart-field > .field > .multiline-input.alternative.has-error {\n border-bottom-color: #FF8888;\n}\n.smart-field > .field > .multiline-input.read-only {\n border-bottom-color: rgba(255, 255, 255, 0.12);\n}\n.smart-field > .field > .multiline-input.read-only.has-error {\n border-bottom-color: #FF8888;\n}\n.smart-field > .field > .multiline-lines {\n background-color: transparent;\n border: solid 1px rgba(255, 255, 255, 0.25);\n border-radius: 0 0 3px 3px;\n border-top: none;\n padding: 3px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.smart-field > .field > .multiline-lines.disabled {\n background-color: inherit;\n}\n.smart-field.alternative > .field > .multiline-lines,\n.smart-field.read-only > .field > .multiline-lines {\n border: 0;\n padding-top: 6px;\n}\n.smart-field.alternative > .field > .multiline-lines.disabled,\n.smart-field.read-only > .field > .multiline-lines.disabled {\n background-color: transparent;\n}\n.smart-field.alternative > .field > .multiline-lines {\n padding-left: 0;\n padding-right: 0;\n}\n.smart-field.disabled > .field > .multiline-lines {\n color: #7E8588;\n}\n.read-only.smart-field.disabled > .field > .multiline-lines {\n color: #E9EBEB;\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: #7E8588;\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(126, 133, 136, 0.5);\n}\n.dropdown-field.loading > .icon,\n.proposal-field.loading > .icon,\n.smart-field.loading > .icon {\n -webkit-animation: pulsate-in-out 2.2s ease-in-out infinite;\n -moz-animation: pulsate-in-out 2.2s ease-in-out infinite;\n -o-animation: pulsate-in-out 2.2s ease-in-out infinite;\n animation: pulsate-in-out 2.2s ease-in-out infinite;\n}\n.dropdown-field > .field.halign-left,\n.proposal-field > .field.halign-left,\n.smart-field > .field.halign-left,\n.dropdown-field > .field.halign-left > .multiline-input,\n.proposal-field > .field.halign-left > .multiline-input,\n.smart-field > .field.halign-left > .multiline-input {\n text-align: left;\n}\n.dropdown-field > .field.halign-center,\n.proposal-field > .field.halign-center,\n.smart-field > .field.halign-center,\n.dropdown-field > .field.halign-center > .multiline-input,\n.proposal-field > .field.halign-center > .multiline-input,\n.smart-field > .field.halign-center > .multiline-input {\n text-align: center;\n}\n.dropdown-field > .field.halign-right,\n.proposal-field > .field.halign-right,\n.smart-field > .field.halign-right,\n.dropdown-field > .field.halign-right > .multiline-input,\n.proposal-field > .field.halign-right > .multiline-input,\n.smart-field > .field.halign-right > .multiline-input {\n text-align: right;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field {\n padding-left: 0;\n padding-right: 28px;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.alternative,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.alternative {\n padding-left: 0;\n padding-right: 26px;\n}\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .input-field.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > input.cell-editor-field,\n.dropdown-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.proposal-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.smart-field.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.dropdown-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.proposal-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field,\n.smart-field.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > .field > .input-field.cell-editor-field {\n padding-right: 28px;\n}\n.dropdown-field.halign-right:not(.disabled) > .field > .multiline-lines,\n.proposal-field.halign-right:not(.disabled) > .field > .multiline-lines,\n.smart-field.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: 28px;\n}\n.dropdown-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines,\n.proposal-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines,\n.smart-field.alternative.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: 26px;\n}\n.dropdown-field.alternative.halign-right > .clear-icon,\n.proposal-field.alternative.halign-right > .clear-icon,\n.smart-field.alternative.halign-right > .clear-icon,\n.dropdown-field.alternative.halign-right > .field > .clear-icon,\n.proposal-field.alternative.halign-right > .field > .clear-icon,\n.smart-field.alternative.halign-right > .field > .clear-icon {\n margin-right: 0;\n margin-left: 2px;\n}\n.smart-field-touch-popup > .body > .touch-popup-field > .field > .multiline-input {\n border-radius: 3px 3px;\n}\n.smart-field-touch-popup > .body > .touch-popup-field > .field > .multiline-lines {\n display: none;\n}\n.smart-field-touch-popup > .body > .touch-popup-widget-container .table-data {\n padding: 2px 15px 15px;\n}\n.smart-field-touch-popup > .body > .touch-popup-widget-container .table-data > .table-row.first {\n border-top-color: transparent;\n}\n.dropdown-field-popup,\n.smart-field-popup,\n.proposal-field-popup {\n position: absolute;\n overflow: hidden;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n.dropdown-field-popup.touch,\n.smart-field-popup.touch,\n.proposal-field-popup.touch {\n background-color: #1F2428;\n}\n.proposal-chooser > .active-filter {\n position: absolute;\n}\n.proposal-chooser > .status {\n display: flex;\n align-items: center;\n}\n.proposal-chooser > .active-filter,\n.proposal-chooser > .status {\n padding: 0 12px;\n background-color: #1F2428;\n border-top: solid 1px rgba(255, 255, 255, 0.12);\n height: 30px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.proposal-chooser.empty > .active-filter,\n.proposal-chooser.empty > .status {\n border-top: 0;\n}\n.proposal-chooser > .table > .table-header {\n padding-left: 12px;\n padding-right: 12px;\n}\n.proposal-chooser > .table > .table-data {\n padding: 8px 12px;\n}\n.proposal-chooser > .table > .table-data > .table-row.first {\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n}\n.proposal-chooser > .table > .table-data > .table-row.first.selected::after {\n top: -1px;\n}\n.proposal-chooser > .table > .table-data > .table-row.inactive {\n font-style: italic;\n}\n.proposal-chooser > .table > .table-data > .table-row.inactive > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.proposal-chooser > .table > .table-data > .scrollbar.y-axis > .scrollbar-thumb > .scrollbar-thumb-handle {\n margin-left: 1px;\n}\n.proposal-chooser > .tree > .tree-data {\n padding: 8px 12px;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.inactive,\n.proposal-chooser > .tree > .tree-data > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n}\n.proposal-chooser > .tree > .tree-data > .tree-node.inactive > .text::after,\n.proposal-chooser > .tree > .tree-data > .animation-wrapper > .tree-node.inactive > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n}\n.status > .ellipsis {\n padding-left: 3px;\n}\n.animate-dot {\n position: relative;\n -webkit-animation-name: animateDot;\n -moz-animation-name: animateDot;\n -o-animation-name: animateDot;\n animation-name: animateDot;\n -webkit-animation-duration: 1650ms;\n -moz-animation-duration: 1650ms;\n -o-animation-duration: 1650ms;\n animation-duration: 1650ms;\n -webkit-animation-iteration-count: infinite;\n -moz-animation-iteration-count: infinite;\n -o-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n}\n.delay-0 {\n -webkit-animation-delay: 0ms;\n -moz-animation-delay: 0ms;\n -o-animation-delay: 0ms;\n animation-delay: 0ms;\n}\n.delay-1 {\n -webkit-animation-delay: 200ms;\n -moz-animation-delay: 200ms;\n -o-animation-delay: 200ms;\n animation-delay: 200ms;\n}\n.delay-2 {\n -webkit-animation-delay: 400ms;\n -moz-animation-delay: 400ms;\n -o-animation-delay: 400ms;\n animation-delay: 400ms;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: rgba(255, 255, 255, 0.12);\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: #71b0e8;\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 #71b0e8;\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 #71b0e8;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.string-field {\n / adjust paddings in case of both icons (icon and clear-icon) are visible /\n}\n.string-field.multiline > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.string-field > .field.has-inner-alignment.halign-left {\n text-align: left;\n}\n.string-field > .field.has-inner-alignment.halign-center {\n text-align: center;\n}\n.string-field > .field.has-inner-alignment.halign-right {\n text-align: right;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .clear-icon,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .clear-icon {\n margin-right: 0;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input {\n padding-right: 54px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > input.alternative,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > input.alternative {\n padding-right: 52px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input {\n padding-left: 28px;\n padding-right: 28px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact).halign-right > input.alternative {\n padding-left: 26px;\n padding-right: 26px;\n}\n.string-field.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact) > .icon,\n.string-field.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) > .icon {\n display: flex;\n}\n.string-field.has-icon > .icon::before {\n content: '\\F061';\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tab-box-header {\n margin-top: 8px;\n margin-left: 10px;\n white-space: nowrap;\n position: relative;\n margin-bottom: 1px;\n}\n.tab-box.has-scroll-shadow-top > .tab-box-header {\n margin-left: 0;\n padding-left: 10px;\n}\n.tab-box-header > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -1px;\n width: 100%;\n height: 1px;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.tab-box-header > .tab-area {\n position: relative;\n}\n.tab-box-header > .tab-area > .selection-marker {\n position: absolute;\n z-index: 1;\n bottom: -1px;\n margin-bottom: -1px;\n height: 3px;\n background-color: #71b0e8;\n transition: left 0.3s, width 0.3s;\n border-radius: 1.5px;\n}\n.tab-box-header > .tab-area > .tab-item > .title > .sub-label {\n display: none;\n}\n.tab-box-header > .tab-area.has-sub-label > .tab-item > .title > .sub-label {\n display: block;\n}\n.tab-box-header > .tab-area.spread-even {\n width: 100%;\n display: flex;\n}\n.tab-box-header > .tab-area.spread-even > .tab-item {\n flex-grow: 1;\n flex-basis: 0;\n justify-content: center;\n}\n.tab-box-header > .tab-area.spread-even > .tab-item.first {\n padding-left: 20px;\n}\n.tab-box-header > .menubar {\n position: absolute;\n background-color: inherit;\n border-bottom: none;\n}\n.tab-box-header > .status {\n position: absolute;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.tab-box-header > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.tab-box.has-tooltip > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-tooltip > .tab-box-header > .status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.tab-box.has-tooltip > .tab-box-header > .status:active::before,\n.tab-box.has-tooltip > .tab-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\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: #A7ACAD;\n font-size: 16px;\n}\n.tab-box.has-info > .tab-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.tab-box.has-info > .tab-box-header > .status:active::before,\n.tab-box.has-info > .tab-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n.tab-box.has-ok > .tab-box-header > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-box.has-ok > .tab-box-header > .status::before {\n content: '\\E002';\n color: #62e7ce;\n font-size: 16px;\n}\n.tab-box.has-ok > .tab-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #8eeedc;\n}\n.tab-box.has-ok > .tab-box-header > .status:active::before,\n.tab-box.has-ok > .tab-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #8eeedc;\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: #FFBE6B;\n font-size: 16px;\n}\n.tab-box.has-warning > .tab-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffd49e;\n}\n.tab-box.has-warning > .tab-box-header > .status:active::before,\n.tab-box.has-warning > .tab-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffd49e;\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: #FF8888;\n font-size: 16px;\n}\n.tab-box.has-error > .tab-box-header > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffbbbb;\n}\n.tab-box.has-error > .tab-box-header > .status:active::before,\n.tab-box.has-error > .tab-box-header > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffbbbb;\n}\n.tab-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n color: #E9EBEB;\n background-color: transparent;\n padding: 0 20px;\n cursor: pointer;\n height: 100%;\n}\n.tab-item::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 1px;\n margin-bottom: -1px;\n display: none;\n}\n.tab-item.first {\n padding-left: 0;\n}\n.tab-item.overflown {\n display: none;\n}\n.tab-item.marked::after {\n display: block;\n background-color: #7E8588;\n}\n.tab-item:hover {\n color: #71b0e8;\n}\n.tab-item:active {\n color: #71b0e8;\n}\n.tab-item.selected {\n color: #E9EBEB;\n}\n.tab-item:focus {\n outline: none;\n}\n.tab-item:focus.keyboard-navigation {\n color: #87bcec;\n}\n.tab-item > .title {\n display: inline-block;\n vertical-align: middle;\n padding: 12px 0 12px;\n margin-top: 1px;\n}\n.tab-area.has-sub-label > .tab-item > .title {\n padding-bottom: 7px;\n}\n.tab-item > .title > .label {\n vertical-align: middle;\n}\n.tab-item > .title > .label::before {\n content: attr(data-text);\n display: block;\n font-weight: bold;\n visibility: hidden;\n height: 0;\n}\n.selected.tab-item > .title > .label {\n font-weight: bold;\n}\n.tab-item > .title > .sub-label {\n padding-top: 1px;\n font-size: 11px;\n letter-spacing: 0.2px;\n color: #A7ACAD;\n}\n.tab-item > .status {\n display: inline-block;\n vertical-align: middle;\n margin-left: 6px;\n display: flex;\n align-items: center;\n}\n.tab-item > .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.tab-item.has-tooltip,\n.tab-item.has-info,\n.tab-item.has-warning,\n.tab-item.has-ok,\n.tab-item.has-error {\n padding-right: 6px;\n}\n.tab-item.has-tooltip > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-tooltip > .status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n.tab-item.has-tooltip > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.tab-item.has-tooltip > .status:active::before,\n.tab-item.has-tooltip > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\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: #A7ACAD;\n font-size: 16px;\n}\n.tab-item.has-info > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n.tab-item.has-info > .status:active::before,\n.tab-item.has-info > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n.tab-item.has-ok > .status {\n visibility: visible;\n cursor: pointer;\n}\n.tab-item.has-ok > .status::before {\n content: '\\E002';\n color: #62e7ce;\n font-size: 16px;\n}\n.tab-item.has-ok > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #8eeedc;\n}\n.tab-item.has-ok > .status:active::before,\n.tab-item.has-ok > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #8eeedc;\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: #FFBE6B;\n font-size: 16px;\n}\n.tab-item.has-warning > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffd49e;\n}\n.tab-item.has-warning > .status:active::before,\n.tab-item.has-warning > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffd49e;\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: #FF8888;\n font-size: 16px;\n}\n.tab-item.has-error > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffbbbb;\n}\n.tab-item.has-error > .status:active::before,\n.tab-item.has-error > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffbbbb;\n}\n.overflow-tab-item.menu-item {\n vertical-align: middle;\n color: #E9EBEB;\n}\n.overflow-tab-item.menu-item::before {\n display: none;\n}\n.overflow-tab-item.menu-item > .submenu-icon {\n padding-left: 4px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-chooser-popup {\n position: absolute;\n overflow: hidden;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n min-width: 150px;\n max-width: 250px;\n}\n.tag-chooser-popup.touch {\n background-color: #1F2428;\n}\n.tag-chooser-popup > .table > .table-data {\n padding: 8px 12px 5px 12px;\n}\n.tag-chooser-popup > .table > .table-data > .table-row.first {\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-field.focused > .field {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.tag-field.focused > .field.alternative {\n border-bottom-color: #71b0e8;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field {\n background-color: transparent;\n color: #E9EBEB;\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n padding: 7px 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n user-select: none;\n padding: 0 0 0 4px;\n}\n.tag-field > .field.disabled {\n background-color: inherit;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n}\n.tag-field > .field:focus,\n.tag-field > .field.focused {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.tag-field > .field.has-error {\n border-color: #FF8888;\n background-color: #252F34;\n}\n.tag-field > .field.has-error:focus,\n.tag-field > .field.has-error.focused {\n outline: none;\n box-shadow: 0 0 0 3px #804444;\n}\n.tag-field > .field.read-only {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\n.tag-field > .field.alternative {\n background-color: transparent;\n border-color: transparent;\n border-bottom-color: rgba(255, 255, 255, 0.25);\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: #7E8588;\n border-bottom-style: dashed;\n border-bottom-color: rgba(255, 255, 255, 0.12);\n}\n.tag-field > .field.alternative:focus,\n.tag-field > .field.alternative.focused {\n color: #71b0e8;\n border-bottom-color: #71b0e8;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.has-error {\n color: #FF8888;\n border-bottom-color: #FF8888;\n}\n.tag-field > .field.alternative.has-error:focus,\n.tag-field > .field.alternative.has-error.focused {\n border-bottom-color: #FF8888;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n}\n.tag-field > .field.alternative.read-only {\n color: #E9EBEB;\n}\n.tag-field > .field:not(.multiline) {\n white-space: nowrap;\n}\n.tag-field > .field > .tag-bar {\n display: inline-block;\n}\n.tag-field > .field > input {\n border: none;\n padding-left: 3px;\n padding-right: 3px;\n background-color: transparent;\n min-height: 22px;\n height: 100%;\n}\n.tag-field > .field > input.fullwidth {\n width: 100%;\n padding-left: 6px;\n}\n.tag-field > .field > input.fullwidth.alternative {\n padding-left: 0;\n padding-right: 0;\n}\n.tag-field > .field > input.focused,\n.tag-field > .field > input:focus {\n box-shadow: none;\n}\n.tag-field > .field > input.has-error {\n background-color: transparent;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.table-field > .table {\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.table-field > .table.alternative {\n border-radius: 3px;\n}\n.table-field > .table.no-rows-selected:focus,\n.table-field > .table.no-rows-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tree-field.alternative > label.top {\n / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: 4px;\n}\n.tree-field > .tree {\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n background-color: transparent;\n overflow: hidden;\n / necessary due to rounded borders and background color/\n}\n.tree-field > .tree.alternative {\n border-radius: 3px;\n}\n.tree-field > .tree.no-rows-selected:focus,\n.tree-field > .tree.no-nodes-selected:focus,\n.tree-field > .tree.no-rows-selected.focused,\n.tree-field > .tree.no-nodes-selected.focused {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.wizard-steps {\n overflow: hidden;\n margin-left: 10px;\n margin-right: 0;\n}\n.wizard-steps-body {\n display: flex;\n align-items: center;\n height: 64px;\n overflow: hidden;\n white-space: nowrap;\n / Allows the last wizard-step to be 100% without line break /\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n position: relative;\n}\n.wizard-step {\n position: relative;\n display: inline-flex;\n align-items: center;\n padding-left: 15px;\n padding-right: 15px;\n}\n.wizard-step > .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 26px;\n height: 26px;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 50%;\n margin-right: 9px;\n font-size: 11px;\n}\n.wizard-step > .icon > .font-icon {\n font-size: 14px;\n}\n.wizard-step > .text > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.wizard-step > .text > .title::before {\n content: attr(data-text);\n display: block;\n font-weight: bold;\n visibility: hidden;\n height: 0;\n}\n.wizard-step > .text > .sub-title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #A7ACAD;\n letter-spacing: 0.2px;\n font-size: 11px;\n}\n.wizard-step.first {\n padding-left: 0;\n}\n.wizard-step.last {\n padding-right: 0;\n}\n.wizard-step.action-enabled {\n cursor: pointer;\n color: #71b0e8;\n}\n.wizard-step.action-enabled:hover > .icon {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.wizard-step.action-enabled:hover > .text > .title {\n color: #71b0e8;\n}\n.wizard-step.action-enabled:active > .icon,\n.wizard-step.action-enabled.active > .icon {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.wizard-step.finished > .icon {\n color: #00856C;\n background-color: #c2eee5;\n border-color: #c2eee5;\n}\n.wizard-step.finished.action-enabled:hover > .icon {\n color: #00856C;\n background-color: #aae7db;\n border-color: #aae7db;\n}\n.wizard-step.finished.action-enabled:active > .icon,\n.wizard-step.finished.action-enabled.active > .icon {\n color: #00856C;\n background-color: #8ee0cf;\n border-color: #8ee0cf;\n}\n.wizard-step.selected > .icon {\n color: #0E1316;\n background-color: #71b0e8;\n border-color: #71b0e8;\n font-weight: bold;\n}\n.wizard-step.selected > .text > .title {\n font-weight: bold;\n}\n.wizard-step.disabled > .icon {\n background-color: inherit;\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.wizard-step.disabled > .text > .title,\n.wizard-step.disabled > .text > .sub-title {\n color: #7E8588;\n}\n.wizard-steps > .scrollbar > .scrollbar-thumb.x-axis {\n padding-top: 6px;\n}\n.wizard-steps > .scrollbar:hover.x-axis > .scrollbar-thumb.x-axis,\n.wizard-steps > .scrollbar.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: 4px;\n}\n.wizard-step-separator {\n height: 1px;\n width: 40px;\n background-color: rgba(255, 255, 255, 0.12);\n flex-shrink: 0;\n flex-grow: 0;\n}\n.wizard-steps.compact > .wizard-steps-body {\n height: 44px;\n}\n.wizard-steps.compact > .wizard-steps-body > .wizard-step-separator {\n width: 20px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.wrapped-form-field > .form {\n background-color: transparent;\n / Reset padding set in GroupBox.css /\n / Reset margin set in GroupBox.css /\n / Reset values set in MenuBar.css /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body,\n.wrapped-form-field > .form > .root-group-box > .group-box-header {\n padding-left: 0;\n padding-right: 0;\n}\n.wrapped-form-field > .form > .root-group-box {\n overflow: visible;\n / allow overflow for the root-group-box for wrapped forms /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar {\n / position scrollbar as right as possible to prevent overlapping field parts. /\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar > .scrollbar-thumb.y-axis {\n padding-left: 8px;\n}\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar:hover.y-axis > .scrollbar-thumb.y-axis,\n.wrapped-form-field > .form > .root-group-box > .group-box-body > .scrollbar.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: 6px;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar {\n margin-left: 10px;\n background-color: inherit;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar > .menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.wrapped-form-field > .form > .root-group-box > .menubar > .menubar-box > .menu-item.last {\n margin-right: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.glasspane {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n outline: none;\n z-index: 100;\n cursor: default;\n}\n.glasspane.busy {\n cursor: wait;\n}\n.glasspane.dark {\n background-color: rgba(0, 0, 0, 0.1);\n -webkit-animation: fade-in ease-in 1;\n -moz-animation: fade-in ease-in 1;\n -o-animation: fade-in ease-in 1;\n animation: fade-in ease-in 1;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.glasspane-parent {\n pointer-events: none;\n / Disable hover effects and clicks /\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.image {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n}\n.image.autofit {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n}\n.image.chrome-fix {\n padding-bottom: 0.01px;\n}\n.image.empty {\n visibility: hidden;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #ffd197;\n line-height: normal;\n text-align: center;\n border: 1px solid #ffd197;\n font-size: 11px;\n font-weight: normal;\n border-radius: 3px;\n}\n.key-box.disabled {\n border-color: #7E8588;\n background-color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.logical-grid-layout {\n position: relative;\n}\n.logical-grid-layout > {\n position: absolute;\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.menu-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #71b0e8;\n cursor: pointer;\n padding: 6px 10px;\n border-radius: 3px;\n transition: box-shadow 0.3s ease;\n}\n.menu-item.menu-icononly {\n padding-left: 8px;\n padding-right: 8px;\n}\n.menu-item > .key-box {\n bottom: -3px;\n}\n.menu-item:hover {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.menu-item:active,\n.menu-item.active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.menu-item.selected {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.menu-item.selected:hover {\n background-color: #94c4ee;\n}\n.menu-item.selected.active,\n.menu-item.selected:active {\n background-color: #a6cdf1;\n}\n.menu-item.selected.has-popup {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.menu-item:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #1b64a5;\n}\n.menu-item.disabled {\n color: #7E8588;\n background-color: transparent;\n cursor: default;\n}\n.menu-item.disabled:hover,\n.menu-item.disabled.active,\n.menu-item.disabled:active {\n background-color: transparent;\n}\n.menu-item.disabled.selected {\n color: #0E1316;\n background-color: #7E8588;\n}\n.menu-item.disabled.selected.has-popup {\n color: #7E8588;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.menu-item.menu-textandicon > .icon {\n margin-right: 8px;\n}\n.menu-item > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.menu-item > .font-icon {\n font-size: 16px;\n}\n.menu-item > .image-icon {\n / Prevent large image icons from overlapping the menu item /\n max-height: 16px;\n / Ensure the default image icon size is taken from the beginning, so that the text does not \"jump\" when /\n / the image loading is complete. (For larger icons, the width will be increased afterwards.) /\n min-width: 16px;\n}\n.menu-item > .icon.with-label {\n margin-right: 8px;\n}\n.menu-item.disabled > .icon.image-icon {\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n filter: grayscale(100%);\n opacity: 0.5;\n}\n.menu-item > .submenu-icon,\n.menu-item > .text > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.menu-icononly.menu-item > .submenu-icon,\n.menu-icononly.menu-item > .text > .submenu-icon {\n padding-left: 0;\n}\n.selected.menu-item > .submenu-icon,\n.selected.menu-item > .text > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.menu-item.bottom-text.menu-textandicon {\n flex-direction: column;\n}\n.menu-item.bottom-text.menu-textandicon > .icon {\n display: block;\n margin-right: 0;\n padding-bottom: 3px;\n}\n.menu-item.bottom-text.menu-textandicon > .text {\n display: flex;\n align-items: center;\n font-size: 10px;\n}\n.menu-item.bottom-text.menu-textandicon > .text > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n line-height: 0;\n}\n.menu-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #71b0e8;\n background-color: transparent;\n --border-color: #71b0e8;\n border: 1px solid var(--border-color);\n border-radius: 3px;\n cursor: pointer;\n padding: 2px 7px;\n}\n.menu-button.borderless {\n background-color: transparent;\n border: 0;\n}\n.menu-button.borderless:focus {\n outline: none;\n box-shadow: inset 0 0 0 3px #1b64a5;\n}\n.menu-button > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.menu-button > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n}\n.menu-button > .icon.with-label {\n margin-right: 8px;\n}\n.menu-button > .icon.loading,\n.menu-button > .icon.broken {\n display: none !important;\n / NOSONAR (!important is okay here) /\n}\n.menu-button > .icon.image-icon {\n max-height: 100%;\n}\n.menu-button > .font-icon {\n font-size: 16px;\n}\n.menu-button > .submenu-icon {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n padding-left: 8px;\n}\n.selected.menu-button > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.menu-button > .button-label,\n.menu-button > .icon,\n.menu-button > .submenu-icon {\n opacity: 1;\n transition: opacity 250ms;\n}\n.menu-button:hover {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.menu-button:active,\n.menu-button.active {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.menu-button.selected {\n color: #0E1316;\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.menu-button.selected:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.menu-button.selected.active,\n.menu-button.selected:active {\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.menu-button.selected.has-popup {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.menu-button:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.menu-button.default {\n background-color: #71b0e8;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #71b0e8;\n color: #0E1316;\n}\n.menu-button.default:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.menu-button.default:active,\n.menu-button.default.active {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.menu-button.default.selected {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.menu-button.default:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.menu-button:disabled,\n.menu-button.disabled {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n cursor: default;\n}\n.menu-button:disabled:hover,\n.menu-button.disabled:hover,\n.menu-button:disabled.active,\n.menu-button.disabled.active,\n.menu-button:disabled:active,\n.menu-button.disabled:active,\n.menu-button:disabled.selected,\n.menu-button.disabled.selected {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\n}\n.menu-button:disabled.selected,\n.menu-button.disabled.selected {\n color: #0E1316;\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.menu-button:disabled.selected.has-popup,\n.menu-button.disabled.selected.has-popup {\n color: #7E8588;\n background-color: rgba(255, 255, 255, 0.18);\n border-color: rgba(255, 255, 255, 0.18);\n}\n.menu-button.loading > .button-label,\n.menu-button.loading > .icon,\n.menu-button.loading > .submenu-icon {\n opacity: 0;\n transition: opacity 250ms;\n}\n.menu-button.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -10px;\n margin-left: -10px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.menu-button.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 20px;\n height: 20px;\n}\n.menu-button.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.context-menu-popup {\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n}\n.context-menu-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.context-menu-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.context-menu {\n position: absolute;\n margin: 6px 0;\n background-color: #3B494F;\n}\n.context-menu > .menu-item {\n display: flex;\n justify-content: start;\n padding: 8px 16px 8px 16px;\n color: #E9EBEB;\n border-radius: 0;\n}\n.context-menu > .menu-item > .font-icon {\n color: #A7ACAD;\n min-width: 16px;\n text-align: center;\n}\n.context-menu > .menu-item > .text {\n overflow: hidden;\n text-overflow: ellipsis;\n / default is inline, inline-block is necessary so that max-width set by JS is respected /\n display: inline-block;\n}\n.context-menu > .menu-item.menu-textandicon > .icon {\n margin-right: 14px;\n}\n.context-menu > .menu-item.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.context-menu > .menu-item.selected.has-popup {\n color: #E9EBEB;\n}\n.context-menu > .menu-item.selected.has-popup.disabled {\n color: #7E8588;\n background-color: rgba(113, 176, 232, 0.09);\n}\n.context-menu > .menu-item.selected > .submenu-icon {\n transform: none;\n}\n.context-menu > .menu-item.expanded > .submenu-icon {\n -webkit-transform: rotateX(180deg) translateY(-1px);\n -ms-transform: rotateX(180deg) translateY(-1px);\n transform: rotateX(180deg) translateY(-1px);\n}\n.context-menu > .menu-item.disabled {\n color: #7E8588;\n}\n.context-menu > .menu-item.disabled > .font-icon {\n color: #7E8588;\n}\n.context-menu > .menu-item > .key-box {\n bottom: auto;\n top: 5px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.combo-menu {\n padding: 0;\n cursor: default;\n align-items: stretch;\n}\n.combo-menu:active,\n.combo-menu.active,\n.combo-menu:hover {\n background-color: transparent;\n}\n.combo-menu > .menu-item:not(.first) {\n margin-left: 3px;\n}\n.combo-menu > .menu-item:not(.first)::before {\n content: '';\n position: absolute;\n left: -1px;\n top: 7px;\n height: calc(100% - 14px);\n width: 1px;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.combo-menu > .menu-item:focus::before {\n display: none;\n}\n.combo-menu > .menu-item:not(.disabled):hover::before,\n.combo-menu > .menu-item.selected::before,\n.combo-menu > .menu-item:not(.disabled):hover ~ .menu-item::before,\n.combo-menu > .menu-item.selected ~ .menu-item::before {\n display: none;\n}\n.combo-menu.menu-button {\n border: 0;\n}\n.combo-menu.menu-button > .menu-item {\n border: 1px solid #71b0e8;\n flex-grow: 1;\n}\n.combo-menu.menu-button > .menu-item.menu-icononly:not(.first.last) {\n flex-grow: 0;\n}\n.combo-menu.menu-button > .menu-item:not(.last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0;\n}\n.combo-menu.menu-button > .menu-item:not(.first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: 0;\n margin-left: 0;\n}\n.disabled.combo-menu.menu-button > .menu-item {\n border-color: #7E8588;\n}\n.combo-menu.menu-button > .menu-item:focus {\n z-index: 1;\n}\n.combo-menu.menu-button.default > .menu-item {\n background-color: #71b0e8;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: #71b0e8;\n color: #0E1316;\n}\n.combo-menu.menu-button.default > .menu-item:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.combo-menu.menu-button.default > .menu-item:active,\n.combo-menu.menu-button.default > .menu-item.active {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.combo-menu.menu-button.default > .menu-item.selected {\n color: #0E1316;\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.combo-menu.menu-button.default > .menu-item:focus {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n}\n.combo-menu.menu-button.default > .menu-item::before {\n background-color: #0E1316;\n}\n.combo-menu.menu-button.default > .menu-item.selected {\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.combo-menu.menu-button.default > .menu-item.disabled {\n color: rgba(255, 255, 255, 0.4);\n}\n.combo-menu.menu-button.default > .menu-item.disabled:hover,\n.combo-menu.menu-button.default > .menu-item.disabled.active,\n.combo-menu.menu-button.default > .menu-item.disabled:active,\n.combo-menu.menu-button.default > .menu-item.disabled.selected {\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.context-menu > .combo-menu {\n padding: 0;\n}\n.context-menu > .combo-menu > .menu-item {\n color: #E9EBEB;\n padding: 8px 16px 8px 16px;\n flex-grow: 1;\n justify-content: start;\n border-radius: 0;\n}\n.context-menu > .combo-menu > .menu-item > .font-icon {\n color: #A7ACAD;\n}\n.context-menu > .combo-menu > .menu-item.menu-textandicon > .icon {\n margin-right: 14px;\n}\n.context-menu > .combo-menu > .menu-item.menu-icononly:not(.first.last) {\n flex-grow: 0;\n}\n.context-menu > .combo-menu > .menu-item.disabled {\n color: #7E8588;\n}\n.context-menu > .combo-menu > .menu-item.disabled > .font-icon {\n color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.profile-menu.menu-item > .icon {\n height: 26px;\n width: 26px;\n margin: -4px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background: linear-gradient(180deg, #014786 -145%, #9dc8ef 56%);\n}\n.profile-menu.menu-item > .icon.font-icon {\n color: #0E1316;\n}\n.profile-menu.menu-item > .icon.image-icon {\n object-fit: cover;\n max-height: 26px;\n}\n.context-menu > .menu-textandicon.profile-menu.menu-item > .icon {\n margin-right: 10px;\n}\n.desktop-tool-box-item.profile-menu.menu-item > .icon {\n height: 32px;\n width: 32px;\n margin: 0;\n box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);\n font-size: 18px;\n}\n.menu-textandicon.desktop-tool-box-item.profile-menu.menu-item > .icon {\n margin-right: 8px;\n}\n.desktop-tool-box-item.profile-menu.menu-item > .icon.image-icon {\n max-height: 32px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n cursor: default;\n color: #E9EBEB;\n}\n.form-field-menu:hover {\n color: #E9EBEB;\n background-color: transparent;\n}\n.form-field-menu:active,\n.form-field-menu.active {\n background-color: transparent;\n}\n.form-field-menu:not(.has-text):not(.has-icon) > .form-field > label {\n margin-left: 0;\n}\n.form-field-menu > .form-field {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n}\n.form-field-menu > .form-field > label {\n margin-left: 8px;\n}\n.form-field-menu > .form-field.disabled:not(.read-only) > label {\n / Use same disabled color as for menu items /\n color: #7E8588;\n}\n.form-field-menu:not(.has-icon) > .form-field:not(.no-mandatory-indicator) {\n margin-left: -10px;\n}\n.form-field-menu > .check-box-field.disabled:not(.read-only) > .field > .label,\n.form-field-menu > .radiobutton-group > .radiobutton-group-body > .radio-button.disabled:not(.read-only) > .field > .label,\n.form-field-menu > .radio-button.disabled:not(.read-only) > .field > .label {\n / Use same disabled color as for menu items /\n color: #7E8588;\n}\n.menubar-box > .form-field-menu > .string-field,\n.menubar-box > .form-field-menu > .smart-field,\n.menubar-box > .form-field-menu > .dropdown-field,\n.menubar-box > .form-field-menu > .proposal-field,\n.menubar-box > .form-field-menu > .number-field,\n.menubar-box > .form-field-menu > .date-field,\n.menubar-box > .form-field-menu > .tag-field,\n.menubar-box > .form-field-menu > .file-chooser-field {\n margin-top: 2px;\n margin-bottom: 2px;\n}\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu.first {\n padding-left: 0;\n}\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu.last {\n padding-right: 0;\n}\n/ Inside context menu popup -> set preferred size /\n.context-menu > .form-field-menu > .text,\n.context-menu > .form-field-menu > .icon {\n flex: none;\n}\n.context-menu > .form-field-menu > .form-field {\n flex: 1 1 auto;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ Mixins /\n#scout {\n / standard main-menubar /\n / a transparent main-menubar /\n}\n/ Styles /\n.menubar {\n position: relative;\n width: 100%;\n background-color: transparent;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n white-space: nowrap;\n}\n.menubar.bottom {\n border-bottom: 0;\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n}\n.menubar-box {\n display: inline-flex;\n height: 100%;\n align-items: center;\n / If the menubar has a border left and right, the first and last items need to be adjusted /\n}\n.menubar-box.right {\n float: right;\n}\n.menubar-box > .menu-separator {\n width: 1px;\n margin: 0 10px;\n background-color: rgba(255, 255, 255, 0.12);\n height: 15px;\n}\n.menubar-box > .menu-separator.overflown {\n display: none;\n}\n.menubar-box > .menu-item {\n margin: 2px 2px;\n / By making sure menu items are always at least the same height as form fields, it is easier to align them with each other, especially when zoomed /\n min-height: 30px;\n}\n.menubar-box > .menu-item.menu-icononly {\n margin-left: 2px;\n margin-right: 2px;\n min-width: 30px;\n}\n.menubar-box > .menu-item.overflown {\n display: none;\n}\n.menubar-box > .menu-item.first {\n margin-left: 0;\n}\n.menubar-box > .menu-item.last {\n margin-right: 0;\n}\n.menubar-box > .menu-button {\n min-width: 110px;\n margin: 4px;\n}\n.menubar-box > .menu-button.small {\n min-width: 53px;\n}\n.bounded > .menubar-box > .menu-item.first {\n margin-left: 2px;\n}\n.bounded > .menubar-box > .menu-item.last {\n margin-right: 2px;\n}\n.main-menubar {\n background-color: transparent;\n min-height: 64px;\n margin-left: inherit;\n margin-right: inherit;\n}\n.main-menubar > .menubar-box > .menu-separator {\n height: 18px;\n}\n.main-menubar > .menubar-box > .menu-item {\n margin-left: 5px;\n margin-right: 5px;\n}\n.main-menubar > .menubar-box > .menu-item.first {\n margin-left: 10px;\n}\n.main-menubar > .menubar-box > .menu-item.last {\n margin-right: 10px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly {\n margin-left: 2px;\n margin-right: 2px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly.first {\n margin-left: 12px;\n}\n.main-menubar > .menubar-box > .menu-item.menu-icononly.last {\n margin-right: 12px;\n}\n.main-menubar > .menubar-box > .menu-button.first,\n.main-menubar > .menubar-box > .menu-button.first.menu-icononly {\n margin-left: 20px;\n}\n.main-menubar > .menubar-box > .menu-button.last,\n.main-menubar > .menubar-box > .menu-button.last.menu-icononly {\n margin-right: 20px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.menu-bar-popup {\n margin: 8px 6px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: 473px;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n margin: 10px / minimum padding to desktop / 10px 15px;\n}\n.messagebox.full-height.full-width {\n border-radius: 0;\n}\n.messagebox.full-width > .messagebox-buttons {\n padding-left: 10px;\n padding-right: 10px;\n}\n.messagebox.full-width > .messagebox-buttons > .box-button {\n min-width: 70px;\n / less min width for buttons on small screens /\n margin-right: 8px;\n}\n.messagebox.full-width > .messagebox-buttons > .box-button:last-child {\n margin-right: 0;\n}\n.messagebox.info > .messagebox-content > .messagebox-header {\n color: #71b0e8;\n}\n.messagebox.info > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #71b0e8;\n}\n.messagebox.info > .box-buttons > .box-button {\n border-color: #71b0e8;\n color: #71b0e8;\n}\n.messagebox.info > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.info > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.messagebox.info > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.messagebox.info > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.messagebox.info > .box-buttons > .box-button.default:hover {\n background-color: #94c4ee;\n border-color: #94c4ee;\n}\n.messagebox.info > .box-buttons > .box-button.default.active,\n.messagebox.info > .box-buttons > .box-button.default:active {\n background-color: #a6cdf1;\n border-color: #a6cdf1;\n}\n.messagebox.info > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.messagebox.info > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.messagebox.error > .messagebox-content > .messagebox-header {\n color: #FF8888;\n}\n.messagebox.error > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #FF8888;\n}\n.messagebox.error > .box-buttons > .box-button {\n border-color: #FF8888;\n color: #FF8888;\n}\n.messagebox.error > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.error > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #804444;\n border-color: #9f5555;\n}\n.messagebox.error > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.messagebox.error > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #FF8888;\n}\n.messagebox.error > .box-buttons > .box-button.default:hover {\n background-color: #ffa7a7;\n border-color: #ffa7a7;\n}\n.messagebox.error > .box-buttons > .box-button.default.active,\n.messagebox.error > .box-buttons > .box-button.default:active {\n background-color: #ffbbbb;\n border-color: #ffbbbb;\n}\n.messagebox.error > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #804444;\n border-color: #9f5555;\n}\n.messagebox.error > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.messagebox.warning > .messagebox-content > .messagebox-header {\n color: #FFBE6B;\n}\n.messagebox.warning > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #FFBE6B;\n}\n.messagebox.warning > .box-buttons > .box-button {\n border-color: #FFBE6B;\n color: #FFBE6B;\n}\n.messagebox.warning > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.warning > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #805f36;\n border-color: #9f7743;\n}\n.messagebox.warning > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.messagebox.warning > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #FFBE6B;\n}\n.messagebox.warning > .box-buttons > .box-button.default:hover {\n background-color: #ffd094;\n border-color: #ffd094;\n}\n.messagebox.warning > .box-buttons > .box-button.default.active,\n.messagebox.warning > .box-buttons > .box-button.default:active {\n background-color: #ffd9a8;\n border-color: #ffd9a8;\n}\n.messagebox.warning > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #805f36;\n border-color: #9f7743;\n}\n.messagebox.warning > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.messagebox.ok > .messagebox-content > .messagebox-header {\n color: #62e7ce;\n}\n.messagebox.ok > .messagebox-content > .messagebox-header > .font-icon.messagebox-icon {\n background-color: #62e7ce;\n}\n.messagebox.ok > .box-buttons > .box-button {\n border-color: #62e7ce;\n color: #62e7ce;\n}\n.messagebox.ok > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.messagebox.ok > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #317467;\n border-color: #3d9081;\n}\n.messagebox.ok > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.messagebox.ok > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #62e7ce;\n}\n.messagebox.ok > .box-buttons > .box-button.default:hover {\n background-color: #85ecd9;\n border-color: #85ecd9;\n}\n.messagebox.ok > .box-buttons > .box-button.default.active,\n.messagebox.ok > .box-buttons > .box-button.default:active {\n background-color: #a0f0e1;\n border-color: #a0f0e1;\n}\n.messagebox.ok > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #317467;\n border-color: #3d9081;\n}\n.messagebox.ok > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.messagebox.animate-open {\n -webkit-animation-name: short-drop;\n -moz-animation-name: short-drop;\n -o-animation-name: short-drop;\n animation-name: short-drop;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.messagebox.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.messagebox-content {\n min-height: 30px;\n padding: 27px 26px 17px 26px;\n display: flex;\n flex-direction: column;\n align-items: center;\n / add a bit of extra space to the scrollbar on the right /\n}\n.messagebox-content > .scrollbar.y-axis {\n width: 16px;\n}\n.messagebox-icon {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n font-size: 12px;\n justify-content: center;\n flex-shrink: 0;\n}\n.messagebox-label {\n word-wrap: break-word;\n word-break: break-word;\n}\n.messagebox-label.copyable {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.messagebox-header {\n font-size: 16px;\n font-weight: bold;\n padding-bottom: 14px;\n text-align: center;\n}\n.messagebox-header > .messagebox-icon {\n color: #0E1316;\n font-size: 14px;\n border-radius: 50%;\n}\n.messagebox-header.has-text > .messagebox-icon {\n margin-right: 12px;\n}\n.has-body > .messagebox-html {\n padding-top: 10px;\n}\n.messagebox-html > :first-child {\n margin-top: 0;\n}\n.messagebox-html > :last-child {\n margin-bottom: 0;\n}\n.messagebox-html > p {\n margin: 8px 0;\n}\n.messagebox-html > p + ul {\n margin-top: -4px;\n}\n.messagebox-html > ul {\n margin: 5px 0;\n}\n.messagebox-html > ul {\n padding-left: 26px;\n}\n.messagebox-html > ul > li {\n margin-top: 3px;\n}\n.messagebox-html > ul > li:first-child {\n margin-top: 0;\n}\n.messagebox-buttons {\n display: flex;\n justify-content: center;\n padding: 4px 26px 25px 26px;\n}\n@media (max-width: 473px) {\n .messagebox {\n / no need to have a margin on small screens /\n margin: 0;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode {\n --padding-x: 12px;\n --padding-y: 6px;\n --border-width: 1px;\n border: var(--border-width) solid rgba(255, 255, 255, 0.25);\n border-radius: 0;\n flex: 1 1 0;\n padding: var(--padding-y) var(--padding-x);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.mode.first {\n border-radius: 3px 0 0 3px;\n}\n.mode.last {\n border-radius: 0 3px 3px 0;\n}\n.mode.first.last {\n border-radius: 3px;\n}\n.mode:not(.last):not(.selected) {\n border-right: none;\n padding-right: calc(var(--padding-x) + var(--border-width));\n / account for the missing border, so that text does not jump /\n}\n.mode.after-selected {\n border-left: none;\n padding-left: calc(var(--padding-x) + var(--border-width));\n / account for the missing border, so that text does not jump /\n}\n.mode.selected {\n color: #0E1316;\n cursor: default;\n}\n.mode.selected:hover {\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.mode.selected:active {\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.mode.selected.disabled {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.mode > .icon {\n padding: 0;\n}\n.mode > .icon.with-label {\n margin-right: 8px;\n}\n.mode-selector.alternative > .mode {\n --border-width: 0px;\n color: #E9EBEB;\n background-color: transparent;\n border-radius: 3px;\n}\n.mode-selector.alternative > .mode:hover {\n background-color: #1F2428;\n}\n.mode-selector.alternative > .mode:active {\n background-color: #3B494F;\n}\n.mode-selector.alternative > .mode.selected {\n color: #71b0e8;\n transition: color 500ms ease;\n}\n.mode-selector.alternative > .mode.selected:hover {\n background-color: transparent;\n}\n.mode-selector.alternative > .mode.selected.disabled {\n background-color: #252F34;\n}\n.mode-selector.alternative > .mode.mode-selector-dragging {\n background-color: transparent;\n transition: unset;\n}\n.mode-selector.alternative > .mode.disabled {\n color: #7E8588;\n background-color: transparent;\n cursor: default;\n}\n.dense .mode-selector > .mode {\n --padding-x: 5px;\n --padding-y: 3px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode-selector {\n position: relative;\n background-color: transparent;\n white-space: nowrap;\n display: inline-flex;\n overflow: hidden;\n}\n.mode-selector > .mode-slider {\n display: none;\n}\n.mode-selector.alternative {\n background-color: rgba(0, 0, 0, 0.6);\n border-radius: 3px;\n border: 3px solid transparent;\n}\n.mode-selector.alternative:not(.disabled) > .mode-slider {\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n background-color: #2C363A;\n border-radius: 3px;\n transition: left 500ms ease, width 500ms ease;\n}\n.mode-selector.alternative:not(.disabled) > .mode-slider.mode-selector-dragging {\n transition: unset;\n}\n.mode-selector.alternative > .mode.mode-selector-dragging {\n pointer-events: none;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.notification {\n position: relative;\n display: flex;\n align-items: center;\n margin: 10px 0 0 10px;\n padding: 8px;\n border: 1px solid transparent;\n border-radius: 8px;\n color: #E9EBEB;\n pointer-events: auto;\n font-weight: bold;\n / When notification is a direct child of the main group-box: use different margins /\n}\n.notification.alternative {\n border: 0;\n}\n.notification.no-icon {\n padding: 13px 12px 13px 23px;\n}\n.notification.no-icon::before {\n content: '';\n position: absolute;\n border: 2px solid rgba(47, 60, 69, 0.6);\n background-color: rgba(47, 60, 69, 0.6);\n margin: 7px 0 7px 9px;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(100% - 7px 2);\n}\n.notification.ok {\n border-color: #62e7ce;\n color: #62e7ce;\n}\n.notification.ok.alternative {\n background-color: rgba(0, 133, 108, 0.6);\n}\n.notification.ok.no-icon::before {\n border-color: #62e7ce;\n background-color: #62e7ce;\n}\n.notification.info {\n border-color: #71b0e8;\n font-weight: normal;\n}\n.notification.info.alternative {\n color: #71b0e8;\n font-weight: bold;\n background-color: rgba(47, 60, 69, 0.6);\n}\n.notification.info.no-icon::before {\n border-color: #71b0e8;\n background-color: #71b0e8;\n}\n.notification.warning {\n border-color: #FFBE6B;\n color: #FFBE6B;\n}\n.notification.warning.alternative {\n background-color: rgba(173, 98, 0, 0.6);\n}\n.notification.warning.no-icon::before {\n border-color: #FFBE6B;\n background-color: #FFBE6B;\n}\n.notification.error {\n border-color: #FF8888;\n color: #FF8888;\n}\n.notification.error.alternative {\n background-color: rgba(171, 52, 52, 0.5);\n}\n.notification.error.no-icon::before {\n border-color: #FF8888;\n background-color: #FF8888;\n}\n.root-group-box > .notification {\n margin-left: 20px;\n margin-right: 20px;\n}\n.notification-icon {\n width: 32px;\n height: 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n.notification-icon.font-icon {\n color: #0E1316;\n background-color: #252F34;\n font-size: 14px;\n border-radius: 50%;\n}\n.ok > .notification-icon.font-icon {\n background-color: #62e7ce;\n}\n.info > .notification-icon.font-icon {\n background-color: #71b0e8;\n}\n.warning > .notification-icon.font-icon {\n background-color: #FFBE6B;\n}\n.error > .notification-icon.font-icon {\n background-color: #FF8888;\n}\n.notification-content {\n max-width: 100%;\n}\n.has-icon > .notification-content {\n max-width: calc(100% - 40px);\n margin-left: 10px;\n}\n.notification-content.closable {\n padding-right: 25px;\n}\n.notification-content > .closer {\n position: absolute;\n right: 6px;\n top: 6px;\n padding: 6px;\n}\n.has-icon > .notification-content > .closer {\n right: 9px;\n top: 9px;\n}\n.ok > .notification-content > .closer,\n.warning > .notification-content > .closer,\n.error > .notification-content > .closer,\n.alternative > .notification-content > .closer {\n color: inherit;\n}\n.notification-message {\n padding-right: 12px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.planner {\n position: absolute;\n overflow: hidden;\n}\n.planner > .menubar.bottom {\n position: absolute;\n bottom: 0;\n}\n.planner-scale {\n position: absolute;\n right: 0;\n height: 45px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\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: #1F2428;\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: rgba(113, 176, 232, 0.09);\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: #E9EBEB;\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 rgba(255, 255, 255, 0.12);\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: rgba(113, 176, 232, 0.09);\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 #71b0e8;\n border-bottom: 2px solid #71b0e8;\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: #252F34;\n border-left: 2px solid #71b0e8;\n border-right: 2px solid #71b0e8;\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: #252F34;\n border-left: 2px solid #71b0e8;\n border-right: 2px solid #71b0e8;\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: #0E1316;\n height: 27px;\n line-height: 27px;\n background-color: #62e7ce;\n text-align: center;\n border: 1px solid rgba(255, 255, 255, 0.12);\n overflow: hidden;\n}\n.planner-activity.selected {\n outline: 2px solid #71b0e8;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #E9EBEB;\n background-color: transparent;\n border: 1px solid rgba(255, 255, 255, 0.25);\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: #71b0e8;\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: #71b0e8;\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: #E9EBEB;\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: #E9EBEB;\n text-align: center;\n}\n.planner-commands {\n display: table-cell;\n text-align: right;\n}\n.planner-mode,\n.planner-toggle-year,\n.planner-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: 30px;\n line-height: 29px;\n cursor: pointer;\n}\n.planner-mode {\n padding: 0 8px;\n min-width: 65px;\n text-align: center;\n border-top: 1px solid rgba(255, 255, 255, 0.25);\n border-bottom: 1px solid rgba(255, 255, 255, 0.25);\n border-left: 1px solid rgba(255, 255, 255, 0.25);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.planner-mode.first {\n border-left: 1px solid rgba(255, 255, 255, 0.25);\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.planner-mode.last {\n border-right: 1px solid rgba(255, 255, 255, 0.25);\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-right: 5px;\n}\n.planner-mode:hover {\n color: #71b0e8;\n}\n.planner-mode.selected {\n color: #E9EBEB;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.planner-mode.disabled {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n color: #7E8588;\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: #71b0e8;\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: #E9EBEB;\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: #E9EBEB;\n text-align: center;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.popup {\n position: absolute;\n top: 0;\n}\n.popup:focus {\n outline: none;\n}\n.popup.with-arrow {\n min-width: 11px;\n min-height: 11px;\n}\n.popup.before-animate-open {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n.popup.modal.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.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: 11px;\n height: 11px;\n}\n.popup-arrow.left {\n left: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.popup-arrow.left.center {\n top: 50%;\n}\n.popup-arrow.left.bottomedge {\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.popup-arrow.right {\n right: 0;\n transform: translate(50%, -50%) rotate(45deg);\n}\n.popup-arrow.right.center {\n top: 50%;\n}\n.popup-arrow.right.bottomedge {\n transform: translate(50%, 50%) rotate(45deg);\n}\n.popup-arrow.top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.popup-arrow.top.center {\n left: 50%;\n}\n.popup-arrow.top.rightedge {\n transform: translate(50%, -50%) rotate(45deg);\n}\n.popup-arrow.bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.popup-arrow.bottom.center {\n left: 50%;\n}\n.popup-arrow.bottom.rightedge {\n transform: translate(50%, 50%) rotate(45deg);\n}\n.popup-arrow.leftedge {\n left: 35px;\n}\n.popup-arrow.rightedge {\n right: 35px;\n}\n.popup-arrow.topedge {\n top: 35px;\n}\n.popup-arrow.bottomedge {\n bottom: 35px;\n}\n.popup-arrow-overlay {\n position: absolute;\n background-color: inherit;\n width: 100%;\n height: 100%;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mobile-popup {\n background-color: #2E3C41;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n overflow: hidden;\n margin-top: 30px;\n box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.5);\n}\n.mobile-popup.animate-open {\n -webkit-animation-name: slidein-bottom;\n -moz-animation-name: slidein-bottom;\n -o-animation-name: slidein-bottom;\n animation-name: slidein-bottom;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.mobile-popup.animate-remove {\n -webkit-animation-name: slideout-bottom;\n -moz-animation-name: slideout-bottom;\n -o-animation-name: slideout-bottom;\n animation-name: slideout-bottom;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.mobile-popup-header {\n position: absolute;\n width: 100%;\n padding-top: 10px;\n padding-left: 20px;\n}\n.mobile-popup-header > .title {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: Arial, sans-serif;\n font-weight: normal;\n font-size: 16px;\n width: 100%;\n}\n.mobile-popup-header > .closer {\n position: absolute;\n top: 6px;\n right: 6px;\n padding: 7px;\n z-index: 1;\n border-radius: 7px;\n}\n.mobile-popup-header > .closer::before {\n display: none;\n}\n.mobile-popup.closable > .mobile-popup-header > .title {\n margin-right: 30px;\n width: calc(100% - 30px);\n}\n.mobile-popup-widget {\n position: relative;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.touch-popup {\n position: absolute;\n overflow: hidden;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 45px 10px 10px 10px;\n}\n.touch-popup > .body {\n display: flex;\n flex-direction: column;\n}\n.touch-popup-header {\n margin: 8px 5px 8px 15px;\n display: flex;\n align-items: baseline;\n}\n.touch-popup-title {\n font-weight: bold;\n color: #E9EBEB;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.touch-popup-field {\n position: relative;\n margin: 0 15px 8px;\n flex: none;\n}\n.touch-popup-widget-container {\n position: relative;\n min-height: 0;\n max-height: 400px;\n}\n@media (max-height: 568px) {\n .touch-popup {\n / move popup to top on small screens, no need to waste space/\n margin-top: 10px;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.popup-animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.popup-animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.widget-popup {\n background-color: #2E3C41;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 8px;\n}\n.widget-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.widget-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.widget-popup > .popup-arrow.bottom,\n.widget-popup > .popup-arrow.right {\n box-shadow: 0px 4px 32px -2px rgba(0, 0, 0, 0.2);\n}\n.widget-popup > .actions {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n white-space: nowrap;\n}\n.widget-popup > .actions > .action {\n color: #E9EBEB;\n margin: 7px 7px 7px 2px;\n border-radius: 7px;\n padding: 7px;\n font-size: 17px;\n min-width: 30px;\n}\n.widget-popup > .actions > .action:hover {\n color: #E9EBEB;\n}\n.widget-popup > .actions > .action.disabled {\n color: #7E8588;\n}\n.widget-popup > .popup-widget {\n position: relative;\n overflow: hidden;\n background-color: inherit;\n border-radius: 12px;\n}\n.widget-popup > .popup-arrow-overlay {\n border-radius: 12px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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.scroll-shadow {\n transition: box-shadow 250ms;\n position: absolute;\n pointer-events: none;\n z-index: 1;\n --scroll-shadow-color: rgba(0, 0, 0, 0.7);\n --scroll-shadow-size: 14px;\n --scroll-shadow-blur: 14px;\n --scroll-shadow-spread: 15px;\n --scroll-shadow-inset-top: 0;\n --scroll-shadow-inset-right: 0;\n --scroll-shadow-inset-bottom: 0;\n --scroll-shadow-inset-left: 0;\n --scroll-shadow-blur-spread-color: var(--scroll-shadow-blur) calc(-1 var(--scroll-shadow-spread)) var(--scroll-shadow-color);\n --scroll-shadow-top: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-bottom: inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-left: inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-right: inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-none: inset 0 0 0 0 transparent;\n}\n.scroll-shadow.top {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-none);\n}\n.scroll-shadow.top.bottom {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-none), var(--scroll-shadow-bottom), var(--scroll-shadow-none);\n}\n.scroll-shadow.top.bottom.left {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-none), var(--scroll-shadow-bottom), var(--scroll-shadow-left);\n}\n.scroll-shadow.top.bottom.right {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-right), var(--scroll-shadow-bottom), var(--scroll-shadow-none);\n}\n.scroll-shadow.top.bottom.right.left {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-right), var(--scroll-shadow-bottom), var(--scroll-shadow-left);\n}\n.scroll-shadow.top.left {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-left);\n}\n.scroll-shadow.top.left.right {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-right), var(--scroll-shadow-none), var(--scroll-shadow-left);\n}\n.scroll-shadow.top.right {\n box-shadow: var(--scroll-shadow-top), var(--scroll-shadow-right), var(--scroll-shadow-none), var(--scroll-shadow-none);\n}\n.scroll-shadow.bottom {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-bottom), var(--scroll-shadow-none);\n}\n.scroll-shadow.bottom.right {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-right), var(--scroll-shadow-bottom), var(--scroll-shadow-none);\n}\n.scroll-shadow.left {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-left);\n}\n.scroll-shadow.left.right {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-right), var(--scroll-shadow-none), var(--scroll-shadow-left);\n}\n.scroll-shadow.left.bottom {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-none), var(--scroll-shadow-bottom), var(--scroll-shadow-left);\n}\n.scroll-shadow.left.bottom.right {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-right), var(--scroll-shadow-bottom), var(--scroll-shadow-left);\n}\n.scroll-shadow.right {\n box-shadow: var(--scroll-shadow-none), var(--scroll-shadow-right), var(--scroll-shadow-none), var(--scroll-shadow-none);\n}\n.scroll-shadow.gradient {\n --scroll-shadow-color: #252F34;\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n}\n.scroll-shadow.large {\n --scroll-shadow-size: 14px;\n --scroll-shadow-blur: 14px;\n --scroll-shadow-spread: 14px;\n}\n/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n -ms-touch-action: none;\n touch-action: none;\n z-index: 10;\n}\n.resizable-s {\n cursor: s-resize;\n height: 10px;\n width: 100%;\n bottom: -5px;\n left: 0;\n}\n.resizable-e {\n cursor: e-resize;\n width: 10px;\n right: -5px;\n top: 0;\n height: 100%;\n}\n.resizable-se {\n cursor: se-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n bottom: -5px;\n}\n.resizable-sw {\n cursor: sw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n bottom: -5px;\n}\n.resizable-w {\n cursor: w-resize;\n width: 10px;\n left: -5px;\n top: 0;\n height: 100%;\n}\n.resizable-nw {\n cursor: nw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n top: -5px;\n}\n.resizable-n {\n cursor: n-resize;\n width: 100%;\n height: 10px;\n left: 0;\n top: -5px;\n}\n.resizable-ne {\n cursor: ne-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n top: -5px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n background-color: #3B494F;\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n}\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n .busyindicator {\n background-color: rgba(59, 73, 79, 0.8);\n -webkit-backdrop-filter: blur(15px);\n backdrop-filter: blur(15px);\n }\n}\n.busyindicator > .box-buttons > .box-button {\n border-color: #71b0e8;\n color: #71b0e8;\n}\n.busyindicator > .box-buttons > .box-button:focus {\n box-shadow: none;\n / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n}\n.busyindicator > .box-buttons > .box-button.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.busyindicator > .box-buttons > .box-button.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.busyindicator > .box-buttons > .box-button.default {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.busyindicator > .box-buttons > .box-button.default:hover {\n background-color: #57a1e4;\n border-color: #57a1e4;\n}\n.busyindicator > .box-buttons > .box-button.default.active,\n.busyindicator > .box-buttons > .box-button.default:active {\n background-color: #3890df;\n border-color: #3890df;\n}\n.busyindicator > .box-buttons > .box-button.default.keyboard-navigation {\n outline: none;\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #3077b6;\n}\n.busyindicator > .box-buttons > .box-button.default.disabled {\n color: #7E8588;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: transparent;\n}\n.busyindicator.calc-helper {\n top: 0;\n left: 0;\n}\n.busyindicator.animate-open {\n -webkit-animation-name: fade-in;\n -moz-animation-name: fade-in;\n -o-animation-name: fade-in;\n animation-name: fade-in;\n -webkit-animation-duration: 0.5s;\n -moz-animation-duration: 0.5s;\n -o-animation-duration: 0.5s;\n animation-duration: 0.5s;\n}\n.busyindicator.animate-modality-highlight {\n -webkit-transform-origin: 50% 50%;\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-animation-name: shake;\n -moz-animation-name: shake;\n -o-animation-name: shake;\n animation-name: shake;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: linear;\n -moz-animation-timing-function: linear;\n -o-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.busyindicator-content {\n border-radius: 8px;\n padding: 26px;\n}\n.busyindicator-label {\n display: inline-block;\n margin-left: 32px;\n text-indent: -32px;\n}\n.busyindicator-label::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n width: 22px;\n height: 22px;\n margin-top: -3px;\n margin-right: 15px;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n border-radius: 50%;\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n}\n.busyindicator-label.cancelled::before {\n -webkit-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n}\n.busyindicator-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n.busyindicator-details {\n padding-top: 20px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #E9EBEB;\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: #BFC2C3;\n}\ninput[type=range]:not(.ms-edge)::-webkit-slider-thumb {\n box-sizing: border-box;\n border: 1px solid #0E1316;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #E9EBEB;\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: #1b64a5;\n border-color: #71b0e8;\n}\ninput[type=range]::-moz-range-track {\n height: 3px;\n cursor: pointer;\n animate: 0.2s;\n background: #BFC2C3;\n}\ninput[type=range]::-moz-range-thumb {\n box-sizing: border-box;\n border: 1.5px solid #0E1316;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #E9EBEB;\n cursor: pointer;\n}\ninput[type=range]:focus::-moz-range-thumb {\n background-color: #1b64a5;\n border-color: #71b0e8;\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: #BFC2C3;\n}\ninput[type=range]::-ms-fill-upper {\n background: #BFC2C3;\n}\ninput[type=range]::-ms-thumb {\n box-sizing: border-box;\n border: 1px solid #0E1316;\n height: 16px;\n width: 16px;\n border-radius: 8px;\n background-color: #E9EBEB;\n cursor: pointer;\n}\ninput[type=range]:focus::-ms-thumb {\n background-color: #1b64a5;\n border-color: #71b0e8;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: rgba(255, 255, 255, 0.12);\n}\n.splitter.line:not(.disabled):hover {\n background-color: #71b0e8;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n#scout {\n / args = keyframeName, timingFunction, iterationCount /\n / Fade In /\n / Fade Out /\n / Fade In from current /\n / Fade Out from current /\n / Fade with Short Drop /\n / Fade out and shrink with blur /\n / Fade out and shrink /\n / Fade out and grow with blur /\n / Fade out and grow /\n / Fade in and grow with blur /\n / Fade in and grow /\n / Slide In Bottom \n Moves the element into screen from bottom up /\n /* Slide Out Bottom \n Moves the element out of bottom screen border /\n /* Slide Out Right \n Moves the element out of right screen border /\n /* Slide Out Left \n Moves the element out of left screen border /\n /* Grow Y \n Scales the element along the y axis until 1. Expects the element to be scaled (e.g. scaleY(0)) when the animation starts.\n To create a slide down animation (as known from jQuery) set transform-origin to top. /\n /* Shrink Y \n Shrinks the element along the y axis until 0/\n /* Fade In Zoom /\n / Fade In Zoom Bounce /\n / Rotation /\n / Rotation-Reverse /\n / Pulse Opacity /\n / Pulsate /\n / Pulsate Reverse /\n / Pulsate In-Out /\n / Attention /\n / Rotate-X /\n / Animate Dot /\n / Shake /\n}\n@-webkit-keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@-webkit-keyframes fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@keyframes fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n@-webkit-keyframes fade-in-from-current {\n to {\n opacity: 1;\n }\n}\n@keyframes fade-in-from-current {\n to {\n opacity: 1;\n }\n}\n@-webkit-keyframes fade-out-from-current {\n to {\n opacity: 0;\n }\n}\n@keyframes fade-out-from-current {\n to {\n opacity: 0;\n }\n}\n@-webkit-keyframes short-drop {\n 0% {\n -webkit-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n 40% {\n -webkit-transform: translateY(7px);\n -ms-transform: translateY(7px);\n transform: translateY(7px);\n }\n 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n@keyframes short-drop {\n 0% {\n -webkit-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n transform: translateY(-40px);\n }\n 40% {\n -webkit-transform: translateY(7px);\n -ms-transform: translateY(7px);\n transform: translateY(7px);\n }\n 100% {\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n}\n@-webkit-keyframes fadeout-shrink-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n}\n@keyframes fadeout-shrink-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n}\n@-webkit-keyframes fadeout-shrink {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n}\n@keyframes fadeout-shrink {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n}\n@-webkit-keyframes fadeout-grow-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n}\n@keyframes fadeout-grow-blur {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n}\n@-webkit-keyframes fadeout-grow {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n}\n@keyframes fadeout-grow {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n}\n@-webkit-keyframes fadein-grow-blur {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n}\n@keyframes fadein-grow-blur {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n}\n@-webkit-keyframes fadein-grow {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-grow {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes slidein-bottom {\n 0% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@keyframes slidein-bottom {\n 0% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@-webkit-keyframes slideout-bottom {\n 100% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@keyframes slideout-bottom {\n 100% {\n -webkit-transform: translateY(100%);\n -ms-transform: translateY(100%);\n transform: translateY(100%);\n }\n}\n@-webkit-keyframes slideout-right {\n 100% {\n -webkit-transform: translateX(100%);\n -ms-transform: translateX(100%);\n transform: translateX(100%);\n }\n}\n@keyframes slideout-right {\n 100% {\n -webkit-transform: translateX(100%);\n -ms-transform: translateX(100%);\n transform: translateX(100%);\n }\n}\n@-webkit-keyframes slideout-left {\n 100% {\n -webkit-transform: translateX(-100%);\n -ms-transform: translateX(-100%);\n transform: translateX(-100%);\n }\n}\n@keyframes slideout-left {\n 100% {\n -webkit-transform: translateX(-100%);\n -ms-transform: translateX(-100%);\n transform: translateX(-100%);\n }\n}\n@-webkit-keyframes grow-y {\n 100% {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@keyframes grow-y {\n 100% {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@-webkit-keyframes shrink-y {\n 100% {\n -webkit-transform: scaleY(0);\n -ms-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@keyframes shrink-y {\n 100% {\n -webkit-transform: scaleY(0);\n -ms-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@-webkit-keyframes fadein-zoom {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-zoom {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes fadein-zoom-bounce {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 65% {\n opacity: 1;\n -webkit-transform: scale(1.02, 1.02);\n -ms-transform: scale(1.02, 1.02);\n transform: scale(1.02, 1.02);\n }\n 100% {\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@keyframes fadein-zoom-bounce {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.75, 0.75);\n -ms-transform: scale(0.75, 0.75);\n transform: scale(0.75, 0.75);\n }\n 65% {\n opacity: 1;\n -webkit-transform: scale(1.02, 1.02);\n -ms-transform: scale(1.02, 1.02);\n transform: scale(1.02, 1.02);\n }\n 100% {\n -webkit-transform: scale(1, 1);\n -ms-transform: scale(1, 1);\n transform: scale(1, 1);\n }\n}\n@-webkit-keyframes rotation {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n -ms-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n@keyframes rotation {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n -ms-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n@-webkit-keyframes rotation-reverse {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(-359deg);\n -ms-transform: rotate(-359deg);\n transform: rotate(-359deg);\n }\n}\n@keyframes rotation-reverse {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(-359deg);\n -ms-transform: rotate(-359deg);\n transform: rotate(-359deg);\n }\n}\n@-webkit-keyframes pulse-opacity {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes pulse-opacity {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1;\n }\n}\n@-webkit-keyframes pulsate {\n 0% {\n -webkit-transform: scale(0.25);\n -ms-transform: scale(0.25);\n transform: scale(0.25);\n opacity: 0.35;\n }\n 45% {\n opacity: 1;\n }\n 96% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.2;\n }\n 100% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.04;\n }\n}\n@keyframes pulsate {\n 0% {\n -webkit-transform: scale(0.25);\n -ms-transform: scale(0.25);\n transform: scale(0.25);\n opacity: 0.35;\n }\n 45% {\n opacity: 1;\n }\n 96% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.2;\n }\n 100% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0.04;\n }\n}\n@-webkit-keyframes pulsate-reverse {\n 0% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0;\n }\n}\n@keyframes pulsate-reverse {\n 0% {\n -webkit-transform: scale(1.2);\n -ms-transform: scale(1.2);\n transform: scale(1.2);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0;\n }\n}\n@-webkit-keyframes pulsate-in-out {\n 0% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0.01;\n }\n 100% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes pulsate-in-out {\n 0% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n -webkit-transform: scale(0.1);\n -ms-transform: scale(0.1);\n transform: scale(0.1);\n opacity: 0.01;\n }\n 100% {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n@-webkit-keyframes attention {\n 0% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 10% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n -ms-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 20% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 100% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n@keyframes attention {\n 0% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 10% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n -ms-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 20% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n 100% {\n -webkit-transform: scale3d(1, 1, 1);\n -ms-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n@-webkit-keyframes rotate-x {\n 0% {\n -webkit-transform: perspective(120px) rotateY(0deg);\n -ms-transform: perspective(120px) rotateY(0deg);\n transform: perspective(120px) rotateY(0deg);\n }\n 50% {\n -webkit-transform: perspective(120px) rotateY(-180deg);\n -ms-transform: perspective(120px) rotateY(-180deg);\n transform: perspective(120px) rotateY(-180deg);\n }\n 100% {\n -webkit-transform: perspective(120px) rotateY(-360deg);\n -ms-transform: perspective(120px) rotateY(-360deg);\n transform: perspective(120px) rotateY(-360deg);\n }\n}\n@keyframes rotate-x {\n 0% {\n -webkit-transform: perspective(120px) rotateY(0deg);\n -ms-transform: perspective(120px) rotateY(0deg);\n transform: perspective(120px) rotateY(0deg);\n }\n 50% {\n -webkit-transform: perspective(120px) rotateY(-180deg);\n -ms-transform: perspective(120px) rotateY(-180deg);\n transform: perspective(120px) rotateY(-180deg);\n }\n 100% {\n -webkit-transform: perspective(120px) rotateY(-360deg);\n -ms-transform: perspective(120px) rotateY(-360deg);\n transform: perspective(120px) rotateY(-360deg);\n }\n}\n@-webkit-keyframes animateDot {\n 0% {\n color: #E9EBEB;\n bottom: 0;\n }\n 25% {\n color: #7E8588;\n bottom: 4px;\n }\n 50% {\n color: #E9EBEB;\n bottom: 0;\n }\n 100% {\n color: #E9EBEB;\n bottom: 0;\n }\n}\n@keyframes animateDot {\n 0% {\n color: #E9EBEB;\n bottom: 0;\n }\n 25% {\n color: #7E8588;\n bottom: 4px;\n }\n 50% {\n color: #E9EBEB;\n bottom: 0;\n }\n 100% {\n color: #E9EBEB;\n bottom: 0;\n }\n}\n@-webkit-keyframes shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n -ms-transform: translate(2px, 1px) rotate(0deg);\n transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n -ms-transform: translate(-1px, -2px) rotate(-1deg);\n transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0) rotate(1deg);\n -ms-transform: translate(-3px, 0) rotate(1deg);\n transform: translate(-3px, 0) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0, 2px) rotate(0deg);\n -ms-transform: translate(0, 2px) rotate(0deg);\n transform: translate(0, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n -ms-transform: translate(1px, -1px) rotate(1deg);\n transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n -ms-transform: translate(-1px, 2px) rotate(-1deg);\n transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n -ms-transform: translate(-3px, 1px) rotate(0deg);\n transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n -ms-transform: translate(2px, 1px) rotate(-1deg);\n transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n -ms-transform: translate(-1px, -1px) rotate(1deg);\n transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n -ms-transform: translate(2px, 2px) rotate(0deg);\n transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n -ms-transform: translate(1px, -2px) rotate(-1deg);\n transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n@keyframes shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n -ms-transform: translate(2px, 1px) rotate(0deg);\n transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n -ms-transform: translate(-1px, -2px) rotate(-1deg);\n transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0) rotate(1deg);\n -ms-transform: translate(-3px, 0) rotate(1deg);\n transform: translate(-3px, 0) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0, 2px) rotate(0deg);\n -ms-transform: translate(0, 2px) rotate(0deg);\n transform: translate(0, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n -ms-transform: translate(1px, -1px) rotate(1deg);\n transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n -ms-transform: translate(-1px, 2px) rotate(-1deg);\n transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n -ms-transform: translate(-3px, 1px) rotate(0deg);\n transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n -ms-transform: translate(2px, 1px) rotate(-1deg);\n transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n -ms-transform: translate(-1px, -1px) rotate(1deg);\n transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n -ms-transform: translate(2px, 2px) rotate(0deg);\n transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n -ms-transform: translate(1px, -2px) rotate(-1deg);\n transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n/ NOP (no operation, may be used to temporarily set css properties while the animation runs, e.g. using a transition) /\n@-webkit-keyframes nop {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes nop {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ -------------------------------- /\n/ Scout default theme /\n/ extends: - /\n/ affects: Scout OSS /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Color palette /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Global colors /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Component specific colors /\n/ -------------------------------- /\n/ always white to not change the look of the website /\n/ do not use the @info-color here as the icon should have the same color as field icons /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ Font face definition for custom icon font:\n\nSee GIT history for font-face definitions. Some how it wasn't possible\nto produce a consistent look on all browsers with the font-face definition.\nSimply using font-family works better and is more reliable. However, we still\ncould use 'Open Sans' in the font-family (when it's installed on the client\nsystem) and fall back to Arial otherwise, without downloading a WOFF file.\n\nTry these to switch between fonts:\n\n@defaultFont: 'Open Sans', OpenSans, Arial, sans-serif;\n@defaultFont: Arial, sans-serif;\n /\n@font-face {\n font-family: scoutIcons;\n font-weight: normal;\n src: url('fonts/scoutIcons.woff') format('woff');\n}\n@font-face {\n font-family: scoutIcons;\n font-weight: 300;\n src: url('fonts/scoutIcons-light.woff') format('woff');\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ default font icons (sans-serif, arial) /\n/ scoutIcons: custom icons /\n/ scoutIcons: awesome icons /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n#scout {\n / Use dashed line instead of solid to avoid visual conflict with editable fields /\n / Font Mixins /\n / Invisible pseudo element that enables vertical-align if container has height set /\n / Mixin for chooser popups as used in smart-field /\n / Mixin for scrollbar positioning /\n /\n * Hides the scrollbars but lets the user still scroll (e.g. using mousewheel or touch).\n * This works a bit different for every browser.\n /\n /\n Uses the inverted colors of the scrollbars. Use this mixin in a widget that requires inverted scrollbars (e.g. a widget with white background in dark mode).\n /\n}\n#scout .status {\n display: flex;\n align-items: center;\n}\n#scout .status::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n border-radius: 3px;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n#scout .menu-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .menu-status::before {\n content: '\\E041';\n color: #BFC2C3;\n font-size: 16px;\n}\n#scout .menu-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #E9EBEB;\n}\n#scout .menu-status:active::before,\n#scout .menu-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #E9EBEB;\n}\n#scout .tooltip-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .tooltip-status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n#scout .tooltip-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n#scout .tooltip-status:active::before,\n#scout .tooltip-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n#scout .info-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .info-status::before {\n content: '\\E002';\n color: #A7ACAD;\n font-size: 16px;\n}\n#scout .info-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n}\n#scout .info-status:active::before,\n#scout .info-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #BFC2C3;\n}\n#scout .ok-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .ok-status::before {\n content: '\\E002';\n color: #62e7ce;\n font-size: 16px;\n}\n#scout .ok-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #8eeedc;\n}\n#scout .ok-status:active::before,\n#scout .ok-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #8eeedc;\n}\n#scout .warning-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .warning-status::before {\n content: '\\E001';\n color: #FFBE6B;\n font-size: 16px;\n}\n#scout .warning-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffd49e;\n}\n#scout .warning-status:active::before,\n#scout .warning-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffd49e;\n}\n#scout .error-status {\n visibility: visible;\n cursor: pointer;\n}\n#scout .error-status::before {\n content: '\\E001';\n color: #FF8888;\n font-size: 16px;\n}\n#scout .error-status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffbbbb;\n}\n#scout .error-status:active::before,\n#scout .error-status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n color: #ffbbbb;\n}\n#scout .cursor-grab {\n / \"grab\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: grab;\n}\n#scout .cursor-grabbing {\n / \"grabbing\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: grabbing;\n}\n#scout .chooser-popup {\n position: absolute;\n overflow: hidden;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n#scout .chooser-popup.touch {\n background-color: #1F2428;\n}\n#scout .popup {\n background-color: #2E3C41;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 12px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n}\n#scout .hide-scrollbars {\n -ms-overflow-style: none;\n / Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width /\n scrollbar-width: none;\n}\n#scout .hide-scrollbars::-webkit-scrollbar {\n display: none;\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb > .scrollbar-thumb-handle {\n background-color: rgba(59, 73, 79, 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(59, 73, 79, 0.45);\n}\n#scout .inverted-scrollbars > .scrollbar > .scrollbar-thumb.container-too-small-for-thumb > .scrollbar-thumb-handle {\n background-color: rgba(59, 73, 79, 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(59, 73, 79, 0.15);\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ -------------------------------- /\n/ Global sizes /\n/ -------------------------------- /\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see scout.HtmlEnvironment /\n/ --------------------------------------------------------------------------- /\n.html-env-logical-grid-row {\n height: 30px;\n margin-bottom: 10px;\n}\n.html-env-logical-grid-row.dense {\n height: 24px;\n margin-bottom: 8px;\n}\n.html-env-logical-grid-column {\n width: 420px;\n margin-right: 30px;\n margin-left: 4px;\n}\n.html-env-field-mandatory-indicator {\n width: 10px;\n}\n.html-env-field-label {\n width: 140px;\n}\n.html-env-field-status {\n width: 24px;\n}\n/ -------------------------------- /\n/ Component specific sizes /\n/ -------------------------------- /\n/ Necessary to align icon with text /\n/ Adjustment to shift the checkbox a little upwards to align it with the text (resp. first line of the text in case of multiline table cells) /\n/ not 50px because last pixel is the border (would not look good)/\n/ bigger space when multiple icons are displayed /\n/ Optimized for a tile height of 30px (logical-grid-height) /\n/ minimum margin to window or anchor /\n/ -------------------------------- /\n/ Other sizes /\n/ -------------------------------- /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.switch {\n position: absolute;\n right: 0;\n display: flex;\n}\n.switch > .switch-button {\n margin-top: -2px;\n}\n.switch-label {\n margin-right: 8px;\n}\n.switch-button,\n.switch-button:before {\n transition: 0.25s ease-in-out;\n}\n.switch-button {\n width: 36px;\n position: relative;\n height: 22px;\n border-radius: 11px;\n background-color: rgba(0, 0, 0, 0.6);\n cursor: pointer;\n border: solid 1px #7E8588;\n --activated-border-color: #71b0e8;\n --activated-background-color: #71b0e8;\n}\n.switch-button:before {\n content: '';\n display: block;\n position: absolute;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n top: 2px;\n left: 2px;\n border: solid 1px #E9EBEB;\n background-color: #E9EBEB;\n}\n.switch-button.activated {\n background-color: var(--activated-background-color);\n border-color: var(--activated-border-color);\n}\n.switch-button.activated:before {\n background-color: #1F2428;\n border-color: #1F2428;\n left: calc(100% - 18px);\n}\n.disabled > .switch-button {\n background-color: transparent;\n border-color: rgba(255, 255, 255, 0.12);\n cursor: unset;\n}\n.disabled > .switch-button::before {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.12);\n}\n.disabled > .switch-button.activated {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.disabled > .switch-button.activated::before {\n background-color: #1F2428;\n border-color: #1F2428;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-row-level-padding {\n width: 20px;\n}\n.table {\n position: relative;\n --table-row-margin-x: 0px;\n --table-row-padding-y: 7px;\n --table-aggregate-row-padding-y-small: 7px;\n --table-aggregate-row-padding-y-large: 15px;\n / Used for scout.Table.CheckableStyle.TABLE_ROW /\n}\n.table:focus,\n.table.focused,\n.table.perma-focus {\n outline: none;\n}\n.table:focus > .table-data > .table-row.selected,\n.table.focused > .table-data > .table-row.selected,\n.table.perma-focus > .table-data > .table-row.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.table:focus > .table-data > .table-row.selected::after,\n.table.focused > .table-data > .table-row.selected::after,\n.table.perma-focus > .table-data > .table-row.selected::after {\n border-color: #71b0e8;\n}\n.table.checkable > .table-data > .table-row {\n cursor: pointer;\n}\n.table.checkable.disabled > .table-data > .table-row,\n.table.checkable > .table-data > .table-row.disabled {\n cursor: default;\n}\n.table.table-row-check > .table-data > .table-row.selected {\n / Don't draw selection /\n background-color: transparent;\n}\n.table.table-row-check > .table-data > .table-row.selected::after {\n display: none;\n}\n.table.table-row-check > .table-data > .table-row:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.table.table-row-check > .table-data > .table-row.disabled,\n.table.table-row-check > .table-data.disabled > .table-row {\n background-color: transparent;\n}\n.table.table-row-check > .table-data > .table-row.checked,\n.table.table-row-check > .table-data > .table-row.checked.selected {\n / Mark checked rows with a background color /\n background-color: #71b0e8;\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: #0E1316;\n}\n.table.table-row-check > .table-data > .table-row.checked:hover,\n.table.table-row-check > .table-data > .table-row.checked.selected:hover {\n background-color: #94c4ee;\n}\n.table.table-row-check > .table-data > .table-row.disabled.checked,\n.table.table-row-check > .table-data.disabled > .table-row.checked,\n.table.table-row-check > .table-data > .table-row.disabled.checked.selected,\n.table.table-row-check > .table-data.disabled > .table-row.checked.selected {\n background-color: #7E8588;\n}\n.table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected,\n.table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected.checked,\n.table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected.checked {\n background-color: #94c4ee;\n}\n.table.structured .table-row:not(.leaf) {\n background-color: #1F2428;\n font-weight: bold;\n}\n.table > .tile-accordion {\n padding-top: 20px;\n padding-left: 20px;\n padding-right: 15px;\n}\n.table > .tile-accordion > .group > .tile-grid {\n padding: 0;\n}\n.table > .tile-table-header {\n padding-left: 20px;\n padding-right: 20px;\n}\n.table > .tile-table-header > .group-box-body {\n padding-bottom: 6px;\n}\n.table.dimmed-background {\n background-color: #1F2428;\n}\n.table.dimmed-background > .menubar {\n background-color: inherit;\n}\n.table > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--controls-height)) / 2);\n}\n.table > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--controls-height)) / 2);\n}\n.has-menubar.menubar-bottom.table > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--controls-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n}\n.has-menubar.menubar-bottom.table > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--controls-height)) / 2);\n}\n.has-cell-editor-popup.table > .filter-field {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.table-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n:not(.header-invisible) > .table-data {\n / Draw the .table-data div one pixel higher, over the header (for selection border).\n Add the padding to keep the size of the first row and not overdraw the header line with the row background /\n margin-top: -1px;\n padding-top: 1px;\n}\n.table-data > .scrollbar.y-axis {\n / Make scrollbar visually centered /\n margin-top: 9px;\n}\n.table-data > .table-row,\n.table-data > .table-aggregate-row,\n.table-data > .table-data-fill,\n.table-data > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.table-data > .scrollbar {\n z-index: 2;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .table-row,\n.table:not(.knight-rider-loading) > .table-data.loading > .table-aggregate-row,\n.table:not(.knight-rider-loading) > .table-data.loading > .table-data-fill,\n.table:not(.knight-rider-loading) > .table-data.loading > .scrollbar {\n opacity: 0;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.table:not(.knight-rider-loading) > .table-data.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.table.knight-rider-loading > .loading-indicator {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n height: 2px;\n width: 100%;\n opacity: 0;\n animation: fade-in 1s forwards, slideout-right 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n}\n.table.knight-rider-loading > .loading-indicator::before {\n animation: slideout-left 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n content: '';\n position: absolute;\n background: linear-gradient(to right, transparent 0%, #71b0e8 20%, #71b0e8 80%, transparent 100%);\n left: 0;\n width: 50px;\n height: 100%;\n}\n.table-data-fill {\n background-color: rgba(255, 255, 255, 0.12);\n / actual style is set by JS, this is used for the line color (see _applyFillerStyle) /\n}\n.table-row,\n.table-aggregate-row {\n position: relative;\n}\n.table-row:active {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.table-row.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.table-row.selected::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 2px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n pointer-events: none;\n z-index: 1;\n}\n.table-row.select-top::after,\n.table-row.select-middle::after {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n.table-row.select-middle::after,\n.table-row.select-bottom::after {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.table-row.select-single::after,\n.table-row.select-top::after {\n / Move the selection 1px up to cover the bottom border of the previous row. /\n top: -1px;\n height: calc(100% + 1px);\n}\n.header-invisible > .table-data > .table-row.select-single.first::after,\n.header-invisible > .table-data > .table-row.select-top.first::after {\n top: 0;\n}\n.table-row.checked {\n background-color: #71b0e8;\n}\n.table-row {\n margin-left: var(--table-row-margin-x);\n margin-right: var(--table-row-margin-x);\n}\n.table-cell {\n color: #E9EBEB;\n display: table-cell;\n padding: var(--table-row-padding-y) 10px var(--table-row-padding-y) 10px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n / for multiline text /\n}\n.last-row-at-bottom > .table-row.last > .table-cell {\n border-bottom: 0;\n}\n.table-row.disabled > .table-cell {\n / Table row is disabled -> use lighter disabled color /\n color: #7E8588;\n}\n.disabled > .table-row > .table-cell {\n / Whole table is disabled -> use darker disabled color /\n color: #7E8588;\n}\n.disabled.read-only > .table-data > .table-row > .table-cell {\n color: #E9EBEB;\n}\n.table-row.checked > .table-cell {\n color: #0E1316;\n}\n.table-cell.empty,\n.table-cell.icon-only {\n text-overflow: clip;\n}\n.table-cell.last.halign-left,\n.table-cell.last.halign-center,\n.table-cell.last.halign-right {\n padding-right: 14px;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 5px 5px 0 0;\n border-color: rgba(255, 255, 255, 0.12) 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: rgba(255, 255, 255, 0.12);\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.editable.has-error::before {\n border-color: #FF8888 transparent transparent transparent;\n}\n.table:not(.disabled) > .table-data > .table-row:not(.disabled) > .table-cell.mandatory.has-error::before {\n color: #FF8888;\n}\n.table-cell.table-node > .table-row-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n padding: var(--table-row-padding-y) 8px var(--table-row-padding-y) 13px;\n cursor: pointer;\n line-height: 15px;\n /* Necessary to align with the text, depends on the used font size /\n}\n.table-cell.table-node > .table-row-control::before {\n display: block;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\E013';\n color: inherit;\n}\n.expanded.table-cell.table-node > .table-row-control::before {\n / This \"imprecise\" angle is a workround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n}\n.table-cell.table-node > .table-row-control:hover::before {\n color: #FE9915;\n}\n.table-cell.checkable {\n / same padding for left and right, it's by purpose /\n padding: calc(var(--table-row-padding-y) - 2px) 10px 0 10px;\n cursor: pointer;\n text-overflow: clip;\n}\n.grouping-style-top > .table-aggregate-cell.table-cell.checkable {\n padding-top: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-bottom: 3px;\n}\n.grouping-style-bottom > .table-aggregate-cell.table-cell.checkable {\n padding-bottom: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-top: 3px;\n}\n.table-cell.checkable.disabled,\n.table.disabled > .table-data > .table-row > .table-cell.checkable {\n cursor: default;\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box {\n cursor: default;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box.checked {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.table.disabled > .table-data > .table-row > .table-cell > .check-box.undefined {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.table-cell.halign-right {\n text-align: right;\n padding-right: 10px;\n padding-left: 10px;\n}\n.table-cell.halign-right.table-aggregate-cell {\n direction: rtl;\n}\n.table-cell.halign-right.table-aggregate-cell > .text,\n.table-cell.halign-right.table-aggregate-cell > .table-cell-icon {\n direction: ltr;\n}\n.table-cell.halign-center {\n text-align: center;\n padding-right: 10px;\n}\n.font-icon.table-cell-icon {\n color: #E9EBEB;\n font-size: 14px;\n line-height: 15px;\n vertical-align: top;\n}\n.disabled .font-icon.table-cell-icon {\n color: #7E8588;\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: #0E1316;\n}\n.table-aggregate {\n overflow: hidden;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: 12px;\n}\n.table-aggregate > .table-cell {\n padding: var(--table-row-padding-y) 10px 0 10px;\n border-bottom: 0;\n height: 100%;\n}\n.table-aggregate-row {\n background-color: #1F2428;\n min-width: 100%;\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n margin-top: -1px;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: 12px;\n}\n.table-aggregate-row > .table-cell {\n border-bottom: 0;\n}\n.table-aggregate-row.grouping-style-top > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-large);\n padding-bottom: var(--table-aggregate-row-padding-y-small);\n}\n.table-aggregate-row.grouping-style-bottom > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-small);\n padding-bottom: var(--table-aggregate-row-padding-y-large);\n}\n.table-aggregate-cell {\n font-weight: bold;\n overflow: visible;\n vertical-align: middle;\n / if aggregation is based on selected rows /\n}\n.table-aggregate-cell > .text {\n display: inline-block;\n vertical-align: middle;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.table-aggregate-cell > .table-cell-icon {\n display: inline-block;\n color: #E9EBEB;\n vertical-align: middle;\n line-height: 14px;\n}\n.table-aggregate-cell.sum > .table-cell-icon,\n.table-aggregate-cell.avg > .table-cell-icon {\n font-size: 13px;\n}\n.table-aggregate-cell.min > .table-cell-icon,\n.table-aggregate-cell.max > .table-cell-icon {\n font-size: 15px;\n}\n.table-aggregate-cell.selection,\n.table-aggregate-cell.selection > .table-cell-icon {\n color: #71b0e8;\n}\n.before-aggregate-row > .table-cell {\n border-bottom-color: transparent;\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: #5a3437;\n}\n.column-background-effect-gradient1-end {\n background-color: #1e544e;\n}\n.column-background-effect-gradient2-start {\n background-color: #1e544e;\n}\n.column-background-effect-gradient2-end {\n background-color: #5a3437;\n}\n/ key box /\n.table-row > .key-box {\n top: calc(50% - 23px / 2);\n}\n.table-controls > .table-control > .key-box {\n bottom: 4px;\n}\n.table .key-box.char {\n top: calc(50% - 21px / 2);\n}\n/ Animation: rotate from 0 -> 90 deg /\n@-webkit-keyframes expand-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n}\n@keyframes expand-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n}\n.expand-rotate::before {\n -webkit-animation-name: expand-rotate;\n -moz-animation-name: expand-rotate;\n -o-animation-name: expand-rotate;\n animation-name: expand-rotate;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Animation: rotate collapse 90 -> 0 deg /\n@-webkit-keyframes collapse-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n 100% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n@keyframes collapse-rotate {\n 00% {\n / see comment on top /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n }\n 100% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n}\n.collapse-rotate::before {\n -webkit-animation-name: collapse-rotate;\n -moz-animation-name: collapse-rotate;\n -o-animation-name: collapse-rotate;\n animation-name: collapse-rotate;\n -webkit-animation-duration: 0.3s;\n -moz-animation-duration: 0.3s;\n -o-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-iteration-count: 1;\n -moz-animation-iteration-count: 1;\n -o-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-timing-function: ease-out;\n -moz-animation-timing-function: ease-out;\n -o-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n/ Required because arrow up/down symbol is not properly vertically aligned with the rest of the sort/group text /\n.sort-symbol {\n top: -1.25px;\n position: relative;\n}\n.organize-columns-behind-scrollbar-column.table-cell.last {\n padding: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-footer {\n position: absolute;\n bottom: 0;\n min-height: 64px;\n width: 100%;\n white-space: nowrap;\n border-top: 1px solid rgba(255, 255, 255, 0.12);\n background-color: #252F34;\n}\n.table-control-resize {\n position: absolute;\n width: 100%;\n left: 0;\n height: 16px;\n cursor: row-resize;\n z-index: 2;\n border-top: 2px solid rgba(255, 255, 255, 0.12);\n}\n.table-control-container {\n position: absolute;\n overflow: hidden;\n outline: none;\n background-color: #252F34;\n bottom: 64px;\n width: 100%;\n / Default value for TableControl.js /\n height: 364px;\n display: none;\n z-index: 2;\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 rgba(255, 255, 255, 0.12);\n}\n.table-control-content {\n height: 100%;\n width: 100%;\n}\n.table-control-content > .form {\n background-color: #252F34;\n}\n.table-control-content > .form > .root-group-box > .group-box-body {\n / to make sure fields are not drawn over the menubar when making table control container very small /\n overflow: hidden;\n}\n.table-control-content > .form > .root-group-box > .main-menubar {\n background-color: inherit;\n border-color: transparent;\n}\n.table-controls {\n position: absolute;\n height: 100%;\n margin-left: 20px;\n display: flex;\n align-items: center;\n}\n.table-info {\n position: absolute;\n right: 0;\n display: inline-flex;\n align-items: center;\n height: 100%;\n margin-right: 5px;\n}\n.table-filter {\n position: relative;\n margin-right: 15px;\n}\n.table-text-filter {\n min-height: 32px;\n width: 180px;\n font-size: 13px;\n}\n.table-text-filter:focus.has-text {\n padding-right: 25px;\n}\n.table-text-filter:focus.has-text ~ .clear-icon {\n display: flex;\n}\n.table-text-filter ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: 32px;\n}\n.table-info-item.hiding {\n visibility: hidden;\n}\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n flex-shrink: 0;\n flex-grow: 0;\n color: #A7ACAD;\n cursor: pointer;\n line-height: 19px;\n font-size: 12px;\n overflow: hidden;\n white-space: nowrap;\n / margins are used instead of paddings for a better animation /\n}\n.table-info-load > span,\n.table-info-status > span,\n.table-info-filter > span,\n.table-info-selection > span {\n display: block;\n margin: 0 15px;\n}\n.table-info-load.disabled,\n.table-info-status.disabled,\n.table-info-filter.disabled,\n.table-info-selection.disabled {\n cursor: default;\n}\n.table-info-load.disabled > .table-info-button,\n.table-info-status.disabled > .table-info-button,\n.table-info-filter.disabled > .table-info-button,\n.table-info-selection.disabled > .table-info-button {\n color: #A7ACAD;\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: #71b0e8;\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: #9dc8ef;\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: #b3d5f3;\n}\n.table-info-status {\n padding-top: 0;\n line-height: 64px;\n color: #A7ACAD;\n / normal /\n / error /\n / warning /\n}\n.table-info-status:hover {\n color: #71b0e8;\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: #FF8888;\n}\n.table-info-status.error.tooltip-active:hover {\n color: #D53F3F;\n}\n.table-info-status.warning > .font-icon::before {\n content: '\\E001';\n}\n.table-info-status.warning.tooltip-active {\n color: #FFBE6B;\n}\n.table-info-status.warning.tooltip-active:hover {\n color: #ffd49e;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: #1F2428;\n border-bottom: 2px solid rgba(255, 255, 255, 0.12);\n z-index: 0;\n / begin new stacking context /\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n border-left: 0 solid transparent;\n}\n.table-header.disabled:not(.read-only) {\n color: #7E8588;\n}\n.table-header > .menubar-container {\n position: absolute;\n right: 0;\n top: 0;\n height: 100%;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n margin-left: 3px;\n}\n.table-header > .menubar-container > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n margin-right: 3px;\n min-height: 27px;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item > .font-icon {\n font-size: 15px;\n}\n.table-header > .menubar-container > .menubar > .menubar-box > .menu-item.menu-icononly {\n padding: 0;\n min-width: 27px;\n}\n.table-header-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n font-weight: bold;\n font-size: 12px;\n color: #A7ACAD;\n padding: 5px 7px 5px 7px;\n margin: 3px 4px 3px 3px;\n min-height: 27px;\n / Vertical align is necessary for 2 things: /\n / 1. Alignment in case of multiline headers. /\n / 2. A correct header height, see http://stackoverflow.com/questions/20566710/overflowhidden-displayinline-block-moves-text-upwards /\n vertical-align: middle;\n cursor: pointer;\n border-radius: 3px;\n}\n.table-header-item.last {\n margin-right: 3px;\n}\n.table-header-item.halign-right {\n justify-content: flex-end;\n text-align: right;\n padding-right: 7px;\n padding-left: 7px;\n}\n.table-header-item.halign-center {\n justify-content: center;\n text-align: center;\n padding-right: 7px;\n}\n.table-header-item.last.halign-left,\n.table-header-item.last.halign-center,\n.table-header-item.last.halign-right {\n padding-right: 11px;\n}\n.table-header-item.sorted,\n.table-header-item.grouped,\n.table-header-item.filtered {\n / make room for icon /\n padding-right: 19px;\n}\n.table-header-item.sorted.halign-right,\n.table-header-item.grouped.halign-right,\n.table-header-item.filtered.halign-right,\n.table-header-item.sorted.halign-center,\n.table-header-item.grouped.halign-center,\n.table-header-item.filtered.halign-center {\n padding-right: 22px;\n}\n.table-header-item.sorted.grouped,\n.table-header-item.sorted.filtered {\n / make some more room /\n padding-right: 31px;\n}\n.table-header-item.sorted.grouped.halign-right,\n.table-header-item.sorted.filtered.halign-right,\n.table-header-item.sorted.grouped.halign-center,\n.table-header-item.sorted.filtered.halign-center {\n padding-right: 34px;\n}\n.table-header-item.moving,\n.table-header-item.releasing {\n z-index: 1;\n}\n.table-header-item.moving > .table-header-item-state {\n display: none;\n}\n.table-header-item:hover {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.table-header-item.active,\n.table-header-item:active,\n.table-header-item.moving {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.table-header-item.selected {\n background-color: rgba(255, 255, 255, 0.18);\n color: #71b0e8;\n z-index: 1;\n}\n.table-header-item.disabled {\n cursor: default;\n / Override default disabled text color, because \"disabled\" in the table header means something different /\n color: #A7ACAD;\n background-color: inherit;\n}\n.table-header-item.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n}\n.table-header-item > .icon.font-icon {\n font-size: 15px;\n}\n.table-header-item > .icon.with-text {\n margin-right: 8px;\n}\n.table-header-item-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-top: 1px;\n}\n.table-header-item-state {\n position: absolute;\n display: flex;\n align-items: center;\n right: 0;\n top: 0;\n font-weight: normal;\n font-size: 10px;\n color: #E9EBEB;\n height: 100%;\n}\n.table-header-item-state > .left {\n padding-left: 3px;\n}\n.table-header-item-state.grouped.filtered > .left {\n padding-top: 0;\n}\n.table-header-item-state > .right {\n color: #E9EBEB;\n margin-top: -3px;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n}\n.table-header-item-state.sort-desc > .right::after {\n content: '\\2193';\n}\n.table-header-item-state.sort-asc > .right::after {\n content: '\\2191';\n}\n.table-header-resize {\n position: absolute;\n display: inline-block;\n top: 0;\n height: 100%;\n width: 17px;\n padding: 10px 8px;\n margin-left: -9px;\n background-color: #7E8588;\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: #F5F5F5;\n}\n.table-header-item.last + .table-header-resize {\n margin-left: -8px;\n}\n.table-header.moving > .table-header-resize {\n / Hide separators while moving, because their position will not be updated until the move-end event /\n visibility: hidden;\n}\n/ Temporary element inserted in header and data area during resizing of a column /\n.table-column-resize-helper {\n position: absolute;\n top: 0;\n left: 0;\n background-color: transparent;\n height: 1px;\n / width is set dynamically by TableHeader.js /\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-header-menu {\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 8px;\n white-space: nowrap;\n overflow: hidden;\n}\n.table-header-menu.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.table-header-menu.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n.table-header-menu-body {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.table-header-menu-actions {\n display: inline-block;\n vertical-align: top;\n padding: 16px;\n}\n.table-header-menu-actions > .table-header-menu-group > .table-header-menu-group-text {\n width: calc(100% + 12px);\n}\n.table-header-menu-filters {\n display: inline-block;\n vertical-align: top;\n width: 250px;\n padding: 0 16px 0 16px;\n margin: 16px 0 16px 0;\n}\n.table-header-menu-body.compact > .table-header-menu-filters {\n display: block;\n height: auto;\n margin-top: 5px;\n}\n.table-header-menu-filters > .table-header-menu-group > .form-field {\n position: relative;\n}\n.table-header-menu-group {\n padding-top: 12px;\n padding-bottom: 5px;\n}\n.table-header-menu-group.first {\n padding-top: 0;\n}\n.table-header-menu-group.last {\n padding-bottom: 0;\n}\n.table-header-menu-group.buttons {\n padding-bottom: 35px;\n}\n.table-header-menu-group.buttons.last {\n padding-bottom: 29px;\n}\n.table-header-menu-group-text {\n font-weight: bold;\n color: #A7ACAD;\n padding-bottom: 4px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.table-header-menu-command {\n float: left;\n width: 43px;\n margin-right: 10px;\n height: 30px;\n}\n.table-header-menu-command:focus {\n box-shadow: 0 0 0 3px #1b64a5;\n border-color: #4598e1;\n outline: none;\n}\n.table-header-menu-command.last {\n margin-right: 0;\n}\n.table-header-menu-command > .icon::after {\n position: relative;\n left: 3px;\n top: -3px;\n font-size: 13px;\n}\n.table-header-menu-command.move-top > .icon::before {\n content: '\\E010';\n}\n.table-header-menu-command.move-up > .icon::before {\n content: '\\E012';\n}\n.table-header-menu-command.move-down > .icon::before {\n content: '\\E013';\n}\n.table-header-menu-command.move-bottom > .icon::before {\n content: '\\E011';\n}\n.table-header-menu-command.sort-asc > .icon::before,\n.table-header-menu-command.sort-asc-add > .icon::before {\n content: '\\E017';\n}\n.table-header-menu-command.sort-desc > .icon::before,\n.table-header-menu-command.sort-desc-add > .icon::before {\n content: '\\E016';\n}\n.table-header-menu-command.sort-asc-add > .icon::after,\n.table-header-menu-command.sort-desc-add > .icon::after {\n content: '\\E01B';\n display: inline-block;\n / fix for pointer-events: none in IE11 /\n}\n.table-header-menu-command.sort-asc-add.selected > .icon::after,\n.table-header-menu-command.sort-desc-add.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px;\n / limit height otherwise arrow would move up in some browsers /\n}\n.table-header-menu-command.add-column > .icon::before {\n content: '\\E01B';\n}\n.table-header-menu-command.remove-column > .icon::before {\n content: '\\E01A';\n}\n.table-header-menu-command.change-column > .icon::before {\n content: '\\E02F';\n}\n.table-header-menu-command.togglable.selected:hover > .icon::before {\n content: '\\E035';\n}\n.table-header-menu-command.togglable.selected:hover > .icon::after {\n content: '';\n}\n.table-header-menu-command.hierarchy-collapse-all > .icon::before {\n content: '\\E037';\n}\n.table-header-menu-command.hierarchy-expand-all > .icon::before {\n content: '\\E036';\n}\n.table-header-menu-command.group > .icon::before,\n.table-header-menu-command.group-add > .icon::before {\n content: '\\E006';\n}\n.table-header-menu-command.group-add > .icon::after {\n content: '\\E01B';\n display: inline-block;\n / fix for pointer-events: none in IE11 /\n}\n.table-header-menu-command.group-add.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px;\n / limit height otherwise arrow would move up in some browsers /\n}\n.table-header-menu-command.aggregation-function.sum > .icon::before {\n content: '\\E02C';\n}\n.table-header-menu-command.aggregation-function.avg > .icon::before {\n content: '\\E03A';\n}\n.table-header-menu-command.aggregation-function.max > .icon::before {\n content: '\\E039';\n}\n.table-header-menu-command.aggregation-function.min > .icon::before {\n content: '\\E038';\n}\n.table-header-menu-command.color-gradient1 {\n background-image: linear-gradient(to right, #5a3437, #1e544e);\n}\n.table-header-menu-command.color-gradient2 {\n background-image: linear-gradient(to right, #1e544e, #5a3437);\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:hover {\n border-width: 2px;\n}\n.table-header-menu-command.color.selected {\n border-width: 2px;\n}\n.table-header-menu-command.color.selected.togglable:hover {\n background-image: none;\n}\n.table-header-menu-filter-actions {\n float: right;\n}\n.table-header-menu-filter-toggle-checked {\n display: inline;\n}\n.table-header-menu-filter-table.table-row-check {\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 3px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data {\n margin-top: 0;\n padding: 3px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row {\n border-radius: 3px;\n margin-bottom: 2px;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row.last {\n margin-bottom: 0;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row > .table-cell {\n border: 0;\n}\n.table-header-menu-filter-table.table-row-check > .table-data > .table-row > .table-cell.halign-right {\n padding-right: 12px;\n}\n.table-header-menu-filter-number-column {\n font-size: 11px;\n color: #A7ACAD;\n vertical-align: middle;\n}\n.table-header-menu-toggle-sort-order {\n float: left;\n padding-right: 16px;\n}\n.table-header-menu-toggle-sort-order::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.table-header-menu-toggle-sort-order-alphabetically::before {\n content: '\\F15D';\n}\n.table-header-menu-toggle-sort-order-amount::before {\n content: '\\F161';\n}\n/ Filter fields group-box /\n.filter-fields {\n padding: 0;\n}\n.filter-fields > .group-box-body {\n padding: 0;\n}\n.filter-fields > .group-box-body > .form-field > label {\n margin-left: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-row-detail {\n padding: 14px 16px;\n line-height: 25px;\n}\n.table-row-detail-name {\n margin-right: 4px;\n color: #A7ACAD;\n font-size: 12px;\n}\n.table-row-detail-value {\n white-space: normal;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.table-row-detail-icon.with-text {\n margin-right: 8px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-control {\n position: relative;\n color: #71b0e8;\n cursor: pointer;\n border-radius: 8px;\n margin-right: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 40px;\n height: 40px;\n}\n.table-control > .font-icon {\n font-size: 22px;\n}\n.table-control:hover {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.12);\n}\n.table-control:active {\n color: #b3d5f3;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.table-control.selected {\n color: #71b0e8;\n background-color: rgba(255, 255, 255, 0.18);\n}\n.table-control.disabled {\n cursor: default;\n color: #7E8588;\n background-color: transparent;\n}\n.tooltip.table-control-tooltip {\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-info, table-status) /\n margin-top: 8px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.cell-editor-popup {\n / make sure it is behind the scrollbar but above selection /\n z-index: 1;\n}\n.cell-editor-field {\n --padding-top: var(--table-row-padding-y) - 2px;\n --padding-bottom: var(--table-row-padding-y) - 2px;\n padding: calc(var(--padding-top)) 8px calc(var(--padding-bottom)) 8px;\n border-width: 2px;\n background-color: transparent;\n}\n.cell-editor-popup.overflow-top .cell-editor-field {\n --padding-top: var(--table-row-padding-y) - 2px + 1px;\n --padding-bottom: var(--table-row-padding-y) - 2px + 1px;\n}\n.cell-editor-popup.overflow-bottom .cell-editor-field {\n --padding-bottom: var(--table-row-padding-y) - 2px + 2px;\n}\n.cell-editor-field:focus,\n.cell-editor-field.focused {\n border-color: #71b0e8;\n box-shadow: none;\n}\n.cell-editor-field:focus.has-error,\n.cell-editor-field.focused.has-error {\n border-color: #FF8888;\n box-shadow: none;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.compact-cell-title {\n display: flex;\n align-items: baseline;\n line-height: 20px;\n}\n.compact-cell-title > .left {\n flex-grow: 1;\n font-weight: bold;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.compact-cell-title > .right {\n flex-grow: 0;\n / in case it wraps when title is large /\n text-align: right;\n}\n.compact-cell-subtitle {\n color: #A7ACAD;\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: #E9EBEB;\n}\n.compact-cell-more {\n line-height: 20px;\n}\n.compact-cell-content:not(:empty).has-header {\n padding-top: 5px;\n}\n.compact-cell-line {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.compact-cell-line-label {\n font-size: 12px;\n color: #A7ACAD;\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-element,\n.overflow-icon {\n display: inline-flex;\n user-select: none;\n white-space: nowrap;\n color: #000;\n outline: none;\n border-radius: 3px;\n background-color: #97c3ec;\n height: 22px;\n line-height: 22px;\n margin: 3px 4px 0 0;\n overflow: hidden;\n}\n.tag-element.focused:not(:hover),\n.overflow-icon.focused:not(:hover) {\n background-color: #75afe6;\n}\n.tag-element > .tag-text {\n max-width: 85px;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0 8px;\n}\n.removable.tag-element > .tag-text {\n padding-right: 4px;\n}\n.clickable.tag-element > .tag-text:hover {\n cursor: pointer;\n background-color: #75afe6;\n}\n.clickable.tag-element > .tag-text:active,\n.clickable.tag-element > .tag-text.active {\n background-color: #63a5e3;\n}\n.overflow-icon {\n align-items: center;\n color: #1561A7;\n padding: 0 6px;\n vertical-align: bottom;\n}\n.overflow-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n font-size: 16px;\n content: '\\F107';\n}\n.overflow-icon:hover {\n cursor: pointer;\n background-color: #75afe6;\n}\n.overflow-icon:active,\n.overflow-icon.active {\n background-color: #63a5e3;\n}\n.overflow-icon.selected {\n background-color: #63a5e3;\n color: #2F3C45;\n}\n.tag-remove-icon {\n color: #1561A7;\n display: flex;\n justify-content: center;\n width: 22px;\n padding-top: 1px;\n}\n.tag-remove-icon::before {\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n content: '\\E045';\n}\n.tag-remove-icon:hover {\n cursor: pointer;\n background-color: #75afe6;\n color: #000;\n}\n.tag-remove-icon:active,\n.tag-remove-icon.active {\n background-color: #63a5e3;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-overflow-popup {\n padding: 5px 4px 8px 8px;\n max-width: 250px;\n overflow: hidden;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n}\n.tag-overflow-popup > .popup-body {\n display: inline;\n}\n.tag-overflow-popup.animate-open {\n -webkit-animation-name: fadein-zoom;\n -moz-animation-name: fadein-zoom;\n -o-animation-name: fadein-zoom;\n animation-name: fadein-zoom;\n -webkit-animation-duration: 0.2s;\n -moz-animation-duration: 0.2s;\n -o-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n.tag-overflow-popup.animate-remove {\n -webkit-animation-name: fadeout-shrink-blur;\n -moz-animation-name: fadeout-shrink-blur;\n -o-animation-name: fadeout-shrink-blur;\n animation-name: fadeout-shrink-blur;\n -webkit-animation-duration: 0.15s;\n -moz-animation-duration: 0.15s;\n -o-animation-duration: 0.15s;\n animation-duration: 0.15s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n -o-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.time-picker-popup {\n position: absolute;\n background-color: #3B494F;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.2);\n margin: 5px;\n overflow: hidden;\n max-height: 350px;\n}\n.time-picker-separator {\n position: absolute;\n top: 0;\n left: 46px;\n height: 100%;\n border-right: 1px #A7ACAD solid;\n}\n.time-picker {\n position: relative;\n background-color: transparent;\n}\n.time-picker.touch-only :not(.selected):not(.disabled):not(:active):hover,\n.time-picker.touch-only :not(.selected):not(.disabled):not(:active):hover > .cell {\n background-color: inherit;\n}\n.touch-popup-widget-container > .time-picker {\n max-height: 300px;\n display: flex;\n justify-content: center;\n}\n.touch-popup-widget-container > .time-picker > .day-table {\n padding: 0;\n}\n.touch-popup-widget-container > .time-picker > .day-table > .hour-row:first-child > .cell {\n margin-top: 0;\n}\n.time-picker-touch-popup {\n max-width: 200px;\n}\n.time-picker-touch-popup > .body > .touch-popup-widget-container > .time-picker-separator {\n left: 84px;\n}\n.day-table {\n padding: 0 13px 0 3px;\n}\n.day-table > .hour-row {\n display: flex;\n}\n.day-table > .hour-row:hover > .hours,\n.day-table > .hour-row:hover > .hours.preselected {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.day-table > .hour-row:first-child > .cell {\n margin-top: 7px;\n}\n.day-table > .hour-row:last-child > .cell {\n margin-bottom: 7px;\n}\n.day-table > .hour-row > .cell {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: 32px;\n height: 32px;\n margin: 2px;\n border-radius: 6px;\n}\n.day-table > .hour-row > .hours {\n color: #A7ACAD;\n margin: 2px 13px 2px 4px;\n}\n.day-table > .hour-row > .hours.now {\n color: #AD6200;\n}\n.day-table > .hour-row > .hours.now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n font-weight: bold;\n}\n.day-table > .hour-row > .hours.preselected {\n background-color: rgba(255, 255, 255, 0.08);\n}\n.day-table > .hour-row > .hours:hover + .minutes {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.day-table > .hour-row > .hours:hover + .minutes.selected {\n background-color: #71b0e8;\n}\n.day-table > .hour-row > .hours:active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.day-table > .hour-row > .hours.selected {\n color: #71b0e8;\n}\n.day-table > .hour-row > .hours.selected > .text {\n font-weight: bold;\n border-bottom: 2px #71b0e8 solid;\n margin-bottom: -2px;\n}\n.day-table > .hour-row > .minutes.now {\n color: #AD6200;\n font-weight: bold;\n}\n.day-table > .hour-row > .minutes.now > .text {\n border-bottom: 2px #AD6200 solid;\n margin-bottom: -2px;\n font-weight: bold;\n}\n.day-table > .hour-row > .minutes.preselected {\n background-color: rgba(255, 255, 255, 0.08);\n}\n.day-table > .hour-row > .minutes:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.day-table > .hour-row > .minutes:active {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.day-table > .hour-row > .minutes.selected {\n color: #0E1316;\n background-color: #71b0e8;\n}\n.day-table > .hour-row > .minutes.selected.now > .text {\n border-color: #0E1316;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tooltip {\n position: absolute;\n background-color: #3B494F;\n border-radius: 3px;\n border: 1px solid rgba(255, 255, 255, 0.12);\n color: #BFC2C3;\n box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);\n max-width: 300px;\n white-space: normal;\n}\n.tooltip-content {\n padding: 8px 12px;\n position: relative;\n min-width: 60px;\n / Prevents tooltips with very short text from looking \"strange\" /\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: normal;\n background-color: inherit;\n border-radius: 3px;\n}\n.has-menus > .tooltip-content {\n font-weight: bold;\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 14px;\n}\n.tooltip-content .small {\n font-size: 11px;\n font-weight: normal;\n color: #BFC2C3;\n}\n.tooltip-content > .table-cell-icon {\n color: #BFC2C3;\n}\n.tooltip-menus {\n position: relative;\n background-color: inherit;\n margin-bottom: 6px;\n}\n.no-text > .tooltip-menus {\n margin-top: 6px;\n}\n.tooltip-menus > .menu-item {\n display: flex;\n justify-content: start;\n border-radius: 0;\n padding: 8px 16px 8px 16px;\n}\n.tooltip-menus > .menu-item:hover {\n background-color: rgba(255, 255, 255, 0.15);\n}\n.tooltip-menus > .menu-item > .submenu-icon {\n padding-left: 5px;\n}\n.ok > .tooltip-menus > .menu-item {\n color: #0E1316;\n}\n.info > .tooltip-menus > .menu-item {\n color: #E9EBEB;\n}\n.warning > .tooltip-menus > .menu-item {\n color: #0E1316;\n}\n.error > .tooltip-menus > .menu-item {\n color: #0E1316;\n}\n.tooltip-arrow {\n position: absolute;\n width: 7px;\n height: 7px;\n background-color: inherit;\n border: inherit;\n}\n.tooltip-arrow.arrow-bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n.tooltip-arrow.arrow-top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n.tooltip.error {\n background-color: #FF8888;\n border-width: 0;\n color: #0E1316;\n}\n.tooltip.error > .tooltip-arrow {\n background-color: #FF8888;\n}\n.tooltip.warning {\n background-color: #FFBE6B;\n border-width: 0;\n color: #0E1316;\n}\n.tooltip.warning > .tooltip-arrow {\n background-color: #FFBE6B;\n}\n.tooltip.ok {\n background-color: #62e7ce;\n border-width: 0;\n color: #0E1316;\n}\n.tooltip.ok > .tooltip-arrow {\n background-color: #62e7ce;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.widget-tooltip {\n max-width: none;\n}\n.widget-tooltip > .tooltip-widget-container {\n position: relative;\n padding: 10px;\n background-color: inherit;\n overflow: hidden;\n border-radius: 3px;\n}\n.widget-tooltip > .tooltip-widget-container > .widget {\n position: relative;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tree {\n position: relative;\n --node-padding-level-diff-parent-has-icon: 25px;\n}\n.tree:focus,\n.tree.focused {\n outline: none;\n}\n.tree:focus > .tree-data > .animation-wrapper > .tree-node.selected,\n.tree.focused > .tree-data > .animation-wrapper > .tree-node.selected,\n.tree:focus > .tree-data > .tree-node.selected,\n.tree.focused > .tree-data > .tree-node.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.tree:focus > .tree-data > .animation-wrapper > .tree-node.selected::after,\n.tree.focused > .tree-data > .animation-wrapper > .tree-node.selected::after,\n.tree:focus > .tree-data > .tree-node.selected::after,\n.tree.focused > .tree-data > .tree-node.selected::after {\n border-color: #71b0e8;\n}\n.tree > .filter-field {\n --filter-field-max-bottom: calc(50% - (var(--filter-field-height) + var(--menubar-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n}\n.tree > .filter-field:not(.focused).empty {\n --filter-field-max-bottom: calc(50% - (24px + var(--menubar-height)) / 2);\n}\n.tree-data {\n / necessary for scrollbars /\n position: relative;\n overflow: hidden;\n width: 100%;\n / expand to outer container, needed for breadcrumb /\n / required because text shouldn't go into ellipsis mode when scrollbars are enabled /\n}\n.tree-data.scrollable-tree {\n overflow-anchor: none;\n}\n.tree-data.scrollable-tree > .tree-node,\n.tree-data.scrollable-tree > .animation-wrapper > .tree-node {\n overflow: visible;\n}\n.tree-data.scrollable-tree > .tree-node > .text,\n.tree-data.scrollable-tree > .animation-wrapper > .tree-node > .text {\n text-overflow: clip;\n}\n.tree-data.checkable > .tree-node,\n.tree-data.checkable > .animation-wrapper > .tree-node {\n cursor: pointer;\n}\n.tree-data.checkable.disabled > .tree-node,\n.tree-data.checkable.disabled > .animation-wrapper > .tree-node,\n.tree-data.checkable > .tree-node.disabled,\n.tree-data.checkable > .animation-wrapper > .tree-node.disabled {\n cursor: default;\n}\n.navigation-breadcrumb .tree-data {\n float: left;\n}\n.tree-node {\n display: flex;\n align-items: start;\n position: relative;\n padding: 7px 7px 7px 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tree-node:active {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.tree-node.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.tree-node.selected::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 2px solid rgba(255, 255, 255, 0.12);\n border-radius: 3px;\n pointer-events: none;\n}\n.tree-node.disabled {\n / Tree node is disabled -> use lighter disabled color /\n color: #7E8588;\n}\n.disabled > .animation-wrapper > .tree-node,\n.disabled > .tree-node {\n / Whole tree is disabled -> use darker disabled color /\n color: #7E8588;\n}\n.disabled.read-only > .animation-wrapper > .tree-node,\n.disabled.read-only > .tree-node {\n color: #E9EBEB;\n}\n.tree-node > .text {\n vertical-align: top;\n display: inline-block;\n flex-grow: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tree-node > .icon {\n vertical-align: top;\n padding-right: 9px;\n display: inline-block;\n text-align: center;\n min-width: 16px;\n / Use content-box for images because it leads to wrong behavior when someone sets a min-width/height\n * on an IMG element that has padding and the available space for the image is 'min-width' - 'padding'\n * See ticket 208111 /\n box-sizing: content-box;\n}\n.tree-node > .icon.image-icon {\n margin-top: -2px;\n / required to reserve space for bitmap icons in the tree when image resource is not yet loaded /\n min-width: 16px;\n min-height: 16px;\n}\n.tree-node > .icon.font-icon {\n / Necessary to align with the text, depends on the used font size /\n line-height: 15px;\n font-size: 14px;\n}\n.tree-node-checkbox {\n display: block;\n position: absolute;\n top: auto;\n left: auto;\n margin-top: -2px;\n margin-left: -28px;\n width: 20px;\n height: 20px;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked {\n background-color: #71b0e8;\n border-color: #71b0e8;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: #0E1316;\n}\n.tree-node-checkbox > .check-box:not(.checked).children-checked.disabled {\n cursor: default;\n border-color: rgba(255, 255, 255, 0.12);\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box {\n cursor: default;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box.checked,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box.checked {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.tree.disabled > .tree-data > .tree-node > .tree-node-checkbox > .check-box:not(.checked).children-checked,\n.tree.disabled > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > .check-box:not(.checked).children-checked {\n background-color: #7E8588;\n border-color: #7E8588;\n}\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked {\n background-color: inherit;\n border-color: #7E8588;\n}\n.disabled.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.disabled.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked,\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked.disabled,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked.disabled {\n background-color: inherit;\n border-color: rgba(255, 255, 255, 0.12);\n}\n.tree.no-children-checked-style > .tree-data > .tree-node > .tree-node-checkbox > :not(.checked).children-checked::before,\n.tree.no-children-checked-style > .tree-data > .animation-wrapper > .tree-node > .tree-node-checkbox > :not(.checked).children-checked::before {\n display: none;\n}\n.tree-node-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n padding: 7px 8px 7px 13px;\n height: 100%;\n line-height: 15px;\n / Necessary to align with the text, depends on the used font size /\n color: inherit;\n}\n.tree-node-control::before {\n display: block;\n transition: transform 0.3s;\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 16px;\n content: '\\E013';\n}\n.tree-node.lazy > .tree-node-control::before {\n font-family: Arial, sans-serif;\n content: '+';\n / Move to left because '+' sign is not as wide as 'arrow-down' /\n margin-left: -2px;\n}\n.tree-node.expanded > .tree-node-control::before {\n / This \"imprecise\" angle is a workaround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n -webkit-transform: rotate(89.99deg);\n -ms-transform: rotate(89.99deg);\n transform: rotate(89.99deg);\n}\n.tree-node-control:hover {\n color: #FE9915;\n}\n/ bread crumb style /\n.tree.breadcrumb > .tree-data > .tree-node,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node {\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n padding: 8px 10px;\n}\n.tree.breadcrumb > .tree-data > .tree-node.ancestor-of-selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.ancestor-of-selected,\n.tree.breadcrumb > .tree-data > .tree-node.child-of-selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.child-of-selected,\n.tree.breadcrumb > .tree-data > .tree-node:active,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node:active {\n display: flex;\n}\n.tree.breadcrumb > .tree-data > .tree-node.selected,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node.selected {\n display: flex;\n cursor: default;\n}\n.tree.breadcrumb > .tree-data > .tree-node > .text,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .text {\n white-space: normal;\n}\n.tree.breadcrumb > .tree-data > .tree-node > .tree-node-control,\n.tree.breadcrumb > .tree-data > .animation-wrapper > .tree-node > .tree-node-control {\n display: none;\n}\n/ key handling /\n.tree-node .key-box {\n top: calc(50% - 11px);\n}\n.tree > .tree-data > .key-box {\n top: 6px;\n left: 4px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #71b0e8;\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: #71b0e8;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: #252F34;\n border: 1px solid rgba(255, 255, 255, 0.12);\n padding: 6px 8px;\n}\n.default-tile.selectable:active:not(.selected),\n.default-tile.selectable.active:not(.selected) {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.default-tile.selected {\n background-color: rgba(113, 176, 232, 0.09);\n border-color: #71b0e8;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile-grid {\n padding: 6px 0;\n}\n.tile-grid:focus,\n.tile-grid.focused {\n outline: none;\n}\n.tile-grid.scrollable {\n padding-right: 15px;\n}\n.tile-grid > .tile {\n transition: opacity 250ms;\n}\n.tile-grid > .scrollbar {\n opacity: 1;\n transition: opacity 250ms;\n}\n.tile-grid.loading > .tile,\n.tile-grid.loading > .scrollbar {\n opacity: 0;\n}\n.tile-grid.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.tile-grid.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.tile-grid.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.scrollable.tile-grid > .filter-field-container {\n top: calc(100% - 10px);\n left: 100%;\n}\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see TileGridLayoutConfig.js & TileGridLayoutConfig.java /\n/ --------------------------------------------------------------------------- /\n.tile-grid-layout-config {\n width: 210px;\n height: 155px;\n margin-left: 15px;\n / horizontal gap /\n margin-top: 15px;\n / vertical gap /\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile-overview {\n background-color: #1F2428;\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n.tile-overview-content {\n position: absolute;\n margin: 42px 65px;\n / for larger screens /\n}\n@media screen and (max-width: 800px) {\n .tile-overview-content {\n / for small screens /\n margin: 20px 20px 20px 23px;\n }\n}\n.tile-overview-content > .tile-grid {\n position: relative;\n margin-bottom: 30px;\n}\n.tile-overview-title {\n font-size: 32px;\n height: auto !important;\n padding-bottom: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.tile-overview-title.animated {\n transition: max-height 400ms, padding-bottom 400ms;\n}\n.tile-overview-title.removed {\n max-height: 0 !important;\n padding-bottom: 0;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile-accordion > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-bottom: 0;\n}\n.tile-accordion > .filter-field-container {\n top: calc(100% - 16px);\n}\n.scrollable.tile-accordion > .filter-field-container {\n left: 100%;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.placeholder-tile {\n background-color: rgba(255, 255, 255, 0.12);\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard {\n border: none;\n border-radius: 12px;\n color: #BFC2C3;\n --tile-background-color: #252F34;\n background-color: var(--tile-background-color);\n overflow: hidden;\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.inverted {\n box-shadow: 0 0 0 1px #252F34, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.inverted.color-alternative {\n box-shadow: 0 0 0 1px #252F34, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.dimmed-background .tile.dashboard {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.disabled,\n.dimmed-background .tile.dashboard.inverted {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n.tile.dashboard > .form-field {\n padding: 16px 20px 20px;\n / Define a short transition for opacity changes on all field elements (used in .loading state) /\n / Move part of the tile's padding (@offset) to the inner div. /\n / This makes it possible to draw the scrollbar (seemingly) outside the field. /\n / --- Special rules for specific tile fields --- /\n}\n.tile.dashboard > .form-field.label-hidden {\n padding-top: 20px;\n}\n.compact.tile.dashboard > .form-field.label-hidden {\n padding-top: 10px;\n}\n.compact.tile.dashboard > .form-field {\n padding-bottom: 10px;\n padding-left: 15px;\n padding-right: 15px;\n}\n.tile.dashboard > .form-field.no-padding {\n padding: 0;\n}\n.tile.dashboard > .form-field.no-padding > .field {\n border: 0;\n border-radius: 0;\n}\n.tile.dashboard > .form-field > label {\n color: #BFC2C3;\n margin: 0;\n font-size: 12px;\n font-weight: bold;\n padding-top: 0;\n padding-bottom: 5px;\n padding-right: 0;\n}\n.tile.dashboard > .form-field > .field {\n margin-left: 0;\n overflow: hidden;\n}\n.tile.dashboard > .form-field > .mandatory-indicator {\n display: none;\n}\n.tile.dashboard > .form-field > label,\n.tile.dashboard > .form-field > .mandatory-indicator,\n.tile.dashboard > .form-field > .field,\n.tile.dashboard > .form-field > .status {\n transition: opacity 0.15s;\n / Same time is used in animation() of .loading-indicator /\n opacity: 1;\n}\n.tile.dashboard > .form-field > .status {\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n background-color: var(--tile-background-color);\n box-shadow: 0 0 4px 4px var(--tile-background-color);\n border-radius: 50%;\n padding: 0;\n margin: 0;\n height: 24px !important;\n width: 24px !important;\n top: 12px !important;\n right: 12px !important;\n line-height: unset !important;\n}\n.tile.dashboard > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status {\n border-radius: 3px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside {\n padding-right: 3px;\n}\n.compact.tile.dashboard > .form-field.scrollbar-y-outside {\n padding-right: 0;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > label {\n margin-right: 17px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > .field {\n padding-right: 17px;\n}\n.tile.dashboard > .form-field.scrollbar-y-outside > .field > .scrollbar.y-axis {\n / Remove margin top/bottom, because root-group-box already provides a padding /\n height: 100%;\n margin-top: 0;\n margin-bottom: 0;\n}\n.tile.dashboard > .form-field.browser-field > .field {\n border-radius: 0;\n}\n.tile.dashboard > .form-field.browser-field.inverted > .field {\n border: 0;\n}\n.tile.dashboard > .form-field.html-field > label,\n.tile.dashboard > .form-field.bean-field > label {\n padding-bottom: 10px;\n}\n.tile.dashboard.loading > .form-field > label,\n.tile.dashboard.loading > .form-field > .mandatory-indicator,\n.tile.dashboard.loading > .form-field > .field,\n.tile.dashboard.loading > .form-field > .status {\n / Same as 'visibility: hidden', except it can be animated with CSS transitions /\n opacity: 0;\n}\n.tile.dashboard.loading > .loading-indicator {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n -webkit-animation: fade-in 0.15s;\n -moz-animation: fade-in 0.15s;\n -o-animation: fade-in 0.15s;\n animation: fade-in 0.15s;\n}\n.tile.dashboard.loading > .loading-indicator::before {\n -webkit-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -moz-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n -o-animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n animation: pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite;\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: 1px rgba(113, 176, 232, 0.8) solid;\n width: 30px;\n height: 30px;\n}\n.tile.dashboard.loading > .loading-indicator.animate-remove {\n -webkit-animation: fade-out-from-current 0.15s;\n -moz-animation: fade-out-from-current 0.15s;\n -o-animation: fade-out-from-current 0.15s;\n animation: fade-out-from-current 0.15s;\n}\n.tile.dashboard.inverted {\n --tile-background-color: #252F34;\n color: #BFC2C3;\n}\n.tile.dashboard.inverted.disabled:not(.read-only) {\n --tile-background-color: rgba(255, 255, 255, 0.12);\n}\n.tile.dashboard.inverted.disabled:not(.read-only) ::-moz-selection {\n background: #71b0e8;\n color: #0E1316;\n}\n.tile.dashboard.inverted.disabled:not(.read-only) ::selection {\n background: #71b0e8;\n color: #0E1316;\n}\n.tile.dashboard.inverted ::-moz-selection {\n background: #4598e1;\n}\n.tile.dashboard.inverted ::selection {\n background: #4598e1;\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: #BFC2C3;\n}\n.tile.dashboard.inverted > .form-field .app-link,\n.tile.dashboard.inverted > .form-field a {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted > .form-field .app-link:hover,\n.tile.dashboard.inverted > .form-field a:hover {\n color: #9dc8ef;\n}\n.tile.dashboard.inverted > .form-field .app-link:active,\n.tile.dashboard.inverted > .form-field a:active {\n color: #b3d5f3;\n}\n.tile.dashboard.inverted > .form-field > .status::before {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status::before {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:active::before,\n.tile.dashboard.inverted > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.tile.dashboard.inverted > .form-field.has-error > .status::before {\n color: #FF8888;\n}\n.tile.dashboard.inverted > .form-field.has-error > .status:hover::before,\n.tile.dashboard.inverted > .form-field.has-error > .status:active::before,\n.tile.dashboard.inverted > .form-field.has-error > .status.selected::before {\n color: #ffbbbb;\n}\n.tile.dashboard.inverted > .form-field .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.3);\n}\n.tile.dashboard.inverted > .form-field .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.tile.dashboard.inverted > .form-field .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.45);\n}\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: rgba(255, 255, 255, 0.15);\n}\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.tile.dashboard.inverted > .form-field .container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: rgba(255, 255, 255, 0.15);\n}\n.tile.dashboard.color-alternative {\n --tile-background-color: #252F34;\n color: #BFC2C3;\n}\n.tile.dashboard.color-alternative.disabled:not(.read-only) {\n --tile-background-color: rgba(255, 255, 255, 0.12);\n}\n.tile.dashboard.color-alternative > .form-field > label {\n color: #BFC2C3;\n}\n.tile.dashboard.color-alternative > .form-field .app-link,\n.tile.dashboard.color-alternative > .form-field a {\n color: #71b0e8;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:hover,\n.tile.dashboard.color-alternative > .form-field a:hover {\n color: #9dc8ef;\n}\n.tile.dashboard.color-alternative > .form-field .app-link:active,\n.tile.dashboard.color-alternative > .form-field a:active {\n color: #b3d5f3;\n}\n.tile.dashboard.inverted.color-alternative {\n --tile-background-color: #252F34;\n color: #BFC2C3;\n}\n.tile.dashboard.inverted.color-alternative.disabled:not(.read-only) {\n --tile-background-color: rgba(255, 255, 255, 0.12);\n}\n.tile.dashboard.inverted.color-alternative ::-moz-selection {\n background: #71b0e8;\n color: #0E1316;\n}\n.tile.dashboard.inverted.color-alternative ::selection {\n background: #71b0e8;\n color: #0E1316;\n}\n.tile.dashboard.inverted.color-alternative > .form-field > label {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link,\n.tile.dashboard.inverted.color-alternative > .form-field a {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link:hover,\n.tile.dashboard.inverted.color-alternative > .form-field a:hover {\n color: #9dc8ef;\n}\n.tile.dashboard.inverted.color-alternative > .form-field .app-link:active,\n.tile.dashboard.inverted.color-alternative > .form-field a:active {\n color: #b3d5f3;\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status:active::before,\n.tile.dashboard.inverted.color-alternative > .form-field.has-menus:not(.has-tooltip):not(.has-error) > .status.selected::before {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.tile.dashboard.selected {\n box-shadow: 0 0 0 2px #71b0e8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.inverted {\n --tile-background-color: #252f34;\n box-shadow: 0 0 0 2px #71b0e8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.color-alternative {\n box-shadow: 0 0 0 2px #71b0e8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.tile.dashboard.selected.inverted.color-alternative {\n --tile-background-color: #252f34;\n box-shadow: 0 0 0 2px #71b0e8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.dimmed-background .tile.dashboard.selected {\n box-shadow: 0 0 0 2px #71b0e8, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.selected.inverted {\n box-shadow: 0 0 0 2px #71b0e8, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n.dimmed-background .tile.dashboard.selected.color-alternative {\n box-shadow: 0 0 0 2px #71b0e8, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.dimmed-background .tile.dashboard.selected.inverted.color-alternative {\n box-shadow: 0 0 0 2px #71b0e8, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);\n}\n/\n Mixing that can be used to reduce the horizontal padding.\n To ensure the label is aligned with the label from other tiles the h-padding of the label is increased.\n /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard > .tile-button {\n padding-top: 0;\n padding-bottom: 0;\n cursor: pointer;\n}\n.tile.dashboard > .tile-button > .field {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n.tile.dashboard > .tile-button > .field.with-icon {\n padding-top: 17px;\n}\n.tile.dashboard > .tile-button > .field.without-icon {\n justify-content: center;\n}\n.tile.dashboard > .tile-button > .field > .icon-container,\n.tile.dashboard > .tile-button > .field > .label {\n display: block;\n}\n.tile.dashboard > .tile-button > .field > .icon-container {\n flex-grow: 1;\n}\n.tile.dashboard > .tile-button > .field > .icon-container > .font-icon {\n font-size: 40px;\n font-weight: 300;\n color: #A7ACAD;\n}\n.tile.dashboard > .tile-button > .field > .label {\n font-size: 16px;\n max-height: 66px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.tile.dashboard > .tile-button > .field.with-icon > .label {\n padding-top: 18px;\n}\n.tile.dashboard.compact > .tile-button {\n padding-bottom: 0;\n}\n.tile.dashboard.compact > .tile-button > .field {\n padding-top: 12px;\n padding-bottom: 12px;\n}\n.tile.dashboard.compact > .tile-button > .field.with-icon {\n min-height: 100px;\n}\n.tile.dashboard.compact > .tile-button > .field > .label {\n font-size: 14px;\n padding-top: 0;\n display: -webkit-inline-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n.tile.dashboard.compact > .tile-button > .field > .icon-container > .font-icon {\n font-size: 28px;\n}\n.button-tile.dashboard {\n background-color: inherit;\n}\n.button-tile.dashboard > .tile-button {\n background-color: #252F34;\n}\n.button-tile.dashboard > .tile-button > .field > .label {\n color: #71b0e8;\n}\n.dimmed-background .button-tile.dashboard:hover {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n}\n.button-tile.dashboard:hover > .tile-button {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.button-tile.dashboard:active > .tile-button,\n.button-tile.dashboard.active > .tile-button {\n background-color: rgba(255, 255, 255, 0.18);\n}\n.button-tile.dashboard.inverted > .tile-button {\n background-color: #252F34;\n}\n.button-tile.dashboard.inverted > .tile-button > .field > .label {\n color: #71b0e8;\n}\n.button-tile.dashboard.inverted > .tile-button > .field > .icon-container > .font-icon {\n color: #A7ACAD;\n}\n.button-tile.dashboard.inverted:hover > .tile-button {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.12);\n}\n.button-tile.dashboard.inverted:active > .tile-button,\n.button-tile.dashboard.inverted.active > .tile-button {\n background-color: rgba(255, 255, 255, 0.18);\n border-color: rgba(255, 255, 255, 0.18);\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button {\n background-color: #252F34;\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button > .field > .label {\n color: #71b0e8;\n}\n.button-tile.dashboard.color-alternative.inverted > .tile-button > .field > .icon-container > .font-icon {\n color: #A7ACAD;\n}\n.button-tile.dashboard.color-alternative.inverted:hover > .tile-button {\n background-color: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.12);\n}\n.button-tile.dashboard.color-alternative.inverted:active > .tile-button,\n.button-tile.dashboard.color-alternative.inverted.active > .tile-button {\n background-color: rgba(255, 255, 255, 0.18);\n border-color: rgba(255, 255, 255, 0.18);\n}\n.dimmed-background .button-tile.dashboard.disabled {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.button-tile.dashboard.disabled > .tile-button,\n.inverted.button-tile.dashboard.disabled > .tile-button,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button {\n background-color: transparent;\n border-color: transparent;\n cursor: default;\n}\n.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon,\n.inverted.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button > .field > .icon-container > .font-icon {\n color: #7E8588;\n}\n.button-tile.dashboard.disabled > .tile-button > .field > .label,\n.inverted.button-tile.dashboard.disabled > .tile-button > .field > .label,\n.color-alternative.inverted.button-tile.dashboard.disabled > .tile-button > .field > .label {\n color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard > .table-field {\n padding-left: 10px;\n padding-right: 10px;\n padding-bottom: 12px;\n / adjust menu bar when visible /\n}\n.tile.dashboard > .table-field > label {\n padding-left: 10px;\n padding-right: 10px;\n}\n.tile.dashboard > .table-field.label-hidden {\n padding-top: 7px;\n}\n.tile.dashboard > .table-field > label {\n padding-bottom: 10px;\n}\n.compact.tile.dashboard > .table-field {\n padding-left: 5px;\n padding-right: 5px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-left: 10px;\n padding-right: 10px;\n}\n.compact.tile.dashboard > .table-field > label {\n padding-bottom: 5px;\n}\n.tile.dashboard > .table-field.has-menubar {\n padding-bottom: 2px;\n}\n.tile.dashboard > .table-field.has-menubar > .table > .menubar.bottom {\n padding-top: 1px;\n}\n.tile.dashboard > .table-field > .table {\n border: 0;\n / see .table-row definition below /\n border-radius: 0;\n background-color: transparent;\n}\n.tile.dashboard > .table-field > .table:focus,\n.tile.dashboard > .table-field > .table.focused {\n box-shadow: none;\n}\n.tile.dashboard > .table-field > .table > .table-header {\n background-color: transparent;\n / show separator on mouseover only /\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item {\n color: #BFC2C3;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered {\n padding-right: 7px;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.halign-center {\n padding-right: 7px;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-left,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-left,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-left,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-center,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.sorted.last.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.grouped.last.halign-right,\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item.filtered.last.halign-right {\n padding-right: 11px;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-item > .table-header-item-state {\n display: none;\n}\n.tile.dashboard > .table-field > .table > .table-header > .table-header-resize {\n display: none;\n}\n.tile.dashboard > .table-field > .table > .table-header:hover > .table-header-resize {\n display: inline-block;\n}\n.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row.selected {\n / No selection color for non-focused table tiles /\n background-color: transparent;\n}\n.tile.dashboard > .table-field > .table:not(:focus):not(.focused) > .table-data > .table-row.selected::after {\n border: 0;\n}\n.tile.dashboard > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n --scroll-shadow-color: #252F34;\n}\n.tile.dashboard > .table-field > .table > .table-data > .table-row > .table-cell,\n.tile.dashboard > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #BFC2C3;\n}\n.tile.dashboard > .table-field > .table > .menubar {\n background-color: transparent;\n}\n.tile.dashboard.inverted > .table-field > .table:focus > .table-data > .table-row.selected,\n.tile.dashboard.inverted > .table-field > .table.focused > .table-data > .table-row.selected {\n background-color: rgba(113, 176, 232, 0.09);\n}\n.tile.dashboard.inverted > .table-field > .table:focus > .table-data > .table-row.selected::after,\n.tile.dashboard.inverted > .table-field > .table.focused > .table-data > .table-row.selected::after {\n border-color: #71b0e8;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-item {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-header > .table-header-resize {\n background-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row:active {\n background-color: transparent;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #BFC2C3;\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #BFC2C3;\n}\n.tile.dashboard.inverted > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-color: #252F34;\n}\n.tile.dashboard.inverted > .table-field > .table > .menubar {\n border-top-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.inverted > .table-field > .table > .menubar > .menubar-box > .menu-item {\n color: #BFC2C3;\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: rgba(113, 176, 232, 0.09);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table:focus > .table-data > .table-row.selected::after,\n.tile.dashboard.color-alternative.inverted > .table-field > .table.focused > .table-data > .table-row.selected::after {\n border-color: #71b0e8;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header {\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-item {\n color: #BFC2C3;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-header > .table-header-resize {\n background-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row:active {\n background-color: transparent;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell {\n color: #BFC2C3;\n border-bottom-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data > .table-row > .table-cell > .font-icon {\n color: #BFC2C3;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .table-data + .scroll-shadow {\n --scroll-shadow-color: #252F34;\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .menubar {\n border-top-color: rgba(255, 255, 255, 0.25);\n}\n.tile.dashboard.color-alternative.inverted > .table-field > .table > .menubar > .menubar-box > .menu-item {\n color: #BFC2C3;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.filter-field {\n position: absolute;\n --filter-field-height: 30px;\n --filter-field-bottom: 8px;\n --filter-field-max-bottom: calc(50% - var(--filter-field-height) / 2);\n bottom: min(var(--filter-field-bottom), var(--filter-field-max-bottom));\n right: 8px;\n height: var(--filter-field-height);\n width: 190px;\n min-width: 75px;\n max-width: 60%;\n display: flex;\n align-items: center;\n z-index: 3;\n border-radius: 3px;\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);\n background-color: var(--filter-field-background-color);\n opacity: 1;\n visibility: visible;\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n transition: bottom 250ms ease-in-out, right 250ms ease-in-out, height 250ms ease-in-out, width 250ms ease-in-out, min-width 250ms ease-in-out, max-width 250ms ease-in-out, box-shadow 250ms ease-in-out, opacity 250ms ease-in-out var(--filter-field-opacity-transition-delay), visibility 0s var(--filter-field-visibility-transition-delay);\n}\n:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.filter-field::before {\n content: '\\E02A';\n font-family: scoutIcons, Arial, sans-serif;\n font-weight: normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n bottom: calc((var(--filter-field-height) - 24px) / 2);\n right: 3px;\n height: 24px;\n width: 24px;\n opacity: 0;\n transition: bottom 250ms ease-in-out, right 250ms ease-in-out, opacity 250ms ease-in-out;\n font-size: 14px;\n color: #A7ACAD;\n border-radius: 3px;\n}\n.filter-field:hover::before {\n background-color: rgba(255, 255, 255, 0.12);\n}\n.filter-field > :not(.key-box) {\n opacity: 1;\n transition: opacity 250ms ease-in-out;\n}\n.filter-field > input {\n width: 100%;\n min-height: 100%;\n}\n.filter-field.clearable-always:not(.has-text) > .clear-icon,\n.filter-field.clearable-focused:not(.has-text):not(.focused) > .clear-icon {\n visibility: hidden !important;\n / NOSONAR (!important is okay here) /\n}\n.filter-field > .clear-icon {\n display: flex;\n right: 3px;\n margin-right: 0;\n transition: right 250ms ease-in-out, opacity 250ms ease-in-out;\n}\n.filter-field > .key-box {\n top: calc(50% - 22px / 2) !important;\n}\n.filter-field:not(.focused).empty {\n --filter-field-bottom: 8px + ((var(--filter-field-height) - 24px) / 2);\n --filter-field-max-bottom: calc(50% - 24px / 2);\n right: 11px;\n height: 24px;\n width: 24px;\n min-width: 24px;\n max-width: 24px;\n box-shadow: none;\n background-color: var(--filter-field-transparent-80-background-color);\n}\n@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n .filter-field:not(.focused).empty {\n background-color: var(--filter-field-transparent-50-background-color);\n -webkit-backdrop-filter: blur(2px);\n backdrop-filter: blur(2px);\n }\n}\n.filter-field:not(.focused).empty::before {\n bottom: 0;\n right: 0;\n opacity: 1;\n}\n.filter-field:not(.focused).empty > :not(.key-box) {\n opacity: 0;\n}\n.filter-field:not(.focused).empty > input {\n cursor: pointer;\n}\n.filter-field:not(.focused).empty > .clear-icon {\n right: 0;\n}\n.filter-field:not(.focused).empty > .key-box.char {\n margin-left: -10px;\n margin-right: -5px;\n}\n.filter-field-container {\n position: sticky;\n --filter-field-height: 30px;\n --filter-field-container-top: calc(100% - 8px);\n --filter-field-container-min-top: calc(50% + var(--filter-field-height) / 2);\n top: max(var(--filter-field-container-top), var(--filter-field-container-min-top));\n left: calc(100% - 8px);\n width: 0;\n height: 0;\n overflow: visible;\n z-index: 3;\n --filter-field-max-width: 190px;\n}\n.filter-field-container:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 1;\n visibility: visible;\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n}\n.filter-field-container > .filter-field {\n bottom: 0;\n right: 0;\n max-width: var(--filter-field-max-width);\n}\n:not(:hover) > .filter-field-container > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(250ms + var(--filter-field-opacity-transition-delay));\n}\n.filter-field-container > .filter-field:not(.focused).empty {\n bottom: calc((var(--filter-field-height) - 24px) / 2);\n right: 3px;\n}\n@supports not (bottom: min(50%, 42px)) {\n .filter-field-container,\n .filter-field {\n display: none !important;\n / NOSONAR (!important is okay here) /\n }\n}\n.dense .filter-field,\n.dense .filter-field-container {\n --filter-field-height: 24px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.login-box-content > form > input,\n.login-box-content > form > .button {\n width: calc(100% - 40px);\n height: 40px;\n margin: 4px 20px;\n font-size: 14px;\n}\n.login-box-content > form > .button {\n margin-top: 16px;\n margin-bottom: 0;\n}\n.login-box-content > form > .message-box {\n margin: 0 20px 12px 20px;\n}\n.login-box-content > form > input.alternative:-webkit-autofill {\n / NOSONAR (for some reason, rule \"less:overqualified-elements\" is illegitimately triggered here)\n /* Improve Chrome's auto-fill style by overriding the forced yellow background and black text color. /\n / (Requires some hacks, see http://webagility.com/posts/remove-forced-yellow-input-background-in-chrome) /\n border-top-width: 0;\n padding-top: 3px;\n -webkit-box-shadow: inset 0 0 0 1000px #252F34;\n -webkit-text-fill-color: #E9EBEB !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::first-line {\n font-size: 14px;\n font-family: Arial, sans-serif;\n}\n.login-box-content > form > input.alternative:-webkit-autofill:focus {\n -webkit-text-fill-color: #71b0e8 !important;\n / NOSONAR (!important is okay here) /\n}\n.login-box-content > form > input.alternative:-webkit-autofill::selection {\n -webkit-text-fill-color: #0E1316 !important;\n / NOSONAR (!important is okay here) /\n}\n/\n * Login button is a default button -> styles are defined in main.css.\n * Difference to regular default button is the disabled style and the ability to turn red.\n /\n.login-button.default.login-error:not(.disabled) {\n border-color: transparent;\n background-color: #FF8888;\n}\n.login-button.default.login-error:not(.disabled):hover {\n background-color: #ffa7a7;\n}\n.login-button.default.login-error:not(.disabled):active {\n background-color: #ffbbbb;\n}\n.login-button.default.login-error:not(.disabled):focus {\n outline: none;\n box-shadow: 0 0 0 3px #804444;\n border-color: #9f5555;\n}\n.login-button.default.disabled {\n color: #0E1316;\n border-color: #71b0e8;\n background-color: #71b0e8;\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(14, 19, 22, 0.8) solid;\n width: 18px;\n height: 18px;\n vertical-align: middle;\n}\n.login-body > .box-background-elements.box-background-elements-fadeout,\n.logout-body > .box-background-elements.box-background-elements-fadeout {\n -webkit-animation: nop 0.05s;\n -moz-animation: nop 0.05s;\n -o-animation: nop 0.05s;\n animation: nop 0.05s;\n}\n@media (max-width: 490px) {\n .login-box-content > form > .message-box,\n .login-box-content > form > input,\n .login-box-content > form > .button {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n }\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-bar-field > .field {\n padding-bottom: 0;\n}\n.dense .breadcrumb-bar-field > .field {\n padding-bottom: 4px;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-bar {\n overflow: hidden;\n white-space: nowrap;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-item {\n display: inline-flex;\n align-items: center;\n text-align: center;\n height: 100%;\n color: #71b0e8;\n font-size: 14px;\n vertical-align: top;\n}\n.breadcrumb-item.last {\n font-weight: bold;\n}\n.breadcrumb-item:hover:not(.disabled) {\n color: #9dc8ef;\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: #E9EBEB;\n display: block;\n margin: 0 5px;\n cursor: default;\n}\n.breadcrumb-item:not(.disabled):active {\n color: #b3d5f3;\n}\n.breadcrumb-item:not(.disabled) {\n cursor: pointer;\n}\n.breadcrumb-item.disabled {\n color: #7E8588;\n}\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ -------------------------------- /\n/ Color palette /\n/ -------------------------------- /\n/ These are new gray colors used only in dark theme /\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/ -------------------------------- /\n/ Global colors /\n/ -------------------------------- /\n/ -------------------------------- /\n/ Component specific colors /\n/ -------------------------------- /\n/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/\n * Copyright (c) 2023 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\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.inverted,\n.tile.dashboard.inverted.color-alternative {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 0px rgba(0, 0, 0, 0.2);\n}\n.dimmed-background .tile.dashboard.inverted {\n box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.05);\n}\n.tile.dashboard.inverted ::-moz-selection {\n background: #71b0e8;\n color: #0E1316;\n}\n.tile.dashboard.inverted ::selection {\n background: #71b0e8;\n color: #0E1316;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\nbody {\n background-color: @body-background-color;\n #scout.font-text-normal();\n height: 100%;\n width: 100%;\n margin: 0;\n overflow: hidden;\n cursor: default;\n color: @text-color;\n letter-spacing: @letter-spacing;\n #scout.user-select(none);\n //noinspection CssInvalidPropertyValue\n -moz-user-select: -moz-none;\n / Prevent mobile safari from adjusting text, due to our dynamic layouting it will be always wrong /\n -webkit-text-size-adjust: none;\n / Disable highlight color. May be enabled for specific elements if required /\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &.ios {\n / Body can be moved on ios even if it isn't scrollable. Prevent it by using position: fixed.\n Drawback: it seems something invisible happens nevertheless, actions like a button click won't be executed if the user tried to scroll right before.\n He has to wait until the invisible scrolling has finished before he can try to click the button.\n Another drawback: there is a flickering effect of labels on certain screens (e.g. beamer) with chrome when a popup (e.g. smart field popup) is shown and position is set to fixed.\n Hence it is important to only activate it on ios. /\n position: fixed;\n }\n}\n\n/ -moz variant is required, see https://bugzilla.mozilla.org/show_bug.cgi?id=509958 /\n::-moz-selection {\n #scout.text-selection();\n}\n\n::selection {\n #scout.text-selection();\n}\n\n::-webkit-input-placeholder {\n #scout.placeholder();\n}\n\n:-moz-placeholder { / older versions of firefox /\n #scout.placeholder();\n}\n\n::-moz-placeholder {\n #scout.placeholder();\n}\n\n:-ms-input-placeholder {\n #scout.placeholder();\n}\n\n::placeholder { / Most modern browsers /\n #scout.placeholder();\n}\n\n/ Hide IE decorations for text input fields: /\n/ - Clear button (\"X\"): https://msdn.microsoft.com/en-us/library/windows/apps/hh465740.aspx /\n/ - Password reveal button: https://msdn.microsoft.com/en-us/library/windows/apps/hh465773.aspx /\n/ Note: Set width/height to 0 instead of \"display: none\", because of http://stackoverflow.com/a/17986002 /\n::-ms-clear {\n width: 0;\n height: 0;\n}\n\n::-ms-reveal {\n width: 0;\n height: 0;\n}\n\n.disabled {\n &::-moz-selection {\n #scout.text-selection-disabled();\n }\n\n &::selection {\n #scout.text-selection-disabled();\n }\n\n &::-webkit-input-placeholder {\n #scout.placeholder-disabled();\n / Fill color is inherited, make sure it is ignored and the current color is used instead. Needed for iOS, see usage of -webkit-text-fill-color below/\n -webkit-text-fill-color: currentcolor;\n }\n\n &:-moz-placeholder { / older versions of firefox /\n #scout.placeholder-disabled();\n }\n\n &::-moz-placeholder {\n #scout.placeholder-disabled();\n }\n\n &:-ms-input-placeholder {\n #scout.placeholder-disabled();\n }\n}\n\n/ Add this class to temporary remove an element from the document flow. /\n/ !important is used to override any specific \"display\" values (because this /\n/ call would in most cases be less specific than the element's rules). /\n.hidden {\n display: none !important; / NOSONAR (!important is okay here) /\n}\n\n/ Add this class to temporary hide (but not remove from flow) an element. Similar to \"hidden\". /\n.invisible {\n visibility: hidden !important; / NOSONAR (!important is okay here) /\n}\n\n, ::before, ::after { /* NOSONAR (universal selector is okay here) /\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n/ Workaround for firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=648624 /\n/ use -moz-none to allow child element to set -moz-user-select: text /\n/ See also: focusUtil.js, isSelectableText() /\n.table-cell,\n.table-header-item,\n.tree-node,\n.table-footer,\n.table-control,\n.table-info-item,\n.table-header-menu-group-text {\n //noinspection CssInvalidPropertyValue\n -moz-user-select: -moz-none;\n}\n\ninput,\ntextarea,\nbutton {\n #scout.font-text-normal();\n letter-spacing: @letter-spacing;\n}\n\ninput,\ntextarea,\n.input-field {\n background-color: @control-background-color;\n color: @control-color;\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n\n &.disabled {\n background-color: @control-disabled-background-color;\n border-color: @control-disabled-border-color;\n color: @control-disabled-color;\n }\n\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n\n &.has-error {\n border-color: @error-border-color;\n background-color: @error-background-color;\n }\n\n &.has-error:focus,\n &.has-error.focused {\n #scout.focus-box-shadow(@box-shadow-color: @error-focus-box-shadow-color);\n }\n\n &.read-only {\n #scout.read-only();\n }\n}\n\ntextarea.read-only {\n // full border around text area not only on the bottom, same as for alternative style\n border: 1px dashed @border-color;\n}\n\ninput[type=\"text\"].alternative,\ninput[type=\"password\"].alternative {\n / Add 1px padding to prevent the text from moving a little when field is focused due to the 2px focus border /\n padding-bottom: 1px;\n\n / Compensate padding-bottom to align input text with label on the left /\n / It won't be perfect (especially when zoomed) but should be good enough /\n padding-top: @text-field-padding-top-compensation;\n}\n\ninput.alternative,\n.input-field.alternative {\n background-color: @text-field-alternative-background-color;\n border-color: transparent;\n border-bottom-color: @text-field-alternative-border-color;\n border-radius: 0;\n border-left-width: 0;\n border-right-width: 0;\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n\n &.disabled {\n color: @disabled-color;\n border-bottom-style: dashed;\n border-bottom-color: @text-field-alternative-disabled-border-color;\n }\n\n &:focus,\n &.focused {\n color: @focus-color;\n #scout.alternative-focus-border();\n }\n\n &.has-error {\n color: @error-color;\n border-bottom-color: @error-border-color;\n }\n\n &.has-error:focus,\n &.has-error.focused {\n border-bottom-color: @error-border-color;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n }\n\n &.read-only {\n color: @read-only-color;\n }\n}\n\ninput {\n padding: 0 @text-field-padding-x;\n\n / remove platform specific styling, mainly used to remove shadow on iOS Safari /\n\n &:not([type=checkbox]):not([type=radio]) {\n -webkit-appearance: none;\n -moz-appearance: none;\n }\n\n / text inputs on Safari have 2px top and bottom margin -> remove/\n margin: 0;\n}\n\ninput,\ntextarea {\n &.disabled {\n / Only setting the color has no effect for input elements on iOS Safari -> set fill color, too /\n / It is activated for input elements only since the rule would be inherited by sub elements and therefore would change theirs colors as well /\n / Unfortunately currentcolor variable does seem to not work anymore so we have to use the less variable (somehow it still works for the placeholder) /\n -webkit-text-fill-color: @disabled-color;\n opacity: 1;\n\n &.read-only {\n -webkit-text-fill-color: @read-only-color;\n }\n\n &::selection {\n -webkit-text-fill-color: @text-selection-disabled-color;\n }\n }\n}\n\ntextarea.alternative {\n background-color: @text-field-alternative-background-color;\n\n &.disabled:not(.read-only) {\n background-color: transparent;\n border: 1px dashed @border-color;\n color: @disabled-color;\n }\n}\n\ninput[type=\"text\"],\ntextarea {\n / Explicitly set 'user-select' to something other than 'none', otherwise the focus manager /\n / might prevent text selection (scout.focusUtils.isSelectableText()). Some browsers already /\n / provide such a rule in the user style sheet, but some do not (e.g. Chrome 62). /\n #scout.user-select(text);\n}\n\ntextarea {\n / these two properties are required for FF, otherwise the editable textarea is 2px too large, /\n / and the DOM inspector does not include these 2 pixels. /\n margin: 0 auto;\n padding: @text-field-padding-y @text-field-padding-x;\n resize: none;\n / Override default overflow value 'scroll' /\n overflow: auto;\n\n / IE/Edge: show scrollbars on textarea if the content is too big to fit /\n / overflow:auto alone is not sufficient because -ms-overflow-style could be set on a parent element and textarea inherits this property /\n -ms-overflow-style: auto;\n\n / remove platform specific styling, mainly used to remove shadow on ios safari /\n -webkit-appearance: none;\n -moz-appearance: none;\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n}\n\n.input-field {\n padding: @text-field-padding-y @text-field-padding-x;\n #scout.overflow-ellipsis-nowrap();\n #scout.user-select(text);\n}\n\nbutton {\n padding: @button-padding-y @button-padding-x;\n margin: 0; / reset user agent style, e.g. on safari /\n}\n\n/ cursor handling /\n\n/ The following classes are added dynamically while dragging. !important is necessary to override /\n/ any cursor an underlying component defines while moving the mouse. /\n\n.col-resize,\n.col-resize { /* NOSONAR (universal selector is okay here) /\n cursor: col-resize !important; / NOSONAR (!important is okay here) /\n}\n\n.row-resize,\n.row-resize { /* NOSONAR (universal selector is okay here) /\n cursor: row-resize !important; / NOSONAR (!important is okay here) /\n}\n\n/ Used to temporarily disable pointer events on iframes while dragging elements /\n.dragging-in-progress {\n pointer-events: none;\n}\n\n/ remove the dotted border in firefox /\nbutton::-moz-focus-inner {\n border: 0;\n}\n\n.drag-handle {\n content: '';\n width: 100%;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n margin-top: -5px;\n cursor: move;\n z-index: 10;\n}\n\n.closer {\n #scout.font-icon();\n font-size: 17px;\n cursor: pointer;\n color: @closer-color;\n padding: 4px;\n border-radius: @border-radius;\n\n &::before {\n content: @icon-remove-bold;\n }\n\n &:hover {\n background-color: @hover-background-color;\n color: @closer-hover-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n}\n\n.save-needer {\n #scout.font-icon();\n font-size: 12px;\n color: @save-needer-color;\n\n &::before {\n content: @icon-pencil-underline-solid;\n }\n}\n\n/ Used to display errors from server when desktop is not available /\n.fatal-error {\n margin: 10px;\n #scout.user-select(text)\n}\n\n.application-loading-root {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background-color: @application-loading-background-color;\n pointer-events: none;\n\n &.fadeout {\n #scout.animation(application-loading-fade-out @loading-fade-duration linear 1 forwards);\n }\n}\n\n.keyframes-application-loading-fade-out() {\n to {\n opacity: 0;\n }\n}\n\n@-webkit-keyframes application-loading-fade-out {\n .keyframes-application-loading-fade-out();\n}\n\n@keyframes application-loading-fade-out {\n .keyframes-application-loading-fade-out();\n}\n\n.application-loading01 {\n height: @application-loading01-size;\n width: @application-loading01-size;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: 0 0 6px 3px @application-loading01-color;\n #scout.animation(pulsate 2s ease-out infinite);\n }\n}\n\n.application-loading02 {\n height: @application-loading02-size;\n width: @application-loading02-size;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: inset 0 0 4px 2px @application-loading02-color;\n #scout.animation(pulsate 2.84s ease-out infinite);\n }\n}\n\n\na,\n.link,\n.app-link {\n color: @link-color;\n text-decoration: none;\n cursor: pointer;\n\n &:hover {\n color: @link-hover-color;\n }\n\n &:active, &.active {\n color: @link-active-color;\n }\n\n &:focus {\n outline-color: @link-color;\n #scout.focus-box-shadow();\n }\n}\n\n.font-icon {\n #scout.font-icon();\n}\n\n.white-space-nowrap {\n #scout.white-space-nowrap();\n}\n\n.startup-error {\n #scout.user-select(text);\n #scout.drop-shadow();\n margin: 100px 50px;\n padding: 20px;\n border: 1px solid @error-border-color;\n background-color: @error-background-color;\n border-radius: @border-radius-large;\n}\n\n.startup-error-title {\n font-weight: bold;\n padding-bottom: 10px;\n}\n\n/ --- z-index --- /\n/ Rule: All child elements of .scout get the same z-index 0 assigned. This spawns a new stacking context for each /\n/ of these elements (iff they are \"positioned\"). To bring a new element to the top, add it to the end of the list. /\n/ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context /\n.scout > .desktop-navigation,\n.scout > .desktop-header,\n.scout > .desktop-bench,\n.scout > .splitter,\n.scout > .glasspane,\n.scout > .busyindicator,\n.scout > .dialog,\n.scout > .popup-window,\n.scout > .messagebox,\n.scout > .file-chooser,\n.scout > .tooltip,\n.scout > .popup,\n.scout > .notifications {\n z-index: 0;\n}\n\nnoscript {\n display: block;\n\n & > .wrapper > .box-content > h1 {\n #scout.font-text-normal(bold);\n }\n}\n\n/ Internet explorer applies the -ms-user-select setting: none (inherited from body) also to iframe contents.\n * Other browsers do not, websites within an iframe should decide on their own if they are selectable (or not).\n * Reset to default.\n /\niframe {\n //noinspection CssInvalidPropertyValue\n -ms-user-select: element;\n}\n\n.error-popup-correlation-id {\n #scout.user-select(text);\n #scout.font-text-small();\n color: @disabled-color;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n#scout {\n\n .vendor(@property, @value) {\n -webkit-@{property}: @value;\n -moz-@{property}: @value;\n -ms-@{property}: @value;\n -o-@{property}: @value;\n @{property}: @value;\n }\n\n .glow(@color, @radius: 5px) {\n box-shadow: 0 0 @radius @color;\n }\n\n .inner-glow(@color, @radius: 4px) {\n box-shadow: inset 0 0 @radius @color;\n }\n\n .drop-shadow(@x: 0px, @y: @drop-shadow-y, @blur: @drop-shadow-blur, @spread: 0px, @alpha: @drop-shadow-alpha) {\n box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);\n }\n\n .double-drop-shadow(@x1: 0, @y1: 0, @blur1: 0, @spread1: 0, @color1: @palette-black, @x2: 0px, @y2: 6px, @blur2: 13px, @spread2: 0px, @alpha2: @drop-shadow-alpha) {\n box-shadow: @x1 @y1 @blur1 @spread1 @color1, @x2 @y2 @blur2 @spread2 rgba(0, 0, 0, @alpha2);\n }\n\n .drop-shadow-large(@x: 0px, @y: @drop-shadow-large-y, @blur: @drop-shadow-large-blur, @spread: 0px, @alpha: @drop-shadow-large-alpha) {\n #scout.drop-shadow(@x, @y, @blur, @spread, @alpha);\n }\n\n .focus-border(@box-shadow-size: @focus-box-shadow-size, @box-shadow-color: @focus-box-shadow-color, @border-color: @focus-box-shadow-border-color) {\n #scout.focus-box-shadow(@box-shadow-size, @box-shadow-color);\n border-color: @border-color;\n }\n\n .no-focus-border() {\n outline: none;\n border: 0;\n box-shadow: 0 0 0 0;\n }\n\n .focus-box-shadow(@box-shadow-size: @focus-box-shadow-size, @box-shadow-color: @focus-box-shadow-color) {\n outline: none;\n box-shadow: 0 0 0 @box-shadow-size @box-shadow-color;\n }\n\n .focus-inset-box-shadow() {\n outline: none;\n box-shadow: inset 0 0 0 @focus-box-shadow-size @focus-box-shadow-color;\n }\n\n .focus-box-shadow-transition() {\n transition: box-shadow 0.3s ease;\n }\n\n .alternative-focus-border() {\n border-bottom-color: @focus-border-color;\n border-bottom-width: 2px;\n box-shadow: none;\n padding-bottom: 0;\n }\n\n .inverted-bottom-round-edge(@border-radius: 12px, @color: #ffffff) {\n @border-width: 5px;\n\n --color: @color; // Allows to change color only\n position: absolute;\n pointer-events: none;\n background-color: transparent;\n bottom: -@border-width;\n height: @border-radius;\n width: @border-radius;\n box-sizing: content-box;\n border: @border-width solid var(--color);\n border-top: none;\n\n &.left {\n left: -@border-radius;\n border-bottom-right-radius: @border-radius+@border-width;\n border-left: none;\n }\n\n &.right {\n right: -@border-radius;\n border-bottom-left-radius: @border-radius+@border-width;\n border-right: none;\n }\n }\n\n .transform(@args) {\n -webkit-transform: @args;\n -ms-transform: @args;\n transform: @args;\n }\n\n .transform-origin(@args) {\n -webkit-transform-origin: @args;\n -moz-transform-origin: @args;\n -ms-transform-origin: @args;\n transform-origin: @args;\n }\n\n .text-selection() {\n background: @text-selection-background-color;\n color: @text-selection-color;\n }\n\n .text-selection-disabled() {\n background: @text-selection-disabled-background-color;\n color: @text-selection-disabled-color;\n }\n\n .placeholder() {\n color: @text-field-placeholder-color;\n opacity: 1; / necessary for firefox /\n }\n\n .placeholder-disabled() {\n / Fade a little to make it distinguishable from real text. Don't use opacity here because it affects background as well (IE). /\n color: fade(@disabled-color, 50%);\n }\n\n .fake-placeholder() {\n / placeholder only works for input elements -> this fake placeholder is intended for a before element/\n #scout.placeholder();\n content: attr(placeholder);\n }\n\n .overlay(@left: 0, @top: 0, @diffW: 0, @diffH: 0) {\n position: absolute;\n content: '';\n left: @left;\n top: @top;\n width: calc(~'100% + ' @diffW);\n height: calc(~'100% + ' @diffH);\n }\n\n / Use dashed line instead of solid to avoid visual conflict with editable fields /\n .read-only() {\n background-color: transparent;\n border-color: transparent;\n border-bottom: dashed 1px @border-color;\n color: @read-only-color;\n }\n\n .value-field-with-icon(@className: ~'.icon') {\n\n &.focused > @{className}::before,\n &.focused > .field > @{className}::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error > @{className}::before,\n &.has-error > .field > @{className}::before,\n &.has-error > .field > @{className}::before {\n color: @text-field-icon-error-color;\n }\n\n &.disabled > @{className},\n &.disabled > .field > @{className},\n &.compact > @{className},\n &.compact > .field > @{className} {\n display: none;\n }\n\n &.alternative.has-error:focus > .field > @{className}::before,\n &.alternative.has-error.focused > .field > @{className}::before {\n color: @text-field-icon-error-color;\n }\n }\n\n .status {\n display: flex;\n align-items: center;\n\n &::before {\n #scout.font-icon();\n font-size: @status-font-icon-size;\n border-radius: @control-border-radius;\n width: @field-status-size;\n height: @field-status-size;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n .menu-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-ellipsis-v;\n color: @status-menu-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-menu-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-menu-hover-color;\n }\n }\n\n .tooltip-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-info;\n color: @status-info-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-info-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-info-hover-color;\n }\n }\n\n .info-status {\n #scout.tooltip-status();\n }\n\n .ok-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-info;\n color: @status-ok-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-ok-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-ok-hover-color;\n }\n }\n\n .warning-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-error;\n color: @status-warning-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-warning-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-warning-hover-color;\n }\n }\n\n .error-status {\n visibility: visible;\n cursor: pointer;\n\n &::before {\n content: @icon-error;\n color: @status-error-color;\n font-size: @status-font-icon-size;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n color: @status-error-hover-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @active-background-color;\n color: @status-error-hover-color;\n }\n }\n\n .loading-indicator(@loading-animation-size: 30px, @border-width: 1px) {\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -(@loading-animation-size / 2);\n margin-left: -(@loading-animation-size / 2);\n #scout.animation(fade-in 0.15s);\n #scout.loading-indicator-before(@loading-animation-size, @border-width);\n\n &.animate-remove {\n #scout.animation(fade-out-from-current 0.15s);\n }\n }\n\n .loading-indicator-before(@loading-animation-size: 30px, @border-width: 1px) {\n\n &::before {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n content: '';\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n border: @border-width fade(@busyindicator-color, 80%) solid;\n width: @loading-animation-size;\n height: @loading-animation-size;\n }\n }\n\n .loading-indicator-knight-rider() {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n height: 2px;\n width: 100%;\n opacity: 0;\n animation: fade-in 1s forwards, slideout-right 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n\n &::before {\n animation: slideout-left 1.5s ease-in-out infinite alternate;\n animation-delay: 0.5s;\n content: '';\n position: absolute;\n background: linear-gradient(to right, transparent 0%, @loading-indicator-knight-rider-color 20%, @loading-indicator-knight-rider-color 80%, transparent 100%);\n left: 0;\n width: 50px;\n height: 100%;\n }\n }\n\n .user-select(@mode) {\n -webkit-user-select: @mode;\n -moz-user-select: @mode;\n -ms-user-select: @mode;\n user-select: @mode;\n }\n\n .overflow-ellipsis() {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .overflow-ellipsis-nowrap() {\n #scout.overflow-ellipsis();\n white-space: nowrap;\n }\n\n .overflow-nowrap() {\n overflow: hidden;\n white-space: nowrap;\n }\n\n .white-space-nowrap() {\n white-space: nowrap;\n }\n\n // Can be used in a before or after element to enlarge a text to a size it would have if it was bold\n .bold-text-enlarger() {\n content: attr(data-text);\n display: block;\n font-weight: @title-font-weight;\n visibility: hidden;\n height: 0;\n }\n\n .triangle-top-left(@size, @color) {\n width: 0;\n height: 0;\n border-style: solid;\n border-width: @size @size 0 0;\n #scout.triangle-top-left-color(@color);\n }\n\n .triangle-top-left-color(@color) {\n border-color: @color transparent transparent transparent;\n }\n\n .item-selection-border(@border-color: @item-selection-nonfocus-border-color) {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: @item-selection-border-width solid @border-color;\n border-radius: @control-border-radius;\n pointer-events: none;\n }\n\n / Font Mixins /\n\n .font-text-small(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-small;\n }\n\n .font-text-normal(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-normal;\n }\n\n .font-text-plus(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-plus;\n }\n\n .font-text-large(@font-weight: @font-weight-normal) {\n font-family: @font-default-family;\n font-weight: @font-weight;\n font-size: @font-size-large;\n }\n\n .font-icon() {\n font-family: scoutIcons, @font-default-family;\n font-weight: @font-weight-normal;\n speak: none;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .submenu-icon() {\n #scout.font-icon();\n font-size: 16px;\n }\n\n .submenu-icon-open() {\n #scout.transform(rotateX(180deg) translateY(-1px));\n }\n\n / Invisible pseudo element that enables vertical-align if container has height set /\n .vertical-align-helper(@minHeight: 0) {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n min-height: @minHeight;\n }\n\n .vertical-align-helper-before(@minHeight: 0) {\n &::before {\n #scout.vertical-align-helper(@minHeight);\n }\n }\n\n .vertical-align-helper-after(@minHeight: 0) {\n &::after {\n #scout.vertical-align-helper(@minHeight);\n }\n }\n\n //noinspection CssInvalidPropertyValue\n .cursor-grab {\n / \"grab\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: grab;\n }\n\n //noinspection CssInvalidPropertyValue\n .cursor-grabbing {\n / \"grabbing\" cursor with fallback for browsers that don't understand CSS3 cursors /\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: grabbing;\n }\n\n / Mixin for chooser popups as used in smart-field /\n\n .chooser-popup {\n position: absolute;\n overflow: hidden;\n #scout.control-popup();\n\n &.touch {\n background-color: @table-header-background-color;\n }\n }\n\n .backdrop-filter(@background-color, @backdrop-filter, @fallback-background-color) {\n background-color: @fallback-background-color; // For browsers that don't support backdrop-filter\n\n @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {\n background-color: @background-color;\n -webkit-backdrop-filter: @backdrop-filter;\n backdrop-filter: @backdrop-filter;\n }\n }\n\n .popup {\n background-color: @popup-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-radius: @popup-border-radius;\n #scout.drop-shadow-large();\n }\n\n .popup-backdrop-filter() {\n #scout.backdrop-filter(@background-color: @popup-backdrop-background-color, @backdrop-filter: @popup-backdrop-filter, @fallback-background-color: @popup-background-color);\n }\n\n // Second layer popups that are normally a little smaller than the other popups\n .popup-2(@border-radius: @border-radius-medium) {\n background-color: @popup-2-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-radius: @border-radius;\n #scout.drop-shadow-large();\n }\n\n .popup-2-backdrop-filter() {\n #scout.backdrop-filter(@background-color: @popup-2-backdrop-background-color, @backdrop-filter: @popup-2-backdrop-filter, @fallback-background-color: @popup-2-background-color);\n }\n\n .control-popup() {\n #scout.popup-2(@control-border-radius);\n margin: @control-popup-margin;\n }\n\n / Mixin for scrollbar positioning /\n .scrollbar-y-padding(@padding: @scrollbar-side-padding, @padding-hover: @scrollbar-side-padding-hover) {\n & > .scrollbar-thumb.y-axis {\n padding-left: @padding;\n }\n\n &:hover.y-axis > .scrollbar-thumb.y-axis,\n &.y-axis > .scrollbar-thumb.y-axis.scrollbar-thumb-move {\n padding-left: @padding-hover;\n }\n }\n\n .scrollbar-x-padding(@padding: @scrollbar-side-padding, @padding-hover: @scrollbar-side-padding-hover) {\n & > .scrollbar-thumb.x-axis {\n padding-top: @padding;\n }\n\n &:hover.x-axis > .scrollbar-thumb.x-axis,\n &.x-axis > .scrollbar-thumb.x-axis.scrollbar-thumb-move {\n padding-top: @padding-hover;\n }\n }\n\n /\n * Hides the scrollbars but lets the user still scroll (e.g. using mousewheel or touch).\n * This works a bit different for every browser.\n /\n\n .hide-scrollbars {\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none;\n\n / Firefox: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width /\n scrollbar-width: none;\n }\n\n /\n Uses the inverted colors of the scrollbars. Use this mixin in a widget that requires inverted scrollbars (e.g. a widget with white background in dark mode).\n /\n\n .inverted-scrollbars {\n & > .scrollbar > .scrollbar-thumb {\n & > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-color;\n }\n\n &.scrollbar-thumb-move > .scrollbar-thumb-handle,\n &:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-hover-color;\n }\n\n &.container-too-small-for-thumb > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-small-color;\n }\n\n &.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n &.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-inverted-small-hover-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n#scout {\n / args = keyframeName, timingFunction, iterationCount /\n .animation(@args) {\n -webkit-animation: @args;\n -moz-animation: @args;\n -o-animation: @args;\n animation: @args;\n }\n\n .animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n -moz-animation-duration: @duration;\n -o-animation-duration: @duration;\n animation-duration: @duration;\n }\n\n .animation-name(@name) {\n -webkit-animation-name: @name;\n -moz-animation-name: @name;\n -o-animation-name: @name;\n animation-name: @name;\n }\n\n .animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n -moz-animation-delay: @delay;\n -o-animation-delay: @delay;\n animation-delay: @delay;\n }\n\n .animation-fill-mode(@fillMode) {\n -webkit-animation-fill-mode: @fillMode;\n -moz-animation-fill-mode: @fillMode;\n -o-animation-fill-mode: @fillMode;\n animation-fill-mode: @fillMode;\n }\n\n .animation-timing-function(@timingFunction) {\n -webkit-animation-timing-function: @timingFunction;\n -moz-animation-timing-function: @timingFunction;\n -o-animation-timing-function: @timingFunction;\n animation-timing-function: @timingFunction;\n }\n\n .animation-iteration-count(@iterationCount) {\n -webkit-animation-iteration-count: @iterationCount;\n -moz-animation-iteration-count: @iterationCount;\n -o-animation-iteration-count: @iterationCount;\n animation-iteration-count: @iterationCount;\n }\n\n / Fade In /\n\n .keyframes-fade-in() {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @-webkit-keyframes fade-in {\n .keyframes-fade-in()\n }\n @keyframes fade-in {\n .keyframes-fade-in()\n }\n\n / Fade Out /\n\n .keyframes-fade-out() {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n\n @-webkit-keyframes fade-out {\n .keyframes-fade-out();\n }\n @keyframes fade-out {\n .keyframes-fade-out();\n }\n\n / Fade In from current /\n\n .keyframes-fade-in-from-current() {\n to {\n opacity: 1;\n }\n }\n\n @-webkit-keyframes fade-in-from-current {\n .keyframes-fade-in-from-current()\n }\n @keyframes fade-in-from-current {\n .keyframes-fade-in-from-current()\n }\n\n / Fade Out from current /\n\n .keyframes-fade-out-from-current() {\n to {\n opacity: 0;\n }\n }\n\n @-webkit-keyframes fade-out-from-current {\n .keyframes-fade-out-from-current();\n }\n @keyframes fade-out-from-current {\n .keyframes-fade-out-from-current();\n }\n\n / Fade with Short Drop /\n\n .keyframes-short-drop() {\n 0% {\n #scout.transform(translateY(-40px));\n }\n 40% {\n #scout.transform(translateY(7px));\n }\n 100% {\n #scout.transform(translateY(0));\n }\n }\n\n @-webkit-keyframes short-drop {\n .keyframes-short-drop();\n }\n @keyframes short-drop {\n .keyframes-short-drop();\n }\n\n / Fade out and shrink with blur /\n\n .keyframes-fadeout-shrink-blur() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n }\n\n @-webkit-keyframes fadeout-shrink-blur {\n .keyframes-fadeout-shrink-blur();\n }\n @keyframes fadeout-shrink-blur {\n .keyframes-fadeout-shrink-blur();\n }\n\n / Fade out and shrink /\n\n .keyframes-fadeout-shrink() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(0, 0);\n }\n }\n\n @-webkit-keyframes fadeout-shrink {\n .keyframes-fadeout-shrink();\n }\n @keyframes fadeout-shrink {\n .keyframes-fadeout-shrink();\n }\n\n / Fade out and grow with blur /\n\n .keyframes-fadeout-grow-blur() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n filter: blur(10px);\n }\n }\n\n @-webkit-keyframes fadeout-grow-blur {\n .keyframes-fadeout-grow-blur();\n }\n @keyframes fadeout-grow-blur {\n .keyframes-fadeout-grow-blur();\n }\n\n / Fade out and grow /\n\n .keyframes-fadeout-grow() {\n from {\n opacity: 1;\n transform: scale(1, 1);\n }\n to {\n opacity: 0;\n transform: scale(2, 2);\n }\n }\n\n @-webkit-keyframes fadeout-grow {\n .keyframes-fadeout-grow();\n }\n @keyframes fadeout-grow {\n .keyframes-fadeout-grow();\n }\n\n / Fade in and grow with blur /\n\n .keyframes-fadein-grow-blur() {\n from {\n opacity: 0;\n transform: scale(0.5, 0.5);\n filter: blur(10px);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n filter: blur(0);\n }\n }\n\n @-webkit-keyframes fadein-grow-blur {\n .keyframes-fadein-grow-blur();\n }\n @keyframes fadein-grow-blur {\n .keyframes-fadein-grow-blur();\n }\n\n / Fade in and grow /\n\n .keyframes-fadein-grow() {\n from {\n opacity: 0;\n transform: scale(0, 0);\n }\n to {\n opacity: 1;\n transform: scale(1, 1);\n }\n }\n\n @-webkit-keyframes fadein-grow {\n .keyframes-fadein-grow();\n }\n @keyframes fadein-grow {\n .keyframes-fadein-grow();\n }\n\n / Slide In Bottom \n Moves the element into screen from bottom up /\n\n .keyframes-slidein-bottom() {\n 0% {\n #scout.transform(translateY(100%));\n }\n }\n\n @-webkit-keyframes slidein-bottom {\n .keyframes-slidein-bottom();\n }\n @keyframes slidein-bottom {\n .keyframes-slidein-bottom();\n }\n\n /* Slide Out Bottom \n Moves the element out of bottom screen border /\n\n .keyframes-slideout-bottom() {\n 100% {\n #scout.transform(translateY(100%));\n }\n }\n\n @-webkit-keyframes slideout-bottom {\n .keyframes-slideout-bottom();\n }\n @keyframes slideout-bottom {\n .keyframes-slideout-bottom();\n }\n\n /* Slide Out Right \n Moves the element out of right screen border /\n\n .keyframes-slideout-right() {\n 100% {\n #scout.transform(translateX(100%));\n }\n }\n\n @-webkit-keyframes slideout-right {\n .keyframes-slideout-right();\n }\n @keyframes slideout-right {\n .keyframes-slideout-right();\n }\n\n /* Slide Out Left \n Moves the element out of left screen border /\n\n .keyframes-slideout-left() {\n 100% {\n #scout.transform(translateX(-100%));\n }\n }\n\n @-webkit-keyframes slideout-left {\n .keyframes-slideout-left();\n }\n @keyframes slideout-left {\n .keyframes-slideout-left();\n }\n\n /* Grow Y \n Scales the element along the y axis until 1. Expects the element to be scaled (e.g. scaleY(0)) when the animation starts.\n To create a slide down animation (as known from jQuery) set transform-origin to top. /\n\n .keyframes-grow-y() {\n 100% {\n #scout.transform(scaleY(1));\n }\n }\n\n @-webkit-keyframes grow-y {\n .keyframes-grow-y();\n }\n @keyframes grow-y {\n .keyframes-grow-y();\n }\n\n\n /* Shrink Y \n Shrinks the element along the y axis until 0/\n\n .keyframes-shrink-y() {\n 100% {\n #scout.transform(scaleY(0));\n }\n }\n\n @-webkit-keyframes shrink-y {\n .keyframes-shrink-y();\n }\n @keyframes shrink-y {\n .keyframes-shrink-y();\n }\n\n /* Fade In Zoom /\n\n .keyframes-fadein-zoom() {\n 0% {\n opacity: 0;\n #scout.transform(scale(0.75, 0.75));\n }\n 100% {\n opacity: 1;\n #scout.transform(scale(1, 1));\n }\n }\n\n @-webkit-keyframes fadein-zoom {\n .keyframes-fadein-zoom();\n }\n @keyframes fadein-zoom {\n .keyframes-fadein-zoom();\n }\n\n / Fade In Zoom Bounce /\n\n .keyframes-fadein-zoom-bounce() {\n 0% {\n opacity: 0;\n #scout.transform(scale(0.75, 0.75));\n }\n 65% {\n opacity: 1;\n #scout.transform(scale(1.02, 1.02));\n }\n 100% {\n #scout.transform(scale(1, 1));\n }\n }\n\n @-webkit-keyframes fadein-zoom-bounce {\n .keyframes-fadein-zoom-bounce();\n }\n @keyframes fadein-zoom-bounce {\n .keyframes-fadein-zoom-bounce();\n }\n\n / Rotation /\n\n .keyframes-rotation () {\n 0% {\n #scout.transform(rotate(0deg));\n }\n 100% {\n #scout.transform(rotate(359deg));\n }\n }\n\n @-webkit-keyframes rotation {\n .keyframes-rotation();\n }\n @keyframes rotation {\n .keyframes-rotation();\n }\n\n / Rotation-Reverse /\n\n .keyframes-rotation-reverse () {\n 0% {\n #scout.transform(rotate(-0deg));\n }\n 100% {\n #scout.transform(rotate(-359deg));\n }\n }\n\n @-webkit-keyframes rotation-reverse {\n .keyframes-rotation-reverse();\n }\n @keyframes rotation-reverse {\n .keyframes-rotation-reverse();\n }\n\n / Pulse Opacity /\n\n .keyframes-pulse-opacity () {\n 0% {\n opacity: 1.0;\n }\n 50% {\n opacity: 0.05;\n }\n 100% {\n opacity: 1.0;\n }\n }\n\n @-webkit-keyframes pulse-opacity {\n .keyframes-pulse-opacity();\n }\n @keyframes pulse-opacity {\n .keyframes-pulse-opacity();\n }\n\n / Pulsate /\n\n .keyframes-pulsate () {\n 0% {\n #scout.transform(scale(0.25));\n opacity: 0.35;\n }\n 45% {\n opacity: 1.0;\n }\n 96% {\n #scout.transform(scale(1.2));\n opacity: 0.2;\n }\n 100% {\n #scout.transform(scale(1.2));\n opacity: 0.04;\n }\n }\n\n @-webkit-keyframes pulsate {\n .keyframes-pulsate();\n }\n @keyframes pulsate {\n .keyframes-pulsate();\n }\n\n / Pulsate Reverse /\n\n .keyframes-pulsate-reverse () {\n 0% {\n #scout.transform(scale(1.2));\n opacity: 0.0;\n }\n 50% {\n opacity: 1.0;\n }\n 100% {\n #scout.transform(scale(0.1));\n opacity: 0.0;\n }\n }\n\n @-webkit-keyframes pulsate-reverse {\n .keyframes-pulsate-reverse();\n }\n @keyframes pulsate-reverse {\n .keyframes-pulsate-reverse();\n }\n\n / Pulsate In-Out /\n\n .keyframes-pulsate-in-out () {\n 0% {\n #scout.transform(scale(1));\n opacity: 1.0;\n }\n 50% {\n #scout.transform(scale(0.1));\n opacity: 0.01;\n }\n 100% {\n #scout.transform(scale(1));\n opacity: 1.0;\n }\n }\n\n @-webkit-keyframes pulsate-in-out {\n .keyframes-pulsate-in-out();\n }\n @keyframes pulsate-in-out {\n .keyframes-pulsate-in-out();\n }\n\n / Attention /\n\n .keyframes-attention () {\n 0% {\n #scout.transform(scale3d(1, 1, 1));\n }\n 10% {\n #scout.transform(scale3d(1.1, 1.1, 1.1));\n }\n 20% {\n #scout.transform(scale3d(1, 1, 1));\n }\n 100% {\n #scout.transform(scale3d(1, 1, 1));\n }\n }\n\n @-webkit-keyframes attention {\n .keyframes-attention();\n }\n @keyframes attention {\n .keyframes-attention();\n }\n\n / Rotate-X /\n\n .keyframes-rotate-x () {\n 0% {\n #scout.transform(perspective(120px) rotateY(0deg));\n }\n 50% {\n #scout.transform(perspective(120px) rotateY(-180.0deg));\n }\n 100% {\n #scout.transform(perspective(120px) rotateY(-360deg));\n }\n }\n\n @-webkit-keyframes rotate-x {\n .keyframes-rotate-x();\n }\n @keyframes rotate-x {\n .keyframes-rotate-x();\n }\n\n / Animate Dot /\n\n .keyframes-animate-dot () {\n 0% {\n color: @text-color;\n bottom: 0;\n }\n 25% {\n color: @palette-gray-5;\n bottom: 4px;\n }\n 50% {\n color: @text-color;\n bottom: 0;\n }\n 100% {\n color: @text-color;\n bottom: 0;\n }\n }\n\n @-webkit-keyframes animateDot {\n .keyframes-animate-dot();\n }\n @keyframes animateDot {\n .keyframes-animate-dot();\n }\n\n / Shake /\n\n .animation-shake() {\n #scout.transform-origin(50% 50%);\n #scout.animation-name(shake);\n #scout.animation-duration(0.2s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(linear);\n }\n\n .keyframes-shake() {\n 0% {\n #scout.transform(translate(2px, 1px) rotate(0deg));\n }\n 10% {\n #scout.transform(translate(-1px, -2px) rotate(-1deg));\n }\n 20% {\n #scout.transform(translate(-3px, 0) rotate(1deg));\n }\n 30% {\n #scout.transform(translate(0, 2px) rotate(0deg));\n }\n 40% {\n #scout.transform(translate(1px, -1px) rotate(1deg));\n }\n 50% {\n #scout.transform(translate(-1px, 2px) rotate(-1deg));\n }\n 60% {\n #scout.transform(translate(-3px, 1px) rotate(0deg));\n }\n 70% {\n #scout.transform(translate(2px, 1px) rotate(-1deg));\n }\n 80% {\n #scout.transform(translate(-1px, -1px) rotate(1deg));\n }\n 90% {\n #scout.transform(translate(2px, 2px) rotate(0deg));\n }\n 100% {\n #scout.transform(translate(1px, -2px) rotate(-1deg));\n }\n }\n\n @-webkit-keyframes shake {\n .keyframes-shake();\n }\n @keyframes shake {\n .keyframes-shake();\n }\n}\n\n/ NOP (no operation, may be used to temporarily set css properties while the animation runs, e.g. using a transition) /\n\n.keyframes-nop () {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@-webkit-keyframes nop {\n .keyframes-nop();\n}\n\n@keyframes nop {\n .keyframes-nop();\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.action {\n cursor: pointer;\n\n &:hover {\n color: @hover-color;\n }\n\n &:active {\n color: @active-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: @button-color;\n background-color: @button-background-color;\n --border-color: @button-border-color;\n border: 1px solid var(--border-color);\n border-radius: @button-border-radius;\n cursor: pointer;\n padding: @button-padding-y @button-padding-x;\n\n &.borderless {\n background-color: transparent;\n border: 0;\n\n &:focus {\n #scout.focus-inset-box-shadow();\n }\n }\n\n & > .text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n }\n\n & > .icon {\n / Padding only relevant for icons larger than the container /\n padding-top: 2px;\n padding-bottom: 2px;\n\n &.with-label {\n margin-right: 8px;\n }\n\n &.loading,\n &.broken {\n .hidden();\n }\n\n &.image-icon {\n max-height: 100%;\n }\n }\n\n & > .font-icon {\n font-size: @button-font-icon-size;\n }\n\n & > .submenu-icon {\n #scout.submenu-icon();\n padding-left: 8px;\n\n .selected& {\n #scout.submenu-icon-open();\n }\n }\n\n & > .button-label,\n & > .icon,\n & > .submenu-icon {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n\n &:hover {\n color: @button-hover-color;\n background-color: @hover-background-color;\n }\n\n &:active, &.active {\n color: @button-active-color;\n background-color: @button-active-background-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n\n &:hover {\n background-color: @selected-hover-background-color;\n border-color: @selected-hover-background-color;\n }\n\n &.active, &:active {\n background-color: @selected-active-background-color;\n border-color: @selected-active-background-color;\n }\n\n &.has-popup {\n color: @button-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n\n &:focus {\n #scout.focus-border();\n }\n\n &.default {\n background-color: @default-button-background-color;\n / border is necessary to align the text with text from buttons with a real border /\n border-color: @default-button-background-color;\n color: @default-button-color;\n\n &:hover {\n background-color: @default-button-hover-background-color;\n border-color: @default-button-hover-background-color;\n }\n\n &:active, &.active {\n color: @default-button-color;\n background-color: @default-button-active-background-color;\n border-color: @default-button-active-background-color;\n }\n\n &.selected {\n color: @default-button-color;\n background-color: @default-button-selected-background-color;\n border-color: @default-button-selected-background-color;\n }\n\n &:focus {\n #scout.focus-border();\n }\n }\n\n &:disabled,\n &.disabled {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n cursor: default;\n\n &:hover, &.active, &:active, &.selected {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-disabled-background-color;\n border-color: @selected-disabled-background-color;\n\n &.has-popup {\n color: @button-disabled-color;\n background-color: @selected-with-popup-background-color;\n border-color: @selected-with-popup-background-color;\n }\n }\n }\n\n &.loading {\n & > .button-label,\n & > .icon,\n & > .submenu-icon {\n opacity: 0;\n transition: opacity @loading-fade-duration;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator(20px);\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/\n Used for static pages like login, logout, unsupported-browser and noscript section.\n * Note: This box must not depend on javascript because it is used for the noscript section as well.\n /\n@box-responsive-width: @box-width + 40px;\n\n.box {\n display: table;\n position: absolute;\n height: 75%;\n width: 100%;\n margin: @box-margin-y 0;\n\n & > .wrapper {\n display: table-cell;\n vertical-align: middle;\n }\n}\n\n.box-content {\n border: @popup-border-width solid @popup-border-color;\n border-radius: @border-radius-large;\n background-color: @popup-background-color;\n max-width: @box-width;\n margin: 0 auto;\n padding: 45px 95px 50px 95px;\n #scout.drop-shadow(0, 20px, 50px, 0, 0.2);\n font-size: @box-font-size;\n\n & > .header {\n text-align: center;\n\n & > .logo {\n margin-top: 4px;\n margin-bottom: 40px;\n max-height: 30px;\n }\n }\n\n &.small > .header > .logo {\n max-width: 50%;\n }\n\n & > .button-bar {\n padding-top: 32px;\n text-align: center;\n\n & > .button {\n padding: 7px @button-padding-x;\n font-size: @box-font-size;\n }\n }\n\n &.centered {\n text-align: center;\n }\n}\n\n@media (max-width: @box-responsive-width) {\n .box-content {\n & > .header > .logo {\n margin-bottom: 30px;\n margin-top: 0;\n }\n\n padding: 40px;\n margin-left: 10px;\n margin-right: 10px;\n }\n}\n\n@media (max-height: 400px) {\n .box-content {\n & > .header > .logo {\n margin-bottom: 20px;\n margin-top: 0;\n }\n\n padding-top: 25px;\n padding-bottom: 25px;\n }\n}\n\n@media (max-height: 700px) {\n .box {\n height: calc(~'100% - ' @box-margin-y 2);\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.box-buttons {\n\n & > .box-button {\n padding: 6px 16px;\n #scout.overflow-ellipsis-nowrap();\n margin-right: 16px;\n min-width: 104px;\n }\n\n & > .box-button:last-child {\n margin-right: 0;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.check-box {\n #scout.checkbox();\n\n &:focus {\n #scout.focus-border();\n }\n\n &.checked {\n #scout.checkbox-checked();\n }\n\n &.undefined {\n #scout.checkbox-undefined();\n }\n\n &.disabled {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &.undefined {\n #scout.checkbox-undefined-disabled();\n }\n }\n}\n\n#scout {\n\n .checkbox() {\n cursor: pointer;\n position: relative;\n display: inline-block;\n text-align: center;\n width: @check-box-size;\n height: @check-box-size;\n border: @check-box-border-width solid @check-box-border-color;\n border-radius: @check-box-border-radius;\n background-color: @control-background-color;\n }\n\n .checkbox-checked() {\n background-color: @check-box-checked-background-color;\n border-color: @check-box-checked-border-color;\n color: @check-box-checked-color;\n\n &::before {\n position: absolute;\n display: block;\n line-height: @check-box-size;\n width: @check-box-size - 2 @check-box-border-width;\n #scout.font-icon();\n content: @icon-checked-bold;\n font-size: 11px;\n }\n }\n\n .checkbox-disabled() {\n cursor: default;\n border-color: @check-box-disabled-border-color;\n }\n\n .checkbox-checked-disabled {\n background-color: @check-box-checked-disabled-background-color;\n border-color: @check-box-checked-disabled-background-color;\n }\n\n .checkbox-undefined() {\n background-color: @check-box-checked-background-color;\n border-color: @check-box-checked-border-color;\n\n &::before {\n content: '';\n position: absolute;\n top: calc(50% - 1px);\n left: calc(50% - 5px);\n width: 10px;\n border-radius: 1px;\n height: 2px;\n background-color: @check-box-checked-color;\n }\n }\n\n .checkbox-undefined-disabled() {\n background-color: @check-box-checked-disabled-background-color;\n border-color: @check-box-checked-disabled-background-color;\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.calendar-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.calendar {\n white-space: nowrap;\n padding-left: 0;\n}\n\n.calendar-scrollable-components {\n height: 100%;\n}\n\n.calendar-header {\n position: relative;\n display: block;\n white-space: nowrap;\n padding: 8px @root-group-box-padding-right 12px 0;\n\n & > .busyindicator-label {\n display: table-cell;\n vertical-align: middle;\n text-indent: 0;\n }\n\n &.mobile {\n padding-right: @calendar-padding-right-mobile;\n }\n}\n\n.calendar-header-row {\n display: table;\n width: 100%;\n\n &.last {\n padding-top: 10px;\n }\n}\n\n.calendar-range {\n display: table-cell;\n vertical-align: middle;\n padding-left: 8px;\n width: 1%;\n}\n\n.calendar-previous,\n.calendar-today,\n.calendar-next {\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n height: @calendar-header-button-height;\n color: @text-color;\n background-color: @button-background-color;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n margin-right: 5px;\n line-height: @calendar-header-button-height - 1px;\n\n &:hover {\n color: @hover-color;\n }\n}\n\n.calendar-today {\n padding-left: 15px;\n padding-right: 15px;\n}\n\n.calendar-title {\n display: table-cell;\n vertical-align: middle;\n color: @calendar-title-color;\n\n .calendar-header-row.last > & {\n text-align: center;\n }\n}\n\n.calendar-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n\n.calendar-previous:hover::before,\n.calendar-next:hover::before {\n color: @hover-color;\n}\n\n.calendar-previous::before {\n .calendar-icon(@icon-angle-left, 20px);\n}\n\n.calendar-next::before {\n .calendar-icon(@icon-angle-right, 20px);\n}\n\n.calendar-commands {\n display: table-cell;\n vertical-align: middle;\n text-align: right;\n white-space: nowrap;\n}\n\n.calendar-mode,\n.calendar-toggle-year,\n.calendar-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: @calendar-header-button-height;\n line-height: @calendar-header-button-height - 1px;\n cursor: pointer;\n}\n\n.calendar-mode {\n padding: 0 8px;\n min-width: 65px;\n\n border-top: 1px solid @control-border-color;\n border-bottom: 1px solid @control-border-color;\n border-left: 1px solid @control-border-color;\n\n &.first {\n border-left: 1px solid @control-border-color;\n border-top-left-radius: @button-border-radius;\n border-bottom-left-radius: @button-border-radius;\n }\n\n &.last {\n border-right: 1px solid @control-border-color;\n border-top-right-radius: @button-border-radius;\n border-bottom-right-radius: @button-border-radius;\n margin-right: 5px;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &.selected {\n color: @calendar-mode-selected-color;\n background-color: @calendar-mode-selected-background-color;\n }\n}\n\n.calendar-mode-menu {\n padding: 5px 12px;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n}\n\n.calendar-toggle-year,\n.calendar-toggle-list {\n margin-left: 5px;\n\n &:hover::before {\n color: @hover-color;\n }\n}\n\n.calendar-toggle-year::before {\n .calendar-icon(@icon-calendar, 18px);\n}\n\n.calendar-toggle-list::before {\n .calendar-icon(@icon-list, 18px);\n}\n\n.calendar-component {\n display: flex;\n flex-direction: row;\n position: relative;\n float: left;\n line-height: 24px;\n height: 24px;\n min-height: 20px;\n width: calc(~'100% - ' @calendar-component-margin-left);\n text-align: left;\n color: @calendar-component-color;\n\n &:not(.component-task):not(.component-month) {\n border-bottom: 2px solid transparent;\n }\n\n & > .content {\n #scout.overflow-ellipsis();\n\n & > .icon {\n padding-right: 3px;\n font-size: 14px;\n display: inline-block;\n min-width: 20px;\n }\n\n & > .subject {\n vertical-align: top;\n }\n }\n\n & > .calendar-component-leftcolorborder {\n flex-shrink: 0;\n top: 0;\n left: 0;\n width: 4px;\n margin-right: 4px;\n background-color: @palette-blue-1; / Default colors used when component has no specific class /\n }\n\n / Default colors used when component has no specific class /\n background-color: @palette-blue-0;\n\n &:hover {\n background-color: @palette-blue-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-blue-3;\n }\n }\n\n &.comp-selected {\n background-color: @palette-blue-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-blue-3;\n }\n }\n\n / Colors for type Appointment /\n\n &.calendar-appointment {\n background-color: @palette-orange-0;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-2;\n }\n\n &:hover {\n background-color: @palette-orange-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-3;\n }\n }\n\n &.comp-selected {\n background-color: @palette-orange-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-orange-3;\n }\n }\n }\n\n / Colors for type Task /\n\n &.calendar-task {\n background-color: @palette-green-0;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-2;\n }\n\n &:hover {\n background-color: @palette-green-1;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-2;\n }\n }\n\n &.comp-selected {\n background-color: @palette-green-2;\n\n & > .calendar-component-leftcolorborder {\n background-color: @palette-green-3;\n }\n }\n }\n}\n\n.widget-popup > .calendar-component-tooltip-content.tooltip-content {\n padding: 0;\n #scout.font-text-normal();\n max-width: 300px;\n max-height: 500px;\n}\n\n.calendar-component-header {\n padding: 18px 18px 10px 18px;\n background-color: @table-header-background-color;\n\n &:not(.with-description) {\n padding-bottom: 18px;\n }\n}\n\n.calendar-component-title-label {\n color: @top-label-color;\n font-size: @top-label-font-size;\n padding-bottom: @top-label-border-padding-bottom;\n}\n\n.calendar-component-title {\n font-weight: bold;\n font-size: @font-size-plus;\n}\n\n.calendar-component-intro {\n font-size: 11px;\n margin-top: 9px;\n color: @calendar-component-intro-color;\n\n & > .icon {\n padding-right: 9px;\n display: inline-block;\n font-size: 12px;\n line-height: 15px;\n min-width: 27px;\n text-align: center;\n vertical-align: middle;\n }\n}\n\n.calendar-component-description-container {\n padding: 10px 18px 18px 18px;\n}\n\n.calendar-component-description-element {\n\n display: flex;\n align-items: center;\n\n & > .icon {\n padding-right: 9px;\n display: inline-block;\n min-width: 27px;\n vertical-align: top;\n text-align: center;\n }\n\n & > .text {\n display: inline-block;\n vertical-align: top;\n }\n\n &:not(.first) {\n padding-top: 10px;\n border-top: 1px solid @tooltip-border-color;\n }\n\n &:not(.last) {\n padding-bottom: 10px;\n }\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 & > .content {\n width: 100%;\n white-space: normal;\n line-height: normal;\n }\n }\n}\n\n.calendar-list-title {\n position: relative;\n width: calc(~'100% - 10px');\n height: @calendar-title-height;\n line-height: @calendar-title-height;\n font-weight: bold;\n color: @text-color;\n\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: @border-color;\n }\n}\n\n.calendar-grids {\n display: inline-block;\n vertical-align: top;\n overflow: hidden;\n}\n\n.calendar-grid {\n display: block;\n height: calc(~'100% - 25px');\n padding-right: @root-group-box-padding-right;\n\n & + .scroll-shadow {\n --scroll-shadow-inset-right: @root-group-box-padding-right;\n }\n\n &.mobile {\n padding-right: @calendar-padding-right-mobile;\n\n & + .scroll-shadow {\n --scroll-shadow-inset-right: @calendar-padding-right-mobile;\n }\n }\n}\n\n.calendar-grid.calendar-grid-short {\n height: calc(~'100% - 105px');\n}\n\n.calendar-top-grid {\n display: block;\n overflow: hidden;\n border-bottom: 1px solid @border-color;\n height: 105px;\n margin-right: @root-group-box-padding-right;\n\n &.calendar-top-grid-short {\n height: 25px;\n }\n\n &.mobile {\n margin-right: @calendar-padding-right-mobile;\n }\n}\n\n.calendar-week-header,\n.calendar-week {\n display: block;\n width: 100%;\n white-space: nowrap;\n}\n\n.calendar-week-allday-container,\n.calendar-week-allday-container > .calendar-week-name {\n height: 80px;\n}\n\n.calendar-week-allday-container > .calendar-day {\n padding-top: 30px; // for the day-of-month number\n}\n\n.calendar-week-header,\n.calendar-week-header > .calendar-day-name,\n.calendar-week-header > .calendar-week-name {\n height: @calendar-title-height;\n}\n\n.calendar-week {\n position: relative;\n}\n\n.calendar-week-name {\n width: @calendar-week-name-width;\n}\n\n.calendar-day-name,\n.calendar-week-name,\n.calendar-day {\n position: relative;\n display: inline-block;\n overflow: hidden;\n z-index: 1; / draw over grid /\n}\n\n.calendar-day {\n padding: 0;\n\n &:not(.calendar-no-label)::before {\n position: absolute;\n content: attr(data-day-name);\n color: @calendar-day-color;\n left: 7px;\n top: 7px;\n z-index: 1; / draw over calendar items /\n }\n\n &.out {\n background-color: @calendar-out-background-color;\n\n &::before {\n color: @calendar-out-color;\n }\n }\n\n &.weekend::before {\n color: @calendar-weekend-color;\n }\n\n &.weekend-out {\n background-color: @calendar-weekend-out-background-color;\n\n &::before {\n color: @calendar-weekend-out-color;\n }\n }\n\n &.now::before {\n color: @highlight-color;\n font-weight: bold;\n }\n\n / helps to center days between 10 and 19 nicer /\n\n &.selected.center-nice::before {\n padding-right: 2px;\n }\n\n & .calendar-component {\n margin-left: @calendar-component-margin-left;\n margin-bottom: 1px;\n margin-top: 1px;\n\n &.component-month.compact {\n top: 30px;\n margin-left: 0;\n width: 100%;\n }\n\n &.component-day,\n &.component-task {\n position: absolute;\n word-break: break-all;\n left: 0;\n margin: 0;\n width: 100%;\n height: 24px;\n line-height: 24px;\n }\n\n &.component-open-top {\n overflow: visible;\n padding-top: 10px;\n\n / Compensate for open top padding /\n\n & > .calendar-component-leftcolorborder {\n height: calc(~'100% + 10px');\n top: -10px;\n position: relative;\n }\n\n &::before {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(~'50% - 8px');\n top: -8px;\n transform: rotate(45deg);\n background-color: @background-color;\n }\n }\n\n &.component-open-bottom {\n overflow: visible;\n border-bottom: none; / Compensate for calendar-component border /\n\n &::after {\n position: absolute;\n display: block;\n content: '';\n width: 16px;\n height: 16px;\n left: calc(~'50% - 8px');\n bottom: -8px;\n transform: rotate(45deg);\n background-color: inherit;\n }\n }\n }\n}\n\n.calendar-day.selected.now::before {\n left: 4px;\n top: 3px;\n font-weight: normal;\n border: solid 4px @highlight-inverted-background-color;\n border-radius: 50%;\n background-color: @highlight-inverted-background-color;\n color: @palette-white;\n}\n\n.calendar-day.selected::before {\n text-align: center;\n left: 4px;\n top: 3px;\n width: @calendar-day-selected-circle-size;\n height: @calendar-day-selected-circle-size;\n border: solid 4px @calendar-day-selected-background-color;\n border-radius: 50%;\n background-color: @calendar-day-selected-background-color;\n color: @calendar-day-selected-color;\n}\n\n\n.calendar-week-name {\n font-size: 11px;\n color: @calendar-week-axis-color;\n padding-top: 9px;\n text-align: center;\n}\n\n.calendar-day::after,\n.calendar-day-name::after {\n position: absolute;\n width: 1px;\n height: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-week:not(.calendar-week-noborder)::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n top: 0;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-day-name::before {\n position: absolute;\n content: attr(data-day-name);\n color: @calendar-day-color;\n left: 7px;\n bottom: 0;\n z-index: 1; / draw over calendar items /\n line-height: @calendar-title-height;\n}\n\n.calendar-week-axis {\n position: absolute;\n left: @calendar-week-name-width - @calendar-week-axis-overlap;\n width: calc(~'100% - @{calendar-week-name-width} + @{calendar-week-axis-overlap}');\n\n &:not(.first) {\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n content: '';\n background-color: @calendar-light-line-color;\n }\n\n &.hour::after {\n background-color: @calendar-line-color;\n }\n\n &::before {\n position: absolute;\n font-size: 12px;\n left: -35px;\n top: -8px;\n color: @calendar-week-axis-color;\n content: attr(data-axis-name);\n }\n }\n}\n\n.calendar-week-task {\n position: relative;\n left: 0;\n width: 100%;\n}\n\n.calendar-week-task::after {\n position: relative;\n height: 1px;\n width: 100%;\n content: '';\n background-color: @border-color;\n}\n\n.calendar-week-task::before {\n position: absolute;\n font-size: 11px;\n top: 28px;\n left: 7px;\n color: @calendar-week-axis-color;\n content: attr(data-axis-name);\n}\n\n.calendar-range-selector {\n background-color: @selected-background-color;\n position: absolute;\n opacity: 0.3;\n width: 100%;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.year-panel-container {\n display: inline-block;\n vertical-align: top;\n width: 0;\n overflow: hidden;\n position: relative;\n}\n\n.year-panel-title {\n position: relative;\n margin-left: 10px;\n width: calc(~'100% - 40px');\n height: @calendar-title-height;\n white-space: nowrap;\n\n & > .year-title-item {\n display: inline-block;\n padding-right: 15px;\n line-height: @calendar-title-height;\n color: @year-panel-title-item-color;\n cursor: pointer;\n font-weight: bold;\n\n &.selected {\n color: @text-color;\n cursor: default;\n }\n\n &:hover {\n color: @text-color;\n }\n }\n\n &::after {\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n bottom: -1px;\n content: '';\n background-color: @border-color;\n }\n}\n\n.year-panel-list {\n position: relative;\n width: 180px;\n margin-left: 10px;\n height: calc(~'100% - ' @calendar-title-height);\n overflow: hidden;\n\n & > .year-month {\n margin-top: 18px;\n margin-bottom: 8px;\n position: relative;\n padding-top: 20px;\n padding-right: 15px;\n float: left;\n width: 180px;\n\n & > .year-day {\n position: relative;\n float: left;\n width: 23px;\n text-align: right;\n color: @text-color;\n height: @year-panel-day-height;\n padding-right: 5px;\n line-height: @year-panel-day-line-height;\n cursor: pointer;\n\n &.year-hover {\n background-color: @year-panel-range-hover-background-color;\n }\n\n &.year-range {\n background-color: @year-panel-range-background-color;\n }\n\n &.year-range-day {\n background-color: @year-panel-range-day-background-color;\n color: @selected-color;\n }\n\n &.year-hover-day {\n background-color: @year-panel-range-day-background-color;\n color: @selected-color;\n }\n }\n }\n\n & > .year-month::before {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n content: attr(data-title);\n font-weight: bold;\n color: @text-color;\n }\n\n & > .year-month::after {\n position: absolute;\n bottom: 0;\n right: 19px;\n height: calc(~'100% - 20px');\n width: 26%;\n content: '';\n background-color: @year-panel-weekend-background-color;\n opacity: 0.10;\n pointer-events: none;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.date-picker-popup {\n position: absolute;\n width: 290px;\n #scout.control-popup();\n overflow: hidden;\n}\n\n.date-picker {\n position: relative;\n\n &.touch-only :not(.selected):not(.disabled):not(:active):hover {\n // Disable sticky hover effect on touch devices\n background-color: inherit;\n }\n}\n\n.date-picker-scrollable {\n position: relative;\n width: 100%;\n}\n\n.date-picker-month-box {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n\n.date-picker-month {\n width: 100%;\n padding: 0 @date-picker-month-padding @date-picker-month-padding @date-picker-month-padding;\n}\n\n.date-picker-weekdays {\n color: @date-picker-weekday-color;\n font-weight: @font-weight-bold;\n display: flex;\n justify-content: space-between;\n}\n\n.date-picker-weekday {\n display: inline-flex;\n height: @date-picker-header-height;\n width: @date-picker-day-size;\n margin: @date-picker-day-margin;\n justify-content: center;\n padding-top: 7px;\n}\n\n.date-picker-week {\n display: flex;\n justify-content: space-between;\n}\n\n.date-picker-day {\n display: inline-flex;\n width: @date-picker-day-size;\n height: @date-picker-day-size;\n margin: @date-picker-day-margin;\n border-radius: @date-picker-day-border-radius;\n justify-content: center;\n align-items: center;\n\n &.date-picker-out, &.date-picker-out-weekend {\n color: @date-picker-out-color;\n }\n\n &.date-picker-day-weekend-separator {\n margin-left: 5px;\n }\n\n &.date-picker-now {\n color: @date-picker-now-color;\n font-weight: @font-weight-bold;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n }\n }\n\n &.preselected {\n background-color: @date-picker-day-preselected-background-color;\n }\n\n &:hover {\n background-color: @date-picker-day-hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @date-picker-day-selected-color;\n background-color: @date-picker-day-selected-background-color;\n font-weight: @font-weight-bold;\n\n &.date-picker-now > .text {\n border-bottom-color: @date-picker-day-selected-color;\n }\n }\n\n &.disabled {\n color: @date-picker-day-disabled-color;\n background-color: inherit;\n }\n}\n\n.date-picker-header {\n padding: 17px 10px 14px 10px;\n}\n\n.date-picker-separator {\n position: absolute;\n top: 98px;\n left: 0;\n height: 1px;\n width: 100%;\n border-bottom: 1px solid @date-picker-separator-color;\n}\n\n.date-picker-weekend-separator {\n position: absolute;\n top: @date-picker-header-height + @date-picker-day-margin;\n height: calc(100% - @date-picker-month-padding - @date-picker-header-height - @date-picker-day-margin - @date-picker-day-margin);\n width: 0;\n border-right: 1px @date-picker-separator-color solid;\n}\n\n.date-picker-header-month {\n text-align: center;\n cursor: default;\n font-size: 18px;\n line-height: 30px;\n margin-top: @text-margin-top;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.date-picker-left-y,\n.date-picker-left-m,\n.date-picker-right-y,\n.date-picker-right-m {\n width: 26px;\n height: 26px;\n margin: 3px 2px 6px 2px;\n padding-top: 4px;\n color: @date-picker-arrow-color;\n border-radius: @border-radius;\n display: flex;\n justify-content: center;\n cursor: pointer;\n #scout.font-icon();\n font-size: 17px;\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n}\n\n.date-picker-left-y {\n float: left;\n margin-left: 5px;\n}\n\n.date-picker-left-m {\n float: left;\n}\n\n.date-picker-left-y::before {\n content: @icon-angle-double-left;\n}\n\n.date-picker-left-m::before {\n content: @icon-angle-left;\n}\n\n.date-picker-right-y {\n float: right;\n margin-right: 7px;\n}\n\n.date-picker-right-m {\n float: right;\n}\n\n.date-picker-right-y::before {\n content: @icon-angle-double-right;\n}\n\n.date-picker-right-m::before {\n content: @icon-angle-right;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n\n &:focus {\n outline: none;\n }\n\n &.has-navigation-handle > .splitter {\n height: calc(~'100% - 50px');\n }\n\n &.in-background {\n // Necessary for the rounded top left border of the bench\n background-color: @desktop-navigation-body-in-background-background-color;\n }\n}\n\n/ \"Open URI\" related rules /\n\n.download-frame {\n position: fixed;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n visibility: hidden;\n / Do _not_ use 'display: none', because that seems to interrupt the download in Safari /\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-logo {\n position: absolute;\n top: 0;\n right: 0;\n margin: 16px;\n background-color: @desktop-logo-background-color;\n\n &.clickable {\n cursor: pointer;\n }\n\n & > .image {\n height: @desktop-logo-height;\n // If logo is larger than @desktop-logo-width, the items on the left will be moved correctly, but only after logo is loaded, so the shift may be visible to the user.\n // In order to have a proper layout from the beginning, set the @desktop-logo-width to the actual logo with\n min-width: @desktop-logo-min-width;\n border: 1px solid @desktop-logo-background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.dense {\n\n / FormField.less /\n\n .form-field {\n & > label {\n padding-top: 4px; / @borderless-field-padding-y; /\n padding-bottom: 4px; / @borderless-field-padding-y; /\n }\n }\n\n / SmartField.less /\n\n .smart-field,\n .smart-field.read-only,\n .smart-field.alternative {\n & > .field > .multiline-lines {\n line-height: 15px;\n padding-top: 2px; / padding: 3px @text-field-padding-x; /\n padding-bottom: 2px;\n }\n }\n\n .proposal-chooser {\n & > .active-filter,\n & > .status {\n height: @logical-grid-row-height;\n }\n\n & > .active-filter > .radiobutton-group {\n height: @logical-grid-row-height;\n\n & > .radiobutton-group-body {\n height: @logical-grid-row-height;\n }\n }\n }\n\n / MenuBar.less /\n\n .menubar:not(.main-menubar) {\n & > .menubar-box {\n & > .menu-item,\n & > .combo-menu > .menu-item {\n padding-top: 3px; / @menubar-item-padding-y; /\n padding-bottom: 3px; / @menubar-item-padding-y; /\n\n / By making sure menu items are always at least the same height as form fields, it is easier to align them with each other, especially when zoomed /\n min-height: @logical-grid-row-height-dense; / @logical-grid-row-height; /\n }\n\n & > .menu-button,\n & > .combo-menu > .menu-button {\n padding-top: 2px;\n padding-bottom: 2px;\n }\n\n & > .combo-menu {\n padding: 0;\n }\n\n & > .form-field-menu {\n padding-top: 0;\n padding-bottom: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n }\n\n / GroupBox.less /\n\n .group-box-header {\n margin-top: 6px; / @group-box-title-margin-top; /\n\n & > .title {\n padding-top: 6px; / padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0; /\n padding-bottom: 6px;\n }\n }\n\n .group-box-body {\n padding-top: 10px; / padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0; /\n padding-bottom: 8px;\n\n / redefine /\n\n &.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n\n / TabBox.less /\n\n .tab-box-header {\n margin-top: 6px; / @group-box-title-margin-top; /\n }\n\n .tab-item {\n & > .title {\n padding-top: 6px; / padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom; /\n padding-bottom: 6px;\n }\n }\n\n .overflow-tab-item.menu-item {\n padding-top: 4px; / padding: @tab-item-title-padding-top - 2px @tab-item-padding-x - 8px @tab-item-title-padding-bottom; /\n padding-bottom: 4px;\n }\n\n / TableHeader.less /\n\n .table-header-item {\n margin-top: 2px; / margin: @table-header-item-margin-y @table-header-item-margin-x /\n margin-bottom: 2px;\n min-height: 24px; / min-height: @table-header-item-min-height; /\n }\n\n .table-header-resize {\n padding-top: 4px; / 8px 8px; /\n padding-bottom: 4px;\n }\n\n / Table.less /\n\n .table,\n .detail-table.table {\n --table-row-padding-y: 4px;\n }\n\n .table-cell {\n\n &.table-node {\n\n & > .table-row-control {\n / padding: @table-row-padding-y 8px @table-row-padding-y @table-row-control-padding-left; /\n padding-top: 6px;\n }\n }\n }\n\n / TableFooter.less /\n\n .table-control-resize {\n height: 12px;\n }\n\n / DesktopBench.less /\n\n .detail-table.table {\n & > .table-header {\n & > .table-header-item {\n margin-top: 2px;\n margin-bottom: 2px;\n min-height: 24px;\n }\n }\n }\n\n / ContextMenuPopup.less /\n\n .context-menu {\n & > .menu-item,\n & > .combo-menu > .menu-item {\n padding-top: 6px; / padding: 11px 15px; /\n padding-bottom: 6px;\n }\n\n & > .combo-menu {\n padding: 0;\n }\n }\n\n / CheckBoxField.less /\n\n .check-box-field > .field {\n padding-top: 2px; / padding: 6px 0; /\n padding-bottom: 2px;\n }\n\n / main.less /\n\n .input-field {\n padding-top: 2px; / padding: @text-field-padding-y @text-field-padding-x; /\n padding-bottom: 2px;\n }\n\n / Button /\n\n .button-field > .button {\n padding-top: 0; / padding: @button-padding-y @button-padding-x; /\n padding-bottom: 0;\n min-height: @logical-grid-row-height-dense;\n\n & > .icon {\n padding-top: 0; / padding-top: 2px; /\n padding-bottom: 0; / padding-bottom: 2px; /\n }\n }\n\n / RadioButton.less /\n\n .radio-button > .field {\n padding-top: 2px; / padding: 6px 0; /\n padding-bottom: 2px;\n\n & > .label {\n padding-top: 1px; / padding-top: @radio-button-label-padding-top; /\n }\n }\n\n / LabelField.less /\n\n .label-field > .field {\n padding-top: 2px; / padding-top: @borderless-field-padding-y; /\n padding-bottom: 2px; / padding-bottom: @borderless-field-padding-y; /\n }\n\n / Tree.less /\n\n .tree-node {\n padding-top: 3px; / padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left; /\n padding-bottom: 3px;\n }\n\n .tree-node-control {\n padding-top: 4px;\n padding-bottom: 3px;\n }\n\n / Outline.less /\n\n .outline.tree {\n & > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n padding-top: 6px; / padding-top: @outline-node-padding-y; /\n padding-bottom: 6px; / padding-bottom: @outline-node-padding-y; /\n\n & > .tree-node-control {\n padding-top: 6px; / padding-top: @outline-node-control-padding-y; /\n }\n }\n }\n }\n\n / ValueField.less /\n\n .value-field {\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n / Mainly necessary if label is invisible or on top and use ui height is set -> Makes sure the status is aligned and inputs are always the same height/\n min-height: @logical-grid-row-height-dense;\n }\n }\n\n / TagBar.less /\n\n .tag-element,\n .overflow-icon {\n height: 20px; / @tag-field-tag-height /\n line-height: 20px; / @tag-field-tag-height /\n margin-top: 0; / margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0; /\n }\n\n / use default margin in the overflow popup, otherwise the tags sit on each other /\n\n .tag-overflow-popup > .popup-body {\n & > .tag-element {\n margin-top: @tag-field-tag-margin-y;\n }\n }\n\n / TagField.less /\n\n .tag-field {\n & > .field {\n & > input {\n padding-bottom: 1px;\n }\n }\n }\n\n / BreadcrumbItem.less /\n\n .breadcrumb-item {\n font-size: @font-size-normal;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-bench-drop-shadow() {\n content: '';\n position: absolute;\n top: @desktop-bench-drop-shadow-top;\n left: 0;\n width: 10px;\n height: calc(~'100% - ' @desktop-bench-drop-shadow-top);\n box-shadow: -8px 0 10px 0 @desktop-bench-drop-shadow-color;\n clip-path: polygon(-100% 0, 200% 0, 200% 200%, -100% 200%);\n}\n\n.desktop-bench {\n position: absolute;\n top: 0;\n background-color: @desktop-bench-background-color;\n border-left: @desktop-bench-border-left-width solid @border-color;\n\n .navigation-invisible > & {\n border-left: 0;\n }\n\n &.drop-shadow {\n border-left: 0;\n\n .desktop-bench-drop-shadow();\n\n .desktop:not(.first-tab-selected):not(.navigation-invisible):not(.view-tab-area-in-bench) > & {\n border-top-left-radius: @desktop-bench-drop-shadow-border-top-left-radius;\n overflow: hidden;\n }\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\n }\n\n & > .bench-column > .simple-tab-box > .simple-tab-area {\n background-color: @desktop-bench-tab-area-background-color;\n\n &::before {\n // Hide line on the bottom because tab itself does not have a border\n display: none;\n }\n\n & > .desktop-tab {\n &.last > .edge.right {\n z-index: 0; // Don't draw over view area / splitter on the right\n }\n\n & > .sub-title {\n color: @simple-tab-sub-title-color;\n }\n\n & > .status-container > .save-needer {\n color: @desktop-tab-selected-save-needer-color;\n }\n }\n\n &:not(.overflown) > .desktop-tab.last {\n margin-right: 0;\n }\n }\n\n / Make some space for the navigation handle (when the navigation is closed /\n / Only do it if detail-table is at the bottom left corner /\n\n &.has-navigation-handle > .bench-column.first > .view-tab-box.last > .tab-content > .detail-table > .table-footer > .table-controls {\n margin-left: @detail-table-footer-with-handle-margin-left;\n\n & > .table-control.selected {\n border-left-color: @border-color;\n }\n }\n\n & > .splitter.x-axis {\n margin-left: -7px;\n margin-right: -7px;\n }\n\n &.outline-content-has-dimmed-background {\n background-color: @dimmed-background-color;\n }\n}\n\n.detail-table.table {\n --table-row-margin-x: @detail-table-row-margin-x;\n --table-row-padding-y: @detail-table-row-padding-y;\n --table-aggregate-row-padding-y-small: @detail-table-aggregate-padding-y-small;\n --table-aggregate-row-padding-y-large: @detail-table-aggregate-padding-y-large;\n\n &:not(.knight-rider-loading) > .table-data.loading > .loading-indicator {\n #scout.loading-indicator(@busyindicator-large-size, @busyindicator-large-border-width);\n }\n\n & > .table-header {\n background-color: @detail-table-header-background-color;\n border-bottom-color: @detail-table-header-border-color;\n\n & > .table-header-item {\n padding-top: @detail-table-header-item-padding-y;\n padding-bottom: @detail-table-header-item-padding-y;\n margin-top: @detail-table-header-item-margin-top;\n margin-bottom: @detail-table-header-item-margin-bottom;\n }\n\n & > .menubar-container > .menubar > .menubar-box > .menu-item.last {\n margin-right: 12px;\n }\n }\n\n & > .table-footer {\n background-color: @detail-table-footer-background-color;\n }\n\n & > .table-data {\n & > .scrollbar {\n #scout.scrollbar-x-padding(4px, 2px);\n }\n\n & + .scroll-shadow {\n .scroll-shadow.large();\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@scrollbar-size-transition-speed: 125ms;\n\n.scrollbar {\n position: absolute;\n z-index: 1;\n cursor: pointer;\n overflow: hidden;\n transition: opacity 250ms; / Scrollbars are hidden in hybrid mode, see Scrollbar#onTouchStart /\n\n #scout.scrollbar-y-padding();\n #scout.scrollbar-x-padding();\n\n &.y-axis {\n height: calc(~'100% - ' 2 @scrollbar-margin);\n width: @scrollbar-size;\n margin-top: @scrollbar-margin;\n margin-bottom: @scrollbar-margin;\n\n &.borderless {\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &.x-axis {\n width: calc(~'100% - ' 2 * @scrollbar-margin);\n height: @scrollbar-size;\n margin-left: @scrollbar-margin;\n margin-right: @scrollbar-margin;\n\n &.borderless {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n}\n\n.scrollbar-thumb-handle {\n height: 100%;\n border-radius: 4px;\n background-color: @scrollbar-thumb-color;\n\n &.clipped-left {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &.clipped-right {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.clipped-top {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &.clipped-bottom {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.y-axis {\n width: @scrollbar-thumb-size;\n top: 0;\n transition: width @scrollbar-size-transition-speed;\n\n .scrollbar:hover > .scrollbar-thumb > &,\n .scrollbar-thumb-move > & {\n width: @scrollbar-thumb-hover-size;\n }\n }\n\n &.x-axis {\n height: @scrollbar-thumb-size;\n left: 0;\n transition: height @scrollbar-size-transition-speed;\n\n .scrollbar:hover > .scrollbar-thumb > &,\n .scrollbar-thumb-move > & {\n height: @scrollbar-thumb-hover-size;\n }\n }\n}\n\n.scrollbar-thumb {\n cursor: pointer;\n position: absolute;\n\n &.y-axis {\n width: @scrollbar-size;\n top: 0;\n transition: padding-left @scrollbar-size-transition-speed;\n }\n\n &.x-axis {\n height: @scrollbar-size;\n left: 0;\n transition: padding-top @scrollbar-size-transition-speed;\n }\n}\n\n.scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-hover-color;\n}\n\n.container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: @scrollbar-thumb-small-color;\n}\n\n.container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n.container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @scrollbar-thumb-small-hover-color;\n}\n\n.hybrid-scrollable {\n #scout.hide-scrollbars();\n}\n\n.scroll-shadow {\n transition: box-shadow 250ms;\n position: absolute;\n pointer-events: none;\n z-index: 1; // ensure shadow lays over elements having a z-index\n\n #scout.scroll-shadow();\n\n &.gradient {\n --scroll-shadow-color: @scroll-shadow-gradient-color;\n --scroll-shadow-size: 20px;\n --scroll-shadow-blur: 15px;\n --scroll-shadow-spread: 15px;\n }\n\n &.large {\n --scroll-shadow-size: @scroll-shadow-size-large;\n --scroll-shadow-blur: @scroll-shadow-size-large;\n --scroll-shadow-spread: @scroll-shadow-size-large;\n }\n}\n\n#scout {\n .scroll-shadow() {\n --scroll-shadow-color: @scroll-shadow-color;\n --scroll-shadow-size: @scroll-shadow-size;\n --scroll-shadow-blur: @scroll-shadow-blur;\n --scroll-shadow-spread: @scroll-shadow-spread;\n\n // Allow a widget to adjust the size of the shadow container\n --scroll-shadow-inset-top: 0;\n --scroll-shadow-inset-right: 0;\n --scroll-shadow-inset-bottom: 0;\n --scroll-shadow-inset-left: 0;\n\n --scroll-shadow-blur-spread-color: var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color);\n --scroll-shadow-top: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-bottom: inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-left: inset var(--scroll-shadow-size) 0 var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-right: inset calc(-1 * var(--scroll-shadow-size)) 0 var(--scroll-shadow-blur-spread-color);\n --scroll-shadow-none: inset 0 0 0 0 transparent;\n\n @scroll-shadow-top: var(--scroll-shadow-top);\n @scroll-shadow-bottom: var(--scroll-shadow-bottom);\n @scroll-shadow-left: var(--scroll-shadow-left);\n @scroll-shadow-right: var(--scroll-shadow-right);\n @scroll-shadow-none: var(--scroll-shadow-none);\n\n &.top {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-none;\n\n &.bottom {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n }\n }\n\n &.left {\n box-shadow: @scroll-shadow-top, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-left;\n }\n }\n\n &.right {\n box-shadow: @scroll-shadow-top, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-none;\n }\n }\n\n &.bottom {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-none;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-none;\n }\n }\n\n &.left {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-left;\n }\n\n &.bottom {\n box-shadow: @scroll-shadow-none, @scroll-shadow-none, @scroll-shadow-bottom, @scroll-shadow-left;\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-bottom, @scroll-shadow-left;\n }\n }\n }\n\n &.right {\n box-shadow: @scroll-shadow-none, @scroll-shadow-right, @scroll-shadow-none, @scroll-shadow-none;\n }\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.group {\n position: relative;\n}\n\n.group-header {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n padding: 10px 0;\n cursor: pointer;\n color: @group-header-color;\n\n &:focus {\n outline: none;\n }\n\n &.disabled {\n cursor: default;\n }\n\n &.loading {\n & > .loading-indicator {\n #scout.loading-indicator(16px);\n left: inherit;\n right: 0;\n }\n }\n}\n\n.group-title {\n font-size: @font-size-plus;\n font-weight: @font-weight-bold;\n #scout.overflow-ellipsis-nowrap();\n\n .group-header:focus > & {\n color: @focus-color;\n text-decoration: underline;\n }\n}\n\n.group-title-suffix {\n margin-left: 8px;\n font-size: @font-size-plus;\n}\n\n.group-icon.with-title {\n margin-right: 8px;\n}\n\n.group-collapse-icon {\n / Set to same height as before element to prevent header from getting larger /\n height: @font-size-large;\n transition: transform 0.3s;\n margin-right: 8px;\n margin-top: @group-collapse-icon-margin-top; / since icon height is reduced it needs to be moved up a little to center it again /\n\n &::before {\n #scout.font-icon();\n content: @icon-angle-down;\n font-size: @font-size-large;\n }\n\n &.collapsed {\n #scout.transform(rotate(-90deg));\n }\n}\n\n.group-header.collapse-right {\n & > .group-title {\n flex-grow: 1;\n }\n\n & > .group-title-suffix {\n text-align: right;\n }\n\n & > .group-collapse-icon {\n transition: transform 0s;\n margin-right: 0;\n margin-left: 8px;\n margin-top: 0;\n\n &::before {\n content: @icon-angle-down;\n }\n\n &.collapsed {\n #scout.transform(rotatex(180deg));\n }\n }\n}\n\n.group.collapse-bottom {\n & > .group-header.custom-header-widget {\n cursor: default;\n }\n\n & > .group-body {\n margin-bottom: 0;\n }\n\n & > .group-footer {\n display: flex;\n\n .collapsible& {\n cursor: pointer;\n }\n\n & > .group-collapse-border {\n flex-grow: 1;\n margin-top: 8px;\n margin-bottom: 8px;\n border-style: solid;\n border-width: 0 0 1px 0;\n border-color: @border-color;\n }\n\n & > .group-collapse-icon {\n transition: transform 0s;\n margin: 0;\n\n &::before {\n content: @icon-angle-up;\n padding: 0 4px;\n }\n\n &.collapsed {\n #scout.transform(rotatex(180deg));\n }\n }\n\n &:hover > .group-collapse-icon::before {\n color: @highlight-color;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab-box {\n position: absolute;\n min-width: @bench-view-min-width;\n min-height: @bench-view-min-height;\n\n & > .simple-tab-area {\n position: relative;\n height: @desktop-header-height;\n\n / Has the same effect as \"border-bottom: 1px solid @border-color\", but is over-drawable by child /\n / elements (such as the selected view-tab). The border would not be, because of \"overflow: hidden\". /\n\n &::before {\n content: '';\n background-color: @border-color;\n width: 100%;\n height: 1px;\n position: absolute;\n top: calc(~'100% - 1px');\n left: 0;\n }\n }\n\n & > .tab-content {\n height: 100%;\n background-color: @background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab-area {\n position: absolute;\n top: 0;\n white-space: nowrap;\n display: flex;\n\n & > .simple-overflow-tab-item {\n border-right: 1px solid @border-color;\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n min-width: 30px;\n background-color: @simple-tab-background-color;\n text-align: center;\n cursor: pointer;\n\n &::after {\n #scout.font-icon();\n content: @icon-angle-down;\n }\n }\n\n &.spread-even {\n &:not(.overflown) {\n & > .simple-tab {\n flex-grow: 1;\n\n &.last {\n border-right-width: 0;\n }\n }\n }\n\n & > .simple-overflow-tab-item {\n border-right-width: 0;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.simple-tab {\n position: relative;\n display: inline-block;\n vertical-align: top;\n padding: @simple-tab-padding;\n background-color: @simple-tab-background-color;\n border-right: 1px solid @border-color;\n cursor: pointer;\n width: 120px;\n min-width: 60px;\n\n & > .title-line {\n display: flex;\n align-items: center;\n overflow: hidden;\n\n .closable& {\n margin-right: 20px;\n }\n\n & > .icon-container {\n display: flex; // Makes container as height as icon inside which improves alignment (title-line has flex box layout)\n\n & > .icon {\n margin-right: 6px;\n\n &.font-icon {\n font-size: 14px;\n }\n }\n }\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n display: inline-block;\n vertical-align: top;\n }\n\n & > .status-container {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 4px;\n\n flex: none;\n max-width: 75%; // leave a little space for title and icon\n\n color: @status-info-color;\n\n & > .status {\n margin-left: 5px;\n #scout.overflow-ellipsis-nowrap();\n\n // do not grow or shrink icons\n &.save-needer,\n &.icon {\n flex: none;\n }\n\n &.message {\n display: none;\n }\n\n &.notification-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0 4px;\n min-width: 16px;\n min-height: 16px;\n border-radius: 8px;\n font-weight: @font-weight-normal;\n font-size: @font-size-small;\n background: @simple-tab-status-notification-badge-background-color;\n color: @simple-tab-status-notification-badge-color;\n\n & > .text {\n #scout.overflow-ellipsis-nowrap();\n }\n }\n }\n }\n }\n\n & > .closer {\n position: absolute;\n top: 0;\n right: 0;\n margin: @simple-tab-padding;\n display: none;\n\n :hover&,\n .closable.selected& {\n display: inline-block;\n }\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n padding-top: 2px;\n color: @simple-tab-sub-title-color;\n }\n\n &:hover > .title-line > .title {\n color: @hover-color;\n }\n\n &:active > .title-line > .title {\n color: @active-color;\n }\n\n &.disabled {\n cursor: default;\n\n & > .title-line > .title {\n color: @disabled-color;\n }\n }\n\n &.selected {\n cursor: default;\n background-color: @simple-tab-selected-background-color;\n\n & > .title-line > .title {\n color: @simple-tab-selected-color;\n }\n }\n}\n\n.simple-tab > .key-box {\n bottom: 4px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.collapse-handle {\n position: absolute;\n display: table;\n z-index: 10;\n bottom: 0;\n margin-bottom: 15px;\n\n &.right-aligned {\n right: 0;\n }\n\n &.left-aligned {\n left: 0;\n }\n}\n\n.collapse-handle-body {\n position: relative;\n display: table-cell;\n padding: 7px 8px;\n background-color: @collapse-handle-background-color;\n color: @collapse-handle-color;\n border: 1px solid @collapse-handle-border-color;\n border-radius: @collapse-handle-border-radius;\n cursor: pointer;\n\n &::before {\n #scout.font-icon();\n display: block;\n font-size: 16px;\n }\n\n &.left {\n &.both-visible {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &::before {\n content: @icon-angle-left;\n }\n }\n\n &.right {\n &.both-visible {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n }\n\n &::before {\n content: @icon-angle-right;\n }\n }\n\n &:hover {\n background-color: @collapse-handle-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @collapse-handle-active-background-color;\n }\n}\n\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tab.simple-tab {\n width: @desktop-tab-width;\n min-width: @desktop-tab-min-width;\n margin: @desktop-tab-margin-top @desktop-tab-margin-right 0 0;\n padding: @desktop-tab-padding @desktop-tab-padding 0 @desktop-tab-padding-left;\n border-radius: @desktop-tab-border-radius @desktop-tab-border-radius 0 0;\n border: @desktop-tab-border-width solid @desktop-tab-border-color;\n border-bottom-width: 0;\n background-color: @desktop-tab-background-color;\n\n & > .title-line {\n .closable& {\n margin-right: 25px;\n }\n\n & > .icon-container {\n color: @desktop-tab-sub-title-color;\n }\n\n & > .title {\n font-size: @font-size-plus;\n }\n\n & > .status-container {\n color: @desktop-tab-status-color;\n\n & > .save-needer {\n color: inherit;\n }\n }\n }\n\n & > .sub-title {\n color: @desktop-tab-sub-title-color;\n font-size: @font-size-smaller;\n letter-spacing: @sub-title-letter-spacing;\n padding-top: 1px;\n }\n\n & > .closer {\n color: @desktop-tab-sub-title-color;\n padding: 4px;\n margin: 7px;\n border-radius: @border-radius-medium;\n\n & > .key-box {\n top: 0;\n right: 0;\n }\n\n &:hover {\n color: @desktop-header-color;\n background-color: @desktop-tab-closer-hover-background-color;\n }\n\n &:active, &.active {\n background-color: @desktop-tab-closer-active-background-color;\n }\n }\n\n & > .key-box {\n bottom: @desktop-tab-key-box-bottom;\n margin-left: 4px;\n }\n\n &.animate-modality-highlight {\n .animation-flash-desktop-tab(flash-desktop-tab);\n }\n\n &:hover,\n &:active {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n\n & > .title-line > .title {\n color: inherit;\n }\n }\n\n &.glasspane-parent {\n // Modality highlight does not work with pointer-events: none because mouse down is ignored on the glass pane completely by the browser\n // -> we need to disable the hover effect manually\n pointer-events: unset;\n\n &:not(.disabled):not(.selected):hover {\n background-color: @desktop-tab-background-color;\n border-color: @desktop-tab-border-color;\n }\n\n &:not(.selected):hover > .closer {\n display: none;\n }\n }\n\n &.disabled {\n background-color: transparent;\n\n & > .title-line > .title {\n color: @desktop-header-disabled-color;\n }\n }\n\n &.selected {\n background-color: @simple-tab-selected-background-color;\n border-color: transparent;\n\n & > .title-line {\n & > .icon-container {\n color: @status-info-color;\n }\n\n & > .title {\n color: @desktop-tab-selected-color;\n font-weight: @font-weight-bold;\n }\n\n & > .status-container {\n color: @status-info-color;\n\n & > .save-needer {\n color: @desktop-tab-selected-save-needer-color;\n }\n }\n }\n\n & > .sub-title {\n color: @desktop-tab-selected-sub-title-color;\n }\n\n & > .closer {\n color: @closer-color;\n\n &:hover {\n background-color: @hover-background-color;\n color: @closer-hover-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n }\n\n & > .edge {\n #scout.inverted-bottom-round-edge(@border-radius: @desktop-tab-border-radius, @color: @simple-tab-selected-background-color);\n\n &.right {\n z-index: 1; // lay over right tab\n }\n }\n\n &.first > .edge.left {\n display: none;\n }\n\n &.animate-modality-highlight {\n .animation-flash-desktop-tab(flash-desktop-tab-selected);\n\n & > .edge {\n .animation-flash-desktop-tab(flash-desktop-tab-selected-edge);\n }\n }\n }\n}\n\n.animation-flash-desktop-tab(@keyframes-name) {\n #scout.animation-name(@keyframes-name);\n #scout.animation-duration(0.4s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(linear);\n}\n\n.keyframes-flash-desktop-tab() {\n 0% {\n background-color: @desktop-tab-background-color;\n }\n 25% {\n background-color: @desktop-tab-flash-background-color;\n }\n 50% {\n background-color: @desktop-tab-background-color;\n }\n 75% {\n background-color: @desktop-tab-flash-background-color;\n }\n 100% {\n background-color: @desktop-tab-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab {\n .keyframes-flash-desktop-tab();\n}\n\n@keyframes flash-desktop-tab {\n .keyframes-flash-desktop-tab();\n}\n\n.keyframes-flash-desktop-tab-selected() {\n 0% {\n background-color: @simple-tab-selected-background-color;\n }\n 25% {\n background-color: @desktop-tab-selected-flash-background-color;\n }\n 50% {\n background-color: @simple-tab-selected-background-color;\n }\n 75% {\n background-color: @desktop-tab-selected-flash-background-color;\n }\n 100% {\n background-color: @simple-tab-selected-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab-selected {\n .keyframes-flash-desktop-tab-selected();\n}\n\n@keyframes flash-desktop-tab-selected {\n .keyframes-flash-desktop-tab-selected();\n}\n\n.keyframes-flash-desktop-tab-selected-edge() {\n 0% {\n border-color: @simple-tab-selected-background-color;\n }\n 25% {\n border-color: @desktop-tab-selected-flash-background-color;\n }\n 50% {\n border-color: @simple-tab-selected-background-color;\n }\n 75% {\n border-color: @desktop-tab-selected-flash-background-color;\n }\n 100% {\n border-color: @simple-tab-selected-background-color;\n }\n}\n\n@-webkit-keyframes flash-desktop-tab-selected-edge {\n .keyframes-flash-desktop-tab-selected-edge();\n}\n\n@keyframes flash-desktop-tab-selected-edge {\n .keyframes-flash-desktop-tab-selected-edge();\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tab-area {\n\n & > .simple-overflow-tab-item {\n @desktop-overflow-tab-margin-bottom: @desktop-tab-margin-right 2;\n\n border-radius: @view-tab-border-radius; // Use smaller border radius, so it fits nicely into the inverted border radius of the last tab if it is selected\n margin: @desktop-tab-margin-top + @desktop-overflow-tab-margin-bottom @desktop-tab-margin-right @desktop-overflow-tab-margin-bottom;\n background-color: @desktop-tab-background-color;\n border: @desktop-tab-border-width solid @desktop-tab-border-color;\n\n &:hover {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n }\n\n &.selected {\n background-color: @desktop-tab-hover-background-color;\n border-color: transparent;\n }\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-header {\n position: absolute;\n top: 0;\n height: @desktop-header-height;\n color: @desktop-header-color;\n background-color: @desktop-header-background-color;\n\n & > .simple-tab-area {\n height: @desktop-header-height;\n\n & > .desktop-tab.selected {\n\n .navigation-invisible > & > .edge.left {\n display: block;\n }\n }\n }\n\n .navigation-invisible > &:not(.has-view-button-box) > .simple-tab-area {\n margin-left: 6px;\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-right);\n #scout.animation-duration(0.5s);\n }\n\n & > .view-button-box {\n\n & > .view-tab-wrapper > .view-tab {\n &.animate-bring-to-front,\n &.animate-bring-to-back {\n animation-duration: 0s;\n }\n }\n\n .in-background& {\n\n & > .view-menu-tab {\n &.selected {\n background-color: @view-menu-tab-background-color;\n color: inherit;\n }\n\n & > .view-button,\n & > .view-menu {\n &:hover {\n background-color: @view-menu-tab-hover-background-color;\n }\n }\n\n & > .view-menu {\n &::before {\n height: 100%;\n border-color: @desktop-header-background-color;\n top: 0;\n }\n\n &:hover > .icon {\n background-color: transparent;\n }\n\n &.selected {\n background-color: @view-menu-tab-menu-selected-background-color;\n\n & > .icon {\n background-color: transparent;\n }\n }\n }\n }\n\n & > .view-tab-wrapper > .view-tab {\n &.selected {\n color: inherit;\n background-color: transparent;\n }\n\n &:hover {\n background-color: @view-tab-hover-background-color;\n }\n\n &.disabled {\n background-color: transparent;\n }\n }\n }\n }\n\n &:not(.in-background) > .view-button-box {\n\n & > .view-tab-wrapper > .view-tab,\n & > .view-menu-tab {\n &.selected {\n .outline-content-has-dimmed-background& {\n background-color: @dimmed-background-color;\n\n & > .edge {\n --color: @dimmed-background-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-navigation {\n position: absolute;\n height: 100%;\n width: @desktop-navigation-width;\n min-width: @desktop-navigation-min-width;\n background-color: @desktop-navigation-background-color;\n color: @desktop-navigation-color;\n\n & > .desktop-tool-box {\n right: 0;\n\n & > .menu-item {\n margin-bottom: @view-tab-margin;\n\n & > .font-icon {\n font-size: @view-tab-icon-font-size;\n }\n\n &.ellipsis > .font-icon {\n font-size: @view-tab-icon-font-size + 2px;\n }\n }\n }\n\n &.view-button-box-invisible {\n & > .desktop-tool-box > .menu-item {\n margin-bottom: @desktop-tool-box-item-margin-top;\n }\n\n & > .navigation-body > .outline > .outline-title {\n background-color: @desktop-header-background-color;\n border-bottom: 0;\n color: @desktop-header-color;\n\n &.measure {\n display: inline-flex;\n }\n\n &.touch:active {\n background-color: @desktop-header-background-color;\n }\n\n & > .text {\n flex-grow: 0;\n }\n\n & > .menubar > .menubar-box > .menu-item {\n color: @desktop-header-color;\n }\n }\n }\n}\n\n.desktop-navigation-breadcrumb {\n width: @desktop-navigation-breadcrumb-width;\n}\n\n.navigation-body {\n position: absolute;\n background-color: @desktop-navigation-body-background-color;\n\n .desktop-navigation.in-background > & {\n background-color: @desktop-navigation-body-in-background-background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-navigation-handle.collapse-handle {\n position: absolute;\n\n & > .collapse-handle-body {\n background-color: @desktop-navigation-handle-background-color;\n border-color: @desktop-navigation-handle-border-color;\n color: @desktop-navigation-handle-color;\n\n &:hover {\n background-color: @desktop-navigation-handle-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @desktop-navigation-handle-active-background-color;\n }\n }\n\n &.right-aligned {\n &.both-visible {\n right: 5px;\n }\n\n &:not(.both-visible) > .collapse-handle-body {\n border-right: 0;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &.left-aligned {\n &.both-visible {\n right: 5px;\n }\n\n &:not(.both-visible) > .collapse-handle-body {\n border-left: 0;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n }\n}\n\n.navigation-handle-key-box {\n margin-top: -6px;\n\n &.left {\n margin-right: -4px;\n }\n\n &.right {\n margin-left: -4px;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@desktop-notification-width: 300px;\n@desktop-notification-margin-bottom: 10px;\n\n.desktop-notifications {\n @desktop-notifications-margin-top: @desktop-header-height + 8px;\n\n position: fixed;\n right: 10px;\n top: 0;\n height: calc(~'100% - ' @desktop-notifications-margin-top);\n width: @desktop-notification-width;\n margin-top: @desktop-notifications-margin-top;\n pointer-events: none; / Don't block access to the elements in the background /\n}\n\n/ Animation: slide-in /\n\n@-webkit-keyframes desktop-notification-slide-in {\n .keyframes-desktop-notification-slide-in();\n}\n\n@keyframes desktop-notification-slide-in {\n .keyframes-desktop-notification-slide-in();\n}\n\n/\n Slides in the notification from the right end of the screen\n * and increases the size of the bottom margin to move down existing\n * notifications.\n /\n.keyframes-desktop-notification-slide-in() {\n 0% {\n left: @desktop-notification-width;\n margin-bottom: 0;\n }\n 80% {\n left: 15px;\n }\n 100% {\n left: 0;\n margin-bottom: @desktop-notification-margin-bottom;\n }\n}\n\n.animation-desktop-notification-slide-in() {\n #scout.animation-name(desktop-notification-slide-in);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.desktop-notification-slide-in {\n .animation-desktop-notification-slide-in();\n}\n\n/ Animation: fade-out /\n\n@-webkit-keyframes desktop-notification-fade-out {\n .keyframes-desktop-notification-fade-out();\n}\n\n@keyframes desktop-notification-fade-out {\n .keyframes-desktop-notification-fade-out();\n}\n\n.keyframes-desktop-notification-fade-out() {\n 0% {\n opacity: 1.0;\n }\n 100% {\n opacity: 0;\n }\n}\n\n.animation-desktop-notification-fade-out() {\n #scout.animation-name(desktop-notification-fade-out);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.desktop-notification-fade-out {\n .animation-desktop-notification-fade-out();\n}\n\n.desktop-notification {\n position: relative;\n width: @desktop-notification-width;\n display: flex;\n align-items: center;\n background-color: @desktop-notification-background-color;\n margin-bottom: @desktop-notification-margin-bottom;\n padding: 8px 0 8px 10px;\n border-radius: @border-radius-medium;\n pointer-events: auto;\n #scout.drop-shadow-large();\n\n &.no-icon {\n padding: @desktop-notification-no-icon-padding-y 12px @desktop-notification-no-icon-padding-y 23px;\n }\n\n / Prevent overlay of text/loader and close icon /\n\n &.closable {\n padding-right: 35px;\n }\n}\n\n.desktop-notification-content {\n max-width: 100%;\n\n .has-icon > & {\n max-width: calc(~'100% - 40px');\n margin-left: 10px;\n }\n\n .ok > & {\n color: @ok-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-ok-border-color);\n }\n }\n }\n\n .info > & {\n // info uses default font weight and color\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-info-border-color);\n }\n }\n }\n\n .warning > & {\n color: @warning-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-warning-border-color);\n }\n }\n }\n\n .error > & {\n color: @error-color;\n font-weight: @font-weight-bold;\n\n .no-icon& {\n &::before {\n .notification-severity-marker(@desktop-notification-error-border-color);\n }\n }\n }\n\n & > .closer {\n position: absolute;\n padding: 4px;\n margin: 2px;\n right: 9px;\n top: 9px;\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n .ok > & {\n color: @ok-color;\n }\n\n .warning > & {\n color: @warning-color;\n }\n\n .error > & {\n color: @error-color;\n }\n }\n}\n\n.desktop-notification-message {\n #scout.overflow-ellipsis();\n\n .desktop-notification.loading > .desktop-notification-content.offline-message > &.offline-message-text {\n #scout.font-text-normal();\n color: @text-color;\n }\n}\n\n.desktop-notification-loader {\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n.desktop-notification-loader.animated::after {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n content: '';\n display: inline-block;\n vertical-align: middle;\n margin-top: -3px;\n margin-left: 16px;\n margin-right: 10px;\n border-radius: 50%;\n border: 1px fade(@busyindicator-color, 80%) solid;\n width: 14px;\n height: 14px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.notification-severity-marker(@color, @margin-left: 8px) {\n content: '';\n position: absolute;\n border: 2px solid @color;\n background-color: @color;\n margin: 7px 0 7px @margin-left;\n border-radius: 2px;\n top: 0;\n left: 0;\n width: 0;\n height: calc(~'100% - '(7px 2));\n}\n\n.notification {\n position: relative;\n display: flex;\n align-items: center;\n margin: 10px 0 0 10px;\n padding: 8px;\n border: 1px solid transparent;\n border-radius: @border-radius-medium;\n color: @text-color;\n pointer-events: auto;\n font-weight: @font-weight-bold;\n\n &.alternative {\n border: 0;\n }\n\n &.no-icon {\n padding: @notification-no-icon-padding-y 12px @notification-no-icon-padding-y 23px;\n\n &::before {\n .notification-severity-marker(@notification-info-background-color, 9px);\n }\n }\n\n &.ok {\n border-color: @notification-ok-border-color;\n color: @ok-color;\n\n &.alternative {\n background-color: @notification-ok-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-ok-border-color;\n background-color: @notification-ok-border-color;\n }\n }\n\n &.info {\n border-color: @notification-info-border-color;\n font-weight: @font-weight-normal;\n\n &.alternative {\n color: @info-color;\n font-weight: @font-weight-bold;\n background-color: @notification-info-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-info-border-color;\n background-color: @notification-info-border-color;\n }\n }\n\n &.warning {\n border-color: @notification-warning-border-color;\n color: @warning-color;\n\n &.alternative {\n background-color: @notification-warning-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-warning-border-color;\n background-color: @notification-warning-border-color;\n }\n }\n\n &.error {\n border-color: @notification-error-border-color;\n color: @error-color;\n\n &.alternative {\n background-color: @notification-error-background-color;\n }\n\n &.no-icon::before {\n border-color: @notification-error-border-color;\n background-color: @notification-error-border-color;\n }\n }\n\n /* When notification is a direct child of the main group-box: use different margins /\n\n .root-group-box > & {\n margin-left: 10px + @root-group-box-padding-left;\n margin-right: @root-group-box-padding-right;\n }\n}\n\n.notification-icon {\n width: 32px;\n height: 32px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n &.font-icon {\n color: @text-inverted-color;\n background-color: @background-color;\n font-size: 14px;\n border-radius: 50%;\n\n .ok > & {\n background-color: @ok-color;\n }\n\n .info > & {\n background-color: @info-color;\n }\n\n .warning > & {\n background-color: @warning-color;\n }\n\n .error > & {\n background-color: @error-color;\n }\n }\n}\n\n.notification-content {\n max-width: 100%;\n\n .has-icon > & {\n max-width: calc(~'100% - 40px');\n margin-left: 10px;\n }\n\n &.closable {\n padding-right: 25px;\n }\n\n & > .closer {\n position: absolute;\n right: 6px;\n top: 6px;\n padding: 6px;\n\n .has-icon > & {\n right: 9px;\n top: 9px;\n }\n\n .ok > &,\n .warning > &,\n .error > &,\n .alternative > & {\n color: inherit;\n }\n }\n}\n\n.notification-message {\n padding-right: 12px;\n\n #scout.user-select(text);\n #scout.overflow-ellipsis();\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.outline.tree {\n & > .tree-data {\n padding-top: @outline-data-padding-top;\n\n & > .scrollbar {\n #scout.scrollbar-y-padding(2px, 0);\n }\n\n & > .key-box {\n top: 7px;\n }\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n background-color: transparent;\n cursor: pointer;\n border: 0;\n\n / padding-right is used to leave some space for the scrollbar /\n padding: @outline-node-padding-y @outline-node-padding-right @outline-node-padding-y @outline-node-padding-left;\n\n &.group {\n background-color: @outline-group-background-color;\n }\n\n & > .text {\n font-size: @outline-font-size;\n }\n\n & > .image-icon {\n margin-top: auto;\n }\n\n & > .font-icon {\n line-height: @outline-node-font-icon-line-height;\n font-size: @outline-node-font-icon-size;\n color: @outline-node-font-icon-color;\n }\n\n & > .menubar {\n border: 0;\n background-color: inherit;\n }\n\n & > .tree-node-control {\n padding-top: @outline-node-control-padding-y;\n padding-left: @outline-node-control-padding-left;\n line-height: @outline-node-control-line-height;\n color: @outline-node-control-color;\n\n &:hover {\n color: @highlight-color;\n }\n }\n\n &.selected {\n color: @outline-selection-color;\n background-color: @outline-selection-background-color;\n\n &::after {\n display: none;\n }\n\n & > .tree-node-control {\n color: @outline-node-selected-control-color;\n\n &:hover {\n color: @highlight-color;\n }\n }\n\n & > .font-icon {\n color: @outline-node-selected-icon-color;;\n }\n }\n }\n }\n\n &.in-background > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n &.group {\n background-color: @outline-in-background-group-background-color;\n }\n\n &.selected {\n background-color: @outline-in-background-selection-background-color;\n color: @outline-in-background-selection-color;\n }\n }\n }\n}\n\n.outline-title {\n cursor: pointer;\n color: @outline-title-color;\n font-size: 19px;\n padding: 0 @outline-title-padding-right 0 @outline-title-padding-left;\n border-bottom: 1px solid @outline-title-border-color;\n display: flex;\n align-items: center;\n height: @outline-title-height;\n\n & > .icon {\n padding-right: @outline-title-icon-padding-right;\n }\n\n & > .key-box {\n top: 19px;\n }\n\n & > .text {\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .menubar {\n background-color: transparent;\n border: none;\n width: auto;\n flex-grow: 0;\n margin-right: -10px;\n\n & > .menubar-box > .menu-item {\n &.first {\n margin-left: 4px;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n }\n}\n\n/ bread crumb style (different colors and bigger font and arrow than original breadcrumb style) /\n.outline.tree.breadcrumb {\n\n & > .outline-title {\n margin: 0;\n border-bottom-color: @outline-breadcrumb-border-color;\n\n &.touch:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n }\n\n & > .tree-data {\n padding-top: 0;\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n border-bottom: 1px solid @outline-breadcrumb-border-color;\n padding: @outline-breadcrumb-node-padding-y @outline-breadcrumb-node-padding-x;\n\n &.child-of-selected {\n background-color: @outline-breadcrumb-child-background-color;\n\n .in-background& {\n background-color: transparent;\n }\n\n &:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n }\n\n &.ancestor-of-selected {\n color: @text-color-1;\n background-color: @outline-breadcrumb-ancestor-background-color;\n\n .in-background& {\n background-color: transparent;\n }\n }\n\n &:active {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n\n &.selected {\n background-color: @outline-selection-background-color;\n color: @outline-selection-color;\n cursor: default;\n\n .in-background& {\n background-color: @outline-in-background-selection-background-color;\n }\n\n & > .text > .compact-cell-header > .compact-cell-subtitle {\n color: @outline-node-selected-icon-color;\n }\n }\n\n &.selected > .text,\n &.ancestor-of-selected > .text {\n & > .compact-cell-header > .compact-cell-title > .right {\n // Don't show title suffix\n display: none;\n }\n\n & > .compact-cell-content.has-header {\n // Don't show the content if there is a header\n display: none;\n }\n }\n }\n }\n\n &:focus > .tree-data,\n &.focused > .tree-data {\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n\n &.parent-of-selected {\n border-color: @outline-breadcrumb-border-color;\n }\n\n &.selected {\n border-color: @outline-breadcrumb-border-color;\n }\n }\n }\n}\n\n.compact.outline.breadcrumb {\n & > .outline-title {\n padding-left: @compact-outline-title-padding-x;\n padding-right: @compact-outline-title-padding-x;\n\n & > .menubar {\n margin-right: -@menubar-item-icononly-padding-x;\n }\n }\n\n & > .tree-data {\n background-color: @compact-outline-data-background-color;\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n padding: 0;\n\n & > .text {\n display: inline-block;\n padding: @compact-outline-node-padding-y @compact-outline-node-padding-x;\n }\n\n &.has-icon > .text {\n padding-left: 0;\n }\n\n & > .icon {\n padding: @compact-outline-node-padding-y @menu-item-icon-margin-right @compact-outline-node-padding-y @compact-outline-node-padding-x;\n min-width: 16px;\n }\n\n & > .node-menubar {\n width: auto;\n flex-grow: 0;\n padding: 0 @compact-outline-node-padding-x - @menubar-item-icononly-padding-x 0 0;\n min-height: @compact-outline-node-menubar-height;\n height: @compact-outline-node-menubar-height; // Necessary for height: 100% to work in case node menubar has no explicit height set\n\n & > .menubar-box > .menu-item {\n color: inherit;\n\n &.disabled {\n color: @compact-outline-menu-item-disabled-color;\n }\n }\n }\n\n & > .detail-menubar {\n padding: 0 @compact-outline-node-padding-x 0 @compact-outline-node-padding-x;\n min-height: @compact-outline-node-menubar-height;\n margin-left: -@menubar-item-icononly-padding-x;\n background-color: @desktop-navigation-body-background-color;\n\n & > .menubar-box > .menu-item {\n padding-left: @menubar-item-icononly-padding-x;\n padding-right: @menubar-item-icononly-padding-x;\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n\n & > .icon {\n // Ensure menu text is aligned with node text\n min-width: 16px;\n }\n }\n }\n\n & > .detail-content {\n // to cover selection background\n background-color: @desktop-navigation-body-background-color;\n\n &.dimmed-background {\n background-color: @compact-outline-data-background-color;\n }\n\n color: @desktop-navigation-color;\n }\n\n & > .form {\n & > .root-group-box > .group-box-body {\n padding-left: @compact-outline-node-padding-x - @mandatory-indicator-width;\n padding-right: @compact-outline-node-padding-x;\n }\n\n & > .right-padding-invisible > .group-box-body {\n padding-right: 0;\n }\n }\n\n &.selected {\n display: flex;\n flex-wrap: wrap; // Move detail menubar to next line\n background-clip: content-box; // selection background shines through on the bottom of the node sometimes when zoomed -> makes it slightly better\n }\n\n &.child-of-selected.animate-prev-selected {\n #scout.animation-name(tree-node-prev-selection);\n #scout.animation-duration(0.6s);\n #scout.animation-timing-function(ease-in);\n }\n\n &.compact-root:not(.selected) {\n display: none;\n }\n }\n\n &.detail-content-visible > .tree-node > .detail-menubar {\n border-bottom: 1px solid @outline-breadcrumb-border-color;\n }\n }\n\n & > .tree-data > .tree-node.selected.has-tile-overview {\n &.compact-root {\n & > .text,\n & > .icon {\n display: none;\n }\n }\n\n background-color: transparent;\n color: @desktop-navigation-color;\n border-bottom: 0;\n\n & .tile-overview-content {\n margin-left: 20px;\n }\n\n & .tile-overview-title {\n display: none;\n }\n\n & > .form {\n background-color: transparent;\n\n & > .tile-overview-content {\n margin-top: 0;\n }\n }\n\n & .menu-item {\n color: @desktop-navigation-color;\n }\n\n & ~ .child-of-selected {\n // Hide child nodes when tile overview is shown\n display: none;\n }\n }\n}\n\n/ Previous Selection Animation /\n\n.keyframes-tree-node-prev-selection() {\n 00% {\n background-color: @outline-breadcrumb-node-active-background-color;\n }\n 100% {\n background-color: @outline-breadcrumb-child-background-color;\n }\n}\n\n@-webkit-keyframes tree-node-prev-selection {\n .keyframes-tree-node-prev-selection();\n}\n\n/ NOSONAR /\n@keyframes tree-node-prev-selection {\n .keyframes-tree-node-prev-selection();\n}\n\n/ NOSONAR /\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@search-outline-field-height: 34px;\n\n.search-outline.tree {\n & > .outline-title {\n border-bottom: none;\n margin-bottom: 0;\n }\n}\n\n.search-outline-panel {\n position: relative;\n border-bottom: 1px solid @outline-title-border-color;\n padding: 0 @outline-title-padding-right @search-outline-panel-padding-bottom @outline-title-padding-left;\n\n .view-button-box-invisible & {\n padding-top: @search-outline-panel-no-title-padding-top;\n padding-bottom: @search-outline-panel-no-title-padding-top + 1xp;\n\n & > .clear-icon {\n top: @search-outline-panel-no-title-padding-top;\n }\n }\n}\n\n.search-outline-field {\n border: 1px solid @control-border-color;\n height: @search-outline-field-height;\n border-radius: 5px;\n width: 100%;\n\n &:focus {\n #scout.focus-border();\n }\n\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & + .clear-icon {\n display: flex;\n }\n }\n\n & + .clear-icon {\n display: none;\n position: absolute;\n margin-right: 5px;\n right: @outline-title-padding-right;\n top: 0;\n height: @search-outline-field-height;\n }\n}\n\n.search-outline-status {\n #scout.overflow-ellipsis-nowrap();\n cursor: pointer;\n padding-right: 8px;\n text-align: right;\n padding-top: 12px;\n margin-bottom: -4px;\n}\n\n.outline.breadcrumb > .search-outline-panel {\n margin-left: 0;\n margin-right: 0;\n margin-bottom: 0;\n border-bottom-color: @outline-breadcrumb-border-color;\n\n & > .search-outline-status {\n text-align: left;\n padding-left: 8px;\n }\n}\n\n.compact.outline.breadcrumb > .search-outline-panel {\n padding-left: @compact-outline-node-padding-x;\n padding-right: @compact-outline-node-padding-x;\n\n & > .search-outline-field + .clear-icon {\n right: @compact-outline-node-padding-x;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.navigate-button {\n\n &.menu-button > .font-icon {\n font-size: 18px;\n }\n\n &.up {\n color: @navigate-up-button-color;\n border-color: @navigate-up-button-border-color;\n }\n}\n\n.menubar-box > .menu-button.navigate-button {\n &.up {\n margin-right: 6px;\n }\n\n &.down.left-of-button {\n margin-right: @bench-padding-x - @menubar-button-margin;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.desktop-tool-box {\n position: absolute;\n top: 0;\n margin: 0 @desktop-tool-box-item-margin;\n min-height: @desktop-header-height;\n display: inline-flex;\n justify-content: flex-end;\n white-space: nowrap;\n color: @desktop-header-color;\n}\n\n.desktop-tool-box-item.menu-item {\n font-size: @font-size-plus;\n margin: @desktop-tool-box-item-margin-top @desktop-tool-box-item-margin;\n padding: 0 14px;\n border-radius: @desktop-tool-box-item-border-radius;\n color: inherit;\n display: inline-flex;\n align-items: center;\n\n &.compact {\n padding-left: 10px;\n padding-right: 10px;\n\n & > .submenu-icon {\n display: none;\n }\n }\n\n & > .font-icon {\n font-size: @desktop-tool-box-item-font-size;\n }\n\n & > .icon.image-icon {\n / Increase max image height, no need to limit it to 16px /\n max-height: @desktop-logo-height;\n }\n\n &:hover {\n background-color: @desktop-tool-box-item-hover-background-color;\n color: inherit;\n }\n\n &.selected.has-popup {\n color: inherit;\n background-color: @desktop-tool-box-item-selected-background-color;\n }\n\n &.disabled {\n background-color: transparent;\n color: @desktop-header-disabled-color;\n }\n}\n\n/ key boxes /\n\n.desktop-tool-box-item.menu-item .key-box {\n bottom: 6px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@view-tab-transition-duration: 200ms;\n@view-tab-transition: margin @view-tab-transition-duration ease-out, padding @view-tab-transition-duration ease-out, width @view-tab-transition-duration ease-out, border-radius @view-tab-transition-duration ease-out;\n\n// The wrapper is necessary to make sure the view tabs don't change their size when one of them is selected.\n// Without a wrapper this would not be possible because an unselected view tab has a margin, a selected one does not.\n// When the tabs are shrinking, flex box distributes the size based on their widths (which is different). It should actually distribute it based on width + margin.\n// So, if the items were static (no shrink or grow), it would work without a wrapper.\n// A programmatic layout would not make it easier because we are using transitions.\n// When the inBackground property changes, the items need to be layouted considering the margin, but reading the margin would return the wrong value while the transition is running.\n.view-tab-wrapper {\n display: flex;\n width: @view-tab-selected-width;\n}\n\n.view-tab {\n position: relative;\n border-radius: @view-tab-border-radius;\n margin: @view-tab-margin-top @view-tab-margin @view-tab-margin;\n\n & > .key-box {\n bottom: @view-tab-key-box-bottom;\n }\n\n &.in-background {\n border-radius: @view-tab-selected-border-radius;\n }\n\n & > .edge {\n // Ensure GlassPane.js does not set position: relative if glass pane is added before view tab is selected\n position: absolute;\n }\n\n &.selected:not(.in-background) {\n margin: @view-tab-selected-margin-top 0 0;\n border-radius: @view-tab-selected-border-radius @view-tab-selected-border-radius 0 0;\n\n & > .edge {\n #scout.inverted-bottom-round-edge(@border-radius: @view-tab-selected-border-radius, @color: @view-tab-selected-background-color);\n\n &.right {\n z-index: 1; // lay over right tab\n }\n }\n\n & > .key-box {\n bottom: @view-tab-key-box-bottom + @view-tab-margin;\n }\n }\n\n &.animate-bring-to-front,\n &.animate-bring-to-back {\n // Transition should only be active when desktop changes from back to front and back, not when outline is changed\n // The classes animate- are only set while the animation is running, thus, we need an animation, even if it does nothing (nop)\n transition: @view-tab-transition;\n animation: nop @view-tab-transition-duration ease-out;\n\n &:not(.in-background) {\n\n & > .edge {\n\n &.left {\n visibility: hidden;\n animation: show-view-tab-left-edge 40ms ease-out 160ms forwards;\n }\n\n &.right {\n visibility: hidden;\n animation: show-view-tab-right-edge 40ms ease-out 160ms forwards;\n }\n }\n }\n }\n}\n\n.view-button-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n width: calc(~'100% - ' 2 * @view-tab-margin);\n\n &:hover {\n cursor: pointer;\n background-color: @view-tab-hover-background-color;\n }\n\n &.selected {\n background-color: @view-tab-selected-background-color;\n color: @view-tab-selected-color;\n\n &.in-background {\n background-color: @view-tab-in-background-selected-background-color;\n }\n\n &:not(.in-background) {\n width: 100%;\n }\n }\n\n &.disabled {\n color: @desktop-header-disabled-color;;\n\n &:hover {\n cursor: default;\n color: @desktop-header-disabled-color;\n background-color: transparent;\n }\n\n &.selected {\n color: @text-disabled-color;\n }\n }\n\n & > .icon {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n font-size: @view-tab-icon-font-size;\n }\n}\n\n@keyframes show-view-tab-left-edge {\n 0% {\n visibility: visible;\n left: -5px;\n }\n 100% {\n left: -12px;\n }\n}\n\n@keyframes show-view-tab-right-edge {\n 0% {\n visibility: visible;\n right: -5px;\n }\n 100% {\n right: -12px;\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-button-box {\n display: inline-flex;\n min-height: @desktop-header-height;\n max-height: @desktop-header-height; // Necessary for firefox, because it sometimes sets the height to 66px\n white-space: nowrap;\n #scout.font-text-large();\n overflow: visible; / necessary if it is in the header to make rounded corner overlap into tab area /\n position: relative; / if covered by glass pane /\n background-color: @desktop-header-background-color;\n color: @desktop-header-color;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-menu-tab {\n display: flex;\n background-color: @view-menu-tab-background-color;\n flex-shrink: 0;\n\n & > .view-button,\n & > .view-menu {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n cursor: pointer;\n\n &:hover {\n background-color: @view-menu-tab-hover-background-color;\n color: inherit;\n }\n\n &.disabled {\n color: @desktop-header-disabled-color;\n background-color: transparent;\n cursor: default;\n }\n\n .animate-bring-to-front&,\n .animate-bring-to-back& {\n transition: @view-tab-transition;\n }\n }\n\n & > .view-button {\n border-top-left-radius: @view-tab-border-radius;\n border-bottom-left-radius: @view-tab-border-radius;\n width: @view-tab-selected-width - @view-tab-margin;\n\n & > .icon {\n font-size: 26px;\n }\n }\n\n & > .view-menu {\n position: relative;\n border-top-right-radius: @view-tab-border-radius;\n border-bottom-right-radius: @view-tab-border-radius;\n width: @view-tab-selected-width - @view-tab-margin 2;\n\n .selected-button-invisible& {\n border-radius: @view-tab-border-radius;\n }\n\n & > .icon {\n font-size: 24px;\n }\n\n &::before {\n content: '';\n position: absolute;\n height: 100%;\n border-left: 1px solid @desktop-header-background-color;\n left: 0;\n\n .selected-button-invisible&{\n display: none\n }\n }\n\n &.selected {\n background-color: @view-menu-tab-menu-selected-background-color;\n }\n }\n\n &.in-background {\n & > .view-button {\n border-top-left-radius: @view-tab-selected-border-radius;\n border-bottom-left-radius: @view-tab-selected-border-radius;\n }\n\n & > .view-menu {\n border-top-right-radius: @view-tab-selected-border-radius;\n border-bottom-right-radius: @view-tab-selected-border-radius;\n\n .selected-button-invisible& {\n border-radius: @view-tab-selected-border-radius;\n }\n }\n }\n\n &.selected {\n color: @view-tab-selected-color;\n background-color: @view-tab-selected-background-color;\n\n & > .view-button,\n & > .view-menu {\n &.selected,\n &:hover {\n background-color: transparent;\n }\n\n &.disabled {\n color: @text-disabled-color;\n }\n }\n\n & > .view-menu {\n width: @view-tab-selected-width - @view-tab-margin * 2;\n\n & > .icon {\n font-size: 26px;\n padding: 7px;\n border-radius: 8px;\n }\n\n &:hover > .icon {\n background-color: @hover-background-color;\n }\n\n &.disabled > .icon {\n background-color: transparent;\n }\n\n &.selected > .icon {\n background-color: @view-menu-tab-selected-menu-selected-background-color;\n }\n\n &::before {\n top: 10px;\n height: calc(100% - 20px);\n border-color: @border-color;\n }\n }\n\n &.in-background {\n background-color: @view-tab-in-background-selected-background-color;\n\n & > .view-menu {\n & > .icon {\n padding-top: 2px;\n padding-bottom: 2px;\n }\n }\n }\n\n &:not(.in-background) {\n border-top-left-radius: 0;\n margin-left: 0;\n margin-right: @view-tab-margin;\n\n & > .view-button {\n padding-left: @view-tab-margin;\n width: @view-tab-selected-width;\n cursor: default;\n }\n\n .selected-button-invisible& > .view-menu {\n width: @view-tab-selected-width - @view-tab-margin;\n }\n }\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.view-menu-popup.widget-popup {\n #scout.drop-shadow-large();\n border-radius: @border-radius-large;\n border: 0;\n margin: 5px;\n overflow: hidden;\n\n & > .tile-grid.scrollable {\n padding: 10px;\n }\n\n & > .tile-grid.no-icons > .view-menu-tile {\n min-height: 66px; // Min height to ensure all tiles have equal height, at least the ones with 1 or 2 lines\n }\n}\n\n.view-menu-tile {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n text-align: center;\n color: @link-color;\n background-color: @view-menu-tile-background-color;\n border-radius: 12px;\n border: 2px solid transparent;\n padding: 12px 6px 0 6px;\n min-height: 110px;\n cursor: pointer;\n\n & > .icon {\n font-size: @font-size-icon-large;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 12px;\n }\n\n & > .label {\n font-weight: @font-weight-bold;\n #scout.overflow-ellipsis();\n font-size: @font-size-small;\n }\n\n &.text-only {\n justify-content: center;\n padding: 12px 8px;\n\n & > .label {\n font-size: @font-size-normal;\n }\n }\n\n &.selected {\n border-color: @view-menu-tile-selected-border-color;\n }\n\n &:hover {\n background-color: @view-menu-tile-hover-background-color;\n }\n\n &.disabled {\n color: @disabled-color;\n cursor: default;\n\n &:hover {\n background-color: @view-menu-tile-background-color;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.file-chooser {\n position: absolute;\n top: 25%;\n left: 50%;\n width: @filechooser-max-width;\n #scout.popup-2();\n .messagebox.severity-button(@info-color);\n\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n\n &.calc-helper {\n top: 0;\n left: 0;\n }\n\n &.animate-open {\n #scout.animation-name(short-drop);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.file-chooser-content {\n border: 0 solid @border-color;\n border-radius: @border-radius-medium;\n padding: 26px;\n}\n\n.file-chooser-title {\n text-align: center;\n word-wrap: break-word;\n #scout.font-text-large(@font-weight-bold);\n color: @info-color;\n}\n\n.file-chooser-label {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n text-align: center;\n}\n\n.file-chooser-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n\n.file-chooser-files {\n @file-list-indent: 20px;\n position: relative;\n min-height: 100px;\n max-height: 200px;\n border-top: 1px solid @border-color;\n padding-top: 16px;\n margin-top: 10px;\n margin-bottom: 0;\n list-style-type: none;\n padding-left: @file-list-indent;\n\n & > .file {\n text-indent: -@file-list-indent;\n word-break: break-all;\n margin-bottom: 4px;\n\n &::before {\n #scout.font-icon();\n content: @icon-file;\n float: left;\n width: @file-list-indent;\n padding-left: 2px;\n }\n\n & > .remove {\n line-height: normal; / override line-height of .menu-item /\n display: inline;\n }\n }\n}\n\n@media (max-width: @filechooser-max-width) {\n .file-chooser {\n margin: 0; / no need to have a margin on small screens /\n\n & > .box-buttons {\n padding: 0 13px 26px 13px; / use less x-padding for buttons so that more text can be shown /\n\n & > .box-button {\n margin-right: 4px;\n min-width: 70px; / less min width for buttons on small screens /\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.messagebox {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 200px;\n max-width: @messagebox-max-width;\n #scout.popup-2();\n overflow: hidden;\n margin: 10px / minimum padding to desktop / 10px 15px;\n\n &.full-height.full-width {\n border-radius: 0;\n }\n\n &.full-width {\n & > .messagebox-buttons {\n padding-left: 10px;\n padding-right: 10px;\n\n & > .box-button {\n min-width: 70px; / less min width for buttons on small screens /\n margin-right: 8px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n }\n\n .severity-button(@color, @hover-color: darken(@color, 6%), @active-color: darken(@color, 13%), @focus-color: @focus-box-shadow-color) {\n & > .box-buttons > .box-button {\n border-color: @color;\n color: @color;\n\n &:focus {\n box-shadow: none; / remove default behavior of buttons. Here the keyboard-navigation class is used instead /\n }\n\n &.keyboard-navigation {\n #scout.focus-border(@box-shadow-color: @focus-color, @border-color: mix(@color, @focus-color, 25%));\n }\n\n &.disabled {\n color: @button-disabled-color;\n border-color: @button-disabled-border-color;\n }\n\n &.default {\n color: @default-button-color;\n background-color: @color;\n\n &:hover {\n background-color: @hover-color;\n border-color: @hover-color;\n }\n\n &.active, &:active {\n background-color: @active-color;\n border-color: @active-color;\n }\n\n &.keyboard-navigation {\n #scout.focus-border(@box-shadow-color: @focus-color, @border-color: mix(@color, @focus-color, 25%));\n }\n\n &.disabled {\n color: @button-disabled-color;\n border-color: @button-disabled-border-color;\n background-color: @button-disabled-background-color;\n }\n }\n }\n }\n\n &.info {\n & > .messagebox-content > .messagebox-header {\n color: @info-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @info-color;\n }\n }\n\n .severity-button(@info-color, @default-button-hover-background-color, @default-button-active-background-color);\n }\n\n &.error {\n & > .messagebox-content > .messagebox-header {\n color: @error-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @error-color;\n }\n }\n\n .severity-button(@error-color, @error-default-button-background-hover-color, @error-default-button-background-active-color, @error-focus-box-shadow-color);\n }\n\n &.warning {\n & > .messagebox-content > .messagebox-header {\n color: @warning-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @warning-color;\n }\n }\n\n .severity-button(@warning-color, @warning-default-button-background-hover-color, @warning-default-button-background-active-color, @warning-focus-box-shadow-color);\n }\n\n &.ok {\n & > .messagebox-content > .messagebox-header {\n color: @ok-color;\n\n & > .font-icon.messagebox-icon {\n background-color: @ok-color;\n }\n }\n\n .severity-button(@ok-color, @ok-default-button-background-hover-color, @ok-default-button-background-active-color, @ok-focus-box-shadow-color);\n }\n\n &.animate-open {\n #scout.animation-name(short-drop);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.messagebox-content {\n min-height: 30px;\n padding: @messagebox-label-padding 26px 17px 26px;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n / add a bit of extra space to the scrollbar on the right /\n\n & > .scrollbar.y-axis {\n width: @scrollbar-size + 2;\n }\n}\n\n.messagebox-icon {\n width: 24px;\n height: 24px;\n display: inline-flex;\n align-items: center;\n font-size: @font-size-smaller;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.messagebox-label {\n word-wrap: break-word;\n word-break: break-word;\n\n &.copyable {\n #scout.user-select(text);\n }\n}\n\n.messagebox-header {\n font-size: @font-size-large;\n font-weight: @font-weight-bold;\n padding-bottom: 14px;\n text-align: center;\n\n & > .messagebox-icon {\n color: @text-inverted-color;\n font-size: 14px;\n border-radius: 50%;\n }\n\n &.has-text > .messagebox-icon {\n margin-right: 12px;\n }\n}\n\n.messagebox-html {\n .has-body > & {\n padding-top: 10px;\n }\n\n // Ensure top and bottom gaps are always the same for every message box even if the content starts with an element having a margin (e.g. p, ul, etc)\n // Small draw back: if there is a text node before a p element, the p element will lose its margin anyway.\n // If that is not desired, the text node has to be wrapped into a regular html node (span, div, p etc.)\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n\n & > p {\n margin: 8px 0;\n\n & + ul {\n // Reduce gap slightly if ul follows a p so that it looks the same as without a p\n margin-top: -4px;\n }\n }\n\n & > ul {\n margin: 5px 0;\n }\n\n & > ul {\n padding-left: 26px;\n\n & > li {\n margin-top: 3px;\n\n &:first-child {\n margin-top: 0;\n }\n }\n }\n}\n\n.messagebox-buttons {\n display: flex;\n justify-content: center;\n padding: 4px 26px 25px 26px;\n}\n\n@media (max-width: @messagebox-max-width) {\n .messagebox {\n / no need to have a margin on small screens /\n margin: 0;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form {\n position: relative;\n\n &.dimmed-background {\n background-color: @dimmed-background-color;\n\n & > .root-group-box > .menubar {\n background-color: inherit;\n }\n }\n}\n\n.view:not(.detail-form):not(.mobile-view) {\n & > .root-group-box > .main-menubar {\n #scout.main-menubar-light;\n }\n}\n\n.mobile-view > .header > .title {\n font-weight: bold;\n}\n\n.dialog {\n position: absolute;\n #scout.popup();\n / minimum padding to desktop /\n margin: 10px 10px 15px;\n / min-width and min-height are read by Resizable.js to prevent a dialog from becoming too small\n You can overrule these values with a specific CSS class on a dialog/form when you require a\n larger or smaller min-size. /\n min-width: 250px;\n min-height: 100px;\n top: 0; / must be specified otherwise dialogs will be positioned at end of document and increase document size /\n\n & > .header {\n // overflow: hidden on dialog cannot be used without cutting the resize and drag handles\n // A border radius on to the header and root-group-box is necessary if elements inside the dialog have a background color\n border-top-left-radius: @popup-border-radius;\n border-top-right-radius: @popup-border-radius;\n }\n\n & > .root-group-box {\n border-radius: @popup-border-radius;\n\n .header-visible& {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n }\n\n &.animate-open {\n #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.15s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n\n / remove border and rounded corners in full screen mode /\n\n &.full-width,\n &.full-height {\n border-radius: 0;\n }\n\n &.full-width {\n border-right: 0;\n border-left: 0;\n }\n\n &.full-height {\n border-bottom: 0;\n }\n\n & > .resizable-nw,\n & > .resizable-n,\n & > .resizable-ne {\n margin-top: -@dialog-border-top-size;\n }\n}\n\n.form > .header {\n padding-top: @form-title-padding-top;\n padding-left: 20px;\n padding-right: 10px;\n overflow: hidden; // Necessary to make header as height as content because of the floating closable.\n\n &.no-title {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n\n & > .title,\n & > .sub-title {\n .hidden();\n }\n }\n\n & > .icon-container {\n float: left;\n\n & > .icon {\n margin-right: 6px;\n vertical-align: middle;\n\n &.font-icon {\n font-size: 16px;\n }\n }\n }\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n font-size: @font-size-large;\n color: @title-color;\n margin-top: @text-margin-top;\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n color: @sub-title-color;\n }\n\n & > .status-container {\n float: right;\n margin-top: -8px;\n margin-right: -2px;\n\n & > .status {\n / make sure close icon overlaps drag-handle /\n position: relative;\n\n vertical-align: middle;\n display: inline-block;\n margin-left: 5px;\n\n &.closer {\n border-radius: @closer-border-radius;\n margin-left: 7px;\n padding: 7px;\n }\n }\n }\n}\n\n@media (max-width: @iphone6-width) {\n .dialog {\n / no need to have a margin on small screens /\n / otherwise on iphone5, cancel button on a dialog would always be stacked in ellipsis if there is another menu item /\n margin: 0;\n\n & > .resizable-handle {\n / Remove handle, it is not useful anymore\n and it increases the dialog size which has the effect that the body may be scrolled (on iphone).\n Important is necessary because jquery ui sets it to display: block using inline style /\n display: none !important; / NOSONAR (see comment above)/\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ Mixins /\n\n#scout {\n .main-menubar-background-color-standard() {\n background-color: @main-menubar-background-color;\n }\n\n .menubar-background-color-inherit() {\n background-color: inherit;\n }\n\n / standard main-menubar /\n .main-menubar-standard() {\n #scout.main-menubar-background-color-standard();\n min-height: @main-menubar-height;\n margin-left: inherit;\n margin-right: inherit;\n }\n\n / a transparent main-menubar /\n .main-menubar-light() {\n #scout.menubar-background-color-inherit();\n }\n}\n\n/ Styles /\n\n.menubar {\n position: relative;\n width: 100%;\n background-color: @menubar-background-color;\n border-bottom: 1px solid @border-color;\n white-space: nowrap;\n\n &.bottom {\n border-bottom: 0;\n border-top: 1px solid @border-color;\n }\n}\n\n.menubar-box {\n display: inline-flex;\n height: 100%;\n align-items: center;\n\n &.right {\n float: right;\n }\n\n & > .menu-separator {\n width: 1px;\n margin: 0 @menu-item-padding-x;\n background-color: @border-color;\n height: 15px;\n\n &.overflown {\n display: none;\n }\n }\n\n & > .menu-item {\n margin: @menubar-item-margin-y @menubar-item-margin-x;\n / By making sure menu items are always at least the same height as form fields, it is easier to align them with each other, especially when zoomed /\n min-height: @logical-grid-row-height;\n\n &.menu-icononly {\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n min-width: @logical-grid-row-height; // Make it square\n }\n\n &.overflown {\n display: none;\n }\n\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n\n & > .menu-button {\n min-width: 110px;\n margin: @menubar-button-margin;\n\n &.small {\n min-width: 53px;\n }\n }\n\n / If the menubar has a border left and right, the first and last items need to be adjusted /\n .bounded > & > .menu-item {\n &.first {\n margin-left: @menubar-item-margin-y;\n }\n\n &.last {\n margin-right: @menubar-item-margin-y;\n }\n }\n}\n\n.main-menubar {\n #scout.main-menubar-standard;\n\n & > .menubar-box {\n\n & > .menu-separator {\n height: @logical-grid-row-height - 12px;\n }\n\n & > .menu-item {\n margin-left: @main-menubar-item-margin-x;\n margin-right: @main-menubar-item-margin-x;\n\n &.first {\n margin-left: @main-menubar-first-menu-item-margin-left;\n }\n\n &.last {\n margin-right: @main-menubar-last-menu-item-margin-right;\n }\n\n &.menu-icononly {\n margin-left: @menubar-item-icononly-margin-x;\n margin-right: @menubar-item-icononly-margin-x;\n\n &.first {\n margin-left: @main-menubar-first-menu-item-icononly-margin-left;\n }\n\n &.last {\n margin-right: @main-menubar-last-menu-item-icononly-margin-right;\n }\n }\n }\n\n & > .menu-button {\n &.first,\n &.first.menu-icononly {\n margin-left: @bench-padding-x;\n }\n\n &.last,\n &.last.menu-icononly {\n margin-right: @bench-padding-x;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-menu-popup {\n\n & > .form > .root-group-box > .main-menubar {\n background-color: @form-menu-popup-main-menubar-background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.scout-info-form-container {\n width: 100%;\n margin-top: 5px;\n margin-bottom: 5px;\n display: flex;\n}\n\n.scout-info-form-logo-container {\n flex: none;\n}\n\n.scout-info-form-text-container {\n flex-grow: 1;\n}\n\n.scout-info-form-logo {\n display: inline-block;\n max-height: 100px;\n max-width: 200px;\n margin-right: 20px;\n}\n\n.scout-info-form-table {\n border-spacing: 0;\n}\n\n.scout-info-form-table-cell-description {\n padding-right: 10px;\n vertical-align: top;\n}\n\n.scout-info-form-table-cell-value {\n vertical-align: top;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.text-field-icon {\n display: flex;\n align-items: center;\n margin: 0 @text-field-icon-margin-x;\n cursor: text;\n\n &::before {\n #scout.font-icon();\n font-size: @font-size-icon-small;\n color: @text-field-icon-color;\n border-radius: @control-border-radius;\n width: @text-field-icon-size;\n height: @text-field-icon-size;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &.clear-icon::before {\n content: @icon-remove-bold;\n font-size: 14px;\n }\n\n &.action {\n cursor: pointer;\n\n &:hover::before {\n color: @text-field-icon-hover-color;\n background-color: @hover-background-color;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-field {\n / FormFieldLayout uses absolute positioning, make sure it is positioned relatively to its container /\n position: relative;\n\n & > label {\n position: absolute;\n #scout.overflow-ellipsis-nowrap();\n padding-top: @field-label-padding-top;\n padding-bottom: @field-label-padding-bottom;;\n margin-left: @mandatory-indicator-width;\n / Add small spacing between label and field /\n padding-right: @mandatory-indicator-width;\n color: @label-color;\n font-size: @field-label-font-size;\n\n .disabled& {\n color: @label-disabled-color;\n }\n\n .read-only& {\n color: @label-color;\n }\n\n &.top {\n color: @top-label-color;\n font-size: @top-label-font-size;\n padding-bottom: @top-label-border-padding-bottom;\n\n .alternative& {\n / Reduce space between input and label if there is no border /\n padding-bottom: 0;\n }\n\n .disabled& {\n color: @top-label-disabled-color;\n }\n\n .read-only& {\n color: @top-label-color;\n }\n }\n\n .focused& {\n color: @focus-color;\n }\n\n .has-error& {\n color: @error-color;\n }\n }\n\n & > .field {\n position: absolute;\n }\n\n / Class that applies the same vertical padding to the .field as to the label (useful e.g. for html fields) /\n\n &.borderless-field-padding-y > .field {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n }\n\n & > .mandatory-indicator {\n position: absolute;\n visibility: hidden;\n\n &::before {\n content: '';\n font-size: @mandatory-indicator-font-size;\n }\n }\n\n &.mandatory > .mandatory-indicator:not(.read-only) {\n visibility: visible;\n }\n\n &.disabled.alternative > .mandatory-indicator {\n color: @disabled-color;\n }\n\n /* Convenience class to add to a field when the mandatory indicator should not be displayed (e.g. inside a FormFieldMenu) /\n\n &.no-mandatory-indicator > .mandatory-indicator {\n display: none;\n }\n\n &.no-mandatory-indicator > label.top {\n margin-left: 0;\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n height: @field-status-size;\n\n #scout.status();\n }\n\n &.has-menus {\n\n &.has-tooltip:not(.has-info):not(.has-ok):not(.has-warning):not(.has-error) {\n & > .status::before {\n content: @icon-ellipsis-circle;\n }\n }\n\n & > .status {\n #scout.menu-status();\n }\n }\n\n &.has-tooltip > .status {\n #scout.tooltip-status();\n }\n\n &.has-ok > .status {\n #scout.ok-status();\n }\n\n &.has-info > .status {\n #scout.info-status();\n }\n\n &.has-warning > .status {\n #scout.warning-status();\n }\n\n &.has-error > .status {\n #scout.error-status();\n }\n\n .disabled-overlay {\n position: absolute;\n }\n\n &.cell-editor-form-field {\n position: absolute;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.lookup-box {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field > .structure.tree,\n & > .field > .structure.table {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected,\n &.no-nodes-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n\n & > .table-data > .table-row {\n & > .table-cell {\n border-bottom: 0;\n }\n\n &.selected::after {\n // Since there is no top border there is no need to increase the size of the selection\n // -> This makes a table row selection as big as a tree node selection\n top: 0;\n height: 100%;\n }\n\n &.inactive {\n font-style: italic;\n\n & > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n\n // necessary for Scout Classic as row passes the css classes to its cells\n & > .table-cell.last.inactive {\n font-style: italic;\n\n & > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n\n & > .tree-data > .tree-node.inactive,\n & > .tree-data > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n\n & > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.value-field {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n / Mainly necessary if label is invisible or on top and use ui height is set -> Makes sure the status is aligned and inputs are always the same height/\n min-height: @logical-grid-row-height;\n }\n\n & > .text-field-icon,\n & > .field > .text-field-icon {\n display: none;\n position: absolute;\n }\n\n &.alternative {\n & > .text-field-icon,\n & > .field > .text-field-icon {\n margin-right: 0;\n }\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n margin-left: 0;\n margin-right: @text-field-icon-margin-x;\n }\n }\n\n &.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n #scout.value-field-with-icon(~'.clear-icon');\n\n & > .clear-icon {\n display: flex;\n }\n\n & > .icon {\n display: none;\n }\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n\n &.halign-right {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-left: @text-field-icon-outer-width;\n padding-right: @text-field-padding-x;\n\n &.alternative {\n padding-left: @text-field-alternative-icon-outer-width;\n padding-right: @text-field-alternative-padding-left;\n }\n\n &.cell-editor-field {\n padding-right: @table-cell-padding-left - @item-selection-border-width;\n }\n }\n }\n }\n\n &.has-icon:not(.compact):not(.disabled) {\n #scout.value-field-with-icon(~'.icon');\n\n & > .icon,\n & > .field > .icon {\n display: flex;\n }\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field,\n & > .file-input {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-bar {\n #scout.overflow-nowrap();\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.widget-field {\n\n & > .menubar {\n background-color: transparent;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.button-field > .field {\n margin-left: @mandatory-indicator-width;\n\n .no-mandatory-indicator& {\n margin-left: 0;\n }\n}\n\n.button-field > .button {\n // Ensure button height remains the same if fill vertical = false\n min-height: @logical-grid-row-height;\n}\n\n.button-field > .link-button {\n padding-left: 0;\n padding-right: 0;\n\n &:hover,\n &:active, &.active {\n background-color: transparent;\n }\n\n &:focus {\n box-shadow: none;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: -3px;\n height: calc(100% - 6px);\n width: calc(100% + 6px);\n #scout.focus-box-shadow();\n border-radius: @border-radius;\n }\n }\n}\n\n.button-field > .key-box {\n position: absolute;\n top: 4px;\n}\n\n.button-field.button-icon-large > .button > .font-icon {\n font-size: @font-size-icon-large;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.calendar-field {\n\n > .group-box-body {\n padding-right: 0;\n }\n\n // add the default margin for form-fields when calendar used inside a regular form\n .form:not(.detail-form) &:not(.mobile) > .field {\n margin-left: @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.check-box-field > .field {\n padding: @check-box-field-padding-y 0;\n outline: none;\n display: flex;\n\n & > .label {\n color: @control-color;\n }\n\n & > .check-box,\n & > .label {\n cursor: pointer;\n }\n\n / only the label should be clickable, not the whole field /\n\n & > .label {\n padding-top: @check-box-field-label-padding-top;\n padding-left: @check-box-field-label-padding-left;\n max-width: calc(~'100% - ' @check-box-size);\n #scout.overflow-ellipsis();\n\n &.empty {\n / Make the label invisible if there is no text to not artificially make the check box wider than it should be\n The check box square defines the height. /\n display: none;\n }\n }\n\n &.has-inner-alignment {\n\n &.halign-left {\n justify-content: flex-start;\n }\n\n &.halign-center {\n justify-content: center;\n }\n\n &.halign-right {\n justify-content: flex-end;\n }\n }\n\n & > .check-box {\n flex: none; / never shrink check-box /\n }\n\n / Same spacings as defined in CellEditorPopup.less, but as margin, not as padding /\n\n & > .cell-editor-field.check-box {\n padding: 0;\n margin: 0 @table-cell-padding-right 0 @table-cell-padding-left;\n vertical-align: top;\n border-width: 1px;\n\n &.last {\n margin-right: @table-cell-padding-right-last !important;\n }\n\n &:focus {\n border-width: 1px;\n #scout.focus-border();\n }\n }\n\n &.halign-right > .cell-editor-field.check-box {\n margin-right: @table-cell-padding-left;\n margin-left: @table-cell-padding-right;\n }\n\n &.halign-center > .cell-editor-field.check-box {\n margin-right: @table-cell-padding-left;\n }\n}\n\n.check-box-field.cell-editor-form-field > .field {\n padding-top: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment);\n\n .cell-editor-popup.overflow-top & {\n padding-top: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment + 1px);\n }\n}\n\n.check-box-field.disabled > .field {\n\n & > .check-box {\n cursor: default;\n }\n\n & > .label {\n cursor: default;\n color: @text-disabled-color;\n }\n\n &.read-only > .label {\n color: @read-only-color;\n }\n}\n\n.checkbox-indentation {\n margin-left: @check-box-size + @check-box-field-label-padding-left;\n\n .radiobutton-group-body > & {\n margin-left: @check-box-size + @check-box-field-label-padding-left - @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.date-field {\n #scout.value-field-with-icon(~'.icon.date');\n #scout.value-field-with-icon(~'.icon.time');\n\n & > .field {\n\n & > input,\n & > .input-field {\n position: absolute;\n }\n\n .icon {\n\n &.date-clear,\n &.time-clear {\n cursor: pointer;\n display: none;\n\n &::before {\n content: @icon-remove-bold;\n }\n }\n\n &.date {\n\n &::before {\n content: @icon-calendar;\n }\n }\n\n &.time {\n\n &::before {\n content: @icon-clock;\n }\n }\n }\n }\n\n &.date-focused > .icon.date::before,\n &.date-focused > .field > .icon.date::before,\n &.time-focused > .icon.time::before,\n &.time-focused > .field > .icon.time::before {\n color: @text-field-icon-focus-color;\n }\n\n &:not(.disabled):not(.compact-date) > .field {\n & > .icon.date {\n display: flex;\n }\n\n & > input.date {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &:not(.disabled):not(.compact-time) > .field {\n & > .icon.time {\n display: flex;\n }\n\n & > input.time {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &.clearable-always.date-has-text:not(.disabled):not(.compact-date),\n &.clearable-focused.date-has-text.date-focused:not(.disabled):not(.compact-date) {\n #scout.value-field-with-icon(~'.icon.date-clear');\n\n &.date-focused > .icon.date::before,\n &.date-focused > .field > .icon.date-clear::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error.date-focused > .icon.date::before,\n &.has-error.date-focused > .field > .icon.date-clear::before {\n color: @text-field-icon-error-color;\n }\n\n & > .field > .date-clear {\n display: flex;\n }\n\n & > .field > .icon.date {\n display: none;\n }\n\n & > .field > input.date {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n\n &.clearable-always.time-has-text:not(.disabled):not(.compact-time),\n &.clearable-focused.time-has-text.time-focused:not(.disabled):not(.compact-time) {\n #scout.value-field-with-icon(~'.icon.time-clear');\n\n &.time-focused > .icon.time::before,\n &.time-focused > .field > .icon.time-clear::before {\n color: @text-field-icon-focus-color;\n }\n\n &.has-error.time-focused > .icon.time::before,\n &.has-error.time-focused > .field > .icon.time-clear::before {\n color: @text-field-icon-error-color;\n }\n\n & > .field > .time-clear {\n display: flex;\n }\n\n & > .field > .icon.time {\n display: none;\n }\n\n & > .field > input.time {\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n }\n}\n\n.date-field > .field {\n\n & > .input-field[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n & > .input-field[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n /* Prediction input field is in the back of the actual input field -> make actual input field transparent /\n\n & > .predict {\n color: @disabled-color;\n background-color: @control-background-color;\n\n &.alternative {\n background-color: @text-field-alternative-background-color;\n }\n\n &.has-error {\n background-color: @error-background-color;\n }\n\n & + input {\n background-color: transparent;\n }\n }\n}\n\n.date-field.date-clearable > .field {\n & > .icon.date-clear {\n display: flex;\n }\n\n & > .icon.date {\n display: none;\n }\n}\n\n.date-field.time-clearable > .field {\n & > .icon.time-clear {\n display: flex;\n }\n\n & > .icon.time {\n display: none;\n }\n}\n\n.touch-popup-field.time > .field {\n\n & > input.date,\n & > .icon.date,\n & > .icon.date-clear {\n .hidden();\n }\n}\n\n.touch-popup-field.date {\n margin-bottom: 0;\n\n & > .field {\n & > input.time,\n & > .icon.time,\n & > .icon.time-clear {\n .hidden();\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.file-chooser-field {\n\n & > .icon {\n cursor: pointer;\n\n &::before {\n content: @icon-file;\n }\n }\n\n & > .file-input {\n & > input {\n display: none;\n }\n\n & > .file-input-text {\n overflow-x: hidden;\n\n &[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n &[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.root-group-box {\n / necessary if dialog gets really small /\n overflow: hidden;\n\n & > .group-box-body,\n & > .group-box-header {\n / group-box-body may be scrollable. /\n / that's why the body has a padding instead of the root-group-box (to place the scrollbars inside the body) /\n padding-left: @root-group-box-padding-left;\n padding-right: @root-group-box-padding-right;\n }\n\n & > .group-box-body {\n & > .scrollbar {\n / override margin reset from group-box-body (see below) /\n #scout.scrollbar-y-padding();\n }\n }\n}\n\n.group-box {\n\n & > .menubar {\n margin-left: @mandatory-indicator-width;\n background-color: inherit;\n #scout.menubar-background-color-inherit;\n }\n\n &.collapsed > .menubar {\n display: none;\n }\n\n &.has-scroll-shadow-top:not(.menubar-position-top) > .group-box-header {\n width: 100%;\n margin-left: 0;\n padding-left: @mandatory-indicator-width;\n }\n}\n\n.root-group-box,\n.group-box {\n &.loading {\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.right-padding-invisible > .group-box-body {\n padding-right: 0;\n }\n}\n\n.group-box-header {\n width: calc(~'100% - ' @mandatory-indicator-width);\n margin-top: @group-box-header-margin-top;\n margin-left: @mandatory-indicator-width;\n position: relative;\n white-space: nowrap;\n margin-bottom: @tab-area-border-width;\n\n & > .bottom-border {\n // Use element with background color instead of a bottom border to align it with tab box correctly (borders are drawn slightly different when zoomed)\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -@group-box-header-border-width;\n width: 100%;\n height: @group-box-header-border-width;\n background-color: @border-color;\n }\n\n &.has-menubar {\n\n & > .menubar {\n display: inline-block;\n border: none;\n background-color: transparent;\n vertical-align: middle;\n padding-left: 10px;\n\n & > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n }\n\n & > .group-box-control {\n display: inline-block;\n color: @title-color;\n cursor: pointer;\n padding-left: 10px;\n text-align: center;\n vertical-align: middle;\n width: @group-box-control-width;\n\n &::before {\n #scout.font-icon();\n font-size: @group-box-control-font-size;\n content: @icon-angle-down-bold;\n\n .group-box.collapsed > & {\n content: @icon-angle-up-bold;\n }\n }\n }\n\n & > .title {\n display: inline-block;\n vertical-align: middle;\n padding: @group-box-title-padding-top 0 @group-box-title-padding-bottom 0;\n max-width: 100%;\n margin-top: @text-margin-top;\n\n .group-box.has-sub-label > & {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\n }\n\n & > .label {\n font-weight: @title-font-weight;\n color: @title-color;\n #scout.overflow-ellipsis();\n }\n\n & > .sub-label {\n padding-top: 1px;\n font-size: @sub-title-font-size;\n letter-spacing: @sub-title-letter-spacing;\n color: @sub-title-color;\n #scout.overflow-ellipsis();\n }\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n .group-box.has-tooltip > & > .status {\n #scout.tooltip-status();\n }\n\n .group-box.has-info > & > .status {\n #scout.info-status();\n }\n\n .group-box.has-ok > & > .status {\n #scout.ok-status();\n }\n\n .group-box.has-warning > & > .status {\n #scout.warning-status();\n }\n\n .group-box.has-error > & > .status {\n #scout.error-status();\n }\n\n &.expandable {\n / Expansion can also be performed on the title itself /\n cursor: pointer;\n }\n}\n\n.group-box-body {\n position: relative;\n padding: @group-box-body-padding-top 0 @group-box-body-padding-bottom 0;\n\n &.y-padding-invisible {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n &.x-padding-invisible {\n padding-left: 0;\n padding-right: 0;\n }\n\n .collapsed > & {\n display: none;\n }\n\n / position scrollbar as right as possible to prevent overlapping field parts. /\n\n & > .scrollbar {\n #scout.scrollbar-y-padding(8px, 6px);\n }\n}\n\n.group-box.top-padding-invisible > .group-box-body {\n padding-top: 0;\n}\n\n.group-box.bottom-padding-invisible > .group-box-body {\n padding-bottom: 0;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.html-field {\n\n &.selectable {\n // The whole html-field must be selectable, otherwise focusUtils.js would bail out\n // if a user starts a selection on the padding of the .html-field element and\n // not exactly on the .field child element.\n #scout.user-select(text);\n }\n\n & > .field {\n margin-left: @mandatory-indicator-width;\n\n &:focus {\n outline: none;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.label-field {\n\n &.selectable {\n // The whole label-field must be selectable, otherwise focusUtils.js would bail out\n // if a user starts a selection on the padding of the .label-field element and\n // not exactly on the .field child element.\n #scout.user-select(text);\n }\n}\n\n.label-field > .field {\n padding-top: @borderless-field-padding-y;\n padding-bottom: @borderless-field-padding-y;\n margin-left: @mandatory-indicator-width;\n #scout.overflow-ellipsis();\n\n &[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n &[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n .no-mandatory-indicator& {\n margin-left: 0;\n }\n\n .top-padding-invisible& {\n padding-top: 0;\n }\n\n .bottom-padding-invisible& {\n padding-bottom: 0;\n }\n\n &:focus {\n outline: none;\n }\n\n &.has-inner-alignment {\n\n &.halign-left {\n text-align: left;\n }\n\n &.halign-center {\n text-align: center;\n }\n\n &.halign-right {\n text-align: right;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode-selector-field {\n &.alternative > label.top {\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .mode-selector {\n margin-left: @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.planner-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .planner {\n margin-left: @mandatory-indicator-width;\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@radio-button-transition-speed: 250ms;\n\n.radio-button > .field {\n padding: @radio-button-field-padding-y 0;\n margin-left: @mandatory-indicator-width;\n outline: none;\n display: flex;\n\n & > .radio-button-circle,\n & > .label,\n & > .icon {\n / only the label should be clickable, not the whole field /\n cursor: pointer;\n }\n\n & > .label {\n color: @control-color;\n padding-top: @radio-button-label-padding-top;\n padding-left: @radio-button-label-padding-left;\n #scout.overflow-ellipsis();\n\n &.empty {\n / Make the label invisible if there is no text to not artificially make the button wider than it should be\n Compared to the Button.js the circle defines the height /\n display: none;\n }\n }\n\n & > .icon {\n padding-left: 7px;\n }\n\n & > .radio-button-circle {\n width: @radio-button-circle-size;\n height: @radio-button-circle-size;\n flex: none;\n background-color: @control-background-color;\n border-radius: 50%;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: @radio-button-checked-color;\n border-radius: 50%;\n opacity: 0;\n transition: transform ease @radio-button-transition-speed, opacity linear @radio-button-transition-speed;\n transform: scale(0.01);\n }\n\n // After element is used to draw the border to make sure the before element is always centered as good as possible\n // If the parent draws the border it won't look good on all zoom levels\n &::after {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border: @radio-button-border-width solid @radio-button-border-color;\n border-radius: 50%;\n }\n\n &.checked {\n &::before {\n transform: scale(unit(@radio-button-inner-circle-size / @radio-button-circle-size));\n opacity: 1;\n transition: transform ease @radio-button-transition-speed;\n }\n\n &::after {\n border-color: @radio-button-checked-color;\n }\n }\n\n &:focus {\n outline: none;\n\n &::after {\n #scout.focus-border(@border-color: @radio-button-checked-color);\n }\n }\n\n &.disabled {\n cursor: default;\n\n &::after {\n border-color: @radio-button-disabled-border-color;\n }\n\n &.checked {\n &::before {\n background-color: @radio-button-checked-disabled-background-color;\n }\n\n &::after {\n border-color: @radio-button-checked-disabled-background-color;\n }\n }\n }\n }\n}\n\n.radio-button.disabled > .field {\n\n & > .label,\n & > .icon {\n cursor: default;\n color: @text-disabled-color;\n }\n}\n\n.radiobutton-indentation {\n margin-left: @radio-button-circle-size + @radio-button-label-padding-left;\n\n .radiobutton-group-body > & {\n margin-left: @radio-button-circle-size + @radio-button-label-padding-left - @mandatory-indicator-width;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.radiobutton-group-body {\n & > .radio-button > .field {\n / radio button group has a mandatory indicator, no need to create a margin /\n margin-left: 0;\n }\n\n & > .form-field {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n}\n\n.radiobutton-group-body.loading {\n\n & > .form-field {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.dropdown-field {\n\n & > .icon {\n cursor: pointer;\n\n &::before {\n content: @icon-angle-down-bold;\n font-size: 16px;\n }\n }\n\n &.popup-open > .icon::before {\n content: @icon-angle-up-bold;\n }\n\n & > .field {\n cursor: pointer;\n\n &.disabled {\n cursor: default;\n }\n }\n}\n\n.proposal-field {\n\n & > .icon::before {\n content: @icon-pencil;\n }\n}\n\n.smart-field {\n\n & > .icon::before,\n & > .field > .icon::before {\n content: @icon-search;\n }\n\n / Multiline SmartField /\n\n & > .field > .multiline-input {\n border-radius: @control-border-radius @control-border-radius 0 0;\n width: 100%;\n padding-left: @text-field-padding-x;\n\n &:focus {\n border-bottom-right-radius: @control-border-radius;\n border-bottom-left-radius: @control-border-radius;\n }\n\n &.alternative {\n border-bottom-color: @text-field-alternative-border-color;\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n\n &:focus {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-color: @focus-color;\n }\n\n &.has-error {\n border-bottom-color: @error-border-color;\n }\n }\n\n &.read-only {\n border-bottom-color: @border-color;\n\n &.has-error {\n border-bottom-color: @error-border-color;\n }\n }\n }\n\n / DIV below the smart field containing the additional lines /\n\n & > .field > .multiline-lines {\n background-color: @control-background-color;\n border: solid 1px @control-border-color;\n border-radius: 0 0 @control-border-radius @control-border-radius;\n border-top: none;\n padding: 3px @text-field-padding-x;\n #scout.overflow-ellipsis-nowrap();\n #scout.user-select(text);\n\n &.disabled {\n background-color: @control-disabled-background-color;\n }\n }\n\n &.alternative > .field > .multiline-lines,\n &.read-only > .field > .multiline-lines {\n border: 0;\n padding-top: 6px;\n\n &.disabled {\n background-color: transparent;\n }\n }\n\n &.alternative > .field > .multiline-lines {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n }\n\n &.disabled > .field > .multiline-lines {\n color: @disabled-color;\n\n .read-only& {\n color: @read-only-color;\n }\n }\n}\n\n.dropdown-field,\n.proposal-field,\n.smart-field {\n & > .input-field[placeholder]:empty::before,\n & > .multiline > .input-field[placeholder]:empty::before {\n #scout.fake-placeholder();\n }\n\n & > .input-field[placeholder].disabled:empty::before,\n & > .multiline > .input-field[placeholder].disabled:empty::before {\n #scout.placeholder-disabled();\n }\n\n &.loading {\n & > .icon {\n #scout.animation(pulsate-in-out 2.2s ease-in-out infinite);\n }\n }\n\n & > .field {\n\n &.halign-left,\n &.halign-left > .multiline-input {\n text-align: left;\n }\n\n &.halign-center,\n &.halign-center > .multiline-input {\n text-align: center;\n }\n\n &.halign-right,\n &.halign-right > .multiline-input {\n text-align: right;\n }\n }\n\n &.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n\n &.halign-right {\n\n & > input,\n & > .input-field,\n & > .field > input,\n & > .field > .input-field {\n padding-left: 0;\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-icon-outer-width;\n }\n\n &.cell-editor-field {\n padding-right: @text-field-icon-outer-width;\n }\n }\n }\n }\n\n &.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: @text-field-icon-outer-width;\n }\n\n &.alternative.halign-right:not(.disabled) > .field > .multiline-lines {\n padding-right: @text-field-alternative-icon-outer-width;\n }\n\n &.alternative.halign-right {\n & > .clear-icon,\n & > .field > .clear-icon {\n margin-right: 0;\n margin-left: @text-field-icon-margin-x;\n }\n }\n}\n\n\n.smart-field-touch-popup > .body {\n & > .touch-popup-field {\n & > .field {\n & > .multiline-input {\n border-radius: @control-border-radius @control-border-radius;\n }\n\n & > .multiline-lines {\n display: none;\n }\n }\n }\n\n & > .touch-popup-widget-container .table-data {\n padding: 2px @touch-popup-padding-x @touch-popup-padding-x;\n\n & > .table-row.first {\n border-top-color: transparent;\n }\n }\n}\n\n.dropdown-field-popup,\n.smart-field-popup,\n.proposal-field-popup {\n #scout.chooser-popup();\n}\n\n.proposal-chooser {\n\n & > .active-filter {\n position: absolute;\n }\n\n & > .status {\n display: flex;\n align-items: center;\n }\n\n & > .active-filter,\n & > .status {\n padding: 0 @proposal-chooser-padding-x;\n background-color: @proposal-chooser-status-background-color;\n border-top: solid 1px @border-color;\n height: @logical-grid-row-height;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &.empty > .active-filter,\n &.empty > .status {\n border-top: 0;\n }\n\n & > .table {\n & > .table-header {\n padding-left: @proposal-chooser-padding-x;\n padding-right: @proposal-chooser-padding-x;\n }\n\n & > .table-data {\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x;\n\n & > .table-row {\n &.first {\n border-top: 1px solid @table-row-border-color;\n\n &.selected::after {\n // If header is invisible, selection of first row starts at 0\n // Since we now have a top border we can move it to -1px again to cover the border\n top: -1px;\n }\n }\n\n &.inactive {\n font-style: italic;\n\n & > .table-cell.last > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n\n & > .scrollbar.y-axis > .scrollbar-thumb > .scrollbar-thumb-handle {\n margin-left: 1px;\n }\n }\n }\n\n & > .tree {\n & > .tree-data {\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x;\n\n & > .tree-node.inactive,\n & > .animation-wrapper > .tree-node.inactive {\n font-style: italic;\n\n & > .text::after {\n content: ' (' var(--inactive-lookup-row-suffix-text) ')';\n }\n }\n }\n }\n}\n\n.status > .ellipsis {\n padding-left: 3px;\n}\n\n.animate-dot {\n position: relative;\n #scout.animation-name(animateDot);\n #scout.animation-duration(1650ms);\n #scout.animation-iteration-count(infinite);\n}\n\n.delay-0 {\n #scout.animation-delay(0ms);\n}\n\n.delay-1 {\n #scout.animation-delay(200ms);\n}\n\n.delay-2 {\n #scout.animation-delay(400ms);\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.string-field {\n\n &.multiline > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .field {\n\n &.has-inner-alignment {\n\n &.halign-left {\n text-align: left;\n }\n\n &.halign-center {\n text-align: center;\n }\n\n &.halign-right {\n text-align: right;\n }\n }\n }\n\n / adjust paddings in case of both icons (icon and clear-icon) are visible /\n\n &.has-icon.clearable-always.has-text:not(.loading):not(.disabled):not(.compact),\n &.has-icon.clearable-focused.has-text.focused:not(.loading):not(.disabled):not(.compact) {\n\n & > .clear-icon {\n margin-right: 0;\n }\n\n & > input {\n padding-right: @text-field-icon-outer-width + @text-field-icon-size + @text-field-icon-margin-x;\n\n &.alternative {\n padding-right: @text-field-alternative-icon-outer-width 2;\n }\n }\n\n &.halign-right > input {\n padding-left: @text-field-icon-outer-width;\n padding-right: @text-field-icon-outer-width;\n\n &.alternative {\n padding-left: @text-field-alternative-icon-outer-width;\n padding-right: @text-field-alternative-icon-outer-width;\n }\n }\n\n & > .icon {\n display: flex;\n }\n }\n\n\n &.has-icon > .icon::before {\n content: @icon-arrow-right-bold;\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.tab-box-header {\n margin-top: @group-box-header-margin-top;\n margin-left: @mandatory-indicator-width;\n white-space: nowrap;\n position: relative;\n margin-bottom: @tab-area-border-width;\n\n .tab-box.has-scroll-shadow-top > & {\n margin-left: 0;\n padding-left: @mandatory-indicator-width;\n }\n\n & > .bottom-border {\n position: absolute;\n left: 0;\n bottom: 0;\n margin-bottom: -@tab-area-border-width;\n width: 100%;\n height: @tab-area-border-width;\n background-color: @tab-area-border-color;\n }\n\n & > .tab-area {\n position: relative;\n\n & > .selection-marker {\n position: absolute;\n z-index: 1;\n bottom: -1px;\n margin-bottom: -@tab-area-border-width;\n height: @tab-area-selection-marker-height;\n background-color: @tab-item-selection-marker-color;\n transition: left 0.3s, width 0.3s;\n border-radius: @tab-area-selection-marker-height / 2;\n }\n\n & > .tab-item > .title > .sub-label {\n display: none;\n }\n\n &.has-sub-label {\n & > .tab-item > .title > .sub-label {\n display: block;\n }\n }\n\n &.spread-even {\n width: 100%;\n display: flex;\n\n & > .tab-item {\n flex-grow: 1;\n flex-basis: 0;\n justify-content: center;\n }\n\n & > .tab-item.first {\n padding-left: @tab-item-padding-x;\n }\n }\n }\n\n & > .menubar {\n position: absolute;\n #scout.menubar-background-color-inherit();\n border-bottom: none;\n }\n\n & > .status {\n position: absolute;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n .tab-box.has-tooltip > & > .status {\n #scout.tooltip-status();\n }\n\n .tab-box.has-info > & > .status {\n #scout.info-status();\n }\n\n .tab-box.has-ok > & > .status {\n #scout.ok-status();\n }\n\n .tab-box.has-warning > & > .status {\n #scout.warning-status();\n }\n\n .tab-box.has-error > & > .status {\n #scout.error-status();\n }\n}\n\n.tab-item {\n position: relative;\n display: inline-flex;\n align-items: center; // In case the tab area gets very large (e.g. by large form fields in the menubar in dense mode)\n vertical-align: middle; // Needed to align overflow menu item\n color: @tab-item-color;\n background-color: transparent;\n padding: 0 @tab-item-padding-x;\n cursor: pointer;\n height: 100%; // Ensures the after element is always on the tab box header line (may not be the case on certain zoom levels or if the area is very large, see above)\n\n &::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: @tab-area-border-width;\n margin-bottom: -@tab-area-border-width;\n display: none;\n }\n\n &.first {\n padding-left: 0;\n }\n\n &.overflown {\n display: none;\n }\n\n &.marked::after {\n display: block;\n background-color: @tab-item-marked-border-color;\n }\n\n &:hover {\n color: @tab-item-hover-color;\n }\n\n &:active {\n color: @tab-item-active-color;\n }\n\n &.selected {\n color: @tab-item-selected-color;\n }\n\n &:focus {\n outline: none;\n\n &.keyboard-navigation {\n color: @tab-item-focus-color;\n }\n }\n\n & > .title {\n display: inline-block;\n vertical-align: middle;\n padding: @tab-item-title-padding-top 0 @tab-item-title-padding-bottom;\n margin-top: @text-margin-top;\n\n .tab-area.has-sub-label > & {\n padding-bottom: @group-box-title-with-sub-label-padding-bottom;\n }\n\n & > .label {\n vertical-align: middle;\n\n // Before element is needed to enlarge the label so that the other tabs won't move when the tab is getting bold because it is selected\n &::before {\n #scout.bold-text-enlarger();\n }\n\n .selected& {\n font-weight: @title-font-weight;\n }\n }\n\n & > .sub-label {\n padding-top: 1px;\n font-size: @sub-title-font-size;\n letter-spacing: @sub-title-letter-spacing;\n color: @sub-title-color;\n }\n }\n\n & > .status {\n display: inline-block;\n vertical-align: middle;\n margin-left: @field-status-margin-left;\n #scout.status();\n }\n\n &.has-tooltip,\n &.has-info,\n &.has-warning,\n &.has-ok,\n &.has-error {\n padding-right: @field-status-margin-left;\n }\n\n &.has-tooltip > .status {\n #scout.tooltip-status();\n }\n\n &.has-info > .status {\n #scout.info-status();\n }\n\n &.has-ok > .status {\n #scout.ok-status();\n }\n\n &.has-warning > .status {\n #scout.warning-status();\n }\n\n &.has-error > .status {\n #scout.error-status();\n }\n}\n\n.overflow-tab-item.menu-item {\n vertical-align: middle;\n color: @tab-item-color;\n\n &::before {\n display: none;\n }\n\n & > .submenu-icon {\n padding-left: 4px;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-chooser-popup {\n #scout.chooser-popup();\n\n min-width: 150px;\n max-width: 250px;\n\n & > .table > .table-data {\n // Somehow the chooser is 3px too large -> reduce the size by that amount\n padding: @proposal-chooser-padding-y @proposal-chooser-padding-x @proposal-chooser-padding-y - 3px @proposal-chooser-padding-x;\n\n & > .table-row.first {\n border-top: 1px solid @table-row-border-color;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-field {\n\n &.focused > .field {\n #scout.focus-border();\n\n &.alternative {\n #scout.alternative-focus-border();\n }\n }\n\n & > .field {\n .input-field();\n\n &.alternative {\n .input-field.alternative();\n }\n\n user-select: none;\n padding: 0 0 0 @tag-field-tag-margin-right;\n\n &:not(.multiline) {\n white-space: nowrap;\n }\n\n & > .tag-bar {\n display: inline-block;\n }\n\n & > input {\n border: none;\n padding-left: 3px;\n padding-right: 3px;\n background-color: transparent;\n min-height: @tag-field-tag-height;\n height: 100%;\n\n &.fullwidth {\n width: 100%;\n padding-left: @text-field-padding-x - @tag-field-tag-margin-right;\n\n &.alternative {\n padding-left: @text-field-alternative-padding-left;\n padding-right: @text-field-alternative-padding-right;\n }\n }\n\n &.focused, &:focus {\n box-shadow: none;\n }\n\n &.has-error {\n background-color: transparent;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .table {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tree-field {\n &.alternative > label.top { / NOSONAR overqualify by purpose to make it more specific than default rule in FormField.less /\n padding-bottom: @top-label-border-padding-bottom;\n }\n\n & > .tree {\n border: 1px solid @control-border-color;\n border-radius: @control-border-radius;\n background-color: @control-background-color;\n overflow: hidden; / necessary due to rounded borders and background color/\n\n &.alternative {\n border-radius: @control-alternative-border-radius;\n }\n\n &.no-rows-selected,\n &.no-nodes-selected {\n &:focus,\n &.focused {\n #scout.focus-border();\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.wizard-steps {\n overflow: hidden;\n margin-left: @mandatory-indicator-width;\n margin-right: 0;\n}\n\n.wizard-steps-body {\n display: flex;\n align-items: center;\n height: @wizard-steps-height;\n overflow: hidden;\n white-space: nowrap; / Allows the last wizard-step to be 100% without line break /\n border-bottom: @wizard-steps-border-width solid @border-color;\n position: relative;\n}\n\n.wizard-step {\n position: relative;\n display: inline-flex;\n align-items: center;\n padding-left: @wizard-step-padding-x;\n padding-right: @wizard-step-padding-x;\n\n & > .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: @wizard-step-icon-size;\n height: @wizard-step-icon-size;\n border: 1px solid @wizard-step-icon-border-color;\n border-radius: 50%;\n margin-right: @wizard-step-icon-margin-right;\n font-size: @font-size-small;\n\n & > .font-icon {\n font-size: 14px;\n }\n }\n\n & > .text {\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n\n &::before {\n #scout.bold-text-enlarger();\n }\n }\n\n & > .sub-title {\n #scout.overflow-ellipsis-nowrap();\n color: @sub-title-color;\n letter-spacing: @sub-title-letter-spacing;\n font-size: @sub-title-font-size;\n }\n }\n\n &.first {\n padding-left: 0;\n }\n\n &.last {\n padding-right: 0;\n }\n\n &.action-enabled {\n cursor: pointer;\n color: @link-color;\n\n &:hover {\n & > .icon {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n & > .text > .title {\n color: @hover-color;\n }\n }\n\n &:active, &.active {\n & > .icon {\n background-color: @active-background-color;\n }\n }\n }\n\n &.finished {\n & > .icon {\n color: @wizard-step-finished-color;\n background-color: @wizard-step-finished-background-color;\n border-color: @wizard-step-finished-background-color;\n }\n\n &.action-enabled {\n &:hover > .icon {\n color: @wizard-step-finished-color;\n background-color: darken(@wizard-step-finished-background-color, 6%);\n border-color: darken(@wizard-step-finished-background-color, 6%);\n }\n\n &:active > .icon,\n &.active > .icon {\n color: @wizard-step-finished-color;\n background-color: darken(@wizard-step-finished-background-color, 13%);\n border-color: darken(@wizard-step-finished-background-color, 13%);\n }\n }\n }\n\n &.selected {\n & > .icon {\n color: @wizard-step-selected-icon-color;\n background-color: @wizard-step-selected-icon-background-color;\n border-color: @wizard-step-selected-icon-background-color;\n font-weight: bold;\n }\n\n & > .text > .title {\n font-weight: @title-font-weight;\n }\n }\n\n &.disabled {\n & > .icon {\n background-color: @wizard-step-disabled-background-color;\n color: @wizard-step-disabled-color;\n border-color: @wizard-step-disabled-border-color;\n }\n\n & > .text > .title,\n & > .text > .sub-title {\n color: @wizard-step-disabled-color;\n }\n }\n}\n\n.wizard-steps > .scrollbar {\n #scout.scrollbar-x-padding(6px, 4px);\n}\n\n.wizard-step-separator {\n height: 1px;\n width: 40px;\n background-color: @border-color;\n flex-shrink: 0;\n flex-grow: 0;\n}\n\n.wizard-steps.compact {\n & > .wizard-steps-body {\n height: @wizard-steps-compact-height;\n\n & > .wizard-step-separator {\n width: 20px;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.wrapped-form-field > .form {\n background-color: transparent;\n\n / Reset padding set in GroupBox.css /\n\n & > .root-group-box > .group-box-body,\n & > .root-group-box > .group-box-header {\n padding-left: 0;\n padding-right: 0;\n }\n\n / Reset margin set in GroupBox.css /\n\n & > .root-group-box {\n overflow: visible; / allow overflow for the root-group-box for wrapped forms /\n\n & > .group-box-body {\n & > .scrollbar {\n / position scrollbar as right as possible to prevent overlapping field parts. /\n #scout.scrollbar-y-padding(8px, 6px);\n }\n }\n }\n\n / Reset values set in MenuBar.css /\n\n & > .root-group-box > .menubar {\n margin-left: @mandatory-indicator-width;\n #scout.menubar-background-color-inherit;\n\n & > .menubar-box > .menu-item {\n &.first {\n margin-left: 0;\n }\n\n &.last {\n margin-right: 0;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.glasspane {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n outline: none;\n z-index: 100;\n cursor: default;\n\n &.busy {\n cursor: wait;\n }\n\n &.dark {\n background-color: rgba(0, 0, 0, 0.1);\n #scout.animation(fade-in ease-in 1);\n #scout.animation-duration(0.2s);\n }\n}\n\n.glasspane-parent {\n pointer-events: none; / Disable hover effects and clicks /\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.image {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n\n &.autofit {\n width: auto;\n height: auto;\n max-width: 100%;\n max-height: 100%;\n }\n\n &.chrome-fix {\n padding-bottom: 0.01px;\n }\n\n &.empty {\n visibility: hidden;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.key-box {\n position: absolute;\n min-width: 34px;\n padding: 4px 5px;\n z-index: 100;\n color: @key-box-color;\n background-color: @key-box-background-color;\n line-height: normal;\n text-align: center;\n border: 1px solid @key-box-border-color;\n font-size: 11px;\n font-weight: normal;\n border-radius: @border-radius;\n\n &.disabled {\n border-color: @key-box-border-disabled-color;\n background-color: @key-box-background-disabled-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.logical-grid-layout {\n position: relative;\n\n & > {\n position: absolute;\n }\n}\n","/\n Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.menu-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center; // In case a min-width is set\n color: @menu-item-color;\n cursor: pointer;\n padding: @menu-item-padding-y @menu-item-padding-x;\n border-radius: @border-radius;\n\n &.menu-icononly {\n padding-left: @menubar-item-icononly-padding-x;\n padding-right: @menubar-item-icononly-padding-x;\n }\n\n & > .key-box {\n bottom: -3px;\n }\n\n &:hover {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n &:active, &.active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-background-color;\n\n &:hover {\n background-color: @selected-hover-background-color;\n }\n\n &.active, &:active {\n background-color: @selected-active-background-color;\n }\n\n &.has-popup {\n color: @menu-item-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n\n #scout.focus-box-shadow-transition();\n\n &:focus {\n #scout.focus-inset-box-shadow();\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n background-color: transparent;\n cursor: default;\n\n &:hover, &.active, &:active {\n background-color: transparent;\n }\n\n &.selected {\n color: @selected-color;\n background-color: @selected-disabled-background-color;\n\n &.has-popup {\n color: @menu-item-disabled-color;\n background-color: @selected-with-popup-background-color;\n }\n }\n }\n\n &.menu-textandicon > .icon {\n margin-right: @menu-item-icon-margin-right;\n }\n\n & > .text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n }\n\n & > .font-icon {\n font-size: 16px;\n }\n\n & > .image-icon {\n / Prevent large image icons from overlapping the menu item /\n max-height: @menu-item-max-image-icon-height;\n / Ensure the default image icon size is taken from the beginning, so that the text does not \"jump\" when /\n / the image loading is complete. (For larger icons, the width will be increased afterwards.) /\n min-width: @menu-item-min-image-icon-width;\n }\n\n & > .icon {\n\n &.with-label {\n margin-right: 8px;\n }\n }\n\n &.disabled > .icon.image-icon {\n #scout.vendor(filter, grayscale(100%));\n opacity: 0.5;\n }\n\n & > .submenu-icon,\n & > .text > .submenu-icon {\n #scout.submenu-icon();\n padding-left: 8px;\n\n .menu-icononly& {\n padding-left: 0;\n }\n\n .selected& {\n #scout.submenu-icon-open();\n }\n }\n\n &.bottom-text.menu-textandicon {\n flex-direction: column;\n\n & > .icon {\n display: block;\n margin-right: 0; // reset\n padding-bottom: 3px;\n }\n\n & > .text {\n display: flex;\n align-items: center;\n font-size: @font-size-extra-small;\n\n & > .submenu-icon {\n font-size: 12px;\n padding-left: 4px;\n // Make sure the icon does not increase the height and therefore the whole menu\n line-height: 0;\n }\n }\n }\n}\n\n.menu-button {\n .button();\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.context-menu-popup {\n #scout.popup-2();\n overflow: hidden;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n\n.context-menu {\n position: absolute;\n margin: @context-menu-margin-y 0;\n background-color: @popup-2-background-color;\n\n & > .menu-item {\n display: flex;\n justify-content: start;\n padding: @context-menu-item-padding-y @context-menu-item-padding-right @context-menu-item-padding-y @context-menu-item-padding-left;\n color: @context-menu-item-color;\n border-radius: 0;\n\n & > .font-icon {\n color: @context-menu-item-icon-color;\n min-width: 16px;\n text-align: center;\n }\n\n & > .text {\n #scout.overflow-ellipsis();\n / default is inline, inline-block is necessary so that max-width set by JS is respected /\n display: inline-block;\n }\n\n &.menu-textandicon > .icon {\n margin-right: @context-menu-item-icon-margin-right;\n }\n\n &.selected {\n background-color: @item-selection-background-color;\n\n &.has-popup {\n color: @context-menu-item-color;\n\n &.disabled {\n color: @menu-item-disabled-color;\n background-color: @item-selection-background-color;\n }\n }\n\n & > .submenu-icon {\n transform: none;\n }\n }\n\n &.expanded {\n & > .submenu-icon {\n #scout.submenu-icon-open();\n }\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n\n & > .font-icon {\n color: @menu-item-disabled-color;\n }\n }\n\n & > .key-box {\n bottom: auto;\n top: 5px;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.combo-menu {\n padding: 0;\n cursor: default;\n align-items: stretch;\n\n &:active, &.active, &:hover {\n background-color: transparent;\n }\n\n & > .menu-item {\n &:not(.first) {\n margin-left: 3px;\n\n &::before {\n content: '';\n position: absolute;\n left: -1px;\n top: 7px;\n height: calc(100% - 14px);\n width: 1px;\n background-color: @border-color;\n }\n }\n\n &:focus::before {\n display: none;\n }\n\n &:not(.disabled):hover,\n &.selected {\n &::before,\n & ~ .menu-item::before {\n display: none;\n }\n }\n }\n}\n\n.combo-menu.menu-button {\n border: 0;\n\n & > .menu-item {\n border: 1px solid @button-border-color;\n flex-grow: 1;\n\n &.menu-icononly:not(.first.last) { // Rule must not be applied if combo menu contains only one item\n flex-grow: 0;\n }\n\n &:not(.last) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0;\n }\n\n &:not(.first) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: 0;\n margin-left: 0;\n }\n\n .disabled& {\n border-color: @button-disabled-color;\n }\n\n &:focus {\n z-index: 1; // Allows box-shadow to draw over the right menu-item\n }\n }\n\n &.default {\n & > .menu-item {\n .button.default();\n\n &::before {\n background-color: @default-combo-menu-separator-color;\n }\n\n &.selected {\n background-color: @default-button-selected-background-color;\n border-color: @default-button-selected-background-color;\n }\n\n &.disabled {\n color: @disabled-inverted-color;\n\n &:hover, &.active, &:active, &.selected {\n background-color: @default-button-background-color;\n border-color: @default-button-background-color;\n }\n }\n }\n }\n}\n\n.context-menu > .combo-menu {\n padding: 0;\n\n & > .menu-item {\n color: @context-menu-item-color;\n padding: @context-menu-item-padding-y @context-menu-item-padding-right @context-menu-item-padding-y @context-menu-item-padding-left;\n flex-grow: 1;\n justify-content: start;\n border-radius: 0;\n\n & > .font-icon {\n color: @context-menu-item-icon-color;\n }\n\n &.menu-textandicon > .icon {\n margin-right: @context-menu-item-icon-margin-right;\n }\n\n &.menu-icononly:not(.first.last) { // Rule must not be applied if combo menu contains only one item\n flex-grow: 0;\n }\n\n &.disabled {\n color: @menu-item-disabled-color;\n\n & > .font-icon {\n color: @menu-item-disabled-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.profile-menu.menu-item > .icon {\n height: 26px;\n width: 26px;\n margin: -4px;\n\n display: inline-flex;\n justify-content: center;\n align-items: center;\n\n border-radius: 50%;\n background: @profile-menu-icon-background;\n\n &.font-icon {\n color: @profile-menu-icon-color;\n }\n\n &.image-icon {\n object-fit: cover;\n max-height: 26px;\n }\n\n .context-menu > .menu-textandicon& {\n margin-right: 10px;\n }\n\n .desktop-tool-box-item& {\n height: @desktop-logo-height;\n width: @desktop-logo-height;\n margin: 0;\n #scout.drop-shadow(@y: 3px, @blur: 5px);\n\n font-size: 18px;\n\n .menu-textandicon& {\n margin-right: 8px;\n }\n\n &.image-icon {\n max-height: @desktop-logo-height;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.form-field-menu {\n // Remove y padding but keep x padding to have the same gap between form field menus and regular menus.\n padding-top: 0;\n padding-bottom: 0;\n cursor: default;\n color: @text-color;\n\n &:hover {\n color: @text-color;\n background-color: transparent;\n }\n\n &:active, &.active {\n background-color: transparent;\n }\n\n &:not(.has-text):not(.has-icon) {\n & > .form-field > label {\n margin-left: 0;\n }\n }\n\n & > .form-field {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n\n & > label {\n margin-left: 8px;\n }\n\n &.disabled:not(.read-only) > label {\n / Use same disabled color as for menu items /\n color: @menu-item-disabled-color;\n }\n }\n\n &:not(.has-icon) > .form-field:not(.no-mandatory-indicator) {\n // Remove margin left since the menu-item already has a padding\n // This reduces the gap between form field menus in the menu bar, but also improves the alignment in the context menu\n margin-left: -@mandatory-indicator-width;\n }\n\n & > .check-box-field.disabled:not(.read-only) > .field > .label,\n & > .radiobutton-group > .radiobutton-group-body > .radio-button.disabled:not(.read-only) > .field > .label,\n & > .radio-button.disabled:not(.read-only) > .field > .label {\n / Use same disabled color as for menu items /\n color: @menu-item-disabled-color;\n }\n}\n\n.menubar-box > .form-field-menu {\n & > .string-field,\n & > .smart-field,\n & > .dropdown-field,\n & > .proposal-field,\n & > .number-field,\n & > .date-field,\n & > .tag-field,\n & > .file-chooser-field {\n margin-top: @menubar-field-menu-margin-y - @menubar-item-margin-y;\n margin-bottom: @menubar-field-menu-margin-y - @menubar-item-margin-y;\n }\n}\n\n:not(.main-menubar):not(.bounded) > .menubar-box > .form-field-menu {\n &.first {\n padding-left: 0;\n }\n\n &.last {\n padding-right: 0;\n }\n}\n\n/ Inside context menu popup -> set preferred size /\n.context-menu > .form-field-menu {\n & > .text,\n & > .icon {\n flex: none;\n }\n\n & > .form-field {\n flex: 1 1 auto;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.menu-bar-popup {\n margin: @widget-popup-margin 6px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode {\n --padding-x: @mode-padding-x;\n --padding-y: @mode-padding-y;\n --border-width: @mode-border-width;\n\n border: var(--border-width) solid @control-border-color;\n border-radius: 0;\n flex: 1 1 0;\n padding: var(--padding-y) var(--padding-x);\n #scout.overflow-ellipsis();\n\n &.first {\n border-radius: @button-border-radius 0 0 @button-border-radius;\n }\n\n &.last {\n border-radius: 0 @button-border-radius @button-border-radius 0;\n }\n\n &.first.last {\n border-radius: @button-border-radius;\n }\n\n &:not(.last):not(.selected) {\n border-right: none;\n padding-right: calc(var(--padding-x) + var(--border-width)); / account for the missing border, so that text does not jump /\n }\n\n &.after-selected {\n border-left: none;\n padding-left: calc(var(--padding-x) + var(--border-width)); / account for the missing border, so that text does not jump /\n }\n\n // override button (the selected mode cannot be clicked. therefore do not show hover and active colors)\n &.selected {\n color: @selected-color;\n cursor: default;\n\n &:hover {\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n }\n\n &:active {\n background-color: @selected-background-color;\n border-color: @selected-background-color;\n }\n\n &.disabled {\n background-color: @mode-selected-background-disabled-color;\n border-color: @mode-selected-background-disabled-color;\n }\n }\n\n & > .icon {\n padding: 0; // remove padding from button\n\n &.with-label {\n margin-right: 8px;\n }\n }\n}\n\n.mode-selector.alternative {\n\n & > .mode {\n --border-width: 0px;\n\n color: @mode-color;\n background-color: transparent;\n border-radius: @button-border-radius;\n\n &:hover {\n background-color: @mode-alternative-hover-background-color;\n }\n\n &:active {\n background-color: @mode-alternative-active-background-color;\n }\n\n &.selected {\n color: @button-color;\n transition: color 500ms ease;\n\n &:hover {\n background-color: transparent;\n }\n\n &.disabled {\n background-color: @mode-alternative-selected-background-disabled-color;\n }\n }\n\n &.mode-selector-dragging {\n // do not show animations and hover-effects during drag\n background-color: transparent;\n transition: unset;\n }\n\n &.disabled {\n color: @button-disabled-color;\n background-color: transparent;\n cursor: default;\n }\n }\n}\n\n.dense .mode-selector {\n & > .mode {\n --padding-x: @mode-padding-dense-x;\n --padding-y: @mode-padding-dense-y;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mode-selector {\n position: relative;\n background-color: @control-background-color;\n white-space: nowrap;\n display: inline-flex;\n overflow: hidden;\n\n & > .mode-slider {\n display: none;\n }\n\n &.alternative {\n background-color: @mode-alternative-background-color;\n border-radius: @button-border-radius;\n border: @mode-selector-alternative-border-width solid transparent;\n\n &:not(.disabled) > .mode-slider {\n display: block;\n position: absolute;\n top: 0;\n height: 100%;\n background-color: @mode-alternative-selected-background-color;\n border-radius: @button-border-radius;\n transition: left 500ms ease, width 500ms ease;\n\n // do not show animations during drag\n &.mode-selector-dragging {\n transition: unset;\n }\n }\n\n & > .mode.mode-selector-dragging {\n pointer-events: none; // prevent click event when releasing the slider\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.planner-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n line-height: 29px;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.planner {\n position: absolute;\n overflow: hidden;\n\n & > .menubar.bottom {\n position: absolute;\n bottom: 0;\n }\n}\n\n.planner-scale {\n position: absolute;\n right: 0;\n height: @planner-scale-height;\n border-bottom: 1px solid @border-color;\n width: 100%;\n / for horizontal scrollbars /\n overflow: hidden;\n white-space: nowrap;\n\n & .scale-item {\n display: inline-block;\n position: relative;\n white-space: nowrap;\n padding: 0 0 0 5px;\n\n &.label-invisible {\n color: transparent;\n }\n }\n\n & > .timeline {\n display: inline-block;\n width: calc(~'100% - ' @planner-resource-title-width);\n\n & > .timeline-large {\n height: 50%;\n background-color: @planner-timeline-background-color;\n line-height: @planner-scale-height / 2;\n\n & > .scale-item > .planner-large-scale-item-line {\n height: @planner-scale-height;\n }\n }\n\n & > .timeline-small {\n height: 50%;\n line-height: @planner-scale-height / 2;\n\n & > .highlight {\n position: absolute;\n background-color: @item-selection-background-color;\n height: 50%;\n }\n }\n }\n}\n\n.planner-scale-title {\n height: 100%;\n float: left;\n #scout.overflow-ellipsis-nowrap();\n padding: 0 @resource-padding-x;\n font-size: 17px;\n color: @planner-resource-title-color;\n line-height: @planner-scale-height;\n width: @planner-resource-title-width;\n}\n\n.planner-grid {\n position: absolute;\n right: 0;\n width: 100%;\n overflow: hidden;\n}\n\n.planner-resource {\n height: @planner-resource-minheight;\n width: 100%;\n border-bottom: 1px solid @border-color;\n\n & > .resource-title {\n line-height: @planner-resource-minheight;\n height: 100%;\n width: @planner-resource-title-width;\n padding: 0 @resource-padding-x;\n float: left;\n #scout.overflow-ellipsis-nowrap();\n }\n\n &.selected > .resource-title {\n background-color: @item-selection-background-color;\n }\n\n & > .resource-cells {\n position: relative;\n height: 100%;\n width: calc(~'100% - ' @planner-resource-title-width);\n float: left;\n\n & > .selector {\n position: absolute;\n border-top: 2px solid @item-selection-border-color;\n border-bottom: 2px solid @item-selection-border-color;\n z-index: 1; / TODO [7.0] CRU/BSH/CGU Instead of assigning a z-index, find a better insertion point for the selector /\n top: 0;\n\n & > .selector-resize-left {\n background-color: @planner-selector-resize-background-color;\n border-left: 2px solid @item-selection-border-color;\n border-right: 2px solid @item-selection-border-color;\n position: absolute;\n top: 0;\n left: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n }\n\n & > .selector-resize-right {\n background-color: @planner-selector-resize-background-color;\n border-left: 2px solid @item-selection-border-color;\n border-right: 2px solid @item-selection-border-color;\n position: absolute;\n top: 0;\n right: 0;\n width: 6px;\n height: 100%;\n cursor: col-resize;\n }\n }\n }\n}\n\n.planner-activity {\n position: absolute;\n top: 1px;\n width: 0;\n color: @planner-activity-color;\n height: @planner-resource-minheight - 3px;\n line-height: @planner-resource-minheight - 3px;\n background-color: @palette-green-2;\n text-align: center;\n border: 1px solid @border-color;\n overflow: hidden;\n\n &.selected {\n outline: 2px solid @item-selection-border-color;\n }\n}\n\n.planner-activity-level {\n background-color: @planner-activity-level-background-color;\n}\n\n.planner-small-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: @planner-small-scale-item-line-color;\n pointer-events: none;\n}\n\n.planner-large-scale-item-line {\n position: absolute;\n height: 100%;\n width: 1px;\n top: 0;\n background-color: @planner-large-scale-item-line-color;\n pointer-events: none;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.planner-icon(@icon, @size) {\n #scout.font-icon();\n display: inline-block;\n position: relative;\n font-size: @size;\n width: 29px;\n content: @icon;\n color: @icon-color;\n text-align: center;\n}\n\n.planner-header {\n display: table;\n width: 100%;\n white-space: nowrap;\n padding: 8px 3px 12px 0;\n}\n\n.planner-range {\n display: table-cell;\n vertical-align: middle;\n white-space: nowrap;\n padding-left: 8px;\n}\n\n.planner-previous,\n.planner-today,\n.planner-next {\n display: inline-block;\n vertical-align: middle;\n white-space: nowrap;\n text-align: center;\n cursor: pointer;\n height: @planner-header-button-height;\n color: @text-color;\n background-color: @button-background-color;\n border: 1px solid @control-border-color;\n border-radius: @button-border-radius;\n margin-right: 5px;\n line-height: @planner-header-button-height - 1px;\n\n &:hover {\n color: @hover-color;\n }\n}\n\n.planner-today {\n width: 65px;\n}\n\n.planner-select {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n font-size: 16px;\n margin-left: 15px;\n margin-right: 15px;\n}\n\n.planner-previous:hover::before,\n.planner-next:hover::before {\n color: @hover-color;\n}\n\n.planner-previous::before {\n .planner-icon(@icon-angle-left, 20px);\n}\n\n.planner-next::before {\n .planner-icon(@icon-angle-right, 20px);\n}\n\n.planner-commands {\n display: table-cell;\n text-align: right;\n}\n\n.planner-mode,\n.planner-toggle-year,\n.planner-toggle-list {\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n height: @planner-header-button-height;\n line-height: @planner-header-button-height - 1px;\n cursor: pointer;\n}\n\n.planner-mode {\n padding: 0 8px;\n min-width: 65px;\n text-align: center;\n border-top: 1px solid @control-border-color;\n border-bottom: 1px solid @control-border-color;\n border-left: 1px solid @control-border-color;\n #scout.overflow-ellipsis-nowrap();\n\n &.first {\n border-left: 1px solid @control-border-color;\n border-top-left-radius: @button-border-radius;\n border-bottom-left-radius: @button-border-radius;\n }\n\n &.last {\n border-right: 1px solid @control-border-color;\n border-top-right-radius: @button-border-radius;\n border-bottom-right-radius: @button-border-radius;\n margin-right: 5px;\n }\n\n &:hover {\n color: @hover-color;\n }\n\n &.selected {\n color: @planner-mode-selected-color;\n background-color: @planner-mode-selected-background-color;\n }\n\n &.disabled {\n background-color: @button-disabled-background-color;\n border-color: @button-disabled-border-color;\n color: @button-disabled-color;\n cursor: default;\n }\n}\n\n.planner-toggle-year,\n.planner-toggle-list {\n margin-left: 5px;\n\n &:hover::before {\n color: @hover-color;\n }\n}\n\n.planner-toggle-year::before {\n .planner-icon(@icon-calendar, 18px);\n}\n\n.planner-toggle-list::before {\n .planner-icon(@icon-list, 18px);\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.popup {\n position: absolute;\n top: 0;\n\n &:focus {\n outline: none;\n }\n\n &.with-arrow {\n min-width: @popup-arrow-size;\n min-height: @popup-arrow-size;\n }\n\n &.before-animate-open {\n .invisible();\n }\n\n &.modal.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.popup-arrow {\n position: absolute;\n border: inherit;\n background-color: inherit;\n width: @popup-arrow-size;\n height: @popup-arrow-size;\n\n &.left {\n left: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n\n &.center {\n top: 50%;\n }\n\n &.bottomedge {\n transform: translate(-50%, 50%) rotate(45deg);\n }\n }\n\n &.right {\n right: 0;\n transform: translate(50%, -50%) rotate(45deg);\n\n &.center {\n top: 50%;\n }\n\n &.bottomedge {\n transform: translate(50%, 50%) rotate(45deg);\n }\n }\n\n &.top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n\n &.center {\n left: 50%;\n }\n\n &.rightedge {\n transform: translate(50%, -50%) rotate(45deg);\n }\n }\n\n &.bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n\n &.center {\n left: 50%;\n }\n\n &.rightedge {\n transform: translate(50%, 50%) rotate(45deg);\n }\n }\n\n &.leftedge {\n left: 35px;\n }\n\n &.rightedge {\n right: 35px;\n }\n\n &.topedge {\n top: 35px;\n }\n\n &.bottomedge {\n bottom: 35px;\n }\n}\n\n.popup-arrow-overlay {\n position: absolute;\n background-color: inherit;\n width: 100%;\n height: 100%;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.mobile-popup {\n background-color: @popup-background-color;\n border: @popup-border-width solid @popup-border-color;\n border-top-left-radius: @popup-border-radius;\n border-top-right-radius: @popup-border-radius;\n overflow: hidden;\n margin-top: 30px;\n #scout.drop-shadow(@x: 0, @y: 0, @blur: 30px, @spread: 5px, @alpha: 0.5);\n\n &.animate-open {\n #scout.animation-name(slidein-bottom);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-remove {\n #scout.animation-name(slideout-bottom);\n #scout.animation-duration(0.5s);\n }\n}\n\n.mobile-popup-header {\n position: absolute;\n width: 100%;\n\n padding-top: @mobile-popup-title-margin-top;\n padding-left: 20px;\n\n & > .title {\n #scout.overflow-ellipsis-nowrap();\n #scout.font-text-large();\n width: 100%;\n }\n\n & > .closer {\n position: absolute;\n top: 6px;\n right: 6px;\n padding: 7px;\n z-index: 1;\n border-radius: @closer-border-radius;\n\n &::before {\n display: none;\n }\n }\n\n .mobile-popup.closable > & > .title {\n margin-right: @mobile-popup-title-margin-right;\n width: calc(~'100% - ' @mobile-popup-title-margin-right);\n }\n}\n\n.mobile-popup-widget {\n position: relative;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@touch-popup-padding-x: 15px;\n\n.touch-popup {\n position: absolute;\n overflow: hidden;\n #scout.popup-2();\n margin: 45px 10px 10px 10px;\n\n & > .body {\n display: flex;\n flex-direction: column;\n }\n}\n\n.touch-popup-header {\n margin: 8px @touch-popup-padding-x - @menu-item-padding-x 8px @touch-popup-padding-x;\n display: flex;\n align-items: baseline;\n}\n\n.touch-popup-title {\n font-weight: @font-weight-bold;\n color: @title-color;\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.touch-popup-field {\n position: relative;\n margin: 0 @touch-popup-padding-x 8px;\n flex: none;\n}\n\n.touch-popup-widget-container {\n position: relative;\n min-height: 0;\n max-height: 400px;\n}\n\n@media (max-height: @iphone5-height) {\n .touch-popup {\n / move popup to top on small screens, no need to waste space/\n margin-top: 10px;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n.popup-animate-open {\n #scout.animation-name(fadein-zoom);\n #scout.animation-duration(0.2s);\n}\n\n.popup-animate-remove {\n #scout.animation-name(fadeout-shrink-blur);\n #scout.animation-duration(0.15s);\n #scout.animation-fill-mode(forwards);\n}\n\n.widget-popup {\n #scout.popup();\n margin: @widget-popup-margin;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n\n & > .popup-arrow {\n\n &.bottom,\n &.right {\n #scout.drop-shadow-large(@y: 4px, @spread: -2px);\n }\n }\n\n & > .actions {\n position: absolute;\n top: 0;\n right: 0;\n / should lay over drag and resize handles /\n z-index: 11;\n white-space: nowrap;\n\n & > .action {\n color: @closer-action-color;\n margin: 7px 7px 7px @menubar-item-margin-x;\n border-radius: @closer-border-radius;\n padding: 7px;\n font-size: 17px;\n min-width: 30px;\n\n &:hover {\n color: @closer-hover-color;\n }\n\n &.disabled {\n color: @disabled-color\n }\n }\n }\n\n & > .popup-widget {\n position: relative;\n overflow: hidden;\n background-color: inherit;\n border-radius: @popup-border-radius;\n }\n\n & > .popup-arrow-overlay {\n border-radius: @popup-border-radius;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n -ms-touch-action: none;\n touch-action: none;\n z-index: 10;\n}\n\n.resizable-s {\n cursor: s-resize;\n height: 10px;\n width: 100%;\n bottom: -5px;\n left: 0;\n}\n\n.resizable-e {\n cursor: e-resize;\n width: 10px;\n right: -5px;\n top: 0;\n height: 100%;\n}\n\n.resizable-se {\n cursor: se-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n bottom: -5px;\n}\n\n.resizable-sw {\n cursor: sw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n bottom: -5px;\n}\n\n.resizable-w {\n cursor: w-resize;\n width: 10px;\n left: -5px;\n top: 0;\n height: 100%;\n}\n\n.resizable-nw {\n cursor: nw-resize;\n width: 20px;\n height: 20px;\n left: -5px;\n top: -5px;\n}\n\n.resizable-n {\n cursor: n-resize;\n width: 100%;\n height: 10px;\n left: 0;\n top: -5px;\n}\n\n.resizable-ne {\n cursor: ne-resize;\n width: 20px;\n height: 20px;\n right: -5px;\n top: -5px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.busyindicator {\n position: absolute;\n top: 25%;\n left: 50%;\n max-width: 300px;\n #scout.popup-2();\n #scout.popup-2-backdrop-filter();\n .messagebox.severity-button(@info-color);\n\n / Helper class used during width calculation - required on very narrow screens (e.g. Word AddIn) /\n\n &.calc-helper {\n top: 0;\n left: 0;\n }\n\n &.animate-open {\n #scout.animation-name(fade-in);\n #scout.animation-duration(0.5s);\n }\n\n &.animate-modality-highlight {\n #scout.animation-shake();\n }\n}\n\n.busyindicator-content {\n border-radius: @border-radius-medium;\n padding: 26px;\n}\n\n.busyindicator-label {\n display: inline-block;\n margin-left: @busyindicator-icon-size + 10px;\n text-indent: -(@busyindicator-icon-size + 10px);\n\n &::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n width: @busyindicator-icon-size;\n height: @busyindicator-icon-size;\n margin-top: -3px;\n margin-right: 15px;\n border: 1px fade(@busyindicator-color, 80%) solid;\n border-radius: 50%;\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n }\n\n &.cancelled::before {\n #scout.animation(pulsate-reverse 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n }\n}\n\n.busyindicator-buttons {\n display: flex;\n justify-content: center;\n padding: 0 26px 26px 26px;\n}\n\n.busyindicator-details {\n padding-top: 20px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.splitter {\n position: absolute;\n\n / \| /\n\n &.x-axis {\n top: 0;\n height: 100%;\n width: @splitter-size;\n\n &:not(.disabled) {\n cursor: col-resize;\n }\n\n &.line {\n padding-right: floor((@splitter-size - @splitter-line-size) / 2);\n padding-left: ceil((@splitter-size - @splitter-line-size) / 2);\n }\n }\n\n &.y-axis {\n left: 0;\n width: 100%;\n height: @splitter-size;\n\n &:not(.disabled) {\n cursor: row-resize;\n }\n\n &.line {\n padding-top: floor((@splitter-size - @splitter-line-size) / 2);\n padding-bottom: ceil((@splitter-size - @splitter-line-size) / 2);\n }\n }\n\n &.line {\n background-clip: content-box;\n background-color: @border-color;\n\n &:not(.disabled):hover {\n background-color: @hover-color;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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-monospace-family: 'Consolas', 'Lucida Console', 'Courier', 'Courier New', monospace;\n\n@font-weight-normal: normal;\n@font-weight-bold: bold;\n\n@font-size-extra-small: 10px;\n@font-size-small: 11px;\n@font-size-smaller: 12px;\n@font-size-normal: 13px;\n@font-size-plus: 14px;\n@font-size-large: 16px;\n@font-size-extra-large: 32px;\n\n@font-size-icon-small: 14px;\n@font-size-icon: 16px;\n@font-size-icon-large: 24px;\n\n@letter-spacing: 0.2px;\n\n// Arial font is hard to vertically align, especially with icons\n// This variable can be used to fix the alignment for specific widgets that can have an icon\n// or are often placed to the side of widgets with icons\n@text-margin-top: 1px;\n\n// Icons aligned with line-height may use this variable.\n// It should have the same size as regular text (not the font-size, the actual size)\n@font-icon-line-height: 15px;\n\n@icon-font-weight-light: 300;\n@tooltip-font-weight: @font-weight-normal;\n\n@font-face {\n font-family: scoutIcons;\n font-weight: normal;\n src: url('fonts/scoutIcons.woff') format('woff');\n}\n\n@font-face {\n font-family: scoutIcons;\n font-weight: @icon-font-weight-light;\n src: url('fonts/scoutIcons-light.woff') format('woff');\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n/ -------------------------------- /\n/ Global sizes /\n/ -------------------------------- /\n@application-loading01-size: 80px;\n@application-loading02-size: 120px;\n@border-radius: 3px;\n@border-radius-medium: 8px;\n@border-radius-large: 12px;\n@borderless-field-padding-y: @text-field-padding-y + 1px;\n@breadcrumb-bar-field-padding-bottom: 0;\n@breadcrumb-bar-field-padding-bottom-dense: 4px;\n@collapse-handle-border-radius: @border-radius-medium;\n@control-border-radius: @border-radius;\n@control-alternative-border-radius: @control-border-radius;\n@control-popup-border-radius: @border-radius;\n@control-popup-margin: 5px;\n@drop-shadow-y: 6px;\n@drop-shadow-blur: 13px;\n@drop-shadow-large-y: 8px;\n@drop-shadow-large-blur: 32px;\n@filter-field-bottom: 8px;\n@filter-field-right: 8px;\n@filter-field-height: @logical-grid-row-height;\n@filter-field-height-dense: @logical-grid-row-height-dense;\n@filter-field-width: 190px;\n@filter-field-min-width: 75px;\n@filter-field-max-width: 60%;\n@filter-field-icon-size: 24px;\n@filter-field-transition-duration: 250ms;\n@item-selection-border-width: 2px;\n@logical-grid-row-height: 30px;\n@logical-grid-row-height-dense: 24px;\n@logical-grid-row-gap: 10px;\n@logical-grid-row-gap-dense: 8px;\n@logical-grid-column-width: 420px;\n@logical-grid-column-gap: 40px - @mandatory-indicator-width;\n@logical-grid-small-column-gap: 4px;\n@loading-fade-duration: 250ms;\n@mandatory-indicator-width: 10px;\n@mandatory-indicator-font-size: 15px;\n@field-label-font-size: @font-size-smaller;\n@field-label-padding-top: @borderless-field-padding-y + 1; // +1 Because label font is a little smaller than input font\n@field-label-padding-bottom: @borderless-field-padding-y;\n@field-label-width: 140px;\n@field-status-size: 24px;\n@field-status-margin-left: 6px;\n@focus-box-shadow-size: 3px;\n@text-field-padding-x: 10px;\n@text-field-padding-y: 7px;\n@text-field-padding-top-compensation: 1px + @text-margin-top;\n@text-field-alternative-padding-left: 0;\n@text-field-alternative-padding-right: 0;\n@text-field-icon-size: 24px;\n@text-field-icon-margin-x: (@logical-grid-row-height - 2px - @text-field-icon-size) / 2; // same margin to the right as to the top and bottom of an input field\n@text-field-icon-outer-width: @text-field-icon-size + 2 @text-field-icon-margin-x;\n@text-field-alternative-icon-outer-width: @text-field-icon-size + @text-field-icon-margin-x;\n@top-label-font-size: @font-size-small;\n@top-label-border-padding-bottom: 4px;\n\n/* --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see scout.HtmlEnvironment /\n/ --------------------------------------------------------------------------- /\n.html-env-logical-grid-row {\n height: @logical-grid-row-height;\n margin-bottom: @logical-grid-row-gap;\n\n &.dense {\n height: @logical-grid-row-height-dense;\n margin-bottom: @logical-grid-row-gap-dense;\n }\n}\n\n.html-env-logical-grid-column {\n width: @logical-grid-column-width;\n margin-right: @logical-grid-column-gap;\n margin-left: @logical-grid-small-column-gap;\n}\n\n.html-env-field-mandatory-indicator {\n width: @mandatory-indicator-width;\n}\n\n.html-env-field-label {\n width: @field-label-width;\n}\n\n.html-env-field-status {\n width: @field-status-size;\n}\n\n/ -------------------------------- /\n/ Component specific sizes /\n/ -------------------------------- /\n@bench-padding-x: 20px;\n@bench-view-min-height: 50px;\n@bench-view-min-width: 50px;\n@box-font-size: 14px;\n@box-margin-y: 15px;\n@box-width: 450px;\n@busyindicator-icon-size: 22px;\n@busyindicator-large-size: 100px;\n@busyindicator-large-border-width: 2px;\n@button-border-radius: @border-radius;\n@button-padding-x: 7px;\n@button-padding-y: 2px;\n@button-margin-top: 1px; / Necessary to align icon with text /\n@button-font-icon-size: 16px;\n@calendar-component-margin-left: 32px;\n@calendar-day-selected-circle-size: 23px;\n@calendar-header-button-height: 30px;\n@calendar-title-height: 25px;\n@calendar-week-axis-overlap: 6px;\n@calendar-week-name-width: 45px;\n@calendar-padding-right-mobile: 6px;\n@check-box-border-radius: @border-radius;\n@check-box-border-width: 1px;\n@check-box-field-padding-y: 6px;\n@check-box-field-label-padding-top: 2px;\n@check-box-field-label-padding-left: 7px;\n@check-box-size: 18px;\n@checkable-cell-padding-adjustment: 2px; / Adjustment to shift the checkbox a little upwards to align it with the text (resp. first line of the text in case of multiline table cells) /\n@closer-border-radius: 7px;\n@compact-outline-node-padding-x: 16px;\n@compact-outline-node-padding-y: 14px;\n@compact-outline-node-menubar-height: 43px; // Depends on the paddings above, needs to be the height for a single line node\n@compact-outline-title-padding-x: @compact-outline-node-padding-x;\n@context-menu-margin-y: 6px;\n@context-menu-item-padding-y: 8px;\n@context-menu-item-padding-left: 16px;\n@context-menu-item-padding-right: 16px;\n@context-menu-item-icon-margin-right: 14px;\n@dashboard-tile-label-padding-bottom: 5px;\n@dashboard-tile-label-large-padding-bottom: 10px;\n@dashboard-tile-drop-shadow-light-alpha: 0.05;\n@dashboard-tile-drop-shadow-dark-alpha: 0.1;\n@dashboard-tile-border-radius: @border-radius-large;\n@date-picker-header-height: 36px;\n@date-picker-month-padding: 13px;\n@date-picker-day-margin: 2px;\n@date-picker-day-size: 32px;\n@date-picker-day-border-radius: 6px;\n@time-picker-cell-padding-top: 3px;\n@time-picker-cell-size: @date-picker-day-size;\n@time-picker-cell-border-radius: @date-picker-day-border-radius;\n@desktop-bench-drop-shadow-top: 3px;\n@desktop-bench-border-left-width: 1px;\n@desktop-bench-drop-shadow-border-top-left-radius: @desktop-tab-border-radius;\n@desktop-header-height: 64px;\n@desktop-logo-height: 32px;\n@desktop-logo-min-width: 0;\n@desktop-navigation-breadcrumb-width: 240px;\n@desktop-navigation-min-width: 49px; / not 50px because last pixel is the border (would not look good)/\n@desktop-navigation-width: 290px;\n@desktop-notification-no-icon-padding-y: 16px;\n@desktop-tab-border-radius: @view-tab-border-radius;\n@desktop-tab-border-width: 0;\n@desktop-tab-key-box-bottom: @view-tab-key-box-bottom;\n@desktop-tab-margin-top: @view-tab-margin-top;\n@desktop-tab-margin-right: 3px;\n@desktop-tab-padding: 10px;\n@desktop-tab-padding-left: 20px;\n@desktop-tab-width: 200px;\n@desktop-tab-min-width: 130px;\n@desktop-tab-border-radius: @view-tab-selected-border-radius;\n@desktop-tab-margin-top: @view-tab-selected-margin-top;\n@desktop-tool-box-item-border-radius: @view-tab-border-radius;\n@desktop-tool-box-item-font-size: @font-size-icon-small;\n@desktop-tool-box-item-margin: 3px;\n@desktop-tool-box-item-margin-top: @view-tab-margin-top;\n@detail-table-border-radius: 4px;\n@detail-table-row-margin-x: @bench-padding-x - @table-cell-padding-left;\n@detail-table-header-menubar-padding-right: 10px;\n@detail-table-header-item-padding-x: @bench-padding-x - @table-header-item-padding-left;\n@detail-table-header-item-padding-y: @table-header-item-padding-y;\n@detail-table-header-item-margin-top: 6px;\n@detail-table-header-item-margin-bottom: 6px;\n@detail-table-row-padding-y: 10px;\n@detail-table-aggregate-padding-y-large: 20px;\n@detail-table-aggregate-padding-y-small: @table-aggregate-padding-y-small;\n@detail-table-footer-with-handle-margin-left: 30px;\n@dialog-border-top-size: 5px;\n@form-title-padding-top: 16px;\n@group-collapse-icon-margin-top: -1px;\n@group-box-control-font-size: 16px;\n@group-box-control-width: 25px;\n@group-box-body-padding-bottom: 16px;\n@group-box-body-padding-top: 18px;\n@group-box-header-border-width: 1px;\n@group-box-header-margin-top: 8px;\n@group-box-title-padding-bottom: 12px;\n@group-box-title-padding-top: 12px;\n@group-box-title-with-sub-label-padding-bottom: 7px;\n@main-menubar-height: @desktop-header-height;\n@main-menubar-item-margin-x: 5px;\n@main-menubar-first-menu-item-margin-left: @bench-padding-x - @menu-item-padding-x;\n@main-menubar-last-menu-item-margin-right: @main-menubar-first-menu-item-margin-left;\n@main-menubar-first-menu-item-icononly-margin-left: @bench-padding-x - @menubar-item-icononly-padding-x;\n@main-menubar-last-menu-item-icononly-margin-right: @main-menubar-first-menu-item-icononly-margin-left;\n@menubar-button-margin: @menubar-field-menu-margin-y;\n@menubar-field-menu-margin-y: 4px;\n@menubar-item-icononly-padding-x: 8px;\n@menubar-item-icononly-margin-x: 2px;\n@menubar-item-margin-x: 2px;\n@menubar-item-margin-y: 2px;\n@menu-item-height: 39px;\n@menu-item-min-image-icon-width: 16px;\n@menu-item-max-image-icon-height: 16px;\n@menu-item-padding-x: 10px;\n@menu-item-padding-y: 6px;\n@menu-item-icon-margin-right: 8px;\n@messagebox-label-padding: 27px;\n@messagebox-max-width: 473px;\n@filechooser-max-width: 473px;\n@mobile-popup-title-margin-right: 30px;\n@mobile-popup-title-margin-top: 10px;\n@mode-padding-x: 12px;\n@mode-padding-y: 6px;\n@mode-padding-dense-x: 5px;\n@mode-padding-dense-y: 3px;\n@mode-border-width: 1px;\n@mode-selector-alternative-border-width: 3px;\n@notification-no-icon-padding-y: 13px;\n@outline-breadcrumb-node-padding-x: @outline-title-padding-left;\n@outline-breadcrumb-node-padding-y: 12px;\n@outline-data-padding-top: 16px;\n@outline-font-size: @font-size-normal;\n@outline-node-control-padding-left: @outline-title-padding-left;\n@outline-node-control-padding-y: @outline-node-padding-y;\n@outline-node-control-line-height: @tree-node-control-line-height;\n@outline-node-font-icon-line-height: @tree-node-font-icon-line-height;\n@outline-node-font-icon-size: 16px;\n@outline-node-padding-left: 37px;\n@outline-node-padding-right: 8px;\n@outline-node-padding-y: 9px;\n@outline-title-height: @desktop-header-height;\n@outline-title-padding-left: 20px;\n@outline-title-padding-right: 20px;\n@outline-title-icon-padding-right: 10px;\n@planner-header-button-height: 30px;\n@planner-resource-minheight: @logical-grid-row-height;\n@planner-resource-title-width: 150px;\n@planner-scale-height: 45px;\n@popup-border-radius: @border-radius-large;\n@popup-border-width: 0;\n@popup-arrow-size: 11px;\n@proposal-chooser-padding-x: 12px;\n@proposal-chooser-padding-y: 8px;\n@radio-button-circle-size: 18px;\n@radio-button-inner-circle-size: 10px;\n@radio-button-border-width: 1px;\n@radio-button-field-padding-y: 6px;\n@radio-button-label-padding-top: 2px;\n@radio-button-label-padding-left: 7px;\n@resource-padding-x: 5px;\n@root-group-box-padding-left: @bench-padding-x - @mandatory-indicator-width;\n@root-group-box-padding-right: @bench-padding-x;\n@scrollbar-margin: 8px;\n@scrollbar-side-padding: 5px;\n@scrollbar-side-padding-hover: 3px;\n@scrollbar-size: @scrollbar-thumb-size + 2 @scrollbar-side-padding; // thumb needs to be in the middle\n@scrollbar-thumb-size: 4px;\n@scrollbar-thumb-hover-size: 8px;\n@scroll-shadow-size-large: 10px;\n@scroll-shadow-size: 5px;\n@scroll-shadow-blur: @scroll-shadow-size;\n@scroll-shadow-spread: @scroll-shadow-size + 1; // +1 to ensure firefox does not draw a light shadow on the side of the scrollable\n@search-outline-panel-padding-bottom: 16px;\n@search-outline-panel-no-title-padding-top: 14px;\n@simple-tab-padding: 5px;\n@split-box-splitter-line-size: 3px;\n@split-box-x-splitter-padding: 19px;\n@split-box-y-splitter-padding: 6px;\n@splitter-line-size: 2px;\n@splitter-size: 16px;\n@status-font-icon-size: 16px;\n@sub-title-letter-spacing: 0.2px;\n@sub-title-font-size: 11px;\n@tab-area-border-width: @group-box-header-border-width;\n@tab-item-focus-arrow-width: 15px;\n@tab-item-focus-arrow-padding-top: @tab-item-title-padding-top;\n@tab-item-padding-x: 20px;\n@tab-area-selection-marker-height: 3px;\n@tab-item-title-padding-bottom: @group-box-title-padding-bottom;\n@tab-item-title-padding-top: @group-box-title-padding-top;\n@tab-item-title-margin-top: @group-box-header-margin-top;\n@table-aggregate-cell-font-icon-line-height: 14px;\n@table-aggregate-sum-avg-font-icon-size: 13px;\n@table-aggregate-min-max-font-icon-size: 15px;\n@table-aggregate-row-font-size: @font-size-smaller;\n@table-cell-padding-left: 10px;\n@table-cell-padding-right: @table-cell-padding-left;\n@table-cell-padding-right-last: @scrollbar-size;\n@table-cell-font-icon-size: @tree-node-font-icon-size;\n@table-cell-font-icon-line-height: @tree-node-font-icon-line-height;\n@table-control-content-padding: 10px;\n@table-control-container-height: 364px;\n@table-control-container-height-dense: 320px;\n@table-control-resize-border-width: 2px;\n@table-control-size: 40px;\n@table-footer-height: @main-menubar-height;\n@table-footer-text-filter-height: 32px;\n@table-footer-text-filter-width: 180px;\n@table-header-menu-cmd-height: 30px;\n@table-header-menu-cmd-width: 43px;\n@table-header-menu-group-padding-top: 12px;\n@table-header-menu-padding: 16px;\n@table-header-item-padding-left: @table-cell-padding-left - @table-header-item-margin-x;\n@table-header-item-padding-right: @table-cell-padding-right - @table-header-item-margin-x;\n@table-header-item-padding-right-last: @table-cell-padding-right-last - @table-header-item-margin-x;\n@table-header-item-padding-y: 5px;\n@table-header-item-margin-y: 3px;\n@table-header-item-margin-x: 3px;\n@table-header-item-min-height: 27px; // not 28 because of 2px bottom border (to make it equal height as menubar)\n@table-header-icon-font-size: 15px; // not 16 because of 2px bottom border (to really center it)\n@table-header-sort-icon-size-1: 12px;\n@table-header-sort-icon-size-2: @table-header-sort-icon-size-1 + 12px; /* bigger space when multiple icons are displayed /\n@table-info-margin-x: 15px;\n@table-menubar-padding: 8px;\n@table-row-padding-y: 7px;\n@table-row-margin-x: 0px;\n@table-row-level-padding-width: 20px;\n@table-row-control-line-height: @tree-node-control-line-height;\n@table-row-control-padding-left: @tree-node-control-padding-left;\n@table-row-control-size: @tree-node-control-size;\n@table-aggregate-padding-y-large: 15px;\n@table-aggregate-padding-y-small: 7px;\n@tag-field-tag-height: @logical-grid-row-height - 2px - 2 @tag-field-tag-margin-y;\n@tag-field-tag-margin-y: 3px;\n@tag-field-tag-margin-right: 4px;\n@tag-element-padding-x: 8px;\n@tile-padding-y: 6px; /* Optimized for a tile height of 30px (logical-grid-height) /\n@tile-padding-x: 8px;\n@title-font-weight: @font-weight-bold;\n@tile-field-padding: 20px;\n@tile-field-compact-padding-y: 10px;\n@tile-field-compact-padding-x: 15px;\n@tile-field-small-compact-padding-x: @tile-field-compact-padding-y;\n@tooltip-arrow-size: 7px;\n@tooltip-border-radius: @border-radius;\n@tooltip-border-width: 0;\n@tooltip-padding-x: 12px;\n@tooltip-padding-y: @context-menu-item-padding-y;\n@tree-node-icon-width: 16px;\n@tree-node-icon-padding-right: 9px;\n@tree-node-bitmap-icon-size: @tree-node-icon-width;\n@tree-node-bitmap-icon-margin-top: -2px;\n@tree-node-checkbox-size: 20px;\n@tree-node-checkbox-margin-top: -2px;\n@tree-node-control-checkbox-size: 20px + @tree-node-control-size;\n@tree-node-control-size: 16px;\n@tree-node-control-line-height: @font-icon-line-height;\n@tree-node-control-padding-left: 13px;\n@tree-node-font-icon-line-height: @font-icon-line-height;\n@tree-node-font-icon-size: @font-size-icon-small;\n@tree-node-padding-left: 28px;\n@tree-node-padding-right: 7px;\n@tree-node-padding-y: 7px;\n@tree-node-padding-level-diff-parent-has-icon: @tree-node-icon-width + @tree-node-icon-padding-right;\n@view-tab-key-box-bottom: 9px;\n@view-tab-icon-font-size: 20px;\n@view-tab-selected-width: 56px;\n@view-tab-margin: 6px;\n@view-tab-margin-top: 14px;\n@view-tab-selected-margin-top: 8px;\n@view-tab-border-radius: @border-radius-medium;\n@view-tab-selected-border-radius: @border-radius-large;\n@year-panel-day-height: 24px;\n@year-panel-day-line-height: @year-panel-day-height;\n@widget-popup-margin: 8px; / minimum margin to window or anchor /\n@wizard-step-padding-x: 15px;\n@wizard-steps-border-width: 1px;\n@wizard-steps-compact-height: 44px;\n@wizard-steps-height: @main-menubar-height;\n@wizard-step-icon-border-width: 1px;\n@wizard-step-icon-margin-right: 9px;\n@wizard-step-icon-size: 26px;\n\n/ -------------------------------- /\n/ Other sizes /\n/ -------------------------------- /\n@iphone5-height: 568px;\n@iphone5-width: 320px;\n@iphone6-width: 375px;\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.switch {\n position: absolute;\n right: 0;\n display: flex;\n\n & > .switch-button {\n margin-top: -2px;\n }\n}\n\n.switch-label {\n margin-right: 8px;\n}\n\n.switch-button,\n.switch-button:before {\n transition: .25s ease-in-out;\n}\n\n.switch-button {\n width: 36px;\n position: relative;\n height: 22px;\n border-radius: 11px;\n background-color: @switch-background-color;\n cursor: pointer;\n border: solid 1px @switch-border-color;\n --activated-border-color: @switch-activated-border-color;\n --activated-background-color: @switch-activated-background-color;\n\n &:before {\n content: '';\n display: block;\n position: absolute;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n top: 2px;\n left: 2px;\n border: solid 1px @switch-button-border-color;\n background-color: @switch-button-background-color;\n }\n\n &.activated {\n background-color: var(--activated-background-color);\n border-color: var(--activated-border-color);\n\n &:before {\n background-color: @switch-button-activated-background-color;\n border-color: @switch-button-activated-border-color;\n left: calc(~'100% - 18px');\n }\n }\n\n .disabled > & {\n background-color: @switch-disabled-background-color;\n border-color: @switch-disabled-border-color;\n cursor: unset;\n\n &::before {\n background-color: @switch-button-disabled-background-color;\n border-color: @switch-button-disabled-border-color;\n }\n\n &.activated {\n background-color: @disabled-color;\n border-color: @disabled-color;\n\n &::before {\n background-color: @switch-button-activated-background-color;\n border-color: @switch-button-activated-border-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-row-level-padding {\n width: @table-row-level-padding-width;\n}\n\n.table {\n position: relative;\n --table-row-margin-x: @table-row-margin-x;\n --table-row-padding-y: @table-row-padding-y;\n --table-aggregate-row-padding-y-small: @table-aggregate-padding-y-small;\n --table-aggregate-row-padding-y-large: @table-aggregate-padding-y-large;\n\n &:focus,\n &.focused,\n &.perma-focus {\n outline: none;\n\n & > .table-data > .table-row {\n &.selected {\n background-color: @item-selection-background-color;\n\n &::after {\n border-color: @item-selection-border-color;\n }\n }\n }\n }\n\n &.checkable {\n & > .table-data > .table-row {\n cursor: pointer;\n }\n\n &.disabled > .table-data > .table-row,\n & > .table-data > .table-row.disabled {\n cursor: default;\n }\n }\n\n / Used for scout.Table.CheckableStyle.TABLE_ROW /\n\n &.table-row-check {\n & > .table-data {\n & > .table-row {\n &.selected {\n / Don't draw selection /\n background-color: transparent;\n\n &::after {\n display: none;\n }\n }\n\n &:hover {\n background-color: @hover-background-color;\n }\n }\n\n & > .table-row.disabled,\n &.disabled > .table-row {\n background-color: transparent;\n }\n\n & > .table-row {\n &.checked,\n &.checked.selected {\n / Mark checked rows with a background color /\n background-color: @table-row-checked-background-color;\n\n & > .table-cell {\n color: @table-row-checked-color;\n }\n\n &:hover {\n background-color: @selected-hover-background-color;\n }\n }\n }\n\n & > .table-row.disabled,\n &.disabled > .table-row {\n &.checked,\n &.checked.selected {\n background-color: @selected-disabled-background-color;\n }\n }\n }\n\n &.keyboard-navigation:focus,\n &.keyboard-navigation.focused {\n & > .table-data > .table-row {\n &.selected {\n background-color: @hover-background-color;\n\n &.checked {\n background-color: @selected-hover-background-color;\n }\n }\n }\n }\n }\n\n &.structured {\n .table-row:not(.leaf) {\n background-color: @table-structure-row-background-color;\n font-weight: bold;\n }\n }\n\n & > .tile-accordion {\n padding-top: 20px;\n padding-left: 20px;\n padding-right: 15px;\n\n & > .group > .tile-grid {\n padding: 0;\n }\n }\n\n & > .tile-table-header {\n padding-left: 20px;\n padding-right: 20px;\n\n & > .group-box-body {\n padding-bottom: 6px;\n }\n }\n\n &.dimmed-background {\n background-color: @dimmed-background-color;\n\n & > .menubar {\n background-color: inherit;\n }\n }\n\n & > .filter-field {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--controls-height)) / 2);\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--controls-height)) / 2);\n }\n\n .has-menubar.menubar-bottom& {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--controls-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--controls-height)) / 2);\n }\n }\n\n .has-cell-editor-popup& {\n opacity: 0;\n visibility: hidden;\n\n // start the \"fade out\" transition right away\n --filter-field-opacity-transition-delay: 0s;\n // set visibility to hidden right after the \"fade out\" transition ends\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n }\n}\n\n.table-data {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n :not(.header-invisible) > & {\n / Draw the .table-data div one pixel higher, over the header (for selection border).\n Add the padding to keep the size of the first row and not overdraw the header line with the row background /\n margin-top: -1px;\n padding-top: 1px;\n }\n\n & > .scrollbar.y-axis {\n / Make scrollbar visually centered /\n margin-top: @scrollbar-margin + 1px;\n }\n\n & > .table-row,\n & > .table-aggregate-row,\n & > .table-data-fill,\n & > .scrollbar {\n opacity: 1;\n transition: opacity @loading-fade-duration;\n }\n\n & > .scrollbar {\n z-index: 2; // should lay over cell editor popup\n }\n}\n\n.table {\n &:not(.knight-rider-loading) > .table-data.loading {\n & > .table-row,\n & > .table-aggregate-row,\n & > .table-data-fill,\n & > .scrollbar {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.knight-rider-loading > .loading-indicator {\n #scout.loading-indicator-knight-rider;\n }\n}\n\n.table-data-fill {\n background-color: @border-color; / actual style is set by JS, this is used for the line color (see _applyFillerStyle) /\n}\n\n.table-row,\n.table-aggregate-row {\n position: relative;\n}\n\n.table-row {\n &:active {\n background-color: @table-row-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-nonfocus-background-color;\n\n &::after {\n #scout.item-selection-border();\n z-index: 1; // Ensure selection covers aggregate row which is moved -1px to top\n }\n }\n\n &.select-top::after,\n &.select-middle::after {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.select-middle::after,\n &.select-bottom::after {\n border-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &.select-single,\n &.select-top {\n &::after {\n / Move the selection 1px up to cover the bottom border of the previous row. /\n top: -1px;\n height: calc(100% + 1px);\n }\n\n .header-invisible > .table-data > &.first::after {\n // Move to 0 again to make selection fully visible.\n // Don't change height to have the same size as for other rows\n top: 0;\n }\n }\n\n &.checked {\n background-color: @table-row-checked-background-color;\n }\n}\n\n.table-row {\n margin-left: var(--table-row-margin-x);\n margin-right: var(--table-row-margin-x);\n}\n\n.table-cell {\n color: @text-color;\n display: table-cell;\n padding: var(--table-row-padding-y) @table-cell-padding-right var(--table-row-padding-y) @table-cell-padding-left;\n border-bottom: 1px solid @table-row-border-color;\n position: relative;\n #scout.overflow-ellipsis();\n vertical-align: top; / for multiline text /\n\n .last-row-at-bottom > .table-row.last > & {\n border-bottom: 0;\n }\n\n .table-row.disabled > & {\n / Table row is disabled -> use lighter disabled color /\n color: @disabled-color;\n }\n\n .disabled > .table-row > & {\n / Whole table is disabled -> use darker disabled color /\n color: @text-disabled-color;\n }\n\n .disabled.read-only > .table-data > .table-row > & {\n color: @read-only-color;\n }\n\n .table-row.checked > & {\n color: @table-row-checked-color;\n }\n\n &.empty,\n &.icon-only {\n // Disable ellipsis if only icon is shown.\n // Also disable it on empty cells, because IE would display it for very narrow columns even if content is ' '\n text-overflow: clip;\n }\n\n &.last.halign-left,\n &.last.halign-center,\n &.last.halign-right {\n padding-right: @table-cell-padding-right-last;\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.editable::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n #scout.triangle-top-left(5px, @border-color);\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.mandatory::before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n border: none;\n color: @border-color;\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.editable.has-error::before {\n #scout.triangle-top-left-color(@error-color);\n }\n\n .table:not(.disabled) > .table-data > .table-row:not(.disabled) > &.mandatory.has-error::before {\n color: @error-color;\n }\n\n &.table-node {\n\n & > .table-row-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n padding: var(--table-row-padding-y) 8px var(--table-row-padding-y) @table-row-control-padding-left;\n cursor: pointer;\n line-height: @table-row-control-line-height; /* Necessary to align with the text, depends on the used font size /\n\n &::before {\n display: block;\n #scout.font-icon();\n font-size: @table-row-control-size;\n content: @icon-angle-right;\n color: @table-row-control-color;\n\n .expanded& {\n / This \"imprecise\" angle is a workround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n #scout.transform(rotate(89.99deg));\n }\n }\n\n &:hover::before {\n color: @highlight-color;\n }\n }\n }\n\n &.checkable {\n / same padding for left and right, it's by purpose /\n padding: calc(var(--table-row-padding-y) - @checkable-cell-padding-adjustment) @table-cell-padding-left 0 @table-cell-padding-left;\n cursor: pointer;\n text-overflow: clip;\n\n .grouping-style-top > .table-aggregate-cell& {\n padding-top: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-bottom: 3px;\n }\n\n .grouping-style-bottom > .table-aggregate-cell& {\n padding-bottom: calc(var(--table-aggregate-row-padding-y-large) - 1px);\n padding-top: 3px;\n }\n }\n\n &.checkable.disabled,\n .table.disabled > .table-data > .table-row > &.checkable {\n cursor: default;\n }\n\n & > .check-box {\n\n .table.disabled > .table-data > .table-row > & {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &.undefined {\n #scout.checkbox-undefined-disabled();\n }\n }\n }\n\n &.halign-right {\n text-align: right;\n padding-right: @table-cell-padding-left;\n padding-left: @table-cell-padding-right;\n\n &.table-aggregate-cell {\n direction: rtl;\n\n & > .text, & > .table-cell-icon {\n direction: ltr;\n }\n }\n }\n\n &.halign-center {\n text-align: center;\n padding-right: @table-cell-padding-left;\n }\n}\n\n.table-cell-icon {\n .font-icon& {\n color: @icon-color;\n font-size: @table-cell-font-icon-size;\n line-height: @table-cell-font-icon-line-height;\n vertical-align: top;\n\n .disabled & {\n color: @disabled-color;\n }\n }\n\n .image-icon& {\n / vertical-align-bottom is necessary to remove the bottom margin of the image /\n vertical-align: bottom;\n }\n\n .with-text& {\n margin-right: 8px;\n }\n\n .table-row.checked > .table-cell > & {\n color: @text-selection-color;\n }\n}\n\n.table-aggregate {\n overflow: hidden;\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: @table-aggregate-row-font-size;\n\n & > .table-cell {\n padding: var(--table-row-padding-y) @table-cell-padding-right 0 @table-cell-padding-left;\n border-bottom: 0;\n height: 100%;\n }\n}\n\n.table-aggregate-row {\n background-color: @table-aggregate-row-background-color;\n min-width: 100%;\n border-top: 1px solid @table-row-border-color;\n border-bottom: 1px solid @table-row-border-color;\n margin-top: -1px; // top border should cover bottom border of the previous row\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n font-size: @table-aggregate-row-font-size;\n\n & > .table-cell {\n border-bottom: 0;\n }\n\n &.grouping-style-top > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-large);\n padding-bottom: var(--table-aggregate-row-padding-y-small);\n }\n\n &.grouping-style-bottom > .table-aggregate-cell {\n padding-top: var(--table-aggregate-row-padding-y-small);\n padding-bottom: var(--table-aggregate-row-padding-y-large);\n }\n}\n\n.table-aggregate-cell {\n font-weight: bold;\n overflow: visible;\n vertical-align: middle;\n\n & > .text {\n display: inline-block;\n vertical-align: middle;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .table-cell-icon {\n display: inline-block;\n color: @text-color;\n vertical-align: middle;\n line-height: @table-aggregate-cell-font-icon-line-height;\n }\n\n &.sum > .table-cell-icon,\n &.avg > .table-cell-icon {\n font-size: @table-aggregate-sum-avg-font-icon-size;\n }\n\n &.min > .table-cell-icon,\n &.max > .table-cell-icon {\n font-size: @table-aggregate-min-max-font-icon-size;\n }\n\n / if aggregation is based on selected rows /\n\n &.selection,\n &.selection > .table-cell-icon {\n color: @table-aggregate-cell-selection-color;\n }\n}\n\n.before-aggregate-row > .table-cell {\n border-bottom-color: transparent;\n}\n\n.column-background-effect-bar-chart {\n background-color: @column-background-effect-bar-chart-background-color;\n}\n\n.column-background-effect-gradient1-start {\n background-color: @column-background-effect-gradient1-start-background-color;\n}\n\n.column-background-effect-gradient1-end {\n background-color: @column-background-effect-gradient1-end-background-color;\n}\n\n.column-background-effect-gradient2-start {\n background-color: @column-background-effect-gradient2-start-background-color;\n}\n\n.column-background-effect-gradient2-end {\n background-color: @column-background-effect-gradient2-end-background-color;\n}\n\n/ key box /\n\n.table-row > .key-box {\n top: calc(~'50% - ' 23px / 2);\n}\n\n.table-controls > .table-control > .key-box {\n bottom: 4px;\n}\n\n.table .key-box.char {\n top: calc(~'50% - ' 21px / 2);\n}\n\n/ Animation: rotate from 0 -> 90 deg /\n\n@-webkit-keyframes expand-rotate {\n .keyframes-expand-rotate();\n}\n\n@keyframes expand-rotate {\n .keyframes-expand-rotate();\n}\n\n.keyframes-expand-rotate() {\n 00% { / see comment on top /\n #scout.transform(rotate(0deg));\n }\n 100% {\n #scout.transform(rotate(89.99deg));\n }\n}\n\n.animation-expand-rotate() {\n #scout.animation-name(expand-rotate);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.expand-rotate {\n\n &::before {\n .animation-expand-rotate();\n }\n}\n\n\n/ Animation: rotate collapse 90 -> 0 deg /\n\n@-webkit-keyframes collapse-rotate {\n .keyframes-collapse-rotate();\n}\n\n@keyframes collapse-rotate {\n .keyframes-collapse-rotate();\n}\n\n.keyframes-collapse-rotate() {\n 00% { / see comment on top /\n #scout.transform(rotate(89.99deg));\n }\n 100% {\n #scout.transform(rotate(0deg));\n }\n}\n\n.animation-collapse-rotate() {\n #scout.animation-name(collapse-rotate);\n #scout.animation-duration(0.3s);\n #scout.animation-iteration-count(1);\n #scout.animation-timing-function(ease-out);\n}\n\n.collapse-rotate {\n\n &::before {\n .animation-collapse-rotate();\n }\n}\n\n/ Required because arrow up/down symbol is not properly vertically aligned with the rest of the sort/group text /\n.sort-symbol {\n top: -1.25px;\n position: relative;\n}\n\n.organize-columns-behind-scrollbar-column.table-cell.last {\n padding: 0;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\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: 2;\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: 2; // Must not be smaller than z-index of scrollbar, see Table.less\n / Reset nowrap, forms may have fields which need wrapping (e.g. label field) /\n white-space: normal;\n\n &:not(.has-resizer) {\n border-top: 2px solid @border-color;\n }\n}\n\n.table-control-content {\n height: 100%;\n width: 100%;\n\n & > .form {\n background-color: @table-control-container-background-color;\n\n & > .root-group-box {\n\n & > .group-box-body {\n / to make sure fields are not drawn over the menubar when making table control container very small /\n overflow: hidden;\n }\n\n & > .main-menubar {\n #scout.main-menubar-light;\n border-color: transparent;\n }\n }\n }\n}\n\n.table-controls {\n position: absolute;\n height: 100%;\n margin-left: @bench-padding-x;\n display: flex;\n align-items: center;\n}\n\n.table-info {\n position: absolute;\n right: 0;\n display: inline-flex;\n align-items: center;\n height: 100%;\n margin-right: @bench-padding-x - @table-info-margin-x;\n}\n\n.table-filter {\n position: relative;\n margin-right: @table-info-margin-x;\n}\n\n.table-text-filter {\n min-height: @table-footer-text-filter-height;\n width: @table-footer-text-filter-width;\n font-size: 13px;\n\n &:focus {\n &.has-text {\n padding-right: @text-field-padding-x + 15px;\n\n & ~ .clear-icon {\n display: flex;\n }\n }\n }\n\n & ~ .clear-icon {\n display: none;\n position: absolute;\n right: 0;\n top: 0;\n min-height: @table-footer-text-filter-height;\n }\n}\n\n.table-info-item.hiding {\n visibility: hidden;\n}\n\n.table-info-load,\n.table-info-status,\n.table-info-filter,\n.table-info-selection {\n flex-shrink: 0;\n flex-grow: 0;\n color: @table-info-color;\n cursor: pointer;\n line-height: 19px;\n font-size: @font-size-smaller;\n #scout.overflow-nowrap();\n\n / margins are used instead of paddings for a better animation /\n\n & > span {\n display: block;\n margin: 0 @table-info-margin-x\n }\n\n &.disabled {\n cursor: default;\n\n & > .table-info-button {\n color: @table-info-color;\n }\n }\n\n & > .table-info-button {\n color: @link-color;\n\n & > .key-box {\n bottom: 2px;\n }\n }\n\n &:hover > .table-info-button {\n color: @link-hover-color;\n }\n\n &:active > .table-info-button {\n color: @link-active-color;\n }\n}\n\n.table-info-status {\n padding-top: 0;\n line-height: @table-footer-height;\n color: @table-info-color;\n\n &:hover {\n color: @table-info-hover-color;\n }\n\n / normal /\n\n & > .font-icon {\n display: inline-block;\n line-height: normal;\n vertical-align: middle;\n padding-top: 8px; / controls distance to tooltip /\n padding-bottom: 11px; / larger than padding-top, to move icon to optical middle /\n\n &::before {\n content: @icon-info;\n #scout.font-icon();\n font-size: 22px;\n }\n }\n\n / error /\n\n &.error > .font-icon::before {\n #scout.animation(attention 5s linear infinite);\n content: @icon-error;\n }\n\n &.error.tooltip-active {\n color: @table-info-error-color;\n }\n\n &.error.tooltip-active:hover {\n color: @table-info-error-hover-color;\n }\n\n / warning /\n\n &.warning > .font-icon::before {\n content: @icon-error;\n }\n\n &.warning.tooltip-active {\n color: @table-info-warning-color;\n }\n\n &.warning.tooltip-active:hover {\n color: @table-info-warning-hover-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-header {\n position: relative;\n white-space: nowrap;\n overflow: hidden;\n background-color: @table-header-background-color;\n border-bottom: 2px solid @table-header-border-color;\n z-index: 0; / begin new stacking context /\n padding-left: var(--table-row-margin-x);\n padding-right: var(--table-row-margin-x);\n\n // TableHeader.js will set a border width if the row has one for the selection\n border-left: 0 solid transparent;\n\n &.disabled:not(.read-only) {\n color: @text-disabled-color;\n }\n}\n\n.table-header > .menubar-container {\n position: absolute;\n right: 0;\n top: 0;\n height: 100%;\n / Do not use transparent color here, because otherwise header items would be visible behind /\n background-color: inherit;\n z-index: 1;\n margin-left: @table-header-item-margin-x;\n\n & > .menubar {\n height: 100%;\n background-color: transparent;\n border: none;\n\n & > .menubar-box > .menu-item {\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n margin-right: @table-header-item-margin-x;\n min-height: @table-header-item-min-height;\n\n & > .font-icon {\n font-size: @table-header-icon-font-size;\n }\n\n &.menu-icononly {\n padding: 0;\n min-width: @table-header-item-min-height;\n }\n }\n }\n}\n\n.table-header-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n font-weight: @font-weight-bold;\n font-size: @font-size-smaller;\n color: @table-header-item-color;\n padding: @table-header-item-padding-y @table-header-item-padding-right @table-header-item-padding-y @table-header-item-padding-left;\n // + 1px because resizer takes 1px on the right\n margin: @table-header-item-margin-y @table-header-item-margin-x + 1 @table-header-item-margin-y @table-header-item-margin-x;\n min-height: @table-header-item-min-height;\n\n / Vertical align is necessary for 2 things: /\n / 1. Alignment in case of multiline headers. /\n / 2. A correct header height, see http://stackoverflow.com/questions/20566710/overflowhidden-displayinline-block-moves-text-upwards /\n vertical-align: middle;\n cursor: pointer;\n border-radius: @border-radius;\n\n &.last {\n // Resizer is also moved 1px to the left, see resize rule below\n margin-right: @table-header-item-margin-x;\n }\n\n &.halign-right {\n justify-content: flex-end;\n text-align: right; // Necessary for multiline header\n padding-right: @table-header-item-padding-left;\n padding-left: @table-header-item-padding-right;\n }\n\n &.halign-center {\n justify-content: center;\n text-align: center; // Necessary for multiline header\n padding-right: @table-header-item-padding-left;\n }\n\n &.last.halign-left,\n &.last.halign-center,\n &.last.halign-right {\n padding-right: @table-header-item-padding-right-last;\n }\n\n &.sorted,\n &.grouped,\n &.filtered {\n / make room for icon /\n padding-right: @table-header-item-padding-right + @table-header-sort-icon-size-1;\n\n &.halign-right,\n &.halign-center {\n padding-right: @table-cell-padding-left + @table-header-sort-icon-size-1;\n }\n }\n\n &.sorted.grouped,\n &.sorted.filtered {\n / make some more room /\n padding-right: @table-header-item-padding-right + @table-header-sort-icon-size-2;\n\n &.halign-right,\n &.halign-center {\n padding-right: @table-cell-padding-left + @table-header-sort-icon-size-2;\n }\n }\n\n &.moving,\n &.releasing {\n // Don't show hover state of underlying item\n z-index: 1;\n }\n\n &.moving > .table-header-item-state {\n display: none;\n }\n\n &:hover {\n color: @hover-color;\n background-color: @hover-background-color;\n }\n\n &.active, &:active,\n &.moving {\n background-color: @active-background-color;\n }\n\n &.selected {\n background-color: @selected-with-popup-background-color;\n color: @active-color;\n z-index: 1;\n }\n\n &.disabled {\n cursor: default;\n / Override default disabled text color, because \"disabled\" in the table header means something different /\n color: @table-header-item-color;\n background-color: inherit;\n }\n\n &.filler {\n padding: 0;\n margin: 0;\n border: 0;\n cursor: default;\n }\n\n & > .icon {\n &.font-icon {\n font-size: @table-header-icon-font-size;\n }\n\n &.with-text {\n margin-right: 8px;\n }\n }\n}\n\n.table-header-item-text {\n #scout.overflow-ellipsis-nowrap();\n margin-top: @text-margin-top;\n}\n\n.table-header-item-state {\n position: absolute;\n display: flex;\n align-items: center;\n right: 0;\n top: 0;\n font-weight: normal;\n font-size: @font-size-extra-small;\n color: @table-header-item-state-color;\n height: 100%;\n\n & > .left {\n padding-left: 3px;\n }\n\n &.grouped.filtered > .left {\n padding-top: 0;\n }\n\n & > .right {\n color: @table-header-sort-color;\n margin-top: -3px;\n font-size: 16px;\n padding-left: 3px;\n padding-right: 3px;\n }\n\n &.sort-desc > .right::after {\n content: @icon-arial-long-arrow-down;\n }\n\n &.sort-asc > .right::after {\n content: @icon-arial-long-arrow-up;\n }\n}\n\n.table-header-resize {\n position: absolute;\n display: inline-block;\n top: 0;\n height: 100%;\n width: 17px;\n padding: 10px 8px;\n margin-left: -9px;\n background-color: @table-header-resize-color;\n background-clip: content-box;\n z-index: 1;\n\n &:not(.disabled) {\n cursor: col-resize;\n\n &:hover {\n background-color: @table-header-resize-hover-color;\n }\n }\n\n .table-header-item.last + & {\n margin-left: -8px; // Ensure resizer of the last column is not visible when columns use the whole width\n }\n\n .table-header.moving > & {\n / Hide separators while moving, because their position will not be updated until the move-end event /\n visibility: hidden;\n }\n}\n\n/ Temporary element inserted in header and data area during resizing of a column /\n.table-column-resize-helper {\n position: absolute;\n top: 0;\n left: 0;\n background-color: transparent;\n height: 1px;\n / width is set dynamically by TableHeader.js /\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-header-menu {\n #scout.popup-2();\n margin: @widget-popup-margin;\n white-space: nowrap;\n overflow: hidden;\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n\n.table-header-menu-body {\n position: relative;\n height: 100%;\n width: 100%;\n}\n\n.table-header-menu-actions {\n display: inline-block;\n vertical-align: top;\n padding: @table-header-menu-padding;\n\n & > .table-header-menu-group > .table-header-menu-group-text {\n // Increase size a little to ensure every text is fully visible, at least for german and english (currently necessary for additional sorting group)\n width: calc(100% + 12px);\n }\n}\n\n.table-header-menu-filters {\n display: inline-block;\n vertical-align: top;\n width: 250px;\n padding: 0 @table-header-menu-padding 0 @table-header-menu-padding;\n margin: @table-header-menu-padding 0 @table-header-menu-padding 0;\n\n .table-header-menu-body.compact > & {\n display: block;\n height: auto;\n margin-top: 5px;\n }\n\n & > .table-header-menu-group > .form-field {\n position: relative;\n }\n}\n\n.table-header-menu-group {\n padding-top: @table-header-menu-group-padding-top;\n padding-bottom: 5px;\n\n &.first {\n padding-top: 0;\n }\n\n &.last {\n padding-bottom: 0;\n }\n\n &.buttons {\n padding-bottom: 35px;\n\n &.last {\n padding-bottom: 29px;\n }\n }\n}\n\n.table-header-menu-group-text {\n font-weight: bold;\n color: @label-color;\n padding-bottom: 4px;\n #scout.overflow-ellipsis-nowrap();\n}\n\n.table-header-menu-command {\n float: left;\n width: @table-header-menu-cmd-width;\n margin-right: 10px;\n height: @table-header-menu-cmd-height;\n\n &:focus {\n #scout.focus-border();\n outline: none;\n }\n\n &.last {\n margin-right: 0;\n }\n\n & > .icon::after {\n position: relative;\n left: 3px;\n top: -3px;\n font-size: 13px;\n }\n\n &.move-top > .icon::before {\n content: @icon-angle-double-left;\n }\n\n &.move-up > .icon::before {\n content: @icon-angle-left;\n }\n\n &.move-down > .icon::before {\n content: @icon-angle-right;\n }\n\n &.move-bottom > .icon::before {\n content: @icon-angle-double-right;\n }\n\n &.sort-asc > .icon::before,\n &.sort-asc-add > .icon::before {\n content: @icon-long-arrow-up;\n }\n\n &.sort-desc > .icon::before,\n &.sort-desc-add > .icon::before {\n content: @icon-long-arrow-down;\n }\n\n &.sort-asc-add,\n &.sort-desc-add {\n & > .icon::after {\n content: @icon-plus;\n display: inline-block; / fix for pointer-events: none in IE11 /\n }\n\n &.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px; / limit height otherwise arrow would move up in some browsers /\n }\n }\n\n &.add-column > .icon::before {\n content: @icon-plus;\n }\n\n &.remove-column > .icon::before {\n content: @icon-minus;\n }\n\n &.change-column > .icon::before {\n content: @icon-pencil;\n }\n\n &.togglable.selected:hover {\n & > .icon::before {\n content: @icon-remove;\n }\n\n & > .icon::after {\n content: '';\n }\n }\n\n &.hierarchy-collapse-all > .icon::before {\n content: @icon-collapse-all;\n }\n\n &.hierarchy-expand-all > .icon::before {\n content: @icon-expand-all;\n }\n\n &.group > .icon::before,\n &.group-add > .icon::before {\n content: @icon-group;\n }\n\n &.group-add {\n & > .icon::after {\n content: @icon-plus;\n display: inline-block; / fix for pointer-events: none in IE11 /\n }\n\n &.selected > .icon::after {\n content: attr(data-icon);\n font-size: 12px;\n line-height: 12px; / limit height otherwise arrow would move up in some browsers /\n }\n }\n\n &.aggregation-function {\n\n &.sum > .icon::before {\n content: @icon-sum;\n }\n\n &.avg > .icon::before {\n content: @icon-avg;\n }\n\n &.max > .icon::before {\n content: @icon-max;\n }\n\n &.min > .icon::before {\n content: @icon-min;\n }\n }\n\n &.color-gradient1 {\n background-image: linear-gradient(to right, @column-background-effect-gradient1-start-background-color, @column-background-effect-gradient1-end-background-color);\n }\n\n &.color-gradient2 {\n background-image: linear-gradient(to right, @column-background-effect-gradient2-start-background-color, @column-background-effect-gradient2-end-background-color);\n }\n\n &.color-bar-chart {\n background-image: linear-gradient(to right, @column-background-effect-bar-chart-background-color 0, @column-background-effect-bar-chart-background-color 65%, @palette-white 65%, @palette-white 100%);\n background-color: transparent;\n }\n\n &.color {\n &:hover {\n border-width: 2px;\n }\n\n &.selected {\n border-width: 2px;\n\n &.togglable:hover {\n background-image: none;\n }\n }\n }\n}\n\n.table-header-menu-filter-actions {\n float: right;\n}\n\n.table-header-menu-filter-toggle-checked {\n display: inline;\n}\n\n.table-header-menu-filter-table.table-row-check {\n border: 1px solid @control-border-color;\n border-radius: @border-radius;\n\n & > .table-data {\n margin-top: 0;\n padding: 3px;\n\n & > .table-row {\n border-radius: @border-radius;\n margin-bottom: 2px;\n\n &.last {\n margin-bottom: 0;\n }\n\n & > .table-cell {\n border: 0;\n\n &.halign-right {\n padding-right: 12px;\n }\n }\n }\n }\n}\n\n.table-header-menu-filter-number-column {\n font-size: @font-size-small;\n color: @table-header-menu-filter-number-column-color;\n vertical-align: middle;\n}\n\n.table-header-menu-toggle-sort-order {\n float: left;\n padding-right: @table-header-menu-padding;\n\n &::before {\n #scout.font-icon();\n }\n}\n\n.table-header-menu-toggle-sort-order-alphabetically::before {\n content: @icon-sort-alpha-asc-bold;\n}\n\n.table-header-menu-toggle-sort-order-amount::before {\n content: @icon-sort-amount-desc-bold;\n}\n\n/ Filter fields group-box /\n.filter-fields {\n padding: 0;\n\n & > .group-box-body {\n padding: 0;\n\n & > .form-field > label {\n margin-left: 0;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-row-detail {\n padding: @compact-outline-node-padding-y @compact-outline-node-padding-x;\n line-height: 25px;\n}\n\n.table-row-detail-name {\n margin-right: 4px;\n color: @label-color;\n font-size: @field-label-font-size;\n}\n\n.table-row-detail-value {\n white-space: normal;\n #scout.user-select(text);\n}\n\n.table-row-detail-icon {\n &.with-text {\n margin-right: 8px;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.table-control {\n position: relative;\n color: @table-control-color;\n cursor: pointer;\n border-radius: @border-radius-medium;\n margin-right: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: @table-control-size;\n height: @table-control-size;\n\n & > .font-icon {\n font-size: 22px;\n }\n\n &:hover {\n color: @table-control-hover-color;\n background-color: @hover-background-color;\n }\n\n &:active {\n color: @table-control-active-color;\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @table-control-selected-color;\n background-color: @table-control-selected-background-color;\n }\n\n &.disabled {\n cursor: default;\n color: @table-control-disabled-color;\n background-color: transparent;\n }\n}\n\n.tooltip.table-control-tooltip {\n / move tooltip a little down, make sure it is on the same height as other table footer tooltips (table-info, table-status) /\n margin-top: 8px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.cell-editor-popup {\n / make sure it is behind the scrollbar but above selection /\n z-index: 1;\n}\n\n.cell-editor-field {\n --padding-top: var(--table-row-padding-y) - @item-selection-border-width;\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width;\n padding: calc(var(--padding-top)) @table-cell-padding-right - @item-selection-border-width calc(var(--padding-bottom)) @table-cell-padding-left - @item-selection-border-width;\n border-width: @item-selection-border-width;\n background-color: @cell-editor-background-color;\n\n .cell-editor-popup.overflow-top & {\n --padding-top: var(--table-row-padding-y) - @item-selection-border-width + 1px; // cell editor is moved up by 1px\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width + 1px; // bottom row has 1px border\n }\n\n .cell-editor-popup.overflow-bottom & {\n --padding-bottom: var(--table-row-padding-y) - @item-selection-border-width + 2px; // bottom row has 1px border and cell editor is moved down by 1px\n }\n\n &:focus,\n &.focused {\n border-color: @item-selection-border-color;\n box-shadow: none;\n\n &.has-error {\n border-color: @error-border-color;\n box-shadow: none;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n\n@table-compact-cell-line-height: 20px;\n\n.compact-cell-title {\n display: flex;\n align-items: baseline;\n line-height: @table-compact-cell-line-height;\n\n & > .left {\n flex-grow: 1;\n font-weight: @title-font-weight;\n #scout.overflow-ellipsis();\n }\n\n & > .right {\n flex-grow: 0;\n / in case it wraps when title is large /\n text-align: right;\n }\n}\n\n.compact-cell-subtitle {\n color: @sub-title-color;\n #scout.overflow-ellipsis();\n\n &:not(:empty) {\n padding-top: 2px;\n }\n}\n\n.compact-cell-content,\n.compact-cell-more-content {\n line-height: @table-compact-cell-line-height;\n}\n\n.compact-cell-content.has-header,\n.compact-cell-more-content.has-header {\n color: @table-compact-cell-content-color;\n}\n\n.compact-cell-more {\n line-height: @table-compact-cell-line-height;\n}\n\n.compact-cell-content:not(:empty).has-header {\n padding-top: 5px;\n}\n\n.compact-cell-line {\n #scout.overflow-ellipsis();\n}\n\n.compact-cell-line-label {\n font-size: @field-label-font-size;\n color: @label-color;\n\n &:not(:empty) {\n margin-right: 4px;\n }\n\n & > .icon {\n margin-right: 2px;\n }\n}\n\n.compact-cell-line-label,\n.compact-cell-line-value {\n & > .icon.with-text {\n margin-right: 8px;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-element,\n.overflow-icon {\n display: inline-flex;\n user-select: none;\n white-space: nowrap;\n color: @tag-text-color;\n outline: none;\n border-radius: @border-radius;\n background-color: @tag-element-background-color;\n height: @tag-field-tag-height;\n line-height: @tag-field-tag-height;\n margin: @tag-field-tag-margin-y @tag-field-tag-margin-right 0 0;\n overflow: hidden; // Keep rounded edges on remove icon hover\n\n &.focused:not(:hover) {\n background-color: @tag-element-focus-background-color;\n }\n}\n\n.tag-element {\n & > .tag-text {\n max-width: 85px;\n #scout.overflow-ellipsis();\n padding: 0 @tag-element-padding-x;\n\n .removable& {\n padding-right: 4px;\n }\n\n .clickable& {\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n }\n }\n}\n\n.overflow-icon {\n align-items: center;\n color: @tag-icon-color;\n padding: 0 6px;\n vertical-align: bottom;\n\n &::before {\n #scout.font-icon();\n position: relative;\n font-size: 16px;\n content: @icon-angle-down-bold;\n }\n\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n\n &.selected {\n background-color: @tag-overflow-element-selected-background-color;\n color: @tag-overflow-element-selected-color;\n }\n}\n\n.tag-remove-icon {\n color: @tag-icon-color;\n display: flex;\n justify-content: center;\n width: @tag-field-tag-height;\n padding-top: 1px;\n\n &::before {\n #scout.font-icon();\n position: relative;\n content: @icon-remove-bold;\n }\n\n &:hover {\n cursor: pointer;\n background-color: @tag-element-hover-background-color;\n color: @palette-black;\n }\n\n &:active,\n &.active {\n background-color: @tag-element-active-background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tag-overflow-popup {\n padding: 8px - @tag-field-tag-margin-y 8px - @tag-field-tag-margin-right 8px 8px;\n max-width: 250px;\n overflow: hidden;\n #scout.control-popup();\n\n & > .popup-body {\n display: inline;\n }\n\n &.animate-open {\n .popup-animate-open();\n }\n\n &.animate-remove {\n .popup-animate-remove();\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.time-picker-popup {\n position: absolute;\n #scout.control-popup();\n overflow: hidden;\n max-height: 350px;\n}\n\n.time-picker-separator {\n position: absolute;\n top: 0;\n left: 46px;\n height: 100%;\n border-right: 1px @palette-gray-4 solid;\n}\n\n.time-picker {\n position: relative;\n background-color: @control-background-color;\n\n &.touch-only :not(.selected):not(.disabled):not(:active):hover {\n &,\n & > .cell {\n // Disable sticky hover effect on touch devices\n background-color: inherit;\n }\n }\n\n .touch-popup-widget-container > & {\n max-height: 300px;\n display: flex;\n justify-content: center;\n\n & > .day-table {\n padding: 0;\n\n & > .hour-row:first-child > .cell {\n margin-top: 0;\n }\n }\n }\n}\n\n.time-picker-touch-popup {\n max-width: 200px;\n\n & > .body > .touch-popup-widget-container > .time-picker-separator {\n left: 84px;\n }\n}\n\n.day-table {\n padding: 0 13px 0 3px;\n\n & > .hour-row {\n display: flex;\n\n &:hover > .hours,\n &:hover > .hours.preselected {\n background-color: @hover-background-color;\n }\n\n &:first-child > .cell {\n margin-top: 7px;\n }\n\n &:last-child > .cell {\n margin-bottom: 7px;\n }\n\n & > .cell {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: @time-picker-cell-size;\n height: @time-picker-cell-size;\n margin: 2px;\n border-radius: @time-picker-cell-border-radius;\n }\n\n & > .hours {\n color: @time-picker-hours-color;\n margin: 2px 13px 2px 4px;\n\n &.now {\n color: @date-picker-now-color;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n font-weight: @font-weight-bold;\n }\n }\n\n &.preselected {\n background-color: @time-picker-preselected-background-color;\n }\n\n &:hover + .minutes {\n background-color: @hover-background-color;\n\n &.selected {\n background-color: @time-picker-selected-background-color;\n }\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @item-selection-border-color;\n\n & > .text {\n font-weight: @font-weight-bold;\n border-bottom: 2px @selected-background-color solid;\n margin-bottom: -2px;\n }\n }\n }\n\n & > .minutes {\n\n &.now {\n color: @time-picker-now-color;\n font-weight: @font-weight-bold;\n\n & > .text {\n border-bottom: 2px @date-picker-now-color solid;\n margin-bottom: -2px;\n font-weight: @font-weight-bold;\n }\n }\n\n &.preselected {\n background-color: @time-picker-preselected-background-color;\n }\n\n &:hover {\n background-color: @hover-background-color;\n }\n\n &:active {\n background-color: @active-background-color;\n }\n\n &.selected {\n color: @time-picker-selected-color;\n background-color: @time-picker-selected-background-color;\n\n &.now > .text {\n border-color: @time-picker-now-selected-color;\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tooltip {\n position: absolute;\n background-color: @tooltip-info-background-color;\n border-radius: @tooltip-border-radius;\n border: @tooltip-border-width solid @tooltip-border-color;\n color: @tooltip-info-color;\n #scout.drop-shadow(@y: 4px, @blur: 6px, @alpha: 5%);\n max-width: 300px;\n white-space: normal;\n}\n\n.tooltip-content {\n padding: @tooltip-padding-y @tooltip-padding-x;\n position: relative;\n min-width: 60px; / Prevents tooltips with very short text from looking \"strange\" /\n #scout.overflow-ellipsis();\n font-weight: @tooltip-font-weight;\n background-color: inherit; // Necessary if arrow has a border\n border-radius: @tooltip-border-radius;\n\n .has-menus > & {\n font-weight: @font-weight-bold;\n padding-left: @context-menu-item-padding-left;\n padding-right: @context-menu-item-padding-right;\n padding-top: @tooltip-padding-y + 6px;\n }\n\n & .small {\n font-size: @font-size-small;\n font-weight: @font-weight-normal;\n color: @tooltip-small-color;\n }\n\n & > .table-cell-icon {\n // necessary to overrule default icon color in table-cell tooltips (e.g. when hovering a grouping number value having an ellipsis)\n color: @tooltip-info-color;\n }\n}\n\n.tooltip-menus {\n position: relative;\n background-color: inherit; // Necessary if arrow has a border\n margin-bottom: 6px;\n\n .no-text > & {\n margin-top: 6px;\n }\n\n & > .menu-item {\n display: flex;\n justify-content: start;\n border-radius: 0;\n padding: @tooltip-padding-y @context-menu-item-padding-right @tooltip-padding-y @context-menu-item-padding-left;\n\n &:hover {\n background-color: @tooltip-menu-hover-background-color;\n }\n\n & > .submenu-icon {\n padding-left: 5px;\n }\n\n .ok > & {\n color: @tooltip-ok-color;\n }\n\n .info > & {\n color: @tooltip-menu-color;\n }\n\n .warning > & {\n color: @tooltip-warning-color;\n }\n\n .error > & {\n color: @tooltip-error-color;\n }\n }\n}\n\n.tooltip-arrow {\n position: absolute;\n width: @tooltip-arrow-size;\n height: @tooltip-arrow-size;\n background-color: inherit;\n border: inherit;\n}\n\n.tooltip-arrow.arrow-bottom {\n bottom: 0;\n transform: translate(-50%, 50%) rotate(45deg);\n}\n\n.tooltip-arrow.arrow-top {\n top: 0;\n transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.tooltip.error {\n background-color: @tooltip-error-background-color;\n border-width: 0;\n color: @tooltip-error-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-error-background-color;\n }\n}\n\n.tooltip.warning {\n background-color: @tooltip-warning-background-color;\n border-width: 0;\n color: @tooltip-warning-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-warning-background-color;\n }\n}\n\n.tooltip.ok {\n background-color: @tooltip-ok-background-color;\n border-width: 0;\n color: @tooltip-ok-color;\n\n & > .tooltip-arrow {\n background-color: @tooltip-ok-background-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.widget-tooltip {\n max-width: none;\n\n & > .tooltip-widget-container {\n position: relative;\n padding: 10px;\n background-color: inherit;\n overflow: hidden;\n border-radius: @tooltip-border-radius;\n\n & > .widget {\n position: relative;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tree {\n position: relative;\n // The value of the css variable is read by Tree.js and added to the level padding if the parent node has an icon\n --node-padding-level-diff-parent-has-icon: @tree-node-padding-level-diff-parent-has-icon;\n\n &:focus,\n &.focused {\n outline: none;\n\n & > .tree-data {\n & > .animation-wrapper > .tree-node.selected,\n & > .tree-node.selected {\n background-color: @item-selection-background-color;\n\n &::after {\n border-color: @item-selection-border-color;\n }\n }\n }\n }\n\n & > .filter-field {\n --filter-field-max-bottom: calc(~'50% - ' (var(--filter-field-height) + var(--menubar-height)) / 2);\n bottom: calc(min(var(--filter-field-bottom), var(--filter-field-max-bottom)) + var(--menubar-height));\n\n &:not(.focused).empty {\n --filter-field-max-bottom: calc(~'50% - ' (@filter-field-icon-size + var(--menubar-height)) / 2);\n }\n }\n}\n\n.tree-data {\n / necessary for scrollbars /\n position: relative;\n overflow: hidden;\n width: 100%; / expand to outer container, needed for breadcrumb /\n\n / required because text shouldn't go into ellipsis mode when scrollbars are enabled /\n\n &.scrollable-tree {\n overflow-anchor: none;\n\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n overflow: visible;\n }\n\n & > .tree-node > .text,\n & > .animation-wrapper > .tree-node > .text {\n text-overflow: clip;\n }\n }\n\n &.checkable {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n cursor: pointer;\n }\n\n &.disabled > .tree-node,\n &.disabled > .animation-wrapper > .tree-node,\n & > .tree-node.disabled,\n & > .animation-wrapper > .tree-node.disabled {\n cursor: default;\n }\n }\n}\n\n.navigation-breadcrumb .tree-data {\n float: left;\n}\n\n.tree-node {\n display: flex;\n align-items: start;\n position: relative;\n padding: @tree-node-padding-y @tree-node-padding-right @tree-node-padding-y @tree-node-padding-left;\n #scout.overflow-ellipsis-nowrap();\n\n &:active {\n background-color: @tree-node-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-nonfocus-background-color;\n\n &::after {\n #scout.item-selection-border();\n }\n }\n\n &.disabled {\n / Tree node is disabled -> use lighter disabled color /\n color: @disabled-color;\n }\n\n .disabled > .animation-wrapper > &,\n .disabled > & {\n / Whole tree is disabled -> use darker disabled color /\n color: @text-disabled-color;\n }\n\n .disabled.read-only > .animation-wrapper > &,\n .disabled.read-only > & {\n color: @read-only-color;\n }\n\n & > .text {\n vertical-align: top;\n display: inline-block;\n flex-grow: 1;\n #scout.overflow-ellipsis-nowrap();\n }\n\n & > .icon {\n vertical-align: top;\n padding-right: @tree-node-icon-padding-right;\n display: inline-block;\n text-align: center;\n min-width: @tree-node-icon-width;\n / Use content-box for images because it leads to wrong behavior when someone sets a min-width/height\n * on an IMG element that has padding and the available space for the image is 'min-width' - 'padding'\n * See ticket 208111 /\n box-sizing: content-box;\n\n &.image-icon {\n margin-top: @tree-node-bitmap-icon-margin-top;\n / required to reserve space for bitmap icons in the tree when image resource is not yet loaded /\n min-width: @tree-node-bitmap-icon-size;\n min-height: @tree-node-bitmap-icon-size;\n }\n\n &.font-icon {\n / Necessary to align with the text, depends on the used font size /\n line-height: @tree-node-font-icon-line-height;\n font-size: @tree-node-font-icon-size;\n }\n }\n}\n\n.tree-node-checkbox {\n display: block;\n position: absolute;\n top: auto;\n left: auto;\n margin-top: @tree-node-checkbox-margin-top;\n margin-left: -@tree-node-checkbox-size - 8px;\n width: @tree-node-checkbox-size;\n height: @tree-node-checkbox-size;\n\n & > .check-box {\n &:not(.checked).children-checked {\n #scout.checkbox-undefined();\n\n // Check box gets disabled class if a single node is disabled\n &.disabled {\n #scout.checkbox-disabled();\n #scout.checkbox-undefined-disabled();\n }\n }\n\n // If the tree or a parent widget is disabled, the check box doesn't get the disabled class\n .tree.disabled > .tree-data > .tree-node > &,\n .tree.disabled > .tree-data > .animation-wrapper > .tree-node > & {\n #scout.checkbox-disabled();\n\n &.checked {\n #scout.checkbox-checked-disabled();\n }\n\n &:not(.checked).children-checked {\n #scout.checkbox-undefined-disabled();\n }\n }\n }\n}\n\n// The class can be added if the parent node should not visualize that a child node is checked.\n// Currently, there is no official property on the tree for this case because it is rarely used.\n// .tree is necessary to be more specific than rule above\n.tree.no-children-checked-style {\n & > .tree-data > .tree-node,\n & > .tree-data > .animation-wrapper > .tree-node {\n & > .tree-node-checkbox > :not(.checked).children-checked {\n background-color: inherit;\n border-color: @check-box-border-color;\n\n .disabled&,\n &.disabled {\n background-color: inherit;\n border-color: @check-box-disabled-border-color;\n }\n\n &::before {\n display: none;\n }\n }\n }\n}\n\n.tree-node-control {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n padding: @tree-node-padding-y 8px @tree-node-padding-y @tree-node-control-padding-left;\n height: 100%;\n line-height: @tree-node-control-line-height; / Necessary to align with the text, depends on the used font size /\n color: @tree-node-control-color;\n\n &::before {\n display: block;\n transition: transform 0.3s;\n #scout.font-icon();\n font-size: @tree-node-control-size;\n content: @icon-angle-right;\n\n .tree-node.lazy > & {\n font-family: @font-default-family;\n content: '+';\n / Move to left because '+' sign is not as wide as 'arrow-down' /\n margin-left: -2px;\n }\n\n .tree-node.expanded > & {\n / This \"imprecise\" angle is a workaround for firefox to prevent shifting the div a little when the animation finishes. /\n / See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 /\n #scout.transform(rotate(89.99deg));\n }\n }\n\n &:hover {\n color: @highlight-color;\n }\n}\n\n/ bread crumb style /\n.tree.breadcrumb {\n\n & > .tree-data {\n & > .tree-node,\n & > .animation-wrapper > .tree-node {\n white-space: normal;\n display: none;\n border-top: 0;\n border-bottom: 1px solid @border-color;\n padding: 8px 10px;\n\n &.ancestor-of-selected,\n &.child-of-selected,\n / Selecting a node will remove all child-of-selected classes of the parent's children, hence the selected node will be temporarily invisible.\n If that happens the active state won't be removed correctly (browser bug?). To prevent this we make sure the node will not get invisible when touched. /\n &:active {\n display: flex;\n }\n\n &.selected {\n display: flex;\n cursor: default;\n }\n\n & > .text {\n white-space: normal;\n }\n\n & > .tree-node-control {\n display: none;\n }\n }\n }\n}\n\n/ key handling /\n\n.tree-node .key-box {\n top: calc(~'50% - 11px');\n}\n\n.tree > .tree-data > .key-box {\n top: 6px;\n left: 4px;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.compact-tree {\n\n .tree-field > & {\n margin-left: @mandatory-indicator-width;\n }\n\n &:focus {\n #scout.no-focus-border;\n\n & > .tree-data > .nodes > .section > .section-node.selected {\n text-decoration: underline;\n color: @focus-color;\n }\n }\n\n & > .tree-data {\n position: relative;\n overflow: hidden;\n padding-top: 10px;\n\n & > .nodes {\n #scout.vendor(column-count, 2);\n #scout.vendor(column-gap, 24px);\n\n & > .section {\n margin-bottom: 30px;\n\n / Use full width to enlarge touch area /\n width: 100%;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n #scout.vendor(column-break-inside, avoid);\n break-inside: avoid-column;\n page-break-inside: avoid;\n\n / Hack for FF, because column-break-inside does not yet work for all elements, only for tables /\n / see: https://bugzilla.mozilla.org/show_bug.cgi?id=549114 /\n display: table;\n\n & > .title {\n font-weight: @title-font-weight;\n }\n\n & > .section-node {\n cursor: pointer;\n padding-top: 12px;\n\n &:hover {\n color: @hover-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile {\n &.newly-rendered {\n / Tile should be invisible until it has the correct position, otherwise it might be visible in the top left corner in the time between rendering and layouting /\n .invisible();\n }\n\n &.animate-visible {\n #scout.animation-name(fadein-grow);\n #scout.animation-duration(0.4s);\n }\n\n &.animate-invisible {\n #scout.animation-name(fadeout-shrink);\n #scout.animation-duration(0.3s);\n #scout.animation-fill-mode(forwards);\n }\n\n &.animate-insert {\n #scout.animation-name(fadein-zoom-bounce);\n #scout.animation-duration(0.4s);\n }\n\n &.animate-remove {\n #scout.animation-name(fadeout-shrink-blur);\n #scout.animation-duration(0.2s);\n #scout.animation-fill-mode(forwards);\n }\n}\n\n/ The default class is added if displayStyle is set to DEFAULT. If it is set to PLAIN no class will be added. /\n.default-tile {\n background-color: @tile-background-color;\n border: 1px solid @tile-border-color;\n padding: @tile-padding-y @tile-padding-x;\n\n &.selectable:active:not(.selected),\n &.selectable.active:not(.selected) {\n background-color: @tile-active-background-color;\n }\n\n &.selected {\n background-color: @item-selection-background-color;\n border-color: @item-selection-border-color;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n@tile-grid-loading-transition: opacity @loading-fade-duration;\n\n.tile-grid {\n padding: 6px 0;\n\n &:focus,\n &.focused {\n outline: none;\n }\n\n &.scrollable {\n padding-right: 15px;\n }\n\n & > .tile {\n transition: @tile-grid-loading-transition;\n }\n\n & > .scrollbar {\n opacity: 1;\n transition: @tile-grid-loading-transition;\n }\n\n &.loading {\n & > .tile,\n & > .scrollbar {\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n & > .filter-field-container {\n .scrollable& {\n top: calc(~'100% - ' 10px);\n left: 100%;\n }\n }\n}\n\n/ --------------------------------------------------------------------------- /\n/ The following CSS classes are used to to read the values from JavaScript, /\n/ see TileGridLayoutConfig.js & TileGridLayoutConfig.java /\n/ --------------------------------------------------------------------------- /\n.tile-grid-layout-config {\n width: 210px;\n height: 155px;\n margin-left: 15px; / horizontal gap /\n margin-top: 15px; / vertical gap /\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile-overview {\n background-color: @dimmed-background-color;\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n\n.tile-overview-content {\n position: absolute;\n\n margin: 42px 65px; / for larger screens /\n @media screen and (max-width: 800px) {\n / for small screens /\n margin: 20px 20px 20px 23px;\n }\n\n & > .tile-grid {\n position: relative;\n margin-bottom: 30px;\n }\n}\n\n.tile-overview-title {\n overflow: hidden;\n font-size: @font-size-extra-large;\n height: auto !important;\n padding-bottom: 20px;\n #scout.overflow-ellipsis-nowrap();\n\n &.animated {\n transition: max-height 400ms, padding-bottom 400ms;\n }\n\n &.removed {\n max-height: 0 !important;\n padding-bottom: 0;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile-accordion {\n & > .group > .tile-grid.empty {\n / Remove bottom margin if there are no tiles /\n margin-bottom: 0;\n }\n\n & > .filter-field-container {\n top: calc(~'100% - ' 16px);\n\n .scrollable& {\n left: 100%;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.placeholder-tile {\n background-color: @tile-placeholder-background-color;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard {\n border: none;\n border-radius: @dashboard-tile-border-radius;\n color: @tile-default-color;\n --tile-background-color: @tile-default-background-color;\n background-color: var(--tile-background-color);\n overflow: hidden;\n\n #scout.double-drop-shadow(@spread1: 1px, @color1: @dashboard-tile-border-color, @y2: 0px, @blur2: 0px);\n\n &.inverted {\n #scout.double-drop-shadow(@spread1: 1px, @color1: @tile-default-inverted-background-color, @y2: 0px, @blur2: 0px);\n }\n\n &.inverted.color-alternative {\n #scout.double-drop-shadow(@spread1: 1px, @color1: @tile-alternative-inverted-background-color, @y2: 0px, @blur2: 0px);\n }\n\n .dimmed-background & {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-light-alpha);\n\n &.disabled,\n &.inverted {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-dark-alpha);\n }\n }\n\n & > .form-field {\n padding: 16px @tile-field-padding @tile-field-padding;\n\n &.label-hidden {\n padding-top: @tile-field-padding;\n\n .compact& {\n // reduce padding-top only if there is no label\n // the padding with label is already fine\n padding-top: @tile-field-compact-padding-y;\n }\n }\n\n .compact& {\n padding-bottom: @tile-field-compact-padding-y;\n padding-left: @tile-field-compact-padding-x;\n padding-right: @tile-field-compact-padding-x;\n }\n\n &.no-padding {\n padding: 0;\n\n & > .field {\n border: 0;\n border-radius: 0;\n }\n }\n\n & > label {\n color: @tile-default-label-color;\n margin: 0;\n font-size: 12px;\n font-weight: bold;\n padding-top: 0;\n padding-bottom: @dashboard-tile-label-padding-bottom;\n padding-right: 0;\n }\n\n & > .field {\n margin-left: 0;\n overflow: hidden;\n }\n\n & > .mandatory-indicator {\n display: none;\n }\n\n / Define a short transition for opacity changes on all field elements (used in .loading state) /\n\n & > label,\n & > .mandatory-indicator,\n & > .field,\n & > .status {\n transition: opacity 0.15s; / Same time is used in animation() of .loading-indicator /\n opacity: 1;\n }\n\n & > .status {\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n\n background-color: var(--tile-background-color);\n box-shadow: 0 0 4px 4px var(--tile-background-color);\n border-radius: 50%;\n\n padding: 0;\n margin: 0;\n\n // These properties are set by FormFieldLayout.js depending on StatusPosition, Label, etc.\n // In order to fix these values for the FormFieldTile we need !important.\n height: 24px !important;\n width: 24px !important;\n top: 12px !important;\n right: 12px !important;\n line-height: unset !important;\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n border-radius: @border-radius;\n }\n\n / Move part of the tile's padding (@offset) to the inner div. /\n / This makes it possible to draw the scrollbar (seemingly) outside the field. /\n\n &.scrollbar-y-outside {\n @offset: 17px;\n padding-right: @tile-field-padding - @offset;\n\n .compact& {\n padding-right: 0;\n }\n\n & > label {\n margin-right: @offset;\n }\n\n & > .field {\n padding-right: @offset;\n\n & > .scrollbar.y-axis {\n / Remove margin top/bottom, because root-group-box already provides a padding /\n height: 100%;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n }\n\n / --- Special rules for specific tile fields --- /\n\n &.browser-field > .field {\n border-radius: 0;\n }\n\n &.browser-field.inverted > .field {\n border: 0;\n }\n\n &.html-field > label,\n &.bean-field > label {\n padding-bottom: @dashboard-tile-label-large-padding-bottom;\n }\n }\n\n &.loading {\n & > .form-field > label,\n & > .form-field > .mandatory-indicator,\n & > .form-field > .field,\n & > .form-field > .status {\n / Same as 'visibility: hidden', except it can be animated with CSS transitions /\n opacity: 0;\n }\n\n & > .loading-indicator {\n #scout.loading-indicator();\n }\n }\n\n &.inverted {\n --tile-background-color: @tile-default-inverted-background-color;\n color: @tile-default-inverted-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n\n & ::-moz-selection {\n #scout.text-selection();\n }\n\n & ::selection {\n #scout.text-selection();\n }\n }\n\n & ::-moz-selection {\n background: darken(@text-selection-background-color, 10);\n }\n\n & ::selection {\n background: darken(@text-selection-background-color, 10);\n }\n\n & > .form-field {\n & > label {\n color: @tile-default-inverted-label-color;\n }\n\n / Override link style in inverted tiles, otherwise app-links would not be readable /\n\n & .app-link,\n & a {\n color: @tile-default-inverted-color;\n\n &:hover {\n color: @tile-default-inverted-link-hover-color;\n }\n\n &:active {\n color: @tile-default-inverted-link-active-color;\n }\n }\n\n & > .status::before {\n color: @tile-default-inverted-color;\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n &::before {\n color: @tile-default-inverted-color;\n }\n\n &:hover::before {\n background-color: @tile-default-inverted-status-hover-background-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @tile-default-inverted-status-active-background-color;\n }\n }\n\n &.has-error > .status {\n &::before {\n color: @tile-default-inverted-error-status-color;\n }\n\n &:hover::before,\n &:active::before,\n &.selected::before {\n color: @tile-default-inverted-error-status-hover-color;\n }\n }\n\n .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-color;\n }\n\n .scrollbar-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n .scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-hover-color;\n }\n\n .container-too-small-for-thumb > .scrollbar-thumb-handle {\n border-radius: 0;\n background-color: @tile-scrollbar-thumb-inverted-small-color;\n }\n\n .container-too-small-for-thumb.scrollbar-thumb-move > .scrollbar-thumb-handle,\n .container-too-small-for-thumb.scrollbar-thumb:hover > .scrollbar-thumb-handle {\n background-color: @tile-scrollbar-thumb-inverted-small-hover-color;\n }\n }\n }\n\n &.color-alternative {\n --tile-background-color: @tile-alternative-background-color;\n color: @tile-alternative-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n }\n\n & > .form-field {\n & > label {\n color: @tile-alternative-label-color;\n }\n\n & .app-link,\n & a {\n color: @tile-alternative-link-color;\n\n &:hover {\n color: @tile-alternative-link-hover-color;\n }\n\n &:active {\n color: @tile-alternative-link-active-color;\n }\n }\n }\n }\n\n &.inverted.color-alternative {\n --tile-background-color: @tile-alternative-inverted-background-color;\n color: @tile-alternative-inverted-color;\n\n &.disabled:not(.read-only) {\n --tile-background-color: @tile-default-border-color;\n }\n\n & ::-moz-selection {\n #scout.text-selection();\n }\n\n & ::selection {\n #scout.text-selection();\n }\n\n & > .form-field {\n & > label {\n color: @tile-alternative-inverted-label-color;\n }\n\n & .app-link,\n & a {\n color: @tile-alternative-inverted-color;\n\n &:hover {\n color: @tile-alternative-inverted-link-hover-color;\n }\n\n &:active {\n color: @tile-alternative-inverted-link-active-color;\n }\n }\n\n &.has-menus:not(.has-tooltip):not(.has-error) > .status {\n &:hover::before {\n background-color: @tile-alternative-inverted-status-hover-background-color;\n }\n\n &:active::before,\n &.selected::before {\n background-color: @tile-alternative-inverted-status-active-background-color;\n }\n }\n }\n }\n\n &.selected {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-selected-border-color, @y2: 0px, @blur2: 0px);\n\n &.inverted {\n --tile-background-color: @dashboard-tile-default-inverted-background-color;\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-inverted-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n &.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n &.inverted.color-alternative {\n --tile-background-color: @dashboard-tile-alternative-inverted-background-color;\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-inverted-selected-border-color, @y2: 0px, @blur2: 0px);\n }\n\n .dimmed-background & {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-light-alpha);\n\n &.inverted {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-default-inverted-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-dark-alpha);\n }\n\n &.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-light-alpha);\n }\n\n &.inverted.color-alternative {\n #scout.double-drop-shadow(@spread1: 2px, @color1: @dashboard-tile-alternative-inverted-selected-border-color, @alpha2: @dashboard-tile-drop-shadow-dark-alpha);\n }\n }\n }\n}\n\n/\n Mixing that can be used to reduce the horizontal padding.\n To ensure the label is aligned with the label from other tiles the h-padding of the label is increased.\n /\n.dashboard-tile-small-horizontal-padding(@padding-x: @tile-field-compact-padding-x, @small-padding-x: @tile-field-small-compact-padding-x) {\n padding-left: @small-padding-x;\n padding-right: @small-padding-x;\n\n & > label {\n padding-left: @padding-x - @small-padding-x;\n padding-right: @padding-x - @small-padding-x;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard > .tile-button {\n padding-top: 0;\n padding-bottom: 0;\n cursor: pointer;\n\n & > .field {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n padding-top: 20px;\n padding-bottom: 20px;\n\n &.with-icon {\n padding-top: 17px;\n }\n\n &.without-icon {\n justify-content: center;\n }\n\n & > .icon-container,\n & > .label {\n display: block;\n }\n\n & > .icon-container {\n flex-grow: 1;\n\n & > .font-icon {\n font-size: 40px;\n font-weight: @icon-font-weight-light;\n color: @tile-button-default-icon-color;\n }\n }\n\n & > .label {\n font-size: 16px;\n max-height: 66px;\n #scout.overflow-ellipsis();\n }\n\n &.with-icon > .label {\n padding-top: 18px;\n }\n }\n}\n\n.tile.dashboard.compact > .tile-button {\n padding-bottom: 0; // Override FormFieldTile.less\n\n & > .field {\n padding-top: 12px;\n padding-bottom: 12px;\n\n &.with-icon {\n min-height: 100px;\n }\n\n & > .label {\n font-size: 14px;\n padding-top: 0;\n\n // Show max. 2 lines\n //noinspection CssInvalidPropertyValue\n display: -webkit-inline-box;\n //noinspection CssUnknownProperty\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n\n & > .icon-container > .font-icon {\n font-size: 28px;\n }\n }\n}\n\n.button-tile.dashboard {\n background-color: inherit;\n\n & > .tile-button {\n background-color: @tile-default-background-color;\n\n & > .field > .label {\n color: @link-color;\n }\n }\n\n &:hover {\n\n .dimmed-background & {\n #scout.drop-shadow(); // More intense than regular dashboard shadow\n }\n\n & > .tile-button {\n background-color: @tile-button-default-hover-background-color;\n }\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-default-active-background-color;\n }\n\n &.inverted {\n\n & > .tile-button {\n background-color: @tile-default-inverted-background-color;\n\n & > .field {\n & > .label {\n color: @tile-button-default-inverted-color;\n }\n\n & > .icon-container > .font-icon {\n color: @tile-button-default-inverted-icon-color;\n }\n }\n }\n\n &:hover > .tile-button {\n background-color: @tile-button-default-inverted-hover-background-color;\n border-color: @tile-button-default-inverted-hover-background-color;\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-default-inverted-active-background-color;\n border-color: @tile-button-default-inverted-active-background-color;\n }\n }\n\n &.color-alternative.inverted {\n & > .tile-button {\n background-color: @tile-alternative-inverted-background-color;\n\n & > .field {\n & > .label {\n color: @tile-button-alternative-inverted-color;\n }\n\n & > .icon-container > .font-icon {\n color: @tile-button-alternative-inverted-icon-color;\n }\n }\n }\n\n &:hover > .tile-button {\n background-color: @tile-button-alternative-inverted-hover-background-color;\n border-color: @tile-button-alternative-inverted-hover-background-color;\n }\n\n &:active > .tile-button,\n &.active > .tile-button {\n background-color: @tile-button-alternative-inverted-active-background-color;\n border-color: @tile-button-alternative-inverted-active-background-color;\n }\n }\n\n &.disabled {\n\n .dimmed-background & {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-light-alpha);\n }\n\n & > .tile-button {\n &, .inverted&, .color-alternative.inverted& {\n background-color: transparent;\n border-color: transparent;\n cursor: default;\n\n & > .field {\n & > .icon-container > .font-icon {\n color: @button-disabled-color;\n }\n\n & > .label {\n color: @button-disabled-color;\n }\n }\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.tile.dashboard > .table-field {\n .dashboard-tile-small-horizontal-padding(@tile-field-padding, @tile-field-padding - @table-cell-padding-left);\n padding-bottom: 12px;\n\n &.label-hidden {\n padding-top: 7px;\n }\n\n & > label {\n padding-bottom: @dashboard-tile-label-large-padding-bottom;\n }\n\n .compact& {\n .dashboard-tile-small-horizontal-padding(@tile-field-compact-padding-x, @tile-field-compact-padding-x - @table-cell-padding-left);\n\n & > label {\n padding-bottom: @dashboard-tile-label-padding-bottom;\n }\n }\n\n / adjust menu bar when visible /\n &.has-menubar {\n padding-bottom: 2px;\n\n & > .table > .menubar.bottom {\n padding-top: 1px;\n }\n }\n\n & > .table {\n border: 0; / see .table-row definition below /\n border-radius: 0;\n background-color: transparent;\n\n &:focus,\n &.focused {\n box-shadow: none;\n }\n\n & > .table-header {\n background-color: transparent;\n\n & > .table-header-item {\n color: @tile-table-default-color;\n\n &.sorted,\n &.grouped,\n &.filtered {\n padding-right: @table-header-item-padding-right;\n\n &.halign-right,\n &.halign-center {\n padding-right: @table-header-item-padding-left;\n }\n\n &.last.halign-left,\n &.last.halign-center,\n &.last.halign-right {\n padding-right: @table-header-item-padding-right-last;\n }\n }\n\n & > .table-header-item-state {\n display: none;\n }\n }\n\n & > .table-header-resize {\n display: none;\n }\n\n / show separator on mouseover only /\n\n &:hover > .table-header-resize {\n display: inline-block;\n }\n }\n\n &:not(:focus):not(.focused) > .table-data > .table-row.selected {\n / No selection color for non-focused table tiles /\n background-color: transparent;\n\n &::after {\n border: 0;\n }\n }\n\n & > .table-data {\n & + .scroll-shadow {\n .scroll-shadow.gradient();\n --scroll-shadow-color: @tile-default-background-color;\n }\n\n & > .table-row {\n & > .table-cell,\n & > .table-cell > .font-icon {\n color: @tile-table-default-color;\n }\n }\n }\n\n & > .menubar {\n background-color: transparent;\n }\n }\n}\n\n.tile.dashboard {\n &.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n & > .table-data > .table-row.selected {\n background-color: @tile-table-default-inverted-selection-background-color;\n\n &::after {\n border-color: @tile-table-default-inverted-selection-border-color;\n }\n }\n }\n\n & > .table-header {\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .table-header-item {\n color: @tile-default-inverted-color;\n }\n\n & > .table-header-resize {\n background-color: @tile-table-default-inverted-border-color;\n }\n }\n\n & > .table-data {\n & > .table-row {\n &:active {\n background-color: transparent;\n }\n\n & > .table-cell {\n color: @tile-default-inverted-color;\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .font-icon {\n color: @tile-default-inverted-color;\n }\n }\n }\n\n & + .scroll-shadow {\n --scroll-shadow-color: @tile-default-inverted-background-color;\n }\n }\n\n & > .menubar {\n border-top-color: @tile-table-default-inverted-border-color;\n\n & > .menubar-box > .menu-item {\n color: @tile-default-inverted-color;\n }\n }\n }\n\n &.color-alternative.inverted > .table-field > .table {\n\n &:focus,\n &.focused {\n & > .table-data > .table-row.selected {\n background-color: @tile-table-alternative-inverted-selection-background-color;\n\n &::after {\n border-color: @tile-table-alternative-inverted-selection-border-color;\n }\n }\n }\n\n & > .table-header {\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .table-header-item {\n color: @tile-alternative-inverted-color;\n }\n\n & > .table-header-resize {\n background-color: @tile-table-default-inverted-border-color;\n }\n }\n\n & > .table-data {\n & > .table-row {\n &:active {\n background-color: transparent;\n }\n\n & > .table-cell {\n color: @tile-alternative-inverted-color;\n border-bottom-color: @tile-table-default-inverted-border-color;\n\n & > .font-icon {\n color: @tile-alternative-inverted-color;\n }\n }\n }\n\n & + .scroll-shadow {\n --scroll-shadow-color: @tile-alternative-inverted-background-color;\n }\n }\n\n & > .menubar {\n border-top-color: @tile-table-default-inverted-border-color;\n\n & > .menubar-box > .menu-item {\n color: @tile-alternative-inverted-color;\n }\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.filter-field {\n position: absolute;\n --filter-field-height: @filter-field-height;\n --filter-field-bottom: @filter-field-bottom;\n --filter-field-max-bottom: calc(~'50% - ' var(--filter-field-height) / 2);\n bottom: min(var(--filter-field-bottom), var(--filter-field-max-bottom));\n right: @filter-field-right;\n height: var(--filter-field-height);\n width: @filter-field-width;\n min-width: @filter-field-min-width;\n max-width: @filter-field-max-width;\n display: flex;\n align-items: center;\n z-index: 3;\n border-radius: @border-radius;\n #scout.drop-shadow();\n background-color: var(--filter-field-background-color);\n opacity: 1;\n visibility: visible;\n\n // delay the \"fade in\" transition\n --filter-field-opacity-transition-delay: 100ms;\n // the visibility transition is not a smooth transition but allows to set the value visibility delayed\n // set visibility to visible right before the \"fade in\" transition starts\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n\n transition: bottom @filter-field-transition-duration ease-in-out,\n right @filter-field-transition-duration ease-in-out,\n height @filter-field-transition-duration ease-in-out,\n width @filter-field-transition-duration ease-in-out,\n min-width @filter-field-transition-duration ease-in-out,\n max-width @filter-field-transition-duration ease-in-out,\n box-shadow @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out var(--filter-field-opacity-transition-delay),\n visibility 0s var(--filter-field-visibility-transition-delay);\n\n :not(:hover) > &:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n\n // start the \"fade out\" transition right away\n --filter-field-opacity-transition-delay: 0s;\n // set visibility to hidden right after the \"fade out\" transition ends\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n\n &::before {\n content: @icon-search;\n #scout.font-icon();\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n bottom: calc((var(--filter-field-height) - @filter-field-icon-size) / 2);\n right: @text-field-icon-margin-x + 1px;\n height: @filter-field-icon-size;\n width: @filter-field-icon-size;\n opacity: 0;\n transition: bottom @filter-field-transition-duration ease-in-out,\n right @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out;\n font-size: @font-size-plus;\n color: @label-color;\n border-radius: @border-radius;\n }\n\n &:hover::before {\n background-color: @hover-background-color;\n }\n\n & > :not(.key-box) {\n opacity: 1;\n transition: opacity @filter-field-transition-duration ease-in-out;\n }\n\n & > input {\n width: 100%;\n min-height: 100%;\n }\n\n &.clearable-always:not(.has-text),\n &.clearable-focused:not(.has-text):not(.focused) {\n & > .clear-icon {\n .invisible();\n }\n }\n\n & > .clear-icon {\n display: flex;\n right: @text-field-icon-margin-x + 1px;\n margin-right: 0;\n transition: right @filter-field-transition-duration ease-in-out,\n opacity @filter-field-transition-duration ease-in-out;\n }\n\n & > .key-box {\n top: calc(~'50% - ' 22px / 2) !important;\n }\n\n &:not(.focused).empty {\n --filter-field-bottom: @filter-field-bottom + ((var(--filter-field-height) - @filter-field-icon-size) / 2);\n --filter-field-max-bottom: calc(~'50% - ' @filter-field-icon-size / 2);\n right: @filter-field-right + @text-field-icon-margin-x + 1px;\n height: @filter-field-icon-size;\n width: @filter-field-icon-size;\n min-width: @filter-field-icon-size;\n max-width: @filter-field-icon-size;\n box-shadow: none;\n #scout.backdrop-filter(@background-color: var(--filter-field-transparent-50-background-color), @backdrop-filter: blur(2px), @fallback-background-color: var(--filter-field-transparent-80-background-color));\n\n &::before {\n bottom: 0;\n right: 0;\n opacity: 1;\n }\n\n & > :not(.key-box) {\n opacity: 0;\n }\n\n & > input {\n cursor: pointer;\n }\n\n & > .clear-icon {\n right: 0;\n }\n\n & > .key-box.char {\n margin-left: -10px;\n margin-right: -5px;\n }\n }\n}\n\n.filter-field-container {\n position: sticky;\n --filter-field-height: @filter-field-height;\n --filter-field-container-top: calc(~'100% - ' @filter-field-bottom);\n --filter-field-container-min-top: calc(~'50% + ' var(--filter-field-height) / 2);\n top: max(var(--filter-field-container-top), var(--filter-field-container-min-top));\n left: calc(~'100% - ' @filter-field-right);\n width: 0;\n height: 0;\n overflow: visible;\n z-index: 3;\n\n --filter-field-max-width: @filter-field-width;\n\n &:not(:hover) > .filter-field:not(.focused):not(.focus-inside-widget).empty {\n opacity: 1;\n visibility: visible;\n\n --filter-field-opacity-transition-delay: 100ms;\n --filter-field-visibility-transition-delay: var(--filter-field-opacity-transition-delay);\n }\n\n & > .filter-field {\n bottom: 0;\n right: 0;\n max-width: var(--filter-field-max-width);\n\n :not(:hover) > &:not(.focused):not(.focus-inside-widget).empty {\n opacity: 0;\n visibility: hidden;\n\n --filter-field-opacity-transition-delay: 0s;\n --filter-field-visibility-transition-delay: calc(@filter-field-transition-duration + var(--filter-field-opacity-transition-delay));\n }\n\n &:not(.focused).empty {\n bottom: calc((var(--filter-field-height) - @filter-field-icon-size) / 2);\n right: @text-field-icon-margin-x + 1px;\n }\n }\n}\n\n@supports not (bottom: min(50%, 42px)) {\n .filter-field-container,\n .filter-field {\n .hidden();\n }\n}\n\n.dense .filter-field,\n.dense .filter-field-container {\n --filter-field-height: @filter-field-height-dense;\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.login-box-content > form {\n & > input,\n & > .button {\n width: calc(100% - 40px);\n height: 40px;\n margin: 4px 20px;\n font-size: @box-font-size;\n }\n\n & > .button {\n margin-top: 16px;\n margin-bottom: 0;\n }\n\n & > .message-box {\n margin: 0 20px 12px 20px;\n }\n\n & > input.alternative:-webkit-autofill {\n / NOSONAR (for some reason, rule \"less:overqualified-elements\" is illegitimately triggered here)\n /* Improve Chrome's auto-fill style by overriding the forced yellow background and black text color. /\n / (Requires some hacks, see http://webagility.com/posts/remove-forced-yellow-input-background-in-chrome) /\n border-top-width: 0;\n padding-top: @text-field-padding-top-compensation + 1px;\n -webkit-box-shadow: inset 0 0 0 1000px @background-color;\n -webkit-text-fill-color: @text-color !important; / NOSONAR (!important is okay here) /\n\n &::first-line {\n // Chrome uses a different size and family for the auto filled credentials\n // -> explicitly set size and family so that it won't change when the user clicks into the field\n font-size: @box-font-size;\n font-family: @font-default-family;\n }\n\n &:focus {\n -webkit-text-fill-color: @focus-color !important; / NOSONAR (!important is okay here) /\n }\n\n &::selection {\n -webkit-text-fill-color: @text-selection-color !important; / NOSONAR (!important is okay here) /\n }\n }\n}\n\n/\n * Login button is a default button -> styles are defined in main.css.\n * Difference to regular default button is the disabled style and the ability to turn red.\n /\n.login-button.default {\n\n &.login-error:not(.disabled) {\n border-color: transparent;\n background-color: @error-color;\n\n &:hover {\n background-color: @error-default-button-background-hover-color;\n }\n\n &:active {\n background-color: @error-default-button-background-active-color;\n }\n\n &:focus {\n #scout.focus-border(@box-shadow-color: @error-focus-box-shadow-color, @border-color: mix(@error-color, @error-focus-box-shadow-color, 25%));\n }\n }\n\n &.disabled {\n color: @default-button-color;\n border-color: @default-button-background-color;\n background-color: @default-button-background-color;\n }\n}\n\n.login-button-loading {\n #scout.animation(pulsate 2s cubic-bezier(0.5, 0.1, 0.1, 0.5) infinite);\n display: inline-block;\n border-radius: 50%;\n border: 1px fade(@default-button-color, 80%) solid;\n width: 18px;\n height: 18px;\n vertical-align: middle;\n}\n\n.login-body,\n.logout-body {\n & > .box-background-elements.box-background-elements-fadeout {\n #scout.animation(nop 0.05s);\n }\n}\n\n@media (max-width: @box-responsive-width) {\n .login-box-content > form {\n & > .message-box,\n & > input,\n & > .button {\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n }\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-bar-field > .field {\n\n // BreadCrumbItem uses 14px instead of 13px font size\n padding-bottom: @breadcrumb-bar-field-padding-bottom;\n\n .dense & {\n // But it uses normal 13px in dense mode\n padding-bottom: @breadcrumb-bar-field-padding-bottom-dense;\n }\n}\n","/\n * Copyright (c) 2010, 2023 BSI Business Systems Integration AG\n \n This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n \n SPDX-License-Identifier: EPL-2.0\n /\n.breadcrumb-item {\n display: inline-flex;\n align-items: center;\n text-align: center;\n height: 100%;\n color: @link-color;\n font-size: @font-size-plus;\n vertical-align: top;\n\n &.last {\n font-weight: bold;\n }\n\n &:hover:not(.disabled) {\n color: @link-hover-color;\n }\n\n &:not(.first)::before {\n #scout.font-icon();\n content: @icon-angle-right-bold;\n color: @text-color;\n display: block;\n margin: 0 5px;\n cursor: default;\n }\n\n &:not(.disabled):active {\n color: @link-active-color;\n }\n\n &:not(.disabled) {\n cursor: pointer;\n }\n\n &.disabled {\n color: @disabled-color;\n }\n}\n","/\n * Copyright (c) 2023 BSI Business Systems Integration AG.\n * All rights reserved. This program and the accompanying materials\n * are made available under the terms of the Eclipse Public License v1.0\n * which accompanies this distribution, and is available at\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 &.inverted,\n &.inverted.color-alternative {\n #scout.double-drop-shadow(@spread1: 1px, @color1: @dashboard-tile-border-color, @y2: 0px, @blur2: 0px);\n }\n\n .dimmed-background &.inverted {\n #scout.drop-shadow(@alpha: @dashboard-tile-drop-shadow-light-alpha);\n }\n\n &.inverted {\n & ::-moz-selection {\n #scout.text-selection();\n }\n\n & ::selection {\n #scout.text-selection();\n }\n }\n}\n"],"names":[],"sourceRoot":""}