/***BEGIN SuiteMePageView.css***/
.vertical-layout {
  font-family: "Segoe UI VSS (Regular)", "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial,
 sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  .vertical-layout .region-navigation .organization-navigation {
    background-color: rgba( 255, 255, 255 ,  1 );
    background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
    .vertical-layout .region-navigation .organization-navigation .project-persona .vss-Persona-content {
      border-radius: 4px; }
    .vertical-layout .region-navigation .organization-navigation .commandbar-item {
      padding-left: 16px; }
      .vertical-layout .region-navigation .organization-navigation .commandbar-item.primary {
        height: 40px; }
        .vertical-layout .region-navigation .organization-navigation .commandbar-item.primary:hover:not(.unselectable) {
          background-color: rgba( 244, 244, 244 ,  1 );
          background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
        .vertical-layout .region-navigation .organization-navigation .commandbar-item.primary.displayed:not(:hover) {
          background-color: rgba( 248, 248, 248 ,  1 );
          background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 ); }
      .vertical-layout .region-navigation .organization-navigation .commandbar-item:not(.primary) {
        padding-left: 12px; }
      .vertical-layout .region-navigation .organization-navigation .commandbar-item.enterprise-name {
        padding: 16px; }
      .vertical-layout .region-navigation .organization-navigation .commandbar-item.header {
        padding-top: 24px;
        margin-bottom: 12px; }
        .vertical-layout .region-navigation .organization-navigation .commandbar-item.header.unselectable {
          padding-left: 16px; }
      .vertical-layout .region-navigation .organization-navigation .commandbar-item:not(.nav-action) .view-icon {
        height: 24px; }
    .vertical-layout .region-navigation .organization-navigation .view-icon {
      width: 24px;
      margin-right: 8px; }
  .vertical-layout .related-spacer {
    height: 40px; }
  .vertical-layout .related-link {
    padding-left: 16px;
    margin-bottom: 10px; }
  .vertical-layout .first-nav-action {
    margin-top: 10px; }
  .vertical-layout .last-nav-action {
    margin-bottom: 10px; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.suite-me-page-view-zero-data {
  margin: auto; }

.inline-create-project-form {
  width: 550px;
  margin: 100px 20px 20px 40px; }

.inline-create-project-header {
  margin-top: 40px; }

.inline-create-project-image {
  height: 290px;
  width: 472px;
  margin: 160px 40px 0 20px; }

.global-announcement {
  border-radius: 4px;
  margin: 12px 12px 0px 12px;
  padding: 12px; }
  .global-announcement:hover {
    background-color: rgba( 244, 244, 244 ,  1 );
    background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
  .global-announcement .header {
    color: rgba(0, 90, 158, 1);
    color: var(--communication-foreground,rgba(0, 90, 158, 1));
    margin-bottom: 4px; }
  .global-announcement .announcement-link {
    text-decoration: none;
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
  .global-announcement .header-label {
    background-color: rgba(0, 120, 212, 1);
    background-color: var(--communication-background,rgba(0, 120, 212, 1));
    margin-bottom: 4px;
    cursor: pointer; }

.hostname-header {
  padding-right: 20px; }
  @media screen and (max-width: 599px) {
    .hostname-header .fabric-icon.left-icon {
      padding: 0px; }
    .hostname-header .create-project-button {
      padding: 8px 22px; }
      .hostname-header .create-project-button .bolt-button-text {
        display: none; } }

.suite-me-page-view .suite-me-page-tabbar {
  padding-bottom: 16px;
  padding-top: 8px; }

@media (max-width: 1420px) {
  .inline-create-project-image {
    display: none; } }
/***END SuiteMePageView.css***/

/***BEGIN ProjectsPivot.css***/
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.suite-me-page-view .animation-delay-30 {
  animation-delay: 30ms; }

.suite-me-page-view .animation-delay-60 {
  animation-delay: 60ms; }

.suite-me-page-view .animation-delay-90 {
  animation-delay: 90ms; }

.suite-me-page-view .animation-delay-120 {
  animation-delay: 120ms; }

.suite-me-page-view .animation-delay-150 {
  animation-delay: 150ms; }

.suite-me-page-view .reset-search {
  margin-top: 10px; }

.suite-me-page-view .project-title {
  letter-spacing: -0.04em; }

.suite-me-page-view .project-create {
  margin-right: 10px; }

.suite-me-page-view .project-list:not(:first-child) {
  margin-top: 40px; }

.suite-me-page-view .project-list .project-link {
  overflow: hidden; }
  .suite-me-page-view .project-list .project-link .project-details {
    overflow: hidden; }
    .suite-me-page-view .project-list .project-link .project-details .project-description {
      overflow: hidden;
      text-overflow: ellipsis;
      color: rgba(0, 0, 0, .55);
      color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }

.suite-me-page-view .project-list .project-info-header {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 20px; }
  .suite-me-page-view .project-list .project-info-header:hover {
    background-color: inherit; }

.suite-me-page-view .project-list .project-info {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 0px var(--palette-black-alpha-8,rgba(0, 0, 0, 0.08)); }
  .suite-me-page-view .project-list .project-info .bolt-list-cell-content {
    padding: 19px; }
  .suite-me-page-view .project-list .project-info .installed-product {
    align-items: center;
    margin-left: 8px; }
  .suite-me-page-view .project-list .project-info .project-details {
    margin-left: 16px;
    text-decoration: none;
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9)); }

.suite-me-page-view .project-list .product {
  position: relative;
  width: 28px;
  height: 28px;
  margin-right: 4px;
  cursor: pointer; }
  .suite-me-page-view .project-list .product:focus {
    outline: none; }
  .suite-me-page-view .project-list .product .product-image-container {
    opacity: 0; }
  .suite-me-page-view .project-list .product .product-image {
    height: 24px;
    width: 24px; }
  .suite-me-page-view .project-list .product .placeholder {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 11px;
    bottom: 11px;
    border-radius: 100%;
    background: rgba( 200, 200, 200 ,  1 );
    background: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ); }

.suite-me-page-view .project-list .project-row:hover .product-image-container, .suite-me-page-view .project-list .project-row.focused .product-image-container {
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-fill-mode: forwards;
  animation-name: fadein; }

.suite-me-page-view .project-list .project-row:hover .placeholder, .suite-me-page-view .project-list .project-row.focused .placeholder {
  opacity: 0; }

@media screen and (-ms-high-contrast: active) {
  .suite-me-page-view .project-list .project-row:hover, .suite-me-page-view .project-list .project-row.focused {
    background-color: highlight;
    color: highlight; } }

.suite-me-page-view .project-list .project-row .product:focus .product-image-container {
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-fill-mode: forwards;
  animation-name: fadein; }

.suite-me-page-view .project-list .project-row .product:focus .placeholder {
  opacity: 0; }

@media screen and (-ms-high-contrast: active) {
  .suite-me-page-view .project-list .project-row .product:focus {
    background-color: highlight;
    color: highlight; } }

.suite-me-page-view .project-link {
  text-decoration: none;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
  .suite-me-page-view .project-link:focus {
    outline: none; }

.suite-me-page-view .suite-project-list {
  margin-bottom: 16px;
  margin-top: 0px; }
  .suite-me-page-view .suite-project-list .project-card {
    position: relative;
    transition: background-color 0.5s ease;
    border-radius: 4px;
    height: 200px;
    max-width: 440px;
    min-width: 300px;
    flex-basis: 300px;
    margin-right: 32px; }
    .suite-me-page-view .suite-project-list .project-card:last-of-type {
      margin-right: 12px; }
      @media screen and (max-width: 599px) {
        .suite-me-page-view .suite-project-list .project-card:last-of-type {
          margin-right: 0px; } }
    .suite-me-page-view .suite-project-list .project-card .product {
      position: relative;
      width: 28px;
      height: 28px;
      margin-right: 4px;
      cursor: pointer; }
      .suite-me-page-view .suite-project-list .project-card .product:focus {
        outline: none; }
      .suite-me-page-view .suite-project-list .project-card .product .product-image-container {
        opacity: 0; }
      .suite-me-page-view .suite-project-list .project-card .product .product-image {
        height: 24px;
        width: 24px; }
      .suite-me-page-view .suite-project-list .project-card .product .placeholder {
        width: 6px;
        height: 6px;
        position: absolute;
        left: 11px;
        bottom: 11px;
        border-radius: 100%;
        background: rgba( 200, 200, 200 ,  1 );
        background: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ); }
    .suite-me-page-view .suite-project-list .project-card:hover .product-image-container, .suite-me-page-view .suite-project-list .project-card.focused .product-image-container {
      animation-duration: 0.367s;
      animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      animation-fill-mode: forwards;
      animation-name: fadein; }
    .suite-me-page-view .suite-project-list .project-card:hover .placeholder, .suite-me-page-view .suite-project-list .project-card.focused .placeholder {
      opacity: 0; }
    @media screen and (-ms-high-contrast: active) {
      .suite-me-page-view .suite-project-list .project-card:hover, .suite-me-page-view .suite-project-list .project-card.focused {
        background-color: highlight;
        color: highlight; } }
    .suite-me-page-view .suite-project-list .project-card .project-link {
      overflow: hidden;
      padding: 20px;
      border-radius: 4px; }
      .suite-me-page-view .suite-project-list .project-card .project-link:focus, .suite-me-page-view .suite-project-list .project-card .project-link:hover, .suite-me-page-view .suite-project-list .project-card .project-link:visited {
        color: rgba(0, 0, 0, .9);
        color: var(--text-primary-color,rgba(0, 0, 0, .9));
        text-decoration: none; }
    .suite-me-page-view .suite-project-list .project-card .top-row {
      overflow: hidden; }
    .suite-me-page-view .suite-project-list .project-card .installed-products-row {
      position: absolute;
      bottom: 20px;
      right: 20px; }
    .suite-me-page-view .suite-project-list .project-card .project-details {
      margin-left: 16px;
      overflow: hidden; }
    .suite-me-page-view .suite-project-list .project-card .project-name {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      margin-bottom: 8px; }
    .suite-me-page-view .suite-project-list .project-card .project-description {
      text-overflow: ellipsis;
      display: -webkit-box;
      overflow: hidden;
      color: rgba(0, 0, 0, .55);
      color: var(--text-secondary-color,rgba(0, 0, 0, .55));
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      line-height: 20px;
      max-height: 80px; }
  @media screen and (max-width: 599px) {
    .suite-me-page-view .suite-project-list {
      margin-bottom: 0; }
      .suite-me-page-view .suite-project-list .bolt-card {
        border-radius: 0; }
      .suite-me-page-view .suite-project-list .project-card {
        flex-basis: auto;
        height: auto;
        max-width: none;
        min-width: 0;
        margin-right: 0;
        margin-bottom: 8px; } }

.bolt-focus-visible .suite-me-page-view .project-link:focus,
.bolt-focus-visible .suite-me-page-view .product:focus {
  animation: ms-focus-shadow-with-border-pulse 4s ease-in-out infinite;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.23), 0 0 0 1px rgba(0, 120, 212, 1);
  box-shadow: 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); }
  @media (forced-colors: active) {
    .bolt-focus-visible .suite-me-page-view .project-link:focus,
    .bolt-focus-visible .suite-me-page-view .product:focus {
      animation: none; } }
/***END ProjectsPivot.css***/