.circle-chart__percent,.circle-chart__subline{alignment-baseline:central;text-anchor:middle}.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:2s ease-in-out infinite Animation;-moz-animation:2s ease-in-out infinite Animation;animation:2s ease-in-out infinite Animation}.sonny_progressbar .targetBar.loader{-webkit-animation:4s ease-in-out infinite AnimationB;-moz-animation:4s ease-in-out infinite AnimationB;animation:4s ease-in-out infinite AnimationB;background-image:url('animated-overlay.gif')}.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%,100%{opacity:.4}50%{opacity:1}}@-moz-keyframes Animation{0%,100%{opacity:.4}50%{opacity:1}}@-webkit-keyframes Animation{0%,100%{opacity:.4}50%{opacity:1}}@keyframes AnimationB{0%,100%{opacity:.01}50%{opacity:.1}}@-moz-keyframes AnimationB{0%,100%{opacity:.01}50%{opacity:.1}}@-webkit-keyframes AnimationB{0%,100%{opacity:.01}50%{opacity:.1}}.circle-chart{margin-bottom:35px;height:150px;width:150px}.circle-chart__circle{stroke:#00acc1;stroke-width:2;stroke-linecap:square;fill:none;animation:2s reverse circle-chart-fill;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:2s forwards circle-chart-appear;opacity:0;transform:translateY(.3em)}.circle-chart__percent{font-size:8px;display:none}.circle-chart__subline{font-size:5px}.success-stroke{stroke:#e94f85}.warning-stroke{stroke:#ffbb33}.danger-stroke{stroke:#ff4444}@keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@keyframes circle-chart-appear{to{opacity:1;transform:translateY(0)}}