parallel ip - initial checkin

Signed-off-by: Ralf Mollik <ramollik@compex-commerce.com>
diff --git a/.project b/.project
new file mode 100644
index 0000000..fb7f963
--- /dev/null
+++ b/.project
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>org.eclipse.osbp.vaadin.addons.aggregator</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.m2e.core.maven2Builder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.sonarlint.eclipse.core.sonarlintBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.m2e.core.maven2Nature</nature>
+	</natures>
+</projectDescription>
diff --git a/LICENSE.txt b/LICENSE.txt
new file mode 100644
index 0000000..ff42ad4
--- /dev/null
+++ b/LICENSE.txt
@@ -0,0 +1,161 @@
+Eclipse Public License -v 1.0
+
+THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION
+OR DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT.
+
+1. DEFINITIONS
+
+"Contribution" means:
+
+a) in the case of the initial Contributor, the initial code and documentation distributed under this Agreement, and
+
+b) in the case of each subsequent Contributor:
+
+i) changes to the Program, and
+
+ii) additions to the Program;
+
+where such changes and/or additions to the Program originate from and are distributed by that particular Contributor.
+A Contribution 'originates' from a Contributor if it was added to the Program by such Contributor itself or anyone
+acting on such Contributor's behalf. Contributions do not include additions to the Program which: (i) are separate
+modules of software distributed in conjunction with the Program under their own license agreement, and (ii) are not
+derivative works of the Program.
+
+"Contributor" means any person or entity that distributes the Program.
+
+"Licensed Patents " mean patent claims licensable by a Contributor which are necessarily infringed by the use or sale of
+its Contribution alone or when combined with the Program.
+
+"Program" means the Contributions distributed in accordance with this Agreement.
+
+"Recipient" means anyone who receives the Program under this Agreement, including all Contributors.
+
+2. GRANT OF RIGHTS
+
+a) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide,
+royalty-free copyright license to reproduce, prepare derivative works of, publicly display, publicly perform, distribute
+and sublicense the Contribution of such Contributor, if any, and such derivative works, in source code and object code
+form.
+
+b) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide,
+royalty-free patent license under Licensed Patents to make, use, sell, offer to sell, import and otherwise transfer the
+Contribution of such Contributor, if any, in source code and object code form. This patent license shall apply to the
+combination of the Contribution and the Program if, at the time the Contribution is added by the Contributor, such
+addition of the Contribution causes such combination to be covered by the Licensed Patents. The patent license shall not
+apply to any other combinations which include the Contribution. No hardware per se is licensed hereunder.
+
+c) Recipient understands that although each Contributor grants the licenses to its Contributions set forth herein, no
+assurances are provided by any Contributor that the Program does not infringe the patent or other intellectual property
+rights of any other entity. Each Contributor disclaims any liability to Recipient for claims brought by any other entity
+based on infringement of intellectual property rights or otherwise. As a condition to exercising the rights and
+licenses granted hereunder, each Recipient hereby assumes sole responsibility to secure any other intellectual property
+rights needed, if any. For example, if a third party patent license is required to allow Recipient to distribute the
+Program, it is Recipient's responsibility to acquire that license before distributing the Program.
+
+d) Each Contributor represents that to its knowledge it has sufficient copyright rights in its Contribution, if any, to
+grant the copyright license set forth in this Agreement.
+
+3. REQUIREMENTS
+
+A Contributor may choose to distribute the Program in object code form under its own license agreement, provided that:
+
+a) it complies with the terms and conditions of this Agreement; and
+
+b) its license agreement:
+
+i) effectively disclaims on behalf of all Contributors all warranties and conditions, express and implied, including
+warranties or conditions of title and non-infringement, and implied warranties or conditions of merchantability and
+fitness for a particular purpose;
+
+ii) effectively excludes on behalf of all Contributors all liability for damages, including direct, indirect, special,
+incidental and consequential damages, such as lost profits;
+
+iii) states that any provisions which differ from this Agreement are offered by that Contributor alone and not by any
+other party; and
+
+iv) states that source code for the Program is available from such Contributor, and informs licensees how to obtain it
+in a reasonable manner on or through a medium customarily used for software exchange.
+
+When the Program is made available in source code form:
+
+a) it must be made available under this Agreement; and
+
+b) a copy of this Agreement must be included with each copy of the Program.
+
+Contributors may not remove or alter any copyright notices contained within the Program.
+
+Each Contributor must identify itself as the originator of its Contribution, if any, in a manner that reasonably allows
+subsequent Recipients to identify the originator of the Contribution.
+
+4. COMMERCIAL DISTRIBUTION
+
+Commercial distributors of software may accept certain responsibilities with respect to end users, business partners and
+the like. While this license is intended to facilitate the commercial use of the Program, the Contributor who includes
+the Program in a commercial product offering should do so in a manner which does not create potential liability for
+other Contributors. Therefore, if a Contributor includes the Program in a commercial product offering, such Contributor
+("Commercial Contributor") hereby agrees to defend and indemnify every other Contributor ("Indemnified Contributor")
+against any losses, damages and costs (collectively "Losses") arising from claims, lawsuits and other legal actions
+brought by a third party against the Indemnified Contributor to the extent caused by the acts or omissions of such
+Commercial Contributor in connection with its distribution of the Program in a commercial product offering. The
+obligations in this section do not apply to any claims or Losses relating to any actual or alleged intellectual
+property infringement. In order to qualify, an Indemnified Contributor must: a) promptly notify the Commercial
+Contributor in writing of such claim, and b) allow the Commercial Contributor to control, and cooperate with the
+Commercial Contributor in, the defense and any related settlement negotiations. The Indemnified Contributor may
+ participate in any such claim at its own expense.
+
+For example, a Contributor might include the Program in a commercial product offering, Product X. That Contributor is
+then a Commercial Contributor. If that Commercial Contributor then makes performance claims, or offers warranties
+related to Product X, those performance claims and warranties are such Commercial Contributor's responsibility alone.
+Under this section, the Commercial Contributor would have to defend claims against the other Contributors related to
+those performance claims and warranties, and if a court requires any other Contributor to pay any damages as a result,
+the Commercial Contributor must pay those damages.
+
+5. NO WARRANTY
+
+EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR
+CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE,
+NON-INFRINGEMENT, MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely responsible for
+determining the appropriateness of using and distributing the Program and assumes all risks associated with its
+exercise of rights under this Agreement , including but not limited to the risks and costs of program errors, compliance
+with applicable laws, damage to or loss of data, programs or equipment, and unavailability or interruption of operations.
+
+6. DISCLAIMER OF LIABILITY
+
+EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING WITHOUT LIMITATION LOST PROFITS),
+HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED
+HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. GENERAL
+
+If any provision of this Agreement is invalid or unenforceable under applicable law, it shall not affect the validity or
+enforceability of the remainder of the terms of this Agreement, and without further action by the parties hereto, such
+provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
+
+If Recipient institutes patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit)
+alleging that the Program itself (excluding combinations of the Program with other software or hardware) infringes such
+Recipient's patent(s), then such Recipient's rights granted under Section 2(b) shall terminate as of the date such
+litigation is filed.
+
+All Recipient's rights under this Agreement shall terminate if it fails to comply with any of the material terms or
+conditions of this Agreement and does not cure such failure in a reasonable period of time after becoming aware of such
+noncompliance. If all Recipient's rights under this Agreement terminate, Recipient agrees to cease use and distribution
+of the Program as soon as reasonably practicable. However, Recipient's obligations under this Agreement and any licenses
+ granted by Recipient relating to the Program shall continue and survive.
+
+Everyone is permitted to copy and distribute copies of this Agreement, but in order to avoid inconsistency the Agreement
+is copyrighted and may only be modified in the following manner. The Agreement Steward reserves the right to publish
+new versions (including revisions) of this Agreement from time to time. No one other than the Agreement Steward has the
+right to modify this Agreement. The Eclipse Foundation is the initial Agreement Steward. The Eclipse Foundation may
+assign the responsibility to serve as the Agreement Steward to a suitable separate entity. Each new version of the
+Agreement will be given a distinguishing version number. The Program (including Contributions) may always be
+distributed subject to the version of the Agreement under which it was received. In addition, after a new version of
+the Agreement is published, Contributor may elect to distribute the Program (including its Contributions) under the
+new version. Except as expressly stated in Sections 2(a) and 2(b) above, Recipient receives no rights or licenses to
+the intellectual property of any Contributor under this Agreement, whether expressly, by implication, estoppel or
+otherwise. All rights in the Program not expressly granted under this Agreement are reserved.
+
+This Agreement is governed by the laws of the State of New York and the intellectual property laws of the United States
+of America. No party to this Agreement will bring a legal action under this Agreement more than one year after the cause
+of action arose. Each party waives its rights to a jury trial in any resulting litigation.
\ No newline at end of file
diff --git a/about.html b/about.html
new file mode 100644
index 0000000..64c0598
--- /dev/null
+++ b/about.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
+<title>About</title>
+</head>
+<body lang="EN-US">
+<h2>About This Content</h2>
+ 
+<p>June 1, 2016</p>	
+<h3>License</h3>
+
+<p>The Eclipse Foundation makes available all content in this plug-in (&quot;Content&quot;).  Unless otherwise 
+indicated below, the Content is provided to you under the terms and conditions of the
+Eclipse Public License Version 1.0 (&quot;EPL&quot;).  A copy of the EPL is available 
+at <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>.
+For purposes of the EPL, &quot;Program&quot; will mean the Content.</p>
+
+<p>If you did not receive this Content directly from the Eclipse Foundation, the Content is 
+being redistributed by another party (&quot;Redistributor&quot;) and different terms and conditions may
+apply to your use of any object code in the Content.  Check the Redistributor's license that was 
+provided with the Content.  If no such license exists, contact the Redistributor.  Unless otherwise
+indicated below, the terms and conditions of the EPL still apply to any source code in the Content
+and such source code may be obtained at <a href="http://www.eclipse.org/">http://www.eclipse.org</a>.</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/epl-v10.html b/epl-v10.html
new file mode 100644
index 0000000..b398acc
--- /dev/null
+++ b/epl-v10.html
@@ -0,0 +1,259 @@
+<!--?xml version="1.0" encoding="ISO-8859-1" ?-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Eclipse Public License - Version 1.0</title>
+<style type="text/css">
+  body {
+    size: 8.5in 11.0in;
+    margin: 0.25in 0.5in 0.25in 0.5in;
+    tab-interval: 0.5in;
+    }
+  p {  	
+    margin-left: auto;
+    margin-top:  0.5em;
+    margin-bottom: 0.5em;
+    }
+  p.list {
+  	margin-left: 0.5in;
+    margin-top:  0.05em;
+    margin-bottom: 0.05em;
+    }
+  </style>
+
+</head>
+
+<body lang="EN-US">
+
+<h2>Eclipse Public License - v 1.0</h2>
+
+<p>THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE
+PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION OR
+DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS
+AGREEMENT.</p>
+
+<p><b>1. DEFINITIONS</b></p>
+
+<p>"Contribution" means:</p>
+
+<p class="list">a) in the case of the initial Contributor, the initial
+code and documentation distributed under this Agreement, and</p>
+<p class="list">b) in the case of each subsequent Contributor:</p>
+<p class="list">i) changes to the Program, and</p>
+<p class="list">ii) additions to the Program;</p>
+<p class="list">where such changes and/or additions to the Program
+originate from and are distributed by that particular Contributor. A
+Contribution 'originates' from a Contributor if it was added to the
+Program by such Contributor itself or anyone acting on such
+Contributor's behalf. Contributions do not include additions to the
+Program which: (i) are separate modules of software distributed in
+conjunction with the Program under their own license agreement, and (ii)
+are not derivative works of the Program.</p>
+
+<p>"Contributor" means any person or entity that distributes
+the Program.</p>
+
+<p>"Licensed Patents" mean patent claims licensable by a
+Contributor which are necessarily infringed by the use or sale of its
+Contribution alone or when combined with the Program.</p>
+
+<p>"Program" means the Contributions distributed in accordance
+with this Agreement.</p>
+
+<p>"Recipient" means anyone who receives the Program under
+this Agreement, including all Contributors.</p>
+
+<p><b>2. GRANT OF RIGHTS</b></p>
+
+<p class="list">a) Subject to the terms of this Agreement, each
+Contributor hereby grants Recipient a non-exclusive, worldwide,
+royalty-free copyright license to reproduce, prepare derivative works
+of, publicly display, publicly perform, distribute and sublicense the
+Contribution of such Contributor, if any, and such derivative works, in
+source code and object code form.</p>
+
+<p class="list">b) Subject to the terms of this Agreement, each
+Contributor hereby grants Recipient a non-exclusive, worldwide,
+royalty-free patent license under Licensed Patents to make, use, sell,
+offer to sell, import and otherwise transfer the Contribution of such
+Contributor, if any, in source code and object code form. This patent
+license shall apply to the combination of the Contribution and the
+Program if, at the time the Contribution is added by the Contributor,
+such addition of the Contribution causes such combination to be covered
+by the Licensed Patents. The patent license shall not apply to any other
+combinations which include the Contribution. No hardware per se is
+licensed hereunder.</p>
+
+<p class="list">c) Recipient understands that although each Contributor
+grants the licenses to its Contributions set forth herein, no assurances
+are provided by any Contributor that the Program does not infringe the
+patent or other intellectual property rights of any other entity. Each
+Contributor disclaims any liability to Recipient for claims brought by
+any other entity based on infringement of intellectual property rights
+or otherwise. As a condition to exercising the rights and licenses
+granted hereunder, each Recipient hereby assumes sole responsibility to
+secure any other intellectual property rights needed, if any. For
+example, if a third party patent license is required to allow Recipient
+to distribute the Program, it is Recipient's responsibility to acquire
+that license before distributing the Program.</p>
+
+<p class="list">d) Each Contributor represents that to its knowledge it
+has sufficient copyright rights in its Contribution, if any, to grant
+the copyright license set forth in this Agreement.</p>
+
+<p><b>3. REQUIREMENTS</b></p>
+
+<p>A Contributor may choose to distribute the Program in object code
+form under its own license agreement, provided that:</p>
+
+<p class="list">a) it complies with the terms and conditions of this
+Agreement; and</p>
+
+<p class="list">b) its license agreement:</p>
+
+<p class="list">i) effectively disclaims on behalf of all Contributors
+all warranties and conditions, express and implied, including warranties
+or conditions of title and non-infringement, and implied warranties or
+conditions of merchantability and fitness for a particular purpose;</p>
+
+<p class="list">ii) effectively excludes on behalf of all Contributors
+all liability for damages, including direct, indirect, special,
+incidental and consequential damages, such as lost profits;</p>
+
+<p class="list">iii) states that any provisions which differ from this
+Agreement are offered by that Contributor alone and not by any other
+party; and</p>
+
+<p class="list">iv) states that source code for the Program is available
+from such Contributor, and informs licensees how to obtain it in a
+reasonable manner on or through a medium customarily used for software
+exchange.</p>
+
+<p>When the Program is made available in source code form:</p>
+
+<p class="list">a) it must be made available under this Agreement; and</p>
+
+<p class="list">b) a copy of this Agreement must be included with each
+copy of the Program.</p>
+
+<p>Contributors may not remove or alter any copyright notices contained
+within the Program.</p>
+
+<p>Each Contributor must identify itself as the originator of its
+Contribution, if any, in a manner that reasonably allows subsequent
+Recipients to identify the originator of the Contribution.</p>
+
+<p><b>4. COMMERCIAL DISTRIBUTION</b></p>
+
+<p>Commercial distributors of software may accept certain
+responsibilities with respect to end users, business partners and the
+like. While this license is intended to facilitate the commercial use of
+the Program, the Contributor who includes the Program in a commercial
+product offering should do so in a manner which does not create
+potential liability for other Contributors. Therefore, if a Contributor
+includes the Program in a commercial product offering, such Contributor
+("Commercial Contributor") hereby agrees to defend and
+indemnify every other Contributor ("Indemnified Contributor")
+against any losses, damages and costs (collectively "Losses")
+arising from claims, lawsuits and other legal actions brought by a third
+party against the Indemnified Contributor to the extent caused by the
+acts or omissions of such Commercial Contributor in connection with its
+distribution of the Program in a commercial product offering. The
+obligations in this section do not apply to any claims or Losses
+relating to any actual or alleged intellectual property infringement. In
+order to qualify, an Indemnified Contributor must: a) promptly notify
+the Commercial Contributor in writing of such claim, and b) allow the
+Commercial Contributor to control, and cooperate with the Commercial
+Contributor in, the defense and any related settlement negotiations. The
+Indemnified Contributor may participate in any such claim at its own
+expense.</p>
+
+<p>For example, a Contributor might include the Program in a commercial
+product offering, Product X. That Contributor is then a Commercial
+Contributor. If that Commercial Contributor then makes performance
+claims, or offers warranties related to Product X, those performance
+claims and warranties are such Commercial Contributor's responsibility
+alone. Under this section, the Commercial Contributor would have to
+defend claims against the other Contributors related to those
+performance claims and warranties, and if a court requires any other
+Contributor to pay any damages as a result, the Commercial Contributor
+must pay those damages.</p>
+
+<p><b>5. NO WARRANTY</b></p>
+
+<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS
+PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS
+OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION,
+ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY
+OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely
+responsible for determining the appropriateness of using and
+distributing the Program and assumes all risks associated with its
+exercise of rights under this Agreement , including but not limited to
+the risks and costs of program errors, compliance with applicable laws,
+damage to or loss of data, programs or equipment, and unavailability or
+interruption of operations.</p>
+
+<p><b>6. DISCLAIMER OF LIABILITY</b></p>
+
+<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT
+NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY DIRECT, INDIRECT,
+INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING
+WITHOUT LIMITATION LOST PROFITS), HOWEVER CAUSED AND ON ANY THEORY OF
+LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR
+DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED
+HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</p>
+
+<p><b>7. GENERAL</b></p>
+
+<p>If any provision of this Agreement is invalid or unenforceable under
+applicable law, it shall not affect the validity or enforceability of
+the remainder of the terms of this Agreement, and without further action
+by the parties hereto, such provision shall be reformed to the minimum
+extent necessary to make such provision valid and enforceable.</p>
+
+<p>If Recipient institutes patent litigation against any entity
+(including a cross-claim or counterclaim in a lawsuit) alleging that the
+Program itself (excluding combinations of the Program with other
+software or hardware) infringes such Recipient's patent(s), then such
+Recipient's rights granted under Section 2(b) shall terminate as of the
+date such litigation is filed.</p>
+
+<p>All Recipient's rights under this Agreement shall terminate if it
+fails to comply with any of the material terms or conditions of this
+Agreement and does not cure such failure in a reasonable period of time
+after becoming aware of such noncompliance. If all Recipient's rights
+under this Agreement terminate, Recipient agrees to cease use and
+distribution of the Program as soon as reasonably practicable. However,
+Recipient's obligations under this Agreement and any licenses granted by
+Recipient relating to the Program shall continue and survive.</p>
+
+<p>Everyone is permitted to copy and distribute copies of this
+Agreement, but in order to avoid inconsistency the Agreement is
+copyrighted and may only be modified in the following manner. The
+Agreement Steward reserves the right to publish new versions (including
+revisions) of this Agreement from time to time. No one other than the
+Agreement Steward has the right to modify this Agreement. The Eclipse
+Foundation is the initial Agreement Steward. The Eclipse Foundation may
+assign the responsibility to serve as the Agreement Steward to a
+suitable separate entity. Each new version of the Agreement will be
+given a distinguishing version number. The Program (including
+Contributions) may always be distributed subject to the version of the
+Agreement under which it was received. In addition, after a new version
+of the Agreement is published, Contributor may elect to distribute the
+Program (including its Contributions) under the new version. Except as
+expressly stated in Sections 2(a) and 2(b) above, Recipient receives no
+rights or licenses to the intellectual property of any Contributor under
+this Agreement, whether expressly, by implication, estoppel or
+otherwise. All rights in the Program not expressly granted under this
+Agreement are reserved.</p>
+
+<p>This Agreement is governed by the laws of the State of New York and
+the intellectual property laws of the United States of America. No party
+to this Agreement will bring a legal action under this Agreement more
+than one year after the cause of action arose. Each party waives its
+rights to a jury trial in any resulting litigation.</p>
+
+
+
+</body></html>
\ No newline at end of file
diff --git a/jenkins.build.config.xml b/jenkins.build.config.xml
new file mode 100644
index 0000000..466c9ba
--- /dev/null
+++ b/jenkins.build.config.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+ *                                                                            
+ * 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 
+-->
+<!--#======================================================================= -->
+<!--# Module specific parameters for the Jenkins Job 						 -->
+<!--#======================================================================= -->
+
+<jenkins>
+	<jenkins.build.technologystack />
+	<settings>${user.home}/.m2/settingsMirrors.xml</settings>
+	<!-- DO NOT EDIT BELOW THIS LINE -->
+        <jenkins.build.dependencies>
+                <jenkins.build.dependency>org.eclipse.osbp.releng.maven</jenkins.build.dependency>
+        </jenkins.build.dependencies>
+</jenkins>
diff --git a/license.html b/license.html
new file mode 100644
index 0000000..6e579a5
--- /dev/null
+++ b/license.html
@@ -0,0 +1,164 @@
+<!--?xml version="1.0" encoding="ISO-8859-1" ?-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Eclipse Foundation Software User Agreement</title>
+</head>
+
+<body lang="EN-US">
+<h2>Eclipse Foundation Software User Agreement</h2>
+<p>February 1, 2011</p>
+
+<h3>Usage Of Content</h3>
+
+<p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS
+   (COLLECTIVELY "CONTENT").  USE OF THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND
+   CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW.  BY USING THE CONTENT, YOU AGREE THAT YOUR USE
+   OF THE CONTENT IS GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR
+   NOTICES INDICATED OR REFERENCED BELOW.  IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND
+   CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT USE THE CONTENT.</p>
+
+<h3>Applicable Licenses</h3>
+
+<p>Unless otherwise indicated, all Content made available by the Eclipse
+ Foundation is provided to you under the terms and conditions of the 
+Eclipse Public License Version 1.0
+   ("EPL").  A copy of the EPL is provided with this Content and is also
+ available at <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>.
+   For purposes of the EPL, "Program" will mean the Content.</p>
+
+<p>Content includes, but is not limited to, source code, object code, 
+documentation and other files maintained in the Eclipse Foundation 
+source code
+   repository ("Repository") in software modules ("Modules") and made 
+available as downloadable archives ("Downloads").</p>
+
+<ul>
+       <li>Content may be structured and packaged into modules to 
+facilitate delivering, extending, and upgrading the Content.  Typical 
+modules may include plug-ins ("Plug-ins"), plug-in fragments 
+("Fragments"), and features ("Features").</li>
+       <li>Each Plug-in or Fragment may be packaged as a sub-directory or JAR (Java&#8482; ARchive) in a directory named "plugins".</li>
+       <li>A Feature is a bundle of one or more Plug-ins and/or 
+Fragments and associated material.  Each Feature may be packaged as a 
+sub-directory in a directory named "features".  Within a Feature, files 
+named "feature.xml" may contain a list of the names and version numbers 
+of the Plug-ins
+      and/or Fragments associated with that Feature.</li>
+       <li>Features may also include other Features ("Included 
+Features"). Within a Feature, files named "feature.xml" may contain a 
+list of the names and version numbers of Included Features.</li>
+</ul>
+
+<p>The terms and conditions governing Plug-ins and Fragments should be 
+contained in files named "about.html" ("Abouts"). The terms and 
+conditions governing Features and
+Included Features should be contained in files named "license.html" 
+("Feature Licenses").  Abouts and Feature Licenses may be located in any
+ directory of a Download or Module
+including, but not limited to the following locations:</p>
+
+<ul>
+       <li>The top-level (root) directory</li>
+       <li>Plug-in and Fragment directories</li>
+       <li>Inside Plug-ins and Fragments packaged as JARs</li>
+       <li>Sub-directories of the directory named "src" of certain Plug-ins</li>
+       <li>Feature directories</li>
+</ul>
+
+<p>Note: if a Feature made available by the Eclipse Foundation is 
+installed using the Provisioning Technology (as defined below), you must
+ agree to a license ("Feature Update License") during the
+installation process.  If the Feature contains Included Features, the 
+Feature Update License should either provide you with the terms and 
+conditions governing the Included Features or
+inform you where you can locate them.  Feature Update Licenses may be 
+found in the "license" property of files named "feature.properties" 
+found within a Feature.
+Such Abouts, Feature Licenses, and Feature Update Licenses contain the 
+terms and conditions (or references to such terms and conditions) that 
+govern your use of the associated Content in
+that directory.</p>
+
+<p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER 
+TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS.
+  SOME OF THESE
+OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO):</p>
+
+<ul>
+       <li>Eclipse Distribution License Version 1.0 (available at <a href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>)</li>
+       <li>Common Public License Version 1.0 (available at <a href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>)</li>
+       <li>Apache Software License 1.1 (available at <a href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>)</li>
+       <li>Apache Software License 2.0 (available at <a href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>)</li>
+       <li>Metro Link Public License 1.00 (available at <a href="http://www.opengroup.org/openmotif/supporters/metrolink/license.html">http://www.opengroup.org/openmotif/supporters/metrolink/license.html</a>)</li>
+       <li>Mozilla Public License Version 1.1 (available at <a href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>)</li>
+</ul>
+
+<p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND 
+CONDITIONS PRIOR TO USE OF THE CONTENT.  If no About, Feature License, 
+or Feature Update License is provided, please
+contact the Eclipse Foundation to determine what terms and conditions 
+govern that particular Content.</p>
+
+
+<h3>Use of Provisioning Technology</h3>
+
+<p>The Eclipse Foundation makes available provisioning software, 
+examples of which include, but are not limited to, p2 and the Eclipse
+   Update Manager ("Provisioning Technology") for the purpose of 
+allowing users to install software, documentation, information and/or
+   other materials (collectively "Installable Software"). This 
+capability is provided with the intent of allowing such users to
+   install, extend and update Eclipse-based products. Information about 
+packaging Installable Software is available at <a href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a>
+   ("Specification").</p>
+
+<p>You may use Provisioning Technology to allow other parties to install
+ Installable Software. You shall be responsible for enabling the
+   applicable license agreements relating to the Installable Software to
+ be presented to, and accepted by, the users of the Provisioning 
+Technology
+   in accordance with the Specification. By using Provisioning 
+Technology in such a manner and making it available in accordance with 
+the
+   Specification, you further acknowledge your agreement to, and the 
+acquisition of all necessary rights to permit the following:</p>
+
+<ol>
+       <li>A series of actions may occur ("Provisioning Process") in 
+which a user may execute the Provisioning Technology
+       on a machine ("Target Machine") with the intent of installing, 
+extending or updating the functionality of an Eclipse-based
+       product.</li>
+       <li>During the Provisioning Process, the Provisioning Technology 
+may cause third party Installable Software or a portion thereof to be
+       accessed and copied to the Target Machine.</li>
+       <li>Pursuant to the Specification, you will provide to the user 
+the terms and conditions that govern the use of the Installable
+       Software ("Installable Software Agreement") and such Installable 
+Software Agreement shall be accessed from the Target
+       Machine in accordance with the Specification. Such Installable 
+Software Agreement must inform the user of the terms and conditions that
+ govern
+       the Installable Software and must solicit acceptance by the end 
+user in the manner prescribed in such Installable Software Agreement. 
+Upon such
+       indication of agreement by the user, the provisioning Technology 
+will complete installation of the Installable Software.</li>
+</ol>
+
+<h3>Cryptography</h3>
+
+<p>Content may contain encryption software. The country in which you are
+ currently may have restrictions on the import, possession, and use, 
+and/or re-export to
+   another country, of encryption software. BEFORE using any encryption 
+software, please check the country's laws, regulations and policies 
+concerning the import,
+   possession, or use, and re-export of encryption software, to see if 
+this is permitted.</p>
+
+<p><small>Java and all Java-based trademarks are trademarks of Oracle Corporation in the United States, other countries, or both.</small></p>
+
+
+</body></html>
\ No newline at end of file
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/.project b/org.eclipse.osbp.vaadin.addons.absolutelayout/.project
new file mode 100644
index 0000000..f33826b
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/.project
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>org.eclipse.osbp.vaadin.addons.absolutelayout</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.wst.jsdt.core.javascriptValidator</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.wst.common.project.facet.core.builder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.wst.validation.validationbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>com.vaadin.integration.eclipse.widgetsetBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>com.vaadin.integration.eclipse.addonStylesBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.sonarlint.eclipse.core.sonarlintBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.m2e.core.maven2Builder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.pde.PluginNature</nature>
+		<nature>org.eclipse.m2e.core.maven2Nature</nature>
+		<nature>org.eclipse.jem.workbench.JavaEMFNature</nature>
+		<nature>org.eclipse.wst.common.modulecore.ModuleCoreNature</nature>
+		<nature>org.eclipse.wst.common.project.facet.core.nature</nature>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>com.vaadin.integration.eclipse.widgetsetNature</nature>
+		<nature>org.apache.ivyde.eclipse.ivynature</nature>
+		<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
+	</natures>
+</projectDescription>
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/LICENSE.txt b/org.eclipse.osbp.vaadin.addons.absolutelayout/LICENSE.txt
new file mode 100644
index 0000000..ff42ad4
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/LICENSE.txt
@@ -0,0 +1,161 @@
+Eclipse Public License -v 1.0
+
+THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION
+OR DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT.
+
+1. DEFINITIONS
+
+"Contribution" means:
+
+a) in the case of the initial Contributor, the initial code and documentation distributed under this Agreement, and
+
+b) in the case of each subsequent Contributor:
+
+i) changes to the Program, and
+
+ii) additions to the Program;
+
+where such changes and/or additions to the Program originate from and are distributed by that particular Contributor.
+A Contribution 'originates' from a Contributor if it was added to the Program by such Contributor itself or anyone
+acting on such Contributor's behalf. Contributions do not include additions to the Program which: (i) are separate
+modules of software distributed in conjunction with the Program under their own license agreement, and (ii) are not
+derivative works of the Program.
+
+"Contributor" means any person or entity that distributes the Program.
+
+"Licensed Patents " mean patent claims licensable by a Contributor which are necessarily infringed by the use or sale of
+its Contribution alone or when combined with the Program.
+
+"Program" means the Contributions distributed in accordance with this Agreement.
+
+"Recipient" means anyone who receives the Program under this Agreement, including all Contributors.
+
+2. GRANT OF RIGHTS
+
+a) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide,
+royalty-free copyright license to reproduce, prepare derivative works of, publicly display, publicly perform, distribute
+and sublicense the Contribution of such Contributor, if any, and such derivative works, in source code and object code
+form.
+
+b) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide,
+royalty-free patent license under Licensed Patents to make, use, sell, offer to sell, import and otherwise transfer the
+Contribution of such Contributor, if any, in source code and object code form. This patent license shall apply to the
+combination of the Contribution and the Program if, at the time the Contribution is added by the Contributor, such
+addition of the Contribution causes such combination to be covered by the Licensed Patents. The patent license shall not
+apply to any other combinations which include the Contribution. No hardware per se is licensed hereunder.
+
+c) Recipient understands that although each Contributor grants the licenses to its Contributions set forth herein, no
+assurances are provided by any Contributor that the Program does not infringe the patent or other intellectual property
+rights of any other entity. Each Contributor disclaims any liability to Recipient for claims brought by any other entity
+based on infringement of intellectual property rights or otherwise. As a condition to exercising the rights and
+licenses granted hereunder, each Recipient hereby assumes sole responsibility to secure any other intellectual property
+rights needed, if any. For example, if a third party patent license is required to allow Recipient to distribute the
+Program, it is Recipient's responsibility to acquire that license before distributing the Program.
+
+d) Each Contributor represents that to its knowledge it has sufficient copyright rights in its Contribution, if any, to
+grant the copyright license set forth in this Agreement.
+
+3. REQUIREMENTS
+
+A Contributor may choose to distribute the Program in object code form under its own license agreement, provided that:
+
+a) it complies with the terms and conditions of this Agreement; and
+
+b) its license agreement:
+
+i) effectively disclaims on behalf of all Contributors all warranties and conditions, express and implied, including
+warranties or conditions of title and non-infringement, and implied warranties or conditions of merchantability and
+fitness for a particular purpose;
+
+ii) effectively excludes on behalf of all Contributors all liability for damages, including direct, indirect, special,
+incidental and consequential damages, such as lost profits;
+
+iii) states that any provisions which differ from this Agreement are offered by that Contributor alone and not by any
+other party; and
+
+iv) states that source code for the Program is available from such Contributor, and informs licensees how to obtain it
+in a reasonable manner on or through a medium customarily used for software exchange.
+
+When the Program is made available in source code form:
+
+a) it must be made available under this Agreement; and
+
+b) a copy of this Agreement must be included with each copy of the Program.
+
+Contributors may not remove or alter any copyright notices contained within the Program.
+
+Each Contributor must identify itself as the originator of its Contribution, if any, in a manner that reasonably allows
+subsequent Recipients to identify the originator of the Contribution.
+
+4. COMMERCIAL DISTRIBUTION
+
+Commercial distributors of software may accept certain responsibilities with respect to end users, business partners and
+the like. While this license is intended to facilitate the commercial use of the Program, the Contributor who includes
+the Program in a commercial product offering should do so in a manner which does not create potential liability for
+other Contributors. Therefore, if a Contributor includes the Program in a commercial product offering, such Contributor
+("Commercial Contributor") hereby agrees to defend and indemnify every other Contributor ("Indemnified Contributor")
+against any losses, damages and costs (collectively "Losses") arising from claims, lawsuits and other legal actions
+brought by a third party against the Indemnified Contributor to the extent caused by the acts or omissions of such
+Commercial Contributor in connection with its distribution of the Program in a commercial product offering. The
+obligations in this section do not apply to any claims or Losses relating to any actual or alleged intellectual
+property infringement. In order to qualify, an Indemnified Contributor must: a) promptly notify the Commercial
+Contributor in writing of such claim, and b) allow the Commercial Contributor to control, and cooperate with the
+Commercial Contributor in, the defense and any related settlement negotiations. The Indemnified Contributor may
+ participate in any such claim at its own expense.
+
+For example, a Contributor might include the Program in a commercial product offering, Product X. That Contributor is
+then a Commercial Contributor. If that Commercial Contributor then makes performance claims, or offers warranties
+related to Product X, those performance claims and warranties are such Commercial Contributor's responsibility alone.
+Under this section, the Commercial Contributor would have to defend claims against the other Contributors related to
+those performance claims and warranties, and if a court requires any other Contributor to pay any damages as a result,
+the Commercial Contributor must pay those damages.
+
+5. NO WARRANTY
+
+EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR
+CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE,
+NON-INFRINGEMENT, MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely responsible for
+determining the appropriateness of using and distributing the Program and assumes all risks associated with its
+exercise of rights under this Agreement , including but not limited to the risks and costs of program errors, compliance
+with applicable laws, damage to or loss of data, programs or equipment, and unavailability or interruption of operations.
+
+6. DISCLAIMER OF LIABILITY
+
+EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING WITHOUT LIMITATION LOST PROFITS),
+HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
+OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED
+HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. GENERAL
+
+If any provision of this Agreement is invalid or unenforceable under applicable law, it shall not affect the validity or
+enforceability of the remainder of the terms of this Agreement, and without further action by the parties hereto, such
+provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
+
+If Recipient institutes patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit)
+alleging that the Program itself (excluding combinations of the Program with other software or hardware) infringes such
+Recipient's patent(s), then such Recipient's rights granted under Section 2(b) shall terminate as of the date such
+litigation is filed.
+
+All Recipient's rights under this Agreement shall terminate if it fails to comply with any of the material terms or
+conditions of this Agreement and does not cure such failure in a reasonable period of time after becoming aware of such
+noncompliance. If all Recipient's rights under this Agreement terminate, Recipient agrees to cease use and distribution
+of the Program as soon as reasonably practicable. However, Recipient's obligations under this Agreement and any licenses
+ granted by Recipient relating to the Program shall continue and survive.
+
+Everyone is permitted to copy and distribute copies of this Agreement, but in order to avoid inconsistency the Agreement
+is copyrighted and may only be modified in the following manner. The Agreement Steward reserves the right to publish
+new versions (including revisions) of this Agreement from time to time. No one other than the Agreement Steward has the
+right to modify this Agreement. The Eclipse Foundation is the initial Agreement Steward. The Eclipse Foundation may
+assign the responsibility to serve as the Agreement Steward to a suitable separate entity. Each new version of the
+Agreement will be given a distinguishing version number. The Program (including Contributions) may always be
+distributed subject to the version of the Agreement under which it was received. In addition, after a new version of
+the Agreement is published, Contributor may elect to distribute the Program (including its Contributions) under the
+new version. Except as expressly stated in Sections 2(a) and 2(b) above, Recipient receives no rights or licenses to
+the intellectual property of any Contributor under this Agreement, whether expressly, by implication, estoppel or
+otherwise. All rights in the Program not expressly granted under this Agreement are reserved.
+
+This Agreement is governed by the laws of the State of New York and the intellectual property laws of the United States
+of America. No party to this Agreement will bring a legal action under this Agreement more than one year after the cause
+of action arose. Each party waives its rights to a jury trial in any resulting litigation.
\ No newline at end of file
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/META-INF/MANIFEST.MF b/org.eclipse.osbp.vaadin.addons.absolutelayout/META-INF/MANIFEST.MF
new file mode 100644
index 0000000..c01b4d9
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/META-INF/MANIFEST.MF
@@ -0,0 +1,31 @@
+Manifest-Version: 1.0
+Bnd-LastModified: 1491902092179
+Build-Jdk: 1.8.0_91
+Built-By: mollik
+Bundle-ActivationPolicy: lazy
+Bundle-Description: A parent POM aimed to set up the build of general Ma
+ ven based projects.
+Bundle-DocURL: http://www.eclipse.org/osbp
+Bundle-ManifestVersion: 2
+Bundle-Name: org.eclipse.osbp.vaadin.addons.absolutelayout
+Bundle-RequiredExecutionEnvironment: JavaSE-1.8
+Bundle-SymbolicName: org.eclipse.osbp.vaadin.addons.absolutelayout
+Bundle-Vendor: Eclipse OSBP
+Bundle-Version: 0.9.0.qualifier
+Created-By: Apache Maven Bundle Plugin
+Export-Package: org.eclipse.osbp.vaadin.addons.absolutelayout;version="0
+ .9.0",org.eclipse.osbp.vaadin.addons.absolutelayout.client;version="0.9
+ .0",org.eclipse.osbp.vaadin.addons.absolutelayout.public.oabsolutelayou
+ t;version="0.9.0"
+Import-Package: com.vaadin.annotations;version="[7.5.7,7.7.0)",com.vaadi
+ n.client.communication;version="[7.5.7,7.7.0)",com.vaadin.client.ui.dd;
+ version="[7.5.7,7.7.0)",com.vaadin.server;version="[7.5.7,7.7.0)",com.v
+ aadin.ui;version="[7.5.7,7.7.0)",javax.servlet.annotation;resolution:=o
+ ptional;version="[3.0,4)",org.eclipse.osbp.vaadin.addons.absolutelayout
+ .client;version="[0.9,1)",org.junit
+Require-Bundle: com.vaadin.server;bundle-version="[7.5.7,7.7.0)",com.vaa
+ din.client;bundle-version="[7.5.7,7.7.0)",com.vaadin.shared;bundle-vers
+ ion="[7.5.7,7.7.0)",org.jsoup;bundle-version="[1.8.3,1.8.4)",dragdropla
+ youts.osgi;bundle-version="[1.1.3,1.1.4)"
+Require-Capability: osgi.ee;filter:="(&(osgi.ee=JavaSE)(version=1.8))"
+Tool: Bnd-3.2.0.201605172007
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/META-INF/git.properties b/org.eclipse.osbp.vaadin.addons.absolutelayout/META-INF/git.properties
new file mode 100644
index 0000000..5eccd6e
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/META-INF/git.properties
@@ -0,0 +1,14 @@
+#Generated by Git-Commit-Id-Plugin
+#Tue Apr 11 11:17:32 CEST 2017
+git.remote.origin.url=ssh\://compex@10.1.13.14/osbpgit/org.eclipse.osbp.vaadin.addons.git
+git.closest.tag.name=OSBP-initial-commit-2-Eclipse-4-luna-2017-03-31-17-10-39
+git.commit.id.describe-short=OSBP-initial-commit-2-Eclipse-4-luna-2017-03-31-17-10-39-dirty
+git.commit.time=02.02.2017 @ 18\:04\:55 MEZ
+git.commit.message.full=remove the feature from build
+git.commit.message.short=remove the feature from build
+git.commit.id.abbrev=90dd482
+git.branch=OSBP-initial-commit-2-Eclipse-4-luna
+git.closest.tag.commit.count=0
+git.commit.id.describe=OSBP-initial-commit-2-Eclipse-4-luna-2017-03-31-17-10-39-dirty
+git.commit.id=90dd482e5bc78cd1a404d12445cebc868ee417b0
+git.tags=OSBP-initial-commit-2-Eclipse-4-luna-2017-03-31-17-10-39
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/SuperDevMode code server for org.eclipse.osbp.vaadin.addons.absolutelayout.launch b/org.eclipse.osbp.vaadin.addons.absolutelayout/SuperDevMode code server for org.eclipse.osbp.vaadin.addons.absolutelayout.launch
new file mode 100644
index 0000000..040f8f6
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/SuperDevMode code server for org.eclipse.osbp.vaadin.addons.absolutelayout.launch
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<launchConfiguration type="org.eclipse.jdt.launching.localJavaApplication">
+<listAttribute key="org.eclipse.debug.core.MAPPED_RESOURCE_PATHS">
+<listEntry value="/org.eclipse.osbp.vaadin.addons.absolutelayout"/>
+</listAttribute>
+<listAttribute key="org.eclipse.debug.core.MAPPED_RESOURCE_TYPES">
+<listEntry value="4"/>
+</listAttribute>
+<booleanAttribute key="org.eclipse.jdt.launching.ATTR_USE_START_ON_FIRST_THREAD" value="true"/>
+<listAttribute key="org.eclipse.jdt.launching.CLASSPATH">
+<listEntry value="&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; standalone=&quot;no&quot;?&gt;&#10;&lt;runtimeClasspathEntry id=&quot;org.eclipse.jdt.launching.classpathentry.defaultClasspath&quot;&gt;&#10;&lt;memento exportedEntriesOnly=&quot;false&quot; project=&quot;org.eclipse.osbp.vaadin.addons.absolutelayout&quot;/&gt;&#10;&lt;/runtimeClasspathEntry&gt;&#10;"/>
+<listEntry value="&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; standalone=&quot;no&quot;?&gt;&#10;&lt;runtimeClasspathEntry internalArchive=&quot;/org.eclipse.osbp.vaadin.addons.absolutelayout/src&quot; path=&quot;3&quot; type=&quot;2&quot;/&gt;&#10;"/>
+<listEntry value="&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; standalone=&quot;no&quot;?&gt;&#10;&lt;runtimeClasspathEntry internalArchive=&quot;/org.eclipse.osbp.vaadin.addons.absolutelayout/sample&quot; path=&quot;3&quot; type=&quot;2&quot;/&gt;&#10;"/>
+<listEntry value="&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; standalone=&quot;no&quot;?&gt;&#10;&lt;runtimeClasspathEntry internalArchive=&quot;/org.eclipse.osbp.vaadin.addons.absolutelayout/test&quot; path=&quot;3&quot; type=&quot;2&quot;/&gt;&#10;"/>
+</listAttribute>
+<stringAttribute key="org.eclipse.jdt.launching.CLASSPATH_PROVIDER" value="org.eclipse.m2e.launchconfig.classpathProvider"/>
+<booleanAttribute key="org.eclipse.jdt.launching.DEFAULT_CLASSPATH" value="false"/>
+<stringAttribute key="org.eclipse.jdt.launching.MAIN_TYPE" value="com.google.gwt.dev.codeserver.CodeServer"/>
+<stringAttribute key="org.eclipse.jdt.launching.PROGRAM_ARGUMENTS" value="org.eclipse.osbp.vaadin.addons.absolutelayout.AbsoluteLayoutWidgetset"/>
+<stringAttribute key="org.eclipse.jdt.launching.PROJECT_ATTR" value="org.eclipse.osbp.vaadin.addons.absolutelayout"/>
+<stringAttribute key="org.eclipse.jdt.launching.SOURCE_PATH_PROVIDER" value="org.eclipse.m2e.launchconfig.sourcepathProvider"/>
+<stringAttribute key="org.eclipse.jdt.launching.VM_ARGUMENTS" value="-Xss8M -Xmx512M -XX:MaxPermSize=512M"/>
+<stringAttribute key="org.eclipse.jdt.launching.WORKING_DIRECTORY" value="/Users/florianpirchner/Work/dev/osbp_client/git/org.eclipse.osbp.vaadin.addons/org.eclipse.osbp.vaadin.addons.absolutelayout"/>
+</launchConfiguration>
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/epl-v10.html b/org.eclipse.osbp.vaadin.addons.absolutelayout/epl-v10.html
new file mode 100644
index 0000000..b398acc
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/epl-v10.html
@@ -0,0 +1,259 @@
+<!--?xml version="1.0" encoding="ISO-8859-1" ?-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Eclipse Public License - Version 1.0</title>
+<style type="text/css">
+  body {
+    size: 8.5in 11.0in;
+    margin: 0.25in 0.5in 0.25in 0.5in;
+    tab-interval: 0.5in;
+    }
+  p {  	
+    margin-left: auto;
+    margin-top:  0.5em;
+    margin-bottom: 0.5em;
+    }
+  p.list {
+  	margin-left: 0.5in;
+    margin-top:  0.05em;
+    margin-bottom: 0.05em;
+    }
+  </style>
+
+</head>
+
+<body lang="EN-US">
+
+<h2>Eclipse Public License - v 1.0</h2>
+
+<p>THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE
+PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION OR
+DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS
+AGREEMENT.</p>
+
+<p><b>1. DEFINITIONS</b></p>
+
+<p>"Contribution" means:</p>
+
+<p class="list">a) in the case of the initial Contributor, the initial
+code and documentation distributed under this Agreement, and</p>
+<p class="list">b) in the case of each subsequent Contributor:</p>
+<p class="list">i) changes to the Program, and</p>
+<p class="list">ii) additions to the Program;</p>
+<p class="list">where such changes and/or additions to the Program
+originate from and are distributed by that particular Contributor. A
+Contribution 'originates' from a Contributor if it was added to the
+Program by such Contributor itself or anyone acting on such
+Contributor's behalf. Contributions do not include additions to the
+Program which: (i) are separate modules of software distributed in
+conjunction with the Program under their own license agreement, and (ii)
+are not derivative works of the Program.</p>
+
+<p>"Contributor" means any person or entity that distributes
+the Program.</p>
+
+<p>"Licensed Patents" mean patent claims licensable by a
+Contributor which are necessarily infringed by the use or sale of its
+Contribution alone or when combined with the Program.</p>
+
+<p>"Program" means the Contributions distributed in accordance
+with this Agreement.</p>
+
+<p>"Recipient" means anyone who receives the Program under
+this Agreement, including all Contributors.</p>
+
+<p><b>2. GRANT OF RIGHTS</b></p>
+
+<p class="list">a) Subject to the terms of this Agreement, each
+Contributor hereby grants Recipient a non-exclusive, worldwide,
+royalty-free copyright license to reproduce, prepare derivative works
+of, publicly display, publicly perform, distribute and sublicense the
+Contribution of such Contributor, if any, and such derivative works, in
+source code and object code form.</p>
+
+<p class="list">b) Subject to the terms of this Agreement, each
+Contributor hereby grants Recipient a non-exclusive, worldwide,
+royalty-free patent license under Licensed Patents to make, use, sell,
+offer to sell, import and otherwise transfer the Contribution of such
+Contributor, if any, in source code and object code form. This patent
+license shall apply to the combination of the Contribution and the
+Program if, at the time the Contribution is added by the Contributor,
+such addition of the Contribution causes such combination to be covered
+by the Licensed Patents. The patent license shall not apply to any other
+combinations which include the Contribution. No hardware per se is
+licensed hereunder.</p>
+
+<p class="list">c) Recipient understands that although each Contributor
+grants the licenses to its Contributions set forth herein, no assurances
+are provided by any Contributor that the Program does not infringe the
+patent or other intellectual property rights of any other entity. Each
+Contributor disclaims any liability to Recipient for claims brought by
+any other entity based on infringement of intellectual property rights
+or otherwise. As a condition to exercising the rights and licenses
+granted hereunder, each Recipient hereby assumes sole responsibility to
+secure any other intellectual property rights needed, if any. For
+example, if a third party patent license is required to allow Recipient
+to distribute the Program, it is Recipient's responsibility to acquire
+that license before distributing the Program.</p>
+
+<p class="list">d) Each Contributor represents that to its knowledge it
+has sufficient copyright rights in its Contribution, if any, to grant
+the copyright license set forth in this Agreement.</p>
+
+<p><b>3. REQUIREMENTS</b></p>
+
+<p>A Contributor may choose to distribute the Program in object code
+form under its own license agreement, provided that:</p>
+
+<p class="list">a) it complies with the terms and conditions of this
+Agreement; and</p>
+
+<p class="list">b) its license agreement:</p>
+
+<p class="list">i) effectively disclaims on behalf of all Contributors
+all warranties and conditions, express and implied, including warranties
+or conditions of title and non-infringement, and implied warranties or
+conditions of merchantability and fitness for a particular purpose;</p>
+
+<p class="list">ii) effectively excludes on behalf of all Contributors
+all liability for damages, including direct, indirect, special,
+incidental and consequential damages, such as lost profits;</p>
+
+<p class="list">iii) states that any provisions which differ from this
+Agreement are offered by that Contributor alone and not by any other
+party; and</p>
+
+<p class="list">iv) states that source code for the Program is available
+from such Contributor, and informs licensees how to obtain it in a
+reasonable manner on or through a medium customarily used for software
+exchange.</p>
+
+<p>When the Program is made available in source code form:</p>
+
+<p class="list">a) it must be made available under this Agreement; and</p>
+
+<p class="list">b) a copy of this Agreement must be included with each
+copy of the Program.</p>
+
+<p>Contributors may not remove or alter any copyright notices contained
+within the Program.</p>
+
+<p>Each Contributor must identify itself as the originator of its
+Contribution, if any, in a manner that reasonably allows subsequent
+Recipients to identify the originator of the Contribution.</p>
+
+<p><b>4. COMMERCIAL DISTRIBUTION</b></p>
+
+<p>Commercial distributors of software may accept certain
+responsibilities with respect to end users, business partners and the
+like. While this license is intended to facilitate the commercial use of
+the Program, the Contributor who includes the Program in a commercial
+product offering should do so in a manner which does not create
+potential liability for other Contributors. Therefore, if a Contributor
+includes the Program in a commercial product offering, such Contributor
+("Commercial Contributor") hereby agrees to defend and
+indemnify every other Contributor ("Indemnified Contributor")
+against any losses, damages and costs (collectively "Losses")
+arising from claims, lawsuits and other legal actions brought by a third
+party against the Indemnified Contributor to the extent caused by the
+acts or omissions of such Commercial Contributor in connection with its
+distribution of the Program in a commercial product offering. The
+obligations in this section do not apply to any claims or Losses
+relating to any actual or alleged intellectual property infringement. In
+order to qualify, an Indemnified Contributor must: a) promptly notify
+the Commercial Contributor in writing of such claim, and b) allow the
+Commercial Contributor to control, and cooperate with the Commercial
+Contributor in, the defense and any related settlement negotiations. The
+Indemnified Contributor may participate in any such claim at its own
+expense.</p>
+
+<p>For example, a Contributor might include the Program in a commercial
+product offering, Product X. That Contributor is then a Commercial
+Contributor. If that Commercial Contributor then makes performance
+claims, or offers warranties related to Product X, those performance
+claims and warranties are such Commercial Contributor's responsibility
+alone. Under this section, the Commercial Contributor would have to
+defend claims against the other Contributors related to those
+performance claims and warranties, and if a court requires any other
+Contributor to pay any damages as a result, the Commercial Contributor
+must pay those damages.</p>
+
+<p><b>5. NO WARRANTY</b></p>
+
+<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS
+PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS
+OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION,
+ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY
+OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely
+responsible for determining the appropriateness of using and
+distributing the Program and assumes all risks associated with its
+exercise of rights under this Agreement , including but not limited to
+the risks and costs of program errors, compliance with applicable laws,
+damage to or loss of data, programs or equipment, and unavailability or
+interruption of operations.</p>
+
+<p><b>6. DISCLAIMER OF LIABILITY</b></p>
+
+<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT
+NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY DIRECT, INDIRECT,
+INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING
+WITHOUT LIMITATION LOST PROFITS), HOWEVER CAUSED AND ON ANY THEORY OF
+LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR
+DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED
+HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</p>
+
+<p><b>7. GENERAL</b></p>
+
+<p>If any provision of this Agreement is invalid or unenforceable under
+applicable law, it shall not affect the validity or enforceability of
+the remainder of the terms of this Agreement, and without further action
+by the parties hereto, such provision shall be reformed to the minimum
+extent necessary to make such provision valid and enforceable.</p>
+
+<p>If Recipient institutes patent litigation against any entity
+(including a cross-claim or counterclaim in a lawsuit) alleging that the
+Program itself (excluding combinations of the Program with other
+software or hardware) infringes such Recipient's patent(s), then such
+Recipient's rights granted under Section 2(b) shall terminate as of the
+date such litigation is filed.</p>
+
+<p>All Recipient's rights under this Agreement shall terminate if it
+fails to comply with any of the material terms or conditions of this
+Agreement and does not cure such failure in a reasonable period of time
+after becoming aware of such noncompliance. If all Recipient's rights
+under this Agreement terminate, Recipient agrees to cease use and
+distribution of the Program as soon as reasonably practicable. However,
+Recipient's obligations under this Agreement and any licenses granted by
+Recipient relating to the Program shall continue and survive.</p>
+
+<p>Everyone is permitted to copy and distribute copies of this
+Agreement, but in order to avoid inconsistency the Agreement is
+copyrighted and may only be modified in the following manner. The
+Agreement Steward reserves the right to publish new versions (including
+revisions) of this Agreement from time to time. No one other than the
+Agreement Steward has the right to modify this Agreement. The Eclipse
+Foundation is the initial Agreement Steward. The Eclipse Foundation may
+assign the responsibility to serve as the Agreement Steward to a
+suitable separate entity. Each new version of the Agreement will be
+given a distinguishing version number. The Program (including
+Contributions) may always be distributed subject to the version of the
+Agreement under which it was received. In addition, after a new version
+of the Agreement is published, Contributor may elect to distribute the
+Program (including its Contributions) under the new version. Except as
+expressly stated in Sections 2(a) and 2(b) above, Recipient receives no
+rights or licenses to the intellectual property of any Contributor under
+this Agreement, whether expressly, by implication, estoppel or
+otherwise. All rights in the Program not expressly granted under this
+Agreement are reserved.</p>
+
+<p>This Agreement is governed by the laws of the State of New York and
+the intellectual property laws of the United States of America. No party
+to this Agreement will bring a legal action under this Agreement more
+than one year after the cause of action arose. Each party waives its
+rights to a jury trial in any resulting litigation.</p>
+
+
+
+</body></html>
\ No newline at end of file
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/ivy.xml b/org.eclipse.osbp.vaadin.addons.absolutelayout/ivy.xml
new file mode 100644
index 0000000..b9bf25a
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/ivy.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0"?>
+<!DOCTYPE ivy-module [
+	<!ENTITY vaadin.version "7.5.7">
+]> 
+<ivy-module version="2.0"
+	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:noNamespaceSchemaLocation="http://ant.apache.org/ivy/schemas/ivy.xsd">
+	<info organisation="com.example" module="v7proj" />
+	<configurations>
+		<!-- The default configuration, which should be deployed to the server -->
+		<conf name="default" />
+		<!-- A configuration only needed when compiling the widget set. Should 
+			not be deployed to the server -->
+		<conf name="widgetset-compile" />
+		<!-- A configuration used in compilation of server side classes only.
+			Should be deployed to the server -->
+		<conf name="nodeploy" />
+	</configurations>
+	<dependencies defaultconf="default" defaultconfmapping="default->default">
+		<!-- The core server part of Vaadin -->
+		<dependency org="com.vaadin" name="vaadin-server" rev="&vaadin.version;" />
+ 
+		<!-- Vaadin themes -->
+		<dependency org="com.vaadin" name="vaadin-themes" rev="&vaadin.version;" />
+
+		<!-- Push support -->
+		<dependency org="com.vaadin" name="vaadin-push" rev="&vaadin.version;" />
+
+		<!-- Servlet 3.0 API -->
+		<dependency org="javax.servlet" name="javax.servlet-api" rev="3.0.1" conf="nodeploy->default" />
+
+		<!-- TestBench 4 -->
+		<dependency org="com.vaadin" name="vaadin-testbench-api" rev="latest.release" conf="nodeploy -> default" />
+
+		<!-- Precompiled DefaultWidgetSet -->
+		<dependency org="com.vaadin" name="vaadin-client-compiled"
+			rev="&vaadin.version;" />
+
+		<!-- Vaadin client side, needed for widget set compilation -->
+		<dependency org="com.vaadin" name="vaadin-client" rev="&vaadin.version;"
+			 conf="widgetset-compile->default" />
+
+		<!-- Compiler for custom widget sets. Should not be deployed -->
+		<dependency org="com.vaadin" name="vaadin-client-compiler"
+			rev="&vaadin.version;" conf="widgetset-compile->default" />
+
+		<dependency org="org.vaadin.addons" name="dragdroplayouts" rev="1.2.2" />
+		
+	</dependencies>
+</ivy-module>
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/ivysettings.xml b/org.eclipse.osbp.vaadin.addons.absolutelayout/ivysettings.xml
new file mode 100644
index 0000000..9c0f653
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/ivysettings.xml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ivysettings>
+	<settings defaultResolver="default" />
+	<resolvers>
+		<chain name="default">
+			<!-- Public Maven repository -->
+			<ibiblio name="public" m2compatible="true" />
+
+			<!-- Vaadin Add-on repository -->
+			<ibiblio name="vaadin-addons" usepoms="true" m2compatible="true"
+				root="http://maven.vaadin.com/vaadin-addons" />
+
+			<!-- Vaadin snapshots repository -->
+			<ibiblio name="vaadin-snapshots" usepoms="true" m2compatible="true"
+				root="https://oss.sonatype.org/content/repositories/vaadin-snapshots" />
+			<!-- Repository used for Vaadin modified smartsprites library -->
+			<dual name="custom-smartsprites">
+				<filesystem name="smartsprites-ivy">
+					<ivy pattern="${basedir}/ivymodule/[module]-ivy-[revision].xml" />
+				</filesystem>
+				<url name="smartsprites-artifact">
+					<artifact
+						pattern="http://dev.vaadin.com/svn/versions/6.8/build/smartsprites/lib/[artifact](-[revision]).[ext]" />
+				</url>
+			</dual>
+		</chain>
+	</resolvers>
+	<modules>
+		<!-- Vaadin patched SmartSprites -->
+		<module organisation="com.carrotsearch" name="smartsprites"
+			revision="0.2.3-itmill" resolver="custom-smartsprites" />
+	</modules>
+
+
+</ivysettings>
\ No newline at end of file
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/license.html b/org.eclipse.osbp.vaadin.addons.absolutelayout/license.html
new file mode 100644
index 0000000..6e579a5
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/license.html
@@ -0,0 +1,164 @@
+<!--?xml version="1.0" encoding="ISO-8859-1" ?-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+<title>Eclipse Foundation Software User Agreement</title>
+</head>
+
+<body lang="EN-US">
+<h2>Eclipse Foundation Software User Agreement</h2>
+<p>February 1, 2011</p>
+
+<h3>Usage Of Content</h3>
+
+<p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS
+   (COLLECTIVELY "CONTENT").  USE OF THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND
+   CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW.  BY USING THE CONTENT, YOU AGREE THAT YOUR USE
+   OF THE CONTENT IS GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR
+   NOTICES INDICATED OR REFERENCED BELOW.  IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND
+   CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT USE THE CONTENT.</p>
+
+<h3>Applicable Licenses</h3>
+
+<p>Unless otherwise indicated, all Content made available by the Eclipse
+ Foundation is provided to you under the terms and conditions of the 
+Eclipse Public License Version 1.0
+   ("EPL").  A copy of the EPL is provided with this Content and is also
+ available at <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>.
+   For purposes of the EPL, "Program" will mean the Content.</p>
+
+<p>Content includes, but is not limited to, source code, object code, 
+documentation and other files maintained in the Eclipse Foundation 
+source code
+   repository ("Repository") in software modules ("Modules") and made 
+available as downloadable archives ("Downloads").</p>
+
+<ul>
+       <li>Content may be structured and packaged into modules to 
+facilitate delivering, extending, and upgrading the Content.  Typical 
+modules may include plug-ins ("Plug-ins"), plug-in fragments 
+("Fragments"), and features ("Features").</li>
+       <li>Each Plug-in or Fragment may be packaged as a sub-directory or JAR (Java&#8482; ARchive) in a directory named "plugins".</li>
+       <li>A Feature is a bundle of one or more Plug-ins and/or 
+Fragments and associated material.  Each Feature may be packaged as a 
+sub-directory in a directory named "features".  Within a Feature, files 
+named "feature.xml" may contain a list of the names and version numbers 
+of the Plug-ins
+      and/or Fragments associated with that Feature.</li>
+       <li>Features may also include other Features ("Included 
+Features"). Within a Feature, files named "feature.xml" may contain a 
+list of the names and version numbers of Included Features.</li>
+</ul>
+
+<p>The terms and conditions governing Plug-ins and Fragments should be 
+contained in files named "about.html" ("Abouts"). The terms and 
+conditions governing Features and
+Included Features should be contained in files named "license.html" 
+("Feature Licenses").  Abouts and Feature Licenses may be located in any
+ directory of a Download or Module
+including, but not limited to the following locations:</p>
+
+<ul>
+       <li>The top-level (root) directory</li>
+       <li>Plug-in and Fragment directories</li>
+       <li>Inside Plug-ins and Fragments packaged as JARs</li>
+       <li>Sub-directories of the directory named "src" of certain Plug-ins</li>
+       <li>Feature directories</li>
+</ul>
+
+<p>Note: if a Feature made available by the Eclipse Foundation is 
+installed using the Provisioning Technology (as defined below), you must
+ agree to a license ("Feature Update License") during the
+installation process.  If the Feature contains Included Features, the 
+Feature Update License should either provide you with the terms and 
+conditions governing the Included Features or
+inform you where you can locate them.  Feature Update Licenses may be 
+found in the "license" property of files named "feature.properties" 
+found within a Feature.
+Such Abouts, Feature Licenses, and Feature Update Licenses contain the 
+terms and conditions (or references to such terms and conditions) that 
+govern your use of the associated Content in
+that directory.</p>
+
+<p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER 
+TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS.
+  SOME OF THESE
+OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO):</p>
+
+<ul>
+       <li>Eclipse Distribution License Version 1.0 (available at <a href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>)</li>
+       <li>Common Public License Version 1.0 (available at <a href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>)</li>
+       <li>Apache Software License 1.1 (available at <a href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>)</li>
+       <li>Apache Software License 2.0 (available at <a href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>)</li>
+       <li>Metro Link Public License 1.00 (available at <a href="http://www.opengroup.org/openmotif/supporters/metrolink/license.html">http://www.opengroup.org/openmotif/supporters/metrolink/license.html</a>)</li>
+       <li>Mozilla Public License Version 1.1 (available at <a href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>)</li>
+</ul>
+
+<p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND 
+CONDITIONS PRIOR TO USE OF THE CONTENT.  If no About, Feature License, 
+or Feature Update License is provided, please
+contact the Eclipse Foundation to determine what terms and conditions 
+govern that particular Content.</p>
+
+
+<h3>Use of Provisioning Technology</h3>
+
+<p>The Eclipse Foundation makes available provisioning software, 
+examples of which include, but are not limited to, p2 and the Eclipse
+   Update Manager ("Provisioning Technology") for the purpose of 
+allowing users to install software, documentation, information and/or
+   other materials (collectively "Installable Software"). This 
+capability is provided with the intent of allowing such users to
+   install, extend and update Eclipse-based products. Information about 
+packaging Installable Software is available at <a href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a>
+   ("Specification").</p>
+
+<p>You may use Provisioning Technology to allow other parties to install
+ Installable Software. You shall be responsible for enabling the
+   applicable license agreements relating to the Installable Software to
+ be presented to, and accepted by, the users of the Provisioning 
+Technology
+   in accordance with the Specification. By using Provisioning 
+Technology in such a manner and making it available in accordance with 
+the
+   Specification, you further acknowledge your agreement to, and the 
+acquisition of all necessary rights to permit the following:</p>
+
+<ol>
+       <li>A series of actions may occur ("Provisioning Process") in 
+which a user may execute the Provisioning Technology
+       on a machine ("Target Machine") with the intent of installing, 
+extending or updating the functionality of an Eclipse-based
+       product.</li>
+       <li>During the Provisioning Process, the Provisioning Technology 
+may cause third party Installable Software or a portion thereof to be
+       accessed and copied to the Target Machine.</li>
+       <li>Pursuant to the Specification, you will provide to the user 
+the terms and conditions that govern the use of the Installable
+       Software ("Installable Software Agreement") and such Installable 
+Software Agreement shall be accessed from the Target
+       Machine in accordance with the Specification. Such Installable 
+Software Agreement must inform the user of the terms and conditions that
+ govern
+       the Installable Software and must solicit acceptance by the end 
+user in the manner prescribed in such Installable Software Agreement. 
+Upon such
+       indication of agreement by the user, the provisioning Technology 
+will complete installation of the Installable Software.</li>
+</ol>
+
+<h3>Cryptography</h3>
+
+<p>Content may contain encryption software. The country in which you are
+ currently may have restrictions on the import, possession, and use, 
+and/or re-export to
+   another country, of encryption software. BEFORE using any encryption 
+software, please check the country's laws, regulations and policies 
+concerning the import,
+   possession, or use, and re-export of encryption software, to see if 
+this is permitted.</p>
+
+<p><small>Java and all Java-based trademarks are trademarks of Oracle Corporation in the United States, other countries, or both.</small></p>
+
+
+</body></html>
\ No newline at end of file
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/pom.xml b/org.eclipse.osbp.vaadin.addons.absolutelayout/pom.xml
new file mode 100644
index 0000000..24eaf9f
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/pom.xml
@@ -0,0 +1,185 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+ *                                                                            
+ * 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 
+-->
+
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+	<modelVersion>4.0.0</modelVersion>
+	<parent>
+		<groupId>org.eclipse.osbp.releng.maven</groupId>
+		<artifactId>org.eclipse.osbp.releng.maven.parent.mbp</artifactId>
+		<version>0.9.0-SNAPSHOT</version>
+		<relativePath />
+	</parent>
+
+	<groupId>org.eclipse.osbp.vaadin.addons</groupId>
+	<artifactId>org.eclipse.osbp.vaadin.addons.absolutelayout</artifactId>
+	<packaging>bundle</packaging>
+
+	<dependencies>
+		<dependency>
+			<groupId>com.vaadin</groupId>
+			<artifactId>vaadin-server</artifactId>
+			<version>${vaadin.version}</version>
+		</dependency>
+		<dependency>
+			<groupId>com.vaadin</groupId>
+			<artifactId>vaadin-client</artifactId>
+			<version>${vaadin.version}</version>
+		</dependency>
+		<dependency>
+			<groupId>javax.servlet</groupId>
+			<artifactId>javax.servlet-api</artifactId>
+			<version>3.0.1</version>
+		</dependency>
+		<dependency>
+			<groupId>org.eclipse.osbp.dependencies</groupId>
+			<artifactId>org.eclipse.osbp.dependencies.bundle.vaadin.addon.dragdroplayouts</artifactId>
+			<version>1.1.3-SNAPSHOT</version>
+		</dependency>
+	</dependencies>
+
+	<build>
+		<sourceDirectory>${basedir}/src</sourceDirectory>
+
+		<plugins>
+			<plugin>
+				<groupId>org.apache.maven.plugins</groupId>
+				<artifactId>maven-resources-plugin</artifactId>
+				<configuration>
+					<encoding>UTF-8</encoding>
+				</configuration>
+			</plugin>
+			<plugin>
+				<groupId>org.apache.maven.plugins</groupId>
+				<artifactId>maven-compiler-plugin</artifactId>
+				<version>3.0</version>
+				<configuration>
+					<encoding>UTF-8</encoding>
+					<source>1.8</source>
+					<target>1.8</target>
+				</configuration>
+			</plugin>
+
+			<plugin>
+				<groupId>org.apache.felix</groupId>
+				<artifactId>maven-bundle-plugin</artifactId>
+				<extensions>true</extensions>
+				<configuration>
+					<instructions>
+						<Bundle-Name>OSBP Addon for Vaadin: Absolute Layout</Bundle-Name>
+						<Bundle-SymbolicName>org.eclipse.osbp.vaadin.addons.absolutelayout</Bundle-SymbolicName>
+                        <Bundle-Version>0.9.0.{osgi-version-qualifier}</Bundle-Version>
+						<Require-Bundle>com.vaadin.server;bundle-version="[7.5.7,7.7.0)",
+							com.vaadin.client;bundle-version="[7.5.7,7.7.0)",
+							com.vaadin.shared;bundle-version="[7.5.7,7.7.0)",
+							org.jsoup;bundle-version="[1.8.3,1.8.4)",
+							dragdroplayouts.osgi;bundle-version="[1.1.3,1.1.4)"
+						</Require-Bundle>
+						<Import-Package>
+							com.vaadin.*;version="[7.5.7,7.7.0)",
+							!fi.jasoft.*,
+                            javax.servlet.annotation;resolution:=optional,
+							*
+						</Import-Package>
+						<Export-Package>
+							!LICENSE,!LICENSE.txt,!THIRD-PARTY.txt,!NOTICE,!README.txt,!VERSION.txt,!build.properties,
+							!VAADIN.*,
+							org.eclipse.osbp.vaadin.addons.*;version="0.9.0"
+						</Export-Package>
+						<Include-Resource>{maven-resources},LICENSE.txt,epl-v10.html</Include-Resource>
+						<_nouses>true</_nouses>
+					</instructions>
+				</configuration>
+			</plugin>
+			<plugin>
+				<groupId>org.apache.maven.plugins</groupId>
+				<artifactId>maven-source-plugin</artifactId>
+				<version>2.2.1</version>
+				<executions>
+					<execution>
+						<id>attach-sources</id>
+						<goals>
+							<goal>jar</goal>
+						</goals>
+					</execution>
+				</executions>
+			</plugin>
+		</plugins>
+		<pluginManagement>
+			<plugins>
+
+				<!--This plugin's configuration is used to store Eclipse m2e settings 
+					only. It has no influence on the Maven build itself. -->
+				<plugin>
+					<groupId>org.eclipse.m2e</groupId>
+					<artifactId>lifecycle-mapping</artifactId>
+					<version>1.0.0</version>
+					<configuration>
+						<lifecycleMappingMetadata>
+							<pluginExecutions>
+								<pluginExecution>
+									<pluginExecutionFilter>
+										<groupId>
+											org.apache.maven.plugins
+										</groupId>
+										<artifactId>
+											maven-dependency-plugin
+										</artifactId>
+										<versionRange>
+											[2.0.0,)
+										</versionRange>
+										<goals>
+											<goal>
+												copy-dependencies
+											</goal>
+										</goals>
+									</pluginExecutionFilter>
+									<action>
+										<ignore></ignore>
+									</action>
+								</pluginExecution>
+								<pluginExecution>
+									<pluginExecutionFilter>
+										<groupId>com.vaadin</groupId>
+										<artifactId>
+											vaadin-maven-plugin
+										</artifactId>
+										<versionRange>
+											[7.0-SNAPSHOT,)
+										</versionRange>
+										<goals>
+											<goal>compile</goal>
+										</goals>
+									</pluginExecutionFilter>
+									<action>
+										<ignore></ignore>
+									</action>
+								</pluginExecution>
+							</pluginExecutions>
+						</lifecycleMappingMetadata>
+					</configuration>
+				</plugin>
+			</plugins>
+		</pluginManagement>
+		<!-- This is needed for the sources required by the client-side compiler 
+			to be included in the produced JARs -->
+		<resources>
+			<resource>
+				<directory>src</directory>
+			</resource>
+		</resources>
+
+	</build>
+
+</project>
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/sample/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayoutUI.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/sample/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayoutUI.java
new file mode 100644
index 0000000..24a29c5
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/sample/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayoutUI.java
@@ -0,0 +1,229 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+
+package org.eclipse.osbp.vaadin.addons.absolutelayout;
+
+import javax.servlet.annotation.WebServlet;
+
+import com.vaadin.annotations.Theme;
+import com.vaadin.annotations.VaadinServletConfiguration;
+import com.vaadin.data.Property;
+import com.vaadin.server.VaadinRequest;
+import com.vaadin.server.VaadinServlet;
+import com.vaadin.ui.AbsoluteLayout.ComponentPosition;
+import com.vaadin.ui.Button;
+import com.vaadin.ui.CheckBox;
+import com.vaadin.ui.Component;
+import com.vaadin.ui.HorizontalLayout;
+import com.vaadin.ui.Panel;
+import com.vaadin.ui.TextField;
+import com.vaadin.ui.UI;
+import com.vaadin.ui.VerticalLayout;
+
+import fi.jasoft.dragdroplayouts.client.ui.LayoutDragMode;
+import fi.jasoft.dragdroplayouts.drophandlers.DefaultAbsoluteLayoutDropHandler;
+
+/**
+ * The Class AbsoluteLayoutUI.
+ */
+@SuppressWarnings("serial")
+@Theme("valo")
+public class AbsoluteLayoutUI extends UI {
+
+	/**
+	 * The Class Servlet.
+	 */
+	@WebServlet(value = "/*", asyncSupported = true)
+	@VaadinServletConfiguration(productionMode = false, ui = AbsoluteLayoutUI.class, widgetset = "org.eclipse.osbp.vaadin.addons.absolutelayout.AbsoluteLayoutWidgetset")
+	public static class Servlet extends VaadinServlet {
+	}
+
+	/** The layout1. */
+	private AbsoluteLayout layout1;
+
+	/** The layout2. */
+	private AbsoluteLayout layout2;
+
+	/*
+	 * (non-Javadoc)
+	 * 
+	 * @see com.vaadin.ui.UI#init(com.vaadin.server.VaadinRequest)
+	 */
+	@Override
+	protected void init(VaadinRequest request) {
+
+		HorizontalLayout main = new HorizontalLayout();
+		main.setSpacing(true);
+		main.setMargin(true);
+		main.setSizeFull();
+
+		VerticalLayout buttons = new VerticalLayout();
+		main.addComponent(buttons);
+		
+		Button b = new Button("new", new Button.ClickListener() {
+			@Override
+			public void buttonClick(Button.ClickEvent event) {
+				TextField f = new TextField("Foo");
+				f.addStyleName("bar");
+				layout1.addComponent(f);
+			}
+		});
+		buttons.addComponent(b);
+		
+		Button allNew = new Button("all new", new Button.ClickListener() {
+			@Override
+			public void buttonClick(Button.ClickEvent event) {
+				layout1.removeAllComponents();
+				layout2.removeAllComponents();
+				
+				createLayout(layout1);
+				createLayout(layout2);
+			}
+		});
+		buttons.addComponent(allNew);
+		buttons.setWidth("120px");
+		
+		Panel p1 = new Panel();
+		p1.setSizeFull();
+		main.addComponent(p1);
+		main.setExpandRatio(p1, 1.0f);
+
+		HorizontalLayout h1 = new HorizontalLayout();
+		h1.setSpacing(true);
+		h1.setMargin(true);
+		h1.setSizeFull();
+		p1.setContent(h1);
+
+		layout1 = new AbsoluteLayout();
+		layout1.setSizeFull();
+		h1.addComponent(layout1);
+		h1.setExpandRatio(layout1, 1.0f);
+		layout1.setDragMode(LayoutDragMode.CLONE);
+		layout1.setDropHandler(new DefaultAbsoluteLayoutDropHandler());
+		layout1.setResizable(true);
+		layout1.setUseAlignments(true);
+		createLayout(layout1);
+		
+		Panel p2 = new Panel();
+		p2.setSizeFull();
+		main.addComponent(p2);
+		main.setExpandRatio(p2, 1.0f);
+		
+		HorizontalLayout h2 = new HorizontalLayout();
+		h2.setSpacing(true);
+		h2.setMargin(true);
+		h2.setSizeFull();
+		p2.setContent(h2);
+		
+		layout2 = new AbsoluteLayout();
+		layout2.setSizeFull();
+		h2.addComponent(layout2);
+		h2.setExpandRatio(layout2, 1.0f);
+		layout2.setDragMode(LayoutDragMode.CLONE);
+		layout2.setDropHandler(new DefaultAbsoluteLayoutDropHandler());
+		layout2.setResizable(true);
+		layout2.setUseAlignments(true);
+		createLayout(layout2);
+
+		setContent(main);
+	}
+
+	/**
+	 * Creates the layout.
+	 *
+	 * @param layout
+	 *            the main
+	 * @return the absolute layout
+	 */
+	private AbsoluteLayout createLayout(AbsoluteLayout layout) {
+
+		ComponentPosition pos = layout.new ComponentPosition();
+
+		final CheckBox resize = new CheckBox("resize");
+		resize.setImmediate(true);
+		resize.setValue(true);
+		setSizeFull(resize);
+		resize.addValueChangeListener(new Property.ValueChangeListener() {
+			@Override
+			public void valueChange(Property.ValueChangeEvent event) {
+				layout.setResizable(resize.getValue());
+			}
+		});
+		pos.setLeft(30f, Unit.PIXELS);
+		pos.setTop(30f, Unit.PIXELS);
+		layout.addComponent(resize, pos.getCSSString());
+
+		final CheckBox drag = new CheckBox("drag");
+		drag.setImmediate(true);
+		drag.setValue(true);
+		setSizeFull(drag);
+		drag.addValueChangeListener(new Property.ValueChangeListener() {
+			@Override
+			public void valueChange(Property.ValueChangeEvent event) {
+				if (drag.getValue()) {
+					layout.setDragMode(LayoutDragMode.CLONE);
+				} else {
+					layout.setDragMode(LayoutDragMode.NONE);
+				}
+			}
+		});
+		pos.setLeft(130f, Unit.PIXELS);
+		pos.setTop(30f, Unit.PIXELS);
+		layout.addComponent(drag, pos.getCSSString());
+
+		final CheckBox alignments = new CheckBox("alignments");
+		alignments.setImmediate(true);
+		alignments.setValue(true);
+		setSizeFull(alignments);
+		alignments.addValueChangeListener(new Property.ValueChangeListener() {
+			@Override
+			public void valueChange(Property.ValueChangeEvent event) {
+				layout.setUseAlignments(alignments.getValue());
+			}
+		});
+		pos.setLeft(230f, Unit.PIXELS);
+		pos.setTop(30f, Unit.PIXELS);
+		layout.addComponent(alignments, pos.getCSSString());
+
+		TextField text = new TextField("Type me");
+		pos.setLeft(120f, Unit.PIXELS);
+		pos.setTop(200f, Unit.PIXELS);
+		setSizeFull(text);
+		layout.addComponent(text, pos.getCSSString());
+
+		Button button2 = new Button("Click Me2");
+		pos.setLeft(300f, Unit.PIXELS);
+		pos.setTop(300f, Unit.PIXELS);
+		setSizeFull(button2);
+		layout.addComponent(button2, pos.getCSSString());
+
+		CheckBox checkbox = new CheckBox("Check me");
+		pos.setLeft(470f, Unit.PIXELS);
+		pos.setTop(390f, Unit.PIXELS);
+		setSizeFull(checkbox);
+		layout.addComponent(checkbox, pos.getCSSString());
+
+		return layout;
+	}
+
+	/**
+	 * Sets the size full.
+	 *
+	 * @param resize
+	 *            the new size full
+	 */
+	private void setSizeFull(final Component resize) {
+		// resize.setSizeFull();
+	}
+
+}
\ No newline at end of file
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/VAADIN/addons/osbee/vaadin/addons/absolutelayout/styles.scss b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/VAADIN/addons/osbee/vaadin/addons/absolutelayout/styles.scss
new file mode 100644
index 0000000..cba72d5
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/VAADIN/addons/osbee/vaadin/addons/absolutelayout/styles.scss
@@ -0,0 +1,63 @@
+@mixin osbee-absolutelayout {
+
+	.v-absolutelayout .o-alignmentLine {
+		// the color of the alignment line
+		background-color: green;
+	}
+
+	.o-absolutelayout{
+		// the amount of pixels, a snap to alignment lines is done
+		snap: 7;
+	}
+
+  .v-absolutelayout .v-absolutelayout-wrapper-o-resizable {
+    &.resizing {
+      overflow: visible;
+    }
+    .drag-overlay {
+      border: 1px solid red;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      position: absolute;
+      z-index: 10;
+    }
+    .tlc, .te, .trc, .re, .brc, .be, .blc, .le {
+      background-color: transparent;
+      display: block;
+      overflow: visible;
+      position: absolute;
+    }
+    div.unused {
+      cursor: default !important;
+    }
+    .te {
+      cursor: ns-resize;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 6;
+    }
+    .re {
+      cursor: ew-resize;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      z-index: 5;
+    }
+    .le {
+      cursor: ew-resize;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 5;
+    }
+    .be {
+      cursor: ns-resize;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 6;
+    }
+  }
+}
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayout.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayout.java
new file mode 100644
index 0000000..24eb08a
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayout.java
@@ -0,0 +1,382 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout;
+
+import java.io.Serializable;
+import java.lang.reflect.Method;
+
+import org.eclipse.osbp.vaadin.addons.absolutelayout.client.OAbsoluteLayoutServerRpc;
+import org.eclipse.osbp.vaadin.addons.absolutelayout.client.OAbsoluteLayoutState;
+import org.eclipse.osbp.vaadin.addons.absolutelayout.client.OResizeLocation;
+
+import com.vaadin.shared.Connector;
+import com.vaadin.ui.Component;
+import com.vaadin.util.ReflectTools;
+
+import fi.jasoft.dragdroplayouts.DDAbsoluteLayout;
+import fi.jasoft.dragdroplayouts.client.ui.LayoutDragMode;
+
+/**
+ * OS.bee AbsoluteLayout. <br>
+ * This layout supports resizing its elements. And also supports drag and drop
+ * of elemens.
+ * <p>
+ * Only DragModes NONE and COPY are allowed
+ */
+@SuppressWarnings("serial")
+public class AbsoluteLayout extends DDAbsoluteLayout {
+
+	/** The rpc. */
+	private OAbsoluteLayoutServerRpc rpc = new OAbsoluteLayoutServerRpc() {
+		@Override
+		public void resized(Connector connector, int newWidth, int newHeight, int oldWidth, int oldHeight,
+				OResizeLocation location) {
+			internalResizeChild((Component) connector, newWidth, newHeight, oldWidth, oldHeight, location);
+
+			fireEvent(new ChildResizedEvent((Component) connector, newWidth, newHeight, oldWidth, oldHeight, location));
+		}
+	};
+
+	/**
+	 * Instantiates a new absolute layout.
+	 */
+	public AbsoluteLayout() {
+		registerRpc(rpc);
+	}
+
+	/* (non-Javadoc)
+	 * @see fi.jasoft.dragdroplayouts.DDAbsoluteLayout#getState()
+	 */
+	@Override
+	public OAbsoluteLayoutState getState() {
+		return (OAbsoluteLayoutState) super.getState();
+	}
+
+	/* (non-Javadoc)
+	 * @see fi.jasoft.dragdroplayouts.DDAbsoluteLayout#getState(boolean)
+	 */
+	@Override
+	protected OAbsoluteLayoutState getState(boolean markAsDirty) {
+		return (OAbsoluteLayoutState) super.getState(markAsDirty);
+	}
+
+	/**
+	 * Internal resize child.
+	 *
+	 * @param child the child
+	 * @param newWidth the new width
+	 * @param newHeight the new height
+	 * @param oldWidth the old width
+	 * @param oldHeight the old height
+	 * @param location the location
+	 */
+	protected void internalResizeChild(Component child, int newWidth, int newHeight, int oldWidth, int oldHeight,
+			OResizeLocation location) {
+		switch (location) {
+		case TOP_LEFT:
+			moveLeft(oldWidth - newWidth, child);
+		case TOP:
+			moveTop(oldHeight - newHeight, child);
+			break;
+		case TOP_RIGHT:
+			moveTop(oldHeight - newHeight, child);
+		case RIGHT:
+			moveRight(oldWidth - newWidth, child);
+			break;
+		case BOTTOM_RIGHT:
+			moveRight(oldWidth - newWidth, child);
+		case BOTTOM:
+			moveBottom(oldHeight - newHeight, child);
+			break;
+		case BOTTOM_LEFT:
+			moveBottom(oldHeight - newHeight, child);
+		case LEFT:
+			moveLeft(oldWidth - newWidth, child);
+			break;
+		default:
+			break;
+		}
+		child.setWidth(newWidth, Unit.PIXELS);
+		child.setHeight(newHeight, Unit.PIXELS);
+	}
+
+	/**
+	 * Adjusts the top position for the component when inside a
+	 * {@link com.vaadin.ui.AbsoluteLayout} and top position was set with
+	 * pixels.
+	 *
+	 * @param delta            the change of top position in pixels
+	 * @param child            the component that is inside the absolute layout
+	 */
+	protected void moveTop(int delta, Component child) {
+		ComponentPosition position = getPosition(child);
+		if (position.getTopValue() != null && position.getTopUnits().equals(Unit.PIXELS)) {
+			float newValue = (position.getTopValue() + delta);
+			if (newValue < 0) {
+				newValue = 0;
+			}
+			position.setTopValue(newValue);
+			setPosition(child, position);
+		} else {
+			// position bottom set, NOOP
+		}
+	}
+
+	/**
+	 * Adjusts the bottom position for the component when inside a
+	 * {@link com.vaadin.ui.AbsoluteLayout} and bottom position was set with
+	 * pixels.
+	 *
+	 * @param delta            the change of bottom position in pixels
+	 * @param child            the component that is inside the absolute layout
+	 */
+	protected void moveBottom(int delta, Component child) {
+		ComponentPosition position = getPosition(child);
+		if (position.getBottomValue() != null && position.getBottomUnits().equals(Unit.PIXELS)) {
+			float newValue = (position.getBottomValue() + delta);
+			if (newValue < 0) {
+				newValue = 0;
+			}
+			position.setBottomValue(newValue);
+			setPosition(child, position);
+		} else {
+			// position top used, NOOP
+		}
+	}
+
+	/**
+	 * Adjusts the right position for the component when inside a
+	 * {@link com.vaadin.ui.AbsoluteLayout} and right position was set with
+	 * pixels.
+	 *
+	 * @param delta            the change of right position in pixels
+	 * @param child the child
+	 */
+	protected void moveRight(int delta, Component child) {
+		ComponentPosition position = getPosition(child);
+		if (position.getRightValue() != null && position.getRightUnits().equals(Unit.PIXELS)) {
+			float newValue = (position.getRightValue() + delta);
+			if (newValue < 0) {
+				newValue = 0;
+			}
+			position.setRightValue(newValue);
+			setPosition(child, position);
+		} else {
+			// position left used, NOOP
+		}
+	}
+
+	/**
+	 * Adjusts the left position for the component when inside a
+	 * {@link com.vaadin.ui.AbsoluteLayout} and left position was set with
+	 * pixels.
+	 *
+	 * @param delta            the change of left position in pixels
+	 * @param child            the component that is inside the absolute layout
+	 */
+	protected void moveLeft(int delta, Component child) {
+		ComponentPosition position = getPosition(child);
+		if (position.getLeftValue() != null && position.getLeftUnits().equals(Unit.PIXELS)) {
+			float newValue = (position.getLeftValue() + delta);
+			if (newValue < 0) {
+				newValue = 0;
+			}
+			position.setLeftValue(newValue);
+			setPosition(child, position);
+		} else {
+			// position right set, NOOP
+		}
+	}
+
+	/**
+	 * True, if the children should be resizable.
+	 *
+	 * @return true, if is resizable
+	 */
+	public boolean isResizable() {
+		return getState(false).useResizing;
+	}
+
+	/**
+	 * True, if the children should be resizable.
+	 *
+	 * @param value the new resizable
+	 */
+	public void setResizable(boolean value) {
+		if (getState(false).useResizing != value) {
+			getState().useResizing = value;
+		}
+	}
+
+	/**
+	 * True, if alignments should be used.
+	 *
+	 * @return true, if is use alignments
+	 */
+	public boolean isUseAlignments() {
+		return getState(false).useAlignments;
+	}
+
+	/**
+	 * True, if alignments should be used.
+	 *
+	 * @param value the new use alignments
+	 */
+	public void setUseAlignments(boolean value) {
+		if (getState(false).useAlignments != value) {
+			getState().useAlignments = value;
+		}
+	}
+
+	/* (non-Javadoc)
+	 * @see fi.jasoft.dragdroplayouts.DDAbsoluteLayout#setDragMode(fi.jasoft.dragdroplayouts.client.ui.LayoutDragMode)
+	 */
+	@Override
+	public void setDragMode(LayoutDragMode mode) {
+		if (mode != LayoutDragMode.NONE && mode != LayoutDragMode.CLONE) {
+			throw new IllegalArgumentException("Mode is not supported!");
+		}
+		super.setDragMode(mode);
+	}
+
+	/**
+	 * Add listener which is being notified if a child should be resized.
+	 *
+	 * @param listener the listener
+	 */
+	public void addChildResizedListener(ChildResizedListener listener) {
+		addListener(ChildResizedEvent.class, listener, ChildResizedListener.CHILD_RESIZED_METHOD);
+	}
+
+	/**
+	 * Removes listener which is being notified if a child should be resized.
+	 *
+	 * @param listener the listener
+	 */
+	public void removeChildResizedListener(ChildResizedListener listener) {
+		removeListener(ChildResizedEvent.class, listener);
+	}
+
+	/**
+	 * The Class ChildResizedEvent.
+	 */
+	public static class ChildResizedEvent extends Event {
+
+		/** The new width. */
+		private final int newWidth;
+		
+		/** The new height. */
+		private final int newHeight;
+		
+		/** The old width. */
+		private final int oldWidth;
+		
+		/** The old height. */
+		private final int oldHeight;
+		
+		/** The location. */
+		private final OResizeLocation location;
+
+		/**
+		 * Instantiates a new child resized event.
+		 *
+		 * @param source the source
+		 * @param newWidth the new width
+		 * @param newHeight the new height
+		 * @param oldWidth the old width
+		 * @param oldHeight the old height
+		 * @param location the location
+		 */
+		public ChildResizedEvent(Component source, int newWidth, int newHeight, int oldWidth, int oldHeight,
+				OResizeLocation location) {
+			super(source);
+			this.newWidth = newWidth;
+			this.newHeight = newHeight;
+			this.oldWidth = oldWidth;
+			this.oldHeight = oldHeight;
+			this.location = location;
+		}
+
+		/**
+		 * Gets the new width.
+		 *
+		 * @return the new width
+		 */
+		public int getNewWidth() {
+			return newWidth;
+		}
+
+		/**
+		 * Gets the new height.
+		 *
+		 * @return the new height
+		 */
+		public int getNewHeight() {
+			return newHeight;
+		}
+
+		/**
+		 * Gets the old width.
+		 *
+		 * @return the old width
+		 */
+		public int getOldWidth() {
+			return oldWidth;
+		}
+
+		/**
+		 * Gets the old height.
+		 *
+		 * @return the old height
+		 */
+		public int getOldHeight() {
+			return oldHeight;
+		}
+
+		/**
+		 * Gets the location.
+		 *
+		 * @return the location
+		 */
+		public OResizeLocation getLocation() {
+			return location;
+		}
+
+	}
+
+	/**
+	 * The listener interface for receiving childResized events.
+	 * The class that is interested in processing a childResized
+	 * event implements this interface, and the object created
+	 * with that class is registered with a component using the
+	 * component's <code>addChildResizedListener</code> method. When
+	 * the childResized event occurs, that object's appropriate
+	 * method is invoked.
+	 *
+	 * @see ChildResizedEvent
+	 */
+	public interface ChildResizedListener extends Serializable {
+		
+		/** The Constant CHILD_RESIZED_METHOD. */
+		public static final Method CHILD_RESIZED_METHOD = ReflectTools.findMethod(ChildResizedListener.class,
+				"childResized", ChildResizedEvent.class);
+
+		/**
+		 * Child resized.
+		 *
+		 * @param event the event
+		 */
+		void childResized(ChildResizedEvent event);
+	}
+
+}
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayoutWidgetset.gwt.xml b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayoutWidgetset.gwt.xml
new file mode 100644
index 0000000..4699e48
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayoutWidgetset.gwt.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.5.1//EN" "http://google-web-toolkit.googlecode.com/svn/tags/2.5.1/distro-source/core/src/gwt-module.dtd">
+<module>
+	<inherits name="com.vaadin.DefaultWidgetSet" />
+
+	<!-- 
+	    Uncomment the following to compile the widgetset for one browser only. 
+		Multiple browsers can be specified as a comma separated list. The supported 
+		user agents at the moment of writing were: ie8,ie9,gecko1_8,safari,opera 
+		The value gecko1_8 is used for Firefox and safari is used for webkit based 
+		browsers including Google Chrome.
+   	   <set-property name="user.agent" value="safari" /> 
+
+        To enable SuperDevMode, uncomment this line. See https://vaadin.com/wiki/-/wiki/Main/Using%20SuperDevMode
+ 		for more information and instructions.
+			<set-configuration-property name="devModeRedirectEnabled" value="true" />
+		/> 
+	-->
+
+<!-- 	<add-linker name="xsiframe" /> -->
+<!-- 	<set-configuration-property name="devModeRedirectEnabled" value="true" /> -->
+
+	<inherits name="fi.jasoft.dragdroplayouts.DragDropLayoutsWidgetSet" />
+	
+	<stylesheet src="oabsolutelayout/styles.css" />
+	
+</module>
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/IOConstants.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/IOConstants.java
new file mode 100644
index 0000000..1083f19
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/IOConstants.java
@@ -0,0 +1,30 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout.client;
+
+/**
+ * The Interface IOConstants.
+ */
+public interface IOConstants {
+	
+	/**
+	 * Divs for the resizing operations are marked with this css class.
+	 */
+	public static final String CSS_RESIZE_DIV = "o-resize-div";
+	
+	/**
+	 * Is used to define the snap css property in pixels. 
+	 */
+	public static final String CSS_SNAP_PROPERTY = "snap";
+
+}
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutClientRpc.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutClientRpc.java
new file mode 100644
index 0000000..3a61e01
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutClientRpc.java
@@ -0,0 +1,37 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout.client;
+
+import com.vaadin.shared.communication.ClientRpc;
+
+// TODO: Auto-generated Javadoc
+/**
+ * The Interface OAbsoluteLayoutClientRpc.
+ */
+public interface OAbsoluteLayoutClientRpc extends ClientRpc {
+
+	/**
+	 * True if alignments should be used. False otherwise.
+	 *
+	 * @param value the new use alignments
+	 */
+	public void setUseAlignments(boolean value);
+
+	/**
+	 * True if resizing should be used. False otherwise.
+	 *
+	 * @param value the new use resizing
+	 */
+	public void setUseResizing(boolean value);
+
+}
\ No newline at end of file
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutConnector.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutConnector.java
new file mode 100644
index 0000000..a41e001
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutConnector.java
@@ -0,0 +1,104 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout.client;
+
+import org.eclipse.osbp.vaadin.addons.absolutelayout.AbsoluteLayout;
+
+import com.google.gwt.core.client.GWT;
+import com.google.gwt.user.client.ui.Widget;
+import com.vaadin.client.communication.RpcProxy;
+import com.vaadin.client.communication.StateChangeEvent;
+import com.vaadin.shared.Connector;
+import com.vaadin.shared.ui.Connect;
+
+import fi.jasoft.dragdroplayouts.client.ui.absolutelayout.DDAbsoluteLayoutConnector;
+
+// TODO: Auto-generated Javadoc
+/**
+ * The Class OAbsoluteLayoutConnector.
+ */
+@Connect(AbsoluteLayout.class)
+public class OAbsoluteLayoutConnector extends DDAbsoluteLayoutConnector implements OChildResizeListener {
+
+	/** The Constant serialVersionUID. */
+	private static final long serialVersionUID = -3501965859455838012L;
+
+	/** The rpc. */
+	OAbsoluteLayoutServerRpc rpc = RpcProxy.create(OAbsoluteLayoutServerRpc.class, this);
+	
+	/**
+	 * Instantiates a new o absolute layout connector.
+	 */
+	public OAbsoluteLayoutConnector() {
+		registerRpc(OAbsoluteLayoutClientRpc.class, new OAbsoluteLayoutClientRpc() {
+			private static final long serialVersionUID = 8264383260169834245L;
+
+			@Override
+			public void setUseAlignments(boolean value) {
+				getWidget().setUseAlignments(value);
+			}
+
+			@Override
+			public void setUseResizing(boolean value) {
+				getWidget().setUseResizing(value);
+			}
+		});
+	}
+
+	/* (non-Javadoc)
+	 * @see com.vaadin.client.ui.AbstractComponentConnector#createWidget()
+	 */
+	@Override
+	protected Widget createWidget() {
+		OAbsoluteLayoutWidget widget = GWT.create(OAbsoluteLayoutWidget.class);
+		widget.setResizeListener(this);
+		return widget;
+	}
+
+	/* (non-Javadoc)
+	 * @see fi.jasoft.dragdroplayouts.client.ui.absolutelayout.DDAbsoluteLayoutConnector#getWidget()
+	 */
+	@Override
+	public OAbsoluteLayoutWidget getWidget() {
+		return (OAbsoluteLayoutWidget) super.getWidget();
+	}
+
+	/* (non-Javadoc)
+	 * @see fi.jasoft.dragdroplayouts.client.ui.absolutelayout.DDAbsoluteLayoutConnector#getState()
+	 */
+	@Override
+	public OAbsoluteLayoutState getState() {
+		return (OAbsoluteLayoutState) super.getState();
+	}
+
+	/* (non-Javadoc)
+	 * @see com.vaadin.client.ui.absolutelayout.AbsoluteLayoutConnector#onStateChanged(com.vaadin.client.communication.StateChangeEvent)
+	 */
+	@Override
+	public void onStateChanged(StateChangeEvent stateChangeEvent) {
+		super.onStateChanged(stateChangeEvent);
+
+		getWidget().setUseAlignments(getState().useAlignments);
+		getWidget().setUseResizing(getState().useResizing);
+	}
+
+	/* (non-Javadoc)
+	 * @see org.eclipse.osbp.vaadin.addons.absolutelayout.client.OChildResizeListener#resized(com.vaadin.shared.Connector, int, int, int, int, org.eclipse.osbp.vaadin.addons.absolutelayout.client.OResizeLocation)
+	 */
+	@Override
+	public void resized(Connector child, int newWidth, int newHeight, int oldWidth, int oldHeight,
+			OResizeLocation location) {
+		rpc.resized(child, newWidth, newHeight, oldWidth, oldHeight, location);
+	}
+
+}
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutServerRpc.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutServerRpc.java
new file mode 100644
index 0000000..a3cc7a2
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutServerRpc.java
@@ -0,0 +1,38 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout.client;
+
+import com.vaadin.shared.Connector;
+import com.vaadin.shared.communication.ServerRpc;
+
+// TODO: Auto-generated Javadoc
+/**
+ * The Interface OAbsoluteLayoutServerRpc.
+ */
+public interface OAbsoluteLayoutServerRpc extends ServerRpc {
+
+	/**
+	 * Is called if the given connector was resized. So the server layout needs
+	 * to update the position of the child.
+	 *
+	 * @param connector the connector
+	 * @param newWidth the new width
+	 * @param newHeight the new height
+	 * @param oldWidth the old width
+	 * @param oldHeight the old height
+	 * @param location the location
+	 */
+	void resized(Connector connector, int newWidth, int newHeight, int oldWidth, int oldHeight,
+			OResizeLocation location);
+
+}
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutState.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutState.java
new file mode 100644
index 0000000..d267cdb
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutState.java
@@ -0,0 +1,30 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout.client;
+
+// TODO: Auto-generated Javadoc
+/**
+ * The Class OAbsoluteLayoutState.
+ */
+public class OAbsoluteLayoutState extends fi.jasoft.dragdroplayouts.client.ui.absolutelayout.DDAbsoluteLayoutState {
+
+	/** The Constant serialVersionUID. */
+	private static final long serialVersionUID = -138381612142479069L;
+
+	/** The use alignments. */
+	public boolean useAlignments;
+	
+	/** The use resizing. */
+	public boolean useResizing;
+
+}
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutWidget.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutWidget.java
new file mode 100644
index 0000000..dfe0d3f
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAbsoluteLayoutWidget.java
@@ -0,0 +1,953 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout.client;
+
+import java.math.BigDecimal;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import com.google.gwt.dom.client.Element;
+import com.google.gwt.dom.client.EventTarget;
+import com.google.gwt.dom.client.NativeEvent;
+import com.google.gwt.dom.client.Style;
+import com.google.gwt.dom.client.Style.Unit;
+import com.google.gwt.event.dom.client.KeyCodes;
+import com.google.gwt.event.shared.HandlerRegistration;
+import com.google.gwt.user.client.DOM;
+import com.google.gwt.user.client.Event;
+import com.google.gwt.user.client.Event.NativePreviewEvent;
+import com.google.gwt.user.client.Event.NativePreviewHandler;
+import com.google.gwt.user.client.EventListener;
+import com.google.gwt.user.client.ui.Widget;
+import com.google.gwt.user.client.ui.WidgetCollection;
+import com.vaadin.client.ComponentConnector;
+import com.vaadin.client.Util;
+import com.vaadin.client.WidgetUtil;
+import com.vaadin.client.ui.dd.VDragEvent;
+
+import fi.jasoft.dragdroplayouts.client.ui.absolutelayout.VDDAbsoluteLayout;
+
+// TODO: Auto-generated Javadoc
+/**
+ * Absolute layout widget that supports drag and drop, resizing and alignment.
+ */
+public class OAbsoluteLayoutWidget extends VDDAbsoluteLayout {
+
+	/** The Constant CLASSNAME. */
+	public static final String CLASSNAME = "o-absolutelayout";
+
+	/** The resize listener. */
+	protected OChildResizeListener resizeListener;
+
+	/** The use resizing. */
+	protected boolean useResizing;
+
+	/**
+	 * Instantiates a new o absolute layout widget.
+	 */
+	public OAbsoluteLayoutWidget() {
+		addStyleName(CLASSNAME);
+	}
+
+	/* (non-Javadoc)
+	 * @see fi.jasoft.dragdroplayouts.client.ui.absolutelayout.VDDAbsoluteLayout#postDropHook(com.vaadin.client.ui.dd.VDragEvent)
+	 */
+	@Override
+	protected boolean postDropHook(VDragEvent drag) {
+		boolean result = super.postDropHook(drag);
+
+		OAlignmentManager.get().updateDropDetails(drag);
+		OAlignmentManager.get().stop();
+
+		return result;
+	}
+
+	/* (non-Javadoc)
+	 * @see fi.jasoft.dragdroplayouts.client.ui.absolutelayout.VDDAbsoluteLayout#postEnterHook(com.vaadin.client.ui.dd.VDragEvent)
+	 */
+	@Override
+	protected void postEnterHook(VDragEvent drag) {
+		super.postEnterHook(drag);
+
+		updateDrag(drag);
+	}
+
+	/* (non-Javadoc)
+	 * @see fi.jasoft.dragdroplayouts.client.ui.absolutelayout.VDDAbsoluteLayout#postLeaveHook(com.vaadin.client.ui.dd.VDragEvent)
+	 */
+	@Override
+	protected void postLeaveHook(VDragEvent drag) {
+		super.postLeaveHook(drag);
+
+		updateDrag(drag);
+	}
+
+	/* (non-Javadoc)
+	 * @see fi.jasoft.dragdroplayouts.client.ui.absolutelayout.VDDAbsoluteLayout#postOverHook(com.vaadin.client.ui.dd.VDragEvent)
+	 */
+	@Override
+	protected void postOverHook(VDragEvent drag) {
+		super.postOverHook(drag);
+
+		updateDrag(drag);
+	}
+
+	/**
+	 * Updates the drag information and alignments.
+	 *
+	 * @param drag the drag
+	 */
+	private void updateDrag(VDragEvent drag) {
+		if (!OAlignmentManager.get().isActive()) {
+			OAlignmentManager.get().startDragAndDrop(this);
+		}
+		OAlignmentManager.get().updateAlignmentsForDrop(drag);
+	}
+
+	/**
+	 * True, if alignments should be used. False otherwise.
+	 *
+	 * @param useAlignments the new use alignments
+	 */
+	public void setUseAlignments(boolean useAlignments) {
+		OAlignmentManager.get().setUseAlignments(useAlignments);
+	}
+
+	/**
+	 * True, if resizing should be used. False otherwise.
+	 *
+	 * @param useResizing the new use resizing
+	 */
+	public void setUseResizing(boolean useResizing) {
+		this.useResizing = useResizing;
+
+		for (Widget child : getChildren()) {
+			if (child instanceof ResizableAbsoluteWrapper) {
+				ResizableAbsoluteWrapper wrapper = (ResizableAbsoluteWrapper) child;
+				wrapper.setResizable(useResizing);
+			}
+		}
+	}
+
+	/* (non-Javadoc)
+	 * @see com.google.gwt.user.client.ui.ComplexPanel#getChildren()
+	 */
+	public WidgetCollection getChildren() {
+		return super.getChildren();
+	}
+
+	/* (non-Javadoc)
+	 * @see com.vaadin.client.ui.VAbsoluteLayout#add(com.google.gwt.user.client.ui.Widget)
+	 */
+	@Override
+	public void add(Widget child) {
+		ResizableAbsoluteWrapper wrapper = new ResizableAbsoluteWrapper(child);
+		super.add(wrapper, canvas);
+	}
+
+	/**
+	 * Returns true, if alignments are used. False otherwise.
+	 *
+	 * @return true, if is use alignments
+	 */
+	public boolean isUseAlignments() {
+		return OAlignmentManager.get().isUseAlignments();
+	}
+
+	/**
+	 * Sets the resize listener.
+	 *
+	 * @param resizeListener the new resize listener
+	 */
+	public void setResizeListener(OChildResizeListener resizeListener) {
+		this.resizeListener = resizeListener;
+	}
+
+	/**
+	 * The Class ResizeHandler.
+	 */
+	protected static class ResizeHandler implements EventListener {
+
+		/** The wrapper. */
+		protected final ResizableAbsoluteWrapper wrapper;
+
+		/** The start client x. */
+		protected int startClientX = 0;
+		
+		/** The start client y. */
+		protected int startClientY = 0;
+		
+		/** The start width. */
+		protected int startWidth = 0;
+		
+		/** The start height. */
+		protected int startHeight = 0;
+		
+		/** The resizing x. */
+		protected boolean resizingX;
+		
+		/** The revert x. */
+		protected boolean revertX;
+		
+		/** The revert y. */
+		protected boolean revertY;
+		
+		/** The resizing y. */
+		protected boolean resizingY;
+
+		/** The dragged element. */
+		// TODO remove me later -> Same as wrapper?
+		protected Element draggedElement;
+		
+		/** The waiting accept. */
+		protected boolean waitingAccept;
+		
+		/** The cancel listener registration. */
+		protected HandlerRegistration cancelListenerRegistration;
+		
+		/** The resize canceled. */
+		protected boolean resizeCanceled;
+
+		/** The keep aspect ratio. */
+		protected boolean keepAspectRatio;
+
+		/** The old width. */
+		protected int oldWidth;
+		
+		/** The old height. */
+		protected int oldHeight;
+		
+		/** The resize location. */
+		protected OResizeLocation resizeLocation;
+
+		/** The Constant locationToCursorMap. */
+		@SuppressWarnings("serial")
+		protected static final Map<OResizeLocation, String> locationToCursorMap = new HashMap<OResizeLocation, String>() {
+			{
+				// put(CResizeLocation.TOP_LEFT, "nwse-resize");
+				put(OResizeLocation.TOP, "ns-resize");
+				// put(CResizeLocation.TOP_RIGHT, "nesw-resize");
+				put(OResizeLocation.RIGHT, "ew-resize");
+				// put(CResizeLocation.BOTTOM_RIGHT, "nwse-resize");
+				put(OResizeLocation.BOTTOM, "ns-resize");
+				// put(CResizeLocation.BOTTOM_LEFT, "nesw-resize");
+				put(OResizeLocation.LEFT, "ew-resize");
+			}
+		};
+
+		/**
+		 * Instantiates a new resize handler.
+		 *
+		 * @param wrapper the wrapper
+		 */
+		public ResizeHandler(ResizableAbsoluteWrapper wrapper) {
+			this.wrapper = wrapper;
+		}
+
+		/* (non-Javadoc)
+		 * @see com.google.gwt.user.client.EventListener#onBrowserEvent(com.google.gwt.user.client.Event)
+		 */
+		@Override
+		public void onBrowserEvent(Event event) {
+			final EventTarget currentTarget = event.getCurrentEventTarget();
+			final Element target = currentTarget.cast();
+			final Element targetParent = target.getParentElement();
+			if (resizingX || resizingY || wrapper.getElement().equals(targetParent)
+					|| (targetParent != null && wrapper.getElement().equals(targetParent.getParentElement()))) {
+				switch (event.getTypeInt()) {
+				case Event.ONMOUSEMOVE:
+					onMouseMove(event);
+					break;
+				case Event.ONMOUSEDOWN:
+					onResizeStart(event, target);
+					break;
+				case Event.ONMOUSEUP:
+					onResizeEnd(event);
+					break;
+				default:
+					break;
+				}
+			} else if (resizeCanceled && event.getTypeInt() == Event.ONMOUSEUP) {
+				event.preventDefault();
+				event.stopPropagation();
+			}
+		}
+
+		/**
+		 * On mouse move.
+		 *
+		 * @param event the event
+		 */
+		protected void onMouseMove(Event event) {
+			if (!resizingX && !resizingY) {
+				return;
+			}
+
+			double height = -1.0;
+			double width = -1.0;
+
+			if (resizingY) {
+				int clientY = WidgetUtil.getTouchOrMouseClientY(event);
+				if (!isInVerticalBoundary(event)) {
+					// set the size to the edge of the boundary element
+					clientY = clientY < wrapper.getElement().getAbsoluteTop()
+							? (wrapper.getElement().getAbsoluteTop() + 2)
+							: (wrapper.getElement().getAbsoluteBottom() - 2);
+				}
+				int extraScrollHeight = wrapper.getElement() == null ? 0 : wrapper.getElement().getScrollTop();
+				height = startHeight + extraScrollHeight + (revertY ? startClientY - clientY : clientY - startClientY);
+				event.stopPropagation();
+			}
+
+			if (resizingX) {
+				int clientX = WidgetUtil.getTouchOrMouseClientX(event);
+				if (!isInHorizontalBoundary(event)) {
+					// set the size to the edge of the boundary element
+					clientX = clientX < wrapper.getElement().getAbsoluteLeft()
+							? (wrapper.getElement().getAbsoluteLeft() + 2)
+							: (wrapper.getElement().getAbsoluteRight() - 2);
+				}
+				int extraScrollWidth = wrapper.getElement() == null ? 0 : wrapper.getElement().getScrollLeft();
+				width = startWidth + extraScrollWidth + (revertX ? startClientX - clientX : clientX - startClientX);
+				event.stopPropagation();
+			}
+
+			if (keepAspectRatio && (height > -1.0 || width > 1.0)) {
+				final double wRatio = width / startWidth;
+				final double hRatio = height / startHeight;
+
+				if (height == -1.0) {
+					height = startHeight * wRatio;
+				} else if (width == -1.0) {
+					width = startWidth * hRatio;
+				} else {
+					if (wRatio < hRatio) {
+						height = startHeight * wRatio;
+					} else {
+						width = startWidth * hRatio;
+					}
+
+				}
+
+				wrapper.dragOverlayElement.getStyle().setHeight(height, Unit.PX);
+				wrapper.dragOverlayElement.getStyle().setWidth(width, Unit.PX);
+			}
+
+			if (height > -1.0) {
+				wrapper.dragOverlayElement.getStyle().setHeight(height, Unit.PX);
+			}
+			if (width > -1.0) {
+				wrapper.dragOverlayElement.getStyle().setWidth(width, Unit.PX);
+			}
+
+			// notify about resizing
+			wrapper.notifyResizing((int) width, (int) height, oldWidth, oldHeight, resizeLocation, draggedElement,
+					wrapper.dragOverlayElement);
+
+		}
+
+		/**
+		 * Checks if is in horizontal boundary.
+		 *
+		 * @param event the event
+		 * @return true, if is in horizontal boundary
+		 */
+		protected boolean isInHorizontalBoundary(Event event) {
+			if (wrapper.getParent().getElement() != null) {
+				int clientX = event.getClientX();
+				int right = wrapper.getParent().getElement().getAbsoluteRight() - 1;
+				int left = wrapper.getParent().getElement().getAbsoluteLeft() + 1;
+				return clientX > left && clientX < right;
+			}
+			return true;
+		}
+
+		/**
+		 * Checks if is in vertical boundary.
+		 *
+		 * @param event the event
+		 * @return true, if is in vertical boundary
+		 */
+		protected boolean isInVerticalBoundary(Event event) {
+			if (wrapper.getParent().getElement() != null) {
+				int clientY = event.getClientY();
+				int top = wrapper.getParent().getElement().getAbsoluteTop() + 1;
+				int bottom = wrapper.getParent().getElement().getAbsoluteBottom() - 1;
+				return clientY > top && clientY < bottom;
+			}
+			return true;
+		}
+
+		/**
+		 * Override cursor.
+		 *
+		 * @param location the location
+		 */
+		protected void overrideCursor(OResizeLocation location) {
+			String cursorValue = locationToCursorMap.get(location);
+			if (wrapper.getElement() != null) {
+				wrapper.getElement().getStyle().setProperty("cursor", cursorValue);
+			}
+			wrapper.dragOverlayElement.getStyle().setProperty("cursor", cursorValue);
+		}
+
+		/**
+		 * Stop cursor override.
+		 */
+		protected void stopCursorOverride() {
+			if (wrapper.getElement() != null) {
+				wrapper.getElement().getStyle().clearCursor();
+			}
+			wrapper.dragOverlayElement.getStyle().clearCursor();
+		}
+
+		/**
+		 * Mark boundary resizing.
+		 */
+		protected void markBoundaryResizing() {
+			if (wrapper.getElement() != null) {
+				wrapper.getElement().addClassName("resizing-child");
+			}
+		}
+
+		/**
+		 * Unmark boundary resizing.
+		 */
+		protected void unmarkBoundaryResizing() {
+			if (wrapper.getElement() != null) {
+				wrapper.getElement().removeClassName("resizing-child");
+			}
+		}
+
+		/**
+		 * Accept resize.
+		 *
+		 * @param accept the accept
+		 */
+		protected void acceptResize(boolean accept) {
+			if (waitingAccept) {
+				waitingAccept = false;
+				OAlignmentManager.get().updateResizedWidget(accept, oldWidth, oldHeight);
+				OAlignmentManager.get().stop();
+
+				resizingX = false;
+				resizingY = false;
+				draggedElement = null;
+				wrapper.dragOverlayElement.removeFromParent();
+				Style style = wrapper.dragOverlayElement.getStyle();
+				style.clearTop();
+				style.clearRight();
+				style.clearBottom();
+				style.clearLeft();
+				style.clearHeight();
+				style.clearWidth();
+				startClientX = 0;
+				startClientY = 0;
+				startHeight = 0;
+				startWidth = 0;
+
+				oldWidth = 0;
+				oldHeight = 0;
+				resizeLocation = null;
+
+				wrapper.getElement().removeClassName("resizing");
+			}
+		}
+
+		/**
+		 * On resize end.
+		 *
+		 * @param event the event
+		 */
+		protected void onResizeEnd(Event event) {
+			if (resizingX || resizingY) {
+				resizingX = false;
+				resizingY = false;
+				waitingAccept = true;
+
+				keepAspectRatio = false;
+
+				Event.releaseCapture(draggedElement);
+				event.stopPropagation();
+
+				stopCursorOverride();
+				unmarkBoundaryResizing();
+
+				acceptResize(true);
+			}
+		}
+
+		/**
+		 * On resize start.
+		 *
+		 * @param event the event
+		 * @param target the target
+		 */
+		protected void onResizeStart(Event event, Element target) {
+			if (!(resizingX || resizingY || waitingAccept)) {
+				resizeCanceled = false;
+				keepAspectRatio = false;
+				draggedElement = target;
+				// startWidth =
+				// WidgetUtil.getRequiredWidth(wrapper.getElement());
+				// startHeight =
+				// WidgetUtil.getRequiredHeight(wrapper.getElement());
+				startWidth = wrapper.getElement().getOffsetWidth();
+				startHeight = wrapper.getElement().getOffsetHeight();
+				if (target.equals(wrapper.topEdge) || target.equals(wrapper.bottomEdge)) {
+					resizeLocation = startVerticalResize(event, target);
+				} else if (target.equals(wrapper.leftEdge) || target.equals(wrapper.rightEdge)) {
+					resizeLocation = startHorizontalResize(event, target);
+				}
+				// else {
+				// resizeLocation = startDiagonalResize(event, target);
+				// }
+
+				// initialize the old values
+				oldWidth = wrapper.getElement().getOffsetWidth();
+				oldHeight = wrapper.getElement().getOffsetHeight();
+
+				wrapper.getElement().addClassName("resizing");
+				wrapper.getElement().appendChild(wrapper.dragOverlayElement);
+				Event.setCapture(draggedElement);
+				event.stopPropagation();
+
+				overrideCursor(resizeLocation);
+				markBoundaryResizing();
+				listenToKeyboard();
+
+				OAlignmentManager.get().startResize((OAbsoluteLayoutWidget) wrapper.getParent(), wrapper,
+						resizeLocation, wrapper.dragOverlayElement);
+			}
+		}
+
+		/**
+		 * Listen to keyboard.
+		 */
+		protected void listenToKeyboard() {
+			cancelListenerRegistration = Event.addNativePreviewHandler(new NativePreviewHandler() {
+
+				@Override
+				public void onPreviewNativeEvent(NativePreviewEvent event) {
+					if (event.getTypeInt() == Event.ONKEYDOWN && (resizingX || resizingY)) {
+						final int keyCode = event.getNativeEvent().getKeyCode();
+						if (keyCode == KeyCodes.KEY_ESCAPE) {
+							onResizeCancel(event.getNativeEvent());
+						} else if (keyCode == KeyCodes.KEY_SHIFT) {
+							keepAspectRatio = true;
+						}
+					} else if (event.getTypeInt() == Event.ONKEYUP && (resizingX || resizingY)) {
+						final int keyCode = event.getNativeEvent().getKeyCode();
+						if (keyCode == KeyCodes.KEY_SHIFT) {
+							keepAspectRatio = false;
+						}
+					}
+				}
+			});
+		}
+
+		/**
+		 * On resize cancel.
+		 *
+		 * @param event the event
+		 */
+		protected void onResizeCancel(NativeEvent event) {
+			if (cancelListenerRegistration != null) {
+				cancelListenerRegistration.removeHandler();
+			}
+			Event.releaseCapture(draggedElement);
+			event.stopPropagation();
+			event.preventDefault();
+
+			resizeCanceled = true;
+			waitingAccept = true;
+			acceptResize(false);
+
+			keepAspectRatio = false;
+
+			stopCursorOverride();
+			unmarkBoundaryResizing();
+		}
+
+		// protected CResizeLocation startDiagonalResize(Event event, Element
+		// target) {
+		// CResizeLocation resizeLocation;
+		// resizingX = true;
+		// resizingY = true;
+		//
+		// Style style = wrapper.dragOverlayElement.getStyle();
+		// startClientY = WidgetUtil.getTouchOrMouseClientY(event);
+		// style.setHeight(startHeight, Unit.PX);
+		// startClientX = WidgetUtil.getTouchOrMouseClientX(event);
+		// style.setWidth(startWidth, Unit.PX);
+		//
+		// if (target.equals(wrapper.topLeftCorner) ||
+		// target.equals(wrapper.topRightCorner)) {
+		// revertY = true;
+		// style.setBottom(0, Unit.PX);
+		// resizeLocation = target.equals(wrapper.topLeftCorner) ?
+		// CResizeLocation.TOP_LEFT
+		// : CResizeLocation.TOP_RIGHT;
+		// } else {
+		// revertY = false;
+		// style.setTop(0, Unit.PX);
+		// resizeLocation = target.equals(wrapper.bottomRightCorner) ?
+		// CResizeLocation.BOTTOM_RIGHT
+		// : CResizeLocation.BOTTOM_LEFT;
+		// }
+		// if (target.equals(wrapper.topLeftCorner) ||
+		// target.equals(wrapper.bottomLeftCorner)) {
+		// revertX = true;
+		// style.setRight(0, Unit.PX);
+		// } else {
+		// revertX = false;
+		// style.setLeft(0, Unit.PX);
+		// }
+		// return resizeLocation;
+		// }
+
+		/**
+		 * Start vertical resize.
+		 *
+		 * @param event the event
+		 * @param target the target
+		 * @return the o resize location
+		 */
+		protected OResizeLocation startVerticalResize(Event event, Element target) {
+			OResizeLocation resizeLocation;
+			resizingY = true;
+			Style style = wrapper.dragOverlayElement.getStyle();
+			startClientY = WidgetUtil.getTouchOrMouseClientY(event);
+			style.setHeight(startHeight, Unit.PX);
+
+			if (target.equals(wrapper.topEdge)) {
+				revertY = true;
+				style.setBottom(0, Unit.PX);
+				resizeLocation = OResizeLocation.TOP;
+			} else {
+				revertY = false;
+				style.setTop(0, Unit.PX);
+				resizeLocation = OResizeLocation.BOTTOM;
+			}
+			style.setLeft(0, Unit.PX);
+			style.setRight(0, Unit.PX);
+			return resizeLocation;
+		}
+
+		/**
+		 * Start horizontal resize.
+		 *
+		 * @param event the event
+		 * @param target the target
+		 * @return the o resize location
+		 */
+		protected OResizeLocation startHorizontalResize(Event event, Element target) {
+			OResizeLocation resizeLocation;
+			resizingX = true;
+			Style style = wrapper.dragOverlayElement.getStyle();
+			startClientX = WidgetUtil.getTouchOrMouseClientX(event);
+			style.setWidth(startWidth, Unit.PX);
+
+			if (target.equals(wrapper.leftEdge)) {
+				revertX = true;
+				style.setRight(0, Unit.PX);
+				resizeLocation = OResizeLocation.LEFT;
+			} else {
+				revertX = false;
+				style.setLeft(0, Unit.PX);
+				resizeLocation = OResizeLocation.RIGHT;
+			}
+			style.setTop(0, Unit.PX);
+			style.setBottom(0, Unit.PX);
+			return resizeLocation;
+		}
+
+	}
+
+	/**
+	 * The Class ResizableAbsoluteWrapper.
+	 */
+	public class ResizableAbsoluteWrapper extends AbsoluteWrapper {
+
+		/** The Constant O_RESIZABLE_STYLE_NAME. */
+		protected static final String O_RESIZABLE_STYLE_NAME = "o-resizable";
+
+		/** The Constant DEFAULT_DRAG_SIZE_PIXELS. */
+		protected static final int DEFAULT_DRAG_SIZE_PIXELS = 10;
+
+		// protected Element topLeftCorner;
+		// protected Element topRightCorner;
+		// protected Element bottomLeftCorner;
+		/** The top edge. */
+		// protected Element bottomRightCorner;
+		protected Element topEdge;
+		
+		/** The right edge. */
+		protected Element rightEdge;
+		
+		/** The bottom edge. */
+		protected Element bottomEdge;
+		
+		/** The left edge. */
+		protected Element leftEdge;
+		
+		/** The drag overlay element. */
+		protected Element dragOverlayElement;
+
+		/** The drag size pixels. */
+		protected int dragSizePixels;
+
+		/** The resizable. */
+		protected boolean resizable;
+		
+		/** The resize handler. */
+		protected ResizeHandler resizeHandler;
+
+		/**
+		 * Instantiates a new resizable absolute wrapper.
+		 *
+		 * @param child the child
+		 */
+		public ResizableAbsoluteWrapper(Widget child) {
+			super(child);
+
+			resizeHandler = new ResizeHandler(this);
+
+			child.addStyleName(O_RESIZABLE_STYLE_NAME);
+			// getElement().addClassName("resizable");
+
+			initDOM();
+			initListeners();
+			setResizeLocationSize(DEFAULT_DRAG_SIZE_PIXELS);
+		}
+
+		/**
+		 * Notify resized.
+		 *
+		 * @param width the width
+		 * @param height the height
+		 * @param oldWidth the old width
+		 * @param oldHeight the old height
+		 * @param location the location
+		 */
+		public void notifyResized(int width, int height, int oldWidth, int oldHeight, OResizeLocation location) {
+			ComponentConnector c = Util.findConnectorFor(getWidget());
+			resizeListener.resized(c, width, height, oldWidth, oldHeight, location);
+			OAlignmentManager.get().resetAlignments();
+		}
+
+		/**
+		 * Notify resizing.
+		 *
+		 * @param width the width
+		 * @param height the height
+		 * @param oldWidth the old width
+		 * @param oldHeight the old height
+		 * @param location the location
+		 * @param draggedElement the dragged element
+		 * @param dragOverlayElement the drag overlay element
+		 */
+		public void notifyResizing(int width, int height, int oldWidth, int oldHeight, OResizeLocation location,
+				Element draggedElement, Element dragOverlayElement) {
+			OAlignmentManager.get().updateAlignmentsForResize(draggedElement, dragOverlayElement);
+		}
+
+		/**
+		 * Notify resizing cancel.
+		 */
+		public void notifyResizingCancel() {
+			OAlignmentManager.get().resetAlignments();
+		}
+
+		/**
+		 * Inits the dom.
+		 */
+		protected void initDOM() {
+			// topLeftCorner = DOM.createDiv();
+			// topLeftCorner.addClassName("tlc");
+			// topLeftCorner.addClassName(ICConstants.RESIZE_DIV);
+			// topRightCorner = DOM.createDiv();
+			// topRightCorner.addClassName("trc");
+			// topRightCorner.addClassName(ICConstants.RESIZE_DIV);
+			// bottomLeftCorner = DOM.createDiv();
+			// bottomLeftCorner.addClassName("blc");
+			// bottomLeftCorner.addClassName(ICConstants.RESIZE_DIV);
+			// bottomRightCorner = DOM.createDiv();
+			// bottomRightCorner.addClassName("brc");
+			// bottomRightCorner.addClassName(ICConstants.RESIZE_DIV);
+
+			topEdge = DOM.createDiv();
+			topEdge.addClassName("te");
+			topEdge.addClassName(IOConstants.CSS_RESIZE_DIV);
+			rightEdge = DOM.createDiv();
+			rightEdge.addClassName("re");
+			rightEdge.addClassName(IOConstants.CSS_RESIZE_DIV);
+			bottomEdge = DOM.createDiv();
+			bottomEdge.addClassName("be");
+			bottomEdge.addClassName(IOConstants.CSS_RESIZE_DIV);
+			leftEdge = DOM.createDiv();
+			leftEdge.addClassName("le");
+			leftEdge.addClassName(IOConstants.CSS_RESIZE_DIV);
+
+			dragOverlayElement = DOM.createDiv();
+			dragOverlayElement.addClassName("drag-overlay");
+
+			// topEdge.appendChild(topLeftCorner);
+			// topEdge.appendChild(topRightCorner);
+
+			// bottomEdge.appendChild(bottomLeftCorner);
+			// bottomEdge.appendChild(bottomRightCorner);
+
+			setResizable(true);
+		}
+
+		/**
+		 * Inits the listeners.
+		 */
+		protected void initListeners() {
+			// Event.sinkEvents(topLeftCorner, Event.MOUSEEVENTS);
+			// Event.sinkEvents(topRightCorner, Event.MOUSEEVENTS);
+			// Event.sinkEvents(bottomLeftCorner, Event.MOUSEEVENTS);
+			// Event.sinkEvents(bottomRightCorner, Event.MOUSEEVENTS);
+			Event.sinkEvents(topEdge, Event.MOUSEEVENTS);
+			Event.sinkEvents(rightEdge, Event.MOUSEEVENTS);
+			Event.sinkEvents(bottomEdge, Event.MOUSEEVENTS);
+			Event.sinkEvents(leftEdge, Event.MOUSEEVENTS);
+		}
+
+		/**
+		 * Set the size of the resize locations in pixels. This will be the
+		 * width&amp;height for the corner locations, width for the left&amp;right
+		 * sides, and height for the top&amp;bottom sides.
+		 * <p>
+		 * Default size is {@value #DEFAULT_DRAG_SIZE_PIXELS}.
+		 *
+		 * @param resizeLocationSize the new resize location size
+		 */
+		public void setResizeLocationSize(int resizeLocationSize) {
+			if (dragSizePixels != resizeLocationSize) {
+				dragSizePixels = resizeLocationSize;
+				// topLeftCorner.getStyle().setHeight(resizeLocationSize,
+				// Unit.PX);
+				// topLeftCorner.getStyle().setWidth(resizeLocationSize,
+				// Unit.PX);
+				// topRightCorner.getStyle().setHeight(resizeLocationSize,
+				// Unit.PX);
+				// topRightCorner.getStyle().setWidth(resizeLocationSize,
+				// Unit.PX);
+				// bottomLeftCorner.getStyle().setHeight(resizeLocationSize,
+				// Unit.PX);
+				// bottomLeftCorner.getStyle().setWidth(resizeLocationSize,
+				// Unit.PX);
+				// bottomRightCorner.getStyle().setHeight(resizeLocationSize,
+				// Unit.PX);
+				// bottomRightCorner.getStyle().setWidth(resizeLocationSize,
+				// Unit.PX);
+
+				topEdge.getStyle().setHeight(resizeLocationSize, Unit.PX);
+				rightEdge.getStyle().setWidth(resizeLocationSize, Unit.PX);
+				bottomEdge.getStyle().setHeight(resizeLocationSize, Unit.PX);
+				leftEdge.getStyle().setWidth(resizeLocationSize, Unit.PX);
+
+				int negativeMargin = new BigDecimal(resizeLocationSize).divideToIntegralValue(new BigDecimal(2))
+						.negate().intValueExact();
+				// topLeftCorner.getStyle().setMarginLeft(negativeMargin,
+				// Unit.PX);
+				// topRightCorner.getStyle().setMarginRight(negativeMargin,
+				// Unit.PX);
+				// bottomRightCorner.getStyle().setMarginRight(negativeMargin,
+				// Unit.PX);
+				// bottomLeftCorner.getStyle().setMarginLeft(negativeMargin,
+				// Unit.PX);
+				topEdge.getStyle().setMarginTop(negativeMargin, Unit.PX);
+				rightEdge.getStyle().setMarginRight(negativeMargin, Unit.PX);
+				bottomEdge.getStyle().setMarginBottom(negativeMargin, Unit.PX);
+				leftEdge.getStyle().setMarginLeft(negativeMargin, Unit.PX);
+			}
+		}
+
+		/**
+		 * Trigger the resizable mode for the component.
+		 *
+		 * @param resizable the new resizable
+		 */
+		public void setResizable(boolean resizable) {
+			if (this.resizable != resizable) {
+				this.resizable = resizable;
+				if (resizable) {
+					enableResize(topEdge);
+					enableResize(leftEdge);
+					enableResize(rightEdge);
+					enableResize(bottomEdge);
+					getElement().addClassName(O_RESIZABLE_STYLE_NAME);
+				} else {
+					disableResize(topEdge);
+					disableResize(leftEdge);
+					disableResize(rightEdge);
+					disableResize(bottomEdge);
+					getElement().removeClassName(O_RESIZABLE_STYLE_NAME);
+				}
+			}
+		}
+
+		/**
+		 * Enable resize.
+		 *
+		 * @param element the element
+		 */
+		protected void enableResize(Element element) {
+			getElement().appendChild(element);
+			Event.setEventListener(element, resizeHandler);
+		}
+
+		/**
+		 * Disable resize.
+		 *
+		 * @param element the element
+		 */
+		protected void disableResize(Element element) {
+			getElement().removeChild(element);
+			Event.setEventListener(element, null);
+		}
+
+		/**
+		 * Is the component in resizable mode.
+		 *
+		 * @return the resizable
+		 */
+		public boolean getResizable() {
+			return resizable;
+		}
+
+		/* (non-Javadoc)
+		 * @see com.vaadin.client.ui.VAbsoluteLayout.AbsoluteWrapper#setWrapperStyleNames(java.lang.String[])
+		 */
+		public void setWrapperStyleNames(String... stylenames) {
+			List<String> styles = stylenames != null ? new ArrayList<String>(Arrays.asList(stylenames)) : new ArrayList<String>();
+			styles.add(O_RESIZABLE_STYLE_NAME);
+			super.setWrapperStyleNames(styles.toArray(new String[styles.size()]));
+		}
+
+		/* (non-Javadoc)
+		 * @see com.vaadin.client.ui.VAbsoluteLayout.AbsoluteWrapper#destroy()
+		 */
+		public void destroy() {
+			setResizable(false);
+
+			super.destroy();
+		}
+	}
+}
\ No newline at end of file
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAlignmentManager.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAlignmentManager.java
new file mode 100644
index 0000000..11d10c3
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAlignmentManager.java
@@ -0,0 +1,536 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout.client;
+
+import java.util.HashSet;
+import java.util.Map;
+import java.util.Set;
+
+import org.eclipse.osbp.vaadin.addons.absolutelayout.client.OAlignmentOverlay.AlignmentsLocation;
+
+import com.google.gwt.core.client.Scheduler;
+import com.google.gwt.dom.client.Element;
+import com.google.gwt.dom.client.Style.Unit;
+import com.google.gwt.user.client.ui.Widget;
+import com.vaadin.client.ui.dd.VDragEvent;
+
+import fi.jasoft.dragdroplayouts.client.ui.Constants;
+
+// TODO: Auto-generated Javadoc
+/**
+ * This class handles alignments for drag and drop and resize operations.
+ */
+public class OAlignmentManager {
+
+	/** The manager. */
+	private static OAlignmentManager manager;
+
+	/** The alignments. */
+	protected Set<OAlignmentOverlay> alignments = new HashSet<>();
+	
+	/** The snap. */
+	protected int snap = 4;
+
+	/** The layout. */
+	private OAbsoluteLayoutWidget layout;
+	
+	/** The snap info. */
+	private OAlignmentSnapInfo snapInfo;
+	
+	/** The resizing widget. */
+	private OAbsoluteLayoutWidget.ResizableAbsoluteWrapper resizingWidget;
+	
+	/** The resizing overlay. */
+	private Element resizingOverlay;
+	
+	/** The resize location. */
+	private OResizeLocation resizeLocation;
+
+	/** The use alignments. */
+	private boolean useAlignments;
+
+	/**
+	 * Instantiates a new o alignment manager.
+	 */
+	private OAlignmentManager() {
+
+	}
+
+	/**
+	 * Gets the.
+	 *
+	 * @return the o alignment manager
+	 */
+	public static OAlignmentManager get() {
+		if (manager == null) {
+			manager = new OAlignmentManager();
+		}
+		return manager;
+	}
+
+	/**
+	 * Start.
+	 *
+	 * @param layout the layout
+	 */
+	protected void start(OAbsoluteLayoutWidget layout) {
+		this.layout = layout;
+	}
+
+	/**
+	 * Start drag and drop.
+	 *
+	 * @param layout the layout
+	 */
+	public void startDragAndDrop(OAbsoluteLayoutWidget layout) {
+		start(layout);
+	}
+
+	/**
+	 * Start resize.
+	 *
+	 * @param layout the layout
+	 * @param resizingWidget the resizing widget
+	 * @param resizeLocation the resize location
+	 * @param resizingOverlay the resizing overlay
+	 */
+	public void startResize(OAbsoluteLayoutWidget layout, OAbsoluteLayoutWidget.ResizableAbsoluteWrapper resizingWidget,
+			OResizeLocation resizeLocation, Element resizingOverlay) {
+		this.layout = layout;
+		this.resizingWidget = resizingWidget;
+		this.resizeLocation = resizeLocation;
+		this.resizingOverlay = resizingOverlay;
+
+		start(layout);
+	}
+
+	/**
+	 * Checks if is active.
+	 *
+	 * @return true, if is active
+	 */
+	public boolean isActive() {
+		return layout != null;
+	}
+
+	/**
+	 * Stop.
+	 */
+	public void stop() {
+		resetAlignments();
+		layout = null;
+		alignments.clear();
+		resizeLocation = null;
+		resizingWidget = null;
+		snapInfo = null;
+	}
+
+	/**
+	 * Update alignments for drop.
+	 *
+	 * @param drag the drag
+	 */
+	public void updateAlignmentsForDrop(final VDragEvent drag) {
+		if (!useAlignments) {
+			return;
+		}
+
+		Scheduler.get().scheduleDeferred(new Scheduler.ScheduledCommand() {
+			@Override
+			public void execute() {
+				resetSnap();
+				resetAlignments();
+
+				Map<String, Object> dropDetail = drag.getDropDetails();
+				if (!dropDetail.containsKey(Constants.DROP_DETAIL_RELATIVE_TOP)) {
+					return;
+				}
+				int top = (int) dropDetail.get(Constants.DROP_DETAIL_RELATIVE_TOP);
+				int left = (int) dropDetail.get(Constants.DROP_DETAIL_RELATIVE_LEFT);
+				int width = (int) dropDetail.get(Constants.DROP_DETAIL_COMPONENT_WIDTH);
+				int height = (int) dropDetail.get(Constants.DROP_DETAIL_COMPONENT_HEIGHT);
+
+				int topEdgeY = top;
+				int leftEdgeX = left;
+				int rightEdgeX = left + width;
+				int bottomEdgeY = top + height;
+
+				int snapCount = 0;
+				for (Widget child : layout.getChildren()) {
+					int childTop = child.getElement().getOffsetTop();
+					int childLeft = child.getElement().getOffsetLeft();
+					int childWidth = child.getElement().getOffsetWidth();
+					int childHeight = child.getElement().getOffsetHeight();
+
+					int childTopEdgeY = childTop;
+					int childLeftEdgeX = childLeft;
+					int childRightEdgeX = childLeft + childWidth;
+					int childBottomEdgeY = childTop + childHeight;
+
+					boolean isDraggedLeftOf = false;
+					boolean isDraggedToOf = false;
+					if (left < child.getAbsoluteLeft()) {
+						isDraggedLeftOf = true;
+					}
+
+					if (top < child.getAbsoluteTop()) {
+						isDraggedToOf = true;
+					}
+
+					AlignmentsLocation location = null;
+					// paired sides -> left to left,...
+					int top_top_EdgeYDelta = topEdgeY - childTopEdgeY;
+					int bottom_bottom_EdgeYDelta = bottomEdgeY - childBottomEdgeY;
+					int left_left_EdgeXDelta = leftEdgeX - childLeftEdgeX;
+					int right_right_EdgeXDelta = rightEdgeX - childRightEdgeX;
+					int top_bottom_EdgeYDelta = topEdgeY - childBottomEdgeY;
+					int bottom_top_EdgeYDelta = bottomEdgeY - childTopEdgeY;
+					int left_right_EdgeXDelta = leftEdgeX - childRightEdgeX;
+					int right_left_EdgeXDelta = rightEdgeX - childLeftEdgeX;
+
+					OAlignmentSnapInfo snapInfo = null;
+					if (isInsideSnapBounds(top_top_EdgeYDelta)) {
+						snapInfo = new OAlignmentSnapInfo(0, top_top_EdgeYDelta);
+						location = isDraggedLeftOf ? AlignmentsLocation.TOP_EDGE_TOLEFT
+								: AlignmentsLocation.TOP_EDGE_TORIGHT;
+					} else if (isInsideSnapBounds(left_left_EdgeXDelta)) {
+						snapInfo = new OAlignmentSnapInfo(left_left_EdgeXDelta, 0);
+						location = isDraggedToOf ? AlignmentsLocation.LEFT_EDGE_TOTOP
+								: AlignmentsLocation.LEFT_EDGE_TOBOTTOM;
+					} else if (isInsideSnapBounds(right_right_EdgeXDelta)) {
+						snapInfo = new OAlignmentSnapInfo(right_right_EdgeXDelta, 0);
+						location = isDraggedToOf ? AlignmentsLocation.RIGHT_EDGE_TOTOP
+								: AlignmentsLocation.RIGHT_EDGE_TOBOTTOM;
+					} else if (isInsideSnapBounds(bottom_bottom_EdgeYDelta)) {
+						snapInfo = new OAlignmentSnapInfo(0, bottom_bottom_EdgeYDelta);
+						location = isDraggedLeftOf ? AlignmentsLocation.BOTTOM_EDGE_TOLEFT
+								: AlignmentsLocation.BOTTOM_EDGE_TORIGHT;
+						// unpaired sides
+					} else if (isInsideSnapBounds(top_bottom_EdgeYDelta)) {
+						snapInfo = new OAlignmentSnapInfo(0, top_bottom_EdgeYDelta);
+						location = isDraggedLeftOf ? AlignmentsLocation.BOTTOM_EDGE_TOLEFT
+								: AlignmentsLocation.BOTTOM_EDGE_TORIGHT;
+					} else if (isInsideSnapBounds(left_right_EdgeXDelta)) {
+						snapInfo = new OAlignmentSnapInfo(left_right_EdgeXDelta, 0);
+						location = isDraggedToOf ? AlignmentsLocation.RIGHT_EDGE_TOTOP
+								: AlignmentsLocation.RIGHT_EDGE_TOBOTTOM;
+					} else if (isInsideSnapBounds(right_left_EdgeXDelta)) {
+						snapInfo = new OAlignmentSnapInfo(right_left_EdgeXDelta, 0);
+						location = isDraggedToOf ? AlignmentsLocation.LEFT_EDGE_TOTOP
+								: AlignmentsLocation.LEFT_EDGE_TOBOTTOM;
+					} else if (isInsideSnapBounds(bottom_top_EdgeYDelta)) {
+						snapInfo = new OAlignmentSnapInfo(0, bottom_top_EdgeYDelta);
+						location = isDraggedLeftOf ? AlignmentsLocation.TOP_EDGE_TOLEFT
+								: AlignmentsLocation.TOP_EDGE_TORIGHT;
+					}
+
+					if (location != null) {
+						snapCount++;
+
+						if (isFirstSnap(snapCount)) {
+							registerSnap(snapInfo);
+						}
+
+						OAlignmentOverlay overlay = new OAlignmentOverlay(child, drag.getDragImage(), location,
+								snapInfo, false, snapCount == 1);
+						alignments.add(overlay);
+						overlay.show();
+					}
+				}
+			}
+		});
+	}
+
+	/**
+	 * Update alignments for resize.
+	 *
+	 * @param draggedElement            the resize preview element
+	 * @param dragOverlayElement the drag overlay element
+	 */
+	public void updateAlignmentsForResize(final Element draggedElement, final Element dragOverlayElement) {
+		if (dragOverlayElement == null || !useAlignments) {
+			return;
+		}
+		Scheduler.get().scheduleDeferred(new Scheduler.ScheduledCommand() {
+			@Override
+			public void execute() {
+				resetSnap();
+				resetAlignments();
+
+				int top = (int) dragOverlayElement.getAbsoluteTop();
+				int left = (int) dragOverlayElement.getAbsoluteLeft();
+				int width = (int) dragOverlayElement.getOffsetWidth();
+				int height = (int) dragOverlayElement.getOffsetHeight();
+
+				int topEdgeY = top;
+				int leftEdgeX = left;
+				int rightEdgeX = left + width;
+				int bottomEdgeY = top + height;
+
+				int snapCount = 0;
+
+				for (Widget child : layout.getChildren()) {
+					if (child == getResizingWidget()) {
+						continue;
+					}
+
+					int childTop = child.getElement().getAbsoluteTop();
+					int childLeft = child.getElement().getAbsoluteLeft();
+					int childWidth = child.getElement().getOffsetWidth();
+					int childHeight = child.getElement().getOffsetHeight();
+
+					int childTopEdgeY = childTop;
+					int childLeftEdgeX = childLeft;
+					int childRightEdgeX = childLeft + childWidth;
+					int childBottomEdgeY = childTop + childHeight;
+
+					boolean isDraggedLeftOf = false;
+					boolean isDraggedToOf = false;
+					if (left < child.getAbsoluteLeft()) {
+						isDraggedLeftOf = true;
+					}
+
+					if (top < child.getAbsoluteTop()) {
+						isDraggedToOf = true;
+					}
+
+					AlignmentsLocation location = null;
+					// paired sides -> left to left,...
+					int top_top_EdgeYDelta = topEdgeY - childTopEdgeY;
+					int bottom_bottom_EdgeYDelta = bottomEdgeY - childBottomEdgeY;
+					int left_left_EdgeXDelta = leftEdgeX - childLeftEdgeX;
+					int right_right_EdgeXDelta = rightEdgeX - childRightEdgeX;
+					int top_bottom_EdgeYDelta = topEdgeY - childBottomEdgeY;
+					int bottom_top_EdgeYDelta = bottomEdgeY - childTopEdgeY;
+					int left_right_EdgeXDelta = leftEdgeX - childRightEdgeX;
+					int right_left_EdgeXDelta = rightEdgeX - childLeftEdgeX;
+
+					OAlignmentSnapInfo snapInfo = null;
+					OResizeLocation resizeLoc = getResizeLocation();
+					if (resizeLoc.isTop() && isInsideSnapBounds(top_top_EdgeYDelta)) {
+						snapInfo = new OAlignmentSnapInfo(0, top_top_EdgeYDelta, resizeLoc);
+						location = isDraggedLeftOf ? AlignmentsLocation.TOP_EDGE_TOLEFT
+								: AlignmentsLocation.TOP_EDGE_TORIGHT;
+					} else if (resizeLoc.isLeft() && isInsideSnapBounds(left_left_EdgeXDelta)) {
+						snapInfo = new OAlignmentSnapInfo(left_left_EdgeXDelta, 0, resizeLoc);
+						location = isDraggedToOf ? AlignmentsLocation.LEFT_EDGE_TOTOP
+								: AlignmentsLocation.LEFT_EDGE_TOBOTTOM;
+					} else if (resizeLoc.isRight() && isInsideSnapBounds(right_right_EdgeXDelta)) {
+						snapInfo = new OAlignmentSnapInfo(right_right_EdgeXDelta, 0, resizeLoc);
+						location = isDraggedToOf ? AlignmentsLocation.RIGHT_EDGE_TOTOP
+								: AlignmentsLocation.RIGHT_EDGE_TOBOTTOM;
+					} else if (resizeLoc.isBottom() && isInsideSnapBounds(bottom_bottom_EdgeYDelta)) {
+						snapInfo = new OAlignmentSnapInfo(0, bottom_bottom_EdgeYDelta, resizeLoc);
+						location = isDraggedLeftOf ? AlignmentsLocation.BOTTOM_EDGE_TOLEFT
+								: AlignmentsLocation.BOTTOM_EDGE_TORIGHT;
+						// unpaired sides
+					} else if (resizeLoc.isTop() && isInsideSnapBounds(top_bottom_EdgeYDelta)) {
+						snapInfo = new OAlignmentSnapInfo(0, top_bottom_EdgeYDelta, resizeLoc);
+						location = isDraggedLeftOf ? AlignmentsLocation.BOTTOM_EDGE_TOLEFT
+								: AlignmentsLocation.BOTTOM_EDGE_TORIGHT;
+					} else if (resizeLoc.isLeft() && isInsideSnapBounds(left_right_EdgeXDelta)) {
+						snapInfo = new OAlignmentSnapInfo(left_right_EdgeXDelta, 0, resizeLoc);
+						location = isDraggedToOf ? AlignmentsLocation.RIGHT_EDGE_TOTOP
+								: AlignmentsLocation.RIGHT_EDGE_TOBOTTOM;
+					} else if (resizeLoc.isRight() && isInsideSnapBounds(right_left_EdgeXDelta)) {
+						snapInfo = new OAlignmentSnapInfo(right_left_EdgeXDelta, 0, resizeLoc);
+						location = isDraggedToOf ? AlignmentsLocation.LEFT_EDGE_TOTOP
+								: AlignmentsLocation.LEFT_EDGE_TOBOTTOM;
+					} else if (resizeLoc.isBottom() && isInsideSnapBounds(bottom_top_EdgeYDelta)) {
+						snapInfo = new OAlignmentSnapInfo(0, bottom_top_EdgeYDelta, resizeLoc);
+						location = isDraggedLeftOf ? AlignmentsLocation.TOP_EDGE_TOLEFT
+								: AlignmentsLocation.TOP_EDGE_TORIGHT;
+					}
+
+					if (location != null) {
+						snapCount++;
+
+						if (isFirstSnap(snapCount)) {
+							registerSnap(snapInfo);
+						}
+
+						OAlignmentOverlay overlay = new OAlignmentOverlay(child, dragOverlayElement, location, snapInfo,
+								true, isFirstSnap(snapCount));
+						alignments.add(overlay);
+						overlay.show();
+					}
+				}
+			}
+		});
+	}
+
+	/**
+	 * Checks if is first snap.
+	 *
+	 * @param snapCount the snap count
+	 * @return true, if is first snap
+	 */
+	private boolean isFirstSnap(int snapCount) {
+		return snapCount == 1;
+	}
+
+	/**
+	 * Resets all alignments.
+	 */
+	protected void resetAlignments() {
+		for (OAlignmentOverlay alignment : alignments) {
+			alignment.hide();
+		}
+		alignments.clear();
+	}
+
+	/**
+	 * Checks if is inside snap bounds.
+	 *
+	 * @param value the value
+	 * @return true, if is inside snap bounds
+	 */
+	protected boolean isInsideSnapBounds(int value) {
+		int snap = getSnapFromCSS();
+		return value <= snap && value >= -snap;
+	}
+
+	/**
+	 * Reads the snap in pixels from the elements style.
+	 *
+	 * @return the snap from css
+	 */
+	protected int getSnapFromCSS() {
+		String snapStr = layout.getElement().getStyle().getProperty(IOConstants.CSS_SNAP_PROPERTY);
+		if (snapStr != null) {
+			return Integer.valueOf(snapStr);
+		} else {
+			return snap;
+		}
+	}
+
+	/**
+	 * Registers the current snap. Only one snap definition can be active at a
+	 * time.
+	 *
+	 * @param snapInfo the snap info
+	 */
+	protected void registerSnap(OAlignmentSnapInfo snapInfo) {
+		this.snapInfo = snapInfo;
+	}
+
+	/**
+	 * Resets the snap info.
+	 */
+	protected void resetSnap() {
+		this.snapInfo = null;
+	}
+
+	/**
+	 * Gets the snap.
+	 *
+	 * @return the snap
+	 */
+	protected OAlignmentSnapInfo getSnap() {
+		return snapInfo != null ? snapInfo : new OAlignmentSnapInfo(0, 0);
+	}
+
+	/**
+	 * Updates the dropDetails after drop event.
+	 *
+	 * @param drag the drag
+	 */
+	public void updateDropDetails(VDragEvent drag) {
+		if (snapInfo != null) {
+			Map<String, Object> dropDetail = drag.getDropDetails();
+			int rTop = (int) dropDetail.get(Constants.DROP_DETAIL_RELATIVE_TOP);
+			int aTop = (int) dropDetail.get(Constants.DROP_DETAIL_ABSOLUTE_TOP);
+			int rLeft = (int) dropDetail.get(Constants.DROP_DETAIL_RELATIVE_LEFT);
+			int aLeft = (int) dropDetail.get(Constants.DROP_DETAIL_ABSOLUTE_LEFT);
+
+			rTop -= snapInfo.getY();
+			aTop -= snapInfo.getY();
+			rLeft -= snapInfo.getX();
+			aLeft -= snapInfo.getX();
+
+			dropDetail.put(Constants.DROP_DETAIL_RELATIVE_TOP, rTop);
+			dropDetail.put(Constants.DROP_DETAIL_ABSOLUTE_TOP, aTop);
+			dropDetail.put(Constants.DROP_DETAIL_RELATIVE_LEFT, rLeft);
+			dropDetail.put(Constants.DROP_DETAIL_ABSOLUTE_LEFT, aLeft);
+		}
+	}
+
+	/**
+	 * Updates the resized widget after the resizing was finished.
+	 *
+	 * @param accept the accept
+	 * @param oldWidth the old width
+	 * @param oldHeight the old height
+	 */
+	public void updateResizedWidget(boolean accept, int oldWidth, int oldHeight) {
+		if (accept) {
+			int width = resizingOverlay.getOffsetWidth();
+			int height = resizingOverlay.getOffsetHeight();
+
+			resizingWidget.getElement().getStyle().setWidth(width, Unit.PX);
+			resizingWidget.getElement().getStyle().setHeight(height, Unit.PX);
+
+			resizingWidget.notifyResized(width, height, oldWidth, oldHeight, resizeLocation);
+		} else {
+			resizingWidget.notifyResizingCancel();
+		}
+	}
+
+	/**
+	 * Returns the widget that is currently resized.
+	 *
+	 * @return the resizing widget
+	 */
+	public Widget getResizingWidget() {
+		return resizingWidget;
+	}
+
+	/**
+	 * Returns the resizing operation currently performed.
+	 *
+	 * @return the resize location
+	 */
+	public OResizeLocation getResizeLocation() {
+		return resizeLocation;
+	}
+
+	/**
+	 * Returns true, if alignments should be used.
+	 *
+	 * @return true, if is use alignments
+	 */
+	public boolean isUseAlignments() {
+		return useAlignments;
+	}
+
+	/**
+	 * Sets the use alignments.
+	 *
+	 * @param useAlignments the new use alignments
+	 */
+	public void setUseAlignments(boolean useAlignments) {
+		// if alignments switched off, ensure that pending alignments are being
+		// removed.
+		if (this.useAlignments == true && useAlignments == false) {
+			Scheduler.get().scheduleDeferred(new Scheduler.ScheduledCommand() {
+				@Override
+				public void execute() {
+					resetSnap();
+					resetAlignments();
+				}
+			});
+		}
+		this.useAlignments = useAlignments;
+	}
+
+}
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAlignmentOverlay.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAlignmentOverlay.java
new file mode 100644
index 0000000..014c996
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAlignmentOverlay.java
@@ -0,0 +1,306 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout.client;
+
+import com.google.gwt.dom.client.Element;
+import com.google.gwt.dom.client.Style.Unit;
+import com.google.gwt.user.client.Timer;
+import com.google.gwt.user.client.ui.Widget;
+import com.vaadin.client.ui.VOverlay;
+
+// TODO: Auto-generated Javadoc
+/**
+ * The Class OAlignmentOverlay.
+ */
+public class OAlignmentOverlay extends VOverlay {
+
+	/** The Constant THICKNESS. */
+	private static final int THICKNESS = 1;
+
+	/** The Constant CLASSNAME. */
+	private static final String CLASSNAME = "o-alignmentLine";
+
+	/** The alignment location. */
+	private final AlignmentsLocation alignmentLocation;
+	
+	/** The drag element. */
+	private final Element dragElement;
+
+	/** The snap timer. */
+	private Timer snapTimer;
+
+	/**
+	 * Shows alignment lines for drag and resize operations.
+	 *
+	 * @param owner the owner
+	 * @param dragElement the drag element
+	 * @param location the location
+	 * @param snap the snap
+	 * @param resize the resize
+	 * @param autoSnap the auto snap
+	 */
+	public OAlignmentOverlay(Widget owner, final Element dragElement, AlignmentsLocation location,
+			final OAlignmentSnapInfo snap, final boolean resize, boolean autoSnap) {
+		super(false, false);
+
+		super.setOwner(owner);
+		this.dragElement = dragElement;
+		this.alignmentLocation = location;
+
+		setStyleName(CLASSNAME);
+
+		setZIndex(VOverlay.Z_INDEX + 1);
+
+		if (autoSnap && (snap.getX() != 0 || snap.getY() != 0)) {
+			snapTimer = new Timer() {
+				@Override
+				public void run() {
+					if (resize) {
+						snapResizeImagePosition(dragElement, snap);
+					} else {
+						snapDragImagePosition(dragElement, snap);
+					}
+				}
+			};
+		}
+	}
+
+	/* (non-Javadoc)
+	 * @see com.vaadin.client.ui.VOverlay#show()
+	 */
+	@Override
+	public void show() {
+		int left = 0;
+		int top = 0;
+		int width = 0;
+		int height = 0;
+
+		if (alignmentLocation == null) {
+			return;
+		}
+
+		switch (alignmentLocation) {
+		case TOP_EDGE_TOLEFT:
+			width = getAlignmentLineX();
+			left = getOwner().getOffsetWidth() - width;
+			height = THICKNESS;
+			break;
+		case TOP_EDGE_TORIGHT:
+			width = getAlignmentLineX();
+			left = 0;
+			height = THICKNESS;
+			break;
+		case BOTTOM_EDGE_TOLEFT:
+			top = getOwner().getOffsetHeight();
+			width = getAlignmentLineX();
+			left = getOwner().getOffsetWidth() - width;
+			height = THICKNESS;
+			break;
+		case BOTTOM_EDGE_TORIGHT:
+			width = getAlignmentLineX();
+			left = 0;
+			top = getOwner().getOffsetHeight();
+			height = THICKNESS;
+			break;
+		case LEFT_EDGE_TOBOTTOM:
+			top = 0;
+			width = THICKNESS;
+			height = getAlignmentLineY();
+			break;
+		case LEFT_EDGE_TOTOP:
+			top = getOwner().getOffsetHeight() - getAlignmentLineY();
+			width = THICKNESS;
+			height = getAlignmentLineY();
+			break;
+		case RIGHT_EDGE_TOBOTTOM:
+			top = 0;
+			left = getOwner().getOffsetWidth();
+			width = THICKNESS;
+			height = getAlignmentLineY();
+			break;
+		case RIGHT_EDGE_TOTOP:
+			top = getOwner().getOffsetHeight() - getAlignmentLineY();
+			left = getOwner().getOffsetWidth();
+			width = THICKNESS;
+			height = getAlignmentLineY();
+			break;
+		}
+
+		// set adjustment size
+		Element element = getContainerElement();
+		element.getStyle().setWidth(width, Unit.PX);
+		element.getStyle().setHeight(height, Unit.PX);
+		String bg = element.getStyle().getBackgroundColor();
+		if (bg == null || bg.equals("")) {
+			element.getStyle().setBackgroundColor("red");
+		}
+
+		// set the popup position
+		int absoluteLeft = getOwner().getAbsoluteLeft() + left;
+		int absoluteTop = getOwner().getAbsoluteTop() + top;
+		setPopupPosition(absoluteLeft, absoluteTop);
+
+		super.show();
+
+		if (snapTimer != null) {
+			snapTimer.schedule(300);
+		}
+	}
+
+	/**
+	 * Calculates the horizontal alignment line.
+	 *
+	 * @return the alignment line x
+	 */
+	private int getAlignmentLineX() {
+		if (isOwnerLeftOfImage()) {
+			return dragElement.getAbsoluteLeft() - getOwner().getAbsoluteLeft() + +dragElement.getOffsetWidth();
+		} else {
+			return getOwner().getAbsoluteLeft() - dragElement.getAbsoluteLeft() + getOwner().getOffsetWidth();
+		}
+	}
+
+	/**
+	 * Checks if is owner left of image.
+	 *
+	 * @return true, if is owner left of image
+	 */
+	private boolean isOwnerLeftOfImage() {
+		return getOwner().getAbsoluteLeft() < dragElement.getAbsoluteLeft();
+	}
+
+	/**
+	 * Calculates the vertical alignment line.
+	 *
+	 * @return the alignment line y
+	 */
+	private int getAlignmentLineY() {
+		if (isOwnerTopOfImage()) {
+			return dragElement.getAbsoluteTop() - getOwner().getAbsoluteTop() + dragElement.getOffsetHeight();
+		} else {
+			return getOwner().getAbsoluteTop() - dragElement.getAbsoluteTop() + getOwner().getOffsetHeight();
+		}
+	}
+
+	/**
+	 * Checks if is owner top of image.
+	 *
+	 * @return true, if is owner top of image
+	 */
+	private boolean isOwnerTopOfImage() {
+		return getOwner().getAbsoluteTop() < dragElement.getAbsoluteTop();
+	}
+
+	/* (non-Javadoc)
+	 * @see com.vaadin.client.ui.VOverlay#hide()
+	 */
+	@Override
+	public void hide() {
+		if (snapTimer != null) {
+			snapTimer.cancel();
+		}
+
+		super.hide();
+	}
+
+	/**
+	 * Snap drag image position.
+	 *
+	 * @param dragImage the drag image
+	 * @param snap the snap
+	 */
+	private void snapDragImagePosition(final Element dragImage, final OAlignmentSnapInfo snap) {
+		int offsetTop = 0;
+		try {
+			String offsetTopStr = dragImage.getStyle().getMarginTop();
+			offsetTop = Integer.parseInt(offsetTopStr.substring(0, offsetTopStr.length() - 2));
+		} catch (NumberFormatException e) {
+			// nothing to do
+		}
+		dragImage.getStyle().setTop(dragImage.getAbsoluteTop() - offsetTop - snap.getY(), Unit.PX);
+
+		int offsetLeft = 0;
+		try {
+			String offsetLeftStr = dragImage.getStyle().getMarginLeft();
+			offsetLeft = Integer.parseInt(offsetLeftStr.substring(0, offsetLeftStr.length() - 2));
+		} catch (NumberFormatException e) {
+			// nothing to do
+		}
+		dragImage.getStyle().setLeft(dragImage.getAbsoluteLeft() - offsetLeft - snap.getX(), Unit.PX);
+	}
+
+	/**
+	 * Snap resize image position.
+	 *
+	 * @param dragImage the drag image
+	 * @param delta the delta
+	 */
+	private void snapResizeImagePosition(final Element dragImage, final OAlignmentSnapInfo delta) {
+
+		OResizeLocation location = OAlignmentManager.get().getResizeLocation();
+		int oldWidth = dragImage.getOffsetWidth();
+		int oldHeigth = dragImage.getOffsetHeight();
+
+		int newWidth = 0;
+		int newHeight = 0;
+
+		switch (location) {
+		case TOP:
+		case TOP_LEFT:
+		case LEFT:
+			newHeight = oldHeigth + delta.getY();
+			newWidth = oldWidth + delta.getX();
+			break;
+		case BOTTOM:
+		case BOTTOM_RIGHT:
+		case RIGHT:
+			newHeight = oldHeigth - delta.getY();
+			newWidth = oldWidth - delta.getX();
+			break;
+		case TOP_RIGHT:
+			newHeight = oldHeigth + delta.getY();
+			newWidth = oldWidth - delta.getX();
+			break;
+		case BOTTOM_LEFT:
+			newHeight = oldHeigth - delta.getY();
+			newWidth = oldWidth + delta.getX();
+			break;
+		}
+
+		dragImage.getStyle().setWidth(newWidth, Unit.PX);
+		dragImage.getStyle().setHeight(newHeight, Unit.PX);
+	}
+
+	/**
+	 * Indicates where the alignments should be painted.
+	 */
+	public enum AlignmentsLocation {
+		
+		/** The top edge toleft. */
+		TOP_EDGE_TOLEFT, 
+ /** The top edge toright. */
+ TOP_EDGE_TORIGHT, 
+ /** The left edge totop. */
+ LEFT_EDGE_TOTOP, 
+ /** The left edge tobottom. */
+ LEFT_EDGE_TOBOTTOM, 
+ /** The bottom edge toleft. */
+ BOTTOM_EDGE_TOLEFT, 
+ /** The bottom edge toright. */
+ BOTTOM_EDGE_TORIGHT, 
+ /** The right edge totop. */
+ RIGHT_EDGE_TOTOP, 
+ /** The right edge tobottom. */
+ RIGHT_EDGE_TOBOTTOM
+	}
+}
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAlignmentSnapInfo.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAlignmentSnapInfo.java
new file mode 100644
index 0000000..3f8668e
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OAlignmentSnapInfo.java
@@ -0,0 +1,89 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout.client;
+
+// TODO: Auto-generated Javadoc
+/**
+ * Defines the x and y pixel to the next snapping position. Location defines the
+ * type of resizing operation done.
+ */
+public class OAlignmentSnapInfo {
+
+	/** The x. */
+	private final int x; 
+	
+	/** The y. */
+	private final int y;
+	
+	/** The location. */
+	private final OResizeLocation location;
+
+	/**
+	 * Instantiates a new o alignment snap info.
+	 *
+	 * @param x the x
+	 * @param y the y
+	 */
+	public OAlignmentSnapInfo(int x, int y) {
+		super();
+		this.x = x;
+		this.y = y;
+		this.location = null;
+	}
+
+	/**
+	 * Instantiates a new o alignment snap info.
+	 *
+	 * @param x the x
+	 * @param y the y
+	 * @param location the location
+	 */
+	public OAlignmentSnapInfo(int x, int y, OResizeLocation location) {
+		super();
+		this.x = x;
+		this.y = y;
+		this.location = location;
+	}
+
+	/**
+	 * X value is delta from dragElement - absoluteLayout#child. A negative
+	 * value means, that the dragged element is more left (left is smaller) then
+	 * the child from absolute layout.
+	 *
+	 * @return the x
+	 */
+	public int getX() {
+		return x;
+	}
+
+	/**
+	 * Y value is delta from dragElement - absoluteLayout#child. A negative
+	 * value means, that the dragged element is more top (top is smaller) then
+	 * the child from absolute layout.
+	 *
+	 * @return the y
+	 */
+	public int getY() {
+		return y;
+	}
+
+	/**
+	 * Gets the location.
+	 *
+	 * @return the location
+	 */
+	public OResizeLocation getLocation() {
+		return location;
+	}
+
+}
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OChildResizeListener.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OChildResizeListener.java
new file mode 100644
index 0000000..0e86dd6
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OChildResizeListener.java
@@ -0,0 +1,37 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout.client;
+
+import com.vaadin.shared.Connector;
+
+// TODO: Auto-generated Javadoc
+/**
+ * Listener that is notified, if the resize operation proceeded.
+ *
+ * see OChildResizeEvent
+ */
+public interface OChildResizeListener {
+
+	/**
+	 * Is called if the resize operation proceeded.
+	 *
+	 * @param child the child
+	 * @param newWidth the new width
+	 * @param newHeight the new height
+	 * @param oldWidth the old width
+	 * @param oldHeight the old height
+	 * @param location the location
+	 */
+	void resized(Connector child, int newWidth, int newHeight, int oldWidth, int oldHeight, OResizeLocation location);
+
+}
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OResizeLocation.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OResizeLocation.java
new file mode 100644
index 0000000..49b0c44
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/client/OResizeLocation.java
@@ -0,0 +1,92 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+package org.eclipse.osbp.vaadin.addons.absolutelayout.client;
+
+// TODO: Auto-generated Javadoc
+/**
+ * The Enum OResizeLocation.
+ */
+public enum OResizeLocation {
+    
+    /** The top left. */
+    TOP_LEFT, 
+ /** The top. */
+ TOP, 
+ /** The top right. */
+ TOP_RIGHT, 
+ /** The right. */
+ RIGHT, 
+ /** The bottom right. */
+ BOTTOM_RIGHT, 
+ /** The bottom. */
+ BOTTOM, 
+ /** The bottom left. */
+ BOTTOM_LEFT, 
+ /** The left. */
+ LEFT;
+	
+	/**
+	 * Checks if is top.
+	 *
+	 * @return true, if is top
+	 */
+	public boolean isTop(){
+		return this == OResizeLocation.TOP_LEFT || this == OResizeLocation.TOP || this == OResizeLocation.TOP_RIGHT;
+	}
+	
+	/**
+	 * Checks if is bottom.
+	 *
+	 * @return true, if is bottom
+	 */
+	public boolean isBottom(){
+		return this == OResizeLocation.BOTTOM_LEFT || this == OResizeLocation.BOTTOM || this == OResizeLocation.BOTTOM_RIGHT;
+	}
+	
+	/**
+	 * Checks if is left.
+	 *
+	 * @return true, if is left
+	 */
+	public boolean isLeft(){
+		return this == OResizeLocation.TOP_LEFT || this == OResizeLocation.LEFT || this == OResizeLocation.BOTTOM_LEFT;
+	}
+	
+	/**
+	 * Checks if is right.
+	 *
+	 * @return true, if is right
+	 */
+	public boolean isRight(){
+		return this == OResizeLocation.TOP_RIGHT || this == OResizeLocation.RIGHT || this == OResizeLocation.BOTTOM_RIGHT;
+	}
+	
+	/**
+	 * Checks if is y.
+	 *
+	 * @return true, if is y
+	 */
+	public boolean isY(){
+		return isTop() || isBottom();
+	}
+	
+	/**
+	 * Checks if is x.
+	 *
+	 * @return true, if is x
+	 */
+	public boolean isX(){
+		return isLeft() || isRight();
+	}
+}
+
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/public/oabsolutelayout/styles.css b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/public/oabsolutelayout/styles.css
new file mode 100644
index 0000000..5fd286f
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/src/org/eclipse/osbp/vaadin/addons/absolutelayout/public/oabsolutelayout/styles.css
@@ -0,0 +1,66 @@
+
+	.v-absolutelayout .o-alignmentLine {
+		// the color of the alignment line
+		background-color: green;
+	}
+
+	.o-absolutelayout{
+		// the amount of pixels, a snap to alignment lines is done
+		snap: 7;
+	}
+
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .resizing {
+      overflow: visible;
+    }
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .drag-overlay {
+      border: 1px solid red;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      position: absolute;
+      z-index: 10;
+    }
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .tlc, 
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .te, 
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .trc, 
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .re, 
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .brc, 
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .be, 
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .blc, 
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .le {
+      background-color: transparent;
+      display: block;
+      overflow: visible;
+      position: absolute;
+    }
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .div.unused {
+      cursor: default !important;
+    }
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .te {
+      cursor: ns-resize;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 6;
+    }
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .re {
+      cursor: ew-resize;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      z-index: 5;
+    }
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .le {
+      cursor: ew-resize;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 5;
+    }
+    .v-absolutelayout .v-absolutelayout-wrapper-o-resizable .be {
+      cursor: ns-resize;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 6;
+    }
diff --git a/org.eclipse.osbp.vaadin.addons.absolutelayout/test/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayoutTest.java b/org.eclipse.osbp.vaadin.addons.absolutelayout/test/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayoutTest.java
new file mode 100644
index 0000000..602d9d2
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.absolutelayout/test/org/eclipse/osbp/vaadin/addons/absolutelayout/AbsoluteLayoutTest.java
@@ -0,0 +1,99 @@
+/**
+ *                                                                            
+ * 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:   
+ * Florian Pirchner <florian.pirchner@gmail.com> - Initial implementation
+ */
+ package org.eclipse.osbp.vaadin.addons.absolutelayout;
+
+import com.vaadin.testbench.ScreenshotOnFailureRule;
+import com.vaadin.testbench.TestBenchTestCase;
+import com.vaadin.testbench.elements.ButtonElement;
+import com.vaadin.testbench.elements.LabelElement;
+
+import org.junit.Before;
+import org.junit.Rule;
+import org.junit.Test;
+import org.openqa.selenium.firefox.FirefoxDriver;
+
+import java.util.List;
+
+import static org.junit.Assert.assertEquals;
+import static org.junit.Assert.assertFalse;
+
+/**
+ * This class contains JUnit tests, which are run using Vaadin TestBench 4.
+ *
+ * To run this, first get an evaluation license from
+ * https://vaadin.com/addon/vaadin-testbench and follow the instructions at
+ * https://vaadin.com/directory/help/installing-cval-license to install it.
+ *
+ * Once the license is installed, you can run this class as a JUnit test.
+ */
+public class AbsoluteLayoutTest extends TestBenchTestCase {
+    @Rule
+    public ScreenshotOnFailureRule screenshotOnFailureRule =
+            new ScreenshotOnFailureRule(this, true);
+
+    @Before
+    public void setUp() throws Exception {
+        setDriver(new FirefoxDriver()); // Firefox
+
+        // To use Chrome, first install chromedriver.exe from
+        // http://chromedriver.storage.googleapis.com/index.html
+        // on your system path (e.g. C:\Windows\System32\)
+        //   setDriver(new ChromeDriver()); // Chrome
+
+        // To use Internet Explorer, first install iedriverserver.exe from
+        // http://selenium-release.storage.googleapis.com/index.html?path=2.43/
+        // on your system path (e.g. C:\Windows\System32\)
+        //   setDriver(new InternetExplorerDriver()); // IE
+
+        // To test headlessly (without a browser), first install phantomjs.exe
+        // from http://phantomjs.org/download.html on your system path
+        // (e.g. C:\Windows\System32\)
+        //   setDriver(new PhantomJSDriver()); // PhantomJS headless browser
+    }
+
+    /**
+     * Opens the URL where the application is deployed.
+     */
+    private void openTestUrl() {
+        getDriver().get("http://localhost:8080/org.eclipse.osbp.vaadin.addons.absolutelayout");
+    }
+
+    @Test
+    public void testClickButton() throws Exception {
+        openTestUrl();
+
+        // At first there should be no labels
+        assertFalse($(LabelElement.class).exists());
+
+        // Click the button
+        ButtonElement clickMeButton = $(ButtonElement.class).
+                caption("Click Me").first();
+        clickMeButton.click();
+
+        // There should now be one label
+        assertEquals(1, $(LabelElement.class).all().size());
+        // ... with the specified text
+        assertEquals("Thank you for clicking",
+                $(LabelElement.class).first().getText());
+
+        // Click the button again
+        clickMeButton.click();
+
+        // There should now be two labels
+        List<LabelElement> allLabels = $(LabelElement.class).all();
+        assertEquals(2, allLabels.size());
+        // ... and the last label should have the correct text
+        LabelElement lastLabel = allLabels.get(1);
+        assertEquals("Thank you for clicking", lastLabel.getText());
+    }
+}
\ No newline at end of file
diff --git a/org.eclipse.osbp.vaadin.addons.designer.overlay/.designer/designer-theme.css b/org.eclipse.osbp.vaadin.addons.designer.overlay/.designer/designer-theme.css
new file mode 100644
index 0000000..3aa7ca1
--- /dev/null
+++ b/org.eclipse.osbp.vaadin.addons.designer.overlay/.designer/designer-theme.css
@@ -0,0 +1,12934 @@
+/**
+ * Checks if a list contains a certain value.
+ * 
+ * @param {list} $list - the list to check
+ * @param {value} $var - the value to search for
+ * @param {bool} $recursive (false) - should any contained lists be checked for the value
+ * 
+ * @return {bool} true if the value is found from the list, false otherwise
+ * 
+ * @group lists
+ */
+
+/**
+ * Cross-browser opacity.
+ *
+ * @param {number} $value - opacity value from 0 to 1
+ * @param {bool} $important (false) - should the property value be declared with !important
+ *
+ * @group util
+ */
+
+@-webkit-keyframes valo-animate-in-fade {
+		0% {
+		opacity: 0;
+	}
+	}
+
+@-moz-keyframes valo-animate-in-fade {
+		0% {
+		opacity: 0;
+	}
+	}
+
+@keyframes valo-animate-in-fade {
+		0% {
+		opacity: 0;
+	}
+	}
+
+@-webkit-keyframes valo-animate-out-fade {
+		100% {
+		opacity: 0;
+	}
+	}
+
+@-moz-keyframes valo-animate-out-fade {
+		100% {
+		opacity: 0;
+	}
+	}
+
+@keyframes valo-animate-out-fade {
+		100% {
+		opacity: 0;
+	}
+	}
+
+@-webkit-keyframes valo-animate-in-slide-down {
+		0% {
+		-webkit-transform: translateY(-100%);
+	}
+	}
+
+@-moz-keyframes valo-animate-in-slide-down {
+		0% {
+		-moz-transform: translateY(-100%);
+	}
+	}
+
+@keyframes valo-animate-in-slide-down {
+		0% {
+		-webkit-transform: translateY(-100%);
+		-moz-transform: translateY(-100%);
+		-ms-transform: translateY(-100%);
+		-o-transform: translateY(-100%);
+		transform: translateY(-100%);
+	}
+	}
+
+@-webkit-keyframes valo-animate-in-slide-up {
+		0% {
+		-webkit-transform: translateY(100%);
+	}
+	}
+
+@-moz-keyframes valo-animate-in-slide-up {
+		0% {
+		-moz-transform: translateY(100%);
+	}
+	}
+
+@keyframes valo-animate-in-slide-up {
+		0% {
+		-webkit-transform: translateY(100%);
+		-moz-transform: translateY(100%);
+		-ms-transform: translateY(100%);
+		-o-transform: translateY(100%);
+		transform: translateY(100%);
+	}
+	}
+
+@-webkit-keyframes valo-animate-in-slide-left {
+		0% {
+		-webkit-transform: translateX(100%);
+	}
+	}
+
+@-moz-keyframes valo-animate-in-slide-left {
+		0% {
+		-moz-transform: translateX(100%);
+	}
+	}
+
+@keyframes valo-animate-in-slide-left {
+		0% {
+		-webkit-transform: translateX(100%);
+		-moz-transform: translateX(100%);
+		-ms-transform: translateX(100%);
+		-o-transform: translateX(100%);
+		transform: translateX(100%);
+	}
+	}
+
+@-webkit-keyframes valo-animate-in-slide-right {
+		0% {
+		-webkit-transform: translateX(-100%);
+	}
+	}
+
+@-moz-keyframes valo-animate-in-slide-right {
+		0% {
+		-moz-transform: translateX(-100%);
+	}
+	}
+
+@keyframes valo-animate-in-slide-right {
+		0% {
+		-webkit-transform: translateX(-100%);
+		-moz-transform: translateX(-100%);
+		-ms-transform: translateX(-100%);
+		-o-transform: translateX(-100%);
+		transform: translateX(-100%);
+	}
+	}
+
+@-webkit-keyframes valo-animate-out-slide-down {
+		100% {
+		-webkit-transform: translateY(100%);
+	}
+	}
+
+@-moz-keyframes valo-animate-out-slide-down {
+		100% {
+		-moz-transform: translateY(100%);
+	}
+	}
+
+@keyframes valo-animate-out-slide-down {
+		100% {
+		-webkit-transform: translateY(100%);
+		-moz-transform: translateY(100%);
+		-ms-transform: translateY(100%);
+		-o-transform: translateY(100%);
+		transform: translateY(100%);
+	}
+	}
+
+@-webkit-keyframes valo-animate-out-slide-up {
+		100% {
+		-webkit-transform: translateY(-100%);
+	}
+	}
+
+@-moz-keyframes valo-animate-out-slide-up {
+		100% {
+		-moz-transform: translateY(-100%);
+	}
+	}
+
+@keyframes valo-animate-out-slide-up {
+		100% {
+		-webkit-transform: translateY(-100%);
+		-moz-transform: translateY(-100%);
+		-ms-transform: translateY(-100%);
+		-o-transform: translateY(-100%);
+		transform: translateY(-100%);
+	}
+	}
+
+@-webkit-keyframes valo-animate-out-slide-left {
+		100% {
+		-webkit-transform: translateX(-100%);
+	}
+	}
+
+@-moz-keyframes valo-animate-out-slide-left {
+		100% {
+		-moz-transform: translateX(-100%);
+	}
+	}
+
+@keyframes valo-animate-out-slide-left {
+		100% {
+		-webkit-transform: translateX(-100%);
+		-moz-transform: translateX(-100%);
+		-ms-transform: translateX(-100%);
+		-o-transform: translateX(-100%);
+		transform: translateX(-100%);
+	}
+	}
+
+@-webkit-keyframes valo-animate-out-slide-right {
+		100% {
+		-webkit-transform: translateX(100%);
+	}
+	}
+
+@-moz-keyframes valo-animate-out-slide-right {
+		100% {
+		-moz-transform: translateX(100%);
+	}
+	}
+
+@keyframes valo-animate-out-slide-right {
+		100% {
+		-webkit-transform: translateX(100%);
+		-moz-transform: translateX(100%);
+		-ms-transform: translateX(100%);
+		-o-transform: translateX(100%);
+		transform: translateX(100%);
+	}
+	}
+
+@-webkit-keyframes valo-overlay-animate-in {
+		0% {
+		-webkit-transform: translatey(-4px);
+		opacity: 0;
+	}
+	}
+
+@-moz-keyframes valo-overlay-animate-in {
+		0% {
+		-moz-transform: translatey(-4px);
+		opacity: 0;
+	}
+	}
+
+@keyframes valo-overlay-animate-in {
+		0% {
+		-webkit-transform: translatey(-4px);
+		-moz-transform: translatey(-4px);
+		-ms-transform: translatey(-4px);
+		-o-transform: translatey(-4px);
+		transform: translatey(-4px);
+		opacity: 0;
+	}
+	}
+
+@-webkit-keyframes valo-animate-out-slide-down-fade {
+		100% {
+		opacity: 0;
+		-webkit-transform: translatey(30%);
+	}
+	}
+
+@-moz-keyframes valo-animate-out-slide-down-fade {
+		100% {
+		opacity: 0;
+		-moz-transform: translatey(30%);
+	}
+	}
+
+@keyframes valo-animate-out-slide-down-fade {
+		100% {
+		opacity: 0;
+		-webkit-transform: translatey(30%);
+		-moz-transform: translatey(30%);
+		-ms-transform: translatey(30%);
+		-o-transform: translatey(30%);
+		transform: translatey(30%);
+	}
+	}
+
+/**
+ * Outputs cross-browser Valo-specific linear gradient background-image declarations.
+ * 
+ * @group style
+ * 
+ * @param {color} $color ($v-background-color) - The base color for the gradient color stops
+ * @param {list} $gradient ($v-gradient) - Valo-specific gradient value. See the documentation for $v-gradient.
+ * @param {color} $fallback (null) - A fallback color for browser which do not support linear gradients (IE8 and IE9 in particular). If null, the base $color is used instead.
+ * @param {string} $direction (to bottom) - the direction of the linear gradient. The color stops are by default so that a lighter shade is at the start and a darker shade is at the end.
+ */
+
+/**
+ * Computes a CSS border property value for the given base color.
+ *
+ * @group style
+ *
+ * @param {list} $border ($v-border) - CSS border value which can contain any of the color keywords
+ * @param {color} $color ($v-background-color) - the base color to which the color keywords are applied to
+ * @param {color} $context (null) - context/surrounding color where the border is expected to appear. The color of the final border is the darker of the two parameters passed to this function.
+ * @param {number} $strength (1) - adjustment for the border contrast
+ *
+ * @return {list} The input $border value with any color keyword replaced with the corresponding actual color
+ */
+
+/**
+ * Ouput selectors and properties to vertically center elements inside their parent.
+ * 
+ * @param {string} $to-align (()) - The selector to match the elements which you wish to align vertically. The targeted elements should be inline or inline-block elements.
+ * @param {string} $align (middle) - The vertical-align value, e.g. top, middle, bottom
+ * @param {string} $pseudo-element (after) - Which pseudo element to use for the vertical align guide
+ * 
+ * @group util
+ */
+
+@font-face {
+	font-family: ThemeIcons;
+	font-weight: normal;
+	font-style: normal;
+	src: url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.eot);
+	src: url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/themeicons-webfont.svg#ThemeIcons) format("svg");
+}
+
+.ThemeIcons {
+	font-family: ThemeIcons;
+	font-style: normal;
+	font-weight: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	display: inline-block;
+	text-align: center;
+}
+
+@font-face {
+	font-family: FontAwesome;
+	font-weight: normal;
+	font-style: normal;
+	src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot);
+	src: url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.woff) format("woff"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.ttf) format("truetype"), url(../valo/util/bourbon/css3/../../../../base/fonts/fontawesome-webfont.svg#FontAwesome) format("svg");
+}
+
+.FontAwesome {
+	font-family: FontAwesome;
+	font-style: normal;
+	font-weight: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	display: inline-block;
+	text-align: center;
+}
+
+@font-face {
+	font-family: "Open Sans";
+	src: url(../valo/fonts/open-sans/OpenSans-Light-webfont.eot);
+	src: url(../valo/fonts/open-sans/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Light-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Light-webfont.ttf) format("truetype");
+	font-weight: 300;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: "Open Sans";
+	src: url(../valo/fonts/open-sans/OpenSans-Regular-webfont.eot);
+	src: url(../valo/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Regular-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Regular-webfont.ttf) format("truetype");
+	font-weight: 400;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: "Open Sans";
+	src: url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.eot);
+	src: url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.woff) format("woff"), url(../valo/fonts/open-sans/OpenSans-Semibold-webfont.ttf) format("truetype");
+	font-weight: 600;
+	font-style: normal;
+}
+
+@-webkit-keyframes v-rotate-360 {
+		to {
+		-webkit-transform: rotate(360deg);
+	}
+	}
+
+@-moz-keyframes v-rotate-360 {
+		to {
+		-moz-transform: rotate(360deg);
+	}
+	}
+
+@-o-keyframes v-rotate-360 {
+		to {
+		-o-transform: rotate(360deg);
+	}
+	}
+
+@keyframes v-rotate-360 {
+		to {
+		transform: rotate(360deg);
+	}
+	}
+
+@-webkit-keyframes v-progress-start {
+		0% {
+		width: 0%;
+	}
+		100% {
+		width: 50%;
+	}
+	}
+
+@-moz-keyframes v-progress-start {
+		0% {
+		width: 0%;
+	}
+		100% {
+		width: 50%;
+	}
+	}
+
+@keyframes v-progress-start {
+		0% {
+		width: 0%;
+	}
+		100% {
+		width: 50%;
+	}
+	}
+
+@-webkit-keyframes v-progress-delay {
+		0% {
+		width: 50%;
+	}
+		100% {
+		width: 90%;
+	}
+	}
+
+@-moz-keyframes v-progress-delay {
+		0% {
+		width: 50%;
+	}
+		100% {
+		width: 90%;
+	}
+	}
+
+@keyframes v-progress-delay {
+		0% {
+		width: 50%;
+	}
+		100% {
+		width: 90%;
+	}
+	}
+
+@-webkit-keyframes v-progress-wait {
+		0% {
+		width: 90%;
+		height: 4px;
+	}
+		3% {
+		width: 91%;
+		height: 7px;
+	}
+		100% {
+		width: 96%;
+		height: 7px;
+	}
+	}
+
+@-moz-keyframes v-progress-wait {
+		0% {
+		width: 90%;
+		height: 4px;
+	}
+		3% {
+		width: 91%;
+		height: 7px;
+	}
+		100% {
+		width: 96%;
+		height: 7px;
+	}
+	}
+
+@keyframes v-progress-wait {
+		0% {
+		width: 90%;
+		height: 4px;
+	}
+		3% {
+		width: 91%;
+		height: 7px;
+	}
+		100% {
+		width: 96%;
+		height: 7px;
+	}
+	}
+
+@-webkit-keyframes v-progress-wait-pulse {
+		0% {
+		opacity: 1;
+	}
+		50% {
+		opacity: 0.1;
+	}
+		100% {
+		opacity: 1;
+	}
+	}
+
+@-moz-keyframes v-progress-wait-pulse {
+		0% {
+		opacity: 1;
+	}
+		50% {
+		opacity: 0.1;
+	}
+		100% {
+		opacity: 1;
+	}
+	}
+
+@keyframes v-progress-wait-pulse {
+		0% {
+		opacity: 1;
+	}
+		50% {
+		opacity: 0.1;
+	}
+		100% {
+		opacity: 1;
+	}
+	}
+
+/**
+ * Outputs the context menu selectors and styles, which is used by Table and Tree for instance.
+ * 
+ * @requires {mixin} valo-selection-item-style
+ * @requires {mixin} valo-selection-item-selected-style
+ */
+
+/**
+ * The background color for overlay elements.
+ *
+ * @type color
+ * @group overlay
+ */
+
+.v-shadow, .v-shadow-window {
+	display: none;
+}
+
+.v-ie8 .v-shadow, .v-ie8 .v-shadow-window {
+	display: block;
+}
+
+.v-ie8 .v-shadow .top, .v-ie8 .v-shadow-window .top {
+	position: absolute;
+	top: -6px;
+	right: 10px;
+	bottom: 6px;
+	left: -10px;
+	background: black;
+	filter: alpha(opacity=5) progid:DXImageTransform.Microsoft.blur(pixelradius=10, makeShadow=false);
+}
+
+.v-ie8 .v-shadow .top-left, .v-ie8 .v-shadow-window .top-left {
+	position: absolute;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+	background: black;
+	filter: alpha(opacity=9) progid:DXImageTransform.Microsoft.blur(pixelradius=0, makeShadow=false);
+}
+
+/**
+ * The backgound color for tooltips.
+ *
+ * @type color
+ * @group tooltip
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-absolutelayout) - 
+ *
+ * @group absolutelayout
+ */
+
+/**
+ * Outputs the selectors and properties for the Accordion component.
+ *
+ * @param {string} $primary-stylename (v-accordion) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ * @group accordion
+ */
+
+/**
+ * Outputs the selectors and properties for the Button component.
+ *
+ * @param {string} $primary-stylename (v-button) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group button
+ */
+
+/**
+ * A list of colors for custom event colors. Can be an empty list of you don't 
+ * need any custom event colors.
+ * 
+ * @example javascript
+ * // Java code
+ * // 'event' is an instance of EditableCalendarEvent
+ * event.setStyleName("color1"); // 1st color in the list
+ * event.setStyleName("color2"); // 2nd color in the list
+ * // etc.
+ * 
+ * @group calendar
+ */
+
+/**
+ * Outputs the selectors and properties for the CheckBox component.
+ *
+ * @param {string} $primary-stylename (v-checkbox) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group checkbox
+ */
+
+/**
+ * Outputs the global selectors and properties for the ColorPicker component - styles which are 
+ * considered mandatory for the component to work properly.
+ *
+ * @param {string} $primary-stylename (v-colorpicker) - the primary style name for the selectors
+ *
+ * @group colorpicker
+ */
+
+/**
+ * Outputs the selectors and properties for the ComboBox component.
+ *
+ * @param {string} $primary-stylename (v-filterselect) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group combobox
+ */
+
+/**
+ * The amount of spacing between different widgets in a component group.
+ * If null, a computed value is used ($v-border size * -1, or 1px if $v-border size is 0)
+ * 
+ * @group csslayout
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-customcomponent) - 
+ *
+ * @group customcomponent
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-customlayout) - 
+ *
+ * @group customlayout
+ */
+
+/**
+ * Outputs the selectors and properties for the DateField component.
+ *
+ * @param {string} $primary-stylename (v-datefield) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group datefield
+ */
+
+/**
+ * Outputs the styles and selectors for the DragAndDropWrapper component.
+ * 
+ * @param {string} $primary-stylename (v-ddwrapper) - the primary style name for the selectors
+ * 
+ * @group drag-n-drop
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-form) - 
+ *
+ * @group form
+ */
+
+/**
+ * Outputs the selectors and properties for the FormLayout component.
+ *
+ * @param {string} $primary-stylename (v-formlayout) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group formlayout
+ */
+
+/**
+ *
+ * @group table
+ */
+
+@-webkit-keyframes valo-grid-editor-footer-animate-in {
+		0% {
+		margin-top: -37px;
+	}
+	}
+
+@-moz-keyframes valo-grid-editor-footer-animate-in {
+		0% {
+		margin-top: -37px;
+	}
+	}
+
+@keyframes valo-grid-editor-footer-animate-in {
+		0% {
+		margin-top: -37px;
+	}
+	}
+
+@-webkit-keyframes valo-grid-editor-footer-animate-in-alt {
+		0% {
+		margin-bottom: -38px;
+	}
+		100% {
+		margin-bottom: -1px;
+	}
+	}
+
+@-moz-keyframes valo-grid-editor-footer-animate-in-alt {
+		0% {
+		margin-bottom: -38px;
+	}
+		100% {
+		margin-bottom: -1px;
+	}
+	}
+
+@keyframes valo-grid-editor-footer-animate-in-alt {
+		0% {
+		margin-bottom: -38px;
+	}
+		100% {
+		margin-bottom: -1px;
+	}
+	}
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-gridlayout) - 
+ *
+ * @group gridlayout
+ */
+
+/**
+ * The font weight for headers.
+ * 
+ * @group label
+ */
+
+/**
+ *
+ * @group link
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-loginform) - 
+ *
+ * @group loginform
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-menubar) - 
+ * @param {bool} $include-additional-styles - 
+ *
+ * @group menubar
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-nativebutton) - 
+ *
+ * @group nativebutton
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-select) - 
+ *
+ * @group nativeselect
+ */
+
+/**
+ *
+ * @group notification
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-select-optiongroup) - 
+ * @param {bool} $include-additional-styles - 
+ *
+ * @group optiongroup
+ */
+
+/**
+ *
+ *
+ *
+ * @group orderedlayout
+ */
+
+/**
+ *
+ * @group panel
+ */
+
+@-webkit-keyframes v-popupview-animate-in {
+		0% {
+		-webkit-transform: scale(0);
+	}
+	}
+
+@-moz-keyframes v-popupview-animate-in {
+		0% {
+		-moz-transform: scale(0);
+	}
+	}
+
+@keyframes v-popupview-animate-in {
+		0% {
+		-webkit-transform: scale(0);
+		-moz-transform: scale(0);
+		-ms-transform: scale(0);
+		-o-transform: scale(0);
+		transform: scale(0);
+	}
+	}
+
+/**
+ *
+ * @group progressbar
+ */
+
+/**
+ *
+ * @group richtextarea
+ */
+
+/**
+ *
+ * @group slider
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-splitpanel) - 
+ * @param {bool} $include-additional-styles - 
+ *
+ * @group splitpanel
+ */
+
+/**
+ *
+ * @group table
+ */
+
+/**
+ * Should the tabsheet content changes be animated.
+ * 
+ * @group tabsheet
+ */
+
+/**
+ * The background color for text fields.
+ * @group textfield
+ */
+
+/**
+ * Outputs the selectors and properties for the TextArea component.
+ *
+ * @param {string} $primary-stylename (v-textarea) - the primary style name for the selectors
+ * @param {bool} $include-additional-styles - should the mixin output all the different style variations of the component
+ *
+ * @group textarea
+ */
+
+/**
+ *
+ * @group tree
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-treetable) - 
+ *
+ * @group treetable
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-select-twincol) - 
+ *
+ * @group twin-column-select
+ */
+
+/**
+ *
+ *
+ * @param {string} $primary-stylename (v-upload) -
+ *
+ * @group upload
+ */
+
+/**
+ *
+ */
+
+/**
+ * @group window
+ */
+
+@-webkit-keyframes valo-modal-window-indication {
+		0% {
+		opacity: 0;
+	}
+		100% {
+		opacity: 1;
+	}
+	}
+
+@-moz-keyframes valo-modal-window-indication {
+		0% {
+		opacity: 0;
+	}
+		100% {
+		opacity: 1;
+	}
+	}
+
+@keyframes valo-modal-window-indication {
+		0% {
+		opacity: 0;
+	}
+		100% {
+		opacity: 1;
+	}
+	}
+
+@-webkit-keyframes valo-animate-out-scale-down-fade {
+		100% {
+		-webkit-transform: scale(0.8);
+		opacity: 0;
+	}
+	}
+
+@-moz-keyframes valo-animate-out-scale-down-fade {
+		100% {
+		-moz-transform: scale(0.8);
+		opacity: 0;
+	}
+	}
+
+@keyframes valo-animate-out-scale-down-fade {
+		100% {
+		-webkit-transform: scale(0.8);
+		-moz-transform: scale(0.8);
+		-ms-transform: scale(0.8);
+		-o-transform: scale(0.8);
+		transform: scale(0.8);
+		opacity: 0;
+	}
+	}
+
+/**
+ * @group valo-menu
+ */
+
+.v-vaadin-version:after {
+	content: "7.6.1";
+}
+
+.v-widget {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	display: inline-block;
+	vertical-align: top;
+	text-align: left;
+	white-space: normal;
+}
+
+.v-generated-body {
+	overflow: hidden;
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+
+.v-app {
+	height: 100%;
+	-webkit-tap-highlight-color: transparent;
+	-webkit-text-size-adjust: 100%;
+	-ms-text-size-adjust: 100%;
+	-webkit-text-size-adjust: 100%;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.v-app input[type="text"], .v-app .v-slot > .v-caption, .v-app .v-gridlayout-slot > .v-caption, .v-app .v-has-caption > .v-caption, .v-app .v-formlayout-captioncell > .v-caption, .v-app .v-csslayout > .v-caption {
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+}
+
+.v-app input::-ms-clear {
+	display: none;
+}
+
+.v-ui {
+	position: relative;
+}
+
+.v-ui.v-ui-embedded {
+	margin-top: -1px;
+	border-top: 1px solid transparent;
+}
+
+.v-ui:focus {
+	outline: none;
+}
+
+.v-overlay-container {
+	width: 0;
+	height: 0;
+}
+
+.v-drag-element {
+	z-index: 60000;
+	position: absolute !important;
+	cursor: default;
+}
+
+.v-clip {
+	overflow: hidden;
+}
+
+.v-scrollable {
+	overflow: auto;
+}
+
+.v-scrollable  > .v-widget {
+	vertical-align: middle;
+	overflow: hidden;
+}
+
+.v-ios.v-webkit .v-scrollable {
+	-webkit-overflow-scrolling: touch;
+}
+
+.v-ios5.v-webkit .v-scrollable {
+	-webkit-overflow-scrolling: none;
+}
+
+.v-webkit.v-ios .v-browserframe {
+	-webkit-overflow-scrolling: touch;
+	overflow: auto;
+}
+
+.v-assistive-device-only {
+	position: absolute;
+	top: -2000px;
+	left: -2000px;
+	width: 10px;
+	overflow: hidden;
+}
+
+.v-icon {
+	cursor: inherit;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.v-icon, .v-errorindicator, .v-required-field-indicator {
+	display: inline-block;
+	line-height: inherit;
+}
+
+.v-caption {
+	display: inline-block;
+	white-space: nowrap;
+	line-height: 1.55;
+}
+
+.v-captiontext {
+	display: inline-block;
+	line-height: inherit;
+}
+
+div.v-layout.v-horizontal.v-widget {
+	white-space: nowrap;
+}
+
+.v-layout.v-vertical > .v-expand, .v-layout.v-horizontal > .v-expand {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 100%;
+	height: 100%;
+}
+
+.v-slot, .v-spacing {
+	display: inline-block;
+	white-space: nowrap;
+	vertical-align: top;
+}
+
+.v-vertical > .v-slot:after {
+	display: inline-block;
+	clear: both;
+	width: 0;
+	height: 0;
+	overflow: hidden;
+}
+
+.v-vertical > .v-slot, .v-vertical > .v-expand > .v-slot {
+	display: block;
+	clear: both;
+}
+
+.v-horizontal > .v-slot, .v-horizontal > .v-expand > .v-slot {
+	height: 100%;
+}
+
+.v-horizontal > .v-expand > .v-slot {
+	position: relative;
+}
+
+.v-vertical > .v-spacing, .v-vertical > .v-expand > .v-spacing {
+	width: 0 !important;
+	display: block;
+	clear: both;
+}
+
+.v-horizontal > .v-spacing, .v-horizontal > .v-expand > .v-spacing {
+	height: 0 !important;
+}
+
+.v-align-middle:before, .v-align-bottom:before, .v-expand > .v-align-middle:before, .v-expand > .v-align-bottom:before {
+	content: "";
+	display: inline-block;
+	height: 100%;
+	vertical-align: middle;
+	width: 0;
+}
+
+.v-align-middle, .v-align-bottom {
+	white-space: nowrap;
+}
+
+.v-align-middle > .v-widget, .v-align-bottom > .v-widget {
+	display: inline-block;
+}
+
+.v-align-middle, .v-align-middle > .v-widget {
+	vertical-align: middle;
+}
+
+.v-align-bottom, .v-align-bottom > .v-widget {
+	vertical-align: bottom;
+}
+
+.v-align-center {
+	text-align: center;
+}
+
+.v-align-center > .v-widget {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.v-align-right {
+	text-align: right;
+}
+
+.v-align-right > .v-widget {
+	margin-left: auto;
+}
+
+.v-has-caption, .v-has-caption > .v-caption {
+	display: inline-block;
+}
+
+.v-caption-on-left, .v-caption-on-right {
+	white-space: nowrap;
+}
+
+.v-caption-on-top > .v-caption, .v-caption-on-bottom > .v-caption {
+	display: block;
+}
+
+.v-caption-on-left > .v-caption {
+	padding-right: 0.5em;
+}
+
+.v-caption-on-left > .v-widget, .v-caption-on-right > .v-widget {
+	display: inline-block;
+}
+
+.v-has-caption.v-has-width > .v-widget {
+	width: 100% !important;
+}
+
+.v-has-caption.v-has-height > .v-widget {
+	height: 100% !important;
+}
+
+.v-gridlayout {
+	position: relative;
+}
+
+.v-gridlayout-slot {
+	position: absolute;
+	line-height: 1.55;
+}
+
+.v-gridlayout-spacing-on {
+	overflow: hidden;
+}
+
+.v-gridlayout-spacing, .v-gridlayout-spacing-off {
+	padding-left: 0;
+	padding-top: 0;
+}
+
+.v-gridlayout-spacing-off {
+	overflow: hidden;
+}
+
+.v-calendar-month-day-scrollable {
+	overflow-y: scroll;
+}
+
+.v-calendar-week-wrapper {
+	position: relative;
+	overflow: hidden;
+}
+
+.v-calendar-current-time {
+	position: absolute;
+	left: 0;
+	width: 100%;
+	height: 1px;
+	background: red;
+	z-index: 2;
+}
+
+.v-calendar-event-resizetop, .v-calendar-event-resizebottom {
+	position: absolute;
+	height: 5%;
+	min-height: 3px;
+	width: 100%;
+	z-index: 1;
+}
+
+.v-calendar-event-resizetop {
+	cursor: row-resize;
+	top: 0;
+}
+
+.v-calendar-event-resizebottom {
+	cursor: row-resize;
+	bottom: 0;
+}
+
+.v-calendar-header-month td:first-child {
+	padding-left: 20px;
+}
+
+.v-calendar-month-sizedheight .v-calendar-month-day {
+	height: 100px;
+}
+
+.v-calendar-month-sizedwidth .v-calendar-month-day {
+	width: 100px;
+}
+
+.v-calendar-header-month-Hsized .v-calendar-header-day {
+	width: 101px;
+}
+
+.v-calendar-header-month-Hsized td:first-child {
+	padding-left: 21px;
+}
+
+.v-calendar-header-day-Hsized {
+	width: 200px;
+}
+
+.v-calendar-week-numbers-Vsized .v-calendar-week-number {
+	height: 100px;
+	line-height: 100px;
+}
+
+.v-calendar-week-wrapper-Vsized {
+	height: 400px;
+	overflow-x: hidden !important;
+}
+
+.v-calendar-times-Vsized .v-calendar-time {
+	height: 38px;
+}
+
+.v-calendar-times-Hsized .v-calendar-time {
+	width: 42px;
+}
+
+.v-calendar-day-times-Vsized .v-datecellslot, .v-calendar-day-times-Vsized .v-datecellslot-even {
+	height: 18px;
+}
+
+.v-calendar-day-times-Hsized, .v-calendar-day-times-Hsized .v-datecellslot, .v-calendar-day-times-Hsized .v-datecellslot-even {
+	width: 200px;
+}
+
+.v-colorpicker-popup.v-window {
+	min-width: 220px !important;
+}
+
+.v-colorpicker-gradient-container {
+	overflow: visible !important;
+}
+
+.v-colorpicker-gradient-clicklayer {
+	opacity: 0;
+	filter: alpha(opacity=0) ;
+}
+
+.rgb-gradient .v-colorpicker-gradient-background {
+	background: url(../valo/components/img/colorpicker/gradient2.png);
+}
+
+.hsv-gradient .v-colorpicker-gradient-foreground {
+	background: url(../valo/components/img/colorpicker/gradient.png);
+}
+
+.v-colorpicker-gradient-higherbox:before {
+	content: "";
+	width: 11px;
+	height: 11px;
+	border-radius: 7px;
+	border: 1px solid #fff;
+	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
+	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.3);
+	position: absolute;
+	bottom: -6px;
+	left: -6px;
+}
+
+.v-colorpicker-popup .v-slider.v-slider-red:before {
+	background-color: red;
+}
+
+.v-colorpicker-popup .v-slider.v-slider-green:before {
+	background-color: green;
+}
+
+.v-colorpicker-popup .v-slider.v-slider-blue:before {
+	background-color: blue;
+}
+
+.v-colorpicker-popup .v-slider.hue-slider:before {
+	background: url(../valo/components/img/colorpicker/slider_hue_bg.png);
+}
+
+.v-colorpicker-popup input.v-textfield-dark {
+	color: #fff;
+}
+
+.v-colorpicker-popup input.v-textfield-light {
+	color: #000;
+}
+
+.v-colorpicker-grid {
+	height: 319px;
+}
+
+.v-colorpicker-popup .colorselect td {
+	line-height: 15px;
+}
+
+.v-table-header table, .v-table-footer table, .v-table-table {
+	border-spacing: 0;
+	border-collapse: separate;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	line-height: 1.55;
+}
+
+.v-table-resizer, .v-table-sort-indicator {
+	float: right;
+}
+
+.v-table-caption-container-align-center {
+	text-align: center;
+}
+
+.v-table-caption-container-align-right {
+	text-align: right;
+}
+
+.v-table-header td, .v-table-footer td, .v-table-cell-content {
+	padding: 0;
+}
+
+.v-table-sort-indicator {
+	width: 0;
+}
+
+.v-tabsheet-hidetabs > .v-tabsheet-tabcontainer, .v-tabsheet-spacertd, .v-disabled .v-tabsheet-scroller, .v-tabsheet .v-disabled .v-tabsheet-caption-close {
+	display: none;
+}
+
+.v-tabsheet {
+	overflow: visible !important;
+	position: relative;
+}
+
+.v-tabsheet-tabcontainer table, .v-tabsheet-tabcontainer tbody, .v-tabsheet-tabcontainer tr {
+	display: inline-block;
+	border-spacing: 0;
+	border-collapse: collapse;
+	vertical-align: top;
+}
+
+.v-tabsheet-tabcontainer td {
+	display: inline-block;
+	padding: 0;
+}
+
+.v-tabsheet-tabs {
+	white-space: nowrap;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.v-tabsheet-content {
+	position: relative;
+}
+
+.v-tabsheet-content  > div > .v-scrollable  > .v-margin-top {
+	padding-top: 12px;
+}
+
+.v-tabsheet-content  > div > .v-scrollable  > .v-margin-right {
+	padding-right: 12px;
+}
+
+.v-tabsheet-content  > div > .v-scrollable  > .v-margin-bottom {
+	padding-bottom: 12px;
+}
+
+.v-tabsheet-content  > div > .v-scrollable  > .v-margin-left {
+	padding-left: 12px;
+}
+
+.v-splitpanel-vertical, .v-splitpanel-horizontal {
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.v-splitpanel-hsplitter {
+	z-index: 100;
+	cursor: e-resize;
+	cursor: col-resize;
+}
+
+.v-splitpanel-vsplitter {
+	z-index: 100;
+	cursor: s-resize;
+	cursor: row-resize;
+}
+
+.v-splitpanel-hsplitter:after, .v-splitpanel-vsplitter:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+}
+
+.v-splitpanel-hsplitter div, .v-splitpanel-vsplitter div {
+	width: inherit;
+	height: inherit;
+	overflow: hidden;
+	position: relative;
+}
+
+.v-splitpanel-hsplitter div:before, .v-splitpanel-vsplitter div:before {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+}
+
+.v-disabled [class$="splitter"] div {
+	cursor: default;
+}
+
+.v-disabled [class$="splitter"] div:before {
+	display: none;
+}
+
+.v-splitpanel-horizontal > div  > .v-splitpanel-second-container {
+	position: static !important;
+	display: inline-block;
+	vertical-align: top;
+}
+
+.v-splitpanel-horizontal > div  > .v-splitpanel-first-container {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.org_osbee_vaadin_addons_designer_overlay.v-app, .org_osbee_vaadin_addons_designer_overlay.v-app-loading {
+	font: 300 16px/1.55 "Open Sans", sans-serif;
+	color: #464646;
+	background-color: #fafafa;
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-app-loading {
+	width: 100%;
+	height: 100%;
+	background: #fafafa;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-app-loading:before {
+	content: "";
+	position: fixed;
+	z-index: 100;
+	top: 45%;
+	left: 50%;
+	width: 28px;
+	height: 28px;
+	padding: 9px;
+	margin-top: -24px;
+	margin-left: -24px;
+	background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%;
+	border-radius: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-loading-indicator {
+	position: fixed !important;
+	z-index: 99999;
+	left: 0;
+	right: auto;
+	top: 0;
+	width: 50%;
+	opacity: 1;
+	height: 4px;
+	background-color: #197de1;
+	pointer-events: none;
+	-webkit-transition: none;
+	-moz-transition: none;
+	transition: none;
+	-webkit-animation: v-progress-start 1000ms 200ms both;
+	-moz-animation: v-progress-start 1000ms 200ms both;
+	animation: v-progress-start 1000ms 200ms both;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-loading-indicator[style*="none"] {
+	display: block !important;
+	width: 100% !important;
+	opacity: 0;
+	-webkit-animation: none;
+	-moz-animation: none;
+	animation: none;
+	-webkit-transition: opacity 500ms 300ms, width 300ms;
+	-moz-transition: opacity 500ms 300ms, width 300ms;
+	transition: opacity 500ms 300ms, width 300ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-delay {
+	width: 90%;
+	-webkit-animation: v-progress-delay 3.8s forwards;
+	-moz-animation: v-progress-delay 3.8s forwards;
+	animation: v-progress-delay 3.8s forwards;
+}
+
+.v-ff .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-delay {
+	width: 50%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-wait {
+	width: 96%;
+	-webkit-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
+	-moz-animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
+	animation: v-progress-wait 5s forwards, v-progress-wait-pulse 1s 4s infinite backwards;
+}
+
+.v-ff .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-wait {
+	width: 90%;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator, .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-delay, .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-wait, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-delay, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-wait {
+	width: 28px !important;
+	height: 28px;
+	padding: 9px;
+	background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50%;
+	border-radius: 4px;
+	top: 9px;
+	right: 9px;
+	left: auto;
+	filter: alpha(opacity=50);
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator[style*="none"], .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-delay[style*="none"], .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-wait[style*="none"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator[style*="none"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-delay[style*="none"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-wait[style*="none"] {
+	display: none !important;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-wait, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-loading-indicator-wait {
+	filter: alpha(opacity=100);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-scrollable:focus {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay img.v-icon {
+	vertical-align: middle;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption {
+	font-size: 14px;
+	font-weight: 400;
+	padding-bottom: 0.3em;
+	padding-left: 1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-on-left .v-caption, .org_osbee_vaadin_addons_designer_overlay .v-caption-on-right .v-caption {
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-icon + .v-captiontext, .org_osbee_vaadin_addons_designer_overlay .v-icon + span {
+	margin-left: 7px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-icon + .v-captiontext:empty, .org_osbee_vaadin_addons_designer_overlay .v-icon + span:empty {
+	margin-left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-errorindicator {
+	color: #ed473b;
+	font-weight: 600;
+	width: 19px;
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-errorindicator:before {
+	content: "!";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-required-field-indicator {
+	color: #ed473b;
+	padding: 0 0.2em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay select {
+	font: inherit;
+	font-weight: 400;
+	line-height: inherit;
+	padding: 5px;
+	margin: 0;
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	color: #464646;
+}
+
+.org_osbee_vaadin_addons_designer_overlay select:focus {
+	outline: none;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay button {
+	font: inherit;
+	font-weight: 400;
+	line-height: 1.55;
+}
+
+.org_osbee_vaadin_addons_designer_overlay a {
+	cursor: pointer;
+	color: #197de1;
+	text-decoration: underline;
+	font-weight: inherit;
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay a:hover {
+	color: #4396ea;
+}
+
+.org_osbee_vaadin_addons_designer_overlay a.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-disabled {
+	cursor: default !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-drag-element {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+	border-radius: 4px;
+	overflow: hidden;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tooltip {
+	background-color: #323232;
+	background-color: rgba(50, 50, 50, 0.9);
+	-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+	color: white;
+	padding: 5px 9px;
+	border-radius: 3px;
+	max-width: 35em;
+	overflow: hidden !important;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tooltip div[style*="width"] {
+	width: auto !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tooltip .v-errormessage {
+	background-color: white;
+	background-color: #fff;
+	color: #ed473b;
+	margin: -5px -9px;
+	padding: 5px 9px;
+	max-height: 10em;
+	overflow: auto;
+	font-weight: 400;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tooltip .v-errormessage h2:only-child {
+	font: inherit;
+	line-height: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tooltip .v-tooltip-text {
+	max-height: 10em;
+	overflow: auto;
+	margin-top: 10px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tooltip .v-errormessage[aria-hidden="true"] + .v-tooltip-text {
+	margin-top: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tooltip h1, .org_osbee_vaadin_addons_designer_overlay .v-tooltip h2, .org_osbee_vaadin_addons_designer_overlay .v-tooltip h3, .org_osbee_vaadin_addons_designer_overlay .v-tooltip h4 {
+	color: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-contextmenu {
+	padding: 4px 4px;
+	border-radius: 4px;
+	background-color: white;
+	color: #474747;
+	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility: hidden;
+	-ms-backface-visibility: hidden;
+	backface-visibility: hidden;
+	padding: 4px 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-contextmenu[class*="animate-in"] {
+	-webkit-animation: valo-overlay-animate-in 120ms;
+	-moz-animation: valo-overlay-animate-in 120ms;
+	animation: valo-overlay-animate-in 120ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-contextmenu[class*="animate-out"] {
+	-webkit-animation: valo-animate-out-fade 120ms;
+	-moz-animation: valo-animate-out-fade 120ms;
+	animation: valo-animate-out-fade 120ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-contextmenu table {
+	border-spacing: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-contextmenu .gwt-MenuItem {
+	cursor: pointer;
+	line-height: 27px;
+	padding: 0 20px 0 10px;
+	border-radius: 3px;
+	font-weight: 400;
+	white-space: nowrap;
+	position: relative;
+	display: block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-contextmenu .gwt-MenuItem:active:before {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	background: #0957a6;
+	opacity: 0.15;
+	filter: alpha(opacity=15.0) ;
+	pointer-events: none;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-contextmenu .gwt-MenuItem .v-icon {
+	max-height: 27px;
+	margin-right: 5px;
+	min-width: 1em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-contextmenu .gwt-MenuItem-selected {
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	color: #ecf2f8;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-reconnect-dialog {
+	color: white;
+	top: 12px;
+	right: 12px;
+	max-width: 100%;
+	border-radius: 0;
+	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
+	padding: 12px 15px;
+	background-color: #444;
+	background-color: rgba(68, 68, 68, 0.9);
+	line-height: 22px;
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-reconnect-dialog .text {
+	display: inline-block;
+	padding-left: 10px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-reconnect-dialog .spinner {
+	height: 24px !important;
+	width: 24px !important;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	border: 2px solid rgba(25, 125, 225, 0.2);
+	border-top-color: #197de1;
+	border-right-color: #197de1;
+	border-radius: 100%;
+	-webkit-animation: v-rotate-360 500ms infinite linear;
+	-moz-animation: v-rotate-360 500ms infinite linear;
+	animation: v-rotate-360 500ms infinite linear;
+	pointer-events: none;
+	display: none;
+	vertical-align: middle;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-reconnect-dialog .spinner, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-reconnect-dialog .spinner {
+	border: none;
+	border-radius: 4px;
+	background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
+	background-size: 80%;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-reconnect-dialog .spinner {
+	min-width: 30px;
+	min-height: 30px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-reconnect-dialog.active .spinner {
+	display: inline-block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-absolutelayout-wrapper {
+	position: absolute;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-absolutelayout-margin, .org_osbee_vaadin_addons_designer_overlay .v-absolutelayout-canvas {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-absolutelayout.v-has-height > div, .org_osbee_vaadin_addons_designer_overlay .v-absolutelayout.v-has-height .v-absolutelayout-margin {
+	height: 100%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-absolutelayout.v-has-height > div, .org_osbee_vaadin_addons_designer_overlay .v-absolutelayout.v-has-width .v-absolutelayout-margin {
+	width: 100%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-margin-top {
+	padding-top: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-margin-right {
+	padding-right: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-margin-bottom {
+	padding-bottom: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-margin-left {
+	padding-left: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-spacing {
+	width: 12px;
+	height: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-verticallayout-well, .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-well {
+	background: #f5f5f5;
+	color: #454545;
+	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-verticallayout-well  > div > [class*="-caption"], .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-well  > div > [class*="-caption"] {
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-verticallayout-well  > .v-margin-top, .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-well  > .v-margin-top {
+	padding-top: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-verticallayout-well  > .v-margin-right, .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-well  > .v-margin-right {
+	padding-right: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-verticallayout-well  > .v-margin-bottom, .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-well  > .v-margin-bottom {
+	padding-bottom: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-verticallayout-well  > .v-margin-left, .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-well  > .v-margin-left {
+	padding-left: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-verticallayout-card, .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-card {
+	background: white;
+	color: #474747;
+	border-radius: 4px;
+	border: 1px solid #d5d5d5;
+	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-verticallayout-card  > .v-margin-top, .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-card  > .v-margin-top {
+	padding-top: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-verticallayout-card  > .v-margin-right, .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-card  > .v-margin-right {
+	padding-right: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-verticallayout-card  > .v-margin-bottom, .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-card  > .v-margin-bottom {
+	padding-bottom: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-verticallayout-card  > .v-margin-left, .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-card  > .v-margin-left {
+	padding-left: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-wrapping {
+	white-space: normal !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-wrapping > .v-spacing + .v-slot, .org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-wrapping > .v-slot:first-child {
+	margin-bottom: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-horizontallayout-wrapping > .v-slot:first-child:last-child {
+	margin-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button {
+	position: relative;
+	text-align: center;
+	white-space: nowrap;
+	outline: none;
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	height: 37px;
+	padding: 0 16px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button:before {
+	content: "";
+	display: inline-block;
+	width: 0;
+	height: 100%;
+	vertical-align: middle;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button > div {
+	vertical-align: middle;
+}
+
+.v-sa .org_osbee_vaadin_addons_designer_overlay .v-button:before {
+	height: 110%;
+}
+
+.v-ff .org_osbee_vaadin_addons_designer_overlay .v-button:before {
+	height: 107%;
+}
+
+.v-ie .org_osbee_vaadin_addons_designer_overlay .v-button:before {
+	margin-top: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button:focus:after {
+	-webkit-transition: none;
+	-moz-transition: none;
+	transition: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button.v-disabled:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button:hover:after {
+	background-color: rgba(186, 186, 186, 0.1);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button:focus:after {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button:active:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-primary {
+	height: 37px;
+	padding: 0 16px;
+	color: #ecf2f8;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #1362b1;
+	border-top-color: #156ab3;
+	border-bottom-color: #1156a8;
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	-webkit-box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
+	padding: 0 19px;
+	font-weight: bold;
+	min-width: 81px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-primary:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-primary:hover:after {
+	background-color: rgba(90, 163, 237, 0.1);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-primary:focus:after {
+	border: inherit;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-primary:active:after {
+	background-color: rgba(2, 62, 122, 0.2);
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-button-primary {
+	min-width: 43px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-friendly {
+	height: 37px;
+	padding: 0 16px;
+	color: #eaf4e9;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #227719;
+	border-top-color: #257d1a;
+	border-bottom-color: #1e6b15;
+	background-color: #2c9720;
+	background-image: -webkit-linear-gradient(top, #2f9f22 2%, #26881b 98%);
+	background-image: linear-gradient(to bottom,#2f9f22 2%, #26881b 98%);
+	-webkit-box-shadow: inset 0 1px 0 #46b33a, inset 0 -1px 0 #26811b, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 #46b33a, inset 0 -1px 0 #26811b, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-friendly:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-friendly:hover:after {
+	background-color: rgba(65, 211, 48, 0.1);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-friendly:focus:after {
+	border: inherit;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-friendly:active:after {
+	background-color: rgba(14, 86, 6, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-danger {
+	height: 37px;
+	padding: 0 16px;
+	color: #f9f0ef;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #bb382e;
+	border-top-color: #bc3c31;
+	border-bottom-color: #b13028;
+	background-color: #ed473b;
+	background-image: -webkit-linear-gradient(top, #ee4c3f 2%, #e13e33 98%);
+	background-image: linear-gradient(to bottom,#ee4c3f 2%, #e13e33 98%);
+	-webkit-box-shadow: inset 0 1px 0 #ef786f, inset 0 -1px 0 #da3c31, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 #ef786f, inset 0 -1px 0 #da3c31, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-danger:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-danger:hover:after {
+	background-color: rgba(243, 137, 129, 0.1);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-danger:focus:after {
+	border: inherit;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-danger:active:after {
+	background-color: rgba(146, 12, 2, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-borderless {
+	border: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	background: transparent;
+	color: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-borderless:hover:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-borderless:active {
+	opacity: 0.7;
+	filter: alpha(opacity=70) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-borderless:active:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-borderless-colored {
+	border: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	background: transparent;
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-borderless-colored:hover {
+	color: #4396ea;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-borderless-colored:hover:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-borderless-colored:active {
+	opacity: 0.7;
+	filter: alpha(opacity=70) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-borderless-colored:active:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-quiet {
+	visibility: hidden;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-quiet:focus, .org_osbee_vaadin_addons_designer_overlay .v-button-quiet:hover {
+	visibility: visible;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-quiet [class*="wrap"] {
+	visibility: visible;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-quiet [class*="caption"] {
+	display: inline-block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-link {
+	border: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	background: transparent;
+	color: inherit;
+	cursor: pointer;
+	color: #197de1;
+	text-decoration: underline;
+	font-weight: inherit;
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-link:hover:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-link:active {
+	opacity: 0.7;
+	filter: alpha(opacity=70) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-link:active:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-link:hover {
+	color: #4396ea;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-link.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-tiny {
+	height: 28px;
+	padding: 0 13px;
+	
+	
+	font-size: 12px;
+	
+	border-radius: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-tiny:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-small {
+	height: 31px;
+	padding: 0 14px;
+	
+	
+	font-size: 14px;
+	
+	border-radius: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-small:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-large {
+	height: 44px;
+	padding: 0 19px;
+	
+	
+	font-size: 20px;
+	
+	border-radius: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-large:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-huge {
+	height: 59px;
+	padding: 0 26px;
+	
+	
+	font-size: 26px;
+	
+	border-radius: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-huge:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-align-right [class*="wrap"] {
+	display: inline-block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-align-right .v-icon {
+	float: right;
+	margin-left: 13px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-align-right .v-icon  + span:not(:empty) {
+	margin-left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-align-top {
+	height: auto;
+	padding-top: 5px;
+	padding-bottom: 5px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-align-top [class*="wrap"] {
+	display: inline-block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-align-top .v-icon {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-align-top .v-icon  + span:not(:empty) {
+	margin-top: 7px;
+	margin-left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-only {
+	width: 37px;
+	padding: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-only.v-button-tiny {
+	width: 28px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-only.v-button-small {
+	width: 31px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-only.v-button-large {
+	width: 44px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-only.v-button-huge {
+	width: 59px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-icon-only .v-button-caption {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox {
+	position: relative;
+	line-height: 19px;
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox.v-has-width label {
+	white-space: normal;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox {
+	padding-left: 25px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox label {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	display: inline-block;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox > input {
+	position: absolute;
+	clip: rect(0, 0, 0, 0);
+	left: 0.2em;
+	top: 0.2em;
+	z-index: 0;
+	margin: 0;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox > input:focus ~ label:before {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox > input ~ label:before, :root .org_osbee_vaadin_addons_designer_overlay .v-checkbox > input ~ label:after {
+	content: "";
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 19px;
+	height: 19px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border-radius: 4px;
+	font-size: 13px;
+	text-align: center;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox > input ~ label:before {
+	height: 18.5px;
+	padding: 0 9px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	padding: 0;
+	height: 19px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox > input ~ label:after {
+	content: "\f00c";
+	font-family: ThemeIcons;
+	color: transparent;
+	-webkit-transition: color 100ms;
+	-moz-transition: color 100ms;
+	transition: color 100ms;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox > input:active ~ label:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox > input:checked ~ label:after {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox > .v-icon, .org_osbee_vaadin_addons_designer_overlay .v-checkbox > label .v-icon {
+	margin: 0 6px 0 3px;
+	min-width: 1em;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox.v-disabled  > label, .org_osbee_vaadin_addons_designer_overlay .v-checkbox.v-disabled  > .v-icon {
+	cursor: default;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox.v-disabled  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox.v-disabled > input:active ~ label:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox.v-readonly  > label, .org_osbee_vaadin_addons_designer_overlay .v-checkbox.v-readonly  > .v-icon {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox.v-readonly  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox.v-readonly > input:active ~ label:after {
+	background: transparent;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox.v-readonly > input ~ label:after {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-small {
+	position: relative;
+	line-height: 16px;
+	white-space: nowrap;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-small.v-has-width label {
+	white-space: normal;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small {
+	padding-left: 21px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small label {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	display: inline-block;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small > input {
+	position: absolute;
+	clip: rect(0, 0, 0, 0);
+	left: 0.2em;
+	top: 0.2em;
+	z-index: 0;
+	margin: 0;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small > input:focus ~ label:before {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small > input ~ label:before, :root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small > input ~ label:after {
+	content: "";
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 16px;
+	height: 16px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border-radius: 4px;
+	font-size: 11px;
+	text-align: center;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small > input ~ label:before {
+	height: 15.5px;
+	padding: 0 7px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	padding: 0;
+	height: 16px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small > input ~ label:after {
+	content: "\f00c";
+	font-family: ThemeIcons;
+	color: transparent;
+	-webkit-transition: color 100ms;
+	-moz-transition: color 100ms;
+	transition: color 100ms;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small > input:active ~ label:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small > input:checked ~ label:after {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-small > .v-icon, .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small > label .v-icon {
+	margin: 0 5px 0 3px;
+	min-width: 1em;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-small.v-disabled  > label, .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small.v-disabled  > .v-icon {
+	cursor: default;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-small.v-disabled  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small.v-disabled > input:active ~ label:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-small.v-readonly  > label, .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small.v-readonly  > .v-icon {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-small.v-readonly  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small.v-readonly > input:active ~ label:after {
+	background: transparent;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-small.v-readonly > input ~ label:after {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-large {
+	position: relative;
+	line-height: 22px;
+	white-space: nowrap;
+	font-size: 20px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-large.v-has-width label {
+	white-space: normal;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large {
+	padding-left: 29px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large label {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	display: inline-block;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large > input {
+	position: absolute;
+	clip: rect(0, 0, 0, 0);
+	left: 0.2em;
+	top: 0.2em;
+	z-index: 0;
+	margin: 0;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large > input:focus ~ label:before {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large > input ~ label:before, :root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large > input ~ label:after {
+	content: "";
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 22px;
+	height: 22px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border-radius: 4px;
+	font-size: 15px;
+	text-align: center;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large > input ~ label:before {
+	height: 22px;
+	padding: 0 10px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	padding: 0;
+	height: 22px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large > input ~ label:after {
+	content: "\f00c";
+	font-family: ThemeIcons;
+	color: transparent;
+	-webkit-transition: color 100ms;
+	-moz-transition: color 100ms;
+	transition: color 100ms;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large > input:active ~ label:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large > input:checked ~ label:after {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-large > .v-icon, .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large > label .v-icon {
+	margin: 0 7px 0 4px;
+	min-width: 1em;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-large.v-disabled  > label, .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large.v-disabled  > .v-icon {
+	cursor: default;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-large.v-disabled  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large.v-disabled > input:active ~ label:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-large.v-readonly  > label, .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large.v-readonly  > .v-icon {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-checkbox-large.v-readonly  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large.v-readonly > input:active ~ label:after {
+	background: transparent;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-checkbox-large.v-readonly > input ~ label:after {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect {
+	position: relative;
+	width: 185px;
+	height: 37px;
+	border-radius: 4px;
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect [class*="input"] {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 37px;
+	border-radius: 4px;
+	padding: 4px 9px;
+	border: 1px solid #c5c5c5;
+	background: white;
+	color: #474747;
+	-webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	width: 100% !important;
+	height: 100%;
+	padding-right: 38px;
+	border-radius: inherit;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-filterselect [class*="input"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-filterselect [class*="input"] {
+	line-height: 37px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect [class*="input"].v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect [class*="input"]:focus {
+	outline: none;
+	-webkit-transition: none;
+	-moz-transition: none;
+	transition: none;
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect [class*="input"][class*="prompt"] {
+	color: #a3a3a3;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect .v-icon + [class*="input"] {
+	padding-left: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect img.v-icon {
+	max-height: 37px;
+	margin-left: 9px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect span.v-icon {
+	color: #474747;
+	width: 37px;
+	line-height: 1;
+	padding-top: 0.12em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect[class*="prompt"] > [class*="input"] {
+	color: #a3a3a3;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect [class$="button"] {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	position: absolute;
+	width: 37px;
+	top: 1px;
+	right: 1px;
+	bottom: 1px;
+	border-left: 1px solid #e4e4e4;
+	color: #a3a3a3;
+	border-radius: 0 3px 3px 0;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-filterselect [class$="button"] {
+	background-color: white;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect [class$="button"]:before {
+	font-family: ThemeIcons;
+	content: "\f078";
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+	position: absolute;
+	width: 37px;
+	text-align: center;
+	top: 50%;
+	line-height: 1;
+	margin-top: -0.47em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect [class$="button"]:hover:before {
+	color: #474747;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect [class$="button"]:active:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+	background-color: rgba(128, 128, 128, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect.v-disabled [class$="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect.v-disabled [class$="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect.v-readonly [class*="input"] {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect.v-readonly [class*="input"]:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect.v-readonly [class$="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect.v-readonly [class$="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect .v-icon {
+	position: absolute;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-error .v-filterselect-input {
+	border-color: #ed473b !important;
+	background: #fffbfb;
+	color: #6c2621;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-error .v-filterselect-button {
+	color: #ed473b;
+	border-color: #ed473b;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup {
+	margin-top: 5px !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup[class*="animate-in"] {
+	-webkit-animation: valo-overlay-animate-in 120ms;
+	-moz-animation: valo-overlay-animate-in 120ms;
+	animation: valo-overlay-animate-in 120ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup [class$="suggestmenu"] {
+	padding: 4px 4px;
+	border-radius: 4px;
+	background-color: white;
+	color: #474747;
+	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility: hidden;
+	-ms-backface-visibility: hidden;
+	backface-visibility: hidden;
+	padding: 4px 4px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	position: relative;
+	z-index: 1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup [class$="suggestmenu"][style*="height"] {
+	-webkit-box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	box-sizing: content-box;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup table, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup tbody, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup tr, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup td {
+	display: block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup .gwt-MenuItem {
+	cursor: pointer;
+	line-height: 27px;
+	padding: 0 20px 0 10px;
+	border-radius: 3px;
+	font-weight: 400;
+	white-space: nowrap;
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup .gwt-MenuItem:active:before {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	background: #0957a6;
+	opacity: 0.15;
+	filter: alpha(opacity=15.0) ;
+	pointer-events: none;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup .gwt-MenuItem .v-icon {
+	max-height: 27px;
+	margin-right: 5px;
+	min-width: 1em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup .gwt-MenuItem-selected {
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	color: #ecf2f8;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup [class$="status"] {
+	position: absolute;
+	right: 4px;
+	background: rgba(212, 212, 212, 0.9);
+	color: #3b3b3b;
+	border-radius: 0 0 4px 4px;
+	height: 23px;
+	bottom: -23px;
+	font-size: 12px;
+	line-height: 23px;
+	padding: 0 6px;
+	cursor: default;
+	pointer-events: none;
+	-webkit-animation: valo-animate-in-slide-down 200ms 80ms backwards;
+	-moz-animation: valo-animate-in-slide-down 200ms 80ms backwards;
+	animation: valo-animate-in-slide-down 200ms 80ms backwards;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup [class$="status"]  > * {
+	color: #3b3b3b;
+	text-decoration: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup div[class*="page"] {
+	position: absolute;
+	z-index: 3;
+	right: 0;
+	opacity: 0.2;
+	filter: alpha(opacity=20) ;
+	cursor: pointer;
+	-webkit-transition: all 200ms;
+	-moz-transition: all 200ms;
+	transition: all 200ms;
+	width: 25px;
+	height: 25px;
+	line-height: 25px;
+	text-align: center;
+	font-family: ThemeIcons;
+	-webkit-transform: scale(0.8);
+	-moz-transform: scale(0.8);
+	-ms-transform: scale(0.8);
+	-o-transform: scale(0.8);
+	transform: scale(0.8);
+	color: #464646;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup div[class*="page"]:after {
+	content: "";
+	position: absolute;
+	display: block;
+	border-radius: 50%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup div[class*="page"]:hover {
+	opacity: 1;
+	filter: none ;
+	background: rgba(250, 250, 250, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup div[class*="page"]:hover:after {
+	top: -10px;
+	bottom: -10px;
+	left: -20px;
+	right: -20px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup div[class*="page"] span {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup:hover div[class*="page"] {
+	-webkit-transform: scale(1);
+	-moz-transform: scale(1);
+	-ms-transform: scale(1);
+	-o-transform: scale(1);
+	transform: scale(1);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup div[class*="prev"] {
+	top: 0;
+	-webkit-transform-origin: 100% 0%;
+	-moz-transform-origin: 100% 0%;
+	-ms-transform-origin: 100% 0%;
+	-o-transform-origin: 100% 0%;
+	transform-origin: 100% 0%;
+	border-radius: 0 4px 0 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup div[class*="prev"]:before {
+	content: "\f0d8";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup div[class*="next"] {
+	bottom: 0;
+	-webkit-transform-origin: 100% 100%;
+	-moz-transform-origin: 100% 100%;
+	-ms-transform-origin: 100% 100%;
+	-o-transform-origin: 100% 100%;
+	transform-origin: 100% 100%;
+	border-radius: 4px 0 4px 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup div[class*="next"]:before {
+	content: "\f0d7";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-suggestpopup div[class*="-off"] {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-no-input {
+	cursor: pointer;
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-no-input [class*="input"] {
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	cursor: inherit;
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	text-shadow: inherit;
+	text-overflow: ellipsis;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-no-input [class*="input"]:focus {
+	outline: none;
+	-webkit-transition: none;
+	-moz-transition: none;
+	transition: none;
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-no-input [class$="button"] {
+	border-left: none !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-no-input:hover [class$="button"]:before {
+	color: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-borderless .v-filterselect-input {
+	border: none;
+	border-radius: 0;
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	color: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-borderless .v-filterselect-input:focus {
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-borderless .v-filterselect-input[class*="prompt"] {
+	color: inherit;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-borderless .v-filterselect-button {
+	border: none;
+	color: inherit;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-borderless.v-filterselect-prompt .v-filterselect-input {
+	color: inherit;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-align-right input {
+	text-align: right;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-align-center input {
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny {
+	height: 28px;
+	
+	font-size: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny [class*="input"] {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 28px;
+	
+	padding: 3px 5px;
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	width: 100% !important;
+	height: 100%;
+	padding-right: 29px;
+	border-radius: inherit;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny [class*="input"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny [class*="input"] {
+	line-height: 28px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny .v-icon + [class*="input"] {
+	padding-left: 28px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny img.v-icon {
+	max-height: 28px;
+	margin-left: 5px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny span.v-icon {
+	
+	width: 28px;
+	line-height: 1;
+	padding-top: 0.12em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny [class$="button"] {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	position: absolute;
+	width: 28px;
+	border-radius: 0 4px 4px 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny [class$="button"]:before {
+	font-family: ThemeIcons;
+	content: "\f078";
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+	position: absolute;
+	width: 28px;
+	text-align: center;
+	top: 50%;
+	line-height: 1;
+	margin-top: -0.47em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny [class$="button"]:active:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny.v-disabled [class$="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny.v-disabled [class$="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny.v-readonly [class*="input"] {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny.v-readonly [class*="input"]:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny.v-readonly [class$="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-tiny.v-readonly [class$="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small {
+	height: 31px;
+	
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact [class*="input"], .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small [class*="input"] {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 31px;
+	
+	padding: 3px 6px;
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	width: 100% !important;
+	height: 100%;
+	padding-right: 32px;
+	border-radius: inherit;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact [class*="input"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact [class*="input"], .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small [class*="input"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small [class*="input"] {
+	line-height: 31px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact .v-icon + [class*="input"], .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small .v-icon + [class*="input"] {
+	padding-left: 31px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact img.v-icon, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small img.v-icon {
+	max-height: 31px;
+	margin-left: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact span.v-icon, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small span.v-icon {
+	
+	width: 31px;
+	line-height: 1;
+	padding-top: 0.12em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact [class$="button"], .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small [class$="button"] {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	position: absolute;
+	width: 31px;
+	border-radius: 0 4px 4px 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact [class$="button"]:before, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small [class$="button"]:before {
+	font-family: ThemeIcons;
+	content: "\f078";
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+	position: absolute;
+	width: 31px;
+	text-align: center;
+	top: 50%;
+	line-height: 1;
+	margin-top: -0.47em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact [class$="button"]:active:after, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small [class$="button"]:active:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact.v-disabled, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact.v-disabled [class$="button"], .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small.v-disabled [class$="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact.v-disabled [class$="button"]:active:after, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small.v-disabled [class$="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact.v-readonly [class*="input"], .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small.v-readonly [class*="input"] {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact.v-readonly [class*="input"]:focus, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small.v-readonly [class*="input"]:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact.v-readonly [class$="button"], .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small.v-readonly [class$="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-compact.v-readonly [class$="button"]:active:after, .org_osbee_vaadin_addons_designer_overlay .v-filterselect-small.v-readonly [class$="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-small {
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large {
+	height: 44px;
+	
+	font-size: 20px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large [class*="input"] {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 44px;
+	
+	padding: 5px 8px;
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	width: 100% !important;
+	height: 100%;
+	padding-right: 45px;
+	border-radius: inherit;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-filterselect-large [class*="input"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-filterselect-large [class*="input"] {
+	line-height: 44px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large .v-icon + [class*="input"] {
+	padding-left: 44px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large img.v-icon {
+	max-height: 44px;
+	margin-left: 8px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large span.v-icon {
+	
+	width: 44px;
+	line-height: 1;
+	padding-top: 0.12em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large [class$="button"] {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	position: absolute;
+	width: 44px;
+	border-radius: 0 4px 4px 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large [class$="button"]:before {
+	font-family: ThemeIcons;
+	content: "\f078";
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+	position: absolute;
+	width: 44px;
+	text-align: center;
+	top: 50%;
+	line-height: 1;
+	margin-top: -0.47em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large [class$="button"]:active:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large.v-disabled [class$="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large.v-disabled [class$="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large.v-readonly [class*="input"] {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large.v-readonly [class*="input"]:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large.v-readonly [class$="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-large.v-readonly [class$="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge {
+	height: 59px;
+	
+	font-size: 26px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge [class*="input"] {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 59px;
+	
+	padding: 7px 10px;
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	width: 100% !important;
+	height: 100%;
+	padding-right: 60px;
+	border-radius: inherit;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge [class*="input"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge [class*="input"] {
+	line-height: 59px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge .v-icon + [class*="input"] {
+	padding-left: 59px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge img.v-icon {
+	max-height: 59px;
+	margin-left: 10px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge span.v-icon {
+	
+	width: 59px;
+	line-height: 1;
+	padding-top: 0.12em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge [class$="button"] {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	position: absolute;
+	width: 59px;
+	border-radius: 0 4px 4px 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge [class$="button"]:before {
+	font-family: ThemeIcons;
+	content: "\f078";
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+	position: absolute;
+	width: 59px;
+	text-align: center;
+	top: 50%;
+	line-height: 1;
+	margin-top: -0.47em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge [class$="button"]:active:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge.v-disabled [class$="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge.v-disabled [class$="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge.v-readonly [class*="input"] {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge.v-readonly [class*="input"]:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge.v-readonly [class$="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-filterselect-huge.v-readonly [class$="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-well {
+	background: #f5f5f5;
+	color: #454545;
+	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 2px 3px rgba(0, 0, 0, 0.05);
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-well  > div > [class*="-caption"] {
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-well  > .v-margin-top {
+	padding-top: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-well  > .v-margin-right {
+	padding-right: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-well  > .v-margin-bottom {
+	padding-bottom: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-well  > .v-margin-left {
+	padding-left: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-card {
+	background: white;
+	color: #474747;
+	border-radius: 4px;
+	border: 1px solid #d5d5d5;
+	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-card  > .v-margin-top {
+	padding-top: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-card  > .v-margin-right {
+	padding-right: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-card  > .v-margin-bottom {
+	padding-bottom: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-card  > .v-margin-left {
+	padding-left: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group {
+	white-space: nowrap;
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group .v-widget ~ .v-widget:not(:last-child) {
+	border-radius: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group .v-widget:last-child {
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group .v-widget:first-child, .org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group .v-caption:first-child + .v-widget {
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group .v-widget ~ .v-widget.first.first {
+	border-radius: 4px 0 0 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group .v-widget ~ .v-widget.last.last {
+	border-radius: 0 4px 4px 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group .v-widget {
+	vertical-align: middle;
+	margin-left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group .v-widget:first-child {
+	margin-left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group .v-widget:focus, .org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group .v-widget[class*="focus"], .org_osbee_vaadin_addons_designer_overlay .v-csslayout-v-component-group .v-widget [class*="focus"] {
+	position: relative;
+	z-index: 5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-form fieldset {
+	border: none;
+	padding: 0;
+	margin: 0;
+	height: 100%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-form-content {
+	height: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.org_osbee_vaadin_addons_designer_overlay [class*="spacing"] > tbody > [class*="row"] > td {
+	padding-top: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay [class*="spacing"] > tbody > [class*="firstrow"] > td {
+	padding-top: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay [class*="margin-top"] > tbody > [class*="firstrow"] > td {
+	padding-top: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
+	padding-bottom: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] {
+	padding-left: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h2, .org_osbee_vaadin_addons_designer_overlay [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .org_osbee_vaadin_addons_designer_overlay [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
+	left: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] {
+	padding-right: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h2, .org_osbee_vaadin_addons_designer_overlay [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .org_osbee_vaadin_addons_designer_overlay [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
+	right: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout > table {
+	border-spacing: 0;
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.v-has-width > table, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.v-has-width .v-formlayout-contentcell {
+	width: 100%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout-error-indicator {
+	width: 19px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout-captioncell {
+	vertical-align: top;
+	line-height: 36px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout-captioncell .v-caption {
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout-captioncell .v-caption-h2, .org_osbee_vaadin_addons_designer_overlay .v-formlayout-captioncell .v-caption-h3, .org_osbee_vaadin_addons_designer_overlay .v-formlayout-captioncell .v-caption-h4 {
+	height: 3em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout-contentcell .v-checkbox, .org_osbee_vaadin_addons_designer_overlay .v-formlayout-contentcell .v-radiobutton {
+	font-weight: 400;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout-contentcell  > .v-label-h2, .org_osbee_vaadin_addons_designer_overlay .v-formlayout-contentcell  > .v-label-h3, .org_osbee_vaadin_addons_designer_overlay .v-formlayout-contentcell  > .v-label-h4 {
+	position: absolute;
+	left: 0;
+	right: 0;
+	width: auto !important;
+	margin-top: -0.5em;
+	padding-bottom: 0.5em;
+	border-bottom: 1px solid #dfdfdf;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table {
+	padding: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > tr > td {
+	padding-top: 0;
+	height: 37px;
+	border-bottom: 1px solid #eaeaea;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="lastrow"] > td {
+	border-bottom: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > tr > [class*="captioncell"] {
+	color: #7d7d7d;
+	text-align: right;
+	padding-left: 13px;
+	line-height: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"] {
+	padding-right: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect-input, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield-textfield {
+	width: 100%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 37px;
+	border-radius: 0;
+	padding: 4px 7px;
+	
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	background: transparent;
+	border: none;
+	color: inherit;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield, .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea, .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input, .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input, .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea {
+	line-height: 37px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield.v-disabled, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea.v-disabled, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input.v-disabled, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input.v-disabled, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield:focus, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea:focus, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input:focus, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input:focus, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea:focus {
+	outline: none;
+	-webkit-transition: none;
+	-moz-transition: none;
+	transition: none;
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), none;
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), none;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield:focus, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea:focus, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect input:focus, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield input:focus, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea:focus {
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textfield-prompt, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea-prompt, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-filterselect-prompt input, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-datefield-prompt input {
+	color: #a3a3a3;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-textarea, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-richtextarea {
+	height: auto;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h2, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
+	border-bottom: none;
+	left: 0;
+	right: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light  > table > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
+	margin-top: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light .v-richtextarea {
+	margin: 5px 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light .v-filterselect-button, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light .v-datefield-button {
+	border: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light .v-filterselect-button:active:after, .org_osbee_vaadin_addons_designer_overlay .v-formlayout.light .v-datefield-button:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light .v-datefield-button {
+	right: 0;
+	left: auto;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-formlayout.light .v-checkbox {
+	margin-left: 7px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-scroller {
+	position: absolute;
+	z-index: 1;
+	outline: none;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-scroller-horizontal {
+	left: 0;
+	right: 0;
+	bottom: 0;
+	overflow-y: hidden;
+	-ms-overflow-y: hidden;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-scroller-vertical {
+	right: 0;
+	top: 0;
+	bottom: 0;
+	overflow-x: hidden;
+	-ms-overflow-x: hidden;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-tablewrapper {
+	position: absolute;
+	overflow: hidden;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	z-index: 5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-tablewrapper > table {
+	border-spacing: 0;
+	table-layout: fixed;
+	width: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header-deco, .org_osbee_vaadin_addons_designer_overlay .v-grid-footer-deco {
+	position: absolute;
+	right: 0;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-horizontal-scrollbar-deco {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header, .org_osbee_vaadin_addons_designer_overlay .v-grid-body, .org_osbee_vaadin_addons_designer_overlay .v-grid-footer {
+	position: absolute;
+	left: 0;
+	width: inherit;
+	z-index: 10;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header, .org_osbee_vaadin_addons_designer_overlay .v-grid-header-deco {
+	top: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-footer, .org_osbee_vaadin_addons_designer_overlay .v-grid-footer-deco {
+	bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-body {
+	z-index: 0;
+	top: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-body .v-grid-row {
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-row {
+	display: block;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-grid-row, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-grid-row {
+	float: left;
+	clear: left;
+	margin-top: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-row  > td, .org_osbee_vaadin_addons_designer_overlay .v-grid-row  > th {
+	background-color: white;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-row {
+	width: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-cell {
+	display: block;
+	float: left;
+	padding: 2px;
+	white-space: nowrap;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	overflow: hidden;
+	font-size: 16px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-cell.frozen {
+	position: relative;
+	z-index: 1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-spacer {
+	position: absolute;
+	display: block;
+	background-color: white;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-spacer  > td {
+	width: 100%;
+	height: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-grid-spacer, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-grid-spacer {
+	margin-top: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-scroller-vertical, .org_osbee_vaadin_addons_designer_overlay .v-grid-scroller-horizontal {
+	border: 1px solid #d4d4d4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-scroller-vertical {
+	border-left: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-scroller-horizontal {
+	border-top: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-tablewrapper {
+	border: 1px solid #d4d4d4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid .header-drag-table {
+	border-spacing: 0;
+	position: relative;
+	table-layout: fixed;
+	width: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid .header-drag-table .v-grid-header {
+	position: absolute;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid .header-drag-table .v-grid-header  > .v-grid-cell {
+	border: 1px solid #d4d4d4;
+	margin-top: -10px;
+	opacity: 0.9;
+	filter: alpha(opacity=90);
+	z-index: 30000;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid .header-drag-table .v-grid-header  > .v-grid-drop-marker {
+	background-color: #197de1;
+	position: absolute;
+	width: 3px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu {
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	border-radius: 0;
+	position: absolute;
+	top: 0;
+	right: 0;
+	background-color: #fafafa;
+	border: 1px solid #d4d4d4;
+	padding: 0;
+	z-index: 5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu.v-grid-sidebar-popup {
+	right: auto;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button {
+	background: transparent;
+	border: none;
+	color: inherit;
+	cursor: pointer;
+	outline: none;
+	padding: 0 4px;
+	text-align: right;
+	line-height: 1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button[disabled] {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button::-moz-focus-inner {
+	border: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu .v-grid-sidebar-button:after {
+	content: "\f0c9";
+	display: block;
+	font-family: ThemeIcons, sans-serif;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu.closed {
+	border-radius: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button {
+	width: 100%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button:after {
+	content: "\f0c9";
+	font-size: 14px;
+	line-height: 1;
+}
+
+.v-ie .org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button {
+	vertical-align: middle;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-button:after {
+	vertical-align: middle;
+	text-align: center;
+	display: inline;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu .v-grid-sidebar-content {
+	padding: 4px 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu .v-grid-sidebar-content .gwt-MenuBar .gwt-MenuItem .column-hiding-toggle {
+	text-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-cell {
+	background-color: white;
+	padding: 0 18px;
+	line-height: 37px;
+	text-overflow: ellipsis;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-cell  > * {
+	line-height: 1.55;
+	vertical-align: middle;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-cell  > div {
+	display: inline-block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-cell.frozen {
+	-webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
+	box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
+	border-right: 1px solid #d4d4d4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-cell.frozen  + th, .org_osbee_vaadin_addons_designer_overlay .v-grid-cell.frozen  + td {
+	border-left: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-row > td, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div {
+	border-left: 1px solid #d4d4d4;
+	border-bottom: 1px solid #d4d4d4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-row > td:first-child, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div:first-child {
+	border-left: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells.frozen > div {
+	-webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
+	box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
+	border-right: 1px solid #d4d4d4;
+	border-left: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-row-stripe > td {
+	background-color: #f5f5f5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-row-selected > td {
+	background: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-row-focused > td {
+	
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header th {
+	position: relative;
+	background-color: #fafafa;
+	font-size: 14px;
+	font-weight: inherit;
+	border-left: 1px solid #d4d4d4;
+	border-bottom: 1px solid #d4d4d4;
+	
+	text-align: left;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header th:first-child {
+	border-left: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header .sort-asc, .org_osbee_vaadin_addons_designer_overlay .v-grid-header .sort-desc {
+	padding-right: 35px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header .sort-asc:after, .org_osbee_vaadin_addons_designer_overlay .v-grid-header .sort-desc:after {
+	font-family: ThemeIcons, sans-serif;
+	content: "\f0de" " " attr(sort-order);
+	position: absolute;
+	right: 18px;
+	font-size: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header .sort-desc:after {
+	content: "\f0dd" " " attr(sort-order);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-column-resize-handle {
+	position: absolute;
+	width: 36px;
+	right: -18px;
+	top: 0px;
+	bottom: 0px;
+	cursor: col-resize;
+	z-index: 10;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-footer td {
+	background-color: #fafafa;
+	font-size: 14px;
+	font-weight: inherit;
+	border-left: 1px solid #d4d4d4;
+	border-top: 1px solid #d4d4d4;
+	border-bottom: none;
+	
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-footer td:first-child {
+	border-left: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header .v-grid-cell, .org_osbee_vaadin_addons_designer_overlay .v-grid-footer .v-grid-cell {
+	overflow: visible;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-column-header-content, .org_osbee_vaadin_addons_designer_overlay .v-grid-column-footer-content {
+	width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	line-height: 37px;
+	vertical-align: baseline;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header-deco {
+	border-top: 1px solid #d4d4d4;
+	border-right: 1px solid #d4d4d4;
+	background-color: #fafafa;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-footer-deco {
+	border-bottom: 1px solid #d4d4d4;
+	border-right: 1px solid #d4d4d4;
+	background-color: #fafafa;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-horizontal-scrollbar-deco {
+	background-color: #fafafa;
+	border: 1px solid #d4d4d4;
+	border-top: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-cell-focused {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-cell-focused:before {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border: 2px solid #197de1;
+	display: none;
+	pointer-events: none;
+}
+
+.ie8 .org_osbee_vaadin_addons_designer_overlay .v-grid-cell-focused:before, .ie9 .org_osbee_vaadin_addons_designer_overlay .v-grid-cell-focused:before, .ie10 .org_osbee_vaadin_addons_designer_overlay .v-grid-cell-focused:before {
+	content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid:focus .v-grid-cell-focused:before {
+	display: block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid.v-disabled:focus .v-grid-cell-focused:before {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor {
+	position: absolute;
+	z-index: 20;
+	overflow: hidden;
+	left: 0;
+	right: 0;
+	border: 1px solid #d4d4d4;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	margin-top: -1px;
+	-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
+	box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor.unbuffered .v-grid-editor-footer {
+	width: 100%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells {
+	position: relative;
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells.frozen {
+	z-index: 2;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div {
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	vertical-align: middle;
+	background: white;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div:first-child {
+	border-left: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div  > * {
+	vertical-align: middle;
+	display: inline-block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div .v-filterselect {
+	padding-left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div input[type="text"], .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div input[type="text"].v-filterselect-input, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div input[type="password"] {
+	padding-left: 18px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div input[type="text"]:not(.v-filterselect-input), .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div input[type="password"] {
+	padding-right: 9px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div input[type="checkbox"] {
+	margin-left: 18px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div .v-textfield, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div .v-datefield, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div .v-filterselect {
+	min-width: 100%;
+	max-width: 100%;
+	min-height: 100%;
+	max-height: 100%;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div .v-datefield-button {
+	margin-left: -30px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div .v-filterselect-button {
+	margin-left: -27px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div .v-select, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div .v-select-select {
+	min-width: 100%;
+	max-width: 100%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells  > div.not-editable.v-grid-cell {
+	float: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells .error::before {
+	position: absolute;
+	display: block;
+	height: 0;
+	width: 0;
+	content: "";
+	border-top: 5px solid red;
+	border-right: 5px solid transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells .error, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells .error > input {
+	background-color: #fee;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-footer {
+	display: table;
+	height: 37px;
+	border-top: 1px solid #d4d4d4;
+	margin-top: -1px;
+	background: white;
+	padding: 0 5px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-footer  + .v-grid-editor-cells > div {
+	border-bottom: none;
+	border-top: 1px solid #d4d4d4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-footer:first-child {
+	border-top: none;
+	margin-top: 0;
+	border-bottom: 1px solid #d4d4d4;
+	margin-bottom: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-message, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-buttons {
+	display: table-cell;
+	white-space: nowrap;
+	vertical-align: middle;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-message {
+	width: 100%;
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-message  > div {
+	position: absolute;
+	width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	line-height: 37px;
+	top: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-save {
+	margin-right: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-spacer {
+	padding-left: 1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-spacer > td {
+	display: block;
+	padding: 0;
+	background-color: white;
+	border-top: 1px solid #eeeeee;
+	border-bottom: 1px solid #d4d4d4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-spacer.stripe > td {
+	background-color: #f5f5f5;
+	border-top: 1px solid #e5e5e5;
+	border-bottom: 1px solid #d4d4d4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-spacer-deco-container {
+	border-top: 1px solid transparent;
+	position: relative;
+	top: 0;
+	z-index: 5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-spacer-deco {
+	top: 0;
+	left: 0;
+	width: 2px;
+	background-color: #197de1;
+	position: absolute;
+	height: 100%;
+	pointer-events: none;
+}
+
+.ie8 .org_osbee_vaadin_addons_designer_overlay .v-grid-spacer-deco:before, .ie9 .org_osbee_vaadin_addons_designer_overlay .v-grid-spacer-deco:before, .ie10 .org_osbee_vaadin_addons_designer_overlay .v-grid-spacer-deco:before {
+	content: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-cell > .v-progressbar {
+	width: 100%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid {
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	background-color: #fafafa;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header .v-grid-cell {
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header .v-grid-cell.dragged {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+	-webkit-transition: opacity 0.3s ease-in-out;
+	-moz-transition: opacity 0.3s ease-in-out;
+	transition: opacity 0.3s ease-in-out;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header .v-grid-cell.dragged-column-header {
+	margin-top: -19px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-footer .v-grid-cell {
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-header-deco {
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-footer-deco, .org_osbee_vaadin_addons_designer_overlay .v-grid-horizontal-scrollbar-deco {
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-row-selected  > .v-grid-cell {
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	color: #c8dbed;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
+	border-color: #1d69b4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-row-selected  > .v-grid-cell-focused:before {
+	border-color: #71b0ef;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor {
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	border-color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-footer {
+	font-size: 14px;
+	padding: 0 6px;
+	background: #fafafa;
+	-webkit-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
+	-moz-animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
+	animation: valo-grid-editor-footer-animate-in 200ms 120ms backwards;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-footer:first-child {
+	-webkit-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
+	-moz-animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
+	animation: valo-grid-editor-footer-animate-in-alt 200ms 120ms backwards;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells {
+	z-index: 1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div:before {
+	content: "";
+	display: inline-block;
+	height: 100%;
+	vertical-align: middle;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div.not-editable.v-grid-cell {
+	float: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .error::before {
+	border-top: 9px solid #ed473b;
+	border-right: 9px solid transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .error, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .error > input {
+	background-color: #fffbfb;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-textfield, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-textfield-focus, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-datefield, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-filterselect-input, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-filterselect-input:focus {
+	border: none;
+	border-radius: 0;
+	background: transparent;
+	-webkit-box-shadow: inset 0 1px 0 #f2f2f2;
+	box-shadow: inset 0 1px 0 #f2f2f2;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div input[type="text"].v-datefield-textfield {
+	padding-left: 44.4px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-datefield-button {
+	margin-left: 0px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-filterselect-button {
+	margin-left: 0px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-textfield-focus, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-datefield .v-textfield-focus, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-filterselect-input:focus {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-select {
+	padding-left: 9px;
+	padding-right: 9px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-checkbox {
+	margin: 0 9px 0 18px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-checkbox  > input[type="checkbox"] {
+	margin-left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cells > div .v-checkbox  > label {
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-message > div:before {
+	display: inline-block;
+	color: #ed473b;
+	font-weight: 600;
+	width: 19px;
+	text-align: center;
+	content: "!";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-save, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cancel {
+	cursor: pointer;
+	color: #197de1;
+	text-decoration: underline;
+	font-weight: inherit;
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+	font-weight: 400;
+	text-decoration: none;
+	border: none;
+	background: transparent;
+	padding: 6px 6px;
+	margin: 0;
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-save:hover, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cancel:hover {
+	color: #4396ea;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-editor-save.v-disabled, .org_osbee_vaadin_addons_designer_overlay .v-grid-editor-cancel.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-spacer {
+	margin-top: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu.open .v-grid-sidebar-content {
+	margin: 0 0 2px;
+	padding: 4px 4px 2px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-sidebar.v-contextmenu.closed {
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-scroller::-webkit-scrollbar {
+	border: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-scroller::-webkit-scrollbar-thumb {
+	border-radius: 10px;
+	border: 4px solid transparent;
+	background: rgba(0, 0, 0, 0.3);
+	-webkit-background-clip: content-box;
+	background-clip: content-box;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-scroller-vertical::-webkit-scrollbar-thumb {
+	min-height: 30px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-grid-scroller-horizontal::-webkit-scrollbar-thumb {
+	min-width: 30px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 37px;
+	border-radius: 4px;
+	padding: 4px 9px;
+	border: 1px solid #c5c5c5;
+	background: white;
+	color: #474747;
+	-webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	width: 185px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textfield, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textfield {
+	line-height: 37px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield:focus {
+	outline: none;
+	-webkit-transition: none;
+	-moz-transition: none;
+	transition: none;
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield[class*="prompt"] {
+	color: #a3a3a3;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-readonly {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-readonly:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-error {
+	border-color: #ed473b !important;
+	background: #fffbfb;
+	color: #6c2621;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-borderless {
+	border: none;
+	border-radius: 0;
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	color: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-borderless:focus {
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-borderless[class*="prompt"] {
+	color: inherit;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-tiny {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 28px;
+	border-radius: 4px;
+	padding: 3px 7px;
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	font-size: 12px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textfield-tiny, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textfield-tiny {
+	line-height: 28px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-compact, .org_osbee_vaadin_addons_designer_overlay .v-textfield-small {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 31px;
+	border-radius: 4px;
+	padding: 3px 8px;
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textfield-compact, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textfield-compact, .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textfield-small, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textfield-small {
+	line-height: 31px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-small {
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-large {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 44px;
+	border-radius: 4px;
+	padding: 5px 10px;
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	font-size: 20px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textfield-large, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textfield-large {
+	line-height: 44px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-huge {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 59px;
+	border-radius: 4px;
+	padding: 7px 12px;
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	font-size: 26px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textfield-huge, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textfield-huge {
+	line-height: 59px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slot-inline-icon {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon {
+	padding: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon .v-captiontext {
+	font-size: 14px;
+	font-weight: 400;
+	padding-bottom: 0.3em;
+	padding-left: 1px;
+	margin: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon .v-icon {
+	position: absolute;
+	z-index: 10;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon span.v-icon {
+	left: 1px;
+	bottom: 1px;
+	width: 37px;
+	line-height: 35px;
+	text-align: center;
+	font-size: 16px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon img.v-icon {
+	left: 11px;
+	bottom: 11px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-inline-icon  {
+	padding-left: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slot-inline-icon.v-slot-tiny {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-tiny {
+	padding: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-tiny .v-captiontext {
+	font-size: 14px;
+	font-weight: 400;
+	padding-bottom: 0.3em;
+	padding-left: 1px;
+	margin: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-tiny .v-icon {
+	position: absolute;
+	z-index: 10;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-tiny span.v-icon {
+	left: 1px;
+	bottom: 1px;
+	width: 28px;
+	line-height: 26px;
+	text-align: center;
+	font-size: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-tiny img.v-icon {
+	left: 6px;
+	bottom: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-inline-icon.v-textfield-tiny  {
+	padding-left: 28px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slot-inline-icon.v-slot-compact {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-compact {
+	padding: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-compact .v-captiontext {
+	font-size: 14px;
+	font-weight: 400;
+	padding-bottom: 0.3em;
+	padding-left: 1px;
+	margin: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-compact .v-icon {
+	position: absolute;
+	z-index: 10;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-compact span.v-icon {
+	left: 1px;
+	bottom: 1px;
+	width: 31px;
+	line-height: 29px;
+	text-align: center;
+	font-size: 16px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-compact img.v-icon {
+	left: 8px;
+	bottom: 8px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-inline-icon.v-textfield-compact  {
+	padding-left: 31px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slot-inline-icon.v-slot-small {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-small {
+	padding: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-small .v-captiontext {
+	font-size: 14px;
+	font-weight: 400;
+	padding-bottom: 0.3em;
+	padding-left: 1px;
+	margin: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-small .v-icon {
+	position: absolute;
+	z-index: 10;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-small span.v-icon {
+	left: 1px;
+	bottom: 1px;
+	width: 31px;
+	line-height: 29px;
+	text-align: center;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-small img.v-icon {
+	left: 8px;
+	bottom: 8px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-inline-icon.v-textfield-small  {
+	padding-left: 31px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slot-inline-icon.v-slot-large {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-large {
+	padding: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-large .v-captiontext {
+	font-size: 14px;
+	font-weight: 400;
+	padding-bottom: 0.3em;
+	padding-left: 1px;
+	margin: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-large .v-icon {
+	position: absolute;
+	z-index: 10;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-large span.v-icon {
+	left: 1px;
+	bottom: 1px;
+	width: 44px;
+	line-height: 42px;
+	text-align: center;
+	font-size: 20px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-large img.v-icon {
+	left: 14px;
+	bottom: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-inline-icon.v-textfield-large  {
+	padding-left: 44px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slot-inline-icon.v-slot-huge {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-huge {
+	padding: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-huge .v-captiontext {
+	font-size: 14px;
+	font-weight: 400;
+	padding-bottom: 0.3em;
+	padding-left: 1px;
+	margin: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-huge .v-icon {
+	position: absolute;
+	z-index: 10;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-huge span.v-icon {
+	left: 1px;
+	bottom: 1px;
+	width: 59px;
+	line-height: 57px;
+	text-align: center;
+	font-size: 26px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-caption-inline-icon.v-caption-huge img.v-icon {
+	left: 22px;
+	bottom: 22px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-inline-icon.v-textfield-huge  {
+	padding-left: 59px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-align-right {
+	text-align: right;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textfield-align-center {
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 37px;
+	border-radius: 4px;
+	padding: 6px;
+	border: 1px solid #c5c5c5;
+	background: white;
+	color: #474747;
+	-webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	height: auto;
+	resize: none;
+	white-space: pre-wrap;
+	width: 185px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textarea, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textarea {
+	line-height: 37px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea:focus {
+	outline: none;
+	-webkit-transition: none;
+	-moz-transition: none;
+	transition: none;
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea[class*="prompt"] {
+	color: #a3a3a3;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textarea, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textarea {
+	line-height: inherit;
+	padding-top: 4px;
+	padding-bottom: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-readonly {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-readonly:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-error {
+	border-color: #ed473b !important;
+	background: #fffbfb;
+	color: #6c2621;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-borderless {
+	border: none;
+	border-radius: 0;
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	color: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-borderless:focus {
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-borderless[class*="prompt"] {
+	color: inherit;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-tiny {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 28px;
+	border-radius: 4px;
+	padding: 6px;
+	
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	height: auto;
+	resize: none;
+	white-space: pre-wrap;
+	font-size: 12px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textarea-tiny, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textarea-tiny {
+	line-height: 28px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textarea-tiny, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textarea-tiny {
+	line-height: inherit;
+	padding-top: 3px;
+	padding-bottom: 3px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-small {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 31px;
+	border-radius: 4px;
+	padding: 6px;
+	
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	height: auto;
+	resize: none;
+	white-space: pre-wrap;
+	font-size: 14px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textarea-small, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textarea-small {
+	line-height: 31px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textarea-small, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textarea-small {
+	line-height: inherit;
+	padding-top: 3px;
+	padding-bottom: 3px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-large {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 44px;
+	border-radius: 4px;
+	padding: 6px;
+	
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	height: auto;
+	resize: none;
+	white-space: pre-wrap;
+	font-size: 20px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textarea-large, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textarea-large {
+	line-height: 44px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textarea-large, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textarea-large {
+	line-height: inherit;
+	padding-top: 5px;
+	padding-bottom: 5px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-huge {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 59px;
+	border-radius: 4px;
+	padding: 6px;
+	
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	height: auto;
+	resize: none;
+	white-space: pre-wrap;
+	font-size: 26px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textarea-huge, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textarea-huge {
+	line-height: 59px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-textarea-huge, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-textarea-huge {
+	line-height: inherit;
+	padding-top: 7px;
+	padding-bottom: 7px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-align-right {
+	text-align: right;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-textarea-align-center {
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield {
+	position: relative;
+	width: 185px;
+	height: 37px;
+	border-radius: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield [class*="textfield"] {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 37px;
+	border-radius: 4px;
+	padding: 4px 9px;
+	border: 1px solid #c5c5c5;
+	background: white;
+	color: #474747;
+	-webkit-box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	box-shadow: inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	padding-left: 44.4px;
+	width: 100%;
+	height: 100%;
+	border-radius: inherit;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-datefield [class*="textfield"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-datefield [class*="textfield"] {
+	line-height: 37px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield [class*="textfield"].v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield [class*="textfield"]:focus {
+	outline: none;
+	-webkit-transition: none;
+	-moz-transition: none;
+	transition: none;
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 #f7f7f7, 0 1px 0 rgba(255, 255, 255, 0.1);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield [class*="textfield"][class*="prompt"] {
+	color: #a3a3a3;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield[class*="prompt"] > [class*="textfield"] {
+	color: #a3a3a3;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield [class*="button"] {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	-webkit-appearance: none;
+	background: transparent;
+	padding: 0;
+	position: absolute;
+	z-index: 10;
+	width: 37px;
+	line-height: 35px;
+	text-align: center;
+	font: inherit;
+	outline: none;
+	margin: 0;
+	top: 1px;
+	bottom: 1px;
+	left: 1px;
+	border: none;
+	border-right: 1px solid #e4e4e4;
+	color: #a3a3a3;
+	border-radius: 3px 0 0 3px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield [class*="button"]:hover {
+	color: #474747;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield [class*="button"]:before {
+	font-family: ThemeIcons;
+	content: "\f073";
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield [class*="button"]:active:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	background-color: rgba(128, 128, 128, 0.2);
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield.v-disabled [class*="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield.v-disabled [class*="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield.v-readonly [class*="textfield"] {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield.v-readonly [class*="textfield"]:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield.v-readonly [class*="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield.v-readonly [class*="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-error .v-datefield-textfield {
+	border-color: #ed473b !important;
+	background: #fffbfb;
+	color: #6c2621;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-error .v-datefield-button {
+	color: #ed473b;
+	border-color: #ed473b;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-full {
+	width: 240px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-day {
+	width: 185px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-month {
+	width: 120px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-year {
+	width: 104px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup {
+	padding: 4px 4px;
+	border-radius: 4px;
+	background-color: white;
+	color: #474747;
+	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility: hidden;
+	-ms-backface-visibility: hidden;
+	backface-visibility: hidden;
+	margin-top: 5px !important;
+	margin-bottom: 5px !important;
+	margin-right: 5px !important;
+	cursor: default;
+	width: auto;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup[class*="animate-in"] {
+	-webkit-animation: valo-overlay-animate-in 120ms;
+	-moz-animation: valo-overlay-animate-in 120ms;
+	animation: valo-overlay-animate-in 120ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup[class*="animate-out"] {
+	-webkit-animation: valo-animate-out-fade 120ms;
+	-moz-animation: valo-animate-out-fade 120ms;
+	animation: valo-animate-out-fade 120ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup table {
+	border-collapse: collapse;
+	border-spacing: 0;
+	margin: 0 auto;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td {
+	padding: 2px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel {
+	font-size: 16px;
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel:focus {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-day {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 30px;
+	height: 26px;
+	border: 1px solid transparent;
+	line-height: 26px;
+	text-align: center;
+	font-size: 14px;
+	background: #fafafa;
+	border-radius: 2px;
+	-webkit-transition: color 200ms;
+	-moz-transition: color 200ms;
+	transition: color 200ms;
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-day:hover {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-day-offmonth {
+	color: #a0a0a0;
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-day-today {
+	color: #191919;
+	font-weight: 600;
+	border-color: #afafaf;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+	color: #c8dbed;
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	border: none;
+	font-weight: 600;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	position: relative;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+	border-color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+	color: #a0a0a0;
+	cursor: not-allowed;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-weekdays {
+	height: 26px;
+	color: rgba(133, 133, 133, 0.85);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-weekdays strong {
+	font: inherit;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-header {
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td[class*="year"] button, .org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td[class*="month"] button {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	border: none;
+	background: transparent;
+	padding: 0;
+	margin: 0;
+	cursor: pointer;
+	color: transparent;
+	font-size: 0;
+	width: 19px;
+	height: 25px;
+	outline: none;
+	position: relative;
+	vertical-align: middle;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td[class*="year"] button:before, .org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td[class*="month"] button:before {
+	color: #a0a0a0;
+	font-size: 21px;
+	line-height: 24px;
+	-webkit-transition: color 200ms;
+	-moz-transition: color 200ms;
+	transition: color 200ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td[class*="year"] button:hover:before, .org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td[class*="month"] button:hover:before {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td[class*="year"] button.outside-range, .org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td[class*="month"] button.outside-range {
+	cursor: default;
+	opacity: 0.3;
+	filter: alpha(opacity=30.0) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td[class*="year"] button.outside-range:hover:before, .org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td[class*="month"] button.outside-range:hover:before {
+	color: #a0a0a0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-button-prevyear:before {
+	font-family: ThemeIcons;
+	content: "\f100";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-button-prevmonth:before {
+	font-family: ThemeIcons;
+	content: "\f104";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-button-nextyear:before {
+	font-family: ThemeIcons;
+	content: "\f101";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-button-nextmonth:before {
+	font-family: ThemeIcons;
+	content: "\f105";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td.v-datefield-calendarpanel-month {
+	width: 148px;
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+	width: 74px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-weeknumber, .org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+	width: 30px;
+	color: rgba(133, 133, 133, 0.85);
+	font-size: 14px;
+	display: inline-block;
+	text-align: left;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-weeknumber {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup .v-datefield-calendarpanel-weeknumbers .v-first:before {
+	content: "";
+	position: absolute;
+	top: 38px;
+	bottom: 0;
+	left: 0;
+	width: 34px;
+	border-top: 1px solid #eaeaea;
+	border-right: 1px solid #eaeaea;
+	border-top-right-radius: 4px;
+	border-bottom-left-radius: 4px;
+	background: #fafafa;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td.v-datefield-calendarpanel-time {
+	width: 100%;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-popup td.v-datefield-calendarpanel-time .v-label {
+	display: inline;
+	margin: 0 0.1em;
+	font-weight: 400;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel {
+	font-size: 16px;
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel:focus {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-day {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 30px;
+	height: 26px;
+	border: 1px solid transparent;
+	line-height: 26px;
+	text-align: center;
+	font-size: 14px;
+	background: #fafafa;
+	border-radius: 2px;
+	-webkit-transition: color 200ms;
+	-moz-transition: color 200ms;
+	transition: color 200ms;
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-day:hover {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-day-offmonth {
+	color: #a0a0a0;
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-day-today {
+	color: #191919;
+	font-weight: 600;
+	border-color: #afafaf;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected, .org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-selected:hover {
+	color: #c8dbed;
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	border: none;
+	font-weight: 600;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	position: relative;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-focused {
+	border-color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range, .org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-day.v-datefield-calendarpanel-day-outside-range:hover {
+	color: #a0a0a0;
+	cursor: not-allowed;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-weekdays {
+	height: 26px;
+	color: rgba(133, 133, 133, 0.85);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-weekdays strong {
+	font: inherit;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-header {
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td[class*="year"] button, .org_osbee_vaadin_addons_designer_overlay td[class*="month"] button {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	border: none;
+	background: transparent;
+	padding: 0;
+	margin: 0;
+	cursor: pointer;
+	color: transparent;
+	font-size: 0;
+	width: 19px;
+	height: 25px;
+	outline: none;
+	position: relative;
+	vertical-align: middle;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td[class*="year"] button:before, .org_osbee_vaadin_addons_designer_overlay td[class*="month"] button:before {
+	color: #a0a0a0;
+	font-size: 21px;
+	line-height: 24px;
+	-webkit-transition: color 200ms;
+	-moz-transition: color 200ms;
+	transition: color 200ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td[class*="year"] button:hover:before, .org_osbee_vaadin_addons_designer_overlay td[class*="month"] button:hover:before {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td[class*="year"] button.outside-range, .org_osbee_vaadin_addons_designer_overlay td[class*="month"] button.outside-range {
+	cursor: default;
+	opacity: 0.3;
+	filter: alpha(opacity=30.0) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td[class*="year"] button.outside-range:hover:before, .org_osbee_vaadin_addons_designer_overlay td[class*="month"] button.outside-range:hover:before {
+	color: #a0a0a0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-prevyear:before {
+	font-family: ThemeIcons;
+	content: "\f100";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-prevmonth:before {
+	font-family: ThemeIcons;
+	content: "\f104";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-nextyear:before {
+	font-family: ThemeIcons;
+	content: "\f101";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-nextmonth:before {
+	font-family: ThemeIcons;
+	content: "\f105";
+}
+
+.org_osbee_vaadin_addons_designer_overlay td.v-datefield-calendarpanel-month {
+	width: 148px;
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-year td.v-datefield-calendarpanel-month {
+	width: 74px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-weeknumber, .org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-weekdays.v-datefield-calendarpanel-weeknumbers td:first-child {
+	width: 30px;
+	color: rgba(133, 133, 133, 0.85);
+	font-size: 14px;
+	display: inline-block;
+	text-align: left;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-weeknumber {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-calendarpanel-weeknumbers .v-first:before {
+	content: "";
+	position: absolute;
+	top: 38px;
+	bottom: 0;
+	left: 0;
+	width: 34px;
+	border-top: 1px solid #eaeaea;
+	border-right: 1px solid #eaeaea;
+	border-top-right-radius: 4px;
+	border-bottom-left-radius: 4px;
+	background: #fafafa;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td.v-datefield-calendarpanel-time {
+	width: 100%;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td.v-datefield-calendarpanel-time .v-label {
+	display: inline;
+	margin: 0 0.1em;
+	font-weight: 400;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-borderless .v-datefield-textfield {
+	border: none;
+	border-radius: 0;
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	color: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-borderless .v-datefield-textfield:focus {
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-borderless .v-datefield-textfield[class*="prompt"] {
+	color: inherit;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-borderless .v-datefield-button {
+	border: none;
+	color: inherit;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-align-right input {
+	text-align: right;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-align-center input {
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny {
+	height: 28px;
+	border-radius: 4px;
+	font-size: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny [class*="textfield"] {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 28px;
+	border-radius: 4px;
+	padding: 3px 7px;
+	
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	padding-left: 33.6px;
+	width: 100%;
+	height: 100%;
+	border-radius: inherit;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny [class*="textfield"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny [class*="textfield"] {
+	line-height: 28px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny [class*="button"] {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	-webkit-appearance: none;
+	background: transparent;
+	padding: 0;
+	position: absolute;
+	z-index: 10;
+	width: 28px;
+	line-height: 28px;
+	text-align: center;
+	font: inherit;
+	outline: none;
+	margin: 0;
+	border-radius: 4px 0 0 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny [class*="button"]:before {
+	font-family: ThemeIcons;
+	content: "\f073";
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny [class*="button"]:active:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny.v-disabled [class*="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny.v-disabled [class*="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny.v-readonly [class*="textfield"] {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny.v-readonly [class*="textfield"]:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny.v-readonly [class*="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-tiny.v-readonly [class*="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact, .org_osbee_vaadin_addons_designer_overlay .v-datefield-small {
+	height: 31px;
+	border-radius: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact [class*="textfield"], .org_osbee_vaadin_addons_designer_overlay .v-datefield-small [class*="textfield"] {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 31px;
+	border-radius: 4px;
+	padding: 3px 8px;
+	
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	padding-left: 37.2px;
+	width: 100%;
+	height: 100%;
+	border-radius: inherit;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-datefield-compact [class*="textfield"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-datefield-compact [class*="textfield"], .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-datefield-small [class*="textfield"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-datefield-small [class*="textfield"] {
+	line-height: 31px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact [class*="button"], .org_osbee_vaadin_addons_designer_overlay .v-datefield-small [class*="button"] {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	-webkit-appearance: none;
+	background: transparent;
+	padding: 0;
+	position: absolute;
+	z-index: 10;
+	width: 31px;
+	line-height: 31px;
+	text-align: center;
+	font: inherit;
+	outline: none;
+	margin: 0;
+	border-radius: 4px 0 0 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact [class*="button"]:before, .org_osbee_vaadin_addons_designer_overlay .v-datefield-small [class*="button"]:before {
+	font-family: ThemeIcons;
+	content: "\f073";
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact [class*="button"]:active:after, .org_osbee_vaadin_addons_designer_overlay .v-datefield-small [class*="button"]:active:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact.v-disabled, .org_osbee_vaadin_addons_designer_overlay .v-datefield-small.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact.v-disabled [class*="button"], .org_osbee_vaadin_addons_designer_overlay .v-datefield-small.v-disabled [class*="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact.v-disabled [class*="button"]:active:after, .org_osbee_vaadin_addons_designer_overlay .v-datefield-small.v-disabled [class*="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact.v-readonly [class*="textfield"], .org_osbee_vaadin_addons_designer_overlay .v-datefield-small.v-readonly [class*="textfield"] {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact.v-readonly [class*="textfield"]:focus, .org_osbee_vaadin_addons_designer_overlay .v-datefield-small.v-readonly [class*="textfield"]:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact.v-readonly [class*="button"], .org_osbee_vaadin_addons_designer_overlay .v-datefield-small.v-readonly [class*="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-compact.v-readonly [class*="button"]:active:after, .org_osbee_vaadin_addons_designer_overlay .v-datefield-small.v-readonly [class*="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-small {
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large {
+	height: 44px;
+	border-radius: 4px;
+	font-size: 20px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large [class*="textfield"] {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 44px;
+	border-radius: 4px;
+	padding: 5px 10px;
+	
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	padding-left: 52.8px;
+	width: 100%;
+	height: 100%;
+	border-radius: inherit;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-datefield-large [class*="textfield"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-datefield-large [class*="textfield"] {
+	line-height: 44px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large [class*="button"] {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	-webkit-appearance: none;
+	background: transparent;
+	padding: 0;
+	position: absolute;
+	z-index: 10;
+	width: 44px;
+	line-height: 44px;
+	text-align: center;
+	font: inherit;
+	outline: none;
+	margin: 0;
+	border-radius: 4px 0 0 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large [class*="button"]:before {
+	font-family: ThemeIcons;
+	content: "\f073";
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large [class*="button"]:active:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large.v-disabled [class*="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large.v-disabled [class*="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large.v-readonly [class*="textfield"] {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large.v-readonly [class*="textfield"]:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large.v-readonly [class*="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-large.v-readonly [class*="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge {
+	height: 59px;
+	border-radius: 4px;
+	font-size: 26px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge [class*="textfield"] {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+	margin: 0;
+	font: inherit;
+	
+	font-weight: 400;
+	line-height: normal;
+	height: 59px;
+	border-radius: 4px;
+	padding: 7px 12px;
+	
+	
+	
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+	padding-left: 70.8px;
+	width: 100%;
+	height: 100%;
+	border-radius: inherit;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-datefield-huge [class*="textfield"], .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-datefield-huge [class*="textfield"] {
+	line-height: 59px;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge [class*="button"] {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	-webkit-appearance: none;
+	background: transparent;
+	padding: 0;
+	position: absolute;
+	z-index: 10;
+	width: 59px;
+	line-height: 59px;
+	text-align: center;
+	font: inherit;
+	outline: none;
+	margin: 0;
+	border-radius: 4px 0 0 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge [class*="button"]:before {
+	font-family: ThemeIcons;
+	content: "\f073";
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge [class*="button"]:active:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge.v-disabled [class*="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge.v-disabled [class*="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge.v-readonly [class*="textfield"] {
+	background: #fafafa;
+	color: #464646;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge.v-readonly [class*="textfield"]:focus {
+	box-shadow: none;
+	border-color: #c5c5c5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge.v-readonly [class*="button"] {
+	cursor: default;
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-datefield-huge.v-readonly [class*="button"]:active:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel {
+	font-size: 16px;
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel:focus {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-day {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 30px;
+	height: 26px;
+	border: 1px solid transparent;
+	line-height: 26px;
+	text-align: center;
+	font-size: 14px;
+	background: #fafafa;
+	border-radius: 2px;
+	-webkit-transition: color 200ms;
+	-moz-transition: color 200ms;
+	transition: color 200ms;
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-day:hover {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-day-offmonth {
+	color: #a0a0a0;
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-day-today {
+	color: #191919;
+	font-weight: 600;
+	border-color: #afafaf;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected, .org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-selected:hover {
+	color: #c8dbed;
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	border: none;
+	font-weight: 600;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused {
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	position: relative;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-focused {
+	border-color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range, .org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-day.v-inline-datefield-calendarpanel-day-outside-range:hover {
+	color: #a0a0a0;
+	cursor: not-allowed;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-weekdays {
+	height: 26px;
+	color: rgba(133, 133, 133, 0.85);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-weekdays strong {
+	font: inherit;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-header {
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td[class*="year"] button, .org_osbee_vaadin_addons_designer_overlay td[class*="month"] button {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	border: none;
+	background: transparent;
+	padding: 0;
+	margin: 0;
+	cursor: pointer;
+	color: transparent;
+	font-size: 0;
+	width: 19px;
+	height: 25px;
+	outline: none;
+	position: relative;
+	vertical-align: middle;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td[class*="year"] button:before, .org_osbee_vaadin_addons_designer_overlay td[class*="month"] button:before {
+	color: #a0a0a0;
+	font-size: 21px;
+	line-height: 24px;
+	-webkit-transition: color 200ms;
+	-moz-transition: color 200ms;
+	transition: color 200ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td[class*="year"] button:hover:before, .org_osbee_vaadin_addons_designer_overlay td[class*="month"] button:hover:before {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td[class*="year"] button.outside-range, .org_osbee_vaadin_addons_designer_overlay td[class*="month"] button.outside-range {
+	cursor: default;
+	opacity: 0.3;
+	filter: alpha(opacity=30.0) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td[class*="year"] button.outside-range:hover:before, .org_osbee_vaadin_addons_designer_overlay td[class*="month"] button.outside-range:hover:before {
+	color: #a0a0a0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-prevyear:before {
+	font-family: ThemeIcons;
+	content: "\f100";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-prevmonth:before {
+	font-family: ThemeIcons;
+	content: "\f104";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-nextyear:before {
+	font-family: ThemeIcons;
+	content: "\f101";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-button-nextmonth:before {
+	font-family: ThemeIcons;
+	content: "\f105";
+}
+
+.org_osbee_vaadin_addons_designer_overlay td.v-inline-datefield-calendarpanel-month {
+	width: 148px;
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-year td.v-inline-datefield-calendarpanel-month {
+	width: 74px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-weeknumber, .org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-weekdays.v-inline-datefield-calendarpanel-weeknumbers td:first-child {
+	width: 30px;
+	color: rgba(133, 133, 133, 0.85);
+	font-size: 14px;
+	display: inline-block;
+	text-align: left;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-weeknumber {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel-weeknumbers .v-first:before {
+	content: "";
+	position: absolute;
+	top: 38px;
+	bottom: 0;
+	left: 0;
+	width: 34px;
+	border-top: 1px solid #eaeaea;
+	border-right: 1px solid #eaeaea;
+	border-top-right-radius: 4px;
+	border-bottom-left-radius: 4px;
+	background: #fafafa;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td.v-inline-datefield-calendarpanel-time {
+	width: 100%;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay td.v-inline-datefield-calendarpanel-time .v-label {
+	display: inline;
+	margin: 0 0.1em;
+	font-weight: 400;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-inline-datefield-calendarpanel {
+	position: relative;
+	background: white;
+	padding: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-gridlayout-margin-top {
+	padding-top: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-gridlayout-margin-bottom {
+	padding-bottom: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-gridlayout-margin-left {
+	padding-left: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-gridlayout-margin-right {
+	padding-right: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-gridlayout-spacing-on {
+	padding-left: 12px;
+	padding-top: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar {
+	position: relative;
+	text-align: center;
+	white-space: nowrap;
+	outline: none;
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	height: 37px;
+	padding: 0 16px;
+	color: #191919;
+	font-weight: 400;
+	
+	cursor: default;
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	padding: 0;
+	text-align: left;
+	line-height: 35px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+	-webkit-transition: box-shadow 180ms, border 180ms;
+	-moz-transition: box-shadow 180ms, border 180ms;
+	transition: box-shadow 180ms, border 180ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar:focus:after {
+	-webkit-transition: none;
+	-moz-transition: none;
+	transition: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar.v-disabled:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar:focus:after {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar  > .v-menubar-menuitem {
+	padding: 0 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar  > .v-menubar-menuitem[class*="-icon-only"] {
+	width: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar:active:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem {
+	position: relative;
+	z-index: 1;
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	height: 37px;
+	padding: 0 15px;
+	color: inherit;
+	font-weight: 400;
+	
+	cursor: pointer;
+	border-radius: 0;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	border-width: 0 1px 0 0;
+	border-color: inherit;
+	height: 100%;
+	line-height: inherit;
+	vertical-align: top;
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem:first-child {
+	border-left-width: 0;
+	border-radius: 3px 0 0 3px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem:last-child {
+	border-radius: 0 3px 3px 0;
+	border-right-width: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem:first-child:last-child {
+	border-radius: 3px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem:before {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem:hover {
+	zoom: 1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem:hover:before {
+	background-color: rgba(186, 186, 186, 0.1);
+	border: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem:active:before {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem .v-icon {
+	margin: 0 4px 0 -4px;
+	cursor: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem[class*="-icon-only"] {
+	width: 37px;
+	padding: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem[class*="-icon-only"] .v-icon {
+	margin: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem-checked {
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	background-color: #ededed;
+	background-image: -webkit-linear-gradient(bottom, #ededed 2%, #e9e9e9 98%);
+	background-image: linear-gradient(to top,#ededed 2%, #e9e9e9 98%);
+	color: #181818;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-disabled > .v-menubar-menuitem, .org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem-disabled {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-disabled > .v-menubar-menuitem:before, .org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem-disabled:before {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-menuitem-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem-selected {
+	color: #ecf2f8;
+	
+	
+	
+	border-radius: 0;
+	border: 1px solid #1362b1;
+	border-top-color: #156ab3;
+	border-bottom-color: #1156a8;
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	-webkit-box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca;
+	box-shadow: inset 0 1px 0 #4d98e6, inset 0 -1px 0 #166bca;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
+	border-top-width: 0;
+	border-left-width: 0;
+	border-bottom-width: 0;
+	z-index: 2;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar > .v-menubar-menuitem-selected:hover:before {
+	background: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar .v-menubar-submenu-indicator {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar .v-menubar-submenu-indicator  + .v-menubar-menuitem-caption:after {
+	font-family: ThemeIcons;
+	content: "\f078";
+	font-size: 0.7em;
+	vertical-align: 0.15em;
+	margin: 0 -0.2em 0 0.5em;
+	opacity: 0.5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar .v-menubar-submenu-indicator  + .v-menubar-menuitem-caption:empty:after {
+	margin-left: -0.2em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup {
+	padding: 4px 4px;
+	border-radius: 4px;
+	background-color: white;
+	color: #474747;
+	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility: hidden;
+	-ms-backface-visibility: hidden;
+	backface-visibility: hidden;
+	padding: 4px 4px;
+	margin: 5px 0 0 1px !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup[class*="animate-in"] {
+	-webkit-animation: valo-overlay-animate-in 120ms;
+	-moz-animation: valo-overlay-animate-in 120ms;
+	animation: valo-overlay-animate-in 120ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup[class*="animate-out"] {
+	-webkit-animation: valo-animate-out-fade 120ms;
+	-moz-animation: valo-animate-out-fade 120ms;
+	animation: valo-animate-out-fade 120ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup .v-menubar-submenu {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup .v-menubar-menuitem {
+	display: block;
+	cursor: pointer;
+	line-height: 27px;
+	padding: 0 20px 0 10px;
+	border-radius: 3px;
+	font-weight: 400;
+	white-space: nowrap;
+	position: relative;
+	padding-left: 32px;
+	padding-right: 37px;
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup .v-menubar-menuitem:active:before {
+	content: "";
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	background: #0957a6;
+	opacity: 0.15;
+	filter: alpha(opacity=15.0) ;
+	pointer-events: none;
+	border-radius: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup .v-menubar-menuitem .v-icon {
+	max-height: 27px;
+	margin-right: 5px;
+	min-width: 1em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup .v-menubar-submenu-indicator {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup .v-menubar-submenu-indicator  + .v-menubar-menuitem-caption:after {
+	position: absolute;
+	right: 10px;
+	font-family: ThemeIcons;
+	content: "\f054";
+	line-height: 29px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup .v-menubar-menuitem-selected {
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	color: #ecf2f8;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup .v-menubar-separator {
+	display: block;
+	margin: 4px 0;
+	height: 0;
+	overflow: hidden;
+	border-bottom: 1px solid #e4e4e4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup [class*="checked"] .v-menubar-menuitem-caption:before {
+	content: "\f00c";
+	font-family: ThemeIcons;
+	position: absolute;
+	left: 10px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup [class*="unchecked"] .v-menubar-menuitem-caption:before {
+	content: "";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-popup [class*="disabled"] {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-small {
+	height: 31px;
+	padding: 0 14px;
+	
+	font-weight: 400;
+	
+	cursor: default;
+	border-radius: 4px;
+	padding: 0;
+	text-align: left;
+	line-height: 29px;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-small:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-small  > .v-menubar-menuitem {
+	padding: 0 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-small  > .v-menubar-menuitem[class*="-icon-only"] {
+	width: 31px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless {
+	border: none;
+	border-radius: 0;
+	padding: 1px;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	text-shadow: none;
+	background: transparent;
+	color: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless:focus:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem {
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	border: none;
+	margin-right: 1px;
+	border-radius: 4px;
+	color: #197de1;
+	padding: 0 12px;
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem:first-child, .org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem:last-child, .org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem:first-child:last-child {
+	border-radius: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem:before {
+	content: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem:hover {
+	color: #4396ea;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem:active {
+	color: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem-checked, .org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem-checked:first-child {
+	border: 1px solid #c5c5c5;
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem-checked .v-menubar-menuitem-caption, .org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem-checked:first-child .v-menubar-menuitem-caption {
+	position: relative;
+	top: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem-selected {
+	color: #ecf2f8;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem-selected:hover {
+	color: #ecf2f8;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem-disabled, .org_osbee_vaadin_addons_designer_overlay .v-menubar-borderless .v-menubar-menuitem-disabled:hover {
+	color: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-radiobutton {
+	position: relative;
+	line-height: 19px;
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-radiobutton.v-has-width label {
+	white-space: normal;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton {
+	padding-left: 25px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton label {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	display: inline-block;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > input {
+	position: absolute;
+	clip: rect(0, 0, 0, 0);
+	left: 0.2em;
+	top: 0.2em;
+	z-index: 0;
+	margin: 0;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > input:focus ~ label:before {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > input ~ label:before, :root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > input ~ label:after {
+	content: "";
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 19px;
+	height: 19px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border-radius: 4px;
+	font-size: 13px;
+	text-align: center;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > input ~ label:before {
+	height: 18.5px;
+	padding: 0 9px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	padding: 0;
+	height: 19px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > input ~ label:after {
+	content: "\f00c";
+	font-family: ThemeIcons;
+	color: transparent;
+	-webkit-transition: color 100ms;
+	-moz-transition: color 100ms;
+	transition: color 100ms;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > input:active ~ label:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > input:checked ~ label:after {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-radiobutton > .v-icon, .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > label .v-icon {
+	margin: 0 6px 0 3px;
+	min-width: 1em;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-radiobutton.v-disabled  > label, .org_osbee_vaadin_addons_designer_overlay .v-radiobutton.v-disabled  > .v-icon {
+	cursor: default;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-radiobutton.v-disabled  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton.v-disabled > input:active ~ label:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-radiobutton.v-readonly  > label, .org_osbee_vaadin_addons_designer_overlay .v-radiobutton.v-readonly  > .v-icon {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-radiobutton.v-readonly  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton.v-readonly > input:active ~ label:after {
+	background: transparent;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton.v-readonly > input ~ label:after {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > input:checked ~ label:after {
+	width: 7px;
+	height: 7px;
+	top: 6px;
+	left: 6px;
+	background: #197de1;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > input ~ label:before, :root .org_osbee_vaadin_addons_designer_overlay .v-radiobutton > input ~ label:after {
+	border-radius: 50%;
+	content: "";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup .v-radiobutton, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup .v-checkbox {
+	display: block;
+	margin: 9px 16px 0 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup .v-radiobutton:first-child, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup .v-checkbox:first-child {
+	margin-top: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup .v-radiobutton:last-child, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup .v-checkbox:last-child {
+	margin-bottom: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup.v-has-width label {
+	white-space: normal;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small {
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox {
+	position: relative;
+	line-height: 16px;
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox.v-has-width label {
+	white-space: normal;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox {
+	padding-left: 21px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox label {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	display: inline-block;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox > input {
+	position: absolute;
+	clip: rect(0, 0, 0, 0);
+	left: 0.2em;
+	top: 0.2em;
+	z-index: 0;
+	margin: 0;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox > input:focus ~ label:before {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox > input ~ label:before, :root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox > input ~ label:after {
+	content: "";
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 16px;
+	height: 16px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border-radius: 4px;
+	font-size: 11px;
+	text-align: center;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox > input ~ label:before {
+	height: 15.5px;
+	padding: 0 7px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	padding: 0;
+	height: 16px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox > input ~ label:after {
+	content: "\f00c";
+	font-family: ThemeIcons;
+	color: transparent;
+	-webkit-transition: color 100ms;
+	-moz-transition: color 100ms;
+	transition: color 100ms;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox > input:active ~ label:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox > input:checked ~ label:after {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox > .v-icon, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox > label .v-icon {
+	margin: 0 5px 0 3px;
+	min-width: 1em;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox.v-disabled  > label, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox.v-disabled  > .v-icon {
+	cursor: default;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox.v-disabled  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox.v-disabled > input:active ~ label:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox.v-readonly  > label, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox.v-readonly  > .v-icon {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox.v-readonly  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox.v-readonly > input:active ~ label:after {
+	background: transparent;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox.v-readonly > input ~ label:after {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton {
+	position: relative;
+	line-height: 16px;
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton.v-has-width label {
+	white-space: normal;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton {
+	padding-left: 21px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton label {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	display: inline-block;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > input {
+	position: absolute;
+	clip: rect(0, 0, 0, 0);
+	left: 0.2em;
+	top: 0.2em;
+	z-index: 0;
+	margin: 0;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > input:focus ~ label:before {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
+	content: "";
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 16px;
+	height: 16px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border-radius: 4px;
+	font-size: 11px;
+	text-align: center;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > input ~ label:before {
+	height: 15.5px;
+	padding: 0 7px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	padding: 0;
+	height: 16px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
+	content: "\f00c";
+	font-family: ThemeIcons;
+	color: transparent;
+	-webkit-transition: color 100ms;
+	-moz-transition: color 100ms;
+	transition: color 100ms;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > input:active ~ label:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > .v-icon, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > label .v-icon {
+	margin: 0 5px 0 3px;
+	min-width: 1em;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton.v-disabled  > label, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton.v-disabled  > .v-icon {
+	cursor: default;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton.v-disabled  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton.v-disabled > input:active ~ label:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton.v-readonly  > label, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton.v-readonly  > .v-icon {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton.v-readonly  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton.v-readonly > input:active ~ label:after {
+	background: transparent;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton.v-readonly > input ~ label:after {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > input:checked ~ label:after {
+	width: 6px;
+	height: 6px;
+	top: 5px;
+	left: 5px;
+	background: #197de1;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > input ~ label:before, :root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton > input ~ label:after {
+	border-radius: 50%;
+	content: "";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox {
+	display: block;
+	margin: 8px 16px 0 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton:first-child, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox:first-child {
+	margin-top: 5px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-radiobutton:last-child, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small .v-checkbox:last-child {
+	margin-bottom: 5px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-small.v-has-width label {
+	white-space: normal;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large {
+	font-size: 20px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox {
+	position: relative;
+	line-height: 22px;
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox.v-has-width label {
+	white-space: normal;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox {
+	padding-left: 29px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox label {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	display: inline-block;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox > input {
+	position: absolute;
+	clip: rect(0, 0, 0, 0);
+	left: 0.2em;
+	top: 0.2em;
+	z-index: 0;
+	margin: 0;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox > input:focus ~ label:before {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox > input ~ label:before, :root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox > input ~ label:after {
+	content: "";
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 22px;
+	height: 22px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border-radius: 4px;
+	font-size: 15px;
+	text-align: center;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox > input ~ label:before {
+	height: 22px;
+	padding: 0 10px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	padding: 0;
+	height: 22px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox > input ~ label:after {
+	content: "\f00c";
+	font-family: ThemeIcons;
+	color: transparent;
+	-webkit-transition: color 100ms;
+	-moz-transition: color 100ms;
+	transition: color 100ms;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox > input:active ~ label:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox > input:checked ~ label:after {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox > .v-icon, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox > label .v-icon {
+	margin: 0 7px 0 4px;
+	min-width: 1em;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox.v-disabled  > label, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox.v-disabled  > .v-icon {
+	cursor: default;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox.v-disabled  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox.v-disabled > input:active ~ label:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox.v-readonly  > label, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox.v-readonly  > .v-icon {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox.v-readonly  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox.v-readonly > input:active ~ label:after {
+	background: transparent;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox.v-readonly > input ~ label:after {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton {
+	position: relative;
+	line-height: 22px;
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton.v-has-width label {
+	white-space: normal;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton {
+	padding-left: 29px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton label {
+	-webkit-tap-highlight-color: transparent;
+	-webkit-touch-callout: none;
+	cursor: pointer;
+	display: inline-block;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > input {
+	position: absolute;
+	clip: rect(0, 0, 0, 0);
+	left: 0.2em;
+	top: 0.2em;
+	z-index: 0;
+	margin: 0;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > input:focus ~ label:before {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5), inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
+	content: "";
+	display: inline-block;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 22px;
+	height: 22px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	border-radius: 4px;
+	font-size: 15px;
+	text-align: center;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > input ~ label:before {
+	height: 22px;
+	padding: 0 10px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	padding: 0;
+	height: 22px;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
+	content: "\f00c";
+	font-family: ThemeIcons;
+	color: transparent;
+	-webkit-transition: color 100ms;
+	-moz-transition: color 100ms;
+	transition: color 100ms;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > input:active ~ label:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > .v-icon, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > label .v-icon {
+	margin: 0 7px 0 4px;
+	min-width: 1em;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton.v-disabled  > label, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton.v-disabled  > .v-icon {
+	cursor: default;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton.v-disabled  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton.v-disabled > input:active ~ label:after {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton.v-readonly  > label, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton.v-readonly  > .v-icon {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton.v-readonly  > label > .v-icon {
+	cursor: default;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton.v-readonly > input:active ~ label:after {
+	background: transparent;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton.v-readonly > input ~ label:after {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > input:checked ~ label:after {
+	width: 8px;
+	height: 8px;
+	top: 7px;
+	left: 7px;
+	background: #197de1;
+}
+
+:root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > input ~ label:before, :root .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton > input ~ label:after {
+	border-radius: 50%;
+	content: "";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox {
+	display: block;
+	margin: 11px 16px 0 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton:first-child, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox:first-child {
+	margin-top: 7px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-radiobutton:last-child, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large .v-checkbox:last-child {
+	margin-bottom: 7px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-large.v-has-width label {
+	white-space: normal;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-horizontal {
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-horizontal .v-radiobutton, .org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-horizontal .v-checkbox {
+	display: inline-block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-horizontal.v-has-width {
+	white-space: normal;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-select-optiongroup-horizontal.v-has-width label {
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-link {
+	cursor: pointer;
+	color: #197de1;
+	text-decoration: underline;
+	font-weight: inherit;
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-link:hover {
+	color: #4396ea;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-link.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-link a {
+	cursor: inherit;
+	color: inherit;
+	text-decoration: inherit;
+	-webkit-transition: inherit;
+	-moz-transition: inherit;
+	transition: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-link .v-icon {
+	cursor: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-link-small {
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-link-large {
+	font-size: 20px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window {
+	padding: 4px 4px;
+	border-radius: 4px;
+	background-color: white;
+	color: #474747;
+	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 3px 5px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	-webkit-backface-visibility: hidden;
+	-moz-backface-visibility: hidden;
+	-ms-backface-visibility: hidden;
+	backface-visibility: hidden;
+	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 16px 80px -6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 16px 80px -6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.09098);
+	padding: 0;
+	min-width: 148px !important;
+	min-height: 37px !important;
+	white-space: nowrap;
+	overflow: hidden !important;
+	-webkit-transition: width 200ms, height 200ms, top 200ms, left 200ms;
+	-moz-transition: width 200ms, height 200ms, top 200ms, left 200ms;
+	transition: width 200ms, height 200ms, top 200ms, left 200ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window[class*="animate-in"] {
+	-webkit-animation: valo-animate-in-fade 140ms;
+	-moz-animation: valo-animate-in-fade 140ms;
+	animation: valo-animate-in-fade 140ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window[class*="animate-out"] {
+	-webkit-animation: valo-animate-out-scale-down-fade 100ms;
+	-moz-animation: valo-animate-out-scale-down-fade 100ms;
+	animation: valo-animate-out-scale-down-fade 100ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window.v-window-animate-in {
+	-webkit-transition: none;
+	-moz-transition: none;
+	transition: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-modalitycurtain {
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	background-color: #222;
+	background-image: -webkit-radial-gradient(50% 50%, circle, #222, #0e0e0e);
+	background-image: radial-gradient(  circle at 50% 50%, #222, #0e0e0e);
+	opacity: 0.72;
+	filter: alpha(opacity=72) ;
+	-webkit-animation: valo-animate-in-fade 400ms 100ms backwards;
+	-moz-animation: valo-animate-in-fade 400ms 100ms backwards;
+	animation: valo-animate-in-fade 400ms 100ms backwards;
+}
+
+.v-op12 .org_osbee_vaadin_addons_designer_overlay .v-window-modalitycurtain {
+	-webkit-animation: none;
+	-moz-animation: none;
+	animation: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-draggingCurtain {
+	position: fixed !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-resizingCurtain + .v-window, .org_osbee_vaadin_addons_designer_overlay .v-window-draggingCurtain + .v-window {
+	-webkit-transition: none;
+	-moz-transition: none;
+	transition: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-outerheader {
+	cursor: move;
+	position: absolute;
+	z-index: 2;
+	top: 0;
+	left: 0;
+	right: 0;
+	-webkit-transform: translatez(0);
+	-moz-transform: translatez(0);
+	-ms-transform: translatez(0);
+	-o-transform: translatez(0);
+	transform: translatez(0);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-outerheader:after {
+	content: "";
+	position: absolute;
+	bottom: -1px;
+	right: 0;
+	left: 0;
+	height: 0;
+	border-top: 1px solid #dfdfdf;
+	border-color: rgba(197, 197, 197, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-header {
+	line-height: 36px;
+	padding-left: 12px;
+	margin-right: 74px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	color: #7e7e7e;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-restorebox-disabled  ~ .v-window-closebox ~ .v-window-header, .org_osbee_vaadin_addons_designer_overlay .v-window-maximizebox-disabled  ~ .v-window-closebox ~ .v-window-header {
+	margin-right: 37px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-restorebox-disabled  ~ .v-window-closebox-disabled ~ .v-window-header, .org_osbee_vaadin_addons_designer_overlay .v-window-maximizebox-disabled  ~ .v-window-closebox-disabled ~ .v-window-header {
+	margin-right: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-closebox, .org_osbee_vaadin_addons_designer_overlay .v-window-maximizebox, .org_osbee_vaadin_addons_designer_overlay .v-window-restorebox {
+	position: absolute;
+	z-index: 3;
+	top: 0;
+	right: 0;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	width: 33px;
+	height: 36px;
+	background-color: white;
+	line-height: 34px;
+	text-align: center;
+	cursor: pointer;
+	font-size: 21px;
+	color: #999999;
+	-webkit-transition: color 140ms;
+	-moz-transition: color 140ms;
+	transition: color 140ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-closebox:focus, .org_osbee_vaadin_addons_designer_overlay .v-window-maximizebox:focus, .org_osbee_vaadin_addons_designer_overlay .v-window-restorebox:focus {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-closebox:hover, .org_osbee_vaadin_addons_designer_overlay .v-window-maximizebox:hover, .org_osbee_vaadin_addons_designer_overlay .v-window-restorebox:hover {
+	opacity: 1;
+	filter: none ;
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-closebox:active, .org_osbee_vaadin_addons_designer_overlay .v-window-maximizebox:active, .org_osbee_vaadin_addons_designer_overlay .v-window-restorebox:active {
+	color: inherit;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-closebox {
+	padding-right: 4px;
+	border-radius: 0 4px 0 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-closebox:before {
+	content: "\00d7";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-maximizebox, .org_osbee_vaadin_addons_designer_overlay .v-window-restorebox {
+	right: 33px;
+	padding-left: 4px;
+	border-radius: 0 0 0 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-maximizebox  + .v-window-closebox, .org_osbee_vaadin_addons_designer_overlay .v-window-restorebox  + .v-window-closebox {
+	border-bottom-left-radius: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-closebox-disabled, .org_osbee_vaadin_addons_designer_overlay .v-window-resizebox-disabled, .org_osbee_vaadin_addons_designer_overlay .v-window-restorebox-disabled, .org_osbee_vaadin_addons_designer_overlay .v-window-maximizebox-disabled {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-closebox-disabled  + .v-window-closebox, .org_osbee_vaadin_addons_designer_overlay .v-window-resizebox-disabled  + .v-window-closebox, .org_osbee_vaadin_addons_designer_overlay .v-window-restorebox-disabled  + .v-window-closebox, .org_osbee_vaadin_addons_designer_overlay .v-window-maximizebox-disabled  + .v-window-closebox {
+	width: 37px;
+	padding-right: 0;
+	border-bottom-left-radius: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-maximizebox:before {
+	content: "+";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-restorebox:before {
+	content: "\2013";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window > .popupContent, .org_osbee_vaadin_addons_designer_overlay .v-window-wrap, .org_osbee_vaadin_addons_designer_overlay .v-window-contents, .org_osbee_vaadin_addons_designer_overlay .v-window-contents > .v-scrollable {
+	height: 100%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	border-radius: 4px;
+	margin-top: 0 !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-margin-top {
+	padding-top: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-margin-right {
+	padding-right: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-margin-bottom {
+	padding-bottom: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-margin-left {
+	padding-left: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-top"] > tbody > [class*="firstrow"] > td {
+	padding-top: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-bottom"] > tbody > [class*="lastrow"] > td {
+	padding-bottom: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="captioncell"] {
+	padding-left: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h2, .org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-left"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
+	left: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"] {
+	padding-right: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h2, .org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h3, .org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable  > .v-formlayout [class*="margin-right"] > tbody > [class*="row"] > [class*="contentcell"]  > .v-label-h4 {
+	right: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable:focus {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable:before {
+	content: "";
+	position: absolute;
+	z-index: 2;
+	top: 0;
+	height: 0;
+	border-top: 1px solid white;
+	left: 0;
+	right: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable .v-panel-captionwrap:after {
+	border-color: #dfdfdf;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-contents  > .v-scrollable .v-panel-content:before {
+	border-color: white;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-footer {
+	height: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-resizebox {
+	position: absolute;
+	z-index: 1000;
+	right: 0;
+	bottom: 0;
+	width: 19px;
+	height: 19px;
+	cursor: nwse-resize;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-window-resizebox {
+	background: #000;
+	filter: alpha(opacity=0.1);
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-window-resizebox, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-window-resizebox {
+	cursor: se-resize;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-modalitycurtain:active  ~ .v-window {
+	-webkit-animation: none;
+	-moz-animation: none;
+	animation: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-top-toolbar  > .v-widget, .org_osbee_vaadin_addons_designer_overlay .v-window-bottom-toolbar  > .v-widget {
+	vertical-align: top;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-top-toolbar .v-label, .org_osbee_vaadin_addons_designer_overlay .v-window-bottom-toolbar .v-label {
+	line-height: 36px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-top-toolbar .v-spacing, .org_osbee_vaadin_addons_designer_overlay .v-window-bottom-toolbar .v-spacing {
+	width: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-top-toolbar.v-layout {
+	padding: 7px 12px;
+	position: relative;
+	z-index: 2;
+	border-top: 1px solid #dfdfdf;
+	border-bottom: 1px solid #dfdfdf;
+	background-color: #fafafa;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-top-toolbar.v-menubar {
+	margin: 12px 12px 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-top-toolbar.v-menubar-borderless {
+	padding-left: 6px;
+	padding-right: 6px;
+	margin: 5px 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-window-bottom-toolbar.v-layout {
+	padding: 7px 12px;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #f0f0f0 0, #fafafa 4px);
+	background-image: linear-gradient(to bottom,#f0f0f0 0, #fafafa 4px);
+	border-top: 1px solid #dfdfdf;
+	border-radius: 0 0 4px 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-layout {
+	-webkit-box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	box-sizing: content-box;
+	margin: -12px -12px 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar {
+	margin: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-margin-left.v-margin-right.v-margin-top .v-window-top-toolbar.v-menubar-borderless {
+	margin: -6px -6px 0;
+	padding: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-margin-left.v-margin-right.v-margin-bottom .v-window-bottom-toolbar.v-layout {
+	-webkit-box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	box-sizing: content-box;
+	margin: 0 -12px -12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree {
+	position: relative;
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree:focus {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node:before {
+	content: "";
+	position: absolute;
+	display: inline-block;
+	z-index: 3;
+	width: 1.9em;
+	height: 28px;
+	cursor: pointer;
+	background: red;
+	opacity: 0;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node:before {
+	position: static;
+	margin-left: -1.9em;
+	vertical-align: top;
+	content: "\f0da";
+	font-family: ThemeIcons;
+	text-align: center;
+	background: transparent;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node {
+	padding-left: 1.9em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption {
+	height: 28px;
+	line-height: 27px;
+	overflow: hidden;
+	white-space: nowrap;
+	vertical-align: top;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption > div {
+	display: inline-block;
+	width: 100%;
+	position: relative;
+	z-index: 2;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption > div:before {
+	content: "\f0da";
+	font-family: ThemeIcons;
+	display: inline-block;
+	width: 0.5em;
+	text-align: center;
+	margin: 0 0.6em 0 0.8em;
+	-webkit-transition: all 100ms;
+	-moz-transition: all 100ms;
+	transition: all 100ms;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption > div:before {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption span {
+	padding-right: 28px;
+	cursor: pointer;
+	display: inline-block;
+	width: 100%;
+}
+
+.v-ie .org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption span {
+	width: auto;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption .v-icon {
+	padding-right: 0;
+	width: auto;
+	min-width: 1em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption:after {
+	content: "";
+	display: block;
+	vertical-align: top;
+	position: absolute;
+	z-index: 1;
+	left: 0;
+	margin-top: -28px;
+	width: 100%;
+	height: 28px;
+	border-radius: 4px;
+	opacity: 0;
+	-webkit-transition: opacity 120ms;
+	-moz-transition: opacity 120ms;
+	transition: opacity 120ms;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption:after {
+	content: none;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption {
+	display: inline-block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-expanded > .v-tree-node-caption > div:before {
+	-webkit-transform: rotate(90deg);
+	-moz-transform: rotate(90deg);
+	-ms-transform: rotate(90deg);
+	-o-transform: rotate(90deg);
+	transform: rotate(90deg);
+	content: "\f0da";
+	font-family: ThemeIcons;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node-expanded:before {
+	content: "\f0d7";
+	font-family: ThemeIcons;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-leaf:before, .org_osbee_vaadin_addons_designer_overlay .v-tree-node-leaf > .v-tree-node-caption > div:before {
+	visibility: hidden;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-focused:after {
+	opacity: 1;
+	border: 1px solid #197de1;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node-focused {
+	outline: 1px dotted #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-selected {
+	color: #ecf2f8;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-selected:after {
+	opacity: 1;
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	border: none;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node-selected {
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-children {
+	padding-left: 19px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node-children {
+	padding-left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-drag-top:before, .org_osbee_vaadin_addons_designer_overlay .v-tree-node-drag-bottom:after, .org_osbee_vaadin_addons_designer_overlay .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded > .v-tree-node-children:before {
+	content: "\2022";
+	display: block;
+	position: absolute;
+	height: 2px;
+	width: 100%;
+	background: #197de1;
+	font-size: 32px;
+	line-height: 2px;
+	color: #197de1;
+	text-indent: -4px;
+	text-shadow: 0 0 1px #fafafa, 0 0 1px #fafafa;
+	opacity: 1;
+	visibility: visible;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-drag-bottom.v-tree-node-dragfolder.v-tree-node-expanded:after {
+	content: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption-drag-center {
+	-webkit-box-shadow: 0 0 0 2px #197de1;
+	box-shadow: 0 0 0 2px #197de1;
+	position: relative;
+	border-radius: 4px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node-caption-drag-center {
+	outline: 2px solid #197de1;
+}
+
+.v-ff .org_osbee_vaadin_addons_designer_overlay .v-tree-node-drag-top:before, .v-ff .org_osbee_vaadin_addons_designer_overlay .v-tree-node-drag-bottom:after {
+	line-height: 1px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node-drag-top:before, .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tree-node-drag-bottom:after {
+	line-height: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table {
+	position: relative;
+	background: #fafafa;
+	color: #464646;
+	overflow: hidden;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-header table, .org_osbee_vaadin_addons_designer_overlay .v-table-footer table, .org_osbee_vaadin_addons_designer_overlay .v-table-table {
+	-webkit-box-shadow: 0 0 0 1px #d4d4d4;
+	box-shadow: 0 0 0 1px #d4d4d4;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-table-header table, .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-table-footer table, .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-table-table {
+	outline: 1px solid #d4d4d4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-header-wrap, .org_osbee_vaadin_addons_designer_overlay .v-table-footer-wrap, .org_osbee_vaadin_addons_designer_overlay .v-table-header-drag {
+	border: 1px solid #d4d4d4;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	white-space: nowrap;
+	font-size: 14px;
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-header-wrap {
+	position: relative;
+	border-bottom: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-footer-wrap {
+	border-top: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-footer td {
+	border-left: 1px solid #d4d4d4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-footer-container, .org_osbee_vaadin_addons_designer_overlay .v-table-caption-container {
+	overflow: hidden;
+	line-height: 1;
+	min-height: 37px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-table-footer-container, .v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-table-caption-container {
+	min-height: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-footer-container {
+	padding: 11px 12px 12px;
+	float: right;
+}
+
+.org_osbee_vaadin_addons_designer_overlay [class^="v-table-header-cell"] {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-caption-container, .org_osbee_vaadin_addons_designer_overlay .v-table-header-drag {
+	padding: 12px 12px 11px;
+	border-left: 1px solid #d4d4d4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-caption-container-align-right {
+	padding-right: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-resizer {
+	height: 37px;
+	width: 8px;
+	cursor: e-resize;
+	cursor: col-resize;
+	position: relative;
+	right: -4px;
+	z-index: 1;
+	margin-left: -8px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-cell-content {
+	border-left: 1px solid #d4d4d4;
+	overflow: hidden;
+	height: 37px;
+	vertical-align: middle;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-cell-content:first-child {
+	border-left: none;
+	padding-left: 1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-header td:first-child .v-table-caption-container, .org_osbee_vaadin_addons_designer_overlay .v-table-footer td:first-child {
+	border-left-color: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-cell-wrapper {
+	line-height: 1;
+	padding: 0 12px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	margin-right: 0 !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-cell-wrapper  > .v-widget {
+	margin: 3px -6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-cell-wrapper  > .v-widget.v-label, .org_osbee_vaadin_addons_designer_overlay .v-table-cell-wrapper  > .v-widget.v-checkbox, .org_osbee_vaadin_addons_designer_overlay .v-table-cell-wrapper  > .v-widget.v-select-optiongroup {
+	margin: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-cell-wrapper  > .v-widget.v-progressbar {
+	margin-left: 0;
+	margin-right: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-body {
+	border: 1px solid #d4d4d4;
+	-webkit-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	user-select: text;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-table {
+	background-color: white;
+	white-space: nowrap;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-table td {
+	border-top: 1px solid #d4d4d4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-table tr:first-child > td {
+	border-top: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-row {
+	background-color: white;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-row-odd {
+	background-color: #f5f5f5;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-body-noselection .v-table-row, .org_osbee_vaadin_addons_designer_overlay .v-table-body-noselection .v-table-row-odd {
+	cursor: default;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table [class*="-row"].v-selected {
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	background-origin: border-box;
+	color: #ecf2f8;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table [class*="-row"].v-selected  + .v-selected {
+	background: #166ed5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table [class*="-row"].v-selected  + .v-selected td {
+	border-top-color: #166ed5;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table [class*="-row"].v-selected .v-table-cell-content {
+	border-color: transparent;
+	border-left-color: #1d69b4;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table [class*="-row"].v-selected .v-table-cell-content:first-child {
+	border-left-color: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-header-cell-asc .v-table-sort-indicator, .org_osbee_vaadin_addons_designer_overlay .v-table-header-cell-desc .v-table-sort-indicator {
+	background: transparent;
+	width: 19px;
+	height: 37px;
+	line-height: 37px;
+	margin-left: -19px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-header-cell-asc .v-table-sort-indicator:before, .org_osbee_vaadin_addons_designer_overlay .v-table-header-cell-desc .v-table-sort-indicator:before {
+	font-style: normal;
+	font-weight: normal;
+	display: inline-block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-header-cell-asc .v-table-sort-indicator:before {
+	content: "\f0de";
+	font-family: ThemeIcons;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-header-cell-desc .v-table-sort-indicator:before {
+	content: "\f0dd";
+	font-family: ThemeIcons;
+}
+
+.org_osbee_vaadin_addons_designer_overlay [class*="rowheader"] span.v-icon {
+	min-width: 1em;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-focus {
+	outline: 1px solid #197de1;
+	outline-offset: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-drag-element.v-table-focus, .org_osbee_vaadin_addons_designer_overlay .v-drag-element .v-table-focus {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-header-drag {
+	position: absolute;
+	opacity: 0.9;
+	filter: alpha(opacity=90) ;
+	margin-top: -19px;
+	z-index: 30000;
+	line-height: 1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-focus-slot-right {
+	border-right: 3px solid #197de1;
+	right: -2px;
+	margin-left: -11px !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-focus-slot-left {
+	float: left;
+	border-left: 3px solid #197de1;
+	left: -1px;
+	right: auto;
+	margin-left: 0 !important;
+	margin-right: -11px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-column-selector {
+	height: 37px;
+	padding: 0 16px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	position: absolute;
+	z-index: 2;
+	top: 0;
+	right: 0;
+	width: 19px;
+	height: 19px;
+	line-height: 19px;
+	padding: 0;
+	border-top-width: 0;
+	border-right-width: 0;
+	border-radius: 0 0 0 4px;
+	cursor: pointer;
+	text-align: center;
+	opacity: 0;
+	filter: alpha(opacity=0) ;
+	-webkit-transition: opacity 200ms 2s;
+	-moz-transition: opacity 200ms 2s;
+	transition: opacity 200ms 2s;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-column-selector:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-column-selector:hover:after {
+	background-color: rgba(186, 186, 186, 0.1);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-column-selector:focus:after {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-column-selector:active:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-column-selector:after {
+	content: "";
+	position: absolute;
+	border: none;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-column-selector:active:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-column-selector:before {
+	font-family: ThemeIcons;
+	content: "\f013";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-header-wrap:hover .v-table-column-selector {
+	opacity: 1;
+	filter: none ;
+	-webkit-transition-delay: 200ms;
+	-moz-transition-delay: 200ms;
+	transition-delay: 200ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-on:before, .org_osbee_vaadin_addons_designer_overlay .v-off:before {
+	content: "\f00c";
+	font-family: ThemeIcons;
+	font-size: 0.9em;
+	margin-right: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-on div, .org_osbee_vaadin_addons_designer_overlay .v-off div {
+	display: inline;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-off:before {
+	visibility: hidden;
+}
+
+.org_osbee_vaadin_addons_designer_overlay tbody.v-drag-element {
+	display: block;
+	overflow: visible;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	background: transparent;
+	opacity: 1;
+	filter: none ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay tbody.v-drag-element tr {
+	display: block;
+	
+	
+	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+	border-radius: 4px;
+	overflow: hidden;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+	background: white;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-body {
+	position: relative;
+	z-index: 1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-scrollposition {
+	position: absolute;
+	top: 50%;
+	width: 100%;
+	height: 37px;
+	line-height: 37px;
+	margin: -19px 0 0 !important;
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-drag {
+	overflow: visible;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-drag .v-table-body {
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	border-color: #197de1;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-table-drag .v-table-body {
+	border-color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-drag .v-table-body .v-table-focus {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-row-drag-middle .v-table-cell-content {
+	background-color: #d1e5f9;
+	color: #214060;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-row-drag-bottom td.v-table-cell-content {
+	border-bottom: 2px solid #197de1;
+	height: 35px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-row-drag-bottom .v-table-cell-wrapper {
+	margin-bottom: -2px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-row-drag-top td.v-table-cell-content {
+	border-top: 2px solid #197de1;
+	height: 36px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-row-drag-top .v-table-cell-wrapper {
+	margin-top: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-no-stripes .v-table-row, .org_osbee_vaadin_addons_designer_overlay .v-table-no-stripes .v-table-row-odd {
+	background: transparent;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-no-vertical-lines .v-table-cell-content {
+	border-left: none;
+	padding-left: 1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-no-vertical-lines.v-treetable .v-table-cell-content {
+	padding-left: 13px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-no-horizontal-lines .v-table-cell-content {
+	border-top: none;
+	border-bottom: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-no-horizontal-lines .v-table-row-drag-top .v-table-cell-content, .org_osbee_vaadin_addons_designer_overlay .v-table-no-horizontal-lines .v-table-row-drag-bottom .v-table-cell-content {
+	height: 36px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-no-header .v-table-header-wrap {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-borderless .v-table-header-wrap, .org_osbee_vaadin_addons_designer_overlay .v-table-borderless .v-table-footer-wrap, .org_osbee_vaadin_addons_designer_overlay .v-table-borderless .v-table-header-drag, .org_osbee_vaadin_addons_designer_overlay .v-table-borderless .v-table-body {
+	border: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-borderless .v-table-header-wrap {
+	border-bottom: 1px solid #d9d9d9;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-borderless .v-table-footer-wrap {
+	border-top: 1px solid #d9d9d9;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-header-wrap, .org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-footer-wrap, .org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-header-drag, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-header-wrap, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-footer-wrap, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-header-drag {
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-footer-container, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-footer-container {
+	padding: 8px 7px 9px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-caption-container, .org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-header-drag, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-caption-container, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-header-drag {
+	padding-top: 9px;
+	padding-bottom: 8px;
+	padding-left: 6px;
+	padding-right: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-caption-container-align-right, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-caption-container-align-right {
+	padding-right: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-resizer, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-resizer {
+	height: 31px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-cell-content, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-cell-content {
+	height: 31px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-cell-wrapper, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-cell-wrapper {
+	padding-left: 6px;
+	padding-right: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-cell-wrapper  > .v-widget, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-cell-wrapper  > .v-widget {
+	margin: 2px -3px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-cell-wrapper  > .v-widget.v-label, .org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-cell-wrapper  > .v-widget.v-checkbox, .org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-cell-wrapper  > .v-widget.v-select-optiongroup, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-cell-wrapper  > .v-widget.v-label, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-cell-wrapper  > .v-widget.v-checkbox, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-cell-wrapper  > .v-widget.v-select-optiongroup {
+	margin: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-cell-wrapper  > .v-widget.v-progressbar, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-cell-wrapper  > .v-widget.v-progressbar {
+	margin-left: 0;
+	margin-right: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-header-cell-asc .v-table-sort-indicator, .org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-header-cell-desc .v-table-sort-indicator, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-header-cell-asc .v-table-sort-indicator, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-header-cell-desc .v-table-sort-indicator {
+	height: 31px;
+	line-height: 31px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-header-drag, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-header-drag {
+	margin-top: -16px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact.v-treetable .v-table-cell-wrapper, .org_osbee_vaadin_addons_designer_overlay .v-table-small.v-treetable .v-table-cell-wrapper {
+	padding-left: 0;
+	padding-right: 0;
+	min-height: 16px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact.v-treetable .v-table-cell-content, .org_osbee_vaadin_addons_designer_overlay .v-table-small.v-treetable .v-table-cell-content {
+	padding-left: 6px;
+	padding-right: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact.v-treetable .v-table-cell-content:first-child, .org_osbee_vaadin_addons_designer_overlay .v-table-small.v-treetable .v-table-cell-content:first-child {
+	padding-left: 7px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact.v-treetable .v-table-footer-container, .org_osbee_vaadin_addons_designer_overlay .v-table-small.v-treetable .v-table-footer-container {
+	padding-left: 6px;
+	padding-right: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-row-drag-top .v-table-cell-content, .org_osbee_vaadin_addons_designer_overlay .v-table-compact .v-table-row-drag-bottom .v-table-cell-content, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-row-drag-top .v-table-cell-content, .org_osbee_vaadin_addons_designer_overlay .v-table-small .v-table-row-drag-bottom .v-table-cell-content {
+	height: 30px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-small {
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-table-small.v-treetable .v-table-cell-wrapper {
+	min-height: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-treetable [class*="caption-container"], .org_osbee_vaadin_addons_designer_overlay .v-treetable [class*="footer-container"], .org_osbee_vaadin_addons_designer_overlay .v-treetable [class*="cell-wrapper"] {
+	-webkit-box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	box-sizing: content-box;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-treetable [class*="caption-container"], .org_osbee_vaadin_addons_designer_overlay .v-treetable [class*="footer-container"] {
+	min-height: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-treetable [class*="cell-wrapper"] {
+	min-height: 16px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-treetable [class*="caption-container"] {
+	padding-left: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-treetable [class*="caption-container-align-right"] {
+	padding-left: 20px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-treetable [class*="footer-container"] {
+	padding-right: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-treetable [class*="cell-content"] {
+	padding-left: 12px;
+	padding-right: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-treetable [class*="cell-content"]:first-child {
+	padding-left: 13px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-treetable-treespacer {
+	display: inline-block;
+	position: absolute;
+	width: 19px !important;
+	margin-left: -25px;
+	text-align: center;
+	cursor: pointer;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-treetable-node-closed:before {
+	content: "\f0da";
+	font-family: ThemeIcons;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-treetable-node-open:before {
+	content: "\f0d7";
+	font-family: ThemeIcons;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter {
+	width: 1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter:after {
+	left: -6px;
+	right: -6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before {
+	height: 37px;
+	padding: 0 16px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	height: auto;
+	padding: 0;
+	border-radius: 0;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:hover:after {
+	background-color: rgba(186, 186, 186, 0.1);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:focus:after {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal  > div > .v-splitpanel-hsplitter div:before:active:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal  > div > .v-splitpanel-second-container {
+	margin-left: 1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter {
+	height: 1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter:after {
+	top: -6px;
+	bottom: -6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before {
+	height: 37px;
+	padding: 0 16px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	height: auto;
+	padding: 0;
+	border-radius: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:hover:after {
+	background-color: rgba(186, 186, 186, 0.1);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:focus:after {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical  > div > .v-splitpanel-vsplitter div:before:active:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter {
+	width: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter:after {
+	left: 0px;
+	right: 0px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before {
+	height: 37px;
+	padding: 0 16px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	height: auto;
+	padding: 0;
+	border-radius: 0;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(left, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to right,#fafafa 2%, #efefef 98%);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:hover:after {
+	background-color: rgba(186, 186, 186, 0.1);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:focus:after {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:before:active:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal.large  > div > .v-splitpanel-hsplitter div:after {
+	content: "";
+	border: 1px solid #dadada;
+	border-top-color: #bababa;
+	border-left-color: #bababa;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	width: 0;
+	height: 37px;
+	margin-left: -1px;
+	margin-top: -19px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-horizontal.large  > div > .v-splitpanel-second-container {
+	margin-left: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter {
+	height: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter:after {
+	top: 0px;
+	bottom: 0px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before {
+	height: 37px;
+	padding: 0 16px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, none;
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+	height: auto;
+	padding: 0;
+	border-radius: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:hover:after {
+	background-color: rgba(186, 186, 186, 0.1);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:focus:after {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:before:active:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-splitpanel-vertical.large  > div > .v-splitpanel-vsplitter div:after {
+	content: "";
+	border: 1px solid #dadada;
+	border-top-color: #bababa;
+	border-left-color: #bababa;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	width: 37px;
+	height: 0;
+	margin-left: -19px;
+	margin-top: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-progressbar-wrapper {
+	border-radius: 4px;
+	height: 9px;
+	background-color: #d4d4d4;
+	background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%);
+	background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%);
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	min-width: 74px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-progressbar-indicator {
+	border-radius: 4px;
+	height: inherit;
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	
+	
+	border: 1px solid #1362b1;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	max-width: 100%;
+	min-width: 8px;
+	-webkit-transition: width 160ms;
+	-moz-transition: width 160ms;
+	transition: width 160ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-progressbar-point .v-progressbar-indicator {
+	background: transparent;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	border: none;
+	text-align: right;
+	overflow: hidden;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-progressbar-point .v-progressbar-indicator:before {
+	content: "";
+	display: inline-block;
+	border-radius: 4px;
+	height: inherit;
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	
+	
+	border: 1px solid #1362b1;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	max-width: 100%;
+	width: 9px;
+	vertical-align: top;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-progressbar-indeterminate {
+	height: 24px !important;
+	width: 24px !important;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	border: 2px solid rgba(25, 125, 225, 0.2);
+	border-top-color: #197de1;
+	border-right-color: #197de1;
+	border-radius: 100%;
+	-webkit-animation: v-rotate-360 500ms infinite linear;
+	-moz-animation: v-rotate-360 500ms infinite linear;
+	animation: v-rotate-360 500ms infinite linear;
+	pointer-events: none;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-progressbar-indeterminate, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-progressbar-indeterminate {
+	border: none;
+	border-radius: 4px;
+	background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
+	background-size: 80%;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-progressbar-indeterminate {
+	min-width: 30px;
+	min-height: 30px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-progressbar-indeterminate .v-progressbar-wrapper {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider:focus {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider:focus .v-slider-handle:after {
+	opacity: 1;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-slider:focus .v-slider-handle:after {
+	visibility: visible;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-base {
+	border-radius: 4px;
+	height: 9px;
+	background-color: #d4d4d4;
+	background-image: -webkit-linear-gradient(bottom, #d7d7d7 2%, #c7c7c7 98%);
+	background-image: linear-gradient(to top,#d7d7d7 2%, #c7c7c7 98%);
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	min-width: 74px;
+	height: 6px;
+	margin: 16px 11px;
+	white-space: nowrap;
+	overflow: hidden;
+	
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-base:before {
+	content: "";
+	position: absolute;
+	top: 16px;
+	bottom: 16px;
+	left: 11px;
+	width: 8px;
+	border-radius: 4px;
+	border-left: 1px solid #1362b1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-base:after {
+	border-radius: 4px;
+	height: inherit;
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(top, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to bottom,#1b87e3 2%, #166ed5 98%);
+	
+	
+	border: 1px solid #1362b1;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	max-width: 100%;
+	content: "";
+	display: inline-block;
+	margin-left: -100%;
+	width: 100%;
+	vertical-align: top;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-slider-base:after {
+	position: relative;
+	left: -11px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-has-width > .v-slider-base {
+	min-width: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-handle {
+	margin-top: -16px;
+	width: 0.1px;
+	display: inline-block;
+	vertical-align: top;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-handle:before {
+	height: 37px;
+	padding: 0 16px;
+	color: #191919;
+	font-weight: 400;
+	
+	
+	border-radius: 4px;
+	border: 1px solid #c5c5c5;
+	border-top-color: #c5c5c5;
+	border-bottom-color: #bcbcbc;
+	background-color: #fafafa;
+	background-image: -webkit-linear-gradient(top, #fafafa 2%, #efefef 98%);
+	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
+	-webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-handle:before:after {
+	border: inherit;
+	top: -1px;
+	right: -1px;
+	bottom: -1px;
+	left: -1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-handle:before:hover:after {
+	background-color: rgba(186, 186, 186, 0.1);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-handle:before:focus:after {
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-handle:before:active:after {
+	background-color: rgba(125, 125, 125, 0.2);
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-handle:after {
+	border: 1px solid #c5c5c5;
+	border-color: #197de1;
+	-webkit-box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	box-shadow: 0 0 0 2px rgba(25, 125, 225, 0.5);
+	opacity: 0;
+	-webkit-transition: opacity 200ms;
+	-moz-transition: opacity 200ms;
+	transition: opacity 200ms;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-slider-handle:after {
+	visibility: hidden;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-handle:before, .org_osbee_vaadin_addons_designer_overlay .v-slider-handle:after {
+	content: "";
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	padding: 0;
+	width: 22px;
+	height: 22px;
+	border-radius: 11px;
+	position: absolute;
+	z-index: 1;
+	margin-top: 8px;
+	margin-left: -11px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-feedback {
+	background-color: #323232;
+	background-color: rgba(50, 50, 50, 0.9);
+	-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+	color: white;
+	padding: 5px 9px;
+	border-radius: 3px;
+	max-width: 35em;
+	overflow: hidden !important;
+	font-size: 14px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-vertical {
+	padding: 11px 0;
+	height: 96px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-vertical .v-slider-base {
+	background-color: #d4d4d4;
+	background-image: -webkit-linear-gradient(right, #d7d7d7 2%, #c7c7c7 98%);
+	background-image: linear-gradient(to left,#d7d7d7 2%, #c7c7c7 98%);
+	width: 6px;
+	height: 100% !important;
+	min-width: 0;
+	margin: 0 16px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-vertical .v-slider-base:before {
+	top: auto;
+	bottom: 11px;
+	left: 16px;
+	right: 16px;
+	width: auto;
+	height: 8px;
+	border-left: none;
+	border-bottom: 1px solid #1362b1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-vertical .v-slider-base:after {
+	height: 101%;
+	margin-left: 0;
+	background-color: #197de1;
+	background-image: -webkit-linear-gradient(left, #1b87e3 2%, #166ed5 98%);
+	background-image: linear-gradient(to right,#1b87e3 2%, #166ed5 98%);
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-slider-vertical .v-slider-base:after {
+	top: 11px;
+	left: 0;
+	height: 130%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-vertical .v-slider-handle {
+	width: 0;
+	height: 0.1px;
+	width: 37px;
+	display: block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-vertical .v-slider-handle:before, .org_osbee_vaadin_addons_designer_overlay .v-slider-vertical .v-slider-handle:after {
+	width: 22px;
+	height: 22px;
+	margin-top: -11px;
+	margin-left: -8px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-slider-no-indicator .v-slider-base:before, .org_osbee_vaadin_addons_designer_overlay .v-slider-no-indicator .v-slider-base:after {
+	display: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet:not(.v-has-width) {
+	width: auto !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-spacertd {
+	display: none !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabcontainer {
+	position: relative;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabcontainer:before {
+	content: "";
+	position: absolute;
+	height: 0;
+	border-top: 1px solid #dfdfdf;
+	bottom: 0;
+	left: 0;
+	right: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabcontainer .v-tabsheet-tabs {
+	position: relative;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell {
+	vertical-align: bottom;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell .v-tabsheet-tabitem {
+	line-height: 0;
+	overflow: hidden;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell .v-caption {
+	margin-left: 19px;
+	padding: 0 4px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	cursor: pointer;
+	text-align: center;
+	line-height: 37px;
+	font-size: 15px;
+	font-weight: 300;
+	color: #696969;
+	width: auto !important;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	border-bottom: 2px solid transparent;
+	position: relative;
+	-webkit-transition: border-bottom 200ms, color 200ms;
+	-moz-transition: border-bottom 200ms, color 200ms;
+	transition: border-bottom 200ms, color 200ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell .v-caption .v-captiontext {
+	display: inline;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell .v-caption .v-icon + .v-captiontext {
+	margin-left: 9px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell .v-caption:hover {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell .v-caption.v-disabled {
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+	cursor: default;
+	color: inherit !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell:first-child .v-caption, .org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell[aria-hidden="true"] + td .v-caption {
+	margin-left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell:focus {
+	outline: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell:focus .v-caption {
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell .v-tabsheet-tabitem-selected .v-caption.v-caption {
+	border-bottom-color: #197de1;
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell .v-caption-closable {
+	padding-right: 22px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell.icons-on-top .v-caption-closable {
+	padding-right: 4px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell .v-tabsheet-caption-close {
+	position: absolute;
+	right: 0;
+	top: 50%;
+	margin: -8px 0 0;
+	font-size: 18px;
+	line-height: 18px;
+	width: 18px;
+	text-align: center;
+	border-radius: 2px;
+	color: #969696;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell .v-tabsheet-caption-close:hover {
+	background: rgba(0, 0, 0, 0.03);
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabitemcell .v-tabsheet-caption-close:active {
+	background: #197de1;
+	color: #c8dbed;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller {
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	padding-left: 19px;
+	background-color: transparent;
+	background-image: -webkit-linear-gradient(right, #fafafa 70%, rgba(250, 250, 250, 0) 100%);
+	background-image: linear-gradient(to left,#fafafa 70%, rgba(250, 250, 250, 0) 100%);
+	pointer-events: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller:after {
+	content: "";
+	height: 1px;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	display: block;
+	background-color: transparent;
+	background-image: -webkit-linear-gradient(right, #dfdfdf 70%, rgba(223, 223, 223, 0) 100%);
+	background-image: linear-gradient(to left,#dfdfdf 70%, rgba(223, 223, 223, 0) 100%);
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller {
+	background-color: #fafafa;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller:after, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller:after {
+	background-color: #dfdfdf;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller button {
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	-ms-appearance: none;
+	-o-appearance: none;
+	appearance: none;
+	border: none;
+	background: transparent;
+	font: inherit;
+	color: inherit;
+	height: 100%;
+	margin: 0;
+	padding: 0 9px;
+	outline: none;
+	cursor: pointer;
+	pointer-events: auto;
+	opacity: 0.5;
+	filter: alpha(opacity=50) ;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller button:hover {
+	opacity: 1;
+	filter: none ;
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller button:active {
+	opacity: 0.7;
+	filter: alpha(opacity=70) ;
+	color: #197de1;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller button::-moz-focus-inner {
+	padding: 0;
+	border: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller [class*="Next"] {
+	padding-left: 5px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller [class*="Next"]:before {
+	font-family: ThemeIcons;
+	content: "\f054";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller [class*="Prev"] {
+	padding-right: 5px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller [class*="Prev"]:before {
+	font-family: ThemeIcons;
+	content: "\f053";
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-scroller [class*="disabled"] {
+	cursor: default;
+	color: inherit !important;
+	opacity: 0.1 !important;
+	filter: alpha(opacity=10) !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-tabsheetpanel > .v-scrollable > .v-widget {
+	-webkit-animation: valo-animate-in-fade 300ms backwards;
+	-moz-animation: valo-animate-in-fade 300ms backwards;
+	animation: valo-animate-in-fade 300ms backwards;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-deco {
+	height: 20px !important;
+	width: 20px !important;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	border: 2px solid rgba(25, 125, 225, 0.2);
+	border-top-color: #197de1;
+	border-right-color: #197de1;
+	border-radius: 100%;
+	-webkit-animation: v-rotate-360 500ms infinite linear;
+	-moz-animation: v-rotate-360 500ms infinite linear;
+	animation: v-rotate-360 500ms infinite linear;
+	pointer-events: none;
+	display: none;
+	position: absolute;
+	z-index: 1;
+	bottom: 50%;
+	margin-bottom: -29px;
+	left: 50%;
+	margin-left: -10px;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tabsheet-deco, .v-ie9 .org_osbee_vaadin_addons_designer_overlay .v-tabsheet-deco {
+	border: none;
+	border-radius: 4px;
+	background: #fff url(../valo/shared/img/spinner.gif) no-repeat 50% 50%;
+	background-size: 80%;
+}
+
+.v-ie8 .org_osbee_vaadin_addons_designer_overlay .v-tabsheet-deco {
+	min-width: 30px;
+	min-height: 30px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-loading .v-tabsheet-deco {
+	display: block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer table, .org_osbee_vaadin_addons_designer_overlay .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer tbody, .org_osbee_vaadin_addons_designer_overlay .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer tr {
+	width: 100%;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer tr {
+	display: table;
+	table-layout: fixed;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer td {
+	display: table-cell;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-equal-width-tabs  > .v-tabsheet-tabcontainer .v-caption {
+	margin: 0;
+	display: block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption {
+	margin-left: 4px;
+	padding: 0 12px;
+	background-color: #fafafa;
+	border: 1px solid transparent;
+	line-height: 36px;
+	border-radius: 4px 4px 0 0;
+	font-weight: 400;
+	-webkit-transition: background-color 160ms;
+	-moz-transition: background-color 160ms;
+	transition: background-color 160ms;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption:hover {
+	background-color: #f2f2f2;
+	border-bottom-color: #dfdfdf;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption.v-disabled:hover {
+	background-color: #fafafa;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-caption-closable {
+	padding-right: 30px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
+	top: 4px;
+	right: 4px;
+	margin-top: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed  > .v-tabsheet-tabcontainer td:first-child .v-caption, .org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed  > .v-tabsheet-tabcontainer [aria-hidden="true"] + td .v-caption {
+	margin-left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem .v-caption {
+	border-color: #dfdfdf;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption {
+	background: white;
+	border-color: #dfdfdf;
+	border-bottom: none;
+	padding-bottom: 1px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed  > .v-tabsheet-content {
+	border: 1px solid #dfdfdf;
+	border-top: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed  > .v-tabsheet-content  > div {
+	background: white;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed.padded-tabbar  > .v-tabsheet-tabcontainer {
+	border: 1px solid #dfdfdf;
+	border-bottom: none;
+	background: #fafafa;
+	padding-top: 6px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-framed.icons-on-top  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-caption {
+	padding-bottom: 7px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-centered-tabs  > .v-tabsheet-tabcontainer {
+	text-align: center;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-right-aligned-tabs  > .v-tabsheet-tabcontainer {
+	text-align: right;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-padded-tabbar  > .v-tabsheet-tabcontainer .v-tabsheet-tabs {
+	padding: 0 9px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-caption {
+	padding-top: 6px;
+	padding-bottom: 6px;
+	line-height: 1.2;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-icon {
+	display: block;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-icon  + .v-captiontext.v-captiontext {
+	margin-left: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-caption-closable {
+	padding-right: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-icons-on-top  > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
+	top: 4px;
+	margin-top: 0;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-compact-tabbar  > .v-tabsheet-tabcontainer-compact-tabbar .v-caption {
+	line-height: 1.8;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-only-selected-closable  > .v-tabsheet-tabcontainer .v-tabsheet-caption-close {
+	visibility: hidden;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-tabsheet-only-selected-closable  > .v-tabsheet-tabcontainer .v-tabsheet-tabitem-selected .v-tabsheet-caption-close {
+	visibility: visible;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-popup.v-window {
+	min-width: 220px !important;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-popup .v-tabsheet-tabs {
+	padding: 0 9px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-popup [class$="sliders"] {
+	padding: 12px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-popup [class$="sliders"] .v-widget {
+	width: 100% !important;
+	vertical-align: middle;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-popup [class$="sliders"] .v-has-caption {
+	white-space: nowrap;
+	padding-left: 48px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-popup [class$="sliders"] .v-caption {
+	display: inline-block;
+	margin-left: -48px;
+	width: 48px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-has-caption {
+	padding-left: 80px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-popup [class$="sliders"] .v-slot-hue-slider + .v-slot .v-caption {
+	margin-left: -80px;
+	width: 80px;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-popup .v-slider-red .v-slider-base:after {
+	background: red;
+	border: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-popup .v-slider-green .v-slider-base:after {
+	background: green;
+	border: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-popup .v-slider-blue .v-slider-base:after {
+	background: blue;
+	border: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+.org_osbee_vaadin_addons_designer_overlay .v-colorpicker-po