@quandis/qbo4.ui-bridge 4.0.1-CI-20241028-221209 → 4.0.1-CI-20241031-130254

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/package.json +2 -2
  2. package/wwwroot/css/ui-bridge.css +488 -191
  3. package/wwwroot/css/ui-bridge.css.map +1 -1
  4. package/wwwroot/css/ui-bridge.min.css +3 -3
  5. package/wwwroot/js/esm/ui-bridge.js +1254 -181
  6. package/wwwroot/js/esm/ui-bridge.min.js +93 -69
  7. package/wwwroot/js/esm/ui-bridge.min.js.LICENSE.txt +6 -0
  8. package/wwwroot/js/esm/ui-bridge.min.js.map +1 -1
  9. package/wwwroot/js/qbo4.ui-bridge.js +1271 -194
  10. package/wwwroot/js/qbo4.ui-bridge.min.js +93 -69
  11. package/wwwroot/js/qbo4.ui-bridge.min.js.LICENSE.txt +6 -0
  12. package/wwwroot/js/qbo4.ui-bridge.min.js.map +1 -1
package/wwwroot/css/ui-bridge.css CHANGED
@@ -800,7 +800,7 @@ div.qbo-container-layout,
800
800
  margin-top: var(--bs-gutter-y);
801
801
  }
802
802
 
803
- .col {
803
+ .col, qbo-card, .qbo-card {
804
804
  flex: 1 0 0%;
805
805
  }
806
806
 
@@ -839,27 +839,27 @@ div.qbo-container-layout,
839
839
  width: 16.66666667%;
840
840
  }
841
841
 
842
- .col-auto {
842
+ .col-auto, qbo-card[columns=auto] {
843
843
  flex: 0 0 auto;
844
844
  width: auto;
845
845
  }
846
846
 
847
- .col-1 {
847
+ .col-1, qbo-card[columns="1"] {
848
848
  flex: 0 0 auto;
849
849
  width: 8.33333333%;
850
850
  }
851
851
 
852
- .col-2 {
852
+ .col-2, qbo-card[columns="2"] {
853
853
  flex: 0 0 auto;
854
854
  width: 16.66666667%;
855
855
  }
856
856
 
857
- .col-3 {
857
+ .col-3, qbo-card[columns="3"] {
858
858
  flex: 0 0 auto;
859
859
  width: 25%;
860
860
  }
861
861
 
862
- .col-4 {
862
+ .col-4, qbo-card[columns="4"] {
863
863
  flex: 0 0 auto;
864
864
  width: 33.33333333%;
865
865
  }
@@ -869,37 +869,37 @@ div.qbo-container-layout,
869
869
  width: 41.66666667%;
870
870
  }
871
871
 
872
- .col-6 {
872
+ .col-6, qbo-card[columns="6"] {
873
873
  flex: 0 0 auto;
874
874
  width: 50%;
875
875
  }
876
876
 
877
- .col-7 {
877
+ .col-7, qbo-card[columns="7"] {
878
878
  flex: 0 0 auto;
879
879
  width: 58.33333333%;
880
880
  }
881
881
 
882
- .col-8 {
882
+ .col-8, qbo-card[columns="8"] {
883
883
  flex: 0 0 auto;
884
884
  width: 66.66666667%;
885
885
  }
886
886
 
887
- .col-9 {
887
+ .col-9, qbo-card[columns="9"] {
888
888
  flex: 0 0 auto;
889
889
  width: 75%;
890
890
  }
891
891
 
892
- .col-10 {
892
+ .col-10, qbo-card[columns="10"] {
893
893
  flex: 0 0 auto;
894
894
  width: 83.33333333%;
895
895
  }
896
896
 
897
- .col-11 {
897
+ .col-11, qbo-card[columns="11"] {
898
898
  flex: 0 0 auto;
899
899
  width: 91.66666667%;
900
900
  }
901
901
 
902
- .col-12 {
902
+ .col-12, qbo-card[columns="12"] {
903
903
  flex: 0 0 auto;
904
904
  width: 100%;
905
905
  }
@@ -2479,7 +2479,7 @@ div.qbo-form form > * > slot [data-bs-theme=dark] div > select.qbo-sm {
2479
2479
  clip: rect(0, 0, 0, 0);
2480
2480
  pointer-events: none;
2481
2481
  }
2482
- .btn-check[disabled] + .btn, .btn-check[disabled] + button.qbo-primary-dropdown, .btn-check[disabled] + button.qbo-secondary, .btn-check[disabled] + button.qbo-primary, .btn-check[disabled] + button.qbo-btn, .btn-check[disabled] + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > .btn-check[disabled] + button, .btn-check:disabled + .btn, .btn-check:disabled + button.qbo-primary-dropdown, .btn-check:disabled + button.qbo-secondary, .btn-check:disabled + button.qbo-primary, .btn-check:disabled + button.qbo-btn, .btn-check:disabled + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > .btn-check:disabled + button {
2482
+ .btn-check[disabled] + .btn, .btn-check[disabled] + button.qbo-primary-dropdown, .btn-check[disabled] + button.qbo-secondary, .btn-check[disabled] + button.qbo-primary, .btn-check[disabled] + button.qbo-btn, .btn-check[disabled] + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > .btn-check[disabled] + button, .btn-check[disabled] + qbo-icon[type=toggle], .btn-check[disabled] + qbo-icon[type=button], .btn-check:disabled + .btn, .btn-check:disabled + button.qbo-primary-dropdown, .btn-check:disabled + button.qbo-secondary, .btn-check:disabled + button.qbo-primary, .btn-check:disabled + button.qbo-btn, .btn-check:disabled + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > .btn-check:disabled + button, .btn-check:disabled + qbo-icon[type=toggle], .btn-check:disabled + qbo-icon[type=button] {
2483
2483
  pointer-events: none;
2484
2484
  filter: none;
2485
2485
  opacity: 0.65;
@@ -2757,11 +2757,11 @@ div.qbo-input-group > .form-floating:focus-within,
2757
2757
  .qbo-paginate li.pageSize > .form-floating:focus-within {
2758
2758
  z-index: 5;
2759
2759
  }
2760
- .input-group .btn, div.qbo-input-group .btn, .input-group button.qbo-primary-dropdown, div.qbo-input-group button.qbo-primary-dropdown, .input-group button.qbo-secondary, div.qbo-input-group button.qbo-secondary, .input-group button.qbo-primary, div.qbo-input-group button.qbo-primary, .input-group button.qbo-btn, div.qbo-input-group button.qbo-btn, .input-group .qbo-btn-light, div.qbo-input-group .qbo-btn-light, .input-group aside.qbo-sidebar > nav > ul > li > button, div.qbo-input-group aside.qbo-sidebar > nav > ul > li > button, .qbo-paginate li.pageSize .btn, .qbo-paginate li.pageSize button.qbo-primary-dropdown, .qbo-paginate li.pageSize button.qbo-secondary, .qbo-paginate li.pageSize button.qbo-primary, .qbo-paginate li.pageSize button.qbo-btn, .qbo-paginate li.pageSize .qbo-btn-light, .qbo-paginate li.pageSize aside.qbo-sidebar > nav > ul > li > button {
2760
+ .input-group .btn, div.qbo-input-group .btn, .input-group button.qbo-primary-dropdown, div.qbo-input-group button.qbo-primary-dropdown, .input-group button.qbo-secondary, div.qbo-input-group button.qbo-secondary, .input-group button.qbo-primary, div.qbo-input-group button.qbo-primary, .input-group button.qbo-btn, div.qbo-input-group button.qbo-btn, .input-group .qbo-btn-light, div.qbo-input-group .qbo-btn-light, .input-group aside.qbo-sidebar > nav > ul > li > button, div.qbo-input-group aside.qbo-sidebar > nav > ul > li > button, .qbo-paginate li.pageSize .btn, .qbo-paginate li.pageSize button.qbo-primary-dropdown, .qbo-paginate li.pageSize button.qbo-secondary, .qbo-paginate li.pageSize button.qbo-primary, .qbo-paginate li.pageSize button.qbo-btn, .qbo-paginate li.pageSize .qbo-btn-light, .qbo-paginate li.pageSize aside.qbo-sidebar > nav > ul > li > button, .input-group qbo-icon[type=toggle], div.qbo-input-group qbo-icon[type=toggle], .qbo-paginate li.pageSize qbo-icon[type=toggle], .input-group qbo-icon[type=button], div.qbo-input-group qbo-icon[type=button], .qbo-paginate li.pageSize qbo-icon[type=button] {
2761
2761
  position: relative;
2762
2762
  z-index: 2;
2763
2763
  }
2764
- .input-group .btn:focus, div.qbo-input-group .btn:focus, .input-group button.qbo-primary-dropdown:focus, div.qbo-input-group button.qbo-primary-dropdown:focus, .input-group button.qbo-secondary:focus, div.qbo-input-group button.qbo-secondary:focus, .input-group button.qbo-primary:focus, div.qbo-input-group button.qbo-primary:focus, .input-group button.qbo-btn:focus, div.qbo-input-group button.qbo-btn:focus, .input-group .qbo-btn-light:focus, div.qbo-input-group .qbo-btn-light:focus, .input-group aside.qbo-sidebar > nav > ul > li > button:focus, div.qbo-input-group aside.qbo-sidebar > nav > ul > li > button:focus, .qbo-paginate li.pageSize .btn:focus, .qbo-paginate li.pageSize button.qbo-primary-dropdown:focus, .qbo-paginate li.pageSize button.qbo-secondary:focus, .qbo-paginate li.pageSize button.qbo-primary:focus, .qbo-paginate li.pageSize button.qbo-btn:focus, .qbo-paginate li.pageSize .qbo-btn-light:focus, .qbo-paginate li.pageSize aside.qbo-sidebar > nav > ul > li > button:focus {
2764
+ .input-group .btn:focus, div.qbo-input-group .btn:focus, .input-group button.qbo-primary-dropdown:focus, div.qbo-input-group button.qbo-primary-dropdown:focus, .input-group button.qbo-secondary:focus, div.qbo-input-group button.qbo-secondary:focus, .input-group button.qbo-primary:focus, div.qbo-input-group button.qbo-primary:focus, .input-group button.qbo-btn:focus, div.qbo-input-group button.qbo-btn:focus, .input-group .qbo-btn-light:focus, div.qbo-input-group .qbo-btn-light:focus, .input-group aside.qbo-sidebar > nav > ul > li > button:focus, div.qbo-input-group aside.qbo-sidebar > nav > ul > li > button:focus, .qbo-paginate li.pageSize .btn:focus, .qbo-paginate li.pageSize button.qbo-primary-dropdown:focus, .qbo-paginate li.pageSize button.qbo-secondary:focus, .qbo-paginate li.pageSize button.qbo-primary:focus, .qbo-paginate li.pageSize button.qbo-btn:focus, .qbo-paginate li.pageSize .qbo-btn-light:focus, .qbo-paginate li.pageSize aside.qbo-sidebar > nav > ul > li > button:focus, .input-group qbo-icon[type=toggle]:focus, div.qbo-input-group qbo-icon[type=toggle]:focus, .qbo-paginate li.pageSize qbo-icon[type=toggle]:focus, .input-group qbo-icon[type=button]:focus, div.qbo-input-group qbo-icon[type=button]:focus, .qbo-paginate li.pageSize qbo-icon[type=button]:focus {
2765
2765
  z-index: 5;
2766
2766
  }
2767
2767
 
@@ -2794,7 +2794,9 @@ div.qbo-form form > * > slot div.input-group-lg > select.qbo-sm,
2794
2794
  .input-group-lg > button.qbo-primary,
2795
2795
  .input-group-lg > button.qbo-btn,
2796
2796
  .input-group-lg > .qbo-btn-light,
2797
- aside.qbo-sidebar > nav > ul > li.input-group-lg > button {
2797
+ aside.qbo-sidebar > nav > ul > li.input-group-lg > button,
2798
+ .input-group-lg > qbo-icon[type=toggle],
2799
+ .input-group-lg > qbo-icon[type=button] {
2798
2800
  padding: 0.5rem 1rem;
2799
2801
  font-size: 1.25rem;
2800
2802
  border-radius: var(--bs-border-radius-lg);
@@ -2840,7 +2842,13 @@ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > button.q
2840
2842
  aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > button.qbo-btn,
2841
2843
  aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .qbo-btn-light,
2842
2844
  .qbo-paginate.small aside.qbo-sidebar > nav > ul > li.pageSize > button,
2843
- aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate aside.qbo-sidebar > nav > ul > li.pageSize > button {
2845
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate aside.qbo-sidebar > nav > ul > li.pageSize > button,
2846
+ .input-group-sm > qbo-icon[type=toggle],
2847
+ .qbo-paginate.small li.pageSize > qbo-icon[type=toggle],
2848
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > qbo-icon[type=toggle],
2849
+ .input-group-sm > qbo-icon[type=button],
2850
+ .qbo-paginate.small li.pageSize > qbo-icon[type=button],
2851
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > qbo-icon[type=button] {
2844
2852
  padding: 0.25rem 0.5rem;
2845
2853
  font-size: 0.875rem;
2846
2854
  border-radius: var(--bs-border-radius-sm);
@@ -3232,7 +3240,7 @@ div.qbo-input-group > .form-floating:not(:focus-within).is-invalid,
3232
3240
  z-index: 4;
3233
3241
  }
3234
3242
 
3235
- .btn, button.qbo-primary-dropdown, button.qbo-secondary, button.qbo-primary, button.qbo-btn, .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button {
3243
+ .btn, button.qbo-primary-dropdown, button.qbo-secondary, button.qbo-primary, button.qbo-btn, .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button, qbo-icon[type=toggle], qbo-icon[type=button] {
3236
3244
  --bs-btn-padding-x: 0.75rem;
3237
3245
  --bs-btn-padding-y: 0.375rem;
3238
3246
  --bs-btn-font-family: ;
@@ -3268,44 +3276,44 @@ div.qbo-input-group > .form-floating:not(:focus-within).is-invalid,
3268
3276
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
3269
3277
  }
3270
3278
  @media (prefers-reduced-motion: reduce) {
3271
- .btn, button.qbo-primary-dropdown, button.qbo-secondary, button.qbo-primary, button.qbo-btn, .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button {
3279
+ .btn, button.qbo-primary-dropdown, button.qbo-secondary, button.qbo-primary, button.qbo-btn, .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button, qbo-icon[type=toggle], qbo-icon[type=button] {
3272
3280
  transition: none;
3273
3281
  }
3274
3282
  }
3275
- .btn:hover, button.qbo-primary-dropdown:hover, button.qbo-secondary:hover, button.qbo-primary:hover, button.qbo-btn:hover, .qbo-btn-light:hover, aside.qbo-sidebar > nav > ul > li > button:hover {
3283
+ .btn:hover, button.qbo-primary-dropdown:hover, button.qbo-secondary:hover, button.qbo-primary:hover, button.qbo-btn:hover, .qbo-btn-light:hover, aside.qbo-sidebar > nav > ul > li > button:hover, qbo-icon[type=toggle]:hover, qbo-icon[type=button]:hover {
3276
3284
  color: var(--bs-btn-hover-color);
3277
3285
  background-color: var(--bs-btn-hover-bg);
3278
3286
  border-color: var(--bs-btn-hover-border-color);
3279
3287
  }
3280
- .btn-check + .btn:hover, .btn-check + button.qbo-primary-dropdown:hover, .btn-check + button.qbo-secondary:hover, .btn-check + button.qbo-primary:hover, .btn-check + button.qbo-btn:hover, .btn-check + .qbo-btn-light:hover, aside.qbo-sidebar > nav > ul > li > .btn-check + button:hover {
3288
+ .btn-check + .btn:hover, .btn-check + button.qbo-primary-dropdown:hover, .btn-check + button.qbo-secondary:hover, .btn-check + button.qbo-primary:hover, .btn-check + button.qbo-btn:hover, .btn-check + .qbo-btn-light:hover, aside.qbo-sidebar > nav > ul > li > .btn-check + button:hover, .btn-check + qbo-icon[type=toggle]:hover, .btn-check + qbo-icon[type=button]:hover {
3281
3289
  color: var(--bs-btn-color);
3282
3290
  background-color: var(--bs-btn-bg);
3283
3291
  border-color: var(--bs-btn-border-color);
3284
3292
  }
3285
- .btn:focus-visible, button.qbo-primary-dropdown:focus-visible, button.qbo-secondary:focus-visible, button.qbo-primary:focus-visible, button.qbo-btn:focus-visible, .qbo-btn-light:focus-visible, aside.qbo-sidebar > nav > ul > li > button:focus-visible {
3293
+ .btn:focus-visible, button.qbo-primary-dropdown:focus-visible, button.qbo-secondary:focus-visible, button.qbo-primary:focus-visible, button.qbo-btn:focus-visible, .qbo-btn-light:focus-visible, aside.qbo-sidebar > nav > ul > li > button:focus-visible, qbo-icon[type=toggle]:focus-visible, qbo-icon[type=button]:focus-visible {
3286
3294
  color: var(--bs-btn-hover-color);
3287
3295
  background-color: var(--bs-btn-hover-bg);
3288
3296
  border-color: var(--bs-btn-hover-border-color);
3289
3297
  outline: 0;
3290
3298
  box-shadow: var(--bs-btn-focus-box-shadow);
3291
3299
  }
3292
- .btn-check:focus-visible + .btn, .btn-check:focus-visible + button.qbo-primary-dropdown, .btn-check:focus-visible + button.qbo-secondary, .btn-check:focus-visible + button.qbo-primary, .btn-check:focus-visible + button.qbo-btn, .btn-check:focus-visible + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > .btn-check:focus-visible + button {
3300
+ .btn-check:focus-visible + .btn, .btn-check:focus-visible + button.qbo-primary-dropdown, .btn-check:focus-visible + button.qbo-secondary, .btn-check:focus-visible + button.qbo-primary, .btn-check:focus-visible + button.qbo-btn, .btn-check:focus-visible + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > .btn-check:focus-visible + button, .btn-check:focus-visible + qbo-icon[type=toggle], .btn-check:focus-visible + qbo-icon[type=button] {
3293
3301
  border-color: var(--bs-btn-hover-border-color);
3294
3302
  outline: 0;
3295
3303
  box-shadow: var(--bs-btn-focus-box-shadow);
3296
3304
  }
3297
- .btn-check:checked + .btn, .btn-check:checked + button.qbo-primary-dropdown, .btn-check:checked + button.qbo-secondary, .btn-check:checked + button.qbo-primary, .btn-check:checked + button.qbo-btn, .btn-check:checked + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > .btn-check:checked + button, :not(.btn-check) + .btn:active, :not(.btn-check) + button.qbo-primary-dropdown:active, :not(.btn-check) + button.qbo-secondary:active, :not(.btn-check) + button.qbo-primary:active, :not(.btn-check) + button.qbo-btn:active, :not(.btn-check) + .qbo-btn-light:active, aside.qbo-sidebar > nav > ul > li > :not(.btn-check) + button:active, .btn:first-child:active, button.qbo-primary-dropdown:first-child:active, button.qbo-secondary:first-child:active, button.qbo-primary:first-child:active, button.qbo-btn:first-child:active, .qbo-btn-light:first-child:active, aside.qbo-sidebar > nav > ul > li > button:first-child:active, .btn.active, button.active.qbo-primary-dropdown, button.active.qbo-secondary, button.active.qbo-primary, button.active.qbo-btn, .active.qbo-btn-light, nav.qbo-breadcrumb > div > nav > ul > li.btn:last-child, nav.qbo-breadcrumb > div > nav > ul > li.qbo-btn-light:last-child, aside.qbo-sidebar > nav > ul > li > button.active, .qbo-paginate li.btn.active, .qbo-paginate li.active.qbo-btn-light, .btn.show, qbo-contextmenu > menu.btn, .qbo-context-menu > menu.btn, button.show.qbo-primary-dropdown, button.show.qbo-secondary, button.show.qbo-primary, button.show.qbo-btn, .show.qbo-btn-light, qbo-contextmenu > menu.qbo-btn-light, .qbo-context-menu > menu.qbo-btn-light, div.btn.qbo-show, div.qbo-show.qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button.show {
3305
+ .btn-check:checked + .btn, .btn-check:checked + button.qbo-primary-dropdown, .btn-check:checked + button.qbo-secondary, .btn-check:checked + button.qbo-primary, .btn-check:checked + button.qbo-btn, .btn-check:checked + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > .btn-check:checked + button, .btn-check:checked + qbo-icon[type=toggle], .btn-check:checked + qbo-icon[type=button], :not(.btn-check) + .btn:active, :not(.btn-check) + button.qbo-primary-dropdown:active, :not(.btn-check) + button.qbo-secondary:active, :not(.btn-check) + button.qbo-primary:active, :not(.btn-check) + button.qbo-btn:active, :not(.btn-check) + .qbo-btn-light:active, aside.qbo-sidebar > nav > ul > li > :not(.btn-check) + button:active, :not(.btn-check) + qbo-icon[type=toggle]:active, :not(.btn-check) + qbo-icon[type=button]:active, .btn:first-child:active, button.qbo-primary-dropdown:first-child:active, button.qbo-secondary:first-child:active, button.qbo-primary:first-child:active, button.qbo-btn:first-child:active, .qbo-btn-light:first-child:active, aside.qbo-sidebar > nav > ul > li > button:first-child:active, qbo-icon[type=toggle]:first-child:active, qbo-icon[type=button]:first-child:active, .btn.active, button.active.qbo-primary-dropdown, button.active.qbo-secondary, button.active.qbo-primary, button.active.qbo-btn, .active.qbo-btn-light, nav.qbo-breadcrumb > div > nav > ul > li.btn:last-child, nav.qbo-breadcrumb > div > nav > ul > li.qbo-btn-light:last-child, aside.qbo-sidebar > nav > ul > li > button.active, .qbo-paginate li.btn.active, .qbo-paginate li.active.qbo-btn-light, qbo-icon.btn[selected], qbo-icon[selected].qbo-btn-light, qbo-icon.active[type=toggle], qbo-icon[type=toggle][selected], qbo-icon.active[type=button], qbo-icon[type=button][selected], .btn.show, qbo-menu[type=context] > menu.btn, .qbo-menu-context > menu.btn, button.show.qbo-primary-dropdown, button.show.qbo-secondary, button.show.qbo-primary, button.show.qbo-btn, .show.qbo-btn-light, qbo-menu[type=context] > menu.qbo-btn-light, .qbo-menu-context > menu.qbo-btn-light, div.btn.qbo-show, div.qbo-show.qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button.show, qbo-icon.show[type=toggle], qbo-icon.show[type=button] {
3298
3306
  color: var(--bs-btn-active-color);
3299
3307
  background-color: var(--bs-btn-active-bg);
3300
3308
  border-color: var(--bs-btn-active-border-color);
3301
3309
  }
3302
- .btn-check:checked + .btn:focus-visible, .btn-check:checked + button.qbo-primary-dropdown:focus-visible, .btn-check:checked + button.qbo-secondary:focus-visible, .btn-check:checked + button.qbo-primary:focus-visible, .btn-check:checked + button.qbo-btn:focus-visible, .btn-check:checked + .qbo-btn-light:focus-visible, aside.qbo-sidebar > nav > ul > li > .btn-check:checked + button:focus-visible, :not(.btn-check) + .btn:active:focus-visible, :not(.btn-check) + button.qbo-primary-dropdown:active:focus-visible, :not(.btn-check) + button.qbo-secondary:active:focus-visible, :not(.btn-check) + button.qbo-primary:active:focus-visible, :not(.btn-check) + button.qbo-btn:active:focus-visible, :not(.btn-check) + .qbo-btn-light:active:focus-visible, aside.qbo-sidebar > nav > ul > li > :not(.btn-check) + button:active:focus-visible, .btn:first-child:active:focus-visible, button.qbo-primary-dropdown:first-child:active:focus-visible, button.qbo-secondary:first-child:active:focus-visible, button.qbo-primary:first-child:active:focus-visible, button.qbo-btn:first-child:active:focus-visible, .qbo-btn-light:first-child:active:focus-visible, aside.qbo-sidebar > nav > ul > li > button:first-child:active:focus-visible, .btn.active:focus-visible, button.active.qbo-primary-dropdown:focus-visible, button.active.qbo-secondary:focus-visible, button.active.qbo-primary:focus-visible, button.active.qbo-btn:focus-visible, .active.qbo-btn-light:focus-visible, nav.qbo-breadcrumb > div > nav > ul > li.btn:focus-visible:last-child, nav.qbo-breadcrumb > div > nav > ul > li.qbo-btn-light:focus-visible:last-child, aside.qbo-sidebar > nav > ul > li > button.active:focus-visible, .btn.show:focus-visible, qbo-contextmenu > menu.btn:focus-visible, .qbo-context-menu > menu.btn:focus-visible, button.show.qbo-primary-dropdown:focus-visible, button.show.qbo-secondary:focus-visible, button.show.qbo-primary:focus-visible, button.show.qbo-btn:focus-visible, .show.qbo-btn-light:focus-visible, qbo-contextmenu > menu.qbo-btn-light:focus-visible, .qbo-context-menu > menu.qbo-btn-light:focus-visible, div.btn.qbo-show:focus-visible, div.qbo-show.qbo-btn-light:focus-visible, aside.qbo-sidebar > nav > ul > li > button.show:focus-visible {
3310
+ .btn-check:checked + .btn:focus-visible, .btn-check:checked + button.qbo-primary-dropdown:focus-visible, .btn-check:checked + button.qbo-secondary:focus-visible, .btn-check:checked + button.qbo-primary:focus-visible, .btn-check:checked + button.qbo-btn:focus-visible, .btn-check:checked + .qbo-btn-light:focus-visible, aside.qbo-sidebar > nav > ul > li > .btn-check:checked + button:focus-visible, .btn-check:checked + qbo-icon[type=toggle]:focus-visible, .btn-check:checked + qbo-icon[type=button]:focus-visible, :not(.btn-check) + .btn:active:focus-visible, :not(.btn-check) + button.qbo-primary-dropdown:active:focus-visible, :not(.btn-check) + button.qbo-secondary:active:focus-visible, :not(.btn-check) + button.qbo-primary:active:focus-visible, :not(.btn-check) + button.qbo-btn:active:focus-visible, :not(.btn-check) + .qbo-btn-light:active:focus-visible, aside.qbo-sidebar > nav > ul > li > :not(.btn-check) + button:active:focus-visible, :not(.btn-check) + qbo-icon[type=toggle]:active:focus-visible, :not(.btn-check) + qbo-icon[type=button]:active:focus-visible, .btn:first-child:active:focus-visible, button.qbo-primary-dropdown:first-child:active:focus-visible, button.qbo-secondary:first-child:active:focus-visible, button.qbo-primary:first-child:active:focus-visible, button.qbo-btn:first-child:active:focus-visible, .qbo-btn-light:first-child:active:focus-visible, aside.qbo-sidebar > nav > ul > li > button:first-child:active:focus-visible, qbo-icon[type=toggle]:first-child:active:focus-visible, qbo-icon[type=button]:first-child:active:focus-visible, .btn.active:focus-visible, button.active.qbo-primary-dropdown:focus-visible, button.active.qbo-secondary:focus-visible, button.active.qbo-primary:focus-visible, button.active.qbo-btn:focus-visible, .active.qbo-btn-light:focus-visible, nav.qbo-breadcrumb > div > nav > ul > li.btn:focus-visible:last-child, nav.qbo-breadcrumb > div > nav > ul > li.qbo-btn-light:focus-visible:last-child, aside.qbo-sidebar > nav > ul > li > button.active:focus-visible, qbo-icon.btn[selected]:focus-visible, qbo-icon[selected].qbo-btn-light:focus-visible, qbo-icon.active[type=toggle]:focus-visible, qbo-icon[type=toggle][selected]:focus-visible, qbo-icon.active[type=button]:focus-visible, qbo-icon[type=button][selected]:focus-visible, .btn.show:focus-visible, qbo-menu[type=context] > menu.btn:focus-visible, .qbo-menu-context > menu.btn:focus-visible, button.show.qbo-primary-dropdown:focus-visible, button.show.qbo-secondary:focus-visible, button.show.qbo-primary:focus-visible, button.show.qbo-btn:focus-visible, .show.qbo-btn-light:focus-visible, qbo-menu[type=context] > menu.qbo-btn-light:focus-visible, .qbo-menu-context > menu.qbo-btn-light:focus-visible, div.btn.qbo-show:focus-visible, div.qbo-show.qbo-btn-light:focus-visible, aside.qbo-sidebar > nav > ul > li > button.show:focus-visible, qbo-icon.show[type=toggle]:focus-visible, qbo-icon.show[type=button]:focus-visible {
3303
3311
  box-shadow: var(--bs-btn-focus-box-shadow);
3304
3312
  }
3305
- .btn-check:checked:focus-visible + .btn, .btn-check:checked:focus-visible + button.qbo-primary-dropdown, .btn-check:checked:focus-visible + button.qbo-secondary, .btn-check:checked:focus-visible + button.qbo-primary, .btn-check:checked:focus-visible + button.qbo-btn, .btn-check:checked:focus-visible + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > .btn-check:checked:focus-visible + button {
3313
+ .btn-check:checked:focus-visible + .btn, .btn-check:checked:focus-visible + button.qbo-primary-dropdown, .btn-check:checked:focus-visible + button.qbo-secondary, .btn-check:checked:focus-visible + button.qbo-primary, .btn-check:checked:focus-visible + button.qbo-btn, .btn-check:checked:focus-visible + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > .btn-check:checked:focus-visible + button, .btn-check:checked:focus-visible + qbo-icon[type=toggle], .btn-check:checked:focus-visible + qbo-icon[type=button] {
3306
3314
  box-shadow: var(--bs-btn-focus-box-shadow);
3307
3315
  }
3308
- .btn:disabled, button.qbo-primary-dropdown:disabled, button.qbo-secondary:disabled, button.qbo-primary:disabled, button.qbo-btn:disabled, .qbo-btn-light:disabled, aside.qbo-sidebar > nav > ul > li > button:disabled, .btn.disabled, button.disabled.qbo-primary-dropdown, button.disabled.qbo-secondary, button.disabled.qbo-primary, button.disabled.qbo-btn, .disabled.qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button.disabled, .qbo-paginate li.btn.disabled, .qbo-paginate li.disabled.qbo-btn-light, fieldset:disabled .btn, fieldset:disabled button.qbo-primary-dropdown, fieldset:disabled button.qbo-secondary, fieldset:disabled button.qbo-primary, fieldset:disabled button.qbo-btn, fieldset:disabled .qbo-btn-light, fieldset:disabled aside.qbo-sidebar > nav > ul > li > button {
3316
+ .btn:disabled, button.qbo-primary-dropdown:disabled, button.qbo-secondary:disabled, button.qbo-primary:disabled, button.qbo-btn:disabled, .qbo-btn-light:disabled, aside.qbo-sidebar > nav > ul > li > button:disabled, qbo-icon[type=toggle]:disabled, qbo-icon[type=button]:disabled, .btn.disabled, button.disabled.qbo-primary-dropdown, button.disabled.qbo-secondary, button.disabled.qbo-primary, button.disabled.qbo-btn, .disabled.qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button.disabled, .qbo-paginate li.btn.disabled, .qbo-paginate li.disabled.qbo-btn-light, qbo-icon.disabled[type=toggle], qbo-icon.disabled[type=button], fieldset:disabled .btn, fieldset:disabled button.qbo-primary-dropdown, fieldset:disabled button.qbo-secondary, fieldset:disabled button.qbo-primary, fieldset:disabled button.qbo-btn, fieldset:disabled .qbo-btn-light, fieldset:disabled aside.qbo-sidebar > nav > ul > li > button, fieldset:disabled qbo-icon[type=toggle], fieldset:disabled qbo-icon[type=button] {
3309
3317
  color: var(--bs-btn-disabled-color);
3310
3318
  pointer-events: none;
3311
3319
  background-color: var(--bs-btn-disabled-bg);
@@ -3607,14 +3615,14 @@ div.qbo-input-group > .form-floating:not(:focus-within).is-invalid,
3607
3615
  color: var(--bs-btn-hover-color);
3608
3616
  }
3609
3617
 
3610
- .btn-lg, .btn-group-lg > .btn, .btn-group-lg > button.qbo-primary-dropdown, .btn-group-lg > button.qbo-secondary, .btn-group-lg > button.qbo-primary, .btn-group-lg > button.qbo-btn, .btn-group-lg > .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-lg > button {
3618
+ .btn-lg, .btn-group-lg > .btn, .btn-group-lg > button.qbo-primary-dropdown, .btn-group-lg > button.qbo-secondary, .btn-group-lg > button.qbo-primary, .btn-group-lg > button.qbo-btn, .btn-group-lg > .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-lg > button, .btn-group-lg > qbo-icon[type=toggle], .btn-group-lg > qbo-icon[type=button] {
3611
3619
  --bs-btn-padding-y: 0.5rem;
3612
3620
  --bs-btn-padding-x: 1rem;
3613
3621
  --bs-btn-font-size: 1.25rem;
3614
3622
  --bs-btn-border-radius: var(--bs-border-radius-lg);
3615
3623
  }
3616
3624
 
3617
- .btn-sm, .btn-group-sm > .btn, .btn-group-sm > button.qbo-primary-dropdown, .btn-group-sm > button.qbo-secondary, .btn-group-sm > button.qbo-primary, .btn-group-sm > button.qbo-btn, .btn-group-sm > .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-sm > button {
3625
+ .btn-sm, .btn-group-sm > .btn, .btn-group-sm > button.qbo-primary-dropdown, .btn-group-sm > button.qbo-secondary, .btn-group-sm > button.qbo-primary, .btn-group-sm > button.qbo-btn, .btn-group-sm > .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-sm > button, .btn-group-sm > qbo-icon[type=toggle], .btn-group-sm > qbo-icon[type=button] {
3618
3626
  --bs-btn-padding-y: 0.25rem;
3619
3627
  --bs-btn-padding-x: 0.5rem;
3620
3628
  --bs-btn-font-size: 0.875rem;
@@ -3685,7 +3693,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3685
3693
  margin-left: 0;
3686
3694
  }
3687
3695
 
3688
- .dropdown-menu, qbo-contextmenu > ul, .qbo-context-menu > ul, qbo-contextmenu > menu, .qbo-context-menu > menu {
3696
+ .dropdown-menu, qbo-menu[type=context] > ul, .qbo-menu-context > ul, qbo-menu[type=context] > menu, .qbo-menu-context > menu {
3689
3697
  --bs-dropdown-zindex: 1000;
3690
3698
  --bs-dropdown-min-width: 10rem;
3691
3699
  --bs-dropdown-padding-x: 0;
@@ -3727,7 +3735,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3727
3735
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
3728
3736
  border-radius: var(--bs-dropdown-border-radius);
3729
3737
  }
3730
- .dropdown-menu[data-bs-popper], qbo-contextmenu > ul[data-bs-popper], .qbo-context-menu > ul[data-bs-popper], qbo-contextmenu > menu[data-bs-popper], .qbo-context-menu > menu[data-bs-popper] {
3738
+ .dropdown-menu[data-bs-popper], qbo-menu[type=context] > ul[data-bs-popper], .qbo-menu-context > ul[data-bs-popper], qbo-menu[type=context] > menu[data-bs-popper], .qbo-menu-context > menu[data-bs-popper] {
3731
3739
  top: 100%;
3732
3740
  left: 0;
3733
3741
  margin-top: var(--bs-dropdown-spacer);
@@ -3829,7 +3837,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3829
3837
  left: auto;
3830
3838
  }
3831
3839
  }
3832
- .dropup .dropdown-menu[data-bs-popper], .dropup qbo-contextmenu > ul[data-bs-popper], .dropup .qbo-context-menu > ul[data-bs-popper], .dropup qbo-contextmenu > menu[data-bs-popper], .dropup .qbo-context-menu > menu[data-bs-popper] {
3840
+ .dropup .dropdown-menu[data-bs-popper], .dropup qbo-menu[type=context] > ul[data-bs-popper], .dropup .qbo-menu-context > ul[data-bs-popper], .dropup qbo-menu[type=context] > menu[data-bs-popper], .dropup .qbo-menu-context > menu[data-bs-popper] {
3833
3841
  top: auto;
3834
3842
  bottom: 100%;
3835
3843
  margin-top: 0;
@@ -3849,7 +3857,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3849
3857
  margin-left: 0;
3850
3858
  }
3851
3859
 
3852
- .dropend .dropdown-menu[data-bs-popper], .dropend qbo-contextmenu > ul[data-bs-popper], .dropend .qbo-context-menu > ul[data-bs-popper], .dropend qbo-contextmenu > menu[data-bs-popper], .dropend .qbo-context-menu > menu[data-bs-popper] {
3860
+ .dropend .dropdown-menu[data-bs-popper], .dropend qbo-menu[type=context] > ul[data-bs-popper], .dropend .qbo-menu-context > ul[data-bs-popper], .dropend qbo-menu[type=context] > menu[data-bs-popper], .dropend .qbo-menu-context > menu[data-bs-popper] {
3853
3861
  top: 0;
3854
3862
  right: auto;
3855
3863
  left: 100%;
@@ -3873,7 +3881,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3873
3881
  vertical-align: 0;
3874
3882
  }
3875
3883
 
3876
- .dropstart .dropdown-menu[data-bs-popper], .dropstart qbo-contextmenu > ul[data-bs-popper], .dropstart .qbo-context-menu > ul[data-bs-popper], .dropstart qbo-contextmenu > menu[data-bs-popper], .dropstart .qbo-context-menu > menu[data-bs-popper] {
3884
+ .dropstart .dropdown-menu[data-bs-popper], .dropstart qbo-menu[type=context] > ul[data-bs-popper], .dropstart .qbo-menu-context > ul[data-bs-popper], .dropstart qbo-menu[type=context] > menu[data-bs-popper], .dropstart .qbo-menu-context > menu[data-bs-popper] {
3877
3885
  top: 0;
3878
3886
  right: 100%;
3879
3887
  left: auto;
@@ -3913,7 +3921,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3913
3921
  opacity: 1;
3914
3922
  }
3915
3923
 
3916
- .dropdown-item, qbo-contextmenu li, .qbo-context-menu li, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item {
3924
+ .dropdown-item, qbo-menu[type=context] li, .qbo-menu-context li, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item {
3917
3925
  display: block;
3918
3926
  width: 100%;
3919
3927
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
@@ -3927,22 +3935,22 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3927
3935
  border: 0;
3928
3936
  border-radius: var(--bs-dropdown-item-border-radius, 0);
3929
3937
  }
3930
- .dropdown-item:hover, qbo-contextmenu li:hover, .qbo-context-menu li:hover, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:hover, .dropdown-item:focus, qbo-contextmenu li:focus, .qbo-context-menu li:focus, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:focus {
3938
+ .dropdown-item:hover, qbo-menu[type=context] li:hover, .qbo-menu-context li:hover, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:hover, .dropdown-item:focus, qbo-menu[type=context] li:focus, .qbo-menu-context li:focus, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:focus {
3931
3939
  color: var(--bs-dropdown-link-hover-color);
3932
3940
  background-color: var(--bs-dropdown-link-hover-bg);
3933
3941
  }
3934
- .dropdown-item.active, qbo-contextmenu li.active, .qbo-context-menu li.active, nav.qbo-mainmenu > div > div > ul li > a.active.qbo-dropdown-item, nav.qbo-breadcrumb > div > nav > ul > li.dropdown-item:last-child, qbo-contextmenu nav.qbo-breadcrumb > div > nav > ul > li:last-child, .qbo-context-menu nav.qbo-breadcrumb > div > nav > ul > li:last-child, .qbo-paginate li.dropdown-item.active, .qbo-paginate qbo-contextmenu li.active, qbo-contextmenu .qbo-paginate li.active, .dropdown-item:active, qbo-contextmenu li:active, .qbo-context-menu li:active, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:active {
3942
+ .dropdown-item.active, qbo-menu[type=context] li.active, .qbo-menu-context li.active, nav.qbo-mainmenu > div > div > ul li > a.active.qbo-dropdown-item, nav.qbo-breadcrumb > div > nav > ul > li.dropdown-item:last-child, qbo-menu[type=context] nav.qbo-breadcrumb > div > nav > ul > li:last-child, .qbo-menu-context nav.qbo-breadcrumb > div > nav > ul > li:last-child, .qbo-paginate li.dropdown-item.active, qbo-icon.dropdown-item[selected], .dropdown-item:active, qbo-menu[type=context] li:active, .qbo-menu-context li:active, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:active {
3935
3943
  color: var(--bs-dropdown-link-active-color);
3936
3944
  text-decoration: none;
3937
3945
  background-color: var(--bs-dropdown-link-active-bg);
3938
3946
  }
3939
- .dropdown-item.disabled, qbo-contextmenu li.disabled, .qbo-context-menu li.disabled, nav.qbo-mainmenu > div > div > ul li > a.disabled.qbo-dropdown-item, .qbo-paginate li.dropdown-item.disabled, .qbo-paginate qbo-contextmenu li.disabled, qbo-contextmenu .qbo-paginate li.disabled, .dropdown-item:disabled, qbo-contextmenu li:disabled, .qbo-context-menu li:disabled, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:disabled {
3947
+ .dropdown-item.disabled, qbo-menu[type=context] li.disabled, .qbo-menu-context li.disabled, nav.qbo-mainmenu > div > div > ul li > a.disabled.qbo-dropdown-item, .qbo-paginate li.dropdown-item.disabled, .dropdown-item:disabled, qbo-menu[type=context] li:disabled, .qbo-menu-context li:disabled, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:disabled {
3940
3948
  color: var(--bs-dropdown-link-disabled-color);
3941
3949
  pointer-events: none;
3942
3950
  background-color: transparent;
3943
3951
  }
3944
3952
 
3945
- .dropdown-menu.show, qbo-contextmenu > ul.show, .qbo-context-menu > ul.show, qbo-contextmenu > menu, .qbo-context-menu > menu, div.dropdown-menu.qbo-show {
3953
+ .dropdown-menu.show, qbo-menu[type=context] > ul.show, .qbo-menu-context > ul.show, .qbo-menu-context > menu.dropdown-menu, qbo-menu[type=context] > menu, .qbo-menu-context > menu.show, .qbo-menu-context > menu, div.dropdown-menu.qbo-show {
3946
3954
  display: block;
3947
3955
  }
3948
3956
 
@@ -3982,18 +3990,20 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3982
3990
  display: inline-flex;
3983
3991
  vertical-align: middle;
3984
3992
  }
3985
- .btn-group > .btn, .btn-group > button.qbo-primary-dropdown, .btn-group > button.qbo-secondary, .btn-group > button.qbo-primary, .btn-group > button.qbo-btn, .btn-group > .qbo-btn-light, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary-dropdown, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-secondary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group > button,
3993
+ .btn-group > .btn, .btn-group > button.qbo-primary-dropdown, .btn-group > button.qbo-secondary, .btn-group > button.qbo-primary, .btn-group > button.qbo-btn, .btn-group > .qbo-btn-light, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary-dropdown, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-secondary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group > button, .btn-group > qbo-icon[type=toggle], div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=toggle], .btn-group > qbo-icon[type=button], div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=button],
3986
3994
  .btn-group-vertical > .btn,
3987
3995
  .btn-group-vertical > button.qbo-primary-dropdown,
3988
3996
  .btn-group-vertical > button.qbo-secondary,
3989
3997
  .btn-group-vertical > button.qbo-primary,
3990
3998
  .btn-group-vertical > button.qbo-btn,
3991
3999
  .btn-group-vertical > .qbo-btn-light,
3992
- aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button {
4000
+ aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button,
4001
+ .btn-group-vertical > qbo-icon[type=toggle],
4002
+ .btn-group-vertical > qbo-icon[type=button] {
3993
4003
  position: relative;
3994
4004
  flex: 1 1 auto;
3995
4005
  }
3996
- .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:checked + button.qbo-primary-dropdown, .btn-group > .btn-check:checked + button.qbo-secondary, .btn-group > .btn-check:checked + button.qbo-primary, .btn-group > .btn-check:checked + button.qbo-btn, .btn-group > .btn-check:checked + .qbo-btn-light, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + .btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + button.qbo-primary-dropdown, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + button.qbo-secondary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + button.qbo-primary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + button.qbo-btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group > .btn-check:checked + button,
4006
+ .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:checked + button.qbo-primary-dropdown, .btn-group > .btn-check:checked + button.qbo-secondary, .btn-group > .btn-check:checked + button.qbo-primary, .btn-group > .btn-check:checked + button.qbo-btn, .btn-group > .btn-check:checked + .qbo-btn-light, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + .btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + button.qbo-primary-dropdown, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + button.qbo-secondary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + button.qbo-primary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + button.qbo-btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group > .btn-check:checked + button, .btn-group > .btn-check:checked + qbo-icon[type=toggle], div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + qbo-icon[type=toggle], .btn-group > .btn-check:checked + qbo-icon[type=button], div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:checked + qbo-icon[type=button],
3997
4007
  .btn-group > .btn-check:focus + .btn,
3998
4008
  .btn-group > .btn-check:focus + button.qbo-primary-dropdown,
3999
4009
  .btn-group > .btn-check:focus + button.qbo-secondary,
@@ -4007,6 +4017,10 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group
4007
4017
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:focus + button.qbo-btn,
4008
4018
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:focus + .qbo-btn-light,
4009
4019
  aside.qbo-sidebar > nav > ul > li.btn-group > .btn-check:focus + button,
4020
+ .btn-group > .btn-check:focus + qbo-icon[type=toggle],
4021
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:focus + qbo-icon[type=toggle],
4022
+ .btn-group > .btn-check:focus + qbo-icon[type=button],
4023
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-check:focus + qbo-icon[type=button],
4010
4024
  .btn-group > .btn:hover,
4011
4025
  .btn-group > button.qbo-primary-dropdown:hover,
4012
4026
  .btn-group > button.qbo-secondary:hover,
@@ -4020,6 +4034,10 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group
4020
4034
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-btn:hover,
4021
4035
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .qbo-btn-light:hover,
4022
4036
  aside.qbo-sidebar > nav > ul > li.btn-group > button:hover,
4037
+ .btn-group > qbo-icon[type=toggle]:hover,
4038
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=toggle]:hover,
4039
+ .btn-group > qbo-icon[type=button]:hover,
4040
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=button]:hover,
4023
4041
  .btn-group > .btn:focus,
4024
4042
  .btn-group > button.qbo-primary-dropdown:focus,
4025
4043
  .btn-group > button.qbo-secondary:focus,
@@ -4033,6 +4051,10 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group
4033
4051
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-btn:focus,
4034
4052
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .qbo-btn-light:focus,
4035
4053
  aside.qbo-sidebar > nav > ul > li.btn-group > button:focus,
4054
+ .btn-group > qbo-icon[type=toggle]:focus,
4055
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=toggle]:focus,
4056
+ .btn-group > qbo-icon[type=button]:focus,
4057
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=button]:focus,
4036
4058
  .btn-group > .btn:active,
4037
4059
  .btn-group > button.qbo-primary-dropdown:active,
4038
4060
  .btn-group > button.qbo-secondary:active,
@@ -4046,6 +4068,10 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group
4046
4068
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-btn:active,
4047
4069
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .qbo-btn-light:active,
4048
4070
  aside.qbo-sidebar > nav > ul > li.btn-group > button:active,
4071
+ .btn-group > qbo-icon[type=toggle]:active,
4072
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=toggle]:active,
4073
+ .btn-group > qbo-icon[type=button]:active,
4074
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=button]:active,
4049
4075
  .btn-group > .btn.active,
4050
4076
  .btn-group > button.active.qbo-primary-dropdown,
4051
4077
  .btn-group > button.active.qbo-secondary,
@@ -4061,6 +4087,18 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group
4061
4087
  nav.qbo-breadcrumb > div > nav > ul.btn-group > li.btn:last-child,
4062
4088
  nav.qbo-breadcrumb > div > nav > ul.btn-group > li.qbo-btn-light:last-child,
4063
4089
  aside.qbo-sidebar > nav > ul > li.btn-group > button.active,
4090
+ .btn-group > qbo-icon.btn[selected],
4091
+ .btn-group > qbo-icon[selected].qbo-btn-light,
4092
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon.btn[selected],
4093
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[selected].qbo-btn-light,
4094
+ .btn-group > qbo-icon.active[type=toggle],
4095
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon.active[type=toggle],
4096
+ .btn-group > qbo-icon[type=toggle][selected],
4097
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=toggle][selected],
4098
+ .btn-group > qbo-icon.active[type=button],
4099
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon.active[type=button],
4100
+ .btn-group > qbo-icon[type=button][selected],
4101
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=button][selected],
4064
4102
  .btn-group-vertical > .btn-check:checked + .btn,
4065
4103
  .btn-group-vertical > .btn-check:checked + button.qbo-primary-dropdown,
4066
4104
  .btn-group-vertical > .btn-check:checked + button.qbo-secondary,
@@ -4068,6 +4106,8 @@ aside.qbo-sidebar > nav > ul > li.btn-group > button.active,
4068
4106
  .btn-group-vertical > .btn-check:checked + button.qbo-btn,
4069
4107
  .btn-group-vertical > .btn-check:checked + .qbo-btn-light,
4070
4108
  aside.qbo-sidebar > nav > ul > li.btn-group-vertical > .btn-check:checked + button,
4109
+ .btn-group-vertical > .btn-check:checked + qbo-icon[type=toggle],
4110
+ .btn-group-vertical > .btn-check:checked + qbo-icon[type=button],
4071
4111
  .btn-group-vertical > .btn-check:focus + .btn,
4072
4112
  .btn-group-vertical > .btn-check:focus + button.qbo-primary-dropdown,
4073
4113
  .btn-group-vertical > .btn-check:focus + button.qbo-secondary,
@@ -4075,6 +4115,8 @@ aside.qbo-sidebar > nav > ul > li.btn-group-vertical > .btn-check:checked + butt
4075
4115
  .btn-group-vertical > .btn-check:focus + button.qbo-btn,
4076
4116
  .btn-group-vertical > .btn-check:focus + .qbo-btn-light,
4077
4117
  aside.qbo-sidebar > nav > ul > li.btn-group-vertical > .btn-check:focus + button,
4118
+ .btn-group-vertical > .btn-check:focus + qbo-icon[type=toggle],
4119
+ .btn-group-vertical > .btn-check:focus + qbo-icon[type=button],
4078
4120
  .btn-group-vertical > .btn:hover,
4079
4121
  .btn-group-vertical > button.qbo-primary-dropdown:hover,
4080
4122
  .btn-group-vertical > button.qbo-secondary:hover,
@@ -4082,6 +4124,8 @@ aside.qbo-sidebar > nav > ul > li.btn-group-vertical > .btn-check:focus + button
4082
4124
  .btn-group-vertical > button.qbo-btn:hover,
4083
4125
  .btn-group-vertical > .qbo-btn-light:hover,
4084
4126
  aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button:hover,
4127
+ .btn-group-vertical > qbo-icon[type=toggle]:hover,
4128
+ .btn-group-vertical > qbo-icon[type=button]:hover,
4085
4129
  .btn-group-vertical > .btn:focus,
4086
4130
  .btn-group-vertical > button.qbo-primary-dropdown:focus,
4087
4131
  .btn-group-vertical > button.qbo-secondary:focus,
@@ -4089,6 +4133,8 @@ aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button:hover,
4089
4133
  .btn-group-vertical > button.qbo-btn:focus,
4090
4134
  .btn-group-vertical > .qbo-btn-light:focus,
4091
4135
  aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button:focus,
4136
+ .btn-group-vertical > qbo-icon[type=toggle]:focus,
4137
+ .btn-group-vertical > qbo-icon[type=button]:focus,
4092
4138
  .btn-group-vertical > .btn:active,
4093
4139
  .btn-group-vertical > button.qbo-primary-dropdown:active,
4094
4140
  .btn-group-vertical > button.qbo-secondary:active,
@@ -4096,6 +4142,8 @@ aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button:focus,
4096
4142
  .btn-group-vertical > button.qbo-btn:active,
4097
4143
  .btn-group-vertical > .qbo-btn-light:active,
4098
4144
  aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button:active,
4145
+ .btn-group-vertical > qbo-icon[type=toggle]:active,
4146
+ .btn-group-vertical > qbo-icon[type=button]:active,
4099
4147
  .btn-group-vertical > .btn.active,
4100
4148
  .btn-group-vertical > button.active.qbo-primary-dropdown,
4101
4149
  .btn-group-vertical > button.active.qbo-secondary,
@@ -4104,7 +4152,13 @@ aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button:active,
4104
4152
  .btn-group-vertical > .active.qbo-btn-light,
4105
4153
  nav.qbo-breadcrumb > div > nav > ul.btn-group-vertical > li.btn:last-child,
4106
4154
  nav.qbo-breadcrumb > div > nav > ul.btn-group-vertical > li.qbo-btn-light:last-child,
4107
- aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button.active {
4155
+ aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button.active,
4156
+ .btn-group-vertical > qbo-icon.btn[selected],
4157
+ .btn-group-vertical > qbo-icon[selected].qbo-btn-light,
4158
+ .btn-group-vertical > qbo-icon.active[type=toggle],
4159
+ .btn-group-vertical > qbo-icon[type=toggle][selected],
4160
+ .btn-group-vertical > qbo-icon.active[type=button],
4161
+ .btn-group-vertical > qbo-icon[type=button][selected] {
4108
4162
  z-index: 1;
4109
4163
  }
4110
4164
 
@@ -4120,14 +4174,14 @@ aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button.active {
4120
4174
  .btn-group, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group {
4121
4175
  border-radius: var(--bs-border-radius);
4122
4176
  }
4123
- .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > :not(.btn-check:first-child) + button.qbo-primary-dropdown, .btn-group > :not(.btn-check:first-child) + button.qbo-secondary, .btn-group > :not(.btn-check:first-child) + button.qbo-primary, .btn-group > :not(.btn-check:first-child) + button.qbo-btn, .btn-group > :not(.btn-check:first-child) + .qbo-btn-light, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + .btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + button.qbo-primary-dropdown, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + button.qbo-secondary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + button.qbo-primary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + button.qbo-btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group > :not(.btn-check:first-child) + button,
4177
+ .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > :not(.btn-check:first-child) + button.qbo-primary-dropdown, .btn-group > :not(.btn-check:first-child) + button.qbo-secondary, .btn-group > :not(.btn-check:first-child) + button.qbo-primary, .btn-group > :not(.btn-check:first-child) + button.qbo-btn, .btn-group > :not(.btn-check:first-child) + .qbo-btn-light, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + .btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + button.qbo-primary-dropdown, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + button.qbo-secondary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + button.qbo-primary, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + button.qbo-btn, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group > :not(.btn-check:first-child) + button, .btn-group > :not(.btn-check:first-child) + qbo-icon[type=toggle], div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + qbo-icon[type=toggle], .btn-group > :not(.btn-check:first-child) + qbo-icon[type=button], div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check:first-child) + qbo-icon[type=button],
4124
4178
  .btn-group > .btn-group:not(:first-child),
4125
4179
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-group:not(:first-child),
4126
4180
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group > div.qbo-btn-group:not(:first-child),
4127
4181
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > div.qbo-btn-group:not(:first-child) {
4128
4182
  margin-left: calc(var(--bs-border-width) * -1);
4129
4183
  }
4130
- .btn-group > .btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > button.qbo-primary-dropdown:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > button.qbo-secondary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > button.qbo-primary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > button.qbo-btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > .qbo-btn-light:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary-dropdown:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-secondary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .qbo-btn-light:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), aside.qbo-sidebar > nav > ul > li.btn-group > button:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown),
4184
+ .btn-group > .btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > button.qbo-primary-dropdown:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > button.qbo-secondary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > button.qbo-primary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > button.qbo-btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > .qbo-btn-light:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary-dropdown:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-secondary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .qbo-btn-light:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), aside.qbo-sidebar > nav > ul > li.btn-group > button:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > qbo-icon[type=toggle]:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=toggle]:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group > qbo-icon[type=button]:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=button]:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown),
4131
4185
  .btn-group > .btn.dropdown-toggle-split:first-child,
4132
4186
  .btn-group > button.qbo-primary-dropdown:first-child,
4133
4187
  .btn-group > button.dropdown-toggle-split.qbo-secondary:first-child,
@@ -4141,6 +4195,10 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group
4141
4195
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.dropdown-toggle-split.qbo-btn:first-child,
4142
4196
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .dropdown-toggle-split.qbo-btn-light:first-child,
4143
4197
  aside.qbo-sidebar > nav > ul > li.btn-group > button.dropdown-toggle-split:first-child,
4198
+ .btn-group > qbo-icon.dropdown-toggle-split[type=toggle]:first-child,
4199
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon.dropdown-toggle-split[type=toggle]:first-child,
4200
+ .btn-group > qbo-icon.dropdown-toggle-split[type=button]:first-child,
4201
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon.dropdown-toggle-split[type=button]:first-child,
4144
4202
  .btn-group > .btn-group:not(:last-child) > .btn,
4145
4203
  .btn-group > .btn-group:not(:last-child) > button.qbo-primary-dropdown,
4146
4204
  .btn-group > .btn-group:not(:last-child) > button.qbo-secondary,
@@ -4165,11 +4223,19 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group
4165
4223
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > div.qbo-btn-group:not(:last-child) > button.qbo-primary,
4166
4224
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > div.qbo-btn-group:not(:last-child) > button.qbo-btn,
4167
4225
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > div.qbo-btn-group:not(:last-child) > .qbo-btn-light,
4168
- aside.qbo-sidebar > nav > ul.btn-group > li.btn-group:not(:last-child) > button {
4226
+ aside.qbo-sidebar > nav > ul.btn-group > li.btn-group:not(:last-child) > button,
4227
+ .btn-group > .btn-group:not(:last-child) > qbo-icon[type=toggle],
4228
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-group:not(:last-child) > qbo-icon[type=toggle],
4229
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group > div.qbo-btn-group:not(:last-child) > qbo-icon[type=toggle],
4230
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > div.qbo-btn-group:not(:last-child) > qbo-icon[type=toggle],
4231
+ .btn-group > .btn-group:not(:last-child) > qbo-icon[type=button],
4232
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-group:not(:last-child) > qbo-icon[type=button],
4233
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group > div.qbo-btn-group:not(:last-child) > qbo-icon[type=button],
4234
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > div.qbo-btn-group:not(:last-child) > qbo-icon[type=button] {
4169
4235
  border-top-right-radius: 0;
4170
4236
  border-bottom-right-radius: 0;
4171
4237
  }
4172
- .btn-group > .btn:nth-child(n+3), .btn-group > button.qbo-primary-dropdown:nth-child(n+3), .btn-group > button.qbo-secondary:nth-child(n+3), .btn-group > button.qbo-primary:nth-child(n+3), .btn-group > button.qbo-btn:nth-child(n+3), .btn-group > .qbo-btn-light:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary-dropdown:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-secondary:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-btn:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .qbo-btn-light:nth-child(n+3), aside.qbo-sidebar > nav > ul > li.btn-group > button:nth-child(n+3),
4238
+ .btn-group > .btn:nth-child(n+3), .btn-group > button.qbo-primary-dropdown:nth-child(n+3), .btn-group > button.qbo-secondary:nth-child(n+3), .btn-group > button.qbo-primary:nth-child(n+3), .btn-group > button.qbo-btn:nth-child(n+3), .btn-group > .qbo-btn-light:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary-dropdown:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-secondary:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-primary:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > button.qbo-btn:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .qbo-btn-light:nth-child(n+3), aside.qbo-sidebar > nav > ul > li.btn-group > button:nth-child(n+3), .btn-group > qbo-icon[type=toggle]:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=toggle]:nth-child(n+3), .btn-group > qbo-icon[type=button]:nth-child(n+3), div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > qbo-icon[type=button]:nth-child(n+3),
4173
4239
  .btn-group > :not(.btn-check) + .btn,
4174
4240
  .btn-group > :not(.btn-check) + button.qbo-primary-dropdown,
4175
4241
  .btn-group > :not(.btn-check) + button.qbo-secondary,
@@ -4183,6 +4249,10 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group
4183
4249
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check) + button.qbo-btn,
4184
4250
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check) + .qbo-btn-light,
4185
4251
  aside.qbo-sidebar > nav > ul > li.btn-group > :not(.btn-check) + button,
4252
+ .btn-group > :not(.btn-check) + qbo-icon[type=toggle],
4253
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check) + qbo-icon[type=toggle],
4254
+ .btn-group > :not(.btn-check) + qbo-icon[type=button],
4255
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > :not(.btn-check) + qbo-icon[type=button],
4186
4256
  .btn-group > .btn-group:not(:first-child) > .btn,
4187
4257
  .btn-group > .btn-group:not(:first-child) > button.qbo-primary-dropdown,
4188
4258
  .btn-group > .btn-group:not(:first-child) > button.qbo-secondary,
@@ -4207,7 +4277,15 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group
4207
4277
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > div.qbo-btn-group:not(:first-child) > button.qbo-primary,
4208
4278
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > div.qbo-btn-group:not(:first-child) > button.qbo-btn,
4209
4279
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > div.qbo-btn-group:not(:first-child) > .qbo-btn-light,
4210
- aside.qbo-sidebar > nav > ul.btn-group > li.btn-group:not(:first-child) > button {
4280
+ aside.qbo-sidebar > nav > ul.btn-group > li.btn-group:not(:first-child) > button,
4281
+ .btn-group > .btn-group:not(:first-child) > qbo-icon[type=toggle],
4282
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-group:not(:first-child) > qbo-icon[type=toggle],
4283
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group > div.qbo-btn-group:not(:first-child) > qbo-icon[type=toggle],
4284
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > div.qbo-btn-group:not(:first-child) > qbo-icon[type=toggle],
4285
+ .btn-group > .btn-group:not(:first-child) > qbo-icon[type=button],
4286
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > .btn-group:not(:first-child) > qbo-icon[type=button],
4287
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group > div.qbo-btn-group:not(:first-child) > qbo-icon[type=button],
4288
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-btn-group > div.qbo-btn-group:not(:first-child) > qbo-icon[type=button] {
4211
4289
  border-top-left-radius: 0;
4212
4290
  border-bottom-left-radius: 0;
4213
4291
  }
@@ -4223,12 +4301,12 @@ aside.qbo-sidebar > nav > ul.btn-group > li.btn-group:not(:first-child) > button
4223
4301
  margin-right: 0;
4224
4302
  }
4225
4303
 
4226
- .btn-sm + .dropdown-toggle-split, .btn-sm + button.qbo-primary-dropdown, .btn-group-sm > .btn + .dropdown-toggle-split, .btn-group-sm > .btn + button.qbo-primary-dropdown, .btn-group-sm > button.qbo-primary-dropdown + .dropdown-toggle-split, .btn-group-sm > button.qbo-primary-dropdown + button.qbo-primary-dropdown, .btn-group-sm > button.qbo-secondary + .dropdown-toggle-split, .btn-group-sm > button.qbo-secondary + button.qbo-primary-dropdown, .btn-group-sm > button.qbo-primary + .dropdown-toggle-split, .btn-group-sm > button.qbo-primary + button.qbo-primary-dropdown, .btn-group-sm > button.qbo-btn + .dropdown-toggle-split, .btn-group-sm > button.qbo-btn + button.qbo-primary-dropdown, .btn-group-sm > .qbo-btn-light + .dropdown-toggle-split, .btn-group-sm > .qbo-btn-light + button.qbo-primary-dropdown, aside.qbo-sidebar > nav > ul > li.btn-group-sm > button + .dropdown-toggle-split, aside.qbo-sidebar > nav > ul > li.btn-group-sm > button + button.qbo-primary-dropdown {
4304
+ .btn-sm + .dropdown-toggle-split, .btn-sm + button.qbo-primary-dropdown, .btn-group-sm > .btn + .dropdown-toggle-split, .btn-group-sm > .btn + button.qbo-primary-dropdown, .btn-group-sm > button.qbo-primary-dropdown + .dropdown-toggle-split, .btn-group-sm > button.qbo-primary-dropdown + button.qbo-primary-dropdown, .btn-group-sm > button.qbo-secondary + .dropdown-toggle-split, .btn-group-sm > button.qbo-secondary + button.qbo-primary-dropdown, .btn-group-sm > button.qbo-primary + .dropdown-toggle-split, .btn-group-sm > button.qbo-primary + button.qbo-primary-dropdown, .btn-group-sm > button.qbo-btn + .dropdown-toggle-split, .btn-group-sm > button.qbo-btn + button.qbo-primary-dropdown, .btn-group-sm > .qbo-btn-light + .dropdown-toggle-split, .btn-group-sm > .qbo-btn-light + button.qbo-primary-dropdown, aside.qbo-sidebar > nav > ul > li.btn-group-sm > button + .dropdown-toggle-split, aside.qbo-sidebar > nav > ul > li.btn-group-sm > button + button.qbo-primary-dropdown, .btn-group-sm > qbo-icon[type=toggle] + .dropdown-toggle-split, .btn-group-sm > qbo-icon[type=toggle] + button.qbo-primary-dropdown, .btn-group-sm > qbo-icon[type=button] + .dropdown-toggle-split, .btn-group-sm > qbo-icon[type=button] + button.qbo-primary-dropdown {
4227
4305
  padding-right: 0.375rem;
4228
4306
  padding-left: 0.375rem;
4229
4307
  }
4230
4308
 
4231
- .btn-lg + .dropdown-toggle-split, .btn-lg + button.qbo-primary-dropdown, .btn-group-lg > .btn + .dropdown-toggle-split, .btn-group-lg > .btn + button.qbo-primary-dropdown, .btn-group-lg > button.qbo-primary-dropdown + .dropdown-toggle-split, .btn-group-lg > button.qbo-primary-dropdown + button.qbo-primary-dropdown, .btn-group-lg > button.qbo-secondary + .dropdown-toggle-split, .btn-group-lg > button.qbo-secondary + button.qbo-primary-dropdown, .btn-group-lg > button.qbo-primary + .dropdown-toggle-split, .btn-group-lg > button.qbo-primary + button.qbo-primary-dropdown, .btn-group-lg > button.qbo-btn + .dropdown-toggle-split, .btn-group-lg > button.qbo-btn + button.qbo-primary-dropdown, .btn-group-lg > .qbo-btn-light + .dropdown-toggle-split, .btn-group-lg > .qbo-btn-light + button.qbo-primary-dropdown, aside.qbo-sidebar > nav > ul > li.btn-group-lg > button + .dropdown-toggle-split, aside.qbo-sidebar > nav > ul > li.btn-group-lg > button + button.qbo-primary-dropdown {
4309
+ .btn-lg + .dropdown-toggle-split, .btn-lg + button.qbo-primary-dropdown, .btn-group-lg > .btn + .dropdown-toggle-split, .btn-group-lg > .btn + button.qbo-primary-dropdown, .btn-group-lg > button.qbo-primary-dropdown + .dropdown-toggle-split, .btn-group-lg > button.qbo-primary-dropdown + button.qbo-primary-dropdown, .btn-group-lg > button.qbo-secondary + .dropdown-toggle-split, .btn-group-lg > button.qbo-secondary + button.qbo-primary-dropdown, .btn-group-lg > button.qbo-primary + .dropdown-toggle-split, .btn-group-lg > button.qbo-primary + button.qbo-primary-dropdown, .btn-group-lg > button.qbo-btn + .dropdown-toggle-split, .btn-group-lg > button.qbo-btn + button.qbo-primary-dropdown, .btn-group-lg > .qbo-btn-light + .dropdown-toggle-split, .btn-group-lg > .qbo-btn-light + button.qbo-primary-dropdown, aside.qbo-sidebar > nav > ul > li.btn-group-lg > button + .dropdown-toggle-split, aside.qbo-sidebar > nav > ul > li.btn-group-lg > button + button.qbo-primary-dropdown, .btn-group-lg > qbo-icon[type=toggle] + .dropdown-toggle-split, .btn-group-lg > qbo-icon[type=toggle] + button.qbo-primary-dropdown, .btn-group-lg > qbo-icon[type=button] + .dropdown-toggle-split, .btn-group-lg > qbo-icon[type=button] + button.qbo-primary-dropdown {
4232
4310
  padding-right: 0.75rem;
4233
4311
  padding-left: 0.75rem;
4234
4312
  }
@@ -4238,17 +4316,17 @@ aside.qbo-sidebar > nav > ul.btn-group > li.btn-group:not(:first-child) > button
4238
4316
  align-items: flex-start;
4239
4317
  justify-content: center;
4240
4318
  }
4241
- .btn-group-vertical > .btn, .btn-group-vertical > button.qbo-primary-dropdown, .btn-group-vertical > button.qbo-secondary, .btn-group-vertical > button.qbo-primary, .btn-group-vertical > button.qbo-btn, .btn-group-vertical > .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button,
4319
+ .btn-group-vertical > .btn, .btn-group-vertical > button.qbo-primary-dropdown, .btn-group-vertical > button.qbo-secondary, .btn-group-vertical > button.qbo-primary, .btn-group-vertical > button.qbo-btn, .btn-group-vertical > .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button, .btn-group-vertical > qbo-icon[type=toggle], .btn-group-vertical > qbo-icon[type=button],
4242
4320
  .btn-group-vertical > .btn-group,
4243
4321
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group {
4244
4322
  width: 100%;
4245
4323
  }
4246
- .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > button.qbo-primary-dropdown:not(:first-child), .btn-group-vertical > button.qbo-secondary:not(:first-child), .btn-group-vertical > button.qbo-primary:not(:first-child), .btn-group-vertical > button.qbo-btn:not(:first-child), .btn-group-vertical > .qbo-btn-light:not(:first-child), aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button:not(:first-child),
4324
+ .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > button.qbo-primary-dropdown:not(:first-child), .btn-group-vertical > button.qbo-secondary:not(:first-child), .btn-group-vertical > button.qbo-primary:not(:first-child), .btn-group-vertical > button.qbo-btn:not(:first-child), .btn-group-vertical > .qbo-btn-light:not(:first-child), aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button:not(:first-child), .btn-group-vertical > qbo-icon[type=toggle]:not(:first-child), .btn-group-vertical > qbo-icon[type=button]:not(:first-child),
4247
4325
  .btn-group-vertical > .btn-group:not(:first-child),
4248
4326
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group:not(:first-child) {
4249
4327
  margin-top: calc(var(--bs-border-width) * -1);
4250
4328
  }
4251
- .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > button.qbo-primary-dropdown:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > button.qbo-secondary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > button.qbo-primary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > button.qbo-btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > .qbo-btn-light:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown),
4329
+ .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > button.qbo-primary-dropdown:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > button.qbo-secondary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > button.qbo-primary:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > button.qbo-btn:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > .qbo-btn-light:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > qbo-icon[type=toggle]:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown), .btn-group-vertical > qbo-icon[type=button]:not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown),
4252
4330
  .btn-group-vertical > .btn-group:not(:last-child) > .btn,
4253
4331
  .btn-group-vertical > .btn-group:not(:last-child) > button.qbo-primary-dropdown,
4254
4332
  .btn-group-vertical > .btn-group:not(:last-child) > button.qbo-secondary,
@@ -4261,11 +4339,15 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertic
4261
4339
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group:not(:last-child) > button.qbo-primary,
4262
4340
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group:not(:last-child) > button.qbo-btn,
4263
4341
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group:not(:last-child) > .qbo-btn-light,
4264
- aside.qbo-sidebar > nav > ul.btn-group-vertical > li.btn-group:not(:last-child) > button {
4342
+ aside.qbo-sidebar > nav > ul.btn-group-vertical > li.btn-group:not(:last-child) > button,
4343
+ .btn-group-vertical > .btn-group:not(:last-child) > qbo-icon[type=toggle],
4344
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group:not(:last-child) > qbo-icon[type=toggle],
4345
+ .btn-group-vertical > .btn-group:not(:last-child) > qbo-icon[type=button],
4346
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group:not(:last-child) > qbo-icon[type=button] {
4265
4347
  border-bottom-right-radius: 0;
4266
4348
  border-bottom-left-radius: 0;
4267
4349
  }
4268
- .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > button.qbo-primary-dropdown ~ .btn, .btn-group-vertical > .btn ~ button.qbo-primary-dropdown, .btn-group-vertical > button.qbo-primary-dropdown ~ button.qbo-primary-dropdown, .btn-group-vertical > button.qbo-secondary ~ .btn, .btn-group-vertical > button.qbo-secondary ~ button.qbo-primary-dropdown, .btn-group-vertical > .btn ~ button.qbo-secondary, .btn-group-vertical > button.qbo-primary-dropdown ~ button.qbo-secondary, .btn-group-vertical > button.qbo-secondary ~ button.qbo-secondary, .btn-group-vertical > button.qbo-primary ~ .btn, .btn-group-vertical > button.qbo-primary ~ button.qbo-primary-dropdown, .btn-group-vertical > button.qbo-primary ~ button.qbo-secondary, .btn-group-vertical > .btn ~ button.qbo-primary, .btn-group-vertical > button.qbo-primary-dropdown ~ button.qbo-primary, .btn-group-vertical > button.qbo-secondary ~ button.qbo-primary, .btn-group-vertical > button.qbo-primary ~ button.qbo-primary, .btn-group-vertical > button.qbo-btn ~ .btn, .btn-group-vertical > button.qbo-btn ~ button.qbo-primary-dropdown, .btn-group-vertical > button.qbo-btn ~ button.qbo-secondary, .btn-group-vertical > button.qbo-btn ~ button.qbo-primary, .btn-group-vertical > .btn ~ button.qbo-btn, .btn-group-vertical > button.qbo-primary-dropdown ~ button.qbo-btn, .btn-group-vertical > button.qbo-secondary ~ button.qbo-btn, .btn-group-vertical > button.qbo-primary ~ button.qbo-btn, .btn-group-vertical > button.qbo-btn ~ button.qbo-btn, .btn-group-vertical > .qbo-btn-light ~ .btn, .btn-group-vertical > .qbo-btn-light ~ button.qbo-primary-dropdown, .btn-group-vertical > .qbo-btn-light ~ button.qbo-secondary, .btn-group-vertical > .qbo-btn-light ~ button.qbo-primary, .btn-group-vertical > .qbo-btn-light ~ button.qbo-btn, .btn-group-vertical > .btn ~ .qbo-btn-light, .btn-group-vertical > button.qbo-primary-dropdown ~ .qbo-btn-light, .btn-group-vertical > button.qbo-secondary ~ .qbo-btn-light, .btn-group-vertical > button.qbo-primary ~ .qbo-btn-light, .btn-group-vertical > button.qbo-btn ~ .qbo-btn-light, .btn-group-vertical > .qbo-btn-light ~ .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button ~ .btn, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button ~ .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > .btn ~ button, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > .qbo-btn-light ~ button, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button ~ button,
4350
+ .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > button.qbo-primary-dropdown ~ .btn, .btn-group-vertical > .btn ~ button.qbo-primary-dropdown, .btn-group-vertical > button.qbo-primary-dropdown ~ button.qbo-primary-dropdown, .btn-group-vertical > button.qbo-secondary ~ .btn, .btn-group-vertical > button.qbo-secondary ~ button.qbo-primary-dropdown, .btn-group-vertical > .btn ~ button.qbo-secondary, .btn-group-vertical > button.qbo-primary-dropdown ~ button.qbo-secondary, .btn-group-vertical > button.qbo-secondary ~ button.qbo-secondary, .btn-group-vertical > button.qbo-primary ~ .btn, .btn-group-vertical > button.qbo-primary ~ button.qbo-primary-dropdown, .btn-group-vertical > button.qbo-primary ~ button.qbo-secondary, .btn-group-vertical > .btn ~ button.qbo-primary, .btn-group-vertical > button.qbo-primary-dropdown ~ button.qbo-primary, .btn-group-vertical > button.qbo-secondary ~ button.qbo-primary, .btn-group-vertical > button.qbo-primary ~ button.qbo-primary, .btn-group-vertical > button.qbo-btn ~ .btn, .btn-group-vertical > button.qbo-btn ~ button.qbo-primary-dropdown, .btn-group-vertical > button.qbo-btn ~ button.qbo-secondary, .btn-group-vertical > button.qbo-btn ~ button.qbo-primary, .btn-group-vertical > .btn ~ button.qbo-btn, .btn-group-vertical > button.qbo-primary-dropdown ~ button.qbo-btn, .btn-group-vertical > button.qbo-secondary ~ button.qbo-btn, .btn-group-vertical > button.qbo-primary ~ button.qbo-btn, .btn-group-vertical > button.qbo-btn ~ button.qbo-btn, .btn-group-vertical > .qbo-btn-light ~ .btn, .btn-group-vertical > .qbo-btn-light ~ button.qbo-primary-dropdown, .btn-group-vertical > .qbo-btn-light ~ button.qbo-secondary, .btn-group-vertical > .qbo-btn-light ~ button.qbo-primary, .btn-group-vertical > .qbo-btn-light ~ button.qbo-btn, .btn-group-vertical > .btn ~ .qbo-btn-light, .btn-group-vertical > button.qbo-primary-dropdown ~ .qbo-btn-light, .btn-group-vertical > button.qbo-secondary ~ .qbo-btn-light, .btn-group-vertical > button.qbo-primary ~ .qbo-btn-light, .btn-group-vertical > button.qbo-btn ~ .qbo-btn-light, .btn-group-vertical > .qbo-btn-light ~ .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button ~ .btn, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button ~ .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > .btn ~ button, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > .qbo-btn-light ~ button, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button ~ button, .btn-group-vertical > qbo-icon[type=toggle] ~ .btn, .btn-group-vertical > qbo-icon[type=toggle] ~ button.qbo-primary-dropdown, .btn-group-vertical > qbo-icon[type=toggle] ~ button.qbo-secondary, .btn-group-vertical > qbo-icon[type=toggle] ~ button.qbo-primary, .btn-group-vertical > qbo-icon[type=toggle] ~ button.qbo-btn, .btn-group-vertical > qbo-icon[type=toggle] ~ .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > qbo-icon[type=toggle] ~ button, .btn-group-vertical > .btn ~ qbo-icon[type=toggle], .btn-group-vertical > button.qbo-primary-dropdown ~ qbo-icon[type=toggle], .btn-group-vertical > button.qbo-secondary ~ qbo-icon[type=toggle], .btn-group-vertical > button.qbo-primary ~ qbo-icon[type=toggle], .btn-group-vertical > button.qbo-btn ~ qbo-icon[type=toggle], .btn-group-vertical > .qbo-btn-light ~ qbo-icon[type=toggle], aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button ~ qbo-icon[type=toggle], .btn-group-vertical > qbo-icon[type=toggle] ~ qbo-icon[type=toggle], .btn-group-vertical > qbo-icon[type=button] ~ .btn, .btn-group-vertical > qbo-icon[type=button] ~ button.qbo-primary-dropdown, .btn-group-vertical > qbo-icon[type=button] ~ button.qbo-secondary, .btn-group-vertical > qbo-icon[type=button] ~ button.qbo-primary, .btn-group-vertical > qbo-icon[type=button] ~ button.qbo-btn, .btn-group-vertical > qbo-icon[type=button] ~ .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.btn-group-vertical > qbo-icon[type=button] ~ button, .btn-group-vertical > qbo-icon[type=button] ~ qbo-icon[type=toggle], .btn-group-vertical > .btn ~ qbo-icon[type=button], .btn-group-vertical > button.qbo-primary-dropdown ~ qbo-icon[type=button], .btn-group-vertical > button.qbo-secondary ~ qbo-icon[type=button], .btn-group-vertical > button.qbo-primary ~ qbo-icon[type=button], .btn-group-vertical > button.qbo-btn ~ qbo-icon[type=button], .btn-group-vertical > .qbo-btn-light ~ qbo-icon[type=button], aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button ~ qbo-icon[type=button], .btn-group-vertical > qbo-icon[type=toggle] ~ qbo-icon[type=button], .btn-group-vertical > qbo-icon[type=button] ~ qbo-icon[type=button],
4269
4351
  .btn-group-vertical > .btn-group:not(:first-child) > .btn,
4270
4352
  .btn-group-vertical > .btn-group:not(:first-child) > button.qbo-primary-dropdown,
4271
4353
  .btn-group-vertical > .btn-group:not(:first-child) > button.qbo-secondary,
@@ -4278,12 +4360,16 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertic
4278
4360
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group:not(:first-child) > button.qbo-primary,
4279
4361
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group:not(:first-child) > button.qbo-btn,
4280
4362
  div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group:not(:first-child) > .qbo-btn-light,
4281
- aside.qbo-sidebar > nav > ul.btn-group-vertical > li.btn-group:not(:first-child) > button {
4363
+ aside.qbo-sidebar > nav > ul.btn-group-vertical > li.btn-group:not(:first-child) > button,
4364
+ .btn-group-vertical > .btn-group:not(:first-child) > qbo-icon[type=toggle],
4365
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group:not(:first-child) > qbo-icon[type=toggle],
4366
+ .btn-group-vertical > .btn-group:not(:first-child) > qbo-icon[type=button],
4367
+ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertical > div.qbo-btn-group:not(:first-child) > qbo-icon[type=button] {
4282
4368
  border-top-left-radius: 0;
4283
4369
  border-top-right-radius: 0;
4284
4370
  }
4285
4371
 
4286
- .nav {
4372
+ .nav, qbo-menu[type=side] menu, .qbo-menu-side menu {
4287
4373
  --bs-nav-link-padding-x: 1rem;
4288
4374
  --bs-nav-link-padding-y: 0.5rem;
4289
4375
  --bs-nav-link-font-weight: ;
@@ -4297,7 +4383,7 @@ aside.qbo-sidebar > nav > ul.btn-group-vertical > li.btn-group:not(:first-child)
4297
4383
  list-style: none;
4298
4384
  }
4299
4385
 
4300
- .nav-link, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4386
+ .nav-link, qbo-menu[type=side] a, .qbo-menu-side a, qbo-menu[type=side] > qbo.icon, .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4301
4387
  display: block;
4302
4388
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
4303
4389
  font-size: var(--bs-nav-link-font-size);
@@ -4309,18 +4395,18 @@ aside.qbo-sidebar > nav > ul.btn-group-vertical > li.btn-group:not(:first-child)
4309
4395
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
4310
4396
  }
4311
4397
  @media (prefers-reduced-motion: reduce) {
4312
- .nav-link, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4398
+ .nav-link, qbo-menu[type=side] a, .qbo-menu-side a, qbo-menu[type=side] > qbo.icon, .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4313
4399
  transition: none;
4314
4400
  }
4315
4401
  }
4316
- .nav-link:hover, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, .nav-link:focus, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus {
4402
+ .nav-link:hover, qbo-menu[type=side] a:hover, .qbo-menu-side a:hover, qbo-menu[type=side] > qbo.icon:hover, .qbo-menu-side > qbo.icon:hover, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, .nav-link:focus, qbo-menu[type=side] a:focus, .qbo-menu-side a:focus, qbo-menu[type=side] > qbo.icon:focus, .qbo-menu-side > qbo.icon:focus, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus {
4317
4403
  color: var(--bs-nav-link-hover-color);
4318
4404
  }
4319
- .nav-link:focus-visible, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus-visible {
4405
+ .nav-link:focus-visible, qbo-menu[type=side] a:focus-visible, .qbo-menu-side a:focus-visible, qbo-menu[type=side] > qbo.icon:focus-visible, .qbo-menu-side > qbo.icon:focus-visible, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus-visible {
4320
4406
  outline: 0;
4321
4407
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
4322
4408
  }
4323
- .nav-link.disabled, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.disabled, .qbo-paginate li.nav-link.disabled, .nav-link:disabled, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:disabled {
4409
+ .nav-link.disabled, qbo-menu[type=side] a.disabled, .qbo-menu-side a.disabled, qbo-menu[type=side] > qbo.disabled.icon, .qbo-menu-side > qbo.disabled.icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.disabled, .qbo-paginate li.nav-link.disabled, .nav-link:disabled, qbo-menu[type=side] a:disabled, .qbo-menu-side a:disabled, qbo-menu[type=side] > qbo.icon:disabled, .qbo-menu-side > qbo.icon:disabled, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:disabled {
4324
4410
  color: var(--bs-nav-link-disabled-color);
4325
4411
  pointer-events: none;
4326
4412
  cursor: default;
@@ -4336,38 +4422,86 @@ aside.qbo-sidebar > nav > ul.btn-group-vertical > li.btn-group:not(:first-child)
4336
4422
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
4337
4423
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
4338
4424
  }
4339
- .nav-tabs .nav-link, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a {
4425
+ .nav-tabs .nav-link, .nav-tabs qbo-menu[type=side] a, qbo-menu[type=side] .nav-tabs a, .nav-tabs .qbo-menu-side a, .qbo-menu-side .nav-tabs a, .nav-tabs qbo-menu[type=side] > qbo.icon, .nav-tabs .qbo-menu-side > qbo.icon, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a {
4340
4426
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
4341
4427
  border: var(--bs-nav-tabs-border-width) solid transparent;
4342
4428
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
4343
4429
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
4344
4430
  }
4345
- .nav-tabs .nav-link:hover, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a:hover, .nav-tabs .nav-link:focus, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a:focus {
4431
+ .nav-tabs .nav-link:hover, .nav-tabs qbo-menu[type=side] a:hover, qbo-menu[type=side] .nav-tabs a:hover, .nav-tabs .qbo-menu-side a:hover, .qbo-menu-side .nav-tabs a:hover, .nav-tabs qbo-menu[type=side] > qbo.icon:hover, .nav-tabs .qbo-menu-side > qbo.icon:hover, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a:hover, .nav-tabs .nav-link:focus, .nav-tabs qbo-menu[type=side] a:focus, qbo-menu[type=side] .nav-tabs a:focus, .nav-tabs .qbo-menu-side a:focus, .qbo-menu-side .nav-tabs a:focus, .nav-tabs qbo-menu[type=side] > qbo.icon:focus, .nav-tabs .qbo-menu-side > qbo.icon:focus, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a:focus {
4346
4432
  isolation: isolate;
4347
4433
  border-color: var(--bs-nav-tabs-link-hover-border-color);
4348
4434
  }
4349
- .nav-tabs .nav-link.active, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a.active, .nav-tabs nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child,
4435
+ .nav-tabs .nav-link.active, .nav-tabs qbo-menu[type=side] a.active, qbo-menu[type=side] .nav-tabs a.active, .nav-tabs .qbo-menu-side a.active, .qbo-menu-side .nav-tabs a.active, .nav-tabs qbo-menu[type=side] > qbo.active.icon, .nav-tabs .qbo-menu-side > qbo.active.icon, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a.active, .nav-tabs nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .nav-tabs qbo-icon.nav-link[selected],
4350
4436
  .nav-tabs .nav-item.show .nav-link,
4351
- .nav-tabs qbo-contextmenu > menu.nav-item .nav-link,
4352
- .nav-tabs .qbo-context-menu > menu.nav-item .nav-link,
4437
+ .nav-tabs .nav-item.show qbo-menu[type=side] a,
4438
+ qbo-menu[type=side] .nav-tabs .nav-item.show a,
4439
+ .nav-tabs .nav-item.show .qbo-menu-side a,
4440
+ .qbo-menu-side .nav-tabs .nav-item.show a,
4441
+ .nav-tabs qbo-menu[type=side] li.show .nav-link,
4442
+ .nav-tabs qbo-menu[type=side] li.show a,
4443
+ qbo-menu[type=side] .nav-tabs li.show .nav-link,
4444
+ qbo-menu[type=side] .nav-tabs li.show a,
4445
+ .nav-tabs .qbo-menu-side li.show .nav-link,
4446
+ .nav-tabs .qbo-menu-side li.show a,
4447
+ .qbo-menu-side .nav-tabs li.show .nav-link,
4448
+ .qbo-menu-side .nav-tabs li.show a,
4449
+ .nav-tabs .nav-item.show qbo-menu[type=side] > qbo.icon,
4450
+ .nav-tabs qbo-menu[type=side] li.show qbo-menu[type=side] > qbo.icon,
4451
+ qbo-menu[type=side] .nav-tabs li.show qbo-menu[type=side] > qbo.icon,
4452
+ .nav-tabs .qbo-menu-side li.show qbo-menu[type=side] > qbo.icon,
4453
+ .qbo-menu-side .nav-tabs li.show qbo-menu[type=side] > qbo.icon,
4454
+ .nav-tabs .nav-item.show .qbo-menu-side > qbo.icon,
4455
+ .nav-tabs qbo-menu[type=side] li.show .qbo-menu-side > qbo.icon,
4456
+ qbo-menu[type=side] .nav-tabs li.show .qbo-menu-side > qbo.icon,
4457
+ .nav-tabs .qbo-menu-side li.show .qbo-menu-side > qbo.icon,
4458
+ .qbo-menu-side .nav-tabs li.show .qbo-menu-side > qbo.icon,
4459
+ .nav-tabs qbo-menu[type=context] > menu.nav-item .nav-link,
4460
+ .nav-tabs qbo-menu[type=context] > menu.nav-item qbo-menu[type=side] a,
4461
+ qbo-menu[type=side] .nav-tabs qbo-menu[type=context] > menu.nav-item a,
4462
+ .nav-tabs qbo-menu[type=context] > menu.nav-item .qbo-menu-side a,
4463
+ .qbo-menu-side .nav-tabs qbo-menu[type=context] > menu.nav-item a,
4464
+ .nav-tabs qbo-menu[type=context] > menu.nav-item qbo-menu[type=side] > qbo.icon,
4465
+ .nav-tabs qbo-menu[type=context] > menu.nav-item .qbo-menu-side > qbo.icon,
4466
+ .nav-tabs .qbo-menu-context > menu.nav-item .nav-link,
4467
+ .nav-tabs .qbo-menu-context > menu.nav-item qbo-menu[type=side] a,
4468
+ qbo-menu[type=side] .nav-tabs .qbo-menu-context > menu.nav-item a,
4469
+ .nav-tabs .qbo-menu-context > menu.nav-item .qbo-menu-side a,
4470
+ .qbo-menu-side .nav-tabs .qbo-menu-context > menu.nav-item a,
4471
+ .nav-tabs .qbo-menu-context > menu.nav-item qbo-menu[type=side] > qbo.icon,
4472
+ .nav-tabs .qbo-menu-context > menu.nav-item .qbo-menu-side > qbo.icon,
4353
4473
  .nav-tabs .nav-item.show nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
4354
- .nav-tabs qbo-contextmenu > menu.nav-item nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
4355
- .nav-tabs .qbo-context-menu > menu.nav-item nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
4474
+ .nav-tabs qbo-menu[type=context] > menu.nav-item nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
4475
+ .nav-tabs .qbo-menu-context > menu.nav-item nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
4356
4476
  nav.qbo-mainmenu > div > div > ul .nav-tabs .nav-item.show li.qbo-nav-item > a,
4357
- nav.qbo-mainmenu > div > div > ul .nav-tabs qbo-contextmenu > menu.nav-item li.qbo-nav-item > a,
4358
- nav.qbo-mainmenu > div > div > ul .nav-tabs .qbo-context-menu > menu.nav-item li.qbo-nav-item > a,
4477
+ nav.qbo-mainmenu > div > div > ul .nav-tabs qbo-menu[type=context] > menu.nav-item li.qbo-nav-item > a,
4478
+ nav.qbo-mainmenu > div > div > ul .nav-tabs .qbo-menu-context > menu.nav-item li.qbo-nav-item > a,
4359
4479
  .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item .nav-link,
4480
+ .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item qbo-menu[type=side] a,
4481
+ .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item .qbo-menu-side a,
4482
+ .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item qbo-menu[type=side] > qbo.icon,
4483
+ .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item .qbo-menu-side > qbo.icon,
4360
4484
  .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item li.qbo-nav-item > a,
4361
4485
  nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item .nav-link,
4486
+ nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item qbo-menu[type=side] a,
4487
+ nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item .qbo-menu-side a,
4488
+ nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item qbo-menu[type=side] > qbo.icon,
4489
+ nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item .qbo-menu-side > qbo.icon,
4362
4490
  nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item li.qbo-nav-item > a,
4363
4491
  .nav-tabs div.nav-item.qbo-show .nav-link,
4492
+ .nav-tabs div.nav-item.qbo-show qbo-menu[type=side] a,
4493
+ qbo-menu[type=side] .nav-tabs div.nav-item.qbo-show a,
4494
+ .nav-tabs div.nav-item.qbo-show .qbo-menu-side a,
4495
+ .qbo-menu-side .nav-tabs div.nav-item.qbo-show a,
4496
+ .nav-tabs div.nav-item.qbo-show qbo-menu[type=side] > qbo.icon,
4497
+ .nav-tabs div.nav-item.qbo-show .qbo-menu-side > qbo.icon,
4364
4498
  .nav-tabs div.nav-item.qbo-show nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
4365
4499
  nav.qbo-mainmenu > div > div > ul .nav-tabs div.nav-item.qbo-show li.qbo-nav-item > a {
4366
4500
  color: var(--bs-nav-tabs-link-active-color);
4367
4501
  background-color: var(--bs-nav-tabs-link-active-bg);
4368
4502
  border-color: var(--bs-nav-tabs-link-active-border-color);
4369
4503
  }
4370
- .nav-tabs .dropdown-menu, .nav-tabs qbo-contextmenu > ul, .nav-tabs .qbo-context-menu > ul, .nav-tabs qbo-contextmenu > menu, .nav-tabs .qbo-context-menu > menu {
4504
+ .nav-tabs .dropdown-menu, .nav-tabs qbo-menu[type=context] > ul, .nav-tabs .qbo-menu-context > ul, .nav-tabs qbo-menu[type=context] > menu, .nav-tabs .qbo-menu-context > menu {
4371
4505
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
4372
4506
  border-top-left-radius: 0;
4373
4507
  border-top-right-radius: 0;
@@ -4378,16 +4512,37 @@ nav.qbo-mainmenu > div > div > ul .nav-tabs div.nav-item.qbo-show li.qbo-nav-ite
4378
4512
  --bs-nav-pills-link-active-color: #fff;
4379
4513
  --bs-nav-pills-link-active-bg: #0d6efd;
4380
4514
  }
4381
- .nav-pills .nav-link, .nav-pills nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-pills li.qbo-nav-item > a {
4515
+ .nav-pills .nav-link, .nav-pills qbo-menu[type=side] a, qbo-menu[type=side] .nav-pills a, .nav-pills .qbo-menu-side a, .qbo-menu-side .nav-pills a, .nav-pills qbo-menu[type=side] > qbo.icon, .nav-pills .qbo-menu-side > qbo.icon, .nav-pills nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-pills li.qbo-nav-item > a {
4382
4516
  border-radius: var(--bs-nav-pills-border-radius);
4383
4517
  }
4384
- .nav-pills .nav-link.active, .nav-pills nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .nav-pills li.qbo-nav-item > a.active, .nav-pills nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child,
4518
+ .nav-pills .nav-link.active, .nav-pills qbo-menu[type=side] a.active, qbo-menu[type=side] .nav-pills a.active, .nav-pills .qbo-menu-side a.active, .qbo-menu-side .nav-pills a.active, .nav-pills qbo-menu[type=side] > qbo.active.icon, .nav-pills .qbo-menu-side > qbo.active.icon, .nav-pills nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .nav-pills li.qbo-nav-item > a.active, .nav-pills nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .nav-pills qbo-icon.nav-link[selected],
4385
4519
  .nav-pills .show > .nav-link,
4386
- .nav-pills qbo-contextmenu > menu > .nav-link,
4387
- .nav-pills .qbo-context-menu > menu > .nav-link,
4520
+ .nav-pills qbo-menu[type=side] .show > a,
4521
+ qbo-menu[type=side] .nav-pills .show > a,
4522
+ .nav-pills .qbo-menu-side .show > a,
4523
+ .qbo-menu-side .nav-pills .show > a,
4524
+ .nav-pills qbo-menu.show[type=side] > qbo.icon,
4525
+ .nav-pills .show.qbo-menu-side > qbo.icon,
4526
+ .nav-pills qbo-menu[type=context] > menu > .nav-link,
4527
+ .nav-pills qbo-menu[type=side] qbo-menu[type=context] > menu > a,
4528
+ qbo-menu[type=side] .nav-pills qbo-menu[type=context] > menu > a,
4529
+ .nav-pills .qbo-menu-side qbo-menu[type=context] > menu > a,
4530
+ .qbo-menu-side .nav-pills qbo-menu[type=context] > menu > a,
4531
+ .nav-pills qbo-menu[type=context] > menu.qbo-menu-side > qbo.icon,
4532
+ .nav-pills .qbo-menu-context > menu > .nav-link,
4533
+ .nav-pills qbo-menu[type=side] .qbo-menu-context > menu > a,
4534
+ qbo-menu[type=side] .nav-pills .qbo-menu-context > menu > a,
4535
+ .nav-pills .qbo-menu-side .qbo-menu-context > menu > a,
4536
+ .qbo-menu-side .nav-pills .qbo-menu-context > menu > a,
4537
+ .nav-pills .qbo-menu-context > menu.qbo-menu-side > qbo.icon,
4388
4538
  .nav-pills nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item > a,
4389
4539
  nav.qbo-mainmenu > div > div > ul .nav-pills li.show.qbo-nav-item > a,
4390
- .nav-pills div.qbo-show > .nav-link {
4540
+ .nav-pills div.qbo-show > .nav-link,
4541
+ .nav-pills qbo-menu[type=side] div.qbo-show > a,
4542
+ qbo-menu[type=side] .nav-pills div.qbo-show > a,
4543
+ .nav-pills .qbo-menu-side div.qbo-show > a,
4544
+ .qbo-menu-side .nav-pills div.qbo-show > a,
4545
+ .nav-pills div.qbo-show.qbo-menu-side > qbo.icon {
4391
4546
  color: var(--bs-nav-pills-link-active-color);
4392
4547
  background-color: var(--bs-nav-pills-link-active-bg);
4393
4548
  }
@@ -4398,36 +4553,65 @@ nav.qbo-mainmenu > div > div > ul .nav-pills li.show.qbo-nav-item > a,
4398
4553
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
4399
4554
  gap: var(--bs-nav-underline-gap);
4400
4555
  }
4401
- .nav-underline .nav-link, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a {
4556
+ .nav-underline .nav-link, .nav-underline qbo-menu[type=side] a, qbo-menu[type=side] .nav-underline a, .nav-underline .qbo-menu-side a, .qbo-menu-side .nav-underline a, .nav-underline qbo-menu[type=side] > qbo.icon, .nav-underline .qbo-menu-side > qbo.icon, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a {
4402
4557
  padding-right: 0;
4403
4558
  padding-left: 0;
4404
4559
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
4405
4560
  }
4406
- .nav-underline .nav-link:hover, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a:hover, .nav-underline .nav-link:focus, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a:focus {
4561
+ .nav-underline .nav-link:hover, .nav-underline qbo-menu[type=side] a:hover, qbo-menu[type=side] .nav-underline a:hover, .nav-underline .qbo-menu-side a:hover, .qbo-menu-side .nav-underline a:hover, .nav-underline qbo-menu[type=side] > qbo.icon:hover, .nav-underline .qbo-menu-side > qbo.icon:hover, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a:hover, .nav-underline .nav-link:focus, .nav-underline qbo-menu[type=side] a:focus, qbo-menu[type=side] .nav-underline a:focus, .nav-underline .qbo-menu-side a:focus, .qbo-menu-side .nav-underline a:focus, .nav-underline qbo-menu[type=side] > qbo.icon:focus, .nav-underline .qbo-menu-side > qbo.icon:focus, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a:focus {
4407
4562
  border-bottom-color: currentcolor;
4408
4563
  }
4409
- .nav-underline .nav-link.active, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a.active, .nav-underline nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child,
4564
+ .nav-underline .nav-link.active, .nav-underline qbo-menu[type=side] a.active, qbo-menu[type=side] .nav-underline a.active, .nav-underline .qbo-menu-side a.active, .qbo-menu-side .nav-underline a.active, .nav-underline qbo-menu[type=side] > qbo.active.icon, .nav-underline .qbo-menu-side > qbo.active.icon, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a.active, .nav-underline nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .nav-underline qbo-icon.nav-link[selected],
4410
4565
  .nav-underline .show > .nav-link,
4411
- .nav-underline qbo-contextmenu > menu > .nav-link,
4412
- .nav-underline .qbo-context-menu > menu > .nav-link,
4566
+ .nav-underline qbo-menu[type=side] .show > a,
4567
+ qbo-menu[type=side] .nav-underline .show > a,
4568
+ .nav-underline .qbo-menu-side .show > a,
4569
+ .qbo-menu-side .nav-underline .show > a,
4570
+ .nav-underline qbo-menu.show[type=side] > qbo.icon,
4571
+ .nav-underline .show.qbo-menu-side > qbo.icon,
4572
+ .nav-underline qbo-menu[type=context] > menu > .nav-link,
4573
+ .nav-underline qbo-menu[type=side] qbo-menu[type=context] > menu > a,
4574
+ qbo-menu[type=side] .nav-underline qbo-menu[type=context] > menu > a,
4575
+ .nav-underline .qbo-menu-side qbo-menu[type=context] > menu > a,
4576
+ .qbo-menu-side .nav-underline qbo-menu[type=context] > menu > a,
4577
+ .nav-underline qbo-menu[type=context] > menu.qbo-menu-side > qbo.icon,
4578
+ .nav-underline .qbo-menu-context > menu > .nav-link,
4579
+ .nav-underline qbo-menu[type=side] .qbo-menu-context > menu > a,
4580
+ qbo-menu[type=side] .nav-underline .qbo-menu-context > menu > a,
4581
+ .nav-underline .qbo-menu-side .qbo-menu-context > menu > a,
4582
+ .qbo-menu-side .nav-underline .qbo-menu-context > menu > a,
4583
+ .nav-underline .qbo-menu-context > menu.qbo-menu-side > qbo.icon,
4413
4584
  .nav-underline nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item > a,
4414
4585
  nav.qbo-mainmenu > div > div > ul .nav-underline li.show.qbo-nav-item > a,
4415
- .nav-underline div.qbo-show > .nav-link {
4586
+ .nav-underline div.qbo-show > .nav-link,
4587
+ .nav-underline qbo-menu[type=side] div.qbo-show > a,
4588
+ qbo-menu[type=side] .nav-underline div.qbo-show > a,
4589
+ .nav-underline .qbo-menu-side div.qbo-show > a,
4590
+ .qbo-menu-side .nav-underline div.qbo-show > a,
4591
+ .nav-underline div.qbo-show.qbo-menu-side > qbo.icon {
4416
4592
  font-weight: 700;
4417
4593
  color: var(--bs-nav-underline-link-active-color);
4418
4594
  border-bottom-color: currentcolor;
4419
4595
  }
4420
4596
 
4421
- .nav-fill > .nav-link, nav.qbo-mainmenu > div > div > ul li.nav-fill.qbo-nav-item > a,
4597
+ .nav-fill > .nav-link, qbo-menu[type=side] .nav-fill > a, .qbo-menu-side .nav-fill > a, qbo-menu.nav-fill[type=side] > qbo.icon, .nav-fill.qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul li.nav-fill.qbo-nav-item > a,
4422
4598
  .nav-fill .nav-item,
4599
+ .nav-fill qbo-menu[type=side] li,
4600
+ qbo-menu[type=side] .nav-fill li,
4601
+ .nav-fill .qbo-menu-side li,
4602
+ .qbo-menu-side .nav-fill li,
4423
4603
  .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item,
4424
4604
  nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item {
4425
4605
  flex: 1 1 auto;
4426
4606
  text-align: center;
4427
4607
  }
4428
4608
 
4429
- .nav-justified > .nav-link, nav.qbo-mainmenu > div > div > ul li.nav-justified.qbo-nav-item > a,
4609
+ .nav-justified > .nav-link, qbo-menu[type=side] .nav-justified > a, .qbo-menu-side .nav-justified > a, qbo-menu.nav-justified[type=side] > qbo.icon, .nav-justified.qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul li.nav-justified.qbo-nav-item > a,
4430
4610
  .nav-justified .nav-item,
4611
+ .nav-justified qbo-menu[type=side] li,
4612
+ qbo-menu[type=side] .nav-justified li,
4613
+ .nav-justified .qbo-menu-side li,
4614
+ .qbo-menu-side .nav-justified li,
4431
4615
  .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item,
4432
4616
  nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item {
4433
4617
  flex-basis: 0;
@@ -4435,11 +4619,45 @@ nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item {
4435
4619
  text-align: center;
4436
4620
  }
4437
4621
 
4438
- .nav-fill .nav-item .nav-link, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .nav-link, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item .nav-link, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item > a,
4622
+ .nav-fill .nav-item .nav-link, .nav-fill .nav-item qbo-menu[type=side] a, qbo-menu[type=side] .nav-fill .nav-item a, .nav-fill .nav-item .qbo-menu-side a, .qbo-menu-side .nav-fill .nav-item a, .nav-fill qbo-menu[type=side] li .nav-link, .nav-fill qbo-menu[type=side] li a, qbo-menu[type=side] .nav-fill li .nav-link, qbo-menu[type=side] .nav-fill li a, .nav-fill .qbo-menu-side li .nav-link, .nav-fill .qbo-menu-side li a, .qbo-menu-side .nav-fill li .nav-link, .qbo-menu-side .nav-fill li a, .nav-fill .nav-item qbo-menu[type=side] > qbo.icon, .nav-fill qbo-menu[type=side] li qbo-menu[type=side] > qbo.icon, qbo-menu[type=side] .nav-fill li qbo-menu[type=side] > qbo.icon, .nav-fill .qbo-menu-side li qbo-menu[type=side] > qbo.icon, .qbo-menu-side .nav-fill li qbo-menu[type=side] > qbo.icon, .nav-fill .nav-item .qbo-menu-side > qbo.icon, .nav-fill qbo-menu[type=side] li .qbo-menu-side > qbo.icon, qbo-menu[type=side] .nav-fill li .qbo-menu-side > qbo.icon, .nav-fill .qbo-menu-side li .qbo-menu-side > qbo.icon, .qbo-menu-side .nav-fill li .qbo-menu-side > qbo.icon, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .nav-link, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item qbo-menu[type=side] a, qbo-menu[type=side] .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .qbo-menu-side a, .qbo-menu-side .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item qbo-menu[type=side] > qbo.icon, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .qbo-menu-side > qbo.icon, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item .nav-link, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item qbo-menu[type=side] a, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item a, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item .qbo-menu-side a, .qbo-menu-side nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item a, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item qbo-menu[type=side] > qbo.icon, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item > a,
4439
4623
  .nav-justified .nav-item .nav-link,
4624
+ .nav-justified .nav-item qbo-menu[type=side] a,
4625
+ qbo-menu[type=side] .nav-justified .nav-item a,
4626
+ .nav-justified .nav-item .qbo-menu-side a,
4627
+ .qbo-menu-side .nav-justified .nav-item a,
4628
+ .nav-justified qbo-menu[type=side] li .nav-link,
4629
+ .nav-justified qbo-menu[type=side] li a,
4630
+ qbo-menu[type=side] .nav-justified li .nav-link,
4631
+ qbo-menu[type=side] .nav-justified li a,
4632
+ .nav-justified .qbo-menu-side li .nav-link,
4633
+ .nav-justified .qbo-menu-side li a,
4634
+ .qbo-menu-side .nav-justified li .nav-link,
4635
+ .qbo-menu-side .nav-justified li a,
4636
+ .nav-justified .nav-item qbo-menu[type=side] > qbo.icon,
4637
+ .nav-justified qbo-menu[type=side] li qbo-menu[type=side] > qbo.icon,
4638
+ qbo-menu[type=side] .nav-justified li qbo-menu[type=side] > qbo.icon,
4639
+ .nav-justified .qbo-menu-side li qbo-menu[type=side] > qbo.icon,
4640
+ .qbo-menu-side .nav-justified li qbo-menu[type=side] > qbo.icon,
4641
+ .nav-justified .nav-item .qbo-menu-side > qbo.icon,
4642
+ .nav-justified qbo-menu[type=side] li .qbo-menu-side > qbo.icon,
4643
+ qbo-menu[type=side] .nav-justified li .qbo-menu-side > qbo.icon,
4644
+ .nav-justified .qbo-menu-side li .qbo-menu-side > qbo.icon,
4645
+ .qbo-menu-side .nav-justified li .qbo-menu-side > qbo.icon,
4440
4646
  .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .nav-link,
4647
+ .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item qbo-menu[type=side] a,
4648
+ qbo-menu[type=side] .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a,
4649
+ .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .qbo-menu-side a,
4650
+ .qbo-menu-side .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a,
4651
+ .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item qbo-menu[type=side] > qbo.icon,
4652
+ .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .qbo-menu-side > qbo.icon,
4441
4653
  .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
4442
4654
  nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item .nav-link,
4655
+ nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item qbo-menu[type=side] a,
4656
+ qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item a,
4657
+ nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item .qbo-menu-side a,
4658
+ .qbo-menu-side nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item a,
4659
+ nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item qbo-menu[type=side] > qbo.icon,
4660
+ nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item .qbo-menu-side > qbo.icon,
4443
4661
  nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item > a {
4444
4662
  width: 100%;
4445
4663
  }
@@ -4447,7 +4665,7 @@ nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item > a {
4447
4665
  .tab-content > .tab-pane {
4448
4666
  display: none;
4449
4667
  }
4450
- .tab-content > .active, nav.qbo-breadcrumb > div > nav > ul.tab-content > li:last-child, .qbo-paginate .tab-content > li.active {
4668
+ .tab-content > .active, nav.qbo-breadcrumb > div > nav > ul.tab-content > li:last-child, .qbo-paginate .tab-content > li.active, .tab-content > qbo-icon[selected] {
4451
4669
  display: block;
4452
4670
  }
4453
4671
 
@@ -4527,10 +4745,10 @@ nav.qbo-mainmenu > .container-xxl {
4527
4745
  margin-bottom: 0;
4528
4746
  list-style: none;
4529
4747
  }
4530
- .navbar-nav .nav-link.active, nav.qbo-mainmenu > div > div > ul .nav-link.active, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, .navbar-nav nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, nav.qbo-mainmenu > div > div > ul nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .navbar-nav .nav-link.show, .navbar-nav qbo-contextmenu > menu.nav-link, .navbar-nav .qbo-context-menu > menu.nav-link, nav.qbo-mainmenu > div > div > ul .nav-link.show, nav.qbo-mainmenu > div > div > ul qbo-contextmenu > menu.nav-link, nav.qbo-mainmenu > div > div > ul .qbo-context-menu > menu.nav-link, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.show, .navbar-nav div.nav-link.qbo-show, nav.qbo-mainmenu > div > div > ul div.nav-link.qbo-show {
4748
+ .navbar-nav .nav-link.active, .navbar-nav qbo-menu[type=side] a.active, qbo-menu[type=side] .navbar-nav a.active, .navbar-nav .qbo-menu-side a.active, .qbo-menu-side .navbar-nav a.active, .navbar-nav qbo-menu[type=side] > qbo.active.icon, .navbar-nav .qbo-menu-side > qbo.active.icon, nav.qbo-mainmenu > div > div > ul .nav-link.active, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a.active, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul a.active, nav.qbo-mainmenu > div > div > ul .qbo-menu-side a.active, .qbo-menu-side nav.qbo-mainmenu > div > div > ul a.active, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.active.icon, nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.active.icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, .navbar-nav nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, nav.qbo-mainmenu > div > div > ul nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .navbar-nav qbo-icon.nav-link[selected], nav.qbo-mainmenu > div > div > ul qbo-icon.nav-link[selected], .navbar-nav .nav-link.show, .navbar-nav qbo-menu[type=side] a.show, qbo-menu[type=side] .navbar-nav a.show, .navbar-nav .qbo-menu-side a.show, .qbo-menu-side .navbar-nav a.show, .navbar-nav qbo-menu[type=side] > qbo.show.icon, .navbar-nav .qbo-menu-side > qbo.show.icon, .navbar-nav qbo-menu[type=context] > menu.nav-link, .navbar-nav .qbo-menu-context > menu.nav-link, nav.qbo-mainmenu > div > div > ul .nav-link.show, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a.show, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul a.show, nav.qbo-mainmenu > div > div > ul .qbo-menu-side a.show, .qbo-menu-side nav.qbo-mainmenu > div > div > ul a.show, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.show.icon, nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.show.icon, nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu.nav-link, nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu.nav-link, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.show, .navbar-nav div.nav-link.qbo-show, nav.qbo-mainmenu > div > div > ul div.nav-link.qbo-show {
4531
4749
  color: var(--bs-navbar-active-color);
4532
4750
  }
4533
- .navbar-nav .dropdown-menu, .navbar-nav qbo-contextmenu > ul, .navbar-nav .qbo-context-menu > ul, .navbar-nav qbo-contextmenu > menu, .navbar-nav .qbo-context-menu > menu, nav.qbo-mainmenu > div > div > ul .dropdown-menu, nav.qbo-mainmenu > div > div > ul qbo-contextmenu > ul, nav.qbo-mainmenu > div > div > ul .qbo-context-menu > ul, nav.qbo-mainmenu > div > div > ul qbo-contextmenu > menu, nav.qbo-mainmenu > div > div > ul .qbo-context-menu > menu {
4751
+ .navbar-nav .dropdown-menu, .navbar-nav qbo-menu[type=context] > ul, .navbar-nav .qbo-menu-context > ul, .navbar-nav qbo-menu[type=context] > menu, .navbar-nav .qbo-menu-context > menu, nav.qbo-mainmenu > div > div > ul .dropdown-menu, nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4534
4752
  position: static;
4535
4753
  }
4536
4754
 
@@ -4599,10 +4817,10 @@ nav.qbo-mainmenu > .container-xxl {
4599
4817
  .navbar-expand-sm .navbar-nav, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul {
4600
4818
  flex-direction: row;
4601
4819
  }
4602
- .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav qbo-contextmenu > ul, .navbar-expand-sm .navbar-nav .qbo-context-menu > ul, .navbar-expand-sm .navbar-nav qbo-contextmenu > menu, .navbar-expand-sm .navbar-nav .qbo-context-menu > menu, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul qbo-contextmenu > ul, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .qbo-context-menu > ul, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul qbo-contextmenu > menu, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .qbo-context-menu > menu {
4820
+ .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav qbo-menu[type=context] > ul, .navbar-expand-sm .navbar-nav .qbo-menu-context > ul, .navbar-expand-sm .navbar-nav qbo-menu[type=context] > menu, .navbar-expand-sm .navbar-nav .qbo-menu-context > menu, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4603
4821
  position: absolute;
4604
4822
  }
4605
- .navbar-expand-sm .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .navbar-expand-sm .navbar-nav li.qbo-nav-item > a, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4823
+ .navbar-expand-sm .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-sm .navbar-nav a, .navbar-expand-sm .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand-sm .navbar-nav a, .navbar-expand-sm .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand-sm .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .navbar-expand-sm .navbar-nav li.qbo-nav-item > a, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-sm nav.qbo-mainmenu > div > div > ul a, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side .navbar-expand-sm nav.qbo-mainmenu > div > div > ul a, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4606
4824
  padding-right: var(--bs-navbar-nav-link-padding-x);
4607
4825
  padding-left: var(--bs-navbar-nav-link-padding-x);
4608
4826
  }
@@ -4646,10 +4864,10 @@ nav.qbo-mainmenu > .container-xxl {
4646
4864
  .navbar-expand-md .navbar-nav, .navbar-expand-md nav.qbo-mainmenu > div > div > ul {
4647
4865
  flex-direction: row;
4648
4866
  }
4649
- .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav qbo-contextmenu > ul, .navbar-expand-md .navbar-nav .qbo-context-menu > ul, .navbar-expand-md .navbar-nav qbo-contextmenu > menu, .navbar-expand-md .navbar-nav .qbo-context-menu > menu, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-md nav.qbo-mainmenu > div > div > ul qbo-contextmenu > ul, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .qbo-context-menu > ul, .navbar-expand-md nav.qbo-mainmenu > div > div > ul qbo-contextmenu > menu, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .qbo-context-menu > menu {
4867
+ .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav qbo-menu[type=context] > ul, .navbar-expand-md .navbar-nav .qbo-menu-context > ul, .navbar-expand-md .navbar-nav qbo-menu[type=context] > menu, .navbar-expand-md .navbar-nav .qbo-menu-context > menu, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-md nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, .navbar-expand-md nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4650
4868
  position: absolute;
4651
4869
  }
4652
- .navbar-expand-md .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .navbar-expand-md .navbar-nav li.qbo-nav-item > a, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-md nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4870
+ .navbar-expand-md .navbar-nav .nav-link, .navbar-expand-md .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-md .navbar-nav a, .navbar-expand-md .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand-md .navbar-nav a, .navbar-expand-md .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand-md .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .navbar-expand-md .navbar-nav li.qbo-nav-item > a, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-md nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-md nav.qbo-mainmenu > div > div > ul a, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side .navbar-expand-md nav.qbo-mainmenu > div > div > ul a, .navbar-expand-md nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, .navbar-expand-md nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4653
4871
  padding-right: var(--bs-navbar-nav-link-padding-x);
4654
4872
  padding-left: var(--bs-navbar-nav-link-padding-x);
4655
4873
  }
@@ -4693,10 +4911,10 @@ nav.qbo-mainmenu > .container-xxl {
4693
4911
  .navbar-expand-lg .navbar-nav, nav.qbo-mainmenu .navbar-nav, nav.qbo-mainmenu > div > div > ul {
4694
4912
  flex-direction: row;
4695
4913
  }
4696
- .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav qbo-contextmenu > ul, .navbar-expand-lg .navbar-nav .qbo-context-menu > ul, .navbar-expand-lg .navbar-nav qbo-contextmenu > menu, .navbar-expand-lg .navbar-nav .qbo-context-menu > menu, nav.qbo-mainmenu .navbar-nav .dropdown-menu, nav.qbo-mainmenu .navbar-nav qbo-contextmenu > ul, nav.qbo-mainmenu .navbar-nav .qbo-context-menu > ul, nav.qbo-mainmenu .navbar-nav qbo-contextmenu > menu, nav.qbo-mainmenu .navbar-nav .qbo-context-menu > menu, nav.qbo-mainmenu > div > div > ul .dropdown-menu, nav.qbo-mainmenu > div > div > ul qbo-contextmenu > ul, nav.qbo-mainmenu > div > div > ul .qbo-context-menu > ul, nav.qbo-mainmenu > div > div > ul qbo-contextmenu > menu, nav.qbo-mainmenu > div > div > ul .qbo-context-menu > menu {
4914
+ .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav qbo-menu[type=context] > ul, .navbar-expand-lg .navbar-nav .qbo-menu-context > ul, .navbar-expand-lg .navbar-nav qbo-menu[type=context] > menu, .navbar-expand-lg .navbar-nav .qbo-menu-context > menu, nav.qbo-mainmenu .navbar-nav .dropdown-menu, nav.qbo-mainmenu .navbar-nav qbo-menu[type=context] > ul, nav.qbo-mainmenu .navbar-nav .qbo-menu-context > ul, nav.qbo-mainmenu .navbar-nav qbo-menu[type=context] > menu, nav.qbo-mainmenu .navbar-nav .qbo-menu-context > menu, nav.qbo-mainmenu > div > div > ul .dropdown-menu, nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4697
4915
  position: absolute;
4698
4916
  }
4699
- .navbar-expand-lg .navbar-nav .nav-link, nav.qbo-mainmenu .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .nav-link, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4917
+ .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-lg .navbar-nav a, .navbar-expand-lg .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand-lg .navbar-nav a, .navbar-expand-lg .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand-lg .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu .navbar-nav .nav-link, nav.qbo-mainmenu .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] nav.qbo-mainmenu .navbar-nav a, nav.qbo-mainmenu .navbar-nav .qbo-menu-side a, .qbo-menu-side nav.qbo-mainmenu .navbar-nav a, nav.qbo-mainmenu .navbar-nav qbo-menu[type=side] > qbo.icon, nav.qbo-mainmenu .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .nav-link, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul a, nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side nav.qbo-mainmenu > div > div > ul a, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4700
4918
  padding-right: var(--bs-navbar-nav-link-padding-x);
4701
4919
  padding-left: var(--bs-navbar-nav-link-padding-x);
4702
4920
  }
@@ -4740,10 +4958,10 @@ nav.qbo-mainmenu > .container-xxl {
4740
4958
  .navbar-expand-xl .navbar-nav, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul {
4741
4959
  flex-direction: row;
4742
4960
  }
4743
- .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav qbo-contextmenu > ul, .navbar-expand-xl .navbar-nav .qbo-context-menu > ul, .navbar-expand-xl .navbar-nav qbo-contextmenu > menu, .navbar-expand-xl .navbar-nav .qbo-context-menu > menu, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul qbo-contextmenu > ul, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .qbo-context-menu > ul, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul qbo-contextmenu > menu, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .qbo-context-menu > menu {
4961
+ .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav qbo-menu[type=context] > ul, .navbar-expand-xl .navbar-nav .qbo-menu-context > ul, .navbar-expand-xl .navbar-nav qbo-menu[type=context] > menu, .navbar-expand-xl .navbar-nav .qbo-menu-context > menu, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4744
4962
  position: absolute;
4745
4963
  }
4746
- .navbar-expand-xl .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .navbar-expand-xl .navbar-nav li.qbo-nav-item > a, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4964
+ .navbar-expand-xl .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-xl .navbar-nav a, .navbar-expand-xl .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand-xl .navbar-nav a, .navbar-expand-xl .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand-xl .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .navbar-expand-xl .navbar-nav li.qbo-nav-item > a, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-xl nav.qbo-mainmenu > div > div > ul a, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side .navbar-expand-xl nav.qbo-mainmenu > div > div > ul a, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4747
4965
  padding-right: var(--bs-navbar-nav-link-padding-x);
4748
4966
  padding-left: var(--bs-navbar-nav-link-padding-x);
4749
4967
  }
@@ -4787,10 +5005,10 @@ nav.qbo-mainmenu > .container-xxl {
4787
5005
  .navbar-expand-xxl .navbar-nav, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul {
4788
5006
  flex-direction: row;
4789
5007
  }
4790
- .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav qbo-contextmenu > ul, .navbar-expand-xxl .navbar-nav .qbo-context-menu > ul, .navbar-expand-xxl .navbar-nav qbo-contextmenu > menu, .navbar-expand-xxl .navbar-nav .qbo-context-menu > menu, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul qbo-contextmenu > ul, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .qbo-context-menu > ul, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul qbo-contextmenu > menu, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .qbo-context-menu > menu {
5008
+ .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav qbo-menu[type=context] > ul, .navbar-expand-xxl .navbar-nav .qbo-menu-context > ul, .navbar-expand-xxl .navbar-nav qbo-menu[type=context] > menu, .navbar-expand-xxl .navbar-nav .qbo-menu-context > menu, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4791
5009
  position: absolute;
4792
5010
  }
4793
- .navbar-expand-xxl .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .navbar-expand-xxl .navbar-nav li.qbo-nav-item > a, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
5011
+ .navbar-expand-xxl .navbar-nav .nav-link, .navbar-expand-xxl .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-xxl .navbar-nav a, .navbar-expand-xxl .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand-xxl .navbar-nav a, .navbar-expand-xxl .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand-xxl .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .navbar-expand-xxl .navbar-nav li.qbo-nav-item > a, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul a, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul a, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4794
5012
  padding-right: var(--bs-navbar-nav-link-padding-x);
4795
5013
  padding-left: var(--bs-navbar-nav-link-padding-x);
4796
5014
  }
@@ -4833,10 +5051,10 @@ nav.qbo-mainmenu > .container-xxl {
4833
5051
  .navbar-expand .navbar-nav, .navbar-expand nav.qbo-mainmenu > div > div > ul {
4834
5052
  flex-direction: row;
4835
5053
  }
4836
- .navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav qbo-contextmenu > ul, .navbar-expand .navbar-nav .qbo-context-menu > ul, .navbar-expand .navbar-nav qbo-contextmenu > menu, .navbar-expand .navbar-nav .qbo-context-menu > menu, .navbar-expand nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand nav.qbo-mainmenu > div > div > ul qbo-contextmenu > ul, .navbar-expand nav.qbo-mainmenu > div > div > ul .qbo-context-menu > ul, .navbar-expand nav.qbo-mainmenu > div > div > ul qbo-contextmenu > menu, .navbar-expand nav.qbo-mainmenu > div > div > ul .qbo-context-menu > menu {
5054
+ .navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav qbo-menu[type=context] > ul, .navbar-expand .navbar-nav .qbo-menu-context > ul, .navbar-expand .navbar-nav qbo-menu[type=context] > menu, .navbar-expand .navbar-nav .qbo-menu-context > menu, .navbar-expand nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, .navbar-expand nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, .navbar-expand nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, .navbar-expand nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4837
5055
  position: absolute;
4838
5056
  }
4839
- .navbar-expand .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .navbar-expand .navbar-nav li.qbo-nav-item > a, .navbar-expand nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
5057
+ .navbar-expand .navbar-nav .nav-link, .navbar-expand .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand .navbar-nav a, .navbar-expand .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand .navbar-nav a, .navbar-expand .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .navbar-expand .navbar-nav li.qbo-nav-item > a, .navbar-expand nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand nav.qbo-mainmenu > div > div > ul a, .navbar-expand nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side .navbar-expand nav.qbo-mainmenu > div > div > ul a, .navbar-expand nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, .navbar-expand nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, .navbar-expand nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4840
5058
  padding-right: var(--bs-navbar-nav-link-padding-x);
4841
5059
  padding-left: var(--bs-navbar-nav-link-padding-x);
4842
5060
  }
@@ -4888,7 +5106,7 @@ nav.qbo-mainmenu > .container-xxl {
4888
5106
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
4889
5107
  }
4890
5108
 
4891
- .card, .qbo-card {
5109
+ .card, qbo-card, .qbo-card {
4892
5110
  --bs-card-spacer-y: 1rem;
4893
5111
  --bs-card-spacer-x: 1rem;
4894
5112
  --bs-card-title-spacer-y: 0.5rem;
@@ -4920,27 +5138,30 @@ nav.qbo-mainmenu > .container-xxl {
4920
5138
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
4921
5139
  border-radius: var(--bs-card-border-radius);
4922
5140
  }
4923
- .card > hr, .qbo-card > hr {
5141
+ .card > hr, qbo-card > hr, .qbo-card > hr {
4924
5142
  margin-right: 0;
4925
5143
  margin-left: 0;
4926
5144
  }
4927
- .card > .list-group, .qbo-card > .list-group {
5145
+ .card > .list-group, qbo-card > .list-group, .qbo-card > .list-group {
4928
5146
  border-top: inherit;
4929
5147
  border-bottom: inherit;
4930
5148
  }
4931
- .card > .list-group:first-child, .qbo-card > .list-group:first-child {
5149
+ .card > .list-group:first-child, qbo-card > .list-group:first-child, .qbo-card > .list-group:first-child {
4932
5150
  border-top-width: 0;
4933
5151
  border-top-left-radius: var(--bs-card-inner-border-radius);
4934
5152
  border-top-right-radius: var(--bs-card-inner-border-radius);
4935
5153
  }
4936
- .card > .list-group:last-child, .qbo-card > .list-group:last-child {
5154
+ .card > .list-group:last-child, qbo-card > .list-group:last-child, .qbo-card > .list-group:last-child {
4937
5155
  border-bottom-width: 0;
4938
5156
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
4939
5157
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
4940
5158
  }
4941
- .card > .card-header + .list-group, .qbo-card .card > header + .list-group, .qbo-card > .card-header + .list-group, .qbo-card > header + .list-group,
5159
+ .card > .card-header + .list-group, qbo-card .card > header + .list-group, .qbo-card .card > header + .list-group, qbo-card > .card-header + .list-group, qbo-card > header + .list-group, .qbo-card > .card-header + .list-group, .qbo-card > header + .list-group,
4942
5160
  .card > .list-group + .card-footer,
5161
+ qbo-card .card > .list-group + footer,
4943
5162
  .qbo-card .card > .list-group + footer,
5163
+ qbo-card > .list-group + .card-footer,
5164
+ qbo-card > .list-group + footer,
4944
5165
  .qbo-card > .list-group + .card-footer,
4945
5166
  .qbo-card > .list-group + footer {
4946
5167
  border-top: 0;
@@ -4971,24 +5192,24 @@ nav.qbo-mainmenu > .container-xxl {
4971
5192
  margin-left: var(--bs-card-spacer-x);
4972
5193
  }
4973
5194
 
4974
- .card-header, .qbo-card header {
5195
+ .card-header, qbo-card header, .qbo-card header {
4975
5196
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
4976
5197
  margin-bottom: 0;
4977
5198
  color: var(--bs-card-cap-color);
4978
5199
  background-color: var(--bs-card-cap-bg);
4979
5200
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
4980
5201
  }
4981
- .card-header:first-child, .qbo-card header:first-child {
5202
+ .card-header:first-child, qbo-card header:first-child, .qbo-card header:first-child {
4982
5203
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
4983
5204
  }
4984
5205
 
4985
- .card-footer, .qbo-card footer {
5206
+ .card-footer, qbo-card footer, .qbo-card footer {
4986
5207
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
4987
5208
  color: var(--bs-card-cap-color);
4988
5209
  background-color: var(--bs-card-cap-bg);
4989
5210
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
4990
5211
  }
4991
- .card-footer:last-child, .qbo-card footer:last-child {
5212
+ .card-footer:last-child, qbo-card footer:last-child, .qbo-card footer:last-child {
4992
5213
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
4993
5214
  }
4994
5215
 
@@ -4998,7 +5219,7 @@ nav.qbo-mainmenu > .container-xxl {
4998
5219
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
4999
5220
  border-bottom: 0;
5000
5221
  }
5001
- .card-header-tabs .nav-link.active, .card-header-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .card-header-tabs li.qbo-nav-item > a.active, .card-header-tabs nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child {
5222
+ .card-header-tabs .nav-link.active, .card-header-tabs qbo-menu[type=side] a.active, qbo-menu[type=side] .card-header-tabs a.active, .card-header-tabs .qbo-menu-side a.active, .qbo-menu-side .card-header-tabs a.active, .card-header-tabs qbo-menu[type=side] > qbo.active.icon, .card-header-tabs .qbo-menu-side > qbo.active.icon, .card-header-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .card-header-tabs li.qbo-nav-item > a.active, .card-header-tabs nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .card-header-tabs qbo-icon.nav-link[selected] {
5002
5223
  background-color: var(--bs-card-bg);
5003
5224
  border-bottom-color: var(--bs-card-bg);
5004
5225
  }
@@ -5036,7 +5257,7 @@ nav.qbo-mainmenu > .container-xxl {
5036
5257
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
5037
5258
  }
5038
5259
 
5039
- .card-group > .card, .card-group > .qbo-card {
5260
+ .card-group > .card, .card-group > qbo-card, .card-group > .qbo-card {
5040
5261
  margin-bottom: var(--bs-card-group-margin);
5041
5262
  }
5042
5263
  @media (min-width: 576px) {
@@ -5044,50 +5265,66 @@ nav.qbo-mainmenu > .container-xxl {
5044
5265
  display: flex;
5045
5266
  flex-flow: row wrap;
5046
5267
  }
5047
- .card-group > .card, .card-group > .qbo-card {
5268
+ .card-group > .card, .card-group > qbo-card, .card-group > .qbo-card {
5048
5269
  flex: 1 0 0%;
5049
5270
  margin-bottom: 0;
5050
5271
  }
5051
- .card-group > .card + .card, .card-group > .qbo-card + .card, .card-group > .card + .qbo-card, .card-group > .qbo-card + .qbo-card {
5272
+ .card-group > .card + .card, .card-group > qbo-card + .card, .card-group > .qbo-card + .card, .card-group > .card + qbo-card, .card-group > qbo-card + qbo-card, .card-group > .qbo-card + qbo-card, .card-group > .card + .qbo-card, .card-group > qbo-card + .qbo-card, .card-group > .qbo-card + .qbo-card {
5052
5273
  margin-left: 0;
5053
5274
  border-left: 0;
5054
5275
  }
5055
- .card-group > .card:not(:last-child), .card-group > .qbo-card:not(:last-child) {
5276
+ .card-group > .card:not(:last-child), .card-group > qbo-card:not(:last-child), .card-group > .qbo-card:not(:last-child) {
5056
5277
  border-top-right-radius: 0;
5057
5278
  border-bottom-right-radius: 0;
5058
5279
  }
5059
- .card-group > .card:not(:last-child) .card-img-top, .card-group > .qbo-card:not(:last-child) .card-img-top,
5280
+ .card-group > .card:not(:last-child) .card-img-top, .card-group > qbo-card:not(:last-child) .card-img-top, .card-group > .qbo-card:not(:last-child) .card-img-top,
5060
5281
  .card-group > .card:not(:last-child) .card-header,
5282
+ .card-group > .card:not(:last-child) qbo-card header,
5283
+ qbo-card .card-group > .card:not(:last-child) header,
5061
5284
  .card-group > .card:not(:last-child) .qbo-card header,
5062
5285
  .qbo-card .card-group > .card:not(:last-child) header,
5286
+ .card-group > qbo-card:not(:last-child) .card-header,
5287
+ .card-group > qbo-card:not(:last-child) header,
5063
5288
  .card-group > .qbo-card:not(:last-child) .card-header,
5064
5289
  .card-group > .qbo-card:not(:last-child) header {
5065
5290
  border-top-right-radius: 0;
5066
5291
  }
5067
- .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .qbo-card:not(:last-child) .card-img-bottom,
5292
+ .card-group > .card:not(:last-child) .card-img-bottom, .card-group > qbo-card:not(:last-child) .card-img-bottom, .card-group > .qbo-card:not(:last-child) .card-img-bottom,
5068
5293
  .card-group > .card:not(:last-child) .card-footer,
5294
+ .card-group > .card:not(:last-child) qbo-card footer,
5295
+ qbo-card .card-group > .card:not(:last-child) footer,
5069
5296
  .card-group > .card:not(:last-child) .qbo-card footer,
5070
5297
  .qbo-card .card-group > .card:not(:last-child) footer,
5298
+ .card-group > qbo-card:not(:last-child) .card-footer,
5299
+ .card-group > qbo-card:not(:last-child) footer,
5071
5300
  .card-group > .qbo-card:not(:last-child) .card-footer,
5072
5301
  .card-group > .qbo-card:not(:last-child) footer {
5073
5302
  border-bottom-right-radius: 0;
5074
5303
  }
5075
- .card-group > .card:not(:first-child), .card-group > .qbo-card:not(:first-child) {
5304
+ .card-group > .card:not(:first-child), .card-group > qbo-card:not(:first-child), .card-group > .qbo-card:not(:first-child) {
5076
5305
  border-top-left-radius: 0;
5077
5306
  border-bottom-left-radius: 0;
5078
5307
  }
5079
- .card-group > .card:not(:first-child) .card-img-top, .card-group > .qbo-card:not(:first-child) .card-img-top,
5308
+ .card-group > .card:not(:first-child) .card-img-top, .card-group > qbo-card:not(:first-child) .card-img-top, .card-group > .qbo-card:not(:first-child) .card-img-top,
5080
5309
  .card-group > .card:not(:first-child) .card-header,
5310
+ .card-group > .card:not(:first-child) qbo-card header,
5311
+ qbo-card .card-group > .card:not(:first-child) header,
5081
5312
  .card-group > .card:not(:first-child) .qbo-card header,
5082
5313
  .qbo-card .card-group > .card:not(:first-child) header,
5314
+ .card-group > qbo-card:not(:first-child) .card-header,
5315
+ .card-group > qbo-card:not(:first-child) header,
5083
5316
  .card-group > .qbo-card:not(:first-child) .card-header,
5084
5317
  .card-group > .qbo-card:not(:first-child) header {
5085
5318
  border-top-left-radius: 0;
5086
5319
  }
5087
- .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .qbo-card:not(:first-child) .card-img-bottom,
5320
+ .card-group > .card:not(:first-child) .card-img-bottom, .card-group > qbo-card:not(:first-child) .card-img-bottom, .card-group > .qbo-card:not(:first-child) .card-img-bottom,
5088
5321
  .card-group > .card:not(:first-child) .card-footer,
5322
+ .card-group > .card:not(:first-child) qbo-card footer,
5323
+ qbo-card .card-group > .card:not(:first-child) footer,
5089
5324
  .card-group > .card:not(:first-child) .qbo-card footer,
5090
5325
  .qbo-card .card-group > .card:not(:first-child) footer,
5326
+ .card-group > qbo-card:not(:first-child) .card-footer,
5327
+ .card-group > qbo-card:not(:first-child) footer,
5091
5328
  .card-group > .qbo-card:not(:first-child) .card-footer,
5092
5329
  .card-group > .qbo-card:not(:first-child) footer {
5093
5330
  border-bottom-left-radius: 0;
@@ -5260,7 +5497,7 @@ nav.qbo-mainmenu > .container-xxl {
5260
5497
  color: var(--bs-breadcrumb-divider-color);
5261
5498
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
5262
5499
  }
5263
- .breadcrumb-item.active, nav.qbo-breadcrumb > div > nav > ul > li.active, nav.qbo-breadcrumb > div > nav > ul > li:last-child, .qbo-paginate li.breadcrumb-item.active {
5500
+ .breadcrumb-item.active, nav.qbo-breadcrumb > div > nav > ul > li.active, nav.qbo-breadcrumb > div > nav > ul > li:last-child, .qbo-paginate li.breadcrumb-item.active, qbo-icon.breadcrumb-item[selected] {
5264
5501
  color: var(--bs-breadcrumb-item-active-color);
5265
5502
  }
5266
5503
 
@@ -5319,7 +5556,7 @@ nav.qbo-mainmenu > .container-xxl {
5319
5556
  outline: 0;
5320
5557
  box-shadow: var(--bs-pagination-focus-box-shadow);
5321
5558
  }
5322
- .page-link.active, nav.qbo-breadcrumb > div > nav > ul > li.page-link:last-child, .qbo-paginate li.page-link.active, .qbo-paginate a.active, .active > .page-link, nav.qbo-breadcrumb > div > nav > ul > li:last-child > .page-link, .qbo-paginate li.active > .page-link, .qbo-paginate .active > a, .qbo-paginate nav.qbo-breadcrumb > div > nav > ul > li:last-child > a {
5559
+ .page-link.active, nav.qbo-breadcrumb > div > nav > ul > li.page-link:last-child, .qbo-paginate li.page-link.active, .qbo-paginate a.active, qbo-icon.page-link[selected], .active > .page-link, nav.qbo-breadcrumb > div > nav > ul > li:last-child > .page-link, .qbo-paginate li.active > .page-link, .qbo-paginate .active > a, .qbo-paginate nav.qbo-breadcrumb > div > nav > ul > li:last-child > a, qbo-icon[selected] > .page-link, .qbo-paginate qbo-icon[selected] > a {
5323
5560
  z-index: 3;
5324
5561
  color: var(--bs-pagination-active-color);
5325
5562
  background-color: var(--bs-pagination-active-bg);
@@ -5380,7 +5617,7 @@ nav.qbo-mainmenu > .container-xxl {
5380
5617
  display: none;
5381
5618
  }
5382
5619
 
5383
- .btn .badge, button.qbo-primary-dropdown .badge, button.qbo-secondary .badge, button.qbo-primary .badge, button.qbo-btn .badge, .qbo-btn-light .badge, aside.qbo-sidebar > nav > ul > li > button .badge {
5620
+ .btn .badge, button.qbo-primary-dropdown .badge, button.qbo-secondary .badge, button.qbo-primary .badge, button.qbo-btn .badge, .qbo-btn-light .badge, aside.qbo-sidebar > nav > ul > li > button .badge, qbo-icon[type=toggle] .badge, qbo-icon[type=button] .badge {
5384
5621
  position: relative;
5385
5622
  top: -1px;
5386
5623
  }
@@ -5614,7 +5851,7 @@ nav.qbo-mainmenu > .container-xxl {
5614
5851
  pointer-events: none;
5615
5852
  background-color: var(--bs-list-group-disabled-bg);
5616
5853
  }
5617
- .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul > li.list-group-item:last-child, .qbo-paginate li.list-group-item.active {
5854
+ .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul > li.list-group-item:last-child, .qbo-paginate li.list-group-item.active, qbo-icon.list-group-item[selected] {
5618
5855
  z-index: 2;
5619
5856
  color: var(--bs-list-group-active-color);
5620
5857
  background-color: var(--bs-list-group-active-bg);
@@ -5623,7 +5860,7 @@ nav.qbo-mainmenu > .container-xxl {
5623
5860
  .list-group-item + .list-group-item {
5624
5861
  border-top-width: 0;
5625
5862
  }
5626
- .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul > .list-group-item + li.list-group-item:last-child {
5863
+ .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul > .list-group-item + li.list-group-item:last-child, .list-group-item + qbo-icon.list-group-item[selected] {
5627
5864
  margin-top: calc(-1 * var(--bs-list-group-border-width));
5628
5865
  border-top-width: var(--bs-list-group-border-width);
5629
5866
  }
@@ -5639,14 +5876,14 @@ nav.qbo-mainmenu > .container-xxl {
5639
5876
  border-top-right-radius: var(--bs-list-group-border-radius);
5640
5877
  border-bottom-left-radius: 0;
5641
5878
  }
5642
- .list-group-horizontal > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal > li.list-group-item:last-child {
5879
+ .list-group-horizontal > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal > li.list-group-item:last-child, .list-group-horizontal > qbo-icon.list-group-item[selected] {
5643
5880
  margin-top: 0;
5644
5881
  }
5645
5882
  .list-group-horizontal > .list-group-item + .list-group-item {
5646
5883
  border-top-width: var(--bs-list-group-border-width);
5647
5884
  border-left-width: 0;
5648
5885
  }
5649
- .list-group-horizontal > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal > .list-group-item + li.list-group-item:last-child {
5886
+ .list-group-horizontal > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal > .list-group-item + li.list-group-item:last-child, .list-group-horizontal > .list-group-item + qbo-icon.list-group-item[selected] {
5650
5887
  margin-left: calc(-1 * var(--bs-list-group-border-width));
5651
5888
  border-left-width: var(--bs-list-group-border-width);
5652
5889
  }
@@ -5663,14 +5900,14 @@ nav.qbo-mainmenu > .container-xxl {
5663
5900
  border-top-right-radius: var(--bs-list-group-border-radius);
5664
5901
  border-bottom-left-radius: 0;
5665
5902
  }
5666
- .list-group-horizontal-sm > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-sm > li.list-group-item:last-child {
5903
+ .list-group-horizontal-sm > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-sm > li.list-group-item:last-child, .list-group-horizontal-sm > qbo-icon.list-group-item[selected] {
5667
5904
  margin-top: 0;
5668
5905
  }
5669
5906
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
5670
5907
  border-top-width: var(--bs-list-group-border-width);
5671
5908
  border-left-width: 0;
5672
5909
  }
5673
- .list-group-horizontal-sm > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-sm > .list-group-item + li.list-group-item:last-child {
5910
+ .list-group-horizontal-sm > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-sm > .list-group-item + li.list-group-item:last-child, .list-group-horizontal-sm > .list-group-item + qbo-icon.list-group-item[selected] {
5674
5911
  margin-left: calc(-1 * var(--bs-list-group-border-width));
5675
5912
  border-left-width: var(--bs-list-group-border-width);
5676
5913
  }
@@ -5687,14 +5924,14 @@ nav.qbo-mainmenu > .container-xxl {
5687
5924
  border-top-right-radius: var(--bs-list-group-border-radius);
5688
5925
  border-bottom-left-radius: 0;
5689
5926
  }
5690
- .list-group-horizontal-md > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-md > li.list-group-item:last-child {
5927
+ .list-group-horizontal-md > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-md > li.list-group-item:last-child, .list-group-horizontal-md > qbo-icon.list-group-item[selected] {
5691
5928
  margin-top: 0;
5692
5929
  }
5693
5930
  .list-group-horizontal-md > .list-group-item + .list-group-item {
5694
5931
  border-top-width: var(--bs-list-group-border-width);
5695
5932
  border-left-width: 0;
5696
5933
  }
5697
- .list-group-horizontal-md > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-md > .list-group-item + li.list-group-item:last-child {
5934
+ .list-group-horizontal-md > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-md > .list-group-item + li.list-group-item:last-child, .list-group-horizontal-md > .list-group-item + qbo-icon.list-group-item[selected] {
5698
5935
  margin-left: calc(-1 * var(--bs-list-group-border-width));
5699
5936
  border-left-width: var(--bs-list-group-border-width);
5700
5937
  }
@@ -5711,14 +5948,14 @@ nav.qbo-mainmenu > .container-xxl {
5711
5948
  border-top-right-radius: var(--bs-list-group-border-radius);
5712
5949
  border-bottom-left-radius: 0;
5713
5950
  }
5714
- .list-group-horizontal-lg > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-lg > li.list-group-item:last-child {
5951
+ .list-group-horizontal-lg > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-lg > li.list-group-item:last-child, .list-group-horizontal-lg > qbo-icon.list-group-item[selected] {
5715
5952
  margin-top: 0;
5716
5953
  }
5717
5954
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
5718
5955
  border-top-width: var(--bs-list-group-border-width);
5719
5956
  border-left-width: 0;
5720
5957
  }
5721
- .list-group-horizontal-lg > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-lg > .list-group-item + li.list-group-item:last-child {
5958
+ .list-group-horizontal-lg > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-lg > .list-group-item + li.list-group-item:last-child, .list-group-horizontal-lg > .list-group-item + qbo-icon.list-group-item[selected] {
5722
5959
  margin-left: calc(-1 * var(--bs-list-group-border-width));
5723
5960
  border-left-width: var(--bs-list-group-border-width);
5724
5961
  }
@@ -5735,14 +5972,14 @@ nav.qbo-mainmenu > .container-xxl {
5735
5972
  border-top-right-radius: var(--bs-list-group-border-radius);
5736
5973
  border-bottom-left-radius: 0;
5737
5974
  }
5738
- .list-group-horizontal-xl > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-xl > li.list-group-item:last-child {
5975
+ .list-group-horizontal-xl > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-xl > li.list-group-item:last-child, .list-group-horizontal-xl > qbo-icon.list-group-item[selected] {
5739
5976
  margin-top: 0;
5740
5977
  }
5741
5978
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
5742
5979
  border-top-width: var(--bs-list-group-border-width);
5743
5980
  border-left-width: 0;
5744
5981
  }
5745
- .list-group-horizontal-xl > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-xl > .list-group-item + li.list-group-item:last-child {
5982
+ .list-group-horizontal-xl > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-xl > .list-group-item + li.list-group-item:last-child, .list-group-horizontal-xl > .list-group-item + qbo-icon.list-group-item[selected] {
5746
5983
  margin-left: calc(-1 * var(--bs-list-group-border-width));
5747
5984
  border-left-width: var(--bs-list-group-border-width);
5748
5985
  }
@@ -5759,14 +5996,14 @@ nav.qbo-mainmenu > .container-xxl {
5759
5996
  border-top-right-radius: var(--bs-list-group-border-radius);
5760
5997
  border-bottom-left-radius: 0;
5761
5998
  }
5762
- .list-group-horizontal-xxl > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-xxl > li.list-group-item:last-child {
5999
+ .list-group-horizontal-xxl > .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-xxl > li.list-group-item:last-child, .list-group-horizontal-xxl > qbo-icon.list-group-item[selected] {
5763
6000
  margin-top: 0;
5764
6001
  }
5765
6002
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
5766
6003
  border-top-width: var(--bs-list-group-border-width);
5767
6004
  border-left-width: 0;
5768
6005
  }
5769
- .list-group-horizontal-xxl > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-xxl > .list-group-item + li.list-group-item:last-child {
6006
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item.active, nav.qbo-breadcrumb > div > nav > ul.list-group-horizontal-xxl > .list-group-item + li.list-group-item:last-child, .list-group-horizontal-xxl > .list-group-item + qbo-icon.list-group-item[selected] {
5770
6007
  margin-left: calc(-1 * var(--bs-list-group-border-width));
5771
6008
  border-left-width: var(--bs-list-group-border-width);
5772
6009
  }
@@ -6047,7 +6284,7 @@ nav.qbo-mainmenu > .container-xxl {
6047
6284
  transition: none;
6048
6285
  }
6049
6286
  }
6050
- .modal.show .modal-dialog, qbo-contextmenu > menu.modal .modal-dialog, .qbo-context-menu > menu.modal .modal-dialog, div.modal.qbo-show .modal-dialog, .modal.show .qbo-modal div.qbo-modal-dialog, qbo-contextmenu > menu.modal .qbo-modal div.qbo-modal-dialog, .qbo-context-menu > menu.modal .qbo-modal div.qbo-modal-dialog, div.modal.qbo-show .qbo-modal div.qbo-modal-dialog, .qbo-modal .modal.show div.qbo-modal-dialog, .qbo-modal qbo-contextmenu > menu.modal div.qbo-modal-dialog, .qbo-modal .qbo-context-menu > menu.modal div.qbo-modal-dialog, .qbo-modal div.modal.qbo-show div.qbo-modal-dialog, .modal.show .qbo-modal dialog, qbo-contextmenu > menu.modal .qbo-modal dialog, .qbo-context-menu > menu.modal .qbo-modal dialog, div.modal.qbo-show .qbo-modal dialog, .qbo-modal .modal.show dialog, .qbo-modal qbo-contextmenu > menu.modal dialog, .qbo-modal .qbo-context-menu > menu.modal dialog, .qbo-modal div.modal.qbo-show dialog, .show.qbo-modal .modal-dialog, qbo-contextmenu > menu.qbo-modal .modal-dialog, .qbo-context-menu > menu.qbo-modal .modal-dialog, div.qbo-modal.qbo-show .modal-dialog, .show.qbo-modal div.qbo-modal-dialog, qbo-contextmenu > menu.qbo-modal div.qbo-modal-dialog, .qbo-context-menu > menu.qbo-modal div.qbo-modal-dialog, div.qbo-modal.qbo-show div.qbo-modal-dialog, .show.qbo-modal dialog, qbo-contextmenu > menu.qbo-modal dialog, .qbo-context-menu > menu.qbo-modal dialog, div.qbo-modal.qbo-show dialog {
6287
+ .modal.show .modal-dialog, qbo-menu[type=context] > menu.modal .modal-dialog, .qbo-menu-context > menu.modal .modal-dialog, div.modal.qbo-show .modal-dialog, .modal.show .qbo-modal div.qbo-modal-dialog, qbo-menu[type=context] > menu.modal .qbo-modal div.qbo-modal-dialog, .qbo-menu-context > menu.modal .qbo-modal div.qbo-modal-dialog, div.modal.qbo-show .qbo-modal div.qbo-modal-dialog, .qbo-modal .modal.show div.qbo-modal-dialog, .qbo-modal qbo-menu[type=context] > menu.modal div.qbo-modal-dialog, .qbo-modal .qbo-menu-context > menu.modal div.qbo-modal-dialog, .qbo-modal div.modal.qbo-show div.qbo-modal-dialog, .modal.show .qbo-modal dialog, qbo-menu[type=context] > menu.modal .qbo-modal dialog, .qbo-menu-context > menu.modal .qbo-modal dialog, div.modal.qbo-show .qbo-modal dialog, .qbo-modal .modal.show dialog, .qbo-modal qbo-menu[type=context] > menu.modal dialog, .qbo-modal .qbo-menu-context > menu.modal dialog, .qbo-modal div.modal.qbo-show dialog, .show.qbo-modal .modal-dialog, qbo-menu[type=context] > menu.qbo-modal .modal-dialog, .qbo-menu-context > menu.qbo-modal .modal-dialog, div.qbo-modal.qbo-show .modal-dialog, .show.qbo-modal div.qbo-modal-dialog, qbo-menu[type=context] > menu.qbo-modal div.qbo-modal-dialog, .qbo-menu-context > menu.qbo-modal div.qbo-modal-dialog, div.qbo-modal.qbo-show div.qbo-modal-dialog, .show.qbo-modal dialog, qbo-menu[type=context] > menu.qbo-modal dialog, .qbo-menu-context > menu.qbo-modal dialog, div.qbo-modal.qbo-show dialog {
6051
6288
  transform: none;
6052
6289
  }
6053
6290
  .modal.modal-static .modal-dialog, .modal.modal-static .qbo-modal div.qbo-modal-dialog, .qbo-modal .modal.modal-static div.qbo-modal-dialog, .modal.modal-static .qbo-modal dialog, .qbo-modal .modal.modal-static dialog, .modal-static.qbo-modal .modal-dialog, .modal-static.qbo-modal div.qbo-modal-dialog, .modal-static.qbo-modal dialog {
@@ -6100,7 +6337,7 @@ nav.qbo-mainmenu > .container-xxl {
6100
6337
  .modal-backdrop.fade {
6101
6338
  opacity: 0;
6102
6339
  }
6103
- .modal-backdrop.show, qbo-contextmenu > menu.modal-backdrop, .qbo-context-menu > menu.modal-backdrop, div.modal-backdrop.qbo-show {
6340
+ .modal-backdrop.show, qbo-menu[type=context] > menu.modal-backdrop, .qbo-menu-context > menu.modal-backdrop, div.modal-backdrop.qbo-show {
6104
6341
  opacity: var(--bs-backdrop-opacity);
6105
6342
  }
6106
6343
 
@@ -6347,7 +6584,7 @@ nav.qbo-mainmenu > .container-xxl {
6347
6584
  word-wrap: break-word;
6348
6585
  opacity: 0;
6349
6586
  }
6350
- .tooltip.show, qbo-contextmenu > menu.tooltip, .qbo-context-menu > menu.tooltip, div.tooltip.qbo-show {
6587
+ .tooltip.show, qbo-menu[type=context] > menu.tooltip, .qbo-menu-context > menu.tooltip, div.tooltip.qbo-show {
6351
6588
  opacity: var(--bs-tooltip-opacity);
6352
6589
  }
6353
6590
  .tooltip .tooltip-arrow {
@@ -6605,7 +6842,7 @@ nav.qbo-mainmenu > .container-xxl {
6605
6842
  }
6606
6843
  }
6607
6844
 
6608
- .carousel-item.active, nav.qbo-breadcrumb > div > nav > ul > li.carousel-item:last-child, .qbo-paginate li.carousel-item.active,
6845
+ .carousel-item.active, nav.qbo-breadcrumb > div > nav > ul > li.carousel-item:last-child, .qbo-paginate li.carousel-item.active, qbo-icon.carousel-item[selected],
6609
6846
  .carousel-item-next,
6610
6847
  .carousel-item-prev {
6611
6848
  display: block;
@@ -6614,14 +6851,16 @@ nav.qbo-mainmenu > .container-xxl {
6614
6851
  .carousel-item-next:not(.carousel-item-start),
6615
6852
  .active.carousel-item-end,
6616
6853
  nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-end:last-child,
6617
- .qbo-paginate li.carousel-item-end.active {
6854
+ .qbo-paginate li.carousel-item-end.active,
6855
+ qbo-icon.carousel-item-end[selected] {
6618
6856
  transform: translateX(100%);
6619
6857
  }
6620
6858
 
6621
6859
  .carousel-item-prev:not(.carousel-item-end),
6622
6860
  .active.carousel-item-start,
6623
6861
  nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
6624
- .qbo-paginate li.carousel-item-start.active {
6862
+ .qbo-paginate li.carousel-item-start.active,
6863
+ qbo-icon.carousel-item-start[selected] {
6625
6864
  transform: translateX(-100%);
6626
6865
  }
6627
6866
 
@@ -6630,23 +6869,25 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
6630
6869
  transition-property: opacity;
6631
6870
  transform: none;
6632
6871
  }
6633
- .carousel-fade .carousel-item.active, .carousel-fade nav.qbo-breadcrumb > div > nav > ul > li.carousel-item:last-child,
6872
+ .carousel-fade .carousel-item.active, .carousel-fade nav.qbo-breadcrumb > div > nav > ul > li.carousel-item:last-child, .carousel-fade qbo-icon.carousel-item[selected],
6634
6873
  .carousel-fade .carousel-item-next.carousel-item-start,
6635
6874
  .carousel-fade .carousel-item-prev.carousel-item-end {
6636
6875
  z-index: 1;
6637
6876
  opacity: 1;
6638
6877
  }
6639
- .carousel-fade .active.carousel-item-start, .carousel-fade nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
6878
+ .carousel-fade .active.carousel-item-start, .carousel-fade nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child, .carousel-fade qbo-icon.carousel-item-start[selected],
6640
6879
  .carousel-fade .active.carousel-item-end,
6641
- .carousel-fade nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-end:last-child {
6880
+ .carousel-fade nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-end:last-child,
6881
+ .carousel-fade qbo-icon.carousel-item-end[selected] {
6642
6882
  z-index: 0;
6643
6883
  opacity: 0;
6644
6884
  transition: opacity 0s 0.6s;
6645
6885
  }
6646
6886
  @media (prefers-reduced-motion: reduce) {
6647
- .carousel-fade .active.carousel-item-start, .carousel-fade nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
6887
+ .carousel-fade .active.carousel-item-start, .carousel-fade nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child, .carousel-fade qbo-icon.carousel-item-start[selected],
6648
6888
  .carousel-fade .active.carousel-item-end,
6649
- .carousel-fade nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-end:last-child {
6889
+ .carousel-fade nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-end:last-child,
6890
+ .carousel-fade qbo-icon.carousel-item-end[selected] {
6650
6891
  transition: none;
6651
6892
  }
6652
6893
  }
@@ -6746,7 +6987,7 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
6746
6987
  transition: none;
6747
6988
  }
6748
6989
  }
6749
- .carousel-indicators .active, .carousel-indicators nav.qbo-breadcrumb > div > nav > ul > li:last-child, .carousel-indicators .qbo-paginate li.active, .qbo-paginate .carousel-indicators li.active {
6990
+ .carousel-indicators .active, .carousel-indicators nav.qbo-breadcrumb > div > nav > ul > li:last-child, .carousel-indicators .qbo-paginate li.active, .qbo-paginate .carousel-indicators li.active, .carousel-indicators qbo-icon[selected] {
6750
6991
  opacity: 1;
6751
6992
  }
6752
6993
 
@@ -6914,10 +7155,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
6914
7155
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
6915
7156
  transform: translateY(100%);
6916
7157
  }
6917
- .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding), qbo-contextmenu > menu.offcanvas-sm:not(.hiding), .qbo-context-menu > menu.offcanvas-sm:not(.hiding), div.offcanvas-sm.qbo-show:not(.hiding) {
7158
+ .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding), qbo-menu[type=context] > menu.offcanvas-sm:not(.hiding), .qbo-menu-context > menu.offcanvas-sm:not(.hiding), div.offcanvas-sm.qbo-show:not(.hiding) {
6918
7159
  transform: none;
6919
7160
  }
6920
- .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show, qbo-contextmenu > menu.offcanvas-sm, .qbo-context-menu > menu.offcanvas-sm, div.offcanvas-sm.qbo-show {
7161
+ .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show, qbo-menu[type=context] > menu.offcanvas-sm, .qbo-menu-context > menu.offcanvas-sm, div.offcanvas-sm.qbo-show {
6921
7162
  visibility: visible;
6922
7163
  }
6923
7164
  }
@@ -6992,10 +7233,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
6992
7233
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
6993
7234
  transform: translateY(100%);
6994
7235
  }
6995
- .offcanvas-md.showing, .offcanvas-md.show:not(.hiding), qbo-contextmenu > menu.offcanvas-md:not(.hiding), .qbo-context-menu > menu.offcanvas-md:not(.hiding), div.offcanvas-md.qbo-show:not(.hiding) {
7236
+ .offcanvas-md.showing, .offcanvas-md.show:not(.hiding), qbo-menu[type=context] > menu.offcanvas-md:not(.hiding), .qbo-menu-context > menu.offcanvas-md:not(.hiding), div.offcanvas-md.qbo-show:not(.hiding) {
6996
7237
  transform: none;
6997
7238
  }
6998
- .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show, qbo-contextmenu > menu.offcanvas-md, .qbo-context-menu > menu.offcanvas-md, div.offcanvas-md.qbo-show {
7239
+ .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show, qbo-menu[type=context] > menu.offcanvas-md, .qbo-menu-context > menu.offcanvas-md, div.offcanvas-md.qbo-show {
6999
7240
  visibility: visible;
7000
7241
  }
7001
7242
  }
@@ -7070,10 +7311,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
7070
7311
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
7071
7312
  transform: translateY(100%);
7072
7313
  }
7073
- .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding), qbo-contextmenu > menu.offcanvas-lg:not(.hiding), .qbo-context-menu > menu.offcanvas-lg:not(.hiding), div.offcanvas-lg.qbo-show:not(.hiding) {
7314
+ .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding), qbo-menu[type=context] > menu.offcanvas-lg:not(.hiding), .qbo-menu-context > menu.offcanvas-lg:not(.hiding), div.offcanvas-lg.qbo-show:not(.hiding) {
7074
7315
  transform: none;
7075
7316
  }
7076
- .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show, qbo-contextmenu > menu.offcanvas-lg, .qbo-context-menu > menu.offcanvas-lg, div.offcanvas-lg.qbo-show {
7317
+ .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show, qbo-menu[type=context] > menu.offcanvas-lg, .qbo-menu-context > menu.offcanvas-lg, div.offcanvas-lg.qbo-show {
7077
7318
  visibility: visible;
7078
7319
  }
7079
7320
  }
@@ -7148,10 +7389,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
7148
7389
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
7149
7390
  transform: translateY(100%);
7150
7391
  }
7151
- .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding), qbo-contextmenu > menu.offcanvas-xl:not(.hiding), .qbo-context-menu > menu.offcanvas-xl:not(.hiding), div.offcanvas-xl.qbo-show:not(.hiding) {
7392
+ .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding), qbo-menu[type=context] > menu.offcanvas-xl:not(.hiding), .qbo-menu-context > menu.offcanvas-xl:not(.hiding), div.offcanvas-xl.qbo-show:not(.hiding) {
7152
7393
  transform: none;
7153
7394
  }
7154
- .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show, qbo-contextmenu > menu.offcanvas-xl, .qbo-context-menu > menu.offcanvas-xl, div.offcanvas-xl.qbo-show {
7395
+ .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show, qbo-menu[type=context] > menu.offcanvas-xl, .qbo-menu-context > menu.offcanvas-xl, div.offcanvas-xl.qbo-show {
7155
7396
  visibility: visible;
7156
7397
  }
7157
7398
  }
@@ -7226,10 +7467,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
7226
7467
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
7227
7468
  transform: translateY(100%);
7228
7469
  }
7229
- .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding), qbo-contextmenu > menu.offcanvas-xxl:not(.hiding), .qbo-context-menu > menu.offcanvas-xxl:not(.hiding), div.offcanvas-xxl.qbo-show:not(.hiding) {
7470
+ .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding), qbo-menu[type=context] > menu.offcanvas-xxl:not(.hiding), .qbo-menu-context > menu.offcanvas-xxl:not(.hiding), div.offcanvas-xxl.qbo-show:not(.hiding) {
7230
7471
  transform: none;
7231
7472
  }
7232
- .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show, qbo-contextmenu > menu.offcanvas-xxl, .qbo-context-menu > menu.offcanvas-xxl, div.offcanvas-xxl.qbo-show {
7473
+ .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show, qbo-menu[type=context] > menu.offcanvas-xxl, .qbo-menu-context > menu.offcanvas-xxl, div.offcanvas-xxl.qbo-show {
7233
7474
  visibility: visible;
7234
7475
  }
7235
7476
  }
@@ -7301,10 +7542,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
7301
7542
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
7302
7543
  transform: translateY(100%);
7303
7544
  }
7304
- .offcanvas.showing, .offcanvas.show:not(.hiding), qbo-contextmenu > menu.offcanvas:not(.hiding), .qbo-context-menu > menu.offcanvas:not(.hiding), div.offcanvas.qbo-show:not(.hiding) {
7545
+ .offcanvas.showing, .offcanvas.show:not(.hiding), qbo-menu[type=context] > menu.offcanvas:not(.hiding), .qbo-menu-context > menu.offcanvas:not(.hiding), div.offcanvas.qbo-show:not(.hiding) {
7305
7546
  transform: none;
7306
7547
  }
7307
- .offcanvas.showing, .offcanvas.hiding, .offcanvas.show, qbo-contextmenu > menu.offcanvas, .qbo-context-menu > menu.offcanvas, div.offcanvas.qbo-show {
7548
+ .offcanvas.showing, .offcanvas.hiding, .offcanvas.show, qbo-menu[type=context] > menu.offcanvas, .qbo-menu-context > menu.offcanvas, div.offcanvas.qbo-show {
7308
7549
  visibility: visible;
7309
7550
  }
7310
7551
 
@@ -7320,7 +7561,7 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
7320
7561
  .offcanvas-backdrop.fade {
7321
7562
  opacity: 0;
7322
7563
  }
7323
- .offcanvas-backdrop.show, qbo-contextmenu > menu.offcanvas-backdrop, .qbo-context-menu > menu.offcanvas-backdrop, div.offcanvas-backdrop.qbo-show {
7564
+ .offcanvas-backdrop.show, qbo-menu[type=context] > menu.offcanvas-backdrop, .qbo-menu-context > menu.offcanvas-backdrop, div.offcanvas-backdrop.qbo-show {
7324
7565
  opacity: 0.5;
7325
7566
  }
7326
7567
 
@@ -7353,7 +7594,7 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
7353
7594
  background-color: currentcolor;
7354
7595
  opacity: 0.5;
7355
7596
  }
7356
- .placeholder.btn::before, button.placeholder.qbo-primary-dropdown::before, button.placeholder.qbo-secondary::before, button.placeholder.qbo-primary::before, button.placeholder.qbo-btn::before, .placeholder.qbo-btn-light::before, aside.qbo-sidebar > nav > ul > li > button.placeholder::before {
7597
+ .placeholder.btn::before, button.placeholder.qbo-primary-dropdown::before, button.placeholder.qbo-secondary::before, button.placeholder.qbo-primary::before, button.placeholder.qbo-btn::before, .placeholder.qbo-btn-light::before, aside.qbo-sidebar > nav > ul > li > button.placeholder::before, qbo-icon.placeholder[type=toggle]::before, qbo-icon.placeholder[type=button]::before {
7357
7598
  display: inline-block;
7358
7599
  content: "";
7359
7600
  }
@@ -8261,7 +8502,7 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
8261
8502
  flex-direction: row !important;
8262
8503
  }
8263
8504
 
8264
- .flex-column {
8505
+ .flex-column, qbo-menu[type=side] menu, .qbo-menu-side menu {
8265
8506
  flex-direction: column !important;
8266
8507
  }
8267
8508
 
@@ -20812,27 +21053,27 @@ nav.qbo-breadcrumb > div > nav > ul {
20812
21053
 
20813
21054
  /* NavBar */
20814
21055
  @media all and (min-width: 992px) {
20815
- .navbar .dropdown-menu li, .navbar qbo-contextmenu > ul li, .navbar .qbo-context-menu > ul li, .navbar qbo-contextmenu > menu li, .navbar .qbo-context-menu > menu li, nav.qbo-mainmenu .dropdown-menu li, nav.qbo-mainmenu qbo-contextmenu > ul li, nav.qbo-mainmenu .qbo-context-menu > ul li, nav.qbo-mainmenu qbo-contextmenu > menu li, nav.qbo-mainmenu .qbo-context-menu > menu li {
21056
+ .navbar .dropdown-menu li, .navbar qbo-menu[type=context] > ul li, .navbar .qbo-menu-context > ul li, .navbar qbo-menu[type=context] > menu li, .navbar .qbo-menu-context > menu li, nav.qbo-mainmenu .dropdown-menu li, nav.qbo-mainmenu qbo-menu[type=context] > ul li, nav.qbo-mainmenu .qbo-menu-context > ul li, nav.qbo-mainmenu qbo-menu[type=context] > menu li, nav.qbo-mainmenu .qbo-menu-context > menu li {
20816
21057
  position: relative;
20817
21058
  }
20818
- .navbar .dropdown-menu .submenu, .navbar qbo-contextmenu > ul .submenu, .navbar .qbo-context-menu > ul .submenu, .navbar qbo-contextmenu > menu .submenu, .navbar .qbo-context-menu > menu .submenu, nav.qbo-mainmenu .dropdown-menu .submenu, nav.qbo-mainmenu qbo-contextmenu > ul .submenu, nav.qbo-mainmenu .qbo-context-menu > ul .submenu, nav.qbo-mainmenu qbo-contextmenu > menu .submenu, nav.qbo-mainmenu .qbo-context-menu > menu .submenu {
21059
+ .navbar .dropdown-menu .submenu, .navbar qbo-menu[type=context] > ul .submenu, .navbar .qbo-menu-context > ul .submenu, .navbar qbo-menu[type=context] > menu .submenu, .navbar .qbo-menu-context > menu .submenu, nav.qbo-mainmenu .dropdown-menu .submenu, nav.qbo-mainmenu qbo-menu[type=context] > ul .submenu, nav.qbo-mainmenu .qbo-menu-context > ul .submenu, nav.qbo-mainmenu qbo-menu[type=context] > menu .submenu, nav.qbo-mainmenu .qbo-menu-context > menu .submenu {
20819
21060
  display: none;
20820
21061
  position: absolute;
20821
21062
  left: 100%;
20822
21063
  top: -7px;
20823
21064
  }
20824
- .navbar .dropdown-menu > li:hover, .navbar qbo-contextmenu > ul > li:hover, .navbar .qbo-context-menu > ul > li:hover, .navbar qbo-contextmenu > menu > li:hover, .navbar .qbo-context-menu > menu > li:hover, nav.qbo-mainmenu .dropdown-menu > li:hover, nav.qbo-mainmenu qbo-contextmenu > ul > li:hover, nav.qbo-mainmenu .qbo-context-menu > ul > li:hover, nav.qbo-mainmenu qbo-contextmenu > menu > li:hover, nav.qbo-mainmenu .qbo-context-menu > menu > li:hover {
21065
+ .navbar .dropdown-menu > li:hover, .navbar qbo-menu[type=context] > ul > li:hover, .navbar .qbo-menu-context > ul > li:hover, .navbar qbo-menu[type=context] > menu > li:hover, .navbar .qbo-menu-context > menu > li:hover, nav.qbo-mainmenu .dropdown-menu > li:hover, nav.qbo-mainmenu qbo-menu[type=context] > ul > li:hover, nav.qbo-mainmenu .qbo-menu-context > ul > li:hover, nav.qbo-mainmenu qbo-menu[type=context] > menu > li:hover, nav.qbo-mainmenu .qbo-menu-context > menu > li:hover {
20825
21066
  background-color: #f1f1f1;
20826
21067
  }
20827
- .navbar .dropdown-menu > li:hover > .submenu, .navbar qbo-contextmenu > ul > li:hover > .submenu, .navbar .qbo-context-menu > ul > li:hover > .submenu, .navbar qbo-contextmenu > menu > li:hover > .submenu, .navbar .qbo-context-menu > menu > li:hover > .submenu, nav.qbo-mainmenu .dropdown-menu > li:hover > .submenu, nav.qbo-mainmenu qbo-contextmenu > ul > li:hover > .submenu, nav.qbo-mainmenu .qbo-context-menu > ul > li:hover > .submenu, nav.qbo-mainmenu qbo-contextmenu > menu > li:hover > .submenu, nav.qbo-mainmenu .qbo-context-menu > menu > li:hover > .submenu {
21068
+ .navbar .dropdown-menu > li:hover > .submenu, .navbar qbo-menu[type=context] > ul > li:hover > .submenu, .navbar .qbo-menu-context > ul > li:hover > .submenu, .navbar qbo-menu[type=context] > menu > li:hover > .submenu, .navbar .qbo-menu-context > menu > li:hover > .submenu, nav.qbo-mainmenu .dropdown-menu > li:hover > .submenu, nav.qbo-mainmenu qbo-menu[type=context] > ul > li:hover > .submenu, nav.qbo-mainmenu .qbo-menu-context > ul > li:hover > .submenu, nav.qbo-mainmenu qbo-menu[type=context] > menu > li:hover > .submenu, nav.qbo-mainmenu .qbo-menu-context > menu > li:hover > .submenu {
20828
21069
  display: block;
20829
21070
  }
20830
- .navbar .nav-item .dropdown-mainmenu, nav.qbo-mainmenu .nav-item .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu,
21071
+ .navbar .nav-item .dropdown-mainmenu, .navbar qbo-menu[type=side] li .dropdown-mainmenu, qbo-menu[type=side] .navbar li .dropdown-mainmenu, .navbar .qbo-menu-side li .dropdown-mainmenu, .qbo-menu-side .navbar li .dropdown-mainmenu, nav.qbo-mainmenu .nav-item .dropdown-mainmenu, nav.qbo-mainmenu qbo-menu[type=side] li .dropdown-mainmenu, qbo-menu[type=side] nav.qbo-mainmenu li .dropdown-mainmenu, nav.qbo-mainmenu .qbo-menu-side li .dropdown-mainmenu, .qbo-menu-side nav.qbo-mainmenu li .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu,
20831
21072
  nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover > ul.qbo-dropdown-mainmenu {
20832
21073
  display: none;
20833
21074
  margin-top: 0;
20834
21075
  }
20835
- .navbar .nav-item:hover .dropdown-mainmenu, .navbar .nav-item:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu .nav-item:hover .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul .nav-item:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu,
21076
+ .navbar .nav-item:hover .dropdown-mainmenu, .navbar qbo-menu[type=side] li:hover .dropdown-mainmenu, qbo-menu[type=side] .navbar li:hover .dropdown-mainmenu, .navbar .qbo-menu-side li:hover .dropdown-mainmenu, .qbo-menu-side .navbar li:hover .dropdown-mainmenu, .navbar .nav-item:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, .navbar qbo-menu[type=side] li:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, qbo-menu[type=side] .navbar li:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, .navbar .qbo-menu-side li:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, .qbo-menu-side .navbar li:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu .nav-item:hover .dropdown-mainmenu, nav.qbo-mainmenu qbo-menu[type=side] li:hover .dropdown-mainmenu, qbo-menu[type=side] nav.qbo-mainmenu li:hover .dropdown-mainmenu, nav.qbo-mainmenu .qbo-menu-side li:hover .dropdown-mainmenu, .qbo-menu-side nav.qbo-mainmenu li:hover .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul .nav-item:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] li:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul li:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul .qbo-menu-side li:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, .qbo-menu-side nav.qbo-mainmenu > div > div > ul li:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu,
20836
21077
  nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover > ul.qbo-dropdown-mainmenu {
20837
21078
  display: block;
20838
21079
  }
@@ -20841,21 +21082,21 @@ nav.qbo-breadcrumb > div > nav > ul {
20841
21082
  }
20842
21083
  }
20843
21084
  @media (max-width: 991px) {
20844
- .navbar .dropdown-menu .dropdown-menu, .navbar qbo-contextmenu > ul .dropdown-menu, .navbar .qbo-context-menu > ul .dropdown-menu, .navbar .dropdown-menu qbo-contextmenu > ul, .navbar qbo-contextmenu > ul qbo-contextmenu > ul, .navbar .qbo-context-menu > ul qbo-contextmenu > ul, .navbar .dropdown-menu .qbo-context-menu > ul, .navbar qbo-contextmenu > ul .qbo-context-menu > ul, .navbar .qbo-context-menu > ul .qbo-context-menu > ul, .navbar qbo-contextmenu > menu .dropdown-menu, .navbar qbo-contextmenu > menu qbo-contextmenu > ul, .navbar qbo-contextmenu > menu .qbo-context-menu > ul, .navbar .qbo-context-menu > menu .dropdown-menu, .navbar .qbo-context-menu > menu qbo-contextmenu > ul, .navbar .qbo-context-menu > menu .qbo-context-menu > ul, .navbar .dropdown-menu qbo-contextmenu > menu, .navbar qbo-contextmenu > ul qbo-contextmenu > menu, .navbar .qbo-context-menu > ul qbo-contextmenu > menu, .navbar qbo-contextmenu > menu qbo-contextmenu > menu, .navbar .qbo-context-menu > menu qbo-contextmenu > menu, .navbar .dropdown-menu .qbo-context-menu > menu, .navbar qbo-contextmenu > ul .qbo-context-menu > menu, .navbar .qbo-context-menu > ul .qbo-context-menu > menu, .navbar qbo-contextmenu > menu .qbo-context-menu > menu, .navbar .qbo-context-menu > menu .qbo-context-menu > menu, nav.qbo-mainmenu .dropdown-menu .dropdown-menu, nav.qbo-mainmenu qbo-contextmenu > ul .dropdown-menu, nav.qbo-mainmenu .qbo-context-menu > ul .dropdown-menu, nav.qbo-mainmenu .dropdown-menu qbo-contextmenu > ul, nav.qbo-mainmenu qbo-contextmenu > ul qbo-contextmenu > ul, nav.qbo-mainmenu .qbo-context-menu > ul qbo-contextmenu > ul, nav.qbo-mainmenu .dropdown-menu .qbo-context-menu > ul, nav.qbo-mainmenu qbo-contextmenu > ul .qbo-context-menu > ul, nav.qbo-mainmenu .qbo-context-menu > ul .qbo-context-menu > ul, nav.qbo-mainmenu qbo-contextmenu > menu .dropdown-menu, nav.qbo-mainmenu qbo-contextmenu > menu qbo-contextmenu > ul, nav.qbo-mainmenu qbo-contextmenu > menu .qbo-context-menu > ul, nav.qbo-mainmenu .qbo-context-menu > menu .dropdown-menu, nav.qbo-mainmenu .qbo-context-menu > menu qbo-contextmenu > ul, nav.qbo-mainmenu .qbo-context-menu > menu .qbo-context-menu > ul, nav.qbo-mainmenu .dropdown-menu qbo-contextmenu > menu, nav.qbo-mainmenu qbo-contextmenu > ul qbo-contextmenu > menu, nav.qbo-mainmenu .qbo-context-menu > ul qbo-contextmenu > menu, nav.qbo-mainmenu qbo-contextmenu > menu qbo-contextmenu > menu, nav.qbo-mainmenu .qbo-context-menu > menu qbo-contextmenu > menu, nav.qbo-mainmenu .dropdown-menu .qbo-context-menu > menu, nav.qbo-mainmenu qbo-contextmenu > ul .qbo-context-menu > menu, nav.qbo-mainmenu .qbo-context-menu > ul .qbo-context-menu > menu, nav.qbo-mainmenu qbo-contextmenu > menu .qbo-context-menu > menu, nav.qbo-mainmenu .qbo-context-menu > menu .qbo-context-menu > menu {
21085
+ .navbar .dropdown-menu .dropdown-menu, .navbar qbo-menu[type=context] > ul .dropdown-menu, .navbar .qbo-menu-context > ul .dropdown-menu, .navbar .dropdown-menu qbo-menu[type=context] > ul, .navbar qbo-menu[type=context] > ul qbo-menu[type=context] > ul, .navbar .qbo-menu-context > ul qbo-menu[type=context] > ul, .navbar .dropdown-menu .qbo-menu-context > ul, .navbar qbo-menu[type=context] > ul .qbo-menu-context > ul, .navbar .qbo-menu-context > ul .qbo-menu-context > ul, .navbar qbo-menu[type=context] > menu .dropdown-menu, .navbar qbo-menu[type=context] > menu qbo-menu[type=context] > ul, .navbar qbo-menu[type=context] > menu .qbo-menu-context > ul, .navbar .qbo-menu-context > menu .dropdown-menu, .navbar .qbo-menu-context > menu qbo-menu[type=context] > ul, .navbar .qbo-menu-context > menu .qbo-menu-context > ul, .navbar .dropdown-menu qbo-menu[type=context] > menu, .navbar qbo-menu[type=context] > ul qbo-menu[type=context] > menu, .navbar .qbo-menu-context > ul qbo-menu[type=context] > menu, .navbar qbo-menu[type=context] > menu qbo-menu[type=context] > menu, .navbar .qbo-menu-context > menu qbo-menu[type=context] > menu, .navbar .dropdown-menu .qbo-menu-context > menu, .navbar qbo-menu[type=context] > ul .qbo-menu-context > menu, .navbar .qbo-menu-context > ul .qbo-menu-context > menu, .navbar qbo-menu[type=context] > menu .qbo-menu-context > menu, .navbar .qbo-menu-context > menu .qbo-menu-context > menu, nav.qbo-mainmenu .dropdown-menu .dropdown-menu, nav.qbo-mainmenu qbo-menu[type=context] > ul .dropdown-menu, nav.qbo-mainmenu .qbo-menu-context > ul .dropdown-menu, nav.qbo-mainmenu .dropdown-menu qbo-menu[type=context] > ul, nav.qbo-mainmenu qbo-menu[type=context] > ul qbo-menu[type=context] > ul, nav.qbo-mainmenu .qbo-menu-context > ul qbo-menu[type=context] > ul, nav.qbo-mainmenu .dropdown-menu .qbo-menu-context > ul, nav.qbo-mainmenu qbo-menu[type=context] > ul .qbo-menu-context > ul, nav.qbo-mainmenu .qbo-menu-context > ul .qbo-menu-context > ul, nav.qbo-mainmenu qbo-menu[type=context] > menu .dropdown-menu, nav.qbo-mainmenu qbo-menu[type=context] > menu qbo-menu[type=context] > ul, nav.qbo-mainmenu qbo-menu[type=context] > menu .qbo-menu-context > ul, nav.qbo-mainmenu .qbo-menu-context > menu .dropdown-menu, nav.qbo-mainmenu .qbo-menu-context > menu qbo-menu[type=context] > ul, nav.qbo-mainmenu .qbo-menu-context > menu .qbo-menu-context > ul, nav.qbo-mainmenu .dropdown-menu qbo-menu[type=context] > menu, nav.qbo-mainmenu qbo-menu[type=context] > ul qbo-menu[type=context] > menu, nav.qbo-mainmenu .qbo-menu-context > ul qbo-menu[type=context] > menu, nav.qbo-mainmenu qbo-menu[type=context] > menu qbo-menu[type=context] > menu, nav.qbo-mainmenu .qbo-menu-context > menu qbo-menu[type=context] > menu, nav.qbo-mainmenu .dropdown-menu .qbo-menu-context > menu, nav.qbo-mainmenu qbo-menu[type=context] > ul .qbo-menu-context > menu, nav.qbo-mainmenu .qbo-menu-context > ul .qbo-menu-context > menu, nav.qbo-mainmenu qbo-menu[type=context] > menu .qbo-menu-context > menu, nav.qbo-mainmenu .qbo-menu-context > menu .qbo-menu-context > menu {
20845
21086
  margin-left: 0.7rem;
20846
21087
  margin-right: 0.7rem;
20847
21088
  margin-bottom: 0.5rem;
20848
21089
  }
20849
21090
  }
20850
- .navbar .nav-item nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul .nav-item li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item li > a.qbo-dropdown-item > span.qbo-submenuexpand {
21091
+ .navbar .nav-item nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, .navbar qbo-menu[type=side] li nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, qbo-menu[type=side] .navbar li nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, .navbar .qbo-menu-side li nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, .qbo-menu-side .navbar li nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul .nav-item li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] li li > a.qbo-dropdown-item > span.qbo-submenuexpand, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul li li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul .qbo-menu-side li li > a.qbo-dropdown-item > span.qbo-submenuexpand, .qbo-menu-side nav.qbo-mainmenu > div > div > ul li li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item li > a.qbo-dropdown-item > span.qbo-submenuexpand {
20851
21092
  float: right;
20852
21093
  }
20853
21094
 
20854
- .navbar .nav-item .icon, .navbar .nav-item nav.qbo-mainmenu > div > div > ul i.qbo-icon, nav.qbo-mainmenu .nav-item .icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .icon, nav.qbo-mainmenu > div > div > ul .nav-item i.qbo-icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item i.qbo-icon {
21095
+ .navbar .nav-item .icon, .navbar qbo-menu[type=side] li .icon, qbo-menu[type=side] .navbar li .icon, .navbar .qbo-menu-side li .icon, .qbo-menu-side .navbar li .icon, .navbar .nav-item nav.qbo-mainmenu > div > div > ul i.qbo-icon, .navbar qbo-menu[type=side] li nav.qbo-mainmenu > div > div > ul i.qbo-icon, qbo-menu[type=side] .navbar li nav.qbo-mainmenu > div > div > ul i.qbo-icon, .navbar .qbo-menu-side li nav.qbo-mainmenu > div > div > ul i.qbo-icon, .qbo-menu-side .navbar li nav.qbo-mainmenu > div > div > ul i.qbo-icon, nav.qbo-mainmenu .nav-item .icon, nav.qbo-mainmenu qbo-menu[type=side] li .icon, qbo-menu[type=side] nav.qbo-mainmenu li .icon, nav.qbo-mainmenu .qbo-menu-side li .icon, .qbo-menu-side nav.qbo-mainmenu li .icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .icon, nav.qbo-mainmenu > div > div > ul .nav-item i.qbo-icon, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] li i.qbo-icon, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul li i.qbo-icon, nav.qbo-mainmenu > div > div > ul .qbo-menu-side li i.qbo-icon, .qbo-menu-side nav.qbo-mainmenu > div > div > ul li i.qbo-icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item i.qbo-icon {
20855
21096
  margin-right: 5px;
20856
21097
  }
20857
21098
 
20858
- .navbar .nav-item nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul .nav-item a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a.qbo-doubleclick {
21099
+ .navbar .nav-item nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, .navbar qbo-menu[type=side] li nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, qbo-menu[type=side] .navbar li nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, .navbar .qbo-menu-side li nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, .qbo-menu-side .navbar li nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul .nav-item a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] li a.qbo-doubleclick, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul li a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul .qbo-menu-side li a.qbo-doubleclick, .qbo-menu-side nav.qbo-mainmenu > div > div > ul li a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a.qbo-doubleclick {
20859
21100
  cursor: pointer;
20860
21101
  }
20861
21102
 
@@ -20874,12 +21115,12 @@ nav.qbo-breadcrumb > div > nav > ul {
20874
21115
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
20875
21116
  }
20876
21117
 
20877
- .bd-subnavbar .dropdown-menu, .bd-subnavbar qbo-contextmenu > ul, .bd-subnavbar .qbo-context-menu > ul, .bd-subnavbar qbo-contextmenu > menu, .bd-subnavbar .qbo-context-menu > menu, nav.qbo-breadcrumb .dropdown-menu, nav.qbo-breadcrumb qbo-contextmenu > ul, nav.qbo-breadcrumb .qbo-context-menu > ul, nav.qbo-breadcrumb qbo-contextmenu > menu, nav.qbo-breadcrumb .qbo-context-menu > menu {
21118
+ .bd-subnavbar .dropdown-menu, .bd-subnavbar qbo-menu[type=context] > ul, .bd-subnavbar .qbo-menu-context > ul, .bd-subnavbar qbo-menu[type=context] > menu, .bd-subnavbar .qbo-menu-context > menu, nav.qbo-breadcrumb .dropdown-menu, nav.qbo-breadcrumb qbo-menu[type=context] > ul, nav.qbo-breadcrumb .qbo-menu-context > ul, nav.qbo-breadcrumb qbo-menu[type=context] > menu, nav.qbo-breadcrumb .qbo-menu-context > menu {
20878
21119
  font-size: 0.875rem;
20879
21120
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
20880
21121
  }
20881
21122
 
20882
- .bd-subnavbar .dropdown-item.current, .bd-subnavbar qbo-contextmenu li.current, qbo-contextmenu .bd-subnavbar li.current, .bd-subnavbar .qbo-context-menu li.current, .qbo-context-menu .bd-subnavbar li.current, .bd-subnavbar nav.qbo-mainmenu > div > div > ul li > a.current.qbo-dropdown-item, nav.qbo-mainmenu > div > div > ul .bd-subnavbar li > a.current.qbo-dropdown-item, nav.qbo-breadcrumb .dropdown-item.current, nav.qbo-breadcrumb qbo-contextmenu li.current, qbo-contextmenu nav.qbo-breadcrumb li.current, nav.qbo-breadcrumb .qbo-context-menu li.current, .qbo-context-menu nav.qbo-breadcrumb li.current, nav.qbo-breadcrumb nav.qbo-mainmenu > div > div > ul li > a.current.qbo-dropdown-item, nav.qbo-mainmenu > div > div > ul nav.qbo-breadcrumb li > a.current.qbo-dropdown-item {
21123
+ .bd-subnavbar .dropdown-item.current, .bd-subnavbar qbo-menu[type=context] li.current, qbo-menu[type=context] .bd-subnavbar li.current, .bd-subnavbar .qbo-menu-context li.current, .qbo-menu-context .bd-subnavbar li.current, .bd-subnavbar nav.qbo-mainmenu > div > div > ul li > a.current.qbo-dropdown-item, nav.qbo-mainmenu > div > div > ul .bd-subnavbar li > a.current.qbo-dropdown-item, nav.qbo-breadcrumb .dropdown-item.current, nav.qbo-breadcrumb qbo-menu[type=context] li.current, qbo-menu[type=context] nav.qbo-breadcrumb li.current, nav.qbo-breadcrumb .qbo-menu-context li.current, .qbo-menu-context nav.qbo-breadcrumb li.current, nav.qbo-breadcrumb nav.qbo-mainmenu > div > div > ul li > a.current.qbo-dropdown-item, nav.qbo-mainmenu > div > div > ul nav.qbo-breadcrumb li > a.current.qbo-dropdown-item {
20883
21124
  font-weight: 600;
20884
21125
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
20885
21126
  background-repeat: no-repeat;
@@ -20984,7 +21225,7 @@ nav.qbo-breadcrumb > div > nav > ul {
20984
21225
  background-color: rgba(121, 82, 179, 0.1);
20985
21226
  }
20986
21227
 
20987
- .bd-links .btn, .bd-links button.qbo-primary-dropdown, .bd-links button.qbo-secondary, .bd-links button.qbo-primary, .bd-links button.qbo-btn, .bd-links .qbo-btn-light, aside.qbo-sidebar > nav .btn, aside.qbo-sidebar > nav button.qbo-primary-dropdown, aside.qbo-sidebar > nav button.qbo-secondary, aside.qbo-sidebar > nav button.qbo-primary, aside.qbo-sidebar > nav button.qbo-btn, aside.qbo-sidebar > nav .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button {
21228
+ .bd-links .btn, .bd-links button.qbo-primary-dropdown, .bd-links button.qbo-secondary, .bd-links button.qbo-primary, .bd-links button.qbo-btn, .bd-links .qbo-btn-light, aside.qbo-sidebar > nav .btn, aside.qbo-sidebar > nav button.qbo-primary-dropdown, aside.qbo-sidebar > nav button.qbo-secondary, aside.qbo-sidebar > nav button.qbo-primary, aside.qbo-sidebar > nav button.qbo-btn, aside.qbo-sidebar > nav .qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button, .bd-links qbo-icon[type=toggle], aside.qbo-sidebar > nav qbo-icon[type=toggle], .bd-links qbo-icon[type=button], aside.qbo-sidebar > nav qbo-icon[type=button] {
20988
21229
  padding: 0.25rem 0.5rem;
20989
21230
  font-weight: 600;
20990
21231
  color: rgba(0, 0, 0, 0.65);
@@ -20992,16 +21233,16 @@ nav.qbo-breadcrumb > div > nav > ul {
20992
21233
  border: 0;
20993
21234
  }
20994
21235
 
20995
- .bd-links .btn:hover, .bd-links button.qbo-primary-dropdown:hover, .bd-links button.qbo-secondary:hover, .bd-links button.qbo-primary:hover, .bd-links button.qbo-btn:hover, .bd-links .qbo-btn-light:hover, aside.qbo-sidebar > nav .btn:hover, aside.qbo-sidebar > nav button.qbo-primary-dropdown:hover, aside.qbo-sidebar > nav button.qbo-secondary:hover, aside.qbo-sidebar > nav button.qbo-primary:hover, aside.qbo-sidebar > nav button.qbo-btn:hover, aside.qbo-sidebar > nav .qbo-btn-light:hover, aside.qbo-sidebar > nav > ul > li > button:hover, .bd-links .btn:focus, .bd-links button.qbo-primary-dropdown:focus, .bd-links button.qbo-secondary:focus, .bd-links button.qbo-primary:focus, .bd-links button.qbo-btn:focus, .bd-links .qbo-btn-light:focus, aside.qbo-sidebar > nav .btn:focus, aside.qbo-sidebar > nav button.qbo-primary-dropdown:focus, aside.qbo-sidebar > nav button.qbo-secondary:focus, aside.qbo-sidebar > nav button.qbo-primary:focus, aside.qbo-sidebar > nav button.qbo-btn:focus, aside.qbo-sidebar > nav .qbo-btn-light:focus, aside.qbo-sidebar > nav > ul > li > button:focus {
21236
+ .bd-links .btn:hover, .bd-links button.qbo-primary-dropdown:hover, .bd-links button.qbo-secondary:hover, .bd-links button.qbo-primary:hover, .bd-links button.qbo-btn:hover, .bd-links .qbo-btn-light:hover, aside.qbo-sidebar > nav .btn:hover, aside.qbo-sidebar > nav button.qbo-primary-dropdown:hover, aside.qbo-sidebar > nav button.qbo-secondary:hover, aside.qbo-sidebar > nav button.qbo-primary:hover, aside.qbo-sidebar > nav button.qbo-btn:hover, aside.qbo-sidebar > nav .qbo-btn-light:hover, aside.qbo-sidebar > nav > ul > li > button:hover, .bd-links qbo-icon[type=toggle]:hover, aside.qbo-sidebar > nav qbo-icon[type=toggle]:hover, .bd-links qbo-icon[type=button]:hover, aside.qbo-sidebar > nav qbo-icon[type=button]:hover, .bd-links .btn:focus, .bd-links button.qbo-primary-dropdown:focus, .bd-links button.qbo-secondary:focus, .bd-links button.qbo-primary:focus, .bd-links button.qbo-btn:focus, .bd-links .qbo-btn-light:focus, aside.qbo-sidebar > nav .btn:focus, aside.qbo-sidebar > nav button.qbo-primary-dropdown:focus, aside.qbo-sidebar > nav button.qbo-secondary:focus, aside.qbo-sidebar > nav button.qbo-primary:focus, aside.qbo-sidebar > nav button.qbo-btn:focus, aside.qbo-sidebar > nav .qbo-btn-light:focus, aside.qbo-sidebar > nav > ul > li > button:focus, .bd-links qbo-icon[type=toggle]:focus, aside.qbo-sidebar > nav qbo-icon[type=toggle]:focus, .bd-links qbo-icon[type=button]:focus, aside.qbo-sidebar > nav qbo-icon[type=button]:focus {
20996
21237
  color: rgba(0, 0, 0, 0.85);
20997
21238
  background-color: rgba(121, 82, 179, 0.1);
20998
21239
  }
20999
21240
 
21000
- .bd-links .btn:focus, .bd-links button.qbo-primary-dropdown:focus, .bd-links button.qbo-secondary:focus, .bd-links button.qbo-primary:focus, .bd-links button.qbo-btn:focus, .bd-links .qbo-btn-light:focus, aside.qbo-sidebar > nav .btn:focus, aside.qbo-sidebar > nav button.qbo-primary-dropdown:focus, aside.qbo-sidebar > nav button.qbo-secondary:focus, aside.qbo-sidebar > nav button.qbo-primary:focus, aside.qbo-sidebar > nav button.qbo-btn:focus, aside.qbo-sidebar > nav .qbo-btn-light:focus, aside.qbo-sidebar > nav > ul > li > button:focus {
21241
+ .bd-links .btn:focus, .bd-links button.qbo-primary-dropdown:focus, .bd-links button.qbo-secondary:focus, .bd-links button.qbo-primary:focus, .bd-links button.qbo-btn:focus, .bd-links .qbo-btn-light:focus, aside.qbo-sidebar > nav .btn:focus, aside.qbo-sidebar > nav button.qbo-primary-dropdown:focus, aside.qbo-sidebar > nav button.qbo-secondary:focus, aside.qbo-sidebar > nav button.qbo-primary:focus, aside.qbo-sidebar > nav button.qbo-btn:focus, aside.qbo-sidebar > nav .qbo-btn-light:focus, aside.qbo-sidebar > nav > ul > li > button:focus, .bd-links qbo-icon[type=toggle]:focus, aside.qbo-sidebar > nav qbo-icon[type=toggle]:focus, .bd-links qbo-icon[type=button]:focus, aside.qbo-sidebar > nav qbo-icon[type=button]:focus {
21001
21242
  box-shadow: 0 0 0 1px rgba(121, 82, 179, 0.7);
21002
21243
  }
21003
21244
 
21004
- .bd-links .btn::before, .bd-links button.qbo-primary-dropdown::before, .bd-links button.qbo-secondary::before, .bd-links button.qbo-primary::before, .bd-links button.qbo-btn::before, .bd-links .qbo-btn-light::before, aside.qbo-sidebar > nav .btn::before, aside.qbo-sidebar > nav button.qbo-primary-dropdown::before, aside.qbo-sidebar > nav button.qbo-secondary::before, aside.qbo-sidebar > nav button.qbo-primary::before, aside.qbo-sidebar > nav button.qbo-btn::before, aside.qbo-sidebar > nav .qbo-btn-light::before, aside.qbo-sidebar > nav > ul > li > button::before {
21245
+ .bd-links .btn::before, .bd-links button.qbo-primary-dropdown::before, .bd-links button.qbo-secondary::before, .bd-links button.qbo-primary::before, .bd-links button.qbo-btn::before, .bd-links .qbo-btn-light::before, aside.qbo-sidebar > nav .btn::before, aside.qbo-sidebar > nav button.qbo-primary-dropdown::before, aside.qbo-sidebar > nav button.qbo-secondary::before, aside.qbo-sidebar > nav button.qbo-primary::before, aside.qbo-sidebar > nav button.qbo-btn::before, aside.qbo-sidebar > nav .qbo-btn-light::before, aside.qbo-sidebar > nav > ul > li > button::before, .bd-links qbo-icon[type=toggle]::before, aside.qbo-sidebar > nav qbo-icon[type=toggle]::before, .bd-links qbo-icon[type=button]::before, aside.qbo-sidebar > nav qbo-icon[type=button]::before {
21005
21246
  width: 1.25em;
21006
21247
  line-height: 0;
21007
21248
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
@@ -21010,19 +21251,19 @@ nav.qbo-breadcrumb > div > nav > ul {
21010
21251
  }
21011
21252
 
21012
21253
  @media (prefers-reduced-motion: reduce) {
21013
- .bd-links .btn::before, .bd-links button.qbo-primary-dropdown::before, .bd-links button.qbo-secondary::before, .bd-links button.qbo-primary::before, .bd-links button.qbo-btn::before, .bd-links .qbo-btn-light::before, aside.qbo-sidebar > nav .btn::before, aside.qbo-sidebar > nav button.qbo-primary-dropdown::before, aside.qbo-sidebar > nav button.qbo-secondary::before, aside.qbo-sidebar > nav button.qbo-primary::before, aside.qbo-sidebar > nav button.qbo-btn::before, aside.qbo-sidebar > nav .qbo-btn-light::before, aside.qbo-sidebar > nav > ul > li > button::before {
21254
+ .bd-links .btn::before, .bd-links button.qbo-primary-dropdown::before, .bd-links button.qbo-secondary::before, .bd-links button.qbo-primary::before, .bd-links button.qbo-btn::before, .bd-links .qbo-btn-light::before, aside.qbo-sidebar > nav .btn::before, aside.qbo-sidebar > nav button.qbo-primary-dropdown::before, aside.qbo-sidebar > nav button.qbo-secondary::before, aside.qbo-sidebar > nav button.qbo-primary::before, aside.qbo-sidebar > nav button.qbo-btn::before, aside.qbo-sidebar > nav .qbo-btn-light::before, aside.qbo-sidebar > nav > ul > li > button::before, .bd-links qbo-icon[type=toggle]::before, aside.qbo-sidebar > nav qbo-icon[type=toggle]::before, .bd-links qbo-icon[type=button]::before, aside.qbo-sidebar > nav qbo-icon[type=button]::before {
21014
21255
  transition: none;
21015
21256
  }
21016
21257
  }
21017
- .bd-links .btn[aria-expanded=true], .bd-links button[aria-expanded=true].qbo-primary-dropdown, .bd-links button[aria-expanded=true].qbo-secondary, .bd-links button[aria-expanded=true].qbo-primary, .bd-links button[aria-expanded=true].qbo-btn, .bd-links [aria-expanded=true].qbo-btn-light, aside.qbo-sidebar > nav .btn[aria-expanded=true], aside.qbo-sidebar > nav button[aria-expanded=true].qbo-primary-dropdown, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-secondary, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-primary, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-btn, aside.qbo-sidebar > nav [aria-expanded=true].qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button[aria-expanded=true] {
21258
+ .bd-links .btn[aria-expanded=true], .bd-links button[aria-expanded=true].qbo-primary-dropdown, .bd-links button[aria-expanded=true].qbo-secondary, .bd-links button[aria-expanded=true].qbo-primary, .bd-links button[aria-expanded=true].qbo-btn, .bd-links [aria-expanded=true].qbo-btn-light, aside.qbo-sidebar > nav .btn[aria-expanded=true], aside.qbo-sidebar > nav button[aria-expanded=true].qbo-primary-dropdown, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-secondary, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-primary, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-btn, aside.qbo-sidebar > nav [aria-expanded=true].qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button[aria-expanded=true], .bd-links qbo-icon[aria-expanded=true][type=toggle], aside.qbo-sidebar > nav qbo-icon[aria-expanded=true][type=toggle], .bd-links qbo-icon[aria-expanded=true][type=button], aside.qbo-sidebar > nav qbo-icon[aria-expanded=true][type=button] {
21018
21259
  color: rgba(0, 0, 0, 0.85);
21019
21260
  }
21020
21261
 
21021
- .bd-links .btn[aria-expanded=true]::before, .bd-links button[aria-expanded=true].qbo-primary-dropdown::before, .bd-links button[aria-expanded=true].qbo-secondary::before, .bd-links button[aria-expanded=true].qbo-primary::before, .bd-links button[aria-expanded=true].qbo-btn::before, .bd-links [aria-expanded=true].qbo-btn-light::before, aside.qbo-sidebar > nav .btn[aria-expanded=true]::before, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-primary-dropdown::before, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-secondary::before, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-primary::before, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-btn::before, aside.qbo-sidebar > nav [aria-expanded=true].qbo-btn-light::before, aside.qbo-sidebar > nav > ul > li > button[aria-expanded=true]::before {
21262
+ .bd-links .btn[aria-expanded=true]::before, .bd-links button[aria-expanded=true].qbo-primary-dropdown::before, .bd-links button[aria-expanded=true].qbo-secondary::before, .bd-links button[aria-expanded=true].qbo-primary::before, .bd-links button[aria-expanded=true].qbo-btn::before, .bd-links [aria-expanded=true].qbo-btn-light::before, aside.qbo-sidebar > nav .btn[aria-expanded=true]::before, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-primary-dropdown::before, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-secondary::before, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-primary::before, aside.qbo-sidebar > nav button[aria-expanded=true].qbo-btn::before, aside.qbo-sidebar > nav [aria-expanded=true].qbo-btn-light::before, aside.qbo-sidebar > nav > ul > li > button[aria-expanded=true]::before, .bd-links qbo-icon[aria-expanded=true][type=toggle]::before, aside.qbo-sidebar > nav qbo-icon[aria-expanded=true][type=toggle]::before, .bd-links qbo-icon[aria-expanded=true][type=button]::before, aside.qbo-sidebar > nav qbo-icon[aria-expanded=true][type=button]::before {
21022
21263
  transform: rotate(90deg);
21023
21264
  }
21024
21265
 
21025
- .bd-links .active, .bd-links nav.qbo-breadcrumb > div > nav > ul > li:last-child, aside.qbo-sidebar > nav .active, .bd-links .qbo-paginate li.active, .qbo-paginate .bd-links li.active {
21266
+ .bd-links .active, .bd-links nav.qbo-breadcrumb > div > nav > ul > li:last-child, aside.qbo-sidebar > nav .active, .bd-links .qbo-paginate li.active, .qbo-paginate .bd-links li.active, .bd-links qbo-icon[selected], aside.qbo-sidebar > nav qbo-icon[selected] {
21026
21267
  font-weight: 600;
21027
21268
  color: rgba(0, 0, 0, 0.85);
21028
21269
  }
@@ -21098,11 +21339,11 @@ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.qbo-form > textarea.q
21098
21339
  margin-top: 0.5rem;
21099
21340
  }
21100
21341
 
21101
- .bd-example > .nav + .nav, div.qbo-form > .nav + .nav, .bd-example > .alert + .alert, div.qbo-form > .alert + .alert, .bd-example > .navbar + .navbar, div.qbo-form > .navbar + .navbar, .bd-example > nav.qbo-mainmenu + .navbar, div.qbo-form > nav.qbo-mainmenu + .navbar, .bd-example > .navbar + nav.qbo-mainmenu, div.qbo-form > .navbar + nav.qbo-mainmenu, .bd-example > nav.qbo-mainmenu + nav.qbo-mainmenu, div.qbo-form > nav.qbo-mainmenu + nav.qbo-mainmenu, .bd-example > .progress + .progress, div.qbo-form > .progress + .progress {
21342
+ .bd-example > .nav + .nav, qbo-menu[type=side] .bd-example > menu + .nav, .qbo-menu-side .bd-example > menu + .nav, qbo-menu[type=side] .bd-example > .nav + menu, qbo-menu[type=side] .bd-example > menu + menu, .qbo-menu-side .bd-example > .nav + menu, .qbo-menu-side .bd-example > menu + menu, div.qbo-form > .nav + .nav, qbo-menu[type=side] div.qbo-form > menu + .nav, .qbo-menu-side div.qbo-form > menu + .nav, qbo-menu[type=side] div.qbo-form > .nav + menu, qbo-menu[type=side] div.qbo-form > menu + menu, .qbo-menu-side div.qbo-form > .nav + menu, .qbo-menu-side div.qbo-form > menu + menu, .bd-example > .alert + .alert, div.qbo-form > .alert + .alert, .bd-example > .navbar + .navbar, div.qbo-form > .navbar + .navbar, .bd-example > nav.qbo-mainmenu + .navbar, div.qbo-form > nav.qbo-mainmenu + .navbar, .bd-example > .navbar + nav.qbo-mainmenu, div.qbo-form > .navbar + nav.qbo-mainmenu, .bd-example > nav.qbo-mainmenu + nav.qbo-mainmenu, div.qbo-form > nav.qbo-mainmenu + nav.qbo-mainmenu, .bd-example > .progress + .progress, div.qbo-form > .progress + .progress {
21102
21343
  margin-top: 1rem;
21103
21344
  }
21104
21345
 
21105
- .bd-example > .dropdown-menu, qbo-contextmenu.bd-example > ul, .bd-example.qbo-context-menu > ul, qbo-contextmenu.bd-example > menu, .bd-example.qbo-context-menu > menu, div.qbo-form > .dropdown-menu, div.qbo-form.qbo-context-menu > ul, div.qbo-form.qbo-context-menu > menu {
21346
+ .bd-example > .dropdown-menu, qbo-menu.bd-example[type=context] > ul, .bd-example.qbo-menu-context > ul, qbo-menu.bd-example[type=context] > menu, .bd-example.qbo-menu-context > menu, div.qbo-form > .dropdown-menu, div.qbo-form.qbo-menu-context > ul, div.qbo-form.qbo-menu-context > menu {
21106
21347
  position: static;
21107
21348
  display: block;
21108
21349
  }
@@ -21115,7 +21356,7 @@ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.qbo-form > textarea.q
21115
21356
  margin-left: 0.5rem;
21116
21357
  }
21117
21358
 
21118
- .bd-example > .btn, .bd-example > button.qbo-primary-dropdown, .bd-example > button.qbo-secondary, .bd-example > button.qbo-primary, .bd-example > button.qbo-btn, .bd-example > .qbo-btn-light, div.qbo-form > .btn, div.qbo-form > button.qbo-primary-dropdown, div.qbo-form > button.qbo-secondary, div.qbo-form > button.qbo-primary, div.qbo-form > button.qbo-btn, div.qbo-form > .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.bd-example > button, .bd-example > .btn-group, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .bd-example > div.qbo-btn-group, div.qbo-form > .btn-group, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-form > div.qbo-btn-group {
21359
+ .bd-example > .btn, .bd-example > button.qbo-primary-dropdown, .bd-example > button.qbo-secondary, .bd-example > button.qbo-primary, .bd-example > button.qbo-btn, .bd-example > .qbo-btn-light, div.qbo-form > .btn, div.qbo-form > button.qbo-primary-dropdown, div.qbo-form > button.qbo-secondary, div.qbo-form > button.qbo-primary, div.qbo-form > button.qbo-btn, div.qbo-form > .qbo-btn-light, aside.qbo-sidebar > nav > ul > li.bd-example > button, .bd-example > qbo-icon[type=toggle], div.qbo-form > qbo-icon[type=toggle], .bd-example > qbo-icon[type=button], div.qbo-form > qbo-icon[type=button], .bd-example > .btn-group, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .bd-example > div.qbo-btn-group, div.qbo-form > .btn-group, div.qbo-form form > * > slot > * > slot > div.qbo-form-actions div.qbo-form > div.qbo-btn-group {
21119
21360
  margin: 0.25rem 0.125rem;
21120
21361
  }
21121
21362
 
@@ -21205,6 +21446,46 @@ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.qbo-form > textarea.q
21205
21446
  color: inherit;
21206
21447
  }
21207
21448
 
21449
+ qbo-card, .qbo-card {
21450
+ overflow-y: auto;
21451
+ }
21452
+ qbo-card header, .qbo-card header {
21453
+ font-weight: bold;
21454
+ font-size: 1.25rem;
21455
+ cursor: pointer;
21456
+ position: relative;
21457
+ padding-left: 1.25rem;
21458
+ background-repeat: no-repeat;
21459
+ background-position: left center;
21460
+ background-size: 1rem 1rem;
21461
+ }
21462
+ qbo-card.minimize > *, .qbo-card.minimize > * {
21463
+ display: none;
21464
+ }
21465
+ qbo-card.minimize header, .qbo-card.minimize header {
21466
+ display: block;
21467
+ }
21468
+ qbo-card.normal > *.expanded, .qbo-card.normal > *.expanded {
21469
+ display: none;
21470
+ }
21471
+
21472
+ qbo-card[display=maximize] header {
21473
+ background-image: url("/ui/images/qbo-icons.svg#i-arrow-down-circle");
21474
+ }
21475
+
21476
+ qbo-card[display=minimize] header {
21477
+ background-image: url("/ui/images/qbo-icons.svg#i-arrow-right-circle");
21478
+ }
21479
+
21480
+ qbo-card[display=normal] header {
21481
+ position: relative;
21482
+ padding-left: 1.25rem;
21483
+ background-image: url("/ui/images/qbo-icons.svg#i-arrow-down-right-circle");
21484
+ background-repeat: no-repeat;
21485
+ background-position: left center;
21486
+ background-size: 1rem 1rem;
21487
+ }
21488
+
21208
21489
  .qbo-modal {
21209
21490
  display: block;
21210
21491
  }
@@ -21321,9 +21602,25 @@ qbo-resize.vertical {
21321
21602
  width: auto; /* Allow custom width */
21322
21603
  }
21323
21604
 
21324
- qbo-contextmenu, .qbo-context-menu {
21325
- position: absolute;
21605
+ qbo-menu[type=context], .qbo-menu-context {
21606
+ position: fixed;
21607
+ z-index: 2;
21608
+ }
21609
+ qbo-menu[type=side], .qbo-menu-side {
21610
+ width: auto;
21611
+ padding: 0 0;
21612
+ transition: width 0.1s;
21613
+ cursor: ew-resize;
21614
+ border-left: 1px solid var(--bs-dark-border-subtle);
21615
+ border-right: 1px solid var(--bs-dark-border-subtle);
21326
21616
  }
21617
+ qbo-menu[type=side] span, .qbo-menu-side span {
21618
+ display: none;
21619
+ }
21620
+ qbo-menu[type=side].expanded span, .qbo-menu-side.expanded span {
21621
+ display: inline;
21622
+ }
21623
+
21327
21624
  tr.qbo-select-on {
21328
21625
  background-color: lightgray;
21329
21626
  }