/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.project-header-progress {
  background: transparent;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%; }
  body.ms-vss-web-vsts-theme-hc-dark .project-header-progress {
    bottom: -6px; }
  body.ms-vss-web-vsts-theme-hc-light .project-header-progress {
    bottom: -6px; }

.project-header,
.top-level-header {
  position: relative; }
  .project-header .commandbar-item,
  .top-level-header .commandbar-item {
    position: relative; }
    .project-header .commandbar-item:hover,
    .top-level-header .commandbar-item:hover {
      background-color: rgba(0, 0, 0, 0.02);
      background-color: var(--nav-header-item-hover-background,rgba(0, 0, 0, 0.02)); }
    .project-header .commandbar-item.expanded,
    .top-level-header .commandbar-item.expanded {
      background-color: rgba(0, 0, 0, 0.02);
      background-color: var(--nav-header-item-hover-background,rgba(0, 0, 0, 0.02)); }
    .project-header .commandbar-item:focus,
    .top-level-header .commandbar-item:focus {
      background-color: rgba(0, 0, 0, 0.02);
      background-color: var(--nav-header-item-hover-background,rgba(0, 0, 0, 0.02));
      outline: none; }
  .project-header .commandbar-icon,
  .top-level-header .commandbar-icon {
    width: 48px; }

.region-header,
.region-header-menubar {
  background: rgba(255, 255, 255, 1);
  background: var(--nav-header-background,rgba(255, 255, 255, 1));
  box-shadow: rgba(0, 0, 0, .08) 0px 1px 0px;
  box-shadow: var(--border-subtle-color,rgba(0, 0, 0, .08)) 0px 1px 0px;
  color: rgba(0, 0, 0, .55);
  color: var(--nav-vertical-text-secondary-color,rgba(0, 0, 0, .55));
  min-height: 48px;
  overflow-x: hidden;
  z-index: 100; }

.region-header .search {
  border-radius: 2px;
  color: rgba(0, 0, 0, .9);
  color: var(--nav-header-text-primary-color,rgba(0, 0, 0, .9));
  width: 200px;
  border:  1px solid;
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ); }
  .region-header .search.focus {
    background-color: rgba(255, 255, 255, 1);
    background-color: var(--background-color,rgba(255, 255, 255, 1));
    width: 300px;
    border-radius: 0px 2px 2px 0px;
    -webkit-transition: width 0.367s cubic-bezier(0.1, 0.9, 0.2, 1);
    /* Safari*/
    transition: width 0.367s cubic-bezier(0.1, 0.9, 0.2, 1); }
    .region-header .search.focus .search-input {
      color: rgba(0, 0, 0, .9);
      color: var(--text-primary-color,rgba(0, 0, 0, .9)); }

.region-header .search-input::placeholder {
  color: rgba(0, 0, 0, .55);
  color: var(--nav-header-text-secondary-color,rgba(0, 0, 0, .55)); }

.region-header .search-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .55);
  color: var(--nav-header-text-secondary-color,rgba(0, 0, 0, .55)); }

.bolt-focus-visible .commandbar-item:focus::after,
.bolt-focus-visible .commandbar-item.selected::after {
  border: 0.5px solid rgba(0, 0, 0, .9);
  border: 0.5px solid var(--nav-header-text-primary-color,rgba(0, 0, 0, .9));
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 0px; }

.full-screen-mode .region-header,
.full-screen-mode .region-header-menubar {
  display: none; }