.dg-chartlist01{
	text-align:center;
}
.dg-chartlist01 .decorate{
	display:inline-block;
	position:relative;
	margin-bottom:42px;
}
.dg-chartlist01 canvas{
	vertical-align:middle;
}
.dg-chartlist01 .percentage_inner{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	color:#FFF;
	font-size:40px;
}
.dg-chartlist01 h3{
	font-size:20px;
	margin-bottom:18px;
}
.dg-chartlist01 p{
	margin:0px 12% 30px; 
}
@media only screen and (max-width: 991px) {
.dg-chartlist01 .decorate{
	margin-bottom:25px;	
}
}

.dg-chartlist02{
	text-align:center;
	color:#333333;
}
.dg-chartlist02 .decorate{
	display:inline-block;
	position:relative;
	margin:20px 0 35px;
}
.dg-chartlist02 .decorate:after{
	content:"";
	position:absolute;
	left:-16px;
	right:-16px;
	top:-16px;
	bottom:-16px;
	border-width:36px;
	border-style:solid;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	opacity:0.08;
}
.dg-chartlist02 canvas{
	vertical-align:middle;
}
.dg-chartlist02 .percentage_inner{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	font-weight:bold;
	font-size:42px;
}
.dg-chartlist02 h3{
	font-size:15px;
	color:#333333;
	margin-bottom:5px;
}
.dg-chartlist02 > div{
	margin-bottom:30px; 
}
@media only screen and (max-width: 1366px) and (min-width: 1024px){
.dg-chartlist02 .decorate:after {
    opacity: 0;
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
.dg-chartlist02 .decorate:after {
    opacity: 0;
}
}
.dg-chartlist03{
	text-align:center;
	color:#FFF;
	margin: 0 0 15px;
}
.dg-chartlist03 .decorate{
	display:inline-block;
	position:relative;
	margin-bottom:25px;
}
.dg-chartlist03 canvas{
	vertical-align:middle;
}
.dg-chartlist03 .percentage_inner{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	color:#FFF;
	font-size:30px;
}
.dg-chartlist03 h5{
	color:#FFF;
	margin:14px 0 8px;
}
.dg-chartlist03 small{
	margin-bottom:30px;
	display:block;
}


.dg-loadlist01 .progress {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    height: 15px;
    position: relative;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin: 12px 0 28px;
    overflow: visible;
}
.dg-loadlist01 .progress:last-child {
    margin: 0;
}
.dg-loadlist01 p{
    line-height: 1.2;
}
.dg-loadlist01 .bar {
    height: 15px;
    margin-top: -1px;
    width: 0;
    transition: width ease-in 200ms;
    -moz-transition: width ease-in 200ms; /* Firefox 4 */
    -webkit-transition: width ease-in 200ms; /* Safari and Chrome */
    -o-transition: width ease-in 200ms; /* Opera */
    -ms-transition: width ease-in 200ms; /* IE9? */
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.dg-loadlist01 .bar span {
    position: absolute;
    right: 0;
    top: -31px;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
    display: none;
	color:#333;
}

.dg-loadlist02 .bar {
	background-color: #999999;
	color: #999;
	border-radius: 15px;
}
.dg-loadlist02 .progress {
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	border-radius: 15px;
	background-color: #ececec;
	margin: 0 0 30px 0;
}
.dg-loadlist02 p {
	line-height: 1.2;
}

.dg-loadlist03 .progress {
    background-color: #dcdcdc;
    height: 12px;
    position: relative;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin: 12px 0 28px;
    overflow: visible;
}
.dg-loadlist03 .progress:last-child {
    margin: 0;
}
.dg-loadlist03 p{
    line-height: 1.2;
	color:#333;
	font-size:14px;
}
.dg-loadlist03 .bar {
    height: 12px;
    width: 0;
    transition: width ease-in 200ms;
    -moz-transition: width ease-in 200ms; /* Firefox 4 */
    -webkit-transition: width ease-in 200ms; /* Safari and Chrome */
    -o-transition: width ease-in 200ms; /* Opera */
    -ms-transition: width ease-in 200ms; /* IE9? */
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.dg-loadlist03 .bar span {
    position: absolute;
    right: 0;
    top: -31px;
    line-height: 1;
    padding: 5px;
    display: none;
	color:#333;
	font-size:14px;
}


.dg-loadlist04 p{
    line-height: 1.2;
	color:#333333;
	margin-top:32px;
}
.dg-loadlist04 .progress {
    background-color: #ececec;
    height: 15px;
    position: relative;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin: 12px 0 0px;
    overflow: visible;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.dg-loadlist04 .bar {
    height: 15px;
    width: 0;
    transition: width ease-in 500ms;
    -moz-transition: width ease-in 500ms; /* Firefox 4 */
    -webkit-transition: width ease-in 500ms; /* Safari and Chrome */
    -o-transition: width ease-in 500ms; /* Opera */
    -ms-transition: width ease-in 500ms; /* IE9? */
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	position:relative;
}
.dg-loadlist04 .bar span {
    position: absolute;
	background-color:#2b2b2b;
    font-size: 13px;
	color:#FFF;
    right: 0;
    top: -31px;
    line-height: 21px;
	height:21px;
	padding:0 5px;
    display: none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.dg-loadlist04 .bar span:after{
	content:"";
	border:4px solid transparent;
	border-top-color:#2b2b2b;
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-3px;
}

.dg-loadlist05 .progress {
    background-color: #ebebeb;
    height: 12px;
    position: relative;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 12px 0 24px;
    overflow: visible;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.dg-loadlist05 .progress:last-child {
    margin: 0;
}
.dg-loadlist05 p{
    line-height: 1.2;
	font-size:14px;
}
.dg-loadlist05 .bar {
    height: 12px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
}
.dg-loadlist05 .bar span {
    position: absolute;
    right: 0;
    top: -31px;
    line-height: 1;
    padding: 5px;
    display: none;
	font-size:14px;
}

.dg-loadlist06{
}
.dg-loadlist06 .progress {
	height:12px;
	background-color:#ececec;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
    position: relative;
	overflow:visible;
}
.dg-loadlist06 .bar{
    height: 12px;
    width: 0;
	color:inherit;
	position:relative;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.dg-loadlist06 .bar span {
    position: absolute;
	background-color:#2b2b2b;
    font-size: 13px;
	color:#FFF;
    right: 0;
    top: -31px;
    line-height: 21px;
	height:21px;
	padding:0 5px;
    display: none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.dg-loadlist06 .bar span:after{
	content:"";
	border:4px solid transparent;
	border-top-color:#2b2b2b;
	position:absolute;
	top:100%;
	right:10px;
}

.dg-loadlist07{
	color:#FFF;
}
.dg-loadlist07 .progress {
	height:16px;
	background-color:#959494;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
    position: relative;
	overflow:visible;
}
.dg-loadlist07 .bar{
    height: 16px;
    width: 0;
	color:inherit;
	position:relative;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.dg-loadlist07 .bar span {
    position: absolute;
	background-color:#fff;
    font-size: 13px;
	color:#20a3f0;
    right: 0;
    top: -31px;
    line-height: 21px;
	height:21px;
	padding:0 5px;
    display: none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.dg-loadlist07 .bar span:after{
	content:"";
	border:4px solid transparent;
	border-top-color:#fff;
	position:absolute;
	top:100%;
	right:10px;
}


.dg-loadlist08{
	color:#303030;
}

.dg-loadlist08 .progress{
	height:15px;
	line-height:15px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	overflow:visible;
	margin-bottom:30px;
}
.dg-loadlist08 .bar{
    height: 15px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	position:relative;
}
.dg-loadlist08 .bar span{
	position:absolute;
	left:100%;
	top:-28px;
	color:#FFF;
	background-color:#303030;
	font-size:13px;
	padding:2px 4px 3px;
	border-radius:3px 3px 3px 0;
	-moz-border-radius:3px 3px 3px 0;
	-webkit-border-radius:3px 3px 3px 0;
	margin-left:-20px;
}
.dg-loadlist08 .bar span:after{
	content:"";
	border:2px solid transparent;
	border-top-color:#2b2b2b;
	border-left-color:#2b2b2b;
	position:absolute;
	top:100%;
	left:0;
}
.dg-loadlist09{
}
.dg-loadlist09 .progress {
	height:14px;
	background-color:#eeeeee;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
    position: relative;
	overflow:visible;
	margin:0 0 34px 0;
}
.dg-loadlist09 .bar{
    height: 14px;
    width: 0;
	color:inherit;
	position:relative;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.dg-loadlist09 .bar span {
    position: absolute;
	background-color:#dddddd;
    font-size: 13px;
	color:#616161;
    right: 0;
    top: -36px;
    line-height: 27px;
	height:27px;
	padding:0 5px;
    display: none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.dg-loadlist09 .bar span:after{
    content: "";
    border: 4px solid transparent;
    border-top: 5px solid #dddddd;
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin: 0 0 0 -4px;
}

.dg-loadlist10 p{
	font-size:14px;
}
.dg-loadlist10 .progress {
	height:10px;
	background-color:#eeeeee;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
    position: relative;
	overflow:visible;
	margin:0 0 20px 0;
}
.dg-loadlist10 .bar{
    height: 10px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.dg-loadlist10 .bar span {
	position:absolute;
	right:0;
	top:-32px;
}

.dg-loadlist11 p{
	font-size:14px;
}
.dg-loadlist11 .progress {
	height:15px;
	padding:5px;
	background-color:#dfedf6;
    -webkit-box-shadow:none;
    box-shadow:none;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
    position: relative;
	overflow:visible;
	margin:0 0 20px 0;
}
.dg-loadlist11 .bar{
    height: 5px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position:relative;
}
.dg-loadlist11 .bar span {
	position:absolute;
	right:0;
	top:-32px;
	font-size:13px;
	line-height:1;
	padding:3px 6px;
	border:1px solid #20a3f0;
	background-color:#FFFFFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.dg-loadlist11 .bar span:after{
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	border-bottom:1px solid #20a3f0;
	border-right:1px solid #20a3f0;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	top:100%;
	left:50%;
	background-color:#FFF;
	margin:-2px 0 0 -2px;
}
.dg-loadlist12 p{
	font-size:14px;
	margin-bottom:16px;
}
.dg-loadlist12 .progress {
	height:15px;
	padding:5px;
	background-color:rgba(255,255,255,0.3);
    -webkit-box-shadow:none;
    box-shadow:none;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
    position: relative;
	overflow:visible;
	margin:0 0 26px 0;
}
.dg-loadlist12 .bar{
    height: 5px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position:relative;
	background-color:#FFF;
}
.dg-loadlist12 .bar span {
	position:absolute;
	right:-15px;
	top:-32px;
	font-size:13px;
	line-height:1;
	padding:3px 6px;
	border:1px solid #fff;
	border-bottom:none;
	background-color:transparent;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.dg-loadlist12 .bar span:after,
.dg-loadlist12 .bar span:before{
	content:"";
	position:absolute;
	width:41%;
	height:5px;
	border-top:1px solid #fff;
	top:100%;
	margin-top:-1px;
}
.dg-loadlist12 .bar span:after{
	border-left:1px solid #fff;
	right:4px;
	transform:skewX(-45deg);
	-webkit-transform:skewX(-45deg);
	transform-origin:right bottom;
	-webkit-transform-origin:right bottom;
}
.dg-loadlist12 .bar span:before{
	border-right:1px solid #fff;
	left:4px;
	transform:skewX(45deg);
	-webkit-transform:skewX(45deg);
	transform-origin:left bottom;
	-webkit-transform-origin:left bottom;
}

.dg-loadlist13 p{
	font-size:14px;
	margin-bottom:7px;
}
.dg-loadlist13 .progress {
	height:15px;
	padding:0;
	background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    position: relative;
	overflow:visible;
	margin:0 0 32px 0;
	z-index:1;
}
.dg-loadlist13 .progress:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:1px solid #dddddd;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index:-1;
}
.dg-loadlist13 .bar{
    height: 15px;
	line-height:15px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-align:right;
}
.dg-loadlist13.dot .bar:after{
	content:"";
	height:11px;
	width:11px;
	display:inline-block;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background-color:#ffffff;
	vertical-align:middle;
	margin:-1px 2px 0 0;
}
.dg-loadlist13 .bar span {
	position:absolute;
	right:0px;
	top:-23px;
	font-size:13px;
	line-height:1;
	padding:3px 6px;
	border-bottom:none;
	background-color:transparent;
}

.dg-loadlist14 p{
	color:#333333;
	font-size:14px;
	margin-bottom:7px;
}
.dg-loadlist14 .progress {
	height:14px;
	padding:0;
    position: relative;
	overflow:visible;
	margin:0 0 32px 0;
	background-color:#ececec;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.2);
}
.dg-loadlist14 .bar{
    height: 14px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	position:relative;
}
.dg-loadlist14 .bar span {
	position:absolute;
	left:100%;
	margin-left:-5px;
	top:-32px;
	font-size:13px;
	line-height:1;
	padding:3px 6px;
	border-bottom:none;
	background-color:#303030;
	color:#ffffff;
	border-radius:2px 2px 2px 0;
	-moz-border-radius:2px 2px 2px 0;
	-webkit-border-radius:2px 2px 2px 0;
}
.dg-loadlist14 .bar span:after{
	content:"";
	position:absolute;
	top:100%;
	left:0;
	border:2px solid transparent;
	border-top-color:#303030;
	border-left-color:#303030;
}

.dg-loadlist15 p{
	color:#333333;
	font-size:14px;
	margin-bottom:7px;
}
.dg-loadlist15 .progress {
	height:14px;
	padding:0;
    position: relative;
	overflow:visible;
	margin:0 0 32px 0;
	background-color:#ececec;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.2);
}
.dg-loadlist15 .bar{
    height: 14px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	position:relative;
}
.dg-loadlist15 .bar span {
	position:absolute;
	left:100%;
	margin-left:-23px;
	top:-32px;
	font-size:13px;
	line-height:1;
	padding:3px 6px;
	border-bottom:none;
	background-color:#f6f6f6;
	color:#666666;
	border-radius:2px 2px 2px 0;
	-moz-border-radius:2px 2px 2px 0;
	-webkit-border-radius:2px 2px 2px 0;
}
.dg-loadlist15 .bar span:after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	border:5px solid transparent;
	border-top-color:#f6f6f6;
	margin-left:-5px;
}

.dg-loadlist16 p{
	color:#ffffff;
	font-size:14px;
	margin-bottom:7px;
}
.dg-loadlist16 .progress {
	height:15px;
	padding:5px;
	background-color:rgba(255,255,255,0.3);
    -webkit-box-shadow:none;
    box-shadow:none;
    position: relative;
	overflow:visible;
	margin:0 0 32px 0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.dg-loadlist16 .bar{
    height: 5px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	position:relative;
}
.dg-loadlist16 .bar span {
	position:absolute;
	left:100%;
	margin-left:-23px;
	top:-32px;
	font-size:13px;
	line-height:1;
	padding:3px 6px;
	border-bottom:none;
	color:#fff;
	border:1px solid #FFF;
	border-radius:2px 2px 2px 0;
	-moz-border-radius:2px 2px 2px 0;
	-webkit-border-radius:2px 2px 2px 0;
}
.dg-loadlist16 .bar span:after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	border:5px solid transparent;
	border-top-color:#f6f6f6;
	margin-left:-5px;
}
.dg-loadlist17 p{
	color:#f5f5f5;
	font-size:14px;
	margin-bottom:6px;
}
.dg-loadlist17 .progress {
	height:16px;
	padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    position: relative;
	overflow:visible;
	margin:0 0 32px 0;
	background-color:rgba(255,255,255,0.3);
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.dg-loadlist17 .bar{
    height: 16px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	position:relative;
}
.dg-loadlist17 .bar span {
	position:absolute;
	left:100%;
	margin-left:-23px;
	top:-32px;
	font-size:13px;
	line-height:1;
	padding:3px 6px;
	border-bottom:none;
	background-color:#f6f6f6;
	color:#20a3f0;
	border-radius:2px 2px 2px 0;
	-moz-border-radius:2px 2px 2px 0;
	-webkit-border-radius:2px 2px 2px 0;
}
.dg-loadlist17 .bar span:after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	border:5px solid transparent;
	border-top-color:#f6f6f6;
	margin-left:-5px;
}

.dg-loadlist18 p{
	font-size:14px;
	margin-bottom:7px;
	color:#333333;
}
.dg-loadlist18 .progress {
	height:12px;
	padding:0;
	background-color:#dcdcdc;
    -webkit-box-shadow:none;
    box-shadow:none;
    position: relative;
	overflow:visible;
	margin:0 0 23px 0;
	z-index:1;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.dg-loadlist18 .bar{
    height: 12px;
	line-height:12px;
    width: 0;
	color:#333333;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-align:right;
}
.dg-loadlist18 .bar span {
	position:absolute;
	right:0px;
	top:-23px;
	font-size:14px;
	line-height:1;
	padding:3px 6px;
	border-bottom:none;
	background-color:transparent;
	color:#666;
}

.dg-loadlist19 p{
	font-size:14px;
	margin-bottom:7px;
	color:#333333;
}
.dg-loadlist19 .progress {
	height:10px;
	padding:0;
	background-color:#ebebeb;
    -webkit-box-shadow:none;
    box-shadow:none;
    position: relative;
	overflow:visible;
	margin:0 0 18px 0;
	z-index:1;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
.dg-loadlist19 .bar{
    height: 10px;
	line-height:10px;
    width: 0;
	color:#333333;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	text-align:right;
}
.dg-loadlist19 .bar span {
	position:absolute;
	right:0px;
	top:-30px;
	font-size:14px;
	line-height:1;
	padding:3px 6px;
	border-bottom:none;
	background-color:transparent;
	color:#666;
}


.dg-loadlist20 p{
	font-size:14px;
	margin-bottom:7px;
	color:#333333;
}
.dg-loadlist20 .progress {
	height:10px;
	padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    position: relative;
	overflow:visible;
	margin:0 0 28px 0;
	z-index:1;
	background-color:transparent;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
.dg-loadlist20 .progress:after {
	content:"";
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	position:absolute;
	background-color:#f2f2f2;
	border:1px solid #e9e9e9;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-image: linear-gradient(to bottom, #fff , #f2f2f2, #fff );
	background-image: -webkit-linear-gradient(bottom, #fff , #f2f2f2, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f2f2f2', GradientType=0 );
}
.dg-loadlist20 .bar{
    height: 10px;
	line-height:10px;
    width: 0;
	color:#333333;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-align:right;
}
.dg-loadlist20 .bar span {
	position:absolute;
	right:0px;
	top:-21px;
	font-size:14px;
	line-height:1;
	padding:3px 6px;
	border-bottom:none;
	background-color:transparent;
	color:#666;
}

.dg-loadlist21 p{
	font-size:14px;
	margin-bottom:7px;
	color:#333333;
}
.dg-loadlist21 .progress {
	height:10px;
	padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    position: relative;
	overflow:visible;
	margin:0 0 28px 0;
	z-index:1;
	background-color:transparent;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
.dg-loadlist21 .progress:after {
	content:"";
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	position:absolute;
	background-color:#f2f2f2;
	border:1px solid #e9e9e9;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-image: linear-gradient(to bottom, #fff , #f2f2f2, #fff );
	background-image: -webkit-linear-gradient(bottom, #fff , #f2f2f2, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f2f2f2', GradientType=0 );
}
.dg-loadlist21 .bar{
    height: 10px;
	line-height:10px;
    width: 0;
	color:#333333;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-align:right;
    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
	position:relative;
}
.dg-loadlist21 .bar span {
	position:absolute;
	right:0px;
	top:-29px;
	font-size:13px;
	line-height:1;
	padding:3px 6px;
	border-bottom:none;
	color:#20a3f0;
	border:1px solid #20a3f0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#FFF;
}
.dg-loadlist21 .bar span:after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	margin:-2px 0 0 -3px;
	width:5px;
	height:5px;
	border-bottom:1px solid #20a3f0;
	border-right:1px solid #20a3f0;
	background-color:#FFF;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}

.dg-loadlist22 p{
	color:#333333;
	font-size:14px;
	margin-bottom:7px;
}
.dg-loadlist22 .progress {
	height:15px;
	padding:5px;
	background-color:rgba(255,255,255,0.3);
    -webkit-box-shadow:none;
    box-shadow:none;
    position: relative;
	overflow:visible;
	margin:0 0 32px 0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.dg-loadlist22 .bar{
    height: 5px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.dg-loadlist22 .bar:after{
	content:"";
	width:100%;
	height:15px;
	left:0;
	top:0px;
	position:absolute;
	background-color:inherit;
	z-index:-1;
	opacity:0.1;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.dg-loadlist22 .bar span {
	position:relative;
	left:100%;
	margin-left:-20px;
	top:-39px;
	font-size:13px;
	line-height:1;
	padding:3px 6px;
	border-bottom:none;
	border:1px solid ;
	border-radius:2px 2px 2px 0;
	-moz-border-radius:2px 2px 2px 0;
	-webkit-border-radius:2px 2px 2px 0;
}
.dg-loadlist22 .bar span:after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	border-top:5px solid;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	margin-left:-5px;
}

.dg-loadlist23 p{
	color:#333333;
	font-size:14px;
	margin-bottom:7px;
}
.dg-loadlist23 .progress {
	height:15px;
	padding:5px;
	background-color:rgba(255,255,255,0.3);
    -webkit-box-shadow:none;
    box-shadow:none;
    position: relative;
	overflow:visible;
	margin:0 0 32px 0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.dg-loadlist23 .bar{
    height: 5px;
    width: 0;
	color:inherit;
    transition: width ease-in 400ms;
    -moz-transition: width ease-in 400ms; /* Firefox 4 */
    -webkit-transition: width ease-in 400ms; /* Safari and Chrome */
    -o-transition: width ease-in 400ms; /* Opera */
    -ms-transition: width ease-in 400ms; /* IE9? */
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.dg-loadlist23 .bar:after{
	content:"";
	width:100%;
	height:15px;
	left:0;
	top:0px;
	position:absolute;
	background-color:inherit;
	z-index:-1;
	opacity:0.1;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.dg-loadlist23 .bar span {
	position:relative;
	left:100%;
	margin-left:-20px;
	top:-39px;
	font-size:13px;
	line-height:1;
	padding:3px 6px;
	background-color:inherit;
	color:#FFF;
	border-radius:2px 2px 2px 0;
	-moz-border-radius:2px 2px 2px 0;
	-webkit-border-radius:2px 2px 2px 0;
}
.dg-loadlist23 .bar span:after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	width:5px;
	height:5px;
	background-color:inherit;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	margin:-3px 0 0 -3px;
}