{"result":{"$$uiNotification":[],"metatags":[{"name":"google-site-verification","content":"PtxrkYnGWZue0hye78zSa6RkdYnE-VVcLm9zMpCvvws"}],"theme":{"footer_fixed":false,"turn_off_scss_compilation":false,"footer":{"template":"<div class=\"it-footer\">\n <div class=\"container\">\n  <div class=\"top\">\n   <h2 class=\"visuallyhidden\">Quick Links<\/h2>\n   <div class=\"row\">\n    <div class=\"col-sm-2\">\n     <h3 class=\"section-title\"><a href=\"it?id=service_groups\">Services<\/a><\/h3>\n     <ul>\n      <li><a href=\"it?id=service_groups\">All Services<\/a><\/li>\n      <li><a href=\"?id=nr_emp_taxonomy_topic&amp;topic_id=e29da00a1bebe1900abba866624bcb94\">Requests<\/a><\/li>\n      <li><a href=\"?id=rates_charges\">Rates &amp; Charges<\/a><\/li>\n      <li><a ng-href=\"{{data.webmail_link}}\">Webmail<\/a><\/li>\n     <\/ul>\n    <\/div><!-- END col -->\n    <div class=\"col-sm-2\">\n     <h3 class=\"section-title\"><a href=\"https://software.yale.edu\">Software &amp; Technology<\/a><\/h3>\n     <ul>\n      <li><a href=\"https://software.yale.edu\">Software Library<\/a><\/li>\n      <li><a href=\"http://software.yale.edu/software-technology/buying-guide\">Buying Guide<\/a><\/li>\n     <\/ul>\n    <\/div><!-- END col -->\n    <div class=\"col-sm-2\">\n     <h3 class=\"section-title\"><a href=\"https://studenttechnology.yale.edu\">Student Resources<\/a><\/h3>\n     <ul>\n      <li><a href=\"https://studenttechnology.yale.edu/new-students\">New Students<\/a><\/li>\n      <li><a href=\"https://studenttechnology.yale.edu/student-resources/graduating-students\">Graduating Students<\/a><\/li>\n      <li><a href=\"https://studenttechnology.yale.edu/student-resources/support-repairs\">Support &amp; Repairs<\/a><\/li>\n      <li><a href=\"https://studenttechnology.yale.edu/student-resources/about-stc\">About STC<\/a><\/li>\n     <\/ul>\n    <\/div><!-- END col -->\n    <div class=\"col-sm-2\">\n     <h3 class=\"section-title\"><a href=\"https://cybersecurity.yale.edu\">Cybersecurity<\/a><\/h3>\n     <ul>\n      <li><a href=\"http://cybersecurity.yale.edu/topics\">Topics<\/a><\/li>\n      <li><a href=\"http://cybersecurity.yale.edu/policies\">Policies<\/a><\/li>\n      <li><a href=\"http://cybersecurity.yale.edu/cybersecurity/information-security-guides\">Guides<\/a><\/li>\n     <\/ul>\n    <\/div><!-- END col -->\n    <div class=\"col-sm-2\">\n     <h3 class=\"section-title\"><a href=\"https://its.yale.edu/about-it\">About IT<\/a><\/h3>\n     <ul>\n      <li><a href=\"http://its.yale.edu/about-it/leadership-organization\">Leadership &amp; Organization<\/a><\/li>\n      <li><a href=\"http://its.yale.edu/about-it/climate-culture\">Climate &amp; Culture<\/a><\/li>\n      <li><a href=\"http://its.yale.edu/about-it/it-decision-making\">IT Decision Making<\/a><\/li>\n      <li><a href=\"http://its.yale.edu/about-it/service-management\">Service Management<\/a><\/li>\n     <\/ul>\n    <\/div><!-- END col -->\n    <div class=\"col-sm-2\">\n     <h3 class=\"section-title\"><a href=\"it?id=get_help\">Get Help<\/a><\/h3>\n     <ul>\n      <li><a href=\"?id=all_support_articles\">How-to Articles<\/a><\/li>\n      <li><a ng-click=\"c.openChatIframe()\" href=\"javascript:void(0)\">Chat<\/a><\/li>\n      <li><a ng-href=\"{{::c.data.incident_link}}\">Report a Problem<\/a><\/li>\n      <li><a href=\"tel:2034329000\" class=\"visible-xs-block\">Call 203-432-9000<\/a> <a ng-click=\"c.openCall()\" href=\"javascript:void(0)\" class=\"hidden-xs\">Call 203-432-9000<\/a><\/li>\n      <li><a ng-href=\"{{data.walk_in_centers_link}}\">Walk-in Centers<\/a><\/li>\n     <\/ul>\n    <\/div><!-- END col -->\n   <\/div><!-- END row -->\n  <\/div><!-- END top -->\n  <div class=\"middle\"><span>Yale<\/span>\n  <\/div><!-- END middle -->\n  <div class=\"bottom\">\n   <ul>\n    <li>Copyright © {{data.year}} <a ng-href=\"{{data.university_link}}\">Yale University<\/a><\/li>\n    <li>All rights reserved.<\/li>\n    <li><a href=\"#\" ng-click=\"c.openAccessibilityLink()\">Accessibility at Yale<\/a><\/li>\n    <li><a ng-href=\"{{data.privacy_policy_link}}\">Privacy Policies<\/a><\/li>\n    <li><a ng-href=\"{{data.nondiscrimination_link}}\">Nondiscriminition/Title IX<\/a><\/li>\n    <li><a ng-href=\"{{data.notice_requirements_link}}\">Federal and State Notice Requirements<\/a><\/li>\n    <li><a target=\"_blank\" ng-href=\"{{data.comments_suggestions_link}}\">Comments or Suggestions<\/a><\/li>\n   <\/ul>\n  <\/div><!-- END bottom -->\n <\/div><!-- END container -->\n<\/div>\n<div class=\"hover-help\">\n <div class=\"toggle-container\"><a class=\"help-toggle\" href=\"javascript:void(0)\" role=\"button\">\n   <div class=\"top\"><span class=\"fa fa-caret-up\"><\/span> <span class=\"fa fa-caret-down\"><\/span>\n   <\/div>\n   <div class=\"bottom\">\n    Help\n   <\/div> <\/a>\n <\/div>\n <ul>\n  <li><a href=\"?id=all_support_articles\">How-to Articles<\/a><\/li>\n  <li><a ng-click=\"c.openChatIframe()\" href=\"javascript:void(0)\">Chat<\/a><\/li>\n  <li><a ng-href=\"{{::c.data.incident_link}}\">Report a Problem<\/a><\/li>\n  <li><a href=\"tel:2034329000\" class=\"visible-xs-block\">Call 203-432-9000<\/a> <a ng-click=\"c.openCall()\" href=\"javascript:void(0)\" class=\"hidden-xs\">Call 203-432-9000<\/a><\/li>\n  <li><a ng-href=\"{{data.walk_in_centers_link}}\">Walk-in Centers<\/a><\/li>\n <\/ul>\n<\/div>\n<div class=\"modal fade footer-chat-modal\" id=\"footerChatModal\">\n <div class=\"modal-dialog modal-lg\">\n  <div class=\"modal-content\">\n   <div class=\"modal-body\">\n    <div class=\"close-button\"><button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"><span aria-hidden=\"true\">×<\/span><\/button>\n    <\/div>\n    <div class=\"embed-responsive embed-responsive-16by9\"><iframe ng-src=\"{{c.iframe_url}}\" class=\"va embed-responsive-item\" sandbox=\"allow-same-origin allow-scripts allow-popups allow-forms\" frameborder=\"0\"><\/iframe>\n    <\/div>\n   <\/div>\n  <\/div><!-- /.modal-content -->\n <\/div><!-- /.modal-dialog -->\n<\/div>\n<div class=\"modal fade\" id=\"footerCallModal\">\n <div class=\"modal-dialog modal-sm\">\n  <div class=\"modal-content\">\n   <div class=\"modal-header\"><button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"><span aria-hidden=\"true\">×<\/span><\/button>\n    <h4 class=\"modal-title\">Call Us<\/h4>\n   <\/div>\n   <div class=\"modal-body\">\n    <p>203-432-9000<\/p>\n   <\/div>\n  <\/div><!-- /.modal-content -->\n <\/div><!-- /.modal-dialog -->\n<\/div>\n<sp-widget widget=\"data['automize-feedback']\"><\/sp-widget>","css":"\n.vfc722a63138e03002558d3228144b023 .alert-count {\n\tborder-radius: 50%;\n\theight: 25px;\n\twidth: 25px;\n\tline-height: 24px;\n\tdisplay: inline-block;\n\tbackground-color: white;\n\tcolor: #1f5596;\n\tmargin-right: 5px;\n}\n\n.vfc722a63138e03002558d3228144b023 .conversation-button-container {\n\tdisplay: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .va {\n\tpadding: 20px;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer {\n\tbackground-color: #000;\n\tpadding: 40px 0px 60px 0px;\n\tcolor: #999;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer a {\n\tcolor: white;\n\t-webkit-transition: color .25s linear 0s;\n\t-moz-transition: color .25s linear 0s;\n\t-ms-transition: color .25s linear 0s;\n\t-o-transition: color .25s linear 0s;\n\ttransition: color .25s linear 0s;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer a:hover, \n.vfc722a63138e03002558d3228144b023 .it-footer a:focus {\n\ttext-decoration: none;\n\tcolor: #978d85;\n}\n@media (min-width: 1200px) {\n\t\n.vfc722a63138e03002558d3228144b023 .it-footer .top .row {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n\t\n.vfc722a63138e03002558d3228144b023 .it-footer .top .col-sm-2 {\n\twidth: initial;\n}\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .top .section-title {\n\tfont-family: \"MalloryMedium\";\n\ttext-transform: uppercase;\n\tfont-size: 14px;\n\tcolor: #71a7ea;\n\tmargin-top: 0px;\n\tmargin-bottom: 1.5em;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .top .section-title a {\n\tcolor: #71a7ea;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .top .section-title a:focus, \n.vfc722a63138e03002558d3228144b023 .it-footer .top .section-title a:hover {\n\ttext-decoration: underline;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .top .section-title::after {\n\tbackground-color: #71a7ea;\n\tcontent: \"\";\n\tdisplay: block;\n\theight: 1px;\n\tmargin-top: 20px;\n\twidth: 36px;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .top .divider {\n\twidth: 36px;\n\tmargin-bottom: 20px;\n\tbackground-color: #71a7ea;\n\theight: 1px;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .top ul {\n\tlist-style: none;\n\tpadding-left: 0px;\n\tmargin-bottom: 40px;\n\tfont-family: \"YaleDesign-Roman\", \"YaleRoman\", TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .top ul  > li {\n\tmargin: 10px 0px;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .middle {\n\tcolor: #fff;\n\tfont-size: 56px;\n\tfont-family: \"YaleDesign-Roman\", \"YaleRoman\", TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;\n\tmargin-bottom: 20px;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer hr {\n\tborder-color: #999;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .bottom {\n\tfont-size: 18px;\n\tfont-family: \"YaleDesign-Roman\", \"YaleRoman\", TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .bottom ul {\n\tlist-style: none;\n\tpadding-left: 0px;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .bottom ul  > li {\n\tdisplay: inline;\n\twhite-space: nowrap;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .bottom ul li:after {\n\tcontent: \" \\00b7\";\n\tmargin: 0px 5px;\n}\n\n.vfc722a63138e03002558d3228144b023 .it-footer .bottom ul li:last-of-type:after {\n\tcontent: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help {\n\tposition: fixed;\n\tbottom: 0px;\n\tright: 200px;\n\twidth: 200px;\n\ttransition: transform .5s ease-in-out;\n\ttransform: translatey(222px);\n\tz-index: 16;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help .help-toggle {\n\tcolor: white;\n\twebkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n\tbox-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n\ttext-align: center;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help .help-toggle:hover, \n.vfc722a63138e03002558d3228144b023 .hover-help .help-toggle:focus {\n\ttext-decoration: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help .fa-caret-up {\n\tdisplay: inline-block;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help .fa-caret-down {\n\tdisplay: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help .top {\n\tbackground-color: #ba5419;\n\tborder-radius: 6px 6px 0px 0px;\n\theight: 19px;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help .top .fa {\n\tfont-size: 32px;\n\tline-height: 16px;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help .bottom {\n\tbackground-color: #ffffff;\n\tcolor: #ba5419;\n\tpadding: 0px 10px;\n\ttext-transform: uppercase;\n\tfont-size: 28px;\n\tfont-weight: bold;\n\theight: 43px;\n\tline-height: 43px;\n\tborder-right: 1px solid #000;\n\tborder-left: 1px solid #000;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help ul {\n\tbackground-color: #ba5419;\n\tlist-style: none;\n\tpadding: 15px 0px;\n\tmargin: 0px;\n\twebkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n\tbox-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help ul  > li {\n\tborder-bottom: 1px solid #fcc4a0;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help ul  > li:last-of-type {\n\tborder-bottom: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help ul  > li  > a {\n\tcolor: #ffffff;\n\tbackground-color: transparent;\n\tpadding: 7px 10px;\n\tdisplay: block;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help ul  > li  > a:hover, \n.vfc722a63138e03002558d3228144b023 .hover-help ul  > li  > a:focus {\n\tbackground-color: transparent;\n\ttext-decoration: underline;\n\tfont-weight: bold;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help.open {\n\ttransform: translatey(0px);\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help.open .fa-caret-up {\n\tdisplay: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-help.open .fa-caret-down {\n\tdisplay: inline-block;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat {\n\tposition: fixed;\n\tbottom: 0px;\n\tleft: 400px;\n\ttext-align: center;\n\ttransition: transform .5s ease-in-out;\n\ttransform: translatey(100%);\n\tz-index: 16;\n\tborder: 1px solid #276dc4;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat .dropdown-backdrop {\n\tdisplay: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat .dropdown-toggle {\n\tfont-size: 20px;\n\tposition: absolute;\n\ttop: -49px;\n\tright: -1px;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat .fa-chevron-up {\n\tdisplay: inline-block;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat .fa-chevron-down {\n\tdisplay: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat .iframe-container {\n\twidth: 500px;\n\theight: 600px;\n\twebkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n\tbox-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat .iframe-container iframe {\n\twidth: 100%;\n\theight: 100%;\n\tborder: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .footer-chat-modal h2 {\n\tmargin-top: 0px;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 {\n\tposition: fixed;\n\tbottom: 0px;\n\tright: 150px;\n\ttext-align: center;\n\ttransition: transform .5s ease-in-out;\n\ttransform: translatey(100%);\n\tz-index: 16;\n\tborder: 1px solid #276dc4;\n\tborder-bottom: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 .chat-close {\n\ttext-align: left;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 .chat-close button {\n\tfont-size: 12px;\n\tborder: none;\n\tbackground-color: transparent;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 ul {\n\tlist-style: none;\n\tpadding: 0px;\n\tbackground-color: #eee;\n\tmargin: 0px;\n\twebkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n\tbox-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 ul  > li {\n\tborder-bottom: 1px solid #ddd;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 ul  > li:last-of-type {\n\tborder-bottom: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 ul  > li  > a {\n\tcolor: #333;\n\tbackground-color: #eee;\n\tpadding: 10px;\n\tdisplay: block;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 ul  > li  > a:hover, \n.vfc722a63138e03002558d3228144b023 .hover-chat2 ul  > li  > a:focus {\n\tbackground-color: #ddd;\n\ttext-decoration: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 .dropdown-backdrop {\n\tdisplay: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 .dropdown-toggle {\n\tfont-size: 20px;\n\tposition: absolute;\n\ttop: -49px;\n\tright: -1px;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 .fa-chevron-up {\n\tdisplay: inline-block;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 .fa-chevron-down {\n\tdisplay: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 .chat-container {\n\twidth: 500px;\n\theight: 600px;\n\twebkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n\tbox-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n\tbackground-color: white;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2 .chat-container iframe {\n\twidth: 100%;\n\theight: calc(100% - 22px);\n\tborder: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat.open {\n\ttransform: translatey(0px);\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat.open .fa-chevron-up {\n\tdisplay: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat.open .fa-chevron-down {\n\tdisplay: inline-block;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2.open {\n\ttransform: translatey(0px);\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2.open .fa-chevron-up {\n\tdisplay: none;\n}\n\n.vfc722a63138e03002558d3228144b023 .hover-chat2.open .fa-chevron-down {\n\tdisplay: inline-block;\n}\n@media (min-width: 768px) {\n\t\n.vfc722a63138e03002558d3228144b023 .section-title {\n\tmin-height: 38px;\n}\n}\n@media (max-width: 768px) {\n\t\n.vfc722a63138e03002558d3228144b023 .hover-help {\n\tright: 15px;\n}\n\t\n.vfc722a63138e03002558d3228144b023 .toggle-container {\n\ttext-align: right;\n}\n\t\n.vfc722a63138e03002558d3228144b023 .help-toggle {\n\tdisplay: inline-block;\n}\n}","static":false,"async_load":false,"data":{"automize-feedback":{"template":"","sys_id":"","data":{},"name":"","id":"","sys_class_name":"","controller_as":""},"year":2026,"software_link":"?id=service_offering&sys_id=0e688dcd6fbb31007ee2abcf9f3ee416","incident_link":"?id=incident_form&prefill_u_business_service=19688dcd6fbb31007ee2abcf9f3ee40a&prefill_u_category=e13bd1c16ffb31007ee2abcf9f3ee4cb","webmail_link":"?id=support_article&sys_id=d8a35d64db842340e541a6e51b961918","accessibility_link":"https://usability.yale.edu/web-accessibility/accessibility-yale","business_service":"19688dcd6fbb31007ee2abcf9f3ee40a","privacy_policy_link":"https://www.yale.edu/privacy-policy","multisso_enabled":true,"default_idp":"83ebe5f4dbefdac49b1afce0ef961958","comments_suggestions_link":"/it?id=its_website_feedback","notice_requirements_link":"https://your.yale.edu/node/23056","is_logged_in":false,"nondiscrimination_link":"https://www.yale.edu/nondiscrimination","connect_support_queue_id":"","walk_in_centers_link":"http://its.yale.edu/walk-centers","chat_url":"","category":"e13bd1c16ffb31007ee2abcf9f3ee4cb","university_link":"https://www.yale.edu"},"roles":"","link":"function(scope, element) {\n\t$(\".hover-help\").mouseenter(function() {\n\t\t$(this).addClass('open');\n\t}).mouseleave(function() {\n\t\t$(this).removeClass('open');\n\t});\n\n\t$(\".hover-help a.help-toggle\").click(function() {\n\t\t$(this).parent().parent().toggleClass('open');\n\t}).focus(function() {\n\t\t$(this).parent().parent().addClass('open');\n\t});\n\n\t$('.hover-chat2 .no-close').click(function(e) {\n\t\te.stopPropagation();\n\t});\n}","_metastack_size":0,"option_schema":"","sys_class_name":"sp_header_footer","dependencies":[],"sys_id":"fc722a63138e03002558d3228144b023","public":true,"client_script":"function($scope, $sce, spUtil, $window, $timeout) {\n\tvar c = this;\n\t\t\n\tc.init = function() {\n\t\tc.iframe_url = $sce.trustAsResourceUrl('about:blank');\n\t\tc.userID = $scope.user.sys_id;\n\t\tc.handleChatCookie();\n\t};\n\tfunction removeOpenChatCookie() {\n\t\tCookies.remove('open_chat', {path: ''});\n\t}\n\tfunction setOpenChatCookie() {\n\t\tCookies.set('open_chat', 'true', {path: ''});\n\t}\n\tc.handleChatCookie = function() {\n\t\tvar chat_cookie = Cookies.get('open_chat');\n\t\tif (chat_cookie == 'true') {\n\t\t\tremoveOpenChatCookie();\n\t\t\tif (c.data.is_logged_in) {\n\t\t\t\tc.openChatIframe();\n\t\t\t}\n\t\t}\n\t};\n\tc.openCall = function() {\n\t\t$('#footerCallModal').modal('show');\n\t};\n\tc.loginRedirect = function() {\n\t\t$timeout(function() {\n$window.location = \"/login_with_sso.do?glide_sso_id=\" + c.data.default_idp;\n\t\t}, 100);\n\t};\n\tc.openChatIframe = function() {\n\t\tif (!c.data.is_logged_in) {\n\t\t\tsetOpenChatCookie();\n\t\t\tc.loginRedirect();\n\t\t} else if(typeof $window.orientation == 'undefined'){\n\t\t\tc.iframe_url = $sce.trustAsResourceUrl(c.data.chat_url);\n\t\t\t$('#footerChatModal').modal('show');\n\t\t}else if(typeof $window.orientation !== 'undefined'){\n\t\t\t$window.open(c.data.chat_url, '_blank');\n\t\t}\n\t};\n\tc.openPopUp = function() {\n\t\tvar url = c.data.chat_url;\n\t\tvar popup = window.open(url, \"popup\", \"width=900, height=600\");\n\t};\n\t\n\tc.openAccessibilityLink = function() {\t\t\n\t\tvar link = c.data.accessibility_link,\n\t\t\t\tcurrUrl = $window.location.href;\n\t\t\n\t\tif (link) {\t\t\n\t\t\tlink += (\n\t\t\t\t'&ref_url=' +\n\t\t\t\tcurrUrl\n\t\t\t);\n\t\t\t\n\t\t\t$window.open(link, '_blank');\n\t\t}\n\t}\n\tc.init();\n}\n","name":"IT - Footer","options":{"u_image":"","async_load":false,"preserve_placeholder_size":false,"sp_widget_dv":"","u_template_dv":"","advanced_placeholder_dimensions":false,"sp_column_dv":"","active":false,"sys_tags":"","order":-1},"sys_scope":"global","id":"","_script_execution_time":24,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.006"},"footer_dv":"IT - Footer","navbar_fixed":false,"matching_now_experience_theme_dv":"","sys_tags":"","header_dv":"IT - Header","sys_class_name":"sp_theme","css_variables":"//\r\n// Variables\r\n// --------------------------------------------------\r\n\r\n//== Yale Specific\r\n//\r\n\r\n//Blues\r\n$yale-marine:            #276dc4;\r\n$yale-marine-lighter:    lighten($yale-marine, 5%);\r\n$yale-blue:              #003c76;\r\n$yale-blue-lighter:      lighten($yale-blue, 5%);\r\n$yale-blue-it:           #63aaff;\r\n$yale-marine-dark:       #32589f;\r\n\r\n$yale-footer-blue: \t\t #71a7ea;\r\n$yale-light-blue: \t\t #1d69c4;\r\n\r\n//Grays\r\n$yale-medium-gray:       #786f67;\r\n$yale-black:             #222222;\r\n$yale-dark-gray:         #4a4a4a;\r\n$yale-light-gray:        #dddddd;\r\n$yale-off-white:         #f9f9f9;\r\n\r\n//Accent Colors\r\n$yale-green:             #5f712d;\r\n$yale-purple:            #9808a6;\r\n$yale-orange:            #bd5319;\r\n$yale-orange-lighter:    lighten($yale-orange, 5%);\r\n$yale-orange-darker:     darken($yale-orange, 5%);\r\n$yale-red:               #af1109;\r\n\r\n//== Colors\r\n//\r\n//## Gray and brand colors for use across Bootstrap.\r\n\r\n$gray-base:              #000 !default;\r\n$gray-darker:            lighten($gray-base, 13.5%) !default; // #222\r\n$gray-dark:              lighten($gray-base, 20%) !default;   // #333\r\n$gray:                   lighten($gray-base, 33.5%) !default; // #555\r\n\r\n//## Modified from lighten($gray-base, 46.7%) !default; // #777 for accessibility\r\n$gray-light:             #757575 !default;\r\n\r\n$gray-lighter:           lighten($gray-base, 93.5%) !default; // #eee\r\n\r\n$brand-primary:         $yale-marine;\r\n$brand-success:         $yale-blue;\r\n$brand-info:            #5bc0de !default;\r\n$brand-warning:         $yale-orange;\r\n$brand-danger:          $yale-red;\r\n\r\n\r\n//== Scaffolding\r\n//\r\n//## Settings for some of the most global styles.\r\n\r\n//** Background color for '<body>'.\r\n$body-bg:               #fff !default;\r\n//** Global text color on '<body>'.\r\n$text-color:            $gray-dark !default;\r\n\r\n//** Global textual link color.\r\n$link-color:            #286dc0;\r\n//** Link hover color set via 'darken()' function.\r\n$link-hover-color:      darken($link-color, 15%) !default;\r\n//** Link hover decoration.\r\n$link-hover-decoration: underline !default;\r\n\r\n\r\n//== Typography\r\n//\r\n//## Font, line-height, and color for body text, headings, and more.\r\n\r\n$font-family-sans-serif:  \"MalloryLight\", \"Open Sans\", sans-serif;\r\n$font-family-serif:       \"YaleDesign-Roman\", \"YaleRoman\", TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;\r\n//** Default monospace fonts for '<code>', '<kbd>', and '<pre>'.\r\n$font-family-monospace:   Menlo, Monaco, Consolas, \"Courier New\", monospace !default;\r\n$font-family-base:        $font-family-sans-serif !default;\r\n\r\n$font-size-base:          16px;\r\n$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px\r\n$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px\r\n\r\n$font-size-h1:            40px !default; \r\n$font-size-h2:            32px !default\r\n$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px\r\n$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px\r\n$font-size-h5:            $font-size-base !default;\r\n$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px\r\n\r\n//** Unit-less 'line-height' for use in components like buttons.\r\n$line-height-base:        1.428571429 !default; // 20/14\r\n//** Computed \"line-height\" ('font-size' * 'line-height') for use with 'margin', 'padding', etc.\r\n$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px\r\n\r\n//** By default, this inherits from the '<body>'.\r\n$headings-font-family:    $font-family-serif !default;\r\n$headings-font-weight:    normal !default;\r\n$headings-line-height:    normal !default;\r\n$headings-color:          $yale-blue !default;\r\n\r\n//== Components\r\n//\r\n//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\r\n\r\n$padding-base-vertical:     6px !default;\r\n$padding-base-horizontal:   12px !default;\r\n\r\n$padding-large-vertical:    10px !default;\r\n$padding-large-horizontal:  16px !default;\r\n\r\n$padding-small-vertical:    5px !default;\r\n$padding-small-horizontal:  10px !default;\r\n\r\n$padding-xs-vertical:       1px !default;\r\n$padding-xs-horizontal:     5px !default;\r\n\r\n$line-height-large:         1.3333333 !default; // extra decimals for Win 8.1 Chrome\r\n$line-height-small:         1.5 !default;\r\n\r\n$border-radius-base:        0px;\r\n$border-radius-large:       0px;\r\n$border-radius-small:       0px;\r\n\r\n//** Global color for active items (e.g., navs or dropdowns).\r\n$component-active-color:    #fff !default;\r\n//** Global background color for active items (e.g., navs or dropdowns).\r\n$component-active-bg:       $brand-primary !default;\r\n\r\n//** Width of the 'border' for generating carets that indicate dropdowns.\r\n$caret-width-base:          4px !default;\r\n//** Carets increase slightly in size for larger components.\r\n$caret-width-large:         5px !default;\r\n\r\n\r\n//== Tables\r\n//\r\n//## Customizes the '.table' component with basic values, each used across all table variations.\r\n\r\n//** Padding for '<th>'s and '<td>'s.\r\n$table-cell-padding:            8px !default;\r\n//** Padding for cells in '.table-condensed'.\r\n$table-condensed-cell-padding:  5px !default;\r\n\r\n//** Default background color used for all tables.\r\n$table-bg:                      transparent !default;\r\n//** Background color used for '.table-striped'.\r\n$table-bg-accent:               #f9f9f9 !default;\r\n//** Background color used for '.table-hover'.\r\n$table-bg-hover:                #f5f5f5 !default;\r\n$table-bg-active:               $table-bg-hover !default;\r\n\r\n//** Border color for table and cell borders.\r\n$table-border-color:            #ddd !default;\r\n\r\n\r\n//== Buttons\r\n//\r\n//## For each of Bootstrap's buttons, define text, background and border color.\r\n\r\n$btn-font-weight:                normal !default;\r\n\r\n$btn-default-color:              white !default;\r\n$btn-default-bg:                 $yale-marine !default;\r\n$btn-default-border:             transparent !default;\r\n\r\n$btn-primary-color:              white !default;\r\n$btn-primary-bg:                 #4a90e2; !default;\r\n$btn-primary-border:             transparent !default;\r\n\r\n$btn-success-color:              white !default;\r\n$btn-success-bg:                 $brand-success !default;\r\n$btn-success-border:             transparent !default;\r\n\r\n$btn-info-color:                 white !default;\r\n$btn-info-bg:                    $yale-medium-gray !default;\r\n$btn-info-border:                transparent !default;\r\n\r\n$btn-warning-color:              white !default;\r\n$btn-warning-bg:                 $brand-warning !default;\r\n$btn-warning-border:             transparent !default;\r\n\r\n$btn-danger-color:               white !default;\r\n$btn-danger-bg:                  $brand-danger !default;\r\n$btn-danger-border:              transparent !default;\r\n\r\n$btn-link-disabled-color:        $gray-light !default;\r\n\r\n// Allows for customizing button radius independently from global border radius\r\n$btn-border-radius-base:         $border-radius-base;\r\n$btn-border-radius-large:        $border-radius-large;\r\n$btn-border-radius-small:        $border-radius-small;\r\n\r\n\r\n//== Forms\r\n//\r\n//##\r\n\r\n//** '<input>' background color\r\n$input-bg:                       #fff !default;\r\n//** '<input disabled>' background color\r\n$input-bg-disabled:              $gray-lighter !default;\r\n\r\n//** Text color for '<input>'s\r\n$input-color:                    $gray !default;\r\n//** '<input>' border color\r\n$input-border:                   #ccc !default;\r\n\r\n// TODO: Rename '$input-border-radius' to '$input-border-radius-base' in v4\r\n//** Default '.form-control' border radius\r\n// This has no effect on '<select>'s in some browsers, due to the limited stylability of '<select>'s in CSS.\r\n$input-border-radius:            $border-radius-base;\r\n//** Large '.form-control' border radius\r\n$input-border-radius-large:      $border-radius-large;\r\n//** Small '.form-control' border radius\r\n$input-border-radius-small:      $border-radius-small;\r\n\r\n//** Border color for inputs on focus\r\n$input-border-focus:             #66afe9 !default;\r\n\r\n//** Placeholder text color\r\n$input-color-placeholder:        #999 !default;\r\n\r\n//** Default '.form-control' height\r\n$input-height-base:              ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;\r\n//** Large '.form-control' height\r\n$input-height-large:             (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;\r\n//** Small '.form-control' height\r\n$input-height-small:             (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;\r\n\r\n//** '.form-group' margin\r\n$form-group-margin-bottom:       15px !default;\r\n\r\n$legend-color:                   $gray-dark !default;\r\n$legend-border-color:            #e5e5e5 !default;\r\n\r\n//** Background color for textual input addons\r\n$input-group-addon-bg:           $gray-lighter !default;\r\n//** Border color for textual input addons\r\n$input-group-addon-border-color: $input-border !default;\r\n\r\n//** Disabled cursor for form controls and buttons.\r\n$cursor-disabled:                not-allowed !default;\r\n\r\n\r\n//== Dropdowns\r\n//\r\n//## Dropdown menu container and contents.\r\n\r\n//** Background for the dropdown menu.\r\n$dropdown-bg:                    #fff !default;\r\n//** Dropdown menu 'border-color'.\r\n$dropdown-border:                rgba(0,0,0,.15) !default;\r\n//** Dropdown menu 'border-color' **for IE8**.\r\n$dropdown-fallback-border:       #ccc !default;\r\n//** Divider color for between dropdown items.\r\n$dropdown-divider-bg:            #e5e5e5 !default;\r\n\r\n//** Dropdown link text color.\r\n$dropdown-link-color:            $gray-dark !default;\r\n//** Hover color for dropdown links.\r\n$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;\r\n//** Hover background for dropdown links.\r\n$dropdown-link-hover-bg:         #f5f5f5 !default;\r\n\r\n//** Active dropdown menu item text color.\r\n$dropdown-link-active-color:     $component-active-color !default;\r\n//** Active dropdown menu item background color.\r\n$dropdown-link-active-bg:        $component-active-bg !default;\r\n\r\n//** Disabled dropdown menu item background color.\r\n$dropdown-link-disabled-color:   $gray-light !default;\r\n\r\n//** Text color for headers within dropdown menus.\r\n$dropdown-header-color:          $gray-light !default;\r\n\r\n//** Deprecated '$dropdown-caret-color' as of v3.1.0\r\n$dropdown-caret-color:           #000 !default;\r\n\r\n\r\n//-- Z-index master list\r\n//\r\n// Warning: Avoid customizing these values. They're used for a bird's eye view\r\n// of components dependent on the z-axis and are designed to all work together.\r\n//\r\n// Note: These variables are not generated into the Customizer.\r\n\r\n$zindex-navbar:            1000 !default;\r\n$zindex-dropdown:          1000 !default;\r\n$zindex-popover:           1060 !default;\r\n$zindex-tooltip:           1070 !default;\r\n$zindex-navbar-fixed:      1030 !default;\r\n$zindex-modal-background:  1040 !default;\r\n$zindex-modal:             1050 !default;\r\n\r\n\r\n//== Media queries breakpoints\r\n//\r\n//## Define the breakpoints at which your layout will change, adapting to different screen sizes.\r\n\r\n// Extra small screen / phone\r\n//** Deprecated '$screen-xs' as of v3.0.1\r\n$screen-xs:                  480px !default;\r\n//** Deprecated '$screen-xs-min' as of v3.2.0\r\n$screen-xs-min:              $screen-xs !default;\r\n//** Deprecated '$screen-phone' as of v3.0.1\r\n$screen-phone:               $screen-xs-min !default;\r\n\r\n// Small screen / tablet\r\n//** Deprecated '$screen-sm' as of v3.0.1\r\n$screen-sm:                  768px !default;\r\n$screen-sm-min:              $screen-sm !default;\r\n//** Deprecated '$screen-tablet' as of v3.0.1\r\n$screen-tablet:              $screen-sm-min !default;\r\n\r\n// Medium screen / desktop\r\n//** Deprecated '$screen-md' as of v3.0.1\r\n$screen-md:                  992px !default;\r\n$screen-md-min:              $screen-md !default;\r\n//** Deprecated '$screen-desktop' as of v3.0.1\r\n$screen-desktop:             $screen-md-min !default;\r\n\r\n// Large screen / wide desktop\r\n//** Deprecated '$screen-lg' as of v3.0.1\r\n$screen-lg:                  1200px !default;\r\n$screen-lg-min:              $screen-lg !default;\r\n//** Deprecated '$screen-lg-desktop' as of v3.0.1\r\n$screen-lg-desktop:          $screen-lg-min !default;\r\n\r\n// So media queries don't overlap when required, provide a maximum\r\n$screen-xs-max:              ($screen-sm-min - 1) !default;\r\n$screen-sm-max:              ($screen-md-min - 1) !default;\r\n$screen-md-max:              ($screen-lg-min - 1) !default;\r\n\r\n\r\n//== Grid system\r\n//\r\n//## Define your custom responsive grid.\r\n\r\n//** Number of columns in the grid.\r\n$grid-columns:              12 !default;\r\n//** Padding between columns. Gets divided in half for the left and right.\r\n$grid-gutter-width:         30px;\r\n// Navbar collapse\r\n//** Point at which the navbar becomes uncollapsed.\r\n$grid-float-breakpoint:     $screen-sm-min !default;\r\n//** Point at which the navbar begins collapsing.\r\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;\r\n\r\n\r\n//== Container sizes\r\n//\r\n//## Define the maximum width of '.container' for different screen sizes.\r\n\r\n// Small screen / tablet\r\n$container-tablet:             (720px + $grid-gutter-width) !default;\r\n//** For '$screen-sm-min' and up.\r\n$container-sm:                 $container-tablet !default;\r\n\r\n// Medium screen / desktop\r\n$container-desktop:            (940px + $grid-gutter-width) !default;\r\n//** For '$screen-md-min' and up.\r\n$container-md:                 $container-desktop !default;\r\n\r\n// Large screen / wide desktop\r\n$container-large-desktop:      (1140px + $grid-gutter-width) !default;\r\n//** For '$screen-lg-min' and up.\r\n$container-lg:                 $container-large-desktop !default;\r\n\r\n\r\n//== Navbar\r\n//\r\n//##\r\n\r\n// Basics of a navbar\r\n$navbar-height:                    50px !default;\r\n$navbar-margin-bottom:             $line-height-computed !default;\r\n$navbar-border-radius:             $border-radius-base;\r\n$navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;\r\n$navbar-padding-vertical:          (($navbar-height - $line-height-computed) / 2) !default;\r\n$navbar-collapse-max-height:       340px !default;\r\n\r\n$navbar-default-color:             #777 !default;\r\n$navbar-default-bg:                #f8f8f8 !default;\r\n$navbar-default-border:            darken($navbar-default-bg, 6.5%) !default;\r\n\r\n// Navbar links\r\n$navbar-default-link-color:                #777 !default;\r\n$navbar-default-link-hover-color:          #333 !default;\r\n$navbar-default-link-hover-bg:             transparent !default;\r\n$navbar-default-link-active-color:         #555 !default;\r\n$navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%) !default;\r\n$navbar-default-link-disabled-color:       #ccc !default;\r\n$navbar-default-link-disabled-bg:          transparent !default;\r\n\r\n// Navbar brand label\r\n$navbar-default-brand-color:               $navbar-default-link-color !default;\r\n$navbar-default-brand-hover-color:         darken($navbar-default-brand-color, 10%) !default;\r\n$navbar-default-brand-hover-bg:            transparent !default;\r\n\r\n// Navbar toggle\r\n$navbar-default-toggle-hover-bg:           #ddd !default;\r\n$navbar-default-toggle-icon-bar-bg:        #888 !default;\r\n$navbar-default-toggle-border-color:       #ddd !default;\r\n\r\n\r\n//=== Inverted navbar\r\n// Reset inverted navbar basics\r\n$navbar-inverse-color:                      lighten($gray-light, 15%) !default;\r\n$navbar-inverse-bg:                         #222 !default;\r\n$navbar-inverse-border:                     darken($navbar-inverse-bg, 10%) !default;\r\n\r\n// Inverted navbar links\r\n$navbar-inverse-link-color:                 lighten($gray-light, 15%) !default;\r\n$navbar-inverse-link-hover-color:           #fff !default;\r\n$navbar-inverse-link-hover-bg:              transparent !default;\r\n$navbar-inverse-link-active-color:          $navbar-inverse-link-hover-color !default;\r\n$navbar-inverse-link-active-bg:             darken($navbar-inverse-bg, 10%) !default;\r\n$navbar-inverse-link-disabled-color:        #444 !default;\r\n$navbar-inverse-link-disabled-bg:           transparent !default;\r\n\r\n// Inverted navbar brand label\r\n$navbar-inverse-brand-color:                $navbar-inverse-link-color !default;\r\n$navbar-inverse-brand-hover-color:          #fff !default;\r\n$navbar-inverse-brand-hover-bg:             transparent !default;\r\n\r\n// Inverted navbar toggle\r\n$navbar-inverse-toggle-hover-bg:            #333 !default;\r\n$navbar-inverse-toggle-icon-bar-bg:         #fff !default;\r\n$navbar-inverse-toggle-border-color:        #333 !default;\r\n\r\n\r\n//== Navs\r\n//\r\n//##\r\n\r\n//=== Shared nav styles\r\n$nav-link-padding:                          10px 15px !default;\r\n$nav-link-hover-bg:                         $gray-lighter !default;\r\n\r\n$nav-disabled-link-color:                   $gray-light !default;\r\n$nav-disabled-link-hover-color:             $gray-light !default;\r\n\r\n//== Tabs\r\n$nav-tabs-border-color:                     #ddd !default;\r\n\r\n$nav-tabs-link-hover-border-color:          $gray-lighter !default;\r\n\r\n$nav-tabs-active-link-hover-bg:             $body-bg !default;\r\n$nav-tabs-active-link-hover-color:          $gray !default;\r\n$nav-tabs-active-link-hover-border-color:   #ddd !default;\r\n\r\n$nav-tabs-justified-link-border-color:            #ddd !default;\r\n$nav-tabs-justified-active-link-border-color:     $body-bg !default;\r\n\r\n//== Pills\r\n$nav-pills-border-radius:                   $border-radius-base;\r\n$nav-pills-active-link-hover-bg:            $component-active-bg !default;\r\n$nav-pills-active-link-hover-color:         $component-active-color !default;\r\n\r\n\r\n//== Pagination\r\n//\r\n//##\r\n\r\n$pagination-color:                     $link-color !default;\r\n$pagination-bg:                        #fff !default;\r\n$pagination-border:                    #ddd !default;\r\n\r\n$pagination-hover-color:               $link-hover-color !default;\r\n$pagination-hover-bg:                  $gray-lighter !default;\r\n$pagination-hover-border:              #ddd !default;\r\n\r\n$pagination-active-color:              #fff !default;\r\n$pagination-active-bg:                 $brand-primary !default;\r\n$pagination-active-border:             $brand-primary !default;\r\n\r\n$pagination-disabled-color:            $gray-light !default;\r\n$pagination-disabled-bg:               #fff !default;\r\n$pagination-disabled-border:           #ddd !default;\r\n\r\n\r\n//== Pager\r\n//\r\n//##\r\n\r\n$pager-bg:                             $pagination-bg !default;\r\n$pager-border:                         $pagination-border !default;\r\n$pager-border-radius:                  0px;\r\n\r\n$pager-hover-bg:                       $pagination-hover-bg !default;\r\n\r\n$pager-active-bg:                      $pagination-active-bg !default;\r\n$pager-active-color:                   $pagination-active-color !default;\r\n\r\n$pager-disabled-color:                 $pagination-disabled-color !default;\r\n\r\n\r\n//== Jumbotron\r\n//\r\n//##\r\n\r\n$jumbotron-padding:              30px !default;\r\n$jumbotron-color:                inherit !default;\r\n$jumbotron-bg:                   $gray-lighter !default;\r\n$jumbotron-heading-color:        inherit !default;\r\n$jumbotron-font-size:            ceil(($font-size-base * 1.5)) !default;\r\n$jumbotron-heading-font-size:    ceil(($font-size-base * 4.5)) !default;\r\n\r\n\r\n//== Form states and alerts\r\n//\r\n//## Define colors for form feedback states and, by default, alerts.\r\n\r\n$state-success-text:             #3c763d !default;\r\n$state-success-bg:               #dff0d8 !default;\r\n$state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%) !default;\r\n\r\n$state-info-text:                #31708f !default;\r\n$state-info-bg:                  #d9edf7 !default;\r\n$state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%) !default;\r\n\r\n$state-warning-text:             #8a6d3b !default;\r\n$state-warning-bg:               #fcf8e3 !default;\r\n$state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%) !default;\r\n\r\n$state-danger-text:              #a94442 !default;\r\n$state-danger-bg:                #f2dede !default;\r\n$state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%) !default;\r\n\r\n\r\n//== Tooltips\r\n//\r\n//##\r\n\r\n//** Tooltip max width\r\n$tooltip-max-width:           200px !default;\r\n//** Tooltip text color\r\n$tooltip-color:               #fff !default;\r\n//** Tooltip background color\r\n$tooltip-bg:                  #000 !default;\r\n$tooltip-opacity:             .9 !default;\r\n\r\n//** Tooltip arrow width\r\n$tooltip-arrow-width:         5px !default;\r\n//** Tooltip arrow color\r\n$tooltip-arrow-color:         $tooltip-bg !default;\r\n\r\n\r\n//== Popovers\r\n//\r\n//##\r\n\r\n//** Popover body background color\r\n$popover-bg:                          #fff !default;\r\n//** Popover maximum width\r\n$popover-max-width:                   276px !default;\r\n//** Popover border color\r\n$popover-border-color:                rgba(0,0,0,.2) !default;\r\n//** Popover fallback border color\r\n$popover-fallback-border-color:       #ccc !default;\r\n\r\n//** Popover title background color\r\n$popover-title-bg:                    darken($popover-bg, 3%) !default;\r\n\r\n//** Popover arrow width\r\n$popover-arrow-width:                 10px !default;\r\n//** Popover arrow color\r\n$popover-arrow-color:                 $popover-bg !default;\r\n\r\n//** Popover outer arrow width\r\n$popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;\r\n//** Popover outer arrow color\r\n$popover-arrow-outer-color:           fade_in($popover-border-color, 0.05) !default;\r\n//** Popover outer arrow fallback color\r\n$popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%) !default;\r\n\r\n\r\n//== Labels\r\n//\r\n//##\r\n\r\n//** Default label background color\r\n$label-default-bg:            $gray-light !default;\r\n//** Primary label background color\r\n$label-primary-bg:            $brand-primary !default;\r\n//** Success label background color\r\n$label-success-bg:            $brand-success !default;\r\n//** Info label background color\r\n$label-info-bg:               $brand-info !default;\r\n//** Warning label background color\r\n$label-warning-bg:            $brand-warning !default;\r\n//** Danger label background color\r\n$label-danger-bg:             $brand-danger !default;\r\n\r\n//** Default label text color\r\n$label-color:                 #fff !default;\r\n//** Default text color of a linked label\r\n$label-link-hover-color:      #fff !default;\r\n\r\n\r\n//== Modals\r\n//\r\n//##\r\n\r\n//** Padding applied to the modal body\r\n$modal-inner-padding:         15px !default;\r\n\r\n//** Padding applied to the modal title\r\n$modal-title-padding:         15px !default;\r\n//** Modal title line-height\r\n$modal-title-line-height:     $line-height-base !default;\r\n\r\n//** Background color of modal content area\r\n$modal-content-bg:                             #fff !default;\r\n//** Modal content border color\r\n$modal-content-border-color:                   rgba(0,0,0,.2) !default;\r\n//** Modal content border color **for IE8**\r\n$modal-content-fallback-border-color:          #999 !default;\r\n\r\n//** Modal backdrop background color\r\n$modal-backdrop-bg:           #000 !default;\r\n//** Modal backdrop opacity\r\n$modal-backdrop-opacity:      .5 !default;\r\n//** Modal header border color\r\n$modal-header-border-color:   #e5e5e5 !default;\r\n//** Modal footer border color\r\n$modal-footer-border-color:   $modal-header-border-color !default;\r\n\r\n$modal-lg:                    900px !default;\r\n$modal-md:                    600px !default;\r\n$modal-sm:                    300px !default;\r\n\r\n\r\n//== Alerts\r\n//\r\n//## Define alert colors, border radius, and padding.\r\n\r\n$alert-padding:               15px !default;\r\n$alert-border-radius:         $border-radius-base;\r\n$alert-link-font-weight:      bold !default;\r\n\r\n$alert-success-bg:            $state-success-bg !default;\r\n$alert-success-text:          $state-success-text !default;\r\n$alert-success-border:        $state-success-border !default;\r\n\r\n$alert-info-bg:               $state-info-bg !default;\r\n$alert-info-text:             $state-info-text !default;\r\n$alert-info-border:           $state-info-border !default;\r\n\r\n$alert-warning-bg:            $state-warning-bg !default;\r\n$alert-warning-text:          $state-warning-text !default;\r\n$alert-warning-border:        $state-warning-border !default;\r\n\r\n$alert-danger-bg:             $state-danger-bg !default;\r\n$alert-danger-text:           $state-danger-text !default;\r\n$alert-danger-border:         $state-danger-border !default;\r\n\r\n\r\n//== Progress bars\r\n//\r\n//##\r\n\r\n//** Background color of the whole progress component\r\n$progress-bg:                 #f5f5f5 !default;\r\n//** Progress bar text color\r\n$progress-bar-color:          #fff !default;\r\n//** Variable for setting rounded corners on progress bar.\r\n$progress-border-radius:      $border-radius-base;\r\n\r\n//** Default progress bar color\r\n$progress-bar-bg:             $brand-primary !default;\r\n//** Success progress bar color\r\n$progress-bar-success-bg:     $brand-success !default;\r\n//** Warning progress bar color\r\n$progress-bar-warning-bg:     $brand-warning !default;\r\n//** Danger progress bar color\r\n$progress-bar-danger-bg:      $brand-danger !default;\r\n//** Info progress bar color\r\n$progress-bar-info-bg:        $brand-info !default;\r\n\r\n\r\n//== List group\r\n//\r\n//##\r\n\r\n//** Background color on '.list-group-item'\r\n$list-group-bg:                 #fff !default;\r\n//** '.list-group-item' border color\r\n$list-group-border:             #ddd !default;\r\n//** List group border radius\r\n$list-group-border-radius:      $border-radius-base;\r\n\r\n//** Background color of single list items on hover\r\n$list-group-hover-bg:           #f5f5f5 !default;\r\n//** Text color of active list items\r\n$list-group-active-color:       $component-active-color !default;\r\n//** Background color of active list items\r\n$list-group-active-bg:          $component-active-bg !default;\r\n//** Border color of active list elements\r\n$list-group-active-border:      $list-group-active-bg !default;\r\n//** Text color for content within active list items\r\n$list-group-active-text-color:  lighten($list-group-active-bg, 40%) !default;\r\n\r\n//** Text color of disabled list items\r\n$list-group-disabled-color:      $gray-light !default;\r\n//** Background color of disabled list items\r\n$list-group-disabled-bg:         $gray-lighter !default;\r\n//** Text color for content within disabled list items\r\n$list-group-disabled-text-color: $list-group-disabled-color !default;\r\n\r\n$list-group-link-color:         #555 !default;\r\n$list-group-link-hover-color:   $list-group-link-color !default;\r\n$list-group-link-heading-color: #333 !default;\r\n\r\n\r\n//== Panels\r\n//\r\n//##\r\n\r\n$panel-bg:                    #fff !default;\r\n$panel-body-padding:          15px !default;\r\n$panel-heading-padding:       10px 15px !default;\r\n$panel-footer-padding:        $panel-heading-padding !default;\r\n$panel-border-radius:         $border-radius-base;\r\n\r\n//** Border color for elements within panels\r\n$panel-inner-border:          #ddd !default;\r\n$panel-footer-bg:             #f5f5f5 !default;\r\n\r\n$panel-default-text:          $gray-dark !default;\r\n$panel-default-border:        #ddd !default;\r\n$panel-default-heading-bg:    #f5f5f5 !default;\r\n\r\n$panel-primary-text:          #fff !default;\r\n$panel-primary-border:        $brand-primary !default;\r\n$panel-primary-heading-bg:    $brand-primary !default;\r\n\r\n$panel-success-text:          $state-success-text !default;\r\n$panel-success-border:        $state-success-border !default;\r\n$panel-success-heading-bg:    $state-success-bg !default;\r\n\r\n$panel-info-text:             $state-info-text !default;\r\n$panel-info-border:           $state-info-border !default;\r\n$panel-info-heading-bg:       $state-info-bg !default;\r\n\r\n$panel-warning-text:          $state-warning-text !default;\r\n$panel-warning-border:        $state-warning-border !default;\r\n$panel-warning-heading-bg:    $state-warning-bg !default;\r\n\r\n$panel-danger-text:           $state-danger-text !default;\r\n$panel-danger-border:         $state-danger-border !default;\r\n$panel-danger-heading-bg:     $state-danger-bg !default;\r\n\r\n\r\n//== Thumbnails\r\n//\r\n//##\r\n\r\n//** Padding around the thumbnail image\r\n$thumbnail-padding:           4px !default;\r\n//** Thumbnail background color\r\n$thumbnail-bg:                $body-bg !default;\r\n//** Thumbnail border color\r\n$thumbnail-border:            #ddd !default;\r\n//** Thumbnail border radius\r\n$thumbnail-border-radius:     $border-radius-base;\r\n\r\n//** Custom text color for thumbnail captions\r\n$thumbnail-caption-color:     $text-color !default;\r\n//** Padding around the thumbnail caption\r\n$thumbnail-caption-padding:   9px !default;\r\n\r\n\r\n//== Wells\r\n//\r\n//##\r\n\r\n$well-bg:                     #f5f5f5 !default;\r\n$well-border:                 darken($well-bg, 7%) !default;\r\n\r\n\r\n//== Badges\r\n//\r\n//##\r\n\r\n$badge-color:                 #fff !default;\r\n//** Linked badge text color on hover\r\n$badge-link-hover-color:      #fff !default;\r\n$badge-bg:                    $gray-light !default;\r\n\r\n//** Badge text color in active nav link\r\n$badge-active-color:          $link-color !default;\r\n//** Badge background color in active nav link\r\n$badge-active-bg:             #fff !default;\r\n\r\n$badge-font-weight:           bold !default;\r\n$badge-line-height:           1 !default;\r\n$badge-border-radius:         0px;\r\n\r\n\r\n//== Breadcrumbs\r\n//\r\n//##\r\n\r\n$breadcrumb-padding-vertical:   8px !default;\r\n$breadcrumb-padding-horizontal: 15px !default;\r\n//** Breadcrumb background color\r\n$breadcrumb-bg:                 #f5f5f5 !default;\r\n//** Breadcrumb text color\r\n$breadcrumb-color:              #ccc !default;\r\n//** Text color of current page in the breadcrumb\r\n$breadcrumb-active-color:       $gray-light !default;\r\n//** Textual separator for between breadcrumb elements\r\n$breadcrumb-separator:          \"/\" !default;\r\n\r\n\r\n//== Carousel\r\n//\r\n//##\r\n\r\n$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;\r\n\r\n$carousel-control-color:                      #fff !default;\r\n$carousel-control-width:                      15% !default;\r\n$carousel-control-opacity:                    .5 !default;\r\n$carousel-control-font-size:                  20px !default;\r\n\r\n$carousel-indicator-active-bg:                #fff !default;\r\n$carousel-indicator-border-color:             #fff !default;\r\n\r\n$carousel-caption-color:                      #fff !default;\r\n\r\n\r\n//== Close\r\n//\r\n//##\r\n\r\n$close-font-weight:           bold !default;\r\n$close-color:                 #000 !default;\r\n$close-text-shadow:           0 1px 0 #fff !default;\r\n\r\n\r\n//== Code\r\n//\r\n//##\r\n\r\n$code-color:                  #c7254e !default;\r\n$code-bg:                     #f9f2f4 !default;\r\n\r\n$kbd-color:                   #fff !default;\r\n$kbd-bg:                      #333 !default;\r\n\r\n$pre-bg:                      #f5f5f5 !default;\r\n$pre-color:                   $gray-dark !default;\r\n$pre-border-color:            #ccc !default;\r\n$pre-scrollable-max-height:   340px !default;\r\n\r\n\r\n//== Type\r\n//\r\n//##\r\n\r\n//** Horizontal offset for forms and lists.\r\n$component-offset-horizontal: 180px !default;\r\n//** Text muted color\r\n$text-muted:                  $gray-light !default;\r\n//** Abbreviations and acronyms border color\r\n$abbr-border-color:           $gray-light !default;\r\n//** Headings small color\r\n$headings-small-color:        $gray-light !default;\r\n//** Blockquote small color\r\n$blockquote-small-color:      $gray-light !default;\r\n//** Blockquote font size\r\n$blockquote-font-size:        ($font-size-base * 1.25) !default;\r\n//** Blockquote border color\r\n$blockquote-border-color:     $gray-lighter !default;\r\n//** Page header border color\r\n$page-header-border-color:    $gray-lighter !default;\r\n//** Width of horizontal description list titles\r\n$dl-horizontal-offset:        $component-offset-horizontal !default;\r\n//** Point at which .dl-horizontal becomes horizontal\r\n$dl-horizontal-breakpoint:    $grid-float-breakpoint !default;\r\n//** Horizontal line color.\r\n$hr-border: $gray-lighter !default;\r\n\r\n$nr-border-color: rgba(150, 141, 133, 0.60) !default;\r\n$border-default-width: 1px !default;\r\n$border-hover-color: $yale-green !default;\r\n$now-sp-global-border-radius: 0px !default;\r\n//** MIXINS\r\n@function if-important($important){\r\n@return #{if($important, '!important', '')};\r\n}\r\n\r\n@mixin pseudo-element($element) {\r\n&:#{$element}, &::#{$element} {\r\n@content;\r\n}\r\n}\r\n\r\n@mixin h1-styles($important: false) {\r\nfont-size: 46px;\r\nfont-weight: 700;\r\n}\r\n\r\n@mixin h2-styles($important: false) {\r\nfont-size: 24px;\r\nfont-weight: 700;\r\n}\r\n\r\n@mixin h3-styles($important: false) {\r\nfont-size: 18px;\r\nfont-weight: 700;\r\n}\r\n\r\n@mixin h4-styles($important: false) {\r\nfont-size: 16px;\r\nfont-weight: 700;\r\n}\r\n\r\n@mixin border-hover-styles-before-hover($important: false) {\r\nposition: relative if-important($important);\r\nbox-sizing: border-box if-important($important);\r\n@include pseudo-element('before') {\r\ncontent: '';\r\nborder: $border-default-width solid transparent if-important($important);\r\ntop: -$border-default-width if-important($important);\r\nleft: -$border-default-width if-important($important);\r\nheight: 0 if-important($important);\r\nwidth: 0 if-important($important);\r\nbox-sizing: inherit if-important($important);\r\nposition: absolute if-important($important);\r\n}\r\n\r\n@include pseudo-element('after') {\r\ncontent: '';\r\nborder: $border-default-width solid transparent if-important($important);\r\nbottom: -$border-default-width if-important($important);\r\nright: -$border-default-width if-important($important);\r\nheight: 0 if-important($important);\r\nwidth: 0 if-important($important);\r\nbox-sizing: inherit if-important($important);\r\nposition: absolute if-important($important);\r\n}\r\n}\r\n\r\n@mixin border-hover-styles-after-hover($important: false) {\r\n@include pseudo-element('before') {\r\nwidth: calc(100% + ($border-default-width * 2)) if-important($important);\r\nheight: calc(100% + ($border-default-width * 2)) if-important($important);\r\nborder-top-color: $border-hover-color if-important($important);\r\nborder-right-color: $border-hover-color if-important($important);\r\ntransition:\r\nwidth 0.1s ease-out,\r\nheight 0.1s ease-out 0.1s;\r\n}\r\n\r\n@include pseudo-element('after') {\r\nwidth: calc(100% + ($border-default-width * 2)) if-important($important);\r\nheight: calc(100% + ($border-default-width * 2)) if-important($important);\r\nborder-bottom-color: $border-hover-color if-important($important);\r\nborder-left-color: $border-hover-color if-important($important);\r\ntransition:\r\nborder-color 0s ease-out 0.2s,\r\nwidth 0.1s ease-out 0.2s,\r\nheight 0.1s ease-out 0.30s;\r\n}\r\n}\r\n\r\n@mixin topic-card($important: false) {\r\npadding: 15px if-important($important);\r\nbackground: #ffffff if-important($important);\r\nbox-shadow: 0px 2px 6px 0px rgba(73, 80, 95, 0.20) if-important($important);\r\nborder-radius: 0 if-important($important);\r\nborder: 1px solid transparent if-important($important);\r\nmax-width: unset if-important($important);\r\nheight: 54px if-important($important);\r\n@include border-hover-styles-before-hover($important);\r\n\r\n.item-name {\r\nfont-size: 14px if-important($important);\r\nfont-weight: 600 if-important($important);\r\ncolor: $yale-marine if-important($important);\r\n}\r\n\r\n&:hover {\r\ntext-decoration: unset;\r\n@include border-hover-styles-after-hover($important);\r\n}\r\n}\r\n\r\n@mixin content-card($important: false) {\r\npadding: 20px if-important($important);\r\nborder: 1px solid $nr-border-color if-important($important);\r\nbackground-color: #ffffff if-important($important);\r\nborder-radius: 0 if-important($important);\r\n@include border-hover-styles-before-hover($important);\r\n\r\n.item-title {\r\ncolor: $yale-marine if-important($important);\r\nmargin-bottom: 10px if-important($important);\r\n@include h4-styles($important);\r\n}\r\n\r\n.item-description {\r\ncolor: $yale-black if-important($important);\r\nfont-size: 14px if-important($important);\r\n}\r\n\r\n.flexbox.header-container {\r\nmargin-top: 0 if-important($important);\r\nmin-height: unset if-important($important);\r\nmargin-bottom: 15px if-important($important);\r\n}\r\n\r\n&:hover {\r\ntext-decoration: unset;\r\n@include border-hover-styles-after-hover($important);\r\n}\r\n}\r\n\r\n@mixin panel-styles($important: false) {\r\npadding: 25px if-important($important);\r\nbackground-color: #ffffff if-important($important);\r\nborder: $border-default-width solid $nr-border-color if-important($important);\r\nbox-shadow: none if-important($important);\r\n}\r\n\r\n@mixin after-headline($color: $yale-green) {\r\ncontent: \"\";\r\nposition: absolute;\r\ndisplay: block;\r\nwidth: 25px;\r\nheight: 3px;\r\nbottom: -10px;\r\nbackground-color: #5f712d;\r\n}\r\n\r\n@mixin underline-hover-effect-no-hover($color: $yale-marine) {\r\ntext-decoration: none;\r\nbackground-image: -webkit-gradient(linear, left top, left bottom, from($color), to($color));\r\nbackground-image: linear-gradient($color, $color);\r\nbackground-position: 0% 100%;\r\nbackground-repeat: no-repeat;\r\nbackground-size: 0% 2px;\r\n-webkit-transition: background-size 0.3s;\r\ntransition: background-size 0.3s;\r\nwidth: -webkit-fit-content;\r\nwidth: -moz-fit-content;\r\nwidth: fit-content;\r\ndisplay: inline;\r\npadding-bottom: 1px;\r\n}\r\n\r\n@mixin underline-hover-effect-hover {\r\nbackground-size: 100% 1px;\r\npadding-bottom: 1px;\r\n}","sys_id":"a9822a63138e03002558d3228144b0e5","name":"IT - Theme","header":{"template":"<div class=\"it-mobile-header visible-xs-block\">\n <nav class=\"navbar navbar-default\">\n  <div class=\"container-fluid\"><!-- Brand and toggle get grouped for better mobile display -->\n   <div class=\"navbar-header\"><a ng-href=\"?id={{::portal.homepage_dv}}\" class=\"navbar-brand\" aria-label=\"Portal home\" title=\"Portal home\">{{::portal.title}}<\/a> <button type=\"button\" class=\"navbar-toggle collapsed menu-toggle\" data-toggle=\"collapse\" data-target=\"#menuCollapse\" aria-expanded=\"false\"> <span class=\"sr-only\">Menu<\/span> <span class=\"icon-bar\"><\/span> <span class=\"icon-bar\"><\/span> <span class=\"icon-bar\"><\/span> <\/button> <button type=\"button\" class=\"navbar-toggle collapsed search-toggle\" data-toggle=\"collapse\" data-target=\"#searchCollapse\" aria-expanded=\"false\"> <span class=\"sr-only\">Search<\/span> <span class=\"fa fa-search\"><\/span> <\/button>\n   <\/div> <!-- Collect the nav links, forms, and other content for toggling -->\n   <div class=\"collapse navbar-collapse\" id=\"searchCollapse\">\n    <div class=\"nr-mobile-typeahead\"><sp-widget widget=\"data.typeahead\"><\/sp-widget>\n    <\/div> <!--form class=\"navbar-form nav-search\">\n          <div class=\"form-group\">\n            <div class=\"input-group\">\n              <label for=\"mobileHeaderSearch\" class=\"visuallyhidden\">{{data.search_placeholder}}<\/label>\n              <input tp-enter=\"c.doSearch()\" ng-model=\"c.q\" type=\"text\" \n                     class=\"form-control\" placeholder=\"{{data.search_placeholder}}\" \n                     id=\"mobileHeaderSearch\" name=\"mobileHeaderSearch\" />\n              <span class=\"input-group-btn\">\n                <button ng-click=\"c.doSearch()\" class=\"btn btn-default\" type=\"button\"><span class=\"fa fa-search\" /><\/button>\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/form-->\n   <\/div>\n   <div class=\"collapse navbar-collapse\" id=\"menuCollapse\">\n    <p ng-if=\"user.logged_in\" class=\"navbar-text mobile-user\">Welcome, {{user.first_name}} {{user.last_name}}<\/p>\n    <ul ng-if=\"!user.logged_in\" class=\"nav navbar-nav nav-top\">\n     <li><a ng-click=\"c.loginRedirect()\" href=\"javascript:void(0)\">Log in<\/a><\/li>\n     <li><a href=\"?id=my_items\">My Items<\/a><\/li>\n     <li><a href=\"?id=my_items&amp;tab=favorites\">Favorites<\/a><\/li>\n    <\/ul>\n    <ul ng-if=\"user.logged_in\" class=\"nav navbar-nav nav-top\">\n     <li class=\"dropdown\"><a href=\"?id=my_items&amp;tab=favorites\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">My Favorites <span ng-if=\"c.data.favorite_count != 0\">({{c.data.favorite_count}})<\/span><\/a>\n      <ul class=\"dropdown-menu\">\n       <li ng-if=\"c.data.favorites.length == 0\" class=\"text-dropdown-item\">You do not have any favorites.<\/li>\n       <li ng-repeat=\"favorite in c.data.favorites\"><a ng-href=\"{{favorite.link}}\" title=\"{{favorite.hover_text}}\">{{favorite.display}}<\/a><\/li>\n       <li ng-if=\"c.data.favorite_count != 0\" role=\"separator\" class=\"divider\"><\/li>\n       <li ng-if=\"c.data.favorite_count != 0\"><a href=\"?id=my_items&amp;tab=favorites\">Manage Favorites<\/a><\/li>\n      <\/ul><\/li>\n     <li><!--<a href=\"?id=my_items\">My Items <span ng-if=\"c.data.my_item_count != 0\">({{c.data.my_item_count}})<\/span><\/a>--> <a href=\"?id=my_items\">My Items<\/a><\/li>\n     <li ng-if=\"c.data.hasActiveAppointments\"><a href=\"?id=it_walkup_appointment_list\">My Appointments<\/a><\/li>\n     <li><a ng-href=\"{{::portal.logoutUrl}}\">Log Out<\/a><\/li>\n    <\/ul> <!-- Soltrix updated c.data.bottom_links from  c.data.middle_links for  RITM0238035 -->\n    <ul class=\"nav navbar-nav nav-middle\">\n     <li ng-repeat=\"item in c.data.bottom_links\"><a ng-if=\"item.link\" ng-href=\"{{item.link}}\"> {{item.text}} <\/a> <a ng-if=\"item.items\" href class=\"nr-mobile-collapse collapsed\" data-toggle=\"collapse\" role=\"button\" aria-expanded=\"false\" aria-controls=\"nrMobileCollapseDropdown-{{$index}}\" data-target=\"#nrMobileCollapseDropdown-{{$index}}\"> <span> {{item.text}} <i class=\"fa fa-angle-down m-l-md\"><\/i> <\/span> <\/a>\n      <ul class=\"nr-collapse-ul collapse\" id=\"nrMobileCollapseDropdown-{{$index}}\" ng-if=\"item.items\" ng-init=\"arrays = c.concatArrays(item.items)\">\n       <li ng-repeat=\"topic in arrays\"><a ng-href=\"?id={{topic.template}}&amp;topic_id={{topic.sys_id}}\"> <span>{{topic.name}}<\/span> <\/a><\/li>\n      <\/ul><\/li>\n    <\/ul> <!-- Soltrix updated c.data.bottom_links to  c.data.middle_links for  RITM0238035 -->\n    <ul class=\"nav navbar-nav nav-bottom\">\n     <li ng-repeat=\"item in c.data.middle_links\" ng-if=\"item.canSee\"><a ng-href=\"{{item.link}}\"> {{item.text}} <\/a><\/li>\n    <\/ul>\n   <\/div><!-- END navbar-collapse -->\n  <\/div><!-- END container-fluid -->\n <\/nav><!-- END navbar -->\n <div class=\"alert alert-covid\" role=\"alert\" ng-show=\"c.data.showCovid\" ng-bind-html=\"c.data.announcement\">\n <\/div>\n <div ng-show=\"loadingIndicator\" class=\"load-bar\">\n  <div class=\"bar\"><\/div>\n  <div class=\"bar\"><\/div>\n  <div class=\"bar\"><\/div>\n <\/div><!-- END load-bar -->\n<\/div>\n<div class=\"it-header hidden-xs\">\n <div class=\"top\">\n  <div class=\"container\">\n   <div ng-show=\"loadingIndicator\" class=\"loading-indicator\"><span class=\"fa fa-circle-o-notch fa-spin fa-fw\"><\/span> <span class=\"sr-only\">Loading...<\/span>\n   <\/div>\n   <div class=\"navbar-right\">\n    <ul ng-if=\"!user.logged_in\" class=\"nav navbar-nav top-nav-items\">\n     <li><a ng-click=\"c.loginRedirect()\" href=\"javascript:void(0)\">Login<\/a><\/li>\n     <li class=\"top-divider\"><span>·<\/span><\/li>\n     <li><a href=\"?id=my_items\">My Items<\/a><\/li>\n     <li class=\"top-divider\"><span>·<\/span><\/li>\n     <li><a href=\"?id=my_items&amp;tab=favorites\">Favorites<\/a><\/li>\n    <\/ul>\n    <ul ng-if=\"user.logged_in\" class=\"nav navbar-nav top-nav-items\">\n     <li class=\"dropdown\"><a href=\"javascript:void(0)\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">Welcome, {{user.first_name}} {{user.last_name}}<\/a>\n      <ul class=\"dropdown-menu\">\n       <li><a ng-href=\"{{::portal.logoutUrl}}\">Log Out<\/a><\/li>\n      <\/ul><\/li>\n     <li class=\"top-divider\"><span>·<\/span><\/li>\n     <li><a href=\"?id=my_items\">My Items<\/a><\/li> <!--\n<li ng-if=\"c.data.approval_count == 0 && c.data.ticket_count == 0\">\n<a href=\"?id=my_items\">My Items<\/a>\n<\/li>\n<li ng-if=\"c.data.approval_count != 0 || c.data.ticket_count != 0\" class=\"dropdown\">\n<a href=\"?id=my_items\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" role=\"button\" \naria-haspopup=\"true\" aria-expanded=\"false\">My Items <span ng-if=\"c.data.my_item_count != 0\">({{c.data.my_item_count}})<\/span><\/a>\n<ul class=\"dropdown-menu\">\n<li ng-if=\"c.data.approval_count != 0\" class=\"dropdown-header\">\n<span>Approvals ({{c.data.approval_count}})<\/span>\n<span class=\"view-all\"><a href=\"?id=my_items&tab=approvals\">View All<\/a><\/span><\/li>\n<li ng-repeat=\"item in c.data.active_approvals\" class=\"dropdown-subitem\">\n<a ng-href=\"{{item.link}}\" title=\"{{item.hover_text}}\">\n<div class=\"ticket-display\">{{item.display}}<\/div>\n<div class=\"ticket-display2\">{{item.display2}}<\/div>\n<\/a>\n<\/li>\n<li ng-if=\"c.data.approval_count != 0\" role=\"separator\" class=\"divider\"><\/li>\n<li ng-if=\"c.data.ticket_count != 0\" class=\"dropdown-header\">\n<span>Active Tickets ({{c.data.ticket_count}})<\/span>\n<span class=\"view-all\"><a href=\"?id=my_items&tab=active_tickets\">View All<\/a><\/span><\/li>\n<li ng-repeat=\"item in c.data.active_tickets\" class=\"dropdown-subitem\">\n<a ng-href=\"{{item.link}}\" title=\"{{item.hover_text}}\">\n<div class=\"ticket-display\">{{item.display}}<\/div>\n<div class=\"ticket-display2\">{{item.display2}}<\/div>\n<\/a>\n<\/li>\n<\/ul>\n<\/li>\n-->\n     <li ng-if=\"c.data.hasActiveAppointments\" class=\"top-divider\"><span>·<\/span><\/li>\n     <li ng-if=\"c.data.hasActiveAppointments\"><a href=\"?id=it_walkup_appointment_list\">My Appointments<\/a><\/li>\n     <li class=\"top-divider\"><span>·<\/span><\/li>\n     <li class=\"dropdown\"><a href=\"?id=my_items&amp;tab=favorites\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">Favorites<\/a>\n      <ul class=\"dropdown-menu\">\n       <li ng-if=\"c.data.favorites.length == 0\" class=\"text-dropdown-item\">You do not have any favorites.<\/li>\n       <li ng-repeat=\"item in c.data.favorites\"><a ng-href=\"{{item.link}}\" title=\"{{item.hover_text}}\">{{item.display}}<\/a><\/li>\n       <li ng-if=\"c.data.favorites.length != 0\" role=\"separator\" class=\"divider\"><\/li>\n       <li ng-if=\"c.data.favorites.length != 0\"><a href=\"?id=my_items&amp;tab=favorites\">Manage Favorites<\/a><\/li>\n      <\/ul><\/li> <!--\n<li class=\"dropdown\">\n<a href=\"javascript:void(0)\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" \nrole=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">Favorites <span ng-if=\"c.data.favorite_count != 0\">({{c.data.favorite_count}})<\/span><\/a>\n<ul class=\"dropdown-menu\">\n<li ng-if=\"c.data.favorite_count == 0\" class=\"text-dropdown-item\">You do not have any favorites.<\/li>\n<li ng-repeat=\"item in c.data.favorites\">\n<a ng-href=\"{{item.link}}\" title=\"{{item.hover_text}}\">{{item.display}}<\/a>\n<\/li>\n<li ng-if=\"c.data.favorite_count != 0\" role=\"separator\" class=\"divider\"><\/li>\n<li ng-if=\"c.data.favorite_count != 0\">\n<a href=\"?id=my_items&tab=favorites\">Manage Favorites<\/a>\n<\/li>\n<\/ul>\n<\/li>\n-->\n    <\/ul>\n   <\/div>\n  <\/div>\n <\/div>\n <div class=\"container\" id=\"covid\" ng-show=\"c.data.showCovid\"><br>\n  <div class=\"alert alert-covid\" role=\"alert\" ng-bind-html=\"c.data.announcement\">\n  <\/div>\n <\/div>\n <div class=\"middle\">\n  <div class=\"container\"><a ng-if=\"::!portal.logo\" ng-href=\"?id={{::portal.homepage_dv}}\" class=\"header-title\" aria-label=\"Portal home\" title=\"Portal home\"><span>{{::portal.title}}<\/span><\/a>\n   <div class=\"right\">\n    <ul class=\"nav navbar-nav\">\n     <li ng-repeat=\"item in c.data.middle_links\" ng-if=\"item.canSee\"><a ng-href=\"{{item.link}}\">{{item.text}}<\/a><\/li>\n    <\/ul>\n    <div class=\"nr-typeahead\"><sp-widget widget=\"data.typeahead\"><\/sp-widget>\n    <\/div> <!--form class=\"navbar-form search-box\" role=\"search\">\n          <div class=\"form-group\">\n            <div class=\"search-container\">\n              <label for=\"headerSearch\" class=\"visuallyhidden\">{{data.search_placeholder}}<\/label>\n              <span class=\"fa fa-search search-icon\" />\n              <input tp-enter=\"c.doSearch()\" ng-model=\"c.q\" type=\"text\" \n                     class=\"form-control\" placeholder=\"{{data.search_placeholder}}\" \n                     id=\"headerSearch\" name=\"headerSearch\" aria-label=\"site\" />\n            <\/div>\n          <\/div>\n        <\/form-->\n   <\/div>\n  <\/div>\n <\/div>\n <div class=\"bottom\">\n  <div class=\"container\">\n   <nav aria-label=\"Bottom Nav\" class=\"navbar\" ng-class=\"::{'is-native': isViewNative}\" role=\"navigation\">\n    <div sp-navbar-toggle=\"\" class=\"collapse navbar-collapse\" id=\"sp-nav-bar\">\n     <ul class=\"nav nav-main\">\n      <li ng-repeat=\"item in c.data.bottom_links\" ng-class=\"c.isActive(item.text)\"><a ng-if=\"item.link\" ng-href=\"{{item.link}}\"> <span class=\"inside\">{{item.text}}<\/span> <\/a> <a ng-if=\"item.items\" href data-toggle=\"dropdown\" aria-expanded=\"false\" aria-haspopup=\"true\" role=\"button\" class=\"dropdown-toggle\" id=\"nrHeaderDropdown-{{$index}}\"> <span class=\"inside\"> {{item.text}} <i class=\"fa fa-angle-down m-l-md\"><\/i> <\/span> <\/a>\n       <ul class=\"nr-topics-dropdown dropdown-menu\" aria-labelledby=\"nrHeaderDropdown-{{$index}}\" ng-if=\"item.items\">\n        <li ng-repeat=\"col in item.items\">\n         <ul class=\"nr-topic-column\">\n          <li ng-repeat=\"topic in col\"><a ng-href=\"?id={{topic.template}}&amp;topic_id={{topic.sys_id}}\"> <span>{{topic.name}}<\/span> <\/a><\/li>\n         <\/ul><\/li>\n       <\/ul><\/li>\n     <\/ul>\n    <\/div>\n    <div ng-if=\"c.sideBarWidget\"><sp-widget widget=\"c.sideBarWidget\"><\/sp-widget>\n    <\/div>\n   <\/nav>\n  <\/div>\n <\/div>\n<\/div>","css":"\n.vbe42ea23138e03002558d3228144b07c .nr-mobile-typeahead {\n\tpadding: 15px 0;\n}\n\n.vbe42ea23138e03002558d3228144b07c .m-l-md {\n\tmargin-left: 5px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .nr-mobile-collapse .fa {\n\ttransition: .3s ease-in-out;\n}\n\n.vbe42ea23138e03002558d3228144b07c .nr-mobile-collapse:not(.collapsed) .fa {\n\ttransform: rotate(180deg);\n}\n\n.vbe42ea23138e03002558d3228144b07c .nr-collapse-ul {\n\tlist-style: none;\n}\n\n.vbe42ea23138e03002558d3228144b07c .nr-collapse-ul li {\n\tpadding-top: 5px;\n\tpadding-bottom: 5px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .nr-collapse-ul li a:hover {\n\tcolor: #333;\n}\n\n.vbe42ea23138e03002558d3228144b07c li > a > span > .fa {\n\ttransition: .3s ease-in-out;\n}\n\n.vbe42ea23138e03002558d3228144b07c li.open  > a > span > .fa {\n\ttransform: rotate(180deg);\n}\n\n.vbe42ea23138e03002558d3228144b07c li.open .nr-topics-dropdown {\n\tdisplay: grid;\n\twidth: 565px;\n\tpadding: 15px;\n\tcolumn-gap: 20px;\n\tgrid-template-columns: 1fr 1fr 1fr;\n\tbox-shadow: 0px 8px 8px 0px rgba(83, 91, 100, .08);\n\tborder: 0;\n}\n\n.vbe42ea23138e03002558d3228144b07c .nr-topic-column {\n\tlist-style: none;\n\tpadding: 0;\n}\n\n.vbe42ea23138e03002558d3228144b07c .nr-topic-column li > a {\n\tborder-radius: 6px;\n\tdisplay: block;\n\tpadding: 5px;\n\tcolor: #276dc4;\n\tfont-size: 14px;\n\tfont-weight: 600;\n}\n\n.vbe42ea23138e03002558d3228144b07c .nr-topic-column li > a span {\n\ttext-decoration: none;\n\ttext-decoration: none;\n\tbackground-image: -webkit-gradient(linear, left top, left bottom, from(#276dc4), to(#276dc4));\n\tbackground-image: linear-gradient(#276dc4, #276dc4);\n\tbackground-position: 0% 100%;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 0% 2px;\n\t-webkit-transition: background-size .3s;\n\ttransition: background-size .3s;\n\twidth: -webkit-fit-content;\n\twidth: -moz-fit-content;\n\twidth: fit-content;\n\tdisplay: inline;\n\tpadding-bottom: 1px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .nr-topic-column li > a:hover {\n\ttext-decoration: unset;\n\tbackground-color: #f1f1f1;\n}\n\n.vbe42ea23138e03002558d3228144b07c .nr-topic-column li > a:hover span {\n\tbackground-size: 100% 1px;\n\tpadding-bottom: 1px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .alert-covid {\n\tbackground-color: #f9f9f9;\n\tborder-bottom: 4px solid #276dc4;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .navbar {\n\tmargin-bottom: 0px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .navbar-header .navbar-brand {\n\tfont-family: \"YaleDesign-Roman\", \"YaleRoman\", TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;\n\twhite-space: nowrap;\n\tcolor: #003c76;\n\tfont-size: 30px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-search {\n\tborder: none;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-search .btn {\n\tpadding: 6px 12px;\n\tfont-size: 16px;\n\tline-height: 1.42857;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .mobile-user {\n\ttext-transform: uppercase;\n\tfont-family: \"MalloryBold\";\n\tfont-size: 14px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-top {\n\tbackground-color: #003c76;\n\tcolor: white;\n\tpadding: 10px 0px;\n\ttext-transform: uppercase;\n\tfont-family: \"MalloryBold\";\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-top a {\n\tcolor: white !important;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-top a:hover, \n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-top a:focus {\n\ttext-decoration: underline;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-middle {\n\tpadding: 10px 0px;\n\tborder-bottom: 1px solid #ddd;\n\ttext-transform: uppercase;\n\tfont-family: \"MalloryMedium\";\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-middle a {\n\tcolor: #1d69c4;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-middle a:hover, \n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-middle a:focus {\n\ttext-decoration: underline;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-bottom {\n\tfont-size: 20px;\n\tpadding: 10px 0px;\n\tfont-family: \"YaleDesign-Roman\", \"YaleRoman\", TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-bottom a {\n\tcolor: #000;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-bottom a:hover, \n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .nav-bottom a:focus {\n\ttext-decoration: underline;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .menu-toggle {\n\theight: 34px;\n\tpadding: 0px 10px;\n\tline-height: 1;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-mobile-header .search-toggle {\n\theight: 34px;\n\tpadding: 0px 10px;\n\tline-height: 1;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .nav .dropdown:hover .dropdown-menu {\n\tdisplay: block;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .text-dropdown-item {\n\tpadding: 3px 20px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .loading-indicator {\n\tdisplay: inline-block;\n\tfont-size: 24px;\n\tcolor: #003c76;\n\tline-height: 28px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top-nav-items {\n\tfont-family: \"MalloryBold\";\n\tfont-size: 14px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top-nav-items  > li > a {\n\tcolor: white;\n\ttext-transform: uppercase;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top-nav-items .dropdown-menu {\n\tpadding-top: 3px;\n\tfont-size: 14px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top-nav-items .dropdown-header {\n\tcolor: white;\n\tfont-family: \"YaleDesign-Roman\", \"YaleRoman\", TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;\n\tfont-size: 14px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top-nav-items .view-all {\n\tmargin-left: 20px;\n\tfont-family: \"MalloryMedium\";\n\tfont-size: 12px;\n\ttext-transform: none;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top-nav-items .view-all a {\n\tcolor: white;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top-nav-items .dropdown-subitem {\n\tpadding-left: 15px;\n\tfont-size: 12px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .ticket-display {\n\tfont-size: 14px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .ticket-display2 {\n\tfont-size: 11px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top-divider {\n\tdisplay: inline-block;\n\tcolor: white;\n\tline-height: 27px;\n\tmargin: 0px 6px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top {\n\tpadding: 3px 0px;\n\tfont-size: 14px;\n\tbackground-color: #003c76;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top ul.nav  > li {\n\tdisplay: inline;\n\twhite-space: nowrap;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top ul.nav  > li  > a {\n\tcolor: white;\n\tpadding: 3px 2px;\n\tdisplay: inline-block;\n\tbackground-color: #003c76;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top ul.nav  > li  > a:hover, \n.vbe42ea23138e03002558d3228144b07c .it-header .top ul.nav  > li  > a:focus {\n\ttext-decoration: underline;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top ul.nav  > li:last-of-type .dropdown-menu {\n\tmargin-right: 0px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top .dropdown-menu {\n\tbackground-color: #276dc4;\n\tcolor: white;\n\tborder-top: none;\n\tmin-width: 100%;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top .dropdown-menu  > li  > a {\n\tcolor: white;\n\tbackground-color: transparent !important;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .top .dropdown-menu  > li  > a:hover, \n.vbe42ea23138e03002558d3228144b07c .it-header .top .dropdown-menu  > li  > a:focus {\n\ttext-decoration: underline;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .middle {\n\tpadding: 20px 0px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .middle .header-title {\n\tfont-size: 66px;\n\tdisplay: inline-block;\n\tfont-family: \"YaleDesign-Roman\", \"YaleRoman\", TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;\n\twhite-space: nowrap;\n\tcolor: #003c76;\n\tline-height: 1;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .middle .header-title:hover, \n.vbe42ea23138e03002558d3228144b07c .it-header .middle .header-title:focus {\n\ttext-decoration: none;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .middle .right {\n\tdisplay: flex;\n\talign-items: center;\n\tfloat: right;\n\tgap: 30px;\n\tfont-family: \"MalloryMedium\";\n\tfont-size: 14px;\n}\n@media (min-width: 1000px) {\n\t\n.vbe42ea23138e03002558d3228144b07c .it-header .middle .right {\n\tpadding-top: 22px;\n}\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .middle .right .nav {\n\ttext-transform: uppercase;\n\tpadding: 7px 0px;\n\tmargin: 7px 7px 7px 0px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .middle .right .nav  > li > a {\n\tpadding: 0px 0px;\n\tdisplay: inline;\n\tcolor: #1d69c4;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .middle .right .nav  > li > a:hover, \n.vbe42ea23138e03002558d3228144b07c .it-header .middle .right .nav  > li > a:focus {\n\tbackground: transparent;\n\ttext-decoration: underline;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .middle .right .nav  > li {\n\tdisplay: inline;\n\twhite-space: nowrap;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .middle .right .nav  > li:after {\n\tcontent: \"\\00b7\";\n\tmargin: 0px 10px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .middle .right .nav  > li:last-of-type:after {\n\tcontent: none;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .search-box {\n\tdisplay: inline-block;\n\tpadding-right: 0px;\n\twidth: 150px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .search-box .search-container {\n\tposition: relative;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .search-box .search-icon {\n\tposition: absolute;\n\tleft: 10px;\n\ttop: 12px;\n\tfont-size: 14px;\n\tcolor: black;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .search-box input {\n\tpadding-left: 30px;\n\twidth: 100%;\n\tfont-size: 14px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main {\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-between;\n\talign-items: flex-start;\n\tgap: 5px;\n\tfont-size: 24px;\n\tfont-family: \"YaleDesign-Roman\", \"YaleRoman\", TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main::before, \n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main::after {\n\tdisplay: none;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main .inside {\n\tpadding: 0px 2px 5px 2px;\n\tborder-bottom: 2px solid transparent;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main  > li {\n\talign-self: stretch;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main  > li  > a {\n\tcolor: #000;\n\tdisplay: inline;\n\tpadding: 0px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main  > li  > a:hover, \n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main  > li  > a:focus {\n\tbackground: transparent;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main  > li  > a:hover .inside, \n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main  > li  > a:focus .inside {\n\tborder-color: #003c76;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main  > li.active a {\n\tcolor: #003c76;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main  > li.active .inside {\n\tborder-color: #003c76;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .navbar {\n\ttransition: 250ms opacity ease-in-out;\n\t-webkit-transition: 250ms opacity ease-in-out;\n\tborder: 0;\n\tmin-height: 40px;\n\tmargin-bottom: 0px;\n\tborder-radius: 0px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .navbar-fade {\n\topacity: .4;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header header[role=\"banner\"], \n.vbe42ea23138e03002558d3228144b07c .it-header .nav > li > a {\n\tmax-height: 60px;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .navbar-brand {\n\tmax-height: 60px;\n\tpadding: 0;\n\tpadding-bottom: .5rem;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .navbar-brand img, \n.vbe42ea23138e03002558d3228144b07c .it-header .navbar-brand span {\n\tmargin-left: 1rem;\n\tmargin-right: 1rem;\n\tmargin-top: .5rem;\n\tmargin-bottom: .5rem;\n\tdisplay: block;\n\tmax-height: 40px;\n\tmax-width: 360px;\n\tposition: relative;\n\ttop: 50%;\n\t-webkit-transform: translateY(-50%);\n\t-ms-transform: translateY(-50%);\n\ttransform: translateY(-50%);\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .breadcrumb-container {\n\tbackground-color: #fff;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .navbar-inverse.is-native {\n\tbackground-color: #405060;\n}\n\n.vbe42ea23138e03002558d3228144b07c .it-header .navbar-collapse {\n\tpadding: 0px;\n}\n@media (max-width: 767px) {\n\t\n.vbe42ea23138e03002558d3228144b07c .it-header .nav > li > a {\n\tpadding-right: .5rem;\n\tpadding-left: .5rem;\n}\n}\n@media (min-width: 768px) {\n}\n@media (min-width: 992px) {\n}\n@media (max-width: 991px) {\n\t\n.vbe42ea23138e03002558d3228144b07c .it-header .nav-main {\n\tfont-size: 20px;\n}\n}\n\n.vbe42ea23138e03002558d3228144b07c .load-bar {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 10px;\n\tbackground-color: #5bc0de;\n\tz-index: 999;\n}\n\n.vbe42ea23138e03002558d3228144b07c .bar {\n\tcontent: \"\";\n\tdisplay: inline;\n\tposition: absolute;\n\twidth: 0;\n\theight: 100%;\n\tleft: 50%;\n\ttext-align: center;\n}\n\n.vbe42ea23138e03002558d3228144b07c .bar:nth-child(1) {\n\tbackground-color: #276dc4;\n\tanimation: loading 3s linear infinite;\n}\n\n.vbe42ea23138e03002558d3228144b07c .bar:nth-child(2) {\n\tbackground-color: #5bc0de;\n\tanimation: loading 3s linear 1s infinite;\n}\n\n.vbe42ea23138e03002558d3228144b07c .bar:nth-child(3) {\n\tbackground-color: #003c76;\n\tanimation: loading 3s linear 2s infinite;\n}\n@keyframes loading {\n\t\tfrom {\n\t\tleft: 50%;\n\t\twidth: 0;\n\t\tz-index: 100;\n\t}\n\t\t33.3333% {\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\tz-index: 10;\n\t}\n\t\tto {\n\t\tleft: 0;\n\t\twidth: 100%;\n\t}\n\t}","async_load":false,"data":{"search_placeholder":"SEARCH SITE","is_logged_in":false,"connect_support_queue_id":null,"login_page":null,"analytics_id":"UA-127753133-3","page":null,"typeahead":{"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=\"nr-sp-typeahead.html\" typeahead-popup-template-url=\"nr-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=\"nr-sp-typeahead.html\" typeahead-popup-template-url=\"nr-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=\"header\" enable-exact-match=\"false\" exact-match-regex=\"{{c.data.exactMatchRegex}}\"> \n <\/sn-search-combobox>\n<\/div>","css":"\n.vebd95a631b7175100abba866624bcbf1 ul.dropdown-menu {\n\tmin-width: 100%;\n\tmax-height: 200px;\n\toverflow-y: auto;\n\tborder-radius: 0px 0px 4px 4px;\n\tmargin: 0px;\n}\n\n.vebd95a631b7175100abba866624bcbf1 ul.dropdown-menu  > li > a {\n\twhite-space: normal;\n}\n\n.vebd95a631b7175100abba866624bcbf1 ul.dropdown-menu a.ta-item {\n\tline-height: 20px;\n}\n\n.vebd95a631b7175100abba866624bcbf1 ul.dropdown-menu i.ta-icon, \n.vebd95a631b7175100abba866624bcbf1 i.ta-img {\n\twidth: 20px;\n\theight: 20px;\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: 20px;\n\tvertical-align: bottom;\n\tmargin-right: 8px;\n}\n\n.vebd95a631b7175100abba866624bcbf1 input[name=\"q\"] {\n\tcolor: black;\n}\n\n.vebd95a631b7175100abba866624bcbf1 .aisearch {\n\t--classicsponlydonotuse--rem-multipy: 1.4;\n}\n\n.vebd95a631b7175100abba866624bcbf1 button[name=\"search\"]:focus {\n\toutline: 2px solid #66afe9 !important;\n\toutline-offset: -4px !important;\n}","ngTemplates":{"nr-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>","nr-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":"nr-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":false,"resultMsg":"Search results.","noResultsFoundMsg":"No results found","q":null,"searchSourceSysIds":["c450a0616761220023c82e08f585ef3e","c6170ae86721220023c82e08f585efe6","c96eb1686721220023c82e08f585efff"],"isSuggestionsEnabled":"true","portalID":null,"typeaheadMinLength":3,"typeaheadTemplates":{"nr-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":"","link":"function(scope, elem) {\n    var lazyLoader = $injector.get(\"lazyLoader\");\n    var SEARCH_EXECUTED_EVENT = \"SN_SEARCH_COMBOBOX#SEARCH_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\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                resultPayload.actionPayload[\"url\"] = answer[0].getAttribute('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    }\n}","_metastack_size":2,"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":"ebd95a631b7175100abba866624bcbf1","public":true,"client_script":"function ($http, $filter, $location,spAriaUtil, $window, $scope, $rootScope, spAriaFocusManager, snAnalytics, spAISearchResults) {\n\tvar c = this;\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\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[0].split(\"&\")[0].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\t\tid: 'search',\n\t\t\t\t\tspa: '1',\n\t\t\t\t\tq: payload.searchTerm,\n\t\t\t\t\tdisableAllSuggestions: c.options.disable_all_suggestions && c.options.disable_all_suggestions.toString(),\n\t\t\t\t\tsearch_application: c.options.search_application || undefined,\n\t\t\t\t\tsearch_results_configuration: c.options.search_results_configuration || undefined,\n\t\t\t\t\tsearchFilters : $location.search().searchFilters || c.data.aiSearchSourceFilter || undefined,\n\t\t\t\t\tdisableSpellCheck: 'false'\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\t\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\t\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;\nitem.url = 'http://www.google.com';\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\t\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\t\n\t\t\tif ($location.search().q == c.searchQuery)\n\t\t\t\treturn;\n\t\t\t\n\t\t\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\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\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[0].split(\"&\")[0] !== oldUrlParams[0].split(\"&\")[0];\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":"NR - Typeahead Search","options":{"u_image":"","async_load":false,"preserve_placeholder_size":false,"sp_widget_dv":"","u_template_dv":"","advanced_placeholder_dimensions":false,"sp_column_dv":"","active":false,"refresh_page_on_search_submission":false,"sys_tags":"","title":"Search","order":-1},"sys_scope":"global","id":"nr-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.004"},"middle_links":[{"link":"https://www.myworkday.com/yale","canSee":true,"text":"Workday"},{"link":"http://calendar.yale.edu/cal/main/listEvents.do?setappvar=bwFilters%28|||bwNav3-publicAliasesListedByits%29","canSee":true,"text":"Calendar"},{"link":"https://yaleedu.sharepoint.com/sites/inside-your-yale/SitePages/its.aspx","canSee":true,"text":"News"},{"link":"https://directory.yale.edu","canSee":true,"text":"Directories"},{"link":"?id=it_system_status&tab=active","canSee":false,"text":"System Status"}]},"roles":"","link":"function(scope, element) {\n\t$(document).keyup(function(event) {\n\t\tif (event.which == 9) { //tab key handler + arrow keys\n\t\t\tif ($(event.target).parents(\".dropdown-menu\").length == 0) { //if we are NOT inside a dropdown...\n\t\t\t\t//close the dropdowns\n\t\t\t\t$(\".dropdown\").removeClass(\"open\");\n\t\t\t\t$(\"[data-toggle='dropdown']\").attr(\"aria-expanded\", \"false\");\n\t\t\t}\n\t\t}\n\t});\n\n\t$(element).on('click.nav', '.navbar-collapse.in', function(e) {\n\t\tvar target = $(e.target);\n\t\tif (target.is('a')) {\n\t\t\tvar href = target.href;\n\t\t\tif (target.hasClass('sp-menu-has-items'))\n\t\t\t\treturn; // menu item has a submenu, so just toggle it\n\n\t\t\t// collapse mobile nav if clicked an anchor\n\t\t\t$(this).removeClass('in').addClass('collapse');\n\t\t\treturn;\n\t\t}\n\n\t\tif (target.parent().hasClass(\"toggle-dropdown\")) {\n\t\t\t// collapse mobile nav if parent has toggle-dropdown class\n\t\t\t$(this).removeClass('in').addClass('collapse');\n\t\t\treturn;\n\t\t}\n\n\t\t// if neither target nor parent is an anchor, do nothing\n\t\tif (!target.parent().is('a'))\n\t\t\treturn;\n\n\t\t// collapse mobile nav if target is part of a submenu\n\t\tif (target.parents(\"ul.dropdown-menu\").length > 0)\n\t\t\t$(this).removeClass('in').addClass('collapse');\n\t});\n}","sys_class_name":"sp_header_footer","sys_id":"be42ea23138e03002558d3228144b07c","public":true,"client_script":"function ($rootScope, $scope, snRecordWatcher, spUtil, $location, $uibModal, cabrillo, $timeout, $window) {\t\n\tvar c = this;\n\t\n\tspUtil.get('nr-esc-side-bar-pane').then(function(res) {\n\t\tc.sideBarWidget = res;\n\t});\n\t\n\tc.concatArrays = function(arrays) {\t\n\t\treturn [].concat.apply([], arrays);\n\t}\n\t\n\tc.init = function() {\n\t\tc.q = '';\n\t\tc.userID = $scope.user.sys_id;\n\t\t$scope.loadingIndicator = $rootScope.loadingIndicator;\n\t\tif (cabrillo.isNative()) {\n\t\t\t$scope.isViewNative = true;\n\t\t}\n\t\t\n\t\t(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n\t\t(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n\t\tm=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');\n\t\tga('create', c.data.analytics_id,'auto');\nsetTimeout(function(){\n\t\t\tga('send',{\n  \t\t\thitType:'pageview',\n  \t\t\ttitle: window.top.document.title,\n  \t\t\tlocation: window.location.href\n\t\t\t});\n\t\t}, 1750);\n\t\t\n\t\t$rootScope.$on('$locationChangeSuccess', function(event, toState, toParams){\nsetTimeout(function(){\n\t\t\t\tga('send',{\n\t\t\t\t\thitType: 'pageview',\n\t\t\t\t\ttitle: $window.document.title,\n\t\t\t\t\tlocation: $location.absUrl()\n\t\t\t\t});\n\t\t\t}, 1750);\n\t\t});\n\t\t\n\t\t\n\t\tif (c.data.is_logged_in){\n\t\t}\n\t};\n\t$scope.$on('sp_loading_indicator', function(e, value) {\n\t\t$scope.loadingIndicator = value;\n\t});\n\tc.isActive = function(link_text) {\n\t\tif (link_text == 'Services') {\n\t\t\tif ($scope.page.id == 'service_groups' || \n\t\t\t\t$scope.page.id == 'service_group' || \n\t\t\t\t$scope.page.id == 'service' || \n\t\t\t\t$scope.page.id == 'service_offering') {\n\t\t\t\treturn 'active';\n\t\t\t}\n\t\t}\n\t\tif (link_text == 'Get Help') {\n\t\t\tif ($scope.page.id == 'get_help') {\n\t\t\t\treturn 'active';\n\t\t\t}\n\t\t}\n\t\treturn '';\n\t};\n\tc.doSearch = function() {\n\t\tvar cleaned_q = c.q.trim();\n\t\tif (cleaned_q == '') {\n\t\t\treturn;\n\t\t}\n\t\tvar redirect_url = '?id=search_results&q=' + cleaned_q;\n\t\t$window.location.href = redirect_url;\n\t};\n\t$scope.openPopUp = function() {\n\t\tvar url = \"$chat_support.do?queueID=\" + $scope.data.connect_support_queue_id;\n\t\tvar popup = window.open(url, \"popup\", \"width=900, height=600\");\n\t};\n\t$scope.openLogin = function () {\n\t\t$scope.modalInstance = $uibModal.open({\n\t\t\ttemplateUrl: 'modalLoginIT',\n\t\t\tscope: $scope\n\t\t});\n\t};\n\tc.loginRedirect = function() {\n$window.location = \"/login_with_sso.do?glide_sso_id=\" + c.data.default_idp;\n\t};\n\t$rootScope.$on('sp.avatar_changed', function() {\n\t\tc.userID = '';\n\t\t$timeout(function() {\n\t\t\tc.userID = $scope.user.sys_id;\n\t\t});\n\t});\n\t$scope.isHomepage = function() {\n\t\tif (!$scope.page.id) {\n\t\t\treturn true;\n\t\t}\n\t\tif ($scope.page.id == $scope.portal.homepage_dv) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t};\n\tc.init();\n}\n","options":{"u_image":"","async_load":false,"preserve_placeholder_size":false,"sp_widget_dv":"","u_template_dv":"","advanced_placeholder_dimensions":false,"sp_column_dv":"","active":false,"sys_tags":"","order":-1},"sys_scope":"global","id":"","_script_execution_time":30,"field_list":"","ngTemplates":{"modalLoginIT":"<div class=\"login_widget\"><sp-widget widget=\"data.loginWidget\"><\/sp-widget>\n <style>\n    .modal-content { border: 0px solid transparent; }\n  <\/style>\n<\/div>"},"static":false,"_metastack_size":0,"option_schema":"","dependencies":[],"name":"IT - Header","controller_as":"c","providers":[{"name":"tpEnter","type":"directive","script":"function() {\n\treturn {\n\t\tlink: function(scope, element, attrs) {\n\t\t\telement.bind(\"keydown keypress\", function (event) {\n\t\t\t\tif (event.which === 13) {\n\t\t\t\t\tscope.$apply(function() {\n\t\t\t\t\t\tscope.$eval(attrs.tpEnter);\n\t\t\t\t\t});\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\trestrict: 'A' \n\t};\n}\n"}],"_server_time":"0.020"},"sys_name":"IT - Theme","sys_class_name_dv":"Theme"},"containers":[{"sys_id":"78bf323b13c643002558d3228144b040","bootstrap_alt":false,"subheader":false,"background":"{\"background-size\":\"initial\",\"background-position\":\"center center\"}","width":"container-fluid","container_class_name":"","title":"","rows":[{"sys_id":"c2bfb23713c643002558d3228144b08a","columns":[{"sys_id":"86bfb23713c643002558d3228144b08c","size_classes":"col-md-12 ","rows":[],"widgets":[{"sys_id":"b9fbffa11b5f59500abba866624bcb93","widget":{"template":"<div class=\"top-search pull-in\">\n <div class=\"container\">\n  <div class=\"search-flex\">\n   <div class=\"search-flex-left\">\n    <h2 class=\"search-title\">{{data.search_title}}<\/h2>\n   <\/div>\n   <div class=\"search-flex-right\"><sp-widget widget=\"data.typeahead\"><\/sp-widget> <!--div class=\"search-container\">\n            <div class=\"advanced-search\">\n              <div advanced-search-box=\"advanced-search-box\" ng-class=\"c.show_results ? 'show-search-results' : 'hide-search-results'\" class=\"flexible-search\">\n                <div class=\"advanced-search-outer\">\n                  <div class=\"advanced-search-container\">\n                    <div class=\"search-input-group\">\n                      <div class=\"input-group\" role=\"search\">\n                        <label for=\"topSearch\" class=\"visuallyhidden\">Search for a topic or a service<\/label>\n--> <!--<input ng-model=\"c.q\" ng-model-options=\"{debounce: 250}\" ng-change=\"c.getResults()\" \n                               tp-enter=\"c.enterSearch()\" placeholder=\"Search for a topic or a service...\" type=\"text\" \n                               class=\"form-control\" id=\"global_search\" id=\"topSearch\" name=\"topSearch\" \n                               role=\"search\" />   Bento Box --> <!--\n                        <input ng-model=\"c.q\" ng-model-options=\"{debounce: 250}\" tp-enter=\"c.enterSearch()\" placeholder=\"Search for a topic or a service...\" type=\"text\" \n                               class=\"form-control\" id=\"global_search\" id=\"topSearch\" name=\"topSearch\" aria-label=\"topic-or-service\" />\n                        <span class=\"input-group-btn\">\n                          <button id=\"go-btn\" ng-click=\"c.fullSearch()\" class=\"btn btn-primary\" type=\"button\">GO<\/button>\n                        <\/span>\n                      <\/div>\n                    <\/div>\n                  <\/div-->\n   <\/div> <!--\n                <div ng-show=\"c.show_results == true\" class=\"results-container dropdown-menu\">\n                  <div ng-show=\"c.loading\" class=\"yale-loading\">\n                    <i class=\"fa fa-circle-o-notch fa-spin fa-3x fa-fw\"><\/i>\n                    <span class=\"sr-only\">Loading...<\/span>\n                  <\/div>\n                  <div ng-show=\"!c.loading\">\n                    <div ng-repeat=\"section in c.data.sections\" class=\"section-container\">\n                      <h3 class=\"section-header\">\n                        <span class=\"section-display\">{{section.display}}<\/span>\n                        <a ng-if=\"section.link\" ng-href=\"{{section.link}}\" class=\"section-link\">View All<\/a>\n                      <\/h3>\n                      <div class=\"section-results\">\n                        <div class=\"flex-row\">\n                          <div ng-repeat=\"result in section.results | limitTo:c.data.section_limit\">\n                            <div class=\"result-link\">\n                              <a ng-href=\"{{result.link}}\">{{result.display}}<\/a>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div ng-if=\"c.data.sections.length != 0 && c.data.q != ''\" class=\"view-all-section\">\n                      <a ng-click=\"c.fullSearch()\" href=\"javascript:void(0)\">View All Search Results <span class=\"fa fa-caret-right\" /><\/a>\n                    <\/div>\n                    <div ng-if=\"c.data.sections.length == 0 && c.data.q != ''\" class=\"no-results\">\n                      <label for=\"topSearch\">No results for \"{{c.data.q}}\". Try another search term.<\/label>\n                    <\/div>\n                  <\/div>\n                <\/div> -->\n  <\/div>\n <\/div>\n<\/div>","css":"\n.vddea363713c643002558d3228144b00b .top-search {\n\tbackground-color: #5f712d;\n\tcolor: white;\n\tpadding: 30px 20px 30px 20px;\n}\n\n.vddea363713c643002558d3228144b00b .search-flex {\n\tdisplay: flex;\n\tflex-flow: row nowrap;\n}\n\n.vddea363713c643002558d3228144b00b .search-flex-left {\n\tflex: 1 0 auto;\n}\n\n.vddea363713c643002558d3228144b00b .search-flex-right {\n\tflex: 1 1 100%;\n}\n\n.vddea363713c643002558d3228144b00b .search-title {\n\tmargin-top: 0px;\n\tmargin-bottom: 0px;\n\tfont-size: 44px;\n\tmargin-right: 20px;\n\tline-height: 36px;\n\tcolor: white;\n}\n\n.vddea363713c643002558d3228144b00b .advanced-search {\n\tmargin-bottom: 0px;\n}\n\n.vddea363713c643002558d3228144b00b .input-group input {\n\tfont-family: \"MalloryMedium\";\n}\n\n.vddea363713c643002558d3228144b00b .input-group button {\n\tfont-family: \"MalloryMedium\";\n\tfont-size: 16px;\n\tpadding: 0px 7px;\n\theight: 36px;\n\tline-height: 36px;\n}\n\n.vddea363713c643002558d3228144b00b .flexible-search {\n\tposition: relative;\n}\n\n.vddea363713c643002558d3228144b00b .search-icon {\n\tposition: absolute;\n\tcolor: #101010;\n\tz-index: 3;\n\ttop: 9px;\n\tright: 8px;\n\tfont-size: 16px;\n}\n\n.vddea363713c643002558d3228144b00b .search-input {\n\tpadding-left: 45px;\n}\n\n.vddea363713c643002558d3228144b00b .section-results {\n\tfont-family: \"MalloryMedium\";\n\tfont-size: 14px;\n\tline-height: 1.1;\n}\n\n.vddea363713c643002558d3228144b00b .section-results .row {\n\tmargin-left: -8px;\n\tmargin-right: -8px;\n}\n\n.vddea363713c643002558d3228144b00b .flex-row {\n\tdisplay: flex;\n\tflex-flow: row wrap;\n\tmargin-left: -10px;\n\tmargin-right: -10px;\n}\n\n.vddea363713c643002558d3228144b00b .flex-row  > div {\n\tflex: 0 1 100%;\n\tpadding: 0px 10px;\n}\n@media (max-width:767px) {\n\t\n.vddea363713c643002558d3228144b00b .search-flex {\n\tdisplay: block;\n}\n\t\n.vddea363713c643002558d3228144b00b .search-title {\n\tmargin-right: 0px;\n\tmargin-bottom: 10px;\n}\n}\n@media (min-width:768px) {\n\t\n.vddea363713c643002558d3228144b00b .flex-row  > div {\n\tflex: 0 1 50%;\n}\n}\n@media (min-width:992px) {\n\t\n.vddea363713c643002558d3228144b00b .flex-row  > div {\n\tflex: 0 1 33.33%;\n}\n}\n\n.vddea363713c643002558d3228144b00b .result {\n\tpadding-left: 8px;\n\tpadding-right: 8px;\n}\n\n.vddea363713c643002558d3228144b00b .results-container {\n\tpadding: 0px;\n\twidth: 100%;\n\tdisplay: block;\n\tcolor: #757575;\n\tborder: 1px solid #5f712d;\n\tborder-left-width: 4px;\n}\n\n.vddea363713c643002558d3228144b00b .view-all-section {\n\ttext-align: right;\n\tpadding: 5px 15px;\n\tline-height: 32px;\n\tfont-size: 12px;\n\tfont-family: \"MalloryMedium\";\n}\n\n.vddea363713c643002558d3228144b00b .view-all-section .fa {\n\tmargin-left: 3px;\n\tfont-size: 22px;\n\tvertical-align: -3px;\n}\n\n.vddea363713c643002558d3228144b00b .view-all-section a {\n\tcolor: black;\n}\n\n.vddea363713c643002558d3228144b00b .section-container {\n\tpadding: 0px 15px;\n\tborder-bottom: 1px solid #e7e5e7;\n}\n\n.vddea363713c643002558d3228144b00b .no-results {\n\tpadding: 20px;\n}\n\n.vddea363713c643002558d3228144b00b .no-results label {\n\tmargin: 0px;\n}\n\n.vddea363713c643002558d3228144b00b .section-header {\n\tmargin-top: 15px;\n\tmargin-bottom: 15px;\n\tfont-size: 20px;\n\tcolor: black;\n}\n\n.vddea363713c643002558d3228144b00b .section-header .section-link {\n\tmargin-left: 20px;\n\tcolor: black;\n\tfont-family: \"MalloryMedium\";\n\tfont-size: 12px;\n}\n\n.vddea363713c643002558d3228144b00b .result-link {\n\tmargin-bottom: 15px;\n}\n\n.vddea363713c643002558d3228144b00b .btn-yale {\n\tbackground-color: #003c76;\n}\n\n.vddea363713c643002558d3228144b00b .btn-yale:hover, \n.vddea363713c643002558d3228144b00b .btn-yale:focus {\n\tbackground-color: #4a90e2;\n}\n\n.vddea363713c643002558d3228144b00b #go-btn {\n\tbackground-color: #276dc4;\n}\n@media (max-width: 767px) {\n\t\n.vddea363713c643002558d3228144b00b .search-title {\n\tfont-size: 28px;\n}\n}","async_load":false,"data":{"q":"","page_id":"it_index","search_title":"How can we help you?","is_logged_in":false,"searchType":"all","cx":"013786538304926843299:iguj6fwb-9a","url_q":"","knowledge_base":"","section_limit":3,"placeholder":"Search","typeahead":{"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=\"nr-sp-typeahead.html\" typeahead-popup-template-url=\"nr-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=\"nr-sp-typeahead.html\" typeahead-popup-template-url=\"nr-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=\"header\" enable-exact-match=\"false\" exact-match-regex=\"{{c.data.exactMatchRegex}}\"> \n <\/sn-search-combobox>\n<\/div>","css":"\n.vebd95a631b7175100abba866624bcbf1 ul.dropdown-menu {\n\tmin-width: 100%;\n\tmax-height: 200px;\n\toverflow-y: auto;\n\tborder-radius: 0px 0px 4px 4px;\n\tmargin: 0px;\n}\n\n.vebd95a631b7175100abba866624bcbf1 ul.dropdown-menu  > li > a {\n\twhite-space: normal;\n}\n\n.vebd95a631b7175100abba866624bcbf1 ul.dropdown-menu a.ta-item {\n\tline-height: 20px;\n}\n\n.vebd95a631b7175100abba866624bcbf1 ul.dropdown-menu i.ta-icon, \n.vebd95a631b7175100abba866624bcbf1 i.ta-img {\n\twidth: 20px;\n\theight: 20px;\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: 20px;\n\tvertical-align: bottom;\n\tmargin-right: 8px;\n}\n\n.vebd95a631b7175100abba866624bcbf1 input[name=\"q\"] {\n\tcolor: black;\n}\n\n.vebd95a631b7175100abba866624bcbf1 .aisearch {\n\t--classicsponlydonotuse--rem-multipy: 1.4;\n}\n\n.vebd95a631b7175100abba866624bcbf1 button[name=\"search\"]:focus {\n\toutline: 2px solid #66afe9 !important;\n\toutline-offset: -4px !important;\n}","ngTemplates":{"nr-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>","nr-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":"nr-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":false,"resultMsg":"Search results.","noResultsFoundMsg":"No results found","q":null,"searchSourceSysIds":["c450a0616761220023c82e08f585ef3e","c6170ae86721220023c82e08f585efe6","c96eb1686721220023c82e08f585efff"],"isSuggestionsEnabled":"true","portalID":null,"typeaheadMinLength":3,"typeaheadTemplates":{"nr-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":"","link":"function(scope, elem) {\n    var lazyLoader = $injector.get(\"lazyLoader\");\n    var SEARCH_EXECUTED_EVENT = \"SN_SEARCH_COMBOBOX#SEARCH_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\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                resultPayload.actionPayload[\"url\"] = answer[0].getAttribute('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    }\n}","_metastack_size":2,"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":"ebd95a631b7175100abba866624bcbf1","public":true,"client_script":"function ($http, $filter, $location,spAriaUtil, $window, $scope, $rootScope, spAriaFocusManager, snAnalytics, spAISearchResults) {\n\tvar c = this;\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\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[0].split(\"&\")[0].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\t\tid: 'search',\n\t\t\t\t\tspa: '1',\n\t\t\t\t\tq: payload.searchTerm,\n\t\t\t\t\tdisableAllSuggestions: c.options.disable_all_suggestions && c.options.disable_all_suggestions.toString(),\n\t\t\t\t\tsearch_application: c.options.search_application || undefined,\n\t\t\t\t\tsearch_results_configuration: c.options.search_results_configuration || undefined,\n\t\t\t\t\tsearchFilters : $location.search().searchFilters || c.data.aiSearchSourceFilter || undefined,\n\t\t\t\t\tdisableSpellCheck: 'false'\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\t\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\t\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;\nitem.url = 'http://www.google.com';\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\t\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\t\n\t\t\tif ($location.search().q == c.searchQuery)\n\t\t\t\treturn;\n\t\t\t\n\t\t\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\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\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[0].split(\"&\")[0] !== oldUrlParams[0].split(\"&\")[0];\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":"NR - Typeahead Search","options":{"u_image":"","async_load":false,"preserve_placeholder_size":false,"sp_widget_dv":"","u_template_dv":"","advanced_placeholder_dimensions":false,"sp_column_dv":"","active":false,"refresh_page_on_search_submission":false,"sys_tags":"","title":"Search","order":-1},"sys_scope":"global","id":"nr-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.004"},"sections":[]},"roles":"","rectangle_id":"b9fbffa11b5f59500abba866624bcb93","_metastack_size":0,"option_schema":"[{\"name\":\"color\",\"label\":\"Color\",\"type\":\"string\"},{\"name\":\"glyph\",\"label\":\"glyph\",\"type\":\"string\"},{\"name\":\"size\",\"label\":\"Size\",\"type\":\"string\"},{\"hint\":\"Number of typeahead search results returned (default 15)\",\"name\":\"limit\",\"label\":\"Limit\",\"type\":\"integer\"},{\"name\":\"result_col_class\",\"label\":\"Custom Result Columns\",\"type\":\"string\"},{\"hint\":\"Results per section\",\"name\":\"section_limit\",\"label\":\"Section Limit\",\"type\":\"integer\"}]","sys_class_name":"sp_widget","dependencies":[{"module":"advancedSearchBoxModule","files":[{"type":"script","url":"/advanced-search-box.jsdbx?c=0"}]}],"sys_id":"ddea363713c643002558d3228144b00b","public":true,"client_script":"function($scope, $window) {\n\tvar c = this;\n\tc.init = function() {\n\t\tc.loading = false;\n\t\tc.show_results = false;\n\t\tif (c.data.url_q) {\n\t\t} else if (c.data.q) {\n\t\t}\n\t};\n\t\n\tc.enterSearch = function() {\n\t\tvar instant_search_term = $('#topSearch').val();\n\t\tif (!instant_search_term || instant_search_term == '') {\n\t\t\treturn;\n\t\t}\n\t\tvar cleaned_q = instant_search_term.trim();\n\t\tvar encoded_q = encodeURIComponent(cleaned_q);\n\t\tvar redirect_url = '?id=search_results&q=' + encoded_q;\n\t\t$window.location.href = redirect_url;\n\t};\n\tc.fullSearch = function() {\n\t\tif (!c.q || c.q == '') {\n\t\t\treturn;\n\t\t}\n\t\tvar cleaned_q = c.q.trim();\n\t\tif (cleaned_q == '') {\n\t\t\treturn;\n\t\t}\n\t\tif (cleaned_q.length < 2) {\n\t\t\treturn;\n\t\t}\n\t\tvar encoded_q = encodeURIComponent(cleaned_q);\n\t\tvar redirect_url = '?id=search_results&q=' + encoded_q;\n\t\t$window.location.href = redirect_url;\n\t};\n\tc.showLoading = function() {\n\t\tif (c.loading && c.data.q != '') {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t};\n\tc.showEmptyMessage = function() {\n\t\tif (c.data.sections.length == 0 && c.data.q != '' && c.loading == false) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t};\n\tc.getGoogleResults = function() {\n\t\tvar gcse = document.createElement('script');\ngcse.type = 'text/javascript';\n\t\tgcse.async = true;\ngcse.src = 'https://cse.google.com/cse.js?cx=' + c.data.cx;\n\t\tvar s = document.getElementsByTagName('script')[0];\n\t\ts.parentNode.insertBefore(gcse, s);\n\t};\n\tc.getPlaceholder = function() {\n\t\tif ($scope.page.id == 'all_services') {\n\t\t\treturn 'Search Yale IT Services';\n\t\t}\n\t\tif ($scope.page.id == 'services') {\n\t\t\treturn 'Search a topic or for a service...';\n\t\t}\n\t\treturn 'Search a topic or for a service...';\n\t};\n\tc.init();\n}\n","name":"IT - Top search","options":{"u_image":"","async_load_trigger":"viewport","async_load":false,"color":"default","u_template_dv":"","sp_column":"86bfb23713c643002558d3228144b08c","sp_column_dv":"1","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"IT - Top search","size":"md","advanced_placeholder_dimensions":false,"placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>","sp_widget":"ddea363713c643002558d3228144b00b","sys_class_name_dv":"Instance","order":1},"sys_scope":"global","id":"","_script_execution_time":3,"field_list":"","controller_as":"c","providers":[{"name":"tpEnter","type":"directive","script":"function() {\n\treturn {\n\t\tlink: function(scope, element, attrs) {\n\t\t\telement.bind(\"keydown keypress\", function (event) {\n\t\t\t\tif (event.which === 13) {\n\t\t\t\t\tscope.$apply(function() {\n\t\t\t\t\t\tscope.$eval(attrs.tpEnter);\n\t\t\t\t\t});\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\trestrict: 'A' \n\t};\n}\n"}],"_server_time":"0.018"},"instance_id":"b9fbffa11b5f59500abba866624bcb93","title":""}],"class_name":"","semantic_tag":"","order":1}],"class_name":"","semantic_tag":"","order":1}],"class_name":"","semantic_tag":"","order":1},{"sys_id":"b6742ffb136957042558d3228144b038","bootstrap_alt":false,"subheader":false,"background":"{\"background-size\":\"initial\",\"background-position\":\"center center\"}","width":"container-fluid","container_class_name":"","title":"","rows":[{"sys_id":"6b74af7f136957042558d3228144b0c9","columns":[{"sys_id":"2b74af7f136957042558d3228144b0cb","size_classes":"col-md-12 ","rows":[],"widgets":[{"sys_id":"3a84ef7f136957042558d3228144b082","widget":{"template":"<div class=\"main-links pull-in\" id=\"main\">\n <div class=\"container\">\n  <div class=\"yale-flex-container\">\n   <div class=\"yale-flex-item\"><a ng-href=\"{{data.incident_link}}\" class=\"main-link\">\n     <div class=\"top\"><img src=\"reportproblem64.png\" width=\"127\" height=\"64\" alt=\"\" role=\"presentation\">\n     <\/div>\n     <div class=\"bottom\">\n      Report a Problem\n     <\/div> <\/a>\n   <\/div>\n   <div class=\"yale-flex-item\"><a href=\"?id=my_items\" class=\"main-link\">\n     <div class=\"top\"><img src=\"viewitems64.png\" width=\"64\" height=\"64\" alt=\"\" role=\"presentation\">\n     <\/div>\n     <div class=\"bottom\">\n      View my Items\n     <\/div> <\/a>\n   <\/div>\n   <div class=\"yale-flex-item\"><a href=\"?id=all_support_articles\" class=\"main-link\">\n     <div class=\"top\"><img src=\"search64.png\" height=\"64\" alt=\"\" role=\"presentation\">\n     <\/div>\n     <div class=\"bottom\">\n      Search How-to Articles\n     <\/div> <\/a>\n   <\/div>\n   <div class=\"yale-flex-item\"><a href=\"?id=nr_emp_taxonomy_topic&amp;topic_id=e29da00a1bebe1900abba866624bcb94\" class=\"main-link\">\n     <div class=\"top\"><img src=\"RequestService64.png\" width=\"96\" height=\"64\" alt=\"\" role=\"presentation\">\n     <\/div>\n     <div class=\"bottom\">\n      Request a Service\n     <\/div> <\/a>\n   <\/div>\n   <div class=\"yale-flex-item\"><a href=\"https://cybersecurity.yale.edu/get-help/report/report-incident\" class=\"main-link\">\n     <div class=\"top\"><img src=\"securitythreat64.png\" width=\"75\" height=\"64\" alt=\"\" role=\"presentation\">\n     <\/div>\n     <div class=\"bottom\">\n      Report a Security Incident\n     <\/div> <\/a>\n   <\/div>\n  <\/div>\n <\/div>\n<\/div>","css":"\n.v5c52affb136957042558d3228144b00a .main-links {\n\tpadding-top: 35px;\n\tpadding-bottom: 15px;\n\tbackground-image: url('homepage-banner.jpg');\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n}\n\n.v5c52affb136957042558d3228144b00a .main-link {\n\tdisplay: block;\n\tcolor: white;\n\ttext-align: center;\n\tmargin-bottom: 20px;\n\tpadding: 0px 5px;\n}\n\n.v5c52affb136957042558d3228144b00a .main-link .top {\n\tdisplay: block;\n\tmargin-bottom: 20px;\n}\n\n.v5c52affb136957042558d3228144b00a .bottom {\n\tdisplay: block;\n\tfont-weight: bold;\n}\n\n.v5c52affb136957042558d3228144b00a .yale-flex-container {\n\tdisplay: flex;\n\tflex-flow: row nowrap;\n}\n\n.v5c52affb136957042558d3228144b00a .yale-flex-item {\n\tflex: 1 1 auto;\n}\n@media (max-width: 767px) {\n\t\n.v5c52affb136957042558d3228144b00a .yale-flex-container {\n\tflex-flow: row wrap;\n}\n\t\n.v5c52affb136957042558d3228144b00a .yale-flex-item {\n\tflex: 1 1 50%;\n}\n}","async_load":false,"data":{"incident_link":"?id=incident_form&prefill_u_business_service=19688dcd6fbb31007ee2abcf9f3ee40a&prefill_u_category=e13bd1c16ffb31007ee2abcf9f3ee4cb"},"roles":"","rectangle_id":"3a84ef7f136957042558d3228144b082","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"5c52affb136957042558d3228144b00a","public":true,"client_script":"function() {\n  var c = this;\n}\n","name":"IT - Home main links","options":{"u_image":"","async_load_trigger":"viewport","async_load":false,"color":"default","u_template_dv":"","sp_column":"2b74af7f136957042558d3228144b0cb","sp_column_dv":"1","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"IT - Home main links","size":"md","advanced_placeholder_dimensions":false,"placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>","sp_widget":"5c52affb136957042558d3228144b00a","sys_class_name_dv":"Instance","order":1},"sys_scope":"global","id":"","_script_execution_time":1,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.007"},"instance_id":"3a84ef7f136957042558d3228144b082","title":""}],"class_name":"","semantic_tag":"","order":1}],"class_name":"","semantic_tag":"","order":1}],"class_name":"","semantic_tag":"","order":2},{"sys_id":"cb272bff136957042558d3228144b067","bootstrap_alt":false,"subheader":false,"background":"{\"background-size\":\"initial\",\"background-position\":\"center center\"}","width":"container","container_class_name":"","title":"","rows":[{"sys_id":"12a7efff136957042558d3228144b05d","columns":[{"sys_id":"daa7efff136957042558d3228144b05e","size_classes":"col-md-9 ","rows":[],"widgets":[{"sys_id":"5798273313a957042558d3228144b0a7","widget":{"template":"<div class=\"featured-blocks\">\n <div class=\"row\">\n  <div ng-repeat=\"item in c.data.sections\" class=\"col-sm-4\"><a ng-href=\"{{item.u_url}}\" class=\"featured-block\">\n    <div class=\"top\"><img ng-src=\"{{item.u_image}}\" alt=\"\" role=\"presentation\">\n    <\/div>\n    <div class=\"bottom\">\n     {{item.u_title}}\n    <\/div> <\/a>\n  <\/div> <!--  <div class=\"col-sm-4\">\n      <a href=\"https://your.yale.edu/work-yale/publications/it-update\" class=\"featured-block\">\n        <div class=\"top\">\n          <img src=\"it_update_new.jpg\" alt=\"\" role=\"presentation\" />\n        <\/div>\n        <div class=\"bottom\">IT Update<\/div>\n      <\/a> \n    <\/div>-->\n <\/div>\n<\/div>","css":"\n.v4db7efff136957042558d3228144b0a7 .featured-block {\n\tdisplay: block;\n\tmargin-bottom: 20px;\n}\n\n.v4db7efff136957042558d3228144b0a7 .featured-block .top {\n\theight: 190px;\n\tmargin-bottom: 10px;\n\ttext-align: center;\n}\n\n.v4db7efff136957042558d3228144b0a7 .featured-block .top img {\n\theight: 100%;\n\tmax-width: 100%;\n}\n\n.v4db7efff136957042558d3228144b0a7 .featured-block .bottom {\n\tcolor: $yale-blue-light-blue;\n\tfont-size: 20px;\n\tline-height: 22px;\n}\n@media (max-width: 767px) {\n\t\n.v4db7efff136957042558d3228144b0a7 .featured-blocks {\n\tmargin-bottom: 20px;\n}\n}","async_load":false,"data":{"sections":[{"sys_id":"7031955347844f1084888aac416d4371","u_image":"af81595347844f1084888aac416d432a.iix","u_title":"Personalized IT support with ITS Help Desk","u_url":"https://yaleedu.sharepoint.com/sites/inside-your-yale/SitePages/Personalized-IT-support-with-ITS-Help-Desk.aspx"},{"sys_id":"ddb31ab693a3a61026f5bbcd1dba10ad","u_image":"e9f35eb693a3a61026f5bbcd1dba1062.iix","u_title":"Happening now: Updated Yale ID cards","u_url":"https://yaleedu.sharepoint.com/sites/inside-your-yale/SitePages/Happening-Now--Updated-Yale-ID-cards.aspx"},{"sys_id":"eea486183b5b2e508db1b51916e45a4c","u_image":"7525ca583b5b2e508db1b51916e45a9b.iix","u_title":"Adobe Licensing Transition Frequently Asked Questions (FAQs)","u_url":"https://yale.service-now.com/it?id=kb_article&sysparm_article=KB0027311"}]},"roles":"","rectangle_id":"5798273313a957042558d3228144b0a7","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"4db7efff136957042558d3228144b0a7","public":true,"client_script":"function() {\n  var c = this;\n}\n","name":"IT - Home featured blocks","options":{"u_image":"","async_load_trigger":"viewport","async_load":false,"color":"default","u_template_dv":"","sp_column":"daa7efff136957042558d3228144b05e","sp_column_dv":"1","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"IT - Home featured blocks","size":"md","advanced_placeholder_dimensions":false,"placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>","sp_widget":"4db7efff136957042558d3228144b0a7","sys_class_name_dv":"Instance","order":1},"sys_scope":"global","id":"","_script_execution_time":5,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.003"},"instance_id":"5798273313a957042558d3228144b0a7","title":""}],"class_name":"","semantic_tag":"","order":1},{"sys_id":"d2a7a33313a957042558d3228144b0ec","size_classes":"col-md-3 ","rows":[],"widgets":[{"sys_id":"3e88ab3313a957042558d3228144b0a5","widget":{"template":"<div class=\"outages-delays\">\n <h3 class=\"outages-title\"><span ng-if=\"c.data.outages.length == 0\" class=\"fa fa-check-square\"><\/span><span ng-if=\"c.data.outages.length != 0\" class=\"fa fa-exclamation-triangle\"><\/span><a href=\"?id=it_system_status&amp;tab=active\">System Status<\/a><\/h3>\n <div ng-show=\"c.data.loading\" class=\"yale-loading\"><br> <i class=\"fa fa-circle-o-notch fa-spin fa-3x fa-fw\"><\/i> <span class=\"sr-only\">Loading...<\/span>\n <\/div>\n <ul ng-if=\"c.data.outages.length != 0\">\n  <li ng-repeat=\"item in c.data.outages\"><a ng-href=\"{{item.link}}\">{{item.text}}<span ng-if=\"item.count != 1\"> ({{item.count}})<\/span><\/a><\/li>\n <\/ul>\n <div ng-if=\"c.data.outages.length == 0\" class=\"empty-text\">\n  There are no outages or delays currently reported.\n <\/div>\n <div class=\"view-links\"><span ng-if=\"c.data.outages.length != 0\"><a href=\"?id=it_system_status&amp;tab=active\">All Active<\/a> |<\/span> <a href=\"?id=it_system_status&amp;tab=scheduled\">All Scheduled<\/a> <br> <a ng-if=\"data.is_logged_in\" ng-click=\"c.toggleSubscription()\"> <span ng-show=\"!c.data.hasOutageSubscription\">Subscribe to<\/span> <span ng-show=\"c.data.hasOutageSubscription\">Unsubscribe from<\/span> <span> Unplanned Statuses<\/span> <\/a> <!-- Previously added for Newrocket CS0213065. Moved this over to '/it?id=it_system_status&tab=active' --> <!-- <p>Duty Officer: {{data.currentOnCall.title}} <a href=\"?id=pager_duty_schedule\" target=\"_blank\">View the duty officer schedule<\/a><\/p> -->\n <\/div>\n<\/div>","css":"\n.ve06efe7713c643002558d3228144b0f2 .empty-text {\n\tfont-family: \"MalloryBook\";\n\tcolor: black;\n\tmargin-bottom: 20px;\n}\n\n.ve06efe7713c643002558d3228144b0f2 .outages-delays {\n\tmargin-bottom: 20px;\n\tbackground-color: #f8f8f8;\n\tpadding: 10px 20px 40px 20px;\n\tmin-height: 234px;\n\tposition: relative;\n\tborder: 1px solid #DDDDDD;\n}\n\n.ve06efe7713c643002558d3228144b0f2 .outages-delays .outages-title {\n\tmargin-top: 0px;\n\tmargin-bottom: 10px;\n\tfont-size: 20px;\n\tfont-family: \"MalloryMedium\";\n}\n\n.ve06efe7713c643002558d3228144b0f2 .outages-delays .outages-title .fa {\n\tfont-size: 24px;\n\tline-height: 20px;\n\tvertical-align: -2px;\n\tmargin-left: 6px;\n\tmargin-right: 6px;\n}\n\n.ve06efe7713c643002558d3228144b0f2 .outages-delays .outages-title .fa-check-square {\n\tcolor: #5F712D;\n\tfont-weight: 200;\n}\n\n.ve06efe7713c643002558d3228144b0f2 .outages-delays .outages-title .fa-exclamation-triangle {\n\tcolor: #cc6600;\n}\n\n.ve06efe7713c643002558d3228144b0f2 .outages-delays ul {\n\tpadding-left: 0px;\n\tlist-style: none;\n\tfont-family: \"MalloryBook\";\n}\n\n.ve06efe7713c643002558d3228144b0f2 .outages-delays ul  > li {\n\tmargin: 10px 10px;\n\tfont-size: 14px;\n}\n\n.ve06efe7713c643002558d3228144b0f2 .outages-delays .view-links {\n\tfont-family: \"MalloryBook\";\n\tfont-size: 13px;\n\tcolor: #003c76;\n\tposition: absolute;\n\tbottom: 8px;\n\tleft: 5%;\n\twidth: 90%;\n\tborder-top: 1px solid #DDDDDD;\n\tpadding-top: 5px;\n}\n\n.ve06efe7713c643002558d3228144b0f2 .outages-delays .view-links a {\n\twhite-space: nowrap;\n}","async_load":false,"data":{},"roles":"","rectangle_id":"3e88ab3313a957042558d3228144b0a5","_metastack_size":0,"option_schema":"","sys_class_name":"sp_widget","dependencies":[],"sys_id":"e06efe7713c643002558d3228144b0f2","public":true,"client_script":"function() {\n    var c = this;\n    c.data.loading = true;\n    c.server.update().then(function() {\n        console.log(c.data.outages);\n    });\n    c.toggleSubscription = function() {\n        c.data.toggle_subscription = true;\n        c.server.update().then(function() {\n            c.data.toggle_subscription = false;\n        });\n    }\n}\n","name":"IT - Home status update","options":{"u_image":"","async_load_trigger":"viewport","async_load":false,"color":"default","u_template_dv":"","sp_column":"d2a7a33313a957042558d3228144b0ec","sp_column_dv":"2","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","sys_class_name":"sp_instance","size_dv":"Medium","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"IT - Home status update","size":"md","advanced_placeholder_dimensions":false,"placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>","sp_widget":"e06efe7713c643002558d3228144b0f2","sys_class_name_dv":"Instance","order":1},"sys_scope":"global","id":"it-home-outages","_script_execution_time":1,"field_list":"","controller_as":"c","providers":[],"_server_time":"0.004"},"instance_id":"3e88ab3313a957042558d3228144b0a5","title":""}],"class_name":"","semantic_tag":"","order":2}],"class_name":"","semantic_tag":"","order":1}],"class_name":"padder-t-xl padder-b-xl","semantic_tag":"","order":3},{"sys_id":"cfef723b13c643002558d3228144b0ef","bootstrap_alt":false,"subheader":false,"background":"{\"background-color\":\"#f8f8f8\",\"background-size\":\"initial\",\"background-position\":\"center center\"}","width":"container","container_class_name":"","title":"","rows":[{"sys_id":"00ff363b13c643002558d3228144b04f","columns":[{"sys_id":"c8ff363b13c643002558d3228144b050","size_classes":"col-md-12 ","rows":[],"widgets":[{"sys_id":"dec32e8ddb915bc001947d8bbf9619d4","widget":{"template":"<div class=\"popular\">\n <h2>{{data.title}}<\/h2>\n <div class=\"row\">\n  <div class=\"col-sm-4\">\n   <div class=\"list-section\">\n    <h3 class=\"section-title\">How-To Articles<\/h3>\n    <div ng-show=\"c.loading\" class=\"yale-loading\"><i class=\"fa fa-circle-o-notch fa-spin fa-3x fa-fw\"><\/i> <span class=\"sr-only\">Loading...<\/span>\n    <\/div>\n    <ol ng-if=\"!c.loading\">\n     <li ng-repeat=\"item in c.data.articles\"><a ng-href=\"{{item.link}}\">{{item.text}}<\/a><\/li>\n    <\/ol>\n    <div><b><a href=\"/it?id=all_support_articles\" alt=\"How-To Articles\">View More<span class=\"fa fa-caret-right\"><\/span><\/a><\/b>\n    <\/div>\n   <\/div><!-- END list-section -->\n  <\/div><!-- END col -->\n  <div class=\"col-sm-4\">\n   <div class=\"list-section\">\n    <h3 class=\"section-title\">Services<\/h3>\n    <div ng-show=\"c.loading\" class=\"yale-loading\"><i class=\"fa fa-circle-o-notch fa-spin fa-3x fa-fw\"><\/i> <span class=\"sr-only\">Loading...<\/span>\n    <\/div>\n    <ol ng-if=\"!c.loading\">\n     <li ng-repeat=\"item in c.data.services\"><a ng-href=\"{{item.link}}\">{{item.text}}<\/a><\/li>\n    <\/ol>\n    <div><b><a href=\"/it?id=service_groups\" alt=\"Services\">View More<span class=\"fa fa-caret-right\"><\/span><\/a><\/b>\n    <\/div>\n   <\/div><!-- END list-section -->\n  <\/div><!-- END col -->\n  <div class=\"col-sm-4\">\n   <div class=\"list-section\">\n    <h3 class=\"section-title\">Campus IT Support<\/h3>\n    <div ng-show=\"c.loading\" class=\"yale-loading\"><i class=\"fa fa-circle-o-notch fa-spin fa-3x fa-fw\"><\/i> <span class=\"sr-only\">Loading...<\/span>\n    <\/div>\n    <ol ng-if=\"!c.loading\">\n     <li ng-repeat=\"item in c.data.support_links\"><a ng-href=\"{{item.link}}\">{{item.text}}<\/a><\/li>\n    <\/ol>\n    <div><b><a href=\"https://its.yale.edu/about-it/leadership-organization/campus-it-support\" alt=\"Campus IT Support\">View More<span class=\"fa fa-caret-right\"><\/span><\/a><\/b>\n    <\/div>\n   <\/div><!-- END list-section -->\n  <\/div><!-- END col -->\n <\/div>\n<\/div>","css":"\n.v36e1e285db915bc001947d8bbf9619e1 .popular {\n\tcolor: #003c76;\n\tpadding-top: 40px;\n\tpadding-bottom: 20px;\n}\n\n.v36e1e285db915bc001947d8bbf9619e1 h2 {\n\tmargin-top: 0px;\n\tmargin-bottom: 20px;\n}\n\n.v36e1e285db915bc001947d8bbf9619e1 h3 {\n\tmargin-top: 0px;\n\tmargin-bottom: 15px;\n\tfont-size: 22px;\n\tfont-family: \"MalloryBook\";\n}\n\n.v36e1e285db915bc001947d8bbf9619e1 .list-section {\n\tmargin-bottom: 20px;\n}\n\n.v36e1e285db915bc001947d8bbf9619e1 .list-section .fa {\n\tfont-size: 20px;\n\tvertical-align: -2px;\n\tmargin-left: 6px;\n}\n\n.v36e1e285db915bc001947d8bbf9619e1 .list-section ol {\n\tpadding-left: 0px;\n\tlist-style: none;\n}\n\n.v36e1e285db915bc001947d8bbf9619e1 .list-section ol  > li {\n\tmargin: 10px 0px;\n}","async_load":false,"data":{"is_logged_in":false,"knowledge_base":"","support_links":[],"section_limit":10,"services":[],"title":"Access Popular Resources","articles":[]},"roles":"","rectangle_id":"dec32e8ddb915bc001947d8bbf9619d4","_metastack_size":0,"option_schema":"[{\"name\":\"section_limit\",\"default_value\":\"10\",\"label\":\"Section limit\",\"type\":\"integer\"}]","sys_class_name":"sp_widget","dependencies":[],"sys_id":"36e1e285db915bc001947d8bbf9619e1","public":true,"client_script":"function() {\n\tvar c = this;\n\tc.init = function() {\n\t\tc.loading = true;\n\t\tc.getData();\n\t};\n\tc.getData = function() {\n\t\tc.loading = true;\n\t\tc.data.get_data = true;\n\t\tc.server.update().then(function(r) {\n\t\t\tc.loading = false;\n\t\t});\n\t};\n\tc.init();\n}\n","name":"IT - Popular resources","options":{"u_image":"","async_load_trigger":"viewport","async_load":false,"color":"default","sp_column":"c8ff363b13c643002558d3228144b050","sp_column_dv":"1","title":"Access Popular Resources","sys_class_name":"sp_instance","size_dv":"Medium","advanced_placeholder_dimensions":false,"sys_name":"Access Popular Resources","sp_widget":"36e1e285db915bc001947d8bbf9619e1","sys_class_name_dv":"Instance","order":1,"u_template_dv":"","widget_parameters":"{\n\t\"section_limit\": {\n\t\t\"value\": 10,\n\t\t\"displayValue\": \"10\"\n\t}\n}","active":true,"async_load_device_type":"desktop,tablet,mobile","color_dv":"Default","section_limit":10,"placeholder_dimensions_script":"function evaluateConfig(options) { return {\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}; }","sys_tags":"","preserve_placeholder_size":false,"async_load_trigger_dv":"Viewport | The widget will only load when it comes into view on the screen","sp_widget_dv":"IT - Popular resources","size":"md","placeholder_dimensions":"{\r\t\"mobile\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"desktop\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t},\r\t\"tablet\": {\r\t\t\"height\": \"250px\",\r\t\t\"width\": \"100%\"\r\t}\r}","placeholder_template":"<!-- \n\tAngularJS template with configurable options.\n\tUse the `options` object to control dynamic behavior.\n\tExample: Display an element when max row count is 10:\n\t<div ng-if=\"options.maxRowCount === 10\"><\/div>\n\tThe `skeleton-container` class is used for loading placeholders.\n-->\n\t<div class=\"skeleton-container\">\n\t<!-- Header Skeleton -->\n\t<div class=\"skeleton-box skeleton-header\"><\/div>\n\t<!-- Body Skeleton -->\n\t<div class=\"skeleton-box skeleton-line\"><\/div>\n\t<div class=\"skeleton-box skeleton-line small\"><\/div>\n\t<div class=\"skeleton-box skeleton-line medium\"><\/div>\n<\/div>"},"sys_scope":"global","id":"it-popular-resources","_script_execution_time":1,"field_list":"title","controller_as":"c","providers":[],"_server_time":"0.004"},"instance_id":"dec32e8ddb915bc001947d8bbf9619d4","title":"Access Popular Resources"}],"class_name":"","semantic_tag":"","order":1}],"class_name":"","semantic_tag":"","order":1}],"class_name":"b-t-green","semantic_tag":"","order":4}],"page":{"human_readable_url":"","internal":false,"css":"","has_custom_main_tag":false,"use_seo_script":false,"seo_script_dv":"","untranslated_title":"Homepage","title":"Homepage","sys_tags":"","sys_class_name":"sp_page","sys_id":"79316e23138e03002558d3228144b020","omit_watcher":false,"public":true,"draft":false,"sys_name":"it_index","sys_scope":"global","id":"it_index","category_dv":"Custom","category":"custom","static_title":"Homepage","sys_class_name_dv":"Page"},"user":{"sys_id":"0f9e40426fff31007ee2abcf9f3ee448","user_name":"guest","logged_in":false,"can_debug":false,"name":"Guest User","can_debug_admin":false,"last_name":"User","avatar":"","first_name":"Guest","email":"","preferred_language":""},"announcements":[],"seotags":[]}}