.dx-tagbox {
    width: 100% !important;
    font-family: var(--bs-font-sans-serif) !important;
    font-size: 1.25rem !important;
    color: #032467 !important;
    font-style: italic !important;
    padding: 1.25rem 1.2rem !important;
    border: 1px solid #bebebe !important;
    border-radius: .375rem !important;
    background-color: #fff !important;
    box-shadow: none !important;
    min-height: calc(1.5em + 2.5rem) !important;
}

    .dx-tagbox .dx-texteditor-input {
        font-family: var(--bs-font-sans-serif) !important;
        font-size: 1.25rem !important;
        color: #032467 !important;
        font-style: italic !important;
    }

    .dx-tagbox .dx-dropdowneditor-icon {
        width: 16px !important;
        height: 12px !important;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        border: none !important;
        margin-right: .75rem !important;
    }

        .dx-tagbox .dx-dropdowneditor-icon:before {
            display: none !important;
        }

.dx-overlay-content {
    border-radius: .375rem !important;
    border: 1px solid #bebebe !important;
}

.dx-list-item {
    font-family: var(--bs-font-sans-serif) !important;
    font-size: 1.25rem !important;
    color: #032467 !important;
    /* padding: 1rem 1.2rem !important; */
}

.dx-checkbox-text {
    font-family: var(--bs-font-sans-serif) !important;
    font-size: 1.25rem !important;
    color: #032467 !important;
}

.dx-popup-bottom .dx-button {
    font-family: var(--bs-font-sans-serif) !important;
    font-size: 1.1rem !important;
    border: 2px solid #eac900 !important;
    color: #332a07 !important;
    border-radius: 0.25rem !important;
    min-width: 70px !important;
}

    .dx-popup-bottom .dx-button:hover {
        border: 2px solid #50acc3 !important;
        color: #50acc3 !important;
    }

.dx-overlay-content .dx-list .dx-list-select-all {
    padding: 0.8rem 0.60rem !important; /* Same spacing as dropdown items */
    border-bottom: 1px solid #e5e5e5 !important;
    background-color: #fff !important;
    display: flex !important;
    align-items: center !important;
    /* gap: 0.75rem !important; /* space between checkbox and label */
}

    .dx-overlay-content .dx-list .dx-list-select-all .dx-checkbox {
        margin: 0 !important;
        margin-right: 0.5rem !important; /* aligns exactly with item rows */
    }

    .dx-overlay-content .dx-list .dx-list-select-all .dx-checkbox-text {
        display: none !important; /* DevExtreme does not use this element */
    }

.dx-list-select-all-label {
    font-family: var(--bs-font-sans-serif) !important;
    font-size: 1.25rem !important;
    color: #032467 !important;
    /* font-style: italic !important; */
    font-weight: 400 !important;
    padding: 0 0px !important;
}

.dx-overlay-content .dx-list .dx-list-select-all:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.form-select:not(.bootstrap-select) {
    padding: 0.75rem 0.75rem !important;
}

.dx-placeholder {
    color: #454545 !important;
}

.dx-list .dx-empty-message, .dx-list-item-content {
    padding: 8px !important;
}

.dx-dropdowneditor-icon {
    display: none !important;
}

.dx-tag-content {
    background: #eac900 !important;
}