﻿.FilterMultiSelect .btn-group, .FilterMultiSelect .btn-group .multiselect, .FilterMultiSelect .btn-group .multiselect-container {
    width: 100%;
}

.multiselect-container > li > a > label > input[type="checkbox"] {
    margin-top: 2px;
}

.multiselect-container > li > a > label > input[type="radio"] {
    margin-top: 2px;
}

.multiselect-container > li.divider {
    margin: 0px;
}

.iconFilter {
    margin-right: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    line-height: normal;
}

.activeIconFilter {
    border: 1px solid #333;
}

.filter-dropdown {
    position: relative;
    width: 180px;
}

    .filter-dropdown div.control-label {
        overflow: hidden;
        text-overflow: ellipsis;
    }

#productfilter button.dropdown-toggle {
    text-transform: none;
}

.activeFilters:after{
clear:both;
content:"";
display:block;
}

.additionalpricetext label{
    font-weight: inherit;
}

@media (min-width: 768px) {
    #productfilter .col-sm-12 > div:nth-of-type(5) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    #productfilter .col-sm-12 > div:nth-of-type(5) {
        clear: none;
    }

    #productfilter .col-sm-12 > div:nth-of-type(6) {
        clear: both;
    }
}


/*For dropdown filter*/
 #productfilter.dropDownFilters .FilterMultiSelect button {
        display: none;
    }

    .form-group.activeFilterDrop .js-filterboxMulti, .form-group.activeFilterDrop .js-filterboxMultiValues {
        border-bottom: 1px solid transparent;
        z-index: 1003;
        position: relative;
    }

    .form-group.activeFilterDrop ul {
        /*z-index: 1 !important;*/
        top: -11px;
        border-radius: 0;
        padding: 0 0 5px 0;
        /*left: -1px;*/
        box-shadow: none;
    }

    .js-iconContainer, .filtervalues-dropdown {
        position: relative;
        background-color: #eeeeee;
        padding: 5px;
        border: 1px solid rgba(0,0,0,0.15);
        top: -1px;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .activeFilterDrop, .activeFilterDrop .js-iconSelect {
        border-bottom: transparent;
        z-index: 1003;
        position: relative;
    }

    #productfilter.dropDownFilters .control-label.btn.btn-default {
        width: 100%;
    }

    .activeFilterDrop .js-iconContainer, .activeFilterDrop .filtervalues-dropdown {
        display: block;
        visibility: visible;
        z-index: 1003;
    }

    .filterWrapper {
        height: 40px;
        border-top: 1px solid #ccc;
        position: relative;
        /*z-index: 3;*/
    }

        .filterWrapper .btn {
            border-top: none;
            border-radius: 0;
        }

            .filterWrapper .btn:active {
                box-shadow: none;
                background-color: white;
            }

    .activeFilterDrop .filterWrapper {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid white;
        z-index: 1004;
          background-color: #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }

        .activeFilterDrop .filterWrapper .btn {
            border-left: none;
            border-right: none;
        }

    #productfilter.dropDownFilters .FilterMultiSelect, #productfilter.dropDownFilters .FilterMultiSelectValues {
        visibility: hidden;
    }

    #productfilter.dropDownFilters .activeFilterDrop .FilterMultiSelect, #productfilter.dropDownFilters .activeFilterDrop .FilterMultiSelectValues {
        visibility: visible;
        z-index: 1002;
    }

    div.activeFilter {
        font-weight: bold;
    }

    .js-iconContainer .row {
        margin: 0;
    }

        .js-iconContainer .row:hover {
            background-color: #f5f5f5;
            cursor: pointer;
        }

        .js-iconContainer .row input {
            /*background-color: #f5f5f5;*/
            cursor: pointer;
        }

    .filterWrapper .control-label {
        background-color: #eeeeee;
    }

        .filterWrapper .control-label:hover {
            background-color: #eeeeee;
        }


    .FilterMultiSelect .multiselect-container {
        background-color: #eeeeee;
    }

    .dropDownFilters .form-group {
        margin-bottom: 0;
    }