/* 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; }