/*custom filter*/
.wrapp-detail-filter{
    margin-bottom: 30px;
}

.filter_values_custom {
    padding: 20px 16px;
}
.custom-dropdown{
    display: flex;
    width:100%;
}
.detail_filter_wrap{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.sort_wrap_custom,.filter_wrap_custom, .search-input-store-wrap{
    margin: 5px 5px 5px 0;
}
.search-input-div-store .form-control-custom{
    height: 32px;
}
.search-input-store-wrap{
    display:flex;
}
.btn-clear-search-store{
    margin-right: 10px!important;
    display:none;
}
.wrap-clear-search-store{
    width: 32px;
}

.search-input-store-wrap .search-button-div-store {
    position:relative;
    left: -35px;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.btn-search-store{
    --button-height: 32px!important;
    border-radius: 0 8px 8px 0!important;
    background-color: var(--theme-base-color);
    color: var(--theme-base-color);
}
.btn-search-store:hover{
    background-color: hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    color: hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
}

.form-control-custom{
    border-radius: 8px 0 0 8px!important;
}
.search-store{
    fill:#fff;
}
@media (max-width: 455px) {
    .detail_filter_wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

.dropdown-menu-wrapper .btn-filter{
    --button-height: 32px!important;
    margin-top:10px;
}