/*
 *
 *  @copyright 2008 - https://www.clicshopping.org
 *  @Brand : ClicShoppingAI(TM) at Inpi all right Reserved
 *  @Licence GPL 2 & MIT
 *  @Info : https://www.clicshopping.org/forum/trademark/
 *
 */

.ModulesProductsListingContainer {

}


.ModulesProductsListingContents {
  color: #000000;
}

.ModuleProductsListingSplit {

}

div.ModulesProductsListingHeadingTitle h1 {
  padding-left: 0.625rem;
}

/***************************
            Ticker
***************************/

span.ModulesProductsListingBootstrapTickerNewProduct {
  font: 700 10px/8px Arial, Helvetica, sans-serif;
  color: #000;
  background: #B2D5EE none repeat scroll 0% 0%;
  text-transform: uppercase;
  padding: 6px 0px 7px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  width: 80px;
  text-align: center;
  display: block;
  position: absolute;
  left: -5px;
  top: 23px;
  transform: rotate(-45deg);
}


span.ModulesProductsListingBootstrapTickerSpecial {
  font: 700 10px/8px Arial, Helvetica, sans-serif;
  color: #FFF;
  background: #E6290B none repeat scroll 0% 0%;
  text-transform: uppercase;
  padding: 6px 0px 7px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  width: 80px;
  text-align: center;
  display: block;
  position: absolute;
  left: -5px;
  top: 23px;
  transform: rotate(-45deg);
}


span.ModulesProductsListingBootstrapTickerFavorite {
  font: 700 10px/8px Arial, Helvetica, sans-serif;
  color: #FFF;
  background: #449D44 none repeat scroll 0% 0%;
  text-transform: uppercase;
  padding: 6px 0px 7px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  width: 80px;
  text-align: center;
  display: block;
  position: absolute;
  left: -5px;
  top: 23px;
  transform: rotate(-45deg);
}


span.ModulesProductsListingBootstrapTickerFeatured {
  font: 700 10px/8px Arial, Helvetica, sans-serif;
  color: #FFF;
  background: #025AA5 none repeat scroll 0% 0%;
  text-transform: uppercase;
  padding: 6px 0px 7px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  width: 80px;
  text-align: center;
  display: block;
  position: absolute;
  left: -5px;
  top: 23px;
  transform: rotate(-45deg);
}

/********************************
// Ticker pourcenatge
********************************/
span.ModulesProductsListingBootstrapTickerPourcentage {
  font: 700 14px/12px Arial, Helvetica, sans-serif;
  color: #FFF;
  background: #FF6600 none repeat scroll 0% 0%;
  text-transform: uppercase;
  padding: 0.375rem 0px 0.4375rem;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  width: 3.125rem;
  text-align: center;
  display: block;
  float: right;
  position: absolute;
  right: 1rem;
}