/* Annotate Block Colors and fonts */
/* Branches explorer */
/* Font */
/* Icons Colors*/
/* Call to Action Colors */
/* History Page */
/* VC Icons (will move to icon strip) */
.versioncontrol-explorer-view .version-control-item-right-pane {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.full-screen-mode .versioncontrol-explorer-view .hub-title {
  margin-right: 80px;
  margin-top: 7px;
}

.full-screen-mode .versioncontrol-explorer-view .right-hub-content .hub-pivot > .filters {
  width: calc(100% - 200px);
}

.full-screen-mode .versioncontrol-explorer-view .vc-message-container {
  display: none;
}

.full-screen-mode .versioncontrol-explorer-view .vc-item-command-bar {
  float: right;
}

.full-screen-mode .versioncontrol-explorer-view .version-control-item-right-pane {
  top: 0;
}

.full-screen-mode .versioncontrol-explorer-view .version-control-file-viewer .file-contents-menu {
  display: none;
}

.full-screen-mode .versioncontrol-explorer-view .version-control-file-viewer .file-contents-container {
  top: 2px;
}

.versioncontrol-explorer-view.empty-repository .version-control-item-right-pane {
  top: 0;
}

.versioncontrol-explorer-view .vc-history-tab {
  top: 10px;
}

.versioncontrol-explorer-view .rightPane.vc-with-message .right-hub-content {
  top: 75px;
}

.versioncontrol-explorer-view .vc-message-container {
  margin-top: 40px;
  margin-left: 10px;
  margin-right: 10px;
}

.versioncontrol-explorer-view .vc-message-container .message-area-control .error-content {
  padding-top: 0;
}

.versioncontrol-explorer-view .vc-message-container .message-area-control {
  padding-left: 11px;
}

.versioncontrol-explorer-view .hub-title {
  margin-left: 10px;
  margin-right: 20px;
}

.versioncontrol-explorer-view .hub-title .vc-page-title-area {
  display: flex;
  margin-top: -5px;
}

.versioncontrol-explorer-view .hub-title .vc-path-explorer-container {
  flex: 1;
  vertical-align: bottom;
}

.versioncontrol-explorer-view .hub-title .vc-branches-container {
  flex: 0 0 auto;
  font: 14px "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  display: inline-block;
}

.versioncontrol-explorer-view .hub-title .vc-branches-container:after {
  content: "";
  padding-right: 0;
}

.versioncontrol-explorer-view .hub-title .vc-branches-container .filtered-list-dropdown-menu {
  padding: 3.5px 10px 6.5px 10px;
  margin-right: 20px;
}

.versioncontrol-explorer-view .hub-title .vc-status-container {
  flex: 0 0 auto;
}

.versioncontrol-explorer-view .hub-title .vc-status-container .flyout.enabled .flyout-header:hover {
  background-color: transparent;
}

.versioncontrol-explorer-view .hub-title .vc-status-container .status-badge-icon.enabled,
.versioncontrol-explorer-view .hub-title .vc-status-container .status-badge {
  margin-left: 24px;
}

.versioncontrol-explorer-view .hub-title .vc-status-container.old-nav .status-title,
.versioncontrol-explorer-view .hub-title .vc-status-container.new-nav .status-title {
  padding: 5px 4px;
  font-weight: normal;
}

.versioncontrol-explorer-view .hub-title .vc-status-container.old-nav .status-badge.enabled .status-state.not-set,
.versioncontrol-explorer-view .hub-title .vc-status-container.new-nav .status-badge.enabled .status-state.not-set {
  display: none;
}

.versioncontrol-explorer-view .hub-title .vc-status-container.old-nav .status-title {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border:  2px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.versioncontrol-explorer-view .hub-title .vc-status-container.old-nav .status-title:hover {
  outline: none;
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  border: 2px solid rgba(0, 90, 158, 1);
  border: 2px solid var(--communication-foreground,rgba(0, 90, 158, 1));
}

.versioncontrol-explorer-view .hub-title .vc-status-container.old-nav .status-title:active {
  outline: none;
  background-color: rgba(0, 90, 158, 1);
  background-color: var(--communication-foreground,rgba(0, 90, 158, 1));
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  border: 2px solid rgba(0, 90, 158, 1);
  border: 2px solid var(--communication-foreground,rgba(0, 90, 158, 1));
}

.versioncontrol-explorer-view .hub-title .vc-status-container.new-nav .status-title {
  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));
  border: 2px solid rgba(0, 120, 212, 1);
  border: 2px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.versioncontrol-explorer-view .hub-title .vc-status-container.new-nav .status-title:hover {
  outline: none;
  background-color: rgba( 0, 69, 120 ,  1 );
  background-color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  2px solid;
  border-color: rgba( 0, 69, 120 ,  1 );
  border-color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
}

.versioncontrol-explorer-view .hub-title .vc-status-container.new-nav .status-title:active {
  outline: none;
  background-color: rgba(0, 90, 158, 1);
  background-color: var(--communication-foreground,rgba(0, 90, 158, 1));
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border: 2px solid rgba(0, 90, 158, 1);
  border: 2px solid var(--communication-foreground,rgba(0, 90, 158, 1));
}

.vc-branches-container .changeset-version {
  display: inline-block;
  padding: 6px;
}

.vc-branches-container .changeset-version a.show-latest {
  margin-left: 6px;
}

.versioncontrol-explorer-view .source-node-container {
  position: absolute;
  left: 0;
  top: 8px;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.versioncontrol-explorer-view .vc-history-tab .version-control-history-viewer {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.versioncontrol-explorer-view .vc-changes-list-filter.advanced-mode ~ .version-control-history-viewer {
  top: 50px;
}

.versioncontrol-explorer-view .git-action-clone {
  margin-left: 4px;
  margin-right: 4px;
  white-space: nowrap;
  cursor: pointer;
}

.versioncontrol-explorer-view .git-action-clone .clone-repo-label {
  margin-left: 4px;
  vertical-align: middle;
}

.versioncontrol-explorer-view .git-action-clone .clone-repo-label:hover {
  text-decoration: underline;
}

.vc-view-pivot-menu .menu-item.popup-opened {
  outline: none;
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.versioncontrol-explorer-view .hub-pivot > .filters {
  right: 16px;
}

.versioncontrol-explorer-view .hub-pivot > .filters .vc-view-pivot-filters.toolbar {
  padding: 4px;
}

.versioncontrol-explorer-view .hub-pivot > .filters .vc-history-pivot-filters {
  margin-left: 0;
}

.toolbar.vc-view-pivot-filters .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view.hover,
.toolbar.vc-view-pivot-filters .vc-view-title-menu .menu-item.vc-clone-menu-button-main-view.hover,
.toolbar.vc-view-title-menu-container .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view.hover,
.toolbar.vc-view-title-menu-container .vc-view-title-menu .menu-item.vc-clone-menu-button-main-view.hover {
  outline: none;
  background-color: rgba( 0, 69, 120 ,  1 );
  background-color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  2px solid;
  border-color: rgba( 0, 69, 120 ,  1 );
  border-color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
}

.toolbar.vc-view-pivot-filters .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view:active,
.toolbar.vc-view-pivot-filters .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view.popup-opened,
.toolbar.vc-view-pivot-filters .vc-view-title-menu .menu-item.vc-clone-menu-button-main-view:active,
.toolbar.vc-view-pivot-filters .vc-view-title-menu .menu-item.vc-clone-menu-button-main-view.popup-opened,
.toolbar.vc-view-title-menu-container .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view:active,
.toolbar.vc-view-title-menu-container .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view.popup-opened,
.toolbar.vc-view-title-menu-container .vc-view-title-menu .menu-item.vc-clone-menu-button-main-view:active,
.toolbar.vc-view-title-menu-container .vc-view-title-menu .menu-item.vc-clone-menu-button-main-view.popup-opened {
  outline: none;
  background-color: rgba(0, 90, 158, 1);
  background-color: var(--communication-foreground,rgba(0, 90, 158, 1));
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border: 2px solid rgba(0, 90, 158, 1);
  border: 2px solid var(--communication-foreground,rgba(0, 90, 158, 1));
}

.toolbar.vc-view-pivot-filters .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view,
.toolbar.vc-view-pivot-filters .vc-view-title-menu .menu-item.vc-clone-menu-button-main-view,
.toolbar.vc-view-title-menu-container .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view,
.toolbar.vc-view-title-menu-container .vc-view-title-menu .menu-item.vc-clone-menu-button-main-view {
  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));
  border: 2px solid rgba(0, 120, 212, 1);
  border: 2px solid var(--communication-background,rgba(0, 120, 212, 1));
  padding: 5px 4px;
  margin: 0;
  font-size: 14px;
}

.vc-view-title-menu-container.toolbar {
  display: table-cell;
  border-top: none;
  border-bottom: none;
  margin-right: 0;
  height: initial;
  padding-left: 8px;
}

.clone-popup {
  white-space: normal;
  padding: 10px;
  width: 100%;
}

.clone-popup > div {
  margin: 10px 0;
}

.clone-popup .clone-url {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  width: 100%;
}

.git-clone-command {
  font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace;
  margin-left: 10px;
}

.vc-clone-credentials-message {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}