@quandis/qbo4.ui 4.0.1-CI-20241023-170316 → 4.0.1-CI-20241024-212214

package/wwwroot/css/qboui.css

@@ -2216,20 +2216,20 @@ div.qbo-form form > * > slot div > textarea.qbo-sm:hover:not(:disabled):not([rea
   outline: 0;
 }
 .form-control-plaintext.form-control-sm, div.qbo-form form > * > slot div > input.form-control-plaintext.qbo-sm,
-div.qbo-form form > * > slot div > textarea.form-control-plaintext.qbo-sm, .form-control-plaintext.form-control-lg {
+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 {
   padding-right: 0;
   padding-left: 0;
 }
 
 .form-control-sm, div.qbo-form form > * > slot div > input.qbo-sm,
-div.qbo-form form > * > slot div > textarea.qbo-sm {
+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 {
   min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   border-radius: var(--bs-border-radius-sm);
 }
 .form-control-sm::file-selector-button, div.qbo-form form > * > slot div > input.qbo-sm::file-selector-button,
-div.qbo-form form > * > slot div > textarea.qbo-sm::file-selector-button {
+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 {
   padding: 0.25rem 0.5rem;
   margin: -0.25rem -0.5rem;
   margin-inline-end: 0.5rem;
@@ -2276,7 +2276,7 @@ textarea.form-control-lg {
   border-radius: var(--bs-border-radius);
 }
 .form-control-color.form-control-sm, div.qbo-form form > * > slot div > input.form-control-color.qbo-sm,
-div.qbo-form form > * > slot div > textarea.form-control-color.qbo-sm {
+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 {
   height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
 }
 .form-control-color.form-control-lg {
@@ -2801,20 +2801,46 @@ aside.qbo-sidebar > nav > ul > li.input-group-lg > button {
 }
 
 .input-group-sm > .form-control, div.qbo-form form > * > slot div.input-group-sm > input.qbo-sm,
-div.qbo-form form > * > slot div.input-group-sm > textarea.qbo-sm, .qbo-paginate li.pageSize .input-group-sm > input,
+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,
 .input-group-sm > .form-select,
 div.qbo-form form > * > slot div > .input-group-sm > select.qbo-sm,
 div.qbo-form form > * > slot div.input-group-sm > select.qbo-sm,
+.qbo-paginate.small li.pageSize > .form-select,
+.qbo-paginate.small div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm,
+div.qbo-form form > * > slot .qbo-paginate.small div > li.pageSize > select.qbo-sm,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .form-select,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm,
+div.qbo-form form > * > slot aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate div > li.pageSize > select.qbo-sm,
 .input-group-sm > .input-group-text,
 .input-group-sm > span.qbo-input-group-text,
+.qbo-paginate.small li.pageSize > .input-group-text,
+.qbo-paginate.small li.pageSize > span.qbo-input-group-text,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .input-group-text,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > span.qbo-input-group-text,
 .qbo-paginate li.pageSize .input-group-sm > span,
+.qbo-paginate.small li.pageSize li.pageSize > span,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize li.pageSize > span,
 .input-group-sm > .btn,
 .input-group-sm > button.qbo-primary-dropdown,
 .input-group-sm > button.qbo-secondary,
 .input-group-sm > button.qbo-primary,
 .input-group-sm > button.qbo-btn,
 .input-group-sm > .qbo-btn-light,
-aside.qbo-sidebar > nav > ul > li.input-group-sm > button {
+aside.qbo-sidebar > nav > ul > li.input-group-sm > button,
+.qbo-paginate.small li.pageSize > .btn,
+.qbo-paginate.small li.pageSize > button.qbo-primary-dropdown,
+.qbo-paginate.small li.pageSize > button.qbo-secondary,
+.qbo-paginate.small li.pageSize > button.qbo-primary,
+.qbo-paginate.small li.pageSize > button.qbo-btn,
+.qbo-paginate.small li.pageSize > .qbo-btn-light,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .btn,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > button.qbo-primary-dropdown,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > button.qbo-secondary,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > button.qbo-primary,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > button.qbo-btn,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .qbo-btn-light,
+.qbo-paginate.small aside.qbo-sidebar > nav > ul > li.pageSize > button,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate aside.qbo-sidebar > nav > ul > li.pageSize > button {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   border-radius: var(--bs-border-radius-sm);
@@ -2824,7 +2850,13 @@ aside.qbo-sidebar > nav > ul > li.input-group-sm > button {
 div.qbo-form form > * > slot div.input-group-lg > select.qbo-sm,
 .input-group-sm > .form-select,
 div.qbo-form form > * > slot div > .input-group-sm > select.qbo-sm,
-div.qbo-form form > * > slot div.input-group-sm > select.qbo-sm {
+div.qbo-form form > * > slot div.input-group-sm > select.qbo-sm,
+.qbo-paginate.small li.pageSize > .form-select,
+.qbo-paginate.small div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm,
+div.qbo-form form > * > slot .qbo-paginate.small div > li.pageSize > select.qbo-sm,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate li.pageSize > .form-select,
+aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate div.qbo-form form > * > slot div > li.pageSize > select.qbo-sm,
+div.qbo-form form > * > slot aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate div > li.pageSize > select.qbo-sm {
   padding-right: 3rem;
 }
 
@@ -3262,12 +3294,12 @@ div.qbo-input-group > .form-floating:not(:focus-within).is-invalid,
   outline: 0;
   box-shadow: var(--bs-btn-focus-box-shadow);
 }
-.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 {
+.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 {
   color: var(--bs-btn-active-color);
   background-color: var(--bs-btn-active-bg);
   border-color: var(--bs-btn-active-border-color);
 }
-.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 {
+.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 {
   box-shadow: var(--bs-btn-focus-box-shadow);
 }
 .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 {
@@ -3653,7 +3685,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
   margin-left: 0;
 }
 
-.dropdown-menu {
+.dropdown-menu, qbo-contextmenu > ul, .qbo-context-menu > ul, qbo-contextmenu > menu, .qbo-context-menu > menu {
   --bs-dropdown-zindex: 1000;
   --bs-dropdown-min-width: 10rem;
   --bs-dropdown-padding-x: 0;
@@ -3695,7 +3727,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
   border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
   border-radius: var(--bs-dropdown-border-radius);
 }
-.dropdown-menu[data-bs-popper] {
+.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] {
   top: 100%;
   left: 0;
   margin-top: var(--bs-dropdown-spacer);
@@ -3797,7 +3829,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
     left: auto;
   }
 }
-.dropup .dropdown-menu[data-bs-popper] {
+.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] {
   top: auto;
   bottom: 100%;
   margin-top: 0;
@@ -3817,7 +3849,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
   margin-left: 0;
 }
 
-.dropend .dropdown-menu[data-bs-popper] {
+.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] {
   top: 0;
   right: auto;
   left: 100%;
@@ -3841,7 +3873,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
   vertical-align: 0;
 }
 
-.dropstart .dropdown-menu[data-bs-popper] {
+.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] {
   top: 0;
   right: 100%;
   left: auto;
@@ -3881,7 +3913,7 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
   opacity: 1;
 }
 
-.dropdown-item, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item {
+.dropdown-item, qbo-contextmenu li, .qbo-context-menu li, nav.qbo-mainmenu > div > div > ul li > a.qbo-dropdown-item {
   display: block;
   width: 100%;
   padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
@@ -3895,22 +3927,22 @@ nav.qbo-mainmenu > div > div > ul li.qbo-dropdown,
   border: 0;
   border-radius: var(--bs-dropdown-item-border-radius, 0);
 }
-.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 {
+.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 {
   color: var(--bs-dropdown-link-hover-color);
   background-color: var(--bs-dropdown-link-hover-bg);
 }
-.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 {
+.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 {
   color: var(--bs-dropdown-link-active-color);
   text-decoration: none;
   background-color: var(--bs-dropdown-link-active-bg);
 }
-.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 {
+.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 {
   color: var(--bs-dropdown-link-disabled-color);
   pointer-events: none;
   background-color: transparent;
 }
 
-.dropdown-menu.show, div.dropdown-menu.qbo-show {
+.dropdown-menu.show, qbo-contextmenu > ul.show, .qbo-context-menu > ul.show, qbo-contextmenu > menu, .qbo-context-menu > menu, div.dropdown-menu.qbo-show {
   display: block;
 }
 
@@ -4316,8 +4348,14 @@ aside.qbo-sidebar > nav > ul.btn-group-vertical > li.btn-group:not(:first-child)
 }
 .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 .nav-item.show .nav-link,
+.nav-tabs qbo-contextmenu > menu.nav-item .nav-link,
+.nav-tabs .qbo-context-menu > menu.nav-item .nav-link,
 .nav-tabs .nav-item.show nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
+.nav-tabs qbo-contextmenu > menu.nav-item nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
+.nav-tabs .qbo-context-menu > menu.nav-item nav.qbo-mainmenu > div > div > ul li.qbo-nav-item > a,
 nav.qbo-mainmenu > div > div > ul .nav-tabs .nav-item.show li.qbo-nav-item > a,
+nav.qbo-mainmenu > div > div > ul .nav-tabs qbo-contextmenu > menu.nav-item li.qbo-nav-item > a,
+nav.qbo-mainmenu > div > div > ul .nav-tabs .qbo-context-menu > menu.nav-item li.qbo-nav-item > a,
 .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item .nav-link,
 .nav-tabs nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item li.qbo-nav-item > a,
 nav.qbo-mainmenu > div > div > ul .nav-tabs li.show.qbo-nav-item .nav-link,
@@ -4329,7 +4367,7 @@ nav.qbo-mainmenu > div > div > ul .nav-tabs div.nav-item.qbo-show li.qbo-nav-ite
   background-color: var(--bs-nav-tabs-link-active-bg);
   border-color: var(--bs-nav-tabs-link-active-border-color);
 }
-.nav-tabs .dropdown-menu {
+.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 {
   margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -4345,6 +4383,8 @@ nav.qbo-mainmenu > div > div > ul .nav-tabs div.nav-item.qbo-show li.qbo-nav-ite
 }
 .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 .show > .nav-link,
+.nav-pills qbo-contextmenu > menu > .nav-link,
+.nav-pills .qbo-context-menu > menu > .nav-link,
 .nav-pills nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item > a,
 nav.qbo-mainmenu > div > div > ul .nav-pills li.show.qbo-nav-item > a,
 .nav-pills div.qbo-show > .nav-link {
@@ -4368,6 +4408,8 @@ nav.qbo-mainmenu > div > div > ul .nav-pills li.show.qbo-nav-item > a,
 }
 .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 .show > .nav-link,
+.nav-underline qbo-contextmenu > menu > .nav-link,
+.nav-underline .qbo-context-menu > menu > .nav-link,
 .nav-underline nav.qbo-mainmenu > div > div > ul li.show.qbo-nav-item > a,
 nav.qbo-mainmenu > div > div > ul .nav-underline li.show.qbo-nav-item > a,
 .nav-underline div.qbo-show > .nav-link {
@@ -4485,10 +4527,10 @@ nav.qbo-mainmenu > .container-xxl {
   margin-bottom: 0;
   list-style: none;
 }
-.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 {
+.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 {
   color: var(--bs-navbar-active-color);
 }
-.navbar-nav .dropdown-menu, nav.qbo-mainmenu > div > div > ul .dropdown-menu {
+.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 {
   position: static;
 }
 
@@ -4557,7 +4599,7 @@ nav.qbo-mainmenu > .container-xxl {
   .navbar-expand-sm .navbar-nav, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul {
     flex-direction: row;
   }
-  .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm nav.qbo-mainmenu > div > div > ul .dropdown-menu {
+  .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 {
     position: absolute;
   }
   .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 {
@@ -4604,7 +4646,7 @@ nav.qbo-mainmenu > .container-xxl {
   .navbar-expand-md .navbar-nav, .navbar-expand-md nav.qbo-mainmenu > div > div > ul {
     flex-direction: row;
   }
-  .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md nav.qbo-mainmenu > div > div > ul .dropdown-menu {
+  .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 {
     position: absolute;
   }
   .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 {
@@ -4651,7 +4693,7 @@ nav.qbo-mainmenu > .container-xxl {
   .navbar-expand-lg .navbar-nav, nav.qbo-mainmenu .navbar-nav, nav.qbo-mainmenu > div > div > ul {
     flex-direction: row;
   }
-  .navbar-expand-lg .navbar-nav .dropdown-menu, nav.qbo-mainmenu .navbar-nav .dropdown-menu, nav.qbo-mainmenu > div > div > ul .dropdown-menu {
+  .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 {
     position: absolute;
   }
   .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 {
@@ -4698,7 +4740,7 @@ nav.qbo-mainmenu > .container-xxl {
   .navbar-expand-xl .navbar-nav, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul {
     flex-direction: row;
   }
-  .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl nav.qbo-mainmenu > div > div > ul .dropdown-menu {
+  .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 {
     position: absolute;
   }
   .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 {
@@ -4745,7 +4787,7 @@ nav.qbo-mainmenu > .container-xxl {
   .navbar-expand-xxl .navbar-nav, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul {
     flex-direction: row;
   }
-  .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl nav.qbo-mainmenu > div > div > ul .dropdown-menu {
+  .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 {
     position: absolute;
   }
   .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 {
@@ -4791,7 +4833,7 @@ nav.qbo-mainmenu > .container-xxl {
 .navbar-expand .navbar-nav, .navbar-expand nav.qbo-mainmenu > div > div > ul {
   flex-direction: row;
 }
-.navbar-expand .navbar-nav .dropdown-menu, .navbar-expand nav.qbo-mainmenu > div > div > ul .dropdown-menu {
+.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 {
   position: absolute;
 }
 .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 {
@@ -5309,7 +5351,7 @@ nav.qbo-mainmenu > .container-xxl {
   --bs-pagination-border-radius: var(--bs-border-radius-lg);
 }
 
-.pagination-sm {
+.pagination-sm, .qbo-paginate.small, aside.qbo-sidebar > nav > ul > li > div > ul.qbo-paginate {
   --bs-pagination-padding-x: 0.5rem;
   --bs-pagination-padding-y: 0.25rem;
   --bs-pagination-font-size: 0.875rem;
@@ -6005,7 +6047,7 @@ nav.qbo-mainmenu > .container-xxl {
     transition: none;
   }
 }
-.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 {
+.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 {
   transform: none;
 }
 .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 {
@@ -6058,7 +6100,7 @@ nav.qbo-mainmenu > .container-xxl {
 .modal-backdrop.fade {
   opacity: 0;
 }
-.modal-backdrop.show, div.modal-backdrop.qbo-show {
+.modal-backdrop.show, qbo-contextmenu > menu.modal-backdrop, .qbo-context-menu > menu.modal-backdrop, div.modal-backdrop.qbo-show {
   opacity: var(--bs-backdrop-opacity);
 }
 
@@ -6305,7 +6347,7 @@ nav.qbo-mainmenu > .container-xxl {
   word-wrap: break-word;
   opacity: 0;
 }
-.tooltip.show, div.tooltip.qbo-show {
+.tooltip.show, qbo-contextmenu > menu.tooltip, .qbo-context-menu > menu.tooltip, div.tooltip.qbo-show {
   opacity: var(--bs-tooltip-opacity);
 }
 .tooltip .tooltip-arrow {
@@ -6872,10 +6914,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
     border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateY(100%);
   }
-  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding), div.offcanvas-sm.qbo-show:not(.hiding) {
+  .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) {
     transform: none;
   }
-  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show, div.offcanvas-sm.qbo-show {
+  .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 {
     visibility: visible;
   }
 }
@@ -6950,10 +6992,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
     border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateY(100%);
   }
-  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding), div.offcanvas-md.qbo-show:not(.hiding) {
+  .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) {
     transform: none;
   }
-  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show, div.offcanvas-md.qbo-show {
+  .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 {
     visibility: visible;
   }
 }
@@ -7028,10 +7070,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
     border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateY(100%);
   }
-  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding), div.offcanvas-lg.qbo-show:not(.hiding) {
+  .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) {
     transform: none;
   }
-  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show, div.offcanvas-lg.qbo-show {
+  .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 {
     visibility: visible;
   }
 }
@@ -7106,10 +7148,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
     border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateY(100%);
   }
-  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding), div.offcanvas-xl.qbo-show:not(.hiding) {
+  .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) {
     transform: none;
   }
-  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show, div.offcanvas-xl.qbo-show {
+  .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 {
     visibility: visible;
   }
 }
@@ -7184,10 +7226,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
     border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
     transform: translateY(100%);
   }
-  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding), div.offcanvas-xxl.qbo-show:not(.hiding) {
+  .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) {
     transform: none;
   }
-  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show, div.offcanvas-xxl.qbo-show {
+  .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 {
     visibility: visible;
   }
 }
@@ -7259,10 +7301,10 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
   border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
   transform: translateY(100%);
 }
-.offcanvas.showing, .offcanvas.show:not(.hiding), div.offcanvas.qbo-show:not(.hiding) {
+.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) {
   transform: none;
 }
-.offcanvas.showing, .offcanvas.hiding, .offcanvas.show, div.offcanvas.qbo-show {
+.offcanvas.showing, .offcanvas.hiding, .offcanvas.show, qbo-contextmenu > menu.offcanvas, .qbo-context-menu > menu.offcanvas, div.offcanvas.qbo-show {
   visibility: visible;
 }
 
@@ -7278,7 +7320,7 @@ nav.qbo-breadcrumb > div > nav > ul > li.carousel-item-start:last-child,
 .offcanvas-backdrop.fade {
   opacity: 0;
 }
-.offcanvas-backdrop.show, div.offcanvas-backdrop.qbo-show {
+.offcanvas-backdrop.show, qbo-contextmenu > menu.offcanvas-backdrop, .qbo-context-menu > menu.offcanvas-backdrop, div.offcanvas-backdrop.qbo-show {
   opacity: 0.5;
 }
 
@@ -20770,19 +20812,19 @@ nav.qbo-breadcrumb > div > nav > ul {
 
 /* NavBar */
 @media all and (min-width: 992px) {
-  .navbar .dropdown-menu li, nav.qbo-mainmenu .dropdown-menu li {
+  .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 {
     position: relative;
   }
-  .navbar .dropdown-menu .submenu, nav.qbo-mainmenu .dropdown-menu .submenu {
+  .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 {
     display: none;
     position: absolute;
     left: 100%;
     top: -7px;
   }
-  .navbar .dropdown-menu > li:hover, nav.qbo-mainmenu .dropdown-menu > li:hover {
+  .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 {
     background-color: #f1f1f1;
   }
-  .navbar .dropdown-menu > li:hover > .submenu, nav.qbo-mainmenu .dropdown-menu > li:hover > .submenu {
+  .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 {
     display: block;
   }
   .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,
@@ -20799,7 +20841,7 @@ nav.qbo-breadcrumb > div > nav > ul {
   }
 }
 @media (max-width: 991px) {
-  .navbar .dropdown-menu .dropdown-menu, nav.qbo-mainmenu .dropdown-menu .dropdown-menu {
+  .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 {
     margin-left: 0.7rem;
     margin-right: 0.7rem;
     margin-bottom: 0.5rem;
@@ -20832,12 +20874,12 @@ nav.qbo-breadcrumb > div > nav > ul {
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
 }
 
-.bd-subnavbar .dropdown-menu, nav.qbo-breadcrumb .dropdown-menu {
+.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 {
   font-size: 0.875rem;
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
 }
 
-.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 {
+.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 {
   font-weight: 600;
   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");
   background-repeat: no-repeat;
@@ -21060,7 +21102,7 @@ div.qbo-form form > * > slot .qbo-paginate li.pageSize div.qbo-form > textarea.q
   margin-top: 1rem;
 }
 
-.bd-example > .dropdown-menu, div.qbo-form > .dropdown-menu {
+.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 {
   position: static;
   display: block;
 }
@@ -21279,4 +21321,18 @@ qbo-resize.vertical {
   width: auto; /* Allow custom width */
 }
 
+qbo-contextmenu, .qbo-context-menu {
+  position: absolute;
+}
+tr.qbo-select-on {
+  background-color: lightgray;
+}
+tr.qbo-select-on td {
+  background-color: lightgray;
+}
+
+li.qbo-select-on {
+  background-color: lightgray;
+}
+
 /*# sourceMappingURL=qboui.css.map */