@zohodesk/icons 1.3.14 → 1.4.0-exp-1

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-rExportFiles";
-  src:
-    url('../fonts/zd-rExportFiles.woff2') format('woff2'),
-    
-    url('../fonts/zd-rExportFiles.woff') format('woff'),
-    url('../fonts/zd-rExportFiles.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-rExportFiles.woff2') format('woff2'),
+       url('../fonts/zd-rExportFiles.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,742 +10,201 @@
 @layer dot-icons.core {
 /*$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-android,.icon-chrome,.icon-clrAi,.icon-clrCss,.icon-clrDoc,.icon-clrDwg,.icon-clrExe,.icon-clrHelp,.icon-clrHtml,.icon-clrImage,.icon-clrMp3,.icon-clrMp4,.icon-clrPdf,.icon-clrPpt,.icon-clrPsd,.icon-clrText,.icon-clrVideo,.icon-clrXls,.icon-clrXml,.icon-clrZip,.icon-exe,.icon-explorer,.icon-file,.icon-fileEmpty,.icon-fileExcel,.icon-fileMp3,.icon-fileImage,.icon-fileOffice,.icon-fileMp4,.icon-filePdf,.icon-fileWord,.icon-fileXml,.icon-fileZip,.icon-firebox,.icon-iOS,.icon-linux,.icon-playstore,.icon-clrCsv{
-	font-family:"zdfonts-rExportFiles" !important;
-}
+.icon-playstore:before { content: "\e1096"; }
 
-.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);
-}
+.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"; }
 }