<div class="modal fade bs-example-modal-lg" id="myModal"  role="dialog" aria-labelledby="myModalLabel" >
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header" >
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">BUSCADOR</h4>
            </div>
            <div class="modal-body">
                <div class="col-md-12">
                    <div class="section over-hide z-bigger">
                        <div class="row justify-content-center">
                            <div class="col-sm-6">
                                <input class="checkbox-tools sty_radio" type="radio" name="tipo" id="tool-1" value="articulos" onchange='load(1);'>
                                <label class="for-checkbox-tools" for="tool-1">
                                    ARTICULOS
                                </label>
                            </div>
                           
                             <div class="col-sm-6">
                                <input class="checkbox-tools sty_radio" type="radio" name="tipo" id="tool-4" checked value="servicio" onchange='load(1);'>
                                <label class="for-checkbox-tools" for="tool-4">
                                    SERVICIOS
                                </label>
                            </div>
                            <!--<div class="col-sm-4">
                                <input class="checkbox-tools sty_radio" type="radio" name="tipo" id="tool-5" value="detallados" onchange='load(1);'>
                                <label class="for-checkbox-tools" for="tool-5">
                                    DETALLADO
                                </label>
                            </div>-->
                           
                        </div>  
                    </div>
                </div>

              
                <div class="input-group">
                    <input [focus]='true' type="text" class="form-control input-sm" id="q" placeholder="Codigo o Nombre" onkeyup="load(1)" autocomplete="off" >
                    <span class="input-group-addon">
                        <a href="#" onclick="limpiar_buscador()" type='button'><i class="btn-icon-only icon-remove"></i> Limpiar</a>
                    </span> 
                </div>
                </br>
                <div id="loader" style="position: absolute; text-align: center; top: 55px;  width: 100%;display:none;"></div>
                <div class="outer_div"></div>
            </div>
        </div>
    </div>
</div>      
<script>
$('#myModal').on('shown.bs.modal', function() {
    $("#q").focus();
});
</script> 
<script type="text/javascript">
function limpiar_buscador() {
$('input[type="text"]').val('');
load(1);
$("#q").focus();

}
</script>