@zohodesk/icons 1.4.0-exp-1 → 1.4.1

package/assets/react/zd-font-react-setup.plain.css

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-react-setup";
-  src: url('../fonts/zd-setup.woff2') format('woff2'),
-       url('../fonts/zd-setup.woff') format('woff');
+  src:
+    url('../fonts/zd-setup.woff2') format('woff2'),
+    
+    url('../fonts/zd-setup.woff') format('woff'),
+    url('../fonts/zd-setup.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -15,291 +18,850 @@
 	font-family:"zdfonts-react-setup" !important;
 }
 
-/* Define icon codes */
-.icon-regenerateToken:before { content: "\c6000"; }
-
-.icon-access2:before { content: "\c6001"; }
-
-.icon-addons2:before { content: "\c6002"; }
-
-.icon-api2:before { content: "\c6003"; }
-
-.icon-arrow-t-right:before { content: "\c6004"; }
-
-.icon-ASAP-setup:before { content: "\c6005"; }
-
-.icon-assign:before { content: "\c6006"; }
-
-.icon-automation:before { content: "\c6007"; }
-
-.icon-bubbles3:before { content: "\c6008"; }
-
-.icon-business-hour:before { content: "\c6009"; }
-
-.icon-channels-4:before { content: "\c600a"; }
-
-.icon-circlePlus1:before { content: "\c600b"; }
-
-.icon-com-addbadge:before { content: "\c600c"; color: rgb(179, 179, 179); }
-
-.icon-com-badges .path1:before { content: "\c600d";  color: rgb(214, 210, 210); }
-.icon-com-badges .path2:before { content: "\c600e"; margin-left: -1.0625em; color: rgb(229, 227, 227); }
-.icon-com-badges .path3:before { content: "\c600f"; margin-left: -1.0625em; color: rgb(228, 92, 100); }
-.icon-com-badges .path4:before { content: "\c6010"; margin-left: -1.0625em; color: rgb(56, 51, 51); }
-
-.icon-com-bluebadge .path1:before { content: "\c6011";  color: rgb(92, 169, 255); }
-.icon-com-bluebadge .path2:before { content: "\c6012"; margin-left: -1.625em; color: rgb(131, 190, 255); }
-.icon-com-bluebadge .path3:before { content: "\c6013"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.1; }
-.icon-com-bluebadge .path4:before { content: "\c6014"; margin-left: -1.625em; color: rgb(56, 51, 51); }
-.icon-com-bluebadge .path5:before { content: "\c6015"; margin-left: -1.625em; color: rgb(246, 191, 81); }
-.icon-com-bluebadge .path6:before { content: "\c6016"; margin-left: -1.625em; color: rgb(56, 51, 51); }
-.icon-com-bluebadge .path7:before { content: "\c6017"; margin-left: -1.625em; color: rgb(230, 230, 230); }
-.icon-com-bluebadge .path8:before { content: "\c6018"; margin-left: -1.625em; color: rgb(255, 255, 255); }
-
-.icon-com-gamedisable .path1:before { content: "\c6019";  color: rgb(216, 147, 48); }
-.icon-com-gamedisable .path2:before { content: "\c601a"; margin-left: -1.0625em; color: rgb(246, 178, 66); }
-
-.icon-com-greenbadge .path1:before { content: "\c601b";  color: rgb(37, 206, 154); }
-.icon-com-greenbadge .path2:before { content: "\c601c"; margin-left: -1.625em; color: rgb(85, 217, 176); }
-.icon-com-greenbadge .path3:before { content: "\c601d"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.1; }
-.icon-com-greenbadge .path4:before { content: "\c601e"; margin-left: -1.625em; color: rgb(56, 51, 51); }
-.icon-com-greenbadge .path5:before { content: "\c601f"; margin-left: -1.625em; color: rgb(246, 191, 81); }
-.icon-com-greenbadge .path6:before { content: "\c6020"; margin-left: -1.625em; color: rgb(56, 51, 51); }
-.icon-com-greenbadge .path7:before { content: "\c6021"; margin-left: -1.625em; color: rgb(230, 230, 230); }
-.icon-com-greenbadge .path8:before { content: "\c6022"; margin-left: -1.625em; color: rgb(255, 255, 255); }
-
-.icon-com-levelexpert .path1:before { content: "\c6023";  color: rgb(51, 51, 51); }
-.icon-com-levelexpert .path2:before { content: "\c6024"; margin-left: -1em; color: rgb(217, 221, 221); }
-.icon-com-levelexpert .path3:before { content: "\c6025"; margin-left: -1em; color: rgb(51, 51, 51); }
-
-.icon-com-levels .path1:before { content: "\c6026";  color: rgb(56, 51, 51); }
-.icon-com-levels .path2:before { content: "\c6027"; margin-left: -1.0625em; color: rgb(214, 210, 210); }
-.icon-com-levels .path3:before { content: "\c6028"; margin-left: -1.0625em; color: rgb(229, 227, 227); }
-.icon-com-levels .path4:before { content: "\c6029"; margin-left: -1.0625em; color: rgb(56, 51, 51); }
-.icon-com-levels .path5:before { content: "\c602a"; margin-left: -1.0625em; color: rgb(230, 230, 230); }
-.icon-com-levels .path6:before { content: "\c602b"; margin-left: -1.0625em; color: rgb(255, 255, 255); }
-
-.icon-com-points .path1:before { content: "\c602c";  color: rgb(214, 210, 210); }
-.icon-com-points .path2:before { content: "\c602d"; margin-left: -1.0625em; color: rgb(229, 227, 227); }
-.icon-com-points .path3:before { content: "\c602e"; margin-left: -1.0625em; color: rgb(56, 51, 51); }
-.icon-com-points .path4:before { content: "\c602f"; margin-left: -1.0625em; color: rgb(213, 97, 121); }
-
-.icon-com-redbadge .path1:before { content: "\c6030";  color: rgb(215, 90, 74); }
-.icon-com-redbadge .path2:before { content: "\c6031"; margin-left: -1.625em; color: rgb(226, 109, 100); }
-.icon-com-redbadge .path3:before { content: "\c6032"; margin-left: -1.625em; color: rgb(56, 51, 51); }
-.icon-com-redbadge .path4:before { content: "\c6033"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.1; }
-.icon-com-redbadge .path5:before { content: "\c6034"; margin-left: -1.625em; color: rgb(246, 191, 81); }
-.icon-com-redbadge .path6:before { content: "\c6035"; margin-left: -1.625em; color: rgb(56, 51, 51); }
-.icon-com-redbadge .path7:before { content: "\c6036"; margin-left: -1.625em; color: rgb(230, 230, 230); }
-.icon-com-redbadge .path8:before { content: "\c6037"; margin-left: -1.625em; color: rgb(255, 255, 255); }
-
-.icon-common-badges1 .path1:before { content: "\c6038";  color: rgb(51, 195, 226); }
-.icon-common-badges1 .path2:before { content: "\c6039"; margin-left: -1.625em; color: rgb(72, 207, 229); }
-.icon-common-badges1 .path3:before { content: "\c603a"; margin-left: -1.625em; color: rgb(105, 104, 185); }
-.icon-common-badges1 .path4:before { content: "\c603b"; margin-left: -1.625em; color: rgb(230, 230, 230); }
-.icon-common-badges1 .path5:before { content: "\c603c"; margin-left: -1.625em; color: rgb(255, 208, 172); }
-.icon-common-badges1 .path6:before { content: "\c603d"; margin-left: -1.625em; color: rgb(232, 187, 156); }
-.icon-common-badges1 .path7:before { content: "\c603e"; margin-left: -1.625em; color: rgb(255, 255, 255); }
-.icon-common-badges1 .path8:before { content: "\c603f"; margin-left: -1.625em; color: rgb(230, 230, 230); }
-.icon-common-badges1 .path9:before { content: "\c6040"; margin-left: -1.625em; color: rgb(61, 59, 54); }
-
-.icon-common-badges2 .path1:before { content: "\c6041";  color: rgb(34, 191, 124); }
-.icon-common-badges2 .path2:before { content: "\c6042"; margin-left: -1.625em; color: rgb(52, 198, 131); }
-.icon-common-badges2 .path3:before { content: "\c6043"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.1; }
-.icon-common-badges2 .path4:before { content: "\c6044"; margin-left: -1.625em; color: rgb(61, 59, 54); }
-.icon-common-badges2 .path5:before { content: "\c6045"; margin-left: -1.625em; color: rgb(37, 206, 154); }
-.icon-common-badges2 .path6:before { content: "\c6046"; margin-left: -1.625em; color: rgb(105, 104, 185); }
-.icon-common-badges2 .path7:before { content: "\c6047"; margin-left: -1.625em; color: rgb(228, 92, 100); }
-.icon-common-badges2 .path8:before { content: "\c6048"; margin-left: -1.625em; color: rgb(230, 230, 230); }
-
-.icon-common-badges3 .path1:before { content: "\c6049";  color: rgb(135, 127, 239); }
-.icon-common-badges3 .path2:before { content: "\c604a"; margin-left: -1.625em; color: rgb(147, 140, 241); }
-.icon-common-badges3 .path3:before { content: "\c604b"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.1; }
-.icon-common-badges3 .path4:before { content: "\c604c"; margin-left: -1.625em; color: rgb(61, 59, 54); }
-.icon-common-badges3 .path5:before { content: "\c604d"; margin-left: -1.625em; color: rgb(230, 230, 230); }
-.icon-common-badges3 .path6:before { content: "\c604e"; margin-left: -1.625em; color: rgb(255, 255, 255); }
-
-.icon-common-badges4 .path1:before { content: "\c604f";  color: rgb(237, 133, 86); }
-.icon-common-badges4 .path2:before { content: "\c6050"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.12; }
-.icon-common-badges4 .path3:before { content: "\c6051"; margin-left: -1.625em; color: rgb(255, 255, 255); opacity: 0.15; }
-.icon-common-badges4 .path4:before { content: "\c6052"; margin-left: -1.625em; color: rgb(56, 51, 51); }
-.icon-common-badges4 .path5:before { content: "\c6053"; margin-left: -1.625em; color: rgb(255, 255, 255); }
-.icon-common-badges4 .path6:before { content: "\c6054"; margin-left: -1.625em; color: rgb(255, 226, 98); }
-.icon-common-badges4 .path7:before { content: "\c6055"; margin-left: -1.625em; color: rgb(252, 236, 158); opacity: 0.69; }
-.icon-common-badges4 .path8:before { content: "\c6056"; margin-left: -1.625em; color: rgb(255, 240, 211); }
-
-.icon-common-badges5 .path1:before { content: "\c6057";  color: rgb(224, 106, 126); }
-.icon-common-badges5 .path2:before { content: "\c6058"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.1; }
-.icon-common-badges5 .path3:before { content: "\c6059"; margin-left: -1.625em; color: rgb(229, 124, 146); }
-.icon-common-badges5 .path4:before { content: "\c605a"; margin-left: -1.625em; color: rgb(255, 169, 147); }
-.icon-common-badges5 .path5:before { content: "\c605b"; margin-left: -1.625em; color: rgb(255, 196, 184); }
-.icon-common-badges5 .path6:before { content: "\c605c"; margin-left: -1.625em; color: rgb(56, 51, 51); }
-.icon-common-badges5 .path7:before { content: "\c605d"; margin-left: -1.625em; color: rgb(255, 255, 255); }
-
-.icon-common-badges6 .path1:before { content: "\c605e";  color: rgb(37, 206, 154); }
-.icon-common-badges6 .path2:before { content: "\c605f"; margin-left: -1.625em; color: rgb(81, 216, 174); }
-.icon-common-badges6 .path3:before { content: "\c6060"; margin-left: -1.625em; color: rgb(56, 51, 51); }
-.icon-common-badges6 .path4:before { content: "\c6061"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.1; }
-.icon-common-badges6 .path5:before { content: "\c6062"; margin-left: -1.625em; color: rgb(105, 104, 185); }
-.icon-common-badges6 .path6:before { content: "\c6063"; margin-left: -1.625em; color: rgb(230, 230, 230); }
-.icon-common-badges6 .path7:before { content: "\c6064"; margin-left: -1.625em; color: rgb(255, 255, 255); }
-.icon-common-badges6 .path8:before { content: "\c6065"; margin-left: -1.625em; color: rgb(255, 208, 172); }
-.icon-common-badges6 .path9:before { content: "\c6066"; margin-left: -1.625em; color: rgb(232, 187, 156); }
-.icon-common-badges6 .path10:before { content: "\c6067"; margin-left: -1.625em; color: rgb(183, 239, 222); }
-
-.icon-common-badges7 .path1:before { content: "\c6068";  color: rgb(246, 191, 100); }
-.icon-common-badges7 .path2:before { content: "\c6069"; margin-left: -1.625em; color: rgb(246, 201, 125); }
-.icon-common-badges7 .path3:before { content: "\c606a"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.1; }
-.icon-common-badges7 .path4:before { content: "\c606b"; margin-left: -1.625em; color: rgb(105, 104, 185); }
-.icon-common-badges7 .path5:before { content: "\c606c"; margin-left: -1.625em; color: rgb(230, 230, 230); }
-.icon-common-badges7 .path6:before { content: "\c606d"; margin-left: -1.625em; color: rgb(255, 255, 255); }
-.icon-common-badges7 .path7:before { content: "\c606e"; margin-left: -1.625em; color: rgb(255, 208, 172); }
-.icon-common-badges7 .path8:before { content: "\c606f"; margin-left: -1.625em; color: rgb(232, 187, 156); }
-.icon-common-badges7 .path9:before { content: "\c6070"; margin-left: -1.625em; color: rgb(61, 59, 54); }
-.icon-common-badges7 .path10:before { content: "\c6071"; margin-left: -1.625em; color: rgb(236, 245, 221); }
-.icon-common-badges7 .path11:before { content: "\c6072"; margin-left: -1.625em; color: rgb(61, 59, 54); }
-
-.icon-common-badges8 .path1:before { content: "\c6073";  color: rgb(82, 139, 201); }
-.icon-common-badges8 .path2:before { content: "\c6074"; margin-left: -1.625em; color: rgb(82, 149, 201); }
-.icon-common-badges8 .path3:before { content: "\c6075"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.1; }
-.icon-common-badges8 .path4:before { content: "\c6076"; margin-left: -1.625em; color: rgb(61, 59, 54); }
-.icon-common-badges8 .path5:before { content: "\c6077"; margin-left: -1.625em; color: rgb(204, 204, 204); }
-.icon-common-badges8 .path6:before { content: "\c6078"; margin-left: -1.625em; color: rgb(61, 59, 54); }
-.icon-common-badges8 .path7:before { content: "\c6079"; margin-left: -1.625em; color: rgb(230, 230, 230); }
-.icon-common-badges8 .path8:before { content: "\c607a"; margin-left: -1.625em; color: rgb(61, 59, 54); }
-.icon-common-badges8 .path9:before { content: "\c607b"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.1; }
-
-.icon-common-badges9 .path1:before { content: "\c607c";  color: rgb(226, 220, 220); }
-.icon-common-badges9 .path2:before { content: "\c607d"; margin-left: -1.625em; color: rgb(56, 51, 51); }
-.icon-common-badges9 .path3:before { content: "\c607e"; margin-left: -1.625em; color: rgb(234, 229, 229); }
-.icon-common-badges9 .path4:before { content: "\c607f"; margin-left: -1.625em; color: rgb(61, 59, 54); }
-.icon-common-badges9 .path5:before { content: "\c6080"; margin-left: -1.625em; color: rgb(0, 0, 0); opacity: 0.12; }
-.icon-common-badges9 .path6:before { content: "\c6081"; margin-left: -1.625em; color: rgb(226, 87, 76); }
-.icon-common-badges9 .path7:before { content: "\c6082"; margin-left: -1.625em; color: rgb(239, 239, 239); }
-.icon-common-badges9 .path8:before { content: "\c6083"; margin-left: -1.625em; color: rgb(230, 230, 230); }
-
-.icon-common-badges10 .path1:before { content: "\c6084";  color: rgb(177, 213, 115); }
-.icon-common-badges10 .path2:before { content: "\c6085"; margin-left: -1.625em; color: rgb(193, 222, 144); }
-.icon-common-badges10 .path3:before { content: "\c6086"; margin-left: -1.625em; color: rgb(236, 245, 221); }
-.icon-common-badges10 .path4:before { content: "\c6087"; margin-left: -1.625em; color: rgb(61, 59, 54); }
-.icon-common-badges10 .path5:before { content: "\c6088"; margin-left: -1.625em; color: rgb(34, 191, 124); }
-.icon-common-badges10 .path6:before { content: "\c6089"; margin-left: -1.625em; color: rgb(56, 51, 51); }
-.icon-common-badges10 .path7:before { content: "\c608a"; margin-left: -1.625em; color: rgb(236, 245, 221); }
-
-.icon-community1:before { content: "\c608b"; }
-
-.icon-company:before { content: "\c608c"; }
-
-.icon-contract:before { content: "\c608d"; }
-
-.icon-copy4:before { content: "\c608e"; }
-
-.icon-cp2:before { content: "\c608f"; }
-
-.icon-csrating:before { content: "\c6090"; }
-
-.icon-customize:before { content: "\c6091"; }
-
-.icon-department:before { content: "\c6092"; }
-
-.icon-draganddrop-small:before { content: "\c6093"; }
-
-.icon-Email-type:before { content: "\c6094"; }
-
-.icon-email2:before { content: "\c6095"; }
-
-.icon-escalate:before { content: "\c6096"; }
-
-.icon-eye3:before { content: "\c6097"; }
-
-.icon-fields1:before { content: "\c6098"; }
-
-.icon-free-traial-extn:before { content: "\c6099"; }
-
-.icon-google-apps:before { content: "\c609a"; }
-
-.icon-integ2:before { content: "\c609b"; }
-
-.icon-kb-essential-pen:before { content: "\c609c"; }
-
-.icon-kb-essential-tools:before { content: "\c609d"; }
-
-.icon-KB-UI-Interface_Image:before { content: "\c609e"; }
-
-.icon-layouts:before { content: "\c609f"; }
-
-.icon-lifeline15:before { content: "\c60a0"; }
-
-.icon-linkurl:before { content: "\c60a1"; }
-
-.icon-macro:before { content: "\c60a2"; }
-
-.icon-My-Information:before { content: "\c60a3"; }
-
-.icon-new-noti1:before { content: "\c60a4"; }
-
-.icon-newchatgreenicn .path1:before { content: "\c60a5";  color: rgb(255, 255, 255); }
-.icon-newchatgreenicn .path2:before { content: "\c60a6"; margin-left: -1.0625em; color: rgb(20, 180, 116); }
-
-.icon-open:before { content: "\c60a7"; }
-
-.icon-organisation:before { content: "\c60a8"; }
-
-.icon-others:before { content: "\c60a9"; }
-
-.icon-power-button:before { content: "\c60aa"; }
-
-.icon-products:before { content: "\c60ab"; }
-
-.icon-rebrand1:before { content: "\c60ac"; }
-
-.icon-recyclebin:before { content: "\c60ad"; }
-
-.icon-setup_1:before { content: "\c60ae"; }
-
-.icon-setup-sort27:before { content: "\c60af"; }
-
-.icon-social:before { content: "\c60b0"; }
-
-.icon-sort27:before { content: "\c60b1"; }
-
-.icon-supervise:before { content: "\c60b2"; }
-
-.icon-sync-after:before { content: "\c60b3"; }
-
-.icon-sync-schedule:before { content: "\c60b4"; }
-
-.icon-sync-setting:before { content: "\c60b5"; }
-
-.icon-sync:before { content: "\c60b6"; }
-
-.icon-syncing-new:before { content: "\c60b7"; }
-
-.icon-syncing:before { content: "\c60b8"; }
-
-.icon-t-status1:before { content: "\c60b9"; }
-
-.icon-tab-1:before { content: "\c60ba"; }
-
-.icon-Tablock:before { content: "\c60bb"; }
-
-.icon-teams:before { content: "\c60bc"; }
-
-.icon-teams1:before { content: "\c60bd"; }
-
-.icon-teams2:before { content: "\c60be"; }
-
-.icon-telephony:before { content: "\c60bf"; }
-
-.icon-templates:before { content: "\c60c0"; }
-
-.icon-tick_new1:before { content: "\c60c1"; }
-
-.icon-workflow:before { content: "\c60c2"; }
-
-.icon-zwitch:before { content: "\c60c3"; }
-
-.icon-rolesSub:before { content: "\c60c4"; }
-
-.icon-roles:before { content: "\c60c5"; }
+.icon-regenerateToken:before {
+  content: "\f300";
+}
+.icon-access2:before {
+  content: "\f301";
+}
+.icon-addons2:before {
+  content: "\f302";
+}
+.icon-api2:before {
+  content: "\f303";
+}
+.icon-arrow-t-right:before {
+  content: "\f304";
+}
+.icon-ASAP-setup:before {
+  content: "\f305";
+}
+.icon-assign:before {
+  content: "\f306";
+}
+.icon-automation:before {
+  content: "\f307";
+}
+.icon-bubbles3:before {
+  content: "\f308";
+}
+.icon-business-hour:before {
+  content: "\f309";
+}
+.icon-channels-4:before {
+  content: "\f30a";
+}
+.icon-circlePlus1:before {
+  content: "\f30b";
+}
+.icon-com-addbadge:before {
+  content: "\f30c";
+  color: #b3b3b3;
+}
+.icon-com-badges .path1:before {
+  content: "\f30d";
+  color: rgb(214, 210, 210);
+}
+.icon-com-badges .path2:before {
+  content: "\f30e";
+  margin-left: -1.0625em;
+  color: rgb(229, 227, 227);
+}
+.icon-com-badges .path3:before {
+  content: "\f30f";
+  margin-left: -1.0625em;
+  color: rgb(228, 92, 100);
+}
+.icon-com-badges .path4:before {
+  content: "\f310";
+  margin-left: -1.0625em;
+  color: rgb(56, 51, 51);
+}
+.icon-com-bluebadge .path1:before {
+  content: "\f311";
+  color: rgb(92, 169, 255);
+}
+.icon-com-bluebadge .path2:before {
+  content: "\f312";
+  margin-left: -1.625em;
+  color: rgb(131, 190, 255);
+}
+.icon-com-bluebadge .path3:before {
+  content: "\f313";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.1;
+}
+.icon-com-bluebadge .path4:before {
+  content: "\f314";
+  margin-left: -1.625em;
+  color: rgb(56, 51, 51);
+}
+.icon-com-bluebadge .path5:before {
+  content: "\f315";
+  margin-left: -1.625em;
+  color: rgb(246, 191, 81);
+}
+.icon-com-bluebadge .path6:before {
+  content: "\f316";
+  margin-left: -1.625em;
+  color: rgb(56, 51, 51);
+}
+.icon-com-bluebadge .path7:before {
+  content: "\f317";
+  margin-left: -1.625em;
+  color: rgb(230, 230, 230);
+}
+.icon-com-bluebadge .path8:before {
+  content: "\f318";
+  margin-left: -1.625em;
+  color: rgb(255, 255, 255);
+}
+.icon-com-gamedisable .path1:before {
+  content: "\f319";
+  color: rgb(216, 147, 48);
+}
+.icon-com-gamedisable .path2:before {
+  content: "\f31a";
+  margin-left: -1.0625em;
+  color: rgb(246, 178, 66);
+}
+.icon-com-greenbadge .path1:before {
+  content: "\f31b";
+  color: rgb(37, 206, 154);
+}
+.icon-com-greenbadge .path2:before {
+  content: "\f31c";
+  margin-left: -1.625em;
+  color: rgb(85, 217, 176);
+}
+.icon-com-greenbadge .path3:before {
+  content: "\f31d";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.1;
+}
+.icon-com-greenbadge .path4:before {
+  content: "\f31e";
+  margin-left: -1.625em;
+  color: rgb(56, 51, 51);
+}
+.icon-com-greenbadge .path5:before {
+  content: "\f31f";
+  margin-left: -1.625em;
+  color: rgb(246, 191, 81);
+}
+.icon-com-greenbadge .path6:before {
+  content: "\f320";
+  margin-left: -1.625em;
+  color: rgb(56, 51, 51);
+}
+.icon-com-greenbadge .path7:before {
+  content: "\f321";
+  margin-left: -1.625em;
+  color: rgb(230, 230, 230);
+}
+.icon-com-greenbadge .path8:before {
+  content: "\f322";
+  margin-left: -1.625em;
+  color: rgb(255, 255, 255);
+}
+.icon-com-levelexpert .path1:before {
+  content: "\f323";
+  color: rgb(51, 51, 51);
+}
+.icon-com-levelexpert .path2:before {
+  content: "\f324";
+  margin-left: -1em;
+  color: rgb(217, 221, 221);
+}
+.icon-com-levelexpert .path3:before {
+  content: "\f325";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-com-levels .path1:before {
+  content: "\f326";
+  color: rgb(56, 51, 51);
+}
+.icon-com-levels .path2:before {
+  content: "\f327";
+  margin-left: -1.0625em;
+  color: rgb(214, 210, 210);
+}
+.icon-com-levels .path3:before {
+  content: "\f328";
+  margin-left: -1.0625em;
+  color: rgb(229, 227, 227);
+}
+.icon-com-levels .path4:before {
+  content: "\f329";
+  margin-left: -1.0625em;
+  color: rgb(56, 51, 51);
+}
+.icon-com-levels .path5:before {
+  content: "\f32a";
+  margin-left: -1.0625em;
+  color: rgb(230, 230, 230);
+}
+.icon-com-levels .path6:before {
+  content: "\f32b";
+  margin-left: -1.0625em;
+  color: rgb(255, 255, 255);
+}
+.icon-com-points .path1:before {
+  content: "\f32c";
+  color: rgb(214, 210, 210);
+}
+.icon-com-points .path2:before {
+  content: "\f32d";
+  margin-left: -1.0625em;
+  color: rgb(229, 227, 227);
+}
+.icon-com-points .path3:before {
+  content: "\f32e";
+  margin-left: -1.0625em;
+  color: rgb(56, 51, 51);
+}
+.icon-com-points .path4:before {
+  content: "\f32f";
+  margin-left: -1.0625em;
+  color: rgb(213, 97, 121);
+}
+.icon-com-redbadge .path1:before {
+  content: "\f330";
+  color: rgb(215, 90, 74);
+}
+.icon-com-redbadge .path2:before {
+  content: "\f331";
+  margin-left: -1.625em;
+  color: rgb(226, 109, 100);
+}
+.icon-com-redbadge .path3:before {
+  content: "\f332";
+  margin-left: -1.625em;
+  color: rgb(56, 51, 51);
+}
+.icon-com-redbadge .path4:before {
+  content: "\f333";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.1;
+}
+.icon-com-redbadge .path5:before {
+  content: "\f334";
+  margin-left: -1.625em;
+  color: rgb(246, 191, 81);
+}
+.icon-com-redbadge .path6:before {
+  content: "\f335";
+  margin-left: -1.625em;
+  color: rgb(56, 51, 51);
+}
+.icon-com-redbadge .path7:before {
+  content: "\f336";
+  margin-left: -1.625em;
+  color: rgb(230, 230, 230);
+}
+.icon-com-redbadge .path8:before {
+  content: "\f337";
+  margin-left: -1.625em;
+  color: rgb(255, 255, 255);
+}
+.icon-common-badges1 .path1:before {
+  content: "\f338";
+  color: rgb(51, 195, 226);
+}
+.icon-common-badges1 .path2:before {
+  content: "\f339";
+  margin-left: -1.625em;
+  color: rgb(72, 207, 229);
+}
+.icon-common-badges1 .path3:before {
+  content: "\f33a";
+  margin-left: -1.625em;
+  color: rgb(105, 104, 185);
+}
+.icon-common-badges1 .path4:before {
+  content: "\f33b";
+  margin-left: -1.625em;
+  color: rgb(230, 230, 230);
+}
+.icon-common-badges1 .path5:before {
+  content: "\f33c";
+  margin-left: -1.625em;
+  color: rgb(255, 208, 172);
+}
+.icon-common-badges1 .path6:before {
+  content: "\f33d";
+  margin-left: -1.625em;
+  color: rgb(232, 187, 156);
+}
+.icon-common-badges1 .path7:before {
+  content: "\f33e";
+  margin-left: -1.625em;
+  color: rgb(255, 255, 255);
+}
+.icon-common-badges1 .path8:before {
+  content: "\f33f";
+  margin-left: -1.625em;
+  color: rgb(230, 230, 230);
+}
+.icon-common-badges1 .path9:before {
+  content: "\f340";
+  margin-left: -1.625em;
+  color: rgb(61, 59, 54);
+}
+.icon-common-badges2 .path1:before {
+  content: "\f341";
+  color: rgb(34, 191, 124);
+}
+.icon-common-badges2 .path2:before {
+  content: "\f342";
+  margin-left: -1.625em;
+  color: rgb(52, 198, 131);
+}
+.icon-common-badges2 .path3:before {
+  content: "\f343";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.1;
+}
+.icon-common-badges2 .path4:before {
+  content: "\f344";
+  margin-left: -1.625em;
+  color: rgb(61, 59, 54);
+}
+.icon-common-badges2 .path5:before {
+  content: "\f345";
+  margin-left: -1.625em;
+  color: rgb(37, 206, 154);
+}
+.icon-common-badges2 .path6:before {
+  content: "\f346";
+  margin-left: -1.625em;
+  color: rgb(105, 104, 185);
+}
+.icon-common-badges2 .path7:before {
+  content: "\f347";
+  margin-left: -1.625em;
+  color: rgb(228, 92, 100);
+}
+.icon-common-badges2 .path8:before {
+  content: "\f348";
+  margin-left: -1.625em;
+  color: rgb(230, 230, 230);
+}
+.icon-common-badges3 .path1:before {
+  content: "\f349";
+  color: rgb(135, 127, 239);
+}
+.icon-common-badges3 .path2:before {
+  content: "\f34a";
+  margin-left: -1.625em;
+  color: rgb(147, 140, 241);
+}
+.icon-common-badges3 .path3:before {
+  content: "\f34b";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.1;
+}
+.icon-common-badges3 .path4:before {
+  content: "\f34c";
+  margin-left: -1.625em;
+  color: rgb(61, 59, 54);
+}
+.icon-common-badges3 .path5:before {
+  content: "\f34d";
+  margin-left: -1.625em;
+  color: rgb(230, 230, 230);
+}
+.icon-common-badges3 .path6:before {
+  content: "\f34e";
+  margin-left: -1.625em;
+  color: rgb(255, 255, 255);
+}
+.icon-common-badges4 .path1:before {
+  content: "\f34f";
+  color: rgb(237, 133, 86);
+}
+.icon-common-badges4 .path2:before {
+  content: "\f350";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.12;
+}
+.icon-common-badges4 .path3:before {
+  content: "\f351";
+  margin-left: -1.625em;
+  color: rgb(255, 255, 255);
+  opacity: 0.15;
+}
+.icon-common-badges4 .path4:before {
+  content: "\f352";
+  margin-left: -1.625em;
+  color: rgb(56, 51, 51);
+}
+.icon-common-badges4 .path5:before {
+  content: "\f353";
+  margin-left: -1.625em;
+  color: rgb(255, 255, 255);
+}
+.icon-common-badges4 .path6:before {
+  content: "\f354";
+  margin-left: -1.625em;
+  color: rgb(255, 226, 98);
+}
+.icon-common-badges4 .path7:before {
+  content: "\f355";
+  margin-left: -1.625em;
+  color: rgb(252, 236, 158);
+  opacity: 0.69;
+}
+.icon-common-badges4 .path8:before {
+  content: "\f356";
+  margin-left: -1.625em;
+  color: rgb(255, 240, 211);
+}
+.icon-common-badges5 .path1:before {
+  content: "\f357";
+  color: rgb(224, 106, 126);
+}
+.icon-common-badges5 .path2:before {
+  content: "\f358";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.1;
+}
+.icon-common-badges5 .path3:before {
+  content: "\f359";
+  margin-left: -1.625em;
+  color: rgb(229, 124, 146);
+}
+.icon-common-badges5 .path4:before {
+  content: "\f35a";
+  margin-left: -1.625em;
+  color: rgb(255, 169, 147);
+}
+.icon-common-badges5 .path5:before {
+  content: "\f35b";
+  margin-left: -1.625em;
+  color: rgb(255, 196, 184);
+}
+.icon-common-badges5 .path6:before {
+  content: "\f35c";
+  margin-left: -1.625em;
+  color: rgb(56, 51, 51);
+}
+.icon-common-badges5 .path7:before {
+  content: "\f35d";
+  margin-left: -1.625em;
+  color: rgb(255, 255, 255);
+}
+.icon-common-badges6 .path1:before {
+  content: "\f35e";
+  color: rgb(37, 206, 154);
+}
+.icon-common-badges6 .path2:before {
+  content: "\f35f";
+  margin-left: -1.625em;
+  color: rgb(81, 216, 174);
+}
+.icon-common-badges6 .path3:before {
+  content: "\f360";
+  margin-left: -1.625em;
+  color: rgb(56, 51, 51);
+}
+.icon-common-badges6 .path4:before {
+  content: "\f361";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.1;
+}
+.icon-common-badges6 .path5:before {
+  content: "\f362";
+  margin-left: -1.625em;
+  color: rgb(105, 104, 185);
+}
+.icon-common-badges6 .path6:before {
+  content: "\f363";
+  margin-left: -1.625em;
+  color: rgb(230, 230, 230);
+}
+.icon-common-badges6 .path7:before {
+  content: "\f364";
+  margin-left: -1.625em;
+  color: rgb(255, 255, 255);
+}
+.icon-common-badges6 .path8:before {
+  content: "\f365";
+  margin-left: -1.625em;
+  color: rgb(255, 208, 172);
+}
+.icon-common-badges6 .path9:before {
+  content: "\f366";
+  margin-left: -1.625em;
+  color: rgb(232, 187, 156);
+}
+.icon-common-badges6 .path10:before {
+  content: "\f367";
+  margin-left: -1.625em;
+  color: rgb(183, 239, 222);
+}
+.icon-common-badges7 .path1:before {
+  content: "\f368";
+  color: rgb(246, 191, 100);
+}
+.icon-common-badges7 .path2:before {
+  content: "\f369";
+  margin-left: -1.625em;
+  color: rgb(246, 201, 125);
+}
+.icon-common-badges7 .path3:before {
+  content: "\f36a";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.1;
+}
+.icon-common-badges7 .path4:before {
+  content: "\f36b";
+  margin-left: -1.625em;
+  color: rgb(105, 104, 185);
+}
+.icon-common-badges7 .path5:before {
+  content: "\f36c";
+  margin-left: -1.625em;
+  color: rgb(230, 230, 230);
+}
+.icon-common-badges7 .path6:before {
+  content: "\f36d";
+  margin-left: -1.625em;
+  color: rgb(255, 255, 255);
+}
+.icon-common-badges7 .path7:before {
+  content: "\f36e";
+  margin-left: -1.625em;
+  color: rgb(255, 208, 172);
+}
+.icon-common-badges7 .path8:before {
+  content: "\f36f";
+  margin-left: -1.625em;
+  color: rgb(232, 187, 156);
+}
+.icon-common-badges7 .path9:before {
+  content: "\f370";
+  margin-left: -1.625em;
+  color: rgb(61, 59, 54);
+}
+.icon-common-badges7 .path10:before {
+  content: "\f371";
+  margin-left: -1.625em;
+  color: rgb(236, 245, 221);
+}
+.icon-common-badges7 .path11:before {
+  content: "\f372";
+  margin-left: -1.625em;
+  color: rgb(61, 59, 54);
+}
+.icon-common-badges8 .path1:before {
+  content: "\f373";
+  color: rgb(82, 139, 201);
+}
+.icon-common-badges8 .path2:before {
+  content: "\f374";
+  margin-left: -1.625em;
+  color: rgb(82, 149, 201);
+}
+.icon-common-badges8 .path3:before {
+  content: "\f375";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.1;
+}
+.icon-common-badges8 .path4:before {
+  content: "\f376";
+  margin-left: -1.625em;
+  color: rgb(61, 59, 54);
+}
+.icon-common-badges8 .path5:before {
+  content: "\f377";
+  margin-left: -1.625em;
+  color: rgb(204, 204, 204);
+}
+.icon-common-badges8 .path6:before {
+  content: "\f378";
+  margin-left: -1.625em;
+  color: rgb(61, 59, 54);
+}
+.icon-common-badges8 .path7:before {
+  content: "\f379";
+  margin-left: -1.625em;
+  color: rgb(230, 230, 230);
+}
+.icon-common-badges8 .path8:before {
+  content: "\f37a";
+  margin-left: -1.625em;
+  color: rgb(61, 59, 54);
+}
+.icon-common-badges8 .path9:before {
+  content: "\f37b";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.1;
+}
+.icon-common-badges9 .path1:before {
+  content: "\f37c";
+  color: rgb(226, 220, 220);
+}
+.icon-common-badges9 .path2:before {
+  content: "\f37d";
+  margin-left: -1.625em;
+  color: rgb(56, 51, 51);
+}
+.icon-common-badges9 .path3:before {
+  content: "\f37e";
+  margin-left: -1.625em;
+  color: rgb(234, 229, 229);
+}
+.icon-common-badges9 .path4:before {
+  content: "\f37f";
+  margin-left: -1.625em;
+  color: rgb(61, 59, 54);
+}
+.icon-common-badges9 .path5:before {
+  content: "\f380";
+  margin-left: -1.625em;
+  color: rgb(0, 0, 0);
+  opacity: 0.12;
+}
+.icon-common-badges9 .path6:before {
+  content: "\f381";
+  margin-left: -1.625em;
+  color: rgb(226, 87, 76);
+}
+.icon-common-badges9 .path7:before {
+  content: "\f382";
+  margin-left: -1.625em;
+  color: rgb(239, 239, 239);
+}
+.icon-common-badges9 .path8:before {
+  content: "\f383";
+  margin-left: -1.625em;
+  color: rgb(230, 230, 230);
+}
+.icon-common-badges10 .path1:before {
+  content: "\f384";
+  color: rgb(177, 213, 115);
+}
+.icon-common-badges10 .path2:before {
+  content: "\f385";
+  margin-left: -1.625em;
+  color: rgb(193, 222, 144);
+}
+.icon-common-badges10 .path3:before {
+  content: "\f386";
+  margin-left: -1.625em;
+  color: rgb(236, 245, 221);
+}
+.icon-common-badges10 .path4:before {
+  content: "\f387";
+  margin-left: -1.625em;
+  color: rgb(61, 59, 54);
+}
+.icon-common-badges10 .path5:before {
+  content: "\f388";
+  margin-left: -1.625em;
+  color: rgb(34, 191, 124);
+}
+.icon-common-badges10 .path6:before {
+  content: "\f389";
+  margin-left: -1.625em;
+  color: rgb(56, 51, 51);
+}
+.icon-common-badges10 .path7:before {
+  content: "\f38a";
+  margin-left: -1.625em;
+  color: rgb(236, 245, 221);
+}
+.icon-community1:before {
+  content: "\f38b";
+}
+.icon-company:before {
+  content: "\f38c";
+}
+.icon-contract:before {
+  content: "\f38d";
+}
+.icon-copy4:before {
+  content: "\f38e";
+}
+.icon-cp2:before {
+  content: "\f38f";
+}
+.icon-csrating:before {
+  content: "\f390";
+}
+.icon-customize:before {
+  content: "\f391";
+}
+.icon-department:before {
+  content: "\f392";
+}
+.icon-draganddrop-small:before {
+  content: "\f393";
+}
+.icon-Email-type:before {
+  content: "\f394";
+}
+.icon-email2:before {
+  content: "\f395";
+}
+.icon-escalate:before {
+  content: "\f396";
+}
+.icon-eye3:before {
+  content: "\f397";
+}
+.icon-fields1:before {
+  content: "\f398";
+}
+.icon-free-traial-extn:before {
+  content: "\f399";
+}
+.icon-google-apps:before {
+  content: "\f39a";
+}
+.icon-integ2:before {
+  content: "\f39b";
+}
+.icon-kb-essential-pen:before {
+  content: "\f39c";
+}
+.icon-kb-essential-tools:before {
+  content: "\f39d";
+}
+.icon-KB-UI-Interface_Image:before {
+  content: "\f39e";
+}
+.icon-layouts:before {
+  content: "\f39f";
+}
+.icon-lifeline15:before {
+  content: "\f3a0";
+}
+.icon-linkurl:before {
+  content: "\f3a1";
+}
+.icon-macro:before {
+  content: "\f3a2";
+}
+.icon-My-Information:before {
+  content: "\f3a3";
+}
+.icon-new-noti1:before {
+  content: "\f3a4";
+}
+.icon-newchatgreenicn .path1:before {
+  content: "\f3a5";
+  color: rgb(255, 255, 255);
+}
+.icon-newchatgreenicn .path2:before {
+  content: "\f3a6";
+  margin-left: -1.0625em;
+  color: rgb(20, 180, 116);
+}
+.icon-open:before {
+  content: "\f3a7";
+}
+.icon-organisation:before {
+  content: "\f3a8";
+}
+.icon-others:before {
+  content: "\f3a9";
+}
+.icon-power-button:before {
+  content: "\f3aa";
+}
+.icon-products:before {
+  content: "\f3ab";
+}
+.icon-rebrand1:before {
+  content: "\f3ac";
+}
+.icon-recyclebin:before {
+  content: "\f3ad";
+}
+.icon-setup_1:before {
+  content: "\f3ae";
+}
+.icon-setup-sort27:before {
+  content: "\f3af";
+}
+.icon-social:before {
+  content: "\f3b0";
+}
+.icon-sort27:before {
+  content: "\f3b1";
+}
+.icon-supervise:before {
+  content: "\f3b2";
+}
+.icon-sync-after:before {
+  content: "\f3b3";
+}
+.icon-sync-schedule:before {
+  content: "\f3b4";
+}
+.icon-sync-setting:before {
+  content: "\f3b5";
+}
+.icon-sync:before {
+  content: "\f3b6";
+}
+.icon-syncing-new:before {
+  content: "\f3b7";
+}
+.icon-syncing:before {
+  content: "\f3b8";
+}
+.icon-t-status1:before {
+  content: "\f3b9";
+}
+.icon-tab-1:before {
+  content: "\f3ba";
+}
+.icon-Tablock:before {
+  content: "\f3bb";
+}
+.icon-teams:before {
+  content: "\f3bc";
+}
+.icon-teams1:before {
+  content: "\f3bd";
+}
+.icon-teams2:before {
+  content: "\f3be";
+}
+.icon-telephony:before {
+  content: "\f3bf";
+}
+.icon-templates:before {
+  content: "\f3c0";
+}
+.icon-tick_new1:before {
+  content: "\f3c1";
+}
+.icon-workflow:before {
+  content: "\f3c2";
+}
+.icon-zwitch:before {
+  content: "\f3c3";
+}
+.icon-rolesSub:before {
+  content: "\f3c4";
+}
+.icon-roles:before {
+  content: "\f3c5";
+}
 }