@zohodesk/icons 1.3.14 → 1.4.0-exp-1

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-rUpdates";
-  src:
-    url('../fonts/zd-rUpdates.woff2') format('woff2'),
-    
-    url('../fonts/zd-rUpdates.woff') format('woff'),
-    url('../fonts/zd-rUpdates.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-rUpdates.woff2') format('woff2'),
+       url('../fonts/zd-rUpdates.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,18 +10,35 @@
 @layer dot-icons.core {
 /*$Id$*/
 
+.ff{font-family:"zdfonts-rUpdates" !important;}
+/* Define icon codes */
+.icon-privacySecurity:before { content: "\f2002"; }
 
-.icon-agentDetails,.icon-communityDashboard,.icon-privacySecurity{
-	font-family:"zdfonts-rUpdates" !important;
-}
+.icon-communityDashboard:before { content: "\f2001"; }
 
-.icon-agentDetails:before {
-  content: "\c7000";
-}
-.icon-communityDashboard:before {
-  content: "\c7001";
-}
-.icon-privacySecurity:before {
-  content: "\c7002";
-}
+.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"; }
 }

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-react-addforms";
-  src:
-    url('../fonts/zd-addforms.woff2') format('woff2'),
-    
-    url('../fonts/zd-addforms.woff') format('woff'),
-    url('../fonts/zd-addforms.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-addforms.woff2') format('woff2'),
+       url('../fonts/zd-addforms.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,438 +10,121 @@
 @layer dot-icons.core {
 /*$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-addClone,.icon-addMail,.icon-addAccounts,.icon-addCalls,.icon-addCases,.icon-addContacts,.icon-addContracts,.icon-addEvents,.icon-addProducts,.icon-addTasks,.icon-addTimeEntry,.icon-addTopic,.icon-addtopicpin,.icon-avatar40x40,.icon-default-account,.icon-default-contact,.icon-editAccounts,.icon-editCalls,.icon-editCases,.icon-editContacts,.icon-editContracts,.icon-editEvents,.icon-editProducts,.icon-editTasks,.icon-editTimeEntry{
-	font-family:"zdfonts-react-addforms" !important;
-}
+.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-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);
-}
+.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); }
 }