@zohodesk/icons 1.0.0-beta.1 → 1.0.0-beta.101

package/assets_final/react/zd-font-react-topband.plain.css

@@ -0,0 +1,745 @@
+/*$Id$*/
+@font-face {
+  font-family:"zdf-react-topband_1";
+  src:
+    url('../fonts/zd-topband.woff2') format('woff2'),
+    
+    url('../fonts/zd-topband.woff') format('woff'),
+    url('../fonts/zd-topband.svg#zdfonts') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+.icon-integrationPlug,.icon-accounts-new3,.icon-active-user,.icon-activities,.icon-add-agent,.icon-advancesearch,.icon-agent-new2,.icon-approval,.icon-approval3,.icon-arrow-down,.icon-arrow-right,.icon-arrow-t-left,.icon-arrow-up,.icon-articles-new3,.icon-ascend,.icon-attachment5,.icon-back,.icon-back2,.icon-bell3,.icon-Block-down-arrow,.icon-blog,.icon-bug-info,.icon-call-end,.icon-chat-message,.icon-chats30,.icon-check,.icon-clasicview,.icon-Clear-all,.icon-close-e,.icon-close22,.icon-cloud-icon,.icon-collage,.icon-community30,.icon-compact_view,.icon-contacts-new3,.icon-copy22,.icon-cross,.icon-cross72,.icon-customer30,.icon-d-pref,.icon-dashboard-new,.icon-dashboard-new1,.icon-delete-2,.icon-descend,.icon-dialpad,.icon-down,.icon-down1,.icon-events,.icon-Expand,.icon-eye-icn-new,.icon-fb2,.icon-feedback3,.icon-feeds-new1,.icon-file-empty,.icon-forums-new3,.icon-Full-screen,.icon-funnel3,.icon-grid,.icon-home2,.icon-hotspot,.icon-Idea-1px,.icon-image,.icon-KB-TOP-BAR_Gamification,.icon-KB-TOP-BAR_Notification,.icon-KB-TOP-BAR_Setup,.icon-KB30,.icon-kbmorefilter,.icon-keyboard_backspace,.icon-Keyboard3,.icon-lang-1,.icon-LHSAccounts,.icon-LHSarticles,.icon-LHSContacts,.icon-LHSFeeds,.icon-LHSForums,.icon-LHSHQ,.icon-LHSOverview,.icon-LHSQueue,.icon-LHSReports,.icon-LHSViews,.icon-list22,.icon-livechat3,.icon-location2,.icon-macro2,.icon-mail-o,.icon-mancat,.icon-maximize,.icon-menu,.icon-menu1,.icon-minimize,.icon-minus,.icon-mobile,.icon-moicon-03,.icon-moicons-04,.icon-more1,.icon-more22,.icon-mute1-new,.icon-newtab,.icon-newuser,.icon-next-step,.icon-notifi-exclamation,.icon-notofication-new,.icon-orange-arrow,.icon-overview-new3,.icon-p-star,.icon-p-star1,.icon-p-star2,.icon-paiduser,.icon-pen-01,.icon-pen2,.icon-plus,.icon-power-button,.icon-printing2,.icon-products2,.icon-pull-down,.icon-recent3,.icon-reports-new3,.icon-reports30,.icon-search,.icon-search3,.icon-share,.icon-Signup-page,.icon-SkyDeskSupport,.icon-social30,.icon-speaker-new,.icon-square-minus,.icon-tag-new1,.icon-task-demo,.icon-task30,.icon-team-queue,.icon-telephone-thick,.icon-tick_new,.icon-tickets30,.icon-ticknew,.icon-toprightnotifi,.icon-toprightsearch,.icon-toprightseting,.icon-TPAdd,.icon-twit,.icon-Unassociated,.icon-update,.icon-views-new2,.icon-webinar,.icon-zd_live_chat,.icon-ZD-accounts,.icon-ZD-activities,.icon-ZD-calls,.icon-ZD-cases,.icon-ZD-chat,.icon-ZD-community,.icon-ZD-contacts,.icon-ZD-events,.icon-ZD-forums,.icon-ZD-reports,.icon-ZD-Setup,.icon-ZD-socials,.icon-ZD-solutions,.icon-ZD-tasks,.icon-zdesk-commentfilled,.icon-zdfeedback,.icon-zdresend,.icon-zia,.icon-Zoho-Desk,.icon-zoom-in,.icon-zoom-out,.icon-whatsApp,.icon-notificationDot{
+	font-family:"zdf-react-topband_1" !important;
+}
+
+.icon-integrationPlug:before {
+  content: "\f600";
+}
+.icon-accounts-new3:before {
+  content: "\f601";
+}
+.icon-active-user:before {
+  content: "\f602";
+}
+.icon-activities .path1:before {
+  content: "\f603";
+  color: rgb(0, 0, 0);
+}
+.icon-activities .path2:before {
+  content: "\f604";
+  margin-left: -1.25em;
+  color: rgb(131, 131, 131);
+}
+.icon-add-agent:before {
+  content: "\f605";
+}
+.icon-advancesearch:before {
+  content: "\f606";
+}
+.icon-agent-new2:before {
+  content: "\f607";
+}
+.icon-approval:before {
+  content: "\f608";
+}
+.icon-approval3:before {
+  content: "\f609";
+}
+.icon-arrow-down:before {
+  content: "\f60a";
+}
+.icon-arrow-right:before {
+  content: "\f60b";
+}
+.icon-arrow-t-left:before {
+  content: "\f60c";
+}
+.icon-arrow-up:before {
+  content: "\f60d";
+}
+.icon-articles-new3:before {
+  content: "\f60e";
+}
+.icon-ascend:before {
+  content: "\f60f";
+}
+.icon-attachment5:before {
+  content: "\f610";
+}
+.icon-back:before {
+  content: "\f611";
+}
+.icon-back2:before {
+  content: "\f612";
+}
+.icon-bell3:before {
+  content: "\f613";
+}
+.icon-Block-down-arrow:before {
+  content: "\f614";
+}
+.icon-blog:before {
+  content: "\f615";
+}
+.icon-bug-info:before {
+  content: "\f616";
+}
+.icon-call-end:before {
+  content: "\f617";
+}
+.icon-chat-message:before {
+  content: "\f618";
+}
+.icon-chats30 .path1:before {
+  content: "\f619";
+  color: rgb(102, 102, 102);
+}
+.icon-chats30 .path2:before {
+  content: "\f61a";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-check:before {
+  content: "\f61b";
+}
+.icon-clasicview:before {
+  content: "\f61c";
+}
+.icon-Clear-all:before {
+  content: "\f61d";
+  color: #aaa;
+}
+.icon-close-e:before {
+  content: "\f61e";
+}
+.icon-close22:before {
+  content: "\f61f";
+}
+.icon-cloud-icon:before {
+  content: "\f620";
+}
+.icon-collage:before {
+  content: "\f621";
+}
+.icon-community30 .path1:before {
+  content: "\f622";
+  color: rgb(2, 2, 2);
+}
+.icon-community30 .path2:before {
+  content: "\f623";
+  margin-left: -1em;
+  color: rgb(102, 102, 102);
+}
+.icon-compact_view:before {
+  content: "\f624";
+}
+.icon-contacts-new3:before {
+  content: "\f625";
+}
+.icon-copy22:before {
+  content: "\f626";
+}
+.icon-cross:before {
+  content: "\f627";
+}
+.icon-cross72:before {
+  content: "\f628";
+}
+.icon-customer30 .path1:before {
+  content: "\f629";
+  color: rgb(102, 102, 102);
+}
+.icon-customer30 .path2:before {
+  content: "\f62a";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-d-pref:before {
+  content: "\f62b";
+}
+.icon-dashboard-new:before {
+  content: "\f62c";
+}
+.icon-dashboard-new1:before {
+  content: "\f62d";
+}
+.icon-delete-2:before {
+  content: "\f62e";
+}
+.icon-descend:before {
+  content: "\f62f";
+}
+.icon-dialpad:before {
+  content: "\f630";
+}
+.icon-down:before {
+  content: "\f631";
+}
+.icon-down1:before {
+  content: "\f632";
+}
+.icon-events:before {
+  content: "\f633";
+}
+.icon-Expand:before {
+  content: "\f634";
+}
+.icon-eye-icn-new .path1:before {
+  content: "\f635";
+  color: rgb(0, 0, 0);
+}
+.icon-eye-icn-new .path2:before {
+  content: "\f636";
+  margin-left: -1.1875em;
+  color: rgb(255, 255, 255);
+}
+.icon-fb2:before {
+  content: "\f637";
+}
+.icon-feedback3:before {
+  content: "\f638";
+}
+.icon-feeds-new1:before {
+  content: "\f639";
+}
+.icon-file-empty:before {
+  content: "\f63a";
+}
+.icon-forums-new3:before {
+  content: "\f63b";
+}
+.icon-Full-screen:before {
+  content: "\f63c";
+}
+.icon-funnel3:before {
+  content: "\f63d";
+}
+.icon-grid:before {
+  content: "\f63e";
+}
+.icon-home2:before {
+  content: "\f63f";
+}
+.icon-hotspot:before {
+  content: "\f640";
+}
+.icon-Idea-1px:before {
+  content: "\f641";
+}
+.icon-image:before {
+  content: "\f642";
+}
+.icon-KB-TOP-BAR_Gamification:before {
+  content: "\f643";
+}
+.icon-KB-TOP-BAR_Notification .path1:before {
+  content: "\f644";
+  color: rgb(228, 74, 71);
+}
+.icon-KB-TOP-BAR_Notification .path2:before {
+  content: "\f645";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-KB-TOP-BAR_Setup:before {
+  content: "\f646";
+}
+.icon-KB30 .path1:before {
+  content: "\f647";
+  color: rgb(102, 102, 102);
+}
+.icon-KB30 .path2:before {
+  content: "\f648";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-kbmorefilter:before {
+  content: "\f649";
+}
+.icon-keyboard_backspace:before {
+  content: "\f64a";
+}
+.icon-Keyboard3:before {
+  content: "\f64b";
+}
+.icon-lang-1:before {
+  content: "\f64c";
+}
+.icon-LHSAccounts:before {
+  content: "\f64d";
+}
+.icon-LHSarticles:before {
+  content: "\f64e";
+}
+.icon-LHSContacts:before {
+  content: "\f64f";
+}
+.icon-LHSFeeds:before {
+  content: "\f650";
+}
+.icon-LHSForums:before {
+  content: "\f651";
+}
+.icon-LHSHQ:before {
+  content: "\f652";
+}
+.icon-LHSOverview:before {
+  content: "\f653";
+}
+.icon-LHSQueue:before {
+  content: "\f654";
+}
+.icon-LHSReports:before {
+  content: "\f655";
+}
+.icon-LHSViews:before {
+  content: "\f656";
+}
+.icon-list22:before {
+  content: "\f657";
+}
+.icon-livechat3:before {
+  content: "\f658";
+}
+.icon-location2:before {
+  content: "\f659";
+}
+.icon-macro2:before {
+  content: "\f65a";
+}
+.icon-mail-o:before {
+  content: "\f65b";
+}
+.icon-mancat:before {
+  content: "\f65c";
+}
+.icon-maximize:before {
+  content: "\f65d";
+}
+.icon-menu:before {
+  content: "\f65e";
+}
+.icon-menu1:before {
+  content: "\f65f";
+}
+.icon-minimize:before {
+  content: "\f660";
+}
+.icon-minus:before {
+  content: "\f661";
+}
+.icon-mobile:before {
+  content: "\f662";
+}
+.icon-moicon-03:before {
+  content: "\f663";
+}
+.icon-moicons-04:before {
+  content: "\f664";
+}
+.icon-more1:before {
+  content: "\f665";
+}
+.icon-more22:before {
+  content: "\f666";
+}
+.icon-mute1-new:before {
+  content: "\f667";
+}
+.icon-newtab:before {
+  content: "\f668";
+}
+.icon-newuser:before {
+  content: "\f669";
+}
+.icon-next-step:before {
+  content: "\f66a";
+}
+.icon-notifi-exclamation:before {
+  content: "\f66b";
+}
+.icon-notofication-new .path1:before {
+  content: "\f66c";
+  color: rgb(0, 163, 254);
+}
+.icon-notofication-new .path2:before {
+  content: "\f66d";
+  margin-left: -1em;
+  color: rgb(255, 215, 46);
+}
+.icon-notofication-new .path3:before {
+  content: "\f66e";
+  margin-left: -1em;
+  color: rgb(39, 44, 50);
+}
+.icon-orange-arrow .path1:before {
+  content: "\f66f";
+  color: rgb(255, 124, 72);
+}
+.icon-orange-arrow .path2:before {
+  content: "\f670";
+  margin-left: -1.375em;
+  color: rgb(249, 103, 44);
+}
+.icon-overview-new3:before {
+  content: "\f671";
+}
+.icon-p-star:before {
+  content: "\f672";
+}
+.icon-p-star1:before {
+  content: "\f673";
+}
+.icon-p-star2:before {
+  content: "\f674";
+}
+.icon-paiduser .path1:before {
+  content: "\f675";
+  color: rgb(246, 184, 45);
+}
+.icon-paiduser .path2:before {
+  content: "\f676";
+  margin-left: -1.46875em;
+  color: rgb(253, 227, 51);
+}
+.icon-pen-01:before {
+  content: "\f677";
+}
+.icon-pen2:before {
+  content: "\f678";
+}
+.icon-plus:before {
+  content: "\f679";
+}
+.icon-power-button:before {
+  content: "\f67a";
+}
+.icon-printing2:before {
+  content: "\f67b";
+}
+.icon-products2:before {
+  content: "\f67c";
+}
+.icon-pull-down:before {
+  content: "\f67d";
+}
+.icon-recent3:before {
+  content: "\f67e";
+}
+.icon-reports-new3:before {
+  content: "\f67f";
+}
+.icon-reports30 .path1:before {
+  content: "\f680";
+  color: rgb(0, 0, 0);
+}
+.icon-reports30 .path2:before {
+  content: "\f681";
+  margin-left: -1em;
+  color: rgb(102, 102, 102);
+}
+.icon-search:before {
+  content: "\f682";
+}
+.icon-search3:before {
+  content: "\f683";
+}
+.icon-share:before {
+  content: "\f684";
+}
+.icon-Signup-page .path1:before {
+  content: "\f685";
+  color: rgb(243, 244, 245);
+}
+.icon-Signup-page .path2:before {
+  content: "\f686";
+  margin-left: -1.03125em;
+  color: rgb(247, 232, 231);
+}
+.icon-Signup-page .path3:before {
+  content: "\f687";
+  margin-left: -1.03125em;
+  color: rgb(214, 234, 242);
+}
+.icon-Signup-page .path4:before {
+  content: "\f688";
+  margin-left: -1.03125em;
+  color: rgb(214, 234, 242);
+}
+.icon-Signup-page .path5:before {
+  content: "\f689";
+  margin-left: -1.03125em;
+  color: rgb(214, 234, 242);
+}
+.icon-Signup-page .path6:before {
+  content: "\f68a";
+  margin-left: -1.03125em;
+  color: rgb(236, 80, 99);
+}
+.icon-Signup-page .path7:before {
+  content: "\f68b";
+  margin-left: -1.03125em;
+  color: rgb(255, 207, 115);
+}
+.icon-Signup-page .path8:before {
+  content: "\f68c";
+  margin-left: -1.03125em;
+  color: rgb(0, 77, 136);
+}
+.icon-Signup-page .path9:before {
+  content: "\f68d";
+  margin-left: -1.03125em;
+  color: rgb(232, 244, 247);
+}
+.icon-SkyDeskSupport .path1:before {
+  content: "\f68e";
+  color: rgb(40, 149, 213);
+}
+.icon-SkyDeskSupport .path2:before {
+  content: "\f68f";
+  margin-left: -3.1083984375em;
+  color: rgb(115, 115, 115);
+}
+.icon-social30 .path1:before {
+  content: "\f690";
+  color: rgb(0, 0, 0);
+}
+.icon-social30 .path2:before {
+  content: "\f691";
+  margin-left: -0.90625em;
+  color: rgb(102, 102, 102);
+}
+.icon-speaker-new:before {
+  content: "\f692";
+}
+.icon-square-minus:before {
+  content: "\f693";
+}
+.icon-tag-new1:before {
+  content: "\f694";
+}
+.icon-task-demo:before {
+  content: "\f695";
+}
+.icon-task30 .path1:before {
+  content: "\f696";
+  color: rgb(102, 102, 102);
+}
+.icon-task30 .path2:before {
+  content: "\f697";
+  margin-left: -1em;
+  color: rgb(0, 0, 0);
+}
+.icon-team-queue:before {
+  content: "\f698";
+}
+.icon-telephone-thick:before {
+  content: "\f699";
+}
+.icon-tick_new:before {
+  content: "\f69a";
+}
+.icon-tickets30 .path1:before {
+  content: "\f69b";
+  color: rgb(0, 0, 0);
+}
+.icon-tickets30 .path2:before {
+  content: "\f69c";
+  margin-left: -1em;
+  color: rgb(102, 102, 102);
+}
+.icon-ticknew:before {
+  content: "\f69d";
+}
+.icon-toprightnotifi:before {
+  content: "\f69e";
+}
+.icon-toprightsearch:before {
+  content: "\f69f";
+}
+.icon-toprightseting:before {
+  content: "\f6a0";
+}
+.icon-TPAdd:before {
+  content: "\f6a1";
+}
+.icon-twit:before {
+  content: "\f6a2";
+}
+.icon-Unassociated:before {
+  content: "\f6a3";
+}
+.icon-update:before {
+  content: "\f6a4";
+}
+.icon-views-new2:before {
+  content: "\f6a5";
+}
+.icon-webinar:before {
+  content: "\f6a6";
+}
+.icon-zd_live_chat:before {
+  content: "\f6a7";
+}
+.icon-ZD-accounts .path1:before {
+  content: "\f6a8";
+  color: rgb(1, 1, 1);
+}
+.icon-ZD-accounts .path2:before {
+  content: "\f6a9";
+  margin-left: -1.5625em;
+  color: rgb(0, 0, 0);
+}
+.icon-ZD-activities .path1:before {
+  content: "\f6aa";
+  color: rgb(0, 0, 0);
+}
+.icon-ZD-activities .path2:before {
+  content: "\f6ab";
+  margin-left: -1.3125em;
+  color: rgb(102, 102, 102);
+}
+.icon-ZD-calls .path1:before {
+  content: "\f6ac";
+  color: rgb(0, 0, 0);
+}
+.icon-ZD-calls .path2:before {
+  content: "\f6ad";
+  margin-left: -1.09375em;
+  color: rgb(131, 131, 131);
+}
+.icon-ZD-cases .path1:before {
+  content: "\f6ae";
+  color: rgb(0, 0, 0);
+}
+.icon-ZD-cases .path2:before {
+  content: "\f6af";
+  margin-left: -0.875em;
+  color: rgb(102, 102, 102);
+}
+.icon-ZD-chat .path1:before {
+  content: "\f6b0";
+  color: rgb(102, 102, 102);
+}
+.icon-ZD-chat .path2:before {
+  content: "\f6b1";
+  margin-left: -1.34375em;
+  color: rgb(0, 0, 0);
+}
+.icon-ZD-community .path1:before {
+  content: "\f6b2";
+  color: rgb(102, 102, 102);
+}
+.icon-ZD-community .path2:before {
+  content: "\f6b3";
+  margin-left: -0.84375em;
+  color: rgb(2, 2, 2);
+}
+.icon-ZD-contacts .path1:before {
+  content: "\f6b4";
+  color: rgb(0, 0, 0);
+}
+.icon-ZD-contacts .path2:before {
+  content: "\f6b5";
+  margin-left: -0.875em;
+  color: rgb(102, 102, 102);
+}
+.icon-ZD-events .path1:before {
+  content: "\f6b6";
+  color: rgb(131, 131, 131);
+}
+.icon-ZD-events .path2:before {
+  content: "\f6b7";
+  margin-left: -1.0625em;
+  color: rgb(0, 0, 0);
+}
+.icon-ZD-events .path3:before {
+  content: "\f6b8";
+  margin-left: -1.0625em;
+  color: rgb(0, 0, 0);
+}
+.icon-ZD-forums .path1:before {
+  content: "\f6b9";
+  color: rgb(102, 102, 102);
+}
+.icon-ZD-forums .path2:before {
+  content: "\f6ba";
+  margin-left: -0.84375em;
+  color: rgb(2, 2, 2);
+}
+.icon-ZD-reports .path1:before {
+  content: "\f6bb";
+  color: rgb(0, 0, 0);
+}
+.icon-ZD-reports .path2:before {
+  content: "\f6bc";
+  margin-left: -1.0625em;
+  color: rgb(102, 102, 102);
+}
+.icon-ZD-Setup:before {
+  content: "\f6bd";
+}
+.icon-ZD-socials .path1:before {
+  content: "\f6be";
+  color: rgb(0, 0, 0);
+}
+.icon-ZD-socials .path2:before {
+  content: "\f6bf";
+  margin-left: -0.90625em;
+  color: rgb(102, 102, 102);
+}
+.icon-ZD-solutions .path1:before {
+  content: "\f6c0";
+  color: rgb(0, 0, 0);
+}
+.icon-ZD-solutions .path2:before {
+  content: "\f6c1";
+  margin-left: -1.28125em;
+  color: rgb(102, 102, 102);
+}
+.icon-ZD-tasks .path1:before {
+  content: "\f6c2";
+  color: rgb(102, 102, 102);
+}
+.icon-ZD-tasks .path2:before {
+  content: "\f6c3";
+  margin-left: -0.78125em;
+  color: rgb(0, 0, 0);
+}
+.icon-zdesk-commentfilled .path1:before {
+  content: "\f6c4";
+  color: rgb(0, 0, 0);
+}
+.icon-zdesk-commentfilled .path2:before {
+  content: "\f6c5";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.icon-zdfeedback:before {
+  content: "\f6c6";
+}
+.icon-zdresend:before {
+  content: "\f6c7";
+}
+.icon-zia:before {
+  content: "\f6c8";
+}
+.icon-Zoho-Desk:before {
+  content: "\f6c9";
+}
+.icon-zoom-in:before {
+  content: "\f6ca";
+}
+.icon-zoom-out:before {
+  content: "\f6cb";
+}
+.icon-whatsApp:before {
+  content: "\f6cc";
+}
+.icon-notificationDot:before {
+  content: "\f6cd";
+  color: #ef3f3b;
+}