diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 9e2269cb..ca5466ba 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -147,10 +147,9 @@
 
     <!-- navbar -->
     <style>
-
         .nav-bar {
             position: fixed !important;
-            z-index: 1000;
+            z-index: 2;
             width: 90%;
             margin-left: 120px !important;
             background: #fff;
@@ -187,33 +186,31 @@
     </style>
 
     <!-- tab-switch -->
-     <style>
-        .nav-pills ,
-        .nav-link    
-        {
+    <style>
+        .nav-pills,
+        .nav-link {
             background-color: #F5FFFF !important;
-            color : #00999E !important;
-            border-radius:10px;
-            
+            color: #00999E !important;
+            border-radius: 10px;
+
         }
 
-        .nav-pills 
-        {
+        .nav-pills {
             background-color: #F5FFFF !important;
-            color : #00999E !important;
-            box-shadow: 0px 2px 4px 0px #00000040 ;
-            padding-top: 5px ;
+            color: #00999E !important;
+            box-shadow: 0px 2px 4px 0px #00000040;
+            padding-top: 5px;
         }
 
-        .nav-pills.nav-dash{
-            background-color: white !important; 
-            box-shadow:none !important;
+        .nav-pills.nav-dash {
+            background-color: white !important;
+            box-shadow: none !important;
         }
 
-         .nav-pills .nav-dash {
+        .nav-pills .nav-dash {
             background-color: #D4F5F6 !important;
             border-radius: 10px;
-            color: black!important;
+            color: black !important;
         }
 
 
@@ -221,10 +218,10 @@
             color: white !important;
             background-color: #00999E !important;
             font-size: small !important;
-            padding:8px 16px;
-            border-radius: 10px !important; 
+            padding: 8px 16px;
+            border-radius: 10px !important;
             box-shadow: 0px 2px 4px 0px #00000040;
-        
+
         }
 
         .nav-link-btn {
@@ -238,7 +235,7 @@
         .navtab-bg .nav-link {
             margin: 5px !important;
         }
-     </style>
+    </style>
 
 
 
@@ -277,6 +274,12 @@
             /* prevents flex bugs */
         }
 
+        .left-side-menu ul li:hover>ul {
+            position: relative;
+            z-index: 99999 !important;
+        }
+
+
 
         .img-inactive {
             background-color: white;
@@ -460,10 +463,11 @@
             display: flex;
             align-items: center;
         }
-        
+
         .secondary-title i {
             font-size: 43px;
         }
+
         .secondary-title span {
             position: relative;
         }
@@ -740,7 +744,7 @@
             border-bottom: 2px solid #C3EDEE !important;
             font-weight: 400 !important;
         }
-        
+
         table[data-custom-table-css="table"] thead th:first-child,
         table[data-custom-table-css="second-table"] thead th:first-child {
             border-top-left-radius: 15px !important;
@@ -806,7 +810,7 @@
             border-radius: 13px !important;
             border: none !important;
         }
-        
+
         /* Previous / Next buttons */
         .dataTables_wrapper .dataTables_paginate .page-item.previous .page-link,
         .dataTables_wrapper .dataTables_paginate .page-item.next .page-link {
@@ -944,13 +948,15 @@
 
         /* Applies only to tables with data-custom-table-css="table" */
         table[data-custom-table-css="table"] tbody tr td {
-            padding: 8px 10px !important;       /* spacing */
-            line-height: 20px;       /* consistent spacing for text */
-            min-height: 40px;        /* makes sense here if you use display:block */
-            vertical-align: middle;  /* aligns text properly */
+            padding: 8px 10px !important;
+            /* spacing */
+            line-height: 20px;
+            /* consistent spacing for text */
+            min-height: 40px;
+            /* makes sense here if you use display:block */
+            vertical-align: middle;
+            /* aligns text properly */
         }
-
-
     </style>
 
 
@@ -1320,6 +1326,7 @@
     <!-- accordian -->
     <style>
         .card #collapseOne .card-body,
+              #collapseOne .card-body,
         .card #collapseTwo .card-body,
         .card #collapseThree .card-body,
         .card #collapseFour .card-body {
@@ -1341,7 +1348,7 @@
         .card #collapseThree .card-body input,
         .card #collapseThree .card-body select,
         .card #collapseThree .card-body textarea,
-        
+
         .card #collapseFour .card-body input,
         .card #collapseFour .card-body select,
         .card #collapseFour .card-body textarea {
@@ -1353,7 +1360,7 @@
 
         .card #collapseOne .card-body input[type='file'],
         .card #collapseTwo .card-body input[type='file'],
-        .card #collapseThree .card-body input[type='file'], 
+        .card #collapseThree .card-body input[type='file'],
         .card #collapseFour .card-body input[type='file'] {
             padding: 10px !important;
             background-color: white !important;
@@ -1420,7 +1427,6 @@
         .fixed-header {
             position: relative;
             top: 0;
-            z-index: 1000;
             background-color: #f8f9fa !important;
         }
 
@@ -1598,8 +1604,7 @@
     </style>
 
     <!-- tab swich scrollable -->
-     <style>
-        
+    <style>
         .tab-wrapper {
             display: flex;
             align-items: center;
@@ -1610,18 +1615,28 @@
         #myTab {
             display: flex;
             white-space: nowrap;
-            flex-wrap: nowrap;      /* prevent wrapping */
-            overflow-x: auto;       /* enable horizontal scroll */
+            flex-wrap: nowrap;
+            /* prevent wrapping */
+            overflow-x: auto;
+            /* enable horizontal scroll */
             overflow-y: hidden;
-            white-space: nowrap;    /* keep items on one line */
+            white-space: nowrap;
+            /* keep items on one line */
             margin: 0;
-            padding: 0 40px;        /* leave space for arrows */
+            padding: 0 40px;
+            /* leave space for arrows */
             flex-grow: 1;
         }
 
         /* Hide scrollbars */
-        #myTab::-webkit-scrollbar { display: none; }
-        #myTab { -ms-overflow-style: none; scrollbar-width: none; }
+        #myTab::-webkit-scrollbar {
+            display: none;
+        }
+
+        #myTab {
+            -ms-overflow-style: none;
+            scrollbar-width: none;
+        }
 
         .scroll-btn {
             background-color: #F4FFFF;
@@ -1633,13 +1648,18 @@
             position: absolute;
             top: 50%;
             transform: translateY(-50%);
-            z-index: 10;
+            z-index: 1;
             color: #00999E;
         }
-        
-        .left-btn { left: 0; }
-        .right-btn { right: 0; }
-     </style>
+
+        .left-btn {
+            left: 0;
+        }
+
+        .right-btn {
+            right: 0;
+        }
+    </style>