/**
 * Стили для плагина "Подбор товаров по характеристикам"
 *
 * @version     1.001
 */

.selectiongood .spoiler{
    border-top: 1px solid #CFCFCF;
}

.selectiongood .spoiler:first-child{
    border-top: none;
}

.selectiongood .spoiler .spoiler-title{
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 15px;
    border: none;
}

.selectiongood .spoiler .spoiler-title span{
    border-bottom: 1px dotted #777;
}

.selectiongood .spoiler .spoiler-title:hover span{
    border-bottom: none;
}

.selectiongood .spoiler-title .hide-icon{
    background: url("/frontend/image/spoiler.png") 100% 0 no-repeat !important;
}

.selectiongood .spoiler-title .show-icon{
    background: url("/frontend/image/spoiler.png") 100% 100% no-repeat !important;
}

.selectiongood .spoiler .badge{
    outline: none;
    text-decoration: none;
}

.selectiongood .clear_filter_one{
    cursor: pointer;
    color: #777;
    border-bottom: 1px dotted #777;
    font-size: 90%;
    display: none;
}

.selectiongood .spoiler-content label{
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}

.selectiongood .spoiler-content label input{
    position: relative;
    top: 3px;
}

.selectiongood .spoiler-content label small{
    font-size: 9px;
    color: #777;
}

.selectiongood .spoiler-content .slider{
    width: 100% !important;
    margin: 10px 0;
}

.selectiongood .spoiler-content .number_info div{
    float: left;
    width: 10%;
    height: 20px;
    font-size: 12px;
    text-align: center;
}

.selectiongood .spoiler-content .number_info div:nth-child(1){
    margin-left: 15px;
}

.selectiongood .spoiler-content .number_info div:nth-child(2n){
    width: 30%;
}

.selectiongood .spoiler-content .number_info div:nth-child(2n-1){
    color: #666;
    padding-top: 2px;
}

.selectiongood .spoiler-content .number_info input{
    width: 100%;
    height: 20px;
}

.selectiongood .spoiler-content .slider .slider-handle{
    background: red;
}

.selectiongood .spoiler-content .slider .slider-selection{
    background: #CCC;
}