.no-chrome .vsts-header + .content-section,
.no-chrome .vsts-header.no-hubs + .content-section {
  top: 0;
}

.full-screen-mode .vsts-header {
  display: none;
}

.full-screen-mode .vsts-header + .global-message-section + .content-section {
  top: 36px;
}

.full-screen-mode .vsts-header + .global-message-section {
  top: 0;
}

.vsts-header {
  font-size: 14px;
}

.vsts-header table.header-table.l1 .header-row {
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
  height: 40px;
}

.vsts-header table.header-table.l2 .header-row {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  height: 40px;
}

.vsts-header + .content-section {
  top: 80px;
}

.vsts-header.no-hubs + .content-section {
  top: 40px;
}

.vsts-header + .global-message-section {
  top: 80px;
}

.vsts-header + .global-message-section + .content-section {
  top: 116px;
}

.vsts-header.no-hubs + .global-message-section {
  top: 40px;
}

.vsts-header.no-hubs + .global-message-section + .content-section {
  top: 76px;
}

.vsts-header.no-hubs table.header-table.l2 {
  display: none;
}

.vsts-header .l1-menubar.menu-bar {
  display: table;
  padding: 0;
  height: 100%;
}

.vsts-header .l1-menubar.menu-bar.hubs-menubar > .menu-item,
.vsts-header .l1-menubar.menu-bar.hubs-menubar > .menu-item-container {
  vertical-align: top;
}

.vsts-header .l1-menubar.menu-bar > .menu-item,
.vsts-header .l1-menubar.menu-bar > .menu-item-container > .menu-item {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  height: 40px;
}

.vsts-header .l1-menubar.menu-bar > .menu-item.hover,
.vsts-header .l1-menubar.menu-bar > .menu-item-container > .menu-item.hover {
  cursor: pointer;
}

.vsts-header .l1-menubar.menu-bar > .menu-item > .text,
.vsts-header .l1-menubar.menu-bar > .menu-item > .icon,
.vsts-header .l1-menubar.menu-bar > .menu-item > .bowtie-icon,
.vsts-header .l1-menubar.menu-bar > .menu-item-container > .menu-item > .text,
.vsts-header .l1-menubar.menu-bar > .menu-item-container > .menu-item > .icon,
.vsts-header .l1-menubar.menu-bar > .menu-item-container > .menu-item > .bowtie-icon,
.vsts-header .l2-menubar.menu-bar > .menu-item > .text,
.vsts-header .l2-menubar.menu-bar > .menu-item > .icon,
.vsts-header .l2-menubar.menu-bar > .menu-item > .bowtie-icon,
.vsts-header .l2-menubar.menu-bar > .menu-item-container > .menu-item > .text,
.vsts-header .l2-menubar.menu-bar > .menu-item-container > .menu-item > .icon,
.vsts-header .l2-menubar.menu-bar > .menu-item-container > .menu-item > .bowtie-icon {
  vertical-align: baseline;
}

.vsts-header .sub-menu {
  background: rgba(255, 255, 255, 1);
  background: var(--background-color,rgba(255, 255, 255, 1));
  color: #5b5b5b;
  white-space: nowrap;
  z-index: 10000;
  display: none;
  -webkit-box-shadow: 0 3px 3px rgba(160, 160, 160, 0.5);
  -moz-box-shadow: 0 3px 3px rgba(160, 160, 160, 0.5);
  box-shadow: 0 3px 3px rgba(160, 160, 160, 0.5);
  border-top: 0;
  border-left: 0;
}

.vsts-header .sub-menu:hover {
  cursor: default;
}

.vsts-header .sub-menu .menu-item {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  padding: 10px;
  text-decoration: none;
}

.vsts-header .sub-menu .menu-item > span.text, .vsts-header .sub-menu .menu-item > span.html {
  font-size: 14px;
}

.vsts-header .sub-menu .menu-item .icon {
  margin-left: 0;
}

.vsts-header .sub-menu .menu-item.cta {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.vsts-header .sub-menu .menu-item-separator.with-text,
.vsts-header .sub-menu.second-level-menu .menu-item-separator {
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding-left: 11px;
  margin-top: 4px;
}

.vsts-header .sub-menu .menu-item-separator.with-text:first-child,
.vsts-header .sub-menu.second-level-menu .menu-item-separator:first-child {
  margin: 0;
  border-top: 0;
}

.vsts-header .sub-menu .menu-item-separator.with-text > .text-separator,
.vsts-header .sub-menu.second-level-menu .menu-item-separator > .text-separator {
  padding-left: 0;
  text-transform: none;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-weight: normal;
  font-size: 12px;
}

.vsts-header .sub-menu > .menu-item.hover,
.vsts-header .sub-menu > .menu-item-container > .menu-item.hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}