/***BEGIN FileList.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.fileList .fileList-icon {
  margin: 16px 12px; }

.fileList .fileList-info {
  margin: 10px;
  white-space: normal;
  word-wrap: break-word;
  min-width: 100px; }

.fileList .fileList-label {
  margin-bottom: 8px; }
/***END FileList.css***/

/***BEGIN ValidationErrors.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.validation-errors .padding-horizontal-12 {
  padding-left: 12px;
  padding-right: 12px; }

.validation-errors .padding-vertical-12 {
  padding-top: 12px;
  padding-bottom: 12px; }

.validation-errors .padding-left-12 {
  padding-left: 12px; }
/***END ValidationErrors.css***/

/***BEGIN EditorAuthLandingPage.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.ci-designer-auth-landing-page-body .circle {
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.04);
  background-color: var(--palette-black-alpha-4,rgba(0, 0, 0, 0.04));
  border-radius: 100px;
  margin-bottom: 16px;
  display: flex;
  justify-content: center; }

.ci-designer-auth-landing-page-body .source-provider-icon {
  width: 1.75rem !important;
  font-size: 1.75rem;
  border-radius: 2px; }

.ci-designer-auth-landing-page-body .primary-text {
  font-size: 1.125rem;
  font-weight: 600; }

.ci-designer-auth-landing-page-body .secondary-text {
  font-size: 0.875rem;
  font-weight: normal; }

.ci-designer-auth-landing-page-body .authorize-button {
  margin-top: 20px;
  margin-bottom: 20px; }
/***END EditorAuthLandingPage.css***/

/***BEGIN EditorHeader.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.ci-editor-header.bolt-header {
  padding-bottom: 16px; }

.ci-editor-header .ms-Button-label {
  font-weight: 600; }

.ci-editor-header .pipeline-status {
  height: 24px;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 2px;
  font-size: 0.875rem;
  font-weight: normal;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border:  1px solid;
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.ci-editor-header .runsave-with-validation-button .bolt-split-button-option {
  padding: 0 8px 0 8px; }
/***END EditorHeader.css***/

/***BEGIN PipelineVariables.css***/
.pipeline-editor-variables-panel .bolt-panel-content {
  padding: 0; }

.pipeline-editor-variables-panel .variables-content-body {
  width: 100%; }

.pipeline-editor-variables-panel .error-message {
  margin: 0 20px 20px 20px; }

.pipeline-editor-variables-panel .variables-controls-container {
  padding: 4px 20px 20px 20px;
  height: 56px; }

.pipeline-editor-variables-panel .variables-search-input {
  margin-right: 8px; }

.pipeline-editor-variables-panel .deleted-variable-row {
  cursor: default; }

.pipeline-editor-variables-panel .variable-row {
  align-items: center;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 56px;
  padding: 0 20px; }
  .pipeline-editor-variables-panel .variable-row .variable-icon {
    border-radius: 2px;
    padding: 8px;
    background-color: rgba( 239, 239, 239 ,  1 );
    background-color: rgba( var(--palette-neutral-6,239, 239, 239) ,  1 );
    margin-right: 8px; }
  .pipeline-editor-variables-panel .variable-row .variable-commands {
    height: 32px; }

.pipeline-editor-variables-panel .variable-content.is-deleted > span {
  color: rgba(0, 0, 0, .38);
  color: var(--text-disabled-color,rgba(0, 0, 0, .38)); }
  .pipeline-editor-variables-panel .variable-content.is-deleted > span.primary-text {
    text-decoration: line-through; }

.pipeline-editor-variables-panel .empty-variables-view {
  width: 224px; }
  .pipeline-editor-variables-panel .empty-variables-view .circle {
    width: 64px;
    height: 64px;
    background-color: rgba(0, 0, 0, 0.04);
    background-color: var(--palette-black-alpha-4,rgba(0, 0, 0, 0.04));
    border-radius: 40px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center; }
  .pipeline-editor-variables-panel .empty-variables-view .empty-icon {
    font-size: 1rem; }
  .pipeline-editor-variables-panel .empty-variables-view .empty-text {
    width: 100%; }
  .pipeline-editor-variables-panel .empty-variables-view .empty-new-button {
    margin: 40px 0 20px 0; }
  .pipeline-editor-variables-panel .empty-variables-view .no-width {
    width: 0; }

.pipeline-editor-variable-edit-callout .bolt-callout-modal, .pipeline-editor-variable-edit-callout.bolt-callout-modal {
  background-color: transparent; }

.pipeline-editor-variable-edit-panel .variable-edit-name-container {
  margin-bottom: 20px; }

.pipeline-editor-variable-edit-panel .variable-edit-checkbox {
  margin-top: 4px; }
  .pipeline-editor-variable-edit-panel .variable-edit-checkbox.first-checkbox {
    margin-top: 6px; }

.pipeline-editor-variable-edit-panel .variable-help-container {
  margin-top: 40px;
  word-break: break-all;
  word-break: break-word; }

.pipeline-editor-variable-edit-panel .variable-help-section {
  margin-bottom: 20px; }

.pipeline-editor-variable-edit-panel .code-format {
  font-family: Menlo, Consolas, Courier New, monospace;
  font-size: 0.8125rem;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.04);
  background-color: var(--palette-black-alpha-4,rgba(0, 0, 0, 0.04));
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  padding: 2px 4px;
  border-radius: 2px; }
/***END PipelineVariables.css***/

/***BEGIN RepositorySelector.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.repository-selection {
  width: 660px; }
  .repository-selection .repository-picker-footer {
    padding-top: 15px;
    padding-bottom: 20px; }
    .repository-selection .repository-picker-footer .repository-picker-footer-icon {
      padding-top: 3px; }
    .repository-selection .repository-picker-footer .repository-picker-footer-text {
      padding-left: 8px; }

.rounded-corners {
  border-radius: 2px; }
/***END RepositorySelector.css***/

/***BEGIN SavePanel.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.ci-designer-save-panel-body .error-message {
  margin-bottom: 24px;
  word-break: break-word; }

.ci-designer-save-panel-body .section-content {
  margin-bottom: 20px; }

.ci-designer-save-panel-body .commit-new-branch {
  margin: 8px 0 0 28px; }

.ci-designer-save-panel-footer > .loading-indicator {
  padding: 7px 13px; }
/***END SavePanel.css***/

/***BEGIN TemplateSelector.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.template-selector .template-view {
  width: 800px; }

.template-selector .all-templates-button {
  margin-top: 30px; }

.progress {
  width: 660px; }
/***END TemplateSelector.css***/

/***BEGIN Wizard.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.ci-designer-wizard-view .header-section {
  margin-bottom: 20px; }

.ci-designer-wizard-view .wizard-view-detail {
  padding-top: 8px; }
  .ci-designer-wizard-view .wizard-view-detail .source-provider-selector {
    width: 640px; }
  .ci-designer-wizard-view .wizard-view-detail .old-designer-fallback {
    padding-top: 20px; }
  .ci-designer-wizard-view .wizard-view-detail .vss-DetailsList--titleCellTwoLine {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .ci-designer-wizard-view .wizard-view-detail .vss-DetailsList--titleCellTwoLine .vss-DetailsList--titleCellIcon,
    .ci-designer-wizard-view .wizard-view-detail .vss-DetailsList--titleCellTwoLine .vss-DetailsList--titleCellIcon--image {
      line-height: unset; }
      .ci-designer-wizard-view .wizard-view-detail .vss-DetailsList--titleCellTwoLine .vss-DetailsList--titleCellIcon .ms-Image,
      .ci-designer-wizard-view .wizard-view-detail .vss-DetailsList--titleCellTwoLine .vss-DetailsList--titleCellIcon--image .ms-Image {
        margin: 0px;
        width: unset;
        height: unset; }
    .ci-designer-wizard-view .wizard-view-detail .vss-DetailsList--titleCellTwoLine .vss-DetailsList--titleCellIcon--image {
      margin-right: 0px; }
/***END Wizard.css***/

/***BEGIN WizardList.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.wizard-list tr.bolt-list-row + tr.bolt-list-row td {
  border-top-width: 1px;
  border-top-color: rgba(0, 0, 0, .08);
  border-top-color: var(--border-subtle-color,rgba(0, 0, 0, .08)); }

.wizard-list .list-icon {
  font-size: 32px;
  margin: 12px; }

.wizard-list .list-image {
  width: 32px;
  height: 32px;
  margin: 12px; }

.wizard-list .list-content {
  margin: 10px 0; }

.wizard-list .list-item-label {
  margin-left: 8px; }

.wizard-list .favorite-icon {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
  margin: 16px; }
/***END WizardList.css***/

/***BEGIN YamlEditor.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.ci-editor-host {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* Reset style spill-over from Core.css */
  /* Override the default Monaco themed line number colors to meet A11y 4.5:1 contrast requirements.
       'vs' change from teal #4191AD (3.6:1) to light gray #737373 (4.7:1) (Same as Code hub).
       'vs-dark' change from dark gray #5A5A5A (2.4:1) to light gray #A19F9D (6.3:1). */ }
  .ci-editor-host .monaco-menu .icon {
    display: inherit;
    width: inherit;
    height: inherit;
    overflow: inherit;
    vertical-align: inherit; }
  .ci-editor-host .monaco-editor.vs .line-numbers {
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  .ci-editor-host .monaco-editor.vs-dark .line-numbers {
    color: rgba( 102, 102, 102 ,  1 );
    color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ); }
  .ci-editor-host.ci-show-error {
    height: calc(100% - 80px - 10px); }
/***END YamlEditor.css***/

/***BEGIN YamlEditorHeader.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.ci-yaml-editor-header {
  align-items: center;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-size: 0.875rem;
  padding: 0 32px; }
  .ci-yaml-editor-header .template-pill {
    border-color: rgba(184, 94, 6, 1);
    border-color: var(--status-warning-text,rgba(184, 94, 6, 1));
    color: rgba(184, 94, 6, 1);
    color: var(--status-warning-text,rgba(184, 94, 6, 1)); }
  .ci-yaml-editor-header .branch-picker {
    margin-right: 16px;
    max-width: 350px; }
    .ci-yaml-editor-header .branch-picker .branchDropdown--combobox {
      min-width: 120px; }
    .ci-yaml-editor-header .branch-picker .vss-PickListDropdown--title:not(:active):not(:focus),
    .ci-yaml-editor-header .branch-picker .ms-ComboBox:not(:active):not(:focus-within) {
      border-color: rgba( 234, 234, 234 ,  1 );
      border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
      .ci-yaml-editor-header .branch-picker .vss-PickListDropdown--title:not(:active):not(:focus):hover,
      .ci-yaml-editor-header .branch-picker .ms-ComboBox:not(:active):not(:focus-within):hover {
        border-color: rgba( 166, 166, 166 ,  1 );
        border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 ); }
  .ci-yaml-editor-header .subheader-items {
    height: 40px;
    padding: 4px 4px 4px 0; }
  .ci-yaml-editor-header .subheader-item {
    min-width: 64px;
    flex-shrink: 1; }
  .ci-yaml-editor-header .repository-name {
    margin: 0 8px 0 5px; }
  .ci-yaml-editor-header .editable-path-container {
    min-width: 64px;
    flex-shrink: 1000000;
    padding: 0 8px; }
    .ci-yaml-editor-header .editable-path-container.editable {
      cursor: pointer; }
      .ci-yaml-editor-header .editable-path-container.editable:hover {
        background-color: rgba(0, 0, 0, 0.06);
        background-color: var(--palette-black-alpha-6,rgba(0, 0, 0, 0.06));
        border-radius: 2px; }
  .ci-yaml-editor-header .editable-file-path {
    margin-left: 8px; }
  .ci-yaml-editor-header .file-path {
    min-width: 16px;
    flex-shrink: 1000000; }
  .ci-yaml-editor-header .file-name {
    font-weight: 600;
    white-space: pre; }
  .ci-yaml-editor-header .white-space-pre {
    white-space: pre; }
  .ci-yaml-editor-header .rename-icon {
    margin: 2px 0 0 8px; }

.file-path-error {
  color: rgba(218, 10, 0, 1);
  color: var(--status-error-text,rgba(218, 10, 0, 1));
  font-size: 0.75rem;
  padding: 4px 8px; }

.show-yaml-side-panel-button {
  display: flex;
  flex-shrink: 0;
  font-weight: normal;
  background-color: transparent;
  margin-left: 8px; }
  .show-yaml-side-panel-button .left-icon {
    align-self: flex-end; }
/***END YamlEditorHeader.css***/

/***BEGIN YamlSidePanel.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.yaml-side-panel {
  width: 376px;
  border-left:  1px solid;
  border-left-color: rgba( 218, 218, 218 ,  1 );
  border-left-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ); }
/***END YamlSidePanel.css***/

/***BEGIN YamlTab.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.ci-yaml-editor-tab {
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
  .ci-yaml-editor-tab .ci-yaml-header-container {
    height: 64px; }
  .ci-yaml-editor-tab .ci-editor-host {
    overflow: visible; }
/***END YamlTab.css***/

/***BEGIN YamlWizardPage.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.ci-yaml-wizard-view .ci-editor-header {
  justify-content: space-between;
  padding: 0 32px; }

.ci-yaml-wizard-view .ci-editor-action-button {
  margin-left: 8px; }

.ci-yaml-wizard-view .ci-editor-action-buttons {
  display: flex;
  white-space: nowrap; }
  .ci-yaml-wizard-view .ci-editor-action-buttons .loading-indicator {
    padding: 7px 13px; }
  .ci-yaml-wizard-view .ci-editor-action-buttons .bolt-button.icon-only {
    padding: 8px; }

.ci-yaml-wizard-view .ci-editor-error {
  margin: 0 32px 16px 32px;
  flex-shrink: 0; }
/***END YamlWizardPage.css***/