#views-exposed-form-api-catalog-api-catalog .grid .form-item {
  margin: 0 15px 0 0;
  z-index: 101
}

#views-exposed-form-api-catalog-api-catalog .form__actions {
  margin-top: -67px;
  margin-bottom: 54px;
  z-index: 100;
  position: relative;
}

.field--field-benefit-icon img {
  margin: auto
}

.field--field-picto {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 32px;
}

.view--api-catalog--block-1 {
  margin: -4rem 0 5rem;
}

.picto_inline {
  width: 80%;
}

.bg--bnpp-white {
  background-color: white;
}
.bg--bnpp-white table , .bg--bnpp-white tr , .bg--bnpp-white td {
  border: 0 !important;
  background: transparent !important;
}
.bg--bnpp-black {
  background-color: black;
}

.bg--bnpp-gray {
  background-color: #DDDDDD;
}

.bg--bnpp-green {
  background-color: #3E8F5F;
}

.bg--bnpp-dark-green {
  background-color: #007265;
}
.bnp-white{
  color: white;
}

.header__image {
  max-height: 340px;
  position: absolute;
  width: 100%;
}

/* Grey Pill */
.light-pill {
  display: inline-block;
  font-size: 12px !important;
  margin: 0 0.5rem 0.5rem 0;
  padding: 3px 10px;
  border-radius: 12px;
}

.green-pill-card {
  color: #00915a;
  background-color: #dae9e4;
}

.blue-pill-card {
  color: #1da3e1;
  background-color: #e1f7ff;
}

.grey-pill-card {
  color: #939393;
  background-color: #f0f0f0;
}

.orange-pill-card {
  color: #fd9a27;
  background-color: #fef0e0;
}

.entity {
  width: 100%;
  font-size: 13px !important;
  margin-top: -17px;
  margin-bottom: 10px;
}

.front-office .menu--account a[href="/user/login"] {
  display: none
}

:root {
  --colorBundle__text: #2d2926;
  --colorBundle__headings: #2d2926;
  --colorBundle__smallText: #bababa;
  --colorBundle__lightText: #ffffff;
  --colorBundle__darkText: #2d2926;
  --colorBundle__utilityTextColor: #ffffff;
  --colorBundle__formattedTextIndicator: #009fb1;
  --colorBundle__link: #00915a;
  --colorBundle__divider: #ebebeb;
  --gradient__border: #00bc8c, #00a951;
  --colorBundle__shadow: rgba(0, 0, 0, 0.1);
  --colorBundle__uiIcon: #bababa;
  --colorBundle__uiIconActive: #00915a;
  --colorBundle__cardIconLink: #00915a;
  --gradient__navigationOverlay: rgba(255, 255, 255, 0), rgba(255, 255, 255, 0);
  --colorBundle__navigationItem: #2d2926;
  --colorBundle__navigationItemActive: #00915a;
  --colorBundle__pagerItemActiveBackground: #00bc8c;
  --colorBundle__tagLabel: #ffffff;
  --colorBundle__tagBorder: #bababa;
  --colorBundle__tagBackground: #bababa;
  --colorBundle__pageBackground: #f7f7f7;
  --colorBundle__footerBackground: #2d2926;
  --colorBundle__panelBackground: #ffffff;
  --colorBundle__inputBackground: #ffffff;
  --colorBundle__tooltipBackground: #bababa;
  --colorBundle__versionBackground: #00a951;
  --colorBundle__sectionBackground: #e9e9e9;
  --colorBundle__lightCodeBackground: #e9e9e9;
  --colorBundle__darkCodeBackground: #2d2926;
  --colorBundle__infoIconBackground: #009fb1;
  --colorBundle__navigationBackground: #ffffff;
  --colorBundle__navigationBackgroundHeaderHasBg: white;
  --colorBundle__selectOptionActiveBackground: #e9e9e9;
  --colorBundle__pageTitleBarBackground: #00915a;
  --colorBundle__inputBorder: #bababa;
  --colorBundle__inputSuccessBorder: #00a951;
  --colorBundle__inputWarningBorder: #d3d03b;
  --colorBundle__inputErrorBorder: #e74f50;
  --colorBundle__inputFocusBorder: #43577a;
  --colorBundle__choiceBorder: #00915a;
  --colorBundle__choiceActiveIndicator: #000000;
  --colorBundle__primaryButton: #ffffff;
  --colorBundle__primaryButtonBackground: #00915a;
  --colorBundle__primaryButtonBorder: #00915a;
  --colorBundle__primaryInvertedButton: #ffffff;
  --colorBundle__primaryInvertedButtonBackground: #00915a;
  --colorBundle__primaryInvertedButtonBorder: #00915a;
  --colorBundle__secondaryButton: #00915a;
  --colorBundle__secondaryButtonBackground: rgba(255, 255, 255, 0);
  --colorBundle__secondaryButtonBorder: #00915a, #00915a;
  --colorBundle__secondaryInvertedButton: #ffffff;
  --colorBundle__secondaryInvertedButtonBackground: rgba(255, 255, 255, 0);
  --colorBundle__secondaryInvertedButtonBorder: #ffffff, #ffffff;
  --colorBundle__methodGetBackground: #009fb1;
  --colorBundle__methodPostBackground: #00a951;
  --colorBundle__methodDeleteBackground: #e74f50;
  --colorBundle__methodPutBackground: #d3d03b;
  --colorBundle__methodPatchBackground: #007265;
  --colorBundle__methodHeadBackground: #724f8a;
  --colorBundle__methodOptionsBackground: #43577a;
  --colorBundle__statusOkBackground: #00a951;
  --colorBundle__statusWarningBackground: #e74f50;
  --colorBundle__statusErrorBackground: #bababa;
  --colorBundle__messageSuccessBackground: #00a951;
  --colorBundle__messageWarningBackground: #d3d03b;
  --colorBundle__messageErrorBackground: #e74f50;
  --colorBundle__messageInfoBackground: #009fb1;
  --colorBundle__headerOverlay: #007265;
  --colorBundle__headerOverlayMobile: #007265;
}

* {
  box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: border-box
}

html,
meta,
head,
style,
link,
title,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
hr,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: BNPPSans;
}

body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-size: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

body {
  line-height: 1
}

blockquote,
q {
  quotes: none
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

option:active,
option:focus,
option:hover,
button:active,
button:focus,
button:hover {
  outline: none
}

address {
  font-style: inherit
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer;
  font-family: BNPPSans;
}

img {
  max-width: 100%;
  height: auto;
  display: block
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

html {
  height: 100%;
  font-size: 14px;
  font-family: BNPPSans;
}

body {
  font-size: 100%;
  height: 100%;
  min-height: 100%;
  color: #2d2926;
  color: var(--colorBundle__text);
  background-color: #f7f7f7;
  background-color: var(--colorBundle__pageBackground);
  line-height: 1.6;
  font-family: BNPPSans;
  font-weight: 200;
  font-style: normal
}

.dialog-off-canvas-main-canvas {
  height: 100%
}

.site-content {
  display: flex;
  flex-direction: column;
  min-height: 100%
}

main {
  min-height: 1px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  margin-top: 60px
}

.swagger-ui .download-contents,
.swagger-ui .btn,
.button {
  font-family: BNPPSans;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  cursor: pointer;
  padding: .5rem 1rem;
  height: auto;
  min-height: 46px;
  min-width: 95px;
  border: 2px solid #ffffff;
  border: 2px solid var(--colorBundle__primaryButton);
  border-radius: 0;
  color: #ffffff;
  color: var(--colorBundle__primaryButton);
  background-color: #00915a;
  background-color: var(--colorBundle__primaryInvertedButtonBackground)
}

.button__icon {
  margin-right: .5rem
}

@media(min-width: 600px) {

  .swagger-ui .download-contents,
  .swagger-ui .btn,
  .button {
    width: auto
  }
}

.swagger-ui .download-contents:active,
.swagger-ui .btn:active,
.swagger-ui .download-contents:focus,
.swagger-ui .btn:focus,
.swagger-ui .download-contents:hover,
.swagger-ui .btn:hover,
.button:active,
.button:focus,
.button:hover {
  text-decoration: none
}

.swagger-ui .btn.execute,
.swagger-ui .btn.authorize,
.button--primary {
  border: 2px solid #00915a;
  border: 2px solid var(--colorBundle__primaryButtonBorder);
  color: #ffffff;
  color: var(--colorBundle__primaryButton);
  background-color: #00915a;
  background-color: var(--colorBundle__primaryButtonBackground)
}

.swagger-ui .btn.execute:active,
.swagger-ui .btn.authorize:active,
.swagger-ui .btn.execute:focus,
.swagger-ui .btn.authorize:focus,
.swagger-ui .btn.execute:hover,
.swagger-ui .btn.authorize:hover,
.button--primary:active,
.button--primary:focus,
.button--primary:hover {
  color: #ffffff;
  color: var(--colorBundle__primaryButton);
  box-shadow: 0 12px 20px 0 var(--colorBundle__shadowDarker)
}

.button--primary--inverted {
  border: 2px solid #00915a;
  border: 2px solid var(--colorBundle__primaryInvertedButtonBorder);
  color: #ffffff;
  color: var(--colorBundle__primaryInvertedButton);
  background-color: #00915a;
  background-color: var(--colorBundle__primaryInvertedButtonBackground)
}

.button--primary--inverted:active,
.button--primary--inverted:focus,
.button--primary--inverted:hover {
  color: #ffffff;
  color: var(--colorBundle__primaryInvertedButton);
  box-shadow: 0 12px 20px 0 var(--colorBundle__shadowDarker)
}

.form__actions #edit-delete,
.form__actions #edit-cancel,
.region--navigation .container .menu--account li a[href="/user/login"],
.swagger-ui .download-contents,
.swagger-ui .btn.try-out__btn,
.swagger-ui .models>h4::after,
.swagger-ui .opblock-tag .expand-operation,
.form-actions #edit-actions-delete,
.button--secondary,
.swagger-ui .btn-clear {
  border: 2px solid;
  color: #00915a;
  color: var(--colorBundle__secondaryButton);
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--colorBundle__secondaryButtonBackground);
  -o-border-image: linear-gradient(to right, #00915a, #00915a) 1;
  border-image: linear-gradient(to right, #00915a, #00915a) 1;
  -o-border-image: linear-gradient(to right, var(--colorBundle__secondaryButtonBorder)) 1;
  border-image: linear-gradient(to right, var(--colorBundle__secondaryButtonBorder)) 1
}

.form__actions #edit-delete:active,
.form__actions #edit-cancel:active,
.region--navigation .container .menu--account li a[href="/user/login"]:active,
.swagger-ui .download-contents:active,
.swagger-ui .btn.try-out__btn:active,
.swagger-ui .models>h4:active::after,
.swagger-ui .opblock-tag .expand-operation:active,
.form-actions #edit-actions-delete:active,
.form__actions #edit-delete:focus,
.form__actions #edit-cancel:focus,
.region--navigation .container .menu--account li a[href="/user/login"]:focus,
.swagger-ui .download-contents:focus,
.swagger-ui .btn.try-out__btn:focus,
.swagger-ui .models>h4:focus::after,
.swagger-ui .opblock-tag .expand-operation:focus,
.form-actions #edit-actions-delete:focus,
.form__actions #edit-delete:hover,
.form__actions #edit-cancel:hover,
.region--navigation .container .menu--account li a[href="/user/login"]:hover,
.swagger-ui .download-contents:hover,
.swagger-ui .btn.try-out__btn:hover,
.swagger-ui .models>h4:hover::after,
.swagger-ui .opblock-tag .expand-operation:hover,
.form-actions #edit-actions-delete:hover,
.button--secondary:active,
.swagger-ui .btn-clear:active,
.button--secondary:focus,
.swagger-ui .btn-clear:focus,
.button--secondary:hover,
.swagger-ui .btn-clear:hover {
  color: #00915a;
  color: var(--colorBundle__secondaryButton);
  border-width: 2px;
  padding: calc(0.5rem - 0px) calc(1rem - 0px)
}

.button--secondary--inverted {
  border: 2px solid;
  color: #ffffff;
  color: var(--colorBundle__secondaryInvertedButton);
  background-color: rgba(255, 255, 255, 0);
  background-color: var(--colorBundle__secondaryInvertedButtonBackground);
  -o-border-image: linear-gradient(to right, #ffffff, #ffffff) 1;
  border-image: linear-gradient(to right, #ffffff, #ffffff) 1;
  -o-border-image: linear-gradient(to right, var(--colorBundle__secondaryInvertedButtonBorder)) 1;
  border-image: linear-gradient(to right, var(--colorBundle__secondaryInvertedButtonBorder)) 1
}

.button--secondary--inverted:active,
.button--secondary--inverted:focus,
.button--secondary--inverted:hover {
  color: #ffffff;
  color: var(--colorBundle__secondaryInvertedButton);
  border-width: 2px;
  padding: calc(0.5rem - 0px) calc(1rem - 0px)
}

.button--postman {
  border: 2px solid var(--colorBundle__postmanButtonBorder);
  color: var(--colorBundle__postmanButton);
  background-color: var(--colorBundle__postmanButtonBackground);
  padding-left: 3rem;
  position: relative
}

.button--postman::before {
  content: "";
  font-size: 24px;
  font-family: "feather";
  font-size: 23px;
  position: absolute;
  left: 1rem
}

.button--postman:active,
.button--postman:focus,
.button--postman:hover {
  color: var(--colorBundle__postmanButton);
  box-shadow: 0 12px 20px 0 var(--colorBundle__shadowDarker)
}

.button+.button {
  margin-left: 20px
}

hr {
  border-bottom: 1px solid #ebebeb;
  border-bottom: 1px solid var(--colorBundle__divider);
  margin-bottom: 30px
}

.divider {
  border-top-width: 20px;
  border-top-style: solid;
  -o-border-image: linear-gradient(to left, #00bc8c, #00a951) 1;
  border-image: linear-gradient(to left, #00bc8c, #00a951) 1
}

@media(min-width: 600px) {
  form {
    margin-bottom: 1.5rem
  }
}

form .description {
  margin-top: .25em;
  margin-left: .25em;
  font-size: 12px;
  color: #2d2926;
  color: var(--colorBundle__text)
}

.form__actions {
  margin-top: 50px;
  margin-bottom: 1.5rem
}

.form-type--item label {
  display: inline-block;
  min-width: 20%
}

.form-required {
  position: relative;
  display: flex;
  line-height: 1;
  margin-bottom: .5rem
}

.form-required::before {
  content: "*";
  margin-right: .16rem;
  font-size: .66em;
  color: #e74f50;
  color: var(--colorBundle__inputErrorBorder)
}

.checkmark:disabled,
.form-disabled .checkmark {
  border-color: #bababa;
  border-color: var(--colorBundle__inputBorder)
}

.option:disabled,
.checkbox-container:disabled,
select:disabled,
input:disabled,
.form-disabled .option,
.form-disabled .checkbox-container,
.form-disabled select,
.form-disabled input {
  opacity: .3;
  cursor: default
}

input,
select,
textarea {
  min-height: 46px;
  width: 100%;
  max-width: 100%;
  min-width: 1%;
  padding: 8px 20px;
  border: 1px solid;
  border-radius: 0;
  font-size: 1rem;
  color: #2d2926;
  color: var(--colorBundle__text);
  border-color: #bababa;
  border-color: var(--colorBundle__inputBorder);
  background-color: #ffffff;
  background-color: var(--colorBundle__inputBackground)
}

input:focus,
select:focus,
textarea:focus {
  outline: 0;
  border-color: #43577a;
  border-color: var(--colorBundle__inputFocusBorder)
}

input.error,
select.error,
textarea.error {
  border-color: #e74f50;
  border-color: var(--colorBundle__inputErrorBorder);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var%28--colorBundle__inputErrorBorder%29\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-alert-circle\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"16\"></line></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - .5rem) 50%
}

input.success,
select.success,
textarea.success {
  border-color: #00a951;
  border-color: var(--colorBundle__inputSuccessBorder);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"><path d=\"M20.7 5.3c-0.4-0.4-1-0.4-1.4 0l-10.3 10.3-4.3-4.3c-0.4-0.4-1-0.4-1.4 0s-0.4 1 0 1.4l5 5c0.2 0.2 0.4 0.3 0.7 0.3s0.5-0.1 0.7-0.3l11-11c0.4-0.4 0.4-1 0-1.4z\" style=\"fill:var%28--colorBundle__inputSuccessBorder%29;\"></path></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - .5rem) 50%
}

input.warning,
select.warning,
textarea.warning {
  border-color: #d3d03b;
  border-color: var(--colorBundle__inputWarningBorder)
}

input,
textarea {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

textarea {
  line-height: 1.6;
  padding-top: 15px
}

::-webkit-input-placeholder {
  color: #bababa;
  color: var(--colorBundle__smallText)
}

::-moz-placeholder {
  color: #bababa;
  color: var(--colorBundle__smallText)
}

:-moz-placeholder {
  color: #bababa;
  color: var(--colorBundle__smallText)
}

:-ms-input-placeholder {
  color: #bababa;
  color: var(--colorBundle__smallText)
}

select {
  background-image: url(../images/053626989366c5af3de1.svg);
  background-position: calc(100% - 12px) center;
  background-size: 24px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 48px
}

select::-ms-expand {
  display: none
}

input[type=checkbox],
input[type=radio] {
  width: auto
}

input[type=radio],
input[type=checkbox] {
  display: inline-block;
  margin: 0 .5em 0 0
}

input[type=radio]+label,
input[type=checkbox]+label {
  display: inline-block;
  vertical-align: middle
}

input[type=checkbox],
input[type=radio],
select {
  cursor: pointer
}

.form-wrapper~.form-wrapper,
.form-wrapper~.form-item,
.form-item~.form-wrapper,
.form-item~.form-item {
  margin-top: 1rem
}

.form-wrapper:not(:last-child) .form-description,
.form-item:not(:last-child) .form-description {
  margin-bottom: -0.5rem
}

.form-description {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: .25rem;
  text-align: right
}

.form-description__fields {
  line-height: 22px
}

.form-description__icon {
  margin-left: .25rem
}

.form-description .form-description__icon {
  font-size: 20px
}

.form-type--checkbox,
.form-type--radio {
  display: flex;
  align-items: center
}

.form-type--checkbox .form-description,
.form-type--radio .form-description {
  margin-left: auto
}

button {
  background: none;
  border: none;
  font-size: 1rem;
  display: inline-block;
  text-align: center
}

.checkbox-container {
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.checkbox-container~label {
  margin-left: 1rem
}

.checkbox-container input {
  min-height: auto;
  margin: 0;
  opacity: 0
}

.checkbox-container input:checked~.checkmark--checkbox {
  background-color: #00915a;
  background-color: var(--colorBundle__choiceBorder)
}

.checkbox-container input:checked~.checkmark::after {
  display: block
}

.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .checkmark {
    display: block
  }
}

.checkmark::after {
  content: "";
  position: absolute;
  display: none
}

.checkmark--checkbox {
  border: 2px solid;
  border-radius: 2px;
  border-color: #00915a;
  border-color: var(--colorBundle__choiceBorder)
}

.checkmark--checkbox::after {
  font-family: "feather";
  content: "";
  color: #000000;
  color: var(--colorBundle__choiceActiveIndicator);
  line-height: 1
}

.checkmark--radio {
  border: 2px solid;
  border-radius: 50%;
  border-color: #00915a;
  border-color: var(--colorBundle__choiceBorder)
}

.checkmark--radio::after {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000000;
  background-color: var(--colorBundle__choiceActiveIndicator)
}

.input-group {
  display: flex;
  align-items: center
}

.input-group .login--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00915a;
  background-color: var(--colorBundle__uiIconActive);
  width: 46px;
  min-width: 46px;
  height: 46px
}

.input-group .login--icon [class^=feather-],
.input-group .login--icon [class*=" feather-"] {
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

@media(max-width: 599px) {
  .form-actions>* {
    width: 100%
  }
}

@media(min-width: 600px) {
  .form-actions {
    display: flex;
    justify-content: flex-end
  }

  .form-actions>*+* {
    margin-left: 1rem
  }
}

@media(max-width: 599px) {
  .form-actions>*+* {
    margin-top: 1rem
  }
}

.icon--content {
  position: relative;
  height: 5rem;
  width: 5rem;
  border-radius: 50%
}

.icon--content>span {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 66%;
  transform: translateX(-50%) translateY(-50%)
}

.zg-info__icon,
.zg-summary__icon,
[class^=zg-icon-],
[class*=" zg-icon-"] {
  font-size: 24px;
  font-family: "feather";
  font-weight: normal;
  line-height: 1
}

.zg-icon--copy::before {
  content: ""
}

.zg-icon--info::before {
  content: ""
}

.zg-icon--view::before {
  content: ""
}

.zg-icon--edit::before {
  content: ""
}

.zg-icon--remove::before,
.zg-icon--delete::before {
  content: ""
}

.zg-icon--analytics::before {
  content: ""
}

.zg-icon--grid::before,
.zg-icon--apps::before {
  content: ""
}

.zg-icon--members::before {
  content: ""
}

.zg-icon--add::before {
  content: ""
}

.zg-icon--revoke::before {
  content: ""
}

.zg-icon--accept::before {
  content: ""
}

.zg-icon--decline::before {
  content: ""
}

.zg-icon--resend::before {
  content: ""
}

.zg-icon--log-out::before {
  content: ""
}

.zg-icon--user::before {
  content: ""
}

.zg-icon--search::before {
  content: ""
}

.messages {
  margin: 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.messages a {
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  text-decoration: underline
}

.messages a:hover,
.messages a:focus,
.messages a:active {
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor)
}

.messages,
.messages [class^=feather-],
.messages [class*=" feather-"] {
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor)
}

.messages .dismiss {
  position: absolute;
  margin-top: 1rem;
  right: 1.5rem
}

.messages__text {
  display: flex;
  align-items: center;
  padding: 2rem 3rem
}

.messages__icon {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  margin-right: 2rem;
  position: relative
}

.messages__icon::before {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #ffffff;
  border: 1px solid var(--colorBundle__utilityTextColor);
  opacity: .7
}

.messages--success,
.messages--status {
  background-color: #00a951;
  background-color: var(--colorBundle__messageSuccessBackground)
}

.messages--warning {
  background-color: #d3d03b;
  background-color: var(--colorBundle__messageWarningBackground)
}

.messages--error {
  background-color: #e74f50;
  background-color: var(--colorBundle__messageErrorBackground)
}

.messages--info {
  background-color: #009fb1;
  background-color: var(--colorBundle__messageInfoBackground)
}

.dismiss {
  background: none;
  border: none
}

.status {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0;
  padding: 4px 10px;
  border-radius: .5rem;
  text-transform: uppercase;
  vertical-align: top
}

.status.status--ok {
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  background-color: #00a951;
  background-color: var(--colorBundle__statusOkBackground)
}

.status.status--error {
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  background-color: #e74f50
}

.status.status--warning {
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  background-color: #d3d03b
}

.table,
table {
  width: 100%;
  max-width: 100%;
  background-color: #f7f7f7;
  background-color: var(--colorBundle__pageBackground)
}

.swagger-ui .opblock-section-header,
.swagger-ui .table-container h4,
.swagger-ui .responses-inner h4,
.caption,
caption {
  text-align: left;
  padding: 20px 13px;
  background-color: #e9e9e9;
  background-color: var(--colorBundle__sectionBackground)
}

.th,
th {
  font-family: BNPPSans;
  font-weight: 600;
  font-style: normal;
  text-align: left;
  padding: 12px 17px;
  text-transform: uppercase;
  font-size: 12px;
  color: #bababa;
  color: var(--colorBundle__smallText);
  position: relative
}

.thead~tbody .tr:first-child .th::before,
.thead~tbody .tr:first-child th::before,
.thead~tbody tr:first-child .th::before,
.thead~tbody tr:first-child th::before,
.thead~.tbody .tr:first-child .th::before,
.thead~.tbody .tr:first-child th::before,
.thead~.tbody tr:first-child .th::before,
.thead~.tbody tr:first-child th::before,
thead~tbody .tr:first-child .th::before,
thead~tbody .tr:first-child th::before,
thead~tbody tr:first-child .th::before,
thead~tbody tr:first-child th::before,
thead~.tbody .tr:first-child .th::before,
thead~.tbody .tr:first-child th::before,
thead~.tbody tr:first-child .th::before,
thead~.tbody tr:first-child th::before {
  content: "";
  height: 100%;
  position: absolute;
  width: 3px;
  right: -3px;
  top: calc(-24px - 19.2px - 3px);
  background-color: #ddd
}

.th,
th {
  border-right: 1px solid #ddd
}

.th:last-of-type,
th:last-of-type {
  border-right: none
}

.tr,
tr {
  border-bottom: 1px solid #ddd
}

.tr:last-of-type,
tr:last-of-type {
  border-bottom: none
}

.td,
td {
  position: relative;
  padding: 7px 18px;
  border-right: 1px solid #ddd
}

.td:last-of-type,
td:last-of-type {
  border-right: none
}

.thead,
thead {
  border-bottom: 3px solid #ddd
}

.tfoot .th+.td,
.tfoot .th+td,
.tfoot th+.td,
.tfoot th+td,
tfoot .th+.td,
tfoot .th+td,
tfoot th+.td,
tfoot th+td,
.tbody .th+.td,
.tbody .th+td,
.tbody th+.td,
.tbody th+td,
tbody .th+.td,
tbody .th+td,
tbody th+.td,
tbody th+td {
  border-left: 3px solid #ddd
}

.table-wrapper {
  overflow-x: auto
}

.zg-tooltip,
.has-tooltip:hover::after,
[data-tooltip]:hover::after,
.tooltip {
  background-color: #bababa;
  background-color: var(--colorBundle__tooltipBackground);
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  padding: .3rem .6rem;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  border-radius: 3px;
  opacity: 1
}

.has-tooltip:hover,
[data-tooltip]:hover {
  position: relative
}

.has-tooltip:hover::after,
[data-tooltip]:hover::after {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  transform: translateX(-50%) translateY(-100%)
}

.has-tooltip:hover::before,
[data-tooltip]:hover::before {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #bababa;
  border-top-color: var(--colorBundle__tooltipBackground)
}

.has-tooltip:hover::after {
  content: attr(title)
}

[data-tooltip]:hover::after {
  content: attr(data-tooltip)
}

.zg-tooltip--copy {
  text-transform: uppercase;
  position: fixed;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 6
}

.h1,
h1,
.swagger-ui .models>h4 .models-control,
.swagger-ui .opblock-tag,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.zg-apigee-app-form__credential>.fieldset-legend,
.zg-apigee-app-form__details>.fieldset-legend,
.zg-panel__title,
aside nav .block-title,
.swagger-ui .opblock-section-header,
.swagger-ui .table-container h4,
.swagger-ui .responses-inner h4,
.caption,
caption,
.h5,
h5,
.zg-search-result ol li h3,
.h6,
h6 {
  text-transform: uppercase;
  color: #2d2926;
  color: var(--colorBundle__headings);
  word-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

.h1,
h1,
.swagger-ui .models>h4 .models-control,
.swagger-ui .opblock-tag {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

.h1,
h1,
.swagger-ui .models>h4 .models-control,
.swagger-ui .opblock-tag {
  font-size: 23.1px
}

@media screen and (min-width: 300px) {

  .h1,
  h1,
  .swagger-ui .models>h4 .models-control,
  .swagger-ui .opblock-tag {
    font-size: calc(23.1px + 9.9 * ((100vw - 300px) / 900))
  }
}

@media screen and (min-width: 1200px) {

  .h1,
  h1,
  .swagger-ui .models>h4 .models-control,
  .swagger-ui .opblock-tag {
    font-size: 33px
  }
}

.h1--page-title,
.h1--hero {
  position: relative;
  padding-left: 30px
}

.h1--hero {
  padding-left: 30px;
  position: relative;
  color: #2d2926;
  color: var(--colorBundle__headings);
  line-height: 1.14;
  margin-top: 1rem;
  margin-bottom: 1rem
}

.h1--hero::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  left: 0;
  height: 87.7192982456%;
  background: linear-gradient(to bottom, #00bc8c, #00a951)
}

.h1--hero {
  font-size: 36px
}

@media screen and (min-width: 300px) {
  .h1--hero {
    font-size: calc(36px + 24 * ((100vw - 300px) / 900))
  }
}

@media screen and (min-width: 1200px) {
  .h1--hero {
    font-size: 60px
  }
}

.h1--page-title {
  padding-left: 30px;
  position: relative;
  color: #2d2926;
  color: var(--colorBundle__headings)
}

.h1--page-title::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  left: 0;
  height: 62.5%;
  background: linear-gradient(to bottom, #00bc8c, #00a951)
}

.h1--page-title {
  font-size: 23.1px
}

@media screen and (min-width: 300px) {
  .h1--page-title {
    font-size: calc(23.1px + 9.9 * ((100vw - 300px) / 900))
  }
}

@media screen and (min-width: 1200px) {
  .h1--page-title {
    font-size: 33px
  }
}

.h1--section {
  position: relative;
  margin-bottom: 30px;
  padding-left: 30px;
  position: relative
}

.h1--section::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  left: 0;
  height: 62.5%;
  background: linear-gradient(to bottom, #00bc8c, #00a951)
}

.h2,
h2 {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal
}

.h2,
h2 {
  font-size: 18.9px
}

@media screen and (min-width: 300px) {

  .h2,
  h2 {
    font-size: calc(18.9px + 8.1 * ((100vw - 300px) / 900))
  }
}

@media screen and (min-width: 1200px) {

  .h2,
  h2 {
    font-size: 27px
  }
}

.h3,
h3 {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal
}

.h3,
h3 {
  font-size: 16.1px
}

@media screen and (min-width: 300px) {

  .h3,
  h3 {
    font-size: calc(16.1px + 6.9 * ((100vw - 300px) / 900))
  }
}

@media screen and (min-width: 1200px) {

  .h3,
  h3 {
    font-size: 23px
  }
}

.h4,
h4,
.zg-apigee-app-form__credential>.fieldset-legend,
.zg-apigee-app-form__details>.fieldset-legend,
.zg-panel__title,
aside nav .block-title,
.swagger-ui .opblock-section-header,
.swagger-ui .table-container h4,
.swagger-ui .responses-inner h4,
.caption,
caption {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal
}

.h4,
h4,
.zg-apigee-app-form__credential>.fieldset-legend,
.zg-apigee-app-form__details>.fieldset-legend,
.zg-panel__title,
aside nav .block-title,
.swagger-ui .opblock-section-header,
.swagger-ui .table-container h4,
.swagger-ui .responses-inner h4,
.caption,
caption {
  font-size: 19px
}

@media screen and (min-width: 300px) {

  .h4,
  h4,
  .zg-apigee-app-form__credential>.fieldset-legend,
  .zg-apigee-app-form__details>.fieldset-legend,
  .zg-panel__title,
  aside nav .block-title,
  .swagger-ui .opblock-section-header,
  .swagger-ui .table-container h4,
  .swagger-ui .responses-inner h4,
  .caption,
  caption {
    font-size: calc(19px + 0 * ((100vw - 300px) / 900))
  }
}

@media screen and (min-width: 1200px) {

  .h4,
  h4,
  .zg-apigee-app-form__credential>.fieldset-legend,
  .zg-apigee-app-form__details>.fieldset-legend,
  .zg-panel__title,
  aside nav .block-title,
  .swagger-ui .opblock-section-header,
  .swagger-ui .table-container h4,
  .swagger-ui .responses-inner h4,
  .caption,
  caption {
    font-size: 19px
  }
}

.h5,
h5,
.zg-search-result ol li h3 {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal
}

.h5,
h5,
.zg-search-result ol li h3 {
  font-size: 18px
}

@media screen and (min-width: 300px) {

  .h5,
  h5,
  .zg-search-result ol li h3 {
    font-size: calc(18px + 0 * ((100vw - 300px) / 900))
  }
}

@media screen and (min-width: 1200px) {

  .h5,
  h5,
  .zg-search-result ol li h3 {
    font-size: 18px
  }
}

.h6,
h6 {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal
}

.h6,
h6 {
  font-size: 16px
}

@media screen and (min-width: 300px) {

  .h6,
  h6 {
    font-size: calc(16px + 0 * ((100vw - 300px) / 900))
  }
}

@media screen and (min-width: 1200px) {

  .h6,
  h6 {
    font-size: 16px
  }
}

p {
  margin: 1rem 0
}

small,

.zg-panel__item .field__label,
.zg-panel__item label,
.zg-panel__label,
.text--small {
  color: #bababa;
  color: var(--colorBundle__smallText);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1
}

.swagger-ui .model-title,
.swagger-ui .models .no-margin .model-container div.model-box .prop-name,
.swagger-ui .models .no-margin .model-box .model .model-title__text,
.zg-apigee-app-form__products .fieldset-legend,
.text--lead {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-transform: none;
  color: #2d2926;
  color: var(--colorBundle__darkText)
}

[class^=feather-],
[class*=" feather-"] {
  font-size: 24px
}

a,
.link:not(.button),
.swagger-ui .modal-ux-content .scopes h2 a,
.link--only-hover {
  color: #00915a;
  color: var(--colorBundle__link);
  text-decoration: none;
  background-color: transparent;
  background-color: initial;
  border: none
}

a:hover,
a:focus,
.link:not(.button):hover,
.link:not(.button):focus,
.swagger-ui .modal-ux-content .scopes h2 a:hover,
.link--only-hover:hover,
.swagger-ui .modal-ux-content .scopes h2 a:focus,
.link--only-hover:focus {
  color: #00915a;
  color: var(--colorBundle__link);
  text-decoration: underline;
  outline: 0
}

a.is-active,
.link:not(.button).is-active,
.swagger-ui .modal-ux-content .scopes h2 a.is-active,
.is-active.link--only-hover {
  color: #00915a;
  color: var(--colorBundle__link)
}

.link--only-hover {
  color: inherit
}

.list,
.list ul,
.list ol {
  position: relative;
  padding-left: 2rem;
  list-style: none
}

.list>li,
.list ul>li,
.list ol>li {
  line-height: 20px
}

.list>li li,
.list ul>li li,
.list ol>li li {
  padding-left: .5rem
}

.list>li li li,
.list ul>li li li,
.list ol>li li li {
  padding-left: 1rem
}

.list>li::before,
.list ul>li::before,
.list ol>li::before {
  position: absolute;
  left: 0;
  margin-right: 6px;
  text-align: center;
  color: #009fb1;
  color: var(--colorBundle__formattedTextIndicator);
  display: inline-block;
  width: 2rem
}

.list--light,
.list--light ul,
.list--light ol,
.list ul--light,
.list ul--light ul,
.list ul--light ol,
.list ol--light,
.list ol--light ul,
.list ol--light ol {
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

.list--light>li::before,
.list--light ul>li::before,
.list--light ol>li::before,
.list ul--light>li::before,
.list ul--light ul>li::before,
.list ul--light ol>li::before,
.list ol--light>li::before,
.list ol--light ul>li::before,
.list ol--light ol>li::before {
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

ul.list>li::before,
ul.list ul>li::before {
  content: "•";
  font-size: 1.5rem;
  vertical-align: middle
}

ol.list,
ol.list ol {
  counter-reset: li
}

ol.list>li,
ol.list ol>li {
  counter-increment: li
}

ol.list>li::before,
ol.list ol>li::before {
  content: counters(li, ".") ".";
  font-weight: bold;
  line-height: 1.33rem;
  transform: translateY(20%)
}

ol.list.list--step-by-step {
  counter-reset: li;
  padding-left: 2.3rem
}

ol.list.list--step-by-step.list--light>li::before {
  color: #009fb1;
  color: var(--colorBundle__formattedTextIndicator);
  background-color: #ffffff;
  background-color: var(--colorBundle__utilityTextColor)
}

ol.list.list--step-by-step>li::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  content: counter(li);
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  background-color: #009fb1;
  background-color: var(--colorBundle__formattedTextIndicator);
  font-size: .8rem;
  margin-left: .33rem;
  margin-right: calc(0.33rem + 6px);
  width: 1.33rem;
  height: 1.33rem;
  border-radius: 50%
}

q,
.text--quote {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal;
  font-size: 20px
}

blockquote {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  border-left: 3px solid;
  margin-left: 0;
  padding-left: 1em;
  border-color: #009fb1;
  border-color: var(--colorBundle__formattedTextIndicator)
}

code,
.swagger-ui div.model-box,
.swagger-ui pre.microlight,
.swagger-ui textarea.curl,
.swagger-ui .highlighted-code pre,
.code {
  color: #2d2926;
  color: var(--colorBundle__text)
}

.swagger-ui div.model-box,
.swagger-ui pre.microlight,
.swagger-ui textarea.curl,
.swagger-ui .highlighted-code pre,
.code--block {
  display: block;
  padding: 2rem;
  background-color: #e9e9e9;
  background-color: var(--colorBundle__lightCodeBackground);
  white-space: pre-wrap
}

.code--dark {
  color: #ffffff;
  color: var(--colorBundle__lightText);
  background-color: #2d2926;
  background-color: var(--colorBundle__darkCodeBackground)
}

pre {
  display: block;
  padding: 15px;
  color: #2d2926;
  color: var(--colorBundle__text);
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
  background-color: #e9e9e9;
  background-color: var(--colorBundle__lightCodeBackground)
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0
}

.text--light {
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

.cke_editable .text--light,
.cke_editable .list--light {
  text-shadow: 1px 1px 0 #2d2926, -1px -1px 0 #2d2926, 1px -1px 0 #2d2926, -1px 1px 0 #2d2926;
  text-shadow: 1px 1px 0 var(--colorBundle__darkText), -1px -1px 0 var(--colorBundle__darkText), 1px -1px 0 var(--colorBundle__darkText), -1px 1px 0 var(--colorBundle__darkText)
}

.cke_editable .list--light,
.cke_editable .list--light li::before {
  text-shadow: 1px 1px 0 #2d2926, -1px -1px 0 #2d2926, 1px -1px 0 #2d2926, -1px 1px 0 #2d2926;
  text-shadow: 1px 1px 0 var(--colorBundle__darkText), -1px -1px 0 var(--colorBundle__darkText), 1px -1px 0 var(--colorBundle__darkText), -1px 1px 0 var(--colorBundle__darkText)
}

.text--dark {
  color: #2d2926;
  color: var(--colorBundle__darkText)
}

.version {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 0 .5rem;
  padding: .3rem .6rem .2rem;
  border-radius: .5rem;
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  background-color: #00a951;
  background-color: var(--colorBundle__versionBackground);
  vertical-align: top
}

.version>a {
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor)
}

.version>a:active,
.version>a:focus,
.version>a:hover {
  box-shadow: 0 12px 20px 0 var(--colorBundle__shadowDarker)
}

a>.version:active,
a>.version:focus,
a>.version:hover {
  box-shadow: 0 12px 20px 0 var(--colorBundle__shadowDarker);
  text-decoration: underline
}

.zg-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem
}

.zg-loader__spinner {
  width: 56px;
  height: 56px;
  border: 8px solid #ebebeb;
  border: 8px solid var(--colorBundle__divider);
  border-top-color: #00915a;
  border-top-color: var(--colorBundle__link);
  border-radius: 50%;
  position: relative;
  animation: loader-rotate 1s linear infinite
}

@keyframes loader-rotate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

#breadcrumbs {
  list-style: none;
  font-size: 12px;
  text-transform: uppercase
}

#breadcrumbs ul {
  padding-left: 0;
  margin: 0
}

#breadcrumbs ul>li {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 30px
}

#breadcrumbs ul>li a {
  color: #00915a;
  color: var(--colorBundle__link);
  padding: 1em .5em
}

#breadcrumbs ul>li:not(:last-of-type)::after {
  font-family: "feather";
  content: "";
  color: #bababa;
  color: var(--colorBundle__uiIcon)
}

#breadcrumbs ul>li:last-of-type {
  position: relative
}

#breadcrumbs ul>li:last-of-type::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(to right, #00bc8c, #00a951)
}

#breadcrumbs ul>li:last-of-type a {
  color: #bababa;
  color: var(--colorBundle__smallText)
}

.zg-breadcrumb--light #breadcrumbs ul>li a {
  color: #bababa;
  color: var(--colorBundle__smallText)
}

.zg-breadcrumb--light #breadcrumbs ul>li:not(:last-of-type)::after {
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

.zg-breadcrumb--light #breadcrumbs ul>li:last-of-type a {
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

.zg-card {
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 0;
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px var(--colorBundle__shadow);
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground)
}

.zg-card__body {
  flex: 1
}

.zg-card__header-image {
  margin: -30px -30px 0rem;
  height: 17rem
}

.zg-card__title {
  margin-bottom: 1rem
}

.zg-card__title a {
  color: #2d2926;
  color: var(--colorBundle__headings)
}

.zg-card--summary {
  background-clip: padding-box
}

.zg-card--summary .zg-card--summary__target {
  align-self: flex-start;
  justify-content: flex-start
}

.zg-card--quicklink {
  color: #2d2926;
  color: var(--colorBundle__text);
  height: 100%
}

@media(min-width: 900px) {
  .zg-card--quicklink {
    height: 27rem
  }
}

@media(min-width: 1200px) {
  .zg-card--quicklink {
    height: 32rem
  }

  .zg-card--quicklink:hover,
  .zg-card--quicklink:focus,
  .zg-card--quicklink:active {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px var(--colorBundle__shadow)
  }
}

.zg-card--quicklink p:first-child {
  margin-top: 0
}

.zg-card--quicklink__icon {
  border: 1px solid #ffffff;
  border: 1px solid var(--colorBundle__lightText)
}

.zg-card--quicklink__title {
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

.zg-card--quicklink__target,
.zg-card--quicklink__target a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
  transition: top .15s, bottom .15s
}

.zg-card--quicklink__target [class^=feather-] {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

.zg-card__author {
  margin-bottom: 1rem
}

[class*=col--]>.zg-card--summary:not(.layout-builder-block) {
  height: 100%
}

.zg-card__link {
  display: inline-block;
  position: relative;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  margin-top: 1.5rem;
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal
}

.zg-card__link:hover,
.zg-card__link:focus,
.zg-card__link:active {
  text-decoration: none
}

.zg-card__link:hover::before,
.zg-card__link:focus::before,
.zg-card__link:active::before {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(to right, #00bc8c, #00a951)
}

.zg-card__link--arrow {
  position: relative;
  padding-right: 32px
}

.zg-card__link--arrow::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-family: "feather";
  content: "";
  font-size: 2em;
  font-weight: normal
}

.zg-card__link--arrow:hover::before,
.zg-card__link--arrow:focus::before,
.zg-card__link--arrow:active::before {
  width: calc(100% - 32px)
}

#site-content .menu {
  font-family: BNPPSans;
  font-weight: 800;
  font-style: normal
}

.region--navigation {
  position: relative;
  height: 127px;
  z-index: 500;
  background-color: #ffffff;
  background-color: var(--colorBundle__navigationBackground)
}

.region--navigation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, var(--gradient__navigationOverlay))
}

.region--navigation .container {
  height: 100%
}

.region--navigation .container .navigation {
  position: relative
}

@media(min-width: 600px) {
  .region--navigation .container .navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%
  }
}

@media(min-width: 600px) {
  .region--navigation .container .navigation>nav {
    height: 100%
  }
}

.region--navigation .container .navigation>nav:first-of-type {
  margin-left: auto;
  padding-right: 1rem;
  position: relative
}

.region--navigation .container .navigation>nav:first-of-type::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 2rem;
  border-right: 3px solid;
  opacity: .3;
  border-color: #2d2926;
  border-color: var(--colorBundle__navigationItem)
}

.region--navigation .container .navigation>nav:nth-of-type(2) {
  margin-left: 1rem
}

.region--navigation .container .menu {
  list-style: none;
  margin: 0;
  padding: 0
}

@media(min-width: 600px) {

  .region--navigation .container .menu,
  .region--navigation .container .menu>* {
    height: 100%;
    display: flex;
    align-items: center
  }
}

.region--navigation .container .menu>li {
  font-size: 14px
}

.region--navigation .container .menu>li>a:not(.button) {
  padding: .5rem 1rem
}

@media(max-width: 599px) {
  .region--navigation .container .menu>li>a:not(.button) {
    display: block
  }
}

.region--navigation .container .menu>li>a {
  color: #2d2926;
  color: var(--colorBundle__navigationItem)
}

.region--navigation .container .menu>li>a.is-active,
.region--navigation .container .menu>li>a:active,
.region--navigation .container .menu>li>a:focus,
.region--navigation .container .menu>li>a:hover {
  color: #00915a;
  color: var(--colorBundle__navigationItemActive);
  text-decoration: none
}

.region--navigation .container .menu>li>a span {
  vertical-align: middle
}

.region--navigation .container .menu--main>li {
  position: relative
}

.region--navigation .container .menu--main>li>a.is-active::after,
.region--navigation .container .menu--main>li>a:active::after,
.region--navigation .container .menu--main>li>a:focus::after,
.region--navigation .container .menu--main>li>a:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #00bc8c, #00a951)
}

@media(max-width: 599px) {
  .region--navigation .container .menu--account a[href="/user/login"] {
    display: block;
    border: none;
    text-transform: none;
    padding: .75rem 1rem
  }
}

@media(min-width: 600px) {
  .region--navigation .container .menu--account a[href="/user/login"] {
    margin-left: 1rem
  }
}

@media(min-width: 600px) {
  .header-has-bg .region--header .block {
    position: relative
  }

  .header-has-bg .region--header::before {
    background-color: white;
    background-color: var(--colorBundle__navigationBackgroundHeaderHasBg)
  }

  .header-has-bg .region--navigation .background--navigation {
    background-color: white;
    background-color: var(--colorBundle__navigationBackgroundHeaderHasBg)
  }
}

@media(max-width: 599px) {
  .header-has-bg .region--header::before {
    background-color: #007265;
    background-color: var(--colorBundle__headerOverlayMobile)
  }
}

@media(min-width: 600px) {

  .region--navigation .menu__item-title,
  .region--navigation .navigation__buttons,
  .region--navigation .search-block-form {
    display: none
  }
}

@media(max-width: 599px) {
  .navigation__buttons {
    order: 1
  }

  .navigation__buttons button {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    outline: none;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center
  }

  .navigation__buttons button.navigation__toggle--search {
    position: relative
  }

  .navigation__buttons button.navigation__toggle--search::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 33.6px;
    border-right: 2px solid;
    opacity: .3;
    border-color: #2d2926;
    border-color: var(--colorBundle__navigationItem)
  }

  .navigation__buttons button.active {
    color: #00915a;
    color: var(--colorBundle__navigationItemActive)
  }

  .navigation__buttons button .navigation__toggle-icon--search {
    display: inline-block;
    height: 27.6px;
    width: 27.6px;
    border-radius: 0;
    transition: .3s;
    background: rgba(0, 0, 0, 0);
    transform: rotate(-135deg)
  }

  .navigation__buttons button .navigation__toggle-icon--search::before,
  .navigation__buttons button .navigation__toggle-icon--search::after {
    display: inline-block;
    transition: .3s;
    background: rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
  }

  .navigation__buttons button .navigation__toggle-icon--search::before {
    height: 3px;
    left: 0;
    background: #2d2926;
    background: var(--colorBundle__navigationItem);
    border-radius: 10%;
    width: 10px
  }

  .navigation__buttons button .navigation__toggle-icon--search::after {
    right: 0;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 3px solid;
    transform-origin: 50% 50%;
    border-color: #2d2926;
    border-color: var(--colorBundle__navigationItem)
  }

  .navigation__buttons button .navigation__toggle-icon--nav {
    position: relative;
    display: inline-block;
    height: 3px;
    width: 27.6px;
    border-radius: 10%;
    background: #2d2926;
    background: var(--colorBundle__navigationItem);
    transition: .3s
  }

  .navigation__buttons button .navigation__toggle-icon--nav::before,
  .navigation__buttons button .navigation__toggle-icon--nav::after {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    height: 3px;
    border-radius: 10%;
    transition: .3s;
    background: #2d2926;
    background: var(--colorBundle__navigationItem);
    transform-origin: 50% 50%;
    width: 100%
  }

  .navigation__buttons button .navigation__toggle-icon--nav::before {
    top: 250%
  }

  .navigation__buttons button .navigation__toggle-icon--nav::after {
    top: -250%
  }

  .navigation__buttons button.active .navigation__toggle-icon--search::before,
  .navigation__buttons button.active .navigation__toggle-icon--search::after {
    border-radius: 10%;
    background: #00915a;
    background: var(--colorBundle__navigationItemActive);
    width: 100%
  }

  .navigation__buttons button.active .navigation__toggle-icon--search::after {
    height: 3px;
    border: 0;
    transform: rotate3d(0, 0, 1, 90deg)
  }

  .navigation__buttons button.active .navigation__toggle-icon--nav {
    transform: scale3d(0.8, 0.8, 0.8);
    background: rgba(0, 0, 0, 0)
  }

  .navigation__buttons button.active .navigation__toggle-icon--nav::before,
  .navigation__buttons button.active .navigation__toggle-icon--nav::after {
    top: 0;
    width: 36px;
    height: 4px;
    background: #00915a;
    background: var(--colorBundle__navigationItemActive)
  }

  .navigation__buttons button.active .navigation__toggle-icon--nav::before {
    transform: rotate3d(0, 0, 1, 45deg)
  }

  .navigation__buttons button.active .navigation__toggle-icon--nav::after {
    transform: rotate3d(0, 0, 1, -45deg)
  }

  .region--navigation {
    height: 75px
  }

  .region--navigation #navigation .block--system-branding-block,
  .region--navigation #navigation .navigation__buttons {
    height: 75px;
    display: flex;
    align-items: center
  }

  .region--navigation #navigation .navigation {
    display: flex;
    height: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px
  }

  .region--navigation #navigation .navigation [data-route="search.view"],
  .region--navigation #navigation .navigation .menu__item-icon {
    display: none
  }

  .region--navigation #navigation .navigation .block--system-branding-block img {
    height: 37.5px;
    margin-left: 15px
  }

  .region--navigation #navigation .navigation nav {
    width: 75%;
    margin-left: auto;
    transform: scaleX(0);
    transform-origin: right;
    background-color: #f7f7f7;
    background-color: var(--colorBundle__pageBackground);
    order: 2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px var(--colorBundle__shadow);
    transition: all .5s;
    opacity: 0
  }

  .region--navigation #navigation .navigation nav:not(:last-of-type) {
    border-bottom: 2px solid;
    border-color: #ebebeb;
    border-color: var(--colorBundle__divider)
  }

  .region--navigation #navigation .navigation nav>.menu>li>a:not(.button) {
    padding: .75rem 1rem
  }

  .region--navigation #navigation .navigation nav>.menu>li>a {
    color: #00915a;
    color: var(--colorBundle__link);
    font-size: 14px
  }

  .region--navigation #navigation .navigation nav>.menu>li>a:active::after,
  .region--navigation #navigation .navigation nav>.menu>li>a:active::before,
  .region--navigation #navigation .navigation nav>.menu>li>a:focus::after,
  .region--navigation #navigation .navigation nav>.menu>li>a:focus::before,
  .region--navigation #navigation .navigation nav>.menu>li>a:hover::after,
  .region--navigation #navigation .navigation nav>.menu>li>a:hover::before {
    content: none
  }

  .region--navigation #navigation .navigation nav.open {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes search-bar-open-zindex {
  0% {
    z-index: -1
  }

  99% {
    z-index: -1
  }

  100% {
    z-index: 0
  }
}

@keyframes search-bar-close-zindex {
  0% {
    z-index: 0
  }

  1% {
    z-index: -1
  }

  100% {
    z-index: -1
  }
}

.navigation .search-block-form {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: translateY(0);
  transition: all .5s;
  opacity: 0;
  z-index: -1;
  animation: search-bar-close-zindex .5s
}

.navigation .search-block-form.open {
  transform: translateY(100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px var(--colorBundle__shadow);
  opacity: 1;
  z-index: 1;
  animation: search-bar-open-zindex .5s
}

.navigation .search-block-form .zg-search {
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground)
}

.pager {
  font-size: 14px;
  margin-top: 3rem;
  border-top: 1px solid;
  border-color: #ebebeb;
  border-color: var(--colorBundle__divider)
}

.pager ul {
  list-style-image: none;
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
  margin: 0
}

.pager ul li {
  padding: .65rem 1.15rem .3rem
}

.pager ul li a {
  color: #2d2926;
  color: var(--colorBundle__headings);
  opacity: .5
}

.pager ul li.is-active {
  background-color: #00915a;
  box-shadow: 0 12px 20px 0 var(--colorBundle__shadowDarker)
}

.pager ul li.is-active a {
  opacity: 1
}

.pager ul li.pager__item--previous a,
.pager ul li.pager__item--first a,
.pager ul li.pager__item--next a,
.pager ul li.pager__item--last a {
  opacity: 1
}

.pager ul li.pager__item--previous a:hover,
.pager ul li.pager__item--previous a:active,
.pager ul li.pager__item--previous a:visited,
.pager ul li.pager__item--previous a:focus,
.pager ul li.pager__item--first a:hover,
.pager ul li.pager__item--first a:active,
.pager ul li.pager__item--first a:visited,
.pager ul li.pager__item--first a:focus,
.pager ul li.pager__item--next a:hover,
.pager ul li.pager__item--next a:active,
.pager ul li.pager__item--next a:visited,
.pager ul li.pager__item--next a:focus,
.pager ul li.pager__item--last a:hover,
.pager ul li.pager__item--last a:active,
.pager ul li.pager__item--last a:visited,
.pager ul li.pager__item--last a:focus {
  text-decoration: none
}

.search-form .form-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end
}

.search-form .form-wrapper .form-item {
  margin-bottom: 0
}

.search-form .form-wrapper .button {
  width: auto
}

.search-form .form-wrapper #edit-keys {
  border-right: 0
}

.ui-autocomplete {
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  border: 1px solid #ebebeb;
  border: 1px solid var(--colorBundle__divider)
}

@media(min-width: 900px) {
  .search-block-form {
    margin-left: auto;
    margin-right: auto
  }
}

.zg-search {
  display: flex;
  padding: 2rem 1rem
}

.zg-search .form-item {
  flex: 1 0 auto
}

.zg-search .form-actions {
  margin-top: 0
}

@media(max-width: 1199px) {
  .search-submit-wrapper {
    position: relative
  }

  .search-submit-wrapper::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-family: "feather";
    content: "";
    font-size: 24px;
    width: 46px;
    height: 46px;
    color: #ffffff;
    color: var(--colorBundle__primaryButton);
    background-color: #00915a;
    background-color: var(--colorBundle__primaryButtonBackground)
  }

  .search-submit-wrapper:hover::before {
    color: #ffffff;
    color: var(--colorBundle__primaryButton);
    box-shadow: 0 12px 20px 0 var(--colorBundle__shadowDarker)
  }

  .zg-search__submit {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    min-width: 0;
    min-width: initial
  }
}

aside nav {
  position: relative;
  z-index: 1
}

aside nav .block-title {
  margin-top: 22px;
  margin-bottom: 22px
}

aside nav>ul>li>a {
  padding-left: 20px
}

aside nav>ul>li>ul>li>a {
  padding-left: 40px
}

aside nav>ul>li>ul>li>ul>li>a {
  padding-left: 60px
}

aside nav>ul>li>ul>li>ul>li>ul>li>a {
  padding-left: 80px
}

aside nav>ul>li>ul>li>ul>li>ul>li>ul>li>a {
  padding-left: 100px
}

aside nav ul {
  margin-top: 0
}

aside nav ul li {
  border-top: 1px solid;
  border-color: #2d2926;
  border-color: var(--colorBundle__footerBackground)
}

aside nav>ul ul:not(.ip-navigation)>li>a::after {
  font-family: "feather";
  content: "";
  font-size: 24px;
  color: #bababa;
  color: var(--colorBundle__uiIcon);
  line-height: 1;
  margin-left: .5rem
}

aside nav>ul:first-of-type>li {
  text-transform: none
}

aside nav ul {
  list-style: none;
  padding-left: 0
}

aside nav ul>li {
  text-transform: none;
  font-size: 14px
}

aside nav ul>li.is-expanded>a {
  color: #2d2926;
  color: var(--colorBundle__headings)
}

aside nav ul>li.in-active-trail {
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px var(--colorBundle__shadow);
  border: none
}

aside nav ul>li.in-active-trail>a {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px var(--colorBundle__shadow)
}

aside nav ul>li.in-active-trail>ul>li:not(.ip-navigation-item)>a {
  border-bottom: 1px solid;
  border-color: #2d2926;
  border-color: var(--colorBundle__footerBackground)
}

aside nav ul>li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: .75rem;
  color: #2d2926;
  color: var(--colorBundle__text)
}

aside nav ul>li a.is-active {
  color: #2d2926;
  color: var(--colorBundle__headings)
}

aside nav ul>li a:active,
aside nav ul>li a:hover,
aside nav ul>li a:focus {
  color: #2d2926;
  color: var(--colorBundle__headings);
  text-decoration: none
}

aside nav ul>li.ip-navigation-item {
  border-top: none
}

aside nav ul>li.ip-navigation-item a {
  -o-border-image: none;
  border-image: none;
  border-left: 1px solid;
  padding-left: 24px;
  margin-left: 20px;
  border-color: #2d2926;
  border-color: var(--colorBundle__footerBackground)
}

aside nav ul>li.ip-navigation-item a.is-active {
  padding-left: 20px;
  border-style: solid;
  border-width: 0 0 0 5px;
  -o-border-image: linear-gradient(to bottom, #00915a, #00915a) 1;
  border-image: linear-gradient(to bottom, #00915a, #00915a) 1;
  -o-border-image: linear-gradient(to bottom, var(--colorBundle__secondaryButtonBorder)) 1;
  border-image: linear-gradient(to bottom, var(--colorBundle__secondaryButtonBorder)) 1
}

.site-branding {
  display: flex;
  flex-flow: column nowrap
}

.site-branding__logo img {
  width: 180px;
}

.site-branding__name {
  font-size: 30px;
  text-transform: uppercase
}

.site-branding__slogan {
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

.block--about-us-block .about-us {
  padding-bottom: 30px
}

.block--about-us-block .site-branding__name {
  font-size: 18px
}

.block--about-us-block .site-branding__slogan {
  color: #000
}

.zg-tabs,
.swagger-ui .tab,
.tabs {
  list-style: none;
  padding-left: 0
}

@media(min-width: 600px) {

  .swagger-ui .tab .tabitem,
  .zg-tabs--primary>li,
  .tabs--primary>li {
    display: inline-block
  }
}

.swagger-ui .tab .tabitem.active .tablinks,
.swagger-ui .tab .tabitem .active.tablinks,
.zg-tabs--primary>li>a.active,
.zg-tabs--primary>li>button.active,
.tabs--primary>li>a.active,
.tabs--primary>li>button.active,
.swagger-ui .tab .tabitem .is-active.tablinks,
.zg-tabs--primary>li>a.is-active,
.zg-tabs--primary>li>button.is-active,
.tabs--primary>li>a.is-active,
.tabs--primary>li>button.is-active,
.swagger-ui .tab .tabitem .zg-active.tablinks,
.zg-tabs--primary>li>a.zg-active,
.zg-tabs--primary>li>button.zg-active,
.tabs--primary>li>a.zg-active,
.tabs--primary>li>button.zg-active,
.swagger-ui .tab .tabitem .tablinks:active,
.zg-tabs--primary>li>a:active,
.zg-tabs--primary>li>button:active,
.tabs--primary>li>a:active,
.tabs--primary>li>button:active,
.swagger-ui .tab .tabitem .tablinks:hover,
.zg-tabs--primary>li>a:hover,
.zg-tabs--primary>li>button:hover,
.tabs--primary>li>a:hover,
.tabs--primary>li>button:hover {
  opacity: 1;
  color: #2d2926;
  color: var(--colorBundle__headings)
}

.swagger-ui .tab .tabitem.active .tablinks::after,
.swagger-ui .tab .tabitem .active.tablinks::after,
.zg-tabs--primary>li>a.active::after,
.zg-tabs--primary>li>button.active::after,
.tabs--primary>li>a.active::after,
.tabs--primary>li>button.active::after,
.swagger-ui .tab .tabitem .is-active.tablinks::after,
.zg-tabs--primary>li>a.is-active::after,
.zg-tabs--primary>li>button.is-active::after,
.tabs--primary>li>a.is-active::after,
.tabs--primary>li>button.is-active::after,
.swagger-ui .tab .tabitem .zg-active.tablinks::after,
.zg-tabs--primary>li>a.zg-active::after,
.zg-tabs--primary>li>button.zg-active::after,
.tabs--primary>li>a.zg-active::after,
.tabs--primary>li>button.zg-active::after,
.swagger-ui .tab .tabitem .tablinks:active::after,
.zg-tabs--primary>li>a:active::after,
.zg-tabs--primary>li>button:active::after,
.tabs--primary>li>a:active::after,
.tabs--primary>li>button:active::after,
.swagger-ui .tab .tabitem .tablinks:hover::after,
.zg-tabs--primary>li>a:hover::after,
.zg-tabs--primary>li>button:hover::after,
.tabs--primary>li>a:hover::after,
.tabs--primary>li>button:hover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1.5rem;
  right: 1.5rem;
  height: 4px;
  background: linear-gradient(to right, #00bc8c, #00a951)
}

.swagger-ui .tab .tabitem .tablinks,
.zg-tabs--primary>li>a,
.zg-tabs--primary>li>button,
.tabs--primary>li>a,
.tabs--primary>li>button {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal;
  color: #2d2926;
  color: var(--colorBundle__headings);
  padding: 1rem 1.5rem;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  opacity: .5
}

.swagger-ui .tab .tabitem .tablinks:active,
.zg-tabs--primary>li>a:active,
.zg-tabs--primary>li>button:active,
.tabs--primary>li>a:active,
.tabs--primary>li>button:active,
.swagger-ui .tab .tabitem .tablinks:hover,
.zg-tabs--primary>li>a:hover,
.zg-tabs--primary>li>button:hover,
.tabs--primary>li>a:hover,
.tabs--primary>li>button:hover {
  text-decoration: none
}

.swagger-ui .tab .tabitem .tablinks:visited,
.zg-tabs--primary>li>a:visited,
.zg-tabs--primary>li>button:visited,
.tabs--primary>li>a:visited,
.tabs--primary>li>button:visited {
  color: #2d2926;
  color: var(--colorBundle__headings)
}

.zg-tabs--primary,
.tabs--primary {
  text-transform: uppercase;
  margin-bottom: 3rem;
  border-bottom: 1px solid;
  border-color: #ebebeb;
  border-color: var(--colorBundle__divider)
}

@media(min-width: 600px) {

  .zg-tabs--primary,
  .tabs--primary {
    display: flex;
    justify-content: center
  }
}

.zg-tabs--secondary>li,
.tabs--secondary>li {
  background-color: #f7f7f7;
  background-color: var(--colorBundle__pageBackground);
  opacity: .5
}

.zg-tabs--secondary>li:hover,
.tabs--secondary>li:hover,
.zg-tabs--secondary>li:focus,
.tabs--secondary>li:focus,
.zg-tabs--secondary>li:active,
.tabs--secondary>li:active {
  opacity: 1
}

.zg-tabs--secondary>li.active,
.tabs--secondary>li.active,
.zg-tabs--secondary>li.is-active,
.tabs--secondary>li.is-active,
.zg-tabs--secondary>li.zg-active,
.tabs--secondary>li.zg-active {
  background-color: #f7f7f7;
  background-color: var(--colorBundle__pageBackground);
  opacity: 1
}

.zg-tabs--secondary>li.active a,
.tabs--secondary>li.active a,
.zg-tabs--secondary>li.active button,
.tabs--secondary>li.active button,
.zg-tabs--secondary>li.is-active a,
.tabs--secondary>li.is-active a,
.zg-tabs--secondary>li.is-active button,
.tabs--secondary>li.is-active button,
.zg-tabs--secondary>li.zg-active a,
.tabs--secondary>li.zg-active a,
.zg-tabs--secondary>li.zg-active button,
.tabs--secondary>li.zg-active button {
  color: #2d2926;
  color: var(--colorBundle__headings)
}

@media(min-width: 600px) {

  .zg-tabs--secondary>li,
  .tabs--secondary>li {
    display: inline-block
  }

  .zg-tabs--secondary>li:not(:last-child),
  .tabs--secondary>li:not(:last-child) {
    margin-right: 1px
  }
}

.zg-tabs--secondary>li>a,
.zg-tabs--secondary>li>button,
.tabs--secondary>li>a,
.tabs--secondary>li>button {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal;
  color: #2d2926;
  color: var(--colorBundle__headings);
  padding: 16px 30px;
  display: inline-block;
  line-height: 16px;
  position: relative;
  cursor: pointer
}

.zg-tabs--secondary>li>a:hover,
.zg-tabs--secondary>li>button:hover,
.tabs--secondary>li>a:hover,
.tabs--secondary>li>button:hover,
.zg-tabs--secondary>li>a:focus,
.zg-tabs--secondary>li>button:focus,
.tabs--secondary>li>a:focus,
.tabs--secondary>li>button:focus,
.zg-tabs--secondary>li>a:active,
.zg-tabs--secondary>li>button:active,
.tabs--secondary>li>a:active,
.tabs--secondary>li>button:active {
  text-decoration: none
}

.zg-tabs--secondary,
.tabs--secondary {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0
}

@media(min-width: 600px) {

  .zg-tabs--secondary,
  .tabs--secondary {
    display: flex;
    justify-content: flex-start
  }
}

.tags li>*,
.tag {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: .5rem .5rem .5rem 0;
  padding: .5rem 1rem;
  border-radius: 20px;
  border: 1px solid;
  text-transform: uppercase;
  color: #ffffff;
  color: var(--colorBundle__tagLabel);
  border-color: #bababa;
  border-color: var(--colorBundle__tagBorder);
  background-color: #bababa;
  background-color: var(--colorBundle__tagBackground)
}

.tags li>*>a,
.tag>a {
  color: #ffffff;
  color: var(--colorBundle__tagLabel)
}

.tags li>*>a:active,
.tags li>*>a:focus,
.tags li>*>a:hover,
.tag>a:active,
.tag>a:focus,
.tag>a:hover {
  box-shadow: 0 12px 20px 0 var(--colorBundle__shadowDarker)
}

a>.tag:active,
a>.tag:focus,
a>.tag:hover {
  box-shadow: 0 12px 20px 0 var(--colorBundle__shadowDarker);
  text-decoration: underline
}

.tags {
  list-style: none;
  margin: -0.5rem 0;
  padding: 0
}

.tags li {
  display: inline-block
}

.block--api-header-block .tags {
  margin-bottom: 1.5rem
}

.ui-accordion-header {
  font-family: BNPPSans;
  font-weight: 800;
  font-style: normal;
  display: flex;
  align-items: center;
  padding: 12px 20px;
  border-top: 1px solid #ebebeb;
  border-top: 1px solid var(--colorBundle__divider);
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  color: #2d2926;
  color: var(--colorBundle__text);
  font-size: 14px;
  cursor: pointer
}

.ui-accordion-header>*:last-child {
  margin-left: auto
}

.ui-accordion-header [class^=feather-],
.ui-accordion-header [class*=" feather-"] {
  color: #bababa;
  color: var(--colorBundle__uiIcon)
}

.ui-accordion-header:focus {
  outline: none
}

.ui-accordion-header-active {
  border-top: none;
  color: #2d2926;
  color: var(--colorBundle__headings);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px var(--colorBundle__shadow);
  position: relative;
  z-index: 2
}

.ui-accordion-header-active .ui-accordion-toggle {
  transform: rotateX(180deg);
  transition: transform .15s linear
}

.ui-accordion-header-active .ui-accordion-toggle,
.ui-accordion-header-active .ui-accordion-toggle * {
  color: #00915a;
  color: var(--colorBundle__uiIconActive)
}

.ui-accordion-toggle {
  line-height: 1;
  transform: rotateX(0);
  transition: transform .15s linear
}

.ui-accordion-content {
  position: relative;
  padding: 1rem 2.5rem;
  border: none;
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  color: #2d2926;
  color: var(--colorBundle__text);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px var(--colorBundle__shadow)
}

.ui-accordion-quicklink {
  margin-left: 1rem;
  line-height: 1
}

.ui-accordion-quicklink:active,
.ui-accordion-quicklink:focus,
.ui-accordion-quicklink:hover {
  text-decoration: none
}

.ui-accordion-quicklink:active span,
.ui-accordion-quicklink:focus span,
.ui-accordion-quicklink:hover span {
  color: #00915a;
  color: var(--colorBundle__uiIconActive)
}

.zg-accordion--active .zg-accordion__header {
  border-top: none;
  color: #2d2926;
  color: var(--colorBundle__headings);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px var(--colorBundle__shadow);
  position: relative;
  z-index: 2
}

.zg-accordion--active .zg-accordion__toggle {
  color: #00915a;
  color: var(--colorBundle__uiIconActive);
  transform: rotateX(180deg);
  transition: transform .15s linear
}

.zg-accordion__header {
  font-family: BNPPSans;
  font-weight: 800;
  font-style: normal;
  display: flex;
  align-items: center;
  padding: 12px 20px;
  border-top: 1px solid #ebebeb;
  border-top: 1px solid var(--colorBundle__divider);
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  color: #2d2926;
  color: var(--colorBundle__text);
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  z-index: 1
}

.zg-accordion__header:hover,
.zg-accordion__header:focus,
.zg-accordion__header:active {
  text-decoration: none;
  color: #2d2926;
  color: var(--colorBundle__headings)
}

.zg-accordion__header:focus {
  outline: none
}

.zg-accordion__body {
  position: relative;
  padding: 1rem 2.5rem;
  border: none;
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  color: #2d2926;
  color: var(--colorBundle__text);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px var(--colorBundle__shadow)
}

.zg-accordion__toggle,
.zg-accordion__quicklink {
  color: #bababa;
  color: var(--colorBundle__uiIcon);
  line-height: 1
}

.zg-accordion__toggle {
  transform: rotateX(0);
  transition: transform .15s linear;
  margin-left: auto
}

.zg-accordion__toggle::before {
  content: "";
  font-size: 24px;
  font-family: "feather"
}

.zg-accordion__quicklink {
  font-size: 0;
  margin-left: 1rem;
  padding: 0;
  position: relative;
  z-index: 2
}

.zg-accordion__copy-icon::before {
  content: "";
  font-size: 24px;
  font-family: "feather"
}

.zg-accordion__copy-icon:active,
.zg-accordion__copy-icon:focus,
.zg-accordion__copy-icon:hover {
  color: #00915a;
  color: var(--colorBundle__uiIconActive)
}

.has-sidebar article.full,
.zg-apigee-app-form__credential,
.zg-apigee-app-form__details,
.zg-panel {
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px var(--colorBundle__shadow);
  border: none;
  position: relative;
  padding: 1.5rem 2rem
}

.has-sidebar article.full:last-child,
.zg-apigee-app-form__credential:last-child,
.zg-apigee-app-form__details:last-child,
.zg-panel:last-child {
  margin-bottom: 1.5rem
}

.has-sidebar article.full+.zg-panel,
.zg-apigee-app-form__credential+.zg-panel,
.zg-apigee-app-form__details+.zg-panel,
.zg-panel+.zg-panel {
  margin-top: 1.5rem
}

.zg-apigee-app-form__credential>.fieldset-legend,
.zg-apigee-app-form__details>.fieldset-legend,
.zg-panel__title {
  display: block;
  margin: -1.5rem -2rem 1.5rem;
  padding: 1.5rem 2rem;
  background-color: #e9e9e9;
  background-color: var(--colorBundle__sectionBackground)
}

.zg-panel__item {
  border-bottom: 1px solid;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-color: #ebebeb;
  border-color: var(--colorBundle__divider)
}

.zg-panel__item .field__label,
.zg-panel__item label {
  display: block
}

@media(min-width: 600px) {
  .zg-panel__items {
    display: flex;
    flex-wrap: wrap
  }

  .zg-panel__items>* {
    flex-grow: 1;
    flex-shrink: 0
  }
}

@media(min-width: 600px)and (min-width: 600px) {
  .zg-panel__items>* {
    flex-basis: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem)
  }

  .zg-panel__items>*:nth-child(odd):not(:last-child) {
    margin-right: 3rem
  }
}

.swagger-ui .dialog-ux,
.zg-dialog {
  position: fixed;
  z-index: 9997;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.ui-widget-overlay,
.swagger-ui .backdrop-ux,
.zg-backdrop {
  z-index: 9998;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--colorBundle__backdropBackground)
}

.ui-dialog,
.swagger-ui .modal-ux,
.zg-modal {
  background-color: #e9e9e9;
  background-color: var(--colorBundle__sectionBackground);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px var(--colorBundle__shadow);
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 100%;
  min-width: 300px;
  max-width: 650px;
  transform: translate(-50%, -50%)
}

.ui-dialog,
.swagger-ui .modal-ux-content,
.zg-modal__content {
  overflow-y: auto;
  max-height: 540px;
  padding: 0 20px
}

.zg-operations {
  list-style: none;
  display: flex;
  align-items: center
}

.zg-operations a {
  text-decoration: none;
  color: #bababa;
  color: var(--colorBundle__uiIcon)
}

.zg-operations a:hover,
.zg-operations a:active,
.zg-operations a:focus {
  color: #00915a;
  color: var(--colorBundle__uiIconActive)
}

.zg-operations>*+* {
  margin-left: 1rem
}

ul.zg-operations {
  padding: 0;
  margin: 0
}

.zg-about-us__text {
  margin-bottom: 2rem
}

.zg-about-us__logo {
  background-image: url(../images/02635caa4581bde4802d.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  max-width: 240px;
  height: 34px
}

.zg-contact__social-media {
  display: flex;
  margin-top: 1rem
}

.zg-summary__icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 74px;
  margin-bottom: 1rem;
  border-radius: 50%;
  background-color: #00915a;
  background-color: var(--colorBundle__uiIconActive);
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

.zg-summary__icon::before {
  content: ""
}

.zg-info__address-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem
}

.zg-info__icon {
  margin-right: 1rem
}

.zg-info__icon--residence::before {
  content: ""
}

.zg-info__icon--phone::before {
  content: ""
}

.zg-info__icon--email::before {
  content: ""
}

.zg-info__social-media {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  border-top: 1px solid #ebebeb;
  border-top: 1px solid var(--colorBundle__divider);
  margin-top: 1rem
}

.zg-social-media__icon {
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

.zg-social-media__icon--facebook {
  background-image: url(../images/4f3ca214afca92696137.svg)
}

.zg-social-media__icon--twitter {
  background-image: url(../images/8189d898263257455b58.svg)
}

.zg-social-media__icon--linkedin {
  background-image: url(../images/51982db0236cab6c9779.svg)
}

.zg-social-media__icon--github {
  background-image: url(../images/035129dc6458892d8e65.svg)
}

.zg-social-media__link:not(:last-of-type) {
  margin-right: 1rem
}

.region--bottom-navigation>.container {
  display: flex;
  flex-direction: column;
  padding-top: 70px;
  padding-bottom: 60px
}

@media(min-width: 600px) {
  .region--bottom-navigation>.container {
    flex-direction: row
  }
}

.region--bottom-navigation>.container p {
  margin: .25em 0
}

.region--bottom-navigation>.container ul>li>a {
  display: inline-block;
  margin: .25em 0
}

.region--bottom-navigation>.container>* {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  padding: 0 30px;
  border-left: 1px solid #2d2926;
  border-left: 1px solid var(--colorBundle__footerBackground);
  margin-bottom: 30px;
  position: relative
}

.region--bottom-navigation>.container>*:last-child {
  margin-bottom: 0
}

@media(min-width: 600px) {
  .region--bottom-navigation>.container>* {
    margin: 0
  }
}

.region--bottom-navigation>.container>* .block-title {
  padding-left: 25px;
  position: relative;
  display: flex;
  align-items: center;
  left: -30px;
  font-size: 18px;
  margin-bottom: 15px
}

.region--bottom-navigation>.container>* .block-title::before {
  content: "";
  position: relative;
  width: 5px;
  left: -25px;
  height: 45px;
  background: linear-gradient(to bottom, #00bc8c, #00a951)
}

.container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 15px;
  padding-right: 15px
}

@media(min-width: 600px) {
  .container {
    max-width: 1280px
  }
}

.region--content.has-ip-navigation {
  display: flex;
  flex-wrap: wrap
}

.region--content.has-ip-navigation>* {
  flex-basis: 100%
}

.region--content.has-ip-navigation .block--in-page-navigation {
  border-left: 1px solid;
  border-color: #2d2926;
  border-color: var(--colorBundle__footerBackground);
  margin-right: 40px;
  flex-basis: auto;
  height: 100%;
  overflow-y: visible;
  overflow-y: initial
}

@media(max-width: 599px) {
  .region--content.has-ip-navigation .block--in-page-navigation {
    display: none
  }
}

.region--content.has-ip-navigation .block--in-page-navigation ul.ip-navigation {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal;
  border-top: none;
  padding-left: 0;
  margin-top: 0;
  text-transform: uppercase
}

.region--content.has-ip-navigation .block--in-page-navigation ul.ip-navigation>li.ip-navigation-item {
  display: flex;
  width: 2.5rem
}

.region--content.has-ip-navigation .block--in-page-navigation ul.ip-navigation>li.ip-navigation-item a {
  writing-mode: vertical-lr;
  text-decoration: none;
  border-left: none;
  margin-left: 0;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  display: block;
  white-space: nowrap;
  color: #2d2926;
  color: var(--colorBundle__headings);
  text-transform: uppercase;
  opacity: .5
}

.region--content.has-ip-navigation .block--in-page-navigation ul.ip-navigation>li.ip-navigation-item a:hover,
.region--content.has-ip-navigation .block--in-page-navigation ul.ip-navigation>li.ip-navigation-item a:visited,
.region--content.has-ip-navigation .block--in-page-navigation ul.ip-navigation>li.ip-navigation-item a:active {
  text-decoration: none;
  color: #2d2926;
  color: var(--colorBundle__headings);
  opacity: 1
}

.region--content.has-ip-navigation .block--in-page-navigation ul.ip-navigation>li.ip-navigation-item a.is-active {
  opacity: 1;
  padding-left: 10px;
  border-width: 0 0 0 5px;
  border-style: solid;
  color: #2d2926;
  color: var(--colorBundle__headings);
  -o-border-image: linear-gradient(to bottom, #00915a, #00915a) 1;
  border-image: linear-gradient(to bottom, #00915a, #00915a) 1;
  -o-border-image: linear-gradient(to bottom, var(--colorBundle__secondaryButtonBorder)) 1;
  border-image: linear-gradient(to bottom, var(--colorBundle__secondaryButtonBorder)) 1
}

.region--content.has-ip-navigation .block--system-main-block {
  flex-grow: 1;
  flex-shrink: 1;
  width: 0
}

@media(min-width: 600px) {
  .region--content.has-ip-navigation .block--system-main-block {
    flex-basis: 0;
    width: auto
  }
}

.region--footer .container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-top: 10px;
  padding-bottom: 10px
}

.region--footer .container .zg-copyright,
.region--footer .container .copyright {
  padding-left: 1rem
}

@media(min-width: 600px) {
  .region--footer .container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
  }

  .region--footer .container .zg-copyright,
  .region--footer .container .copyright {
    padding: 0
  }
}

.region--footer .container .menu {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0
}

.region--footer .container .menu>li a {
  padding: .5rem 1rem
}

.grid {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-left: -15px;
  margin-right: -15px
}

.grid>[class*=col] {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%
}

.col--1 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%
}

.col--2 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%
}

.col--3 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 25%;
  max-width: 25%
}

.col--4 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%
}

.col--5 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%
}

.col--6 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  max-width: 50%
}

.col--7 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%
}

.col--8 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%
}

.col--9 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 75%;
  max-width: 75%
}

.col--10 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%
}

.col--11 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%
}

.col--12 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  max-width: 100%
}

.grid--1>[class*=col--]:nth-child(n+2) {
  margin-top: 30px
}

.grid--2>[class*=col--]:nth-child(n+3) {
  margin-top: 30px
}

.grid--3>[class*=col--]:nth-child(n+4) {
  margin-top: 30px
}

.grid--4>[class*=col--]:nth-child(n+5) {
  margin-top: 30px
}

.grid--5>[class*=col--]:nth-child(n+6) {
  margin-top: 30px
}

.grid--6>[class*=col--]:nth-child(n+7) {
  margin-top: 30px
}

.grid--7>[class*=col--]:nth-child(n+8) {
  margin-top: 30px
}

.grid--8>[class*=col--]:nth-child(n+9) {
  margin-top: 30px
}

.grid--9>[class*=col--]:nth-child(n+10) {
  margin-top: 30px
}

.grid--10>[class*=col--]:nth-child(n+11) {
  margin-top: 30px
}

.grid--11>[class*=col--]:nth-child(n+12) {
  margin-top: 30px
}

.grid--12>[class*=col--]:nth-child(n+13) {
  margin-top: 30px
}

@media(max-width: 599px) {
  .col--mobile-only {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
  }

  .col--mobile-only--1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col--mobile-only--2 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col--mobile-only--3 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%
  }

  .col--mobile-only--4 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col--mobile-only--5 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col--mobile-only--6 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%
  }

  .col--mobile-only--7 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col--mobile-only--8 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col--mobile-only--9 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%
  }

  .col--mobile-only--10 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col--mobile-only--11 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col--mobile-only--12 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%
  }

  .grid--mobile-only--1>[class*=col--]:nth-child(n+2) {
    margin-top: 30px
  }

  .grid--mobile-only--2>[class*=col--]:nth-child(n+3) {
    margin-top: 30px
  }

  .grid--mobile-only--3>[class*=col--]:nth-child(n+4) {
    margin-top: 30px
  }

  .grid--mobile-only--4>[class*=col--]:nth-child(n+5) {
    margin-top: 30px
  }

  .grid--mobile-only--5>[class*=col--]:nth-child(n+6) {
    margin-top: 30px
  }

  .grid--mobile-only--6>[class*=col--]:nth-child(n+7) {
    margin-top: 30px
  }

  .grid--mobile-only--7>[class*=col--]:nth-child(n+8) {
    margin-top: 30px
  }

  .grid--mobile-only--8>[class*=col--]:nth-child(n+9) {
    margin-top: 30px
  }

  .grid--mobile-only--9>[class*=col--]:nth-child(n+10) {
    margin-top: 30px
  }

  .grid--mobile-only--10>[class*=col--]:nth-child(n+11) {
    margin-top: 30px
  }

  .grid--mobile-only--11>[class*=col--]:nth-child(n+12) {
    margin-top: 30px
  }

  .grid--mobile-only--12>[class*=col--]:nth-child(n+13) {
    margin-top: 30px
  }
}

@media(min-width: 600px) {
  .col--tablet {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
  }

  .col--tablet--1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col--tablet--2 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col--tablet--3 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%
  }

  .col--tablet--4 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col--tablet--5 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col--tablet--6 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%
  }

  .col--tablet--7 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col--tablet--8 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col--tablet--9 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%
  }

  .col--tablet--10 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col--tablet--11 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col--tablet--12 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%
  }

  .grid--tablet--1>[class*=col--]:nth-child(n+2) {
    margin-top: 30px
  }

  .grid--tablet--2>[class*=col--]:nth-child(n+3) {
    margin-top: 30px
  }

  .grid--tablet--3>[class*=col--]:nth-child(n+4) {
    margin-top: 30px
  }

  .grid--tablet--4>[class*=col--]:nth-child(n+5) {
    margin-top: 30px
  }

  .grid--tablet--5>[class*=col--]:nth-child(n+6) {
    margin-top: 30px
  }

  .grid--tablet--6>[class*=col--]:nth-child(n+7) {
    margin-top: 30px
  }

  .grid--tablet--7>[class*=col--]:nth-child(n+8) {
    margin-top: 30px
  }

  .grid--tablet--8>[class*=col--]:nth-child(n+9) {
    margin-top: 30px
  }

  .grid--tablet--9>[class*=col--]:nth-child(n+10) {
    margin-top: 30px
  }

  .grid--tablet--10>[class*=col--]:nth-child(n+11) {
    margin-top: 30px
  }

  .grid--tablet--11>[class*=col--]:nth-child(n+12) {
    margin-top: 30px
  }

  .grid--tablet--12>[class*=col--]:nth-child(n+13) {
    margin-top: 30px
  }
}

@media(min-width: 900px) {
  .col--tablet-landscape {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
  }

  .col--tablet-landscape--1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col--tablet-landscape--2 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col--tablet-landscape--3 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%
  }

  .col--tablet-landscape--4 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col--tablet-landscape--5 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col--tablet-landscape--6 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%
  }

  .col--tablet-landscape--7 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col--tablet-landscape--8 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col--tablet-landscape--9 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%
  }

  .col--tablet-landscape--10 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col--tablet-landscape--11 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col--tablet-landscape--12 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%
  }

  .grid--tablet-landscape--1>[class*=col--]:nth-child(n+2) {
    margin-top: 30px
  }

  .grid--tablet-landscape--2>[class*=col--]:nth-child(n+3) {
    margin-top: 30px
  }

  .grid--tablet-landscape--3>[class*=col--]:nth-child(n+4) {
    margin-top: 30px
  }

  .grid--tablet-landscape--4>[class*=col--]:nth-child(n+5) {
    margin-top: 30px
  }

  .grid--tablet-landscape--5>[class*=col--]:nth-child(n+6) {
    margin-top: 30px
  }

  .grid--tablet-landscape--6>[class*=col--]:nth-child(n+7) {
    margin-top: 30px
  }

  .grid--tablet-landscape--7>[class*=col--]:nth-child(n+8) {
    margin-top: 30px
  }

  .grid--tablet-landscape--8>[class*=col--]:nth-child(n+9) {
    margin-top: 30px
  }

  .grid--tablet-landscape--9>[class*=col--]:nth-child(n+10) {
    margin-top: 30px
  }

  .grid--tablet-landscape--10>[class*=col--]:nth-child(n+11) {
    margin-top: 30px
  }

  .grid--tablet-landscape--11>[class*=col--]:nth-child(n+12) {
    margin-top: 30px
  }

  .grid--tablet-landscape--12>[class*=col--]:nth-child(n+13) {
    margin-top: 30px
  }
}

@media(min-width: 1200px) {
  .col--desktop {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
  }

  .col--desktop--1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col--desktop--2 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col--desktop--3 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%
  }

  .col--desktop--4 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col--desktop--5 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col--desktop--6 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%
  }

  .col--desktop--7 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col--desktop--8 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col--desktop--9 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%
  }

  .col--desktop--10 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col--desktop--11 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col--desktop--12 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%
  }

  .grid--desktop--1>[class*=col--]:nth-child(n+2) {
    margin-top: 30px
  }

  .grid--desktop--2>[class*=col--]:nth-child(n+3) {
    margin-top: 30px
  }

  .grid--desktop--3>[class*=col--]:nth-child(n+4) {
    margin-top: 30px
  }

  .grid--desktop--4>[class*=col--]:nth-child(n+5) {
    margin-top: 30px
  }

  .grid--desktop--5>[class*=col--]:nth-child(n+6) {
    margin-top: 30px
  }

  .grid--desktop--6>[class*=col--]:nth-child(n+7) {
    margin-top: 30px
  }

  .grid--desktop--7>[class*=col--]:nth-child(n+8) {
    margin-top: 30px
  }

  .grid--desktop--8>[class*=col--]:nth-child(n+9) {
    margin-top: 30px
  }

  .grid--desktop--9>[class*=col--]:nth-child(n+10) {
    margin-top: 30px
  }

  .grid--desktop--10>[class*=col--]:nth-child(n+11) {
    margin-top: 30px
  }

  .grid--desktop--11>[class*=col--]:nth-child(n+12) {
    margin-top: 30px
  }

  .grid--desktop--12>[class*=col--]:nth-child(n+13) {
    margin-top: 30px
  }
}

@media(min-width: 1800px) {
  .col--widescreen {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
  }

  .col--widescreen--1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col--widescreen--2 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col--widescreen--3 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%
  }

  .col--widescreen--4 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col--widescreen--5 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col--widescreen--6 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%
  }

  .col--widescreen--7 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col--widescreen--8 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col--widescreen--9 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%
  }

  .col--widescreen--10 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col--widescreen--11 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col--widescreen--12 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%
  }

  .grid--widescreen--1>[class*=col--]:nth-child(n+2) {
    margin-top: 30px
  }

  .grid--widescreen--2>[class*=col--]:nth-child(n+3) {
    margin-top: 30px
  }

  .grid--widescreen--3>[class*=col--]:nth-child(n+4) {
    margin-top: 30px
  }

  .grid--widescreen--4>[class*=col--]:nth-child(n+5) {
    margin-top: 30px
  }

  .grid--widescreen--5>[class*=col--]:nth-child(n+6) {
    margin-top: 30px
  }

  .grid--widescreen--6>[class*=col--]:nth-child(n+7) {
    margin-top: 30px
  }

  .grid--widescreen--7>[class*=col--]:nth-child(n+8) {
    margin-top: 30px
  }

  .grid--widescreen--8>[class*=col--]:nth-child(n+9) {
    margin-top: 30px
  }

  .grid--widescreen--9>[class*=col--]:nth-child(n+10) {
    margin-top: 30px
  }

  .grid--widescreen--10>[class*=col--]:nth-child(n+11) {
    margin-top: 30px
  }

  .grid--widescreen--11>[class*=col--]:nth-child(n+12) {
    margin-top: 30px
  }

  .grid--widescreen--12>[class*=col--]:nth-child(n+13) {
    margin-top: 30px
  }
}

[id*=partnerlogoblock] .field--field-partner-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 0;
  overflow-x: scroll
}

[id*=partnerlogoblock] .field--field-partner-logo>* {
  margin: 0 15px
}

[id*=partnerlogoblock] .field--field-partner-logo>*:first-child {
  margin-left: 0
}

[id*=partnerlogoblock] .field--field-partner-logo>*:last-child {
  margin-right: 0
}

.region--breadcrumb {
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground)
}

.region--trusted {
  background-color: #f7f7f7;
  background-color: var(--colorBundle__pageBackground)
}

.region--bottom-navigation {
  background-color: #2d2926;
  background-color: var(--colorBundle__footerBackground)
}

.region--bottom-navigation,
.region--bottom-navigation a {
  color: #2d2926;
  color: var(--colorBundle__text)
}

.region--bottom-navigation ul {
  margin-top: 0;
  list-style: none;
  padding-left: 0
}

.region--footer {
  background-color: #f7f7f7;
  background-color: var(--colorBundle__pageBackground);
  color: #2d2926;
  color: var(--colorBundle__text)
}

.region--footer a {
  color: #2d2926;
  color: var(--colorBundle__text)
}

.region--footer a:hover,
.region--footer a:focus,
.region--footer a:active {
  color: #2d2926;
  color: var(--colorBundle__text)
}

.zg-page-header {
  background-color: #007265;
  background-color: var(--colorBundle__headerOverlay);
  color: #ffffff;
  color: var(--colorBundle__lightText);
  position: relative
}

.zg-page-header h1 {
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

@media(min-width: 600px) {
  .zg-page-header--hero {
    min-height: 460px;
    max-height: 720px
  }
}

.zg-page-header.has-background-image>* {
  background-color: rgba(0, 0, 0, 0)
}

.zg-page-header--overlay {
  position: relative
}

.zg-page-header--overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: .2;
  background-color: #007265;
  background-color: var(--colorBundle__headerOverlay)
}

@media(min-width: 600px) {
  .zg-page-header--nav-above.zg-page-header--hero {
    min-height: calc(460px - 134px);
    max-height: calc(720px - 127px)
  }

  .zg-page-header--nav-above.zg-page-header--nav-above.zg-page-header--min {
    height: calc(460px - 127px)
  }
}

.zg-page-title {
  height: 100px;
  display: flex;
  align-items: center
}

.zg-page-header--title-only {
  background-color: #00915a;
  background-color: var(--colorBundle__pageTitleBarBackground)
}

@media(min-width: 600px) {
  .zg-page-header--title-only.has-background-image {
    position: relative
  }

  .zg-page-header--title-only.has-background-image .zg-page-header__first {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
  }
}

.zg-page-header--title-only:not(.has-background-image) h1 {
  color: #2d2926;
  color: var(--colorBundle__headings)
}

@media(min-width: 600px) {
  .zg-page-header--hero {
    overflow: hidden;
    display: flex;
    flex-direction: column
  }

  .zg-page-header--hero .zg-page-header__first {
    margin-top: 65px;
    flex: 1
  }

  .has-tablesort {
    display: flex;
    align-items: center
  }

  .has-tablesort a {
    display: flex;
    align-items: center;
    color: #bababa;
    color: var(--colorBundle__smallText)
  }

  .has-tablesort a::before {
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 6px solid;
    border-top-color: #bababa;
    border-top-color: var(--colorBundle__uiIcon);
    content: "";
    order: 1;
    margin-left: 1rem
  }

  .has-tablesort a::after {
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid;
    border-bottom-color: #bababa;
    border-bottom-color: var(--colorBundle__uiIcon);
    content: "";
    order: 2
  }

  .has-tablesort a .tablesort {
    display: none
  }

  .has-tablesort.asc a::after {
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid;
    border-bottom-color: #00915a;
    border-bottom-color: var(--colorBundle__uiIconActive)
  }

  .has-tablesort.desc a::before {
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 6px solid;
    border-top-color: #00915a;
    border-top-color: var(--colorBundle__uiIconActive)
  }

  .block--api-header-block .tag {
    margin-bottom: 30px
  }

  .block--api-header-block p:first-of-type {
    margin-top: 0
  }

  .zg-apigee-app {
    border-top: 1px solid #ebebeb;
    border-top: 1px solid var(--colorBundle__divider)
  }

  .zg-apigee-app__warning,
  .zg-apigee-app__content,
  .zg-apigee-apps-header {
    padding: 12px 20px;
    margin-bottom: 1px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
  }

  .zg-apigee-app__warning--no-app {
    justify-content: center;
    height: 140px
  }

  .zg-apigee-app-header__name,
  .zg-apigee-app__name {
    flex: 1 0 100%
  }

  @media(min-width: 600px) {

    .zg-apigee-app-header__name,
    .zg-apigee-app__name {
      flex: 1 0 0
    }
  }

  .zg-apigee-app-header__status,
  .zg-apigee-app__status {
    flex: 1 0 40%;
    max-width: 40%
  }

  @media(min-width: 600px) {

    .zg-apigee-app-header__status,
    .zg-apigee-app__status {
      flex: 1 0 0;
      max-width: none;
      max-width: initial
    }
  }

  .zg-apigee-app-header__operations,
  .zg-apigee-app__operations {
    flex: 1 0 60%;
    max-width: 40%
  }

  @media(min-width: 600px) {

    .zg-apigee-app-header__operations,
    .zg-apigee-app__operations {
      flex: 1 0 0;
      max-width: none;
      max-width: initial
    }
  }

  .zg-apigee-apps {
    margin-top: 2rem
  }

  .zg-apigee-app__warning,
  .zg-apigee-app__content {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px var(--colorBundle__shadow);
    background-color: #ffffff;
    background-color: var(--colorBundle__panelBackground)
  }

  .zg-apigee-app__warning>[class^=zg-icon-],
  .zg-apigee-app__warning>[class*=" zg-icon-"] {
    padding-right: 20px
  }

  .zg-apigee-app__warning em {
    font-family: BNPPSans;
    font-weight: 400;
    font-style: normal;
    padding-right: .5rem
  }

  .zg-apigee-app__content {
    font-family: BNPPSans;
    font-weight: 800;
    font-style: normal;
    color: #2d2926;
    color: var(--colorBundle__text);
    font-size: 14px
  }

  .zg-apigee-app__add-keys {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
  }

  .path-teams .block--local-actions-block {
    margin-bottom: 2rem
  }

  .zg-apigee-app-credential {
    display: flex;
    flex-wrap: wrap
  }

  .zg-apigee-app-credential .secret__toggle {
    float: right
  }

  .zg-apigee-app-credential>* {
    flex: 1 1 50%
  }

  .zg-apigee-app-credential>*:first-child {
    flex-basis: 100%
  }

  .zg-apigee-app-credential .zg-operations {
    float: right
  }

  .zg-apigee-app-credential--revoked {
    opacity: .5
  }

  .zg-apigee-app-credential__products {
    padding-left: 2rem;
    position: relative
  }

  .zg-apigee-app-credential__products::before {
    content: "";
    width: 1px;
    background-color: #ebebeb;
    background-color: var(--colorBundle__divider);
    position: absolute;
    top: -1.5rem;
    bottom: -1.5rem;
    left: 0
  }

  .zg-apigee-app-credential__details {
    padding-right: 2rem
  }

  .zg-apigee-app-credential__details>* {
    flex: 1 0 100%;
    max-width: 100%
  }

  .zg-apigee-app-credential__product {
    margin-top: 1rem;
    margin-bottom: 1rem
  }

  .zg-apigee-app-credential__product-list>* {
    display: flex;
    align-items: center;
    justify-content: space-between
  }

  .zg-apigee-app-form__details {
    margin-bottom: 1.5rem
  }

  .zg-apigee-app-form__products .fieldset-wrapper {
    padding: 1rem 3rem
  }

  .zg-apigee-app-form__credential+.zg-apigee-app-form__credential {
    margin-top: 1.5rem
  }

  .zg-apigee-app-form__credential>.fieldset-legend>legend {
    display: flex;
    align-items: center
  }

  .zg-apigee-app-form__credential>.fieldset-legend>legend .status {
    order: 1;
    margin-left: 1rem
  }

  .zg-apigee-app-form__credential {
    margin-top: 1.5rem
  }

  @media(max-width: 599px) {

    .zg-apigee-app-header__name,
    .zg-apigee-app-header__status,
    .zg-apigee-app-header__operations {
      display: none
    }
  }

  @media(min-width: 600px) {

    .zg-apigee-app__content>*:not(:first-child):not(:last-child),
    .zg-apigee-apps-header>*:not(:first-child):not(:last-child) {
      padding-left: 20px;
      padding-right: 20px
    }

    .zg-apigee-app__content>*:last-child,
    .zg-apigee-apps-header>*:last-child {
      padding-left: 20px
    }

    .zg-apigee-app__content>*:first-child,
    .zg-apigee-apps-header>*:first-child {
      padding-right: 20px
    }

    .zg-apigee-app__status,
    .zg-apigee-app__operations {
      position: relative
    }

    .zg-apigee-app__status::before,
    .zg-apigee-app__operations::before {
      content: "";
      width: 1px;
      background-color: #ebebeb;
      background-color: var(--colorBundle__divider);
      position: absolute;
      left: 0;
      top: -6px;
      bottom: -6px
    }
  }

  .rate-plan--view-mode-teaser .field--products {
    margin-top: 1rem;
    margin-bottom: 1rem
  }

  .rate-plan--view-mode-teaser .field--products .field__label {
    margin-bottom: .5rem
  }

  .rate-plan--view-mode-full .ratecard-rate__header h3,
  .rate-plan--view-mode-full .revshare-rate__header h3 {
    margin-bottom: 1.5rem
  }

  .rate-plan--view-mode-full .ratecard-rate__header h4,
  .rate-plan--view-mode-full .revshare-rate__header h4 {
    margin-bottom: 1rem
  }

  .purchased-plan-form .form__fields {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 0
  }

  .paragraph--benefit .icon--content {
    margin-bottom: 2rem
  }

  .paragraph--card img {
    width: calc(100% + 60px);
    height: auto;
    margin: -30px -30px 0
  }

  .paragraph--grid {
    margin-bottom: 60px
  }

  .paragraph--grid .paragraph--grid,
  .paragraph--grid .h1--section {
    margin-left: -15px;
    margin-right: -15px
  }

  .paragraph--grid .paragraph--grid {
    margin-top: 0;
    margin-bottom: 0
  }

  .paragraph--grid.has-border {
    border-left: 4px solid;
    border-color: rgba(0, 0, 0, 0)
  }

  .paragraph--grid .container {
    position: relative
  }

  .paragraph--grid .field--field-grid-button {
    position: absolute;
    bottom: -4rem;
    right: 1rem
  }

  @media(min-width: 600px) {
    .paragraph--grid {
      margin-bottom: 90px
    }

    .paragraph--grid .field--field-grid-button {
      bottom: auto;
      top: 0
    }
  }

  .paragraph--text {
    padding: 3rem
  }

  .paragraph--message .messages {
    margin: 0
  }

  .paragraph--cta {
    padding: 2rem
  }

  .paragraph--cta .field--field-buttons>div {
    display: inline-block
  }

  .paragraph--cta .field--field-buttons>div:last-child {
    margin-top: 1rem
  }

  @media(min-width: 600px) {
    .paragraph--cta .field--field-buttons>div:last-child {
      margin-top: 0;
      margin-left: 1rem
    }
  }

  @media(min-width: 600px) {
    .paragraph--cta {
      padding: 6rem 7rem
    }

    .paragraph--cta .container {
      display: flex
    }

    .paragraph--cta .field--field-text {
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 60%
    }

    .paragraph--cta .field--field-buttons {
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 40%;
      display: flex;
      justify-content: flex-end;
      align-items: center
    }
  }

  .paragraph--image.has-background-image {
    min-height: 390px
  }

  @media(min-width: 600px) {
    .paragraph--image.has-background-image {
      height: 100%
    }
  }

  .page-builder .page-builder__element:first-of-type .h1--section {
    margin-top: 30px
  }
}

.page-builder .page-builder__element:first-child,
.api-description-page .page-builder__element:first-child {
  margin-top: 0
}

@media(min-width: 600px) {
  .paragraph--block .search-block-form {
    margin-bottom: 0
  }
}

.zg-search-result ol {
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  padding: 2rem 2rem;
  list-style: none
}

.zg-search-result ol strong {
  font-weight: inherit;
  padding: .25rem;
  position: relative
}

.zg-search-result ol strong::before {
  position: absolute;
  content: "";
  background-color: #d3d03b;
  background-color: var(--colorBundle__inputWarningBorder);
  opacity: .4;
  height: 1em;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.zg-search-result ol li {
  padding-bottom: .4rem
}

.zg-search-result ol li:not(:last-of-type) {
  border-bottom: 1px solid;
  border-color: #ebebeb;
  border-color: var(--colorBundle__divider)
}

.zg-search-result ol li::before {
  content: none
}

.zg-search-result ol li:not(:first-of-type) {
  margin-top: 1.5rem
}

.zg-search-result ol li h3 a {
  color: #2d2926;
  color: var(--colorBundle__headings);
  position: relative;
  display: block
}

.zg-search-result ol li h3 a::after {
  content: "";
  font-family: "feather";
  color: #00915a;
  color: var(--colorBundle__link);
  position: absolute;
  right: 0
}

.no-sidebar .profile-page,
.no-sidebar .block--system-main-block>.form {
  margin-left: auto;
  margin-right: auto
}

.region--breadcrumb .container {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.region--breadcrumb .container .block--author-and-date-block {
  text-transform: uppercase;
  color: #bababa;
  color: var(--colorBundle__smallText);
  font-size: 12px
}

.swagger-ui .models>h4::after,
.swagger-ui .opblock-tag .expand-operation::after {
  content: "";
  font-size: 24px;
  font-family: "feather";
  font-size: 24px
}

.swagger-ui .models>h4::after,
.swagger-ui .opblock-tag .expand-operation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  align-self: center
}

.swagger-ui .models>h4 .models-control,
.swagger-ui .opblock-tag {
  cursor: pointer;
  padding-left: 30px;
  position: relative;
  margin-bottom: 40px
}

.swagger-ui .models>h4 .models-control::before,
.swagger-ui .opblock-tag::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  left: 0;
  height: 62.5%;
  background: linear-gradient(to bottom, #00bc8c, #00a951)
}

@media(min-width: 600px) {

  .swagger-ui .models>h4 .models-control,
  .swagger-ui .opblock-tag {
    display: flex;
    align-items: flex-end
  }
}

.swagger-ui table,
.swagger-ui .table {
  background-color: rgba(0, 0, 0, 0)
}

.swagger-ui .table-container,
.swagger-ui .responses-inner {
  overflow-x: auto
}

.swagger-ui .svg-assets {
  position: absolute;
  width: 0;
  height: 0
}

.swagger-ui a.nostyle {
  text-decoration: inherit;
  color: inherit;
  cursor: pointer;
  display: inline
}

.swagger-ui a.nostyle:visited {
  text-decoration: inherit;
  color: inherit;
  cursor: pointer
}

.swagger-ui .base-url {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.swagger-ui .models,
.swagger-ui .opblock-tag-section {
  padding-top: 70px;
  position: relative
}

.swagger-ui .models:not(.is-open)::after,
.swagger-ui .opblock-tag-section:not(.is-open)::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -40px;
  left: 0;
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 4px var(--colorBundle__shadow)
}

.swagger-ui .schemes {
  display: flex;
  padding: 20px 20px 20px 30px;
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px var(--colorBundle__shadow)
}

.swagger-ui .schemes .auth-wrapper {
  margin-top: 1rem
}

.swagger-ui .parameter__empty_value_toggle {
  padding-top: 5px;
  padding-bottom: 12px
}

.swagger-ui .parameter__empty_value_toggle input {
  margin-right: 7px
}

.swagger-ui .parameter__empty_value_toggle.disabled {
  opacity: .7
}

.swagger-ui .Resizer.vertical.disabled {
  display: none
}

.swagger-ui .btn[disabled] {
  cursor: not-allowed;
  opacity: .5
}

.swagger-ui .btn.authorize svg {
  display: none
}

.swagger-ui .btn-group,
.swagger-ui .execute-wrapper {
  padding: 20px 13px
}

@media(min-width: 600px) {

  .swagger-ui .btn-group .btn~.btn,
  .swagger-ui .execute-wrapper .btn~.btn {
    margin-left: 20px
  }
}

.swagger-ui .authorization__btn svg {
  display: none
}

.swagger-ui .authorization__btn.locked::after {
  content: "";
  font-size: 24px;
  font-family: "feather";
  color: #00915a;
  color: var(--colorBundle__uiIconActive);
  font-size: 24px
}

.swagger-ui .authorization__btn.unlocked::after {
  content: "";
  font-size: 24px;
  font-family: "feather";
  color: #00915a;
  color: var(--colorBundle__uiIconActive);
  font-size: 24px
}

.swagger-ui .copy-to-clipboard .zg-icon--copy::before {
  color: #00915a;
  color: var(--colorBundle__uiIconActive)
}

.swagger-ui .download-contents {
  position: absolute;
  bottom: 20px;
  right: 20px
}

.swagger-ui .code-samples__title {
  display: block;
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
  border-top: 1px solid var(--colorBundle__divider)
}

.swagger-ui .code-samples__select {
  display: block;
  margin: 10px 0 28px;
  width: auto;
  min-width: 25%
}

.swagger-ui .highlighted-code {
  position: relative
}

.swagger-ui .highlighted-code pre {
  max-height: 500px;
  overflow-y: auto
}

.swagger-ui .highlighted-code .hljs {
  background-color: inherit
}

.swagger-ui .highlighted-code__buttons {
  position: absolute;
  top: 0;
  right: 0
}

.swagger-ui .highlighted-code__download,
.swagger-ui .highlighted-code__copy {
  color: #bababa;
  color: var(--colorBundle__uiIcon);
  padding: .5rem
}

.swagger-ui .highlighted-code__download-text,
.swagger-ui .highlighted-code__copy-text {
  font-size: 0
}

.swagger-ui .highlighted-code__download-text:focus,
.swagger-ui .highlighted-code__copy-text:focus {
  outline: 0
}

.swagger-ui .highlighted-code__copy {
  position: relative
}

.swagger-ui .highlighted-code__copy-tooltip {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  transform: translateX(-50%) translateY(-100%)
}

.swagger-ui .highlighted-code__copy-tooltip::before {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #bababa;
  border-top-color: var(--colorBundle__tooltipBackground)
}

@keyframes scaleUp {
  0% {
    transform: scale(0.8);
    opacity: 0
  }

  100% {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes shake {

  10%,
  90% {
    transform: translate3d(-1px, 0, 0)
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0)
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0)
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0)
  }
}

.swagger-ui .loading-container {
  padding: 40px 0 60px;
  margin-top: 1em;
  min-height: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.swagger-ui .loading-container .loading {
  position: relative
}

.swagger-ui .loading-container .loading::after {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 12px;
  content: "loading";
  transform: translate(-50%, -50%);
  text-transform: uppercase
}

.swagger-ui .loading-container .loading::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60px;
  height: 60px;
  margin: -30px -30px;
  content: "";
  animation: rotation 1s infinite linear, opacity .5s;
  opacity: 1;
  border: 2px solid rgba(0, 0, 0, .2);
  border-top-color: rgba(0, 0, 0, .6);
  border-radius: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

@keyframes rotation {
  to {
    transform: rotate(360deg)
  }
}

.swagger-ui .info {
  margin-top: 4rem;
  margin-bottom: 4rem
}

@media(min-width: 600px) {
  .swagger-ui .info {
    display: flex;
    align-items: center;
    flex-wrap: wrap
  }

  .swagger-ui .info>hgroup {
    flex-basis: 100%;
    margin-bottom: 1rem
  }

  .swagger-ui .info>* {
    padding-right: 3rem
  }
}

.swagger-ui .info__tos a::before {
  content: "";
  font-size: 24px;
  font-family: "feather"
}

.swagger-ui .info__contact {
  padding-right: 0
}

.swagger-ui .info__contact .info__email,
.swagger-ui .info__contact .info__website {
  padding-right: 3rem
}

.swagger-ui .info__contact .info__email::before {
  content: "";
  font-size: 24px;
  font-family: "feather"
}

.swagger-ui .info__contact .info__website::before {
  content: "";
  font-size: 24px;
  font-family: "feather"
}

.swagger-ui .info__license a::before {
  content: "";
  font-size: 24px;
  font-family: "feather"
}

.swagger-ui .info__extdocs::before {
  content: "";
  font-size: 24px;
  font-family: "feather"
}

.swagger-ui .opblock-tag-section.is-open .expand-operation::after {
  content: "";
  font-size: 24px;
  font-family: "feather"
}

@media(min-width: 600px) {
  .swagger-ui .opblock-tag>*:first-child {
    margin-right: 20px
  }

  .swagger-ui .opblock-tag>*:nth-child(2) {
    margin-right: auto
  }

  .swagger-ui .opblock-tag>*:last-child {
    margin-left: 20px
  }
}

.swagger-ui .opblock-tag small {
  display: block;
  line-height: 33px
}

.swagger-ui .opblock-tag small p {
  margin: 0
}

.swagger-ui .opblock-tag.no-desc span {
  flex: 1
}

.swagger-ui .opblock-tag svg {
  display: none
}

.swagger-ui .opblock-tag~div {
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px var(--colorBundle__shadow)
}

.swagger-ui .opblock-tag~div>span {
  display: block
}

.swagger-ui .opblock-summary>* {
  display: block
}

.swagger-ui .opblock-summary-control {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  text-align: left;
  position: relative;
  cursor: pointer;
  width: 100%;
  padding: 8px 10px
}

.swagger-ui .opblock-summary-control .opblock-summary-path {
  line-height: 1.6
}

.swagger-ui .opblock-summary-control .opblock-summary-description {
  line-height: 1.6;
  color: #2d2926;
  color: var(--colorBundle__text)
}

.swagger-ui .opblock-summary-control .arrow {
  display: none
}

.swagger-ui .opblock-summary .authorization__btn,
.swagger-ui .opblock-summary .copy-to-clipboard {
  padding-bottom: .5rem;
  padding-left: 1rem
}

@media(min-width: 600px) {
  .swagger-ui .opblock-summary {
    display: flex;
    align-items: flex-start
  }

  .swagger-ui .opblock-summary .authorization__btn {
    position: absolute;
    top: 10px;
    right: 98px
  }

  .swagger-ui .opblock-summary .copy-to-clipboard {
    position: absolute;
    right: 54px;
    top: 10px;
    cursor: pointer
  }

  .swagger-ui .opblock-summary-control {
    align-items: flex-start;
    flex-direction: row;
    padding-right: 145px
  }

  .swagger-ui .opblock-summary-control:hover {
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px var(--colorBundle__shadow)
  }

  .swagger-ui .opblock-summary-control:hover::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 100%;
    background: linear-gradient(to bottom, #00bc8c, #00a951);
    z-index: 2;
    right: 0
  }

  .swagger-ui .opblock-summary-control:hover::before {
    content: none
  }

  .swagger-ui .opblock-summary-control .opblock-summary-method {
    flex-basis: 100px
  }

  .swagger-ui .opblock-summary-control .opblock-summary-path,
  .swagger-ui .opblock-summary-control .opblock-summary-path__deprecated {
    flex-basis: 40%;
    margin-top: .8rem
  }

  .swagger-ui .opblock-summary-control .authorization__btn {
    margin-left: auto;
    margin-right: 3rem;
    margin-top: .8rem
  }

  .swagger-ui .opblock-summary-control .opblock-summary-description {
    flex-basis: 40%;
    position: relative;
    margin-top: .8rem
  }

  .swagger-ui .opblock-summary-control .opblock-summary-description::before {
    content: "";
    width: 1px;
    position: absolute;
    left: 0;
    min-height: 2.5rem;
    height: 100%;
    background-color: #ebebeb;
    background-color: var(--colorBundle__divider);
    display: inline-block;
    top: 50%;
    transform: translateY(-50%)
  }

  .swagger-ui .opblock-summary-control>* {
    z-index: 2
  }

  .swagger-ui .opblock-summary-control>*:not(:first-child) {
    padding-left: 1rem
  }
}

.swagger-ui .opblock-summary::before {
  content: "";
  top: 0;
  left: 10px;
  position: absolute;
  width: calc(100% - 10px * 2);
  height: 1px;
  background-color: #ebebeb;
  background-color: var(--colorBundle__divider);
  z-index: 1
}

.swagger-ui .opblock-summary-path,
.swagger-ui .opblock-summary-path__deprecated {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  color: #2d2926;
  color: var(--colorBundle__darkText)
}

.swagger-ui .opblock {
  position: relative
}

.swagger-ui .opblock .opblock-summary-method::after {
  content: "";
  font-size: 24px;
  font-family: "feather";
  color: #bababa;
  color: var(--colorBundle__uiIcon);
  position: absolute;
  right: 1rem;
  top: 10px;
  font-size: 24px
}

@media(min-width: 600px) {
  .swagger-ui .opblock .opblock-summary-method::after {
    right: 1.5rem
  }
}

.swagger-ui .opblock.is-open .opblock-summary-method::after {
  content: "";
  font-size: 24px;
  font-family: "feather";
  color: #00915a;
  color: var(--colorBundle__uiIconActive)
}

.swagger-ui .opblock .tab-header {
  display: flex;
  flex: 1
}

.swagger-ui .opblock-summary-path__deprecated {
  text-decoration: line-through
}

.swagger-ui .opblock-schemes {
  padding: 8px 20px
}

.swagger-ui .opblock-schemes .schemes-title {
  padding: 0 10px 0 0
}

.swagger-ui .opblock-section-header>label {
  display: block
}

@media(min-width: 600px) {
  .swagger-ui .opblock-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center
  }
}

.swagger-ui .opblock-summary-method {
  font-size: 14px;
  min-width: 100px;
  padding: 1rem;
  text-align: center;
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  display: inline-block;
  background: #bababa;
  background: var(--colorBundle__tooltipBackground)
}

.swagger-ui .opblock-summary-get .opblock-summary-method {
  background: #009fb1;
  background: var(--colorBundle__methodGetBackground);
  border-color: #009fb1;
  border-color: var(--colorBundle__methodGetBackground)
}

.swagger-ui .opblock-summary-post .opblock-summary-method {
  background: #00a951;
  background: var(--colorBundle__methodPostBackground);
  border-color: #00a951;
  border-color: var(--colorBundle__methodPostBackground)
}

.swagger-ui .opblock-summary-delete .opblock-summary-method {
  background: #e74f50;
  background: var(--colorBundle__methodDeleteBackground);
  border-color: #e74f50;
  border-color: var(--colorBundle__methodDeleteBackground)
}

.swagger-ui .opblock-summary-put .opblock-summary-method {
  background: #d3d03b;
  background: var(--colorBundle__methodPutBackground);
  border-color: #d3d03b;
  border-color: var(--colorBundle__methodPutBackground)
}

.swagger-ui .opblock-summary-patch .opblock-summary-method {
  background: #007265;
  background: var(--colorBundle__methodPatchBackground);
  border-color: #007265;
  border-color: var(--colorBundle__methodPatchBackground)
}

.swagger-ui .opblock-summary-options .opblock-summary-method {
  background: #43577a;
  background: var(--colorBundle__methodOptionsBackground);
  border-color: #43577a;
  border-color: var(--colorBundle__methodOptionsBackground)
}

.swagger-ui .opblock-summary-head .opblock-summary-method {
  background: #724f8a;
  background: var(--colorBundle__methodHeadBackground);
  border-color: #724f8a;
  border-color: var(--colorBundle__methodHeadBackground)
}

.swagger-ui .opblock-deprecated {
  opacity: .3
}

.swagger-ui .opblock-description-wrapper,
.swagger-ui .opblock-external-docs-wrapper,
.swagger-ui .opblock-title_normal {
  padding: 20px 13px
}

.swagger-ui .opblock-external-docs-wrapper h4 {
  padding-left: 0
}

.swagger-ui .opblock-body {
  background-color: #f7f7f7;
  background-color: var(--colorBundle__pageBackground)
}

.swagger-ui .opblock-body .opblock-loading-animation {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.swagger-ui .responses-table,
.swagger-ui .table-container,
.swagger-ui .code-samples {
  padding: 16px 32px
}

.swagger-ui .responses-inner .headers__title {
  margin-top: 1rem
}

.swagger-ui .response-controls {
  padding-top: 1em;
  display: flex
}

.swagger-ui .response-control-media-type .content-type-wrapper {
  margin-top: .5rem;
  margin-bottom: 1rem
}

.swagger-ui .response-control-media-type--accept-controller select {
  border-color: #00a951;
  border-color: var(--colorBundle__inputSuccessBorder)
}

.swagger-ui .response-control-media-type__accept-message {
  color: #00a951;
  color: var(--colorBundle__inputSuccessBorder)
}

.swagger-ui .response-control-examples__title,
.swagger-ui .response-control-media-type__title {
  display: block;
  margin-bottom: .2em
}

.swagger-ui textarea.curl {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.swagger-ui .tab {
  margin: 0
}

.swagger-ui .tab .tabitem.active .tablinks::after {
  left: 0;
  right: 0
}

.swagger-ui .highlight-code {
  position: relative
}

.swagger-ui textarea,
.swagger-ui .highlight-code>.microlight {
  overflow-y: auto;
  max-height: 500px;
  min-height: 250px
}

.swagger-ui .body-param-edit {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.swagger-ui .model-toggle::after {
  padding-left: .5rem;
  content: "";
  font-size: 24px;
  font-family: "feather";
  color: #00915a;
  color: var(--colorBundle__uiIconActive);
  font-size: 24px;
  position: relative;
  top: 5px
}

.swagger-ui .model-toggle.collapsed::after {
  content: "";
  font-size: 24px;
  font-family: "feather";
  color: #bababa;
  color: var(--colorBundle__uiIcon)
}

.swagger-ui .model-title,
.swagger-ui .models .no-margin .model-container div.model-box .prop-name,
.swagger-ui .models .no-margin .model-box .model .model-title__text {
  position: relative
}

.swagger-ui .model-title:hover .model-hint,
.swagger-ui .models .no-margin .model-container div.model-box .prop-name:hover .model-hint,
.swagger-ui .models .no-margin .model-box .model .model-title__text:hover .model-hint {
  visibility: visible
}

.swagger-ui .model-hint {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  padding: .5rem;
  width: 100px;
  z-index: 1;
  white-space: normal;
  word-wrap: break-word;
  color: #ffffff;
  color: var(--colorBundle__lightText);
  background: #2d2926;
  background: var(--colorBundle__darkCodeBackground)
}

.swagger-ui .models.is-open>h4::after {
  content: "";
  font-size: 24px;
  font-family: "feather"
}

.swagger-ui .models>div {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px var(--colorBundle__shadow)
}

.swagger-ui .models>h4 {
  position: relative
}

.swagger-ui .models>h4 .models-control {
  text-align: left;
  width: 100%;
  position: relative;
  z-index: 1
}

.swagger-ui .models>h4 .models-control svg {
  display: none
}

.swagger-ui .models>h4::after {
  position: absolute;
  right: 0;
  top: 0
}

.swagger-ui .model-container~.model-container {
  border-top: 1px solid #ebebeb;
  border-top: 1px solid var(--colorBundle__divider)
}

.swagger-ui .model-container .model-box {
  margin: 0
}

.swagger-ui .model-container .model-box .model-box-control {
  padding: 0
}

.swagger-ui .model-container>.model-box {
  position: relative
}

.swagger-ui .model-container>.model-box>.model-box-control:first-child {
  padding: 2rem;
  background-color: #e9e9e9;
  background-color: var(--colorBundle__lightCodeBackground);
  display: flex;
  align-items: center;
  width: 100%
}

.swagger-ui .model-container>.model-box>.model-box-control:first-child .model-toggle.collapsed {
  display: none
}

.swagger-ui .model-container>.model-box>.model-box-control:first-child::after {
  content: "";
  font-size: 24px;
  font-family: "feather";
  font-size: 24px;
  padding-left: .5rem
}

.swagger-ui .model-container>.model-box>.model-box-control:not(last-child) {
  display: none
}

.swagger-ui .model-box .model-jump-to-path {
  position: relative;
  top: 4px
}

.swagger-ui .model-box.deprecated {
  opacity: .5
}

.swagger-ui .prop {
  word-break: break-all;
  white-space: normal
}

.swagger-ui .prop .model-box-control {
  color: inherit
}

.swagger-ui .prop-type {
  color: #2d2926;
  color: var(--colorBundle__darkText)
}

.swagger-ui .parameter__name {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  color: #2d2926;
  color: var(--colorBundle__darkText)
}

.swagger-ui .parameter__name.required span {
  position: relative;
  top: -0.66em
}

.swagger-ui .parameter__name.required span::after {
  font-size: 12px;
  content: "required";
  padding-left: .25em;
  color: #e74f50;
  color: var(--colorBundle__inputErrorBorder)
}

.swagger-ui .parameter__in,
.swagger-ui .parameter__extension {
  font-style: italic;
  color: #bababa;
  color: var(--colorBundle__smallText)
}

.swagger-ui .modal-ux-content .scopes h2 {
  font-size: 20px;
  margin-top: 1rem
}

.swagger-ui .modal-ux-content .scopes h2 a {
  font-size: 14px;
  text-transform: none;
  cursor: pointer;
  padding-left: 1rem
}

.swagger-ui .modal-ux-content .scopes .checkbox {
  display: flex
}

.swagger-ui .modal-ux-content .scopes .checkbox input {
  position: relative;
  top: 5px
}

.swagger-ui .modal-ux-content .scopes .checkbox label {
  display: flex
}

.swagger-ui .close-modal::before {
  content: "";
  font-size: 24px;
  font-family: "feather";
  font-size: 24px
}

.swagger-ui .close-modal svg {
  display: none
}

.swagger-ui .modal-ux-header {
  padding: 20px 13px;
  display: flex;
  border-bottom: 1px solid #ebebeb;
  border-bottom: 1px solid var(--colorBundle__divider);
  justify-content: space-between;
  align-items: center
}

.swagger-ui .close-modal {
  padding: 1rem
}

.swagger-ui .auth-btn-wrapper {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.swagger-ui .auth-container {
  padding-top: 1rem
}

.swagger-ui .auth-container~.auth-container {
  border-top: 1px solid #ebebeb;
  border-top: 1px solid var(--colorBundle__divider)
}

.swagger-ui select.invalid {
  animation: shake .4s 1;
  border-color: #e74f50;
  border-color: var(--colorBundle__inputErrorBorder)
}

.swagger-ui input[type=text].invalid,
.swagger-ui input[type=password].invalid,
.swagger-ui input[type=search].invalid,
.swagger-ui input[type=email].invalid,
.swagger-ui input[type=file].invalid,
.swagger-ui textarea.invalid {
  animation: shake .4s 1;
  border-color: #e74f50;
  border-color: var(--colorBundle__inputErrorBorder)
}

.swagger-ui button.invalid {
  animation: shake .4s 1;
  border-color: #e74f50;
  border-color: var(--colorBundle__inputErrorBorder)
}

.swagger-ui .errors-wrapper {
  margin: 2rem;
  padding: 1.5rem 2rem;
  animation: scaleUp .5s;
  border: 1px solid #e74f50;
  border: 1px solid var(--colorBundle__inputErrorBorder)
}

.has-background-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat
}

.has-bottom-margin {
  margin-bottom: 90px
}

.has-shadow {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px var(--colorBundle__shadow)
}

@media(max-width: 599px) {

  .has-button .button,
  .has-button * .button {
    margin-top: 1rem
  }
}

@media(min-width: 900px) {
  .thinner {
    max-width: calc(6 / 12 * 1280px)
  }
}

@media(min-width: 600px) {
  .thinner .zg-panel {
    padding: 30px 50px 50px
  }
}

.thinner .form__actions {
  margin-top: 50px
}

.center-block {
  margin-left: auto;
  margin-right: auto
}

.has-icon {
  display: inline-block;
  position: relative
}

.has-icon::before {
  padding-right: 1rem;
  font-size: 24px;
  text-decoration: none;
  display: inline-block;
  vertical-align: sub
}

.zg-hidden {
  display: none
}

.zg-visually-hidden {
  position: absolute !important
}

.zg-visually-hidden {
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal
}

.zg-visually-hidden.focusable:active,
.zg-visually-hidden.focusable:focus {
  position: static !important
}

.zg-visually-hidden.focusable:active,
.zg-visually-hidden.focusable:focus {
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto
}

.zg-invisible {
  visibility: hidden
}

@keyframes fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.zg-fadeout {
  animation: fadeOut 2s ease-in;
  opacity: 0
}

.ui-dialog {
  padding: 1rem
}

.ui-dialog .ui-dialog-buttonpane {
  margin-top: 1rem
}

#drupal-modal {
  height: auto !important;
  max-height: 80vh !important
}

body {
  overflow-x: hidden
}

.button--primary:active,
.swagger-ui .btn.authorize:active,
.swagger-ui .btn.execute:active,
.button--primary:focus,
.swagger-ui .btn.authorize:focus,
.swagger-ui .btn.execute:focus,
.button--primary:hover,
.swagger-ui .btn.authorize:hover,
.swagger-ui .btn.execute:hover {
  box-shadow: none;
  box-shadow: initial;
  background-color: #007265;
  border-color: #007265
}

.button--primary--inverted:active,
.button--primary--inverted:focus,
.button--primary--inverted:hover {
  box-shadow: none;
  box-shadow: initial;
  background-color: #007265;
  border-color: #007265
}

.button--secondary:active,
.swagger-ui .btn-clear:active,
.button--secondary:focus,
.swagger-ui .btn-clear:focus,
.button--secondary:hover,
.swagger-ui .btn-clear:hover {
  color: #fff;
  background-color: #007265;
  -o-border-image: linear-gradient(to right, #007265, #007265) 1;
  border-image: linear-gradient(to right, #007265, #007265) 1
}

.button--secondary--inverted:active,
.button--secondary--inverted:focus,
.button--secondary--inverted:hover {
  background-color: #007265;
  -o-border-image: linear-gradient(to right, #007265, #007265) 1;
  border-image: linear-gradient(to right, #007265, #007265) 1
}

.button--link {
  font-family: BNPPSans;
  font-weight: 800;
  font-style: normal;
  position: relative;
  border-style: solid;
  border-width: 0 0 5px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  color: #00915a;
  color: var(--colorBundle__link);
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.button--link:hover::before,
.button--link:focus::before,
.button--link:active::before {
  margin-top: 7.5px;
  content: "";
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #00bc8c, #00a951)
}

.button--link--arrow::after {
  position: relative;
  top: -0.1em;
  margin-left: .5rem;
  font-family: "feather";
  content: "";
  font-size: 2em;
  font-weight: normal
}

.h1--page-title {
  color: #fff;
  padding-left: 20px;
  line-height: 39px
}

.h1--page-title:before {
  height: 39px
}

.h1--page-title .field--displayname {
  font-size: 33px
}

.h1--hero {
  font-size: 40px;
  line-height: 48px
}

.zg-page-header__first .h1--page-title::before {
  height: 39px
}

.zg-page-header__first .hero::before {
  height: 90%
}

.h1--section::before,
.h1--page-title::before {
  top: 45%
}

.region--content ol {
  list-style: none;
  margin: 0;
  margin: initial
}

.region--content pre,
.region--content table {
  margin: 5px 0
}

.region--content ul {
  list-style: none;
  margin: 0
}

.region--content ul li:before {
  margin-right: 6px;
  text-align: center;
  color: #009fb1;
  display: inline-block;
  width: 2rem
}

.region--content .block--dp-faq-block ul {
  list-style: disc
}

.region--content ol {
  margin: 0
}

[dir="ltr"] .page-node-type-api-reference .swagger-ui ul,
[dir="ltr"] .page-node-type-api-reference .swagger-ui ol {
  padding-left: 5px
}

[dir="rtl"] .page-node-type-api-reference .swagger-ui ul,
[dir="rtl"] .page-node-type-api-reference .swagger-ui ol {
  padding-right: 5px
}

.page-node-type-api-reference .swagger-ui ul,
.page-node-type-api-reference .swagger-ui ol {
  list-style: inherit
}

.page-node-type-api-reference .field--field-description ol {
  counter-reset: li
}

.page-node-type-api-reference .field--field-description ol>li {
  counter-increment: li
}

.page-node-type-api-reference .field--field-description ol>li::before {
  content: counters(li, ".") ".";
  color: #009fb1;
  color: var(--colorBundle__formattedTextIndicator);
  font-weight: bold;
  line-height: 1.33rem;
  transform: translateY(20%)
}

.page-node-type-api-reference .field--field-description ul li {
  position: relative;
  left: 36px
}

.page-node-type-api-reference .field--field-description ul li::before {
  content: "•";
  font-size: 1.5rem;
  vertical-align: middle;
  margin-right: 6px;
  text-align: center;
  color: #009fb1;
  color: var(--colorBundle__formattedTextIndicator);
  display: inline-block;
  width: 2rem;
  position: absolute;
  left: -36px
}

.page-node-type-api-reference .field--field-description ol,
.page-node-type-api-reference .field--field-description ul {
  padding: 5px 0
}

#breadcrumbs ul>li {
  padding-bottom: 15px
}

.property-row td {
  border: 1px solid #ddd
}

.models .model-container {
  border: 1px solid #ddd
}

.ui-accordion-header-active [class^=feather-]:not(.feather-link) {
  color: #00915a;
  color: var(--colorBundle__uiIconActive);
  transform: rotateX(180deg);
  transition: all .3s linear
}

.ui-accordion-header [class^=feather-] {
  color: #bababa;
  color: var(--colorBundle__uiIcon);
  transform: rotateX(0deg);
  transition: all .3s linear
}

#site-content .region--sidebar-first .block-title {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

#site-content .region--sidebar-first .menu--documentation ul {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

#breadcrumbs {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

h2 {
  font-weight: normal;
  line-height: 32px
}

h2.h1--section {
  font-size: 27px;
  line-height: 32px
}

h2.h1--section:before {
  height: 39px
}

.h3,
h3 {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  line-height: 27px
}

h4 {
  font-size: 19px;
  line-height: 19px
}

h4.api-info__title {
  font-size: 19px
}

.field--body h2,
.field--body h3,
.field--body h4 {
  padding: 5px 0
}

p a,
.field--body a,
.link:not(.button),
.link--only-hover,
.swagger-ui .modal-ux-content .scopes h2 a,
.field-content a {
  display: inline-block;
  position: relative;
  font-size: 12px;
  line-height: 1;
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal;
  font-weight: 800
}

p {
  margin: 0;
  margin: initial;
  padding: 5px 0;
  font-size: 14px;
  line-height: 20px
}

.card__title.h4 {
  font-size: 19px
}

.field__item,
.field,
table,
ul,
ol,
.field--field-api-reference-summary,
.access-request-tabs,
.api-info__col span {
  font-size: 14px;
  line-height: 20px
}

#site-content .region--sidebar-first h2.block-title,
#site-content .region--sidebar-second h2.block-title {
  font-size: 19px;
  line-height: 26px;
  font-weight: normal
}

.ip-navigation-item {
  font-size: 14px
}

pre {
  white-space: pre-wrap
}

.table-wrapper {
  overflow: inherit
}

.table-wrapper table .views-field>div {
  padding-bottom: 1rem
}

.table-wrapper table .views-field.views-field-app-display-name>div,
.table-wrapper table .views-field.views-field-rendered-team>div,
.table-wrapper table .views-field.views-field-mail>div,
.table-wrapper table .views-field.views-field-team-id>div {
  overflow-x: scroll;
  scrollbar-width: thin
}

.table-wrapper table .views-field.views-field-rendered-team>div,
.table-wrapper table .views-field.views-field-team-id>div {
  overflow: inherit;
  padding-bottom: inherit
}

.table-wrapper table .views-field.views-field-rendered-team>div>article>div,
.table-wrapper table .views-field.views-field-team-id>div>article>div {
  overflow-x: auto;
  scrollbar-width: thin;
  padding-bottom: 1rem
}

.table-wrapper table .views-field.views-field-rendered-team>div .is-developer,
.table-wrapper table .views-field.views-field-team-id>div .is-developer {
  overflow-x: scroll;
  scrollbar-width: thin;
  padding-bottom: 1rem
}

.table-wrapper table .dropbutton-wrapper .dropbutton-widget {
  position: relative;
  width: -moz-max-content;
  width: max-content
}

table th {
  color: #2d2926;
  color: var(--colorBundle__text)
}

.messages {
  position: relative
}

.messages .dismiss {
  padding: 0;
  right: 1rem
}

.status.status--approved {
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  background-color: #00a951;
  background-color: var(--colorBundle__statusOkBackground)
}

.status.status--pending {
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  background-color: #d3d03b
}

.status.status--revoked {
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  background-color: #e74f50
}

.status.status--expired {
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  background-color: #3d5497
}

.has-advanced-tooltip .feather-info {
  float: left;
  padding: 3px 1rem 0 0;
  font-size: 20px;
  color: #bababa;
  color: var(--colorBundle__uiIcon)
}

.has-advanced-tooltip .advanced-tooltip {
  display: none
}

.has-advanced-tooltip:hover {
  position: relative
}

.has-advanced-tooltip:hover .advanced-tooltip {
  display: block;
  position: absolute;
  top: -0.5rem;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  background-color: #bababa;
  background-color: var(--colorBundle__tooltipBackground);
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  padding: .3rem .6rem;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  border-radius: 3px
}

.has-advanced-tooltip:hover .advanced-tooltip>.field {
  margin-bottom: .6rem
}

.has-advanced-tooltip:hover .advanced-tooltip>.field .field__label {
  color: #2d2926;
  color: var(--colorBundle__darkText);
  font-size: 13px
}

.has-advanced-tooltip:hover .advanced-tooltip>.field .field__item {
  color: #2d2926;
  color: var(--colorBundle__darkText);
  font-size: 14px
}

.has-advanced-tooltip:hover:before {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #bababa;
  border-top-color: var(--colorBundle__tooltipBackground)
}

.zg-icon--accept::before {
  content: ""
}

.zg-icon--decline::before {
  content: ""
}

.zg-icon--resend::before {
  content: ""
}

.card__background {
  overflow: hidden;
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: top .15s, bottom .15s, box-shadow .15s
}

.card__title {
  font-size: 18px;
  margin-bottom: 0;
  margin-right: 3.3rem
}

.card__body {
  margin-bottom: 1rem
}

.card__body .field--field-api-reference-summary {
  margin-top: .5rem
}

.card--has-background-image.card--quicklink .field--field-target [class^=feather-] {
  color: #ffffff;
  color: var(--colorBundle__lightText)
}

.zg-card .zg-card--summary__target {
  align-self: flex-start;
  justify-content: flex-start
}

.zg-card__body_upper_block {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.zg-card__body_upper_block h2 {
  display: inline-block;
  margin: 0
}

.zg-card__body_upper_block span {
  margin-right: 10px
}

.zg-card__body .tags-wrapper_label {
  padding-right: 6px;
  color: #5f5f5f
}

.zg-card__body .card__footer .zg-card--summary__target {
  margin-top: 0
}

.zg-card__body .field--field-api-reference-summary {
  margin: 10px 0
}

.zg-card__body_main-wrapper {
  margin-top: 15px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: row
}

@media(min-width: 1200px) {
  .zg-card__body_main-wrapper {
    flex-direction: row;
    align-items: center
  }
}

.zg-card__body_main-wrapper>div {
  padding-right: 12px;
  display: flex;
  justify-content: flex-start;
  font-size: 12px;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center
}

.zg-card__body_main-wrapper .tags {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  color: #5f5f5f;
  font-size: 12px
}

.zg-card__body_main-wrapper .tags span {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  background: rgba(0, 0, 0, 0);
  border: medium none currentColor;
  border: initial;
  margin: 0;
  vertical-align: middle;
  text-transform: capitalize;
  color: #5f5f5f;
  padding: 0
}

@media(max-width: 1199px) {
  .zg-card__body_main-wrapper .tags span {
    padding-left: 0
  }
}

.zg-card__body_main-wrapper .sub-domain .field--label-inline {
  display: flex
}

.zg-card__body_main-wrapper .field__label,
.zg-card__body_main-wrapper .domain-content {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal;
  padding-right: 5px;
  font-size: 12px
}

.zg-card__body_main-wrapper .field__label {
  color: #5f5f5f
}

.zg-card__body_main-wrapper .field__item {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  color: #5f5f5f;
  font-size: 12px
}

.tags-wrapper {
  display: flex;
  justify-content: space-around;
  font-size: 12px;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center
}

.tags-wrapper_label {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal
}

.region--navigation .container .menu>li>a {
  font-weight: 800
}

.region--navigation .container .menu>li>a.is-active {
  color: #00915a;
  color: var(--colorBundle__navigationItemActive);
  text-decoration: none
}

.region--navigation .container .menu--main {
  font-size: 14px
}

.region--navigation .container .menu--main>li {
  border-right: 1px solid #ebebeb;
  border-right: 1px solid var(--colorBundle__divider)
}

.region--navigation .container .menu--main>li:last-child {
  border-right: none
}

.region--navigation .container .menu--main>li>a.is-active,
.region--navigation .container .menu--main>li>a:active,
.region--navigation .container .menu--main>li>a:focus,
.region--navigation .container .menu--main>li>a:hover {
  color: #00915a;
  color: var(--colorBundle__link)
}

.region--navigation .container .menu--main>li>a.is-active:after,
.region--navigation .container .menu--main>li>a:active:after,
.region--navigation .container .menu--main>li>a:focus:after,
.region--navigation .container .menu--main>li>a:hover:after {
  content: none
}

.region--navigation .container .menu--account li a[href="/user/login"] {
  font-family: BNPPSans;
  font-weight: 800;
  font-style: normal;
  margin-left: 0
}

.region--navigation .container .menu--account li a:hover [class*=bnp__icon],
.region--navigation .container .menu--account li a.is-active [class*=bnp__icon] {
  filter: invert(37%) sepia(83%) saturate(3786%) hue-rotate(142deg) brightness(89%) contrast(101%)
}

.region--navigation .container .menu--account [class*=bnp__icon] {
  background: rgba(0, 0, 0, 0) no-repeat center center;
  display: block;
  height: 24px;
  width: 24px
}

.region--navigation .container .menu--account .bnp__icon--user {
  background-image: url(../images/0c979cabf15c8ab9006f.svg)
}

.region--navigation .container .menu--account .bnp__icon--users {
  background-image: url(../images/8d043da31d1490b7a1a2.svg)
}

.region--navigation .container .menu--account .bnp__icon--log-out {
  background-image: url(../images/196dcb7255890cd30ccd.svg)
}

.region--navigation .container .menu--account .bnp__icon--search {
  background-image: url(../images/5eb6859e5eec3d3e07c5.svg)
}

.region--navigation .container .navigation {
  flex-wrap: wrap;
  align-items: flex-end
}

.region--navigation .container .navigation>nav {
  height: auto
}

.region--navigation .container .navigation>nav:first-of-type::after {
  content: none
}

.region--navigation .container .navigation nav.main-navigation {
  margin-left: 0
}

.main-navigation {
  flex-basis: 100%;
  border-top: 1px solid #ebebeb;
  border-top: 1px solid var(--colorBundle__divider);
  margin-left: 0
}

@media(max-width: 599px) {
  .main-navigation {
    flex-basis: auto
  }
}

.navigation--fixed-top {
  position: fixed;
  left: 0;
  right: 0
}

.navigation--fixed-top+.navigation__push {
  padding-top: 127px
}

@media(max-width: 599px) {
  .navigation--fixed-top+.navigation__push {
    padding-top: 75px
  }
}

.region--sidebar-second,
.region--sidebar-second .affix--wrapper,
.region--sidebar-second .affix--wrapper-outer {
  height: 100%
}

#site-content .menu--documentation {
  font-weight: 700
}

.ip-navigation .ip-navigation-item a.howto-help-link {
  font-weight: 800;
  color: #00915a;
  text-transform: uppercase;
  display: inline-block;
  position: relative
}

.ip-navigation .ip-navigation-item a.howto-help-link:after {
  content: "";
  font-size: 24px;
  font-family: "feather";
  font-size: 18px;
  position: absolute;
  top: 12px;
  padding-left: 5px
}

.region--header .api-status {
  top: 144px;
  right: -23px
}

@media(max-width: 599px) {
  .region--header .api-status {
    top: 17px
  }
}

.header-has-bg .region--header {
  overflow: hidden
}

aside nav .block-title {
  margin-top: 0;
  margin-top: initial;
  margin-bottom: 0;
  margin-bottom: initial
}

aside nav ul.ip-navigation {
  border-top: 1px solid #ebebeb;
  border-top: 1px solid var(--colorBundle__divider)
}

aside nav ul li {
  font-size: 14px;
  border-color: #ebebeb;
  border-color: var(--colorBundle__divider)
}

aside nav ul li a.is-active {
  border-left: 5px solid;
  padding-left: 20px;
  -o-border-image: linear-gradient(to bottom, #00915a, #00915a) 1;
  border-image: linear-gradient(to bottom, #00915a, #00915a) 1;
  -o-border-image: linear-gradient(to bottom, var(--colorBundle__secondaryButtonBorder)) 1;
  border-image: linear-gradient(to bottom, var(--colorBundle__secondaryButtonBorder)) 1
}

aside nav ul li.in-active-trail>ul>li:not(.ip-navigation-item)>a {
  border-bottom: 0;
  border-bottom: initial
}

aside nav ul li.ip-navigation-item {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

aside nav ul li.ip-navigation-item a {
  border-color: #ebebeb;
  border-color: var(--colorBundle__divider)
}

aside nav>ul>li>a {
  text-transform: uppercase
}

.site-branding {
  flex-flow: row wrap;
  align-items: center
}

.site-branding__slogan {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  color: #000;
  margin-top: 5px;
  margin-left: 1em
}

@media(max-width: 599px) {
  .site-branding__slogan {
    display: none
  }
}

.tabs--secondary {
  display: flex;
  overflow: auto
}

@media(min-width: 600px) {
  .tabs--secondary {
    overflow: visible;
    overflow: initial
  }
}

.grey-pill {
  border: 1px solid #5f5f5f;
  display: inline-block;
  font-size: 12px;
  margin: 0 0 0 .5rem;
  padding: 0 10px;
  border-radius: 10px;
  color: #ffffff;
  color: var(--colorBundle__utilityTextColor);
  background-color: #5f5f5f;
  vertical-align: top
}

@media(max-width: 1199px) {
  .grey-pill {
    margin-left: 0
  }
}

.region--bottom-navigation>.container {
  color: #fff
}

.region--bottom-navigation>.container>* {
  width: 100%
}

.region--bottom-navigation>.container .block-title {
  color: #fff;
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal;
  font-size: 19px
}

.region--bottom-navigation>.container .menu li a {
  color: #fff
}

#site-content .region--bottom-navigation .menu,
#site-content .region--footer .menu {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

#access-request-tabs h2 {
  margin: 1em 0;
  padding: .5rem 0 .5rem .5rem;
  border-left: 1px solid;
  border-color: #ddd
}

#access-request-tabs .access-request-tab {
  border-bottom: 1px solid;
  border-color: #ebebeb
}

#access-request-tabs .access-request-tab li {
  display: inline-block;
  cursor: pointer;
  padding: .5rem 1rem;
  margin: 0
}

#access-request-tabs .access-request-tab li:hover {
  color: #00915a
}

#access-request-tabs .access-request-tab li.active {
  background-color: #fff
}

.zg-page-header--title-only:not(.has-background-image) h1 {
  color: #ffffff;
  color: var(--colorBundle__lightText);
  padding-top: 6px
}

.zg-page-header--title-only h1 {
  padding-top: 6px
}

.zg-page-title {
  height: 59px
}

.page-node-type-api-reference .region--content.has-ip-navigation .block--in-page-navigation ul.ip-navigation li.ip-navigation-item {
  font-family: BNPPSans;
  line-height: 16px
}

.page-node-type-api-reference .region--content.has-ip-navigation .block--in-page-navigation ul.ip-navigation li.ip-navigation-item a.is-active {
  -o-border-image: linear-gradient(to bottom, #00bc8c, #00a951) 1;
  border-image: linear-gradient(to bottom, #00bc8c, #00a951) 1
}

.swagger-ui .highlighted-code pre {
  padding: 0
}

.swagger-ui .highlighted-code pre .hljs-number {
  color: #d36363
}

.swagger-ui .highlighted-code pre .hljs-string {
  color: #00915a
}

.swagger-ui .model-container>.model-box>span:not(:first-child) {
  display: none
}

.swagger-ui .model-container>.model-box .model-title:hover,
.swagger-ui .models .no-margin .model-container>.model-box div.model-box .prop-name:hover,
.swagger-ui .models .no-margin .model-container>.model-box .model .model-title__text:hover {
  cursor: pointer
}

.opblock-summary {
  padding: 8px 10px
}

@media(min-width: 600px) {
  .opblock-summary {
    align-items: flex-start
  }

  .opblock-summary .opblock-summary-path,
  .opblock-summary .opblock-summary-path__deprecated {
    margin-top: 12px
  }

  .opblock-summary .authorization__btn {
    margin-right: 0 !important
  }

  .opblock-summary .authorization__btn {
    padding-right: 0;
    margin-left: auto;
    margin-top: .8rem
  }

  .opblock-summary .opblock-summary-description {
    flex-basis: 40%;
    margin-top: 12px;
    margin-right: 30px;
    word-break: break-word
  }

  .opblock-summary .opblock-summary-description::before {
    min-height: 2.5rem;
    height: 100%
  }
}

@media(min-width: 600px) {
  .opblock .opblock-summary-method::after {
    top: auto;
    top: initial;
    transform: none;
    transform: initial
  }
}

.swagger-ui .opblock-summary {
  padding: 5px 10px
}

.swagger-ui .opblock-summary .opblock-summary-method {
  padding: 5px 2px;
  min-width: 60px
}

.swagger-ui .opblock-summary .opblock-summary-method::after {
  top: 12px
}

@media(min-width: 600px) {
  .swagger-ui .opblock-summary .opblock-summary-method {
    flex-basis: 60px
  }
}

.swagger-ui .schemes .auth-wrapper {
  margin-top: 0
}

.swagger-ui .try-out__btn:hover,
.swagger-ui .try-out__btn:focus {
  color: #fff !important;
  border: none !important
}

.swagger-ui .try-out__btn:hover,
.swagger-ui .try-out__btn:focus {
  background-color: #007265;
  -o-border-image: linear-gradient(to right, #007265, #007265) 1;
  border-image: linear-gradient(to right, #007265, #007265) 1
}

.swagger-ui .modal-btn.btn-done:hover,
.swagger-ui .modal-btn.btn-done:focus {
  background-color: #007265 !important;
  border-color: #007265 !important
}

.swagger-ui .modal-ux .auth-container .auth-btn-wrapper {
  margin-top: 3rem
}

.swagger-ui .modal-ux .auth-container .oauth2-block .scopes {
  margin-top: 2rem
}

.page-node-type-api-info-page td .dropbutton-widget {
  position: relative
}

.page-node-type-api-info-page .field--field-owners {
  padding-bottom: 1rem
}

.page-node-type-api-info-page .field--field-points-of-contacts {
  padding: 1rem 0 1rem
}

.page-node-type-api-info-page .field--field-points-of-contacts p {
  margin: 0
}

@media(min-width: 1200px) {
  .page-node-type-api-info-page #bnp-access-control-edge-sync {
    float: right
  }
}

.page-node-type-api-info-page .views-field-operations>div {
  padding-right: 0
}

.page-node-type-api-info-page .api-info {
  background: #fff
}

.page-node-type-api-info-page .api-info:not(:last-of-type) {
  margin-bottom: 30px
}

.page-node-type-api-info-page .api-info__header {
  background: #00915a;
  display: flex;
  align-items: center;
  padding: 10px 15px
}

.page-node-type-api-info-page .api-info__header .api-info__title {
  color: #fff;
  text-transform: uppercase;
  margin-left: 10px
}

.page-node-type-api-info-page .api-info__header .icon {
  background: rgba(0, 0, 0, 0) no-repeat center center;
  display: block;
  height: 32px;
  width: 32px
}

.page-node-type-api-info-page .api-info__header .icon--info {
  background-image: url(../images/83fe8ab4190afd36683c.png)
}

.page-node-type-api-info-page .api-info__header .icon--gears {
  background-image: url(../images/b1c7170efc9381c20d2c.png)
}

.page-node-type-api-info-page .api-info__header .icon--dashboard {
  background-image: url(../images/73d1bf8c5c17ca8fd0bb.png)
}

.page-node-type-api-info-page .api-info__header .icon--coffee {
  background-image: url(../images/b6cfb2d8579f987b66af.png)
}

.page-node-type-api-info-page .api-info__header .icon--light-bulb {
  background-image: url(../images/866cd252fa4f7c5edd0e.png)
}

.page-node-type-api-info-page .api-info__body {
  display: flex;
  flex-direction: column
}

.page-node-type-api-info-page .api-info__row {
  display: flex;
  flex-wrap: wrap
}

.page-node-type-api-info-page .api-info__row:not(:last-of-type) {
  border-bottom: 1px solid #e9e9e9
}

@media(max-width: 599px) {
  .page-node-type-api-info-page .api-info__row {
    flex-direction: column
  }
}

.page-node-type-api-info-page .api-info__col {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  font-size: .934rem;
  line-height: 1.17;
  padding: 10px 15px;
  min-height: 60px;
  word-break: break-word
}

@media(min-width: 600px) {
  .page-node-type-api-info-page .api-info__col:not(:last-of-type) {
    border-right: 1px solid #e9e9e9
  }
}

@media(max-width: 599px) {
  .page-node-type-api-info-page .api-info__col:not(:last-of-type) {
    border-bottom: 1px solid #e9e9e9
  }
}

.page-node-type-api-info-page .api-info__col>.api-info__row {
  margin: -35px
}

.page-node-type-api-info-page .api-info__col ul {
  padding: 0
}

.page-node-type-api-info-page .api-info__label {
  font-family: BNPPSans;
  font-weight: 600;
  font-style: normal;
  color: #bababa;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  text-transform: uppercase
}

.page-node-type-api-info-page .api-info__value-with-icon .feather {
  display: flex;
  align-items: center;
  font-size: 1.33rem
}

.page-node-type-api-info-page .api-info__value-with-icon .feather>div {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  font-size: .935rem;
  margin-left: 10px
}

.page-node-type-api-info-page .api-info__value-with-icon .feather-help-circle:before,
.page-node-type-api-info-page .api-info__value-with-icon .feather-info:before {
  color: #bababa
}

.page-node-type-api-info-page .api-info__value-with-icon .feather-refresh-cw:before {
  color: #d3d03b
}

.page-node-type-api-info-page .api-info__value-with-icon .feather-check-circle:before {
  color: #00a951
}

.page-node-type-api-info-page .api-info__value-with-icon .feather-alert-circle:before,
.page-node-type-api-info-page .api-info__value-with-icon .feather-alert-triangle:before,
.page-node-type-api-info-page .api-info__value-with-icon .feather-x-circle:before {
  color: #e74f50
}

.page-node-type-api-info-page aside nav>ul>li>a {
  text-transform: none;
  text-transform: initial
}

.page-node-type-api-info-page .bnp-access-control-edge-sync .zg-panel {
  z-index: 1
}

.toolbar-horizontal.toolbar-fixed .block--in-page-navigation.is-sticky {
  margin-top: 0;
  position: sticky
}

.view--product-access-requests--default .view__content .table-wrapper,
.view--documentation-access-requests--default .view__content .table-wrapper {
  padding-top: 5rem
}

.login-wrapper,
.login-footer-wrapper {
  display: block
}

@media(min-width: 897px) {

  .login-wrapper,
  .login-footer-wrapper {
    display: flex;
    justify-content: center
  }
}

.login-form-wrapper,
.account-create-wrapper {
  width: 100%;
  margin: 0 1%
}

@media(min-width: 897px) {

  .login-form-wrapper,
  .account-create-wrapper {
    order: 0;
    width: 48%
  }
}

.login-form-wrapper .create-account,
.account-create-wrapper .create-account {
  text-align: center;
  padding-top: 10px
}

.login-form-wrapper .create-account .feather-info:before,
.account-create-wrapper .create-account .feather-info:before {
  color: #bababa;
  vertical-align: -4px;
  padding-right: 10px
}

.sso-login-wrapper,
.login-footer-spacer {
  width: 100%;
  margin: 0 1%
}

@media(min-width: 897px) {

  .sso-login-wrapper,
  .login-footer-spacer {
    order: 1;
    width: 48%;
    display: flex;
    align-items: stretch
  }
}

.sso-login-wrapper .sso-login,
.login-footer-spacer .sso-login {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 50px 0
}

@media(min-width: 897px) {

  .sso-login-wrapper .sso-login,
  .login-footer-spacer .sso-login {
    padding: 0
  }
}

.sso-login-wrapper .sso-login h2,
.login-footer-spacer .sso-login h2 {
  font-size: 30px;
  font-weight: 400;
  padding: 0;
  margin: 20px 0
}

@media(min-width: 897px) {

  .sso-login-wrapper .sso-login h2,
  .login-footer-spacer .sso-login h2 {
    font-size: 26px
  }
}

#user-login-form>div.form__fields.panel {
  box-shadow: none;
  margin: 0;
  padding: 0
}

#user-login-form {
  margin-bottom: 0
}

#edit-actions {
  margin-bottom: 0
}

.sso-login {
  text-align: center
}

.input-group .login--icon {
  background-color: #009fb1
}

#block-bnp-content>div>div.sso-login.panel {
  margin: 1%;
  padding: 0
}

.reset-password {
  margin-top: 20px
}

@media(min-width: 1000px) {
  .reset-password {
    position: absolute;
    bottom: 60px;
    margin: 0
  }
}

.line-break {
  width: 100%
}

.login-form,
.sso-login-wrapper {
  background-color: #ffffff;
  background-color: var(--colorBundle__panelBackground);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px var(--colorBundle__shadow);
  border: none;
  position: relative;
  padding: 3rem
}

.login-form:last-child,
.sso-login-wrapper:last-child {
  margin-bottom: 1.5rem
}

.login-form+.zg-panel,
.sso-login-wrapper+.zg-panel {
  margin-top: 1.5rem
}

.login-form .zg-panel,
.sso-login-wrapper .zg-panel {
  padding: 0;
  box-shadow: none;
  box-shadow: initial
}

.api-header .page-title--api {
  display: inline-block
}

.api-header_label {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal;
  padding-right: 5px
}

.api-header .tags-wrapper {
  margin-bottom: 10px
}

.api-header .tags-wrapper_label {
  padding-right: 5px
}

.api-header_tag-wrapper {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: row;
  align-items: center
}

.api-header_main-wrapper {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start
}

.api-header_main-wrapper>span {
  margin-bottom: 10px
}

.api-header_main-wrapper>div {
  font-size: 12px;
  padding-left: 6px;
  margin-bottom: 6px
}

@media(max-width: 1199px) {
  .api-header_main-wrapper>div {
    padding-left: 0
  }
}

@media(min-width: 1200px) {
  .api-header_main-wrapper_label {
    padding-left: 5px
  }
}

@media(min-width: 1200px) {
  .api-header_main-wrapper {
    flex-direction: row;
    align-items: center
  }
}

.api-header_main-wrapper .tags-wrapper {
  margin-bottom: 0
}

.api-header_main-wrapper h1 {
  margin-right: 6px
}

.api-header_tags {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start
}

.api-header_tags>div {
  padding-right: 20px;
  display: flex;
  justify-content: space-around;
  font-size: 12px;
  align-items: center
}

.api-header_tags .tags span {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  background: rgba(0, 0, 0, 0);
  border: medium none currentColor;
  border: initial;
  padding: 0 0 6.6666666667px 0;
  margin: 0;
  vertical-align: middle;
  text-transform: capitalize
}

@media(max-width: 1199px) {
  .api-header_tags .tags span {
    padding-left: 0
  }
}

.api-header_tags .field__label,
.api-header_tags .domain-content {
  font-family: BNPPSans;
  font-weight: 700;
  font-style: normal;
  padding-right: 5px;
  font-size: 12px
}

.api-header_tags .field__item {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  font-size: 12px
}

.api-header_tags_wrapper {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: row;
  align-items: center
}

@media(min-width: 1200px) {
  .api-header_tags {
    flex-direction: row;
    align-items: center
  }
}

.api-header .field--field-api-header-content p {
  margin-bottom: 5px
}

.path-api-catalog .page-header--title-only.has-background-image .page-header__first {
  background-color: #f7f7f7;
  background-color: var(--colorBundle__pageBackground);
  bottom: auto;
  border-bottom: 1px solid #00915a;
  border-bottom: 1px solid var(--colorBundle__pageTitleBarBackground);
  position: relative
}

.path-api-catalog .page-header--title-only.has-background-image .page-header__first::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #00915a;
  background-color: var(--colorBundle__pageTitleBarBackground)
}

.page-node-type-api-reference .zg-page-header--hero {
  overflow: visible;
  overflow: initial
}

div.version-dropdown {
  cursor: pointer;
  position: relative;
  text-align: center;
  padding-left: 0;
  margin: 0 5px 3px 5px
}

div.version-dropdown.active .dropbutton li {
  visibility: visible;
  opacity: 1;
  display: block;
  clear: both;
  width: 100%
}

div.version-dropdown.active .version-dropdown-value::after {
  transform: rotate(180deg)
}

div.version-dropdown .version-dropdown-value {
  background: rgba(247, 247, 247, .1490196078);
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  font-style: normal;
  font-size: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 5px;
  min-width: 71px;
  min-height: 18px
}

div.version-dropdown .version-dropdown-value::after {
  content: "";
  background: url(../images/f75ac55e7e49044205c8.svg) no-repeat center;
  position: relative;
  right: 0;
  top: 0;
  width: 15px;
  height: 15px;
  bottom: 50%
}

div.version-dropdown .dropbutton {
  text-align: center;
  list-style: none;
  margin: 0;
  min-width: 5rem;
  position: absolute;
  transition: all .5s ease;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  width: 100%;
  padding-left: 0;
  border-radius: 5px;
  max-height: 217px
}

div.version-dropdown .dropbutton li {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  cursor: pointer;
  background-color: #fff;
  display: block;
  float: left;
  padding: 5px;
  position: relative;
  transition: all .5s ease;
  text-decoration: none;
  transition-duration: .5s;
  font-size: 15px;
  border: .5px solid #aaa;
  min-width: 5rem;
  transition: all .5s ease;
  visibility: visible;
  display: none;
  z-index: 1;
  border: 0
}

div.version-dropdown .dropbutton li a {
  color: #434343
}

div.version-dropdown .dropbutton li a.active::before {
  content: "";
  background: url(../images/4b25db9f90a5093a534a.svg) no-repeat;
  width: 10px;
  height: 12px;
  position: absolute;
  left: 5px;
  top: 10px
}

.page-node-type-api-reference .field--field-description h1 {
  margin-top: 10px
}

.api-catalog--block {
  position: relative
}

.api-catalog--block .filters .filter-checkbox-container {
  margin-left: 5px;
  margin-right: 5px
}

.api-catalog--block .filters .filter-checkbox-container .tag--filter {
  padding: 3.75px 8px;
  background: #e9e9e9;
  border: 1px solid #ddd
}

.api-catalog--block .filters .filter-checkbox-container input:checked+.tag--filter {
  background: rgba(0, 114, 101, .1);
  border: 1px solid rgba(0, 114, 101, .4);
  color: #007265
}

.api-catalog--block .pagination--wrapper .pagination {
  font-family: BNPPSans;
  font-weight: 600;
  font-style: normal;
  display: block;
  box-sizing: content-box;
  box-sizing: initial;
  padding: 0;
  width: 44px
}

.api-catalog--block .pagination--wrapper .active {
  background: #00915a;
  color: #fff
}

.form-select {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

.zg-apigee-app-header__name,
.zg-apigee-app__name {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

@media(min-width: 600px) {

  .zg-apigee-app-header__name,
  .zg-apigee-app__name {
    flex: 4 0 0
  }
}

.zg-apigee-apps-header small {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

.view--team-invitations {
  margin-top: 1rem
}

.team-app-form .fieldset-wrapper {
  padding: 1rem 3rem
}

.swagger-ui .info .base-url {
  font-family: BNPPSans;
}

.swagger-ui .modal-btn.btn-done {
  background-color: transparent;
  background-color: initial;
  border-color: #00915a;
  color: #00915a
}

.swagger-ui .modal-btn.btn-done:active,
.swagger-ui .modal-btn.btn-done:focus,
.swagger-ui .modal-btn.btn-done:hover {
  background-color: #00915a;
  color: #fff
}

.swagger-ui h4.opblock-tag,
.swagger-ui h4.opblock-title,
.swagger-ui h3.opblock-tag,
.swagger-ui h3.opblock-title,
.swagger-ui #models {
  font-family: BNPPSans;
  font-weight: 600;
  font-style: normal;
  padding-left: 0;
  padding-left: initial;
  font-size: 23px;
  margin-bottom: 3px
}

.swagger-ui h4.opblock-tag:before,
.swagger-ui h4.opblock-title:before,
.swagger-ui h3.opblock-tag:before,
.swagger-ui h3.opblock-title:before,
.swagger-ui #models:before {
  content: normal;
  content: initial
}

.swagger-ui h4.opblock-tag a,
.swagger-ui h4.opblock-title a,
.swagger-ui h3.opblock-tag a,
.swagger-ui h3.opblock-title a,
.swagger-ui #models a {
  margin-right: 10px !important
}

.swagger-ui h4.opblock-tag a,
.swagger-ui h4.opblock-title a,
.swagger-ui h3.opblock-tag a,
.swagger-ui h3.opblock-title a,
.swagger-ui #models a {
  margin-bottom: 3px
}

.swagger-ui h4.opblock-tag .markdown p,
.swagger-ui h4.opblock-title .markdown p,
.swagger-ui h3.opblock-tag .markdown p,
.swagger-ui h3.opblock-title .markdown p,
.swagger-ui #models .markdown p {
  color: #2d2926;
  padding: 0;
  font-size: 12px
}

.swagger-ui .opblock-section-header .tab-header h3,
.swagger-ui .opblock-section-header .tab-header h4 {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

.swagger-ui .opblock-section-header h3,
.swagger-ui .opblock-section-header h4 {
  padding-left: 0;
  padding-left: initial;
  margin-bottom: 0;
  margin-bottom: initial;
  font-family: BNPPSans;
  font-size: 16px;
  font-weight: 16px
}

.swagger-ui .opblock-section-header .parameter__name,
.swagger-ui .opblock-section-header .undefined {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

.swagger-ui .parameters-container tr td input:disabled::-moz-placeholder {
  color: #2d2926;
  color: var(--colorBundle__text)
}

.swagger-ui .parameters-container tr td input:disabled::placeholder {
  color: #2d2926;
  color: var(--colorBundle__text)
}

.swagger-ui label {
  font-family: BNPPSans;
  font-size: 12px;
  font-weight: normal;
  text-transform: capitalize
}

.swagger-ui .btn:not(.try-out__btn),
.swagger-ui .download-contents,
.swagger-ui .button {
  padding: 10px 25px;
  font-family: BNPPSans;
  font-weight: 700
}

.swagger-ui .try-out__btn {
  font-family: BNPPSans;
  font-weight: 700;
  padding: 0 15px;
  min-height: 36px
}

.swagger-ui .opblock-section-header {
  padding-top: 5px;
  padding-bottom: 5px
}

.swagger-ui .table-container,
.swagger-ui .responses-inner {
  padding: 0 10px
}

.swagger-ui .table-container table,
.swagger-ui .table-container thead,
.swagger-ui .table-container th,
.swagger-ui .table-container tr,
.swagger-ui .table-container td,
.swagger-ui .responses-inner table,
.swagger-ui .responses-inner thead,
.swagger-ui .responses-inner th,
.swagger-ui .responses-inner tr,
.swagger-ui .responses-inner td {
  border: none;
  padding: 5px 0;
  font-family: BNPPSans
}

.swagger-ui .table-container table::before,
.swagger-ui .table-container thead::before,
.swagger-ui .table-container th::before,
.swagger-ui .table-container tr::before,
.swagger-ui .table-container td::before,
.swagger-ui .responses-inner table::before,
.swagger-ui .responses-inner thead::before,
.swagger-ui .responses-inner th::before,
.swagger-ui .responses-inner tr::before,
.swagger-ui .responses-inner td::before {
  content: none
}

.swagger-ui .table-container thead,
.swagger-ui .table-container tr.responses-header,
.swagger-ui .responses-inner thead,
.swagger-ui .responses-inner tr.responses-header {
  border-bottom: 1px solid #e9e9e9
}

.swagger-ui .table-container thead th,
.swagger-ui .table-container thead tr,
.swagger-ui .table-container thead td,
.swagger-ui .table-container tr.responses-header th,
.swagger-ui .table-container tr.responses-header tr,
.swagger-ui .table-container tr.responses-header td,
.swagger-ui .responses-inner thead th,
.swagger-ui .responses-inner thead tr,
.swagger-ui .responses-inner thead td,
.swagger-ui .responses-inner tr.responses-header th,
.swagger-ui .responses-inner tr.responses-header tr,
.swagger-ui .responses-inner tr.responses-header td {
  padding: 0;
  text-transform: capitalize;
  color: #5f5f5f
}

.swagger-ui .table-container pre,
.swagger-ui .responses-inner pre {
  margin: 0;
  padding: 5px
}

.swagger-ui .table-container ul.tab,
.swagger-ui .responses-inner ul.tab,
.swagger-ui .opblock-description-wrapper ul.tab {
  padding: 0
}

.swagger-ui .table-container ul.tab .tablinks,
.swagger-ui .responses-inner ul.tab .tablinks,
.swagger-ui .opblock-description-wrapper ul.tab .tablinks {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  padding: 5px 10px;
  opacity: 1
}

.swagger-ui .table-container ul.tab .tabitem.active .tablinks:after,
.swagger-ui .responses-inner ul.tab .tabitem.active .tablinks:after,
.swagger-ui .opblock-description-wrapper ul.tab .tabitem.active .tablinks:after {
  background: linear-gradient(to right, #00bc8c, #00a951)
}

.swagger-ui .opblock-description-wrapper {
  padding: 10px
}

.swagger-ui .parameter__name {
  font-weight: 700;
  line-height: 24px
}

.swagger-ui .opblock-tag small {
  text-transform: capitalize;
  font-family: BNPPSans;
  font-size: 12px
}

.swagger-ui .opblock-tag .expand-operation {
  width: 36px;
  height: 36px
}

.swagger-ui .swagger-ui select {
  min-height: 26px;
  min-width: 92px
}

.swagger-ui .opblock-summary {
  padding: 0
}

@media(min-width: 600px) {

  .swagger-ui .opblock-summary,
  .swagger-ui .opblock-summary-control {
    align-items: center
  }
}

.swagger-ui .opblock-summary .opblock-summary-method,
.swagger-ui .opblock-summary-control .opblock-summary-method {
  font-family: BNPPSans;
  font-weight: 700
}

.swagger-ui .opblock-summary .opblock-summary-description,
.swagger-ui .opblock-summary-control .opblock-summary-description {
  margin: 0;
  margin: initial;
  font-family: BNPPSans;
  font-size: 14px;
  line-height: 14px;
  flex-basis: 50%
}

.swagger-ui .opblock-summary .opblock-summary-path,
.swagger-ui .opblock-summary-control .opblock-summary-path {
  margin: 0;
  margin: initial;
  line-height: 24px
}

.swagger-ui .opblock-summary .opblock-summary-path .nostyle,
.swagger-ui .opblock-summary-control .opblock-summary-path .nostyle {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

@media(min-width: 600px) {
  .swagger-ui .opblock-summary-control {
    padding-right: 0;
    padding-right: initial
  }
}

.swagger-ui .body-param-options {
  padding: 5px 10px
}

.swagger-ui .authorization__btn {
  margin: 0 20px
}

.swagger-ui .authorization__btn:after {
  padding: 0 10px
}

.swagger-ui .models h3,
.swagger-ui .models h4 {
  margin: 0;
  margin: initial;
  padding: 0;
  padding: initial;
  text-transform: capitalize;
  font-family: BNPPSans;
  font-size: 23px;
  font-weight: 400
}

.swagger-ui .models h3 span,
.swagger-ui .models h4 span {
  text-transform: uppercase
}

.swagger-ui .models h3:before,
.swagger-ui .models h4:before {
  content: normal;
  content: initial
}

.swagger-ui .models h3:after,
.swagger-ui .models h4:after {
  width: 36px;
  height: 36px
}

.swagger-ui .models button.models-control {
  padding: 0;
  margin: 0
}

.swagger-ui .models button.models-control:before {
  content: normal;
  content: initial
}

.swagger-ui .models button.models-control span {
  font-family: BNPPSans;
  font-size: 23px;
  font-weight: 400
}

.swagger-ui .models .no-margin {
  margin-top: 12px;
  box-shadow: none
}

.swagger-ui .models .no-margin .model-box button.model-box-control {
  background-color: #fff
}

.swagger-ui .models .no-margin .model-box .model {
  font-size: 14px
}

.swagger-ui .model-container {
  border: medium none currentColor;
  border: initial
}

.swagger-ui .model-title,
.swagger-ui .models .no-margin .model-container div.model-box .prop-name,
.swagger-ui .models .no-margin .model-box .model .model-title__text {
  font-family: BNPPSans;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px
}

.swagger-ui div.model-box {
  background-color: #fff
}

.swagger-ui div.model-box table,
.swagger-ui div.model-box thead,
.swagger-ui div.model-box th,
.swagger-ui div.model-box tr,
.swagger-ui div.model-box td {
  border: none
}

.swagger-ui .content-type-wrapper select.content-type {
  min-width: 240px;
  font-family: BNPPSans
}

.swagger-ui .opblock-tag-section {
  padding-top: 5px
}

.swagger-ui .opblock-tag-section .no-margin {
  box-shadow: none
}

.swagger-ui .opblock-tag-section .responses-wrapper .response-control-examples {
  margin-left: 20px
}

.swagger-ui .opblock-tag-section .responses-wrapper .examples-select {
  margin-top: 7px
}

.swagger-ui .opblock-tag-section .responses-wrapper .examples-select .examples-select-element {
  min-height: 37px
}

.swagger-ui .opblock-tag-section .responses-wrapper .opblock-section-header h3,
.swagger-ui .opblock-tag-section .responses-wrapper .opblock-section-header h4 {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

.swagger-ui .opblock-tag-section:not(.is-open)::after {
  content: none
}

.swagger-ui .scheme-container .wrapper {
  padding: 10px;
  height: 68px
}

@media(max-width: 897px) {
  .swagger-ui .scheme-container .wrapper {
    padding-bottom: 105px
  }
}

.swagger-ui .scheme-container .servers-title {
  font-family: BNPPSans;
  font-size: 12px;
  line-height: 14px
}

.swagger-ui .scheme-container section {
  box-shadow: none;
  padding: 15px 10px
}

.swagger-ui .scheme-container section select {
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  min-width: 0;
  min-width: initial;
  font-family: BNPPSans
}

.swagger-ui .scheme-container .auth-wrapper {
  padding-bottom: 5px
}

@media(max-width: 897px) {
  .swagger-ui .scheme-container .auth-wrapper {
    padding-top: 6px
  }
}

.swagger-ui .models {
  padding-top: 10px
}

.swagger-ui .models .no-margin .model-container .model-box button {
  padding: 7px 8px 8px
}

.swagger-ui .models .no-margin .model-container .model-box button:after {
  color: #bababa
}

.swagger-ui .models .no-margin .model-container .model-box .property-row button,
.swagger-ui .models .no-margin .model-container .model-box .prop button {
  padding: 0
}

.swagger-ui .models .no-margin .model-container div.model-box {
  padding: 5px 0
}

.swagger-ui .models .no-margin .model-container div.model-box td {
  padding: 0 15px
}

.swagger-ui .models .no-margin .model-container div.model-box .prop-name {
  font-size: 14px
}

.swagger-ui .models .no-margin .model-container div.model-box .prop-type {
  margin-left: 15px
}

.swagger-ui .models .no-margin .model-container div.model-box .prop-enum {
  display: flex;
  flex-direction: column
}

.swagger-ui .models .no-margin .model-container .inner-object {
  padding: 5px
}

.swagger-ui .models:not(.is-open)::after {
  content: none
}

.swagger-ui .tab,
.swagger-ui .lowlight {
  padding: 0;
  margin: 0
}

.swagger-ui pre.lowlight {
  line-height: 14px
}

.swagger-ui table.model {
  line-height: 14px
}

.swagger-ui .information-container .info {
  margin-bottom: 10px
}

.swagger-ui .information-container .info .main {
  margin-bottom: .5rem
}

.swagger-ui .information-container .info .main .button--postman {
  padding: 10px 37.5px
}

.swagger-ui pre {
  font-size: 12px
}

.swagger-ui .responses-table .headers__title {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px
}

.swagger-ui .model-example .model-box .model span,
.swagger-ui .model-container .model-box .model span {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  line-height: 14px
}

.swagger-ui .responses-inner .model-example .model-box .model span {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal;
  line-height: 14px
}

.swagger-ui .response-control-media-type__accept-message {
  color: #2d2926;
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

.swagger-ui .model-example .highlighted-code pre {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

.swagger-ui .model-example .highlighted-code pre code {
  font-family: BNPPSans;
  font-weight: 400;
  font-style: normal
}

.swagger-ui .auth-container .wrapper {
  height: auto;
  height: initial
}

.page-node-type-api-reference .zg-page-header--nav-above,
.page-node-type-api-page-builder .zg-page-header--nav-above,
.page-node-type-api-description-page .zg-page-header--nav-above,
.page-node-type-api-info-page .zg-page-header--nav-above {
  max-height: none;
  max-height: initial;
  height: auto
}

.page-node-type-api-reference .zg-page-header--nav-above .zg-page-header__first,
.page-node-type-api-page-builder .zg-page-header--nav-above .zg-page-header__first,
.page-node-type-api-description-page .zg-page-header--nav-above .zg-page-header__first,
.page-node-type-api-info-page .zg-page-header--nav-above .zg-page-header__first {
  margin-top: 15px
}

.page-node-type-api-reference .zg-page-header--nav-above .zg-page-header__first .tags,
.page-node-type-api-page-builder .zg-page-header--nav-above .zg-page-header__first .tags,
.page-node-type-api-description-page .zg-page-header--nav-above .zg-page-header__first .tags,
.page-node-type-api-info-page .zg-page-header--nav-above .zg-page-header__first .tags {
  margin-top: 5px;
  margin-bottom: 0
}

.page-node-type-api-reference .zg-page-header--nav-above .zg-page-header__first .tags li span,
.page-node-type-api-page-builder .zg-page-header--nav-above .zg-page-header__first .tags li span,
.page-node-type-api-description-page .zg-page-header--nav-above .zg-page-header__first .tags li span,
.page-node-type-api-info-page .zg-page-header--nav-above .zg-page-header__first .tags li span {
  margin-bottom: 0
}

.page-node-type-api-reference .zg-page-header--nav-above .zg-page-header__first .field--field-api-header-content,
.page-node-type-api-page-builder .zg-page-header--nav-above .zg-page-header__first .field--field-api-header-content,
.page-node-type-api-description-page .zg-page-header--nav-above .zg-page-header__first .field--field-api-header-content,
.page-node-type-api-info-page .zg-page-header--nav-above .zg-page-header__first .field--field-api-header-content {
  margin-top: 5px
}

.page-node-type-api-reference .zg-page-header__second,
.page-node-type-api-page-builder .zg-page-header__second,
.page-node-type-api-description-page .zg-page-header__second,
.page-node-type-api-info-page .zg-page-header__second {
  margin-top: 60px
}

@media(min-width: 600px) {

  .page-node-type-api-reference .zg-page-header__second,
  .page-node-type-api-page-builder .zg-page-header__second,
  .page-node-type-api-description-page .zg-page-header__second,
  .page-node-type-api-info-page .zg-page-header__second {
    margin-top: 0;
    margin-top: initial
  }
}

.page-node-type-api-reference main,
.page-node-type-api-page-builder main,
.page-node-type-api-description-page main,
.page-node-type-api-info-page main {
  margin-top: 15px
}

.page-node-type-api-reference main .info,
.page-node-type-api-page-builder main .info,
.page-node-type-api-description-page main .info,
.page-node-type-api-info-page main .info {
  margin-top: 0
}

.page-node-type-api-reference .highlighted-code pre,
.page-node-type-api-page-builder .highlighted-code pre,
.page-node-type-api-description-page .highlighted-code pre,
.page-node-type-api-info-page .highlighted-code pre {
  font-size: 14px
}

.page-node-type-api-reference .field--field-description h1 {
  margin-top: 10px
}

.page-builder__element .paragraph--grid .grid .paragraph--grid__element:not(:last-of-type) {
  margin-bottom: 30px
}

@media(min-width: 600px) {
  .page-builder__element .paragraph--grid .grid .paragraph--grid__element:not(:last-of-type) {
    margin-bottom: 0
  }
}

.path-frontpage:not(.user-logged-in) .page-builder__elements .page-builder__element:first-child {
  margin-top: 60px
}

@media(min-width: 600px) {
  .path-frontpage:not(.user-logged-in) .page-builder__elements .page-builder__element:first-child {
    margin-top: 0
  }
}

.user-app--page .tabs--primary .has-tooltip:hover::after,
.user-app--page .tabs--primary [data-tooltip]:hover::after,
.path-teams .tabs--primary .has-tooltip:hover::after,
.path-teams .tabs--primary [data-tooltip]:hover::after {
  top: 100%;
  left: 50%;
  padding: 0;
  height: 4px;
  width: 50%
}

.user-app--page .tabs--primary .has-tooltip::before,
.user-app--page .tabs--primary [data-tooltip]::before,
.path-teams .tabs--primary .has-tooltip::before,
.path-teams .tabs--primary [data-tooltip]::before {
  content: none
}

.external-link::before {
  content: "";
  line-height: 1;
  color: #00a951;
  margin-right: 3px
}

.thinner .form__actions {
  margin-top: 25px
}