.chart-legend,
.bar-legend,
.line-legend,
.pie-legend,
.radar-legend,
.polararea-legend,
.doughnut-legend {
  list-style-type: none;
  margin-top: 8px;
  /* NOTE: Browsers automatically add 40px of padding-left to all lists, so we should offset that, otherwise the legend is off-center */
  -webkit-padding-start: 0;
  /* Webkit */
  -moz-padding-start: 0;
  /* Mozilla */
  padding-left: 0;
  /* IE (handles all cases, really, but we should also include the vendor-specific properties just to be safe) */ }
  .chart-legend li,
  .bar-legend li,
  .line-legend li,
  .pie-legend li,
  .radar-legend li,
  .polararea-legend li,
  .doughnut-legend li {
    display: block;
    position: relative;
    padding: 0 8px 0 28px;
    height: 18px;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
    line-height: 16px;
    text-align: left;
    font-size: 13px; }
    .chart-legend li + li,
    .bar-legend li + li,
    .line-legend li + li,
    .pie-legend li + li,
    .radar-legend li + li,
    .polararea-legend li + li,
    .doughnut-legend li + li {
      margin-top: 4px; }
  .chart-legend li span + span,
  .bar-legend li span + span,
  .line-legend li span + span,
  .pie-legend li span + span,
  .radar-legend li span + span,
  .polararea-legend li span + span,
  .doughnut-legend li span + span {
    margin-left: 12px; }

.chart-legend-icon,
.bar-legend-icon,
.line-legend-icon,
.pie-legend-icon,
.radar-legend-icon,
.polararea-legend-icon,
.doughnut-legend-icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 16px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15);
  /*border-radius: 3px;*/ }