.ax-unavailable-error-message {
  font-weight: 600;
  font-size: 0.875rem; }

.card-area-chart-container {
  margin: 0 -28px 0 -28px; }

.pipeline-outcome-passratetrend-container .pipeline-passrate-summary {
  margin-bottom: 10px;
  margin-right: 10px;
  width: 350px; }

.pipeline-outcome-passratetrend-container .card-content {
  margin: 10px 20px 0 0; }

.pipeline-outcome-passratetrend-container .card-label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }

.pipeline-outcome-passratetrend-container .donut-chart {
  margin: 0 10px 0 0;
  min-height: 60px;
  min-width: 60px; }

.pipeline-outcome-passratetrend-container .pipeline-trend {
  margin-bottom: 4px;
  margin-left: 12px; }
  .pipeline-outcome-passratetrend-container .pipeline-trend .trend-icon {
    margin-right: 4px; }

.pipeline-outcome-passratetrend-container .positive-color {
  color: rgba(16, 124, 16, 1);
  color: var(--status-success-foreground,rgba(16, 124, 16, 1)); }

.pipeline-outcome-passratetrend-container .negative-color {
  color: rgba(218, 10, 0, 1);
  color: var(--status-error-text,rgba(218, 10, 0, 1)); }

.pipeline-outcome-passratetrend-container .pipeline-passrate-trend {
  margin: 10px 0;
  width: calc(100% - 360px);
  min-width: 350px; }
  @media only screen and (max-width: 900px) {
    .pipeline-outcome-passratetrend-container .pipeline-passrate-trend {
      width: calc(100% - 40px); } }