/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.run-details-page {
  width: 100%; }

.run-view-header {
  flex-direction: column; }

.run-details-tab-content .external-content {
  height: 100%; }

.unified-testtab-extension-tab-content {
  flex-grow: 1;
  overflow-y: hidden;
  min-height: 450px; }

.run-details-extension-tab-content {
  height: 100%; }

.no-overflow {
  overflow: unset; }

.bolt-focus-visible .stage-graph .stage-card .stageExpandButton {
  visibility: visible;
  opacity: 1; }

.stage-graph {
  padding-top: 32px; }

.bolt-focus-visible .stage-card:focus {
  animation: ms-focus-shadow-pulse 4s ease-in-out infinite;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.23);
  box-shadow: 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23));
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1)); }
  @media (forced-colors: active) {
    .bolt-focus-visible .stage-card:focus {
      animation: none; } }
  @media screen and (-ms-high-contrast: active) {
    .bolt-focus-visible .stage-card:focus {
      border-color: highlight; } }

.rejected-check-base-status {
  color: rgba(218, 10, 0, 1);
  color: var(--status-error-text,rgba(218, 10, 0, 1)); }

.summary-checks-issue-icon {
  padding: 0px 6px;
  display: inline-flex;
  font-size: 1.5em; }
  .summary-checks-issue-icon .warning {
    color: rgba(184, 94, 6, 1);
    color: var(--status-warning-text,rgba(184, 94, 6, 1)); }
  .summary-checks-issue-icon .error {
    color: rgba(205, 74, 69, 1);
    color: var(--status-error-foreground,rgba(205, 74, 69, 1)); }

.stage-card {
  min-width: 224px;
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  border-radius: 4px;
  transition: background-color 80ms linear; }
  body.ms-vss-web-vsts-theme-hc-dark .stage-card {
    border-color: rgba(0, 120, 212, 1);
    border-color: var(--focus-border-color,rgba(0, 120, 212, 1)); }
  body.ms-vss-web-vsts-theme-hc-light .stage-card {
    border-color: rgba(0, 120, 212, 1);
    border-color: var(--focus-border-color,rgba(0, 120, 212, 1)); }
  .stage-card .stage-info-row {
    padding-top: 9px;
    padding-right: 8px; }
  .stage-card .error-text {
    color: rgba(218, 10, 0, 1);
    color: var(--status-error-text,rgba(218, 10, 0, 1)); }
  .stage-card .can-activate-item {
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9));
    border-radius: 2px; }
    .stage-card .can-activate-item:hover {
      background-color: rgba( 239, 239, 239 ,  1 );
      background-color: rgba( var(--palette-neutral-6,239, 239, 239) ,  1 ); }
  .stage-card .stageExpandButton {
    visibility: hidden;
    opacity: 0;
    transition: visibility 80ms linear, opacity 80ms linear; }
  .stage-card .stageExpandButtonPlaceholder {
    height: 28px;
    width: 28px; }
  .stage-card:hover {
    background-color: rgba( 248, 248, 248 ,  1 );
    background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 ); }
    .stage-card:hover .stageExpandButton {
      visibility: visible;
      opacity: 1; }
  .stage-card:focus {
    outline: none; }
    body.ms-vss-web-vsts-theme-hc-dark .stage-card:focus {
      outline: 2px solid rgba(0, 90, 158, 1);
      outline: 2px solid var(--communication-foreground,rgba(0, 90, 158, 1)); }
    body.ms-vss-web-vsts-theme-hc-light .stage-card:focus {
      outline: 2px solid rgba(0, 90, 158, 1);
      outline: 2px solid var(--communication-foreground,rgba(0, 90, 158, 1)); }
  .stage-card .stage-card-primary {
    padding: 4px 4px 12px 12px;
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
    .stage-card .stage-card-primary .stage-title {
      font-weight: 600; }
    .stage-card .stage-card-primary .stage-icon-margin {
      margin-right: 8px; }
    .stage-card .stage-card-primary .stage-progress-row {
      padding-top: 6px;
      padding-right: 8px; }
    .stage-card .stage-card-primary .primary-message {
      padding: 1px 8px 3px 8px;
      border-radius: 100px;
      height: 20px;
      color: rgba( 255, 255, 255 ,  1 );
      color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
      background-color: rgba(0, 90, 158, 1);
      background-color: var(--communication-foreground,rgba(0, 90, 158, 1)); }
      .stage-card .stage-card-primary .primary-message .message {
        height: 16px; }
  .stage-card .stage-card-secondary {
    padding: 2px 8px;
    border-top: rgba( 218, 218, 218 ,  1 ) solid 1px;
    border-top: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ) solid 1px; }
  .stage-card .stage-card-footer {
    padding: 12px; }
    .stage-card .stage-card-footer .update-stage {
      width: 100%; }
    .stage-card .stage-card-footer .update-stage-split {
      width: 165px; }
    .stage-card .stage-card-footer .update-stage-secondary {
      width: 100%;
      margin-top: 12px; }
  .stage-card .job-row {
    margin: 8px 0px;
    padding: 4px; }

.stage-graph .dtc-graph-list-parent {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .stage-graph .dtc-graph-list-parent .dtc-incoming-edge-canvas {
    height: 100%;
    width: 100%; }

.stage-graph .dtc-canvas-container .dtc-canvas-error {
  margin-top: 5px; }

.stage-graph .dtc-canvas-container .dtc-graph-container {
  position: relative; }
  .stage-graph .dtc-canvas-container .dtc-graph-container .svg-surface {
    z-index: -1;
    vertical-align: top; }

.stage-graph .dtc-canvas-path {
  stroke: rgba( 200, 200, 200 ,  1 );
  stroke: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  stroke-width: 2;
  fill: none; }

.summary-card-icon {
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  width: 12px; }

.summary-view-compact {
  padding-left: 3px; }
  @media screen and (max-width: 599px) {
    .summary-view-compact {
      padding-left: 0; } }

.summary-card-content {
  padding-bottom: 3px; }
  .summary-card-content .summary-info {
    width: 372px; }
  .summary-card-content .empty-summary-row {
    height: 26px; }
  .summary-card-content .summary-line-compact {
    width: 128px; }
  .summary-card-content .summary-line-non-link {
    padding-left: 6px;
    padding-top: 3px;
    padding-bottom: 3px; }
  .summary-card-content .pipelines-icon-right-margin {
    width: 12px;
    font-size: 12px; }
  .summary-card-content .icon-margin {
    font-size: 12px; }
  .summary-card-content .pipeline-link {
    min-width: 0;
    padding: 3px 6px;
    margin-left: 0; }
  .summary-card-content .summary-header {
    padding-bottom: 16px; }
    @media screen and (max-width: 599px) {
      .summary-card-content .summary-header {
        padding-bottom: 0; } }

.jobs-card-page {
  min-width: 100%;
  padding-top: 16px; }

.jobs-card-page .bolt-tabbar {
  padding: 0px 20px 0px 12px; }

.jobs-card-content {
  border-top: rgba( 234, 234, 234 ,  1 ) solid 0.5px;
  border-top: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ) solid 0.5px; }

.jobs-table-icon {
  height: 18px;
  line-height: 18px; }

.retained-icon {
  margin-right: 6px;
  height: 20px;
  font-size: 12px;
  line-height: 20px; }

.warning-text {
  color: #CD4A45; }

.icons-margin {
  margin-left: 6px;
  margin-right: 6px;
  max-height: 15px;
  max-width: 15px; }

.margin-left-32 {
  margin-left: 32px; }