/***BEGIN Insights.css***/
.perf-insight-error {
  background-color: rgba( 218, 10, 0 ,  0.5 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  0.5 ); }
  .perf-insight-error .perf-segment-label {
    color: rgba(255, 255, 255, 1);
    color: var(--background-color,rgba(255, 255, 255, 1)); }

.perf-insight-warning {
  background-color: rgba(250, 157, 45, 1);
  background-color: var(--status-warning-foreground,rgba(250, 157, 45, 1));
  color: rgba(255, 255, 255, 1);
  color: var(--background-color,rgba(255, 255, 255, 1)); }
  .perf-insight-warning .perf-segment-label {
    color: rgba(255, 255, 255, 1);
    color: var(--background-color,rgba(255, 255, 255, 1)); }

.perf-insight-no-action {
  cursor: not-allowed; }
/***END Insights.css***/

/***BEGIN Reload.css***/
.perf-reload-section-status {
  margin-left: 5px;
  display: inline-block;
  width: 10px;
  height: 10px; }

@keyframes fadeInOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.perf-reload-section-message {
  margin-left: 5px;
  font-style: italic;
  animation: fadeInOut 1s infinite; }
/***END Reload.css***/

/***BEGIN Section.css***/
.perf-section {
  padding: 0 10px; }
  .perf-section.actionable {
    cursor: pointer; }
    .perf-section.actionable:hover {
      background-color: rgba( 76, 76, 76 ,  1 );
      background-color: rgba( var(--palette-neutral-70,76, 76, 76) ,  1 ); }
      body.ms-vss-web-vsts-theme-hc-dark .perf-section.actionable:hover {
        color: rgba(255, 255, 255, 1);
        color: var(--background-color,rgba(255, 255, 255, 1));
        background-color: rgba(0, 120, 212, 1);
        background-color: var(--focus-border-color,rgba(0, 120, 212, 1)); }
      body.ms-vss-web-vsts-theme-hc-light .perf-section.actionable:hover {
        color: rgba(255, 255, 255, 1);
        color: var(--background-color,rgba(255, 255, 255, 1));
        background-color: rgba(0, 120, 212, 1);
        background-color: var(--focus-border-color,rgba(0, 120, 212, 1)); }

.perf-section:not(:first-child) {
  border-left:  1px solid;
  border-left-color: rgba( 255, 255, 255 ,  1 );
  border-left-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }

.perf-section.warning {
  background-color: rgba(250, 157, 45, 1);
  background-color: var(--status-warning-foreground,rgba(250, 157, 45, 1));
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }

.perf-section-data {
  padding-left: 5px; }
/***END Section.css***/

/***BEGIN Segment.css***/
.perf-segment-data {
  padding: 0px 4px; }

.perf-segment-label {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  padding-right: 5px; }
  body.ms-vss-web-vsts-theme-hc-dark .perf-segment-label {
    color: unset;
    font-weight: bold; }
  body.ms-vss-web-vsts-theme-hc-light .perf-segment-label {
    color: unset;
    font-weight: bold; }
/***END Segment.css***/