diff --git a/src/views/nota-pedido.html b/src/views/nota-pedido.html
index 9f7a4e5..d64eb17 100644
--- a/src/views/nota-pedido.html
+++ b/src/views/nota-pedido.html
@@ -1,189 +1,192 @@
-<div class="row">
-    <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2">
-        <div class="row bg-secondary p-3">
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <div class="input-group">
+<form name="formCrearNota" ng-submit="crearNotaPedido()">
+    <div class="row">
+        <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2">
+            <div class="row bg-secondary p-3">
+                <div class="form-group col-12 col-sm-6 col-md-4">
+                    <div class="input-group">
+                        <input
+                            type="text"
+                            class="form-control"
+                            uib-datepicker-popup="dd/MM/yyyy"
+                            ng-model="notaPedido.fechaCarga"
+                            is-open="popup1.opened"
+                            datepicker-options="dateOptions"
+                            close-text="Cerrar"
+                            current-text="Hoy"
+                            clear-text="Borrar"
+                            alt-input-formats="altInputFormats"
+                            ng-required="true"
+                        />
+                        <span class="input-group-append">
+                            <button type="button" class="btn btn-default" ng-click="popup1.opened = true">
+                                <i class="fa fa-calendar"></i>
+                            </button>
+                        </span>
+                    </div>
+                </div>
+                <div class="form-group col-12 col-sm-6 col-md-4">
+                    <div class="input-group">
+                        <input
+                            class="form-control selectable"
+                            type="text"
+                            ng-model="notaPedido.cliente.nombre"
+                            placeholder="Seleccione Cliente"
+                            readonly="true"
+                            ng-click="seleccionarCliente()"
+                            ng-required="true"
+                        >
+                        <span class="input-group-append">
+                            <button type="button" class="btn btn-default" ng-click="seleccionarCliente()">
+                                <i class="fa fa-search"></i>
+                            </button>
+                        </span>
+                    </div>
+                </div>
+                <div class="form-group col-12 col-sm-6 col-md-4">
+                    <div class="input-group">
+                        <input
+                            class="form-control"
+                            type="text"
+                            ng-model="notaPedido.vendedor.nombre"
+                            placeholder="Seleccione Vendedor"
+                            readonly="true"
+                        >
+                        <span class="input-group-append">
+                            <button type="button" class="btn btn-default" ng-click="seleccionarVendedor()">
+                                <i class="fa fa-search"></i>
+                            </button>
+                        </span>
+                    </div>
+                </div>
+                <div class="form-group col-12 col-sm-6 col-md-4">
                     <input
+                        class="form-control selectable"
                         type="text"
-                        class="form-control"
-                        uib-datepicker-popup="dd/MM/yyyy"
-                        ng-model="notaPedido.fechaCarga"
-                        is-open="popup1.opened"
-                        datepicker-options="dateOptions"
-                        close-text="Cerrar"
-                        current-text="Hoy"
-                        clear-text="Borrar"
-                        alt-input-formats="altInputFormats"
-                        ng-required="true"
-                    />
-                    <span class="input-group-append">
-                        <button type="button" class="btn btn-default" ng-click="popup1.opened = true">
-                            <i class="fa fa-calendar"></i>
-                        </button>
-                    </span>
-                </div>
-            </div>            
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <div class="input-group">
+                        ng-model="notaPedido.domicilio"
+                        placeholder="Seleccione Domicilio"
+                        typeahead-min-length="0"
+                        uib-typeahead="domi as domi.dom for domi in domiciliosCliente"                    
+                    >
+                </div>
+                <div class="form-group col-12 col-sm-6 col-md-4">
                     <input
                         class="form-control selectable"
                         type="text"
-                        ng-model="notaPedido.cliente.nombre"
-                        placeholder="Seleccione Cliente"
                         readonly="true"
-                        ng-click="seleccionarCliente()"
+                        ng-model="notaPedido.precioCondicion"
+                        ng-click="abrirModalListaPrecio()"
+                        placeholder="Seleccione Lista de precio"
                     >
-                    <span class="input-group-append">
-                        <button type="button" class="btn btn-default" ng-click="seleccionarCliente()">
-                            <i class="fa fa-search"></i>
-                        </button>
-                    </span>
                 </div>
-            </div>
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <div class="input-group">
-                    <input
-                        class="form-control"
+                <div class="form-group col-12 col-sm-6 col-md-4">
+                    <label>Bomba</label>
+                    <div class="form-check custom-radio custom-control-inline">
+                        <input
+                            class="form-check-input"
+                            type="radio"
+                            name="radioBomba"
+                            value="1"
+                            ng-model="notaPedido.bomba">
+                        <label class="form-check-label">Si</label>
+                    </div>
+                    <div class="form-check custom-radio custom-control-inline">
+                        <input
+                            class="form-check-input"
+                            type="radio"
+                            name="radioBomba"
+                            value="0"
+                            ng-model="notaPedido.bomba">
+                        <label class="form-check-label">No</label>
+                    </div>
+                </div>
+                <div class="form-group col-12 col-sm-6 col-md-4">
+                    <label>Flete</label>
+                    <div class="form-check custom-radio custom-control-inline">
+                        <input
+                            ng-change="limpiarFlete()"
+                            class="form-check-input"
+                            type="radio"
+                            name="radioFlete"
+                            value="1"
+                            ng-model="notaPedido.flete">
+                        <label class="form-check-label">Si</label>
+                    </div>
+                    <div class="form-check custom-radio custom-control-inline">
+                        <input                        
+                            class="form-check-input"
+                            type="radio"
+                            name="radioFlete"
+                            value="0"
+                            ng-model="notaPedido.flete">
+                        <label class="form-check-label">No</label>
+                    </div>
+                </div>
+                <div class="form-group col-12 col-sm-6 col-md-4">
+                    <input 
+                        class="form-control selectable"
                         type="text"
-                        ng-model="notaPedido.vendedor.nombre"
-                        placeholder="Seleccione Vendedor"
                         readonly="true"
+                        ng-show="notaPedido.flete == 1"
+                        ng-model="notaPedido.fleteNombre"
+                        ng-click="abrirModalFlete()"
+                        placeholder="Seleccione Flete"
                     >
-                    <span class="input-group-append">
-                        <button type="button" class="btn btn-default" ng-click="seleccionarVendedor()">
-                            <i class="fa fa-search"></i>
-                        </button>
-                    </span>
                 </div>
-            </div>
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <input
-                    class="form-control selectable"
-                    type="text"
-                    ng-model="notaPedido.domicilio"
-                    placeholder="Seleccione Domicilio"
-                    typeahead-min-length="0"
-                    uib-typeahead="domi as domi.dom for domi in domiciliosCliente"                    
-                >
-            </div>
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <input
-                    class="form-control selectable"
-                    type="text"
-                    readonly="true"
-                    ng-model="notaPedido.precioCondicion"
-                    ng-click="abrirModalListaPrecio()"
-                    placeholder="Seleccione Lista de precio"
-                >
-            </div>
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <label>Bomba</label>
-                <div class="form-check custom-radio custom-control-inline">
-                    <input
-                        class="form-check-input"
-                        type="radio"
-                        name="radioBomba"
-                        value="1"
-                        ng-model="notaPedido.bomba">
-                    <label class="form-check-label">Si</label>
-                </div>
-                <div class="form-check custom-radio custom-control-inline">
+                <div class="form-group col-12 col-sm-6 col-md-4">
                     <input
-                        class="form-check-input"
-                        type="radio"
-                        name="radioBomba"
-                        value="0"
-                        ng-model="notaPedido.bomba">
-                    <label class="form-check-label">No</label>
+                        class="form-control selectable"
+                        type="text"
+                        ng-show="notaPedido.flete == 1"
+                        ng-model="notaPedido.chofer"
+                        placeholder="Seleccione Chofer"
+                        uib-typeahead="chofer as chofer.nombre for chofer in choferes"
+                        typeahead-min-length="0"
+                    >
                 </div>
-            </div>
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <label>Flete</label>
-                <div class="form-check custom-radio custom-control-inline">
+                <div class="form-group col-12 col-sm-6 col-md-4">
                     <input
-                        ng-change="limpiarFlete()"
-                        class="form-check-input"
-                        type="radio"
-                        name="radioFlete"
-                        value="1"
-                        ng-model="notaPedido.flete">
-                    <label class="form-check-label">Si</label>
-                </div>
-                <div class="form-check custom-radio custom-control-inline">
-                    <input                        
-                        class="form-check-input"
-                        type="radio"
-                        name="radioFlete"
-                        value="0"
-                        ng-model="notaPedido.flete">
-                    <label class="form-check-label">No</label>
+                        class="form-control selectable"
+                        type="text"
+                        ng-show="notaPedido.flete == 1"
+                        ng-model="notaPedido.vehiculo"
+                        placeholder="Seleccione Vehículo"
+                        uib-typeahead="vehiculo as vehiculo.tractor for vehiculo in vehiculos"
+                        typeahead-min-length="0"
+                    >
+                </div>
+                <div class="form-group col-12 col-sm-6 col-md-4">
+                    <input 
+                        class="form-control selectable"
+                        type="number"
+                        step="0.01"
+                        ng-show="notaPedido.flete == 1"
+                        ng-model="notaPedido.costoUnitarioKmFlete"
+                        placeholder="Costo por kilómetro"
+                    >
+                </div>
+                <div class="form-group col-12 col-sm-6 col-md-4">
+                    <input 
+                        class="form-control selectable"
+                        type="number"
+                        step="0.1"
+                        ng-show="notaPedido.flete == 1"
+                        ng-model="notaPedido.kilometros"
+                        placeholder="Kilómetros recorridos"
+                    >
                 </div>
-            </div>
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <input 
-                    class="form-control selectable"
-                    type="text"
-                    readonly="true"
-                    ng-show="notaPedido.flete == 1"
-                    ng-model="notaPedido.fleteNombre"
-                    ng-click="abrirModalFlete()"
-                    placeholder="Seleccione Flete"
-                >
-            </div>
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <input
-                    class="form-control selectable"
-                    type="text"
-                    ng-show="notaPedido.flete == 1"
-                    ng-model="notaPedido.chofer"
-                    placeholder="Seleccione Chofer"
-                    uib-typeahead="chofer as chofer.nombre for chofer in choferes"
-                    typeahead-min-length="0"
-                >
-            </div>
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <input
-                    class="form-control selectable"
-                    type="text"
-                    ng-show="notaPedido.flete == 1"
-                    ng-model="notaPedido.vehiculo"
-                    placeholder="Seleccione Vehículo"
-                    uib-typeahead="vehiculo as vehiculo.tractor for vehiculo in vehiculos"
-                    typeahead-min-length="0"
-                >
-            </div>
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <input 
-                    class="form-control selectable"
-                    type="number"
-                    step="0.01"
-                    ng-show="notaPedido.flete == 1"
-                    ng-model="notaPedido.costoUnitarioKmFlete"
-                    placeholder="Costo por kilómetro"
-                >
-            </div>
-            <div class="form-group col-12 col-sm-6 col-md-4">
-                <input 
-                    class="form-control selectable"
-                    type="number"
-                    step="0.1"
-                    ng-show="notaPedido.flete == 1"
-                    ng-model="notaPedido.kilometros"
-                    placeholder="Kilómetros recorridos"
-                >
             </div>
         </div>
+        <div class="col-auto my-2">
+            <button
+                ng-click="crearNotaPedido()"
+                type="submit"
+                title="Crear nota pedido"
+                class="btn btn-primary float-right">
+                Guardar
+            </button>
+        </div>
     </div>
-    <div class="col-auto my-2">
-        <button
-            ng-click="crearNotaPedido()"
-            type="button"
-            title="Crear nota pedido"
-            class="btn btn-primary float-right">
-            Guardar
-        </button>
-    </div>
-</div>
+</form>
 <div class="row">
     <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2">
         <div class="row">