<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title></title>
  <meta name="description" content="Latest updates and statistic charts">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
  <script>
  WebFont.load({
    google: {"families":["Poppins:300,400,500,600,700","Roboto:300,400,500,600,700"]},
    active: function() {
      sessionStorage.fonts = true;
    }
  });
  </script>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  <!--end::Web font -->
  <!--begin::Base Styles -->
  <link href="<?php echo $this->config->item('Template_template_file_url'); ?>template/assets/vendors/base/vendors.bundle.css" rel="stylesheet" type="text/css" />
  <link href="<?php echo $this->config->item('Template_template_file_url'); ?>template/assets/demo/default/base/style.bundle.css" rel="stylesheet" type="text/css" />
  <!-- <link href="<?php echo $this->config->item('Template_template_file_url'); ?>template/assets/vendors/base/bootstrap-4/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> -->
  <style>

  .centre{
    text-align: center;
  }
  .shadow {
    -webkit-box-shadow: 3px 3px 5px 6px #000000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    3px 3px 5px 6px #000000;  /* Firefox 3.5 - 3.6 */
    box-shadow:         3px 3px 5px 6px #000000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  }
  .result_table {
    border-collapse: collapse;
  }
  .result_table, .result_table th,.result_table thead th, .result_table td {
    border: 1px solid black !important;
  }
  .vertical{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  </style>
  <style>
  @page {
    size: A4;
  }
  @media print {
    .table-bordered td{
      padding: .75rem !important;
    }
    .table-bordered th{
      white-space: nowrap;
      padding: .75rem !important;
    }
    .table-bordered .table thead th {
      border-top: 2px solid #f4f5f8 !important;
    }
    <?php if($print_page_type=='landscape'){?>
    @page {size: landscape}
    <?php } ?>
    body{
  -webkit-print-color-adjust:exact;
}
  }
  body{
  -webkit-print-color-adjust:exact;
}
  </style>
</head>
<!-- end::Head -->
<!-- end::Body -->
<body class="m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default" id="body" >
  <!-- begin:: Page -->
  <div class="m-grid m-grid--hor m-grid--root m-page">
    <div class="m-grid__item m-grid__item--fluid m-wrapper">
      <div class="m-content">
        <?php $this->view($print_content_page);?>
      </div>
    </div>
  </div>
</div>
<script src="<?php echo $this->config->item('Template_template_file_url'); ?>template/assets/vendors/base/vendors.bundle.js" type="text/javascript"></script>
<script src="<?php echo $this->config->item('Template_template_file_url'); ?>template/assets/demo/default/base/scripts.bundle.js" type="text/javascript"></script>
<!-- <script src="<?php echo $this->config->item('Template_template_file_url'); ?>template/assets/vendors/base/bootstrap-4/js/bootstrap.bundle.min.js" type="text/javascript"></script> -->
<script>
window.print();
</script>
</body>
</html>
