@quandis/qbo4.ui 4.0.1-CI-20241107-011209 → 4.0.1-CI-20241108-204652

package/wwwroot/css/qbo.css

@@ -1,11 +1,11 @@
 :root {
   --qbo-font: Arial, sans-serif;
   --qbo-color: #333;
-  --qbo-border-color: #dee2e6;
+  --qbo-border-color: #999;
   --qbo-border-radius: 4px;
   --qbo-background-color: #ffffff;
-  --qbo-padding-horizontal: 0.75rem;
-  --qbo-padding-vertical: 0.375rem;
+  --qbo-padding-horizontal: 0rem;
+  --qbo-padding-vertical: 0rem;
   --qbo-padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
   --qbo-margin: 0.5rem;
   --qbo-margin-horizontal: 0.5rem;
@@ -19,8 +19,10 @@
   --qbo-button-color: #ffffff;
   --qbo-button-padding: var(--qbo-padding);
   --qbo-button-border-radius: var(--qbo-border-radius);
-  --qbo-nav-color: #ffffff;
-  --qbo-nav-background-color: #000;
+  --qbo-nav-color: #333;
+  --qbo-nav-background-color: #999;
+  --qbo-nav-background-hover: #81181d;
+  --qbo-nav-background-hover-color: #999;
   /* Primary */
   --qbo-primary-bg: #007bff;
   --qbo-primary-color: #ffffff;
@@ -65,7 +67,7 @@
   --qbo-dark-hover-border: #1d2124;
 }
 
-.qbo-dark {
+.qbo-theme-dark {
   --qbo-color: #e0e0e0;
   --qbo-border-color: grey;
   --qbo-background-color: #121212;
@@ -75,12 +77,10 @@
 }
 
 /* Use variables in a class */
-.qbo {
+.qbo-theme-light {
   font-family: var(--qbo-font);
   color: var(--qbo-color);
-  border: 1px solid var(--qbo-border-color);
-  padding: var(--qbo-padding);
-  border-radius: var(--qbo-border-radius);
+  margin: 0;
   background-color: var(--qbo-background-color);
 }
 
@@ -91,77 +91,20 @@
 }
 
 /* Default column styling */
-.qbo-col {
-  flex: 1 0 0;
+.qbo-card {
   border: 1px solid var(--qbo-border-color);
-  max-width: 100%;
-  box-sizing: border-box;
-}
-
-.qbo-row {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--qbo-margin); /* Use --qbo-margin as the gap */
-}
-
-.qbo-col-1 {
-  flex: 0 0 calc(8.33% - var(--qbo-margin) / 2);
-  max-width: calc(8.33% - var(--qbo-margin) / 2);
-}
-
-.qbo-col-2 {
-  flex: 0 0 calc(16.66% - var(--qbo-margin) / 2);
-  max-width: calc(16.66% - var(--qbo-margin) / 2);
-}
-
-.qbo-col-3 {
-  flex: 0 0 calc(25% - var(--qbo-margin) / 2);
-  max-width: calc(25% - var(--qbo-margin) / 2);
-}
-
-.qbo-col-4 {
-  flex: 0 0 calc(33.33% - var(--qbo-margin) / 2);
-  max-width: calc(33.33% - var(--qbo-margin) / 2);
-}
-
-.qbo-col-5 {
-  flex: 0 0 calc(41.66% - var(--qbo-margin) / 2);
-  max-width: calc(41.66% - var(--qbo-margin) / 2);
-}
-
-.qbo-col-6 {
-  flex: 0 0 calc(50% - var(--qbo-margin) / 2);
-  max-width: calc(50% - var(--qbo-margin) / 2);
-}
-
-.qbo-col-7 {
-  flex: 0 0 calc(58.33% - var(--qbo-margin) / 2);
-  max-width: calc(58.33% - var(--qbo-margin) / 2);
-}
-
-.qbo-col-8 {
-  flex: 0 0 calc(66.66% - var(--qbo-margin) / 2);
-  max-width: calc(66.66% - var(--qbo-margin) / 2);
-}
-
-.qbo-col-9 {
-  flex: 0 0 calc(75% - var(--qbo-margin) / 2);
-  max-width: calc(75% - var(--qbo-margin) / 2);
-}
-
-.qbo-col-10 {
-  flex: 0 0 calc(83.33% - var(--qbo-margin) / 2);
-  max-width: calc(83.33% - var(--qbo-margin) / 2);
+  border-radius: var(--qbo-border-radius);
+  box-shadow: 2px 2px 3px var(--qbo-border-color);
+  padding: 0.5em;
+  overflow: auto;
 }
 
-.qbo-col-11 {
-  flex: 0 0 calc(91.66% - var(--qbo-margin) / 2);
-  max-width: calc(91.66% - var(--qbo-margin) / 2);
+.qbo-card-left {
+  margin-left: 0.5em;
 }
 
-.qbo-col-12 {
-  flex: 0 0 calc(100% - var(--qbo-margin) / 2);
-  max-width: calc(100% - var(--qbo-margin) / 2);
+.qbo-card-right {
+  margin-right: 0.5em;
 }
 
 svg {
@@ -169,15 +112,6 @@ svg {
   width: 1rem;
 }
 
-.icon {
-  height: 1rem;
-  width: 1rem;
-  filter: var(--qbo-svg-filter);
-}
-.icon use {
-  display: block;
-}
-
 .qbo-row {
   display: flex;
   flex-wrap: wrap;
@@ -185,9 +119,8 @@ svg {
 }
 
 /* Default column styling */
-.qbo-col {
+.qbo-col, .qbo-card {
   flex: 1 0 0;
-  xborder: 1px solid var(--qbo-border-color);
   max-width: 100%;
   box-sizing: border-box;
 }
@@ -258,6 +191,7 @@ svg {
   max-width: calc(100% - var(--qbo-margin) / 2);
 }
 
+/* Form */
 .qbo-form {
   margin: 0 auto;
   padding: var(--qbo-padding);
@@ -321,7 +255,6 @@ svg {
 .qbo-form input[disabled],
 .qbo-form textarea[disabled],
 .qbo-form select[disabled] {
-  xbackground-color: color-mix(in oklab, 15%, --qbo-color);
   color: color-mix(in oklab, var(--qbo-color) 50%, var(--qbo-background-color));
   cursor: not-allowed;
   opacity: 1;
@@ -340,7 +273,7 @@ svg {
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   text-align: center;
-  text-wrap-mode: nowrap;
+  white-space: nowrap;
   border-right: none;
   border-radius: 0.25rem 0 0 0.25rem;
 }
@@ -353,7 +286,6 @@ svg {
   font-size: 1rem;
   background-clip: padding-box;
   margin: 0;
-  xborder-radius: 0 0;
 }
 
 .qbo-form .form-check {
@@ -374,4 +306,418 @@ svg {
   color: var(--qbo-color);
 }
 
+/* Button */
+button,
+.qbo-button {
+  display: inline-block;
+  font-weight: 400;
+  color: var(--qbo-color);
+  background-color: var(--qbo-background-color);
+  border: 1px solid var(--qbo-border-color);
+  border-radius: var(--qbo-border-radius);
+  padding: var(--qbo-padding);
+  font-size: 1rem;
+  line-height: 1.5;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  margin-right: var(--qbo-margin);
+  text-decoration: none;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+/* Hover and Focus states */
+button:hover,
+button:focus,
+.qbo-button:hover,
+.qbo-button:focus {
+  background-color: var(--qbo-border-color);
+  text-decoration: none;
+  line-height: 1.5;
+  border-radius: var(--qbo-border-radius);
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+
+/* Disabled state */
+button:disabled,
+.qbo-button:disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+  background-color: var(--qbo-button-bg);
+  border-color: var(--qbo-button-border);
+  color: var(--qbo-button-color);
+}
+
+.primary {
+  background-color: var(--qbo-primary-bg);
+  border: 1px solid var(--qbo-primary-border);
+  color: var(--qbo-primary-color);
+}
+
+.primary:hover,
+.primary:focus {
+  background-color: var(--qbo-primary-hover-bg);
+  border: 1px solid var(--qbo-primary-hover-border);
+}
+
+.secondary {
+  background-color: var(--qbo-secondary-bg);
+  border: 1px solid var(--qbo-secondary-border);
+  color: var(--qbo-secondary-color);
+}
+
+.secondary:hover,
+.secondary:focus {
+  background-color: var(--qbo-secondary-hover-bg);
+  border: 1px solid var(--qbo-secondary-hover-border);
+}
+
+.icon {
+  height: 1rem;
+  width: 1rem;
+  filter: var(--qbo-svg-filter);
+}
+.icon use {
+  display: block;
+}
+
+.icon.right {
+  position: relative;
+  padding-left: 1.25rem;
+  background-image: url("https://devqmp.quandis.io/core/ui/images/qbo-icons.svg#i-arrow-down-circle");
+  background-repeat: no-repeat;
+  background-position: left center;
+}
+
+/* Grid */
+.qbo-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--qbo-margin);
+}
+
+/* Default column styling */
+.qbo-col, .qbo-card {
+  flex: 1 0 0;
+  min-width: calc(8.33% - var(--qbo-margin) / 2);
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+.qbo-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--qbo-margin); /* Use --qbo-margin as the gap */
+}
+
+.qbo-col-1 {
+  flex: 0 0 calc(8.33% - var(--qbo-margin) / 2);
+  max-width: calc(8.33% - var(--qbo-margin) / 2);
+}
+
+.qbo-col-2 {
+  flex: 0 0 calc(16.66% - var(--qbo-margin) / 2);
+  max-width: calc(16.66% - var(--qbo-margin) / 2);
+}
+
+.qbo-col-3 {
+  flex: 0 0 calc(25% - var(--qbo-margin) / 2);
+  max-width: calc(25% - var(--qbo-margin) / 2);
+}
+
+.qbo-col-4 {
+  flex: 0 0 calc(33.33% - var(--qbo-margin) / 2);
+  max-width: calc(33.33% - var(--qbo-margin) / 2);
+}
+
+.qbo-col-5 {
+  flex: 0 0 calc(41.66% - var(--qbo-margin) / 2);
+  max-width: calc(41.66% - var(--qbo-margin) / 2);
+}
+
+.qbo-col-6 {
+  flex: 0 0 calc(50% - var(--qbo-margin) / 2);
+  max-width: calc(50% - var(--qbo-margin) / 2);
+}
+
+.qbo-col-7 {
+  flex: 0 0 calc(58.33% - var(--qbo-margin) / 2);
+  max-width: calc(58.33% - var(--qbo-margin) / 2);
+}
+
+.qbo-col-8 {
+  flex: 0 0 calc(66.66% - var(--qbo-margin) / 2);
+  max-width: calc(66.66% - var(--qbo-margin) / 2);
+}
+
+.qbo-col-9 {
+  flex: 0 0 calc(75% - var(--qbo-margin) / 2);
+  max-width: calc(75% - var(--qbo-margin) / 2);
+}
+
+.qbo-col-10 {
+  flex: 0 0 calc(83.33% - var(--qbo-margin) / 2);
+  max-width: calc(83.33% - var(--qbo-margin) / 2);
+}
+
+.qbo-col-11 {
+  flex: 0 0 calc(91.66% - var(--qbo-margin) / 2);
+  max-width: calc(91.66% - var(--qbo-margin) / 2);
+}
+
+.qbo-col-12 {
+  flex: 0 0 calc(100% - var(--qbo-margin) / 2);
+  max-width: calc(100% - var(--qbo-margin) / 2);
+}
+
+/* Menu */
+nav {
+  --qbo-background-color: var(--qbo-nav-background-color, black);
+  --qbo-color: var(--qbo-nav-color, white);
+  --qbo-svg-filter: brightness(0) invert(1);
+  display: flex;
+  flex-direction: row;
+  color: var(--qbo-nav-color, white);
+  background-color: var(--qbo-nav-background-color, black);
+}
+nav menu {
+  list-style-type: none;
+  padding-inline-start: 20px;
+  margin-block-start: 0.5em;
+  margin-block-end: 0.5em;
+}
+nav menu li {
+  border: 1px solid var(--qbo-nav-background-color, black);
+  cursor: pointer;
+  display: inline-block;
+  line-height: 1.5;
+  padding: 5px;
+}
+nav menu li svg {
+  filter: invert(0) !important;
+}
+nav menu li:hover, nav menu li:focus {
+  background-color: var(--qbo-nav-background-hover, grey);
+  border: 1px solid var(--qbo-nav-background-hover);
+  border-radius: 0.5em;
+  color: #fff;
+  text-decoration: none;
+}
+nav menu li:hover > svg,
+nav menu li:hover span > svg, nav menu li:focus > svg,
+nav menu li:focus span > svg {
+  filter: var(--qbo-svg-filter) !important;
+}
+nav > img {
+  padding-inline-start: 8px;
+}
+nav > span {
+  font-weight: bold;
+  margin-top: 17px;
+  padding-inline-start: 10px;
+}
+nav a {
+  color: var(--qbo-color);
+}
+nav svg.label {
+  vertical-align: text-top;
+}
+nav svg.toggle {
+  vertical-align: text-bottom;
+}
+
+menu.qbo-toolbar {
+  list-style-type: none;
+  padding-left: 0;
+  display: flex;
+  flex-direction: row;
+  margin-right: var(--qbo-margin);
+}
+menu.qbo-toolbar li {
+  display: inline-block;
+  margin-right: 0;
+  color: var(--qbo-color);
+  background-color: var(--qbo-background-color);
+  border: 1px solid var(--qbo-border-color);
+  padding: var(--qbo-padding);
+  line-height: 1.5;
+  cursor: pointer;
+  border-radius: 0;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  text-decoration: none;
+}
+menu.qbo-toolbar li:first-child {
+  border-top-left-radius: var(--qbo-border-radius);
+  border-bottom-left-radius: var(--qbo-border-radius);
+}
+menu.qbo-toolbar li:last-child {
+  border-top-right-radius: var(--qbo-border-radius);
+  border-bottom-right-radius: var(--qbo-border-radius);
+}
+menu.qbo-toolbar li:hover,
+menu.qbo-toolbar li:focus {
+  background-color: var(--qbo-border-color);
+  text-decoration: none;
+  line-height: 1.5;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+
+menu.qbo-toolbar.vertical {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+menu.qbo-toolbar.vertical li:first-child {
+  border-top-right-radius: var(--qbo-border-radius);
+  border-top-left-radius: var(--qbo-border-radius);
+  border-bottom-left-radius: 0;
+}
+
+menu.qbo-toolbar.vertical li:last-child {
+  border-bottom-right-radius: var(--qbo-border-radius);
+  border-bottom-left-radius: var(--qbo-border-radius);
+  border-top-right-radius: 0;
+}
+
+qbo-menu {
+  /* Dropdown item styling for each li element */
+  /* Hover effect on dropdown items */
+  /* Disabled dropdown item styling */
+  /* Divider style between dropdown items */
+  /* Header style for grouped dropdown items */
+}
+
+qbo-menu aside,
+qbo-menu menu {
+  background-color: var(--qbo-background-color);
+  border: 1px solid var(--qbo-border-color);
+  border-radius: var(--qbo-border-radius);
+  box-sizing: border-box;
+  height: 0;
+  list-style-type: none;
+  margin: 0;
+  padding-left: 0;
+  position: absolute;
+  visibility: hidden;
+}
+
+qbo-menu aside.open,
+qbo-menu menu.open {
+  background-color: #f0f0f0;
+  border: 0;
+  border-radius: 0;
+  border-bottom-left-radius: 0.7em;
+  border-bottom-right-radius: 0.7em;
+  color: var(--qbo-nav-color, white);
+  height: auto;
+  left: 0px;
+  margin: 0;
+  overflow-y: auto;
+  top: 53px !important;
+  visibility: visible;
+  width: 100%;
+}
+
+qbo-menu aside.open > h1,
+qbo-menu menu.open > h1 {
+  color: var(--qbo-color);
+  margin-block-end: 0;
+  margin-left: 1em;
+}
+
+qbo-menu aside.open > p,
+qbo-menu menu.open > p {
+  color: var(--qbo-color);
+  margin-block-start: 0;
+  margin-left: 1.2em;
+}
+
+qbo-menu aside {
+  width: 0;
+  margin: var(--qbo-margin);
+  padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
+  padding-bottom: 0.6em;
+  overflow-y: scroll;
+}
+qbo-menu li {
+  display: list-item !important;
+  padding: var(--qbo-padding, 0.5rem 1rem);
+  line-height: 1.5;
+  text-align: left;
+  white-space: nowrap;
+  cursor: pointer;
+  text-decoration: none;
+}
+qbo-menu li:hover {
+  background-color: var(--qbo-border-color);
+}
+qbo-menu menu li.disabled {
+  color: #6c757d;
+  pointer-events: none;
+  background-color: transparent;
+}
+qbo-menu menu .dropdown-divider {
+  height: 1px;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  background-color: #e9ecef;
+}
+qbo-menu menu .dropdown-header {
+  padding: 0.5rem 1rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  color: #6c757d;
+  white-space: nowrap;
+}
+
+/* Popover */
+qbo-popover {
+  background-color: #f0f0f0;
+  border: 1px solid #81181d;
+  border-radius: var(--qbo-border-radius);
+  color: var(--qbo-color);
+  margin: 0.6em 0 0 0;
+  padding: 0 1em 0 1em;
+  position: absolute;
+  visibility: hidden;
+}
+qbo-popover h3 {
+  margin-block-end: 0.5em;
+  margin-block-start: 0.5em;
+}
+qbo-popover p {
+  margin-block-start: 0;
+}
+
+qbo-popover.open {
+  visibility: visible;
+}
+
+/* Details */
+details > a {
+  margin-left: 1.5em;
+}
+
+/* Mega Menu */
+div.qbo-row-subsequent {
+  margin-top: 0.5em;
+}
+
+h3.title {
+  margin-block-end: 0;
+  margin-block-start: 0.5em;
+  margin-left: 0.5em;
+}
+
+p.detail {
+  margin-block-end: 0.5em;
+  margin-block-start: 0;
+  margin-left: 0.5em;
+}
+
+div.qbo-col-noborder {
+  border: 0 !important;
+  box-shadow: initial;
+}
+
 /*# sourceMappingURL=qbo.css.map */

package/wwwroot/css/qbo.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../scss/qbo.scss","qbo.css"],"names":[],"mappings":"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","file":"qbo.css"}
+{"version":3,"sources":["../../scss/qbo.scss","qbo.css"],"names":[],"mappings":"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","file":"qbo.css"}

package/wwwroot/css/qbo.min.css

@@ -1 +1 @@
-:root{--qbo-font:Arial,sans-serif;--qbo-color:#333;--qbo-border-color:#dee2e6;--qbo-border-radius:4px;--qbo-background-color:#ffffff;--qbo-padding-horizontal:0.75rem;--qbo-padding-vertical:0.375rem;--qbo-padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);--qbo-margin:0.5rem;--qbo-margin-horizontal:0.5rem;--qbo-margin-vertical:0.5rem;--qbo-focus-border-color:#80bdff;--qbo-focus-box-shadow:rgba(0, 123, 255, 0.25);--qbo-button-bg:#007bff;--qbo-button-border:#007bff;--qbo-button-bg-hover:#0056b3;--qbo-button-border-hover:#004085;--qbo-button-color:#ffffff;--qbo-button-padding:var(--qbo-padding);--qbo-button-border-radius:var(--qbo-border-radius);--qbo-nav-color:#ffffff;--qbo-nav-background-color:#000;--qbo-primary-bg:#007bff;--qbo-primary-color:#ffffff;--qbo-primary-border:#007bff;--qbo-primary-hover-bg:#0056b3;--qbo-primary-hover-border:#004085;--qbo-secondary-bg:#6c757d;--qbo-secondary-color:#ffffff;--qbo-secondary-border:#6c757d;--qbo-secondary-hover-bg:#5a6268;--qbo-secondary-hover-border:#545b62;--qbo-success-bg:#28a745;--qbo-success-color:#ffffff;--qbo-success-border:#28a745;--qbo-success-hover-bg:#218838;--qbo-success-hover-border:#1e7e34;--qbo-danger-bg:#dc3545;--qbo-danger-color:#ffffff;--qbo-danger-border:#dc3545;--qbo-danger-hover-bg:#c82333;--qbo-danger-hover-border:#bd2130;--qbo-info-bg:#17a2b8;--qbo-info-color:#ffffff;--qbo-info-border:#17a2b8;--qbo-info-hover-bg:#138496;--qbo-info-hover-border:#117a8b;--qbo-light-bg:#f8f9fa;--qbo-light-color:#212529;--qbo-light-border:#f8f9fa;--qbo-light-hover-bg:#e2e6ea;--qbo-light-hover-border:#dae0e5;--qbo-dark-bg:#343a40;--qbo-dark-color:#ffffff;--qbo-dark-border:#343a40;--qbo-dark-hover-bg:#23272b;--qbo-dark-hover-border:#1d2124}.qbo-dark{--qbo-color:#e0e0e0;--qbo-border-color:grey;--qbo-background-color:#121212;--qbo-nav-color:#000;--qbo-nav-background-color:#fff;--qbo-svg-filter:brightness(0) invert(1)}.qbo{font-family:var(--qbo-font);color:var(--qbo-color);border:1px solid var(--qbo-border-color);padding:var(--qbo-padding);border-radius:var(--qbo-border-radius);background-color:var(--qbo-background-color)}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-col{flex:1 0 0;border:1px solid var(--qbo-border-color);max-width:100%;box-sizing:border-box}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}svg{height:1rem;width:1rem}.icon{height:1rem;width:1rem;filter:var(--qbo-svg-filter)}.icon use{display:block}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-col{flex:1 0 0;xborder:1px solid var(--qbo-border-color);max-width:100%;box-sizing:border-box}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}.qbo-form{margin:0 auto;padding:var(--qbo-padding)}.qbo-form label{display:flex;flex-direction:column;font-size:.9rem;font-weight:100;color:var(--qbo-color);font-family:var(--qbo-font);margin-top:calc(var(--qbo-margin) * 1.5);margin-bottom:calc(var(--qbo-margin) * .25)}.qbo-form small{display:block;font-size:.8rem;color:color-mix(in srgb,var(--qbo-color) 60%,transparent)}.qbo-form input,.qbo-form select,.qbo-form textarea{width:100%;box-sizing:border-box;padding:var(--qbo-padding);font-size:1rem;line-height:1;color:var(--qbo-color);background-color:var(--qbo-background-color);background-clip:padding-box;border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:var(--qbo-font);margin-top:.1rem;margin-right:1rem}.qbo-form input[type=color]{width:3rem;height:calc(1.5em + .75rem + 0px);padding:.375rem;background-color:transparent;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none}.qbo-form input:focus,.qbo-form select:focus,.qbo-form textarea:focus{color:var(--qbo-color);border-color:var(--qbo-focus-border-color);outline:0;box-shadow:0 0 0 .2rem var(--qbo-focus-box-shadow)}.qbo-form input[disabled],.qbo-form select[disabled],.qbo-form textarea[disabled]{xbackground-color:color-mix(in oklab,15%,--qbo-color);color:color-mix(in oklab,var(--qbo-color) 50%,var(--qbo-background-color));cursor:not-allowed;opacity:1}.qbo-form div{display:flex;align-items:center}.qbo-form div span{display:inline-flex;font-weight:100;align-items:center;padding:.375rem .75rem;font-size:1rem;text-align:center;text-wrap-mode:nowrap;border-right:none;border-radius:.25rem 0 0 .25rem}.qbo-form div input,.qbo-form div select,.qbo-form div textarea{flex:1 1 auto;padding:.375rem .75rem;font-size:1rem;background-clip:padding-box;margin:0;xborder-radius:0 0}.qbo-form .form-check{display:flex;align-items:center;margin-bottom:1rem}.qbo-form .form-check input[type=checkbox],.qbo-form .form-check input[type=radio]{width:auto;margin-right:.5rem}.qbo-form .form-check label{margin-bottom:0;font-weight:400;color:var(--qbo-color)}
+:root{--qbo-font:Arial,sans-serif;--qbo-color:#333;--qbo-border-color:#999;--qbo-border-radius:4px;--qbo-background-color:#ffffff;--qbo-padding-horizontal:0rem;--qbo-padding-vertical:0rem;--qbo-padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);--qbo-margin:0.5rem;--qbo-margin-horizontal:0.5rem;--qbo-margin-vertical:0.5rem;--qbo-focus-border-color:#80bdff;--qbo-focus-box-shadow:rgba(0, 123, 255, 0.25);--qbo-button-bg:#007bff;--qbo-button-border:#007bff;--qbo-button-bg-hover:#0056b3;--qbo-button-border-hover:#004085;--qbo-button-color:#ffffff;--qbo-button-padding:var(--qbo-padding);--qbo-button-border-radius:var(--qbo-border-radius);--qbo-nav-color:#333;--qbo-nav-background-color:#999;--qbo-nav-background-hover:#81181d;--qbo-nav-background-hover-color:#999;--qbo-primary-bg:#007bff;--qbo-primary-color:#ffffff;--qbo-primary-border:#007bff;--qbo-primary-hover-bg:#0056b3;--qbo-primary-hover-border:#004085;--qbo-secondary-bg:#6c757d;--qbo-secondary-color:#ffffff;--qbo-secondary-border:#6c757d;--qbo-secondary-hover-bg:#5a6268;--qbo-secondary-hover-border:#545b62;--qbo-success-bg:#28a745;--qbo-success-color:#ffffff;--qbo-success-border:#28a745;--qbo-success-hover-bg:#218838;--qbo-success-hover-border:#1e7e34;--qbo-danger-bg:#dc3545;--qbo-danger-color:#ffffff;--qbo-danger-border:#dc3545;--qbo-danger-hover-bg:#c82333;--qbo-danger-hover-border:#bd2130;--qbo-info-bg:#17a2b8;--qbo-info-color:#ffffff;--qbo-info-border:#17a2b8;--qbo-info-hover-bg:#138496;--qbo-info-hover-border:#117a8b;--qbo-light-bg:#f8f9fa;--qbo-light-color:#212529;--qbo-light-border:#f8f9fa;--qbo-light-hover-bg:#e2e6ea;--qbo-light-hover-border:#dae0e5;--qbo-dark-bg:#343a40;--qbo-dark-color:#ffffff;--qbo-dark-border:#343a40;--qbo-dark-hover-bg:#23272b;--qbo-dark-hover-border:#1d2124}.qbo-theme-dark{--qbo-color:#e0e0e0;--qbo-border-color:grey;--qbo-background-color:#121212;--qbo-nav-color:#000;--qbo-nav-background-color:#fff;--qbo-svg-filter:brightness(0) invert(1)}.qbo-theme-light{font-family:var(--qbo-font);color:var(--qbo-color);margin:0;background-color:var(--qbo-background-color)}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card{border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-shadow:2px 2px 3px var(--qbo-border-color);padding:.5em;overflow:auto}.qbo-card-left{margin-left:.5em}.qbo-card-right{margin-right:.5em}svg{height:1rem;width:1rem}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card,.qbo-col{flex:1 0 0;max-width:100%;box-sizing:border-box}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}.qbo-form{margin:0 auto;padding:var(--qbo-padding)}.qbo-form label{display:flex;flex-direction:column;font-size:.9rem;font-weight:100;color:var(--qbo-color);font-family:var(--qbo-font);margin-top:calc(var(--qbo-margin) * 1.5);margin-bottom:calc(var(--qbo-margin) * .25)}.qbo-form small{display:block;font-size:.8rem;color:color-mix(in srgb,var(--qbo-color) 60%,transparent)}.qbo-form input,.qbo-form select,.qbo-form textarea{width:100%;box-sizing:border-box;padding:var(--qbo-padding);font-size:1rem;line-height:1;color:var(--qbo-color);background-color:var(--qbo-background-color);background-clip:padding-box;border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:var(--qbo-font);margin-top:.1rem;margin-right:1rem}.qbo-form input[type=color]{width:3rem;height:calc(1.5em + .75rem + 0px);padding:.375rem;background-color:transparent;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none}.qbo-form input:focus,.qbo-form select:focus,.qbo-form textarea:focus{color:var(--qbo-color);border-color:var(--qbo-focus-border-color);outline:0;box-shadow:0 0 0 .2rem var(--qbo-focus-box-shadow)}.qbo-form input[disabled],.qbo-form select[disabled],.qbo-form textarea[disabled]{color:color-mix(in oklab,var(--qbo-color) 50%,var(--qbo-background-color));cursor:not-allowed;opacity:1}.qbo-form div{display:flex;align-items:center}.qbo-form div span{display:inline-flex;font-weight:100;align-items:center;padding:.375rem .75rem;font-size:1rem;text-align:center;white-space:nowrap;border-right:none;border-radius:.25rem 0 0 .25rem}.qbo-form div input,.qbo-form div select,.qbo-form div textarea{flex:1 1 auto;padding:.375rem .75rem;font-size:1rem;background-clip:padding-box;margin:0}.qbo-form .form-check{display:flex;align-items:center;margin-bottom:1rem}.qbo-form .form-check input[type=checkbox],.qbo-form .form-check input[type=radio]{width:auto;margin-right:.5rem}.qbo-form .form-check label{margin-bottom:0;font-weight:400;color:var(--qbo-color)}.qbo-button,button{display:inline-block;font-weight:400;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);padding:var(--qbo-padding);font-size:1rem;line-height:1.5;text-align:center;vertical-align:middle;cursor:pointer;margin-right:var(--qbo-margin);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.qbo-button:focus,.qbo-button:hover,button:focus,button:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:1.5;border-radius:var(--qbo-border-radius);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.qbo-button:disabled,button:disabled{opacity:.65;cursor:not-allowed;background-color:var(--qbo-button-bg);border-color:var(--qbo-button-border);color:var(--qbo-button-color)}.primary{background-color:var(--qbo-primary-bg);border:1px solid var(--qbo-primary-border);color:var(--qbo-primary-color)}.primary:focus,.primary:hover{background-color:var(--qbo-primary-hover-bg);border:1px solid var(--qbo-primary-hover-border)}.secondary{background-color:var(--qbo-secondary-bg);border:1px solid var(--qbo-secondary-border);color:var(--qbo-secondary-color)}.secondary:focus,.secondary:hover{background-color:var(--qbo-secondary-hover-bg);border:1px solid var(--qbo-secondary-hover-border)}.icon{height:1rem;width:1rem;filter:var(--qbo-svg-filter)}.icon use{display:block}.icon.right{position:relative;padding-left:1.25rem;background-image:url("https://devqmp.quandis.io/core/ui/images/qbo-icons.svg#i-arrow-down-circle");background-repeat:no-repeat;background-position:left center}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card,.qbo-col{flex:1 0 0;min-width:calc(8.33% - var(--qbo-margin)/ 2);max-width:100%;box-sizing:border-box}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}nav{--qbo-background-color:var(--qbo-nav-background-color, black);--qbo-color:var(--qbo-nav-color, white);--qbo-svg-filter:brightness(0) invert(1);display:flex;flex-direction:row;color:var(--qbo-nav-color,#fff);background-color:var(--qbo-nav-background-color,#000)}nav menu{list-style-type:none;padding-inline-start:20px;margin-block-start:0.5em;margin-block-end:0.5em}nav menu li{border:1px solid var(--qbo-nav-background-color,#000);cursor:pointer;display:inline-block;line-height:1.5;padding:5px}nav menu li svg{filter:invert(0)!important}nav menu li:focus,nav menu li:hover{background-color:var(--qbo-nav-background-hover,grey);border:1px solid var(--qbo-nav-background-hover);border-radius:.5em;color:#fff;text-decoration:none}nav menu li:focus span>svg,nav menu li:focus>svg,nav menu li:hover span>svg,nav menu li:hover>svg{filter:var(--qbo-svg-filter)!important}nav>img{padding-inline-start:8px}nav>span{font-weight:700;margin-top:17px;padding-inline-start:10px}nav a{color:var(--qbo-color)}nav svg.label{vertical-align:text-top}nav svg.toggle{vertical-align:text-bottom}menu.qbo-toolbar{list-style-type:none;padding-left:0;display:flex;flex-direction:row;margin-right:var(--qbo-margin)}menu.qbo-toolbar li{display:inline-block;margin-right:0;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);padding:var(--qbo-padding);line-height:1.5;cursor:pointer;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration:none}menu.qbo-toolbar li:first-child{border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius)}menu.qbo-toolbar li:last-child{border-top-right-radius:var(--qbo-border-radius);border-bottom-right-radius:var(--qbo-border-radius)}menu.qbo-toolbar li:focus,menu.qbo-toolbar li:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:1.5;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}menu.qbo-toolbar.vertical{flex-direction:column;align-items:flex-start}menu.qbo-toolbar.vertical li:first-child{border-top-right-radius:var(--qbo-border-radius);border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:0}menu.qbo-toolbar.vertical li:last-child{border-bottom-right-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius);border-top-right-radius:0}qbo-menu aside,qbo-menu menu{background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-sizing:border-box;height:0;list-style-type:none;margin:0;padding-left:0;position:absolute;visibility:hidden}qbo-menu aside.open,qbo-menu menu.open{background-color:#f0f0f0;border:0;border-radius:0;border-bottom-left-radius:.7em;border-bottom-right-radius:.7em;color:var(--qbo-nav-color,#fff);height:auto;left:0;margin:0;overflow-y:auto;top:53px!important;visibility:visible;width:100%}qbo-menu aside.open>h1,qbo-menu menu.open>h1{color:var(--qbo-color);margin-block-end:0;margin-left:1em}qbo-menu aside.open>p,qbo-menu menu.open>p{color:var(--qbo-color);margin-block-start:0;margin-left:1.2em}qbo-menu aside{width:0;margin:var(--qbo-margin);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);padding-bottom:.6em;overflow-y:scroll}qbo-menu li{display:list-item!important;padding:var(--qbo-padding,.5rem 1rem);line-height:1.5;text-align:left;white-space:nowrap;cursor:pointer;text-decoration:none}qbo-menu li:hover{background-color:var(--qbo-border-color)}qbo-menu menu li.disabled{color:#6c757d;pointer-events:none;background-color:transparent}qbo-menu menu .dropdown-divider{height:1px;margin:.5rem 0;overflow:hidden;background-color:#e9ecef}qbo-menu menu .dropdown-header{padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}qbo-popover{background-color:#f0f0f0;border:1px solid #81181d;border-radius:var(--qbo-border-radius);color:var(--qbo-color);margin:.6em 0 0 0;padding:0 1em 0 1em;position:absolute;visibility:hidden}qbo-popover h3{margin-block-end:0.5em;margin-block-start:0.5em}qbo-popover p{margin-block-start:0}qbo-popover.open{visibility:visible}details>a{margin-left:1.5em}div.qbo-row-subsequent{margin-top:.5em}h3.title{margin-block-end:0;margin-block-start:0.5em;margin-left:.5em}p.detail{margin-block-end:0.5em;margin-block-start:0;margin-left:.5em}div.qbo-col-noborder{border:0!important;box-shadow:initial}