<head>

  <meta charset="utf-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title><?=isset($title)?$title:'GIS BatuBara'?></title>

  <!-- Tell the browser to be responsive to screen width -->

  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

  <link rel="shortcut icon" type="image/x-icon" sizes="16x16" href="<?=assets()?>icons/favicon.ico">

  <!-- Bootstrap 3.3.7 -->

  <link rel="stylesheet" href="<?=templates()?>bower_components/bootstrap/dist/css/bootstrap.min.css">

  <!-- Font Awesome -->

  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs/dt-1.10.20/datatables.min.css"/>



  <link rel="stylesheet" href="<?=templates()?>bower_components/font-awesome/css/font-awesome.min.css">

  <!-- Ionicons -->

  <link rel="stylesheet" href="<?=templates()?>bower_components/Ionicons/css/ionicons.min.css">

  <!-- Theme style -->

  <link rel="stylesheet" href="<?=templates()?>dist/css/AdminLTE.min.css">

  <!-- AdminLTE Skins. Choose a skin from the css/skins

       folder instead of downloading all of them to reduce the load. -->

  <link rel="stylesheet" href="<?=templates()?>dist/css/skins/_all-skins.min.css">



  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->

  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

  <!--[if lt IE 9]>

  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

  <![endif]-->



  <!-- Google Font -->

  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"

   integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="

   crossorigin=""/>

  <link rel="stylesheet" href="assets/js/leaflet-panel-layers-master/src/leaflet-panel-layers.css" />



  <style type="text/css">

      .main-header .logo {

        height: 100px;

        /*background: url('assets/icons/Banner Batubara.jpg') center center no-repeat;*/

      }



      .main-header .sidebar-toggle {

        padding-top: 25px;

        padding-bottom: 25px;



      }



      .main-header .navbar-nav > li > a {

        padding-top: 25px;

        padding-bottom: 55px;



      }



      .main-sidebar,

      .control-sidebar {

        padding-top: 100px;

      }

  </style>



  <style type="text/css">

    #mapid { height: 90vh; }

    .icon {

    display: inline-block;

    margin: 2px;

    height: 16px;

    width: 16px;

    background-color: #ccc;

  }

  .icon-bar {

    background: url('assets/js/leaflet-panel-layers-master/examples/images/icons/bar.png') center center no-repeat;

  }

  .leaflet-tooltip.no-background{

      background: transparent;

      border:0;

      box-shadow: none;

      color: #fff;

      font-weight: bold;

      text-shadow: 1.5px 1.5px 1.5px #000,-1.5px 1.5px 1.5px #000,1.5px -1.5px 1.5px #000,-1.5px -1.5px 1.5px #000;

  }

  /*.leaflet-control-container { position: absolute; right: 56px } */

</style>

</head>

