/**
 * @package   Live Filter for PrestaShop
 * @version   3.6 March 2012
 * @author    EndPulse Software http://www.prestashop.endpulse.com
 * @copyright Copyright (C) 2008 - 2012 EndPulse Software
 */

@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fa-solid-900.ttf');
	src: url('../fonts/fa-solid-900.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
}

div.LFoptions {
	font-size:12px;
}

.LFoptions ul li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	user-select: none;
}

.LFoptions ul li.main_li {
	/*margin-bottom: 10px;*/
	border-radius: 3px;
	padding: 5px;
}

.LFoptions ul li p.LFaccordeon {
	display: flex;
	cursor: pointer;
	margin-bottom: 3px;
	background: #ddd;
	border-radius: 3px;
	padding: 0 5px;
	line-height: 23px;
	font-weight: lighter;
	user-select: none;
	padding-top: 1px;
}

.LFoptions ul li p.LFaccordeon b {
	width: calc(100% - 30px);
	margin: 0 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.LFoptions input[type="checkbox"] {
	width: 20px;
	height: 21px;
	display: inline-block;
	margin-right: 5px;
}

.LFoptions .LFlist li > span {
	cursor: pointer;
	font-size: 1.2em;
	max-width: calc(100% - 30px);
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.LFoptions .LFlist li > div.checker {
	display: inline-block;
	margin-top: -8px;
}

div.LFoptions span.expanded {
	font: normal normal normal 14px/1 FontAwesome;
	cursor: pointer;
	min-width:15px;
	line-height: 23px;
}
div.LFoptions span.expanded:before {
	content: "\f078";
}

div.LFoptions span.minimized {
	font: normal normal normal 14px/1 FontAwesome;
	cursor: pointer;
	min-width:15px;
	line-height: 23px;
}

div.LFoptions span.minimized:before {
	content: "\f054";
}

h4 span.minimizedup {
	padding-left:15px;
	height: 20px;
	float:right;
	width: 5px;
}

h4 span.expanded {
	padding-left:15px;
	height: 20px;
	float:right;
	width: 5px;
}

div.LFoptions span.LFaccordeon {
	cursor: pointer;
}

div.LFoptions .LFlist {
	margin-top:3px;
}

div.LFoptions .LFlist.LFslide {
	min-height: 54px;
}

div.LFoptions .active, div#LFStyleFixed .active {
	font-weight: bold !important;
}

div.LFoptions span.LFaccordeon:hover {
	color: #000000;
}

div#LFStyleColumn {
	margin-bottom: 1.563rem;
}

div#LFStyleColumn input.LFrangeInputLeft {
	height: 25px; 
	text-align: center; 
	width: calc(50% - 11px);
	margin-left: 0px; 
	margin-right: 5px;
}

div#LFStyleColumn input.LFrangeInputRight {
	height: 25px; 
	text-align: center;
	width: calc(50% - 10px);
	margin-left: 5px;
}

div#LFStyleColumn div.rangeStyle {
	width: calc(100% - 16px);
	margin-left: 8px;
}

div#LFStyleFixed div.rangeStyle {
	width: 123px;
	margin-left: 7px;
}

div#LFStyleFixed input.LFrangeInputLeft {
	height: 25px; 
	text-align: center; 
	width: 55px; 
	margin-left: 0px; 
	margin-right: 5px;
}

div#LFStyleFixed input.LFrangeInputRight {
	height: 25px; 
	text-align: center; 
	width: 55px; 
	margin-left: 5px;
}

div#LFStyleFixed div.LFclrFilters {
	margin-left: 40%;
	padding-bottom: 5px;
}

div#LFStyleColumn div.LFclrFilters {
	text-align: center;
	margin: 0 5px;
	background: #f7f7f7;
	line-height: 2em;
	border: 1px solid #f7f7f7;
}

div#LFStyleColumn div.LFclrFilters:hover {
	border: 1px solid #333333;
}

div.LFoptions span.clrPartial, .LFclrFilters {
	font: normal normal normal 1rem FontAwesome;
	color: #111111;
	display: none;
	cursor: pointer;
	line-height: 23px;
}
div.LFoptions span.clrPartial:before, .LFclrFilters:before {
	content: "\f00d";
}


div#LFStyleFixed {
	background : none !important;
	width:600px;
	position:fixed;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	bottom:0px;
	left:50%;
	margin-left: -300px;
	z-index: 999999;
	color: #222222 !important;
}

div#LFStyleFixed div.LFoptions {
	padding: 5px !important;
	border-top: 1px solid #595A5E;
}

div#LFStyleFixed h4 {
	margin-left: 409px;
	cursor: pointer;
}

div#LFStyleFixed h4:hover {
	color: #000000;
}

div#LFStyleColumn h4 {
	cursor: pointer;
	padding: 5px;
}

ul#LFfixed li {
	width: 145px;
	display: inline-block;
	float: left;
	position: relative;
	clear:right;
}

.ui-widget-header {
	background: #999999;
}