.spinner-position {
  padding-left: 110%;
  margin-top: 30px;
}

.conversion {
  margin-left: 15px;
  margin-top: 10px;
}

.pie-chart {
  margin-left: 2px;
}

.pie-chart .empty-div {
  padding-top: 20px;
}

.legend-summary {
  font-size: 21px;
  margin-top: 2px;
  font-weight: 600;
}

.legend-summary-details {
  font-size: 12px;
  margin-top: 5px;
}

.legend-summary-details .legend-details {
  display: block;
  margin-bottom: 4px;
}

.legend-summary-details .legend-details .color-rectangle-container {
  margin-right: 6px;
  margin-bottom: -1px;
}

.legend-summary-details .legend-details .color-rectangle-download, .legend-summary-details .legend-details .color-rectangle-vstsbuy, .legend-summary-details .legend-details .color-rectangle-ide-webdownload {
  fill: rgba(0, 120, 212, 1);
  fill: var(--communication-background,rgba(0, 120, 212, 1));
}

.legend-summary-details .legend-details .color-rectangle-tfsinstall, .legend-summary-details .legend-details .color-rectangle-trial, .legend-summary-details .legend-details .color-rectangle-ide-install {
  fill: #00188f;
}

.legend-summary-details .legend-details .color-rectangle-vstsinstall, .legend-summary-details .legend-details .color-rectangle-tfsbuy {
  fill: #b3d6f2;
}

.legend-summary-details .legend-details .legend-text {
  display: inline-block;
}

.legend-summary-details .legend-details .legend-count {
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.legend-summary-details .legend-details .legend-text-span {
  font-weight: 600;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}