.tdi--noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.tdi--text-overflow-wrapper {
  overflow: auto;
  max-width: 100%;
}
.tdi--text-overflow-wrapper > table {
  border-collapse: separate;
}

#tdi--tooltip {
  text-align: center;
  color: #fff;
  background: #111;
  position: absolute;
  z-index: 100;
  padding: 15px;
  font-size: 90%;
}
#tdi--tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #111;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}
#tdi--tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #111;
  top: -20px;
  bottom: auto;
}
#tdi--tooltip.left:after {
  left: 10px;
  margin: 0;
}
#tdi--tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}

a {
  cursor: pointer;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

sup, sub {
  position: relative;
  top: -0.4em;
  vertical-align: baseline;
}

sub {
  top: 0.4em;
}

tr {
  height: 20px;
}

section img {
  max-width: 100%;
  height: auto;
}

.marginbottom-none {
  margin-bottom: 0;
}

span.highlight {
  background-color: #d6ecff;
}

table.standard .sp-logo-blue, table.w-100 .sp-logo-blue {
  color: rgb(12, 44, 132);
}
table.standard .sp-logo-red, table.w-100 .sp-logo-red {
  color: rgb(252, 27, 28);
}
table.standard .sp-climate-green, table.w-100 .sp-climate-green {
  color: #3b9564;
}
table.standard .sp-water-blue, table.w-100 .sp-water-blue {
  color: #497c8d;
}
table.standard .sp-waste-grey, table.w-100 .sp-waste-grey {
  color: #8099aa;
}
table.standard .sp-people-orange, table.w-100 .sp-people-orange {
  color: #d69d5b;
}
table.standard .sp-communities-red, table.w-100 .sp-communities-red {
  color: #b7617d;
}
table.standard .sp-aviation-green, table.w-100 .sp-aviation-green {
  color: #398f81;
}
table.standard .sp-property-purple, table.w-100 .sp-property-purple {
  color: #775da3;
}
table.standard .sp-beverages-red, table.w-100 .sp-beverages-red {
  color: #9c3a47;
}
table.standard .sp-marine-blue, table.w-100 .sp-marine-blue {
  color: #506790;
}
table.standard .sp-ti-gold, table.w-100 .sp-ti-gold {
  color: #af9062;
}
table.standard tr.sp-climate-green, table.w-100 tr.sp-climate-green {
  background-color: #3b9564;
  color: #FFF;
}
table.standard tr.sp-water-blue, table.w-100 tr.sp-water-blue {
  background-color: #497c8d;
  color: #FFF;
}
table.standard tr.sp-waste-grey, table.w-100 tr.sp-waste-grey {
  background-color: #8099aa;
  color: #FFF;
}
table.standard tr.sp-people-orange, table.w-100 tr.sp-people-orange {
  background-color: #d69d5b;
  color: #FFF;
}
table.standard tr.sp-communities-red, table.w-100 tr.sp-communities-red {
  background-color: #b7617d;
  color: #FFF;
}
table.standard tr.sp-aviation-green, table.w-100 tr.sp-aviation-green {
  background-color: #398f81;
  color: #FFF;
}
table.standard tr.sp-property-purple, table.w-100 tr.sp-property-purple {
  background-color: #775da3;
  color: #FFF;
}
table.standard tr.sp-beverages-red, table.w-100 tr.sp-beverages-red {
  background-color: #9c3a47;
  color: #FFF;
}
table.standard tr.sp-ti-gold, table.w-100 tr.sp-ti-gold {
  background-color: #af9062;
  color: #FFF;
}
table.standard tr.sp-marine-blue, table.w-100 tr.sp-marine-blue {
  background-color: #506790;
  color: #FFF;
}
table.standard th.text-center, table.standard td.text-center, table.w-100 th.text-center, table.w-100 td.text-center {
  text-align: center;
}
table.standard th.text-right, table.standard td.text-right, table.w-100 th.text-right, table.w-100 td.text-right {
  text-align: right;
}
table.standard th.text-left, table.standard td.text-left, table.w-100 th.text-left, table.w-100 td.text-left {
  text-align: left;
}
table.standard th.text-justify, table.standard td.text-justify, table.w-100 th.text-justify, table.w-100 td.text-justify {
  text-align: justify;
}
table.standard th, table.w-100 th {
  vertical-align: top;
}
table.standard td, table.w-100 td {
  vertical-align: top;
}
table.standard th.top, table.standard td.top, table.w-100 th.top, table.w-100 td.top {
  vertical-align: top;
}
table.standard th.bottom, table.standard td.bottom, table.w-100 th.bottom, table.w-100 td.bottom {
  vertical-align: bottom;
}
table.standard th.middle, table.standard td.middle, table.w-100 th.middle, table.w-100 td.middle {
  vertical-align: middle;
}

/* Lists */
ul, ol {
  padding-left: var(--labelWidth);
  position: relative;
}

li {
  position: static;
}
li::before {
  display: inline-block;
  left: 0;
  position: absolute;
}
li::marker {
  padding-right: 0.5em;
}
li > p {
  margin: 0;
}

ul > li:before {
  content: var(--labelStyle);
}

ol > li:before {
  content: attr(data-label);
}

#staticSearchResults .search-result,
.search .search-result {
  padding-bottom: 10px;
}
#staticSearchResults .search-result h3,
.search .search-result h3 {
  margin-bottom: 5px;
}
#staticSearchResults .search-result .search-result-snippet .snippet-searchresult-highlight,
.search .search-result .search-result-snippet .snippet-searchresult-highlight {
  font-weight: bold;
}

.page-home nav ul#mnav li.menu-sp-climate-green.current-menu-item a, header nav ul#mnav li.menu-sp-climate-green.current-menu-item a {
  background-color: #128547;
}

.page-home nav ul#mnav li.menu-sp-waste-grey .current-menu-item a, header nav ul#mnav li.menu-sp-waste-grey.current-menu-item a {
  background-color: #8099aa;
}

.page-home nav ul#mnav li.menu-sp-water-blue .current-menu-item a, header nav ul#mnav li.menu-sp-water-blue.current-menu-item a {
  background-color: #195063;
}

.page-home nav ul#mnav li.menu-sp-people-orange .current-menu-item a, header nav ul#mnav li.menu-sp-people-orange.current-menu-item a {
  background-color: #d48c3b;
}

.page-home nav ul#mnav li.menu-sp-communities-red .current-menu-item a, header nav ul#mnav li.menu-sp-communities-red.current-menu-item a {
  background-color: #a13d5c;
}

.page-home nav ul#mnav li.menu-sp-property-purple .current-menu-item a, header nav ul#mnav li.menu-sp-property-purple.current-menu-item a {
  background-color: #775da3;
}

.page-home nav ul#mnav li.menu-sp-aviation-green .current-menu-item a, header nav ul#mnav li.menu-sp-aviation-green.current-menu-item a {
  background-color: #398f81;
}

.page-home nav ul#mnav li.menu-sp-beverages-red .current-menu-item a, header nav ul#mnav li.menu-sp-beverages-red.current-menu-item a {
  background-color: #9c3a47;
}

.page-home nav ul#mnav li.menu-sp-marine-blue .current-menu-item a, header nav ul#mnav li.menu-sp-marine-blue.current-menu-item a {
  background-color: #506790;
}

.page-home nav ul#mnav li.menu-sp-ti-gold .current-menu-item a, header nav ul#mnav li.menu-sp-ti-gold.current-menu-item a {
  background-color: #af9062;
}

/* glossary */
#glossary .container + .container {
  margin-top: 4rem;
}

abbr {
  text-decoration: underline;
}
abbr:hover {
  text-decoration: none;
}

#tdi--tooltip {
  text-align: center;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  z-index: 1000;
  padding: 15px;
  border-radius: 5px;
  box-sizing: border-box;
}

.no-border {
  border: 0 !important;
  border-collapse: inherit;
}
.no-border h1, .no-border h2, .no-border h3 {
  margin: 0;
}

.sp-logo-blue {
  color: rgb(12, 44, 132);
}

.sp-logo-red {
  color: rgb(252, 27, 28);
}

.sp-climate-green {
  color: #3b9564;
}

.sp-water-blue {
  color: #497c8d;
}

.sp-waste-grey {
  color: #8099aa;
}

.sp-people-orange {
  color: #d69d5b;
}

.sp-communities-red {
  color: #b7617d;
}

.sp-aviation-green {
  color: #398f81;
}

.sp-property-purple {
  color: #775da3;
}

.sp-beverages-red {
  color: #9c3a47;
}

.sp-marine-blue {
  color: #506790;
}

.sp-ti-gold {
  color: #af9062;
}

/* Charts scale to the container div, because the actual pixel size must match the PDF for the designs to work */
.highcharts-container {
  height: auto !important;
  width: 100% !important;
  margin: 0 auto;
}

.highcharts-root {
  height: auto !important;
  width: 100% !important;
}

.chartGroup-content.width-25 .highcharts-chart .highcharts-container,
.highcharts-chart.width-25 .highcharts-container {
  max-width: 64.25mm;
}

.chartGroup-content.width-33 .highcharts-chart .highcharts-container,
.highcharts-chart.width-33 .highcharts-container {
  max-width: 87.66666666mm;
}

.highcharts-chart.width-50 .highcharts-container {
  max-width: 134.5mm;
}

.highcharts-chart.width-66 .highcharts-container {
  max-width: 181.33333333mm;
}

.highcharts-chart.width-75 .highcharts-container {
  max-width: 204.75mm;
}

.highcharts-chart.width-100 .highcharts-container {
  max-width: 275mm;
}

.grid .cell .highcharts-chart .highcharts-container,
.container.page-business.overview .highcharts-chart .highcharts-container {
  max-width: 100%;
}

.inline-chart .tabs-container .tab-content.header {
  display: block;
}

.highlightblock {
  border: 1px solid #ddd;
  padding: 2rem;
  margin-bottom: 1.75rem;
}

.quote:not(:last-child) {
  margin-bottom: 1.75rem;
}

.panels.vertical.wide .panel div h3::before,
.panels.vertical.wide .panel.active div h3::before {
  content: none;
  border-left: none;
}

.panels .main-split {
  display: inline-block;
}

.tint-marine-blue {
  color: #506790;
  background-color: #EEF0F4;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

/* Fix Operating Company filters */
section .opco ul ul li::before {
  content: none;
}

/* Highcharts animations */
.highcharts-custom-animate-opacity {
  transition: opacity 0.5s !important;
}

.highcharts-custom-animate-transform {
  transition: transform 0.5s !important;
}

.highcharts-custom-animate-opacity.highcharts-custom-animate-transform {
  transition: opacity 0.5s, transform 0.5s !important;
}

.inline-chart .tabs a[href^="#chart"]:before {
  mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" width="32" height="24.989" viewBox="0 0 32 24.989"><g id="Group_5607" data-name="Group 5607" transform="translate(-124.197 -2454)"><rect id="Rectangle_2671" data-name="Rectangle 2671" width="8" height="12" transform="translate(124.197 2466.989)"></rect><rect id="Rectangle_2672" data-name="Rectangle 2672" width="8" height="18" transform="translate(136.197 2460.989)"></rect><path id="Path_9115" data-name="Path 9115" d="M0,0H8.169V24.989H0Z" transform="translate(148.028 2454)"></path></g></svg>');
}
.inline-chart .tabs a[href^="#table"]:before {
  mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" width="35.816" height="24.654" viewBox="0 0 35.816 24.654"><g id="Group_5608" data-name="Group 5608" transform="translate(-932.184 -2609)"><g id="Group_5606" data-name="Group 5606" transform="translate(932.184 2609)"><circle id="Ellipse_194" data-name="Ellipse 194" cx="2.879" cy="2.879" r="2.879" transform="translate(0.702) rotate(7)"></circle><rect id="Rectangle_2670" data-name="Rectangle 2670" width="28" height="6" rx="0" transform="translate(7.816)"></rect></g><g id="Group_5606-2" data-name="Group 5606" transform="translate(932.184 2618.118)"><circle id="Ellipse_194-2" data-name="Ellipse 194" cx="2.879" cy="2.879" r="2.879" transform="translate(0.702) rotate(7)"></circle><rect id="Rectangle_2670-2" data-name="Rectangle 2670" width="28" height="6" rx="0" transform="translate(7.816 -0.118)"></rect></g><g id="Group_5606-3" data-name="Group 5606" transform="translate(932.184 2627.237)"><circle id="Ellipse_194-3" data-name="Ellipse 194" cx="2.879" cy="2.879" r="2.879" transform="translate(0.702) rotate(7)"></circle><rect id="Rectangle_2670-3" data-name="Rectangle 2670" width="28" height="6" rx="0" transform="translate(7.816 -0.237)"></rect></g></g></svg>');
}
.inline-chart h5 {
  color: #414042;
}
.inline-chart th {
  color: #ACACAC;
}

p.keyPerformanceBlock {
  font-size: 11px;
  width: 60%;
}

/* Filter list adjustments for merged cells */
.filter-list table tbody tr:not(:last-child) {
  border-bottom: none;
}

.filter-list table td {
  border-top: 1px solid #ddd;
}

.filter-list table th:first-child,
.filter-list table td:first-child {
  padding: 0.25rem 0 0.25rem 0;
}

.filter-list table th:not(:first-child),
.filter-list table td:not(:first-child) {
  padding: 0.25rem 0 0.25rem 1.5rem;
}

/* Revert overrides based on fixed id */
.page-business.overview .tab-content:not([data-id=financials]) {
  padding: 30px 20px;
}

.page-business.overview .tab-content:not([data-id=financials]) figure {
  margin: 1rem 40px;
}

.page-business.overview .tab-content:not([data-id=financials]) figure object {
  width: auto;
  min-height: auto;
}

/* Fix case study subtitle not visible in V13 of the design */
.casestudy__tag {
  z-index: 1;
}

/* Fix callout SVG image size and margins in V13 of the design */
.callout object {
  width: 80%;
  margin: 10px 0;
}

.pullout object {
  width: 80%;
  margin: 10px 0;
}

.highlightblock object {
  width: 100%;
}

.keyPerformanceBlock-container h5 {
  font-weight: 500;
}

.keyPerformanceBlock-container .grid.grid-3.summary {
  margin-bottom: 50px;
}

.keyPerformanceBlock-container .grid.grid-3.summary .cell:last-child {
  padding: 20px 20px 20px 50px;
}

.page-climate .pullout p {
  color: #128547;
}

.page-waste .pullout p {
  color: #8099aa;
}

.page-water .pullout p {
  color: #195063;
}

.page-people .pullout p {
  color: #d48c3b;
}

.page-communities .pullout p {
  color: #a13d5c;
}

.pullout p {
  margin-bottom: 21px;
}

.tc .pullout .largeFont {
  font-size: 40px;
  font-weight: 500;
  line-height: 42px;
  display: block;
  margin-top: 28px;
}

.pullout .largeFont {
  font-size: 50px;
  font-weight: 500;
  line-height: 42px;
  display: block;
  margin-top: 28px;
}

.callout p span.largeFont {
  font-size: 40px;
  line-height: 1.3;
  font-weight: bold;
}

@media screen and (max-width: 640px) {
  .callout p span.largeFont {
    font-size: 24px;
  }
}
/* custom tangelo slider */
.page-climate .dashboard__middle {
  width: 100%;
  height: 45px;
  border: solid 1mm #128547;
  position: relative;
}

.page-climate .slider__progress__bar {
  background-color: #128547;
  height: 41px;
  position: absolute;
  top: 0;
  left: 0;
}

.page-waste .dashboard__middle {
  width: 100%;
  height: 45px;
  border: solid 1mm #8099aa;
  position: relative;
}

.page-waste .slider__progress__bar {
  background-color: #8099aa;
  height: 41px;
  position: absolute;
  top: 0;
  left: 0;
}

.page-water .dashboard__middle {
  width: 100%;
  height: 45px;
  border: solid 1mm #195063;
  position: relative;
}

.page-water .slider__progress__bar {
  background-color: #195063;
  height: 41px;
  position: absolute;
  top: 0;
  left: 0;
}

.page-people .dashboard__middle {
  width: 100%;
  height: 45px;
  border: solid 1mm #d48c3b;
  position: relative;
}

.page-people .slider__progress__bar {
  background-color: #d48c3b;
  height: 41px;
  position: absolute;
  top: 0;
  left: 0;
}

.page-communities .dashboard__middle {
  width: 100%;
  height: 45px;
  border: solid 1mm #a13d5c;
  position: relative;
}

.page-communities .slider__progress__bar {
  background-color: #a13d5c;
  height: 41px;
  position: absolute;
  top: 0;
  left: 0;
}

.slider__marker {
  position: absolute;
  width: 44px;
}

.slider__marker .year {
  font-size: 12pt;
  margin-left: 3px;
}

.slider__marker.current .year {
  margin-top: 2px;
}

.page-climate .value {
  color: #128547;
}

.page-waste .value {
  color: #8099aa;
}

.page-water .value {
  color: #195063;
}

.page-people .value {
  color: #d48c3b;
}

.page-communities .value {
  color: #a13d5c;
}

.slider__marker .value {
  font-size: 22pt;
  font-weight: bold;
  margin-left: -10px;
  margin-bottom: -15px;
}

.slider__marker.target {
  top: -80px;
  left: calc(100% - 22px);
}

.slider__marker.target .arrow {
  margin-left: 17px;
}

.slider__marker p {
  margin-bottom: -10px;
}

.slider__marker.current {
  bottom: -85px;
}

.slider__marker.current .arrow {
  margin-left: 14px;
  display: block;
}

.arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.page-climate .arrow--up {
  border-bottom: 12px solid #128547;
}

.page-climate .arrow--down {
  border-top: 12px solid #128547;
}

.page-waste .arrow--up {
  border-bottom: 12px solid #8099aa;
}

.page-waste .arrow--down {
  border-top: 12px solid #8099aa;
}

.page-water .arrow--up {
  border-bottom: 12px solid #195063;
}

.page-water .arrow--down {
  border-top: 12px solid #195063;
}

.page-people .arrow--up {
  border-bottom: 12px solid #d48c3b;
}

.page-people .arrow--down {
  border-top: 12px solid #d48c3b;
}

.page-communities .arrow--up {
  border-bottom: 12px solid #a13d5c;
}

.page-communities .arrow--down {
  border-top: 12px solid #a13d5c;
}

@media screen and (max-width: 480px) {
  .dashboard.slider {
    height: 300px;
  }
}
@media screen and (max-width: 640px) {
  .dashboard__top {
    font-size: 50px;
  }
}
.dashboard__figures {
  margin-top: 1rem;
  max-width: 190px;
  min-height: 72.5px;
}

.tc .dashboard__figures {
  max-width: 210px;
  min-width: 187px;
}

.tc .dashboard__figures sub {
  display: block;
  margin-top: 5px;
}

p.keyPerformanceBlock {
  text-align: right;
}

.tc .dashboard__top svg {
  position: absolute;
  left: 195px;
  top: 98px;
  height: 50px;
}

.en .dashboard__top svg {
  position: absolute;
  left: 195px;
  top: 97px;
  height: 50px;
}

.dashboard__history {
  padding: 9px;
}

@media screen and (min-width: 481px) and (max-width: 960px) {
  .dashboard.slider {
    padding-top: 5rem;
  }
}
@media screen and (max-width: 960px) {
  .keyPerformanceBlock-container .summary {
    grid-template-columns: 1fr !important;
  }
  .keyPerformanceBlock-container .summary .cell {
    margin-bottom: 40px;
    padding: 20px !important;
    width: 333.3333333333px;
  }
}
/*# sourceMappingURL=tangelo.css.map */