@charset "UTF-8";
#app-footer {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.right-rail footer.feedOnly .feedOnlyContainer,
.drawerMobile footer.feedOnly .feedOnlyContainer {
  padding: 0;
}
.right-rail footer.feedOnly .feedOnlyContainer ul,
.drawerMobile footer.feedOnly .feedOnlyContainer ul {
  text-align: left;
  margin-bottom: 4px;
}
.right-rail footer.feedOnly .feedOnlyContainer ul li,
.drawerMobile footer.feedOnly .feedOnlyContainer ul li {
  margin: 0 16px 8px 0;
}
.right-rail footer.feedOnly .feedOnlyContainer .feedOnlyCopyright,
.drawerMobile footer.feedOnly .feedOnlyContainer .feedOnlyCopyright {
  text-align: left;
}
.right-rail footer.feedOnly .feedOnlyContainer .feedOnlyCopyright span:last-child,
.drawerMobile footer.feedOnly .feedOnlyContainer .feedOnlyCopyright span:last-child {
  display: block;
}
.wht-footer {
  padding: 16px 0 20px;
  background-color: #fff;
  position: relative;
}
.wht-footer .links {
  text-align: center;
  letter-spacing: normal;
}
.wht-footer .links li {
  margin-left: 24px;
  margin-bottom: 12px;
  display: inline-block;
}
.wht-footer .links li a {
  color: #616161;
  font-size: 12px;
  line-height: 20px;
}
.wht-footer .links li a:hover {
  text-decoration: underline !important;
}
.wht-footer .links li:first-child {
  margin-left: 0;
}
.wht-footer .copyright {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: normal;
  text-align: center;
  color: #616161;
}
.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('/assets/images/sprites/header.png') 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;
  }
}

.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;
}

.quick-links h4 {
  font-size: 18px !important;
  line-height: 26px;
  font-weight: normal !important;
  margin-bottom: 8px;
}
.quick-links .header-list .divider {
  width: 24px;
  height: 4px;
  background-color: #bdbdbd;
  margin: 12px 0;
}
.quick-links .title-list li {
  padding-bottom: 7px;
  line-height: 0;
}
.quick-links .links a {
  font-size: 12px;
  color: #616161;
  line-height: 20px;
  display: flex;
}
.quick-links .links a .quicklink-tumbnail {
  width: 32px;
  padding-right: 5px;
  box-sizing: border-box;
}
.quick-links .links a .quicklink-suffix {
  color: #d1460b;
  font-weight: 500;
  padding-left: 2px;
}
.quick-links .links a .quicklink-container {
  display: inline-block;
  margin: auto 0;
  font-size: 12px;
}
.quick-links .links a .quicklink-container:hover {
  text-decoration: underline;
}
.mega-menu .quick-links {
  padding: 22px 16px 0px 16px;
}
.mega-menu .quick-links .header-list .divider {
  width: 343px;
  height: 1px;
}

.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-size: 18px;
  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: 14px;
  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;
}
.rr-list.reality-test-with-peers .peer-connect-community,
.rr-list.reality-test-with-peers .peer-insights-reviews {
  padding-left: 35px;
  height: 20px;
  display: inline-block;
}
.rr-list.reality-test-with-peers .peer-connect-community {
  background: url('data:image/svg+xml,%3Csvg viewBox="0 0 22 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Ctitle%3EIcons / Peer Connect%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d="M19.9752334,1.9823541 C18.6227416,0.66051927 16.8498107,0 15.0764817,0 C13.303949,0 11.5314163,0.66051927 10.1785263,1.9823541 C8.92994979,3.20266245 8.2646528,4.77333666 8.16909848,6.37068646 L0,6.37068646 L0,17.1213443 L2.85269474,17.1213443 L2.85269474,19.9083454 L6.11229164,17.1213443 L7.53843993,17.1213443 L13.039582,17.1213443 L13.039582,13.2366628 C13.7024902,13.4353362 14.389685,13.537659 15.0764817,13.537659 C16.2490129,13.537659 17.4175627,13.2422368 18.467864,12.6649295 L21.992226,13.5257147 L21.1115336,10.0821757 C22.5962089,7.50300521 22.2219545,4.17731656 19.9752334,1.9823541 L19.9752334,1.9823541 Z M1.62999752,15.5283741 L11.4095845,15.5283741 L11.4095845,7.96325854 L1.62999752,7.96325854 L1.62999752,15.5283741 Z M18.8222113,10.4289583 C17.822076,11.4067975 16.4922783,11.9450869 15.0764817,11.9450869 C14.3657964,11.9450869 13.6762127,11.8085238 13.039582,11.5489346 L13.039582,6.37068646 L9.80148486,6.37068646 C9.89425218,5.18063697 10.4018845,4.01646678 11.3315485,3.10830255 C12.3316837,2.13086144 13.6618796,1.59257208 15.0764817,1.59257208 C16.4922783,1.59257208 17.822076,2.13086144 18.8222113,3.10830255 C20.8881754,5.12648952 20.8881754,8.41077129 18.8222113,10.4289583 L18.8222113,10.4289583 Z" id="path-1"%3E%3C/path%3E%3C/defs%3E%3Cg id="Homepage-all-resolutions" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"%3E%3Cg id="Homepage_1280_RR_PC&PI" transform="translate(-970.000000, -528.000000)"%3E%3Cg id="RR" transform="translate(969.000000, 136.000000)"%3E%3Cg id="Get-Advice" transform="translate(0.000000, 180.000000)"%3E%3Cg id="Peer-Connect-Communi-2" transform="translate(0.000000, 210.000000)"%3E%3Cg id="Icons-/-Peer-Connect"%3E%3Crect id="BG" x="0" y="0" width="24" height="24"%3E%3C/rect%3E%3Cg id="icon" stroke-width="1" fill-rule="evenodd" transform="translate(1.000000, 2.000000)"%3E%3Cmask id="mask-2" fill="white"%3E%3Cuse xlink:href="%23path-1"%3E%3C/use%3E%3C/mask%3E%3Cuse id="Mask" fill="%23FF540A" xlink:href="%23path-1"%3E%3C/use%3E%3Cg id="Fill-/-Brand-/-03-%23FF540A" mask="url(%23mask-2)" fill="%23FF540A"%3E%3Cg transform="translate(-1.000000, -2.000000)"%3E%3Cpolygon points="0 0 24 0 24 24 13.0137117 24 0 24"%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat left center;
}
.rr-list.reality-test-with-peers .linkPointer.peer-insights-reviews {
  background: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.065 0.5C7.82596 0.499449 5.67573 1.3757 4.07483 2.94109C2.47393 4.50647 1.54967 6.63651 1.5 8.875V19.375L4.97 15.96C6.05957 16.7676 7.32525 17.305 8.66299 17.5282C10.0007 17.7514 11.3723 17.6538 12.665 17.2436C13.9577 16.8335 15.1347 16.1223 16.099 15.1687C17.0634 14.2151 17.7876 13.0462 18.2122 11.7582C18.6369 10.4702 18.7497 9.09974 18.5415 7.75958C18.3334 6.41943 17.8101 5.14781 17.0148 4.04927C16.2195 2.95073 15.1747 2.05664 13.9666 1.44049C12.7584 0.824339 11.4212 0.503723 10.065 0.505005V0.5ZM10.065 13.91C9.25898 13.9112 8.46543 13.711 7.75638 13.3277C7.04733 12.9444 6.44522 12.3901 6.00473 11.7151C5.56424 11.0401 5.2993 10.2657 5.23396 9.46237C5.16862 8.659 5.30495 7.85202 5.63057 7.1147C5.95619 6.37738 6.4608 5.73307 7.09859 5.24022C7.73638 4.74737 8.48716 4.4216 9.28278 4.2925C10.0784 4.16339 10.8936 4.23502 11.6546 4.5009C12.4155 4.76678 13.0979 5.21848 13.64 5.815L14.905 4.36V9.07001C14.905 10.3537 14.3951 11.5847 13.4874 12.4924C12.5797 13.4001 11.3486 13.91 10.065 13.91Z" fill="%23002856"/%3E%3Cpath d="M11.02 7.82499L10.115 5.98999L9.21 7.82499L7.185 8.11999L8.65 9.54499L8.305 11.565L10.115 10.61L11.925 11.565L11.58 9.54499L13.045 8.11999L11.02 7.82499Z" fill="%23002856"/%3E%3C/svg%3E%0A') no-repeat left center;
}
.sub-list .head {
  margin-top: 16px;
}
.sub-list .head h4,
.sub-list .head span,
.sub-list .head a {
  float: left;
  margin-bottom: 0;
}
.sub-list .head h4 {
  font-size: 14px;
  font-weight: normal;
  color: #424242;
}
.sub-list .head a {
  font-size: 14px;
  line-height: 24px;
  padding-top: 3px;
}
.sub-list .head:after {
  content: " ";
  clear: both;
  display: block;
}
.sub-list .body .list li {
  padding-bottom: 10px;
}
.sub-list .body .list li:last-child {
  padding-bottom: 0;
}
.sub-list .body .list li a {
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
}

@charset "UTF-8";
.quick-links h4 {
  font-size: 18px !important;
  line-height: 26px;
  font-weight: normal !important;
  margin-bottom: 8px;
}
.quick-links .header-list .divider {
  width: 24px;
  height: 4px;
  background-color: #bdbdbd;
  margin: 12px 0;
}
.quick-links .title-list li {
  padding-bottom: 7px;
  line-height: 0;
}
.quick-links .links a {
  font-size: 12px;
  color: #616161;
  line-height: 20px;
  display: flex;
}
.quick-links .links a .quicklink-tumbnail {
  width: 32px;
  padding-right: 5px;
  box-sizing: border-box;
}
.quick-links .links a .quicklink-suffix {
  color: #d1460b;
  font-weight: 500;
  padding-left: 2px;
}
.quick-links .links a .quicklink-container {
  display: inline-block;
  margin: auto 0;
  font-size: 12px;
}
.quick-links .links a .quicklink-container:hover {
  text-decoration: underline;
}
.mega-menu .quick-links {
  padding: 22px 16px 0px 16px;
}
.mega-menu .quick-links .header-list .divider {
  width: 343px;
  height: 1px;
}
/* styles for menu-container items*/
body {
  /* Styles for desktop popover */
}
body #mobile-notification-dropdown {
  max-height: calc(100vh - 45px);
}
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;
  top: 0;
  left: 0;
  background: #fff;
}
body div.drawerMobile #innerDrawer .logoWrapper a {
  text-decoration: none;
}
body div.drawerMobile #innerDrawer .logoWrapper .logo,
.broken-imagebody div.drawerMobile #innerDrawer .logoWrapper:after {
  color: #002856;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-size: 26px;
  letter-spacing: normal;
}
body div.drawerMobile #innerDrawer .logoWrapper .logo {
  display: inline-block;
  height: 21px;
  margin: 24px 0 24px 16px;
  line-height: normal;
}
body div.drawerMobile #innerDrawer .logoWrapper .logo:hover {
  cursor: pointer;
}
body div.drawerMobile #innerDrawer .logoWrapper .logo.broken-image {
  margin: 0px;
  display: inherit;
  line-height: inherit;
}
body div.drawerMobile #innerDrawer .logoWrapper .logo.broken-image:after {
  display: block;
  margin: 0px 0px 27px 16px;
}
body div.drawerMobile #innerDrawer .logoWrapper .logo.broken-image:after:hover {
  cursor: pointer;
}
body div.drawerMobile #innerDrawer .logoWrapper button.closeMenu {
  width: 24px;
}
body div.drawerMobile #innerDrawer .header-icons {
  background-color: transparent;
  height: 74px;
}
body div.drawerMobile #innerDrawer .header-icons .getAdviceIcon {
  color: #002856;
}
body div.drawerMobile #innerDrawer .header-icons .mdi-icon {
  fill: #002856;
}
body div.drawerMobile #innerDrawer .header-icons button {
  margin: 0;
  background-color: #f5f5f5;
  border-radius: 0px;
}
body div.drawerMobile #innerDrawer .header-icons button:not(:last-child) {
  margin-right: 2px;
}
body div.drawerMobile #innerDrawer .header-icons .main-li {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #002856;
  margin: 0px 1px 0px 0px;
  text-transform: capitalize;
  font-size: 12px;
  width: 100%;
}
body div.drawerMobile #innerDrawer .header-icons .main-li:hover button {
  background-color: rgba(0, 0, 0, 0.08);
}
body div.drawerMobile #innerDrawer .header-icons .main-li .nav-label {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #002856;
  margin-top: 0;
  text-transform: capitalize;
}
body div.drawerMobile #innerDrawer .header-icons .main-li.active button {
  background-color: rgba(0, 0, 0, 0.08);
}
body div.drawerMobile #innerDrawer .header-icons .main-li a {
  color: #002856;
  padding: 12px;
  border-bottom: none;
  text-decoration: none;
  background-color: #f5f5f5;
}
body div.drawerMobile #innerDrawer .header-icons .main-li a:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
body div.drawerMobile #innerDrawer .header-icons .main-li > button > span {
  padding-top: 0px;
}
body div.drawerMobile #innerDrawer .header-icons .main-li > button > span svg.getAdviceIcon {
  width: 34px;
  height: 34PX;
}
body div.drawerMobile #innerDrawer .header-icons .main-li > button > span .my-profile-icon {
  width: 30px;
  height: 30px;
  margin-top: 4px;
}
body div.drawerMobile #innerDrawer .header-icons .main-li > button > span .my-profile-icon .user-initial {
  line-height: 30px;
  text-align: center;
  background-color: #ff540a;
  color: #ffffff;
  font-size: 20px;
}
body div.drawerMobile #innerDrawer .header-icons .main-li.my-track-icon span {
  padding-top: 0px;
}
body div.drawerMobile #innerDrawer .header-icons .main-li.my-track-icon span svg {
  width: 34px;
  height: 34px;
}
body div.drawerMobile #innerDrawer .header-icons .main-li.my-library-icon span {
  padding-top: 0px;
}
body div.drawerMobile #innerDrawer .header-icons .main-li.my-library-icon span svg {
  width: 34px;
  height: 34px;
}
body div.drawerMobile #innerDrawer .header-icons .main-li.notification-li {
  color: #002856;
}
body div.drawerMobile #innerDrawer .header-icons .main-li.notification-li .nav-label {
  margin-top: 0;
}
body div.drawerMobile #innerDrawer .header-icons .main-li.notification-li svg {
  color: #002856;
  width: 36px;
  height: 36px;
}
body div.drawerMobile #innerDrawer .header-icons .main-li.notification-li svg.red-dot-icon {
  font-size: 12px;
  color: #DE0A01;
  padding: 1px;
  background-color: transparent;
  position: absolute;
  right: 10px;
  top: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
body div.drawerMobile #innerDrawer .header-icons li.pop-menu {
  border-radius: 0px;
}
body div.drawerMobile #innerDrawer .header-icons li.pop-menu .my-profile-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
body div.drawerMobile #innerDrawer .header-icons li.pop-menu .my-profile-icon-container .nav-label {
  line-height: 30px;
  margin-top: 0;
}
body div.drawerMobile #innerDrawer .header-icons li.pop-menu .nav-label {
  font-size: 12px;
  margin-top: 2px;
  text-transform: capitalize;
}
body div.drawerMobile #innerDrawer .header-icons li.pop-menu .nav-label .menu-down-arrow {
  border-top: 4px solid #002856;
}
body div.drawerMobile #innerDrawer .header-icons li.pop-menu:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
body div.drawerMobile #innerDrawer .list {
  width: 375px;
  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 .list .gartner-analyst {
  padding: 12px 16px 44px 16px;
}
body div.drawerMobile #innerDrawer .list .gartner-analyst:before {
  content: ' ';
  display: block;
  background-color: #bdbdbd;
  height: 1px;
  width: 343px;
  margin-bottom: 12px;
}
body div.drawerMobile #innerDrawer .list .gartner-analyst .head {
  display: none;
}
body div.drawerMobile #innerDrawer .list .gartner-analyst .body .list li a {
  font-size: 12px;
  color: #616161;
  line-height: 20px;
}
body div.drawerMobile #innerDrawer .list footer {
  padding: 23px 16px 15px 16px;
  background-color: #fafafa;
  border-top: 1px solid #bdbdbd;
}
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: 0px;
  width: 375px;
  margin-top: 75px;
}
body .menu-popover-mobile > div {
  max-height: 100%;
  max-width: 375px;
  min-width: 320px;
  left: 0 !important;
  top: 0px !important;
}
body .menu-popover-mobile > div .mobile-drawer-header {
  background-color: #ffffff;
  padding: 22px 14px 21px 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #bdbdbd;
  z-index: 1;
}
body .menu-popover-mobile > div .mobile-drawer-header .right-button {
  z-index: 2;
  min-width: 17%;
  text-align: right;
}
body .menu-popover-mobile > div .mobile-drawer-header h5 {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}
body .menu-popover-mobile > div .mobile-drawer-header .more-icon-button {
  padding: 0px;
  width: 33px;
  height: 33px;
  margin-right: -2px;
}
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 .menu-popover-mobile .mobile-drawer-notification-header,
body .menu-popover-mobile .mobile-drawer-header {
  background-color: #ffffff;
  padding: 22px 14px 21px 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #bdbdbd;
  border-top: 1px solid #cdcdcd;
  z-index: 1;
}
body .menu-popover-mobile .mobile-drawer-notification-header .right-button,
body .menu-popover-mobile .mobile-drawer-header .right-button {
  z-index: 2;
  min-width: 17%;
  text-align: right;
}
body .menu-popover-mobile .mobile-drawer-notification-header h5,
body .menu-popover-mobile .mobile-drawer-header h5 {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}
body .menu-popover-mobile .mobile-drawer-notification-header .more-icon-button,
body .menu-popover-mobile .mobile-drawer-header .more-icon-button {
  padding: 0px;
  width: 33px;
  height: 33px;
  margin-right: -2px;
}
body .menu-popover-mobile .notification-items-list {
  min-height: 126px;
  text-align: center;
  height: calc(100vh - 130px);
}
body .menu-popover-mobile .notification-items-list .notifications-loader {
  margin-top: 40px;
}
body .menu-popover-mobile .notification-items-list .no-notifications {
  display: flex;
  align-items: center;
  min-height: 126px;
  padding-top: 0;
  padding-left: 24px;
  text-align: left;
}
body .menu-popover-mobile .notification-items-list .no-notifications p {
  margin: 0;
}
body .menu-popover-mobile .notification-items-list .notification-list-item {
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  align-items: flex-start;
  min-height: 116px;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}
body .menu-popover-mobile .notification-items-list .notification-list-item:hover {
  background-color: #f5f5f5;
}
body .menu-popover-mobile .notification-items-list .notification-list-item.read .right-section .content-section h5,
body .menu-popover-mobile .notification-items-list .notification-list-item.read .right-section .content-section .description,
body .menu-popover-mobile .notification-items-list .notification-list-item.read .right-section .content-section a.fullAnchor {
  color: #424242;
}
body .menu-popover-mobile .notification-items-list .notification-list-item.read .right-section .content-section .description .resetButton {
  cursor: default;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .left-section {
  padding-right: 5px;
  position: relative;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .left-section .red-dot-icon {
  position: absolute;
  color: #DE0A01;
  padding: 0px;
  font-size: 18px;
  top: 1px;
  right: -10px;
  border-radius: 50%;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .left-section svg.notification-icon {
  padding: 6px;
  background-color: #002856;
  border-radius: 50%;
  color: #fff;
  font-size: 1.5rem;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .right-section {
  padding-left: 21px;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .right-section .content-section {
  padding-left: 0;
  padding-right: 0;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .right-section .content-section .heading {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  margin-bottom: 0;
  color: #000000;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .right-section .content-section .date-time-ago {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 14px;
  letter-spacing: normal;
  color: #616161;
  margin: 6px 0 8px;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .right-section .content-section .description {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #424242;
  margin-top: 4px;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .right-section .content-section .description a.fullAnchor {
  color: #424242;
  text-decoration: none;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .right-section .content-section .description .resetButton {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #424242;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .right-section .content-section .cta-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .right-section .content-section .cta-container a.notificationCardItemCTA {
  border: 2px solid #0a6abb;
  color: #0a6abb;
  font-weight: bold;
  padding: 8px 24px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  margin-top: 10px;
}
body .menu-popover-mobile .notification-items-list .notification-list-item .right-section .more-icon-button {
  position: absolute;
  right: 12px;
  top: 10px;
  padding: 0;
  width: 33px;
  height: 33px;
}
body #myProfileHeading {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #212121;
  padding: 20px 0px 0px 16px;
}
body .hdr-slide {
  font-size: 14px;
  line-height: normal;
  color: #424242;
  left: 0 !important;
  min-width: 268px;
  height: 100%;
  width: 375px;
}
body .hdr-slide .header {
  color: #002856;
  font-size: 16px;
}
body .hdr-slide .header h5 {
  margin-bottom: 0;
}
body .hdr-slide .header span {
  padding-top: 5px;
  display: block;
}
body .hdr-slide .header:focus {
  border: solid 2px #0a6abb;
}
body .hdr-slide ul.parent-list {
  padding: 0;
  width: 343px;
}
body .hdr-slide ul.parent-list:first-of-type {
  margin-top: 10px;
}
body .hdr-slide ul.parent-list.padded > li {
  border-bottom: 1px solid #bdbdbd;
  padding-left: 0px;
  margin-left: 16px;
}
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 .li-icon {
  margin-right: 10px;
  background-color: #002856;
  padding: 9px;
  border-radius: 33px;
  font-size: 16px;
  width: 24px;
  height: 24px;
  box-sizing: content-box;
}
body .hdr-slide ul.parent-list li .li-icon svg {
  width: 100%;
  height: 100%;
}
body .hdr-slide ul.parent-list li .li-link {
  display: flex;
  flex-direction: column;
}
body .hdr-slide ul.parent-list li .li-link .sub-detail {
  font-size: 16px;
  color: #212121;
  margin-bottom: 4px;
}
body .hdr-slide ul.parent-list li .sub-heading {
  padding: 10px 0px;
}
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 20px;
}
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: 375px;
  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;
}
@media all and (max-width: 374px) {
  body div.drawerMobile #innerDrawer {
    width: 100%;
  }
  body div.drawerMobile #innerDrawer .list {
    width: 100%;
  }
  body .menu-popover-mobile {
    width: 100%;
  }
  body .menu-popover-mobile .hdr-slide {
    width: 100%;
  }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  #gartner-header .header-wrapper,
  #app-root .header-wrapper {
    height: 81px;
  }
}
body.header-added {
  padding-top: 80px;
}
body.header-added.search-page {
  padding-top: 81px;
}
body.header-added.reprint {
  padding-top: 0;
}
body #more-menu {
  background-color: #fff;
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.23);
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.23);
  border-radius: 2px;
}
body #more-menu .more-menu-nav-list {
  min-width: 232px;
  padding: 12px 0;
}
body #more-menu .more-menu-nav-list .more-menu-nav-list-item {
  padding-left: 24px;
}
body #more-menu .more-menu-nav-list .more-menu-nav-list-item .more-menu-item-text {
  margin: 0;
}
body #more-menu .more-menu-nav-list .more-menu-nav-list-item .more-menu-item-text span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #424242;
}
body #more-menu .more-menu-nav-list .more-menu-nav-list-item:hover {
  background-color: #eeeeee;
}
#gartner-header .header-wrapper,
#app-root .header-wrapper {
  z-index: 1100;
  position: fixed;
  box-shadow: none;
  background-color: #002856;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
#gartner-header .header-wrapper.loginRoot,
#app-root .header-wrapper.loginRoot {
  display: none;
}
#gartner-header .header-wrapper .floatingNotificationContainer,
#app-root .header-wrapper .floatingNotificationContainer {
  position: relative;
}
#gartner-header .header-wrapper .header-grid,
#app-root .header-wrapper .header-grid {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}
#gartner-header .header-wrapper .mdi-icon,
#app-root .header-wrapper .mdi-icon {
  fill: #eee;
  cursor: pointer;
}
#gartner-header .header-wrapper input[type='text']:focus,
#app-root .header-wrapper input[type='text']:focus {
  box-shadow: none;
}
#gartner-header .header-wrapper .search-typeahead .search-input .search-icon,
#app-root .header-wrapper .search-typeahead .search-input .search-icon {
  align-items: center;
}
#gartner-header .header-wrapper .mega-menu,
#app-root .header-wrapper .mega-menu {
  display: inline-flex;
  width: 100%;
  height: 80px;
  align-items: center;
  justify-content: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
}
#gartner-header .header-wrapper .mega-menu .lg-burger,
#app-root .header-wrapper .mega-menu .lg-burger {
  width: 32px;
  height: 32px;
}
#gartner-header .header-wrapper .mega-menu button,
#app-root .header-wrapper .mega-menu button {
  padding: 0;
  width: inherit;
  border: 0;
  margin-right: 16px;
}
#gartner-header .header-wrapper .mega-menu button:focus,
#app-root .header-wrapper .mega-menu button:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
#gartner-header .header-wrapper .mega-menu button.closeMenu,
#app-root .header-wrapper .mega-menu button.closeMenu {
  height: 24px;
  margin-top: 14px;
}
#gartner-header .header-wrapper .mega-menu button .mdi-icon,
#app-root .header-wrapper .mega-menu button .mdi-icon {
  margin: 0;
}
@media all and (max-width: 719px) {
  #gartner-header .header-wrapper .hide-menu .mega-menu,
  #app-root .header-wrapper .hide-menu .mega-menu {
    display: none;
  }
  #gartner-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) {
  #gartner-header .header-wrapper .nav-icons,
  #app-root .header-wrapper .nav-icons,
  #gartner-header .header-wrapper .txt-menu,
  #app-root .header-wrapper .txt-menu {
    display: none;
  }
  #gartner-header .header-wrapper .search-input input,
  #app-root .header-wrapper .search-input input {
    padding-left: 0;
  }
  #gartner-header .header-wrapper .typeAheadInputContainer,
  #app-root .header-wrapper .typeAheadInputContainer {
    float: right;
    position: relative;
    z-index: 10;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    transition: 0.2s linear;
  }
  #gartner-header .header-wrapper .search-icon,
  #app-root .header-wrapper .search-icon,
  #gartner-header .header-wrapper .adv-search,
  #app-root .header-wrapper .adv-search {
    display: none;
  }
  #gartner-header .header-wrapper .back-icon,
  #app-root .header-wrapper .back-icon {
    margin-left: 6px;
    margin-top: 2px;
  }
  #gartner-header .header-wrapper .for-mobile,
  #app-root .header-wrapper .for-mobile {
    width: 32px;
    height: 32px;
    float: right;
    fill: #eee;
    position: absolute;
    right: 21px;
    top: 17px;
    opacity: 1;
  }
  #gartner-header .header-wrapper .searchMobile,
  #app-root .header-wrapper .searchMobile {
    position: relative;
  }
  #gartner-header .header-wrapper .searchMobile .typeAheadInputContainer,
  #app-root .header-wrapper .searchMobile .typeAheadInputContainer {
    width: 100%;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    transition: 0.2s linear;
  }
  #gartner-header .header-wrapper .searchMobile .adv-search,
  #app-root .header-wrapper .searchMobile .adv-search {
    white-space: nowrap;
    display: block;
  }
  #gartner-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) {
  #gartner-header .header-wrapper .back-icon,
  #app-root .header-wrapper .back-icon,
  #gartner-header .header-wrapper .for-mobile,
  #app-root .header-wrapper .for-mobile {
    display: none;
  }
}
@media all and (min-width: 960px) and (max-width: 1023px) {
  #gartner-header .header-wrapper .search-typeahead,
  #app-root .header-wrapper .search-typeahead {
    padding-right: 32px;
    padding-left: 16px;
  }
  #gartner-header .header-wrapper .nav-icons,
  #app-root .header-wrapper .nav-icons {
    padding-left: 0;
  }
  #gartner-header .header-wrapper .header-icons li a,
  #app-root .header-wrapper .header-icons li a,
  #gartner-header .header-wrapper .header-icons li.main-li button,
  #app-root .header-wrapper .header-icons li.main-li button {
    font-size: 11px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
  #gartner-header .header-wrapper .search-typeahead,
  #app-root .header-wrapper .search-typeahead {
    padding-right: 32px;
  }
  #gartner-header .header-wrapper .nav-icons,
  #app-root .header-wrapper .nav-icons {
    padding-left: 0;
  }
}
.mega-menu {
  padding-top: 19px;
  padding-bottom: 16px;
}
.mega-menu .menuButton {
  color: #eee;
  border-radius: 2px;
  font-size: 12px;
  line-height: normal;
  font-weight: normal;
  min-height: 32px;
  margin-right: 16px;
  min-width: auto;
}
.mega-menu .menuButton .txt-menu {
  display: none;
}
.mega-menu .gartner-lg {
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}
.nav-icons {
  padding-left: 24px;
}
.nav-icons .header-icons li.main-li {
  max-width: 70px;
}
.header-icons {
  display: flex;
  display: -ms-flexbox;
  width: 100%;
  height: 80px;
}
.header-icons li:first-child {
  margin-left: auto;
}
.header-icons li.main-li {
  text-align: center;
  font-size: 12px;
  color: #eeeeee;
  display: inline-block;
  width: 70px;
}
.header-icons li.main-li.notification-li {
  position: relative;
}
.header-icons li.main-li.notification-li .red-dot-icon {
  font-size: 16px;
  color: #DE0A01;
  padding: 1px;
  position: absolute;
  right: 10px;
  top: 7px;
}
.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: flex;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #eeeeee;
  border: none;
  border-bottom: solid #002856 4px;
  letter-spacing: normal;
  border-radius: 0;
  box-sizing: border-box;
}
.header-icons li.main-li > a:hover,
.header-icons li.main-li > button:hover {
  text-decoration: none;
}
.header-icons li.main-li > a:focus,
.header-icons li.main-li > button:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.header-icons li.main-li > a > span,
.header-icons li.main-li > button > span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 10px;
}
.header-icons li.main-li > a > span svg,
.header-icons li.main-li > button > span svg {
  font-size: 24px;
}
.header-icons li.main-li:not(.active) > a:hover,
.header-icons li.main-li:not(.active) > button:hover {
  cursor: pointer;
  border-bottom-color: #ff540a;
  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: #ff540a;
  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: #ff540a;
}
.header-icons li.main-li .nav-label {
  display: block;
  margin-top: 4px;
  white-space: nowrap;
  line-height: 24px;
}
.header-icons li.main-li .my-profile-icon {
  width: 24px;
  height: 24px;
  background: #eee;
  border-radius: 50%;
  display: inline-block;
  border: none;
  overflow: hidden;
}
.header-icons li.main-li .my-profile-icon img {
  width: auto;
  height: 100%;
}
.header-icons li.main-li .my-profile-icon .user-initial {
  line-height: 24px;
  text-align: center;
  background-color: #ff540a;
  color: #ffffff;
  font-size: 20px;
}
.header-icons li.main-li .menu-down-arrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #eee;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header-icons li.main-li > a,
  .header-icons li.main-li > button {
    height: 95%;
  }
  .header-icons li.main-li > a .red-dot-icon,
  .header-icons li.main-li > button .red-dot-icon {
    right: -4px;
  }
}
.hdr-dropdown_font-family-line-height {
  font-family: 'Gartner sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: normal;
}
body #navicon-tooltip .navicon-tooltip {
  width: auto;
  background-color: #424242;
  padding: 10px 16px;
  border-radius: 12px;
  border: solid 1px #979797;
  font-size: 14px;
  margin-top: 2px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #eeeeee;
}
body a {
  color: #0a6abb;
  text-decoration: none;
}
body .hdr-dropdown {
  font-size: 14px;
  line-height: normal;
  color: #424242;
  width: 350px;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-radius: 0px;
  text-align: left;
}
body .hdr-dropdown .heading {
  font-family: 'Gartner sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: normal;
  color: #212121;
  font-size: 14px;
  font-weight: 300;
  background-color: #f5f5f5;
  padding: 32px 16px 34px 24px;
  border-bottom: solid 1px #bdbdbd;
}
body .hdr-dropdown .heading h5 {
  font-family: 'Gartner sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: normal;
  color: #212121;
  font-size: 20px;
  margin-bottom: 0;
  text-transform: capitalize;
  font-weight: bold;
}
body .hdr-dropdown .heading span {
  padding-top: 16px;
  display: block;
  font-weight: 400;
}
body .hdr-dropdown ul:not(.child-list) > li:not(:last-child) {
  border-bottom: solid 1px #bdbdbd;
}
body .hdr-dropdown ul li {
  padding: 17px 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 .li-icon {
  margin-right: 10px;
  background-color: #002856;
  padding: 9px;
  border-radius: 33px;
  font-size: 16px;
  width: 24px;
  height: 24px;
  box-sizing: content-box;
}
body .hdr-dropdown ul.parent-list li .li-icon svg {
  width: 100%;
  height: 100%;
}
body .hdr-dropdown ul.parent-list li .li-link {
  display: flex;
  flex-direction: column;
}
body .hdr-dropdown ul.parent-list li .li-link .sub-detail {
  font-size: 16px;
  color: #212121;
  margin-bottom: 4px;
}
body .hdr-dropdown ul.parent-list li .li-link .sub-detail + a {
  color: #0a6abb;
}
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: 11px 24px 11px 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;
}
body #notification-dropdown {
  max-height: calc(100vh - 79px);
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.22);
}
body #notification-dropdown .hdr-dropdown {
  min-width: 448px !important;
}
body #notification-dropdown .hdr-dropdown .more-icon-button {
  padding: 4px;
  color: #0a6abb;
}
body #notification-dropdown .hdr-dropdown .more-icon-button:hover {
  background-color: #e0e0e0;
}
body #notification-dropdown .hdr-dropdown .heading-section {
  padding: 24px 28px 12px 24px;
  background-color: #e0e0e0;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #bdbdbd;
}
body #notification-dropdown .hdr-dropdown .heading-section .heading {
  margin-bottom: 0;
}
body #notification-dropdown .hdr-dropdown .heading-section .heading h5 {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #000000;
}
body #notification-dropdown .hdr-dropdown .heading-section .right-button .more-icon-button:hover {
  background-color: #ffffff;
}
body #notification-dropdown .hdr-dropdown .notification-items-list {
  min-height: 126px;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notifications-loader {
  margin-top: 40px;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .no-notifications {
  display: flex;
  align-items: center;
  min-height: 126px;
  padding-top: 0;
  padding-right: 16px;
  padding-left: 16px;
  text-align: left;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .no-notifications p {
  margin: 0;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item {
  padding: 16px 24px 16px 30px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  align-items: flex-start;
  min-height: 116px;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item:hover {
  background-color: #f5f5f5;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item.read .right-section .content-section h5,
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item.read .right-section .content-section .description,
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item.read .right-section .content-section a.fullAnchor {
  color: #424242;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item.read .right-section .content-section .description .resetButton {
  cursor: default;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .left-section {
  padding-right: 12px;
  position: relative;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .left-section .red-dot-icon {
  position: absolute;
  color: #DE0A01;
  padding: 0px;
  font-size: 18px;
  top: 2px;
  right: 11px;
  border-radius: 50%;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .left-section svg.notification-icon {
  padding: 8px;
  background-color: #002856;
  border-radius: 50%;
  color: #fff;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .right-section .content-section {
  padding-left: 0;
  padding-right: 0;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .right-section .content-section .heading {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  margin-bottom: 0;
  color: #000000;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .right-section .content-section .date-time-ago {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 14px;
  letter-spacing: normal;
  color: #616161;
  margin: 6px 0 8px;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .right-section .content-section .description {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #424242;
  margin-top: 4px;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .right-section .content-section .description a.fullAnchor {
  color: #424242;
  text-decoration: none;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .right-section .content-section .description .resetButton {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: normal;
  color: #424242;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .right-section .content-section .cta-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .right-section .content-section .cta-container a.notificationCardItemCTA {
  border: 2px solid #0a6abb;
  color: #0a6abb;
  font-weight: bold;
  padding: 8px 24px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  margin-top: 10px;
}
body #notification-dropdown .hdr-dropdown .notification-items-list .notification-list-item .right-section .more-icon-button {
  position: absolute;
  right: 28px;
  top: 10px;
}
body #notification-dropdown .hdr-dropdown .dropdown-menu-container {
  min-width: 400px;
  background-color: #ffffff;
}
body #notification-dropdown .hdr-dropdown .dropdown-menu-container .top-heading {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.17;
  letter-spacing: 0.8px;
  color: #d64000;
  margin-bottom: 4px;
  text-transform: uppercase;
}
body #notification-dropdown .hdr-dropdown .dropdown-menu-container .heading {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #212121;
  background-color: transparent;
  border-bottom: 0;
  padding: 0;
}
body #notification-dropdown .hdr-dropdown .dropdown-menu-container .description {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #424242;
}

.proxy-alert-bar {
  background-color: #fbd870;
  padding: 10px 21px 6px 15px;
}
.proxy-alert-bar .proxy-alert-bar-left {
  float: left;
}
.proxy-alert-bar .proxy-alert-bar-right {
  float: right;
}
.proxy-alert-bar a {
  font-weight: 500;
  color: #212121 !important;
}
.proxy-alert-bar .button-close-proxy {
  padding: 0px;
  min-width: auto;
  margin-left: 10px;
}
.header-wrapper.proxy-mode ~ #gartner-feed .main-wrapper {
  padding-top: 64px;
}
.header-wrapper.proxy-mode .header-grid {
  position: relative;
}
.header-wrapper.proxy-mode .header-grid .for-mobile {
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .proxy-alert-bar .proxy-alert-bar-left,
  .proxy-alert-bar .proxy-alert-bar-right {
    float: none;
  }
  .proxy-alert-bar .proxy-alert-bar-left {
    margin-bottom: 20px;
  }
  .header-wrapper.proxy-mode ~ #gartner-feed .main-wrapper {
    padding-top: 108px;
  }
}
@media only screen and (max-width: 959px) {
  .header-wrapper.proxy-mode .for-mobile {
    margin-top: 40px;
  }
}

@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 .thead-freeze h7,
.readerV2.react #newReader .gartner-table .thead-freeze h7 {
  font-style: normal;
  font-weight: normal;
}
.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: 8px !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: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #0a6abb;
  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 .enlarge-table:focus,
.readerV2.react #newReader .gartner-table .enlarge-table:focus {
  background: #eeeeee;
}
.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-table .thead-freeze,
.readerV2.react #newReader .gartner-table .gartner-root-table .thead-freeze {
  position: sticky;
  top: 0;
  background: #fff;
}
.readerV2.react .gartner-table .gartner-root-table .thead-freeze th.td-wrap,
.readerV2.react #newReader .gartner-table .gartner-root-table .thead-freeze th.td-wrap {
  border: 0px;
}
.readerV2.react .gartner-table .gartner-root-table .thead-freeze th:first-child,
.readerV2.react #newReader .gartner-table .gartner-root-table .thead-freeze th:first-child {
  width: 14%;
}
.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 .gartner-table button,
.readerV2.react #newReader .gartner-table button {
  color: #424242;
}
.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: #0a6abb;
}

@charset "UTF-8";
.readerV2.react #newReader .tableadvance .enlarge-table,
body .tableadvance .enlarge-table {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #0a6abb;
  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 .enlarge-table:focus,
body .tableadvance .enlarge-table:focus {
  background: #eeeeee;
}
.readerV2.react #newReader .tableadvance button,
body .tableadvance button {
  color: #424242;
}
.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: #0a6abb;
  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: #0a6abb;
  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: #0a6abb;
}
.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";
/* Begin CSS reset code --------------------------------------------------------------*/
html,
body {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a img {
  border: none;
}
form,
ul,
ol {
  margin: 0;
  padding: 0;
}
li {
  list-style: none outside none;
}
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;
  }
}
div#gartner-header a,
div#app-footer a {
  text-decoration: none;
}
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('/assets/fonts/roboto-regular-webfont.eot');
  src: url('/assets/fonts/roboto-regular-webfont.eot') format('embedded-opentype'), url('/assets/fonts/roboto-regular-webfont.woff2') format('woff2'), url('/assets/fonts/roboto-regular-webfont.woff') format('woff'), url('/assets/fonts/roboto-regular-webfont.ttf') format('truetype'), url('/assets/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gartner sans';
  src: url('/assets/fonts/roboto-light-webfont.eot');
  src: url('/assets/fonts/roboto-light-webfont.eot') format('embedded-opentype'), url('/assets/fonts/roboto-light-webfont.woff2') format('woff2'), url('/assets/fonts/roboto-light-webfont.woff ') format('woff'), url('/assets/fonts/roboto-light-webfont.ttf') format('truetype'), url('/assets/fonts/roboto-light-webfont.svg#robotolight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gartner sans';
  src: url('/assets/fonts/roboto-medium-webfont.eot');
  src: url('/assets/fonts/roboto-medium-webfont.eot') format('embedded-opentype'), url('/assets/fonts/roboto-medium-webfont.woff') format('woff'), url('/assets/fonts/roboto-medium-webfont.ttf') format('truetype'), url('/assets/fonts/roboto-medium-webfont.svg#robotobold') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gartner sans';
  src: url('/assets/fonts/roboto-bold-webfont.eot');
  src: url('/assets/fonts/roboto-bold-webfont.eot') format('embedded-opentype'), url('/assets/fonts/roboto-bold-webfont.woff2') format('woff2'), url('/assets/fonts/roboto-bold-webfont.woff') format('woff'), url('/assets/fonts/roboto-bold-webfont.ttf') format('truetype'), url('/assets/fonts/roboto-bold-webfont.svg#robotobold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Gartner sans';
  src: url('/assets/fonts/roboto-italic-webfont.eot');
  src: url('/assets/fonts/roboto-italic-webfont.eot') format('embedded-opentype'), url('/assets/fonts/roboto-italic-webfont.woff2') format('woff2'), url('/assets/fonts/roboto-italic-webfont.woff') format('woff'), url('/assets/fonts/roboto-italic-webfont.ttf') format('truetype'), url('/assets/fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Gartner sans condensed';
  src: url('/assets/fonts/robotocondensed-regular-webfont.eot');
  src: url('/assets/fonts/robotocondensed-regular-webfont.eot') format('embedded-opentype'), url('/assets/fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('/assets/fonts/robotocondensed-regular-webfont.woff') format('woff'), url('/assets/fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('/assets/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'si';
  src: url('/assets/fonts/socicon.eot');
  src: url('/assets/fonts/socicon.eot?') format('embedded-opentype'), url('/assets/fonts/socicon.woff') format('woff'), url('/assets/fonts/socicon.ttf') format('truetype'), url('/assets/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('/assets/fonts/socicon.svg') format(svg);
  }
}
@font-face {
  font-family: 'Gartner';
  src: url('/assets/fonts/Gartner.eot');
  src: url('/assets/fonts/Gartner.eot') format('embedded-opentype'), url('/assets/fonts/Gartner.woff') format('woff'), url('/assets/fonts/Gartner.ttf') format('truetype'), url('/assets/fonts/Gartner.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body.react .spriteV2 {
  background: url('/assets/images/sprites/globalV2.png') 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 a:focus .logo {
  outline: 1px solid #fff;
}
body.react .logo-container a .logo {
  width: 75px;
  height: 22px;
  vertical-align: top;
  display: block;
  margin-top: 24px;
  margin-left: 24px;
  background: url('/assets/images/sprites/header.png') 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("/imagesrv/apps/gproduct/images/icons/home/icon-search.png") 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('/assets/images/sprites/header.png') 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('/imagesrv/apps/gproduct/images/connect/icons.png') 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("/imagesrv/apps/common/images/popover/flyout_arrow_bottom.png") 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;
}
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);
  color: #DE0A01;
}
body.react .share-modal .envelope {
  background: url(/imagesrv/apps/common/images/sprites/global_icon_1x.png) 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;
  padding: 0;
}
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(/imagesrv/apps/common/images/sprites/global_icon_1x.png) 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: 0.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 .share-me .btn-cancel.btn-thank-you {
  background-color: #0a6abb;
  color: #fff;
  border-radius: 2px;
  margin-right: 20px;
}
body.react .share-modal .dialog-box .close-icon {
  top: 0;
  color: #000;
  opacity: 0.3;
  padding: 8px 16px;
  display: none;
}
body.react .share-modal #autoSuggest {
  padding-top: 0px;
  padding-bottom: 0;
  box-sizing: content-box;
  height: auto;
}
body.react .share-modal #autoSuggest .selectedValue {
  margin-right: 5px;
}
body.react .share-modal #autoSuggest .Select-create-option-placeholder {
  display: none;
}
body.react .share-modal #autoSuggest .selectListMenu {
  height: auto;
  display: block;
}
body.react .share-modal #autoSuggest .selectListMenu:hover {
  background-color: #f5f5f5 !important;
}
body.react .share-modal #autoSuggest .selectListMenu .optionItem {
  width: 100%;
  display: inline-flex;
}
body.react .share-modal #autoSuggest .selectListMenu .optionItem .optionCheck {
  width: 10%;
}
body.react .share-modal #autoSuggest .selectListMenu .optionItem .optionData {
  width: 90%;
  font-size: 14px;
  line-height: normal;
}
body.react .share-modal #autoSuggest .selectListMenu .optionItem .optionData .optionEmail {
  font-size: 12px;
}
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: 0px auto 20px;
}
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: 70vh;
}
body.react .global-dialog-hide {
  display: none;
}
body.react .dialog-box .lg-tool-tip-wrapper {
  margin-top: -82px;
  position: absolute;
  top: 0;
  right: 29%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}
body.react .dialog-box .dd-hover-tooltip {
  background-color: #EEEEEE;
  padding: 10px;
}
body.react .dialog-box .dd-hover-tooltip p {
  color: black;
  margin-bottom: 0px;
  text-align: center;
}
body.react .dialog-box .lg-tool-tip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #EEEEEE transparent transparent transparent;
  margin-left: auto;
  margin-right: auto;
}
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 .dialog-box .close-dialog-link {
  float: right;
  margin-bottom: 12px;
  margin-right: 24px;
  text-decoration: none;
  cursor: pointer;
}
body.react .gartner-popover {
  overflow: visible !important;
  position: absolute;
  z-index: 1200;
}
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.1;
}
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.1;
}
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.1;
}
body.react .gartner-popover.placement-right .gartner-popover-border {
  top: 18px;
}
body.react .fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
body.react .fade.in {
  opacity: 1;
  outline: 0;
}
body.react button.spriteV2 {
  border: 0;
}
body.react .error-container {
  width: 50%;
  margin: 0 auto;
  margin-top: 50px;
}
body.react .download-progress {
  color: #7ED321;
}
.broken-image[alt] {
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
.broken-image[alt]:after {
  content: attr(alt);
  visibility: visible;
}

.custom-research-pages {
  min-height: 100%;
}
.custom-research-pages .main-wrapper .Loading-Card {
  margin-bottom: 24px;
}
.custom-research-pages .pageWrapper {
  width: 100%;
}
.custom-research-pages .top-section-researchKI {
  padding-top: 16px;
}
.custom-research-pages .top-section-researchKI h1,
.custom-research-pages .top-section-researchKI h3 {
  color: #002856;
}
.custom-research-pages .top-section-researchKI h1 {
  padding-top: 18px;
  margin-bottom: 8px;
}
.custom-research-pages .top-section-researchKI h3 {
  font-weight: 300;
  margin-bottom: 0;
}
.custom-research-pages .top-section-researchKI .title-sub {
  padding-right: 16px;
  position: relative;
}
.custom-research-pages .top-section-researchKI .img-section img {
  max-width: 100%;
}
.custom-research-pages .top-section-researchKI .vertical-line-left,
.custom-research-pages .top-section-researchKI .vertical-line-right {
  width: 12px;
  height: 82%;
  background-color: #ff540a;
  position: absolute;
  top: 20px;
}
.custom-research-pages .top-section-researchKI .vertical-line-left {
  left: -43px;
}
.custom-research-pages .top-section-researchKI .vertical-line-right {
  right: -28px;
}
.custom-research-pages .header-subtitle {
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 24px;
}
.custom-research-pages .list-container {
  padding: 40px 0px 100px;
}
.custom-research-pages .list-container .right-list p {
  margin-left: 16px;
}
.custom-research-pages .list-container p {
  margin-bottom: 8px;
  padding-right: 16px;
}
.custom-research-pages .list-container .description {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.custom-research-pages .list-container .description p {
  margin-bottom: 16px;
}
.custom-research-pages .list-container .description ul {
  padding: 20px 0 20px 40px;
}
.custom-research-pages .list-container .description ul li {
  list-style: disc;
}
.custom-research-pages .error-page {
  background-color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 24px;
  padding-bottom: 120px;
  padding-top: 120px;
  text-align: center;
}
.custom-research-pages .error-page p {
  margin-left: 24px;
  margin-right: 24px;
}
.custom-research-pages .research-heading {
  color: #ffffff;
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
  margin-bottom: 48px;
  padding: 56px 12px 22px;
  text-align: center;
}
.custom-research-pages .video-link::after {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #0a6bbb;
  display: inline-block;
  margin-left: 10px;
  vertical-align: initial;
}
@media all and (max-width: 1280px) {
  .custom-research-pages .list-container .subtitle {
    padding: 0px;
  }
}
@media all and (max-width: 1210px) {
  .custom-research-pages .top-section-researchKI h1 {
    font-size: 28px;
    line-height: 34px;
  }
  .custom-research-pages .top-section-researchKI h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media all and (max-width: 959px) {
  .custom-research-pages .list-container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (max-width: 768px) {
  .custom-research-pages .top-section-researchKI h1 {
    font-size: 24px;
    line-height: 30px;
  }
  .custom-research-pages .top-section-researchKI h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .custom-research-pages .top-section-researchKI .vertical-line-left,
  .custom-research-pages .top-section-researchKI .vertical-line-right {
    top: 15px;
  }
}
@media all and (max-width: 700px) {
  .custom-research-pages .top-section-researchKI {
    padding-left: 4px;
  }
  .custom-research-pages .top-section-researchKI h1 {
    font-size: 38px;
    line-height: 48px;
    padding-top: 0;
  }
  .custom-research-pages .top-section-researchKI h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .custom-research-pages .top-section-researchKI .img-section,
  .custom-research-pages .top-section-researchKI .spacer {
    display: none;
  }
  .custom-research-pages .top-section-researchKI .title-sub {
    padding-right: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
  .custom-research-pages .top-section-researchKI .vertical-line-left,
  .custom-research-pages .top-section-researchKI .vertical-line-right {
    position: initial;
    display: inline-block;
    height: 100%;
  }
  .custom-research-pages .top-section-researchKI .vertical-line-left {
    margin-right: 16px;
  }
  .custom-research-pages .top-section-researchKI .vertical-line-right {
    margin-left: 16px;
  }
  .custom-research-pages .top-section-researchKI .txt-section {
    width: 90%;
    vertical-align: top;
    display: inline-block;
  }
}
@media all and (max-width: 599px) {
  .custom-research-pages .top-section-researchKI h1 {
    font-size: 28px;
    line-height: 34px;
  }
  .custom-research-pages .top-section-researchKI h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .custom-research-pages .list-container {
    padding: 24px 16px 48px 32px;
  }
}
@media all and (max-width: 591px) {
  .custom-research-pages .top-section-researchKI .txt-section {
    width: 85%;
  }
}
@media all and (max-width: 408px) {
  .custom-research-pages .top-section-researchKI .txt-section {
    width: 83%;
  }
}
.disclaimerPopUp.custom-research-modal .reviewMsgContent {
  overflow: auto;
  padding-bottom: 16px;
}
.disclaimerPopUp.custom-research-modal .header {
  box-shadow: none;
}
.disclaimerPopUp.custom-research-modal .header h2 {
  padding-right: 40px;
}
.disclaimerPopUp.custom-research-modal ul.bullets-yes li:before {
  content: none;
}
.disclaimerPopUp.custom-research-modal ul.bullets-yes > li {
  list-style-type: disc;
}
@media all and (max-width: 600px) {
  .disclaimerPopUp.custom-research-modal .close-icon {
    display: none;
  }
}
@media all and (max-width: 600px) {
  .disclaimerModal {
    margin: 48px 24px;
  }
}

@charset "UTF-8";
.video-section {
  margin-top: 50px;
  margin-bottom: 100px;
}
.video-section .vimeo-video,
.video-section .kaltura-video {
  max-width: 746px !important;
  margin-bottom: 0;
  border: '1px solid black';
  cursor: pointer;
}
.video-section .video-title {
  color: white;
  position: absolute;
  margin-top: -120px;
  font-size: 24px;
  margin-left: 32px;
}
.video-section .video-list {
  cursor: pointer;
}
.video-section .video-list .add-border {
  border: 3px #696969 solid;
}
.video-section .video-list .single-video-list {
  background-color: #f5f5f5;
  padding: 16px;
  margin-bottom: 5px;
}
.video-section .video-list .single-video-list h4 {
  font-size: 16px;
  margin-bottom: 0;
  display: inline-block;
  padding-right: 8px;
}
.video-section .video-list .single-video-list .dot {
  font-size: 72px;
  margin-left: -4px;
  float: left;
  margin-bottom: 0;
}
.video-section .video-list .single-video-list .speaker-section .speaker-name {
  font-size: 14px;
  display: inline;
}
.video-section .video-list .single-video-list .speaker-section .speaker-name a {
  cursor: pointer;
}
.video-section .video-list .single-video-list .video-length {
  margin-bottom: 0px;
  font-size: 14px;
  float: right;
}

@charset "UTF-8";
.react .new-add-new-folder-lable {
  color: black;
  font-size: 18px;
  height: 24px;
  padding: 15px 0;
  display: inline-block;
  font-weight: 600;
}
.react .new-close-button {
  cursor: pointer;
  right: 0;
  position: absolute;
  margin-top: 8px;
}
.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 .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 !important;
}
.react .reader-library-add-popover-button .add-bookmark-icon {
  fill: #0a6abb;
}
.react #addedIcon-text {
  display: block;
  font-size: 10px;
  margin-top: 6px;
  color: rgba(0, 0, 0, 0.54);
  text-transform: uppercase;
  font-weight: 600;
  line-height: 10px;
}
.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 .backbutton-topsection {
  margin-top: -3px;
}
.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;
  right: 0px;
  position: absolute;
  margin-top: 10px;
}
.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 .add-to-library-folder-root {
  margin-left: 15px;
  margin-right: 20px;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root div:before {
  border-bottom: 0;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root label {
  padding: 0px 6px;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  top: -4px;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root label.error-message {
  color: #DE0A01;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root input {
  margin: 0;
}
.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;
  vertical-align: bottom;
}
.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 .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: 295px;
}
.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: 16px;
}
.react .library-tabcontainer .react-library-folder:focus,
.react .tab-expand .react-library-folder:focus,
.react .tab-short .react-library-folder:focus {
  background: #eeeeee;
  outline: 0;
}
.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: 18px 8px 0 24px;
}
.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;
  display: block;
  overflow: hidden;
}
.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: 24px;
  height: 24px;
  float: left;
  vertical-align: top;
  font-size: 10px;
  fill: #b6c3ca;
}
.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 {
  float: left;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  padding-left: 16px;
  width: 224px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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;
  margin: 0;
  padding-left: 16px;
  display: inline-block;
}
@media all and (max-width: 599px) {
  .react .gartner-popover.reader-library-main-popover {
    right: 4% !important;
    left: auto !important;
    width: 92%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right {
    width: 100%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .folder-name {
    width: auto;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .add-new-folder-button {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .library-added-popover-searchbar .library-search-form {
    width: 75%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .library-added-popover-searchbar .library-search-form .add-to-library-folder-root {
    max-width: 90%;
    margin: 0 5%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .library-added-popover-searchbar .popover-searchbar-button {
    width: 20%;
    margin-left: 3%;
    margin-top: 19px;
  }
}
.ki-link-group {
  font-size: 14px;
  line-height: 22px;
  color: #616161;
}
.ki-link-group ul,
.ki-link-group li {
  display: inline;
}
.ki-link-group li:not(:last-child)::after {
  content: '; ';
  color: #0a6abb;
}
.ki-link-group .ki-link,
.ki-link-group .ki-link-group__show-more {
  margin-bottom: 8px;
  font-size: 14px;
  color: #0a6abb;
}
.ki-link-group .ki-link-group__show-more {
  background: transparent;
  cursor: pointer;
  border: none;
  font-weight: bold;
}
.ki-link-group .ki-link-group__show-more:hover {
  text-decoration: underline;
}
body.react .steps-content {
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  color: #212121;
}
body.react .steps-content p {
  max-width: 328px;
  margin-bottom: 8px;
}
body.react .steps-content button {
  background: #0a6abb;
  color: #fff;
  border-radius: 2px;
  float: right;
  margin-left: 8px;
  padding: 0;
}
body.react .steps-content button svg {
  font-size: 2rem;
}
body.react .steps-content button:hover {
  background-color: rgba(10, 106, 187, 0.2);
}
body.react .steps-content button:disabled {
  color: #fff;
  background-color: rgba(10, 106, 187, 0.2);
}
body.react .steps-content .steps-count {
  color: #616161;
  padding-top: 10px;
  display: inline-block;
}
body.react .steps-content .steps-body {
  padding-bottom: 8px;
}
body.react .notifications-modal .dialog-box .close-icon {
  top: 0;
  right: 5px;
  color: #757575;
  font-size: 32px;
}
body.react .notifications-modal.multi-entitlement-notification-dailog {
  max-width: 824px;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog {
  padding: 30px 40px;
  background-color: #fafafa;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .titleSection h1 {
  font-size: 34px;
  color: #002856;
  line-height: 1.41;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .topSection p {
  font-size: 16px;
  line-height: 24px;
  color: #212121;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection {
  max-height: 322px;
  margin-bottom: 20px;
  overflow: auto;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection .premium-lc-section .premium-content .premium-practice-header {
  background-color: #eeeeee;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection .premium-lc-section .premium-content .premium-practice-header h4 {
  font-size: 14px;
  color: #212121;
  padding: 9px 24px;
  margin-bottom: 0;
  text-transform: uppercase;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection .premium-lc-section .premium-content .premium-list {
  padding: 18px 24px;
  background-color: #fff;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection .premium-lc-section .premium-content .premium-list .single-premium-sub-section {
  margin-left: 24px;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection .premium-lc-section .premium-content .premium-list .single-premium-sub-section .sub-text-intro,
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection .premium-lc-section .premium-content .premium-list .single-premium-sub-section .sub-text-content {
  font-size: 14px;
  line-height: 24px;
  color: #757575;
  margin-bottom: 0;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection .premium-lc-section .premium-content .premium-list .premium-practice-li a {
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection .single-practice-section .single-practice-header {
  background-color: #eeeeee;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection .single-practice-section .single-practice-header h4 {
  font-size: 14px;
  color: #212121;
  padding: 9px 24px;
  margin-bottom: 0;
  text-transform: uppercase;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection .single-practice-section .single-practice-ul {
  padding: 18px 24px;
  background-color: #fff;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .scrollMembershipSection .single-practice-section .single-practice-ul .single-practice-li a {
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
}
body.react .notifications-modal.multi-entitlement-notification-dailog .set-default-program-dailog .footerSection p {
  font-size: 16px;
  line-height: 24px;
  color: #212121;
}
#gartner-feed {
  background: #fafafa;
}
#gartner-feed + footer.feedOnly {
  display: none;
}
.feedEnd {
  font-size: 12px;
  text-align: center;
  border-bottom: 4px solid #cccccc;
  line-height: 0px;
  margin: 10px 0 20px;
  padding-top: 10px;
}
.feedEnd span {
  color: #616161;
  background: #fafafa;
  padding: 0 10px;
}
.main-feed {
  padding-left: 12px;
  padding-right: 8px;
  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: 16px 24px 24px 24px;
}
.main-feed .card .content.has-image {
  margin-right: 200px;
}
.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.peer-connect h3:before,
.main-feed .card .content.peer-connect h3:after {
  content: '"';
}
.main-feed .card .content.peer-connect .label {
  padding-left: 36px;
  height: 24px;
  background: url('data:image/svg+xml,%3Csvg viewBox="0 0 22 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Ctitle%3EIcons / Peer Connect%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3Cpath d="M19.9752334,1.9823541 C18.6227416,0.66051927 16.8498107,0 15.0764817,0 C13.303949,0 11.5314163,0.66051927 10.1785263,1.9823541 C8.92994979,3.20266245 8.2646528,4.77333666 8.16909848,6.37068646 L0,6.37068646 L0,17.1213443 L2.85269474,17.1213443 L2.85269474,19.9083454 L6.11229164,17.1213443 L7.53843993,17.1213443 L13.039582,17.1213443 L13.039582,13.2366628 C13.7024902,13.4353362 14.389685,13.537659 15.0764817,13.537659 C16.2490129,13.537659 17.4175627,13.2422368 18.467864,12.6649295 L21.992226,13.5257147 L21.1115336,10.0821757 C22.5962089,7.50300521 22.2219545,4.17731656 19.9752334,1.9823541 L19.9752334,1.9823541 Z M1.62999752,15.5283741 L11.4095845,15.5283741 L11.4095845,7.96325854 L1.62999752,7.96325854 L1.62999752,15.5283741 Z M18.8222113,10.4289583 C17.822076,11.4067975 16.4922783,11.9450869 15.0764817,11.9450869 C14.3657964,11.9450869 13.6762127,11.8085238 13.039582,11.5489346 L13.039582,6.37068646 L9.80148486,6.37068646 C9.89425218,5.18063697 10.4018845,4.01646678 11.3315485,3.10830255 C12.3316837,2.13086144 13.6618796,1.59257208 15.0764817,1.59257208 C16.4922783,1.59257208 17.822076,2.13086144 18.8222113,3.10830255 C20.8881754,5.12648952 20.8881754,8.41077129 18.8222113,10.4289583 L18.8222113,10.4289583 Z" id="path-1"%3E%3C/path%3E%3C/defs%3E%3Cg id="Homepage-all-resolutions" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"%3E%3Cg id="Homepage_1280_RR_PC&PI" transform="translate(-970.000000, -528.000000)"%3E%3Cg id="RR" transform="translate(969.000000, 136.000000)"%3E%3Cg id="Get-Advice" transform="translate(0.000000, 180.000000)"%3E%3Cg id="Peer-Connect-Communi-2" transform="translate(0.000000, 210.000000)"%3E%3Cg id="Icons-/-Peer-Connect"%3E%3Crect id="BG" x="0" y="0" width="24" height="24"%3E%3C/rect%3E%3Cg id="icon" stroke-width="1" fill-rule="evenodd" transform="translate(1.000000, 2.000000)"%3E%3Cmask id="mask-2" fill="white"%3E%3Cuse xlink:href="%23path-1"%3E%3C/use%3E%3C/mask%3E%3Cuse id="Mask" fill="%23FF540A" xlink:href="%23path-1"%3E%3C/use%3E%3Cg id="Fill-/-Brand-/-03-%23FF540A" mask="url(%23mask-2)" fill="%23FF540A"%3E%3Cg transform="translate(-1.000000, -2.000000)"%3E%3Cpolygon points="0 0 24 0 24 24 13.0137117 24 0 24"%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat left center;
}
.main-feed .card .content .card-metadata {
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: -12px 0 7px 0;
}
.main-feed .card .content .card-metadata .card-webinar-type {
  font-size: 10px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 2px;
  background-color: #535a5a;
  color: #fff;
  margin-right: 8px;
}
.main-feed .card .content .card-metadata .card-webinar-type.upcoming {
  background-color: #008556;
}
.main-feed .card .content .card-metadata .card-webinar-date,
.main-feed .card .content .card-metadata .card-webinar-time {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #616161;
}
.main-feed .card .content p {
  color: #424242;
}
.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 .dash,
.main-feed .card .tie-to .dash {
  padding: 0 10px;
}
.main-feed .card .img {
  float: right;
  max-width: 200px;
  max-height: 200px;
  margin-left: 40px;
  padding-bottom: 10px;
}
.main-feed .card .img img {
  max-width: 160px;
}
.main-feed .card h3 {
  font-size: 22px;
  line-height: 28px;
}
.main-feed .card .actions {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 0;
}
@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;
  margin: 0 4px;
}
.main-feed .card .actions a:last-child {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}
.main-feed .card .actions button,
.main-feed .card .actions span {
  font-size: 14px;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.main-feed .card .actions button {
  color: #0a6abb;
  padding: 0;
  margin: 0;
  min-width: inherit;
  display: inline-flex;
  align-items: center;
  letter-spacing: normal;
}
.main-feed .card .actions button:hover {
  text-decoration: underline;
  background-color: initial;
}
.main-feed .card .actions button:focus {
  outline: solid 2px #0A6ABB;
}
.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 .actions span {
  text-transform: initial;
}
.main-feed .card .actions .card-webinar-button {
  border-radius: 17.5px;
  border: solid 1px #d1460b;
  background-color: #ffffff;
  padding: 4px 15px 5px 11px;
  margin-right: 17px;
  cursor: pointer;
}
.main-feed .card .actions .card-webinar-button.disabled {
  border-color: #9e9e9e;
}
.main-feed .card .actions .card-webinar-button.disabled .card-webinar-button-icon {
  fill: #9e9e9e;
}
.main-feed .card .actions .card-webinar-button.disabled .card-webinar-button-text {
  color: #757575;
}
.main-feed .card .actions .card-webinar-button.disabled:hover {
  cursor: auto;
}
.main-feed .card .actions .card-webinar-button.disabled:hover .card-webinar-button-text {
  text-decoration: none;
}
.main-feed .card .actions .card-webinar-button:hover .card-webinar-button-text {
  text-decoration: underline;
}
.main-feed .card .actions .card-webinar-button .card-webinar-button-icon,
.main-feed .card .actions .card-webinar-button .card-webinar-button-text {
  vertical-align: middle;
  display: inline-block;
}
.main-feed .card .actions .card-webinar-button .card-webinar-button-icon {
  fill: #d1460b;
}
.main-feed .card .actions .card-webinar-button .card-webinar-button-text {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #d1460b;
  margin-left: 6px;
  padding-bottom: 1px;
}
.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.research,
.main-feed .card.tools-metrics {
  position: relative;
}
.main-feed .card.research .content .bg,
.main-feed .card.tools-metrics .content .bg,
.main-feed .card.research .content .img-container,
.main-feed .card.tools-metrics .content .img-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position-x: center;
}
.main-feed .card.research .content .bg img,
.main-feed .card.tools-metrics .content .bg img,
.main-feed .card.research .content .img-container img,
.main-feed .card.tools-metrics .content .img-container img {
  margin-left: 0;
  float: none;
  max-width: none;
  max-height: none;
  height: 100%;
}
.main-feed .card.research .actions,
.main-feed .card.tools-metrics .actions {
  border-top: 0;
  margin-right: 200px;
  padding-bottom: 7px;
}
.main-feed .card.tools-metrics .content {
  padding-bottom: 5px;
}
.main-feed .card.tools-metrics .content .label {
  margin-bottom: 16px;
}
.main-feed .card.tools-metrics h3 {
  padding-top: 16px;
}
.main-feed .card.tools-metrics .img {
  max-width: inherit;
  max-height: inherit;
}
.main-feed .card.tools-metrics .bg-wrapper {
  background-color: #fafafa;
  padding-left: 24px;
  padding-bottom: 24px;
  margin-left: -24px;
  margin-right: -24px;
}
.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) {
  .main-feed .card.tools-metrics .content .img {
    width: 160px;
  }
}
@media all and (max-width: 959px) {
  .main-feed {
    padding-left: 16px;
  }
  .main-feed .card .img {
    max-width: 160px;
    max-height: 160px;
  }
  .card.tools-metrics .bg {
    padding-bottom: 0;
  }
  .card.tools-metrics p {
    padding-right: 16px;
  }
  .card.tools-metrics .img-mobile {
    float: right;
    width: 100%;
  }
}
@media all and (max-width: 320px) {
  .main-feed .card h3 {
    font-size: 20px;
  }
}
@media all and (min-width: 768px) {
  #gartner-feed .right-rail {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .main-feed {
    padding-right: 16px;
    max-width: 100%;
    flex-basis: 100%;
  }
  .main-feed .card.research .content,
  .main-feed .card.tools-metrics .content {
    padding-bottom: 10px;
  }
  .main-feed .card.research .actions,
  .main-feed .card.tools-metrics .actions {
    padding-bottom: 12px;
    margin-right: 0px;
  }
}
@media all and (min-width: 645px) and (max-width: 767px) {
  .main-feed .card .img {
    display: block;
  }
}
@media all and (max-width: 599px) {
  .main-feed .card {
    margin-bottom: 16px;
  }
  .main-feed .card .content {
    padding-bottom: 8px;
  }
  .main-feed .card .content p {
    color: #000000;
  }
  .main-feed .card h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .main-feed .card .tie-to {
    margin-bottom: 8px;
  }
  .main-feed .card .actions a {
    padding-right: 20px;
  }
  .main-feed .card .actions button {
    font-size: 12px;
  }
  .main-feed .card .actions .mdi-icon {
    width: 22px;
    height: 22px;
    margin-right: 4px;
  }
  .main-feed .main-feed .card.research .content,
  .main-feed .main-feed .card.tools-metrics .content,
  .main-feed .main-feed .card.research .actions,
  .main-feed .main-feed .card.tools-metrics .actions {
    margin-right: 0;
  }
  .main-feed .main-feed .card.research .research-card-document-link,
  .main-feed .main-feed .card.tools-metrics .research-card-document-link {
    text-decoration: none !important;
  }
}
@media all and (max-width: 1279px) {
  #gartner-feed .left-rail {
    display: none;
  }
  .main-feed {
    padding-left: 16px;
  }
}

@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";
.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";
.react.readerV2 .top-section {
  position: relative;
}
.react.readerV2 .top-section h1 {
  margin-bottom: 16px;
}
.react.readerV2 .top-section .page-type {
  margin: 12px 0;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #ff540a;
  text-transform: uppercase;
}
.react.readerV2 .top-section .summary {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  color: #5c6970;
  margin-bottom: 32px;
  padding-top: 8px;
}
.react.readerV2 .top-section .ceb-pill,
.react.readerV2 .top-section .pill-display {
  display: inline-block;
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  color: #535a5a;
  border: 1px solid #535a5a;
  border-radius: 2px;
  padding: 3px 6px;
  margin-right: 8px;
  margin-bottom: 10px;
  text-transform: uppercase;
  box-sizing: border-box;
  letter-spacing: 0.03em;
}
.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 {
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
}
.react.readerV2 .top-section .foundational-btn {
  background-color: #002856;
  border-radius: 2px;
  font-size: 10px;
  line-height: 10px;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 6px;
  margin-right: 8px;
  letter-spacing: 0.03em;
}
.react.readerV2 .top-section .archived {
  display: inline-block;
  cursor: pointer;
}
.react.readerV2 .top-section .archived-btn {
  background-color: #424242;
  border-radius: 2px;
  font-size: 10px;
  line-height: 10px;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 6px;
  margin-right: 8px;
  letter-spacing: 0.03em;
  margin-bottom: 10px;
}
.react.readerV2 .top-section .pubInfo {
  color: #424242;
  margin-bottom: 8px;
}
.react.readerV2 .top-section hr {
  border: 0;
  border-top: solid 1px #0003;
  margin: 0;
  margin-bottom: 16px;
}
.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 a:focus {
  display: inline-block;
}
.react.readerV2 .top-section .level1 .download-box-link {
  display: flex;
}
.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,
.react.readerV2 .top-section .level1 .download-box .download-shareable-summary {
  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 {
  margin-top: 5px;
  float: left;
  width: 71%;
}
.react.readerV2 .top-section .level1 .download-box .launch-icon {
  fill: #0a6abb;
  margin-top: 10px;
}
.react.readerV2 .top-section .level1 .download-box .contact-us-icon {
  fill: #0a6abb;
  margin-top: 10px;
}
.react.readerV2 .top-section .level1 .download-box .download-shareable-summary {
  background-color: #d64000;
}
.react.readerV2 .top-section .level1 .download-box .download-shareable-summary .shareable-summary-icon {
  margin-top: 14px;
  width: 32px;
  margin-left: 6px;
}
.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 .level1 .shareable-summary-box {
  padding-top: 13px;
  background-color: #eeeeee;
  height: 45px;
  width: 300px;
}
.react.readerV2 .top-section .level1 .shareable-summary-box .shareable-summary-title {
  font-weight: bold;
  line-height: 1.19;
  color: #212121;
  font-size: 13px;
  margin-bottom: 6px;
}
.react.readerV2 .top-section .level1 .shareable-summary-box .shareable-summary-attachments {
  color: #757575;
  font-weight: 500;
  line-height: 1.36;
  font-size: 13px;
  width: 100%;
  text-transform: none;
  color: #4a4a4a;
}
.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 .updated-date {
  font-size: 14px;
  line-height: 22px;
  color: #d1460b;
  padding-left: 6px;
}
.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;
}
.react.readerV2 .top-section .ki-link-group,
.react.readerV2 .top-section .related {
  font-size: 16px;
  line-height: 24px;
  color: #212121;
  margin-bottom: 16px;
  display: block;
}
.react.readerV2 .top-section .ki-link-group .ki-link,
.react.readerV2 .top-section .ki-link-group .ki-link-group__show-more {
  font-size: 16px;
  padding-left: 4px;
  margin-bottom: 0px;
}
.react.readerV2 .top-section .related {
  color: #212121;
  margin-bottom: 16px;
}
.react.readerV2 .top-section .doc-relations .related-doc-list .list-doc {
  position: relative;
  line-height: inherit;
  margin-bottom: 8px;
  margin-left: 18px;
}
.react.readerV2 .top-section .doc-relations .related-doc-list .list-doc::before {
  content: '\25A0';
  color: #aebbc4;
  left: -18px;
  font-size: 14px;
  line-height: 24px;
  position: absolute;
}
.react.readerV2 .top-section .doc-relations .related-doc-list .list-doc:last-child {
  margin-bottom: 24px;
}
.react.readerV2 .top-section .doc-relations .related-doc-list .list-doc a {
  display: block;
}
.react.readerV2 .top-section .pills-tooltip {
  padding: 1rem;
  position: absolute;
  top: 10px;
  z-index: 99;
  left: 0;
  background: #fff;
  background-color: #353535;
  color: #fff;
}
.react.readerV2 .top-section .pills-tooltip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #353535;
  left: 10px;
  bottom: -10px;
}
.react.readerV2 .top-section .analyst-rail {
  display: flex;
  margin-top: 16px;
}
.react.readerV2 .top-section .analyst-rail .a-more {
  margin-bottom: 16px;
}
.react.readerV2 .top-section .analyst-rail .a-more a {
  cursor: pointer;
}
.react.readerV2 .top-section .analyst-rail .a-few {
  margin-right: 16px;
}
.react.readerV2 .top-section .analyst-rail .a-few .a-name {
  margin-left: 10px;
}
.react.readerV2 .top-section .a-few {
  margin-bottom: 18px;
  font-weight: 500;
}
.react.readerV2 .top-section .a-few.font-normal {
  font-weight: normal;
}
.react.readerV2 .top-section .a-few a {
  display: flex;
  font-size: 17px;
  line-height: 20px;
  color: #4a4a4a;
  font-weight: 500;
  cursor: pointer;
}
.react.readerV2 .top-section .a-few .a-title {
  font-size: 14px;
  line-height: 19px;
  display: block;
}
.react.readerV2 .top-section .a-few img {
  width: 40px;
  border-radius: 50%;
  background: #03afff;
  margin-bottom: 8px;
  display: block;
  border: none;
}
.react.readerV2 .in-person-event-container .top-section .summary {
  font-size: 28px;
  font-weight: 400;
  color: #212121;
}
.react.readerV2 .content-section .recommendations-sections .analyst-recommendations .toc-link-anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}

@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;
}

@charset "UTF-8";
body.react .info-card {
  padding: 32px 26px;
}
body.react .info-card .info-card-top {
  text-align: center;
}
body.react .info-card .info-card-top svg {
  fill: #e81159;
  width: 60px;
  height: 70px;
}
body.react .info-card.v2 .info-card-top svg {
  fill: #009ad7;
  width: 40px;
  height: 42px;
}
body.react .info-card.v2 .info-card-details .red-highlight {
  margin-bottom: 0px;
}
@media screen and (max-width: 959px) {
  body.react .info-card {
    min-height: auto;
    padding: 14px 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  body.react .info-card.v2 {
    min-height: 388px;
  }
}
@media screen and (max-width: 599px) {
  body.react .info-card.v2 {
    min-height: auto;
    padding: 14px 20px;
  }
}
body.react .help .main-wrapper {
  padding-top: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  max-width: none !important;
}
body.react .help .main-wrapper .help-section {
  padding-left: 0px;
  padding-right: 0px;
}
body.react .help .main-wrapper .help-section h1 {
  font-size: 52px;
}
body.react .help .main-wrapper .help-section h2 {
  margin-bottom: 33px;
  text-align: center;
}
body.react .help .main-wrapper .help-section h5 {
  text-transform: uppercase;
  margin-bottom: 10px;
}
body.react .help .main-wrapper .help-section p:not(:last-child) {
  margin-bottom: 30px;
}
body.react .help .main-wrapper .help-section .color-pink {
  color: #e81159;
}
body.react .help .main-wrapper .help-section .section-container {
  max-width: 1280px;
  margin: auto;
  padding-left: 16px;
  padding-right: 16px;
}
body.react .help .main-wrapper .help-section.banner .section-container {
  height: 100%;
}
body.react .help .main-wrapper .help-section.banner .section-container .section-banner {
  height: 100%;
}
body.react .help .main-wrapper .help-section.banner .section-container .section-banner .banner-link {
  cursor: pointer;
  display: inline-block;
  line-height: 0px;
}
body.react .help .main-wrapper .help-section.banner .section-container .section-banner .banner-link:hover {
  box-shadow: 0 0 5px #51cbee;
}
body.react .help .main-wrapper .help-section.banner .section-container .section-banner .left-container,
body.react .help .main-wrapper .help-section.banner .section-container .section-banner .right-container {
  display: table;
  height: 100%;
}
body.react .help .main-wrapper .help-section.banner .section-container .section-banner .left-container h1 {
  display: table-cell;
  vertical-align: middle;
}
body.react .help .main-wrapper .help-section.banner .section-container .section-banner .right-container .video-container {
  display: table-cell;
  vertical-align: middle;
}
body.react .help .main-wrapper .help-section.banner .section-container .section-banner .right-container .video-container .video-image {
  padding-bottom: 10px;
}
body.react .help .main-wrapper .help-section.banner h2 {
  text-align: left;
  margin-bottom: 10px;
}
body.react .help .main-wrapper .help-section.banner h5 {
  text-transform: none;
}
body.react .help .main-wrapper .help-section.section-1 .img-feed {
  padding-top: 10px;
}
body.react .help .main-wrapper .help-section.section-1 .img-profile {
  padding-bottom: 54px !important;
}
body.react .help .main-wrapper .help-section.section-1 img {
  display: block;
  margin: auto;
  margin-bottom: 20px;
  max-width: 100%;
}
body.react .help .main-wrapper .help-section.section-2 .section-container {
  max-width: 1328px;
}
body.react .help .main-wrapper .help-section.section-2 .sub-section {
  margin-bottom: 24px;
  margin-right: 32px;
  border: solid 1px #e0e0e0;
  border-radius: 2px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
}
@media (min-width: 960px) {
  body.react .help .main-wrapper .help-section.section-2 .sub-section {
    max-width: 29%;
  }
  body.react .help .main-wrapper .help-section.section-2 .sub-section:nth-child(3n) {
    margin-right: 0px;
  }
}
body.react .help .main-wrapper .help-section.section-3 .section-container .left-section,
body.react .help .main-wrapper .help-section.section-3 .section-container .right-section {
  padding-right: 48px;
}
body.react .help .main-wrapper .help-section.section-4 .section-container .section-body {
  max-width: 70%;
}
body.react .help ul li:before {
  content: "\B7";
  font-size: 22px;
  vertical-align: middle;
  line-height: 0px;
  padding-right: 20px;
}
body.react .help ~ .footer-small {
  padding-bottom: 105px;
}
body.react .help ~ .footer-small .footer-small-links li:not(:last-child):after {
  padding: 0 12px;
}
body.react .help ~ .footer-small br {
  display: none;
}
body.react .help.v1 .main-wrapper .help-section.banner {
  height: 392px;
  background-image: url('/assets/images/gproduct/images/help/help-banner-background.png');
  background-size: cover;
  background-repeat: no-repeat;
}
body.react .help.v1 .main-wrapper .help-section.banner h1,
body.react .help.v1 .main-wrapper .help-section.banner h2,
body.react .help.v1 .main-wrapper .help-section.banner h5 {
  color: #ffffff;
}
body.react .help.v1 .main-wrapper .help-section.section-0 .section-container {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 43px;
}
body.react .help.v1 .main-wrapper .help-section.section-0 .section-container .img-migration {
  width: 60%;
  padding-bottom: 15px;
}
body.react .help.v1 .main-wrapper .help-section.section-0 .section-container .launch {
  text-align: center;
}
body.react .help.v1 .main-wrapper .help-section.section-0 .section-container .launch h5 {
  text-transform: none;
  position: relative;
  top: -14px;
  left: -14px;
  color: #0a6abb;
}
body.react .help.v1 .main-wrapper .help-section.section-0 .section-container .launch .icon-launch {
  fill: #0a6abb;
  width: 41px;
  height: 41px;
}
body.react .help.v1 .main-wrapper .help-section.section-0 .section-container .launch h5,
body.react .help.v1 .main-wrapper .help-section.section-0 .section-container .launch .icon-launch {
  display: inline-block;
}
body.react .help.v1 .main-wrapper .help-section.section-1 {
  background-color: #f5f5f5;
}
body.react .help.v1 .main-wrapper .help-section.section-1 .section-container {
  padding-top: 50px;
  padding-bottom: 80px;
}
body.react .help.v1 .main-wrapper .help-section.section-2 .section-container {
  padding-top: 50px;
  padding-bottom: 43px;
}
@media (max-width: 959px) {
  body.react .help.v1 .main-wrapper .help-section.section-2 .sub-section {
    max-width: 100%;
    margin-right: 0px;
  }
}
body.react .help.v1 .main-wrapper .help-section.section-3 {
  background-image: url('/assets/images/gproduct/images/help/help-section-3-background.png');
  background-size: cover;
  background-repeat: no-repeat;
}
body.react .help.v1 .main-wrapper .help-section.section-3 .section-container {
  padding-top: 70px;
  padding-bottom: 64px;
}
body.react .help.v1 .main-wrapper .help-section.section-4 .section-container {
  padding-top: 65px;
}
body.react .help.v1 .main-wrapper .help-section:last-child {
  padding-bottom: 100px;
}
body.react .help.v2 .main-wrapper .help-section {
  padding: 40px 24px;
}
body.react .help.v2 .main-wrapper .help-section h1 {
  font-size: 58px;
}
body.react .help.v2 .main-wrapper .help-section h2 {
  font-size: 32px;
}
body.react .help.v2 .main-wrapper .help-section h3 {
  font-size: 28px;
}
body.react .help.v2 .main-wrapper .help-section h5 {
  text-transform: none;
}
body.react .help.v2 .main-wrapper .help-section .explore {
  border-left: 8px solid #009ad7;
  border-right: 8px solid #009ad7;
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding-top: 18px;
  padding-bottom: 2px;
}
body.react .help.v2 .main-wrapper .help-section .explore h1 {
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.09;
  letter-spacing: normal;
  color: #002856;
}
body.react .help.v2 .main-wrapper .help-section .explore p {
  font-size: 29px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #002856;
}
body.react .help.v2 .main-wrapper .help-section.banner .section-banner {
  padding-left: 105px;
}
body.react .help.v2 .main-wrapper .help-section.banner .section-banner .video-image {
  padding-bottom: 0px;
  margin-bottom: 15px;
}
body.react .help.v2 .main-wrapper .help-section.banner .section-banner .video-image .img-banner-video {
  max-height: 254px;
}
body.react .help.v2 .main-wrapper .help-section.banner .section-banner h4 {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.58;
  letter-spacing: normal;
  margin-bottom: 3px;
}
body.react .help.v2 .main-wrapper .help-section.section-1 .section-container {
  padding-bottom: 60px;
}
body.react .help.v2 .main-wrapper .help-section.section-1 .section-container img {
  width: 70%;
  margin: 0;
  padding-bottom: 28px;
}
body.react .help.v2 .main-wrapper .help-section.section-1 .section-container img.img-homepage {
  margin: 0 auto;
}
@media (min-width: 960px) {
  body.react .help.v2 .main-wrapper .help-section.section-1 .section-container img.img-homepage {
    padding-right: 129px;
  }
}
body.react .help.v2 .main-wrapper .help-section.section-2 {
  background-color: #f5f5f5;
}
body.react .help.v2 .main-wrapper .help-section.section-2 h5 {
  text-transform: uppercase;
}
body.react .help.v2 .main-wrapper .help-section.section-2 .section-container {
  max-width: 1090px;
}
@media (min-width: 600px) and (max-width: 959px) {
  body.react .help.v2 .main-wrapper .help-section.section-2 .sub-section {
    max-width: 44%;
  }
  body.react .help.v2 .main-wrapper .help-section.section-2 .sub-section:nth-child(even) {
    margin-right: 0px;
  }
}
@media (max-width: 599px) {
  body.react .help.v2 .main-wrapper .help-section.section-2 .sub-section {
    max-width: 100%;
    margin-right: 0px;
  }
}
body.react .help.v2 .main-wrapper .help-section.section-4 {
  background-color: #f5f5f5;
}
body.react .help.v2 .main-wrapper .help-section.section-4 h2 {
  margin-bottom: 52px;
}
body.react .help.v2 .main-wrapper .help-section:last-child {
  margin-bottom: 16px;
}
body.react .help.v2 .main-wrapper .help-section.faqs .faq-box-container {
  padding: 0 10px;
}
body.react .help.v2 .main-wrapper .help-section.faqs .faq-box-container a {
  color: #212121;
}
body.react .help.v2 .main-wrapper .help-section.faqs .faq-box-container .faq-box {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  min-height: 162px;
  padding: 17px 10px;
  margin-bottom: 25px;
  border-radius: 2px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  background-color: #e0e0e0;
}
body.react .help.v2 .main-wrapper .help-section.faqs .faq-box-container .faq-box .icon-arrow {
  color: #212121;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 7px 16px;
}
body.react .help.v2 .main-wrapper .help-section .section-container {
  max-width: 960px;
}
body.react .help.v2 .main-wrapper .help-section .section-container .red-highlight span {
  color: #e81159;
  font-weight: 500;
}
body.react .help.v2 .main-wrapper .help-section .section-container img {
  max-width: 100%;
}
body.react .help .align-center {
  margin: 2rem auto;
  text-align: center;
}
body.react .help .border-banner-heading {
  border-left: 12px solid #e81159;
  border-right: 12px solid #e81159;
  height: 41% !important;
  padding: 0 10%;
  margin: 10% 0;
}
body.react .help .sharable-desc {
  text-align: left;
  padding: 0 2rem;
}
body.react .help .sharable-desc img {
  width: 75%;
}
body.react .help .sharable-desc ul {
  padding-left: 30px;
  margin-bottom: 20px;
}
body.react .help .sharable-desc ul li::before {
  padding-right: 15px;
  margin-left: -20px;
}
body.react .help .video-thumbnail .sub-title {
  margin-right: 120px;
  color: #424242;
  white-space: nowrap;
}
body.react .help .banner-link {
  text-decoration: none;
}
body.react .faq-modal .dialog-box .close-icon {
  right: 16px !important;
  top: 3px !important;
  font-weight: 300;
  color: #757575 !important;
}
@media screen and (max-width: 959px) {
  body.react .help .main-wrapper .no-columns {
    max-width: 100%;
  }
  body.react .help .main-wrapper .help-section {
    padding-left: 27px;
    padding-right: 27px;
  }
  body.react .help .main-wrapper .help-section h1 {
    line-height: 50px;
    padding-top: 57px;
    padding-bottom: 57px;
    margin-bottom: 10px;
  }
  body.react .help .main-wrapper .help-section h2 {
    font-size: 28px;
  }
  body.react .help .main-wrapper .help-section h5 {
    font-size: 18px;
  }
  body.react .help .main-wrapper .help-section .section-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  body.react .help .main-wrapper .help-section .section-container .section-body p:last-child {
    margin-bottom: 0px;
  }
  body.react .help .main-wrapper .help-section.banner h3 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  body.react .help .main-wrapper .help-section.banner h5 {
    text-transform: none;
    margin-bottom: 18px;
  }
  body.react .help .main-wrapper .help-section.banner .img-banner-video {
    width: 100%;
    max-width: 320px;
  }
  body.react .help .main-wrapper .help-section.banner .section-container .section-banner {
    padding-left: 0px;
    padding-top: 40px;
  }
  body.react .help .main-wrapper .help-section.banner .section-container .section-banner .right-container .video-container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }
  body.react .help .main-wrapper .help-section.banner .section-container .section-banner .right-container .video-container .video-image {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    padding-bottom: 5px;
    margin-bottom: 0px;
  }
  body.react .help .main-wrapper .help-section.banner .section-container .section-banner .right-container .video-container .video-info {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }
  body.react .help .main-wrapper .help-section.section-1 .section-container {
    padding-top: 34px;
    padding-bottom: 30px;
  }
  body.react .help .main-wrapper .help-section.section-1 .video-image {
    min-height: auto;
    padding-bottom: 16px;
  }
  body.react .help .main-wrapper .help-section.section-1 .video-image .img-profile {
    padding-bottom: 16px;
  }
  body.react .help .main-wrapper .help-section.section-1 img {
    padding-bottom: 0px;
  }
  body.react .help .main-wrapper .help-section.section-2 .section-container {
    padding-bottom: 50px;
  }
  body.react .help .main-wrapper .help-section.section-4 .section-container .section-body {
    max-width: 100%;
  }
  body.react .help ~ .footer-small {
    padding: 0px 27px;
  }
  body.react .help.v1 .main-wrapper .help-section.banner {
    height: auto;
    padding-bottom: 30px;
  }
  body.react .help.v1 .main-wrapper .help-section.banner h1 {
    padding-top: 70px;
    padding-bottom: 65px;
  }
  body.react .help.v1 .main-wrapper .help-section.section-0 .section-container .img-migration {
    width: 100%;
  }
  body.react .help.v1 .main-wrapper .help-section.section-1 .feed-profile h5 ~ p {
    margin-bottom: 0px;
  }
  body.react .help.v2 .main-wrapper .help-section h1 {
    padding-bottom: 6px;
  }
  body.react .help.v2 .main-wrapper .help-section h2 {
    font-size: 32px;
  }
  body.react .help.v2 .main-wrapper .help-section .section-container img,
  body.react .help.v2 .main-wrapper .help-section.section-1 .section-container img {
    display: block;
    margin: 0 auto;
  }
  body.react .help.v2 .main-wrapper .help-section.banner .section-banner .right-container {
    margin: 0 auto;
  }
  body.react .help.v2 .main-wrapper .help-section.section-3 .left-section,
  body.react .help.v2 .main-wrapper .help-section.section-3 .right-section {
    padding-right: 0px;
    padding-top: 30px;
  }
  body.react .help .video-thumbnail {
    margin-top: 32px;
  }
  body.react .help .sharable-desc img {
    width: 100%;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  body.react .help .help-section.banner .section-container {
    text-align: center;
  }
  body.react .help.v2 .main-wrapper .help-section .explore h1 {
    padding-top: 15px;
  }
  body.react .help.v2 .main-wrapper .help-section.banner {
    padding-bottom: 0px;
  }
  body.react .help.v2 .main-wrapper .help-section.banner .section-banner .right-container {
    margin: 0 auto;
  }
  body.react .help.v2 .main-wrapper .help-section.section-1 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  body.react .help.v2 .main-wrapper .help-section.section-2 .section-container {
    padding-bottom: 0px;
  }
  body.react .help.v2 .main-wrapper .help-section.faqs .faq-box-container .faq-box {
    min-height: 105px;
  }
}
.faq-modal {
  overflow: visible;
  max-width: 612px;
}
.faq-modal .faq-modal-container {
  padding: 55px 44px;
  overflow: scroll;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
}
.faq-modal .faq-modal-container .faq-wrapper {
  padding-bottom: 20px;
}
.faq-modal .faq-modal-container .faq-wrapper span {
  box-sizing: border-box;
  display: block;
  float: left;
}
.faq-modal .faq-modal-container .faq-wrapper .faq-question-header,
.faq-modal .faq-modal-container .faq-wrapper .faq-answer-header {
  padding-right: 10px;
  width: 5%;
}
.faq-modal .faq-modal-container .faq-wrapper .faq-question-header ~ span,
.faq-modal .faq-modal-container .faq-wrapper .faq-answer-header ~ span {
  width: 95%;
}
.faq-modal .faq-modal-container .faq-wrapper:after {
  display: block;
  content: ' ';
  clear: both;
}
@media screen and (max-width: 599px) {
  body.react .help.v2 .main-wrapper .help-section {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  body.react .help.v2 .main-wrapper .help-section .section-container {
    padding-bottom: 0px !important;
  }
  body.react .help.v2 .main-wrapper .help-section .explore {
    padding-top: 2px;
    padding-bottom: 0px;
  }
  body.react .help.v2 .main-wrapper .help-section .explore h1 {
    font-size: 45px;
    word-break: break-word;
    padding: 0px;
  }
  body.react .help.v2 .main-wrapper .help-section .explore .video-image {
    margin-bottom: 13px;
  }
  body.react .help.v2 .main-wrapper .help-section .explore .video-info h2 {
    font-size: 24px;
  }
  body.react .help.v2 .main-wrapper .help-section.banner {
    padding-bottom: 0px;
  }
  body.react .help.v2 .main-wrapper .help-section.banner .section-container .section-banner .right-container .video-container .video-image {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    padding-bottom: 5px;
    margin-bottom: 0px;
  }
  body.react .help.v2 .main-wrapper .help-section .section-banner {
    padding: 0px 16px;
  }
  body.react .help.v2 .main-wrapper .help-section.faqs .faq-box-container {
    padding: 0px 16px;
  }
  body.react .help.v2 .main-wrapper .help-section.faqs .faq-box-container .faq-box {
    min-height: auto;
  }
  body.react .help.v2 .main-wrapper .help-section.faqs .faq-box-container .faq-box p {
    width: 90%;
    margin-bottom: 15px;
  }
  body.react .help.v2 .main-wrapper .help-section.section-1 {
    padding-bottom: 12px;
  }
  body.react .help.v2 .main-wrapper .help-section.section-1 .section-container {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  body.react .help.v2 .main-wrapper .help-section.section-1 .section-container img {
    margin: 0 auto;
  }
  body.react .help.v2 .main-wrapper .help-section.section-1 .section-container img.img-homepage {
    width: 100%;
  }
  body.react .help.v2 .main-wrapper .help-section.section-2 {
    padding-top: 41px;
  }
  body.react .help.v2 .main-wrapper .help-section.section-3 .left-section {
    padding-top: 0px;
  }
  body.react .faq-modal .faq-modal-container {
    padding: 50px 15px;
  }
  body.react .faq-modal .faq-modal-container .faq-wrapper .faq-question-header,
  body.react .faq-modal .faq-modal-container .faq-wrapper .faq-answer-header {
    width: 10%;
  }
  body.react .faq-modal .faq-modal-container .faq-wrapper .faq-question-header ~ span,
  body.react .faq-modal .faq-modal-container .faq-wrapper .faq-answer-header ~ span {
    word-break: break-word;
    width: 90%;
  }
}
@media screen and (max-width: 599px) {
  body.react .help.v2 .main-wrapper .help-section {
    padding-left: 40px;
    padding-right: 40px;
  }
  body.react .help .sharable-desc {
    padding: 0;
  }
  body.react .help .sharable-desc img {
    width: 100%;
  }
  body.react .help .video-thumbnail {
    margin-top: 32px;
  }
  body.react .help .video-thumbnail .sub-title {
    margin-right: 100px;
  }
  body.react .help .video-thumbnail img {
    width: 100%;
  }
}
@media screen and (max-width: 374px) {
  body.react .help.v2 .main-wrapper .help-section {
    padding-left: 16px;
    padding-right: 16px;
  }
  body.react .help .video-thumbnail {
    margin-top: 32px;
  }
  body.react .help .video-thumbnail img {
    width: 100%;
  }
  body.react .help .sharable-desc {
    padding: 0;
  }
}
.new-experience-modal {
  background-color: transparent !important;
  height: 100%;
  width: 100%;
  box-shadow: none !important;
}
.new-experience-modal .kaltura-video {
  width: auto;
  height: 100%;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.new-experience-modal .dialog-box {
  position: relative;
  height: 100%;
  margin: 0 auto;
}

/* 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: "\00A0 \2022 \00A0 \00A0";
}
.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('/imagesrv/apps/gproduct/images/reading-history.png') 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: 0.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
--------------------------------------------------------------------*/

#app-root .header-wrapper.header-wrapper-profile,
#gartner-header .header-wrapper.header-wrapper-profile {
  z-index: auto;
  position: relative;
  box-shadow: none;
  background-color: transparent;
}
#app-root .header-wrapper.header-wrapper-profile .logo-section,
#gartner-header .header-wrapper.header-wrapper-profile .logo-section {
  display: block;
  padding: 20px 0;
}
#app-root .header-wrapper.header-wrapper-profile .logo-section img,
#gartner-header .header-wrapper.header-wrapper-profile .logo-section img {
  width: 96px;
}
#app-root .profile-outer-div {
  position: relative;
  min-height: 100%;
}
#app-root #profile-update .main-wrapper {
  margin-top: 0;
  padding-top: 0;
}
#app-root .profile-update-stepper {
  width: 320px;
  margin: auto;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 40px;
}
#app-root .profile-update-stepper span {
  border-top-width: 2px;
}
#app-root .profile-update-stepper .inactive-step-icon {
  color: transparent;
  border: 2px solid #bdbdbd;
  border-radius: 50%;
  box-sizing: border-box;
  height: 20px;
  width: 20px;
}
#app-root .profile-update-stepper .inactive-step-icon text {
  fill: transparent;
}
#app-root .profile-update-stepper .active-step-icon {
  color: #ff540a;
  border: 0;
  border-radius: unset;
  height: 20px;
  width: 20px;
}
#app-root .profile-update-stepper .completed-step-icon {
  background-color: #ff540a;
  border-radius: 50%;
  border: 0;
  height: 20px;
  width: 20px;
}
#app-root .profile-update-stepper .stepper-page-content-wrapper {
  text-align: center;
}
#app-root .profile-container {
  width: 800px;
  margin: auto;
  text-align: center;
}
#app-root .profile-container.vertically-center-align-div {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72vh;
}
#app-root .profile-container .btn-skip {
  font-weight: bold;
  color: #0a6abb;
  font-size: 15px;
  margin-bottom: 10px;
}
#app-root .profile-container .password-strength-section {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  margin-top: -21px;
  overflow: hidden;
}
#app-root .profile-container .password-strength-section .profileHelperText.float-error-helper {
  float: left;
  margin: 0;
  line-height: 18px;
  padding-left: 8px;
  font-size: 14px;
}
#app-root .profile-container .password-strength-section .profileHelperText.float-error-helper:first-child {
  padding-left: 13px;
}
#app-root .profile-container .password-strength-section .profileHelperText.float-error-helper svg {
  float: left;
  font-size: 18px;
}
#app-root .profile-container .password-strength-section .profileHelperText.float-error-helper.letter-success,
#app-root .profile-container .password-strength-section .profileHelperText.float-error-helper.special-character-success,
#app-root .profile-container .password-strength-section .profileHelperText.float-error-helper.password-length-success {
  color: #00a76d;
}
#app-root .profile-container .profileHelperText {
  margin-top: -21px;
  font-size: 14px;
  margin-bottom: 20px;
  padding-left: 13px;
  line-height: 18px;
  color: #de0a01;
}
#app-root .profile-container .profile-content .top-section h3.page-title {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.3em;
  color: #002856;
}
#app-root .profile-container .profile-content .top-section .sub-title {
  font-size: 18px;
  line-height: 1.3em;
  text-align: center;
  color: #757575;
  text-transform: lowercase;
}
#app-root .profile-container .profile-content .top-section .description,
#app-root .profile-container .profile-content .top-section .sub-description {
  margin-top: 32px;
  font-size: 18px;
  line-height: 1.4em;
  text-align: center;
  color: #212121;
}
#app-root .profile-container .profile-content .mid-section {
  margin-top: 30px;
}
#app-root .profile-container .profile-content .mid-section h4 {
  font-size: 28px;
  color: #212121;
  line-height: 1.3em;
}
#app-root .profile-container .profile-content .mid-section .list {
  width: 80%;
  margin: 30px auto 0;
  color: #212121;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
#app-root .profile-container .profile-content .mid-section .list .list-item {
  margin-bottom: 25px;
  clear: both;
  display: flex;
}
#app-root .profile-container .profile-content .mid-section .list .list-item img {
  flex-grow: 0;
  flex-shrink: 0;
  width: 55px;
  height: 55px;
  margin-right: 25px;
  top: 5px;
  position: relative;
}
#app-root .profile-container .profile-content .mid-section .list .list-item .text p {
  text-align: left;
}
#app-root .profile-container .profile-content .mid-section .list .list-item .text p.title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
#app-root .profile-container .profile-content .mid-section .footer-message {
  font-size: 18px;
  line-height: 1.4em;
  margin: 0 40px;
}
#app-root .profile-container .profile-content form.form-section {
  width: 512px;
  margin: auto;
  margin-top: 40px;
}
#app-root .profile-container .profile-content form.form-section .form-caption {
  color: #757575;
}
#app-root .profile-container .profile-content form.form-section .error-message {
  font-size: 14px;
  margin: 10px 0;
  line-height: 18px;
  color: #de0a01;
}
#app-root .profile-container .profile-content form.form-section .textfield,
#app-root .profile-container .profile-content form.form-section .dropdown,
#app-root .profile-container .profile-content form.form-section a {
  width: 100%;
  margin-bottom: 25px;
}
#app-root .profile-container .profile-content form.form-section button {
  height: 40px;
  margin-bottom: 25px;
  font-weight: bold;
  border-radius: 2px;
  background-color: #0a6abb;
}
#app-root .profile-container .profile-content form.form-section button.btn-submit {
  color: #fff;
  background-color: #0a6abb;
}
#app-root .profile-container .profile-content form.form-section button.btn-cancel {
  color: #0a6abb;
  border-color: #0a6abb;
  background-color: #fff;
}
#app-root .profile-container .profile-content form.form-section button.btn-inline {
  width: 45%;
  margin-right: 20px;
}
#app-root .profile-container .profile-content form.form-section button.btn-inline:last-child {
  margin-right: 0;
}
#app-root .profile-container .profile-content form.form-section button span {
  pointer-events: none;
}
#app-root .profile-container .profile-content form.form-section.linkedin {
  width: 660px;
}
#app-root .profile-container .profile-content form.form-section.linkedin .linkedin-button-section {
  overflow: hidden;
}
#app-root .profile-container .profile-content form.form-section.linkedin .linkedin-button-section .btn-cancel {
  padding: 12px 20px;
  width: 45%;
  margin-left: 3%;
  margin-right: 2%;
  float: left;
  font-size: 16px;
  height: auto;
  text-transform: none;
}
#app-root .profile-container .profile-content form.form-section.linkedin .linkedin-button-section .btn-connect-linkedin {
  display: flex;
  justify-content: center;
  border-radius: 2px;
  background-color: #0077b5;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 13px 15px;
  float: left;
  width: 45%;
  height: auto;
  line-height: normal;
  margin-left: 2%;
  margin-right: 3%;
  box-sizing: border-box;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
#app-root .profile-container .profile-content form.form-section.linkedin .linkedin-button-section .btn-connect-linkedin img {
  height: 35px;
  margin-right: 15px;
  pointer-events: none;
  margin-top: -7px;
}
#app-root .profile-container .profile-content form.form-section.linkedin .linkedin-button-section .btn-connect-linkedin span {
  pointer-events: none;
  line-height: 28px;
}
#app-root .profile-container .profile-content form.form-section.thankyou .btn-submit {
  max-width: 300px;
}
#app-root .profile-container .profile-content form.form-section .footer-message {
  font-size: 14px;
  line-height: 1.57;
  color: #424242;
  text-align: left;
}
#app-root .profile-container .profile-content form.form-section .add-another-line {
  color: #0a6abb;
  margin-bottom: 0;
  width: 100%;
  display: inline-block;
  border: none;
  background: transparent;
  height: auto;
  position: relative;
  top: -20px;
  text-transform: none;
  padding: 4px 0 0 6px;
  min-height: auto;
  font-weight: normal;
}
#app-root .profile-container .profile-content form.form-section .add-another-line svg {
  height: 17px;
  width: 17px;
  line-height: 15px;
  float: left;
  margin: 0 5px 0;
  position: relative;
  top: 3px;
}
#app-root .profile-container .profile-content form.form-section .add-another-line span {
  font-size: 14px;
  float: left;
}
#app-root .profile-container .profile-content form.form-section .add-another-line.hide {
  display: none;
}
#app-root .profile-container .profile-content form.form-section .add-another-line.show {
  display: block;
}
#app-root .profile-container .profile-content form.form-section .phone-textfields-section {
  overflow: hidden;
}
#app-root .profile-container .profile-content form.form-section .textfield .textfield-filled {
  transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  background-color: rgba(0, 0, 0, 0.09);
  margin-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#app-root .profile-container .profile-content form.form-section .textfield .textfield-filled input {
  padding: 27px 12px 10px;
  color: #212121;
}
#app-root .profile-container .profile-content form.form-section .textfield .textfield-filled:before {
  border-color: #ccc;
}
#app-root .profile-container .profile-content form.form-section .textfield .textfield-filled:after {
  border-color: #0a6abb;
}
#app-root .profile-container .profile-content form.form-section .textfield label {
  padding: 0 0 0 13px;
  color: #616161;
}
#app-root .profile-container .profile-content form.form-section .textfield label span {
  display: none;
}
#app-root .profile-container .profile-content form.form-section .textfield label[data-shrink="true"] {
  padding: 10px 0 0 16px;
  font-size: 16px;
}
#app-root .profile-container .profile-content form.form-section .textfield label[class*="focused"] {
  color: #0a6abb;
}
#app-root .profile-container .profile-content form.form-section .textfield .textfield-error:before {
  border-color: #de0a01;
}
#app-root .profile-container .profile-content form.form-section .textfield .textfield-error:after {
  border-color: #de0a01;
}
#app-root .profile-container .profile-content form.form-section .textfield label[class*="error"] {
  color: #de0a01;
}
#app-root .profile-container .profile-content form.form-section .textfield.phone-textfield {
  width: 64%;
  float: left;
  margin-right: 8px;
}
#app-root .profile-container .profile-content form.form-section .textfield.extension-textfield {
  float: left;
  width: 34%;
}
#app-root .profile-container .profile-content form.form-section .textfield.hide {
  display: none;
}
#app-root .profile-container .profile-content form.form-section .textfield.show {
  display: inline-flex;
}
#app-root .profile-container .profile-content form.form-section .textfield.disabled .textfield-filled {
  opacity: 0.5;
}
#app-root .profile-container .profile-content form.form-section .textfield.disabled .textfield-filled:before {
  border-color: #fafafa;
}
#app-root .profile-container .profile-content form.form-section .dropdown .dropdown-filled {
  transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  background-color: rgba(0, 0, 0, 0.09);
  margin-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#app-root .profile-container .profile-content form.form-section .dropdown .dropdown-filled select {
  background: transparent;
  padding: 27px 12px 10px;
  width: calc(100% - 24px);
  color: #212121;
}
#app-root .profile-container .profile-content form.form-section .dropdown .dropdown-filled:before {
  border-color: #ccc;
}
#app-root .profile-container .profile-content form.form-section .dropdown .dropdown-filled:after {
  border-color: #0a6abb;
}
#app-root .profile-container .profile-content form.form-section .dropdown .dropdown-filled svg {
  margin-right: 12px;
}
#app-root .profile-container .profile-content form.form-section .dropdown .dropdown-filled[class*="focused"] svg {
  fill: #0a6abb;
}
#app-root .profile-container .profile-content form.form-section .dropdown label {
  padding: 0 0 0 13px;
  color: #616161;
}
#app-root .profile-container .profile-content form.form-section .dropdown label span {
  display: none;
}
#app-root .profile-container .profile-content form.form-section .dropdown label[data-shrink="true"] {
  padding: 10px 0 0 16px;
  font-size: 16px;
}
#app-root .profile-container .profile-content form.form-section .dropdown label[class*="focused"] {
  color: #0a6abb;
}
#app-root .profile-container .profile-content form.form-section .dropdown.dropdown-error .dropdown-filled:before {
  border-color: #de0a01;
}
#app-root .profile-container .profile-content form.form-section .dropdown.dropdown-error .dropdown-filled:after {
  border-color: #de0a01;
}
#app-root .profile-container .profile-content form.form-section .dropdown.dropdown-error .dropdown-filled svg {
  fill: #de0a01;
}
#app-root .profile-container .profile-content form.form-section .dropdown.dropdown-error label[class*="error"] {
  color: #de0a01;
}
#app-root .profile-container .profile-content form.form-section .dropdown.hide {
  display: none;
}
#app-root .profile-container .profile-content form.form-section .dropdown.show {
  display: inline-flex;
}
#app-root .profile-container .profile-content form.form-section .dropdown.disabled .dropdown-filled {
  opacity: 0.5;
}
#app-root .profile-container .profile-content form.form-section .dropdown.disabled .dropdown-filled:before {
  border-color: #fafafa;
}
#app-root .profile-container .profile-content form.form-section .additional-function-role-section:before {
  content: ' ';
  border-top: 1px dashed #bdbdbd;
  display: block;
  width: 60%;
  margin: 10px auto 30px;
}
#app-root .profile-container .profile-content form.form-section .btn-add-function {
  color: #0a6abb;
  font-size: 14px;
  text-align: left;
  display: block;
  cursor: pointer;
  position: relative;
  top: -10px;
}
#app-root .profile-container .profile-content form.form-section .btn-add-function svg {
  fill: #0a6abb;
  font-size: 18px;
  margin-left: 10px;
}
#app-root .profile-container .profile-content form.form-section .btn-add-function span {
  position: relative;
  top: -2px;
  margin-left: 3px;
}
#app-root .profile-container .profile-content form.form-section .video-text {
  padding: 0 20px;
}
#app-root .profile-container .profile-content form.form-section .video {
  margin-top: 40px;
  margin-bottom: 40px;
}
#app-root .profile-container .profile-content form.form-section .video video {
  width: 100%;
  max-width: 512px;
}
#app-root .profile-container .profile-content .contact-support span {
  color: #757575;
}
#app-root .profile-container .profile-content .contact-support span a {
  color: #0A6ABB;
}
#app-root .profile-footer {
  margin: 6em 20px 0 20px;
  text-align: center;
}
#app-root .profile-footer .profile-footer-copyright,
#app-root .profile-footer .dash,
#app-root .profile-footer a {
  font-size: 12px;
  color: #616161;
}
#app-root .profile-footer .profile-footer-copyright {
  margin-bottom: 8px;
  line-height: 20px;
}
#app-root .profile-footer .profile-footer-links {
  margin-bottom: 10px;
  line-height: 20px;
}
#app-root .profile-footer .profile-footer-links li {
  display: inline;
}
#app-root .profile-footer .profile-footer-links li .dash {
  padding: 0 7px 0 5px;
  font-weight: 100;
}
#app-root .profile-footer .profile-footer-links li a {
  color: #616161;
  font-weight: 400;
  display: inline-block;
}
#app-root .profile-footer .profile-footer-links li a:focus {
  text-decoration: underline;
}
#app-root .profile-footer .profile-footer-links li span.dot {
  color: #616161;
  font-size: 7px;
  margin: 0 12px;
  position: relative;
  top: -2px;
}
#app-root .profile-footer .profile-footer-copyright {
  color: #616161;
}
@media all and (min-width: 768px) {
  #app-root #profile-update {
    padding-bottom: 10em;
  }
  #app-root .profile-footer-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media all and (max-width: 767px) {
  #app-root .profile-container {
    width: 100%;
  }
  #app-root .profile-container .profile-content .top-section h3.page-title {
    font-size: 28px;
  }
  #app-root .profile-container .profile-content .top-section .description,
  #app-root .profile-container .profile-content .top-section .sub-description {
    font-size: 16px;
  }
  #app-root .profile-container .profile-content .mid-section .footer-message {
    font-size: 16px;
    margin: 0;
  }
  #app-root .profile-container .profile-content .mid-section h4 {
    font-size: 24px;
  }
  #app-root .profile-container .profile-content .mid-section .list {
    width: 90%;
  }
  #app-root .profile-container .profile-content form.form-section {
    width: 100%;
    margin-top: 24px;
  }
  #app-root .profile-container .profile-content form.form-section .textfield.phone-textfield {
    width: 65%;
    margin-right: 5%;
  }
  #app-root .profile-container .profile-content form.form-section .textfield.extension-textfield {
    width: 30%;
  }
  #app-root .profile-container .profile-content form.form-section.linkedin {
    width: 100%;
  }
  #app-root .profile-container .profile-content form.form-section.linkedin .linkedin-button-section {
    display: flex;
    flex-direction: column;
  }
  #app-root .profile-container .profile-content form.form-section.linkedin .linkedin-button-section .btn-cancel {
    order: 2;
    width: 60%;
    max-width: none;
    margin: 0 auto 25px;
    padding: 12px 20px;
    text-transform: none;
  }
  #app-root .profile-container .profile-content form.form-section.linkedin .linkedin-button-section .btn-connect-linkedin {
    order: 1;
    width: 60%;
    max-width: none;
    margin: 0 auto 25px;
  }
  #app-root .profile-container .profile-content form.form-section.thankyou .btn-submit {
    width: 80%;
    max-width: none;
  }
  #app-root .profile-container .password-strength-section .profileHelperText.float-error-helper {
    padding-left: 13px;
  }
  #app-root .profile-footer .profile-footer-links li span.dot {
    margin: 0 8px;
  }
}
@media all and (min-width: 300px) and (max-width: 460px) {
  #app-root .profile-container .profile-content form.form-section.linkedin .linkedin-button-section .btn-cancel {
    width: 100%;
  }
  #app-root .profile-container .profile-content form.form-section.linkedin .linkedin-button-section .btn-connect-linkedin {
    width: 100%;
  }
}

.react .my-membership-page .main-wrapper .membership-header {
  width: 100%;
  padding-top: 35px;
}
.react .my-membership-page .main-wrapper .membership-header .inner-wrapper .right-header-container {
  margin-left: -34px;
}
.react .my-membership-page .main-wrapper .membership-header .inner-wrapper .right-header-container h1 {
  padding: 0;
  margin-bottom: 0;
}
.react .my-membership-page .main-wrapper .membership-main-body {
  width: 100%;
  margin-top: 50px;
  padding: 0 16px;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-body-header {
  margin-top: 16px;
  margin-left: 24px;
  margin-bottom: 32px;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-body-header p {
  font-size: 18px;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-body-header a {
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents {
  margin-left: 0;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container {
  margin-left: -30px;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .membershipTitle img.image-icon-tablet {
  display: none;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .membershipTitle h3 {
  color: #d1460b;
  font-weight: 500;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .premium-content .premium-practice-header {
  background-color: #eeeeee;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .premium-content .premium-practice-header h4 {
  font-size: 14px;
  font-weight: bold;
  padding: 12px 16px;
  margin-bottom: 0px;
  border-bottom: 1px solid #dedede;
  text-transform: uppercase;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .premium-content h2 {
  color: #002956;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
  margin-bottom: 0px;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .premium-content .premium-list li {
  padding: 16px;
  border-bottom: 1px solid #dedede;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .premium-content .premium-list li:last-child {
  border-bottom: 0;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .premium-content .premium-list li p {
  margin-top: 0;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .premium-content .premium-list li .chipMessage {
  display: block;
  background-color: #d1460b;
  width: 102px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 1.8;
  text-transform: uppercase;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .premium-content .premium-list li a {
  text-decoration: none;
  cursor: pointer;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .premium-content .premium-list li .single-premium-sub-section {
  margin-top: 4px;
  margin-left: 24px;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .premium-content .premium-list li .single-premium-sub-section .sub-text-intro {
  font-style: italic;
  font-size: 14px;
  margin-bottom: 0px;
  color: #757575;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .premium-content .premium-list li .single-premium-sub-section .sub-text-content {
  font-size: 14px;
  margin-bottom: 0px;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .leadership-councils {
  margin-top: 0;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .leadership-councils .lc-content {
  padding-bottom: 0px;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .leadership-councils .lc-content .single-practice-section .single-practice-header {
  background-color: #eeeeee;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .leadership-councils .lc-content .single-practice-section .single-practice-header h4 {
  font-size: 14px;
  font-weight: bold;
  padding: 12px 16px;
  margin-bottom: 0px;
  border-bottom: 1px solid #dedede;
  text-transform: uppercase;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .leadership-councils .lc-content .single-practice-section .single-practice-ul .single-practice-li {
  padding: 16px;
  border-bottom: 1px solid #dedede;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .leadership-councils .lc-content .single-practice-section .single-practice-ul .single-practice-li .chipMessage {
  display: block;
  background-color: #d1460b;
  width: 102px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 1.8;
  text-transform: uppercase;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .leadership-councils .lc-content .single-practice-section .single-practice-ul .single-practice-li .textMessage {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67rem;
  color: #d1460b;
  display: block;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .leadership-councils .lc-content .single-practice-section .single-practice-ul .single-practice-li a {
  cursor: pointer;
  text-decoration: none;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships {
  margin-top: 56px;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container {
  margin-left: -30px;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .membershipTitle img.image-icon-tablet {
  display: none;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .membershipTitle h3 {
  color: #d1460b;
  font-weight: 500;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .leadership-councils {
  margin-top: 0;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .leadership-councils .lc-content {
  padding-bottom: 30px;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .leadership-councils .lc-content .single-practice-section .single-practice-header {
  background-color: #eeeeee;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .leadership-councils .lc-content .single-practice-section .single-practice-header h4 {
  font-size: 14px;
  font-weight: bold;
  padding: 12px 16px;
  margin-bottom: 0px;
  border-bottom: 1px solid #dedede;
  text-transform: uppercase;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .leadership-councils .lc-content .single-practice-section .single-practice-ul .single-practice-li {
  padding: 16px;
  border-bottom: 1px solid #dedede;
}
.react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .leadership-councils .lc-content .single-practice-section .single-practice-ul .single-practice-li a {
  cursor: pointer;
  text-decoration: none;
}
.react .confirm-program-selection-modal .dialog-box {
  max-width: 600px;
}
.react .confirm-program-selection-modal .dialog-box .modalContainer .confirm-selection {
  padding: 32px;
}
.react .confirm-program-selection-modal .dialog-box .modalContainer .confirm-selection .titleSection h4 {
  color: #424242;
}
.react .confirm-program-selection-modal .dialog-box .modalContainer .confirm-selection .content-section {
  padding: 0;
  margin-top: 15px;
}
.react .confirm-program-selection-modal .dialog-box .modalContainer .confirm-selection .content-section p {
  color: #424242;
}
.react .confirm-program-selection-modal .dialog-box .modalContainer .confirm-selection .footerSection {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.react .confirm-program-selection-modal .dialog-box .modalContainer .confirm-selection .footerSection .actions .btn-cancel {
  border-radius: 2px;
  border: 1px solid #0a6aab;
  margin-right: 15px;
  padding: 10px 18px;
  font-size: 14px;
  color: #0a6abb;
  font-weight: bold;
  line-height: normal;
}
.react .confirm-program-selection-modal .dialog-box .modalContainer .confirm-selection .footerSection .actions .btn-continue {
  border-radius: 2px;
  background-color: #0a6abb;
  color: #fff;
  padding: 10px 18px;
  border: 1px solid #0a6aab;
  font-weight: bold;
  line-height: normal;
  font-size: 14px;
}
.react .confirm-program-selection-modal .dialog-box .modalContainer .confirm-selection .errorSection {
  margin-top: 15px;
  text-align: center;
  color: #de0a01;
}
@media screen and (max-width: 1279px) {
  .react .my-membership-page .main-wrapper .membership-header {
    width: 100%;
  }
  .react .my-membership-page .main-wrapper .membership-header .inner-wrapper .left-header-container {
    display: none;
  }
  .react .my-membership-page .main-wrapper .membership-header .inner-wrapper .right-header-container {
    margin-left: 0px;
  }
  .react .my-membership-page .main-wrapper .membership-main-body {
    margin-top: 35px;
    padding: 0 16px;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .left-container {
    display: none;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container {
    margin-left: 0px;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .membershipTitle {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .membershipTitle img.image-icon-tablet {
    display: block;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .membershipTitle h3 {
    margin-left: 15px;
    margin-bottom: 0;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .left-container {
    display: none;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container {
    margin-left: 0px;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .membershipTitle {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .membershipTitle img.image-icon-tablet {
    display: block;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .membershipTitle h3 {
    margin-left: 15px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .default-view-pill {
    margin-left: 0px !important;
    display: block !important;
    width: 100px !important;
    margin-top: 10px !important;
  }
  .react .main-wrapper .membership-main-body .membership-contents {
    padding-left: 0;
  }
  .react .my-membership-page .main-wrapper .membership-header {
    width: 100%;
  }
  .react .my-membership-page .main-wrapper .membership-header .inner-wrapper .left-header-container {
    display: none;
  }
  .react .my-membership-page .main-wrapper .membership-header .inner-wrapper .right-header-container {
    margin-left: 0px;
  }
  .react .my-membership-page .main-wrapper .membership-main-body {
    margin-top: 25px;
    padding: 0 16px;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .left-container {
    display: none;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container {
    margin-left: 0px;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .membershipTitle img.image-icon-tablet {
    display: none;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .gartnerMemberships .inner-wrapper .right-container .membershipTitle h3 {
    margin-left: 0;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .left-container {
    display: none;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container {
    margin-left: 0px;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .membershipTitle img.image-icon-tablet {
    display: none;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .membershipTitle h3 {
    margin-left: 0;
  }
  .react .my-membership-page .main-wrapper .membership-main-body .membership-contents .cebMemberships .inner-wrapper .right-container .leadership-councils {
    margin-top: 0;
  }
}

.react .main-wrapper .membership-header {
  width: 100%;
  margin-top: -24px;
}
.react .main-wrapper .membership-header h1 {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 40px;
}
.react .main-wrapper .membership-main-body {
  width: 100%;
}
.react .main-wrapper .membership-main-body .membership-body-header {
  margin-top: 16px;
  margin-left: 24px;
  margin-bottom: 32px;
}
.react .main-wrapper .membership-main-body .membership-body-header p {
  font-size: 18px;
}
.react .main-wrapper .membership-main-body .membership-contents {
  margin-left: 24px;
}
.react .main-wrapper .membership-main-body .membership-contents .leadership-councils {
  margin-top: 50px;
}
.react .main-wrapper .membership-main-body .membership-contents .leadership-councils .lc-content {
  padding-bottom: 30px;
}
.react .main-wrapper .membership-main-body .membership-contents .leadership-councils .lc-content .lc-content-header {
  margin-bottom: 32px;
  display: inline-block;
  width: 100%;
}
.react .main-wrapper .membership-main-body .membership-contents .leadership-councils .lc-content .lc-content-header h2 {
  color: #212121;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0px;
}
.react .main-wrapper .membership-main-body .membership-contents .leadership-councils .deactivated-lc {
  margin-top: 56px;
}
.react .main-wrapper .membership-main-body .membership-contents .leadership-councils .single-practice-section .single-practice-header {
  background-color: #FAFAFA;
}
.react .main-wrapper .membership-main-body .membership-contents .leadership-councils .single-practice-section .single-practice-header h4 {
  font-size: 16px;
  padding: 16px 24px 16px 24px;
  margin-bottom: 0px;
  border-bottom: 1px solid #DEDEDE;
}
.react .main-wrapper .membership-main-body .membership-contents .leadership-councils .single-practice-section .single-practice-ul .single-practice-li {
  padding: 16px 24px 16px 24px;
  border-bottom: 1px solid #DEDEDE;
}
.react .main-wrapper .membership-main-body .membership-contents .leadership-councils .single-practice-section .single-practice-ul .single-practice-li a {
  cursor: pointer;
  text-decoration: none;
}
@media screen and (max-width: 875px) {
  .lc-content h2 {
    display: block !important;
  }
}

.react .tools h1 {
  font-size: 38px;
  line-height: 48px;
}
.react .tools h4 {
  font-size: 22px;
  line-height: 28px;
}
.react .tools button {
  cursor: pointer;
}
.react .tools .large-image {
  height: auto;
  width: 100%;
}
.react .tools .large-image.scmat {
  border: solid 1px #ccc;
  padding: 8px 0 4px 4px;
  max-width: 98%;
}
.react .tools .limited-image {
  height: auto;
  max-width: 268px;
  width: 100%;
}
.react .tools .top-section {
  padding-bottom: 48px;
}
.react .tools .top-section .tool-summary-title {
  padding-bottom: 12px;
}
.react .tools .top-section .content {
  padding-bottom: 0px;
  padding-right: 32px;
}
.react .tools .top-section .content p {
  font-size: 20px;
  line-height: 30px;
  color: #535a5a;
}
.react .tools .top-section .content ul {
  font-size: 18px;
  line-height: 26px;
  margin-left: 20px;
  padding-bottom: 8px;
}
.react .tools .top-section .content ul li {
  list-style-type: disc;
  padding-bottom: 16px;
}
.react .tools .top-section .links {
  margin-bottom: 32px;
}
.react .tools .top-section .links h6 {
  display: inline-block;
  padding-right: 8px;
}
.react .tools .top-section .links ul {
  display: inline-block;
}
.react .tools .top-section .links li {
  display: inline-block;
  border-right: 2px solid #bdbdbd;
  padding-right: 8px;
  margin-right: 8px;
  height: 0px;
}
.react .tools .top-section .links li:last-child {
  border-right: 0;
}
.react .tools .top-section .links li a {
  font-size: 14px;
  line-height: 14px;
  display: block;
}
.react .tools .top-section .links li a svg {
  color: #0a6abb;
  float: right;
  clear: right;
}
.react .tools .top-section .btn-assessments.launch-btn-assesments {
  color: #fff;
  background: #0a6abb;
  border-radius: 2px;
  padding-right: 32px;
  padding-left: 16px;
  padding-bottom: 6px;
  padding-top: 6px;
}
.react .tools .top-section .btn-assessments.launch-btn-assesments svg {
  fill: #fff;
  margin-right: 8px;
}
.react .tools .error-section h3 {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 80px;
  line-height: 40px;
}
.react .tools .error-section a {
  margin-left: 10px;
  cursor: pointer;
}
.react .tools .tile-section {
  margin-bottom: 80px;
}
.react .tools .tile-section .card-grid .Loading-Card {
  border-radius: 2px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  max-height: 264px;
  overflow: hidden;
  width: auto;
}
.react .tools .tile-section .heading {
  margin-bottom: 24px;
}
.react .tools .tile-section .heading span {
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  color: #616161;
  padding-left: 70px;
}
.react .tools .tile-section .tools-card-link {
  text-decoration: none;
  cursor: pointer;
}
.react .tools .tile-section .tools-card {
  border-radius: 2px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
  box-sizing: content-box;
  height: 264px;
  overflow: hidden;
}
.react .tools .tile-section .tools-card .ellipsis {
  color: #424242;
  white-space: pre-wrap;
}
.react .tools .tile-section h3 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 12px;
}
.react .tools .tile-section .tools-card-content {
  padding: 24px;
  height: 180px;
}
.react .tools .tile-section .tools-card-desc {
  color: #424242;
}
.react .tools .tile-section .tools-card-footer {
  padding: 0px 24px 12px;
}
.react .tools .tile-section .tools-card-footer a {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  width: 50%;
  font-weight: 500;
}
.react .tools .tile-section .tools-card-footer a:nth-child(2) {
  text-align: right;
}
@media all and (max-width: 959px) {
  .react .tools .main-content {
    padding: 0 16px;
  }
  .react .tools .top-section .btn-assessments {
    margin-bottom: 40px;
  }
  .react .tools .links li {
    padding-right: 0px;
  }
}
@media all and (max-width: 600px) {
  .react .tools h4 {
    font-size: 20px;
    line-height: 26px;
  }
  .react .tools h6 {
    font-size: 16px;
    line-height: 24px;
  }
  .react .tools .top-section .btn-assessments.launch-btn-assesments {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
  }
  .react .tools .top-section h6,
  .react .tools .top-section ul {
    padding-bottom: 16px;
  }
  .react .tools .top-section .content {
    padding-right: 0px;
  }
  .react .tools .top-section .content p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 32px;
  }
  .react .tools .top-section .links li {
    padding-bottom: 16px;
    border-bottom: 1px solid #bdbdbd;
  }
  .react .tools .top-section .links li:last-child {
    border: none;
  }
  .react .tools .top-section .links li a svg {
    margin-right: 16px;
  }
  .react .tools .top-section .tile-section .heading span {
    padding-left: 14px;
  }
}
@media all and (max-width: 400px) {
  .react .tools .top-section {
    width: 100%;
  }
}
.react .proxy-mode ~ .tools .main-wrapper {
  margin-top: 120px;
}
@media all and (max-width: 959px) {
  .react .proxy-mode ~ .tools .main-wrapper {
    margin-top: 107px;
  }
}
@media all and (max-width: 767px) {
  .react .proxy-mode ~ .tools .main-wrapper {
    margin-top: 147px;
  }
}
@media all and (max-width: 400px) {
  .react .proxy-mode ~ .tools .main-wrapper {
    margin-top: 169px;
  }
}

@charset "UTF-8";
.video-landing-page .sub-title-section {
  margin-top: 40px;
}
.video-landing-page .sub-title-section a {
  cursor: pointer;
}
.video-landing-page .video-section {
  margin-top: 50px;
  margin-bottom: 100px;
}
.video-landing-page .video-section .vimeo-video,
.video-landing-page .video-section .kaltura-video {
  max-width: 746px !important;
  margin-bottom: 0;
  border: '1px solid black';
  cursor: pointer;
}
.video-landing-page .video-section .video-title {
  color: white;
  position: absolute;
  margin-top: -120px;
  font-size: 24px;
  margin-left: 32px;
}
.video-landing-page .video-section .video-list span {
  cursor: pointer;
}
.video-landing-page .video-section .video-list .add-border {
  border: 3px #696969 solid;
}
.video-landing-page .video-section .video-list .single-video-list {
  background-color: #f5f5f5;
  padding: 16px;
  margin-bottom: 5px;
}
.video-landing-page .video-section .video-list .single-video-list h4 {
  font-size: 16px;
}
.video-landing-page .video-section .video-list .single-video-list .currently-playing-video-dot {
  font-size: 72px;
  display: inline;
  position: absolute;
}
.video-landing-page .video-section .video-list .single-video-list .single-video-speaker-section .speaker-name {
  font-size: 14px;
  margin-bottom: 0px;
  display: inline;
}
.video-landing-page .video-section .video-list .single-video-list .single-video-speaker-section .speaker-name a {
  cursor: pointer;
}
.video-landing-page .video-section .video-list .single-video-list .video-length {
  margin-bottom: 0px;
  display: inline;
  font-size: 14px;
  float: right;
}

@charset "UTF-8";
.redirect .redirect-message {
  width: 60%;
  margin: 86px auto;
}
.redirect .redirect-message h2 {
  text-align: center;
}
.redirect .redirect-message .redirect-error .redirect-error-bottom {
  width: 70%;
  margin: auto;
}
.redirect .redirect-message .redirect-error .redirect-error-bottom .redirect-url {
  text-align: center;
}
.redirect .redirect-message .redirect-error .redirect-error-bottom .redirect-error-contact {
  padding: 20px 25px;
  margin: 20px 15px 0px 15px;
  border-top: 1px solid #cccccc;
}
.redirect .redirect-message .redirect-error .redirect-error-bottom .redirect-error-contact p {
  line-height: 2;
}
@media only screen and (max-width: 960px) and (min-width: 601px) {
  .redirect .redirect-message {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .redirect .redirect-message {
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box;
    text-align: left;
  }
  .redirect .redirect-message .redirect-error .redirect-error-bottom {
    width: 100%;
  }
  .redirect .redirect-message .redirect-error .redirect-error-bottom .redirect-url-container .redirect-url {
    text-align: left;
    word-break: break-all;
  }
  .redirect .redirect-message .redirect-error .redirect-error-bottom .redirect-error-contact {
    padding: 20px 0px;
    margin: 20px 0px;
  }
}

.hype-cycle-chart svg.hover [class*="points"] {
  opacity: 0.3;
}
.hype-cycle-chart svg.hover [class*="points"].hover {
  opacity: 1;
}
.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 .critical-capabilities-scores-modal-title-container {
  background-color: #eeeeee;
  padding: 16px 24px;
  box-shadow: 0 4px 10px -2px #c1c1c1;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-title-container .critical-capabilities-scores-modal-title-left {
  display: none;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-title-container .critical-capabilities-scores-modal-title-right {
  float: none;
  width: 100%;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-title-container .critical-capabilities-scores-modal-title-right p {
  font-size: 14px;
  color: #616161;
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 22px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-title-container .critical-capabilities-scores-modal-title-right p.metadata {
  font-size: 16px;
  font-weight: normal;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-content {
  max-height: 372px;
  padding-left: 60px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-content h4.critical-capabilities-scores-modal-overview {
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-content .VendorComment h4 {
  display: none;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-left,
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-right {
  float: left;
  padding: 20px;
  box-sizing: border-box;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-modal-left {
  width: 46%;
}
.critical-capabilities-scores-modal .critical-capabilities-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: 14px;
}
.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.rating div,
.critical-capabilities-scores-modal .critical-capabilities-scores-table th.weight div {
  position: relative;
  display: inline;
  padding-right: 10px;
}
.critical-capabilities-scores-modal .critical-capabilities-scores-table th.rating div span,
.critical-capabilities-scores-modal .critical-capabilities-scores-table th.weight div span {
  position: absolute;
  top: -6px;
}
.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,
.critical-capabilities-scores-modal .critical-capabilities-scores-table th.weight {
  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,
  html {
    padding: 0 !important;
    height: auto !important;
    page-break-after: avoid;
  }
  #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: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    margin-top: -50px !important;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-content {
    height: 100% !important;
    max-height: 100% !important;
    padding: 0px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-table {
    width: auto;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-table th {
    padding-left: 0px !important;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-table th div {
    padding: 0px !important;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-table tr td {
    padding-left: 0px !important;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-table .name {
    width: 25% !important;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-table .rating {
    width: 25% !important;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-table .weight {
    width: 25% !important;
    padding-right: 15px !important;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-table .total {
    width: 25% !important;
  }
  .wrapme ~ .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper {
    margin-top: 0px !important;
  }
  .slick-track {
    width: 100% !important;
    transform: none !important;
  }
  .slick-track .slick-slide {
    display: none !important;
  }
  .slick-track .slick-active {
    visibility: visible;
    display: block !important;
    width: 100% !important;
    float: none !important;
  }
}
@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 .critical-capabilities-scores-modal-title-container:after {
    content: ' ';
    display: block;
    clear: both;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-title-container .critical-capabilities-scores-modal-title-left,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-title-container .critical-capabilities-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 .critical-capabilities-scores-modal-title-container .critical-capabilities-scores-modal-title-left {
    display: block;
    width: 13%;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-title-container .critical-capabilities-scores-modal-title-right {
    width: 87%;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-title-container .critical-capabilities-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 .critical-capabilities-scores-modal-content {
    padding: 0 16px 0 16px;
    height: 230px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-modal-left,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-modal-right {
    float: none;
    width: 100%;
    padding: 20px 0px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-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 .critical-capabilities-scores-modal-content .critical-capabilities-scores-table th.name,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table td.name {
    width: 109px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table th.rating,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table td.rating {
    width: 49px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table th.rating div,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table td.rating div {
    padding-right: 3px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table th.weight,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table td.weight {
    width: 68px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table th.rating,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table td.rating,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table th.weight,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table td.weight {
    position: relative;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table th.total,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table td.total {
    width: 46px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table th {
    padding: 3px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table th.rating span,
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-paper .scoreCardSlides .slick-slide .critical-capabilities-scores-modal-content .critical-capabilities-scores-table th.weight span {
    font-size: 12px;
    top: -7px;
    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;
  }
  .critical-capabilities-scores-modal p.note {
    font-size: 12px;
    padding-left: 0;
  }
  .critical-capabilities-scores-modal p.note span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .interactive-tab-section .disclaimer {
    margin-top: 51px;
  }
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-content {
    padding-left: 30px;
  }
  .react .library-tabcontainer .react-library-folder .react-library-folder-container .saved-file-number {
    position: absolute;
    right: 28px;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 980px) {
  .critical-capabilities-scores-modal .critical-capabilities-scores-modal-left,
  .critical-capabilities-scores-modal .critical-capabilities-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 .dropdown-scores-menu-list {
  display: flex;
}
.react.readerV2 .updated-msg {
  margin-bottom: 12px;
  padding-top: 10px;
  border-top: solid 1px #0003;
}
.react.readerV2 .updated {
  border-radius: 2px;
  background-color: #d1460b;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 1px 10px;
  margin-right: 8px;
}
.react.readerV2 .interactive-tab-section .icc {
  font-size: 16px;
  line-height: 24px;
  margin-top: 0 !important;
}
.react.readerV2 .interactive-tab-section .icc .analyst-rail {
  margin-bottom: 40px;
}
.react.readerV2 .interactive-tab-section .icc .left-rail .action-bar {
  position: static;
  padding: 0;
}
.react.readerV2 .interactive-tab-section .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 .interactive-tab-section .icc .interactive-part .tab-root {
  background: #eee;
  margin-right: 4px;
  opacity: 1;
  text-align: left;
  line-height: 22px;
  font-weight: normal;
  min-width: 240px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .tab-root:last-child {
  margin-right: 0;
}
.react.readerV2 .interactive-tab-section .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 .interactive-tab-section .icc .interactive-part .tab-root .tab-count.custom {
  background-color: #fb6602;
}
.react.readerV2 .interactive-tab-section .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 .interactive-tab-section .icc .interactive-part .tab-root .sub-title {
  text-transform: none;
  font-size: 13px;
  color: #616161;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .tab-root .label-container {
  display: inline-block;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content {
  padding-top: 32px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  flex-wrap: nowrap;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .weight-title {
  margin-bottom: 4px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .weight-date {
  color: #616161;
  display: block;
  margin-bottom: 16px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .weight-description {
  margin-bottom: 32px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .updated-since {
  font-style: italic;
  color: #757575;
  text-align: right;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .updated-since span span {
  font-style: normal;
  color: #424242;
  font-size: 20px;
  line-height: normal;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .scores-mobile {
  display: none;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .vendor-label {
  display: inline-block;
  margin-top: -10px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #424242;
  padding: 10px 0px 0px 26px;
  height: 37px;
  max-width: 304px;
  white-space: nowrap;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .charts-wrapper {
  position: relative;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .charts-wrapper .highcharts {
  float: left;
  width: 80%;
  margin-bottom: 0px;
  overflow: visible !important;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .charts-wrapper:after {
  content: ' ';
  display: block;
  clear: both;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .charts-wrapper .capability-label {
  max-width: 300px;
  font-size: 14px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .charts-wrapper .capability-label:hover:after {
  position: absolute;
  content: attr(title);
  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: 424px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .charts-wrapper .highcharts-container {
  overflow: visible !important;
  z-index: 99 !important;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .charts-wrapper .weights-mobile {
  display: none;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .charts-wrapper.edit .weights-mobile {
  display: none;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .charts-bottom {
  border-top: 1px solid #cccccc;
  padding-top: 16px;
  margin-top: 12px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .edit-weights {
  float: right;
  top: 0px;
  right: 0;
  margin-top: 5px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .edit-weights .customize-weights {
  display: block;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .edit-weights .customize-weights:last-child {
  margin-bottom: 0px;
}
.react.readerV2 .interactive-tab-section .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: 5px 8px;
  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 .interactive-tab-section .icc .interactive-part .interactive-tab-content .edit-weights input:focus,
.react.readerV2 .interactive-tab-section .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 .interactive-tab-section .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 .interactive-tab-section .icc .interactive-part .interactive-tab-content .total-weights.error {
  color: #de0a01;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .total-weights.valid {
  color: #00a76d;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content h3 {
  padding-right: 24px;
  float: left;
}
.react.readerV2 .interactive-tab-section .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 .interactive-tab-section .icc .interactive-part .interactive-tab-content .btn-cancel,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .btn-save {
  border-radius: 2px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .btn-cancel {
  background-color: #ffffff;
  border: solid 1px #0a6abb;
  color: #0a6abb;
  margin-right: 16px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .btn-save {
  color: #ffffff;
  background-color: #0a6abb;
  overflow: visible;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .btn-save:disabled {
  pointer-events: all;
  color: #616161;
  background-color: #e0e0e0;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .btn-save:disabled[alt]:hover:after {
  position: absolute;
  content: attr(title);
  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 .interactive-tab-section .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 .interactive-tab-section .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 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-edit,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-delete {
  float: right;
  min-width: auto;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-edit:hover,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-delete:hover {
  background-color: transparent;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-edit .icon-edit,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-delete .icon-edit,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-edit .icon-delete,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-delete .icon-delete {
  fill: #0a6abb;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-edit {
  padding: 0 27px 0 0;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-header .btn-wrapper .btn-delete {
  padding: 0;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-header:after {
  clear: both;
  display: block;
  content: ' ';
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-head:after {
  content: ' ';
  display: block;
  clear: both;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .scores-chart-x-axis-title {
  padding-top: 15px;
  font-size: 16px;
  font-family: Gartner sans condensed !important;
  color: #757575;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .scores-chart-x-axis-title span {
  display: inline-block;
}
.react.readerV2 .interactive-tab-section .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 .interactive-tab-section .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .highcharts {
  margin-bottom: -46px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .highcharts .highcharts-root {
  margin-top: -18px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .scores-chart-x-axis-scores {
  padding: 0 46px 0 318px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .scores-chart-x-axis-scores ul {
  font-family: Gartner sans condensed !important;
  font-size: 16px;
  color: #757575;
  display: flex;
  justify-content: space-between;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .scores-chart-x-axis-scores ul li {
  display: inline-block;
  text-align: center;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .scores-chart-x-axis-scores ul li.divider {
  flex-grow: 1;
  border-bottom: 2px solid #9e9e9e;
  margin: 10px 4px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper {
  position: relative;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea,
.react.readerV2 .interactive-tab-section .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 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input:focus,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input:focus,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input:focus,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input:focus,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea:focus,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea:focus,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea:focus,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input textarea:focus,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input:active,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input:active,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input:active,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input:active,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea:active,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea:active,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea:active,
.react.readerV2 .interactive-tab-section .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 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input:focus ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input:focus ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input:focus ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input:focus ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea:focus ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea:focus ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea:focus ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input textarea:focus ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input:active ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input:active ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input:active ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input:active ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea:active ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea:active ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea:active ~ .btn-clear .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input textarea:active ~ .btn-clear .icon-clear {
  fill: #0a6abb;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input input,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input input,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input input,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input input {
  color: #212121;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input textarea,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input textarea,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input textarea,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input textarea {
  padding-right: 52px;
  resize: none;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-title-input ~ .btn-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-title-input ~ .btn-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .weight-description-input ~ .btn-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .weight-description-input ~ .btn-clear {
  margin: 16px 12px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .btn-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .btn-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .icon-error,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .icon-error {
  position: absolute;
  right: 0;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .btn-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .btn-clear {
  min-width: 20px;
  background-color: transparent;
  padding: 0;
  margin: 10px 14px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .icon-clear,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .icon-clear {
  cursor: pointer;
  fill: #757575;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper .icon-error,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper .icon-error {
  fill: #de0a01;
  margin: 16px 14px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper.error .weight-title-input input,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper.error .weight-title-input input,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper.error .weight-description-input input,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper.error .weight-description-input input,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper.error .weight-title-input textarea,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .description-wrapper.error .weight-title-input textarea,
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .title-wrapper.error .weight-description-input textarea,
.react.readerV2 .interactive-tab-section .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 .interactive-tab-section .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 .interactive-tab-section .icc .interactive-part .interactive-tab-content .helper-texts p:first-child {
  padding-left: 12px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .helper-texts p.character-count {
  float: right;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .helper-texts.error p {
  color: #de0a01;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .helper-texts:after {
  clear: both;
  content: ' ';
  display: block;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .interactive-tab-left {
  width: 50%;
  padding-right: 48px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .interactive-tab-content .interactive-tab-right {
  width: 50%;
  padding-top: 78px;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .tab-indicator {
  height: 4px;
  background-color: #002856;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .tool-tip {
  position: absolute;
  content: attr(title);
  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 .interactive-tab-section .icc .interactive-part .chkWrapper {
  display: block;
  position: absolute;
  margin-top: -18px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .chkWrapper input {
  opacity: 0;
  cursor: pointer;
}
.react.readerV2 .interactive-tab-section .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 .interactive-tab-section .icc .interactive-part .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  border: solid 1px #424242;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .chkWrapper input:checked ~ .checkmark {
  background-color: #0a6abb;
  border: solid 1px #0a6abb;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.react.readerV2 .interactive-tab-section .icc .interactive-part .chkWrapper input:checked ~ .checkmark:after {
  display: block;
}
.react.readerV2 .interactive-tab-section .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 .interactive-tab-section #newReader,
.react.readerV2 .interactive-tab-section .main-wrapper {
  margin-top: 0 !important;
  padding-top: 0;
}
.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 .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: 5px 6px;
    width: 55px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .critical-capabilities-scores-chart .highcharts .vendor-label {
    margin-top: -8px;
    max-width: 220px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .btn-save:disabled[alt]:hover:after {
    width: 246px !important;
    margin-left: -107px;
  }
}
@media only screen and (max-width: 500px) {
  .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 .critical-capabilities-scores-chart .scores-chart-x-axis-title {
    margin-left: 0px;
    padding-top: 16px;
  }
  .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: 9px;
  }
  .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-right: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: 4px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .scores-mobile .score:nth-child(odd) {
    margin-bottom: 9px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .scores-mobile .score:nth-child(even) {
    margin-bottom: 10px;
  }
  .react.readerV2 .icc .interactive-part .interactive-tab-content .scores-mobile .score:last-child {
    margin-bottom: 0px;
  }
}
@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 .critical-capabilities-scores .scores-chart-x-axis-scores {
    display: none;
  }
  .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 {
    margin-top: -8px;
    max-width: 250px;
  }
  .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%;
  }
}
@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 .critical-capabilities-scores-chart .scores-chart-x-axis-scores {
    float: left;
    width: 80%;
  }
  .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: 250px !important;
  }
}
.gartner-popover.reader-critical-capabilities {
  z-index: 9999 !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
}

.ki-link-group {
  font-size: 14px;
  line-height: 22px;
  color: #616161;
}
.ki-link-group ul,
.ki-link-group li {
  display: inline;
}
.ki-link-group li:not(:last-child)::after {
  content: '; ';
  color: #0a6abb;
}
.ki-link-group .ki-link,
.ki-link-group .ki-link-group__show-more {
  margin-bottom: 8px;
  font-size: 14px;
  color: #0a6abb;
}
.ki-link-group .ki-link-group__show-more {
  background: transparent;
  cursor: pointer;
  border: none;
  font-weight: bold;
}
.ki-link-group .ki-link-group__show-more:hover {
  text-decoration: underline;
}

.doc-relationships .CompanyImpact {
  margin-bottom: 24px;
}
.doc-relationships .CompanyImpact .company-impact-title {
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
.doc-relationships .CompanyImpact .company-tags-section .single-company-tag {
  display: inline-block;
  background-color: #EFF1F1;
  font-size: 14px;
  padding: 4px 16px;
  margin-bottom: 6px;
  margin-right: 4px;
}
.doc-relationships .CompanyImpact .company-tags-section .single-company-tag a {
  color: #000;
  cursor: pointer;
}
.doc-relationships .doc-relationship-section {
  margin-bottom: 32px;
}
.doc-relationships .doc-relationship-section .doc-relationship-section-title {
  margin-bottom: 0;
}
.doc-relationships .doc-relationship-section .sub-text {
  margin-bottom: 0;
}
.doc-relationships .doc-relationship-section .related-doc-list {
  margin-top: 0;
}
.doc-relationships .doc-relationship-section .related-doc-list .single-related-doc a {
  cursor: pointer;
}

@charset "UTF-8";
.toc-tabcontainer {
  padding-top: 16px;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 16px;
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-top: 1px solid #dad6d6;
  border-bottom: 1px solid #dad6d6;
}
.react-toc-list {
  text-align: left;
  font-size: 15px;
}
.react-toc-list .toc-title {
  font-weight: bold;
}
.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-toc-list .toc-section-header {
  font-size: 16px;
  font-weight: 500;
  color: #4a4a4a;
  padding-bottom: 8px;
  margin: 0 0 10px;
  margin-bottom: 0;
}
.react-toc-list .toc-section-title {
  padding-bottom: 8px;
  line-height: 20px;
  margin: 0 0 10px;
  margin-bottom: 0;
  color: #4a4a4a;
}
.react-toc-list .toc-ul {
  line-height: normal;
  margin-left: 16px;
  padding: 0;
}
.react-toc-list .toc-ul li {
  padding-bottom: 8px;
}
.react-toc-list .toc-ul li.level3 {
  margin-left: 16px;
}
.react-toc-list .toc-table,
.react-toc-list .toc-figure {
  padding: 0;
}
.react-toc-list .toc-table li,
.react-toc-list .toc-figure li {
  padding-bottom: 8px;
  margin-bottom: 5px !important;
}
.react-toc-list .toc-link {
  cursor: pointer;
}
.react-toc-list .disabled-toc-link {
  color: black;
  cursor: initial;
  opacity: 0.8;
  text-decoration: none;
}
.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;
  color: #fff;
  margin-top: 16px;
}
.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%;
  }
}

.react .new-add-new-folder-lable {
  color: black;
  font-size: 18px;
  height: 24px;
  padding: 15px 0;
  display: inline-block;
  font-weight: 600;
}
.react .new-close-button {
  cursor: pointer;
  right: 0;
  position: absolute;
  margin-top: 8px;
}
.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 .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 !important;
}
.react .reader-library-add-popover-button .add-bookmark-icon {
  fill: #0a6abb;
}
.react #addedIcon-text {
  display: block;
  font-size: 10px;
  margin-top: 6px;
  color: rgba(0, 0, 0, 0.54);
  text-transform: uppercase;
  font-weight: 600;
  line-height: 10px;
}
.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 .backbutton-topsection {
  margin-top: -3px;
}
.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;
  right: 0px;
  position: absolute;
  margin-top: 10px;
}
.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 .add-to-library-folder-root {
  margin-left: 15px;
  margin-right: 20px;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root div:before {
  border-bottom: 0;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root label {
  padding: 0px 6px;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  top: -4px;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root label.error-message {
  color: #DE0A01;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root input {
  margin: 0;
}
.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;
  vertical-align: bottom;
}
.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 .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: 295px;
}
.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: 16px;
}
.react .library-tabcontainer .react-library-folder:focus,
.react .tab-expand .react-library-folder:focus,
.react .tab-short .react-library-folder:focus {
  background: #eeeeee;
  outline: 0;
}
.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: 18px 8px 0 24px;
}
.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;
  display: block;
  overflow: hidden;
}
.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: 24px;
  height: 24px;
  float: left;
  vertical-align: top;
  font-size: 10px;
  fill: #b6c3ca;
}
.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 {
  float: left;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  padding-left: 16px;
  width: 224px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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;
  margin: 0;
  padding-left: 16px;
  display: inline-block;
}
@media all and (max-width: 599px) {
  .react .gartner-popover.reader-library-main-popover {
    right: 4% !important;
    left: auto !important;
    width: 92%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right {
    width: 100%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .folder-name {
    width: auto;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .add-new-folder-button {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .library-added-popover-searchbar .library-search-form {
    width: 75%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .library-added-popover-searchbar .library-search-form .add-to-library-folder-root {
    max-width: 90%;
    margin: 0 5%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .library-added-popover-searchbar .popover-searchbar-button {
    width: 20%;
    margin-left: 3%;
    margin-top: 19px;
  }
}

.document-share-modal {
  width: 360px;
}
.document-share-modal .share-container .share-header {
  padding: 24px 16px 14px 16px;
  background-color: #eeeeee;
}
.document-share-modal .share-container .share-header h1 {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  margin: 0px;
}
.document-share-modal .share-container .share-body .share-list li {
  padding: 19px 16px 14px;
  border-bottom: 1px solid #cccccc;
}
.document-share-modal .share-container .share-body .share-list li a {
  color: #424242;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  cursor: pointer;
}
.document-share-modal .share-container .share-body .share-list li a svg {
  color: #757575;
}
.document-share-modal .share-container .share-body .share-list li a:hover .share-list-text {
  text-decoration: underline;
}
.document-share-modal .share-container .share-body .share-list li .share-list-text {
  position: absolute;
  padding-left: 15px;
  margin-top: 2px;
}
.document-share-modal .share-container .share-body .share-list li .icon-linkedin {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 382 382'%3E%3Cpath d='M347.445 0H34.555C15.471 0 0 15.471 0 34.555v312.889C0 366.529 15.471 382 34.555 382h312.889C366.529 382 382 366.529 382 347.444V34.555C382 15.471 366.529 0 347.445 0zM118.207 329.844c0 5.554-4.502 10.056-10.056 10.056H65.345c-5.554 0-10.056-4.502-10.056-10.056V150.403c0-5.554 4.502-10.056 10.056-10.056h42.806c5.554 0 10.056 4.502 10.056 10.056v179.441zM86.748 123.432c-22.459 0-40.666-18.207-40.666-40.666S64.289 42.1 86.748 42.1s40.666 18.207 40.666 40.666-18.206 40.666-40.666 40.666zM341.91 330.654a9.247 9.247 0 0 1-9.246 9.246H286.73a9.247 9.247 0 0 1-9.246-9.246v-84.168c0-12.556 3.683-55.021-32.813-55.021-28.309 0-34.051 29.066-35.204 42.11v97.079a9.246 9.246 0 0 1-9.246 9.246h-44.426a9.247 9.247 0 0 1-9.246-9.246V149.593a9.247 9.247 0 0 1 9.246-9.246h44.426a9.247 9.247 0 0 1 9.246 9.246v15.655c10.497-15.753 26.097-27.912 59.312-27.912 73.552 0 73.131 68.716 73.131 106.472v86.846z' fill='%230077b7'/%3E%3C/svg%3E");
}

.right-rail {
  padding-top: 32px;
  padding-right: 16px;
  padding-left: 12px;
}
.right-rail .widget-area {
  position: fixed;
  margin-right: 16px;
  padding-bottom: 80px;
}
.right-rail .widget-area .widgets:first-child {
  padding-top: 0;
}
.right-rail .widget-area .widgets:last-child {
  padding-top: 48px;
}
.right-rail .widget-area .widgets > div {
  padding-bottom: 16px;
}
.right-rail .widget-area .widgets:not(:first-child):not(:nth-child(2)):not(:last-child):before {
  content: ' ';
  display: block;
  width: 24px;
  height: 4px;
  background-color: #bdbdbd;
  margin-bottom: 16px;
}
.right-rail .widget-area .widgets:empty {
  display: none;
}

.welcome-box-right-rail {
  padding: 16px 0 0 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-top: 4px solid #ff540a;
  border-bottom: 1px solid #bdbdbd;
  position: relative;
  margin-bottom: 24px;
}
.welcome-box-right-rail .circle-container {
  display: inline-block;
  position: absolute;
  width: 56px;
  height: 56px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 0.125rem solid #ff540a;
  margin-bottom: 24px;
  right: 0;
  margin: auto;
}
.welcome-box-right-rail .circle-container img {
  width: auto;
  height: 100%;
}
.welcome-box-right-rail .circle-container.has-initial {
  background-color: #ff540a;
}
.welcome-box-right-rail .circle-container .user-initial {
  line-height: 33px;
  text-transform: uppercase;
  text-align: center;
  background-color: #ff540a;
  color: #ffffff;
  font-size: 32px;
  margin-top: 11px;
}
.welcome-box-right-rail .welcome-box-header {
  padding: 6px 0 0 0;
}
.welcome-box-right-rail .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;
  margin-bottom: 0px;
  font-size: 20px;
}
.welcome-box-right-rail .welcome-box-header .welcome-box-header-content {
  display: inline-block;
}
.welcome-box-right-rail .welcome-box-membership-section {
  margin-top: 8px;
  margin-bottom: 8px;
}
.welcome-box-right-rail .welcome-box-membership-section h4 {
  color: #212121;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  word-break: break-word;
  margin-bottom: 0px;
  font-size: 14px;
}
.welcome-box-right-rail .welcome-box-membership-section a {
  color: #0a6abb;
  word-break: break-word;
  font-size: 14px;
  cursor: pointer;
}
.welcome-box-right-rail .welcome-box-body {
  padding-bottom: 12px;
}
.welcome-box-right-rail .welcome-box-body ul {
  margin-top: 8px;
}
.welcome-box-right-rail .welcome-box-body ul li {
  font-size: 12px;
  display: inline-block;
  line-height: 20px;
  margin-right: 16px;
  /*&:not(:last-child) {
          &:after {
            content: "\B7";
            color: @gray-light;
            font-size: 14px;
            display: inline-block;
            padding: 0 5px;
          }
        }*/
}
.welcome-box-right-rail .welcome-box-body ul li a {
  color: #0a6abb;
  font-size: 14px;
  word-break: break-word;
}
.welcome-box-right-rail .welcome-box-body ul li a:active,
.welcome-box-right-rail .welcome-box-body ul li a:focus,
.welcome-box-right-rail .welcome-box-body ul li a:hover {
  text-decoration: underline;
}
.welcome-box-right-rail .welcome-box-body ul li .notification-icon {
  fill: #ff540a;
  width: 17px;
  height: 22px;
  margin-left: 4px;
  vertical-align: bottom;
}
.welcome-box-right-rail .welcome-box-body .pending-activity {
  width: 20px;
  height: 20px;
  color: #ff540a;
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
@media screen and (max-width: 1080px) {
  .welcome-box-header .welcome-box-header-content h4 {
    max-width: 80%;
  }
}
@media screen and (max-width: 860px) {
  .welcome-box-header .welcome-box-header-content h4 {
    max-width: 70%;
  }
}

.welcome-box {
  padding: 16px 0 0 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-top: 4px solid #ff540a;
  border-bottom: 4px solid #ff540a;
  position: relative;
}
.welcome-box .circle-container {
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 0.125rem solid #ff540a;
  top: -26px;
  left: 0;
  right: 0;
  margin: auto;
}
.welcome-box .circle-container img {
  width: auto;
  height: 100%;
}
.welcome-box .circle-container.has-initial {
  background-color: #ff540a;
}
.welcome-box .circle-container .user-initial {
  line-height: 33px;
  text-transform: uppercase;
  text-align: center;
  background-color: #ff540a;
  color: #ffffff;
  font-size: 32px;
}
.welcome-box .welcome-box-header {
  padding: 6px 0 0 0;
}
.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;
  margin-bottom: 0px;
}
.welcome-box .welcome-box-membership-section {
  margin-top: 8px;
  margin-bottom: 8px;
}
.welcome-box .welcome-box-membership-section h4 {
  color: #212121;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  word-break: break-word;
  margin-bottom: 0px;
  font-size: 14px;
}
.welcome-box .welcome-box-membership-section a {
  color: #616161;
  word-break: break-word;
  font-size: 12px;
  cursor: pointer;
}
.welcome-box .welcome-box-body {
  padding-bottom: 12px;
}
.welcome-box .welcome-box-body ul li {
  font-size: 12px;
  display: inline-block;
  line-height: 20px;
}
.welcome-box .welcome-box-body ul li a {
  color: #616161;
  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 ul li:not(:last-child):after {
  content: "\B7";
  color: #616161;
  font-size: 14px;
  display: inline-block;
  padding: 0 5px;
}
.welcome-box .welcome-box-body .pending-activity {
  width: 20px;
  height: 20px;
  color: #ff540a;
  margin-left: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
@media screen and (max-width: 1080px) {
  .welcome-box-header .welcome-box-header-content h4 {
    max-width: 80%;
  }
}
@media screen and (max-width: 860px) {
  .welcome-box-header .welcome-box-header-content h4 {
    max-width: 70%;
  }
}

.left-rail {
  padding-left: 16px;
  padding-right: 12px;
}
.left-rail .widget-area {
  position: fixed;
  margin-top: 32px;
  padding-bottom: 80px;
  max-width: 185px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.left-rail .widget-area .widget:not(:last-child) {
  margin-bottom: 20px;
}

#gartner-feed .new-experience-banner {
  padding-left: 0;
  padding-right: 0;
}
#gartner-feed .new-experience-banner .banner-area {
  background-color: #FCE5BD;
  text-align: center;
  margin-top: -24px;
  margin-bottom: 24px;
  height: 56px;
}
#gartner-feed .new-experience-banner .banner-area .banner-icon,
#gartner-feed .new-experience-banner .banner-area .banner-text,
#gartner-feed .new-experience-banner .banner-area .banner-link {
  display: inline-block;
}
#gartner-feed .new-experience-banner .banner-area .banner-icon {
  height: 24px;
  margin-top: -6px;
  vertical-align: middle;
}
#gartner-feed .new-experience-banner .banner-area .banner-icon .mdi-icon {
  fill: #f5ab23;
}
#gartner-feed .new-experience-banner .banner-area .banner-text {
  line-height: 56px;
  margin: 0 17px;
}
#gartner-feed .new-experience-banner .banner-area .banner-link button {
  color: #0a6abb;
  font-weight: 500;
  padding: 0;
  text-transform: none;
  font-size: 18px;
  vertical-align: initial;
}
#gartner-feed .new-experience-banner .banner-area .banner-link button span {
  padding: 5px 10px;
}
#gartner-feed .new-experience-banner .banner-area .banner-link i.forward-arrow {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #0a6abb;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
#gartner-feed .new-experience-banner .banner-area.hide {
  display: none;
}
.new-experience-modal {
  overflow-y: visible !important;
}
.new-experience-modal .kaltura-video {
  max-width: 100%;
}
.new-experience-modal .dialog-box {
  line-height: 0;
}
@media screen and (max-width: 599px) {
  #gartner-feed .new-experience-banner .banner-area.show {
    height: auto;
    padding: 10px;
  }
  #gartner-feed .new-experience-banner .banner-area.show .banner-icon {
    margin-top: 0;
  }
  #gartner-feed .new-experience-banner .banner-area.show h5 {
    line-height: 21px;
    vertical-align: middle;
  }
  #gartner-feed .new-experience-banner .banner-area.show .banner-link {
    vertical-align: middle;
  }
  #gartner-feed .new-experience-banner .banner-area.show .banner-link button {
    font-weight: bold;
    height: auto;
    min-height: auto;
  }
  #gartner-feed .new-experience-banner .banner-area.show .banner-link i.forward-arrow {
    margin-top: 2px;
  }
}
@media screen and (max-width: 797px) {
  #gartner-feed .new-experience-banner .banner-area.show .banner-link button {
    font-size: 15px;
    font-weight: bold;
  }
}

@charset "UTF-8";
.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 .react-toc-list .disabled-toc-link {
  color: black;
  cursor: initial;
  opacity: 0.8;
  text-decoration: none;
}
.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;
  width: 50%;
}
.react .reader-toc-main-popover .toc-popover-inner .toc-reader-appbar .tab-title.full-width {
  width: 100%;
  min-width: 100%;
}
.react .reader-toc-main-popover .toc-popover-inner .toc-reader-appbar .tab-title .toc-reader-tab-wrapper {
  width: 100%;
}
.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(50% - 12px);
  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;
  padding-top: 0;
  /* Right rail recommendations section START*/
  /* Right rail recommendations section END */
}
body.react #newReader .right-rail .widget-area {
  position: static;
  margin-right: 16px;
  padding-bottom: 100px;
}
body.react #newReader .right-rail .widget-area > div {
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
body.react #newReader .right-rail .widget-area > div:last-child {
  border-bottom: 0;
}
body.react #newReader .right-rail .widget-area [data-ga-pc-conversation-widget-type] .pc-feed-card:last-child {
  border: 0;
}
body.react #newReader .right-rail .pc-border-top {
  border-top: 1px solid #bdbdbd;
}
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:last-child {
  margin-bottom: 0;
}
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 .more:focus {
  background: #eeeeee;
}
body.react #newReader .right-rail .less {
  transform: rotate(180deg);
  padding: 0;
}
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 .recommandation-seprator {
  border: 0;
  border-top: 1px solid #bdbdbd;
  margin: 24px 0;
}
body.react #newReader .right-rail .long-doc-rr-recommendation {
  margin-top: 260px;
  font-size: 16px;
}
body.react #newReader .right-rail .recommendations {
  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 .rr-inquiry {
  display: none;
}
body.react #newReader .rr-inquiry[data-ga-inquiry="doc-right"] {
  display: block;
}
body.react #newReader .rr-inquiry[data-ga-inquiry="doc-bottom"] {
  padding-bottom: 20px;
  border-top: 1px solid #bdbdbd;
  padding-top: 20px;
}
body.react #newReader .rr-inquiry .inquiryQuestion {
  width: 80%;
  color: #616161;
  font-size: 14px;
}
body.react #newReader .rr-inquiry a.inquiryBlock {
  border: 0;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
  text-transform: none;
}
body.react #newReader .rr-inquiry a.inquiryBlock:hover {
  background-color: #fff;
}
body.react #newReader .rr-inquiry a.inquiryBlock span.inquiryText {
  padding: 0 10px;
}

.feedback {
  padding-bottom: 20px;
  margin-top: -10px;
  display: none;
}
.feedback[data-ga-feedback="doc-right"] {
  display: block;
}
.feedback[data-ga-feedback="doc-bottom"] {
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  padding-top: 20px;
  margin-bottom: 20px;
}
.feedback button {
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  color: #0a6abb;
  border: 1px solid #cccccc;
  border-radius: 32px;
  display: inline-block;
  background-color: #ffffff;
  padding: 0px;
  line-height: normal;
  text-align: center;
  height: 36px;
  width: 65px;
  outline: none;
  margin-right: 20px;
}
.feedback button:hover {
  border: 1px solid #085698;
}
.feedback .opt_buttonRow {
  margin-top: 15px;
}
.feedback .scale-it {
  border: 1px solid #00a76d;
  color: #00a76d;
  width: 32px;
  height: 32px;
  text-align: center;
  margin-top: 1px;
  line-height: 32px;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feedback .subhead-rail-animated {
  font-weight: 700;
  color: #212121;
  font-size: 14px;
  text-transform: uppercase;
}

.one-click-track-container .one-click-track-initiatives {
  margin-bottom: 24px !important;
}
.one-click-track-container .one-click-track-initiatives .one-click-track-initiatives-list {
  display: flex;
  margin-bottom: 16px;
}
.one-click-track-container .one-click-track-initiatives .one-click-track-initiatives-list .one-click-track-initiatives-list-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #e0e0e0;
}
.one-click-track-container .one-click-track-initiatives .one-click-track-initiatives-list .one-click-track-initiatives-list-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #0a6abb;
  font-size: 14px;
  line-height: 22px;
}
.one-click-track-container .one-click-track-initiatives .one-click-track-initiatives-list .one-click-track-initiatives-list-title a {
  cursor: pointer;
}
.one-click-track-container .one-click-track-initiatives .one-click-track-initiatives-list .one-click-track-initiatives-list-title .one-click-track-initiatives-list-button {
  border: 1px solid #0a6abb;
  border-radius: 20px;
  padding: 4px;
  margin: 10px 0;
  color: #0a6abb;
  text-transform: capitalize;
  font-weight: 600;
}
@media all and (max-width: 959px) {
  .react.readerV2 #oneClickTrackVarientBottom {
    display: block !important;
  }
}

.mobile-app-banner {
  position: fixed;
  bottom: 0;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  max-height: unset;
  border-radius: 0;
}
.mobile-app-banner .dialog-box {
  padding: 16px 16px 24px 16px;
  width: 100%;
  box-sizing: border-box;
}
.mobile-app-banner .dialog-box .close-icon {
  display: none;
}
.mobile-app-banner .dialog-box .banner-content {
  overflow: hidden;
}
.mobile-app-banner .dialog-box img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.mobile-app-banner .dialog-box h4 {
  padding: 0;
  margin-top: 16px;
  color: #424242;
  font-size: 20px;
  line-height: 24px;
}
.mobile-app-banner .dialog-box p {
  color: #424242;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
  padding: 0;
}
.mobile-app-banner .btn-container {
  display: block;
  padding: 0;
}
.mobile-app-banner .btn-container .button {
  text-transform: capitalize;
  font-size: 16px;
  line-height: 19px;
  border-radius: 2px;
  padding: 0;
}
.mobile-app-banner .btn-container .open-app-button {
  background-color: #0a6abb;
  color: #ffffff;
  padding: 11px 0 10px;
  margin-bottom: 6px;
}
.mobile-app-banner .btn-container .not-now-button {
  color: #0a6abb;
  padding-top: 10px;
  padding-bottom: 11px;
}
@media screen and (min-width: 600px) {
  .mobile-app-banner .dialog-box {
    padding: 32px 0 24px;
    margin: 0 auto;
    max-width: 343px;
    width: 100%;
    text-align: center;
    background: #fff;
  }
}

.react.readerV2.reprint {
  background: none;
}
.react.readerV2.reprint .feedOnly {
  display: none;
}
.react.readerV2.reprint #app-root {
  width: 100%;
}
.react.readerV2.reprint #app-root .header-wrapper {
  display: none;
}
.react.readerV2.reprint .head {
  background-color: #2C3E49;
}
.react.readerV2.reprint .head .logo-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 25px 0 21px 0;
  float: none;
}
.react.readerV2.reprint .head .logo-container a {
  margin-top: 2px;
  margin-left: 16px;
  display: inline-block;
}
.react.readerV2.reprint .head .logo-container a span.sprite {
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  background: url('/assets/images/sprites/header.png') no-repeat scroll 0px -165px rgba(0, 0, 0, 0);
}
.react.readerV2.reprint .head .logo-container a span.logo {
  width: 80px;
  height: 32px;
}
.react.readerV2.reprint .head .logo-container p.licensed {
  float: right;
  margin: 5px 16px 0 0;
  color: #ffffff;
}
.react.readerV2.reprint .reprint-section {
  margin-top: 20px;
}
.react.readerV2.reprint .reprint-section .long-doc-rr-recommendation,
.react.readerV2.reprint .reprint-section .long-doc-rr-lower-rail,
.react.readerV2.reprint .reprint-section .level1,
.react.readerV2.reprint .reprint-section .primaryKIDisplay,
.react.readerV2.reprint .reprint-section .doctodoc,
.react.readerV2.reprint .reprint-section .appendix {
  display: none;
}
.react.readerV2.reprint .reprint-section .internalFlag {
  text-transform: uppercase;
  color: #d54400;
  text-align: center;
  margin-bottom: 20px;
}
.react.readerV2.reprint .reprint-section .right-rail {
  padding-left: 12px;
}
.react.readerV2.reprint .reprint-section .right-rail .analyst-rail a {
  pointer-events: none;
}
.react.readerV2.reprint .reprint-section .right-rail .analyst-rail a:hover,
.react.readerV2.reprint .reprint-section .right-rail .analyst-rail a:active,
.react.readerV2.reprint .reprint-section .right-rail .analyst-rail a:focus {
  text-decoration: none;
}
.react.readerV2.reprint .reprint-section .reprintPromoContainer {
  position: fixed;
  margin-top: 40px;
}
.react.readerV2.reprint .reprint-section .reprintPromoContainer .prms {
  margin-bottom: 20px;
}
.react.readerV2.reprint .reprint-section .reprintPromoContainer .prms img {
  display: block;
  width: 100%;
  max-width: 300px;
}
.react.readerV2.reprint .footer-reprint {
  background-color: #2c3e49;
}
.react.readerV2.reprint .footer-reprint footer {
  margin: 0 auto;
  z-index: 1000;
  min-height: 93px;
}
.react.readerV2.reprint .footer-reprint footer .top-section {
  overflow: hidden;
  padding-top: 25px;
}
.react.readerV2.reprint .footer-reprint footer .top-section #footer-links {
  float: left;
}
.react.readerV2.reprint .footer-reprint footer .top-section #footer-links li {
  display: inline;
  margin-right: 15px;
}
.react.readerV2.reprint .footer-reprint footer .top-section #footer-links li:last-child {
  margin-right: 0px;
}
.react.readerV2.reprint .footer-reprint footer .top-section #footer-links li a {
  font-size: 14px;
  text-shadow: none;
  color: #9ab9ca;
  font-family: Arial;
}
.react.readerV2.reprint .footer-reprint footer .top-section .logo {
  float: right;
}
.react.readerV2.reprint .footer-reprint footer .top-section .logo img {
  width: 92px;
}
.react.readerV2.reprint .footer-reprint footer .bottom-section {
  overflow: hidden;
  padding-top: 6px;
  padding-bottom: 20px;
}
.react.readerV2.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(/assets/images/Icons_warning_32x32.png);
  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;
  }
}
@media all and (max-width: 959px) {
  .react.readerV2.reprint #newReader .right-rail {
    display: block;
  }
  .react.readerV2.reprint #newReader .right-rail .widget-area {
    padding-bottom: 0;
  }
  .react.readerV2.reprint #newReader .right-rail .widget-area > div:not(.reprintPromoContainer) {
    display: none;
  }
  .react.readerV2.reprint #newReader .right-rail .widget-area .reprintPromoContainer {
    position: relative;
    margin: 32px 0 0 0;
    padding-bottom: 0;
  }
}

@charset "UTF-8";
.react.readerV2 span.gc-cs-link {
  text-decoration: none;
  color: inherit;
}
.react.readerV2 .event-container,
.react.readerV2 .webinar-container {
  display: flex;
  width: 100%;
}
.react.readerV2 .event-container .event-status-bar,
.react.readerV2 .webinar-container .event-status-bar,
.react.readerV2 .event-container .webinar-status-bar,
.react.readerV2 .webinar-container .webinar-status-bar {
  padding: 24px 100%;
  margin: 45px -100% 40px -100%;
  background-color: #fafafa;
}
.react.readerV2 .event-container .event-status-bar:after,
.react.readerV2 .webinar-container .event-status-bar:after,
.react.readerV2 .event-container .webinar-status-bar:after,
.react.readerV2 .webinar-container .webinar-status-bar:after {
  clear: both;
  content: " ";
  display: table;
}
.react.readerV2 .event-container .event-status-bar .event-status-bar-info,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 69.659%;
}
.react.readerV2 .event-container .event-status-bar .event-status-bar-info .event-status-bar-info-section div,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .event-status-bar-info-section div,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section div,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section div,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section div,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section div,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section div,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section div,
.react.readerV2 .event-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section div,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section div,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section div,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section div,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section div,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section div,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section div,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section div {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #212121;
  margin-bottom: 8px;
}
.react.readerV2 .event-container .event-status-bar .event-status-bar-info .event-status-bar-info-section .event-label-value,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .event-status-bar-info-section .event-label-value,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section .event-label-value,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section .event-label-value,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section .event-label-value,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section .event-label-value,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section .event-label-value,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section .event-label-value,
.react.readerV2 .event-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section .event-label-value,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section .event-label-value,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section .event-label-value,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section .event-label-value,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .event-label-value,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .event-label-value,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .event-label-value,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .event-label-value,
.react.readerV2 .event-container .event-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-date,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-date,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-date,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-date,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-date,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-date,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-date,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-date,
.react.readerV2 .event-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-date,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-date,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-date,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-date,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-date,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-date,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-date,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-date,
.react.readerV2 .event-container .event-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-time,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-time,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-time,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-time,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-time,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-time,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-time,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-time,
.react.readerV2 .event-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-time,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-time,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-time,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-time,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-time,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-time,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-time,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-time,
.react.readerV2 .event-container .event-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-credits,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-credits,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-credits,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section .webinar-credits,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-credits,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-credits,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-credits,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section .webinar-credits,
.react.readerV2 .event-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-credits,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-credits,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-credits,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section .webinar-credits,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-credits,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-credits,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-credits,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section .webinar-credits {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #d1460b;
}
.react.readerV2 .event-container .event-status-bar .event-status-bar-info .divider,
.react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .divider,
.react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .divider,
.react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .divider,
.react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .divider,
.react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .divider,
.react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .divider,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .divider {
  border-left: 1px solid #bdbdbd;
  margin-left: 38px;
  padding-right: 38px;
  height: 70px;
}
.react.readerV2 .event-container .event-status-bar .event-status,
.react.readerV2 .webinar-container .event-status-bar .event-status,
.react.readerV2 .event-container .webinar-status-bar .event-status,
.react.readerV2 .webinar-container .webinar-status-bar .event-status,
.react.readerV2 .event-container .event-status-bar .webinar-status,
.react.readerV2 .webinar-container .event-status-bar .webinar-status,
.react.readerV2 .event-container .webinar-status-bar .webinar-status,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status {
  display: inline-flex;
  align-items: center;
  width: 30.341%;
  float: left;
  padding-left: 60px;
  padding-right: 16px;
  box-sizing: border-box;
}
.react.readerV2 .event-container .event-status-bar .event-status:after,
.react.readerV2 .webinar-container .event-status-bar .event-status:after,
.react.readerV2 .event-container .webinar-status-bar .event-status:after,
.react.readerV2 .webinar-container .webinar-status-bar .event-status:after,
.react.readerV2 .event-container .event-status-bar .webinar-status:after,
.react.readerV2 .webinar-container .event-status-bar .webinar-status:after,
.react.readerV2 .event-container .webinar-status-bar .webinar-status:after,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status:after {
  clear: both;
  content: " ";
  display: table;
}
.react.readerV2 .event-container .event-status-bar .event-status h4,
.react.readerV2 .webinar-container .event-status-bar .event-status h4,
.react.readerV2 .event-container .webinar-status-bar .event-status h4,
.react.readerV2 .webinar-container .webinar-status-bar .event-status h4,
.react.readerV2 .event-container .event-status-bar .webinar-status h4,
.react.readerV2 .webinar-container .event-status-bar .webinar-status h4,
.react.readerV2 .event-container .webinar-status-bar .webinar-status h4,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status h4 {
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #d1460b;
}
.react.readerV2 .event-container .event-status-bar .event-status .event-status-bar-message,
.react.readerV2 .webinar-container .event-status-bar .event-status .event-status-bar-message,
.react.readerV2 .event-container .webinar-status-bar .event-status .event-status-bar-message,
.react.readerV2 .webinar-container .webinar-status-bar .event-status .event-status-bar-message,
.react.readerV2 .event-container .event-status-bar .webinar-status .event-status-bar-message,
.react.readerV2 .webinar-container .event-status-bar .webinar-status .event-status-bar-message,
.react.readerV2 .event-container .webinar-status-bar .webinar-status .event-status-bar-message,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status .event-status-bar-message,
.react.readerV2 .event-container .event-status-bar .event-status .webinar-status-bar-message,
.react.readerV2 .webinar-container .event-status-bar .event-status .webinar-status-bar-message,
.react.readerV2 .event-container .webinar-status-bar .event-status .webinar-status-bar-message,
.react.readerV2 .webinar-container .webinar-status-bar .event-status .webinar-status-bar-message,
.react.readerV2 .event-container .event-status-bar .webinar-status .webinar-status-bar-message,
.react.readerV2 .webinar-container .event-status-bar .webinar-status .webinar-status-bar-message,
.react.readerV2 .event-container .webinar-status-bar .webinar-status .webinar-status-bar-message,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status .webinar-status-bar-message {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #424242;
}
.react.readerV2 .event-container .event-status-bar .event-status button,
.react.readerV2 .webinar-container .event-status-bar .event-status button,
.react.readerV2 .event-container .webinar-status-bar .event-status button,
.react.readerV2 .webinar-container .webinar-status-bar .event-status button,
.react.readerV2 .event-container .event-status-bar .webinar-status button,
.react.readerV2 .webinar-container .event-status-bar .webinar-status button,
.react.readerV2 .event-container .webinar-status-bar .webinar-status button,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status button,
.react.readerV2 .event-container .event-status-bar .event-status a.event-reg-cta,
.react.readerV2 .webinar-container .event-status-bar .event-status a.event-reg-cta,
.react.readerV2 .event-container .webinar-status-bar .event-status a.event-reg-cta,
.react.readerV2 .webinar-container .webinar-status-bar .event-status a.event-reg-cta,
.react.readerV2 .event-container .event-status-bar .webinar-status a.event-reg-cta,
.react.readerV2 .webinar-container .event-status-bar .webinar-status a.event-reg-cta,
.react.readerV2 .event-container .webinar-status-bar .webinar-status a.event-reg-cta,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status a.event-reg-cta {
  padding: 11px 48px;
  border-radius: 2px;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  z-index: 999;
}
.react.readerV2 .event-container .event-status-bar .event-status button.register,
.react.readerV2 .webinar-container .event-status-bar .event-status button.register,
.react.readerV2 .event-container .webinar-status-bar .event-status button.register,
.react.readerV2 .webinar-container .webinar-status-bar .event-status button.register,
.react.readerV2 .event-container .event-status-bar .webinar-status button.register,
.react.readerV2 .webinar-container .event-status-bar .webinar-status button.register,
.react.readerV2 .event-container .webinar-status-bar .webinar-status button.register,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status button.register,
.react.readerV2 .event-container .event-status-bar .event-status a.event-reg-cta.register,
.react.readerV2 .webinar-container .event-status-bar .event-status a.event-reg-cta.register,
.react.readerV2 .event-container .webinar-status-bar .event-status a.event-reg-cta.register,
.react.readerV2 .webinar-container .webinar-status-bar .event-status a.event-reg-cta.register,
.react.readerV2 .event-container .event-status-bar .webinar-status a.event-reg-cta.register,
.react.readerV2 .webinar-container .event-status-bar .webinar-status a.event-reg-cta.register,
.react.readerV2 .event-container .webinar-status-bar .webinar-status a.event-reg-cta.register,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status a.event-reg-cta.register {
  background-color: #ff540a;
}
.react.readerV2 .event-container .event-status-bar .event-status button.attend,
.react.readerV2 .webinar-container .event-status-bar .event-status button.attend,
.react.readerV2 .event-container .webinar-status-bar .event-status button.attend,
.react.readerV2 .webinar-container .webinar-status-bar .event-status button.attend,
.react.readerV2 .event-container .event-status-bar .webinar-status button.attend,
.react.readerV2 .webinar-container .event-status-bar .webinar-status button.attend,
.react.readerV2 .event-container .webinar-status-bar .webinar-status button.attend,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status button.attend,
.react.readerV2 .event-container .event-status-bar .event-status a.event-reg-cta.attend,
.react.readerV2 .webinar-container .event-status-bar .event-status a.event-reg-cta.attend,
.react.readerV2 .event-container .webinar-status-bar .event-status a.event-reg-cta.attend,
.react.readerV2 .webinar-container .webinar-status-bar .event-status a.event-reg-cta.attend,
.react.readerV2 .event-container .event-status-bar .webinar-status a.event-reg-cta.attend,
.react.readerV2 .webinar-container .event-status-bar .webinar-status a.event-reg-cta.attend,
.react.readerV2 .event-container .webinar-status-bar .webinar-status a.event-reg-cta.attend,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status a.event-reg-cta.attend,
.react.readerV2 .event-container .event-status-bar .event-status button.replay,
.react.readerV2 .webinar-container .event-status-bar .event-status button.replay,
.react.readerV2 .event-container .webinar-status-bar .event-status button.replay,
.react.readerV2 .webinar-container .webinar-status-bar .event-status button.replay,
.react.readerV2 .event-container .event-status-bar .webinar-status button.replay,
.react.readerV2 .webinar-container .event-status-bar .webinar-status button.replay,
.react.readerV2 .event-container .webinar-status-bar .webinar-status button.replay,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status button.replay,
.react.readerV2 .event-container .event-status-bar .event-status a.event-reg-cta.replay,
.react.readerV2 .webinar-container .event-status-bar .event-status a.event-reg-cta.replay,
.react.readerV2 .event-container .webinar-status-bar .event-status a.event-reg-cta.replay,
.react.readerV2 .webinar-container .webinar-status-bar .event-status a.event-reg-cta.replay,
.react.readerV2 .event-container .event-status-bar .webinar-status a.event-reg-cta.replay,
.react.readerV2 .webinar-container .event-status-bar .webinar-status a.event-reg-cta.replay,
.react.readerV2 .event-container .webinar-status-bar .webinar-status a.event-reg-cta.replay,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status a.event-reg-cta.replay {
  background-color: #0a6abb;
}
.react.readerV2 .event-container .event-status-bar .event-status button .icon-play,
.react.readerV2 .webinar-container .event-status-bar .event-status button .icon-play,
.react.readerV2 .event-container .webinar-status-bar .event-status button .icon-play,
.react.readerV2 .webinar-container .webinar-status-bar .event-status button .icon-play,
.react.readerV2 .event-container .event-status-bar .webinar-status button .icon-play,
.react.readerV2 .webinar-container .event-status-bar .webinar-status button .icon-play,
.react.readerV2 .event-container .webinar-status-bar .webinar-status button .icon-play,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status button .icon-play,
.react.readerV2 .event-container .event-status-bar .event-status a.event-reg-cta .icon-play,
.react.readerV2 .webinar-container .event-status-bar .event-status a.event-reg-cta .icon-play,
.react.readerV2 .event-container .webinar-status-bar .event-status a.event-reg-cta .icon-play,
.react.readerV2 .webinar-container .webinar-status-bar .event-status a.event-reg-cta .icon-play,
.react.readerV2 .event-container .event-status-bar .webinar-status a.event-reg-cta .icon-play,
.react.readerV2 .webinar-container .event-status-bar .webinar-status a.event-reg-cta .icon-play,
.react.readerV2 .event-container .webinar-status-bar .webinar-status a.event-reg-cta .icon-play,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status a.event-reg-cta .icon-play {
  padding-right: 10px;
}
.react.readerV2 .event-container .event-status-bar .event-status .contact-link,
.react.readerV2 .webinar-container .event-status-bar .event-status .contact-link,
.react.readerV2 .event-container .webinar-status-bar .event-status .contact-link,
.react.readerV2 .webinar-container .webinar-status-bar .event-status .contact-link,
.react.readerV2 .event-container .event-status-bar .webinar-status .contact-link,
.react.readerV2 .webinar-container .event-status-bar .webinar-status .contact-link,
.react.readerV2 .event-container .webinar-status-bar .webinar-status .contact-link,
.react.readerV2 .webinar-container .webinar-status-bar .webinar-status .contact-link {
  cursor: pointer;
}
@media only screen and (max-width: 959px) and (min-width: 375px) {
  .react.readerV2 .event-container .event-status-bar,
  .react.readerV2 .webinar-container .event-status-bar,
  .react.readerV2 .event-container .webinar-status-bar,
  .react.readerV2 .webinar-container .webinar-status-bar {
    padding-bottom: 28px;
    max-width: 100%;
    padding-right: 16px;
    padding-left: 12px;
    margin-left: -12px;
    margin-right: -16px;
  }
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info,
  .react.readerV2 .event-container .event-status-bar .event-status,
  .react.readerV2 .webinar-container .event-status-bar .event-status,
  .react.readerV2 .event-container .webinar-status-bar .event-status,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info,
  .react.readerV2 .event-container .event-status-bar .webinar-status,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status {
    width: 100%;
    padding-left: 0px;
  }
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info {
    display: flex;
    justify-content: space-evenly;
  }
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info:after,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info:after,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info:after,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info:after,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info:after,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info:after,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info:after,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info:after {
    clear: both;
    content: " ";
    display: table;
  }
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info .event-status-bar-info-section.time,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .event-status-bar-info-section.time,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section.time,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section.time,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section.time,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section.time,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section.time,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section.time,
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section.time,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section.time,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section.time,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section.time,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section.time,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section.time,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section.time,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section.time {
    min-width: 36%;
  }
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info .event-status-bar-info-section.credits,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .event-status-bar-info-section.credits,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section.credits,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section.credits,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section.credits,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section.credits,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section.credits,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section.credits,
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section.credits,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section.credits,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section.credits,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section.credits,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section.credits,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section.credits,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section.credits,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section.credits {
    max-width: 12%;
  }
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info .divider,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .divider,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .divider,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .divider,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .divider,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .divider,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .divider,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .divider {
    margin-left: 20px;
    padding-right: 20px;
  }
  .react.readerV2 .event-container .event-status-bar .event-status,
  .react.readerV2 .webinar-container .event-status-bar .event-status,
  .react.readerV2 .event-container .webinar-status-bar .event-status,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status,
  .react.readerV2 .event-container .event-status-bar .webinar-status,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status {
    margin-top: 32px;
    justify-content: center;
  }
  .react.readerV2 .event-container .event-status-bar .event-status.concluded,
  .react.readerV2 .webinar-container .event-status-bar .event-status.concluded,
  .react.readerV2 .event-container .webinar-status-bar .event-status.concluded,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status.concluded,
  .react.readerV2 .event-container .event-status-bar .webinar-status.concluded,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status.concluded,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status.concluded,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status.concluded,
  .react.readerV2 .event-container .event-status-bar .event-status.error,
  .react.readerV2 .webinar-container .event-status-bar .event-status.error,
  .react.readerV2 .event-container .webinar-status-bar .event-status.error,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status.error,
  .react.readerV2 .event-container .event-status-bar .webinar-status.error,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status.error,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status.error,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status.error,
  .react.readerV2 .event-container .event-status-bar .event-status.registered,
  .react.readerV2 .webinar-container .event-status-bar .event-status.registered,
  .react.readerV2 .event-container .webinar-status-bar .event-status.registered,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status.registered,
  .react.readerV2 .event-container .event-status-bar .webinar-status.registered,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status.registered,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status.registered,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status.registered {
    justify-content: left;
  }
}
@media only screen and (max-width: 375px) {
  .react.readerV2 .event-container .event-status-bar,
  .react.readerV2 .webinar-container .event-status-bar,
  .react.readerV2 .event-container .webinar-status-bar,
  .react.readerV2 .webinar-container .webinar-status-bar {
    padding-top: 15px;
    padding-right: 12px;
    margin-right: -12px;
    padding-left: 16px;
    margin-left: -16px;
    padding-bottom: 37px;
    max-width: 100%;
  }
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info,
  .react.readerV2 .event-container .event-status-bar .event-status,
  .react.readerV2 .webinar-container .event-status-bar .event-status,
  .react.readerV2 .event-container .webinar-status-bar .event-status,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info,
  .react.readerV2 .event-container .event-status-bar .webinar-status,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status {
    width: 100%;
    padding-left: 0;
  }
  .react.readerV2 .event-container .event-status-bar .event-status,
  .react.readerV2 .webinar-container .event-status-bar .event-status,
  .react.readerV2 .event-container .webinar-status-bar .event-status,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status,
  .react.readerV2 .event-container .event-status-bar .webinar-status,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status {
    justify-content: center;
  }
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info {
    display: block;
    margin-bottom: 24px;
  }
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info .event-status-bar-info-section,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .event-status-bar-info-section,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section,
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section {
    width: 100%;
    float: none;
  }
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info .event-status-bar-info-section:not(:last-child),
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .event-status-bar-info-section:not(:last-child),
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section:not(:last-child),
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .event-status-bar-info-section:not(:last-child),
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section:not(:last-child),
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .event-status-bar-info-section:not(:last-child),
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section:not(:last-child),
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .event-status-bar-info-section:not(:last-child),
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section:not(:last-child),
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .webinar-status-bar-info-section:not(:last-child),
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section:not(:last-child),
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .webinar-status-bar-info-section:not(:last-child),
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section:not(:last-child),
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .webinar-status-bar-info-section:not(:last-child),
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section:not(:last-child),
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .webinar-status-bar-info-section:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-right: 0px;
    border-bottom: 1px solid #bdbdbd;
  }
  .react.readerV2 .event-container .event-status-bar .event-status-bar-info .divider,
  .react.readerV2 .webinar-container .event-status-bar .event-status-bar-info .divider,
  .react.readerV2 .event-container .webinar-status-bar .event-status-bar-info .divider,
  .react.readerV2 .webinar-container .webinar-status-bar .event-status-bar-info .divider,
  .react.readerV2 .event-container .event-status-bar .webinar-status-bar-info .divider,
  .react.readerV2 .webinar-container .event-status-bar .webinar-status-bar-info .divider,
  .react.readerV2 .event-container .webinar-status-bar .webinar-status-bar-info .divider,
  .react.readerV2 .webinar-container .webinar-status-bar .webinar-status-bar-info .divider {
    display: none;
  }
}

@charset "UTF-8";
.react.readerV2 .webinar-container .document-right .related-webinars #related-webinars-title {
  margin-bottom: 7px;
}
.react.readerV2 .webinar-container .document-right .related-webinars .related-webinars-list {
  padding-top: 7px;
}
.react.readerV2 .webinar-container .document-right .related-webinars .related-webinars-list .related-webinar {
  border-bottom: 1px dashed #cdcdcd;
  padding-bottom: 13px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
}
.react.readerV2 .webinar-container .document-right .related-webinars .related-webinars-list .related-webinar .related-webinar-title {
  color: #0a6abb;
}
.react.readerV2 .webinar-container .document-right .related-webinars .related-webinars-list .related-webinar .metadata {
  color: #757575;
  padding-top: 1px;
}
.react.readerV2 .webinar-container .document-right .related-webinars .related-webinars-list .related-webinar .metadata .pipe {
  border-left: 1px solid #bdbdbd;
  padding-right: 8px;
  margin-left: 8px;
  margin-bottom: -2px;
  display: inline-block;
  width: 1px;
  height: 13px;
}
.react.readerV2 .webinar-container .document-right .view-all-webinars {
  font-size: 14px;
  font-weight: 500;
}
.react.readerV2 .webinar-container .document-right .view-all-webinars .arrow-right {
  display: inline-block;
  position: absolute;
  margin-left: 5px;
  margin-top: 9px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #0a6abb;
}

@charset "UTF-8";
.react.readerV2 .event-container .cpe-credits #cpe-credits-title,
.react.readerV2 .webinar-container .cpe-credits #cpe-credits-title {
  margin-bottom: 15px;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-list li,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-list li {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #424242;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-list li .cpe-value,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-list li .cpe-value {
  padding-left: 5px;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer {
  background-color: #fafafa;
  padding: 24px 100%;
  margin: 40px -100% 24px -100%;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer:before,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer:before,
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer:after,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer:after {
  content: "";
  display: table;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer:after,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer:after {
  clear: both;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer .cpe-credits-disclaimer-left,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer .cpe-credits-disclaimer-left,
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer .cpe-credits-disclaimer-right,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer .cpe-credits-disclaimer-right {
  float: left;
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer .cpe-credits-disclaimer-left,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer .cpe-credits-disclaimer-left {
  width: 30%;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer .cpe-credits-disclaimer-right,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer .cpe-credits-disclaimer-right {
  width: 70%;
  padding-left: 25px;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer h6,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer h6 {
  font-size: 15px;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer h6 + p,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer h6 + p {
  margin-bottom: 24px;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer p,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer p {
  font-size: 14px;
}
.react.readerV2 .event-container .cpe-credits .cpe-credits-disclaimer .cpe-logo,
.react.readerV2 .webinar-container .cpe-credits .cpe-credits-disclaimer .cpe-logo {
  width: 100%;
  max-width: 225px;
  display: inline-block;
}

@charset "UTF-8";
.react.readerV2 .webinar-series-outer-container {
  margin-bottom: 20px;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container {
  padding: 0 24px 24px 24px;
  background-color: #fafafa;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading {
  display: flex;
  justify-content: space-between;
  padding: 24px 0px;
  border-bottom: 1px solid #bdbdbd;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading.mobile-view {
  display: none;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading .webinar-series-main-head {
  color: #212121;
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  align-self: center;
  font-weight: 500;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading .webinar-series-main-head-button {
  color: #fff;
  height: 40px;
  background-color: #0a6abb;
  align-self: center;
  border-radius: 2px;
  font-weight: 700;
  padding: 0 24px 0 24px;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading .webinar-series-main-head-button:hover {
  background-color: #0a6abb;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading .webinar-series-main-head-button.disabled {
  background-color: #eeeeee;
  color: #616161;
  cursor: default;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading .webinar-series-main-head-button.mobile-view {
  display: none;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading .webinar-seriese-action-error {
  color: #d1460b;
  font-size: 12px;
  margin-left: 10px;
  text-align: right;
  align-self: center;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item:last-child .webinar-series-list-item-container {
  border-bottom: 0;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px dashed #d5d5d5;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container .webinar-seriese-action-error {
  color: #d1460b;
  font-size: 12px;
  margin-left: 10px;
  text-align: right;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container .webinar-series-list-item-inner-container {
  max-width: 75%;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container .webinar-series-list-item-inner-container h3 {
  font-size: 14px;
  color: #0a6abb;
  font-weight: 500;
  margin-bottom: 0;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container .webinar-series-list-item-inner-container .webinar-series-list-item-details {
  color: #535a5a;
  margin-bottom: 0;
  font-size: 14px;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container .webinar-series-list-item-action-btn {
  height: 36px;
  border: 1px solid #0a6abb;
  color: #0a6abb;
  font-weight: bold;
  min-width: 114px;
  align-self: flex-start;
  border-radius: 2px;
  margin-left: 10px;
  padding: 0 16px;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container .webinar-series-list-item-action-btn .webinar-seriese-actionloading-icon {
  color: #0a6abb;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container .webinar-series-list-item-action-btn:hover {
  background-color: #fff;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container .webinar-series-list-item-action-btn.disabled {
  background-color: #eeeeee;
  color: #616161;
  border: 1px solid #eeeeee;
  cursor: default;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item.view-more {
  display: flex;
  justify-content: center;
  height: 50px;
  align-items: center;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item.view-more a {
  display: flex;
  font-size: 14px;
}
.react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item.view-more a:hover {
  cursor: pointer;
}
.react.readerV2 .webinar-series-validation {
  max-width: 612px;
}
.react.readerV2 .webinar-series-validation .webinar-series-validation-message {
  margin-top: 30px;
}
.react.readerV2 .webinar-series-validation .dialog-box {
  padding: 56px 40px 10px 40px;
}
.react.readerV2 .webinar-series-validation .dialog-box .buttons-container {
  display: block;
  margin-top: 41px;
  text-align: right;
}
.react.readerV2 .webinar-series-validation .dialog-box .buttons-container .button {
  color: #0a6abb;
}
@media only screen and (max-width: 900px) and (min-width: 600px) {
  .react.readerV2 .webinar-series-outer-container {
    margin-bottom: 20px;
    padding: 0 12px;
    background-color: #fafafa;
  }
  .react.readerV2 .webinar-series-outer-container .webinar-series-inner-container {
    padding: 0;
  }
}
@media only screen and (max-width: 599px) {
  .react.readerV2 .webinar-series-outer-container {
    margin-bottom: 20px;
    background-color: #fafafa;
    padding: 0;
  }
  .react.readerV2 .webinar-series-outer-container .webinar-series-inner-container {
    padding: 0;
  }
  .react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading {
    flex-direction: column;
    border-bottom: 0;
    width: 100%;
    height: auto;
  }
  .react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading.mobile-view {
    display: block;
  }
  .react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading .webinar-seriese-action-error {
    align-self: flex-start;
  }
  .react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading .webinar-series-main-head {
    align-self: flex-start;
    padding: 10px 0;
  }
  .react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading .webinar-series-main-head-button {
    width: 100%;
  }
  .react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-main-heading .webinar-series-main-head-button.mobile-view {
    display: block;
  }
  .react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container {
    flex-direction: column;
  }
  .react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container .webinar-series-list-item-inner-container {
    max-width: 100%;
  }
  .react.readerV2 .webinar-series-outer-container .webinar-series-inner-container .webinar-series-list-item .webinar-series-list-item-container .webinar-series-list-item-action-btn {
    margin: 10px 10px 0 10px;
  }
}

.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: 80px;
}
.interactive-section {
  background-color: #eeeeee;
}
.interactive-section .interactive-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 80px 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;
  border: 0;
  background: transparent;
  vertical-align: text-top;
}
.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.top .hp button {
  border: 0;
  background: #0000;
  vertical-align: text-top;
}
.interactive-section .interactive-container .interactive-action-bar.top .hp button .left-rail-text {
  display: none;
}
.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: #eeeeee;
}
.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;
  background: #fff;
  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;
  background: #fff;
}
.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;
  background: #fff;
}
.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: #eeeeee;
  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: #eeeeee;
}
.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;
  padding-left: 24px;
  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;
  display: inline-block;
}
.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;
}
.interactive-section ~ .print-iteractive .disclaimer {
  margin-top: 0px !important;
}
@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;
  }
}

.interactive-tab-section .interactive-tabs {
  margin-bottom: 32px;
}
.interactive-tab-section .interactive-tabs .scroller {
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.interactive-tab-section .interactive-tabs button.selected-tab {
  color: #0a6abb;
}
.interactive-tab-section .interactive-tabs button .wrapper-tab {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: normal;
  font-family: "Gartner sans";
}
.interactive-tab-section .interactive-tabs button .wrapper-tab .wrapper-tab-span {
  width: 100%;
}
.interactive-tab-section .mainTab-indicator {
  height: 4px;
  background-color: #0a6abb;
}

.interactive-tab-section.interactive.new-header {
  padding-top: 80px;
  margin-top: 0px;
}
.interactive-tab-section.interactive.new-header.onlyMobile {
  padding-top: 0;
}
.interactive-tab-section.interactive .interactive-tabs {
  width: 718px;
  margin: 16px auto 24px;
  position: relative;
  left: -56px;
}
@media all and (min-width: 1150px) and (max-width: 1170px) {
  .interactive-tab-section.interactive .interactive-tabs {
    width: 645px;
    left: -50px;
  }
}
@media all and (min-width: 1100px) and (max-width: 1149px) {
  .interactive-tab-section.interactive .interactive-tabs {
    width: 613px;
    left: -46px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1099px) {
  .interactive-tab-section.interactive .interactive-tabs {
    width: 575px;
    left: -42px;
  }
}
@media all and (min-width: 960px) and (max-width: 1023px) {
  .interactive-tab-section.interactive .interactive-tabs {
    width: 530px;
    left: -38px;
  }
}
@media all and (min-width: 500px) and (max-width: 959px) {
  .interactive-tab-section.interactive .interactive-tabs {
    width: 96%;
    left: 0;
  }
}
@media all and (min-width: 320px) and (max-width: 499px) {
  .interactive-tab-section.interactive .interactive-tabs {
    width: 94%;
    left: 0;
  }
}

@charset "UTF-8";
.react.readerV2 #app-root {
  overflow: hidden;
}
.react.readerV2 .event-container .document-wrapper .document-section ul li,
.react.readerV2 .webinar-container .document-wrapper .document-section ul li {
  padding-left: 5px;
}
.react.readerV2 .event-container .document-wrapper .document-section ul li:before,
.react.readerV2 .webinar-container .document-wrapper .document-section ul li:before {
  content: '\2022';
  font-size: 35px;
  color: #424242;
  left: -20px;
}
.react.readerV2 .event-container .left-rail,
.react.readerV2 .webinar-container .left-rail {
  z-index: 1;
}
.react.readerV2 .event-container .content-section .document-left .document-section,
.react.readerV2 .webinar-container .content-section .document-left .document-section {
  display: block;
  width: 100%;
}
.react.readerV2 .event-container .content-section .document-left .document-section .article-root,
.react.readerV2 .webinar-container .content-section .document-left .document-section .article-root {
  box-sizing: border-box;
  display: block;
  margin: 0;
}
.react.readerV2 .event-container .document-right,
.react.readerV2 .webinar-container .document-right {
  padding-right: 16px;
  padding-left: 60px;
}
.react.readerV2 .event-container .document-right .sub-container,
.react.readerV2 .webinar-container .document-right .sub-container {
  padding-bottom: 36px;
}
.react.readerV2 .event-container .document-right .sub-container .cpe-credits,
.react.readerV2 .webinar-container .document-right .sub-container .cpe-credits {
  display: block;
  box-sizing: border-box;
}
.react.readerV2 .event-container .document-right .sub-container .download-box,
.react.readerV2 .webinar-container .document-right .sub-container .download-box {
  display: block;
}
.react.readerV2 .event-container .document-right .sub-container .download-box h6,
.react.readerV2 .webinar-container .document-right .sub-container .download-box h6 {
  margin-bottom: 7px;
}
.react.readerV2 .event-container .document-right .sub-container .download-box .attach-info,
.react.readerV2 .webinar-container .document-right .sub-container .download-box .attach-info {
  word-break: break-all;
  box-sizing: border-box;
  display: inline-block;
  border: none;
  text-align: left;
  padding: 7px 20px 0 0;
}
.react.readerV2 .event-container .document-right .sub-container .download-box .attach-info .attachments.spriteV2,
.react.readerV2 .webinar-container .document-right .sub-container .download-box .attach-info .attachments.spriteV2 {
  vertical-align: middle;
  cursor: pointer;
}
.react.readerV2 .event-container .document-right .sub-container .download-box .attach-info .info,
.react.readerV2 .webinar-container .document-right .sub-container .download-box .attach-info .info {
  line-height: 22px;
  font-size: 14px;
  color: #0a6abb;
}
.react.readerV2 .event-container .document-right .sub-container .download-box .attach-info .info .filename,
.react.readerV2 .webinar-container .document-right .sub-container .download-box .attach-info .info .filename {
  font-weight: 500;
  display: inline-flex;
  padding-left: 0;
  cursor: pointer;
}
.react.readerV2 .event-container .document-right .sub-container .download-box .attach-info .info .file-meta,
.react.readerV2 .webinar-container .document-right .sub-container .download-box .attach-info .info .file-meta {
  display: inline-flex;
  padding-left: 5px;
  color: #757575;
}
.react.readerV2 .event-container .right-rail,
.react.readerV2 .webinar-container .right-rail {
  z-index: 1;
}
.react.readerV2 .event-container .content-message,
.react.readerV2 .webinar-container .content-message {
  padding: 24px 0;
  margin: 45px 0;
}
.react.readerV2 .event-container .content-message .page-type,
.react.readerV2 .webinar-container .content-message .page-type {
  color: #ff540a;
}
.react.readerV2 .event-container .content-message .retracted-message,
.react.readerV2 .webinar-container .content-message .retracted-message {
  font-size: 13px;
}
@media only screen and (max-width: 1279px) {
  .react.readerV2 .event-container .content-section .document-right,
  .react.readerV2 .webinar-container .content-section .document-right {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 959px) and (min-width: 375px) {
  .react.readerV2 .event-container .content-section .document-right,
  .react.readerV2 .webinar-container .content-section .document-right {
    padding: 0;
    width: 100%;
  }
  .react.readerV2 .event-container .content-section .document-right .cpe-credits,
  .react.readerV2 .webinar-container .content-section .document-right .cpe-credits {
    padding-left: 0px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .react.readerV2 .event-container .content-section .document-section .article-root,
  .react.readerV2 .webinar-container .content-section .document-section .article-root {
    float: none;
    width: 100%;
    padding-right: 0px;
  }
}
@media only screen and (max-width: 375px) {
  .react.readerV2 .event-container .content-section .document-right,
  .react.readerV2 .webinar-container .content-section .document-right {
    padding: 0;
  }
}
.react.readerV2 .event-container ~ .footer-small,
.react.readerV2 .webinar-container ~ .footer-small {
  margin-top: 80px;
  padding: 0 12px;
}
.react.readerV2 .webinar-series-disclaimer {
  margin-top: 20px;
  margin-bottom: -20px;
  font-style: italic;
}

@charset "UTF-8";
.ki-link-group {
  font-size: 14px;
  line-height: 22px;
  color: #616161;
}
.ki-link-group ul,
.ki-link-group li {
  display: inline;
}
.ki-link-group li:not(:last-child)::after {
  content: '; ';
  color: #0a6abb;
}
.ki-link-group .ki-link,
.ki-link-group .ki-link-group__show-more {
  margin-bottom: 8px;
  font-size: 14px;
  color: #0a6abb;
}
.ki-link-group .ki-link-group__show-more {
  background: transparent;
  cursor: pointer;
  border: none;
  font-weight: bold;
}
.ki-link-group .ki-link-group__show-more:hover {
  text-decoration: underline;
}
.react .new-add-new-folder-lable {
  color: black;
  font-size: 18px;
  height: 24px;
  padding: 15px 0;
  display: inline-block;
  font-weight: 600;
}
.react .new-close-button {
  cursor: pointer;
  right: 0;
  position: absolute;
  margin-top: 8px;
}
.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 .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 !important;
}
.react .reader-library-add-popover-button .add-bookmark-icon {
  fill: #0a6abb;
}
.react #addedIcon-text {
  display: block;
  font-size: 10px;
  margin-top: 6px;
  color: rgba(0, 0, 0, 0.54);
  text-transform: uppercase;
  font-weight: 600;
  line-height: 10px;
}
.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 .backbutton-topsection {
  margin-top: -3px;
}
.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;
  right: 0px;
  position: absolute;
  margin-top: 10px;
}
.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 .add-to-library-folder-root {
  margin-left: 15px;
  margin-right: 20px;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root div:before {
  border-bottom: 0;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root label {
  padding: 0px 6px;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  top: -4px;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root label.error-message {
  color: #DE0A01;
}
.react .library-added-popover-right .library-added-popover-searchbar .add-to-library-folder-root input {
  margin: 0;
}
.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;
  vertical-align: bottom;
}
.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 .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: 295px;
}
.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: 16px;
}
.react .library-tabcontainer .react-library-folder:focus,
.react .tab-expand .react-library-folder:focus,
.react .tab-short .react-library-folder:focus {
  background: #eeeeee;
  outline: 0;
}
.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: 18px 8px 0 24px;
}
.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;
  display: block;
  overflow: hidden;
}
.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: 24px;
  height: 24px;
  float: left;
  vertical-align: top;
  font-size: 10px;
  fill: #b6c3ca;
}
.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 {
  float: left;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  padding-left: 16px;
  width: 224px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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;
  margin: 0;
  padding-left: 16px;
  display: inline-block;
}
@media all and (max-width: 599px) {
  .react .gartner-popover.reader-library-main-popover {
    right: 4% !important;
    left: auto !important;
    width: 92%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right {
    width: 100%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .folder-name {
    width: auto;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .add-new-folder-button {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .library-added-popover-searchbar .library-search-form {
    width: 75%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .library-added-popover-searchbar .library-search-form .add-to-library-folder-root {
    max-width: 90%;
    margin: 0 5%;
  }
  .react .gartner-popover.reader-library-main-popover .library-added-popover-right .library-added-popover-searchbar .popover-searchbar-button {
    width: 20%;
    margin-left: 3%;
    margin-top: 19px;
  }
}
.interactive-tab-section .interactive-tabs {
  margin-bottom: 32px;
}
.interactive-tab-section .interactive-tabs .scroller {
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.interactive-tab-section .interactive-tabs button.selected-tab {
  color: #0a6abb;
}
.interactive-tab-section .interactive-tabs button .wrapper-tab {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: normal;
  font-family: "Gartner sans";
}
.interactive-tab-section .interactive-tabs button .wrapper-tab .wrapper-tab-span {
  width: 100%;
}
.interactive-tab-section .mainTab-indicator {
  height: 4px;
  background-color: #0a6abb;
}
.doc-relationships .CompanyImpact {
  margin-bottom: 24px;
}
.doc-relationships .CompanyImpact .company-impact-title {
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
.doc-relationships .CompanyImpact .company-tags-section .single-company-tag {
  display: inline-block;
  background-color: #EFF1F1;
  font-size: 14px;
  padding: 4px 16px;
  margin-bottom: 6px;
  margin-right: 4px;
}
.doc-relationships .CompanyImpact .company-tags-section .single-company-tag a {
  color: #000;
  cursor: pointer;
}
.doc-relationships .doc-relationship-section {
  margin-bottom: 32px;
}
.doc-relationships .doc-relationship-section .doc-relationship-section-title {
  margin-bottom: 0;
}
.doc-relationships .doc-relationship-section .sub-text {
  margin-bottom: 0;
}
.doc-relationships .doc-relationship-section .related-doc-list {
  margin-top: 0;
}
.doc-relationships .doc-relationship-section .related-doc-list .single-related-doc a {
  cursor: pointer;
}
.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: 68px;
  left: 0;
  padding-bottom: 16px;
  margin-left: 0;
  width: 100%;
  background: #2c3e49;
  opacity: 0;
  z-index: -1;
  -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;
  display: none;
}
.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;
  display: none;
}
.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;
  }
}
@media all and (max-width: 959px) {
  .react.readerV2 .sticky-header {
    top: 53px;
  }
}
@media all and (max-width: 767px) {
  .react.readerV2 .sticky-header {
    top: 52px;
  }
}
.react.readerV2 .sticky-footer {
  width: 100%;
  position: fixed;
  z-index: 10;
  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 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 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::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}
.react.readerV2 .gartner-popover.pop-download .file-attachment::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.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;
  word-break: break-all;
  text-align: left;
}
.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 .file-attachment li .loader {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px;
}
.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 .cookie-notice-container {
  background-color: #000;
  transition: max-height 0.7s ease 0s;
  overflow: hidden;
  max-height: 70px;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 999;
}
.react.readerV2 .cookie-notice-container .cookie-notice {
  max-width: 1280px;
  margin: 0 auto;
  padding: 10px 5px;
  float: none;
  display: flex;
  align-items: center;
}
.react.readerV2 .cookie-notice-container .cookie-notice .cookie-message {
  width: 97%;
  flex-direction: row;
}
.react.readerV2 .cookie-notice-container .cookie-notice .cookie-message p {
  color: #fff;
  font-size: 0.87em;
  margin-bottom: 0;
}
.react.readerV2 .cookie-notice-container .cookie-notice .cookie-message p a {
  color: #fff;
  text-decoration: underline;
}
.react.readerV2 .cookie-notice-container .cookie-notice .cookie-close-btn {
  width: 2%;
  flex-direction: row;
  position: absolute;
  right: 10px;
  top: 16px;
}
.react.readerV2 .cookie-notice-container .cookie-notice .cookie-close-btn .cookie-close-span {
  color: #fff;
  background: url('/assets/images/close-icon-white.png') no-repeat scroll center rgba(0, 0, 0, 0);
  padding: 8px;
  cursor: pointer;
  background-size: contain;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 623px) {
  .react.readerV2 .cookie-notice-container {
    max-height: 110px;
  }
  .react.readerV2 .cookie-notice-container .cookie-message {
    width: 95% !important;
  }
  .react.readerV2 .cookie-notice-container .cookie-close-btn {
    margin-right: 8px;
  }
}
.react.readerV2 #link-listener + .feedOnly {
  padding-bottom: 60px;
}
.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 .doc-inlineimg {
  max-width: 100%;
  height: auto;
}
.react.readerV2 #newReader .left-rail,
.react.readerV2 .webinar-container .left-rail {
  padding-left: 0;
}
.react.readerV2 .left-rail .action-bar {
  position: fixed;
  padding-top: 8px;
  z-index: 1;
}
.react.readerV2 .left-rail .action-bar li {
  text-align: center;
  margin-bottom: 19px;
  display: block;
}
.react.readerV2 .left-rail .action-bar li button,
.react.readerV2 .left-rail .action-bar li a {
  display: inline-block;
  cursor: pointer;
  border: 0;
  background: transparent;
  margin: 0;
  align-items: center;
  color: #027cb5;
  padding: 5px 2px;
  border-radius: 0;
}
.react.readerV2 .left-rail .action-bar li button:focus,
.react.readerV2 .left-rail .action-bar li a:focus {
  outline: 0px;
  text-decoration: none;
}
.react.readerV2 .left-rail .action-bar li a:hover {
  text-decoration: none;
}
.react.readerV2 .left-rail .action-bar li .left-rail-text {
  margin-top: 6px;
  color: #0a6abb;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
  display: block;
}
.react.readerV2 .left-rail .action-bar li .left-rail-text.imp {
  color: #d64000;
}
.react.readerV2 .left-rail .action-bar .leftrail-tool-button {
  cursor: pointer;
  border: none;
}
.react.readerV2 .left-rail .leftrail-tool-button-audio {
  margin-top: 20px;
}
.react.readerV2 .left-rail .leftrail-tool-button-audio::before {
  content: "";
  height: 1px;
  background-color: #d8d8d8;
  max-width: 150px;
  position: absolute;
  right: 0;
  min-width: 120px;
  bottom: 102px;
}
.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: 100%;
}
.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 {
  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;
}
.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.hidebar {
  border: 0;
  padding-left: 0;
}
.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 .feature-box-image {
  float: left;
  margin-right: 32px;
  max-width: 208px;
  margin-bottom: 8px;
}
.react.readerV2 .content-section .document-section .feature-box .feature-box-content.nowrap {
  float: left;
  width: 64%;
}
.react.readerV2 .content-section .document-section .feature-box .feature-box-content ul,
.react.readerV2 .content-section .document-section .feature-box .feature-box-content ol {
  display: flex;
  flex-direction: column;
}
.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(/imagesrv/apps/common/images/sprites/icons.png);
  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 .dd-hover-tooltip {
  background-color: #424242;
  padding: 16px;
  width: 280px;
  position: absolute;
  margin-top: -82px;
}
.react.readerV2 .content-section .document-section .dd-hover-tooltip p {
  color: white;
  margin-bottom: 0px;
}
.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 .dd-hover-tooltip {
  background-color: #424242;
  padding: 16px;
  width: 280px;
  position: absolute;
  margin-top: -82px;
}
.react.readerV2 .content-section .document-section .caption .dd-hover-tooltip p {
  color: white;
  margin-bottom: 0px;
}
.react.readerV2 .content-section .document-section .caption .dialog-wrap {
  order: 2;
  margin-bottom: 8px;
  position: relative;
}
.react.readerV2 .content-section .document-section .caption .dialog-wrap .sv-tool-tip-wrapper {
  right: -5%;
  padding: 16px;
  position: absolute;
  top: 0;
  z-index: 1;
}
@media (max-width: 959px) {
  .react.readerV2 .content-section .document-section .caption .dialog-wrap .sv-tool-tip-wrapper {
    bottom: -3%;
    left: 63%;
    padding: 16px;
    position: absolute;
    text-align: center;
    right: inherit;
    top: inherit;
  }
  .react.readerV2 .content-section .document-section .caption .dialog-wrap .sv-tool-tip-arrow {
    display: none !important;
  }
}
.react.readerV2 .content-section .document-section .caption .dialog-wrap .sv-tool-tip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 15px 0;
  border-color: transparent #424242 transparent transparent;
  display: inline-block;
  margin-top: 12px;
}
.react.readerV2 .content-section .document-section .caption .dialog-wrap .dd-hover-tooltip {
  background-color: #424242;
  padding: 16px;
  width: 280px;
  position: absolute;
  margin-top: 0px;
  display: inline-block;
}
.react.readerV2 .content-section .document-section .caption .dialog-wrap .dd-hover-tooltip p {
  color: white;
  margin-bottom: 0px;
}
.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.img {
  padding: 0;
  position: relative;
}
.react.readerV2 .content-section .document-section .caption.img .dialog-wrap {
  margin-top: 10px;
}
.react.readerV2 .content-section .document-section .caption.img .figure-heading {
  width: 70%;
  text-align: left;
}
.react.readerV2 .content-section .document-section .caption.ceb-img {
  padding: 0;
  position: relative;
}
.react.readerV2 .content-section .document-section .caption.ceb-img .dialog-wrap {
  margin-top: 10px;
}
.react.readerV2 .content-section .document-section .caption.ceb-img .figure-heading {
  width: 70%;
  text-align: left;
}
.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;
  cursor: pointer;
}
.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,
.react.readerV2 .content-section .document-section ins {
  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;
  text-decoration: none;
}
.react.readerV2 .content-section .document-section .outer-heading .flag,
.react.readerV2 .content-section .document-section ins {
  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 .content-section .document-section .keyed-disclaimer {
  color: #757575;
  font-size: 14px;
}
.react.readerV2 .content-section .document-section .keyed-disclaimer .key {
  fill: #757575;
  width: 18px;
  height: 18px;
  vertical-align: text-bottom;
  margin-right: 2px;
}
.react.readerV2 .content-section .document-section .artical-end {
  line-height: 0;
}
.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 .main-wrapper.onlyMobile {
  margin-top: 0;
}
.react.readerV2 .main-wrapper.onlyMobile .left-rail {
  display: none;
}
.react.readerV2 .main-wrapper.onlyMobile .right-rail {
  display: none;
}
.react.readerV2 .main-wrapper.onlyMobile .content-section {
  max-width: 100%;
  flex-basis: 100%;
}
.react.readerV2 .disclaimer {
  background-color: #eee;
  padding: 32px 0 72px;
  margin-top: 72px;
  position: relative;
}
.react.readerV2 .disclaimer div {
  font-size: 14px;
  line-height: 22px;
  font-family: "Gartner sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.react.readerV2 .email-token-wrapper {
  margin: 20px 0;
}
.react.readerV2 .email-token-wrapper .email-token-form {
  padding: 20px;
}
.react.readerV2 .email-token-wrapper form {
  margin: auto;
}
.react.readerV2 .email-token-wrapper form .form-caption {
  color: #424242;
  margin-bottom: 25px;
}
.react.readerV2 .email-token-wrapper form .error-message {
  font-size: 14px;
  margin: 10px 0;
  line-height: 18px;
  color: #de0a01;
}
.react.readerV2 .email-token-wrapper form .textfield {
  width: 100%;
}
.react.readerV2 .email-token-wrapper form button {
  height: 40px;
}
.react.readerV2 .email-token-wrapper form button.btn-primary {
  background-color: #0a6abb;
  color: #fff;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: none;
  margin-top: 25px;
}
.react.readerV2 .email-token-wrapper form button span {
  pointer-events: none;
}
.react.readerV2 #surveyModalBackdrop {
  display: none;
  height: 100%;
  position: fixed;
  z-index: 9999;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.5;
  overflow: auto;
}
.react.readerV2 .surveyContainer {
  display: none;
  width: 600px;
  height: 90%;
  border: hidden;
  position: fixed;
  top: 20px;
  right: 0px;
  left: 0px;
  z-index: 2147483647;
  outline: 0px;
  opacity: 1;
  overflow: hidden auto;
  margin: 0px auto;
}
.react.readerV2 .surveyContainer #closeModal {
  background: #fff;
  padding: 16px 16px 0;
  text-align: right;
  cursor: pointer;
}
.react.readerV2 .surveyContainer iframe {
  height: 90% !important;
  width: 100%;
}
@media all and (max-width: 599px) {
  .react.readerV2 .surveyContainer {
    width: 375px;
  }
}
@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 .main-wrapper.interactive-tab-section {
    margin: 0;
  }
  .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: none !important;
  }
  .react.readerV2 #newReader .document-section a[href^="#"]:after {
    content: none;
  }
  .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: none !important;
  }
  .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 .media-action-btn {
  height: 40px;
  margin: 0px auto;
  right: 0;
  position: absolute;
}
.react.readerV2 .media-action-btn .btn-element {
  box-shadow: none;
  height: 40px;
  width: 40px;
  font-size: 40px;
  background-color: #eee;
  color: #0a6abb;
}
.react.readerV2 .media-action-btn .btn-element:hover {
  background-color: #eee;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .react.readerV2 .dialog-box .media-action-btn {
    position: static;
    text-align: center;
    margin-bottom: 10px;
  }
}
.react.readerV2 .layImg .media-action-btn {
  top: -50px;
  right: 50%;
}
.react.readerV2 .layImg .lg-tool-tip-wrapper {
  display: none;
}
.react.readerV2.ie .document-section .caption.ceb-img {
  display: inline;
}
.react.readerV2 .mobile-app-banner {
  position: fixed;
  bottom: 0;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  max-height: unset;
  border-radius: 0;
}
.react.readerV2 .mobile-app-banner .dialog-box {
  padding: 16px 16px 24px 16px;
  width: 100%;
  box-sizing: border-box;
}
.react.readerV2 .mobile-app-banner .dialog-box .close-icon {
  display: none;
}
.react.readerV2 .mobile-app-banner .dialog-box .banner-content {
  overflow: hidden;
}
.react.readerV2 .mobile-app-banner .dialog-box img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react.readerV2 .mobile-app-banner .dialog-box h4 {
  padding: 0;
  margin-top: 16px;
  color: #424242;
  font-size: 20px;
  line-height: 24px;
}
.react.readerV2 .mobile-app-banner .dialog-box p {
  color: #424242;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
  padding: 0;
}
.react.readerV2 .mobile-app-banner .btn-container {
  display: block;
  padding: 0;
}
.react.readerV2 .mobile-app-banner .btn-container .button {
  text-transform: capitalize;
  font-size: 16px;
  line-height: 19px;
  border-radius: 2px;
  padding: 0;
}
.react.readerV2 .mobile-app-banner .btn-container .open-app-button {
  background-color: #0a6abb;
  color: #ffffff;
  padding: 11px 0 10px;
  margin-bottom: 6px;
}
.react.readerV2 .mobile-app-banner .btn-container .not-now-button {
  color: #0a6abb;
  padding-top: 10px;
  padding-bottom: 11px;
}
@media screen and (min-width: 600px) {
  .react.readerV2 .mobile-app-banner .dialog-box {
    padding: 32px 0 24px;
    margin: 0 auto;
    max-width: 343px;
    width: 100%;
    text-align: center;
    background: #fff;
  }
}
.react.readerV2 .forward-doc {
  margin-top: 30px;
}

body.react .key-insights {
  /******* Media Queries Start *******/
  /******* Media Queries End *******/
}
body.react .key-insights .interactive-tab-section {
  margin-top: 0;
  padding-top: 0;
}
body.react .key-insights .interactive-tab-section .interactive-tabs {
  margin-top: 0;
  padding-left: 0;
}
body.react .key-insights h5 {
  margin-bottom: 16px;
}
body.react .key-insights .figure-title {
  color: #d54400;
  margin-bottom: 16px;
}
body.react .key-insights .full-img {
  margin-bottom: 80px;
}
body.react .key-insights .full-img img {
  max-width: 100%;
  height: auto;
  font-size: 12px;
  line-height: normal;
}
body.react .key-insights .slider-arrow {
  cursor: pointer;
  float: left;
  font-size: 40px;
  margin-top: 20px;
}
body.react .key-insights .thumbnail-slider {
  padding-bottom: 24px;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
body.react .key-insights .table-container {
  width: 632px;
  overflow: hidden;
  float: left;
}
body.react .key-insights .table-container td {
  padding: 0;
  margin: 0;
  float: left;
  margin-right: 6px;
  width: 120px;
}
body.react .key-insights .table-container td:last-child {
  margin-right: 0;
}
body.react .key-insights .table-container td:focus {
  -webkit-box-shadow: 0px 0px 5px 0px #0a6abb;
  -moz-box-shadow: 0px 0px 5px 0px #0a6abb;
  box-shadow: 0px 0px 5px 0px #0a6abb;
}
body.react .key-insights .table-container img {
  width: 118px;
  height: 75px;
  cursor: pointer;
  font-size: 10px;
  line-height: normal;
  border: solid 1px #bdbdbd;
}
body.react .key-insights .table-container img.current-thumbnail {
  border: 1px solid #0a6abb;
}
body.react .key-insights .enable-arrow {
  color: #0a6abb;
}
body.react .key-insights .disable-arrow {
  color: #424242;
}
@media all and (max-width: 1265px) {
  body.react .key-insights .table-container {
    width: 500px;
  }
  body.react .key-insights .thumbnail-slider {
    width: 580px;
  }
}
@media all and (max-width: 1035px) {
  body.react .key-insights .left-rail {
    padding-left: 12px;
  }
}
@media all and (max-width: 1023px) {
  body.react .key-insights .thumbnail-slider {
    width: 455px;
  }
  body.react .key-insights .table-container {
    width: 374px;
  }
}
@media all and (max-width: 479px) {
  body.react .key-insights .thumbnail-slider {
    width: 296px;
  }
  body.react .key-insights .table-container {
    width: 216px;
  }
}

.react .interactive-tab-section .interactive-tabs {
  margin-bottom: 32px;
}
.react .interactive-tab-section .interactive-tabs .scroller {
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.react .interactive-tab-section .interactive-tabs button.selected-tab {
  color: #0a6abb;
}
.react .interactive-tab-section .interactive-tabs button .wrapper-tab {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: normal;
  font-family: "Gartner sans";
}
.react .interactive-tab-section .interactive-tabs button .wrapper-tab .wrapper-tab-span {
  width: 100%;
}
.react .interactive-tab-section .mainTab-indicator {
  height: 4px;
  background-color: #0a6abb;
}
.react .index-page .center-content {
  padding: 0 12px;
  position: relative;
}
.react .index-page .up-arrow-box {
  width: 45px;
  height: 45px;
  background-color: #424242;
  position: fixed;
  bottom: 10%;
  right: 10%;
  cursor: pointer;
  opacity: 0.7;
  display: none;
}
.react .index-page .up-arrow-box .up-arrow-icon {
  width: 35px;
  height: 35px;
  padding-left: 5px;
  padding-top: 5px;
}
.react .index-page .up-arrow-box:hover {
  opacity: 1;
}
.react .index-page .top-section {
  padding-top: 24px;
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 24px;
}
.react .index-page .top-section h1 {
  margin-bottom: 0;
}
.react .index-page .top-section .sub-hdr {
  font-weight: 500;
  font-size: 16px;
}
.react .index-page .top-section .media {
  width: 41%;
  float: left;
  padding-left: 24px;
  padding-top: 16px;
}
.react .index-page .top-section .media video {
  width: 100%;
}
.react .index-page ul {
  padding-left: 20px;
  padding-bottom: 16px;
}
.react .index-page ul li {
  margin-bottom: 8px;
  list-style-type: disc;
}
.react .index-page .dv_browseby_section {
  display: block;
  visibility: hidden;
  position: relative;
  top: -100px;
}
.react .index-page .browseby-section {
  margin-bottom: 80px;
  position: relative;
}
.react .index-page .browseby-section .interactive-tabs {
  margin-left: -40px;
}
.react .index-page button.index-tab {
  padding-left: 16px;
  padding-right: 16px;
}
.react .index-page .scroller {
  overflow-x: hidden;
}
@media all and (min-width: 960px) and (max-width: 1150px) {
  .react .index-page .up-arrow-box {
    right: 5%;
  }
}
@media all and (min-width: 960px) and (max-width: 1005px) {
  .react .index-page .top-section .media {
    width: 44%;
  }
}
@media (max-width: 959px) {
  .react .index-page .center-content {
    padding: 0 16px;
  }
  .react .index-page .browseby-section .interactive-tabs {
    margin-left: -16px;
  }
}
@media all and (min-width: 768px) and (max-width: 846px) {
  .react .index-page .top-section {
    font-size: 16px;
    line-height: 22px;
  }
  .react .index-page .top-section h1 {
    font-size: 36px;
    line-height: 44px;
  }
  .react .index-page .top-section .media {
    width: 46%;
  }
}
@media (max-width: 767px) {
  .react .index-page .top-section .about {
    width: 85%;
    float: none;
  }
  .react .index-page .top-section .media {
    width: 70%;
    float: none;
    padding-left: 0;
  }
}
.react .index-page h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.react .index-page h2 {
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
  margin-bottom: 8px;
}
.react .index-page .para-ct {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 32px;
  word-wrap: break-word;
}
.react .index-page .para-ct .pipe:after {
  content: "|";
  padding: 0 8px;
}
.react .index-page .para-ct .pipe:last-child:after {
  content: "";
}
.react .index-page .groupby {
  color: #0a6abb;
  padding-left: 0;
  display: block;
  min-height: 50px;
}
.react .index-page .groupby .numbers {
  color: #757575;
  font-size: 12px;
  padding: 0 4px 0 8px;
}
.react .index-page .list-research {
  display: block;
  padding-bottom: 8px;
  padding-left: 32px;
}
.react .index-page .panel {
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}
.react .index-page .panel:before {
  display: none;
}
.react .index-page .panel-summary {
  display: inline-block;
  flex: none;
  margin: 0;
}
.react .index-page .more-icon {
  display: inline-block;
  flex: none;
  height: initial;
  top: 26%;
  right: initial;
  width: auto;
}
.react .filter-drawer {
  z-index: 1000;
  border: 0;
  width: 100%;
}
.react .mobile-filter button {
  min-width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 12px 24px;
  justify-content: left;
  border-radius: 0;
}
.react .mobile-filter button:first-child {
  border-top: 1px solid #ccc;
}
.react .mobile-filter button:after {
  content: '\25B8';
  color: #757575;
  font-size: 16px;
}
.react .mobile-list {
  padding-top: 88px;
}
.react .mobile-list h3 {
  margin-bottom: 24px;
  padding-left: 0;
}
.react .mobile-list .sub-hdr {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #002856;
  text-transform: uppercase;
  margin-bottom: 40px;
  display: inline-block;
  cursor: pointer;
  padding-left: 16px;
}
.react .mobile-list .mdi-icon {
  vertical-align: top;
  fill: #757575;
  padding-right: 4px;
}
.react .mobile-list .up-arrow-box {
  display: none !important;
}
.react .mobile-list .no-accord {
  padding: 0px 16px 120px;
}
.react .mobile-list .accord .panel {
  border-bottom: 1px solid #ccc;
}
.react .mobile-list .accord .panel:first-child {
  border-top: 1px solid #ccc;
}
.react .mobile-list .accord .groupby {
  color: initial;
  padding-left: 24px;
  min-height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  /*&:after {
        content: '\25B8';
        color: #757575;
        font-size: 16px;
        float: right;
      }*/
}
.react .mobile-list .accord .panel-summary {
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  width: 88%;
}
.react .mobile-list .accord .groupby .numbers {
  display: none;
}
.react .mobile-list .accord .more-icon {
  top: 0;
  position: absolute;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-width: 599px) {
  .react .index-page .center-content {
    padding: 0;
  }
  .react .index-page .top-section {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 90px;
  }
  .react .index-page .top-section .about {
    width: 100%;
  }
  .react .index-page .top-section .media {
    width: 100%;
  }
  .react .index-page .browseby-section h3 {
    padding-left: 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 499px) {
  .react .top-section .about {
    width: 100%;
  }
  .react .top-section .media {
    width: 100%;
  }
}


/*# sourceMappingURL=styles-a0987d2f508363aeefe6.css.map*/