@charset "utf-8";
  .dt-sc-progress { margin:55px 0px 10px; clear:both; display:inline-block; width:100%; border-radius:3px; height:12px; padding:1px; border:1px solid; border-radius:20px; }
.dt-sc-progress .dt-sc-bar { position:relative; }
.dt-sc-bar-text { font-size:14px; font-weight:600; margin-bottom:5px; margin:-36px 0px 0px; }
.dt-sc-progress .dt-sc-bar-text > span { float:right; display:inline-block; }
@-webkit-keyframes progress-bar-stripes {
from {
background-position: -20px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: -20px 0;
}
to {
background-position: 0 0;
}
}
@-ms-keyframes progress-bar-stripes {
from {
background-position: -20px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: -20px 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: -20px 0;
}
to {
background-position: 0 0;
}
}
.dt-sc-progress .dt-sc-bar {
width: 0%;
height: 100%;
float: left;
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
border-radius:20px;
}
.dt-sc-progress .dt-sc-bar + .dt-sc-bar {
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
.dt-sc-progress-striped .dt-sc-bar {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
-o-background-size: 20px 20px;
background-size: 20px 20px;
}
.dt-sc-progress.active .dt-sc-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
} .dt-sc-progress.type2 { height:26px; border:2px solid rgba(0, 0, 0, 0.05); border-radius:30px; padding:0px; } 
.dt-sc-progress.type2 .dt-sc-bar-text > span { margin:14px 0px 0px; border:5px solid #ffffff; width:60px; height:60px; font-size:16px; line-height:60px; text-align:center; border-radius:50%; color:#ffffff; position:relative; right:-2px; }
.dt-sc-progress.type2 .dt-sc-bar-text { text-transform:uppercase; font-weight:bold; }
.dt-sc-progress.type2 .dt-sc-bar { box-shadow:none; }
.dt-sc-progress.type2.blue .dt-sc-bar-text > span { background:#4b9dc7; }
.dt-sc-progress.type2.orange .dt-sc-bar-text > span { background:#e49b5c; }
.dt-sc-progress.type2.green .dt-sc-bar-text > span { background:#91b962; }
.dt-sc-progress.type2.yellow .dt-sc-bar-text > span { background:#eecf6f; } .dt-sc-progress-wrapper { float:left; clear:both; width:100%; margin:15px 0px 0px; }
.dt-sc-progress-wrapper .dt-sc-bar-title { float:left; width:27%; padding:0px 20px 0px 0px; font-size:14px; text-transform:uppercase; font-weight:bold; }
.dt-sc-progress-wrapper .dt-sc-progress { float:left; width:73%;  background:rgba(0, 0, 0, 0.1); border:none; clear:none; height:7px; margin:10px 0px 0px; padding:0px; }
.dt-sc-progress-wrapper .dt-sc-bar-text { margin-top:-25px; }
.dt-sc-progress-wrapper .dt-sc-bar-text span { position:relative; }
.dt-sc-progress-wrapper .dt-sc-bar-text span:before { content:""; position:absolute; left:-19px; top:7px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #000000; } .dt-sc-dark-bg .dt-sc-progress { background-color: #444444; }
.dt-sc-progress { border-color:#000000; }
.dt-sc-bar-text { color:#000000; }
.dt-sc-dark-bg .dt-sc-bar-text { color:#ffffff; } .dt-sc-infographic-bar { padding:0px 0px 0px 120px; display:block; margin:0px; position:relative; min-height:150px; clear:both; }
.dt-sc-infographic-bar .dt-sc-progress .dt-sc-bar{ border-radius:3px;}
.dt-sc-infographic-bar .dt-sc-bar-text{ margin:auto;}
.dt-sc-infographic-bar .fa { font-size:140px; position:absolute; left:0; top:0; right:0; width:120px; }
.dt-sc-infographic-bar .dt-sc-bar-percentage { font-size:20px; font-weight:bold; color:#333334; position:relative; display:block; height:20px; margin-bottom:25px; }
.dt-sc-infographic-bar .dt-sc-bar-percentage:after { border-bottom:1px solid #333334; bottom:0; content:""; left: 45px; right: 0; position: absolute; width: auto; }
.dt-sc-infographic-bar .dt-sc-bar-percentage span { position:relative; top:8px; left:0px; display:inline-block; padding-right:5px; }
.dt-sc-infographic-bar .dt-sc-progress { height: 44px; margin:auto; border-radius: 3px; border: none; background-color: #ededed;}
.dt-sc-infographic-bar .dt-sc-progress-striped .dt-sc-bar { background-size: 40px 40px; -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -ms-background-size: 40px 40px; -o-background-size: 40px 40px; }  @media only screen and (min-width:992px) and (max-width:1199px) {
.dt-sc-progress-wrapper .dt-sc-bar-title { font-size: 12px; }
} @media only screen and (min-width:768px) and (max-width:991px) {
.dt-sc-progress-wrapper .dt-sc-bar-title { font-size: 11px; padding: 0 15px 0 0; width: 30%; }
.dt-sc-progress-wrapper .dt-sc-progress { width: 70%; }	
}  @media only screen and (min-width: 480px) and (max-width: 767px) {
.dt-sc-progress-wrapper .dt-sc-bar-title { font-size: 10px; padding: 0 10px 0 0; width: 32%; }
.dt-sc-progress-wrapper .dt-sc-progress { width: 68%; }
} @media only screen and (max-width: 479px) { .dt-sc-bar-text { margin: -25px 0 0; }
.dt-sc-progress .dt-sc-bar-text > span { margin: 10px 0 0; text-align: right; width: 100%; }
.dt-sc-progress-wrapper .dt-sc-bar-text > span { margin: 0; width: auto; }
.dt-sc-progress-wrapper .dt-sc-bar-title, .dt-sc-progress-wrapper .dt-sc-progress { width: 100%; }
.dt-sc-progress-wrapper .dt-sc-bar-title { padding: 0 0 20px; }
} @media only screen and (max-width: 319px) { .dt-sc-bar-text { font-size: 10px; line-height: normal; position: relative; }
.dt-sc-progress .dt-sc-bar-text > span { position: absolute; bottom: 0; right: 0; }
.dt-sc-progress-wrapper .dt-sc-bar-title { font-size: 10px; }
}