Beginning design overhaul

public/assets/css/thetool.css

@@ -1,3 +1,83 @@
+/* Overrides */
+
+.body {
+  color: #323a36;
+}
+.table,
+.table-hover tbody tr:hover{
+  color: #323a36;
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+    background-color: rgba(0,0,0,.05);
+}
+
+.table-hover tbody tr:hover {
+  color: #212529;
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #0d6efd;
+  border-color: #0d6efd;
+}
+.btn-primary:hover {
+  color: #fff;
+  background-color: #0b5ed7;
+  border-color: #0a58ca;
+}
+.btn-check:focus + .btn-primary, .btn-primary:focus {
+  color: #fff;
+  background-color: #0b5ed7;
+  border-color: #0a58ca;
+  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #0a58ca;
+  border-color: #0a53be;
+}
+.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+}
+.btn-primary:disabled, .btn-primary.disabled {
+  color: #fff;
+  background-color: #0d6efd;
+  border-color: #0d6efd;
+}
+
+
+.h1, .h2, .h3, .h4, .h5, .h6,
+h1, h2, h3, h4, h5, h6 {
+  color: #323a36;
+}
+
+.form-control {
+  color: #323a36;
+}
+
+.card {
+  border-color: #f0f0f0;
+  box-shadow: 3px 3px 2px #a0a0a0;
+}
+
+#topnav {
+  box-shadow: 2px 2px 1px #a0a0a0;
+}
+
+.nav-tabs > li > a {
+  color: #0d6efd;
+}
+
+
+/**************************
+ * custom styles
+ *************************/
+
+
+
+
 .container-fluid {
   max-width:98%;
 }
@@ -15,7 +95,7 @@
 }
 
 .select2-container .select2-selection--multiple .select2-selection__choice {
-  background-color: #00acc1 !important;
+  background-color: #007bff !important;
   color: #fff !important;
   border: none !important;
 }
@@ -47,11 +127,13 @@
 }
 
 .table-bg-even {
-  background-color: #f1f5f7;
+  /*background-color: #f1f5f7;*/
+  background-color: rgba(0,0,0,.05);
 }
 
 .table-bg-odd {
-  background-color: #eceff5;
+  /*background-color: #eceff5;*/
+  background-color: rgba(255,171,0,.05);
 }
 
 .workflow-table {
@@ -127,7 +209,7 @@
 
 
 .pagination a {
-  color: #00acc1;
+  color: #007bff;
 }
 
 
@@ -151,12 +233,20 @@ td.controls {
   border-top: 2px solid #dee2e6;
 }
 
+.product-container:hover {
+  background-color: rgba(0,0,0,.075);
+}
+
 .product-container:last-child {
   border-bottom: 2px solid #dee2e6;
 }
 
 .product-container:nth-child(even) {
-  background-color: #f1f5f7;
+  background-color: rgba(0,0,0,.05);
+}
+
+.product-container:nth-child(even):hover {
+  background-color: rgba(0,0,0,.075);
 }
 
 .status {