.dxbl-menu {
    --dxbl-menu-item-hover-color: var(--bs-secondary-text);
    --dxbl-menu-item-hover-bg: #009BAF99;
    --dxbl-menu-item-selected-bg: #009BAF99;
    --dxbl-menu-item-selected-color: var(--bs-secondary-text);
    --dxbl-menu-item-selected-hover-bg: #009BAF99;
    --dxbl-menu-item-selected-hover-color: var(--bs-secondary-text);
    --dxbl-menu-item-disabled-bg: unset;
    --dxbl-menu-item-disabled-color: var(--bs-body-color, var(--dxbl-body-color, inherit));
    --dxbl-menu-item-disabled-opacity: 60%;
    --dxbl-menu-font-family: inherit;
    --dxbl-menu-color: var(--bs-secondary-text);
    --dxbl-menu-separator-width: 1px;
    --dxbl-menu-separator-color: var(--bs-border-color, var(--bs-gray-400, #ced4da));
    --dxbl-menu-separator-style: solid;
    --dxbl-menu-item-image-size: 1rem;
    --dxbl-menu-bg: var(--bs-secondary-bright);
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
    --dxbl-menu-title-font-weight: 500;
    --dxbl-menu-title-font-size: 1.25rem;
    --dxbl-menu-title-line-height: 1;
    --dxbl-menu-border-width: 0;
    --dxbl-menu-border-color: unset;
    --dxbl-menu-border-style: unset;
}

.dxbl-menu-dropdown {
    --dxbl-menu-item-hover-color: var(--bs-secondary-text);
    --dxbl-menu-item-hover-bg: #009BAF99;
    --dxbl-menu-separator-width: 1px;
    --dxbl-menu-separator-color: var(--bs-border-color, var(--bs-gray-400, #ced4da));
    --dxbl-menu-separator-style: solid;
    --dxbl-menu-item-selected-bg: #009BAF99;
    --dxbl-menu-item-selected-color: var(--bs-secondary-text);
    --dxbl-menu-item-selected-hover-bg: #009BAF99;
    --dxbl-menu-item-selected-hover-color: var(--bs-secondary-text);
    --dxbl-menu-item-disabled-bg: unset;
    --dxbl-menu-item-disabled-color: var(--bs-body-color, var(--dxbl-body-color, inherit));
    --dxbl-menu-item-disabled-opacity: 60%;
    --dxbl-menu-font-family: inherit;
    --dxbl-menu-color: var(--bs-secondary-text);
    --dxbl-menu-bg: var(--bs-body-bg, var(--dxbl-body-bg, inherit));
    --dxbl-menu-item-font-size: 0.875rem;
    --dxbl-menu-item-line-height: 1.4285;
    --dxbl-menu-item-image-spacing: 0.5rem;
    --dxbl-menu-item-padding-x: 1rem;
    --dxbl-menu-item-padding-y: 0.31253125rem;
    --dxbl-menu-dropdown-min-width: 9.9999375rem;
    --dxbl-menu-dropdown-padding-x: 0;
    --dxbl-menu-dropdown-padding-y: 0;
    --dxbl-menu-dropdown-border-radius: 0;
    --dxbl-menu-dropdown-border-width: 1px 0 0 0;
    --dxbl-menu-dropdown-border-color: #26A0DA;
    --dxbl-menu-dropdown-border-style: solid;
    --dxbl-menu-item-image-size: 1rem;
    --dxbl-dropdown-bg: var(--bs-secondary-bright);
}

    .dxbl-menu-dropdown.dxbl-dropdown-dialog > .dxbl-dropdown-body {
        --dxbl-dropdown-body-padding-y: 0.25rem;
    }

.dxbl-dropdown > .dxbl-dropdown-dialog, .dxbl-itemlist-dropdown > .dxbl-dropdown-dialog {
    top: -1px;
    border-width: var(--dxbl-dropdown-border-width);
    border-style: var(--dxbl-dropdown-border-style);
    border-color: var(--dxbl-dropdown-border-color);
}


.dxbl-itemlist-dropdown[placement=right] .dxbl-menu-dropdown {
    top: calc(-1px + -0.25rem);
    --dxbl-menu-dropdown-border-width: 0;
}