@quandis/qbo4.ui-bridge 4.0.1-CI-20241023-170319 → 4.0.1-CI-20241024-212216

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.
@@ -2111,7 +2111,7 @@ div.qbo-container-layout,
2111
2111
  }
2112
2112
 
2113
2113
  .form-control, div.qbo-form form > * > slot div > input.qbo-sm,
2114
- div.qbo-form form > * > slot div > textarea.qbo-sm {
2114
+ div.qbo-form form > * > slot div > textarea.qbo-sm, .qbo-paginate li.pageSize input {
2115
2115
  display: block;
2116
2116
  width: 100%;
2117
2117
  padding: 0.375rem 0.75rem;
@@ -2130,20 +2130,20 @@ div.qbo-form form > * > slot div > textarea.qbo-sm {
2130
2130
  }
2131
2131
  @media (prefers-reduced-motion: reduce) {
2132
2132
  .form-control, div.qbo-form form > * > slot div > input.qbo-sm,
2133
- div.qbo-form form > * > slot div > textarea.qbo-sm {
2133
+ div.qbo-form form > * > slot div > textarea.qbo-sm, .qbo-paginate li.pageSize input {
2134
2134
  transition: none;
2135
2135
  }
2136
2136
  }
2137
2137
  .form-control[type=file], div.qbo-form form > * > slot div > input[type=file].qbo-sm,
2138
- div.qbo-form form > * > slot div > textarea[type=file].qbo-sm {
2138
+ div.qbo-form form > * > slot div > textarea[type=file].qbo-sm, .qbo-paginate li.pageSize input[type=file] {
2139
2139
  overflow: hidden;
2140
2140
  }
2141
2141
  .form-control[type=file]:not(:disabled):not([readonly]), div.qbo-form form > * > slot div > input[type=file].qbo-sm:not(:disabled):not([readonly]),
2142
- div.qbo-form form > * > slot div > textarea[type=file].qbo-sm:not(:disabled):not([readonly]) {
2142
+ div.qbo-form form > * > slot div > textarea[type=file].qbo-sm:not(:disabled):not([readonly]), .qbo-paginate li.pageSize input[type=file]:not(:disabled):not([readonly]) {
2143
2143
  cursor: pointer;
2144
2144
  }
2145
2145
  .form-control:focus, div.qbo-form form > * > slot div > input.qbo-sm:focus,
2146
- div.qbo-form form > * > slot div > textarea.qbo-sm:focus {
2146
+ div.qbo-form form > * > slot div > textarea.qbo-sm:focus, .qbo-paginate li.pageSize input:focus {
2147
2147
  color: var(--bs-body-color);
2148
2148
  background-color: var(--bs-body-bg);
2149
2149
  border-color: rgb(134, 182.5, 254);
@@ -2151,32 +2151,32 @@ div.qbo-form form > * > slot div > textarea.qbo-sm:focus {
2151
2151
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2152
2152
  }
2153
2153
  .form-control::-webkit-date-and-time-value, div.qbo-form form > * > slot div > input.qbo-sm::-webkit-date-and-time-value,
2154
- div.qbo-form form > * > slot div > textarea.qbo-sm::-webkit-date-and-time-value {
2154
+ div.qbo-form form > * > slot div > textarea.qbo-sm::-webkit-date-and-time-value, .qbo-paginate li.pageSize input::-webkit-date-and-time-value {
2155
2155
  min-width: 85px;
2156
2156
  height: 1.5em;
2157
2157
  margin: 0;
2158
2158
  }
2159
2159
  .form-control::-webkit-datetime-edit, div.qbo-form form > * > slot div > input.qbo-sm::-webkit-datetime-edit,
2160
- div.qbo-form form > * > slot div > textarea.qbo-sm::-webkit-datetime-edit {
2160
+ div.qbo-form form > * > slot div > textarea.qbo-sm::-webkit-datetime-edit, .qbo-paginate li.pageSize input::-webkit-datetime-edit {
2161
2161
  display: block;
2162
2162
  padding: 0;
2163
2163
  }
2164
- .form-control::-moz-placeholder, div.qbo-form form > * > slot div > input.qbo-sm::-moz-placeholder, div.qbo-form form > * > slot div > textarea.qbo-sm::-moz-placeholder {
2164
+ .form-control::-moz-placeholder, div.qbo-form form > * > slot div > input.qbo-sm::-moz-placeholder, div.qbo-form form > * > slot div > textarea.qbo-sm::-moz-placeholder, .qbo-paginate li.pageSize input::-moz-placeholder {
2165
2165
  color: var(--bs-secondary-color);
2166
2166
  opacity: 1;
2167
2167
  }
2168
2168
  .form-control::placeholder, div.qbo-form form > * > slot div > input.qbo-sm::placeholder,
2169
- div.qbo-form form > * > slot div > textarea.qbo-sm::placeholder {
2169
+ div.qbo-form form > * > slot div > textarea.qbo-sm::placeholder, .qbo-paginate li.pageSize input::placeholder {
2170
2170
  color: var(--bs-secondary-color);
2171
2171
  opacity: 1;
2172
2172
  }
2173
2173
  .form-control:disabled, div.qbo-form form > * > slot div > input.qbo-sm:disabled,
2174
- div.qbo-form form > * > slot div > textarea.qbo-sm:disabled {
2174
+ div.qbo-form form > * > slot div > textarea.qbo-sm:disabled, .qbo-paginate li.pageSize input:disabled {
2175
2175
  background-color: var(--bs-secondary-bg);
2176
2176
  opacity: 1;
2177
2177
  }
2178
2178
  .form-control::file-selector-button, div.qbo-form form > * > slot div > input.qbo-sm::file-selector-button,
2179
- div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button {
2179
+ div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button, .qbo-paginate li.pageSize input::file-selector-button {
2180
2180
  padding: 0.375rem 0.75rem;
2181
2181
  margin: -0.375rem -0.75rem;
2182
2182
  margin-inline-end: 0.75rem;
@@ -2192,12 +2192,12 @@ div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button {
2192
2192
  }
2193
2193
  @media (prefers-reduced-motion: reduce) {
2194
2194
  .form-control::file-selector-button, div.qbo-form form > * > slot div > input.qbo-sm::file-selector-button,
2195
- div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button {
2195
+ div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button, .qbo-paginate li.pageSize input::file-selector-button {
2196
2196
  transition: none;
2197
2197
  }
2198
2198
  }
2199
2199
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button, div.qbo-form form > * > slot div > input.qbo-sm:hover:not(:disabled):not([readonly])::file-selector-button,
2200
- div.qbo-form form > * > slot div > textarea.qbo-sm:hover:not(:disabled):not([readonly])::file-selector-button {
2200
+ div.qbo-form form > * > slot div > textarea.qbo-sm:hover:not(:disabled):not([readonly])::file-selector-button, .qbo-paginate li.pageSize input:hover:not(:disabled):not([readonly])::file-selector-button {
2201
2201
  background-color: var(--bs-secondary-bg);
2202
2202
  }
2203
2203
 
@@ -2216,20 +2216,20 @@ div.qbo-form form > * > slot div > textarea.qbo-sm:hover:not(:disabled):not([rea
2216
2216
  outline: 0;
2217
2217
  }
2218
2218
  .form-control-plaintext.form-control-sm, div.qbo-form form > * > slot div > input.form-control-plaintext.qbo-sm,
2219
- div.qbo-form form > * > slot div > textarea.form-control-plaintext.qbo-sm, .form-control-plaintext.form-control-lg {
2219
+ div.qbo-form form > * > slot div > textarea.form-control-plaintext.qbo-sm, .qbo-paginate.small li.pageSize input.form-control-plaintext, aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize input.form-control-plaintext, .form-control-plaintext.form-control-lg {
2220
2220
  padding-right: 0;
2221
2221
  padding-left: 0;
2222
2222
  }
2223
2223
 
2224
2224
  .form-control-sm, div.qbo-form form > * > slot div > input.qbo-sm,
2225
- div.qbo-form form > * > slot div > textarea.qbo-sm {
2225
+ div.qbo-form form > * > slot div > textarea.qbo-sm, .qbo-paginate.small li.pageSize input, aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize input {
2226
2226
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2227
2227
  padding: 0.25rem 0.5rem;
2228
2228
  font-size: 0.875rem;
2229
2229
  border-radius: var(--bs-border-radius-sm);
2230
2230
  }
2231
2231
  .form-control-sm::file-selector-button, div.qbo-form form > * > slot div > input.qbo-sm::file-selector-button,
2232
- div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button {
2232
+ div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button, .qbo-paginate.small li.pageSize input::file-selector-button, aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize input::file-selector-button {
2233
2233
  padding: 0.25rem 0.5rem;
2234
2234
  margin: -0.25rem -0.5rem;
2235
2235
  margin-inline-end: 0.5rem;
@@ -2276,7 +2276,7 @@ textarea.form-control-lg {
2276
2276
  border-radius: var(--bs-border-radius);
2277
2277
  }
2278
2278
  .form-control-color.form-control-sm, div.qbo-form form > * > slot div > input.form-control-color.qbo-sm,
2279
- div.qbo-form form > * > slot div > textarea.form-control-color.qbo-sm {
2279
+ div.qbo-form form > * > slot div > textarea.form-control-color.qbo-sm, .qbo-paginate.small li.pageSize input.form-control-color, aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize input.form-control-color {
2280
2280
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2281
2281
  }
2282
2282
  .form-control-color.form-control-lg {
@@ -2583,7 +2583,7 @@ div.qbo-form form > * > slot [data-bs-theme=dark] div > select.qbo-sm {
2583
2583
  position: relative;
2584
2584
  }
2585
2585
  .form-floating > .form-control, div.qbo-form form > * > slot div.form-floating > input.qbo-sm,
2586
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm,
2586
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm, .qbo-paginate li.pageSize .form-floating > input,
2587
2587
  .form-floating > .form-control-plaintext,
2588
2588
  .form-floating > .form-select,
2589
2589
  div.qbo-form form > * > slot div > .form-floating > select.qbo-sm,
@@ -2614,32 +2614,32 @@ div.qbo-form form > * > slot div.form-floating > select.qbo-sm {
2614
2614
  }
2615
2615
  }
2616
2616
  .form-floating > .form-control, div.qbo-form form > * > slot div.form-floating > input.qbo-sm,
2617
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm,
2617
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm, .qbo-paginate li.pageSize .form-floating > input,
2618
2618
  .form-floating > .form-control-plaintext {
2619
2619
  padding: 1rem 0.75rem;
2620
2620
  }
2621
- .form-floating > .form-control::-moz-placeholder, div.qbo-form form > * > slot div.form-floating > input.qbo-sm::-moz-placeholder, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
2621
+ .form-floating > .form-control::-moz-placeholder, div.qbo-form form > * > slot div.form-floating > input.qbo-sm::-moz-placeholder, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm::-moz-placeholder, .qbo-paginate li.pageSize .form-floating > input::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
2622
2622
  color: transparent;
2623
2623
  }
2624
2624
  .form-floating > .form-control::placeholder, div.qbo-form form > * > slot div.form-floating > input.qbo-sm::placeholder,
2625
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm::placeholder,
2625
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm::placeholder, .qbo-paginate li.pageSize .form-floating > input::placeholder,
2626
2626
  .form-floating > .form-control-plaintext::placeholder {
2627
2627
  color: transparent;
2628
2628
  }
2629
- .form-floating > .form-control:not(:-moz-placeholder-shown), div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown), div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
2629
+ .form-floating > .form-control:not(:-moz-placeholder-shown), div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown), div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown), .qbo-paginate li.pageSize .form-floating > input:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
2630
2630
  padding-top: 1.625rem;
2631
2631
  padding-bottom: 0.625rem;
2632
2632
  }
2633
2633
  .form-floating > .form-control:focus, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:focus,
2634
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus, .form-floating > .form-control:not(:placeholder-shown), div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:placeholder-shown),
2635
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:placeholder-shown),
2634
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus, .qbo-paginate li.pageSize .form-floating > input:focus, .form-floating > .form-control:not(:placeholder-shown), div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:placeholder-shown),
2635
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:placeholder-shown), .qbo-paginate li.pageSize .form-floating > input:not(:placeholder-shown),
2636
2636
  .form-floating > .form-control-plaintext:focus,
2637
2637
  .form-floating > .form-control-plaintext:not(:placeholder-shown) {
2638
2638
  padding-top: 1.625rem;
2639
2639
  padding-bottom: 0.625rem;
2640
2640
  }
2641
2641
  .form-floating > .form-control:-webkit-autofill, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:-webkit-autofill,
2642
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:-webkit-autofill,
2642
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:-webkit-autofill, .qbo-paginate li.pageSize .form-floating > input:-webkit-autofill,
2643
2643
  .form-floating > .form-control-plaintext:-webkit-autofill {
2644
2644
  padding-top: 1.625rem;
2645
2645
  padding-bottom: 0.625rem;
@@ -2649,15 +2649,16 @@ div.qbo-form form > * > slot div.form-floating > select.qbo-sm {
2649
2649
  padding-top: 1.625rem;
2650
2650
  padding-bottom: 0.625rem;
2651
2651
  }
2652
- .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown) ~ label, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown) ~ label {
2652
+ .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown) ~ label, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown) ~ label, .qbo-paginate li.pageSize .form-floating > input:not(:-moz-placeholder-shown) ~ label {
2653
2653
  color: rgba(var(--bs-body-color-rgb), 0.65);
2654
2654
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2655
2655
  }
2656
2656
  .form-floating > .form-control:focus ~ label, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:focus ~ label,
2657
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus ~ label,
2657
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus ~ label, .qbo-paginate li.pageSize .form-floating > input:focus ~ label,
2658
2658
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
2659
2659
  div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:placeholder-shown) ~ label,
2660
2660
  div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:placeholder-shown) ~ label,
2661
+ .qbo-paginate li.pageSize .form-floating > input:not(:placeholder-shown) ~ label,
2661
2662
  .form-floating > .form-control-plaintext ~ label,
2662
2663
  .form-floating > .form-select ~ label,
2663
2664
  div.qbo-form form > * > slot div > .form-floating > select.qbo-sm ~ label,
@@ -2665,7 +2666,7 @@ div.qbo-form form > * > slot div.form-floating > select.qbo-sm ~ label {
2665
2666
  color: rgba(var(--bs-body-color-rgb), 0.65);
2666
2667
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2667
2668
  }
2668
- .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown) ~ label::after, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown) ~ label::after {
2669
+ .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:-moz-placeholder-shown) ~ label::after, div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:-moz-placeholder-shown) ~ label::after, .qbo-paginate li.pageSize .form-floating > input:not(:-moz-placeholder-shown) ~ label::after {
2669
2670
  position: absolute;
2670
2671
  inset: 1rem 0.375rem;
2671
2672
  z-index: -1;
@@ -2675,10 +2676,11 @@ div.qbo-form form > * > slot div.form-floating > select.qbo-sm ~ label {
2675
2676
  border-radius: var(--bs-border-radius);
2676
2677
  }
2677
2678
  .form-floating > .form-control:focus ~ label::after, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:focus ~ label::after,
2678
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus ~ label::after,
2679
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:focus ~ label::after, .qbo-paginate li.pageSize .form-floating > input:focus ~ label::after,
2679
2680
  .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
2680
2681
  div.qbo-form form > * > slot div.form-floating > input.qbo-sm:not(:placeholder-shown) ~ label::after,
2681
2682
  div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:not(:placeholder-shown) ~ label::after,
2683
+ .qbo-paginate li.pageSize .form-floating > input:not(:placeholder-shown) ~ label::after,
2682
2684
  .form-floating > .form-control-plaintext ~ label::after,
2683
2685
  .form-floating > .form-select ~ label::after,
2684
2686
  div.qbo-form form > * > slot div > .form-floating > select.qbo-sm ~ label::after,
@@ -2692,7 +2694,7 @@ div.qbo-form form > * > slot div.form-floating > select.qbo-sm ~ label::after {
2692
2694
  border-radius: var(--bs-border-radius);
2693
2695
  }
2694
2696
  .form-floating > .form-control:-webkit-autofill ~ label, div.qbo-form form > * > slot div.form-floating > input.qbo-sm:-webkit-autofill ~ label,
2695
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:-webkit-autofill ~ label {
2697
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:-webkit-autofill ~ label, .qbo-paginate li.pageSize .form-floating > input:-webkit-autofill ~ label {
2696
2698
  color: rgba(var(--bs-body-color-rgb), 0.65);
2697
2699
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2698
2700
  }
@@ -2702,7 +2704,8 @@ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:-webkit-autofil
2702
2704
  .form-floating > :disabled ~ label,
2703
2705
  .form-floating > .form-control:disabled ~ label,
2704
2706
  div.qbo-form form > * > slot div.form-floating > input.qbo-sm:disabled ~ label,
2705
- div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:disabled ~ label {
2707
+ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:disabled ~ label,
2708
+ .qbo-paginate li.pageSize .form-floating > input:disabled ~ label {
2706
2709
  color: #6c757d;
2707
2710
  }
2708
2711
  .form-floating > :disabled ~ label::after,
@@ -2712,7 +2715,7 @@ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:disabled ~ labe
2712
2715
  background-color: var(--bs-secondary-bg);
2713
2716
  }
2714
2717
 
2715
- .input-group, div.qbo-input-group {
2718
+ .input-group, div.qbo-input-group, .qbo-paginate li.pageSize {
2716
2719
  position: relative;
2717
2720
  display: flex;
2718
2721
  flex-wrap: wrap;
@@ -2721,14 +2724,18 @@ div.qbo-form form > * > slot div.form-floating > textarea.qbo-sm:disabled ~ labe
2721
2724
  }
2722
2725
  .input-group > .form-control, div.qbo-input-group > .form-control, div.qbo-form form > * > slot div.input-group > input.qbo-sm, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm,
2723
2726
  div.qbo-form form > * > slot div.input-group > textarea.qbo-sm,
2724
- div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm,
2727
+ div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm, .qbo-paginate li.pageSize .input-group > input, .qbo-paginate li.pageSize div.qbo-input-group > input, .qbo-paginate li.pageSize > .form-control, .qbo-paginate li.pageSize > input,
2725
2728
  .input-group > .form-select,
2726
2729
  div.qbo-input-group > .form-select,
2727
2730
  div.qbo-form form > * > slot div > .input-group > select.qbo-sm,
2728
2731
  div.qbo-form form > * > slot div.input-group > select.qbo-sm,
2729
2732
  div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm,
2733
+ .qbo-paginate li.pageSize > .form-select,
2734
+ .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm,
2735
+ div.qbo-form form > * > slot .qbo-paginate div > li.pageSize > select.qbo-sm,
2730
2736
  .input-group > .form-floating,
2731
- div.qbo-input-group > .form-floating {
2737
+ div.qbo-input-group > .form-floating,
2738
+ .qbo-paginate li.pageSize > .form-floating {
2732
2739
  position: relative;
2733
2740
  flex: 1 1 auto;
2734
2741
  width: 1%;
@@ -2736,25 +2743,29 @@ div.qbo-input-group > .form-floating {
2736
2743
  }
2737
2744
  .input-group > .form-control:focus, div.qbo-input-group > .form-control:focus, div.qbo-form form > * > slot div.input-group > input.qbo-sm:focus, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm:focus,
2738
2745
  div.qbo-form form > * > slot div.input-group > textarea.qbo-sm:focus,
2739
- div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:focus,
2746
+ div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:focus, .qbo-paginate li.pageSize .input-group > input:focus, .qbo-paginate li.pageSize div.qbo-input-group > input:focus, .qbo-paginate li.pageSize > .form-control:focus, .qbo-paginate li.pageSize > input:focus,
2740
2747
  .input-group > .form-select:focus,
2741
2748
  div.qbo-input-group > .form-select:focus,
2742
2749
  div.qbo-form form > * > slot div > .input-group > select.qbo-sm:focus,
2743
2750
  div.qbo-form form > * > slot div.input-group > select.qbo-sm:focus,
2744
2751
  div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm:focus,
2752
+ .qbo-paginate li.pageSize > .form-select:focus,
2753
+ .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:focus,
2754
+ div.qbo-form form > * > slot .qbo-paginate div > li.pageSize > select.qbo-sm:focus,
2745
2755
  .input-group > .form-floating:focus-within,
2746
- div.qbo-input-group > .form-floating:focus-within {
2756
+ div.qbo-input-group > .form-floating:focus-within,
2757
+ .qbo-paginate li.pageSize > .form-floating:focus-within {
2747
2758
  z-index: 5;
2748
2759
  }
2749
- .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 {
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 {
2750
2761
  position: relative;
2751
2762
  z-index: 2;
2752
2763
  }
2753
- .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 {
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 {
2754
2765
  z-index: 5;
2755
2766
  }
2756
2767
 
2757
- .input-group-text, span.qbo-input-group-text {
2768
+ .input-group-text, span.qbo-input-group-text, .qbo-paginate li.pageSize span {
2758
2769
  display: flex;
2759
2770
  align-items: center;
2760
2771
  padding: 0.375rem 0.75rem;
@@ -2770,12 +2781,13 @@ div.qbo-input-group > .form-floating:focus-within {
2770
2781
  }
2771
2782
 
2772
2783
  .input-group-lg > .form-control, div.qbo-form form > * > slot div.input-group-lg > input.qbo-sm,
2773
- div.qbo-form form > * > slot div.input-group-lg > textarea.qbo-sm,
2784
+ div.qbo-form form > * > slot div.input-group-lg > textarea.qbo-sm, .qbo-paginate li.pageSize .input-group-lg > input,
2774
2785
  .input-group-lg > .form-select,
2775
2786
  div.qbo-form form > * > slot div > .input-group-lg > select.qbo-sm,
2776
2787
  div.qbo-form form > * > slot div.input-group-lg > select.qbo-sm,
2777
2788
  .input-group-lg > .input-group-text,
2778
2789
  .input-group-lg > span.qbo-input-group-text,
2790
+ .qbo-paginate li.pageSize .input-group-lg > span,
2779
2791
  .input-group-lg > .btn,
2780
2792
  .input-group-lg > button.qbo-primary-dropdown,
2781
2793
  .input-group-lg > button.qbo-secondary,
@@ -2789,19 +2801,46 @@ aside.qbo-sidebar > nav > ul > li.input-group-lg > button {
2789
2801
  }
2790
2802
 
2791
2803
  .input-group-sm > .form-control, div.qbo-form form > * > slot div.input-group-sm > input.qbo-sm,
2792
- div.qbo-form form > * > slot div.input-group-sm > textarea.qbo-sm,
2804
+ div.qbo-form form > * > slot div.input-group-sm > textarea.qbo-sm, .qbo-paginate.small li.pageSize > .form-control, aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .form-control, .qbo-paginate li.pageSize .input-group-sm > input, .qbo-paginate.small li.pageSize li.pageSize > input, aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize li.pageSize > input,
2793
2805
  .input-group-sm > .form-select,
2794
2806
  div.qbo-form form > * > slot div > .input-group-sm > select.qbo-sm,
2795
2807
  div.qbo-form form > * > slot div.input-group-sm > select.qbo-sm,
2808
+ .qbo-paginate.small li.pageSize > .form-select,
2809
+ .qbo-paginate.small div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm,
2810
+ div.qbo-form form > * > slot .qbo-paginate.small div > li.pageSize > select.qbo-sm,
2811
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .form-select,
2812
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm,
2813
+ div.qbo-form form > * > slot aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate div > li.pageSize > select.qbo-sm,
2796
2814
  .input-group-sm > .input-group-text,
2797
2815
  .input-group-sm > span.qbo-input-group-text,
2816
+ .qbo-paginate.small li.pageSize > .input-group-text,
2817
+ .qbo-paginate.small li.pageSize > span.qbo-input-group-text,
2818
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .input-group-text,
2819
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > span.qbo-input-group-text,
2820
+ .qbo-paginate li.pageSize .input-group-sm > span,
2821
+ .qbo-paginate.small li.pageSize li.pageSize > span,
2822
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize li.pageSize > span,
2798
2823
  .input-group-sm > .btn,
2799
2824
  .input-group-sm > button.qbo-primary-dropdown,
2800
2825
  .input-group-sm > button.qbo-secondary,
2801
2826
  .input-group-sm > button.qbo-primary,
2802
2827
  .input-group-sm > button.qbo-btn,
2803
2828
  .input-group-sm > .qbo-btn-light,
2804
- aside.qbo-sidebar > nav > ul > li.input-group-sm > button {
2829
+ aside.qbo-sidebar > nav > ul > li.input-group-sm > button,
2830
+ .qbo-paginate.small li.pageSize > .btn,
2831
+ .qbo-paginate.small li.pageSize > button.qbo-primary-dropdown,
2832
+ .qbo-paginate.small li.pageSize > button.qbo-secondary,
2833
+ .qbo-paginate.small li.pageSize > button.qbo-primary,
2834
+ .qbo-paginate.small li.pageSize > button.qbo-btn,
2835
+ .qbo-paginate.small li.pageSize > .qbo-btn-light,
2836
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .btn,
2837
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > button.qbo-primary-dropdown,
2838
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > button.qbo-secondary,
2839
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > button.qbo-primary,
2840
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > button.qbo-btn,
2841
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .qbo-btn-light,
2842
+ .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 {
2805
2844
  padding: 0.25rem 0.5rem;
2806
2845
  font-size: 0.875rem;
2807
2846
  border-radius: var(--bs-border-radius-sm);
@@ -2811,63 +2850,100 @@ aside.qbo-sidebar > nav > ul > li.input-group-sm > button {
2811
2850
  div.qbo-form form > * > slot div.input-group-lg > select.qbo-sm,
2812
2851
  .input-group-sm > .form-select,
2813
2852
  div.qbo-form form > * > slot div > .input-group-sm > select.qbo-sm,
2814
- div.qbo-form form > * > slot div.input-group-sm > select.qbo-sm {
2853
+ div.qbo-form form > * > slot div.input-group-sm > select.qbo-sm,
2854
+ .qbo-paginate.small li.pageSize > .form-select,
2855
+ .qbo-paginate.small div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm,
2856
+ div.qbo-form form > * > slot .qbo-paginate.small div > li.pageSize > select.qbo-sm,
2857
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .form-select,
2858
+ aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm,
2859
+ div.qbo-form form > * > slot aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate div > li.pageSize > select.qbo-sm {
2815
2860
  padding-right: 3rem;
2816
2861
  }
2817
2862
 
2818
- .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), div.qbo-input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating),
2863
+ .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), div.qbo-input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), .qbo-paginate li.pageSize:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating),
2819
2864
  .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
2820
2865
  div.qbo-input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
2821
2866
  .input-group:not(.has-validation) > button.qbo-primary-dropdown:nth-last-child(n+3),
2822
2867
  div.qbo-input-group:not(.has-validation) > button.qbo-primary-dropdown:nth-last-child(n+3),
2823
2868
  nav.qbo-mainmenu > div > div > ul li.input-group.qbo-dropdown:not(.has-validation) > a:nth-last-child(n+3),
2869
+ .qbo-paginate li.pageSize:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
2870
+ .qbo-paginate li.pageSize:not(.has-validation) > button.qbo-primary-dropdown:nth-last-child(n+3),
2871
+ .qbo-paginate nav.qbo-mainmenu > div > div > ul li.pageSize.qbo-dropdown:not(.has-validation) > a:nth-last-child(n+3),
2872
+ nav.qbo-mainmenu > div > div > ul .qbo-paginate li.pageSize.qbo-dropdown:not(.has-validation) > a:nth-last-child(n+3),
2824
2873
  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
2825
2874
  div.qbo-input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
2826
2875
  div.qbo-form form > * > slot .input-group:not(.has-validation) > div.form-floating:not(:last-child) > input.qbo-sm,
2827
2876
  div.qbo-form form > * > slot div.qbo-input-group:not(.has-validation) > div.form-floating:not(:last-child) > input.qbo-sm,
2828
2877
  div.qbo-form form > * > slot .input-group:not(.has-validation) > div.form-floating:not(:last-child) > textarea.qbo-sm,
2829
2878
  div.qbo-form form > * > slot div.qbo-input-group:not(.has-validation) > div.form-floating:not(:last-child) > textarea.qbo-sm,
2879
+ .qbo-paginate li.pageSize .input-group:not(.has-validation) > .form-floating:not(:last-child) > input,
2880
+ .qbo-paginate li.pageSize div.qbo-input-group:not(.has-validation) > .form-floating:not(:last-child) > input,
2881
+ .qbo-paginate li.pageSize:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
2882
+ .qbo-paginate div.qbo-form form > * > slot li.pageSize:not(.has-validation) > div.form-floating:not(:last-child) > textarea.qbo-sm,
2883
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize:not(.has-validation) > div.form-floating:not(:last-child) > textarea.qbo-sm,
2884
+ .qbo-paginate li.pageSize:not(.has-validation) > .form-floating:not(:last-child) > input,
2830
2885
  .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
2831
2886
  div.qbo-input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
2832
2887
  div.qbo-form form > * > slot div.input-group:not(.has-validation) > .form-floating:not(:last-child) > select.qbo-sm,
2833
2888
  div.qbo-form form > * > slot div.qbo-input-group:not(.has-validation) > .form-floating:not(:last-child) > select.qbo-sm,
2834
- div.qbo-form form > * > slot .input-group:not(.has-validation) > div.form-floating:not(:last-child) > select.qbo-sm {
2889
+ div.qbo-form form > * > slot .input-group:not(.has-validation) > div.form-floating:not(:last-child) > select.qbo-sm,
2890
+ .qbo-paginate li.pageSize:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
2891
+ .qbo-paginate div.qbo-form form > * > slot li.pageSize:not(.has-validation) > div.form-floating:not(:last-child) > select.qbo-sm,
2892
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize:not(.has-validation) > div.form-floating:not(:last-child) > select.qbo-sm {
2835
2893
  border-top-right-radius: 0;
2836
2894
  border-bottom-right-radius: 0;
2837
2895
  }
2838
- .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), div.has-validation.qbo-input-group > :nth-last-child(n+3):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating),
2896
+ .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), div.has-validation.qbo-input-group > :nth-last-child(n+3):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating), .qbo-paginate li.has-validation.pageSize > :nth-last-child(n+3):not(.dropdown-toggle):not(button.qbo-primary-dropdown):not(.dropdown-menu):not(.form-floating),
2839
2897
  .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
2840
2898
  div.has-validation.qbo-input-group > .dropdown-toggle:nth-last-child(n+4),
2841
2899
  .input-group.has-validation > button.qbo-primary-dropdown:nth-last-child(n+4),
2842
2900
  div.has-validation.qbo-input-group > button.qbo-primary-dropdown:nth-last-child(n+4),
2843
2901
  nav.qbo-mainmenu > div > div > ul li.input-group.has-validation.qbo-dropdown > a:nth-last-child(n+4),
2902
+ .qbo-paginate li.has-validation.pageSize > .dropdown-toggle:nth-last-child(n+4),
2903
+ .qbo-paginate li.has-validation.pageSize > button.qbo-primary-dropdown:nth-last-child(n+4),
2904
+ .qbo-paginate nav.qbo-mainmenu > div > div > ul li.has-validation.pageSize.qbo-dropdown > a:nth-last-child(n+4),
2905
+ nav.qbo-mainmenu > div > div > ul .qbo-paginate li.has-validation.pageSize.qbo-dropdown > a:nth-last-child(n+4),
2844
2906
  .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
2845
2907
  div.has-validation.qbo-input-group > .form-floating:nth-last-child(n+3) > .form-control,
2846
2908
  div.qbo-form form > * > slot .input-group.has-validation > div.form-floating:nth-last-child(n+3) > input.qbo-sm,
2847
2909
  div.qbo-form form > * > slot div.has-validation.qbo-input-group > div.form-floating:nth-last-child(n+3) > input.qbo-sm,
2848
2910
  div.qbo-form form > * > slot .input-group.has-validation > div.form-floating:nth-last-child(n+3) > textarea.qbo-sm,
2849
2911
  div.qbo-form form > * > slot div.has-validation.qbo-input-group > div.form-floating:nth-last-child(n+3) > textarea.qbo-sm,
2912
+ .qbo-paginate li.pageSize .input-group.has-validation > .form-floating:nth-last-child(n+3) > input,
2913
+ .qbo-paginate li.pageSize div.has-validation.qbo-input-group > .form-floating:nth-last-child(n+3) > input,
2914
+ .qbo-paginate li.has-validation.pageSize > .form-floating:nth-last-child(n+3) > .form-control,
2915
+ .qbo-paginate div.qbo-form form > * > slot li.has-validation.pageSize > div.form-floating:nth-last-child(n+3) > textarea.qbo-sm,
2916
+ div.qbo-form form > * > slot .qbo-paginate li.has-validation.pageSize > div.form-floating:nth-last-child(n+3) > textarea.qbo-sm,
2917
+ .qbo-paginate li.has-validation.pageSize > .form-floating:nth-last-child(n+3) > input,
2850
2918
  .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select,
2851
2919
  div.has-validation.qbo-input-group > .form-floating:nth-last-child(n+3) > .form-select,
2852
2920
  div.qbo-form form > * > slot div.input-group.has-validation > .form-floating:nth-last-child(n+3) > select.qbo-sm,
2853
2921
  div.qbo-form form > * > slot div.has-validation.qbo-input-group > .form-floating:nth-last-child(n+3) > select.qbo-sm,
2854
- div.qbo-form form > * > slot .input-group.has-validation > div.form-floating:nth-last-child(n+3) > select.qbo-sm {
2922
+ div.qbo-form form > * > slot .input-group.has-validation > div.form-floating:nth-last-child(n+3) > select.qbo-sm,
2923
+ .qbo-paginate li.has-validation.pageSize > .form-floating:nth-last-child(n+3) > .form-select,
2924
+ .qbo-paginate div.qbo-form form > * > slot li.has-validation.pageSize > div.form-floating:nth-last-child(n+3) > select.qbo-sm,
2925
+ div.qbo-form form > * > slot .qbo-paginate li.has-validation.pageSize > div.form-floating:nth-last-child(n+3) > select.qbo-sm {
2855
2926
  border-top-right-radius: 0;
2856
2927
  border-bottom-right-radius: 0;
2857
2928
  }
2858
- .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), div.qbo-input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2929
+ .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), div.qbo-input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), .qbo-paginate li.pageSize > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2859
2930
  margin-left: calc(var(--bs-border-width) * -1);
2860
2931
  border-top-left-radius: 0;
2861
2932
  border-bottom-left-radius: 0;
2862
2933
  }
2863
2934
  .input-group > .form-floating:not(:first-child) > .form-control, div.qbo-input-group > .form-floating:not(:first-child) > .form-control, div.qbo-form form > * > slot .input-group > div.form-floating:not(:first-child) > input.qbo-sm, div.qbo-form form > * > slot div.qbo-input-group > div.form-floating:not(:first-child) > input.qbo-sm,
2864
2935
  div.qbo-form form > * > slot .input-group > div.form-floating:not(:first-child) > textarea.qbo-sm,
2865
- div.qbo-form form > * > slot div.qbo-input-group > div.form-floating:not(:first-child) > textarea.qbo-sm,
2936
+ div.qbo-form form > * > slot div.qbo-input-group > div.form-floating:not(:first-child) > textarea.qbo-sm, .qbo-paginate li.pageSize .input-group > .form-floating:not(:first-child) > input, .qbo-paginate li.pageSize div.qbo-input-group > .form-floating:not(:first-child) > input, .qbo-paginate li.pageSize > .form-floating:not(:first-child) > .form-control,
2937
+ .qbo-paginate div.qbo-form form > * > slot li.pageSize > div.form-floating:not(:first-child) > textarea.qbo-sm,
2938
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize > div.form-floating:not(:first-child) > textarea.qbo-sm, .qbo-paginate li.pageSize > .form-floating:not(:first-child) > input,
2866
2939
  .input-group > .form-floating:not(:first-child) > .form-select,
2867
2940
  div.qbo-input-group > .form-floating:not(:first-child) > .form-select,
2868
2941
  div.qbo-form form > * > slot div.input-group > .form-floating:not(:first-child) > select.qbo-sm,
2869
2942
  div.qbo-form form > * > slot div.qbo-input-group > .form-floating:not(:first-child) > select.qbo-sm,
2870
- div.qbo-form form > * > slot .input-group > div.form-floating:not(:first-child) > select.qbo-sm {
2943
+ div.qbo-form form > * > slot .input-group > div.form-floating:not(:first-child) > select.qbo-sm,
2944
+ .qbo-paginate li.pageSize > .form-floating:not(:first-child) > .form-select,
2945
+ .qbo-paginate div.qbo-form form > * > slot li.pageSize > div.form-floating:not(:first-child) > select.qbo-sm,
2946
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize > div.form-floating:not(:first-child) > select.qbo-sm {
2871
2947
  border-top-left-radius: 0;
2872
2948
  border-bottom-left-radius: 0;
2873
2949
  }
@@ -2903,8 +2979,8 @@ div.qbo-form form > * > slot .input-group > div.form-floating:not(:first-child)
2903
2979
 
2904
2980
  .was-validated .form-control:valid, .was-validated div.qbo-form form > * > slot div > input.qbo-sm:valid, div.qbo-form form > * > slot .was-validated div > input.qbo-sm:valid,
2905
2981
  .was-validated div.qbo-form form > * > slot div > textarea.qbo-sm:valid,
2906
- div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:valid, .form-control.is-valid, div.qbo-form form > * > slot div > input.is-valid.qbo-sm,
2907
- div.qbo-form form > * > slot div > textarea.is-valid.qbo-sm {
2982
+ div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:valid, .was-validated .qbo-paginate li.pageSize input:valid, .qbo-paginate li.pageSize .was-validated input:valid, .form-control.is-valid, div.qbo-form form > * > slot div > input.is-valid.qbo-sm,
2983
+ div.qbo-form form > * > slot div > textarea.is-valid.qbo-sm, .qbo-paginate li.pageSize input.is-valid {
2908
2984
  border-color: var(--bs-form-valid-border-color);
2909
2985
  padding-right: calc(1.5em + 0.75rem);
2910
2986
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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");
@@ -2914,8 +2990,8 @@ div.qbo-form form > * > slot div > textarea.is-valid.qbo-sm {
2914
2990
  }
2915
2991
  .was-validated .form-control:valid:focus, .was-validated div.qbo-form form > * > slot div > input.qbo-sm:valid:focus, div.qbo-form form > * > slot .was-validated div > input.qbo-sm:valid:focus,
2916
2992
  .was-validated div.qbo-form form > * > slot div > textarea.qbo-sm:valid:focus,
2917
- div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:valid:focus, .form-control.is-valid:focus, div.qbo-form form > * > slot div > input.is-valid.qbo-sm:focus,
2918
- div.qbo-form form > * > slot div > textarea.is-valid.qbo-sm:focus {
2993
+ div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:valid:focus, .was-validated .qbo-paginate li.pageSize input:valid:focus, .qbo-paginate li.pageSize .was-validated input:valid:focus, .form-control.is-valid:focus, div.qbo-form form > * > slot div > input.is-valid.qbo-sm:focus,
2994
+ div.qbo-form form > * > slot div > textarea.is-valid.qbo-sm:focus, .qbo-paginate li.pageSize input.is-valid:focus {
2919
2995
  border-color: var(--bs-form-valid-border-color);
2920
2996
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
2921
2997
  }
@@ -2979,9 +3055,9 @@ div.qbo-form form > * > slot div > select.is-valid.qbo-sm:focus {
2979
3055
  .was-validated div.qbo-form form > * > slot div.input-group > textarea.qbo-sm:not(:focus):valid,
2980
3056
  .was-validated div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus):valid,
2981
3057
  div.qbo-form form > * > slot .was-validated div.input-group > textarea.qbo-sm:not(:focus):valid,
2982
- div.qbo-form form > * > slot .was-validated div.qbo-input-group > textarea.qbo-sm:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, div.qbo-input-group > .form-control:not(:focus).is-valid, div.qbo-form form > * > slot div.input-group > input.qbo-sm:not(:focus).is-valid, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm:not(:focus).is-valid,
3058
+ div.qbo-form form > * > slot .was-validated div.qbo-input-group > textarea.qbo-sm:not(:focus):valid, .was-validated .qbo-paginate li.pageSize .input-group > input:not(:focus):valid, .was-validated .qbo-paginate li.pageSize div.qbo-input-group > input:not(:focus):valid, .qbo-paginate li.pageSize .was-validated .input-group > input:not(:focus):valid, .qbo-paginate li.pageSize .was-validated div.qbo-input-group > input:not(:focus):valid, .was-validated .qbo-paginate li.pageSize > .form-control:not(:focus):valid, .was-validated .qbo-paginate li.pageSize > input:not(:focus):valid, .qbo-paginate .was-validated li.pageSize > .form-control:not(:focus):valid, .qbo-paginate .was-validated li.pageSize > input:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, div.qbo-input-group > .form-control:not(:focus).is-valid, div.qbo-form form > * > slot div.input-group > input.qbo-sm:not(:focus).is-valid, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm:not(:focus).is-valid,
2983
3059
  div.qbo-form form > * > slot div.input-group > textarea.qbo-sm:not(:focus).is-valid,
2984
- div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus).is-valid,
3060
+ div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus).is-valid, .qbo-paginate li.pageSize .input-group > input:not(:focus).is-valid, .qbo-paginate li.pageSize div.qbo-input-group > input:not(:focus).is-valid, .qbo-paginate li.pageSize > .form-control:not(:focus).is-valid, .qbo-paginate li.pageSize > input:not(:focus).is-valid,
2985
3061
  .was-validated .input-group > .form-select:not(:focus):valid,
2986
3062
  .was-validated div.qbo-input-group > .form-select:not(:focus):valid,
2987
3063
  .was-validated div.qbo-form form > * > slot div > .input-group > select.qbo-sm:not(:focus):valid,
@@ -2990,15 +3066,27 @@ div.qbo-form form > * > slot .was-validated div > .input-group > select.qbo-sm:n
2990
3066
  .was-validated div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm:not(:focus):valid,
2991
3067
  div.qbo-form form > * > slot .was-validated div.input-group > select.qbo-sm:not(:focus):valid,
2992
3068
  div.qbo-form form > * > slot .was-validated div.qbo-input-group > select.qbo-sm:not(:focus):valid,
3069
+ .was-validated .qbo-paginate li.pageSize > .form-select:not(:focus):valid,
3070
+ .was-validated .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus):valid,
3071
+ div.qbo-form form > * > slot .was-validated .qbo-paginate div > li.pageSize > select.qbo-sm:not(:focus):valid,
3072
+ .qbo-paginate .was-validated li.pageSize > .form-select:not(:focus):valid,
3073
+ .qbo-paginate .was-validated div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus):valid,
3074
+ div.qbo-form form > * > slot .qbo-paginate .was-validated div > li.pageSize > select.qbo-sm:not(:focus):valid,
2993
3075
  .input-group > .form-select:not(:focus).is-valid,
2994
3076
  div.qbo-input-group > .form-select:not(:focus).is-valid,
2995
3077
  div.qbo-form form > * > slot div > .input-group > select.qbo-sm:not(:focus).is-valid,
2996
3078
  div.qbo-form form > * > slot div.input-group > select.qbo-sm:not(:focus).is-valid,
2997
3079
  div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm:not(:focus).is-valid,
3080
+ .qbo-paginate li.pageSize > .form-select:not(:focus).is-valid,
3081
+ .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus).is-valid,
3082
+ div.qbo-form form > * > slot .qbo-paginate div > li.pageSize > select.qbo-sm:not(:focus).is-valid,
2998
3083
  .was-validated .input-group > .form-floating:not(:focus-within):valid,
2999
3084
  .was-validated div.qbo-input-group > .form-floating:not(:focus-within):valid,
3085
+ .was-validated .qbo-paginate li.pageSize > .form-floating:not(:focus-within):valid,
3086
+ .qbo-paginate .was-validated li.pageSize > .form-floating:not(:focus-within):valid,
3000
3087
  .input-group > .form-floating:not(:focus-within).is-valid,
3001
- div.qbo-input-group > .form-floating:not(:focus-within).is-valid {
3088
+ div.qbo-input-group > .form-floating:not(:focus-within).is-valid,
3089
+ .qbo-paginate li.pageSize > .form-floating:not(:focus-within).is-valid {
3002
3090
  z-index: 3;
3003
3091
  }
3004
3092
 
@@ -3033,8 +3121,8 @@ div.qbo-input-group > .form-floating:not(:focus-within).is-valid {
3033
3121
 
3034
3122
  .was-validated .form-control:invalid, .was-validated div.qbo-form form > * > slot div > input.qbo-sm:invalid, div.qbo-form form > * > slot .was-validated div > input.qbo-sm:invalid,
3035
3123
  .was-validated div.qbo-form form > * > slot div > textarea.qbo-sm:invalid,
3036
- div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:invalid, .form-control.is-invalid, div.qbo-form form > * > slot div > input.is-invalid.qbo-sm,
3037
- div.qbo-form form > * > slot div > textarea.is-invalid.qbo-sm {
3124
+ div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:invalid, .was-validated .qbo-paginate li.pageSize input:invalid, .qbo-paginate li.pageSize .was-validated input:invalid, .form-control.is-invalid, div.qbo-form form > * > slot div > input.is-invalid.qbo-sm,
3125
+ div.qbo-form form > * > slot div > textarea.is-invalid.qbo-sm, .qbo-paginate li.pageSize input.is-invalid {
3038
3126
  border-color: var(--bs-form-invalid-border-color);
3039
3127
  padding-right: calc(1.5em + 0.75rem);
3040
3128
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
@@ -3044,8 +3132,8 @@ div.qbo-form form > * > slot div > textarea.is-invalid.qbo-sm {
3044
3132
  }
3045
3133
  .was-validated .form-control:invalid:focus, .was-validated div.qbo-form form > * > slot div > input.qbo-sm:invalid:focus, div.qbo-form form > * > slot .was-validated div > input.qbo-sm:invalid:focus,
3046
3134
  .was-validated div.qbo-form form > * > slot div > textarea.qbo-sm:invalid:focus,
3047
- div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:invalid:focus, .form-control.is-invalid:focus, div.qbo-form form > * > slot div > input.is-invalid.qbo-sm:focus,
3048
- div.qbo-form form > * > slot div > textarea.is-invalid.qbo-sm:focus {
3135
+ div.qbo-form form > * > slot .was-validated div > textarea.qbo-sm:invalid:focus, .was-validated .qbo-paginate li.pageSize input:invalid:focus, .qbo-paginate li.pageSize .was-validated input:invalid:focus, .form-control.is-invalid:focus, div.qbo-form form > * > slot div > input.is-invalid.qbo-sm:focus,
3136
+ div.qbo-form form > * > slot div > textarea.is-invalid.qbo-sm:focus, .qbo-paginate li.pageSize input.is-invalid:focus {
3049
3137
  border-color: var(--bs-form-invalid-border-color);
3050
3138
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
3051
3139
  }
@@ -3109,9 +3197,9 @@ div.qbo-form form > * > slot div > select.is-invalid.qbo-sm:focus {
3109
3197
  .was-validated div.qbo-form form > * > slot div.input-group > textarea.qbo-sm:not(:focus):invalid,
3110
3198
  .was-validated div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus):invalid,
3111
3199
  div.qbo-form form > * > slot .was-validated div.input-group > textarea.qbo-sm:not(:focus):invalid,
3112
- div.qbo-form form > * > slot .was-validated div.qbo-input-group > textarea.qbo-sm:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, div.qbo-input-group > .form-control:not(:focus).is-invalid, div.qbo-form form > * > slot div.input-group > input.qbo-sm:not(:focus).is-invalid, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm:not(:focus).is-invalid,
3200
+ div.qbo-form form > * > slot .was-validated div.qbo-input-group > textarea.qbo-sm:not(:focus):invalid, .was-validated .qbo-paginate li.pageSize .input-group > input:not(:focus):invalid, .was-validated .qbo-paginate li.pageSize div.qbo-input-group > input:not(:focus):invalid, .qbo-paginate li.pageSize .was-validated .input-group > input:not(:focus):invalid, .qbo-paginate li.pageSize .was-validated div.qbo-input-group > input:not(:focus):invalid, .was-validated .qbo-paginate li.pageSize > .form-control:not(:focus):invalid, .was-validated .qbo-paginate li.pageSize > input:not(:focus):invalid, .qbo-paginate .was-validated li.pageSize > .form-control:not(:focus):invalid, .qbo-paginate .was-validated li.pageSize > input:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, div.qbo-input-group > .form-control:not(:focus).is-invalid, div.qbo-form form > * > slot div.input-group > input.qbo-sm:not(:focus).is-invalid, div.qbo-form form > * > slot div.qbo-input-group > input.qbo-sm:not(:focus).is-invalid,
3113
3201
  div.qbo-form form > * > slot div.input-group > textarea.qbo-sm:not(:focus).is-invalid,
3114
- div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus).is-invalid,
3202
+ div.qbo-form form > * > slot div.qbo-input-group > textarea.qbo-sm:not(:focus).is-invalid, .qbo-paginate li.pageSize .input-group > input:not(:focus).is-invalid, .qbo-paginate li.pageSize div.qbo-input-group > input:not(:focus).is-invalid, .qbo-paginate li.pageSize > .form-control:not(:focus).is-invalid, .qbo-paginate li.pageSize > input:not(:focus).is-invalid,
3115
3203
  .was-validated .input-group > .form-select:not(:focus):invalid,
3116
3204
  .was-validated div.qbo-input-group > .form-select:not(:focus):invalid,
3117
3205
  .was-validated div.qbo-form form > * > slot div > .input-group > select.qbo-sm:not(:focus):invalid,
@@ -3120,15 +3208,27 @@ div.qbo-form form > * > slot .was-validated div > .input-group > select.qbo-sm:n
3120
3208
  .was-validated div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm:not(:focus):invalid,
3121
3209
  div.qbo-form form > * > slot .was-validated div.input-group > select.qbo-sm:not(:focus):invalid,
3122
3210
  div.qbo-form form > * > slot .was-validated div.qbo-input-group > select.qbo-sm:not(:focus):invalid,
3211
+ .was-validated .qbo-paginate li.pageSize > .form-select:not(:focus):invalid,
3212
+ .was-validated .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus):invalid,
3213
+ div.qbo-form form > * > slot .was-validated .qbo-paginate div > li.pageSize > select.qbo-sm:not(:focus):invalid,
3214
+ .qbo-paginate .was-validated li.pageSize > .form-select:not(:focus):invalid,
3215
+ .qbo-paginate .was-validated div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus):invalid,
3216
+ div.qbo-form form > * > slot .qbo-paginate .was-validated div > li.pageSize > select.qbo-sm:not(:focus):invalid,
3123
3217
  .input-group > .form-select:not(:focus).is-invalid,
3124
3218
  div.qbo-input-group > .form-select:not(:focus).is-invalid,
3125
3219
  div.qbo-form form > * > slot div > .input-group > select.qbo-sm:not(:focus).is-invalid,
3126
3220
  div.qbo-form form > * > slot div.input-group > select.qbo-sm:not(:focus).is-invalid,
3127
3221
  div.qbo-form form > * > slot div.qbo-input-group > select.qbo-sm:not(:focus).is-invalid,
3222
+ .qbo-paginate li.pageSize > .form-select:not(:focus).is-invalid,
3223
+ .qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm:not(:focus).is-invalid,
3224
+ div.qbo-form form > * > slot .qbo-paginate div > li.pageSize > select.qbo-sm:not(:focus).is-invalid,
3128
3225
  .was-validated .input-group > .form-floating:not(:focus-within):invalid,
3129
3226
  .was-validated div.qbo-input-group > .form-floating:not(:focus-within):invalid,
3227
+ .was-validated .qbo-paginate li.pageSize > .form-floating:not(:focus-within):invalid,
3228
+ .qbo-paginate .was-validated li.pageSize > .form-floating:not(:focus-within):invalid,
3130
3229
  .input-group > .form-floating:not(:focus-within).is-invalid,
3131
- div.qbo-input-group > .form-floating:not(:focus-within).is-invalid {
3230
+ div.qbo-input-group > .form-floating:not(:focus-within).is-invalid,
3231
+ .qbo-paginate li.pageSize > .form-floating:not(:focus-within).is-invalid {
3132
3232
  z-index: 4;
3133
3233
  }
3134
3234
 
@@ -3194,12 +3294,12 @@ div.qbo-input-group > .form-floating:not(:focus-within).is-invalid {
3194
3294
  outline: 0;
3195
3295
  box-shadow: var(--bs-btn-focus-box-shadow);
3196
3296
  }
3197
- .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, button.show.qbo-primary-dropdown, button.show.qbo-secondary, button.show.qbo-primary, button.show.qbo-btn, .show.qbo-btn-light, div.btn.qbo-show, div.qbo-show.qbo-btn-light, aside.qbo-sidebar > nav > ul > li > button.show {
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 {
3198
3298
  color: var(--bs-btn-active-color);
3199
3299
  background-color: var(--bs-btn-active-bg);
3200
3300
  border-color: var(--bs-btn-active-border-color);
3201
3301
  }
3202
- .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, 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, div.btn.qbo-show:focus-visible, div.qbo-show.qbo-btn-light:focus-visible, aside.qbo-sidebar > nav > ul > li > button.show:focus-visible {
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 {
3203
3303
  box-shadow: var(--bs-btn-focus-box-shadow);
3204
3304
  }
3205
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 {
@@ -3585,7 +3685,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3585
3685
  margin-left: 0;
3586
3686
  }
3587
3687
 
3588
- .dropdown-menu {
3688
+ .dropdown-menu, qbo-contextmenu > ul, .qbo-context-menu > ul, qbo-contextmenu > menu, .qbo-context-menu > menu {
3589
3689
  --bs-dropdown-zindex: 1000;
3590
3690
  --bs-dropdown-min-width: 10rem;
3591
3691
  --bs-dropdown-padding-x: 0;
@@ -3627,7 +3727,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3627
3727
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
3628
3728
  border-radius: var(--bs-dropdown-border-radius);
3629
3729
  }
3630
- .dropdown-menu[data-bs-popper] {
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] {
3631
3731
  top: 100%;
3632
3732
  left: 0;
3633
3733
  margin-top: var(--bs-dropdown-spacer);
@@ -3729,7 +3829,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3729
3829
  left: auto;
3730
3830
  }
3731
3831
  }
3732
- .dropup .dropdown-menu[data-bs-popper] {
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] {
3733
3833
  top: auto;
3734
3834
  bottom: 100%;
3735
3835
  margin-top: 0;
@@ -3749,7 +3849,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3749
3849
  margin-left: 0;
3750
3850
  }
3751
3851
 
3752
- .dropend .dropdown-menu[data-bs-popper] {
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] {
3753
3853
  top: 0;
3754
3854
  right: auto;
3755
3855
  left: 100%;
@@ -3773,7 +3873,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3773
3873
  vertical-align: 0;
3774
3874
  }
3775
3875
 
3776
- .dropstart .dropdown-menu[data-bs-popper] {
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] {
3777
3877
  top: 0;
3778
3878
  right: 100%;
3779
3879
  left: auto;
@@ -3813,7 +3913,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3813
3913
  opacity: 1;
3814
3914
  }
3815
3915
 
3816
- .dropdown-item, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item {
3916
+ .dropdown-item, qbo-contextmenu li, .qbo-context-menu li, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item {
3817
3917
  display: block;
3818
3918
  width: 100%;
3819
3919
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
@@ -3827,22 +3927,22 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
3827
3927
  border: 0;
3828
3928
  border-radius: var(--bs-dropdown-item-border-radius, 0);
3829
3929
  }
3830
- .dropdown-item:hover, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:hover, .dropdown-item:focus, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:focus {
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 {
3831
3931
  color: var(--bs-dropdown-link-hover-color);
3832
3932
  background-color: var(--bs-dropdown-link-hover-bg);
3833
3933
  }
3834
- .dropdown-item.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-paginate li.dropdown-item.active, .dropdown-item:active, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:active {
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 {
3835
3935
  color: var(--bs-dropdown-link-active-color);
3836
3936
  text-decoration: none;
3837
3937
  background-color: var(--bs-dropdown-link-active-bg);
3838
3938
  }
3839
- .dropdown-item.disabled, nav.qbo-mainmenu > div > div > ul li > a.disabled.qbo-dropdown-item, .qbo-paginate li.dropdown-item.disabled, .dropdown-item:disabled, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item:disabled {
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 {
3840
3940
  color: var(--bs-dropdown-link-disabled-color);
3841
3941
  pointer-events: none;
3842
3942
  background-color: transparent;
3843
3943
  }
3844
3944
 
3845
- .dropdown-menu.show, div.dropdown-menu.qbo-show {
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 {
3846
3946
  display: block;
3847
3947
  }
3848
3948
 
@@ -4013,7 +4113,7 @@ aside.qbo-sidebar > nav > ul > li.btn-group-vertical > button.active {
4013
4113
  flex-wrap: wrap;
4014
4114
  justify-content: flex-start;
4015
4115
  }
4016
- .btn-toolbar .input-group, .btn-toolbar div.qbo-input-group {
4116
+ .btn-toolbar .input-group, .btn-toolbar div.qbo-input-group, .btn-toolbar .qbo-paginate li.pageSize, .qbo-paginate .btn-toolbar li.pageSize {
4017
4117
  width: auto;
4018
4118
  }
4019
4119
 
@@ -4248,8 +4348,14 @@ aside.qbo-sidebar > nav > ul.btn-group-vertical > li.btn-group:not(:first-child)
4248
4348
  }
4249
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,
4250
4350
  .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,
4251
4353
  .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,
4252
4356
  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,
4253
4359
  .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item .nav-link,
4254
4360
  .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item li.qbo-nav-item > a,
4255
4361
  nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item .nav-link,
@@ -4261,7 +4367,7 @@ nav.qbo-mainmenu > div > div > ul .nav-tabs div.nav-item.qbo-show li.qbo-nav-ite
4261
4367
  background-color: var(--bs-nav-tabs-link-active-bg);
4262
4368
  border-color: var(--bs-nav-tabs-link-active-border-color);
4263
4369
  }
4264
- .nav-tabs .dropdown-menu {
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 {
4265
4371
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
4266
4372
  border-top-left-radius: 0;
4267
4373
  border-top-right-radius: 0;
@@ -4277,6 +4383,8 @@ nav.qbo-mainmenu > div > div > ul .nav-tabs div.nav-item.qbo-show li.qbo-nav-ite
4277
4383
  }
4278
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,
4279
4385
  .nav-pills .show > .nav-link,
4386
+ .nav-pills qbo-contextmenu > menu > .nav-link,
4387
+ .nav-pills .qbo-context-menu > menu > .nav-link,
4280
4388
  .nav-pills nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item > a,
4281
4389
  nav.qbo-mainmenu > div > div > ul .nav-pills li.show.qbo-nav-item > a,
4282
4390
  .nav-pills div.qbo-show > .nav-link {
@@ -4300,6 +4408,8 @@ nav.qbo-mainmenu > div > div > ul .nav-pills li.show.qbo-nav-item > a,
4300
4408
  }
4301
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,
4302
4410
  .nav-underline .show > .nav-link,
4411
+ .nav-underline qbo-contextmenu > menu > .nav-link,
4412
+ .nav-underline .qbo-context-menu > menu > .nav-link,
4303
4413
  .nav-underline nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item > a,
4304
4414
  nav.qbo-mainmenu > div > div > ul .nav-underline li.show.qbo-nav-item > a,
4305
4415
  .nav-underline div.qbo-show > .nav-link {
@@ -4417,10 +4527,10 @@ nav.qbo-mainmenu > .container-xxl {
4417
4527
  margin-bottom: 0;
4418
4528
  list-style: none;
4419
4529
  }
4420
- .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, nav.qbo-mainmenu > div > div > ul .nav-link.show, 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 {
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 {
4421
4531
  color: var(--bs-navbar-active-color);
4422
4532
  }
4423
- .navbar-nav .dropdown-menu, nav.qbo-mainmenu > div > div > ul .dropdown-menu {
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 {
4424
4534
  position: static;
4425
4535
  }
4426
4536
 
@@ -4489,7 +4599,7 @@ nav.qbo-mainmenu > .container-xxl {
4489
4599
  .navbar-expand-sm .navbar-nav, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul {
4490
4600
  flex-direction: row;
4491
4601
  }
4492
- .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .dropdown-menu {
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 {
4493
4603
  position: absolute;
4494
4604
  }
4495
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 {
@@ -4536,7 +4646,7 @@ nav.qbo-mainmenu > .container-xxl {
4536
4646
  .navbar-expand-md .navbar-nav, .navbar-expand-md nav.qbo-mainmenu > div > div > ul {
4537
4647
  flex-direction: row;
4538
4648
  }
4539
- .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .dropdown-menu {
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 {
4540
4650
  position: absolute;
4541
4651
  }
4542
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 {
@@ -4583,7 +4693,7 @@ nav.qbo-mainmenu > .container-xxl {
4583
4693
  .navbar-expand-lg .navbar-nav, nav.qbo-mainmenu .navbar-nav, nav.qbo-mainmenu > div > div > ul {
4584
4694
  flex-direction: row;
4585
4695
  }
4586
- .navbar-expand-lg .navbar-nav .dropdown-menu, nav.qbo-mainmenu .navbar-nav .dropdown-menu, nav.qbo-mainmenu > div > div > ul .dropdown-menu {
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 {
4587
4697
  position: absolute;
4588
4698
  }
4589
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 {
@@ -4630,7 +4740,7 @@ nav.qbo-mainmenu > .container-xxl {
4630
4740
  .navbar-expand-xl .navbar-nav, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul {
4631
4741
  flex-direction: row;
4632
4742
  }
4633
- .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .dropdown-menu {
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 {
4634
4744
  position: absolute;
4635
4745
  }
4636
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 {
@@ -4677,7 +4787,7 @@ nav.qbo-mainmenu > .container-xxl {
4677
4787
  .navbar-expand-xxl .navbar-nav, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul {
4678
4788
  flex-direction: row;
4679
4789
  }
4680
- .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .dropdown-menu {
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 {
4681
4791
  position: absolute;
4682
4792
  }
4683
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 {
@@ -4723,7 +4833,7 @@ nav.qbo-mainmenu > .container-xxl {
4723
4833
  .navbar-expand .navbar-nav, .navbar-expand nav.qbo-mainmenu > div > div > ul {
4724
4834
  flex-direction: row;
4725
4835
  }
4726
- .navbar-expand .navbar-nav .dropdown-menu, .navbar-expand nav.qbo-mainmenu > div > div > ul .dropdown-menu {
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 {
4727
4837
  position: absolute;
4728
4838
  }
4729
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 {
@@ -5241,7 +5351,7 @@ nav.qbo-mainmenu > .container-xxl {
5241
5351
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
5242
5352
  }
5243
5353
 
5244
- .pagination-sm {
5354
+ .pagination-sm, .qbo-paginate.small, aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate {
5245
5355
  --bs-pagination-padding-x: 0.5rem;
5246
5356
  --bs-pagination-padding-y: 0.25rem;
5247
5357
  --bs-pagination-font-size: 0.875rem;
@@ -5937,7 +6047,7 @@ nav.qbo-mainmenu > .container-xxl {
5937
6047
  transition: none;
5938
6048
  }
5939
6049
  }
5940
- .modal.show .modal-dialog, div.modal.qbo-show .modal-dialog, .modal.show .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 div.modal.qbo-show div.qbo-modal-dialog, .modal.show .qbo-modal dialog, div.modal.qbo-show .qbo-modal dialog, .qbo-modal .modal.show dialog, .qbo-modal div.modal.qbo-show dialog, .show.qbo-modal .modal-dialog, div.qbo-modal.qbo-show .modal-dialog, .show.qbo-modal div.qbo-modal-dialog, div.qbo-modal.qbo-show div.qbo-modal-dialog, .show.qbo-modal dialog, div.qbo-modal.qbo-show dialog {
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 {
5941
6051
  transform: none;
5942
6052
  }
5943
6053
  .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 {
@@ -5990,7 +6100,7 @@ nav.qbo-mainmenu > .container-xxl {
5990
6100
  .modal-backdrop.fade {
5991
6101
  opacity: 0;
5992
6102
  }
5993
- .modal-backdrop.show, div.modal-backdrop.qbo-show {
6103
+ .modal-backdrop.show, qbo-contextmenu > menu.modal-backdrop, .qbo-context-menu > menu.modal-backdrop, div.modal-backdrop.qbo-show {
5994
6104
  opacity: var(--bs-backdrop-opacity);
5995
6105
  }
5996
6106
 
@@ -6237,7 +6347,7 @@ nav.qbo-mainmenu > .container-xxl {
6237
6347
  word-wrap: break-word;
6238
6348
  opacity: 0;
6239
6349
  }
6240
- .tooltip.show, div.tooltip.qbo-show {
6350
+ .tooltip.show, qbo-contextmenu > menu.tooltip, .qbo-context-menu > menu.tooltip, div.tooltip.qbo-show {
6241
6351
  opacity: var(--bs-tooltip-opacity);
6242
6352
  }
6243
6353
  .tooltip .tooltip-arrow {
@@ -6804,10 +6914,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
6804
6914
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
6805
6915
  transform: translateY(100%);
6806
6916
  }
6807
- .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding), div.offcanvas-sm.qbo-show:not(.hiding) {
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) {
6808
6918
  transform: none;
6809
6919
  }
6810
- .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show, div.offcanvas-sm.qbo-show {
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 {
6811
6921
  visibility: visible;
6812
6922
  }
6813
6923
  }
@@ -6882,10 +6992,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
6882
6992
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
6883
6993
  transform: translateY(100%);
6884
6994
  }
6885
- .offcanvas-md.showing, .offcanvas-md.show:not(.hiding), div.offcanvas-md.qbo-show:not(.hiding) {
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) {
6886
6996
  transform: none;
6887
6997
  }
6888
- .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show, div.offcanvas-md.qbo-show {
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 {
6889
6999
  visibility: visible;
6890
7000
  }
6891
7001
  }
@@ -6960,10 +7070,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
6960
7070
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
6961
7071
  transform: translateY(100%);
6962
7072
  }
6963
- .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding), div.offcanvas-lg.qbo-show:not(.hiding) {
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) {
6964
7074
  transform: none;
6965
7075
  }
6966
- .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show, div.offcanvas-lg.qbo-show {
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 {
6967
7077
  visibility: visible;
6968
7078
  }
6969
7079
  }
@@ -7038,10 +7148,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
7038
7148
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
7039
7149
  transform: translateY(100%);
7040
7150
  }
7041
- .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding), div.offcanvas-xl.qbo-show:not(.hiding) {
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) {
7042
7152
  transform: none;
7043
7153
  }
7044
- .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show, div.offcanvas-xl.qbo-show {
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 {
7045
7155
  visibility: visible;
7046
7156
  }
7047
7157
  }
@@ -7116,10 +7226,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
7116
7226
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
7117
7227
  transform: translateY(100%);
7118
7228
  }
7119
- .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding), div.offcanvas-xxl.qbo-show:not(.hiding) {
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) {
7120
7230
  transform: none;
7121
7231
  }
7122
- .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show, div.offcanvas-xxl.qbo-show {
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 {
7123
7233
  visibility: visible;
7124
7234
  }
7125
7235
  }
@@ -7191,10 +7301,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
7191
7301
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
7192
7302
  transform: translateY(100%);
7193
7303
  }
7194
- .offcanvas.showing, .offcanvas.show:not(.hiding), div.offcanvas.qbo-show:not(.hiding) {
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) {
7195
7305
  transform: none;
7196
7306
  }
7197
- .offcanvas.showing, .offcanvas.hiding, .offcanvas.show, div.offcanvas.qbo-show {
7307
+ .offcanvas.showing, .offcanvas.hiding, .offcanvas.show, qbo-contextmenu > menu.offcanvas, .qbo-context-menu > menu.offcanvas, div.offcanvas.qbo-show {
7198
7308
  visibility: visible;
7199
7309
  }
7200
7310
 
@@ -7210,7 +7320,7 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
7210
7320
  .offcanvas-backdrop.fade {
7211
7321
  opacity: 0;
7212
7322
  }
7213
- .offcanvas-backdrop.show, div.offcanvas-backdrop.qbo-show {
7323
+ .offcanvas-backdrop.show, qbo-contextmenu > menu.offcanvas-backdrop, .qbo-context-menu > menu.offcanvas-backdrop, div.offcanvas-backdrop.qbo-show {
7214
7324
  opacity: 0.5;
7215
7325
  }
7216
7326
 
@@ -8095,7 +8205,7 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
8095
8205
  width: 100% !important;
8096
8206
  }
8097
8207
 
8098
- .w-auto {
8208
+ .w-auto, .qbo-paginate li.pageSize {
8099
8209
  width: auto !important;
8100
8210
  }
8101
8211
 
@@ -20702,19 +20812,19 @@ nav.qbo-breadcrumb > div > nav > ul {
20702
20812
 
20703
20813
  /* NavBar */
20704
20814
  @media all and (min-width: 992px) {
20705
- .navbar .dropdown-menu li, nav.qbo-mainmenu .dropdown-menu li {
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 {
20706
20816
  position: relative;
20707
20817
  }
20708
- .navbar .dropdown-menu .submenu, nav.qbo-mainmenu .dropdown-menu .submenu {
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 {
20709
20819
  display: none;
20710
20820
  position: absolute;
20711
20821
  left: 100%;
20712
20822
  top: -7px;
20713
20823
  }
20714
- .navbar .dropdown-menu > li:hover, nav.qbo-mainmenu .dropdown-menu > li:hover {
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 {
20715
20825
  background-color: #f1f1f1;
20716
20826
  }
20717
- .navbar .dropdown-menu > li:hover > .submenu, nav.qbo-mainmenu .dropdown-menu > li:hover > .submenu {
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 {
20718
20828
  display: block;
20719
20829
  }
20720
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,
@@ -20731,7 +20841,7 @@ nav.qbo-breadcrumb > div > nav > ul {
20731
20841
  }
20732
20842
  }
20733
20843
  @media (max-width: 991px) {
20734
- .navbar .dropdown-menu .dropdown-menu, nav.qbo-mainmenu .dropdown-menu .dropdown-menu {
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 {
20735
20845
  margin-left: 0.7rem;
20736
20846
  margin-right: 0.7rem;
20737
20847
  margin-bottom: 0.5rem;
@@ -20764,12 +20874,12 @@ nav.qbo-breadcrumb > div > nav > ul {
20764
20874
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
20765
20875
  }
20766
20876
 
20767
- .bd-subnavbar .dropdown-menu, nav.qbo-breadcrumb .dropdown-menu {
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 {
20768
20878
  font-size: 0.875rem;
20769
20879
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
20770
20880
  }
20771
20881
 
20772
- .bd-subnavbar .dropdown-item.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 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 {
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 {
20773
20883
  font-weight: 600;
20774
20884
  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");
20775
20885
  background-repeat: no-repeat;
@@ -20976,7 +21086,15 @@ div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + .form-control, div
20976
21086
  div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + input.qbo-sm,
20977
21087
  div.qbo-form form > * > slot div.qbo-form > .form-control + textarea.qbo-sm,
20978
21088
  div.qbo-form form > * > slot div.qbo-form > input.qbo-sm + textarea.qbo-sm,
20979
- div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + textarea.qbo-sm {
21089
+ div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + textarea.qbo-sm, .qbo-paginate li.pageSize .bd-example > input + .form-control,
21090
+ .qbo-paginate li.pageSize div.qbo-form form > * > slot div.bd-example > input + textarea.qbo-sm,
21091
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.bd-example > input + textarea.qbo-sm, .qbo-paginate li.pageSize div.qbo-form > input + .form-control, .qbo-paginate li.pageSize div.qbo-form form > * > slot div.qbo-form > input + input.qbo-sm,
21092
+ .qbo-paginate li.pageSize div.qbo-form form > * > slot div.qbo-form > input + textarea.qbo-sm,
21093
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.qbo-form > input + textarea.qbo-sm, .qbo-paginate li.pageSize .bd-example > .form-control + input,
21094
+ .qbo-paginate li.pageSize div.qbo-form form > * > slot div.bd-example > textarea.qbo-sm + input,
21095
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.bd-example > textarea.qbo-sm + input, .qbo-paginate li.pageSize div.qbo-form > .form-control + input, .qbo-paginate li.pageSize div.qbo-form form > * > slot div.qbo-form > input.qbo-sm + input,
21096
+ .qbo-paginate li.pageSize div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + input,
21097
+ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.qbo-form > textarea.qbo-sm + input, .qbo-paginate li.pageSize .bd-example > input + input, .qbo-paginate li.pageSize div.qbo-form > input + input {
20980
21098
  margin-top: 0.5rem;
20981
21099
  }
20982
21100
 
@@ -20984,7 +21102,7 @@ div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + textarea.qbo-sm {
20984
21102
  margin-top: 1rem;
20985
21103
  }
20986
21104
 
20987
- .bd-example > .dropdown-menu, div.qbo-form > .dropdown-menu {
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 {
20988
21106
  position: static;
20989
21107
  display: block;
20990
21108
  }
@@ -21090,6 +21208,9 @@ div.qbo-form form > * > slot div.qbo-form > textarea.qbo-sm + textarea.qbo-sm {
21090
21208
  .qbo-modal {
21091
21209
  display: block;
21092
21210
  }
21211
+ .qbo-paginate li.pageSize input {
21212
+ width: 5em;
21213
+ }
21093
21214
  /* Sidebar - Start */
21094
21215
  /* Sidebar - Start */
21095
21216
  /* Container - Start */
@@ -21200,6 +21321,20 @@ qbo-resize.vertical {
21200
21321
  width: auto; /* Allow custom width */
21201
21322
  }
21202
21323
 
21324
+ qbo-contextmenu, .qbo-context-menu {
21325
+ position: absolute;
21326
+ }
21327
+ tr.qbo-select-on {
21328
+ background-color: lightgray;
21329
+ }
21330
+ tr.qbo-select-on td {
21331
+ background-color: lightgray;
21332
+ }
21333
+
21334
+ li.qbo-select-on {
21335
+ background-color: lightgray;
21336
+ }
21337
+
21203
21338
  .qbo-breadcrumb {
21204
21339
  z-index: 999 !important;
21205
21340
  }