fleet/frontend/pages/admin/OrgSettingsPage/_styles.scss

.org-settings {
  &__sandbox-demo-message {
    margin-top: 3.5rem;
  }

  &__side-nav {
    .org-settings-form {
      .form-field__label {
        .buttons {
          top: 22px;
        }
      }
    }

    .info-banner {
      line-height: 1.5;
    }

    .app-config-form {
      &__section {
        @include vertical-card-layout;
        @include clearfix;
        animation: fade-in 200ms ease-out;

        .upcaret::after {
          content: url("../assets/images/icon-collapse-black-16x16@2x.png");
          transform: scale(0.5);
          border-radius: 0px;
          position: relative;
          top: 8px;
          margin: $pad-xsmall;
        }

        .downcaret::after {
          content: url("../assets/images/icon-chevron-black-16x16@2x.png");
          transform: scale(0.5);
          border-radius: 0px;
          position: relative;
          top: 8px;
          margin: $pad-xsmall;
          margin-right: 18px;
        }

        .empty-table__container {
          margin: 96px 0 1.5rem;
        }

        .smtp-options {
          font-size: 15px;
          font-weight: $bold;
          color: $core-fleet-black;

          em {
            font-style: normal;
          }
        }
      }

      .downcaret::after {
        content: url("../assets/images/icon-chevron-black-16x16@2x.png");
        transform: scale(0.5);
        border-radius: 0px;
        position: relative;
        top: 8px;
        margin: $pad-xsmall;
        margin-right: 18px;
      }

      .empty-table__container {
        margin: 96px 0 1.5rem;
      }

      .smtp-options {
        font-size: 15px;
        font-weight: $bold;
        color: $core-fleet-black;

        em {
          font-style: normal;
        }
      }
    }

    .smtp-server-inputs {
      display: flex;
      align-items: flex-end;
      gap: $pad-small;
    }

    &__component-details {
      margin: 0 0 $pad-medium;
      font-size: $x-small;
    }

    &__yaml {
      width: calc(90% - 50px);
      margin-bottom: $pad-medium;
    }
    &__ses-enabled {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: $pad-medium;
      padding: 97px;

      &__content {
        text-align: center;

        p {
          margin: 0;
        }
      }

      &__title {
        font-size: $small;
        font-weight: $bold;
        margin-bottom: $pad-small;
      }
    }
  }

  .disabled-by-gitops-mode {
    @include disabled;
  }
}