a,
body {
  color: #2a3136;
}
a:hover {
  color: var(--colorCardiumPrimary);
}
.navbar-header .navbar-nav .nav-item > .is-active,
.navbar-header .navbar-nav .nav-item > .active {
  -webkit-border-image: -webkit-gradient( linear, left top, right top, color-stop(50%, var(--colorCardiumPrimary)), color-stop(20%, #fff))  20% 0;
  -webkit-border-image: -webkit-linear-gradient(  left, var(--colorCardiumPrimary) 50% 70%, #fff 20%)20% 0;
  -o-border-image: -o-linear-gradient( left, var(--colorCardiumPrimary) 50% 70%,#fff 20% ) 20% 0;
  border-image: -webkit-gradient( linear, left top, right top, color-stop(50%, var(--colorCardiumPrimary)), color-stop(20%, #fff) ) 20% 0;
  border-image: linear-gradient( to right, var(--colorCardiumPrimary) 50% 70%, #fff 20% ) 20% 0;
}
.navbar-header .navbar-nav .nav-item .nav-link:focus,
.navbar-header .navbar-nav .nav-item .nav-link:hover {
  color: var(--colorCardiumPrimary);
}
#page-wrapper .navbar-mobile .navbar-nav .nav-item .is-active,
#page-wrapper .navbar-mobile .navbar-nav .nav-item .active {
  color: var(--colorCardiumPrimary);
}
@media (max-width: 767px) {
  #page-wrapper   .navbar-mobile   .region-navigation-mobile   .dropdown   .nav-link::after {
    border-right-color: var(--colorCardiumPrimary);
    border-bottom-color: var(--colorCardiumPrimary);
  }
  #page-wrapper   .navbar-mobile   .region-navigation-mobile   .menu--account   .nav-link:active {
    color: var(--colorCardiumPrimary);
  }
}
.dropdown-menu .dropdown-item a:focus,
.dropdown-menu .dropdown-item a:hover {
  color: var(--colorCardiumPrimary);
}
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover {
  color: var(--colorCardiumPrimary);
}
.btn,
.button {
  background-color: var(--colorCardiumPrimary);
}
.btn:hover,
.button:hover {
  color: #fff !important;
  background-color: var(--colorCardiumButtonHover) !important;
}

.button[data-toggle="modal"]:focus {
  background-color: var(--colorCardiumPrimary) !important;
}
.nav-link--user-login,
a[class$="-user-login"] {
  background-color: var(--colorCardiumPrimary);
  border-color: var(--colorCardiumPrimary);
}
.nav-link--user-login:hover,
a[class$=-user-login]:hover,
.nav-link--user-register:hover,
a[class$=-user-register]:hover {
  background-color: var(--colorCardiumButtonHover);
  border-color: var(--colorCardiumButtonHover);
}

.nav-link--user-login:focus,
a[class$=-user-login]:focus,
.nav-link--user-register:focus,
a[class$=-user-register]:focus,
.btn.btn-primary:focus,
#edit-submit:focus {
  box-shadow: 0 0 0 1px var(--colorCardiumPrimary), 0 0 0 2px var(--colorCardiumPrimary);
  background-color: var(--colorCardiumButtonHover) !important;
  border: 1px solid var(--colorCardiumButtonHover);
}
.page-wrapper input[type=checkbox]:checked,
.page-wrapper input[type=checkbox]:active,
.page-wrapper input[type=checkbox]:hover {
  background-color: var(--colorCardiumPrimary);
  border-color: var(--colorCardiumPrimary);
  box-shadow: inset 0 0 0 0.063rem var(--colorCardiumPrimary);
}
.nav-link--user-register,
a[class$="-user-register"] {
  border-color: var(--colorCardiumPrimary);
}
input[Value=Cancel] {
  background-color: #959595 !important;
}
.featured-contents-wrap .field--name-field-featured-content-cta a:hover {
  color: var(--colorCardiumPrimary);
}
.breadcrumb li:last-child a {
  color: var(--colorCardiumPrimary);
}
.breadcrumb li a,
.breadcrumb li:last-child a {
  color: #2a3136;
}
.breadcrumb li a:hover {
  color: var(--colorCardiumPrimary);
}
.page-wrapper .breadcrumb li::after {
  border-color: var(--colorCardiumPrimary);
}
.pagination .pager__item--number a:hover,
.custompager .pager__link:hover {
  background-color: var(--colorCardiumLightBackground);
  color: var(--colorCardiumPrimary);
}
.pagination .pager__item--number.active .page-link {
  color: var(--colorCardiumPrimary);
}
.ui-widget form.node-articles-form .form-check-input:checked {
  background-color: var(--colorCardiumPrimary);
}
.ui-widget form .result_message {
  color: var(--colorCardiumPrimary);
}
.tabs .nav-tabs .nav-link.active {
  color: var(--colorCardiumPrimary);
}
.page-wrapper .action-unflag a {
  background-color: var(--colorCardiumPrimary);
  border: 0.063rem solid var(--colorCardiumPrimary);
}
.page-wrapper .action-unflag a::after {
  border-right-color: var(--colorCardiumPrimary);
  border-bottom-color: var(--colorCardiumPrimary);
}

/* Checkbox */
.page-wrapper .js-form-item .form-check .form-checkbox:checked,
.ui-widget .js-form-item .form-check .form-checkbox:checked,
.entry-form-container .right-side-form .form-check-input:checked {
  background-color: var(--colorCardiumPrimary);
}

/* Home page - Card component */
#card-contents .field__item .each-card-content .field--name-field-card-content-title:hover {
  color: var(--colorCardiumPrimary);
}

/* Home page Featured slider */
.paragraph--type--features-slider .prev-arrow::after {
  border-bottom: 0.125rem solid var(--colorCardiumPrimary);
  border-left: 0.125rem solid var(--colorCardiumPrimary);
}
.paragraph--type--features-slider .next-arrow::after {
  border-bottom: 0.125rem solid var(--colorCardiumPrimary);
  border-right: 0.125rem solid var(--colorCardiumPrimary);
}

/* Home page - How it works section */
.number-count::after {
  border-color: var(--colorCardiumPrimary) var(--colorCardiumPrimary)  transparent transparent;
}
.count-wrap {
  color: var(--colorCardiumPrimary);
}

/* Articles Section */
.articles-wrap .btn-wrap .field--type-link a {
  background: var(--colorCardiumPrimary);
  border: 0.125rem solid var(--colorCardiumPrimary);
}

#articles-detail .comment-cta a {
  background-color: var(--colorCardiumPrimary);
}
#articles-list .add-articles-link a {
  background-color: var(--colorCardiumPrimary);
}
.articles-list-wrapper .card a {
  color: #2a3136;
}
.articles-list-wrapper .card a:hover {
  color: var(--colorCardiumPrimary);
}
.highlighter-lining::after {
  border-color: var(--colorCardiumPrimary);
}

/* Home page - Featured Content */
.featured-contents-wrap .field--name-field-featured-content > .field__item:first-child {
  background-color: var(--colorCardiumdarkBackground);
}
.featured-contents-wrap .field--name-field-featured-content > .field__item:first-child::before {
  background-color: var(--colorCardiumdarkBackground);
}
.featured-contents-wrap .field--name-field-featured-content > .field__item:last-child,
.featured-contents-wrap .field--name-field-featured-content > .field__item:last-child::before,
.featured-contents-wrap .field--name-field-featured-content > .field__item:last-child::after,
.featured-contents-wrap .field--name-field-featured-content-cta a {
  background-color: var(--colorCardiumButtonHover);
}
.field--type-link a {
  background: var(--colorCardiumPrimary);
}
.featured-contents-wrap .field__item:last-child .field--name-field-featured-content-cta a {
  background: var(--colorCardiumdarkBackground);
}
.featured-contents-wrap .field__item:last-child .field--name-field-featured-content-cta a:hover {
  color: var(--colorCardiumPrimary);
}

/* API Discovery */
.page-view-cardium-api-database-search .card-footer a,
.page-view-cardium-api-solr-search .card-footer a {
  color: var(--colorCardiumPrimary);
}
.page-view-cardium-api-database-search .card-footer a::after,
.page-view-cardium-api-solr-search .card-footer a::after {
  border-bottom: 0.125rem solid var(--colorCardiumPrimary);
  border-right: 0.125rem solid var(--colorCardiumPrimary);
}
.page-view-cardium-api-solr-search .views-filters-summary .remove-filter,
.page-view-cardium-api-database-search .views-filters-summary .remove-filter {
  background: var(--colorCardiumPrimary);
}

/* Knowledge Base */
.accordion .accordion-button::after {
  border-bottom: 0.125rem solid var(--colorCardiumPrimary);
  border-right: 0.125rem solid var(--colorCardiumPrimary);
}

.accordion-header .accordion-button,
.accordion-header .accordion-button:focus,
.accordion-header .accordion-button:not(.collapsed) {
  background-color: var(--colorCardiumLightBackground);
  color: var(--primary);
}
.accordion-header .accordion-button:focus {
  border-color: var(--colorCardiumLightBackground);
  outline-color: var(--colorCardiumLightBackground);
}
.accordion-button:not(.collapsed) {
  box-shadow: none;
  border-color: var(--colorCardiumLightBackground);
}
.faq-filter .nice-select.select-section {
  background-color: #fff;
}

/* Usecases and Webinars */
.card-title a:hover,
.webinars-listing .card-body .card-title a:hover {
  color: var(--colorCardiumPrimary);
}

/* Static component */
#static-content-component ul li:before {
  color: var(--colorCardiumPrimary);
  background-color: var(--colorCardiumPrimary);
}

/* Nice select */
.page-wrapper .nice-select::after,
.page-wrapper select::after,
.ui-widget .nice-select::after,
.ui-widget select::after {
  border-bottom-color: var(--colorCardiumPrimary);
  border-right-color: var(--colorCardiumPrimary);
}

/* trial plugin */
.trial-user-popup.ui-dialog .card-footer .button,
.trial-user-popup.ui-dialog.ui-widget .button {
  background-color: var(--colorCardiumPrimary);
}
.trial-user-popup .ui-dialog-content span {
  color: var(--colorCardiumPrimary);
}

/* Subscription option */
.view-api-subscription-options .button:disabled:hover,
.view-api-subscription-options .button[disabled]:hover {
  background: var(--colorCardiumPrimary);
}
.popover .cart_items a {
  background-color: var(--colorCardiumPrimary);
}

/* responsive media css */
@media screen and (max-width: 767px) {
  .custom-nav .nav-tabs .nav-link.active,
  .custom-nav .nav-tabs .nav-link:hover {
    background-color: transparent !important;
  }
}
.doc-content-section ul li.documentation-titles.current > a {
  color: var(--colorCardiumPrimary) !important;
}
.doc-content-section ul li a {
  color: #2a3136;
}
.sub-nav.sub-active > a,
.doc-content-section ul li a:hover {
  color: var(--colorCardiumPrimary);
}

/* Login, Sign Up, Forgot Password */
.entry-form-container .right-side-form .form-footer a,
.entry-form-container .right-side-form .form-footer,
.entry-form-container .right-side-form h2,
.user-form-container .forget-password a:hover {
  color: var(--colorCardiumPrimary);
}
.entry-form-container .right-side-form .form-check-input:checked {
  border-color: var(--colorCardiumPrimary);
}
.environment-label,
.api-environment-container .field--name-field-api-environment,
.view-cardium-api-database-search .card-body .deprecated,
.api-details-deprecated-environment-label .api-deprecated-container {
  background-color: var(--colorCardiumLightBackground);
}

/* Dropdown Hover state */
.page-wrapper .nice-select .list li.option.selected.focus,
.page-wrapper .nice-select .list li.option.selected.focus:hover,
.page-wrapper .nice-select .list li:hover,
.page-wrapper select .list li.option.selected.focus,
.page-wrapper select .list li:hover,
.ui-widget .nice-select .list li.option.selected.focus,
.ui-widget .nice-select .list li:hover,
.ui-widget select .list li.option.selected.focus,
.ui-widget select .list li:hover {
  background-color: var(--colorCardiumLightBackground);
}

/* Footer */
.footer {
  background: transparent linear-gradient(100deg, var(--colorCardiumdarkBackground) 0%, var(--colorCardiumButtonHover) 100%) 0% 0% no-repeat padding-box;;
}

/*products list page for anonoumous*/
.api-products-list-wrapper .card .card-footer a::after,
.view-cardium-api-solr-search .card .card-footer a::after {
  background-color: var(--colorCardiumPrimary);
  background-image: unset !important;
  -webkit-mask-image: url(../../../images/arrow-right.svg);
  mask-image: url(../../../images/arrow-right.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/*pagination for anonoumous*/
.page-wrapper .pager__item .pager__link.is-active,
.page-wrapper .pager__item .page-link.is-active,
.page-wrapper .pager__item .page-link.is-active:hover,
.page-wrapper .pager__item .pager__link:hover,
.custompager ul.pager__items .pager__item .pager__link:hover {
  background-color: var(--colorCardiumPrimary) !important;
  color: #fff;
  border-color: var(--colorCardiumPrimary)!important;
}
.custompager .pager__link,
.page-link {
  color: #2a3136;
}
.custompager.pager .pager__item--first a.pager__link::before {
  background-image: unset;
  background-color: var(--colorCardiumPrimary);
  mask-image: url(../../../images/left-double-arrow.svg);
  -webkit-mask-image: url(../../../images/left-double-arrow.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-size: 75% auto;
  -webkit-mask-size: 75% auto;
}
.custompager.pager .pager__item--last a.pager__link::after {
  background-image: unset;
  background-color: var(--colorCardiumPrimary);
  mask-image: url(../../../images/right-double-arrow.svg);
  -webkit-mask-image: url(../../../images/right-double-arrow.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-size: 75% auto;
  -webkit-mask-size: 75% auto;
}
.custompager.pager .pager__item--previous .pager__link::after {
  background-image: unset;
  background-color: var(--colorCardiumPrimary);
  mask-image: url(../../../images/arrow-left.svg);
  -webkit-mask-image: url(../../../images/arrow-left.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-size: 40% auto;
  -webkit-mask-size: 40% auto;
}
.custompager.pager .pager__item--next .pager__link::after {
  background-image: unset;
  background-color: var(--colorCardiumPrimary);
  mask-image: url(../../../images/arrow-right.svg);
  -webkit-mask-image: url(../../../images/arrow-right-new.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-size: 40% auto;
  -webkit-mask-size: 40% auto;
}
#page-wrapper .pager__item--first .pager__link:hover::before,
#page-wrapper .pager__item--last .pager__link:hover::after,
#page-wrapper .pager__item--next .pager__link:hover::after,
#page-wrapper .pager__item--previous .pager__link:hover::after {
  background-color: #fff!important;
}

.custompager.pager .pager__item--previous .pager__link.disabled::after,
.custompager.pager .pager__item--next .pager__link.disabled::after {
  background-color: #b3b5b4!important;
}
/* Product icon starts */

#api-products-list .card-gateway-spec .gateway-icon img,
.product-detail .api_gateway .gateway-icon img {
  width: 1.375rem !important;
  height: 1.375rem;
  overflow: hidden;
  -webkit-mask-image: url(../../../images/product-icon.svg);
  mask-image: url(../../../images/product-icon.svg);
  -webkit-mask-size: 1.375rem 1.375rem;
  mask-size: 1.375rem 1.375rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: right;
  background-color: var(--colorCardiumPrimary);
  position: relative;
  display: block;
}
/* Product icon ends */

/* Documentation icons */
.doc-link {
  width: 1.125rem;
  height: 1.375rem;
  overflow: hidden;
  -webkit-mask-image: url(../../../images/docs-icon.svg);
  mask-image: url(../../../images/docs-icon.svg);
  -webkit-mask-size: 1.125rem 1.375rem;
  mask-size: 1.125rem 1.375rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: right;
  background-color: var(--colorCardiumPrimary);
}
div .custom-nav .nav-tabs .nav-link.active,
div .custom-nav .nav-tabs .nav-link:hover {
  background-color: var(--colorCardiumPrimary);
}
.custom-nav .tab-to-dropdown.api-details .nav-tabs .nav-item button.active {
  color: var(--colorCardiumPrimary);
}
.custom-nav .tab-to-dropdown.api-details .nav-tabs .nav-item button:after {
  background-color: var(--colorCardiumPrimary);
}
.tab-content .tab-pane .breadcrumb li:last-child,
.tab-content .tab-pane .breadcrumb li:last-child a,
.tab-content .breadcrumb li:last-child {
  color: var(--colorCardiumPrimary);
}
.download-icon {
  width: 0.938rem;
  height: 0.813rem;
  overflow: hidden;
  -webkit-mask-image: url(../../../images/download-btn.svg);
  mask-image: url(../../../images/download-btn.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: right;
  background-color: var(--colorCardiumPrimary);
  margin-right: 5px;
  position: relative;
  display: inline-block;
  top: 2px;
}
.data-file-wrapper .documentation-file {
  color: var(--colorCardiumPrimary);
}
.fav-loader,
.download-loader {
  border-top: 3px solid var(--colorCardiumPrimary);
}
.match-percentage span {
  background-color: var(--colorCardiumPrimary);
  color: #fff;
}

#edit-cancel:focus {
  box-shadow: 0 0 0 1px var(--colorCardiumlightPrimary), 0 0 0 2px var(--colorCardiumlightPrimary) !important;
  background-color: var(--colorCardiumlightPrimaryActive);
}
.button:focus,
.button.btn-button:focus {
  box-shadow: 0 0 0 1px var(--colorCardiumPrimary), 0 0 0 2px var(--colorCardiumPrimary) !important;
  outline: none;
  border: 1px solid !important;
}
div .desc-wrap ul li:before {
  background-color: var(--colorCardiumPrimary);
}
.gateway-icon img {
  background-color: var(--colorCardiumBlueBackground);
}