 </div>
 <!-- END wrapper -->

 <!-- Right Sidebar -->
 <style>
    .right-bar{
        right:-30%;
        width:30%; 
        z-index: 101;
    } 
    .show-right-bar{
        right:0 !important;
    }
    @media screen and (max-width:767px){
        .right-bar{
            right:-50%;
            width:50%; 
        } 
    }
    @media screen and (max-width:575px){
        .right-bar{
            right:-100%;
            width:100%; 
        } 
    }
 </style>
 <script>
     function show_hide_right_bar(){
        if($('.right-bar').hasClass('show-right-bar')){
            $('.right-bar').removeClass('show-right-bar');
        }else{
            $('.right-bar').addClass('show-right-bar');
        }
    }
 </script>
 <div class="right-bar">
     <div class="rightbar-title">
        <!-- right-bar-toggle  -->
         <a href="javascript:void(0);" class="float-right" onclick="show_hide_right_bar();">
             <i data-feather="x-circle"></i>
         </a>
         <h5 class="m-0" id="right_sidebar_title"></h5>
     </div>

     <div class="slimscroll-menu">
        <div class="p-3" id="right_sidebar_details">
            hello
        </div>

     </div> 
 </div>
 <!-- /Right-bar -->

 <!-- Right bar overlay-->
 <div class="rightbar-overlay" style="z-index:100;"></div>

 <!-- Vendor js -->
 <script src="assets/js/vendor.min.js"></script>

 <!-- ############################################## -->
 <!-- datatable js -->
 <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
 <script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>

 <script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
 <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.bootstrap5.min.js"></script>
 <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.colVis.min.js"></script>
 <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.print.min.js"></script>
 <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
 <!-- JSZip -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script>
<!-- pdfmake -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.68/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.68/vfs_fonts.js"></script>


 <script src="https://cdn.datatables.net/colreorder/1.7.0/js/dataTables.colReorder.min.js"></script>
 <script src="https://cdn.datatables.net/fixedheader/3.4.0/js/dataTables.fixedHeader.min.js"></script>
 <script src="https://cdn.datatables.net/keytable/2.10.0/js/dataTables.keyTable.min.js"></script>
 <script src="https://cdn.datatables.net/responsive/2.5.0/js/dataTables.responsive.min.js"></script>
 <script src="https://cdn.datatables.net/rowreorder/1.4.1/js/dataTables.rowReorder.min.js"></script>
 <script src="https://cdn.datatables.net/select/1.7.0/js/dataTables.select.min.js"></script>


 

 <!-- Datatables init -->
 <!-- <script src="assets/js/pages/datatables.init.js"></script> -->
 <!-- ############################################## -->

 <!-- select picker -->
 <script src="assets/libs/bootstrap-tagsinput/bootstrap-tagsinput.min.js"></script>
 <script src="assets/libs/select2/select2.min.js"></script>
 <script src="assets/libs/multiselect/jquery.multi-select.js"></script>


 <!-- optional plugins -->
 <script src="assets/libs/moment/moment.min.js"></script>
 <script src="assets/libs/apexcharts/apexcharts.min.js"></script>
 <script src="assets/libs/flatpickr/flatpickr.min.js"></script>

 <!-- page js -->
 <script src="assets/js/pages/dashboard.init.js"></script>

 <!-- ############################################## -->
 <!-- Plugin js-->
 <script src="assets/libs/parsleyjs/parsley.min.js"></script>
 <!-- Validation init js-->
 <script src="assets/js/pages/form-validation.init.js"></script>
 <!-- ############################################## -->

 <!-- App js -->
 <script src="assets/js/app.min.js"></script>

 <script src="get_from_server/custom.js"></script>
 <script src="fun/fetch_select.js"></script>
 <script src="fun/indianCurrencyInputJs.js"></script>
 <script src="fun/percentageInputJs.js"></script>


 <script>
     //  function ajaxCalls(url, data) {
     //      $.ajax({
     //          url: url,
     //          type: '',
     //          data: data,
     //          success: function(res) {

     //          }
     //      });
     //  }
     //  $("#wfhSwitch").click(function(e) {
     //      if ($("#wfhSlider").hasClass("slider-active")) {
     //          $('#wfhSlider').removeClass('slider-active');
     //      } else {
     //          $('#wfhSlider').addClass('slider-active');
     //      }
     //      $.ajax({
     //          url: '',
     //          type: '',
     //          data: data,
     //          success: function(res) {

     //          }
     //      });
     //  });

     function _delete_(id) {

        if (confirm('Do you want to Delete ?')) {
            location.href = '?delete=' + id;
        }
    }
 </script>


 </body>

 </html>