/* Yummy Filter Tool CSS Formatting */
/********************* start filter tool *********************/        
        label {
            width: 100%;
        }

        input[type="radio"] {
            margin-left: 10px !important;
        }

        li.empty-brand-li {
            color: #000000;
            margin-left: 5px;
        }

        .dropdown-menu {
            /* fix location of the dropdown */
            right:0;
            left: 0 !important;
            width: auto;
        }

            .dropdown-menu.brand-filter {
                max-height: 200px;
                width: auto;
                overflow-y: auto;
                overflow-x: hidden;                
            }

        .btn.dropdown-toggle:before {
            font-family: FontAwesome;            
            content: "\f078" !important;
            /*margin-left: 5px;*/
            margin-right: 5px;
            font-size: 12px;
            float: right;            
        }


        button.btn.simple-button.dropdown-toggle {
            margin-top: -5px !important;
            font-family:'Open Sans', sans-serif;
            /* make it more legible.*/
            background-color: #f2f2f2;
        }

        button.btn:hover, button.btn:active, button.btn:focus {
            color: black !important;
        }

        /* fix checkboxes and radios */
        .radio input[type="radio"], .checkbox input[type="checkbox"] {
            margin-left: -10px !important;
        }
        .checkbox {
           margin: 0 15px 0 15px !important;            
           padding-left: 10px !important;
           font-size: 13px !important;
        }
        .radio {
            font-size: 13px !important;
        }
        .dropdown-menu > li > a {
            font-size: small;
            font-weight:bold;
        }
        /* filter tool */
        #category-list {
            height: 180px;
            width:180px;
            overflow: auto;
        }
        #brand-list {
            height: 180px;
            width: 180px;
            overflow:auto;
        }
        /* align radio button - cat name */
        .cat-check-level-1 {      
            margin-left: -12px !important;  
            width: auto;     
            margin-top: 1px !important;
        }    
        /* align radio button - cat items */
        .cat-check-level-2 {
            margin-left: 0px !important;
            margin-top: 1px !important;
            width: auto;
        }
        /* font size in the filter tool */
        .filter-tool {
            font-size: 13px !important;
        }

        .container {
            text-align: center;
        }

/********************* end filter tool *********************/

