@zohodesk/icons 1.3.14 → 1.4.0-exp-1

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-react-customize";
-  src:
-    url('../fonts/zd-customize.woff2') format('woff2'),
-    
-    url('../fonts/zd-customize.woff') format('woff'),
-    url('../fonts/zd-customize.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-customize.woff2') format('woff2'),
+       url('../fonts/zd-customize.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,607 +10,198 @@
 @layer dot-icons.core {
 /*$Id$*/
 
+.ff{font-family:"zdfonts-react-customize" !important;}
+/* Define icon codes */
+.icon-ai .path1:before { content: "\a7000";  color: rgb(233, 233, 224); }
+.icon-ai .path2:before { content: "\a7001"; margin-left: -1em; color: rgb(255, 193, 79); }
+.icon-ai .path3:before { content: "\a7002"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-ai .path4:before { content: "\a7003"; margin-left: -1em; color: rgb(200, 189, 184); }
+.icon-ai .path5:before { content: "\a7004"; margin-left: -1em; color: rgb(217, 215, 202); }
 
-.icon-ai,.icon-callDir,.icon-callStatus,.icon-clear,.icon-css,.icon-Currency,.icon-Datepicker,.icon-DateTime,.icon-Decimal,.icon-doc,.icon-dwg,.icon-exe2,.icon-help-centre,.icon-html,.icon-ics,.icon-Idea-new,.icon-imageicn,.icon-inappweb-main,.icon-integer,.icon-look-up,.icon-menu57,.icon-mp3,.icon-mp4,.icon-Multiselectpicklist,.icon-pdf,.icon-percentage,.icon-phone-type,.icon-picklist,.icon-ppt2,.icon-psd,.icon-questionfile,.icon-remove-field,.icon-remove,.icon-replace_value,.icon-settings2,.icon-sh2,.icon-sort1-a-z,.icon-sugsol,.icon-Textarea,.icon-texticn,.icon-TextType,.icon-ticket,.icon-twitter4,.icon-txt,.icon-video,.icon-xls,.icon-xml2,.icon-ZD-accounts,.icon-ZD-contracts,.icon-ZD-dashboards,.icon-ZD-products,.icon-ZD-timeentry,.icon-zip3,.icon-skills,.icon-customAction,.icon-ZD-IM{
-	font-family:"zdfonts-react-customize" !important;
-}
+.icon-callDir:before { content: "\a7005"; }
 
-.icon-ai .path1:before {
-  content: "\e600";
-  color: rgb(233, 233, 224);
-}
-.icon-ai .path2:before {
-  content: "\e601";
-  margin-left: -1em;
-  color: rgb(255, 193, 79);
-}
-.icon-ai .path3:before {
-  content: "\e602";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-ai .path4:before {
-  content: "\e603";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-ai .path5:before {
-  content: "\e604";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-callDir:before {
-  content: "\e605";
-}
-.icon-callStatus:before {
-  content: "\e606";
-}
-.icon-clear:before {
-  content: "\e607";
-}
-.icon-css .path1:before {
-  content: "\e608";
-  color: rgb(233, 233, 224);
-}
-.icon-css .path2:before {
-  content: "\e609";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-css .path3:before {
-  content: "\e60a";
-  margin-left: -1em;
-  color: rgb(0, 150, 230);
-}
-.icon-css .path4:before {
-  content: "\e60b";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-Currency:before {
-  content: "\e60c";
-}
-.icon-Datepicker:before {
-  content: "\e60d";
-}
-.icon-DateTime:before {
-  content: "\e60e";
-}
-.icon-Decimal:before {
-  content: "\e60f";
-}
-.icon-doc .path1:before {
-  content: "\e610";
-  color: rgb(233, 233, 224);
-}
-.icon-doc .path2:before {
-  content: "\e611";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-doc .path3:before {
-  content: "\e612";
-  margin-left: -1em;
-  color: rgb(134, 151, 203);
-}
-.icon-doc .path4:before {
-  content: "\e613";
-  margin-left: -1em;
-  color: rgb(0, 150, 230);
-}
-.icon-doc .path5:before {
-  content: "\e614";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-dwg .path1:before {
-  content: "\e615";
-  color: rgb(233, 233, 224);
-}
-.icon-dwg .path2:before {
-  content: "\e616";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-dwg .path3:before {
-  content: "\e617";
-  margin-left: -1em;
-  color: rgb(134, 151, 203);
-}
-.icon-dwg .path4:before {
-  content: "\e618";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-dwg .path5:before {
-  content: "\e619";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-dwg .path6:before {
-  content: "\e61a";
-  margin-left: -1em;
-  color: rgb(173, 162, 158);
-}
-.icon-exe2 .path1:before {
-  content: "\e61b";
-  color: rgb(233, 233, 224);
-}
-.icon-exe2 .path2:before {
-  content: "\e61c";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-exe2 .path3:before {
-  content: "\e61d";
-  margin-left: -1em;
-  color: rgb(151, 119, 168);
-}
-.icon-exe2 .path4:before {
-  content: "\e61e";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-help-centre:before {
-  content: "\e61f";
-}
-.icon-html .path1:before {
-  content: "\e620";
-  color: rgb(233, 233, 224);
-}
-.icon-html .path2:before {
-  content: "\e621";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-html .path3:before {
-  content: "\e622";
-  margin-left: -1em;
-  color: rgb(236, 102, 48);
-}
-.icon-html .path4:before {
-  content: "\e623";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-ics:before {
-  content: "\e624";
-}
-.icon-Idea-new:before {
-  content: "\e625";
-}
-.icon-imageicn .path1:before {
-  content: "\e626";
-  color: rgb(233, 233, 224);
-}
-.icon-imageicn .path2:before {
-  content: "\e627";
-  margin-left: -1em;
-  color: rgb(101, 156, 53);
-}
-.icon-imageicn .path3:before {
-  content: "\e628";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-imageicn .path4:before {
-  content: "\e629";
-  margin-left: -1em;
-  color: rgb(243, 213, 91);
-}
-.icon-imageicn .path5:before {
-  content: "\e62a";
-  margin-left: -1em;
-  color: rgb(136, 192, 87);
-}
-.icon-imageicn .path6:before {
-  content: "\e62b";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-inappweb-main:before {
-  content: "\e62c";
-}
-.icon-integer:before {
-  content: "\e62d";
-}
-.icon-look-up:before {
-  content: "\e62e";
-}
-.icon-menu57:before {
-  content: "\e62f";
-}
-.icon-mp3 .path1:before {
-  content: "\e630";
-  color: rgb(233, 233, 224);
-}
-.icon-mp3 .path2:before {
-  content: "\e631";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-mp3 .path3:before {
-  content: "\e632";
-  margin-left: -1em;
-  color: rgb(125, 101, 153);
-}
-.icon-mp3 .path4:before {
-  content: "\e633";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-mp3 .path5:before {
-  content: "\e634";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-mp4 .path1:before {
-  content: "\e635";
-  color: rgb(233, 233, 224);
-}
-.icon-mp4 .path2:before {
-  content: "\e636";
-  margin-left: -1em;
-  color: rgb(255, 83, 100);
-}
-.icon-mp4 .path3:before {
-  content: "\e637";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-mp4 .path4:before {
-  content: "\e638";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-mp4 .path5:before {
-  content: "\e639";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-Multiselectpicklist:before {
-  content: "\e63a";
-}
-.icon-pdf .path1:before {
-  content: "\e63b";
-  color: rgb(233, 233, 224);
-}
-.icon-pdf .path2:before {
-  content: "\e63c";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-pdf .path3:before {
-  content: "\e63d";
-  margin-left: -1em;
-  color: rgb(204, 75, 76);
-}
-.icon-pdf .path4:before {
-  content: "\e63e";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-percentage:before {
-  content: "\e63f";
-}
-.icon-phone-type:before {
-  content: "\e640";
-}
-.icon-picklist:before {
-  content: "\e641";
-}
-.icon-ppt2 .path1:before {
-  content: "\e642";
-  color: rgb(233, 233, 224);
-}
-.icon-ppt2 .path2:before {
-  content: "\e643";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-ppt2 .path3:before {
-  content: "\e644";
-  margin-left: -1em;
-  color: rgb(246, 113, 46);
-}
-.icon-ppt2 .path4:before {
-  content: "\e645";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-ppt2 .path5:before {
-  content: "\e646";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-ppt2 .path6:before {
-  content: "\e647";
-  margin-left: -1em;
-  color: rgb(211, 204, 201);
-}
-.icon-psd .path1:before {
-  content: "\e648";
-  color: rgb(233, 233, 224);
-}
-.icon-psd .path2:before {
-  content: "\e649";
-  margin-left: -1em;
-  color: rgb(88, 137, 196);
-}
-.icon-psd .path3:before {
-  content: "\e64a";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-psd .path4:before {
-  content: "\e64b";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-psd .path5:before {
-  content: "\e64c";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-questionfile .path1:before {
-  content: "\e64d";
-  color: rgb(233, 233, 224);
-}
-.icon-questionfile .path2:before {
-  content: "\e64e";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-questionfile .path3:before {
-  content: "\e64f";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-questionfile .path4:before {
-  content: "\e650";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-questionfile .path5:before {
-  content: "\e651";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-remove-field .path1:before {
-  content: "\e652";
-  color: rgb(255, 82, 82);
-}
-.icon-remove-field .path2:before {
-  content: "\e653";
-  margin-left: -1.50390625em;
-  color: rgb(166, 166, 166);
-}
-.icon-remove:before {
-  content: "\e654";
-}
-.icon-replace_value:before {
-  content: "\e655";
-}
-.icon-settings2:before {
-  content: "\e656";
-}
-.icon-sh2:before {
-  content: "\e657";
-}
-.icon-sort1-a-z:before {
-  content: "\e658";
-}
-.icon-sugsol:before {
-  content: "\e659";
-}
-.icon-Textarea:before {
-  content: "\e65a";
-}
-.icon-texticn:before {
-  content: "\e65b";
-}
-.icon-TextType:before {
-  content: "\e65c";
-}
-.icon-ticket:before {
-  content: "\e65d";
-}
-.icon-twitter4:before {
-  content: "\e65e";
-}
-.icon-txt .path1:before {
-  content: "\e65f";
-  color: rgb(233, 233, 224);
-}
-.icon-txt .path2:before {
-  content: "\e660";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-txt .path3:before {
-  content: "\e661";
-  margin-left: -1em;
-  color: rgb(149, 165, 165);
-}
-.icon-txt .path4:before {
-  content: "\e662";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-txt .path5:before {
-  content: "\e663";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-video .path1:before {
-  content: "\e664";
-  color: rgb(233, 233, 224);
-}
-.icon-video .path2:before {
-  content: "\e665";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-video .path3:before {
-  content: "\e666";
-  margin-left: -1em;
-  color: rgb(215, 94, 114);
-}
-.icon-video .path4:before {
-  content: "\e667";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-video .path5:before {
-  content: "\e668";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-video .path6:before {
-  content: "\e669";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-video .path7:before {
-  content: "\e66a";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-video .path8:before {
-  content: "\e66b";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-video .path9:before {
-  content: "\e66c";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-xls .path1:before {
-  content: "\e66d";
-  color: rgb(233, 233, 224);
-}
-.icon-xls .path2:before {
-  content: "\e66e";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-xls .path3:before {
-  content: "\e66f";
-  margin-left: -1em;
-  color: rgb(145, 205, 160);
-}
-.icon-xls .path4:before {
-  content: "\e670";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-xls .path5:before {
-  content: "\e671";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-xml2 .path1:before {
-  content: "\e672";
-  color: rgb(233, 233, 224);
-}
-.icon-xml2 .path2:before {
-  content: "\e673";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-xml2 .path3:before {
-  content: "\e674";
-  margin-left: -1em;
-  color: rgb(242, 156, 31);
-}
-.icon-xml2 .path4:before {
-  content: "\e675";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-ZD-accounts .path1:before {
-  content: "\e676";
-  color: rgb(1, 1, 1);
-}
-.icon-ZD-accounts .path2:before {
-  content: "\e677";
-  margin-left: -1.5625em;
-  color: rgb(0, 0, 0);
-}
-.icon-ZD-contracts .path1:before {
-  content: "\e678";
-  color: rgb(0, 0, 0);
-}
-.icon-ZD-contracts .path2:before {
-  content: "\e679";
-  margin-left: -0.75em;
-  color: rgb(17, 17, 17);
-}
-.icon-ZD-dashboards .path1:before {
-  content: "\e67a";
-  color: rgb(0, 0, 0);
-}
-.icon-ZD-dashboards .path2:before {
-  content: "\e67b";
-  margin-left: -1.125em;
-  color: rgb(17, 17, 17);
-}
-.icon-ZD-products .path1:before {
-  content: "\e67c";
-  color: rgb(0, 0, 0);
-}
-.icon-ZD-products .path2:before {
-  content: "\e67d";
-  margin-left: -1.25em;
-  color: rgb(17, 17, 17);
-}
-.icon-ZD-timeentry .path1:before {
-  content: "\e67e";
-  color: rgb(17, 17, 17);
-}
-.icon-ZD-timeentry .path2:before {
-  content: "\e67f";
-  margin-left: -0.9375em;
-  color: rgb(0, 0, 0);
-}
-.icon-zip3 .path1:before {
-  content: "\e680";
-  color: rgb(233, 233, 224);
-}
-.icon-zip3 .path2:before {
-  content: "\e681";
-  margin-left: -1em;
-  color: rgb(217, 215, 202);
-}
-.icon-zip3 .path3:before {
-  content: "\e682";
-  margin-left: -1em;
-  color: rgb(85, 96, 128);
-}
-.icon-zip3 .path4:before {
-  content: "\e683";
-  margin-left: -1em;
-  color: rgb(255, 255, 255);
-}
-.icon-zip3 .path5:before {
-  content: "\e684";
-  margin-left: -1em;
-  color: rgb(200, 189, 184);
-}
-.icon-skills:before {
-  content: "\e685";
-}
-.icon-customAction:before {
-  content: "\e686";
-}
-.icon-ZD-IM .path1:before {
-  content: "\e687";
-  color: rgb(153, 153, 153);
-}
-.icon-ZD-IM .path2:before {
-  content: "\e688";
-  margin-left: -1.06640625em;
-  color: rgb(1, 1, 1);
-}
+.icon-callStatus:before { content: "\a7006"; }
+
+.icon-clear:before { content: "\a7007"; }
+
+.icon-css .path1:before { content: "\a7008";  color: rgb(233, 233, 224); }
+.icon-css .path2:before { content: "\a7009"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-css .path3:before { content: "\a700a"; margin-left: -1em; color: rgb(0, 150, 230); }
+.icon-css .path4:before { content: "\a700b"; margin-left: -1em; color: rgb(255, 255, 255); }
+
+.icon-Currency:before { content: "\a700c"; }
+
+.icon-Datepicker:before { content: "\a700d"; }
+
+.icon-DateTime:before { content: "\a700e"; }
+
+.icon-Decimal:before { content: "\a700f"; }
+
+.icon-doc .path1:before { content: "\a7010";  color: rgb(233, 233, 224); }
+.icon-doc .path2:before { content: "\a7011"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-doc .path3:before { content: "\a7012"; margin-left: -1em; color: rgb(134, 151, 203); }
+.icon-doc .path4:before { content: "\a7013"; margin-left: -1em; color: rgb(0, 150, 230); }
+.icon-doc .path5:before { content: "\a7014"; margin-left: -1em; color: rgb(255, 255, 255); }
+
+.icon-dwg .path1:before { content: "\a7015";  color: rgb(233, 233, 224); }
+.icon-dwg .path2:before { content: "\a7016"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-dwg .path3:before { content: "\a7017"; margin-left: -1em; color: rgb(134, 151, 203); }
+.icon-dwg .path4:before { content: "\a7018"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-dwg .path5:before { content: "\a7019"; margin-left: -1em; color: rgb(200, 189, 184); }
+.icon-dwg .path6:before { content: "\a701a"; margin-left: -1em; color: rgb(173, 162, 158); }
+
+.icon-exe2 .path1:before { content: "\a701b";  color: rgb(233, 233, 224); }
+.icon-exe2 .path2:before { content: "\a701c"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-exe2 .path3:before { content: "\a701d"; margin-left: -1em; color: rgb(151, 119, 168); }
+.icon-exe2 .path4:before { content: "\a701e"; margin-left: -1em; color: rgb(255, 255, 255); }
+
+.icon-help-centre:before { content: "\a701f"; }
+
+.icon-html .path1:before { content: "\a7020";  color: rgb(233, 233, 224); }
+.icon-html .path2:before { content: "\a7021"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-html .path3:before { content: "\a7022"; margin-left: -1em; color: rgb(236, 102, 48); }
+.icon-html .path4:before { content: "\a7023"; margin-left: -1em; color: rgb(255, 255, 255); }
+
+.icon-ics:before { content: "\a7024"; }
+
+.icon-Idea-new:before { content: "\a7025"; }
+
+.icon-imageicn .path1:before { content: "\a7026";  color: rgb(233, 233, 224); }
+.icon-imageicn .path2:before { content: "\a7027"; margin-left: -1em; color: rgb(101, 156, 53); }
+.icon-imageicn .path3:before { content: "\a7028"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-imageicn .path4:before { content: "\a7029"; margin-left: -1em; color: rgb(243, 213, 91); }
+.icon-imageicn .path5:before { content: "\a702a"; margin-left: -1em; color: rgb(136, 192, 87); }
+.icon-imageicn .path6:before { content: "\a702b"; margin-left: -1em; color: rgb(255, 255, 255); }
+
+.icon-inappweb-main:before { content: "\a702c"; }
+
+.icon-integer:before { content: "\a702d"; }
+
+.icon-look-up:before { content: "\a702e"; }
+
+.icon-menu57:before { content: "\a702f"; }
+
+.icon-mp3 .path1:before { content: "\a7030";  color: rgb(233, 233, 224); }
+.icon-mp3 .path2:before { content: "\a7031"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-mp3 .path3:before { content: "\a7032"; margin-left: -1em; color: rgb(125, 101, 153); }
+.icon-mp3 .path4:before { content: "\a7033"; margin-left: -1em; color: rgb(200, 189, 184); }
+.icon-mp3 .path5:before { content: "\a7034"; margin-left: -1em; color: rgb(255, 255, 255); }
+
+.icon-mp4 .path1:before { content: "\a7035";  color: rgb(233, 233, 224); }
+.icon-mp4 .path2:before { content: "\a7036"; margin-left: -1em; color: rgb(255, 83, 100); }
+.icon-mp4 .path3:before { content: "\a7037"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-mp4 .path4:before { content: "\a7038"; margin-left: -1em; color: rgb(200, 189, 184); }
+.icon-mp4 .path5:before { content: "\a7039"; margin-left: -1em; color: rgb(217, 215, 202); }
+
+.icon-Multiselectpicklist:before { content: "\a703a"; }
+
+.icon-pdf .path1:before { content: "\a703b";  color: rgb(233, 233, 224); }
+.icon-pdf .path2:before { content: "\a703c"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-pdf .path3:before { content: "\a703d"; margin-left: -1em; color: rgb(204, 75, 76); }
+.icon-pdf .path4:before { content: "\a703e"; margin-left: -1em; color: rgb(255, 255, 255); }
+
+.icon-percentage:before { content: "\a703f"; }
+
+.icon-phone-type:before { content: "\a7040"; }
+
+.icon-picklist:before { content: "\a7041"; }
+
+.icon-ppt2 .path1:before { content: "\a7042";  color: rgb(233, 233, 224); }
+.icon-ppt2 .path2:before { content: "\a7043"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-ppt2 .path3:before { content: "\a7044"; margin-left: -1em; color: rgb(246, 113, 46); }
+.icon-ppt2 .path4:before { content: "\a7045"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-ppt2 .path5:before { content: "\a7046"; margin-left: -1em; color: rgb(200, 189, 184); }
+.icon-ppt2 .path6:before { content: "\a7047"; margin-left: -1em; color: rgb(211, 204, 201); }
+
+.icon-psd .path1:before { content: "\a7048";  color: rgb(233, 233, 224); }
+.icon-psd .path2:before { content: "\a7049"; margin-left: -1em; color: rgb(88, 137, 196); }
+.icon-psd .path3:before { content: "\a704a"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-psd .path4:before { content: "\a704b"; margin-left: -1em; color: rgb(200, 189, 184); }
+.icon-psd .path5:before { content: "\a704c"; margin-left: -1em; color: rgb(217, 215, 202); }
+
+.icon-questionfile .path1:before { content: "\a704d";  color: rgb(233, 233, 224); }
+.icon-questionfile .path2:before { content: "\a704e"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-questionfile .path3:before { content: "\a704f"; margin-left: -1em; color: rgb(200, 189, 184); }
+.icon-questionfile .path4:before { content: "\a7050"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-questionfile .path5:before { content: "\a7051"; margin-left: -1em; color: rgb(200, 189, 184); }
+
+.icon-remove-field .path1:before { content: "\a7052";  color: rgb(255, 82, 82); }
+.icon-remove-field .path2:before { content: "\a7053"; margin-left: -1.503906em; color: rgb(166, 166, 166); }
+
+.icon-remove:before { content: "\a7054"; }
+
+.icon-replace_value:before { content: "\a7055"; }
+
+.icon-settings2:before { content: "\a7056"; }
+
+.icon-sh2:before { content: "\a7057"; }
+
+.icon-sort1-a-z:before { content: "\a7058"; }
+
+.icon-sugsol:before { content: "\a7059"; }
+
+.icon-Textarea:before { content: "\a705a"; }
+
+.icon-texticn:before { content: "\a705b"; }
+
+.icon-TextType:before { content: "\a705c"; }
+
+.icon-ticket:before { content: "\a705d"; }
+
+.icon-twitter4:before { content: "\a705e"; }
+
+.icon-txt .path1:before { content: "\a705f";  color: rgb(233, 233, 224); }
+.icon-txt .path2:before { content: "\a7060"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-txt .path3:before { content: "\a7061"; margin-left: -1em; color: rgb(149, 165, 165); }
+.icon-txt .path4:before { content: "\a7062"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-txt .path5:before { content: "\a7063"; margin-left: -1em; color: rgb(200, 189, 184); }
+
+.icon-video .path1:before { content: "\a7064";  color: rgb(233, 233, 224); }
+.icon-video .path2:before { content: "\a7065"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-video .path3:before { content: "\a7066"; margin-left: -1em; color: rgb(215, 94, 114); }
+.icon-video .path4:before { content: "\a7067"; margin-left: -1em; color: rgb(200, 189, 184); }
+.icon-video .path5:before { content: "\a7068"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-video .path6:before { content: "\a7069"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-video .path7:before { content: "\a706a"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-video .path8:before { content: "\a706b"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-video .path9:before { content: "\a706c"; margin-left: -1em; color: rgb(255, 255, 255); }
+
+.icon-xls .path1:before { content: "\a706d";  color: rgb(233, 233, 224); }
+.icon-xls .path2:before { content: "\a706e"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-xls .path3:before { content: "\a706f"; margin-left: -1em; color: rgb(145, 205, 160); }
+.icon-xls .path4:before { content: "\a7070"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-xls .path5:before { content: "\a7071"; margin-left: -1em; color: rgb(200, 189, 184); }
+
+.icon-xml2 .path1:before { content: "\a7072";  color: rgb(233, 233, 224); }
+.icon-xml2 .path2:before { content: "\a7073"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-xml2 .path3:before { content: "\a7074"; margin-left: -1em; color: rgb(242, 156, 31); }
+.icon-xml2 .path4:before { content: "\a7075"; margin-left: -1em; color: rgb(255, 255, 255); }
+
+.icon-ZD-accounts .path1:before { content: "\a7076";  color: rgb(1, 1, 1); }
+.icon-ZD-accounts .path2:before { content: "\a7077"; margin-left: -1.5625em; color: rgb(0, 0, 0); }
+
+.icon-ZD-contracts .path1:before { content: "\a7078";  color: rgb(0, 0, 0); }
+.icon-ZD-contracts .path2:before { content: "\a7079"; margin-left: -0.75em; color: rgb(17, 17, 17); }
+
+.icon-ZD-dashboards .path1:before { content: "\a707a";  color: rgb(0, 0, 0); }
+.icon-ZD-dashboards .path2:before { content: "\a707b"; margin-left: -1.125em; color: rgb(17, 17, 17); }
+
+.icon-ZD-products .path1:before { content: "\a707c";  color: rgb(0, 0, 0); }
+.icon-ZD-products .path2:before { content: "\a707d"; margin-left: -1.25em; color: rgb(17, 17, 17); }
+
+.icon-ZD-timeentry .path1:before { content: "\a707e";  color: rgb(17, 17, 17); }
+.icon-ZD-timeentry .path2:before { content: "\a707f"; margin-left: -0.9375em; color: rgb(0, 0, 0); }
+
+.icon-zip3 .path1:before { content: "\a7080";  color: rgb(233, 233, 224); }
+.icon-zip3 .path2:before { content: "\a7081"; margin-left: -1em; color: rgb(217, 215, 202); }
+.icon-zip3 .path3:before { content: "\a7082"; margin-left: -1em; color: rgb(85, 96, 128); }
+.icon-zip3 .path4:before { content: "\a7083"; margin-left: -1em; color: rgb(255, 255, 255); }
+.icon-zip3 .path5:before { content: "\a7084"; margin-left: -1em; color: rgb(200, 189, 184); }
+
+.icon-skills:before { content: "\a7085"; }
+
+.icon-customAction:before { content: "\a7086"; }
+
+.icon-ZD-IM .path1:before { content: "\a7087";  color: rgb(153, 153, 153); }
+.icon-ZD-IM .path2:before { content: "\a7088"; margin-left: -1.066406em; color: rgb(1, 1, 1); }
 }