/***BEGIN DetailsSection.css***/
@supports (-moz-appearance: none) {
  .pipeline-firefox-fix {
    align-items: center; } }

.build-shared-details-section {
  padding: 5px 5px 0px 8px; }
  .build-shared-details-section .details-section.details-hidden {
    display: none; }
  .build-shared-details-section .summary-primary-section {
    height: 25px; }
    .build-shared-details-section .summary-primary-section .header-text {
      margin: 0px; }
  .build-shared-details-section .summary-secondary-text {
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55));
    font-size: 0.75rem; }
  .build-shared-details-section .chevron-area {
    padding-bottom: 4px; }
  .build-shared-details-section .chevron-area .ms-Button-icon {
    font-weight: bold; }
/***END DetailsSection.css***/

/***BEGIN Histogram.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
@supports (-moz-appearance: none) {
  .pipeline-firefox-fix {
    align-items: center; } }

.build-common-histogram .histogram-items-list {
  padding: 0px 10px 0px 0px;
  margin: 0; }
  .build-common-histogram .histogram-items-list .histogram-items-list-item {
    transition: opacity 170ms ease-in-out; }
    .build-common-histogram .histogram-items-list .histogram-items-list-item:not(.no-hover-style):hover {
      background-color: rgba( 234, 234, 234 ,  1 );
      background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
      cursor: pointer; }
      .build-common-histogram .histogram-items-list .histogram-items-list-item:not(.no-hover-style):hover::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: rgba( 234, 234, 234 ,  1 );
        background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
        bottom: 100%;
        left: 0px; }
    .build-common-histogram .histogram-items-list .histogram-items-list-item .histogram-item {
      display: block;
      background-clip: content-box;
      border-radius: 2px 2px 0px 0px; }
  .build-common-histogram .histogram-items-list .padded-item {
    padding: 0px 1px 0px 1px; }
  .build-common-histogram .histogram-items-list .history-item {
    margin-bottom: 3px; }

.build-common-histogram .border-element {
  border-bottom:  2px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }

.build-common-histogram .histogram-success-color {
  background-color: rgba(85, 163, 98, 0.2);
  border: 1px solid #55A362; }

.build-common-histogram .histogram-failure-color {
  background-color: rgba(205, 74, 69, 1);
  background-color: var(--status-error-foreground,rgba(205, 74, 69, 1)); }
  @media (forced-colors: active) {
    .build-common-histogram .histogram-failure-color {
      border: 1px solid Highlight; } }

.build-common-histogram .histogram-warning-color {
  background-color: rgba(250, 157, 45, 1);
  background-color: var(--status-warning-foreground,rgba(250, 157, 45, 1)); }
  @media (forced-colors: active) {
    .build-common-histogram .histogram-warning-color {
      border: 1px solid Highlight; } }

.build-common-histogram .histogram-running-color {
  background-color: rgba(0, 90, 158, 1);
  background-color: var(--communication-foreground,rgba(0, 90, 158, 1)); }
  @media (forced-colors: active) {
    .build-common-histogram .histogram-running-color {
      border: 1px solid Highlight; } }

.build-common-histogram .histogram-unknown-color {
  background-color: rgba(0, 0, 0, .55);
  background-color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  @media (forced-colors: active) {
    .build-common-histogram .histogram-unknown-color {
      border: 1px solid Highlight; } }

.build-common-histogram .histogram-placeholder-color {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
/***END Histogram.css***/

/***BEGIN Timeline.css***/
@supports (-moz-appearance: none) {
  .pipeline-firefox-fix {
    align-items: center; } }

.build-shared-timeline {
  flex-flow: column nowrap; }
  .build-shared-timeline .snapshot {
    display: flex;
    flex-flow: row nowrap; }
    .build-shared-timeline .snapshot .marker-col {
      flex-flow: column nowrap;
      flex-basis: 0px;
      flex-grow: 0;
      padding-left: 20px\0; }
      .build-shared-timeline .snapshot .marker-col .marker-icon {
        flex-basis: auto;
        flex-grow: 0;
        border:  2px solid;
        border-color: rgba( 234, 234, 234 ,  1 );
        border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
        border-radius: 50%;
        width: 40px;
        height: 40px; }
        .build-shared-timeline .snapshot .marker-col .marker-icon .content {
          font-size: 1.125rem;
          width: 18px;
          height: 20px;
          overflow: hidden; }
        .build-shared-timeline .snapshot .marker-col .marker-icon .marker-status-icon {
          left: 20px;
          top: 20px; }
          .build-shared-timeline .snapshot .marker-col .marker-icon .marker-status-icon .counter-status {
            background-color: rgba( 218, 218, 218 ,  1 );
            background-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
            height: 25px;
            width: 25px;
            border-radius: 15%;
            text-align: center;
            display: block; }
            .build-shared-timeline .snapshot .marker-col .marker-icon .marker-status-icon .counter-status .counter-value {
              vertical-align: middle; }
    .build-shared-timeline .snapshot .content-col {
      flex-basis: 0px;
      flex-grow: 2;
      padding-left: 10px;
      margin-left: 18px\0;
      margin-top: -5px; }
    .build-shared-timeline .snapshot:not(:last-child) .content-col {
      min-height: 100px; }
    .build-shared-timeline .snapshot:not(:last-child) .marker-col .beam {
      flex-basis: 0px;
      flex-grow: 3;
      border:  1px solid;
      border-color: rgba( 234, 234, 234 ,  1 );
      border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
/***END Timeline.css***/