bitwrench 2.0.16 → 2.0.18

package/dist/bitwrench.css

@@ -1,10 +1,14 @@
 /**
- * Bitwrench v2 CSS
- * Class-based styles to prevent framework collisions
- * Generated from bitwrench-styles.js
+ * bitwrench.css v2.0.18 — AUTO-GENERATED, DO NOT EDIT
+ *
+ * Generated by src/generate-css.js from bitwrench-styles.js
+ * This is a static snapshot of what bw.loadStyles() produces
+ * at runtime. Use one or the other, not both.
+ *
+ * To regenerate: npm run build:css
+ * https://deftio.github.com/bitwrench/pages
  */
 
-/* Base styles with .bw namespace */
 
 * {
   box-sizing: border-box;
@@ -30,7 +34,7 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #212529;
-  background-color: #fafafa;
+  background-color: #f3f7f7;
 }
 
 .bw_page {
@@ -436,8 +440,8 @@ a {
   background-clip: border-box;
   margin-bottom: 1.5rem;
   overflow: hidden;
-  background-color: #f4f6f6;
-  border: 1px solid #fcfdfd;
+  background-color: #ecf4f4;
+  border: 1px solid #c2cbd4;
   border-radius: 8px;
   box-shadow: 0 1px 3px rgba(0,0,0,0.08);
   transition: box-shadow 200ms ease-out, transform 200ms ease-out;
@@ -471,14 +475,14 @@ a {
   font-weight: 600;
   font-size: 0.875rem;
   padding: 1.05rem 1.05rem;
-  background-color: #fefefe;
-  border-bottom: 1px solid #fcfdfd;
+  background-color: #e2eeee;
+  border-bottom: 1px solid #c2cbd4;
 }
 
 .bw_card_footer {
   font-size: 0.875rem;
-  background-color: #fefefe;
-  border-top: 1px solid #fcfdfd;
+  background-color: #e2eeee;
+  border-top: 1px solid #c2cbd4;
   color: #6c757d;
 }
 
@@ -528,8 +532,8 @@ a {
   padding: 0.5rem 0.75rem;
   border-radius: 6px;
   color: #212529;
-  background-color: #f4f6f6;
-  border-color: #fcfdfd;
+  background-color: #ecf4f4;
+  border-color: #c2cbd4;
 }
 
 .bw_form_control:focus {
@@ -623,8 +627,8 @@ textarea.bw_form_control {
   align-items: center;
   justify-content: space-between;
   padding: 0.5rem 1.5rem;
-  background-color: #fefefe;
-  border-bottom-color: #fcfdfd;
+  background-color: #e2eeee;
+  border-bottom-color: #c2cbd4;
 }
 
 .bw_navbar > .bw_container, .bw_navbar > .container {
@@ -664,6 +668,7 @@ textarea.bw_form_control {
   font-size: 0.875rem;
   font-weight: 500;
   color: #6c757d;
+  border-radius: 6px;
 }
 
 .bw_table {
@@ -674,7 +679,7 @@ textarea.bw_form_control {
   font-size: 0.9375rem;
   line-height: 1.5;
   color: #212529;
-  border-color: #fcfdfd;
+  border-color: #c2cbd4;
 }
 
 .bw_table > :not(caption) > * > * {
@@ -682,7 +687,7 @@ textarea.bw_form_control {
   border-bottom-width: 1px;
   border-bottom-style: solid;
   padding: 0.75rem 1rem;
-  border-bottom-color: #fcfdfd;
+  border-bottom-color: #c2cbd4;
 }
 
 .bw_table > tbody {
@@ -700,8 +705,8 @@ textarea.bw_form_control {
   letter-spacing: 0.04em;
   border-bottom-width: 2px;
   color: #6c757d;
-  border-bottom-color: #fcfdfd;
-  background-color: #fefefe;
+  border-bottom-color: #c2cbd4;
+  background-color: #e2eeee;
 }
 
 .bw_table caption {
@@ -715,6 +720,14 @@ textarea.bw_form_control {
   border-style: solid;
 }
 
+.bw_table_selectable > tbody > tr {
+  cursor: pointer;
+}
+
+.bw_table > tbody > tr.bw_table_row_selected > * {
+  background-color: #d9e8e8;
+}
+
 .bw_table_responsive {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
@@ -790,7 +803,7 @@ textarea.bw_form_control {
   height: 1.25rem;
   overflow: hidden;
   font-size: .875rem;
-  background-color: #fefefe;
+  background-color: #e2eeee;
   box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
 }
 
@@ -843,12 +856,14 @@ textarea.bw_form_control {
   display: block;
   font-size: 0.875rem;
   font-weight: 500;
+  padding: 0.625rem 1rem;
   text-decoration: none;
   cursor: pointer;
   border: none;
   background: transparent;
   font-family: inherit;
   color: #6c757d;
+  transition: color 100ms ease-out, border-color 100ms ease-out, background-color 100ms ease-out;
 }
 
 .bw_nav_tabs .bw_nav_link {
@@ -903,8 +918,9 @@ textarea.bw_form_control {
   font-size: 0.9375rem;
   padding: 0.75rem 1rem;
   color: #212529;
-  background-color: #f4f6f6;
-  border-color: #fcfdfd;
+  background-color: #ecf4f4;
+  border-color: #c2cbd4;
+  transition: color 100ms ease-out, background-color 100ms ease-out;
 }
 
 .bw_list_group_item:first-child {
@@ -924,7 +940,7 @@ textarea.bw_form_control {
 .bw_list_group_item.disabled {
   pointer-events: none;
   color: #6c757d;
-  background-color: #f4f6f6;
+  background-color: #ecf4f4;
 }
 
 a.bw_list_group_item {
@@ -969,20 +985,21 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   margin-left: -1px;
   line-height: 1.25;
   text-decoration: none;
+  border: 1px solid transparent;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: inherit;
+  background: none;
   color: #006666;
-  background-color: #f4f6f6;
-  border-color: #fcfdfd;
+  background-color: #ecf4f4;
+  border-color: #c2cbd4;
+  transition: color 100ms ease-out, background-color 100ms ease-out;
 }
 
 .bw_page_item:first-child .bw_page_link {
   margin-left: 0;
-  border-top-left-radius: 0.375rem;
-  border-bottom-left-radius: 0.375rem;
-}
-
-.bw_page_item:last-child .bw_page_link {
-  border-top-right-radius: 0.375rem;
-  border-bottom-right-radius: 0.375rem;
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
 }
 
 .bw_page_link:focus-visible {
@@ -994,9 +1011,11 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
 .bw_breadcrumb {
   display: flex;
   flex-wrap: wrap;
-  padding: 0 0;
+  padding: 0.625rem 1rem;
   margin-bottom: 1rem;
   list-style: none;
+  background-color: #e2eeee;
+  border-radius: 6px;
 }
 
 .bw_breadcrumb_item {
@@ -1016,11 +1035,13 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
 
 .bw_breadcrumb_item a {
   text-decoration: none;
+  color: #006666;
+  transition: color 100ms ease-out;
 }
 
 .bw_breadcrumb_item.active {
   font-weight: 500;
-  color: #6c757d;
+  color: #212529;
 }
 
 .bw_hero {
@@ -1226,27 +1247,27 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
 }
 
 .bw_gap_0 {
-  gap: 0;
+  gap: 0 !important;
 }
 
 .bw_gap_1 {
-  gap: 0.25rem;
+  gap: .25rem !important;
 }
 
 .bw_gap_2 {
-  gap: 0.5rem;
+  gap: .5rem !important;
 }
 
 .bw_gap_3 {
-  gap: 1rem;
+  gap: 1rem !important;
 }
 
 .bw_gap_4 {
-  gap: 1.5rem;
+  gap: 1.5rem !important;
 }
 
 .bw_gap_5 {
-  gap: 3rem;
+  gap: 3rem !important;
 }
 
 .bw_offset_1 {
@@ -1295,6 +1316,9 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
 
 .bw_code_demo {
   margin-bottom: 2rem;
+  background-color: #ecf4f4;
+  color: #212529;
+  border-radius: 8px;
 }
 
 .bw_code_pre {
@@ -1387,8 +1411,8 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
 
 .bw_accordion_item {
   border: 1px solid transparent;
-  background-color: #f4f6f6;
-  border-color: #fcfdfd;
+  background-color: #ecf4f4;
+  border-color: #c2cbd4;
 }
 
 .bw_accordion_item + .bw_accordion_item {
@@ -1404,6 +1428,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   display: flex;
   align-items: center;
   width: 100%;
+  padding: 0.875rem 1.25rem;
   font-size: 1rem;
   font-weight: 500;
   text-align: left;
@@ -1430,29 +1455,26 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   transform: rotate(-180deg);
 }
 
+.bw_accordion_body {
+  padding: 1rem 1.25rem;
+  border-top: 1px solid #c2cbd4;
+  background-color: #e2eeee;
+}
+
 .bw_accordion_collapse {
   max-height: 0;
   overflow: hidden;
+  transition: max-height 0.3s ease;
 }
 
 .bw_accordion_collapse.bw_collapse_show {
   max-height: none;
 }
 
-.bw_accordion_item:first-child {
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-}
-
-.bw_accordion_item:last-child {
-  border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px;
-}
-
 .bw_carousel {
   position: relative;
   overflow: hidden;
-  background-color: #fefefe;
+  background-color: #e2eeee;
 }
 
 .bw_carousel_track {
@@ -1483,7 +1505,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   right: 0;
   padding: 0.75rem 1rem;
   font-size: 0.875rem;
-  background: linear-gradient(transparent, rgba(0,0,0,0.6));
+  background: linear-gradient(transparent, #212529);
   color: #fff;
 }
 
@@ -1501,7 +1523,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   justify-content: center;
   z-index: 2;
   padding: 0;
-  background-color: rgba(0,0,0,0.4);
+  background-color: #212529;
   color: #fff;
 }
 
@@ -1597,8 +1619,8 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   background-clip: padding-box;
   border: 1px solid transparent;
   outline: 0;
-  background-color: #f4f6f6;
-  border-color: #fcfdfd;
+  background-color: #ecf4f4;
+  border-color: #c2cbd4;
   box-shadow: 0 4px 12px rgba(0,0,0,0.16);
 }
 
@@ -1606,7 +1628,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  border-bottom-color: #fcfdfd;
+  border-bottom-color: #c2cbd4;
 }
 
 .bw_modal_title {
@@ -1628,7 +1650,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   align-items: center;
   justify-content: flex-end;
   gap: 0.5rem;
-  border-top-color: #fcfdfd;
+  border-top-color: #c2cbd4;
 }
 
 .bw_toast_container {
@@ -1679,8 +1701,8 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   max-width: calc(100vw - 2rem);
   background-clip: padding-box;
   opacity: 0;
-  background-color: #f4f6f6;
-  border-color: rgba(0,0,0,0.1);
+  background-color: #ecf4f4;
+  border-color: #c2cbd4;
   box-shadow: 0 4px 12px rgba(0,0,0,0.16);
 }
 
@@ -1698,7 +1720,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   align-items: center;
   justify-content: space-between;
   font-size: 0.875rem;
-  border-bottom-color: rgba(0,0,0,0.05);
+  border-bottom-color: #c2cbd4;
 }
 
 .bw_toast_body {
@@ -1734,8 +1756,8 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
-  background-color: #f4f6f6;
-  border-color: #fcfdfd;
+  background-color: #ecf4f4;
+  border-color: #c2cbd4;
   box-shadow: 0 2px 6px rgba(0,0,0,0.12);
 }
 
@@ -1762,6 +1784,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   border: 0;
   font-size: 0.9375rem;
   color: #212529;
+  transition: background-color 100ms ease-out;
 }
 
 .bw_dropdown_item:focus-visible {
@@ -1774,7 +1797,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   margin: 0.5rem 0;
   overflow: hidden;
   opacity: 1;
-  border-top-color: #fcfdfd;
+  border-top-color: #c2cbd4;
 }
 
 .bw_form_switch {
@@ -1810,7 +1833,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
 .bw_skeleton {
   background-size: 400% 100%;
   animation: bw_skeleton_shimmer 1.4s ease infinite;
-  background: linear-gradient(90deg, #fcfdfd 25%, #fefefe 37%, #fcfdfd 63%);
+  background: linear-gradient(90deg, #c2cbd4 25%, #e2eeee 37%, #c2cbd4 63%);
 }
 
 .bw_skeleton_text {
@@ -1876,11 +1899,19 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
 }
 
 .bw_stat_card {
+  padding: 1.25rem;
   border-left: 4px solid transparent;
+  border-radius: 8px;
+  background-color: #ecf4f4;
+  transition: box-shadow 100ms ease-out, transform 100ms ease-out;
+  color: #212529;
+  border: 1px solid #c2cbd4;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
 }
 
 .bw_stat_card:hover {
   transform: translateY(-1px);
+  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
 }
 
 .bw_stat_icon {
@@ -1919,6 +1950,12 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   pointer-events: none;
   opacity: 0;
   visibility: hidden;
+  background-color: #212529;
+  color: #fff;
+  padding: 0.5rem 0.75rem;
+  border-radius: .375rem;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
+  transition: opacity 100ms ease-out, transform 100ms ease-out;
 }
 
 .bw_tooltip.bw_tooltip_show {
@@ -1987,6 +2024,12 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   pointer-events: none;
   opacity: 0;
   visibility: hidden;
+  background-color: #ecf4f4;
+  color: #212529;
+  border: 1px solid #c2cbd4;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.16);
+  transition: opacity 100ms ease-out, transform 100ms ease-out;
 }
 
 .bw_popover.bw_popover_show {
@@ -1998,11 +2041,15 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
 .bw_popover_header {
   font-weight: 600;
   font-size: 0.9375rem;
+  background-color: #e2eeee;
+  border-bottom: 1px solid #c2cbd4;
+  padding: 0.5rem 0.75rem;
 }
 
 .bw_popover_body {
   font-size: 0.875rem;
   line-height: 1.5;
+  padding: 1.5rem 1.5rem;
 }
 
 .bw_popover_top {
@@ -2053,6 +2100,8 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   position: relative;
   display: flex;
   align-items: center;
+  background-color: #ecf4f4;
+  color: #212529;
 }
 
 .bw_search_input .bw_search_field {
@@ -2073,6 +2122,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   cursor: pointer;
   padding: 0;
   border-radius: 50%;
+  transition: color 100ms ease-out, background-color 100ms ease-out;
 }
 
 .bw_range_wrapper {
@@ -2101,7 +2151,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   border-radius: 0.25rem;
   cursor: pointer;
   outline: none;
-  background-color: #fcfdfd;
+  background-color: #c2cbd4;
 }
 
 .bw_range:focus {
@@ -2117,7 +2167,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   border-style: solid;
   cursor: pointer;
   background-color: #006666;
-  border-color: #fff;
+  border-color: #ecf4f4;
   box-shadow: 0 1px 3px rgba(0,0,0,0.2);
   transition: background-color 0.15s ease-out, transform 0.15s ease-out;
 }
@@ -2130,7 +2180,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   border-style: solid;
   cursor: pointer;
   background-color: #006666;
-  border-color: #fff;
+  border-color: #ecf4f4;
   box-shadow: 0 1px 3px rgba(0,0,0,0.2);
 }
 
@@ -2180,8 +2230,9 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   cursor: pointer;
   text-align: center;
   position: relative;
-  border-color: #fcfdfd;
-  background-color: #fefefe;
+  border-color: #c2cbd4;
+  background-color: #e2eeee;
+  transition: border-color 100ms ease-out, background-color 100ms ease-out;
 }
 
 .bw_file_upload_icon {
@@ -2216,7 +2267,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   top: 0;
   bottom: 0;
   width: 2px;
-  background-color: #fcfdfd;
+  background-color: #c2cbd4;
 }
 
 .bw_timeline_item {
@@ -2283,7 +2334,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   left: -50%;
   right: 50%;
   height: 2px;
-  background-color: #fcfdfd;
+  background-color: #c2cbd4;
 }
 
 .bw_step_indicator {
@@ -2297,8 +2348,8 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   font-weight: 600;
   position: relative;
   z-index: 1;
-  background-color: #fefefe;
-  border: 2px solid #fcfdfd;
+  background-color: #e2eeee;
+  border: 2px solid #c2cbd4;
   color: #6c757d;
 }
 
@@ -2324,7 +2375,9 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   padding: 0.375rem 0.5rem;
   min-height: 2.5rem;
   cursor: text;
-  border-color: #fcfdfd;
+  border-color: #c2cbd4;
+  background-color: #ecf4f4;
+  color: #212529;
 }
 
 .bw_chip {
@@ -2336,7 +2389,7 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   font-size: 0.8125rem;
   line-height: 1.5;
   white-space: nowrap;
-  background-color: #fefefe;
+  background-color: #e2eeee;
   color: #212529;
 }
 
@@ -3108,6 +3161,80 @@ a.bw_list_group_item:focus-visible, .bw_list_group_item:focus-visible {
   margin-right: .5rem;
 }
 
+.bw_fs_xs {
+  font-size: 0.75rem !important;
+}
+
+.bw_fs_sm {
+  font-size: 0.875rem !important;
+}
+
+.bw_fs_base {
+  font-size: 1rem !important;
+}
+
+.bw_fs_lg {
+  font-size: 1.125rem !important;
+}
+
+.bw_fs_xl {
+  font-size: 1.25rem !important;
+}
+
+.bw_fs_2xl {
+  font-size: 1.5rem !important;
+}
+
+.bw_fw_light {
+  font-weight: 300 !important;
+}
+
+.bw_fw_normal {
+  font-weight: 400 !important;
+}
+
+.bw_fw_medium {
+  font-weight: 500 !important;
+}
+
+.bw_fw_semibold {
+  font-weight: 600 !important;
+}
+
+.bw_fw_bold {
+  font-weight: 700 !important;
+}
+
+.bw_lh_tight {
+  line-height: 1.25 !important;
+}
+
+.bw_lh_normal {
+  line-height: 1.5 !important;
+}
+
+.bw_lh_relaxed {
+  line-height: 1.75 !important;
+}
+
+.bw_flex {
+  display: flex;
+}
+
+.bw_flex_column {
+  flex-direction: column;
+}
+
+.bw_flex_wrap {
+  flex-wrap: wrap;
+}
+
+.bw_flex_center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .bw_visible, .visible {
   visibility: visible !important;
 }
@@ -3221,8 +3348,8 @@ a:hover {
   padding: 0.5rem 0.75rem;
   border-radius: 6px;
   color: #212529;
-  background-color: #f4f6f6;
-  border-color: #fcfdfd;
+  background-color: #ecf4f4;
+  border-color: #c2cbd4;
 }
 
 .bw_form_select:focus {
@@ -3232,11 +3359,13 @@ a:hover {
 
 .bw_navbar_nav .bw_nav_link:hover {
   color: #212529;
+  background-color: #e2eeee;
 }
 
 .bw_navbar_nav .bw_nav_link.active {
   color: #006666;
   background-color: rgba(0,102,102,0.25);
+  font-weight: 600;
 }
 
 .bw_navbar_dark {
@@ -3249,15 +3378,15 @@ a:hover {
 }
 
 .bw_navbar_dark .bw_nav_link {
-  color: rgba(255,255,255,.65);
+  color: #c2cbd4;
 }
 
 .bw_navbar_dark .bw_nav_link:hover {
-  color: #fff;
+  color: #f8f9fa;
 }
 
 .bw_navbar_dark .bw_nav_link.active {
-  color: #fff;
+  color: #f8f9fa;
   font-weight: 600;
 }
 
@@ -3267,7 +3396,7 @@ a:hover {
 }
 
 .bw_table_striped > tbody > tr:nth-of-type(odd) > * {
-  background-color: rgba(0, 0, 0, 0.05);
+  background-color: #e2eeee;
 }
 
 .bw_table_hover > tbody > tr:hover > * {
@@ -3275,25 +3404,27 @@ a:hover {
 }
 
 .bw_table_bordered {
-  border-color: #fcfdfd;
+  border-color: #c2cbd4;
 }
 
 .bw_nav_tabs {
-  border-bottom-color: #fcfdfd;
+  border-bottom-color: #c2cbd4;
 }
 
 .bw_nav_tabs .bw_nav_link:hover {
   color: #212529;
-  border-bottom-color: #fcfdfd;
+  background-color: #e2eeee;
+  border-bottom-color: #c2cbd4;
 }
 
 .bw_nav_tabs .bw_nav_link.active {
   color: #006666;
+  background-color: rgba(0,102,102,0.25);
   border-bottom: 2px solid #006666;
 }
 
 a.bw_list_group_item:hover {
-  background-color: #fefefe;
+  background-color: #e2eeee;
   color: #0a0c0d;
 }
 
@@ -3303,10 +3434,15 @@ a.bw_list_group_item:hover {
   border-color: #006666;
 }
 
+.bw_page_item:last-child .bw_page_link {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
 .bw_page_link:hover {
   color: #003333;
-  background-color: #fefefe;
-  border-color: #fcfdfd;
+  background-color: #e2eeee;
+  border-color: #c2cbd4;
 }
 
 .bw_page_link:focus {
@@ -3322,8 +3458,8 @@ a.bw_list_group_item:hover {
 
 .bw_page_item.bw_disabled .bw_page_link {
   color: #6c757d;
-  background-color: #f4f6f6;
-  border-color: #fcfdfd;
+  background-color: #ecf4f4;
+  border-color: #c2cbd4;
 }
 
 .bw_breadcrumb_item a:hover {
@@ -3347,38 +3483,46 @@ a.bw_list_group_item:hover {
   color: #6c757d;
 }
 
+.bw_accordion_item:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.bw_accordion_item:last-child {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+
 .bw_accordion_button:not(.bw_collapsed) {
   color: #000000;
   background-color: #d9e8e8;
+  border-left: 3px solid #006666;
 }
 
 .bw_accordion_button:hover {
-  background-color: #fefefe;
+  background-color: #e2eeee;
 }
 
 .bw_accordion_button:not(.bw_collapsed):hover {
-  background-color: #003333;
+  background-color: #006666;
+  color: #fff;
 }
 
 .bw_accordion_button:focus-visible {
   box-shadow: 0 0 0 0.2rem rgba(0,102,102,0.25);
 }
 
-.bw_accordion_body {
-  border-top: 1px solid #fcfdfd;
-}
-
 .bw_carousel_indicator.active {
   background-color: #006666;
 }
 
 .bw_carousel_control:hover {
-  background-color: rgba(0,0,0,0.6);
+  background-color: #0a0c0d;
 }
 
 .bw_dropdown_item:hover {
   color: #0a0c0d;
-  background-color: #fefefe;
+  background-color: #e2eeee;
 }
 
 .bw_dropdown_item.disabled {
@@ -3513,11 +3657,22 @@ a.bw_list_group_item:hover {
   box-shadow: 0 0 0 2px #006666;
 }
 
-.bw_spinner_border.bw_primary,
-.bw_spinner_grow.bw_primary {
+.bw_spinner_border.bw_primary {
   background-color: transparent;
   color: #006666;
-  border-color: currentColor;
+  border-color: #006666;
+  border-right-color: transparent;
+}
+
+.bw_spinner_border.bw_primary:hover {
+  background-color: transparent;
+  border-color: #006666;
+  border-right-color: transparent;
+}
+
+.bw_spinner_grow.bw_primary {
+  background-color: #006666;
+  color: #006666;
 }
 
 .bw_btn_outline.bw_primary {
@@ -3540,6 +3695,15 @@ a.bw_list_group_item:hover {
   color: #fff;
 }
 
+.bw_bg_primary {
+  background-color: #006666;
+  color: #fff;
+}
+
+.bw_text_primary {
+  color: #006666;
+}
+
 .bw_secondary {
   background-color: #6c757d;
   color: #fff;
@@ -3588,11 +3752,22 @@ a.bw_list_group_item:hover {
   box-shadow: 0 0 0 2px #6c757d;
 }
 
-.bw_spinner_border.bw_secondary,
-.bw_spinner_grow.bw_secondary {
+.bw_spinner_border.bw_secondary {
   background-color: transparent;
   color: #6c757d;
-  border-color: currentColor;
+  border-color: #6c757d;
+  border-right-color: transparent;
+}
+
+.bw_spinner_border.bw_secondary:hover {
+  background-color: transparent;
+  border-color: #6c757d;
+  border-right-color: transparent;
+}
+
+.bw_spinner_grow.bw_secondary {
+  background-color: #6c757d;
+  color: #6c757d;
 }
 
 .bw_btn_outline.bw_secondary {
@@ -3615,6 +3790,15 @@ a.bw_list_group_item:hover {
   color: #fff;
 }
 
+.bw_bg_secondary {
+  background-color: #6c757d;
+  color: #fff;
+}
+
+.bw_text_secondary {
+  color: #6c757d;
+}
+
 .bw_tertiary {
   background-color: #006666;
   color: #fff;
@@ -3663,11 +3847,22 @@ a.bw_list_group_item:hover {
   box-shadow: 0 0 0 2px #006666;
 }
 
-.bw_spinner_border.bw_tertiary,
-.bw_spinner_grow.bw_tertiary {
+.bw_spinner_border.bw_tertiary {
+  background-color: transparent;
+  color: #006666;
+  border-color: #006666;
+  border-right-color: transparent;
+}
+
+.bw_spinner_border.bw_tertiary:hover {
   background-color: transparent;
+  border-color: #006666;
+  border-right-color: transparent;
+}
+
+.bw_spinner_grow.bw_tertiary {
+  background-color: #006666;
   color: #006666;
-  border-color: currentColor;
 }
 
 .bw_btn_outline.bw_tertiary {
@@ -3690,6 +3885,15 @@ a.bw_list_group_item:hover {
   color: #fff;
 }
 
+.bw_bg_tertiary {
+  background-color: #006666;
+  color: #fff;
+}
+
+.bw_text_tertiary {
+  color: #006666;
+}
+
 .bw_success {
   background-color: #19875e;
   color: #000;
@@ -3738,11 +3942,22 @@ a.bw_list_group_item:hover {
   box-shadow: 0 0 0 2px #19875e;
 }
 
-.bw_spinner_border.bw_success,
-.bw_spinner_grow.bw_success {
+.bw_spinner_border.bw_success {
   background-color: transparent;
   color: #19875e;
-  border-color: currentColor;
+  border-color: #19875e;
+  border-right-color: transparent;
+}
+
+.bw_spinner_border.bw_success:hover {
+  background-color: transparent;
+  border-color: #19875e;
+  border-right-color: transparent;
+}
+
+.bw_spinner_grow.bw_success {
+  background-color: #19875e;
+  color: #19875e;
 }
 
 .bw_btn_outline.bw_success {
@@ -3762,7 +3977,16 @@ a.bw_list_group_item:hover {
 }
 
 .bw_progress_bar.bw_success {
-  color: #fff;
+  color: #000;
+}
+
+.bw_bg_success {
+  background-color: #19875e;
+  color: #000;
+}
+
+.bw_text_success {
+  color: #19875e;
 }
 
 .bw_danger {
@@ -3813,11 +4037,22 @@ a.bw_list_group_item:hover {
   box-shadow: 0 0 0 2px #dc35a6;
 }
 
-.bw_spinner_border.bw_danger,
-.bw_spinner_grow.bw_danger {
+.bw_spinner_border.bw_danger {
   background-color: transparent;
   color: #dc35a6;
-  border-color: currentColor;
+  border-color: #dc35a6;
+  border-right-color: transparent;
+}
+
+.bw_spinner_border.bw_danger:hover {
+  background-color: transparent;
+  border-color: #dc35a6;
+  border-right-color: transparent;
+}
+
+.bw_spinner_grow.bw_danger {
+  background-color: #dc35a6;
+  color: #dc35a6;
 }
 
 .bw_btn_outline.bw_danger {
@@ -3837,7 +4072,16 @@ a.bw_list_group_item:hover {
 }
 
 .bw_progress_bar.bw_danger {
-  color: #fff;
+  color: #000;
+}
+
+.bw_bg_danger {
+  background-color: #dc35a6;
+  color: #000;
+}
+
+.bw_text_danger {
+  color: #dc35a6;
 }
 
 .bw_warning {
@@ -3888,11 +4132,22 @@ a.bw_list_group_item:hover {
   box-shadow: 0 0 0 2px #8fb300;
 }
 
-.bw_spinner_border.bw_warning,
-.bw_spinner_grow.bw_warning {
+.bw_spinner_border.bw_warning {
   background-color: transparent;
   color: #8fb300;
-  border-color: currentColor;
+  border-color: #8fb300;
+  border-right-color: transparent;
+}
+
+.bw_spinner_border.bw_warning:hover {
+  background-color: transparent;
+  border-color: #8fb300;
+  border-right-color: transparent;
+}
+
+.bw_spinner_grow.bw_warning {
+  background-color: #8fb300;
+  color: #8fb300;
 }
 
 .bw_btn_outline.bw_warning {
@@ -3912,7 +4167,16 @@ a.bw_list_group_item:hover {
 }
 
 .bw_progress_bar.bw_warning {
-  color: #fff;
+  color: #000;
+}
+
+.bw_bg_warning {
+  background-color: #8fb300;
+  color: #000;
+}
+
+.bw_text_warning {
+  color: #8fb300;
 }
 
 .bw_info {
@@ -3963,11 +4227,22 @@ a.bw_list_group_item:hover {
   box-shadow: 0 0 0 2px #0898b2;
 }
 
-.bw_spinner_border.bw_info,
-.bw_spinner_grow.bw_info {
+.bw_spinner_border.bw_info {
   background-color: transparent;
   color: #0898b2;
-  border-color: currentColor;
+  border-color: #0898b2;
+  border-right-color: transparent;
+}
+
+.bw_spinner_border.bw_info:hover {
+  background-color: transparent;
+  border-color: #0898b2;
+  border-right-color: transparent;
+}
+
+.bw_spinner_grow.bw_info {
+  background-color: #0898b2;
+  color: #0898b2;
 }
 
 .bw_btn_outline.bw_info {
@@ -3987,7 +4262,16 @@ a.bw_list_group_item:hover {
 }
 
 .bw_progress_bar.bw_info {
-  color: #fff;
+  color: #000;
+}
+
+.bw_bg_info {
+  background-color: #0898b2;
+  color: #000;
+}
+
+.bw_text_info {
+  color: #0898b2;
 }
 
 .bw_light {
@@ -4013,7 +4297,7 @@ a.bw_list_group_item:hover {
 .bw_alert.bw_light {
   background-color: #fefefe;
   color: #8193a5;
-  border-color: #fcfdfd;
+  border-color: #c2cbd4;
 }
 
 .bw_toast.bw_light {
@@ -4038,11 +4322,22 @@ a.bw_list_group_item:hover {
   box-shadow: 0 0 0 2px #f8f9fa;
 }
 
-.bw_spinner_border.bw_light,
-.bw_spinner_grow.bw_light {
+.bw_spinner_border.bw_light {
   background-color: transparent;
   color: #f8f9fa;
-  border-color: currentColor;
+  border-color: #f8f9fa;
+  border-right-color: transparent;
+}
+
+.bw_spinner_border.bw_light:hover {
+  background-color: transparent;
+  border-color: #f8f9fa;
+  border-right-color: transparent;
+}
+
+.bw_spinner_grow.bw_light {
+  background-color: #f8f9fa;
+  color: #f8f9fa;
 }
 
 .bw_btn_outline.bw_light {
@@ -4062,7 +4357,16 @@ a.bw_list_group_item:hover {
 }
 
 .bw_progress_bar.bw_light {
-  color: #fff;
+  color: #000;
+}
+
+.bw_bg_light {
+  background-color: #f8f9fa;
+  color: #212529;
+}
+
+.bw_text_light {
+  color: #f8f9fa;
 }
 
 .bw_dark {
@@ -4113,11 +4417,22 @@ a.bw_list_group_item:hover {
   box-shadow: 0 0 0 2px #212529;
 }
 
-.bw_spinner_border.bw_dark,
-.bw_spinner_grow.bw_dark {
+.bw_spinner_border.bw_dark {
+  background-color: transparent;
+  color: #212529;
+  border-color: #212529;
+  border-right-color: transparent;
+}
+
+.bw_spinner_border.bw_dark:hover {
   background-color: transparent;
+  border-color: #212529;
+  border-right-color: transparent;
+}
+
+.bw_spinner_grow.bw_dark {
+  background-color: #212529;
   color: #212529;
-  border-color: currentColor;
 }
 
 .bw_btn_outline.bw_dark {
@@ -4140,6 +4455,15 @@ a.bw_list_group_item:hover {
   color: #fff;
 }
 
+.bw_bg_dark {
+  background-color: #212529;
+  color: #f8f9fa;
+}
+
+.bw_text_dark {
+  color: #212529;
+}
+
 .bw_text_muted {
   color: #6c757d;
 }