/* Charts */

/* Chart color */
.bargray {color: var(--colorC); border-color: var(--colorC) !important;}
.darkblue {color: var(--darkBlue); border-color: var(--darkBlue) !important;}
.color1 {color: var(--color1); border-color: var(--color1) !important;}

/* Bar Chart speed */
.bar-graph {
	--bar1: 0.5s 0.1s forwards;
	--bar1b: 0.75s 0.1s forwards;
	--bar2: 0.5s 0.5s forwards;
	--bar2b: 0.75s 0.5s forwards;
	--bar3: 0.5s 1.0s forwards;
	--bar3b: 0.75s 1.0s forwards;
	--bar4: 0.5s 1.5s forwards;
	--bar4b: 0.75s 1.5s forwards;
	--bar5: 0.5s 2.0s forwards;
	--bar5b: 0.75s 2.0s forwards;
}

/* Bar Graph Horizontal General Style */
.bar-graph {}
.bar-graph .year.animated-chart.isVisible {
  -webkit-animation: fade-in-text 2.2s 0.5s forwards;
  -moz-animation: fade-in-text 2.2s 0.5s forwards;
  animation: fade-in-text 2.2s 0.5s forwards;
  opacity: 0;
}
.bar-graph .figures.isVisible {
  -webkit-animation: fade-in-text 2.2s 1s forwards;
  -moz-animation: fade-in-text 2.2s 1s forwards;
  animation: fade-in-text 2.2s 1s forwards;
  opacity: 0;
}
.bar-graph .bar.isVisible::after {
  -webkit-animation: fade-in-text 2.2s 1s forwards;
  -moz-animation: fade-in-text 2.2s 1s forwards;
  animation: fade-in-text 2.2s 1s forwards;
  opacity: 0;
}

.bar-graph-horizontal {width: 100%; padding-top: 0; padding-bottom: 0rem; margin-bottom: 1rem;}
.bar-graph-horizontal > div {float: left; margin-bottom: 0.5rem; width: 100%; /*display: flex; align-items: center;*/}
.bar-graph-horizontal > div:last-child {/*margin-bottom: 0;*/}
.bar-graph-horizontal .year {float: left; font-size: 0.75rem; line-height: 1; color: #231f20; margin-top: 1px; width: 12.75%; max-width: 2.75rem;}
.bar-graph-horizontal .bar {border-radius: 0; height: 1rem; float: left; /*overflow: hidden;*/ position: relative; width: 0; margin-right: 6px;}
#CharimanStatement .bar-graph-horizontal .bar {margin-right: 0;}
.bar-graph .bar::after {
  -webkit-animation: fade-in-text 2.2s 0.1s forwards;
  -moz-animation: fade-in-text 2.2s 0.1s forwards;
  animation: fade-in-text 2.2s 0.1s forwards;
  color: #231f20;
  content: attr(data-percentage);
  font-size: 0.75rem;
  font-weight: 300;
  position: absolute;
  right: -30px;
  top: 2px;
}
.bar-graph.bar-graph-horizontal .figures {
	-webkit-animation: fade-in-text 2.2s 0.1s forwards;
	-moz-animation: fade-in-text 2.2s 0.1s forwards;
	animation: fade-in-text 2.2s 0.1s forwards;
	float: left;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 1;
	margin-top: 1px;
}

.bar-graph-horizontal .bar {background-color: var(--colorC);}
.bar-graph-horizontal [class*="bar-"]:last-child .bar:last-child {background-color: var(--color1);}
.bar-graph-horizontal .bar.blue,
.bar-graph-horizontal [class*="bar-"]:last-child .bar.last {background-color: var(--color1);}
.bar-graph-horizontal [class*="bar-"]:last-child {font-weight: 600;}
.bar-graph-horizontal [class*="bar-"]:last-child .year,
.bar-graph-horizontal .last .year {font-family: "Madera-bold"; /*font-size: 0.85rem;*/ font-weight: normal; color: var(--grayNumber); /*margin-top: 2px;*/}
.bar-graph-horizontal [class*="bar-"]:last-child .bar,
.bar-graph-horizontal .bar.last {/*height: 1.125rem;*/}
.bar-graph [class*="bar-"]:last-child .bar::after,
.bar-graph-horizontal .last .bar::after {/*font-size: 1.125rem;*/ font-weight: bolder; color: var(--color1); top: 0px; right: -40px;}
.bar-graph-horizontal .figures.large,
.bar-graph [class*="bar-"]:last-child .figures {font-family: "Madera-bold"; /*font-size: 1.125rem;*/ font-weight: normal; color: var(--grayNumber); top: 0px; right: -40px; /*margin-top: 2px;*/}
.bar-graph-horizontal .figures.large sup {font-size: 80%; padding-left: 1px; top: -0.5em;}
.legend {margin-top: 1rem; margin-bottom: 0 !important; flex-wrap: wrap;}
.legend .item {float: left; padding-left: 0em; margin-bottom: 0.5rem; line-height: 1.25; padding-right: 0; width: 90%;}

/* Text Fade-in */
@-webkit-keyframes fade-in-text {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/* for Double Bar */
.isDouble .bars-group {display: flex;}
.isDouble .doubleBar {width: 100%; float: left;}
.isDouble .doubleBar .bar:first-child {margin-bottom: 0.25rem;}
.isDouble .doubleBar br { }
.isDouble .year {margin-top: 0.125%;}
.isDouble .doubleBar .bar:last-child {background-color: var(--color1) !important;}
.isDouble .bar-graph-horizontal [class*="bar-"]:last-child .bar {margin-bottom: 0.3rem;}
.isDouble .bar-graph.bar-graph-JPdouble [class*="bar-"]:last-child .bar:first-child::after,
.isDouble .bar-graph.bar-graph-JPdouble .last .bar:first-child::after {
	content: attr(data-percentage);
	background-image: url('../images/NumberSign.png');
	background-size: 11px 22px;
	background-repeat: no-repeat;
	background-position-x: right;
	padding-right: 11px;
	right: -51px;
}

/* for Negative Doughnut */
svg {overflow: visible; vertical-align: middle;}
#DF-doughnut-2 > svg circle:nth-child(6),
#JCC-doughnut > svg circle:nth-child(3),
#CreatingValue-doughnut > svg circle:nth-child(7) {/*stroke-width: 20px; stroke: #bdbdb0;*/}
#JCC-doughnut > svg circle:nth-child(5),
#jardine-pacific-doughnut > svg circle:nth-child(6) {/*stroke-width: 26px;*/}

/* Bar Graph Forecast Horizontal Animations */
.bar-graph-horizontal.bar-graph-FC1 > div {/*width: calc(100% - 12%);*/}
.bar-graph-horizontal.bar-graph-FC1 .bar-axis { margin-left: 50px; width: calc(100% - 50px);}
.bar-graph-horizontal.bar-graph-FC1 .bar-axis .bar-axis-mark {border-top: 1px solid #231f20; color: #231f20; font-size: 0.65rem; width: 14%; padding-top: 0.25rem; float: left; display:inline-block;}
.bar-graph-horizontal.bar-graph-FC1 .bar-axis .bar-axis-mark:last-child {width: auto;}

.bar-graph-FC1 .bar-one .bar.animated-chart.isVisible {
  background-color: #009BCE;
  -webkit-animation: show-barFC1-one 0.5s 0.1s forwards;
  -moz-animation: show-barFC1-one 0.5s 0.1s forwards;
  animation: show-barFC1-one 0.5s 0.1s forwards;
}
.bar-graph-FC1 .bar-one .bar-stack.animated-chart.isVisible {
  background-color: #8ebbd0;
  -webkit-animation: show-barFC1stack-one 0.5s 0.1s forwards;
  -moz-animation: show-barFC1stack-one 0.5s 0.1s forwards;
  animation: show-barFC1stack-one 0.5s 0.1s forwards;
}
.bar-graph-FC1 .bar-two .bar.animated-chart.isVisible {
  background-color: #009BCE;
  -webkit-animation: show-barFC1-two 0.5s 0.5s forwards;
  -moz-animation: show-barFC1-two 0.5s 0.5s forwards;
  animation: show-barFC1-two 0.5s 0.5s forwards;
}
.bar-graph-FC1 .bar-two .bar-stack.animated-chart.isVisible {
  background-color: #8ebbd0;
  -webkit-animation: show-barFC1stack-two 0.5s 0.5s forwards;
  -moz-animation: show-barFC1stack-two 0.5s 0.5s forwards;
  animation: show-barFC1stack-two 0.5s 0.5s forwards;
}
.bar-graph-FC1 .bar-three .bar.animated-chart.isVisible {
  background-color: #009BCE;
  -webkit-animation: show-barFC1-three var(--bar3);
  -moz-animation: show-barFC1-three var(--bar3);
  animation: show-barFC1-three var(--bar3);
}
.bar-graph-FC1 .bar-three .bar-stack.animated-chart.isVisible {
  background-color: #8ebbd0;
  -webkit-animation: show-barFC1stack-three var(--bar3);
  -moz-animation: show-barFC1stack-three var(--bar3);
  animation: show-barFC1stack-three var(--bar3);
}

@-webkit-keyframes show-barFC1-one {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 5.5);}
}
@-webkit-keyframes show-barFC1stack-one {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 6.5);}
}
@-webkit-keyframes show-barFC1-two {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 10);}
}
@-webkit-keyframes show-barFC1stack-two {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 6.25);}
}
@-webkit-keyframes show-barFC1-three {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 18);}
}
@-webkit-keyframes show-barFC1stack-three {
  0% {width: 0;}
  100% {width: calc(((100% - 12% - 50px) / 30 ) * 12);}
}

/* Bar Graph Hs1 Horizontal Animations */
.bar-graph-Hs1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1-one var(--bar1);
  -moz-animation: show-barHs1-one var(--bar1);
  animation: show-barHs1-one var(--bar1);
}
.bar-graph-Hs1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1-two var(--bar2);
  -moz-animation: show-barHs1-two var(--bar2);
  animation: show-barHs1-two var(--bar2);
}
.bar-graph-Hs1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1-three var(--bar3);
  -moz-animation: show-barHs1-three var(--bar3);
  animation: show-barHs1-three var(--bar3);
}
.bar-graph-Hs1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1-four var(--bar4);
  -moz-animation: show-barHs1-four var(--bar4);
  animation: show-barHs1-four var(--bar4);
}
.bar-graph-Hs1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs1-five var(--bar5);
  -moz-animation: show-barHs1-five var(--bar5);
  animation: show-barHs1-five var(--bar5);
}

@-webkit-keyframes show-barHs1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (40.9 / 40.9));}
}
@-webkit-keyframes show-barHs1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (32.6 / 40.9));}
}
@-webkit-keyframes show-barHs1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (35.9 / 40.9));}
}
@-webkit-keyframes show-barHs1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (37.5 / 40.9));}
}
@-webkit-keyframes show-barHs1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (36 / 40.9));}
}

/* Bar Graph Hs2 Horizontal Animations */
.bar-graph-Hs2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs2-one var(--bar1);
  -moz-animation: show-barHs2-one var(--bar1);
  animation: show-barHs2-one var(--bar1);
}
.bar-graph-Hs2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs2-two var(--bar2);
  -moz-animation: show-barHs2-two var(--bar2);
  animation: show-barHs2-two var(--bar2);
}
.bar-graph-Hs2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs2-three var(--bar3);
  -moz-animation: show-barHs2-three var(--bar3);
  animation: show-barHs2-three var(--bar3);
}
.bar-graph-Hs2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs2-four var(--bar4);
  -moz-animation: show-barHs2-four var(--bar4);
  animation: show-barHs2-four var(--bar4);
}
.bar-graph-Hs2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs2-five var(--bar5);
  -moz-animation: show-barHs2-five var(--bar5);
  animation: show-barHs2-five var(--bar5);
}

@-webkit-keyframes show-barHs2-one {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (1.72 / 2.25));}
}
@-webkit-keyframes show-barHs2-two {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (1.72 / 2.25));}
}
@-webkit-keyframes show-barHs2-three {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (2 / 2.25));}
}
@-webkit-keyframes show-barHs2-four {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (2.15 / 2.25));}
}
@-webkit-keyframes show-barHs2-five {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (2.25 / 2.25));}
}

/* Bar Graph Hs3 Horizontal Animations */
.bar-graph-Hs3 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs3-one var(--bar1);
  -moz-animation: show-barHs3-one var(--bar1);
  animation: show-barHs3-one var(--bar1);
}
.bar-graph-Hs3 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs3-two var(--bar2);
  -moz-animation: show-barHs3-two var(--bar2);
  animation: show-barHs3-two var(--bar2);
}
.bar-graph-Hs3 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs3-three var(--bar3);
  -moz-animation: show-barHs3-three var(--bar3);
  animation: show-barHs3-three var(--bar3);
}
.bar-graph-Hs3 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs3-four var(--bar4);
  -moz-animation: show-barHs3-four var(--bar4);
  animation: show-barHs3-four var(--bar4);
}
.bar-graph-Hs3 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs3-five var(--bar5);
  -moz-animation: show-barHs3-five var(--bar5);
  animation: show-barHs3-five var(--bar5);
}

@-webkit-keyframes show-barHs3-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (4.23 / 5.74));}
}
@-webkit-keyframes show-barHs3-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2.95 / 5.74));}
}
@-webkit-keyframes show-barHs3-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (4.83 / 5.74));}
}
@-webkit-keyframes show-barHs3-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.49 / 5.74));}
}
@-webkit-keyframes show-barHs3-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.74 / 5.74));}
}

/* Bar Graph Hs4 Negative Horizontal Animations */
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-two  {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 [class*="bar-"]:nth-child(2) .bar::after {left: -44px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-two .bar {float: right; margin-right: 70%;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .year {width: 30%; min-width: 30%; max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-two  .year {width: 2.75rem; min-width: unset; max-width: 2.75rem;}

.bar-graph-Hs4 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4-one var(--bar1);
  -moz-animation: show-barHs4-one var(--bar1);
  animation: show-barHs4-one var(--bar1);
}
.bar-graph-Hs4 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4-two var(--bar2);
  -moz-animation: show-barHs4-two var(--bar2);
  animation: show-barHs4-two var(--bar2);
}
.bar-graph-Hs4 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4-three var(--bar3);
  -moz-animation: show-barHs4-three var(--bar3);
  animation: show-barHs4-three var(--bar3);
}
.bar-graph-Hs4 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4-four var(--bar4);
  -moz-animation: show-barHs4-four var(--bar4);
  animation: show-barHs4-four var(--bar4);
}
.bar-graph-Hs4 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs4-five var(--bar5);
  -moz-animation: show-barHs4-five var(--bar5);
  animation: show-barHs4-five var(--bar5);
}

@-webkit-keyframes show-barHs4-one {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (7.56 / 7.56));}
}
@-webkit-keyframes show-barHs4-two {
  0% {width: 0;}
  100% {width: calc((100% - 2.75rem) * (1.07 / 11));}
}
@-webkit-keyframes show-barHs4-three {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (6.01 / 7.56));}
}
@-webkit-keyframes show-barHs4-four {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (1.22 / 7.56));}
}
@-webkit-keyframes show-barHs4-five {
  0% {width: 0;}
  100% {width: calc((70% - 58px) * (2.37 / 7.56));}
}

/* Bar Graph Hs5 Horizontal Animations */
.bar-graph-Hs5 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs5-one var(--bar1);
  -moz-animation: show-barHs5-one var(--bar1);
  animation: show-barHs5-one var(--bar1);
}
.bar-graph-Hs5 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs5-two var(--bar2);
  -moz-animation: show-barHs5-two var(--bar2);
  animation: show-barHs5-two var(--bar2);
}
.bar-graph-Hs5 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs5-three var(--bar3);
  -moz-animation: show-barHs5-three var(--bar3);
  animation: show-barHs5-three var(--bar3);
}
.bar-graph-Hs5 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs5-four var(--bar4);
  -moz-animation: show-barHs5-four var(--bar4);
  animation: show-barHs5-four var(--bar4);
}
.bar-graph-Hs5 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs5-five var(--bar5);
  -moz-animation: show-barHs5-five var(--bar5);
  animation: show-barHs5-five var(--bar5);
}

@-webkit-keyframes show-barHs5-one {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (4.9 / 5.3));}
}
@-webkit-keyframes show-barHs5-two {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (5.3 / 5.3));}
}
@-webkit-keyframes show-barHs5-three {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (5.1 / 5.3));}
}
@-webkit-keyframes show-barHs5-four {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (4.8 / 5.3));}
}
@-webkit-keyframes show-barHs5-five {
  0% {width: 0;}
  100% {width: calc((100% - 108px) * (4.6 / 5.3));}
}

/* Bar Graph Hs6 Horizontal Animations */
.bar-graph-Hs6 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs6-one var(--bar1);
  -moz-animation: show-barHs6-one var(--bar1);
  animation: show-barHs6-one var(--bar1);
}
.bar-graph-Hs6 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs6-two var(--bar2);
  -moz-animation: show-barHs6-two var(--bar2);
  animation: show-barHs6-two var(--bar2);
}
.bar-graph-Hs6 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs6-three var(--bar3);
  -moz-animation: show-barHs6-three var(--bar3);
  animation: show-barHs6-three var(--bar3);
}
.bar-graph-Hs6 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs6-four var(--bar4);
  -moz-animation: show-barHs6-four var(--bar4);
  animation: show-barHs6-four var(--bar4);
}
.bar-graph-Hs6 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHs6-five var(--bar5);
  -moz-animation: show-barHs6-five var(--bar5);
  animation: show-barHs6-five var(--bar5);
}

@-webkit-keyframes show-barHs6-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px - 2.25rem) * (4.8 / 8.4));}
}
@-webkit-keyframes show-barHs6-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px - 2.25rem) * (3.7 / 8.4));}
}
@-webkit-keyframes show-barHs6-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px - 2.25rem) * (6.6 / 8.4));}
}
@-webkit-keyframes show-barHs6-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px - 2.25rem) * (7.5 / 8.4));}
}
@-webkit-keyframes show-barHs6-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px - 2.25rem) * (8.4 / 8.4));}
}

/* Bar Graph Highlights6 Horizontal Animations */
.bar-graph-horizontal.bar-graph-Hs6 > div {width: 100%;}
.bar-graph-horizontal .amount {
    float: right;
    font-size: 0.75rem;
    line-height: 1;
    text-align: right;
    color: #231f20;
    margin-top: 1px;
    width: 12.75%;
    max-width: 2.25rem;
}

/* Bar Graph JP1 Horizontal Animations */
.bar-graph-JP1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP1-one var(--bar1);
  -moz-animation: show-barJP1-one var(--bar1);
  animation: show-barJP1-one var(--bar1);
}
.bar-graph-JP1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP1-two var(--bar2);
  -moz-animation: show-barJP1-two var(--bar2);
  animation: show-barJP1-two var(--bar2);
}
.bar-graph-JP1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP1-three var(--bar3);
  -moz-animation: show-barJP1-three var(--bar3);
  animation: show-barJP1-three var(--bar3);
}
.bar-graph-JP1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP1-four var(--bar4);
  -moz-animation: show-barJP1-four var(--bar4);
  animation: show-barJP1-four var(--bar4);
}
.bar-graph-JP1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP1-five var(--bar5);
  -moz-animation: show-barJP1-five var(--bar5);
  animation: show-barJP1-five var(--bar5);
}

@-webkit-keyframes show-barJP1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (6.8 / 7.3));}
}
@-webkit-keyframes show-barJP1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (6.2 / 7.3));}
}
@-webkit-keyframes show-barJP1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.7 / 7.3));}
}
@-webkit-keyframes show-barJP1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (6.6 / 7.3));}
}
@-webkit-keyframes show-barJP1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (7.3 / 7.3));}
}

/* Bar Graph JP2 Horizontal Animations */
.bar-graph-JP2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP2-one var(--bar1);
  -moz-animation: show-barJP2-one var(--bar1);
  animation: show-barJP2-one var(--bar1);
}
.bar-graph-JP2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP2-two var(--bar2);
  -moz-animation: show-barJP2-two var(--bar2);
  animation: show-barJP2-two var(--bar2);
}
.bar-graph-JP2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP2-three var(--bar3);
  -moz-animation: show-barJP2-three var(--bar3);
  animation: show-barJP2-three var(--bar3);
}
.bar-graph-JP2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP2-four var(--bar4);
  -moz-animation: show-barJP2-four var(--bar4);
  animation: show-barJP2-four var(--bar4);
}
.bar-graph-JP2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJP2-five var(--bar5);
  -moz-animation: show-barJP2-five var(--bar5);
  animation: show-barJP2-five var(--bar5);
}

@-webkit-keyframes show-barJP2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (164 / 182));}
}
@-webkit-keyframes show-barJP2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (182 / 182));}
}
@-webkit-keyframes show-barJP2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (175 / 182));}
}
@-webkit-keyframes show-barJP2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (182 / 182));}
}
@-webkit-keyframes show-barJP2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (164 / 182));}
}

/* Bar Graph Motors1 Horizontal Animations */
.bar-graph-Motors1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors1-one var(--bar1);
  -moz-animation: show-barMotors1-one var(--bar1);
  animation: show-barMotors1-one var(--bar1);
}
.bar-graph-Motors1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors1-two var(--bar2);
  -moz-animation: show-barMotors1-two var(--bar2);
  animation: show-barMotors1-two var(--bar2);
}
.bar-graph-Motors1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors1-three var(--bar3);
  -moz-animation: show-barMotors1-three var(--bar3);
  animation: show-barMotors1-three var(--bar3);
}
.bar-graph-Motors1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors1-four var(--bar4);
  -moz-animation: show-barMotors1-four var(--bar4);
  animation: show-barMotors1-four var(--bar4);
}
.bar-graph-Motors1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors1-five var(--bar5);
  -moz-animation: show-barMotors1-five var(--bar5);
  animation: show-barMotors1-five var(--bar5);
}

@-webkit-keyframes show-barMotors1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.9 / 5.9));}
}
@-webkit-keyframes show-barMotors1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.7 / 5.9));}
}
@-webkit-keyframes show-barMotors1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.0 / 5.9));}
}
@-webkit-keyframes show-barMotors1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (5.0 / 5.9));}
}
@-webkit-keyframes show-barMotors1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2.0 / 5.9));}
}

/* Bar Graph Motors2 Horizontal Animations */
.bar-graph-Motors2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors2-one var(--bar1);
  -moz-animation: show-barMotors2-one var(--bar1);
  animation: show-barMotors2-one var(--bar1);
}
.bar-graph-Motors2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors2-two var(--bar2);
  -moz-animation: show-barMotors2-two var(--bar2);
  animation: show-barMotors2-two var(--bar2);
}
.bar-graph-Motors2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors2-three var(--bar3);
  -moz-animation: show-barMotors2-three var(--bar3);
  animation: show-barMotors2-three var(--bar3);
}
.bar-graph-Motors2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors2-four var(--bar4);
  -moz-animation: show-barMotors2-four var(--bar4);
  animation: show-barMotors2-four var(--bar4);
}
.bar-graph-Motors2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMotors2-five var(--bar5);
  -moz-animation: show-barMotors2-five var(--bar5);
  animation: show-barMotors2-five var(--bar5);
}

@-webkit-keyframes show-barMotors2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (175 / 318));}
}
@-webkit-keyframes show-barMotors2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (196 / 318));}
}
@-webkit-keyframes show-barMotors2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (214 / 318));}
}
@-webkit-keyframes show-barMotors2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (318 / 318));}
}
@-webkit-keyframes show-barMotors2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (299 / 318));}
}

/* Bar Graph HKL1 Horizontal Animations */
.bar-graph-HKL1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL1-one var(--bar1);
  -moz-animation: show-barHKL1-one var(--bar1);
  animation: show-barHKL1-one var(--bar1);
}
.bar-graph-HKL1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL1-two var(--bar2);
  -moz-animation: show-barHKL1-two var(--bar2);
  animation: show-barHKL1-two var(--bar2);
}
.bar-graph-HKL1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL1-three var(--bar3);
  -moz-animation: show-barHKL1-three var(--bar3);
  animation: show-barHKL1-three var(--bar3);
}
.bar-graph-HKL1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL1-four var(--bar4);
  -moz-animation: show-barHKL1-four var(--bar4);
  animation: show-barHKL1-four var(--bar4);
}
.bar-graph-HKL1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL1-five var(--bar5);
  -moz-animation: show-barHKL1-five var(--bar5);
  animation: show-barHKL1-five var(--bar5);
}

@-webkit-keyframes show-barHKL1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (1076 / 1076));}
}
@-webkit-keyframes show-barHKL1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (963 / 1076));}
}
@-webkit-keyframes show-barHKL1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (966 / 1076));}
}
@-webkit-keyframes show-barHKL1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (776 / 1076));}
}
@-webkit-keyframes show-barHKL1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (734 / 1076));}
}

/* Bar Graph HKL2 Horizontal Animations */
.bar-graph-HKL2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL2-one var(--bar1);
  -moz-animation: show-barHKL2-one var(--bar1);
  animation: show-barHKL2-one var(--bar1);
}
.bar-graph-HKL2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL2-two var(--bar2);
  -moz-animation: show-barHKL2-two var(--bar2);
  animation: show-barHKL2-two var(--bar2);
}
.bar-graph-HKL2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL2-three var(--bar3);
  -moz-animation: show-barHKL2-three var(--bar3);
  animation: show-barHKL2-three var(--bar3);
}
.bar-graph-HKL2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL2-four var(--bar4);
  -moz-animation: show-barHKL2-four var(--bar4);
  animation: show-barHKL2-four var(--bar4);
}
.bar-graph-HKL2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barHKL2-five var(--bar5);
  -moz-animation: show-barHKL2-five var(--bar5);
  animation: show-barHKL2-five var(--bar5);
}

@-webkit-keyframes show-barHKL2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (16.39 / 16.39));}
}
@-webkit-keyframes show-barHKL2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (15.30 / 16.39));}
}
@-webkit-keyframes show-barHKL2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (15.05 / 16.39));}
}
@-webkit-keyframes show-barHKL2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (14.95 / 16.39));}
}
@-webkit-keyframes show-barHKL2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (14.49 / 16.39));}
}

/* Bar Graph Dairy Farm double Horizontal Animations */
.bar-graph-DFdouble .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble-one var(--bar1);
  -moz-animation: show-barDFdouble-one var(--bar1);
  animation: show-barDFdouble-one var(--bar1);
}
.bar-graph-DFdouble .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble2-one var(--bar1b);
  -moz-animation: show-barDFdouble2-one var(--bar1b);
  animation: show-barDFdouble2-one var(--bar1b);
}
.bar-graph-DFdouble .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble-two var(--bar2);
  -moz-animation: show-barDFdouble-two var(--bar2);
  animation: show-barDFdouble-two var(--bar2);
}
.bar-graph-DFdouble .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble2-two var(--bar2b);
  -moz-animation: show-barDFdouble2-two var(--bar2b);
  animation: show-barDFdouble2-two var(--bar2b);
}
.bar-graph-DFdouble .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble-three var(--bar3);
  -moz-animation: show-barDFdouble-three var(--bar3);
  animation: show-barDFdouble-three var(--bar3);
}
.bar-graph-DFdouble .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble2-three var(--bar3b);
  -moz-animation: show-barDFdouble2-three var(--bar3b);
  animation: show-barDFdouble2-three var(--bar3b);
}
.bar-graph-DFdouble .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble-four var(--bar4);
  -moz-animation: show-barDFdouble-four var(--bar4);
  animation: show-barDFdouble-four var(--bar4);
}
.bar-graph-DFdouble .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble2-four var(--bar4b);
  -moz-animation: show-barDFdouble2-four var(--bar4b);
  animation: show-barDFdouble2-four var(--bar4b);
}
.bar-graph-DFdouble .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble-five var(--bar5);
  -moz-animation: show-barDFdouble-five var(--bar5);
  animation: show-barDFdouble-five var(--bar5);
}
.bar-graph-DFdouble .bar-five .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barDFdouble2-five var(--bar5b);
  -moz-animation: show-barDFdouble2-five var(--bar5b);
  animation: show-barDFdouble2-five var(--bar5b);
}

@-webkit-keyframes show-barDFdouble-one {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (460 / 460));}
}
@-webkit-keyframes show-barDFdouble2-one {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (0 / 460));}
}
@-webkit-keyframes show-barDFdouble-two {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (403 / 460));}
}
@-webkit-keyframes show-barDFdouble2-two {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (0 / 460));}
}
@-webkit-keyframes show-barDFdouble-three {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (424 / 460));}
}
@-webkit-keyframes show-barDFdouble2-three {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (358 / 460));}
}
@-webkit-keyframes show-barDFdouble-four {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (370 / 460));}
}
@-webkit-keyframes show-barDFdouble2-four {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (321 / 460));}
}
@-webkit-keyframes show-barDFdouble-five {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (370 / 460));}
}
@-webkit-keyframes show-barDFdouble2-five {
  0% {width: 0;}
  100% {width: calc((100% - 30px) * (250 / 460));}
}

/* Bar Graph Dairy Farm Horizontal Animations */
.bar-graph-DF1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barDF1-one var(--bar1);
  -moz-animation: show-barDF1-one var(--bar1);
  animation: show-barDF1-one var(--bar1);
}
.bar-graph-DF1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barDF1-two var(--bar2);
  -moz-animation: show-barDF1-two var(--bar2);
  animation: show-barDF1-two var(--bar2);
}
.bar-graph-DF1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barDF1-three var(--bar3);
  -moz-animation: show-barDF1-three var(--bar3);
  animation: show-barDF1-three var(--bar3);
}
.bar-graph-DF1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barDF1-four var(--bar4);
  -moz-animation: show-barDF1-four var(--bar4);
  animation: show-barDF1-four var(--bar4);
}
.bar-graph-DF1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barDF1-five var(--bar5);
  -moz-animation: show-barDF1-five var(--bar5);
  animation: show-barDF1-five var(--bar5);
}

@-webkit-keyframes show-barDF1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (321 / 321));}
}
@-webkit-keyframes show-barDF1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (276 / 321));}
}
@-webkit-keyframes show-barDF1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (105 / 321));}
}
@-webkit-keyframes show-barDF1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (29 / 321));}
}
@-webkit-keyframes show-barDF1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (155 / 321));}
}

/* for Negative Mandarin Oriental Bar */
.isNegative .bar-graph-horizontal.bar-graph-MO1 > div:last-of-type {/*width: 60%;*/}
.isNegative .bar-graph-horizontal.bar-graph-MO1 .year {width: 60%; max-width: none;}
.isNegative .bar-graph-horizontal.bar-graph-MO1 [class*="bar-"]:nth-child(2) .year,
.isNegative .bar-graph-horizontal.bar-graph-MO1 [class*="bar-"]:nth-child(3) .year {width: 15%;}

.isNegative .bar-graph-horizontal.bar-graph-MO1 [class*="bar-"]:last-child .year {/*width: 15%;*/}
.isNegative .bar-graph-horizontal.bar-graph-MO1 [class*="bar-"]:last-child .bar {/*float: right;*/}
.isNegative .bar-graph-horizontal.bar-graph-MO1 [class*="bar-"]:nth-child(2) .bar::after,
.isNegative .bar-graph-horizontal.bar-graph-MO1 [class*="bar-"]:nth-child(3) .bar::after {left: -44px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-MO1 [class*="bar-"]:nth-child(3) .bar::after {left: -34px;}
.isNegative .bar-graph-horizontal.bar-graph-MO1 [class*="bar-"]:last-child .bar::after {left: -34px;}

/* Bar Graph Mandarin Oriental1 Negative Horizontal Animations */
.isNegative .bar-graph-horizontal.bar-graph-MO1 .bar-two,
.isNegative .bar-graph-horizontal.bar-graph-MO1 .bar-three {width: 70%;}
.isNegative .bar-graph-horizontal.bar-graph-MO1 .year {width: 70%; max-width: unset;}

/* Bar Graph MO1 Negative Horizontal Animations */
/*.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-two  {width: 100%;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 [class*="bar-"]:nth-child(2) .bar::after {left: -44px; top: -2px;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-two .bar {float: right; margin-right: 70%;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .year {width: 30%; min-width: 30%; max-width: unset;}
.isNegative .bar-graph-horizontal.bar-graph-Hs4 .bar-two  .year {width: 2.75rem; min-width: unset; max-width: 2.75rem;}*/

.bar-graph-MO1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO1-one var(--bar1);
  -moz-animation: show-barMO1-one var(--bar1);
  animation: show-barMO1-one var(--bar1);
}
.bar-graph-MO1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO1-two var(--bar2);
  -moz-animation: show-barMO1-two var(--bar2);
  animation: show-barMO1-two var(--bar2);
  margin-right: 0;
}
.bar-graph-MO1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO1-three var(--bar3);
  -moz-animation: show-barMO1-three var(--bar3);
  animation: show-barMO1-three var(--bar3);
  margin-right: 0;
}
.bar-graph-MO1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO1-four var(--bar4);
  -moz-animation: show-barMO1-four var(--bar4);
  animation: show-barMO1-four var(--bar4);
}
.bar-graph-MO1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO1-five var(--bar5);
  -moz-animation: show-barMO1-five var(--bar5);
  animation: show-barMO1-five var(--bar5);
}

@-webkit-keyframes show-barMO1-one {
  0% {width: 0;}
  100% {width: calc((70% - 95px) * 0.2005);}
}
@-webkit-keyframes show-barMO1-two {
  0% {width: 0;}
  100% {width: calc((100% - 100px) * 1);}
}
@-webkit-keyframes show-barMO1-three {
  0% {width: 0;}
  100% {width: calc((100% - 100px) * 0.33);}
}
@-webkit-keyframes show-barMO1-four {
  0% {width: 0;}
  100% {width: calc((70% - 95px) * 0.04);}
}
@-webkit-keyframes show-barMO1-five {
  0% {width: 0;}
  100% {width: calc((70% - 95px) * 0.4);}
}

/* Bar Graph Mandarin Oriental2 Horizontal Animations */
.bar-graph-MO2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO2-one var(--bar1);
  -moz-animation: show-barMO2-one var(--bar1);
  animation: show-barMO2-one var(--bar1);
}
.bar-graph-MO2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO2-two var(--bar2);
  -moz-animation: show-barMO2-two var(--bar2);
  animation: show-barMO2-two var(--bar2);
}
.bar-graph-MO2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO2-three var(--bar3);
  -moz-animation: show-barMO2-three var(--bar3);
  animation: show-barMO2-three var(--bar3);
}
.bar-graph-MO2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO2-four var(--bar4);
  -moz-animation: show-barMO2-four var(--bar4);
  animation: show-barMO2-four var(--bar4);
}
.bar-graph-MO2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMO2-five var(--bar5);
  -moz-animation: show-barMO2-five var(--bar5);
  animation: show-barMO2-five var(--bar5);
}

@-webkit-keyframes show-barMO2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (4.70 / 4.70));}
}
@-webkit-keyframes show-barMO2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (4.09 / 4.70));}
}
@-webkit-keyframes show-barMO2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3.93 / 4.70));}
}
@-webkit-keyframes show-barMO2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3.87 / 4.70));}
}
@-webkit-keyframes show-barMO2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3.67 / 4.70));}
}

/* Bar Graph Mandarin Oriental double Horizontal Animations */
.bar-graph-MOdouble .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble-one var(--bar1);
  -moz-animation: show-barMOdouble-one var(--bar1);
  animation: show-barMOdouble-one var(--bar1);
}
.bar-graph-MOdouble .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble2-one var(--bar1b);
  -moz-animation: show-barMOdouble2-one var(--bar1b);
  animation: show-barMOdouble2-one var(--bar1b);
}
.bar-graph-MOdouble .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble-two var(--bar2);
  -moz-animation: show-barMOdouble-two var(--bar2);
  animation: show-barMOdouble-two var(--bar2);
}
.bar-graph-MOdouble .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble2-two var(--bar2b);
  -moz-animation: show-barMOdouble2-two var(--bar2b);
  animation: show-barMOdouble2-two var(--bar2b);
}
.bar-graph-MOdouble .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble-three var(--bar3);
  -moz-animation: show-barMOdouble-three var(--bar3);
  animation: show-barMOdouble-three var(--bar3);
}
.bar-graph-MOdouble .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble2-three var(--bar3b);
  -moz-animation: show-barMOdouble2-three var(--bar3b);
  animation: show-barMOdouble2-three var(--bar3b);
}
.bar-graph-MOdouble .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble-four var(--bar4);
  -moz-animation: show-barMOdouble-four var(--bar4);
  animation: show-barMOdouble-four var(--bar4);
}
.bar-graph-MOdouble .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble2-four var(--bar4b);
  -moz-animation: show-barMOdouble2-four var(--bar4b);
  animation: show-barMOdouble2-four var(--bar4b);
}
.bar-graph-MOdouble .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble-five var(--bar5);
  -moz-animation: show-barMOdouble-five var(--bar5);
  animation: show-barMOdouble-five var(--bar5);
}
.bar-graph-MOdouble .bar-five .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barMOdouble2-five var(--bar5b);
  -moz-animation: show-barMOdouble2-five var(--bar5b);
  animation: show-barMOdouble2-five var(--bar5b);
}

@-webkit-keyframes show-barMOdouble-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (33 / 38));}
}
@-webkit-keyframes show-barMOdouble2-one {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (20 / 38));}
}
@-webkit-keyframes show-barMOdouble-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (34 / 38));}
}
@-webkit-keyframes show-barMOdouble2-two {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (23 / 38));}
}
@-webkit-keyframes show-barMOdouble-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (36 / 38));}
}
@-webkit-keyframes show-barMOdouble2-three {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (24 / 38));}
}
@-webkit-keyframes show-barMOdouble-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (36 / 38));}
}
@-webkit-keyframes show-barMOdouble2-four {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (26 / 38));}
}
@-webkit-keyframes show-barMOdouble-five {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (38 / 38));}
}
@-webkit-keyframes show-barMOdouble2-five {
  0% {width: 0;}
  100% {width: calc((100% - 45px) * (30 / 38));}
}

/* Bar Graph Jardine Cycle & Carriage1 Horizontal Animations */
.bar-graph-JCC1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC1-one var(--bar1);
  -moz-animation: show-barJCC1-one var(--bar1);
  animation: show-barJCC1-one var(--bar1);
}
.bar-graph-JCC1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC1-two var(--bar2);
  -moz-animation: show-barJCC1-two var(--bar2);
  animation: show-barJCC1-two var(--bar2);
}
.bar-graph-JCC1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC1-three var(--bar3);
  -moz-animation: show-barJCC1-three var(--bar3);
  animation: show-barJCC1-three var(--bar3);
}
.bar-graph-JCC1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC1-four var(--bar4);
  -moz-animation: show-barJCC1-four var(--bar4);
  animation: show-barJCC1-four var(--bar4);
}
.bar-graph-JCC1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC1-five var(--bar5);
  -moz-animation: show-barJCC1-five var(--bar5);
  animation: show-barJCC1-five var(--bar5);
}

@-webkit-keyframes show-barJCC1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (18.6 / 22.2));}
}
@-webkit-keyframes show-barJCC1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (13.2 / 22.2));}
}
@-webkit-keyframes show-barJCC1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (17.7 / 22.2));}
}
@-webkit-keyframes show-barJCC1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (21.6 / 22.2));}
}
@-webkit-keyframes show-barJCC1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (22.2 / 22.2));}
}

/* Bar Graph Jardine Cycle & Carriage2 Horizontal Animations */
.bar-graph-JCC2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC2-one var(--bar1);
  -moz-animation: show-barJCC2-one var(--bar1);
  animation: show-barJCC2-one var(--bar1);
}
.bar-graph-JCC2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC2-two var(--bar2);
  -moz-animation: show-barJCC2-two var(--bar2);
  animation: show-barJCC2-two var(--bar2);
}
.bar-graph-JCC2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC2-three var(--bar3);
  -moz-animation: show-barJCC2-three var(--bar3);
  animation: show-barJCC2-three var(--bar3);
}
.bar-graph-JCC2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC2-four var(--bar4);
  -moz-animation: show-barJCC2-four var(--bar4);
  animation: show-barJCC2-four var(--bar4);
}
.bar-graph-JCC2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJCC2-five var(--bar5);
  -moz-animation: show-barJCC2-five var(--bar5);
  animation: show-barJCC2-five var(--bar5);
}

@-webkit-keyframes show-barJCC2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (863 / 1160));}
}
@-webkit-keyframes show-barJCC2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (429 / 1160));}
}
@-webkit-keyframes show-barJCC2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (786 / 1160));}
}
@-webkit-keyframes show-barJCC2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (1096 / 1160));}
}
@-webkit-keyframes show-barJCC2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (1160 / 1160));}
}

/* Bar Graph Astra1 Horizontal Animations */
.bar-graph-A1 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barA1-one var(--bar1);
  -moz-animation: show-barA1-one var(--bar1);
  animation: show-barA1-one var(--bar1);
}
.bar-graph-A1 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barA1-two var(--bar2);
  -moz-animation: show-barA1-two var(--bar2);
  animation: show-barA1-two var(--bar2);
}
.bar-graph-A1 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barA1-three var(--bar3);
  -moz-animation: show-barA1-three var(--bar3);
  animation: show-barA1-three var(--bar3);
}
.bar-graph-A1 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barA1-four var(--bar4);
  -moz-animation: show-barA1-four var(--bar4);
  animation: show-barA1-four var(--bar4);
}
.bar-graph-A1 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barA1-five var(--bar5);
  -moz-animation: show-barA1-five var(--bar5);
  animation: show-barA1-five var(--bar5);
}

@-webkit-keyframes show-barA1-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (536 / 574));}
}
@-webkit-keyframes show-barA1-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (270 / 574));}
}
@-webkit-keyframes show-barA1-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (489 / 574));}
}
@-webkit-keyframes show-barA1-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (574 / 574));}
}
@-webkit-keyframes show-barA1-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (561 / 574));}
}

/* Bar Graph Astra2 Horizontal Animations */
.bar-graph-A2 .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barA2-one var(--bar1);
  -moz-animation: show-barA2-one var(--bar1);
  animation: show-barA2-one var(--bar1);
}
.bar-graph-A2 .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barA2-two var(--bar2);
  -moz-animation: show-barA2-two var(--bar2);
  animation: show-barA2-two var(--bar2);
}
.bar-graph-A2 .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barA2-three var(--bar3);
  -moz-animation: show-barA2-three var(--bar3);
  animation: show-barA2-three var(--bar3);
}
.bar-graph-A2 .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barA2-four var(--bar4);
  -moz-animation: show-barA2-four var(--bar4);
  animation: show-barA2-four var(--bar4);
}
.bar-graph-A2 .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barA2-five var(--bar5);
  -moz-animation: show-barA2-five var(--bar5);
  animation: show-barA2-five var(--bar5);
}

@-webkit-keyframes show-barA2-one {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (4911 / 4911));}
}
@-webkit-keyframes show-barA2-two {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (2892 / 4911));}
}
@-webkit-keyframes show-barA2-three {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3929 / 4911));}
}
@-webkit-keyframes show-barA2-four {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (3996 / 4911));}
}
@-webkit-keyframes show-barA2-five {
  0% {width: 0;}
  100% {width: calc((100% - 95px) * (4881 / 4911));}
}

/* Bar Graph JPdouble Horizontal Animations */
.bar-graph-JPdouble .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble-one var(--bar1);
  -moz-animation: show-barJPdouble-one var(--bar1);
  animation: show-barJPdouble-one var(--bar1);
}
.bar-graph-JPdouble .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble2-one var(--bar1b);
  -moz-animation: show-barJPdouble2-one var(--bar1b);
  animation: show-barJPdouble2-one var(--bar1b);
}
.bar-graph-JPdouble .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble-two var(--bar2);
  -moz-animation: show-barJPdouble-two var(--bar2);
  animation: show-barJPdouble-two var(--bar2);
}
.bar-graph-JPdouble .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble2-two var(--bar2b);
  -moz-animation: show-barJPdouble2-two var(--bar2b);
  animation: show-barJPdouble2-two var(--bar2b);
}
.bar-graph-JPdouble .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble-three var(--bar3);
  -moz-animation: show-barJPdouble-three var(--bar3);
  animation: show-barJPdouble-three var(--bar3);
}
.bar-graph-JPdouble .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble2-three var(--bar3b);
  -moz-animation: show-barJPdouble2-three var(--bar3b);
  animation: show-barJPdouble2-three var(--bar3b);
}
.bar-graph-JPdouble .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble-four var(--bar4);
  -moz-animation: show-barJPdouble-four var(--bar4);
  animation: show-barJPdouble-four var(--bar4);
}
.bar-graph-JPdouble .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble2-four var(--bar4b);
  -moz-animation: show-barJPdouble2-four var(--bar4b);
  animation: show-barJPdouble2-four var(--bar4b);
}
.bar-graph-JPdouble .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble-five var(--bar5);
  -moz-animation: show-barJPdouble-five var(--bar5);
  animation: show-barJPdouble-five var(--bar5);
}
.bar-graph-JPdouble .bar-five .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barJPdouble2-five var(--bar5b);
  -moz-animation: show-barJPdouble2-five var(--bar5b);
  animation: show-barJPdouble2-five var(--bar5b);
}

@-webkit-keyframes show-barJPdouble-one {
  0% {width: 0;}
  100% {width: calc(88% - 2.75rem);}
}
@-webkit-keyframes show-barJPdouble2-one {
  0% {width: 0;}
  100% {width: calc(58% - 2.75rem);}
}
@-webkit-keyframes show-barJPdouble-two {
  0% {width: 0;}
  100% {width: calc(88% - 2.75rem);}
}
@-webkit-keyframes show-barJPdouble2-two {
  0% {width: 0;}
  100% {width: calc(39% - 2.75rem);}
}
@-webkit-keyframes show-barJPdouble-three {
  0% {width: 0;}
  100% {width: calc(94% - 2.75rem);}
}
@-webkit-keyframes show-barJPdouble2-three {
  0% {width: 0;}
  100% {width: calc(55% - 2.75rem);}
}
@-webkit-keyframes show-barJPdouble-four {
  0% {width: 0;}
  100% {width: calc(91% - 2.75rem);}
}
@-webkit-keyframes show-barJPdouble2-four {
  0% {width: 0;}
  100% {width: calc(55% - 2.75rem);}
}
@-webkit-keyframes show-barJPdouble-five {
  0% {width: 0;}
  100% {width: calc(100% - 2.75rem);}
}
@-webkit-keyframes show-barJPdouble2-five {
  0% {width: 0;}
  100% {width: calc(60% - 2.75rem);}
}

/* Bar Graph FRdouble Horizontal Animations */
.isDouble .bar-graph-horizontal .last .bar::after {right: -38px;}
.isDouble .bar-graph-horizontal .last .bar.bar-2::after {right: -48px;}
.isDouble .bar-graph-horizontal .bar::after {top: 0px; right: -28px;}
.isDouble .bar-graph-horizontal .bar.bar-2::after {top: 0px; right: -36px;}

.bar-graph-FRdouble .bar-one .bar.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble-one var(--bar1);
  -moz-animation: show-barFRdouble-one var(--bar1);
  animation: show-barFRdouble-one var(--bar1);
}
.bar-graph-FRdouble .bar-one .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble2-one var(--bar1b);
  -moz-animation: show-barFRdouble2-one var(--bar1b);
  animation: show-barFRdouble2-one var(--bar1b);
}
.bar-graph-FRdouble .bar-two .bar.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble-two var(--bar2);
  -moz-animation: show-barFRdouble-two var(--bar2);
  animation: show-barFRdouble-two var(--bar2);
}
.bar-graph-FRdouble .bar-two .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble2-two var(--bar2b);
  -moz-animation: show-barFRdouble2-two var(--bar2b);
  animation: show-barFRdouble2-two var(--bar2b);
}
.bar-graph-FRdouble .bar-three .bar.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble-three var(--bar3);
  -moz-animation: show-barFRdouble-three var(--bar3);
  animation: show-barFRdouble-three var(--bar3);
}
.bar-graph-FRdouble .bar-three .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble2-three var(--bar3b);
  -moz-animation: show-barFRdouble2-three var(--bar3b);
  animation: show-barFRdouble2-three var(--bar3b);
}
.bar-graph-FRdouble .bar-four .bar.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble-four var(--bar4);
  -moz-animation: show-barFRdouble-four var(--bar4);
  animation: show-barFRdouble-four var(--bar4);
}
.bar-graph-FRdouble .bar-four .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble2-four var(--bar4b);
  -moz-animation: show-barFRdouble2-four var(--bar4b);
  animation: show-barFRdouble2-four var(--bar4b);
}
.bar-graph-FRdouble .bar-five .bar.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble-five var(--bar5);
  -moz-animation: show-barFRdouble-five var(--bar5);
  animation: show-barFRdouble-five var(--bar5);
}
.bar-graph-FRdouble .bar-five .bar-2.animated-chart.isVisible {
  -webkit-animation: show-barFRdouble2-five var(--bar5b);
  -moz-animation: show-barFRdouble2-five var(--bar5b);
  animation: show-barFRdouble2-five var(--bar5b);
}

@-webkit-keyframes show-barFRdouble-one {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (4.8 / 65.1));}
}
@-webkit-keyframes show-barFRdouble2-one {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (65.1 / 65.1));}
}
@-webkit-keyframes show-barFRdouble-two {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (3.7 / 65.1));}
}
@-webkit-keyframes show-barFRdouble2-two {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (62.8 / 65.1));}
}
@-webkit-keyframes show-barFRdouble-three {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (6.6 / 65.1));}
}
@-webkit-keyframes show-barFRdouble2-three {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (58.4 / 65.1));}
}
@-webkit-keyframes show-barFRdouble-four {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (7.5 / 65.1));}
}
@-webkit-keyframes show-barFRdouble2-four {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (56.3 / 65.1));}
}
@-webkit-keyframes show-barFRdouble-five {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (8.4 / 65.1));}
}
@-webkit-keyframes show-barFRdouble2-five {
  0% {width: 0;}
  100% {width: calc((100% - 50px) * (56.3 / 65.1));}
}

/* Bar Graph Highlights Horizontal Animations */
.bar-graph-Highlights.bar-graph-horizontal .bar {
  height: 1.5rem; margin-right: 0;
}
.bar-graph-Highlights .bar-one .bar.animated-chart.isVisible {
  background-color: #BAC47C;
  -webkit-animation: show-barHighlights var(--bar1);
  -moz-animation: show-barHighlights var(--bar1);
  animation: show-barHighlights var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack1.animated-chart.isVisible {
  background-color: #6993CC;
  -webkit-animation: show-barHighlightsstack-1 var(--bar1);
  -moz-animation: show-barHighlightsstack-1 var(--bar1);
  animation: show-barHighlightsstack-1 var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack2.animated-chart.isVisible {
  background-color: #9AB2C7;
  -webkit-animation: show-barHighlightsstack-2 var(--bar1);
  -moz-animation: show-barHighlightsstack-2 var(--bar1);
  animation: show-barHighlightsstack-2 var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack3.animated-chart.isVisible {
  background-color: #8ebbd0;
  -webkit-animation: show-barHighlightsstack-3 var(--bar1);
  -moz-animation: show-barHighlightsstack-3 var(--bar1);
  animation: show-barHighlightsstack-3 var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack4.animated-chart.isVisible {
  background-color: #BC9DCA;
  -webkit-animation: show-barHighlightsstack-4 var(--bar1);
  -moz-animation: show-barHighlightsstack-4 var(--bar1);
  animation: show-barHighlightsstack-4 var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack5.animated-chart.isVisible {
  background-color: #9BD3AE;
  -webkit-animation: show-barHighlightsstack-5 var(--bar1);
  -moz-animation: show-barHighlightsstack-5 var(--bar1);
  animation: show-barHighlightsstack-5 var(--bar1);
}
.bar-graph-Highlights .bar-one .bar-stack6.animated-chart.isVisible {
  background-color: var(--color7);
  -webkit-animation: show-barHighlightsstack-6 var(--bar1);
  -moz-animation: show-barHighlightsstack-6 var(--bar1);
  animation: show-barHighlightsstack-6 var(--bar1);
}

@-webkit-keyframes show-barHighlights {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 10);}
}
@-webkit-keyframes show-barHighlightsstack-1 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 12);}
}
@-webkit-keyframes show-barHighlightsstack-2 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 29);}
}
@-webkit-keyframes show-barHighlightsstack-3 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 13);}
}
@-webkit-keyframes show-barHighlightsstack-4 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 2);}
}
@-webkit-keyframes show-barHighlightsstack-5 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 5);}
}
@-webkit-keyframes show-barHighlightsstack-6 {
  0% {width: 0;}
  100% {width: calc(100% / 100 * 29);}
}

.bar-graph-horizontal .stackedChart.bar-one{margin: 0;}
.bar-graph-horizontal .stackedChartBlockContainer{position: relative; margin:0; height: 100px;}
.stackedChartBlockContainer p {margin:0.5rem 0;}
.stackedChartBlockContainer .stackedChartBlock {margin-bottom: 0; position: absolute; bottom:0; font-size: 0.85rem;font-weight: bold;}
.stackedChartBlockContainer .stackedChartBlock.shiftLeft{margin-left: -1px;}
.stackedChartBlockNum {font-size: 1.75rem; font-weight: bold; margin-bottom: 0.5rem;}
.stackedChartBlockNum>span {padding:0 0.5rem;}
.stackedChartBlock.left>.stackedChartBlockNum::before {content:""; display: block; height: 1rem; bottom: 0; position: absolute; border-left-style: solid; border-left-width: 2px;}
.stackedChartBlock.right>.stackedChartBlockNum::before {content:""; display: block; height: 1rem; right: 1px; bottom: 0; position: absolute; border-right-style: solid; border-right-width: 2px;}
.stackedChartBlockContainer.lower .stackedChartBlock.left>.stackedChartBlockNum::before{content:""; display: block; height: 1rem; top: 0; position: absolute; border-left-style: solid; border-left-width: 2px;}

.bar-graph-horizontal .legend .item .legend-index {float: left; border-left: 1.25rem solid #8ebbd0; height: 1.25rem; margin-top: 4px;}
.bar-graph-horizontal .legend .item p {float: left; line-height: 1.25; padding-left: 0.75rem; margin: 4px 0; margin-bottom: 0.5rem;}

@media (max-width:1024px) {
	.isDouble .doubleBar {width: 92%;}
}
@media (max-width: 992px) {
	.isDouble .doubleBar {width: 92%;}
}
@media (max-width: 540px) {
	.isDouble .doubleBar {width: 86.5%;}
}

/* Pie special */