/*����Դ��,��ʾ�õĴ��롣Դ����Ψһ���ص�ַ: http://www.bootstrapmb.com/item/7136�����˱�עֻ��������ʾվ�����ص�Դ�벻��������*//*Template Name: Hyrax UX AdminAuthor: SRGITEmail: File: css*//*Theme Colors*//*bootstrap Color*//*Light colors*//*Normal Color*//*Extra Variable*//*============================================================== Easy pie chart  ============================================================== */.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%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%); }.chart >span >img {  left: 0;  margin-top: -2px;  position: absolute;  right: 0;  text-align: center;  top: 50%;  width: 60%;  height: 60%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  margin: 0 auto; }.percent {  display: inline-block;  line-height: 100px;  z-index: 2;  font-weight: 600;  font-size: 18px;  color: #263238; }  .percent:after {    content: '%';    margin-left: 0.1em;    font-size: .8em; }/*����Դ��,��ʾ�õĴ��롣Դ����Ψһ���ص�ַ: http://www.bootstrapmb.com/item/7136�����˱�עֻ��������ʾվ�����ص�Դ�벻��������*/