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 () {