.react-tabs > ul.react-tabs__tab-list {
  background: #333E48;
  color: #E7E7E7;
  height: 58px;
  margin: 0px !important;
}
.react-tabs > ul.react-tabs__tab-list > li.react-tabs__tab {
  margin: 7px;
}
.react-tabs > .react-tabs__tab-panel--selected {
  background: #F7F7F7;
  border: 1px solid #E7E7E7;
}
.react-tabs > ul.react-tabs__tab-list > li.react-tabs__tab:nth-child(5) {
  float: right;
  background: #FFFFFF;
  color: #333E48 !important;
  height: 32px;
  border-radius: 5px;
}
.react-tabs > ul.react-tabs__tab-list > li.react-tabs__tab:nth-child(4) {
  float: right;
  background: #FFFFFF;
  color: #333E48 !important;
  height: 32px;
  border-radius: 5px;
}
.react-tabs > ul.react-tabs__tab-list > li.react-tabs__tab:nth-child(4):hover {
  background: #F7F7F7 !important;
  -webkit-box-shadow: inset 0px 1px 2px #000000;
          box-shadow: inset 0px 1px 2px #000000;
  stroke-width: 1;
}
.react-tabs > ul.react-tabs__tab-list > li.react-tabs__tab:nth-child(5):hover {
  background: #F7F7F7 !important;
  -webkit-box-shadow: inset 0px 1px 2px #000000;
          box-shadow: inset 0px 1px 2px #000000;
  stroke-width: 1;
}
.react-tabs > ul.react-tabs__tab-list > li.react-tabs__tab--selected {
  color: #E7E7E7 !important;
  background: none !important;
}
.react-tabs > ul.react-tabs__tab-list > li.react-tabs__tab--selected:nth-child(4), .react-tabs > ul.react-tabs__tab-list > li.react-tabs__tab--selected:nth-child(5) {
  background: #E7E7E7 !important;
  border: none !important;
  border-radius: 5px !important;
}

#auth-header div:first-child {
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  margin-right: 10px;
}

div.menu-content div.scrollbar-container {
  font-weight: bold;
}

#redoc-api-container .react-tabs {
  -webkit-tap-highlight-color: transparent;
}

#redoc-api-container table tr td {
  padding: 10px 0px 4px 0px;
}

#redoc-api-container .react-tabs__tab-list {
  margin: 0 0 10px;
  padding: 0;
}

#redoc-api-container .react-tabs__tab {
  display: inline-block;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
  font: Bold 14px/19px Open Sans !important;
}

#redoc-api-container .sc-gxMtzJ.kdxmLJ {
  border: 1px solid #A5ACB0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  width: 682.25px;
  border-radius: 5px;
}

#redoc-api-container .react-tabs__tab--selected {
  background: #FFFFFF;
  border-color: #aaa;
  color: #000000;
  border-radius: 5px 5px 0 0;
  border-bottom: 2px solid #981e32;
}

#redoc-api-container .react-tabs__tab--disabled {
  color: GrayText;
  cursor: default;
}

#redoc-api-container .react-tabs__tab:focus {
  outline: none;
}

#redoc-api-container .react-tabs__tab:focus:after {
  content: "";
  position: absolute;
  height: 5px;
  left: -4px;
  right: -4px;
  bottom: -5px;
}

#redoc-api-container .react-tabs__tab-panel {
  overflow: auto;
}

table.security-details tr:last-child > td {
  text-transform: capitalize;
}

#redoc-api-container .react-tabs__tab-panel--selected {
  display: block;
  padding-left: 6px;
  padding-top: 5px;
  overflow: auto;
}

.react-tabs__tab-panel .react-tabs__tab-panel {
  overflow-y: auto;
}

#redoc-api-container table.security-details tr td {
  padding: 10px 10px 4px 8px;
}

#redoc-api-container .react-tabs__tab-panel h5, #redoc-api-container .react-tabs__tab-panel--selected h5 {
  color: #A5ACB0;
}

#redoc-api-container .react-tabs__tab-panel table {
  margin: 0;
}

#redoc-api-container .react-tabs__tab-panel table > tbody > tr > td:first-child, #redoc-api-container .react-tabs__tab-panel--selected table > tbody > tr > td:first-child {
  border-bottom: 1pt solid #666666;
}

#redoc-api-container .react-tabs__tab-panel table > tbody > tr > td:last-child, #redoc-api-container .react-tabs__tab-panel--selected table > tbody > tr > td:last-child {
  border-bottom: 1px solid #A5ACB0;
}

#redoc-api-container .react-tabs__tab-panel table > tbody > tr.last > td, #redoc-api-container .react-tabs__tab-panel--selected table > tbody > tr.last > td {
  border-bottom: none;
}

/* API Reference View */
.path-api-reference-docs a {
  color: #981e32;
}

/* API Reference Docs */
.hHjSdh > .sc-ifAKCX:last-child {
  min-height: auto !important;
}

.redoc-json span {
  font-size: 14px;
  color: #92fca7 !important;
}

span.sc-dVhcbM.dpMbau {
  display: none;
}

span.kImGub {
  color: #333E48;
}

#redoc-api-container #block-efxapidev-content div.redoc-markdown > p,
#redoc-api-container #block-efxapidev-content li:not(.tab-error),
#redoc-api-container .api-content h1 ~ p,
#redoc-api-container .api-content h1 ~ div {
  font-family: "Open Sans", sans-serif !important;
  color: #333E48;
  font-weight: 400;
  font-size: 16px;
}

.api-info p > a:hover {
  color: #FFFFFF !important;
  background: #981e32;
}

.api-content a {
  color: #981e32 !important;
  border-color: #981e32;
}

.api-content a:hover {
  color: #981e32 !important;
  border-color: #981e32;
}

.http-verb {
  text-align: left;
  font: bolder 12px/17px Open Sans !important;
  letter-spacing: 0;
  color: #FFFFFF;
  opacity: 1;
  border-radius: 4px;
}

#redoc-api-container .menu-content *,
.page-node-type-oauth-page .menu-content * {
  font-family: "Open Sans", sans-serif !important;
}

#redoc-api-container .menu-content > .scrollbar-container > ul > li > label > span, .page-node-type-oauth-page .menu-content > .scrollbar-container > ul > li > label > span {
  padding: 5.5px 12px;
  font-size: 14px;
}

#redoc-api-container .menu-content > .scrollbar-container > ul > li > ul > li > label, .page-node-type-oauth-page .menu-content > .scrollbar-container > ul > li > ul > li > label {
  font-size: 13px;
}

#redoc-api-container .api-content *,
.page-node-type-oauth-page .api-content *,
.page-node-type-oauth-page .tab-pane .content p {
  font-weight: 400;
}

#redoc-api-container .api-content strong,
.page-node-type-oauth-page .api-content strong {
  font-weight: 700;
}

#redoc-api-container .api-content h2 {
  text-align: left;
  font: normal 18px/24px Open sans-serif;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
}

#redoc-api-container redoc h1 {
  color: #333E48 !important;
}

#redoc-api-container redoc a,
.page-node-type-oauth-page redoc a {
  color: #981e32 !important;
  font-size: 16px;
}

#redoc-api-container .api-content > span {
  width: 100%;
}

#redoc-api-container .api-content h3 {
  font: Bold 16px/22px Open Sans !important;
  padding: 0px 10px;
  color: #000000;
}

.api-content > span span {
  border-color: #981e32;
  color: #981e32;
}

.api-content > span span:hover {
  border-color: #981e32;
  color: #FFFFFF;
  background-color: #981e32 !important;
}

#redoc-api-container h1,
#redoc-api-container h2,
#redoc-api-container span.heading,
.page-node-type-oauth-page h1,
.page-node-type-oauth-page h2,
.page-node-type-oauth-page span.heading {
  font-weight: 600 !important;
}

#redoc-api-container redoc a.efvqSe,
.page-node-type-oauth-page redoc a.efvqSe,
#redoc-api-container redoc .grmTmc,
#redoc-api-container redoc .eoxkJU {
  font-family: "Open Sans", sans-serif !important;
  color: #981e32 !important;
  font-weight: normal;
  margin-left: 0.5em;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #981e32 !important;
  -o-border-image: initial;
     border-image: initial;
  padding: 4px 8px;
  text-decoration: none;
  border-radius: 2px;
  white-space: nowrap;
}

#redoc-api-container redoc a.efvqSe:hover,
#redoc-api-container redoc .grmTmc:hover,
#redoc-api-container redoc .eoxkJU:hover {
  background-color: #981e32 !important;
  font-family: "Open Sans", sans-serif !important;
  color: #FFFFFF !important;
  font-weight: normal;
  margin-left: 0.5em;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #981e32 !important;
  -o-border-image: initial;
     border-image: initial;
  padding: 4px 8px;
  text-decoration: none;
  border-radius: 2px;
}

#redoc-api-container redoc .grmTmc * {
  font-family: "Open Sans", sans-serif !important;
  color: #981e32 !important;
  font-weight: normal;
  cursor: pointer;
  text-decoration: none;
}

#redoc-api-container redoc .grmTmc:hover * {
  font-family: "Open Sans", sans-serif !important;
  color: #FFFFFF !important;
}

.view-api-reference-wip {
  background: #FFFFFF;
  padding: 26px;
}

#views-exposed-form-api-reference-wip-page-1 .form-actions {
  display: none;
}

td.view-api-reference-wip .views-field-title {
  font-weight: 600;
}

td.views-field-field-api-reference-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

td.views-field-field-api-reference-tags a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 3px 8px;
  font-size: 11px;
  background-color: #dfdfdf;
  color: #363636;
  margin-right: 15px;
}

td.views-field-field-api-reference-tags a:hover {
  background-color: #981e32;
  color: #FFFFFF;
}

td.views-field-field-api-regerence-groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

td.views-field-field-api-regerence-groups a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 3px 8px;
  font-size: 11px;
  background-color: #dfdfdf;
  color: #363636;
}

td.views-field-field-api-reference-groups a:hover {
  background-color: #981e32;
  color: #FFFFFF;
}

#views-exposed-form-api-reference-wip-page-1 input {
  min-width: 100%;
  background-size: 20px;
  background-image: url("/themes/custom/corporateplus/images/icons8-search-filled-50.png");
  background-position-x: 96%;
}

.view-api-reference-wip table tr td {
  padding: 12px;
}

.view-api-reference-wip td.views-field-title {
  font-weight: 600;
}

.view-api-reference-wip table tr th {
  text-transform: none;
  font-weight: 700;
}

/*Individual API Reference pages*/
#redoc-api-container div#main-content {
  min-height: 100vh;
}

#redoc-api-container #version1, #version2 {
  padding: 0;
}

#redoc-api-container .main-content__section {
  padding-top: 0px !important;
}

#redoc-api-container .active, #redoc-api-container label:hover {
  color: #666666 !important;
  font-weight: 600;
}

/*#redoc-api-container redoc#redoc_container {*/
#redoc-api-container #redoc_container {
  position: relative;
  display: block;
  width: 100%;
}

#redoc-api-container .redoc-wrap {
  position: relative;
}

#redoc-api-container .redoc-wrap .api-content {
  background: #FFFFFF;
  padding: 30px 0px 10px 15px;
}

#redoc-api-container .redoc-wrap .api-content > div:nth-child(1) {
  padding-top: 0px !important;
}

#redoc-api-container .redoc-wrap .api-content + div {
  right: 0;
  width: calc((100% - 236px) * 0.4);
}

#redoc-api-container .redoc-wrap > div:nth-child(1) {
  overflow-x: auto;
}

#redoc-api-container .onscroll .header.js-fixed.region--white-background {
  background-color: #FFFFFF !important;
}

#redoc-api-container .api-content p {
  text-align: justify;
  font-size: 14px;
}

#redoc-api-container .subfooter {
  position: relative;
  bottom: 0;
  z-index: -1;
}

#redoc-api-container input {
  color: #000000;
}

#redoc-api-container div.react-tabs__tab-panel {
  overflow-y: auto;
}

#redoc-api-container div.react-tabs__tab-panel {
  color: #CCC;
}

#redoc-api-container div#block-efxapidev-local-tasks {
  display: none;
}

#redoc-api-container .react-tabs__tab-panel small {
  display: none;
}

#redoc-api-container .api-info div span + span a {
  pointer-events: none;
}

#redoc-api-container ul#links_container li {
  cursor: pointer;
  list-style: none;
  padding: 10px 40px 10px 10px;
  font-size: 12pt;
  text-transform: uppercase;
  font-weight: 600;
  color: #333E48;
}

#redoc-api-container div[data-section-id] > div > div:first-child {
  width: 100% !important;
}

#redoc-api-container .jYUHkY {
  right: 36%;
  position: absolute;
}

#redoc-api-container ul.nav.nav-tabs {
  width: 100%;
  z-index: 99999;
  background: #FFFFFF;
  left: 0;
  padding: 0 75px;
  margin: 0;
}

/* Hiding changelog >*/
#redoc-api-container .nav.nav-tabs li:nth-child(2) {
  display: none;
}

#v1-changelog {
  display: none !important;
}

.chng-log {
  pointer-events: none;
  color: #333E48;
}

/* Hiding changelog <*/
#redoc-api-container .nav.nav-tabs a {
  padding-bottom: 30px;
  padding-top: 30px;
}

#redoc-api-container .tab-content {
  background: #FFFFFF;
  min-height: 600px;
  padding-top: 25px;
}

#redoc-api-container .tab-content h3 {
  margin: 0;
}

#redoc-api-container div[role=search] {
  display: none;
}

#redoc-api-container .sc-hORach {
  z-index: 999999;
  width: 50%;
}

#redoc-api-container .dropdown-version {
  position: absolute;
  right: 50px;
  top: 44px;
  z-index: 9;
}

#redoc-api-container .dropdown-version dt a {
  background: #FFFFFF;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  display: block;
  padding: 8px 12px;
  border: 2px solid #F3F3F3;
  border-radius: 4px;
}

#redoc-api-container .dropdown-version dt a.drop-single {
  pointer-events: none;
}

#redoc-api-container .dropdown-version dt a:after {
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid #000000;
  border-width: 0 2px 2px 0px;
  padding: 4px;
  right: 68px;
  top: 4px;
}

#redoc-api-container .api-content div[data-section-id] > div > div:nth-child(2) ul.react-tabs__tab-list {
  padding: 0px 10px 5px 10px;
  border: none;
}

#redoc-api-container .api-content div[data-section-id] > div > div:nth-child(2) ul.react-tabs__tab-list > li {
  font: Bold 12px/17px Open Sans;
  border-radius: 4px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  width: 42px;
  height: 22px;
  padding: 2px 0px;
  min-width: 0px;
  margin: 0px 0px 4px 4px;
}

#redoc-api-container .api-content div[data-section-id] > div > div:nth-child(2) ul.react-tabs__tab-list > li.tab-success {
  border: 1px solid #45842a;
  border-radius: 4px;
  opacity: 1;
  color: #45842a;
}

#redoc-api-container .api-content div[data-section-id] > div > div:nth-child(2) ul.react-tabs__tab-list > li.tab-error {
  border: 1px solid #E8002A;
  border-radius: 4px;
  opacity: 1;
  color: #E8002A;
}

#redoc-api-container .dropdown-version dt a span {
  cursor: pointer;
  display: block;
  padding: 5px;
}

/* UL styles */
#redoc-api-container .dropdown-version ul {
  background: #FFFFFF none repeat scroll 0 0;
  display: none;
  list-style: none;
  padding: 0;
  position: absolute;
  left: 0px;
  top: 32px;
  width: auto;
  border: 2px solid #F3F3F3;
}

#redoc-api-container .nav.nav-tabs {
  border-width: 2px !important;
  padding: 0 75px 0 20px !important;
}

#redoc-api-container .nav.nav-tabs li a {
  color: #000000;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 14pt;
}

#redoc-api-container .nav.nav-tabs li.active a, #redoc-api-container .nav.nav-tabs li:hover a {
  border: 0;
  font-weight: normal;
  padding-top: 31px;
  border-bottom: 2px solid #8C2A35;
}

/*tabpane content styles*/
#v1-changelog, #v2-changelog,
#v1-authentication, #v2-authentication,
#v1-versioning, #v2-versioning, #v1-environment, #v2-environment, #v1-scope, #v2-scope {
  overflow: auto;
  padding-bottom: 30px;
}

#redoc-api-container .tab-pane .content {
  padding: 0 35px;
  color: #333E48;
}

#redoc-api-container .tab-pane .content p {
  color: #333E48;
  font-weight: 400;
}

#redoc-api-container .tab-pane .content h2,
.page-node-type-oauth-page .tab-content h2 {
  font-size: 24pt;
  font-weight: 400;
  text-transform: uppercase !important;
  color: #333E48 !important;
  padding-bottom: 10px;
}

#redoc-api-container .api-content h1 {
  font-size: 24px !important;
  padding-bottom: 10px;
  font-weight: 400;
  color: #000000 !important;
  text-transform: none;
}

.page-node-type-oauth-page .api-content h1 {
  color: #000000 !important;
  text-transform: none;
  height: 40px;
  font-size: 24pt !important;
}

#redoc-api-container .tab-pane h1,
.page-node-type-oauth-page #redoc_container h1 {
  font-size: 24pt !important;
  font-weight: 400;
  color: #333E48 !important;
  padding-bottom: 8px;
}

.page-node-type-oauth-page input.sc-emmjRN.kueQWr {
  max-width: 100%;
}

#redoc-api-container .tab-pane .content span.heading,
.page-node-type-oauth-page .tab-pane .content span.heading {
  font-size: 18pt;
  font-weight: 400;
  color: #333E48 !important;
  margin-bottom: 10px;
  display: block;
}

#redoc-api-container .tab-pane .content li,
.page-node-type-oauth-page .tab-pane .content li {
  padding: 10px 0;
  color: #333E48 !important;
  font-weight: 400;
}

#redoc-api-container .tab-pane .content li span.sub-heading {
  display: block;
}

#redoc-api-container .tab-pane .content table {
  width: 50%;
  border: 1px solid #CCC;
}

#redoc-api-container .tab-pane .content li span.table-heading {
  padding-top: 10px;
}

#redoc-api-container .sc-caSCKo tbody > tr > td:last-child a {
  pointer-events: none;
}

.dropdown-version dt a.drop-single {
  padding: 10px 30px;
}

.dropdown-version dt a.drop-single:after {
  content: none;
}

.redoc-wrap div[role=tabpanel] {
  color: #CCC;
}

#redoc-api-container #dispaly-button {
  z-index: 2 !important;
}

#redoc-api-container .menu-content {
  height: calc(100vh - 80px) !important;
}

#redoc-api-container .menu-content > div:first-child {
  display: none;
}

#redoc-api-container div.react-tabs__tab-panel label {
  color: #CCC;
}

#redoc-api-container .sc-kgAjT.fgWrTI {
  cursor: text;
}

#redoc-api-container .sc-EHOje > div:nth-child(2) .sc-hSdWYo.dBrSEy ul li.react-tabs__tab--selected {
  pointer-events: none;
}

#redoc-api-container form input[type=password], #redoc-api-container form input[type=text] {
  max-width: 100%;
}

#v1-scope ul {
  padding: 0;
}

#v1-scope ul li {
  list-style: none;
}

#v2-scope ul li {
  list-style: none;
}

#redoc-api-container .tab-pane#v1-scope .content table {
  width: 60%;
}

.page-node-type-api-product-documentation b, .page-node-type-api-product-documentation strong {
  font-weight: bold;
}

.sc-bYSBpT.fKHsnH {
  width: 88%;
}


/**API Reference Sample response*****/
.sc-fjvvzt.iQMUWd{
  top: 5px;
}

.sc-JrDLc.fStitD{
  padding-top: 22px;
}

pre.jaEbwB{
  background: none;
  border: none;
  padding: 0;
  color: white;
  max-height: 100%;
}

.sc-fBWQRz.jVCMIB label{
  padding: 13px 0 0 0;
}

select.dropdown-select{
  width: 100%;
  max-width: 100%;
}
/**end Sample Response****/

@media (max-width: 767px) {
  .view-api-reference-wip {
    background: #FFFFFF;
    padding: 10px;
  }

  table.views-table.views-view-table.cols-2 th, table.views-table.views-view-table.cols-2 td {
    display: inline-block;
    width: 49%;
  }
  table tr:last-child td {
    border-bottom: none;
  }

  #redoc-api-container .api-content div > div {
    padding: 0;
    width: 100%;
  }
  #redoc-api-container .redoc-wrap .api-content {
    padding-top: 120px;
    margin-top: 20px;
    padding-right: 20px;

  }
  #redoc-api-container .api-content {
    padding-top: 80px;
  }
  #redoc-api-container .menu-content {
    padding-top: 60px;
    top: 95px !important;
    left: 0;
    right: 0;
    width: 100%;
  }
  #api-reference .display-button{
    display: contents;
  }
  #react-tabs-8{
    float: left;
    margin-top: 15px;
  }
  #react-tabs-6{
    margin-top: 15px;
  }
  #redoc-api-container .sc-JrDLc.fStitD{
    height: 50px;
    padding: 25px 0 0 12px;
  }
  #redoc-api-container div.react-tabs__tab-panel label{
    padding: 30px 0 0 10px;
  }

}
/* Hide tabs and show all content on tablet and mobile  */
@media (max-width: 991px) {
  ul.nav.nav-tabs {
    display: none;
  }

  .tab-content > redoc#redoc_container > .tab-pane {
    display: block;
  }

  .sc-RefOD.fayBaf {
    top: 110px;
  }

  #redoc-api-container .tab-content {
    padding-top: 60px;
  }
  #redoc-api-container .dropdown-version {
    position: absolute;
    right: 40px;
    top: 60px;
  }
  #redoc-api-container #dispaly-button {
    top: 80px !important;
  }
}
@media (max-width: 1199px) {
  #redoc-api-container .nav.nav-tabs li a {
    padding: 30px 8px;
    font-size: 16px !important;
  }
}

@media print, screen and (max-width: 75rem){
  .dwkTNC{
    padding: 0;
  }
}
