<style>#loading .svg-icon-loader {position: absolute;top: 50%;left: 50%;margin: -50px 0 0 -50px;}</style>
      <meta charset="UTF-8">
      <!--[if IE]>
      <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
      <![endif]-->
      <title>SMS The Hunar Foundation</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
      <link rel="shortcut icon" href="images/icons/favicon.png">
	  
	  
	  <!-- SMS Custom Script -->
	  <script src="js/sms.js"></script>
      <link rel="stylesheet" type="text/css" href="css/sms.css">
	  
	  <link rel="stylesheet" type="text/css" href="css/helpers/animate.css">
      <link rel="stylesheet" type="text/css" href="css/helpers/boilerplate.css">
      <link rel="stylesheet" type="text/css" href="css/helpers/border-radius.css">
      <link rel="stylesheet" type="text/css" href="css/helpers/grid.css">
      <link rel="stylesheet" type="text/css" href="css/helpers/page-transitions.css">
      <link rel="stylesheet" type="text/css" href="css/helpers/spacing.css">
      <link rel="stylesheet" type="text/css" href="css/helpers/typography.css">
      <link rel="stylesheet" type="text/css" href="css/helpers/utils.css">
      <link rel="stylesheet" type="text/css" href="css/helpers/colors.css">
      <link rel="stylesheet" type="text/css" href="css/material/ripple.css">
      <link rel="stylesheet" type="text/css" href="css/elements/badges.css">
      <link rel="stylesheet" type="text/css" href="css/elements/buttons.css">
      <link rel="stylesheet" type="text/css" href="css/elements/content-box.css">
      <link rel="stylesheet" type="text/css" href="css/elements/dashboard-box.css">
      <link rel="stylesheet" type="text/css" href="css/elements/forms.css">
      <link rel="stylesheet" type="text/css" href="css/elements/images.css">
      <!--<link rel="stylesheet" type="text/css" href="css/elements/info-box.css">
      <link rel="stylesheet" type="text/css" href="css/elements/invoice.css">
      <link rel="stylesheet" type="text/css" href="css/elements/loading-indicators.css">-->
      <link rel="stylesheet" type="text/css" href="css/elements/menus.css">
      <link rel="stylesheet" type="text/css" href="css/elements/panel-box.css">
      <link rel="stylesheet" type="text/css" href="css/elements/response-messages.css">
      <link rel="stylesheet" type="text/css" href="css/elements/responsive-tables.css">
      <link rel="stylesheet" type="text/css" href="css/elements/ribbon.css">
      <link rel="stylesheet" type="text/css" href="css/elements/social-box.css">
      <link rel="stylesheet" type="text/css" href="css/elements/tables.css">
      <link rel="stylesheet" type="text/css" href="css/elements/tile-box.css">
      <link rel="stylesheet" type="text/css" href="css/elements/timeline.css">
      <link rel="stylesheet" type="text/css" href="assets/icons/fontawesome/fontawesome.css">
      <link rel="stylesheet" type="text/css" href="assets/icons/linecons/linecons.css">
      <link rel="stylesheet" type="text/css" href="assets/icons/spinnericon/spinnericon.css">
      <!--<link rel="stylesheet" type="text/css" href="assets/widgets/accordion-ui/accordion.css">-->
      <link rel="stylesheet" type="text/css" href="assets/widgets/calendar/calendar.css">
      <!--<link rel="stylesheet" type="text/css" href="assets/widgets/carousel/carousel.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/charts/justgage/justgage.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/charts/morris/morris.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/charts/piegage/piegage.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/charts/xcharts/xcharts.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/chosen/chosen.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/colorpicker/colorpicker.css">-->
      <link rel="stylesheet" type="text/css" href="assets/widgets/datatable/datatable.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/datepicker/datepicker.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/datepicker-ui/datepicker.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/daterangepicker/daterangepicker.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/dialog/dialog.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/dropdown/dropdown.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/dropzone/dropzone.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/file-input/fileinput.css">
     <!-- <link rel="stylesheet" type="text/css" href="assets/widgets/input-switch/inputswitch.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/input-switch/inputswitch-alt.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/ionrangeslider/ionrangeslider.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/jcrop/jcrop.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/jgrowl-notifications/jgrowl.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/loading-bar/loadingbar.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/maps/vector-maps/vectormaps.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/markdown/markdown.css">-->
      <link rel="stylesheet" type="text/css" href="assets/widgets/modal/modal.css">
      <!--<link rel="stylesheet" type="text/css" href="assets/widgets/multi-select/multiselect.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/multi-upload/fileupload.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/nestable/nestable.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/noty-notifications/noty.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/popover/popover.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/pretty-photo/prettyphoto.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/progressbar/progressbar.css">-->
      <link rel="stylesheet" type="text/css" href="assets/widgets/range-slider/rangeslider.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/slidebars/slidebars.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/tabs-ui/tabs.css">
     <!-- <link rel="stylesheet" type="text/css" href="assets/widgets/slider-ui/slider.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/summernote-wysiwyg/summernote-wysiwyg.css">
      
      <link rel="stylesheet" type="text/css" href="assets/widgets/timepicker/timepicker.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/tocify/tocify.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/tooltip/tooltip.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/touchspin/touchspin.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/uniform/uniform.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/wizard/wizard.css">
      <link rel="stylesheet" type="text/css" href="assets/widgets/xeditable/xeditable.css">
      <link rel="stylesheet" type="text/css" href="css/snippets/chat.css">-->
      <link rel="stylesheet" type="text/css" href="css/snippets/files-box.css">
      <link rel="stylesheet" type="text/css" href="css/snippets/login-box.css">
      <link rel="stylesheet" type="text/css" href="css/snippets/notification-box.css">
      <link rel="stylesheet" type="text/css" href="css/snippets/progress-box.css">
      <link rel="stylesheet" type="text/css" href="css/snippets/todo.css">
      <link rel="stylesheet" type="text/css" href="css/snippets/user-profile.css">
      <link rel="stylesheet" type="text/css" href="css/snippets/mobile-navigation.css">
      <link rel="stylesheet" type="text/css" href="css/applications/mailbox.css">
      <link rel="stylesheet" type="text/css" href="assets/themes/admin/layout.css">
      <link rel="stylesheet" type="text/css" href="assets/themes/admin/color-schemes/test2.css">
      <link rel="stylesheet" type="text/css" href="assets/themes/components/default.css">
      <link rel="stylesheet" type="text/css" href="assets/themes/components/border-radius.css">
      <link rel="stylesheet" type="text/css" href="css/helpers/responsive-elements.css">
      <link rel="stylesheet" type="text/css" href="css/helpers/admin-responsive.css">
      <script type="text/javascript" src="js/jquery-core.js"></script>
	  <!--<script type="text/javascript" src="js/jquery-ui-core.js"></script>
	  <script type="text/javascript" src="js/jquery-ui-widget.js"></script>
	  <script type="text/javascript" src="js/jquery-ui-mouse.js"></script>
	  <script type="text/javascript" src="js/jquery-ui-position.js"></script>
	  <script type="text/javascript" src="js/transition.js"></script>
	  <script type="text/javascript" src="js/modernizr.js"></script>
	  <script type="text/javascript" src="js/jquery-cookie.js"></script>-->
	  <script type="text/javascript">$(window).load(function(){
         setTimeout(function() {
             $('#loading').fadeOut( 400, "linear" );
         }, 300);
         });
      </script>
	  
	  <!-- Model -->
	  <script type="text/javascript" src="assets/widgets/modal/modal.js"></script>
	  
	  
	  
	  
<!-- smart select-->
<!--<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">-->
<link rel="stylesheet" href="js/smart-search/jquery-smart.css">
  <style>
  .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }
  </style>
  <script src="js/smart-search/jquery-1.12.4.js"></script>
  <script src="js/smart-search/jquery-ui.js"></script>
  <script>
  $( function() {
    $.widget( "custom.combobox", {
      _create: function() {
        this.wrapper = $( "<span>" )
          .addClass( "custom-combobox" )
          .insertAfter( this.element );
 
        this.element.hide();
        this._createAutocomplete();
        this._createShowAllButton();
      },
 
      _createAutocomplete: function() {
        var selected = this.element.children( ":selected" ),
          value = selected.val() ? selected.text() : "";
 
        this.input = $( "<input>" )
          .appendTo( this.wrapper )
          .val( value )
          .attr( "title", "" )
          .addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
          .autocomplete({
            delay: 0,
            minLength: 0,
            source: $.proxy( this, "_source" )
          })
          .tooltip({
            classes: {
              "ui-tooltip": "ui-state-highlight"
            }
          });
 
        this._on( this.input, {
          autocompleteselect: function( event, ui ) {
            ui.item.option.selected = true;
            this._trigger( "select", event, {
              item: ui.item.option
            });
          },
 
          autocompletechange: "_removeIfInvalid"
        });
      },
 
      _createShowAllButton: function() {
        var input = this.input,
          wasOpen = false;
 
        $( "<a>" )
          .attr( "tabIndex", -1 )
          .attr( "title", "Show All Items" )
          .tooltip()
          .appendTo( this.wrapper )
          .button({
            icons: {
              primary: "ui-icon-triangle-1-s"
            },
            text: false
          })
          .removeClass( "ui-corner-all" )
          .addClass( "custom-combobox-toggle ui-corner-right" )
          .on( "mousedown", function() {
            wasOpen = input.autocomplete( "widget" ).is( ":visible" );
          })
          .on( "click", function() {
            input.trigger( "focus" );
 
            // Close if already visible
            if ( wasOpen ) {
              return;
            }
 
            // Pass empty string as value to search for, displaying all results
            input.autocomplete( "search", "" );
          });
      },
 
      _source: function( request, response ) {
        var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
        response( this.element.children( "option" ).map(function() {
          var text = $( this ).text();
          if ( this.value && ( !request.term || matcher.test(text) ) )
            return {
              label: text,
              value: text,
              option: this
            };
        }) );
      },
 
      _removeIfInvalid: function( event, ui ) {
 
        // Selected an item, nothing to do
        if ( ui.item ) {
          return;
        }
 
        // Search for a match (case-insensitive)
        var value = this.input.val(),
          valueLowerCase = value.toLowerCase(),
          valid = false;
        this.element.children( "option" ).each(function() {
          if ( $( this ).text().toLowerCase() === valueLowerCase ) {
            this.selected = valid = true;
            return false;
          }
        });
 
        // Found a match, nothing to do
        if ( valid ) {
          return;
        }
 
        // Remove invalid value
        this.input
          .val( "" )
          .attr( "title", value + " didn't match any item" )
          .tooltip( "open" );
        this.element.val( "" );
        this._delay(function() {
          this.input.tooltip( "close" ).attr( "title", "" );
        }, 2500 );
        this.input.autocomplete( "instance" ).term = "";
      },
 
      _destroy: function() {
        this.wrapper.remove();
        this.element.show();
      }
    });
 
    $( "#combobox" ).combobox();
    $( "#toggle" ).on( "click", function() {
      $( "#combobox" ).toggle();
    });
  } );
  </script> 
	  
<!-- /smart select-->
	  
	  <!-- tabs -->
    <script type="text/javascript" src="assets/widgets/tabs/tabs.js"></script>
	  
	  
	  <!-- Datepicker bootstrap -->
	 <script type="text/javascript" src="assets/widgets/datepicker/datepicker.js"></script>
	 <script type="text/javascript">
		$(function() { "use strict";
			$('.bootstrap-datepicker').bsdatepicker({
				format: 'mm-dd-yyyy'
			});
		});
	 </script>