.horizontal-filter-container {
    display: flex;
}
.p-select-header .p-inputicon, .p-multiselect-header .p-inputicon{
    line-height: 0px;
}
.chip-cancel-icon {
    font-size: 10px !important;
}

.filter-multiselect .p-multiselect-label {
    flex-wrap: wrap;
    /* min-height: 42px; */
}
.filter-popover {
    width: 420px;
    z-index: 1001;
    padding: 8px 0px;
}

.horizontal-filters {
    /* width: calc(100vw); */
    overflow: hidden;
    display: flex;
    gap: 12px;
}

.filter-popover .p-popover-content {
    padding: 16px; 
    max-height: calc(100vh - 270px);
    overflow-y: auto;
}

.filters .p-accordionheader, .filters .p-accordioncontent-content{
    padding-left: 0px;
    padding-right: 0px;
}
.filters .p-accordionheader{
    font-size: 14px;
    font-weight: 600;
}
.filter-popover .p-autocomplete-input, .p-drawer .p-autocomplete-input{
    width: 100%;
}
.p-datepicker-dropdown svg{
    color: #5283c5;
}

.filter-checkbox > div {
    flex: 0 1 48%;
}

.filter-checkbox > div:only-child {
    flex: 0 1 100%;
}

.selected-filters-container{
    flex-wrap: wrap;
}

.min-max-integer input{
    width: 100%;
}

@media screen and (max-width: 768px) {
    .horizontal-filter-container {
        row-gap: 20px;
        flex-direction: column;
    }
    #horizontal-filters{
        display: none;
    }
    .v2-filter-btn{
        width: 100%
    }
    .filter-popover {
        width: auto;
        /* z-index: 1028; */
    }
    .horizontal-filters {
        width: 100%;
        overflow-x: auto;
        align-items: start;
    }
    .selected-filters-container{
        flex-wrap: nowrap;
        overflow-x: auto;
        flex-direction: row-reverse;
    }
    .selected-filters-container div{
        flex-wrap: nowrap;
    }
}
