diff --git a/src/styles/app.scss b/src/styles/app.scss
index 245f364..f874dc4 100755
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -100,6 +100,9 @@ a.accent:hover {
 .shadow-none {
     box-shadow: none !important;
 }
+.pointer {
+    cursor: pointer;
+}
 .font-monospace.fw-lighter,
 .font-monospace .fw-lighter {
     font-weight: 200 !important;
@@ -123,6 +126,23 @@ huapp-full-layout .mdc-text-field--filled .mdc-floating-label {
         line-height: 0.87;
     }
 }
+.badge .mat-icon {
+    width: 0.76rem;
+    height: 0.76rem;
+    font-size: 0.76rem;
+}
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    appearance: none;
+    -webkit-appearance: none;
+    margin: 0;
+}
+/* Firefox */
+input[type=number] {
+    appearance: textfield;
+    -moz-appearance: textfield;
+}
 
 /****************
 *  Definitions  *
@@ -347,3 +367,6 @@ dl.dl-horizontal {
 .bg-crystal .mdc-text-field--filled:not(.mdc-text-field--disabled) {
     background-color: transparent !important;
 }
+.bg-dark-transparent {
+    background-color: $dark-transparent !important;
+}
diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index 672da83..02f19fc 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -30,6 +30,7 @@ File: scss
 @import "bootstrap/scss/helpers";
 @import "bootstrap/scss/utilities/api";
 //@import "bootstrap/scss/tables";
+@import "bootstrap/scss/badge";
 @import "bootstrap/scss/type";
 @import "bootstrap/scss/pagination";
 @import "bootstrap/scss/alert";
diff --git a/src/styles/tables.scss b/src/styles/tables.scss
index 999919f..7577cf6 100644
--- a/src/styles/tables.scss
+++ b/src/styles/tables.scss
@@ -73,14 +73,14 @@ caption {
 .table.table-dark>tfoot>tr>th,
 .table.table-dark>thead>tr>td,
 .table.table-dark>thead>tr>th {
-    border-top:1px solid rgb(221, 221, 221, 0.3);
+    border-top:1px solid rgba(221, 221, 221, 0.3);
 }
 .table.table-dark>thead>tr>th {
-    border-bottom:2px solid rgb(221, 221, 221, 0.3);
+    border-bottom:2px solid rgba(221, 221, 221, 0.3);
     padding-top: 1rem;
 }
 .table.table-dark>tfoot>tr>th {
-    border-top:2px solid rgb(221, 221, 221, 0.3);
+    border-top:2px solid rgba(221, 221, 221, 0.3);
     padding-top: 1rem;
 }
 
@@ -136,6 +136,7 @@ tr.mat-mdc-header-row.warn,
     background-color: rgba(151, 136, 199, 0.3);
 }
 
+
 tr.mat-mdc-header-row.accent,
 .table.table-dark>thead>tr.accent {
     background-color: rgba(205, 186, 152, 0.1); // #cdba98
diff --git a/src/styles/variable.scss b/src/styles/variable.scss
index 985034a..3df6bdf 100755
--- a/src/styles/variable.scss
+++ b/src/styles/variable.scss
@@ -11,6 +11,8 @@ $bodyfont: 'Barlow', "Helvetica Neue", sans-serif;
 $headingfont: 'Barlow', "Helvetica Neue", sans-serif;
 $font-family-monospace: 'Inconsolata', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
 $font-size-base: 0.875rem;
+$badge-font-size: .76rem;
+$badge-font-weight: 600;
 
 /* Custom Theme Palettes */
 $md-custom-primary: (
@@ -137,7 +139,7 @@ $inverse: #292154;
 $empty: #717171;
 $muted: #aaaaaa;
 $extra-muted: #c4c4c4;
-$dark: #263238;
+$dark: #505050; //#242424;
 $light: #ebf5ef;
 $extra-light: #f2f4f8;