body {
  font-family: "Lato", Arial, Helvetica, sans-serif;
}
h2{
  border-left: solid !important;
  border-left-width: thick !important;
  border-left: 4px solid #84b135 !important;
  padding-left: 1rem !important;
}

th {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}

div:has(> table) {
  border-radius: 0 !important;
}
.portal-header {
  background-color: #222;
  height: 82px;
}
.branding-container {
  height: 82px;
}
.branding-container .logo {
  display: grid;
  grid-template-columns: 105px 1fr;
  gap: 40px;
  height: auto;
  margin: 0;
  padding: 12px 0;
}
.branding-container .logo img {
  max-width: 100%;
}

.breadcrumb-item {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

.breadcrumb-item::after {
  content: "";
  width: 7px;
  height: 9px;
  background-image: url(/documentation/us/en/software/sd-cloud/api/static/images/arrow-right.svg);
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 4px 0 8px;
}

.logo h2 {
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  margin: 6px 0 0 0;
  border: 0 none !important;
  padding-left: 0 !important;
}
@media screen and (max-width: 500px) {
  .branding-container .logo {
    grid-template-columns: 54px 1fr;
    overflow: auto;
    white-space: nowrap;
  }
}
.hosted-api-docs {
  height: calc(100vh - 82px);
}
#apimatic-widget > div:first-child {
  border-top: 0 none !important ;
}
@import url("https://www.juniper.net/assets/style/font.css");

@font-face {
  font-family: "swmaterialicon";
  src: url("/documentation/webstatic/fonts/swmaterialicon.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

.ke-feedback * {
  box-sizing: border-box;
}

.ke-feedback .mrg0 {
  margin: 0;
}

.ke-feedback textarea {
  resize: none;
  overflow: auto;
  display: block;
}

.ke-feedback input[type="text"],
.ke-feedback textarea {
  border: 1px solid #b5b8b9;
  padding: 0.625rem;
  outline: 0 none;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.ke-feedback input[type="text"][disabled],
.ke-feedback textarea[disabled] {
  background-color: #f2f2f2;
  cursor: not-allowed;
}

.ke-feedback input[type="text"]:hover,
.ke-feedback textarea:hover {
  border: 1px solid #888d90;
}

.ke-feedback input[type="text"]:focus,
.ke-feedback input[type="text"]:active,
.ke-feedback textarea:focus,
.ke-feedback textarea:active {
  border: 1px solid #888d90;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.ke-feedback input[type="radio"],
.ke-feedback input[type="checkbox"] {
  width: 13px;
  height: 13px;
}

.ke-feedback .swmaterialicon {
  font-family: 'swmaterialicon' !important;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

.ke-feedback .button,
.ke-feedback button,
.ke-feedback input[type="button"] {
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  border: 0 none;
  border-radius: 3px;
  line-height: 1.2;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.ke-feedback .button i,
.ke-feedback button i,
.ke-feedback input[type="button"] i {
  margin-right: 10px;
}

.ke-feedback .button.button-white,
.ke-feedback button.button-white,
.ke-feedback input[type="button"].button-white {
  background-color: #fff;
  color: #039be6;
}

.ke-feedback .button.button-disable,
.ke-feedback .button.button-disable:hover,
.ke-feedback button.button-disable,
.ke-feedback button.button-disable:hover,
.ke-feedback input[type="button"].button-disable,
.ke-feedback input[type="button"].button-disable:hover {
  background-color: #eee !important;
  color: #ccc;
  cursor: not-allowed;
}

.ke-feedback table,
.ke-feedback .table {
  border-collapse: collapse;
  width: 100%;
  display: table;
  font-size: 0.9286rem;
}

.ke-feedback table.table-fixed,
.ke-feedback .table.table-fixed {
  table-layout: fixed;
}

.ke-feedback .table-row {
  display: table-row;
}

.ke-feedback td,
.ke-feedback th,
.ke-feedback .table-cell {
  border-bottom: 1px solid #e6e6e6;
  display: table-cell;
  padding: 0.625rem;
}

.ke-feedback td.no-border,
.ke-feedback th.no-border,
.ke-feedback .table-cell.no-border {
  border: 0;
}

.ke-feedback th,
.ke-feedback .table-head {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  text-align: left;
  background-color: #000;
  color: #ffffff;
}

.ke-feedback th *,
.ke-feedback .table-head * {
  color: #ffffff !important;
}

.ke-feedback .table-bordered td,
.ke-feedback .table-bordered th,
.ke-feedback .table-bordered .table-cell {
  border: 1px solid #e6e6e6;
}

.ke-feedback .table-noborder td,
.ke-feedback .table-noborder th,
.ke-feedback .table-noborder .table-cell {
  border: 0;
}

.ke-feedback a,
.ke-feedback .link {
  display: inline-block;
  cursor: pointer;
  outline: none;
  color: #039be6;
  text-decoration: none;
  font-weight: normal;
}

.ke-feedback a:hover,
.ke-feedback .link:hover {
  color: #0277bd;
  text-decoration: none;
}

.ke-feedback .table-hover tr:hover {
  background-color: #f5f5f5;
}

@media print {
  .ke-feedback {
    display: none;
  }
}

.portal-footer .ke-feedback:not(.more) {
  bottom: calc(100vh - 60%);
}

.portal-footer .ke-feedback.collapsed {
  transform: rotate(-90deg);
  right: -30px;
  bottom: calc(100vh - 60%);
}

.portal-footer .ke-feedback.collapsed.mobile {
  right: 16px;
  transform: rotate(0deg);
}

strong {
  font-weight: 700!important;
}

/* hide-apimatic.css - non-destructive overlay */
.apimatic-attribute {
  position: relative;
  overflow: hidden;
  display: none !important;
}

/* to hide broken image from adobe analytics */
.mist-float-close,
img[src*='star.gif'],
img[src*='cnv.event.prod.bidr.io/log/cnv'],
iframe[src*='servedby.flashtalking.com/'],
iframe[src*='cnv.event.prod.bidr.io'] {
  display: none;
}

/* Release switcher */
.branding-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.release-switcher {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 24px;
  flex-shrink: 0;
}

.release-switcher select {
  background-color: #3a3a3a;
  color: #fff;
  border: 1px solid #666;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 13px;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  cursor: pointer;
  outline: none;
}

.release-switcher select:hover {
  border-color: #aaa;
}

.release-switcher select option {
  background-color: #222;
  color: #fff;
}