update tooltip styling to bootstrap

assets/scss/_custom.scss

@@ -552,3 +552,10 @@ body.td-documentation {
   }
 }
 
+/* glossary tooltip */
+.glossary-tooltip {
+  display: inline-block;
+  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
+  color: black;
+  text-decoration: none !important;
+}

assets/scss/_variables_project.scss

@@ -12,4 +12,16 @@ Add styles or override variables from the theme here. */
 @import "tablet";
 @import "desktop";
 
-$primary: #3371e3;
+$primary: #3371e3;
+
+// tooltip
+$tooltip-bg: #555;
+$tooltip-arrow-color: $tooltip-bg !default;
+$tooltip-arrow-width: 10px !default;
+$tooltip-opacity: 1 !default;
+$tooltip-color: #fff !default;
+$tooltip-max-width: 300px !default;
+$tooltip-font-size: 1rem;
+$tooltip-padding: 5px 8px;
+$tooltip-border-radius: 6px;
+$tooltip-font-weight: 400;