@charset "UTF-8";
/* styles for menu-container items*/
body {
  /* Styles for desktop popover */
}
body .menu-container .menuButton:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.1);
}
body .menu-container div.drawerDesktop {
  display: inline-block;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
body .menu-container div.drawerDesktop .logo {
  color: #002856;
  display: inline-block;
  height: 18px;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-size: 26px;
  margin: 24px 0 24px 24px;
  line-height: normal;
  letter-spacing: normal;
}
body .menu-container div.drawerDesktop .logo:hover {
  cursor: pointer;
}
body .menu-container div.drawerDesktop #innerDrawer {
  border-radius: 2px;
  box-shadow: 0 3px 10px 0 #0000003a, 0 3px 10px 0 #00000028;
}
body .menu-container div.drawerDesktop #innerDrawer .list {
  width: 360px;
}
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0px;
}
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.header-list,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.title-list {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  line-height: 28px;
  padding: 0px 0 7px 0px;
  position: relative;
  width: 100%;
  display: block;
}
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.header-list a.createLink,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.title-list a.createLink {
  color: #002856;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.header-list li.home,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.title-list li.home {
  display: none;
}
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.header-list li.header,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.title-list li.header {
  padding: 15px 0 0 24px;
  color: #002856;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  padding: 15px 0 5px 24px;
  text-decoration: none;
  text-transform: uppercase;
}
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.header-list li.titles,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.title-list li.titles {
  border-left: solid #fff 4px;
  color: #424242;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  line-height: 26px;
  padding: 5px 0 5px 22px;
  width: 100%;
}
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.header-list li.titles a.createLink,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.title-list li.titles a.createLink {
  color: #424242;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.header-list li.titles .float-icon-right,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.title-list li.titles .float-icon-right {
  float: right;
  margin-right: 8px;
}
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.header-list li.titles .float-icon-right:hover,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.title-list li.titles .float-icon-right:hover {
  color: #000;
}
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.header-list li.titles:hover,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.title-list li.titles:hover,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.header-list li.titles .active,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.title-list li.titles .active,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.header-list li.titles.active,
body .menu-container div.drawerDesktop #innerDrawer .list nav.desktopMenu ul.title-list li.titles.active {
  cursor: pointer;
  background-color: #eee;
  border-left-color: #00adef;
}
body .menu-popover-desktop {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  left: -8px !important;
  width: 360px;
}
body .menu-popover-desktop #paperPopover {
  width: 360px;
  min-width: 0;
  left: 352px !important;
  overflow-y: auto;
}
body .menu-popover-desktop #paperPopover ul.popoverList {
  max-height: 310px;
  min-height: 60px;
  background-color: #fff;
}
body .menu-popover-desktop #paperPopover ul.popoverList a.createLink {
  color: #424242;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
body .menu-popover-desktop #paperPopover ul.popoverList a.createLink li.items-list {
  line-height: 1.21;
  display: block;
  width: 100%;
  padding: 0 20px 15px 20px;
}
body .menu-popover-desktop #paperPopover ul.popoverList a.createLink li.items-list .links {
  color: #000;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  padding: 15px 0 0 0;
}
body .menu-popover-desktop #paperPopover ul.popoverList a.createLink li.items-list .description {
  color: #424242;
  display: block;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 13px;
  padding: 4px 0 0px 0;
}
body .menu-popover-desktop #paperPopover ul.popoverList a.createLink:hover {
  cursor: pointer;
  text-decoration: none;
}
body .menu-popover-desktop #paperPopover ul.popoverList a.createLink:focus {
  cursor: pointer;
}
body .menu-popover-desktop #paperPopover ul.popoverList:empty {
  display: none;
}
body div.drawerMobile {
  display: inline-block;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  height: 100%;
  overflow-y: none !important;
}
body div.drawerMobile #innerDrawer .logoWrapper {
  position: relative;
  z-index: 1201;
  height: 106px;
  top: 0;
  left: 0;
  background: #fff;
}
body div.drawerMobile #innerDrawer .logoWrapper .logo {
  color: #002856;
  display: inline-block;
  height: 18px;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-size: 26px;
  margin: 10px 0 0px 24px;
  line-height: normal;
  letter-spacing: normal;
}
body div.drawerMobile #innerDrawer .logoWrapper .logo:hover {
  cursor: pointer;
}
body div.drawerMobile #innerDrawer .logoWrapper button.closeMenu {
  width: 48px;
}
body div.drawerMobile #innerDrawer .header-icons {
  background-color: #f5f5f5;
  margin-bottom: 16px;
}
body div.drawerMobile #innerDrawer .header-icons .mdi-icon {
  fill: #002856;
}
body div.drawerMobile #innerDrawer .header-icons button {
  margin: 0;
}
body div.drawerMobile #innerDrawer .header-icons .main-li {
  color: #002856;
  margin: 0;
  border-right: solid 1px #e0e0e0;
  border-bottom: 1px solid;
  text-transform: capitalize;
  font-size: 12px;
}
body div.drawerMobile #innerDrawer .header-icons .main-li:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
body div.drawerMobile #innerDrawer .header-icons .main-li .nav-label {
  margin-top: 0;
}
body div.drawerMobile #innerDrawer .header-icons .main-li.active {
  background-color: rgba(0, 0, 0, 0.08);
}
body div.drawerMobile #innerDrawer .header-icons .main-li a {
  color: #002856;
  padding: 12px 13px 8px;
  border-bottom: none;
}
body div.drawerMobile #innerDrawer .header-icons li.pop-menu {
  padding: 10px 13px 8px;
}
body div.drawerMobile #innerDrawer .header-icons li.pop-menu .nav-label {
  margin-top: 2px;
  text-transform: capitalize;
}
body div.drawerMobile #innerDrawer .list {
  width: 323px;
  overflow-y: auto;
  overflow-x: hidden;
}
body div.drawerMobile #innerDrawer .list nav.mobileMenu {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0px;
}
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.header-list {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  height: auto;
  padding: 0px 0 10px 0px;
  position: relative;
  width: 100%;
  display: block;
}
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.header-list li.home {
  display: none;
}
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.header-list li.header {
  color: #002856;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  padding: 0 0 0 24px;
  text-decoration: none;
  text-transform: uppercase;
}
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.header-list li.header a.createLink {
  color: #002856;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.title-list {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  height: auto;
  padding: 10px 0 10px 0px;
  position: relative;
  width: 100%;
  display: block;
}
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.title-list a.createLink {
  color: #424242;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.title-list li.titles {
  border-left: solid #fff 4px;
  color: #424242;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  line-height: 26px;
  padding: 8px 0 8px 24px;
  width: 100%;
}
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.title-list li.titles .float-icon-right {
  float: right;
  margin-right: 15px;
}
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.title-list li.titles .float-icon-right:hover {
  color: #000;
}
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.title-list li.titles:hover,
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.title-list li.titles .active,
body div.drawerMobile #innerDrawer .list nav.mobileMenu ul.title-list li.titles.active {
  cursor: pointer;
  background-color: #eee;
  border-left-color: #00adef;
}
body div.drawerMobile #innerDrawer .footer {
  color: #616161;
  height: 66px;
  font-size: 12px;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: normal;
  padding-top: 16px;
  padding-bottom: 0px;
}
body div.drawerMobile #innerDrawer .footer li {
  padding-top: 0px;
  padding-bottom: 0px;
}
body div.drawerMobile #innerDrawer .footer li a {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
body div.drawerMobile #innerDrawer .toTop {
  width: 320px;
  height: 64px;
  color: #002856;
  font-size: 14px;
  font-weight: 500;
}
body div.drawerMobile #innerDrawer .toTop button {
  width: 48px;
}
body .closeMenu {
  float: right;
  margin-top: 10px;
  outline: none;
}
body .closeMenu .close {
  fill: #757575;
  outline: none;
}
body .menu-popover-mobile {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  margin-top: 50px;
  width: 320px;
}
body .menu-popover-mobile > div {
  border-top: 1px solid #cdcdcd;
  max-height: 100%;
  min-height: 100vh;
  max-width: 360px;
  min-width: 320;
  left: 0 !important;
  top: 0px;
}
body .menu-popover-mobile > div ul.paperPopover {
  height: 100%;
}
body .menu-popover-mobile > div ul.paperPopover div.header {
  color: #002856;
  text-transform: uppercase;
  font-size: 16px;
}
body .menu-popover-mobile > div ul.paperPopover a {
  text-decoration: none;
}
body .menu-popover-mobile > div ul.paperPopover a li.items-list {
  line-height: 1.21;
  display: block;
  width: 320px;
}
body .menu-popover-mobile > div ul.paperPopover a li.items-list:hover {
  cursor: pointer;
  text-decoration: none;
}
body .menu-popover-mobile > div ul.paperPopover a li.items-list .links {
  padding-bottom: 5px;
  color: #000;
  font-weight: normal;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  padding: 10px 0 0px 0;
}
body .menu-popover-mobile > div ul.paperPopover a li.items-list .links:hover {
  cursor: pointer;
  text-decoration: none;
}
body .menu-popover-mobile > div ul.paperPopover a li.items-list .links:focus {
  cursor: pointer;
}
body .menu-popover-mobile > div ul.paperPopover a li.items-list .description {
  color: #424242;
  display: block;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 13px;
  padding: 0 0 10px 0;
}
body .menu-popover-mobile > div ul.paperPopover a li.items-list .description:hover {
  cursor: pointer;
  text-decoration: none;
}
body .hdr-slide {
  font-size: 14px;
  line-height: normal;
  color: #424242;
  left: 0 !important;
  min-width: 300px;
  height: 100%;
  min-height: 100vh;
  width: 320px;
}
body .hdr-slide .header {
  color: #002856;
  font-size: 16px;
  background-color: #fff;
  padding: 24px 16px 10px 24px;
  text-transform: uppercase;
}
body .hdr-slide .header h5 {
  margin-bottom: 0;
}
body .hdr-slide .header span {
  padding-top: 5px;
  display: block;
}
body .hdr-slide ul.parent-list {
  padding: 0;
}
body .hdr-slide ul.parent-list:first-of-type {
  margin-top: 10px;
}
body .hdr-slide ul.parent-list.padded > li:not(.sub-list):hover {
  background-color: #EEEEEE;
  cursor: pointer;
}
body .hdr-slide ul.parent-list li.sub-list {
  padding: 0;
  display: block;
}
body .hdr-slide ul.parent-list li .sub-heading {
  padding: 10px 24px 10px 24px;
}
body .hdr-slide ul.parent-list li .sub-heading ~ ul {
  width: 100%;
}
body .hdr-slide ul.parent-list li .sub-heading ~ ul.child-list li {
  padding: 10px 24px 10px 40px;
}
body .hdr-slide ul.parent-list li .sub-heading ~ ul.child-list li:hover {
  background-color: #EEEEEE;
  cursor: pointer;
}
body .hdr-slide ul li a {
  color: #424242;
}
body .hdr-slide ul li a:focus,
body .hdr-slide ul li a:active {
  text-decoration: underline;
}
body .hdr-slide > div {
  max-width: 320px;
  min-width: 0;
  left: 0 !important;
}
body .hdr-slide ul ul {
  padding-top: 0;
  padding-bottom: 0;
}
body .hdr-slide li li {
  padding-left: 16px;
  padding-right: 0;
}
body .hdr-slide .parent-list {
  padding-top: 16px;
  padding-bottom: 0;
}
body .hdr-slide .child-list li,
body .hdr-slide .padded li {
  padding-bottom: 12px;
}
#app-header .search-typeahead,
#app-root .search-typeahead {
  padding-top: 14px;
  padding-bottom: 10px;
}
#app-header .search-typeahead .typeAheadInputContainer span.ui-helper-hidden-accessible,
#app-root .search-typeahead .typeAheadInputContainer span.ui-helper-hidden-accessible {
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  word-spacing: 0px;
  letter-spacing: 0px;
  text-indent: 0px;
  text-rendering: auto;
  text-transform: none;
}
#app-header .search-typeahead #searchSuggestions,
#app-root .search-typeahead #searchSuggestions,
#app-header .search-typeahead #searchResultsData,
#app-root .search-typeahead #searchResultsData {
  position: relative;
}
#app-header .search-typeahead #searchSuggestions .tt-menu,
#app-root .search-typeahead #searchSuggestions .tt-menu,
#app-header .search-typeahead #searchResultsData .tt-menu,
#app-root .search-typeahead #searchResultsData .tt-menu {
  position: absolute;
  top: 8px !important;
  z-index: 10000;
  width: 100% !important;
  background-color: #fefefe;
  border: 1px solid #e0e0e0;
  box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.3);
  padding: 5px 0px;
  left: 0px !important;
}
#app-header .search-typeahead #searchSuggestions .tt-menu .circularProgress,
#app-root .search-typeahead #searchSuggestions .tt-menu .circularProgress,
#app-header .search-typeahead #searchResultsData .tt-menu .circularProgress,
#app-root .search-typeahead #searchResultsData .tt-menu .circularProgress {
  margin: 0 auto;
  display: block;
}
#app-header .search-typeahead #searchSuggestions .tt-menu span.TypeAheadTriangle,
#app-root .search-typeahead #searchSuggestions .tt-menu span.TypeAheadTriangle,
#app-header .search-typeahead #searchResultsData .tt-menu span.TypeAheadTriangle,
#app-root .search-typeahead #searchResultsData .tt-menu span.TypeAheadTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -10px;
  left: 3%;
  z-index: 20000;
}
#app-header .search-typeahead #searchSuggestions .tt-menu .tt-category-level,
#app-root .search-typeahead #searchSuggestions .tt-menu .tt-category-level,
#app-header .search-typeahead #searchResultsData .tt-menu .tt-category-level,
#app-root .search-typeahead #searchResultsData .tt-menu .tt-category-level {
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  color: #222;
  text-align: left;
  margin-top: 0;
  white-space: normal;
  width: auto;
}
#app-header .search-typeahead #searchSuggestions .tt-menu .tt-category-level div,
#app-root .search-typeahead #searchSuggestions .tt-menu .tt-category-level div,
#app-header .search-typeahead #searchResultsData .tt-menu .tt-category-level div,
#app-root .search-typeahead #searchResultsData .tt-menu .tt-category-level div,
#app-header .search-typeahead #searchSuggestions .tt-menu .tt-category-level ul,
#app-root .search-typeahead #searchSuggestions .tt-menu .tt-category-level ul,
#app-header .search-typeahead #searchResultsData .tt-menu .tt-category-level ul,
#app-root .search-typeahead #searchResultsData .tt-menu .tt-category-level ul {
  margin: 0px;
}
#app-header .search-typeahead #searchSuggestions .tt-menu .tt-category-level label,
#app-root .search-typeahead #searchSuggestions .tt-menu .tt-category-level label,
#app-header .search-typeahead #searchResultsData .tt-menu .tt-category-level label,
#app-root .search-typeahead #searchResultsData .tt-menu .tt-category-level label {
  font-size: 14px;
  font-weight: 500;
  cursor: default;
  display: block;
  color: #5c6970;
  margin: 0;
  text-transform: capitalize;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}
#app-header .search-typeahead #searchSuggestions .tt-menu .tt-category-level li.tt-suggestion.tt-selectable,
#app-root .search-typeahead #searchSuggestions .tt-menu .tt-category-level li.tt-suggestion.tt-selectable,
#app-header .search-typeahead #searchResultsData .tt-menu .tt-category-level li.tt-suggestion.tt-selectable,
#app-root .search-typeahead #searchResultsData .tt-menu .tt-category-level li.tt-suggestion.tt-selectable {
  position: relative;
  top: 0;
  display: block;
  float: none;
  height: auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  color: #222;
  text-align: left;
  padding: 8px;
  margin-top: 0;
  white-space: normal;
  width: auto;
}
#app-header .search-typeahead #searchSuggestions .tt-menu .tt-category-level li.tt-suggestion.tt-selectable:hover,
#app-root .search-typeahead #searchSuggestions .tt-menu .tt-category-level li.tt-suggestion.tt-selectable:hover,
#app-header .search-typeahead #searchResultsData .tt-menu .tt-category-level li.tt-suggestion.tt-selectable:hover,
#app-root .search-typeahead #searchResultsData .tt-menu .tt-category-level li.tt-suggestion.tt-selectable:hover,
#app-header .search-typeahead #searchSuggestions .tt-menu .tt-category-level li.tt-suggestion.tt-selectable.tt-cursor,
#app-root .search-typeahead #searchSuggestions .tt-menu .tt-category-level li.tt-suggestion.tt-selectable.tt-cursor,
#app-header .search-typeahead #searchResultsData .tt-menu .tt-category-level li.tt-suggestion.tt-selectable.tt-cursor,
#app-root .search-typeahead #searchResultsData .tt-menu .tt-category-level li.tt-suggestion.tt-selectable.tt-cursor {
  color: #3a3a3a;
  background-color: #e3ecf1;
  cursor: pointer;
}
#app-header .search-typeahead #searchSuggestions .tt-menu .tt-category-level#terms,
#app-root .search-typeahead #searchSuggestions .tt-menu .tt-category-level#terms,
#app-header .search-typeahead #searchResultsData .tt-menu .tt-category-level#terms,
#app-root .search-typeahead #searchResultsData .tt-menu .tt-category-level#terms {
  border-top: 1px solid #e6e6e6;
  margin-top: 20px;
}
#app-header .search-typeahead #searchSuggestions .tt-menu span.tt-highlight,
#app-root .search-typeahead #searchSuggestions .tt-menu span.tt-highlight,
#app-header .search-typeahead #searchResultsData .tt-menu span.tt-highlight,
#app-root .search-typeahead #searchResultsData .tt-menu span.tt-highlight {
  font-weight: 700;
  background: lightyellow;
}
#app-header .search-typeahead .search-input,
#app-root .search-typeahead .search-input {
  background: #fff;
  border-radius: 2px;
  margin-bottom: 4px;
}
#app-header .search-typeahead .search-input input,
#app-root .search-typeahead .search-input input {
  border: 0;
  box-shadow: none;
  font-size: 16px;
  line-height: normal;
  padding: 7px 8px 7px 12px;
}
#app-header .search-typeahead .search-input input::placeholder,
#app-root .search-typeahead .search-input input::placeholder {
  color: #757575;
  opacity: 1;
}
#app-header .search-typeahead .search-input .mdi-icon,
#app-root .search-typeahead .search-input .mdi-icon {
  fill: #002856;
  width: 32px;
  height: 32px;
}
#app-header .search-typeahead .search-input .search-icon,
#app-root .search-typeahead .search-input .search-icon {
  align-items: flex-end;
  margin-right: 8px;
  margin-top: 2px;
  cursor: pointer;
}
#app-header .search-typeahead .hide,
#app-root .search-typeahead .hide {
  display: none;
}
#app-header .search-typeahead .tt-menu,
#app-root .search-typeahead .tt-menu {
  min-height: 330px;
}
#app-header .search-typeahead .adv-search,
#app-root .search-typeahead .adv-search {
  cursor: pointer;
  display: block;
  text-align: right;
  font-size: 12px;
  line-height: normal;
  color: #eeeeee;
}
.advanced-search-dialog .advanced-search-modal-paper {
  width: 848px;
  max-width: 1000px;
}
.advanced-search-dialog .advanced-search-header {
  background-color: #6f7878;
  color: #ffffff;
  height: 150px;
  max-height: 150px;
}
.advanced-search-dialog .advanced-search-header h1 {
  color: #ffffff;
  padding: 20px 30px 10px;
  display: inline-block;
  font-size: 26px;
  margin-bottom: 0px;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
}
.advanced-search-dialog .advanced-search-header .form-close-btn {
  float: right;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  font-size: 30px;
  margin-right: 24px;
  margin-top: 16px;
}
.advanced-search-dialog .advanced-search-header .search-field-set {
  margin-left: 24px;
  margin-right: 24px;
}
.advanced-search-dialog .advanced-search-header .search-field-set h4 {
  display: inline-block;
  color: #fff;
  margin-right: 100px;
}
.advanced-search-dialog .advanced-search-header .search-field-set .advanced-search-bar {
  display: inline-block;
  background-color: #fff;
  height: 37px;
}
.advanced-search-dialog .advanced-search-header .search-field-set .advanced-search-bar input {
  height: 24px;
  padding-left: 20px;
}
.advanced-search-dialog .advanced-search-header .search-field-set #search-tips-link {
  float: right;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.advanced-search-dialog .advanced-search-header .search-field-set #search-tips-link a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.advanced-search-dialog .advanced-search-body {
  margin-left: 40px;
  margin-right: 28px;
  margin-top: 20px;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section {
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 16px;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-drop-down {
  margin-top: 20px;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker {
  margin-top: 40px;
  margin-left: -38px;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-label {
  margin-right: 100px;
  display: block;
  margin-bottom: 10px;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .removeToDateError {
  display: none;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .showToDateError {
  position: absolute;
  margin-top: 40px !important;
  margin-left: 38px;
  color: red;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box {
  display: inline-flex;
  width: 50%;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-icon {
  margin-right: 16px;
  margin-top: 10px;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-from {
  margin-right: 20px;
  width: 100%;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-from p {
  margin-top: -50px;
  font-size: 16px;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-from div[class^='MuiInput-root-'],
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-from div[class*='MuiInput-root-'] {
  margin-top: 19px !important;
  padding-left: 3px !important;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-to {
  width: 100%;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-to p {
  margin-top: -50px;
  font-size: 16px;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-to div[class^='MuiInput-root-'],
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-to div[class*='MuiInput-root-'] {
  margin-top: 19px !important;
  padding-left: 3px !important;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-to-error {
  display: block;
  width: 100%;
  margin-top: -20px !important;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-to-error div:first-child {
  width: 100%;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-to-error p {
  margin-top: -50px;
  font-size: 16px;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-to-error label,
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-to-error input {
  color: red;
}
.advanced-search-dialog .advanced-search-body .advanced-search-drop-down-section .advanced-search-form-date-picker .date-picker-box .date-picker-to-error input {
  margin-top: 18px;
}
.advanced-search-dialog .form-button-group {
  margin-left: 45px;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.advanced-search-dialog .form-button-group .btn-search {
  background-color: #027cb5;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.95rem;
  border-radius: 5%;
  cursor: pointer;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 50px;
  padding-left: 40px;
  padding-right: 40px;
}
.advanced-search-dialog .form-button-group .btn-cancel {
  color: #027cb5;
}
@media only screen and (max-width: 400px) {
  .advanced-search-dialog .advanced-search-form-date-picker {
    margin-left: 0 !important;
  }
  .advanced-search-dialog .date-picker-icon {
    display: none;
  }
  .advanced-search-dialog .showToDateError {
    margin-left: 0 !important;
    width: 130px;
  }
  .advanced-search-dialog .btn-search {
    margin-right: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 0.75rem !important;
  }
  .advanced-search-dialog .btn-cancel {
    font-size: 0.775rem !important;
    padding: 8px 12px !important;
  }
}
#app-header .header-wrapper,
#app-root .header-wrapper {
  z-index: 1100;
  position: fixed;
  box-shadow: none;
  background-color: #002856;
}
#app-header .header-wrapper.loginRoot,
#app-root .header-wrapper.loginRoot {
  display: none;
}
#app-header .header-wrapper .header-grid,
#app-root .header-wrapper .header-grid {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}
#app-header .header-wrapper .mdi-icon,
#app-root .header-wrapper .mdi-icon {
  fill: #eee;
  cursor: pointer;
}
#app-header .header-wrapper input[type="text"]:focus,
#app-root .header-wrapper input[type="text"]:focus {
  box-shadow: none;
}
@media all and (max-width: 719px) {
  #app-header .header-wrapper .hide-menu .mega-menu,
  #app-root .header-wrapper .hide-menu .mega-menu {
    display: none;
  }
  #app-header .header-wrapper .hide-menu .search-typeahead,
  #app-root .header-wrapper .hide-menu .search-typeahead {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media all and (max-width: 959px) {
  #app-header .header-wrapper .mega-menu,
  #app-root .header-wrapper .mega-menu {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  #app-header .header-wrapper .mega-menu .lg-burger,
  #app-root .header-wrapper .mega-menu .lg-burger {
    width: 32px;
    height: 32px;
  }
  #app-header .header-wrapper .mega-menu button,
  #app-root .header-wrapper .mega-menu button {
    padding: 0;
    width: inherit;
    border: 0;
  }
  #app-header .header-wrapper .mega-menu button .mdi-icon,
  #app-root .header-wrapper .mega-menu button .mdi-icon {
    margin: 0;
  }
  #app-header .header-wrapper .nav-icons,
  #app-root .header-wrapper .nav-icons,
  #app-header .header-wrapper .txt-menu,
  #app-root .header-wrapper .txt-menu {
    display: none;
  }
  #app-header .header-wrapper .search-input input,
  #app-root .header-wrapper .search-input input {
    padding-left: 0;
  }
  #app-header .header-wrapper .typeAheadInputContainer,
  #app-root .header-wrapper .typeAheadInputContainer {
    float: right;
    width: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    transition: .2s linear;
  }
  #app-header .header-wrapper .search-icon,
  #app-root .header-wrapper .search-icon,
  #app-header .header-wrapper .adv-search,
  #app-root .header-wrapper .adv-search {
    display: none;
  }
  #app-header .header-wrapper .back-icon,
  #app-root .header-wrapper .back-icon {
    margin-left: 6px;
    margin-top: 2px;
  }
  #app-header .header-wrapper .for-mobile,
  #app-root .header-wrapper .for-mobile {
    width: 32px;
    height: 32px;
    float: right;
    fill: #eee;
    position: absolute;
    right: 21px;
    top: 24px;
    opacity: 1;
  }
  #app-header .header-wrapper .searchMobile,
  #app-root .header-wrapper .searchMobile {
    position: relative;
  }
  #app-header .header-wrapper .searchMobile .typeAheadInputContainer,
  #app-root .header-wrapper .searchMobile .typeAheadInputContainer {
    width: 100%;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    transition: .2s linear;
  }
  #app-header .header-wrapper .searchMobile .adv-search,
  #app-root .header-wrapper .searchMobile .adv-search {
    white-space: nowrap;
    display: block;
  }
  #app-header .header-wrapper .searchMobile .for-mobile,
  #app-root .header-wrapper .searchMobile .for-mobile {
    opacity: 0;
    fill: #fff;
    right: 8px;
    top: 7px;
  }
}
@media all and (min-width: 960px) {
  #app-header .header-wrapper .back-icon,
  #app-root .header-wrapper .back-icon,
  #app-header .header-wrapper .for-mobile,
  #app-root .header-wrapper .for-mobile {
    display: none;
  }
}
@media all and (min-width: 960px) and (max-width: 1023px) {
  #app-header .header-wrapper .search-typeahead,
  #app-root .header-wrapper .search-typeahead {
    padding-right: 32px;
    padding-left: 16px;
  }
  #app-header .header-wrapper .nav-icons,
  #app-root .header-wrapper .nav-icons {
    padding-left: 0;
  }
  #app-header .header-wrapper .header-icons li a,
  #app-root .header-wrapper .header-icons li a,
  #app-header .header-wrapper .header-icons li.main-li button,
  #app-root .header-wrapper .header-icons li.main-li button {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
  #app-header .header-wrapper .search-typeahead,
  #app-root .header-wrapper .search-typeahead {
    padding-right: 32px;
  }
  #app-header .header-wrapper .nav-icons,
  #app-root .header-wrapper .nav-icons {
    padding-left: 0;
  }
  #app-header .header-wrapper .header-icons li a,
  #app-root .header-wrapper .header-icons li a {
    padding-left: 14px;
    padding-right: 14px;
  }
}
.mega-menu {
  padding-top: 22px;
  padding-bottom: 16px;
}
.mega-menu .menuButton {
  color: #eee;
  border-radius: 2px;
  border: solid 1px #eeeeee;
  font-size: 12px;
  line-height: normal;
  font-weight: normal;
  padding: 0 12px;
  min-height: 32px;
  margin-right: 24px;
}
.mega-menu .menuButton .mdi-icon {
  margin-left: 8px;
}
.mega-menu .gartner-lg {
  vertical-align: middle;
}
.nav-icons {
  padding-left: 48px;
}
.header-icons {
  display: inline-flex;
}
.header-icons li.main-li {
  text-align: center;
  font-size: 12px;
  line-height: normal;
  color: #eeeeee;
  margin-right: 2px;
}
.header-icons li.main-li button {
  font-family: inherit;
  font-weight: normal;
  text-transform: inherit;
  padding: 0;
  min-width: inherit;
  border-radius: 0;
}
.header-icons li.main-li button:hover {
  background-color: transparent;
}
.header-icons li.main-li a,
.header-icons li.main-li button {
  display: block;
  padding: 15px 16px 14px;
  font-size: 12px;
  line-height: normal;
  color: #eeeeee;
  border: none;
  border-bottom: solid #002856 4px;
}
.header-icons li.main-li a:hover,
.header-icons li.main-li button:hover {
  text-decoration: none;
}
.header-icons li.main-li:not(.active) a:hover,
.header-icons li.main-li:not(.active) button:hover {
  cursor: pointer;
  border-bottom-color: #00adef;
  background-color: rgba(255, 255, 255, 0.1);
}
.header-icons li.main-li.focus a,
.header-icons li.main-li.focus button {
  cursor: pointer;
  border-bottom-color: #00adef;
  background-color: rgba(255, 255, 255, 0.1);
}
.header-icons li.main-li.active {
  background-color: #001630;
}
.header-icons li.main-li.active a,
.header-icons li.main-li.active button {
  border-bottom-color: #00adef;
}
.header-icons li.main-li .nav-label {
  display: block;
  margin-top: 4px;
  white-space: nowrap;
}
.hdr-dropdown_font-family-line-height {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: normal;
}
body .hdr-dropdown {
  font-size: 14px;
  line-height: normal;
  color: #424242;
  min-width: 300px !important;
}
body .hdr-dropdown .heading {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: normal;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  background-color: #6f7878;
  padding: 24px 16px 16px 24px;
}
body .hdr-dropdown .heading h5 {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: normal;
  color: #fff;
  font-size: 18px;
  margin-bottom: 0;
}
body .hdr-dropdown .heading span {
  padding-top: 5px;
  display: block;
}
body .hdr-dropdown ul:not(.child-list) > li:not(:last-child) {
  border-bottom: solid 1px #cccccc;
}
body .hdr-dropdown ul li {
  padding: 10px 24px 10px 24px;
}
body .hdr-dropdown ul li .sub-heading {
  padding: 10px 24px 10px 24px;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: normal;
  font-size: 14px;
}
body .hdr-dropdown ul li .sub-heading ~ li {
  padding: 0;
}
body .hdr-dropdown ul li a {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: normal;
  color: #424242;
  font-size: 14px;
}
body .hdr-dropdown ul li a:focus,
body .hdr-dropdown ul li a:active {
  text-decoration: underline;
}
body .hdr-dropdown ul li strong {
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
}
body .hdr-dropdown ul.parent-list {
  padding: 0;
}
body .hdr-dropdown ul.parent-list li.sub-list {
  padding: 0;
  display: block;
}
body .hdr-dropdown ul.parent-list li:not(.sub-heading) ul {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
body .hdr-dropdown ul.parent-list li:not(.sub-heading) ul.child-list li {
  padding: 10px 24px 10px 40px;
}
body .hdr-dropdown ul.parent-list li:not(.sub-heading) ul.child-list li:hover {
  background-color: #EEEEEE;
  cursor: pointer;
}
body .hdr-dropdown ul.padded > li:not(.sub-list):hover {
  background-color: #EEEEEE;
  cursor: pointer;
}
@charset "UTF-8";
.Loading-Card {
  background-color: #ffffff;
  border-radius: 3px;
  border-bottom: #d0d1d5 solid 1px;
  border-left: #dfe0e4 solid 1px;
  border-right: #dfe0e4 solid 1px;
  border-top: #e5e6e9 solid 1px;
  display: block;
  height: 324px;
  width: 96%;
  padding: 12px;
}
/* FB Loading - First Box */
.Loading-Card > div:nth-child(1) {
  width: 100%;
  height: 30px;
}
/* FB Loading - Image Box */
.Loading-Card > div > div:nth-child(1) {
  position: relative;
  left: 0;
  background-color: #CCC;
  height: 40px;
  width: 40px;
  animation-name: shine;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
/* FB Loading - First Row */
.Loading-Card > div > div:nth-child(2),
.Loading-Card > div > div:nth-child(3),
.Loading-Card > div:nth-child(2),
.Loading-Card > div:nth-child(3),
.Loading-Card > div:nth-child(4) {
  position: relative;
  background-color: #CCC;
  height: 6px;
  animation-name: shine;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes shine {
  from {
    transition: none;
  }
  to {
    background-color: #f6f7f8;
    transition: all 0.3s ease-out;
  }
}
/* FB Loading - First Row */
.Loading-Card > div > div:nth-child(2) {
  left: 50px;
  top: -33px;
  width: 25%;
}
/* FB Loading - Second Row */
.Loading-Card > div > div:nth-child(3) {
  left: 50px;
  top: -20px;
  width: 15%;
}
/* FB Loading - Third Row */
.Loading-Card > div:nth-child(2) {
  left: 0px;
  top: 30px;
  width: 80%;
}
/* FB Loading - Fourth Row */
.Loading-Card > div:nth-child(3) {
  left: 0px;
  top: 45px;
  width: 90%;
}
/* FB Loading - Fifth Row */
.Loading-Card > div:nth-child(4) {
  left: 0px;
  top: 60px;
  width: 50%;
}
#gartner-feed {
  margin-top: 80px;
  background: #eeeeee;
}
.feedEnd {
  text-align: center;
}
.main-feed {
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 100px;
}
.main-feed .sud-hdr {
  font-size: 14px;
  padding-bottom: 8px;
  color: #212121;
}
.main-feed .card {
  margin-bottom: 16px;
}
.main-feed .card .content {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 24px;
}
.main-feed .card .content .card-link {
  text-decoration: none;
}
.main-feed .card .content .card-link:hover h3,
.main-feed .card .content .card-link:focus h3 {
  text-decoration: underline;
}
.main-feed .card .content p {
  color: #000000;
}
.main-feed .card .label,
.main-feed .card .tie-to {
  display: block;
  font-size: 14px;
  line-height: normal;
  color: #616161;
  margin-bottom: 8px;
}
.main-feed .card .label.peer-connect {
  padding-left: 30px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAABx0lEQVR42q3U6ytDYRwH8PMnbaMUL7yxIrfIi9G2aDZLhCK3pFyWcm0lRq6ziGRza0TmVvLObZv7ZZZcQ7YZTl/OZMx5Hkme+r759fTp1++c58fgnw9DKs7ZjtC7tB5Qe7GtwNungadeBbdGCk9TJrzDWrDXTjpodV4i1zCNlJYRFAzM+Oue5lw8KITkqILxNNXDBy22Y0hbjT6Mi1xnQtXoEhx1xTiXheA+TUhH3/Jk7voE1x3nAdhHDPoBWMVCWCME2I4U4koqoqPKILBnB+9glt7Mw2Q6I3ZKsn3Y11wk07v09lWDmdk65GFcyoYtsMeF8kCbWIC7VAERdJXFg6kZXyaCjcY5HvYRZxIFzAoDo+6eJII1owv++X3PQQwFzAkHI3v7miSQm+t+eiIR3I0ig+5KCZiM7gkiyGW5qZYI7kWTQe9QA32GXEr7zdhR8Lt0JBBApQjslRPM4vYJFfTNUm+EXS0JAG9kAkJ39Z8/dvnI/I9oXu8kTNVVsMtjiN15GlT8p1c4OPsjqugYw8bhKdhjK1z5Yj/22F5EXw79K5tI7xwPgORtJminV/HMsv57rtJYuCskeFmz/G59cefW9finffgKFfTu+/SVnngAAAAASUVORK5CYII=') no-repeat left center;
}
.main-feed .card .img {
  float: right;
  width: 160px;
  height: 160px;
  margin-left: 40px;
}
.main-feed .card .img img {
  max-width: 160px;
}
.main-feed .card h3 {
  font-size: 22px;
  line-height: 28px;
}
.main-feed .card .actions {
  border-top: 1px solid #ccc;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .main-feed .card .actions button {
    height: 30px;
    min-height: auto;
  }
}
@supports not (-ms-high-contrast: none) {
  .main-feed .card .actions button {
    min-height: 30px;
  }
}
.main-feed .card .actions a {
  padding-right: 32px;
  display: inline-block;
}
.main-feed .card .actions a:last-child {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}
.main-feed .card .actions button {
  color: #0a6abb;
  padding: 0;
  margin: 0;
  min-width: inherit;
  font-size: 14px;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-flex;
  align-items: center;
}
.main-feed .card .actions button:hover {
  text-decoration: underline;
  background-color: initial;
}
.main-feed .card .actions button a .mdi-icon {
  vertical-align: bottom;
}
.main-feed .card .actions .mdi-icon {
  fill: #0a6abb;
  margin-right: 8px;
}
.main-feed .card .actions .added {
  color: #757575;
}
.main-feed .card .actions .added .mdi-icon {
  fill: #757575;
}
.main-feed .card .actions .library-added {
  color: #757575;
}
.main-feed .card.research .research-card-document-link {
  text-decoration: none !important;
}
.main-feed .card.promo {
  line-height: 0;
}
.main-feed .card.promo .content {
  padding-bottom: 0;
}
.main-feed .card.promo a:hover {
  text-decoration: none;
}
.main-feed .card.promo .promo-img {
  width: 100%;
}
.main-feed .card.tools-metrics .content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.main-feed .card.tools-metrics .label {
  padding-left: 16px;
  padding-right: 16px;
}
.main-feed .card.tools-metrics h3 {
  padding-top: 8px;
}
.main-feed .card.tools-metrics .bg {
  background-color: #fafafa;
  padding-left: 16px;
  padding-bottom: 24px;
}
.main-feed .card.tools-metrics img {
  width: inherit;
  height: inherit;
}
.main-feed .card.tools-metrics .actions {
  border-top: 0;
}
.main-feed .linkPointer,
.main-feed .pointer {
  cursor: pointer;
}
.main-feed .linkPointer {
  color: #0a6abb;
}
.main-feed h3:hover {
  text-decoration: underline;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .card.tools-metrics .content .img {
    width: 160px;
  }
  .card.tools-metrics p {
    padding-bottom: 16px;
  }
}
@media all and (max-width: 959px) {
  .main-feed {
    padding-left: 16px;
  }
  .card.tools-metrics .bg {
    padding-bottom: 0;
  }
  .card.tools-metrics p {
    padding-right: 16px;
  }
  .card.tools-metrics .img-mobile {
    float: right;
  }
}
@media all and (min-width: 768px) {
  .right-rail {
    display: block !important;
  }
}
@media all and (max-width: 767px) {
  .main-feed {
    padding-right: 16px;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media all and (min-width: 645px) and (max-width: 767px) {
  .card .img {
    display: block;
  }
}
@media all and (max-width: 599px) {
  .card {
    margin-bottom: 16px;
  }
  .card .content {
    padding-bottom: 8px;
  }
  .card .content p {
    color: #000000;
  }
  .card h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .card .tie-to {
    margin-bottom: 8px;
  }
  .card .actions a {
    padding-right: 20px;
    display: inline-block;
  }
  .card .actions button {
    font-size: 12px;
  }
  .card .actions .mdi-icon {
    width: 22px;
    height: 22px;
    margin-right: 4px;
  }
  .card.research .img {
    display: none;
  }
  .card.research .research-card-document-link {
    text-decoration: none !important;
  }
}
@media all and (max-width: 1279px) {
  .left-rail {
    display: none;
  }
  .main-feed {
    padding-left: 16px;
  }
}
@charset "UTF-8";
.react .show-add-icon {
  position: absolute;
  margin-top: 15px;
  margin-left: 12px;
}
.react .new-add-new-folder-lable {
  color: black;
  font-size: 18px;
  height: 24px;
  padding-top: 15px;
  padding-left: 45px;
  display: inline-block;
  margin: 0 0 10px;
  font-weight: 600;
}
.react .new-close-button {
  cursor: pointer;
  margin-left: 130px;
  position: absolute;
  margin-top: 16px;
}
.react .new-close-button .mdi-icon {
  width: 22px;
  height: 22px;
}
.react .spriteV2.library-added {
  width: 23px;
  height: 15px;
  background-position: -240px -31px;
}
.react .reader-library-fixed {
  position: fixed !important;
  top: 104px !important;
}
.react .reader-library-fixed .gartner-popover-arrow {
  top: 14px !important;
}
.react .reader-hypecycle-fixed {
  top: 85px !important;
}
.react .reader-hypecycle-fixed .gartner-popover-arrow {
  top: 14px !important;
}
.react .reader-library-main-popover .gartner-popover-arrow polygon {
  fill: #EEEEEE !important;
}
.react .reader-library-add-popover .gartner-popover-arrow polygon {
  fill: #EEEEEE !important;
}
.react .reader-library-add-popover-button {
  cursor: pointer;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
  background-color: transparent;
  border: none;
}
.react .reader-library-add-popover-button .added-bookmark-icon {
  fill: #757575;
}
.react .reader-library-add-popover-button .add-bookmark-icon {
  fill: #0a6abb;
}
.react #addedIcon-text {
  display: block;
  font-size: 12px;
  margin-left: -5px;
  color: rgba(0, 0, 0, 0.54);
  margin-top: 0px;
  position: absolute;
}
.react .library-added-popover-right {
  width: 356px;
  min-height: 175px;
  max-height: 360px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.react .library-added-popover-right .popover-topsection {
  height: 55px;
  background-color: #EEEEEE;
}
.react .library-added-popover-right .popover-topsection a {
  cursor: pointer;
}
.react .library-added-popover-right .popover-topsection .popover-topsection-label {
  color: black;
  font-size: 18px;
  height: 24px;
  padding-top: 15px;
  padding-left: 25px;
  display: inline-block;
  margin: 0 0 10px;
  font-weight: 600;
}
.react .library-added-popover-right .popover-topsection .popover-topsection-addfolder-button {
  cursor: pointer;
  margin-left: 147px;
  position: absolute;
  margin-top: 16px;
}
.react .library-added-popover-right .popover-topsection .popover-topsection-addfolder-button .mdi-icon {
  width: 22px;
  height: 22px;
}
.react .library-added-popover-right .popover-topsection .popover-topsection-img {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-top: -5px;
  max-width: 100%;
  vertical-align: middle;
}
.react .library-added-popover-right .library-added-popover-searchbar {
  min-height: 120px;
}
.react .library-added-popover-right .library-added-popover-searchbar .library-search-form {
  display: inline-block;
  margin-top: 10px;
}
.react .library-added-popover-right .library-added-popover-searchbar .library-search-input-error {
  border-bottom: 2px solid red;
}
.react .library-added-popover-right .library-added-popover-searchbar input {
  margin-left: 15px;
  margin-right: 20px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #5c6970;
  margin-top: 10px;
  width: 230px;
  border-radius: unset;
  box-shadow: unset;
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  font-weight: normal;
  cursor: text;
  -webkit-appearance: textfield;
  -webkit-rtl-ordering: logical;
  text-rendering: auto;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  text-align: start;
}
.react .library-added-popover-right .library-added-popover-searchbar input.placeholderred::-webkit-input-placeholder {
  color: red;
}
.react .library-added-popover-right .library-added-popover-searchbar input:focus {
  border-bottom: 2px solid #027cb5;
}
.react .library-added-popover-right .library-added-popover-searchbar .popover-searchbar-button {
  min-height: 36px;
  background-color: #0a6abb;
  color: #FFFFFF;
  min-width: 60px;
  cursor: pointer;
}
.react .library-added-popover-right .library-added-popover-searchbar #popover-searchbar-add {
  /*padding-left: 20px;*/
  /*padding-right: 10px;*/
}
.react .library-added-popover-right .library-added-popover-searchbar .popover-searchbar-button-img {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}
.react .library-added-popover-right .library-added-popover-searchbar .placeholderred {
  border-bottom: 2px solid red;
}
.react .tab-short {
  height: 255px;
}
.react .tab-expand {
  height: 305px;
}
.react .library-tab-paper {
  /*overflow: hidden;*/
}
.react .react-library-buttons {
  display: inline-block;
  padding-top: 8px;
  padding-left: 25px;
  font-size: 16px;
}
.react .react-library-buttons a {
  cursor: pointer;
}
.react .react-library-buttons #react-library-remove {
  margin-right: 160px;
}
.react .library-added-popover-footer {
  height: 62px;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.react .library-added-popover-footer .add-new-folder-button {
  background-color: #0a6abb;
  color: #ffffff;
  height: 36px;
  width: 320px;
  margin: 15px;
}
.react .library-tabcontainer,
.react .tab-expand,
.react .tab-short {
  overflow-y: auto;
  height: 305px;
}
.react .library-tabcontainer .react-library-addedList p,
.react .tab-expand .react-library-addedList p,
.react .tab-short .react-library-addedList p {
  padding-top: 15px;
  padding-left: 25px;
  width: 313px;
  height: 48px;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 10px;
}
.react .library-tabcontainer .react-library-addedList a,
.react .tab-expand .react-library-addedList a,
.react .tab-short .react-library-addedList a {
  text-decoration: none;
  cursor: initial;
  color: #027cb5;
}
.react .library-tabcontainer .react-library-folderList,
.react .tab-expand .react-library-folderList,
.react .tab-short .react-library-folderList {
  padding: 0;
}
.react .library-tabcontainer .react-library-folder,
.react .tab-expand .react-library-folder,
.react .tab-short .react-library-folder {
  border: 0.5px solid #DCDCDC;
  height: auto;
  padding-bottom: 15px;
  line-height: 20px;
}
.react .library-tabcontainer .react-library-folder .react-library-folder-container,
.react .tab-expand .react-library-folder .react-library-folder-container,
.react .tab-short .react-library-folder .react-library-folder-container {
  padding-top: 18px;
  padding-left: 25px;
}
.react .library-tabcontainer .react-library-folder .react-library-folder-container .library-folder-link,
.react .tab-expand .react-library-folder .react-library-folder-container .library-folder-link,
.react .tab-short .react-library-folder .react-library-folder-container .library-folder-link {
  cursor: pointer;
  text-decoration: none;
}
.react .library-tabcontainer .react-library-folder .react-library-folder-container .folder-image,
.react .tab-expand .react-library-folder .react-library-folder-container .folder-image,
.react .tab-short .react-library-folder .react-library-folder-container .folder-image {
  width: 25px;
  height: 25px;
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}
.react .library-tabcontainer .react-library-folder .react-library-folder-container .folder-name,
.react .tab-expand .react-library-folder .react-library-folder-container .folder-name,
.react .tab-short .react-library-folder .react-library-folder-container .folder-name {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  padding-left: 20px;
  max-width: 200px;
  margin: 0 0 10px;
}
.react .library-tabcontainer .react-library-folder .react-library-folder-container .saved-file-number,
.react .tab-expand .react-library-folder .react-library-folder-container .saved-file-number,
.react .tab-short .react-library-folder .react-library-folder-container .saved-file-number {
  font-size: 15px;
  font-weight: 500;
  color: #5c6970;
  padding-left: 270px;
  margin-top: -30px;
  margin-bottom: 5px;
}
#autoSuggest {
  padding-top: 0px;
}
#autoSuggest .selectedValue {
  margin-right: 5px;
}
#autoSuggest .Select-create-option-placeholder {
  display: none;
}
#autoSuggest .selectListMenu {
  height: 44px;
  padding: 10px;
}
#autoSuggest .selectListMenu:hover {
  background-color: #f5f5f5 !important;
}
#autoSuggest .selectListMenu .optionItem {
  width: 100%;
  display: inline-flex;
}
#autoSuggest .selectListMenu .optionItem .optionCheck {
  width: 10%;
}
#autoSuggest .selectListMenu .optionItem .optionData {
  width: 90%;
  font-size: 14px;
  line-height: 22px;
}
#autoSuggest .selectListMenu .optionItem .optionData .optionEmail {
  font-size: 12px;
}
.rr-footer .rr-footer-copyright,
.rr-footer .dash,
.rr-footer a {
  font-size: 12px;
  color: #616161;
}
.rr-footer .rr-footer-copyright {
  margin-bottom: 8px;
  line-height: 20px;
}
.rr-footer .rr-footer-links {
  line-height: 20px;
}
.rr-footer .rr-footer-links li {
  display: inline;
}
.rr-footer .rr-footer-links li .dash {
  padding: 0 7px 0 5px;
  font-weight: 100;
}
.rr-footer .rr-footer-links li a {
  display: inline-block;
}
.rr-footer .rr-footer-links li a:focus {
  text-decoration: underline;
}
.right-rail {
  padding-top: 32px;
}
.right-rail .widget-area {
  margin-right: 16px;
  padding-bottom: 80px;
}
.right-rail .widget-area .widgets {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid #cccccc;
}
.right-rail .widget-area .widgets:first-child {
  margin-top: 0;
}
.rr-list .head {
  margin-bottom: 16px;
}
.rr-list .head h4,
.rr-list .head span,
.rr-list .head a {
  float: left;
  margin-bottom: 0;
}
.rr-list .head h4 {
  font-weight: normal;
}
.rr-list .head a {
  font-size: 14px;
  line-height: 22px;
  padding-top: 3px;
}
.rr-list .head .pipe {
  padding: 2px 8px;
  color: #616161;
  font-size: 14px;
}
.rr-list .head:after {
  content: " ";
  clear: both;
  display: block;
}
.rr-list .head .subtitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  width: 100%;
  text-transform: uppercase;
  margin-top: 12px;
}
.rr-list .body .list li {
  padding-bottom: 10px;
}
.rr-list .body .list li:last-child {
  padding-bottom: 0;
}
.rr-list .body .list li a {
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
}
.rr-list .body .empty-list {
  color: #616161;
  font-style: italic;
}
.rr-list .foot {
  margin-top: 16px;
}
.rr-list .foot .pipe {
  padding: 2px 8px;
  color: #616161;
  font-size: 14px;
}
.rr-list .foot a {
  font-weight: 500;
  font-size: 14px;
}
.left-rail .widget-area {
  position: fixed;
  margin-top: 32px;
  max-width: 185px;
}
.welcome-box {
  padding: 16px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  border-top: 8px solid #009ad7;
  position: relative;
  background: #fff;
}
.welcome-box .circle-container {
  display: inline-block;
  position: absolute;
  width: 37px;
  height: 37px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 0.125rem solid #009ad7;
  top: -26px;
  left: 0;
  right: 0;
  margin: auto;
}
.welcome-box .circle-container img {
  width: auto;
  height: 100%;
}
.welcome-box .welcome-box-header {
  padding: 12px 0 7px 0;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 16px;
  text-align: center;
}
.welcome-box .welcome-box-header h4 {
  color: #212121;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  word-break: break-word;
}
.welcome-box .welcome-box-body {
  padding-bottom: 4px;
}
.welcome-box .welcome-box-body ul li {
  font-size: 14px;
  padding-bottom: 6px;
}
.welcome-box .welcome-box-body ul li a {
  color: #0a6abb;
  line-height: 1.57;
  word-break: break-word;
}
.welcome-box .welcome-box-body ul li a:active,
.welcome-box .welcome-box-body ul li a:focus,
.welcome-box .welcome-box-body ul li a:hover {
  text-decoration: underline;
}
.welcome-box .welcome-box-body .peer-connect {
  display: inline-block;
  width: 20px;
  height: 15px;
  padding: 0px 8px 0 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAABx0lEQVR42q3U6ytDYRwH8PMnbaMUL7yxIrfIi9G2aDZLhCK3pFyWcm0lRq6ziGRza0TmVvLObZv7ZZZcQ7YZTl/OZMx5Hkme+r759fTp1++c58fgnw9DKs7ZjtC7tB5Qe7GtwNungadeBbdGCk9TJrzDWrDXTjpodV4i1zCNlJYRFAzM+Oue5lw8KITkqILxNNXDBy22Y0hbjT6Mi1xnQtXoEhx1xTiXheA+TUhH3/Jk7voE1x3nAdhHDPoBWMVCWCME2I4U4koqoqPKILBnB+9glt7Mw2Q6I3ZKsn3Y11wk07v09lWDmdk65GFcyoYtsMeF8kCbWIC7VAERdJXFg6kZXyaCjcY5HvYRZxIFzAoDo+6eJII1owv++X3PQQwFzAkHI3v7miSQm+t+eiIR3I0ig+5KCZiM7gkiyGW5qZYI7kWTQe9QA32GXEr7zdhR8Lt0JBBApQjslRPM4vYJFfTNUm+EXS0JAG9kAkJ39Z8/dvnI/I9oXu8kTNVVsMtjiN15GlT8p1c4OPsjqugYw8bhKdhjK1z5Yj/22F5EXw79K5tI7xwPgORtJminV/HMsv57rtJYuCskeFmz/G59cefW9finffgKFfTu+/SVnngAAAAASUVORK5CYII=') no-repeat left center;
}
@charset "UTF-8";
.media-player {
  margin-top: 24px;
  margin-bottom: 24px;
}
.video-centering-div {
  text-align: center;
}
.highcharts,
.highcharts text,
.highcharts-tooltip span {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.highcharts {
  margin-bottom: 32px;
}
.highcharts .highcharts-container {
  overflow: visible !important;
}
.highcharts span.highcharts-title {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: bold;
  text-align: center;
  z-index: 1;
}
.highcharts span.highcharts-subtitle {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  text-align: center;
}
.highcharts .highcharts-axis .highcharts-xaxis-title,
.highcharts .highcharts-axis .highcharts-yaxis-title {
  font-size: 12px;
}
.highcharts .highcharts-xaxis-labels text,
.highcharts .highcharts-yaxis-labels text {
  font-size: 12px !important;
}
.highcharts .highcharts-legend-item text {
  font-weight: normal !important;
}
.highcharts.legend-right span.highcharts-title,
.highcharts.legend-right span.highcharts-subtitle {
  width: 95% !important;
  left: 0 !important;
  padding: 0 95px 0 40px;
  box-sizing: border-box;
}
.highcharts.legend-left span.highcharts-title,
.highcharts.legend-left span.highcharts-subtitle {
  width: 95% !important;
  left: 0 !important;
  padding: 0 5px 0 135px;
  box-sizing: border-box;
}
.highcharts.legend-hidden span.highcharts-title,
.highcharts.legend-hidden span.highcharts-subtitle {
  width: 93% !important;
  left: 0 !important;
  padding: 0 0 0 40px;
  box-sizing: border-box;
}
.highcharts .contextmenu {
  top: 1.5rem !important;
  margin-right: -1rem;
}
.highcharts .contextmenu > div {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  border: 0px !important;
}
.highcharts .contextmenu > div > div {
  font-family: Roboto, sans-serif !important;
  font-size: 15px !important;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  margin-bottom: 16px;
  padding: 0 24px 0 24px !important;
}
.highcharts .contextmenu > div > div:first-child {
  margin-top: 16px;
}
.highcharts .contextmenu > div:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 1.5rem;
  top: 1.6rem;
  box-sizing: border-box;
  border: 0.5rem solid black;
  border-color: transparent transparent #ffffff #ffffff;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -2px 2px 3px 0 rgba(192, 192, 192, 0.4);
}
.highcharts-tooltip {
  z-index: 9999 !important;
}
.highcharts-tooltip > span {
  z-index: 9998 !important;
  background-color: white;
  padding: 8px 10px;
  border-radius: 2px;
}
.highcharts-tooltip span {
  line-height: 16px;
}
.highcharts-tooltip span a {
  color: #0073bd;
  text-decoration: none;
}
.highcharts-tooltip span a:hover {
  text-decoration: underline;
}
.highcharts-tooltip .header {
  font-size: 10px;
}
.highcharts-tooltip .header.scatter {
  color: #2a6ebb;
}
.highcharts-tooltip .pointformat .divider {
  color: #2a6ebb;
  font-size: 10px;
}
.highcharts-tooltip .pointformat .name,
.highcharts-tooltip .pointformat .link {
  font-size: 12px;
}
@charset "UTF-8";
.readerV2.react #newReader .tableadvance .enlarge-table,
body .tableadvance .enlarge-table {
  font-family: Arial;
  font-size: 14px;
  color: #027cb5;
  margin: 0 auto;
  display: block;
  width: auto;
}
.readerV2.react #newReader .tableadvance .enlarge-table .enlarge-table-title,
body .tableadvance .enlarge-table .enlarge-table-title {
  display: inline-block;
  padding-right: 5px;
  white-space: nowrap;
}
.readerV2.react #newReader .tableadvance .enlarge-table .enlarge-table-icon,
body .tableadvance .enlarge-table .enlarge-table-icon {
  width: 18px;
  height: 18px;
}
.readerV2.react #newReader .tableadvance-main,
body .tableadvance-main {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 600px;
  height: 100%;
}
.readerV2.react #newReader .tableadvance-table,
body .tableadvance-table {
  font-family: inherit;
}
.readerV2.react #newReader .tableadvance-caption,
body .tableadvance-caption {
  position: absolute;
  left: -1000px;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-liveannounce,
body .tableadvance-root .tableadvance-liveannounce {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-title,
body .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-title {
  flex: 0 0 auto;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-title h3,
body .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-title h3 {
  margin-bottom: 0px;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-search,
body .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-search {
  display: inline-flex;
  flex: 1 0 auto;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-search .tableadvance-toolbar-search-text,
body .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-search .tableadvance-toolbar-search-text {
  display: inline-flex;
  flex: 0.65 0;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-search .tableadvance-toolbar-search-iconsearch,
body .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-search .tableadvance-toolbar-search-iconsearch {
  display: inline-flex;
  margin-top: 10px;
  margin-right: 8px;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-search .tableadvance-toolbar-search-iconclear,
body .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-search .tableadvance-toolbar-search-iconclear {
  display: inline-flex;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-actions,
body .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-actions {
  display: inline-flex;
  position: relative;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-spacer,
body .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-spacer {
  flex: 1 1 100%;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-icon,
body .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-icon {
  width: auto;
  height: auto;
  margin-left: 16px;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-icon:hover,
body .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-icon:hover {
  color: #307BB0;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-icon-active,
body .tableadvance-root .tableadvance-toolbar .tableadvance-toolbar-icon-active {
  color: #307BB0;
  margin-left: 16px;
  width: auto;
  height: auto;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-head .tableadvance-head-cell,
body .tableadvance-root .tableadvance-head .tableadvance-head-cell {
  border-bottom: solid 1px #bdbdbd;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-head .tableadvance-head-cellitem,
body .tableadvance-root .tableadvance-head .tableadvance-head-cellitem {
  color: #000;
  opacity: 0.54;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-head .tableadvance-head-cellitem-active,
body .tableadvance-root .tableadvance-head .tableadvance-head-cellitem-active {
  opacity: 1;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-body .tableadvance-body-cell,
body .tableadvance-root .tableadvance-body .tableadvance-body-cell {
  border-bottom: solid 1px #bdbdbd;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-body .tableadvance-body-emptytitle,
body .tableadvance-root .tableadvance-body .tableadvance-body-emptytitle {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left;
  color: #5c6970 !important;
  margin: 0 !important;
}
.readerV2.react #newReader .tableadvance-root .tableadvance-pagination:last-child,
body .tableadvance-root .tableadvance-pagination:last-child {
  padding: 0px 24px 0px 24px;
}
.readerV2.react #newReader .tableadvance-viewcol,
body .tableadvance-viewcol {
  padding: 16px 24px 16px 24px;
}
.readerV2.react #newReader .tableadvance-viewcol .tableadvance-viewcol-title,
body .tableadvance-viewcol .tableadvance-viewcol-title {
  margin-left: -7px;
  margin-bottom: 0px;
  font-family: inherit;
  font-size: 14px;
  color: #424242;
  text-align: left;
  font-weight: 500;
}
.readerV2.react #newReader .tableadvance-viewcol .tableadvance-viewcol-formgroup,
body .tableadvance-viewcol .tableadvance-viewcol-formgroup {
  margin-top: 8px;
}
.readerV2.react #newReader .tableadvance-viewcol .tableadvance-viewcol-label,
body .tableadvance-viewcol .tableadvance-viewcol-label {
  font-size: 15px;
  marign-left: 8px;
  color: #4A4A4A;
}
.readerV2.react #newReader .tableadvance-viewcol .tableadvance-viewcol-checkbox,
body .tableadvance-viewcol .tableadvance-viewcol-checkbox {
  color: #027cb5;
  width: 32px;
  height: 32px;
}
.readerV2.react #newReader .tableadvance-filterlist,
body .tableadvance-filterlist {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  margin: 0px 16px 0px 16px;
}
.readerV2.react #newReader .tableadvance-filterlist .tableadvance-filterlist-chip,
body .tableadvance-filterlist .tableadvance-filterlist-chip {
  margin: 8px 8px 0px 0px;
}
.readerV2.react #newReader .tableadvance-toolbar-popups,
body .tableadvance-toolbar-popups {
  position: relative;
  width: 100%;
  height: 100%;
}
.readerV2.react #newReader .tableadvance-toolbar-popups .popup-viewcols,
body .tableadvance-toolbar-popups .popup-viewcols {
  right: 0px !important;
}
.readerV2.react #newReader .tableadvance-toolbar-popups .popup-viewcols .gartner-popover-arrow,
body .tableadvance-toolbar-popups .popup-viewcols .gartner-popover-arrow {
  left: auto;
  right: 28px;
}
.readerV2.react #newReader .tableadvance-toolbar-popups .popup-filter .gartner-popover-arrow,
body .tableadvance-toolbar-popups .popup-filter .gartner-popover-arrow {
  left: auto;
  right: 11px;
}
.readerV2.react #newReader .tableadvance-filter,
body .tableadvance-filter {
  padding: 16px 24px 16px 24px;
  /* solve this - CSS issue - regina */
  /* checkbox styling */
  /* dropdown styling */
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-header,
body .tableadvance-filter .tableadvance-filter-header {
  flex: 0 0 auto;
  margin-bottom: 16px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-header .tableadvance-filter-header-reset,
body .tableadvance-filter .tableadvance-filter-header .tableadvance-filter-header-reset {
  align-self: left;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-resetlink,
body .tableadvance-filter .tableadvance-filter-resetlink {
  color: #027cb5;
  display: inline-block;
  margin-left: 24px;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-resetlink:hover,
body .tableadvance-filter .tableadvance-filter-resetlink:hover {
  color: #FF0000;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-title,
body .tableadvance-filter .tableadvance-filter-title {
  margin-left: 7px;
  display: inline-block;
  margin-bottom: 8px;
  font-size: 14px !important;
  color: #424242 !important;
  text-align: left;
  font-weight: 500;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-list,
body .tableadvance-filter .tableadvance-filter-list {
  flex: 1 1 100%;
  display: inline-flex;
  margin-right: 24px;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-formgroup,
body .tableadvance-filter .tableadvance-filter-formgroup {
  margin-top: 8px;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-formcontrol,
body .tableadvance-filter .tableadvance-filter-formcontrol {
  margin: 0px;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-checkbox,
body .tableadvance-filter .tableadvance-filter-checkbox {
  width: 32px;
  height: 32px;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-checked,
body .tableadvance-filter .tableadvance-filter-checked {
  color: #027CB5;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-label,
body .tableadvance-filter .tableadvance-filter-label {
  font-size: 15px;
  margin-left: 8px;
  color: #4A4A4a;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-select,
body .tableadvance-filter .tableadvance-filter-select {
  display: flex;
  margin-top: 16px;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  /* account for the padding from the inputs below */
  height: 80%;
  justify-content: space-between;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-select-formcontrol,
body .tableadvance-filter .tableadvance-filter-select-formcontrol {
  flex: 1 1 calc(50% - 24px);
  margin-right: 24px;
  margin-bottom: 24px;
  min-width: 50px;
}
.readerV2.react #newReader .tableadvance-filter .tableadvance-filter-nomargin,
body .tableadvance-filter .tableadvance-filter-nomargin {
  margin-left: 0px;
}
@charset "UTF-8";
.gartner-table.simple .with-html {
  box-shadow: 1px 2px 4px 2px #ccc;
}
.gartner-table.simple .with-html table {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  color: #000;
  border: none;
  border-collapse: collapse;
  outline: 0;
}
.gartner-table.simple .with-html table tr {
  border-bottom: 1px solid #bdbdbd;
}
.gartner-table.simple .with-html table tr:hover {
  background: #eee;
}
.gartner-table.simple .with-html table tr th {
  color: #757575;
  font-size: 12px;
  vertical-align: middle;
  font-weight: 500;
}
.gartner-table.simple .with-html table tr td {
  font-size: 13px;
  vertical-align: top;
}
.gartner-table.simple .with-html table tr th,
.gartner-table.simple .with-html table tr td {
  padding: 16px 56px 21px 24px;
  text-align: left;
  border: none;
}
.gartner-table.simple .with-html ul {
  margin: 0;
  margin-bottom: 32px;
  padding-left: 18px;
}
.gartner-table.simple .with-html ul li {
  position: relative;
  line-height: inherit;
  margin-bottom: 16px;
}
.gartner-table.simple .with-html ul li:before {
  content: '\25A0';
  color: #aebbc4;
  left: -18px;
  font-size: 14px;
  line-height: 24px;
  position: absolute;
}
.gartner-table.simple .with-html ul li ol li {
  background: none;
  padding-left: 10px;
}
.gartner-table.simple .with-html ul li p {
  margin: 0;
}
@charset "UTF-8";
.readerV2.react .gartner-table h3,
.readerV2.react #newReader .gartner-table h3 {
  text-align: center;
  font-weight: 500;
  margin-bottom: 0px !important;
}
.readerV2.react .gartner-table .blockinfo,
.readerV2.react #newReader .gartner-table .blockinfo {
  padding: 8px 0px 8px 0px;
  color: #757575;
  font-size: 15px;
  line-height: 22px;
}
.readerV2.react .gartner-table td,
.readerV2.react #newReader .gartner-table td {
  vertical-align: text-top;
}
.readerV2.react .gartner-table .para,
.readerV2.react #newReader .gartner-table .para {
  margin: 0px !important;
}
.readerV2.react .gartner-table .unbalanced-text,
.readerV2.react #newReader .gartner-table .unbalanced-text {
  display: block;
}
.readerV2.react .gartner-table a + a,
.readerV2.react #newReader .gartner-table a + a {
  display: table-row;
}
.readerV2.react .gartner-table a + .unbalanced-text,
.readerV2.react #newReader .gartner-table a + .unbalanced-text {
  display: inline;
}
.readerV2.react .gartner-table .enlarge-table,
.readerV2.react #newReader .gartner-table .enlarge-table {
  font-family: Arial;
  font-size: 14px;
  color: #027cb5;
  margin: 0 auto;
  display: block;
  width: auto;
}
.readerV2.react .gartner-table .enlarge-table .enlarge-table-title,
.readerV2.react #newReader .gartner-table .enlarge-table .enlarge-table-title {
  display: inline-block;
  padding-right: 5px;
  white-space: nowrap;
}
.readerV2.react .gartner-table .enlarge-table .enlarge-table-icon,
.readerV2.react #newReader .gartner-table .enlarge-table .enlarge-table-icon {
  width: 18px;
  height: 18px;
}
.readerV2.react .gartner-table .gartner-table-main,
.readerV2.react #newReader .gartner-table .gartner-table-main {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 600px;
  height: 100%;
}
.readerV2.react .gartner-table .gartner-table-popup,
.readerV2.react #newReader .gartner-table .gartner-table-popup {
  position: relative;
}
.readerV2.react .gartner-table .gartner-table-popup .gartner-popover-arrow,
.readerV2.react #newReader .gartner-table .gartner-table-popup .gartner-popover-arrow {
  left: auto !important;
  right: 0px;
}
.readerV2.react .gartner-table .gartner-table-liveannounce,
.readerV2.react #newReader .gartner-table .gartner-table-liveannounce {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.readerV2.react .gartner-table .gartner-root-table,
.readerV2.react #newReader .gartner-table .gartner-root-table {
  position: relative;
  font-family: unset;
}
.readerV2.react .gartner-table .gartner-root-caption,
.readerV2.react #newReader .gartner-table .gartner-root-caption {
  position: absolute;
  left: -1000px;
}
.readerV2.react .gartner-table .gartner-table-paper,
.readerV2.react #newReader .gartner-table .gartner-table-paper {
  position: relative;
}
.readerV2.react .gartner-table .gartner-table-toolbar,
.readerV2.react #newReader .gartner-table .gartner-table-toolbar {
  margin: 8px 0px 0px 0px;
  padding: 0;
  font-size: 0;
  list-style-type: none;
  text-align: right;
}
.readerV2.react .gartner-table .gartner-table-toolbar li .disabled svg,
.readerV2.react #newReader .gartner-table .gartner-table-toolbar li .disabled svg {
  fill: #ff0000;
}
.readerV2.react .gartner-table .gartner-table-headercollapse th,
.readerV2.react #newReader .gartner-table .gartner-table-headercollapse th {
  font-size: 14px;
  color: #000;
}
.readerV2.react .gartner-table .td-wrap,
.readerV2.react #newReader .gartner-table .td-wrap {
  white-space: normal;
}
.readerV2.react .gartner-table .td-wrap .para .unbalanced-text,
.readerV2.react #newReader .gartner-table .td-wrap .para .unbalanced-text {
  display: inline;
}
.readerV2.react .gartner-table table thead p,
.readerV2.react #newReader .gartner-table table thead p {
  margin: 0 !important;
}
.readerV2.react .dialog-box .gartner-table .gartner-table-toolbar,
.readerV2.react #newReader .dialog-box .gartner-table .gartner-table-toolbar {
  margin: 0;
}
.readerV2.react .dialog-box .gartner-table .gartner-root-caption,
.readerV2.react #newReader .dialog-box .gartner-table .gartner-root-caption {
  display: none;
}
.readerV2.react .gartner-table-addremovecols,
.readerV2.react #newReader .gartner-table-addremovecols {
  padding: 16px 24px 16px 24px;
}
.readerV2.react .gartner-table-addremovecols h3,
.readerV2.react #newReader .gartner-table-addremovecols h3 {
  font-size: 14px;
  margin-left: -8px;
}
.readerV2.react .gartner-table-addremovecols .addremove-checkbox,
.readerV2.react #newReader .gartner-table-addremovecols .addremove-checkbox {
  width: 32px;
  height: 32px;
}
.readerV2.react .gartner-table-addremovecols .addremove-checkbox svg,
.readerV2.react #newReader .gartner-table-addremovecols .addremove-checkbox svg {
  fill: #027cb5;
}
.disclaimerModal {
  max-width: 800px;
}
.disclaimerModal #disclaimerModalClose {
  position: absolute;
  right: 10px;
  cursor: pointer;
  font-size: 35px;
  font-weight: lighter;
  color: #98a3ab;
  margin-top: 16px;
  margin-right: 20px;
}
.disclaimerModal .header {
  box-shadow: 1px 1px 1px #888888;
  background-color: #EAEAEA;
}
.disclaimerModal .header h2 {
  color: #000;
  font-size: 30px;
  padding-top: 16px;
  padding-left: 40px;
  padding-bottom: 10px;
  font-family: "Gartner sans condensed";
}
.disclaimerModal .reviewMsgContent {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 16px;
  height: 376px;
  overflow-y: scroll;
  overflow-x: hidden;
}
@charset "UTF-8";
.react.readerV2 .top-section .summary {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  color: #5c6970;
  margin-bottom: 32px;
}
.react.readerV2 .top-section .ceb-pill,
.react.readerV2 .top-section .pill-display {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  color: #5C6970;
  border: 1px solid #5C6970;
  border-radius: 2px;
  padding: 1px 5px 2px;
  margin-right: 4px;
}
.react.readerV2 .top-section .ceb-box,
.react.readerV2 .top-section .l2-box,
.react.readerV2 .top-section .icono-box,
.react.readerV2 .top-section .disclaimer-box {
  padding-right: 12px;
  margin: 16px 0;
  font-style: italic;
  font-size: 15px;
}
.react.readerV2 .top-section .ceb-box hr,
.react.readerV2 .top-section .l2-box hr,
.react.readerV2 .top-section .icono-box hr,
.react.readerV2 .top-section .disclaimer-box hr {
  margin-top: 16px;
}
.react.readerV2 .top-section .peerconnect-pill {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  color: #5C6970;
  border: 1px solid #5C6970;
  border-radius: 2px;
  padding: 1px 5px 2px;
  margin-right: 4px;
}
.react.readerV2 .top-section .peerconnect-box {
  padding: 0px 48px 12px 0;
  margin: 24px 0 16px;
  /*border: 1px #000 dotted;
      border-right: 0;
      border-left: 0;*/
  font-style: italic;
  font-size: 15px;
}
.react.readerV2 .top-section .foundational {
  padding-bottom: 20px;
}
.react.readerV2 .top-section .foundational-btn {
  background-color: #306c9d;
  border-radius: 4px;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 7px 3px;
  margin-right: 4px;
}
.react.readerV2 .top-section .archived {
  margin-top: 8px;
  padding-bottom: 8px;
}
.react.readerV2 .top-section .archived-btn {
  background-color: #5c6970;
  border-radius: 4px;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 7px 3px;
  margin-right: 4px;
}
.react.readerV2 .top-section .pubInfo {
  color: #3a3a3a;
  margin-bottom: 8px;
}
.react.readerV2 .top-section hr {
  border: 0;
  border-top: solid 1px #0003;
  margin: 0;
  margin-bottom: 8px;
}
.react.readerV2 .top-section .level1 {
  float: right;
  width: 228px;
  margin-left: 24px;
  margin-top: 6px;
}
.react.readerV2 .top-section .level1:empty {
  display: none;
}
.react.readerV2 .top-section .level1 .download-box {
  padding: 16px;
  background-color: rgba(185, 208, 220, 0.5);
  margin-bottom: 8px;
}
.react.readerV2 .top-section .level1 .download-box h3 {
  font-size: 13px;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 0;
  width: initial;
}
.react.readerV2 .top-section .level1 .download-box .classLink p {
  display: none;
}
.react.readerV2 .top-section .level1 .download-box .classLink h3 {
  padding-top: 12px;
}
.react.readerV2 .top-section .level1 .download-box .level-attachments {
  text-transform: uppercase;
  font-size: 13px;
  line-height: normal;
  color: #4a4a4a;
  margin: 0;
  width: 132px;
  display: inline-block;
}
.react.readerV2 .top-section .level1 .download-box .interact-version,
.react.readerV2 .top-section .level1 .download-box .download {
  display: inline-block;
  width: 48px;
  height: 48px;
  float: right;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.react.readerV2 .top-section .level1 .download-box .attach-info,
.react.readerV2 .top-section .level1 .download-box .interactive {
  float: left;
  width: 70%;
}
.react.readerV2 .top-section .level1 .download-box .download {
  margin-top: 0;
}
.react.readerV2 .top-section .level1 .download-box .interactive h3 {
  font-size: 15px;
  margin-top: 4px;
}
.react.readerV2 .top-section .level1 .download-box .interactive.key-insight h3 {
  margin-top: 12px;
}
.react.readerV2 .top-section .level1 .download-box .attachments {
  margin-top: 16px;
}
.react.readerV2 .top-section .doctodoc,
.react.readerV2 .top-section .additional,
.react.readerV2 .top-section .revised-doc {
  padding-bottom: 24px;
}
.react.readerV2 .top-section .doctodoc p,
.react.readerV2 .top-section .additional p,
.react.readerV2 .top-section .revised-doc p {
  margin-bottom: 8px;
}
.react.readerV2 .top-section .appendix h6 {
  margin-bottom: 0;
}
.react.readerV2 .top-section .appendix ul {
  margin-top: 8px;
  margin-bottom: 24px;
}
.react.readerV2 .top-section .appendix .para {
  font-size: 15px;
  line-height: normal;
}
.react.readerV2 .top-section .appendix .para a {
  font-size: initial;
  line-height: initial;
  display: block;
}
@charset "UTF-8";
.metered-consumption-form {
  border-top: 1px solid #AFAAAA;
  border-bottom: 1px solid #AFAAAA;
  background-color: #F5F5F5;
  margin-bottom: 30px;
}
.metered-consumption-form .metered-dialog-content .metered-dialog-heading {
  display: inline;
}
.metered-consumption-form .metered-dialog-content .metered-dialog-page-num {
  margin-left: 10px !important;
}
.metered-consumption-form .metered-dialog-content .display-custom-field {
  display: block;
}
.metered-consumption-form .metered-dialog-content .remove-custom-field {
  display: none;
}
.metered-consumption-form .metered-dialog-content .show-error {
  color: red;
}
.metered-consumption-form .metered-dialog-content .remove-error {
  color: black;
}
.metered-consumption-form .metered-dialog-content .dd-form-drop-down {
  margin-bottom: 10px;
  margin-top: 20px;
}
.metered-consumption-form .metered-dialog-content .dd-form-drop-down .dd-form-drop-down-inst {
  display: block;
  font-size: 14px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.metered-consumption-form .metered-dialog-content .dd-form-text-field {
  margin-bottom: 10px;
}
.metered-consumption-form .metered-dialog-content .dd-form-text-field label {
  font-size: 20px;
}
.metered-consumption-form .metered-dialog-content .dd-form-text-field input {
  padding-top: 10px !important;
}
.metered-consumption-form .metered-dialog-content .metered-form-textfield {
  margin-top: 25px;
}
.metered-consumption-form .metered-dialog-content .metered-form-radio-group {
  display: inline-block;
}
.metered-consumption-form .metered-dialog-content .metered-form-radio-group #metered-form-radiobutton-first {
  margin-right: 40px;
}
.metered-consumption-form .metered-dialog-content .metered-form-disclaimer-section {
  margin-top: 10px;
}
.metered-consumption-form .metered-dialog-content .metered-form-disclaimer-section #metered-form-company-disclaimer {
  margin-bottom: 10px;
}
.metered-consumption-form .metered-dialog-content .metered-form-disclaimer-section .metered-form-disclaimer {
  margin-bottom: 10px;
}
.metered-consumption-form .metered-dialog-content .metered-form-button-group {
  margin-top: 20px;
}
.metered-consumption-form .metered-dialog-content .metered-form-button-group .btn-access {
  background-color: #027cb5;
  color: #fff;
}
.metered-consumption-form .metered-dialog-content .metered-form-button-group .btn-access:disabled {
  background: #e3e3e3;
  color: #9c9c9c;
  cursor: no-drop;
  pointer-events: auto;
}
.metered-consumption-form .metered-dialog-content .metered-form-button-group .btn-cancel {
  color: #027cb5;
  margin-left: 35px;
}
.dollar-consumption {
  background: #eeeeee;
  padding: 15px;
  border-top: 1px solid #dad6d6;
  border-bottom: 1px solid #dad6d6;
  font-size: 14px;
  margin: 20px 0px 20px 0px;
}
.dollar-consumption .subHeaderRow,
.dollar-consumption .introTextRow,
.dollar-consumption .introTitleRow,
.dollar-consumption .bodyRow,
.dollar-consumption .error {
  padding-bottom: 15px;
}
.dollar-consumption .error {
  padding-top: 15px;
  color: red;
}
.dollar-consumption button {
  background-color: #027cb5;
}
.dollar-consumption button:hover {
  background-color: #027cb5;
}
.dollar-consumption {
  background: #eeeeee;
  padding: 15px;
  border-top: 1px solid #dad6d6;
  border-bottom: 1px solid #dad6d6;
  font-size: 14px;
  margin: 20px 0px 20px 0px;
}
.dollar-consumption .subHeaderRow,
.dollar-consumption .introTextRow,
.dollar-consumption .bodyRow {
  padding-bottom: 15px;
}
.dollar-consumption button {
  background-color: #027cb5;
}
.dollar-consumption button:hover {
  background-color: #027cb5;
}
@charset "UTF-8";
.react .document-revision-history {
  padding-bottom: 20px;
}
.react .document-revision-history .document-revision-history-li {
  margin-bottom: 10px;
}
@charset "UTF-8";
.metered-activity-section {
  padding: 16px;
  margin: 24px 0 32px 0;
  background-color: #f5f5f5;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.metered-activity-section p {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #3a3a3a;
  padding-bottom: 16px;
}
.metered-activity-section .btn-toggle {
  float: right;
  right: -8px;
  top: -14px;
}
.metered-activity-section .btn-toggle svg {
  color: #000000;
}
.metered-activity-section.close .metered-activity-expand {
  display: none;
}
.metered-activity-section.open .metered-activity-remaining {
  margin-bottom: 10px;
}
.metered-activity-section.open .metered-activity-remaining:only-child {
  margin-bottom: 0px;
}
.metered-activity-section .metered-activity-accessed {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #212121;
}
.metered-activity-section .metered-activity-remaining {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #3a3a3a;
}
.metered-activity-section .btn-access {
  background-color: #027cb5;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.metered-activity-section .btn-access:hover {
  background-color: #006699;
}
.metered-activity-section .btn-access:disabled {
  background: #e3e3e3;
  color: #9c9c9c;
  cursor: no-drop;
  pointer-events: auto;
}
.metered-activity-section.exceeded .metered-activity-accessed,
.metered-activity-section.no-entitlement .metered-activity-accessed {
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 10px;
}
.metered-activity-section.exceeded .metered-activity-expand p:only-child,
.metered-activity-section.no-entitlement .metered-activity-expand p:only-child,
.metered-activity-section.exceeded .metered-activity-expand p:last-child,
.metered-activity-section.no-entitlement .metered-activity-expand p:last-child {
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .metered-activity-section .btn-access {
    width: 100%;
  }
}
.clear-metered::before {
  content: "";
  clear: both;
  display: table;
}
@charset "UTF-8";
.alert-dialog > div:last-child {
  padding: 32px 48px 25px 48px;
}
.alert-dialog #alert-dialog-title {
  padding: 0 0 16px 0;
}
.alert-dialog #alert-dialog-title h2 {
  font-size: 28px;
  line-height: 34px;
}
.alert-dialog .alert-dialog-description-container {
  padding: 0 0 48px 0;
}
.alert-dialog #alert-dialog-description {
  font-size: 16px;
  color: #424242;
  line-height: 24px;
}
.alert-dialog .alert-actions {
  margin: 0;
}
.alert-dialog .document-title {
  display: block;
  padding-top: 16px;
}
.alert-dialog button.btn-post {
  background-color: #027cb5;
  color: #fff;
}
.alert-dialog button.btn-post:hover {
  background-color: #006699;
}
.alert-dialog button.btn-post:disabled {
  color: #9c9c9c;
  background-color: #e3e3e3;
}
.alert-dialog button.btn-cancel {
  color: #027cb5;
}
.alert-dialog .shared-access-binders {
  padding-top: 16px;
}
.alert-dialog .shared-access-binders .shared-access-binder-checkbox .checkbox {
  height: auto;
  color: #027cb5;
}
.alert-dialog .shared-access-binders .shared-access-binder-checkbox .checkbox-label {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
}
.alert-dialog .shared-access-binders .shared-access-binder-nocheckbox {
  margin-left: 34px;
  padding: 1px 0 0 0;
  display: block;
}
.top-section ~ .shared-access {
  margin-top: -10px;
}
.shared-access {
  padding: 15px 16px 25px 15px;
  margin: 32px 0 32px 0;
  background-color: #f5f5f5;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.shared-access .shared-access-top {
  border-bottom: 1px dotted #9c9c9c;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.shared-access .shared-access-bottom .shared-access-error {
  position: relative;
}
.shared-access .shared-access-bottom .shared-access-error .error-message {
  margin-top: -2px;
}
.shared-access .shared-access-bottom .shared-access-error .error-message,
.shared-access .shared-access-bottom .shared-access-error .alert-error {
  float: left;
}
.shared-access .shared-access-bottom .shared-access-error .error-message {
  padding: 0 0 0 8px;
  display: inline-block;
  width: 90%;
}
.shared-access .shared-access-bottom .shared-access-error:after {
  clear: both;
  display: block;
  content: ' ';
}
.shared-access .shared-access-title {
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 8px;
}
.shared-access .shared-access-message {
  display: block;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #3a3a3a;
}
.shared-access .shared-access-message ~ button {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .shared-access button {
    width: 100%;
  }
}
.shared-access button:disabled {
  color: #9c9c9c;
  background-color: #e3e3e3;
}
.shared-access .btn-post {
  background-color: #027cb5;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.shared-access .btn-post:hover {
  background-color: #006699;
}
@media (max-width: 767px) {
  .shared-access .btn-post {
    width: 100%;
  }
}
@charset "UTF-8";
.react .reader-toc-main-popover {
  position: fixed !important;
  top: 296px !important;
}
.react .reader-toc-main-popover .gartner-popover-arrow {
  top: 2.5% !important;
}
.react .reader-toc-main-popover .gartner-popover-arrow polygon {
  fill: #ededed !important;
}
.react .reader-toc-main-popover .toc-popover-right {
  width: 357.1px;
  height: 360px;
  max-height: 400px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  top: 200px;
}
.react .reader-toc-main-popover .toc-popover-right .toc-notes {
  width: 313px;
  height: 300px;
  border: none;
  resize: none;
  border-shadow: none;
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  border-radius: 4px;
  font-weight: normal;
  overflow: auto;
  margin: 0;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.react .reader-toc-main-popover .toc-popover-right .react-toc-list {
  text-align: left;
  font-size: 15px;
}
.react .reader-toc-main-popover .toc-popover-right .react-toc-list .toc-section-gartner-recommend {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 5px;
  margin: 0 0 10px;
  margin-bottom: 5px !important;
}
.react .reader-toc-main-popover .toc-popover-right .react-toc-list .toc-section-header {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  padding-bottom: 8px;
  margin: 0 0 10px;
  margin-bottom: 0;
}
.react .reader-toc-main-popover .toc-popover-right .react-toc-list .toc-section-title {
  padding-bottom: 8px;
  line-height: 20px;
  margin: 0 0 10px;
  margin-bottom: 0;
  color: #4a4a4a;
}
.react .reader-toc-main-popover .toc-popover-right .react-toc-list .toc-ul {
  line-height: normal;
  margin-left: 16px;
  padding: 0;
}
.react .reader-toc-main-popover .toc-popover-right .react-toc-list .toc-ul li {
  padding-bottom: 8px;
}
.react .reader-toc-main-popover .toc-popover-right .react-toc-list .toc-ul li.level3 {
  margin-left: 16px;
}
.react .reader-toc-main-popover .toc-popover-right .react-toc-list .toc-table,
.react .reader-toc-main-popover .toc-popover-right .react-toc-list .toc-figure {
  padding: 0;
}
.react .reader-toc-main-popover .toc-popover-right .react-toc-list .toc-table li,
.react .reader-toc-main-popover .toc-popover-right .react-toc-list .toc-figure li {
  padding-bottom: 8px;
  margin-bottom: 5px !important;
}
.react .reader-toc-main-popover .toc-popover-right .react-toc-list .toc-link {
  cursor: pointer;
}
.react .reader-toc-main-popover .toc-popover-right .arrow {
  top: 10px !important;
  margin-top: 0;
  left: -30px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  height: 29px;
  width: 32px;
  display: block;
  position: absolute;
}
.react .reader-toc-main-popover .toc-popover-right ::-webkit-scrollbar-thumb {
  background-color: #b9b9b9;
  border-radius: 100px;
}
.react .reader-toc-main-popover .toc-popover-right ::-webkit-scrollbar-track {
  background-color: #f9f9f9;
  border: solid 1px #eaeaea;
  border-radius: none;
}
.react .reader-toc-main-popover .toc-popover-inner {
  background-color: #ffffff;
}
.react .reader-toc-main-popover .toc-popover-inner .toc-reader-appbar {
  background-color: #ededed;
}
.react .reader-toc-main-popover .toc-popover-inner .toc-reader-appbar .tab-title {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.react .reader-toc-main-popover .toc-popover-inner .toc-reader-indicator {
  background-color: #0b6bba;
  height: 5px;
}
.react .reader-toc-main-popover .toc-tabcontainer {
  padding-top: 16px;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 16px;
  overflow-y: auto;
  height: 298px;
}
body.react .gartner-popover.pop-information {
  top: 282px !important;
  position: fixed;
}
@media (max-width: 959px) {
  body.react .gartner-popover.pop-information {
    display: none;
  }
}
body.react .gartner-popover.pop-information.has-download {
  top: 332px !important;
}
body.react .gartner-popover.pop-information.has-analytics {
  top: 332px !important;
}
body.react .gartner-popover.pop-information.has-analytics.has-download {
  top: 380px !important;
}
body.react .gartner-popover.pop-information.items-20 {
  margin-top: -399px !important;
}
body.react .gartner-popover.pop-information.items-19 {
  margin-top: -378px !important;
}
body.react .gartner-popover.pop-information.items-18 {
  margin-top: -357px !important;
}
body.react .gartner-popover.pop-information.items-17 {
  margin-top: -336px !important;
}
body.react .gartner-popover.pop-information.items-16 {
  margin-top: -315px !important;
}
body.react .gartner-popover.pop-information.items-15 {
  margin-top: -294px !important;
}
body.react .gartner-popover.pop-information.items-14 {
  margin-top: -273px !important;
}
body.react .gartner-popover.pop-information.items-13 {
  margin-top: -252px !important;
}
body.react .gartner-popover.pop-information.items-12 {
  margin-top: -231px !important;
}
body.react .gartner-popover.pop-information.items-11 {
  margin-top: -210px !important;
}
body.react .gartner-popover.pop-information.items-10 {
  margin-top: -189px !important;
}
body.react .gartner-popover.pop-information.items-9 {
  margin-top: -168px !important;
}
body.react .gartner-popover.pop-information.items-8 {
  margin-top: -147px !important;
}
body.react .gartner-popover.pop-information.items-7 {
  margin-top: -126px !important;
}
body.react .gartner-popover.pop-information.items-6 {
  margin-top: -105px !important;
}
body.react .gartner-popover.pop-information.items-5 {
  margin-top: -84px !important;
}
body.react .gartner-popover.pop-information.items-4 {
  margin-top: -63px !important;
}
body.react .gartner-popover.pop-information.items-3 {
  margin-top: -42px !important;
}
body.react .gartner-popover.pop-information.items-2 {
  margin-top: -21px !important;
}
body.react .gartner-popover.pop-information.items-1 {
  margin-top: 0px !important;
}
body.react .gartner-popover.placement-right.pop-information .gartner-popover-arrow {
  left: -18px;
  top: calc(38%);
  transform: rotate(270deg);
}
body.react .gartner-popover.placement-right.pop-information ul {
  color: #eee;
  padding: 24px;
}
body.react .gartner-popover.placement-right.pop-information ul li {
  cursor: auto;
  padding: 8px 16px;
  background-color: #027CB5;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 16px;
}
body.react .gartner-popover.placement-right.pop-information ul li:last-child {
  margin-bottom: 0;
}
@charset "UTF-8";
body.react #newReader .right-rail {
  position: relative;
  /* Right rail recommendations section START*/
  /* Right rail recommendations section END */
}
body.react #newReader .right-rail h4 {
  font-size: 14px;
  line-height: normal;
  font-weight: bold;
  text-transform: uppercase;
}
body.react #newReader .right-rail .a-more {
  font-size: 15px;
  line-height: 22px;
  margin-top: 8px;
  text-align: left;
}
body.react #newReader .right-rail .viewAll {
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
}
body.react #newReader .right-rail .a-few {
  margin-bottom: 18px;
  font-weight: 500;
}
body.react #newReader .right-rail .a-few a {
  font-size: 17px;
  line-height: 20px;
  color: #4a4a4a;
  font-weight: 500;
  display: block;
}
body.react #newReader .right-rail .a-few .a-title {
  font-size: 14px;
  line-height: 19px;
  display: block;
}
body.react #newReader .right-rail .a-few img {
  width: 40px;
  border-radius: 50%;
  background: #03afff;
  margin-bottom: 8px;
  display: block;
  border: none;
}
body.react #newReader .right-rail .arrow {
  fill: #0a6abb;
}
body.react #newReader .right-rail .more {
  transform: rotate(0deg);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
body.react #newReader .right-rail .less {
  transform: rotate(180deg);
}
body.react #newReader .right-rail .ceb-analyst,
body.react #newReader .right-rail .research-board-analyst {
  margin-bottom: 50px;
}
body.react #newReader .right-rail ul {
  margin-bottom: 16px;
}
body.react #newReader .right-rail .short-doc-rr-recommendation {
  margin-top: 0px;
  font-size: 16px;
}
body.react #newReader .right-rail .long-doc-rr-recommendation {
  margin-top: 260px;
  font-size: 16px;
}
body.react #newReader .right-rail .recommendations {
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 22px;
}
body.react #newReader .right-rail .recommendations ul,
body.react #newReader .right-rail .recommendations li {
  margin-bottom: 8px;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail {
  margin-top: 20px;
}
body.react #newReader .right-rail .long-doc-rr-lower-rail {
  bottom: 20%;
  position: absolute;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-peer-connect,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-peer-connect {
  margin-bottom: 72px;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-peer-connect h4,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-peer-connect h4 {
  margin-bottom: 0;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-peer-connect .subtitle,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-peer-connect .subtitle {
  font-size: 14px;
  margin-bottom: 8px;
  line-height: normal;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-peer-connect ul,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-peer-connect ul {
  margin-bottom: 8px;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-explore-collections ul li a,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-explore-collections ul li a {
  margin-bottom: 8px;
  display: block;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-explore-collections ul li .description,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-explore-collections ul li .description {
  font-size: 14px;
  line-height: normal;
  margin-bottom: 8px;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-explore-collections ul li .track-button-open,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-explore-collections ul li .track-button-open {
  border: 1px solid #027cb5;
  border-radius: 20px;
  padding: 2px 10px;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  color: #027cb5;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-explore-collections ul li .track-button-open:hover,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-explore-collections ul li .track-button-open:hover {
  border: 1px solid #027cb5;
  border-radius: 20px;
  padding: 2px 10px;
  background-color: #027cb5;
  cursor: pointer;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-explore-collections ul li .track-button-closed,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-explore-collections ul li .track-button-closed {
  position: relative;
  border: 1px solid #027cb5;
  border-radius: 20px;
  text-decoration: none;
  color: #ffffff;
  background-color: #027cb5;
  cursor: pointer;
  padding: 2px 10px;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-explore-collections ul li .track-button-closed span,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-explore-collections ul li .track-button-closed span {
  display: none;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-explore-collections ul li .track-button-closed:after,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-explore-collections ul li .track-button-closed:after {
  border: 2px solid #027cb5;
  border-radius: 20px;
  text-decoration: none;
  color: #ffffff;
  background-color: #027cb5;
  cursor: pointer;
  content: 'Manage';
  font-size: 14px;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-inquiry,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-inquiry {
  margin: 42px 0px 72px 0;
  display: block;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-inquiry a.inquiryBlock,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-inquiry a.inquiryBlock {
  border: 1px solid #027cb5;
  border-radius: 20px;
  padding: 2px 10px;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  color: #027cb5;
  text-transform: none;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-inquiry a.inquiryBlock:hover,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-inquiry a.inquiryBlock:hover {
  background-color: #027cb5;
  color: #ffffff;
  text-decoration: none;
}
body.react #newReader .right-rail .short-doc-rr-lower-rail .rr-inquiry a.inquiryBlock span.inquiryText,
body.react #newReader .right-rail .long-doc-rr-lower-rail .rr-inquiry a.inquiryBlock span.inquiryText {
  padding: 0 10px;
}
.reprint {
  background: none;
}
.reprint .head {
  background-color: #2C3E49;
}
.reprint .head .logo-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 25px 0 21px 0;
  float: none;
}
.reprint .head .logo-container a {
  margin-top: 2px;
  display: inline-block;
  margin-left: 80px;
}
.reprint .head .logo-container a span.sprite {
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  background: url('https://www.gartner.com/imagesrv/apps/gproduct/images/sprites/header.png;wa75298efe55cfbb2e') no-repeat scroll 0px -165px rgba(0, 0, 0, 0);
}
.reprint .head .logo-container a span.logo {
  width: 80px;
  height: 32px;
}
.reprint .head .logo-container p.licensed {
  display: inline-block;
  float: right;
  margin: 5px 90px 0 0;
  color: #ffffff;
}
.reprint .reprint-section {
  margin-top: 20px;
}
.reprint .reprint-section .long-doc-rr-recommendation,
.reprint .reprint-section .long-doc-rr-lower-rail,
.reprint .reprint-section .level1,
.reprint .reprint-section .primaryKIDisplay,
.reprint .reprint-section .doctodoc,
.reprint .reprint-section .appendix {
  display: none;
}
.reprint .reprint-section .internalFlag {
  text-transform: uppercase;
  color: #d54400;
  text-align: center;
  margin-bottom: 20px;
}
.reprint .reprint-section .right-rail {
  padding-left: 12px;
}
.reprint .reprint-section .right-rail .analyst-rail a {
  pointer-events: none;
}
.reprint .reprint-section .right-rail .analyst-rail a:hover,
.reprint .reprint-section .right-rail .analyst-rail a:active,
.reprint .reprint-section .right-rail .analyst-rail a:focus {
  text-decoration: none;
}
.reprint .reprint-section .reprintPromoContainer {
  position: fixed;
  margin-top: 40px;
}
.reprint .reprint-section .reprintPromoContainer .prms {
  margin-bottom: 20px;
}
.reprint .reprint-section .reprintPromoContainer .prms img {
  display: block;
  width: 100%;
}
.reprint .footer-reprint {
  background-color: #2c3e49;
}
.reprint .footer-reprint footer {
  margin: 0 auto;
  z-index: 1000;
  min-height: 93px;
}
.reprint .footer-reprint footer .top-section {
  overflow: hidden;
  padding-top: 25px;
}
.reprint .footer-reprint footer .top-section #footer-links {
  float: left;
}
.reprint .footer-reprint footer .top-section #footer-links li {
  display: inline;
  margin-right: 15px;
}
.reprint .footer-reprint footer .top-section #footer-links li:last-child {
  margin-right: 0px;
}
.reprint .footer-reprint footer .top-section #footer-links li a {
  font-size: 14px;
  text-shadow: none;
  color: #9ab9ca;
  font-family: Arial;
}
.reprint .footer-reprint footer .top-section .logo {
  float: right;
}
.reprint .footer-reprint footer .top-section .logo img {
  width: 92px;
}
.reprint .footer-reprint footer .bottom-section {
  overflow: hidden;
  padding-top: 6px;
  padding-bottom: 20px;
}
.reprint .footer-reprint footer .bottom-section .copyright {
  font-size: 11px;
  font-family: Arial;
  color: #ffffff;
  float: right;
}
.reprint-expired {
  width: 343px;
  height: 26px;
  font-size: 22px;
  text-align: center;
  color: #424242;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.reprint-expired .expired-image-warning {
  background: url(https://www.gartner.com/imagesrv/apps/gproduct/images/Icons_warning_32x32.png;wafe5dacc553876fd6);
  background-repeat: no-repeat;
  background-position: center center;
  height: 32px;
  width: 32px;
  display: inline-block;
  margin-bottom: 20px;
}
@media print {
  .reprint .head {
    display: none;
  }
  .reprint #newReader .top-section .print-copyright {
    display: none;
  }
}
.borderBox {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.wrapme ~ div .header-wrapper ~ div .interactive-container {
  padding-top: 12px;
  margin-top: 0px;
}
.header-wrapper ~ div .interactive-container {
  margin-top: 90px;
}
.interactive-section {
  background-color: #f2f2f2;
}
.interactive-section .interactive-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0px 35px 35px 35px;
}
.interactive-section .interactive-container:after {
  content: "";
  display: table;
  clear: both;
}
.interactive-section .interactive-container a {
  color: #408dbc;
}
.interactive-section .interactive-container ul li {
  color: #727272;
}
.interactive-section .interactive-container .interactive-action-bar.top {
  text-align: center;
}
.interactive-section .interactive-container .interactive-action-bar.top ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 30px;
  height: 20px;
  padding: 5px 10px 5px 10px;
}
.interactive-section .interactive-container .interactive-action-bar.top ul li button {
  cursor: pointer;
}
.interactive-section .interactive-container .interactive-action-bar.top ul li:first-child {
  width: auto;
  height: auto;
}
.interactive-section .interactive-container .interactive-action-bar.top ul li .btn-view {
  background-color: #027cb5;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.interactive-section .interactive-container .interactive-action-bar.top ul li .btn-view:hover {
  background-color: #006699;
}
.interactive-section .interactive-container .interactive-action-bar .reader-library-add-popover-button {
  margin-top: -3px;
}
.interactive-section .interactive-container .interactive-head {
  padding-bottom: 20px;
}
.interactive-section .interactive-container .interactive-head:after {
  content: "";
  display: table;
  clear: both;
}
.interactive-section .interactive-container .interactive-head .interactive-head-left,
.interactive-section .interactive-container .interactive-head .interactive-head-right {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.interactive-section .interactive-container .interactive-head .interactive-head-left {
  width: 70%;
  float: left;
  padding-left: 16px;
  padding-right: 16px;
}
.interactive-section .interactive-container .interactive-head .interactive-head-left .pubInfo {
  color: #646464;
  font-size: 14px;
  line-height: 27px;
  margin-bottom: 0px;
}
.interactive-section .interactive-container .interactive-head .interactive-head-left .analysts {
  color: #2c2c2c;
  font-size: 15px;
  line-height: 27px;
  display: inline-block;
}
.interactive-section .interactive-container .interactive-head .interactive-head-left .analysts li {
  display: inline;
}
.interactive-section .interactive-container .interactive-head .interactive-head-left .analysts li a {
  font-style: italic;
  color: #10688a;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right {
  width: 30%;
  float: left;
  position: relative;
  z-index: 1;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right:after {
  content: "";
  display: table;
  clear: both;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .top-right {
  position: relative;
  z-index: 999;
  max-width: 340px;
  float: right;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container {
  height: 120px;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all {
  width: 100%;
  background-color: #f2f2f2;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all.expanded {
  box-shadow: -1px 1px 2px #aebbc4, 1px 3px 2px #aebbc4 !important;
  margin-left: -15px;
  padding: 0 15px 15px 15px;
  border-top: dotted 1px #979797;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all.expanded .interactive-view-all-bottom {
  padding: 10px 0 0px 10px;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all.expanded .interactive-recommended-reading {
  border-top: 0;
  border-bottom: 0;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #f2f2f2;
  position: relative;
  margin: 0 !important;
  border-top: dotted 1px #979797;
  border-bottom: dotted 1px #979797;
  box-shadow: none !important;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading > div {
  padding-left: 0px;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary {
  min-height: 0;
  padding-right: 10px;
  transition: none;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary > div {
  margin: 0px;
  right: -5px;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary .interactive-recommended-reading-content {
  margin: 5px 0;
  transition: none;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary .interactive-recommended-reading-content ~ div {
  transition: none;
  right: 0;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary .interactive-recommended-reading-text {
  color: #027cb5;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 30px;
  font-size: 14px;
  margin-bottom: 0;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary .icon-expand,
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary .icon-collapse {
  fill: #027cb5;
  transition: none;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary-expanded {
  margin: 0;
  transition: none;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary-expanded ~ div .expansion-panel-details-root {
  display: block;
  padding: 0px;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary-expanded ~ div .interactive-recommended-reading-list {
  height: 300px;
  display: block;
  overflow-y: auto;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary-expanded ~ div .interactive-recommended-reading-list ul li {
  padding: 4px 0;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary-expanded ~ div .interactive-recommended-reading-list ul li:nth-child(odd) {
  background-color: #fcfcfc;
}
.interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-view-all-bottom {
  padding: 15px 0 15px 0px;
  background-color: #f2f2f2;
}
.interactive-section .interactive-container .interactive-head .interactive-head-left h5 {
  color: #d54400;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.interactive-section .interactive-container .interactive-head .interactive-head-left h1 {
  font-size: 38px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.26;
  letter-spacing: normal;
  text-align: left;
  color: #212121;
  margin-bottom: 0px;
}
.interactive-section .interactive-container .interactive-body {
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  padding: 6px;
}
.interactive-section .interactive-container .interactive-body .tabs-root .tab-root {
  background-color: #efefef;
  opacity: 1;
  margin: 3px 3px 0 3px;
  width: 50%;
  max-width: 50%;
  color: #408dbc;
}
.interactive-section .interactive-container .interactive-body .tabs-root .tab-root span {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: left;
}
.interactive-section .interactive-container .interactive-body .tabs-root .tab-root.tab-selected {
  background-color: transparent;
  color: #222222;
}
.interactive-section .interactive-container .interactive-body .tabs-root .tab-root:hover {
  opacity: 0.6;
}
.interactive-section .interactive-container .interactive-body h2 {
  font-size: 25px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #212121;
}
.interactive-section .interactive-container .interactive-body .tab-indicator {
  top: 0;
  background-color: #408dbc;
  height: 4px;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content:after {
  content: "";
  display: table;
  clear: both;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .document-section {
  width: 100%;
  margin-left: 0;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-left,
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right {
  float: left;
  padding: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-left {
  width: 55%;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-left .paper-container svg {
  width: 100%;
}
@supports not (-ms-high-contrast: none) {
  .interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-left .paper-container svg {
    height: 100%;
  }
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .priority-matrix-image .figure-heading,
.interactive-section .interactive-container .interactive-body .interactive-tab-content .priority-matrix-image .source {
  display: none;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right {
  width: 45%;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-info .interactive-info-content {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 450px;
  margin: 23px 0 22px 0;
  padding-right: 20px;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-info .interactive-info-content h3 {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: left;
  color: #212121;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-info .interactive-info-content p,
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-info .interactive-info-content .para {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: left;
  color: #727272;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-info .interactive-info-content .para {
  padding: 0 0 24px;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-info .interactive-info-content::-webkit-scrollbar {
  width: 7px;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-info .interactive-info-content::-webkit-scrollbar * {
  background: transparent;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-info .interactive-info-content::-webkit-scrollbar-thumb {
  background: #5c5c5c !important;
  border-radius: 3.5px;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-info hr {
  border: none;
  height: 2px;
  background-color: #d8d8d8;
  margin-bottom: 10px;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons {
  text-align: center;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons button {
  cursor: pointer;
  padding: 0px;
  border: 0px;
  margin: 0 16px 0 0;
  background-color: transparent;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons button:disabled {
  cursor: auto;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons button:hover {
  opacity: 0.9;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons button .icon-home,
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons button .icon-previous,
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons button .icon-next {
  cursor: pointer;
  width: 28px;
  height: 28px;
  padding: 3px;
  background-color: #408dbc;
  fill: #fff;
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons button .icon-previous {
  transform: rotate(-90deg);
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons button .icon-next {
  transform: rotate(90deg);
}
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons button:disabled .icon-home,
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons button:disabled .icon-previous,
.interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-nav-buttons button:disabled .icon-next {
  background-color: #d5d8dd;
  cursor: default;
}
@media (max-width: 767px) {
  .interactive-section .interactive-container .interactive-action-bar.top {
    text-align: left;
    padding-bottom: 20px;
  }
  .interactive-section .interactive-container .interactive-action-bar.top ul li:first-child {
    padding-left: 0px;
  }
  .interactive-section .interactive-container .interactive-head .interactive-head-left,
  .interactive-section .interactive-container .interactive-head .interactive-head-right {
    width: 100%;
    float: none;
    padding: 0px;
    height: inherit;
  }
  .interactive-section .interactive-container .interactive-head .interactive-head-right .top-right {
    width: 100%;
    max-width: none;
    padding-top: 20px;
  }
  .interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container {
    height: 100%;
  }
  .interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all {
    width: 100%;
    position: relative;
    width: auto;
    margin-left: 0 !important;
  }
  .interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary > div {
    right: 0;
  }
  .interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary .interactive-recommended-reading-text {
    padding-left: 15px;
  }
  .interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary-expanded ~ div {
    right: -15px !important;
  }
  .interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary-expanded ~ div .expansion-panel-details-root {
    display: block;
  }
  .interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-recommended-reading .interactive-recommended-reading-summary-expanded .interactive-recommended-reading-text {
    padding-left: 0;
  }
  .interactive-section .interactive-container .interactive-head .interactive-head-right .interactive-view-all-container .interactive-view-all .interactive-view-all-bottom {
    padding-left: 15px;
  }
  .interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-left,
  .interactive-section .interactive-container .interactive-body .interactive-tab-content .interactive-tab-right {
    width: 100%;
    float: none;
  }
}
.hype-cycle-chart svg.hover [class*="points"] {
  opacity: 0.3;
}
.hype-cycle-chart svg.hover [class*="points"].hover {
  opacity: 1.0;
}
.interactive-container.hype-cycle-container .interactive-head .interactive-head-right .hype-cycle-definitions {
  font-size: 19px;
  font-weight: 300;
  font-style: normal;
  font-stretch: condensed;
  line-height: 1.58;
  letter-spacing: normal;
  text-align: left;
  color: #1a1a1a;
}
.interactive-container.hype-cycle-container .interactive-head .interactive-head-right .interactive-view-all.expanded .interactive-view-all-bottom {
  padding-left: 15px;
  padding-right: 15px;
  border-top: 1px dotted #979797;
  margin-left: -15px;
  margin-right: -15px;
}
.interactive-container.hype-cycle-container .interactive-body .interactive-tab-content .interactive-tab-right .interactive-info .interactive-info-content .analysts li {
  display: inline;
}
.interactive-container.critical-capabilities-container .interactive-body .tabs-root .sub-title {
  text-transform: capitalize;
  font-size: 14px;
  color: #696969;
  font-family: "Arial Narrow";
}
.interactive-container.critical-capabilities-container .interactive-body .interactive-tab-content .interactive-tab-left .critical-capabilities-weight .critical-capabilities-weight-title {
  font-family: "Fakt Condensed Medium", HelveticaNeueMediumCondensed, HelveticaNeue-Medium-Condensed, "Helvetica Neue Medium Condensed", "Arial Narrow", TeXGyreHerosCnRegular, HelveticaNeueMedium, HelveticaNeue-Medium, "Helvetica Neue Medium", HelveticaNeue, "Helvetica Neue", Helvetica, Tahoma, Geneva, Arial, sans-serif;
  font-size: 30px;
  color: #0067a6;
  margin-bottom: 0px;
}
.interactive-container.critical-capabilities-container .interactive-body .interactive-tab-content .interactive-tab-left .critical-capabilities-weight .critical-capabilities-weight-date {
  color: #bbbfc1;
  font-size: 15px;
  display: block;
  padding-bottom: 13px;
}
.interactive-container.critical-capabilities-container .interactive-body .interactive-tab-content .interactive-tab-left .critical-capabilities-weight .critical-capabilities-weight-customize h3 {
  float: left;
  margin-right: 12px;
  margin-bottom: 17px;
  font-size: 20px;
  line-height: 28px;
  font-family: Fakt, Helvetica, Arial, sans-serif;
  color: #5c6970;
}
.interactive-container.critical-capabilities-container .interactive-body .interactive-tab-content .interactive-tab-left .critical-capabilities-weight .critical-capabilities-weight-customize .btn-customize {
  background: linear-gradient(#fb6602 0px, #f46002 24%, #dc4a00 79%, #d64500 100%);
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  float: left;
  margin-top: -5px;
}
.interactive-container.critical-capabilities-container .interactive-body .interactive-tab-content .interactive-tab-left .critical-capabilities-weight .critical-capabilities-weight-customize:after {
  content: ' ';
  display: block;
  clear: both;
}
.interactive-container.critical-capabilities-container .interactive-body .interactive-tab-content .interactive-tab-left .critical-capabilities-weight .weight-title-input,
.interactive-container.critical-capabilities-container .interactive-body .interactive-tab-content .interactive-tab-left .critical-capabilities-weight .weight-description-input {
  display: block;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.scoreCardSlides .slick-prev,
.scoreCardSlides .slick-next {
  top: 60%;
  background-color: #0a6abb;
  width: 36px;
  height: 36px;
  color: white;
  border-radius: 50%;
}
.scoreCardSlides .slick-prev {
  left: 1.5% !important;
  z-index: 1;
}
.scoreCardSlides .slick-next {
  right: 1.5% !important;
  top: 61% !important;
}
.scoreCardSlides .slick-next:hover,
.scoreCardSlides .slick-prev:hover {
  background-color: 'white';
  color: #0a6abb;
  border: 1px solid #0a6abb;
}
.scoreCardSlides .slick-disabled {
  background-color: #e0e0e0;
  color: #616161;
}
.scoreCardSlides .slick-disabled:hover {
  background-color: #e0e0e0;
  color: #616161;
  border: 1px solid #e0e0e0;
}
.scoreCardSlides .slick-slide h2 {
  margin-bottom: 0;
}
.scoreCardSlides .slick-slide h2 p {
  font-size: 14px;
  color: #616161;
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 22px;
}
.scoreCardSlides .slick-slide h2 span {
  display: block;
  margin-bottom: 8px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper {
  max-width: 1248px;
  max-height: 100%;
}
.critical-capabilities-scores-modal .btn-score-card-back {
  display: none;
  padding: 0px;
  margin-right: 22px;
  min-width: auto;
}
.critical-capabilities-scores-modal .btn-score-card-back .icon-score-card-back {
  fill: #757575;
}
.critical-capabilities-scores-modal .btn-score-card-back:hover {
  background-color: transparent;
}
.critical-capabilities-scores-modal .cc-branch {
  background-color: #DCE7ED;
  font-weight: bold;
  padding: 8px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 4px;
}
.critical-capabilities-scores-modal .cc-branch span span:last-child::after {
  content: " \25B8";
  color: #0a6abb;
  font-size: 18px;
  vertical-align: bottom;
}
.critical-capabilities-scores-modal .product-scores-modal-title {
  background-color: #eeeeee;
  padding: 16px 24px;
  box-shadow: 0 4px 10px -2px #c1c1c1;
}
.critical-capabilities-scores-modal .product-scores-modal-title .product-scores-modal-title-left {
  display: none;
}
.critical-capabilities-scores-modal .product-scores-modal-title .product-scores-modal-title-right {
  float: none;
  width: 100%;
}
.critical-capabilities-scores-modal .product-scores-modal-title .product-scores-modal-title-right p {
  font-size: 14px;
  color: #616161;
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 22px;
}
.critical-capabilities-scores-modal .product-scores-modal-title .product-scores-modal-title-right p.metadata {
  font-size: 16px;
  font-weight: normal;
}
.critical-capabilities-scores-modal .alert-dialog-content {
  height: 372px;
  padding-left: 60px;
}
.critical-capabilities-scores-modal .alert-dialog-content h4.product-scores-overview {
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
}
.critical-capabilities-scores-modal .alert-dialog-content .VendorComment h4 {
  display: none;
}
.critical-capabilities-scores-modal .product-scores-modal-left,
.critical-capabilities-scores-modal .product-scores-modal-right {
  float: left;
  padding: 20px;
  box-sizing: border-box;
}
.critical-capabilities-scores-modal .product-scores-modal-left {
  width: 46%;
}
.critical-capabilities-scores-modal .product-scores-modal-right {
  width: 54%;
}
.critical-capabilities-scores-modal .modal-right-title {
  color: #212121;
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
}
.critical-capabilities-scores-modal .score-card-formula-image {
  margin-bottom: 16px;
}
.critical-capabilities-scores-modal li .para {
  padding-top: 0px;
}
.critical-capabilities-scores-modal .para {
  padding: 10px 10px 10px 0;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table {
  text-align: center;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table span {
  color: #212121;
  font-size: 18px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table .rating-arrow {
  width: 20px;
  height: 20px;
  padding-left: 5px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table .arrow-up {
  color: #00a76d;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table .arrow-down {
  color: #de0a01;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table .score-card-tooltip {
  font-size: 15px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table th {
  color: #222;
  background: #f6f6f6;
  padding: 6px 0 4px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table th.name {
  width: 224px;
  text-align: left;
  padding-left: 10px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table th.rating {
  padding: 0 10px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table th.total {
  padding: 0 10px 0 5px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table tbody {
  color: #4C4C4C;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table tbody tr {
  /*border-top: solid 1px #CCC;*/
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table tbody tr td {
  border-bottom: 1px solid #cccccc;
  padding: 6px 0 4px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table tbody tr td:first-child {
  text-align: left;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table tbody tr td.name {
  padding-left: 10px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table tbody tr.total-score {
  /*color: #00A5DD;*/
  /*font-size: 18px;*/
  font-weight: bold;
  border-bottom: solid 1px #CCC;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table tbody tr.total-score #score-label {
  padding-left: 10px;
}
.critical-capabilities-scores-modal .btn-print {
  background-color: #0a6abb;
  color: #ffffff;
  width: 100px;
}
.critical-capabilities-scores-modal .btn-close {
  color: #0a6abb;
  margin-right: 20px;
}
.critical-capabilities-scores-modal p.note {
  padding-left: 10px;
  font-size: 14px;
  color: #757575;
  font-style: italic;
  margin: 0;
}
.critical-capabilities-scores-modal p.note:first-child {
  padding-top: 27px;
}
.critical-capabilities-scores-modal p.note span {
  color: #212121;
  font-size: 18px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-actions {
  padding: 20px 20px 24px;
  margin: 0;
  background-color: #eeeeee;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-actions .printer-icon {
  margin-right: 10px;
}
.score-card-tooltip {
  font-size: 18px;
  color: #424242;
  background-color: #ffffff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.23), 0 3px 10px 0 rgba(0, 0, 0, 0.16);
  width: 185px;
  height: 30px;
  border-radius: 2px;
  padding-top: 10px;
  padding-left: 10px;
  border: 1px solid #f5f5f5;
  text-align: center;
}
.score-card-tooltip .with-arrow-up::after {
  content: " \2191";
  color: #00a76d;
  font-size: 22px;
}
.score-card-tooltip .with-arrow-down::after {
  content: " \2193";
  color: #de0a01;
  font-size: 22px;
}
@media print {
  body {
    padding: 0 !important;
  }
  #newReader.icc,
  .header-wrapper,
  .interactive-tabs,
  .slick-arrow,
  .critical-capabilities-scores-modal-actions {
    display: none !important;
  }
  .print-iteractive {
    display: none;
  }
  .critical-capabilities-scores-modal {
    position: relative;
    visibility: hidden;
    display: block;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper {
    max-width: 960px !important;
    width: 960px !important;
    margin: 0 !important;
    margin-top: -50px !important;
  }
  .critical-capabilities-scores-modal .alert-dialog-content {
    height: initial;
    padding-right: 0px;
    padding-left: 0px;
  }
  .critical-capabilities-scores-modal .product-scores-modal-left {
    width: 30% !important;
  }
  .critical-capabilities-scores-modal .product-scores-modal-right {
    width: 45% !important;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-table {
    width: auto;
  }
  .slick-active {
    visibility: visible;
  }
}
@media only screen and (max-width: 414px) {
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper {
    margin: 0px;
    width: 100%;
    max-height: 100%;
    height: 100%;
    border-radius: 0;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .btn-score-card-back {
    display: block;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .product-scores-modal-title:after {
    content: ' ';
    display: block;
    clear: both;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .product-scores-modal-title .product-scores-modal-title-left,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .product-scores-modal-title .product-scores-modal-title-right {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .product-scores-modal-title .product-scores-modal-title-left {
    display: block;
    width: 13%;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .product-scores-modal-title .product-scores-modal-title-right {
    width: 87%;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .product-scores-modal-title .product-scores-modal-title-right h2 {
    font-size: 28px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .modal-right-title {
    font-weight: normal;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content {
    padding: 0 16px 0 16px;
    height: 230px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .product-scores-modal-left,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .product-scores-modal-right {
    float: none;
    width: 100%;
    padding: 20px 0px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table {
    width: calc(100% + 34px);
    margin-left: -17px;
    font-size: 12px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table th.name,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table td.name {
    width: 109px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table th.rating,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table td.rating {
    width: 49px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table th.weight,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table td.weight {
    width: 68px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table th.rating,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table td.rating,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table th.weight,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table td.weight {
    position: relative;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table th.total,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table td.total {
    width: 46px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table th.rating span,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .alert-dialog-content .critical-capabilities-scores-table th.weight span {
    top: 0;
    right: 0;
    position: absolute;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-prev,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-next {
    top: calc(100% + 40px) !important;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-prev {
    margin-left: 10px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-next {
    margin-right: 10px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-actions {
    height: 80px;
    padding: 0px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-actions .btn-print,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-actions .btn-close {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .interactive-tab-section .interactive-tabs {
    margin-top: 0px !important;
    padding-left: 16px !important;
    margin-bottom: 35px;
  }
  .interactive-tab-section .disclaimer {
    margin-top: 51px;
  }
}
@media only screen and (max-width: 980px) {
  .critical-capabilities-scores-modal .product-scores-modal-left,
  .critical-capabilities-scores-modal .product-scores-modal-right {
    float: none;
    width: 100%;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-table {
    width: 100%;
  }
}
.react.readerV2 .content-section {
  font-size: 16px;
  line-height: 24px;
}
.react.readerV2 .icc {
  font-size: 16px;
  line-height: 24px;
  margin-top: 0 !important;
}
.react.readerV2 .icc .updated {
  border-radius: 2px;
  background-color: #002856;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 2px 8px;
}
.react.readerV2 .icc .analyst-rail {
  margin-bottom: 40px;
}
.react.readerV2 .icc .left-rail .action-bar {
  position: relative;
  width: 38px;
}
.react.readerV2 .icc .left-rail .action-bar .reader-library-add-popover-button {
  display: initial;
}
.react.readerV2 .icc .interactive-part {
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 8px;
  /****** Custom checkboxes ******/
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.react.readerV2 .icc .interactive-part .tab-root {
  background: #eee;
  margin-right: 4px;
  opacity: 1;
  text-align: left;
  line-height: 22px;
  font-weight: normal;
}
.react.readerV2 .icc .interactive-part .tab-root:last-child {
  margin-right: 0;
}
.react.readerV2 .icc .interactive-part .tab-root .tab-count {
  float: left;
  width: 24px;
  height: 24px;
  background-color: #002856;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  border-radius: 12px;
  margin-right: 8px;
}
.react.readerV2 .icc .interactive-part .tab-root .tab-count.custom {
  background-color: #fb6602;
}
.react.readerV2 .icc .interactive-part .tab-root .title {
  display: block;
  color: #212121;
  font-size: 14px;
  font-weight: bold;
  font-family: "Gartner sans condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.react.readerV2 .icc .interactive-part .tab-root .sub-title {
  text-transform: none;
  font-size: 13px;
  color: #616161;
}
.react.readerV2 .icc .interactive-part .tab-root .label-container {
  min-width: 240px;
  padding-right: 12px;
  padding-left: 12px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content {
  padding-top: 32px;
  padding-left: 56px;
  padding-right: 56px;
  display: flex;
  flex-wrap: nowrap;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .weight-title {
  margin-bottom: 4px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .weight-date {
  color: #616161;
  display: block;
  margin-bottom: 16px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .weight-description {
  margin-bottom: 32px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .updated-since {
  font-style: italic;
  color: #757575;
  text-align: right;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .updated-since span span {
  font-style: normal;
  color: #424242;
  font-size: 20px;
  line-height: normal;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .scores-mobile {
  display: none;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .vendor-label {
  display: inline-block;
  margin-top: -10px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #424242;
  padding: 10px 10px 0px 16px;
  height: 37px;
  width: 281px;
  max-width: 281px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper {
  position: relative;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper .highcharts {
  float: left;
  width: 80%;
  margin-bottom: 0px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper:after {
  content: ' ';
  display: block;
  clear: both;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper .capability-label {
  max-width: 290px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper .capability-label:hover:after {
  position: absolute;
  content: attr(alt);
  border-radius: 2px;
  background-color: #424242;
  padding: 25px 24px;
  color: #000;
  line-height: 1.4em;
  border: 1px solid #000;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
  text-transform: none;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.23), 0 3px 10px 0 rgba(0, 0, 0, 0.16);
  white-space: normal;
  z-index: 9999;
  top: 30px;
  left: -16px;
  width: 510px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper .highcharts-container {
  z-index: 99 !important;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper .weights-mobile {
  display: none;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper.edit .weights-mobile {
  display: none;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .charts-bottom {
  border-top: 1px solid #cccccc;
  padding-top: 16px;
  margin-top: 12px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .edit-weights {
  float: right;
  top: 0px;
  right: 0;
  margin-top: 5px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .edit-weights .customize-weights {
  display: block;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .edit-weights .customize-weights:last-child {
  margin-bottom: 0px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .edit-weights input {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 10px;
  padding: 14px;
  border-radius: 2px;
  background-color: #fdf9e8;
  border: solid 1px #cccccc;
  box-shadow: 0px 0px 0px 1px #eee;
  -moz-box-shadow: 0px 0px 0px 1px #eee;
  -webkit-box-shadow: 0px 0px 0px 1px #eee;
  width: 64px;
  height: 36px;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: condensed;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: #424242;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .edit-weights input:focus,
.react.readerV2 .icc .interactive-part .interactive-tab-content .edit-weights input:active {
  border: solid 1px transparent;
  box-shadow: 0px 0px 0px 2px #0a6abb;
  -moz-box-shadow: 0px 0px 0px 2px #0a6abb;
  -webkit-box-shadow: 0px 0px 0px 2px #0a6abb;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .total-weights {
  font-size: 28px;
  font-weight: bold;
  font-style: normal;
  font-stretch: condensed;
  line-height: 0.86;
  letter-spacing: normal;
  float: right;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .total-weights.error {
  color: #de0a01;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .total-weights.valid {
  color: #00a76d;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content h3 {
  padding-right: 24px;
  float: left;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .btn-customize {
  border-radius: 2px;
  background-color: #0a6abb;
  font-size: 14px;
  line-height: normal;
  color: #fff;
  min-height: 32px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .btn-cancel,
.react.readerV2 .icc .interactive-part .interactive-tab-content .btn-save {
  border-radius: 2px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .btn-cancel {
  background-color: #ffffff;
  border: solid 1px #0a6abb;
  color: #0a6abb;
  margin-right: 16px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .btn-save {
  color: #ffffff;
  background-color: #0a6abb;
  overflow: visible;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .btn-save:disabled {
  pointer-events: all;
  color: #616161;
  background-color: #e0e0e0;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .btn-save:disabled[alt]:hover:after {
  position: absolute;
  content: attr(alt);
  border-radius: 2px;
  background-color: #424242;
  padding: 25px 24px;
  color: #000;
  line-height: 1.4em;
  border: 1px solid #000;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
  text-transform: none;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.23), 0 3px 10px 0 rgba(0, 0, 0, 0.16);
  white-space: normal;
  z-index: 9999;
  bottom: 40px;
  left: 0;
  width: 306px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header.custom h2 {
  float: left;
  width: 75%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper {
  float: left;
  width: 25%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-edit,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-delete {
  float: right;
  min-width: auto;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-edit:hover,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-delete:hover {
  background-color: transparent;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-edit .icon-edit,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-delete .icon-edit,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-edit .icon-delete,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-delete .icon-delete {
  fill: #0a6abb;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-edit {
  padding: 0 27px 0 0;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-delete {
  padding: 0;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-header:after {
  clear: both;
  display: block;
  content: ' ';
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-head:after {
  content: ' ';
  display: block;
  clear: both;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .scores-chart-x-axis-title {
  margin: 0px 0px -18px 0px;
  font-size: 16px;
  font-family: Gartner sans condensed !important;
  color: #757575;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .scores-chart-x-axis-title span {
  display: inline-block;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .scores-chart-x-axis-title .icon-arrow {
  display: inline-block;
  margin: 0 5px 0 5px;
  width: 53px;
  height: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAVCAYAAADmSqZGAAAKrGlDQ1BJQ0MgUHJvZmlsZQAASImVlgdUU1kax+976Y0WupTQe28BpNdQJNJBVEICJJQYAgHEhsjgCIwoIiJYRlQEUXBUigwqIoptUFDAPiCDgLoOFmyo7AOWsLN7dvfs/56b9ztfvve979737jl/AMj3WAJBCiwFQCo/Qxjs406LjIqm4Z4BCOCRYQ1MWOx0gRuTGQAQLVz/qg8DSDaiuyaztf79//8qaU58OhsAiIlwHCednYrwWWS2swXCDABQAiSulZUhmOUyhGWFSIMI185y4jy3z3LcPN+ZywkN9kD4DwDwZBZLmAgAaRKJ0zLZiUgdMrJaYM7n8PgIuyLszOayOAjnImycmrpmlk8grB/3T3US/1IzTlyTxUoU8/xa5oT35KULUlhr/8/t+N9KTREtPEMTmWSu0Dd4ds3IntUmr/EXMz9uWdAC8zhz+XPMFfmGLTA73SN6gTksT/8FFiWHuS0wS7h4Ly+DEbrAwjXB4vr8lGUB4vrxDDHHp3uFLHACz5uxwDnc0IgFzuSFL1vg9OQQ/8UcD3FcKAoW95wg9BavMTV9sTc2a/FZGdxQ38UeIsX9cOI9vcRxfpg4X5DhLq4pSGEu9p/iI46nZ4aI781APrAFTmL5MRfrMMX7AzyBFwhABg0wgSUyLIBVRnx2xmzDHmsEa4W8RG4GzQ05MfE0Bp9takyzNLegAzB7/uZf77v7c+cKkscvxvj5ANiPI8HixRgrDYBm5H1JH16M6T4DQHIQgIvf2SJh5nwMPfuDAUQgiXSoBNSAFtAHJkhntsARuCLd+oEgEAqiwCrABlyQCoQgC6wHm0EBKAI7wG5QCQ6Cw6AWnASnQQtoB5fAVXAT3AH94BEYAqPgJZgEH8A0BEE4iAJRISVIHdKBjCBLiA45Q15QABQMRUGxUCLEh0TQemgLVASVQpXQIagO+gU6B12CrkO90ANoGJqA3kJfYBRMhmVhVVgXNoPpsBvsD4fCK+FEOA3OgfPh7XAFXA2fgJvhS/BNuB8egl/CUyiAIqHkURooExQd5YEKQkWjElBC1EZUIaocVY1qQLWhulF3UUOoV6jPaCyaiqahTdCOaF90GJqNTkNvRBejK9G16GZ0F/ouehg9if6OoWBUMEYYBwwDE4lJxGRhCjDlmBpME+YKph8zivmAxWLlsXpYO6wvNgqbhF2HLcbuxzZiO7C92BHsFA6HU8IZ4ZxwQTgWLgNXgNuLO4G7iOvDjeI+4Ul4dbwl3hsfjefj8/Dl+OP4C/g+/Bh+miBF0CE4EIIIHMJaQgnhCKGNcJswSpgmShP1iE7EUGIScTOxgthAvEJ8THxHIpE0Sfak5SQeKZdUQTpFukYaJn0my5ANyR7kGLKIvJ18jNxBfkB+R6FQdCmulGhKBmU7pY5ymfKU8kmCKmEqwZDgSGySqJJoluiTeC1JkNSRdJNcJZkjWS55RvK25CspgpSulIcUS2qjVJXUOalBqSlpqrSFdJB0qnSx9HHp69LjMjgZXRkvGY5MvsxhmcsyI1QUVYvqQWVTt1CPUK9QR2WxsnqyDNkk2SLZk7I9spNyMnLWcuFy2XJVcuflhuRR8rryDPkU+RL50/ID8l8UVBXcFOIVtik0KPQpfFRcouiqGK9YqNio2K/4RYmm5KWUrLRTqUXpiTJa2VB5uXKW8gHlK8qvlsgucVzCXlK45PSShyqwiqFKsMo6lcMqt1SmVNVUfVQFqntVL6u+UpNXc1VLUitTu6A2oU5Vd1bnqZepX1R/QZOjudFSaBW0LtqkhoqGr4ZI45BGj8a0pp5mmGaeZqPmEy2iFl0rQatMq1NrUltdO1B7vXa99kMdgg5dh6uzR6db56Ounm6E7lbdFt1xPUU9hl6OXr3eY32Kvot+mn61/j0DrAHdINlgv8EdQ9jQxpBrWGV42wg2sjXiGe036jXGGNsb842rjQdNyCZuJpkm9SbDpvKmAaZ5pi2mr820zaLNdpp1m303tzFPMT9i/shCxsLPIs+izeKtpaEl27LK8p4VxcrbapNVq9UbayPreOsD1vdtqDaBNlttOm2+2drZCm0bbCfstO1i7fbZDdJl6Ux6Mf2aPcbe3X6Tfbv9ZwdbhwyH0w5/Opo4Jjsedxxfqrc0fumRpSNOmk4sp0NOQ84051jnn52HXDRcWC7VLs9ctVw5rjWuY24GbkluJ9xeu5u7C92b3D96OHhs8OjwRHn6eBZ69njJeIV5VXo99db0TvSu9570sfFZ59Phi/H1993pO8hQZbAZdYxJPzu/DX5d/mT/EP9K/2cBhgHCgLZAONAvcFfg42U6y/jLWoJAECNoV9ATph4zjfnrcuxy5vKq5c+DLYLXB3eHUENWhxwP+RDqHloS+ihMP0wU1hkuGR4TXhf+McIzojRiKNIsckPkzSjlKF5UazQuOjy6JnpqhdeK3StGY2xiCmIGVuqtzF55fZXyqpRV51dLrmatPhOLiY2IPR77lRXEqmZNxTHi9sVNsj3Ye9gvOa6cMs5EvFN8afxYglNCacJ4olPirsQJrgu3nPuK58Gr5L1J8k06mPQxOSj5WPJMSkRKYyo+NTb1HF+Gn8zvWqO2JntNr8BIUCAYSnNI2502KfQX1qRD6SvTWzNkEaNzS6Qv+kE0nOmcWZX5KSs860y2dDY/+9Zaw7Xb1o7leOccXYdex17XuV5j/eb1wxvcNhzaCG2M29i5SWtT/qbRXJ/c2s3Ezcmbf8szzyvNe78lYktbvmp+bv7IDz4/1BdIFAgLBrc6bj34I/pH3o8926y27d32vZBTeKPIvKi86Gsxu/jGTxY/Vfw0sz1he0+JbcmBHdgd/B0DO1121pZKl+aUjuwK3NVcRisrLHu/e/Xu6+XW5Qf3EPeI9gxVBFS07tXeu2Pv10puZX+Ve1XjPpV92/Z93M/Z33fA9UDDQdWDRQe//Mz7+f4hn0PN1brV5YexhzMPPz8SfqT7KP1oXY1yTVHNt2P8Y0O1wbVddXZ1dcdVjpfUw/Wi+okTMSfunPQ82dpg0nCoUb6x6BQ4JTr14pfYXwZO+5/uPEM/03BW5+y+JmpTYTPUvLZ5soXbMtQa1dp7zu9cZ5tjW9Ovpr8ea9dorzovd77kAvFC/oWZizkXpzoEHa8uJV4a6Vzd+ehy5OV7Xcu7eq74X7l21fvq5W637ovXnK61X3e4fu4G/UbLTdubzbdsbjX9ZvNbU49tT/Ntu9utd+zvtPUu7b3Q59J36a7n3av3GPdu9i/r7x0IG7g/GDM4dJ9zf/xByoM3DzMfTj/KfYx5XPhE6kn5U5Wn1b8b/N44ZDt0fthz+NazkGePRtgjL/9I/+PraP5zyvPyMfWxunHL8fYJ74k7L1a8GH0peDn9quBv0n/b91r/9dk/Xf+8NRk5OfpG+GbmbfE7pXfH3lu/75xiTj39kPph+mPhJ6VPtZ/pn7u/RHwZm876ivta8c3gW9t3/++PZ1JnZgQsIWvOCqCQCSckAPD2GACUKACoiG8mSsz74zlB855+jsB/4nkPPSdbAI4il4hcAGZt4YEOxIMgUxJhpisAoa4AtrISz38oPcHKcr4WqQWxJuUzM+8QX4gzAODb4MzMdMvMzLcapNmHAHR8mPfls5JCvPmku521RWDf+THwr/o75L8HKJdn+DYAAAICaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjQuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4yMTwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj41MzwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoQz2wOAAAAnUlEQVRYCe2WvQnAIBBGv4QsYOMALuQ2DuEU7iE4iq0rWAj5A1NYJHbm5K4R4QPv3RNx2c/CZLVOxnPjMBQVq2yKTQ2cAF+/gcNHjLH7+K07OTDovUcIAVJKaK2hlHrthgTURVBKQUoJzjkIIV7hyEBVNTnnTzhyUD1wS/3QGmNqnvRqrcWUT/pjirSepvkpTTFUY/m3Wzb1WzVNYweWLDLT4DDqjAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 100% 21px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper {
  position: relative;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input textarea {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #fdf9e8;
  padding: 16px 50px 16px 12px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  box-shadow: 0px 0px 0px 1px #eee;
  -moz-box-shadow: 0px 0px 0px 1px #eee;
  -webkit-box-shadow: 0px 0px 0px 1px #eee;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #424242;
  vertical-align: top;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input:focus,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input:focus,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input:focus,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input:focus,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea:focus,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea:focus,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea:focus,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input textarea:focus,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input:active,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input:active,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input:active,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input:active,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea:active,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea:active,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea:active,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input textarea:active {
  border: solid 1px transparent;
  box-shadow: 0px 0px 0px 2px #0a6abb;
  -moz-box-shadow: 0px 0px 0px 2px #0a6abb;
  -webkit-box-shadow: 0px 0px 0px 2px #0a6abb;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input:focus ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input:focus ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input:focus ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input:focus ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea:focus ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea:focus ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea:focus ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input textarea:focus ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input:active ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input:active ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input:active ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input:active ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea:active ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea:active ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea:active ~ .btn-clear .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input textarea:active ~ .btn-clear .icon-clear {
  fill: #0a6abb;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input {
  color: #212121;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input textarea {
  padding-right: 52px;
  resize: none;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input ~ .btn-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input ~ .btn-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input ~ .btn-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input ~ .btn-clear {
  margin: 16px 12px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .btn-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .btn-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .icon-error,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .icon-error {
  position: absolute;
  right: 0;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .btn-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .btn-clear {
  min-width: 20px;
  background-color: transparent;
  padding: 0;
  margin: 10px 14px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .icon-clear,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .icon-clear {
  cursor: pointer;
  fill: #757575;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper .icon-error,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper .icon-error {
  fill: #de0a01;
  margin: 16px 14px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper.error .weight-title-input input,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper.error .weight-title-input input,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper.error .weight-description-input input,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper.error .weight-description-input input,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper.error .weight-title-input textarea,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper.error .weight-title-input textarea,
.react.readerV2 .icc .interactive-part .interactive-tab-content .title-wrapper.error .weight-description-input textarea,
.react.readerV2 .icc .interactive-part .interactive-tab-content .description-wrapper.error .weight-description-input textarea {
  background-color: rgba(222, 10, 1, 0.1);
  border: solid 1px transparent;
  box-shadow: 0px 0px 0px 2px #de0a01;
  -moz-box-shadow: 0px 0px 0px 2px #de0a01;
  -webkit-box-shadow: 0px 0px 0px 2px #de0a01;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .helper-texts p {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: normal;
  color: #616161;
  margin-top: 4px;
  margin-bottom: 8px;
  float: left;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .helper-texts p:first-child {
  padding-left: 12px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .helper-texts p.character-count {
  float: right;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .helper-texts.error p {
  color: #de0a01;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .helper-texts:after {
  clear: both;
  content: ' ';
  display: block;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .interactive-tab-left {
  width: 50%;
  padding-right: 48px;
}
.react.readerV2 .icc .interactive-part .interactive-tab-content .interactive-tab-right {
  width: 50%;
  padding-top: 78px;
}
.react.readerV2 .icc .interactive-part .tab-indicator {
  height: 4px;
  background-color: #002856;
}
.react.readerV2 .icc .interactive-part .tool-tip {
  position: absolute;
  content: attr(alt);
  border-radius: 2px;
  background-color: #424242;
  padding: 25px 24px;
  color: #000;
  line-height: 1.4em;
  border: 1px solid #000;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
  text-transform: none;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.23), 0 3px 10px 0 rgba(0, 0, 0, 0.16);
  white-space: normal;
  z-index: 9999;
}
.react.readerV2 .icc .interactive-part .chkWrapper {
  display: block;
  position: absolute;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react.readerV2 .icc .interactive-part .chkWrapper input {
  opacity: 0;
  cursor: pointer;
}
.react.readerV2 .icc .interactive-part .chkWrapper input:focus ~ .checkmark {
  border: solid 1px transparent;
  box-shadow: 0px 0px 0px 2px #002856;
  -moz-box-shadow: 0px 0px 0px 2px #002856;
  -webkit-box-shadow: 0px 0px 0px 2px #002856;
}
.react.readerV2 .icc .interactive-part .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  border: solid 1px #424242;
}
.react.readerV2 .icc .interactive-part .chkWrapper input:checked ~ .checkmark {
  background-color: #0a6abb;
  border: solid 1px #0a6abb;
}
.react.readerV2 .icc .interactive-part .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.react.readerV2 .icc .interactive-part .chkWrapper input:checked ~ .checkmark:after {
  display: block;
}
.react.readerV2 .icc .interactive-part .chkWrapper .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.react.readerV2 .critical-capabilities-scores-modal .dialog-paper {
  padding: 40px 40px 24px 40px;
  overflow: hidden;
}
.react.readerV2 .critical-capabilities-scores-modal .dialog-title,
.react.readerV2 .critical-capabilities-scores-modal .dialog-content {
  padding: 0px;
}
.react.readerV2 .critical-capabilities-scores-modal .dialog-title {
  margin-bottom: 22px;
}
.react.readerV2 .critical-capabilities-scores-modal .dialog-title .dialog-close-button {
  position: absolute;
  right: -4px;
  top: 8px;
  background-color: transparent;
}
.react.readerV2 .critical-capabilities-scores-modal .dialog-title .dialog-close-icon {
  fill: #757575;
}
.react.readerV2 .critical-capabilities-scores-modal .dialog-title h2 {
  margin-bottom: 0px;
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.27;
  letter-spacing: normal;
  color: #212121;
}
.react.readerV2 .critical-capabilities-scores-modal .dialog-content {
  margin-bottom: 100px;
}
.react.readerV2 .critical-capabilities-scores-modal .dialog-actions {
  margin: 0px;
}
.react.readerV2 .critical-capabilities-scores-modal .dialog-actions button {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #0a6abb;
}
.reader-critical-capabilities {
  left: 0px !important;
  top: 0px !important;
}
@media only screen and (max-width: 414px) {
  .reader-critical-capabilities {
    width: calc(100% - 26px);
  }
  .reader-critical-capabilities .library-added-popover-right {
    width: 100%;
  }
  .reader-critical-capabilities .library-added-popover-right .popover-topsection-addfolder-button {
    margin-left: 122px !important;
  }
  .reader-critical-capabilities .library-added-popover-right .add-new-folder-button {
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 414px) {
  .react.readerV2 .icc .interactive-part .critical-capabilities-scores-chart .scores-chart-x-axis-title {
    font-size: 14px !important;
  }
  .react.readerV2 .icc .interactive-part .critical-capabilities-scores-chart .scores-chart-x-axis-title .icon-arrow {
    width: 33px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper .highcharts {
    width: 78%;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper .highcharts .capability-label:hover:after {
    width: 246px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper .edit-weights input {
    padding: 14px 6px;
    width: 55px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .highcharts .vendor-label {
    max-width: 200px;
  }
}
@media only screen and (max-width: 600px) {
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores .updated-since {
    font-size: 14px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .highcharts .capability-label,
  .react.readerV2 .icc .interactive-part .interactive-tab-content .highcharts .vendor-label {
    font-size: 14px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .highcharts .capability-label {
    max-width: 240px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .highcharts .capability-label:hover:after {
    width: 286px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .highcharts .vendor-label {
    max-width: 250px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .highcharts .highcharts-data-label,
  .react.readerV2 .icc .interactive-part .interactive-tab-content .highcharts .highcharts-yaxis-labels {
    display: none;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .title-header.custom h2 {
    width: 60%;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper {
    width: 40%;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper .weights-mobile {
    display: block;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper .weights-mobile .weight {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: condensed;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #002856;
    height: 36px;
    padding-top: 12px;
    padding-right: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 10px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper .weights-mobile .weight:last-child {
    margin-bottom: 0px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .scores-mobile {
    display: block;
    padding-top: 25px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .scores-mobile .score {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: condensed;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #002856;
    height: 36px;
    padding-top: 5px;
    padding-right: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 9px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .scores-mobile .score:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 1024px) {
  .react.readerV2 .icc .interactive-part .tabs-root .tab-scroll-buttons {
    flex: none;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content {
    padding-left: 12px;
    padding-right: 12px;
    display: block;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .interactive-tab-left,
  .react.readerV2 .icc .interactive-part .interactive-tab-content .interactive-tab-right {
    width: 100%;
    padding-right: 0px;
    float: none;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .interactive-tab-right {
    padding-top: 33px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-weight .weight-customize h3 {
    float: none;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-weight .btn-customize {
    margin-bottom: 12px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores .dropdown-scores {
    margin-top: -5px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores .dropdown-scores:after {
    content: ' ';
    display: block;
    clear: both;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores .critical-capabilities-scores-chart {
    position: relative;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores .critical-capabilities-scores-chart:after {
    content: ' ';
    display: block;
    clear: both;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores .critical-capabilities-scores-chart .highcharts {
    float: left;
    width: 80%;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores .critical-capabilities-scores-chart .highcharts .highcharts-container {
    width: 100% !important;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores .updated-since {
    text-align: left;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .capability-label:hover:after {
    width: 320px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .btn-save:disabled[alt]:hover:after {
    width: 320px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1240px) {
  .react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper.edit .highcharts-series-group,
  .react.readerV2 .icc .interactive-part .interactive-tab-content .charts-wrapper.edit .highcharts-data-labels {
    display: none;
  }
}
@media only screen and (min-width: 601px) and (max-width: 1024px), (min-width: 1280px) {
  .critical-capabilities-scores-chart .scores-chart-x-axis-title {
    margin-left: 320px !important;
  }
}
@media only screen and (min-width: 1280px) {
  .critical-capabilities-scores-chart .scores-chart-x-axis-title {
    margin-left: 287px !important;
  }
}
.interactive-tab-section.interactive {
  margin-top: 96px;
}
.interactive-tab-section.interactive #newReader {
  margin-top: 0;
}
.interactive-tab-section .interactive-tabs {
  margin-top: 20px;
  padding-left: 68px;
}
@charset "UTF-8";
.react.readerV2 {
  /* 
DDawkins: 
Reader v2 is missing some CSS for the advanced search to render correctly.
These style are to correct that issue (EC-3772)
*/
  background: #FFF;
}
.react.readerV2 h7 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;
  font-weight: bold;
  font-style: italic;
}
.react.readerV2 .sticky-header {
  box-shadow: 0px -1px 5px #888888;
  position: fixed;
  top: 0;
  left: 0;
  padding-bottom: 16px;
  margin-left: 0;
  width: 100%;
  background: #2c3e49;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  -ms-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.react.readerV2 .sticky-header.show {
  z-index: 1;
  opacity: 1;
}
.react.readerV2 .sticky-header .logo-container {
  padding-right: 16px;
}
.react.readerV2 .sticky-header .logo {
  margin-left: 12px;
  margin-top: 14px;
}
.react.readerV2 .sticky-header h2 {
  float: left;
  font-size: 15px;
  font-weight: 500;
  color: #9ab9ca;
  line-height: normal;
  margin-top: 18px;
  border-left: 1px solid #979797;
  padding-left: 16px;
}
.react.readerV2 .sticky-header #progressbar {
  color: #7ED321;
  background: #fff;
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  height: 4px;
  z-index: 1;
  display: block;
  bottom: 0px;
  width: 100%;
  border: 0;
}
.react.readerV2 .sticky-header #progressbar .progressBarBg {
  background-color: #ffffff;
  height: 4px;
}
.react.readerV2 .sticky-header #progressbar .progressBarBg .progressColorBar {
  background-color: #7ED321;
}
.react.readerV2 .sticky-header progress::-webkit-progress-bar {
  background: #fff;
}
.react.readerV2 .sticky-header progress::-webkit-progress-value {
  background: #7ED321;
}
.react.readerV2 .sticky-header progress::-moz-progress-bar {
  background: #7ED321;
}
.react.readerV2 .sticky-header progress#progressbar::-ms-fill {
  border-color: currentColor;
}
@media all and (min-width: 960px) {
  .react.readerV2 .sticky-header .logo {
    margin-left: 48px;
  }
}
@media all and (min-width: 1025px) {
  .react.readerV2 .sticky-header .logo {
    margin-left: 105px;
  }
}
.react.readerV2 .sticky-footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  margin-left: 0;
  background: white;
  -webkit-box-shadow: 0px 1px 5px 2px #888888;
  box-shadow: 0px 1px 5px 2px #888888;
}
.react.readerV2 .sticky-footer .sticky-footer-content {
  left: 50%;
  position: absolute;
  margin-left: -32.5%;
  width: 100%;
  max-width: 950px;
  height: 100%;
}
.react.readerV2 .sticky-footer .sticky-footer-content .rating-section {
  margin-top: 13px;
  margin-left: 16px;
  float: left;
}
.react.readerV2 .sticky-footer .sticky-footer-content .rating-star-section {
  float: left;
  margin-top: 13px;
}
.react.readerV2 .sticky-footer .action-section {
  text-align: right;
  margin-top: -2%;
  width: 250px;
  margin-left: 72%;
  display: inline-block;
  position: absolute;
}
.react.readerV2 .sticky-footer .action-section ul li {
  display: inline-block;
  padding-left: 30px;
}
.react.readerV2 .sticky-footer .action-section .dialog-wrap {
  display: inline;
}
.react.readerV2 .sticky-footer-show {
  height: 50px;
  transition: height 1.3s ease-in-out;
  -ms-transition: height 1.3s ease-in-out;
}
.react.readerV2 .sticky-footer-remove {
  height: 0;
  transition: height 1.3s ease-in-out;
  -ms-transition: height 1.3s ease-in-out;
}
.react.readerV2 .gartner-popover.placement-top.show-arrow.sticky-footer-rating {
  margin-top: -32px;
}
.react.readerV2 .sticky-footer-rate-button {
  cursor: pointer;
}
.react.readerV2 .sticky-footer-myrate {
  padding: 24px;
  -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2);
}
.react.readerV2 .sticky-footer-myrate span {
  padding-right: 5px;
  line-height: 50px;
}
.react.readerV2 .sticky-footer-average-stars span {
  padding-left: 1px;
}
.react.readerV2 .advSearchFrame.modal {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  display: none;
  top: 0;
  left: 50%;
  margin-left: -512px;
  outline: none;
  position: absolute;
  z-index: 1050;
  -moz-background-clip: padding-box;
  -moz-border-radius: 6px;
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.react.readerV2 .advSearchFrame.modal .fade.in {
  top: 20px;
}
.react.readerV2 .advSearchFrame.modal #AdvHeaderCon .close {
  background: transparent;
  border: 0;
  cursor: pointer;
  float: right;
  font-size: 32px;
  margin-top: 2px;
  outline: 0px;
  padding: 0;
  -webkit-appearance: none;
}
.react.readerV2 .advSearchFrame.modal #AdvHeaderCon #advtips {
  margin-top: 4px;
}
.react.readerV2 .advSearchFrame.modal form {
  margin: 0 0 20px;
}
.react.readerV2 .advSearchFrame.modal fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.react.readerV2 .advSearchFrame.modal button.close {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.react.readerV2 .advSearchFrame.modal a {
  line-height: 20px;
}
.react.readerV2 .advSearchFrame.modal select {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  cursor: pointer;
  font-size: 14px;
  margin: 0 0 10px;
  padding: 4px 6px;
  vertical-align: middle;
}
.react.readerV2 .advSearchFrame.modal select[multiple],
.react.readerV2 .advSearchFrame.modal select[size] {
  height: auto;
}
.react.readerV2 .advSearchFrame.modal #AdvNarrowSearch .advSearchFrame #Totext {
  margin-left: -10px;
}
.react.readerV2 .advSearchFrame.modal .modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.react.readerV2 .advSearchFrame.modal .modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.react.readerV2 .advSearchFrame.modal .modal-body fieldset {
  clear: both;
  margin-bottom: 10px;
}
.react.readerV2 .advSearchFrame.modal .modal-body h1 {
  margin: 0;
  padding-top: 16px;
}
.react.readerV2 .advSearchFrame.modal .modal-body h2 {
  margin-top: 16px;
  line-height: normal;
}
.react.readerV2 .advSearchFrame.modal .modal-body h5 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin-bottom: 0;
}
.react.readerV2 .advSearchFrame.modal .modal-body .btn {
  vertical-align: middle;
}
.react.readerV2 .advSearchFrame.modal .modal-form {
  margin-bottom: 0;
}
.react.readerV2 .advSearchFrame.modal .modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.react.readerV2 .advSearchFrame.modal .modal-footer:before,
.react.readerV2 .advSearchFrame.modal .modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.react.readerV2 .advSearchFrame.modal .modal-footer:after {
  clear: both;
}
.react.readerV2 .advSearchFrame.modal .modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.react.readerV2 .advSearchFrame.modal .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.react.readerV2 .advSearchFrame.modal #advFormButton.solrAdvFormButton {
  color: #86aabe;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 20px;
  position: absolute;
  text-transform: uppercase;
  top: 30px;
}
.react.readerV2 .advSearchFrame.modal .tooltip {
  display: block;
  filter: alpha(opacity=0);
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  position: absolute;
  visibility: visible;
  z-index: 1030;
}
.react.readerV2 .advSearchFrame.modal .tooltip .tooltip-arrow {
  left: 50%;
  margin-top: -10px;
  position: absolute;
  bottom: -9px;
}
.react.readerV2 .advSearchFrame.modal .tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.react.readerV2 .advSearchFrame.modal .tooltip.in {
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.react.readerV2 .advSearchFrame.modal .tooltip-inner {
  background-color: #38505d;
  border-radius: 4px;
  color: #fff;
  font-family: arial;
  font-size: 13px;
  max-width: 200px;
  padding: 10px 15px;
  text-align: left;
  text-decoration: none;
}
.react.readerV2 .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.react.readerV2 .modal-backdrop.fade {
  opacity: 0;
}
.react.readerV2 .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.react.readerV2 .fade.in {
  opacity: 1;
}
.react.readerV2 .modal-backdrop,
.react.readerV2 .modal-backdrop.fade.in {
  opacity: 0.3;
  filter: alpha(opacity=80);
}
.react.readerV2 .gartner-popover.pop-share-fixed {
  position: fixed;
  top: 110px !important;
}
.react.readerV2 .gartner-popover.pop-share ul {
  color: #eee;
  width: 228px;
  padding: 24px;
}
.react.readerV2 .gartner-popover.pop-share ul li {
  cursor: pointer;
  background-color: #0a6abb;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 16px;
}
.react.readerV2 .gartner-popover.pop-share ul li:last-child {
  margin-bottom: 0;
}
.react.readerV2 .gartner-popover.pop-share ul li a {
  color: #eee;
  padding: 8px;
  display: block;
}
.react.readerV2 .gartner-popover.pop-share ul li a:hover {
  text-decoration: none;
}
.react.readerV2 .gartner-popover.pop-download-fixed {
  position: fixed;
  top: 161px !important;
}
.react.readerV2 .gartner-popover.pop-download h3 {
  background-color: #424242;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  padding: 16px;
  margin-bottom: 0;
}
.react.readerV2 .gartner-popover.pop-download .file-attachment {
  width: 360px;
  max-height: 230px;
  overflow: auto;
}
.react.readerV2 .gartner-popover.pop-download .file-attachment li {
  padding: 16px;
  border-bottom: 1px solid #ccc;
}
.react.readerV2 .gartner-popover.pop-download .file-attachment li a {
  padding: 0;
  display: block;
  font-size: 15px;
  line-height: normal;
  font-weight: bold;
  overflow: hidden;
  cursor: pointer;
  text-overflow: ellipsis;
}
.react.readerV2 .gartner-popover.pop-download .file-attachment li .rightRailDownloadBtn {
  border: 0;
  background: transparent;
  display: block;
  padding-left: 0;
  cursor: pointer;
  color: #0a6abb;
  font-size: 15px;
  font-weight: bold;
}
.react.readerV2 .gartner-popover.pop-download .file-attachment li .rightRailDownloadBtn:focus {
  text-decoration: underline;
}
.react.readerV2 .gartner-popover.pop-download .file-attachment li .attach-size {
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
}
.react.readerV2 .gartner-popover.pop-download-interactive {
  position: absolute;
}
.react.readerV2 .bullets-no > li,
.react.readerV2 .bullets-yes > li {
  list-style-type: none;
}
.react.readerV2 .bullets-no li {
  background: none;
}
.react.readerV2 ul.bullets-no {
  margin: 0;
  margin-bottom: 32px;
  padding-left: 18px;
}
.react.readerV2 ul.bullets-yes,
.react.readerV2 .with-html ul,
.react.readerV2 .bq-html ul {
  margin: 0;
  margin-bottom: 32px;
  padding-left: 18px;
}
.react.readerV2 ul.bullets-yes li,
.react.readerV2 .with-html ul li,
.react.readerV2 .bq-html ul li {
  position: relative;
  line-height: inherit;
  margin-bottom: 8px;
}
.react.readerV2 ul.bullets-yes li:before,
.react.readerV2 .with-html ul li:before,
.react.readerV2 .bq-html ul li:before {
  content: '\25A0';
  color: #aebbc4;
  left: -18px;
  font-size: 14px;
  line-height: 24px;
  position: absolute;
}
.react.readerV2 ul.bullets-yes li ol li,
.react.readerV2 .with-html ul li ol li,
.react.readerV2 .bq-html ul li ol li {
  background: none;
  padding-left: 10px;
}
.react.readerV2 ul.bullets-yes li p,
.react.readerV2 .with-html ul li p,
.react.readerV2 .bq-html ul li p {
  margin: 0;
}
.react.readerV2 .with-html ol li ul li {
  list-style-type: none;
}
.react.readerV2 ol {
  margin-left: 20px;
}
.react.readerV2 ol li {
  margin: 0;
  list-style-type: decimal;
}
.react.readerV2 ol li p {
  line-height: normal;
  display: inline-block;
  margin-bottom: 16px;
  vertical-align: text-top;
}
.react.readerV2 .show {
  display: block;
}
.react.readerV2 .remove {
  display: none;
}
.react.readerV2 .anchor-offset {
  display: block;
  position: relative;
  top: -75px;
  visibility: hidden;
}
.react.readerV2 .doc-img {
  cursor: pointer;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.react.readerV2 .left-rail .action-bar {
  position: fixed;
  text-align: center;
  padding-top: 12px;
}
.react.readerV2 .left-rail .action-bar li {
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}
.react.readerV2 .left-rail .action-bar li button {
  cursor: pointer;
}
.react.readerV2 .left-rail .action-bar .leftrail-tool-button {
  cursor: pointer;
  border: none;
}
.react.readerV2 .multimedia-section .kaltura-multi-media-audio-li {
  padding-bottom: 25px;
}
.react.readerV2 .multimedia-section .kaltura-multi-media-audio-li .media-audio-title {
  padding-bottom: 10px;
}
.react.readerV2 .multimedia-section .kaltura-multi-media-audio-li .multimedia-audio {
  width: 720px;
}
@media only screen and (width: 768px) {
  .react.readerV2 .multimedia-section .kaltura-multi-media-audio-li .multimedia-audio {
    width: 98%;
  }
}
.react.readerV2 .multimedia-section .kaltura-multi-media-video-li .media-video-title {
  padding-bottom: 10px;
}
.react.readerV2 .multimedia-section .kaltura-multi-media-video-li .kaltura-video {
  margin-bottom: 62px;
  max-width: 680px;
}
@media only screen and (width: 768px) {
  .react.readerV2 .multimedia-section .kaltura-multi-media-video-li .kaltura-video {
    width: 98%;
    max-width: none;
  }
}
.react.readerV2 .multimedia-section .kaltura-multi-media-video-li .vimeo-video {
  max-width: 680px;
  margin-bottom: 62px;
  cursor: pointer;
}
@media only screen and (width: 768px) {
  .react.readerV2 .multimedia-section .kaltura-multi-media-video-li .vimeo-video {
    width: 98%;
    max-width: none;
  }
}
@media (max-width: 664px) {
  .react.readerV2 .multimedia-section .kaltura-multi-media-video-li .kaltura-video,
  .react.readerV2 .multimedia-section .kaltura-multi-media-video-li .vimeo-video {
    width: 100%;
    max-width: none;
  }
}
.react.readerV2 .multimedia-section video::-webkit-media-controls-panel {
  margin-top: 30px;
}
.react.readerV2 .printMediaLink {
  display: none;
  padding-top: 16px;
}
.react.readerV2 .content-section {
  padding-left: 12px;
  padding-right: 12px;
}
.react.readerV2 .content-section .print-copyright {
  display: none;
}
.react.readerV2 .content-section .document-section {
  width: inherit;
  margin: 0;
}
.react.readerV2 .content-section .document-section blockquote {
  display: flex;
  flex-direction: column;
  font-size: 19px;
  font-weight: 500;
  line-height: 28px;
  border: 0;
  margin: 32px 0;
  padding: 24px 24px 32px 32px;
  background-color: rgba(185, 208, 220, 0.5);
}
.react.readerV2 .content-section .document-section blockquote b,
.react.readerV2 .content-section .document-section blockquote p {
  font-weight: inherit;
}
.react.readerV2 .content-section .document-section blockquote .para {
  margin: 0;
}
.react.readerV2 .content-section .document-section blockquote .cite {
  order: 2;
  font-size: 19px;
  font-style: italic;
  margin-top: 16px;
  line-height: normal;
}
.react.readerV2 .content-section .document-section blockquote .cite span {
  margin-right: 5px;
  letter-spacing: -3px;
}
.react.readerV2 .content-section .document-section blockquote .cite span.unbalanced-text {
  margin-right: 0;
  letter-spacing: normal;
}
.react.readerV2 .content-section .document-section .inline-citation {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 0;
  border-left: 0;
  font-size: 15px;
  font-style: italic;
  line-height: 24px;
  padding: 16px 16px 8px 0;
  margin-right: 24px;
  margin-bottom: 24px;
}
.react.readerV2 .content-section .document-section .inline-citation h3,
.react.readerV2 .content-section .document-section .inline-citation h4,
.react.readerV2 .content-section .document-section .inline-citation h5,
.react.readerV2 .content-section .document-section .inline-citation h6 {
  font-size: 16px;
  line-height: normal;
  font-style: normal;
}
.react.readerV2 .content-section .document-section .inline-citation .para {
  margin: 0;
  padding-bottom: 8px;
}
.react.readerV2 .content-section .document-section .inline-citation .unbalanced-text + strong {
  display: inline-block;
  font-style: italic;
  font-weight: bold;
}
.react.readerV2 .content-section .document-section .inline-citation ul.bullets-yes,
.react.readerV2 .content-section .document-section .inline-citation .with-html ul {
  margin-bottom: 0;
  margin-top: 8px;
}
.react.readerV2 .content-section .document-section .inline-citation strong {
  font-style: normal;
  font-size: 16px;
  margin-bottom: 4px;
  display: block;
}
.react.readerV2 .content-section .document-section .Callout h2 .unbalanced-text {
  display: block;
}
.react.readerV2 .content-section .document-section .with-html.callout {
  border: 1px solid #ccc;
  border-right: 0;
  border-left: 0;
  margin-bottom: 16px;
  padding-top: 8px;
}
.react.readerV2 .content-section .document-section .with-html.callout ul,
.react.readerV2 .content-section .document-section .with-html.callout ol {
  margin-bottom: 16px;
  font-style: italic;
  font-size: 15px;
}
.react.readerV2 .content-section .document-section .with-html.callout b {
  font-weight: 500;
}
.react.readerV2 .content-section .document-section .with-html.callout p,
.react.readerV2 .content-section .document-section .with-html.callout li {
  margin-bottom: 8px;
}
.react.readerV2 .content-section .document-section .feature-box {
  border-left: solid 8px #9ab9ca;
  padding-left: 16px;
  margin-bottom: 32px;
  margin-top: 32px;
}
.react.readerV2 .content-section .document-section .feature-box h4 {
  margin-bottom: 16px;
}
.react.readerV2 .content-section .document-section .feature-box .with-html ul {
  margin-bottom: 0;
}
.react.readerV2 .content-section .document-section .feature-box .fb-image {
  float: left;
  margin-right: 32px;
  max-width: 208px;
  margin-bottom: 8px;
}
.react.readerV2 .content-section .document-section .feature-box .fb-content.nowrap {
  float: left;
  width: 64%;
}
.react.readerV2 .content-section .document-section .mhrpara {
  margin-bottom: 24px;
}
.react.readerV2 .content-section .document-section .mhrsection .inquiry {
  border-top: solid 2px #ccc;
  border-bottom: solid 2px #ccc;
  padding: 16px 24px 16px 8px;
  margin-bottom: 24px;
}
.react.readerV2 .content-section .document-section .mhrsection .inquiry .bannerBG {
  background: url(https://www.gartner.com/imagesrv/apps/common/images/sprites/icons.png;wa9ffc9083fffbdbb3);
  background-repeat: no-repeat;
  background-position: -98px -319px;
  height: 50px;
  width: 50px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.react.readerV2 .content-section .document-section .mhrsection .inquiry .bannerTitle {
  display: block;
  font-size: 18px;
  font-weight: 500;
}
.react.readerV2 .content-section .document-section .glossary {
  border: 1px solid #dddddd;
  border-collapse: separate;
  border-left: 0;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 20px;
  border-spacing: 0;
}
.react.readerV2 .content-section .document-section .glossary .para {
  margin: 0px;
}
.react.readerV2 .content-section .document-section .glossary tr:first-child td {
  border-top: 0;
}
.react.readerV2 .content-section .document-section .glossary .glossary-glossterm,
.react.readerV2 .content-section .document-section .glossary .glossary-glossdef {
  font-size: 17px;
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
}
.react.readerV2 .content-section .document-section .caption {
  display: flex;
  flex-direction: column;
}
.react.readerV2 .content-section .document-section .caption .figure-heading {
  text-align: center;
  color: #d54400;
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  padding-bottom: 16px;
  order: 1;
}
.react.readerV2 .content-section .document-section .caption .dialog-wrap {
  order: 2;
  margin-bottom: 8px;
  overflow: hidden;
}
.react.readerV2 .content-section .document-section .caption .para {
  line-height: normal;
  text-align: left;
  font-size: 12px;
  color: #666;
  font-style: italic;
  margin-bottom: 8px;
  order: 3;
}
.react.readerV2 .content-section .document-section .caption .para .unbalanced-text {
  display: block;
}
.react.readerV2 .content-section .document-section .caption .source {
  color: #757575;
  font-size: 15px;
  line-height: normal;
  text-align: left;
  margin: 0;
  order: 4;
}
.react.readerV2 .content-section .document-section .caption.ceb-img {
  padding: 0;
}
.react.readerV2 .content-section .document-section .caption.ceb-img .source {
  order: 3;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-center {
  text-align: center;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-left {
  float: left;
  margin-right: 24px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-right {
  float: right;
  margin-left: 24px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-x-large {
  width: 718px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-large {
  width: 718px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-medium {
  width: 320px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-small {
  width: 176px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-x-small {
  width: 176px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-square.ceb-img-medium,
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-square.ceb-img-large,
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-square.ceb-img-x-large {
  width: 176px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-square.ceb-img-center {
  float: left;
  margin-right: 24px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-rectangle.ceb-img-medium {
  width: 320px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-rectangle.ceb-img-large {
  width: 718px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-rectangle.ceb-img-x-large {
  width: 718px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-rectangle.ceb-img-x-small.ceb-img-center,
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-rectangle.ceb-img-small.ceb-img-center,
.react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-rectangle.ceb-img-medium.ceb-img-center {
  float: left;
  margin-right: 24px;
}
@media (max-width: 767px) {
  .react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-center,
  .react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-left,
  .react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-right,
  .react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-x-large,
  .react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-large,
  .react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-medium,
  .react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-small,
  .react.readerV2 .content-section .document-section .caption.ceb-img.ceb-img-x-small {
    width: 100% !important;
    float: none;
    clear: both;
  }
}
.react.readerV2 .content-section .document-section .columns .column .caption.ceb-img-left {
  float: none;
  margin-right: 0px;
}
.react.readerV2 .content-section .document-section .columns .column .caption.ceb-img-right {
  float: none;
  margin-left: 0px;
}
.react.readerV2 .content-section .document-section .columns .column .caption.ceb-img-medium,
.react.readerV2 .content-section .document-section .columns .column .caption.ceb-img-large,
.react.readerV2 .content-section .document-section .columns .column .caption.ceb-img-x-large,
.react.readerV2 .content-section .document-section .columns .column .caption.ceb-img-small,
.react.readerV2 .content-section .document-section .columns .column .caption.ceb-img-x-small {
  width: 100%;
}
.react.readerV2 .content-section .document-section .para {
  margin: 0 0 24px;
}
.react.readerV2 .content-section .document-section .content-title {
  text-align: center;
  color: #d54400;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
}
.react.readerV2 .content-section .document-section ul .para {
  margin-bottom: 16px;
}
.react.readerV2 .content-section .document-section .footnote {
  font-size: 12px;
  color: #666;
  font-style: italic;
}
.react.readerV2 .content-section .document-section .with-html p {
  margin-bottom: 16px;
}
.react.readerV2 .content-section .document-section .with-html ol {
  margin: 0;
  margin-bottom: 32px;
  padding-left: 18px;
}
.react.readerV2 .content-section .document-section .with-html ol li {
  margin-bottom: 16px;
}
.react.readerV2 .content-section .document-section .CompanyImpact {
  margin-top: 24px;
}
.react.readerV2 .content-section .document-section .CompanyImpact h2 {
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
.react.readerV2 .content-section .document-section .CompanyImpact span span.unbalanced-text {
  display: none;
}
.react.readerV2 .content-section .document-section .CompanyImpact a {
  float: left;
  background-color: rgba(92, 105, 112, 0.1);
  font-size: 14px;
  margin-right: 4px;
  margin-bottom: 6px;
  padding: 4px 16px;
  color: #000;
}
.react.readerV2 .content-section .document-section .CompanyImpact a.toc-link-anchor {
  float: none;
}
.react.readerV2 .content-section .document-section .CompanyImpact .para:after {
  content: '';
  display: block;
  clear: both;
}
.react.readerV2 .content-section .document-section .flag {
  border-radius: 2px;
  background-color: #f2c71b;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #212121;
  line-height: normal;
  padding: 2px 8px;
  display: inline-block;
  margin-right: 8px;
}
.react.readerV2 .content-section .document-section .outer-heading .flag {
  margin-left: 8px;
}
.react.readerV2 .content-section .document-section .sub-note {
  font-size: 13px;
  line-height: normal;
  color: #757575;
  margin-bottom: 32px;
}
.react.readerV2 .content-section .document-section .sub-note .outer-heading .flag {
  margin-left: 0;
}
.react.readerV2 .content-section .document-section sup {
  font-size: 70%;
  line-height: 0;
  margin-left: 5px;
}
.react.readerV2 .content-section .document-section .gartner-table.simple,
.react.readerV2 .content-section .document-section .tableadvance {
  margin-bottom: 32px;
}
.react.readerV2 .content-section .document-section .container-bg .columns {
  margin-bottom: 0px;
}
.react.readerV2 .content-section .document-section .cta {
  margin-bottom: 24px;
  font-weight: 500;
  display: block;
}
.react.readerV2 .content-section .document-section .cta .spriteV2.attachments {
  margin-left: 8px;
  vertical-align: middle;
}
.react.readerV2 .content-section .document-section .cta + .cta {
  margin-top: -16px;
}
.react.readerV2 .content-section .document-section .toc-link-anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}
.react.readerV2 .recommendations-sections .para {
  margin: 0 0 24px;
}
.react.readerV2 .recommendations-sections ul {
  padding-bottom: 16px;
}
.react.readerV2 .recommendations-sections ul li {
  margin-bottom: 8px;
}
.react.readerV2 .disclaimer {
  background-color: #eee;
  padding: 32px 0 72px;
  margin-top: 72px;
}
.react.readerV2 .disclaimer div {
  font-size: 14px;
  line-height: 22px;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media print {
  .react.readerV2 {
    page-break-after: auto;
    height: 99%;
  }
  .react.readerV2 .gartner-popover {
    display: none;
  }
  .react.readerV2 #newReader {
    padding: 0;
  }
  .react.readerV2 #newReader .print-copyright {
    display: block;
    padding: 15px;
    margin-bottom: 20px;
    border: solid 1px #ecece7;
  }
  .react.readerV2 #newReader .print-copyright img {
    display: block;
    margin-bottom: 15px;
  }
  .react.readerV2 #newReader .print-copyright .lincensed {
    display: none;
  }
  .react.readerV2 #newReader .main-wrapper {
    display: block;
    margin: -12px;
  }
  .react.readerV2 #newReader .content-section {
    max-width: 100%;
    flex-basis: 100%;
  }
  .react.readerV2 #newReader .document-section a:link:after,
  .react.readerV2 #newReader .document-section a:visited:after {
    content: " (" attr(href) ") ";
  }
  .react.readerV2 #newReader .document-section a[href^="/"]:after,
  .react.readerV2 #newReader .document-revision-history a[href^="/"]:after,
  .react.readerV2 #newReader .recommendations-sections a[href^="/"]:after {
    content: " (https://www.gartner.com" attr(href) ") ";
  }
  .react.readerV2 #newReader a[href*="/download/"]:after {
    content: none !important;
  }
  .react.readerV2 #newReader .action-bar,
  .react.readerV2 #newReader .rail,
  .react.readerV2 #newReader .gartner-popover.in,
  .react.readerV2 #newReader .left-rail,
  .react.readerV2 #newReader .right-rail,
  .react.readerV2 #newReader .level1,
  .react.readerV2 #newReader video,
  .react.readerV2 #newReader audio {
    display: none;
  }
  .react.readerV2 #newReader .disclaimer {
    background-color: #fff;
  }
  .react.readerV2 #newReader .list-analysts,
  .react.readerV2 #newReader .printMediaLink {
    display: block;
  }
  .react.readerV2 #newReader .add-perspect a[href]:after,
  .react.readerV2 #newReader .rail .a-more a[href]:after,
  .react.readerV2 #newReader .bottom-section a[href]:after {
    content: '';
  }
  .react.readerV2 #newReader .document-section .tableadvance a[href]:after,
  .react.readerV2 #newReader .document-section .gartner-table a[href]:after,
  .react.readerV2 #newReader .document-section .tableadvance a:link:after,
  .react.readerV2 #newReader .document-section .gartner-table a:link:after,
  .react.readerV2 #newReader .document-section .tableadvance a:visited:after,
  .react.readerV2 #newReader .document-section .gartner-table a:visited:after {
    content: "";
  }
  .react.readerV2 #newReader .document-section .tableadvance .enlarge-table,
  .react.readerV2 #newReader .document-section .gartner-table .enlarge-table,
  .react.readerV2 #newReader .document-section .tableadvance .gartner-table-toolbar,
  .react.readerV2 #newReader .document-section .gartner-table .gartner-table-toolbar,
  .react.readerV2 #newReader .document-section .tableadvance .tableadvance-toolbar,
  .react.readerV2 #newReader .document-section .gartner-table .tableadvance-toolbar {
    display: none;
  }
  .react.readerV2 #newReader .gartner-table table,
  .react.readerV2 #newReader .tableadvance table {
    page-break-inside: auto;
  }
  .react.readerV2 #newReader .gartner-table tr,
  .react.readerV2 #newReader .tableadvance tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  .react.readerV2 #newReader .gartner-table .gartner-table-main,
  .react.readerV2 #newReader .tableadvance-main {
    max-height: initial;
    overflow: initial;
  }
  .react.readerV2 #newReader .gartner-table .gartner-table-main a,
  .react.readerV2 #newReader .tableadvance-main a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
  }
  .react.readerV2.reprint #newReader .print-copyright img {
    margin-bottom: 0;
  }
  .react.readerV2.reprint #newReader .print-copyright .printing-disclaimer {
    display: none;
  }
  .react.readerV2.reprint #newReader .print-copyright .licensed {
    float: right;
    margin: -24px 0 0 0;
  }
  .react.readerV2 .recommendations-sections:last-child {
    page-break-after: auto;
  }
  .react.readerV2 #sticky-footer,
  .react.readerV2 .sticky-header.show {
    display: none;
  }
}
@media all and (max-width: 768px) {
  .react.readerV2 #newReader .top-section .summary {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 24px;
  }
  .react.readerV2 #newReader .content-section .document-section .para {
    margin-bottom: 16px;
  }
  .react.readerV2 #newReader .content-section .document-section .feature-box .fb-content {
    width: 100%;
  }
}
@media all and (max-width: 959px) {
  .react.readerV2 .left-rail,
  .react.readerV2 .right-rail {
    display: none;
  }
}
@media all and (min-width: 960px) {
  .react.readerV2 .list-analysts {
    display: none;
  }
}
@media all and (min-width: 960px) and (max-width: 1024px) {
  .react.readerV2 #newReader .content-section .document-section .feature-box .fb-content.nowrap {
    width: 51%;
  }
}
@media all and (min-width: 1025px) and (max-width: 1250px) {
  .react.readerV2 #newReader .content-section .document-section .feature-box .fb-content.nowrap {
    width: 55%;
  }
}
.react.readerV2.ie .document-section .caption.ceb-img {
  display: inline;
}
@charset "UTF-8";
/* Begin CSS reset code --------------------------------------------------------------*/
html,
body {
  margin: 0;
  padding: 0;
  border: 0;
}
a img {
  border: none;
}
form,
ul,
ol {
  margin: 0;
  padding: 0;
}
li {
  list-style: none outside none;
}
a,
a:focus,
a:active,
.btn:focus,
*,
*:focus,
:focus,
*:active,
:active {
  outline: 0;
  outline-style: none;
  outline-width: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
/* End CSS reset code
--------------------------------------------------------------------*/
body.react {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #424242;
}
body.react div {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.react a {
  color: #0a6abb;
  text-decoration: none;
}
body.react a:hover,
body.react a:focus {
  text-decoration: underline;
}
body.react p {
  margin-bottom: 16px;
}
body.react h1,
body.react h2,
body.react h3,
body.react h4,
body.react h5,
body.react h6 {
  color: #212121;
}
body.react strong {
  font-weight: 500;
}
body.react h1 {
  font-size: 38px;
  line-height: 48px;
  font-weight: normal;
  margin-bottom: 24px;
}
body.react h2 {
  font-size: 28px;
  line-height: 34px;
  font-weight: 500;
  margin-bottom: 16px;
}
body.react h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 16px;
}
body.react h4 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 8px;
}
body.react h5 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 8px;
}
body.react h6 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  body.react {
    font-size: 15px;
    line-height: 22px;
  }
  body.react h1 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 16px;
  }
  body.react h2 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 8px;
  }
  body.react h3 {
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 8px;
  }
  body.react h4 {
    font-size: 16px;
    line-height: 22px;
  }
  body.react h5 {
    font-size: 15px;
    line-height: 21px;
  }
  body.react h6 {
    font-size: 15px;
    line-height: 21px;
  }
}
body.react {
  /* Begin Generic Fonts
--------------------------------------------------------------------*/
  /* End Generic Fonts
--------------------------------------------------------------------*/
  /* Begin Social Font Icons */
  /* End Social Font Icons */
  /* Begin Gartner icon font 
--------------------------------------------------------------------*/
  /* End Gartner icon font
-----------------------------------------------*/
  /* Deprecated Message Styles */
  /* End Deprecated Message Styles */
}
@font-face {
  font-family: 'Gartner sans';
  src: url('/imagesrv/apps/imagesrv/apps/common/fonts/roboto-regular-webfont.eot');
  src: url('/imagesrv/apps/imagesrv/apps/common/fonts/roboto-regular-webfont.eot') format('embedded-opentype'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-regular-webfont.woff2;wa08521f53ac8b304b') format('woff2'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-regular-webfont.woff;wa15882ec082b2ae0b') format('woff'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-regular-webfont.ttf;wa223e410de5fd4baa') format('truetype'), url('/imagesrv/apps/common/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gartner sans';
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-light-webfont.eot;wa27bf8485fc4644b9');
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-light-webfont.eot;wa27bf8485fc4644b9') format('embedded-opentype'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-light-webfont.woff2;wab7dbcc5dd0676d63') format('woff2'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-light-webfont.woff;wa36c1dbf88e2a3a90') format('woff'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-light-webfont.ttf;wa276f47976cd3aece') format('truetype'), url('/imagesrv/apps/common/fonts/roboto-light-webfont.svg#robotolight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gartner sans';
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-medium-webfont.eot;wae965bc22b02a7cde');
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-medium-webfont.eot;wae965bc22b02a7cde') format('embedded-opentype'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-medium-webfont.woff;wab9e278e6cbb41250') format('woff'), url('/imagesrv/apps/common/fonts/roboto-medium-webfont.ttf') format('truetype'), url('/imagesrv/apps/common/fonts/roboto-medium-webfont.svg#robotobold') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gartner sans';
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-bold-webfont.eot;waddf15943b136dacd');
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-bold-webfont.eot;waddf15943b136dacd') format('embedded-opentype'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-bold-webfont.woff2;wa1164b794e0cf6e0a') format('woff2'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-bold-webfont.woff;wa475618a64342a80f') format('woff'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-bold-webfont.ttf;wa893e309c7693856a') format('truetype'), url('/imagesrv/apps/common/fonts/roboto-bold-webfont.svg#robotobold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Gartner sans';
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-italic-webfont.eot;waa69ab9e347f2a3d4');
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-italic-webfont.eot;waa69ab9e347f2a3d4') format('embedded-opentype'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-italic-webfont.woff2;wa8a6005da3c4b32c6') format('woff2'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-italic-webfont.woff;waf221b63096438587') format('woff'), url('https://www.gartner.com/imagesrv/apps/common/fonts/roboto-italic-webfont.ttf;wae501cd059fb1e994') format('truetype'), url('/imagesrv/apps/common/fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Gartner sans condensed';
  src: url('/imagesrv/apps/imagesrv/apps/common/fonts/robotocondensed-regular-webfont.eot');
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/robotocondensed-regular-webfont.eot;wa4af3ba7ce8adcb46') format('embedded-opentype'), url('https://www.gartner.com/imagesrv/apps/common/fonts/robotocondensed-regular-webfont.woff2;wad0b6734ff9e99b39') format('woff2'), url('https://www.gartner.com/imagesrv/apps/common/fonts/robotocondensed-regular-webfont.woff;wad76067dded2a1810') format('woff'), url('https://www.gartner.com/imagesrv/apps/common/fonts/robotocondensed-regular-webfont.ttf;wa410285c91b8695e2') format('truetype'), url('/imagesrv/apps/common/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'si';
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/socicon.eot;waacd3e91dfcf7bb5a');
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/socicon.eot;waacd3e91dfcf7bb5a?') format('embedded-opentype'), url('https://www.gartner.com/imagesrv/apps/common/fonts/socicon.woff;wab0fa9e806656545d') format('woff'), url('https://www.gartner.com/imagesrv/apps/common/fonts/socicon.ttf;wad2a1753e5242b548') format('truetype'), url('/imagesrv/apps/common/fonts/socicon.svg#icomoonregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: si;
    src: url('https://www.gartner.com/imagesrv/apps/common/fonts/socicon.svg;waa1549cd38f4c0571') format(svg);
  }
}
@font-face {
  font-family: 'Gartner';
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/Gartner.eot;wabce1903d8f9338b4');
  src: url('https://www.gartner.com/imagesrv/apps/common/fonts/Gartner.eot;wabce1903d8f9338b4') format('embedded-opentype'), url('https://www.gartner.com/imagesrv/apps/common/fonts/Gartner.woff;wae2c2c60f85f0c1a0') format('woff'), url('https://www.gartner.com/imagesrv/apps/common/fonts/Gartner.ttf;wa25530f4a30d9938d') format('truetype'), url('https://www.gartner.com/imagesrv/apps/common/fonts/Gartner.svg;wa31816078b4aae92d') format('svg');
  font-weight: normal;
  font-style: normal;
}
body.react .spriteV2 {
  background: url('https://www.gartner.com/imagesrv/apps/gproduct/images/sprites/globalV2.png;wa0fae0f8d47427a88') 0 0 no-repeat scroll;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  display: inline-block;
  vertical-align: top;
}
body.react .spriteV2.library {
  width: 23px;
  height: 15px;
  background-position: -211px -31px;
}
body.react .spriteV2.library.saved {
  background-position: -241px -31px;
}
body.react .spriteV2.print {
  width: 20px;
  height: 18px;
  background-position: -331px -31px;
}
body.react .spriteV2.toc {
  background-position: -361px -31px;
  width: 20px;
  height: 14px;
}
body.react .spriteV2.readership {
  background-position: -391px -31px;
  width: 20px;
  height: 19px;
}
body.react .spriteV2.share {
  background-position: -271px -31px;
  width: 20px;
  height: 16px;
}
body.react .spriteV2.attachments {
  background-position: -301px -31px;
  width: 14px;
  height: 17px;
}
body.react .spriteV2.like {
  width: 20px;
  height: 18px;
  background-position: -481px -31px;
}
body.react .spriteV2.unlike {
  width: 20px;
  height: 18px;
  background-position: -451px -31px;
}
body.react .spriteV2.arrow-prev {
  background-position: -81px -61px;
  width: 20px;
  height: 32px;
}
body.react .spriteV2.arrow-next {
  background-position: -41px -61px;
  width: 20px;
  height: 32px;
}
body.react .spriteV2.arrow-up {
  background-position: -1px -11px;
  width: 16px;
  height: 16px;
}
body.react .spriteV2.arrow-down {
  background-position: -21px -11px;
  width: 16px;
  height: 16px;
}
body.react .spriteV2.info {
  background-position: -541px -31px;
  width: 16px;
  height: 22px;
}
body.react .spriteV2.alert-error {
  background-position: -40px -10px;
  width: 19px;
  height: 19px;
}
body.react .spriteV2.explore-icon {
  width: 18px;
  height: 18px;
  margin-top: 15px;
  background-position: -511px -31px;
}
body.react .wrapme {
  background: #2c3e49;
  z-index: 10;
  position: relative;
}
body.react .wrapme #message-box {
  padding-bottom: 4px;
  max-width: 825px;
  margin: 0 auto;
}
body.react .wrapme #message-box .alert {
  background-color: #fcf8e3;
  padding: 8px;
  border-radius: 4px;
}
body.react .wrapme #message-box .close {
  float: right;
  font-size: 20px;
  background: none;
  border: 0;
  font-weight: bold;
  color: #2c3e49;
}
body.react .logo-container {
  float: left;
}
body.react .logo-container .logo {
  width: 75px;
  height: 22px;
  vertical-align: top;
  display: block;
  margin-top: 24px;
  margin-left: 24px;
  background: url('https://www.gartner.com/imagesrv/apps/gproduct/images/sprites/header.png;wa75298efe55cfbb2e') no-repeat scroll 0px -165px transparent;
}
body.react .top-navigation {
  margin: 0 auto;
}
body.react .top-navigation #features #myactions {
  float: right;
}
body.react .top-navigation #features #myactions:after {
  clear: both;
  content: " ";
}
body.react .top-navigation #features #myactions li {
  width: 72px;
  float: left;
  position: relative;
}
body.react .top-navigation #features #myactions li.no-bg {
  width: 466px;
  margin: 16px 0px 0 24px;
}
body.react .top-navigation #features #myactions li.no-bg .searchform-wrapper .searchform {
  position: relative;
  float: left;
}
body.react .top-navigation #features #myactions li.no-bg .searchform-wrapper .solrSearchKeywordWrapper {
  position: relative;
}
body.react .top-navigation #features #myactions li.no-bg .searchform-wrapper .solrSearchKeywordWrapper ::placeholder {
  color: #555;
}
body.react .top-navigation #features #myactions li.no-bg .searchform-wrapper .solrSearchKeywordWrapper :-ms-input-placeholder {
  color: #555;
}
body.react .top-navigation #features #myactions li.no-bg .searchform-wrapper .solrSearchKeywordWrapper ::-ms-input-placeholder {
  color: #555;
}
body.react .top-navigation #features #myactions li.no-bg .searchform-wrapper .solrSearchKeywordWrapper input {
  height: 26px;
  width: 420px;
  font-size: 14px;
  padding: 4px 6px;
  border: solid 1px #bdc3c7;
  border-radius: 3px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
body.react .top-navigation #features #myactions li.no-bg .searchform-wrapper .solrSearchKeywordWrapper .iconsearch {
  background: url("https://www.gartner.com/imagesrv/apps/gproduct/images/icons/home/icon-search.png;wa54ba8f6554eaf311") white no-repeat scroll right center;
  background-color: #ffffff;
  background-position: 5px 1px;
  display: block;
  position: absolute;
  right: 7px;
  top: 7px;
  height: 21px;
  width: 29px;
  cursor: pointer;
}
body.react .top-navigation #features #myactions li.no-bg .searchform-wrapper .solrAdvFormButton {
  font-size: 10px;
  top: 40px;
  color: #9ab9ca;
  font-weight: normal;
  position: absolute;
  right: 0;
  padding: 0;
  cursor: pointer;
}
body.react .top-navigation #features #myactions li a {
  text-transform: uppercase;
  font-size: 11px;
  color: #9ab9ca;
  text-align: center;
  display: block;
  padding: 19px 0 14px;
  line-height: 15px;
}
body.react .top-navigation #features #myactions li a:hover {
  text-decoration: none;
  background: #2f424d;
  color: #fff;
}
body.react .top-navigation #features #myactions .navExplore .sprite,
body.react .top-navigation #features #myactions .navTrack .sprite,
body.react .top-navigation #features #myactions .navConnect .sprite,
body.react .top-navigation #features #myactions .navMyLibrary .sprite,
body.react .top-navigation #features #myactions .navMyActivities .sprite,
body.react .top-navigation #features #myactions .navMyProfile .sprite,
body.react .top-navigation #features #myactions .navHelp .sprite,
body.react .top-navigation #features #myactions .navHelpFaq .sprite {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
  background: url('https://www.gartner.com/imagesrv/apps/gproduct/images/sprites/header.png;wa75298efe55cfbb2e') no-repeat scroll 0px 0px transparent;
}
body.react .top-navigation #features #myactions li.navExplore a .sprite {
  background-position: -39px -127px;
}
body.react .top-navigation #features #myactions li.navExplore.active a {
  color: #00a5dd;
}
body.react .top-navigation #features #myactions li.navExplore.active a .sprite {
  background-position: -39px -87px;
}
body.react .top-navigation #features #myactions li.navTrack a .sprite {
  background-position: -79px -128px;
}
body.react .top-navigation #features #myactions li.navTrack.active a {
  color: #a7bf1d;
}
body.react .top-navigation #features #myactions li.navTrack.active a .sprite {
  background-position: -79px -88px;
}
body.react .top-navigation #features #myactions li.navConnect a .sprite {
  width: 35px;
  background-position: -120px -127px;
}
body.react .top-navigation #features #myactions li.navConnect.active a {
  color: #eba151;
}
body.react .top-navigation #features #myactions li.navConnect.active a .sprite {
  background-position: -120px -87px;
}
body.react .top-navigation #features #myactions li.navConnect .messageNumber {
  position: absolute;
  top: 8px;
  line-height: normal;
}
body.react .top-navigation #features #myactions li.navConnect .messageNumber .circle {
  background: url('https://www.gartner.com/imagesrv/apps/gproduct/images/connect/icons.png;wa1d395ebb85faac6a') no-repeat -150px -40px;
  color: #d54400;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  left: 47px;
  margin-right: -12px;
  position: relative;
  text-align: center;
  top: -3px;
  width: 18px;
  z-index: 10;
}
body.react .top-navigation #features #myactions li.navMyLibrary a .sprite {
  background-position: -157px -125px;
}
body.react .top-navigation #features #myactions li.navMyLibrary.active a {
  color: #fff;
}
body.react .top-navigation #features #myactions li.navMyLibrary.active a .sprite {
  background-position: -157px -85px;
}
body.react .top-navigation #features #myactions li.navMyActivities {
  width: 87px;
}
body.react .top-navigation #features #myactions li.navMyActivities a .sprite {
  background-position: -198px -128px;
}
body.react .top-navigation #features #myactions li.navMyActivities.active a {
  color: #fff;
}
body.react .top-navigation #features #myactions li.navMyActivities.active a .sprite {
  background-position: -198px -88px;
}
body.react .top-navigation #features #myactions li.navHelp a .sprite,
body.react .top-navigation #features #myactions li.navHelpFaq a .sprite {
  background-position: 10px -57px;
}
body.react .top-navigation #features #myactions li.navHelp.active a,
body.react .top-navigation #features #myactions li.navHelpFaq.active a {
  color: #fff;
}
body.react .top-navigation #features #myactions li.navHelp.active a .sprite,
body.react .top-navigation #features #myactions li.navHelpFaq.active a .sprite {
  background-position: 10px -27px;
}
body.react .top-navigation #features #myactions li.navMyProfile .arrow {
  left: 50%;
}
body.react .top-navigation #features #myactions li.navMyProfile a .sprite {
  background-position: -237px -126px;
  width: 44px;
}
body.react .top-navigation #features #myactions li.navMyProfile.active a {
  color: #fff;
}
body.react .top-navigation #features #myactions li.navMyProfile.active a .sprite {
  background-position: -237px -85px;
}
body.react .top-navigation #features #myactions li.navMyProfile .sign-out a:hover {
  background: none;
  text-decoration: underline;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover {
  width: 300px;
  position: absolute;
  padding: 30px 5px 5px 5px;
  z-index: 4010;
  left: auto;
  right: 135px;
  top: auto;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover.bottom {
  margin-top: -20px;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover.bottom .arrow {
  border: 0px solid rgba(0, 0, 0, 0);
  height: 23px;
  width: 32px;
  top: 15px;
  background: url("https://www.gartner.com/imagesrv/apps/common/images/popover/flyout_arrow_bottom.png;wa5f01fe9de78667b8") no-repeat 0 0 rgba(0, 0, 0, 0);
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 0;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .arrow:after {
  border: 0;
  border-color: transparent;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-inner {
  color: #eee;
  overflow: hidden;
  background: #3A3A3A;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  border: 1px solid #bbb;
  height: 100%;
  max-height: none;
  padding: 8px;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-content {
  text-transform: none;
  border-radius: 5px;
  padding: 3px;
  margin: -3px;
  background: #fff;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-content section {
  margin-top: -12px;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-content img {
  height: 62px;
  width: 62px;
  margin: 0 8px;
  padding: 0;
  border: solid 1px #ccc;
  float: left;
  display: none;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-content .view {
  border: solid 1px #ccc;
  color: #fff;
  font-size: 17px;
  padding: 6px 4px;
  text-transform: uppercase;
  display: block;
  margin: 4px 12px 12px 12px;
  text-align: center;
  background: #0A6ABB;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-content:hover {
  cursor: default;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-content a:hover {
  cursor: pointer;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-content h4 {
  color: #333;
  margin-top: 24px;
  font-size: 17px;
  font-family: Arial Narrow;
  text-align: center;
  margin-bottom: 0;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-content h5 {
  color: #333;
  font-size: 14px;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
  font-family: Arial Narrow;
  text-align: center;
  font-weight: normal;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-content aside.sign-out {
  height: 32px;
  width: 100%;
  margin-top: 8px;
  border-top: solid 1px #ddd;
  background: #eee;
  /* behavior: url("@{pie-htc}"); */
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-content aside.sign-out a {
  display: inline-block;
  float: right;
  margin-top: 6px;
  margin-right: 15px;
  color: #0A6ABB;
  padding: 0;
  font-size: 16px;
  line-height: normal;
  text-transform: none;
}
body.react .top-navigation #features #myactions li.navMyProfile .popover .popover-content .right-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #178db8;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}
body.react .top-navigation ul li #gSearchForm ul li.tt-suggestion.tt-selectable {
  float: none;
  width: 100% !important;
}
body.react .warning-message {
  width: 1150px;
  height: 140px;
  background-color: #dbe3b2;
  background-color: rgba(247, 231, 27, 0.27);
  margin: 0 auto;
}
body.react .warning-message .warning-dismiss {
  float: right;
  margin-right: 32px;
  margin-top: 32px;
  font-size: 24px;
  font-family: sans-serif;
  cursor: pointer;
}
body.react .warning-message p {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.54);
  display: block;
  float: left;
  width: 500px;
  margin-left: 30%;
  margin-top: 35px;
}
body.react .warning-message a {
  color: #067b9c;
}
@media screen and (max-width: 1169px) {
  body.react .top-navigation {
    width: 960px;
  }
  body.react .version2 #headerV2 #features ul li.no-bg {
    width: 305px;
  }
  body.react .version2 #headerV2 #features ul li.no-bg .searchform-wrapper .solrSearchKeywordWrapper input {
    width: 280px;
  }
}
@media screen and (min-width: 1280px) {
  body.react .top-navigation {
    width: 1280px;
  }
  body.react .top-navigation #features {
    margin-right: 24px;
  }
  body.react .top-navigation #features #myactions .no-bg {
    width: 496px;
    margin-right: 32px;
  }
  body.react .top-navigation #features #myactions .no-bg .searchform-wrapper .solrSearchKeywordWrapper input {
    width: 482px;
  }
}
@media print {
  body.react .g-container.top-navigation {
    display: none;
    visibility: hidden;
  }
  body.react .no-print {
    display: none !important;
    visibility: hidden !important;
  }
}
body.react .share-modal {
  max-width: 800px;
  width: 800px;
  overflow: visible;
}
body.react .share-modal .share-dailog {
  padding-left: 16px;
  padding-right: 16px;
  overflow: visible;
}
body.react .share-modal .textfield-message {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: normal;
  color: #616161;
}
body.react .share-modal h2 {
  margin-bottom: 8px;
  font-family: "Gartner sans condensed";
  font-size: 20px;
  line-height: 1.3;
}
body.react .share-modal h4 {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 23px;
  color: #616161;
  font-weight: normal;
}
body.react .share-modal .send-to {
  float: left;
  margin: 0;
  line-height: 32px;
}
body.react .share-modal .selectSuggestLabel {
  font-size: 12px;
  line-height: 1.57;
  padding-left: 2px;
}
body.react .share-modal .selection {
  float: right;
}
body.react .share-modal .selection.radioGroup {
  width: 100%;
}
body.react .share-modal hr {
  margin-top: 0;
}
body.react .share-modal .ov-shrink {
  transform: translate(0, 1.5px) scale(0.8);
}
body.react .share-modal .envelope {
  background: url(https://www.gartner.com/imagesrv/apps/common/images/sprites/global_icon_1x.png;wa567c322a582fa857) no-repeat scroll -920px -20px;
  width: 14px;
  height: 12px;
  position: absolute;
  z-index: 1;
  bottom: 101px;
}
body.react .share-modal .sInput {
  padding-left: 24px;
}
body.react .share-modal .radioGroupLabel {
  float: left;
  font-size: 15px;
  margin-right: 25px;
  font-weight: 600;
  line-height: 1.5;
  color: #424242;
  margin-top: 0px;
  margin-bottom: 16px;
}
body.react .share-modal .ki-selection {
  float: left;
  margin-top: 0px;
  margin-bottom: 16px;
}
body.react .share-modal .ki-selection label span:last-child {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: #424242;
}
body.react .share-modal .ki-selection .qmark {
  font-family: 'Gartner';
  -webkit-font-smoothing: antialiased;
  background-image: none;
  color: #027CB5;
  padding-left: 4px;
  font-size: 15px;
  line-height: initial;
  margin-right: 24px;
}
body.react .share-modal .ki-selection .qmark:before {
  content: "\E63B";
}
body.react .share-modal .ki-selection p {
  font-size: 15px;
  line-height: normal;
}
body.react .share-modal .ki-selection .ov-radio {
  width: 22px;
  height: 22px;
  margin-right: 8px;
  font-size: 1.3rem;
}
body.react .share-modal .ki-selection .ov-info {
  width: 24px;
  height: 24px;
}
body.react .share-modal .ki-selection .ov-spacing {
  margin: 0;
}
body.react .share-modal .ki-selection .ov-color {
  color: #027CB5;
}
body.react .share-modal .team-share .ov-spacing {
  margin-left: 24px;
}
body.react .share-modal .promptMessageSection {
  padding: 0;
}
body.react .share-modal .promptMessageSection .prompt {
  margin-top: 0;
  text-align: center;
  padding-top: 24px;
  margin-bottom: 24px;
  border: 0;
  color: #212121;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 14px;
  letter-spacing: 1px;
}
body.react .share-modal .promptMessageSection .prompt span {
  font-size: 14px;
  color: #212121;
  line-height: 1.57;
  font-weight: normal;
}
body.react .share-modal .promptMessageSection .prompt span.reportProblem {
  color: red;
  top: 8px;
  position: relative;
  line-height: normal;
  font-size: 16px;
}
body.react .share-modal .promptMessageSection .warningPrompt {
  background-color: #fbe6e5;
}
body.react .share-modal .promptMessageSection .messagePrompt {
  background-color: rgba(254, 193, 13, 0.2);
}
body.react .share-modal .deep-link h5 {
  font-family: "Gartner sans condensed";
  margin-top: 16px;
}
body.react .share-modal .deep-link .dp-link {
  word-break: break-all;
  font-size: 14px;
  line-height: normal;
  background: #eee;
  padding: 8px;
  margin: 0;
}
body.react .share-modal .team-share {
  margin-top: 16px;
}
body.react .share-modal .team-share .send-to-list {
  font-size: 14px;
  line-height: normal;
  overflow-y: scroll;
  height: 180px;
}
body.react .share-modal .team-share .send-to-list.less-than-4 {
  height: auto;
  overflow: hidden;
}
body.react .share-modal .team-share .send-to-list ul {
  padding: 0;
}
body.react .share-modal .team-share .send-to-list ul li {
  margin-bottom: 8px;
  padding: 8px;
}
body.react .share-modal .team-share .send-to-list ul li:hover {
  background: #e8eff4;
}
body.react .share-modal .team-share .send-to-list ul .team-contact {
  float: left;
}
body.react .share-modal .team-share .send-to-list ul b {
  font-size: 15px;
  display: block;
  font-weight: 500;
}
body.react .share-modal .team-share .send-to-list .plus,
body.react .share-modal .team-share .send-to-list .minus {
  background: url(https://www.gartner.com/imagesrv/apps/common/images/sprites/global_icon_1x.png;wa567c322a582fa857) no-repeat scroll;
  width: 29px;
  height: 29px;
  margin-top: 5px;
  margin-right: 8px;
  cursor: pointer;
  float: right;
}
body.react .share-modal .team-share .send-to-list .plus {
  background-position: -730px -60px;
}
body.react .share-modal .team-share .send-to-list .plus.modal.widerBox.evenWiderBox .modal-body.evenWider .plus:hover {
  opacity: .6;
}
body.react .share-modal .team-share .send-to-list .minus {
  background-position: -700px -60px;
}
body.react .share-modal .team-share .send-to-list .minus:hover {
  background-position: -535px -56px;
}
body.react .share-modal .team-share .show-inline-block {
  display: inline-block;
}
body.react .share-modal .shareActions {
  padding: 0 16px 33px;
  margin: 0;
}
body.react .share-modal .shareActions .btn-share {
  background-color: #0a6abb;
  color: #fff;
  border-radius: 2px;
  margin-right: 0;
}
body.react .share-modal .shareActions .btn-share:hover {
  background-color: #0a6abb;
}
body.react .share-modal .shareActions .btn-cancel {
  color: #0a6abb;
  border-radius: 2px;
  margin-right: 28px;
}
body.react .share-modal .shareActions .btn-cancel:hover,
body.react .share-modal .shareActions .btn-cancel:active {
  background-color: #EEEEEE;
}
body.react .share-modal .dialog-box .close-icon {
  top: 0;
  color: #000;
  opacity: 0.3;
  padding: 8px 16px;
  display: none;
}
body.react .test-info-box {
  width: 300px;
  height: 200px;
  border: 1px solid black;
  z-index: 10000;
}
body.react .main-wrapper {
  padding-top: 24px;
  max-width: 1280px;
  margin: 0 auto;
}
body.react .main-wrapper > div:first-child {
  padding-left: 16px;
  padding-right: 12px;
}
body.react .main-wrapper > div:last-child {
  padding-right: 16px;
  padding-left: 12px;
}
body.react .modal {
  display: none;
}
body.react .clearme {
  clear: both;
}
body.react .global-dialog .modal-x {
  overflow-y: initial;
}
body.react .global-dialog .modal-x.layImg .dialog-box {
  padding: 10px;
}
body.react .global-dialog .modal-x.layImg .dialog-box .doc-img {
  max-height: 630px;
}
body.react .global-dialog-hide {
  display: none;
}
body.react .dialog-box .close-icon {
  position: absolute;
  right: 0;
  top: -48px;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
body.react .gartner-popover {
  overflow: visible !important;
  position: absolute;
  z-index: 1099;
}
body.react .gartner-popover .gartner-popover-paper {
  overflow: visible;
}
body.react .gartner-popover .gartner-popover-arrow {
  width: 25px;
  height: 25px;
  position: absolute;
  display: block;
}
body.react .gartner-popover .gartner-popover-arrow svg {
  z-index: 1;
  fill: #FFF;
  stroke: #000;
  stroke-width: 1.25px;
  stroke-opacity: 0.19;
}
body.react .gartner-popover .gartner-popover-arrow svg polygon {
  stroke-dasharray: 0 20 28.284;
}
body.react .gartner-popover.placement-top {
  margin-top: -5px;
}
body.react .gartner-popover.placement-top.show-arrow {
  margin-top: -15px;
}
body.react .gartner-popover.placement-top .gartner-popover-arrow {
  left: 50%;
  bottom: -18px;
  transform: translateX(-50%) rotate(180deg);
}
body.react .gartner-popover.placement-top .gartner-popover-border {
  top: 18px;
}
body.react .gartner-popover.placement-bottom.show-arrow {
  margin-top: 14px;
}
body.react .gartner-popover.placement-bottom .gartner-popover-arrow {
  left: 50%;
  top: -18px;
  transform: translateX(-50%);
}
body.react .gartner-popover.placement-bottom .gartner-popover-arrow svg {
  stroke-width: 0.85px;
  stroke-opacity: 0.10;
}
body.react .gartner-popover.placement-bottom .gartner-popover-border {
  top: 18px;
}
body.react .gartner-popover.placement-left {
  margin-left: -5px;
}
body.react .gartner-popover.placement-left.show-arrow {
  margin-left: -19px;
}
body.react .gartner-popover.placement-left .gartner-popover-arrow {
  right: -18px;
  top: -50%;
  transform: rotate(90deg) translateX(50%);
}
body.react .gartner-popover.placement-left .gartner-popover-arrow svg {
  stroke-width: 0.85px;
  stroke-opacity: 0.10;
}
body.react .gartner-popover.placement-left .gartner-popover-border {
  top: 18px;
}
body.react .gartner-popover.placement-right.show-arrow {
  margin-left: 19px;
}
body.react .gartner-popover.placement-right .gartner-popover-arrow {
  left: -18px;
  top: calc(50% - 12px);
  transform: rotate(270deg);
}
body.react .gartner-popover.placement-right .gartner-popover-arrow svg {
  stroke-width: 0.85px;
  stroke-opacity: 0.10;
}
body.react .gartner-popover.placement-right .gartner-popover-border {
  top: 18px;
}
body.react .fade {
  opacity: 0;
  transition: opacity .15s linear;
}
body.react .fade.in {
  opacity: 1;
}
body.react button.spriteV2 {
  border: 0;
}
body.react .error-container {
  width: 50%;
  margin: 0 auto;
  margin-top: 50px;
}
body.react .download-progress {
  color: #7ED321;
}
html,
body {
  height: 100%;
}
html .loginModule,
body .loginModule {
  background: #eee !important;
}
html .loginModule header,
body .loginModule header {
  display: none;
}
html .loginContainer,
body .loginContainer {
  background: #eeeeee;
  height: 100%;
}
html .loginContainer #loginFormContainer,
body .loginContainer #loginFormContainer {
  min-height: 430px;
}
html .loginContainer .logo-section,
body .loginContainer .logo-section {
  padding-bottom: 10px;
  padding-left: 12px;
  padding-top: 20px;
}
html .loginContainer #loginFormContainer,
body .loginContainer #loginFormContainer,
html .loginContainer .rightRailContainer,
body .loginContainer .rightRailContainer {
  padding: 25px;
  font-size: 15px;
}
html .loginContainer #loginFormContainer .userInputBox,
body .loginContainer #loginFormContainer .userInputBox,
html .loginContainer .rightRailContainer .userInputBox,
body .loginContainer .rightRailContainer .userInputBox {
  margin-bottom: 15px;
}
html .loginContainer #loginFormContainer .userCheckBox,
body .loginContainer #loginFormContainer .userCheckBox,
html .loginContainer .rightRailContainer .userCheckBox,
body .loginContainer .rightRailContainer .userCheckBox {
  margin-left: -15px;
}
html .loginContainer #loginFormContainer .userCheckBox span,
body .loginContainer #loginFormContainer .userCheckBox span,
html .loginContainer .rightRailContainer .userCheckBox span,
body .loginContainer .rightRailContainer .userCheckBox span {
  color: #0b69bb;
}
html .loginContainer #loginFormContainer .inputBoxError div:before,
body .loginContainer #loginFormContainer .inputBoxError div:before,
html .loginContainer .rightRailContainer .inputBoxError div:before,
body .loginContainer .rightRailContainer .inputBoxError div:before {
  border-bottom: 2px solid red;
}
html .loginContainer #loginFormContainer .btnSubmitContainer,
body .loginContainer #loginFormContainer .btnSubmitContainer,
html .loginContainer .rightRailContainer .btnSubmitContainer,
body .loginContainer .rightRailContainer .btnSubmitContainer {
  padding-top: 15px;
}
html .loginContainer #loginFormContainer .btnSubmitContainer .btnSubmit,
body .loginContainer #loginFormContainer .btnSubmitContainer .btnSubmit,
html .loginContainer .rightRailContainer .btnSubmitContainer .btnSubmit,
body .loginContainer .rightRailContainer .btnSubmitContainer .btnSubmit {
  background-color: #0a6abb;
}
html .loginContainer #loginFormContainer .btnSubmitContainer .btnSubmit:disabled,
body .loginContainer #loginFormContainer .btnSubmitContainer .btnSubmit:disabled,
html .loginContainer .rightRailContainer .btnSubmitContainer .btnSubmit:disabled,
body .loginContainer .rightRailContainer .btnSubmitContainer .btnSubmit:disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
html .loginContainer #loginFormContainer .btnSubmitContainer .btnCancel,
body .loginContainer #loginFormContainer .btnSubmitContainer .btnCancel,
html .loginContainer .rightRailContainer .btnSubmitContainer .btnCancel,
body .loginContainer .rightRailContainer .btnSubmitContainer .btnCancel {
  background: none;
  border: 0px;
  box-shadow: none;
  margin-left: 10px;
  color: gray;
}
html .loginContainer #loginFormContainer .btnSubmitContainer .btnCancel:hover,
body .loginContainer #loginFormContainer .btnSubmitContainer .btnCancel:hover,
html .loginContainer .rightRailContainer .btnSubmitContainer .btnCancel:hover,
body .loginContainer .rightRailContainer .btnSubmitContainer .btnCancel:hover {
  background: #eeeeee;
}
html .loginContainer #loginFormContainer .mdi-icon,
body .loginContainer #loginFormContainer .mdi-icon,
html .loginContainer .rightRailContainer .mdi-icon,
body .loginContainer .rightRailContainer .mdi-icon {
  position: absolute;
  fill: #0a6abb;
}
html .loginContainer #loginFormContainer a .mdi-icon,
body .loginContainer #loginFormContainer a .mdi-icon,
html .loginContainer .rightRailContainer a .mdi-icon,
body .loginContainer .rightRailContainer a .mdi-icon {
  padding-left: 5px;
}
html .loginContainer #loginFormContainer .linkedinContainer img,
body .loginContainer #loginFormContainer .linkedinContainer img,
html .loginContainer .rightRailContainer .linkedinContainer img,
body .loginContainer .rightRailContainer .linkedinContainer img {
  width: 130px;
  vertical-align: middle;
}
html .loginContainer .rightRailContainer button.btnCEB,
body .loginContainer .rightRailContainer button.btnCEB {
  background-color: #0a6abb;
}
html .loginContainer .rightRailContainer button.btnCEB .mdi-icon,
body .loginContainer .rightRailContainer button.btnCEB .mdi-icon {
  position: inherit;
  fill: #ffffff;
  padding-left: 5px;
}
html .loginContainer .instruction,
body .loginContainer .instruction {
  color: #999;
  font-size: 14px;
}
html .loginContainer .loaderContainer,
body .loginContainer .loaderContainer {
  padding-left: 20px;
}
html .loginContainer a,
body .loginContainer a {
  cursor: pointer;
}
html .loginContainer .copyRight,
body .loginContainer .copyRight {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #616161;
  padding-top: 15px;
  padding-bottom: 15px;
}
html .loginContainer .pad20,
body .loginContainer .pad20 {
  padding-bottom: 20px;
}
html .loginContainer .error,
body .loginContainer .error {
  color: red;
  margin-top: -10px;
}
html .loginContainer .errorBox,
body .loginContainer .errorBox {
  color: red;
  border-left: 5px solid;
  padding-left: 10px;
}
html .loginContainer .successBox,
body .loginContainer .successBox {
  color: green;
  border-left: 5px solid;
  padding-left: 10px;
}
html .loginContainer .content-section,
body .loginContainer .content-section {
  margin-top: 10px;
}
html .toolTipContainer,
body .toolTipContainer {
  width: 300px;
  white-space: normal;
  text-align: left;
  color: #fff;
  padding: 10px;
}
html .toolTipContainer .headline,
body .toolTipContainer .headline {
  font-size: 15px;
}
html .toolTipContainer p,
body .toolTipContainer p {
  padding-top: 10px;
  line-height: 18px;
  font-size: 13px;
  font-weight: 100;
}
@charset "UTF-8";
/* Research Board Advanced Search START */
.research-board .advSearchFrame.modal {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  display: none;
  top: 0;
  left: 50%;
  margin-left: -512px;
  outline: none;
  position: absolute;
  z-index: 1050;
  -moz-background-clip: padding-box;
  -moz-border-radius: 6px;
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.research-board .advSearchFrame.modal .fade.in {
  top: 20px;
}
.research-board .advSearchFrame.modal #AdvHeaderCon .close {
  background: transparent;
  border: 0;
  cursor: pointer;
  float: right;
  font-size: 32px;
  margin-top: 2px;
  outline: 0px;
  padding: 0;
  -webkit-appearance: none;
}
.research-board .advSearchFrame.modal #AdvHeaderCon #advtips {
  margin-top: 4px;
}
.research-board .advSearchFrame.modal form {
  margin: 0 0 20px;
}
.research-board .advSearchFrame.modal fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.research-board .advSearchFrame.modal button.close {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.research-board .advSearchFrame.modal a {
  line-height: 20px;
}
.research-board .advSearchFrame.modal select {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  cursor: pointer;
  font-size: 14px;
  margin: 0 0 10px;
  padding: 4px 6px;
  vertical-align: middle;
}
.research-board .advSearchFrame.modal select[multiple],
.research-board .advSearchFrame.modal select[size] {
  height: auto;
}
.research-board .advSearchFrame.modal #AdvNarrowSearch .advSearchFrame #Totext {
  margin-left: -10px;
}
.research-board .advSearchFrame.modal .modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.research-board .advSearchFrame.modal .modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.research-board .advSearchFrame.modal .modal-body fieldset {
  clear: both;
  margin-bottom: 10px;
}
.research-board .advSearchFrame.modal .modal-body h1 {
  margin: 0;
  padding-top: 16px;
}
.research-board .advSearchFrame.modal .modal-body h2 {
  margin-top: 16px;
  line-height: normal;
}
.research-board .advSearchFrame.modal .modal-body h5 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin-bottom: 0;
}
.research-board .advSearchFrame.modal .modal-body .btn {
  vertical-align: middle;
}
.research-board .advSearchFrame.modal .modal-form {
  margin-bottom: 0;
}
.research-board .advSearchFrame.modal .modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.research-board .advSearchFrame.modal .modal-footer:before,
.research-board .advSearchFrame.modal .modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.research-board .advSearchFrame.modal .modal-footer:after {
  clear: both;
}
.research-board .advSearchFrame.modal .modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.research-board .advSearchFrame.modal .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.research-board .advSearchFrame.modal #advFormButton.solrAdvFormButton {
  color: #86aabe;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 20px;
  position: absolute;
  text-transform: uppercase;
  top: 30px;
}
.research-board .advSearchFrame.modal .tooltip {
  display: block;
  filter: alpha(opacity=0);
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  position: absolute;
  visibility: visible;
  z-index: 1030;
}
.research-board .advSearchFrame.modal .tooltip .tooltip-arrow {
  left: 50%;
  margin-top: -10px;
  position: absolute;
  bottom: -9px;
}
.research-board .advSearchFrame.modal .tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.research-board .advSearchFrame.modal .tooltip.in {
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.research-board .advSearchFrame.modal .tooltip-inner {
  background-color: #38505d;
  border-radius: 4px;
  color: #fff;
  font-family: arial;
  font-size: 13px;
  max-width: 200px;
  padding: 10px 15px;
  text-align: left;
  text-decoration: none;
}
.research-board .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.research-board .modal-backdrop.fade {
  opacity: 0;
}
.research-board .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.research-board .fade.in {
  opacity: 1;
}
.research-board .modal-backdrop,
.research-board .modal-backdrop.fade.in {
  opacity: 0.3;
  filter: alpha(opacity=80);
}
/* Research Board Advanced Search END */
#research-board-footer {
  background: #2c3e49;
}
#research-board-footer .bottom-nav footer {
  background: #2c3e49;
}
.researchboard {
  background-color: #f5f5f5;
  padding-bottom: 60px;
}
.researchboard .hdr-title {
  padding-left: 0;
}
.researchboard h3:hover {
  text-decoration: none;
}
.researchboard .research-board-main-content {
  background-color: #ffffff;
  padding: 40px 32px 56px;
}
.researchboard .research-board-main-content .noAccessPageHeight {
  height: 500px;
}
.researchboard .research-board-main-content .research-board-info {
  margin-bottom: 32px;
}
.researchboard .research-board-main-content ul {
  margin-bottom: 8px;
}
.researchboard .research-board-main-content ul li {
  padding-bottom: 8px;
}
.researchboard .research-board-main-content .button-section .view-all-btn {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.researchboard .research-board-main-content .button-section .arrow-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #027CB5;
  display: inline-block;
  margin-left: 8px;
}
.researchboard .rb-rightrail {
  margin-top: 140px;
}
.researchboard .rb-rightrail .rb-rightrail-content {
  margin-left: 24px;
}
.researchboard .rb-rightrail .rb-rightrail-content .rb-content-date {
  margin-top: 0px;
}
.researchboard .rb-rightrail .rb-rightrail-content .rb-content-location {
  margin-top: -20px;
}
/* Begin footer styles
--------------------------------------------------------------------*/
.bottom-nav {
  background: #2e3032;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlMzAzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzQxNDQ0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzRmNTI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjUyNTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #223038 0%, #2c3d46 25%, #2d3e47 75%, #2d3e47 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #223038), color-stop(25%, #2c3d46), color-stop(75%, #2d3e47), color-stop(100%, #2d3e47));
  background: -webkit-linear-gradient(top, #223038 0%, #2c3d46 25%, #2d3e47 75%, #2d3e47 100%);
  background: -o-linear-gradient(top, #223038 0%, #2c3d46 25%, #2d3e47 75%, #2d3e47 100%);
  background: -ms-linear-gradient(top, #223038 0%, #2c3d46 25%, #2d3e47 75%, #2d3e47 100%);
  background: linear-gradient(to bottom, #223038 0%, #2c3d46 25%, #2d3e47 75%, #2d3e47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#223038', endColorstr='#2d3e47', GradientType=0);
}
.bottom-nav footer {
  margin: 0 auto;
  width: 1280px;
  z-index: 1000;
  min-height: 83px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: solid 1px #123;
}
.bottom-nav footer li {
  display: inline-block;
  color: #abc;
  padding: 0;
  margin: 0;
}
.bottom-nav footer #footer-links {
  position: relative;
  color: white;
  text-align: center;
  margin: 10px auto 0 auto;
}
.bottom-nav footer #footer-links a {
  color: #fff;
  text-shadow: 0px 1px 2px rgba(0, 10, 20, 0.57);
  opacity: 1;
}
.bottom-nav footer #footer-links a:hover {
  text-shadow: 0px 2px 0px #033568, 0px 2px 1px rgba(255, 255, 255, 0.57);
  opacity: 0.95;
}
.bottom-nav footer #footer-links li:not(:first-child):before {
  content: "\A0   \2022   \A0   \A0";
}
.bottom-nav footer #copyright {
  color: white;
  margin-right: 5px;
  margin-bottom: 16px;
  float: right;
  margin-top: 16px;
}
.bottom-nav footer #footer-logo {
  color: white;
  margin-left: 5px;
  margin-bottom: 5px;
}
#reading-history {
  display: none;
  position: fixed;
  color: #fff;
  z-index: 1001;
  text-align: center;
  max-height: 165px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
#reading-history-toggle {
  width: 287px;
  height: 46px;
  text-indent: -9999px;
  background: url('https://www.gartner.com/imagesrv/apps/gproduct/images/reading-history.png;wafd7a04f6b2335265') top left no-repeat scroll;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0;
  margin-bottom: -2px;
}
#reading-history-content {
  width: 100%;
  border: 0;
  max-height: 140px;
  overflow: hidden;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #F4F4F4;
}
#reading-history-content p {
  margin: 9px;
}
#reading-history-content.collapse {
  height: 0px;
}
#reading-history .btn {
  padding: 0 10px 2px 10px;
}
#reading-history-content,
#reading-history-content ul.slides li {
  background-color: #496473;
}
#reading-history-content ul.slides > li:nth-child(5n) {
  margin-right: 50px;
}
#reading-history .flexslider .flex-control-nav.flex-control-paging {
  display: none;
}
#reading-history .flexslider .flex-direction-nav .flex-disabled {
  opacity: 0 !important;
}
ul.footermenu {
  text-align: center;
  margin-top: 15px;
}
ul.footermenu li {
  display: inline-block;
  display: inline;
  border-right: solid 1px #fff;
}
ul.footermenu li a {
  padding: 0 7px;
  color: #fff;
  cursor: pointer;
}
ul.footermenu li a:hover {
  background: transparent;
  text-decoration: underline;
}
ul.footermenu li:last-child {
  border-right: none;
}
.reading-history-carousel li,
.reading-history-carousel li span,
.reading-history-carousel li a {
  color: #EAEAEA;
}
.reading-history-carousel li {
  height: 110px;
}
.reading-history-carousel .slides > li > div,
.reading-history-carousel .slides > li > div span,
.reading-history-carousel .slides > li a {
  text-align: left;
}
.reading-history-carousel .slides > li > div {
  padding: 0 8px;
  border-right: dotted 1px #fff;
  height: 100%;
}
.reading-history-carousel .slides > li .title:hover,
.reading-history-carousel .slides > li:hover .title,
.reading-history-carousel .slides > li div:hover .title {
  text-decoration: underline;
}
.reading-history-carousel .slides > li span:hover,
.reading-history-carousel .slides > li:hover,
.reading-history-carousel .slides > li div:hover,
.reading-history-carousel .slides > li a:hover {
  cursor: pointer;
}
.reading-history-carousel .slides > li {
  z-index: 2000;
  position: relative;
}
.reading-history-carousel .slides > li > div {
  z-index: 2001;
  position: relative;
}
.reading-history-carousel .slides > li > div > span,
.reading-history-carousel .slides > li > a {
  z-index: 2002;
  position: relative;
}
.reading-history-carousel .slides > li .title {
  letter-spacing: .05em;
  display: block;
  font-size: 16px;
  line-height: 19px;
  height: 46px;
  padding-top: 5px;
  overflow: hidden;
  margin-bottom: 0;
}
.reading-history-carousel .slides > li .summary {
  display: block;
  font-size: 12px;
  line-height: 17px;
  color: #dadada;
}
.reading-history-carousel .flex-direction-nav li:first-child {
  height: 30px;
  overflow-y: hidden;
  margin-top: 96px;
}
.reading-history-carousel .flex-direction-nav a {
  top: 5px;
  margin-top: -80px;
}
.bottom-nav footer .logo,
.bottom-nav footer .logo:hover {
  text-decoration: none;
}
.bottom-nav footer .logo img {
  border: 0;
  width: 120px;
  padding-left: 18px;
  padding-top: 5px;
}
#reading-history .ie-border-radius-fix {
  width: 200px;
  height: 30px;
  padding: 0;
  margin: 0 auto;
}
/* End Footer Styles
--------------------------------------------------------------------*/
@charset "UTF-8";
.footer-wrapper {
  width: 100% !important;
  background-color: #002856;
}
.footer-wrapper.has-sticky-footer {
  margin-bottom: 50px;
}
.footer-wrapper .footer-top .footer-links {
  padding: 25px 0 17px 0;
  text-align: center;
}
.footer-wrapper .footer-top .footer-links li {
  display: inline-block;
}
.footer-wrapper .footer-top .footer-links li:not(:last-child) {
  border-right: 2px solid #eeeeee;
  padding-right: 17px;
  margin-right: 16px;
}
.footer-wrapper .footer-top .footer-links li a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
}
.footer-wrapper .footer-top .footer-links li .pipe {
  padding: 0 16px;
  color: #ffffff;
}
.footer-wrapper .footer-bottom {
  padding-bottom: 23px;
  text-align: center;
}
.footer-wrapper .footer-bottom .footer-logo,
.footer-wrapper .footer-bottom .footer-copyright {
  display: inline-block;
}
.footer-wrapper .footer-bottom .footer-logo {
  padding-right: 20px;
  background: url(https://www.gartner.com/imagesrv/apps/gproduct/images/sprites/header.png;wa75298efe55cfbb2e) no-repeat scroll 0px -165px transparent;
  width: 75px;
  height: 22px;
}
.footer-wrapper .footer-bottom .footer-copyright {
  font-size: 12px;
  color: #eeeeee;
  text-align: center;
  font-weight: 100;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .footer-wrapper {
    padding: 44px 0 32px 16px;
  }
  .footer-wrapper .footer-top .footer-links {
    text-align: left;
    padding: 0 0 40px 0;
  }
  .footer-wrapper .footer-top .footer-links li {
    display: block;
  }
  .footer-wrapper .footer-top .footer-links li:not(:last-child) {
    border-right: 0;
    padding-bottom: 16px;
  }
  .footer-wrapper .footer-bottom {
    text-align: left;
    padding-bottom: 0px;
  }
  .footer-wrapper .footer-bottom .footer-logo,
  .footer-wrapper .footer-bottom .footer-copyright {
    display: block;
  }
  .footer-wrapper .footer-bottom .footer-logo {
    padding-bottom: 16px;
  }
  .footer-wrapper .footer-bottom .footer-copyright {
    text-align: left;
  }
}

/*# sourceMappingURL=styles-3dac95af4e3c1e9605c6.css.map*/