/* 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 ); }