<!DOCTYPE html>
<html lang="th">
    <head>
        <meta charset="utf-8">
        <title>ระบบรายงานผลสำหรับการตัดสินใจสำหรับผู้บริหาร</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--===============================================================================================-->    
<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->    
    <link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->    
    <link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
<!--===============================================================================================-->
    <link rel="stylesheet" type="text/css" href="css/util.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
        <!--<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet"> -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
            <!--
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
        <script src="<?php echo $prettifyPath?>/prettify.js"></script> -->
        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
    <style>
        .vertical-center {
        margin: 50px;
        width: 500px;
        height: 120px;
          position: absolute;
        top: 50%;
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
        }
        input[type="checkbox"]{
          width: 20px; /*Desired width*/
         height: 20px; /*Desired height*/
        }
        input[type="radio"]{
          width: 20px; /*Desired width*/
         height: 20px; /*Desired height*/
        }
        input[type="text"]
        {
        font-size:20px;
        }
    </style>
    <link href="https://fonts.googleapis.com/css?family=Niramit&display=swap" rel="stylesheet">
    <style>
      body {
        font-family: 'Niramit', sans-serif;
        font-size: 15px;
      }
    </style>
    </head>
    <body>
    <!-- Image and text -->
    <nav class="navbar navbar-success bg-success">
    <a class="navbar-brand" href="#">
    <img src="images/logo1.png"  class="d-inline-block align-top" alt="" width="45">  
     </a> <div class="vertical-center"><font color="white">  ระบบรายงานผลสำหรับการตัดสินใจสำหรับผู้บริหาร</div></font>
    </nav>