@charset "utf-8";
.ui-graph-cont{margin: 0 auto;width: calc(100% - 40px);width: 100%;max-width: 800px;}
.ui-bar {background-color: #59BAC0;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;border-radius: 2px;margin-bottom: 10px;position: relative;z-index: 9999;display: block;height: 20px;width: 0%;}
.ui-bar:before {position: absolute;content: attr(data-value);font-size: 14px;color: #000;line-height: 20px;height:20px;padding: 0 10px;margin-left: 5px;left:100%;top:0;z-index:9999}
.graph-legend {position: absolute;margin-right: 10px;left: -40px;z-index: 9999;}

.color_1{background-color:#45b6e9}
.color_2{background-color:#92cc77}
.color_3{background-color:#2cadbd}
.color_4{background-color:#10517a}