<div class="row">
                
  <div class="col-md-4 col-sm-12">
    <input type="hidden" id='filtro_carrera' name="filtro_carrera">
    <input type="search" id='filtro_carrera_nombre' name="filtro_carrera_nombre" list='carrera' class="form-control form-control-sm" placeholder="Carreras">
    <datalist id='carrera'>
      @foreach ($carreras as $c)
        <option data-id='{{ $c->id }}'>{{ $c->nombre }}</option>
      @endforeach
    </datalist>
  </div>
  
  <div class="col-md-3 col-sm-12">
    <select class="form-control form-control-sm" id='filtro_periodo' name='filtro_periodo'>
      <option value>.:Periodo:.</option>
    </select>
  </div>

  <div class="col-md-3 col-sm-12">
    <div class="input-group input-group-sm">
      <div class="input-group-prepend">
        <span class="input-group-text">#</span>
      </div>
      <input type="search" class="form-control" placeholder="Folio / No. Solicitud" id='filtro_folio' name="filtro_folio" />
    </div>
  </div>

  <div class="col-md-2 col-sm-12 text-center">
    <button class="btn btn-outline-info btn-sm" type="submit" data-toggle="tooltip" data-placement="left" title="Buscar"><i class="fa fa-search"></i></button>
    <button class="btn btn-outline-success btn-sm" type="button" data-toggle="tooltip" data-placement="left" title="" onclick="ngrs_repo_socio_filtro_exportar()" data-original-title="Exportar"><i class="fa fa-file-excel-o"></i></button>
    <button class="btn btn-outline-light btn-sm" type="reset"><i class="fa fa-undo" data-toggle="tooltip" data-placement="left" title="Limpiar"></i></button>
  </div>

</div>
