﻿.dw-dropdown {
    width: 100% !important;
    height: 32px !important;
    border-radius: 4px !important;
    border: 1px solid var(--border-border_light);
    background: var(--neutrals-Light) !important;
}

    .dw-dropdown input {
        padding: 6px 0 6px 8px !important;
        color: var(--text-text_tertiary) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
    }

.dxbl-text-edit > [class*=dxbl-btn-group-right]:last-of-type {
    border-radius: 0px 4px 4px 0px !important;
}

.dw-dropdown .dxbl-btn-group-right .dxbl-btn {
    border-left: 1px solid var(--border-border_light) !important;
    border-radius: 0px 4px 4px 0px !important;
}

.dw-dropdown:has(:focus),
.dw-dropdown:has(:focus) > .dxbl-btn-group > .dxbl-btn {
    border-color: var(--border-border_light) !important;
}

.dw-dropdown > .dxbl-btn-group > .dxbl-btn {
    --dxbl-btn-border-color: var(--text-text_tertiary) !important;
}

.dw-dropdown-drop-down ul .dxbl-list-box-item-selected {
    background-color: var(--neutrals-neutral-2) !important;
    color: var(--text-text_tertiary) !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.dw-dropdown-drop-down.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]):hover:not(.dxbl-list-box-item-focused):not(:focus) {
    color: var(--text-text_primary) !important;
    background: var(--surface-surface-light-2) !important;
}

.dw-dropdown {
    width: 100% !important;
    height: 32px !important;
    border-radius: 4px !important;
    border: 1px solid var(--border-border_light) !important;
    background: var(--neutrals-Light) !important;
}

    .dw-dropdown input {
        padding: 6px 0 6px 8px !important;
        color: var(--text-text_tertiary) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
    }

    .dw-dropdown .dxbl-btn-group-right .dxbl-btn {
        border-left: 1px solid var(--border-border_light) !important;
        border-radius: 0px 4px 4px 0px !important;
    }

    .dw-dropdown:has(:focus),
    .dw-dropdown:has(:focus) > .dxbl-btn-group > .dxbl-btn {
        border-color: var(--border-border_light) !important;
    }

    .dw-dropdown > .dxbl-btn-group > .dxbl-btn {
        --dxbl-btn-border-color: var(--text-text_tertiary) !important;
    }

.dw-dropdown-body ul .dxbl-list-box-item-selected {
    background-color: var(--neutrals-neutral-2) !important;
    color: var(--text-text_tertiary) !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.dw-select-input-drop-down.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]):hover:not(.dxbl-list-box-item-focused):not(:focus) {
    color: var(--text-text_primary) !important;
    background: var(--surface-surface-light-2) !important;
}

.dw-dropdown-body .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-focused,
.dw-dropdown-body .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]):focus,
.dw-dropdown-body .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-focused,
.dw-dropdown-body .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]):focus {
    outline: .15rem solid var(--border-border-color-50) !important;
}

.dw-dropdown-body .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled)::before {
    background-color: var(--border-border-color-50);
}