/*Variables*/
/* Universal Variables for Consistency */
:root {
  --base-letter-spacing: 0.02em;
  --base-line-height: 1.5;
  --heading-line-height: 1.2;
  --interactive-line-height: 1.4;
  --filter-popup-bg: #e5eeef;
  --filter-border-color: #0b616d;
}

/*Mixins*/
.d-flex-center, .d-flex-end, .d-flex-start, .d-flex-sb,
.doc-widget-action-icons, .psqa-content-wrap .psqa-search-btn {
  display: flex;
  align-items: center;
}

/*Functions*/
/*Utility Classes*/
.mt-28p {
  margin-top: 3rem;
}

.mt--28p {
  margin-top: -230px;
}

.pl-5 {
  padding-left: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

@media screen and (min-width: 768px) {
  .mt-7 {
    margin-top: 7rem;
  }
}

/*Layout & Structure*/
.main-container {
  margin-top: 5.125rem;
  position: relative;
  display: block;
}

.sticky-header-main {
  height: 28px;
  font-size: 1em;
  width: 100%;
}

.secondary-header-wrapper {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  opacity: 1;
}

.plan-overview-header .secondary-header-wrapper {
  height: 65px;
}

.detail-secondary-header {
  top: 0;
}

/*Buttons & Icons*/
.header-button {
  border: none;
  background-color: transparent;
  margin-top: 3px;
  height: 30px;
  color: var(--black-color);
}

.header-button__icons {
  width: 28px;
  height: 28px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  pointer-events: none;
}

.menu-right-wrapper {
  padding-top: 7px;
}

/*Inputs & Forms*/
.input-search-box {
  color: var(--search-input-color);
  background-color: var(--white-color);
  border: 1px solid var(--customized-tooltip-border);
  box-shadow: inset 0 1px 1px var(--search-input-box-shadow);
}
.input-search-box:focus {
  border-color: var(--search-input-focus);
  box-shadow: inset 0 1px 1px var(--search-input-box-shadow), 0 0 8px var(--search-input-box-shadow1);
}
.input-search-box:hover {
  border-color: var(--search-bg-color);
}

.search-input-style, #mobileSearchMainSection .input-search-box {
  display: inline-block;
  height: auto !important;
  min-height: 2.55rem;
}

.search-background {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  line-height: 0 !important;
}
.search-background:hover .banner-search-text {
  color: var(--search-txt-color) !important;
}

.search-background:not(.psqa-search-btn, .invmap-search-btn) {
  min-height: 2.55rem;
}

.invmap-search-btn {
  height: 36px;
}

/* Flex & Alignment */
.flex-container {
  display: flex;
  justify-content: flex-end;
}

/*Flex & Alignment*/
.page-footer {
  position: absolute;
  bottom: 0;
  min-height: 45px;
  height: auto;
  width: 100%;
  z-index: 99;
  background-color: var(--custom-table-td-bg);
}

.banner-top-section {
  width: 100%;
  height: auto;
}

.banner-bottom-section {
  width: 100%;
  min-height: 380px;
}

.plan-single-page-banner {
  width: 100%;
}

.center-align-wrap.banner-bottom-section {
  width: 100%;
  min-height: 290px;
  height: 275px;
}

.banner-bottom-section-no-banner {
  width: 100%;
  min-height: 180px !important;
  height: 180px !important;
}

.centered-bottom-banner {
  min-height: 380px;
}

.banner-content-empty {
  min-height: 380px;
}

.banner-content-empty-no-banner {
  min-height: 180px;
}

.center-image-heading-wrap {
  margin-top: -23rem;
}

.center-image-heading-wrap-no-icon {
  margin-top: -11rem;
}

.assessment-header-bg {
  height: 85px;
}

.banner-image-container {
  width: 783px;
  height: 430px;
  position: relative;
}

.center-image-container {
  width: 780px;
  height: 430px;
  margin: 0 auto;
}
.center-image-container.change-height {
  height: 180px;
}

.banner-mobile-image-container {
  width: 873px;
  height: 430px;
  margin: 0 auto;
  bottom: 6rem;
}

.big-logo-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
}
.big-logo-wrapper logoimg {
  width: 228px;
  height: 228px !important;
  justify-content: center;
  display: flex;
}
.big-logo-wrapper logoimg img {
  object-fit: contain;
  width: 100%;
  height: 200px;
}

.login-logo-wrapper {
  height: auto;
}

.move-to-top {
  position: fixed;
  z-index: 1035;
  background: transparent;
  border: 0;
  right: 4px;
  bottom: 100px;
}

img.goto-details-icon {
  vertical-align: unset;
}

.detail-left-content-section {
  width: 17vw;
  position: fixed;
  left: 0;
  top: 80px;
  z-index: 99;
}

.detail-left-content-section.plan-single-pageview {
  top: 0px;
}

.fixed-position {
  position: fixed;
}

.text-overflow-ctrl {
  max-width: 97%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.curved-border {
  border-radius: 10px;
}

.error-warning-text {
  background: #f5f5f5;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  border-radius: 4px;
  padding-right: 30px;
}

.error-warning-sub-text {
  display: contents;
  line-height: 2;
}

.detail-banner-section,
.detail-banner-second-section,
.detail-keyfigure-section {
  width: 880px;
  margin: 0 auto;
}
@media (max-width: 576px) {
  .detail-banner-section,
  .detail-banner-second-section,
  .detail-keyfigure-section {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .detail-banner-section,
  .detail-banner-second-section,
  .detail-keyfigure-section {
    width: 100%;
  }
}

.banner-section-wrapper {
  width: 780px;
  margin: auto;
  padding: 3rem 0 0 0.5rem;
}
@media (max-width: 576px) {
  .banner-section-wrapper {
    width: 100%;
    padding: 3rem 1rem;
  }
}
@media (max-width: 768px) {
  .banner-section-wrapper {
    width: 100%;
    padding: 3rem 1rem;
  }
}
.banner-section-wrapper .banner-text-sec {
  margin: 0 auto;
  width: 680px;
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
  .banner-section-wrapper .banner-text-sec {
    width: 735px;
  }
}
@media screen and (max-width: 800px) and (min-width: 577px) {
  .banner-section-wrapper .banner-text-sec {
    width: 490px;
  }
}
@media screen and (max-width: 576px) and (min-width: 1px) {
  .banner-section-wrapper .banner-text-sec {
    width: 320px;
  }
}

.detail-keyfigure-contents {
  width: 780px;
  margin: auto;
  padding: 1.5rem 0;
}
@media (max-width: 576px) {
  .detail-keyfigure-contents .col-sm-6 {
    padding: 1.5rem 1rem;
  }
}
.detail-keyfigure-contents .detail-keyfig-nums {
  font-size: 1.5625em;
  white-space: nowrap;
  padding-left: 1.5rem;
}
.detail-keyfigure-contents .detail-keyfig-img {
  padding-left: 2rem;
}

.banner-headers-container {
  display: flex;
  flex-direction: column;
  width: 780px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

.banner-headers-container h1,
.banner-headers-container h2,
.banner-headers-container h3 {
  width: 100%;
  margin: 0;
  padding: 5px 0;
  text-align: left;
  display: block;
  box-sizing: border-box;
  white-space: normal;
  word-wrap: break-word;
  overflow: visible;
  word-break: break-word;
}

.banner-headers-container h1,
.banner-headers-container h2,
.banner-headers-container h3 {
  width: 100%;
  margin: 0;
  padding: 5px 0;
  text-align: left;
  display: block;
  box-sizing: border-box;
  white-space: normal;
  word-wrap: break-word;
  display: block;
  overflow: hidden;
}

.plan-banner-heading-content {
  width: 100%;
  padding: 1rem 0;
}
.plan-banner-heading-content h1,
.plan-banner-heading-content h2,
.plan-banner-heading-content h3 {
  width: 100%;
  margin: 0;
  text-align: center;
}
.plan-banner-heading-content h2,
.plan-banner-heading-content h3 {
  margin-top: 10px;
}

.d-kf-cnt {
  width: 250px;
  word-break: break-word;
  padding: 0.5rem 0;
}

.detail-banner-image-sec {
  margin: 0 auto;
  margin-bottom: -100px;
  position: relative;
  z-index: 99;
}
.detail-banner-image-sec .d-banner-background {
  padding: 0;
  margin: 0;
}

.detail-banner-image-sec,
.d-banner-background {
  width: 669px;
  height: 367px;
}
@media (max-width: 768px) {
  .detail-banner-image-sec,
  .d-banner-background {
    width: 480px;
    height: 263px;
  }
}
@media (max-width: 576px) {
  .detail-banner-image-sec,
  .d-banner-background {
    width: 320px;
    height: 175.6px;
  }
}

.curved-border-wrapper .backstretch {
  border-radius: 10px;
}

.keyfigure-breadcrumb li a {
  border-bottom: 1px dotted;
  color: var(--breadcrumbs-home-link-color);
}
.keyfigure-breadcrumb li a:hover {
  border-bottom-style: solid !important;
}

.main-menu-font-col {
  color: var(--main-menu-font-color) !important;
}

.plan-single-pageview-banner {
  width: 780px;
  height: 430px;
}

.plan-single-pageview-banner .image-info {
  bottom: 5px;
  color: var(--white-color);
  text-shadow: 1px 1px 1px var(--white-color);
  left: 10px;
}

#singlePageViewBannerSection .big-logo-wrapper logoimg {
  padding-top: 0;
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none;
    /* Disable transitions for users who prefer reduced motion */
  }
}
.front-page-container h1 {
  font-size: 2.1875rem;
}
.front-page-container h2 {
  font-size: 2rem;
}
.front-page-container h3,
.front-page-container h4 {
  font-size: 1.5625rem;
}
.front-page-container h5,
.front-page-container h3.chapter-heading--title,
.front-page-container h3.graphs-links--title {
  font-size: 1.38rem;
  font-weight: normal;
}
.front-page-container h6 {
  font-size: 1.125rem;
}
.front-page-container .right-arrow-dir {
  position: absolute;
  right: 0;
  width: 39px;
  top: 1px;
}
.front-page-container .chapter-headings-section--main.col-sm-7 h3.chapter-heading--title {
  width: auto !important;
  max-width: 95%;
}

.content-detail-style {
  margin-bottom: 3.5rem !important;
  /* General Heading Styles */
  /* Specific Font Sizes for Headings */
  /* Special Case for .inv-map-heading1 */
}
.content-detail-style h1 strong,
.content-detail-style .h1 strong,
.content-detail-style h2 strong,
.content-detail-style .h2 strong,
.content-detail-style h3 strong,
.content-detail-style .h3 strong,
.content-detail-style h4 strong,
.content-detail-style .h4 strong,
.content-detail-style h5 strong,
.content-detail-style .h5 strong,
.content-detail-style h6 strong,
.content-detail-style .h6 strong {
  font-weight: inherit;
  /* Inheriting weight for strong elements */
}
.content-detail-style h1,
.content-detail-style .h1 {
  font-size: 2.75rem;
}
.content-detail-style h2,
.content-detail-style .h2 {
  font-size: 2.0625rem;
}
.content-detail-style h3,
.content-detail-style .h3 {
  font-size: 1.875rem;
}
.content-detail-style h4,
.content-detail-style .h4 {
  font-size: 1.6875rem;
}
.content-detail-style h5,
.content-detail-style .h5 {
  font-size: 1.5rem;
}
.content-detail-style h6,
.content-detail-style .h6 {
  font-size: 1.3125rem;
}
.content-detail-style .h1.inv-map-heading1,
.content-detail-style h1.inv-map-heading1 {
  font-size: 2em;
}

.popup-description-box {
  padding: 1.2rem 2rem !important;
  margin-top: 2em !important;
  margin-bottom: 2em;
  width: 96%;
  border-radius: 4px;
}
.popup-description-box img {
  max-width: 100%;
}
.popup-description-box a[target=_blank] {
  color: var(--external-links-default-color) !important;
  text-decoration: underline !important;
  font-weight: normal !important;
}
.popup-description-box a[target=_blank] span {
  color: inherit !important;
}
.popup-description-box a[target=_blank]:hover {
  color: var(--clickable-items-hover-color) !important;
  font-weight: normal !important;
}

.popup-description-box.w-70p {
  width: 70%;
}

.window-popup-container {
  padding-left: 1rem;
  padding-bottom: 1.5rem;
}
.window-popup-container:focus {
  outline: none !important;
}

.h1.sr-only,
.political-sim-header,
#mobileViewSearch,
#bookMarksSectionMobile,
#homeMainBannerSectionMobile {
  display: none;
}

.goal-popup-title-icon {
  width: 50px;
}

.btn-style, .goal-climate-btn, .goal-invest-btn, .goal-action-btn, .goal-assign-btn, .goal-strategy-btn {
  border: none;
  border-radius: 15px;
  padding: 2px 12px;
  margin-left: 7px;
  margin-top: 5px;
  display: inline-flex;
  align-items: center;
}

.goal-strategy-btn {
  background-color: var(--goal-strategy-bg);
  color: var(--black-color);
}

.goal-assign-btn {
  background-color: var(--goal-assignment-bg);
  color: var(--black-color);
}

.goal-action-btn {
  background-color: var(--goal-action-bg);
  color: var(--black-color);
}
.goal-action-btn .icon-goal-action {
  height: 15px;
}

.home-banner-main-title {
  display: flex;
  color: var(--frontpage-banner-heading1);
  justify-content: center;
  text-align: center;
}

.btn-goal-assignment,
.btn-goal-climateAction,
.btn-goal-action,
.btn-goal-investment,
.btn-goal-strategy {
  color: var(--white-color);
  padding: 2px 10px !important;
}

.icon-goal-strategy,
.icon-goal-assignment,
.icon-goal-action,
.icon-goal-climateAction,
.icon-goal-investment {
  width: 15px;
  margin: 4px;
}

.goal-invest-btn {
  background-color: var(--goal-investment-bg);
  color: var(--black-color);
}

.goal-climate-btn {
  background-color: var(--goal-climate-bg);
  color: var(--black-color);
}

.k-grid .strategy .k-i-collapse,
.k-grid .strategy .k-i-expand,
.k-grid .investment .k-i-collapse,
.k-grid .investment .k-i-expand,
.k-grid .action .k-i-collapse,
.k-grid .action .k-i-expand,
.k-grid .assignment .k-i-collapse,
.k-grid .assignment .k-i-expand,
.k-grid .climateAction .k-i-collapse,
.k-grid .climateAction .k-i-expand {
  background: none;
  width: 24px;
  height: 24px !important;
}

.grid-dot-style, .climateAction-dot, .assignment-dot, .strategy-dot, .investment-dot, .action-dot {
  margin-top: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px !important;
}

.action-dot {
  background-color: var(--goal-action-bg);
}

.investment-dot {
  background-color: var(--goal-investment-bg);
}

.strategy-dot {
  background-color: var(--goal-strategy-bg);
}

.assignment-dot {
  background-color: var(--goal-assignment-bg);
}

.climateAction-dot {
  background-color: var(--goal-climate-bg);
}

.transition-style, #frontPageContentSection .front-page-chapter-border:hover .right-arrow-dir {
  right: -10px;
  transition: right 0.3s ease-in-out;
}

.p-text-center {
  width: 780px;
  margin: 0 auto;
}

#frontPageContentSection {
  width: 875px;
  margin: 0 auto;
}
#frontPageContentSection .front-box-style {
  margin: 0 auto;
}
#frontPageContentSection .curved-border {
  border-radius: 10px;
}
#frontPageContentSection .front-introduction-chapter {
  background: var(--front-introduction-chapter) 0% 0% no-repeat padding-box;
}
#frontPageContentSection .front-hr-border {
  border-top: 2px solid var(--front-hr-border);
  margin-top: 10px;
  opacity: 1;
  background: none;
}
#frontPageContentSection .chapter-thumbnail-image-wrap {
  width: 268px;
  height: 161px;
  padding: 0;
  display: inline-flex;
  margin-right: 20px;
}
#frontPageContentSection .chapter-thumbnail-image-wrap img {
  width: 100%;
}
#frontPageContentSection .goals-thumbnail-image-wrap {
  width: 20%;
  height: 130px;
  padding: 0;
  margin: 10px 0;
  display: inline-flex;
}
#frontPageContentSection .chapter-heading--title {
  width: 95%;
  line-height: 1.5;
}
#frontPageContentSection .graphs-links--title {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
}
#frontPageContentSection .chapter-headings-section--main {
  width: 60% !important;
  min-height: 90%;
  float: right;
  height: 160px;
}
#frontPageContentSection .chapter-headings-section--main.height168 {
  height: 168px;
  display: inline-block;
}
#frontPageContentSection .chapter-headings-section--sub {
  width: 100%;
  display: inline-flex;
  align-items: center;
  position: relative;
}
#frontPageContentSection .col-sm-12.chapter-headings-section--main {
  width: 100% !important;
  height: auto;
}
#frontPageContentSection .goals-headings-section--main {
  width: 80% !important;
  height: 110px;
}
#frontPageContentSection .chapter-description {
  height: 122px;
  overflow: hidden;
}
#frontPageContentSection .chapter-heading--main {
  padding-top: 15px;
  display: inline-block;
  word-break: break-word;
  overflow: hidden;
  max-height: 110px;
}
#frontPageContentSection .view-more-content {
  width: auto;
  height: 52px;
  border: 0;
  font-size: 1.375em !important;
  position: absolute;
  left: 50%;
  bottom: 0;
  padding: 10px 20px;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  color: var(--expand-btn-color);
}
#frontPageContentSection .first-chapter-content {
  position: absolute;
  top: 39%;
}
#frontPageContentSection .front-page-chapter-border {
  border-bottom: 1px solid var(--front-hr-border);
  position: relative;
  display: flex;
  align-items: center;
  min-height: 50px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#frontPageContentSection .front-page-chapter-border:hover .right-arrow-dir {
  position: absolute;
}
#frontPageContentSection .chapter-top-section .front-page-chapter-border {
  display: block;
}
#frontPageContentSection .chapter-headings-section--main.col-sm-12 .chapter-heading--title {
  width: 95%;
  line-height: 1.5;
}

.servicearea-links-style {
  border-bottom: 1px dotted;
  padding-bottom: 3px;
}
.servicearea-links-style:hover {
  border-bottom-width: 2px;
}

#alphabetListTab a {
  border-bottom: 1px dotted;
  padding-bottom: 3px;
}
#alphabetListTab a:hover {
  border-bottom-width: 2px;
}
#alphabetListTab .k-grid.k-widget .k-grid-header tr:first-child th:first-child {
  border-top-left-radius: 0 !important;
}
#alphabetListTab .k-grid.k-widget .k-grid-header tr:first-child th:last-child {
  border-top-right-radius: 0 !important;
}
#alphabetListTab .k-grid.k-widget td:first-child {
  border-left: 1px solid var(--plan-metatdata-right-border) !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  vertical-align: top !important;
  padding: 8px 12px;
  line-height: 1.4 !important;
}
#alphabetListTab .k-grid.k-widget td:last-child {
  border-right: 4px solid var(--plan-metatdata-right-border) !important;
}
#alphabetListTab .k-grid.k-widget td.k-hierarchy-cell {
  min-width: 20px !important;
  padding: 8px 4px !important;
  vertical-align: top !important;
}
#alphabetListTab .k-grid.k-widget td.k-hierarchy-cell.no-children {
  padding-left: 12px !important;
}
#alphabetListTab .k-grid.k-widget td.k-hierarchy-cell .k-icon.k-i-none {
  display: none !important;
}
#alphabetListTab .k-grid.k-widget .k-icon.k-i-expand, #alphabetListTab .k-grid.k-widget .k-icon.k-i-collapse {
  margin-right: 5px;
  vertical-align: top !important;
}
#alphabetListTab .k-grid-content.k-auto-scrollable {
  overflow-x: hidden !important;
}
#alphabetListTab .k-grid tbody tr {
  vertical-align: top !important;
}
#alphabetListTab .k-grid tbody td {
  vertical-align: top !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.service-area-contents a:hover,
#keyFiguresWrapper .plan-menu-content a:hover {
  font-weight: bold !important;
  font-size: 0.98em;
}

.main-menu-container .panel-group .panel-heading a:hover {
  text-decoration: none;
}

.front-page-graph-links {
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
}
.front-page-graph-links:nth-child(odd) {
  padding-right: 4%;
}
.front-page-graph-links:nth-child(even) {
  padding-left: 4%;
}

.graphs-list-style > div,
.graphs-list-style li {
  width: auto;
  display: inline-flex;
  margin-right: 10px;
}
.graphs-list-style > div button,
.graphs-list-style li button {
  padding: 5px 20px !important;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.5;
  display: inline-block;
  margin-top: 5px !important;
  border: none;
  color: var(--black-color);
  border-radius: 4px;
}
.graphs-list-style > div button:hover,
.graphs-list-style li button:hover {
  background: var(--tree-map-tab-active-bg);
  color: var(--tree-map-tab-txt);
}

#homeMainBannerSection .big-logo-wrapper {
  min-height: 225px;
  width: 47%;
}

.servicearea-second-level-bg,
.detail-banner-second-section {
  background: var(--servicearea-second-level-bg) !important;
}

.container-wrapper {
  min-height: 100vh;
  overflow: hidden;
}

.container-wrapper button:hover a:hover,
.container-wrapper button:hover button:hover,
#menuContentWrapper .border-bottom-white a:hover,
#menuContentWrapper .border-bottom-white button:hover {
  font-weight: 600 !important;
  border-width: 1px !important;
}

.detail-section-wrapper {
  clear: both;
  width: 790px;
  height: 100%;
  margin: 0 auto;
  padding: 0 0 0 10px;
}
.detail-section-wrapper div:not(table) > p,
.detail-section-wrapper div:not(table) li {
  font-size: 1.125em;
  color: var(--black-color);
}
.detail-section-wrapper div:not(table) th {
  background: var(--table-header-bg) !important;
  color: var(--table-header-font) !important;
  border-color: var(--white-color) !important;
}
.detail-section-wrapper div:not(table) th p {
  color: var(--white-color) !important;
  font-weight: bold !important;
}
.detail-section-wrapper div:not(table) ul ul,
.detail-section-wrapper div:not(table) ol ol,
.detail-section-wrapper div:not(table) ul ol,
.detail-section-wrapper div:not(table) ol ul {
  width: 100% !important;
}
.detail-section-wrapper div:not(table) ul ul p,
.detail-section-wrapper div:not(table) ul ul li,
.detail-section-wrapper div:not(table) ul ul li p,
.detail-section-wrapper div:not(table) ol ol p,
.detail-section-wrapper div:not(table) ol ol li,
.detail-section-wrapper div:not(table) ol ol li p,
.detail-section-wrapper div:not(table) ul ol p,
.detail-section-wrapper div:not(table) ul ol li,
.detail-section-wrapper div:not(table) ul ol li p,
.detail-section-wrapper div:not(table) ol ul p,
.detail-section-wrapper div:not(table) ol ul li,
.detail-section-wrapper div:not(table) ol ul li p {
  font-size: inherit !important;
}
.detail-section-wrapper .k-grid-header-wrap {
  z-index: 1;
}
.detail-section-wrapper .k-grid.k-widget .k-grid-header th,
.detail-section-wrapper .k-grid.k-widget table td,
.detail-section-wrapper .kendo-custom-table table th,
.detail-section-wrapper .kendo-custom-table table td,
.detail-section-wrapper .window-popup-container table td,
.detail-section-wrapper .window-popup-container table th,
.detail-section-wrapper .e-pivotview .e-grid .e-rowcell {
  font-size: 0.88em !important;
}
.detail-section-wrapper .k-link {
  color: var(--table-header-font) !important;
}
.detail-section-wrapper button.btn-primary,
.detail-section-wrapper .graph-menu-active {
  background-color: var(--tree-map-tab-active-bg) !important;
  border-color: var(--tree-map-tab-active-bg) !important;
  color: var(--tree-map-tab-txt) !important;
}
.detail-section-wrapper button.btn-primary:hover, .detail-section-wrapper button.btn-primary:focus,
.detail-section-wrapper .graph-menu-active:hover,
.detail-section-wrapper .graph-menu-active:focus {
  border-color: var(--tree-map-tab-active-bg) !important;
  background: var(--tree-map-tab-active-bg) !important;
  font-weight: 600 !important;
}
.detail-section-wrapper .common-text-style {
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.5;
  display: inline-block;
  margin-top: 5px !important;
  border: 1px solid var(--tree-map-tab-bg);
  padding: 5px !important;
  background: var(--tree-map-tab-bg);
  color: var(--tree-map-tab-txt);
}
.detail-section-wrapper .common-text-style:hover {
  background: var(--tree-map-tab-active-bg) !important;
}
.detail-section-wrapper .textFilterSection {
  margin-top: 1rem;
}
.detail-section-wrapper .textFilterSection li {
  padding-right: 10px;
  margin-bottom: 10px !important;
}
.detail-section-wrapper .textFilterSection li a,
.detail-section-wrapper .textFilterSection li button {
  color: var(--text-filter-btn-color) !important;
  border: 0 !important;
  background-color: var(--text-filters-bg) !important;
  padding: 0.6rem 1rem !important;
  transition: all 0.2s ease-in-out;
  font-size: 0.95em !important;
  min-width: 70px;
}
.detail-section-wrapper .textFilterSection li a:hover,
.detail-section-wrapper .textFilterSection li button:hover {
  font-weight: 500 !important;
  background: var(--text-filters-active-bg) !important;
  border-color: var(--text-filters-active-bg) !important;
}
.detail-section-wrapper .textFilterSection li.active a,
.detail-section-wrapper .textFilterSection li.active button {
  background-color: var(--text-filters-active-bg) !important;
}
.detail-section-wrapper .h1,
.detail-section-wrapper .h2,
.detail-section-wrapper .h3,
.detail-section-wrapper .h4,
.detail-section-wrapper .h5,
.detail-section-wrapper .h6,
.detail-section-wrapper h1,
.detail-section-wrapper h2,
.detail-section-wrapper h3,
.detail-section-wrapper h4,
.detail-section-wrapper h5,
.detail-section-wrapper h6,
.detail-section-wrapper p {
  margin-top: 0;
  margin-bottom: 5px;
}
.detail-section-wrapper td,
.detail-section-wrapper th {
  font-size: 0.88em !important;
}
.detail-section-wrapper td li,
.detail-section-wrapper td i,
.detail-section-wrapper td span,
.detail-section-wrapper td strong,
.detail-section-wrapper td p,
.detail-section-wrapper th li,
.detail-section-wrapper th i,
.detail-section-wrapper th span,
.detail-section-wrapper th strong,
.detail-section-wrapper th p {
  font-size: 14px !important;
}
.detail-section-wrapper ul ul,
.detail-section-wrapper ol ol,
.detail-section-wrapper ul ol,
.detail-section-wrapper ol ul,
.detail-section-wrapper p ol,
.detail-section-wrapper p ul {
  width: 100% !important;
}
.detail-section-wrapper ul ul p,
.detail-section-wrapper ul ul li,
.detail-section-wrapper ul ul i,
.detail-section-wrapper ul ul span,
.detail-section-wrapper ul ul em,
.detail-section-wrapper ul ul strong,
.detail-section-wrapper ol ol p,
.detail-section-wrapper ol ol li,
.detail-section-wrapper ol ol i,
.detail-section-wrapper ol ol span,
.detail-section-wrapper ol ol em,
.detail-section-wrapper ol ol strong,
.detail-section-wrapper ul ol p,
.detail-section-wrapper ul ol li,
.detail-section-wrapper ul ol i,
.detail-section-wrapper ul ol span,
.detail-section-wrapper ul ol em,
.detail-section-wrapper ul ol strong,
.detail-section-wrapper ol ul p,
.detail-section-wrapper ol ul li,
.detail-section-wrapper ol ul i,
.detail-section-wrapper ol ul span,
.detail-section-wrapper ol ul em,
.detail-section-wrapper ol ul strong,
.detail-section-wrapper p ol p,
.detail-section-wrapper p ol li,
.detail-section-wrapper p ol i,
.detail-section-wrapper p ol span,
.detail-section-wrapper p ol em,
.detail-section-wrapper p ol strong,
.detail-section-wrapper p ul p,
.detail-section-wrapper p ul li,
.detail-section-wrapper p ul i,
.detail-section-wrapper p ul span,
.detail-section-wrapper p ul em,
.detail-section-wrapper p ul strong {
  font-size: inherit !important;
}
.detail-section-wrapper a.k-icon:hover,
.detail-section-wrapper .k-master-row td a.expand-colapse-a:hover,
.detail-section-wrapper .k-hierarchy-cell .k-icon.k-i-expand:hover,
.detail-section-wrapper .kostra-detail-top-tab li a:hover,
.detail-section-wrapper .k-master-row td a.kendo-tooltip-style:hover,
.detail-section-wrapper .sustain-img-section button:hover {
  border: none !important;
  color: var(--clickable-items-hover-color) !important;
  font-weight: 500 !important;
}
.detail-section-wrapper a:hover,
.detail-section-wrapper button:hover {
  color: var(--clickable-items-hover-color) !important;
  font-weight: 600 !important;
}
.detail-section-wrapper .plan-filter-section li a,
.detail-section-wrapper .plan-filter-section li button,
.detail-section-wrapper .plan-filter-section li a:hover,
.detail-section-wrapper .plan-filter-section li button:hover {
  border: 2px solid var(--plan-overview-list) !important;
  color: var(--plan-overview-list) !important;
  padding: 8px 14px !important;
  font-size: 1em !important;
  line-height: 1.5rem !important;
  height: 34px !important;
}
.detail-section-wrapper .plan-filter-section li a .active,
.detail-section-wrapper .plan-filter-section li button.active,
.detail-section-wrapper .plan-filter-section li button.active:hover,
.detail-section-wrapper .plan-filter-section li a.active:hover {
  background: var(--plan-overview-list) 0% 0% no-repeat padding-box !important;
  background-color: var(--plan-overview-list) !important;
  color: var(--white-color) !important;
  border: 2px solid var(--plan-overview-list) !important;
}
.detail-section-wrapper img:not(.go-back-to-home-img) {
  image-rendering: auto;
  height: auto;
}
.detail-section-wrapper .info-svg-icon {
  background: var(--info-icon-svg);
  margin-top: -2px;
  margin-left: 4px;
  border-radius: 50px;
  width: 12px;
  height: 12px !important;
  padding: 3px;
}
.detail-section-wrapper a[target=_blank] {
  color: var(--external-links-default-color) !important;
  text-decoration: underline !important;
  font-weight: normal !important;
}
.detail-section-wrapper a[target=_blank] span {
  color: inherit !important;
}
.detail-section-wrapper a[target=_blank]:hover {
  color: var(--clickable-items-hover-color) !important;
  font-weight: normal !important;
}
.detail-section-wrapper .k-grid .ck-footnote-placeholder {
  background: #0b616d !important;
  color: var(--white-color) !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  border-radius: 2px;
}
.detail-section-wrapper .k-grid td .external-link-image {
  margin-left: 10px;
  width: 15px;
  height: 15px !important;
  background-repeat: no-repeat;
  float: right;
  margin-top: 3px;
}
.detail-section-wrapper .k-grid td ul li span {
  display: inline-flex !important;
}
.detail-section-wrapper .k-grid td li,
.detail-section-wrapper .k-grid td li > * {
  line-height: 1.5 !important;
}
.detail-section-wrapper .k-grid td span .grid-tooltip {
  width: 23px !important;
  float: right;
}
.detail-section-wrapper .k-grid td .total1 a {
  pointer-events: none;
}
.detail-section-wrapper .k-grid:not(.kendo-custom-table) td span {
  color: var(--table-sumrow-font) !important;
}
.detail-section-wrapper .plan-detail-wrapper .plan-ov-filter-title {
  font: normal normal normal 20px/24px "regularFont", sans-serif;
}
.detail-section-wrapper .plan-detail-wrapper .panel-group {
  margin-bottom: 0 !important;
}
.detail-section-wrapper .plan-detail-wrapper p,
.detail-section-wrapper .plan-detail-wrapper li,
.detail-section-wrapper .plan-detail-wrapper i,
.detail-section-wrapper .plan-detail-wrapper em {
  font-size: 1em;
}
.detail-section-wrapper .k-grid:not(.kendo-custom-table) td {
  height: 15px !important;
  color: var(--black-color) !important;
}
.detail-section-wrapper .load-more-btn {
  display: inline-block;
  padding: 6px 20px;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-color: var(--main-theme-color);
  border-color: var(--main-theme-color);
  border-radius: 4px;
  color: var(--white-color) !important;
  margin-left: 8px;
}
.detail-section-wrapper .sustain-img-section.bottom30 {
  margin-bottom: 30px !important;
  width: 140px;
  display: inline-flex;
  margin-right: 30px;
}
.detail-section-wrapper .sustain-img-section .un-sustainable-images-label {
  color: var(--black-color);
  font-size: 13px !important;
  display: inline-block;
}
.detail-section-wrapper .k-grid td.psqa-contents-td {
  padding: 0 !important;
}
.detail-section-wrapper .actual-screen-width,
.detail-section-wrapper .highcharts-data-table,
.detail-section-wrapper .e-pivotview {
  position: relative;
  width: calc(750px + (100vw - 790px) / 2) !important;
  overflow-x: auto;
}
.detail-section-wrapper .actual-screen-width.table-width-70 {
  position: relative;
  width: calc(750px + (70vw - 790px) / 2) !important;
}

.kendo-custom-table tr:hover td,
.kendo-custom-table tr:hover td span,
.kendo-custom-table tr:hover td p,
.kendo-custom-table tr:hover td table tbody,
.kendo-custom-table tr:hover td table tr {
  background-color: var(--table-row-hover);
}

.k-grid:not(.kendo-custom-table) table th:not(.climate-finance-grid),
table .k-filter-row th:not(.climate-finance-grid),
table .k-grid-header th.k-header:not(.climate-finance-grid),
table.plan-publish.plan-custom-table .k-filter-row th:not(.climate-finance-grid),
.e-grid .e-columnheader .e-columnsheader:not(.climate-finance-grid) {
  background: var(--table-header-bg) !important;
  color: var(--table-header-font) !important;
  border-color: var(--white-color) !important;
  line-height: 1.5rem;
}

/* Apply vertical-align: top for .plan-custom-table and .plan-publish without !important in case no inline style */
.k-grid.k-widget table td.plan-custom-table,
.k-grid.k-widget table td.plan-publish {
  vertical-align: top;
}

.ck-content .table .kendo-custom-table table th {
  background: var(--table-header-bg) !important;
  color: var(--white-color) !important;
}

.e-pivotview .e-gtot.e-rowsheader,
.e-pivotview .e-gtot.e-columnsheader,
.e-pivotview .e-grid .e-gridheader,
.e-pivotview .e-headercell {
  background: var(--table-header-bg) !important;
  color: var(--table-header-font) !important;
}
.e-pivotview td.e-columnsheader,
.e-pivotview td.e-rowsheader {
  background-color: var(--custom-table-td-bg) !important;
}
.e-pivotview tr:hover td,
.e-pivotview .subtotal-background td.e-rowcell.pivot-last-row:hover td {
  background: var(--table-row-hover) !important;
}
.e-pivotview .e-frozenheader.e-frozen-left-header .e-table .e-columnheader th,
.e-pivotview .e-frozencontent.e-frozen-left-content .e-table .e-rowcell.e-rowsheader {
  border-right-width: 1px !important;
}

#goalsPopupWindow table th {
  border-color: var(--table-header-font) !important;
}

.service-area-contents .panel-heading {
  background-color: var(--service-area-bg) !important;
  font-weight: 500;
}

.k-grid:not(.kendo-custom-table) table tr.k-alt {
  background-color: var(--white-color);
}

.k-grid table tr.k-alt:hover {
  background-color: var(--table-row-hover) !important;
}

.search-btn-mobile {
  border: none;
  background: none;
  width: 45px;
  height: 35px;
  margin-top: 1px;
}

#bookMarksSectionMobile {
  margin-top: 2rem !important;
}

.widget-preview-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
  width: 85%;
}
.widget-preview-wrapper .actual-screen-width,
.widget-preview-wrapper .highcharts-data-table {
  width: 91vw !important;
}

.detail-section-wrapper.preview-detail-wrapper {
  width: 80% !important;
}

.filter-tooltip,
.graph-menu-active {
  background-color: var(--tree-map-tab-active-bg) !important;
  border-color: var(--tree-map-tab-active-bg) !important;
  color: var(--tree-map-tab-txt) !important;
}
.filter-tooltip:hover, .filter-tooltip:focus,
.graph-menu-active:hover,
.graph-menu-active:focus {
  border-color: var(--tree-map-tab-active-bg) !important;
  background: var(--tree-map-tab-active-bg) !important;
  font-weight: 600 !important;
}

#mobileSearchMainSection {
  display: block;
  position: fixed;
  padding: 1rem;
  width: 100%;
  height: auto;
  z-index: 1051;
}
#mobileSearchMainSection .search-background {
  width: 100%;
  padding: 6px;
}
#mobileHeaderContent .menu-header-wrapper::after {
  position: absolute;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0 !important;
  border: solid transparent;
  border-width: 10px;
  border-top-color: var(--widget-tooltip-color);
  content: "";
  pointer-events: none;
  z-index: 9999;
  top: 100%;
}

.goalsTabs .nav-tabs .active a:hover, .goalsTabs .nav-tabs .active a:active {
  color: var(--ungoals-filter-text-color) !important;
}

.a-dropdownCircleArrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 36px;
  width: 36px;
  height: 36px !important;
  margin-top: -3px;
  margin-right: 12px;
  background: var(--exp-collapse-toggle-arrow);
  border: 3px solid var(--exp-collapse-toggle-arrow);
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white-color) !important;
}

.aside-content-section {
  background: var(--plan-metatdata-right-sec);
  margin-left: 3%;
}
.aside-content-section .a-dropdownCircleArrow {
  min-width: 24px;
  width: 24px;
  height: 24px !important;
  margin-top: 0;
  margin-right: 5px;
}
.aside-content-section a:active,
.aside-content-section a:hover {
  text-decoration: none !important;
  outline: none !important;
  border: none !important;
}

.collapsed .a-dropdownCircleArrow {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

#proposalGrid3 {
  border: 1px solid var(--silver-color) !important;
}
#proposalGrid3 .k-grid-header {
  padding-right: 0 !important;
}
#proposalGrid3 tr th {
  border-left: 0 none !important;
  border-right: 0 none !important;
}
#proposalGrid3 tr td {
  border-bottom: 1px solid var(--silver-color) !important;
}
#proposalGrid3 tr:last-child td {
  border-bottom: 0 none !important;
}

.skip-link {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px !important;
  z-index: -1;
  transition: transform 0.3s;
  transform: translateY(-100%);
  border: 0;
  background: none;
  outline: none;
}
.skip-link:focus {
  outline: none;
  box-shadow: none;
}
.skip-link:focus-visible {
  transform: translateY(0%);
  position: relative;
  box-shadow: 0 0 1px 2px var(--focus-marking), 0 0 2px var(--focus-marking) inset !important;
  width: 170px;
  left: calc(50% - 85px);
  height: auto;
  padding: 0 3px;
  font-size: 1em;
  z-index: 100;
  margin-top: 2px;
  background: var(--white-color) !important;
}

.level-bookmarks-content ul li {
  display: inline-flex !important;
  min-width: 25px;
  padding: 0.2rem 0.6rem !important;
}

.cmn-btn-style {
  background: transparent;
  border: none;
  padding: 0;
}
.cmn-btn-style:hover {
  outline: none;
  border: none;
  font-weight: bold;
  font-size: 1em;
}

.invmap-search-input {
  height: 35px !important;
  top: 1px;
  border: 1px solid var(--main-theme-color) !important;
}
.invmap-search-input:hover, .invmap-search-input:focus {
  border: 1px solid var(--main-theme-color) !important;
}

.k-grid-header-locked,
.k-grid-content-locked {
  height: auto !important;
}
.k-grid-header-locked table,
.k-grid-content-locked table {
  width: 100% !important;
}

.k-grid.k-widget .k-hierarchy-col {
  width: auto;
}

.keyfigure-breadcrumb a:hover {
  font-size: 1.125em !important;
}

.bookmark-padding, #bookMarksContent .list-bookmarks-menu .bookmarkL3,
#bookMarksContentMobile .list-bookmarks-menu .bookmarkL3, #bookMarksContent .list-bookmarks-menu .bookmarkL2,
#bookMarksContentMobile .list-bookmarks-menu .bookmarkL2, #bookMarksContent .list-bookmarks-menu .bookmarkL1,
#bookMarksContentMobile .list-bookmarks-menu .bookmarkL1 {
  padding: 7px 0;
}

#bookMarksContent .list-bookmarks-menu,
#bookMarksContentMobile .list-bookmarks-menu {
  width: 99%;
  list-style: none;
  line-height: 2;
}
#bookMarksContent .list-bookmarks-menu .bookmarkL1,
#bookMarksContentMobile .list-bookmarks-menu .bookmarkL1 {
  font-size: 1em;
  display: inline-flex;
}
#bookMarksContent .list-bookmarks-menu .bookmarkL2,
#bookMarksContentMobile .list-bookmarks-menu .bookmarkL2 {
  font-size: 0.85em;
  padding-left: 5px;
  display: inline-flex;
}
#bookMarksContent .list-bookmarks-menu .bookmarkL3,
#bookMarksContentMobile .list-bookmarks-menu .bookmarkL3 {
  font-size: 0.75em;
  padding-left: 12px;
  display: inline-flex;
  line-height: 1.5rem;
}
#bookMarksContent .list-bookmarks-menu a:hover,
#bookMarksContentMobile .list-bookmarks-menu a:hover {
  text-decoration: underline !important;
}
#bookMarksContent .servicearea-collapse-icon:not(.collapsed),
#bookMarksContentMobile .servicearea-collapse-icon:not(.collapsed) {
  background-image: url("../images/expand-arrow-down.svg");
  position: absolute !important;
  width: 11px;
  height: 11px !important;
  cursor: pointer;
  background-repeat: no-repeat;
  top: 22px;
}
#bookMarksContent .servicearea-collapse-icon.collapsed,
#bookMarksContentMobile .servicearea-collapse-icon.collapsed {
  background-image: url("../images/expand-arrow-side.svg");
  position: absolute !important;
  width: 11px;
  height: 11px !important;
  cursor: pointer;
  background-repeat: no-repeat;
  top: 22px;
}

#smallerScreenWrapper .main-headings-wrapper {
  padding-bottom: 6rem !important;
}
#smallerScreenWrapper .main-headings-wrapper-no-banner {
  padding-bottom: 0 !important;
}
#smallerScreenWrapper .banner-bottom-section {
  min-height: 190px;
}

#mainBannerTitlesWrapper {
  width: 47%;
  padding: 0;
}

#mainBannerTitlesWrapper h1,
#mainBannerTitlesWrapper h2,
#mainBannerTitlesWrapper h3 {
  padding-left: 10px !important;
  padding-right: 0 !important;
}

.pov-search {
  border-radius: 4px !important;
}

.inv-table-custom {
  table-layout: fixed;
}
.inv-table-custom th:first-child {
  white-space: nowrap;
  width: 20%;
  text-align: left !important;
}
.inv-table-custom td:first-child {
  text-align: left !important;
}
.inv-table-custom td {
  white-space: normal;
}

.border-bottom-bg, .cutom-sticky-header th strong,
.cutom-sticky-header th p,
.cutom-sticky-header th span, .cutom-sticky-header th, .cutom-sticky-header tr:hover {
  background: var(--table-header-bg) !important;
}

.cutom-sticky-header {
  border: none;
}
.cutom-sticky-header th {
  border-top: 0.7pt solid var(--table-borders-color) !important;
}
#keyFiguresDetailContentSection {
  width: 861px;
  margin: auto;
}

/*Pivot table styles*/
.e-frozen-left-header {
  pointer-events: none;
}

.pivote-detail-content-section .e-icons {
  background-position: 50% 50%;
  cursor: pointer;
  margin-top: 0 !important;
  width: 20px;
  height: 20px !important;
  vertical-align: text-bottom;
}
.pivote-detail-content-section .e-rowcell {
  padding: 7px !important;
  vertical-align: revert !important;
  font-weight: normal !important;
}
.pivote-detail-content-section .e-stackedheadercelldiv,
.pivote-detail-content-section .e-headertext {
  color: var(--table-header-font) !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.pivote-detail-content-section .e-rowsheader .e-cellvalue {
  font-weight: normal !important;
}
.pivote-detail-content-section .e-grid {
  border: 0;
  font-size: 15px;
  width: 100% !important;
}
.pivote-detail-content-section .e-grid .e-gridheader {
  border-top-width: 0;
  border-bottom: 0.7pt solid var(--table-borders-color) !important;
}
@media screen and (max-width: 1300px) and (min-width: 780px) {
  .pivote-detail-content-section .e-grid .e-content,
  .pivote-detail-content-section .e-grid .e-gridheader,
  .pivote-detail-content-section .e-grid .e-movablescrollbar,
  .pivote-detail-content-section .e-grid .e-movablechild {
    width: 100% !important;
    overflow: auto !important;
  }
  .pivote-detail-content-section .e-grid .e-frozencontent.e-frozen-left-content,
  .pivote-detail-content-section .e-grid .e-frozenheader.e-frozen-left-header {
    width: 40% !important;
  }
  .pivote-detail-content-section .e-grid .e-frozencontent.e-frozen-left-content table,
  .pivote-detail-content-section .e-grid .e-frozenheader.e-frozen-left-header table {
    width: 100% !important;
  }
  .pivote-detail-content-section .e-grid .e-movablecontent,
  .pivote-detail-content-section .e-grid .e-movableheader {
    width: 60% !important;
  }
}
@media screen and (max-width: 767px) {
  .pivote-detail-content-section .e-grid .e-gridheader,
  .pivote-detail-content-section .e-grid .e-gridcontent,
  .pivote-detail-content-section .e-grid .e-content {
    width: 100% !important;
  }
  .pivote-detail-content-section .e-grid .e-frozencontent.e-frozen-left-content,
  .pivote-detail-content-section .e-grid .e-frozenheader.e-frozen-left-header {
    width: 50% !important;
  }
  .pivote-detail-content-section .e-grid .e-movablecontent,
  .pivote-detail-content-section .e-grid .e-movableheader {
    width: 50% !important;
  }
}
.pivote-detail-content-section .e-grid .fixed-header {
  top: 80px !important;
  position: fixed;
  z-index: 1;
}
.pivote-detail-content-section .e-grid .pivot-rows-level3,
.pivote-detail-content-section .e-grid .pivot-rows-level4,
.pivote-detail-content-section .e-grid .pivot-rows-level5,
.pivote-detail-content-section .e-grid .pivot-rows-level6 {
  color: #747474 !important;
}
.pivote-detail-content-section .e-grid.e-bothlines .e-rowcell,
.pivote-detail-content-section .e-grid.e-default.e-bothlines .e-headercell,
.pivote-detail-content-section .e-grid.e-default.e-bothlines .e-detailheadercell,
.pivote-detail-content-section .e-headercontent {
  border-width: 0 !important;
}
.pivote-detail-content-section .e-table {
  border-collapse: collapse;
}
.pivote-detail-content-section .e-table .e-rowcell.pivot-rows-level0 {
  background-color: #f7fbff !important;
  color: var(--black-color) !important;
}
.pivote-detail-content-section .e-table .e-rowcell.pivot-rows-level1,
.pivote-detail-content-section .e-table .e-rowcell.pivot-rows-level2 {
  color: var(--black-color) !important;
}
.pivote-detail-content-section .e-headercontent .e-columnsheader .e-headercelldiv {
  text-align: right;
}
.pivote-detail-content-section .e-collapse {
  background-image: url(../images/web-kostra-collapse.svg);
}
.pivote-detail-content-section .e-collapse::before {
  content: "" !important;
}
.pivote-detail-content-section .e-expand {
  background-image: url(../images/web-kostra-expand.svg);
}
.pivote-detail-content-section .e-expand::before {
  content: "" !important;
}
.pivote-detail-content-section .widget-grand-total .pivot-last-row,
.pivote-detail-content-section .widget-grand-total .pivot-last-row a,
.pivote-detail-content-section .widget-grand-total .pivot-last-row span {
  color: var(--black-color) !important;
  pointer-events: none;
  font-weight: 500 !important;
}

.e-multi-select-list-wrapper {
  z-index: 99999;
}

.e-popup-full-page {
  top: 420px !important;
}

.k-grid table td span:not(.total1) a[href] {
  color: var(--external-links-default-color) !important;
}
.k-grid table td span:not(.total1) a[href]:hover {
  color: #00439b !important;
  font-weight: 600 !important;
}

.web-clickable-links {
  text-align: left;
  display: inline-flex;
}

.logo-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.logo-wrapper div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.logo-wrapper a {
  width: auto;
  height: auto;
  display: inline-block;
}
.logo-wrapper img {
  width: 100%;
  object-fit: contain;
  height: 47px;
}

.breadcrumb {
  margin-bottom: 0.5rem;
}
.breadcrumb .breadcrumb-item {
  line-height: 1.5rem;
  width: 100%;
}
.breadcrumb .breadcrumb-item::before {
  content: " ";
  display: none;
}
.breadcrumb .breadcrumb-item .breadcrumb-service-area {
  color: var(--breadcrumbs-chaptername-font) !important;
}
.breadcrumb .breadcrumb-item .breadcrumbs-chaptername {
  padding-top: 0.6rem;
  color: var(--servicearea-first-level-collapse-font) !important;
}
.breadcrumb .breadcrumb-item .bc-back-btn {
  color: var(--black-color);
}
.breadcrumb .breadcrumb-item .bc-back-btn:hover {
  text-decoration: underline !important;
  color: var(--black-color);
}

.breadcrumb-item.active {
  color: var(--servicearea-first-level-collapse-font) !important;
}

.sa-title-hr-2, .sa-title-hr,
.sa-title-hr-1 {
  border-top: 1px solid;
  border-radius: 10px;
}

.sa-title-hr,
.sa-title-hr-1 {
  border-color: var(--servicearea-first-level-collapse-font);
}

.sa-title-hr-2 {
  border-color: var(--servicearea-second-level-collapse-font);
}

.servicearea-first-level-collapse-bg,
#bBreadcrumb {
  background-color: var(--servicearea-first-level-collapse-bg);
}

.servicearea-first-level-expand-bg {
  background-color: var(--servicearea-first-level-expand-bg);
}

.servicearea-second-level-collapse-bg {
  background-color: var(--servicearea-second-level-collapse-bg);
}

.servicearea-second-level-expand-bg {
  background-color: var(--servicearea-second-level-expand-bg);
}
.servicearea-second-level-expand-bg .panel-default {
  line-height: 2;
}

.servicearea-first-level-collapse-bg .plan-menu-expcol,
.servicearea-second-level-collapse-bg .plan-menu-expcol {
  right: 10px;
}

.active-sa-first-bookmark {
  border-left: 10px solid var(--servicearea-first-level-collapse-bg);
}

.active-sa-second-bookmark {
  border-left: 10px solid var(--servicearea-second-level-collapse-bg);
}

.servicearea-nav-section {
  margin-top: 60px;
  margin-bottom: 60px;
}

.servicearea-nav-btn-section {
  width: 40%;
}

.servicearea-container-space {
  width: 20%;
}

.k-grid.k-widget .k-grid-header tr:first-child th:first-child {
  border-top-left-radius: 3px !important;
}
.k-grid.k-widget .k-grid-header tr:first-child th:last-child {
  border-top-right-radius: 3px !important;
}

.black-color-btn {
  color: var(--black-color);
}

.servicearea-first-level-collapse-font {
  color: var(--servicearea-first-level-collapse-font) !important;
}

.servicearea-first-level-expand-font {
  color: var(--servicearea-first-level-expand-font) !important;
}

.servicearea-second-level-collapse-font {
  color: var(--servicearea-second-level-collapse-font) !important;
}

.servicearea-second-level-expand-font {
  color: var(--servicearea-second-level-expand-font) !important;
}

.servicearea-navigation-font {
  color: var(--servicearea-navigation-font) !important;
}

.k-window {
  border: none;
  border-radius: 10px;
}
.k-window .k-grid table th {
  color: var(--table-header-font) !important;
}
.k-window a[href] {
  text-decoration: underline !important;
}
.k-window .page-footer {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: fixed;
}

.k-window-action .k-icon.k-i-close::before {
  color: var(--black-color);
}
.k-window-action .k-icon {
  color: var(--popup-window-titlebar-color) !important;
}

.k-window-titlebar {
  padding-left: 1.5rem;
  min-height: 50px;
  border: none !important;
}
@media (max-width: 768px) {
  .k-window-titlebar {
    padding-left: 0.75rem;
  }
}
.k-window-titlebar.strategy-popup-header-bg {
  background-color: var(--goal-strategy-bg) !important;
}
.k-window-titlebar.assignment-popup-header-bg {
  background-color: var(--goal-assignment-bg) !important;
}
.k-window-titlebar.action-popup-header-bg {
  background-color: var(--goal-action-bg) !important;
}
.k-window-titlebar.climateAction-popup-header-bg {
  background-color: var(--goal-climate-bg) !important;
}
.k-window-titlebar.investment-popup-header-bg {
  background-color: var(--goal-investment-bg) !important;
}
.k-window-titlebar.table-popup-header-bg {
  height: 70px;
}
.k-window-titlebar .k-window-title {
  white-space: normal !important;
  display: flex;
  align-items: center;
}

.k-window-content {
  width: 100%;
  overflow: hidden auto;
  border: 0;
  border-radius: 0;
}
.k-window-content table th:not(.k-hierarchy-cell),
.k-window-content table td:not(.k-hierarchy-cell) {
  min-width: 100px !important;
}
.k-window-content table th,
.k-window-content table td {
  padding: 0.25rem 1rem;
  font-size: 15px;
}

.set-focus-top,
.no-focus {
  height: 0;
  width: 0;
}

.plan-input-search {
  width: 75%;
  display: inline-block;
  height: 20px;
}

.psqa-content-wrap .psqa-filter-btn {
  width: 130px;
  height: 32px;
  background: #e5eeef 0% 0% no-repeat padding-box;
  border: 1px solid #0b616d !important;
  border-radius: 10px !important;
  padding: 0.4rem;
}
.psqa-content-wrap .psqa-search-btn {
  width: 63px;
  height: 32px;
  justify-content: center;
  min-height: unset;
}
.psqa-content-wrap .input-group-btn {
  position: absolute;
  right: 20px;
  border-radius: 10px;
}
.psqa-content-wrap .input-search-box.plan-input-search {
  width: 80%;
  border: 1px solid #606060 !important;
  border-radius: 10px !important;
  padding: 5px 10px;
}

.polsim-qa-table .k-detail-row:hover,
.polsim-qa-table .k-detail-row.k-alt:hover {
  background: transparent !important;
}

.psqa-filter-popup {
  background: var(--filter-popup-bg) 0% 0% no-repeat padding-box;
  border: 1px solid var(--filter-border-color);
  border-radius: 10px;
  width: 392px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.psqa-filter-popup .k-window-titlebar {
  background: inherit;
  padding: 0.75rem 0 0 1.5rem;
}
.psqa-filter-popup .k-window-titlebar .k-window-actions {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.psqa-filter-popup .k-window-titlebar .k-window-actions .k-window-action {
  width: 100%;
}
.psqa-filter-popup .k-window-titlebar .k-window-actions .k-window-action:hover, .psqa-filter-popup .k-window-titlebar .k-window-actions .k-window-action::before, .psqa-filter-popup .k-window-titlebar .k-window-actions .k-window-action::after {
  background: none;
  box-shadow: none;
  border: none;
  outline: none;
}
.psqa-filter-popup .k-window-titlebar .k-window-title h4 {
  font-size: 16px;
  color: var(--black-color);
  font-weight: 600;
  margin: 0;
}
.psqa-filter-popup .k-window-titlebar .k-icon:before {
  height: 1.2rem;
  width: 1.2rem;
}
.psqa-filter-popup .save-filter-btn {
  width: 135px;
  height: 32px;
  background: var(--filter-border-color) no-repeat padding-box;
  border-radius: 10px;
  text-align: center;
  color: var(--white-color);
  border: none;
  transition: background-color 0.3s ease;
}
.psqa-filter-popup .save-filter-btn:hover {
  background: rgb(6.325, 55.775, 62.675) no-repeat padding-box;
}
.psqa-filter-popup .filters-title {
  border-color: var(--black-color);
  padding-bottom: 0.2rem;
  cursor: pointer;
}
.psqa-filter-popup .filters-title span.exp-clpse {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  vertical-align: text-top;
  background-position: center;
  transition: transform 0.3s ease;
}
.psqa-filter-popup .filters-title:not(.collapsed) .exp-clpse {
  background-image: url("../images/expand-arrow-down.svg");
  transform: rotate(180deg);
}
.psqa-filter-popup .filters-title.collapsed .exp-clpse {
  background-image: url("../images/expand-arrow-side.svg");
}
.psqa-filter-popup .filter-checkbox-label {
  width: 80%;
  padding-right: 1rem;
  display: flex;
  align-items: center;
}
.psqa-filter-popup .filter-checkbox-label input {
  width: 17px;
  height: 17px !important;
  border: 2px solid var(--black-color);
  margin-right: 0.5rem;
}
.psqa-filter-popup #psqaFilterPopupContents {
  max-height: calc(100vh - 140px);
  overflow-y: auto;
  padding: 0.5rem;
}

.accordion a {
  color: var(--black-color);
  display: inline-block;
  text-decoration: none;
}
.accordion a:hover {
  text-decoration: none;
}

.collapsed .expand-collpse-text {
  text-decoration: none;
}

.photo-text-sec,
.photo-text-wrap,
.sm-ph-txt-wrap {
  position: relative;
  width: 760px;
}

.photo-text-wrap {
  top: 101%;
}

.sm-ph-txt-wrap {
  top: 103%;
}

.table-floating-header-original.cutom-sticky-header {
  margin-left: -1px;
}

#commonPopupWindow figure img {
  max-width: 100%;
}
#commonPopupWindow table th {
  color: var(--black-color);
}

.ck-report-template td,
table.ck-custom-table-export td {
  white-space: normal !important;
}

.e-grid.e-responsive .e-rowcell,
.e-grid.e-responsive .e-headercelldiv {
  white-space: nowrap !important;
}

.social-media-share-btn {
  border: none;
  background: none;
}
.social-media-share-btn:hover {
  font-weight: bold;
}

canvas {
  overflow: auto;
}

.highcharts-data-table {
  margin-top: 15px;
}
.highcharts-data-table table {
  border-collapse: collapse;
  border-spacing: 0;
  background: var(--white);
  min-width: 100%;
  caption-side: top;
  position: relative;
  z-index: 0;
}
.highcharts-data-table table .highcharts-table-caption {
  text-align: left;
  color: var(--black-color);
  font-size: 1rem;
}
.highcharts-data-table table thead tr {
  background: #f8f8f8;
}
.highcharts-data-table table thead tr th {
  border-bottom: 1px solid var(--white-color);
  text-align: right;
  vertical-align: top;
}
.highcharts-data-table table thead tr th:first-child {
  text-align: left !important;
}
.highcharts-data-table table tbody th {
  background: transparent !important;
  border-left: none !important;
  border-right: none !important;
  color: var(--black-color) !important;
  font-weight: normal;
}
.highcharts-data-table table tbody td {
  text-align: right;
  min-width: 80px;
}
.highcharts-data-table table tbody tr:hover {
  background: rgb(245, 245, 245);
}
.highcharts-data-table table tbody tr:nth-child(odd) {
  background: rgb(245, 245, 245);
}
.highcharts-data-table table tbody tr:nth-child(odd):hover {
  background: transparent;
}
.highcharts-data-table table th,
.highcharts-data-table table td {
  padding: 0.5rem;
}

.highcharts-plot-border,
.highcharts-grid-line {
  stroke: var(--call-out-border) !important;
}

rect.highcharts-point {
  stroke: #484848 !important;
  stroke-width: 1px !important;
}

.busplan-section .k-grid-content td a[href] {
  color: var(--external-links-default-color) !important;
  text-decoration: underline !important;
}
.busplan-section .k-grid-content td a[href]:hover {
  color: #00439b !important;
  font-weight: 600 !important;
}

.busplan-section .k-grid-content td a {
  word-break: break-word;
  border-bottom: none !important;
  display: inline-flex;
  margin-left: 0 !important;
}

.busplan-section .k-grid-content td img {
  margin-right: 10px !important;
}

.busplan-section .even-row {
  background: #f9f9f9 !important;
  border-bottom: 0.7px solid var(--table-borders-color) !important;
}

.highchart-section {
  margin-top: 0 !important;
}
.highchart-section .highcharts-container .highcharts-legend-item-hidden text {
  color: #949494 !important;
  fill: #949494 !important;
  text-decoration: none !important;
}
.highchart-section .highcharts-container .highcharts-point {
  border: 1px solid var(--black-color) !important;
  opacity: 1 !important;
}

.highchart-tooltip {
  background: var(--white-color);
  width: 280px;
  min-height: 70px;
  font-size: 0.75rem;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid var(--call-out-border);
  opacity: 0.95;
}
.highchart-tooltip .tt-ind-name,
.highchart-tooltip .tt-mp-name {
  white-space: normal;
  line-height: 1.2;
}
.highchart-tooltip .tt-legend-symbol {
  display: inline-flex;
  height: 16px;
  width: 16px;
  border-radius: 8px;
  border: 1px solid var(--black-color);
}

.highcharts-contextmenu {
  z-index: 99999 !important;
}
.highcharts-contextmenu hr {
  margin: 0 0 5px;
}

.detail-section-wrapper .pivot-filter-wrapper button.btn-primary {
  background-color: var(--table-header-bg) !important;
  border-color: var(--table-header-bg) !important;
  color: var(--table-header-font);
}

.k-grid table.ck-custom-table-export .ck-tablestyle-header:hover td,
.k-grid table.ck-custom-table-export .ck-tablestyle-header:hover * {
  background: var(--table-header-bg) !important;
  color: var(--table-header-font) !important;
}

.busplan-container-detail {
  margin-top: 7.5rem;
}

.left-menu-content {
  outline: calc((66vw - 790px) / 2) solid var(--white-color);
}

.search-background svg {
  vertical-align: text-bottom;
}

.kendo-tree-list-grid .k-i-expand {
  margin-right: 5px;
  margin-top: -2px;
  width: 20px;
  height: 20px !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../images/web-kostra-expand.svg");
  content: "";
}
.kendo-tree-list-grid .k-i-expand::before {
  content: "";
}
.kendo-tree-list-grid .k-i-collapse {
  margin-right: 5px;
  margin-top: -2px;
  width: 20px;
  height: 20px !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../images/web-kostra-collapse.svg");
  content: "";
}
.kendo-tree-list-grid .k-i-collapse::before {
  content: "";
}
.kendo-tree-list-grid a {
  margin-left: 20px;
  word-break: break-word;
  border-bottom: none !important;
  display: inline-flex;
}

.detail-section-wrapper .k-grid .k-hierarchy-cell .k-i-collapse {
  margin-right: 5px;
  margin-top: -2px;
  width: 20px;
  height: 20px !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../images/web-kostra-collapse.svg");
  content: "";
}
.detail-section-wrapper .k-grid .k-hierarchy-cell .k-i-collapse::before {
  content: "";
}
.detail-section-wrapper .k-grid .k-hierarchy-cell .k-i-expand {
  margin-right: 5px;
  margin-top: -2px;
  width: 20px;
  height: 20px !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../images/web-kostra-expand.svg");
  content: "";
}
.detail-section-wrapper .k-grid .k-hierarchy-cell .k-i-expand::before {
  content: "";
}

.k-grid .k-hierarchy-cell .k-icon::before {
  content: none;
}

/* tabs */
#tabSectionSmall {
  border: none;
  padding: 0;
  margin-left: 28px;
  padding-bottom: 13px;
  font-size: 0.8125rem;
  list-style: none !important;
}
#tabSectionSmall > li > a {
  height: 24px;
  border-radius: 0;
  text-align: center;
  padding: 7px 7px 7px 12px;
  color: var(--tooltip-icon-style);
}
#tabSectionSmall > li > a:hover {
  color: var(--clickable-items-hover-color) !important;
}
#tabSectionSmall > li.active > a:hover,
#tabSectionSmall > li > a:hover {
  color: var(--clickable-items-hover-color) !important;
}
#tabSectionSmall > li .active {
  background-color: var(--main-theme-color);
  color: var(--white-color) !important;
}
#tabSectionSmall.nav-tabs > li > a.active, #tabSectionSmall.nav-tabs > li > a:hover.active {
  background-color: var(--main-theme-color);
  color: var(--white-color) !important;
  border-radius: 0;
}

.tab-section-minwidth75 {
  min-width: 75px !important;
}

.tab-section-tablink-small {
  min-width: 50px;
  margin-right: 5px;
}

.web-tooltip-style {
  color: var(--tooltip-icon-style);
}

/*Reusable flexbox style start*/
.d-flex-sb,
.doc-widget-action-icons {
  justify-content: space-between;
}

.d-flex-start {
  justify-content: flex-start;
}

.d-flex-end {
  justify-content: flex-end;
}

.d-flex-center {
  justify-content: center;
}

.d-inline-flex-sb {
  justify-content: space-between;
  display: inline-flex;
  align-items: center;
}

/*Reusable flexbox style end*/
.input-search-box:not(.plan-input-search) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  width: 164px;
  height: 27px;
}

#planSerachBoxWrapper .input-search-box,
#searchSection .input-search-box {
  height: 2.55rem;
}

.highcharts-axis-labels span,
.highcharts-axis-labels text {
  font-family: aktiv-grotesk, sans-serif !important;
  font-weight: normal !important;
}

.highcharts-tooltip span.myTooltip {
  font-family: aktiv-grotesk, sans-serif !important;
}

.highcharts-contextmenu .highcharts-menu li {
  font-family: aktiv-grotesk, sans-serif !important;
}

.highcharts-legend-item span {
  font-family: aktiv-grotesk, sans-serif !important;
  overflow: visible !important;
}

.social-media-share-popup .k-tooltip-button {
  padding-top: 5px;
  padding-right: 5px;
}
.social-media-share-popup .k-tooltip-button .k-icon:before {
  font-size: 20px;
}

#skipToMainContent:focus,
#mainContent:focus {
  outline: none !important;
}

.plan-filter-section .plan-ov-tabs {
  width: auto;
}
.plan-filter-section .plan-ov-tabs a {
  border-radius: 1px;
}

.panel-heading.plan-filter-heading {
  background: var(--plan-overview-list) 0% 0% no-repeat padding-box !important;
  padding: 10px 15px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--white-color) !important;
}
.panel-heading.plan-filter-heading h4 {
  margin: 0 !important;
}
.panel-heading.plan-filter-heading .clickable-Pln-items {
  color: var(--white-color) !important;
}
.panel-heading.plan-filter-heading .clickable-Pln-items .white-color {
  color: var(--white-color) !important;
}

.singlepageView .banner-centered-content-dynamic {
  margin-left: 0;
  width: 100%;
}
.singlepageView .highcharts-print-image {
  page-break-inside: avoid;
}
.singlepageView .plan-single-pageview-banner {
  height: 450px !important;
}
.singlepageView .big-logo-wrapper logoimg img {
  height: 180px;
}
.singlepageView .detail-section-wrapper .actual-screen-width {
  overflow-y: visible !important;
}
.singlepageView .plan-single-pageview-banner.bannerBackground:not(:has(img)) {
  height: unset;
}
.singlepageView .ck-report-template:has(> table) > table,
.singlepageView .k-grid {
  width: calc(750px + (100vw - 790px) / 2) !important;
}
.singlepageView .ck-report-template tr:first-child th:first-child {
  border-top-left-radius: 3px !important;
}
.singlepageView [widgettype].ck-report-template tr:last-child th:last-child {
  border-top-right-radius: 3px !important;
}
.singlepageView .detail-left-content-section.plan-single-pageview {
  max-height: calc(96vh - 28px);
  overflow-y: auto;
  z-index: 1031;
}
.singlepageView .singlepage-bookmarks#bookMarksContent .list-bookmarks-menu .bookmarkL1,
.singlepageView .singlepage-bookmarks#bookMarksContent .list-bookmarks-menu .bookmarkL15,
.singlepageView .singlepage-bookmarks#bookMarksContent .list-bookmarks-menu .bookmarkL2,
.singlepageView .singlepage-bookmarks#bookMarksContent .list-bookmarks-menu .bookmarkL25,
.singlepageView .singlepage-bookmarks#bookMarksContent .list-bookmarks-menu .bookmarkL3,
.singlepageView .singlepage-bookmarks#bookMarksContent .list-bookmarks-menu .bookmarkL4,
.singlepageView #bookMarksContentMobile.singlepage-bookmarks .bookmarkL1,
.singlepageView #bookMarksContentMobile.singlepage-bookmarks .bookmarkL15,
.singlepageView #bookMarksContentMobile.singlepage-bookmarks .bookmarkL2,
.singlepageView #bookMarksContentMobile.singlepage-bookmarks .bookmarkL25,
.singlepageView #bookMarksContentMobile.singlepage-bookmarks .bookmarkL3,
.singlepageView #bookMarksContentMobile.singlepage-bookmarks .bookmarkL4 {
  padding: 10px 0 0 0 !important;
}
.singlepageView .singlepage-bookmarks#bookMarksContent .list-bookmarks-menu .bookmarkL1,
.singlepageView #bookMarksContentMobile.singlepage-bookmarks .bookmarkL1 {
  font-size: 14px;
}
.singlepageView .singlepage-bookmarks#bookMarksContent .list-bookmarks-menu .bookmarkL15,
.singlepageView .singlepage-bookmarks#bookMarksContent .list-bookmarks-menu .bookmarkL2,
.singlepageView #bookMarksContentMobile.singlepage-bookmarks .bookmarkL15,
.singlepageView #bookMarksContentMobile.singlepage-bookmarks .bookmarkL2 {
  font-size: 13px;
}
.singlepageView .singlepage-bookmarks#bookMarksContent .list-bookmarks-menu .bookmarkL3,
.singlepageView .singlepage-bookmarks#bookMarksContent .list-bookmarks-menu .bookmarkL25,
.singlepageView #bookMarksContentMobile.singlepage-bookmarks .bookmarkL3,
.singlepageView #bookMarksContentMobile.singlepage-bookmarks .bookmarkL25 {
  font-size: 12px;
  margin-left: 10px;
}
.singlepageView .k-grid .k-alt.k-master-row {
  background: rgb(249, 249, 249);
}
.singlepageView span:not(.total1) a.web-clickable-links[onclick*=openBudgetSADetailPopup],
.singlepageView span:not(.total1) a.web-clickable-links[onclick*=openBudgetSAPopup],
.singlepageView a.clickable-item-a[onclick*=openDynamicTableActionDesc] {
  pointer-events: none;
  color: black !important;
}
.singlepageView #homeMainBannerSectionMobile {
  display: none !important;
}
.singlepageView #singlePageViewBannerSection {
  display: unset !important;
}
.singlepageView .DOCWidgetReportingGrid th,
.singlepageView .DOCWidgetReportingGrid td {
  padding: 7px;
}
@media print {
  .singlepageView .ck-report-template:has(> table) > table,
  .singlepageView .k-grid {
    width: calc(100vw - 5%) !important;
  }
  .singlepageView section[bookmark]:not(table) {
    width: 70%;
  }
  .singlepageView thead {
    display: table-row-group;
  }
  .singlepageView #homeMainBannerSectionMobile {
    display: none;
  }
  .singlepageView .singlepage-bookmarks {
    break-after: page;
    page-break-after: always;
  }
  .singlepageView #mainContent .row.h1:not(:first-of-type) {
    page-break-before: always;
  }
  .singlepageView .page-footer {
    display: none !important;
  }
  .singlepageView .banner-image-container {
    page-break-inside: avoid;
  }
  .singlepageView .bannerBackground:has(img) + .photo-text-sec {
    break-after: page;
  }
  .singlepageView .detail-section-wrapper {
    width: unset;
    height: unset;
  }
  .singlepageView section[bookmark=true] {
    break-before: page;
  }
  .singlepageView .goalsTabs {
    display: none !important;
  }
  .singlepageView .k-grid .fixed-header {
    width: unset !important;
    position: static !important;
  }
  .singlepageView .k-grid .k-grid-header-wrap > table {
    width: 100% !important;
    table-layout: auto !important;
  }
  .singlepageView .k-grid .k-grid-header,
  .singlepageView .k-grid.k-widget .k-grid-content table,
  .singlepageView .detail-section-wrapper {
    width: 100% !important;
  }
  .singlepageView .k-grid table td span:not(.total1) a[href] {
    color: var(--black-color) !important;
  }
  .singlepageView a.clickable-item-a {
    color: var(--black-color) !important;
  }
  .singlepageView .e-pivotview .e-frozenheader > .e-table,
  .singlepageView .e-pivotview .e-frozencontent > .e-table {
    width: 35vw !important;
  }
}

.mobile-header-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1050;
  display: none;
}

.back-button {
  color: var(--black-color) !important;
  font-size: 1rem;
  display: inline-block;
}
.back-button:hover {
  text-decoration: none !important;
  border-bottom: 1px solid var(--black-color);
  line-height: 1.25rem !important;
  font-weight: normal !important;
  color: var(--black-color) !important;
  word-break: break-word !important;
}

.highcharts-title {
  left: 0 !important;
  margin-top: 2px !important;
}

.tooltip-align-items-center {
  display: flex !important;
  align-items: center !important;
}

.filter-btn:hover,
.no-btn-style:hover {
  font-weight: 600;
}

.viewin-cart-btn {
  background-color: var(--invmap-buttons-color);
  color: var(--white-color);
  outline: none;
  border: 1px solid var(--invmap-buttons-color);
  border-radius: 4px;
}
.viewin-cart-btn:hover {
  color: var(--white-color);
  background-color: var(--darker-blue);
}

section:has(.k-grid),
section:has(.k-chart) {
  position: relative;
}

#mainContent {
  padding-top: 2rem;
}
#mainContent a,
#mainContent button {
  transition: filter 0.5s, font-weight 0.9s;
}
#mainContent a:hover,
#mainContent button:hover {
  filter: brightness(1.1);
  transform: scale(0.98);
  overflow: hidden;
}

#filterContentSelector,
#filterContentSelector1,
#programCodeFilter,
.program-code-filter {
  position: absolute;
  top: 45px;
  z-index: 99999 !important;
  background: var(--filter-content);
}
#filterContentSelector button,
#filterContentSelector1 button,
#programCodeFilter button,
.program-code-filter button {
  background: transparent;
  border: none;
}

#filterContentSelector,
#filterContentSelector1 {
  width: calc(100vw - 20px);
}
@media (min-width: 771px) {
  #filterContentSelector,
  #filterContentSelector1 {
    width: calc(100vw - 200px);
  }
}

#programCodeFilter {
  width: calc(100vw - 40px);
  left: -275px;
}
#programCodeFilter.no-service-filter {
  left: 0;
}
@media (min-width: 771px) {
  #programCodeFilter {
    width: calc(90vw - 300px);
  }
}

.program-code-filter--with-service-filter {
  left: -275px;
}
.program-code-filter--standalone {
  left: 0;
}

#filterContentSelector,
#programCodeFilter {
  left: -275px;
}

.main-chapter-bottom-sec li {
  margin-bottom: 0.75rem;
}