@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rExportFiles";
-  src: url('../fonts/zd-rExportFiles.woff2') format('woff2'),
-       url('../fonts/zd-rExportFiles.woff') format('woff');
+  src:
+    url('../fonts/zd-rExportFiles.woff2') format('woff2'),
+    
+    url('../fonts/zd-rExportFiles.woff') format('woff'),
+    url('../fonts/zd-rExportFiles.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,200 +14,737 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rExportFiles" !important;}
-/* Define icon codes */
-.icon-clrCsv .path1:before { content: "\e1097";  color: rgb(234, 232, 223); }
-.icon-clrCsv .path2:before { content: "\e1098"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrCsv .path3:before { content: "\e1099"; margin-left: -1em; color: rgb(3, 152, 166); }
-.icon-clrCsv .path4:before { content: "\e109a"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrCsv .path5:before { content: "\e109b"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrCsv .path6:before { content: "\e109c"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrCsv .path7:before { content: "\e109d"; margin-left: -1em; color: rgb(201, 189, 184); }
-
-.icon-playstore:before { content: "\e1096"; }
-
-.icon-linux:before { content: "\e1095"; }
-
-.icon-iOS:before { content: "\e1094"; }
-
-.icon-firebox:before { content: "\e1093"; }
-
-.icon-fileZip:before { content: "\e1092"; }
-
-.icon-fileXml:before { content: "\e1091"; }
-
-.icon-fileWord:before { content: "\e1090"; }
-
-.icon-filePdf:before { content: "\e108f"; }
-
-.icon-fileMp4:before { content: "\e108e"; }
-
-.icon-fileOffice:before { content: "\e108d"; }
-
-.icon-fileImage:before { content: "\e108c"; }
-
-.icon-fileMp3:before { content: "\e108b"; }
-
-.icon-fileExcel:before { content: "\e108a"; }
-
-.icon-fileEmpty:before { content: "\e1089"; }
-
-.icon-file:before { content: "\e1088"; }
-
-.icon-explorer:before { content: "\e1087"; }
-
-.icon-exe:before { content: "\e1086"; }
-
-.icon-clrZip .path1:before { content: "\e1077";  color: rgb(234, 233, 224); }
-.icon-clrZip .path2:before { content: "\e1078"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrZip .path3:before { content: "\e1079"; margin-left: -1em; color: rgb(86, 97, 129); }
-.icon-clrZip .path4:before { content: "\e107a"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrZip .path5:before { content: "\e107b"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrZip .path6:before { content: "\e107c"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrZip .path7:before { content: "\e107d"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrZip .path8:before { content: "\e107e"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrZip .path9:before { content: "\e107f"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrZip .path10:before { content: "\e1080"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrZip .path11:before { content: "\e1081"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrZip .path12:before { content: "\e1082"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrZip .path13:before { content: "\e1083"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrZip .path14:before { content: "\e1084"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrZip .path15:before { content: "\e1085"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-clrXml .path1:before { content: "\e1071";  color: rgb(234, 233, 224); }
-.icon-clrXml .path2:before { content: "\e1072"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrXml .path3:before { content: "\e1073"; margin-left: -1em; color: rgb(241, 156, 35); }
-.icon-clrXml .path4:before { content: "\e1074"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrXml .path5:before { content: "\e1075"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrXml .path6:before { content: "\e1076"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-clrXls .path1:before { content: "\e106a";  color: rgb(234, 233, 224); }
-.icon-clrXls .path2:before { content: "\e106b"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrXls .path3:before { content: "\e106c"; margin-left: -1em; color: rgb(146, 205, 160); }
-.icon-clrXls .path4:before { content: "\e106d"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrXls .path5:before { content: "\e106e"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrXls .path6:before { content: "\e106f"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrXls .path7:before { content: "\e1070"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-clrVideo .path1:before { content: "\e1061";  color: rgb(234, 233, 224); }
-.icon-clrVideo .path2:before { content: "\e1062"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrVideo .path3:before { content: "\e1063"; margin-left: -1em; color: rgb(217, 95, 115); }
-.icon-clrVideo .path4:before { content: "\e1064"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrVideo .path5:before { content: "\e1065"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrVideo .path6:before { content: "\e1066"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrVideo .path7:before { content: "\e1067"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrVideo .path8:before { content: "\e1068"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrVideo .path9:before { content: "\e1069"; margin-left: -1em; color: rgb(201, 189, 184); }
-
-.icon-clrText .path1:before { content: "\e105a";  color: rgb(234, 233, 224); }
-.icon-clrText .path2:before { content: "\e105b"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrText .path3:before { content: "\e105c"; margin-left: -1em; color: rgb(149, 165, 164); }
-.icon-clrText .path4:before { content: "\e105d"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrText .path5:before { content: "\e105e"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrText .path6:before { content: "\e105f"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrText .path7:before { content: "\e1060"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-clrPsd .path1:before { content: "\e1053";  color: rgb(234, 233, 224); }
-.icon-clrPsd .path2:before { content: "\e1054"; margin-left: -1em; color: rgb(89, 137, 196); }
-.icon-clrPsd .path3:before { content: "\e1055"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrPsd .path4:before { content: "\e1056"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrPsd .path5:before { content: "\e1057"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrPsd .path6:before { content: "\e1058"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrPsd .path7:before { content: "\e1059"; margin-left: -1em; color: rgb(218, 215, 203); }
-
-.icon-clrPpt .path1:before { content: "\e104b";  color: rgb(234, 233, 224); }
-.icon-clrPpt .path2:before { content: "\e104c"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrPpt .path3:before { content: "\e104d"; margin-left: -1em; color: rgb(243, 113, 48); }
-.icon-clrPpt .path4:before { content: "\e104e"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrPpt .path5:before { content: "\e104f"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrPpt .path6:before { content: "\e1050"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrPpt .path7:before { content: "\e1051"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrPpt .path8:before { content: "\e1052"; margin-left: -1em; color: rgb(211, 204, 201); }
-
-.icon-clrPdf .path1:before { content: "\e1045";  color: rgb(234, 233, 224); }
-.icon-clrPdf .path2:before { content: "\e1046"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrPdf .path3:before { content: "\e1047"; margin-left: -1em; color: rgb(205, 75, 76); }
-.icon-clrPdf .path4:before { content: "\e1048"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrPdf .path5:before { content: "\e1049"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrPdf .path6:before { content: "\e104a"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-clrMp4 .path1:before { content: "\e103e";  color: rgb(234, 233, 224); }
-.icon-clrMp4 .path2:before { content: "\e103f"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrMp4 .path3:before { content: "\e1040"; margin-left: -1em; color: rgb(240, 85, 102); }
-.icon-clrMp4 .path4:before { content: "\e1041"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrMp4 .path5:before { content: "\e1042"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrMp4 .path6:before { content: "\e1043"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrMp4 .path7:before { content: "\e1044"; margin-left: -1em; color: rgb(201, 189, 184); }
-
-.icon-clrMp3 .path1:before { content: "\e1037";  color: rgb(234, 233, 224); }
-.icon-clrMp3 .path2:before { content: "\e1038"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrMp3 .path3:before { content: "\e1039"; margin-left: -1em; color: rgb(126, 102, 153); }
-.icon-clrMp3 .path4:before { content: "\e103a"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrMp3 .path5:before { content: "\e103b"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrMp3 .path6:before { content: "\e103c"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrMp3 .path7:before { content: "\e103d"; margin-left: -1em; color: rgb(201, 189, 184); }
-
-.icon-clrImage .path1:before { content: "\e102e";  color: rgb(234, 233, 224); }
-.icon-clrImage .path2:before { content: "\e102f"; margin-left: -1em; color: rgb(243, 213, 91); }
-.icon-clrImage .path3:before { content: "\e1030"; margin-left: -1em; color: rgb(100, 156, 66); }
-.icon-clrImage .path4:before { content: "\e1031"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrImage .path5:before { content: "\e1032"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrImage .path6:before { content: "\e1033"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrImage .path7:before { content: "\e1034"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrImage .path8:before { content: "\e1035"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrImage .path9:before { content: "\e1036"; margin-left: -1em; color: rgb(218, 215, 203); }
-
-.icon-clrHtml .path1:before { content: "\e1027";  color: rgb(234, 233, 224); }
-.icon-clrHtml .path2:before { content: "\e1028"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrHtml .path3:before { content: "\e1029"; margin-left: -1em; color: rgb(237, 102, 47); }
-.icon-clrHtml .path4:before { content: "\e102a"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrHtml .path5:before { content: "\e102b"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrHtml .path6:before { content: "\e102c"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrHtml .path7:before { content: "\e102d"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-clrHelp .path1:before { content: "\e1023";  color: rgb(234, 233, 224); }
-.icon-clrHelp .path2:before { content: "\e1024"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrHelp .path3:before { content: "\e1025"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrHelp .path4:before { content: "\e1026"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-clrExe .path1:before { content: "\e101d";  color: rgb(234, 233, 224); }
-.icon-clrExe .path2:before { content: "\e101e"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrExe .path3:before { content: "\e101f"; margin-left: -1em; color: rgb(151, 120, 169); }
-.icon-clrExe .path4:before { content: "\e1020"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrExe .path5:before { content: "\e1021"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrExe .path6:before { content: "\e1022"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-clrDwg .path1:before { content: "\e1015";  color: rgb(234, 233, 224); }
-.icon-clrDwg .path2:before { content: "\e1016"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrDwg .path3:before { content: "\e1017"; margin-left: -1em; color: rgb(135, 151, 202); }
-.icon-clrDwg .path4:before { content: "\e1018"; margin-left: -1em; color: rgb(201, 189, 184); }
-.icon-clrDwg .path5:before { content: "\e1019"; margin-left: -1em; color: rgb(173, 162, 157); }
-.icon-clrDwg .path6:before { content: "\e101a"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrDwg .path7:before { content: "\e101b"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrDwg .path8:before { content: "\e101c"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-clrDoc .path1:before { content: "\e100e";  color: rgb(234, 233, 224); }
-.icon-clrDoc .path2:before { content: "\e100f"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrDoc .path3:before { content: "\e1010"; margin-left: -1em; color: rgb(50, 146, 208); }
-.icon-clrDoc .path4:before { content: "\e1011"; margin-left: -1em; color: rgb(135, 151, 202); }
-.icon-clrDoc .path5:before { content: "\e1012"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrDoc .path6:before { content: "\e1013"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrDoc .path7:before { content: "\e1014"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-clrCss .path1:before { content: "\e1008";  color: rgb(234, 233, 224); }
-.icon-clrCss .path2:before { content: "\e1009"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrCss .path3:before { content: "\e100a"; margin-left: -1em; color: rgb(50, 146, 208); }
-.icon-clrCss .path4:before { content: "\e100b"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrCss .path5:before { content: "\e100c"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrCss .path6:before { content: "\e100d"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-clrAi .path1:before { content: "\e1002";  color: rgb(234, 233, 224); }
-.icon-clrAi .path2:before { content: "\e1003"; margin-left: -1em; color: rgb(218, 215, 203); }
-.icon-clrAi .path3:before { content: "\e1004"; margin-left: -1em; color: rgb(254, 193, 81); }
-.icon-clrAi .path4:before { content: "\e1005"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrAi .path5:before { content: "\e1006"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-clrAi .path6:before { content: "\e1007"; margin-left: -1em; color: rgb(201, 189, 184); }
-
-.icon-chrome:before { content: "\e1001"; }
-
-.icon-android:before { content: "\e1000"; }
+.icon-android:before {
+  content: "\b6000";
+}
+.icon-chrome:before {
+  content: "\b6001";
+}
+.icon-clrAi .path1:before {
+  content: "\b6002";
+  color: rgb(234, 233, 224);
+}
+.icon-clrAi .path2:before {
+  content: "\b6003";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrAi .path3:before {
+  content: "\b6004";
+  margin-left: -1em;
+  color: rgb(254, 193, 81);
+}
+.icon-clrAi .path4:before {
+  content: "\b6005";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrAi .path5:before {
+  content: "\b6006";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrAi .path6:before {
+  content: "\b6007";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrCss .path1:before {
+  content: "\b6008";
+  color: rgb(234, 233, 224);
+}
+.icon-clrCss .path2:before {
+  content: "\b6009";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrCss .path3:before {
+  content: "\b600a";
+  margin-left: -1em;
+  color: rgb(50, 146, 208);
+}
+.icon-clrCss .path4:before {
+  content: "\b600b";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrCss .path5:before {
+  content: "\b600c";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrCss .path6:before {
+  content: "\b600d";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrDoc .path1:before {
+  content: "\b600e";
+  color: rgb(234, 233, 224);
+}
+.icon-clrDoc .path2:before {
+  content: "\b600f";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrDoc .path3:before {
+  content: "\b6010";
+  margin-left: -1em;
+  color: rgb(50, 146, 208);
+}
+.icon-clrDoc .path4:before {
+  content: "\b6011";
+  margin-left: -1em;
+  color: rgb(135, 151, 202);
+}
+.icon-clrDoc .path5:before {
+  content: "\b6012";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrDoc .path6:before {
+  content: "\b6013";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrDoc .path7:before {
+  content: "\b6014";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrDwg .path1:before {
+  content: "\b6015";
+  color: rgb(234, 233, 224);
+}
+.icon-clrDwg .path2:before {
+  content: "\b6016";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrDwg .path3:before {
+  content: "\b6017";
+  margin-left: -1em;
+  color: rgb(135, 151, 202);
+}
+.icon-clrDwg .path4:before {
+  content: "\b6018";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrDwg .path5:before {
+  content: "\b6019";
+  margin-left: -1em;
+  color: rgb(173, 162, 157);
+}
+.icon-clrDwg .path6:before {
+  content: "\b601a";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrDwg .path7:before {
+  content: "\b601b";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrDwg .path8:before {
+  content: "\b601c";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrExe .path1:before {
+  content: "\b601d";
+  color: rgb(234, 233, 224);
+}
+.icon-clrExe .path2:before {
+  content: "\b601e";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrExe .path3:before {
+  content: "\b601f";
+  margin-left: -1em;
+  color: rgb(151, 120, 169);
+}
+.icon-clrExe .path4:before {
+  content: "\b6020";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrExe .path5:before {
+  content: "\b6021";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrExe .path6:before {
+  content: "\b6022";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrHelp .path1:before {
+  content: "\b6023";
+  color: rgb(234, 233, 224);
+}
+.icon-clrHelp .path2:before {
+  content: "\b6024";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrHelp .path3:before {
+  content: "\b6025";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrHelp .path4:before {
+  content: "\b6026";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrHtml .path1:before {
+  content: "\b6027";
+  color: rgb(234, 233, 224);
+}
+.icon-clrHtml .path2:before {
+  content: "\b6028";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrHtml .path3:before {
+  content: "\b6029";
+  margin-left: -1em;
+  color: rgb(237, 102, 47);
+}
+.icon-clrHtml .path4:before {
+  content: "\b602a";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrHtml .path5:before {
+  content: "\b602b";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrHtml .path6:before {
+  content: "\b602c";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrHtml .path7:before {
+  content: "\b602d";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrImage .path1:before {
+  content: "\b602e";
+  color: rgb(234, 233, 224);
+}
+.icon-clrImage .path2:before {
+  content: "\b602f";
+  margin-left: -1em;
+  color: rgb(243, 213, 91);
+}
+.icon-clrImage .path3:before {
+  content: "\b6030";
+  margin-left: -1em;
+  color: rgb(100, 156, 66);
+}
+.icon-clrImage .path4:before {
+  content: "\b6031";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrImage .path5:before {
+  content: "\b6032";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrImage .path6:before {
+  content: "\b6033";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrImage .path7:before {
+  content: "\b6034";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrImage .path8:before {
+  content: "\b6035";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrImage .path9:before {
+  content: "\b6036";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrMp3 .path1:before {
+  content: "\b6037";
+  color: rgb(234, 233, 224);
+}
+.icon-clrMp3 .path2:before {
+  content: "\b6038";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrMp3 .path3:before {
+  content: "\b6039";
+  margin-left: -1em;
+  color: rgb(126, 102, 153);
+}
+.icon-clrMp3 .path4:before {
+  content: "\b603a";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrMp3 .path5:before {
+  content: "\b603b";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrMp3 .path6:before {
+  content: "\b603c";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrMp3 .path7:before {
+  content: "\b603d";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrMp4 .path1:before {
+  content: "\b603e";
+  color: rgb(234, 233, 224);
+}
+.icon-clrMp4 .path2:before {
+  content: "\b603f";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrMp4 .path3:before {
+  content: "\b6040";
+  margin-left: -1em;
+  color: rgb(240, 85, 102);
+}
+.icon-clrMp4 .path4:before {
+  content: "\b6041";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrMp4 .path5:before {
+  content: "\b6042";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrMp4 .path6:before {
+  content: "\b6043";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrMp4 .path7:before {
+  content: "\b6044";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrPdf .path1:before {
+  content: "\b6045";
+  color: rgb(234, 233, 224);
+}
+.icon-clrPdf .path2:before {
+  content: "\b6046";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrPdf .path3:before {
+  content: "\b6047";
+  margin-left: -1em;
+  color: rgb(205, 75, 76);
+}
+.icon-clrPdf .path4:before {
+  content: "\b6048";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrPdf .path5:before {
+  content: "\b6049";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrPdf .path6:before {
+  content: "\b604a";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrPpt .path1:before {
+  content: "\b604b";
+  color: rgb(234, 233, 224);
+}
+.icon-clrPpt .path2:before {
+  content: "\b604c";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrPpt .path3:before {
+  content: "\b604d";
+  margin-left: -1em;
+  color: rgb(243, 113, 48);
+}
+.icon-clrPpt .path4:before {
+  content: "\b604e";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrPpt .path5:before {
+  content: "\b604f";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrPpt .path6:before {
+  content: "\b6050";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrPpt .path7:before {
+  content: "\b6051";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrPpt .path8:before {
+  content: "\b6052";
+  margin-left: -1em;
+  color: rgb(211, 204, 201);
+}
+.icon-clrPsd .path1:before {
+  content: "\b6053";
+  color: rgb(234, 233, 224);
+}
+.icon-clrPsd .path2:before {
+  content: "\b6054";
+  margin-left: -1em;
+  color: rgb(89, 137, 196);
+}
+.icon-clrPsd .path3:before {
+  content: "\b6055";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrPsd .path4:before {
+  content: "\b6056";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrPsd .path5:before {
+  content: "\b6057";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrPsd .path6:before {
+  content: "\b6058";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrPsd .path7:before {
+  content: "\b6059";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrText .path1:before {
+  content: "\b605a";
+  color: rgb(234, 233, 224);
+}
+.icon-clrText .path2:before {
+  content: "\b605b";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrText .path3:before {
+  content: "\b605c";
+  margin-left: -1em;
+  color: rgb(149, 165, 164);
+}
+.icon-clrText .path4:before {
+  content: "\b605d";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrText .path5:before {
+  content: "\b605e";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrText .path6:before {
+  content: "\b605f";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrText .path7:before {
+  content: "\b6060";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrVideo .path1:before {
+  content: "\b6061";
+  color: rgb(234, 233, 224);
+}
+.icon-clrVideo .path2:before {
+  content: "\b6062";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrVideo .path3:before {
+  content: "\b6063";
+  margin-left: -1em;
+  color: rgb(217, 95, 115);
+}
+.icon-clrVideo .path4:before {
+  content: "\b6064";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrVideo .path5:before {
+  content: "\b6065";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrVideo .path6:before {
+  content: "\b6066";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrVideo .path7:before {
+  content: "\b6067";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrVideo .path8:before {
+  content: "\b6068";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrVideo .path9:before {
+  content: "\b6069";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrXls .path1:before {
+  content: "\b606a";
+  color: rgb(234, 233, 224);
+}
+.icon-clrXls .path2:before {
+  content: "\b606b";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrXls .path3:before {
+  content: "\b606c";
+  margin-left: -1em;
+  color: rgb(146, 205, 160);
+}
+.icon-clrXls .path4:before {
+  content: "\b606d";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrXls .path5:before {
+  content: "\b606e";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrXls .path6:before {
+  content: "\b606f";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrXls .path7:before {
+  content: "\b6070";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrXml .path1:before {
+  content: "\b6071";
+  color: rgb(234, 233, 224);
+}
+.icon-clrXml .path2:before {
+  content: "\b6072";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrXml .path3:before {
+  content: "\b6073";
+  margin-left: -1em;
+  color: rgb(241, 156, 35);
+}
+.icon-clrXml .path4:before {
+  content: "\b6074";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrXml .path5:before {
+  content: "\b6075";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrXml .path6:before {
+  content: "\b6076";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrZip .path1:before {
+  content: "\b6077";
+  color: rgb(234, 233, 224);
+}
+.icon-clrZip .path2:before {
+  content: "\b6078";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrZip .path3:before {
+  content: "\b6079";
+  margin-left: -1em;
+  color: rgb(86, 97, 129);
+}
+.icon-clrZip .path4:before {
+  content: "\b607a";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrZip .path5:before {
+  content: "\b607b";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrZip .path6:before {
+  content: "\b607c";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrZip .path7:before {
+  content: "\b607d";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrZip .path8:before {
+  content: "\b607e";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrZip .path9:before {
+  content: "\b607f";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrZip .path10:before {
+  content: "\b6080";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrZip .path11:before {
+  content: "\b6081";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrZip .path12:before {
+  content: "\b6082";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
+.icon-clrZip .path13:before {
+  content: "\b6083";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrZip .path14:before {
+  content: "\b6084";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrZip .path15:before {
+  content: "\b6085";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-exe:before {
+  content: "\b6086";
+}
+.icon-explorer:before {
+  content: "\b6087";
+}
+.icon-file:before {
+  content: "\b6088";
+}
+.icon-fileEmpty:before {
+  content: "\b6089";
+}
+.icon-fileExcel:before {
+  content: "\b608a";
+}
+.icon-fileMp3:before {
+  content: "\b608b";
+}
+.icon-fileImage:before {
+  content: "\b608c";
+}
+.icon-fileOffice:before {
+  content: "\b608d";
+}
+.icon-fileMp4:before {
+  content: "\b608e";
+}
+.icon-filePdf:before {
+  content: "\b608f";
+}
+.icon-fileWord:before {
+  content: "\b6090";
+}
+.icon-fileXml:before {
+  content: "\b6091";
+}
+.icon-fileZip:before {
+  content: "\b6092";
+}
+.icon-firebox:before {
+  content: "\b6093";
+}
+.icon-iOS:before {
+  content: "\b6094";
+}
+.icon-linux:before {
+  content: "\b6095";
+}
+.icon-playstore:before {
+  content: "\b6096";
+}
+.icon-clrCsv .path1:before {
+  content: "\b6097";
+  color: rgb(234, 232, 223);
+}
+.icon-clrCsv .path2:before {
+  content: "\b6098";
+  margin-left: -1em;
+  color: rgb(218, 215, 203);
+}
+.icon-clrCsv .path3:before {
+  content: "\b6099";
+  margin-left: -1em;
+  color: rgb(3, 152, 166);
+}
+.icon-clrCsv .path4:before {
+  content: "\b609a";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrCsv .path5:before {
+  content: "\b609b";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrCsv .path6:before {
+  content: "\b609c";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-clrCsv .path7:before {
+  content: "\b609d";
+  margin-left: -1em;
+  color: rgb(201, 189, 184);
+}
 }