<div class="modal fade modal-wide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
    <div class="modal-dialog " 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="form-group">
                    <div class="input-group">
                        <input [focus]='true' type="text" class="form-control" id="q" placeholder="Codigo o Nombre" onkeyup="load(1)" autocomplete="off" >
                        <span class="input-group-addon">
                            <a href="#nuevo_articulo" title="Nuevo" data-toggle="modal" type="button" ><i class="btn-icon-only icon-plus"></i> NUEVO </a>
                        </span>  
                    </div>
                    </br>
                    <div id="loader" style="position: absolute; text-align: center; top: 55px;  width: 100%;display:none;"></div><!-- Carga gif animado -->
                    <div class="outer_div" ></div><!-- Datos ajax Final -->
                </div>
            </div>
        </div>
    </div>
</div>      
<script>
$('#myModal').on('shown.bs.modal', function() {
    $("#q").focus();
});
</script>  

<script type="text/javascript">
function limpiar_buscador() {
$("#q").val('');
//load(1);
$("#q").focus();

}
</script>
<style type="text/css">
.modal.modal-wide .modal-dialog {
  width: 70%;
}
</style>