/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.po-page-header .right-content {
  height: 32px; }

.po-page-header .add-user-dialog-container {
  display: block; }
  .po-page-header .add-user-dialog-container .ms-MessageBar,
  .po-page-header .add-user-dialog-container .bolt-messagebar {
    margin-bottom: 10px; }

.po-page-header .page-title-container {
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between; }

.po-page-header .project-name-container {
  text-align: left;
  margin-left: 24px;
  margin-right: 20px;
  margin-top: 0px;
  margin-bottom: 0px; }
  @media screen and (max-width: 599px) {
    .po-page-header .project-name-container {
      margin: 8px; } }

.po-page-header .settings-icon {
  margin-top: 4px;
  opacity: 0; }
  .po-page-header .settings-icon:hover {
    opacity: 1; }
  .po-page-header .settings-icon:focus {
    opacity: 1; }
  @media screen and (max-width: 599px) {
    .po-page-header .settings-icon {
      margin-top: 0;
      opacity: 1; } }

.po-page-header .settings-icon-hidden {
  opacity: 0; }

.po-page-header .proj-visibility-container {
  margin-right: 4px; }

.po-page-header .invite-button {
  margin: 0px 4px; }

.po-page-header .po-favorite-container {
  margin-left: 8px;
  width: 34px; }

.po-favorite {
  height: 16px;
  width: 16px; }
  .po-favorite:focus {
    border:  1px solid;
    border-color: rgba( 102, 102, 102 ,  1 );
    border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ); }