@quandis/qbo4.ui-bridge 4.0.1-CI-20241029-174759 → 4.0.1-CI-20241031-205224

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.
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "author": "Quandis, Inc.",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
- "version": "4.0.1-CI-20241029-174759",
6
+ "version": "4.0.1-CI-20241031-205224",
7
7
  "workspaces": [
8
8
  "code"
9
9
  ],
@@ -15,7 +15,8 @@
15
15
  "clean": "rd \"node_modules/@quandis/qbo4.ui\" -force -recurse -ErrorAction SilentlyContinue",
16
16
  "packdev": "webpack --config pack.dev.js --no-color",
17
17
  "packprod": "webpack --config pack.prod.js --no-color",
18
- "sass": "sass --load-path=node_modules --quiet scss/:wwwroot/css && node cssshake.js"
18
+ "sass": "sass --load-path=node_modules --quiet scss/:wwwroot/css && node cssshake.js",
19
+ "quick": "npm run sass && tsc --build --force && npm run packdev && del *.tgz && npm pack && ren *.tgz qbo4.ui-bridge.tgz"
19
20
  },
20
21
  "keywords": [
21
22
  "qbo"
@@ -50,7 +51,7 @@
50
51
  "mini-css-extract-plugin": "^2.9.1",
51
52
  "postcss": "^8.4.47",
52
53
  "postcss-loader": "^8.1.1",
53
- "sass": "^1.80.4",
54
+ "sass": "^1.80.5",
54
55
  "typescript": "^5.6.3",
55
56
  "webpack": "^5.95.0",
56
57
  "webpack-cli": "^5.1.4",
@@ -37,7 +37,8 @@ let QboContact = class QboContact extends LitElement {
37
37
  async connectedCallback() {
38
38
  super.connectedCallback();
39
39
  const service = services.container.isRegistered(this.apiEndpoint) ? services.container.resolve(this.apiEndpoint) : new RestApiService(this.apiEndpoint);
40
- this.jsonData = await service.fetch(`contact/summary/${this.contactId}`);
40
+ const payload = (Object.keys(this.dataset).length > 0) ? { ...this.dataset } : null;
41
+ this.jsonData = await service.fetch(`contact/summary/${this.contactId}`, payload);
41
42
  }
42
43
  render() {
43
44
  if (this.jsonData == undefined || this.jsonData.Root == undefined || (this.jsonData.Root.ContactItem == undefined && this.contactId != null))
@@ -59,9 +59,9 @@ export class QboContact extends LitElement {
59
59
 
60
60
  async connectedCallback() {
61
61
  super.connectedCallback();
62
-
63
62
  const service: IApiService = services.container.isRegistered(this.apiEndpoint) ? services.container.resolve<IApiService>(this.apiEndpoint) : new RestApiService(this.apiEndpoint);
64
- this.jsonData = await service.fetch(`contact/summary/${this.contactId}`);
63
+ const payload = (Object.keys(this.dataset).length > 0) ? { ...this.dataset } as Record<string, string> : null;
64
+ this.jsonData = await service.fetch(`contact/summary/${this.contactId}`, payload);
65
65
  }
66
66
 
67
67
  render() {
@@ -4369,7 +4369,7 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertic
4369
4369
  border-top-right-radius: 0;
4370
4370
  }
4371
4371
 
4372
- .nav {
4372
+ .nav, qbo-menu[type=side] menu, .qbo-menu-side menu {
4373
4373
  --bs-nav-link-padding-x: 1rem;
4374
4374
  --bs-nav-link-padding-y: 0.5rem;
4375
4375
  --bs-nav-link-font-weight: ;
@@ -4383,7 +4383,7 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertic
4383
4383
  list-style: none;
4384
4384
  }
4385
4385
 
4386
- .nav-link, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4386
+ .nav-link, qbo-menu[type=side] a, .qbo-menu-side a, qbo-menu[type=side] > qbo.icon, .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4387
4387
  display: block;
4388
4388
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
4389
4389
  font-size: var(--bs-nav-link-font-size);
@@ -4395,18 +4395,18 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertic
4395
4395
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
4396
4396
  }
4397
4397
  @media (prefers-reduced-motion: reduce) {
4398
- .nav-link, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4398
+ .nav-link, qbo-menu[type=side] a, .qbo-menu-side a, qbo-menu[type=side] > qbo.icon, .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4399
4399
  transition: none;
4400
4400
  }
4401
4401
  }
4402
- .nav-link:hover, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, .nav-link:focus, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus {
4402
+ .nav-link:hover, qbo-menu[type=side] a:hover, .qbo-menu-side a:hover, qbo-menu[type=side] > qbo.icon:hover, .qbo-menu-side > qbo.icon:hover, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, .nav-link:focus, qbo-menu[type=side] a:focus, .qbo-menu-side a:focus, qbo-menu[type=side] > qbo.icon:focus, .qbo-menu-side > qbo.icon:focus, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus {
4403
4403
  color: var(--bs-nav-link-hover-color);
4404
4404
  }
4405
- .nav-link:focus-visible, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus-visible {
4405
+ .nav-link:focus-visible, qbo-menu[type=side] a:focus-visible, .qbo-menu-side a:focus-visible, qbo-menu[type=side] > qbo.icon:focus-visible, .qbo-menu-side > qbo.icon:focus-visible, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus-visible {
4406
4406
  outline: 0;
4407
4407
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
4408
4408
  }
4409
- .nav-link.disabled, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.disabled, .qbo-paginate li.nav-link.disabled, .nav-link:disabled, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:disabled {
4409
+ .nav-link.disabled, qbo-menu[type=side] a.disabled, .qbo-menu-side a.disabled, qbo-menu[type=side] > qbo.disabled.icon, .qbo-menu-side > qbo.disabled.icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.disabled, .qbo-paginate li.nav-link.disabled, .nav-link:disabled, qbo-menu[type=side] a:disabled, .qbo-menu-side a:disabled, qbo-menu[type=side] > qbo.icon:disabled, .qbo-menu-side > qbo.icon:disabled, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:disabled {
4410
4410
  color: var(--bs-nav-link-disabled-color);
4411
4411
  pointer-events: none;
4412
4412
  cursor: default;
@@ -4422,20 +4422,54 @@ div.qbo-form form > * > slot > * > slot > div.qbo-form-actions .btn-group-vertic
4422
4422
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
4423
4423
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
4424
4424
  }
4425
- .nav-tabs .nav-link, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a {
4425
+ .nav-tabs .nav-link, .nav-tabs qbo-menu[type=side] a, qbo-menu[type=side] .nav-tabs a, .nav-tabs .qbo-menu-side a, .qbo-menu-side .nav-tabs a, .nav-tabs qbo-menu[type=side] > qbo.icon, .nav-tabs .qbo-menu-side > qbo.icon, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a {
4426
4426
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
4427
4427
  border: var(--bs-nav-tabs-border-width) solid transparent;
4428
4428
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
4429
4429
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
4430
4430
  }
4431
- .nav-tabs .nav-link:hover, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a:hover, .nav-tabs .nav-link:focus, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a:focus {
4431
+ .nav-tabs .nav-link:hover, .nav-tabs qbo-menu[type=side] a:hover, qbo-menu[type=side] .nav-tabs a:hover, .nav-tabs .qbo-menu-side a:hover, .qbo-menu-side .nav-tabs a:hover, .nav-tabs qbo-menu[type=side] > qbo.icon:hover, .nav-tabs .qbo-menu-side > qbo.icon:hover, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a:hover, .nav-tabs .nav-link:focus, .nav-tabs qbo-menu[type=side] a:focus, qbo-menu[type=side] .nav-tabs a:focus, .nav-tabs .qbo-menu-side a:focus, .qbo-menu-side .nav-tabs a:focus, .nav-tabs qbo-menu[type=side] > qbo.icon:focus, .nav-tabs .qbo-menu-side > qbo.icon:focus, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a:focus {
4432
4432
  isolation: isolate;
4433
4433
  border-color: var(--bs-nav-tabs-link-hover-border-color);
4434
4434
  }
4435
- .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, .nav-tabs qbo-icon.nav-link[selected],
4435
+ .nav-tabs .nav-link.active, .nav-tabs qbo-menu[type=side] a.active, qbo-menu[type=side] .nav-tabs a.active, .nav-tabs .qbo-menu-side a.active, .qbo-menu-side .nav-tabs a.active, .nav-tabs qbo-menu[type=side] > qbo.active.icon, .nav-tabs .qbo-menu-side > qbo.active.icon, .nav-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .nav-tabs li.qbo-nav-item > a.active, .nav-tabs nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .nav-tabs qbo-icon.nav-link[selected],
4436
4436
  .nav-tabs .nav-item.show .nav-link,
4437
+ .nav-tabs .nav-item.show qbo-menu[type=side] a,
4438
+ qbo-menu[type=side] .nav-tabs .nav-item.show a,
4439
+ .nav-tabs .nav-item.show .qbo-menu-side a,
4440
+ .qbo-menu-side .nav-tabs .nav-item.show a,
4441
+ .nav-tabs qbo-menu[type=side] li.show .nav-link,
4442
+ .nav-tabs qbo-menu[type=side] li.show a,
4443
+ qbo-menu[type=side] .nav-tabs li.show .nav-link,
4444
+ qbo-menu[type=side] .nav-tabs li.show a,
4445
+ .nav-tabs .qbo-menu-side li.show .nav-link,
4446
+ .nav-tabs .qbo-menu-side li.show a,
4447
+ .qbo-menu-side .nav-tabs li.show .nav-link,
4448
+ .qbo-menu-side .nav-tabs li.show a,
4449
+ .nav-tabs .nav-item.show qbo-menu[type=side] > qbo.icon,
4450
+ .nav-tabs qbo-menu[type=side] li.show qbo-menu[type=side] > qbo.icon,
4451
+ qbo-menu[type=side] .nav-tabs li.show qbo-menu[type=side] > qbo.icon,
4452
+ .nav-tabs .qbo-menu-side li.show qbo-menu[type=side] > qbo.icon,
4453
+ .qbo-menu-side .nav-tabs li.show qbo-menu[type=side] > qbo.icon,
4454
+ .nav-tabs .nav-item.show .qbo-menu-side > qbo.icon,
4455
+ .nav-tabs qbo-menu[type=side] li.show .qbo-menu-side > qbo.icon,
4456
+ qbo-menu[type=side] .nav-tabs li.show .qbo-menu-side > qbo.icon,
4457
+ .nav-tabs .qbo-menu-side li.show .qbo-menu-side > qbo.icon,
4458
+ .qbo-menu-side .nav-tabs li.show .qbo-menu-side > qbo.icon,
4437
4459
  .nav-tabs qbo-menu[type=context] > menu.nav-item .nav-link,
4460
+ .nav-tabs qbo-menu[type=context] > menu.nav-item qbo-menu[type=side] a,
4461
+ qbo-menu[type=side] .nav-tabs qbo-menu[type=context] > menu.nav-item a,
4462
+ .nav-tabs qbo-menu[type=context] > menu.nav-item .qbo-menu-side a,
4463
+ .qbo-menu-side .nav-tabs qbo-menu[type=context] > menu.nav-item a,
4464
+ .nav-tabs qbo-menu[type=context] > menu.nav-item qbo-menu[type=side] > qbo.icon,
4465
+ .nav-tabs qbo-menu[type=context] > menu.nav-item .qbo-menu-side > qbo.icon,
4438
4466
  .nav-tabs .qbo-menu-context > menu.nav-item .nav-link,
4467
+ .nav-tabs .qbo-menu-context > menu.nav-item qbo-menu[type=side] a,
4468
+ qbo-menu[type=side] .nav-tabs .qbo-menu-context > menu.nav-item a,
4469
+ .nav-tabs .qbo-menu-context > menu.nav-item .qbo-menu-side a,
4470
+ .qbo-menu-side .nav-tabs .qbo-menu-context > menu.nav-item a,
4471
+ .nav-tabs .qbo-menu-context > menu.nav-item qbo-menu[type=side] > qbo.icon,
4472
+ .nav-tabs .qbo-menu-context > menu.nav-item .qbo-menu-side > qbo.icon,
4439
4473
  .nav-tabs .nav-item.show nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
4440
4474
  .nav-tabs qbo-menu[type=context] > menu.nav-item nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
4441
4475
  .nav-tabs .qbo-menu-context > menu.nav-item nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
@@ -4443,10 +4477,24 @@ nav.qbo-mainmenu > div > div > ul .nav-tabs .nav-item.show li.qbo-nav-item > a,
4443
4477
  nav.qbo-mainmenu > div > div > ul .nav-tabs qbo-menu[type=context] > menu.nav-item li.qbo-nav-item > a,
4444
4478
  nav.qbo-mainmenu > div > div > ul .nav-tabs .qbo-menu-context > menu.nav-item li.qbo-nav-item > a,
4445
4479
  .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item .nav-link,
4480
+ .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item qbo-menu[type=side] a,
4481
+ .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item .qbo-menu-side a,
4482
+ .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item qbo-menu[type=side] > qbo.icon,
4483
+ .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item .qbo-menu-side > qbo.icon,
4446
4484
  .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item li.qbo-nav-item > a,
4447
4485
  nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item .nav-link,
4486
+ nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item qbo-menu[type=side] a,
4487
+ nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item .qbo-menu-side a,
4488
+ nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item qbo-menu[type=side] > qbo.icon,
4489
+ nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item .qbo-menu-side > qbo.icon,
4448
4490
  nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item li.qbo-nav-item > a,
4449
4491
  .nav-tabs div.nav-item.qbo-show .nav-link,
4492
+ .nav-tabs div.nav-item.qbo-show qbo-menu[type=side] a,
4493
+ qbo-menu[type=side] .nav-tabs div.nav-item.qbo-show a,
4494
+ .nav-tabs div.nav-item.qbo-show .qbo-menu-side a,
4495
+ .qbo-menu-side .nav-tabs div.nav-item.qbo-show a,
4496
+ .nav-tabs div.nav-item.qbo-show qbo-menu[type=side] > qbo.icon,
4497
+ .nav-tabs div.nav-item.qbo-show .qbo-menu-side > qbo.icon,
4450
4498
  .nav-tabs div.nav-item.qbo-show nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
4451
4499
  nav.qbo-mainmenu > div > div > ul .nav-tabs div.nav-item.qbo-show li.qbo-nav-item > a {
4452
4500
  color: var(--bs-nav-tabs-link-active-color);
@@ -4464,16 +4512,37 @@ nav.qbo-mainmenu > div > div > ul .nav-tabs div.nav-item.qbo-show li.qbo-nav-ite
4464
4512
  --bs-nav-pills-link-active-color: #fff;
4465
4513
  --bs-nav-pills-link-active-bg: #0d6efd;
4466
4514
  }
4467
- .nav-pills .nav-link, .nav-pills nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-pills li.qbo-nav-item > a {
4515
+ .nav-pills .nav-link, .nav-pills qbo-menu[type=side] a, qbo-menu[type=side] .nav-pills a, .nav-pills .qbo-menu-side a, .qbo-menu-side .nav-pills a, .nav-pills qbo-menu[type=side] > qbo.icon, .nav-pills .qbo-menu-side > qbo.icon, .nav-pills nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-pills li.qbo-nav-item > a {
4468
4516
  border-radius: var(--bs-nav-pills-border-radius);
4469
4517
  }
4470
- .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, .nav-pills qbo-icon.nav-link[selected],
4518
+ .nav-pills .nav-link.active, .nav-pills qbo-menu[type=side] a.active, qbo-menu[type=side] .nav-pills a.active, .nav-pills .qbo-menu-side a.active, .qbo-menu-side .nav-pills a.active, .nav-pills qbo-menu[type=side] > qbo.active.icon, .nav-pills .qbo-menu-side > qbo.active.icon, .nav-pills nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .nav-pills li.qbo-nav-item > a.active, .nav-pills nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .nav-pills qbo-icon.nav-link[selected],
4471
4519
  .nav-pills .show > .nav-link,
4520
+ .nav-pills qbo-menu[type=side] .show > a,
4521
+ qbo-menu[type=side] .nav-pills .show > a,
4522
+ .nav-pills .qbo-menu-side .show > a,
4523
+ .qbo-menu-side .nav-pills .show > a,
4524
+ .nav-pills qbo-menu.show[type=side] > qbo.icon,
4525
+ .nav-pills .show.qbo-menu-side > qbo.icon,
4472
4526
  .nav-pills qbo-menu[type=context] > menu > .nav-link,
4527
+ .nav-pills qbo-menu[type=side] qbo-menu[type=context] > menu > a,
4528
+ qbo-menu[type=side] .nav-pills qbo-menu[type=context] > menu > a,
4529
+ .nav-pills .qbo-menu-side qbo-menu[type=context] > menu > a,
4530
+ .qbo-menu-side .nav-pills qbo-menu[type=context] > menu > a,
4531
+ .nav-pills qbo-menu[type=context] > menu.qbo-menu-side > qbo.icon,
4473
4532
  .nav-pills .qbo-menu-context > menu > .nav-link,
4533
+ .nav-pills qbo-menu[type=side] .qbo-menu-context > menu > a,
4534
+ qbo-menu[type=side] .nav-pills .qbo-menu-context > menu > a,
4535
+ .nav-pills .qbo-menu-side .qbo-menu-context > menu > a,
4536
+ .qbo-menu-side .nav-pills .qbo-menu-context > menu > a,
4537
+ .nav-pills .qbo-menu-context > menu.qbo-menu-side > qbo.icon,
4474
4538
  .nav-pills nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item > a,
4475
4539
  nav.qbo-mainmenu > div > div > ul .nav-pills li.show.qbo-nav-item > a,
4476
- .nav-pills div.qbo-show > .nav-link {
4540
+ .nav-pills div.qbo-show > .nav-link,
4541
+ .nav-pills qbo-menu[type=side] div.qbo-show > a,
4542
+ qbo-menu[type=side] .nav-pills div.qbo-show > a,
4543
+ .nav-pills .qbo-menu-side div.qbo-show > a,
4544
+ .qbo-menu-side .nav-pills div.qbo-show > a,
4545
+ .nav-pills div.qbo-show.qbo-menu-side > qbo.icon {
4477
4546
  color: var(--bs-nav-pills-link-active-color);
4478
4547
  background-color: var(--bs-nav-pills-link-active-bg);
4479
4548
  }
@@ -4484,36 +4553,65 @@ nav.qbo-mainmenu > div > div > ul .nav-pills li.show.qbo-nav-item > a,
4484
4553
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
4485
4554
  gap: var(--bs-nav-underline-gap);
4486
4555
  }
4487
- .nav-underline .nav-link, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a {
4556
+ .nav-underline .nav-link, .nav-underline qbo-menu[type=side] a, qbo-menu[type=side] .nav-underline a, .nav-underline .qbo-menu-side a, .qbo-menu-side .nav-underline a, .nav-underline qbo-menu[type=side] > qbo.icon, .nav-underline .qbo-menu-side > qbo.icon, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a {
4488
4557
  padding-right: 0;
4489
4558
  padding-left: 0;
4490
4559
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
4491
4560
  }
4492
- .nav-underline .nav-link:hover, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a:hover, .nav-underline .nav-link:focus, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a:focus {
4561
+ .nav-underline .nav-link:hover, .nav-underline qbo-menu[type=side] a:hover, qbo-menu[type=side] .nav-underline a:hover, .nav-underline .qbo-menu-side a:hover, .qbo-menu-side .nav-underline a:hover, .nav-underline qbo-menu[type=side] > qbo.icon:hover, .nav-underline .qbo-menu-side > qbo.icon:hover, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:hover, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a:hover, .nav-underline .nav-link:focus, .nav-underline qbo-menu[type=side] a:focus, qbo-menu[type=side] .nav-underline a:focus, .nav-underline .qbo-menu-side a:focus, .qbo-menu-side .nav-underline a:focus, .nav-underline qbo-menu[type=side] > qbo.icon:focus, .nav-underline .qbo-menu-side > qbo.icon:focus, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a:focus, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a:focus {
4493
4562
  border-bottom-color: currentcolor;
4494
4563
  }
4495
- .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, .nav-underline qbo-icon.nav-link[selected],
4564
+ .nav-underline .nav-link.active, .nav-underline qbo-menu[type=side] a.active, qbo-menu[type=side] .nav-underline a.active, .nav-underline .qbo-menu-side a.active, .qbo-menu-side .nav-underline a.active, .nav-underline qbo-menu[type=side] > qbo.active.icon, .nav-underline .qbo-menu-side > qbo.active.icon, .nav-underline nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .nav-underline li.qbo-nav-item > a.active, .nav-underline nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .nav-underline qbo-icon.nav-link[selected],
4496
4565
  .nav-underline .show > .nav-link,
4566
+ .nav-underline qbo-menu[type=side] .show > a,
4567
+ qbo-menu[type=side] .nav-underline .show > a,
4568
+ .nav-underline .qbo-menu-side .show > a,
4569
+ .qbo-menu-side .nav-underline .show > a,
4570
+ .nav-underline qbo-menu.show[type=side] > qbo.icon,
4571
+ .nav-underline .show.qbo-menu-side > qbo.icon,
4497
4572
  .nav-underline qbo-menu[type=context] > menu > .nav-link,
4573
+ .nav-underline qbo-menu[type=side] qbo-menu[type=context] > menu > a,
4574
+ qbo-menu[type=side] .nav-underline qbo-menu[type=context] > menu > a,
4575
+ .nav-underline .qbo-menu-side qbo-menu[type=context] > menu > a,
4576
+ .qbo-menu-side .nav-underline qbo-menu[type=context] > menu > a,
4577
+ .nav-underline qbo-menu[type=context] > menu.qbo-menu-side > qbo.icon,
4498
4578
  .nav-underline .qbo-menu-context > menu > .nav-link,
4579
+ .nav-underline qbo-menu[type=side] .qbo-menu-context > menu > a,
4580
+ qbo-menu[type=side] .nav-underline .qbo-menu-context > menu > a,
4581
+ .nav-underline .qbo-menu-side .qbo-menu-context > menu > a,
4582
+ .qbo-menu-side .nav-underline .qbo-menu-context > menu > a,
4583
+ .nav-underline .qbo-menu-context > menu.qbo-menu-side > qbo.icon,
4499
4584
  .nav-underline nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item > a,
4500
4585
  nav.qbo-mainmenu > div > div > ul .nav-underline li.show.qbo-nav-item > a,
4501
- .nav-underline div.qbo-show > .nav-link {
4586
+ .nav-underline div.qbo-show > .nav-link,
4587
+ .nav-underline qbo-menu[type=side] div.qbo-show > a,
4588
+ qbo-menu[type=side] .nav-underline div.qbo-show > a,
4589
+ .nav-underline .qbo-menu-side div.qbo-show > a,
4590
+ .qbo-menu-side .nav-underline div.qbo-show > a,
4591
+ .nav-underline div.qbo-show.qbo-menu-side > qbo.icon {
4502
4592
  font-weight: 700;
4503
4593
  color: var(--bs-nav-underline-link-active-color);
4504
4594
  border-bottom-color: currentcolor;
4505
4595
  }
4506
4596
 
4507
- .nav-fill > .nav-link, nav.qbo-mainmenu > div > div > ul li.nav-fill.qbo-nav-item > a,
4597
+ .nav-fill > .nav-link, qbo-menu[type=side] .nav-fill > a, .qbo-menu-side .nav-fill > a, qbo-menu.nav-fill[type=side] > qbo.icon, .nav-fill.qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul li.nav-fill.qbo-nav-item > a,
4508
4598
  .nav-fill .nav-item,
4599
+ .nav-fill qbo-menu[type=side] li,
4600
+ qbo-menu[type=side] .nav-fill li,
4601
+ .nav-fill .qbo-menu-side li,
4602
+ .qbo-menu-side .nav-fill li,
4509
4603
  .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item,
4510
4604
  nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item {
4511
4605
  flex: 1 1 auto;
4512
4606
  text-align: center;
4513
4607
  }
4514
4608
 
4515
- .nav-justified > .nav-link, nav.qbo-mainmenu > div > div > ul li.nav-justified.qbo-nav-item > a,
4609
+ .nav-justified > .nav-link, qbo-menu[type=side] .nav-justified > a, .qbo-menu-side .nav-justified > a, qbo-menu.nav-justified[type=side] > qbo.icon, .nav-justified.qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul li.nav-justified.qbo-nav-item > a,
4516
4610
  .nav-justified .nav-item,
4611
+ .nav-justified qbo-menu[type=side] li,
4612
+ qbo-menu[type=side] .nav-justified li,
4613
+ .nav-justified .qbo-menu-side li,
4614
+ .qbo-menu-side .nav-justified li,
4517
4615
  .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item,
4518
4616
  nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item {
4519
4617
  flex-basis: 0;
@@ -4521,11 +4619,45 @@ nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item {
4521
4619
  text-align: center;
4522
4620
  }
4523
4621
 
4524
- .nav-fill .nav-item .nav-link, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .nav-link, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item .nav-link, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item > a,
4622
+ .nav-fill .nav-item .nav-link, .nav-fill .nav-item qbo-menu[type=side] a, qbo-menu[type=side] .nav-fill .nav-item a, .nav-fill .nav-item .qbo-menu-side a, .qbo-menu-side .nav-fill .nav-item a, .nav-fill qbo-menu[type=side] li .nav-link, .nav-fill qbo-menu[type=side] li a, qbo-menu[type=side] .nav-fill li .nav-link, qbo-menu[type=side] .nav-fill li a, .nav-fill .qbo-menu-side li .nav-link, .nav-fill .qbo-menu-side li a, .qbo-menu-side .nav-fill li .nav-link, .qbo-menu-side .nav-fill li a, .nav-fill .nav-item qbo-menu[type=side] > qbo.icon, .nav-fill qbo-menu[type=side] li qbo-menu[type=side] > qbo.icon, qbo-menu[type=side] .nav-fill li qbo-menu[type=side] > qbo.icon, .nav-fill .qbo-menu-side li qbo-menu[type=side] > qbo.icon, .qbo-menu-side .nav-fill li qbo-menu[type=side] > qbo.icon, .nav-fill .nav-item .qbo-menu-side > qbo.icon, .nav-fill qbo-menu[type=side] li .qbo-menu-side > qbo.icon, qbo-menu[type=side] .nav-fill li .qbo-menu-side > qbo.icon, .nav-fill .qbo-menu-side li .qbo-menu-side > qbo.icon, .qbo-menu-side .nav-fill li .qbo-menu-side > qbo.icon, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .nav-link, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item qbo-menu[type=side] a, qbo-menu[type=side] .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .qbo-menu-side a, .qbo-menu-side .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item qbo-menu[type=side] > qbo.icon, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .qbo-menu-side > qbo.icon, .nav-fill nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item .nav-link, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item qbo-menu[type=side] a, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item a, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item .qbo-menu-side a, .qbo-menu-side nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item a, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item qbo-menu[type=side] > qbo.icon, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .nav-fill li.qbo-nav-item > a,
4525
4623
  .nav-justified .nav-item .nav-link,
4624
+ .nav-justified .nav-item qbo-menu[type=side] a,
4625
+ qbo-menu[type=side] .nav-justified .nav-item a,
4626
+ .nav-justified .nav-item .qbo-menu-side a,
4627
+ .qbo-menu-side .nav-justified .nav-item a,
4628
+ .nav-justified qbo-menu[type=side] li .nav-link,
4629
+ .nav-justified qbo-menu[type=side] li a,
4630
+ qbo-menu[type=side] .nav-justified li .nav-link,
4631
+ qbo-menu[type=side] .nav-justified li a,
4632
+ .nav-justified .qbo-menu-side li .nav-link,
4633
+ .nav-justified .qbo-menu-side li a,
4634
+ .qbo-menu-side .nav-justified li .nav-link,
4635
+ .qbo-menu-side .nav-justified li a,
4636
+ .nav-justified .nav-item qbo-menu[type=side] > qbo.icon,
4637
+ .nav-justified qbo-menu[type=side] li qbo-menu[type=side] > qbo.icon,
4638
+ qbo-menu[type=side] .nav-justified li qbo-menu[type=side] > qbo.icon,
4639
+ .nav-justified .qbo-menu-side li qbo-menu[type=side] > qbo.icon,
4640
+ .qbo-menu-side .nav-justified li qbo-menu[type=side] > qbo.icon,
4641
+ .nav-justified .nav-item .qbo-menu-side > qbo.icon,
4642
+ .nav-justified qbo-menu[type=side] li .qbo-menu-side > qbo.icon,
4643
+ qbo-menu[type=side] .nav-justified li .qbo-menu-side > qbo.icon,
4644
+ .nav-justified .qbo-menu-side li .qbo-menu-side > qbo.icon,
4645
+ .qbo-menu-side .nav-justified li .qbo-menu-side > qbo.icon,
4526
4646
  .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .nav-link,
4647
+ .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item qbo-menu[type=side] a,
4648
+ qbo-menu[type=side] .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a,
4649
+ .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .qbo-menu-side a,
4650
+ .qbo-menu-side .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a,
4651
+ .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item qbo-menu[type=side] > qbo.icon,
4652
+ .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .qbo-menu-side > qbo.icon,
4527
4653
  .nav-justified nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
4528
4654
  nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item .nav-link,
4655
+ nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item qbo-menu[type=side] a,
4656
+ qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item a,
4657
+ nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item .qbo-menu-side a,
4658
+ .qbo-menu-side nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item a,
4659
+ nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item qbo-menu[type=side] > qbo.icon,
4660
+ nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item .qbo-menu-side > qbo.icon,
4529
4661
  nav.qbo-mainmenu > div > div > ul .nav-justified li.qbo-nav-item > a {
4530
4662
  width: 100%;
4531
4663
  }
@@ -4613,7 +4745,7 @@ nav.qbo-mainmenu > .container-xxl {
4613
4745
  margin-bottom: 0;
4614
4746
  list-style: none;
4615
4747
  }
4616
- .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 qbo-icon.nav-link[selected], nav.qbo-mainmenu > div > div > ul qbo-icon.nav-link[selected], .navbar-nav .nav-link.show, .navbar-nav qbo-menu[type=context] > menu.nav-link, .navbar-nav .qbo-menu-context > menu.nav-link, nav.qbo-mainmenu > div > div > ul .nav-link.show, nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu.nav-link, nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu.nav-link, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.show, .navbar-nav div.nav-link.qbo-show, nav.qbo-mainmenu > div > div > ul div.nav-link.qbo-show {
4748
+ .navbar-nav .nav-link.active, .navbar-nav qbo-menu[type=side] a.active, qbo-menu[type=side] .navbar-nav a.active, .navbar-nav .qbo-menu-side a.active, .qbo-menu-side .navbar-nav a.active, .navbar-nav qbo-menu[type=side] > qbo.active.icon, .navbar-nav .qbo-menu-side > qbo.active.icon, nav.qbo-mainmenu > div > div > ul .nav-link.active, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a.active, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul a.active, nav.qbo-mainmenu > div > div > ul .qbo-menu-side a.active, .qbo-menu-side nav.qbo-mainmenu > div > div > ul a.active, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.active.icon, nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.active.icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, .navbar-nav nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, nav.qbo-mainmenu > div > div > ul nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .navbar-nav qbo-icon.nav-link[selected], nav.qbo-mainmenu > div > div > ul qbo-icon.nav-link[selected], .navbar-nav .nav-link.show, .navbar-nav qbo-menu[type=side] a.show, qbo-menu[type=side] .navbar-nav a.show, .navbar-nav .qbo-menu-side a.show, .qbo-menu-side .navbar-nav a.show, .navbar-nav qbo-menu[type=side] > qbo.show.icon, .navbar-nav .qbo-menu-side > qbo.show.icon, .navbar-nav qbo-menu[type=context] > menu.nav-link, .navbar-nav .qbo-menu-context > menu.nav-link, nav.qbo-mainmenu > div > div > ul .nav-link.show, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a.show, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul a.show, nav.qbo-mainmenu > div > div > ul .qbo-menu-side a.show, .qbo-menu-side nav.qbo-mainmenu > div > div > ul a.show, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.show.icon, nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.show.icon, nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu.nav-link, nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu.nav-link, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.show, .navbar-nav div.nav-link.qbo-show, nav.qbo-mainmenu > div > div > ul div.nav-link.qbo-show {
4617
4749
  color: var(--bs-navbar-active-color);
4618
4750
  }
4619
4751
  .navbar-nav .dropdown-menu, .navbar-nav qbo-menu[type=context] > ul, .navbar-nav .qbo-menu-context > ul, .navbar-nav qbo-menu[type=context] > menu, .navbar-nav .qbo-menu-context > menu, nav.qbo-mainmenu > div > div > ul .dropdown-menu, nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
@@ -4688,7 +4820,7 @@ nav.qbo-mainmenu > .container-xxl {
4688
4820
  .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav qbo-menu[type=context] > ul, .navbar-expand-sm .navbar-nav .qbo-menu-context > ul, .navbar-expand-sm .navbar-nav qbo-menu[type=context] > menu, .navbar-expand-sm .navbar-nav .qbo-menu-context > menu, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4689
4821
  position: absolute;
4690
4822
  }
4691
- .navbar-expand-sm .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .navbar-expand-sm .navbar-nav li.qbo-nav-item > a, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4823
+ .navbar-expand-sm .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-sm .navbar-nav a, .navbar-expand-sm .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand-sm .navbar-nav a, .navbar-expand-sm .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand-sm .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .navbar-expand-sm .navbar-nav li.qbo-nav-item > a, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-sm nav.qbo-mainmenu > div > div > ul a, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side .navbar-expand-sm nav.qbo-mainmenu > div > div > ul a, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4692
4824
  padding-right: var(--bs-navbar-nav-link-padding-x);
4693
4825
  padding-left: var(--bs-navbar-nav-link-padding-x);
4694
4826
  }
@@ -4735,7 +4867,7 @@ nav.qbo-mainmenu > .container-xxl {
4735
4867
  .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav qbo-menu[type=context] > ul, .navbar-expand-md .navbar-nav .qbo-menu-context > ul, .navbar-expand-md .navbar-nav qbo-menu[type=context] > menu, .navbar-expand-md .navbar-nav .qbo-menu-context > menu, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-md nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, .navbar-expand-md nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4736
4868
  position: absolute;
4737
4869
  }
4738
- .navbar-expand-md .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .navbar-expand-md .navbar-nav li.qbo-nav-item > a, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-md nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4870
+ .navbar-expand-md .navbar-nav .nav-link, .navbar-expand-md .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-md .navbar-nav a, .navbar-expand-md .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand-md .navbar-nav a, .navbar-expand-md .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand-md .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .navbar-expand-md .navbar-nav li.qbo-nav-item > a, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-md nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-md nav.qbo-mainmenu > div > div > ul a, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side .navbar-expand-md nav.qbo-mainmenu > div > div > ul a, .navbar-expand-md nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, .navbar-expand-md nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4739
4871
  padding-right: var(--bs-navbar-nav-link-padding-x);
4740
4872
  padding-left: var(--bs-navbar-nav-link-padding-x);
4741
4873
  }
@@ -4782,7 +4914,7 @@ nav.qbo-mainmenu > .container-xxl {
4782
4914
  .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav qbo-menu[type=context] > ul, .navbar-expand-lg .navbar-nav .qbo-menu-context > ul, .navbar-expand-lg .navbar-nav qbo-menu[type=context] > menu, .navbar-expand-lg .navbar-nav .qbo-menu-context > menu, nav.qbo-mainmenu .navbar-nav .dropdown-menu, nav.qbo-mainmenu .navbar-nav qbo-menu[type=context] > ul, nav.qbo-mainmenu .navbar-nav .qbo-menu-context > ul, nav.qbo-mainmenu .navbar-nav qbo-menu[type=context] > menu, nav.qbo-mainmenu .navbar-nav .qbo-menu-context > menu, nav.qbo-mainmenu > div > div > ul .dropdown-menu, nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4783
4915
  position: absolute;
4784
4916
  }
4785
- .navbar-expand-lg .navbar-nav .nav-link, nav.qbo-mainmenu .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .nav-link, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4917
+ .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-lg .navbar-nav a, .navbar-expand-lg .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand-lg .navbar-nav a, .navbar-expand-lg .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand-lg .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu .navbar-nav .nav-link, nav.qbo-mainmenu .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] nav.qbo-mainmenu .navbar-nav a, nav.qbo-mainmenu .navbar-nav .qbo-menu-side a, .qbo-menu-side nav.qbo-mainmenu .navbar-nav a, nav.qbo-mainmenu .navbar-nav qbo-menu[type=side] > qbo.icon, nav.qbo-mainmenu .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .nav-link, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul a, nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side nav.qbo-mainmenu > div > div > ul a, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4786
4918
  padding-right: var(--bs-navbar-nav-link-padding-x);
4787
4919
  padding-left: var(--bs-navbar-nav-link-padding-x);
4788
4920
  }
@@ -4829,7 +4961,7 @@ nav.qbo-mainmenu > .container-xxl {
4829
4961
  .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav qbo-menu[type=context] > ul, .navbar-expand-xl .navbar-nav .qbo-menu-context > ul, .navbar-expand-xl .navbar-nav qbo-menu[type=context] > menu, .navbar-expand-xl .navbar-nav .qbo-menu-context > menu, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4830
4962
  position: absolute;
4831
4963
  }
4832
- .navbar-expand-xl .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .navbar-expand-xl .navbar-nav li.qbo-nav-item > a, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4964
+ .navbar-expand-xl .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-xl .navbar-nav a, .navbar-expand-xl .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand-xl .navbar-nav a, .navbar-expand-xl .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand-xl .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .navbar-expand-xl .navbar-nav li.qbo-nav-item > a, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-xl nav.qbo-mainmenu > div > div > ul a, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side .navbar-expand-xl nav.qbo-mainmenu > div > div > ul a, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4833
4965
  padding-right: var(--bs-navbar-nav-link-padding-x);
4834
4966
  padding-left: var(--bs-navbar-nav-link-padding-x);
4835
4967
  }
@@ -4876,7 +5008,7 @@ nav.qbo-mainmenu > .container-xxl {
4876
5008
  .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav qbo-menu[type=context] > ul, .navbar-expand-xxl .navbar-nav .qbo-menu-context > ul, .navbar-expand-xxl .navbar-nav qbo-menu[type=context] > menu, .navbar-expand-xxl .navbar-nav .qbo-menu-context > menu, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4877
5009
  position: absolute;
4878
5010
  }
4879
- .navbar-expand-xxl .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .navbar-expand-xxl .navbar-nav li.qbo-nav-item > a, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
5011
+ .navbar-expand-xxl .navbar-nav .nav-link, .navbar-expand-xxl .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-xxl .navbar-nav a, .navbar-expand-xxl .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand-xxl .navbar-nav a, .navbar-expand-xxl .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand-xxl .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .navbar-expand-xxl .navbar-nav li.qbo-nav-item > a, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul a, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul a, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4880
5012
  padding-right: var(--bs-navbar-nav-link-padding-x);
4881
5013
  padding-left: var(--bs-navbar-nav-link-padding-x);
4882
5014
  }
@@ -4922,7 +5054,7 @@ nav.qbo-mainmenu > .container-xxl {
4922
5054
  .navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav qbo-menu[type=context] > ul, .navbar-expand .navbar-nav .qbo-menu-context > ul, .navbar-expand .navbar-nav qbo-menu[type=context] > menu, .navbar-expand .navbar-nav .qbo-menu-context > menu, .navbar-expand nav.qbo-mainmenu > div > div > ul .dropdown-menu, .navbar-expand nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > ul, .navbar-expand nav.qbo-mainmenu > div > div > ul .qbo-menu-context > ul, .navbar-expand nav.qbo-mainmenu > div > div > ul qbo-menu[type=context] > menu, .navbar-expand nav.qbo-mainmenu > div > div > ul .qbo-menu-context > menu {
4923
5055
  position: absolute;
4924
5056
  }
4925
- .navbar-expand .navbar-nav .nav-link, nav.qbo-mainmenu > div > div > ul .navbar-expand .navbar-nav li.qbo-nav-item > a, .navbar-expand nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
5057
+ .navbar-expand .navbar-nav .nav-link, .navbar-expand .navbar-nav qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand .navbar-nav a, .navbar-expand .navbar-nav .qbo-menu-side a, .qbo-menu-side .navbar-expand .navbar-nav a, .navbar-expand .navbar-nav qbo-menu[type=side] > qbo.icon, .navbar-expand .navbar-nav .qbo-menu-side > qbo.icon, nav.qbo-mainmenu > div > div > ul .navbar-expand .navbar-nav li.qbo-nav-item > a, .navbar-expand nav.qbo-mainmenu > div > div > ul .nav-link, .navbar-expand nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] a, qbo-menu[type=side] .navbar-expand nav.qbo-mainmenu > div > div > ul a, .navbar-expand nav.qbo-mainmenu > div > div > ul .qbo-menu-side a, .qbo-menu-side .navbar-expand nav.qbo-mainmenu > div > div > ul a, .navbar-expand nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] > qbo.icon, .navbar-expand nav.qbo-mainmenu > div > div > ul .qbo-menu-side > qbo.icon, .navbar-expand nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a {
4926
5058
  padding-right: var(--bs-navbar-nav-link-padding-x);
4927
5059
  padding-left: var(--bs-navbar-nav-link-padding-x);
4928
5060
  }
@@ -5087,7 +5219,7 @@ qbo-card > .list-group + footer,
5087
5219
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
5088
5220
  border-bottom: 0;
5089
5221
  }
5090
- .card-header-tabs .nav-link.active, .card-header-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .card-header-tabs li.qbo-nav-item > a.active, .card-header-tabs nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .card-header-tabs qbo-icon.nav-link[selected] {
5222
+ .card-header-tabs .nav-link.active, .card-header-tabs qbo-menu[type=side] a.active, qbo-menu[type=side] .card-header-tabs a.active, .card-header-tabs .qbo-menu-side a.active, .qbo-menu-side .card-header-tabs a.active, .card-header-tabs qbo-menu[type=side] > qbo.active.icon, .card-header-tabs .qbo-menu-side > qbo.active.icon, .card-header-tabs nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a.active, nav.qbo-mainmenu > div > div > ul .card-header-tabs li.qbo-nav-item > a.active, .card-header-tabs nav.qbo-breadcrumb > div > nav > ul > li.nav-link:last-child, .card-header-tabs qbo-icon.nav-link[selected] {
5091
5223
  background-color: var(--bs-card-bg);
5092
5224
  border-bottom-color: var(--bs-card-bg);
5093
5225
  }
@@ -8370,7 +8502,7 @@ qbo-icon.carousel-item-start[selected] {
8370
8502
  flex-direction: row !important;
8371
8503
  }
8372
8504
 
8373
- .flex-column {
8505
+ .flex-column, qbo-menu[type=side] menu, .qbo-menu-side menu {
8374
8506
  flex-direction: column !important;
8375
8507
  }
8376
8508
 
@@ -20936,12 +21068,12 @@ nav.qbo-breadcrumb > div > nav > ul {
20936
21068
  .navbar .dropdown-menu > li:hover > .submenu, .navbar qbo-menu[type=context] > ul > li:hover > .submenu, .navbar .qbo-menu-context > ul > li:hover > .submenu, .navbar qbo-menu[type=context] > menu > li:hover > .submenu, .navbar .qbo-menu-context > menu > li:hover > .submenu, nav.qbo-mainmenu .dropdown-menu > li:hover > .submenu, nav.qbo-mainmenu qbo-menu[type=context] > ul > li:hover > .submenu, nav.qbo-mainmenu .qbo-menu-context > ul > li:hover > .submenu, nav.qbo-mainmenu qbo-menu[type=context] > menu > li:hover > .submenu, nav.qbo-mainmenu .qbo-menu-context > menu > li:hover > .submenu {
20937
21069
  display: block;
20938
21070
  }
20939
- .navbar .nav-item .dropdown-mainmenu, nav.qbo-mainmenu .nav-item .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu,
21071
+ .navbar .nav-item .dropdown-mainmenu, .navbar qbo-menu[type=side] li .dropdown-mainmenu, qbo-menu[type=side] .navbar li .dropdown-mainmenu, .navbar .qbo-menu-side li .dropdown-mainmenu, .qbo-menu-side .navbar li .dropdown-mainmenu, nav.qbo-mainmenu .nav-item .dropdown-mainmenu, nav.qbo-mainmenu qbo-menu[type=side] li .dropdown-mainmenu, qbo-menu[type=side] nav.qbo-mainmenu li .dropdown-mainmenu, nav.qbo-mainmenu .qbo-menu-side li .dropdown-mainmenu, .qbo-menu-side nav.qbo-mainmenu li .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu,
20940
21072
  nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover > ul.qbo-dropdown-mainmenu {
20941
21073
  display: none;
20942
21074
  margin-top: 0;
20943
21075
  }
20944
- .navbar .nav-item:hover .dropdown-mainmenu, .navbar .nav-item:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu .nav-item:hover .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul .nav-item:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu,
21076
+ .navbar .nav-item:hover .dropdown-mainmenu, .navbar qbo-menu[type=side] li:hover .dropdown-mainmenu, qbo-menu[type=side] .navbar li:hover .dropdown-mainmenu, .navbar .qbo-menu-side li:hover .dropdown-mainmenu, .qbo-menu-side .navbar li:hover .dropdown-mainmenu, .navbar .nav-item:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, .navbar qbo-menu[type=side] li:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, qbo-menu[type=side] .navbar li:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, .navbar .qbo-menu-side li:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, .qbo-menu-side .navbar li:hover nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu .nav-item:hover .dropdown-mainmenu, nav.qbo-mainmenu qbo-menu[type=side] li:hover .dropdown-mainmenu, qbo-menu[type=side] nav.qbo-mainmenu li:hover .dropdown-mainmenu, nav.qbo-mainmenu .qbo-menu-side li:hover .dropdown-mainmenu, .qbo-menu-side nav.qbo-mainmenu li:hover .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul .nav-item:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] li:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul li:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul .qbo-menu-side li:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, .qbo-menu-side nav.qbo-mainmenu > div > div > ul li:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover .dropdown-mainmenu, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover li.qbo-nav-item > ul.qbo-dropdown-mainmenu,
20945
21077
  nav.qbo-mainmenu > div > div > ul li.qbo-nav-item:hover > ul.qbo-dropdown-mainmenu {
20946
21078
  display: block;
20947
21079
  }
@@ -20956,15 +21088,15 @@ nav.qbo-breadcrumb > div > nav > ul {
20956
21088
  margin-bottom: 0.5rem;
20957
21089
  }
20958
21090
  }
20959
- .navbar .nav-item nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul .nav-item li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item li > a.qbo-dropdown-item > span.qbo-submenuexpand {
21091
+ .navbar .nav-item nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, .navbar qbo-menu[type=side] li nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, qbo-menu[type=side] .navbar li nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, .navbar .qbo-menu-side li nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, .qbo-menu-side .navbar li nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul .nav-item li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] li li > a.qbo-dropdown-item > span.qbo-submenuexpand, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul li li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul .qbo-menu-side li li > a.qbo-dropdown-item > span.qbo-submenuexpand, .qbo-menu-side nav.qbo-mainmenu > div > div > ul li li > a.qbo-dropdown-item > span.qbo-submenuexpand, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item li > a.qbo-dropdown-item > span.qbo-submenuexpand {
20960
21092
  float: right;
20961
21093
  }
20962
21094
 
20963
- .navbar .nav-item .icon, .navbar .nav-item nav.qbo-mainmenu > div > div > ul i.qbo-icon, nav.qbo-mainmenu .nav-item .icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .icon, nav.qbo-mainmenu > div > div > ul .nav-item i.qbo-icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item i.qbo-icon {
21095
+ .navbar .nav-item .icon, .navbar qbo-menu[type=side] li .icon, qbo-menu[type=side] .navbar li .icon, .navbar .qbo-menu-side li .icon, .qbo-menu-side .navbar li .icon, .navbar .nav-item nav.qbo-mainmenu > div > div > ul i.qbo-icon, .navbar qbo-menu[type=side] li nav.qbo-mainmenu > div > div > ul i.qbo-icon, qbo-menu[type=side] .navbar li nav.qbo-mainmenu > div > div > ul i.qbo-icon, .navbar .qbo-menu-side li nav.qbo-mainmenu > div > div > ul i.qbo-icon, .qbo-menu-side .navbar li nav.qbo-mainmenu > div > div > ul i.qbo-icon, nav.qbo-mainmenu .nav-item .icon, nav.qbo-mainmenu qbo-menu[type=side] li .icon, qbo-menu[type=side] nav.qbo-mainmenu li .icon, nav.qbo-mainmenu .qbo-menu-side li .icon, .qbo-menu-side nav.qbo-mainmenu li .icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item .icon, nav.qbo-mainmenu > div > div > ul .nav-item i.qbo-icon, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] li i.qbo-icon, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul li i.qbo-icon, nav.qbo-mainmenu > div > div > ul .qbo-menu-side li i.qbo-icon, .qbo-menu-side nav.qbo-mainmenu > div > div > ul li i.qbo-icon, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item i.qbo-icon {
20964
21096
  margin-right: 5px;
20965
21097
  }
20966
21098
 
20967
- .navbar .nav-item nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul .nav-item a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a.qbo-doubleclick {
21099
+ .navbar .nav-item nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, .navbar qbo-menu[type=side] li nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, qbo-menu[type=side] .navbar li nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, .navbar .qbo-menu-side li nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, .qbo-menu-side .navbar li nav.qbo-mainmenu > div > div > ul a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul .nav-item a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul qbo-menu[type=side] li a.qbo-doubleclick, qbo-menu[type=side] nav.qbo-mainmenu > div > div > ul li a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul .qbo-menu-side li a.qbo-doubleclick, .qbo-menu-side nav.qbo-mainmenu > div > div > ul li a.qbo-doubleclick, nav.qbo-mainmenu > div > div > ul li.qbo-nav-item a.qbo-doubleclick {
20968
21100
  cursor: pointer;
20969
21101
  }
20970
21102
 
@@ -21207,7 +21339,7 @@ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.qbo-form > textarea.q
21207
21339
  margin-top: 0.5rem;
21208
21340
  }
21209
21341
 
21210
- .bd-example > .nav + .nav, div.qbo-form > .nav + .nav, .bd-example > .alert + .alert, div.qbo-form > .alert + .alert, .bd-example > .navbar + .navbar, div.qbo-form > .navbar + .navbar, .bd-example > nav.qbo-mainmenu + .navbar, div.qbo-form > nav.qbo-mainmenu + .navbar, .bd-example > .navbar + nav.qbo-mainmenu, div.qbo-form > .navbar + nav.qbo-mainmenu, .bd-example > nav.qbo-mainmenu + nav.qbo-mainmenu, div.qbo-form > nav.qbo-mainmenu + nav.qbo-mainmenu, .bd-example > .progress + .progress, div.qbo-form > .progress + .progress {
21342
+ .bd-example > .nav + .nav, qbo-menu[type=side] .bd-example > menu + .nav, .qbo-menu-side .bd-example > menu + .nav, qbo-menu[type=side] .bd-example > .nav + menu, qbo-menu[type=side] .bd-example > menu + menu, .qbo-menu-side .bd-example > .nav + menu, .qbo-menu-side .bd-example > menu + menu, div.qbo-form > .nav + .nav, qbo-menu[type=side] div.qbo-form > menu + .nav, .qbo-menu-side div.qbo-form > menu + .nav, qbo-menu[type=side] div.qbo-form > .nav + menu, qbo-menu[type=side] div.qbo-form > menu + menu, .qbo-menu-side div.qbo-form > .nav + menu, .qbo-menu-side div.qbo-form > menu + menu, .bd-example > .alert + .alert, div.qbo-form > .alert + .alert, .bd-example > .navbar + .navbar, div.qbo-form > .navbar + .navbar, .bd-example > nav.qbo-mainmenu + .navbar, div.qbo-form > nav.qbo-mainmenu + .navbar, .bd-example > .navbar + nav.qbo-mainmenu, div.qbo-form > .navbar + nav.qbo-mainmenu, .bd-example > nav.qbo-mainmenu + nav.qbo-mainmenu, div.qbo-form > nav.qbo-mainmenu + nav.qbo-mainmenu, .bd-example > .progress + .progress, div.qbo-form > .progress + .progress {
21211
21343
  margin-top: 1rem;
21212
21344
  }
21213
21345
 
@@ -21472,7 +21604,23 @@ qbo-resize.vertical {
21472
21604
 
21473
21605
  qbo-menu[type=context], .qbo-menu-context {
21474
21606
  position: fixed;
21607
+ z-index: 2;
21608
+ }
21609
+ qbo-menu[type=side], .qbo-menu-side {
21610
+ width: auto;
21611
+ padding: 0 0;
21612
+ transition: width 0.1s;
21613
+ cursor: ew-resize;
21614
+ border-left: 1px solid var(--bs-dark-border-subtle);
21615
+ border-right: 1px solid var(--bs-dark-border-subtle);
21475
21616
  }
21617
+ qbo-menu[type=side] span, .qbo-menu-side span {
21618
+ display: none;
21619
+ }
21620
+ qbo-menu[type=side].expanded span, .qbo-menu-side.expanded span {
21621
+ display: inline;
21622
+ }
21623
+
21476
21624
  tr.qbo-select-on {
21477
21625
  background-color: lightgray;
21478
21626
  }