/**
 * ElasticSearch stylesheet
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Smile Searchandising Suite to newer
 * versions in the future.
 *
 * @category  Smile
 * @package   Smile_ElasticSearch
 * @author    Aurelien FOUCRET <aurelien.foucret@smile.fr>
 * @copyright 2013 Smile
 * @license   Apache License Version 2.0
 */
 
/* Autocomplete styles */
.search-autocomplete dl { background: #FFF; border: 1px solid #999; overflow: hidden; width: 100%; }
.search-autocomplete dl dt { background: #3399cc; color: #FFF; font-weight: bold; padding: 3px 3px; font-size: 110%; clear: both}
.search-autocomplete dl dd { background: #FFF; cursor: pointer; padding: 3px 5px; font-size: 110%; text-overflow: ellipsis; white-space: nowrap; width: 100%; clear:both; }
.search-autocomplete dl dd.selected { background: #DDD }
.search-autocomplete dl dd .product-image-box { width: 55px; float: left; padding: 0 5px;}
.search-autocomplete .products-list {margin: 2px 0 10px 0}
.search-autocomplete .products-list .product-shop { float: left; margin: 0px 10px 0px 0px; padding: 0; width: 76%; white-space: normal; }
.search-autocomplete .products-list .product-shop .price-box {font-size: 13px; margin: 0px}
.search-autocomplete .products-list .product-shop .price-box .price {font-size: 13px; margin: 0px}
.search-autocomplete .products-list .product-name {font-size: 12px; font-weight: 500; }
.search-autocomplete .clear {clear: both;}
.search-autocomplete .autocomplete-attributes a {color: #000}
.search-autocomplete .autocomplete-attributes span.attribute-name {color: #666; text-transform: uppercase; font-weight: bold; display: inline-block; float: right}
 
/* Price slider styles */
.range-slider { padding: 5px 0 0; }
.range-slider .slider-bkg { margin:10px 0; background-color:#ddd; height:2px; position: relative; background: #ddd; cursor : pointer; }
.range-slider .handle { border-radius: 20px; margin:-5px 0 0; width:12px; height:12px; background-color:#6f6f6f; cursor:pointer; position: absolute; transition: .3s background-color; -moz-transition: .3s background-color; -webkit-transition: .3s background-color; -o-transition: .3s background-color; -ms-transition: .3s background-color;}
.range-slider .handle:hover, .range-slider .handle:focus, .range-slider .handle:active { background-color: #000; }
.range-slider .limits-container { margin: 0 0 0; }
.range-slider .validate-button { float: right; }
.range-slider .limits.min { float: left; }
.range-slider .limits.max { float: right; }
.range-slider .clear { clear: both; }
.range-slider .count.empty { color: #AA0000; margin: 0; text-align: center; }
.range-slider .count { float: right; display: block; }

#narrow-by-list .ratings { display: inline-block; margin: 0; }
#narrow-by-list .ratings .rating-box { margin: 0; }

.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a { display: inline-block; }

/* Search facets autocomplete */
.autocomplete-facet-form input[type=text] {font-size: 80%; height: 24px;}
.autocomplete-facet-form form {margin: 0 0 10px 0;}
.autocomplete-facet-form .count.empty { line-height: 10px; color: #AA0000; margin: 0; text-align: center; }

.empty-query-field-link {    float: right;
    float: right;
    margin: 0px 0px -28px 0;
    padding: 3px;
    transform: scale(0.75) rotate(45deg);
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.empty-query-field-link div {
    background: rgb(229,132,115);
    height: 20px;
    position: relative;
    width: 2px;
    margin: 0 0 0 12px;
}
.empty-query-field-link div:after {
  background: rgb(229,132,115);
  content: "";
  height: 2px;
  left: -9px;
  top: 9px;
  position: absolute;
  width: 20px;
}

.block-layered-nav dl dd .ajax-load-link {
    font-size: 90%;
    text-align: right;
    cursor: pointer;
    padding: 0px;
    text-decoration: underline;
}