.main {
  min-height: var(--page-min-height, 100%);
  background-color: var(--primary-bg) !important;
  width: 100%;
  margin: var(--spacing-small);
  :global {
    .bp3-tab {
      width: 184px !important;
      height: 34px;
    }

    .bp3-tab-panel {
      width: 100%;
      height: 500px;
    }

    .bp3-tab {
      margin-top: 20px;
    }

    .bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab[aria-selected='true'] {
      background-color: var(--primary-2);
      -webkit-box-shadow: none;
      box-shadow: none;
    }

    // .bp3-tab-indicator-wrapper {
    //   height: unset !important;
    // }

    // .bp3-tab:not([aria-disabled='true']):active {
    //   color: var(--primary-7) !important;
    //   background: #cdf4fe !important;
    //   padding: 5px;
    // }
  }
}

.webhooksContent {
  width: 100%;
}

.btn {
  margin-top: 5px;
}

.webhookHeader {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.contentContainer {
  margin: 20px !important;
}

.generalContainer {
  width: 100%;
  background: var(--grey-0) !important;
  box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
  border-radius: 4px;
}

.label {
  width: 30%;
  padding-right: var(--spacing-medium);
}

.content {
  width: 70%;
}

.deleteContainer {
  display: flex;
  justify-content: space-between;
}

.saveBtn {
  margin-left: var(--spacing-medium) !important;
}

.textContainer {
  width: 80%;
}

.buttonContainer {
  width: 20%;
}
