/**
 * @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 .disabled {
	opacity: 0.4;
	transition: opacity 0.3s;
}

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

.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;
	cursor: pointer;
}

.LFoptions .LFlist li > span {
	cursor: pointer;
	font-size: 1.2em;
	max-width: calc(100% - 62px);
	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";
}

#LFStyleFixed h4 span.minimizedup, #LFStyleColumn h4 span.minimizedup, #LFStyleFixed h4 span.expanded, #LFStyleColumn h4 span.expanded {
	font: normal normal normal 25px / 1 FontAwesome;
	font-width: bold;
	cursor: pointer;
	line-height: 35px;
	height: 30px;
	float: right;
	margin-left: -10px;
	margin-top: -5px;
}

#LFStyleFixed h4 span.minimizedup:before, #LFStyleColumn h4 span.minimizedup:before {
	content: "\f107";
}

#LFStyleFixed h4 span.expanded:before, #LFStyleColumn h4 span.expanded:before {
	content: "\f106";
}

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: calc(100% - 13px);
	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;
	font-size: 1.2em;
}

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

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

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

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

.nbItems {
	opacity: 0.6;
}