@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-react-customize";
-  src: url('../fonts/zd-customize.woff2') format('woff2'),
-       url('../fonts/zd-customize.woff') format('woff');
+  src:
+    url('../fonts/zd-customize.woff2') format('woff2'),
+    
+    url('../fonts/zd-customize.woff') format('woff'),
+    url('../fonts/zd-customize.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,197 +14,602 @@
 /*$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-callDir:before { content: "\a7005"; }
-
-.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); }
+.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);
+}
 }