0037187: [UX] Low-res PNG files should be replaced by vectorial SVG images

diff --git a/web/org.openbravo.mobile.core/assets/css/ob-login.css b/web/org.openbravo.mobile.core/assets/css/ob-login.css
--- a/web/org.openbravo.mobile.core/assets/css/ob-login.css
+++ b/web/org.openbravo.mobile.core/assets/css/ob-login.css
@@ -33,7 +33,8 @@
   width: 200px;
   height: 50px;
   float: right;
-  background-image: url('././../img/OBLogo-small.png');
+  background-image: url('././../img/OBLogo-small.svg');
+  background-size: 30px 30px;
   background-repeat:  no-repeat;
   background-position-y: 20px;
   background-position-y: 20px;
@@ -75,7 +76,8 @@
   width: 20px;
   height: 18px;
   color: transparent;
-  background-image: url('./../img/iconOfflineUser.png');
+  background-image: url('./../img/iconOfflineUser.svg');
+  background-size: 12px 12px;
   background-repeat: no-repeat;
   background-position: 3px 3px;
 }
diff --git a/web/org.openbravo.mobile.core/assets/css/ob-standard.css b/web/org.openbravo.mobile.core/assets/css/ob-standard.css
--- a/web/org.openbravo.mobile.core/assets/css/ob-standard.css
+++ b/web/org.openbravo.mobile.core/assets/css/ob-standard.css
@@ -891,10 +891,12 @@
   background-image: url('./../img/iconWorkspace.png');
 }
 .btn-icon-new {
-  background-image: url('./../img/iconCreateNew.png');
+  background-image: url('./../img/iconCreateNew.svg');
+  background-size: 19px 19px;
 }
 .btn-icon-delete {
-  background-image: url('./../img/iconDelete.png');
+  background-image: url('./../img/iconDelete.svg');
+  background-size: 15px 18px;
 }
 .btn-icon-delete.paidticket {
   background-image: url('./../img/iconClearPaidTicket.png');
@@ -903,16 +905,20 @@
   background-image: url('./../img/iconPrint.png');
 }
 .btn-icon-menu {
-  background-image: url('./../img/iconMenu.png');
+  background-image: url('./../img/iconMenu.svg');
+  background-size: 19px 12px;
 }
 .btn-icon-backspace {
-  background-image: url('./../img/iconBackspace.png');
+  background-image: url('./../img/iconBackspace.svg');
+  background-size: 32px 24px;
 }
 .btn-icon-enter {
-  background-image: url('./../img/iconEnter.png');
+  background-image: url('./../img/iconEnter.svg');
+  background-size: 24px 17px;
 }
 .btn-icon-search {
-  background-image: url('./../img/iconSearch.png');
+  background-image: url('./../img/iconSearch.svg');
+  background-size: 15px 16px;
 }
 .btn-icon-filter {
   background-image: url('./../img/iconFilter.png');
@@ -924,19 +930,23 @@
   background-image: url('./../img/iconAdd.png');
 }
 .btn-icon-clear {
-  background-image: url('./../img/iconClear.png');
+  background-image: url('./../img/iconClear.svg');
+  background-size: 13px 13px;
 }
 .btn-icon-edit {
-  background-image: url('./../img/iconEdit.png');
+  background-image: url('./../img/iconEdit.svg');
+  background-size: 20px 20px;
 }
 .btn-icon-substract {
   background-image: url('./../img/iconSubstract.png');
 }
 .btn-icon-check {
-  background-image: url('./../img/iconCheck.png');
+  background-image: url('./../img/iconCheck.svg');
+  background-size: 22px 18px;
 }
 .btn-icon-clearPayment {
-  background-image: url('./../img/iconClearPayment.png');
+  background-image: url('./../img/iconClearPayment.svg');
+  background-size: 13px 13px;
 }
 .btn-icon-reversePayment {
   background-image: url('./../img/iconReversePayment.png');
@@ -960,7 +970,8 @@
   background-image: url('./../img/inspectTree.png');
 }
 .btn-check-half-on {
-  background-image: url('./../img/checkbox-half-on.png');
+  background-image: url('./../img/checkbox-half-on.svg');
+  background-size: 34px 27px;
 }
 .btn-check,
 .btn-check-alt {
@@ -974,38 +985,47 @@
 
 .btn-check,
 .btn-check-alt {
-  background-image: url('./../img/checkbox-off.png');
+  background-image: url('./../img/checkbox-off.svg');
+  background-size: 34px 27px;
 }
 
 .btn-check.active {
-  background-image: url('./../img/checkbox-on.png');
+  background-image: url('./../img/checkbox-on.svg');
+  background-size: 34px 27px;
 }
 .btn-check-alt.active {
-  background-image: url('./../img/checkbox-alt-on.png');
+  background-image: url('./../img/checkbox-alt-on.svg');
+  background-size: 34px 27px;
 }
 
 .btn-check.active:active,
 .btn-check-alt.active:active {
-  background-image: url('./../img/checkbox-off.png');
+  background-image: url('./../img/checkbox-off.svg');
+  background-size: 34px 27px;
 }
 .btn-check.half-active {
-  background-image: url('./../img/checkbox-half-on.png');
+  background-image: url('./../img/checkbox-half-on.svg');
+  background-size: 34px 27px;
 }
 .btn-check-alt.half-active {
-  background-image: url('./../img/checkbox-alt-half-on.png');
+  background-image: url('./../img/checkbox-alt-half-on.svg');
+  background-size: 34px 27px;
 }
 /*if disabled don't change*/
 
 .btn-check[disabled="disabled"]:active,
 .btn-check-alt[disabled="disabled"]:active {
-  background-image: url('./../img/checkbox-off.png');
+  background-image: url('./../img/checkbox-off.svg');
+  background-size: 34px 27px;
 }
 
 .btn-check.active[disabled="disabled"]:active{
-  background-image: url('./../img/checkbox-on.png');
+  background-image: url('./../img/checkbox-on.svg');
+  background-size: 34px 27px;
 }
 .btn-check-alt.active[disabled="disabled"]:active{
-  background-image: url('./../img/checkbox-alt-on.png');
+  background-image: url('./../img/checkbox-alt-on.svg');
+  background-size: 34px 27px;
 }
 .btn-icon-returned {
   background-image: url('./../img/iconReturned.png');
@@ -1047,11 +1067,12 @@
   background-repeat: no-repeat;
   background-position: left center;
   background-color: transparent;
-  background-image: url('./../img/radio-off.png');
+  background-image: url('./../img/radio-off.svg');
+  background-size: 26px 26px;
 }
 
 div.btn-radio.active {
-  background-image: url('./../img/radio-on.png');
+  background-image: url('./../img/radio-on.svg');
 }
 
 
@@ -1111,7 +1132,8 @@
   background-repeat: no-repeat;
   background-position: center right;
   background-color: transparent;
-  background-image: url('./../img/OBLogo-small.png');
+  background-image: url('./../img/OBLogo-small.svg');
+  background-size: 30px 30px;
 }
 
 .image-wrap {
@@ -1416,7 +1438,8 @@
 }
 
 .menu-option {
-    background: darkgray url(./../img/BACKGROUND-PNG24.png) top left;
+    background: darkgray url('./../img/BACKGROUND.svg') top left;
+    background-size: 640px 384px;
     background-position: -5px -10px;
     height: 100%;
 }
@@ -1447,11 +1470,13 @@
 }
 
 .offlineicon {
-  background: url(./../img/iconOffline.png);
+  background: url('./../img/iconOffline.svg');
+  background-size: 15px 15px;
 }
 
 .onlineicon {
-  background-image: url('./../img/iconOnline.png');
+  background-image: url('./../img/iconOnline.svg');
+  background-size: 14px 14px;
 }
 
 .menu-connection {
@@ -1511,7 +1536,7 @@
   box-sizing: border-box;
 }
 .properties-component .modal-dialog-receipt-properties-text select {
-  background-image: url(./../img/iconDropdownArrow.png);
+  background-image: url('./../img/iconDropdownArrow.svg');
   background-repeat: no-repeat;
   background-position: calc(100% - 8px) center;
   background-size: 15px 8px;
@@ -1571,7 +1596,8 @@
 }
 
 body.indev-background {
-  background: darkgray url(./../img/BACKGROUND-InDevelopment.png) top left;
+  background: darkgray url('./../img/BACKGROUND-InDevelopment.svg') top left;
+  background-size: 640px 384px;
   background-position: -5px -10px;
   height: 100%;
 }
diff --git a/web/org.openbravo.mobile.core/assets/img/BACKGROUND-InDevelopment.svg b/web/org.openbravo.mobile.core/assets/img/BACKGROUND-InDevelopment.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/BACKGROUND-InDevelopment.svg
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 640 384" style="enable-background:new 0 0 640 384;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#666666;}
+	.st1{fill:#5C5C5C;}
+	.st2{fill:#676767;}
+	.st3{fill:#757575;}
+	.st4{fill:#494949;}
+	.st5{fill:#4C4C4C;}
+	.st6{fill:#525252;}
+	.st7{fill:#515151;}
+	.st8{fill:#4D4D4D;}
+	.st9{fill:#585858;}
+	.st10{fill:#4F4F4F;}
+	.st11{fill:#505050;}
+	.st12{fill:#636363;}
+	.st13{fill:#565656;}
+	.st14{fill:#555555;}
+	.st15{fill:#535353;}
+	.st16{fill:#595959;}
+	.st17{fill:#5A5A5A;}
+	.st18{fill:#444444;}
+	.st19{fill:#5F5F5F;}
+	.st20{fill:#4B4B4B;}
+	.st21{fill:#717171;}
+	.st22{fill:#626262;}
+	.st23{fill:#545454;}
+	.st24{fill:#575757;}
+	.st25{fill:#656565;}
+	.st26{fill:#646464;}
+	.st27{fill:#4E4E4E;}
+	.st28{fill:#5D5D5D;}
+	.st29{fill:#5E5E5E;}
+	.st30{opacity:0.16;fill:#FFFFFF;enable-background:new    ;}
+	.st31{opacity:0.78;fill:#000000;stroke:#000000;stroke-miterlimit:10;}
+</style>
+<rect x="-10" y="-9" class="st0" width="85.5" height="81.5"/>
+<rect x="-10" y="120.5" class="st1" width="85.5" height="80"/>
+<rect x="-10" y="192" class="st2" width="85.5" height="72.5"/>
+<rect x="-10" y="311" class="st3" width="85.5" height="80"/>
+<rect x="125" y="-9" class="st4" width="79.5" height="81.5"/>
+<rect x="253" y="-9" class="st5" width="78.5" height="81.5"/>
+<rect x="324" y="-9" class="st6" width="72.5" height="81.5"/>
+<rect x="444" y="-9" class="st7" width="81" height="81.5"/>
+<rect x="571.5" y="-9" class="st8" width="77" height="81.5"/>
+<rect x="125" y="120.5" class="st9" width="79.5" height="80"/>
+<rect x="253" y="120.5" class="st10" width="78.5" height="80"/>
+<rect x="324" y="120.5" class="st11" width="72.5" height="80"/>
+<rect x="444" y="120.5" class="st7" width="81" height="80"/>
+<rect x="571.5" y="120.5" class="st11" width="77" height="80"/>
+<rect x="125" y="192" class="st12" width="79.5" height="72.5"/>
+<rect x="253" y="192" class="st13" width="78.5" height="72.5"/>
+<rect x="324" y="192" class="st14" width="72.5" height="72.5"/>
+<rect x="444" y="192" class="st15" width="81" height="72.5"/>
+<rect x="571.5" y="192" class="st9" width="77" height="72.5"/>
+<rect x="125" y="311" class="st0" width="79.5" height="80"/>
+<rect x="253" y="311" class="st14" width="78.5" height="80"/>
+<rect x="324" y="311" class="st16" width="72.5" height="80"/>
+<rect x="444" y="311" class="st17" width="81" height="80"/>
+<rect x="571.5" y="311" class="st18" width="77" height="80"/>
+<rect x="-10" y="64" class="st19" width="85.5" height="64"/>
+<rect x="125" y="64" class="st7" width="79.5" height="64"/>
+<rect x="253" y="64" class="st20" width="78.5" height="64"/>
+<rect x="324" y="64" class="st8" width="72.5" height="64"/>
+<rect x="444" y="64" class="st6" width="81" height="64"/>
+<rect x="571.5" y="64" class="st7" width="77" height="64"/>
+<rect x="-10" y="256" class="st21" width="85.5" height="64"/>
+<rect x="125" y="256" class="st22" width="79.5" height="64"/>
+<rect x="253" y="256" class="st23" width="78.5" height="64"/>
+<rect x="324" y="256" class="st9" width="72.5" height="64"/>
+<rect x="444" y="256" class="st24" width="81" height="64"/>
+<rect x="571.5" y="256" class="st11" width="77" height="64"/>
+<rect x="68" y="-9" class="st20" width="64" height="81.5"/>
+<rect x="68" y="120.5" class="st6" width="64" height="80"/>
+<rect x="68" y="192" class="st25" width="64" height="72.5"/>
+<rect x="68" y="311" class="st26" width="64" height="80"/>
+<rect x="68" y="64" class="st5" width="64" height="64"/>
+<rect x="68" y="256" class="st26" width="64" height="64"/>
+<rect x="196" y="-9" class="st27" width="64" height="81.5"/>
+<rect x="196" y="120.5" class="st27" width="64" height="80"/>
+<rect x="196" y="192" class="st9" width="64" height="72.5"/>
+<rect x="196" y="311" class="st12" width="64" height="80"/>
+<rect x="196" y="64" class="st15" width="64" height="64"/>
+<rect x="196" y="256" class="st17" width="64" height="64"/>
+<rect x="388" y="-9" class="st15" width="64" height="81.5"/>
+<rect x="388" y="120.5" class="st14" width="64" height="80"/>
+<rect x="388" y="192" class="st16" width="64" height="72.5"/>
+<rect x="388" y="311" class="st28" width="64" height="80"/>
+<rect x="388" y="64" class="st5" width="64" height="64"/>
+<rect x="388" y="256" class="st29" width="64" height="64"/>
+<rect x="516" y="-9" class="st8" width="64" height="81.5"/>
+<rect x="516" y="120.5" class="st7" width="64" height="80"/>
+<rect x="516" y="192" class="st23" width="64" height="72.5"/>
+<rect x="516" y="311" class="st6" width="64" height="80"/>
+<rect x="516" y="64" class="st6" width="64" height="64"/>
+<rect x="516" y="256" class="st13" width="64" height="64"/>
+<path class="st30" d="M130.7,47.5c49.1,0,89,39.9,89,89s-39.9,89-89,89s-89-39.9-89-89c0-30,14.8-56.5,37.5-72.6V137v1.9
+	c0.4,13.2,5.4,24.4,15,33.7c10,9.8,22.1,14.7,36.5,14.7s26.7-4.9,36.7-14.8c10-9.9,14.9-21.9,14.9-36.3c0-14.5-5-26.6-15-36.4
+	c-10.1-9.8-22.3-14.6-37-14.6c-1.8,0-3.7,0.1-5.5,0.2v20.1c1.8-0.3,3.8-0.5,5.9-0.5c8.8,0,15.7,2.8,20.9,8.5
+	c5.2,5.6,7.9,13.1,7.9,22.5s-2.6,16.9-7.9,22.5c-5.2,5.6-12.3,8.6-20.9,8.6s-15.4-2.8-20.7-8.6c-4.8-5.2-7.4-11.8-7.9-19.7
+	l-0.2-60.9l0.1-25.7C111.1,49.2,120.7,47.5,130.7,47.5"/>
+<path class="st30" d="M450.7,231.3c26.7,22.7,30,62.7,7.3,89.4s-62.7,30-89.4,7.3c-26.7-22.7-30-62.7-7.3-89.4
+	c13.8-16.2,34.1-23.9,53.9-22.1l-33.7,39.8l-0.9,1.1c-5.9,7.4-8.3,15.8-7.5,25.3c0.9,10,5.2,18.2,13.1,24.8
+	c7.8,6.7,16.8,9.6,26.8,8.9c10-0.8,18.3-5,24.8-12.9c6.7-7.8,9.6-16.8,8.7-26.7c-0.9-10-5.4-18.2-13.4-25c-1-0.8-2.1-1.7-3.1-2.4
+	l-9.3,10.9c1.2,0.7,2.3,1.5,3.4,2.5c4.8,4.1,7.2,8.7,7.4,14.2c0.2,5.5-1.8,10.7-6.1,15.8c-4.4,5.1-9.2,8-14.6,8.6
+	c-5.5,0.7-10.6-1.1-15.3-5c-4.6-3.9-7.1-8.7-7.3-14.2c-0.2-5.1,1.3-9.8,4.8-14.4l28-33.2l11.9-13.9
+	C439.2,223.1,445.2,226.7,450.7,231.3"/>
+<path class="st30" d="M355.8,85.3c9.8-5.4,22.1-1.8,27.3,7.9s1.8,22.1-7.9,27.3c-9.8,5.4-22.1,1.8-27.3-7.9
+	c-3.3-6-3.3-12.8-0.4-18.5l7.9,14.5l0.2,0.4c1.5,2.5,3.8,4.3,6.6,5.1c3.1,0.8,6,0.5,8.8-1.1c2.8-1.5,4.8-3.9,5.7-6.9s0.6-6-1-8.8
+	s-3.9-4.8-6.9-5.6s-6-0.4-8.9,1.1c-0.4,0.2-0.7,0.4-1.1,0.6l2.2,4c0.3-0.3,0.7-0.5,1.1-0.7c1.7-0.9,3.5-1.1,5.1-0.6s2.9,1.7,4,3.7
+	c1,1.8,1.3,3.7,0.9,5.3c-0.4,1.7-1.5,3.1-3.3,4s-3.4,1.1-5.1,0.6c-1.5-0.5-2.7-1.5-3.8-3.1l-6.7-12.1l-2.7-5.1
+	C352.2,87.8,353.9,86.4,355.8,85.3"/>
+<rect x="-10" y="-9" class="st31" width="658.5" height="400"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/BACKGROUND.svg b/web/org.openbravo.mobile.core/assets/img/BACKGROUND.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/BACKGROUND.svg
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 640 384" style="enable-background:new 0 0 640 384;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#666666;}
+	.st1{fill:#5C5C5C;}
+	.st2{fill:#676767;}
+	.st3{fill:#757575;}
+	.st4{fill:#494949;}
+	.st5{fill:#4C4C4C;}
+	.st6{fill:#525252;}
+	.st7{fill:#515151;}
+	.st8{fill:#4D4D4D;}
+	.st9{fill:#585858;}
+	.st10{fill:#4F4F4F;}
+	.st11{fill:#505050;}
+	.st12{fill:#636363;}
+	.st13{fill:#565656;}
+	.st14{fill:#555555;}
+	.st15{fill:#535353;}
+	.st16{fill:#595959;}
+	.st17{fill:#5A5A5A;}
+	.st18{fill:#444444;}
+	.st19{fill:#5F5F5F;}
+	.st20{fill:#4B4B4B;}
+	.st21{fill:#717171;}
+	.st22{fill:#626262;}
+	.st23{fill:#545454;}
+	.st24{fill:#575757;}
+	.st25{fill:#656565;}
+	.st26{fill:#646464;}
+	.st27{fill:#4E4E4E;}
+	.st28{fill:#5D5D5D;}
+	.st29{fill:#5E5E5E;}
+	.st30{opacity:0.16;fill:#FFFFFF;enable-background:new    ;}
+</style>
+<rect x="-10" y="-9" class="st0" width="85.5" height="81.5"/>
+<rect x="-10" y="120.5" class="st1" width="85.5" height="80"/>
+<rect x="-10" y="192" class="st2" width="85.5" height="72.5"/>
+<rect x="-10" y="311" class="st3" width="85.5" height="80"/>
+<rect x="125" y="-9" class="st4" width="79.5" height="81.5"/>
+<rect x="253" y="-9" class="st5" width="78.5" height="81.5"/>
+<rect x="324" y="-9" class="st6" width="72.5" height="81.5"/>
+<rect x="444" y="-9" class="st7" width="81" height="81.5"/>
+<rect x="571.5" y="-9" class="st8" width="77" height="81.5"/>
+<rect x="125" y="120.5" class="st9" width="79.5" height="80"/>
+<rect x="253" y="120.5" class="st10" width="78.5" height="80"/>
+<rect x="324" y="120.5" class="st11" width="72.5" height="80"/>
+<rect x="444" y="120.5" class="st7" width="81" height="80"/>
+<rect x="571.5" y="120.5" class="st11" width="77" height="80"/>
+<rect x="125" y="192" class="st12" width="79.5" height="72.5"/>
+<rect x="253" y="192" class="st13" width="78.5" height="72.5"/>
+<rect x="324" y="192" class="st14" width="72.5" height="72.5"/>
+<rect x="444" y="192" class="st15" width="81" height="72.5"/>
+<rect x="571.5" y="192" class="st9" width="77" height="72.5"/>
+<rect x="125" y="311" class="st0" width="79.5" height="80"/>
+<rect x="253" y="311" class="st14" width="78.5" height="80"/>
+<rect x="324" y="311" class="st16" width="72.5" height="80"/>
+<rect x="444" y="311" class="st17" width="81" height="80"/>
+<rect x="571.5" y="311" class="st18" width="77" height="80"/>
+<rect x="-10" y="64" class="st19" width="85.5" height="64"/>
+<rect x="125" y="64" class="st7" width="79.5" height="64"/>
+<rect x="253" y="64" class="st20" width="78.5" height="64"/>
+<rect x="324" y="64" class="st8" width="72.5" height="64"/>
+<rect x="444" y="64" class="st6" width="81" height="64"/>
+<rect x="571.5" y="64" class="st7" width="77" height="64"/>
+<rect x="-10" y="256" class="st21" width="85.5" height="64"/>
+<rect x="125" y="256" class="st22" width="79.5" height="64"/>
+<rect x="253" y="256" class="st23" width="78.5" height="64"/>
+<rect x="324" y="256" class="st9" width="72.5" height="64"/>
+<rect x="444" y="256" class="st24" width="81" height="64"/>
+<rect x="571.5" y="256" class="st11" width="77" height="64"/>
+<rect x="68" y="-9" class="st20" width="64" height="81.5"/>
+<rect x="68" y="120.5" class="st6" width="64" height="80"/>
+<rect x="68" y="192" class="st25" width="64" height="72.5"/>
+<rect x="68" y="311" class="st26" width="64" height="80"/>
+<rect x="68" y="64" class="st5" width="64" height="64"/>
+<rect x="68" y="256" class="st26" width="64" height="64"/>
+<rect x="196" y="-9" class="st27" width="64" height="81.5"/>
+<rect x="196" y="120.5" class="st27" width="64" height="80"/>
+<rect x="196" y="192" class="st9" width="64" height="72.5"/>
+<rect x="196" y="311" class="st12" width="64" height="80"/>
+<rect x="196" y="64" class="st15" width="64" height="64"/>
+<rect x="196" y="256" class="st17" width="64" height="64"/>
+<rect x="388" y="-9" class="st15" width="64" height="81.5"/>
+<rect x="388" y="120.5" class="st14" width="64" height="80"/>
+<rect x="388" y="192" class="st16" width="64" height="72.5"/>
+<rect x="388" y="311" class="st28" width="64" height="80"/>
+<rect x="388" y="64" class="st5" width="64" height="64"/>
+<rect x="388" y="256" class="st29" width="64" height="64"/>
+<rect x="516" y="-9" class="st8" width="64" height="81.5"/>
+<rect x="516" y="120.5" class="st7" width="64" height="80"/>
+<rect x="516" y="192" class="st23" width="64" height="72.5"/>
+<rect x="516" y="311" class="st6" width="64" height="80"/>
+<rect x="516" y="64" class="st6" width="64" height="64"/>
+<rect x="516" y="256" class="st13" width="64" height="64"/>
+<path class="st30" d="M130.7,47.5c49.1,0,89,39.9,89,89s-39.9,89-89,89s-89-39.9-89-89c0-30,14.8-56.5,37.5-72.6V137v1.9
+	c0.4,13.2,5.4,24.4,15,33.7c10,9.8,22.1,14.7,36.5,14.7s26.7-4.9,36.7-14.8c10-9.9,14.9-21.9,14.9-36.3c0-14.5-5-26.6-15-36.4
+	c-10.1-9.8-22.3-14.6-37-14.6c-1.8,0-3.7,0.1-5.5,0.2v20.1c1.8-0.3,3.8-0.5,5.9-0.5c8.8,0,15.7,2.8,20.9,8.5
+	c5.2,5.6,7.9,13.1,7.9,22.5c0,9.4-2.6,16.9-7.9,22.5c-5.2,5.6-12.3,8.6-20.9,8.6c-8.6,0-15.4-2.8-20.7-8.6
+	c-4.8-5.2-7.4-11.8-7.9-19.7l-0.2-60.9l0.1-25.7C111.1,49.2,120.7,47.5,130.7,47.5"/>
+<path class="st30" d="M450.7,231.3c26.7,22.7,30,62.7,7.3,89.4c-22.7,26.7-62.7,30-89.4,7.3c-26.7-22.7-30-62.7-7.3-89.4
+	c13.8-16.2,34.1-23.9,53.9-22.1l-33.7,39.8l-0.9,1.1c-5.9,7.4-8.3,15.8-7.5,25.3c0.9,10,5.2,18.2,13.1,24.8
+	c7.8,6.7,16.8,9.6,26.8,8.9c10-0.8,18.3-5,24.8-12.9c6.7-7.8,9.6-16.8,8.7-26.7c-0.9-10-5.4-18.2-13.4-25c-1-0.8-2.1-1.7-3.1-2.4
+	l-9.3,10.9c1.2,0.7,2.3,1.5,3.4,2.5c4.8,4.1,7.2,8.7,7.4,14.2c0.2,5.5-1.8,10.7-6.1,15.8c-4.4,5.1-9.2,8-14.6,8.6
+	c-5.5,0.7-10.6-1.1-15.3-5c-4.6-3.9-7.1-8.7-7.3-14.2c-0.2-5.1,1.3-9.8,4.8-14.4l28-33.2l11.9-13.9
+	C439.2,223.1,445.2,226.7,450.7,231.3"/>
+<path class="st30" d="M355.8,85.3c9.8-5.4,22.1-1.8,27.3,7.9s1.8,22.1-7.9,27.3c-9.8,5.4-22.1,1.8-27.3-7.9
+	c-3.3-6-3.3-12.8-0.4-18.5l7.9,14.5l0.2,0.4c1.5,2.5,3.8,4.3,6.6,5.1c3.1,0.8,6,0.5,8.8-1.1c2.8-1.5,4.8-3.9,5.7-6.9s0.6-6-1-8.8
+	c-1.6-2.8-3.9-4.8-6.9-5.6s-6-0.4-8.9,1.1c-0.4,0.2-0.7,0.4-1.1,0.6l2.2,4c0.3-0.3,0.7-0.5,1.1-0.7c1.7-0.9,3.5-1.1,5.1-0.6
+	s2.9,1.7,4,3.7c1,1.8,1.3,3.7,0.9,5.3c-0.4,1.7-1.5,3.1-3.3,4s-3.4,1.1-5.1,0.6c-1.5-0.5-2.7-1.5-3.8-3.1l-6.7-12.1l-2.7-5.1
+	C352.2,87.8,353.9,86.4,355.8,85.3"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/OBLogo-small.svg b/web/org.openbravo.mobile.core/assets/img/OBLogo-small.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/OBLogo-small.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 307.5 305.5" style="enable-background:new 0 0 307.5 305.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M153.8,0.3c84.7,0,153.4,68.7,153.4,153.4c0,84.7-68.7,153.4-153.4,153.4c-84.7,0-153.4-68.7-153.4-153.4
+	c0-51.7,25.6-97.4,64.8-125.2l0,126.1l0,3.3c0.7,22.7,9.4,42,25.8,58.2c17.2,16.9,38.2,25.3,63,25.3c24.9,0,46-8.5,63.3-25.5
+	c17.1-17,25.7-37.9,25.7-62.6c0-25-8.6-45.9-25.8-62.8c-17.3-16.8-38.6-25.1-63.8-25.1c-3.2,0-6.4,0.1-9.5,0.4v34.8
+	c3.2-0.6,6.6-0.8,10.2-0.8c15.1,0,27.1,4.8,36.1,14.5c9,9.7,13.5,22.6,13.5,38.8c0,16.2-4.5,29.1-13.5,38.8
+	c-9.1,9.8-21.2,14.7-36.1,14.7c-14.7,0-26.6-4.9-35.7-14.7c-8.3-9-12.9-20.3-13.6-34l-0.3-105.1l0.1-44.3
+	C119.9,3.2,136.5,0.3,153.8,0.3"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/checkbox-alt-half-on.svg b/web/org.openbravo.mobile.core/assets/img/checkbox-alt-half-on.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/checkbox-alt-half-on.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 285.3 233.2" style="enable-background:new 0 0 285.3 233.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.65;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g class="st0">
+	
+		<rect x="39.9" y="80.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -33.0297 153.4976)" class="st1" width="257.7" height="72.1"/>
+	
+		<rect x="41" y="83.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -87.9106 100.2249)" class="st1" width="72.1" height="145.7"/>
+</g>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/checkbox-alt-on.svg b/web/org.openbravo.mobile.core/assets/img/checkbox-alt-on.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/checkbox-alt-on.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 285.3 233.2" style="enable-background:new 0 0 285.3 233.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	
+		<rect x="39.9" y="80.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -33.0297 153.4976)" class="st0" width="257.7" height="72.1"/>
+	
+		<rect x="41" y="83.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -87.9106 100.2249)" class="st0" width="72.1" height="145.7"/>
+</g>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/checkbox-half-on.svg b/web/org.openbravo.mobile.core/assets/img/checkbox-half-on.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/checkbox-half-on.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 285.3 233.2" style="enable-background:new 0 0 285.3 233.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.65;}
+	.st1{fill:#6CB23F;}
+</style>
+<g class="st0">
+	
+		<rect x="39.9" y="80.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -33.0297 153.4976)" class="st1" width="257.7" height="72.1"/>
+	
+		<rect x="41" y="83.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -87.9106 100.2249)" class="st1" width="72.1" height="145.7"/>
+</g>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/checkbox-off.svg b/web/org.openbravo.mobile.core/assets/img/checkbox-off.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/checkbox-off.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 285.3 233.2" style="enable-background:new 0 0 285.3 233.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.15;}
+	.st1{fill:#000000;}
+</style>
+<g class="st0">
+	
+		<rect x="39.9" y="80.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -33.0297 153.4976)" class="st1" width="257.7" height="72.1"/>
+	
+		<rect x="41" y="83.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -87.9106 100.2249)" class="st1" width="72.1" height="145.7"/>
+</g>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/checkbox-on.svg b/web/org.openbravo.mobile.core/assets/img/checkbox-on.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/checkbox-on.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 285.3 233.2" style="enable-background:new 0 0 285.3 233.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6CB23F;}
+</style>
+<g>
+	
+		<rect x="39.9" y="80.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -33.0332 153.4591)" class="st0" width="257.7" height="72.1"/>
+	
+		<rect x="4.1" y="120.1" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 21.0245 321.0549)" class="st0" width="145.7" height="72.1"/>
+</g>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconAwayUser.svg b/web/org.openbravo.mobile.core/assets/img/iconAwayUser.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconAwayUser.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 373 373" style="enable-background:new 0 0 373 373;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F8941D;}
+	.st1{fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="186.5" cy="186.5" r="186.5"/>
+<rect x="109.3" y="119.3" transform="matrix(6.123234e-17 -1 1 6.123234e-17 42.25 330.75)" class="st1" width="154.5" height="50"/>
+<rect x="161.5" y="171.5" class="st1" width="154.5" height="50"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconBackspace.svg b/web/org.openbravo.mobile.core/assets/img/iconBackspace.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconBackspace.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 400 300" style="enable-background:new 0 0 400 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#4E4E4E;}
+</style>
+<path class="st0" d="M154.4,0c-7.2,0-13.6,2.9-18.3,7.6c-0.3,0.3-0.6,0.6-0.9,0.9L0,150l135.2,141.5c0.3,0.3,0.6,0.6,0.9,0.9
+	c4.7,4.7,11.2,7.6,18.3,7.6H400V0H154.4z M347.6,226.1l-13.3,14L262,164l-72.3,76.1l-13.3-14l72.3-76.1l-72.3-76.1l13.3-14L262,136
+	l72.3-76.1l13.3,14L275.3,150L347.6,226.1z"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconCheck.svg b/web/org.openbravo.mobile.core/assets/img/iconCheck.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconCheck.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 285.3 233.2" style="enable-background:new 0 0 285.3 233.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<g>
+	
+		<rect x="39.9" y="80.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -33.0297 153.4976)" class="st0" width="257.7" height="72.1"/>
+	
+		<rect x="41" y="83.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -87.9106 100.2249)" class="st0" width="72.1" height="145.7"/>
+</g>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconClear.svg b/web/org.openbravo.mobile.core/assets/img/iconClear.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconClear.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 373 373" style="enable-background:new 0 0 373 373;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<rect x="-40.8" y="150" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -77.258 186.5172)" class="st0" width="454.6" height="73"/>
+<rect x="-40.8" y="150" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 186.5172 450.2924)" class="st0" width="454.6" height="73"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconClearPayment.svg b/web/org.openbravo.mobile.core/assets/img/iconClearPayment.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconClearPayment.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 373 373" style="enable-background:new 0 0 373 373;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<rect x="-40.8" y="150" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -77.258 186.5172)" class="st0" width="454.6" height="73"/>
+<rect x="-40.8" y="150" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 186.5172 450.2924)" class="st0" width="454.6" height="73"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconCreateNew-alt.svg b/web/org.openbravo.mobile.core/assets/img/iconCreateNew-alt.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconCreateNew-alt.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 384.7 373" style="enable-background:new 0 0 384.7 373;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<path class="st0" d="M234.7,13.1l-25.9,151.7c-5-2.4-10.6-3.8-16.5-3.8c-5.9,0-11.5,1.4-16.5,3.8L150,13.1
+	c5.6-4.1,12.1-7.3,19.3-9.6c7.2-2.3,15-3.5,23.1-3.5C208.7,0,223.6,5,234.7,13.1z"/>
+<path class="st0" d="M381.6,181.3l-152,22.2c0.2-1.7,0.4-3.4,0.4-5.1c0-10.2-4.1-19.5-10.7-26.2l136.2-71.5
+	c5.6,4.1,10.7,9.2,15.1,15.3c4.4,6.1,8,13.1,10.5,20.9C386,152.5,385.8,168.2,381.6,181.3z"/>
+<path class="st0" d="M154.9,198.4c0,1.7,0.1,3.5,0.3,5.1l-152-22.2C1.1,175,0,168,0,160.7c0-7.7,1.2-15.7,3.8-23.6
+	c5-15.5,14.3-28.1,25.5-36.3l136.3,71.4C159,179,154.9,188.2,154.9,198.4z"/>
+<path class="st0" d="M185.9,235.4L117.8,373c-6.9,0-14.1-1.2-21.2-3.6c-7.1-2.4-14.2-6-20.8-10.8c-13.2-9.6-22.3-22.3-26.6-35.5
+	l109.9-107.3C164.5,226,174.3,233.3,185.9,235.4z"/>
+<path class="st0" d="M335.5,323.2c-2.1,6.6-5.5,13-10,19.1c-4.5,6-10,11.6-16.6,16.4c-13.2,9.6-28.2,14.3-42,14.3l-68-137.6
+	c11.6-2,21.4-9.4,26.7-19.5L335.5,323.2z"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconCreateNew.svg b/web/org.openbravo.mobile.core/assets/img/iconCreateNew.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconCreateNew.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 384.7 373" style="enable-background:new 0 0 384.7 373;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M234.7,13.1l-25.9,151.7c-5-2.4-10.6-3.8-16.5-3.8c-5.9,0-11.5,1.4-16.5,3.8L150,13.1
+	c5.6-4.1,12.1-7.3,19.3-9.6c7.2-2.3,15-3.5,23.1-3.5C208.7,0,223.6,5,234.7,13.1z"/>
+<path class="st0" d="M381.6,181.3l-152,22.2c0.2-1.7,0.4-3.4,0.4-5.1c0-10.2-4.1-19.5-10.7-26.2l136.2-71.5
+	c5.6,4.1,10.7,9.2,15.1,15.3c4.4,6.1,8,13.1,10.5,20.9C386,152.5,385.8,168.2,381.6,181.3z"/>
+<path class="st0" d="M154.9,198.4c0,1.7,0.1,3.5,0.3,5.1l-152-22.2C1.1,175,0,168,0,160.7c0-7.7,1.2-15.7,3.8-23.6
+	c5-15.5,14.3-28.1,25.5-36.3l136.3,71.4C159,179,154.9,188.2,154.9,198.4z"/>
+<path class="st0" d="M185.9,235.4L117.8,373c-6.9,0-14.1-1.2-21.2-3.6c-7.1-2.4-14.2-6-20.8-10.8c-13.2-9.6-22.3-22.3-26.6-35.5
+	l109.9-107.3C164.5,226,174.3,233.3,185.9,235.4z"/>
+<path class="st0" d="M335.5,323.2c-2.1,6.6-5.5,13-10,19.1c-4.5,6-10,11.6-16.6,16.4c-13.2,9.6-28.2,14.3-42,14.3l-68-137.6
+	c11.6-2,21.4-9.4,26.7-19.5L335.5,323.2z"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconDelete.svg b/web/org.openbravo.mobile.core/assets/img/iconDelete.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconDelete.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 400 480" style="enable-background:new 0 0 400 480;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FEFFFF;}
+</style>
+<rect x="26.9" y="132" class="st0" width="348" height="348"/>
+<polygon class="st0" points="400,26.5 400,108 0,108 0,26.5 106.7,26.5 106.7,0 293.4,0 293.4,26.5 "/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconDropdownArrow.svg b/web/org.openbravo.mobile.core/assets/img/iconDropdownArrow.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconDropdownArrow.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 283.6 154.9" style="enable-background:new 0 0 283.6 154.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<rect x="105.8" y="68.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 5.5782 168.4118)" class="st0" width="200.5" height="18.6"/>
+<g>
+	
+		<rect x="-22.8" y="68.2" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 77.4708 187.0311)" class="st0" width="200.5" height="18.6"/>
+</g>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconEdit.svg b/web/org.openbravo.mobile.core/assets/img/iconEdit.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconEdit.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 379 379" style="enable-background:new 0 0 379 379;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<rect x="10.8" y="116.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -66.938 194.2864)" class="st0" width="380.6" height="122.7"/>
+<polygon class="st0" points="86.9,379 0,380.7 0,380.7 0.1,292.3 "/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconEnter.svg b/web/org.openbravo.mobile.core/assets/img/iconEnter.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconEnter.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 368.7 269" style="enable-background:new 0 0 368.7 269;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<polygon class="st0" points="368.7,0.5 368.7,195.7 93.8,195.7 93.8,268.5 0,173.8 93.8,79.2 93.8,152 325,152 325,0.5 "/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconMenu.svg b/web/org.openbravo.mobile.core/assets/img/iconMenu.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconMenu.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 400 252.6" style="enable-background:new 0 0 400 252.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<polygon class="st0" points="200,252.6 0,42 400,42 "/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconOffline.svg b/web/org.openbravo.mobile.core/assets/img/iconOffline.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconOffline.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 373 373" style="enable-background:new 0 0 373 373;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<path class="st0" d="M186.5,26.5c-88.4,0-160,71.6-160,160s71.6,160,160,160s160-71.6,160-160S274.9,26.5,186.5,26.5z M186.5,303.5
+	c-64.6,0-117-52.4-117-117s52.4-117,117-117s117,52.4,117,117S251.1,303.5,186.5,303.5z"/>
+<rect x="-52.4" y="161.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -77.23 186.5086)" class="st0" width="477.9" height="49.5"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconOfflineUser.svg b/web/org.openbravo.mobile.core/assets/img/iconOfflineUser.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconOfflineUser.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 373 373" style="enable-background:new 0 0 373 373;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<path class="st0" d="M186.5,26.5c-88.4,0-160,71.6-160,160s71.6,160,160,160s160-71.6,160-160S274.9,26.5,186.5,26.5z M186.5,303.5
+	c-64.6,0-117-52.4-117-117s52.4-117,117-117s117,52.4,117,117S251.1,303.5,186.5,303.5z"/>
+<rect x="-52.4" y="161.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -77.23 186.5086)" class="st0" width="477.9" height="49.5"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconOnline.svg b/web/org.openbravo.mobile.core/assets/img/iconOnline.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconOnline.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 373 373" style="enable-background:new 0 0 373 373;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6CB23F;}
+</style>
+<circle class="st0" cx="186.5" cy="186.5" r="186.5"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconSearch.svg b/web/org.openbravo.mobile.core/assets/img/iconSearch.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconSearch.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 335.3 349.9" style="enable-background:new 0 0 335.3 349.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<g>
+	<path class="st0" d="M136.3,0C61,0,0,61,0,136.3c0,75.3,61,136.3,136.3,136.3s136.3-61,136.3-136.3C272.7,61,211.6,0,136.3,0z
+		 M136.3,234.7c-54.3,0-98.3-44-98.3-98.3C38,82,82,38,136.3,38s98.3,44,98.3,98.3C234.7,190.6,190.6,234.7,136.3,234.7z"/>
+	<path class="st0" d="M282.4,340.8l-82.6-82.6c-12.1-12.1-12.1-31.7,0-43.8l0,0c12.1-12.1,31.7-12.1,43.8,0l82.6,82.6
+		c12.1,12.1,12.1,31.7,0,43.8l0,0C314.1,352.9,294.5,352.9,282.4,340.8z"/>
+</g>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconSelectorRemove.svg b/web/org.openbravo.mobile.core/assets/img/iconSelectorRemove.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconSelectorRemove.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 342.7 342.7" style="enable-background:new 0 0 342.7 342.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E2E2E2;}
+	.st1{fill:#000000;}
+</style>
+<circle class="st0" cx="171.4" cy="171.4" r="171.4"/>
+<rect x="69.8" y="156.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -70.9755 171.35)" class="st1" width="203" height="28.8"/>
+<rect x="69.8" y="156.9" transform="matrix(0.7071 0.7071 -0.7071 0.7071 171.35 -70.9755)" class="st1" width="203" height="28.8"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconSelectorSortAscending.svg b/web/org.openbravo.mobile.core/assets/img/iconSelectorSortAscending.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconSelectorSortAscending.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 384.7 207.1" style="enable-background:new 0 0 384.7 207.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6CB23F;}
+	.st1{fill:#E2E2E2;}
+	.st2{fill:#999999;}
+</style>
+<polygon class="st0" points="186,74 156.2,74 156.2,193.7 117.2,193.7 117.2,74 87.3,74 135.8,10.7 "/>
+<polygon class="st1" points="198,131.7 227.8,131.7 227.8,12.1 266.8,12.1 266.8,131.7 296.7,131.7 248.2,195.1 "/>
+<g>
+	<path class="st0" d="M73.7,88.5H58.8l-5.9-15.4H25.8l-5.6,15.4H5.7l26.4-67.8h14.5L73.7,88.5z M48.5,61.7l-9.3-25.2L30,61.7H48.5z"
+		/>
+</g>
+<g>
+	<path class="st2" d="M10.7,183.5v-12.4l35.6-44H14.7v-11.5h49.7v10.6l-37.2,45.8h38.6v11.4H10.7z"/>
+</g>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconSelectorSortDescending.svg b/web/org.openbravo.mobile.core/assets/img/iconSelectorSortDescending.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconSelectorSortDescending.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 384.7 207.1" style="enable-background:new 0 0 384.7 207.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E2E2E2;}
+	.st1{fill:#6CB23F;}
+	.st2{fill:#999999;}
+</style>
+<polygon class="st0" points="186,74 156.2,74 156.2,193.7 117.2,193.7 117.2,74 87.3,74 135.8,10.7 "/>
+<polygon class="st1" points="198,131.7 227.8,131.7 227.8,12.1 266.8,12.1 266.8,131.7 296.7,131.7 248.2,195.1 "/>
+<g>
+	<path class="st1" d="M379.4,186.9h-14.9l-5.9-15.4h-27.1l-5.6,15.4h-14.6l26.4-67.8h14.5L379.4,186.9z M354.1,160.1l-9.3-25.2
+		l-9.2,25.2H354.1z"/>
+</g>
+<g>
+	<path class="st2" d="M316.3,91.3V78.9l35.6-44h-31.6V23.4H370V34l-37.2,45.8h38.6v11.4L316.3,91.3L316.3,91.3z"/>
+</g>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconSelectorSortDisabled.svg b/web/org.openbravo.mobile.core/assets/img/iconSelectorSortDisabled.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconSelectorSortDisabled.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 384.7 207.1" style="enable-background:new 0 0 384.7 207.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E2E2E2;}
+</style>
+<polygon class="st0" points="186,74 156.2,74 156.2,193.7 117.2,193.7 117.2,74 87.3,74 135.8,10.7 "/>
+<polygon class="st0" points="198,131.7 227.8,131.7 227.8,12.1 266.8,12.1 266.8,131.7 296.7,131.7 248.2,195.1 "/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/radio-off.svg b/web/org.openbravo.mobile.core/assets/img/radio-off.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/radio-off.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 379 379" style="enable-background:new 0 0 379 379;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CCCCCC;}
+	.st1{fill:#B3B3B3;}
+</style>
+<circle class="st0" cx="189.5" cy="189.5" r="189.5"/>
+<circle class="st1" cx="189.5" cy="189.5" r="100.2"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/radio-on.svg b/web/org.openbravo.mobile.core/assets/img/radio-on.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/radio-on.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 379 379" style="enable-background:new 0 0 379 379;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CCCCCC;}
+	.st1{fill:#363636;}
+</style>
+<circle class="st0" cx="189.5" cy="189.5" r="189.5"/>
+<circle class="st1" cx="189.5" cy="189.5" r="100.2"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/source/component/ob-login.js b/web/org.openbravo.mobile.core/source/component/ob-login.js
--- a/web/org.openbravo.mobile.core/source/component/ob-login.js
+++ b/web/org.openbravo.mobile.core/source/component/ob-login.js
@@ -47,7 +47,8 @@
     }
 
     if (this.showConnectionStatus) {
-      me.$.bottomIcon.applyStyle('background-image', 'url(../org.openbravo.mobile.core/assets/img/iconOfflineUser.png)');
+      me.$.bottomIcon.applyStyle('background-image', 'url(../org.openbravo.mobile.core/assets/img/iconOfflineUser.svg)');
+      me.$.bottomIcon.applyStyle('background-size', '12px 12px');
       OB.Dal.initCache(OB.Model.Session, [], null, null);
       OB.Dal.find(OB.Model.Session, {
         'user': me.userId
@@ -56,7 +57,8 @@
         if (sessions.models.length !== 0) {
           session = sessions.models[0];
           if (session.get('active') === 'Y') {
-            me.$.bottomIcon.applyStyle('background-image', 'url(../org.openbravo.mobile.core/assets/img/iconAwayUser.png)');
+            me.$.bottomIcon.applyStyle('background-image', 'url(../org.openbravo.mobile.core/assets/img/iconAwayUser.svg)');
+            me.$.bottomIcon.applyStyle('background-size', '12px 12px');
           }
         }
       }, function () {

diff --git a/web/org.openbravo.retail.posterminal/css/obpos-main.css b/web/org.openbravo.retail.posterminal/css/obpos-main.css
--- a/web/org.openbravo.retail.posterminal/css/obpos-main.css
+++ b/web/org.openbravo.retail.posterminal/css/obpos-main.css
@@ -298,39 +298,39 @@
 }
 
 .addressbillbutton {
-  background-image: url('./../../org.openbravo.retail.posterminal/img/iconInvoicingAddress.png');
+  background-image: url('./../../org.openbravo.retail.posterminal/img/iconInvoicingAddress.svg');
   background-repeat: no-repeat;
-  background-size: 22px 22px;
-  background-position: 0px -1px;
+  background-size: 16px 18px;
+  background-position: 5px 1px;
   width: 26px;
   height: 22px;
 }
 
 .addressshipbutton {
-  background-image: url('./../../org.openbravo.retail.posterminal/img/iconShippingAddress.png');
+  background-image: url('./../../org.openbravo.retail.posterminal/img/iconShippingAddress.svg');
   background-repeat: no-repeat;
-  background-size: 22px 22px;
-  background-position: 0px -1px;
+  background-size: 21px 21px;
+  background-position: 0px 0px;
   width: 26px;
   height: 22px;
 }
 
 .addresshipitems {
   display: table-cell;
-  background-image: url('./../../org.openbravo.retail.posterminal/img/iconShippingAddress.png');
+  background-image: url('./../../org.openbravo.retail.posterminal/img/iconShippingAddress.svg');
   background-repeat: no-repeat;
-  background-size: 22px 22px;
-  background-position: 12px 3px;
+  background-size: 21px 21px;
+  background-position: 12px 5px;
   width: 35px;
   height: 24px;
 }
 
 .addressbillitems {
   display: table-cell;
-  background-image: url('./../../org.openbravo.retail.posterminal/img/iconInvoicingAddress.png');
+  background-image: url('./../../org.openbravo.retail.posterminal/img/iconInvoicingAddress.svg');
   background-repeat: no-repeat;
-  background-size: 22px 22px;
-  background-position: center 0px;
+  background-size: 16px 18px;
+  background-position: 8px 1px;
   width: 28px;
   height: 24px;
 }
@@ -352,7 +352,8 @@
 .iconRemove {
   width: 30px;
   height: 30px;
-  background-image: url('./../../org.openbravo.mobile.core/assets/img/iconSelectorRemove.png');
+  background-image: url('./../../org.openbravo.mobile.core/assets/img/iconSelectorRemove.svg');
+  background-size: 24px 24px;
   background-repeat: no-repeat;
   background-position: 3px 3px;
 }
@@ -360,21 +361,24 @@
 .iconSortNone {
   width: 58px;
   height: 30px;
-  background-image: url('./../../org.openbravo.mobile.core/assets/img/iconSelectorSortDisabled.png');
+  background-image: url('./../../org.openbravo.mobile.core/assets/img/iconSelectorSortDisabled.svg');
+  background-size: 52px 28px;
   background-repeat: no-repeat;
 }
 
 .iconSortAsc {
   width: 58px;
   height: 30px;
-  background-image: url('./../../org.openbravo.mobile.core/assets/img/iconSelectorSortAscending.png');
+  background-image: url('./../../org.openbravo.mobile.core/assets/img/iconSelectorSortAscending.svg');
+  background-size: 52px 28px;
   background-repeat: no-repeat;
 }
 
 .iconSortDesc {
   width: 58px;
   height: 30px;
-  background-image: url('./../../org.openbravo.mobile.core/assets/img/iconSelectorSortDescending.png');
+  background-image: url('./../../org.openbravo.mobile.core/assets/img/iconSelectorSortDescending.svg');
+  background-size: 52px 28px;
   background-repeat: no-repeat;
 }
 
diff --git a/web/org.openbravo.retail.posterminal/css/pos-login.css b/web/org.openbravo.retail.posterminal/css/pos-login.css
--- a/web/org.openbravo.retail.posterminal/css/pos-login.css
+++ b/web/org.openbravo.retail.posterminal/css/pos-login.css
@@ -1,6 +1,6 @@
 /*
  ************************************************************************************
- * Copyright (C) 2012-2014 Openbravo S.L.U.
+ * Copyright (C) 2012-2017 Openbravo S.L.U.
  * Licensed under the Openbravo Commercial License version 1.0
  * You may obtain a copy of the License at http://www.openbravo.com/legal/obcl.html
  * or in the legal folder of this module distribution.
@@ -11,5 +11,6 @@
 
 .ob-body-standard {
   background-color: darkgray; 
-  background: url('./../../org.openbravo.mobile.core/assets/img/BACKGROUND-PNG24.png') top left;
+  background: url('./../../org.openbravo.mobile.core/assets/img/BACKGROUND.svg') top left;
+  background-size: 640px 384px;
 }
diff --git a/web/org.openbravo.retail.posterminal/img/iconBestsellerSmall.svg b/web/org.openbravo.retail.posterminal/img/iconBestsellerSmall.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.retail.posterminal/img/iconBestsellerSmall.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 299 331.7" style="enable-background:new 0 0 299 331.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#339999;}
+	.st1{fill:#FFFFFF;}
+</style>
+<polygon class="st0" points="72.6,193.2 122,227.7 49.4,331.7 42,289.7 0,297.2 "/>
+<path class="st0" d="M-15.6,271.6"/>
+<polygon class="st0" points="177,227.7 226.5,193.2 299,297.2 257.1,289.8 249.6,331.7 "/>
+<circle class="st0" cx="147.3" cy="123.3" r="123.3"/>
+<rect x="111.3" y="158.1" class="st1" width="88.4" height="30"/>
+<rect x="102.8" y="92.5" transform="matrix(6.123234e-17 -1 1 6.123234e-17 44.4548 266.5786)" class="st1" width="105.5" height="37.1"/>
+<rect x="111.3" y="58.3" class="st1" width="62.8" height="30"/>
+</svg>
diff --git a/web/org.openbravo.retail.posterminal/img/iconInvoicingAddress.svg b/web/org.openbravo.retail.posterminal/img/iconInvoicingAddress.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.retail.posterminal/img/iconInvoicingAddress.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 253.7 304.3" style="enable-background:new 0 0 253.7 304.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#606060;}
+</style>
+<path class="st0" d="M228.7,0H25C11.2,0,0,11.2,0,25v254.3c0,13.8,11.2,25,25,25h203.7c13.8,0,25-11.2,25-25V25
+	C253.7,11.2,242.5,0,228.7,0z M234.3,260.4c0,13.8-11.2,25-25,25h-165c-13.8,0-25-11.2-25-25V43.9c0-13.8,11.2-25,25-25h165
+	c13.8,0,25,11.2,25,25V260.4z"/>
+<rect x="67.3" y="60.9" class="st0" width="119" height="22.3"/>
+<rect x="56" y="129.1" class="st0" width="89.3" height="22.3"/>
+<rect x="56" y="179.4" class="st0" width="89.3" height="22.3"/>
+<rect x="56" y="229.8" class="st0" width="89.3" height="22.3"/>
+<rect x="173.7" y="129.1" class="st0" width="27.7" height="22.3"/>
+<rect x="172.5" y="179.4" class="st0" width="27.7" height="22.3"/>
+<rect x="172.5" y="229.8" class="st0" width="27.7" height="22.3"/>
+</svg>
diff --git a/web/org.openbravo.retail.posterminal/img/iconPinSelected.svg b/web/org.openbravo.retail.posterminal/img/iconPinSelected.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.retail.posterminal/img/iconPinSelected.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 342.7 342.7" style="enable-background:new 0 0 342.7 342.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F8941D;}
+</style>
+<path class="st0" d="M341,110.4C224.7,159,233.7,293.9,230.6,309.4c-4.9,25-26.8,5.2-26.8,5.2s-62.7-61.7-67.9-67.9
+	c-5.2-6.1-13.7,0.5-13.7,0.5L0,342.7l95.5-122.2c0,0,6.6-8.5,0.5-13.7c-6.1-5.2-67.9-67.9-67.9-67.9S8.3,117,33.3,112.1
+	C48.8,109,183.7,118,232.3,1.7c0,0,3.7-6.6,16.5,6.2c17.5,17.4,43,43,43,43s25.6,25.6,43,43C347.6,106.8,341,110.4,341,110.4z"/>
+</svg>
diff --git a/web/org.openbravo.retail.posterminal/img/iconPinUnselected.svg b/web/org.openbravo.retail.posterminal/img/iconPinUnselected.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.retail.posterminal/img/iconPinUnselected.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 342.7 342.7" style="enable-background:new 0 0 342.7 342.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E2E2E2;}
+</style>
+<path class="st0" d="M341,110.4C224.7,159,233.7,293.9,230.6,309.4c-4.9,25-26.8,5.2-26.8,5.2s-62.7-61.7-67.9-67.9
+	c-5.2-6.1-13.7,0.5-13.7,0.5L0,342.7l95.5-122.2c0,0,6.6-8.5,0.5-13.7c-6.1-5.2-67.9-67.9-67.9-67.9S8.3,117,33.3,112.1
+	C48.8,109,183.7,118,232.3,1.7c0,0,3.7-6.6,16.5,6.2c17.5,17.4,43,43,43,43s25.6,25.6,43,43C347.6,106.8,341,110.4,341,110.4z"/>
+</svg>
diff --git a/web/org.openbravo.retail.posterminal/img/iconShippingAddress.svg b/web/org.openbravo.retail.posterminal/img/iconShippingAddress.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.retail.posterminal/img/iconShippingAddress.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 355.1 254" style="enable-background:new 0 0 355.1 254;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#606060;}
+</style>
+<path class="st0" d="M202.8,0v219h-59.5c-2.5-27.6-25.8-49.3-54-49.3s-51.5,21.6-54,49.3H0V0H202.8z"/>
+<circle class="st0" cx="281.3" cy="224" r="30"/>
+<circle class="st0" cx="89.3" cy="224" r="30"/>
+<path class="st0" d="M303.8,52h-83v167h6.5c2.5-27.6,25.8-49.3,54-49.3s51.5,21.6,54,49.3h20V118.5L303.8,52z M335.8,138.8L255,139
+	V72.3l30.8-0.3l50,59.2V138.8z"/>
+</svg>
diff --git a/web/org.openbravo.retail.posterminal/js/components/order.js b/web/org.openbravo.retail.posterminal/js/components/order.js
--- a/web/org.openbravo.retail.posterminal/js/components/order.js
+++ b/web/org.openbravo.retail.posterminal/js/components/order.js
@@ -12,11 +12,11 @@
 enyo.kind({
   name: 'OB.UI.OrderMultiSelect',
   kind: 'Image',
-  src: '../org.openbravo.retail.posterminal/img/iconPinSelected.png',
+  src: '../org.openbravo.retail.posterminal/img/iconPinSelected.svg',
   sizing: "cover",
   width: 28,
   height: 28,
-  style: 'float: right; cursor: pointer; margin-top: 8px;',
+  style: 'float: right; cursor: pointer; margin-top: 8px; width: 27px; height: 27px;',
   showing: false,
   events: {
     onToggleSelection: ''
@@ -34,11 +34,11 @@
 enyo.kind({
   name: 'OB.UI.OrderSingleSelect',
   kind: 'Image',
-  src: '../org.openbravo.retail.posterminal/img/iconPinUnselected.png',
+  src: '../org.openbravo.retail.posterminal/img/iconPinUnselected.svg',
   sizing: "cover",
   width: 28,
   height: 28,
-  style: 'float: right; cursor: pointer; margin-top: 8px;',
+  style: 'float: right; cursor: pointer; margin-top: 8px; width: 27px; height: 27px;',
   events: {
     onToggleSelection: ''
   },
diff --git a/web/org.openbravo.retail.posterminal/js/components/renderproduct.js b/web/org.openbravo.retail.posterminal/js/components/renderproduct.js
--- a/web/org.openbravo.retail.posterminal/js/components/renderproduct.js
+++ b/web/org.openbravo.retail.posterminal/js/components/renderproduct.js
@@ -85,7 +85,7 @@
             name: 'bestseller',
             style: 'height: 16px; width: 16px; padding: 0px 2px; float: left;',
             kind: 'OB.UI.Thumbnail.Bestseller',
-            'default': 'img/iconBestsellerSmall.png',
+            'default': 'img/iconBestsellerSmall.svg',
             showing: false
           }]
         }, {

diff --git a/web/org.openbravo.mobile.core/assets/css/ob-standard.css b/web/org.openbravo.mobile.core/assets/css/ob-standard.css
--- a/web/org.openbravo.mobile.core/assets/css/ob-standard.css
+++ b/web/org.openbravo.mobile.core/assets/css/ob-standard.css
@@ -922,22 +922,28 @@
   background-color: transparent;
 }
 .btn-icon-switchon {
-  background-image: url('./../img/iconSwitchON.png');
+  background-image: url('./../img/iconSwitchON.svg');
+  background-size: 61px 23px;
 }
 .btn-icon-switchoff {
-  background-image: url('./../img/iconSwitchOFF.png');
+  background-image: url('./../img/iconSwitchOFF.svg');
+  background-size: 61px 23px;
 }
 .btn-icon-switchoffline {
-  background-image: url('./../img/iconSwitchOffline.png');
+  background-image: url('./../img/iconSwitchOffline.svg');
+  background-size: 61px 23px;
 }
 .btn-icon-rfidon {
-  background-image: url('./../img/iconRFIDON.png');
+  background-image: url('./../img/iconRFIDON.svg');
+  background-size: 17px 18px;
 }
 .btn-icon-rfidoff {
-  background-image: url('./../img/iconRFIDOFF.png');
+  background-image: url('./../img/iconRFIDOFF.svg');
+  background-size: 17px 18px;
 }
 .btn-icon-rfidoffline {
-  background-image: url('./../img/iconRFIDOffline.png');
+  background-image: url('./../img/iconRFIDOffline.svg');
+  background-size: 17px 18px;
 }
 .btn-icon-workspace {
   background-image: url('./../img/iconWorkspace.png');
@@ -979,7 +985,8 @@
   background-image: url('./../img/iconHome.png');
 }
 .btn-icon-add {
-  background-image: url('./../img/iconAdd.png');
+  background-image: url('./../img/iconAdd.svg');
+  background-size: 42px 42px;
 }
 .btn-icon-clear {
   background-image: url('./../img/iconClear.svg');
@@ -1019,7 +1026,8 @@
   cursor: pointer;
   vertical-align: middle;
   width: 100%;
-  background-image: url('./../img/inspectTree.png');
+  background-image: url('./../img/inspectTree.svg');
+  background-size: 31px 27px;
 }
 .btn-check-half-on {
   background-image: url('./../img/checkbox-half-on.svg');
diff --git a/web/org.openbravo.mobile.core/assets/img/iconAdd.svg b/web/org.openbravo.mobile.core/assets/img/iconAdd.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconAdd.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 373.7 373" style="enable-background:new 0 0 373.7 373;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E2E2E2;}
+	.st1{fill:#6CB23F;}
+</style>
+<circle class="st0" cx="186.5" cy="186.5" r="186.5"/>
+<rect x="156.3" y="53.5" class="st1" width="60.5" height="266"/>
+<rect x="156.3" y="53.5" transform="matrix(6.123234e-17 -1 1 6.123234e-17 0 373)" class="st1" width="60.5" height="266"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconRFIDOFF.svg b/web/org.openbravo.mobile.core/assets/img/iconRFIDOFF.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconRFIDOFF.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 320 330" style="enable-background:new 0 0 320 330;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill:#EE0000;}
+</style>
+<rect class="st0" width="320" height="330"/>
+<path class="st1" d="M80,26.7c-49.6,28.8-80,81.4-80,139c0,56,30.5,108.7,78.5,137.5l16-27C56.1,252.2,32,210.5,32,165.7
+	c0-46.4,24-88.1,64-110.5L80,26.7z M240,26.7l-16,27c40,24,64,65.6,64,112c0,44.8-24.1,86.5-62.5,110.5l16,27
+	c48-28.8,78.5-81.5,78.5-137.5C320,108.1,289.6,55.5,240,26.7z M112,82.7c-28.8,17.6-48,49.4-48,83s17.7,63.9,46.5,81.5l16-27
+	C107.3,209,96,188.1,96,165.7s12.8-43.2,32-56L112,82.7z M208,82.7l-16,27c19.2,12.8,32,33.6,32,56s-11.3,43.3-30.5,54.5l16,27
+	c28.8-17.6,46.5-47.9,46.5-81.5S236.8,100.4,208,82.7z M160,133.7c-17.7,0-32,14.3-32,32s14.3,32,32,32s32-14.3,32-32
+	S177.7,133.7,160,133.7z"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconRFIDON.svg b/web/org.openbravo.mobile.core/assets/img/iconRFIDON.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconRFIDON.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 320 330" style="enable-background:new 0 0 320 330;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill:#006600;}
+</style>
+<rect class="st0" width="320" height="330"/>
+<path class="st1" d="M80,26.7c-49.6,28.8-80,81.4-80,139c0,56,30.5,108.7,78.5,137.5l16-27C56.1,252.2,32,210.5,32,165.7
+	c0-46.4,24-88.1,64-110.5L80,26.7z M240,26.7l-16,27c40,24,64,65.6,64,112c0,44.8-24.1,86.5-62.5,110.5l16,27
+	c48-28.8,78.5-81.5,78.5-137.5C320,108.1,289.6,55.5,240,26.7z M112,82.7c-28.8,17.6-48,49.4-48,83s17.7,63.9,46.5,81.5l16-27
+	C107.3,209,96,188.1,96,165.7s12.8-43.2,32-56L112,82.7z M208,82.7l-16,27c19.2,12.8,32,33.6,32,56s-11.3,43.3-30.5,54.5l16,27
+	c28.8-17.6,46.5-47.9,46.5-81.5S236.8,100.4,208,82.7z M160,133.7c-17.7,0-32,14.3-32,32s14.3,32,32,32s32-14.3,32-32
+	S177.7,133.7,160,133.7z"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconRFIDOffline.svg b/web/org.openbravo.mobile.core/assets/img/iconRFIDOffline.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconRFIDOffline.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 320 330" style="enable-background:new 0 0 320 330;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill:#000000;}
+</style>
+<rect class="st0" width="320" height="330"/>
+<path class="st1" d="M80,26.7c-49.6,28.8-80,81.4-80,139c0,56,30.5,108.7,78.5,137.5l16-27C56.1,252.2,32,210.5,32,165.7
+	c0-46.4,24-88.1,64-110.5L80,26.7z M112,82.7c-28.8,17.6-48,49.4-48,83s17.7,63.9,46.5,81.5l16-27C107.3,209,96,188.1,96,165.7
+	s12.8-43.2,32-56L112,82.7z M160,133.7c-17.7,0-32,14.3-32,32s14.3,32,32,32s32-14.3,32-32S177.7,133.7,160,133.7z"/>
+<rect x="192.4" y="64.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 23.0093 207.9068)" class="st1" width="140.2" height="22.5"/>
+<rect x="251.2" y="6.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 23.0059 207.9151)" class="st1" width="22.5" height="140.2"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconSwitchOFF.svg b/web/org.openbravo.mobile.core/assets/img/iconSwitchOFF.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconSwitchOFF.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 373.7 140.9" style="enable-background:new 0 0 373.7 140.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF0000;}
+	.st1{fill:#E2E2E2;}
+	.st2{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M373.7,70.4c0,38.9-31.5,70.5-70.5,70.5H70.5C31.5,140.9,0,109.4,0,70.4C0,31.5,31.5,0,70.5,0h232.8
+	C342.2,0,373.7,31.5,373.7,70.4z"/>
+<path class="st1" d="M156,70.4c0,31.9-25.9,57.8-57.8,57.8H72.4c-31.9,0-57.8-25.9-57.8-57.8c0-31.9,25.9-57.8,57.8-57.8h25.8
+	C130.1,12.7,156,38.5,156,70.4z"/>
+<path class="st2" d="M180.9,70.5c0-5.5,0.8-10.1,2.5-13.8c1.2-2.7,2.9-5.2,5-7.4c2.1-2.2,4.4-3.8,6.9-4.8c3.3-1.4,7.2-2.1,11.6-2.1
+	c7.9,0,14.3,2.5,19,7.4c4.8,4.9,7.1,11.7,7.1,20.5c0,8.7-2.4,15.5-7.1,20.4c-4.7,4.9-11,7.4-18.9,7.4c-8,0-14.3-2.4-19.1-7.3
+	C183.3,85.8,180.9,79,180.9,70.5z M192.1,70.1c0,6.1,1.4,10.7,4.2,13.8s6.4,4.7,10.7,4.7s7.9-1.6,10.7-4.7c2.8-3.1,4.2-7.8,4.2-14
+	c0-6.2-1.4-10.8-4.1-13.8c-2.7-3-6.3-4.5-10.8-4.5s-8.1,1.5-10.8,4.6C193.5,59.3,192.1,63.9,192.1,70.1z"/>
+<path class="st2" d="M245.6,97V43.3h36.8v9.1h-26v12.7h22.4v9.1h-22.4V97H245.6z"/>
+<path class="st2" d="M295.5,97V43.3h36.8v9.1h-26v12.7h22.4v9.1h-22.4V97H295.5z"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconSwitchON.svg b/web/org.openbravo.mobile.core/assets/img/iconSwitchON.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconSwitchON.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 373.7 140.9" style="enable-background:new 0 0 373.7 140.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6CB23F;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#E2E2E2;}
+</style>
+<path class="st0" d="M373.7,70.4c0,38.9-31.5,70.5-70.5,70.5H70.5c-39,0-70.5-31.5-70.5-70.5C0,31.5,31.5,0,70.5,0h232.8
+	C342.2,0,373.7,31.5,373.7,70.4z"/>
+<path class="st1" d="M56.4,70.5c0-5.5,0.8-10.1,2.5-13.8c1.2-2.7,2.9-5.2,5-7.4s4.4-3.8,6.9-4.8c3.3-1.4,7.2-2.1,11.6-2.1
+	c7.9,0,14.3,2.5,19,7.4c4.8,4.9,7.1,11.7,7.1,20.5c0,8.7-2.4,15.5-7.1,20.4c-4.7,4.9-11,7.4-18.9,7.4c-8,0-14.3-2.4-19.1-7.3
+	C58.8,85.8,56.4,79,56.4,70.5z M67.6,70.1c0,6.1,1.4,10.7,4.2,13.8s6.4,4.7,10.7,4.7s7.9-1.6,10.7-4.7s4.2-7.8,4.2-14
+	S96,59.1,93.3,56.1c-2.7-3-6.3-4.5-10.8-4.5s-8.1,1.5-10.8,4.6C69,59.3,67.6,63.9,67.6,70.1z"/>
+<path class="st2" d="M359.1,70.5c0,31.9-25.9,57.8-57.8,57.8h-25.8c-31.9,0-57.8-25.9-57.8-57.8s25.9-57.8,57.8-57.8h25.8
+	C333.2,12.8,359.1,38.6,359.1,70.5z"/>
+<path class="st1" d="M121.6,98.2V43.4h10.8L154.8,80V43.4h10.3v54.8H154l-22.1-35.7v35.7H121.6z"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/iconSwitchOffline.svg b/web/org.openbravo.mobile.core/assets/img/iconSwitchOffline.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/iconSwitchOffline.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 373.7 140.9" style="enable-background:new 0 0 373.7 140.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#A9A9A9;}
+	.st1{fill:#E2E2E2;}
+	.st2{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M373.7,70.4c0,38.9-31.5,70.5-70.5,70.5H70.5c-39,0-70.5-31.5-70.5-70.5C0,31.5,31.5,0,70.5,0h232.8
+	C342.2,0,373.7,31.5,373.7,70.4z"/>
+<path class="st1" d="M156,70.4c0,31.9-25.9,57.8-57.8,57.8H72.4c-31.9,0-57.8-25.9-57.8-57.8s25.9-57.8,57.8-57.8h25.8
+	C130.1,12.7,156,38.5,156,70.4z"/>
+<rect x="224.1" y="64.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 25.6255 202.1616)" class="st2" width="65.4" height="10.5"/>
+<rect x="251.6" y="37.4" transform="matrix(0.7071 -0.7071 0.7071 0.7071 25.6239 202.1655)" class="st2" width="10.5" height="65.4"/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/assets/img/inspectTree.svg b/web/org.openbravo.mobile.core/assets/img/inspectTree.svg
new file mode 100644
--- /dev/null
+++ b/web/org.openbravo.mobile.core/assets/img/inspectTree.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="OBSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 322 372.9" style="enable-background:new 0 0 322 373;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#6CB23F;}
+</style>
+<polygon class="st0" points="322,186.4 0,0 0,373 "/>
+</svg>
diff --git a/web/org.openbravo.mobile.core/source/retail/component/ob-retail-filterbuilder.js b/web/org.openbravo.mobile.core/source/retail/component/ob-retail-filterbuilder.js
--- a/web/org.openbravo.mobile.core/source/retail/component/ob-retail-filterbuilder.js
+++ b/web/org.openbravo.mobile.core/source/retail/component/ob-retail-filterbuilder.js
@@ -265,11 +265,11 @@
         renderEmpty: 'enyo.Control',
         renderLine: 'OB.UI.ModalSearchFilterBuilderRow'
       }, {
-        kind: 'Image',
-        src: '../org.openbravo.mobile.core/assets/img/iconAdd.png',
+        classes: 'btn-icon-add',
         sizing: "cover",
         width: 42,
         height: 42,
+        style: 'width: 42px; height: 42px;',
         tap: function () {
           this.owner.owner.addFilterRow('MORE_THAN', '');
         }