WIP financial statements.

client/src/style/components/data-table.scss

@@ -1,8 +1,6 @@
 
-.bigcapital-datatable{
-  
+.bigcapital-datatable{  
   display: block;
-  // max-width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
 
@@ -18,8 +16,6 @@
       overflow-x: hidden;
 
       .th{
-        
-
         padding: 1rem 1.5rem;
         background: #F8FAFA;
         font-size: 14px;
@@ -78,7 +74,7 @@
         .inner-resizer{
           height: 100%;
           width: 1px;
-          background: #ececec;
+          border-left: 1px solid #ececec;
           margin: 0 auto;
         }
 
@@ -104,6 +100,58 @@
         border-radius: 2px;
       }
     }
+
+    .tr .th.expander,
+    .tr .td.expander{
+      padding: 0;
+
+      .toggle{
+        cursor: pointer;
+        display: block;
+        padding: 14px 8px;
+        padding-left: 0;
+        margin-left: 4px;
+      }
+      
+      .arrow-right{
+        width: 0;
+        height: 0;
+        border-top: 5px solid transparent;
+        border-bottom: 5px solid transparent;
+        border-left: 8px solid #acacac;
+        display: block;
+      }
+
+      .arrow-down{
+        width: 0; 
+        height: 0; 
+        border-left: 5px solid transparent;
+        border-right: 5px solid transparent;
+        border-top: 8px solid #acacac;
+        display: block;
+      }
+
+      + .td,
+      + .th{
+        padding-left: 0;
+      }
+    }
+  }
+
+
+  &--financial-report{
+  
+    .thead{
+      .tr .th{
+        background: transparent;
+        border-top: 1px solid #666;
+        border-bottom: 1px solid #666;
+
+        padding: 10px 1.5rem;
+        color: #222;
+      }
+    }
+  
   }
 }