{"result":{"$$uiNotification":[],"metatags":[{"name":"google-site-verification","content":"7bUndqBwXsvjvY53cCOtQpK-wZWMhevcl4m0YOxstYM"}],"theme":{"footer_fixed":true,"turn_off_scss_compilation":false,"footer":{"template":"<div class=\"sample-footer\">\n <p class=\"footer-copyright\">Copyright © 2026 HCL Technologies Limited<\/p>\n <p class=\"footer-links\"><a href=\"https://www.hcl-software.com/legal/disclaimer\">Disclaimer<\/a> / <a href=\"https://www.hcl-software.com/legal/privacy\">Privacy<\/a> / <a href=\"https://www.hcl-software.com/legal/terms-use\">Terms of use<\/a><\/p>\n<\/div>","css":"\n.v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer {\n\tbackground-color: black;\n\tpadding: .5rem;\n\ttext-align: center;\n\theight: 3.4rem;\n}\n\n.v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer p {\n\tdisplay: inline;\n\tmargin: 0 .5rem;\n}\n\n.v55db35661b57a7009dbcfc038d4bcbc2 .footer-copyright {\n\tcolor: white;\n\tfont-style: italic;\n}\n\n.v55db35661b57a7009dbcfc038d4bcbc2 .footer-links a {\n\tcolor: white;\n\ttext-decoration: none;\n\tfont-weight: 600;\n}\n\n.v55db35661b57a7009dbcfc038d4bcbc2 .footer-links a:hover {\n\ttext-decoration: underline;\n}","static":false,"data":{},"roles":"","_metastack_size":0,"option_schema":"","sys_class_name":"sp_header_footer","dependencies":[],"sys_id":"55db35661b57a7009dbcfc038d4bcbc2","public":true,"client_script":"function() {\n  var c = this;\n}\n","name":"HCL footer","options":{"sp_widget_dv":"","sp_column_dv":"","active":false,"sys_tags":"","order":-1},"sys_scope":"fec7d1c753a032007a97e192d5dc343e","id":"","_script_execution_time":0,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.009"},"footer_dv":"HCL footer","navbar_fixed":true,"sys_tags":"","header_dv":"Portal Polaris Header HCL","sys_class_name":"sp_theme","css_variables":"$csm-primary-text-size: 14px;\r\n$csm-danger-bg: #FAE6E6;\r\n$csm-danger-dark: #9D0010;\r\n$csm-danger-light: #E34249;\r\n$csm-border-color: #E6E8EA;\r\n$csm-danger-border: #F7D8D8;\r\n$csm-box-shadow : #CFD4D8;\r\n$csm-icon-color: #CFD4D8;\r\n$csm-navbar-popover-box-shadow-color: #CFD4D8;\r\n$csm-navbar-popover-separator-line-color: #E6E8EA;\r\n$csm-navbar-global-user-profile-dropdown-border: #DDDDDD;\r\n$csm-navbar-panel-separator-color: #828890;\r\n$csm-tags-bg: #E6E8EA;\r\n$csm-author-badge-bg: #6D79E8;\r\n$csm-well-bg: #F9F9F9;\r\n$csm-well-success : #F0FBF0;\r\n$csm-profile-privacy-select-readonly-bg: #EEEEEE;\r\n$search-link-color: $brand-primary;\r\n$search-alternate-text-color: #3A3F51;\r\n$search-primary-text-size: 13px;\r\n$csm-secondary-header-bg:#F2F2F2;\r\n$sp-logo-margin-x: 34px;\r\n$sp-logo-max-height: 46px;\r\n$sp-logo-max-width: 200px;\r\n\r\n$csm-second-text-color: #262626;\r\n\r\n.add-on > button.lookup {\r\n   display:none;\r\n}\r\n\r\n.field-has-reference .reference {\r\n   display: inline !important;\r\n}\r\n\r\n.field-has-reference .add-on {\r\n   display: table-cell;\r\n   width: 0px !important;\r\n}\r\n\r\n/*STRY0017014 changes on Template level starts */\r\n/* Style the menu bar */\r\n.v4f29ea66fb556a10406ff8e94eefdc9d {\r\n  background-color:  #fff !important; /* white background */\r\n  font-family: \"Roboto\", \"SourceSansPro\", Helvetica, Arial, sans-serif !important;\r\n  color: #14142B !important;\r\n}\r\n\r\n/* Style direct links inside the menu */\r\n.v4f29ea66fb556a10406ff8e94eefdc9d a {\r\n  color: #ffffff !important;\r\n  font-weight: 500;\r\n  font-size: 14px;\r\n  text-decoration: none;\r\n}\r\n\r\n/* Force color on all links inside menu bar */\r\n.v4f29ea66fb556a10406ff8e94eefdc9d a,\r\n.v4f29ea66fb556a10406ff8e94eefdc9d a * {\r\n  color: #14142B !important;\r\n}\r\n\r\n\r\n/* Style the dropdown menu background */\r\n.v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu {\r\n  background-color: #fff !important;\r\n  border: none;\r\n}\r\n\r\n\r\n/* STRY0017014 Force color on all links inside menu bar */\r\n.v4f29ea66fb556a10406ff8e94eefdc9d a,\r\n.v4f29ea66fb556a10406ff8e94eefdc9d a * {\r\n  color: #14142B !important;\r\n}\r\n/* Preservess FOCUS on main menu post click */\r\n.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {\r\n    background-color: #e6e8ea;   \r\n }\r\n\r\n\r\n/* Hover effect for dropdown items */\r\n.v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu a:hover {\r\n  background-color: #e6e8ea !important;\r\n  /*color: #EFF0F6 !important;*/\r\n  color: #a0edf4 !important;\r\n}\r\n\r\n/* Hover all navbar links, including dropdown toggles */\r\n.navbar-inverse .navbar-nav > li > a:hover,\r\n.navbar-inverse .navbar-nav > li > a.dropdown-toggle:hover {\r\n  background-color: #89d8df !important;\r\n  color: #14142B !important;           \r\n  font-weight: bold !important;  \r\n/* background-color:#17707f !important; #a0edf4, #0b455f*/\r\n}\r\n\r\n/* Hover Menu drop down same color code as navbar links */\r\n.v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:hover {\r\n  background-color: #89d8df  !important;  \r\n}\r\n/* Only remove focus styles from 1st item , but preserve hover effect */\r\n.v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:focus:not(:hover) {\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n  background-color: transparent !important;\r\n  border: none !important;\r\n}\r\n\r\n\r\n/* Ensure the caret doesn't interfere with the hover */\r\n.navbar-inverse .navbar-nav > li > a.dropdown-toggle .caret {\r\n  background-color: transparent;\r\n}\r\n\r\n\r\n/* STRY0017014 footer color  */\r\n.v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer {\r\n    background-color: #14142B;\r\n    color: white;\r\n    padding: .5rem;\r\n    text-align: center;\r\n    height: 3.4rem;\r\n}\r\n/*  Primary Button colors  */\r\n.btn-primary {\r\n  color: #fff;\r\n  background-color: #17707f;\r\n  border-color: #17707f;\r\n}\r\n/* Default Button colors  */\r\n.btn-default {\r\n    color: #fff;\r\n    background-color: #17707f;\r\n    border-color: #17707f;\r\n}\r\n/* over ride my profile drop down  */\r\n.dropdown-toggle:focus,\r\n.dropdown-toggle:active,\r\n.dropdown-toggle:hover {\r\n  background-color: transparent !important;\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n}\r\n/* change all customer page header background */\r\n.panel-primary > .panel-heading {\r\n  color: #14142B;\r\n  background-color: #e1e4f2;\r\n  border-color: #e1e4f2;\r\n}\r\n.panel-footer {\r\ncolor: #14142B;\r\n  border-color: #e1e4f2;\r\n  background-color: #e1e4f2;\r\n  }\r\n\r\n/* header for all widgets */\r\n.panel-title {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    font-size: 1.8rem;\r\n    color: inherit;\r\n}\r\n","sys_id":"517030d1531032007a97e192d5dc34d8","name":"CSM Default","header":{"template":"<nav class=\"navbar-inverse instance-{{c.data.instanceId}}\" aria-label=\"Primary\" role=\"navigation\"><!-- Piece above searchbar -->\n <div class=\"clearfix\">\n  <div class=\"navbar-header nav-container\"><!-- Header search widget for Mobile View -->\n   <div ng-if=\"data.showTypeAheadSearch &amp;&amp; (showMobileMenuOnDesktop || mobileDevice)\">\n    <div class=\"mobile-header-search\" ng-show=\"showSearchbarOnMobile\">\n     <div class=\"mobile-header-search-back\" ng-click=\"hideSearchBar1()\"><i class=\"fa fa-arrow-left\"><\/i>\n     <\/div>\n     <div id=\"searchBox\" class=\"full-width\"><sp-widget widget=\"data.typeAheadSearch\"><\/sp-widget>\n     <\/div>\n    <\/div>\n   <\/div> <!-- Logo --><!--\n      <a class=\"navbar-brand\" ng-if=\"!portal.logo && !showSearchbarOnMobile\" href=\"?id={{::portal.homepage_dv}}\" aria-label=\"{{::portal.title}}\"><span>{{::portal.title}}<\/span><\/a>\n\t    <a class=\"navbar-brand navbar-brand-logo\"\n           ng-if=\"portal.logo && !showSearchbarOnMobile\"\n           href=\"?id={{::portal.homepage_dv}}\"\n           aria-label=\"{{::portal.title}} - Home Page\"\n           data-toggle=\"tooltip\"\n           data-placement=\"bottom\"\n           data-title=\"{{::portal.title}} - Home\">\n        <img ng-src=\"{{::portal.logo}}\" alt=\"{{::portal.title}} - Home Page\"/>\n      <\/a>\n--> <!-- Logo and customer support hyperlink --> <a class=\"navbar-brand navbar-brand-logo\" href=\"https://www.hcl-software.com/\" aria-label=\"Go to homepage\"> <img ng-src=\"{{::portal.logo}}\" width=\"160\" height=\"20\"><\/a> <span class=\"navbar-brand nav-bar-separator-pipe csm-nav-bar-separator-pipe\" ng-if=\"::(portal.logo &amp;&amp; portal.title)\"><\/span> <a class=\"navbar-brand\" ng-if=\"::portal.title\" href=\"?id={{::portal.homepage_dv}}\" aria-label=\"{{::portal.title}}\"><span>{{::portal.title}}<\/span><\/a> <!-- Mobile Navigation View -->\n   <div ng-if=\"(showMobileMenuOnDesktop || mobileDevice) &amp;&amp; !showSearchbarOnMobile\"><!-- Header search icon for Mobile View -->\n    <div class=\"gt-menu-item\" ng-if=\"data.showTypeAheadSearch\">\n     <div ng-show=\"!data.excludeSeachForPages.includes(newPageId)\" class=\"mobile-header-search-icon-wrapper\">\n      <div ng-if=\"!showSearchbarOnMobile\" class=\"mobile-header-search-icon\" ng-click=\"showSearchBarMobile()\"><i class=\"fa fa-search searchprimary\"><\/i>\n      <\/div>\n     <\/div>\n    <\/div> <!-- Toggle Button (Hamburger Menu for Mobile View) --> <button type=\"button\" class=\"sub-navbar-overflow-entry-button\" aria-label=\"Show menu primary navigation\" data-toggle=\"tooltip\" data-placement=\"auto bottom\" data-original-title=\"Show Menu\" ng-click=\"toggleMobileMenuVisibility($event)\">\n     <div ng-if=\"!isMobileViewOnDesktopExpanded\"><span class=\"label label-as-badge label-primary\">{{data.todoCount + data.requestCount + cartItemCount}}<\/span> <span class=\"icon-bar\"><\/span> <span class=\"icon-bar\"><\/span> <span class=\"icon-bar\"><\/span>\n     <\/div> <\/button> <!-- Mobile menu items dialog modal-->\n    <div ng-show=\"isMobileViewOnDesktopExpanded\" id=\"mobile-menu-items-modal\" ng-include=\"'polaris-menuitems-mobileview'\"><\/div>\n   <\/div> <!-- Header Navbar -->\n   <div ng-if=\"!(showMobileMenuOnDesktop || mobileDevice)\" class=\"navbar-right\">\n    <div class=\"height-adjust\">\n     <ul class=\"nav navbar-nav\">\n      <li class=\"hidden-xs sp-loading-indicator la-sm\" ng-class=\"{'invisible': !loadingIndicator}\">\n       <div><\/div>\n       <div><\/div>\n       <div><\/div><\/li> <!-- Header search widget for desktop view  -->\n      <li class=\"gt-menu-item\" ng-if=\"data.showTypeAheadSearch\">\n       <div ng-show=\"!data.excludeSeachForPages.includes(newPageId)\" class=\"desktop-headersearch-wrapper\">\n        <div id=\"searchBox\" class=\"hide-search visibility-collapse desktop-headersearch\"><sp-widget widget=\"data.typeAheadSearch\"><\/sp-widget>\n        <\/div>\n        <div aria-expanded=\"false\" class=\"desktop-headersearch-icon\" id=\"searchbox-icon\" ng-click=\"showAndExpandSearch()\" tabindex=\"0\" aria-label=\"Show search box\"><i class=\"fa fa-search searchprimary\"><\/i>\n        <\/div>\n       <\/div><\/li> <!-- <li ng-show=\"::!isMobileView()\" class=\"navbar-action-icon\">\n              <i aria-label=\"Search from all sources\" ng-show=\"!showTypeaheadSearch\" ng-click=\"toggleTypeaheadSearch($event)\" class=\"fa fa-search navbar-action-search-icon\" tabindex=\"0\"/>\n              <div ng-show=\"showTypeaheadSearch\" ng-submit=\"collapseTypeaheadSearch($event)\" class=\"navbar-action-icon navbar-action-search\">\n                <sp-widget widget=\"data.typeahead\"><\/sp-widget>\n              <\/div>\n            <\/li>-->\n      <li class=\"gt-menu-item sparkle-nav\" ng-if=\"!hideSparkle\"><sp-widget widget=\"data.sparkle\"><\/sp-widget><\/li>\n      <li class=\"gt-menu-item\" id=\"more-items\" role=\"presentation\" ng-if=\"data.showMoreItems\"><a ng-if=\"(data.moreItems.length === 1) &amp;&amp; (data.moreItems[0].label !== data.moreItems[0].shortLabel)\" href=\"{{data.moreItems[0].href}}\" data-toggle=\"tooltip\" data-placement=\"bottom\" data-original-title=\"{{data.moreItems[0].label}}\" aria-label=\"{{data.moreItems[0].label}}\"> <span ng-bind-html=\"'' + data.moreItemsTitle + ''\" aria-hidden=\"true\"><\/span> <\/a> <a ng-if=\"(data.moreItems.length === 1) &amp;&amp; (data.moreItems[0].label === data.moreItems[0].shortLabel)\" href=\"{{data.moreItems[0].href}}\" aria-label=\"{{data.moreItems[0].label}}\"> <span ng-bind-html=\"'' + data.moreItemsTitle + ''\" aria-hidden=\"true\"><\/span> <\/a> <a href ng-if=\"data.moreItems.length > 1\" id=\"more-items-button\" data-toggle=\"dropdown\" data-target=\"more-items-dropdown\" data-placement=\"bottom\" aria-label=\"{{data.moreItemsTitle}}\"> <span ng-bind-html=\"'' + data.moreItemsTitle + ''\" aria-hidden=\"true\"><\/span> <i class=\"fa collapse-margin m-l-xs fa-caret-down\"><\/i> <\/a>\n       <ul id=\"more-items-dropdown\" ng-if=\"data.moreItems.length > 1\" class=\"dropdown-menu\" aria-label=\"{{data.moreItemsTitle}}\">\n        <li role=\"presentation\" ng-repeat=\"item in data.moreItems\" class=\"ng-scope dropdown-menu-line header-menu-item\"><a ng-if=\"item.label !== item.shortLabel\" href=\"{{item.href}}\" data-toggle=\"tooltip\" data-placement=\"bottom\" data-original-title=\" {{item.label}} \" aria-label=\"{{item.label}}\"> <span ng-bind-html=\"'' + item.shortLabel + ''\" aria-hidden=\"true\"><\/span> <\/a> <a ng-if=\"item.label === item.shortLabel\" href=\"{{item.href}}\" aria-label=\"{{item.label}}\"> <span ng-bind-html=\"'' + item.shortLabel + ''\" aria-hidden=\"true\"><\/span> <\/a><\/li>\n       <\/ul><\/li> <!-- Cart, tours, and Wishlist -->\n      <li class=\"gt-menu-item\"><sp-widget widget=\"data.top.menu\" id=\"menu_item\"><\/sp-widget><\/li>\n      <li class=\"gt-menu-item\" aria-label=\"Language Selector\"><sp-widget widget=\"::data.langSelector\"><\/sp-widget><\/li>\n      <li>\n       <div sp-navbar-toggle=\"\" class=\"navbar-right\" id=\"sp-nav-bar\">\n        <ul ng-if=\"::(!user.logged_in &amp;&amp; page.id != portal.login_page_dv &amp;&amp; !data.hasLogin)\" class=\"nav navbar-nav\">\n         <li class=\"login\"><a href ng-click=\"openLogin()\">Log in<\/a><\/li>\n        <\/ul>\n        <ul ng-if=\"::user.logged_in\" class=\"nav navbar-nav\"><!-- chat, avatar, and logout -->\n         <li class=\"dropdown hidden-xs\"><a href=\"javascript:void(0)\" class=\"dropdown-toggle\" data-toggle=\"dropdown\"> <span class=\"navbar-avatar\">\n            <sn-avatar class=\"avatar-small-medium\" primary=\"avatarProfile\" /><\/span> <span class=\"visible-lg-inline\">{{::user.name}}<\/span> <\/a>\n          <ul class=\"dropdown-menu\">\n           <li><a ng-href=\"?id={{::data.supportProfilePortal}}\">Profile<\/a><\/li>\n           <li class=\"logout\"><a href=\"{{::portal.logoutUrl}}\">Logout<\/a><\/li>\n          <\/ul><\/li>\n         <li class=\"visible-xs-block\"><a ng-href=\"?id={{::data.supportProfilePortal}}\"><span class=\"navbar-avatar\">\n            <sn-avatar class=\"avatar-small-medium\" primary=\"avatarProfile\" /><\/span>{{::user.name}}<\/a><\/li>\n         <li class=\"visible-xs-block logout\"><a href=\"{{::portal.logoutUrl}}\">Logout<\/a><\/li>\n        <\/ul>\n       <\/div><\/li>\n     <\/ul>\n    <\/div>\n   <\/div>\n  <\/div>\n <\/div> <!-- Resolution to INC0242191 to hide sbu menu for mobile device less than 766px.  -->\n <div class=\"hidden-xs\"><sp-widget widget=\"data.sub.menu\"><\/sp-widget>\n <\/div> <!-- comment as per STRY0017014 Sub Navbar on Desktop  \n  <div class=\"navbar-collapse sub-navbar clearfix collapse collapsed hidden-xs\"\n       ng-class=\"{ 'in': expanded, 'collapsed': !expanded, 'sub-navbar--mobile-view': showMobileMenuOnDesktop }\"\n       ng-if=\"data.showSubHeader\">\n    <div>\n      <sp-widget widget=\"data.sub.menu\"><\/sp-widget>\n    <\/div>\n  <\/div> --> <!-- Analytics -->\n <div ng-if=\"data.analyticsSupportEnabled\"><sp-widget widget=\"data['cda-site-analytics']\"><\/sp-widget>\n <\/div>\n<\/nav>","css":"\n.v6d256622fb556a10406ff8e94eefdc40 .add-on > button.lookup {\n\tdisplay: none;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .field-has-reference .reference {\n\tdisplay: inline !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .field-has-reference .add-on {\n\tdisplay: table-cell;\n\twidth: 0rem !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .v4f29ea66fb556a10406ff8e94eefdc9d {\n\tbackground-color: #fff !important;\n\tfont-family: \"Roboto\", \"SourceSansPro\", Helvetica, Arial, sans-serif !important;\n\tcolor: #14142B !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .v4f29ea66fb556a10406ff8e94eefdc9d a {\n\tcolor: #ffffff !important;\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\ttext-decoration: none;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v6d256622fb556a10406ff8e94eefdc40 .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu {\n\tbackground-color: #fff !important;\n\tborder: none;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v6d256622fb556a10406ff8e94eefdc40 .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-nav > .open > a, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-nav > .open > a:hover, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-nav > .open > a:focus {\n\tbackground-color: #e6e8ea;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu a:hover {\n\tbackground-color: #e6e8ea !important;\n\tcolor: #a0edf4 !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-nav > li > a:hover, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-nav > li > a.dropdown-toggle:hover {\n\tbackground-color: #89d8df !important;\n\tcolor: #14142B !important;\n\tfont-weight: bold !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:hover {\n\tbackground-color: #89d8df !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:focus:not(:hover) {\n\toutline: none !important;\n\tbox-shadow: none !important;\n\tbackground-color: transparent !important;\n\tborder: none !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-nav > li > a.dropdown-toggle .caret {\n\tbackground-color: transparent;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer {\n\tbackground-color: #14142B;\n\tcolor: white;\n\tpadding: .5rem;\n\ttext-align: center;\n\theight: 3.4rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .btn-primary {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .btn-default {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .dropdown-toggle:focus, \n.v6d256622fb556a10406ff8e94eefdc40 .dropdown-toggle:active, \n.v6d256622fb556a10406ff8e94eefdc40 .dropdown-toggle:hover {\n\tbackground-color: transparent !important;\n\toutline: none !important;\n\tbox-shadow: none !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .panel-primary > .panel-heading {\n\tcolor: #14142B;\n\tbackground-color: #e1e4f2;\n\tborder-color: #e1e4f2;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .panel-footer {\n\tcolor: #14142B;\n\tborder-color: #e1e4f2;\n\tbackground-color: #e1e4f2;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .panel-title {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tfont-size: 1.8rem;\n\tcolor: inherit;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #searchBox .btn {\n\tpadding: 0rem 1.6rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .dropdown-menu.empty-dropdown.ng-scope, \n.v6d256622fb556a10406ff8e94eefdc40 .dropdown-menu.cart-dropdown.custom-drop-down, \n.v6d256622fb556a10406ff8e94eefdc40 .dropdown-menu.wishlist-menu.custom-drop-down {\n\tbackground-color: transparent !important;\n\tpadding-bottom: 0 !important;\n\tpadding-left: 0 !important;\n\tpadding-right: 0 !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse {\n\tmargin-bottom: 0rem;\n\tborder-radius: 0rem;\n\tbackground-color: #14142B;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container {\n\twidth: 100%;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container .sub-navbar-overflow-entry-button {\n\tposition: relative;\n\tfloat: right;\n\tmargin: 1.2rem 1.6rem 1.2rem 0;\n\tpadding: .8rem 1rem;\n\tbackground-color: transparent;\n\tbackground-image: none;\n\tborder: .1rem solid transparent;\n\tborder-radius: .4rem;\n\tborder-color: rgba(255, 255, 255, .25);\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container .sub-navbar-overflow-entry-button .label {\n\tfloat: right;\n\tmargin-right: -.4rem;\n\tmargin-top: -.8rem;\n\tpadding: .2rem .4rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container .sub-navbar-overflow-entry-button .label-as-badge {\n\tfont-size: $font-size-xs;\n\tposition: relative;\n\ttop: -.2rem;\n\tleft: .2rem;\n\tpadding: .2rem .4rem;\n\tmargin-left: 0;\n\tbackground-color: #eb1946;\n\tcolor: #fefefe;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container .sub-navbar-overflow-entry-button .icon-bar {\n\tdisplay: block;\n\twidth: 2.2rem;\n\theight: .2rem;\n\tborder-radius: .3rem;\n\tbackground-color: #fefefe;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container .sub-navbar-overflow-entry-button .icon-bar + .icon-bar {\n\tmargin-top: .4rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop {\n\tposition: absolute;\n\tz-index: 999;\n\ttop: 6rem;\n\tright: 0;\n\tmin-height: 50rem;\n\tmax-width: 40rem;\n\tbackground-color: #14142B;\n\tbox-shadow: .5rem .5rem .5rem #ffffff;\n\tcolor: #ffffff;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar {\n\tlist-style: none;\n\tpadding: 0 .8rem;\n\tmargin: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder-top: .1rem solid #8c8c8c;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar .main-header-items {\n\tlist-style: none;\n\tpadding: 1.2rem 0 0 1.6rem;\n\tmargin: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar .main-header-items > li:not(:last-child) {\n\tpadding-top: 1.6rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar .main-header-items > li .nav.navbar-nav {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar .main-header-items > li .nav.navbar-nav li {\n\tpadding-top: 1.6rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar .mobile-mega-menu-entry {\n\tmargin: 0 -.8rem;\n\tpadding: 2.4rem 1.6rem;\n\tbackground-color: #ffffff;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar .mobile-mega-menu-entry .dropdown-menu {\n\tbackground-color: transparent;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar .separator {\n\tmargin: 2rem -.8rem;\n\tborder-top: .1rem solid #b3b3b3;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar li > a {\n\tcolor: #ffffff;\n\tpadding: 0;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar li > a:hover, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar li > a:focus {\n\tcolor: #ffffff !important;\n\tbackground-color: transparent;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar li > a:focus {\n\tbox-shadow: inset 0 0 0 .1rem #ffffff;\n\tpadding: .4rem;\n\tborder: .05rem solid #ffffff;\n\tborder-radius: .4rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .mobile-view-navbar .header-menu-item > a {\n\tpadding: 1.2rem .8rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .impersonate-and-logout div > ul > li:first-child {\n\theight: 0;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .impersonate-and-logout div > ul > li:first-child ul.dropdown-menu {\n\twidth: 40rem;\n\tdisplay: block;\n\tz-index: inherit;\n\tbackground-color: #262626;\n\tbox-shadow: none;\n\tborder-radius: 0;\n\tpadding-left: .2rem;\n\tpadding-bottom: 1.6rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .impersonate-and-logout div > ul > li:first-child ul.dropdown-menu li > a {\n\tline-height: 2;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .impersonate-and-logout div > ul > li:first-child ul.dropdown-menu li > a:hover, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .impersonate-and-logout div > ul > li:first-child ul.dropdown-menu li > a:focus {\n\tcolor: #ffffff !important;\n\tbackground-color: transparent;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .impersonate-and-logout div > ul > li:first-child ul.dropdown-menu li > a:focus {\n\tbox-shadow: inset 0 0 0 .1rem #ffffff;\n\tpadding: .4rem;\n\tmargin-left: 1.6rem;\n\tborder: .05rem solid #ffffff;\n\tborder-radius: .4rem;\n\twidth: fit-content;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .mobile-view-on-desktop .impersonate-and-logout div > ul > li:first-child ul.dropdown-menu li:first-child {\n\tdisplay: none;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .navbar-brand {\n\tmargin: 0;\n\theight: 6rem;\n\tpadding: .5rem 0rem .8rem 1.6rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .navbar-brand img, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .navbar-brand span {\n\tmargin: 0;\n\tdisplay: block;\n\tmax-height: 4.6rem;\n\tmax-width: 20rem;\n\tposition: relative;\n\ttop: 50%;\n\t-webkit-transform: translateY(-50%);\n\t-ms-transform: translateY(-50%);\n\ttransform: translateY(-50%);\n\tpadding-right: .8rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .navbar-right .dropdown-menu > li > a:hover, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .navbar-right .dropdown-menu > li > a:focus {\n\tbackground-color: #121212;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .navbar-right .dropdown-menu > li > a:focus {\n\tborder: .05rem solid #ffffff;\n\tborder-radius: .4rem;\n\tbox-shadow: inset 0 0 0 .1rem #ffffff;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .dropdown-menu > li > a {\n\tcolor: #ffffff;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .dropdown-toggle:focus {\n\toutline: thin dotted;\n\toutline: .5rem auto -webkit-focus-ring-color;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar {\n\tbackground-color: #ffffff;\n\tborder: none;\n\twidth: 100%;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar #cart-dropdown, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar #wishlist-menu {\n\tdisplay: none;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar #cart-dropdown  ~ *, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar #wishlist-menu  ~ * {\n\tdisplay: none !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar .navbar-nav > li > a[href=\"?id=sc_cart\"], \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar .navbar-nav > li > a[href=\"?id=sc_wishlist\"] {\n\tdisplay: none !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar .gtd-dropdown-container {\n\tdisplay: none;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar .open > a, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar .open > a:focus {\n\tbackground-color: #ebebeb;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar #cart-dropdown {\n\tdisplay: none;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar #cart-dropdown :after {\n\tcontent: \"\\f0d7\";\n\tvertical-align: baseline;\n\twidth: auto;\n\theight: auto;\n\tborder: none;\n\tmargin-left: sp-space--xs !important;\n\tdisplay: inline-block;\n\tfont: normal normal normal 1.2rem FontAwesome;\n\tfont-size: inherit;\n\ttext-rendering: auto;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar .dropdown-menu {\n\tbackground-color: #ffffff;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar .dropdown-menu  > li > a:hover, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar .dropdown-menu  > li > a:focus {\n\tbackground-color: #ebebeb;\n\tbox-shadow: unset;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .dropdown-menu {\n\tbackground-color: #14142B;\n\tborder: none;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .dropdown-menu.case-menu {\n\tright: 0;\n\tleft: auto;\n\tpadding: 0;\n\twidth: 45rem;\n\tbackground: #fefefe;\n\toverflow-y: hidden;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse  > .open > a:hover, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse  > .open > a:focus {\n\tbackground-color: $navbar-invese-bg;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse a[aria-expanded=\"false\"] > span.fa-caret-down:before {\n\tcontent: \"\\f0d7\";\n\tfont-family: FontAwesome;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse a[aria-expanded=\"true\"] > span.fa-caret-down:before {\n\tcontent: \"\\f0d8\";\n\tfont-family: FontAwesome;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .fa-caret-down {\n\tvertical-align: middle;\n\tmargin-top: .2rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .caret:before {\n\tcontent: \"\\f0d7\";\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .caret {\n\tvertical-align: baseline;\n\twidth: auto;\n\theight: auto;\n\tborder: none;\n\tmargin-left: .4rem !important;\n\tdisplay: inline-block;\n\tfont: normal normal normal 1.2rem FontAwesome;\n\tfont-size: inherit;\n\ttext-rendering: auto;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .label-as-badge {\n\tfont-size: $font-size-xs;\n\tposition: relative;\n\ttop: -.8rem;\n\tleft: -.2rem;\n\tpadding: -.2rem .4rem;\n\tmargin-left: 0;\n\tbackground-color: #eb1946;\n\tcolor: #fefefe;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar {\n\ttransition: 250ms opacity ease-in-out;\n\t-webkit-transition: 250ms opacity ease-in-out;\n\tborder: 0;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-fade {\n\topacity: .4;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-collapse {\n\tpadding-right: 0rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .case-menu div#widget-tabs-2 {\n\tborder: none;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .case-menu div#widget-tabs-2  > .panel-heading {\n\tborder: none;\n\tborder-bottom: .1rem solid #eeeeee;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse ul.nav.navbar-nav div.header-loader {\n\tdisplay: none;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse ul.nav.navbar-nav li.sp-loading-indicator {\n\tpadding-top: 2.4rem;\n\tmargin-top: .2rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse #more-items-dropdown {\n\toverflow: visible;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown {\n\twidth: 35rem;\n\tpadding: 0;\n\tz-index: 1000;\n\tborder-top-left-radius: .4rem !important;\n\tborder-top-right-radius: .4rem !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown ul, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu ul, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown ul {\n\tmax-height: 30rem;\n\toverflow: auto;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown .subtotal, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu .subtotal, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown .subtotal {\n\tdisplay: block;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown .item-image, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu .item-image, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown .item-image {\n\tpadding: 0;\n\tmargin: 0;\n\ttext-align: center;\n\tmax-width: 100%;\n\theight: auto;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown label, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown p, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu label, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu p, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown label, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown p {\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown .media, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu .media, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown .media {\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown .media-left > a, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu .media-left > a, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown .media-left > a {\n\tdisplay: block;\n\twidth: 4.8rem;\n\tmax-width: 4.8rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown .media-body label, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu .media-body label, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown .media-body label {\n\tfont-weight: bold;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown li.media, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu li.media, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown li.media {\n\tborder-top: .1rem solid #cccccc;\n\tpadding: 1rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown .panel, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu .panel, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown .panel {\n\tmargin: 0;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown .panel .panel-body, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu .panel .panel-body, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown .panel .panel-body {\n\tpadding: 0;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown .btn-clear, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu .btn-clear, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown .btn-clear {\n\tcolor: #333;\n\tbackground-color: #fefefe;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown p.quantity-price, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu p.quantity-price, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown p.quantity-price {\n\tpadding-top: .4rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown p.quantity-price span, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu p.quantity-price span, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown p.quantity-price span {\n\tcolor: #000000;\n\tpadding-right: .4rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .cart-dropdown .align-right, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .wishlist-menu .align-right, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-dropdown .align-right {\n\ttext-align: right;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .item-added-tooltip, \n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse wishlist-item-added-tooltip {\n\twidth: 18.4rem;\n\tfont-size: 1.2rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .empty-tour-content {\n\ttext-align: center;\n\tmargin: 4rem 1.6rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .dropdown-menu li {\n\tmin-width: 20em;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .dropdown-menu li a {\n\tcursor: pointer;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .label-as-badge {\n\twidth: 1.2rem;\n\theight: 1.2rem;\n\tdisplay: inline-block;\n\tpadding: 0rem;\n\tpadding-top: .2rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .gtd-dropdown-container .badge-container {\n\tdisplay: inline-block;\n\twidth: 1.2rem;\n}\n@media screen and (min-width: 768px) {\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-right > .navbar-nav > div {\n\tfloat: left;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-right {\n\tmargin-right: .8rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-right  > ul {\n\tdisplay: -webkit-box;\n\tdisplay: -moz-box;\n\tdisplay: box;\n\t-moz-box-orient: horizontal;\n\tbox-orient: horizontal;\n\t-webkit-box-orient: horizontal;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-right .navbar-nav > li > a {\n\tpadding-right: 1.2rem;\n\tpadding-left: 1.2rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-right .header-menu-item > a {\n\tpadding: .8rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-avatar {\n\tmargin-top: -.4rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse a#todos_popup {\n\tpadding-left: 0rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {\n\tpadding: 1rem 2rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header {\n\tposition: relative;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .dropdown-toggle {\n\theight: 6rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header .navbar-nav > li > a {\n\tpadding-top: 2rem;\n\tpadding-bottom: 2rem;\n\tmax-height: 5rem;\n\tpadding-right: 1.2rem;\n\tpadding-left: 1.2rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .temp-mobile {\n\tdisplay: inline-block;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar {\n\tdisplay: flex;\n\tpadding-left: 0;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar--mobile-view {\n\tmax-height: 0rem;\n\toverflow-y: hidden !important;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-nav > li > a {\n\tpadding-top: 2rem;\n\tpadding-bottom: 2rem;\n}\n}\n@media screen and (min-width: 768px) {\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .header-search {\n\tposition: absolute;\n\tleft: 37%;\n\tmargin: 1.2rem 0;\n\twidth: 20%;\n}\n}\n@media (min-width : 320px) and (max-width : 767px) {\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .header-search {\n\tmargin-top: 0 !important;\n\tpadding-bottom: 1rem;\n\tfloat: right;\n\twidth: 100%;\n}\n}\n@media (min-width : 768px) and (max-width: 867px) {\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .header-search {\n\tleft: 23% !important;\n}\n}\n@media (min-width : 868px) and (max-width: 1024px) {\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .header-search {\n\tleft: 27% !important;\n}\n}\n@media (min-width : 1025px) and (max-width: 1200px) {\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .header-search {\n\tleft: 30% !important;\n}\n}\n@media (min-width : 1201px) and (max-width: 1400px) {\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .header-search {\n\tleft: 33% !important;\n}\n}\n@media (min-width : 320px) and (max-width : 767px) {\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .dropdown-menu.case-menu {\n\twidth: 100%;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-toggle {\n\tborder-color: rgba(255, 255, 255, .25);\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-toggle:focus {\n\t-webkit-box-shadow: 0rem 0rem .5rem #1f8476;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-nav {\n\tdisplay: block;\n\tmargin: 0;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {\n\tpadding: .5rem 3rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .sub-navbar {\n\tpadding: 0rem 0rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .upper-collapse {\n\twidth: 100%;\n\tpadding-bottom: 0rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-collapse {\n\tpadding-top: 0rem;\n\tpadding-left: 0rem;\n\toverflow: hidden;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-collapse ul {\n\tmargin: 0;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container .sub-navbar-overflow-entry-button {\n\tfloat: none;\n\tposition: absolute;\n\tright: 0;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container .mobile-view-on-desktop {\n\tmin-width: 100%;\n\tmax-width: 100%;\n\ttop: 6rem;\n\tbox-shadow: none;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container .mobile-view-on-desktop .impersonate-and-logout div > ul > li:first-child {\n\theight: auto;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container .mobile-view-on-desktop.search-visible {\n\ttop: 5.3rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container  > ul {\n\tdisplay: inline-block;\n\tpadding: 1rem 1rem 0 0;\n\tfloat: right;\n\tmargin: 0;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-header.nav-container  > li {\n\tdisplay: inline-block;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .height-adjust {\n\tpadding: .8rem 0rem;\n\tmargin-bottom: 1.2rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .popup-edit {\n\tbackground: #fefefe;\n\tposition: fixed;\n\ttop: 0;\n\theight: 100%;\n\tmargin-top: 0;\n\tmax-height: 100%;\n\twidth: 100%;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse .navbar-collapse-label {\n\tfloat: right;\n\tmargin-right: -.5rem;\n\tmargin-top: -.7rem;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-inverse button > span.label {\n\tpadding: .2em .5em .2em;\n}\n\t\n.v6d256622fb556a10406ff8e94eefdc40 .nav > li > a {\n\tpadding-left: 0rem;\n}\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .navbar-right .nav .dropdown .tooltip .tooltip-inner {\n\tword-wrap: unset;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 input[name=\"q\"]::placeholder {\n\tfont-size: 1.6rem !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 input[name=\"q\"], \n.v6d256622fb556a10406ff8e94eefdc40 .search-combobox--header .input-container__input {\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .desktop-headersearch-wrapper {\n\tdisplay: flex;\n\tjustify-content: end;\n\tpadding: 1.2rem 0rem 1.2rem 1.2rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .desktop-headersearch-wrapper .desktop-headersearch-icon {\n\tpadding: .8rem .8rem .8rem .8rem;\n\tcolor: #ffffff;\n\tfloat: right;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .desktop-headersearch-wrapper .desktop-headersearch-icon:hover {\n\tcolor: #ffffff;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .desktop-headersearch-wrapper .desktop-headersearch-icon:focus {\n\tbox-shadow: inset 0 0 0 .1rem #ffffff;\n\tborder: .05rem solid #ffffff;\n\tborder-radius: .4rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .desktop-headersearch-wrapper .hide-search {\n\twidth: 8rem;\n\ttransition: width .5s ease-in-out;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .desktop-headersearch-wrapper .visibility-collapse {\n\tvisibility: collapse;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .desktop-headersearch-wrapper .show-search {\n\twidth: 40rem !important;\n\ttransition: width .5s ease-in-out;\n\tvisibility: visible;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .mobile-header-search-icon-wrapper {\n\tfloat: none;\n\tposition: absolute;\n\tright: 6rem;\n\tpadding: 1.2rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .mobile-header-search-icon-wrapper .mobile-header-search-icon {\n\tcolor: #ffffff;\n\tpadding: .4rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .mobile-header-search-icon-wrapper .mobile-header-search-icon:hover {\n\tcolor: #ffffff;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .mobile-header-search {\n\tdisplay: flex;\n\theight: 6rem;\n\tpadding: 1.2rem 1.6rem 0rem 1.6rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .mobile-header-search .mobile-header-search-back {\n\tfont-size: 1.8rem;\n\tpadding: .4rem;\n\tmargin: 0rem 1.2rem 1.6rem 0rem;\n\talign-self: center;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .mobile-header-search .mobile-header-search-back .fa {\n\tcolor: #ffffff;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .mobile-header-search .mobile-header-search-back .fa:hover {\n\tcolor: #ffffff;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 .mobile-header-search .full-width {\n\twidth: 100%;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal {\n\tcolor: #ffffff;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n\tz-index: 25;\n\toverflow: auto;\n\tbackground-color: #0a333a;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal a {\n\tcolor: #ffffff;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal li {\n\tpadding-left: 1.2rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal li .fa {\n\tfont-size: 2.4rem;\n\tmargin-right: 1.2rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal li > a:focus {\n\tbox-shadow: inset 0 0 0 .1rem #ffffff;\n\tpadding: .4rem;\n\tborder: .05rem solid #ffffff;\n\tborder-radius: .4rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .dropdown-menu {\n\tbackground-color: transparent;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .mobile-menu-modal-list {\n\tlist-style-type: none;\n\tpadding: .8rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .user-profile-mobile {\n\tfont-size: 1.8rem;\n\tfont-weight: 600;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .line-separator-categories {\n\tmargin-top: 0rem;\n\tmargin-bottom: 1.6rem;\n\twidth: 100%;\n\ttext-align: left;\n\tmargin-left: 0;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .tree-mobile {\n\tdisplay: flex;\n\tmargin: 0 1.6rem 1.6rem 1.6rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .result-heading-mobile {\n\tdisplay: flex;\n\talign-items: center;\n\tfont-style: normal;\n\tfont-weight: 600;\n\tfont-size: 1.6rem;\n\tline-height: 2.3rem;\n\tgap: 1.2rem;\n\tpadding: 1.2rem 1.6rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .close-modal-button {\n\tdisplay: flex;\n\tjustify-content: right;\n\tmargin-right: 1.6rem;\n\tmargin-top: 1.6rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .close-modal-button path {\n\tfill: #ffffff;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .mobile-list-item {\n\tmargin: .4rem 0rem;\n\tpadding: 1.2rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .avatar-container .avatar.soloAvatar .sub-avatar {\n\tfont-size: 1.8rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .user-profile-menu-item {\n\tfont-size: 1.8rem;\n\tpadding: 1.2rem;\n\tmargin: .4rem 0rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .mobile-menu-icon {\n\tfont-size: 2.4rem;\n\tvertical-align: sub;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .guest-avatar {\n\theight: 4.2rem;\n\twidth: 4.2rem;\n\tborder-radius: 50%;\n\ttext-align: center;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tborder-color: $border;\n\tbackground-color: $background-tertiary;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .guest-avatar-icon {\n\tcolor: #17707f;\n\tfont-size: 2.4rem;\n\tvertical-align: -webkit-baseline-middle;\n\tmargin: 0rem !important;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .show-more-item {\n\tmargin-bottom: 1.6rem;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal hr {\n\tborder-color: #17707f;\n}\n\n.v6d256622fb556a10406ff8e94eefdc40 #mobile-menu-items-modal .navbar-avatar {\n\tmargin-right: 1.2rem !important;\n}","ngTemplates":{"spPolarisModalLogin":"<div class=\"login_widget\"><sp-widget widget=\"data.loginWidget\"><\/sp-widget>\n <style>\n    .modal-content { border: 0px solid transparent; }\n  <\/style>\n<\/div>","polaris-menuitems-mobileview":"<div id=\"mobile-mega-menu-modal\" class=\"mobile-mega-menu-modal\">\n <div class=\"close-modal-button\"><span ng-click=\"toggleMobileMenuVisibility($event)\" aria-label=\"Hide menu primary navigation\" data-original-title=\"Hide Menu\" tabindex=\"0\">\n   <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"><path d=\"M24.2929 6.29289C24.6834 5.90237 25.3166 5.90237 25.7071 6.29289C26.0976 6.68342 26.0976 7.31658 25.7071 7.70711L17.4142 16L25.7071 24.2929C26.0976 24.6834 26.0976 25.3166 25.7071 25.7071C25.3166 26.0976 24.6834 26.0976 24.2929 25.7071L16 17.4142L7.70711 25.7071C7.31658 26.0976 6.68342 26.0976 6.29289 25.7071C5.90237 25.3166 5.90237 24.6834 6.29289 24.2929L14.5858 16L6.29289 7.70711C5.90237 7.31658 5.90237 6.68342 6.29289 6.29289C6.68342 5.90237 7.31658 5.90237 7.70711 6.29289L16 14.5858L24.2929 6.29289Z\" />\n   <\/svg> <\/span>\n <\/div>\n <ul class=\"mobile-menu-modal-list\"><!-- User Profile -->\n  <li class=\"user-profile-menu-item\" ng-if=\"!isCategorySelectedOnMobileMegaMenu &amp;&amp; (!showMobileMegaMenu &amp;&amp; user.logged_in)\"><a ng-href=\"?id={{::data.supportProfilePortal}}\" ng-class=\"getClass(data.link)\" aria-label=\"{{user.name}} profile\"> <span class=\"navbar-avatar\">\n     <sn-avatar class=\"avatar-small-medium\" show-presence=\"false\" primary=\"avatarProfile\" /><\/span> <span class=\"avatar-username\">{{user.name}}<\/span> <\/a><\/li> <!-- Login -->\n  <li class=\"mobile-list-item user-profile-menu-item\" ng-if=\"!isCategorySelectedOnMobileMegaMenu &amp;&amp; !showMobileMegaMenu &amp;&amp; (!user.logged_in &amp;&amp; page.id != portal.login_page_dv &amp;&amp; !data.hasLogin)\"><a href ng-click=\"::openLogin()\"> <span class=\"guest-avatar\"> <i class=\"fa fa-user guest-avatar-icon\" aria-hidden=\"true\"><\/i> <\/span> <span class=\"menu-icon-label\">Log in<\/span> <\/a><\/li> <!-- separator -->\n  <hr ng-if=\"!isCategorySelectedOnMobileMegaMenu\"> <!-- Portal Mega menu widget (SUB)-->\n  <div class=\"level-1-list\"><sp-widget widget=\"data.sub.menu\"><\/sp-widget>\n  <\/div> <!-- More items -->\n  <li class=\"show-more-item\" ng-show=\"!isCategorySelectedOnMobileMegaMenu\" ng-if=\"user.logged_in &amp;&amp; !showMobileMegaMenu &amp;&amp; data.showMoreItems\" ng-repeat=\"item in data.moreItems\" role=\"menuitem\"><a ng-if=\"item.label !== item.shortLabel\" href=\"{{item.href}}\" data-toggle=\"tooltip\" data-placement=\"bottom\" data-original-title=\"{{item.label}}\" aria-label=\"{{item.label}}\"> <span ng-bind-html=\"'' + item.shortLabel + ''\" aria-hidden=\"true\"><\/span> <\/a> <a ng-if=\"item.label === item.shortLabel\" href=\"{{item.href}}\" aria-label=\"{{item.label}}\"> <span ng-bind-html=\"'' + item.shortLabel + ''\" aria-hidden=\"true\"><\/span> <\/a><\/li> <!-- Portal Mega menu widget (TOP)-->\n  <div class=\"level-1-list\" ng-show=\"!isCategorySelectedOnMobileMegaMenu\"><sp-widget widget=\"data.top.menu\"><\/sp-widget>\n  <\/div> <!-- separator -->\n  <hr ng-if=\"user.logged_in &amp;&amp; !isCategorySelectedOnMobileMegaMenu\"> <!-- Logout -->\n  <li class=\" mobile-list-item\" ng-if=\"user.logged_in &amp;&amp; !showMobileMegaMenu &amp;&amp; !isCategorySelectedOnMobileMegaMenu\"><a href=\"{{::portal.logoutUrl}}\"> <i class=\"fa fa-power-off mobile-menu-icon\" aria-hidden=\"true\"><\/i> <span class=\"menu-icon-label\">Logout<\/span> <\/a><\/li>\n <\/ul>\n<\/div>\n<style>\n      .avatar-container {\n        height: 42px;\n        width: 42px;\n      }\n      \n      .avatar-container .avatar.soloAvatar .sub-avatar span {\n        line-height: 42px !important;\n      }\n      .avatar-username {\n      \tdisplay: inline-block;\n      }\n      nav .open > a, .nav .open > a:hover, .nav .open > a:focus {\n        background-color: transparent !important;\n      }\n      .nav > li > a:hover, .nav > li > a:focus {\n        background-color: transparent !important;\n      }\n      \n      hr {\n        margin: 0px !important;\n      }\n    <\/style>"},"static":false,"data":{"instanceId":"","login_page":null,"showSubHeader":true,"isMobile":false,"langSelector":{"template":"<ul ng-if=\"c.data.i18nPluginInstalled &amp;&amp; c.data.enableLangSelector\" class=\"nav navbar-nav\" aria-label=\"Header\" role=\"list\">\n <li><a class=\"lang-popup-link\" uib-popover-template=\"'spLanguageSelector'\" popover-trigger=\"outsideClick\" popover-placement=\"auto\" popover-animation=\"true\" popover-popup-close-delay=\"70\" popover-is-open=\"c.popoverIsOpen\" ng-click=\"c.togglePopover()\" role=\"menuitem\" type=\"link\" href=\"javascript:void(0)\"> <i class=\"fa fa-globe\"><\/i> <span class=\"nav-link\">{{c.selectedLanguageLabel}}<\/span> <\/a> <a class=\"lang-page-link\" ng-href=\"?id=region_language_select\" ng-click=\"c.collapse()\"> <i class=\"fa fa-globe\"><\/i> <span class=\"nav-link\">{{c.selectedLanguageLabel}}<\/span> <\/a><\/li>\n<\/ul>","css":"\n.v4ec9343d29b1c510f8779f284c7771c0 .add-on > button.lookup {\n\tdisplay: none;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .field-has-reference .reference {\n\tdisplay: inline !important;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .field-has-reference .add-on {\n\tdisplay: table-cell;\n\twidth: 0rem !important;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .v4f29ea66fb556a10406ff8e94eefdc9d {\n\tbackground-color: #fff !important;\n\tfont-family: \"Roboto\", \"SourceSansPro\", Helvetica, Arial, sans-serif !important;\n\tcolor: #14142B !important;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .v4f29ea66fb556a10406ff8e94eefdc9d a {\n\tcolor: #ffffff !important;\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\ttext-decoration: none;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v4ec9343d29b1c510f8779f284c7771c0 .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu {\n\tbackground-color: #fff !important;\n\tborder: none;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v4ec9343d29b1c510f8779f284c7771c0 .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .navbar-inverse .navbar-nav > .open > a, \n.v4ec9343d29b1c510f8779f284c7771c0 .navbar-inverse .navbar-nav > .open > a:hover, \n.v4ec9343d29b1c510f8779f284c7771c0 .navbar-inverse .navbar-nav > .open > a:focus {\n\tbackground-color: #e6e8ea;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu a:hover {\n\tbackground-color: #e6e8ea !important;\n\tcolor: #a0edf4 !important;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .navbar-inverse .navbar-nav > li > a:hover, \n.v4ec9343d29b1c510f8779f284c7771c0 .navbar-inverse .navbar-nav > li > a.dropdown-toggle:hover {\n\tbackground-color: #89d8df !important;\n\tcolor: #14142B !important;\n\tfont-weight: bold !important;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:hover {\n\tbackground-color: #89d8df !important;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:focus:not(:hover) {\n\toutline: none !important;\n\tbox-shadow: none !important;\n\tbackground-color: transparent !important;\n\tborder: none !important;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .navbar-inverse .navbar-nav > li > a.dropdown-toggle .caret {\n\tbackground-color: transparent;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer {\n\tbackground-color: #14142B;\n\tcolor: white;\n\tpadding: .5rem;\n\ttext-align: center;\n\theight: 3.4rem;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .btn-primary {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .btn-default {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .dropdown-toggle:focus, \n.v4ec9343d29b1c510f8779f284c7771c0 .dropdown-toggle:active, \n.v4ec9343d29b1c510f8779f284c7771c0 .dropdown-toggle:hover {\n\tbackground-color: transparent !important;\n\toutline: none !important;\n\tbox-shadow: none !important;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .panel-primary > .panel-heading {\n\tcolor: #14142B;\n\tbackground-color: #e1e4f2;\n\tborder-color: #e1e4f2;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .panel-footer {\n\tcolor: #14142B;\n\tborder-color: #e1e4f2;\n\tbackground-color: #e1e4f2;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .panel-title {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tfont-size: 1.8rem;\n\tcolor: inherit;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 a.lang-popup-link {\n\tcolor: #fff;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 a.lang-page-link {\n\tdisplay: none;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .popover {\n\tleft: auto;\n\tright: auto;\n}\n@media (max-width: 768px) {\n\t\n.v4ec9343d29b1c510f8779f284c7771c0 a.lang-popup-link {\n\tdisplay: none;\n}\n\t\n.v4ec9343d29b1c510f8779f284c7771c0 a.lang-page-link {\n\tdisplay: block;\n}\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 .popover-content {\n\tbackground-color: #14142B !important;\n\tcolor: white !important;\n\tbox-shadow: none !important;\n\tborder-radius: .6rem !important;\n\tpadding: 1rem !important;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover {\n\twhite-space: nowrap;\n\tpadding-left: .9rem;\n\tpadding-top: .3rem;\n\tcolor: white;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover > h3 {\n\tfont-size: 1.5rem;\n\tfont-weight: 600;\n\tcolor: white;\n\tmargin: 0 0 1rem 0;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover div.regions {\n\tdisplay: flex;\n\tmax-height: 35rem;\n\tjustify-content: space-between;\n\toverflow: auto;\n\tmargin-right: -1.5rem;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover div.regions section.region {\n\tpadding-right: 5rem;\n\tpadding-left: .3rem;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover div.regions section.region h4.region-header {\n\tcolor: white;\n\tfont-size: 1.3rem;\n\tfont-weight: 600;\n\tmargin-bottom: 0;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover div.regions li {\n\tpadding-top: .5rem;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover div.regions li a.language-display {\n\tcolor: white;\n\tfont-size: 1.3rem;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover div.regions li:hover, \n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover div.regions li:focus {\n\tbackground-color: #24244e;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover div.regions li:hover a.language-display, \n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover div.regions li:focus a.language-display {\n\tcolor: white;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.language-selector-popover div.regions ul {\n\tlist-style: none;\n\tpadding-left: 0;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.lang-picker-footer {\n\theight: 3rem;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: end;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.lang-picker-footer > a {\n\tfont-size: 1.2rem;\n\tpadding-right: 2.5rem;\n\tcolor: white;\n}\n\n.v4ec9343d29b1c510f8779f284c7771c0 div.lang-picker-footer i {\n\tmargin-left: .2rem;\n\tfont-size: 1.1rem;\n\tcolor: white;\n}","ngTemplates":{"spLanguageSelector":"<div id=\"language-popover\" class=\"language-selector-popover\">\n <h3>{{c.data.pageHeading}}<\/h3>\n <div class=\"regions\" tabindex=\"-1\">\n  <section class=\"region\" ng-repeat=\"regionobj in c.data.regionMap.regions track by $index\">\n   <h4 ng-if=\"regionobj.region\" class=\"region-header\">{{regionobj.region}}<\/h4>\n   <ul>\n    <li ng-repeat=\"lang in regionobj.languages track by $index\"><a class=\"language-display\" href=\"javascript:void(0)\" ng-click=\"c.setLanguage(lang)\"> <span>{{lang.display_label}}<\/span> <\/a><\/li>\n   <\/ul>\n  <\/section>\n <\/div>\n <div ng-if=\"c.showViewAllLink\" class=\"lang-picker-footer\"><a ng-href=\"?id=region_language_select\" class=\"view-all-languages\" ng-click=\"c.openAllRegions()\"> <span>View all<\/span> <i class=\"fa fa-arrow-right flip-icon-rtl\"><\/i> <\/a>\n <\/div>\n<\/div>"},"data":{"enableLangSelector":false},"roles":"","link":"function link(scope, element, attrs, controller) {\n  \n}","_metastack_size":2,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"4ec9343d29b1c510f8779f284c7771c0","public":true,"client_script":"api.controller=function($scope, $window, $rootScope) {\n\tvar c = this;\n\tc.selectedLanguageLabel = c.data.lang_label;\n\tc.showViewAllLink = false;\n\t\n\tc.collapse = function() {\n\t\t$rootScope.lang_popover_redirect_url = location.href;\n\t\t$rootScope.$emit('sp-navbar-collapse');\n\t};\n\t\n\tc.togglePopover = function(){\n\t\tc.popoverIsOpen = !c.popoverIsOpen;\n\t\tsetTimeout(function() {\n\t\t\t$(\"#language-popover\").focusout(function(e){\n\t\t\t\tif(e && e.relatedTarget){\n\t\t\t\t\tvar ele = e.relatedTarget;\n\t\t\t\t\tif(ele && (ele.classList.contains('language-display') || ele.classList.contains('view-all-languages'))){\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tc.popoverIsOpen = false;\n\t\t\t\t\t$scope.$apply();\n\t\t\t\t}\n\t\t\t});\n\t\t}, 10);\n\t};\n\tfunction languageSort(lang1,lang2){\n\t\treturn lang1.display_label > lang2.display_label? 1: -1;\n\t}\n\t\n\tif(c.data.regionMap.regions && c.data.regionMap.regions.length > 1){\n\t\tc.data.regionMap.regions.sort(function(a,b){\n\t\t\treturn parseInt(a.order) - parseInt(b.order);\n\t\t});\n\t}\n\tif(c.data.regionMap.regions && c.data.regionMap.regions.length > 3){\n\t\tc.data.regionMap.regions = c.data.regionMap.regions.splice(0, 3);\n\t\tc.showViewAllLink = true;\n\t\t\n\t\tc.data.regionMap.regions.forEach(function(region){\n\t\t\tregion.languages.sort(languageSort);\n\t\t});\n\t} else if(c.data.regionMap.languages){\n\t\tc.data.regionMap.languages.sort(languageSort);\n\t\t\n\t\tvar maxLangsToSlow = 36;\n\t\tif(c.data.regionMap.languages.length > maxLangsToSlow){\n\t\t\tc.showViewAllLink = true;\n\t\t\tc.data.regionMap.languages = c.data.regionMap.languages.slice(0, maxLangsToSlow);\n\t\t}\n\t\tc.data.regionMap.regions = [];\n\t\tsplitLanguagesList(c.data.regionMap.languages).forEach(function(langList){\n\t\t\tc.data.regionMap.regions.push({\n\t\t\t\tlanguages: langList\n\t\t\t});\n\t\t});\n\t}\n\t\n\tc.setLanguage = function(langObj){\n\t\tvar url = new URL(location.href);\n\t\tvar id = langObj.id;\n\t\tc.popoverIsOpen = false;\n\t\tc.server.get({action : \"changeLanguage\", langId : id}).then(function(resp){\n\t\t\tif(resp.data.success){\n\t\t\t\tc.selectedLanguageLabel = langObj.display_label;\n\t\t\t\tvar langParam = url.searchParams.get(\"lang\");\n\t\t\t\tif(langParam && langParam!= id){\n\t\t\t\t\turl.searchParams.set('lang', id);\n\t\t\t\t}\n\t\t\t\tlocation.replace(url.href);\n\t\t\t}\n\t\t});\n\t};\n\t\n\tc.openAllRegions = function(){\n\t\tc.popoverIsOpen = false;\n\t\t$rootScope.lang_popover_redirect_url = location.href;\n\t};\n\t\n\tfunction splitLanguagesList(langs){\n\t\tvar minLengthToDivide = 12;\n\t\t\n\t\tif(langs.length < minLengthToDivide){\n\t\t\treturn [langs];\n\t\t}\n\t\t\nvar columnSize = Math.ceil(langs.length/3);\n\t\t\n\t\tvar langColumns = [];\n\t\tfor (var i = 0; i < langs.length; i += columnSize) {\n\t\t\tvar langColumn = langs.slice(i, i + columnSize);\n\t\t\tlangColumns.push(langColumn);\n\t\t}\n\t\treturn langColumns;\n\t}\n};\n","name":"Portal language selector","options":{"sp_widget_dv":"","sp_column_dv":"","active":false,"sys_tags":"","order":-1},"sys_scope":"global","id":"sp-lang-selector","_script_execution_time":2,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.012"}},"roles":"","link":"function pspHeaderLink(scope, element, attrs, controller) {\n    $(element).on('click', 'a.navbar-brand', function(e) {\n        scope.expanded = false;\n    });\n    $(element).on('click.nav', '.navbar-collapse.in', function(e) {\n        var target = $(e.target);\n        if (target.is('a') && !target.hasClass(\"dropdown-toggle\") && target.siblings('.dropdown-menu').length == 0) {\n            // collapse mobile nav if clicked an anchor that isn't a dropdown toggle\n            scope.expanded = false;\n            return;\n        }\n\n        // if neither target nor parent is an anchor or the parent anchor is a dropdown-toggle, do nothing\n        if (!target.parent().is('a') || target.parent().hasClass(\"dropdown-toggle\") || target.parent().siblings('.dropdown-menu').length > 0)\n            return;\n\n        // collapse mobile nav if target is part of a submenu\n        if (target.parents(\"ul.dropdown-menu\").length > 0) {\n            scope.expanded = false;\n            return;\n        }\n\n        // collapse mobile nav is target is part of the dropdown\n        if (target.parents(\"div.navbar-collapse\").length > 0)\n            scope.expanded = false;\n    });\n    $(element).on('keydown', '.dropdown-menu > .header-menu-item', function(e) {\n        var target = e.target;\n        if (target.localName === 'a') {\n            if (e.keyCode === 37 || e.keyCode === 39) {\n                e.preventDefault();\n                $(target).parents('li').removeClass('open');\n                $(target).parents('li').find('a').focus();\n            } else if (e.keyCode === 9) {\n                $(target).parents('li').removeClass('open');\n            }\n        }\n    });\n\n    $('body').click(function(event) {\n        if ($(event.target).text() !== controller.toursTranslation && !$(event.target).is(\"[aria-expanded]\") && scope.isMobileViewOnDesktopExpanded)\n            scope.toggleMobileMenuVisibility();\n    });\n\n    // Closing mobile navigation menu after hitting Tab key on Logout option to focus on next DOM element on the page.\n    $(document).on('keydown', 'ul > li.logout > a[href*=\"logout\"]', function(keyDownEvent) {\n        var TAB_KEY_VALUE = 'Tab';\n\n        if (keyDownEvent.key === TAB_KEY_VALUE && scope.mobileDevice) {\n            scope.$applyAsync(function() {\n                scope.toggleMobileMenuVisibility();\n            });\n        }\n    });\n    $(document).on('keydown', 'ul > li.login', function(keyDownEvent) {\n        var TAB_KEY_VALUE = 'Tab';\n\n        if (keyDownEvent.key === TAB_KEY_VALUE && scope.mobileDevice) {\n            scope.$applyAsync(function() {\n                scope.toggleMobileMenuVisibility();\n            });\n        }\n    });\n    // Helper function to handle the arrow key navigation in the header\n    function handleKeyPressEvents(e) {\n        var target = e.target;\n        var querySelector;\n        if ($(this).hasClass('main-header-item'))\n            querySelector = 'li.main-header-item';\n        else if ($(this).hasClass('gt-menu-item'))\n            querySelector = 'li.gt-menu-item';\n\n        if (target.localName === 'a') {\n            var currentMenuItem = $(target).parents('li');\n            var parentUL = currentMenuItem.parents('ul');\n            var allMenuItems = parentUL.children(querySelector);\n            var firstMenuItem = allMenuItems.first();\n            var lastMenuItem = allMenuItems.last();\n            var menuItemToFocus;\n\n            // Only Side arrow keys should work for gt-menu-item and only vertical arrow keys should work for main-header-item\n            if (querySelector === 'li.gt-menu-item' && !(e.keyCode === 37 || e.keyCode === 39 || e.keyCode === 9))\n                return;\n            else if (querySelector === 'li.main-header-item' && !(e.keyCode === 38 || e.keyCode === 40))\n                return;\n\n            if (querySelector === 'li.gt-menu-item') {\n                if (e.keyCode === 9) {\n                    $(target).parents('li').removeClass('open');\n                    return;\n                } else {\n                    e.preventDefault();\n                    currentMenuItem.removeClass('open');\n                }\n            } else\n                e.preventDefault();\n\n            if (e.keyCode === 37 || e.keyCode === 38) {\n                var previousMenuItem = currentMenuItem.prevAll(querySelector);\n                currentMenuItem.prevAll(querySelector).first();\n                //enable circular navigation\n                menuItemToFocus = previousMenuItem.length ? previousMenuItem : lastMenuItem;\n                menuItemToFocus.find('a').focus();\n            } else if (e.keyCode === 39 || e.keyCode === 40) {\n                var nextMenuItem = currentMenuItem.nextAll(querySelector).first();\n                //enable circular navigation\n                menuItemToFocus = nextMenuItem.length ? nextMenuItem : firstMenuItem;\n                menuItemToFocus.find('a').focus();\n            }\n        }\n    }\n\n    // Handler to focus the first element of More Items dropdown on pressing Space/Enter/Down Arrow key.\n    $(element).on('keydown', '#more-items-button', function(e) {\n        if (e.keyCode === 32 || e.keyCode === 13 || e.keyCode === 40) {\n            e.preventDefault();\n            var target = e.target;\n            var moreItemsDropdown = '#more-items-dropdown';\n            $(target).click();\n            $(moreItemsDropdown).find('li.header-menu-item a:first').focus();\n        }\n    });\n\n    // Capturing the arrow key navigation in mega menu for both desktop and mobile view  \n    $(element).on('keydown', '.gt-menu-item, .main-header-item', handleKeyPressEvents);\n\n    var rateLimitedCallback = debounce(function() {\n        scope.$apply(function() {\n            // update current scope based on the new innerWidth and let angular update the view.\n            scope.mobileDevice = controller.data.isMobile || (window.innerWidth <= controller.MOBILE_DEVICE_SCREEN_WIDTH);\n        });\n    }, 250);\n\n    $(window).resize(rateLimitedCallback);\n\n    // This helper returns a function, that, as long as it continues to be invoked, will not\n    // be triggered. The function will be called after it stops being called for\n    // N milliseconds. If `immediate` is passed, trigger the function on the\n    // leading edge, instead of the trailing.\n    function debounce(func, wait, immediate) {\n        var timeout;\n        return function() {\n            var context = this,\n                args = arguments;\n            var later = function() {\n                timeout = null;\n                if (!immediate) func.apply(context, args);\n            };\n            var callNow = immediate && !timeout;\n            clearTimeout(timeout);\n            timeout = setTimeout(later, wait);\n            if (callNow) func.apply(context, args);\n        };\n    }\n}","_metastack_size":0,"option_schema":"","sys_class_name":"sp_header_footer","dependencies":[],"sys_id":"6d256622fb556a10406ff8e94eefdc40","public":true,"client_script":"function pspHeaderController($rootScope, $scope, $window, spUtil, $location, $uibModal, cabrillo, $timeout, i18n, spContextManager, spAriaUtil) {\n    var c = this;\n    $scope.avatarProfile = {\n        userID: $scope.user.sys_id,\n        name: $scope.user.name,\n        initials: $window.NOW.user_initials\n    };\n    if ($window.NOW.user_avatar) {\n        $scope.avatarProfile.userImage = $window.NOW.user_avatar;\n    }\n    c.SHOW_MOBILE_MEGA_MENU = 'showMobileMegaMenu';\n    c.SHOW_MOBILE_MENU_ON_DESKTOP = 'showMobileMenuOnDesktop';\n    c.TOGGLE_MOBILE_MENU_VISIBILITY = 'toggleMobileMenuVisibility';\n    $scope.userID = $scope.user.sys_id;\n    $scope.popupType = c.data.isMobile ? 'collapse' : 'dropdown';\n    $scope.expanded = false;\n    $scope.isMobileViewOnDesktopExpanded = false;\n    var flag = 0;\n    $scope.showMobileMenuOnDesktop = false;\n    $scope.showMobileMegaMenu = false;\n    c.MOBILE_DEVICE_SCREEN_WIDTH = 767;\n    $scope.mobileDevice = c.data.isMobile || ($window.innerWidth <= c.MOBILE_DEVICE_SCREEN_WIDTH);\n    if (cabrillo.isNative())\n        $scope.isViewNative = true;\n    $scope.isCategorySelectedOnMobileMegaMenu = false;\n    $rootScope.$on('categorySelectedOnMobileMegaMenu', function(event, isCategorySelected) {\n        $scope.isCategorySelectedOnMobileMegaMenu = isCategorySelected;\n    });\n    $scope.newPageId = c.data.initialPageId;\n    $scope.showSearchbarOnMobile = false;\n    c.getContainer = function() {\n        return $(\".\" + \"instance\" + \"-\" + c.data.instanceId);\n    };\n    $scope.showSearchBarMobile = function() {\n        $scope.showSearchbarOnMobile = true;\n        $timeout(function() {\n            $scope.focusOnSearchBar();\n        });\n    };\n    $scope.hideSearchBarMobile = function() {\n        $scope.showSearchbarOnMobile = false;\n        $scope.$apply();\n    };\n    document.addEventListener('focus', (event) => {\n        var currentlyFocusedElement = event.target;\n        if (flag == 1) {\n            if (currentlyFocusedElement.name != 'search' && currentlyFocusedElement != c.getContainer().find('input[name=\"q\"]')[0] && currentlyFocusedElement != c.getContainer().find('sn-search-combobox')[0]) {\n                var typeaheadSearchDiv = c.getContainer().find('#searchBox');\n                typeaheadSearchDiv.removeClass(\"show-search\").addClass('hide-search');\n                $timeout(function() {\n                    typeaheadSearchDiv.addClass('visibility-collapse');\n                    c.getContainer().find('#searchbox-icon').removeClass('hidden');\n                }, 500);\n                flag = 0;\n            }\n        }\n    }, true);\n    $scope.focusOnSearchBar = function() {\n        flag = 1;\n        if (c.data.aisEnabled) {\n            var searchBox = c.getContainer().find('sn-search-combobox')[0];\n            if ($scope.mobileDevice)\n                searchBox.addEventListener('blur', $scope.onSearchBoxBlur);\n            $timeout(function() {\n                searchBox.shadowRoot.childNodes[0].shadowRoot.childNodes[0].querySelector('input').focus();\n            }, 500);\n        } else {\n            var searchBox = c.getContainer().find('input[name=\"q\"]')[0];\n            if ($scope.mobileDevice)\n                searchBox.addEventListener('blur', $scope.onSearchBoxBlur);\n            searchBox.addEventListener('keydown', (event) => $scope.onSearchBoxTab(event));\n            searchBox.focus();\n        }\n    };\n    $scope.onSearchBoxTab = function(event) {\n        $timeout(function() {\n            if (event.keyCode == 9) {\n                var searchIcon = c.getContainer().find('#searchbox-icon');\n                searchIcon.focus();\n            }\n        }, 525);\n    };\n    $scope.showAndExpandSearch = function(event) {\n        spAriaUtil.sendLiveMessage(i18n.getMessage(\"button expanded\"));\n        c.getContainer().find('#searchBox').removeClass('hide-search').addClass('show-search').removeClass('visibility-collapse');\n        c.getContainer().find('#searchbox-icon').addClass('hidden');\n        $scope.focusOnSearchBar();\n    };\n    $scope.onSearchBoxBlur = function(event) {\n        $scope.hideSearchBarMobile();\n    };\n    $scope.getUrlParameters = function(parameter, decode, staticURL) {\n        var url = staticURL ? staticURL : $location.url();\n        var currLocation = (url.length) ? url : window.location.search;\n        if (!currLocation || !currLocation.split(\"?\") || currLocation.split(\"?\").length < 2)\n            return '';\n        var paramArr = currLocation.split(\"?\")[1].split(\"&\");\n        var numOfParams = paramArr.length;\n        for (var i = 0; i < numOfParams; i++) {\n            param = paramArr[i].split(\"=\");\n            if (param[0] === parameter)\n                return (decode) ? decodeURIComponent(param[1]) : param[1];\n        }\n        return '';\n    };\n    $scope.$on(\"$sp.service_catalog.cart.count\", function($evt, count) {\n        $scope.cartItemCount = count;\n    });\n    $scope.$on(\"$locationChangeSuccess\", function(event, data) {\n        $scope.newPageId = $scope.getUrlParameters(\"id\", true, data);\n        if (c.data.isMobile) {\n            if ($('div#popup_todos_mobile').is(\":visible\"))\n                $('li > a#todos_popup').click();\n            else if ($('div#popup_cases_mobile').is(\":visible\"))\n                $('li > a#cases_popup').click();\n        } else {\n            $('li.open > a#cases_popup').click();\n            $('li.open > a#todos_popup').click();\n        }\n        if ($scope.isMobileViewOnDesktopExpanded) {\n            $scope.isMobileViewOnDesktopExpanded = false;\n            $scope.expanded = false;\n            $scope.showMobileMegaMenu = false;\n            $rootScope.$emit(c.SHOW_MOBILE_MEGA_MENU, false);\n        }\n    });\n    $scope.openLogin = function() {\n        $scope.modalInstance = $uibModal.open({\n            templateUrl: 'spPolarisModalLogin',\n            scope: $scope\n        });\n        var pageRoot = angular.element('.sp-page-root');\n        $scope.modalInstance.rendered.then(function() {\n            var $uibModalStack = $injector.get('$uibModalStack');\n            var modalObj = $uibModalStack.getTop();\n            var modal = modalObj.value.modalDomEl;\n            modal.attr('aria-label', modal.find('.panel-title').html());\n            modal.attr('aria-modal', 'true');\n            pageRoot.attr('aria-hidden', 'true');\n        });\n        $scope.modalInstance.closed.then(function() {\n            pageRoot.attr('aria-hidden', 'false');\n        });\n    };\n    $rootScope.$on(\"update.searchpage\", function(e, searchPage) {\n        $scope.searchPage = searchPage;\n    });\n    $rootScope.$on('sp.avatar_changed', function() {\n        $scope.userID = '';\n        $timeout(function() {\n            $scope.userID = $scope.user.sys_id;\n        });\n    });\n    $rootScope.$on(c.SHOW_MOBILE_MENU_ON_DESKTOP, function(event, showMobileMenuOnDesktop) {\n        if (!showMobileMenuOnDesktop && $scope.showMobileMenuOnDesktop) {\n            $scope.isMobileViewOnDesktopExpanded = false;\n        }\n        $scope.showMobileMenuOnDesktop = showMobileMenuOnDesktop;\n    });\n    $rootScope.$on(c.SHOW_MOBILE_MEGA_MENU, function(event, showMobileMegaMenu) {\n        $scope.showMobileMegaMenu = showMobileMegaMenu;\n    });\n    $scope.toggleMobileMenuVisibility = function(event) {\n        if (event) {\n            event.stopPropagation();\n        }\n        $scope.isMobileViewOnDesktopExpanded = !$scope.isMobileViewOnDesktopExpanded;\n        $scope.expanded = false;\n        $scope.showMobileMegaMenu = false;\n        $rootScope.$emit(c.SHOW_MOBILE_MEGA_MENU, false);\n    };\n    $rootScope.$on(c.TOGGLE_MOBILE_MENU_VISIBILITY, function() {\n        $scope.toggleMobileMenuVisibility();\n    });\n    $scope.isHomepage = function() {\n        if (!$scope.page.id)\n            return true;\n        if ($scope.page.id == $scope.portal.homepage_dv)\n            return true;\n        return false;\n    };\n    $scope.hideSparkle = $scope.hideSparkle || !$scope.data.showSparkle || ($window.innerWidth <= 992);\n}\n","name":"Portal Polaris Header HCL","options":{"sp_widget_dv":"","sp_column_dv":"","active":false,"sys_tags":"","order":-1},"sys_scope":"e9276da055525110f87724327a36ce96","id":"","_script_execution_time":5,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.071"},"sys_name":"CSM Default","sys_class_name_dv":"Theme"},"containers":[{"sys_id":"14bed744cb01120000f8d856634c9c2e","bootstrap_alt":false,"subheader":false,"background":"{\"background-size\":\"cover\",\"background-image\":\"url('328c22a92b6d22105e6bfc7ffe91bfdf.iix')\",\"background-position\":\"center center\"}","width":"container","container_class_name":"","title":"","rows":[{"sys_id":"58bed744cb01120000f8d856634c9c2e","columns":[{"sys_id":"9cbed744cb01120000f8d856634c9c2e","size_classes":"col-md-12 ","rows":[],"widgets":[{"sys_id":"ffb9c4b7cb01120000f8d856634c9c53","widget":{"template":"<div id=\"homepage-search\" class=\"hidden-xs wrapper-xl\">\n <div class=\"wrapper-xl\">\n  <h2 class=\"text-center text-4x m-b-lg sp-tagline-color sp-search-heading\" ng-bind=\"options.title\"><\/h2>\n  <div ng-if=\"options.short_description\" class=\"text-center h4 m-b-lg sp-tagline-color\" ng-bind=\"options.short_description\"><\/div> <sp-widget widget=\"data.typeAheadSearch\"><\/sp-widget>\n <\/div>\n<\/div>","css":"\n.v200fbd96cb20020000f8d856634c9ca1 .add-on > button.lookup {\n\tdisplay: none;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .field-has-reference .reference {\n\tdisplay: inline !important;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .field-has-reference .add-on {\n\tdisplay: table-cell;\n\twidth: 0rem !important;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .v4f29ea66fb556a10406ff8e94eefdc9d {\n\tbackground-color: #fff !important;\n\tfont-family: \"Roboto\", \"SourceSansPro\", Helvetica, Arial, sans-serif !important;\n\tcolor: #14142B !important;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .v4f29ea66fb556a10406ff8e94eefdc9d a {\n\tcolor: #ffffff !important;\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\ttext-decoration: none;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v200fbd96cb20020000f8d856634c9ca1 .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu {\n\tbackground-color: #fff !important;\n\tborder: none;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v200fbd96cb20020000f8d856634c9ca1 .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .navbar-inverse .navbar-nav > .open > a, \n.v200fbd96cb20020000f8d856634c9ca1 .navbar-inverse .navbar-nav > .open > a:hover, \n.v200fbd96cb20020000f8d856634c9ca1 .navbar-inverse .navbar-nav > .open > a:focus {\n\tbackground-color: #e6e8ea;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu a:hover {\n\tbackground-color: #e6e8ea !important;\n\tcolor: #a0edf4 !important;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .navbar-inverse .navbar-nav > li > a:hover, \n.v200fbd96cb20020000f8d856634c9ca1 .navbar-inverse .navbar-nav > li > a.dropdown-toggle:hover {\n\tbackground-color: #89d8df !important;\n\tcolor: #14142B !important;\n\tfont-weight: bold !important;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:hover {\n\tbackground-color: #89d8df !important;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:focus:not(:hover) {\n\toutline: none !important;\n\tbox-shadow: none !important;\n\tbackground-color: transparent !important;\n\tborder: none !important;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .navbar-inverse .navbar-nav > li > a.dropdown-toggle .caret {\n\tbackground-color: transparent;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer {\n\tbackground-color: #14142B;\n\tcolor: white;\n\tpadding: .5rem;\n\ttext-align: center;\n\theight: 3.4rem;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .btn-primary {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .btn-default {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .dropdown-toggle:focus, \n.v200fbd96cb20020000f8d856634c9ca1 .dropdown-toggle:active, \n.v200fbd96cb20020000f8d856634c9ca1 .dropdown-toggle:hover {\n\tbackground-color: transparent !important;\n\toutline: none !important;\n\tbox-shadow: none !important;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .panel-primary > .panel-heading {\n\tcolor: #14142B;\n\tbackground-color: #e1e4f2;\n\tborder-color: #e1e4f2;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .panel-footer {\n\tcolor: #14142B;\n\tborder-color: #e1e4f2;\n\tbackground-color: #e1e4f2;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .panel-title {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tfont-size: 1.8rem;\n\tcolor: inherit;\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 .sp-tagline-color {\n\tcolor: #ffffff;\n}\n@media (forced-colors: active) {\n\t\n.v200fbd96cb20020000f8d856634c9ca1 .sp-search-heading {\n\tbackground-color: Canvas;\n}\n}\n\n.v200fbd96cb20020000f8d856634c9ca1 #homepage-search .aisearch {\n\t--classicsponlydonotuse--rem-multipy: 1.6;\n}","data":{"typeAheadSearch":{"template":"<form ng-if=\"!c.data.aisEnabled\" ng-submit=\"c.submitSearch()\" role=\"search\"><input type=\"hidden\" name=\"id\" value=\"search\"> <input type=\"hidden\" name=\"t\" value=\"{{c.searchType}}\">\n <div class=\"input-group input-group-{{::c.options.size}} input-group-typeahead\" role=\"presentation\"><!-- uses ui.bootstrap.typeahead --> <input ng-if=\"c.isTypeAheadEnabled &amp;&amp; c.showSuggestions\" name=\"q\" placeholder=\"{{::c.options.title}}\" ng-model=\"c.searchTerm\" autocomplete=\"off\" uib-typeahead=\"item as item.term for item in c.getSearchSuggestions($viewValue)\" typeahead-wait-ms=\"c.data.typeaheadWaitMS\" typeahead-min-length=\"c.data.typeaheadMinLength\" typeahead-focus-first=\"false\" typeahead-on-select=\"c.onSelect($item, $model, $label)\" typeahead-template-url=\"sp-typeahead.html\" typeahead-popup-template-url=\"sp-typeahead-popup.html\" class=\"form-control input-typeahead\" role=\"combobox\" aria-autocomplete=\"list\" title=\"{{::c.options.title}}\" data-toggle=\"tooltip\" data-placement=\"bottom\" aria-label=\"{{::c.options.title}}\" tabindex=\"0\" aria-haspopup=\"listbox\"> <input ng-if=\"c.isTypeAheadEnabled &amp;&amp; !c.showSuggestions\" name=\"q\" placeholder=\"{{::c.options.title}}\" ng-model=\"c.searchTerm\" autocomplete=\"off\" uib-typeahead=\"item as item.primary for item in c.getResults($viewValue)\" typeahead-wait-ms=\"c.data.typeaheadWaitMS\" typeahead-min-length=\"c.data.typeaheadMinLength\" typeahead-focus-first=\"false\" typeahead-on-select=\"c.onSelect($item, $model, $label)\" typeahead-template-url=\"sp-typeahead.html\" typeahead-popup-template-url=\"sp-typeahead-popup.html\" class=\"form-control input-typeahead\" role=\"combobox\" aria-autocomplete=\"list\" title=\"{{::c.options.title}}\" data-toggle=\"tooltip\" data-placement=\"bottom\" aria-label=\"{{::c.options.title}}\" tabindex=\"0\" aria-haspopup=\"listbox\"> <input ng-if=\"!c.isTypeAheadEnabled\" name=\"q\" type=\"text\" placeholder=\"{{::c.options.title}}\" ng-model=\"c.searchTerm\" autocomplete=\"off\" class=\"form-control\" role=\"listbox\" title=\"{{::c.options.title}}\" data-toggle=\"tooltip\" data-placement=\"bottom\" aria-label=\"{{::c.options.title}}\" tabindex=\"0\"> <span class=\"input-group-btn\"> <button name=\"search\" type=\"submit\" class=\"btn btn-{{::c.options.color}}\" title=\"{{::c.data.searchMsg}}\" aria-label=\"{{::c.data.searchMsg}}\" data-toggle=\"tooltip\" data-placement=\"bottom\"> <i ng-if=\"::c.options.glyph\" class=\"fa fa-{{::c.options.glyph}}\"><\/i> <\/button> <\/span>\n <\/div>\n<\/form>\n<div ng-if=\"c.data.aisEnabled\"><sn-search-combobox class=\"aisearch\" search-context-config-id=\"{{c.data.searchApplicationId}}\" placeholder=\"{{::c.options.placeholder}}\" search-term=\"{{c.data.q}}\" disable-autocomplete=\"{{c.options.disable_all_suggestions}}\" placement=\"{{c.options.placement ? c.options.placement : 'dynamic-landing-header'}}\" enable-exact-match=\"false\" exact-match-regex=\"{{c.data.exactMatchRegex}}\" is-now-assist-enabled=\"{{c.data.nowAssistEnabled || c.data.isDynamicChatAssistantEnabled}}\" ai-assistant=\"{{c.data.assistantName}}\" search-from-chat=\"{{c.data.isSearchFromChat}}\" display-onboarding-popover=\"{{c.data.displayOnboardingPopover}}\" show-utterances=\"true\" utterance-placement=\"{{c.options.utterancePlacement ? c.options.utterancePlacement : 'header'}}\" onboarding-dismissed=\"{{c.data.isOnboardingPopoverDismissed}}\" additional-context=\"{{c.data.additionalContext}}\"> \n <\/sn-search-combobox>\n<\/div>","css":"\n.vfa20ec02cb31020000f8d856634c9ce9 .add-on > button.lookup {\n\tdisplay: none;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .field-has-reference .reference {\n\tdisplay: inline !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .field-has-reference .add-on {\n\tdisplay: table-cell;\n\twidth: 0rem !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d {\n\tbackground-color: #fff !important;\n\tfont-family: \"Roboto\", \"SourceSansPro\", Helvetica, Arial, sans-serif !important;\n\tcolor: #14142B !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d a {\n\tcolor: #ffffff !important;\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\ttext-decoration: none;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu {\n\tbackground-color: #fff !important;\n\tborder: none;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > .open > a, \n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > .open > a:hover, \n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > .open > a:focus {\n\tbackground-color: #e6e8ea;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu a:hover {\n\tbackground-color: #e6e8ea !important;\n\tcolor: #a0edf4 !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > li > a:hover, \n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > li > a.dropdown-toggle:hover {\n\tbackground-color: #89d8df !important;\n\tcolor: #14142B !important;\n\tfont-weight: bold !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:hover {\n\tbackground-color: #89d8df !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:focus:not(:hover) {\n\toutline: none !important;\n\tbox-shadow: none !important;\n\tbackground-color: transparent !important;\n\tborder: none !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > li > a.dropdown-toggle .caret {\n\tbackground-color: transparent;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer {\n\tbackground-color: #14142B;\n\tcolor: white;\n\tpadding: .5rem;\n\ttext-align: center;\n\theight: 3.4rem;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .btn-primary {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .btn-default {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .dropdown-toggle:focus, \n.vfa20ec02cb31020000f8d856634c9ce9 .dropdown-toggle:active, \n.vfa20ec02cb31020000f8d856634c9ce9 .dropdown-toggle:hover {\n\tbackground-color: transparent !important;\n\toutline: none !important;\n\tbox-shadow: none !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .panel-primary > .panel-heading {\n\tcolor: #14142B;\n\tbackground-color: #e1e4f2;\n\tborder-color: #e1e4f2;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .panel-footer {\n\tcolor: #14142B;\n\tborder-color: #e1e4f2;\n\tbackground-color: #e1e4f2;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .panel-title {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tfont-size: 1.8rem;\n\tcolor: inherit;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 ul.dropdown-menu {\n\tmin-width: 100%;\n\tmax-height: 20rem;\n\toverflow-y: auto;\n\tborder-radius: 0rem 0rem .4rem .4rem;\n\tmargin: 0rem;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 ul.dropdown-menu  > li > a {\n\twhite-space: normal;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 ul.dropdown-menu a.ta-item {\n\tline-height: 2rem;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 ul.dropdown-menu i.ta-icon, \n.vfa20ec02cb31020000f8d856634c9ce9 i.ta-img {\n\twidth: 2rem;\n\theight: 2rem;\n\tbackground-size: contain;\n\tdisplay: inline-block;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center center;\n\ttext-align: center;\n\tline-height: 2rem;\n\tvertical-align: bottom;\n\tmargin-right: .8rem;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 input[name=\"q\"] {\n\tcolor: black;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .aisearch {\n\t--classicsponlydonotuse--rem-multipy: 1.4;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 button[name=\"search\"]:focus {\n\toutline: .2rem solid #66afe9 !important;\n\toutline-offset: -.4rem !important;\n}","ngTemplates":{"sp-typeahead.html":"<a class=\"ta-item\" ng-href=\"{{match.model.target != '_blank' ? match.model.url : ''}}\" target=\"{{match.model.target}}\">\n <div ng-if=\"!match.model.templateID\"><i class=\"ta-icon fa fa-{{match.model.glyph}}\" ng-if=\"match.model.glyph\"><\/i> <span ng-bind-html=\"match.label | uibTypeaheadHighlight:match.model.query\" aria-label=\"{{match.label}}\"><\/span>\n <\/div>\n <div ng-if=\"match.model.templateID\" ng-include=\"match.model.templateID\"><\/div> <\/a>","sp-typeahead-popup.html":"<ul class=\"typeahead-popup dropdown-menu\" aria-label=\"{{::$parent.c.options.title}} {{::$parent.c.data.searchSuggestionsMsg}}\" ng-show=\"isOpen() &amp;&amp; !moveInProgress\" ng-style=\"{top: position().top+'px', left: position().left+'px'}\" role=\"listbox\" aria-hidden=\"{{!isOpen()}}\">\n <li role=\"option\" aria-hidden=\"true\" style=\"display: none\"><\/li>\n <li ng-repeat=\"match in matches track by $index\" ng-class=\"{active: isActive($index) }\" ng-mouseenter=\"selectActive($index)\" ng-click=\"selectMatch($index, $event)\" role=\"option\" id=\"{{::match.id}}\" data-index=\"{{$index}}\" }>\n  <div uib-typeahead-match index=\"$index\" match=\"match\" query=\"query\" template-url=\"templateUrl\"><\/div><\/li>\n<\/ul>"},"data":{"searchTypeBehavior":"typeahead","isLocationTrackerDisabled":"true","aisEnabled":false,"navigationMsg":"To navigate, use up and down arrow keys.","searchSourceConfiguration":{"qa":{"sys_id":"c450a0616761220023c82e08f585ef3e","glyph":"comments-o","linkToPage":"kb_social_qa_question","type":"SIMPLE"},"sc":{"template":"sp-typeahead-sc.html","sys_id":"c96eb1686721220023c82e08f585efff","glyph":"empty","linkToPage":null,"type":"ADVANCED"},"kb":{"sys_id":"c6170ae86721220023c82e08f585efe6","glyph":"file-text-o","linkToPage":"kb_article","type":"SIMPLE"}},"searchMsg":"Search","typeaheadWaitMS":1000,"searchSources":["qa","kb","sc"],"searchType":null,"refreshPageOnSearch":true,"resultMsg":"Search results.","noResultsFoundMsg":"No results found","q":null,"searchSourceSysIds":["c450a0616761220023c82e08f585ef3e","c6170ae86721220023c82e08f585efe6","c96eb1686721220023c82e08f585efff"],"isSuggestionsEnabled":"true","portalID":null,"typeaheadMinLength":3,"typeaheadTemplates":{"sp-typeahead-sc.html":"<!-- prefer item picture to item icon, prefer item icon to default icon -->\n<div onclick=\"window.GlideWebAnalytics.trackEvent('Service Catalog', 'Catalog Search Type Ahead', 'Item Clicked')\">\n<i ng-if=\"match.model.picture\" class=\"ta-img\" style=\"background-image:url('{{match.model.picture}}?t=small')\"><\/i>\n<i ng-if=\"!match.model.picture && match.model.icon\" class=\"ta-icon\" style=\"background-image:url('{{match.model.icon}}'); width:16px; height:16px\"><\/i>\n<i ng-if=\"!match.model.picture && !match.model.icon\" class=\"ta-icon fa fa-{{match.model.default_icon}}\"><\/i>\n<span ng-bind-html=\"match.label | uibTypeaheadHighlight:query\"><\/span>\n<strong ng-if=\"match.model.type == 'sc_content' && match.model.content_type == 'external'\">➚<\/strong>\n<\/div>"},"searchSuggestionsMsg":"suggestions","isTypeAheadEnabled":"true"},"roles":"snc_external,snc_internal","link":"function(scope, elem) {\n    var lazyLoader = $injector.get(\"lazyLoader\");\n    var SEARCH_EXECUTED_EVENT = \"SN_SEARCH_COMBOBOX#SEARCH_EXECUTED\";\n    var UTTERANCE_CLICKED_EVENT = \"SN_SEARCH_COMBOBOX#UTTERANCE_CLICKED\"\n    var CUSTOM_ROUTE_SEARCH_EVENT = \"SN_SEARCH_COMBOBOX#CUSTOM_SEARCH_ROUTE_EXECUTED\";\n    var NAVIGATION_EVENT = \"SN_SEARCH_COMBOBOX#NAVIGATION_EXECUTED\";\n\n    lazyLoader.putTemplates(scope.data.typeaheadTemplates);\n\n    if (scope.c.data.aisEnabled) {\n        elem.on(SEARCH_EXECUTED_EVENT, \".aisearch\", function(result) {\n            scope.c.aisSubmit(result.detail.payload);\n        })\n\n        elem.on(UTTERANCE_CLICKED_EVENT, \".aisearch\", function(event) {\n            if (scope.c.data.nowAssistEnabled) {\n                scope.c.aisSubmit({\n                    searchTerm: event.detail.payload.utterance\n                });\n            } else {\n                var searchContext = event.detail.payload;\n                searchContext.intention = 'search';\n                var transferred_search_result = {};\n                transferred_search_result.searchContext = searchContext\n                window.nowAssistDynamicWindow\n                    .open({\n                        context: {\n                            transferred_search_result: JSON.stringify(transferred_search_result)\n                        },\n                        forceNewConversation: true\n                    });\n            }\n        })\n\n        elem.on(NAVIGATION_EVENT, \".aisearch\", function(result) {\n            var resultPayload = result.detail.payload;\n\n            var ga = new GlideAjax('SPSearchResultActions');\n            ga.addParam('sysparm_name', 'getSuggestionResultAction');\n            ga.addParam('sysparam_tableName', resultPayload.actionPayload.table);\n            ga.addParam('sysparam_sysId', resultPayload.actionPayload.sysId);\n            ga.addParam('sysparam_portalId', scope.c.data.portalId);\n            ga.getXML(callback);\n\n            function callback(response) {\n                var answer = response.responseXML.getElementsByTagName(\"answer\");\n                resultPayload[\"actionDispatch\"] = \"NAVIGATION\";\n                resultPayload[\"actionType\"] = \"uxf_client_action\";\n                resultPayload[\"assignmentId\"] = answer[0].getAttribute('actionId');\n                const actionUrl = answer[0].getAttribute('actionUrl');\n                if (actionUrl)\n                    resultPayload.actionPayload[\"url\"] = actionUrl;\n\n                if (!resultPayload.actionPayload[\"url\"] && resultPayload.actionPayload[\"recordUrl\"])\n                    resultPayload.actionPayload[\"url\"] = resultPayload.actionPayload[\"recordUrl\"];\n\n                scope.c.navigate(scope.c.data, resultPayload.actionPayload, resultPayload);\n            }\n        });\n        if (scope.c.data.nowAssistEnabled) {\n            elem.on('focus', \".aisearch\", function() {\n                scope.c.ensureNowAssistSelfServiceIsLoaded();\n\n            }, {\n                once: true\n            });\n        }\n    }\n}","_metastack_size":1,"option_schema":"[{\"name\":\"title\",\"section\":\"Presentation\",\"label\":\"Title\",\"type\":\"string\"},{\"name\":\"color\",\"section\":\"Presentation\",\"label\":\"Color\",\"type\":\"string\"},{\"name\":\"glyph\",\"section\":\"Presentation\",\"label\":\"glyph\",\"type\":\"string\"},{\"name\":\"size\",\"section\":\"Presentation\",\"label\":\"Size\",\"type\":\"string\"},{\"hint\":\"Number of typeahead search results returned (default 15)\",\"name\":\"limit\",\"section\":\"Behavior\",\"label\":\"Limit\",\"type\":\"integer\"},{\"displayValue\":\"Search Source\",\"hint\":\"If provided, limit the scope of the typeahead search to the given search sources\",\"name\":\"contextual_search_sources\",\"display_value_list\":[],\"section\":\"Behavior\",\"label\":\"Contextual Search Sources\",\"type\":\"glide_list\",\"value\":\"sp_search_source\",\"ed\":{\"reference\":\"sp_search_source\"}}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"fa20ec02cb31020000f8d856634c9ce9","public":true,"client_script":"function ($http, $filter, $location,spAriaUtil, $window, $scope, $rootScope, $element, spAriaFocusManager, snAnalytics, spAISearchResults) {\n\tvar c = this;\n    var data = c.data;\n    c.ensureNowAssistSelfServiceIsLoaded = (function() {\n        var loadingScript = document.head.querySelector('#nowAssistSelfServiceScript');\n        if(window.nowAssistDialogOpened) {\n           c.data.displayOnboardingPopover = false;\n\t\t}\n        return function() {\n            if (loadingScript) {\nreturn loadingScript;\n            }\n            loadingScript = new Promise((resolve, reject) => {\n                const flushTimeStamp = data.flushTimeStamp;\n                const nowAssistSelfServiceScript = document.createElement('script');\n                nowAssistSelfServiceScript.id = 'nowAssistSelfServiceScript';\nnowAssistSelfServiceScript.src = '/uxasset/externals/now-assist-self-service/index.jsdbx?sysparm_use_cache_buster=true&' +\n                    'uxpcb=' + flushTimeStamp;\n                nowAssistSelfServiceScript.type = 'module';\n                nowAssistSelfServiceScript.onload = function() {\nresolve();\n                };\n                nowAssistSelfServiceScript.onerror = function() {\nreject(new Error('Failed to load script'));\n                };\ndocument.head.appendChild(nowAssistSelfServiceScript);\n            });\nreturn loadingScript;\n        };\n    })();\n\t$scope.$on('$locationChangeSuccess', onLocationChangeSuccess);\n\tfunction setSearchTerm(newUrl, oldUrl) {\n\t\ttry {\n\t\t\tvar oldQuery = new URL(oldUrl).searchParams.get(\"q\");\n\t\t\tvar newQuery = new URL(newUrl).searchParams.get(\"q\");\n\t\t\tif (oldQuery === newQuery)\n\t\t\t\treturn;\n\t\t\tif (c.data.aisEnabled)\n\t\t\t\tc.data.q = newQuery;\n\t\t\telse\n\t\t\t\tc.searchTerm = newQuery;\n\t\t} catch (e) {}\n\t}\nvar regExpr = /[?&](t=[^&]+)/;\n    function setOnBoardingPopover() {\n        c.data.displayOnboardingPopover = false;\n    }\n    $rootScope.$on('WIDGET_NOW_ASSIST_DIALOG_#OPENED', setOnBoardingPopover);\n\tfunction onLocationChangeSuccess(event, newUrl, oldUrl) {\n\t\tif (!c.data.aisEnabled && c.searchSourceChanged(newUrl, oldUrl)) {\n\t\t\tvar newUrlParams = newUrl.match(regExpr);\n\t\t\tif (!newUrlParams)\n\t\t\t\tc.searchType = null;\n\t\t\telse\n\t\t\t\tc.searchType = newUrlParams[1].substring(2);\n\t\t}\n\t\tsetSearchTerm(newUrl, oldUrl);\n\t}\n\tif (c.data.aisEnabled)\n\t\tintializeAISearch();\n\telse\n\t\tinitializeZingSearch();\n\tfunction intializeAISearch() {\n\t\tc.aisSubmit = function(payload) {\n\t\t\tvar shouldReloadPage = c.data.refreshPageOnSearch && $location.search().id === 'search';\n\t\t\tif (payload.searchTerm) {\n\t\t\t\tvar newUrlObj;\n\t\t\t\tif (c.data.nowAssistEnabled) {\n\t\t\t\t\tnewUrlObj = {\n\t\t\t\t\t\tid: 'nowassistselfservice',\n\t\t\t\t\t\tspa: '1',\n\t\t\t\t\t\tquery: payload.searchTerm,\n\t\t\t\t\t\tnew_chat: \"true\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tnewUrlObj = {\n\t\t\t\t\t\tid: 'search',\n\t\t\t\t\t\tspa: '1',\n\t\t\t\t\t\tq: payload.searchTerm,\n\t\t\t\t\t\tdisableAllSuggestions: c.options.disable_all_suggestions && c.options.disable_all_suggestions.toString(),\n\t\t\t\t\t\tsearch_application: c.options.search_application || undefined,\n\t\t\t\t\t\tsearch_results_configuration: c.options.search_results_configuration || undefined,\n\t\t\t\t\t\tsearchFilters : undefined,\n\t\t\t\t\t\tdisableSpellCheck: 'false'\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tif (c.data.isSearchFromChat) {\n\t\t\t\t\tnewUrlObj.searchFromChat =  c.data.isSearchFromChat;\n\t\t\t\t}\n\t\t\t\t$rootScope.$applyAsync(function() {\n           \t\t\tvar navigateToUrl = $location.search(newUrlObj);\n\t\t\t\tif (shouldReloadPage)\n\t\t\t\t\t$scope.$emit(\"sp.page.reload\");\n\t\t\t\tspAriaFocusManager.navigateToLink(navigateToUrl.url());\n        \t\t});  \n\t\t\t}\n\t\t}\n\t\tc.navigate = spAISearchResults.navigate;\n\t}\n\tfunction initializeZingSearch() {\n\tc.options.glyph = c.options.glyph || 'search';\n\tc.options.title = c.options.title || c.data.searchMsg;\n\tc.options.color = c.options.color || \"default\";\n\tc.searchTerm = c.data.q;\n\tc.searchQuery = \"\";\n\tc.pageID = $scope.page && $scope.page.id;\n\tc.showSuggestions =  c.data.searchTypeBehavior === \"suggestions\" && c.data.isSuggestionsEnabled === \"true\";\n\tc.suggestionsLimit = c.options.limit || \"\";\n\tc.latitude = null;\n\tc.longitude = null;\n\tc.isGlideSignalsLoaded = false;\n\tc.isLocationTrackerDisabled = c.data.isLocationTrackerDisabled === \"true\";\n\tc.isTypeAheadEnabled = c.data.isTypeAheadEnabled === \"true\";\n\t\n\tc.sendAnalytics = function(type){\n\t\tvar payload= {};\n\t\tpayload.name = \"Initiate Search\";\n\t\tpayload.data = {};\n\t\tpayload.data[\"Keyword\"] = (type == 'User Entered' ? c.searchTerm : c.searchQuery);\n\t\tpayload.data[\"Type\"] = type;\n\t\tpayload.data[\"Page ID\"] = c.pageID;\n\t\tsnAnalytics.addEvent(payload);\n\t};\n\t\tif (c.isTypeAheadEnabled) {\n\t\tif (window.GlideSignals)\n\t\t\tinitializeGlideSignals();\n\t\telse {\n\t\t\t$rootScope.$on(\"sp.defer_scripts.loaded\", function(){\n\t\t\t\tif (window.GlideSignals)\n\t\t\t\t\tinitializeGlideSignals();\n\t\t\t});\n\t\t}\n\t\tif (!c.isLocationTrackerDisabled) {\n\t\t\tsetUserLocationCoords(function(coords) {\n\t\t\t\tc.latitude = coords.latitude;\n\t\t\t\tc.longitude = coords.longitude;\n\t\t\t});\n\t\t}\n\t\tc.searchType = c.data.searchType;\n\tfunction initializeGlideSignals() {\n\t\t\tif (!c.isLocationTrackerDisabled && window.GlideSignals.init)\n\t\t\twindow.GlideSignals.init();\n\t\t\tc.isGlideSignalsLoaded = window.GlideSignals.trackEvent || c.isGlideSignalsLoaded;\n\t\t}\n\tc.trackSuggestionsRenderedEvent = function(searchQueryLength, responseTimeInMilliSeconds){\n\t\tif(c.isGlideSignalsLoaded)\n\t\t\tGlideSignals.trackEvent('SEARCH_SUGGESTIONS_RENDERED', GlideSignals.priority.INFO,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{'applicationId': c.data.portalID,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'searchQueryLength': searchQueryLength,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'totalSuggestionsCount': c.totalSuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'userHistorySuggestionsCount' : c.userHistorySuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'instanceHistorySuggestionsCount' : c.instanceHistorySuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'responseTime': responseTimeInMilliSeconds+' ms'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t};\n\tc.trackSearchClickedEvent = function(model){\n\t\tif (!c.isGlideSignalsLoaded)\n\t\t\treturn;\n\t\tif(c.showSuggestions) {\n\t\t\tGlideSignals.trackEvent('SEARCH_SUGGESTION_CLICKED', GlideSignals.priority.INFO,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{'applicationId': c.data.portalID,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'searchQueryLength' : c.searchQuery.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'suggestionClickedLength': model.name.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'totalSuggestionsCount': c.totalSuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'suggestionClickedType': model.type,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'aggregatedClickIndex': getSearchItemIndex(c.searchItems, model),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'userHistorySuggestionsCount' : c.userHistorySuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'instanceHistorySuggestionsCount' : c.instanceHistorySuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'suggestionsDisplayLimit': c.suggestionsLimit,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'relativeClickIndex': getRelativeSearchItemIndex(c.searchItems, model)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t}\n\t\telse {\n\t\t\tGlideSignals.trackEvent('SEARCH_TYPEAHEAD_CLICKED', GlideSignals.priority.INFO,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{'applicationId': c.data.portalID,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'searchQueryLength' : c.searchQuery.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'typeaheadClickedLength': model.name && model.name.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'resultSysId': model.sys_id,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'clickIndex': model.query_location != null ? model.query_location : getSearchItemIndex(c.searchItems, model),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'sourceId': model.type != null ? model.type : model.table,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'typeaheadDisplayLimit': c.options.limit\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t  }\n\t}\n\tc.onSelect = function($item, $model, $label) {\n\t\tc.sendAnalytics(c.showSuggestions ? \"Suggestions\" : \"Typeahead\");\nc.searchTerm = \"\";\n\t\tif (c.showSuggestions)\n\t\t\t$item.url = \"?id=search&spa=1&q=\"+encodeURIComponent($item.name);\n\t\tif(!$item.url || $item.url === \"\")\n\t\t\treturn;\n\t\tif (!c.showSuggestions) {\n\t\t    var index = $(\".typeahead-popup li.active\").data('index');\n\t\t    c.trackSearchResultClicked(index + 1);\n\t\t}\n\t\tc.trackSearchClickedEvent($model);\n\t\tif ($item.target)\n\t\t\twindow.open($item.url, $item.target);\n\t\telse {\n\t\t\tvar newUrl = $location.url($item.url);\n\t\t\tspAriaFocusManager.navigateToLink(newUrl.url());\n\t\t}\n\t};\n\tfunction recordSuggestionsCount(){\n\t\tc.instanceHistorySuggestionsCount = 0;\n\t\tc.userHistorySuggestionsCount = 0;\n\t\tc.searchItems.forEach(function(item){\n\t\t\tvar isInstanceHistory = item.type === 'INSTANCE_HISTORY';\n\t\t\tc.instanceHistorySuggestionsCount += isInstanceHistory;\n\t\t\tc.userHistorySuggestionsCount += !isInstanceHistory;\n\t\t});\n\t}\n\tfunction getSearchItemIndex(items, targetItem) {\n\t\treturn (items || []).findIndex(function(item) {\n\t\t\treturn item.name === targetItem.name;\n\t\t});\n\t}\n\tfunction getRelativeSearchItemIndex(items, targetItem) {\n\t\tvar groupedItems = (items || []).filter(function(item) {\n\t\t\treturn item.type === targetItem.type;\n\t\t});\n\t\treturn getSearchItemIndex(groupedItems, targetItem);\n\t}\n\tc.getSearchSuggestions = function(query) {\n\t\tc.searchQuery = query;\n\t\tif ($location.search().q == c.searchQuery)\n\t\t\t\t return;\n\t\t var payload = {\n\t\t\t params: {\n\t\t\t\t \"sysparm_term\" : c.searchQuery,\n\t\t\t\t \"sysparm_sp_portal_id\": c.data.portalID,\n\t\t\t\t \"sysparm_suggestions_limit\": c.suggestionsLimit,\n\t\t\t\t \"sysparm_search_sources\": c.data.searchSourceSysIds || \"\"\n\t\t\t },\nheaders : {'Accept' : 'application/json'}\n\t\t };\n\t\t var requestTimeStamp = new Date().getTime();\nreturn $http.get(\"/api/now/search/sp_suggestions\", payload).then(function(response){\n\t\t\t var responseTimeStamp = new Date().getTime();\n\t\t\t var responseTimeInMilliSeconds = (responseTimeStamp  - requestTimeStamp);\n\t\t\t var result = response.data.result;\n\t\t\t c.totalSuggestionsCount = result != null ? result.entries.length : 0;\n\t\t\t if (c.totalSuggestionsCount > 0)\n\t\t\t    sendLiveMessage(c.totalSuggestionsCount);\n\t\t\t c.searchItems = result.entries.map(function(item) {\n\t\t\t\t item.query = getQueryToHighlight(item, c.searchQuery);\n\t\t\t\t item.glyph = getIcon(item.type);\n\t\t\t\t item.term = item.name;\n\t\t\t\t return item;\n\t\t\t });\n\t\t\t recordSuggestionsCount();\n\t\t\t c.trackSuggestionsRenderedEvent(query.length, responseTimeInMilliSeconds);\n\t\t\t return c.searchItems;\n\t\t });\n\t\t};\n\tfunction getSearchSources(results, c) {\n\t\tvar sources = {};\n\t\tc.data.searchSources.map(function(key) {\n\t\t\tsources[key] = 0;\n\t\t});\n\t\tresults.forEach(function(item) {\n\t\t\tif(sources[item.type])\n\t\t\t\tsources[item.type]++;\n\t\t\telse\n\t\t\t\tsources[item.type] = 1;\n\t\t});\n\t\tvar searchSources = [];\n\t\tObject.keys(sources).map(function(key) {\n\t\t\tvar source_id = c.data.searchSourceConfiguration[key] ? c.data.searchSourceConfiguration[key].sys_id : key;\n\t\t\tsearchSources.push({\n\t\t\t\tsource_id: source_id,\n\t\t\t\tnumber_of_results: sources[key]\n\t\t\t});\n\t\t});\n\t\treturn searchSources;\n\t}\n\tfunction getSearchResultsSignals(results, c) {\n\t\treturn results.map(function(item) {\n\t\t\treturn {\n\t\t\t\trecord_id: item.sys_id,\n\t\t\t\ttable_name: item.table\n\t\t\t};\n\t\t});\n\t}\n\tfunction setUserLocationCoords(cb) {\n\t\tvar onSuccess = function(pos) {\n\t\t\treturn cb({\n\t\t\t\tlatitude: pos.coords.latitude,\n\t\t\t\tlongitude: pos.coords.longitude\n\t\t\t})\n\t\t};\n\t\tvar onError = function() {\n\t\t\treturn cb({\n\t\t\t\tlatitude: null,\n\t\t\t\tlongitude: null\n\t\t\t});\n\t\t};\n\t\tif (window.navigator.geolocation) {\n\t\t\twindow.navigator.geolocation.getCurrentPosition(onSuccess, onError, {\n\t\t\t\tenableHighAccuracy: true\n\t\t\t});\n\t\t}\n\t}\n\tfunction getResultDescription(result){\n\t\treturn result.name || result.primary || result.sec_title;\n\t}\n\tc.trackSearchResultClicked = function(rank) {\n\t\t\tif (!rank || rank < 1) return ;\n\t\tvar query = c.latestQuery;\n\t\tvar results = _.get(c.data, 'results', []);\n\t\tvar result = results[rank-1];\n\t\tvar sourceTable = result.table || null;\n\t\tvar payloadObject = {\n\t\t\taction: \"GlideSPSearchAnalyticsUpdateRank\",\n\t\t\tpayload: {\n\t\t\t\tquery: query,\n\t\t\t\tportal_id: this.data.portalID,\n\t\t\t\tpage_id: this.pageID,\n\t\t\t\tresults_per_source: getSearchSources(results, this),\n\t\t\t\tsearch_results: getSearchResultsSignals(results, this),\n\t\t\t\trefinement_occurred: false,\n\t\t\t\tsignal_type: \"CLICK\",\n\t\t\t\tsignal_value: rank,\n\t\t\t\tbrowser_info: $window.navigator.userAgent,\n\t\t\t\tlocation: {\n\t\t\t\t\tlatitude: c.latitude,\n\t\t\t\t\tlongitude: c.longitude\n\t\t\t\t},\n\t\t\t\tresult_event_sys_id : result.sys_id,\n\t\t\t\tlabel_description : getResultDescription(result),\n\t\t\t\tsource_table: sourceTable\n\t\t\t}\n\t\t};\n\t\t$window.spSearchAnalytics = {\n\t\t\tquery: query\n\t\t};\n\t\tc.server.get(payloadObject);\n\t}\n\tc.getResults = function(query) {\n\t  c.searchQuery = query;\n\t\tvar payload = {\n\t\t\t\"query\": c.searchQuery,\n\t\t\t\"portal\": c.data.portalID,\n\t\t\t\"page\": c.pageID,\n\t\t\t\"source\": c.data.searchSources,\n\t\t\t\"include_facets\": false,\n\t\t\t\"searchType\": \"typeahead\"\n\t\t};\n\t\tif (c.options.limit || c.options.limit == 0)\n\t\t\tpayload.count = c.options.limit;\nreturn $http.post(\"/api/now/sp/search?sysparm_cancelable=true\", payload).then(function(response) {\n\t\t\tif ($location.search().q == c.searchQuery)\n\t\t\t\treturn;\n\t\t\tvar result = response.data.result;\n\t\t\tvar resultCount = result != null ? result.results.length : 0\n\t\t\tsendLiveMessage(resultCount);\n\t\t\tc.data.results = result.results;\n\t\t\tc.latestQuery = c.searchQuery;\n\t\t\tc.searchItems = result.results.map(function(item) {\n\t\t\t\tvar config = c.data.searchSourceConfiguration[item.__search_source_id__];\n\t\t\t\tif (!item.url && config.linkToPage) {\n\t\t\t\t\titem.url = \"?id=\" + config.linkToPage;\n\t\t\t\t\tif (item.sys_id)\n\t\t\t\t\t\titem.url += \"&sys_id=\" + item.sys_id;\n\t\t\t\t\tif (item.table)\n\t\t\t\t\t\titem.url += \"&table=\" + item.table\n\t\t\t\t}\n\t\t\t\tif (item.link)\n\t\t\t\t\titem.url = item.link.indexOf('sys_attachment.do') != -1 ? item.link : config.linkToPage ? item.url : item.link;\n\t\t\t\tif (config.type == \"ADVANCED\") {\n\t\t\t\t\titem.templateID = config.template;\n\t\t\t\t} else {\n\t\t\t\t\titem.glyph = config.glyph;\n\t\t\t\t}\n\t\t\t\treturn item;\n\t\t\t});\n\t\t\tif (c.searchItems.length == 0)\n\t\t\t    c.searchItems = [{\"primary\": c.data.noResultsFoundMsg}];\n\t\t\treturn c.searchItems;\n\t\t});\n\t}\n}\n\t\tc.searchSourceChanged = function(newUrl, oldUrl) {\n\t\t\tvar newUrlParams = newUrl.match(regExpr),\n\t\t\toldUrlParams = oldUrl.match(regExpr);\n\t\tif(!newUrlParams && !oldUrlParams) {\n\t\t\treturn false;\n\t\t}\n\t\tif((!newUrlParams && oldUrlParams) || (newUrlParams && !oldUrlParams)) {\n\t\t\treturn true;\n\t\t}\n\t\treturn newUrlParams[1] !== oldUrlParams[1];\n\t}\n\tc.submitSearch = function() {\n\t\tc.sendAnalytics(\"User Entered\");\n\t\tvar shouldReloadPage = c.data.refreshPageOnSearch && $location.search().id === 'search';\n\t\tif (c.searchTerm) {\n\t\t\tvar newUrl = $location.search({\n\t\t\t\tid: 'search',\n\t\t\t\tspa: '1',\n\t\t\t\tt: c.searchType,\n\t\t\t\tq: c.searchTerm\n\t\t\t});\n\t\t\tif (shouldReloadPage)\n\t\t\t\t$scope.$emit(\"sp.page.reload\");\n\t\t\tspAriaFocusManager.navigateToLink(newUrl.url());\n\t\t\t$window.spSearchAnalytics = {\n\t\t\t\t\tpage_id: c.pageID\n\t\t\t};\n\t\t}\n\t}\n\tfunction sendLiveMessage(resultCount) {\n\t\tspAriaUtil.sendLiveMessage(resultCount + \" \" +\n\t\t\t\t\t\t\t\t\tc.data.resultMsg + \" \" +\n\t\t\t\t\t\t\t\t\t(resultCount > 0 ? ' ' + c.data.navigationMsg : ''));\n\t}\n\tfunction getIcon(itemType) {\n\t\treturn itemType === \"INSTANCE_HISTORY\" ? 'search' : 'clock-o';\n\t}\n\tfunction getQueryToHighlight(item, query) {\n\t\treturn item.type === \"INSTANCE_HISTORY\" ? item.name.substring(query.length) : query;\n\t}\n\t}\n}\n","name":"Typeahead Search","options":{"sp_widget_dv":"","size":"lg","color":"default","sp_column_dv":"","active":false,"sys_tags":"","title":"Search the KB, forums, blogs and videos","order":-1},"sys_scope":"global","id":"typeahead-search","_script_execution_time":3,"field_list":"search_application,search_results_configuration,disable_all_suggestions,placeholder,ai_search_source_filter","controller_as":"c","providers":[],"_server_time":"0.011"}},"roles":"","link":"function link() {\n      var geckoRegex = /Gecko\\/\\d+/; // Remove forced-colors css for Gecko engine (Firefox) as they already handle it\n      if (geckoRegex.test(navigator.userAgent)) {\n        $('.sp-search-heading').removeClass('sp-search-heading');\n      }\n}","rectangle_id":"ffb9c4b7cb01120000f8d856634c9c53","_metastack_size":0,"option_schema":"[{\"name\":\"typeahead_search\",\"default_value\":\"{title: 'How can we help?', size: 'lg', color: 'default'}\",\"section\":\"Presentation\",\"label\":\"Typeahead Search\",\"type\":\"string\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"200fbd96cb20020000f8d856634c9ca1","public":true,"name":"Homepage Search","options":{"css":"\n#xffb9c4b7cb01120000f8d856634c9c53 #homepage-search h4 {\n\tfont-weight: normal;\n}","color":"default","spell_check_font_size_dv":"Extra Large","sp_column":"9cbed744cb01120000f8d856634c9c2e","sp_column_dv":"1","title":"Find answers faster","sys_class_name":"sp_instance_ais","size_dv":"Medium","disable_all_suggestions":true,"spell_check_font_size":"xl","sys_name":"Find answers faster","search_results_configuration_dv":"","placeholder":"Search the cases, KB, forums and blogs","sp_widget":"200fbd96cb20020000f8d856634c9ca1","sys_class_name_dv":"Instance with Search","order":1,"search_application_dv":"","widget_parameters":"{\n\t\"typeahead_search\": {\n\t\t\"value\": \"{title: 'Search the KB, forums, blogs and videos',size:'lg', color:'default'}\",\n\t\t\"displayValue\": \"{title: 'Search the KB, forums, blogs and videos',size:'lg', color:'default'}\"\n\t}\n}","typeahead_search":"{title: 'Search the KB, forums, blogs and videos',size:'lg', color:'default'}","active":true,"color_dv":"Default","sys_tags":"","result_count_font_size":"md","glyph":"empty","sp_widget_dv":"Homepage Search","size":"md","ai_search_source_filter_dv":""},"sys_scope":"global","id":"","_script_execution_time":6,"field_list":"title,short_description,search_application,search_results_configuration,disable_all_suggestions,placeholder,ai_search_source_filter","controller_as":"","providers":[],"_server_time":"0.006"},"instance_id":"ffb9c4b7cb01120000f8d856634c9c53","title":"Find answers faster"}],"class_name":"","semantic_tag":"","order":1}],"class_name":"","semantic_tag":"","order":1}],"class_name":"bg-top hidden-xs m-b-lg","semantic_tag":"","order":1},{"sys_id":"cbaa991c7326101022139a1ee2f6a7bf","bootstrap_alt":false,"subheader":false,"background":"{\"background-size\":\"cover\",\"background-image\":\"url('b2c3e5907366101022139a1ee2f6a724.iix')\",\"background-position\":\"center center\"}","width":"container","container_class_name":"","title":"","rows":[{"sys_id":"3baa991c7326101022139a1ee2f6a7fe","columns":[{"sys_id":"b3aad91c7326101022139a1ee2f6a701","size_classes":"col-md-12 ","rows":[],"widgets":[{"sys_id":"adba591c7326101022139a1ee2f6a7c2","widget":{"template":"<form ng-if=\"!c.data.aisEnabled\" ng-submit=\"c.submitSearch()\" role=\"search\"><input type=\"hidden\" name=\"id\" value=\"search\"> <input type=\"hidden\" name=\"t\" value=\"{{c.searchType}}\">\n <div class=\"input-group input-group-{{::c.options.size}} input-group-typeahead\" role=\"presentation\"><!-- uses ui.bootstrap.typeahead --> <input ng-if=\"c.isTypeAheadEnabled &amp;&amp; c.showSuggestions\" name=\"q\" placeholder=\"{{::c.options.title}}\" ng-model=\"c.searchTerm\" autocomplete=\"off\" uib-typeahead=\"item as item.term for item in c.getSearchSuggestions($viewValue)\" typeahead-wait-ms=\"c.data.typeaheadWaitMS\" typeahead-min-length=\"c.data.typeaheadMinLength\" typeahead-focus-first=\"false\" typeahead-on-select=\"c.onSelect($item, $model, $label)\" typeahead-template-url=\"sp-typeahead.html\" typeahead-popup-template-url=\"sp-typeahead-popup.html\" class=\"form-control input-typeahead\" role=\"combobox\" aria-autocomplete=\"list\" title=\"{{::c.options.title}}\" data-toggle=\"tooltip\" data-placement=\"bottom\" aria-label=\"{{::c.options.title}}\" tabindex=\"0\" aria-haspopup=\"listbox\"> <input ng-if=\"c.isTypeAheadEnabled &amp;&amp; !c.showSuggestions\" name=\"q\" placeholder=\"{{::c.options.title}}\" ng-model=\"c.searchTerm\" autocomplete=\"off\" uib-typeahead=\"item as item.primary for item in c.getResults($viewValue)\" typeahead-wait-ms=\"c.data.typeaheadWaitMS\" typeahead-min-length=\"c.data.typeaheadMinLength\" typeahead-focus-first=\"false\" typeahead-on-select=\"c.onSelect($item, $model, $label)\" typeahead-template-url=\"sp-typeahead.html\" typeahead-popup-template-url=\"sp-typeahead-popup.html\" class=\"form-control input-typeahead\" role=\"combobox\" aria-autocomplete=\"list\" title=\"{{::c.options.title}}\" data-toggle=\"tooltip\" data-placement=\"bottom\" aria-label=\"{{::c.options.title}}\" tabindex=\"0\" aria-haspopup=\"listbox\"> <input ng-if=\"!c.isTypeAheadEnabled\" name=\"q\" type=\"text\" placeholder=\"{{::c.options.title}}\" ng-model=\"c.searchTerm\" autocomplete=\"off\" class=\"form-control\" role=\"listbox\" title=\"{{::c.options.title}}\" data-toggle=\"tooltip\" data-placement=\"bottom\" aria-label=\"{{::c.options.title}}\" tabindex=\"0\"> <span class=\"input-group-btn\"> <button name=\"search\" type=\"submit\" class=\"btn btn-{{::c.options.color}}\" title=\"{{::c.data.searchMsg}}\" aria-label=\"{{::c.data.searchMsg}}\" data-toggle=\"tooltip\" data-placement=\"bottom\"> <i ng-if=\"::c.options.glyph\" class=\"fa fa-{{::c.options.glyph}}\"><\/i> <\/button> <\/span>\n <\/div>\n<\/form>\n<div ng-if=\"c.data.aisEnabled\"><sn-search-combobox class=\"aisearch\" search-context-config-id=\"{{c.data.searchApplicationId}}\" placeholder=\"{{::c.options.placeholder}}\" search-term=\"{{c.data.q}}\" disable-autocomplete=\"{{c.options.disable_all_suggestions}}\" placement=\"{{c.options.placement ? c.options.placement : 'dynamic-landing-header'}}\" enable-exact-match=\"false\" exact-match-regex=\"{{c.data.exactMatchRegex}}\" is-now-assist-enabled=\"{{c.data.nowAssistEnabled || c.data.isDynamicChatAssistantEnabled}}\" ai-assistant=\"{{c.data.assistantName}}\" search-from-chat=\"{{c.data.isSearchFromChat}}\" display-onboarding-popover=\"{{c.data.displayOnboardingPopover}}\" show-utterances=\"true\" utterance-placement=\"{{c.options.utterancePlacement ? c.options.utterancePlacement : 'header'}}\" onboarding-dismissed=\"{{c.data.isOnboardingPopoverDismissed}}\" additional-context=\"{{c.data.additionalContext}}\"> \n <\/sn-search-combobox>\n<\/div>","css":"\n.vfa20ec02cb31020000f8d856634c9ce9 .add-on > button.lookup {\n\tdisplay: none;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .field-has-reference .reference {\n\tdisplay: inline !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .field-has-reference .add-on {\n\tdisplay: table-cell;\n\twidth: 0rem !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d {\n\tbackground-color: #fff !important;\n\tfont-family: \"Roboto\", \"SourceSansPro\", Helvetica, Arial, sans-serif !important;\n\tcolor: #14142B !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d a {\n\tcolor: #ffffff !important;\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\ttext-decoration: none;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu {\n\tbackground-color: #fff !important;\n\tborder: none;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > .open > a, \n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > .open > a:hover, \n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > .open > a:focus {\n\tbackground-color: #e6e8ea;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu a:hover {\n\tbackground-color: #e6e8ea !important;\n\tcolor: #a0edf4 !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > li > a:hover, \n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > li > a.dropdown-toggle:hover {\n\tbackground-color: #89d8df !important;\n\tcolor: #14142B !important;\n\tfont-weight: bold !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:hover {\n\tbackground-color: #89d8df !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:focus:not(:hover) {\n\toutline: none !important;\n\tbox-shadow: none !important;\n\tbackground-color: transparent !important;\n\tborder: none !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .navbar-inverse .navbar-nav > li > a.dropdown-toggle .caret {\n\tbackground-color: transparent;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer {\n\tbackground-color: #14142B;\n\tcolor: white;\n\tpadding: .5rem;\n\ttext-align: center;\n\theight: 3.4rem;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .btn-primary {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .btn-default {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .dropdown-toggle:focus, \n.vfa20ec02cb31020000f8d856634c9ce9 .dropdown-toggle:active, \n.vfa20ec02cb31020000f8d856634c9ce9 .dropdown-toggle:hover {\n\tbackground-color: transparent !important;\n\toutline: none !important;\n\tbox-shadow: none !important;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .panel-primary > .panel-heading {\n\tcolor: #14142B;\n\tbackground-color: #e1e4f2;\n\tborder-color: #e1e4f2;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .panel-footer {\n\tcolor: #14142B;\n\tborder-color: #e1e4f2;\n\tbackground-color: #e1e4f2;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .panel-title {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tfont-size: 1.8rem;\n\tcolor: inherit;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 ul.dropdown-menu {\n\tmin-width: 100%;\n\tmax-height: 20rem;\n\toverflow-y: auto;\n\tborder-radius: 0rem 0rem .4rem .4rem;\n\tmargin: 0rem;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 ul.dropdown-menu  > li > a {\n\twhite-space: normal;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 ul.dropdown-menu a.ta-item {\n\tline-height: 2rem;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 ul.dropdown-menu i.ta-icon, \n.vfa20ec02cb31020000f8d856634c9ce9 i.ta-img {\n\twidth: 2rem;\n\theight: 2rem;\n\tbackground-size: contain;\n\tdisplay: inline-block;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center center;\n\ttext-align: center;\n\tline-height: 2rem;\n\tvertical-align: bottom;\n\tmargin-right: .8rem;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 input[name=\"q\"] {\n\tcolor: black;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 .aisearch {\n\t--classicsponlydonotuse--rem-multipy: 1.4;\n}\n\n.vfa20ec02cb31020000f8d856634c9ce9 button[name=\"search\"]:focus {\n\toutline: .2rem solid #66afe9 !important;\n\toutline-offset: -.4rem !important;\n}","ngTemplates":{"sp-typeahead.html":"<a class=\"ta-item\" ng-href=\"{{match.model.target != '_blank' ? match.model.url : ''}}\" target=\"{{match.model.target}}\">\n <div ng-if=\"!match.model.templateID\"><i class=\"ta-icon fa fa-{{match.model.glyph}}\" ng-if=\"match.model.glyph\"><\/i> <span ng-bind-html=\"match.label | uibTypeaheadHighlight:match.model.query\" aria-label=\"{{match.label}}\"><\/span>\n <\/div>\n <div ng-if=\"match.model.templateID\" ng-include=\"match.model.templateID\"><\/div> <\/a>","sp-typeahead-popup.html":"<ul class=\"typeahead-popup dropdown-menu\" aria-label=\"{{::$parent.c.options.title}} {{::$parent.c.data.searchSuggestionsMsg}}\" ng-show=\"isOpen() &amp;&amp; !moveInProgress\" ng-style=\"{top: position().top+'px', left: position().left+'px'}\" role=\"listbox\" aria-hidden=\"{{!isOpen()}}\">\n <li role=\"option\" aria-hidden=\"true\" style=\"display: none\"><\/li>\n <li ng-repeat=\"match in matches track by $index\" ng-class=\"{active: isActive($index) }\" ng-mouseenter=\"selectActive($index)\" ng-click=\"selectMatch($index, $event)\" role=\"option\" id=\"{{::match.id}}\" data-index=\"{{$index}}\" }>\n  <div uib-typeahead-match index=\"$index\" match=\"match\" query=\"query\" template-url=\"templateUrl\"><\/div><\/li>\n<\/ul>"},"data":{"searchTypeBehavior":"typeahead","isLocationTrackerDisabled":"true","aisEnabled":false,"navigationMsg":"To navigate, use up and down arrow keys.","searchSourceConfiguration":{"qa":{"sys_id":"c450a0616761220023c82e08f585ef3e","glyph":"comments-o","linkToPage":"kb_social_qa_question","type":"SIMPLE"},"sc":{"template":"sp-typeahead-sc.html","sys_id":"c96eb1686721220023c82e08f585efff","glyph":"empty","linkToPage":null,"type":"ADVANCED"},"kb":{"sys_id":"c6170ae86721220023c82e08f585efe6","glyph":"file-text-o","linkToPage":"kb_article","type":"SIMPLE"}},"searchMsg":"Search","typeaheadWaitMS":1000,"searchSources":["qa","kb","sc"],"searchType":null,"refreshPageOnSearch":true,"resultMsg":"Search results.","noResultsFoundMsg":"No results found","q":null,"searchSourceSysIds":["c450a0616761220023c82e08f585ef3e","c6170ae86721220023c82e08f585efe6","c96eb1686721220023c82e08f585efff"],"isSuggestionsEnabled":"true","portalID":null,"typeaheadMinLength":3,"typeaheadTemplates":{"sp-typeahead-sc.html":"<!-- prefer item picture to item icon, prefer item icon to default icon -->\n<div onclick=\"window.GlideWebAnalytics.trackEvent('Service Catalog', 'Catalog Search Type Ahead', 'Item Clicked')\">\n<i ng-if=\"match.model.picture\" class=\"ta-img\" style=\"background-image:url('{{match.model.picture}}?t=small')\"><\/i>\n<i ng-if=\"!match.model.picture && match.model.icon\" class=\"ta-icon\" style=\"background-image:url('{{match.model.icon}}'); width:16px; height:16px\"><\/i>\n<i ng-if=\"!match.model.picture && !match.model.icon\" class=\"ta-icon fa fa-{{match.model.default_icon}}\"><\/i>\n<span ng-bind-html=\"match.label | uibTypeaheadHighlight:query\"><\/span>\n<strong ng-if=\"match.model.type == 'sc_content' && match.model.content_type == 'external'\">➚<\/strong>\n<\/div>"},"searchSuggestionsMsg":"suggestions","isTypeAheadEnabled":"true"},"roles":"snc_external,snc_internal","link":"function(scope, elem) {\n    var lazyLoader = $injector.get(\"lazyLoader\");\n    var SEARCH_EXECUTED_EVENT = \"SN_SEARCH_COMBOBOX#SEARCH_EXECUTED\";\n    var UTTERANCE_CLICKED_EVENT = \"SN_SEARCH_COMBOBOX#UTTERANCE_CLICKED\"\n    var CUSTOM_ROUTE_SEARCH_EVENT = \"SN_SEARCH_COMBOBOX#CUSTOM_SEARCH_ROUTE_EXECUTED\";\n    var NAVIGATION_EVENT = \"SN_SEARCH_COMBOBOX#NAVIGATION_EXECUTED\";\n\n    lazyLoader.putTemplates(scope.data.typeaheadTemplates);\n\n    if (scope.c.data.aisEnabled) {\n        elem.on(SEARCH_EXECUTED_EVENT, \".aisearch\", function(result) {\n            scope.c.aisSubmit(result.detail.payload);\n        })\n\n        elem.on(UTTERANCE_CLICKED_EVENT, \".aisearch\", function(event) {\n            if (scope.c.data.nowAssistEnabled) {\n                scope.c.aisSubmit({\n                    searchTerm: event.detail.payload.utterance\n                });\n            } else {\n                var searchContext = event.detail.payload;\n                searchContext.intention = 'search';\n                var transferred_search_result = {};\n                transferred_search_result.searchContext = searchContext\n                window.nowAssistDynamicWindow\n                    .open({\n                        context: {\n                            transferred_search_result: JSON.stringify(transferred_search_result)\n                        },\n                        forceNewConversation: true\n                    });\n            }\n        })\n\n        elem.on(NAVIGATION_EVENT, \".aisearch\", function(result) {\n            var resultPayload = result.detail.payload;\n\n            var ga = new GlideAjax('SPSearchResultActions');\n            ga.addParam('sysparm_name', 'getSuggestionResultAction');\n            ga.addParam('sysparam_tableName', resultPayload.actionPayload.table);\n            ga.addParam('sysparam_sysId', resultPayload.actionPayload.sysId);\n            ga.addParam('sysparam_portalId', scope.c.data.portalId);\n            ga.getXML(callback);\n\n            function callback(response) {\n                var answer = response.responseXML.getElementsByTagName(\"answer\");\n                resultPayload[\"actionDispatch\"] = \"NAVIGATION\";\n                resultPayload[\"actionType\"] = \"uxf_client_action\";\n                resultPayload[\"assignmentId\"] = answer[0].getAttribute('actionId');\n                const actionUrl = answer[0].getAttribute('actionUrl');\n                if (actionUrl)\n                    resultPayload.actionPayload[\"url\"] = actionUrl;\n\n                if (!resultPayload.actionPayload[\"url\"] && resultPayload.actionPayload[\"recordUrl\"])\n                    resultPayload.actionPayload[\"url\"] = resultPayload.actionPayload[\"recordUrl\"];\n\n                scope.c.navigate(scope.c.data, resultPayload.actionPayload, resultPayload);\n            }\n        });\n        if (scope.c.data.nowAssistEnabled) {\n            elem.on('focus', \".aisearch\", function() {\n                scope.c.ensureNowAssistSelfServiceIsLoaded();\n\n            }, {\n                once: true\n            });\n        }\n    }\n}","rectangle_id":"adba591c7326101022139a1ee2f6a7c2","_metastack_size":0,"option_schema":"[{\"name\":\"title\",\"section\":\"Presentation\",\"label\":\"Title\",\"type\":\"string\"},{\"name\":\"color\",\"section\":\"Presentation\",\"label\":\"Color\",\"type\":\"string\"},{\"name\":\"glyph\",\"section\":\"Presentation\",\"label\":\"glyph\",\"type\":\"string\"},{\"name\":\"size\",\"section\":\"Presentation\",\"label\":\"Size\",\"type\":\"string\"},{\"hint\":\"Number of typeahead search results returned (default 15)\",\"name\":\"limit\",\"section\":\"Behavior\",\"label\":\"Limit\",\"type\":\"integer\"},{\"displayValue\":\"Search Source\",\"hint\":\"If provided, limit the scope of the typeahead search to the given search sources\",\"name\":\"contextual_search_sources\",\"display_value_list\":[],\"section\":\"Behavior\",\"label\":\"Contextual Search Sources\",\"type\":\"glide_list\",\"value\":\"sp_search_source\",\"ed\":{\"reference\":\"sp_search_source\"}}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"fa20ec02cb31020000f8d856634c9ce9","public":true,"client_script":"function ($http, $filter, $location,spAriaUtil, $window, $scope, $rootScope, $element, spAriaFocusManager, snAnalytics, spAISearchResults) {\n\tvar c = this;\n    var data = c.data;\n    c.ensureNowAssistSelfServiceIsLoaded = (function() {\n        var loadingScript = document.head.querySelector('#nowAssistSelfServiceScript');\n        if(window.nowAssistDialogOpened) {\n           c.data.displayOnboardingPopover = false;\n\t\t}\n        return function() {\n            if (loadingScript) {\nreturn loadingScript;\n            }\n            loadingScript = new Promise((resolve, reject) => {\n                const flushTimeStamp = data.flushTimeStamp;\n                const nowAssistSelfServiceScript = document.createElement('script');\n                nowAssistSelfServiceScript.id = 'nowAssistSelfServiceScript';\nnowAssistSelfServiceScript.src = '/uxasset/externals/now-assist-self-service/index.jsdbx?sysparm_use_cache_buster=true&' +\n                    'uxpcb=' + flushTimeStamp;\n                nowAssistSelfServiceScript.type = 'module';\n                nowAssistSelfServiceScript.onload = function() {\nresolve();\n                };\n                nowAssistSelfServiceScript.onerror = function() {\nreject(new Error('Failed to load script'));\n                };\ndocument.head.appendChild(nowAssistSelfServiceScript);\n            });\nreturn loadingScript;\n        };\n    })();\n\t$scope.$on('$locationChangeSuccess', onLocationChangeSuccess);\n\tfunction setSearchTerm(newUrl, oldUrl) {\n\t\ttry {\n\t\t\tvar oldQuery = new URL(oldUrl).searchParams.get(\"q\");\n\t\t\tvar newQuery = new URL(newUrl).searchParams.get(\"q\");\n\t\t\tif (oldQuery === newQuery)\n\t\t\t\treturn;\n\t\t\tif (c.data.aisEnabled)\n\t\t\t\tc.data.q = newQuery;\n\t\t\telse\n\t\t\t\tc.searchTerm = newQuery;\n\t\t} catch (e) {}\n\t}\nvar regExpr = /[?&](t=[^&]+)/;\n    function setOnBoardingPopover() {\n        c.data.displayOnboardingPopover = false;\n    }\n    $rootScope.$on('WIDGET_NOW_ASSIST_DIALOG_#OPENED', setOnBoardingPopover);\n\tfunction onLocationChangeSuccess(event, newUrl, oldUrl) {\n\t\tif (!c.data.aisEnabled && c.searchSourceChanged(newUrl, oldUrl)) {\n\t\t\tvar newUrlParams = newUrl.match(regExpr);\n\t\t\tif (!newUrlParams)\n\t\t\t\tc.searchType = null;\n\t\t\telse\n\t\t\t\tc.searchType = newUrlParams[1].substring(2);\n\t\t}\n\t\tsetSearchTerm(newUrl, oldUrl);\n\t}\n\tif (c.data.aisEnabled)\n\t\tintializeAISearch();\n\telse\n\t\tinitializeZingSearch();\n\tfunction intializeAISearch() {\n\t\tc.aisSubmit = function(payload) {\n\t\t\tvar shouldReloadPage = c.data.refreshPageOnSearch && $location.search().id === 'search';\n\t\t\tif (payload.searchTerm) {\n\t\t\t\tvar newUrlObj;\n\t\t\t\tif (c.data.nowAssistEnabled) {\n\t\t\t\t\tnewUrlObj = {\n\t\t\t\t\t\tid: 'nowassistselfservice',\n\t\t\t\t\t\tspa: '1',\n\t\t\t\t\t\tquery: payload.searchTerm,\n\t\t\t\t\t\tnew_chat: \"true\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tnewUrlObj = {\n\t\t\t\t\t\tid: 'search',\n\t\t\t\t\t\tspa: '1',\n\t\t\t\t\t\tq: payload.searchTerm,\n\t\t\t\t\t\tdisableAllSuggestions: c.options.disable_all_suggestions && c.options.disable_all_suggestions.toString(),\n\t\t\t\t\t\tsearch_application: c.options.search_application || undefined,\n\t\t\t\t\t\tsearch_results_configuration: c.options.search_results_configuration || undefined,\n\t\t\t\t\t\tsearchFilters : undefined,\n\t\t\t\t\t\tdisableSpellCheck: 'false'\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tif (c.data.isSearchFromChat) {\n\t\t\t\t\tnewUrlObj.searchFromChat =  c.data.isSearchFromChat;\n\t\t\t\t}\n\t\t\t\t$rootScope.$applyAsync(function() {\n           \t\t\tvar navigateToUrl = $location.search(newUrlObj);\n\t\t\t\tif (shouldReloadPage)\n\t\t\t\t\t$scope.$emit(\"sp.page.reload\");\n\t\t\t\tspAriaFocusManager.navigateToLink(navigateToUrl.url());\n        \t\t});  \n\t\t\t}\n\t\t}\n\t\tc.navigate = spAISearchResults.navigate;\n\t}\n\tfunction initializeZingSearch() {\n\tc.options.glyph = c.options.glyph || 'search';\n\tc.options.title = c.options.title || c.data.searchMsg;\n\tc.options.color = c.options.color || \"default\";\n\tc.searchTerm = c.data.q;\n\tc.searchQuery = \"\";\n\tc.pageID = $scope.page && $scope.page.id;\n\tc.showSuggestions =  c.data.searchTypeBehavior === \"suggestions\" && c.data.isSuggestionsEnabled === \"true\";\n\tc.suggestionsLimit = c.options.limit || \"\";\n\tc.latitude = null;\n\tc.longitude = null;\n\tc.isGlideSignalsLoaded = false;\n\tc.isLocationTrackerDisabled = c.data.isLocationTrackerDisabled === \"true\";\n\tc.isTypeAheadEnabled = c.data.isTypeAheadEnabled === \"true\";\n\t\n\tc.sendAnalytics = function(type){\n\t\tvar payload= {};\n\t\tpayload.name = \"Initiate Search\";\n\t\tpayload.data = {};\n\t\tpayload.data[\"Keyword\"] = (type == 'User Entered' ? c.searchTerm : c.searchQuery);\n\t\tpayload.data[\"Type\"] = type;\n\t\tpayload.data[\"Page ID\"] = c.pageID;\n\t\tsnAnalytics.addEvent(payload);\n\t};\n\t\tif (c.isTypeAheadEnabled) {\n\t\tif (window.GlideSignals)\n\t\t\tinitializeGlideSignals();\n\t\telse {\n\t\t\t$rootScope.$on(\"sp.defer_scripts.loaded\", function(){\n\t\t\t\tif (window.GlideSignals)\n\t\t\t\t\tinitializeGlideSignals();\n\t\t\t});\n\t\t}\n\t\tif (!c.isLocationTrackerDisabled) {\n\t\t\tsetUserLocationCoords(function(coords) {\n\t\t\t\tc.latitude = coords.latitude;\n\t\t\t\tc.longitude = coords.longitude;\n\t\t\t});\n\t\t}\n\t\tc.searchType = c.data.searchType;\n\tfunction initializeGlideSignals() {\n\t\t\tif (!c.isLocationTrackerDisabled && window.GlideSignals.init)\n\t\t\twindow.GlideSignals.init();\n\t\t\tc.isGlideSignalsLoaded = window.GlideSignals.trackEvent || c.isGlideSignalsLoaded;\n\t\t}\n\tc.trackSuggestionsRenderedEvent = function(searchQueryLength, responseTimeInMilliSeconds){\n\t\tif(c.isGlideSignalsLoaded)\n\t\t\tGlideSignals.trackEvent('SEARCH_SUGGESTIONS_RENDERED', GlideSignals.priority.INFO,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{'applicationId': c.data.portalID,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'searchQueryLength': searchQueryLength,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'totalSuggestionsCount': c.totalSuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'userHistorySuggestionsCount' : c.userHistorySuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'instanceHistorySuggestionsCount' : c.instanceHistorySuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'responseTime': responseTimeInMilliSeconds+' ms'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t};\n\tc.trackSearchClickedEvent = function(model){\n\t\tif (!c.isGlideSignalsLoaded)\n\t\t\treturn;\n\t\tif(c.showSuggestions) {\n\t\t\tGlideSignals.trackEvent('SEARCH_SUGGESTION_CLICKED', GlideSignals.priority.INFO,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{'applicationId': c.data.portalID,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'searchQueryLength' : c.searchQuery.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'suggestionClickedLength': model.name.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'totalSuggestionsCount': c.totalSuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'suggestionClickedType': model.type,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'aggregatedClickIndex': getSearchItemIndex(c.searchItems, model),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'userHistorySuggestionsCount' : c.userHistorySuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'instanceHistorySuggestionsCount' : c.instanceHistorySuggestionsCount,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'suggestionsDisplayLimit': c.suggestionsLimit,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t 'relativeClickIndex': getRelativeSearchItemIndex(c.searchItems, model)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t}\n\t\telse {\n\t\t\tGlideSignals.trackEvent('SEARCH_TYPEAHEAD_CLICKED', GlideSignals.priority.INFO,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{'applicationId': c.data.portalID,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'searchQueryLength' : c.searchQuery.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'typeaheadClickedLength': model.name && model.name.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'resultSysId': model.sys_id,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'clickIndex': model.query_location != null ? model.query_location : getSearchItemIndex(c.searchItems, model),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'sourceId': model.type != null ? model.type : model.table,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'typeaheadDisplayLimit': c.options.limit\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t  }\n\t}\n\tc.onSelect = function($item, $model, $label) {\n\t\tc.sendAnalytics(c.showSuggestions ? \"Suggestions\" : \"Typeahead\");\nc.searchTerm = \"\";\n\t\tif (c.showSuggestions)\n\t\t\t$item.url = \"?id=search&spa=1&q=\"+encodeURIComponent($item.name);\n\t\tif(!$item.url || $item.url === \"\")\n\t\t\treturn;\n\t\tif (!c.showSuggestions) {\n\t\t    var index = $(\".typeahead-popup li.active\").data('index');\n\t\t    c.trackSearchResultClicked(index + 1);\n\t\t}\n\t\tc.trackSearchClickedEvent($model);\n\t\tif ($item.target)\n\t\t\twindow.open($item.url, $item.target);\n\t\telse {\n\t\t\tvar newUrl = $location.url($item.url);\n\t\t\tspAriaFocusManager.navigateToLink(newUrl.url());\n\t\t}\n\t};\n\tfunction recordSuggestionsCount(){\n\t\tc.instanceHistorySuggestionsCount = 0;\n\t\tc.userHistorySuggestionsCount = 0;\n\t\tc.searchItems.forEach(function(item){\n\t\t\tvar isInstanceHistory = item.type === 'INSTANCE_HISTORY';\n\t\t\tc.instanceHistorySuggestionsCount += isInstanceHistory;\n\t\t\tc.userHistorySuggestionsCount += !isInstanceHistory;\n\t\t});\n\t}\n\tfunction getSearchItemIndex(items, targetItem) {\n\t\treturn (items || []).findIndex(function(item) {\n\t\t\treturn item.name === targetItem.name;\n\t\t});\n\t}\n\tfunction getRelativeSearchItemIndex(items, targetItem) {\n\t\tvar groupedItems = (items || []).filter(function(item) {\n\t\t\treturn item.type === targetItem.type;\n\t\t});\n\t\treturn getSearchItemIndex(groupedItems, targetItem);\n\t}\n\tc.getSearchSuggestions = function(query) {\n\t\tc.searchQuery = query;\n\t\tif ($location.search().q == c.searchQuery)\n\t\t\t\t return;\n\t\t var payload = {\n\t\t\t params: {\n\t\t\t\t \"sysparm_term\" : c.searchQuery,\n\t\t\t\t \"sysparm_sp_portal_id\": c.data.portalID,\n\t\t\t\t \"sysparm_suggestions_limit\": c.suggestionsLimit,\n\t\t\t\t \"sysparm_search_sources\": c.data.searchSourceSysIds || \"\"\n\t\t\t },\nheaders : {'Accept' : 'application/json'}\n\t\t };\n\t\t var requestTimeStamp = new Date().getTime();\nreturn $http.get(\"/api/now/search/sp_suggestions\", payload).then(function(response){\n\t\t\t var responseTimeStamp = new Date().getTime();\n\t\t\t var responseTimeInMilliSeconds = (responseTimeStamp  - requestTimeStamp);\n\t\t\t var result = response.data.result;\n\t\t\t c.totalSuggestionsCount = result != null ? result.entries.length : 0;\n\t\t\t if (c.totalSuggestionsCount > 0)\n\t\t\t    sendLiveMessage(c.totalSuggestionsCount);\n\t\t\t c.searchItems = result.entries.map(function(item) {\n\t\t\t\t item.query = getQueryToHighlight(item, c.searchQuery);\n\t\t\t\t item.glyph = getIcon(item.type);\n\t\t\t\t item.term = item.name;\n\t\t\t\t return item;\n\t\t\t });\n\t\t\t recordSuggestionsCount();\n\t\t\t c.trackSuggestionsRenderedEvent(query.length, responseTimeInMilliSeconds);\n\t\t\t return c.searchItems;\n\t\t });\n\t\t};\n\tfunction getSearchSources(results, c) {\n\t\tvar sources = {};\n\t\tc.data.searchSources.map(function(key) {\n\t\t\tsources[key] = 0;\n\t\t});\n\t\tresults.forEach(function(item) {\n\t\t\tif(sources[item.type])\n\t\t\t\tsources[item.type]++;\n\t\t\telse\n\t\t\t\tsources[item.type] = 1;\n\t\t});\n\t\tvar searchSources = [];\n\t\tObject.keys(sources).map(function(key) {\n\t\t\tvar source_id = c.data.searchSourceConfiguration[key] ? c.data.searchSourceConfiguration[key].sys_id : key;\n\t\t\tsearchSources.push({\n\t\t\t\tsource_id: source_id,\n\t\t\t\tnumber_of_results: sources[key]\n\t\t\t});\n\t\t});\n\t\treturn searchSources;\n\t}\n\tfunction getSearchResultsSignals(results, c) {\n\t\treturn results.map(function(item) {\n\t\t\treturn {\n\t\t\t\trecord_id: item.sys_id,\n\t\t\t\ttable_name: item.table\n\t\t\t};\n\t\t});\n\t}\n\tfunction setUserLocationCoords(cb) {\n\t\tvar onSuccess = function(pos) {\n\t\t\treturn cb({\n\t\t\t\tlatitude: pos.coords.latitude,\n\t\t\t\tlongitude: pos.coords.longitude\n\t\t\t})\n\t\t};\n\t\tvar onError = function() {\n\t\t\treturn cb({\n\t\t\t\tlatitude: null,\n\t\t\t\tlongitude: null\n\t\t\t});\n\t\t};\n\t\tif (window.navigator.geolocation) {\n\t\t\twindow.navigator.geolocation.getCurrentPosition(onSuccess, onError, {\n\t\t\t\tenableHighAccuracy: true\n\t\t\t});\n\t\t}\n\t}\n\tfunction getResultDescription(result){\n\t\treturn result.name || result.primary || result.sec_title;\n\t}\n\tc.trackSearchResultClicked = function(rank) {\n\t\t\tif (!rank || rank < 1) return ;\n\t\tvar query = c.latestQuery;\n\t\tvar results = _.get(c.data, 'results', []);\n\t\tvar result = results[rank-1];\n\t\tvar sourceTable = result.table || null;\n\t\tvar payloadObject = {\n\t\t\taction: \"GlideSPSearchAnalyticsUpdateRank\",\n\t\t\tpayload: {\n\t\t\t\tquery: query,\n\t\t\t\tportal_id: this.data.portalID,\n\t\t\t\tpage_id: this.pageID,\n\t\t\t\tresults_per_source: getSearchSources(results, this),\n\t\t\t\tsearch_results: getSearchResultsSignals(results, this),\n\t\t\t\trefinement_occurred: false,\n\t\t\t\tsignal_type: \"CLICK\",\n\t\t\t\tsignal_value: rank,\n\t\t\t\tbrowser_info: $window.navigator.userAgent,\n\t\t\t\tlocation: {\n\t\t\t\t\tlatitude: c.latitude,\n\t\t\t\t\tlongitude: c.longitude\n\t\t\t\t},\n\t\t\t\tresult_event_sys_id : result.sys_id,\n\t\t\t\tlabel_description : getResultDescription(result),\n\t\t\t\tsource_table: sourceTable\n\t\t\t}\n\t\t};\n\t\t$window.spSearchAnalytics = {\n\t\t\tquery: query\n\t\t};\n\t\tc.server.get(payloadObject);\n\t}\n\tc.getResults = function(query) {\n\t  c.searchQuery = query;\n\t\tvar payload = {\n\t\t\t\"query\": c.searchQuery,\n\t\t\t\"portal\": c.data.portalID,\n\t\t\t\"page\": c.pageID,\n\t\t\t\"source\": c.data.searchSources,\n\t\t\t\"include_facets\": false,\n\t\t\t\"searchType\": \"typeahead\"\n\t\t};\n\t\tif (c.options.limit || c.options.limit == 0)\n\t\t\tpayload.count = c.options.limit;\nreturn $http.post(\"/api/now/sp/search?sysparm_cancelable=true\", payload).then(function(response) {\n\t\t\tif ($location.search().q == c.searchQuery)\n\t\t\t\treturn;\n\t\t\tvar result = response.data.result;\n\t\t\tvar resultCount = result != null ? result.results.length : 0\n\t\t\tsendLiveMessage(resultCount);\n\t\t\tc.data.results = result.results;\n\t\t\tc.latestQuery = c.searchQuery;\n\t\t\tc.searchItems = result.results.map(function(item) {\n\t\t\t\tvar config = c.data.searchSourceConfiguration[item.__search_source_id__];\n\t\t\t\tif (!item.url && config.linkToPage) {\n\t\t\t\t\titem.url = \"?id=\" + config.linkToPage;\n\t\t\t\t\tif (item.sys_id)\n\t\t\t\t\t\titem.url += \"&sys_id=\" + item.sys_id;\n\t\t\t\t\tif (item.table)\n\t\t\t\t\t\titem.url += \"&table=\" + item.table\n\t\t\t\t}\n\t\t\t\tif (item.link)\n\t\t\t\t\titem.url = item.link.indexOf('sys_attachment.do') != -1 ? item.link : config.linkToPage ? item.url : item.link;\n\t\t\t\tif (config.type == \"ADVANCED\") {\n\t\t\t\t\titem.templateID = config.template;\n\t\t\t\t} else {\n\t\t\t\t\titem.glyph = config.glyph;\n\t\t\t\t}\n\t\t\t\treturn item;\n\t\t\t});\n\t\t\tif (c.searchItems.length == 0)\n\t\t\t    c.searchItems = [{\"primary\": c.data.noResultsFoundMsg}];\n\t\t\treturn c.searchItems;\n\t\t});\n\t}\n}\n\t\tc.searchSourceChanged = function(newUrl, oldUrl) {\n\t\t\tvar newUrlParams = newUrl.match(regExpr),\n\t\t\toldUrlParams = oldUrl.match(regExpr);\n\t\tif(!newUrlParams && !oldUrlParams) {\n\t\t\treturn false;\n\t\t}\n\t\tif((!newUrlParams && oldUrlParams) || (newUrlParams && !oldUrlParams)) {\n\t\t\treturn true;\n\t\t}\n\t\treturn newUrlParams[1] !== oldUrlParams[1];\n\t}\n\tc.submitSearch = function() {\n\t\tc.sendAnalytics(\"User Entered\");\n\t\tvar shouldReloadPage = c.data.refreshPageOnSearch && $location.search().id === 'search';\n\t\tif (c.searchTerm) {\n\t\t\tvar newUrl = $location.search({\n\t\t\t\tid: 'search',\n\t\t\t\tspa: '1',\n\t\t\t\tt: c.searchType,\n\t\t\t\tq: c.searchTerm\n\t\t\t});\n\t\t\tif (shouldReloadPage)\n\t\t\t\t$scope.$emit(\"sp.page.reload\");\n\t\t\tspAriaFocusManager.navigateToLink(newUrl.url());\n\t\t\t$window.spSearchAnalytics = {\n\t\t\t\t\tpage_id: c.pageID\n\t\t\t};\n\t\t}\n\t}\n\tfunction sendLiveMessage(resultCount) {\n\t\tspAriaUtil.sendLiveMessage(resultCount + \" \" +\n\t\t\t\t\t\t\t\t\tc.data.resultMsg + \" \" +\n\t\t\t\t\t\t\t\t\t(resultCount > 0 ? ' ' + c.data.navigationMsg : ''));\n\t}\n\tfunction getIcon(itemType) {\n\t\treturn itemType === \"INSTANCE_HISTORY\" ? 'search' : 'clock-o';\n\t}\n\tfunction getQueryToHighlight(item, query) {\n\t\treturn item.type === \"INSTANCE_HISTORY\" ? item.name.substring(query.length) : query;\n\t}\n\t}\n}\n","name":"Typeahead Search","options":{"color":"default","search_application_dv":"","spell_check_font_size_dv":"Extra Large","widget_parameters":"{'title': 'Search (minimum 3 characters)', 'size': 'lg', 'color': 'default'}","sp_column":"b3aad91c7326101022139a1ee2f6a701","sp_column_dv":"1","active":true,"color_dv":"Default","sys_tags":"","title":"Search (minimum 3 characters)","sys_class_name":"sp_instance_ais","result_count_font_size":"md","size_dv":"Medium","disable_all_suggestions":false,"sp_widget_dv":"Typeahead Search","size":"md","ai_search_source_filter_dv":"","spell_check_font_size":"xl","search_results_configuration_dv":"","sp_widget":"fa20ec02cb31020000f8d856634c9ce9","sys_class_name_dv":"Instance with Search","order":1},"sys_scope":"global","id":"typeahead-search","_script_execution_time":1,"field_list":"search_application,search_results_configuration,disable_all_suggestions,placeholder,ai_search_source_filter","controller_as":"c","providers":[],"_server_time":"0.027"},"instance_id":"adba591c7326101022139a1ee2f6a7c2","title":""}],"class_name":"","semantic_tag":"","order":1}],"class_name":"","semantic_tag":"","order":1}],"class_name":"visible-xs m-b-lg mob-ban-container","semantic_tag":"","order":2},{"sys_id":"adc4031bcb13020000f8d856634c9c14","bootstrap_alt":false,"subheader":false,"background":"{\"background-color\":\"#f5f6f8\",\"background-size\":\"initial\",\"background-position\":\"center center\"}","width":"container","container_class_name":"","title":"","rows":[{"sys_id":"1a09e68d1beca150494ceb9cbc4bcba5","columns":[{"sys_id":"9a09e68d1beca150494ceb9cbc4bcba7","size_classes":"col-md-12 ","rows":[],"widgets":[{"sys_id":"5219a24d1beca150494ceb9cbc4bcb47","widget":{"template":"<div>\n <div ng-if=\"!c.options.html\" class=\"panel panel-default\">\n  <div class=\"panel-body\"><b>HTML Widget<\/b><br> Ctrl + Click &gt; Options to set HTML content\n  <\/div>\n <\/div>\n <div ng-if=\"c.options.html\" ng-bind-html=\"c.html\"><\/div>\n<\/div>","css":"","data":{},"roles":"","rectangle_id":"5219a24d1beca150494ceb9cbc4bcb47","_metastack_size":0,"option_schema":"[{\"name\":\"html\",\"default_value\":\" <b>hello<\/b>\",\"section\":\"Data\",\"label\":\"HTML\",\"type\":\"translated_html\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"8679ef89cb21120000f8d856634c9c4f","public":true,"client_script":"function ($scope, $sce) {\n\tvar c = this;\n\tc.html = $sce.trustAsHtml(c.options.html);\n\t$scope.$watch('c.options.html',function(){\n\t\tc.html = $sce.trustAsHtml(c.options.html);\n\t})\n}\n","name":"HTML","options":{"color":"default","widget_parameters":"{\n  \"html\": {\n    \"value\": \"<h4>&nbsp;<br />${Need_support_for}<a href=\\\"https://communities.actian.com/\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\"><strong><em><span style=\\\"color: #17707f;\\\"> Actian<\/span><\/em><\/strong><\/a>${or1}<a href=\\\"?id=industry_software_support\\\"><strong><em><span style=\\\"color: #17707f;\\\">Industry Software<\/span><\/em><\/strong><\/a>${or2}<a href=\\\"?id=quest_support\\\"><strong><em><span style=\\\"color: #17707f;\\\">HCL Aftermarket Cloud (Quest)<\/span><\/em><\/strong><\/a>${For all other products}<br />&nbsp;<\/h4>\",\n    \"displayValue\": \"<h4>&nbsp;<br />${Need_support_for}<a href=\\\"https://communities.actian.com/\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\"><strong><em><span style=\\\"color: #17707f;\\\">Actian<\/span><\/em><\/strong><\/a>${or1}<a href=\\\"?id=industry_software_support\\\"><strong><em><span style=\\\"color: #17707f;\\\">Industry Software<\/span><\/em><\/strong><\/a>${or2}<a href=\\\"?id=quest_support\\\"><strong><em><span style=\\\"color: #17707f;\\\">HCL Aftermarket Cloud (Quest)<\/span><\/em><\/strong><\/a>${For all other products}<br />&nbsp;<\/h4>\"\n  }\n}\n","sp_column":"9a09e68d1beca150494ceb9cbc4bcba7","sp_column_dv":"1","active":true,"color_dv":"Default","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","glyph":"empty","sp_widget_dv":"HTML","size":"md","html":"<h4>&nbsp;<br />Please follow these links to find support for<a href=\"https://communities.actian.com/\" target=\"_blank\" rel=\"noopener\"><strong><em><span style=\"color: #17707f;\"> Actian<\/span><\/em><\/strong><\/a>, <a href=\"?id=industry_software_support\"><strong><em><span style=\"color: #17707f;\">Industry Software<\/span><\/em><\/strong><\/a> or <a href=\"?id=quest_support\"><strong><em><span style=\"color: #17707f;\">HCL Aftermarket Cloud (Quest)<\/span><\/em><\/strong><\/a>.  For all other products, stay on this site.<br />&nbsp;<\/h4>","sp_widget":"8679ef89cb21120000f8d856634c9c4f","sys_class_name_dv":"Instance","order":1},"sys_scope":"global","id":"","_script_execution_time":1,"field_list":"title","controller_as":"c","providers":[],"_server_time":"0.006"},"instance_id":"5219a24d1beca150494ceb9cbc4bcb47","title":""}],"class_name":"","semantic_tag":"","order":1}],"class_name":"","semantic_tag":"","order":1},{"sys_id":"9307e0551b7980109dbcfc038d4bcbfb","columns":[{"sys_id":"9f07e0551b7980109dbcfc038d4bcbfc","size_classes":"col-md-3 ","rows":[],"widgets":[{"sys_id":"0c753841cb23020000f8d856634c9c99","widget":{"template":"<div class=\"iconlink\" ng-class=\"{'high-contrast': accessibilityModeEnabled}\"><!--// Top Icon --> <a ng-if=\"::(options.link_template == 'Top Icon' || !options.link_template)\" ng-href=\"{{::data.href}}\" class=\"top_icon {{::options.class_name}}\" target=\"{{::data.target}}\">\n  <div class=\"m-b fa fa-{{::options.glyph}} fa-4x {{::options.class_name}} text-{{::options.color}}\"><\/div> <h2>{{::options.title}}<\/h2> <span class=\"text-muted\">{{::options.short_description}}<\/span> <\/a> <!--// Circle Icon --> <a ng-if=\"::(options.link_template == 'Circle Icon')\" ng-href=\"{{::data.href}}\" class=\"circle_icon {{::options.class_name}} text-{{::options.color}}\" target=\"{{::data.target}}\"> <span class=\"fa fa-stack fa-2x\" aria-hidden=\"true\"> <i class=\"fa fa-circle fa-stack-2x\"><\/i> <i class=\"fa fa-{{::options.glyph}} fa-stack-1x fa-inverse\"><\/i> <\/span> <h2>{{::options.title}}<\/h2> <span class=\"text-muted\">{{::options.short_description}}<\/span> <\/a> <!--// Color Box --> <a ng-if=\"::(options.link_template == 'Color Box')\" ng-href=\"{{::data.href}}\" class=\"color_box {{::options.class_name}} icon-link-background-{{::options.color}} text-white\" target=\"{{::data.target}}\">\n  <div class=\"fa fa-{{::options.glyph}} fa-3x {{::options.class_name}}\"><\/div> <h2>{{::options.title}}<\/h2> <span>{{::options.short_description}}<\/span> <\/a>\n<\/div>","css":"\n.v3caa67afcb13020000f8d856634c9c2e .add-on > button.lookup {\n\tdisplay: none;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .field-has-reference .reference {\n\tdisplay: inline !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .field-has-reference .add-on {\n\tdisplay: table-cell;\n\twidth: 0rem !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d {\n\tbackground-color: #fff !important;\n\tfont-family: \"Roboto\", \"SourceSansPro\", Helvetica, Arial, sans-serif !important;\n\tcolor: #14142B !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a {\n\tcolor: #ffffff !important;\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\ttext-decoration: none;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu {\n\tbackground-color: #fff !important;\n\tborder: none;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > .open > a, \n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > .open > a:hover, \n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > .open > a:focus {\n\tbackground-color: #e6e8ea;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu a:hover {\n\tbackground-color: #e6e8ea !important;\n\tcolor: #a0edf4 !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > li > a:hover, \n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > li > a.dropdown-toggle:hover {\n\tbackground-color: #89d8df !important;\n\tcolor: #14142B !important;\n\tfont-weight: bold !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:hover {\n\tbackground-color: #89d8df !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:focus:not(:hover) {\n\toutline: none !important;\n\tbox-shadow: none !important;\n\tbackground-color: transparent !important;\n\tborder: none !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > li > a.dropdown-toggle .caret {\n\tbackground-color: transparent;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer {\n\tbackground-color: #14142B;\n\tcolor: white;\n\tpadding: .5rem;\n\ttext-align: center;\n\theight: 3.4rem;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .btn-primary {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .btn-default {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .dropdown-toggle:focus, \n.v3caa67afcb13020000f8d856634c9c2e .dropdown-toggle:active, \n.v3caa67afcb13020000f8d856634c9c2e .dropdown-toggle:hover {\n\tbackground-color: transparent !important;\n\toutline: none !important;\n\tbox-shadow: none !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .panel-primary > .panel-heading {\n\tcolor: #14142B;\n\tbackground-color: #e1e4f2;\n\tborder-color: #e1e4f2;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .panel-footer {\n\tcolor: #14142B;\n\tborder-color: #e1e4f2;\n\tbackground-color: #e1e4f2;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .panel-title {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tfont-size: 1.8rem;\n\tcolor: inherit;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .iconlink {\n\tpadding: .3rem 0;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .iconlink a label, \n.v3caa67afcb13020000f8d856634c9c2e h2 {\n\tdisplay: block;\n\tfont-size: 2.5rem;\n\tfont-weight: 300;\n\tline-height: 1.1;\n\tpadding: 0;\n\tmargin: 0 0 1rem 0;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.top_icon {\n\tdisplay: block;\n\tpadding: 2rem;\n\ttext-align: center;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.top_icon .fa {\n\tdisplay: block;\n\ttext-align: center;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.circle_icon {\n\tdisplay: block;\n\tpadding: 2rem 0rem 2rem 7rem;\n\tposition: relative;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.circle_icon .fa {\n\tposition: absolute;\n\tleft: 0rem;\n\ttop: 1rem;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.color_box {\n\tdisplay: block;\n\tposition: relative;\n\tpadding: 2rem 2rem 2rem 8.2rem;\n\tborder-radius: .4rem;\n\tmargin-bottom: 2rem;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.color_box .fa {\n\tposition: absolute;\n\tleft: 2rem;\n\ttop: 2rem;\n\twidth: 4.2rem;\n\ttext-align: center;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-primary {\n\tbackground-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-info {\n\tbackground-color: #5a2d91;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-success {\n\tbackground-color: #bed732;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-warning {\n\tbackground-color: #fab914;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-danger {\n\tbackground-color: #eb1946;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-default {\n\tbackground-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-primary {\n\tcolor: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-primary:hover {\n\tcolor: #072429;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-info {\n\tcolor: #5a2d91;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-info:hover {\n\tcolor: #2a1543;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-success {\n\tcolor: #bed732;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-success:hover {\n\tcolor: #78881b;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-warning {\n\tcolor: #fab914;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-warning:hover {\n\tcolor: #a57703;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-danger {\n\tcolor: #eb1946;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-danger:hover {\n\tcolor: #910d29;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-default {\n\tcolor: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-default:hover {\n\tcolor: #072429;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-primary {\n\tcolor: #0f4a54;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-info {\n\tcolor: #42216a;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-success {\n\tcolor: #9db323;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-warning {\n\tcolor: #d69b05;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-danger {\n\tcolor: #c01136;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-default {\n\tcolor: #0f4a54;\n}","data":{"href":"?id=kb_search","target":""},"roles":"","rectangle_id":"0c753841cb23020000f8d856634c9c99","_metastack_size":0,"option_schema":"[{\"name\":\"link_template\",\"section\":\"Presentation\",\"label\":\"Template\",\"type\":\"choice\",\"choices\":[{\"label\":\"Top Icon\",\"value\":\"Top Icon\"},{\"label\":\"Circle Icon\",\"value\":\"Circle Icon\"},{\"label\":\"Color Box\",\"value\":\"Color Box\"}]}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"3caa67afcb13020000f8d856634c9c2e","public":true,"client_script":"function($scope, spAriaUtil) {\n\t$scope.accessibilityModeEnabled = spAriaUtil.isAccessibilityEnabled();\n}\n","name":"Icon Link","options":{"short_description":" Browse and search for articles, rate or submit feedback.","color":"primary","sp_column":"9f07e0551b7980109dbcfc038d4bcbfc","sp_column_dv":"1","sp_page":"kb_search","type":"page","title":"Knowledge","sys_class_name":"sp_instance_link","size_dv":"Medium","type_dv":"Page","sc_cat_item_dv":"","sys_name":"知識庫","kb_article_dv":"","sp_widget":"3caa67afcb13020000f8d856634c9c2e","sys_class_name_dv":"Instance with Link","order":1,"link_template":"Circle Icon","sc_category_dv":"","widget_parameters":"{\n\t\"link_template\": {\n\t\t\"value\": \"Circle Icon\",\n\t\t\"displayValue\": \"Circle Icon\"\n\t}\n}","active":true,"color_dv":"Primary","sys_tags":"","url":"/kb","glyph":"book","sp_widget_dv":"Icon Link","size":"md","sp_page_dv":"kb_search","kb_category_dv":""},"sys_scope":"global","id":"","_script_execution_time":0,"field_list":"type,url,sc_category,sc_cat_item,kb_topic,kb_article,kb_category,sp_page,title,short_description,color,class_name,glyph","controller_as":"","providers":[],"_server_time":"0.004"},"instance_id":"0c753841cb23020000f8d856634c9c99","title":"Knowledge"}],"class_name":"","semantic_tag":"","order":1},{"sys_id":"1b0724551b7980109dbcfc038d4bcbc5","size_classes":"col-md-3 ","rows":[],"widgets":[{"sys_id":"b04760551b7980109dbcfc038d4bcb9b","widget":{"template":"<div class=\"iconlink\" ng-class=\"{'high-contrast': accessibilityModeEnabled}\"><!--// Top Icon --> <a ng-if=\"::(options.link_template == 'Top Icon' || !options.link_template)\" ng-href=\"{{::data.href}}\" class=\"top_icon {{::options.class_name}}\" target=\"{{::data.target}}\">\n  <div class=\"m-b fa fa-{{::options.glyph}} fa-4x {{::options.class_name}} text-{{::options.color}}\"><\/div> <h2>{{::options.title}}<\/h2> <span class=\"text-muted\">{{::options.short_description}}<\/span> <\/a> <!--// Circle Icon --> <a ng-if=\"::(options.link_template == 'Circle Icon')\" ng-href=\"{{::data.href}}\" class=\"circle_icon {{::options.class_name}} text-{{::options.color}}\" target=\"{{::data.target}}\"> <span class=\"fa fa-stack fa-2x\" aria-hidden=\"true\"> <i class=\"fa fa-circle fa-stack-2x\"><\/i> <i class=\"fa fa-{{::options.glyph}} fa-stack-1x fa-inverse\"><\/i> <\/span> <h2>{{::options.title}}<\/h2> <span class=\"text-muted\">{{::options.short_description}}<\/span> <\/a> <!--// Color Box --> <a ng-if=\"::(options.link_template == 'Color Box')\" ng-href=\"{{::data.href}}\" class=\"color_box {{::options.class_name}} icon-link-background-{{::options.color}} text-white\" target=\"{{::data.target}}\">\n  <div class=\"fa fa-{{::options.glyph}} fa-3x {{::options.class_name}}\"><\/div> <h2>{{::options.title}}<\/h2> <span>{{::options.short_description}}<\/span> <\/a>\n<\/div>","css":"\n.v3caa67afcb13020000f8d856634c9c2e .add-on > button.lookup {\n\tdisplay: none;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .field-has-reference .reference {\n\tdisplay: inline !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .field-has-reference .add-on {\n\tdisplay: table-cell;\n\twidth: 0rem !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d {\n\tbackground-color: #fff !important;\n\tfont-family: \"Roboto\", \"SourceSansPro\", Helvetica, Arial, sans-serif !important;\n\tcolor: #14142B !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a {\n\tcolor: #ffffff !important;\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\ttext-decoration: none;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu {\n\tbackground-color: #fff !important;\n\tborder: none;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > .open > a, \n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > .open > a:hover, \n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > .open > a:focus {\n\tbackground-color: #e6e8ea;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu a:hover {\n\tbackground-color: #e6e8ea !important;\n\tcolor: #a0edf4 !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > li > a:hover, \n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > li > a.dropdown-toggle:hover {\n\tbackground-color: #89d8df !important;\n\tcolor: #14142B !important;\n\tfont-weight: bold !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:hover {\n\tbackground-color: #89d8df !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:focus:not(:hover) {\n\toutline: none !important;\n\tbox-shadow: none !important;\n\tbackground-color: transparent !important;\n\tborder: none !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > li > a.dropdown-toggle .caret {\n\tbackground-color: transparent;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer {\n\tbackground-color: #14142B;\n\tcolor: white;\n\tpadding: .5rem;\n\ttext-align: center;\n\theight: 3.4rem;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .btn-primary {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .btn-default {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .dropdown-toggle:focus, \n.v3caa67afcb13020000f8d856634c9c2e .dropdown-toggle:active, \n.v3caa67afcb13020000f8d856634c9c2e .dropdown-toggle:hover {\n\tbackground-color: transparent !important;\n\toutline: none !important;\n\tbox-shadow: none !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .panel-primary > .panel-heading {\n\tcolor: #14142B;\n\tbackground-color: #e1e4f2;\n\tborder-color: #e1e4f2;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .panel-footer {\n\tcolor: #14142B;\n\tborder-color: #e1e4f2;\n\tbackground-color: #e1e4f2;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .panel-title {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tfont-size: 1.8rem;\n\tcolor: inherit;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .iconlink {\n\tpadding: .3rem 0;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .iconlink a label, \n.v3caa67afcb13020000f8d856634c9c2e h2 {\n\tdisplay: block;\n\tfont-size: 2.5rem;\n\tfont-weight: 300;\n\tline-height: 1.1;\n\tpadding: 0;\n\tmargin: 0 0 1rem 0;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.top_icon {\n\tdisplay: block;\n\tpadding: 2rem;\n\ttext-align: center;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.top_icon .fa {\n\tdisplay: block;\n\ttext-align: center;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.circle_icon {\n\tdisplay: block;\n\tpadding: 2rem 0rem 2rem 7rem;\n\tposition: relative;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.circle_icon .fa {\n\tposition: absolute;\n\tleft: 0rem;\n\ttop: 1rem;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.color_box {\n\tdisplay: block;\n\tposition: relative;\n\tpadding: 2rem 2rem 2rem 8.2rem;\n\tborder-radius: .4rem;\n\tmargin-bottom: 2rem;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.color_box .fa {\n\tposition: absolute;\n\tleft: 2rem;\n\ttop: 2rem;\n\twidth: 4.2rem;\n\ttext-align: center;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-primary {\n\tbackground-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-info {\n\tbackground-color: #5a2d91;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-success {\n\tbackground-color: #bed732;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-warning {\n\tbackground-color: #fab914;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-danger {\n\tbackground-color: #eb1946;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-default {\n\tbackground-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-primary {\n\tcolor: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-primary:hover {\n\tcolor: #072429;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-info {\n\tcolor: #5a2d91;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-info:hover {\n\tcolor: #2a1543;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-success {\n\tcolor: #bed732;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-success:hover {\n\tcolor: #78881b;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-warning {\n\tcolor: #fab914;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-warning:hover {\n\tcolor: #a57703;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-danger {\n\tcolor: #eb1946;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-danger:hover {\n\tcolor: #910d29;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-default {\n\tcolor: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-default:hover {\n\tcolor: #072429;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-primary {\n\tcolor: #0f4a54;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-info {\n\tcolor: #42216a;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-success {\n\tcolor: #9db323;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-warning {\n\tcolor: #d69b05;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-danger {\n\tcolor: #c01136;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-default {\n\tcolor: #0f4a54;\n}","data":{"href":"https://help.hcltechsw.com","target":""},"roles":"","rectangle_id":"b04760551b7980109dbcfc038d4bcb9b","_metastack_size":0,"option_schema":"[{\"name\":\"link_template\",\"section\":\"Presentation\",\"label\":\"Template\",\"type\":\"choice\",\"choices\":[{\"label\":\"Top Icon\",\"value\":\"Top Icon\"},{\"label\":\"Circle Icon\",\"value\":\"Circle Icon\"},{\"label\":\"Color Box\",\"value\":\"Color Box\"}]}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"3caa67afcb13020000f8d856634c9c2e","public":true,"client_script":"function($scope, spAriaUtil) {\n\t$scope.accessibilityModeEnabled = spAriaUtil.isAccessibilityEnabled();\n}\n","name":"Icon Link","options":{"short_description":"HCLSoftware Product Documentation","color":"primary","sp_column":"1b0724551b7980109dbcfc038d4bcbc5","sp_column_dv":"2","sp_page":"","type":"url","title":"Product Documentation","sys_class_name":"sp_instance_link","size_dv":"Medium","type_dv":"URL","sc_cat_item_dv":"","sys_name":"Product Documentation","kb_article_dv":"","sp_widget":"3caa67afcb13020000f8d856634c9c2e","sys_class_name_dv":"Instance with Link","order":1,"link_template":"Circle Icon","sc_category_dv":"","widget_parameters":"{\n\t\"link_template\": {\n\t\t\"value\": \"Circle Icon\",\n\t\t\"displayValue\": \"Circle Icon\"\n\t}\n}","active":true,"color_dv":"Primary","sys_tags":"","url":"https://help.hcltechsw.com","glyph":"file-text-o","sp_widget_dv":"Icon Link","size":"md","sp_page_dv":"","kb_category_dv":""},"sys_scope":"global","id":"","_script_execution_time":1,"field_list":"type,url,sc_category,sc_cat_item,kb_topic,kb_article,kb_category,sp_page,title,short_description,color,class_name,glyph","controller_as":"","providers":[],"_server_time":"0.004"},"instance_id":"b04760551b7980109dbcfc038d4bcb9b","title":"Product Documentation"}],"class_name":"","semantic_tag":"","order":2},{"sys_id":"530724551b7980109dbcfc038d4bcbc7","size_classes":"col-md-3 ","rows":[],"widgets":[{"sys_id":"c418c4321b4e409883cb86e9cd4bcb2c","widget":{"template":"<div class=\"iconlink\" ng-class=\"{'high-contrast': accessibilityModeEnabled}\"><!--// Top Icon --> <a ng-if=\"::(options.link_template == 'Top Icon' || !options.link_template)\" ng-href=\"{{::data.href}}\" class=\"top_icon {{::options.class_name}}\" target=\"{{::data.target}}\">\n  <div class=\"m-b fa fa-{{::options.glyph}} fa-4x {{::options.class_name}} text-{{::options.color}}\"><\/div> <h2>{{::options.title}}<\/h2> <span class=\"text-muted\">{{::options.short_description}}<\/span> <\/a> <!--// Circle Icon --> <a ng-if=\"::(options.link_template == 'Circle Icon')\" ng-href=\"{{::data.href}}\" class=\"circle_icon {{::options.class_name}} text-{{::options.color}}\" target=\"{{::data.target}}\"> <span class=\"fa fa-stack fa-2x\" aria-hidden=\"true\"> <i class=\"fa fa-circle fa-stack-2x\"><\/i> <i class=\"fa fa-{{::options.glyph}} fa-stack-1x fa-inverse\"><\/i> <\/span> <h2>{{::options.title}}<\/h2> <span class=\"text-muted\">{{::options.short_description}}<\/span> <\/a> <!--// Color Box --> <a ng-if=\"::(options.link_template == 'Color Box')\" ng-href=\"{{::data.href}}\" class=\"color_box {{::options.class_name}} icon-link-background-{{::options.color}} text-white\" target=\"{{::data.target}}\">\n  <div class=\"fa fa-{{::options.glyph}} fa-3x {{::options.class_name}}\"><\/div> <h2>{{::options.title}}<\/h2> <span>{{::options.short_description}}<\/span> <\/a>\n<\/div>","css":"\n.v3caa67afcb13020000f8d856634c9c2e .add-on > button.lookup {\n\tdisplay: none;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .field-has-reference .reference {\n\tdisplay: inline !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .field-has-reference .add-on {\n\tdisplay: table-cell;\n\twidth: 0rem !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d {\n\tbackground-color: #fff !important;\n\tfont-family: \"Roboto\", \"SourceSansPro\", Helvetica, Arial, sans-serif !important;\n\tcolor: #14142B !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a {\n\tcolor: #ffffff !important;\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\ttext-decoration: none;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu {\n\tbackground-color: #fff !important;\n\tborder: none;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > .open > a, \n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > .open > a:hover, \n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > .open > a:focus {\n\tbackground-color: #e6e8ea;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu a:hover {\n\tbackground-color: #e6e8ea !important;\n\tcolor: #a0edf4 !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > li > a:hover, \n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > li > a.dropdown-toggle:hover {\n\tbackground-color: #89d8df !important;\n\tcolor: #14142B !important;\n\tfont-weight: bold !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:hover {\n\tbackground-color: #89d8df !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:focus:not(:hover) {\n\toutline: none !important;\n\tbox-shadow: none !important;\n\tbackground-color: transparent !important;\n\tborder: none !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .navbar-inverse .navbar-nav > li > a.dropdown-toggle .caret {\n\tbackground-color: transparent;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer {\n\tbackground-color: #14142B;\n\tcolor: white;\n\tpadding: .5rem;\n\ttext-align: center;\n\theight: 3.4rem;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .btn-primary {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .btn-default {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .dropdown-toggle:focus, \n.v3caa67afcb13020000f8d856634c9c2e .dropdown-toggle:active, \n.v3caa67afcb13020000f8d856634c9c2e .dropdown-toggle:hover {\n\tbackground-color: transparent !important;\n\toutline: none !important;\n\tbox-shadow: none !important;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .panel-primary > .panel-heading {\n\tcolor: #14142B;\n\tbackground-color: #e1e4f2;\n\tborder-color: #e1e4f2;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .panel-footer {\n\tcolor: #14142B;\n\tborder-color: #e1e4f2;\n\tbackground-color: #e1e4f2;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .panel-title {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tfont-size: 1.8rem;\n\tcolor: inherit;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .iconlink {\n\tpadding: .3rem 0;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .iconlink a label, \n.v3caa67afcb13020000f8d856634c9c2e h2 {\n\tdisplay: block;\n\tfont-size: 2.5rem;\n\tfont-weight: 300;\n\tline-height: 1.1;\n\tpadding: 0;\n\tmargin: 0 0 1rem 0;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.top_icon {\n\tdisplay: block;\n\tpadding: 2rem;\n\ttext-align: center;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.top_icon .fa {\n\tdisplay: block;\n\ttext-align: center;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.circle_icon {\n\tdisplay: block;\n\tpadding: 2rem 0rem 2rem 7rem;\n\tposition: relative;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.circle_icon .fa {\n\tposition: absolute;\n\tleft: 0rem;\n\ttop: 1rem;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.color_box {\n\tdisplay: block;\n\tposition: relative;\n\tpadding: 2rem 2rem 2rem 8.2rem;\n\tborder-radius: .4rem;\n\tmargin-bottom: 2rem;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e a.color_box .fa {\n\tposition: absolute;\n\tleft: 2rem;\n\ttop: 2rem;\n\twidth: 4.2rem;\n\ttext-align: center;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-primary {\n\tbackground-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-info {\n\tbackground-color: #5a2d91;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-success {\n\tbackground-color: #bed732;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-warning {\n\tbackground-color: #fab914;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-danger {\n\tbackground-color: #eb1946;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .icon-link-background-default {\n\tbackground-color: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-primary {\n\tcolor: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-primary:hover {\n\tcolor: #072429;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-info {\n\tcolor: #5a2d91;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-info:hover {\n\tcolor: #2a1543;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-success {\n\tcolor: #bed732;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-success:hover {\n\tcolor: #78881b;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-warning {\n\tcolor: #fab914;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-warning:hover {\n\tcolor: #a57703;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-danger {\n\tcolor: #eb1946;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-danger:hover {\n\tcolor: #910d29;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-default {\n\tcolor: #17707f;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .text-default:hover {\n\tcolor: #072429;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-primary {\n\tcolor: #0f4a54;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-info {\n\tcolor: #42216a;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-success {\n\tcolor: #9db323;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-warning {\n\tcolor: #d69b05;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-danger {\n\tcolor: #c01136;\n}\n\n.v3caa67afcb13020000f8d856634c9c2e .high-contrast .text-default {\n\tcolor: #0f4a54;\n}","data":{"href":"/community?id=community_home","target":""},"roles":"","rectangle_id":"c418c4321b4e409883cb86e9cd4bcb2c","_metastack_size":0,"option_schema":"[{\"name\":\"link_template\",\"section\":\"Presentation\",\"label\":\"Template\",\"type\":\"choice\",\"choices\":[{\"label\":\"Top Icon\",\"value\":\"Top Icon\"},{\"label\":\"Circle Icon\",\"value\":\"Circle Icon\"},{\"label\":\"Color Box\",\"value\":\"Color Box\"}]}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"3caa67afcb13020000f8d856634c9c2e","public":true,"client_script":"function($scope, spAriaUtil) {\n\t$scope.accessibilityModeEnabled = spAriaUtil.isAccessibilityEnabled();\n}\n","name":"Icon Link","options":{"short_description":"Engage with and get answers from your peers and experts.","color":"primary","sp_column":"530724551b7980109dbcfc038d4bcbc7","sp_column_dv":"3","sp_page":"","type":"url","title":"Ask the Community","sys_class_name":"sp_instance_link","size_dv":"Medium","type_dv":"URL","sc_cat_item_dv":"","sys_name":"社區提問","kb_article_dv":"","sp_widget":"3caa67afcb13020000f8d856634c9c2e","sys_class_name_dv":"Instance with Link","order":1,"link_template":"Circle Icon","sc_category_dv":"","widget_parameters":"{\n\t\"link_template\": {\n\t\t\"value\": \"Circle Icon\",\n\t\t\"displayValue\": \"Circle Icon\"\n\t}\n}","active":true,"color_dv":"Primary","sys_tags":"","url":"/community?id=community_home","glyph":"comments-o","sp_widget_dv":"Icon Link","size":"md","sp_page_dv":"","kb_category_dv":""},"sys_scope":"global","id":"","_script_execution_time":1,"field_list":"type,url,sc_category,sc_cat_item,kb_topic,kb_article,kb_category,sp_page,title,short_description,color,class_name,glyph","controller_as":"","providers":[],"_server_time":"0.004"},"instance_id":"c418c4321b4e409883cb86e9cd4bcb2c","title":"Ask the Community"}],"class_name":"","semantic_tag":"","order":3},{"sys_id":"9b0724551b7980109dbcfc038d4bcbc8","size_classes":"col-md-3 ","rows":[],"widgets":[{"sys_id":"2038dd45cb23020000f8d856634c9c43","widget":{"template":"","sys_id":"","data":{},"name":"","id":"","sys_class_name":"","controller_as":""},"instance_id":"2038dd45cb23020000f8d856634c9c43","title":"Create product case"},{"sys_id":"af0017441bcf9d10494ceb9cbc4bcbc1","widget":{"template":"","sys_id":"","data":{},"name":"","id":"","sys_class_name":"","controller_as":""},"instance_id":"af0017441bcf9d10494ceb9cbc4bcbc1","title":"Create internal case"}],"class_name":"","semantic_tag":"","order":4}],"class_name":"","semantic_tag":"","order":2}],"class_name":"m-t-n b-b","semantic_tag":"","order":3},{"sys_id":"edc81e66cb11120000f8d856634c9c52","bootstrap_alt":false,"subheader":false,"background":"{\"background-size\":\"initial\",\"background-position\":\"center center\"}","width":"container","container_class_name":"","title":"","rows":[{"sys_id":"e1c4031bcb13020000f8d856634c9c15","columns":[{"sys_id":"29c4031bcb13020000f8d856634c9c15","size_classes":"col-sm-4 ","rows":[],"widgets":[{"sys_id":"3d609ed4dba48910229b0ad4e29619f1","widget":{"template":"<div class=\"panel panel-{{options.color}} b\" ng-if=\"::(data.articles.length > 0)\">\n <div class=\"panel-heading\">\n  <h2 class=\"h4 panel-title\" id=\"header-{{data.sysId}}\"><span ng-if=\"::options.glyph.length\" class=\"fa-stack icon-circle\"> <i class=\"fa fa-circle fa-stack-2x text-{{::data.color || 'primary'}}\"><\/i> <i class=\"fa fa-{{::options.glyph}} fa-stack-1x fa-inverse\"><\/i> <\/span> {{::options.title}}<\/h2>\n <\/div>\n <div class=\"panel-body\">\n  <ul class=\"list-group\" aria-labelledby=\"header-{{data.sysId}}\">\n   <li class=\"list-group-item\" ng-repeat=\"a in ::data.articles\"><!-- Story: STRY0012962 to correct the URL --> <a href=\"?id=kb_article&amp;sysparm_article={{::a.number}}\" aria-label=\"{{::a.ratingAriaLabel}}\"> {{::a.short_description}} <\/a><\/li>\n  <\/ul>\n <\/div>\n<\/div>\n<a href=\"?id=kb_article&amp;sysparm_article={{::a.number}}\" aria-label=\"{{::a.ratingAriaLabel}}\">{{::a.short_description}}<\/a>","css":"\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-title {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin: 0 !important;\n\tpadding: .2rem 0 !important;\n\tfont-weight: bold;\n\tfont-size: 1.8rem;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-title .fa-stack.icon-circle {\n\twidth: 3.2rem;\n\theight: 3.2rem;\n\tfont-size: 1.6rem;\n\tline-height: 1;\n\tmargin-right: .4rem;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-title .fa-stack-2x {\n\tfont-size: 2em;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-title .fa-stack-1x {\n\tfont-size: 1em;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-title-text {\n\tdisplay: inline-block;\n\tline-height: 1.2;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-heading {\n\tpadding: 1rem 1.5rem;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-body {\n\tpadding: 0;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .list-group {\n\tmargin-bottom: 0rem;\n\twidth: 100%;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .list-group-item {\n\tpadding: .8rem 1.2rem;\n\tborder: none;\n\tmargin-bottom: 1rem;\n\tborder-radius: 0;\n\ttransition: background-color .2s ease;\n\tcursor: pointer;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .list-group-item:last-child {\n\tmargin-bottom: 0rem;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .transclude:last-child {\n\tpadding-bottom: 1rem;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .list-group-item:hover {\n\tbackground-color: #F5F5F5;\n\tpadding-left: 1.5rem;\n\tpadding-right: 1.5rem;\n}","data":{"sysId":null,"articles":[]},"roles":"","link":"function link(scope, element, attrs, controller) { \n \n }","rectangle_id":"3d609ed4dba48910229b0ad4e29619f1","_metastack_size":0,"option_schema":"[{\"name\":\"max_number\",\"section\":\"Presentation\",\"label\":\"Max number\",\"type\":\"integer\"},{\"displayValue\":\"Knowledge Category\",\"name\":\"kb_category\",\"section\":\"Data\",\"label\":\"KB category\",\"type\":\"reference\",\"value\":\"kb_category\",\"ed\":{\"reference\":\"kb_category\"}},{\"name\":\"max_days\",\"section\":\"Presentation\",\"label\":\"Max days\",\"type\":\"integer\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"2f46dcdbdb9c4110ed77d602ca96195e","public":true,"client_script":"api.controller=function() {    var c = this;};\n","name":"KB News HCL","options":{"color":"danger","widget_parameters":"{\n\t\"max_number\": {\n\t\t\"value\": 2,\n\t\t\"displayValue\": \"2\"\n\t},\n\t\"kb_category\": {\n\t\t\"value\": \"ae519e58dba48910229b0ad4e29619a2\",\n\t\t\"displayValue\": \"Alerts\"\n\t},\n\t\"max_days\": {\n\t\t\"value\": 28,\n\t\t\"displayValue\": \"28\"\n\t}\n}","sp_column":"29c4031bcb13020000f8d856634c9c15","sp_column_dv":"1","active":true,"color_dv":"Danger","title":"Alerts","sys_tags":"","max_number":2,"sys_class_name":"sp_instance","size_dv":"Medium","glyph":"exclamation","sp_widget_dv":"KB News HCL","size":"md","sys_name":"Alerts","max_days":28,"kb_category":"ae519e58dba48910229b0ad4e29619a2","sp_widget":"2f46dcdbdb9c4110ed77d602ca96195e","sys_class_name_dv":"Instance","order":1},"sys_scope":"global","id":"","_script_execution_time":4,"field_list":"title,color,glyph","controller_as":"c","providers":[],"_server_time":"0.006"},"instance_id":"3d609ed4dba48910229b0ad4e29619f1","title":"Alerts"},{"sys_id":"a315a9001b33e3409dbcfc038d4bcbef","widget":{"template":"<div class=\"panel panel-default\">\n <div class=\"panel-heading\">\n  <h4 style=\"margin-top: 0; margin-bottom: 0\"><span ng-if=\"::data.glyph\" class=\"fa-stack\"> <i class=\"fa fa-circle text-{{::data.color}} fa-stack-2x\"><\/i> <i class=\"fa fa-{{::data.glyph}} fa-stack-1x fa-inverse\"><\/i> <\/span> <span>{{::data.title}}<\/span><\/h4>\n  <div>\n   {{::data.short_description}}\n  <\/div>\n <\/div>\n <div class=\"list-group\"><a class=\"list-group-item no-border\" href=\"{{::item.href}}\" target=\"{{::item.url_target}}\" ng-repeat=\"item in ::data.items\"> <i ng-if=\"::item.glyph\" class=\"fa fa-{{::item.glyph}} m-r-sm\"><\/i> <i ng-if=\"::!item.glyph\" class=\"fa fa-chevron-right m-r-sm\"><\/i> {{::item.label}}<\/a>\n <\/div>\n<\/div>","css":"","data":{"short_description":null,"css":null,"color":"primary","roles":null,"widget_parameters":null,"sp_column":"29c4031bcb13020000f8d856634c9c15","active":true,"title":"Contact us","sys_tags":null,"sys_class_name":"sp_instance_menu","url":null,"sys_package":null,"glyph":"phone","sys_update_name":null,"size":"md","sys_name":"Contact us","sys_scope":"global","id":null,"class_name":null,"items":[{"sp_rectangle_menu":"a315a9001b33e3409dbcfc038d4bcbef","color":"default","active":true,"sp_page":"dea5792147132100ba13a5554ee4902d","label":"Chat","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"/csm?id=kb_article&sysparm_article=KB0076941","sys_id":"08c81fd11baf54109dbcfc038d4bcb9f","url_target":"","sys_name":"Chat","sys_scope":"global","href":"/csm?id=kb_article&sysparm_article=KB0076941","items":[],"order":100},{"kb_article":"ff33067b1beb23407a3cfee58d4bcb56","sp_rectangle_menu":"a315a9001b33e3409dbcfc038d4bcbef","color":"default","active":true,"sp_page":"dea5792147132100ba13a5554ee4902d","label":"Support phone numbers","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"/csm?id=kb_article&sysparm_article=KB0010151","sys_id":"04f521801b33e3409dbcfc038d4bcbdc","url_target":"","sys_name":"Support phone numbers","sys_scope":"global","href":"/csm?id=kb_article&sysparm_article=KB0010151","items":[],"order":200},{"sp_rectangle_menu":"a315a9001b33e3409dbcfc038d4bcbef","color":"default","active":true,"sp_page":"d8fa18e61b24b7c09dbcfc038d4bcbe6","label":"Guest case","type":"page","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","sys_id":"fc9919821b258610494ceb9cbc4bcbe5","url_target":"","sys_name":"Guest case","sys_scope":"global","href":"?id=guest_csm_creation","items":[],"order":300},{"sp_rectangle_menu":"a315a9001b33e3409dbcfc038d4bcbef","color":"default","active":true,"sp_page":"ca1eb6ff1ba577007a3cfee58d4bcb2c","label":"U.S. Federal Government clients","type":"page","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","sys_id":"b68568111b50de50494ceb9cbc4bcbe1","url_target":"","sys_name":"U.S. Federal Government clients","sys_scope":"global","href":"?id=federal","items":[],"order":400},{"kb_article":"d71716371b2f23407a3cfee58d4bcb72","sp_rectangle_menu":"a315a9001b33e3409dbcfc038d4bcbef","color":"default","active":true,"sp_page":"dea5792147132100ba13a5554ee4902d","label":"How to create a support case","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"/csm?id=kb_article&sysparm_article=KB0010164","sys_id":"68f1e5cf1bdb58909dbcfc038d4bcb9c","url_target":"","sys_name":"How to create a support case","sys_scope":"global","href":"/csm?id=kb_article&sysparm_article=KB0010164","items":[],"order":500}],"sp_widget":"88979930cb01020000f8d856634c9caa","order":"2","sys_policy":null},"roles":"","rectangle_id":"a315a9001b33e3409dbcfc038d4bcbef","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"88979930cb01020000f8d856634c9caa","public":true,"name":"Icon Menu List","options":{"color":"primary","sp_column":"29c4031bcb13020000f8d856634c9c15","sp_column_dv":"1","active":true,"color_dv":"Primary","title":"Contact us","sys_tags":"","sys_class_name":"sp_instance_menu","size_dv":"Medium","glyph":"phone","sp_widget_dv":"Icon Menu List","size":"md","sys_name":"Contact us","sp_widget":"88979930cb01020000f8d856634c9caa","sys_class_name_dv":"Instance with Menu","order":2},"sys_scope":"global","id":"","_script_execution_time":7,"field_list":"title,short_description,color,class_name,glyph","controller_as":"","providers":[],"_server_time":"0.005"},"instance_id":"a315a9001b33e3409dbcfc038d4bcbef","title":"Contact us"},{"sys_id":"cef053c1dbed7954229b0ad4e296194f","widget":{"template":"<div class=\"panel panel-default\">\n <div class=\"panel-heading\">\n  <h4 style=\"margin-top: 0; margin-bottom: 0\"><span ng-if=\"::data.glyph\" class=\"fa-stack\"> <i class=\"fa fa-circle text-{{::data.color}} fa-stack-2x\"><\/i> <i class=\"fa fa-{{::data.glyph}} fa-stack-1x fa-inverse\"><\/i> <\/span> <span>{{::data.title}}<\/span><\/h4>\n  <div>\n   {{::data.short_description}}\n  <\/div>\n <\/div>\n <div class=\"list-group\"><a class=\"list-group-item no-border\" href=\"{{::item.href}}\" target=\"_blank\" ng-repeat=\"item in ::data.items\"> <i ng-if=\"::item.glyph\" class=\"fa fa-{{::item.glyph}} m-r-sm\"><\/i> <i ng-if=\"::!item.glyph\" class=\"fa fa-chevron-right m-r-sm\"><\/i> {{::item.label}}<\/a>\n <\/div>\n<\/div>","css":"","data":{"short_description":"HCLSoftware Product Support wants to keep you informed on what we are doing, our recent accomplishments and how we work.","css":null,"color":"primary","roles":null,"widget_parameters":null,"sp_column":"29c4031bcb13020000f8d856634c9c15","active":true,"title":"Support Insights","sys_tags":null,"sys_class_name":"sp_instance_menu","url":null,"sys_package":null,"glyph":"book","sys_update_name":null,"size":"md","sys_name":"Support Insights","sys_scope":"global","id":null,"class_name":null,"items":[{"sp_rectangle_menu":"cef053c1dbed7954229b0ad4e296194f","color":"default","active":true,"sp_page":"eb84cfd7cb13020000f8d856634c9c4b","label":"HCLSoftware Support Certification and Information","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"/csm?id=kb_article&sysparm_article=KB0107780","sys_id":"7dc45709db21b954229b0ad4e29619f9","glyph":"chevron-right","url_target":"","sys_name":"HCLSoftware Support Certification and Information","sys_scope":"global","href":"/csm?id=kb_article&sysparm_article=KB0107780","items":[],"order":100},{"sp_rectangle_menu":"cef053c1dbed7954229b0ad4e296194f","color":"default","active":true,"sp_page":"eb84cfd7cb13020000f8d856634c9c4b","label":"The Three Keys to Success for HCLSoftware Support","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"https://www.hcl-software.com/blog/hclsoftware/the-three-keys-to-success-for-hcl-software-support","sys_id":"6215d349db21b954229b0ad4e29619bc","glyph":"chevron-right","url_target":"","sys_name":"The Three Keys to Success for HCLSoftware Support","sys_scope":"global","href":"https://www.hcl-software.com/blog/hclsoftware/the-three-keys-to-success-for-hcl-software-support","items":[],"order":200},{"sp_rectangle_menu":"cef053c1dbed7954229b0ad4e296194f","color":"default","active":true,"sp_page":"eb84cfd7cb13020000f8d856634c9c4b","label":"Key 1:  Responsiveness, what is going on?","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"https://www.hcl-software.com/blog/hclsoftware/responsiveness-what-is-going-on","sys_id":"acf51345db61b954229b0ad4e29619a5","glyph":"caret-right","url_target":"","sys_name":"Key 1:  Responsiveness, what is going on?","sys_scope":"global","href":"https://www.hcl-software.com/blog/hclsoftware/responsiveness-what-is-going-on","items":[],"order":210},{"sp_rectangle_menu":"cef053c1dbed7954229b0ad4e296194f","color":"default","active":true,"sp_page":"eb84cfd7cb13020000f8d856634c9c4b","label":"Key 2 - Product and Domain Expertise","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"https://www.hcl-software.com/blog/hclsoftware/key-2-product-and-domain-expertise","sys_id":"c24613c1db61b954229b0ad4e296194b","glyph":"caret-right","url_target":"","sys_name":"Key 2 - Product and Domain Expertise","sys_scope":"global","href":"https://www.hcl-software.com/blog/hclsoftware/key-2-product-and-domain-expertise","items":[],"order":220},{"sp_rectangle_menu":"cef053c1dbed7954229b0ad4e296194f","color":"default","active":true,"sp_page":"eb84cfd7cb13020000f8d856634c9c4b","label":"Professional Troubleshooting:  The \"Third Key\" to Providing Great Support","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"https://www.hcl-software.com/blog/hclsoftware/professional-troubleshooting-the-third-key-to-providing-great-support","sys_id":"91c69f09db61b954229b0ad4e296191c","glyph":"caret-right","url_target":"","sys_name":"Professional Troubleshooting:  The \"Third Key\" to Providing Great Support","sys_scope":"global","href":"https://www.hcl-software.com/blog/hclsoftware/professional-troubleshooting-the-third-key-to-providing-great-support","items":[],"order":230}],"sp_widget":"1281d9eb1b53e7007a3cfee58d4bcb3f","order":"3","sys_policy":null},"roles":"","rectangle_id":"cef053c1dbed7954229b0ad4e296194f","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"1281d9eb1b53e7007a3cfee58d4bcb3f","public":true,"client_script":"function() {\r  \r  var c = this;\r}\n","name":"HCL icon menu list","options":{"short_description":"HCLSoftware Product Support wants to keep you informed on what we are doing, our recent accomplishments and how we work.","color":"primary","sp_column":"29c4031bcb13020000f8d856634c9c15","sp_column_dv":"1","active":true,"color_dv":"Primary","title":"Support Insights","sys_tags":"","sys_class_name":"sp_instance_menu","size_dv":"Medium","glyph":"book","sp_widget_dv":"HCL icon menu list","size":"md","sys_name":"Support Insights","sp_widget":"1281d9eb1b53e7007a3cfee58d4bcb3f","sys_class_name_dv":"Instance with Menu","order":3},"sys_scope":"global","id":"hcl_icon_menu_list","_script_execution_time":8,"field_list":"title,short_description,color,class_name,glyph","controller_as":"c","providers":[],"_server_time":"0.005"},"instance_id":"cef053c1dbed7954229b0ad4e296194f","title":"Support Insights"},{"sys_id":"fdf1f3a11bad7b004f54433fbd4bcb23","widget":{"template":"<div>\n <!-- your widget template -->\n<\/div>","css":"","ngTemplates":{"popup":"<div class=\"modal-header\">\n <h3 class=\"modal-title\">Accept the privacy statement<\/h3>\n<\/div>\n<div class=\"modal-body\">\n In order to use our support portal you need to agree the<a href=\"https://www.hcltechsw.com/legal/privacy\"> Privacy Policy <\/a> and Community <a href=\"https://www.hcltech.com/terms-use\"> Terms of Use <\/a>\n<\/div>\n<div class=\"modal-footer\"><button class=\"btn btn-primary\" ng-click=\"accept()\" autofocus>Accept<\/button>\n<\/div>"},"data":{"test":"User \"Guest\"","privacy":"true"},"roles":"","rectangle_id":"fdf1f3a11bad7b004f54433fbd4bcb23","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"4af217ad1be97b004f54433fbd4bcb76","public":true,"client_script":"function($uibModal, $window) {\nvar c = this;\n  if (c.data.privacy == 'false') {\n    var modalInstance = $uibModal.open({\n      templateUrl: 'popup',\n      controller: function($scope, $uibModalInstance) {\n        $scope.accept = function() {\n          $uibModalInstance.close();\n        };\n      }\n    });\n    modalInstance.result.then(function() {\n      c.agree = 'Accept';\n      c.server.update();\n    }, function() {\n      c.agree = 'Reject';\n$window.location.assign(\"logout.do?sysparm_goto_url=/csm\");\n    });\n  }\n}\n","name":"Privacy Statetment Check","options":{"color":"default","roles":"","sp_column":"29c4031bcb13020000f8d856634c9c15","sp_column_dv":"1","active":true,"color_dv":"Default","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","sp_widget_dv":"Privacy Statetment Check","size":"md","sp_widget":"4af217ad1be97b004f54433fbd4bcb76","sys_class_name_dv":"Instance","order":4},"sys_scope":"global","id":"privacy_statetment_check","_script_execution_time":1,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.011"},"instance_id":"fdf1f3a11bad7b004f54433fbd4bcb23","title":""}],"class_name":"","semantic_tag":"","order":1},{"sys_id":"196d4f1bcb13020000f8d856634c9c01","size_classes":"col-sm-4 ","rows":[],"widgets":[{"sys_id":"b83a36c9db418550229b0ad4e29619c5","widget":{"template":"<div class=\"panel panel-{{options.color}} b\" ng-if=\"::(data.articles.length > 0)\">\n <div class=\"panel-heading\">\n  <h2 class=\"h4 panel-title\" id=\"header-{{data.sysId}}\"><span ng-if=\"::options.glyph.length\" class=\"fa-stack icon-circle\"> <i class=\"fa fa-circle fa-stack-2x text-{{::data.color || 'primary'}}\"><\/i> <i class=\"fa fa-{{::options.glyph}} fa-stack-1x fa-inverse\"><\/i> <\/span> {{::options.title}}<\/h2>\n <\/div>\n <div class=\"panel-body\">\n  <ul class=\"list-group\" aria-labelledby=\"header-{{data.sysId}}\">\n   <li class=\"list-group-item\" ng-repeat=\"a in ::data.articles\"><!-- Story: STRY0012962 to correct the URL --> <a href=\"?id=kb_article&amp;sysparm_article={{::a.number}}\" aria-label=\"{{::a.ratingAriaLabel}}\"> {{::a.short_description}} <\/a><\/li>\n  <\/ul>\n <\/div>\n<\/div>\n<a href=\"?id=kb_article&amp;sysparm_article={{::a.number}}\" aria-label=\"{{::a.ratingAriaLabel}}\">{{::a.short_description}}<\/a>","css":"\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-title {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin: 0 !important;\n\tpadding: .2rem 0 !important;\n\tfont-weight: bold;\n\tfont-size: 1.8rem;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-title .fa-stack.icon-circle {\n\twidth: 3.2rem;\n\theight: 3.2rem;\n\tfont-size: 1.6rem;\n\tline-height: 1;\n\tmargin-right: .4rem;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-title .fa-stack-2x {\n\tfont-size: 2em;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-title .fa-stack-1x {\n\tfont-size: 1em;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-title-text {\n\tdisplay: inline-block;\n\tline-height: 1.2;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-heading {\n\tpadding: 1rem 1.5rem;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .panel-body {\n\tpadding: 0;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .list-group {\n\tmargin-bottom: 0rem;\n\twidth: 100%;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .list-group-item {\n\tpadding: .8rem 1.2rem;\n\tborder: none;\n\tmargin-bottom: 1rem;\n\tborder-radius: 0;\n\ttransition: background-color .2s ease;\n\tcursor: pointer;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .list-group-item:last-child {\n\tmargin-bottom: 0rem;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .transclude:last-child {\n\tpadding-bottom: 1rem;\n}\n\n.v2f46dcdbdb9c4110ed77d602ca96195e .list-group-item:hover {\n\tbackground-color: #F5F5F5;\n\tpadding-left: 1.5rem;\n\tpadding-right: 1.5rem;\n}","data":{"sysId":null,"articles":[]},"roles":"","link":"function link(scope, element, attrs, controller) { \n \n }","rectangle_id":"b83a36c9db418550229b0ad4e29619c5","_metastack_size":0,"option_schema":"[{\"name\":\"max_number\",\"section\":\"Presentation\",\"label\":\"Max number\",\"type\":\"integer\"},{\"displayValue\":\"Knowledge Category\",\"name\":\"kb_category\",\"section\":\"Data\",\"label\":\"KB category\",\"type\":\"reference\",\"value\":\"kb_category\",\"ed\":{\"reference\":\"kb_category\"}},{\"name\":\"max_days\",\"section\":\"Presentation\",\"label\":\"Max days\",\"type\":\"integer\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"2f46dcdbdb9c4110ed77d602ca96195e","public":true,"client_script":"api.controller=function() {    var c = this;};\n","name":"KB News HCL","options":{"color":"default","widget_parameters":"{\n\t\"max_number\": {\n\t\t\"value\": 3,\n\t\t\"displayValue\": \"3\"\n\t},\n\t\"kb_category\": {\n\t\t\"value\": \"8cc6c25fdbdc8110229b0ad4e296194a\",\n\t\t\"displayValue\": \"News\"\n\t},\n\t\"max_days\": {\n\t\t\"value\": 60,\n\t\t\"displayValue\": \"60\"\n\t}\n}","sp_column":"196d4f1bcb13020000f8d856634c9c01","sp_column_dv":"2","active":true,"color_dv":"Default","title":"News","sys_tags":"","max_number":3,"sys_class_name":"sp_instance","size_dv":"Medium","glyph":"envelope","sp_widget_dv":"KB News HCL","size":"md","sys_name":"News","max_days":60,"kb_category":"8cc6c25fdbdc8110229b0ad4e296194a","sp_widget":"2f46dcdbdb9c4110ed77d602ca96195e","sys_class_name_dv":"Instance","order":1},"sys_scope":"global","id":"","_script_execution_time":2,"field_list":"title,color,glyph","controller_as":"c","providers":[],"_server_time":"0.006"},"instance_id":"b83a36c9db418550229b0ad4e29619c5","title":"News"},{"sys_id":"8a5c69041b33e3409dbcfc038d4bcb2c","widget":{"template":"<div class=\"panel panel-default\">\n <div class=\"panel-heading\">\n  <h4 style=\"margin-top: 0; margin-bottom: 0\"><span ng-if=\"::data.glyph\" class=\"fa-stack\"> <i class=\"fa fa-circle text-{{::data.color}} fa-stack-2x\"><\/i> <i class=\"fa fa-{{::data.glyph}} fa-stack-1x fa-inverse\"><\/i> <\/span> <span>{{::data.title}}<\/span><\/h4>\n  <div>\n   {{::data.short_description}}\n  <\/div>\n <\/div>\n <div class=\"list-group\"><a class=\"list-group-item no-border\" href=\"{{::item.href}}\" target=\"{{::item.url_target}}\" ng-repeat=\"item in ::data.items\"> <i ng-if=\"::item.glyph\" class=\"fa fa-{{::item.glyph}} m-r-sm\"><\/i> <i ng-if=\"::!item.glyph\" class=\"fa fa-chevron-right m-r-sm\"><\/i> {{::item.label}}<\/a>\n <\/div>\n<\/div>","css":"","data":{"short_description":null,"css":null,"color":"primary","roles":null,"widget_parameters":null,"sp_column":"196d4f1bcb13020000f8d856634c9c01","active":true,"title":"Support","sys_tags":null,"sys_class_name":"sp_instance_menu","url":null,"sys_package":null,"glyph":"user-md","sys_update_name":null,"size":"md","sys_name":"Support","sys_scope":"global","id":null,"class_name":null,"items":[{"sp_rectangle_menu":"8a5c69041b33e3409dbcfc038d4bcb2c","color":"default","active":true,"sp_page":"dea5792147132100ba13a5554ee4902d","label":"Support Guide","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"/csm?id=kb_article&sysparm_article=KB0010420","sys_id":"c2fe61481b33e3409dbcfc038d4bcbc1","url_target":"","sys_name":"Support Guide","sys_scope":"global","href":"/csm?id=kb_article&sysparm_article=KB0010420","items":[],"order":100},{"sp_rectangle_menu":"8a5c69041b33e3409dbcfc038d4bcb2c","color":"default","active":true,"sp_page":"dea5792147132100ba13a5554ee4902d","label":"How to register as a Customer on HCLSoftware portals?","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"/csm?id=kb_article&sysparm_article=KB0069114","sys_id":"f855e8d71b5fff4083cb86e9cd4bcb6d","url_target":"","sys_name":"How to register as a Customer on HCLSoftware portals?","sys_scope":"global","href":"/csm?id=kb_article&sysparm_article=KB0069114","items":[],"order":200},{"sp_rectangle_menu":"8a5c69041b33e3409dbcfc038d4bcb2c","color":"default","active":true,"sp_page":"dea5792147132100ba13a5554ee4902d","label":"How do I create and manage contacts?","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"/csm?id=kb_article&sysparm_article=KB0010342","sys_id":"a257a9cb1b1f58909dbcfc038d4bcb0f","url_target":"","sys_name":"How do I create and manage contacts?","sys_scope":"global","href":"/csm?id=kb_article&sysparm_article=KB0010342","items":[],"order":400},{"sp_rectangle_menu":"8a5c69041b33e3409dbcfc038d4bcb2c","color":"default","active":true,"sp_page":"dea5792147132100ba13a5554ee4902d","label":"What is My HCLSoftware?","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"/csm?id=kb_article&sysparm_article=KB0109011","sys_id":"b397a9cb1b1f58909dbcfc038d4bcb37","url_target":"","sys_name":"What is My HCLSoftware?","sys_scope":"global","href":"/csm?id=kb_article&sysparm_article=KB0109011","items":[],"order":500},{"kb_article":"2912f4121b2faf009dbcfc038d4bcb3f","sp_rectangle_menu":"8a5c69041b33e3409dbcfc038d4bcb2c","color":"default","active":true,"sp_page":"dea5792147132100ba13a5554ee4902d","label":"File upload and download instructions","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"/csm?id=kb_article&sysparm_article=KB0010064","sys_id":"03ac2dc41b33e3409dbcfc038d4bcb34","url_target":"","sys_name":"File upload and download instructions","sys_scope":"global","href":"/csm?id=kb_article&sysparm_article=KB0010064","items":[],"order":800}],"sp_widget":"88979930cb01020000f8d856634c9caa","order":"2","sys_policy":null},"roles":"","rectangle_id":"8a5c69041b33e3409dbcfc038d4bcb2c","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"88979930cb01020000f8d856634c9caa","public":true,"name":"Icon Menu List","options":{"color":"primary","sp_column":"196d4f1bcb13020000f8d856634c9c01","sp_column_dv":"2","active":true,"color_dv":"Primary","title":"Support","sys_tags":"","sys_class_name":"sp_instance_menu","size_dv":"Medium","glyph":"user-md","sp_widget_dv":"Icon Menu List","size":"md","sys_name":"Support","sp_widget":"88979930cb01020000f8d856634c9caa","sys_class_name_dv":"Instance with Menu","order":2},"sys_scope":"global","id":"","_script_execution_time":8,"field_list":"title,short_description,color,class_name,glyph","controller_as":"","providers":[],"_server_time":"0.005"},"instance_id":"8a5c69041b33e3409dbcfc038d4bcb2c","title":"Support"},{"sys_id":"eaf88e1b1bb3eb409dbcfc038d4bcbbc","widget":{"template":"<div class=\"panel panel-default\">\n <div class=\"panel-heading\">\n  <h4 style=\"margin-top: 0; margin-bottom: 0\"><span ng-if=\"::data.glyph\" class=\"fa-stack\"> <i class=\"fa fa-circle text-{{::data.color}} fa-stack-2x\"><\/i> <i class=\"fa fa-{{::data.glyph}} fa-stack-1x fa-inverse\"><\/i> <\/span> <span>{{::data.title}}<\/span><\/h4>\n  <div>\n   {{::data.short_description}}\n  <\/div>\n <\/div>\n <div class=\"list-group\"><a class=\"list-group-item no-border\" href=\"{{::item.href}}\" target=\"_blank\" ng-repeat=\"item in ::data.items\"> <i ng-if=\"::item.glyph\" class=\"fa fa-{{::item.glyph}} m-r-sm\"><\/i> <i ng-if=\"::!item.glyph\" class=\"fa fa-chevron-right m-r-sm\"><\/i> {{::item.label}}<\/a>\n <\/div>\n<\/div>","css":"","data":{"short_description":null,"css":null,"color":"primary","roles":null,"widget_parameters":null,"sp_column":"196d4f1bcb13020000f8d856634c9c01","active":true,"title":"Product","sys_tags":null,"sys_class_name":"sp_instance_menu","url":null,"sys_package":null,"glyph":"asterisk","sys_update_name":null,"size":"md","sys_name":"Product","sys_scope":"global","id":null,"class_name":null,"items":[{"sp_rectangle_menu":"eaf88e1b1bb3eb409dbcfc038d4bcbbc","color":"default","active":true,"sp_page":"eb84cfd7cb13020000f8d856634c9c4b","label":"HCLSoftware Main Site","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"https://www.hcl-software.com/","sys_id":"2d631dbd1b324110494ceb9cbc4bcb56","url_target":"","sys_name":"HCLSoftware Main Site","sys_scope":"global","href":"https://www.hcl-software.com/","items":[],"order":100},{"sp_rectangle_menu":"eaf88e1b1bb3eb409dbcfc038d4bcbbc","color":"default","active":true,"sp_page":"eb84cfd7cb13020000f8d856634c9c4b","label":"My HCLSoftware portal","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"https://my.hcltechsw.com/","sys_id":"9f175da5dbb40a10229b0ad4e2961958","url_target":"","sys_name":"My HCLSoftware portal","sys_scope":"global","href":"https://my.hcltechsw.com/","items":[],"order":150},{"sp_rectangle_menu":"eaf88e1b1bb3eb409dbcfc038d4bcbbc","color":"default","active":true,"sp_page":"eb84cfd7cb13020000f8d856634c9c4b","label":"HCLSoftware Customer Idea Portal (request enhancements)","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"https://www.hcl-software.com/resources/submit-idea","sys_id":"cececcac2bfdf690f150f229fe91bf7b","glyph":"chevron-right","url_target":"","sys_name":"HCLSoftware Customer Idea Portal (request enhancements)","sys_scope":"global","href":"https://www.hcl-software.com/resources/submit-idea","items":[],"order":200},{"sp_rectangle_menu":"eaf88e1b1bb3eb409dbcfc038d4bcbbc","color":"default","active":true,"sp_page":"eb84cfd7cb13020000f8d856634c9c4b","label":" HCLSoftware Product Lifecycle","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"https://www.hcl-software.com/resources/product-release/search","sys_id":"355038601b8bbf40c1f9759d1e4bcb24","glyph":"chevron-right","url_target":"","sys_name":" HCLSoftware Product Lifecycle","sys_scope":"global","href":"https://www.hcl-software.com/resources/product-release/search","items":[],"order":300},{"sp_rectangle_menu":"eaf88e1b1bb3eb409dbcfc038d4bcbbc","color":"default","active":true,"sp_page":"eb84cfd7cb13020000f8d856634c9c4b","label":"HCLSoftware Trust site","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"https://www.hcl-software.com/resources/trust-center","sys_id":"ed54ddbd1b324110494ceb9cbc4bcb91","url_target":"","sys_name":"HCLSoftware Trust site","sys_scope":"global","href":"https://www.hcl-software.com/resources/trust-center","items":[],"order":400},{"kb_article":"6a8fab881b47ecd0534c4159cc4bcb32","sp_rectangle_menu":"eaf88e1b1bb3eb409dbcfc038d4bcbbc","color":"default","active":true,"sp_page":"dea5792147132100ba13a5554ee4902d","label":"HCLSoftware Renewal Pricing Policy","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"/csm?id=kb_article&sysparm_article=KB0121452","sys_id":"04dd5fd4db4c3c50ed77d602ca96194a","glyph":"chevron-right","url_target":"","sys_name":"HCLSoftware Renewal Pricing Policy","sys_scope":"global","href":"/csm?id=kb_article&sysparm_article=KB0121452","items":[],"order":500},{"sp_rectangle_menu":"eaf88e1b1bb3eb409dbcfc038d4bcbbc","color":"default","active":true,"label":"HCLSoftware U Certification Programs","type":"url","sys_tags":"","sys_class_name":"sp_rectangle_menu_item","url":"https://hclsoftwareu.hcltechsw.com/certification-program","sys_id":"67c7be021bcdd150494ceb9cbc4bcbf3","url_target":"","sys_name":"HCLSoftware U Certification Programs","sys_scope":"global","href":"https://hclsoftwareu.hcltechsw.com/certification-program","items":[],"order":600}],"sp_widget":"1281d9eb1b53e7007a3cfee58d4bcb3f","order":"3","sys_policy":null},"roles":"","rectangle_id":"eaf88e1b1bb3eb409dbcfc038d4bcbbc","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"1281d9eb1b53e7007a3cfee58d4bcb3f","public":true,"client_script":"function() {\r  \r  var c = this;\r}\n","name":"HCL icon menu list","options":{"color":"primary","sp_column":"196d4f1bcb13020000f8d856634c9c01","sp_column_dv":"2","active":true,"color_dv":"Primary","title":"Product","sys_tags":"","sys_class_name":"sp_instance_menu","size_dv":"Medium","glyph":"asterisk","sp_widget_dv":"HCL icon menu list","size":"md","sys_name":"Product","sp_widget":"1281d9eb1b53e7007a3cfee58d4bcb3f","sys_class_name_dv":"Instance with Menu","order":3},"sys_scope":"global","id":"hcl_icon_menu_list","_script_execution_time":10,"field_list":"title,short_description,color,class_name,glyph","controller_as":"c","providers":[],"_server_time":"0.005"},"instance_id":"eaf88e1b1bb3eb409dbcfc038d4bcbbc","title":"Product"}],"class_name":"","semantic_tag":"","order":2},{"sys_id":"cf6d0f1bcb13020000f8d856634c9cea","size_classes":"col-sm-4 ","rows":[],"widgets":[{"sys_id":"5f1a10921bf72b409dbcfc038d4bcb28","widget":{"template":"","sys_id":"","data":{},"name":"","id":"","sys_class_name":"","controller_as":""},"instance_id":"5f1a10921bf72b409dbcfc038d4bcb28","title":""},{"sys_id":"c05f0b2b1bd133007a3cfee58d4bcb7b","widget":{"template":"","sys_id":"","data":{},"name":"","id":"","sys_class_name":"","controller_as":""},"instance_id":"c05f0b2b1bd133007a3cfee58d4bcb7b","title":""}],"class_name":"","semantic_tag":"","order":3}],"class_name":"","semantic_tag":"","order":1}],"class_name":"m-t-xl","semantic_tag":"","order":4},{"sys_id":"7106a4151b7980109dbcfc038d4bcbfe","bootstrap_alt":false,"subheader":false,"background":"{\"background-size\":\"initial\",\"background-position\":\"center center\"}","width":"container","container_class_name":"","title":"","rows":[],"class_name":"","semantic_tag":"","order":5}],"page":{"human_readable_url":"","short_description":"Main page of csm portal ","css":"\n.page-eb84cfd7cb13020000f8d856634c9c4b .add-on > button.lookup {\n\tdisplay: none;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .field-has-reference .reference {\n\tdisplay: inline !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .field-has-reference .add-on {\n\tdisplay: table-cell;\n\twidth: 0rem !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .v4f29ea66fb556a10406ff8e94eefdc9d {\n\tbackground-color: #fff !important;\n\tfont-family: \"Roboto\", \"SourceSansPro\", Helvetica, Arial, sans-serif !important;\n\tcolor: #14142B !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .v4f29ea66fb556a10406ff8e94eefdc9d a {\n\tcolor: #ffffff !important;\n\tfont-weight: 500;\n\tfont-size: 1.4rem;\n\ttext-decoration: none;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.page-eb84cfd7cb13020000f8d856634c9c4b .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu {\n\tbackground-color: #fff !important;\n\tborder: none;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .v4f29ea66fb556a10406ff8e94eefdc9d a, \n.page-eb84cfd7cb13020000f8d856634c9c4b .v4f29ea66fb556a10406ff8e94eefdc9d a * {\n\tcolor: #14142B !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .navbar-inverse .navbar-nav > .open > a, \n.page-eb84cfd7cb13020000f8d856634c9c4b .navbar-inverse .navbar-nav > .open > a:hover, \n.page-eb84cfd7cb13020000f8d856634c9c4b .navbar-inverse .navbar-nav > .open > a:focus {\n\tbackground-color: #e6e8ea;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu a:hover {\n\tbackground-color: #e6e8ea !important;\n\tcolor: #a0edf4 !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .navbar-inverse .navbar-nav > li > a:hover, \n.page-eb84cfd7cb13020000f8d856634c9c4b .navbar-inverse .navbar-nav > li > a.dropdown-toggle:hover {\n\tbackground-color: #89d8df !important;\n\tcolor: #14142B !important;\n\tfont-weight: bold !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:hover {\n\tbackground-color: #89d8df !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .v4f29ea66fb556a10406ff8e94eefdc9d .dropdown-menu > li > a:focus:not(:hover) {\n\toutline: none !important;\n\tbox-shadow: none !important;\n\tbackground-color: transparent !important;\n\tborder: none !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .navbar-inverse .navbar-nav > li > a.dropdown-toggle .caret {\n\tbackground-color: transparent;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .v55db35661b57a7009dbcfc038d4bcbc2 .sample-footer {\n\tbackground-color: #14142B;\n\tcolor: white;\n\tpadding: .5rem;\n\ttext-align: center;\n\theight: 3.4rem;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .btn-primary {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .btn-default {\n\tcolor: #fff;\n\tbackground-color: #17707f;\n\tborder-color: #17707f;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .dropdown-toggle:focus, \n.page-eb84cfd7cb13020000f8d856634c9c4b .dropdown-toggle:active, \n.page-eb84cfd7cb13020000f8d856634c9c4b .dropdown-toggle:hover {\n\tbackground-color: transparent !important;\n\toutline: none !important;\n\tbox-shadow: none !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .panel-primary > .panel-heading {\n\tcolor: #14142B;\n\tbackground-color: #e1e4f2;\n\tborder-color: #e1e4f2;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .panel-footer {\n\tcolor: #14142B;\n\tborder-color: #e1e4f2;\n\tbackground-color: #e1e4f2;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .panel-title {\n\tmargin-top: 0;\n\tmargin-bottom: 0;\n\tfont-size: 1.8rem;\n\tcolor: inherit;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b body .padding-top {\n\tpadding-top: 0rem;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b section.page {\n\tbackground-color: #ffffff;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b section.page, \n.page-eb84cfd7cb13020000f8d856634c9c4b section.body {\n\tpadding-top: 0rem !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .banner-container {\n\theight: 23rem;\n\tdisplay: table;\n\twidth: 100%;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .v-h-center {\n\tdisplay: table-cell;\n\tvertical-align: middle;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b #homepage-search {\n\tpadding: 0rem !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b #homepage-search h2 {\n\tfont-size: 3.6rem;\n\tfont-weight: 300;\n\tline-height: 4.2rem;\n\tmargin-top: 0rem;\n\tmargin-bottom: 1rem !important;\n\tcolor: #14142B !important;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b #homepage-search .h4 {\n\tmargin-top: 0rem;\n\tfont-size: 1.8rem;\n\tfont-weight: 300;\n\tline-height: 2.1rem;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b #homepage-search div[widget] .input-group {\n\tmax-width: 57.8rem;\n\tmargin: 0 auto;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b #homepage-search div[widget] .input-group input[name=\"q\"] {\n\theight: 4.2rem;\n\tborder: .12rem solid #939393;\n\tborder-radius: .48rem 0 0 .48rem;\n\tpadding-left: 1.2rem;\n\tpadding-right: 1.2rem;\n\tbox-shadow: none;\n\t-webkit-box-shadow: none;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b #homepage-search div[widget] .input-group input[name=\"q\"]:focus {\n\toutline: .5rem auto #66afe9;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b #homepage-search ::placeholder {\n\tfont-size: 1.6rem;\n\tline-height: 2.5rem;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b #homepage-search :-ms-input-placeholder {\n\tfont-size: 1.6rem;\n\tline-height: 2.5rem;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b #homepage-search div[widget] .input-group .input-group-btn > button {\n\theight: 4.2rem;\n\tmin-width: 4.8rem;\n\tborder: .12rem solid #939393;\n\tborder-radius: 0 .48rem .48rem 0;\n\tpadding: 0;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b h1, \n.page-eb84cfd7cb13020000f8d856634c9c4b h2, \n.page-eb84cfd7cb13020000f8d856634c9c4b h3, \n.page-eb84cfd7cb13020000f8d856634c9c4b h4, \n.page-eb84cfd7cb13020000f8d856634c9c4b h5, \n.page-eb84cfd7cb13020000f8d856634c9c4b h6, \n.page-eb84cfd7cb13020000f8d856634c9c4b .h1, \n.page-eb84cfd7cb13020000f8d856634c9c4b .h2, \n.page-eb84cfd7cb13020000f8d856634c9c4b .h3, \n.page-eb84cfd7cb13020000f8d856634c9c4b .h4, \n.page-eb84cfd7cb13020000f8d856634c9c4b .h5, \n.page-eb84cfd7cb13020000f8d856634c9c4b .h6 {\n\tfont-family: inherit;\n\tfont-weight: 500;\n\tline-height: 1.1;\n\tcolor: #14142B;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b a.list-group-item, \n.page-eb84cfd7cb13020000f8d856634c9c4b button.list-group-item {\n\tcolor: #14142B;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b a {\n\tcolor: #14142b;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b a:hover, \n.page-eb84cfd7cb13020000f8d856634c9c4b a:focus {\n\tcolor: #0B455F;\n}\n\n.page-eb84cfd7cb13020000f8d856634c9c4b .panel-primary > .panel-heading {\n\tcolor: #14142B;\n\tbackground-color: #e1e4f2;\n\tborder-color: #e1e4f2;\n}","internal":false,"has_custom_main_tag":false,"use_seo_script":true,"seo_script_dv":"SPSEOHeaderTagsCSM","title":"HCLSoftware Customer Support portal","sys_tags":"","dynamic_title_structure":"HCLSoftware Customer Support portal","sys_class_name":"sp_page","sys_id":"eb84cfd7cb13020000f8d856634c9c4b","omit_watcher":false,"public":true,"draft":false,"seo_script":"7dcdb303db35c110229b0ad4e29619e8","sys_name":"csm_index","sys_scope":"global","id":"csm_index","static_title":"Customer Service Portal","sys_class_name_dv":"Page"},"user":{"sys_id":"5136503cc611227c0183e96598c4f706","preferred_language_dv":"English","user_name":"guest","logged_in":false,"can_debug":false,"name":"Guest","can_debug_admin":false,"last_name":"Guest","avatar":"","first_name":"","email":"guest@example.com","preferred_language":"en"},"announcements":[],"seotags":[]}}