input.fix-submit {
    display: none;
}

ul.errorreport {
    list-style-type: none;
    padding-left: 0;
}

ul.errorreport li.errors {
    color: darkred;
    font-size: smaller;
}

ul.errorreport li.warnings {
    color: goldenrod;
    font-size: smaller;
}

li.errors > span, li.warnings > span {
    font-weight: bold;
}

.CoveoPager ul li > a {
    line-height: 15px;
}

.coveo-page-editor-editing .coveo-facet-column.coveo-no-results,
.coveo-page-editor-editing .CoveoFacet.coveo-facet-empty,
.coveo-page-editor-editing .CoveoFacetRange.coveo-facet-empty,
.coveo-page-editor-editing .CoveoFacetRange.coveo-disabled-empty,
.coveo-page-editor-editing .CoveoFacetSlider.coveo-disabled-empty,
.coveo-page-editor-editing .CoveoDistanceComponents.coveo-disabled-empty,
.coveo-page-editor-editing .CoveoRecommendation,
.coveo-page-editor-editing .CoveoSort.coveo-sort-hidden,
.coveo-page-editor-editing .coveo-distance-disabled:not(.coveo-sort-hidden),
.coveo-page-editor-editing .coveo-sort-field-error:not(.coveo-sort-hidden),
.coveo-page-editor-editing .coveo-sort-field-warning:not(.coveo-sort-hidden){
    display: block;
}

/* Visual indicator in the page editor for disabled components while the distance is resolved. */
.coveo-page-editor-editing .CoveoSort.coveo-distance-disabled {
    border-bottom-color: darkred;
    color: darkred;
}

.coveo-page-editor-editing .CoveoFacetRange.coveo-distance-disabled,
.coveo-page-editor-editing .CoveoFacetSlider.coveo-distance-disabled {
    border: 1px solid darkred;
}

.coveo-distance-disabled-tooltip,
.coveo-sort-field-error-tooltip,
.coveo-sort-field-warning-tooltip {
    display: none;
    background-color: white;
    color: #000;
    text-align: left;
    padding: 0 15px;
    font-size: 11pt;
    border: 1px solid lightgray;
    position: absolute;
    /* >= 10000 to ensure that the tooltip is in front of the experience editor hover border. */
    z-index: 10000;
}

.coveo-sort-field-error,
.coveo-sort-field-warning {
    display: flex;
    align-items: center;
    padding: 0 5px 10px 5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.coveo-sort-field-error {
    color: darkred;
    border-bottom: 2px solid darkred;
}

.coveo-sort-field-warning {
    color: goldenrod;
    border-bottom: 2px solid goldenrod;
}

.coveo-distance-disabled:hover ~ .coveo-distance-disabled-tooltip,
.coveo-sort-field-error:hover ~ .coveo-sort-field-error-tooltip,
.coveo-sort-field-warning:hover ~ .coveo-sort-field-warning-tooltip {
    display: block;
}

.coveo-page-editor-editing .result-template {
    /* Upon moving the search component multiple times in the page editor, Sitecore moves
        the result template script outside the search component and sets its display style
        to block. The following fixes this issue in the page editor. */
    display: none !important;
}

.coveo-page-editor-editing .coveo-sort-section .scEmptyPlaceholder {
    height: inherit;
    min-width: 100px
}

.coveo-page-editor-editing .coveo-distance-resources-section .scEmptyPlaceholder {
    height: 25px;
}

.coveo-page-editor-editing .pageEditorSearchboxExtension {
    height: 30px;
    display: table-cell;
    vertical-align: middle;
}

/* Fixes for the Infinite scroll behaviour. */
html, body {
    padding:0;
}

#coveo-center-column {
    text-align: left;
    margin: auto;
}

.CoveoSearchInterface {
    background-color: #FFF;
}

.CoveoSearchInterface .coveo-results-section .coveo-results-column {
    padding-right: 15px;
}

.CoveoSearchInterface .coveo-results-section .coveo-results-column.coveo-searchbox-column {
    padding-top: 2px;
    padding-bottom: 13px;
}

.CoveoBreadcrumb .coveo-clear-all {
    margin-top:-8px;
}

.coveo-logo-column {
    padding-top: 1px;
    padding-bottom: 18px;
    height: 63px;
}

.coveo-logo {
    margin: 8px 20px 13px 0;
}

/* Hide the result list header when nothing to display and not editing the page. */
.CoveoSearchInterface:not(.coveo-page-editor-editing) .coveo-results-section .coveo-results-column .coveo-results-header.coveo-empty {
    display: none;
}

/* Apply the same style from the js ui for custom facets. */
.CustomFacet {
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
}

.CustomFacet .coveo-header {
    padding:5px 0;
}

.CustomFacet .coveo-header .coveo-title {
    font-size: 15px;
    font-weight: bold;
    color: #39465d;
    padding-top: 2px;
}

.CustomFacet .coveo-header > .coveo-icon {
    float: left;
    margin: 2px 5px 0 3px;
    width: 16px;
}

/* Fixes the height of the tabs section placeholder when it contains no elements. */
.coveo-tab-section .scEmptyPlaceholder {
    height: 50px;
    width: 150px;
}

/* Fixes visibility of errors in the tabs section. */
.coveo-tab-section ul.errorreport {
    font-size: 14px;
    display: inline-block;
    margin: 0px;
    box-sizing: border-box;
    vertical-align: middle;
}

/* Fix to display Sitecore components inline in the experience editor. */
.coveo-placeholder-fix > div {
    display: inline-block;
}

/* Fixes the Relevancy sort component which is not the same size as the Date or Field sort since it has no icon. */
.relevancy-sort-fix {
    display: inline-block;
    height: 13px;
}

/* Fix default display for IE9/8. */
.CoveoResult table.CoveoFieldTable th {
    width: 100px;
}

#coveoWebCrawlerFieldName {
    font-weight: bold;
}
.CoveoServerError {
    background-color: #f7f7f7;
    padding: 10px;
}

/* Fix for searchable facets checkbox. */
.coveo-facet-search-results .coveo-facet-value .coveo-facet-value-checkbox > span {
    bottom: 1px;
}

/* Custom CSS for the recommendation component */
.coveo-recommendations .coveo-results-column {
    width: 49%;
    display: inline-block;
}

.coveo-recommendations.coveo-small-recommendation .coveo-results-column {
    width: auto;
    display: block;
}

.coveo-recommendations .coveo-facet-column {
    display: inline-block;
    width: 22%;
    vertical-align: top;
}

.coveo-recommendations .coveo-main-section {
    max-width: 1450px;
}

.noSearchPageErrorMessage {
    color: darkred;
}

.coveo-distance-disabled {
    display: none;
}