/**
* @package Joomla
* @subpackage JoomShopping
* @author Nevigen.com
* @website https://nevigen.com/
* @email support@nevigen.com
* @copyright Copyright © Nevigen.com. All rights reserved.
* @license Proprietary. Copyrighted Commercial Software
* @license agreement https://nevigen.com/license-agreement.html
**/
#jshop_unijax_filter  {
	margin: 14px 0 20px;
	scrollbar-width: thin;
}
#jshop_unijax_filter ::-webkit-scrollbar {
	width: 5px;
	height: 15px;
}
#jshop_unijax_filter ::-webkit-scrollbar-track-piece  {
	background-color: #ccc;
}
#jshop_unijax_filter ::-webkit-scrollbar-thumb:vertical {
	height: 30px;
	background-color: #999;
}

#jshop_unijax_filter .select[multiple],
#jshop_unijax_filter select[size] {
    height: auto;
	border-radius: 0px;
	padding: 0px;
}
.uf_input a.uk-display-inline-block {
    white-space: nowrap;
    overflow-x: hidden;
    max-width: 100%;
}
.uf_options {
	clear: both;
	border-top: none;
	opacity: 1;
    max-height: 2000px;
	-webkit-transition: opacity .5s ease-out, max-height .5s ease-out;
	transition: opacity .5s ease-out, max-height .5s ease-out;
	margin:0;
}
.uf_close + .uf_options {
	display: block;
	margin:0;
	opacity: 0; 
	max-height: 0;
	overflow: hidden;
	transition: opacity .3s ease-in, max-height .1s ease-in;
}
.uf_trigon  {
	border-top: 6px solid;
	border-top-color: inherit;
	border-left: 3px ridge transparent;
	border-right: 3px solid transparent;
	margin-bottom: 2px;
	display: inline-block;
	cursor: pointer;
}
div.uf_close > span.uf_trigon {
	border-left: 6px solid;
	border-bottom: 3px solid transparent;
	border-top: 3px ridge transparent;
	border-right: none;
}

.uk-nav > li.uf_input > a {
	padding: 0;
}
.uf_input {
	padding: 5px 0;
}
.uf_input > div {
	display: flex;
    align-items: center;
}
.uf_input input[type="checkbox"] {
	margin: 0 10px 0 0!important;
}
.uf_input input[type="checkbox"]:disabled + label {
	color:#999;
}
#jshop_unijax_filter select {
	width: 100%;
}
#jshop_unijax_filter .chzn-container-single .chzn-single,
#jshop_unijax_filter .chzn-container-active.chzn-with-drop .chzn-single{
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border: 0 !important;
}
#jshop_unijax_filter .chzn-container-single .chzn-search input {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	min-height:24px;
}
#jshop_unijax_filter .chzn-drop{
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	margin-left: -1px;
	width: 101%!important;
}
#jshop_unijax_filter .chzn-container-single .chzn-single{
	background: #FFF !important;
}

#jshop_unijax_filter .chzn-container.chzn-container-multi  .chzn-choices {
	background-image: url('../images/arrow_down.png');
	background-position: 100% 50%;
	background-repeat: no-repeat;
	border: 0px !important;
}
.uf_select_options ul.chzn-choices {
	border: 0px !important;
	padding: 3px 0;
	background: none;
}
#jshop_unijax_filter .chzn-container-multi.chzn-container-active  .chzn-choices {
   background-image: url('../images/arrow_up.png');
   background-position: 100% 50%;
   background-repeat: no-repeat;
}
#jshop_unijax_filter ul.chzn-results li.result-selected,
.uf_hide,
.uf_preview {
	display: none !important;
}
.uf_trackbar_inputs {text-align:center; width:100%;}
.uf_trackbar_inputs input,
.uf_inputreset{
	display: inline-block;
	height: 18px;
	padding: 4px 5px;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	border: 1px solid #ccc;
	vertical-align: top;
}
.uf_trackbar_inputs input{
	width: 42% !important
}
.uf_inputreset{
	width: 15%
}
.uf_inputreset {
	width:15%;
	cursor: pointer;
	border: none;
}
.uf_input label {
	margin: 0;
	cursor: pointer;
	flex:1;
	min-width:1px;
}
.uf_attr_img {
	width: 30px;
    vertical-align: middle;
}
.uf_label_selected.uf_close > span.uf_trigon, div.uf_close > span.uf_trigon {	
	border-left-color: inherit;
}
#uf_finded_products,
.uf_select_options {
    width: 100%;
}
.uf_overflow {
	overflow-y:scroll;
}
.uf_overflow.uf_no_overflow {
	overflow-y:auto;
}
#jshop_unijax_filter a,
#jshop_unijax_filter a:hover,
#jshop_unijax_filter a:focus {
	text-decoration:none !important;
}
.uf_input > .uf_link,
.uf_input > .uf_tooltip,
[class^=uf_label_] > .uf_tooltip {
	display: inline-block;
	width: 18px;
	height: 18px;
	float: right;
	margin-right:2px;
}
.uf_input > .uf_link {
	background: url("../images/goto.png") no-repeat scroll center center transparent;
}
.uf_input > .uf_link:hover {
	background: url("../images/goto_f.png") no-repeat scroll center center transparent;
}
.uf_input > .uf_tooltip,
[class^=uf_label_] > .uf_tooltip {
	background: url("../images/help.png") no-repeat scroll center center transparent;
}
.uf_input > .uf_tooltip:hover,
[class^=uf_label_] > .uf_tooltip:hover {
	background: url("../images/help_f.png") no-repeat scroll center center transparent;
}
.uf_clear {
	clear:both;
	margin-bottom:10px;
}
#uf_tooltip{
	position:absolute;
	border:1px solid #ccc;
	padding:5px;
	display:none;
	color:#fff;
	background: rgb(242,245,246);	
	-moz-box-shadow: 1px 1px 1em #ccc;
	-webkit-box-shadow: 1 1 1em #ccc;
	box-shadow: 1px 1px 1em #ccc;
	color:#334d89;
	padding: 10px 15px;
	max-width: 350px;
}

#uf_count_product > .uf_count_loader {
	display: inline-block;
	vertical-align: middle;
}
#jshop_unijax_filter .nonactive {
	color: #c0c0c0 !important;
}
#jshop_unijax_filter .active {
	color: #111111 !important;
}
#jshop_unijax_filter .uf_trackbar {
	width: 100%;
	padding-top: 10px;
}
#jshop_unijax_filter .uf_trackbar table.trackbar div,
#jshop_unijax_filter .uf_trackbar table.trackbar td {
	margin: 0;
	padding: 0;
}
#jshop_unijax_filter .uf_trackbar table.trackbar {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	height: 17px;
	margin: 10px 0px;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .l {
	text-align: right;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .r {
	position: relative;
	text-align: left;
	cursor: default;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .l div,
#jshop_unijax_filter .uf_trackbar table.trackbar .r div {
    display: inline-block;
    position: relative;
    top: 0px;
    white-space: nowrap;
    width: 0;
    z-index: 1;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .l div {
    text-align: right;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .r div {
    text-align: left;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .l div span.limit,
#jshop_unijax_filter .uf_trackbar table.trackbar .r div span.limit {
    color: #777777;
    font: 11px tahoma;
    position: absolute;
    top: -20px;
    z-index: 1;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .l div span.limit {
    left: 0px;
    text-align: left;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .r div span.limit {
    right: 0px;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .l .leftBlock,
#jshop_unijax_filter .uf_trackbar table.trackbar .r .rightBlock {
	width: 9px;
	height: 4px;
	line-height: 22px;
	background: none repeat scroll 0 0 #ddd;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .l .leftBegun,
#jshop_unijax_filter .uf_trackbar table.trackbar .r .rightBegun {
	cursor: pointer;
	vertical-align: middle;
	position: relative;
	top: -9px;
	width: 15px;
	height: 15px;
}
#jshop_unijax_filter .uf_trackbar .centerBlock {
	width: 100%;
	height: 17px;
	line-height: 17px;
	vertical-align: middle;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .c {
	height: 4px;
	margin-top: -10px;
}
#jshop_unijax_filter .uf_disabled .uf_trackbar table.trackbar .c,
#jshop_unijax_filter .uf_disabled .uf_trackbar table.trackbar .l .leftBegun,
#jshop_unijax_filter .uf_disabled .uf_trackbar table.trackbar .r .rightBegun {
	background: none repeat scroll 0 0 #ddd;
}
#jshop_unijax_filter .uf_trackbar table.trackbar .l,
#jshop_unijax_filter .uf_trackbar table.trackbar .r {
	height: 15px;
}
#jshop_unijax_filter .uf_overflow {
	scrollbar-width: thin;
}
#jshop_unijax_filter .uf_overflow::-webkit-scrollbar {
	width: 7px;
}
#jshop_unijax_filter .uf_overflow::-webkit-scrollbar-track-piece  {
	background-color: #f0f0f0;
}
#jshop_unijax_filter .uf_overflow::-webkit-scrollbar-thumb:vertical {
	background-color: #cdcdcd;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}
.unijax_filter_preload {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
	opacity: .3;
	transition-duration: .2s;
}
#unijax_filter_offcanvas_button {
	display:none;
}
body.unijax_filter_container_open {
	height: 100%;
	overflow: hidden;
}
body.unijax_filter_container_open  .tm-page{
	z-index:unset;
}
body.unijax_filter_container_open::before {
	content:"";
	display: block;
	z-index: 99;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.2);
	transition: all 0.3s;
}
@media (max-width: 1099px) {
	#unijax_filter_offcanvas_button {
		display: block;
		position:fixed;
		top:30%;
		left:-1px;
		z-index:999;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		
	}
	#unijax_filter_container {
		position: fixed;
		top: 0;
		left: -320px;
		width: 320px;
		max-width: 90%;
		height: 100%;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		z-index: 999;
	}
	#unijax_filter_container.unijax_filter_container_open {
		left: 0px;
	}
	#unijax_filter_block {
		position:relative;
		height:100%;
		background: #fff;
		padding: 5px 10px;
		overflow-y: auto;
	}
} 

/*
@media (max-width: 640px) {
	#unijax_filter_offcanvas_button {		
	padding: 0px;
	width:6px;
	height:200px;
	border-top-right-radius:5px;		
	border-bottom-right-radius:5px;
	}
	#unijax_filter_offcanvas_button>*{
		display:none
	}
}  	
*/
.chzn-choices .uk-label {margin-right:5px}     	   	 
.uf_hidecheckbox input[type='checkbox'] {
    position:absolute;
    visibility:hidden;
}     	
.uf_hidecheckbox > li {
    display: inline-block;
    min-width: 50px;
    text-align: center;
    box-sizing: border-box;
    border: solid 1px #ddd;
    margin-bottom: 5px;
    padding: 5px 10px;
}