@zohodesk/icons 1.3.14 → 1.4.0-exp-1

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

@@ -1,10 +1,7 @@
 @font-face {
   font-family:"zdfonts-rGeneral";
-  src:
-    url('../fonts/zd-rGeneral.woff2') format('woff2'),
-    
-    url('../fonts/zd-rGeneral.woff') format('woff'),
-    url('../fonts/zd-rGeneral.svg#zdfonts') format('svg');
+  src: url('../fonts/zd-rGeneral.woff2') format('woff2'),
+       url('../fonts/zd-rGeneral.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -13,816 +10,424 @@
 @layer dot-icons.core {
 /*$Id$*/
 
+.ff{font-family:"zdfonts-rGeneral" !important;}
+/* Define icon codes */
+.icon-process:before { content: "\e20e1"; }
 
-.icon-signOut,.icon-phoneFill,.icon-more,.icon-alignLeft,.icon-alignRight,.icon-allignCenter,.icon-allignJustify,.icon-bold,.icon-bullets,.icon-clearFormat,.icon-decreaceIndent,.icon-font,.icon-fontColour,.icon-formatPainter,.icon-horizontalRule,.icon-increaceIndent,.icon-insertCode,.icon-insertHtml,.icon-insertImage,.icon-insertQuote,.icon-italic,.icon-numbering,.icon-spellCheck,.icon-strikeThrough,.icon-underLine,.icon-agent,.icon-agentFill,.icon-alarmclock,.icon-alertTriangle,.icon-alertTriangleFill,.icon-arrowDown,.icon-arrowDownCircle,.icon-arrowFill,.icon-ascending,.icon-attachment,.icon-avatar,.icon-backspaceDelete,.icon-bad,.icon-badFill,.icon-bell,.icon-bgColor,.icon-camera,.icon-checkbox,.icon-circleMinus,.icon-circlePlus,.icon-clear,.icon-clock,.icon-cloud,.icon-copy,.icon-delete,.icon-descending,.icon-dislike,.icon-download,.icon-dragandDrop,.icon-dropdown,.icon-dropdownCircle,.icon-dropdownStroke,.icon-edit,.icon-editPen,.icon-eraser,.icon-exclamationfill,.icon-funnel,.icon-good,.icon-goodFill,.icon-helpRound,.icon-helpStroke,.icon-hideTab,.icon-home,.icon-info,.icon-invisible,.icon-like,.icon-lock,.icon-maximize,.icon-minimize,.icon-minus,.icon-move,.icon-newLink,.icon-ok,.icon-okFill,.icon-paperPlane,.icon-phone,.icon-pin,.icon-plus,.icon-power,.icon-print,.icon-priorityMode,.icon-refresh,.icon-reload,.icon-reply,.icon-replyAll,.icon-resize,.icon-screen,.icon-search,.icon-share,.icon-signal,.icon-sorting,.icon-sortingAZ,.icon-spam,.icon-speaker,.icon-speakerOff,.icon-starFill,.icon-starStroke,.icon-tick,.icon-tickRoundFill,.icon-timeLine,.icon-unlock,.icon-upload,.icon-visible,.icon-zoomIn,.icon-zoomOut,.icon-follow,.icon-forward,.icon-forwardFill,.icon-unFollow,.icon-infoStroke,.icon-onHold,.icon-clearFilter,.icon-placeholder,.icon-gift,.icon-freeTrial,.icon-skills,.icon-contactInformation,.icon-relatedDetails,.icon-template,.icon-department,.icon-doubleTick,.icon-bounce,.icon-accessibility,.icon-read,.icon-unread,.icon-wmsSun,.icon-wmsMoon,.icon-configuaration,.icon-premium,.icon-money,.icon-Marketplace,.icon-ticketDetail,.icon-spaceBar,.icon-enter,.icon-comma,.icon-skipReplyall,.icon-roundRobinSequential,.icon-filterAdd,.icon-jsonWebToken,.icon-parentChild,.icon-saml,.icon-smsAuth,.icon-ticketOwner,.icon-mesengerFill,.icon-telegramFill,.icon-sortingArrow,.icon-androidFill,.icon-customDashboard,.icon-databaseEncryption,.icon-myPins,.icon-pinned,.icon-unDo,.icon-flagFill,.icon-instagram,.icon-line,.icon-answerBot,.icon-primaryContact,.icon-wallet,.icon-agentportal,.icon-fileMail,.icon-rename,.icon-fileDoc,.icon-fileSheet,.icon-filePpt,.icon-fileUnknown,.icon-imPause,.icon-imPlay,.icon-imRecord,.icon-radar,.icon-pricingTag,.icon-doubleArrow,.icon-followUpTicket,.icon-mailDefault,.icon-enterprisePlan,.icon-expressPlan,.icon-freePlan,.icon-OCR,.icon-professionalPlan,.icon-standerdPlan,.icon-ultimatePlan,.icon-process,.icon-featureHome,.icon-manualTranslation,.icon-tour{
-	font-family:"zdfonts-rGeneral" !important;
-}
+.icon-ultimatePlan:before { content: "\e20e0"; }
 
-.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";
-}
+.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; }
 }