.fruitful_pbar .fruitful_bar{margin-bottom:24px;position:relative;display:block;border-radius:32px;height:24px;background:#eee;overflow:hidden;padding:0 10px;font-family:'Raleway';font-size:14px;line-height:24px}.fruitful_pbar .fruitful_bar .ff-bar{position:absolute;top:0;bottom:0;left:0;border-radius:32px;transition:width 1s;width:0}.fruitful_pbar .fruitful_bar .ff-value{color:#4a4a4a;right:10px}.fruitful_pbar .fruitful_bar .ff-icon{left:10px}.fruitful_pbar .fruitful_bar .ff-title{left:10px;right:50px}.fruitful_pbar .fruitful_bar .ff-title,.fruitful_pbar .fruitful_bar .ff-icon,.fruitful_pbar .fruitful_bar .ff-value{position:absolute}.fruitful_pbar .fruitful_bar .ff-title,.fruitful_pbar .fruitful_bar .ff-icon{color:#fff}.fruitful_pbar .fruitful_bar.ff-iconic .ff-title{left:30px}.fruitful_pbar .fruitful_bar.ff-full .ff-value{color:#fff}.fruitful_pbar .fruitful_bar.ff-type-success .ff-bar{background-color:#3ac462}.fruitful_pbar .fruitful_bar.ff-type-info .ff-bar{background-color:#6a82af}.fruitful_pbar .fruitful_bar.ff-type-warning .ff-bar{background-color:#99782e}.fruitful_pbar .fruitful_bar.ff-type-danger .ff-bar{background-color:#f86a67}.fruitful_pbar .fruitful_bar.ff-type-success.ff-style-striped .ff-bar{background:repeating-linear-gradient(45deg, #34c36b, #34c36b 10px, #2ed36e 10px, #2ed36e 20px)}.fruitful_pbar .fruitful_bar.ff-type-info.ff-style-striped .ff-bar{background:repeating-linear-gradient(45deg, #6883ad, #6883ad 10px, #516e9b 10px, #516e9b 20px)}.fruitful_pbar .fruitful_bar.ff-type-warning.ff-style-striped .ff-bar{background:repeating-linear-gradient(45deg, #99782e, #99782e 10px, #bd9740 10px, #bd9740 20px)}.fruitful_pbar .fruitful_bar.ff-type-danger.ff-style-striped .ff-bar{background:repeating-linear-gradient(45deg, #fb6a68, #fb6a68 10px, #e45250 10px, #e45250 20px)}