/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.definitions-filterbar .definitions-command-bar {
  margin-right: 5px; }

@media screen and (max-width: 599px) {
  .definitions-filterbar {
    width: 100%; }
    .definitions-filterbar .definitions-command-bar {
      margin: 16px 8px 0 8px; } }

.pipelines-page {
  width: 100%; }

.pipeline-trigger-issues .trigger-issues-table .trigger-issue-error-message {
  padding-top: 15px;
  padding-bottom: 15px; }

.pipeline-trigger-issues .no-trigger-issues {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
  text-align: center; }

.pipelines-cell {
  height: 64px; }

.pipelines-filter-spinner {
  width: 100%; }

.pipelines-minimum-card-height {
  min-height: 400px; }

.pipelines-zero-data.pipelines-whole-page-centered {
  margin: auto; }
  .pipelines-zero-data.pipelines-whole-page-centered .vss-ZeroData {
    margin: 0; }
    .pipelines-zero-data.pipelines-whole-page-centered .vss-ZeroData .vss-ZeroDataItem--secondary {
      margin-bottom: 15px; }
  .pipelines-zero-data.pipelines-whole-page-centered .bolt-header-commandbar {
    margin-left: 0px; }

.hover-color {
  background: rgba( 244, 244, 244 ,  1 );
  background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }

.runs-table-height {
  height: 60px; }

.runs-new-row {
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 ); }
  .runs-new-row:hover {
    background-color: rgba( 244, 244, 244 ,  1 );
    background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }

.runs-new-row-content {
  font-size: 14px;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  margin: 0px auto; }

.runs-load-row-content {
  padding-top: 10px;
  height: 58px;
  margin: -9px auto; }

.right-align {
  margin-left: auto;
  margin-right: 0px;
  display: block; }

.status-badge-label {
  display: block;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  padding-bottom: 8px; }

.status-badge-text-wrapper {
  display: flex;
  flex-direction: row;
  margin-top: 16px; }
  .status-badge-text-wrapper .status-badge-url-textfield {
    flex: 1 100%; }
  .status-badge-text-wrapper .status-badge-url-copy-button {
    align-self: flex-end; }

.stage-graph-parallel {
  border: 2px solid;
  border-radius: 16px;
  padding-left: 2px;
  padding-right: 2px; }
  .stage-graph-parallel.success {
    border-color: rgba(16, 124, 16, 1);
    border-color: var(--status-success-foreground,rgba(16, 124, 16, 1)); }
  .stage-graph-parallel.failed {
    border-color: rgba(205, 74, 69, 1);
    border-color: var(--status-error-foreground,rgba(205, 74, 69, 1)); }
  .stage-graph-parallel.warning {
    border-color: rgba(250, 157, 45, 1);
    border-color: var(--status-warning-foreground,rgba(250, 157, 45, 1)); }
  .stage-graph-parallel.active {
    border-color: rgba(0, 120, 212, 1);
    border-color: var(--status-info-foreground,rgba(0, 120, 212, 1)); }
  .stage-graph-parallel.neutral {
    border-color: rgba( 102, 102, 102 ,  1 );
    border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ); }

.stage-graph-empty-separator {
  width: 10px; }

.stage-cell {
  width: 100%; }

.stage-cell-content {
  width: min-content; }

.status-pill.border {
  border: 1px solid;
  border-radius: 12px;
  padding: 1px 2px; }
  .status-pill.border:hover {
    background-color: rgba(0, 0, 0, 0.06); }
  .status-pill.border .stage-pill-count {
    margin: 0px 5px; }
  .status-pill.border.success {
    border-color: rgba(16, 124, 16, 1);
    border-color: var(--status-success-foreground,rgba(16, 124, 16, 1));
    color: rgba(16, 124, 16, 1);
    color: var(--status-success-foreground,rgba(16, 124, 16, 1)); }
  .status-pill.border.failed {
    border-color: rgba(205, 74, 69, 1);
    border-color: var(--status-error-foreground,rgba(205, 74, 69, 1));
    color: rgba(205, 74, 69, 1);
    color: var(--status-error-foreground,rgba(205, 74, 69, 1)); }
  .status-pill.border.warning {
    border-color: rgba(250, 157, 45, 1);
    border-color: var(--status-warning-foreground,rgba(250, 157, 45, 1));
    color: rgba(250, 157, 45, 1);
    color: var(--status-warning-foreground,rgba(250, 157, 45, 1)); }
  .status-pill.border.active {
    border-color: rgba(0, 120, 212, 1);
    border-color: var(--status-info-foreground,rgba(0, 120, 212, 1));
    color: rgba(0, 120, 212, 1);
    color: var(--status-info-foreground,rgba(0, 120, 212, 1)); }
  .status-pill.border.neutral {
    border-color: rgba( 102, 102, 102 ,  1 );
    border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
    color: rgba( 102, 102, 102 ,  1 );
    color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ); }

.vss-DetailsList.ms-DetailsList.vss-DetailsList--twoLine.ci-detail-list .ms-List-cell {
  border-bottom: none; }

.history-filterbar-persona-container {
  display: flex;
  align-items: center; }

.favorite-icon-color {
  color: #ffbe00; }

.history-filterbar-persona-name {
  margin-left: 6px; }

.branch-item {
  display: flex;
  flex-direction: row; }

.branch-list-item-icon {
  margin-left: 4px;
  margin-right: 12px;
  overflow: visible;
  display: inline-flex; }

.branch-filter-favorite-icon {
  margin-right: 6px;
  color: #ffbe00; }

.branch-list-favorite-icon-div {
  margin: 1px; }

.branch-list-item-text {
  overflow: hidden;
  flex-grow: 1;
  margin-right: 12px;
  padding-bottom: 1px; }

.branch-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis; }

.repo-filter-logo {
  margin-right: 6px; }

.repo-filter-GitLogo {
  color: #f05133; }

.repo-filter-TFVCLogo {
  color: #68217a; }

.bolt-header-icon.l {
  margin-top: 5px; }

.pipelines-folder-icon {
  color: #dcb67a;
  color: var(--icon-folder-color,#dcb67a); }

.branches-view-histogram .histogram-items-list {
  padding: 0px 0px 0px 0px; }
  .branches-view-histogram .histogram-items-list .histogram-items-list-item {
    margin: 0px 1px 0px 1px; }
    .branches-view-histogram .histogram-items-list .histogram-items-list-item .histogram-item-container {
      background-color: rgba( 234, 234, 234 ,  1 );
      background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
      border-radius: 2px 2px 0px 0px; }

.pipelines-draft-indicator {
  margin-left: 2px; }

.pipelines-tree .pipeline-name {
  min-width: 50px; }

.runs-table .stages-mobile {
  padding-left: 12px; }

.bolt-table-card .branches-table-scroll {
  overflow-x: auto; }

.status-dropdown .bolt-status {
  margin-left: 4px;
  margin-right: 12px; }