/* Remove Connect Theme styling */
.route-apic-appcreate .main-container .row #edit-actions button,
.route-apic-appcreate .main-container .row #edit-actions .button,
.route-apic-appcreate .main-container .row .form-actions button,
.route-apic-appcreate .main-container .row .form-actions .button,
.route-apic-appcreate-step-two .main-container .row #edit-actions button,
.route-apic-appcreate-step-two .main-container .row #edit-actions .button,
.route-apic-appcreate-step-two .main-container .row .form-actions button,
.route-apic-appcreate-step-two .main-container .row .form-actions .button,
.route-applicationcreate .main-container .row #edit-actions button,
.route-applicationcreate .main-container .row #edit-actions .button,
.route-applicationcreate .main-container .row .form-actions button,
.route-applicationcreate .main-container .row .form-actions .button,
.route-applicationcreate-step-two .main-container .row #edit-actions button,
.route-applicationcreate-step-two .main-container .row #edit-actions .button,
.route-applicationcreate-step-two .main-container .row .form-actions button,
.route-applicationcreate-step-two .main-container .row .form-actions .button,
.route-apic-appverify-clientsecret .main-container .row #edit-actions button,
.route-apic-appverify-clientsecret .main-container .row #edit-actions .button,
.route-apic-appverify-clientsecret .main-container .row .form-actions button,
.route-apic-appverify-clientsecret .main-container .row .form-actions .button,
.route-apic-appcredentials-create .main-container .row #edit-actions button,
.route-apic-appcredentials-create .main-container .row #edit-actions .button,
.route-apic-appcredentials-create .main-container .row .form-actions button,
.route-apic-appcredentials-create .main-container .row .form-actions .button,
.route-apic-appreset-clientid .main-container .row #edit-actions button,
.route-apic-appreset-clientid .main-container .row #edit-actions .button,
.route-apic-appreset-clientid .main-container .row .form-actions button,
.route-apic-appreset-clientid .main-container .row .form-actions .button,
.route-apic-appreset-clientsecret .main-container .row #edit-actions button,
.route-apic-appreset-clientsecret .main-container .row #edit-actions .button,
.route-apic-appreset-clientsecret .main-container .row .form-actions button,
.route-apic-appreset-clientsecret .main-container .row .form-actions .button,
.route-apic-appcredentials-update .main-container .row #edit-actions button,
.route-apic-appcredentials-update .main-container .row #edit-actions .button,
.route-apic-appcredentials-update .main-container .row .form-actions button,
.route-apic-appcredentials-update .main-container .row .form-actions .button,
.route-apic-appcredentials-delete .main-container .row #edit-actions button,
.route-apic-appcredentials-delete .main-container .row #edit-actions .button,
.route-apic-appcredentials-delete .main-container .row .form-actions button,
.route-apic-appcredentials-delete .main-container .row .form-actions .button,
.route-apic-appupdate .main-container .row #edit-actions button,
.route-apic-appupdate .main-container .row #edit-actions .button,
.route-apic-appupdate .main-container .row .form-actions button,
.route-apic-appupdate .main-container .row .form-actions .button,
.route-apic-appdelete .main-container .row #edit-actions button,
.route-apic-appdelete .main-container .row #edit-actions .button,
.route-apic-appdelete .main-container .row .form-actions button,
.route-apic-appdelete .main-container .row .form-actions .button,
.route-apic-apppromote .main-container .row #edit-actions button,
.route-apic-apppromote .main-container .row #edit-actions .button,
.route-apic-apppromote .main-container .row .form-actions button,
.route-apic-apppromote .main-container .row .form-actions .button,
.route-apic-appimage-upload .main-container .row #edit-actions button,
.route-apic-appimage-upload .main-container .row #edit-actions .button,
.route-apic-appimage-upload .main-container .row .form-actions button,
.route-apic-appimage-upload .main-container .row .form-actions .button,
.route-apic-appimage-delete .main-container .row #edit-actions button,
.route-apic-appimage-delete .main-container .row #edit-actions .button,
.route-apic-appimage-delete .main-container .row .form-actions button,
.route-apic-appimage-delete .main-container .row .form-actions .button,
.route-auth-apicdeleteuser .main-container .row #edit-actions button,
.route-auth-apicdeleteuser .main-container .row #edit-actions .button,
.route-auth-apicdeleteuser .main-container .row .form-actions button,
.route-auth-apicdeleteuser .main-container .row .form-actions .button,
.route-consumerorgchange-member-role .main-container .row #edit-actions button,
.route-consumerorgchange-member-role .main-container .row #edit-actions .button,
.route-consumerorgchange-member-role .main-container .row .form-actions button,
.route-consumerorgchange-member-role .main-container .row .form-actions .button,
.route-consumerorgcreate .main-container .row #edit-actions button,
.route-consumerorgcreate .main-container .row #edit-actions .button,
.route-consumerorgcreate .main-container .row .form-actions button,
.route-consumerorgcreate .main-container .row .form-actions .button,
.route-consumerorgupdate .main-container .row #edit-actions button,
.route-consumerorgupdate .main-container .row #edit-actions .button,
.route-consumerorgupdate .main-container .row .form-actions button,
.route-consumerorgupdate .main-container .row .form-actions .button,
.route-consumerorgdelete .main-container .row #edit-actions button,
.route-consumerorgdelete .main-container .row #edit-actions .button,
.route-consumerorgdelete .main-container .row .form-actions button,
.route-consumerorgdelete .main-container .row .form-actions .button,
.route-consumerorgchangeowner .main-container .row #edit-actions button,
.route-consumerorgchangeowner .main-container .row #edit-actions .button,
.route-consumerorgchangeowner .main-container .row .form-actions button,
.route-consumerorgchangeowner .main-container .row .form-actions .button,
.route-consumerorginvite .main-container .row #edit-actions button,
.route-consumerorginvite .main-container .row #edit-actions .button,
.route-consumerorginvite .main-container .row .form-actions button,
.route-consumerorginvite .main-container .row .form-actions .button,
.route-consumerorgremove-user .main-container .row #edit-actions button,
.route-consumerorgremove-user .main-container .row #edit-actions .button,
.route-consumerorgremove-user .main-container .row .form-actions button,
.route-consumerorgremove-user .main-container .row .form-actions .button,
.route-consumerorgresend-invite .main-container .row #edit-actions button,
.route-consumerorgresend-invite .main-container .row #edit-actions .button,
.route-consumerorgresend-invite .main-container .row .form-actions button,
.route-consumerorgresend-invite .main-container .row .form-actions .button,
.route-consumerorgdelete-invite .main-container .row #edit-actions button,
.route-consumerorgdelete-invite .main-container .row #edit-actions .button,
.route-consumerorgdelete-invite .main-container .row .form-actions button,
.route-consumerorgdelete-invite .main-container .row .form-actions .button,
.route-consumerorgbilling-add-payment .main-container .row #edit-actions button,
.route-consumerorgbilling-add-payment .main-container .row #edit-actions .button,
.route-consumerorgbilling-add-payment .main-container .row .form-actions button,
.route-consumerorgbilling-add-payment .main-container .row .form-actions .button,
.route-consumerorgbilling-delete-payment .main-container .row #edit-actions button,
.route-consumerorgbilling-delete-payment .main-container .row #edit-actions .button,
.route-consumerorgbilling-delete-payment .main-container .row .form-actions button,
.route-consumerorgbilling-delete-payment .main-container .row .form-actions .button,
.route-apic-appdisplay-creds .main-container .row #edit-actions button,
.route-apic-appdisplay-creds .main-container .row #edit-actions .button,
.route-apic-appdisplay-creds .main-container .row .form-actions button,
.route-apic-appdisplay-creds .main-container .row .form-actions .button,
.route-change-pwd-pagechange-password-form.pass-reset .main-container .row #edit-actions button,
.route-change-pwd-pagechange-password-form.pass-reset .main-container .row #edit-actions .button,
.route-change-pwd-pagechange-password-form.pass-reset .main-container .row .form-actions button,
.route-change-pwd-pagechange-password-form.pass-reset .main-container .row .form-actions .button {
  margin: unset;
  width: unset;
  text-align: unset;
  padding: 0 20px;
  min-width: 6rem;
  height: 2.5rem;
  justify-content: center;
}

/**/

input, button, textarea, select {
  font-family: "Volvo Novum", system-ui;
}

.button, button, .btn,
.bx--global-light-ui .button,
.bx--global-light-ui .mainProductContent button,
.bx--global-light-ui .bx--btn,
.bx--global-light-ui .btn {
  font-family: "Volvo Novum", system-ui;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 1.25px;
  line-height: 100%;
}

.bx--global-light-ui .button:focus {
  box-shadow: none;
}

.bx--global-light-ui .view-filters.form-group .form-actions button {
  margin-inline: 1rem;
}

/* -- button primary --- */
.bx--global-light-ui .form-actions .button.button--primary,
.bx--global-light-ui .form-actions .btn.button--primary,
.bx--global-light-ui .form-actions .button.btn-primary,
.bx--global-light-ui .form-actions .btn.btn-primary,
.bx--global-light-ui .form-actions .button.btn-success,
.bx--global-light-ui .form-actions .btn.btn-success,
.apicSubscribeNewAppWrapper .apicWizardMain .apicNewAppButton .tile-button,
.bx--global-light-ui .btn.btn-sm,
.context-application a.button.apicNewApp,
.apicWizardMain a.use-ajax.button.bx--card.tile-button.apicTertiary.add-app,
.apicFormFooter button#edit-submit,
.context--subscription-noplan-summary .apicFormFooter a.button,
.apic-user-form-wrapper button#edit-submit,
.apiconnect-explorer .testToolFormButtons button.testToolSend,
.ui-dialog .ui-dialog-buttonpane button:first-child,
a.button.apicNewUser.orgInvite,
.path-user.route-entityusercanonical .region-content nav.tabs ul.tabs--primary li a,
.session-limit-form .button,
consumeranalytics .filter-buttons button.bx--btn.bx--btn--primary {
  position: relative;
  appearance: none;
  user-select: none;
  display: inline-flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  max-width: 100%;
  text-decoration: none;
  transition-property: background-color, border-color, color;
  transition-duration: 240ms, 240ms, 240ms;
  transition-delay: 0s, 0s, 0s;
  transition-timing-function: cubic-bezier(0.45, 0, 0.125, 1);
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 6rem;
  height: 2.5rem;
  border-color: #141414;
  background-color: #141414;
  color: #ffffff;
}

.bx--global-light-ui .form-actions .button.button--primary:not([disabled]):hover,
.bx--global-light-ui .form-actions .btn.button--primary:not([disabled]):hover,
.bx--global-light-ui .form-actions .button.btn-primary:not([disabled]):hover,
.bx--global-light-ui .form-actions .btn.btn-primary:not([disabled]):hover,
.bx--global-light-ui .form-actions .button.btn-success:not([disabled]):hover,
.bx--global-light-ui .form-actions .btn.btn-success:not([disabled]):hover,
.apicSubscribeNewAppWrapper .apicWizardMain .apicNewAppButton .tile-button:not([disabled]):hover,
.bx--global-light-ui .btn.btn-sm:not([disabled]):hover,
.context-application a.button.apicNewApp:not([disabled]):hover,
.apicWizardMain a.use-ajax.button.bx--card.tile-button.apicTertiary.add-app:not([disabled]):hover,
.apicFormFooter button#edit-submit:not([disabled]):hover,
.context--subscription-noplan-summary .apicFormFooter a.button:not([disabled]):hover,
.apic-user-form-wrapper button#edit-submit:not([disabled]):hover,
.apiconnect-explorer .testToolFormButtons button.testToolSend:not([disabled]):hover,
.ui-dialog .ui-dialog-buttonpane button:first-child:not([disabled]):hover,
a.button.apicNewUser.orgInvite:not([disabled]):hover,
.path-user.route-entityusercanonical .region-content nav.tabs ul.tabs--primary li a:not([disabled]):hover,
.session-limit-form .button:not([disabled]):hover,
consumeranalytics .filter-buttons button.bx--btn.bx--btn--primary:not([disabled]):hover {
  border-color: #888b8d;
  background-color: #888b8d;
  color: #ffffff;
}

.bx--global-light-ui .form-actions .button.button--primary:not([disabled]):active,
.bx--global-light-ui .form-actions .btn.button--primary:not([disabled]):active,
.bx--global-light-ui .form-actions .button.btn-primary:not([disabled]):active,
.bx--global-light-ui .form-actions .btn.btn-primary:not([disabled]):active,
.bx--global-light-ui .form-actions .button.btn-success:not([disabled]):active,
.bx--global-light-ui .form-actions .btn.btn-success:not([disabled]):active,
.apicSubscribeNewAppWrapper .apicWizardMain .apicNewAppButton .tile-button:not([disabled]):active,
.bx--global-light-ui .btn.btn-sm:not([disabled]):active,
.context-application a.button.apicNewAppnot:not([disabled]):active,
.apicWizardMain a.use-ajax.button.bx--card.tile-button.apicTertiary.add-app:not([disabled]):active,
.apicFormFooter button#edit-submit:not([disabled]):active,
.context--subscription-noplan-summary .apicFormFooter a.button:not([disabled]):active,
.apic-user-form-wrapper button#edit-submit:not([disabled]):active,
.apiconnect-explorer .testToolFormButtons button.testToolSend:not([disabled]):active,
.ui-dialog .ui-dialog-buttonpane button:first-child:not([disabled]):active,
a.button.apicNewUser.orgInvite:not([disabled]):active,
.path-user.route-entityusercanonical .region-content nav.tabs ul.tabs--primary li a:not([disabled]):active,
.session-limit-form .button:not([disabled]):active,
consumeranalytics .filter-buttons button.bx--btn.bx--btn--primary:not([disabled]):active {
  border-color: #141414;
  background-color: #323232;
  color: #ffffff;
}

.bx--global-light-ui .form-actions .button.button--primary:focus-visible,
.bx--global-light-ui .form-actions .btn.button--primary:focus-visible,
.bx--global-light-ui .form-actions .button.btn-primary:focus-visible,
.bx--global-light-ui .form-actions .btn.btn-primary:focus-visible,
.bx--global-light-ui .form-actions .button.btn-success:focus-visible,
.bx--global-light-ui .form-actions .btn.btn-success:focus-visible,
.apicSubscribeNewAppWrapper .apicWizardMain .apicNewAppButton .tile-button:focus-visible,
.bx--global-light-ui .btn.btn-sm:focus-visible,
.context-application a.button.apicNewApp:focus-visible,
.apicWizardMain a.use-ajax.button.bx--card.tile-button.apicTertiary.add-app:focus-visible,
.apicFormFooter button#edit-submit:focus-visible,
.context--subscription-noplan-summary .apicFormFooter a.button:focus-visible,
.apic-user-form-wrapper button#edit-submit:focus-visible,
.apiconnect-explorer .testToolFormButtons button.testToolSend:focus-visible,
.ui-dialog .ui-dialog-buttonpane button:first-child:focus-visible,
a.button.apicNewUser.orgInvite:focus-visible,
.path-user.route-entityusercanonical .region-content nav.tabs ul.tabs--primary li a:focus-visible,
.session-limit-form .button:focus-visible,
consumeranalytics .filter-buttons button.bx--btn.bx--btn--primary:focus-visible {
  outline: #2b8dde solid 3px;
  outline-offset: 2px;
}

/* -- button primary end --- */

/* --- button secondary --- */
.bx--global-light-ui .button.apicSecondary,
.bx--global-light-ui button.apicSecondary,
.bx--global-light-ui .bx--btn.bx--btn--secondary,
.bx--global-light-ui button.link-edit-summary,
.bx--global-light-ui .button.apicTertiary,
.bx--global-light-ui button.apicTertiary,
.apic-user-form-registries a.registry-button,
.apicSubscribeChooseApp a#edit-actions,
.apicFormFooter a#edit-actions,
button#edit-cancel,
a#edit-cancel,
.ui-dialog .ui-dialog-buttonpane button:nth-child(2),
.bx--global-light-ui .view-filters.form-group .form-actions button[value="Reset"] {
  position: relative;
  appearance: none;
  user-select: none;
  display: inline-flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  max-width: 100%;
  text-decoration: none;
  transition-property: background-color, border-color, color;
  transition-duration: 240ms, 240ms, 240ms;
  transition-delay: 0s, 0s, 0s;
  transition-timing-function: cubic-bezier(0.45, 0, 0.125, 1);
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 6rem;
  height: 2.5rem;
  border-color: #141414;
  background-color: transparent;
  color: #141414;
}

.bx--global-light-ui .button.apicSecondary:not([disabled]):hover,
.bx--global-light-ui button.apicSecondary:not([disabled]):hover,
.bx--global-light-ui .bx--btn.bx--btn--secondary:not([disabled]):hover,
.bx--global-light-ui button.link-edit-summary:not([disabled]):hover,
.bx--global-light-ui .button.apicTertiary:not([disabled]):hover,
.bx--global-light-ui button.apicTertiary:not([disabled]):hover,
.apic-user-form-registries a.registry-button:not([disabled]):hover,
.apicSubscribeChooseApp a#edit-actions:not([disabled]):hover,
.apicFormFooter a#edit-actions:not([disabled]):hover,
button#edit-cancel:not([disabled]):hover,
a#edit-cancel:not([disabled]):hover,
.ui-dialog .ui-dialog-buttonpane button:nth-child(2):not([disabled]):hover,
.bx--global-light-ui .view-filters.form-group .form-actions button[value="Reset"]:not([disabled]):hover {
  border-color: #e1dfdd;
  background-color: #f7f7f7;
  color: #141414;
}

.bx--global-light-ui .button.apicSecondary:not([disabled]):active,
.bx--global-light-ui button.apicSecondary:not([disabled]):active,
.bx--global-light-ui .bx--btn.bx--btn--secondary:not([disabled]):active,
.bx--global-light-ui .button.apicTertiary:not([disabled]):active,
.bx--global-light-ui button.apicTertiary:not([disabled]):active,
.bx--global-light-ui button.link-edit-summary:not([disabled]):active,
.apic-user-form-registries a.registry-button:not([disabled]):active,
.apicFormFooter a#edit-actions:not([disabled]):active,
button#edit-cancel:not([disabled]):active,
a#edit-cancel:not([disabled]):active,
.ui-dialog .ui-dialog-buttonpane button:nth-child(2):not([disabled]):active,
.bx--global-light-ui .view-filters.form-group .form-actions button[value="Reset"]:not([disabled]):active,
.bx--global-light-ui .button.apicSecondary:focus,
.bx--global-light-ui button.apicSecondary:focus,
.bx--global-light-ui .button.apicTertiary:focus,
.bx--global-light-ui button.apicTertiary:focus,
.bx--global-light-ui button.link-edit-summary:focus,
.apic-user-form-registries a.registry-button:focus,
.apicFormFooter a#edit-actions:focus,
button#edit-cancel:focus,
a#edit-cancel:focus,
.ui-dialog .ui-dialog-buttonpane button:nth-child(2):focus,
.bx--global-light-ui .view-filters.form-group .form-actions button[value="Reset"]:focus {
  border-color: #141414;
  background-color: #e1dfdd;
  color: #141414;
}

.bx--global-light-ui .button.apicSecondary:focus-visible,
.bx--global-light-ui button.apicSecondary:focus-visible,
.bx--global-light-ui .bx--btn.bx--btn--secondary:focus-visible,
.bx--global-light-ui .button.apicTertiary:focus-visible,
.bx--global-light-ui button.apicTertiary:focus-visible,
.bx--global-light-ui button.link-edit-summary:focus-visible,
.apic-user-form-registries a.registry-button:focus-visible,
.apicSubscribeChooseApp a#edit-actions:focus-visible,
.apicFormFooter a#edit-actions:focus-visible,
button#edit-cancel:focus-visible,
a#edit-cancel:focus-visible,
.ui-dialog .ui-dialog-buttonpane button:nth-child(2):focus-visible,
.bx--global-light-ui .view-filters.form-group .form-actions button[value="Reset"]:focus-visible {
  outline: #2b8dde solid 3px;
  outline-offset: 2px;
}

/* --- button secondary end --- */

/* --- button marketing --- */
.planDetail--header .bx--global-light-ui .btn.btn-sm,
.apicPlans .planCard .btn.btn-sm,
a.button.apicUpgradeApp,
a.subscribeButton.button {
  position: relative;
  appearance: none;
  user-select: none;
  display: inline-flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  max-width: 100%;
  text-decoration: none;
  transition-property: background-color, border-color, color;
  transition-duration: 240ms, 240ms, 240ms;
  transition-delay: 0s, 0s, 0s;
  transition-timing-function: cubic-bezier(0.45, 0, 0.125, 1);
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 8rem;
  height: 2.5rem;
  border-color: #004ebc;
  background-color: #004ebc;
  color: #ffffff;
}

.planDetail--header .bx--global-light-ui .btn.btn-sm:not([disabled]):hover,
.apicPlans .planCard .btn.btn-sm:not([disabled]):hover,
a.button.apicUpgradeApp:not([disabled]):hover,
a.subscribeButton.button:not([disabled]):hover {
  border-color: #2b8dde;
  background-color: #2b8dde;
  color: #ffffff;
}

.planDetail--header .bx--global-light-ui .btn.btn-sm:not([disabled]):active,
.apicPlans .planCard .btn.btn-sm:not([disabled]):active,
a.button.apicUpgradeApp.btn.btn-sm:not([disabled]):active,
a.subscribeButton.button:not([disabled]):active {
  border-color: #004ebc;
  background-color: #104f9b;
  color: #ffffff;
}

.planDetail--header .bx--global-light-ui .btn.btn-sm:focus-visible,
.apicPlans .planCard .btn.btn-sm:focus-visible,
a.button.apicUpgradeApp:focus-visible,
a.subscribeButton.button:focus-visible {
  outline: #2b8dde solid 3px;
  outline-offset: 2px;
}
/* --- button marketing end --- */
