<!--[#IMPORT:header.tpl;]-->
    
     <!-- Favicon -->
    <link rel="shortcut icon" href="<!--[#SITE_URL;]-->/favicon.ico" type="image/x-icon">
    <link rel="icon" href="<!--[#SITE_URL;]-->/favicon.ico" type="image/x-icon">

    <!-- Bootstrap -->
    <link href="<!--[#SITE_URL;]-->/res/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Alertify -->
    <link href="<!--[#SITE_URL;]-->/res/vendor/alertifyjs/css/alertify.min.css" rel="stylesheet">
    <link href="<!--[#SITE_URL;]-->/res/vendor/alertifyjs/css/themes/default.min.css" rel="stylesheet">

    <!-- Font-Awesome -->
    <link href="<!--[#SITE_URL;]-->/res/vendor/fontawesome-free/css/all.css" rel="stylesheet">

    <!-- Select2 -->
    <link href="<!--[#SITE_URL;]-->/res/vendor/select2/css/select2.min.css" rel="stylesheet">
    <link href="<!--[#SITE_URL;]-->/res/vendor/select2/css/select2-bootstrap.css" rel="stylesheet">

    <!-- Google Font -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap" rel="stylesheet">

    <!-- Page Stylesheets -->
    <link href="<!--[#SITE_URL;]-->/res/css/pos/stylesheet.css" media="screen" rel="stylesheet">
    <link href="<!--[#SITE_URL;]-->/res/css/pos/pos.css" media="screen" rel="stylesheet">
    <link href="<!--[#SITE_URL;]-->/res/css/pos/posmob.css" media="screen" rel="stylesheet">

    <div class="container display-error d-print-none">
        <div class="row align-items-center justify-content-center">
            <div class="col-3"></div>
            <div class="col-6 align-self-center p-5">
                <div class="alert alert-info" role="alert">
                    This website is only available on mobile and tablet devices.
                </div>
            </div>
            <div class="col-3"></div>
        </div>
    </div>

    <main class="page-content">
        <div class="row">
            <div class="col-sm-12 d-print-none">
                <nav class="navbar navbar-dark bg-blue p-2 d-print-none">
                    <button class="navbar-toggler navbar-toggler-left mr-1" type="button" data-toggle="collapse" data-target="#sidebar-left" aria-controls="sidebar-left" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <a class="navbar-brand text-white">
                        <img class="img-logo" src="<!--[#SITE_URL;]-->/res/img/peakpos-logo.png" alt="PeakPOS">
                    </a>