
/* Webkit animation keyframes */
@-webkit-keyframes animate-stripes {
 from {
 background-position: 0 0;
}
 to {
 background-position: 44px 0;
}
}
 @-moz-keyframes animate-stripes {
 from {
 background-position: 0 0;
}
 to {
 background-position: 36px 0;
}
}
.ui-progress-bar {
	position: relative;
	height: 6px;
	padding-right: 2px;
	background-color: #ececec;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-o-border-radius: 25px;
	-ms-border-radius: 25px;
	-khtml-border-radius: 25px;
	border-radius: 25px;
/*	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #949daa), color-stop(100%, #abb2bc));
	background: -webkit-linear-gradient(#949daa 0%, #abb2bc 100%);
	background: -moz-linear-gradient(#949daa 0%, #abb2bc 100%);
	background: -o-linear-gradient(#949daa 0%, #abb2bc 100%);
	background: -ms-linear-gradient(#949daa 0%, #abb2bc 100%);
	background: linear-gradient(#949daa 0%, #abb2bc 100%);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
	-o-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
	box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;*/
	width: 87%;
	margin-left: 22px;
}
.ui-progress-bar.blue .ui-progress {
	background-color: #339BB9!important;
	border: 1px solid #287a91;
}
.ui-progress-bar.error .ui-progress {
	background-color: #C43C35 !important;
	border: 1px solid #9c302a;
}
.ui-progress-bar.warning .ui-progress {
	background-color: #D9B31A!important;
	border: 1px solid #ab8d15;
}
.ui-progress-bar.success .ui-progress {
	background-color: #57A957!important;
	border: 1px solid #458845;
}
.ui-progress-bar.transition .ui-progress {
	-moz-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
	-webkit-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
	-o-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
	transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
}
.ui-progress-bar .ui-progress {
	position: relative;
	display: block;
	overflow: hidden;
	height: 6px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-o-border-radius: 25px;
	-ms-border-radius: 25px;
	-khtml-border-radius: 25px;
	border-radius: 25px;
	width:0px;
/*	-webkit-background-size: 44px 44px;
	-moz-background-size: 36px 36px;*/
	background-color: #74d04c;
/*	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .6)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .6)), color-stop(.75, rgba(255, 255, 255, .6)), color-stop(.75, transparent), to(transparent) );
	background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%), #74d04c;
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
	-o-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);*/
	border: 1px solid #57a535;
/*	-moz-animation: animate-stripes 2s linear infinite;
	-webkit-animation: animate-stripes 2s linear infinite;
	-o-animation: animate-stripes 2s linear infinite;
	-ms-animation: animate-stripes 2s linear infinite;
	-khtml-animation: animate-stripes 2s linear infinite;
	animation: animate-stripes 2s linear infinite;*/
}
.ui-progress-bar .ui-progress span.ui-label {
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-khtml-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 13px;
	position: absolute;
	right: 0;
	line-height: 23px;
	padding-right: 12px;
	color: rgba(0, 0, 0, 0.6);
	text-shadow: rgba(255, 255, 255, 0.45) 0 1px 0px;
	white-space: nowrap;
}
.ui-progress-bar .ui-progress span.ui-label b {
	font-weight: bold;
}
