<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Spectra Data Center</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- favicon
		============================================ -->
    <link rel="shortcut icon" type="image/x-icon" href="<?php echo site_url();?>assets/img/favicon.ico">
    <!-- Google Fonts
		============================================ -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/bootstrap.min.css">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/font-awesome.min.css">
	<!-- nalika Icon CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/nalika-icon.css">
    <!-- owl.carousel CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/owl.carousel.css">
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/owl.theme.css">
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/owl.transitions.css">
    <!-- animate CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/animate.css">
    <!-- normalize CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/normalize.css">
    <!-- meanmenu icon CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/meanmenu.min.css">
    <!-- main CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/main.css">
    <!-- morrisjs CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/morrisjs/morris.css">
    <!-- mCustomScrollbar CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/scrollbar/jquery.mCustomScrollbar.min.css">
    <!-- metisMenu CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/metisMenu/metisMenu.min.css">
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/metisMenu/metisMenu-vertical.css">
    <!-- calendar CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/calendar/fullcalendar.min.css">
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/calendar/fullcalendar.print.min.css">
    <!-- style CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/style.css">
    <!-- responsive CSS
		============================================ -->
    <link rel="stylesheet" href="<?php echo site_url();?>assets/css/responsive.css">
    <!-- modernizr JS
		============================================ -->
    <script src="<?php echo site_url();?>assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>


			
    <script src="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript">
            $(function () {
                $('#datetimepicker3').datetimepicker({
                     format: 'HH:mm:ss' 
                });
            });
    </script>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker({
                     
                format: 'DD-MM-YYYY',
				maxDate: new Date()
                });
        });
    </script>    
	<script type="text/javascript">
        $(function () {
            $('#datetimepicker4').datetimepicker({
                     
                format: 'DD-MM-YYYY',
				maxDate: new Date()
                });
        });
    </script>    
	<script type="text/javascript">
        $(function () {
            $('#datetimepicker2').datetimepicker({
                     
                format: 'DD-MM-YYYY',
				maxDate: new Date()
                });
        });
    </script>
	<script type="text/javascript">
        $(function () {
            $('#datetimepicker5').datetimepicker({
                     
                format: 'DD-MM-YYYY',
				maxDate: new Date()
                });
        });
    </script>
	<script type="text/javascript">
        $(function () {
            $('#datetimepicker6').datetimepicker({
                     
                format: 'DD-MM-YYYY',
				maxDate: new Date()
                });
        });
    </script>	
	<script type="text/javascript">
        $(function () {
            $('#datetimepicker6').datetimepicker({
                     
                format: 'DD-MM-YYYY',
				maxDate: new Date()
                });
        });
    </script>

	<script type="text/javascript">
        $(function () {
            $('#datetimepicker_to').datetimepicker({
                     
                format: 'DD-MM-YYYY',
                });
        });
    </script>


   
</head>

<body>
    <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

    <div class="left-sidebar-pro">
        <nav id="sidebar" class="">
            <div class="sidebar-header">
                <a href="#"><img class="main-logo" src="<?php echo site_url();?>assets/img/logo/logo.png" alt="" /></a>
                <strong><img src="<?php echo site_url();?>assets/img/logo/logosn.png" alt="" /></strong>
            </div>
