.webplatform-header {
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.webplatform-header.contributable-header .header-table {
  width: 100%;
  height: 100%;
}

.webplatform-header.contributable-header .header-table .left-section > *, .webplatform-header.contributable-header .header-table .center-section > * {
  display: inline-block;
  vertical-align: middle;
}

.webplatform-header.contributable-header .header-table .center-section {
  width: 100%;
}

.webplatform-header.contributable-header .header-table .right-section {
  text-align: right;
  white-space: nowrap;
}

.webplatform-header.contributable-header .header-table .right-section > * {
  display: inline-block;
  vertical-align: top;
}

.webplatform-header .header-table .left-section, .webplatform-header .header-table .center-section {
  white-space: nowrap;
}

.webplatform-header .header-table .left-section .vsts-brand-icon, .webplatform-header .header-table .center-section .vsts-brand-icon {
  float: left;
  margin-left: 20px;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-size: 18px;
}

.webplatform-header .header-table .left-section .brand-name, .webplatform-header .header-table .center-section .brand-name {
  float: left;
  margin-left: 10px;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.webplatform-header .header-table .right-section .user-name {
  float: right;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  margin-right: 10px;
}