re-structure to monorepo.

packages/webapp/src/style/pages/Bills/List.scss

@@ -0,0 +1,59 @@
+.dashboard__insider--bills {
+  .bigcapital-datatable {
+    .tbody {
+      .td.amount {
+        .cell-inner {
+          > span {
+            font-weight: 600;
+          }
+        }
+      }
+      .status.td {
+        .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: 3px;
+          max-width: 180px;
+
+          &,
+          .bp3-progress-meter {
+            border-radius: 0;
+          }
+        }
+      }
+    }
+  }
+}

packages/webapp/src/style/pages/Bills/PageForm.scss

@@ -0,0 +1,68 @@
+
+body.page-bill-new,
+body.page-bill-edit{
+
+  .dashboard__footer{
+    display: none;
+  }
+}
+
+.dashboard__insider--bill-form{
+  padding-bottom: 64px;
+}
+
+.page-form--bill{
+  $self: '.page-form';
+
+  #{$self}__header{
+    display: flex;
+
+    &-fields{
+      flex: 1 0 0;
+    }
+    .bp3-form-group{
+      margin-bottom: 18px;
+    }
+    .bp3-label{
+      min-width: 140px;
+    }
+    .bp3-form-content{
+      width: 100%;
+    }
+
+    .bp3-form-group{
+      &.bp3-inline{
+        max-width: 440px; 
+      }
+
+      &.form-group{
+
+        &--expiration-date{
+          max-width: 340px;
+
+          .bp3-label{
+            min-width: 120px;
+          }
+        }
+      }
+    }
+    .row--bill-date{
+
+      .col:first-of-type{
+        max-width: 435px;
+      }
+    }
+  }
+
+  #{$self}__footer{
+    .form-group--note{
+      max-width: 450px;
+      width: 100%;
+
+      textarea{
+        width: 100%;
+        min-height: 60px;
+      }
+    }
+  }
+}