catch up with branch development

Signed-off-by: Ralf Mollik <ramollik@compex-commerce.com>
diff --git a/jenkins.build.config.xml b/jenkins.build.config.xml
index cfc2b82..ac6c408 100644
--- a/jenkins.build.config.xml
+++ b/jenkins.build.config.xml
@@ -13,6 +13,7 @@
 <!--#======================================================================= -->
 
 <jenkins>
+	<mavenOpts>-Xmx4096m -Duser.name=OS.bee.buildmanager -Dgwt.compiler.strict=true</mavenOpts>
 	<!-- DO NOT EDIT BELOW THIS LINE -->
         <jenkins.build.dependencies>
                 <jenkins.build.dependency>org.eclipse.osbp.ecview.extension</jenkins.build.dependency>
diff --git a/org.eclipse.osbp.themes/.externalToolBuilders/Vaadin_SASS_Compiler_via_BATch.launch b/org.eclipse.osbp.themes/.externalToolBuilders/Vaadin_SASS_Compiler_via_BATch.launch
deleted file mode 100644
index 257c140..0000000
--- a/org.eclipse.osbp.themes/.externalToolBuilders/Vaadin_SASS_Compiler_via_BATch.launch
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<launchConfiguration type="org.eclipse.ui.externaltools.ProgramBuilderLaunchConfigurationType">
-<stringAttribute key="org.eclipse.debug.core.ATTR_REFRESH_SCOPE" value="${working_set:&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;&#13;&#10;&lt;resources&gt;&#13;&#10;&lt;item path=&quot;/org.eclipse.osbp.themes/scss/_addons.scss&quot; type=&quot;1&quot;/&gt;&#13;&#10;&lt;item path=&quot;/org.eclipse.osbp.themes/scss/_variables.scss&quot; type=&quot;1&quot;/&gt;&#13;&#10;&lt;item path=&quot;/org.eclipse.osbp.themes/scss/components&quot; type=&quot;2&quot;/&gt;&#13;&#10;&lt;item path=&quot;/org.eclipse.osbp.themes/scss/external&quot; type=&quot;2&quot;/&gt;&#13;&#10;&lt;item path=&quot;/org.eclipse.osbp.themes/scss/layout&quot; type=&quot;2&quot;/&gt;&#13;&#10;&lt;item path=&quot;/org.eclipse.osbp.themes/scss/legacy&quot; type=&quot;2&quot;/&gt;&#13;&#10;&lt;item path=&quot;/org.eclipse.osbp.themes/scss/osbp.scss&quot; type=&quot;1&quot;/&gt;&#13;&#10;&lt;item path=&quot;/org.eclipse.osbp.themes/scss/styles.scss&quot; type=&quot;1&quot;/&gt;&#13;&#10;&lt;item path=&quot;/org.eclipse.osbp.themes/scss/variants&quot; type=&quot;2&quot;/&gt;&#13;&#10;&lt;item path=&quot;/org.eclipse.osbp.themes/scss/widgetsets&quot; type=&quot;2&quot;/&gt;&#13;&#10;&lt;/resources&gt;}"/>
-<booleanAttribute key="org.eclipse.debug.ui.ATTR_LAUNCH_IN_BACKGROUND" value="true"/>
-<booleanAttribute key="org.eclipse.ui.externaltools.ATTR_BUILDER_ENABLED" value="true"/>
-<stringAttribute key="org.eclipse.ui.externaltools.ATTR_BUILD_SCOPE" value="${working_set:&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;&#13;&#10;&lt;resources&gt;&#13;&#10;&lt;item path=&quot;/org.eclipse.osbp.themes/scss&quot; type=&quot;2&quot;/&gt;&#13;&#10;&lt;/resources&gt;}"/>
-<stringAttribute key="org.eclipse.ui.externaltools.ATTR_LAUNCH_CONFIGURATION_BUILD_SCOPE" value="${project}"/>
-<stringAttribute key="org.eclipse.ui.externaltools.ATTR_LOCATION" value="${project_loc:org.eclipse.osbp.themes}/sass.compile.bat"/>
-<stringAttribute key="org.eclipse.ui.externaltools.ATTR_RUN_BUILD_KINDS" value="full,incremental,auto,clean"/>
-<booleanAttribute key="org.eclipse.ui.externaltools.ATTR_TRIGGERS_CONFIGURED" value="true"/>
-<stringAttribute key="org.eclipse.ui.externaltools.ATTR_WORKING_DIRECTORY" value="${project_loc:org.eclipse.osbp.themes}"/>
-</launchConfiguration>
diff --git a/org.eclipse.osbp.themes/README.md b/org.eclipse.osbp.themes/README.md
deleted file mode 100644
index 550f3cb..0000000
--- a/org.eclipse.osbp.themes/README.md
+++ /dev/null
@@ -1,11 +0,0 @@
-
-# How to build the OS.bee theme
-
-It requires two steps.
-
-
-*   Run the sass-compiler (See files sass.compile.* in the folder). For now it does not work by maven?!
-*   Compile the widgetset by calling "mvn clean verify"
-
- 
-
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dashboard.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dashboard.png
new file mode 100644
index 0000000..28f5e18
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dashboard.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/nopic_small.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/nopic_small.png
index 06fea84..57c7737 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/nopic_small.png
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/nopic_small.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css
index 68a7058..a01bde6 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css
@@ -20152,7 +20152,7 @@
 	padding-top: 0px;
 }
 
-.osbp-cxo .v-filterselect-os-single-selection {
+.osbp-cxo .v-filterselect-os-single-selection, .osbp-cxo .os-single-selection {
 	color: #424242;
 	margin: 10px;
 	width: 224px;
@@ -21367,7 +21367,7 @@
 }
 
 .osbp-cxo .os-cash-register .v-gridlayout-slot, .osbp-cxo .os-cash-register .v-slot-l-control {
-	line-height: $font;
+	line-height: 16px;
 }
 
 .osbp-cxo .os-cash-register .v-verticallayout, .osbp-cxo .os-cash-register .v-horizontallayout, .osbp-cxo .os-cash-register .v-gridlayout {
@@ -21375,6 +21375,308 @@
 	left: 0px !important;
 }
 
+.osbp-cxo .os-cash-register .v-verticallayout.os-no-spacing > .v-spacing, .osbp-cxo .os-cash-register .v-horizontallayout.os-no-spacing > .v-spacing, .osbp-cxo .os-cash-register .v-gridlayout.os-no-spacing > .v-spacing {
+	height: 0px;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-1, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-1, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-1 {
+	background-color: #efcbcb;
+	color: #532929;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-1 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-1 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-1 .v-textfield.v-disabled {
+	color: #532929;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-1.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-1.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-1.os-focus {
+	background-color: #db8787;
+	color: #432020;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-1.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-1.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-1.os-focus .v-textfield.v-disabled {
+	color: #432020;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-2, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-2, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-2 {
+	background-color: #ffeccf;
+	color: #6a4917;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-2 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-2 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-2 .v-textfield.v-disabled {
+	color: #6a4917;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-2.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-2.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-2.os-focus {
+	background-color: #ffd38f;
+	color: #5b3f14;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-2.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-2.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-2.os-focus .v-textfield.v-disabled {
+	color: #5b3f14;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-3, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-3, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-3 {
+	background-color: #ffd8c6;
+	color: #683017;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-3 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-3 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-3 .v-textfield.v-disabled {
+	color: #683017;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-3.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-3.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-3.os-focus {
+	background-color: #ffa47a;
+	color: #572813;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-3.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-3.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-3.os-focus .v-textfield.v-disabled {
+	color: #572813;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-4, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-4, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-4 {
+	background-color: #f9d0e4;
+	color: #60203f;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-4 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-4 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-4 .v-textfield.v-disabled {
+	color: #60203f;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-4.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-4.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-4.os-focus {
+	background-color: #f192c0;
+	color: #511b35;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-4.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-4.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-4.os-focus .v-textfield.v-disabled {
+	color: #511b35;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-5, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-5, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-5 {
+	background-color: #bdf4f2;
+	color: #215856;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-5 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-5 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-5 .v-textfield.v-disabled {
+	color: #215856;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-5.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-5.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-5.os-focus {
+	background-color: #65e6e0;
+	color: #194442;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-5.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-5.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-5.os-focus .v-textfield.v-disabled {
+	color: #194442;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-6, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-6, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-6 {
+	background-color: #c0ddfa;
+	color: #1c3e60;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-6 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-6 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-6 .v-textfield.v-disabled {
+	color: #1c3e60;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-6.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-6.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-6.os-focus {
+	background-color: #6eb1f4;
+	color: #dde9f5;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-6.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-6.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-6.os-focus .v-textfield.v-disabled {
+	color: #dde9f5;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-7, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-7, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-7 {
+	background-color: #d1cee7;
+	color: #33304b;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-7 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-7 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-7 .v-textfield.v-disabled {
+	color: #33304b;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-7.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-7.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-7.os-focus {
+	background-color: #958cc7;
+	color: #e3e2ec;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-7.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-7.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-7.os-focus .v-textfield.v-disabled {
+	color: #e3e2ec;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-8, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-8, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-8 {
+	background-color: #c9e7d2;
+	color: #2e4b37;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-8 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-8 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-8 .v-textfield.v-disabled {
+	color: #2e4b37;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-8.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-8.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-8.os-focus {
+	background-color: #81c796;
+	color: #233929;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-8.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-8.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-8.os-focus .v-textfield.v-disabled {
+	color: #233929;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-9, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-9, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-9 {
+	background-color: #e0f5cc;
+	color: #3e5a24;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-9 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-9 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-9 .v-textfield.v-disabled {
+	color: #3e5a24;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-9.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-9.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-9.os-focus {
+	background-color: #b7e88a;
+	color: #334a1e;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-9.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-9.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-9.os-focus .v-textfield.v-disabled {
+	color: #334a1e;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-10, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-10, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-10 {
+	background-color: #f9f9f9;
+	color: #464646;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-10 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-10 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-10 .v-textfield.v-disabled {
+	color: #464646;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-10.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-10.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-10.os-focus {
+	background-color: #f2f2f2;
+	color: #444444;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-10.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-10.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-10.os-focus .v-textfield.v-disabled {
+	color: #444444;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-11, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-11, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-11 {
+	background-color: #e2e2e2;
+	color: #3f3f3f;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-11 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-11 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-11 .v-textfield.v-disabled {
+	color: #3f3f3f;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-11.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-11.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-11.os-focus {
+	background-color: #bdbdbd;
+	color: #353535;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-11.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-11.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-11.os-focus .v-textfield.v-disabled {
+	color: #353535;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-12, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-12, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-12 {
+	background-color: #cbcbcb;
+	color: #393939;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-12 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-12 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-12 .v-textfield.v-disabled {
+	color: #393939;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-12.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-12.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-12.os-focus {
+	background-color: #878787;
+	color: #dddddd;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-12.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-12.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-12.os-focus .v-textfield.v-disabled {
+	color: #dddddd;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-13, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-13, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-13 {
+	background-color: white;
+	
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-13 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-13 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-13 .v-textfield.v-disabled {
+	
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-13.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-13.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-13.os-focus {
+	background-color: white;
+	
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-13.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-13.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-13.os-focus .v-textfield.v-disabled {
+	
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-14, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-14, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-14 {
+	background-color: #bdd0e5;
+	color: #2a3a4b;
+	border-radius: 4px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-14 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-14 .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-14 .v-textfield.v-disabled {
+	color: #2a3a4b;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-14.os-focus, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-14.os-focus, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-14.os-focus {
+	background-color: #6592c3;
+	color: #d9e1e9;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-group.os-color-14.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-group.os-color-14.os-focus .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-group.os-color-14.os-focus .v-textfield.v-disabled {
+	color: #d9e1e9;
+}
+
+.osbp-cxo .os-cash-register .v-verticallayout.os-no-underline .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-horizontallayout.os-no-underline .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-gridlayout.os-no-underline .v-textfield.v-disabled {
+	border: transparent;
+}
+
 .osbp-cxo .os-cash-register .v-button {
 	height: 59px;
 	white-space: normal;
@@ -21850,7 +22152,7 @@
 }
 
 .osbp-cxo .os-cash-register .v-textarea.os-monospace {
-	font-size: 16px;
+	font-size: 32px;
 }
 
 .osbp-cxo .os-cash-register .o-XSuggestBox .enableSuggestions {
@@ -22449,6 +22751,11 @@
 	font-size: 24px;
 }
 
+.osbp-cxo .os-cash-register .os-table-bigrow .v-table-cell-content {
+	height: 126px;
+	font-size: 32px;
+}
+
 .osbp-cxo .os-cash-register .os-monospace {
 	font-family: monospace;
 }
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dashboard.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dashboard.png
new file mode 100644
index 0000000..28f5e18
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dashboard.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/nopic_small.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/nopic_small.png
index 06fea84..57c7737 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/nopic_small.png
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/nopic_small.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css
index d8c0af9..9d682d6 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css
@@ -19863,7 +19863,7 @@
 	padding-top: 0px;
 }
 
-.osbp-steel .v-filterselect-os-single-selection {
+.osbp-steel .v-filterselect-os-single-selection, .osbp-steel .os-single-selection {
 	color: #c4c3c3;
 	margin: 8px;
 	width: 168px;
@@ -21111,7 +21111,7 @@
 }
 
 .osbp-steel .os-cash-register .v-gridlayout-slot, .osbp-steel .os-cash-register .v-slot-l-control {
-	line-height: $font;
+	line-height: 12px;
 }
 
 .osbp-steel .os-cash-register .v-verticallayout, .osbp-steel .os-cash-register .v-horizontallayout, .osbp-steel .os-cash-register .v-gridlayout {
@@ -21119,6 +21119,308 @@
 	left: 0px !important;
 }
 
+.osbp-steel .os-cash-register .v-verticallayout.os-no-spacing > .v-spacing, .osbp-steel .os-cash-register .v-horizontallayout.os-no-spacing > .v-spacing, .osbp-steel .os-cash-register .v-gridlayout.os-no-spacing > .v-spacing {
+	height: 0px;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-1, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-1, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-1 {
+	background-color: #674243;
+	color: #d6c9c9;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-1 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-1 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-1 .v-textfield.v-disabled {
+	color: #d6c9c9;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-1.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-1.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-1.os-focus {
+	background-color: #a14c4c;
+	color: #e2d0d0;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-1.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-1.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-1.os-focus .v-textfield.v-disabled {
+	color: #e2d0d0;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-2, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-2, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-2 {
+	background-color: #776346;
+	color: #dad3cb;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-2 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-2 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-2 .v-textfield.v-disabled {
+	color: #dad3cb;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-2.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-2.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-2.os-focus {
+	background-color: #c49854;
+	color: #332a1b;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-2.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-2.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-2.os-focus .v-textfield.v-disabled {
+	color: #332a1b;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-3, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-3, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-3 {
+	background-color: #774e3d;
+	color: #dacdc7;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-3 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-3 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-3 .v-textfield.v-disabled {
+	color: #dacdc7;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-3.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-3.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-3.os-focus {
+	background-color: #c46940;
+	color: #e8d8d0;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-3.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-3.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-3.os-focus .v-textfield.v-disabled {
+	color: #e8d8d0;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-4, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-4, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-4 {
+	background-color: #71475b;
+	color: #d8cbd1;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-4 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-4 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-4 .v-textfield.v-disabled {
+	color: #d8cbd1;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-4.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-4.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-4.os-focus {
+	background-color: #b75785;
+	color: #e6d5dd;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-4.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-4.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-4.os-focus .v-textfield.v-disabled {
+	color: #e6d5dd;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-5, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-5, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-5 {
+	background-color: #356b69;
+	color: #c3d9d8;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-5 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-5 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-5 .v-textfield.v-disabled {
+	color: #c3d9d8;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-5.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-5.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-5.os-focus {
+	background-color: #2baba6;
+	color: #c6e5e4;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-5.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-5.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-5.os-focus .v-textfield.v-disabled {
+	color: #c6e5e4;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-6, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-6, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-6 {
+	background-color: #395472;
+	color: #c5cfda;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-6 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-6 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-6 .v-textfield.v-disabled {
+	color: #c5cfda;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-6.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-6.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-6.os-focus {
+	background-color: #3376ba;
+	color: #cbd9e7;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-6.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-6.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-6.os-focus .v-textfield.v-disabled {
+	color: #cbd9e7;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-7, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-7, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-7 {
+	background-color: #49445e;
+	color: #cbc9d3;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-7 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-7 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-7 .v-textfield.v-disabled {
+	color: #cbc9d3;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-7.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-7.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-7.os-focus {
+	background-color: #5b528d;
+	color: #d2d0de;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-7.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-7.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-7.os-focus .v-textfield.v-disabled {
+	color: #d2d0de;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-8, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-8, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-8 {
+	background-color: #415d49;
+	color: #c8d3cb;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-8 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-8 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-8 .v-textfield.v-disabled {
+	color: #c8d3cb;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-8.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-8.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-8.os-focus {
+	background-color: #478c5c;
+	color: #ccded2;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-8.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-8.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-8.os-focus .v-textfield.v-disabled {
+	color: #ccded2;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-9, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-9, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-9 {
+	background-color: #586c44;
+	color: #d0d7c9;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-9 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-9 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-9 .v-textfield.v-disabled {
+	color: #d0d7c9;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-9.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-9.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-9.os-focus {
+	background-color: #7dad4f;
+	color: #232c1b;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-9.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-9.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-9.os-focus .v-textfield.v-disabled {
+	color: #232c1b;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-10, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-10, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-10 {
+	background-color: #373536;
+	color: #c7c6c7;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-10 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-10 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-10 .v-textfield.v-disabled {
+	color: #c7c6c7;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-10.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-10.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-10.os-focus {
+	background-color: #302e2f;
+	color: #c6c4c5;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-10.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-10.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-10.os-focus .v-textfield.v-disabled {
+	color: #c6c4c5;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-11, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-11, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-11 {
+	background-color: #595758;
+	color: #d1d0d0;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-11 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-11 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-11 .v-textfield.v-disabled {
+	color: #d1d0d0;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-11.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-11.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-11.os-focus {
+	background-color: #7f7c7d;
+	color: #dbdadb;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-11.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-11.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-11.os-focus .v-textfield.v-disabled {
+	color: #dbdadb;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-12, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-12, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-12 {
+	background-color: #2f2e2f;
+	color: #c5c4c5;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-12 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-12 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-12 .v-textfield.v-disabled {
+	color: #c5c4c5;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-12.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-12.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-12.os-focus {
+	background-color: #1e1c1d;
+	color: #c1bec0;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-12.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-12.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-12.os-focus .v-textfield.v-disabled {
+	color: #c1bec0;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-13, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-13, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-13 {
+	background-color: #403e3f;
+	color: #cac9c9;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-13 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-13 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-13 .v-textfield.v-disabled {
+	color: #cac9c9;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-13.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-13.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-13.os-focus {
+	background-color: #464445;
+	color: #cbcacb;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-13.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-13.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-13.os-focus .v-textfield.v-disabled {
+	color: #cbcacb;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-14, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-14, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-14 {
+	background-color: #575557;
+	color: #d0cfd0;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-14 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-14 .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-14 .v-textfield.v-disabled {
+	color: #d0cfd0;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-14.os-focus, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-14.os-focus, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-14.os-focus {
+	background-color: #79787b;
+	color: #dad9da;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-group.os-color-14.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-group.os-color-14.os-focus .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-group.os-color-14.os-focus .v-textfield.v-disabled {
+	color: #dad9da;
+}
+
+.osbp-steel .os-cash-register .v-verticallayout.os-no-underline .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-horizontallayout.os-no-underline .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-gridlayout.os-no-underline .v-textfield.v-disabled {
+	border: transparent;
+}
+
 .osbp-steel .os-cash-register .v-button {
 	height: 44px;
 	white-space: normal;
@@ -21594,7 +21896,7 @@
 }
 
 .osbp-steel .os-cash-register .v-textarea.os-monospace {
-	font-size: 12px;
+	font-size: 24px;
 }
 
 .osbp-steel .os-cash-register .o-XSuggestBox .enableSuggestions {
@@ -22193,6 +22495,11 @@
 	font-size: 18px;
 }
 
+.osbp-steel .os-cash-register .os-table-bigrow .v-table-cell-content {
+	height: 96px;
+	font-size: 24px;
+}
+
 .osbp-steel .os-cash-register .os-monospace {
 	font-family: monospace;
 }
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/dashboard.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/dashboard.png
new file mode 100644
index 0000000..28f5e18
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/dashboard.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/nopic_small.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/nopic_small.png
index 06fea84..57c7737 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/nopic_small.png
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/nopic_small.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css
index 3bbfb94..67fb7f7 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css
@@ -18763,13 +18763,13 @@
 .osbp-tea .v-button, .osbp-tea .v-nativebutton {
 	height: 25px;
 	padding: 0 10px;
-	color: #c6c5c5;
+	color: #bad1e1;
 	font-weight: 600;
 	
 	
 	border-radius: 0px;
 	border: 0px;
-	background: #323031;
+	background: #1f567d;
 	-webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
 	box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1);
 	text-transform: uppercase;
@@ -19870,7 +19870,7 @@
 	padding-top: 0px;
 }
 
-.osbp-tea .v-filterselect-os-single-selection {
+.osbp-tea .v-filterselect-os-single-selection, .osbp-tea .os-single-selection {
 	color: #424242;
 	margin: 7px;
 	width: 154px;
@@ -21118,7 +21118,7 @@
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot, .osbp-tea .os-cash-register .v-slot-l-control {
-	line-height: 21.6px;
+	line-height: 12px;
 }
 
 .osbp-tea .os-cash-register .v-verticallayout, .osbp-tea .os-cash-register .v-horizontallayout, .osbp-tea .os-cash-register .v-gridlayout {
@@ -21126,16 +21126,318 @@
 	left: 0px !important;
 }
 
+.osbp-tea .os-cash-register .v-verticallayout.os-no-spacing > .v-spacing, .osbp-tea .os-cash-register .v-horizontallayout.os-no-spacing > .v-spacing, .osbp-tea .os-cash-register .v-gridlayout.os-no-spacing > .v-spacing {
+	height: 0px;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-1, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-1, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-1 {
+	background-color: #efcbcb;
+	color: #532929;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-1 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-1 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-1 .v-textfield.v-disabled {
+	color: #532929;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-1.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-1.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-1.os-focus {
+	background-color: #db8787;
+	color: #432020;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-1.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-1.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-1.os-focus .v-textfield.v-disabled {
+	color: #432020;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-2, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-2, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-2 {
+	background-color: #ffeccf;
+	color: #6a4917;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-2 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-2 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-2 .v-textfield.v-disabled {
+	color: #6a4917;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-2.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-2.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-2.os-focus {
+	background-color: #ffd38f;
+	color: #5b3f14;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-2.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-2.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-2.os-focus .v-textfield.v-disabled {
+	color: #5b3f14;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-3, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-3, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-3 {
+	background-color: #ffd8c6;
+	color: #683017;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-3 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-3 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-3 .v-textfield.v-disabled {
+	color: #683017;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-3.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-3.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-3.os-focus {
+	background-color: #ffa47a;
+	color: #572813;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-3.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-3.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-3.os-focus .v-textfield.v-disabled {
+	color: #572813;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-4, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-4, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-4 {
+	background-color: #f9d0e4;
+	color: #60203f;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-4 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-4 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-4 .v-textfield.v-disabled {
+	color: #60203f;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-4.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-4.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-4.os-focus {
+	background-color: #f192c0;
+	color: #511b35;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-4.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-4.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-4.os-focus .v-textfield.v-disabled {
+	color: #511b35;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-5, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-5, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-5 {
+	background-color: #bdf4f2;
+	color: #215856;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-5 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-5 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-5 .v-textfield.v-disabled {
+	color: #215856;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-5.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-5.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-5.os-focus {
+	background-color: #65e6e0;
+	color: #194442;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-5.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-5.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-5.os-focus .v-textfield.v-disabled {
+	color: #194442;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-6, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-6, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-6 {
+	background-color: #c0ddfa;
+	color: #1c3e60;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-6 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-6 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-6 .v-textfield.v-disabled {
+	color: #1c3e60;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-6.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-6.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-6.os-focus {
+	background-color: #6eb1f4;
+	color: #dde9f5;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-6.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-6.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-6.os-focus .v-textfield.v-disabled {
+	color: #dde9f5;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-7, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-7, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-7 {
+	background-color: #d1cee7;
+	color: #33304b;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-7 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-7 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-7 .v-textfield.v-disabled {
+	color: #33304b;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-7.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-7.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-7.os-focus {
+	background-color: #958cc7;
+	color: #e3e2ec;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-7.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-7.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-7.os-focus .v-textfield.v-disabled {
+	color: #e3e2ec;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-8, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-8, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-8 {
+	background-color: #c9e7d2;
+	color: #2e4b37;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-8 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-8 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-8 .v-textfield.v-disabled {
+	color: #2e4b37;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-8.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-8.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-8.os-focus {
+	background-color: #81c796;
+	color: #233929;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-8.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-8.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-8.os-focus .v-textfield.v-disabled {
+	color: #233929;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-9, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-9, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-9 {
+	background-color: #e0f5cc;
+	color: #3e5a24;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-9 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-9 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-9 .v-textfield.v-disabled {
+	color: #3e5a24;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-9.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-9.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-9.os-focus {
+	background-color: #b7e88a;
+	color: #334a1e;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-9.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-9.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-9.os-focus .v-textfield.v-disabled {
+	color: #334a1e;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-10, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-10, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-10 {
+	background-color: #f9f9f9;
+	color: #464646;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-10 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-10 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-10 .v-textfield.v-disabled {
+	color: #464646;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-10.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-10.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-10.os-focus {
+	background-color: #f2f2f2;
+	color: #444444;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-10.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-10.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-10.os-focus .v-textfield.v-disabled {
+	color: #444444;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-11, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-11, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-11 {
+	background-color: #e2e2e2;
+	color: #3f3f3f;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-11 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-11 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-11 .v-textfield.v-disabled {
+	color: #3f3f3f;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-11.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-11.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-11.os-focus {
+	background-color: #bdbdbd;
+	color: #353535;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-11.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-11.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-11.os-focus .v-textfield.v-disabled {
+	color: #353535;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-12, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-12, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-12 {
+	background-color: #cbcbcb;
+	color: #393939;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-12 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-12 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-12 .v-textfield.v-disabled {
+	color: #393939;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-12.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-12.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-12.os-focus {
+	background-color: #878787;
+	color: #dddddd;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-12.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-12.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-12.os-focus .v-textfield.v-disabled {
+	color: #dddddd;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-13, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-13, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-13 {
+	background-color: white;
+	
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-13 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-13 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-13 .v-textfield.v-disabled {
+	
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-13.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-13.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-13.os-focus {
+	background-color: white;
+	
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-13.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-13.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-13.os-focus .v-textfield.v-disabled {
+	
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-14, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-14, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-14 {
+	background-color: #c1c0c1;
+	color: #363636;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-14 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-14 .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-14 .v-textfield.v-disabled {
+	color: #363636;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-14.os-focus, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-14.os-focus, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-14.os-focus {
+	background-color: #6f6e6e;
+	color: #d7d6d6;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-group.os-color-14.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-group.os-color-14.os-focus .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-group.os-color-14.os-focus .v-textfield.v-disabled {
+	color: #d7d6d6;
+}
+
+.osbp-tea .os-cash-register .v-verticallayout.os-no-underline .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-horizontallayout.os-no-underline .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-gridlayout.os-no-underline .v-textfield.v-disabled {
+	border: transparent;
+}
+
 .osbp-tea .os-cash-register .v-button {
-	height: 31.2px;
+	height: 40px;
 	white-space: normal;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	text-transform: none;
-	min-width: 70.4px;
-	padding: 6.4px;
-	font-size: 21.6px;
+	min-width: 88px;
+	padding: 12px;
+	font-size: 24px;
 }
 
 .osbp-tea .os-cash-register .v-button:before {
@@ -21143,7 +21445,7 @@
 }
 
 .osbp-tea .os-cash-register .v-button .v-button-caption {
-	line-height: 19.2px;
+	line-height: 24px;
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-1, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-1, .osbp-tea .os-cash-register .os-color-1 .v-button {
@@ -21165,8 +21467,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-1.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-1.os-pushed, .osbp-tea .os-cash-register .os-color-1 .v-button.os-pushed {
 	background: #ad4747;
 	color: #532222;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-1:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-1:hover, .osbp-tea .os-cash-register .os-color-1 .v-button:hover {
@@ -21194,8 +21496,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-2.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-2.os-pushed, .osbp-tea .os-cash-register .os-color-2 .v-button.os-pushed {
 	background: #d8a450;
 	color: #8a611f;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-2:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-2:hover, .osbp-tea .os-cash-register .os-color-2 .v-button:hover {
@@ -21223,8 +21525,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-3.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-3.os-pushed, .osbp-tea .os-cash-register .os-color-3 .v-button.os-pushed {
 	background: #d86a38;
 	color: #793618;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-3:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-3:hover, .osbp-tea .os-cash-register .os-color-3 .v-button:hover {
@@ -21252,8 +21554,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-4.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-4.os-pushed, .osbp-tea .os-cash-register .os-color-4 .v-button.os-pushed {
 	background: #c8558c;
 	color: #77274d;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-4:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-4:hover, .osbp-tea .os-cash-register .os-color-4 .v-button:hover {
@@ -21281,8 +21583,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-5.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-5.os-pushed, .osbp-tea .os-cash-register .os-color-5 .v-button.os-pushed {
 	background: #1ebbb4;
 	color: #0c4d4a;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-5:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-5:hover, .osbp-tea .os-cash-register .os-color-5 .v-button:hover {
@@ -21310,8 +21612,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-6.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-6.os-pushed, .osbp-tea .os-cash-register .os-color-6 .v-button.os-pushed {
 	background: #287acc;
 	color: #133a61;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-6:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-6:hover, .osbp-tea .os-cash-register .os-color-6 .v-button:hover {
@@ -21339,8 +21641,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-7.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-7.os-pushed, .osbp-tea .os-cash-register .os-color-7 .v-button.os-pushed {
 	background: #584e95;
 	color: #272241;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-7:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-7:hover, .osbp-tea .os-cash-register .os-color-7 .v-button:hover {
@@ -21368,8 +21670,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-8.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-8.os-pushed, .osbp-tea .os-cash-register .os-color-8 .v-button.os-pushed {
 	background: #40945a;
 	color: #1a3b24;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-8:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-8:hover, .osbp-tea .os-cash-register .os-color-8 .v-button:hover {
@@ -21397,8 +21699,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-9.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-9.os-pushed, .osbp-tea .os-cash-register .os-color-9 .v-button.os-pushed {
 	background: #82bd4a;
 	color: #436324;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-9:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-9:hover, .osbp-tea .os-cash-register .os-color-9 .v-button:hover {
@@ -21426,8 +21728,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-10.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-10.os-pushed, .osbp-tea .os-cash-register .os-color-10 .v-button.os-pushed {
 	background: #c9c9c9;
 	color: #898989;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-10:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-10:hover, .osbp-tea .os-cash-register .os-color-10 .v-button:hover {
@@ -21455,8 +21757,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-11.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-11.os-pushed, .osbp-tea .os-cash-register .os-color-11 .v-button.os-pushed {
 	background: #888888;
 	color: #484848;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-11:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-11:hover, .osbp-tea .os-cash-register .os-color-11 .v-button:hover {
@@ -21484,8 +21786,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-12.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-12.os-pushed, .osbp-tea .os-cash-register .os-color-12 .v-button.os-pushed {
 	background: #474747;
 	color: #878787;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-12:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-12:hover, .osbp-tea .os-cash-register .os-color-12 .v-button:hover {
@@ -21513,8 +21815,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-13.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-13.os-pushed, .osbp-tea .os-cash-register .os-color-13 .v-button.os-pushed {
 	background: #d8d8d8;
 	color: #989898;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-13:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-13:hover, .osbp-tea .os-cash-register .os-color-13 .v-button:hover {
@@ -21542,8 +21844,8 @@
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-14.os-pushed, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-14.os-pushed, .osbp-tea .os-cash-register .os-color-14 .v-button.os-pushed {
 	background: #2a2829;
 	color: #6b6669;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .v-gridlayout-slot .v-button.os-color-14:hover, .osbp-tea .os-cash-register .v-slot-l-control .v-button.os-color-14:hover, .osbp-tea .os-cash-register .os-color-14 .v-button:hover {
@@ -21571,8 +21873,8 @@
 .osbp-tea .os-cash-register .os-button-with-image .v-button.os-pushed {
 	background: #ad4646;
 	color: #522121;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .os-button-with-image .v-button:hover {
@@ -21582,8 +21884,8 @@
 }
 
 .osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox {
-	font-size: 19.2px;
-	height: 35.2px;
+	font-size: 24px;
+	height: 44px;
 }
 
 .osbp-tea .os-cash-register .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp-tea .os-cash-register .v-datefield.v-disabled, .osbp-tea .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp-tea .os-cash-register .o-XSuggestBox.v-disabled, .osbp-tea .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield {
@@ -21592,7 +21894,7 @@
 }
 
 .osbp-tea .os-cash-register .v-textarea {
-	font-size: 19.2px;
+	font-size: 24px;
 }
 
 .osbp-tea .os-cash-register .v-textarea.v-disabled, .osbp-tea .os-cash-register .v-textarea.v-disabled > .v-textfield {
@@ -21601,12 +21903,12 @@
 }
 
 .osbp-tea .os-cash-register .v-textarea.os-monospace {
-	font-size: 9.6px;
+	font-size: 24px;
 }
 
 .osbp-tea .os-cash-register .o-XSuggestBox .enableSuggestions {
-	height: 34.2px;
-	width: 35.2px;
+	height: 43px;
+	width: 44px;
 	background: transparent;
 	border: 0px;
 	float: none;
@@ -21615,8 +21917,8 @@
 
 .osbp-tea .os-cash-register .o-XSuggestBox .enableSuggestions:before {
 	font-family: FontAwesome;
-	font-size: 21px;
-	line-height: 35.2px;
+	font-size: 28px;
+	line-height: 44px;
 	content: "\f08d" !important;
 	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
@@ -21631,147 +21933,147 @@
 
 .osbp-tea .os-cash-register .o-XSuggestBox .enableSuggestions.selected:before {
 	font-family: FontAwesome;
-	font-size: 21px;
-	line-height: 35.2px;
+	font-size: 28px;
+	line-height: 44px;
 	content: "\f002" !important;
 	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
 }
 
 .osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox {
-	width: 148px;
+	width: 184px;
 }
 
 .osbp-tea .os-cash-register .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .o-XSuggestBox > .v-datefield {
-	width: 112.8px !important;
+	width: 140px !important;
 }
 
 .osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox {
-	width: 148px;
+	width: 184px;
 }
 
 .osbp-tea .os-cash-register .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .o-XSuggestBox > .v-datefield {
-	width: 112.8px !important;
+	width: 140px !important;
 }
 
 .osbp-tea .os-cash-register .os-span-h-half.v-textfield, .osbp-tea .os-cash-register .os-span-h-half.v-datefield, .osbp-tea .os-cash-register .os-span-h-half.o-XSuggestBox {
-	width: 70px;
+	width: 88px;
 }
 
 .osbp-tea .os-cash-register .os-span-h-half.o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-span-h-half.o-XSuggestBox > .v-datefield {
-	width: 34.8px !important;
+	width: 44px !important;
 }
 
 .osbp-tea .os-cash-register .os-span-h-single.v-textfield, .osbp-tea .os-cash-register .os-span-h-single.v-datefield, .osbp-tea .os-cash-register .os-span-h-single.o-XSuggestBox {
-	width: 148px;
+	width: 184px;
 }
 
 .osbp-tea .os-cash-register .os-span-h-single.o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-span-h-single.o-XSuggestBox > .v-datefield {
-	width: 112.8px !important;
+	width: 140px !important;
 }
 
 .osbp-tea .os-cash-register .os-span-h-double.v-textfield, .osbp-tea .os-cash-register .os-span-h-double.v-datefield, .osbp-tea .os-cash-register .os-span-h-double.o-XSuggestBox {
-	width: 304px;
+	width: 376px;
 }
 
 .osbp-tea .os-cash-register .os-span-h-double.o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-span-h-double.o-XSuggestBox > .v-datefield {
-	width: 268.79999px !important;
+	width: 332px !important;
 }
 
 .osbp-tea .os-cash-register .os-span-h-triple.v-textfield, .osbp-tea .os-cash-register .os-span-h-triple.v-datefield, .osbp-tea .os-cash-register .os-span-h-triple.o-XSuggestBox {
-	width: 460px;
+	width: 568px;
 }
 
 .osbp-tea .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-datefield {
-	width: 424.79999px !important;
+	width: 524px !important;
 }
 
 .osbp-tea .os-cash-register .os-span-h-quad.v-textfield, .osbp-tea .os-cash-register .os-span-h-quad.v-datefield, .osbp-tea .os-cash-register .os-span-h-quad.o-XSuggestBox {
-	width: 616px;
+	width: 760px;
 }
 
 .osbp-tea .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-datefield {
-	width: 580.79999px !important;
+	width: 716px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-h-single {
-	width: 70.4px !important;
+	width: 88px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-h-single img.v-icon {
-	max-width: 68.4px !important;
+	max-width: 86px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-h-odd {
-	width: 109.60001px !important;
+	width: 136px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-h-odd img.v-icon {
-	max-width: 103.60001px !important;
+	max-width: 130px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-h-double {
-	width: 148.8px !important;
+	width: 184px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-h-double img.v-icon {
-	max-width: 138.8px !important;
+	max-width: 174px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-h-triple {
-	width: 227.20001px !important;
+	width: 280px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-h-triple img.v-icon {
-	max-width: 209.20001px !important;
+	max-width: 262px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-h-quad {
-	width: 305.60001px !important;
+	width: 376px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-h-quad img.v-icon {
-	max-width: 279.60001px !important;
+	max-width: 350px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-v-single {
-	height: 31.2px !important;
+	height: 40px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-v-single img.v-icon {
-	max-height: 33.2px !important;
+	max-height: 42px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-v-double {
-	height: 70.4px !important;
+	height: 88px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-v-double img.v-icon {
-	max-height: 68.4px !important;
+	max-height: 86px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-v-triple {
-	height: 109.60001px !important;
+	height: 136px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-v-triple img.v-icon {
-	max-height: 103.60001px !important;
+	max-height: 130px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-v-quad {
-	height: 148.8px !important;
+	height: 184px !important;
 }
 
 .osbp-tea .os-cash-register .v-button.os-span-v-quad img.v-icon {
-	max-height: 138.8px !important;
+	max-height: 174px !important;
 }
 
 .osbp-tea .os-cash-register .os-field-h-half .v-textfield, .osbp-tea .os-cash-register .os-field-h-half .v-datefield, .osbp-tea .os-cash-register .os-field-h-half .o-XSuggestBox {
-	width: 70px;
+	width: 88px;
 }
 
 .osbp-tea .os-cash-register .os-field-h-half .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-field-h-half .o-XSuggestBox > .v-datefield {
-	width: 34.8px !important;
+	width: 44px !important;
 }
 
 .osbp-tea .os-cash-register .os-button-h-single {
@@ -21779,15 +22081,15 @@
 }
 
 .osbp-tea .os-cash-register .os-button-h-single  > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-h-single .v-button {
-	width: 70.4px;
+	width: 88px;
 }
 
 .osbp-tea .os-cash-register .os-button-h-single  > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-h-single .v-button img.v-icon {
-	max-width: 68.4px;
+	max-width: 86px;
 }
 
 .osbp-tea .os-cash-register .os-table-h-single .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-table-h-single .v-table-header-wrap, .osbp-tea .os-cash-register .v-table.os-span-h-single .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-table.os-span-h-single .v-table-header-wrap {
-	width: 226px !important;
+	width: 280px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-h-single.v-table.v-widget, .osbp-tea .os-cash-register .v-table.os-span-h-single.v-widget {
@@ -21799,27 +22101,27 @@
 }
 
 .osbp-tea .os-cash-register .os-button-h-odd  > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-h-odd .v-button {
-	width: 109.60001px;
+	width: 136px;
 }
 
 .osbp-tea .os-cash-register .os-button-h-odd  > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-h-odd .v-button img.v-icon {
-	max-width: 103.60001px;
+	max-width: 130px;
 }
 
 .osbp-tea .os-cash-register .os-field-h-double .v-textfield, .osbp-tea .os-cash-register .os-field-h-double .v-datefield, .osbp-tea .os-cash-register .os-field-h-double .o-XSuggestBox {
-	width: 304px;
+	width: 376px;
 }
 
 .osbp-tea .os-cash-register .os-field-h-double .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-field-h-double .o-XSuggestBox > .v-datefield {
-	width: 268.79999px !important;
+	width: 332px !important;
 }
 
 .osbp-tea .os-cash-register .os-field-h-double .v-textarea, .osbp-tea .os-cash-register .os-field-h-double.v-textarea {
-	width: 304px;
+	width: 376px;
 }
 
 .osbp-tea .os-cash-register .os-table-h-double .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-table-h-double .v-table-header-wrap, .osbp-tea .os-cash-register .v-table.os-span-h-double .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-table.os-span-h-double .v-table-header-wrap {
-	width: 460px !important;
+	width: 568px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-h-double.v-table.v-widget, .osbp-tea .os-cash-register .v-table.os-span-h-double.v-widget {
@@ -21831,27 +22133,27 @@
 }
 
 .osbp-tea .os-cash-register .os-button-h-double  > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-h-double .v-button {
-	width: 148.8px;
+	width: 184px;
 }
 
 .osbp-tea .os-cash-register .os-button-h-double  > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-h-double .v-button img.v-icon {
-	max-width: 138.8px;
+	max-width: 174px;
 }
 
 .osbp-tea .os-cash-register .os-field-h-triple .v-textfield, .osbp-tea .os-cash-register .os-field-h-triple .v-datefield, .osbp-tea .os-cash-register .os-field-h-triple .o-XSuggestBox {
-	width: 460px;
+	width: 568px;
 }
 
 .osbp-tea .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-datefield {
-	width: 424.79999px !important;
+	width: 524px !important;
 }
 
 .osbp-tea .os-cash-register .os-field-h-triple .v-textarea, .osbp-tea .os-cash-register .os-field-h-triple.v-textarea {
-	width: 460px;
+	width: 568px;
 }
 
 .osbp-tea .os-cash-register .os-table-h-triple .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-table-h-triple .v-table-header-wrap, .osbp-tea .os-cash-register .v-table.os-span-h-triple .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-table.os-span-h-triple .v-table-header-wrap {
-	width: 702px !important;
+	width: 864px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-h-triple.v-table.v-widget, .osbp-tea .os-cash-register .v-table.os-span-h-triple.v-widget {
@@ -21863,27 +22165,27 @@
 }
 
 .osbp-tea .os-cash-register .os-button-h-triple  > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-h-triple .v-button {
-	width: 227.20001px;
+	width: 280px;
 }
 
 .osbp-tea .os-cash-register .os-button-h-triple  > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-h-triple .v-button img.v-icon {
-	max-width: 209.20001px;
+	max-width: 262px;
 }
 
 .osbp-tea .os-cash-register .os-field-h-quad .v-textfield, .osbp-tea .os-cash-register .os-field-h-quad .v-datefield, .osbp-tea .os-cash-register .os-field-h-quad .o-XSuggestBox {
-	width: 616px;
+	width: 760px;
 }
 
 .osbp-tea .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-textfield, .osbp-tea .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-datefield {
-	width: 580.79999px !important;
+	width: 716px !important;
 }
 
 .osbp-tea .os-cash-register .os-field-h-quad .v-textarea, .osbp-tea .os-cash-register .os-field-h-quad.v-textarea {
-	width: 616px;
+	width: 760px;
 }
 
 .osbp-tea .os-cash-register .os-table-h-quad .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-table-h-quad .v-table-header-wrap, .osbp-tea .os-cash-register .v-table.os-span-h-quad .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-table.os-span-h-quad .v-table-header-wrap {
-	width: 952px !important;
+	width: 1168px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-h-quad.v-table.v-widget, .osbp-tea .os-cash-register .v-table.os-span-h-quad.v-widget {
@@ -21895,19 +22197,19 @@
 }
 
 .osbp-tea .os-cash-register .os-button-h-quad  > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-h-quad .v-button {
-	width: 305.60001px;
+	width: 376px;
 }
 
 .osbp-tea .os-cash-register .os-button-h-quad  > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-h-quad .v-button img.v-icon {
-	max-width: 279.60001px;
+	max-width: 350px;
 }
 
 .osbp-tea .os-cash-register .os-field-v-single .v-textarea, .osbp-tea .os-cash-register .os-field-v-single.v-textarea {
-	height: 148.8px;
+	height: 184px;
 }
 
 .osbp-tea .os-cash-register .os-table-v-single .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-span-v-single .v-table-body-wrapper.v-scrollable {
-	height: 124.8px !important;
+	height: 156px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-v-single.v-table.v-widget, .osbp-tea .os-cash-register .os-span-v-single.v-table.v-widget {
@@ -21915,7 +22217,7 @@
 }
 
 .osbp-tea .os-cash-register .os-table-v-single .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-single .v-table-body-wrapper.v-scrollable {
-	height: 87.60001px !important;
+	height: 110px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-v-single .v-caption-on-top.v-table.v-widget, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-single.v-widget {
@@ -21927,41 +22229,41 @@
 }
 
 .osbp-tea .os-cash-register .os-button-v-single  > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-single .v-button {
-	height: 31.2px;
+	height: 40px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-single  > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-single .v-button img.v-icon {
-	max-height: 33.2px;
+	max-height: 42px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-single .os-font-flex .v-button {
-	height: 31.2px;
-	font-size: 16px;
+	height: 40px;
+	font-size: 20px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-single .os-font-flex .v-button img.v-icon {
-	max-height: 33.2px;
+	max-height: 42px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-single .os-font-flex.v-button {
-	height: 31.2px !important;
-	font-size: 16px;
+	height: 40px !important;
+	font-size: 20px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-single .os-font-flex.v-button img.v-icon {
-	max-height: 33.2px !important;
+	max-height: 42px !important;
 }
 
 .osbp-tea .os-cash-register .os-field-v-double .v-textarea, .osbp-tea .os-cash-register .os-field-v-double.v-textarea {
-	height: 305.60001px;
+	height: 376px;
 }
 
 .osbp-tea .os-cash-register .os-field-v-double .v-caption-on-top .v-textarea, .osbp-tea .os-cash-register .os-field-v-double .v-caption-on-top.v-textarea {
-	height: 305.60001px;
+	height: 376px;
 }
 
 .osbp-tea .os-cash-register .os-table-v-double .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-span-v-double .v-table-body-wrapper.v-scrollable {
-	height: 281.60001px !important;
+	height: 348px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-v-double.v-table.v-widget, .osbp-tea .os-cash-register .os-span-v-double.v-table.v-widget {
@@ -21969,7 +22271,7 @@
 }
 
 .osbp-tea .os-cash-register .os-table-v-double .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-double .v-table-body-wrapper.v-scrollable {
-	height: 244.39999px !important;
+	height: 302px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-v-double .v-caption-on-top.v-table.v-widget, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-double.v-widget {
@@ -21981,41 +22283,41 @@
 }
 
 .osbp-tea .os-cash-register .os-button-v-double  > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-double .v-button {
-	height: 70.4px;
+	height: 88px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-double  > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-double .v-button img.v-icon {
-	max-height: 68.4px;
+	max-height: 86px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-double .os-font-flex .v-button {
-	height: 70.4px;
-	font-size: 39.2px;
+	height: 88px;
+	font-size: 48px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-double .os-font-flex .v-button img.v-icon {
-	max-height: 68.4px;
+	max-height: 86px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-double .os-font-flex.v-button {
-	height: 70.4px !important;
-	font-size: 39.2px;
+	height: 88px !important;
+	font-size: 48px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-double .os-font-flex.v-button img.v-icon {
-	max-height: 68.4px !important;
+	max-height: 86px !important;
 }
 
 .osbp-tea .os-cash-register .os-field-v-triple .v-textarea, .osbp-tea .os-cash-register .os-field-v-triple.v-textarea {
-	height: 462.40002px;
+	height: 568px;
 }
 
 .osbp-tea .os-cash-register .os-field-v-triple .v-caption-on-top .v-textarea, .osbp-tea .os-cash-register .os-field-v-triple .v-caption-on-top.v-textarea {
-	height: 462.40002px;
+	height: 568px;
 }
 
 .osbp-tea .os-cash-register .os-table-v-triple .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-span-v-triple .v-table-body-wrapper.v-scrollable {
-	height: 438.40002px !important;
+	height: 540px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-v-triple.v-table.v-widget, .osbp-tea .os-cash-register .os-span-v-triple.v-table.v-widget {
@@ -22023,7 +22325,7 @@
 }
 
 .osbp-tea .os-cash-register .os-table-v-triple .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-triple .v-table-body-wrapper.v-scrollable {
-	height: 401.20001px !important;
+	height: 494px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-v-triple .v-caption-on-top.v-table.v-widget, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-triple.v-widget {
@@ -22035,41 +22337,41 @@
 }
 
 .osbp-tea .os-cash-register .os-button-v-triple  > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-triple .v-button {
-	height: 109.60001px;
+	height: 136px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-triple  > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-triple .v-button img.v-icon {
-	max-height: 103.60001px;
+	max-height: 130px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-triple .os-font-flex .v-button {
-	height: 109.60001px;
-	font-size: 78.40001px;
+	height: 136px;
+	font-size: 96px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-triple .os-font-flex .v-button img.v-icon {
-	max-height: 103.60001px;
+	max-height: 130px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-triple .os-font-flex.v-button {
-	height: 109.60001px !important;
-	font-size: 78.40001px;
+	height: 136px !important;
+	font-size: 96px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-triple .os-font-flex.v-button img.v-icon {
-	max-height: 103.60001px !important;
+	max-height: 130px !important;
 }
 
 .osbp-tea .os-cash-register .os-field-v-quad .v-textarea, .osbp-tea .os-cash-register .os-field-v-quad.v-textarea {
-	height: 619.20001px;
+	height: 760px;
 }
 
 .osbp-tea .os-cash-register .os-field-v-quad .v-caption-on-top .v-textarea, .osbp-tea .os-cash-register .os-field-v-quad .v-caption-on-top.v-textarea {
-	height: 619.20001px;
+	height: 760px;
 }
 
 .osbp-tea .os-cash-register .os-table-v-quad .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .os-span-v-quad .v-table-body-wrapper.v-scrollable {
-	height: 595.20001px !important;
+	height: 732px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-v-quad.v-table.v-widget, .osbp-tea .os-cash-register .os-span-v-quad.v-table.v-widget {
@@ -22077,7 +22379,7 @@
 }
 
 .osbp-tea .os-cash-register .os-table-v-quad .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-quad .v-table-body-wrapper.v-scrollable {
-	height: 558px !important;
+	height: 686px !important;
 }
 
 .osbp-tea .os-cash-register .os-table-v-quad .v-caption-on-top.v-table.v-widget, .osbp-tea .os-cash-register .v-caption-on-top .v-table.os-span-v-quad.v-widget {
@@ -22089,29 +22391,29 @@
 }
 
 .osbp-tea .os-cash-register .os-button-v-quad  > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-quad .v-button {
-	height: 148.8px;
+	height: 184px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-quad  > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-quad .v-button img.v-icon {
-	max-height: 138.8px;
+	max-height: 174px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button, .osbp-tea .os-cash-register .os-button-v-quad .os-font-flex .v-button {
-	height: 148.8px;
-	font-size: 117.60001px;
+	height: 184px;
+	font-size: 144px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp-tea .os-cash-register .os-button-v-quad .os-font-flex .v-button img.v-icon {
-	max-height: 138.8px;
+	max-height: 174px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-quad .os-font-flex.v-button {
-	height: 148.8px !important;
-	font-size: 117.60001px;
+	height: 184px !important;
+	font-size: 144px;
 }
 
 .osbp-tea .os-cash-register .os-button-v-quad .os-font-flex.v-button img.v-icon {
-	max-height: 138.8px !important;
+	max-height: 174px !important;
 }
 
 .osbp-tea .os-cash-register .os-cash-total .v-textfield, .osbp-tea .os-cash-register .os-cash-total .v-caption, .osbp-tea .os-cash-register .os-cash-xl .v-textfield, .osbp-tea .os-cash-register .os-cash-xl .v-caption {
@@ -22127,18 +22429,18 @@
 }
 
 .osbp-tea .os-cash-register .os-cash-total .v-textfield, .osbp-tea .os-cash-register .os-cash-xl .v-textfield {
-	font-size: 28.8px !important;
-	height: 52.8px !important;
+	font-size: 36px !important;
+	height: 66px !important;
 	text-align: right;
 }
 
 .osbp-tea .os-cash-register .os-cash-total .v-formlayout-row > .v-formlayout-captioncell > .v-caption, .osbp-tea .os-cash-register .os-cash-xl .v-formlayout-row > .v-formlayout-captioncell > .v-caption {
-	height: 51.8px !important;
-	line-height: 52.8px;
+	height: 65px !important;
+	line-height: 66px;
 }
 
 .osbp-tea .os-cash-register .os-cash-total .os-span-h-half .v-textfield, .osbp-tea .os-cash-register .os-cash-xl .os-span-h-half .v-textfield {
-	width: 74px;
+	width: 92px;
 }
 
 .osbp-tea .os-cash-register .os-cash-total .v-button, .osbp-tea .os-cash-register .os-cash-xl .v-button {
@@ -22160,8 +22462,8 @@
 .osbp-tea .os-cash-register .os-cash-total .v-button.os-pushed, .osbp-tea .os-cash-register .os-cash-xl .v-button.os-pushed {
 	background: #40945a;
 	color: #1a3b24;
-	-webkit-box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 19.2px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.5);
 }
 
 .osbp-tea .os-cash-register .os-cash-total .v-button:hover, .osbp-tea .os-cash-register .os-cash-xl .v-button:hover {
@@ -22175,29 +22477,34 @@
 }
 
 .osbp-tea .os-cash-register .v-caption-on-top > .v-caption {
-	height: 23.2px;
+	height: 32px;
 	padding-top: 12px;
 	padding-bottom: 0px;
 }
 
 .osbp-tea .os-cash-register .v-caption, .osbp-tea .os-cash-register .v-captiontext, .osbp-tea .os-cash-register .v-caption-on-top > .v-caption-l-control > .v-captiontext {
-	font-size: 14.4px;
-	line-height: 25.4px;
+	font-size: 18px;
+	line-height: 32px;
 }
 
 .osbp-tea .os-cash-register .v-formlayout .v-caption, .osbp-tea .os-cash-register .v-formlayout .v-captiontext {
-	font-size: 19.2px;
-	line-height: 34.2px;
+	font-size: 24px;
+	line-height: 43px;
 }
 
 .osbp-tea .os-cash-register .v-table-header-wrap, .osbp-tea .os-cash-register .v-table-caption-container, .osbp-tea .os-cash-register .v-table-sort-indicator, .osbp-tea .os-cash-register .v-table-resizer {
-	height: 24px;
-	font-size: 14.4px;
+	height: 28px;
+	font-size: 18px;
 }
 
 .osbp-tea .os-cash-register .v-table-cell-content {
-	height: 26px;
-	font-size: 14.4px;
+	height: 33px;
+	font-size: 18px;
+}
+
+.osbp-tea .os-cash-register .os-table-bigrow .v-table-cell-content {
+	height: 87px;
+	font-size: 24px;
 }
 
 .osbp-tea .os-cash-register .os-monospace {
@@ -22205,67 +22512,67 @@
 }
 
 .osbp-tea .os-cash-register .os-spacer-top {
-	margin-top: 39.2px !important;
+	margin-top: 48px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-left {
-	margin-left: 39.2px !important;
+	margin-left: 48px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-right {
-	margin-right: 39.2px !important;
+	margin-right: 48px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-bottom {
-	margin-bottom: 39.2px !important;
+	margin-bottom: 48px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-top-double {
-	margin-top: 78.4px !important;
+	margin-top: 96px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-left-double {
-	margin-left: 78.4px !important;
+	margin-left: 96px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-right-double {
-	margin-right: 78.4px !important;
+	margin-right: 96px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-bottom-double {
-	margin-bottom: 78.4px !important;
+	margin-bottom: 96px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-top-triple {
-	margin-top: 117.60001px !important;
+	margin-top: 144px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-left-triple {
-	margin-left: 117.60001px !important;
+	margin-left: 144px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-right-triple {
-	margin-right: 117.60001px !important;
+	margin-right: 144px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-bottom-triple {
-	margin-bottom: 117.60001px !important;
+	margin-bottom: 144px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-top-quad {
-	margin-top: 156.8px !important;
+	margin-top: 192px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-left-quad {
-	margin-left: 156.8px !important;
+	margin-left: 192px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-right-quad {
-	margin-right: 156.8px !important;
+	margin-right: 192px !important;
 }
 
 .osbp-tea .os-cash-register .os-spacer-bottom-quad {
-	margin-bottom: 156.8px !important;
+	margin-bottom: 192px !important;
 }
 
 .osbp-tea .v-caption-initialization-progress .v-captiontext {
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/Welcome.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/Welcome.html
deleted file mode 100644
index 84798b4..0000000
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/Welcome.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-<head>
-
-<meta charset="utf-8">
-
-<meta name="viewport" content="width=device-width, initial-scale=1">
-
-
-<link rel="stylesheet" type="text/css" href="screen.css" media="all">
-<link rel="stylesheet" type="text/css" href="typo-welcome-validated.css" media="all">
-
-
-<title>Compex - Welcomepage</title>
-
-</head>
-<body class="osbp typo-welcome">
-
-
-<header class="header" style="background:#0067b1; padding-top: 10px;">	
-	<div style="background:#0067b1">	
-		<div class="inner small">
-			<h2 class="headlineH2withoutUnderline versal">Welcome</h2>
-			<h3 class="align-center" style="color: rgb(255, 255, 255);">Here are some resources that will help you to get started</h3>
-		</div>
-	</div>
-</header>
-
-<div class="welcome-image" align="center" style="padding-top: 10px; padding-bottom: 10px;">
-</div>
-
-<main>
-  <div class="ce-twoCol-Box " id="c309">
-	  	<div class="inner small">
-  			
-			<div class="boxen withFontAwesome">
-							
-				<div class="">
-					<div><h2 class="smallHeadlineWithUnderline">Watch tutorial videos</h2>
-					<p class="bodytext">Learn how to use My1App and learn more about OS.bee from step-by-step tutorial videos.</p></div>
-				</div>
-							
-				<div class="">
-					<div><h2 class="smallHeadlineWithUnderline">Read documentation</h2>
-					<p class="bodytext">Need more insight? Detailed information can be found in our documentation.</p></div>
-				</div>
-							
-				<div class="">
-					<div><h2 class="smallHeadlineWithUnderline">Visit our forum</h2>
-					<p class="bodytext">The OS.bee forum is a great place to find answers and ask questions, especially for newcommers.</p></div>
-				</div>
-						
-				<div class="">
-					<div><h2 class="smallHeadlineWithUnderline">Register to join the community</h2>
-					<p class="bodytext">Register and benefit from special resources for community members.</p></div>
-				</div>
-	
-			</div>
-  				
-	  </div>
-  </div>
-	
-</main>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/WelcomeTRANSLATABLE.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/WelcomeTRANSLATABLE.html
new file mode 100644
index 0000000..fc11bcb
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/WelcomeTRANSLATABLE.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8" />
+	<meta content="width=device-width, initial-scale=1" name="viewport" />
+	<link href="screen.css" media="all" rel="stylesheet" type="text/css" />
+	<link href="typo-welcome-validated.css" media="all" rel="stylesheet" type="text/css" />
+	<title>Compex - Welcomepage</title>
+</head>
+<body class="osbp typo-welcome">
+<header class="header" style="background: rgb(0, 103, 177); padding-top: 10px;">
+<div style="background: rgb(0, 103, 177);">
+<div class="inner small">
+<h2 class="headlineH2withoutUnderline versal">$Welcome$</h2>
+
+<h3 class="align-center" style="color: rgb(255, 255, 255);">$Here are some resources that will help you to get started$</h3>
+</div>
+</div>
+</header>
+
+<div align="center" class="welcome-image" style="padding-top: 10px; padding-bottom: 10px;">&nbsp;</div>
+<main>
+<div class="ce-twoCol-Box " id="c309">
+<div class="inner small">
+<div class="boxen withFontAwesome">
+<div>
+<div>
+<h2 class="smallHeadlineWithUnderline">Watch tutorial videos</h2>
+
+<p class="bodytext">Learn how to use My1App and learn more about OS.bee from step-by-step tutorial videos.</p>
+</div>
+</div>
+
+<div>
+<div>
+<h2 class="smallHeadlineWithUnderline">Read documentation</h2>
+
+<p class="bodytext">Need more insight? Detailed information can be found in our documentation.</p>
+</div>
+</div>
+
+<div>
+<div>
+<h2 class="smallHeadlineWithUnderline">Visit our forum</h2>
+
+<p class="bodytext">The OS.bee forum is a great place to find answers and ask questions, especially for newcommers.</p>
+</div>
+</div>
+
+<div>
+<div>
+<h2 class="smallHeadlineWithUnderline">Register to join the community</h2>
+
+<p class="bodytext">Register and benefit from special resources for community members.</p>
+</div>
+</div>
+</div>
+</div>
+</div>
+</main>
+
+<p>&nbsp;</p>
+
+<p>&nbsp;</p>
+
+<p>&nbsp;</p>
+</body>
+</html>
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/dashboardtitleTRANSLATABLE.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/dashboardtitleTRANSLATABLE.html
new file mode 100644
index 0000000..7dd311c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/html/dashboardtitleTRANSLATABLE.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8" />
+	<meta content="width=device-width, initial-scale=1" name="viewport" />
+	<link href="screen.css" media="all" rel="stylesheet" type="text/css" />
+	<link href="typo-welcome-validated.css" media="all" rel="stylesheet" type="text/css" />
+	<title>Dashboard</title>
+</head>
+<body class="osbp typo-welcome">
+<header class="header" style="background: rgb(0, 103, 177); padding-top: 10px;">
+<div style="background: rgb(0, 103, 177);">
+<div class="inner small">
+<h2 class="headlineH2withoutUnderline versal">$dashboard_title$</h2>
+<h3 class="align-center" style="color: rgb(255, 255, 255);">$dashboard_subtitle$</h3>
+</div>
+</div>
+</header>
+</body>
+</html>
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dashboard-big.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dashboard-big.png
new file mode 100644
index 0000000..ccbd744
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dashboard-big.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dashboard.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dashboard.png
new file mode 100644
index 0000000..28f5e18
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dashboard.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/nopic_small.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/nopic_small.png
index 06fea84..57c7737 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/nopic_small.png
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/nopic_small.png
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/license.txt
new file mode 100644
index 0000000..bbc91d5
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/image/license.txt
@@ -0,0 +1,78 @@
+/**
+ *                                                                            
+ * Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany)
+ *                                                                            
+ * All rights reserved. This program and the accompanying materials           
+ * are made available under the terms of the Eclipse Public License v1.0       
+ * which accompanies this distribution, and is available at                  
+ * http://www.eclipse.org/legal/epl-v10.html                                 
+ *                                                                            
+ * Contributors:   
+ * Christophe Loetz (Loetz GmbH&Co.KG) - initial implementation 
+ */
+ 
+The following files are part of the Eclipse OSBP project and can be used under the same license:
+------------------------------------------------------------------------------------------------
+
+architecture.png
+key.png
+StartAppHere.png
+userExperience.png
+
+
+
+
+The following pictures originate from the sources listed:
+
+
+Pictures from StockSnap/pixabay:
+--------------------------------
+
+2M1AXEU9Q2.jpg	nu						https://pixabay.com/de/architektur-wolkenkratzer-768432/
+app-loading.jpg (grid-684983_1920.jpg manipulated)		nu					
+grid-684983_1920.jpg		nu			https://pixabay.com/de/gitter-block-w%C3%BCrfel-quadrat-design-684983/
+binary-797263_1920.jpg nu
+binary-797274_1920.jpg	nu
+bkgnd1.jpg nu
+cpu-564789_1920.jpg nu
+grid-871475_1920.jpg nu
+innovation.jpg				https://pixabay.com/de/innovation-platine-leiterbahn-2057546/
+locked.png
+padlock.png
+personal-95715_1920.jpg
+rain-455120_640.jpg
+statistics-706383_1920.jpg
+Top_view.jpg
+unlocked.png
+U68NITW3EI.jpg nu
+U68NITW3EI_s.jpg 
+
+
+
+
+CC0 License   https://stocksnap.io/license
+-----------
+All photos on StockSnap fall under the Creative Commons CC0 license. 
+That means you can copy, modify, distribute any photo on the site, even for commercial purposes, all without asking permission!
+
+Pixabay:
+--------
+https://pixabay.com/de/service/terms/#usage
+
+https://creativecommons.org/publicdomain/zero/1.0/deed.de
+
+
+
+
+created with http://www.ajaxload.info/
+license: http://www.wtfpl.net/about/
+
+load_bar_1.gif
+load_bar_2.gif
+load_spinner_1.gif
+load_spinner_2.gif
+load_spinner_3.gif
+
+
+
+
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/applause.mp3 b/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/applause.mp3
new file mode 100644
index 0000000..d9e5c9c
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/applause.mp3
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/jaguar.mp3 b/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/jaguar.mp3
new file mode 100644
index 0000000..0213693
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/jaguar.mp3
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css
index aa8816e..798a4d8 100644
--- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css
@@ -19854,7 +19854,7 @@
 	padding-top: 0px;
 }
 
-.osbp .v-filterselect-os-single-selection {
+.osbp .v-filterselect-os-single-selection, .osbp .os-single-selection {
 	color: #424242;
 	margin: 7px;
 	width: 154px;
@@ -21065,7 +21065,7 @@
 }
 
 .osbp .os-cash-register .v-gridlayout-slot, .osbp .os-cash-register .v-slot-l-control {
-	line-height: 12px;
+	line-height: 21.6px;
 }
 
 .osbp .os-cash-register .v-verticallayout, .osbp .os-cash-register .v-horizontallayout, .osbp .os-cash-register .v-gridlayout {
@@ -21073,16 +21073,318 @@
 	left: 0px !important;
 }
 
+.osbp .os-cash-register .v-verticallayout.os-no-spacing > .v-spacing, .osbp .os-cash-register .v-horizontallayout.os-no-spacing > .v-spacing, .osbp .os-cash-register .v-gridlayout.os-no-spacing > .v-spacing {
+	height: 0px;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-1, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-1, .osbp .os-cash-register .v-gridlayout.os-group.os-color-1 {
+	background-color: #efcbcb;
+	color: #532929;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-1 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-1 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-1 .v-textfield.v-disabled {
+	color: #532929;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-1.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-1.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-1.os-focus {
+	background-color: #db8787;
+	color: #432020;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-1.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-1.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-1.os-focus .v-textfield.v-disabled {
+	color: #432020;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-2, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-2, .osbp .os-cash-register .v-gridlayout.os-group.os-color-2 {
+	background-color: #ffeccf;
+	color: #6a4917;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-2 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-2 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-2 .v-textfield.v-disabled {
+	color: #6a4917;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-2.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-2.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-2.os-focus {
+	background-color: #ffd38f;
+	color: #5b3f14;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-2.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-2.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-2.os-focus .v-textfield.v-disabled {
+	color: #5b3f14;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-3, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-3, .osbp .os-cash-register .v-gridlayout.os-group.os-color-3 {
+	background-color: #ffd8c6;
+	color: #683017;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-3 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-3 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-3 .v-textfield.v-disabled {
+	color: #683017;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-3.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-3.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-3.os-focus {
+	background-color: #ffa47a;
+	color: #572813;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-3.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-3.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-3.os-focus .v-textfield.v-disabled {
+	color: #572813;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-4, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-4, .osbp .os-cash-register .v-gridlayout.os-group.os-color-4 {
+	background-color: #f9d0e4;
+	color: #60203f;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-4 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-4 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-4 .v-textfield.v-disabled {
+	color: #60203f;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-4.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-4.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-4.os-focus {
+	background-color: #f192c0;
+	color: #511b35;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-4.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-4.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-4.os-focus .v-textfield.v-disabled {
+	color: #511b35;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-5, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-5, .osbp .os-cash-register .v-gridlayout.os-group.os-color-5 {
+	background-color: #bdf4f2;
+	color: #215856;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-5 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-5 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-5 .v-textfield.v-disabled {
+	color: #215856;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-5.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-5.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-5.os-focus {
+	background-color: #65e6e0;
+	color: #194442;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-5.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-5.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-5.os-focus .v-textfield.v-disabled {
+	color: #194442;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-6, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-6, .osbp .os-cash-register .v-gridlayout.os-group.os-color-6 {
+	background-color: #c0ddfa;
+	color: #1c3e60;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-6 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-6 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-6 .v-textfield.v-disabled {
+	color: #1c3e60;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-6.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-6.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-6.os-focus {
+	background-color: #6eb1f4;
+	color: #dde9f5;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-6.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-6.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-6.os-focus .v-textfield.v-disabled {
+	color: #dde9f5;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-7, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-7, .osbp .os-cash-register .v-gridlayout.os-group.os-color-7 {
+	background-color: #d1cee7;
+	color: #33304b;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-7 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-7 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-7 .v-textfield.v-disabled {
+	color: #33304b;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-7.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-7.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-7.os-focus {
+	background-color: #958cc7;
+	color: #e3e2ec;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-7.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-7.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-7.os-focus .v-textfield.v-disabled {
+	color: #e3e2ec;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-8, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-8, .osbp .os-cash-register .v-gridlayout.os-group.os-color-8 {
+	background-color: #c9e7d2;
+	color: #2e4b37;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-8 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-8 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-8 .v-textfield.v-disabled {
+	color: #2e4b37;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-8.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-8.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-8.os-focus {
+	background-color: #81c796;
+	color: #233929;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-8.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-8.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-8.os-focus .v-textfield.v-disabled {
+	color: #233929;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-9, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-9, .osbp .os-cash-register .v-gridlayout.os-group.os-color-9 {
+	background-color: #e0f5cc;
+	color: #3e5a24;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-9 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-9 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-9 .v-textfield.v-disabled {
+	color: #3e5a24;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-9.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-9.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-9.os-focus {
+	background-color: #b7e88a;
+	color: #334a1e;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-9.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-9.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-9.os-focus .v-textfield.v-disabled {
+	color: #334a1e;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-10, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-10, .osbp .os-cash-register .v-gridlayout.os-group.os-color-10 {
+	background-color: #f9f9f9;
+	color: #464646;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-10 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-10 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-10 .v-textfield.v-disabled {
+	color: #464646;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-10.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-10.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-10.os-focus {
+	background-color: #f2f2f2;
+	color: #444444;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-10.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-10.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-10.os-focus .v-textfield.v-disabled {
+	color: #444444;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-11, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-11, .osbp .os-cash-register .v-gridlayout.os-group.os-color-11 {
+	background-color: #e2e2e2;
+	color: #3f3f3f;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-11 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-11 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-11 .v-textfield.v-disabled {
+	color: #3f3f3f;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-11.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-11.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-11.os-focus {
+	background-color: #bdbdbd;
+	color: #353535;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-11.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-11.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-11.os-focus .v-textfield.v-disabled {
+	color: #353535;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-12, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-12, .osbp .os-cash-register .v-gridlayout.os-group.os-color-12 {
+	background-color: #cbcbcb;
+	color: #393939;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-12 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-12 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-12 .v-textfield.v-disabled {
+	color: #393939;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-12.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-12.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-12.os-focus {
+	background-color: #878787;
+	color: #dddddd;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-12.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-12.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-12.os-focus .v-textfield.v-disabled {
+	color: #dddddd;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-13, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-13, .osbp .os-cash-register .v-gridlayout.os-group.os-color-13 {
+	background-color: white;
+	
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-13 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-13 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-13 .v-textfield.v-disabled {
+	
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-13.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-13.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-13.os-focus {
+	background-color: white;
+	
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-13.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-13.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-13.os-focus .v-textfield.v-disabled {
+	
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-14, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-14, .osbp .os-cash-register .v-gridlayout.os-group.os-color-14 {
+	background-color: #bbccd8;
+	color: #2f3a42;
+	border-radius: 0px;
+	-webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+	box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.35);
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-14 .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-14 .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-14 .v-textfield.v-disabled {
+	color: #2f3a42;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-14.os-focus, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-14.os-focus, .osbp .os-cash-register .v-gridlayout.os-group.os-color-14.os-focus {
+	background-color: #6288a4;
+	color: #d6dde2;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-group.os-color-14.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-group.os-color-14.os-focus .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-group.os-color-14.os-focus .v-textfield.v-disabled {
+	color: #d6dde2;
+}
+
+.osbp .os-cash-register .v-verticallayout.os-no-underline .v-textfield.v-disabled, .osbp .os-cash-register .v-horizontallayout.os-no-underline .v-textfield.v-disabled, .osbp .os-cash-register .v-gridlayout.os-no-underline .v-textfield.v-disabled {
+	border: transparent;
+}
+
 .osbp .os-cash-register .v-button {
-	height: 18px;
+	height: 29px;
 	white-space: normal;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	text-transform: none;
-	min-width: 44px;
-	padding: 4px;
-	font-size: 12px;
+	min-width: 66px;
+	padding: 6px;
+	font-size: 21.6px;
 }
 
 .osbp .os-cash-register .v-button:before {
@@ -21090,7 +21392,7 @@
 }
 
 .osbp .os-cash-register .v-button .v-button-caption {
-	line-height: 12px;
+	line-height: 18px;
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-1, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-1, .osbp .os-cash-register .os-color-1 .v-button {
@@ -21112,8 +21414,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-1.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-1.os-pushed, .osbp .os-cash-register .os-color-1 .v-button.os-pushed {
 	background: #ad4747;
 	color: #532222;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-1:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-1:hover, .osbp .os-cash-register .os-color-1 .v-button:hover {
@@ -21141,8 +21443,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-2.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-2.os-pushed, .osbp .os-cash-register .os-color-2 .v-button.os-pushed {
 	background: #d8a450;
 	color: #8a611f;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-2:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-2:hover, .osbp .os-cash-register .os-color-2 .v-button:hover {
@@ -21170,8 +21472,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-3.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-3.os-pushed, .osbp .os-cash-register .os-color-3 .v-button.os-pushed {
 	background: #d86a38;
 	color: #793618;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-3:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-3:hover, .osbp .os-cash-register .os-color-3 .v-button:hover {
@@ -21199,8 +21501,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-4.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-4.os-pushed, .osbp .os-cash-register .os-color-4 .v-button.os-pushed {
 	background: #c8558c;
 	color: #77274d;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-4:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-4:hover, .osbp .os-cash-register .os-color-4 .v-button:hover {
@@ -21228,8 +21530,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-5.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-5.os-pushed, .osbp .os-cash-register .os-color-5 .v-button.os-pushed {
 	background: #1ebbb4;
 	color: #0c4d4a;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-5:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-5:hover, .osbp .os-cash-register .os-color-5 .v-button:hover {
@@ -21257,8 +21559,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-6.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-6.os-pushed, .osbp .os-cash-register .os-color-6 .v-button.os-pushed {
 	background: #287acc;
 	color: #133a61;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-6:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-6:hover, .osbp .os-cash-register .os-color-6 .v-button:hover {
@@ -21286,8 +21588,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-7.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-7.os-pushed, .osbp .os-cash-register .os-color-7 .v-button.os-pushed {
 	background: #584e95;
 	color: #272241;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-7:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-7:hover, .osbp .os-cash-register .os-color-7 .v-button:hover {
@@ -21315,8 +21617,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-8.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-8.os-pushed, .osbp .os-cash-register .os-color-8 .v-button.os-pushed {
 	background: #40945a;
 	color: #1a3b24;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-8:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-8:hover, .osbp .os-cash-register .os-color-8 .v-button:hover {
@@ -21344,8 +21646,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-9.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-9.os-pushed, .osbp .os-cash-register .os-color-9 .v-button.os-pushed {
 	background: #82bd4a;
 	color: #436324;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-9:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-9:hover, .osbp .os-cash-register .os-color-9 .v-button:hover {
@@ -21373,8 +21675,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-10.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-10.os-pushed, .osbp .os-cash-register .os-color-10 .v-button.os-pushed {
 	background: #c9c9c9;
 	color: #898989;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-10:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-10:hover, .osbp .os-cash-register .os-color-10 .v-button:hover {
@@ -21402,8 +21704,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-11.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-11.os-pushed, .osbp .os-cash-register .os-color-11 .v-button.os-pushed {
 	background: #888888;
 	color: #484848;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-11:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-11:hover, .osbp .os-cash-register .os-color-11 .v-button:hover {
@@ -21431,8 +21733,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-12.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-12.os-pushed, .osbp .os-cash-register .os-color-12 .v-button.os-pushed {
 	background: #474747;
 	color: #878787;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-12:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-12:hover, .osbp .os-cash-register .os-color-12 .v-button:hover {
@@ -21460,8 +21762,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-13.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-13.os-pushed, .osbp .os-cash-register .os-color-13 .v-button.os-pushed {
 	background: #d8d8d8;
 	color: #989898;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-13:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-13:hover, .osbp .os-cash-register .os-color-13 .v-button:hover {
@@ -21489,8 +21791,8 @@
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-14.os-pushed, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-14.os-pushed, .osbp .os-cash-register .os-color-14 .v-button.os-pushed {
 	background: #1a496a;
 	color: #368fce;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .v-gridlayout-slot .v-button.os-color-14:hover, .osbp .os-cash-register .v-slot-l-control .v-button.os-color-14:hover, .osbp .os-cash-register .os-color-14 .v-button:hover {
@@ -21518,8 +21820,8 @@
 .osbp .os-cash-register .os-button-with-image .v-button.os-pushed {
 	background: #ad4646;
 	color: #522121;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .os-button-with-image .v-button:hover {
@@ -21529,8 +21831,8 @@
 }
 
 .osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox {
-	font-size: 12px;
-	height: 22px;
+	font-size: 18px;
+	height: 33px;
 }
 
 .osbp .os-cash-register .v-textfield.v-disabled, .osbp .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp .os-cash-register .v-datefield.v-disabled, .osbp .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp .os-cash-register .o-XSuggestBox.v-disabled, .osbp .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield {
@@ -21539,7 +21841,7 @@
 }
 
 .osbp .os-cash-register .v-textarea {
-	font-size: 12px;
+	font-size: 18px;
 }
 
 .osbp .os-cash-register .v-textarea.v-disabled, .osbp .os-cash-register .v-textarea.v-disabled > .v-textfield {
@@ -21548,12 +21850,12 @@
 }
 
 .osbp .os-cash-register .v-textarea.os-monospace {
-	font-size: 6px;
+	font-size: 18px;
 }
 
 .osbp .os-cash-register .o-XSuggestBox .enableSuggestions {
-	height: 21px;
-	width: 22px;
+	height: 32px;
+	width: 33px;
 	background: transparent;
 	border: 0px;
 	float: none;
@@ -21562,8 +21864,8 @@
 
 .osbp .os-cash-register .o-XSuggestBox .enableSuggestions:before {
 	font-family: FontAwesome;
-	font-size: 14px;
-	line-height: 22px;
+	font-size: 21px;
+	line-height: 33px;
 	content: "\f08d" !important;
 	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
@@ -21578,147 +21880,147 @@
 
 .osbp .os-cash-register .o-XSuggestBox .enableSuggestions.selected:before {
 	font-family: FontAwesome;
-	font-size: 14px;
-	line-height: 22px;
+	font-size: 21px;
+	line-height: 33px;
 	content: "\f002" !important;
 	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
 	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
 }
 
 .osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox {
-	width: 96px;
+	width: 140px;
 }
 
 .osbp .os-cash-register .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .o-XSuggestBox > .v-datefield {
-	width: 74px !important;
+	width: 107px !important;
 }
 
 .osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox {
-	width: 96px;
+	width: 140px;
 }
 
 .osbp .os-cash-register .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .o-XSuggestBox > .v-datefield {
-	width: 74px !important;
+	width: 107px !important;
 }
 
 .osbp .os-cash-register .os-span-h-half.v-textfield, .osbp .os-cash-register .os-span-h-half.v-datefield, .osbp .os-cash-register .os-span-h-half.o-XSuggestBox {
-	width: 44px;
+	width: 66px;
 }
 
 .osbp .os-cash-register .os-span-h-half.o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-span-h-half.o-XSuggestBox > .v-datefield {
-	width: 22px !important;
+	width: 33px !important;
 }
 
 .osbp .os-cash-register .os-span-h-single.v-textfield, .osbp .os-cash-register .os-span-h-single.v-datefield, .osbp .os-cash-register .os-span-h-single.o-XSuggestBox {
-	width: 96px;
+	width: 140px;
 }
 
 .osbp .os-cash-register .os-span-h-single.o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-span-h-single.o-XSuggestBox > .v-datefield {
-	width: 74px !important;
+	width: 107px !important;
 }
 
 .osbp .os-cash-register .os-span-h-double.v-textfield, .osbp .os-cash-register .os-span-h-double.v-datefield, .osbp .os-cash-register .os-span-h-double.o-XSuggestBox {
-	width: 200px;
+	width: 288px;
 }
 
 .osbp .os-cash-register .os-span-h-double.o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-span-h-double.o-XSuggestBox > .v-datefield {
-	width: 178px !important;
+	width: 255px !important;
 }
 
 .osbp .os-cash-register .os-span-h-triple.v-textfield, .osbp .os-cash-register .os-span-h-triple.v-datefield, .osbp .os-cash-register .os-span-h-triple.o-XSuggestBox {
-	width: 304px;
+	width: 436px;
 }
 
 .osbp .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-span-h-triple.o-XSuggestBox > .v-datefield {
-	width: 282px !important;
+	width: 403px !important;
 }
 
 .osbp .os-cash-register .os-span-h-quad.v-textfield, .osbp .os-cash-register .os-span-h-quad.v-datefield, .osbp .os-cash-register .os-span-h-quad.o-XSuggestBox {
-	width: 408px;
+	width: 584px;
 }
 
 .osbp .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-span-h-quad.o-XSuggestBox > .v-datefield {
-	width: 386px !important;
+	width: 551px !important;
 }
 
 .osbp .os-cash-register .v-button.os-span-h-single {
-	width: 44px !important;
+	width: 66px !important;
 }
 
 .osbp .os-cash-register .v-button.os-span-h-single img.v-icon {
-	max-width: 42px !important;
-}
-
-.osbp .os-cash-register .v-button.os-span-h-odd {
-	width: 70px !important;
-}
-
-.osbp .os-cash-register .v-button.os-span-h-odd img.v-icon {
 	max-width: 64px !important;
 }
 
+.osbp .os-cash-register .v-button.os-span-h-odd {
+	width: 103px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-odd img.v-icon {
+	max-width: 97px !important;
+}
+
 .osbp .os-cash-register .v-button.os-span-h-double {
-	width: 96px !important;
+	width: 140px !important;
 }
 
 .osbp .os-cash-register .v-button.os-span-h-double img.v-icon {
-	max-width: 86px !important;
-}
-
-.osbp .os-cash-register .v-button.os-span-h-triple {
-	width: 148px !important;
-}
-
-.osbp .os-cash-register .v-button.os-span-h-triple img.v-icon {
 	max-width: 130px !important;
 }
 
+.osbp .os-cash-register .v-button.os-span-h-triple {
+	width: 214px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-h-triple img.v-icon {
+	max-width: 196px !important;
+}
+
 .osbp .os-cash-register .v-button.os-span-h-quad {
-	width: 200px !important;
+	width: 288px !important;
 }
 
 .osbp .os-cash-register .v-button.os-span-h-quad img.v-icon {
-	max-width: 174px !important;
+	max-width: 262px !important;
 }
 
 .osbp .os-cash-register .v-button.os-span-v-single {
-	height: 18px !important;
+	height: 29px !important;
 }
 
 .osbp .os-cash-register .v-button.os-span-v-single img.v-icon {
-	max-height: 20px !important;
+	max-height: 31px !important;
 }
 
 .osbp .os-cash-register .v-button.os-span-v-double {
-	height: 44px !important;
+	height: 66px !important;
 }
 
 .osbp .os-cash-register .v-button.os-span-v-double img.v-icon {
-	max-height: 42px !important;
-}
-
-.osbp .os-cash-register .v-button.os-span-v-triple {
-	height: 70px !important;
-}
-
-.osbp .os-cash-register .v-button.os-span-v-triple img.v-icon {
 	max-height: 64px !important;
 }
 
+.osbp .os-cash-register .v-button.os-span-v-triple {
+	height: 103px !important;
+}
+
+.osbp .os-cash-register .v-button.os-span-v-triple img.v-icon {
+	max-height: 97px !important;
+}
+
 .osbp .os-cash-register .v-button.os-span-v-quad {
-	height: 96px !important;
+	height: 140px !important;
 }
 
 .osbp .os-cash-register .v-button.os-span-v-quad img.v-icon {
-	max-height: 86px !important;
+	max-height: 130px !important;
 }
 
 .osbp .os-cash-register .os-field-h-half .v-textfield, .osbp .os-cash-register .os-field-h-half .v-datefield, .osbp .os-cash-register .os-field-h-half .o-XSuggestBox {
-	width: 44px;
+	width: 66px;
 }
 
 .osbp .os-cash-register .os-field-h-half .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-field-h-half .o-XSuggestBox > .v-datefield {
-	width: 22px !important;
+	width: 33px !important;
 }
 
 .osbp .os-cash-register .os-button-h-single {
@@ -21726,15 +22028,15 @@
 }
 
 .osbp .os-cash-register .os-button-h-single  > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-h-single .v-button {
-	width: 44px;
+	width: 66px;
 }
 
 .osbp .os-cash-register .os-button-h-single  > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-h-single .v-button img.v-icon {
-	max-width: 42px;
+	max-width: 64px;
 }
 
 .osbp .os-cash-register .os-table-h-single .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-table-h-single .v-table-header-wrap, .osbp .os-cash-register .v-table.os-span-h-single .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-table.os-span-h-single .v-table-header-wrap {
-	width: 148px !important;
+	width: 214px !important;
 }
 
 .osbp .os-cash-register .os-table-h-single.v-table.v-widget, .osbp .os-cash-register .v-table.os-span-h-single.v-widget {
@@ -21746,27 +22048,27 @@
 }
 
 .osbp .os-cash-register .os-button-h-odd  > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-h-odd .v-button {
-	width: 70px;
+	width: 103px;
 }
 
 .osbp .os-cash-register .os-button-h-odd  > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-h-odd .v-button img.v-icon {
-	max-width: 64px;
+	max-width: 97px;
 }
 
 .osbp .os-cash-register .os-field-h-double .v-textfield, .osbp .os-cash-register .os-field-h-double .v-datefield, .osbp .os-cash-register .os-field-h-double .o-XSuggestBox {
-	width: 200px;
+	width: 288px;
 }
 
 .osbp .os-cash-register .os-field-h-double .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-field-h-double .o-XSuggestBox > .v-datefield {
-	width: 178px !important;
+	width: 255px !important;
 }
 
 .osbp .os-cash-register .os-field-h-double .v-textarea, .osbp .os-cash-register .os-field-h-double.v-textarea {
-	width: 200px;
+	width: 288px;
 }
 
 .osbp .os-cash-register .os-table-h-double .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-table-h-double .v-table-header-wrap, .osbp .os-cash-register .v-table.os-span-h-double .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-table.os-span-h-double .v-table-header-wrap {
-	width: 304px !important;
+	width: 436px !important;
 }
 
 .osbp .os-cash-register .os-table-h-double.v-table.v-widget, .osbp .os-cash-register .v-table.os-span-h-double.v-widget {
@@ -21778,27 +22080,27 @@
 }
 
 .osbp .os-cash-register .os-button-h-double  > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-h-double .v-button {
-	width: 96px;
+	width: 140px;
 }
 
 .osbp .os-cash-register .os-button-h-double  > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-h-double .v-button img.v-icon {
-	max-width: 86px;
+	max-width: 130px;
 }
 
 .osbp .os-cash-register .os-field-h-triple .v-textfield, .osbp .os-cash-register .os-field-h-triple .v-datefield, .osbp .os-cash-register .os-field-h-triple .o-XSuggestBox {
-	width: 304px;
+	width: 436px;
 }
 
 .osbp .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-field-h-triple .o-XSuggestBox > .v-datefield {
-	width: 282px !important;
+	width: 403px !important;
 }
 
 .osbp .os-cash-register .os-field-h-triple .v-textarea, .osbp .os-cash-register .os-field-h-triple.v-textarea {
-	width: 304px;
+	width: 436px;
 }
 
 .osbp .os-cash-register .os-table-h-triple .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-table-h-triple .v-table-header-wrap, .osbp .os-cash-register .v-table.os-span-h-triple .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-table.os-span-h-triple .v-table-header-wrap {
-	width: 468px !important;
+	width: 666px !important;
 }
 
 .osbp .os-cash-register .os-table-h-triple.v-table.v-widget, .osbp .os-cash-register .v-table.os-span-h-triple.v-widget {
@@ -21810,27 +22112,27 @@
 }
 
 .osbp .os-cash-register .os-button-h-triple  > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-h-triple .v-button {
-	width: 148px;
+	width: 214px;
 }
 
 .osbp .os-cash-register .os-button-h-triple  > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-h-triple .v-button img.v-icon {
-	max-width: 130px;
+	max-width: 196px;
 }
 
 .osbp .os-cash-register .os-field-h-quad .v-textfield, .osbp .os-cash-register .os-field-h-quad .v-datefield, .osbp .os-cash-register .os-field-h-quad .o-XSuggestBox {
-	width: 408px;
+	width: 584px;
 }
 
 .osbp .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-textfield, .osbp .os-cash-register .os-field-h-quad .o-XSuggestBox > .v-datefield {
-	width: 386px !important;
+	width: 551px !important;
 }
 
 .osbp .os-cash-register .os-field-h-quad .v-textarea, .osbp .os-cash-register .os-field-h-quad.v-textarea {
-	width: 408px;
+	width: 584px;
 }
 
 .osbp .os-cash-register .os-table-h-quad .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-table-h-quad .v-table-header-wrap, .osbp .os-cash-register .v-table.os-span-h-quad .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-table.os-span-h-quad .v-table-header-wrap {
-	width: 640px !important;
+	width: 904px !important;
 }
 
 .osbp .os-cash-register .os-table-h-quad.v-table.v-widget, .osbp .os-cash-register .v-table.os-span-h-quad.v-widget {
@@ -21842,19 +22144,19 @@
 }
 
 .osbp .os-cash-register .os-button-h-quad  > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-h-quad .v-button {
-	width: 200px;
+	width: 288px;
 }
 
 .osbp .os-cash-register .os-button-h-quad  > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-h-quad .v-button img.v-icon {
-	max-width: 174px;
+	max-width: 262px;
 }
 
 .osbp .os-cash-register .os-field-v-single .v-textarea, .osbp .os-cash-register .os-field-v-single.v-textarea {
-	height: 96px;
+	height: 140px;
 }
 
 .osbp .os-cash-register .os-table-v-single .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-span-v-single .v-table-body-wrapper.v-scrollable {
-	height: 76px !important;
+	height: 118px !important;
 }
 
 .osbp .os-cash-register .os-table-v-single.v-table.v-widget, .osbp .os-cash-register .os-span-v-single.v-table.v-widget {
@@ -21862,7 +22164,7 @@
 }
 
 .osbp .os-cash-register .os-table-v-single .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-single .v-table-body-wrapper.v-scrollable {
-	height: 52px !important;
+	height: 83px !important;
 }
 
 .osbp .os-cash-register .os-table-v-single .v-caption-on-top.v-table.v-widget, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-single.v-widget {
@@ -21874,41 +22176,41 @@
 }
 
 .osbp .os-cash-register .os-button-v-single  > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-single .v-button {
-	height: 18px;
+	height: 29px;
 }
 
 .osbp .os-cash-register .os-button-v-single  > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-single .v-button img.v-icon {
-	max-height: 20px;
+	max-height: 31px;
 }
 
 .osbp .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-single .os-font-flex .v-button {
-	height: 18px;
-	font-size: 10px;
+	height: 29px;
+	font-size: 14px;
 }
 
 .osbp .os-cash-register .os-button-v-single.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-single .os-font-flex .v-button img.v-icon {
-	max-height: 20px;
+	max-height: 31px;
 }
 
 .osbp .os-cash-register .os-button-v-single .os-font-flex.v-button {
-	height: 18px !important;
-	font-size: 10px;
+	height: 29px !important;
+	font-size: 14px;
 }
 
 .osbp .os-cash-register .os-button-v-single .os-font-flex.v-button img.v-icon {
-	max-height: 20px !important;
+	max-height: 31px !important;
 }
 
 .osbp .os-cash-register .os-field-v-double .v-textarea, .osbp .os-cash-register .os-field-v-double.v-textarea {
-	height: 200px;
+	height: 288px;
 }
 
 .osbp .os-cash-register .os-field-v-double .v-caption-on-top .v-textarea, .osbp .os-cash-register .os-field-v-double .v-caption-on-top.v-textarea {
-	height: 200px;
+	height: 288px;
 }
 
 .osbp .os-cash-register .os-table-v-double .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-span-v-double .v-table-body-wrapper.v-scrollable {
-	height: 180px !important;
+	height: 266px !important;
 }
 
 .osbp .os-cash-register .os-table-v-double.v-table.v-widget, .osbp .os-cash-register .os-span-v-double.v-table.v-widget {
@@ -21916,7 +22218,7 @@
 }
 
 .osbp .os-cash-register .os-table-v-double .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-double .v-table-body-wrapper.v-scrollable {
-	height: 156px !important;
+	height: 231px !important;
 }
 
 .osbp .os-cash-register .os-table-v-double .v-caption-on-top.v-table.v-widget, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-double.v-widget {
@@ -21928,41 +22230,41 @@
 }
 
 .osbp .os-cash-register .os-button-v-double  > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-double .v-button {
-	height: 44px;
+	height: 66px;
 }
 
 .osbp .os-cash-register .os-button-v-double  > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-double .v-button img.v-icon {
-	max-height: 42px;
+	max-height: 64px;
 }
 
 .osbp .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-double .os-font-flex .v-button {
-	height: 44px;
-	font-size: 26px;
+	height: 66px;
+	font-size: 37px;
 }
 
 .osbp .os-cash-register .os-button-v-double.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-double .os-font-flex .v-button img.v-icon {
-	max-height: 42px;
+	max-height: 64px;
 }
 
 .osbp .os-cash-register .os-button-v-double .os-font-flex.v-button {
-	height: 44px !important;
-	font-size: 26px;
+	height: 66px !important;
+	font-size: 37px;
 }
 
 .osbp .os-cash-register .os-button-v-double .os-font-flex.v-button img.v-icon {
-	max-height: 42px !important;
+	max-height: 64px !important;
 }
 
 .osbp .os-cash-register .os-field-v-triple .v-textarea, .osbp .os-cash-register .os-field-v-triple.v-textarea {
-	height: 304px;
+	height: 436px;
 }
 
 .osbp .os-cash-register .os-field-v-triple .v-caption-on-top .v-textarea, .osbp .os-cash-register .os-field-v-triple .v-caption-on-top.v-textarea {
-	height: 304px;
+	height: 436px;
 }
 
 .osbp .os-cash-register .os-table-v-triple .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-span-v-triple .v-table-body-wrapper.v-scrollable {
-	height: 284px !important;
+	height: 414px !important;
 }
 
 .osbp .os-cash-register .os-table-v-triple.v-table.v-widget, .osbp .os-cash-register .os-span-v-triple.v-table.v-widget {
@@ -21970,7 +22272,7 @@
 }
 
 .osbp .os-cash-register .os-table-v-triple .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-triple .v-table-body-wrapper.v-scrollable {
-	height: 260px !important;
+	height: 379px !important;
 }
 
 .osbp .os-cash-register .os-table-v-triple .v-caption-on-top.v-table.v-widget, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-triple.v-widget {
@@ -21982,41 +22284,41 @@
 }
 
 .osbp .os-cash-register .os-button-v-triple  > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-triple .v-button {
-	height: 70px;
+	height: 103px;
 }
 
 .osbp .os-cash-register .os-button-v-triple  > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-triple .v-button img.v-icon {
-	max-height: 64px;
+	max-height: 97px;
 }
 
 .osbp .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-triple .os-font-flex .v-button {
-	height: 70px;
-	font-size: 52px;
+	height: 103px;
+	font-size: 74px;
 }
 
 .osbp .os-cash-register .os-button-v-triple.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-triple .os-font-flex .v-button img.v-icon {
-	max-height: 64px;
+	max-height: 97px;
 }
 
 .osbp .os-cash-register .os-button-v-triple .os-font-flex.v-button {
-	height: 70px !important;
-	font-size: 52px;
+	height: 103px !important;
+	font-size: 74px;
 }
 
 .osbp .os-cash-register .os-button-v-triple .os-font-flex.v-button img.v-icon {
-	max-height: 64px !important;
+	max-height: 97px !important;
 }
 
 .osbp .os-cash-register .os-field-v-quad .v-textarea, .osbp .os-cash-register .os-field-v-quad.v-textarea {
-	height: 408px;
+	height: 584px;
 }
 
 .osbp .os-cash-register .os-field-v-quad .v-caption-on-top .v-textarea, .osbp .os-cash-register .os-field-v-quad .v-caption-on-top.v-textarea {
-	height: 408px;
+	height: 584px;
 }
 
 .osbp .os-cash-register .os-table-v-quad .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .os-span-v-quad .v-table-body-wrapper.v-scrollable {
-	height: 388px !important;
+	height: 562px !important;
 }
 
 .osbp .os-cash-register .os-table-v-quad.v-table.v-widget, .osbp .os-cash-register .os-span-v-quad.v-table.v-widget {
@@ -22024,7 +22326,7 @@
 }
 
 .osbp .os-cash-register .os-table-v-quad .v-caption-on-top .v-table-body-wrapper.v-scrollable, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-quad .v-table-body-wrapper.v-scrollable {
-	height: 364px !important;
+	height: 527px !important;
 }
 
 .osbp .os-cash-register .os-table-v-quad .v-caption-on-top.v-table.v-widget, .osbp .os-cash-register .v-caption-on-top .v-table.os-span-v-quad.v-widget {
@@ -22036,29 +22338,29 @@
 }
 
 .osbp .os-cash-register .os-button-v-quad  > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-quad .v-button {
-	height: 96px;
+	height: 140px;
 }
 
 .osbp .os-cash-register .os-button-v-quad  > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-quad .v-button img.v-icon {
-	max-height: 86px;
+	max-height: 130px;
 }
 
 .osbp .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button, .osbp .os-cash-register .os-button-v-quad .os-font-flex .v-button {
-	height: 96px;
-	font-size: 78px;
+	height: 140px;
+	font-size: 111px;
 }
 
 .osbp .os-cash-register .os-button-v-quad.os-font-flex > .v-gridlayout-slot > .v-button img.v-icon, .osbp .os-cash-register .os-button-v-quad .os-font-flex .v-button img.v-icon {
-	max-height: 86px;
+	max-height: 130px;
 }
 
 .osbp .os-cash-register .os-button-v-quad .os-font-flex.v-button {
-	height: 96px !important;
-	font-size: 78px;
+	height: 140px !important;
+	font-size: 111px;
 }
 
 .osbp .os-cash-register .os-button-v-quad .os-font-flex.v-button img.v-icon {
-	max-height: 86px !important;
+	max-height: 130px !important;
 }
 
 .osbp .os-cash-register .os-cash-total .v-textfield, .osbp .os-cash-register .os-cash-total .v-caption, .osbp .os-cash-register .os-cash-xl .v-textfield, .osbp .os-cash-register .os-cash-xl .v-caption {
@@ -22074,18 +22376,18 @@
 }
 
 .osbp .os-cash-register .os-cash-total .v-textfield, .osbp .os-cash-register .os-cash-xl .v-textfield {
-	font-size: 18px !important;
-	height: 33px !important;
+	font-size: 27px !important;
+	height: 49.5px !important;
 	text-align: right;
 }
 
 .osbp .os-cash-register .os-cash-total .v-formlayout-row > .v-formlayout-captioncell > .v-caption, .osbp .os-cash-register .os-cash-xl .v-formlayout-row > .v-formlayout-captioncell > .v-caption {
-	height: 32px !important;
-	line-height: 33px;
+	height: 48.5px !important;
+	line-height: 49.5px;
 }
 
 .osbp .os-cash-register .os-cash-total .os-span-h-half .v-textfield, .osbp .os-cash-register .os-cash-xl .os-span-h-half .v-textfield {
-	width: 48px;
+	width: 70px;
 }
 
 .osbp .os-cash-register .os-cash-total .v-button, .osbp .os-cash-register .os-cash-xl .v-button {
@@ -22107,8 +22409,8 @@
 .osbp .os-cash-register .os-cash-total .v-button.os-pushed, .osbp .os-cash-register .os-cash-xl .v-button.os-pushed {
 	background: #40945a;
 	color: #1a3b24;
-	-webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
-	box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
+	box-shadow: inset 0px 0px 18px rgba(0, 0, 0, 0.5);
 }
 
 .osbp .os-cash-register .os-cash-total .v-button:hover, .osbp .os-cash-register .os-cash-xl .v-button:hover {
@@ -22122,27 +22424,34 @@
 }
 
 .osbp .os-cash-register .v-caption-on-top > .v-caption {
-	padding-top: 0px;
+	height: 21px;
+	padding-top: 12px;
+	padding-bottom: 0px;
 }
 
 .osbp .os-cash-register .v-caption, .osbp .os-cash-register .v-captiontext, .osbp .os-cash-register .v-caption-on-top > .v-caption-l-control > .v-captiontext {
-	font-size: 12px;
-	line-height: 21px;
+	font-size: 13.5px;
+	line-height: 23.75px;
 }
 
 .osbp .os-cash-register .v-formlayout .v-caption, .osbp .os-cash-register .v-formlayout .v-captiontext {
-	font-size: 12px;
-	line-height: 21px;
+	font-size: 18px;
+	line-height: 32px;
 }
 
 .osbp .os-cash-register .v-table-header-wrap, .osbp .os-cash-register .v-table-caption-container, .osbp .os-cash-register .v-table-sort-indicator, .osbp .os-cash-register .v-table-resizer {
-	height: 20px;
-	font-size: 12px;
+	height: 22px;
+	font-size: 13.5px;
 }
 
 .osbp .os-cash-register .v-table-cell-content {
-	height: 22px;
-	font-size: 12px;
+	height: 24px;
+	font-size: 13.5px;
+}
+
+.osbp .os-cash-register .os-table-bigrow .v-table-cell-content {
+	height: 87px;
+	font-size: 18px;
 }
 
 .osbp .os-cash-register .os-monospace {
@@ -22150,67 +22459,67 @@
 }
 
 .osbp .os-cash-register .os-spacer-top {
-	margin-top: 26px !important;
+	margin-top: 37px !important;
 }
 
 .osbp .os-cash-register .os-spacer-left {
-	margin-left: 26px !important;
+	margin-left: 37px !important;
 }
 
 .osbp .os-cash-register .os-spacer-right {
-	margin-right: 26px !important;
+	margin-right: 37px !important;
 }
 
 .osbp .os-cash-register .os-spacer-bottom {
-	margin-bottom: 26px !important;
+	margin-bottom: 37px !important;
 }
 
 .osbp .os-cash-register .os-spacer-top-double {
-	margin-top: 52px !important;
+	margin-top: 74px !important;
 }
 
 .osbp .os-cash-register .os-spacer-left-double {
-	margin-left: 52px !important;
+	margin-left: 74px !important;
 }
 
 .osbp .os-cash-register .os-spacer-right-double {
-	margin-right: 52px !important;
+	margin-right: 74px !important;
 }
 
 .osbp .os-cash-register .os-spacer-bottom-double {
-	margin-bottom: 52px !important;
+	margin-bottom: 74px !important;
 }
 
 .osbp .os-cash-register .os-spacer-top-triple {
-	margin-top: 78px !important;
+	margin-top: 111px !important;
 }
 
 .osbp .os-cash-register .os-spacer-left-triple {
-	margin-left: 78px !important;
+	margin-left: 111px !important;
 }
 
 .osbp .os-cash-register .os-spacer-right-triple {
-	margin-right: 78px !important;
+	margin-right: 111px !important;
 }
 
 .osbp .os-cash-register .os-spacer-bottom-triple {
-	margin-bottom: 78px !important;
+	margin-bottom: 111px !important;
 }
 
 .osbp .os-cash-register .os-spacer-top-quad {
-	margin-top: 104px !important;
+	margin-top: 148px !important;
 }
 
 .osbp .os-cash-register .os-spacer-left-quad {
-	margin-left: 104px !important;
+	margin-left: 148px !important;
 }
 
 .osbp .os-cash-register .os-spacer-right-quad {
-	margin-right: 104px !important;
+	margin-right: 148px !important;
 }
 
 .osbp .os-cash-register .os-spacer-bottom-quad {
-	margin-bottom: 104px !important;
+	margin-bottom: 148px !important;
 }
 
 .osbp .v-caption-initialization-progress .v-captiontext {
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/bunny.mp4 b/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/bunny.mp4
new file mode 100644
index 0000000..81d11df
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/bunny.mp4
Binary files differ
diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/dreamcatcher.mp4 b/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/dreamcatcher.mp4
new file mode 100644
index 0000000..44c3254
--- /dev/null
+++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/dreamcatcher.mp4
Binary files differ
diff --git a/org.eclipse.osbp.themes/scss/components/_group.scss b/org.eclipse.osbp.themes/scss/components/_group.scss
new file mode 100644
index 0000000..0caad32
--- /dev/null
+++ b/org.eclipse.osbp.themes/scss/components/_group.scss
@@ -0,0 +1,52 @@
+////
+/// @group components/group
+////
+
+
+@mixin os-group-color($col) {			
+
+	$bgcol: mix($col, $v-app-background-color, 70);
+	$txcol: valo-font-color($bgcol);
+	$bgcol-dim: mix($col, $v-app-background-color, 30);
+	$txcol-dim: valo-font-color($bgcol-dim);
+		
+	background-color: $bgcol-dim;
+	color: $txcol-dim;
+	border-radius:	$v-border-radius;
+	@include box-shadow(2px 1px 7px rgba(0,0,0,0.35));
+	.v-textfield.v-disabled {
+		color: $txcol-dim;
+		}
+	&.os-focus {
+		background-color: $bgcol;
+		color: $txcol;
+		.v-textfield.v-disabled {
+			color: $txcol;
+			}
+		}
+	}
+
+/// Color backdrop for "layout" areas. Only used in POS/Cash register so far.
+@mixin os-context-group {
+	&.os-group { 
+		&.os-color-1  { @include os-group-color($os-color-1);  }
+		&.os-color-2  { @include os-group-color($os-color-2);  }
+		&.os-color-3  { @include os-group-color($os-color-3);  }
+		&.os-color-4  { @include os-group-color($os-color-4);  }
+		&.os-color-5  { @include os-group-color($os-color-5);  }
+		&.os-color-6  { @include os-group-color($os-color-6);  }
+		&.os-color-7  { @include os-group-color($os-color-7);  }
+		&.os-color-8  { @include os-group-color($os-color-8);  }
+		&.os-color-9  { @include os-group-color($os-color-9);  }
+		&.os-color-10 { @include os-group-color($os-color-10); }
+		&.os-color-11 { @include os-group-color($os-color-11); }
+		&.os-color-12 { @include os-group-color($os-color-12); }
+		&.os-color-13 { @include os-group-color($os-color-13); }
+		&.os-color-14 { @include os-group-color($os-color-14); }
+		}
+	&.os-no-underline {
+	  	.v-textfield.v-disabled {
+	  		border: transparent;
+	  		}
+		}
+	}
\ No newline at end of file
diff --git a/org.eclipse.osbp.themes/scss/layout/_cash-register.scss b/org.eclipse.osbp.themes/scss/layout/_cash-register.scss
index 039627b..6c373c9 100644
--- a/org.eclipse.osbp.themes/scss/layout/_cash-register.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_cash-register.scss
@@ -9,7 +9,11 @@
         @if $font-size-adjustment < 1 { $font-size-adjustment: 1; }
 
 		
+		/* font-size in anything not affected by font-size-adjustment (?) 
+		   stuff that would get too small depending on $os-cash-zoom-factor    
+		*/
 		.v-gridlayout-slot, .v-slot-l-control {
+			$font: $v-font-size;
 			@if $os-cash-zoom-factor < $v-scaling-factor--huge {$font: $v-font-size * $v-scaling-factor--huge; }
 			@if $os-cash-zoom-factor < $v-scaling-factor--large {$font: $v-font-size * $v-scaling-factor--large; }
 			@if $os-cash-zoom-factor <= 1 {$font: $v-font-size;}
@@ -19,11 +23,15 @@
 
         $header-footer-height: make_even($v-font-size * $font-size-adjustment * 1.6);
         $caption-height: $v-unit-size * $os-cash-zoom-factor;
-
+		
         /* Remove paddings around containers in POS/Cash area. */ 
 		.v-verticallayout, .v-horizontallayout, .v-gridlayout {
 			padding: 0px;
 			left: 0px !important;
+			&.os-no-spacing >.v-spacing {
+				height: 0px;
+				}
+			@include os-context-group;
 			}
 
 		@include os-button-cash;
@@ -272,6 +280,14 @@
 			height: floor($v-unit-size * $font-size-adjustment);
 			font-size: $v-font-size * $font-size-adjustment;
 			}
+		.os-table-bigrow .v-table-cell-content {
+		/* TODO find better factor */
+			$rows-in-one: 3;
+			$bigrow-factor: $rows-in-one/2.25;
+			
+			height: floor($v-unit-size * $bigrow-factor) * $rows-in-one; 
+ 			font-size: $v-font-size * $font-size-adjustment * $bigrow-factor; 
+			}
 		
 		/* LINE BREAK IN TABLE CELLS 
 		.v-table-cell-wrapper {
@@ -279,7 +295,6 @@
 			}*/
 		
 		/* fixed width font */
-		
 		.os-monospace {
 			font-family: monospace;
 			}
diff --git a/org.eclipse.osbp.themes/scss/layout/_dialog.scss b/org.eclipse.osbp.themes/scss/layout/_dialog.scss
index c3b2f02..e9b4643 100644
--- a/org.eclipse.osbp.themes/scss/layout/_dialog.scss
+++ b/org.eclipse.osbp.themes/scss/layout/_dialog.scss
@@ -198,7 +198,7 @@
 			}
 		}
 		
-	.v-filterselect-os-single-selection {
+	.v-filterselect-os-single-selection, .os-single-selection {
 		color: valo-font-color($os-sub-header-bg);
 		margin: floor($v-unit-size/3);
 		width: $os-button-width;
diff --git a/org.eclipse.osbp.themes/scss/osbp-cxo.scss b/org.eclipse.osbp.themes/scss/osbp-cxo.scss
index 3fe648c..dcf066a 100644
--- a/org.eclipse.osbp.themes/scss/osbp-cxo.scss
+++ b/org.eclipse.osbp.themes/scss/osbp-cxo.scss
@@ -37,6 +37,7 @@
 @import "components/checkbox.scss";
 @import "components/bits.scss";
 @import "components/popup.scss";
+@import "components/group.scss";
 @import "addons/suggesttext.scss";		//os-suggesttext
 
 
diff --git a/org.eclipse.osbp.themes/scss/osbp-steel.scss b/org.eclipse.osbp.themes/scss/osbp-steel.scss
index 2698238..f8dd3f2 100644
--- a/org.eclipse.osbp.themes/scss/osbp-steel.scss
+++ b/org.eclipse.osbp.themes/scss/osbp-steel.scss
@@ -2,7 +2,6 @@
 /// @group root/osbp-steel
 ////
 
-
 @import "variables-steel.scss";      /* settings specific to this theme */
 @import "variables-common.scss";    /* settings used by themes of this set, 
 	    /!\ theme-specific settings overwrite common settings */
@@ -38,6 +37,7 @@
 @import "components/checkbox.scss";
 @import "components/bits.scss";
 @import "components/popup.scss";
+@import "components/group.scss";
 @import "addons/suggesttext.scss";		//os-suggesttext
 
 
diff --git a/org.eclipse.osbp.themes/scss/osbp-tea.scss b/org.eclipse.osbp.themes/scss/osbp-tea.scss
index f481b2f..8ad8146 100644
--- a/org.eclipse.osbp.themes/scss/osbp-tea.scss
+++ b/org.eclipse.osbp.themes/scss/osbp-tea.scss
@@ -37,6 +37,7 @@
 @import "components/checkbox.scss";
 @import "components/bits.scss";
 @import "components/popup.scss";
+@import "components/group.scss";
 @import "addons/suggesttext.scss";		//os-suggesttext
 
 /* scss under /layout have to be encased in a @mixin to be used below 
diff --git a/org.eclipse.osbp.themes/scss/osbp.scss b/org.eclipse.osbp.themes/scss/osbp.scss
index ea449c0..1bae9da 100644
--- a/org.eclipse.osbp.themes/scss/osbp.scss
+++ b/org.eclipse.osbp.themes/scss/osbp.scss
@@ -2,11 +2,9 @@
 /// @group root/osbp
 ////
 
-
 @import "variables-osbp.scss"; 	/* settings specific to this theme */
 @import "variables-common.scss";    /* settings used by themes of this set, 
 	    /!\ theme-specific settings overwrite valo/shared settings */
-	    
 @import "../valo/valo.scss";
 
 /* http://meyerweb.com/eric/tools/css/reset/ 
@@ -15,21 +13,19 @@
 
 @import "external/reset.scss"
 */
-
 @import "external/dragdrop.scss";
 @import "external/charts.scss";	//os-charts
 
-/* variables used in components related to POS/cash register 
-*/
-@import "common/cash-variables.scss";   //POS
-
 /* style definitions derived from vaadin addons 
 */
 @import "addons/designer.scss";			//os-designer
 @import "addons/absolutelayout.scss";	//os-absolute-layout
-@import "addons/suggesttext.scss";		//os-suggesttext-popup
 
 
+/* variables used in components related to POS/cash register 
+*/
+@import "common/cash-variables.scss";   //POS
+
 /* style definitions under /layout reference these mixins. 
 *  components are not included directly in @mixin <mainStyleName>
 */
@@ -40,7 +36,10 @@
 @import "components/focus.scss";
 @import "components/checkbox.scss";
 @import "components/bits.scss";
+@import "components/group.scss";
 @import "components/popup.scss";
+@import "addons/suggesttext.scss";		//os-suggesttext
+
 
 
 /* scss under /layout have to be encased in a @mixin to be used below 
diff --git a/org.eclipse.osbp.vaadin.widgetset/META-INF/MANIFEST.MF b/org.eclipse.osbp.vaadin.widgetset/META-INF/MANIFEST.MF
index 5a60839..67e11db 100644
--- a/org.eclipse.osbp.vaadin.widgetset/META-INF/MANIFEST.MF
+++ b/org.eclipse.osbp.vaadin.widgetset/META-INF/MANIFEST.MF
@@ -18,7 +18,7 @@
  popupbutton.osgi;bundle-version="[2.5.0,2.5.1)",
  multifileupload.osgi;bundle-version="[1.10,1.11)",
  dragdroplayouts.osgi;bundle-version="[1.3.2,1.3.3)",
- contextmenu.osgi;bundle-version="[4.6,4.7)",
+ com.vaadin.addon.vaadin-context-menu,
  refresher.osgi;bundle-version="[1.2.3.7,1.2.4)",
  sizereporter.osgi;bundle-version="[0.1.4,0.1.5)",
  filteringtable.osgi;bundle-version="0.9.13",
@@ -32,7 +32,8 @@
  org.vaadin.addons.vaadin-grid-util;bundle-version="1.0.8",
  org.eclipse.osbp.ecview.extension.grid.presentation.clientside;bundle-version="[0.9.0,0.10.0)",
  org.eclipse.osbp.fork.vaadin.addon.maskedtextfield;bundle-version="[0.1.10,0.1.11)",
- org.eclipse.osbp.vaadin.addons.kanban;bundle-version="0.9.0"
+ org.eclipse.osbp.vaadin.addons.kanban;bundle-version="0.9.0",
+ org.eclipse.osbp.vaadin.addons.keyevents;bundle-version="0.9.0"
 Bundle-RequiredExecutionEnvironment: JavaSE-1.8
 Bundle-ActivationPolicy: lazy
 
diff --git a/org.eclipse.osbp.vaadin.widgetset/README.md b/org.eclipse.osbp.vaadin.widgetset/README.md
deleted file mode 100644
index 550f3cb..0000000
--- a/org.eclipse.osbp.vaadin.widgetset/README.md
+++ /dev/null
@@ -1,11 +0,0 @@
-
-# How to build the OS.bee theme
-
-It requires two steps.
-
-
-*   Run the sass-compiler (See files sass.compile.* in the folder). For now it does not work by maven?!
-*   Compile the widgetset by calling "mvn clean verify"
-
- 
-
diff --git a/org.eclipse.osbp.vaadin.widgetset/pom.xml b/org.eclipse.osbp.vaadin.widgetset/pom.xml
index 6a93e2a..e658e34 100644
--- a/org.eclipse.osbp.vaadin.widgetset/pom.xml
+++ b/org.eclipse.osbp.vaadin.widgetset/pom.xml
@@ -37,6 +37,13 @@
 		</pluginRepository>
 	</pluginRepositories>
 
+	<repositories>
+        <repository>
+            <id>vaadin-addons</id>
+            <url>http://maven.vaadin.com/vaadin-addons</url>
+        </repository>
+	</repositories>
+
 	<dependencies>
 		<dependency>
 			<groupId>com.vaadin</groupId>
@@ -79,6 +86,98 @@
 			<version>0.9.0-SNAPSHOT</version>
 			<type>eclipse-plugin</type>
 		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.vaadin.addons</groupId>
+			<artifactId>org.eclipse.osbp.vaadin.addons.keyevents</artifactId>
+			<version>0.9.0-SNAPSHOT</version>
+			<type>eclipse-plugin</type>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.fork.vaadin.addons</groupId>
+			<artifactId>org.eclipse.osbp.fork.vaadin.addon.filteringtable</artifactId>
+			<version>0.9.13-SNAPSHOT</version>
+			<type>eclipse-plugin</type>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.fork.vaadin.addon.maskedtextfield
+			</groupId>
+			<artifactId>org.eclipse.osbp.fork.vaadin.addon.maskedtextfield</artifactId>
+			<version>0.1.10-SNAPSHOT</version>
+			<type>eclipse-plugin</type>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.fork.vaadin.addons</groupId>
+			<artifactId>org.eclipse.osbp.fork.vaadin.addon.dcharts</artifactId>
+			<version>1.7.0-SNAPSHOT</version>
+			<type>eclipse-plugin</type>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.fork.vaadin.addons</groupId>
+			<artifactId>org.eclipse.osbp.fork.vaadin.addon.overlays</artifactId>
+			<version>1.0.0-SNAPSHOT</version>
+			<type>eclipse-plugin</type>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.dependencies</groupId>
+			<artifactId>
+				org.eclipse.osbp.dependencies.bundle.vaadin.addon.animator
+			</artifactId>
+			<version>2.0.0-SNAPSHOT</version>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.dependencies</groupId>
+			<artifactId>
+				org.eclipse.osbp.dependencies.bundle.vaadin.addon.dom
+			</artifactId>
+			<version>0.1.0-SNAPSHOT</version>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.dependencies</groupId>
+			<artifactId>
+				org.eclipse.osbp.dependencies.bundle.vaadin.addon.dragdroplayouts
+			</artifactId>
+			<version>1.3.2-SNAPSHOT</version>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.dependencies</groupId>
+			<artifactId>
+				org.eclipse.osbp.dependencies.bundle.vaadin.addon.multifileupload
+			</artifactId>
+			<version>1.10-SNAPSHOT</version>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.dependencies</groupId>
+			<artifactId>
+				org.eclipse.osbp.dependencies.bundle.vaadin.addon.popupbutton
+			</artifactId>
+			<version>2.5.0-SNAPSHOT</version>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.dependencies</groupId>
+			<artifactId>
+				org.eclipse.osbp.dependencies.bundle.vaadin.addon.refresher
+			</artifactId>
+			<version>1.2.3.7-SNAPSHOT</version>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.dependencies</groupId>
+			<artifactId>
+				org.eclipse.osbp.dependencies.bundle.vaadin.addon.sizereporter
+			</artifactId>
+			<version>0.1.4-SNAPSHOT</version>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.vaadin.addons</groupId>
+			<artifactId>
+				org.eclipse.osbp.vaadin.addons.suggesttext
+			</artifactId>
+			<version>0.9.0-SNAPSHOT</version>
+		</dependency>
+		<dependency>
+			<groupId>com.vaadin.addon</groupId>
+			<artifactId>vaadin-context-menu</artifactId>
+			<version>0.7.5</version>
+		</dependency>
 	</dependencies>
 
 	<build>
@@ -131,7 +230,6 @@
 			<plugin>
 				<groupId>org.apache.maven.plugins</groupId>
 				<artifactId>maven-clean-plugin</artifactId>
-				<version>3.0.0</version>
 				<configuration>
 					<filesets>
 						<fileset>
@@ -158,7 +256,6 @@
 			</plugin>
 			<plugin>
 				<artifactId>maven-jarsigner-plugin</artifactId>
-				<version>1.3.2</version>
 			</plugin>
 		</plugins>
 		<pluginManagement>
diff --git a/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml
index 22ff850..e05d5c8 100644
--- a/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml
+++ b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml
@@ -12,7 +12,7 @@
 	<inherits name="org.vaadin.jouni.animator.AnimatorWidgetset" />
 	<inherits name="org.vaadin.jouni.dom.DomWidgetset" />
 	<inherits name="org.vaadin.overlay.widgetset.OverlaysWidgetset" />
-	<inherits name="org.vaadin.peter.contextmenu.ContextmenuWidgetset" />
+	<inherits name="com.vaadin.addon.contextmenu.WidgetSet" />
 	<inherits name="org.vaadin.gridutil.WidgetSet" />
 	<inherits name="org.vaadin.hene.popupbutton.widgetset.PopupbuttonWidgetset" />
 	
@@ -24,5 +24,7 @@
 	<inherits name="org.eclipse.osbp.vaadin.addons.suggesttext.SuggestTextWidgetset" />
 	<inherits name="org.vaadin.addons.maskedtextfield.MaskedTextFieldWidgetset" />
 	<inherits name="org.eclipse.osbp.vaadin.addons.kanban.KanbanWidgetset" />
+	<inherits name="org.eclipse.osbp.vaadin.addons.keyevents.KeyEventsWidgetset" />
+	
 	
 </module>