@zohodesk/icons 1.4.0-exp-1 → 1.4.1

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

@@ -1,7 +1,10 @@
 @font-face {
   font-family:"zdfonts-rGeneral";
-  src: url('../fonts/zd-rGeneral.woff2') format('woff2'),
-       url('../fonts/zd-rGeneral.woff') format('woff');
+  src:
+    url('../fonts/zd-rGeneral.woff2') format('woff2'),
+    
+    url('../fonts/zd-rGeneral.woff') format('woff'),
+    url('../fonts/zd-rGeneral.svg#zdfonts') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -11,423 +14,811 @@
 /*$Id$*/
 
 .ff{font-family:"zdfonts-rGeneral" !important;}
-/* Define icon codes */
-.icon-process:before { content: "\e20e1"; }
-
-.icon-ultimatePlan:before { content: "\e20e0"; }
-
-.icon-standerdPlan:before { content: "\e20df"; }
-
-.icon-professionalPlan:before { content: "\e20de"; }
-
-.icon-OCR:before { content: "\e20dd"; }
-
-.icon-freePlan:before { content: "\e20dc"; }
-
-.icon-expressPlan:before { content: "\e20db"; }
-
-.icon-enterprisePlan:before { content: "\e20da"; }
-
-.icon-mailDefault:before { content: "\e20d9"; }
-
-.icon-followUpTicket:before { content: "\e20d8"; }
-
-.icon-doubleArrow:before { content: "\e20d7"; }
-
-.icon-pricingTag:before { content: "\e20d6"; }
-
-.icon-radar:before { content: "\e20d5"; }
-
-.icon-imRecord:before { content: "\e20d4"; }
-
-.icon-imPlay:before { content: "\e20d3"; }
-
-.icon-imPause .path1:before { content: "\e20d1";  color: rgb(0, 0, 0); }
-.icon-imPause .path2:before { content: "\e20d2"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-fileUnknown:before { content: "\e20d0"; }
-
-.icon-filePpt:before { content: "\e20cf"; }
-
-.icon-fileSheet:before { content: "\e20ce"; }
-
-.icon-fileDoc:before { content: "\e20cd"; }
-
-.icon-rename:before { content: "\e20cc"; }
-
-.icon-fileMail:before { content: "\e20cb"; }
-
-.icon-agentportal:before { content: "\e20ca"; }
-
-.icon-wallet:before { content: "\e20c9"; }
-
-.icon-primaryContact:before { content: "\e20c8"; }
-
-.icon-answerBot:before { content: "\e20c7"; }
-
-.icon-line:before { content: "\e20c6"; }
-
-.icon-instagram:before { content: "\e20c5"; }
-
-.icon-flagFill:before { content: "\e20c4"; }
-
-.icon-unDo:before { content: "\e20c3"; }
-
-.icon-pinned .path1:before { content: "\e20c0";  color: rgb(102, 103, 102); }
-.icon-pinned .path2:before { content: "\e20c1"; margin-left: -1em; color: rgb(51, 51, 51); }
-.icon-pinned .path3:before { content: "\e20c2"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-myPins:before { content: "\e20bf"; }
-
-.icon-databaseEncryption:before { content: "\e20be"; }
-
-.icon-customDashboard:before { content: "\e20bd"; }
-
-.icon-androidFill:before { content: "\e20bc"; }
-
-.icon-sortingArrow .path1:before { content: "\e20ba";  color: rgb(51, 51, 51); }
-.icon-sortingArrow .path2:before { content: "\e20bb"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-telegramFill:before { content: "\e20b9"; }
-
-.icon-mesengerFill:before { content: "\e20b8"; }
-
-.icon-ticketOwner:before { content: "\e20b7"; }
-
-.icon-smsAuth:before { content: "\e20b6"; }
-
-.icon-saml:before { content: "\e20b5"; }
-
-.icon-parentChild:before { content: "\e20b4"; }
-
-.icon-jsonWebToken:before { content: "\e20b3"; }
-
-.icon-filterAdd:before { content: "\e20b2"; }
-
-.icon-roundRobinSequential:before { content: "\e20b1"; }
-
-.icon-skipReplyall:before { content: "\e20b0"; }
-
-.icon-comma:before { content: "\e20af"; }
-
-.icon-enter:before { content: "\e20ae"; }
-
-.icon-spaceBar:before { content: "\e20ad"; }
-
-.icon-ticketDetail .path1:before { content: "\e20ab";  color: rgb(152, 152, 152); }
-.icon-ticketDetail .path2:before { content: "\e20ac"; margin-left: -1em; color: rgb(35, 31, 31); }
-
-.icon-Marketplace .path1:before { content: "\e20a9";  color: rgb(223, 230, 242); }
-.icon-Marketplace .path2:before { content: "\e20aa"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-money:before { content: "\e20a8"; }
-
-.icon-premium:before { content: "\e20a7"; }
-
-.icon-configuaration:before { content: "\e20a6"; }
-
-.icon-wmsMoon:before { content: "\e20a5"; }
-
-.icon-wmsSun:before { content: "\e20a4"; }
-
-.icon-unread .path1:before { content: "\e20a2";  color: rgb(153, 153, 153); }
-.icon-unread .path2:before { content: "\e20a3"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-read .path1:before { content: "\e20a0";  color: rgb(153, 153, 153); }
-.icon-read .path2:before { content: "\e20a1"; margin-left: -1.180664em; color: rgb(1, 1, 1); }
-
-.icon-accessibility:before { content: "\e209f"; }
-
-.icon-bounce:before { content: "\e209e"; }
-
-.icon-doubleTick:before { content: "\e209d"; }
-
-.icon-department:before { content: "\e209c"; }
-
-.icon-template .path1:before { content: "\e2097";  color: rgb(0, 0, 0); }
-.icon-template .path2:before { content: "\e2098"; margin-left: -1em; color: rgb(47, 116, 186); }
-.icon-template .path3:before { content: "\e2099"; margin-left: -1em; color: rgb(47, 116, 186); }
-.icon-template .path4:before { content: "\e209a"; margin-left: -1em; color: rgb(47, 116, 186); }
-.icon-template .path5:before { content: "\e209b"; margin-left: -1em; color: rgb(47, 116, 186); }
-
-.icon-relatedDetails:before { content: "\e2096"; }
-
-.icon-contactInformation:before { content: "\e2095"; }
-
-.icon-skills:before { content: "\e2094"; }
-
-.icon-freeTrial:before { content: "\e2093"; }
-
-.icon-gift:before { content: "\e2092"; }
-
-.icon-placeholder:before { content: "\e2091"; }
-
-.icon-clearFilter:before { content: "\e2090"; }
-
-.icon-onHold:before { content: "\e208f"; }
-
-.icon-infoStroke:before { content: "\e208e"; }
-
-.icon-unFollow:before { content: "\e208d"; }
-
-.icon-forwardFill:before { content: "\e208c"; }
-
-.icon-forward:before { content: "\e208b"; }
-
-.icon-follow:before { content: "\e208a"; }
-
-.icon-zoomOut:before { content: "\e2089"; }
-
-.icon-zoomIn:before { content: "\e2088"; }
-
-.icon-visible:before { content: "\e2087"; }
-
-.icon-upload:before { content: "\e2086"; }
-
-.icon-unlock:before { content: "\e2085"; }
-
-.icon-timeLine:before { content: "\e2084"; }
-
-.icon-tickRoundFill .path1:before { content: "\e2082";  color: rgb(0, 0, 0); }
-.icon-tickRoundFill .path2:before { content: "\e2083"; margin-left: -1em; color: rgb(255, 255, 255); }
-
-.icon-tick:before { content: "\e2081"; }
-
-.icon-starStroke:before { content: "\e2080"; }
-
-.icon-starFill:before { content: "\e207f"; }
-
-.icon-speakerOff:before { content: "\e207e"; }
-
-.icon-speaker:before { content: "\e207d"; }
-
-.icon-spam:before { content: "\e207c"; }
-
-.icon-sortingAZ:before { content: "\e207b"; }
-
-.icon-sorting:before { content: "\e207a"; }
-
-.icon-signal .path1:before { content: "\e2077";  color: rgb(102, 103, 102); }
-.icon-signal .path2:before { content: "\e2078"; margin-left: -1em; color: rgb(51, 51, 51); }
-.icon-signal .path3:before { content: "\e2079"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-share:before { content: "\e2076"; }
-
-.icon-search:before { content: "\e2075"; }
-
-.icon-screen:before { content: "\e2074"; }
-
-.icon-resize:before { content: "\e2073"; }
-
-.icon-replyAll:before { content: "\e2072"; }
-
-.icon-reply:before { content: "\e2071"; }
-
-.icon-reload:before { content: "\e2070"; }
-
-.icon-refresh:before { content: "\e206f"; }
-
-.icon-priorityMode:before { content: "\e206e"; }
-
-.icon-print:before { content: "\e206d"; }
-
-.icon-power:before { content: "\e206c"; }
-
-.icon-plus:before { content: "\e206b"; }
-
-.icon-pin:before { content: "\e206a"; }
-
-.icon-phone:before { content: "\e2069"; }
-
-.icon-paperPlane:before { content: "\e2068"; }
-
-.icon-okFill:before { content: "\e2067"; }
-
-.icon-ok:before { content: "\e2066"; }
-
-.icon-newLink:before { content: "\e2065"; }
-
-.icon-move:before { content: "\e2064"; }
-
-.icon-minus:before { content: "\e2063"; }
-
-.icon-minimize:before { content: "\e2062"; }
-
-.icon-maximize:before { content: "\e2061"; }
-
-.icon-lock:before { content: "\e2060"; }
-
-.icon-like:before { content: "\e205f"; }
-
-.icon-invisible:before { content: "\e205e"; }
-
-.icon-info:before { content: "\e205d"; }
-
-.icon-home:before { content: "\e205c"; }
-
-.icon-hideTab:before { content: "\e205b"; }
-
-.icon-helpStroke:before { content: "\e205a"; }
-
-.icon-helpRound:before { content: "\e2059"; }
-
-.icon-goodFill:before { content: "\e2058"; }
-
-.icon-good:before { content: "\e2057"; }
-
-.icon-funnel:before { content: "\e2056"; }
-
-.icon-exclamationfill:before { content: "\e2055"; }
-
-.icon-eraser .path1:before { content: "\e2053";  color: rgb(47, 116, 186); }
-.icon-eraser .path2:before { content: "\e2054"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-editPen:before { content: "\e2052"; }
-
-.icon-edit:before { content: "\e2051"; }
-
-.icon-dropdownStroke:before { content: "\e2050"; }
-
-.icon-dropdownCircle:before { content: "\e204f"; }
-
-.icon-dropdown:before { content: "\e204e"; }
-
-.icon-dragandDrop:before { content: "\e204d"; }
-
-.icon-download:before { content: "\e204c"; }
-
-.icon-dislike:before { content: "\e204b"; }
-
-.icon-descending:before { content: "\e204a"; }
-
-.icon-delete:before { content: "\e2049"; }
-
-.icon-copy:before { content: "\e2048"; }
-
-.icon-cloud:before { content: "\e2047"; }
-
-.icon-clock:before { content: "\e2046"; }
-
-.icon-clear:before { content: "\e2045"; }
-
-.icon-circlePlus:before { content: "\e2044"; }
-
-.icon-circleMinus:before { content: "\e2043"; }
-
-.icon-checkbox:before { content: "\e2042"; }
-
-.icon-camera:before { content: "\e2041"; }
-
-.icon-bgColor .path1:before { content: "\e203f";  color: rgb(47, 116, 186); }
-.icon-bgColor .path2:before { content: "\e2040"; margin-left: -1em; color: rgb(0, 0, 0); }
-
-.icon-bell:before { content: "\e203e"; }
-
-.icon-badFill:before { content: "\e203d"; }
-
-.icon-bad:before { content: "\e203c"; }
-
-.icon-backspaceDelete:before { content: "\e203b"; }
-
-.icon-avatar .path1:before { content: "\e2036";  color: rgb(216, 217, 216); opacity: 0.1; }
-.icon-avatar .path2:before { content: "\e2037"; margin-left: -1em; color: rgb(204, 204, 204); opacity: 0.1; }
-.icon-avatar .path3:before { content: "\e2038"; margin-left: -1em; color: rgb(82, 82, 82); opacity: 0.1; }
-.icon-avatar .path4:before { content: "\e2039"; margin-left: -1em; color: rgb(234, 234, 234); }
-.icon-avatar .path5:before { content: "\e203a"; margin-left: -1em; color: rgb(243, 243, 243); }
-
-.icon-attachment:before { content: "\e2035"; }
-
-.icon-ascending:before { content: "\e2034"; }
-
-.icon-arrowFill:before { content: "\e2033"; }
-
-.icon-arrowDownCircle:before { content: "\e2032"; }
-
-.icon-arrowDown:before { content: "\e2031"; }
-
-.icon-alertTriangleFill .path1:before { content: "\e202f";  color: rgb(51, 51, 51); }
-.icon-alertTriangleFill .path2:before { content: "\e2030"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-alertTriangle:before { content: "\e202e"; }
-
-.icon-alarmclock:before { content: "\e202d"; }
-
-.icon-agentFill:before { content: "\e202c"; }
-
-.icon-agent:before { content: "\e202b"; }
-
-.icon-underLine .path1:before { content: "\e2029";  color: rgb(47, 116, 186); }
-.icon-underLine .path2:before { content: "\e202a"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-strikeThrough .path1:before { content: "\e2026";  color: rgb(35, 31, 32); }
-.icon-strikeThrough .path2:before { content: "\e2027"; margin-left: -1em; color: rgb(35, 31, 32); }
-.icon-strikeThrough .path3:before { content: "\e2028"; margin-left: -1em; color: rgb(47, 116, 186); }
-
-.icon-spellCheck .path1:before { content: "\e2024";  color: rgb(1, 1, 1); }
-.icon-spellCheck .path2:before { content: "\e2025"; margin-left: -1em; color: rgb(47, 116, 186); }
-
-.icon-numbering .path1:before { content: "\e2022";  color: rgb(47, 116, 186); }
-.icon-numbering .path2:before { content: "\e2023"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-italic:before { content: "\e2021"; }
-
-.icon-insertQuote:before { content: "\e2020"; }
-
-.icon-insertImage .path1:before { content: "\e201e";  color: rgb(47, 116, 186); }
-.icon-insertImage .path2:before { content: "\e201f"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-insertHtml .path1:before { content: "\e201c";  color: rgb(102, 102, 102); }
-.icon-insertHtml .path2:before { content: "\e201d"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-insertCode:before { content: "\e201b"; }
-
-.icon-increaceIndent .path1:before { content: "\e2019";  color: rgb(1, 1, 1); }
-.icon-increaceIndent .path2:before { content: "\e201a"; margin-left: -1em; color: rgb(47, 116, 186); }
-
-.icon-horizontalRule .path1:before { content: "\e2017";  color: rgb(47, 116, 186); }
-.icon-horizontalRule .path2:before { content: "\e2018"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-formatPainter .path1:before { content: "\e2015";  color: rgb(47, 116, 186); }
-.icon-formatPainter .path2:before { content: "\e2016"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-fontColour .path1:before { content: "\e2013";  color: rgb(1, 1, 1); }
-.icon-fontColour .path2:before { content: "\e2014"; margin-left: -1em; color: rgb(47, 116, 186); }
-
-.icon-font:before { content: "\e2012"; }
-
-.icon-decreaceIndent .path1:before { content: "\e2010";  color: rgb(1, 1, 1); }
-.icon-decreaceIndent .path2:before { content: "\e2011"; margin-left: -1em; color: rgb(47, 116, 186); }
-
-.icon-clearFormat .path1:before { content: "\e200e";  color: rgb(47, 116, 186); }
-.icon-clearFormat .path2:before { content: "\e200f"; margin-left: -1em; color: rgb(1, 1, 1); }
-
-.icon-bullets .path1:before { content: "\e200c";  color: rgb(1, 1, 1); }
-.icon-bullets .path2:before { content: "\e200d"; margin-left: -1em; color: rgb(47, 116, 186); }
-
-.icon-bold:before { content: "\e200b"; }
-
-.icon-allignJustify .path1:before { content: "\e2009";  color: rgb(1, 1, 1); }
-.icon-allignJustify .path2:before { content: "\e200a"; margin-left: -1em; color: rgb(47, 116, 186); }
-
-.icon-allignCenter .path1:before { content: "\e2007";  color: rgb(1, 1, 1); }
-.icon-allignCenter .path2:before { content: "\e2008"; margin-left: -1em; color: rgb(47, 116, 186); }
-
-.icon-alignRight .path1:before { content: "\e2005";  color: rgb(1, 1, 1); }
-.icon-alignRight .path2:before { content: "\e2006"; margin-left: -1em; color: rgb(47, 116, 186); }
-
-.icon-alignLeft .path1:before { content: "\e2003";  color: rgb(1, 1, 1); }
-.icon-alignLeft .path2:before { content: "\e2004"; margin-left: -1em; color: rgb(47, 116, 186); }
-
-.icon-more:before { content: "\e2002"; }
-
-.icon-phoneFill:before { content: "\e2001"; }
-
-.icon-signOut:before { content: "\e2000"; }
-
-.icon-featureHome .path1:before { content: "\e20e2";  color: currentColor; }
-.icon-featureHome .path2:before { content: "\f300a"; margin-left: -1em; color: #f5b040; }
-
-.icon-manualTranslation:before { content: "\e20e3"; }
-
-.icon-tour:before { content: "\e20e4"; color: #010101; }
+.icon-signOut:before {
+  content: "\b2000";
+}
+.icon-phoneFill:before {
+  content: "\b2001";
+}
+.icon-more:before {
+  content: "\b2002";
+}
+.icon-alignLeft .path1:before {
+  content: "\b2003";
+  color: rgb(1, 1, 1);
+}
+.icon-alignLeft .path2:before {
+  content: "\b2004";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-alignRight .path1:before {
+  content: "\b2005";
+  color: rgb(1, 1, 1);
+}
+.icon-alignRight .path2:before {
+  content: "\b2006";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-allignCenter .path1:before {
+  content: "\b2007";
+  color: rgb(1, 1, 1);
+}
+.icon-allignCenter .path2:before {
+  content: "\b2008";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-allignJustify .path1:before {
+  content: "\b2009";
+  color: rgb(1, 1, 1);
+}
+.icon-allignJustify .path2:before {
+  content: "\b200a";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-bold:before {
+  content: "\b200b";
+}
+.icon-bullets .path1:before {
+  content: "\b200c";
+  color: rgb(1, 1, 1);
+}
+.icon-bullets .path2:before {
+  content: "\b200d";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-clearFormat .path1:before {
+  content: "\b200e";
+  color: rgb(47, 116, 186);
+}
+.icon-clearFormat .path2:before {
+  content: "\b200f";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-decreaceIndent .path1:before {
+  content: "\b2010";
+  color: rgb(1, 1, 1);
+}
+.icon-decreaceIndent .path2:before {
+  content: "\b2011";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-font:before {
+  content: "\b2012";
+}
+.icon-fontColour .path1:before {
+  content: "\b2013";
+  color: rgb(1, 1, 1);
+}
+.icon-fontColour .path2:before {
+  content: "\b2014";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-formatPainter .path1:before {
+  content: "\b2015";
+  color: rgb(47, 116, 186);
+}
+.icon-formatPainter .path2:before {
+  content: "\b2016";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-horizontalRule .path1:before {
+  content: "\b2017";
+  color: rgb(47, 116, 186);
+}
+.icon-horizontalRule .path2:before {
+  content: "\b2018";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-increaceIndent .path1:before {
+  content: "\b2019";
+  color: rgb(1, 1, 1);
+}
+.icon-increaceIndent .path2:before {
+  content: "\b201a";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-insertCode:before {
+  content: "\b201b";
+}
+.icon-insertHtml .path1:before {
+  content: "\b201c";
+  color: rgb(102, 102, 102);
+}
+.icon-insertHtml .path2:before {
+  content: "\b201d";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-insertImage .path1:before {
+  content: "\b201e";
+  color: rgb(47, 116, 186);
+}
+.icon-insertImage .path2:before {
+  content: "\b201f";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-insertQuote:before {
+  content: "\b2020";
+}
+.icon-italic:before {
+  content: "\b2021";
+}
+.icon-numbering .path1:before {
+  content: "\b2022";
+  color: rgb(47, 116, 186);
+}
+.icon-numbering .path2:before {
+  content: "\b2023";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-spellCheck .path1:before {
+  content: "\b2024";
+  color: rgb(1, 1, 1);
+}
+.icon-spellCheck .path2:before {
+  content: "\b2025";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-strikeThrough .path1:before {
+  content: "\b2026";
+  color: rgb(35, 31, 32);
+}
+.icon-strikeThrough .path2:before {
+  content: "\b2027";
+  margin-left: -1em;
+  color: rgb(35, 31, 32);
+}
+.icon-strikeThrough .path3:before {
+  content: "\b2028";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-underLine .path1:before {
+  content: "\b2029";
+  color: rgb(47, 116, 186);
+}
+.icon-underLine .path2:before {
+  content: "\b202a";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-agent:before {
+  content: "\b202b";
+}
+.icon-agentFill:before {
+  content: "\b202c";
+}
+.icon-alarmclock:before {
+  content: "\b202d";
+}
+.icon-alertTriangle:before {
+  content: "\b202e";
+}
+.icon-alertTriangleFill .path1:before {
+  content: "\b202f";
+  color: rgb(51, 51, 51);
+}
+.icon-alertTriangleFill .path2:before {
+  content: "\b2030";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-arrowDown:before {
+  content: "\b2031";
+}
+.icon-arrowDownCircle:before {
+  content: "\b2032";
+}
+.icon-arrowFill:before {
+  content: "\b2033";
+}
+.icon-ascending:before {
+  content: "\b2034";
+}
+.icon-attachment:before {
+  content: "\b2035";
+}
+.icon-avatar .path1:before {
+  content: "\b2036";
+  color: rgb(216, 217, 216);
+  opacity: 0.1;
+}
+.icon-avatar .path2:before {
+  content: "\b2037";
+  margin-left: -1em;
+  color: rgb(204, 204, 204);
+  opacity: 0.1;
+}
+.icon-avatar .path3:before {
+  content: "\b2038";
+  margin-left: -1em;
+  color: rgb(82, 82, 82);
+  opacity: 0.1;
+}
+.icon-avatar .path4:before {
+  content: "\b2039";
+  margin-left: -1em;
+  color: rgb(234, 234, 234);
+}
+.icon-avatar .path5:before {
+  content: "\b203a";
+  margin-left: -1em;
+  color: rgb(243, 243, 243);
+}
+.icon-backspaceDelete:before {
+  content: "\b203b";
+}
+.icon-bad:before {
+  content: "\b203c";
+}
+.icon-badFill:before {
+  content: "\b203d";
+}
+.icon-bell:before {
+  content: "\b203e";
+}
+.icon-bgColor .path1:before {
+  content: "\b203f";
+  color: rgb(47, 116, 186);
+}
+.icon-bgColor .path2:before {
+  content: "\b2040";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-camera:before {
+  content: "\b2041";
+}
+.icon-checkbox:before {
+  content: "\b2042";
+}
+.icon-circleMinus:before {
+  content: "\b2043";
+}
+.icon-circlePlus:before {
+  content: "\b2044";
+}
+.icon-clear:before {
+  content: "\b2045";
+}
+.icon-clock:before {
+  content: "\b2046";
+}
+.icon-cloud:before {
+  content: "\b2047";
+}
+.icon-copy:before {
+  content: "\b2048";
+}
+.icon-delete:before {
+  content: "\b2049";
+}
+.icon-descending:before {
+  content: "\b204a";
+}
+.icon-dislike:before {
+  content: "\b204b";
+}
+.icon-download:before {
+  content: "\b204c";
+}
+.icon-dragandDrop:before {
+  content: "\b204d";
+}
+.icon-dropdown:before {
+  content: "\b204e";
+}
+.icon-dropdownCircle:before {
+  content: "\b204f";
+}
+.icon-dropdownStroke:before {
+  content: "\b2050";
+}
+.icon-edit:before {
+  content: "\b2051";
+}
+.icon-editPen:before {
+  content: "\b2052";
+}
+.icon-eraser .path1:before {
+  content: "\b2053";
+  color: rgb(47, 116, 186);
+}
+.icon-eraser .path2:before {
+  content: "\b2054";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-exclamationfill:before {
+  content: "\b2055";
+}
+.icon-funnel:before {
+  content: "\b2056";
+}
+.icon-good:before {
+  content: "\b2057";
+}
+.icon-goodFill:before {
+  content: "\b2058";
+}
+.icon-helpRound:before {
+  content: "\b2059";
+}
+.icon-helpStroke:before {
+  content: "\b205a";
+}
+.icon-hideTab:before {
+  content: "\b205b";
+}
+.icon-home:before {
+  content: "\b205c";
+}
+.icon-info:before {
+  content: "\b205d";
+}
+.icon-invisible:before {
+  content: "\b205e";
+}
+.icon-like:before {
+  content: "\b205f";
+}
+.icon-lock:before {
+  content: "\b2060";
+}
+.icon-maximize:before {
+  content: "\b2061";
+}
+.icon-minimize:before {
+  content: "\b2062";
+}
+.icon-minus:before {
+  content: "\b2063";
+}
+.icon-move:before {
+  content: "\b2064";
+}
+.icon-newLink:before {
+  content: "\b2065";
+}
+.icon-ok:before {
+  content: "\b2066";
+}
+.icon-okFill:before {
+  content: "\b2067";
+}
+.icon-paperPlane:before {
+  content: "\b2068";
+}
+.icon-phone:before {
+  content: "\b2069";
+}
+.icon-pin:before {
+  content: "\b206a";
+}
+.icon-plus:before {
+  content: "\b206b";
+}
+.icon-power:before {
+  content: "\b206c";
+}
+.icon-print:before {
+  content: "\b206d";
+}
+.icon-priorityMode:before {
+  content: "\b206e";
+}
+.icon-refresh:before {
+  content: "\b206f";
+}
+.icon-reload:before {
+  content: "\b2070";
+}
+.icon-reply:before {
+  content: "\b2071";
+}
+.icon-replyAll:before {
+  content: "\b2072";
+}
+.icon-resize:before {
+  content: "\b2073";
+}
+.icon-screen:before {
+  content: "\b2074";
+}
+.icon-search:before {
+  content: "\b2075";
+}
+.icon-share:before {
+  content: "\b2076";
+}
+.icon-signal .path1:before {
+  content: "\b2077";
+  color: rgb(102, 103, 102);
+}
+.icon-signal .path2:before {
+  content: "\b2078";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-signal .path3:before {
+  content: "\b2079";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-sorting:before {
+  content: "\b207a";
+}
+.icon-sortingAZ:before {
+  content: "\b207b";
+}
+.icon-spam:before {
+  content: "\b207c";
+}
+.icon-speaker:before {
+  content: "\b207d";
+}
+.icon-speakerOff:before {
+  content: "\b207e";
+}
+.icon-starFill:before {
+  content: "\b207f";
+}
+.icon-starStroke:before {
+  content: "\b2080";
+}
+.icon-tick:before {
+  content: "\b2081";
+}
+.icon-tickRoundFill .path1:before {
+  content: "\b2082";
+  color: rgb(0, 0, 0);
+}
+.icon-tickRoundFill .path2:before {
+  content: "\b2083";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-timeLine:before {
+  content: "\b2084";
+}
+.icon-unlock:before {
+  content: "\b2085";
+}
+.icon-upload:before {
+  content: "\b2086";
+}
+.icon-visible:before {
+  content: "\b2087";
+}
+.icon-zoomIn:before {
+  content: "\b2088";
+}
+.icon-zoomOut:before {
+  content: "\b2089";
+}
+.icon-follow:before {
+  content: "\b208a";
+}
+.icon-forward:before {
+  content: "\b208b";
+}
+.icon-forwardFill:before {
+  content: "\b208c";
+}
+.icon-unFollow:before {
+  content: "\b208d";
+}
+.icon-infoStroke:before {
+  content: "\b208e";
+}
+.icon-onHold:before {
+  content: "\b208f";
+}
+.icon-clearFilter:before {
+  content: "\b2090";
+}
+.icon-placeholder:before {
+  content: "\b2091";
+}
+.icon-gift:before {
+  content: "\b2092";
+}
+.icon-freeTrial:before {
+  content: "\b2093";
+}
+.icon-skills:before {
+  content: "\b2094";
+}
+.icon-contactInformation:before {
+  content: "\b2095";
+}
+.icon-relatedDetails:before {
+  content: "\b2096";
+}
+.icon-template .path1:before {
+  content: "\b2097";
+  color: rgb(0, 0, 0);
+}
+.icon-template .path2:before {
+  content: "\b2098";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-template .path3:before {
+  content: "\b2099";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-template .path4:before {
+  content: "\b209a";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-template .path5:before {
+  content: "\b209b";
+  margin-left: -1em;
+  color: rgb(47, 116, 186);
+}
+.icon-department:before {
+  content: "\b209c";
+}
+.icon-doubleTick:before {
+  content: "\b209d";
+}
+.icon-bounce:before {
+  content: "\b209e";
+}
+.icon-accessibility:before {
+  content: "\b209f";
+}
+.icon-read .path1:before {
+  content: "\b20a0";
+  color: rgb(153, 153, 153);
+}
+.icon-read .path2:before {
+  content: "\b20a1";
+  margin-left: -1.1806640625em;
+  color: rgb(1, 1, 1);
+}
+.icon-unread .path1:before {
+  content: "\b20a2";
+  color: rgb(153, 153, 153);
+}
+.icon-unread .path2:before {
+  content: "\b20a3";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-wmsSun:before {
+  content: "\b20a4";
+}
+.icon-wmsMoon:before {
+  content: "\b20a5";
+}
+.icon-configuaration:before {
+  content: "\b20a6";
+}
+.icon-premium:before {
+  content: "\b20a7";
+}
+.icon-money:before {
+  content: "\b20a8";
+}
+.icon-Marketplace .path1:before {
+  content: "\b20a9";
+  color: rgb(223, 230, 242);
+}
+.icon-Marketplace .path2:before {
+  content: "\b20aa";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-ticketDetail .path1:before {
+  content: "\b20ab";
+  color: rgb(152, 152, 152);
+}
+.icon-ticketDetail .path2:before {
+  content: "\b20ac";
+  margin-left: -1em;
+  color: rgb(35, 31, 31);
+}
+.icon-spaceBar:before {
+  content: "\b20ad";
+}
+.icon-enter:before {
+  content: "\b20ae";
+}
+.icon-comma:before {
+  content: "\b20af";
+}
+.icon-skipReplyall:before {
+  content: "\b20b0";
+}
+.icon-roundRobinSequential:before {
+  content: "\b20b1";
+}
+.icon-filterAdd:before {
+  content: "\b20b2";
+}
+.icon-jsonWebToken:before {
+  content: "\b20b3";
+}
+.icon-parentChild:before {
+  content: "\b20b4";
+}
+.icon-saml:before {
+  content: "\b20b5";
+}
+.icon-smsAuth:before {
+  content: "\b20b6";
+}
+.icon-ticketOwner:before {
+  content: "\b20b7";
+}
+.icon-mesengerFill:before {
+  content: "\b20b8";
+}
+.icon-telegramFill:before {
+  content: "\b20b9";
+}
+.icon-sortingArrow .path1:before {
+  content: "\b20ba";
+  color: rgb(51, 51, 51);
+}
+.icon-sortingArrow .path2:before {
+  content: "\b20bb";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-androidFill:before {
+  content: "\b20bc";
+}
+.icon-customDashboard:before {
+  content: "\b20bd";
+}
+.icon-databaseEncryption:before {
+  content: "\b20be";
+}
+.icon-myPins:before {
+  content: "\b20bf";
+}
+.icon-pinned .path1:before {
+  content: "\b20c0";
+  color: rgb(102, 103, 102);
+}
+.icon-pinned .path2:before {
+  content: "\b20c1";
+  margin-left: -1em;
+  color: rgb(51, 51, 51);
+}
+.icon-pinned .path3:before {
+  content: "\b20c2";
+  margin-left: -1em;
+  color: rgb(1, 1, 1);
+}
+.icon-unDo:before {
+  content: "\b20c3";
+}
+.icon-flagFill:before {
+  content: "\b20c4";
+}
+.icon-instagram:before {
+  content: "\b20c5";
+}
+.icon-line:before {
+  content: "\b20c6";
+}
+.icon-answerBot:before {
+  content: "\b20c7";
+}
+.icon-primaryContact:before {
+  content: "\b20c8";
+}
+.icon-wallet:before {
+  content: "\b20c9";
+}
+.icon-agentportal:before {
+  content: "\b20ca";
+}
+.icon-fileMail:before {
+  content: "\b20cb";
+}
+.icon-rename:before {
+  content: "\b20cc";
+}
+.icon-fileDoc:before {
+  content: "\b20cd";
+}
+.icon-fileSheet:before {
+  content: "\b20ce";
+}
+.icon-filePpt:before {
+  content: "\b20cf";
+}
+.icon-fileUnknown:before {
+  content: "\b20d0";
+}
+.icon-imPause .path1:before {
+  content: "\b20d1";
+  color: rgb(0, 0, 0);
+}
+.icon-imPause .path2:before {
+  content: "\b20d2";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-imPlay:before {
+  content: "\b20d3";
+}
+.icon-imRecord:before {
+  content: "\b20d4";
+}
+.icon-radar:before {
+  content: "\b20d5";
+}
+.icon-pricingTag:before {
+  content: "\b20d6";
+}
+.icon-doubleArrow:before {
+  content: "\b20d7";
+}
+.icon-followUpTicket:before {
+  content: "\b20d8";
+}
+.icon-mailDefault:before {
+  content: "\b20d9";
+}
+.icon-enterprisePlan:before {
+  content: "\b20da";
+}
+.icon-expressPlan:before {
+  content: "\b20db";
+}
+.icon-freePlan:before {
+  content: "\b20dc";
+}
+.icon-OCR:before {
+  content: "\b20dd";
+}
+.icon-professionalPlan:before {
+  content: "\b20de";
+}
+.icon-standerdPlan:before {
+  content: "\b20df";
+}
+.icon-ultimatePlan:before {
+  content: "\b20e0";
+}
+.icon-process:before {
+  content: "\b20e1";
+}
+.icon-featureHome .path1:before {
+  content: "\b20e2";
+  color: rgb(0, 0, 0);
+}
+.icon-featureHome .path2:before {
+  content: "\b20e3";
+  margin-left: -1em;
+  color: rgb(245, 176, 64);
+}
+.icon-manualTranslation:before {
+  content: "\b20e4";
+}
+.icon-tour:before {
+  content: "\b20e5";
+}
 }