[aria-owns="AccountId_options"] .e-input-group-icon.e-ddl-icon.e-search-icon {
    border: 0px;
    pointer-events: none;
}

    [aria-owns="AccountId_options"] .e-input-group-icon.e-ddl-icon.e-search-icon:before {
        content: none;
    }


[aria-owns="AccountId_options"] .e-clear-icon.e-clear-icon-hide {
    right: 0px;
    position: absolute;
    top: 11px;
}

.doc-selector {
}

.doc-selector__container {
    position: relative;
    height: 100%;
}

.doc-selector .doc-selector__search-bar {
    display: flex;
    align-items: center;
    gap: 5px;
}

.doc-selector.select-mode .doc-selector__search-bar {
}

.doc-selector__search-bar:before {
    font-family: 'Material Icons';
    content: 'search';
    font-size: 21px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.doc-selector.select-mode .doc-selector__search-bar:before {
    content: none;
}

.doc-selector__search-bar {
    border: 1px solid var(--bs-gray-400);
    padding: 0px 5px 0px 5px;
    height: 40px;
    border-radius: 3px;
}

    .doc-selector__search-bar [data-filter="searchText"] {
        flex: 1;
        border: 0px;
        height: 36px;
        background: transparent;
    }

    .doc-selector__search-bar [data-filter=searchText]:focus {
        outline: none;
    }

.doc-selector__search-bar-btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
}

    .doc-selector__search-bar-btn:hover {
        background: var(--bs-gray-200);
    }

    .doc-selector__search-bar-btn.select-mode {
        display: none;
    }

.doc-selector.select-mode .doc-selector__search-bar-btn.select-mode {
    display: block;
}

.doc-selector__rows {
    top: 50px;
    max-height: 340px;
    padding: 0px;
    position: absolute;
    overflow: auto;
    background: var(--bs-white);
    width: 100%;
    border-radius: 5px;
    border: 1px solid var(--bs-gray-400);
    display: none;
    z-index: 1000;
}

    .doc-selector__rows #docRowsList {
        border: 0px;
    }

        .doc-selector__rows #docRowsList li {
            padding: 8px;
            position: relative;
            height: 80px;
        }

            .doc-selector__rows #docRowsList li .e-checkbox {
                display: inherit;
                height: 100%;
            }

            .doc-selector__rows #docRowsList li .e-checkbox-wrapper {
                margin: 0px;
                position: absolute;
                right: 10px;
                top: 50%;
                translate: 0% -50%;
            }

                .doc-selector__rows #docRowsList li .e-checkbox-wrapper .e-frame {
                    height: 24px;
                    width: 24px;
                    font-size: 15px;
                    line-height: 21px;
                }

.doc-selector.select-mode .doc-selector__rows {
    display: block;
}

.doc-selected-rows-container {
    max-height: 400px;
    overflow: auto;
}

    .doc-selected-rows-container li {
        cursor: default;
        position: relative;
    }

        .doc-selected-rows-container li .btn-close {
            position: absolute;
            top: 50%;
            right: 10px;
            translate: 0 -50%;
        }

@media(max-width: 576px) {

    .doc-selector__rows {
        max-height: 100%;
    }

    .doc-selected-rows-container {
        max-height: 100%;
    }

    .doc-selector.select-mode {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        background: var(--bs-white);
        height: 100%;
        z-index: 1000;
    }

        .doc-selector.select-mode .doc-selector__rows {
            height: calc(100% - 50px);
            border: 0px;
        }

        .doc-selector.select-mode .doc-selector__search-bar {
            border: 0px;
            border-bottom: 1px solid var(--bs-gray-400);
            height: 50px;
            border-radius: 0px;
        }
}