@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-react-common";
-  src: url('../fonts/zd-common.woff2') format('woff2'),
-       url('../fonts/zd-common.woff') format('woff');
+  src:
+    url('../fonts/zd-common.woff2') format('woff2'),
+    
+    url('../fonts/zd-common.woff') format('woff'),
+    url('../fonts/zd-common.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,359 +14,881 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-react-common" !important;}
-/* Define icon codes */
-.icon-clip2:before { content: "\a4000"; }
-
-.icon-add-new:before { content: "\a4001"; }
-
-.icon-agent1:before { content: "\a4002"; }
-
-.icon-ai .path1:before { content: "\a4003";  color: rgb(233, 233, 224); }
-.icon-ai .path2:before { content: "\a4004"; margin-left: -1em; color: rgb(255, 193, 79); }
-.icon-ai .path3:before { content: "\a4005"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-ai .path4:before { content: "\a4006"; margin-left: -1em; color: rgb(200, 189, 184); }
-.icon-ai .path5:before { content: "\a4007"; margin-left: -1em; color: rgb(217, 215, 202); }
-
-.icon-alarm-clock:before { content: "\a4008"; color: #00a3fe; }
-
-.icon-archive:before { content: "\a4009"; }
-
-.icon-arrow-down-single:before { content: "\a400a"; }
-
-.icon-arrow-left:before { content: "\a400b"; }
-
-.icon-arrow-left3:before { content: "\a400c"; }
-
-.icon-arrow-right3:before { content: "\a400d"; }
-
-.icon-arrows-1:before { content: "\a400e"; }
-
-.icon-arrowup-single:before { content: "\a400f"; }
-
-.icon-bcarr:before { content: "\a4010"; }
-
-.icon-blueprint:before { content: "\a4011"; }
-
-.icon-books:before { content: "\a4012"; }
-
-.icon-calendar-icons:before { content: "\a4013"; }
-
-.icon-ch-email:before { content: "\a4014"; }
-
-.icon-ch-phone:before { content: "\a4015"; }
-
-.icon-Checkbox-type:before { content: "\a4016"; }
-
-.icon-checkmarks:before { content: "\a4017"; }
-
-.icon-chrome:before { content: "\a4018"; }
-
-.icon-circle-cross:before { content: "\a4019"; }
-
-.icon-circle-minus:before { content: "\a401a"; }
-
-.icon-circleminus3:before { content: "\a401b"; }
-
-.icon-circlePlus:before { content: "\a401c"; }
-
-.icon-circlePlus3:before { content: "\a401d"; }
-
-.icon-clip:before { content: "\a401e"; }
-
-.icon-clock:before { content: "\a401f"; }
-
-.icon-clock33:before { content: "\a4020"; }
-
-.icon-close1:before { content: "\a4021"; }
-
-.icon-closedtime1 .path1:before { content: "\a4022";  color: rgb(51, 155, 252); }
-.icon-closedtime1 .path2:before { content: "\a4023"; margin-left: -1.78125em; color: rgb(0, 0, 0); }
-
-.icon-cloud:before { content: "\a4024"; }
-
-.icon-comment-thick:before { content: "\a4025"; }
-
-.icon-comment-timer-pause:before { content: "\a4026"; }
-
-.icon-comments_1:before { content: "\a4027"; }
-
-.icon-comments-new-2:before { content: "\a4028"; }
-
-.icon-completed_task1 .path1:before { content: "\a4029";  color: rgb(0, 0, 0); }
-.icon-completed_task1 .path2:before { content: "\a402a"; margin-left: -1.625em; color: rgb(51, 155, 252); }
-
-.icon-createdtime2:before { content: "\a402b"; }
-
-.icon-css .path1:before { content: "\a402c";  color: rgb(233, 233, 224); }
-.icon-css .path2:before { content: "\a402d"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-css .path3:before { content: "\a402e"; margin-left: -1em; color: rgb(0, 150, 230); }
-.icon-css .path4:before { content: "\a402f"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-css5:before { content: "\a4030"; }
-
-.icon-deactive-user:before { content: "\a4031"; }
-
-.icon-delete2:before { content: "\a4032"; }
-
-.icon-desk_dislike-new:before { content: "\a4033"; }
-
-.icon-desk_like-new:before { content: "\a4034"; }
-
-.icon-dislike-new:before { content: "\a4035"; }
-
-.icon-dislike:before { content: "\a4036"; }
-
-.icon-doc .path1:before { content: "\a4037";  color: rgb(233, 233, 224); }
-.icon-doc .path2:before { content: "\a4038"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-doc .path3:before { content: "\a4039"; margin-left: -1em; color: rgb(134, 151, 203); }
-.icon-doc .path4:before { content: "\a403a"; margin-left: -1em; color: rgb(0, 150, 230); }
-.icon-doc .path5:before { content: "\a403b"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-dwg .path1:before { content: "\a403c";  color: rgb(233, 233, 224); }
-.icon-dwg .path2:before { content: "\a403d"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-dwg .path3:before { content: "\a403e"; margin-left: -1em; color: rgb(134, 151, 203); }
-.icon-dwg .path4:before { content: "\a403f"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-dwg .path5:before { content: "\a4040"; margin-left: -1em; color: rgb(200, 189, 184); }
-.icon-dwg .path6:before { content: "\a4041"; margin-left: -1em; color: rgb(173, 162, 158); }
-
-.icon-email-dft:before { content: "\a4042"; }
-
-.icon-exclamation-lightborder:before { content: "\a4043"; }
-
-.icon-exclamation-thincircle:before { content: "\a4044"; }
-
-.icon-exclamation:before { content: "\a4045"; }
-
-.icon-exe:before { content: "\a4046"; }
-
-.icon-exe2 .path1:before { content: "\a4047";  color: rgb(233, 233, 224); }
-.icon-exe2 .path2:before { content: "\a4048"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-exe2 .path3:before { content: "\a4049"; margin-left: -1em; color: rgb(151, 119, 168); }
-.icon-exe2 .path4:before { content: "\a404a"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-file-excel:before { content: "\a404b"; }
-
-.icon-file-music:before { content: "\a404c"; }
-
-.icon-file-openoffice:before { content: "\a404d"; }
-
-.icon-file-pdf:before { content: "\a404e"; }
-
-.icon-file-picture:before { content: "\a404f"; }
-
-.icon-file-text2:before { content: "\a4050"; }
-
-.icon-file-video:before { content: "\a4051"; }
-
-.icon-file-word:before { content: "\a4052"; }
-
-.icon-file-zip:before { content: "\a4053"; }
-
-.icon-firefox:before { content: "\a4054"; }
-
-.icon-game06 .path1:before { content: "\a4055";  color: rgb(188, 188, 188); }
-.icon-game06 .path2:before { content: "\a4056"; margin-left: -1.46875em; color: rgb(91, 91, 91); }
-
-.icon-geometry:before { content: "\a4057"; }
-
-.icon-globe2:before { content: "\a4058"; }
-
-.icon-help-round:before { content: "\a4059"; }
-
-.icon-help:before { content: "\a405a"; }
-
-.icon-html .path1:before { content: "\a405b";  color: rgb(233, 233, 224); }
-.icon-html .path2:before { content: "\a405c"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-html .path3:before { content: "\a405d"; margin-left: -1em; color: rgb(236, 102, 48); }
-.icon-html .path4:before { content: "\a405e"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-ics:before { content: "\a405f"; }
-
-.icon-IE:before { content: "\a4060"; }
-
-.icon-imageicn .path1:before { content: "\a4061";  color: rgb(233, 233, 224); }
-.icon-imageicn .path2:before { content: "\a4062"; margin-left: -1em; color: rgb(101, 156, 53); }
-.icon-imageicn .path3:before { content: "\a4063"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-imageicn .path4:before { content: "\a4064"; margin-left: -1em; color: rgb(243, 213, 91); }
-.icon-imageicn .path5:before { content: "\a4065"; margin-left: -1em; color: rgb(136, 192, 87); }
-.icon-imageicn .path6:before { content: "\a4066"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-images:before { content: "\a4067"; }
-
-.icon-inbox:before { content: "\a4068"; }
-
-.icon-info:before { content: "\a4069"; }
-
-.icon-info31:before { content: "\a406a"; }
-
-.icon-information:before { content: "\a406b"; }
-
-.icon-information57:before { content: "\a406c"; }
-
-.icon-Invoice:before { content: "\a406d"; }
-
-.icon-iphone:before { content: "\a406e"; }
-
-.icon-like:before { content: "\a406f"; }
-
-.icon-like2-new:before { content: "\a4070"; }
-
-.icon-like2:before { content: "\a4071"; }
-
-.icon-marketplace .path1:before { content: "\a4072";  color: rgb(43, 48, 53); }
-.icon-marketplace .path2:before { content: "\a4073"; margin-left: -1.056641em; color: rgb(140, 143, 146); }
-.icon-marketplace .path3:before { content: "\a4074"; margin-left: -1.056641em; color: rgb(209, 210, 211); }
-
-.icon-menu57:before { content: "\a4075"; }
-
-.icon-mp3 .path1:before { content: "\a4076";  color: rgb(233, 233, 224); }
-.icon-mp3 .path2:before { content: "\a4077"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-mp3 .path3:before { content: "\a4078"; margin-left: -1em; color: rgb(125, 101, 153); }
-.icon-mp3 .path4:before { content: "\a4079"; margin-left: -1em; color: rgb(200, 189, 184); }
-.icon-mp3 .path5:before { content: "\a407a"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-mp4 .path1:before { content: "\a407b";  color: rgb(233, 233, 224); }
-.icon-mp4 .path2:before { content: "\a407c"; margin-left: -1em; color: rgb(255, 83, 100); }
-.icon-mp4 .path3:before { content: "\a407d"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-mp4 .path4:before { content: "\a407e"; margin-left: -1em; color: rgb(200, 189, 184); }
-.icon-mp4 .path5:before { content: "\a407f"; margin-left: -1em; color: rgb(217, 215, 202); }
-
-.icon-Myinfo:before { content: "\a4080"; }
-
-.icon-On-hold:before { content: "\a4081"; }
-
-.icon-overdue2:before { content: "\a4082"; }
-
-.icon-pdf .path1:before { content: "\a4083";  color: rgb(233, 233, 224); }
-.icon-pdf .path2:before { content: "\a4084"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-pdf .path3:before { content: "\a4085"; margin-left: -1em; color: rgb(204, 75, 76); }
-.icon-pdf .path4:before { content: "\a4086"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-pin-dark:before { content: "\a4087"; }
-
-.icon-ppt:before { content: "\a4088"; }
-
-.icon-ppt2 .path1:before { content: "\a4089";  color: rgb(233, 233, 224); }
-.icon-ppt2 .path2:before { content: "\a408a"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-ppt2 .path3:before { content: "\a408b"; margin-left: -1em; color: rgb(246, 113, 46); }
-.icon-ppt2 .path4:before { content: "\a408c"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-ppt2 .path5:before { content: "\a408d"; margin-left: -1em; color: rgb(200, 189, 184); }
-.icon-ppt2 .path6:before { content: "\a408e"; margin-left: -1em; color: rgb(211, 204, 201); }
-
-.icon-psd .path1:before { content: "\a408f";  color: rgb(233, 233, 224); }
-.icon-psd .path2:before { content: "\a4090"; margin-left: -1em; color: rgb(88, 137, 196); }
-.icon-psd .path3:before { content: "\a4091"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-psd .path4:before { content: "\a4092"; margin-left: -1em; color: rgb(200, 189, 184); }
-.icon-psd .path5:before { content: "\a4093"; margin-left: -1em; color: rgb(217, 215, 202); }
-
-.icon-questionfile .path1:before { content: "\a4094";  color: rgb(233, 233, 224); }
-.icon-questionfile .path2:before { content: "\a4095"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-questionfile .path3:before { content: "\a4096"; margin-left: -1em; color: rgb(200, 189, 184); }
-.icon-questionfile .path4:before { content: "\a4097"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-questionfile .path5:before { content: "\a4098"; margin-left: -1em; color: rgb(200, 189, 184); }
-
-.icon-Quicksetupgear:before { content: "\a4099"; }
-
-.icon-re-invite:before { content: "\a409a"; }
-
-.icon-reload:before { content: "\a409b"; }
-
-.icon-salesforce .path1:before { content: "\a409c";  color: rgb(0, 161, 224); }
-.icon-salesforce .path2:before { content: "\a409d"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-sh2:before { content: "\a409e"; }
-
-.icon-spam:before { content: "\a409f"; }
-
-.icon-statusChange:before { content: "\a40a0"; }
-
-.icon-task_overdue-new:before { content: "\a40a1"; }
-
-.icon-task-call:before { content: "\a40a2"; }
-
-.icon-task-meeting:before { content: "\a40a3"; }
-
-.icon-task-none:before { content: "\a40a4"; }
-
-.icon-task-time-entry .path1:before { content: "\a40a5";  color: rgb(255, 255, 255); }
-.icon-task-time-entry .path2:before { content: "\a40a6"; margin-left: -0.90625em; color: rgb(0, 0, 0); }
-.icon-task-time-entry .path3:before { content: "\a40a7"; margin-left: -0.90625em; color: rgb(0, 0, 0); }
-.icon-task-time-entry .path4:before { content: "\a40a8"; margin-left: -0.90625em; color: rgb(0, 0, 0); }
-.icon-task-time-entry .path5:before { content: "\a40a9"; margin-left: -0.90625em; color: rgb(0, 0, 0); }
-
-.icon-telephone:before { content: "\a40aa"; }
-
-.icon-TelephonyDashboard .path1:before { content: "\a40ab";  color: rgb(204, 204, 204); opacity: 0.1; }
-.icon-TelephonyDashboard .path2:before { content: "\a40ac"; margin-left: -1em; color: rgb(216, 216, 216); opacity: 0.1; }
-.icon-TelephonyDashboard .path3:before { content: "\a40ad"; margin-left: -1em; color: rgb(81, 81, 81); opacity: 0.1; }
-.icon-TelephonyDashboard .path4:before { content: "\a40ae"; margin-left: -1em; color: rgb(234, 234, 234); }
-.icon-TelephonyDashboard .path5:before { content: "\a40af"; margin-left: -1em; color: rgb(242, 242, 242); }
-
-.icon-tick8:before { content: "\a40b0"; }
-
-.icon-ticknew:before { content: "\a40b1"; }
-
-.icon-Time-tracker:before { content: "\a40b2"; }
-
-.icon-timeline2:before { content: "\a40b3"; }
-
-.icon-TPCRM05-01:before { content: "\a40b4"; color: rgb(34, 109, 180); opacity: 0.9; }
-
-.icon-twilio:before { content: "\a40b5"; color: rgb(242, 47, 70); }
-
-.icon-twitter4:before { content: "\a40b6"; }
-
-.icon-txt .path1:before { content: "\a40b7";  color: rgb(233, 233, 224); }
-.icon-txt .path2:before { content: "\a40b8"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-txt .path3:before { content: "\a40b9"; margin-left: -1em; color: rgb(149, 165, 165); }
-.icon-txt .path4:before { content: "\a40ba"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-txt .path5:before { content: "\a40bb"; margin-left: -1em; color: rgb(200, 189, 184); }
-
-.icon-unarchive:before { content: "\a40bc"; }
-
-.icon-unknown:before { content: "\a40bd"; }
-
-.icon-update-success .path1:before { content: "\a40be";  color: rgb(147, 147, 147); }
-.icon-update-success .path2:before { content: "\a40bf"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-video .path1:before { content: "\a40c0";  color: rgb(233, 233, 224); }
-.icon-video .path2:before { content: "\a40c1"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-video .path3:before { content: "\a40c2"; margin-left: -1em; color: rgb(215, 94, 114); }
-.icon-video .path4:before { content: "\a40c3"; margin-left: -1em; color: rgb(200, 189, 184); }
-.icon-video .path5:before { content: "\a40c4"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-video .path6:before { content: "\a40c5"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-video .path7:before { content: "\a40c6"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-video .path8:before { content: "\a40c7"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-video .path9:before { content: "\a40c8"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-xls .path1:before { content: "\a40c9";  color: rgb(233, 233, 224); }
-.icon-xls .path2:before { content: "\a40ca"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-xls .path3:before { content: "\a40cb"; margin-left: -1em; color: rgb(145, 205, 160); }
-.icon-xls .path4:before { content: "\a40cc"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-xls .path5:before { content: "\a40cd"; margin-left: -1em; color: rgb(200, 189, 184); }
-
-.icon-xml:before { content: "\a40ce"; }
-
-.icon-xml2 .path1:before { content: "\a40cf";  color: rgb(233, 233, 224); }
-.icon-xml2 .path2:before { content: "\a40d0"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-xml2 .path3:before { content: "\a40d1"; margin-left: -1em; color: rgb(242, 156, 31); }
-.icon-xml2 .path4:before { content: "\a40d2"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-zip3 .path1:before { content: "\a40d3";  color: rgb(233, 233, 224); }
-.icon-zip3 .path2:before { content: "\a40d4"; margin-left: -1em; color: rgb(217, 215, 202); }
-.icon-zip3 .path3:before { content: "\a40d5"; margin-left: -1em; color: rgb(85, 96, 128); }
-.icon-zip3 .path4:before { content: "\a40d6"; margin-left: -1em; color: rgb(255, 255, 255); }
-.icon-zip3 .path5:before { content: "\a40d7"; margin-left: -1em; color: rgb(200, 189, 184); }
-
-.icon-playStore:before { content: "\a40d8"; }
-
-.icon-Bigin_Logo:before { content: "\a40d9"; color: rgb(4, 153, 73); opacity: 0.9; }
-
-.icon-archived:before { content: "\a40da"; }
-
-.icon-accessibility:before { content: "\a40db"; }
-
-.icon-videoCall:before { content: "\a40dc"; }
-
-.icon-telephoneThick:before { content: "\a40dd"; }
+.icon-clip2:before {
+  content: "\f700";
+}
+.icon-add-new:before {
+  content: "\f701";
+}
+.icon-agent1:before {
+  content: "\f702";
+}
+.icon-ai .path1:before {
+  content: "\f703";
+  color: rgb(233, 233, 224);
+}
+.icon-ai .path2:before {
+  content: "\f704";
+  margin-left: -1em;
+  color: rgb(255, 193, 79);
+}
+.icon-ai .path3:before {
+  content: "\f705";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-ai .path4:before {
+  content: "\f706";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-ai .path5:before {
+  content: "\f707";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-alarm-clock:before {
+  content: "\f708";
+  color: #00a3fe;
+}
+.icon-archive:before {
+  content: "\f709";
+}
+.icon-arrow-down-single:before {
+  content: "\f70a";
+}
+.icon-arrow-left:before {
+  content: "\f70b";
+}
+.icon-arrow-left3:before {
+  content: "\f70c";
+}
+.icon-arrow-right3:before {
+  content: "\f70d";
+}
+.icon-arrows-1:before {
+  content: "\f70e";
+}
+.icon-arrowup-single:before {
+  content: "\f70f";
+}
+.icon-bcarr:before {
+  content: "\f710";
+}
+.icon-blueprint:before {
+  content: "\f711";
+}
+.icon-books:before {
+  content: "\f712";
+}
+.icon-calendar-icons:before {
+  content: "\f713";
+}
+.icon-ch-email:before {
+  content: "\f714";
+}
+.icon-ch-phone:before {
+  content: "\f715";
+}
+.icon-Checkbox-type:before {
+  content: "\f716";
+}
+.icon-checkmarks:before {
+  content: "\f717";
+}
+.icon-chrome:before {
+  content: "\f718";
+}
+.icon-circle-cross:before {
+  content: "\f719";
+}
+.icon-circle-minus:before {
+  content: "\f71a";
+}
+.icon-circleminus3:before {
+  content: "\f71b";
+}
+.icon-circlePlus:before {
+  content: "\f71c";
+}
+.icon-circlePlus3:before {
+  content: "\f71d";
+}
+.icon-clip:before {
+  content: "\f71e";
+}
+.icon-clock:before {
+  content: "\f71f";
+}
+.icon-clock33:before {
+  content: "\f720";
+}
+.icon-close1:before {
+  content: "\f721";
+}
+.icon-closedtime1 .path1:before {
+  content: "\f722";
+  color: rgb(51, 155, 252);
+}
+.icon-closedtime1 .path2:before {
+  content: "\f723";
+  margin-left: -1.78125em;
+  color: rgb(0, 0, 0);
+}
+.icon-cloud:before {
+  content: "\f724";
+}
+.icon-comment-thick:before {
+  content: "\f725";
+}
+.icon-comment-timer-pause:before {
+  content: "\f726";
+}
+.icon-comments_1:before {
+  content: "\f727";
+}
+.icon-comments-new-2:before {
+  content: "\f728";
+}
+.icon-completed_task1 .path1:before {
+  content: "\f729";
+  color: rgb(0, 0, 0);
+}
+.icon-completed_task1 .path2:before {
+  content: "\f72a";
+  margin-left: -1.625em;
+  color: rgb(51, 155, 252);
+}
+.icon-createdtime2:before {
+  content: "\f72b";
+}
+.icon-css .path1:before {
+  content: "\f72c";
+  color: rgb(233, 233, 224);
+}
+.icon-css .path2:before {
+  content: "\f72d";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-css .path3:before {
+  content: "\f72e";
+  margin-left: -1em;
+  color: rgb(0, 150, 230);
+}
+.icon-css .path4:before {
+  content: "\f72f";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-css5:before {
+  content: "\f730";
+}
+.icon-deactive-user:before {
+  content: "\f731";
+}
+.icon-delete2:before {
+  content: "\f732";
+}
+.icon-desk_dislike-new:before {
+  content: "\f733";
+}
+.icon-desk_like-new:before {
+  content: "\f734";
+}
+.icon-dislike-new:before {
+  content: "\f735";
+}
+.icon-dislike:before {
+  content: "\f736";
+}
+.icon-doc .path1:before {
+  content: "\f737";
+  color: rgb(233, 233, 224);
+}
+.icon-doc .path2:before {
+  content: "\f738";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-doc .path3:before {
+  content: "\f739";
+  margin-left: -1em;
+  color: rgb(134, 151, 203);
+}
+.icon-doc .path4:before {
+  content: "\f73a";
+  margin-left: -1em;
+  color: rgb(0, 150, 230);
+}
+.icon-doc .path5:before {
+  content: "\f73b";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-dwg .path1:before {
+  content: "\f73c";
+  color: rgb(233, 233, 224);
+}
+.icon-dwg .path2:before {
+  content: "\f73d";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-dwg .path3:before {
+  content: "\f73e";
+  margin-left: -1em;
+  color: rgb(134, 151, 203);
+}
+.icon-dwg .path4:before {
+  content: "\f73f";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-dwg .path5:before {
+  content: "\f740";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-dwg .path6:before {
+  content: "\f741";
+  margin-left: -1em;
+  color: rgb(173, 162, 158);
+}
+.icon-email-dft:before {
+  content: "\f742";
+}
+.icon-exclamation-lightborder:before {
+  content: "\f743";
+}
+.icon-exclamation-thincircle:before {
+  content: "\f744";
+}
+.icon-exclamation:before {
+  content: "\f745";
+}
+.icon-exe:before {
+  content: "\f746";
+}
+.icon-exe2 .path1:before {
+  content: "\f747";
+  color: rgb(233, 233, 224);
+}
+.icon-exe2 .path2:before {
+  content: "\f748";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-exe2 .path3:before {
+  content: "\f749";
+  margin-left: -1em;
+  color: rgb(151, 119, 168);
+}
+.icon-exe2 .path4:before {
+  content: "\f74a";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-file-excel:before {
+  content: "\f74b";
+}
+.icon-file-music:before {
+  content: "\f74c";
+}
+.icon-file-openoffice:before {
+  content: "\f74d";
+}
+.icon-file-pdf:before {
+  content: "\f74e";
+}
+.icon-file-picture:before {
+  content: "\f74f";
+}
+.icon-file-text2:before {
+  content: "\f750";
+}
+.icon-file-video:before {
+  content: "\f751";
+}
+.icon-file-word:before {
+  content: "\f752";
+}
+.icon-file-zip:before {
+  content: "\f753";
+}
+.icon-firefox:before {
+  content: "\f754";
+}
+.icon-game06 .path1:before {
+  content: "\f755";
+  color: rgb(188, 188, 188);
+}
+.icon-game06 .path2:before {
+  content: "\f756";
+  margin-left: -1.46875em;
+  color: rgb(91, 91, 91);
+}
+.icon-geometry:before {
+  content: "\f757";
+}
+.icon-globe2:before {
+  content: "\f758";
+}
+.icon-help-round:before {
+  content: "\f759";
+}
+.icon-help:before {
+  content: "\f75a";
+}
+.icon-html .path1:before {
+  content: "\f75b";
+  color: rgb(233, 233, 224);
+}
+.icon-html .path2:before {
+  content: "\f75c";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-html .path3:before {
+  content: "\f75d";
+  margin-left: -1em;
+  color: rgb(236, 102, 48);
+}
+.icon-html .path4:before {
+  content: "\f75e";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-ics:before {
+  content: "\f75f";
+}
+.icon-IE:before {
+  content: "\f760";
+}
+.icon-imageicn .path1:before {
+  content: "\f761";
+  color: rgb(233, 233, 224);
+}
+.icon-imageicn .path2:before {
+  content: "\f762";
+  margin-left: -1em;
+  color: rgb(101, 156, 53);
+}
+.icon-imageicn .path3:before {
+  content: "\f763";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-imageicn .path4:before {
+  content: "\f764";
+  margin-left: -1em;
+  color: rgb(243, 213, 91);
+}
+.icon-imageicn .path5:before {
+  content: "\f765";
+  margin-left: -1em;
+  color: rgb(136, 192, 87);
+}
+.icon-imageicn .path6:before {
+  content: "\f766";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-images:before {
+  content: "\f767";
+}
+.icon-inbox:before {
+  content: "\f768";
+}
+.icon-info:before {
+  content: "\f769";
+}
+.icon-info31:before {
+  content: "\f76a";
+}
+.icon-information:before {
+  content: "\f76b";
+}
+.icon-information57:before {
+  content: "\f76c";
+}
+.icon-Invoice:before {
+  content: "\f76d";
+}
+.icon-iphone:before {
+  content: "\f76e";
+}
+.icon-like:before {
+  content: "\f76f";
+}
+.icon-like2-new:before {
+  content: "\f770";
+}
+.icon-like2:before {
+  content: "\f771";
+}
+.icon-marketplace .path1:before {
+  content: "\f772";
+  color: rgb(43, 48, 53);
+}
+.icon-marketplace .path2:before {
+  content: "\f773";
+  margin-left: -1.056640625em;
+  color: rgb(140, 143, 146);
+}
+.icon-marketplace .path3:before {
+  content: "\f774";
+  margin-left: -1.056640625em;
+  color: rgb(209, 210, 211);
+}
+.icon-menu57:before {
+  content: "\f775";
+}
+.icon-mp3 .path1:before {
+  content: "\f776";
+  color: rgb(233, 233, 224);
+}
+.icon-mp3 .path2:before {
+  content: "\f777";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-mp3 .path3:before {
+  content: "\f778";
+  margin-left: -1em;
+  color: rgb(125, 101, 153);
+}
+.icon-mp3 .path4:before {
+  content: "\f779";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-mp3 .path5:before {
+  content: "\f77a";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-mp4 .path1:before {
+  content: "\f77b";
+  color: rgb(233, 233, 224);
+}
+.icon-mp4 .path2:before {
+  content: "\f77c";
+  margin-left: -1em;
+  color: rgb(255, 83, 100);
+}
+.icon-mp4 .path3:before {
+  content: "\f77d";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-mp4 .path4:before {
+  content: "\f77e";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-mp4 .path5:before {
+  content: "\f77f";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-Myinfo:before {
+  content: "\f780";
+}
+.icon-On-hold:before {
+  content: "\f781";
+}
+.icon-overdue2:before {
+  content: "\f782";
+}
+.icon-pdf .path1:before {
+  content: "\f783";
+  color: rgb(233, 233, 224);
+}
+.icon-pdf .path2:before {
+  content: "\f784";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-pdf .path3:before {
+  content: "\f785";
+  margin-left: -1em;
+  color: rgb(204, 75, 76);
+}
+.icon-pdf .path4:before {
+  content: "\f786";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-pin-dark:before {
+  content: "\f787";
+}
+.icon-ppt:before {
+  content: "\f788";
+}
+.icon-ppt2 .path1:before {
+  content: "\f789";
+  color: rgb(233, 233, 224);
+}
+.icon-ppt2 .path2:before {
+  content: "\f78a";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-ppt2 .path3:before {
+  content: "\f78b";
+  margin-left: -1em;
+  color: rgb(246, 113, 46);
+}
+.icon-ppt2 .path4:before {
+  content: "\f78c";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-ppt2 .path5:before {
+  content: "\f78d";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-ppt2 .path6:before {
+  content: "\f78e";
+  margin-left: -1em;
+  color: rgb(211, 204, 201);
+}
+.icon-psd .path1:before {
+  content: "\f78f";
+  color: rgb(233, 233, 224);
+}
+.icon-psd .path2:before {
+  content: "\f790";
+  margin-left: -1em;
+  color: rgb(88, 137, 196);
+}
+.icon-psd .path3:before {
+  content: "\f791";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-psd .path4:before {
+  content: "\f792";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-psd .path5:before {
+  content: "\f793";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-questionfile .path1:before {
+  content: "\f794";
+  color: rgb(233, 233, 224);
+}
+.icon-questionfile .path2:before {
+  content: "\f795";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-questionfile .path3:before {
+  content: "\f796";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-questionfile .path4:before {
+  content: "\f797";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-questionfile .path5:before {
+  content: "\f798";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-Quicksetupgear:before {
+  content: "\f799";
+}
+.icon-re-invite:before {
+  content: "\f79a";
+}
+.icon-reload:before {
+  content: "\f79b";
+}
+.icon-salesforce .path1:before {
+  content: "\f79c";
+  color: rgb(0, 161, 224);
+}
+.icon-salesforce .path2:before {
+  content: "\f79d";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-sh2:before {
+  content: "\f79e";
+}
+.icon-spam:before {
+  content: "\f79f";
+}
+.icon-statusChange:before {
+  content: "\f7a0";
+}
+.icon-task_overdue-new:before {
+  content: "\f7a1";
+}
+.icon-task-call:before {
+  content: "\f7a2";
+}
+.icon-task-meeting:before {
+  content: "\f7a3";
+}
+.icon-task-none:before {
+  content: "\f7a4";
+}
+.icon-task-time-entry .path1:before {
+  content: "\f7a5";
+  color: rgb(255, 255, 255);
+}
+.icon-task-time-entry .path2:before {
+  content: "\f7a6";
+  margin-left: -0.90625em;
+  color: rgb(0, 0, 0);
+}
+.icon-task-time-entry .path3:before {
+  content: "\f7a7";
+  margin-left: -0.90625em;
+  color: rgb(0, 0, 0);
+}
+.icon-task-time-entry .path4:before {
+  content: "\f7a8";
+  margin-left: -0.90625em;
+  color: rgb(0, 0, 0);
+}
+.icon-task-time-entry .path5:before {
+  content: "\f7a9";
+  margin-left: -0.90625em;
+  color: rgb(0, 0, 0);
+}
+.icon-telephone:before {
+  content: "\f7aa";
+}
+.icon-TelephonyDashboard .path1:before {
+  content: "\f7ab";
+  color: rgb(204, 204, 204);
+  opacity: 0.1;
+}
+.icon-TelephonyDashboard .path2:before {
+  content: "\f7ac";
+  margin-left: -1em;
+  color: rgb(216, 216, 216);
+  opacity: 0.1;
+}
+.icon-TelephonyDashboard .path3:before {
+  content: "\f7ad";
+  margin-left: -1em;
+  color: rgb(81, 81, 81);
+  opacity: 0.1;
+}
+.icon-TelephonyDashboard .path4:before {
+  content: "\f7ae";
+  margin-left: -1em;
+  color: rgb(234, 234, 234);
+}
+.icon-TelephonyDashboard .path5:before {
+  content: "\f7af";
+  margin-left: -1em;
+  color: rgb(242, 242, 242);
+}
+.icon-tick8:before {
+  content: "\f7b0";
+}
+.icon-ticknew:before {
+  content: "\f7b1";
+}
+.icon-Time-tracker:before {
+  content: "\f7b2";
+}
+.icon-timeline2:before {
+  content: "\f7b3";
+}
+.icon-TPCRM05-01:before {
+  content: "\f7b4";
+  color: #226db4;
+}
+.icon-twilio:before {
+  content: "\f7b5";
+  color: #f22f46;
+}
+.icon-twitter4:before {
+  content: "\f7b6";
+}
+.icon-txt .path1:before {
+  content: "\f7b7";
+  color: rgb(233, 233, 224);
+}
+.icon-txt .path2:before {
+  content: "\f7b8";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-txt .path3:before {
+  content: "\f7b9";
+  margin-left: -1em;
+  color: rgb(149, 165, 165);
+}
+.icon-txt .path4:before {
+  content: "\f7ba";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-txt .path5:before {
+  content: "\f7bb";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-unarchive:before {
+  content: "\f7bc";
+}
+.icon-unknown:before {
+  content: "\f7bd";
+}
+.icon-update-success .path1:before {
+  content: "\f7be";
+  color: rgb(147, 147, 147);
+}
+.icon-update-success .path2:before {
+  content: "\f7bf";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-video .path1:before {
+  content: "\f7c0";
+  color: rgb(233, 233, 224);
+}
+.icon-video .path2:before {
+  content: "\f7c1";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-video .path3:before {
+  content: "\f7c2";
+  margin-left: -1em;
+  color: rgb(215, 94, 114);
+}
+.icon-video .path4:before {
+  content: "\f7c3";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-video .path5:before {
+  content: "\f7c4";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-video .path6:before {
+  content: "\f7c5";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-video .path7:before {
+  content: "\f7c6";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-video .path8:before {
+  content: "\f7c7";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-video .path9:before {
+  content: "\f7c8";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-xls .path1:before {
+  content: "\f7c9";
+  color: rgb(233, 233, 224);
+}
+.icon-xls .path2:before {
+  content: "\f7ca";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-xls .path3:before {
+  content: "\f7cb";
+  margin-left: -1em;
+  color: rgb(145, 205, 160);
+}
+.icon-xls .path4:before {
+  content: "\f7cc";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-xls .path5:before {
+  content: "\f7cd";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-xml:before {
+  content: "\f7ce";
+}
+.icon-xml2 .path1:before {
+  content: "\f7cf";
+  color: rgb(233, 233, 224);
+}
+.icon-xml2 .path2:before {
+  content: "\f7d0";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-xml2 .path3:before {
+  content: "\f7d1";
+  margin-left: -1em;
+  color: rgb(242, 156, 31);
+}
+.icon-xml2 .path4:before {
+  content: "\f7d2";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-zip3 .path1:before {
+  content: "\f7d3";
+  color: rgb(233, 233, 224);
+}
+.icon-zip3 .path2:before {
+  content: "\f7d4";
+  margin-left: -1em;
+  color: rgb(217, 215, 202);
+}
+.icon-zip3 .path3:before {
+  content: "\f7d5";
+  margin-left: -1em;
+  color: rgb(85, 96, 128);
+}
+.icon-zip3 .path4:before {
+  content: "\f7d6";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-zip3 .path5:before {
+  content: "\f7d7";
+  margin-left: -1em;
+  color: rgb(200, 189, 184);
+}
+.icon-playStore:before {
+  content: "\f7d8";
+}
+.icon-Bigin_Logo:before {
+  content: "\f7d9";
+  color: #049949;
+}
+.icon-archived:before {
+  content: "\f7da";
+}
+.icon-accessibility:before {
+  content: "\f7db";
+}
+.icon-videoCall:before {
+  content: "\f7dc";
+}
+.icon-telephoneThick:before {
+  content: "\f7dd";
+}
 }