diff --git a/client_document_details.php b/client_document_details.php
new file mode 100644
index 00000000..cf4cc279
--- /dev/null
+++ b/client_document_details.php
@@ -0,0 +1,75 @@
+<?php 
+
+if(isset($_GET['folder_id'])){
+  $folder_id = intval($_GET['folder_id']);
+}
+
+if(isset($_GET['document_id'])){
+	$document_id = intval($_GET['document_id']);
+}
+
+
+$sql_document = mysqli_query($mysqli,"SELECT * FROM documents LEFT JOIN folders ON document_folder_id = folder_id WHERE document_client_id = $client_id AND document_id = $document_id AND documents.company_id = $session_company_id");
+
+$row = mysqli_fetch_array($sql_document);
+$folder_name = $row['folder_name'];
+
+$document_name = $row['document_name'];
+$document_content = $row['document_content'];
+$document_created_at = $row['document_created_at'];
+$document_updated_at = $row['document_updated_at'];
+$document_folder_id = $row['document_folder_id'];
+
+?>
+
+<ol class="breadcrumb d-print-none">
+  <li class="breadcrumb-item">
+    <a href="invoices.php">Home</a>
+  </li>
+  <li class="breadcrumb-item">
+    <a href="clients.php">Clients</a>
+  </li>
+  <li class="breadcrumb-item">
+    <a href="client.php?client_id=<?php echo $client_id; ?>&tab=overview"><?php echo $client_name; ?></a>
+  </li>
+  <li class="breadcrumb-item">
+    <a href="client.php?client_id=<?php echo $client_id; ?>&tab=documents">Documents</a>
+  </li>
+  <?php if($folder_id > 0){ ?>
+  <li class="breadcrumb-item">
+    <a href="client.php?client_id=<?php echo $client_id; ?>&tab=documents&folder_id=<?php echo $folder_id; ?>"><?php echo $folder_name; ?></a>
+  </li>
+  <?php } ?>
+  <li class="breadcrumb-item active"><?php echo "$document_name"; ?></li>
+</ol>
+
+<div class="row">
+	
+  <div class="col-md-9">
+		<div class="card">
+		  <div class="card-header">
+		    <h3 class="card-title"><?php echo $document_name; ?></h3>
+		    <div class="card-tools">
+		      <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#editDocumentModal">Edit</button>
+		    </div>
+		  </div>
+		  <div class="card-body">
+        <?php echo $document_content; ?>
+      </div>
+    </div>
+	</div>
+
+	<div class="col-md-3">
+    <div class="card bg-light">
+      <div class="card-header">
+        <h3 class="card-title">Related</h3>
+      </div>
+      <div class="card-body">
+        kljlljhk
+        
+      </div>
+    </div>
+
+	</div>
+
+</div>
\ No newline at end of file
diff --git a/client_documents.php b/client_documents.php
index 014192d5..815866c3 100644
--- a/client_documents.php
+++ b/client_documents.php
@@ -170,7 +170,7 @@ $num_rows = mysqli_fetch_row(mysqli_query($mysqli,"SELECT FOUND_ROWS()"));
 
               <tr>
                 <td>
-                  <a href="#" data-toggle="modal" data-target="#viewDocumentModal<?php echo $document_id; ?>"><i class="fas fa-fw fa-file-alt"></i> <?php echo $document_name; ?></a>
+                  <a href="?client_id=<?php echo $client_id; ?>&tab=document_details&folder_id=<?php echo $document_folder_id; ?>&document_id=<?php echo $document_id; ?>"><i class="fas fa-fw fa-file-alt"></i> <?php echo $document_name; ?></a>
                 </td>
                 <td><?php echo $document_created_at; ?></td>
                 <td><?php echo $document_updated_at; ?></td>
diff --git a/client_routes.php b/client_routes.php
index 0475f836..a362f311 100644
--- a/client_routes.php
+++ b/client_routes.php
@@ -94,6 +94,11 @@ if(isset($_GET['tab'])){
       include("client_documents.php");
     }
   }
+  elseif($_GET['tab'] == "document_details") {
+    if ($session_user_role > 1) {
+      include("client_document_details.php");
+    }
+  }
   elseif($_GET['tab'] == "services"){
     if($session_user_role > 1) {
       include("client_services.php");
diff --git a/client_side_nav.php b/client_side_nav.php
index 2eeab516..9f955cd8 100644
--- a/client_side_nav.php
+++ b/client_side_nav.php
@@ -200,7 +200,7 @@
         </li>
 
         <li class="nav-item">
-          <a href="?client_id=<?php echo $client_id; ?>&tab=documents" class="nav-link <?php if($_GET['tab'] == "documents") { echo "active"; } ?>">
+          <a href="?client_id=<?php echo $client_id; ?>&tab=documents" class="nav-link <?php if($_GET['tab'] == "documents" || $_GET['tab'] == "document_details") { echo "active"; } ?>">
             <i class="nav-icon fas fa-file-alt"></i>
             <p>
               Documents