1 files changed, 82 insertions, 19 deletions
diff --git a/src/assets/styles/bmc/custom/_tables.scss b/src/assets/styles/bmc/custom/_tables.scss
index e8b5a832..48d49b2b 100644
--- a/src/assets/styles/bmc/custom/_tables.scss
+++ b/src/assets/styles/bmc/custom/_tables.scss
@@ -1,16 +1,18 @@
 .table {
   position: relative;
   z-index: $zindex-dropdown;
+  border-radius: 10px;
 
   td {
-    border-top: 1px solid gray("300");
-    border-bottom: 1px solid gray("300");
-    &:first-of-type {
-      border-left: 1px solid gray("300");
-    }
-    &:last-of-type {
-      border-right: 1px solid gray("300");
-    }
+    // border-top: 1px solid gray("300");
+    // border-bottom: 1px solid gray("300");
+    // &:first-of-type {
+    //   border-left: 1px solid gray("300");
+      
+    // }
+    // &:last-of-type {
+    //   border-right: 1px solid gray("300");
+    // }
     vertical-align: middle;
 
     // Table action buttons
@@ -27,15 +29,15 @@
   // thead-light added for specificity
   .thead-light th {
     vertical-align: middle;
-    border-top: 1px solid gray("300");
+    // border-top: 1px solid gray("300");
     border-bottom: 1px solid gray("300");
-    &:first-of-type {
-      border-left: 1px solid gray("300");
-    }
-    &:last-of-type {
-      border-right: 1px solid gray("300");
-    }
-    color: theme-color("dark");
+    // &:first-of-type {
+      // border-left: 1px solid gray("300");
+    // }
+    // &:last-of-type {
+      // border-right: 1px solid gray("300");
+    // }
+    // color: theme-color("dark");
     &:focus {
       outline: none;
     }
@@ -109,7 +111,7 @@
     tr {
 
       &:not(:first-child) > td[aria-colindex='1'] {
-        border-top: 1px solid gray("300");
+        // border-top: 1px solid gray("300");
         padding-top: 0.625rem;
       }
 
@@ -165,7 +167,68 @@
     }
   }
 
-  .table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
-    border-top-width: 1px;
+  // .table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
+    // border-top-width: 1px;
+  // }
+}
+
+.bootstrap-table__section {
+  position: relative;
+  margin: 16px 2rem 0 2rem;
+  width: 90%;
+}
+
+.bootstrap-rounded-table {
+  border: 1px solid rgba(26, 62, 91, 0.3);
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px; 
+  border-radius: 10px; 
+}
+
+.bootstrap-rounded-table__column-first {
+  border-right: 1px solid rgba(26, 62, 91, 0.3) !important;
+  border-top: none !important;
+  border-radius: 10px 0 0 0;
+  -webkit-border-radius: 10px 0 0 0;
+  -moz-border-radius: 10px 0 0 0;
+}
+
+.bootstrap-rounded-table__column-last {
+  border-top: none !important;
+  border-radius: 0 10px 0 0;
+  -webkit-border-radius: 0 10px 0 0;
+  -moz-border-radius: 0 10px 0 0;
+}
+
+.bootstrap-rounded-table__column-center {
+  border-right: 1px solid rgba(26, 62, 91, 0.3) !important;
+  border-top: none !important;
+  border-radius: 0 0 0 0;
+  -webkit-border-radius: 0 0 0 0;
+  -moz-border-radius: 0 0 0 0;
+}
+
+.bootstrap-rounded-table__head_bg {
+  background-color: $faint-secondary-primary-10 !important;
+}
+
+.bootstrap-rounded-table__td {
+  border-top: 1px solid rgba(26, 62, 91, 0.3) !important;
+  border-radius: 0;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  -ms-border-radius: 0;
+  -o-border-radius: 0;
+  -khtml-border-radius: 0;
+  &:hover {
+    background-color: $faint-secondary-primary-5;
   }
 }
+
+
+.bootstrap-table {
+  border-top: none !important;
+  border: 1px solid rgba(26, 62, 91, 0.1);
+  background-color: $faint-secondary-primary-5;
+}
+