.simple-bar-graph {

	position:relative

}

.simple-bar-graph__columns {

	padding-top:16px;

	padding-bottom:16px;

	position:relative

}

.simple-bar-graph__column {

	position:relative;

	float:left;

	height:100%;

	vertical-align:bottom

}

.simple-bar-graph__caption, .simple-bar-graph__rows {

	position:absolute

}

.simple-bar-graph__bar {

	position:absolute;

	left:2px;

	right:2px;

	bottom:0;

	opacity:.8;

	background-color:#1f75fe;

	-webkit-border-top-left-radius:2px;

	border-top-left-radius:2px;

	-webkit-border-top-right-radius:2px;

	border-top-right-radius:2px;

-webkit-transition:height .2s ease-in-out;

-moz-transition:height .2s ease-in-out;

transition:height .2s ease-in-out;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	backface-visibility:hidden;

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1)

}

.simple-bar-graph__bar--active {

	opacity:1;

	-webkit-box-shadow:0 0 6px rgba(0, 0, 0, .1);

	box-shadow:0 0 6px rgba(0, 0, 0, .1);

	z-index:10

}

.simple-bar-graph__bar--active .simple-bar-graph__popup {

	display:block

}

.simple-bar-graph__caption {

	left:0;

	right:0;

	bottom:-25px;

	text-align:center;

	font-size:1rem;

	line-height: normal;

}

.simple-bar-graph__rows {

	width:100%;

	top:16px;

	left:0;

	right:0;

	bottom:16px

}

.simple-bar-graph__row {

	position:relative;

	border-top:1px dashed rgba(0, 0, 0, .1)

}

.simple-bar-graph__null {

	position:absolute;

	width:100%;

	left:0;

	bottom:0;

	height:1px;

	background-color:rgba(0, 0, 0, .1)

}

.simple-bar-graph__caption, .simple-bar-graph__value {

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	font-size:0.8rem;

}



.simple-bar-graph__value {

	position:absolute;

	left:-59px;

	top:0;

	font-size:0.8rem;

	line-height: normal;

}

.simple-bar-graph__popup {

	padding:4px;

	position:absolute;

	display:none;

	top:-4px;

	left:50%;

	width:auto;

	font-size:.6875em;

	font-weight:300;

	line-height:1em;

	color:#fff;

	background-color:#000;

	-webkit-box-shadow:4px 0 6px rgba(0, 0, 0, .1);

	box-shadow:4px 0 6px rgba(0, 0, 0, .1);

	-webkit-border-radius:4px;

	border-radius:4px;

	border:1px solid #fff

}

.simple-bar-graph__popup:after, .simple-bar-graph__popup:before {

	position:absolute;

	top:50%;

	content:'';

	display:block;

	width:0;

	height:0;

	border-style:solid

}

.simple-bar-graph__popup:before {

	margin-top:-6px;

	left:-6px;

	border-width:6px 6px 6px 0;

	border-color:transparent rgba(255, 255, 255, .85) transparent transparent;

	z-index:-1

}

.simple-bar-graph__popup:after {

	margin-top:-4px;

	left:-4px;

	border-width:4px 4px 4px 0;

	border-color:transparent #000 transparent transparent;

	z-index:2

}



.graph-light-blue, .graph-dark-blue{

    background-color: #1f75fe;

    position: relative;

    width: 20px;

    height: 20px;

    top: 5px;

    display: inline-block;

	margin-right:4px;

}



.graph-dark-blue{

background-color: #00008b;	



}



#example-one .simple-bar-graph__columns > .simple-bar-graph__column:nth-last-child(-n+2)> .simple-bar-graph__bar,

#example-two .simple-bar-graph__columns > .simple-bar-graph__column:nth-last-child(-n+2)> .simple-bar-graph__bar



 {

	background-color:#00F;



}