/* 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;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-base {width: 100%;height: 100%;position: relative;
}
.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-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
	*z-index: -1;
}
.noUi-state-tap .noUi-origin {-webkit-transition: left 0.3s, top 0.3s;transition: left 0.3s, top 0.3s;}
.noUi-state-drag * {cursor: inherit !important;}

/* Slider size and handle placement;*/
.noUi-horizontal {height: 18px;}
.noUi-horizontal .noUi-handle {width: 20px;height: 18px;left: -14px;top: -1px;padding: 0px;margin: 0px;box-shadow: none;background: white;cursor: pointer;}
.noUi-horizontal .noUi-handle-upper {left: -3px;}
.noUi-horizontal.noUi-extended {padding: 0 15px;}
.noUi-horizontal.noUi-extended .noUi-origin  {right: -15px;}
.noUi-vertical {width: 18px;}
.noUi-vertical .noUi-handle {width: 28px;height: 34px;left: -6px;top: -17px;}
.noUi-vertical.noUi-extended {padding: 15px 0;}
.noUi-vertical.noUi-extended .noUi-origin  {bottom: -15px;}

/* Styling;*/
.noUi-background {background: #FAFAFA;box-shadow: inset 0 1px 1px #f0f0f0;}
.noUi-connect {background: rgb(210,210,210);-webkit-transition: background 450ms;transition: background 450ms;}
.noUi-origin {border-radius: 2px;}
.noUi-target {border-radius: 4px;border: 1px solid #D3D3D3;box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;}
.noUi-target.noUi-connect {box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;}

/* Handles and cursors;*/
.noUi-dragable {cursor: w-resize;}
.noUi-vertical .noUi-dragable {cursor: n-resize;}
.noUi-handle {border: 1px solid #D9D9D9;border-radius: 3px;background: #FFF;cursor: default;box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;}
.noUi-active {box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;}

/* Handle stripes;*/
.noUi-handle:before,
.noUi-handle:after {content: "";display: none;position: absolute;height: 14px;	width: 1px;background: #E8E7E6;left: 14px;top: 6px;}
.noUi-handle:after {left: 17px;}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {width: 14px;height: 1px;left: 6px;top: 14px;}
.noUi-vertical .noUi-handle:after {top: 17px;}

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

/* Blocked state; */
.noUi-state-blocked.noUi-connect,
.noUi-state-blocked .noUi-connect {background: #4FDACF;}

/* MOM JSHOPPING STYLES
--------------------------------------------------- */

form[name="jshop_filters"] input[type="checkbox"] {position: relative; top: 2px;}

#found {font-size: 13px;position: relative; margin: 0px 0px 10px 0px; width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #C8037C; }
#found #acutal_full_amount {color: #C8037C; font-weight: bold;}

#priceFilter {display: none; position: relative; margin: 0px 0px 10px 0px; padding: 10px 20px;}

.price_shower {display: none; position: relative; width: auto; margin: 0 auto; height: 25px; line-height: 25px;}
.price_shower #filter_price_from {padding: 0px 5px 0px 0px; position: absolute; top: 0px; right: 50%; text-align: right;}
.price_shower #filter_price_to {padding: 0px 0px 0px 5px; position: absolute; top: 0px; left: 50%; text-align: left;}


#priceFilter #actualMin {padding: 2px; font-size: 12px;text-align: left; position: absolute; left: 7px; bottom: -10px; width: 80px; height: 20px; }
#priceFilter #actualMax {padding: 2px; font-size: 12px;text-align: right; position: absolute; right: 7px; bottom: -10px; width: 80px; height: 20px; }

.resetAjaxFilter {cursor: pointer; text-decoration: underline; margin: 0px 0px 10px 0px;}

.char_block {border-bottom: 1px solid #C8037C;position: relative; padding: 0px 5px 5px 5px; background: rgba(255,255,255,0.06); height: auto; margin: 5px 0px; overflow: hidden;}

.characteristic_name {text-transform: uppercase; font-size: 16px;color: #ae9a69;margin: 0px 0px 5px 0px;position: relative; padding: 0px 0px 0px 5px !important; top: 0px; left: -5px; height: 35px; line-height: 35px; width: 190px;}
      
.filter_price {display: none;}
.manu_row, .filter_row {position: relative; display: block; clear: both;}

.manu_row label, .filter_row label {color: black;display: inline-block; ; cursor: pointer; padding: 0px 0px 0px 5px; width: 135px;}
.manu_row input, .filter_row input {margin: 0px 0px 0px 5px;}
.manu_row.disabled, .filter_row.disabled {display: none; pointer-events: none;cursor: default; opacity: 0.5;}
.manu_row:hover, .manu_row.chosen,

.filter_row:hover, .filter_row.chosen { color: black;
background: #f4f4f4;
background: -moz-linear-gradient(top, #f4f4f4 1%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4f4), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(top, #f4f4f4 1%,#d1d1d1 100%);
background: -o-linear-gradient(top, #f4f4f4 1%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #f4f4f4 1%,#d1d1d1 100%);
background: linear-gradient(to bottom, #f4f4f4 1%,#d1d1d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d1d1d1',GradientType=0 );
}
.amount {font-size: 10px; color: rgb(100,100,100); margin: 0px 0px 0px 5px; padding: 0px 0px 2px 0px; position: relative; top: -1px;}

.char_block ul {margin: 0px; padding: 0px;}
.char_block ul li {list-style-type: none;}
.char_block ul li div {cursor: pointer;text-decoration: none;color: black;background: rgb(214,201,158); margin-bottom: 5px; border-top: 1px solid #C8037C; border-bottom: 1px solid #C8037C;display: block; width: 100%; height: 30px; line-height: 30px; text-align: center;}
.char_block ul li div:hover {background: rgb(100,100,100);}
.char_block ul li div.enabled.active {background: rgb(100,100,100);}
.char_block ul li div.disabled { pointer-events: none; opacity: 0.5;}