feat(bills): status accessor.

client/src/style/pages/Bills/List.scss

@@ -1,18 +1,62 @@
-
-.dashboard__insider--bills{
-
-  .bigcapital-datatable{
-
-    .tbody{
-
+.dashboard__insider--bills {
+  .bigcapital-datatable {
+    .tbody {
       .td.amount {
-
-        .cell-inner{
-          > span{
+        .cell-inner {
+          > span {
             font-weight: 600;
           }
         }
       }
+      .status.td {
+        .status-accessor {
+          padding: 4px 0;
+        }
+        .overdue-status,
+        .due-status {
+          display: block;
+          font-size: 13.5px;
+          line-height: 1.4;
+
+          + .partial-paid {
+            margin-top: 2px;
+          }
+        }
+        .overdue-status {
+          color: #ec5b0a;
+        }
+        .due-status {
+          color: #1652c8;
+        }
+        .partial-paid {
+          font-size: 12px;
+          line-height: 1;
+          display: block;
+          margin-bottom: 6px;
+          opacity: 0.7;
+        }
+        .fully-paid-icon {
+          width: 18px;
+          height: 18px;
+          margin-right: 8px;
+
+          svg {
+            fill: #2ba01d;
+          }
+        }
+        .fully-paid-text {
+          font-size: 13.5px;
+        }
+        .bp3-progress-bar {
+          height: 4px;
+          max-width: 180px;
+
+          &,
+          .bp3-progress-meter {
+            border-radius: 0;
+          }
+        }
+      }
     }
   }
-}
+}