/*
    <div class="tab-pane fadeInDown animated" id="tabs-2-4">
        <div class="services-single-box">
            <div class="services-single-header">
                <p></p>
                <div class="services-single-title">
                    <form class="vabaotsing" action="/vabaotsing" method="get">
                        <div class="search-input-row">
                            <div class="form-control vabaotsing-searchbox-container">
                                <div class="vabaotsing-selected">
                                    <div class="vbo-selected-item" data-id="2802" data-group-id="3">5x-R12C</div>
                                    <div class="vbo-selected-item" data-id="2229" data-group-id="5">65</div>
                                    <div class="vbo-selected-item" data-id="2258" data-group-id="6">15</div>
                                </div>
                                <input type="text" name="vabaotsing" class="vabaotsing-searchbox-input" placeholder="" value="" />
                            </div>
                            <div class="search-filter search-submit">
                                <button class="btn btn-default otsi" type="button" id="searchBtn"><span class="glyphicon glyphicon-search"></span></button>
                            </div>
                        </div>
                        <div class="vabaotsing-filters" style="display:none">
                            <div class="vbo-group" data-id="2">
                                <div class="vbo-group-title">Mudel</div>
                                <div class="vbo-item" data-id="2065">Z507</div>
                            </div>
                            <div class="vbo-group" data-id="3">
                                <div class="vbo-group-title">M��t</div>
                                <div class="vbo-item" data-id="2647">6.5x-R16C</div>
                                <div class="vbo-item" data-id="2649">7.5x-R16C</div>
                                <div class="vbo-item" data-id="2802">5x-R12C</div>
                                <div class="vbo-item" data-id="2892">7.5x-R16</div>
                                <div class="vbo-item" data-id="3117">6.5x-R15C</div>
                            </div>
                            <div class="vbo-group" data-id="4">
                                <div class="vbo-group-title">Laius</div>
                                <div class="vbo-item" data-id="2195">6.5</div>
                                <div class="vbo-item" data-id="2196">7</div>
                                <div class="vbo-item" data-id="2197">7.5</div>
                                <div class="vbo-item" data-id="2198">6</div>
                                <div class="vbo-item" data-id="2224">5</div>
                            </div>
                            <div class="vbo-group" data-id="5">
                                <div class="vbo-group-title">K�rgus</div>
                                <div class="vbo-item" data-id="2227">75</div>
                                <div class="vbo-item" data-id="2229">65</div>
                                <div class="vbo-item" data-id="2238">85</div>
                                <div class="vbo-item" data-id="2240">9.5</div>
                            </div>
                            <div class="vbo-group" data-id="6">
                                <div class="vbo-group-title">Diameeter</div>
                                <div class="vbo-item" data-id="2258">15</div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
*/

/**
 * Vabaotsing search box
 */

.vabaotsing-searchbox-container {
    height: 53px;
    display: flex;
}

.vabaotsing-selected {
    display: flex;
}

.vbo-selected-item {
    cursor: pointer;
    padding: 7px;
    margin: 2px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f1f1f1;
    transition-duration: 0.3s;
}

.vbo-selected-item:after {
    content: 'X';
	font-weight: normal;
    color: #aaa;
    margin-left: 10px;
}

.vbo-selected-item:hover {
    color: #f1f1f1;
    background: #444;
}

.vabaotsing-searchbox-input {
    border: 0px;
    padding: 8px 0;
    flex: 1;
    margin-left: 10px;
}

.vbo-spinner {
    background: url(../revolution/assets/loader.gif) no-repeat 15px 7px;
    width: 44px;
    height: 44px;
}


/**
 * Vabaotsing selectable Filters (items) and their groups
 */

.vabaotsing-filters {
    display: flex;
}

.vbo-group {
    flex: 1;
}

.vbo-group-title {
    font-size: 18px;
    color: #747474;
    font-weight: bold;
}

.vbo-item {
    cursor: pointer;
}
.vbo-item:hover {
    background: #ccc;
}
.vbo-item.active {
    color: #f1f1f1;
    background: #444;
}