@-webkit-keyframes animate-stripes {
from {
background-position: 0 0;
}
to {
background-position: 44px 0;
}
}
.ui-progress-bar {
position: relative;
height: 35px;
padding-right: 2px;
border-bottom: 10px solid #e0e0e0;
margin-top: -25px;
}
.ui-progress {
position: relative;
display: block;
overflow: hidden;
height: 35px;
border-bottom: 10px solid #8abfed;
}
.ui-progress.two {
border-bottom: 10px solid #b2c676;
}
.ui-progress.three {
border-bottom: 10px solid #b192d0;
}
.ui-progress.four {
border-bottom: 10px solid #e7d18d;
}
.ui-progress.five {
border-bottom: 10px solid #f39191;
}
.ui-progress span.ui-label {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: 16px;
color: #272727;
position: absolute;
right: 0;
line-height: 20px;
padding-right: 12px;
white-space: nowrap;
}
.ui-progress-bar.small {
height: 34px;
border-bottom: 8px solid #e0e0e0;
margin-top: -35px;
}
.ui-progress.small {
height: 34px;
border-bottom: 8px solid #8abfed;
}
.ui-progress.small.two {
border-bottom: 8px solid #b2c676;
}
.ui-progress.small.three {
border-bottom: 8px solid #b192d0;
}
.ui-progress.small.four {
border-bottom: 8px solid #e7d18d;
}
.ui-progress.small.five {
border-bottom: 8px solid #f39191;
}
.ui-progress-bar2 {
position: relative;
height: 46px;
padding-right: 2px;
border-bottom: 10px solid #e0e0e0;
margin-top: -29px;
}
.ui-progress2 {
position: relative;
display: block;
overflow: hidden;
height: 46px;
border-bottom: 10px solid #8abfed;
}
.ui-progress2.two {
border-bottom: 10px solid #b2c676;
}
.ui-progress2.three {
border-bottom: 10px solid #b192d0;
}
.ui-progress2.four {
border-bottom: 10px solid #e7d18d;
}
.ui-progress2.five {
border-bottom: 10px solid #f39191;
}
.ui-progress2 span.ui-label {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: 13px;
color: #fff;
position: absolute;
right: 0;
line-height: 28px;
padding-right: 12px;
white-space: nowrap;
}
.ui-progress2 b {
float: left;
width: 40px;
height: 40px;
text-align: center;
background: url(//symbolhost.com/wp-content/themes/Symbol%20Host/core/shortcodes/assets/images/tooltop-graph.png) no-repeat center top;
background-size: 90%; 
}
.ui-progress-bar3 {
position: relative;
height: 40px;
padding-right: 2px;
border-bottom: 20px solid #e0e0e0;
margin-top: -25px;
}
.ui-progress3 {
position: relative;
display: block;
overflow: hidden;
height: 40px;
border-bottom: 10px solid #999;
border-bottom-width: 20px !important;
}
.ui-progress3 span.ui-label {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: 16px;
color: #272727;
position: absolute;
right: 0;
line-height: 20px;
padding-right: 12px;
white-space: nowrap;
}
.ui-progress-bar4 {
position: relative;
height: 27px;
padding-right: 2px;
background-color: #e0e0e0;
margin-top: -10px;
border-radius: 14px;
}
.ui-progress4 {
position: relative;
display: block;
overflow: hidden;
height: 27px;
background-color: #272727;
border-radius: 14px;
border: none;
}
.ui-progress4 span.ui-label {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: 14px;
color: #fff;
position: absolute;
right: 0;
line-height: 27px;
padding-right: 30px;
white-space: nowrap;
}
.ui-progress-bar4.color {
height: 22px;
border-radius: 14px;
margin-top: -5px;
}
.ui-progress4.color {
height: 22px;
border-radius: 14px;
background-color: #e54c4c;
}
.ui-progress4 span.ui-label {
line-height: 22px;
}
.pro_bar h5 {
font-weight: 500;
}