.spanValueStyle {
    border-radius: 2rem;
    border: 2px solid #76ABAE;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    cursor: pointer !important;
    background-color: white;
    color: black;
    height: 38px;
    align-items: center;
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
}
.hideCustomSearch {

}
.CustomSearchSelect {
    background-color: #ffffff;
    color: #000000;
    padding: 0.3rem;
    border-radius: 1rem;
    position: absolute;
    z-index: 999;
    overflow-y: auto;
    max-height: fit-content;
    box-shadow: 0 0 6px #eee;
}

    .CustomSearchSelect input {
        max-width: 100%;
    }

    .CustomSearchSelect ul {
        max-width: 100%;
        padding: 10px;
    }

        .CustomSearchSelect ul li {
            max-width: 100%;
            list-style: none;
            cursor: pointer;
            border-radius: 1rem;
            padding: 3px 8px;
            margin: 4px 0px;
            text-align: right;
        }

            .CustomSearchSelect ul li:hover {
                background-color: rgb(233 233 233) !important;
                color:black;
            }