diff --git a/app/js/app.js b/app/js/app.js
index 85b4842..8590173 100644
--- a/app/js/app.js
+++ b/app/js/app.js
@@ -281,6 +281,15 @@
               }
             })
 
+            .state("app.filterFuelOrders", {
+              url: "/fuelOrders/:status",
+              templateUrl: "partials/fuelOrders/fuelOrders.html",
+              controller: "fuelOrdersController",
+              data: {
+                  authorizedRoles: ["FBO"],
+              }
+            })
+
              .state("app.DispatchFuel", {
               url: "/DispatchFuel",
               templateUrl: "partials/DispatchFuel/DispatchFuel.html",
diff --git a/app/partials/dashboard/dashboard.html b/app/partials/dashboard/dashboard.html
index 29fe1f9..b2b3020 100644
--- a/app/partials/dashboard/dashboard.html
+++ b/app/partials/dashboard/dashboard.html
@@ -24,10 +24,11 @@ table tr:nth-child(even) {
             <div class="widget stacked">
                <div class="row">
                   <div class="col-md-3">
+                     <a ui-sref="app.filterFuelOrders({status:'paid'})">
                      <div class="widget-header">
                         <i class="fa fa-tint"></i> &nbsp; Reconciled Orders
                      
-                     </div>
+                     </div></a>
                      <div class="custom-widget-content">
                         <div>
                            <div class="col-xs-12">
diff --git a/app/partials/fuelOrders/fuelOrders.controller.js b/app/partials/fuelOrders/fuelOrders.controller.js
index 43c0723..cedc303 100644
--- a/app/partials/fuelOrders/fuelOrders.controller.js
+++ b/app/partials/fuelOrders/fuelOrders.controller.js
@@ -2,9 +2,9 @@
 
 angular.module('acufuel')
 
-.controller('fuelOrdersController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'NgTableParams','fuelOrdersService','CustomersService','ViewCompanyService', fuelOrdersController]);
+.controller('fuelOrdersController', ['$scope', '$rootScope', '$uibModal', '$filter', '$http', 'NgTableParams','$stateParams','fuelOrdersService','CustomersService','ViewCompanyService', fuelOrdersController]);
 
-function fuelOrdersController($scope, $rootScope, $uibModal, $filter, $http, NgTableParams,fuelOrdersService,CustomersService,ViewCompanyService) {
+function fuelOrdersController($scope, $rootScope, $uibModal, $filter, $http, NgTableParams,$stateParams,fuelOrdersService,CustomersService,ViewCompanyService) {
 
       $scope.showFuelOrderModal = false;
       $scope.optionSelected;
@@ -20,7 +20,7 @@ function fuelOrdersController($scope, $rootScope, $uibModal, $filter, $http, NgT
       $scope.order = {};
       $scope.dispatchOrder = {};
       $scope.dispatchOrder.fuelOrderList = [];
-
+      $scope.defaultStatus = '';
       $scope.statusFilterOptions = [];
       $scope.statusFilterOptions.push({
         'id': '', 'title': 'Show All'
@@ -38,6 +38,10 @@ function fuelOrdersController($scope, $rootScope, $uibModal, $filter, $http, NgT
      
       );
 
+      if($stateParams.status =="paid"){
+        $scope.defaultStatus = "paid";
+      }
+
       getAllCompanies();
 
     function getAllCompanies(){
@@ -278,7 +282,7 @@ function fuelOrdersController($scope, $rootScope, $uibModal, $filter, $http, NgT
   }                
 
    $scope.addFuelData = function() {
-          //  $scope.showLoader = true;
+            $scope.showLoader = true;
             $scope.fuelData = {};
             $scope.fuelData.companyId = $scope.selectedCompanyId;
 
@@ -356,6 +360,7 @@ function fuelOrdersController($scope, $rootScope, $uibModal, $filter, $http, NgT
     }
 
     $scope.updateStatus = function(row, status) {
+
         $scope.showLoader = true;
         $scope.fuelData = {};
         $scope.fuelData.aircraftName = row.aircraftName 
diff --git a/app/partials/fuelOrders/fuelOrders.html b/app/partials/fuelOrders/fuelOrders.html
index bb62abd..16d9d5c 100644
--- a/app/partials/fuelOrders/fuelOrders.html
+++ b/app/partials/fuelOrders/fuelOrders.html
@@ -120,13 +120,14 @@
                               {{row.total | number : 4}}
                              </td>
                              <td data-title="'Status'" filter="{status: 'select'}" filter-data="statusFilterOptions" sortable="'status'">
-                                    <select class="btn btn-regular colorfulSelectbox" ng-model="row.status" ng-style="abc" ng-change="updateStatus(row, row.status)">
+                                    <select class="btn btn-regular colorfulSelectbox" ng-model="row.status" ng-style="abc" ng-change="updateStatus(row, row.status)" ng-init="{{defaultStatus != '' ? row.status = defaultStatus : '' }}">
                                         <option class="blackOption" value="pending" ng-selected="row.status == pending"> Pending</option>
                                         <option class="blueOption" value="invoiced" ng-selected="row.status == invoiced" >Invoiced</option>
                                         <option class="greenOption" value="paid" ng-selected="row.status == paid" >Paid</option>
                                         <option class="redOption" value="cancelled" ng-selected="row.status == cancelled" >Cancelled</option>
                                         <option class="yellowOption" value="archived" ng-selected="row.status == archived" >Archived</option>
                                     </select>
+
                              </td>
                              <td data-title="'Attachments'" filter="{orderInvoice : 'select'}" filter-data="attachmentFilterOptions" sortable="'orderInvoice '">
                                     <select class="btn btn-regular" ng-model="attachOptionSelected" ng-change="attachment(row.id,attachOptionSelected,row.orderInvoice.link, row)" >