 <style>
	  .nav a{
    color: #030303 !important;
    font-size: 20px;
    }
         body
         {
            font-family:  "Montserrat";
            font-size: 14px;
         }
         .radius
         {
            border-radius: 0px;
         }
         h2{
            color: #f84854;
            font-size: 22px;
         }
         .modal-content
         {
            background-color: #F7F7F7;
            border-radius: 0px;
         }
         .navbar-inverse {
            background-color:#EBE5E5;
            border-color: #f1f1f1;
         }
         .navbar-nav > li > a
         {
            color:#5aaa83 !important;
         }
         .navbar-nav > .dropdown > a .caret
         {
            border-bottom-color: #333 !important;
            border-top-color: #333 !important;
         }
         .navbar-nav > .active > a
         {
            background-color: #f1f1f1 !important;
         }
         .navbar-inverse .navbar-nav>.open>a
         {
            background-color:#5aaa83 !important;
         }
          .navbar-inverse .navbar-nav>.open>a:hover
         {
            background-color:#5aaa83 !important;
         }
         .dropdown-menu
         {
            border-radius: 0px;
         }
         .navbar-inverse .navbar-nav>li>a
         {
             color:#060101 !important;
             font-size: 16px;
         }
         .navbar-inverse .navbar-nav>li>a:hover
         {
             background-color:#5aaa83 !important;
             color: #fff !important;
         }
         .navbar-inverse .navbar-nav>li>a:after
         {
             background-color:#5aaa83 !important;
             color: #fff !important;
         }
         .navbar-inverse .navbar-nav>li>a:focus
         {
             background-color:#5aaa83 !important;
             color: #fff !important;
         }
         .navbar-inverse .navbar-nav>li>a:acitve
         {
             background-color:#5aaa83 !important;
             color: #fff !important;
         }
        .table>tbody>tr>th
        {
           color: #333;
        }
        .table-striped>tbody>tr:nth-child(odd)>th
        {
           background-color: #f7f7f7;
        }
      </style>
   </head>
   <nav class="navbar navbar-inverse">
         <div class="container-fluid">
            <div class="navbar-header">
               
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
               <ul class="nav navbar-nav">
                  <li class="active"><a href="dashboard.php"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
                  <li class="dropdown">
                     <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <i class="fa fa-user" aria-hidden="true"></i> Companies <span class="caret"></span></a>
                     <ul class="dropdown-menu">
                        <li><a href="../new_company.php">Create New Company</a></li>
                        <li><a href="../list_companies.php">Companies List</a></li>
                     </ul>
                  </li>
                  
                  <li class="dropdown">
                     <a class="dropdown-toggle" data-toggle="dropdown" href="../#"> Bookings <span class="../caret"></span></a>
                     <ul class="dropdown-menu">
                       <li><a href="../new_booking.php">New Booking</a></li>
                        <li><a href="../list_bookings.php">List Bookings - Allocate Driver</a></li>
                       
                     </ul>
                  </li>
                  <li class="dropdown">
                     <a class="dropdown-toggle" data-toggle="dropdown" href="../#"> Drivers <span class="../caret"></span></a>
                     <ul class="dropdown-menu">
                        <li><a href="../new_driver.php">Add New Driver</a></li>
                        <li><a href="../list_drivers.php">List Drivers</a></li>
                        
                     </ul>
                  </li>
                  <li class="dropdown">
                     <a class="dropdown-toggle" data-toggle="dropdown" href="../#"> Manager <span class="../caret"></span></a>
                     <ul class="dropdown-menu">
                         <li><a href="../list_jobs.php">Completed Bookings</a></li>
                        
                     </ul>
                  </li>
                  <!--
                  <li class="dropdown">
                     <a class="dropdown-toggle" data-toggle="dropdown" href="../#"> Driver Invoices <span class="../caret"></span></a>
                     <ul class="dropdown-menu">
                        <li><a href="../driver_jobs.php">Add New</a></li>
                        <li><a href="../list_driver_invoice.php">List Driver Invoices</a></li>
                         <li><a href="../driver_statement.php">Driver Statement</a></li>
                     </ul>
                  </li>
                  -->
                  <li class="dropdown">
                     <a class="dropdown-toggle" data-toggle="dropdown" href="../#">  Customer Invoices <span class="../caret"></span></a>
                     <ul class="dropdown-menu">
                        <li><a href="../new_invoice.php">New Invoice</a></li>
                        <li><a href="../list_invoice.php">List Invoices</a></li>
                     </ul>
                  </li>
                  <!--
                  <li class="dropdown">
                     <a class="dropdown-toggle" data-toggle="dropdown" href="../#"> Customer Payments <span class="../caret"></span></a>
                     <ul class="dropdown-menu">
                        <li><a href="../payment_recieved.php">Receive a Payment</a></li>
                        <li><a href="../customer_payment_statement.php">List Customer Payments</a></li>
                     </ul>
                  </li>
                 
                  -->
                  <li class="dropdown">
                     <a class="dropdown-toggle" data-toggle="dropdown" href="../#"> Reports <span class="../caret"></span></a>
                     <ul class="dropdown-menu">
                     <li><a href="../../reports/invoice_report_form.php">Invoice By Company</a></li>
                        <li><a href="../../reports/invoice_report_monthly_form.php">Monthly VAT Report</a></li>
                       <!--
                       
                        <li><a href="../driver_statement.php">Driver Statement</a></li>
                        <li><a href="../list_jobs_done.php">All Jobs Done</a></li>
                        -->
                     </ul>
                  </li>
                 
               </ul>
               <ul class="../nav navbar-nav navbar-right">
                  
                  <<li class="dropdown">
                     <a class="dropdown-toggle" data-toggle="dropdown" href="../#"> Raj Takkar <span class="../caret"></span></a>
                     <ul class="dropdown-menu">
                     <li><a href="../logout.php">Log Out</a></li>
                       
                     </ul>
                  </li>
                  
                  </ul>
               </ul>
            </div>
         </div>
      </nav>

