@zohodesk/icons 1.4.0-exp-1 → 1.4.1

package/assets/react/zd-font-rUpdates.module.css

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rUpdates";
-  src: url('../fonts/zd-rUpdates.woff2') format('woff2'),
-       url('../fonts/zd-rUpdates.woff') format('woff');
+  src:
+    url('../fonts/zd-rUpdates.woff2') format('woff2'),
+    
+    url('../fonts/zd-rUpdates.woff') format('woff'),
+    url('../fonts/zd-rUpdates.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,34 +14,49 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rUpdates" !important;}
-/* Define icon codes */
-.icon-privacySecurity:before { content: "\f2002"; }
-
-.icon-communityDashboard:before { content: "\f2001"; }
-
-.icon-agentDetails:before { content: "\f2000"; }
-
-.icon-addThread:before { content: "\f2003"; }
-
-.icon-articleNumber:before { content: "\f2004"; }
-
-.icon-attachmentAnnotator:before { content: "\f2005"; }
-
-.icon-gcEnhancement:before { content: "\f2006"; }
-
-.icon-instantMessaging:before { content: "\f2007"; }
-
-.icon-multipleTime:before { content: "\f2008"; }
-
-.icon-multiYear:before { content: "\f2009"; }
-
-.icon-openID:before { content: "\f200a"; }
-
-.icon-passwordProtection:before { content: "\f200b"; }
-
-.icon-subtab:before { content: "\f200c"; }
-
-.icon-templates:before { content: "\f200d"; }
-
-.icon-ziaAssistanceCF:before { content: "\f200e"; }
+.icon-agentDetails:before {
+  content: "\c7000";
+}
+.icon-communityDashboard:before {
+  content: "\c7001";
+}
+.icon-privacySecurity:before {
+  content: "\c7002";
+}
+.icon-addThread:before {
+  content: "\c7003";
+}
+.icon-articleNumber:before {
+  content: "\c7004";
+}
+.icon-attachmentAnnotator:before {
+  content: "\c7005";
+}
+.icon-gcEnhancement:before {
+  content: "\c7006";
+}
+.icon-instantMessaging:before {
+  content: "\c7007";
+}
+.icon-multipleTime:before {
+  content: "\c7008";
+}
+.icon-multiYear:before {
+  content: "\c7009";
+}
+.icon-openID:before {
+  content: "\c700a";
+}
+.icon-passwordProtection:before {
+  content: "\c700b";
+}
+.icon-subtab:before {
+  content: "\c700c";
+}
+.icon-templates:before {
+  content: "\c700d";
+}
+.icon-ziaAssistanceCF:before {
+  content: "\c700e";
+}
 }

package/assets/react/zd-font-react-addforms.module.css

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-react-addforms";
-  src: url('../fonts/zd-addforms.woff2') format('woff2'),
-       url('../fonts/zd-addforms.woff') format('woff');
+  src:
+    url('../fonts/zd-addforms.woff2') format('woff2'),
+    
+    url('../fonts/zd-addforms.woff') format('woff'),
+    url('../fonts/zd-addforms.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,120 +14,433 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-react-addforms" !important;}
-/* Define icon codes */
-.icon-addClone .path1:before { content: "\a1000";  color: rgb(244, 244, 244); }
-.icon-addClone .path2:before { content: "\a1001"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-addClone .path3:before { content: "\a1002"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-addClone .path4:before { content: "\a1003"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-addMail .path1:before { content: "\a1004";  color: rgb(244, 244, 244); }
-.icon-addMail .path2:before { content: "\a1005"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-addMail .path3:before { content: "\a1006"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-addMail .path4:before { content: "\a1007"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-addAccounts .path1:before { content: "\a1008";  color: rgb(244, 244, 244); }
-.icon-addAccounts .path2:before { content: "\a1009"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-addAccounts .path3:before { content: "\a100a"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-addCalls .path1:before { content: "\a100b";  color: rgb(244, 244, 244); }
-.icon-addCalls .path2:before { content: "\a100c"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-addCalls .path3:before { content: "\a100d"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-addCalls .path4:before { content: "\a100e"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-addCalls .path5:before { content: "\a100f"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-addCalls .path6:before { content: "\a1010"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-addCases .path1:before { content: "\a1011";  color: rgb(244, 244, 244); }
-.icon-addCases .path2:before { content: "\a1012"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-addCases .path3:before { content: "\a1013"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-addCases .path4:before { content: "\a1014"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-addContacts .path1:before { content: "\a1015";  color: rgb(244, 244, 244); }
-.icon-addContacts .path2:before { content: "\a1016"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-addContacts .path3:before { content: "\a1017"; margin-left: -1em; color: rgb(1, 2, 2); }
-
-.icon-addContracts .path1:before { content: "\a1018";  color: rgb(244, 244, 244); }
-.icon-addContracts .path2:before { content: "\a1019"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-addContracts .path3:before { content: "\a101a"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-addContracts .path4:before { content: "\a101b"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-addEvents .path1:before { content: "\a101c";  color: rgb(244, 244, 244); }
-.icon-addEvents .path2:before { content: "\a101d"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-addEvents .path3:before { content: "\a101e"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-addEvents .path4:before { content: "\a101f"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-addEvents .path5:before { content: "\a1020"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-addProducts .path1:before { content: "\a1021";  color: rgb(244, 244, 244); }
-.icon-addProducts .path2:before { content: "\a1022"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-addProducts .path3:before { content: "\a1023"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-addProducts .path4:before { content: "\a1024"; margin-left: -1em; color: rgb(1, 2, 2); }
-
-.icon-addTasks .path1:before { content: "\a1025";  color: rgb(244, 244, 244); }
-.icon-addTasks .path2:before { content: "\a1026"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-addTasks .path3:before { content: "\a1027"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-addTasks .path4:before { content: "\a1028"; margin-left: -1em; color: rgb(1, 2, 2); }
-
-.icon-addTimeEntry .path1:before { content: "\a1029";  color: rgb(244, 244, 244); }
-.icon-addTimeEntry .path2:before { content: "\a102a"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-addTimeEntry .path3:before { content: "\a102b"; margin-left: -1em; color: rgb(1, 2, 2); }
-
-.icon-addTopic .path1:before { content: "\a102c";  color: rgb(244, 244, 244); }
-.icon-addTopic .path2:before { content: "\a102d"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-addTopic .path3:before { content: "\a102e"; margin-left: -1em; color: rgb(226, 226, 225); }
-.icon-addTopic .path4:before { content: "\a102f"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-addtopicpin:before { content: "\a1030"; }
-
-.icon-avatar40x40 .path1:before { content: "\a1031";  color: rgb(238, 238, 238); }
-.icon-avatar40x40 .path2:before { content: "\a1032"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-avatar40x40 .path3:before { content: "\a1033"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-default-account .path1:before { content: "\a1034";  color: rgb(243, 243, 243); }
-.icon-default-account .path2:before { content: "\a1035"; margin-left: -1em; color: rgb(213, 213, 213); }
-
-.icon-default-contact .path1:before { content: "\a1036";  color: rgb(213, 213, 213); }
-.icon-default-contact .path2:before { content: "\a1037"; margin-left: -1em; color: rgb(243, 243, 243); }
-
-.icon-editAccounts .path1:before { content: "\a1038";  color: rgb(244, 244, 244); }
-.icon-editAccounts .path2:before { content: "\a1039"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-editAccounts .path3:before { content: "\a103a"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-editCalls .path1:before { content: "\a103b";  color: rgb(244, 244, 244); }
-.icon-editCalls .path2:before { content: "\a103c"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-editCalls .path3:before { content: "\a103d"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-editCalls .path4:before { content: "\a103e"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-editCalls .path5:before { content: "\a103f"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-editCases .path1:before { content: "\a1040";  color: rgb(244, 244, 244); }
-.icon-editCases .path2:before { content: "\a1041"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-editCases .path3:before { content: "\a1042"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-editCases .path4:before { content: "\a1043"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-editContacts .path1:before { content: "\a1044";  color: rgb(244, 244, 244); }
-.icon-editContacts .path2:before { content: "\a1045"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-editContacts .path3:before { content: "\a1046"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-editContracts .path1:before { content: "\a1047";  color: rgb(244, 244, 244); }
-.icon-editContracts .path2:before { content: "\a1048"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-editContracts .path3:before { content: "\a1049"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-editContracts .path4:before { content: "\a104a"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-editEvents .path1:before { content: "\a104b";  color: rgb(244, 244, 244); }
-.icon-editEvents .path2:before { content: "\a104c"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-editEvents .path3:before { content: "\a104d"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-editEvents .path4:before { content: "\a104e"; margin-left: -1em; color: rgb(0, 0, 0); }
-.icon-editEvents .path5:before { content: "\a104f"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-editProducts .path1:before { content: "\a1050";  color: rgb(244, 244, 244); }
-.icon-editProducts .path2:before { content: "\a1051"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-editProducts .path3:before { content: "\a1052"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-editProducts .path4:before { content: "\a1053"; margin-left: -1em; color: rgb(0, 1, 0); }
-
-.icon-editTasks .path1:before { content: "\a1054";  color: rgb(244, 244, 244); }
-.icon-editTasks .path2:before { content: "\a1055"; margin-left: -1em; color: rgb(172, 172, 172); }
-.icon-editTasks .path3:before { content: "\a1056"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-editTasks .path4:before { content: "\a1057"; margin-left: -1em; color: rgb(0, 1, 0); }
-
-.icon-editTimeEntry .path1:before { content: "\a1058";  color: rgb(244, 244, 244); }
-.icon-editTimeEntry .path2:before { content: "\a1059"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-editTimeEntry .path3:before { content: "\a105a"; margin-left: -1em; color: rgb(0, 0, 0); }
+.icon-addClone .path1:before {
+  content: "\e100";
+  color: rgb(244, 244, 244);
+}
+.icon-addClone .path2:before {
+  content: "\e101";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-addClone .path3:before {
+  content: "\e102";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-addClone .path4:before {
+  content: "\e103";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addMail .path1:before {
+  content: "\e104";
+  color: rgb(244, 244, 244);
+}
+.icon-addMail .path2:before {
+  content: "\e105";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-addMail .path3:before {
+  content: "\e106";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addMail .path4:before {
+  content: "\e107";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addAccounts .path1:before {
+  content: "\e108";
+  color: rgb(244, 244, 244);
+}
+.icon-addAccounts .path2:before {
+  content: "\e109";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-addAccounts .path3:before {
+  content: "\e10a";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addCalls .path1:before {
+  content: "\e10b";
+  color: rgb(244, 244, 244);
+}
+.icon-addCalls .path2:before {
+  content: "\e10c";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-addCalls .path3:before {
+  content: "\e10d";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-addCalls .path4:before {
+  content: "\e10e";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addCalls .path5:before {
+  content: "\e10f";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addCalls .path6:before {
+  content: "\e110";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addCases .path1:before {
+  content: "\e111";
+  color: rgb(244, 244, 244);
+}
+.icon-addCases .path2:before {
+  content: "\e112";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-addCases .path3:before {
+  content: "\e113";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-addCases .path4:before {
+  content: "\e114";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addContacts .path1:before {
+  content: "\e115";
+  color: rgb(244, 244, 244);
+}
+.icon-addContacts .path2:before {
+  content: "\e116";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-addContacts .path3:before {
+  content: "\e117";
+  margin-left: -1em;
+  color: rgb(1, 2, 2);
+}
+.icon-addContracts .path1:before {
+  content: "\e118";
+  color: rgb(244, 244, 244);
+}
+.icon-addContracts .path2:before {
+  content: "\e119";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-addContracts .path3:before {
+  content: "\e11a";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-addContracts .path4:before {
+  content: "\e11b";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addEvents .path1:before {
+  content: "\e11c";
+  color: rgb(244, 244, 244);
+}
+.icon-addEvents .path2:before {
+  content: "\e11d";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-addEvents .path3:before {
+  content: "\e11e";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addEvents .path4:before {
+  content: "\e11f";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addEvents .path5:before {
+  content: "\e120";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addProducts .path1:before {
+  content: "\e121";
+  color: rgb(244, 244, 244);
+}
+.icon-addProducts .path2:before {
+  content: "\e122";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-addProducts .path3:before {
+  content: "\e123";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-addProducts .path4:before {
+  content: "\e124";
+  margin-left: -1em;
+  color: rgb(1, 2, 2);
+}
+.icon-addTasks .path1:before {
+  content: "\e125";
+  color: rgb(244, 244, 244);
+}
+.icon-addTasks .path2:before {
+  content: "\e126";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-addTasks .path3:before {
+  content: "\e127";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-addTasks .path4:before {
+  content: "\e128";
+  margin-left: -1em;
+  color: rgb(1, 2, 2);
+}
+.icon-addTimeEntry .path1:before {
+  content: "\e129";
+  color: rgb(244, 244, 244);
+}
+.icon-addTimeEntry .path2:before {
+  content: "\e12a";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-addTimeEntry .path3:before {
+  content: "\e12b";
+  margin-left: -1em;
+  color: rgb(1, 2, 2);
+}
+.icon-addTopic .path1:before {
+  content: "\e12c";
+  color: rgb(244, 244, 244);
+}
+.icon-addTopic .path2:before {
+  content: "\e12d";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-addTopic .path3:before {
+  content: "\e12e";
+  margin-left: -1em;
+  color: rgb(226, 226, 225);
+}
+.icon-addTopic .path4:before {
+  content: "\e12f";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-addtopicpin:before {
+  content: "\e130";
+}
+.icon-avatar40x40 .path1:before {
+  content: "\e131";
+  color: rgb(238, 238, 238);
+}
+.icon-avatar40x40 .path2:before {
+  content: "\e132";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-avatar40x40 .path3:before {
+  content: "\e133";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-default-account .path1:before {
+  content: "\e134";
+  color: rgb(243, 243, 243);
+}
+.icon-default-account .path2:before {
+  content: "\e135";
+  margin-left: -1em;
+  color: rgb(213, 213, 213);
+}
+.icon-default-contact .path1:before {
+  content: "\e136";
+  color: rgb(213, 213, 213);
+}
+.icon-default-contact .path2:before {
+  content: "\e137";
+  margin-left: -1em;
+  color: rgb(243, 243, 243);
+}
+.icon-editAccounts .path1:before {
+  content: "\e138";
+  color: rgb(244, 244, 244);
+}
+.icon-editAccounts .path2:before {
+  content: "\e139";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-editAccounts .path3:before {
+  content: "\e13a";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-editCalls .path1:before {
+  content: "\e13b";
+  color: rgb(244, 244, 244);
+}
+.icon-editCalls .path2:before {
+  content: "\e13c";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-editCalls .path3:before {
+  content: "\e13d";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-editCalls .path4:before {
+  content: "\e13e";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-editCalls .path5:before {
+  content: "\e13f";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-editCases .path1:before {
+  content: "\e140";
+  color: rgb(244, 244, 244);
+}
+.icon-editCases .path2:before {
+  content: "\e141";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-editCases .path3:before {
+  content: "\e142";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-editCases .path4:before {
+  content: "\e143";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-editContacts .path1:before {
+  content: "\e144";
+  color: rgb(244, 244, 244);
+}
+.icon-editContacts .path2:before {
+  content: "\e145";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-editContacts .path3:before {
+  content: "\e146";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-editContracts .path1:before {
+  content: "\e147";
+  color: rgb(244, 244, 244);
+}
+.icon-editContracts .path2:before {
+  content: "\e148";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-editContracts .path3:before {
+  content: "\e149";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-editContracts .path4:before {
+  content: "\e14a";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-editEvents .path1:before {
+  content: "\e14b";
+  color: rgb(244, 244, 244);
+}
+.icon-editEvents .path2:before {
+  content: "\e14c";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-editEvents .path3:before {
+  content: "\e14d";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-editEvents .path4:before {
+  content: "\e14e";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-editEvents .path5:before {
+  content: "\e14f";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-editProducts .path1:before {
+  content: "\e150";
+  color: rgb(244, 244, 244);
+}
+.icon-editProducts .path2:before {
+  content: "\e151";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-editProducts .path3:before {
+  content: "\e152";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-editProducts .path4:before {
+  content: "\e153";
+  margin-left: -1em;
+  color: rgb(0, 1, 0);
+}
+.icon-editTasks .path1:before {
+  content: "\e154";
+  color: rgb(244, 244, 244);
+}
+.icon-editTasks .path2:before {
+  content: "\e155";
+  margin-left: -1em;
+  color: rgb(172, 172, 172);
+}
+.icon-editTasks .path3:before {
+  content: "\e156";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-editTasks .path4:before {
+  content: "\e157";
+  margin-left: -1em;
+  color: rgb(0, 1, 0);
+}
+.icon-editTimeEntry .path1:before {
+  content: "\e158";
+  color: rgb(244, 244, 244);
+}
+.icon-editTimeEntry .path2:before {
+  content: "\e159";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-editTimeEntry .path3:before {
+  content: "\e15a";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
 }