/* /templates2_0/module/charts/pie.less */
/**
* Круговая диаграма
* Если нужно изменить цвет внутренности диаграмы (не границ),
* то достаточно поменять цвет у фона .pie_charts
*/
/* Mixin */
/* Wrapper */
.module_charts_pie,
.module_charts_pie:before,
.module_charts_pie .pie_charts_progress,
.module_charts_pie .pie_charts_fill {
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.module_charts_pie {
  position: relative;
  background-color: #fff;
  /* Status */
}
.module_charts_pie:before {
  content: '';
  background-color: #ff5e4d;
}
.module_charts_pie .pie_charts_progress {
  clip: rect(0,100px,100px,50px);
}
.module_charts_pie .pie_charts_fill {
  clip: rect(0,50px,100px,0);
  background-color: #33935b;
  -webkit-transform: rotate(60deg);
}
.module_charts_pie.gt-50:before {
  background-color: #33935b;
}
.module_charts_pie.gt-50 .pie_charts_progress {
  clip: rect(0,50px,100px,0);
}
.module_charts_pie.gt-50 .pie_charts_fill {
  clip: rect(0,100px,100px,50px);
  background-color: #ff5e4d;
}
.module_charts_pie .pie_charts_wrapper {
  position: absolute;
  background-color: inherit;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border-radius: 50%;
}