/* Turn off default resizer */
.apiconnect-explorer .Resizer.vertical {
  display: none;
}

/* Turn off default search and filter block */
.apiconnect-explorer .apiContent .searchListItem {
  display: none;
}

/* Turn off tags */
.apiconnect-explorer .tagsContainer {
  display: none;
}

/* Heading */

.apicProductTitle {
  padding: 0;
}

.productApiWrapper header.titleSection {
  background: unset;
  padding: 1rem 0;
}

.productApiWrapper .titleInnerWrapper {
  align-items: flex-end;
}

.apicProduct .apicProductHeader .breadcrumb,
.productApiWrapper header.titleSection .breadcrumb {
  display: none;
}

.apicApiState {
  margin: unset;
  display: flex;
  align-items: center;
}

/* Button */
.productApiWrapper .titleInnerWrapper .rightTitle {
  padding: 0;
}

a.subscribeButton.button {
  gap: 1rem;
}
a.subscribeButton.button:after {
  content: '';
  background-image: url("../../images/arrow-right.svg");
  width: 1rem;
  height: 1rem;
}

@media (max-width: 768px) {
  .productApiWrapper .titleInnerWrapper {
    align-items: unset;
    flex-direction: column;
    gap: 1rem;
  }

  .productApiWrapper .titleInnerWrapper .leftTitle {
    width: 100%;
  }

  .apicApiTitle h1.apiName {
    width: 100%;
  }

  .productApiWrapper a.subscribeButton.button {
    width: 100%;
  }

  .apiconnect-explorer .SplitPane:not(.showResponsiveMenu) .Pane2 {
    margin-top: 0;
  }

}

/* Left pane */

.apiconnect-explorer .SplitPane .Pane1 {
  max-width: 16rem;
  width: 100% !important;
}

.apiconnect-explorer .apiconnect-explorer-menu {
  width: 100%;
}

.apiconnect-explorer .apiconnect-explorer-menu .explorer-toc ul ul {
  padding: 1rem;
}

.apiconnect-explorer .explorer-toc a {
  border: unset;
}

.apiconnect-explorer a.bx--side-nav__link,
.apiconnect-explorer .bx--side-nav a.bx--header__menu-item,
.apiconnect-explorer .bx--side-nav .bx--header__menu-title[aria-expanded=true]+.bx--header__menu,
.apiconnect-explorer-menu .explorer-toc ul ul .tocItem a {
  padding: 1rem;
}

.apiconnect-explorer .explorer-toc .tocHeader a {
  font-weight: 500;
}

.apiconnect-explorer .explorer-toc ul .tocItem a:hover,
.apiconnect-explorer .apiconnect-explorer-menu .explorer-toc a:hover {
  background-color: #F7F7F7;
}

.apiconnect-explorer .explorer-toc a.selected,
.apiconnect-explorer .explorer-toc ul .tocItem a.selected,
.apiconnect-explorer .explorer-toc .menuDropdown.selected,
.apiconnect-explorer .apiconnect-explorer-menu .explorer-toc a.selected {
  border: unset;
  background-color: #e1dfdd;
}

@media (max-width: 768px) {
  .apiconnect-explorer .expMenuCollapseWrapper {
    display: flex;
    justify-content: flex-end;
    padding: 0.5rem 0;
  }

  .apiconnect-explorer button.expMenuCollapseButton {
    padding: 0;
  }

  .apiconnect-explorer .apiconnect-explorer-menu .apiMenu {
    padding: 0;
    margin: 0;
  }

  .apiconnect-explorer .apiconnect-explorer-menu .explorer-toc ul ul {
    padding: 0;
  }

  .apiconnect-explorer .SplitPane.showResponsiveMenu {
    margin: 0;
  }

  .Pane.vertical.Pane1 {
    border: unset;
    max-width: unset;
  }

}

/* Right pane */

@media (min-width: 769px) {
  .apiconnect-explorer .main {
    margin: 0;
    padding: 1rem;
  }
}

.apiconnect-explorer .overview-section .overviewHeader,
.apiconnect-explorer .definitions-section .definitionsHeader {
  padding: 0;
}

.apiconnect-explorer .operation-section .operationTitle {
  padding: 0;
  width: 100%;
}

.apiconnect-explorer .tagsContainer {
  min-width: unset;
}

.apiconnect-explorer .main #description-for-api {
  display: none;
}

.apiconnect-explorer .operationInformation .labelText,
.apiconnect-explorer .operationDisplay .testToolSection .labelText,
.apiconnect-explorer .apiconnect-explorer.graphql-display .testToolSection .labelText {
  padding-right: 0.5rem;
}

.apiconnect-explorer .operation-section .operationHeader,
.apiconnect-explorer .overview-section .overviewHeader,
.apiconnect-explorer .overview-section .overviewBody,
.apiconnect-explorer .definitions-section .definitionsHeader,
.apiconnect-explorer .definitions-section .definitionsBody {
  padding: 0;
}

.apiconnect-explorer .main .operationSecurity,
.apiconnect-explorer .main .operationContact,
.apiconnect-explorer .main .operationExternalLinks,
.apiconnect-explorer .main .operationAdditionalDocumentation {
  display: flex;
  flex-direction: column;
}

.apiconnect-explorer .main h2,
.apiconnect-explorer .main .operationSecurity .labelText,
.apiconnect-explorer .main .operationContact .labelText,
.apiconnect-explorer .main .operationExternalLinks .labelText,
.apiconnect-explorer .main .operationAdditionalDocumentation .labelText,
.apiconnect-explorer .main .infoSection .forumLabel,
.apiconnect-explorer .operationInformation.operationParms .labelText,
.apiconnect-explorer .operationInformation .labelText,
.apiconnect-explorer .operationDisplay .testToolSection:nth-of-type(2) > .labelText,
.apiconnect-explorer .operationDisplay .testToolSection.testToolRequest .labelText {
  width: 100%;
}

.apiconnect-explorer .operationInformation .valueText {
  padding: 0;
}

.apiconnect-explorer .keyValueDisplay {
  grid-template-columns: 20% 80%;
}

.apiconnect-explorer .overviewBody .operationInformation {
  padding: 1rem 0;
}

.apiconnect-explorer .apiDescription {
  padding-bottom: 1rem;
}

/* Tabs */
.apiconnect-explorer .operation-section .operationDisplay .op-tabs ul {
  gap: 2rem;
  padding: 0;
}

.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:focus,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:active {
  padding: 0.75rem 1rem 0.5rem;
  width: unset;
}

.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:focus,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:active,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item:hover .bx--tabs--scrollable__nav-link,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-link {
  border-bottom: 2px solid transparent;
}

.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item:hover .bx--tabs--scrollable__nav-link  {
  border-bottom: 2px solid #D0D0D0;
}

.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:focus,
.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item.bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:active {
  border-bottom: 2px solid #141414;
}

.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item .bx--tabs--scrollable__nav-link {
  transition: unset;
  width: unset;
}

/* Tab Panel */

.apiconnect-explorer .apiconnect-explorer.operation-section .operationDisplay {
  padding-top: 0;
}

.apiconnect-explorer .operation-section .operationDisplay section.tab-content {
  padding: 0;
}

.apiconnect-explorer .operationInformation,
.apiconnect-explorer .operationDisplay .testToolSection {
  display: flex;
  flex-direction: column;
}

.apiconnect-explorer .operationDefinition > .operationSummary:first-child,
.apiconnect-explorer .operationDisplay .testForm .testToolSection:first-child {
  flex-direction: row;
  gap: 1rem;
}

.apiconnect-explorer .bx--accordion__item:last-child {
  border: unset;
}

.apiconnect-explorer .operationDisplay .testToolSection:nth-of-type(2) > .labelText {
  padding-right: 0.5rem;
}

.apiconnect-explorer .bx--accordion--start .bx--accordion__heading {
  flex-direction: row-reverse;
  padding: 1rem;
  border-bottom: 1px solid #D0D0D0;
}

.apiconnect-explorer .bx--accordion__title {
  margin: 0;
}

.apiconnect-explorer .bx--accordion__item--active .bx--accordion__content {
  padding: 0;
  margin: 0;
}

.apiconnect-explorer .securityOption {
  padding: 0 0 1rem 1rem;
  border-bottom: 1px solid #D0D0D0;
}

.apiconnect-explorer .clientID {
  padding: 0.5rem 0 0 1rem;
}

.apiconnect-explorer .keyValueDisplay,
.apiconnect-explorer .key {
  padding: 0;
}

.apiconnect-explorer .operationInformation,
.apiconnect-explorer .operationDisplay .testToolSection {
  padding: 0;
}

.apiconnect-explorer .operationInformation.operationParms .labelText,
.apiconnect-explorer .operationDisplay .testForm .testToolSection:nth-of-type(2) > .labelText {
  margin: 0;
}

.apiconnect-explorer .codeSnippetsDisplay,
.apiconnect-explorer .operation-section .operationDisplay .responseSchema .definitionDisplay .bx--tab-content {
  padding-left: 1rem;
}

.apiconnect-explorer .bx--data-table tr {
  height: unset;
}

.apiconnect-explorer .bx--data-table td+td:first-of-type,
.apiconnect-explorer .bx--data-table tbody th+td:first-of-type {
  padding: 0;
}

.apiconnect-explorer .bx--data-table tbody tr,
.apiconnect-explorer .bx--data-table tbody tr td,
.apiconnect-explorer .bx--data-table tbody tr th,
.apiconnect-explorer .parameterTable.bx--data-table tbody tr:hover,
.apiconnect-explorer .parameterTable.bx--data-table tbody th:hover,
.apiconnect-explorer .definitionsBody .bx--data-table tbody tr:hover {
  border-bottom: 1px solid #D0D0D0;
  background-color: unset;
}

.apiconnect-explorer .bx--accordion__heading:hover::before {
  background-color: unset;
}

.apiconnect-explorer .bx--data-table tbody,
.apiconnect-explorer .parameterTable td,
.apiconnect-explorer .parameterTable td:hover,
.apiconnect-explorer .parameterTable.bx--data-table tbody th,
.apiconnect-explorer .parameterTable.bx--data-table tbody th:hover,
.apiconnect-explorer .serverVariableTable td,
.apiconnect-explorer .responseHeaderTable td,
.apiconnect-explorer .definitionsBody td,
.apiconnect-explorer .definitionsBody .bx--data-table tbody tr:hover td,
.apiconnect-explorer .parameterTable.bx--data-table tbody tr:hover td,
.apiconnect-explorer .parameterTable.bx--data-table tbody tr:hover th,
.apiconnect-explorer .definitionsBody .bx--data-table tbody tr:hover td{
  background-color: unset;
}

.apiconnect-explorer .parameterTable.bx--data-table tbody th.parameterNameContainer,
.apiconnect-explorer .serverVariableNameContainer,
.apiconnect-explorer .responseHeaderNameContainer {
  padding: 0.5rem 0 0.5rem 1rem;
}

.apiconnect-explorer .parameterName,
.apiconnect-explorer .serverVariableName,
.apiconnect-explorer .testToolSecurity .labelText,
.apiconnect-explorer .connection-status,
.apiconnect-explorer .examples-selector-header,
.apiconnect-explorer .media-type-selector-header {
  margin: 0;
}

.apiconnect-explorer .bx--accordion__content .bx--tabs--scrollable .bx--tabs--scrollable__nav {
  padding-left: 1rem;
}

.apiconnect-explorer .bx--accordion .labelText {
  margin: 0;
}

.apiconnect-explorer .responseContainer .responseCode p,
.apiconnect-explorer .markdown p {
  padding: 0;
}

.apiconnect-explorer .responseContainer .responseDescription {
  font-style: unset;
}

/* Methods */
.apiconnect-explorer .operationInformation .labelText.method,
.apiconnect-explorer .labelText.method {
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  width: unset;
  margin: 0;
  border: unset;
}

.apiconnect-explorer .labelText.method.get {
  color: #ffffff;
  background-color: #44a1ff;
}

.apiconnect-explorer .labelText.method.put {
  color: #ffffff;
  background-color: #ffa000;
}

.apiconnect-explorer .labelText.method.post {
  color: #ffffff;
  background-color: #78B833;
}

.apiconnect-explorer .labelText.method.delete {
  color: #ffffff;
  background-color: #ea2c1a;
}

.apiconnect-explorer .labelText.method.options {
  color: #ffffff;
  background-color: #1f78d1;
}

.apiconnect-explorer .labelText.method.head {
  color: #ffffff;
  background-color: #a31fd1;
}

.apiconnect-explorer .labelText.method.patch {
  color: #ffffff;
  background-color: #396976;
}

.apicProductApiList li {
  list-style-type: unset;
  padding: unset;
  margin: unset;
  display: unset;
  min-width: unset;
  min-height: unset;
  outline: unset;
}