/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 13 2024 | 23:49:16 */
.wpfFilterWrapper .ui-slider-horizontal {
    height: 6px;
    margin-top: 5px;
    width: 100%;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -8px;
    margin-left: -.6em;
}

.ui-slider.ui-widget-content .ui-slider-handle {
    background: #fff;
    border: 1px solid #000 !important;
    border-radius: 30px;
}

.ui-slider.ui-widget-content .ui-slider-handle:hover, .ui-slider.ui-widget-content .ui-slider-handle.ui-state-hover, .ui-slider.ui-widget-content .ui-slider-handle.ui-state-active
{
	border: 1px solid red !important;
}

.ui-state-hover:hover, .ui-state-focus:hover, .ui-state-active
{
	border: 1px solid red !important;
}

.wpfClearButton {
    background-color: initial;
	width: 100%;
	text-align: center;
}

.wpfBlockClear { float: right; color: red; border-bottom: 1px solid red; }

.wpfFilterContent { padding-left: 0 !important; padding-right:0 !important; }

.wpfFilterWrapper .ui-slider-horizontal { width: calc(100% - 20px); }

.wpfClearButton.wpfButton {
    width: auto;
    text-align: center;
    padding: 4px 10px;
    background-color: gray;
    color: white;
}

.wpfClearButton.wpfButton:hover {
    background-color: red;
    color: white;
}

.wpfPriceRangeField#wpfMinPrice, .wpfPriceRangeField#wpfMaxPrice {
    background-color: #f9f9f9 !important;
    border: 1px solid #000 !important;
    color: black !important;
    font-family: myFont;
    font: normal 14px Arial, Helvetica, sans-serif;
    border-radius: 5px !important;
    height: 26px !important;
    padding: 5px !important;
    -moz-appearance: textfield !important;
}

.wpfClearButton { display: none !important; }