xv-webcomponents 1.3.49-qa.0 → 1.3.51-qa.0

package/dist/cjs/xv-webcomponents.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["xv-accordion-v2_45.cjs",[[256,"xv-header",{"metaNav":[32],"orgUnit":[32],"mobMenuOpen":[32],"suggestions":[32],"suggestionsLoading":[32],"notifications":[32],"showLoginModal":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"],[8,"xv:metaNav-update","metaNavUpdate"]]],[257,"xv-dropdown-v2",{"search":[516],"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[520],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"searchPlaceholder":[1,"search-placeholder"],"size":[1],"defaultValue":[8,"default-value"],"variant":[1],"selected":[32],"selectedMap":[32],"searchQuery":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"],"multiple":["multipleChangeHandle"]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32]}],[321,"xv-datepicker",{"value":[1040],"variant":[1],"label":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513],"min":[1],"max":[1],"month":[32],"days":[32],"open":[32],"localError":[32]},[[4,"click","handleClickOutside"]],{"open":["openChange"],"month":["getCalendarGrid"],"value":["handleValueChange"]}],[257,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"buttonVariant":[1,"button-variant"],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040,"loading-states"],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32],"clearFiles":[64]}],[321,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513]}],[257,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16,"responsive-variant"],"totalItems":[2,"total-items"],"itemsPerPage":[32],"currentVariant":[32]}],[257,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":["checkedChangeHandle"]}],[321,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[257,"xv-data-table",{"size":[1],"block":[4],"loading":[4],"columnWidths":[16,"column-widths"],"hover":[4]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540],"multiple":[516],"size":[513]},[[0,"click","handleClick"]]],[257,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[257,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"readonly":[4],"error":[8],"warning":[8],"value":[16],"normalizedOptions":[32],"selected":[32],"inputValue":[32],"open":[32],"filtered":[32],"highlighted":[32],"focusInput":[64],"clear":[64]},null,{"options":["watchOptions"],"value":["watchValue"]}],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[260,"xv-breadcrumbs-v2"],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[256,"xv-footer",{"data":[32]},[[8,"xv:metaNav-update","handleLoadData"]]],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[324,"xv-radio-v2",{"name":[1],"value":[1],"label":[1],"checked":[1028],"indeterminate":[4],"block":[4],"disabled":[4],"required":[4],"reverse":[4],"readonly":[4],"error":[8],"warning":[520],"size":[1]},null,{"checked":["onCheckedChange"]}],[321,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"value":[1025],"checked":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-mega-menu",{"open":[1540],"loading":[32],"activeItem":[32],"activeGroup":[32],"menuItems":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[2],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1],"tooltip":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[321,"xv-text-input-v2",{"type":[1],"label":[1],"placeholder":[513],"name":[513],"value":[1025],"autocomplete":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513],"isPasswordVisible":[32]}],[257,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[513],"clickable":[4]},[[0,"click","handleClick"]]],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[257,"xv-toggle-tip",{"open":[1540],"autoSize":[516,"auto-size"],"block":[4],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[321,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[321,"xv-button-v2",{"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
+  return index.bootstrapLazy([["xv-accordion-v2_45.cjs",[[256,"xv-header",{"megaMenu":[4,"mega-menu"],"htmlContent":[32],"showLoginModal":[32],"isCockpitMenuExpanded":[32],"isEntitiesMenuExpanded":[32],"isUserMenuExpanded":[32],"suggestions":[32],"searchQuery":[32],"listPosition":[32],"showPopover":[32],"metaNav":[32],"mobMenuOpen":[32],"orgUnit":[32],"notificationsHtml":[32],"notificationsCount":[32]},[[8,"xv:orgUnitChange","handleOrgUnitChange"]]],[257,"xv-dropdown-v2",{"search":[516],"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[520],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"info":[1],"searchPlaceholder":[1,"search-placeholder"],"size":[1],"defaultValue":[8,"default-value"],"variant":[1],"selected":[32],"selectedMap":[32],"searchQuery":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"],"multiple":["multipleChangeHandle"]}],[257,"xv-data-table-row",{"variant":[1],"name":[1025],"collapse":[1],"collapsable":[516],"checked":[1028],"partial":[1028],"hover":[1028],"group":[4],"header":[4],"footer":[4],"disabled":[4],"readonly":[4],"required":[4],"value":[8],"collapsed":[32]}],[321,"xv-datepicker",{"value":[1040],"variant":[1],"label":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513],"min":[1],"max":[1],"month":[32],"days":[32],"open":[32],"localError":[32]},[[4,"click","handleClickOutside"]],{"open":["openChange"],"month":["getCalendarGrid"],"value":["handleValueChange"]}],[257,"xv-file-uploader",{"label":[1],"description":[1],"addText":[1,"add-text"],"variant":[1],"size":[1],"accept":[16],"buttonVariant":[1,"button-variant"],"maxFileSizeMB":[2,"max-file-size-mb"],"maxFiles":[2,"max-files"],"multiple":[4],"disabled":[516],"files":[1040],"loadingStates":[1040,"loading-states"],"error":[1537],"errors":[1040],"dragActive":[32],"errorMessages":[32],"clearFiles":[64]}],[321,"xv-number-input-v2",{"label":[1],"placeholder":[513],"name":[513],"value":[1538],"helper":[1],"error":[8],"warning":[8],"step":[2],"max":[2],"min":[2],"readonly":[4],"disabled":[4],"loading":[4],"block":[4],"size":[513]}],[257,"xv-pagination",{"total":[2],"page":[1026],"size":[1],"block":[4],"variant":[1],"responsiveVariant":[16,"responsive-variant"],"totalItems":[2,"total-items"],"itemsPerPage":[32],"currentVariant":[32]}],[257,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":["checkedChangeHandle"]}],[321,"xv-textarea",{"value":[1025],"name":[1],"label":[1],"placeholder":[1],"helper":[1],"info":[1],"error":[8],"warning":[8],"disabled":[4],"readonly":[4],"block":[4],"counterHide":[4,"counter-hide"],"noResize":[4,"no-resize"],"loading":[4],"max":[2],"rows":[2],"size":[513]}],[257,"xv-data-table",{"size":[1],"block":[4],"loading":[4],"columnWidths":[16,"column-widths"],"hover":[4]}],[257,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540],"multiple":[516],"size":[513]},[[0,"click","handleClick"]]],[257,"xv-image-viewer",{"src":[1],"fullscreenSrc":[1,"fullscreen-src"],"alt":[1],"placeholder":[1],"lazy":[4],"isFullscreen":[32],"loaded":[32],"fullscreenLoaded":[32]}],[257,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"loading":[4],"openModal":[64],"closeModal":[64]}],[257,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1],"tooltip":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[257,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[257,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[257,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[257,"xv-tag-combobox",{"options":[16],"label":[1],"size":[1],"placeholder":[1],"allowCreate":[4,"allow-create"],"maxSuggestions":[2,"max-suggestions"],"disabled":[4],"readonly":[4],"error":[8],"warning":[8],"value":[16],"normalizedOptions":[32],"selected":[32],"inputValue":[32],"open":[32],"filtered":[32],"highlighted":[32],"focusInput":[64],"clear":[64]},null,{"options":["watchOptions"],"value":["watchValue"]}],[257,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[257,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[260,"xv-breadcrumbs-v2"],[257,"xv-data-table-collapse",{"collapsed":[1540],"setCollapsed":[64]}],[256,"xv-footer",{"data":[32]},[[8,"xv:metaNav-update","handleLoadData"]]],[257,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[257,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[257,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[257,"xv-progress-indicator-v2-item",{"status":[1]}],[324,"xv-radio-v2",{"name":[1],"value":[1],"label":[1],"checked":[1028],"indeterminate":[4],"block":[4],"disabled":[4],"required":[4],"reverse":[4],"readonly":[4],"error":[8],"warning":[520],"size":[1]},null,{"checked":["onCheckedChange"]}],[321,"xv-slider-v2",{"label":[1],"name":[1],"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[4],"readonly":[4],"notEditable":[4,"not-editable"]}],[257,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[260,"xv-tile",{"variant":[513],"label":[1],"error":[4],"multiple":[4],"disabled":[4],"block":[4],"name":[1],"value":[1025],"checked":[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]],[321,"xv-toggle",{"label":[1],"value":[1],"name":[1],"checked":[1540],"disabled":[4],"readonly":[4],"size":[513],"block":[4]}],[257,"xv-toggle-tip",{"open":[1540],"autoSize":[516,"auto-size"],"block":[4],"position":[1],"setPopover":[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[257,"xv-mega-menu",{"open":[1540],"loading":[32],"activeItem":[32],"activeGroup":[32],"menuItems":[32]},[[4,"click","handleClickOutside"]]],[257,"xv-data-table-cell",{"name":[1025],"sort":[1537],"multiline":[2],"width":[1],"align":[1],"tooltip":[1]},[[0,"click","handleSort"]]],[321,"xv-text-input-v2",{"type":[1],"label":[1],"placeholder":[513],"name":[513],"value":[1025],"autocomplete":[1],"helper":[1],"error":[8],"warning":[8],"readonly":[4],"disabled":[4],"loading":[4],"block":[516],"size":[513],"isPasswordVisible":[32]}],[257,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[257,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[257,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[257,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[321,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}],[257,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[260,"xv-tooltip-v2",{"message":[1],"position":[1],"block":[4],"dashed":[4]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]],[321,"xv-button-v2",{"label":[513],"variant":[513],"size":[513],"disabled":[516],"loading":[516],"block":[516],"type":[513],"hasLeftIcon":[32],"hasRightIcon":[32],"hasContent":[32]}],[257,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/xv-header/xv-header.css

@@ -22764,275 +22764,239 @@ button.ui-button::-moz-focus-inner {
   border-color: transparent var(--background-inverse, black) transparent transparent;
 }
 
-header.header {
-  position: sticky;
-  z-index: 1000;
-  top: 0;
+.media-nav-dropdown:hover > .dropdown-menu {
+  display: block;
 }
-header.header .header-wrapper {
-  width: 100vw;
-  padding-top: var(--spacing-04);
-  background-color: var(--background, #fff);
-  box-shadow: 1px 1px 0 0 rgba(39, 52, 53, 0.15), 0 3px 2px 0 rgba(39, 52, 53, 0.3);
+
+.alle-kategorien-menu li:hover > ul {
+  display: block;
 }
-@media (max-width: 991px) {
-  header.header .header-wrapper {
-    padding-bottom: var(--spacing-04);
-  }
+
+#nav-container .media-nav #media-menu-item-alle-kategorien li:hover > ul {
+  display: block;
 }
-header.header .header-top {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-05);
+
+#my-xv-menu.dropdown:hover > .dropdown-menu-left {
+  display: block;
 }
-header.header .header-top--left {
-  width: 100%;
-  max-width: 350px;
-  display: flex;
-  align-items: center;
-  column-gap: var(--spacing-04);
+
+.xv-user-menu-wrapper .dropdown {
+  position: relative;
 }
-header.header .header-top--left img {
-  width: 100%;
-  max-height: 26px;
+.xv-user-menu-wrapper .navbar-btn {
+  margin-top: 8px;
+  margin-bottom: 8px;
 }
-header.header .header-top--left .menu-btn {
-  display: none;
+.xv-user-menu-wrapper .btn-link {
+  color: #337ab7;
+  font-weight: 400;
+  border-radius: 0;
 }
-@media (max-width: 991px) {
-  header.header .header-top--left .menu-btn {
-    display: inline-block;
-  }
+.xv-user-menu-wrapper .btn-link:hover {
+  color: #23527c;
+  text-decoration: underline;
+  background-color: transparent;
 }
-header.header .header-top--right {
-  flex: 1;
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--spacing-03);
-  margin: 0;
-  padding: 0;
-  list-style: none;
+.xv-user-menu-wrapper .dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  font-size: 14px;
+  text-align: left;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 }
-@media (max-width: 1199px) {
-  header.header .header-top--right {
-    gap: var(--spacing-01);
-  }
+.xv-user-menu-wrapper .dropdown-menu-left {
+  right: auto;
+  left: 0;
 }
-header.header .header-top--right .header-label {
-  display: flex;
-  flex-direction: column;
-  font-weight: 500;
+.xv-user-menu-wrapper .navbar-myxv .user-menu-item {
+  padding-left: 20px;
 }
-header.header .header-top--right .header-label > small {
-  font-size: 12px;
-  line-height: 11px;
-  font-weight: 100;
+.xv-user-menu-wrapper .navbar-myxv .divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
 }
-@media (min-width: 992px) {
-  header.header .header-top--right .header-label {
-    margin-inline: var(--spacing-02);
-  }
+.xv-user-menu-wrapper .navbar-myxv li > a:hover {
+  color: #262626;
+  text-decoration: none;
+  background-color: #f5f5f5;
 }
-@media (max-width: 1199px) {
-  header.header .header-top--right .header-label {
-    display: none;
+@media (max-width: 767px) {
+  .xv-user-menu-wrapper .hidden-xs {
+    display: none !important;
   }
 }
-header.header .header-top--right .caret {
+.xv-user-menu-wrapper .badge {
   display: inline-block;
-  margin-left: 5px;
-  width: 6px;
-  height: 6px;
-  border: none;
-  border-bottom: 1px solid currentColor;
-  border-right: 1px solid currentColor;
-  transform: rotate(45deg);
-  box-sizing: border-box;
-  background: transparent;
-  transform-origin: center;
-  transition: 0.25s ease-in-out transform;
-}
-header.header .header-top--right .counter-badge--absolute {
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-header.header .header-top--right .counter-badge::part(details-content) {
-  padding: 0;
+  min-width: 10px;
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: 700;
+  color: #fff;
   line-height: 1;
-  width: 16px;
-  height: 16px;
-  font-size: 10px;
+  vertical-align: middle;
+  white-space: nowrap;
   text-align: center;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-header.header .header-top .search-form {
-  flex: 1;
-  position: relative;
-}
-@media (max-width: 768px) {
-  header.header .header-top .search-form {
-    display: none;
-  }
-}
-header.header .header-top .search-form form {
-  padding-inline: 2px;
-  flex: 1;
-  display: flex;
-  align-items: stretch;
-  flex-direction: row;
-  justify-content: flex-end;
-}
-header.header .header-top .search-form form input[type=search] {
-  flex: 0;
-  text-align: right;
-  display: inline-flex;
-  border: none;
-  min-width: 0;
-  transition: flex 0.3s ease-in-out, outline 0.3s ease;
-  overflow: hidden;
-  border-radius: 3px;
+  background-color: #777;
+  border-radius: 10px;
 }
-header.header .header-top .search-form form input[type=search]::placeholder {
-  color: var(--text-placeholder, #ACACAC);
+
+.ui-menu-item a:hover {
+  background: linear-gradient(to bottom, #f4f4f4 61%, #fff 100%);
+  color: #79990a !important;
+  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5) inset;
 }
-header.header .header-top .search-form form input[type=search]:focus {
-  outline: 2px solid var(--focus);
+
+.popover.popover-fixed.fade.bottom.in {
+  position: absolute;
+  display: block;
+  opacity: 1;
+  top: 49.3472px;
+  left: -100px;
+  z-index: 9999;
 }
-header.header .header-top .search-form form > [type=button] {
-  display: inline-flex;
+
+.popover .arrow {
+  position: absolute;
+  left: 50%;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid #333;
 }
-header.header .header-top .search-form form > [type=submit] {
-  display: none;
+
+.popover .popover-content {
+  padding: 10px;
+  background: #fff;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  color: #333;
 }
-header.header .header-top .search-form form:focus-within > [type=button], header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) > [type=button] {
-  display: none;
+
+.popover.bottom > .arrow:after {
+  border-bottom-color: #a3a3a3 !important;
 }
-header.header .header-top .search-form form:focus-within > [type=submit], header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) > [type=submit] {
-  display: inline-flex;
+
+.navbar-btn-cust {
+  padding: 10px 15px;
 }
-header.header .header-top .search-form form:focus-within input[type=search], header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) input[type=search] {
-  flex: 1;
-  outline: 1px solid var(--focus);
+
+@media (min-width: 992px) {
+  .navbar-toggle {
+    display: none;
+  }
 }
-header.header .header-top .search-form form:focus-within + .search-form-suggestions, header.header .header-top .search-form form:has(input[type=search]:not(:placeholder-shown)) + .search-form-suggestions {
-  display: flex;
+@media (max-width: 991px) {
+  .navbar-toggle {
+    display: block;
+  }
 }
-header.header .header-top .search-form-suggestions {
-  position: absolute;
-  top: calc(100% + 5px);
-  background-color: var(--background, #fff);
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-  border-radius: 3px;
-  z-index: 2;
-  padding: var(--spacing-04);
-  margin: 0;
-  list-style: none;
-  display: none;
-  flex-direction: column;
-  row-gap: var(--spacing-02);
-  min-width: calc(100% - 32px);
+
+@media (min-width: 992px) {
+  .xv-header {
+    height: 115px;
+  }
 }
-header.header .header-top .search-form-suggestions.loading:after {
+.xv-header-row {
   display: flex;
   align-items: center;
-  justify-content: center;
-  content: "";
-  background: rgba(255, 255, 255, 0.8);
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 3;
-  width: 100%;
-  height: 100%;
-}
-header.header .header-top .impersonationInfo ul[slot=body] {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  width: 256px;
+  justify-content: space-between;
 }
-header.header .header-top .notifications-item {
+.xv-header-col {
   display: flex;
   align-items: center;
   column-gap: var(--spacing-04);
 }
-header.header .header-top .notifications-item-body {
-  display: flex;
-  flex-direction: column;
+.xv-header-col--left {
+  flex-wrap: wrap;
+  overflow: hidden;
 }
-header.header .header-top .myArea {
-  position: relative;
+.xv-header-col--right {
+  min-width: max-content;
+  justify-content: flex-end;
 }
-header.header .header-top .myArea-list {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  max-height: 0;
-  overflow-y: scroll;
-  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-  position: absolute;
-  right: 0;
-  top: calc(100% + var(--spacing-02, 5px));
-  min-width: 100%;
-  background-color: var(--background);
-  z-index: 2;
-  border-radius: 3px;
-  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
-  display: flex;
-  flex-direction: column;
+.xv-header--link-no-visited {
+  --link-visited: var(--link-primary);
+  margin-block: var(--spacing-02);
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
+  max-width: 95%;
+}
+.xv-header-nav {
+  background: var(--background, #fff);
+  color: var(--interactive-01, #273435);
 }
-@supports (scrollbar-width: thin) {
-  header.header .header-top .myArea-list {
-    scrollbar-width: thin;
-    scrollbar-color: var(--layer-01) transparent;
+@media (min-width: 768px) {
+  .xv-header-nav {
+    background: var(--menu-background, var(--background, #fff));
+    color: var(--menu-color, var(--interactive-01, #273435));
   }
 }
-header.header .header-top .myArea-list::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
+.xv-header-nav--shadow {
+  box-shadow: 1px 1px 0 0 rgba(39, 52, 53, 0.15), 0 3px 2px 0 rgba(39, 52, 53, 0.3);
 }
-header.header .header-top .myArea-list::-webkit-scrollbar-thumb {
-  background: var(--layer-01, #F7F7F7);
-  border-radius: 4px;
+
+.text-success {
+  color: var(--interactive-01);
 }
-header.header .header-top .myArea-list::-webkit-scrollbar-track {
-  background: transparent;
+
+.generic-wrapper {
+  background-color: var(--background-site, #fff);
 }
-header.header .header-top .myArea-list--divider {
-  height: 2px;
-  min-height: 2px;
-  width: 100%;
-  background-color: var(--layer-01, #F7F7F7);
-  padding-block: 0 !important;
+
+.navbar-myxv .user-menu-item-link i {
+  color: #333333;
 }
-header.header .header-top .myArea-list--category {
-  padding: var(--spacing-03) var(--spacing-05);
-  margin-inline: var(--spacing-02);
-  color: var(--text-primary);
-  font-weight: bold;
+
+.notification-panel {
+  width: 80vw;
+  max-width: 452px;
+  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
+  border-radius: 3px;
+  background: white;
+  padding: 16px;
 }
-header.header .header-top .myArea-list > li:first-child {
-  margin-top: var(--spacing-02);
+.notification-panel .notification-body .notifications {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: 10px;
 }
-header.header .header-top .myArea-list > li:last-child {
-  margin-bottom: var(--spacing-02);
+.notification-panel .notification-body .notifications .notification {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 0;
+  border-bottom: 1px solid #D1D1D1;
 }
-header.header .header-top .myArea-list > li > * {
-  --link-primary: var(--text-secondary, #515151);
-  --link-visited: var(--text-secondary, #515151);
-  display: block;
-  cursor: pointer;
-  padding-inline: var(--spacing-05);
-  padding-block: var(--spacing-02);
-  margin-inline: var(--spacing-02);
+.notification-panel .notification-body .notifications .notification .notification-icon {
+  font-family: "Font Awesome 6 Pro";
+  font-size: 13px;
+  color: #131313;
+  margin-right: 16px;
 }
-header.header .header-top .myArea.isOpen .caret, header.header .header-top .myArea.onHover:hover .caret {
-  transform: rotate(-135deg);
+.notification-panel .notification-body .notifications .notification .notification-text {
+  flex-grow: 1;
+  font-family: "Tahoma";
+  font-size: 13px;
+  color: #333;
 }
-header.header .header-top .myArea.isOpen .myArea-list, header.header .header-top .myArea.onHover:hover .myArea-list {
-  max-height: 85vh;
+.notification-panel .notification-body .notifications .notification .notification-text .notification-action {
+  font-family: "Tahoma";
+  font-size: 12px;
+  color: #346800;
+  margin-top: 15px;
 }