<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Posics Saleculator Webin.</title>
        <meta name="description" content="All the features of Saleculator + Administrative features.">
        <link rel="shortcut icon" href="<?= base_url() ?>assets/img/favicon.png" type="image/x-icon">
        <link rel="stylesheet" href="<?= site_url() ?>css/default.css" type="text/css" media="screen" title="default" />
        <link rel="stylesheet" href="<?= site_url() ?>css/menu_style.css" type="text/css" />
        <link rel="stylesheet" href="<?= site_url() ?>css/forms.css" type="text/css" />

        <!-- JQUERY -->
        <link type="text/css" href="<?= site_url() ?>css/flick/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" media="screen" href="<?= site_url() ?>css/ui.jqgrid.css" />
        <script src="<?= site_url() ?>js/jquery-1.6.2.min.js" type="text/javascript"></script>
        <script src="<?= site_url() ?>js/grid.locale-en.js" type="text/javascript"></script>
        <script src="<?= site_url() ?>js/jquery.jqGrid.min.js" type="text/javascript"></script>
        <script src="<?= site_url() ?>js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
        <script src="<?= site_url() ?>js/custom.js" type="text/javascript"></script>

        <!-- BARCODE -->
        <script type="text/javascript" src="<?= site_url() ?>js/jquery-barcode-2.0.2.min.js"></script>
<script type="text/javascript">
      $(document).ready(function() {
        $("button").button();

    });

</script>

 <!--Basic Styles-->
    <link href="<?= base_url() ?>assets/css/bootstrap.min.css" rel="stylesheet" />
    <link id="bootstrap-rtl-link" href="" rel="stylesheet" />
    <!--Basic Styles -->
    <link href="<?= base_url() ?>assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="<?= base_url() ?>assets/css/weather-icons.min.css" rel="stylesheet" />

    
    <!--Beyond styles-->
    <link href="<?= base_url() ?>assets/css/beyond.min.css" rel="stylesheet" type="text/css" />
    <link href="<?= base_url() ?>assets/css/demo.min.css" rel="stylesheet" />
    <link href="<?= base_url() ?>assets/css/typicons.min.css" rel="stylesheet" />
    <link href="<?= base_url() ?>assets/css/animate.min.css" rel="stylesheet" />
    <link id="skin-link" href="" rel="stylesheet" type="text/css" />

    <!--Skin Script: Place this script in head to load scripts for skins and rtl support-->
    <script src="<?= base_url() ?>assets/js/skins.min.js"></script>
   


        <style>
	.ui-autocomplete {
		max-height: 120px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 120px;
	}
	</style>
    </head>
    