.mt-28p {
  margin-top: 3rem;
}

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

.main-container {
  margin-top: 82px;
}

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

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

.sticky-header-main {
  height: 28px;
  font-size: 1em;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
}

.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 {
  top: 0;
  height: 65px;
  padding-top: 10px;
}

@media (max-width: 768px) {
  .plan-overview-header .secondary-header-wrapper {
    height: 0;
    padding-top: 0px;
  }
}
.detail-secondary-header {
  top: 0;
}

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

.fa-bars:before {
  content: "\f0c9";
}

.fa-times:before {
  content: "\f00d";
}

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

.input-search-box {
  width: 164px;
  border-radius: 0px;
  height: 23px;
}

.flex-container {
  display: flex;
  justify-content: flex-end;
}

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

.k-window .page-footer {
  position: fixed;
}

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

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

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

.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;
  right: 3px;
  z-index: 9;
  bottom: 100px;
  background: transparent;
  border: none;
}

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

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

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

.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; /*25px*/
  white-space: nowrap;
  padding-left: 1.5rem;
}
.detail-keyfigure-contents .detail-keyfig-img {
  padding-left: 2rem;
}

.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;
  margin-left: 29.5%;
}

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

.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.125em;
}
.front-page-container .chapter-headings-section--main.col-sm-7 h3.chapter-heading--title {
  width: auto !important;
  max-width: 95%;
}
.front-page-container .chapter-headings-section--main.col-sm-7 img.right-arrow-dir {
  top: 5px !important;
}

.content-detail-style h1,
.content-detail-style .h1,
.content-detail-style h2,
.content-detail-style .h2,
.content-detail-style h3,
.content-detail-style .h3,
.content-detail-style h4,
.content-detail-style .h4,
.content-detail-style h5,
.content-detail-style .h5,
.content-detail-style h6,
.content-detail-style .h6 {
  line-height: 1.3;
}
.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;
}
.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 {
  font-size: 2em;
}
.content-detail-style h1.inv-map-heading1 strong {
  font-weight: inherit;
}

.k-window-titlebar.table-popup-header-bg {
  height: 70px;
}

.popup-description-box {
  padding: 1.2rem 2rem !important;
  margin-top: 2em !important;
  margin-bottom: 2em;
  width: 96%;
}
.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 {
  margin-left: 1rem;
}
.window-popup-container:focus {
  outline: none !important;
}

.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 .k-window-title {
  white-space: normal !important;
  display: flex;
  align-items: center;
}

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

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

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

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

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

.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: 20px;
  height: 20px !important;
}

.grid-dot-style, .climateAction-dot, .assignment-dot, .strategy-dot, .investment-dot, .action-dot {
  margin-top: 0px;
  padding: 4px;
  border-radius: 50%;
  width: 12px;
  height: 12px !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: 0.1s ease-in;
}

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

.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: 147px;
  padding: 0;
  margin: 20px 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%;
  padding-top: 25px;
  line-height: 1.5;
}
#frontPageContentSection .graphs-links--title {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
}
#frontPageContentSection .chapter-headings-section--main {
  width: 60% !important;
  height: 168px;
  display: inline-block !important;
  float: right;
  position: relative;
}
#frontPageContentSection .chapter-headings-section--sub {
  width: 100%;
  display: inline-flex;
}
#frontPageContentSection .col-sm-12.chapter-headings-section--main {
  width: 100% !important;
  height: auto;
}
#frontPageContentSection .goals-headings-section--main {
  width: 80% !important;
  min-height: 110px;
}
#frontPageContentSection .chapter-description {
  height: 122px;
  overflow: hidden;
}
#frontPageContentSection .chapter-heading--main {
  width: auto;
  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%;
  width: 97%;
}
#frontPageContentSection .right-arrow-dir {
  position: absolute;
  right: 0;
  bottom: 7px;
  width: 39px;
}
#frontPageContentSection .chapter-headings-section--main.front-page-chapter-border .right-arrow-dir {
  position: relative;
  top: 1px;
}
#frontPageContentSection .chapter-headings-section--main.front-page-chapter-border:hover .right-arrow-dir {
  position: relative !important;
  top: 0;
}
#frontPageContentSection .front-page-chapter-border {
  border-bottom: 1px solid var(--front-hr-border);
  position: relative;
  display: inline-flex;
  width: 100%;
}
#frontPageContentSection .front-page-chapter-border:hover .link-hover-style {
  font-weight: bold !important;
}
#frontPageContentSection .front-page-chapter-border:hover .right-arrow-dir {
  position: absolute;
  bottom: 7px;
}
#frontPageContentSection .front-page-graph-links .front-page-chapter-border:hover .right-arrow-dir {
  top: 5px !important;
}
#frontPageContentSection .chapter-headings-section--main.col-sm-12 .chapter-heading--title {
  width: 95% !important;
}

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

.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 li {
  width: auto;
  display: inline-flex;
  margin-right: 10px;
}
.graphs-list-style li button {
  padding: 5px 20px !important;
  border: none;
}
.graphs-list-style li:hover {
  color: var(--main-theme-color) !important;
}
.graphs-list-style li.graph-menu-active:hover {
  color: var(--white-color) !important;
}

#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,
#menuContentWrapper .border-bottom-white a:hover {
  font-weight: bold !important;
}
.container-wrapper button:hover:hover,
#menuContentWrapper .border-bottom-white:hover {
  border-width: 2px !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: white !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 button.btn-primary,
.detail-section-wrapper .graph-menu-active {
  background-color: var(--main-theme-color) !important;
  border-color: var(--main-theme-color) !important;
}
.detail-section-wrapper .textFilterSection li.active a,
.detail-section-wrapper .textFilterSection li.active button {
  background-color: var(--text-filters-active-bg) !important;
  color: var(--text-filter-btn-color) !important;
}
.detail-section-wrapper .textFilterSection li.active a:hover,
.detail-section-wrapper .textFilterSection li.active button:hover {
  font-weight: bold !important;
  border-color: var(--text-filters-bg) !important;
  font-size: 0.95em !important;
}
.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;
}
.detail-section-wrapper .textFilterSection li a:hover,
.detail-section-wrapper .textFilterSection li button:hover {
  border-color: var(--text-filters-active-bg) !important;
  background: var(--text-filters-active-bg) !important;
  font-size: 0.95em !important;
  font-weight: bold !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: 0px;
  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 a:hover {
  border: none !important;
  color: var(--clickable-items-hover-color) !important;
  font-weight: 500 !important;
}
.detail-section-wrapper a: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 a: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.32em !important;
  letter-spacing: 0px !important;
  height: 34px !important;
}
.detail-section-wrapper .plan-filter-section li a.active,
.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.4 !important;
}
.detail-section-wrapper .k-grid td span {
  color: var(--table-sumrow-font) !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 .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.42857143;
  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 .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;
}
.detail-section-wrapper .actual-screen-width.table-width-70 {
  position: relative;
  width: calc(750px + (70vw - 790px) / 2) !important;
}

#tabSectionSmall > li.active > a:hover,
#tabSectionSmall > li > a:hover {
  color: var(--clickable-items-hover-color) !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) !important;
}

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

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

.banner-containerer--detail {
  margin-top: 2.5rem;
}

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

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

.widget-preview-wrapper {
  margin-top: 0px !important;
  padding-top: 0px !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;
}

.graph-menu-active:focus {
  color: var(--white-color);
  background: var(--main-theme-color);
  padding: 2px 8px;
}

.graph-menu-active,
.filter-tooltip {
  color: var(--white-color) !important;
  background: var(--main-theme-color);
}
.graph-menu-active:hover,
.filter-tooltip:hover {
  text-decoration: none !important;
  background: var(--white-color);
  color: var(--main-theme-color) !important;
  border: 1px solid var(--main-theme-color);
}

.search-input-style, #mobileSearchMainSection .input-search-box, #mobileSearchMainSection .search-background {
  display: inline-block;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 40px !important;
}

#mobileSearchMainSection .search-background {
  width: 100%;
  padding: 6px;
  border: 0 !important;
}
#mobileSearchMainSection .input-search-box {
  width: 78% !important;
}
#mobileSearchMainSection .input-group-btn {
  width: 22%;
  display: inline-flex;
}

#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;
  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: 0px;
  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 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-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px !important;
  z-index: -999;
  transition: transform 0.3s;
  transform: translateY(-100%);
  border: 0;
  background: none;
  outline: none;
}
.skip-main:focus {
  outline: none;
  box-shadow: none;
}
.skip-main: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: 99;
  margin-top: 2px;
}

.plansearch-wrapper .input-search-box {
  height: 37px;
}

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

#filterContentSelector button, #programCodeFilter button {
  background: transparent;
  border: none;
}

.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, #BookMarksContent .list-bookmarks-menu .bookmarkL2, #BookMarksContent .list-bookmarks-menu .bookmarkL1 {
  padding: 7px 0;
}

#BookMarksContent {
  overflow-y: auto;
}
#BookMarksContent .list-bookmarks-menu {
  width: 99%;
  list-style: none;
  line-height: 2;
}
#BookMarksContent .list-bookmarks-menu .bookmarkL1 {
  font-size: 1em;
  display: inline-flex;
}
#BookMarksContent .list-bookmarks-menu .bookmarkL2 {
  font-size: 0.85em;
  padding-left: 5px;
  display: inline-flex;
}
#BookMarksContent .list-bookmarks-menu .bookmarkL3 {
  font-size: 0.75em;
  padding-left: 12px;
  display: inline-flex;
  line-height: 1.5em;
}
#BookMarksContent .list-bookmarks-menu a:hover {
  text-decoration: underline !important;
}
#BookMarksContent .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 {
  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;
  height: 20px !important;
  margin-top: 0px !important;
  width: 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: 0px;
  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 a[href] {
  color: var(--external-links-default-color) !important;
}
.k-grid table td 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;
  display: inline-block;
  margin-top: 3px;
}

.breadcrumb {
  margin-bottom: 0.5rem;
}
.breadcrumb .breadcrumb-item {
  line-height: 21px;
  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,
.sa-title-hr-1 {
  border-top: 1px solid var(--servicearea-first-level-collapse-font);
  border-radius: 10px;
  margin: 0 15px;
}

.sa-title-hr-2 {
  border-top: 1px solid var(--servicearea-second-level-collapse-font);
  border-radius: 10px;
  margin: 0 15px;
}

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

.collapse-line {
  position: relative;
  bottom: 10px;
}

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

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

.plan-input-search {
  width: 75%;
  display: inline-block;
  float: left;
  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 {
  border-radius: 10px;
  width: 63px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.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;
}

.psqa-filter-popup {
  background: #E5EEEF 0% 0% no-repeat padding-box;
  border: 1px solid #0B616D;
  border-radius: 10px;
  width: 392px;
}
.psqa-filter-popup .k-window-titlebar {
  background: inherit;
  padding-left: 1.5rem;
  padding-top: 0.75rem;
}
.psqa-filter-popup .k-window-titlebar .k-window-actions {
  width: 20%;
}
.psqa-filter-popup .k-window-titlebar .k-window-actions .k-window-action {
  width: 100%;
  justify-content: center;
  align-items: center;
  opacity: 1;
}
.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;
  letter-spacing: 0.13px;
  color: var(--black-color);
  font-weight: 600;
  margin-bottom: 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: #0B616D 0% 0% no-repeat padding-box;
  border-radius: 10px;
  text-align: center;
  letter-spacing: 0.13px;
  color: var(--white-color);
  border: none;
}
.psqa-filter-popup .filters-title {
  border-color: var(--black-color);
  padding-bottom: 0.2rem;
}
.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;
}
.psqa-filter-popup .filters-title:not(.collapsed) .exp-clpse {
  background-image: url("../images/expand-arrow-down.svg");
}
.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;
}
.psqa-filter-popup .filter-checkbox-label input {
  width: 17px;
  height: 17px;
  border: 2px solid var(--black-color);
}
.psqa-filter-popup #psqaFilterPopupContents {
  max-height: calc(100vh - 140px);
  overflow-y: auto;
}

#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 {
  width: 760px;
  position: relative;
}
.photo-text-sec .image-info-wrap-mid {
  padding-bottom: 1rem;
}

.photo-text-wrap {
  position: absolute;
  top: 101%;
  width: 760px;
}

.sm-ph-txt-wrap {
  position: relative;
  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);
}

.k-window-content {
  width: 100%;
  overflow: hidden auto;
}
.k-window-content table th:not(.k-hierarchy-cell), .k-window-content table td:not(.k-hierarchy-cell) {
  min-width: 100px !important;
}

.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;
  border: 1px solid #949494;
  padding: 0 1.25rem 1.25rem;
  padding-top: 0;
  border-radius: 10px;
}
.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);
  white-space: nowrap;
}
.highcharts-data-table table thead tr th:not(:first-child) {
  text-align: right;
  min-width: 80px;
}
.highcharts-data-table table thead tr th:first-child {
  text-align: left !important;
}
.highcharts-data-table table tbody th {
  background: transparent !important;
  border-left-style: none !important;
  border-right-style: 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;
}

.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: 0px !important;
}
.busplan-section .k-grid-content td img {
  margin-right: 10px !important;
}
.busplan-section .even-row {
  background: #F9F9F9 !important;
  border-top: 0.7px solid var(--table-borders-color) !important;
  border-bottom: 0.7px solid var(--table-borders-color) !important;
}

.plansearch-wrapper {
  width: 60%;
}

.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: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #949494;
  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;
}

.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 {
  background: var(--table-header-bg) !important;
  color: var(--table-header-font) !important;
}

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

/*.k-grid .strategy .k-i-expand, 
.k-grid .strategy .k-i-collapse {
    background: var(--goal-strategy-bg);
    border-radius: 50%;
}

.k-grid .strategy .k-i-expand::after {
    content: url(../images/expand.svg);
}


.k-grid .strategy .k-i-collapse::after {
    content: url(../images/expand.svg);
}*/