/**
 * 2007-2019 PrestaShop.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2019 PrestaShop SA
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 */
 .faceted-overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(25, 25, 25, 0.5);
  z-index: 100; }
  .faceted-overlay .overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute; }
    .faceted-overlay .overlay__content {
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%); }
      .faceted-overlay .spinner {
        width: 75px;
        height: 75px;
        display: inline-block;
        border-width: 2px;
        border-color: rgba(255, 255, 255, 0.05);
        border-top-color: #fff;
        animation: spin 1s infinite linear;
        border-radius: 100%;
        border-style: solid; }

        @keyframes spin {
          100% {
            transform: rotate(360deg); } }

/**
 * 2007-2019 PrestaShop.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2019 PrestaShop SA
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 */
 #search_filters .ui-slider-horizontal .ui-slider-handle {
  margin-left: -1px;
  cursor: pointer; }

  #search_filters .ui-widget-header {
    background: #f0c360; }

    #search_filters .ui-slider .ui-slider-handle {
      top: -.45em;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #e1e1e1; }

      #search_filters .ui-slider .ui-slider-handle:hover{
        box-shadow: 0 0 0 0.25em rgba(0,0,0,.1);
      }

      #search_filters .ui-slider-horizontal {
        border: none;
        background: rgba(0,0,0,.1);
        height: 4px; }

/**
 * 2007-2019 PrestaShop.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2019 PrestaShop SA
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 */
 #search_filters .facet .title {
  display: flex; 
}
#search_filters .facet .title .collapse-icons {
  margin-left: auto; 
}

#search_filters .facet .facet-title {
  width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}


/*# sourceMappingURL=front.css.map*/

#search_filters .facet.attr-color li {

  margin: 10px 15px 5px 0;

  display: inline-block;

  width: 25px;

  height: 25px;

  border-radius: 50px;

  padding: 0 !important;

  vertical-align: top;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s; 
  position: relative;
}

.rtl #search_filters .facet.attr-color li {

  margin: 10px 0 5px 15px; 
}

#search_filters .facet.attr-color li .facet-label {

  display: block;

  width: 100%;

  height: 100%;

  cursor: pointer; 
}

#search_filters .facet.attr-color li .facet-label.active .color {

  border-color: #FFFFFF;

  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);

  -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);

  -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);

  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5); 
}

#search_filters .facet.attr-color li .facet-label.active .color:before {

  visibility: visible;

  opacity: 1;

  filter: alpha(opacity=100); 
}

#search_filters .facet.attr-color li .custom-checkbox {

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 50px;

  padding: 0;
  top: 0; 
}

#search_filters .facet.attr-color li .custom-checkbox .color {

  width: 100%;

  height: 100%;

  border: none;
  -moz-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15);

  -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15);

  -o-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15);

  -ms-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15);

  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15);

  display: block;

  margin: 0 !important;

  border-radius: 50px;

  -webkit-transition: box-shadow 0.3s ease 0s;

  -o-transition: box-shadow 0.3s ease 0s;

  transition: box-shadow 0.3s ease 0s; 
}

#search_filters .facet.attr-color li .custom-checkbox .color:before {

  content: "\f00c";
  font-family: 'FontAwesome';

  position: absolute;

  color: #ffffff;

  font-size: 12px;

  line-height: normal;

  top: auto;

  bottom: 50%;

  left: 50%;

  right: auto;

  visibility: hidden;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transform: translate(-50%, 50%);

  -moz-transform: translate(-50%, 50%);

  -ms-transform: translate(-50%, 50%);

  -o-transform: translate(-50%, 50%);

  transform: translate(-50%, 50%);

  -webkit-transition: opacity 0.3s ease 0s;

  -o-transition: opacity 0.3s ease 0s;

  transition: opacity 0.3s ease 0s; 
}

#search_filters .facet.attr-color li .custom-checkbox input {

  width: 100%;

  height: 100%;

  margin: 0;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0; 
}

#search_filters .facet.attr-color li a {

  display: inline-block;

  position: absolute;

  padding: 3px 10px;

  left: 5px;

  border-radius: 4px;

  font-size: 10px;

  line-height: 20px;

  background: #333;

  color: #fff;

  white-space: nowrap;

  visibility: hidden;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transform: translateY(-20px);

  -moz-transform: translateY(-20px);

  -ms-transform: translateY(-20px);

  -o-transform: translateY(-20px);

  transform: translateY(-20px);

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s; 
  width: auto;
  overflow: visible;
  top: 0;
}

.rtl #search_filters .facet.attr-color li a {

  right: 5px;

  left: auto; 
}

#search_filters .facet.attr-color li a:before {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-left: 6px solid transparent;

  border-top: 7px solid #333;

  border-right: 6px solid transparent;

  position: absolute;

  bottom: -5px;

  left: 6px; 
}

.rtl #search_filters .facet.attr-color li a:before {

  right: 6px;

  left: auto; 
}

#search_filters .facet.attr-color li a .magnitude {

  position: static;

  display: inline-block;

  color: #fff; 
}

#search_filters .facet.attr-color li:hover a {

  -webkit-transform: translateY(-40px);

  -moz-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  -o-transform: translateY(-40px);

  transform: translateY(-40px);

  visibility: visible;

  opacity: 1;

  filter: alpha(opacity=100);

  z-index: 1; 
}

#search_filters .facet.attr-color li:hover .facet-label .color {

  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);

  -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);

  -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);

  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5); 
}

#search_filters .facet.attr-color li:hover .facet-label .color:before {

  visibility: visible;

  opacity: 1;

  filter: alpha(opacity=100); 
}

#search_filters .faceted-slider p{
  color: #c8c8c8;
}

