.performance-panel {
  background-color: rgba( 51, 51, 51 ,  1 );
  background-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  display: flex;
  flex-grow: 1;
  margin: 0;
  overflow: hidden;
  padding: 3px 0;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .performance-panel .scenario {
    margin: 0 8px; }
  body.ms-vss-web-vsts-theme-hc-dark .performance-panel {
    background-color: unset;
    color: unset;
    border-top: 2px solid rgba(0, 120, 212, 1);
    border-top: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1)); }
  body.ms-vss-web-vsts-theme-hc-light .performance-panel {
    background-color: unset;
    color: unset;
    border-top: 2px solid rgba(0, 120, 212, 1);
    border-top: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1)); }

.performance-dialog {
  /**
     * Start Override - Fabric styles
     */
  /**
     * End Override - Fabric styles
     */ }
  .performance-dialog .ms-Dialog-inner {
    display: flex;
    flex-grow: 1; }
  .performance-dialog .ms-Viewport {
    display: flex;
    flex-grow: 1; }
  .performance-dialog .ms-DetailsList {
    flex-grow: 1; }
  .performance-dialog .ms-DetailsList > div {
    /* Grid element */
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .performance-dialog .ms-DetailsList > div > div:last-child {
    /* List container element */
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto; }
  .performance-dialog .dialog-container {
    display: flex;
    flex-direction: column; }
  .performance-dialog .dialog-full-size {
    height: 90vh;
    max-height: inherit;
    max-width: inherit;
    width: 90vw; }
  .performance-dialog .dialog-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden; }

.performance-dialog.dialog-full-size {
  height: 90vh;
  max-height: inherit;
  max-width: inherit;
  width: 90vw; }

.dialog--feedback .feedback-info {
  margin-bottom: 10px; }

.dialog--diagnostics .canvas {
  flex-grow: 1; }

.dialog--diagnostics .canvas circle {
  stroke: #fff;
  stroke-width: 1.5px; }

.dialog--perf-stats .icon-centered {
  align-self: center; }

.dialog--perf-stats .list-cell {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-grow: 1; }

.dialog--perf-stats .list-cell-items-fs {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-grow: 1; }

.dialog--perf-stats .statistic-expand-icon {
  cursor: pointer;
  font-size: 8px;
  padding: 0px 5px; }

.dialog--perf-stats .spacer-container {
  display: inline-block; }

.dialog--perf-stats .spacer-container > div {
  display: inline-block;
  width: 16px; }

.dialog--perf-stats .variable-height-text {
  align-items: baseline;
  display: flex; }

.dialog--perf-stats .scenarios-summary {
  align-self: center;
  background-color: rgba(0, 0, 0, .55);
  background-color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  display: flex;
  justify-content: space-around;
  margin-bottom: 10px;
  width: 100%; }
  .dialog--perf-stats .scenarios-summary span {
    padding: 5px; }

.dialog--perf-stats .right-aligned-column {
  text-align: right; }

.dialog--data-provider-exceptions .exception-contribution-id {
  font-weight: bold; }

.dialog--data-provider-exceptions .exception-stack-trace-column {
  white-space: pre-wrap; }