.button-wrapper {
  display: flex;
  justify-content: flex-end;
}
.button-wrapper.deprecated-wrapper {
  justify-content: space-between;
}
.deprecated-wrapper .text-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 0.5rem;
  word-break: break-word;
  padding: 0.675rem 0.875rem 0.675rem 2.725rem;
  background-color: var(--infobg);
}
.deprecated-wrapper .text-wrapper p {
  margin-bottom: 0;
  font-size: 0.79rem;
  line-height: 1.0625rem;
}
.deprecated-wrapper .text-wrapper::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.75rem;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background: url(../../../images/info.svg) no-repeat 0 0 / contain;
}
.button-wrapper .product-list-wrapper .button {
  min-width: 10.5rem;
  text-align: left;
  margin-left: 0.5rem;
  font-size: 0.875rem;
  padding: 0.5rem 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--tealblue);
}
.button-wrapper .product-list-wrapper .button:hover {
  background-color: var(--tealbluedark);
  color: var(--white);
}

.button-wrapper .product-list-wrapper .button i {
  display: inline-block;
  width: 1.438rem;
  height: 1.438rem;
  background: var(--white);
  padding: 0.625rem;
  border-radius: 50%;
  position: relative;
}
.button-wrapper .product-list-wrapper .button i::before,
.button-wrapper .product-list-wrapper .button i::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 0.75rem;
  width: 0.188rem;
  top: 0.375rem;
  left: 46%;
  right: auto;
  background: var(--tealblue);
}
.button-wrapper .product-list-wrapper .button i::after {
  transform: rotate(90deg);
}
.insert_key_wrap {
  display: block;
  margin-bottom: 2rem;
  top: 12px;
  z-index: 210;
  position: sticky;
  float: right;
}
.page-node-type-apis .field--name-field-swagger {
  border-top: .0625rem solid var(--bordercolor);
  clear: both;
}
/*.syiWp {*/
/*  z-index: 500 !important;*/
/*}*/
.custom-nav .tab-to-dropdown {
  position: sticky;
  top: 0;
  z-index: 200 !important;
  background: #ffffff;
}
/*.no-scroll-body .insert_key_wrap {*/
/*  z-index: 11;*/
/*}*/

.no-scroll-body redoc {
  position: relative;
  z-index: 550;
}
.insert_key_wrap .insert-secret {
  display: block;
  border: 3px solid rgb(11, 105, 142);
  border-radius: 5px;
  padding: 3px 10px;
  color: rgb(11, 105, 142);
  font-weight: 500;
  cursor: pointer;
  margin: 3px 3px 0px;
  background: #ffffff;
}
.insert_key_wrap .insert-secret:hover {
  border: 3px solid rgb(10, 77, 104);
  background-color: rgb(10, 77, 104);
  color: rgb(255, 255, 255);
}
.dapper-authorize .kSUooD{
  visibility: hidden;
}
/*.insert_key_wrap .insert-secret::before {*/
/*  content: "";*/
/*  background: url(../images/Insert_key.svg) no-repeat;*/
/*  display: inline-block;*/
/*  width: 3rem;*/
/*  height: 2.25rem;*/
/*  background-size: contain;*/
/*}*/
.button-wrapper .product-list-wrapper {
  display: flex;
  align-items: center;
}
.product-list-popover.popover {
  left: -3.25rem !important;
  max-width: 13.75rem;
  width: 100%;
}

.product-list-popover.popover .popover-body {
  max-width: 13.75rem;
  min-width: 13.75rem;
  width: 100%;
}
.product-list-popover.popover #myProductList p {
  text-align: center;
  margin-bottom: 0;
  padding: 0.313rem;
}
.product-list-popover.popover .api-product-item {
  padding: 0.75rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.063rem solid var(--bordercolor);
}
.product-list-popover.popover .api-product-item label {
  font-size: 0.75rem;
  margin-right: 2rem;
  padding-left: 2.1875rem;
  word-break: break-word;
}
.product-list-popover.popover .api-product-item:last-child {
  border-bottom: 0;
}
.product-list-popover.popover .input-wrapper {
  padding: 0.313rem;
  border-radius: 50%;
  margin-right: 1.125rem;
  display: flex;
}
.input-wrapper input[type="radio"] {
  display: inline-block;
  border: 0.063rem solid var(--bordercolor);
  background-size: 100% 100%;
  appearance: none;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--white);
  box-shadow: 0 0.188rem 0.375rem rgba(0, 0, 0, .1607843137);
}
.input-wrapper input[type="radio"]:checked {
  background-color: var(--white);
  border-color: transparent;
  background: url('../images/check.svg') no-repeat center;
  background-size: 50%;
  box-shadow: 0 0.188rem 0.375rem rgba(0, 0, 0, .1607843137);
}
.input-wrapper input[type="radio"]:checked::before {
  display: none;
}
.input-wrapper input[type="radio"]:checked:hover,
.input-wrapper input[type="radio"]:hover {
  border-color: var(--bordercolor);
  box-shadow: 0 0.188rem 0.375rem rgba(0, 0, 0, .1607843137);
  background-color: var(--white);
}
.input-wrapper input[type="radio"]:focus:hover,
.input-wrapper input[type="radio"]:focus:active {
  border-color: var( --bordercolor);
  box-shadow: 0 0.188rem 0.375rem rgba(0, 0, 0, .1607843137);
}
.input-wrapper input[type=radio]:checked:focus:hover {
  border-color: var( --bordercolor);
  box-shadow: 0 0.188rem 0.375rem rgba(0, 0, 0, .1607843137);
}
@media screen and (max-width: 767px) {
  .button-wrapper {
    flex-direction: column;
  }
  .button-wrapper .commerce-btn-wrapper,
  .button-wrapper .product-list-wrapper {
    margin-bottom: 1rem;
  }
  .deprecated-wrapper .text-wrapper {
    margin-bottom: 1.5rem;
  }
  .button-wrapper .product-list-wrapper .button {
    margin-left: 0;
    width: 100%;
  }
  .insert_key_wrap {
    margin-top: 1rem;
  }
  .product-list-popover.popover {
    left: 0 !important;
  }
}