/***BEGIN ProjectOverviewDayZeroComponent.css***/
.project-overview-day-zero {
  margin: 8px; }
  .project-overview-day-zero .po-day-zero-title {
    margin: 0; }
  .project-overview-day-zero .po-day-zero-image {
    width: 372px;
    height: 280px; }
  .project-overview-day-zero .po-day-zero-text-container {
    margin-top: 32px; }
  .project-overview-day-zero .sub-title {
    margin-top: 8px; }
  .project-overview-day-zero .navigation-container {
    margin-top: 16px;
    flex-wrap: wrap;
    width: 372px; }
  .project-overview-day-zero .service-link-container {
    margin: 8px; }
  .project-overview-day-zero .manage-services-link {
    margin-top: 16px; }
  @media screen and (max-width: 599px) {
    .project-overview-day-zero {
      margin: 0;
      margin-bottom: 8px; } }
/***END ProjectOverviewDayZeroComponent.css***/

/***BEGIN StatsSection.css***/
.stats-container-card {
  width: 100%;
  height: fit-content;
  margin: 24px 4px 4px 32px; }
  .stats-container-card .title-and-dropdown {
    justify-content: space-between; }
    .stats-container-card .title-and-dropdown .days-dropdown {
      max-width: 160px; }
    .stats-container-card .title-and-dropdown .ms-Dropdown-title {
      border: 1px solid transparent; }
  .stats-container-card .metric-tile {
    margin-top: 28px; }

.stats-upsell {
  padding: 116px 8px; }
  .stats-upsell .image {
    width: 80px;
    height: 80px; }
  .stats-upsell .message {
    margin-top: 40px; }
  .stats-upsell .help-text {
    margin-top: 8px;
    text-align: center;
    width: 100%; }
/***END StatsSection.css***/

/***BEGIN ProjectImage.css***/
.project-persona .ms-Persona-initials {
  border-radius: 4px; }
/***END ProjectImage.css***/

/***BEGIN ProjectOverviewPage.css***/
.project-overview-page {
  z-index: 1;
  width: 100%; }
  .project-overview-page .vss-PivotBar .vss-PivotBar--bar-one-line .vss-PivotBar--header {
    flex-basis: 100%; }
  .project-overview-page .po-header {
    margin: 14px 24px 14px 20px; }
    @media screen and (max-width: 599px) {
      .project-overview-page .po-header {
        margin: 0; } }
  .project-overview-page .po-hub {
    height: 100%; }
/***END ProjectOverviewPage.css***/

/***BEGIN ProjectOverviewPageHeader.css***/
/* 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 ); }
/***END ProjectOverviewPageHeader.css***/

/***BEGIN ProjectVisibilityTag.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.visibility-tag-container {
  white-space: nowrap; }
  .visibility-tag-container .visibility-tag {
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9));
    height: 32px;
    width: auto;
    padding: 0 12px;
    background-color: rgba(0, 0, 0, 0.06);
    background-color: var(--palette-black-alpha-6,rgba(0, 0, 0, 0.06));
    outline: 1px solid transparent; }
    .visibility-tag-container .visibility-tag:focus {
      border:  1px solid;
      border-color: rgba( 102, 102, 102 ,  1 );
      border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
      outline: none; }
    .visibility-tag-container .visibility-tag .visibility-icon {
      margin-right: 8px;
      height: 16px;
      vertical-align: top; }
/***END ProjectVisibilityTag.css***/

/***BEGIN ProjectMembers.css***/
.project-members-title {
  padding-bottom: 8px; }
  .project-members-title .title {
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9));
    display: inline-block; }
  .project-members-title .sub-title {
    color: rgba( 102, 102, 102 ,  1 );
    color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
    display: inline-block;
    margin-left: 4px;
    padding: 2px 12px;
    background-color: rgba( 244, 244, 244 ,  1 );
    background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
    border-radius: 14px;
    vertical-align: text-bottom; }

.project-members-list-container {
  padding: 8px 0px 0px 1px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap; }

.project-members-list {
  display: inline-block;
  min-height: 36px; }
/***END ProjectMembers.css***/

/***BEGIN ProjectOverviewTab.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.project-overview-card-container {
  margin: 8px; }

.project-overview-tab {
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  overflow-y: auto;
  padding: 16px 0; }
  .project-overview-tab .overview-region {
    width: 100%; }
    @media screen and (max-width: 1365px) {
      .project-overview-tab .overview-region {
        flex-direction: column; }
        .project-overview-tab .overview-region .right-region, .project-overview-tab .overview-region .left-region {
          padding: 0; }
          .project-overview-tab .overview-region .right-region .project-overview-card-container, .project-overview-tab .overview-region .left-region .project-overview-card-container {
            margin: 0; }
          .project-overview-tab .overview-region .right-region .project-overview-card, .project-overview-tab .overview-region .left-region .project-overview-card {
            margin-bottom: 0; } }
  .project-overview-tab .left-region {
    padding-left: 24px;
    min-width: 265px;
    flex-grow: 2;
    flex-basis: 0; }
    .project-overview-tab .left-region .po-day-zero {
      padding: 48px 0 92px 0; }
  .project-overview-tab .right-region {
    padding-right: 24px;
    min-width: 256px;
    flex-grow: 1;
    flex-basis: 0; }

.project-overview-card {
  margin: 8px; }
/***END ProjectOverviewTab.css***/

/***BEGIN AddDescriptionUpsell.css***/
.add-description-upsell {
  height: fit-content;
  width: 100%; }
  .add-description-upsell .upsell-content {
    justify-content: space-between; }
    @media screen and (max-width: 599px) {
      .add-description-upsell .upsell-content {
        flex-wrap: wrap; } }
  .add-description-upsell .upsell-left-content {
    margin: 32px 0;
    width: 100%; }
    @media screen and (max-width: 599px) {
      .add-description-upsell .upsell-left-content {
        margin: 16px 0; } }
  .add-description-upsell .upsell-right-image {
    min-width: 169px;
    margin: 24px 56px 0 56px; }
    @media screen and (max-width: 599px) {
      .add-description-upsell .upsell-right-image {
        margin-left: 16px; } }
  .add-description-upsell .upsell-heading {
    margin-bottom: 8px; }
  .add-description-upsell .upsell-message {
    margin-bottom: 20px; }
  .add-description-upsell .upsell-add-button {
    width: 218px; }
/***END AddDescriptionUpsell.css***/

/***BEGIN AboutProjectCard.css***/
.about-project-card {
  width: 100%;
  height: fit-content; }
  .about-project-card .like-component {
    margin: 0 20px; }
  .about-project-card .title-section {
    justify-content: space-between; }
  .about-project-card .description {
    margin-top: 24px;
    height: fit-content;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-wrap: break-word; }
  .about-project-card .about-section,
  .about-project-card .languages-section,
  .about-project-card .tags-section {
    margin-top: 24px; }
  .about-project-card .tags-component .title {
    margin-bottom: 8px; }
/***END AboutProjectCard.css***/

/***BEGIN ContributedAboutRegion.css***/
.about-section .title {
  margin-bottom: 8px; }

.about-section .about-choice-group .ms-ChoiceFieldGroup-flexContainer {
  display: flex; }
  .about-section .about-choice-group .ms-ChoiceFieldGroup-flexContainer .ms-ChoiceField {
    padding-right: 24px; }

.about-section .bolt-formitem-label {
  font-size: 0.9375rem;
  font-weight: 600;
  padding: 0px; }
/***END ContributedAboutRegion.css***/