.sonny_progressbar{margin-bottom:20px}.sonny_progressbar p.title{margin-bottom:15px}.sonny_progressbar .bar-container{position:relative;height:6px!important}.sonny_progressbar .bar-container.shadow{-moz-box-shadow:0 5px 7px -3px rgba(0,0,0,.5);-webkit-box-shadow:0 5px 7px -3px rgba(0,0,0,.5);box-shadow:0 5px 7px -3px rgba(0,0,0,.5)}.sonny_progressbar .backgroundBar{position:absolute;bottom:0;top:0;left:0;right:0}.sonny_progressbar .bar{border-radius:3px;height:100%;position:absolute;top:0;left:0}.sonny_progressbar .targetBar{background-color:transparent!important;position:absolute;top:0;left:0;height:100%;-webkit-animation:Animation 2s infinite ease-in-out;-moz-animation:Animation 2s infinite ease-in-out;animation:Animation 2s infinite ease-in-out}.sonny_progressbar .targetBar.loader{-webkit-animation:AnimationB 4s infinite ease-in-out;-moz-animation:AnimationB 4s infinite ease-in-out;animation:AnimationB 4s infinite ease-in-out;background-image:url(animated-overlay.html)}.sonny_progressbar .bar-container.border .backgroundBar,.sonny_progressbar .bar-container.border .bar,.sonny_progressbar .bar-container.border .targetBar{border-bottom:3px solid rgba(0,0,0,.2)}.sonny_progressbar .progress-percent{font-size:16px;position:absolute;right:15px}@keyframes Animation{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}@-moz-keyframes Animation{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}@-webkit-keyframes Animation{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}@keyframes AnimationB{0%{opacity:.01}50%{opacity:.1}100%{opacity:.01}}@-moz-keyframes AnimationB{0%{opacity:.01}50%{opacity:.1}100%{opacity:.01}}@-webkit-keyframes AnimationB{0%{opacity:.01}50%{opacity:.1}100%{opacity:.01}}.circle-chart{margin-bottom:35px;height:150px;width:150px}.circle-chart__circle{stroke:#00acc1;stroke-width:2;stroke-linecap:square;fill:none;animation:circle-chart-fill 2s reverse;transform:rotate(20deg);transform-origin:center}.circle-chart__circle--negative{transform:rotate(-90deg) scale(1,-1)}.circle-chart__background{stroke:#0e4cfb;stroke-width:2;fill:none}.circle-chart__info{animation:circle-chart-appear 2s forwards;opacity:0;transform:translateY(.3em)}.circle-chart__percent{alignment-baseline:central;text-anchor:middle;font-size:8px;display:none}.circle-chart__subline{alignment-baseline:central;text-anchor:middle;font-size:5px}.success-stroke{stroke:#e94f85}.warning-stroke{stroke:#fb3}.danger-stroke{stroke:#f44}@keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@keyframes circle-chart-appear{to{opacity:1;transform:translateY(0)}}