/* Скрываем реальный чекбокс */
#filterpro .checkbox {
    display: none;
}
/* Задаем внешний вид для нашего кастомного чекбокса. Все обязательные свойства прокомментированы, остальные же свойства меняйте по вашему усмотрению */
#filterpro .checkbox-custom {
    position: relative;      /* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */
    width: 20px;             /* Обязательно задаем ширину */
    height: 20px;            /* Обязательно задаем высоту */
    border: 2px solid #ccc;
    border-radius: 3px;
}
/* Кастомный чекбокс и лейбл центрируем по вертикали. Если вам это не требуется, то вы можете убрать свойство vertical-align: middle из данного правила, но свойство display: inline-block обязательно должно быть */
#filterpro .checkbox-custom,
#filterpro .label {
    color: #333;
    display: inline-block;
    vertical-align: middle;
}
/* Если реальный чекбокс у нас отмечен, то тогда добавляем данный признак и к нашему кастомному чекбоксу  */
#filterpro .checkbox:checked + .checkbox-custom::before {
    content: "";             /* Добавляем наш псевдоэлемент */
    display: block;          /* Делаем его блочным элементом */
    position: absolute;      /* Позиционируем его абсолютным образом */
    /* Задаем расстояние от верхней, правой, нижней и левой границы */
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background: #f7465f;     /* Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */
    /*border-radius: 2px;*/
}
#filterpro .label {
    display: inline!important;
     padding: .2em .3em .3em; 
    font-size: 75%;
    text-transform: uppercase;
    /* font-weight: bold; */
    /* line-height: 1; */
    color: #333;
    text-align: center;
    white-space: normal;
    vertical-align: baseline;
    border-radius: .25em;
    
}
/***********************/

#filterpro_box {padding:15px;}

#filterpro_box .box-content {
    padding:0;
}
#filterpro .option_box {
    /*border-radius: 7px 7px 7px 7px;*/
    display: block;
    /*min-width: 167px;*/
   /* padding: 5px 5px 0;*/
    vertical-align: top;
}

#filterpro .price_limit {
    border: 0;
    color: #f7465f;
    font-weight: bold;
    width: 100%;
}
#filterpro #slider-range {
    margin-right: 5px;
    margin-left: 5px;
}

#filterpro .ui-widget-header {
    background: none repeat scroll 0 0 #f7465f;
    border: 0 none;
    color: #FFFFFF;
    font-weight: bold;
}

#filterpro select {
        width: 100%;
    margin-top: 10px;
}

#filterpro .ui-state-hover, #filterpro .ui-state-focus, #filterpro .ui-state-active {
    border: 1px solid #f7465f;
    background: none repeat scroll 0 0 #d9f2fc;
}

#filterpro .price_slider {
    height: 68px;
    padding: 5px;
}

#filterpro .price_slider  input {
    /*width: 65px;
    min-width: 65px;
    background: none;*/
}

#filterpro .option_values {
    padding-top: 5px;
}

#filterpro .option_name, #filterpro .attribute_group_name {
    background: url("../image/filter-bullet-down.png") no-repeat scroll right center transparent;
    border-bottom: 1px solid #DBDEE1;
    border-top: 1px solid #DBDEE1;
    margin: 10px 0;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    padding: 5px;
}
#filterpro .attribute_group_name{
    padding-left: 0;
}

#filterpro .hided {
    background: url("../image/filter-bullet-up.png") no-repeat scroll right center transparent;
    cursor: pointer;
}

#filterpro_box .clear_filter {
    border-bottom: 1px dashed;
    text-decoration: none;
    float: right;
}

#filterpro .collapsible{
    /*max-height: 120px;*/
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 5px;
    padding-right: 5px;
    
}

#filterpro img {
    cursor: pointer;
    margin: 2px
}

#filterpro img.selected {
    border: 2px solid;
    margin: 0;
}
#column-left + #column-right + #content .product-grid > div.loadmask {
    width: 100%;
}

#filterpro input {
    margin: 4px 3px;
    padding: 0;
}
#filterpro table{
     margin-bottom: 5px;
}
#filterpro .attribute-tooltip.selected, .attribute-group-tooltip.selected, .option-tooltip.selected {
    border: 2px solid transparent !important;
}

#filterpro .box-filter span{
    font-weight: normal;
}