.live-search {
	width:100%;
	position: absolute;
	z-index: 1000;
	padding: 0 0 10px;
	margin-top: 40px;
	background-color:#FFF;
	border: 1px solid #DDD;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 2px 2px #DDDDDD;
	left: 0;
	top: 5px;
	display: none;
	max-height: 435px;
	overflow-y: auto;

	font-weight: 500;
	
}
.live-search ul li .product-name,.live-search ul li .category-name{
    color:#333333;
}
.live-search .mr-10{
	margin-right: 10px !important;
}
.live-search .direction-search-ltr{
	float: right !important;
	margin-right: 0 !important;
	margin-left: 10px;
}
.live-search .direction-price-ltr{
	float: left !important;
	text-align: left !important;
}
.live-search .loading{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.live-search ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.live-search ul li {
	cursor:pointer;
	padding:5px;
	margin:0px 5px;
	background-color:#FFF;
	min-height:50px;
	clear:both;
}
.live-search ul li:nth-child(even) {
	background-color: #FAFAFA;
}
.live-search ul li:hover {
	background-color:#F0F7FA;
}
.live-search ul li a{
	text-decoration: none;
	display:block;
}
.live-search ul li .product-image{
	float:left;
	margin-right:5px;
}
.live-search ul li .product-name p{
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
	line-height: 11px;
	color:#555555;
	margin:0px;
	padding:0px;
}
.live-search ul li .product-name{
	font-weight: bold;
	float: left;
	width:80%;
}
.min-height-34{
	min-height:34px !important;
}
.live-search ul li .category-name{
	font-weight: bold;
	float: left;
	width:100%;
}
.live-search ul li.result-title{
	min-height: 32px;
    font-weight: 600;
    background: #eee;
    margin: 0;
    color:#2F972F;
}
.live-search ul .divider{
	margin: 0;
    border-top: 1px solid #aaa;

}
.live-search ul li .highlight{
	background-color:rgb(127 191 233) !important

}
.live-search ul li .product-add-cart{
	float: right;
	padding: 7px;
}

.live-search ul li .product-price {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	float:right;
	margin-top:10px;
	width:50%;
}
.live-search ul li .product-price .price{
	color: #333333;
	text-decoration: line-through;
	display:block;
}
.live-search ul li .product-price .special{
	color: #FF0000;
	display:block;
}

.live-search .product-price > .special {
	margin-top: -5px;
}

.live-search .result-text{
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	line-height: 24px;
	color:#555555;
	height: 24px;
	background-color:#ececec;
	position: absolute;
	bottom: 0;
	width: 100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.live-search .view-all-results:hover {
	color: #23527c;
}
.live-search .view-all-results {
	color: #23a1d1;
}
.live-search .product-image {
	width: auto;
}
.live-search .product-image img {
	width: auto;
}

.header-search .twitter-typeahead .tt-menu {
	display: none !important;
}

.ui-widget-header {
	background: #63beff !important;
}

#slider-range-elastic {
	margin: 0 15px;
}

/* .box-range-price{
	border: 1px solid #e5e5e5;
	padding: 15px 5px;
	border-radius: 5px;
} */
.amount-input {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.amount-input input {
	max-width: 100px;
}

.box-range-price .panel-body {
	overflow: hidden;
}

.box-range-price .text-range {
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	padding: 5px 0;
}

.box-manufacturer .panel-body {
	height: 270px;
	overflow-y: auto;
}

.box-manufacturer .panel-body .form-check {
	display: flex;
	justify-content: space-between;
}

.box-manufacturer .panel-body .form-check .form-check-label-count {
	background: #ffbc6e;
	padding: 2px 4px;
	border-radius: 50%;
}

.box-manufacturer .panel-body .form-check-label,
.box-manufacturer .panel-body .form-check-input {
	cursor: pointer;
}

/* new range */

.slider-labels {
	margin-bottom: 15px;
}

.slider-labels .caption {
	margin: 5px 0;
}

#slider-range-value1,
#slider-range-value2 {
	padding: 0 8px;
}

/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.noUi-target {
	position: relative;
	direction: ltr;
}

.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	/* Fix 401 */
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}

.noUi-handle {
	position: relative;
	z-index: 1;
}

.noUi-stacking .noUi-handle {
	/* This class is applied to the lower origin when
its values is > 50%. */
	z-index: 10;
}

.noUi-state-tap .noUi-origin {
	-webkit-transition: left 0.3s, top .3s;
	transition: left 0.3s, top .3s;
}

.noUi-state-drag * {
	cursor: inherit !important;
}

/* Painting and performance;
* Browsers can paint handles in their own layer.
*/
.noUi-base,
.noUi-handle {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
*/
.noUi-horizontal {
	height: 4px;
}

.noUi-horizontal .noUi-handle {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	left: -7px;
	top: -7px;
	background-color: #345DBB;
}

/* Styling;
*/
.noUi-background {
	background: #D6D7D9;
}

.noUi-connect {
	background: #345DBB;
	-webkit-transition: background 450ms;
	transition: background 450ms;
}

.noUi-origin {
	border-radius: 2px;
}

.noUi-target {
	border-radius: 2px;
}

.noUi-target.noUi-connect {}

/* Handles and cursors;
*/
.noUi-draggable {
	cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
	cursor: n-resize;
}

.noUi-handle {
	cursor: default;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

.noUi-handle:active {
	border: 8px solid #345DBB;
	border: 8px solid rgba(53, 93, 187, 0.38);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	left: -14px;
	top: -14px;
}

/* Disabled state;
*/
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
	cursor: not-allowed;
}

.send-price {
	padding: 10px 15px !important;
}

.switch {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 21px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider-filter {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider-filter:before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	left: 1px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider-filter {
	background-color: #2196F3;
}

input:focus+.slider-filter {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider-filter:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider-filter.round {
	border-radius: 34px;
}

.slider-filter.round:before {
	border-radius: 50%;
}

.d-flext-stock {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.box-stock .text-stock {
	font-weight: bold;
}

.box-stock label {
	margin-bottom: 0;
}

.button-filter {
	display: none;
}

@media (max-width: 1025px) {
	.button-filter {
		display: block;
	}

	.responsive-filter {
		width: 220px;
		background-color: #fff;
		border: 1px solid #eee;
		border-radius: 5px;
		padding: 10px;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 99999;
		overflow-y: auto;
		height: calc(100vh - 185px);
	}

	.responsive-filter .button-filter {
		font-size: 22px;
		color: #fff;
		background: #3798fb;
		position: fixed;
		right: -30px;
		top: 200px;
		padding: 7px 17px;
		box-shadow: -2px 0 5px 1px #d7d7d7;
		border-radius: 5px 0 0 5px;
		transition: all 0.5s ease-in-out;
		top: calc(100vh - 350px);
	}

	.activeFilter_closed {
		right: -260px !important;
		transition: 0.5s ease-in-out;
	}

	.activeFilter_open {
		right: -25px !important;
		transition: 0.5s ease-in-out;
	}
}

@media (max-width:480px) {
.live-search ul li .product-name {
    width: 68%;
    font-size:13px;
}

.live-search ul li .category-name {
    font-size:13px;
}
    
}

@media (max-width:321px) {
.live-search ul li .product-name {
    width: 55%;
    font-size:12px;
}

.live-search ul li .category-name {
    font-size:12px;
}
    
}