.chart{position:relative;display:inline-block;width:100px;height:100px;margin-top:20px;margin-bottom:20px;text-align:center}.chart canvas{position:absolute;top:0;left:0}.chart.chart-widget-pie{margin-top:5px;margin-bottom:5px}.pie-chart>span{left:0;margin-top:-2px;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%)}.chart>span>img{left:0;position:absolute;right:0;text-align:center;top:50%;width:60%;height:60%;transform:translateY(-50%);margin:0 auto}.percent{display:inline-block;line-height:100px;z-index:2;font-weight:600;font-size:18px;color:#343a40}.percent:after{content:'%';margin-left:.1em;font-size:.8em}