/* Annotate Block Colors and fonts */
/* Branches explorer */
/* Font */
/* Icons Colors*/
/* Call to Action Colors */
/* History Page */
/* VC Icons (will move to icon strip) */
/* BEGIN VC Pull Request AsyncRefOperation dialog styles */
.vc-async-operation-progress {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.ms-Dialog .vc-async-ref-dialog {
  max-width: 560px;
  width: 560px;
}

.vc-async-ref-dialog .filtered-list-dropdown-menu {
  height: 32px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.vc-async-ref-dialog .filtered-list-dropdown-menu .drop-icon {
  position: absolute;
  top: 8px;
  right: 8px;
}

.vc-async-ref-dialog .filtered-list-dropdown-menu .selected-item-text {
  width: calc(560px - 107px);
}

.vc-async-ref-dialog .filtered-list-dropdown-menu:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.vc-async-ref-dialog .form-section {
  margin: 10px 0 15px 0;
}

/* END VC Pull Request AsyncRefOperation dialog styles */
/** Automatically converted from AnnotatedFileViewer.css **/
.vc-annotated-file-viewer {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.vc-annotated-file-viewer .annotate-main-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.vc-annotated-file-viewer.with-error .annotate-main-container {
  top: 40px;
}

.vc-annotated-file-viewer .annotation-blocks-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.vc-annotated-file-viewer .annotation-block {
  padding-left: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  font-size: 11px;
}

.vc-annotated-file-viewer .annotation-block.most-recent {
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.vc-annotated-file-viewer .annotation-block.recent {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.vc-annotated-file-viewer .annotation-block.older {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.vc-annotated-file-viewer .annotation-block.oldest {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.vc-annotated-file-viewer .annotation-block .selected-annotation-block-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background-color: rgba(0, 90, 158, 1);
  background-color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.vc-annotated-file-viewer .annotation-block .selected-annotation-block-marker.selected-line {
  width: 5px;
}

.vc-annotated-file-viewer .annotation-details {
  position: relative;
  height: 14px;
  width: 100%;
  min-width: 180px;
}

.vc-annotated-file-viewer .annotation-details .change-list {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
}

.vc-annotated-file-viewer .annotation-details .owner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  position: absolute;
  top: 0;
  right: 70px;
  left: 60px;
}

.vc-annotated-file-viewer .annotation-details .date {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  position: absolute;
  top: 0;
  right: 5px;
  width: 65px;
  text-align: right;
}

.vc-create-branch-dialog .filtered-list-dropdown-menu {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 1px 4px;
}

.vc-create-branch-dialog .filtered-list-dropdown-menu.disabled {
  opacity: 0.5;
  cursor: default;
}

.vc-create-branch-dialog .filtered-list-dropdown-menu:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  outline: none;
}

.vc-create-branch-dialog .filtered-list-dropdown-menu .drop-icon {
  position: absolute;
  right: 8px;
  top: 8px;
}

.vc-create-branch-dialog .filtered-list-dropdown-menu .selected-item-text {
  width: calc(498px - 32px);
}

.vc-create-branch-dialog .repository-selector {
  padding: 0;
  margin-bottom: 12px;
}

.vc-create-branch-dialog > div.pull-request-checkbox {
  margin-top: 10px;
}

.ui-dialog.vc-create-branch-dialog-fix {
  overflow: initial;
  outline: none;
}

.ui-dialog.vc-create-branch-dialog-fix .vc-create-branch-work-item-artifacts .vc-pullrequest-view-details-relatedartifacts-addartifactbox-container .bowtie-triangle-down,
.ui-dialog.vc-create-branch-dialog-fix .vc-create-branch-work-item-artifacts .vc-pullrequest-view-details-relatedartifacts-addartifactbox-container .bowtie-chevron-down-light {
  cursor: pointer;
  position: absolute;
  right: 10px;
  padding-top: 9px;
}

.ui-dialog.vc-create-branch-dialog-fix button#ok.cta:not(.ui-state-disabled) {
  color: rgba(255, 255, 255, 1);
  color: var(--text-on-communication-background,rgba(255, 255, 255, 1));
}

button.ui-dialog-titlebar-close.vc-create-branch-dialog-fix {
  top: 0px;
}

.vc-create-branch-dialog .filtered-list-dropdown-menu {
  padding: 4px 10px 4px 10px;
  font-size: 14px;
  margin-bottom: 8px;
}

.vc-create-branch-from-git-ref-dialog,
.vc-create-branch-from-item-dialog {
  overflow: visible !important;
}

/*
    These styles are to work around limitations in the common control
    They hide various parts of the common control that we simply don't want turned on
    for the create branch dialog
*/
.vc-create-branch-work-item-artifacts {
  clear: left;
}

.vc-create-branch-work-item-artifacts .vc-create-branch-no-work-items-message {
  font-size: 14px;
  margin: 5px 0px 0px 10px;
}

.vc-create-branch-work-item-artifacts .ra-headers,
.vc-create-branch-work-item-artifacts .ra-summary {
  display: none !important;
}

.vc-create-branch-work-item-artifacts .ra-control {
  min-width: 100px;
}

.vc-create-branch-work-item-artifacts .ra-right {
  display: none !important;
}

.vc-create-branch-from-item-dialog .la-main-component {
  min-height: 0px;
}

/**/
/** Automatically converted from BranchExplorer.css **/
.versioncontrol-branches-content .vc-change-summary,
.versioncontrol-branches-content .vc-history-list {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

.versioncontrol-branches-content .vc-show-more-link-bar {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
  margin: 2px 20px 0 20px;
}

.versioncontrol-branches-content .navigation-view-tab {
  overflow: hidden;
}

.versioncontrol-branches-content .vc-show-more-link-bar .vc-show-more-link-textarea {
  padding: 5px;
}

.versioncontrol-branches-view .version-control-item-left-pane {
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.vc-branch-summary-grid-container {
  height: 100%;
}

.vc-branch-summary-grid-container.vc-branches-with-show-more {
  height: calc((100%) - 30px);
}

.vc-branch-summary-grid.grid .grid-row.base-branch-row {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.vc-branch-summary-grid .grid-header-column .behind-count-header {
  text-align: right;
}

.vc-branch-summary-grid .grid-cell.background-bar .background {
  position: absolute;
  top: 0;
  bottom: 0;
}

.vc-branch-summary-grid .grid-cell.background-bar .container {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.vc-branch-summary-grid .grid-cell.background-bar:hover .container {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  text-decoration: underline;
}

.vc-branch-summary-grid .grid-cell.background-bar.behind-count-cell .background {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  right: 1px;
}

.vc-branch-summary-grid .grid-cell.background-bar.ahead-count-cell .background {
  background-color: rgba( 223, 246, 221 ,  1 );
  background-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
  left: 1px;
}

.vc-branch-summary-grid .grid-cell.background-bar.behind-count-cell .container {
  text-align: right;
}

.vc-branch-summary-grid .grid-cell.background-bar.ahead-count-cell .container {
  text-align: left;
}

.hub-view.explorer.versioncontrol-branches-view .right-hub-content {
  top: 48px;
}

.vc-branch-selector-text {
  vertical-align: middle;
}

.vc-branches-container-base,
.vc-branches-container-target {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.vc-page-title-area .vc-branch-selector {
  width: 1%;
}

.vc-page-title-area .vc-branch-selector.summary-tab {
  width: 100%;
}

.vc-page-title-area .vc-branch-selector > div {
  display: inline-block;
}

.vc-branch-selector .switch-branch-button {
  padding: 5px;
}

.vc-branch-selector .switch-branch-button:hover {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.vc-branch-explorer .source-icon {
  height: 16px;
  width: 16px;
  margin: 0 4px 1px 1px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  float: left;
}

.vc-branch-explorer .menu-item > .icon {
  margin-right: 4px !important;
}

.vc-branch-explorer .grid-cell .bowtie-icon,
.vc-branch-explorer .grid-cell .icon {
  margin-right: 4px;
}

.vc-branch-explorer .grid-row-current,
.vc-branch-explorer .grid-row.base-branch {
  font-weight: bold;
}

.vc-branch-explorer .grid-row {
  width: auto;
  right: 0;
}

/** Automatically converted from BranchPolicyControl.css **/
.vc-repository-policy-content {
  padding-top: 10px;
  padding-left: 20px;
}

.vc-repository-policy-content .policy-numeric-input {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  width: 60px;
  margin-left: 5px;
  padding: 1px;
}

.vc-repository-policy-content .policy-required-reviewer-input {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  width: 360px;
  padding: 1px;
}

.vc-repository-policy-content .required-reviewers-list-container {
  float: left;
}

.vc-repository-policy-content .add-reviewers {
  vertical-align: middle;
  margin-right: 6px;
}

.vc-repository-policy-content .path-tooltip {
  position: absolute;
  z-index: 1000;
  width: 342px;
  line-height: 15px;
  bottom: 5px;
  left: 45px;
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.vc-repository-policy-content .path-tooltip .close {
  float: right;
}

.vc-repository-policy-content .tooltip {
  position: relative;
  bottom: 2px;
}

.vc-repository-policy-content .bowtie-status-info-outline {
  margin-left: 3px;
}

.vc-repository-policy-content .policy-build-selector,
.policy-analysis-selector {
  margin-left: 5px;
}

.vc-repository-policy-content .policy-buttons,
.vc-repository-policy-content .header {
  line-height: 20px;
}

.vc-repository-policy-content .undo-button {
  margin-left: 5px;
}

.vc-repository-policy-content .resolved-member-name {
  margin-right: 5px;
}

.vc-repository-policy-content .filter-control {
  margin-bottom: 18px;
  vertical-align: middle;
  position: relative;
  left: -1px;
}

.vc-repository-policy-content .enabled,
.vc-repository-policy-content .blocking {
  width: 55px;
  text-align: center;
}

.vc-repository-policy-content .path {
  width: 390px;
  position: relative;
  left: 25px;
}

.vc-repository-policy-content .reviewers {
  white-space: pre;
  position: relative;
  left: 50px;
}

.vc-repository-policy-content .content {
  padding-left: 5px;
  padding-right: 5px;
}

.vc-repository-policy-content .add-groups,
.vc-repository-policy-content .reviewers-why {
  padding-left: 6px;
  border-left:  1px solid;
  border-left-color: rgba( 200, 200, 200 ,  1 );
  border-left-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  vertical-align: middle;
}

.vc-repository-policy-content .required-reviewers-policy-description-content,
.vc-repository-policy-content .reviewers-policy-description-content {
  line-height: 35px;
  white-space: pre;
}

.vc-repository-policy-content .policy-reviewer-column,
.vc-repository-policy-content .policy-build-column,
.vc-repository-policy-content .policy-workitem-column,
.vc-repository-policy-content .policy-commentrequirements-column {
  position: relative;
  top: 2px;
}

.vc-repository-policy-content .policy-row,
.vc-repository-policy-content .add-clause {
  white-space: pre;
}

.vc-repository-policy-content .validation-warning {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

.vc-repository-policy-content .policy-warning {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  border:  1px solid;
  border-color: rgba( 214, 127, 60 ,  1 );
  border-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
  padding: 5px;
  margin: 0px 20px 10px 0px;
}

.vc-repository-policy-content .policy-error {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  padding: 5px;
  margin: 0px 20px 10px 0px;
}

.vc-repository-policy-content .dropdown-input-text {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.vc-repository-policy-content .policy-table {
  line-height: 35px;
  vertical-align: middle;
  position: relative;
  left: -4px;
}

.vc-repository-policy-content .policy-sub-table {
  margin-bottom: 18px;
  margin-left: 15px;
}

.vc-repository-policy-content .reviewer-policy-sub-table {
  margin-bottom: 10px;
  margin-left: 15px;
}

.vc-repository-policy-content .policy-descriptionContainer .policy-description-title {
  font-weight: bold;
}

.vc-repository-policy-content .policy-description-content {
  margin-bottom: 18px;
}

.policy-description-learn-more {
  margin-left: 3px;
}

.vc-repository-policy-content .add-remove {
  width: 30px;
}

.vc-repository-policy-content .policy-sub-text-column {
  margin-left: 3px;
}

.vc-repository-policy-content .policy-self-approve
.vc-repository-policy-content .policy-workItem-isBlocking {
  position: relative;
  bottom: 1px;
}

.vc-repository-policy-content .policy-reviewer-sub-checkbox-column
.vc-repository-policy-content .policy-workitem-sub-checkbox-column {
  padding-top: 9px;
}

.vc-repository-policy-content .reviewers-advanced,
.vc-repository-policy-content .build-advanced,
.vc-repository-policy-content .minimum-reviewers-advanced {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  margin-left: 5px;
  margin-right: 6px;
  vertical-align: middle;
}

.vc-repository-policy-content .polic-advanced {
  position: relative;
  bottom: 2px;
  margin-left: 5px;
}

.vc-repository-policy-content .select-path-button {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-left: 5px;
}

.source-explorer-tree-input {
  min-width: 328px;
  top: 560px;
  left: 5px;
  position: absolute;
  font-weight: bold;
}

.vc-repository-policy-content .invalid-build-definition,
.vc-repository-policy-content .policy-disable {
  color: rgba( 200, 200, 200 ,  1 );
  color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.vc-repository-policy-content label {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.vc-advanced-policy-rest-link {
  margin: 0px 3px;
}

.vc-repository-policy-content .bowtie-math-plus-light {
  vertical-align: middle;
}

/*
 *  Monaco Code Editor styles when hosted directly in the page (not in an iframe).
 *  Mostly a copy of Tfs\Service\WebAccess\BuiltInExtensions\Styles\CodeEditorPage.css
 *  as required for inclusion in Version Control styles for FileViewer and DiffViewer.
 */
.extension-host-container > .built-in-extension-div {
  height: 100%;
  width: 100%;
  position: absolute;
}

.extension-host-container > .built-in-extension-div.loading {
  opacity: .30;
  filter: Alpha(Opacity=30);
}

.monaco-editor.tfs-extension-default {
  font-size: 12px;
  line-height: 15px;
}

.monaco-editor.tfs-extension-large {
  font-size: 14px;
  line-height: 18px;
}

/*  We must explicitly set the html and body elements' height to 100% so that mouse click
    hit testing in Monaco works with IE's (v9-11) proprietary TextRange.moveToPoint() method. */
html, body {
  height: 100%;
}

body {
  margin: 0;
}

.code-editor-host {
  height: 100%;
  overflow: hidden;
}

.code-editor-host * {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.code-editor-host A {
  color: inherit;
  text-decoration: inherit;
  cursor: inherit;
}

.code-editor-host A:hover {
  color: inherit;
  text-decoration: inherit;
}

.code-editor-host A:visited {
  color: inherit;
}

.code-editor-host A:active {
  color: inherit;
}

.code-editor-host .icon {
  display: inherit;
  width: inherit;
  height: inherit;
  overflow: inherit;
  vertical-align: inherit;
}

.code-editor-host.with-error {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
}

.vc-code-editor-viewer .errors-host {
  height: 100%;
}

.errors-host .error-message {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 0;
  height: 40px;
  padding: 2px 5px;
  overflow: hidden;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

/* Discussion Thread Styles */
.code-editor-host > .monaco-editor .zone-widget {
  left: 0;
  right: 18px;
  width: auto;
  z-index: auto;
}

.code-editor-host > .monaco-diff-editor .zone-widget {
  z-index: auto;
}

.code-editor-host .monaco-diff-editor .modified .monaco-editor .zone-widget {
  left: 0;
  right: 30px;
  width: auto;
}

.code-editor-host .monaco-editor .zone-widget .container {
  margin-right: 0;
}

.monaco-discussion-container {
  overflow: hidden;
}

.monaco-discussion-container A {
  color: #007acc;
  text-decoration: none;
  cursor: pointer;
}

.monaco-discussion-container A:hover {
  color: #007acc;
  text-decoration: underline;
}

.monaco-discussion-container A:visited {
  color: #007acc;
}

.monaco-discussion-container A:active {
  color: #007acc;
}

.monaco-discussion-container .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
}

.monaco-discussion-container.content * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.monaco-discussion-container.filler {
  background-color: #f6f6f6;
}

.code-editor-host .add-comment-gutter {
  height: 16px;
  width: 16px;
  left: 2px;
  cursor: pointer;
  z-index: 100;
  top: -1000px;
}

.code-editor-host .add-comment-selection,
.code-editor-host .get-line-link {
  cursor: pointer;
  z-index: 7;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  box-shadow: 2px 2px 1px rgba( 200, 200, 200 ,  1 );
  box-shadow: 2px 2px 1px rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  font: 12px Segoe UI, Tahoma, Arial, Verdana;
  padding: 1px;
}

.code-editor-host .get-line-link {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  text-align: center;
  /* reasonable fallback for IE9, will just be 2px off vertically, looks fine */
}

.code-editor-host .get-line-link .bowtie-icon.bowtie-link {
  align-self: center;
}

.code-editor-host .add-comment-selection:hover,
.code-editor-host .get-line-link:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.code-editor-host .add-comment-selection .add-comment-background-icon {
  height: 16px;
  width: 16px;
  display: inline-block;
  margin: 1px 4px;
}

.code-editor-host > .vs .commented-text {
  background-color: rgba( 199, 224, 244 ,  0.7 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  0.7 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 0, 120, 212 ,  0.7 );
  border-bottom-color: rgba( var(--palette-primary,0, 120, 212) ,  0.7 );
}

.code-editor-host > .vs-dark .commented-text {
  background-color: rgba( 199, 224, 244 ,  0.5 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  0.5 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 0, 120, 212 ,  0.5 );
  border-bottom-color: rgba( var(--palette-primary,0, 120, 212) ,  0.5 );
}

.code-editor-host .vs-whitespace.commented-text {
  display: inline;
}

.code-editor-host > .hc-black .commented-text {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  background-color: rgba( 16, 110, 190 ,  1 );
  background-color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.code-editor-host .vc-line-inline-adornment.vc-adornment-style-plain,
.code-editor-host .vc-line-adornment.vc-adornment-style-plain {
  /* When over a white background, this is equivalent to rgb(248, 238, 199), but 
        with an alpha of 0.3 the user's selection will show through instead of being 
        invisible. Calculated using http://stackoverflow.com/a/12228643:
        
        (248 - 255 + (255*.3)) / .3 = 231.66667
        (238 - 255 + (255*.3)) / .3 = 198.333
        (199 - 255 + (255*.3)) / .3 = 68.333

    */
  background-color: rgba(231, 198, 68, 0.3);
}

.code-editor-host > .hc-black .vc-line-inline-adornment.vc-adornment-style-plain,
.code-editor-host > .hc-black .vc-line-adornment.vc-adornment-style-plain {
  background: none;
  border: 1px dotted #f8eec7;
}

.code-editor-host .vc-line-inline-adornment.vc-adornment-style-error,
.code-editor-host .vc-line-adornment.vc-adornment-style-error {
  background: rgba(255, 0, 0, 0.2);
}

.code-editor-host > .hc-black .vc-line-inline-adornment.vc-adornment-style-error,
.code-editor-host > .hc-black .vc-line-adornment.vc-adornment-style-error {
  background: none;
  border: 1px dotted red;
}

.code-editor-host > .hc-black .search-selected-hit {
  background-color: rgba(255, 255, 255, 0.25);
  border: solid 2px yellow;
}

/* Hidden page available to test different drops of the editor */
.edit-code-editor-url-main-content {
  font: 14px Segoe UI, Tahoma, Arial, Verdana;
}

.edit-code-editor-url-main-content #urltext {
  width: 400px;
}

.edit-code-editor-url-main-content button {
  margin-left: 5px;
}

/*  This is a temporary fix to remove the Find watermark in the Find input box for IE11 (it's overlapping option buttons).
    This targets the Monaco Sprint 86 release, and is not an issue for Chrome and Edge browsers. */
.monaco-findInput > .monaco-inputbox > .wrapper .placeholder-shim {
  display: none !important;
}

.code-editor-host .monaco-editor.vs .char-insert,
.code-editor-host .monaco-editor.vs .line-insert {
  background: rgba(51, 153, 51, 0.1);
  background: var(--diff-color-modified,rgba(51, 153, 51, 0.1));
}

.code-editor-host .monaco-editor.vs .char-delete,
.code-editor-host .monaco-editor.vs .line-delete {
  background: rgba(172, 0, 0, 0.1);
  background: var(--diff-color-original,rgba(172, 0, 0, 0.1));
}

/* Monaco 0.8.3 added green/red background coloring over the line numbers, which makes them harder
    to read and misaligns when adding discussions. This removes that gutter background coloring */
.code-editor-host .monaco-editor .inline-added-margin-view-zone,
.code-editor-host .monaco-editor .inline-deleted-margin-view-zone,
.code-editor-host .monaco-editor .margin-view-overlays .line-insert,
.code-editor-host .monaco-editor .margin-view-overlays .line-delete {
  background: transparent;
}

/* Override default 'vs' theme teal line numbers for contrast requirements. Also subdue 'hc-black' a bit. */
.code-editor-host .monaco-editor.vs .line-numbers {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.code-editor-host .monaco-editor.hc-black .line-numbers {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

/* Fix Monaco "tree" styles after inadvertent spillover from generically named TFS "tree" styles. */
.monaco-editor .suggest-widget > .tree {
  padding: 0;
}

.code-editor-host .monaco-menu .monaco-action-bar.vertical .action-item {
  -ms-high-contrast-adjust: none;
}

@media screen and (-ms-high-contrast: active) {
  .code-editor-host .monaco-menu .monaco-action-bar.vertical .action-item:hover:not(.disabled),
  .code-editor-host .monaco-menu .monaco-action-bar.vertical .action-item .action-label:focus {
    color: HighlightText;
    background-color: Highlight;
  }
}

.code-editor-host .monaco-menu .monaco-action-bar.vertical .action-item .action-label:focus {
  /* Fixes 'Bug #1123329: Monaco context menu item is blurry (Chrome)'.  Can be removed after Monaco or Chrome fixes on their side. */
  text-shadow: 0.15px 0.15px;
}

/* With localization, long wrapping checkbox labels look ugly, and IE11 flex causes overflow with a scrollbar.
   Allowing the dialog to grow with a large max width fixes both issues, including #1250883 */
.ms-Dialog-main.vc-editor-preferences-dialog {
  max-width: 800px;
}

.ms-Dialog-main.vc-editor-preferences-dialog .flex-checkbox {
  display: flex;
}

/* Hack to fix color contrast for monaco F1 menu. Fixed permanently in Monaco ver. 14.4 or greater. */
.monaco-quick-open-widget .monaco-tree .monaco-tree-row.focused .monaco-highlighted-label,
.monaco-quick-open-widget .monaco-tree .monaco-tree-row.focused .results-group {
  color: #0066BF !important;
}

.vs-dark .monaco-quick-open-widget .monaco-tree .monaco-tree-row.focused .monaco-highlighted-label,
.vs-dark .monaco-quick-open-widget .monaco-tree .monaco-tree-row.focused .results-group {
  color: #49B1FF !important;
}

.hc-black .monaco-quick-open-widget .monaco-tree .monaco-tree-row.focused .monaco-highlighted-label,
.hc-black .monaco-quick-open-widget .monaco-tree .monaco-tree-row.focused .results-group {
  color: #F38518 !important;
}

/** Automatically converted from BuiltInDiffViewer.css **/
.vc-diff-viewer.fixedSize {
  width: 100%;
  height: 100%;
  position: relative;
}

.vc-diff-viewer .diff-header {
  width: 100%;
  padding-left: 20px;
  position: relative;
}

.vc-diff-viewer .diff-message {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: 100%;
  white-space: pre-wrap;
}

.vc-diff-viewer .text-diff-container {
  white-space: pre;
  font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace;
  font-size: 12px;
  tab-size: 4;
  -ms-tab-size: 4;
  -moz-tab-size: 4;
  -webkit-tab-size: 4;
  -o-tab-size: 4;
}

.vc-diff-viewer.fixedSize .text-diff-container {
  display: inline-block;
  min-width: 100%;
}

.vc-diff-viewer.side-by-side .side-by-side-diff-container,
.vc-diff-viewer.inline .text-diff-container {
  display: table;
  min-width: 100%;
}

.vc-diff-viewer.inline .diff-contents-row,
.vc-diff-viewer.side-by-side .diff-contents-row {
  display: table-row;
  line-height: 15px;
}

.vc-diff-viewer.inline .diff-contents-row .diff-contents-container,
.vc-diff-viewer.side-by-side .diff-contents-row .diff-contents-container {
  width: 100%;
  display: table-cell;
  vertical-align: bottom;
}

.vc-diff-viewer.inline .diff-contents-row .text-diff-gutter,
.vc-diff-viewer.inline .diff-contents-row .diff-lines,
.vc-diff-viewer.side-by-side .diff-contents-row .text-diff-gutter,
.vc-diff-viewer.side-by-side .diff-contents-row .diff-lines {
  display: table-cell;
  vertical-align: bottom;
}

.vc-diff-viewer .ln-o::before, .vc-diff-viewer .ln-m::before {
  content: attr(data-line-number);
}

.vc-diff-viewer .ln-o, .vc-diff-viewer .ln-m {
  display: block;
  text-align: right;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-left: 5px;
  padding-right: 10px;
  height: 15px;
  overflow: hidden;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.vc-diff-viewer .ln-g {
  height: 15px;
  display: block;
}

.vc-diff-viewer.has-discussion-manager .ln-g > .add-comment-container .add-comment {
  display: inline-block;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  height: auto;
  width: auto;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-align: initial;
  border-radius: 0;
  height: 16px;
  width: 16px;
  opacity: 0;
  vertical-align: bottom;
}

.vc-diff-viewer.has-discussion-manager .ln-g > .add-comment-container .add-comment:focus {
  opacity: 1;
  outline: none;
}

.vc-diff-viewer.has-discussion-manager .ln-g:hover > .add-comment-container .add-comment, .vc-diff-viewer.has-discussion-manager .ln-g.highlighted-row > .add-comment-container .add-comment {
  opacity: 1;
}

.vc-diff-viewer.has-discussion-manager .ln-g > .add-comment-container .add-comment {
  background: url("../../_content/tfs-icons.png") no-repeat -912px 50% !important;
}

.vc-diff-viewer .ellipsis-line::before {
  content: attr(data-ellipsis);
}

.vc-diff-viewer .ellipsis-line.middle {
  height: 40px;
  position: relative;
}

.vc-diff-viewer .ln-o.ellipsis-line.middle, .vc-diff-viewer .ln-m.ellipsis-line.middle {
  padding-top: 12px;
}

.vc-diff-viewer .expander {
  width: 100%;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  height: 15px;
}

.vc-diff-viewer .expander:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.vc-diff-viewer .ellipsis-line.middle .ellipsis-line-content {
  position: absolute;
  top: 21px;
  left: 0;
  right: 0;
  height: 2px;
  border-top-width: 2px;
  border-top-style: dotted;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.vc-diff-viewer.fixedSize .code-line {
  padding-right: 0;
}

.vc-diff-viewer .selected-line.ln-o, .vc-diff-viewer .selected-line.ln-m {
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.vc-diff-viewer.fixedSize .image-diff-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.vc-diff-viewer.fixedSize.same-images .image-diff-container,
.vc-diff-viewer.fixedSize.showing-message .image-diff-container {
  top: 55px;
}

.vc-diff-viewer.fixedSize.same-images.showing-message .image-diff-container {
  top: 70px;
}

.vc-diff-viewer .diff-image {
  outline: 1px solid rgba( 200, 200, 200 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-image: url("../../_content/transparency-checkerboard.png");
}

.vc-diff-viewer .code-line {
  padding-right: 10px;
  height: 16px;
  overflow: hidden;
  display: block;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.vc-diff-viewer .code-line::before {
  content: "  ";
}

.vc-diff-viewer .code-line .comment {
  background-color: rgba( 199, 224, 244 ,  0.7 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  0.7 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 0, 120, 212 ,  0.7 );
  border-bottom-color: rgba( var(--palette-primary,0, 120, 212) ,  0.7 );
}

.vc-diff-viewer .code-line.dashed-content,
.vc-diff-viewer .diff-contents-container .discussion-filler {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba( 218, 218, 218 ,  1 ) 6px, rgba( 218, 218, 218 ,  1 ) 7px, transparent 8px);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ) 6px, rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ) 7px, transparent 8px);
}

.vc-diff-viewer span.content-original {
  background-color: rgba(172, 0, 0, 0.1);
  background-color: var(--diff-color-original,rgba(172, 0, 0, 0.1));
}

.vc-diff-viewer span.content-modified {
  background-color: rgba(51, 153, 51, 0.1);
  background-color: var(--diff-color-modified,rgba(51, 153, 51, 0.1));
}

.vc-diff-viewer .code-line.added-content,
.diff-line-count-container .file-lines-added {
  background-color: rgba(51, 153, 51, 0.1);
  background-color: var(--diff-color-modified,rgba(51, 153, 51, 0.1));
}

.vc-diff-viewer .code-line.added-content-fullrow {
  background-color: rgba(51, 153, 51, 0.1);
  background-color: var(--diff-color-modified,rgba(51, 153, 51, 0.1));
}

.diff-line-count-container .file-lines-added,
.diff-line-count-container .file-lines-deleted {
  padding: 0 7px 2px 5px;
  font-size: 12px;
}

.diff-line-count-container {
  margin-left: 8px;
}

.diff-line-count-container .file-lines-added {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.diff-line-count-container .file-lines-deleted {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.vc-diff-viewer .code-line.added-content::before,
.vc-diff-viewer .code-line.added-content-fullrow::before {
  content: "+ ";
}

.vc-diff-viewer .code-line.deleted-content {
  background-color: rgba(172, 0, 0, 0.1);
  background-color: var(--diff-color-original,rgba(172, 0, 0, 0.1));
}

.diff-line-count-container .file-lines-deleted {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.vc-diff-viewer .code-line.deleted-content-fullrow {
  background-color: rgba(172, 0, 0, 0.1);
  background-color: var(--diff-color-original,rgba(172, 0, 0, 0.1));
}

.vc-diff-viewer .code-line.deleted-content::before,
.vc-diff-viewer .code-line.deleted-content-fullrow::before {
  content: "- ";
}

/* Inline */
.vc-diff-viewer.fixedSize.inline {
  overflow: auto;
}

.vc-diff-viewer.inline .original-image, .vc-diff-viewer.inline .modified-image {
  display: block;
  height: auto;
  width: 100%;
  text-align: center;
}

.vc-diff-viewer.inline.fixedSize .original-image, .vc-diff-viewer.inline.fixedSize .modified-image {
  height: 100%;
  max-height: 100%;
}

.vc-diff-viewer .diff-image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

/* Side By Side */
.vc-diff-viewer.fixedSize.side-by-side {
  overflow-y: auto;
}

.vc-diff-viewer.side-by-side .image-diff-container {
  white-space: nowrap;
}

.vc-diff-viewer.side-by-side .original-image, .vc-diff-viewer.side-by-side .modified-image {
  width: 100%;
  vertical-align: top;
  display: inline-block;
}

.vc-diff-viewer.side-by-side .splitter.horizontal > .leftPane {
  width: 50%;
  overflow-x: auto;
  overflow-y: hidden;
}

.vc-diff-viewer.side-by-side .splitter.horizontal > .handleBar {
  left: 50%;
}

.vc-diff-viewer.side-by-side .splitter.horizontal > .rightPane {
  left: 50%;
  overflow-x: auto;
  overflow-y: hidden;
}

.vc-diff-viewer.side-by-side.fixedSize .splitter.horizontal > .leftPane {
  overflow-y: auto;
}

.vc-diff-viewer.side-by-side.fixedSize .splitter.horizontal > .rightPane {
  overflow-y: auto;
}

.vc-diff-viewer.side-by-side.fixedSize .text-diff-container {
  height: 100%;
  display: block;
}

.vc-diff-viewer.side-by-side .side-by-side-container {
  display: inline-block;
  min-width: 100%;
}

/*
 * Image Diff
 */
.vc-diff-viewer.fixedSize.image-diff {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  width: auto;
}

.vc-diff-viewer .image-diff-container {
  position: relative;
}

.vc-diff-viewer .flip-button {
  display: none;
  margin-top: 2px;
  background: none;
  border: none;
  cursor: pointer;
}

.vc-diff-viewer .flip-button:hover, .vc-diff-viewer .flip-button:focus {
  outline: none;
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.vc-diff-viewer .flip-button:active {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.vc-diff-viewer.image-diff-overlay {
  position: relative;
}

.vc-diff-viewer .image-diff-controls {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  margin-bottom: 10px;
  text-align: right;
}

.vc-diff-viewer .image-diff-controls .image-diff-toolbar {
  display: flex;
  flex-wrap: nowrap;
  border: none;
  margin: 0px;
  justify-content: flex-end;
}

.vc-diff-viewer.fixedSize .images-container {
  position: absolute;
  top: 37px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  min-height: 500px;
}

.vc-diff-viewer .image-container {
  display: inline-block;
  width: 50%;
}

.vc-diff-viewer.side-by-side .original-image {
  padding-right: 5px;
  padding-left: 1px;
}

.vc-diff-viewer.side-by-side .modified-image {
  padding-left: 5px;
}

.vc-diff-viewer.inline .original-image {
  padding-bottom: 5px;
}

.vc-diff-viewer.image-diff-overlay .original-image, .vc-diff-viewer.image-diff-overlay .modified-image {
  padding: 0;
}

.vc-diff-viewer.inline .image-container {
  display: block;
  width: 100%;
}

.vc-diff-viewer.image-diff-overlay .image-container, .vc-diff-viewer.image-diff-overlay canvas.true-image-diff {
  position: absolute;
  /* coords set by JS */
}

.vc-diff-viewer img.hide-image-while-loading {
  visibility: hidden;
}

.vc-diff-viewer ul.image-diff-actions {
  margin-left: 10px;
  margin-right: 20px;
}

.vc-diff-viewer span.image-dimensions {
  margin-left: 4px;
}

/*
 * Code Comments
 */
.vc-diff-viewer.fixedSize .file-level-discussion-container {
  margin-left: 5px;
  margin-right: 5px;
}

.vc-diff-viewer .discussion-thread {
  margin-bottom: 10px;
}

.vc-diff-viewer .text-diff-container .discussion-thread {
  margin-bottom: 0;
}

.vc-diff-viewer .text-diff-container .discussion-container {
  max-width: 800px;
}

.vc-diff-viewer.side-by-side .text-diff-container .discussion-container {
  max-width: 600px;
}

.vc-diff-viewer .text-diff-container .diff-lines .discussion-filler {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.vc-diff-viewer .external-discussion-container {
  margin: 0px 5px 0px 5px;
  overflow: hidden;
}

.vc-diff-viewer .text-diff-container .discussion-filler {
  white-space: normal;
}

/** Automatically converted from ChangeExplorer.css **/
.vc-change-explorer .files-grid-container {
  position: absolute;
  top: 42px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.vc-change-explorer .vc-change-explorer-menu.toolbar {
  margin-right: 0;
}

.vc-change-explorer .vc-change-explorer-menu.toolbar > .menu-bar > .menu-item.bowtie-icon {
  width: 52px;
}

.vc-change-explorer .vc-change-explorer-menu.toolbar .menu-item.selected-mode {
  font-weight: bold;
}

.vc-change-explorer .vc-change-explorer-menu.toolbar .comments-mode-menu-item > .text {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-explorer-grid {
  height: 100%;
}

.vc-change-explorer-grid .grid-row {
  width: auto;
  right: 0;
}

.vc-change-explorer-grid .grid-row .grid-tree-icon {
  position: static;
  height: 20px;
}

.vc-change-explorer-grid .grid-row .file-item.change-type-delete .display-text {
  text-decoration: line-through;
}

.vc-change-explorer-grid .grid-row .folder-item.change-type-delete .display-text {
  text-decoration: line-through;
}

.vc-change-explorer-grid .grid-row .display-text {
  display: inline;
  padding-left: 6px;
}

.vc-change-explorer-grid .grid-row .type-icon {
  height: 20px;
  width: 16px;
  vertical-align: middle;
}

.vc-change-explorer-grid .grid-row .message-item {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-explorer-grid .grid-row .discussion-item {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-explorer-grid .grid-row .identity-picture {
  vertical-align: top;
}

/** Automatically converted from ChangeListPickerDialog.css **/
.vc-change-list-picker .vc-history-list {
  position: absolute;
  top: 110px;
  right: 20px;
  bottom: 0px;
  left: 10px;
  overflow: auto;
}

.vc-commit-picker.vc-item-picker {
  display: flex !important;
  flex-direction: column;
}

.vc-commit-picker.vc-item-picker .new-filter-panel-container {
  margin-left: 5px;
}

.vc-commit-picker.vc-item-picker .new-filter-panel-container .new-filter-panel {
  padding: 0px 0px;
}

.vc-commit-picker.vc-item-picker .new-filter-panel-container .new-filter-panel .new-clear-filter-button-container {
  width: 150px;
}

.vc-commit-picker .vc-changes-list-filter {
  width: 100%;
}

.vc-commit-picker .path-container {
  float: none;
}

.vc-commit-picker .path-container .filter-row .bowtie {
  width: 100%;
}

.vc-commit-picker .path-container .filter-row .bowtie .selected-item-text {
  max-width: 300px;
}

.vc-commit-picker .path-container .filtered-list-popup .filtered-list-control .filtered-list {
  width: 300px;
}

.vc-commit-picker .history-list-container {
  padding-right: 20px;
  overflow-y: auto;
}

/** Automatically converted from ChangeSummary.css **/
.vc-change-summary-header {
  width: 100%;
  margin-left: 0;
  padding-right: 20px;
  padding-bottom: 15px;
}

.vc-push-summary .vc-change-summary-header {
  padding-left: 20px;
}

.vc-change-summary-header > div {
  vertical-align: top;
}

.vc-change-summary-header .vc-change-summary-comment-container {
  padding-left: 20px;
  padding-right: 10px;
  margin-bottom: 12px;
}

.vc-change-summary-header.tfvc .vc-change-summary-comment {
  display: inline-block;
}

.vc-change-summary-header .vc-change-summary-comment {
  white-space: pre-wrap;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-summary-header .change-list-summary-comment-more {
  display: inline-block;
  margin-left: 5px;
}

.vc-change-summary-header .parent-commit-link {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.vc-change-summary-comment-overflow {
  padding-left: 20px;
  margin-bottom: 10px;
}

.vc-change-summary-header .header-details {
  vertical-align: top;
  margin-top: 10px;
  margin-left: 20px;
}

.vc-change-summary-header .header-horizontal-row {
  display: inline-block;
  padding-left: 20px;
  width: 100%;
}

.header-horizontal-row > div {
  float: left;
}

.vc-change-summary-header .commit-details {
  text-align: right;
  float: right;
}

.vc-change-summary-header .commit-details > p,
.vc-change-summary-header .commit-details > div,
.vc-change-summary-header .commit-details > ul,
.vc-change-summary-header .commit-details > span {
  margin: 0;
  text-align: left;
}

.vc-change-summary-header .commit-details > span {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-summary-header .commit-details > span strong {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-weight: normal;
}

.vc-change-summary-header .picture-container {
  width: 35px;
  height: 35px;
  display: inline-block;
}

.vc-change-summary-header.tfvc .picture-container {
  margin-left: 20px;
  display: inline-block;
  vertical-align: top;
  width: 32px;
}

.vc-change-summary-header .vc-popup-content-control .status-info {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vc-change-summary-header-bar .identity-picture.small {
  width: 35px;
  height: 35px;
}

.vc-parent-summary {
  clear: both;
  padding: 5px;
  border: 1px solid transparent;
  box-sizing: content-box;
  min-height: 35px;
}

.vc-parent-summary:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.vc-parent-summary .picture-container {
  float: left;
  height: 35px;
  margin-right: 7px;
}

.vc-change-summary-header .change-details {
  white-space: pre;
  padding-left: 10px;
  display: inline-block;
}

.vc-change-summary-header .change-details .icon {
  vertical-align: bottom;
}

.vc-change-summary-header.tfvc .change-details {
  width: 60%;
  display: inline-block;
}

.vc-change-summary-header .change-details .owner-info {
  text-overflow: ellipsis;
  overflow: hidden;
}

.vc-change-summary-header .change-details.commit {
  padding-left: 4px;
}

.vc-change-summary-header .change-details .custom-toggle-icon .icon {
  vertical-align: top;
}

.vc-change-summary-header .author-info {
  height: 16px;
}

.vc-change-summary-header .author-info.one-line {
  /* Support truncating the text.  This is convoluted but without being able to use flexbox, it is difficult to truncate text side-by-side with the image without hard-coding the width. */
  width: calc((100%) - /*.picture-container margin-right*/7px - /*.picture-container width*/35px);
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vc-change-summary-header.tfvc .author-info {
  display: inline-block;
}

.vc-change-summary-header .status-info.committer {
  padding-bottom: 2px;
}

.vc-change-summary-header.tfvc .status-info {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-summary-header .change-id-info {
  margin-bottom: 10px;
  margin-left: 20px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-summary {
  height: 100%;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  font-size: 12px;
}

.vc-change-summary > * {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.vc-change-summary .vc-more-changes-warning {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  padding: 5px 20px;
}

.vc-change-summary .vc-more-changes-warning .more-changes-link {
  margin-left: 10px;
}

.vc-change-summary .no-changes-message {
  padding: 10px;
}

.vc-change-summary .changed-files-summary-header .action-icon {
  width: 16px;
  height: 16px;
}

.vc-change-summary .changed-files-summary-header .diff-showing-summary {
  overflow: hidden;
  text-overflow: ellipsis;
}

.vc-change-summary .changed-files-summary-header .diff-showing-summary .diff-summary-prominent {
  font-weight: 600;
}

.vc-change-summary .changed-files-summary-header .diff-showing-summary .summary-change-counts {
  padding-left: 10px;
}

.vc-change-summary .changed-files-summary-header .diff-showing-summary .summary-change-counts > span {
  padding-right: 10px;
}

.vc-change-summary .changed-files-summary-header .actions-menu {
  cursor: auto;
}

.vc-change-summary .changed-files-summary-header .actions-menu .pivot-filter {
  white-space: initial;
}

.vc-change-summary .changed-files-summary-header .actions-menu .pivot-filter span.anchor.selected span.bowtie-icon {
  display: none;
}

.vc-change-summary .changed-files-summary-header .actions-menu .pivot-filter .menu-item > .menu-item-icon.bowtie-icon {
  visibility: hidden;
}

.vc-change-summary .changed-files-summary-header .actions-menu .pivot-filter .menu-item.selected > .menu-item-icon.bowtie-icon {
  visibility: visible;
}

.vc-change-summary .changed-files-summary-header .actions-menu .pivot-filter .selected {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-summary .vc-change-summary-files {
  position: relative;
}

.vc-change-summary .changed-files-summary-header {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  20px solid;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 244, 244, 244 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  position: relative;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vc-change-summary .changed-files-summary-header .toolbar {
  border: none;
  margin: 0px;
  flex: 0 0 auto;
}

.vc-change-summary-files .files-container {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  position: absolute;
  width: 100%;
}

.vc-change-summary-files .file-container {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border: 10px solid rgba(255, 255, 255, 1);
  border: 10px solid var(--background-color,rgba(255, 255, 255, 1));
  margin: 20px;
  overflow-x: auto;
  overflow-y: hidden;
}

.vc-elided-commit-id {
  display: inline-block;
  width: 60px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  text-decoration: inherit;
  /* X pushed Y is inside an <a> and we want the elided commit ID to be underlined just like the rest of the anchor's text, despite this element being inline-block (http://stackoverflow.com/a/12920949) */
}

.vc-change-summary-files .file-row .file-icon.bowtie-icon {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 28px;
  line-height: 38px;
}

.vc-change-summary-files .file-cell {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}

.vc-change-summary-files .file-cell .toggle-details {
  width: 16px;
  height: 16px;
}

.vc-change-summary-files .file-cell .file-name {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
}

.vc-change-summary-files .file-cell .file-name-link {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-size: 16px;
  font-weight: 600;
}

.vc-change-summary-files .file-cell .file-path {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-summary-files .file-cell .file-name .image-dimensions {
  margin-left: 5px;
}

.vc-change-summary-files .item-details {
  padding-top: 10px;
}

.vc-change-summary-files .item-details .item-details-header {
  margin-bottom: 10px;
  padding-left: 38px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-summary-files .item-details .loading-container {
  text-align: center;
  padding-bottom: 20px;
}

.vc-change-summary-files .item-details .loading-message {
  display: inline-block;
  padding-left: 5px;
  padding-top: 12px;
  vertical-align: top;
}

.vc-change-summary-files .vc-diff-viewer.inline .diff-image {
  max-height: 250px;
}

.vc-associated-work-items-panel-container {
  margin-left: 20px;
}

.vc-associated-work-items-panel .associated-work-item {
  margin-top: 10px;
}

.vc-associated-work-items-panel .associated-work-item .work-item-summary {
  margin: 5px 0 0 0;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-associated-work-items-panel .associated-work-item .work-item-title {
  margin: 0 0 0 5px;
}

.vc-change-summary .vc-policy-warning-section {
  margin-left: 20px;
}

.vc-change-summary .vc-policy-warning-section .policy-warnings-icon {
  height: 16px;
  width: 16px;
  margin-top: 10px;
  display: inline-block;
}

.vc-change-summary .vc-policy-warning-section .policy-warnings-label {
  display: inline-block;
  padding-left: 6px;
  vertical-align: top;
  padding-top: 12px;
}

.vc-change-summary .vc-policy-warning-section .policy-override-failures > li {
  padding-bottom: 5px;
}

.vc-change-summary .vc-policy-warning-section .policy-name {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-summary .vc-policy-warning-section .policy-override-label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-summary .vc-policy-warning-section .policy-override-comment {
  padding-left: 5px;
}

.vc-change-summary .vc-checkin-notes-section {
  margin-left: 20px;
}

.vc-change-summary .vc-checkin-notes-section .checkin-notes-list {
  list-style-type: none;
  padding-left: 0;
}

.vc-change-summary .vc-checkin-notes-section .checkin-notes-list > li {
  padding-bottom: 5px;
}

.vc-change-summary .vc-checkin-notes-section .checkin-notes-list .note-name {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-change-summary .other-discussions-container .discussion-thread,
.vc-change-summary .artifact-level-discussion-container .discussion-thread {
  margin: 10px 0 10px 10px;
}

.vc-change-summary .other-discussions-header {
  margin-left: 10px;
  margin-top: 15px;
}

/* Git Merge Commits and Parent Diff Styles */
.version-control-item-right-pane.git-merge-commit {
  position: absolute;
  overflow: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.version-control-item-right-pane.git-merge-commit .navigation-view-tab.vc-summary-tab,
.version-control-item-right-pane.git-merge-commit .navigation-view-tab.vc-diff-summary-tab {
  position: relative;
}

.vc-change-summary-header .vc-change-summary-diff-container {
  display: table;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.vc-change-summary-header .vc-change-summary-diff-row {
  display: table-row;
}

/* Setting min-width = max-width allows the expected expand/collapse across the page width */
.vc-change-summary-header .vc-change-summary-diff-cell {
  display: table-cell;
  min-width: 250px;
  max-width: 250px;
  vertical-align: top;
}

.vc-change-summary-header .vc-change-summary-diff-cell.secondary {
  min-width: 150px;
  max-width: 150px;
}

.vc-change-summary-diff-cell .vc-change-summary-diff-commit {
  padding: 5px 10px 5px 10px;
  overflow: hidden;
  vertical-align: top;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-radius: 5px;
  min-height: 80px;
}

.vc-change-summary-diff-cell .vc-change-summary-diff-commit.multi-commits {
  box-shadow: 4px 4px rgba(255, 255, 255, 1), 5px 5px rgba( 218, 218, 218 ,  1 );
  box-shadow: 4px 4px var(--background-color,rgba(255, 255, 255, 1)), 5px 5px rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.vc-change-summary-diff-cell.secondary .vc-change-summary-diff-commit {
  margin-top: 20px;
}

.vc-change-summary-diff-cell.emphasize .vc-change-summary-diff-commit {
  box-shadow: rgba( 218, 218, 218 ,  1 ) 3px 3px 5px;
  box-shadow: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ) 3px 3px 5px;
}

.vc-change-summary-diff-cell.de-emphasize,
.vc-change-summary-diff-separator.de-emphasize {
  opacity: 0.5;
}

.vc-change-summary-diff-cell .vc-change-summary-diff-commit.diff-commit-hover {
  box-shadow: none;
  border:  1px double;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  cursor: pointer;
}

.vc-change-summary-diff-cell .vc-change-summary-diff-commit.merge-commit-hover {
  box-shadow: none;
  border:  1px double;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.vc-change-summary-header .vc-change-summary-diff-separator {
  display: table-cell;
  width: 20px;
  padding: 70px 0 0 0;
}

/* This is to make sure the border on toggle buttons don't overlap other items*/
.changed-files-summary-header > .menu-bar > .menu-item {
  margin-right: 1px;
}

/* This is the positioning and font size for the generic diff commit double arrow (if used). Not a standard font size */
.vc-change-summary-header .vc-change-summary-diff-separator-text {
  display: table-cell;
  width: 20px;
  vertical-align: middle;
  padding: 3px;
  font-size: 20px;
  text-align: center;
}

.vc-change-summary-header .vc-change-summary-diff-separator.diff-commit-hover .vc-svg-commit-arrow {
  stroke: rgba( 199, 224, 244 ,  1 );
  stroke: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  fill: rgba( 199, 224, 244 ,  1 );
  fill: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

/* Matches .filtered-list-dropdown-menu.vc-git-selector-menu:hover */
.list-dropdown-menu:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.list-dropdown-menu {
  background-color: none;
  padding: 1px 0 1px 4px;
}

.vc-commit-details-indicator-area {
  margin-left: 10px;
  margin-top: 5px;
}

.status-info.vc-commit-branch-indicator {
  margin-left: 10px;
  display: none;
}

.status-info.vc-commit-pullrequest-indicator {
  margin-left: 10px;
  display: none;
}

.status-info.vc-commit-pullrequest-link {
  margin-left: 2px;
}

.artifact-level-discussion-container .vc-discussion-thread-box {
  margin-left: 20px;
  margin-top: 10px;
}

.artifact-level-discussion-container .vc-discussion-thread-box .vc-discussion-thread-comment {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.artifact-level-discussion-container .vc-discussion-thread-box .vc-discussion-thread-comment.reply {
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
}

.artifact-level-discussion-container .vc-discussion-thread-box .vc-discussion-thread-comment:not(.reply) .vc-discussion-thread-status-area {
  background: rgba(255, 255, 255, 1);
  background: var(--background-color,rgba(255, 255, 255, 1));
}

.artifact-level-discussion-container > div:first-child .vc-discussion-thread-box {
  margin-top: 0px;
}

.vc-pullrequest-review-view .vc-pullrequest-activity-box.conflict-container {
  border: none;
  margin: unset;
  padding: unset;
  width: 100%;
}

.vc-pullrequest-activity-header.conflict-header {
  font-size: 16px;
  font-weight: 600;
  padding: 16px;
}

.conflict-header-count {
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  padding: 6px 12px;
  margin-right: 8px;
  border-radius: 120px;
  height: 32px;
  min-width: 32px;
}

.conflict-header-text {
  display: inline-block;
}

.vc-pullrequest-activity-body.conflict-list {
  display: table;
  padding: 10px;
  width: 100%;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  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 );
}

.conflict-container > .vc-pullrequest-callout-text {
  padding: 14px 10px;
}

.conflict-row {
  display: table-row;
  font-size: 14px;
}

.conflict-row-data {
  display: table-cell;
}

.conflict-row-icon {
  width: 45px;
  text-align: right;
  padding-right: 6px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.conflict-row-filename {
  width: 400px;
  font-weight: 600;
}

.conflict-row-conflicttype {
  width: 400px;
}

.conflict-footer {
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 10px;
  font-size: 14px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.conflict-footer-nextsteps {
  font-weight: 600;
}

/** Automatically converted from Difference.css **/
.version-control-diff-viewer {
  height: 100%;
}

.version-control-diff-viewer .diff-viewer-header .diff-actions.show-version-selector {
  float: left;
}

.version-control-diff-viewer .diff-viewer-header .diff-views {
  float: right;
}

.version-control-diff-viewer .diff-viewer-header .versions-separator .text-separator {
  margin-top: 0;
  font-weight: normal;
  font-size: 20px;
  /* This is the font size for the double-arrow symbol. Not a standard font size */
}

.version-control-diff-viewer .diff-viewer-header .diff-version-menu .sub-menu {
  max-width: 600px;
  outline: 1px solid rgba( 200, 200, 200 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border: none;
}

.version-control-diff-viewer .diff-viewer-header .diff-version-menu .selected-version {
  font-weight: bold;
}

.version-control-diff-viewer .diff-viewer-header .diff-version-menu.active-side > .text {
  font-weight: bold;
}

.diff-viewer-container {
  position: absolute;
  top: 44px;
  bottom: 0;
  left: 0;
  right: 0;
}

/*
 * Extension host
*/
.vc-external-diffviewer-host {
  position: absolute;
  top: 0;
  bottom: 4px;
  left: 0;
  right: 0;
}

.version-control-diff-viewer .extension-host-control .message-area-control {
  left: 0;
  right: 0;
  top: 4px;
}

.version-control-fallback-diff-viewer {
  height: 100%;
  position: relative;
}

.diff-viewer-container > .preview-file-viewer-container .file-contents-container {
  top: 0px;
}

.diff-viewer-container > .preview-file-viewer-container .file-contents-menu {
  display: none;
}

/** Automatically converted from FileContents.css **/
.version-control-file-viewer {
  height: 100%;
}

.version-control-file-viewer .extension-host-control .message-area-control {
  left: 0;
  right: 0;
  top: 4px;
}

.version-control-builtin-viewer {
  height: 100%;
  position: relative;
}

.version-control-builtin-viewer .vc-preview-content-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

.version-control-builtin-viewer .vc-preview-content-container.hide-overflow {
  overflow: hidden;
}

.version-control-file-viewer .file-contents-container {
  position: absolute;
  top: 44px;
  bottom: 0;
  left: 0;
  right: 0;
}

.version-control-file-viewer .file-contents-menu .file-actions-menu {
  position: absolute;
  top: 1px;
  left: 10px;
}

.version-control-file-viewer .file-contents-menu .file-views-menu-container {
  position: absolute;
  top: 1px;
  right: 10px;
  margin-right: -2px;
}

.version-control-file-viewer .file-contents-menu .file-views-menu {
  display: inline-block;
}

.vc-external-fileviewer-host {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

/* Built-in viewer Styles */
.vc-builtin-file-viewer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  white-space: pre;
  font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace;
  font-size: 12px;
  tab-size: 4;
  -ms-tab-size: 4;
  -moz-tab-size: 4;
  -webkit-tab-size: 4;
  -o-tab-size: 4;
}

.vc-builtin-file-viewer.truncated {
  top: 3em;
}

.vc-builtin-file-viewer-image {
  position: absolute;
  top: 10;
  right: 10;
  bottom: 10;
  left: 10;
}

.version-control-file-viewer.has-file-level-discussion-threads .vc-builtin-file-viewer-image {
  overflow: auto;
}

.vc-builtin-file-viewer-image-img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  border: none;
}

.vc-builtin-file-viewer-message-area {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 5px;
}

.vc-builtin-file-viewer-message {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: 100%;
  white-space: pre-wrap;
}

.vc-builtin-file-viewer .ln {
  text-align: right;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border-right-style: solid;
  border-width: 1px;
  padding-left: 5px;
  padding-right: 5px;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.vc-builtin-file-viewer .content {
  padding-left: 5px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

/*
 * Code Comments
 */
.version-control-file-viewer .discussion-thread {
  margin-bottom: 10px;
}

.vc-builtin-file-viewer .file-level-discussion-container {
  margin-left: 5px;
  margin-right: 5px;
}

.vc-builtin-file-viewer-image .file-level-discussion-container {
  width: 100%;
  padding-right: 10px;
}

/*
* Viewer Extensions
*/
.vc-viewer-configurer-host {
  display: none;
}

/*
* File Viewer Edit Panel
*/
.vc-file-viewer-edit-panel {
  position: absolute;
  left: 10px;
  right: 245px;
  padding-left: 10px;
  white-space: nowrap;
}

.vc-file-viewer-edit-panel.commit-options {
  right: 264px;
}

.vc-file-viewer-edit-panel .identity-image {
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-top: 6px;
}

.vc-file-viewer-edit-panel .commit-message-area {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-left: 3px;
}

.vc-file-viewer-edit-panel .commit-message,
.vc-file-viewer-edit-panel .commit-message-description {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  position: absolute;
  width: 100%;
  outline: none;
  margin: 6px 5px 0 6px;
  padding-left: 4px;
}

.vc-file-viewer-edit-panel .commit-message {
  height: 24px;
  padding-right: 20px;
  z-index: 2;
}

.vc-file-viewer-edit-panel .commit-message.extended-message {
  border-bottom-style: dashed;
}

.vc-file-viewer-edit-panel .commit-message-description {
  box-shadow: rgba( 218, 218, 218 ,  1 ) 0 0 5px;
  box-shadow: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ) 0 0 5px;
  overflow-y: auto;
  resize: none;
  top: 23px;
  height: 102px;
  z-index: 1;
}

.vc-file-viewer-edit-panel .commit-message-bubble {
  position: absolute;
  left: 38px;
  top: 12px;
  z-index: 2;
}

.vc-file-viewer-edit-panel .commit-message-drop {
  position: absolute;
  top: 10px;
  right: -41px;
  z-index: 2;
  cursor: pointer;
}

.vc-file-viewer-edit-panel .edit-file-actions-menu.menu-bar {
  display: inline-block;
  margin: -1px 0px 0px 22px;
}

.vc-pullrequest-review-view .filter-selector.vc-pullrequest-comment-filter-container .ms-Dropdown-title,
.versioncontrol-change-list-view .filter-selector.vc-pullrequest-comment-filter-container .ms-Dropdown-title,
.versioncontrol-new-change-list-view .filter-selector.vc-pullrequest-comment-filter-container .ms-Dropdown-title {
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.vc-pullrequest-review-view .filter-selector.vc-pullrequest-comment-filter-container :focus .ms-Dropdown-title,
.versioncontrol-change-list-view .filter-selector.vc-pullrequest-comment-filter-container :focus .ms-Dropdown-title,
.versioncontrol-new-change-list-view .filter-selector.vc-pullrequest-comment-filter-container :focus .ms-Dropdown-title {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.vc-pullrequest-review-view .filter-selector.vc-pullrequest-comment-filter-container :hover .ms-Dropdown-title,
.vc-pullrequest-review-view .filter-selector.vc-pullrequest-comment-filter-container .is-open .ms-Dropdown-title,
.versioncontrol-change-list-view .filter-selector.vc-pullrequest-comment-filter-container :hover .ms-Dropdown-title,
.versioncontrol-change-list-view .filter-selector.vc-pullrequest-comment-filter-container .is-open .ms-Dropdown-title,
.versioncontrol-new-change-list-view .filter-selector.vc-pullrequest-comment-filter-container :hover .ms-Dropdown-title,
.versioncontrol-new-change-list-view .filter-selector.vc-pullrequest-comment-filter-container .is-open .ms-Dropdown-title {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.vc-pullrequest-review-view i.bowtie-icon,
.versioncontrol-change-list-view i.bowtie-icon,
.versioncontrol-new-change-list-view i.bowtie-icon {
  padding-right: 4px;
}

/** Automatically converted from HistoryList.css **/
.vc-history-list .result-message {
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 5px;
}

/* Extra bottom margin so that the browser's dynamic status bar showing URL targets doesn't hide it. */
.vc-history-list .change-list-more.result-message {
  margin-bottom: 20px;
  font-size: 14px;
}

.vc-history-list .results-container {
  padding-left: 20px;
  padding-right: 20px;
}

/* 
Applies to those results containers which are part of another results container.
For example, the results container shown when "Show rename history" is clicked.
In those cases, having additional padding at the right does not look good.
*/
.vc-history-list .results-container .vc-history-list .results-container {
  padding-right: 0px;
}

.vc-history-list .results-container .group-header {
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 244, 244, 244 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  font-size: 12px;
  font-weight: 600;
  padding-right: 8px;
  display: inherit;
}

.vc-history-list .results-container .group-header .header-primary-text {
  font-weight: 600;
  padding-right: 8px;
  float: left;
}

.vc-history-list .results-container .group-header .header-secondary-text {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  float: left;
}

.vc-history-list .results-container .group-results-container {
  margin-bottom: 5px;
}

.vc-history-list .results-container .group-results {
  width: 100%;
}

.vc-history-list .results-container .history-result {
  border-bottom:  1px;
  border-bottom-color: rgba( 244, 244, 244 ,  1 ) solid;
  border-bottom-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ) solid;
}

.vc-history-list .results-container .history-result:last-child {
  border-bottom: none;
}

.vc-history-list .results-container .history-result:hover {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.vc-history-list .results-container .history-result:hover a,
.vc-history-list .results-container .history-result:hover a:link,
.vc-history-list .results-container .history-result:hover a:visited {
  color: rgba(0, 90, 158, 1) !important;
  color: var(--communication-foreground,rgba(0, 90, 158, 1)) !important;
}

.vc-history-list .results-container .history-result:hover .action-icon > .icon {
  display: block;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.vc-history-list .results-container .history-result a,
.vc-history-list .results-container .history-result a:link,
.vc-history-list .results-container .history-result a:visited {
  color: rgba( 0, 0, 0 ,  1 ) !important;
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
}

.vc-history-list .results-container .history-result .ellide-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.vc-history-list .results-container .history-result .popup-menu-trigger.menu-visible {
  color: rgba( 43, 136, 216 ,  1 );
  color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  display: inline-block;
}

.vc-history-list .results-container .history-result .action-icon > .icon:hover,
.vc-history-list .results-container .history-result .action-icon .popup-menu-trigger:hover {
  background-color: rgba( 199, 224, 244 ,  1 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.vc-history-list .results-container .history-result .action-icon > .icon.visible {
  display: inline-block;
}

.vc-history-list .results-container .history-result .action-icon {
  display: inline-block;
  vertical-align: middle;
}

.vc-history-list .results-container .history-result .action-icon > .icon {
  display: none;
  cursor: pointer;
}

.vc-history-list .results-container .history-result .action-icon > .popup-menu-trigger {
  display: block;
  cursor: pointer;
  color: rgba( 200, 200, 200 ,  1 );
  color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.vc-history-list .results-container .history-result .primary-user-image {
  padding-right: 13px;
  vertical-align: middle;
  float: left;
}

.vc-history-list .results-container .history-result .primary-user-image img {
  width: 40px;
  height: 40px;
}

.vc-history-list .results-container .history-result .primary-text,
.vc-history-list .results-container .history-result .primary-text:link,
.vc-history-list .results-container .history-result .primary-text:visited {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-size: 15px;
  font-weight: 600;
}

.vc-history-list .results-container .history-result .secondary-text {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-history-list .results-container .history-result .action-icon {
  padding: 1px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  width: 32px;
  height: 32px;
}

.vc-history-list .results-container .history-result .action-icon > .icon {
  line-height: 32px;
  width: 32px;
  height: 32px;
}

.vc-history-list .results-container .history-result .pick-container {
  width: 40px;
  vertical-align: top;
  padding-top: 18px;
}

.vc-history-list .results-container .history-result .file-counts {
  width: 32px;
  vertical-align: top;
  padding-top: 18px;
  padding-left: 10px;
  padding-right: 5px;
}

.vc-history-list .results-container .history-result .bowtie-dot {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.vc-history-list .results-container .history-result .file-counts.extra-small-change .bowtie-dot {
  font-size: 2px;
  text-align: center;
  line-height: 16px;
}

.vc-history-list .results-container .history-result .file-counts.small-change .bowtie-dot {
  font-size: 4px;
  text-align: center;
  line-height: 16px;
}

.vc-history-list .results-container .history-result .file-counts.medium-change .bowtie-dot {
  font-size: 8px;
  text-align: center;
  line-height: 16px;
}

.vc-history-list .results-container .history-result .file-counts.large-change .bowtie-dot {
  font-size: 12px;
  text-align: center;
  line-height: 16px;
}

.vc-history-list .results-container .history-result .file-counts.extra-large-change .bowtie-dot {
  font-size: 16px;
  text-align: center;
  line-height: 16px;
}

.vc-history-list .results-container .history-result .picture {
  width: 53px;
  height: 40px;
  vertical-align: top;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 13px;
}

.vc-history-list .results-container .history-result .vc-history-list-image-size {
  width: 40px;
  height: 40px;
  vertical-align: middle;
}

.vc-history-list .results-container .history-result .change-type {
  width: 4%;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: top;
  word-break: keep-all;
  /* keep-all prevents Korean words from unnecessarily breaking between each letter */
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-history-list .results-container .expand-history-link-text {
  padding-left: 4px;
}

.vc-history-list .results-container .child-history-label {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-history-list .results-container .history-result .result-details {
  padding-right: 8px;
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
}

.vc-history-list .results-container .history-result .result-details .change-link-container .more-comment-link,
.versioncontrol-change-list-view .more-comment-link {
  display: inline-block;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}

.vc-history-list .results-container .history-result .result-details .change-link-container .more-comment-link:hover,
.versioncontrol-change-list-view .more-comment-link:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.vc-history-list .results-container .history-result .result-details .full-comments {
  white-space: pre-wrap;
  word-break: break-all;
  /* word-wrap does not have the desired result due to this being in a table */
}

.vc-history-list .results-container .history-result .result-details .change-info {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-history-list .author-name {
  font-weight: 600;
  padding-right: 3px;
  float: left;
}

.vc-history-list .results-container .history-result .comments-indicator-container {
  height: 43px;
  width: 28px;
  vertical-align: top;
  padding-top: 20px;
  padding-right: 10px;
}

.vc-history-list .no-comments .history-result .comments-indicator-container {
  display: none;
}

/* Compact Table Styles */
.vc-history-list .results-container.compact-table {
  padding-left: 0px;
  padding-right: 0px;
}

.vc-history-list .scrollable-header-container {
  position: relative;
  padding-top: 24px;
  height: 100%;
}

.vc-history-list .results-container.compact-table.with-header {
  overflow: auto;
  height: 100%;
}

.vc-history-list .results-container.compact-table .group-results {
  width: 100%;
  table-layout: fixed;
}

.vc-history-list .results-container.compact-table .history-result.history-header {
  height: 0px;
}

.vc-history-list .results-container.compact-table .history-result.history-header td {
  height: 0px;
  line-height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: transparent;
}

.vc-history-list .results-container.compact-table .history-result.history-header td.pick-container,
.vc-history-list .results-container.compact-table .history-result.history-header td.file-counts,
.vc-history-list .results-container.compact-table .history-result.history-header td.comments-indicator-container {
  height: 0px;
  padding-top: 0px;
}

.vc-history-list .results-container.compact-table .history-header .header-text {
  position: absolute;
  top: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3px;
  line-height: normal;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-history-list .results-container.compact-table .history-header.history-result:hover {
  background-color: initial;
}

.vc-history-list .results-container.compact-table .history-result:hover {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.vc-history-list .results-container.compact-table .history-result {
  height: 24px;
}

.vc-history-list .results-container.compact-table .history-result td {
  padding-right: 8px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3px;
}

.vc-history-list .results-container.compact-table .history-result td.pick-container,
.vc-history-list .results-container.compact-table .history-result td.file-counts,
.vc-history-list .results-container.compact-table .history-result td.comments-indicator-container {
  height: auto;
  padding-top: 2px;
  text-overflow: clip;
}

.vc-history-list .results-container.compact-table .history-result td.result-id {
  width: 65px;
}

.vc-history-list .results-container.compact-table .history-result td.result-author {
  width: 170px;
}

.vc-history-list .results-container.compact-table .history-result td.result-author .author-container {
  position: relative;
}

.vc-history-list .results-container.compact-table .history-result .picture {
  width: auto;
  height: auto;
  position: absolute;
  top: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.vc-history-list .results-container.compact-table .history-result .author {
  padding-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  left: 22px;
  right: 0px;
}

.vc-history-list .results-container.compact-table .history-result td.result-date {
  width: 200px;
}

.ms-Callout.flyout-content {
  z-index: 10050;
}

/** Automatically converted from HistorySearchFilter.css **/
.ui-dialog-content.vc-item-picker {
  margin-bottom: 20px;
}

.vc-advanced-filter,
.path-container,
.vc-shelveset-list-filter {
  display: inline-block;
}

.vc-advanced-filter .branch.bowtie > label,
.path-container .branch.bowtie > label,
.vc-shelveset-list-filter .branch.bowtie > label {
  margin-bottom: 0px;
  padding-left: 5px;
}

.vc-advanced-filter table.filter,
.path-container table.filter,
.vc-shelveset-list-filter table.filter {
  width: 100%;
}

.vc-advanced-filter td,
.path-container td,
.vc-shelveset-list-filter td {
  vertical-align: middle;
  padding: 4px 4px 4px 4px;
}

.vc-advanced-filter td.bowtie button.btn-cta,
.path-container td.bowtie button.btn-cta,
.vc-shelveset-list-filter td.bowtie button.btn-cta {
  height: 30px;
  font-size: 12px;
}

.vc-advanced-filter tr.filter-row,
.path-container tr.filter-row,
.vc-shelveset-list-filter tr.filter-row {
  vertical-align: bottom;
}

.vc-advanced-filter tr.filter-row td.path-cell,
.path-container tr.filter-row td.path-cell,
.vc-shelveset-list-filter tr.filter-row td.path-cell {
  width: 100%;
}

.vc-advanced-filter tr.filter-row input.path-cell-input,
.path-container tr.filter-row input.path-cell-input,
.vc-shelveset-list-filter tr.filter-row input.path-cell-input {
  width: 100%;
}

.vc-advanced-filter .mru-identity-picker,
.path-container .mru-identity-picker,
.vc-shelveset-list-filter .mru-identity-picker {
  height: 32px;
  background: rgba( 244, 244, 244 ,  1 );
  background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.vc-advanced-filter .mru-identity-picker.drop > .drop,
.path-container .mru-identity-picker.drop > .drop,
.vc-shelveset-list-filter .mru-identity-picker.drop > .drop {
  background: none !important;
  margin-top: 6px;
  margin-right: 2px;
}

.vc-advanced-filter .mru-identity-picker.drop > .wrap,
.path-container .mru-identity-picker.drop > .wrap,
.vc-shelveset-list-filter .mru-identity-picker.drop > .wrap {
  top: 5px;
  left: 3px;
}

.vc-advanced-filter .mru-identity-picker.invalid,
.path-container .mru-identity-picker.invalid,
.vc-shelveset-list-filter .mru-identity-picker.invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.vc-advanced-filter .mru-identity-picker.invalid .wrap,
.path-container .mru-identity-picker.invalid .wrap,
.vc-shelveset-list-filter .mru-identity-picker.invalid .wrap {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.vc-advanced-filter .mru-identity-picker.invalid .wrap .text-wrapper > .mru-identity-picker-input,
.path-container .mru-identity-picker.invalid .wrap .text-wrapper > .mru-identity-picker-input,
.vc-shelveset-list-filter .mru-identity-picker.invalid .wrap .text-wrapper > .mru-identity-picker-input {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.vc-advanced-filter .mru-identity-picker.has-selected-value:not(.invalid),
.path-container .mru-identity-picker.has-selected-value:not(.invalid),
.vc-shelveset-list-filter .mru-identity-picker.has-selected-value:not(.invalid) {
  background: rgba( 199, 224, 244 ,  1 );
  background: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.vc-advanced-filter .mru-identity-picker .mru-identity-picker-input,
.path-container .mru-identity-picker .mru-identity-picker-input,
.vc-shelveset-list-filter .mru-identity-picker .mru-identity-picker-input {
  background: rgba( 244, 244, 244 ,  1 );
  background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.vc-advanced-filter .mru-identity-picker.invalid .mru-identity-picker-input,
.path-container .mru-identity-picker.invalid .mru-identity-picker-input,
.vc-shelveset-list-filter .mru-identity-picker.invalid .mru-identity-picker-input {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.vc-advanced-filter .mru-identity-picker.has-selected-value:not(.invalid) .mru-identity-picker-input,
.path-container .mru-identity-picker.has-selected-value:not(.invalid) .mru-identity-picker-input,
.vc-shelveset-list-filter .mru-identity-picker.has-selected-value:not(.invalid) .mru-identity-picker-input {
  background: rgba( 199, 224, 244 ,  1 );
  background: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.vc-advanced-filter .mru-identity-picker .mru-identity-picker-input::-webkit-input-placeholder,
.path-container .mru-identity-picker .mru-identity-picker-input::-webkit-input-placeholder,
.vc-shelveset-list-filter .mru-identity-picker .mru-identity-picker-input::-webkit-input-placeholder {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.vc-advanced-filter .mru-identity-picker .mru-identity-picker-input:-moz-placeholder,
.path-container .mru-identity-picker .mru-identity-picker-input:-moz-placeholder,
.vc-shelveset-list-filter .mru-identity-picker .mru-identity-picker-input:-moz-placeholder {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  opacity: 1;
}

.vc-advanced-filter .mru-identity-picker .mru-identity-picker-input::-moz-placeholder,
.path-container .mru-identity-picker .mru-identity-picker-input::-moz-placeholder,
.vc-shelveset-list-filter .mru-identity-picker .mru-identity-picker-input::-moz-placeholder {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  opacity: 1;
}

.vc-advanced-filter .mru-identity-picker .mru-identity-picker-input:-ms-input-placeholder,
.path-container .mru-identity-picker .mru-identity-picker-input:-ms-input-placeholder,
.vc-shelveset-list-filter .mru-identity-picker .mru-identity-picker-input:-ms-input-placeholder {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.vc-advanced-filter td.bowtie button.btn-cta.vc-apply-filters-button,
.path-container td.bowtie button.btn-cta.vc-apply-filters-button,
.vc-shelveset-list-filter td.bowtie button.btn-cta.vc-apply-filters-button {
  min-width: 90px;
  height: 32px;
  white-space: nowrap;
}

.vc-advanced-filter td.bowtie button.btn-cta.vc-apply-filters-button.disabled,
.path-container td.bowtie button.btn-cta.vc-apply-filters-button.disabled,
.vc-shelveset-list-filter td.bowtie button.btn-cta.vc-apply-filters-button.disabled {
  cursor: default;
}

.vc-changes-list-filter {
  display: inline-block;
}

.vc-advanced-filter {
  float: right;
}

.path-container {
  float: left;
  width: 100%;
}

.filter .invalid-form {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.vc-shelveset-list-filter button {
  height: 1.7em;
  margin-left: 0.5em;
  white-space: nowrap;
}

.vc-shelveset-list-filter .advanced-filter td {
  padding-right: 5px;
}

.vc-shelvesets-picker .vc-history-list {
  position: relative;
}

.vc-filter-control {
  min-width: 95px;
  width: 160px;
  height: 30px;
  vertical-align: middle;
}

.vc-filter-control .combo.input-text-box > div.wrap > input {
  padding: 0px 0px 2px 8px;
  margin: 0px -5px;
  background: none;
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  border: none;
  outline: none;
}

.vc-filter-control .combo.input-text-box.has-selected-values {
  background: rgba( 199, 224, 244 ,  1 );
  background: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.vc-filter-control .combo.input-text-box.has-selected-values.invalid-form {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.vc-filter-control .combo.input-text-box.has-selected-values > div.wrap > input {
  background: none;
}

.vc-filter-control .combo.input-text-box.drop > div.drop {
  padding-top: 6px;
  margin-left: 3px;
  width: 25px;
  background: none;
  height: 100%;
}

.vc-filter-control .combo.input-text-box {
  height: 32px !important;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  background: rgba( 244, 244, 244 ,  1 );
  background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.vc-filter-control .combo.input-text-box:hover {
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.vc-filter-control .combo.input-text-box:focus, .vc-filter-control .combo.input-text-box.focus {
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.vc-filter-control .combo.input-text-box input::-webkit-input-placeholder {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  font-style: initial;
}

.vc-filter-control .combo.input-text-box input:-moz-placeholder {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  font-style: initial;
  opacity: 1;
}

.vc-filter-control .combo.input-text-box input::-moz-placeholder {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  font-style: initial;
  opacity: 1;
}

.vc-filter-control .combo.input-text-box input:-ms-input-placeholder {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  font-style: initial;
}

.vc-filter-control .user-combo .virtualizing-list-view > .items li {
  margin: 0;
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  min-width: 200px;
  max-width: 300px;
}

.vc-filter-control .user-combo .combo-drop-popup {
  min-width: 200px;
  max-width: 300px;
}

.vc-filter-control.vc-history-mode-filter {
  width: 162px;
}

.filter .error-tip,
.vc-filter-control .error-tip {
  background-color: rgba( 168, 0, 0 ,  1 );
  background-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  display: block;
  padding: 5px 10px 7px;
  text-align: left;
  z-index: 910;
  position: relative;
  top: 30px;
  white-space: normal;
  width: inherit;
}

.filter .error-tip:before,
.vc-filter-control .error-tip:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: rgba( 168, 0, 0 ,  1 );
  border-bottom-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  top: -12px;
  z-index: 915;
}

.filter-button {
  width: 32px;
  height: 32px;
  text-align: center;
  display: inline;
  padding: 8px 8px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.filter-button.filter-applied {
  background-color: rgba( 199, 224, 244 ,  1 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.filter-button.filter-applied:hover {
  cursor: pointer;
}

.vc-pullrequest-merge-policy-status-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.squeeze.vc-pullrequest-merge-policy-status-list {
  padding-top: 10px;
}

.vc-pullrequest-merge-policy-status-item {
  padding: 3px 5px;
  display: flex;
  align-items: center;
}

.vc-pullrequest-merge-policy-status-item i.bowtie-icon {
  margin-right: 5px;
}

.vc-pullrequest-merge-policy-status-item i.bowtie-play-fill {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.vc-pullrequest-merge-policy-status-item i.bowtie-check {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.vc-pullrequest-merge-policy-status-item i.bowtie-math-multiply {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.vc-pullrequest-merge-policy-status-item:hover {
  background-color: inherit;
}

.vc-pullrequest-merge-policy-status-item:hover a,
.vc-pullrequest-merge-policy-status-item:hover a:link,
.vc-pullrequest-merge-policy-status-item:hover a:visited {
  color: rgba(0, 120, 212, 1) !important;
  color: var(--communication-background,rgba(0, 120, 212, 1)) !important;
}

.vc-pullrequest-merge-policy-status-item > .vss-ContextualMenu--container {
  margin-left: auto;
}

.vc-pullrequest-merge-policy-status-item > span.statusText, .vc-pullrequest-merge-policy-status-item a.actionLink {
  margin-left: 5px;
}

.vc-pullrequest-merge-policy-status-item button.more-policy-actions-button.vss-ContextualMenuButton {
  height: auto;
  opacity: 0;
  min-height: 0;
}

.vc-pullrequest-merge-policy-status-item button.more-policy-actions-button.vss-ContextualMenuButton:hover, .vc-pullrequest-merge-policy-status-item button.more-policy-actions-button.vss-ContextualMenuButton:focus {
  opacity: 1;
}

.vc-pullrequest-merge-policy-status-item:hover button.more-policy-actions-button.vss-ContextualMenuButton {
  opacity: 1;
}

li.squeeze.vc-pullrequest-merge-policy-status-item {
  padding-top: 0px;
  padding-bottom: 0px;
}

.vc-pullrequest-suggestions-container {
  margin: 10px;
}

.vc-pullrequest-suggestions-container .message-area-control {
  padding-left: 11px;
}

.vc-pullrequest-suggestions-container .message-area-control .error-content {
  padding-top: 0px;
}

.vc-pullrequest-suggestions-container ~ .hub-pivot ~ .hub-pivot-content {
  top: 94px;
}

.vc-pullrequest-suggestions-container ~ .hub-pivot.hidden ~ .hub-pivot-content {
  top: 54px;
}

.vc-pullrequest-suggestions-container.hidden ~ .hub-pivot ~ .hub-pivot-content {
  top: 34px;
}

.vc-pullrequest-suggestions-container.hidden ~ .hub-pivot.hidden ~ .hub-pivot-content {
  top: 0;
}

.vc-pullrequest-suggestion {
  display: flex;
  white-space: nowrap;
  overflow-x: hidden;
}

.vc-pullrequest-suggestion .vc-suggestion-branchDetail {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.3em;
  min-width: 3em;
}

.vc-pullrequest-suggestion .vc-pullrequest-repoLink {
  padding-right: 4px;
}

.vc-pullrequest-suggestion .create-link {
  padding: 0 4px;
}

.notification-message-bar .ms-MessageBar-innerText, .readme-section .ms-MessageBar-innerText {
  min-width: 0;
}

.notification-message-bar .ms-MessageBar-innerText > span, .readme-section .ms-MessageBar-innerText > span {
  display: block;
}

/* Annotate Block Colors and fonts */
/* Branches explorer */
/* Font */
/* Icons Colors*/
/* Call to Action Colors */
/* History Page */
/* VC Icons (will move to icon strip) */
.vc-pullrequest-callout-component .callout {
  position: relative;
  margin: 0 0 16px;
  min-height: 56px;
  padding: 16px;
  border:  2px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  overflow: hidden;
  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
  border-radius: 4px;
}

.vc-pullrequest-callout-component .callout.completed {
  border-color: rgba( 16, 124, 16 ,  1 );
  border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.vc-pullrequest-callout-component .callout.completed .vc-pullrequest-rollupstatus {
  height: 18px;
  margin: 4px 8px 0 6px;
  vertical-align: text-bottom;
  line-height: 13px;
  display: inline-block;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-weight: 400;
  border:  1px solid;
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-radius: 2px;
  padding: 1px 4px;
  font-size: 12px;
  margin-right: 6px;
  float: left;
  margin-top: 9px;
}

.vc-pullrequest-callout-component .callout.auto-complete {
  border-color: rgba( 214, 127, 60 ,  1 );
  border-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.vc-pullrequest-callout-component .callout.blocked {
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.vc-pullrequest-callout-component .callout.conflict-list {
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  padding: 0;
}

.vc-pullrequest-callout-component .callout i.bowtie-play-fill {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  padding-right: 7px;
}

.vc-pullrequest-callout-component .vc-pullrequest-callout-text {
  font-size: 16px;
  padding-top: 6px;
  width: 100%;
}

.vc-pullrequest-callout-component .vc-pullrequest-callout-container {
  width: 100%;
}

.vc-pullrequest-callout-component .vc-pullrequest-callout-container .callout-details {
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.vc-pullrequest-callout-component .vc-pullrequest-callout-container .callout-details .space-right {
  margin-right: 13px;
}

.vc-pullrequest-callout-component .vc-pullrequest-callout-container .callout-details strong {
  font-weight: 600;
}

.vc-pullrequest-callout-component .vc-pullrequest-callout-container .callout-details .vc-pullrequest-activity-image-spacer {
  width: 2px;
}

.vc-pullrequest-callout-component .callout-buttons {
  text-align: right;
  right: 0;
  top: 0;
  float: right;
  padding: 0 0 0 12px;
}

.vc-pullrequest-callout-component .callout-buttons .callout-button {
  margin-left: 8px;
  border-radius: 2px;
}

.vc-pullrequest-callout-component .conflict-list .callout-buttons {
  padding: 16px 16px 16px 12px;
}

.vc-pullrequest-callout-component .auto-complete .vc-pullrequest-callout-text {
  padding-top: 0px;
}

/** Automatically converted from RepositoriesSelector.css **/
.vc-git-repository-selector-control .vc-git-repository-selector-action,
.vc-git-version-selector-control .vc-git-version-selector-action {
  padding: 10px 0 0 0;
}

.vc-git-selector-menu .bowtie-icon {
  vertical-align: middle;
  line-height: 18px;
}

.filtered-list-control.vc-git-selector .toolbar .menu-item.hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  outline: none;
}

.filtered-list-popup .filtered-list-control.vc-git-selector .filtered-list-tab-content .filtered-list > li.current-item {
  font-weight: 700;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.filtered-list-popup .filtered-list-control.vc-git-selector .filtered-list-tab-content .filtered-list > li.current-item.new-selection {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.filtered-list-popup .filtered-list-control.vc-git-selector .filtered-list > li.new-selection {
  font-weight: normal;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.filtered-list-popup .filtered-list-control.vc-git-selector .filtered-list > li {
  line-height: normal;
  margin: 0;
  white-space: pre;
}

.filtered-list-popup .filtered-list-control.vc-git-selector .filtered-list > li.message {
  white-space: normal;
}

.filtered-list-popup .filtered-list-control.vc-git-selector .filtered-list {
  margin-bottom: 10px;
}

.filtered-list-dropdown-menu.vc-git-selector-menu:hover,
.filtered-list-dropdown-menu.vc-git-selector-menu.menu-opened {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  outline: none;
}

.filtered-list-popup .filtered-list-control.vc-git-selector {
  padding-bottom: 0px;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  box-shadow: 0 2.5px 5px rgba(0, 0, 0, 0.4);
}

.filtered-list-popup .filtered-list-control.vc-git-selector .pivot-view {
  margin-left: 10px;
}

.filtered-list-popup .filtered-list-control.vc-git-selector .views {
  height: 24px;
}

.vc-create-branch-from-git-ref-dialog .filtered-list-control.vc-git-version-selector-control .filtered-list {
  max-height: 200px;
  width: 100%;
}

/* Bowtie styles */
.bowtie-filtered-list.vc-git-repository-selector-control .vc-git-repository-selector-actions,
.bowtie-filtered-list.vc-git-version-selector-control .vc-git-version-selector-actions {
  margin: 0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.bowtie-filtered-list.vc-git-version-selector-control .vc-git-version-selector-actions.toolbar,
.bowtie-filtered-list.vc-git-repository-selector-control .vc-git-repository-selector-actions.toolbar {
  height: auto;
  border-bottom-style: none;
  padding: 4px 0 4px 0;
  font-size: 13px;
}

.bowtie-filtered-list.filtered-list-control.vc-git-selector .toolbar .menu-item {
  padding: 0px 10px 0px 10px;
  height: 30px;
  line-height: 30px;
  display: block;
  margin: 0px;
  max-width: none;
}

.bowtie-filtered-list.filtered-list-control.vc-git-selector .toolbar .menu-item > .menu-item-icon {
  vertical-align: baseline;
}

.filtered-list-popup .bowtie-filtered-list.filtered-list-control.vc-git-selector .filtered-list {
  margin-bottom: 4px;
}

.bowtie-filtered-list.filtered-list-control .filtered-list > li > .icon {
  vertical-align: middle;
  line-height: 14px;
}

/** Automatically converted from RepositoryDialog.css **/
.ms-Dialog-main.vc-create-repo-dialog {
  max-width: 500px;
  width: 500px;
}

.vc-create-repo-dialog .icon-and-text {
  display: flex;
  align-items: center;
}

.vc-create-repo-dialog .icon-and-text span.bowtie-icon {
  margin-right: 4px;
}

.vc-create-repo-dialog .vc-git-files-container {
  padding-top: 3px;
}

.vc-create-repo-dialog .vc-git-files-container .vc-git-ignore-label {
  padding-top: 8px;
}

.vc-create-repo-dialog .vc-git-files-container .gitignore-selector {
  align-items: center;
  display: flex;
  line-height: 20px;
  margin: 0px;
}

.vc-create-repo-dialog .vc-git-files-container .gitignore-selector.menu-opened, .vc-create-repo-dialog .vc-git-files-container .gitignore-selector:hover {
  background-color: unset;
}

.vc-create-repo-dialog .vc-git-files-container .gitignore-selector:focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.vc-create-repo-dialog .vc-git-files-container .gitignore-selector .drop-icon {
  margin-left: auto;
}

.vc-create-repo-dialog .vc-git-files-container .filtered-list-control.vc-git-ignore-selector-control .filtered-list {
  max-height: 200px;
  width: 100%;
}

.vc-create-repo-dialog .vc-git-files-container .filtered-list-popup {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

/** Automatically converted from RepositoryNameDialog.css **/
.vc-repository-name-dialog .information-header {
  margin-bottom: 10px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-style: italic;
}

.vc-repository-name-dialog .message-area-control {
  margin-bottom: 10px;
}

.vc-repository-name-dialog .repository-name {
  width: 100%;
}

/** Automatically converted from RepositoryOptionsControl.css **/
.vc-repository-option-info {
  margin-left: 16px;
}

.vc-repository-option-content {
  padding-top: 10px;
}

.vc-repository-option-content label {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.vc-repository-option-actions {
  padding-top: 10px;
  padding-bottom: 10px;
}

.vc-repository-option-actions .btn-close {
  display: none;
}

.no-chrome .vc-repository-option-actions {
  text-align: right;
}

.no-chrome .vc-repository-option-actions .btn-close {
  display: block;
}

/** Automatically converted from SourceEditingDialogs.css **/
.vc-new-item-dialog.vc-editing-dialog {
  min-width: 500px;
}

.vc-new-item-dialog .new-file-name-text-field {
  min-height: 80px;
}

.vc-editing-dialog .comment-label {
  margin-top: 10px;
}

.vc-editing-dialog .comment-input {
  height: 60px;
  resize: none;
  overflow-y: auto;
}

.vc-new-item-dialog .parent-folder-input,
.vc-new-item-dialog .file-name-input {
  width: 100%;
}

.vc-rename-item-dialog .parent-folder-input,
.vc-rename-item-dialog .file-name-input {
  width: 100%;
}

.vc-editing-dialog input.disabled {
  cursor: default;
  outline: none;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.vc-new-item-dialog .error-container .message-area-control {
  margin-top: 10px;
}

.vc-new-item-dialog.multi-mode-enabled .new-file-pane,
.vc-new-item-dialog.multi-mode-enabled .upload-files-pane {
  opacity: 0.35;
}

.vc-new-item-dialog.multi-mode-enabled .new-file-pane.selected-pane,
.vc-new-item-dialog.multi-mode-enabled .upload-files-pane.selected-pane {
  opacity: 1;
}

.vc-new-item-dialog .core-file-input-control .browse-container {
  border-radius: 0px;
  display: inline-block;
}

.vc-new-item-dialog .core-file-input-control .drag-drop-label {
  vertical-align: middle;
}

.vc-new-item-dialog .core-file-input-control .file-list {
  max-height: 120px;
  overflow: auto;
}

/* For IE and Edge,  when file list container empty then change height to 0px. Otherwise, height will be -0.01 in IE and Edge*/
.vc-new-item-dialog .core-file-input-control .file-list:empty {
  height: 0px;
}

/** Automatically converted from SourceExplorerGrid.css **/
.version-control-file-list {
  height: 100%;
}

.version-control-file-list .checkin-committer {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.version-control-file-list.grid-container-drop-on {
  background-color: rgba( 223, 246, 221 ,  1 );
  background-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
}

.version-control-file-list.grid-container-drop-on .grid-gutter .grid-gutter-row {
  background-color: rgba( 223, 246, 221 ,  1 );
  background-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
  border:  1px solid;
  border-color: rgba( 223, 246, 221 ,  1 );
  border-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
}

.version-control-file-list .grid-gutter-icon {
  line-height: 26px;
}

.vc-file-list-item-icon {
  margin-right: 6px;
}

/** Automatically converted from SourceExplorerTree.css **/
.source-explorer-tree.with-favorites .repository-node {
  padding-top: 4px;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-top-style: solid;
  border-top-width: 1px;
}

.source-explorer-tree .folder .node-link .node-content {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-weight: normal;
}

.path-favorite-node .node-content {
  padding-right: 22px;
}

.icon.icon-disabled {
  opacity: 0.5;
}

/** Automatically converted from ToggleArrow.css **/
.vc-toggle-arrow {
  outline: none;
  cursor: pointer;
  margin-left: 5px;
}

.vc-toggle-arrow:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

/** Automatically converted from WorkItemLinkForms.css **/
.vc-link-container input {
  width: 100%;
}

.vc-link-container .changeset-browse-container,
.vc-link-container .link-to-container {
  width: 1%;
}

.vc-link-container .changeset-browse-container .link-to:hover,
.vc-link-container .link-to-container .link-to:hover {
  border:  1px solid;
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.vc-link-container .changeset-browse-container .link-to:focus,
.vc-link-container .link-to-container .link-to:focus {
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.vc-link-container .link-to-container .ms-Dropdown-container {
  padding-right: 10px;
  padding-top: 14px;
}

.vc-link-container .link-to-container .ms-Dropdown-container .ms-Dropdown-label {
  padding-top: 0px;
  padding-bottom: 0;
}

.vc-link-container .link-to-container .ms-Dropdown-container .fabric-link-to-component {
  width: 135px;
  margin-bottom: initial;
}

.vc-link-no-repositories-message {
  margin-top: 10px;
}

.vc-link-container {
  width: 100%;
  vertical-align: bottom;
}

.vc-link-container .changeset-container .changeset-id-cell {
  height: 1.7em;
  width: 100%;
}

.vc-link-container .changeset-browse-container .changeset-browse-button {
  height: 1.7em;
}

.link-dialog-form-container .vc-link-git-selector-menu {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 3px;
}

.link-dialog-form-container .vc-link-git-selector-menu:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  outline: none;
}

.link-dialog-form-container .vc-link-git-selector-menu > .drop-icon {
  position: absolute;
  top: 3px;
  right: 3px;
}