/*universal chart css*/
.chart,
.charts {
	margin-bottom:40px;
	clear:both;
	color: #000;
}
.chart h2,
.chart-align h2 {
	font-size:24px;
	font-family: "Oswald";
	color: #000;
}
.chart h3,
.charts h3,
.jquery-data-chart h3{
	/*margin-bottom:10px;
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:20px;
	font-family: Oswald,Arial,Helvetica,sans-serif;
	font-weight: normal;*/
	font-size: 22px;
	margin-bottom: 15px;
	color: #000;
}
.chart h4,
.charts h4,
.jquery-data-chart h4{
/*font-size:18px;*/
	font-family: Oswald,Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 15px;
}

.chart .pre-header {
	font-family: inherit;
	font-size: 23px;
	line-height: 27px;
}

.chart .chart-description,
.charts .chart-description,
.ps217s-chart .chart-description {
	margin:20px 0;
	font-size:16px;
}
.chart p,
.charts p {
	font-size:16px;
	line-height: 1.4em;
}
.chart .chart-header {
	margin-bottom:15px;
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:25px;
    border-top: 5px solid #000;
    margin-top: 15px;
    padding-top: 15px;
	font-weight:bold;
}
.chart .chart-header-no-border {
	margin-bottom:15px;
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	line-height:26px;
}
.chart .chart-header-no-border.small {
	font-size: 18px;
}
.chart .chart-header.large {
	font-size: 40px;
	line-height: 1.2em;
}
.chart .chart-header-no-border.large {
	font-size: 40px;
	line-height: 1.2em;
	border: none;
}
.chart .chart-header.medium {
	font-size: 27px;
	line-height: 1.2em;
}
.chart .chart-header.thick-border {
	border-width: 10px;
}

.chart .chart-header.thin-border {
	border-width: 1px;
}

.chart .chart-header.centered {
	text-align: center;
}

.chart-header.small-header,
.chart-header-no-border.small-header {
	font-size:18px;
}
.chart .chart-header small,
.chart .chart-header-no-border small {
	font-size: 0.7em;
}

.chart .sub-chart-header {
	font-size: 20px;
	margin-top: -5px;
}

.chart .no-border {
	border:none;
}

.chart .source,
.charts .source,
.chart .credit,
.charts .credit,
.jquery-data-chart .source,
.jquery-data-chart .credit {
	font-size:13px;
	margin:15px 0;
	font-style:italic;
	line-height:17px;
}
.chart .source.top-bordered{
	border-top:1px solid #ccc;
	padding-top: 3px;
}

.chart .align-right {
	float:right;
}

.chart-align .chart{
	display:inline-block;
	vertical-align:top;
}
.chart-align.two-row .chart{
	width:48%;
	margin-right:3%;
}
.chart-align.two-row .chart:nth-child(odd){
	margin-right:0;
}

.chart-image img,
.chart-image{
	margin-bottom:60px;
}

.text-chart p {
	font-size: 27px;
	line-height: 1.4em;
	margin: 0;
}

.text-chart .source {
    margin-top: 15px;
}

/*basic table styles*/
.table-chart .border-cell div {
	border-top:1px solid #333;
	border-right:1px solid #333;
	border-left:1px solid #333;
	padding-top:5px;
	margin-right: 5px;
}
.table-chart .section-divider {
	border-top:none;
	padding-top:20px;
}


/*jquery data chart base*/
.jquery-data-chart {
display:block;
width:100%;
margin-bottom:60px;
}
.jquery-data-chart .chart-container {
	position:relative;
	font-size: 0;
}


.jquery-data-chart,
.jquery-data-chart div,
.jquery-data-chart span {
transition:all 1s ease-out 0.5s;
}
.jquery-data-chart .bar-height{
	position:relative;
	height:240px;
	display:inline-block;
	z-index:10;
	font-size:0;
}
.jquery-data-chart .bar-height *{
	font-size:15px;
}

.jquery-data-chart .bar{
	position:absolute;
	bottom:0;
	width:100%;
	background-color:#ccc;
}
.jquery-data-chart .bar .number.outside{
	position:absolute;
	top:-30px;
	width:100%;
	text-align:center;
	display:block;
}
.jquery-data-chart .bar .number.inside{
	position:absolute;
	top:15px;
	width:100%;
	text-align:center;
	display:block;
}
.jquery-data-chart .bar .number.inside.vertical{
	transform:rotate(-90deg);
	top:auto;
	bottom:30px;
}
.jquery-data-chart .bar .text{
	text-align:center;
	position:absolute;
	bottom:-20px;
	width:100%;
}
.jquery-data-chart .bar .text.inside{
	text-align:left;
	color:#fff;
	font-size:1em;
	line-height:1.3em;
	padding:5px;
	word-break:break-all;
}
.jquery-data-chart .labels .text {
	display:inline-block;
	margin:0;
	text-align:center;
	line-height:1.2em;
	vertical-align:top;
	font-size: 15px;
}
.jquery-data-chart.eight-row .bar-height .bar .text.inside{
	font-size:0.9em;
}


/* jquery-data-chart legend styles*/
.jquery-data-chart .legend {
	position:absolute;
}
.jquery-data-chart .legend .legend-block {
	display:inline-block;
	font-size:16px;
	margin-right:20px;
}
.jquery-data-chart .legend .legend-block:last-child {
	margin-right:0;
}

.jquery-data-chart .legend.top-right {
	top:0;
	right:0;
}

.jquery-data-chart .legend.top-left {
	top:0;
	left:0;
}

.jquery-data-chart .legend.static {
	position:static;
	margin-bottom:20px;
}


/* jquery-data-chart animation template*/
.jquery-data-chart.off .bar,
.jquery-data-chart.off .number,
.jquery-data-chart.off .text,
.jquery-data-chart.off .ball-number,
.jquery-data-chart.off .legend{
	height:0 !important;
	opacity:0 !important;
	border:none !important;
}
.jquery-data-chart.off .bar-height{
	border:none !important;
}


/* jquery-data-chart # of row styles*/
.jquery-data-chart.one-row .bar-height,
.jquery-data-chart .one-row .bar-height,
.jquery-data-chart .bar-height.one-row .bar-height,
.jquery-data-chart.one-row .labels .text{
	width:100%;
}
.jquery-data-chart .bar-height.one-row {
	padding:0 1%;
}
.jquery-data-chart.two-row .bar-height,
.jquery-data-chart .two-row .bar-height,
.jquery-data-chart.two-row .labels .text{
	width:48%;
	margin-right: 1%;
}

.jquery-data-chart .bar-height.two-row .bar-height{
	width:50%;
}
.jquery-data-chart.three-row .bar-height,
.jquery-data-chart .three-row .bar-height,
.jquery-data-chart.three-row .labels .text{
	width:32%;
	margin-right: 1%;
}
.jquery-data-chart.four-row .bar-height,
.jquery-data-chart .four-row .bar-height,
.jquery-data-chart.four-row .labels .text{
	width:24%;
	margin-right:1%
}
.jquery-data-chart.five-row .bar-height,
.jquery-data-chart.five-row .labels .text{
	width:19%;
	margin-right:1%
}
.jquery-data-chart.six-row .bar-height,
.jquery-data-chart .six-row .bar-height,
.jquery-data-chart.six-row .labels .text{
	width:15.666%;
	margin-right:1%
}
.jquery-data-chart.seven-row .bar-height,
.jquery-data-chart .seven-row .bar-height,
.jquery-data-chart.seven-row .labels .text{
	width:13.222%;
	margin-right: 1%;
}
.jquery-data-chart.eight-row .bar-height,
.jquery-data-chart .eight-row .bar-height,
.jquery-data-chart.eight-row .labels .text{
	width:11.5%;
	margin-right: 1%;
}
.jquery-data-chart.nine-row .bar-height,
.jquery-data-chart.nine-row .labels .text{
	width:11%;
}
.jquery-data-chart.ten-row .bar-height,
.jquery-data-chart.ten-row .labels .text{
	width:9.333%;
	padding-left: 0;
}
.jquery-data-chart.twelve-row .bar-height,
.jquery-data-chart.twelve-row .labels .text{
	width:7.7%;
}
.jquery-data-chart.fifteen-row .bar-height,
.jquery-data-chart.fifteen-row .labels .text{
	width:6%;
}

.jquery-data-chart .bar-height.three-row .bar-height {
	width:32.8333%;
}

.jquery-data-chart.two-row .bar-height:last-child,
.jquery-data-chart.three-row .bar-height:last-child,
.jquery-data-chart.four-row .bar-height:last-child,
.jquery-data-chart.five-row .bar-height:last-child,
.jquery-data-chart.six-row .bar-height:last-child,
.jquery-data-chart.seven-row .bar-height:last-child,
.jquery-data-chart.eight-row .bar-height:last-child ,
.jquery-data-chart.ten-row .bar-height:last-child,
.jquery-data-chart .bar-height .bar-height{
	margin-right:0;
}


.pie-data-chart .left-text {
width:65%;
display:inline-block;
vertical-align:top;
}
.pie-data-chart.small-width .left-text {
width:50%;
}
.pie-data-chart .left-text p {
font-size:1.2em;
}
.pie-data-chart .left-text ul li {
line-height:25px;
margin-bottom:0;
}
.pie-data-chart .left-text ul li span {
color:#000;
font-size:0.7em;
}
.pie-data-chart.small-width .left-text li .value {
float:right;
}
.pie-data-chart .right-chart {
width:30%;
display:inline-block;
vertical-align:top;
}


.horizontal-bar-chart .bar-row {
	box-sizing: border-box;
	font-size: 0;
	padding-bottom: 7px;
}
.horizontal-bar-chart .bar-row .label-container,
.horizontal-bar-chart .bar-row .bar-container {
	display:inline-block;
	width:50%;
	box-sizing: border-box;
	font-size: 15px;
	vertical-align: top;
}
.horizontal-bar-chart .bar-row .bar {
	background-color:#ccc;
	padding: 0 10px;
	min-height: 10px;
	box-sizing: border-box;	
	overflow: auto;
	position: relative;
}


/* 
=======================================
=======================================
NEW V3.0 CHARTS
=======================================
=======================================
*/

/* style basics - headers spacing text etc.*/

.chart-v3 .chart-border {
	border-top:5px solid #000;
	margin-top: 15px;
    padding-top: 15px;
}

.chart-v3 .chart-border-bottom {
	border-bottom:5px solid #000;
	margin-bottom: 15px;
    padding-bottom: 15px;
}

.chart-v3 .chart-header,
.chart-header {
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 20px;
}

.chart-v3 .chart-sub-header {
	font-size: 2.0rem;
	font-weight: 600;
	margin-bottom: 15px;
}

.chart-v3 .chart-header-large {
	font-size: 4.0rem;
	line-height: 1.2em;
	font-weight: 700;
	margin-bottom: 15px;
}

.chart-v3 .chart-section-header {
	margin-bottom: 35px;
}

.chart-v3 .chart-container {
	margin:20px 0 40px 0;
}

.chart-v3 .chart-container table {
	margin:20px 0;
}

.chart-v3 .source {
	font-size: 1.5rem;
	line-height: 1.4em;
	letter-spacing: -0.2px;
	margin:15px 0;
	color: #4A4A4A;
}

.chart-v3  h1 .source,
.chart-v3  h2 .source,
.chart-v3  h3 .source,
.chart-v3  h4 .source {
	color: #000;
}

.chart-callout {
	font-size: 2.7rem;
	line-height: 1.4em;
	letter-spacing: 0.18px;
	margin:60px 0;
}

/* jquery data bar charts*/
.jquery-data-chart-v3.horizontal-bar-chart .label {
	max-width:15%;
	text-align: right;
	align-self: center;
	padding-left: 0;
	line-height: 1.25em;
}

.jquery-data-chart-v3.horizontal-bar-chart.medium-width-label .label {
	max-width:22%;
}

.jquery-data-chart-v3.horizontal-bar-chart.large-width-label .label {
	max-width:34%;
}

.jquery-data-chart-v3.horizontal-bar-chart .bar-height {
	margin:10px 0;
}

.jquery-data-chart-v3.horizontal-bar-chart .bar-height .bar-height {
	margin:0;
}

.jquery-data-chart-v3.horizontal-bar-chart.medium-bar .bar-height {
	height:36px;
}

.jquery-data-chart-v3.horizontal-bar-chart.medium-bar.two-bar .bar-height {
	height:72px;
}

.jquery-data-chart-v3.horizontal-bar-chart.thick-bar .bar-height {
	height:60px;
}

.jquery-data-chart-v3.horizontal-bar-chart.thick-bar.two-bar .bar-height {
	height: 144px;
}

.jquery-data-chart-v3.horizontal-bar-chart .bar-height.medium-bar .bar {
	height:45px;
}

.jquery-data-chart-v3.horizontal-bar-chart .bar-height.thick-bar .bar {
	height:55px;
}

/*center bar groups with only one bar*/
.jquery-data-chart-v3.horizontal-bar-chart .bar-height > .col > .d-flex:not(.bar) {
	height: 100%;
}

.jquery-data-chart-v3.horizontal-bar-chart .bar {
	background-color: #ccc;
	position: relative;
	flex: 100%;
	max-width:0;
	transition: max-width 1s;
	align-self: center;
	min-height: 35px;
}

.jquery-data-chart-v3.horizontal-bar-chart.two-bar .bar {
	height:50%;
}

.jquery-data-chart-v3.horizontal-bar-chart .value,
.jquery-data-chart-v3.horizontal-bar-chart .value.inside {
	position: absolute;
	right: 10px;
}

.jquery-data-chart-v3.horizontal-bar-chart .value.outside {
	position: absolute;
	left: calc(100% + 10px);
}

/* box charts */
.box-chart .box {
	max-width: 32.3333%;
	background-color: #515151;
	color: #fff;
	padding:40px;
}

.box-chart.custom-box .box {
	max-width: inherit;
	background-color: #515151;
	color: #fff;
	padding:40px;
}

.box-chart .box i {
	font-size: 3.5rem;
}

.box-chart .box .text {
	font-family: "Roboto Condensed";
	font-size: 2.0rem;
	margin:5px 0;
	font-weight: 400;
}

.box-chart .box .value {
	font-size: 2.4rem;
	font-weight: 700;
}

/* doughnut charts */
.doughnut-chart ul  {
	list-style: none;
}

.doughnut-chart ul li:not([class]){
	list-style: none;
	display: block;
}

.doughnut-chart .doughnut-row {
	margin:20px 0 40px 0;
}

.doughnut-chart .doughnut {
	max-width: 30.333%;
	padding:0;
	margin:0;
	position: relative;
}

.doughnut-chart.full-width .doughnut {
	max-width: 100%;
}

.doughnut-chart .doughnut .text-container {
	position: absolute;
}

.doughnut-chart .doughnut i {
	font-size: 3.5rem;
}

.doughnut-chart .doughnut .text,
.doughnut-chart .custom-doughnut .text {
	font-size: 2.0rem;
	font-family: "Open Sans", Arial, Sans-Serif;
	line-height: 1.2em;
	text-align: center;
	font-weight: 600;
}
.doughnut-chart .custom-doughnut .text {
	padding:10px 10px 0 10px;
}

.doughnut-chart .doughnut .value {
	font-size: 3.6rem;
	line-height: 1.4em;
	font-weight: 700;
}

.doughnut-chart.horizontal .doughnut i,
.doughnut-chart.custom-doughnut-chart .labels i {
	font-size: 0.9em;
	padding-right: 8px;
	line-height: 1.8em;
}

.doughnut-chart.horizontal .doughnut {
	max-width: 100%;
	min-width: 100%;
}

.doughnut-chart.horizontal .labels ul,
.doughnut-chart.custom-doughnut-chart .labels ul,
.doughnut-chart.custom-doughnut-chart .labels .blurb {
	margin-left: 15%;
}

.doughnut-chart.horizontal .canvas {
	max-width: 45%;
}

.doughnut-chart.horizontal li,
.doughnut-chart.custom-doughnut-chart li {
	display: block;
	margin-bottom: 10px;
	line-height: 1.3em;
}

.custom-doughnut-chart .blurb {
	margin-bottom: 15px;
}

.custom-doughnut > .row > .single {
	max-width: 45%;
}

.custom-doughnut .pie-center-text {
	display: flex;
	width:100%;
	height: 100%;
	align-content: center;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
}
.custom-doughnut .pie-center-text > div {
	align-self: center;
}

.chart-v3.doughnut-chart .chart-legend {
	margin-bottom: 24px;
}

.custom-doughnut.layout-two	 {
	padding:0 40px;
}

.custom-doughnut.layout-two .canvas {
	max-width: 280px;
}

.custom-doughnut.layout-two .canvas:nth-child(n+3) {
	margin-top:30px;
}

.custom-doughnut.layout-three .canvas:nth-child(n+4) {
	margin-top:30px;
}

/* v3.0 Legend */
.chart-v3 .chart-legend {
	margin-top: 15px;
	margin-bottom: 15px;
}

.chart-v3 .chart-legend .legend-item{
	margin-right: 35px;
	font-size: 1.8rem;
}

.chart-v3 .chart-legend .legend-item .fas{
	margin-right: 5px;
}

.chart-v3 .chart-legend .legend-item .fas.fa-circle {
	margin-right: 8px;
}

.chart-v3 .chart-legend .legend-item:last-of-type{
	margin-right: 0;
}

/* stat - text chart */
.stat-text-chart .number {
	font-size: 4.0rem;
	margin-bottom: 10px;
}

/*====== Third-Party-Administration-Survey Special survey charts chart css*/
.charts h3 {
margin-bottom:10px;
}
.Third-Party-Administration-Survey-2016 .charts div {
	max-width:100%;
}
.Third-Party-Administration-Survey-2016 .charts div div {
	vertical-align:top;
	position:relative;
}
.research-details .headers .research-block h2{
	text-align:left;
	font-family:"Roboto Slab";
    border-bottom: 2px solid #000;
    margin-bottom: 5px;
    padding-bottom: 5px;
	background-color:transparent;
	padding-left:0 !important;
	font-weight:normal;
	font-size:1.4em;
	text-transform:uppercase;
}
.Third-Party-Administration-Survey-2016 h3 {
	display:block;
	margin-bottom:10px;
	text-align:left;
	padding-left:0;
	font-weight:normal;
	font-size:1.1em;
}
.Third-Party-Administration-Survey-2016 .charts p {
	font-size:12px;
	line-height:1.5em;
}
.Third-Party-Administration-Survey-2016 .charts .pie1 {
	width:100%;
	display:inline-block;
	position:relative;
}
.Third-Party-Administration-Survey-2016 .charts .pie1 p {
	text-align:center;
}
.Third-Party-Administration-Survey-2016 .charts .pie234 {
	width:100%;
	display:inline-block;
	margin-top:60px;
	margin-bottom:20px;
}
.Third-Party-Administration-Survey-2016 .charts .pie234 .pie2,
.Third-Party-Administration-Survey-2016 .charts .pie234 .pie3,
.Third-Party-Administration-Survey-2016 .charts .pie234 .pie4{
	width:31%;
	margin:0 2%;
	display:inline-block;
}
.Third-Party-Administration-Survey-2016 .charts .pie234 .pie2,
.Third-Party-Administration-Survey-2016 .charts .pie234 .pie4{
	margin:0;
}
.Third-Party-Administration-Survey-2016 .charts .pie1 .label,
.Third-Party-Administration-Survey-2016 .charts .pie234 .label {
	font-size:3em;
	font-family:"Roboto Slab";
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	pointer-events:none;
}
.Third-Party-Administration-Survey-2016 .charts .pie234 .label {
	font-size:1.5em;
}
.Third-Party-Administration-Survey-2016 .charts .pie1 .local {
	left:31%;
	top:36%;
	line-height:35px;
}
 .Third-Party-Administration-Survey-2016 .charts .pie1 .national {
	left:49%;
	top:49%;
	line-height:35px;
}
 .Third-Party-Administration-Survey-2016 .charts .pie234 h4 {
	text-align:center;
	font-family:"Roboto Slab";
	font-weight:bold;
}
 .Third-Party-Administration-Survey-2016 .charts .pie234 .pie2 .either {
	left:17%;
	top:25%;
}
.Third-Party-Administration-Survey-2016  .charts .pie234 .pie2 .producing {
	color: #5c3996;
	left: 52%;
	top: 7%;
	font-weight:bold;
	width:120px;
}
 .Third-Party-Administration-Survey-2016 .charts .pie234 .pie2 .nonproducing {
	left: 23%;
	top: 49%;
}
.Third-Party-Administration-Survey-2016  .charts .pie234 .pie3 .either {
	left:60%;
	top:25%;
}
.Third-Party-Administration-Survey-2016  .charts .pie234 .pie3 .producing {
	color: #74D5D4;
	left: 41%;
	top: 7%;
	font-weight:bold;
}
 .Third-Party-Administration-Survey-2016 .charts .pie234 .pie3 .nonproducing {
	left: 23%;
	top: 49%;
	
}
 .Third-Party-Administration-Survey-2016 .charts .pie234 .pie4 .either {
	left:20%;
	top:22%;
}
.Third-Party-Administration-Survey-2016  .charts .pie234 .pie4 .producing {
	color: #00AA4F;
	left: 54%;
	top: 7%;
	font-weight:bold;
	width:124px;
}
 .Third-Party-Administration-Survey-2016 .charts .pie234 .pie4 .nonproducing {
	left: 25%;
	top: 49%;
	
}
 .Third-Party-Administration-Survey-2016 .charts .text {
	text-align:left;
	padding-left:0 !important;	
}


/*====== Ten years later pages and chart css =============== */

/*general*/
.ten-years-later  .charts {
	margin-bottom:60px;
}
.ten-years-later  .credit {
	margin-top:60px;
	font-style:italic;
}
.ten-years-later  .charts canvas {
	position:relative;
	z-index:100;
}
.ten-years-later  .chart-container {
	position:relative;
}
.ten-years-later  .chart-container .float {
	position:absolute;
}
.ten-years-later  .chart-container .text p {
	line-height:1.3em;
}
.ten-years-later  .chart-container .text{
	margin:0;
	padding:0;
}
.ten-years-later  .chart-container .animate{
	opacity:0;
	transition:opacity 0.5s;
}
.ten-years-later  .chart-four .chart-container .animate{
	transition:opacity 3s;
}
.ten-years-later .charts.shown  .chart-container .animate{
	opacity:1;
}

.more-to-be-done .charts {
width:38%;
display:inline-block;
vertical-align:top;
}
.more-to-be-done .charts .text {
font-weight:bold;
}
.more-to-be-done .charts.chart-one,
.more-to-be-done .charts.chart-two {
	margin-right:18%;
}
.more-to-be-done .charts.chart-four {
	width:100%;
	margin:0;
}
.more-to-be-done .chart-one .chart-container canvas,
.more-to-be-done .chart-three .chart-container canvas,
.more-to-be-done .chart-five .chart-container canvas,
.more-to-be-done .chart-two .chart-container canvas {
height:200px;
max-height:200px;
}

/*chart3*/
.more-to-be-done .chart-three .chart-container #chart-one{
	width:200px;
}
.more-to-be-done .chart-three .chart-container .text p {
	/*color:#67A580;*/
	color:#000;
}

/*chart2*/
.more-to-be-done .chart-two .chart-container .text p {
	color:#000;
}
.more-to-be-done .chart-two .chart-container .chart-numbers .bar1 {
	bottom: 54%;
	color: #fff;
    font-size: 1.5em;
	left: 15%;
	z-index: 200;
}
.more-to-be-done .chart-two .chart-container .chart-numbers .bar2 {
    bottom: 16%;
    color: #fff;
    font-size: 1.5em;
    left: 61%;
    z-index: 200;
}

/*chart 5*/
.more-to-be-done .chart-five .chart-container .text p {
	/*color:#67A580;*/
	color:#000;
}

/*=== by the numbers page ==*/
.by-the-numbers .chart-container .text {
	font-weight:bold;

}
.by-the-numbers .chart-container .chart-numbers .bar1,
.by-the-numbers .chart-container .chart-numbers .bar2 {
    color: #fff;
    font-family: "Open Sans",Verdana,Geneva,sans-serif;
    font-size: 1.8em;
    font-weight: 400;
    z-index: 200;
}
.by-the-numbers .chart-container .chart-numbers .difference span {
    color: #67a580;
    font-size: 2em;
    padding-left: 5px;
}
.by-the-numbers .chart-container .chart-numbers .difference i {
    background-color: #67a580;
    border-radius: 20px;
    color: #fff;
    font-size: 1em;
    padding: 5px;
	vertical-align:top;
}
.by-the-numbers .ticks  {
 padding:10px 0;
}
.by-the-numbers .ticks span:nth-child(1) {
 display:inline-block;
 margin-left:24%;
}
.by-the-numbers .ticks span:nth-child(2) {
 display:inline-block;
 margin-left:28%;
}
/* chart1 & 2*/
.by-the-numbers .chart-numbers {
	height:0;
}
.by-the-numbers .chart-one .chart-container #chart-one{
	height:120px;
}
.by-the-numbers .chart-one .chart-container{
	width:280px;
	vertical-align:top;
}
.by-the-numbers .chart-one .chart-container .text {
	margin-bottom:60px;
}
.by-the-numbers .chart-size{
	height:220px;
	width:280px;
	position:relative;
}
.by-the-numbers .chart-one .chart-container.left{
	display:inline-block;
	margin-right:20px;
}
.by-the-numbers .chart-one .chart-container.right{
	display:inline-block;
}
.by-the-numbers .chart-one .chart-container .text p {
	color:#000;
}
.by-the-numbers .chart-one .chart-container .chart-numbers .bar1 {
    bottom: 70%;
    left: 18%;
}
.by-the-numbers .chart-one .chart-container .chart-numbers .bar2 {
    bottom: 79%;
    left: 58%;
}
.by-the-numbers .chart-one .chart-container.left .chart-numbers .difference {
    left: 40%;
    top: -15%;
}
.by-the-numbers .chart-one .chart-container.right .chart-numbers .difference {
    left: 35%;
    top: 29%;
}

.by-the-numbers .chart-one .chart-container .chart-numbers .difference span {
    color: #67a580;
    font-size: 2em;
    padding-left: 5px;
}
.by-the-numbers .chart-one .chart-container .chart-numbers .difference i {
    background-color: #67a580;
    border-radius: 20px;
    color: #fff;
    font-size: 1em;
    padding: 5px;
	vertical-align:top;
}

.by-the-numbers .chart-two .chart-container.right .chart-numbers .bar1 {
    bottom: 5%;
    left: 19%;
}
.by-the-numbers .chart-two .chart-container.right .chart-numbers .bar2 {
    bottom: 36%;
    left: 59%;
}

/* chart3 & 4*/
.by-the-numbers .chart-three .chart-container.left .chart-numbers .difference {
    left: 32%;
    top: 54%;
}
.by-the-numbers .chart-three .chart-container.right .chart-numbers .difference {
    left: 35%;
    top: 4%;
}

.by-the-numbers .chart-three.chart-four{
	margin-top:100px;
}
.by-the-numbers .chart-three .chart-container #chart-one{
	height:120px;
}
.by-the-numbers .chart-three .chart-container{
	width:280px;
}
.by-the-numbers .chart-three .chart-container.left{
	display:inline-block;
	margin-right:20px;
	vertical-align:top;
}
.by-the-numbers .chart-three .chart-container.right{
	display:inline-block;
	vertical-align:top;
}
.by-the-numbers .chart-three .chart-container .text p {
	color:#000;
}
.by-the-numbers .chart-three .chart-container .chart-numbers .bar1 {
	bottom: 8%;
	left: 20%;
	color:#DAA53C;
}
.by-the-numbers .chart-three .chart-container .chart-numbers .bar2 {
	bottom: 7%;
	left: 58%;
}

.by-the-numbers .chart-three .chart-container.right .chart-numbers .bar1 {
	bottom: 27%;
	left: 19%;
	color:#fff;
}
.by-the-numbers .chart-three .chart-container.right .chart-numbers .bar2 {
	bottom: 62%;
	left: 58%;
}

/*person chart*/
.more-to-be-done .charts.chart-four .person-chart {
max-width:390px;
}
.more-to-be-done .person-chart .not-enroll {
width:55%;
text-align:center;
margin-right:3%;
display:inline-block;
}
.more-to-be-done .person-chart .enroll {
width:40%;
text-align:center;
display:inline-block;
}
.more-to-be-done .person-chart .person {
width:20%;
max-width:30px;
display:inline-block
}
.more-to-be-done .person-chart .pink .person div {
background-color:#C14E8F;
}
.more-to-be-done .person-chart .pink .text {
color:#C14E8F;
border-color:#C14E8F;
}
.more-to-be-done .person-chart .blue .person div {
background-color:#364A74;
}
.more-to-be-done .person-chart .blue .text {
color:#364A74;
border-color:#364A74;
}
.more-to-be-done .person-chart .person div.head {
border-radius:20px;
margin:0 0 5px 0;
padding:0;
height:30px;
}
.more-to-be-done .person-chart .person.female div.head {
border-radius:20px 20px 0 0;
}
.more-to-be-done .person-chart .person div.body {
border-radius:10px 10px 0 0;
margin:0 1px;
padding:0;
height:65px;
}
.more-to-be-done .person-chart .text {
	border-width:2px;
	border-style:solid;
border-radius:10px;
margin:0;
padding:0;
padding:5px 20px;
text-align:center;
}

.ten-years-later  .timeline-image{
	max-width:30%;
	display:inline-block;
	vertical-align:top;
}
.ten-years-later  .timeline-text{
	max-width:68%;
	display:inline-block;
	vertical-align:top;
}
.ten-years-later  .timeline-text ol li{
	list-style-type:none !important;
	position:relative;
}
.ten-years-later  .timeline-text h3{
	font-weight:bold;
	font-family:"Open Sans",Verdana,Geneva,sans-serif;
	color:#000;
}
.ten-years-later  .timeline-text p{
	font-size:1em !important;
	line-height: 1.5em !important;
}
.ten-years-later  .timeline-text ol li:nth-child(2){
	top:38px;
}
.ten-years-later  .timeline-text ol li:nth-child(3){
	top:58px;
}
.ten-years-later  .timeline-text ol li:nth-child(4){
	top:64px;
}

.ten-years-later  .timeline-text ol li:nth-child(5){
	top:107px;
}

.ten-years-later  .timeline-text ol li:nth-child(6){
	top:201px;
}

.ten-years-later  .timeline-text ol li:nth-child(7){
	margin-top:287px;
}



/*================= stock plan administration survey charts ===========*/
/*general*/
.stock-plan-administration-survey  .charts {
	margin-bottom:60px;
}
.stock-plan-administration-survey  .charts canvas {
	position:relative;
	z-index:100;
}
.stock-plan-administration-survey  .chart-container {
	position:relative;
}
.stock-plan-administration-survey  .chart-container .float {
	position:absolute;
}
.stock-plan-administration-survey  .chart-container .text p {
	line-height:1.3em;
	color:inherit;
	font-weight:600;
}
.stock-plan-administration-survey  .chart-container .text{
	margin:0;
	padding:0;
}
.stock-plan-administration-survey  .chart-container .animate{
	opacity:0;
	transition:opacity 0.5s;
}
.stock-plan-administration-survey .charts.shown  .chart-container .animate{
	opacity:1;
}
.stock-plan-administration-survey .tbc{
margin-top:20px;
}
.stock-plan-administration-survey .tbc .left,
.stock-plan-administration-survey .tbc .right{
	width:25%;
	display:inline-block;
	vertical-align:top;
}
.stock-plan-administration-survey .tbc .left {
float:left;
}
.stock-plan-administration-survey .tbc .right {
margin-left:175px;
}
.stock-plan-administration-survey .tbc .tbc-one,
.stock-plan-administration-survey .tbc .tbc-two,
.stock-plan-administration-survey .tbc .tbc-three,
.stock-plan-administration-survey .tbc .tbc-four {
position:relative;
}
.stock-plan-administration-survey .tbc .tbc-one,
.stock-plan-administration-survey .tbc .tbc-three {
margin-bottom:0px;
}
.stock-plan-administration-survey .tbc .tbc-one .text {
left:105%;
top:47%;
color:#3B57A2;
}
.stock-plan-administration-survey .tbc .number {
color: #fff;
font-size: 2.2em;
font-weight: bold;
position: absolute;
width: 100px;
z-index: 200;
}
.stock-plan-administration-survey .tbc .tbc-one .number {
left: 34%;
top: 34%;
}
.stock-plan-administration-survey .tbc .tbc-two .text {
left:105%;
top:47%;
color:#ED2573;
}
.stock-plan-administration-survey .tbc .tbc-two .number {
left: 32%;
top: 15%;
}

.stock-plan-administration-survey .tbc .tbc-three .text {
left:56%;
top:34%;
color:#8D294B;
z-index:200;
width:110px;
}
.stock-plan-administration-survey .tbc .tbc-three .number {
left: 17%;
top: 25%;
}

.stock-plan-administration-survey .tbc .tbc-four .text {
left:56%;
top:42%;
color:#73B05E;
z-index:200;
width:110px;
}
.stock-plan-administration-survey .tbc .tbc-four .number {
left: 12%;
top: 35%;
}


.stock-plan-administration-survey .tbc .chart-container .line{
width:11px;
height:1px;
background-color:#000;
position:absolute;
top:8px;
left:-12px;
}

.stock-plan-administration-survey .charts.mfo{
	padding:20px;
	margin-bottom:80px;
}
.stock-plan-administration-survey .charts.mfo .footnote{
	display:block;
	clear:both;
}
.stock-plan-administration-survey .mfo .legend{
	margin-bottom:20px;
}
.stock-plan-administration-survey .mfo .legend p{
	display:inline-block;
}
.stock-plan-administration-survey .mfo .legend div{
	display:inline-block;
	font-size:1.4em;
	margin-right:10px;
	vertical-align:middle;
}
.stock-plan-administration-survey .mfo .legend  .box{
	display:inline-block;
	width:10px;
	height:15px;
	margin-right:5px;
}
.stock-plan-administration-survey .mfo .chart-area div.web,
.stock-plan-administration-survey .mfo .web .box{
	background-color:#F2D138;
	color:#F2D138;
}
.stock-plan-administration-survey .mfo .chart-area div.ios,
.stock-plan-administration-survey .mfo .ios .box{
	background-color:#3B57A2;
	color:#3B57A2;
}
.stock-plan-administration-survey .mfo .chart-area div.android div,
.stock-plan-administration-survey .mfo .android .box{
	background-color:#73B05E;
	color:#3B57A2;
}
.stock-plan-administration-survey .mfo .chart-area div.android div {
position:absolute;
bottom:0;
left:0;
}
.stock-plan-administration-survey .mfo .chart-area div.android.off div {
display:none;
}
.stock-plan-administration-survey .mfo .chart-area div.android .head {
border-radius:20px 20px 0 0;
width:100%;
height:20%;
bottom:80%;
}
.stock-plan-administration-survey .mfo .chart-area div.android .body {
    border-radius: 3px;
    bottom: 23%;
    height: 53%;
    padding: 0;
    width: 100%;
}
.stock-plan-administration-survey .mfo .chart-area div.android .l-arm {
    border-radius: 20px;
    bottom: 34%;
    height: 40%;
    left: -21%;
    padding: 0;
    width: 18%;
}
.stock-plan-administration-survey .mfo .chart-area div.android .r-arm {
    border-radius: 20px;
    bottom: 34%;
    height: 40%;
    right: -21%;
    padding: 0;
    width: 18%;
	left:auto;
}
.stock-plan-administration-survey .mfo .chart-area div.android .l-leg {
    border-radius: 20px;
    bottom: 0;
    height: 40%;
    left: 21%;
    padding: 0;
    width: 22%;
}
.stock-plan-administration-survey .mfo .chart-area div.android .r-leg {
    border-radius: 20px;
    bottom: 0;
    height: 40%;
    right: 21%;
    left:auto;
    padding: 0;
    width: 22%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group {
width:11%;
margin-right:1.6%;
display:inline-block;
position:relative;
height:130px;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:last-child {
margin-right:0;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(1) {
width:12%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(2) {
width:10%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(3) {
width:9%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(4) {
width:11%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(5) {
width:11%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(6) {
width:10%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(7) {
width:10%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(8) {
width:9%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div {
position:relative;
width:31%;
display:inline-block;
border-radius:8px;
position:absolute;
bottom:0;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div.web .phone {
    background-color: #f7e598;
    border-radius: 3px;
    height: 80%;
    width: 88%;
	left:6%;
	bottom:13%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div span {
position:absolute;
top:0;
left:0;
font-size:0.9em;
font-weight:600;
color:#fff;
width:50px;
margin-left:-25px;
text-align:center;
z-index:100;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div.web span {
	font-size:1.2em;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div.ios span {
	font-size:1em;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div.android span {
	font-size:0.8em;
}

.stock-plan-administration-survey .mfo .chart-area .bar-group div.web span {
left:50%;
top:7%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div.ios span {
left:45%;
top:0%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div.android span {
left:50%;
top:26%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div.android.off span {
color:#73B05E;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div.web {
	width:65%;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div.ios {
	width:60%;
	right:20%;
	border-radius:10px;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group div.android {
	width:30%;
	right:0;
	border-radius:15px;
}


.stock-plan-administration-survey .mfo .chart-area .bar-group div {
	animation-delay: 1s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}


.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(1) div.web {
	animation-name:bargrow1-1;
}

.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(1) div.ios {
	animation-name:bargrow1-2;
}

.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(1) div.android {
	animation-name:bargrow1-3;
}

.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(2) div.web {
	animation-name:bargrow2-1;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(2) div.ios {
	animation-name:bargrow2-2;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(2) div.android {
	animation-name:bargrow2-3;
}


.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(3) div.web {
	animation-name:bargrow3-1;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(3) div.ios {
	animation-name:bargrow3-2;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(3) div.android {
	animation-name:bargrow3-3;
}

.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(4) div.web {
	animation-name:bargrow4-1;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(4) div.ios {
	animation-name:bargrow4-2;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(4) div.android {
	animation-name:bargrow4-3;
}

.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(5) div.web {
	animation-name:bargrow5-1;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(5) div.ios {
	animation-name:bargrow5-2;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(5) div.android {
	animation-name:bargrow5-3;
}

.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(6) div.web {
	animation-name:bargrow6-1;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(6) div.ios {
	animation-name:bargrow6-2;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(6) div.android {
	animation-name:bargrow6-3;
}


.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(7) div.web {
	animation-name:bargrow7-1;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(7) div.ios {
	animation-name:bargrow7-2;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(7) div.android {
	animation-name:bargrow7-3;
}

.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(8) div.web {
	animation-name:bargrow8-1;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(8) div.ios {
	animation-name:bargrow8-2;
}
.stock-plan-administration-survey .mfo .chart-area .bar-group:nth-child(8) div.android {
	animation-name:bargrow8-3;
}
@keyframes bargrow1-1 {from{height:0;}to{height:100%;}}
@keyframes bargrow1-2 {from{height:0;}to{height:57%;}}
@keyframes bargrow1-3 {from{height:0;}to{height:43%;}}

@keyframes bargrow2-1 {from{height:0;}to{height:86%;}}
@keyframes bargrow2-2 {from{height:0;}to{height:14%;}}
@keyframes bargrow2-3 {from{height:0;}to{height:0%;}}

@keyframes bargrow3-1 {from{height:0;}to{height:67%;}}
@keyframes bargrow3-2 {from{height:0;}to{height:17%;}}
@keyframes bargrow3-3 {from{height:0;}to{height:17%;}}

@keyframes bargrow4-1 {from{height:0;}to{height:83%;}}
@keyframes bargrow4-2 {from{height:0;}to{height:33%;}}
@keyframes bargrow4-3 {from{height:0;}to{height:33%;}}

@keyframes bargrow5-1 {from{height:0;}to{height:86%;}}
@keyframes bargrow5-2 {from{height:0;}to{height:29%;}}
@keyframes bargrow5-3 {from{height:0;}to{height:29%;}}

@keyframes bargrow6-1 {from{height:0;}to{height:60%;}}
@keyframes bargrow6-2 {from{height:0;}to{height:20%;}}
@keyframes bargrow6-3 {from{height:0;}to{height:20%;}}

@keyframes bargrow7-1 {from{height:0;}to{height:83%;}}
@keyframes bargrow7-2 {from{height:0;}to{height:33%;}}
@keyframes bargrow7-3 {from{height:0;}to{height:17%;}}

@keyframes bargrow8-1 {from{height:0;}to{height:50%;}}
@keyframes bargrow8-2 {from{height:0;}to{height:0%;}}
@keyframes bargrow8-3 {from{height:0;}to{height:0%;}}


/*====== tdf-survey charts */
.tdf-survey .charts {
margin-bottom:60px;
}

.stock-plan-administration-survey .mfo .chart-area .bar-group div.zero span {
top:-15px;
color:inherit;
}

.stock-plan-administration-survey .mfo .chart-area .bar-group div.off span {
left:95%;
}


.stock-plan-administration-survey .mfo .chart-area .bar-group div.label {
position:absolute;
width:100%;
height:90px;
vertical-align:top;
font-size:1em;
bottom:-100px;
}

/*===Upfront Charts ===============
================================*/

/*set up animations*/
.upfront-charts .lis .bar-container .bar .b,
.upfront-charts .lis .bar-container .bar .g,
.upfront-charts .rpba .bar-container .bar-adjust > div.bar,
.upfront-charts .value {
	transition:all 1s;
}
.upfront-charts .lis .bar-container .bar .b {
	transition-delay:0.8s;
}
.upfront-charts .lis.off .bar-container .bar .b,
.upfront-charts .lis.off .bar-container .bar .g,
.upfront-charts .rpba.off .bar-container .bar-adjust > div.bar {
	height:0% !important;
}
.upfront-charts .off .value {
opacity:0;
}

.upfront-charts .chart {
	margin-bottom:80px;
}
.upfront-charts .lis .bar-container {
	width:33%;
	display:inline-block;
}
.upfront-charts .lis .bar-container .bar {
	width:30%;
	height:200px;
	display:inline-block;
	position:relative;
}

.upfront-charts .lis .bar-container .bar .b {
	background-color:#BCDFDD;
	height:100%;
	width:100%;
	position:absolute;
	bottom:0;
}
.upfront-charts .lis .bar-container .bar .g {
	background-color:#649940;
	height:100%;
	width:100%;
	position:absolute;
	bottom:0;
}
.upfront-charts .lis .bar-container .bar .value {
    bottom: 1%;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    left:0;
    position: absolute;
	width:100%;
	text-align:center;
}
.upfront-charts .lis .bar-container:nth-child(1) .bar > div:nth-child(1) {
	height:39%;
	position:relative;
}
.upfront-charts .lis .bar-container:nth-child(1) .bar > div:nth-child(2) {
	height:61%;
	position:relative;
}
.upfront-charts .lis .bar-container:nth-child(2) .bar > div:nth-child(1) {
	height:50%;
	position:relative;
}
.upfront-charts .lis .bar-container:nth-child(2) .bar > div:nth-child(2) {
	height:50%;
	position:relative;
}
.upfront-charts .lis .bar-container:nth-child(3) .bar > div:nth-child(1) {
	height:50%;
	position:relative;
}
.upfront-charts .lis .bar-container:nth-child(3) .bar > div:nth-child(2) {
	height:50%;
	position:relative;
}
.upfront-charts .lis .bar-container .text {
	width:60%;
	display:inline-block;
	line-height:1.2em;
	font-size:14px;
	vertical-align:top;
}

.upfront-charts .rpba h4{
	font-size:1.6em;
	line-height:1.2em;
	text-align:center;
	font-weight:normal;
	margin-bottom:20px;
}
.upfront-charts .rpba .bar-container{
	width:45%;
	margin-right:4%;
	display:inline-block;
	vertical-align:top;
	height:300px;
	position:relative;
}
.upfront-charts .rpba .bar-container:last-child{
	margin-right:0;
}

.upfront-charts .rpba .bar-container .border-box{
	width:100%;
	height:20px;
	border:1px solid #000;
	border-bottom:none;
}
.upfront-charts .rpba .bar-container .p{
	width:100%;
	height:100%;
	background-color:#8F298D;
}
.upfront-charts .rpba .bar-container .o{
	width:100%;
	height:100%;
	background-color:#E66727;
}
.upfront-charts .rpba .bar-container .b{
	width:100%;
	height:100%;
	background-color:#20A8A0;
}
.upfront-charts .rpba .bar-container .bar-adjust{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:200px;
}
.upfront-charts .rpba .bar-container .bar-adjust > div.bar{
	width:33%;
	position:absolute;
	bottom:0;
	display:inline-block;
}
.upfront-charts .rpba .bar-container .bar-adjust > div.bar:nth-child(1){
	left:0%;
}
.upfront-charts .rpba .bar-container .bar-adjust > div.bar:nth-child(2){
	left:33%;
}
.upfront-charts .rpba .bar-container .bar-adjust > div.bar:nth-child(3){
	left:66%;
}
.upfront-charts .rpba .bar-container .bar-adjust > div.bar span{
	width:100%;
	padding-top:5px;
	text-align:center;
	display:block;
	font-size:1.2em;
	line-height:1.2em;
}
.upfront-charts .rpba .bar-container .bar-adjust > div.bar span.value{
	vertical-align:top;
	padding:0;
	margin:0;
	font-size:1.8em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	position:relative;
	height:0;
	z-index:10;
}
.upfront-charts .rpba .bar-container:nth-child(1) .bar-adjust > div.bar:nth-child(1){
	height:45%;
}
.upfront-charts .rpba .bar-container:nth-child(1) .bar-adjust  > div.bar:nth-child(2){
	height:55%;
}
.upfront-charts .rpba .bar-container:nth-child(1) .bar-adjust  > div.bar:nth-child(3){
	height:97%;
}

.upfront-charts .rpba .bar-container:nth-child(2) .bar-adjust  > div.bar:nth-child(1){
	height:94%;
}
.upfront-charts .rpba .bar-container:nth-child(2) .bar-adjust  > div.bar:nth-child(2){
	height:85%;
}
.upfront-charts .rpba .bar-container:nth-child(2) .bar-adjust  > div.bar:nth-child(3){
	height:100%;
}


.upfront-charts .fhci .pie{
	width:33%;
	display:inline-block;
	position:relative;
}

.upfront-charts .fhci .top-row{
	margin-bottom:20px;
}

.upfront-charts .fhci .pie span{
    display: block;
    font-size: 1.2em;
    line-height: 1.2em;
    position: absolute;
    right: -5px;
    top: 0;
    width: 105px;
    z-index: 10;
}

.upfront-charts .fhci .pie span span{
	font-size:1.6em;
	position:static;
}

/*===== Upfront charts again
=============================*/
.ps1116-chart td,
.ps1116-chart td:hover,
.ps1116-chart tr:hover td,
.ps1116-chart th,
table.ps1116-chart {
border:none !important;
padding:0 !important;
background-color:transparent !important;
width:auto !important;
text-align:center !important;
}
.article-page .text table.ps1116-chart,
table.ps1116-chart {
width:30% !important;
margin:40px 1%;
float:left;
}
/* removed to allow spacer to be 10px
.article-page .text table.ps1116-chart td {
min-width:30px;
}*/
.ps1116-uf.tbltfw td {
	min-width:0px !important;
}
.ps1116-uf .legend div {
	display:inline-block;
	margin-right:20px;
}
.ps1116-uf td {
	vertical-align:top;
}
.ps1116-uf .legend .box {
	width:10px;
	height:10px;
	margin-right:5px;
}
.ps1116-chart .blue,
.ps1116-uf .blue {
	background-color:#55BCB8;
}
.ps1116-chart .green,
.ps1116-uf .green {
	background-color:#BFC44C;
}
.ps1116-chart .purple,
.ps1116-uf .purple {
	background-color:#483052;
}
.ps1116-chart .lbrown,
.ps1116-uf .lbrown {
	background-color:#9C7951;
}
.ps1116-chart .brown,
.ps1116-uf .brown {
	background-color:#695B4E;
}
.ps1116-chart .blue-text {
	color:#55BCB8;
}
.ps1116-chart .green-text {
	color:#BFC44C;
}
.article-page .text table.ps1116-chart td.spacer {
	width:10px;
	min-width:10px;
}
.ps1116-chart .bar .number {
    color: #fff;
    display: block;
    font-size: 2.3em;
    line-height: 1em;
    padding: 5px;
    text-align: center;
}
.ps1116-chart.tbltfw .bar .number {
	font-size:1em;
}
.ps1116-chart .bar .number.outside {
	position:relative;
	top:-40px;
}
.ps1116-chart .bar-height {
	height:140px;
	min-width:38px;
	position:relative;
	margin-bottom:5px;
	width:100%;
}
.ps1116-chart .bar {
	position:absolute;
	bottom:0;
	width:100%;
}
.ps1116-chart .legend-bar {
	height:100% !important;
	font-size:1em;
	color:#000 !important;
	position:relative;
}
.ps1116-chart .vertical-text {
    bottom: 77px;
    left: -50px;
    position: absolute;
    text-align: left;
    transform: rotate(-90deg);
    width: 140px;
	line-height:0;
}

.dc2016-chart table,
.dc2016-chart table td {
    background-color:transparent;
    border:none;
    margin-bottom:0;
	padding-left:0;
	padding-right:0;
}
.dc2016-chart .bar-height {
	height:140px;
	min-width:100%;
	position:relative;
	margin-bottom:5px;
}
.dc2016-chart .bar {
	position:absolute;
	bottom:0;
	width:90%;
	margin:0 5%;
	background-color:#00A459;
}
.dc2016-chart .bar .number {
    color: #fff;
    display: block;
    font-size: 1.5em;
    line-height: 1em;
    padding: 5px;
    text-align: center;
}

.dc2016-chart table th {
	padding-top:25px !important;
	padding-bottom: 0 !important;
}

.dc2016-chart table td {
	width: 13%;
	text-align: center !important;
	border: none !important;
	font-size: 1.5rem !important;
	padding-bottom: 0 !important;
}

.dc2016-chart th,
.dc2016-chart td,
.dc2016-chart .dc2016-chart.rl th:hover,
.dc2016-chart .dc2016-chart.rl td:hover {
	background-color: transparent !important;
}

/* DC 2016 SURVEY */

/**
 * Make sure diamond icons are correct size
 * and stop them from forcing numbers left
 * and out of alignment
 */

.survey_table td {
    position: relative;
}

table img[src$="diamond.png"] {
    width: auto!important;
    top: 5px;
    left: 2px;
    position: relative;
}

div.dc2016-chart {
    margin-bottom: 10px;
}


/* PS1216 Chart */

.block-chart .block {
display:inline-block;
color:#fff;
font-size:15px;
line-height:20px;
vertical-align:top;
font-weight:600;
padding:1%;	
}

.block-chart.four-row .block {
width:22%;
margin:0 1% 1% 0;
}
.block-chart.four-row .block:nth-child(4) {
margin-right:0;
}

.ps1216-chart .block {
background-color:#CD862A;
min-height:85px;
}
.ps1216-chart.pdb .legend div{
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}
.ps1216-chart.pdb .legend .rip .fa{
	color:#995270;
}
.ps1216-chart.pdb .legend .ao .fa{
	color:#BEC7D8;
}
.ps1216-chart.pdb .legend .tc .fa{
	color:#4B7293;
}
.ps1216-chart.pdb .bottom-row{
	text-align:center;
}
.ps1216-chart.pdb .top-row div,
.ps1216-chart.pdb .bottom-row div{
	width:32%;
	display:inline-block;
	position:relative;
}
.ps1216-chart.pdb .top-row div:last-child{
	margin-right:0;
}
.ps1216-chart.pdb div .label{
    height: 25px;
    left: 50%;
    margin-left: -23px;
    margin-top: -12px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 45px;
	font-weight:bold;
	font-size:18px;
}
.ps1216-chart.kfeyp .legend div{
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}
.ps1216-chart.kfeyp .legend div:nth-child(1) .fa{
	color:#B8E3EC;
}
.ps1216-chart.kfeyp .legend div:nth-child(2) .fa{
	color:#86CFC4;
}
.ps1216-chart.kfeyp .legend div:nth-child(3) .fa{
	color:#F0EE89;
}

.ps1216-chart.kfeyp .age-block {
	width:15%;
	margin-right:1%;
	display:inline-block;
	vertical-align:top;
}
.ps1216-chart.kfeyp .line {
	border-bottom:3px dotted #cccccc;
	height:1px;
	position:relative;
	top:15px;
	width:100%;
	z-index:3;
}
.ps1216-chart.kfeyp .fa {
	z-index:5;
	position:relative;
}
.ps1216-chart.kfeyp .age-block.long {
	width:24%;
	margin-right:0;
}
.ps1216-chart.kfeyp .age-block p {
	height:90px;
	line-height:20px;
}
.ps1216-chart.kfeyp .bar-height{
	height:100px;
	vertical-align:bottom;
}
.ps1216-chart.kfeyp .bar-height .bar.blue{
	background-color:#B8E3EC;
}
.ps1216-chart.kfeyp .bar-height .bar.teal{
	background-color:#86CFC4;
}
.ps1216-chart.kfeyp .bar-height .bar.yellow{
	background-color:#F0EE89;
}
.ps1216-chart.kfeyp .bar-height .bar.stripe{
	background: repeating-linear-gradient(
	  45deg,
	  #B8E3EC,
	  #B8E3EC 3px,
	  #86CFC4 3px,
	  #86CFC4 6px
	);
}
.ps1216-chart.rphbmaffwf .circle-container{
    height: 250px;
    width: 250px;
    margin: 0;
    padding: 0 !important;
    position: relative;
	display:inline-block;
}
.ps1216-chart.rphbmaffwf .circle-container.small{
    height: 150px;
    width: 150px;
	vertical-align:bottom;
}
.ps1216-chart.rphbmaffwf .text{
    color: #fff;
    font-size: 23px;
    line-height: 1.5em;
    margin: 0;
    padding: 13% 0 !important;
    position: relative;
    text-align: center;
    z-index: 5;
}
.ps1216-chart.rphbmaffwf .small .text{
    font-size: 20px;
}
.ps1216-chart.rphbmaffwf .text span{
	font-size:2.2em;
	font-weight:bold;
	line-height:1em;
}
.ps1216-chart.rphbmaffwf .circle{
    border-radius: 65%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.ps1216-chart.rphbmaffwf .circle.pink{
	background-color:#D99AA2;
}
.ps1216-chart.rphbmaffwf .circle.blue{
	background-color:#A5B2C2;
}

/* PAJF17 Chart */
.ps217-chart .chart-container {
	position:relative;
	margin-top:25px;
}
.ps217-chart .pie-blocks {
	display:inline-block;
}
.ps217-chart .text-blocks {
	display:inline-block;
	padding-left:270px;
}

.ps217-chart .pie-blocks .circle{
	width:100px;
	height:100px;
	background-color:#000;
	border-radius:1000px;
	position:absolute;
	top:0;
}
.ps217-chart .pie-blocks .circle.lg{
	width:100px;
	height:100px;
	left:0;
	background-color:#A0B747;
	z-index:10;
}
.ps217-chart .pie-blocks .circle.dg{
	width:200px;
	height:200px;
	left:45px;
	background-color:#538C64;
}
.ps217-chart .text-blocks div {
	font-size:20px;
	margin-bottom:20px;
	padding-left:40px;
}
.ps217-chart .left {
	width:45%;
	display:inline-block;
}
.ps217-chart .right {
	width:53%;
	display:inline-block;
	padding-left:0;
	vertical-align:top;
	margin-top:70px;
}
.ps217-chart .right > div {
	padding-left:0;
}
.ps217-chart .text-blocks div.dg {
	color:#538C64;
}
.ps217-chart .text-blocks div.lg {
	color:#A0B747;
}
.ps217-chart .text-blocks div.gr {
	color:#B8A391;
}
.ps217-chart .text-blocks div.rd {
	color:#DD7C51;
}
.ps217-chart .text-blocks div strong {
	font-size:1.4em;
}
.ps217-chart.iompaswirhpjpidcpcwoswotirlpjwp .left  {
	padding:0;
	margin:40px 0 0 0;
	width:30%;
	vertical-align:top;
}
.ps217-chart.iompaswirhpjpidcpcwoswotirlpjwp .left div  {
	padding:0;
}
.ps217-chart.iompaswirhpjpidcpcwoswotirlpjwp .right  {
	padding:0;
	margin:40px 0 0 0;
	width:30%;
}
.ps217-chart.iompaswirhpjpidcpcwoswotirlpjwp .pie-blocks  {
	height:200px;
	position:relative;
	width:35%;
}
.ps217-chart.iompaswirhpjpidcpcwoswotirlpjwp .pie-blocks .circle.lg  {
    background-color: #000000;
    bottom: 100px;
    height: 70px;
    left: -30px;
    width: 70px;
    z-index: 10;
}
.ps217-chart.iompaswirhpjpidcpcwoswotirlpjwp .pie-blocks .circle.dg  {
    background-color: #6C6647;
    height: 200px;
    left: 0;
    width: 200px;
}


.ps217-chart.hyromatyrpitly .pie-blocks .circle.lg{
	width:80px;
	height:80px;
	bottom:50%;
	margin-top:60px;
}
.ps217-chart.hyromatyrpitly .pie-blocks .circle.dg{
	width:200px;
	height:200px;
}
.ps217-chart.wyrwilatmvdoryrp .pie-blocks .circle.lg{
	width:120px;
	height:120px;
	bottom:50%;
	margin-top:40px;
}
.ps217-chart.wyrwilatmvdoryrp .pie-blocks .circle.dg{
	width:200px;
	height:200px;
}

.ps217s-chart .bar-height {
	height:180px;
}
.ps217s-chart .bar .number {
	font-size:30px;
}
.ps217s-chart .bar .number.outside {
	font-size:15px;
}
.ps217s-chart.atfc .bar .number.outside {
	font-size:22px;
	top:-30px;
}
.ps217s-chart .bar.r,
.ps217s-chart .bar.red {
	background-color:#D6512D;
}
.ps217s-chart .bar.yellow,
.ps217s-chart .bar.y {
	background-color:#F0DC5D;
}
.ps217s-chart .bar.green,
.ps217s-chart .bar.g {
	background-color:#00A459;
}
.ps217s-chart .bar.blue,
.ps217s-chart .bar.b {
	background-color:#AFCACD;
}

.ball-chart .bar {
	background-color:#fff;
	position:static;
}
.ball-chart .bar-height{
	height:100px;
}
.ball-chart .ball-number {
	text-align:center;
	font-size:40px;
	padding:5px 0;
}
.ball-chart .ball-container {
	position:absolute;
	bottom:0;
	width:100%;
}
.ball-chart .ball-container .ball-row {
	text-align:center;
	display:block;
}
.ball-chart .ball-container .ball-row .fa-circle {
	font-size:13px;
	margin-right:5px;
}
.ball-chart .ball-container .ball-row .fa-circle:last-child {
	margin-right:0;
}

.ball-chart .ball-container.red,
.legend .red {
	color:#D6512D;
}
.ball-chart .ball-container.yellow,
.legend .yellow {
	color:#F0DC5D;
}
.ball-chart .ball-container.blue,
.legend .blue {
	color:#AFCACD;
}


/* PS217 DB FOCUS Chart */
.ps217db-chart .bar.g {
background-color:#007269;
}
.ps217db-chart .number{
color:#007269;
}
.ps217db-chart .guide{
height:2px;
background-color:#ccc;
width:100%;
position:absolute;
bottom:0;
border:none;
margin:0;
padding:0;
z-index:3;
}
.ps217db-chart .guide1{
bottom:33px;
}
.ps217db-chart .guide2{
bottom:40%;
}
.ps217db-chart .guide3{
bottom:59%;
}
.ps217db-chart .guide4{
bottom:84%;
}
.ps217db-chart.table-chart table{
	margin-bottom:0;
}
.ps217db-chart.table-chart th{
	background-color:#60AA9A;
	color:#fff;
	border-bottom:3px solid #fff !important;
	text-align:center;
}
.ps217db-chart.table-chart td{
	background-color:#DBE7E4;
	color:#000;
	border-right:2px solid #fff !important;
	border-bottom:2px solid #fff !important;
}
.ps217db-chart.table-chart th,
.ps217db-chart.table-chart td{
	padding:15px 10px;
}
.ps217db-chart.table-chart td:first-child{
	color:#60AA9A;
}
.ps217db-chart.table-chart td:last-child{
	border-right:none;
}
.ps217db-chart.table-chart .fa-arrow-up{
	color:#60AA9A;
}
.ps217db-chart.table-chart .fa-arrow-down{
	color:#AA2723;
}
.ps217db-chart.table-chart .fa-arrow-left,
.ps217db-chart.table-chart .fa-arrow-right{
	color:#2D8EBF;
}

/* ps317uf charts*/
.ps317uf-chart.aveb .number{
	font-size:18px;
}
.ps317uf-chart.aveb .bar.p{
	background-color:#FFAAFF;
}
.ps317uf-chart.aveb .bar.p .number{
	color:#000000;
}
.ps317uf-chart.aveb .bar.o,
.ps317uf-chart.pothssf .bar.o{
	background-color:#FFDD78;
}
.ps317uf-chart.aveb .bar.o .number{
	color:#000000;
}

.ps317uf-chart.aveb .legend-block .p{
	color:#FFAAFF;
}

.ps317uf-chart.aveb .legend-block .o{
	color:#FFDD78;
}


.ps317uf-chart.dydcpdafswar table{
	margin-bottom:10px;
}
.ps317uf-chart.dydcpdafswar table tr th {
	background-color:#808284;
	color:#fff;
	padding:10px 10px;
	text-align:right;
}
.ps317uf-chart.dydcpdafswar table tr td {
	border:none;
	text-align:right;
	padding:10px 10px;
}
.ps317uf-chart.dydcpdafswar table tr:nth-child(odd) td {
	background-color:#EEEFF0;
}
.ps317uf-chart.dydcpdafswar table tr:nth-child(even) td {
	background-color:#E1E2E4;
}
.ps317uf-chart.dydcpdafswar table tr td:first-child,
.ps317uf-chart.dydcpdafswar table tr th:first-child {
	border-left:4px solid #000;
	text-align:left;
}

.ps317uf-chart.pothssf .number {
	font-size:20px;
}


/*==== ps317-bic charts ====*/
.ps317bic-chart{
	margin-bottom:20px;
}
.ps317bic-chart .bar.y{
	background-color:#FFB143;
}
.ps317bic-chart .bar.p{
	background-color:#141F3A;
}
.ps317bic-chart .bar.y .number,
.ps317bic-chart .bar.p .number.outside{
	color:#000000;
}
.ps317bic-chart .legend {
	width:150%;
}
.ps317bic-chart .legend-block .y{
	color:#FFB143;
}
.ps317bic-chart .legend-block .p{
	color:#141F3A;
}

.ps317bic-chart .bar.p .number{
	color:#ffffff;
}

.ps317bic-chart .text{
	font-size:12px;
}

/*==== ps517-db charts ====*/
.ps517db-chart .colored-block {
	width: 24%;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 15px 0;
	background-color: #ccc;
	line-height: 20px;
	vertical-align: bottom;
	max-height:90px;
}
.ps517db-chart .colored-block span {
	display:block;
	font-weight:600;
	font-size:20px;
}
.ps517db-chart .colored-block span small {
	line-height:0;
}
.ps517db-chart .og {
	background-color: #F7931D;
}
.ps517db-chart .bl {
	background-color: #27261B;
}
.ps517db-chart .rd {
	background-color: #BF3526;
}
.ps517db-chart .grn {
	background-color: #527334;
}
/*
.ps517db-chart img{
	max-width:600px;
}*/

.xxs-size .ps517db-chart .colored-block {
	font-size:14px;
}
.xxs-size .ps517db-chart .colored-block span{
	font-size:16px;
}


/*==== ps517-uf charts ====*/
.ps517uf-chart .bar-height {
	height:300px;
}
.ps517uf-chart .bar.g {
	background-color:#8CC63E;
}
.ps517uf-chart .bar.b {
	background-color:#4D93AB;
}

.ps517uf-chart .chart-text {
	position:absolute;
	left:0;
	bottom:180px;
	width:450px;
	z-index:100;
}
.ps517uf-chart .legend .legend-block .g{
	color:#8CC63E;
}
.ps517uf-chart .legend .legend-block .b{
	color:#4D93AB;
}

.ps517uf-chart .box{
	display:inline-block;
	width:41%;
	padding:4%;
	background-color:#cccccc;
	color:#fff;
	font-size:12px;
}
.ps517uf-chart .box.orange{
	background-color:#FBAF3F;
}
.ps517uf-chart .box.green{
	background-color:#AAC46D;
}

.ps517uf-chart .fa{
	color:#ffffff;
	font-size:20px;
}
.ps517uf-chart li{
	display:block;
	border-bottom:1px solid #000000;
	font-size:16px !important;
	padding-bottom:5px;
	margin-bottom:5px !important;
	margin-left:0 !important;
	line-height:22px !important;
}
.ps517uf-chart li:last-child{
	border-bottom:none;
}

/*==== ps617-chart charts ====*/
.ps617-chart .bar.p {
	background-color:#9794C7;
}
.ps617-chart .bar.g {
	background-color:#00735E;
}
.ps617-chart .bar.r {
	background-color:#C62466;
}
.ps617-chart .bar.b {
	background-color:#2C2C7A;
}
.ps617-chart .fa.p {
	color:#9794C7;
}
.ps617-chart .fa.g {
	color:#00735E;
}
.ps617-chart .fa.r {
	color:#C62466;
}
.ps617-chart .fa.b {
	color:#2C2C7A;
}
.ps617-chart .inside.number {
	color:#fff;
}
.ps617-chart .y .inside.number {
	color:#000;
}

.ps617-chart .bar.pb {
	background-color:#6B729A;
}
.ps617-chart .bar.pg {
	background-color:#83B4B2;
}
.ps617-chart .fa.pb {
	color:#6B729A;
}
.ps617-chart .fa.pg {
	color:#83B4B2;
}


.ps617-chart .bar.lb {
	background-color:#0076BD;
}
.ps617-chart .bar.y {
	background-color:#F8A752;
}
.ps617-chart .fa.lb {
	color:#0076BD;
}
.ps617-chart .fa.y {
	color:#F8A752;
}

.ps817-chart .chart-header {
	font-family:inherit;
	border-top:1px solid #000;
	line-height:26px;
	font-weight:bold;
}

.ps817wc-chart .stmeamatobotarptbtep .pies {
	width:22.833%;
	display:inline-block;
	margin-right:2%;
}
.ps817wc-chart .stmeamatobotarptbtep .pies.piestm4 {
	margin-right:0;
}
.ps817wc-chart .stmeamatobotarptbtep .source,
.ps817wc-chart .wfpupb .source {
	margin-top:30px;
}

.ps817wc-chart .pie-text-bottom {
	text-align:center;
	line-height:18px;
	padding-top:15px;
}

.ps817wc-chart .bar.db {
	background-color:#14399B;
}
.ps817wc-chart .bar.b {
	background-color:#1D7EC5;
}
.ps817wc-chart .bar.y {
	background-color:#AEBC22;
}
.ps817wc-chart .bar.lb {
	background-color:#29C7E8;
}
.ps817wc-chart .bar.r {
	background-color:#FF5F41;
}
.ps817wc-chart .bar.pb {
	background-color:#5CBBDD;
}
.ps817wc-chart .bar.dy {
	background-color:#E3902E;
}
.ps817wc-chart .bar.lg {
	background-color:#5BC9A4;
}
.ps817wc-chart .bar.p {
	background-color:#4368B6;
}
.ps817wc-chart .bar.ly {
	background-color:#FCCA44;
}


.ps817wc-chart .fa.db {
	color:#14399B;
}
.ps817wc-chart .fa.b {
	color:#1D7EC5;
}
.ps817wc-chart .fa.y {
	color:#AEBC22;
}
.ps817wc-chart .fa.lb {
	color:#29C7E8;
}
.ps817wc-chart .fa.r {
	color:#FF5F41;
}
.ps817wc-chart .fa.pb {
	color:#5CBBDD;
}
.ps817wc-chart .fa.dy {
	color:#E3902E;
}
.ps817wc-chart .fa.lg {
	color:#5BC9A4;
}
.ps817wc-chart .fa.p {
	color:#4368B6;
}
.ps817wc-chart .fa.ly {
	color:#FCCA44;
}
	
.ps817wc-chart .number {
	color:#ffffff;
}

.ps817wc-chart .bar-height {
	height:240px;
}

.ps817wc-chart .wfpupb .number {
	font-size:22px;
}
.ps817wc-chart .wfpupb .labels .jquery-data-chart.three-row {
	margin-bottom:0;
}
.ps817wc-chart .wfpupb .bar-height {
	border-right:1px solid #ffffff;
}
.ps817wc-chart .hf .number {
	font-size:25px;
	color:#000;
}

/*==== ps917-chart charts ====*/
.ps917-chart .pie-charts ul {
	margin-left:0;
}
.ps917-chart .pie-charts li {
	border-bottom:1px solid #000;
	list-style-position:inside;
}
.ps917-chart .pie-charts li strong {
	float:right;
	padding-right:20px;
}

.ps917-chart .pie-charts.piplp .right-chart {
	transform:rotate(180deg);
}
.ps917-chart .pie-charts.apslr .right-chart {
	transform:rotate(270deg);
}

.ps917-chart .jquery-data-chart .bar-height {
	height:200px;
}

.ps917-chart .jquery-data-chart .bar .number,
.ps917-chart .jquery-data-chart .bar .number strong {
	font-size:25px;
}
.ps917-chart .jquery-data-chart.cbpaapoadbp .bar .number,
.ps917-chart .jquery-data-chart.cbpaapoadbp .bar .number strong {
	font-size:12px;
	color:#fff;
}
.ps917-chart .jquery-data-chart.cbpaapoadbp .bar .number.inside {
	top:0;
}

.ps917-chart .jquery-data-chart.cbpaapoadbp .bar .number.inside {
	top:0;
	font-size:14px;
}

.ps917-chart .jquery-data-chart.ptahdiaps .bar .number{
	font-size:14px;
	color:#fff;
	top:0;
}

.ps917-chart .jquery-data-chart.ptahdiaps .labels .text{
	font-size:10px;
}
.ps917-chart .jquery-data-chart.ptahdiaps .labels .text .small-caps{
	font-size:0.8em;
}
.ps917-chart .jquery-data-chart.socbaharp .bar .number{
	color:#fff;
	font-weight:bold;
}
.ps917-chart .jquery-data-chart.socbaharp .bar-height {
	height:250px;
}


.ps917-chart .jquery-data-chart .bar.y {
	background-color:#FDBF39;
}

.ps917-chart .jquery-data-chart .bar.t {
	background-color:#E4E99A;
}

.ps917-chart .jquery-data-chart .bar.b {
	background-color:#0D5082;
}

.ps917-chart .jquery-data-chart .bar.lg {
	background-color:#9AA6AA;
}

.ps917-chart .jquery-data-chart .bar.mg {
	background-color:#687A80;
}

.ps917-chart .jquery-data-chart .bar.dg {
	background-color:#364E56;
}

.ps917-chart .jquery-data-chart .bar.gr {
	background-color:#407030;
}


.ps917-chart .jquery-data-chart .fa.lg {
	color:#9AA6AA;
}

.ps917-chart .jquery-data-chart .fa.mg {
	color:#687A80;
}

.ps917-chart .jquery-data-chart .fa.dg {
	color:#364E56;
}

.ps917-chart .jquery-data-chart .fa.gr {
	color:#407030;
}

.ps917-chart .jquery-data-chart .fa.y {
	color:#FDBF39;
}
/*==== ps1017-chart charts ====*/
.ps1017-chart .bar-height{
	height:250px;
}
.ps1017-chart.rpea .bar-height,
.ps1017-chart.pi .bar-height,
.ps1017-chart.rec .bar-height{
	height:150px;
}
.ps1017-chart.aaii .legend{
	margin-bottom:0;
}
.ps1017-chart.pascbe .number,
.ps1017-chart.aaii .number,
.ps1017-chart.rpea .number,
.ps1017-chart.pi .number{
	font-size:22px;
}
.ps1017-chart.pi .labels .text{
	font-size:12px;
}

.ps1017-chart.mpirrfwabiapt .bar .number.inside {
	top:5px;
}

.ps1017-chart.rec .chart-header-no-border,
.ps1017-chart.pi .chart-header-no-border,
.ps1017-chart.prea .chart-header-no-border{
	margin-bottom:0;
}
.ps1017-chart .trip-chart {
	display:inline-block;
	width:32.333%;
	text-align:center;
	margin-bottom:20px;
}
.ps1017-chart .trip-chart canvas {
	margin-bottom:5px;
}
.ps1017-chart .bar.y{
	background-color:#EEBE50;
}
.ps1017-chart .bar.p{
	background-color:#955B91;
}
.ps1017-chart .bar.r{
	background-color:#E73E5E;
}
.ps1017-chart .bar.g{
	background-color:#40A863;
}
.ps1017-chart .bar.pr{
	background-color:#F58E7D;
}
.ps1017-chart .bar.py{
	background-color:#FFDD88;
}
.ps1017-chart .bar.y .number,
.ps1017-chart .bar.p .number,
.ps1017-chart .bar.r .number,
.ps1017-chart .bar.g .number,
.ps1017-chart.rpea .bar .number{
	color:#fff;
}
.ps1017-chart .bar.y .number.outside {
	color:#EEBE50;
}
.ps1017-chart .bar.g .number.outside {
	color:#40A863;
}
.ps1017-chart .euebs-legend ul{
	margin-left:0;
}
.ps1017-chart .euebs-legend li{
	display:block !important;
}
.ps1017-chart .fa.y{
	color:#EEBE50;
}
.ps1017-chart .fa.o{
	color:#F7931D;
}
.ps1017-chart .fa.g{
	color:#40A863;
}
.ps1017-chart .fa.lb{
	color:#00B5CB;
}
.ps1017-chart .fa.r{
	color:#E73E5E;
}
.ps1017-chart .fa.p{
	color:#955B91;
}
.ps1017-chart .fa.ly{
	color:#EEC048;
}
.ps1017-chart .fa.pr{
	color:#F58E7D;
}
.ps1017-chart .fa.py{
	color:#FFDD88;
}



/* PS1217 CHARTS =====
====================*/
.ps1217-chart .bar .number.inside {
	color: #fff;
	top:0;
}

.ps1217-chart .dg {
	background-color: #688455;
}
.ps1217-chart .lg {
	background-color: #8EB779;
}
.ps1217-chart .fa.dg {
	color: #688455;
}
.ps1217-chart .fa.lg {
	color: #8EB779;
}

.ps1217-chart.table-chart table {
	font-size: 15px;
}


/* PS1217-db CHARTS =====
====================*/
.ps1217dc-chart .bar-height {
	height:240px;
}
.ps1217dc-chart .bar .number {
	font-size:24px;
}
.ps1217dc-chart.petafa .bar .number{
	font-size:14px;
}
.ps1217dc-chart.puaf .bar .number{
	font-size:18px;
}
.ps1217dc-chart .bar .number.inside {
	top:10px;
}
.ps1217dc-chart .bar {
	background-color:#CEDED0;
}

.ps1217dc-chart .bar.da {
	background-color:#9FBDB6;
}
.ps1217dc-chart .bar.dp {
	background-color:#838A7C;
}

.ps1217dc-chart .fa {
	color:#CEDED0;
}
.ps1217dc-chart .fa.da {
	color:#9FBDB6;
}
.ps1217dc-chart .fa.dp {
	color:#838A7C;
}

.article-page .ps1217dc-chart.pie-data-chart .left-text ul {
	margin-left:0;
}
.article-page .ps1217dc-chart.pie-data-chart .left-text ul li {
	display:block;
	margin-left:0;
	margin-bottom:10px;
}
.ps1217dc-chart .fa.g {
	color:#3E818F;
}
.ps1217dc-chart .fa.lg {
	color:#98C4B9;
}
.ps1217dc-chart .fa.dg {
	color:#7B8E7D;
}
.ps1217dc-chart .fa.bg {
	color:#CEDED0;
}
.ps1217dc-chart .fa.lbg {
	color:#EFF1E7;
}
.ps1217dc-chart .fa.dbg {
	color:#0D2E35;
}

.ps1217dc-chart.pie-data-chart .left-text {
	width:50%
}
.ps1217dc-chart.pie-data-chart .right-chart {
	width:48%
}


/*============
PSDJ18 Charts
==============*/
.psdj18-chart.table-chart table {
	font-size:15px;
	margin-top: 15px;
}
.psdj18-chart.table-chart table td {
	border-color:#ccc;
}
.psdj18-chart.table-chart.numbered-table td:first-child{
	width: 20px;
	color:#999;
}

.psdj18-chart.table-chart .black-background {
	background-color: #000;
	color: #fff;
}
.psdj18-chart.table-chart.tctdwraa td:nth-child(4){
	width:120px;
}

.psdj18-chart.jquery-data-chart .bar .number.inside{
	top:0;
}	
.psdj18-chart.jquery-data-chart.etpc .bar .number.inside strong{
	font-size:18px;
}	
.psdj18-chart.jquery-data-chart.four-row .bar .number,
.psdj18-chart.jquery-data-chart.four-row .bar .number strong{
	font-size: 30px;
	top: 5px;
}
.psdj18-chart.wdpctl .bar .number strong,
.psdj18-chart.ssd .bar .number strong{
	font-size:24px;
}
.psdj18-chart.hwcwts .bar .number strong{
	font-size:20px;
}
.psdj18-chart.jquery-data-chart .p{
	background-color: #925EA7;
	color:#fff;
}	
.psdj18-chart.jquery-data-chart .y{
	background-color: #DBAB26;
	color:#fff;
}	
.psdj18-chart.jquery-data-chart .b{
	background-color: #4A9F92;
	color:#fff;
}	
.psdj18-chart.jquery-data-chart .o{
	background-color: #EFB359;
	color:#fff;
}	
.psdj18-chart.jquery-data-chart .g{
	background-color: #588E3F;
	color:#fff;
}	
.psdj18-chart.jquery-data-chart .bla{
	background-color: #000;
	color:#fff;
}	
.psdj18-chart.jquery-data-chart .blu{
	background-color: #4275BA;
	color:#fff;
}
.psdj18-chart.jquery-data-chart .bla .outside{
	color:#000;
}	

.psdj18-chart.jquery-data-chart .blu .outside{
	color:#4275BA;
}	

.psdj18-chart.jquery-data-chart .fa.p{
	color: #925EA7;
}	
.psdj18-chart.jquery-data-chart .fa.y{
	color: #DBAB26;
}	
.psdj18-chart.jquery-data-chart .fa.b{
	color: #4A9F92;
}	
.psdj18-chart.jquery-data-chart .fa.o{
	color: #EFB359;
}
.psdj18-chart.jquery-data-chart .fa.bla{
	color: #000;
}	
.psdj18-chart.jquery-data-chart .fa.blu{
	color: #4275BA;
}

.psdj18-chart.horizontal-bar-chart .label-container {
	width:20%;
}
.psdj18-chart.horizontal-bar-chart .bar-container {
	width:80%;
}
.psdj18-chart.horizontal-bar-chart .number {
	float: right;
	font-size: 20px;
}
.psdj18-chart.horizontal-bar-chart .number strong {
	font-weight: 800;
}

.psdj18-chart.horizontal-bar-chart .bar.or{
	color:#fff;
	background-color: #D56F36;
	height: 32px;
}

.psdj18-chart.wdpctl .bar-height {
	height:140px;
}

.psdj18-chart.text-chart p {
	font-size: 30px;
	line-height: 1.2em;
}
.psdj18-chart.text-chart .chart-header,
.psdj18-chart.ssd .chart-header {
	font-size: 40px;
	padding-bottom: 10px;
}

.psdj18-chart.custom-chart .bar-row {
	padding:10px;
	color:#000;
	font-size: 18px;
	vertical-align: top;
	margin-bottom: 10px;
	position: relative;
}
.psdj18-chart.custom-chart .bar-row .bar-color{
	background-color:#B9C5C1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	min-width: 10%;
	z-index: 1;
}
.psdj18-chart.custom-chart .bar-row span {
	width:100%;
	display: block;
	position: relative;;
	z-index: 10;
}
.psdj18-chart.custom-chart .bar-row strong {
	font-size: 20px;
	padding-right: 10px;
}

.psdj18-chart.pie-data-chart .left-text{
	width:30%;
	vertical-align: top;
}

.psdj18-chart.pie-data-chart .right-chart{
	width:68%;
	padding-left: 40px;
	vertical-align: top;
}

.psdj18-chart.miofevbpbi table tr td   {
	padding:5px;
}
/* DC 2018 STYLES */
.dc-2018.chart .chart-header-no-border {
	margin-top: 20px;
}

.dc-2018 .bar .number {
	color:#fff;
	font-size: 24px;
}

.dc-2018 .bar {
	background-color: #BFBFBF;
}

/* ============= psfm18bic-chart 
==============================*/
.psfm18bic-chart.chart h3 {
	font-size: 18px;
}
.psfm18bic-chart .bar.y {
	background-color: #fec232;
}
.psfm18bic-chart .bar.p {
	background-color: #00b0d6;
}
.psfm18bic-chart .legend-block .y,
.psfm18bic-chart .bar.y .number.outside {
	color: #fec232;
}
.psfm18bic-chart .legend-block .p,
.ps318bic-chart .bar.p .number.outside {
	color: #00b0d6;
}
.psfm18bic-chart.jquery-data-chart .chart-container {
	padding-top: 40px;
}
.psfm18bic-chart .bar .number.inside {
	top:0;
}
.psfm18bic-chart .bar.y .number {
	color:#fff;
}
.psfm18bic-chart .bar.p .number.outside {
	color: #00b0d6;
}
.psfm18bic-chart {
	font-size:18px;
	font-weight: bold;
}
.psfm18bic-chart.jquery-data-chart.three-row .labels .text {
	font-weight: normal;
}


/* ============= psam18-chart 
==============================*/
.psam18-chart .bar.purple {
	background-color: #a877b4;
}
.psam18-chart .bar.darkpurple {
	background-color: #25286b;
}

.psam18-chart .fa.purple {
	color: #a877b4;
}
.psam18-chart .fa.darkpurple {
	color: #25286b;
}

.psam18-chart .bar .number {
	color:#fff;
}

.psam18-chart.horizontal-bar-chart .bar-row .label-container{
	width: 20%;
	padding-top: 15px;
} 
.psam18-chart.horizontal-bar-chart .bar-row .bar-container {
	width: 75%;
}

.psam18-chart.horizontal-bar-chart .gridline {
	position: absolute;
	left: 0;
	bottom: -2%;
	height:92%;
	width: 2px;
	background-color: #ccc;

}

.psam18-chart.horizontal-bar-chart .gridline span {
	position: absolute;
	left: -25px;
	bottom: -25px;
	text-align: center;
	display: block;
	font-size: 16px;
	color: #ccc;
	width: 50px;
	font-weight: 700;
}

.psam18-chart.horizontal-bar-chart .gridline.grid-0 {
	left:20%;
}

.psam18-chart.horizontal-bar-chart .gridline.grid-25 {
	left:40%;
}

.psam18-chart.horizontal-bar-chart .gridline.grid-50 {
	left:60%;
}

.psam18-chart.horizontal-bar-chart .gridline.grid-100 {
	left:80%;
}


/*
.psam18-chart.horizontal-bar-chart .gridline {
	position: absolute;
	left: 0;
	bottom: -20px;
	transform: rotate(-90deg);
	transform-origin:0% 0%;
	background-color: #ccc;
	width:58%;
	height: 2px;
}

.psam18-chart.horizontal-bar-chart .gridline span {
	position: absolute;
	left: -30px;
	bottom: -15px;
	text-align: center;
	display: block;
	font-size: 16px;
	color: #ccc;
	transform: rotate(90deg);
	width: 40px;
}
.psam18-chart.horizontal-bar-chart .gridline.grid-0 {
	left:20%;
}

.psam18-chart.horizontal-bar-chart .gridline.grid-25 {
	left:40%;
}

.psam18-chart.horizontal-bar-chart .gridline.grid-50 {
	left:60%;
}

.psam18-chart.horizontal-bar-chart .gridline.grid-100 {
	left:80%;
}
*/

.psam18-chart td,
.psam18-chart th {
	font-size: 12px;
}

.psam18-chart td {
	vertical-align: bottom;
	
}

.psam18-chart.slim-padding td {
	padding-left: 5px;
	padding-right: 5px;
}

.psam18-chart th {
	font-size: 16px;
	line-height: 20px;
	vertical-align: bottom;
	padding-bottom: 5px;
}

.psam18-chart td:first-child  {
	padding-left: 0;
	min-width: 115px;
}

.psam18-chart td:last-child  {
	padding-right: 0;
}

/* ============= psjj18-chart 
==============================*/

.psjj18-chart .bar .number.inside {
	font-size: 20px;
	top:5px;
}

.psjj18-chart .bar .number.outside {
	font-size: 20px;
}

.psjj18-chart.wwewtdr .bar .number.inside,
.psjj18-chart.mcfwp .bar .number.inside {
	font-size: 28px;
	font-weight: 600;
}

.psjj18-chart.wwewtdr .legend-block,
.psjj18-chart.mcfwp .legend-block {
	font-size: 18px;
}

.psjj18-chart.wwewtdr .labels .text {
	font-size: 18px;
}

.psjj18-chart.mcfwp .labels .text {
	font-size: 18px;
}

.psjj18-chart.mcfwp .bar .number.inside {
	color: #fff;
}

.psjj18-chart .bar.orange {
	background-color: #f89928;
}

.psjj18-chart .bar.yellow {
	background-color: #fec44d;
}

.psjj18-chart .bar.blue {
	background-color: #355caa;
}

.psjj18-chart .bar.red {
	background-color: #ee3423;
}



.psjj18-chart .box.orange {
	background-color: #f89928;
}

.psjj18-chart .box.yellow {
	background-color: #fec44d;
}

.psjj18-chart .box.blue {
	background-color: #355caa;
}

.psjj18-chart .box.red {
	background-color: #ee3423;
}

.psjj18-chart .box.lightblue {
	background-color: #00b2bb;
}

.psjj18-chart .box.lightblue2 {
	background-color: #2dafc5;
}

.psjj18-chart .box.green {
	background-color: #70c171;
}

.psjj18-chart .box.reddish {
	background-color: #f15e2a;
}



.psjj18-chart .fa.orange {
	color: #f89928;
}

.psjj18-chart .fa.yellow {
	color: #fec44d;
}

.psjj18-chart .fa.blue {
	color: #355caa;
}

.psjj18-chart .fa.red {
	color: #ee3423;
}

.psjj18-chart span.orange {
	color: #f89928;
}

.psjj18-chart span.yellow {
	color: #fec44d;
}

.psjj18-chart span.blue {
	color: #355caa;
}

.psjj18-chart span.red {
	color: #ee3423;
}

.psjj18-chart span.green {
	color: #43b34b;
}

.psjj18-chart span.reddish {
	color: #ef673b;
}

.psjj18-chart .bar.red .number,
.psjj18-chart .bar.blue .number {
	color:#fff;
}

.psjj18-chart .half-width:first-child {
	margin-right: 5%;
}

.psjj18-chart .half-width {
	max-width:46%;
	position: relative;
	display: inline-block;
	width: 100%;
}

.psjj18-chart .third-width {
	max-width:32%;
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-top: 40px;
}

.psjj18-chart .sixth-width {
	max-width:15%;
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: center;
}
.psjj18-chart .sixth-width:not(last-child) {
	margin-right:1.1%;
}

.psjj18-chart.pie-data-chart {
	position: relative;
}

.psjj18-chart.pie-data-chart .text {
	position: absolute;
	top: 50%;
	font-size: 18px;
	line-height: 22px;
}

.psjj18-chart.pie-data-chart .left-text {
	left:0;
}

.psjj18-chart.pie-data-chart .right-text {
	right:0;
}

.psjj18-chart.pie-data-chart .text span {
	font-size: 35px;
	font-weight: 600;
}

.psjj18-chart.pie-data-chart.meawtpfbb .text {
	font-size: 20px;
	line-height: 27px;
	position: static;
	text-align: center;
	margin-top: 20px;
}
.psjj18-chart.pie-data-chart.meawtpfbb .text span {
	font-weight: normal;
	line-height: 38px;
}

.psjj18-chart.table-chart tr.blue {
	background-color: #547fbf;
	color: #fff;
}

.psjj18-chart.table-chart table:not(last-child) {
	margin-bottom: 40px;
}

.psjj18-chart.table-chart tr.green {
	background-color: #43b34b;
	color: #fff;
}

.psjj18-chart.table-chart tr.reddish {
	background-color: #ef673b;
	color: #fff;
}


.psjj18-chart.table-chart tr.blue td,
.psjj18-chart.table-chart tr.reddish td,
.psjj18-chart.table-chart tr.green td{
	border-bottom: none;
}

.psjj18-chart.table-chart td {
	font-size: 18px;
}

.psjj18-chart.box-chart {
	vertical-align: middle;
}

.psjj18-chart.box-chart .box-row {
	margin-bottom: 20px;
}

.psjj18-chart.box-chart .box-row > div {
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	line-height: 1.2em;
}

.psjj18-chart.box-chart .box-row .box {
	width:50px;
	height: 50px;
	font-size: 20px;
	color: #fff;
	border-radius: 7px;
	vertical-align: middle;
	position: relative;
	margin-right: 10px;
	text-align: center;
}

.psjj18-chart.box-chart .box-row .box > div {
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 30px;
	margin-left: -25px;
	margin-top: -15px;
}


/* ============= psjj18rk-chart 
==============================*/
.psjj18rk-chart.jquery-data-chart .bar .number.inside.vertical {
	bottom:auto;
	top:55px;
	font-size: 18px;
}

.psjj18rk-chart.jquery-data-chart .bar .number.inside.vertical.six-digit {
	top:45px;
}

.psjj18rk-chart.jquery-data-chart .bar .number.inside.vertical.five-digit {
	top:35px;
}

.psjj18rk-chart.jquery-data-chart .bar.yellow {
	background-color:#f3d588;
}

.psjj18rk-chart.table-chart td:not(:first-child),
.psjj18rk-chart.table-chart th:not(:first-child) {
	text-align: right;
}

.psjj18rk-chart.table-chart table {
	margin-top:0;
}

.psjj18rk-chart.image-chart h3.chart-header-no-border {
	font-weight: 400;
}


/* ============= psas18-chart 
==============================*/
.psas18-chart.togboytj table  {
	font-size: 16px;
}

.psas18-chart.pfw .chart-container {
	text-align: center;
	font-size: 18px;
	line-height: 1.2em;
	padding-bottom: 30px;
}

.psas18-chart .chart-container.eefwp .num,
.psas18-chart .chart-container.ewhfeor .num {
	font-size: 40px;
}

.psas18-chart .chart-container.eefwp .chart-header,
.psas18-chart .chart-container.ewhfeor .chart-header {
	margin-bottom: 40px;
}

.psas18bg-chart .bar.blue  {
	background-color: #8b8fbf;
}

.psas18bg-chart .bar.green  {
	background-color: #b6bb7b;
}

.psas18bg-chart .bar.red  {
	background-color: #826a77;
}

.psas18bg-chart .bar.purple  {
	background-color: #6950a1;
}

.psas18bg-chart .bar .number.inside  {
	color:#fff;
	top: 5px;
	font-weight: bold;
	font-size: 18px;
	z-index: 10;
}

.psas18bg-chart .pie-data-chart .text1 {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	line-height: 1.2em;
}

.psas18bg-chart .pie-data-chart .text2 {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	line-height: 1.2em;
}

.psas18bg-chart .roof {
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
}

.psas18ps-chart.demo .chart-header-no-border.small {
	margin-bottom: 0;
}

.horizontal-bar-chart .bar-row {
	padding-bottom: 15px;
}

.psas18ps-chart.horizontal-bar-chart .label-container {
	width:23%;
	line-height: 1.2em;
	padding-top: 8px;
}

.psas18ps-chart.horizontal-bar-chart .bar-container {
	width:77%;
}

.psas18ps-chart.horizontal-bar-chart .bar {
	height: 50px;
}

.psas18ps-chart.horizontal-bar-chart .number {
	float: right;
	font-size: 30px;
	padding-top: 9px;
}

.psas18ps-chart.horizontal-bar-chart .bar.red {
	background-color: #ef3e5f;
}

.psas18ps-chart.horizontal-bar-chart .bar.blue {
	background-color: #a9b4d8;
}

.psas18ps-chart.horizontal-bar-chart .bar.brightblue {
	background-color: #08bcc1;
}

.psas18ps-chart.horizontal-bar-chart .bar.yellow {
	background-color: #d1dd52;
}

.psas18ap-chart.pie-data-chart .left-text ul {
	margin: 0;
}

.psas18ap-chart.pie-data-chart .left-text ul li {
	display: block;
	margin-left: 0;
	margin-bottom: 7px;
}

.psas18ap-chart.pie-data-chart .left-text ul li span {
	font-size: 16px;
}

.psas18ap-chart.pie-data-chart .left-text ul li span.text {
	max-width: 400px;
	display: inline-block;
	vertical-align: top;
}

.psas18ap-chart.pie-data-chart li .square {
	height:13px;
	width: 13px;
	display: inline-block;
	margin-right: 5px;
}

.psas18ap-chart.pie-data-chart .left-text ul li span.number {
	font-size: inherit;
	display: inline-block;
	vertical-align: top;
}

.psas18ap-chart .chart-header {
	font-weight: 400;
}

.psas18ap-chart .chart-container {
	border-top:3px dotted #108d45;
	padding-top: 20px;
}

/* ============= pson18-chart 
==============================*/
.pson18-chart.table-chart table {
	font-size: 16px;
}

.pson18-chart.table-chart td:not(:first-child) {
	text-align: center;
}

.pson18-chart.table-chart .border-cell div {
	border-color: #ccc;
}

.pson18-chart.jquery-data-chart .number {
	color: #fff;
	font-size: 28px;
	font-weight: 600;
}

.pson18-chart .bar.yellow,
.pson18-chart .legend .yellow {
	background-color: #eea42b;
}

.pson18-chart .bar.green,
.pson18-chart .legend .green {
	background-color: #398f44;
}

.pson18-chart .legend .long-block {
	margin-top: 20px;
}

.pson18-chart .legend .long-block {
	width:80px;
	height:12px;
}

.pson18-chart.eiardsa p {
	font-size: 24px;
	line-height: 1.4em;
}

.pson18-chart.eiardsa hr {
	border-color: #333;
	margin:60px 0;
}

.pson18-chart.text-chart p {
	margin-bottom: 30px;
}

.pson18-chart.jquery-data-chart.five-row .chart-container > .bar-height, 
.pson18-chart.jquery-data-chart.five-row .labels .text  {
	width:17%;
}

.pson18-chart.jquery-data-chart.five-row .chart-container > .bar-height:first-child, 
.pson18-chart.jquery-data-chart.five-row .labels .text:first-child  {
	width:25%;
}


/* pson18dc-db CHARTS =====
====================*/
.pson18dc-chart .bar-height {
    height:240px;
}
.pson18dc-chart .bar .number {
    font-size:32px;
}
.pson18dc-chart.petafa .bar .number{
    font-size:14px;
}
.pson18dc-chart.puaf .bar .number,
.pson18dc-chart.tofego .bar .number{
    font-size:18px;
}
.pson18dc-chart .bar .number.inside {
    top:10px;
}
.pson18dc-chart .bar {
    background-color:#dbcf4b;
}

.pson18dc-chart .bar.lightgreen {
    background-color:#9ad0bd;
}

.pson18dc-chart .fa.green {
    color:#3f9e90;
}
.pson18dc-chart .fa.lightgreen {
    color:#9ad0bd;
}
.pson18dc-chart .fa.darkyellow {
    color:#bca32e;
}
.pson18dc-chart .fa.lightyellow {
    color:#dfd04a;
}
.pson18dc-chart .fa.grey {
    color:#ddd4ba;
}
.pson18dc-chart .fa.darkgreen {
    color:#32565b;
}

.article-page .pson18dc-chart.pie-data-chart .left-text ul {
    margin-left:0;
}
.article-page .pson18dc-chart.pie-data-chart .left-text ul li {
    display:block;
    margin-left:0;
    margin-bottom:10px;
}

.pson18dc-chart.pie-data-chart .left-text {
    width:50%
}
.pson18dc-chart.pie-data-chart .right-chart {
    width:48%
}

.research .article-text .pson18dc-chart p {
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 35px;
}

/* psdj19dc CHARTS =====
====================*/
.psdj19dc-chart.pie-data-chart .left-text {
	width:49%;
}

.psdj19dc-chart.pie-data-chart .right-chart {
	width:50%;
}
.psdj19dc-chart ul {
	margin-left:0
}

.psdj19dc-chart.pie-data-chart .left-text li {
	font-size: 18px;
	display: block;
}

.psdj19dc-chart li .fa {
	font-size: 12px;
	padding-right: 10px;
}

.psdj19dc-chart.pie-data-chart .left-text ul li span {
	font-size: 1em;
}

.psdj19dc-chart .purple {
	color:#a46f9b;
}

.psdj19dc-chart .pink {
	color:#f2c3db;
}

.psdj19dc-chart .blue {
	color:#95b6df;
}

.psdj19dc-chart .bar-purple {
	background-color:#a46f9b;
}

.psdj19dc-chart .bar-pink {
	background-color:#f2c3db;
}

.psdj19dc-chart .bar-blue {
	background-color:#95b6df;
}

.psdj19dc-chart .number {
	font-size: 26px;
}

.psdj19dc-chart.tdpa .labels .text {
	font-size: 12px;
}

/* psdj19 CHARTS =====
====================*/
.psdj19-chart table {
	font-size: 15px;
}

.psdj19-chart .half {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.psdj19-chart .legend.static {
	margin-bottom: 0;
}

.psdj19-chart .lower {
	padding-top: 40px;
}

.psdj19-chart .text {
	font-size: 20px;
	padding-top: 60px;
}

.psdj19-chart .lower .text {
	padding-top: 0;
}

.psdj19-chart .text .chart-header-no-border {
	font-size: 26px;
	line-height: 1.2em;
}

.psdj19-chart .green {
	color: #3f9e90;
}

.psdj19-chart .blue {
	color: #007c95;
}

.psdj19-chart .orange {
	color: #f7941d;
}

/* psfm19 CHARTS =====
====================*/
.psfm19-chart.numbered-table td:first-child {
	color:#000;
}

.psfm19-chart.psvpapwctdp td:nth-child(2),
.psfm19-chart.psvpapwctdp td:nth-child(3) {
	text-align: center;
}

.psfm19-chart .bar.yellow {
	background-color: #ffbf44;
}

.psfm19-chart .bar.grey {
	background-color: #babbbd;
}

.psfm19-chart .bar {
	border-radius: 15px 15px 0 0;
}

.psfm19-chart.jquery-data-chart .bar .number.inside{
	font-size: 36px;
	color: #fff;
	line-height: 16px;
	font-weight: bold;
	top: 17px;
}

.psfm19-chart .bar .number span{
	font-size: 16px;
	color: #2c2e35;
	font-weight: 600;
	line-height: 0;
	display: block;
	line-height: 1em;
	margin-top: 10px;
}

.psfm19-chart .labels .text {
	margin-top: -14px;
	padding:10px 0;
	color: #fff;
	background-color: #2c2e35;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}

.psfm19-chart.atsrpptftpotpttsitrp .labels .text {
	height:180px;
}

.psfm19-chart.echpbmrccafoisseoja .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	height: 100%;
}

.psfm19-chart.echpbmrccafoisseoja .flex .flex-item {
	padding:30px;
	width: 32%;
	margin:0 10px 10px 0;
	font-size: 28px;
	text-align: center;
	background-color: #ffbf44;
	border-radius: 15px;
	height: 145px;
}

.psfm19-chart.echpbmrccafoisseoja .flex div {
	text-align: center;
	width: 100%
}

.psfm19-chart.sjafawcheattpofc .flex {
	display: flex;
	justify-content: space-between;
	text-align: center;
	height:65px;
	margin-bottom: 10px;
}

.psfm19-chart.sjafawcheattpofc .flex > div {
	display: flex;
	align-items: center;
	height: 100%;
	text-align: center;
	border-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
}

.psfm19-chart.sjafawcheattpofc .flex.header {
	height: 45px;
}

.psfm19-chart.sjafawcheattpofc .flex.header > div,
.psfm19-chart.sjafawcheattpofc .flex.header > div:first-child {
	background-color: #2c2e35;
	color: #fff;
}

.psfm19-chart.sjafawcheattpofc .flex.header > div:last-child {
	background-color: #2c2e35;
	color: #ffbf44;
}

.psfm19-chart.sjafawcheattpofc .flex > div:first-child {
	width: 45%;
	background-color: #babbbd;
}

.psfm19-chart.sjafawcheattpofc .flex > div:nth-child(2){
	width: 10%;
	background-color:transparent;
	font-size: 30px;
}

.psfm19-chart.sjafawcheattpofc .flex > div:last-child {
	width: 45%;
	background-color: #ffbf44;
}

.psfm19-chart.sjafawcheattpofc .flex > div > div:first-child,
.psfm19-chart.sjafawcheattpofc .flex > div > div:last-child  {
	text-align: center;
	width: 100%;
}

.psfm19bic-chart h3 {
	height: 27px;
}

.psfm19bic-chart .fa.red,
.psfm19bic-chart .bar .number.red {
	color: #ee582b;
}

.psfm19bic-chart .bar.red {
	background-color: #ee582b;
}

.psfm19bic-chart .fa.blue,
.psfm19bic-chart .bar .number.blue {
	color: #00b0d6;
}

.psfm19bic-chart .bar.blue {
	background-color: #00b0d6;
}

.psfm19bic-chart .bar .number {
	color: #fff;
}

/* psam19 CHARTS =====
====================*/
.psam19-chart.horizontal-bar-chart .bar-row .label-container, 
.psam19-chart.horizontal-bar-chart .bar-row .bar-container {
	width: 100%;
}

.psam19-chart .number {
	float: right;
}

.psam19-chart .bar-row .bar {
	background-color: #18759d;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding:10px;
}

/* psjj19 CHARTS =====
====================*/
.psjj19-chart .bar.green {
	background-color: #5fb946;
}

.psjj19-chart .bar.yellow {
	background-color: #eac31d;
}

.psjj19-chart .fa.green {
	color: #5fb946;
}

.psjj19-chart .fa.yellow {
	color: #eac31d;
}

.psjj19-chart .bar .number {
	font-size: 28px;
	font-weight: bold;
}

.psjj19-chart .labels .text {
	font-size: 20px;
}

.psjj19-chart table {
	font-size: 15px;
}

.psjj19-chart table th {
	font-weight: 600;
}

.psjj19-chart table th,
.psjj19-chart table td {
	text-align: right;
	padding-right: 10px;
}


.psjj19-chart table th.border-cell {
	text-align: center;
}

.psjj19-chart .legend.static {
	margin:20px 0;
}

.psjj19-chart.table-chart .border-cell div {
	margin-right: -5px;
}

.psjj19rk-chart .bar.yellow {
	background-color: #fcdd45;
}

.psjj19rk-chart .bar.blue {
	background-color: #6abeea;
}

.psjj19rk-chart .bar.green {
	background-color: #8ccb93;
}

.psjj19rk-chart .bar.red {
	background-color: #f8a78c;
}

.psjj19rk-chart .bar .number.inside {
	font-weight: 600;
	transform: rotate(-90deg);
	top: 50px;
}

.psjj19rk-chart .bar .number.inside.triple-digit {
	top: 30px;
}

.psjj19rk-chart.table-chart p {
	margin-bottom: 0;
}

.psjj19rk-chart.table-chart table {
	margin-top: 15px;
	margin-bottom: 0;
}

.psjj19rk-chart.table-chart .source {
	margin-top: 15px;
}

.psjj19rk-chart.jquery-data-chart.ten-row {
	padding-top: 15px;
}

/* psjj18rk V3.0 CHARTS =====
====================*/
.psjj18rk-chart-v3.jquery-data-chart-v3.horizontal-bar-chart .bar,
.psjj18rk-chart-v3.box-chart .box {
	background-color: #3EC3BA;
}

.psjj18rk-chart-v3 .bar .value.outside {
	background-color: #fff;
	padding-left: 15px;
	right: 0;
}

/* psjj19rk V3.0 CHARTS =====
===========================*/
.psjj19rk-chart-v3.jquery-data-chart-v3.horizontal-bar-chart .bar.yellow,
.psjj19rk-chart-v3.box-chart .box.yellow {
	background-color: #fcdd45;
}

.psjj19rk-chart-v3.box-chart .box.green,
.psjj19rk-chart-v3.jquery-data-chart-v3.horizontal-bar-chart .bar.green {
	background-color: #8ccb93;
}

.psjj19rk-chart-v3.box-chart .box.blue,
.psjj19rk-chart-v3.jquery-data-chart-v3.horizontal-bar-chart .bar.blue {
	background-color: #68b8e7;
}

.psjj19rk-chart-v3.box-chart .box.red,
.psjj19rk-chart-v3.jquery-data-chart-v3.horizontal-bar-chart .bar.red {
	background-color: #ec4025;
}

.psjj19rk-chart-v3.box-chart .box.lightblue,
.psjj19rk-chart-v3.jquery-data-chart-v3.horizontal-bar-chart .bar.lightblue {
	background-color: #a1cded;
}

.psjj19rk-chart-v3.box-chart .box.darkblue,
.psjj19rk-chart-v3.jquery-data-chart-v3.horizontal-bar-chart .bar.darkblue {
	background-color: #179bd7;
}

.psjj19rk-chart-v3.box-chart .box.orange {
	background-color: #f7bc44;
}

.psjj19rk-chart-v3.box-chart .box.orangered {
	background-color: #f68e37;
}

.psjj19rk-chart-v3.box-chart .box.limegreen {
	background-color: #52ba66;
}

.psjj19rk-chart-v3.box-chart .box.darkgreen {
	background-color: #30914f;
}

.psjj19rk-chart-v3.box-chart .box.pink,
.psjj19rk-chart-v3.jquery-data-chart-v3.horizontal-bar-chart .bar.pink {
	background-color: #f8a78c;
}

.psjj19rk-chart-v3.box-chart .box.lightred {
	background-color: #f37857;
}


.psjj19rk-chart-v3 .bar .value.outside {
	background-color: #fff;
	padding-left: 15px;
	right: 0;
	height: 100%;
}

/* psdj20 V3.0 CHARTS =====
===========================*/
.psdj20-chart-v3 .bar.blue {
	background-color: #397598;
}
.psdj20-chart-v3 .bar.teal {
	background-color: #92D0B8;
}
.psdj20-chart-v3 .bar.pink {
	background-color: #F9BDB2;
}
.psdj20-chart-v3 .bar.red {
	background-color: #C95D54;
}
.psdj20-chart-v3 .bar.palegreen {
	background-color: #92D0B8;
}
.psdj20-chart-v3 .bar.palepink {
	background-color: #F9BDB2;
}


.psdj20-chart-v3 .legend-item.blue .fas {
	color: #397598;
}
.psdj20-chart-v3 .legend-item.teal .fas {
	color: #92D0B8;
}
.psdj20-chart-v3 .legend-item.pink .fas {
	color: #F9BDB2;
}
.psdj20-chart-v3 .legend-item.red .fas {
	color: #C95D54;
}
.psdj20-chart-v3 .legend-item.palegreen .fas {
	color: #92D0B8;
}
.psdj20-chart-v3 .legend-item.palepink .fas {
	color: #F9BDB2;
}
.psdj20-chart-v3 .legend-item.green .fas {
	color: #598242;
}
.psdj20-chart-v3 .legend-item.purple .fas {
	color: #874099;
}
.psdj20-chart-v3 .legend-item.yellow .fas {
	color: #F5BF26;
}
.psdj20-chart-v3 .legend-item.notteal .fas {
	color: #19AF90;
}



.psdj20-chart-v3 .doughnut .canvas {
	margin-bottom: 10px;
}

.psdj20bic-chart-v3 .fas.darkpurple {
	color:#491751;
}

.psdj20bic-chart-v3 .fas.purple {
	color:#82378F;
}

.psdj20bic-chart-v3 .fas.lightpurple {
	color:#A868B2;
}

.psdj20bic-chart-v3 .labels .blurb {
	margin-left: 25%;
	color: #491751;
	font-weight: 600;
	font-size: 2.0rem;
}

.psdj20bic-chart-v3 .bar.pink {
	background-color: #F08A8A;
}

/* psfm20 V3.0 CHARTS =====
===========================*/

.psfm20-chart-v3 .bar.yellow {
	background-color: #FDC132;
}

.psfm20-chart-v3 .bar.brown {
	background-color: #544020;
}

.psfm20-chart-v3 .bar.pink {
	background-color: #EC715B;
}

.psfm20-chart-v3 .bar.blue {
	background-color: #126F72;
}

.psfm20-chart-v3 .fas.yellow {
	color: #FDC132;
}

.psfm20-chart-v3 .fas.brown {
	color: #544020;
}

.psfm20-chart-v3 .fas.pink {
	color: #EC715B;
}

/* psjj20 V3.0 CHARTS =====
===========================*/
.psjj20-chart.box-chart .row {
	margin-left: -6px;
	margin-right: -6px;
}

.psjj20-chart.box-chart .row > div {
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 12px;
}

.psjj20-chart.box-chart .box {
	max-width: 100%;
	width: 100%;
	text-align: center;
	padding:10px;
	height: 100%;
	min-height: 158px;
}

.psjj20-chart.box-chart .value {
	font-size: 2.7rem;
}

.psjj20-chart.box-chart .text {
	color: #000000;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1.6rem;
	line-height: 1.3em;
}

.psjj20-chart .teal {
	background-color: #6DC7BC;
}

.psjj20-chart .green {
	background-color: #6CB644;
}

.psjj20-chart .purple {
	background-color: #9994BD;
}

.psjj20-chart .rose {
	background-color: #F49190;
}

.psjj20-chart .yellow {
	background-color: #F1CB53;
}

.psjj20-chart .red {
	background-color: #DB748E;
}

.psjj20-chart .orange {
	background-color: #F68E37;
}

.psjj20-chart .blue {
	background-color: #5494CE;
}

.psjj20-table-fix tr:nth-child(2) td {
	text-align: left !important;
}


/* psdbadmin21 V3.0 CHARTS =====
===========================*/
.psdbadmin21 .box .text {
	font-family: 'Open Sans', Arial;
	font-size: 2.4rem;
	margin-top: 0;
	margin-bottom: 10px;
}

.psdbadmin21 .box .value {
	font-size: 3.6rem;
	font-weight: 600;
}

.psdbadmin21.custom-box .box {
	border:2.5px solid #fff;
}

.psdbadmin21 .box:nth-child(1) {
	background-color: #4c3865;
}

.psdbadmin21 .box:nth-child(2) {
	background-color: #6aa7da;
}

.psdbadmin21 .box:nth-child(3) {
	background-color: #ce889c;
}

.psdbadmin21 .box:nth-child(4) {
	background-color: #fbc861;
}

/* =================================================
==================== mobile chart setup ==========*/
@media only screen and (max-width : 480px), only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-device-width: 480px) and (orientation : portrait){
	/*mobile styles for block style charts */
	.block-chart.four-row .block {
	width:100%;
	margin:0 0 1%;
	}
	.ball-chart .ball-container .ball-row .fa-circle {
		font-size:15px; 
		margin-right:5px;
	}
	.ball-chart .ball-number {
		font-size:30px;
	}
	.ps217s-chart .bar .number {
		font-size:20px;
	}
	.ps217s-chart .bar .number.outside {
		font-size:10px;
	}
	
}

.xxs-size .chart-align.two-row .chart,
.xs-size .chart-align.two-row .chart{
	width:100%;
	margin-right: 0;
}

/*mobile styles for new jquery charts*/
.sm-size .jquery-data-chart-v3 {
	font-size: 1.3rem;
}

.md-size .jquery-data-chart-v3 {
	font-size: 1.6rem;
}

.sm-size .box-chart .box {
	max-width: 100%;
}

.sm-size .custom-doughnut.layout-two	 {
	padding:0;
}

.sm-size .custom-doughnut.layout-one > .row {
	display: block !important;
}

.sm-size .custom-doughnut.layout-one > .row > .canvas {
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
}

.sm-size .custom-doughnut.layout-one > .row > .canvas > div { 
	width:70%;
	align-self: center;
}

.lg-size .custom-doughnut .labels .blurb,
.md-size .custom-doughnut .labels .blurb,
.sm-size .custom-doughnut .labels .blurb,
.lg-size .custom-doughnut .labels ul,
.md-size .custom-doughnut .labels ul,
.sm-size .custom-doughnut .labels ul {
	margin-left: 0;
}

.sm-size .doughnut-chart .doughnut .text, 
.sm-size .doughnut-chart .custom-doughnut .text {
	font-size: 2.0rem;
	line-height: 1.4em;
}

.sm-size .custom-doughnut.layout-three .canvas:nth-child(n+3) { 
	margin-top: 30px;
}