.odc-gitops-details {
  padding: var(--pf-global--spacer--xl);
  height: 100%;
  flex-wrap: nowrap;
  &__env-section {
    display: inline-table;
    margin-right: 35px;
    min-height: 578px;
    max-height: 578px;
    &__header {
      display: flex;
      flex-direction: column;
      font-size: 12px;
    }
    &__app-name {
      font-size: 20px;
      font-weight: bold;
      margin: var(--pf-global--spacer--xs) 0px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
    }
    &__status-label {
      margin: var(--pf-global--spacer--xs) 0px;
      outline: none;
    }
    &__envname-and-status{
      display:flex;
    }
    &__env {
      .pf-c-label__text {
        text-align: left;
        font-size: 20px;
        font-weight: bold;
        color: inherit;
      }
    }
    &__time {
      margin: var(--pf-global--spacer--xs) 0px  var(--pf-global--spacer--xs) 0px;
      display: flex;
      .co-icon-and-text__icon {
        display: none;
      }
    }
    &__deployment-history {
      margin-top: var(--pf-global--spacer--xs);
    }
    &__argo-external-link {
      margin-right: var(--pf-global--spacer--xs);
      vertical-align: middle;
    }
    &__cluster-url {
      display: inline-flex;
      align-items: center;
    }
    &__cluster-url-empty-state {
      font-size: 12px;
      color: var(--pf-global--palette--black-600);
    }
    article {
      border: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
      min-width: 323px;
      max-width: 366px;
    }
    a {
      font-size: 12px;
    }
  }
  &__author-sha {
    align-items: center;
    color: var(--pf-global--palette--black-600);
    display: flex;
    margin-bottom: var(--pf-global--spacer--xs);
  }
  &__message {
    margin-bottom: var(--pf-global--spacer--xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  &__author {
    margin-right: var(--pf-global--spacer--sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  &__sha {
    background-color: inherit;
    color: var(--pf-global--link--Color);
    font-size: 12px;
    width: auto;
    svg {
      vertical-align: middle;
    }
  }
  &__operator-upgrade-alert {
    margin-bottom: var(--pf-global--spacer--xl)
  }
}
