/*
*
* Shared CSS file for Support and main website
* Ping Identity: 2022-05-19
* Updated: 2023-08-11, Eric Reid, updated mouse over for coveo span items
* Note:
*   AEM container class: .devPortal__coveo-searchbox__container
*   Salesforce container class: cCommunity_SearchPageTheme
*/


/*
*
* Default styles from Coveo
*
*/

span.coveo-quickview-icon.coveo-small.coveo-icon.filetype.html,
span.coveo-quickview-icon.coveo-small.coveo-icon.filetype.image,
span.coveo-quickview-icon.coveo-small.coveo-icon.filetype.video,
span.coveo-quickview-icon.coveo-small.coveo-icon.filetype.pdf {
  background-image: url(icondefault);
  background-color: transparent;
}

span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.feeditem,
span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.user,
span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.feedcomment,
span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.collaborationgroup {
  background-image: url(iconcommunity);
  background-color: transparent;
}

span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.article,
span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.security_advisory,
span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.technote,
span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.how_to,
span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.faq,
span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.security_bulletin,
span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.security_update {
  background-image: url(iconkb);
  background-color: transparent;
}

span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.case,
span.coveo-quickview-icon.coveo-small.coveo-icon.objecttype.casecomment {
  background-image: url(iconcase);
  background-color: transparent;
}


/*
*
* Hide coveo quick view logo
*
*/

.CoveoSearchInterface .coveo-logo svg {
  display: none;
}

.CoveoSearchInterface .coveo-quickview-icon {
  display: none;
}

.coveo-logo svg {
  display: none;
}


/*
*
* Ping Coveo Searchbox
*
*/

.cCommunity_SearchPageTheme {
  margin-top: 20px;
}

.ping__coveo-searchbox__container {
  display: flex;
  justify-content: space-between;
}

.ping__coveo-searchbox__container .CoveoSearchbox,
.ping__coveo-searchbox__container .magic-box-input,
.ping__coveo-searchbox__container .magic-box-input input,
.ping__coveo-searchbox__container .magic-box-clear {
  height: 36px;
}

.ping__coveo-searchbox__container .magic-box-clear {
  line-height: 36px;
}

.ping__coveo-searchbox__container .CoveoSearchbox {
  flex-grow: 2;
}

.ping__coveo-searchbox__container .CoveoSearchButton {
  display: none;
}

.ping__coveo-searchbox__container .button {
  margin-left: 24px;
}

@media (max-width: 767px) {
  .ping__coveo-searchbox__container {
    flex-direction: column;
  }
  .ping__coveo-searchbox__container .CoveoSearchbox {
    min-width: auto;
  }
  .ping__coveo-searchbox__container .button {
    margin-left: 0;
  }
}


/*
*
* Ping Dev Portal Coveo Searchbox
*
*/

.devPortal__coveo-searchbox__container {
  display: flex;
  justify-content: center;
}

.devPortal__coveo-searchbox__container .CoveoSearchbox {
  height: auto;
  min-width: 700px;
}

.devPortal__coveo-searchbox__container .CoveoSearchButton {
  display: block;
  background-color: white;
}

.devPortal__coveo-searchbox__container .CoveoSearchbox .CoveoSearchButton {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.devPortal__coveo-searchbox__container .CoveoSearchbox .CoveoSearchButton:hover {
  background-color: #ededed;
}

.devPortal__coveo-searchbox__container .CoveoSearchbox .magic-box {
  border-radius: 0px;
}

.devPortal__coveo-searchbox__container .CoveoSearchbox .magic-box .magic-box-input {
  border-radius: 0px;
}

.devPortal__coveo-searchbox__container .CoveoSearchButton:hover .coveo-magnifier-circle-svg {
  fill: #2e4355;
}

.cCommunity_SearchPageTheme .ping__coveo-searchbox__container .magic-box-input {
  margin-top: 6px;
}


/*
*
* Dev Portal Results Searchbox
*
*/

.devPortal__coveo-searchbox__results-container {
  max-width: 750px;
  flex-wrap: wrap;
}

.devPortal__coveo-searchbox__results-container .CoveoSearchbox {
  margin-right: 0;
}

.devPortal__coveo-searchbox__results-container .CoveoSearchbox .magic-box {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.devPortal__coveo-searchbox__results-container .CoveoSearchbox .magic-box .magic-box-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.devPortal__coveo-searchbox__results-container .coveoSearchTips {
  width: 765px;
  font-size: 16px;
  font-family: "Gotham", helvetica, arial, sans-serif;
}

.devPortal__coveo-searchbox__results-container .coveoSearchTipsContent>ul>li {
  list-style-type: disc;
  margin-left: 20px;
  padding-left: 5px;
  font-size: 13px;
  color: #2e4355;
}

.devPortal__coveo-results.CoveoSearchInterface .coveo-search-section {
  margin: 35px auto 15px;
}

.devPortal__coveo-results.CoveoSearchInterface .coveo-main-section {
  margin-bottom: 50px;
}

/*
*
* Search category dropdown
*
*/

.coveoSearchboxDropdown {
  position: relative;
  display: flex;
  cursor: pointer;
  color: #2e4355;
}

.coveoSearchboxDropdown:after {
  font-family: FontAwesome;
  content: '\f107';
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: 13px;
  color: #2e4355;
  pointer-events: none;
  margin-left: 10px;
}

.searchDropDown {
  font-family: "Gotham", helvetica, arial, sans-serif;
  font-size: 13px;
  background-color: white;
  color: #2e4355;
  height: 50px;
  width: 150px;
  padding: 0 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border: 1px solid #bcc3ca;
  border-right: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.searchDropDown:focus {
  outline: none;
}


/*
*
* Search tips popup
*
*/

.cCommunity_SearchPageTheme .fa-info-circle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJpbmZvLWNpcmNsZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWluZm8tY2lyY2xlIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMjU2IDhDMTE5LjA0MyA4IDggMTE5LjA4MyA4IDI1NmMwIDEzNi45OTcgMTExLjA0MyAyNDggMjQ4IDI0OHMyNDgtMTExLjAwMyAyNDgtMjQ4QzUwNCAxMTkuMDgzIDM5Mi45NTcgOCAyNTYgOHptMCAxMTBjMjMuMTk2IDAgNDIgMTguODA0IDQyIDQycy0xOC44MDQgNDItNDIgNDItNDItMTguODA0LTQyLTQyIDE4LjgwNC00MiA0Mi00MnptNTYgMjU0YzAgNi42MjctNS4zNzMgMTItMTIgMTJoLTg4Yy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDEydi02NGgtMTJjLTYuNjI3IDAtMTItNS4zNzMtMTItMTJ2LTI0YzAtNi42MjcgNS4zNzMtMTIgMTItMTJoNjRjNi42MjcgMCAxMiA1LjM3MyAxMiAxMnYxMDBoMTJjNi42MjcgMCAxMiA1LjM3MyAxMiAxMnYyNHoiPjwvcGF0aD48L3N2Zz4=);
  width: 16px;
  height: 16px;
  margin-top: 2px;
  display: block;
}

.coveoSearchTips {
  color: #2e4355;
  margin: 15px;
  display: flex;
  justify-content: flex-end;
  width: 960px;
}

.coveoSearchTipsText {
  font-size: 14px;
}

.searchTips-white {
  color: white;
  width: 970px;
}

.coveoSearchTipsIcon {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

.coveoSearchTipsIcon .coveoSearchTipsContent {
  visibility: hidden;
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 50%;
  width: 500px;
  background-color: white;
  color: #2e4355;
  text-align: left;
  padding: 5px;
  transform: translateX(-50%);
  border-radius: 0;
  padding: 15px;
  box-shadow: 0 1px 4px 1px rgb(0 0 0 / 10%);
}

.coveoSearchTipsIcon .coveoSearchTipsContent::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

.coveoSearchTipsIcon:hover .coveoSearchTipsContent {
  visibility: visible;
}

.coveoSearchTipsContent>ul>li {
  list-style-type: disc;
  margin-left: 25px;
  font-size: 12px;
  padding-left: 15px;
  font-size: 14px;
}

@media (max-width: 1099px) {
  .ping__coveo-searchbox__container {
    flex-direction: initial;
  }
  .devPortal__coveo-searchbox__container .CoveoSearchbox {
    min-width: auto;
  }
  .devPortal__coveo-searchbox__results-container .CoveoSearchbox {
    min-width: 450px;
  }
  .coveoSearchTips {
    justify-content: center;
    width: auto;
  }
  .devPortal__coveo-results .coveo-dynamic-facet-value .coveo-checkbox-span-label {
    font-weight: 500;
    width: 150px!important;
    font-size: 12px;
    text-overflow: ellipsis!important;
  }
  .CoveoBreadcrumb {
    padding: 1px;
  }
  .coveo-breadcrumb-items {
    padding-bottom: 10px;   
  }
  .coveo-breadcrumb-item:not(:last-child) {
    margin-bottom: 10px;
  }
  .devPortal__coveo-results .coveo-breadcrumb-clear-all {
    position: static!important;
  }
}


@media (max-width: 999px) {
  .devPortal__coveo-results .coveo-dynamic-facet-value .coveo-checkbox-span-label {
    font-weight: 500;
    width: 100px!important;
    font-size: 12px;
    text-overflow: ellipsis!important;
  }
  .devPortal__coveo-results .coveo-breadcrumb-clear-all {
    position: static!important;
  }
}

@media (max-width: 799px) {
  .coveoSearchTipsIcon .coveoSearchTipsContent {
    width: auto;
    min-width: 300px;
    height: 300px;
    overflow: scroll;
  }
 .devPortal__coveo-results .coveo-facet-dropdown-header.coveo-dropdown-header.coveo-accessible-button {
    display: inline!important;
  }
 .devPortal__coveo-results .coveo-breadcrumb-clear-all {
    position: static!important;
  }
}

@media (max-width: 520px) {
  .devPortal__coveo-results .coveo-dynamic-facet-breadcrumb-value {
    text-overflow: ellipsis!important;
    width: auto;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    color: #296896;
    font-size: 12px;
    margin-right: 15px;
    outline-offset: 1px;
  }
}



@media (max-width: 480px) {
  .ping__coveo-searchbox__container {
    flex-direction: initial;
  }
  .devPortal__coveo-searchbox__container .CoveoSearchButton {
    display: none;
  }
  .devPortal__coveo-searchbox__container .CoveoSearchbox .magic-box .magic-box-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .devPortal__coveo-searchbox__container .CoveoSearchbox .magic-box {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .devPortal__coveo-searchbox__container .CoveoSearchInterface .CoveoSearchbox {
    width: 150px;
    margin-right: 0px;
  }
  .devPortal__coveo-searchbox__results-container .CoveoSearchbox {
    min-width: 300px;
  }
  .devPortal__coveo-searchbox__container .CoveoSearchInterface {
    min-width: auto;
  }
  .coveoSearchTipsIcon .coveoSearchTipsContent {
    min-width: 200px;
  }
  .searchDropDown {
    width: 140px;
    padding-right: 24px;
  }
  .coveoSearchboxDropdown:after {
    right: 10px;
  }
  .devPortal__coveo-results.CoveoSearchInterface .coveo-search-section {
    margin: 0 auto;
  }  
  .devPortal__coveo-results .coveo-facet-dropdown-header.coveo-dropdown-header.coveo-accessible-button {
    display: inline!important;
  }
  .devPortal__coveo-results .coveo-dynamic-facet-value .coveo-checkbox-span-label {
    font-weight: 500;
    width: 100px;
    font-size: 12px;
    text-overflow: ellipsis!important;
  }

}


/*
*
* Ping Dev Portal Coveo Results
*
*/

.mainContainer {
  background-color: #fff;
}

.devPortal__coveo-results .coveo-dynamic-facet-show-more,
.coveo-dynamic-facet-show-less {
  font-size: 14px;
}

.devPortal__coveo-results .CoveoBreadcrumb,
.devPortal__coveo-results .CoveoFacet .coveo-facet-header .coveo-facet-header-title,
.devPortal__coveo-results .coveo-results-header,
.devPortal__coveo-results .CoveoPager,
.devPortal__coveo-results .CoveoResultsPerPage {
  font-family: "Gotham", helvetica, arial, sans-serif;
}


/*
*
* Enhanced tab bar
*
*/

.devPortal__coveo-results .coveo-tab-section {
  background-color: transparent;
}

.devPortal__coveo-results .CoveoTab {
  font-family: "Gotham", helvetica, arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #2e4355;
  padding: 0 16px 5px;
  text-transform: none;
}

.devPortal__coveo-results .CoveoTab p {
  color: #2e4355;
}

.devPortal__coveo-results .CoveoTab.coveo-selected,
.devPortal__coveo-results .CoveoTab.coveo-selected:hover,
.devPortal__coveo-results .CoveoTab:hover {
  border-bottom: none;
  padding-bottom: 10px;
}


.CoveoTab.coveo-selected p,
.CoveoTab.coveo-selected:hover p,
.CoveoTab:hover p {
  border-bottom: 3px solid #696E7a;
}

.CoveoTab.coveo-selected,
.CoveoTab.coveo-selected:hover {
  border-bottom: none;
}


/*
*
* Coveo breadcrumbs
*
*/

.devPortal__coveo-results .coveo-breadcrumb-items {
  line-height: 1;
}

.cCommunity_SearchPageTheme .devPortal__coveo-results .coveo-breadcrumb-items {
  line-height: 1.5;
}

.devPortal__coveo-results .coveo-breadcrumb-item h3.coveo-dynamic-facet-breadcrumb-title,
.devPortal__coveo-results .coveo-breadcrumb-item span.coveo-facet-breadcrumb-title {
  font-family: Gotham, Helvetica, arial, sans-serif;
  font-weight: 300;
  color: #67768b;
}

.devPortal__coveo-results button.coveo-dynamic-facet-breadcrumb-value,
.devPortal__coveo-results .coveo-breadcrumb-item span.coveo-facet-breadcrumb-caption {
  font-weight: 400;
  text-transform: uppercase;
  color: #296896;
}

.devPortal__coveo-results .coveo-breadcrumb-clear-all {
  position: absolute;
  bottom: 18px;
  right: 0;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: normal;
}

.cCommunity_SearchPageTheme .devPortal__coveo-results .coveo-breadcrumb-clear-all {
  bottom: 21px;
}

/*
*
* Sort selectors
*
*/

/* Support page only */

.cCommunity_SearchPageTheme .devPortal__coveo-results .coveo-sort-section {
  padding-top: 0;
}

.cCommunity_SearchPageTheme .devPortal__coveo-results .coveo-sort-section .CoveoSort {
  height: 24px;
  border-bottom: 3px solid transparent;
}


/* All search pages */

.devPortal__coveo-results .coveo-sort-section .CoveoSort {
  padding: 0;
}

.devPortal__coveo-results .coveo-sort-section {
  height: 35px;
  padding-top: 10px;
}

.devPortal__coveo-results .coveo-sort-section>*:not(:first-child) {
  margin-left: 14px;
}

.devPortal__coveo-results .coveo-sort-section .CoveoSort {
  text-transform: none;
  color: #2e4355;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
}

.devPortal__coveo-results .coveo-sort-section .CoveoSort.coveo-selected,
.devPortal__coveo-results .coveo-sort-section .CoveoSort:hover {
  border-bottom-color: #696E7a;
}


/*
*
* Totals right alignment
*
*/

.devPortal__coveo-results .coveo-dynamic-facet-value .coveo-checkbox-span-label-suffix {
  position: absolute;
  right: 5px;
  color: #2e4355;
}

.devPortal__coveo-results .coveo-dynamic-facet-value {
  position: relative;
}

.devPortal__coveo-results .coveo-dynamic-facet-value .coveo-checkbox-span-label {
  font-weight: 500;    
  width: 200px;
  font-size: 14px;
  text-overflow: ellipsis;
}

.devPortal__coveo-results .coveo-dynamic-facet-header-btn .coveo-dynamic-facet-collapse-toggle-svg {
  vertical-align: top;
  margin-top: 1px;
}


/*
*
* Left column header title / left column labels / results section - clickable link
*
*/

.devPortal__coveo-results .coveo-dynamic-facet-header-title,
.devPortal__coveo-results .coveo-checkbox-label,
.devPortal__coveo-results .coveo-result-cell .CoveoFieldValue .coveo-clickable {
  color: #2e4355;
}

.devPortal__coveo-results .coveo-facet-header-title {
  font-weight: 400;
}

.devPortal__coveo-results .coveo-checkbox-label {
  font-weight: 400;
}

.devPortal__coveo-results .coveo-checkbox-label .coveo-checkbox-button {
  margin-left: 5px;
}

.devPortal__coveo-results .coveo-checkbox-label .coveo-checkbox-button::before {
  border: solid #2e4355;
  border-width: 0 3px 3px 0;
  top: 0px;
}

.devPortal__coveo-results .coveo-dynamic-facet-header {
  height: 50px;
  padding: 20px 0 8px;
}


/*
*
* Results section
*
*/

.devPortal__coveo-results .coveo-result-cell .CoveoFieldValue {
  color: #234355;
  margin-right: 30px;
  font-weight: 500;
}

.devPortal__coveo-results .coveo-result-cell-date .CoveoFieldValue {
  color: #2e4355;
  margin-right: 30px;
}

.devPortal__coveo-results .coveo-result-cell-date {
  width: 130px;
}

.devPortal__coveo-results .coveo-result-cell .coveo-with-label span {
  color: #2e4355;
  font-weight: 400;
}

.devPortal__coveo-results .coveo-result-cell .CoveoFieldValue .coveo-field-caption {
  color: #6a787d;
}



.devPortal__coveo-results .coveo-result-row>.coveo-result-cell>.CoveoResultLink,
.devPortal__coveo-results .coveo-result-row>.coveo-result-cell>.CoveoResultLink:visited,
.devPortal__coveo-results .coveo-result-row .coveo-accessible-button.coveo-clickable,
.devPortal__coveo-results .coveo-result-row .coveo-accessible-button.coveo-clickable:visited {
  color: #4462ED!important;
  font-weight: 500;
  text-decoration: none!important;
  border-bottom: 1px solid transparent!important;
}
.devPortal__coveo-results .coveo-result-row>.coveo-result-cell>.CoveoResultLink:hover,
.devPortal__coveo-results .coveo-result-row .coveo-accessible-button.coveo-clickable:hover {
  color: #4660A2!important;
  text-decoration: none!important;
  border-bottom: 1px solid #4660A2!important;
  opacity: 1!important;
}
.devPortal__coveo-results .coveo-result-row>.coveo-result-cell>.CoveoResultLink:active,
.devPortal__coveo-results .coveo-result-row .coveo-accessible-button.coveo-clickable:active {
  color: #303F5F!important;
  text-decoration: none!important;
  border-bottom: 1px solid #303F5F!important;
}


.devPortal__coveo-results .coveo-list-layout .coveo-result-folding-child-result {
  padding-top: 10px;
}

.devPortal__coveo-results .coveo-list-layout.CoveoResult:last-child {
  padding-bottom: 3.5em;
}


/*
*
* Results -- Icons
*
*/

.devPortal__coveo-results .CoveoResult .coveo-result-frame  .coveo-result-cell .CoveoIcon {
  background-color: transparent;
  top: -3px;
  left: 0px;
}

/* icons based on file types */
.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.html {
  background-image: url("//pingidentity.com/content/dam/knowledge-management/icons/icon-kba.svg");
}

.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.pdf {
  background-image: url("//pingidentity.com/content/dam/knowledge-management/icons/icon-pdf.svg");
}

.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.video {
  background-image: url("//pingidentity.com/content/dam/knowledge-management/icons/icon-video.svg");
}

.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.feedcomment,
.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.feeditem,
.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.topic,
.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.category 
{
  background-image: url("//pingidentity.com/content/dam/knowledge-management/icons/icon-chatter.svg");
}

.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.knowledge {
  background-image: url("//pingidentity.com/content/dam/knowledge-management/icons/icon-support.svg");
}

.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.marketplace_integration__c {
  background-image: url("//pingidentity.com/content/dam/knowledge-management/icons/icon-integrations.svg");
}

/* icons based on @commonsource */
.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.html.icon-corporate {
  background-image: url("//pingidentity.com/content/dam/knowledge-management/icons/icon-corporate.svg");
}

.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.html.icon-admindoc {
  background-image: url("//pingidentity.com/content/dam/knowledge-management/icons/icon-admindoc.svg");
}

.devPortal__coveo-results .CoveoResult .coveo-result-frame .CoveoIcon.html.icon-devdoc {
  background-image: url("//pingidentity.com/content/dam/knowledge-management/icons/icon-devdoc.svg");
}


/*
*
* Bottom section - pages/results per page
*
*/

.devPortal__coveo-results .CoveoResultsPerPage .coveo-results-per-page-list .coveo-results-per-page-list-item,
.CoveoPager .coveo-pager-list .coveo-pager-list-item {
  border: 2px solid #bcc3ca;
  border-radius: 3px;
  margin: 5px 1px;
  font-size: 8px;
  padding: 8px 12px;
}

.devPortal__coveo-results .CoveoResultsPerPage .coveo-results-per-page-list .coveo-active,
.CoveoPager .coveo-pager-list .coveo-active {
  background-color: #303F5F;
  border: 2px solid #303F5F;
}


/*
*
* Pages/results per page numbers
*
*/

/* active */

.devPortal__coveo-results .CoveoResultsPerPage .coveo-results-per-page-list .coveo-active .coveo-results-per-page-list-item-text,
.devPortal__coveo-results .CoveoPager .coveo-pager-list .coveo-active .coveo-pager-list-item-text {
  font-weight: 600;
  color: white!important;
}

/* non active/hover */

.devPortal__coveo-results .CoveoResultsPerPage .coveo-results-per-page-list .coveo-results-per-page-list-item-text,
.devPortal__coveo-results .CoveoPager .coveo-pager-list .coveo-pager-list-item-text {
  font-weight: 600;
  color: #303F5F!important;
  font-size: 12px;
}


/* results per page / pages hover */

.devPortal__coveo-results .coveo-results-per-page-list-item .coveo-active,
.coveo-results-per-page-list-item:hover,
.devPortal__coveo-results .coveo-pager-list .coveo-active,
.coveo-pager-list-item:hover {
  background-color: #303F5F!important;
  border: 2px solid #303F5F!important;
  text-decoration: none!important;
}

.devPortal__coveo-results .coveo-results-per-page-list-item:hover>.coveo-results-per-page-list-item-text,
.devPortal__coveo-results .coveo-pager-list-item:hover>.coveo-pager-list-item-text {
  color: white!important;
  text-decoration: none;
  opacity: 1!important;
}


/* results per page text */

.devPortal__coveo-results .CoveoResultsPerPage .coveo-results-per-page-text {
  color: #303F5F!important;
  margin-right: 5px;
}


/* pages next / prev arrows */

.devPortal__coveo-results .coveo-pager-list .coveo-pager-previous,
.devPortal__coveo-results .coveo-pager-list .coveo-pager-next {
  border: none;
}

.devPortal__coveo-results .coveo-pager-previous:hover,
.devPortal__coveo-results .coveo-pager-next:hover {
  background-color: white!important;
  border: none;
  opacity: 1!important;
}


/*
*
* Coveo Global Overrides
*
*/

.CoveoSearchInterface,
.coveo-dynamic-facet-header,
.coveo-dynamic-facet-values,
.coveo-facet-value-label-wrapper,
.CoveoExcerpt,
.CoveoResult,
.coveo-result-row>.coveo-result-cell>a.CoveoResultLink {
  font-family: "Gotham", helvetica, arial, sans-serif;
}

.coveo-facet-value-label-wrapper {
  font-weight: 400;
}

.CoveoExcerpt {
  color: #2e4355;
  font-weight: 400;
  font-size: 15px;
}

.coveo-facet-settings-popup {
  z-index: 999;
}

.CoveoSearchInterface .icon-default,
.CoveoSearchInterface .icon-community,
.CoveoSearchInterface .icon-kb {
  background-size: 64px;
  width: 64px;
  height: 64px;
}

/* Coveo Facets */
.devPortal__coveo-results .coveo-facet-column .CoveoDynamicFacet .coveo-dynamic-facet-header {
  padding-top: 18px;
}

.devPortal__coveo-results .coveo-facet-column .CoveoDynamicFacet .coveo-dynamic-facet-header .coveo-dynamic-facet-header-title {
  line-height: 18px;
}

.devPortal__coveo-results .CoveoFacet {
  font-size: 15px;
  border: none;
}

.devPortal__coveo-results .CoveoFacet .coveo-facet-header {
  background: none;
  padding-left: 0;
  padding-bottom: 6px;
  margin-bottom: 5px;
  border-bottom: 1px solid #bcc3ca;
}

.devPortal__coveo-results .CoveoFacet .coveo-facet-header .coveo-facet-header-title {
  font-size: 15px;
  font-weight: 600;
  color: #2e4355;
}

.devPortal__coveo-results .CoveoFacet .coveo-facet-value-caption {
  font-weight: 500;
}

.devPortal__coveo-results ul.coveo-facet-values li {
  font-size: 14px;
  color: #2e4335;
  padding-left: 0;
  padding-right: 0;
}

.devPortal__coveo-results ul.coveo-facet-values li .coveo-facet-value-label {
  font-size: 15px;
  margin: 5px 0;
  padding: 0;
}

.devPortal__coveo-results ul.coveo-facet-values li .coveo-facet-value-checkbox {
  height: 15px;
  width: 15px;
  margin-left: 6px;
  margin-right: 12px;
}

.devPortal__coveo-results .CoveoFacet .coveo-facet-value-count:before {
  content: "(";
}

.devPortal__coveo-results .CoveoFacet .coveo-facet-value-count:after {
  content: ")";
}

.devPortal__coveo-results .coveo-facet-value.coveo-facet-selectable.coveo-with-hover:hover,
.devPortal__coveo-results .coveo-facet-value.coveo-facet-selectable.coveo-with-hover:active {
  background-color: transparent;
}

.devPortal__coveo-results .coveo-facet-value.coveo-facet-selectable.coveo-with-hover:hover .coveo-hook-svg,
.devPortal__coveo-results .coveo-facet-value.coveo-facet-selectable.coveo-with-hover:active .coveo-hook-svg {
  display: none;
}

.devPortal__coveo-results .coveo-facet-value.coveo-facet-selectable.coveo-selected:hover .coveo-hook-svg,
.devPortal__coveo-results .coveo-facet-value.coveo-facet-selectable.coveo-selected:active .coveo-hook-svg {
  display: block;
}

.devPortal__coveo-results .coveo-dynamic-facet-value:hover span,
.devPortal__coveo-results .coveo-dynamic-facet-value:active,
.devPortal__coveo-results .coveo-dynamic-facet-value.coveo-selected,
.devPortal__coveo-results .coveo-dynamic-facet-value.coveo-selected span,
.devPortal__coveo-results .coveo-facet-value:hover,
.devPortal__coveo-results .coveo-facet-value:active,
.devPortal__coveo-results .coveo-facet-value.coveo-selected,
.devPortal__coveo-results .coveo-facet-value.coveo-selected span {
  opacity: 1 !important; 
  color: #205174;
}

.devPortal__coveo-results .CoveoSearchbox .CoveoOmnibox,
.devPortal__coveo-results .CoveoSearchbox .CoveoSearchButton {
    border-color: #2e4355;
}

.devPortal__coveo-results .coveo-facet-value.coveo-facet-selectable.coveo-selected .coveo-facet-value-count {
  font-weight: 700;
}

.devPortal__coveo-results .coveo-facet-value.coveo-facet-selectable.coveo-excluded .coveo-facet-value-caption,
.devPortal__coveo-results .coveo-facet-value.coveo-facet-selectable.coveo-excluded .coveo-facet-value-count {
  text-decoration-line: none;
}

.devPortal__coveo-results .coveo-facet-value-exclude,
.devPortal__coveo-results g.coveo-exclusion-svg .devPortal__coveo-results g.coveo-more-svg,
.devPortal__coveo-results g.coveo-line-svg {
  display: none;
}

.devPortal__coveo-results .coveo-facet-header-settings-section {
  margin-top: 4px;
}

/* Facet clear button */
.coveo-dynamic-facet-header-btn.coveo-dynamic-facet-header-clear,
.devPortal__coveo-results .coveo-facet-header-eraser-visible:before {
  position: absolute;
  top: -5px;
  right: -4px;
  font-size: 13px;
  font-family: Gotham, Helvetica, arial, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  content: "Clear";
  text-transform: uppercase;
  color: #296896;
}

.coveo-dynamic-facet-header-btn.coveo-dynamic-facet-header-clear {
  position: relative;
}

.devPortal__coveo-results .coveo-facet-header-eraser-visible:before {
  right: 4px;
  top: -2px;
}

.devPortal__coveo-results .coveo-facet-header-eraser-visible:hover:before {
  text-decoration: underline;
  color: #296896;
}

.devPortal__coveo-results .coveo-facet-header-eraser-visible svg {
  position: absolute;
  color: #296896;
}  

/* Preface with .cCommunity_SearchPageTheme to target Support page only */
.cCommunity_SearchPageTheme .devPortal__coveo-results .coveo-dynamic-facet-header-btn.coveo-dynamic-facet-header-clear {
  top: 2px;
  right: -5px;
}

.cCommunity_SearchPageTheme .devPortal__coveo-results .coveo-facet-header-eraser-visible:before {
  top: -2px;
  right: 4px;
}

.selfServiceContactSupport.communityBtn,
.forceCommunityAskCommunity.askCommunityBtn{
    padding: 0px 20px!important;
    max-width:300px;
}


.devPortal__coveo-results .coveo-dropdown-header-wrapper{
    display:flex !important
}


/*
*
* Fix ASK THE COMMUNITY button on FULL (staging) Search Results 
*
*
*/
body > div:nth-child(16) > div.mainContainer > div.container.knowledge-base.siteforceContentArea > div button.forceCommunityAskCommunity {
    text-transform: var(--lwc-textTransform,uppercase);
    font-size: var(--lwc-fcFontSizeMedium,0.8125rem)!important;
    color: var(--lwc-colorTextBrandPrimary,#FFFFFF)!important;
    background-color: var(--lwc-colorBackgroundButtonBrand,rgb(37, 116, 169))!important;
    border-color: var(--lwc-buttonColorBorderBrandPrimary,rgb(37, 116, 169))!important;
    display: block!important;
    border-width: 2px!important;
    border-style: solid!important;
    padding: 0px 20px!important;
    max-width:300px;
    min-width: 135px!important;
    transition: all .2s!important;
    max-width:300px;!important;
    border-radius: 0px!important;
    min-width: fit-content!important;
}

/*
*
* Fix CONTACT SUPPORT button on FULL (staging) Search Results 
*
*/
body > div:nth-child(16) > div.mainContainer > div.container.knowledge-base.siteforceContentArea > div button.selfServiceContactSupport {
    text-transform: var(--lwc-textTransform,uppercase);
    font-size: var(--lwc-fcFontSizeMedium,0.8125rem)!important;
    color: var(--lwc-colorTextBrandPrimary,#FFFFFF)!important;
    background-color: var(--lwc-colorBackgroundButtonBrand,rgb(37, 116, 169))!important;
    border-color: var(--lwc-buttonColorBorderBrandPrimary,rgb(37, 116, 169))!important;
    width: 70%;
    display: block;
    margin: 0 auto;
    border-width: 2px;
    border-style: solid;
    padding: 5px 24px;
    min-width: 135px;
    transition: all .2s;
    border-radius: 0px!important;
    min-width: fit-content!important;
}

/*
*
* Fix ASK THE COMMUNITY button on PROD Search Results 
*
*
*/
body > div:nth-child(17) > div.mainContainer > div.container.knowledge-base.siteforceContentArea > div > div:nth-child(2) > div > div.contact-con #askCommunity > button {
    text-transform: var(--lwc-textTransform,uppercase);
    font-size: var(--lwc-fcFontSizeMedium,0.8125rem)!important;
    color: var(--lwc-colorTextBrandPrimary,#FFFFFF)!important;
    background-color: var(--lwc-colorBackgroundButtonBrand,rgb(37, 116, 169))!important;
    border-color: var(--lwc-buttonColorBorderBrandPrimary,rgb(37, 116, 169))!important;
    display: block!important;
    border-width: 2px!important;
    border-style: solid!important;
    padding: 0px 20px!important;
    max-width:300px;
    min-width: 135px!important;
    transition: all .2s!important;
    max-width:300px;!important;
    border-radius: 0px!important;
    min-width: fit-content!important;
}

/*
*
* Fix CONTACT SUPPORT button on PROD Search Results 
*
*/
body > div:nth-child(17) > div.mainContainer > div.container.knowledge-base.siteforceContentArea > div > div:nth-child(2) > div > div.contact-con #contactSupport > button {
    text-transform: var(--lwc-textTransform,uppercase);
    font-size: var(--lwc-fcFontSizeMedium,0.8125rem)!important;
    color: var(--lwc-colorTextBrandPrimary,#FFFFFF)!important;
    background-color: var(--lwc-colorBackgroundButtonBrand,rgb(37, 116, 169))!important;
    border-color: var(--lwc-buttonColorBorderBrandPrimary,rgb(37, 116, 169))!important;
    width: 70%;
    display: block;
    margin: 0 auto;
    border-width: 2px;
    border-style: solid;
    padding: 5px 24px;
    min-width: 135px;
    transition: all .2s;
    border-radius: 0px!important;
    min-width: fit-content!important;
}

/* Set search placeholder text to the minimum WCAG AA contrast for text input */
.devPortal__coveo-results ::placeholder {
color: #89959A;
}

/* Set search input text to a darker shade to make it apparently different than placeholder text */
.devPortal__coveo-results .CoveoSearchbox .magic-box .magic-box-input>input {
color: #1c2934;
}