.vue-grid-layout:not(.more-filters) {
    height: 100px !important;
}

.vue-grid-layout:not(.more-filters) > .vue-grid-item:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
    display: none;
}

.vue-grid-layout.more-filters > .vue-grid-item {
    display: block;
}

/* bg behind other filters */
.vue-grid-layout > div:nth-child(9) {
    top: 120px !important;
    height: calc(100% - 140px) !important;
    background-color: #524FA1;
    z-index: -1;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.wpjmsf-section input[type="text"] {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.wpjmsf-section .wpjmsf-button-field-wrapper.btn {
    width: 100%;
}

.wpjmsf-section .wpjmsf-button-field-wrapper.btn input[type="reset"],
.wpjmsf-section .wpjmsf-button-field-wrapper.btn button {
    background-color: transparent;
    border: 0;
    outline: 0;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
}

.wpjmsf-multiselect-expand+.select2-container--default .select2-selection--multiple {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #1C0736 !important;
}

.el-tag.el-tag--info {
    background-color: #1C0736 !important;
    border-color: #9b99e7 !important;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.el-tag.el-tag--info span {
    color: #fff !important;
}

.el-tag.el-tag--info .el-tag__close {
    color: #1C0736 !important;
}

.el-tag.el-tag--info .el-tag__close:hover {
    color: #fff !important;
    background-color: #FF6959 !important;
}

.vue-slider-dot-tooltip-inner,
.vue-slider-process {
    background-color: #FF6959 !important;
}

.vue-slider-dot-tooltip-inner-top:after {
    border-top-color: #FF6959 !important;
}

@media(max-width: 768px) {
    /* bg behind other filters */
    .vue-grid-layout > div:nth-child(9) {
        top: 190px !important;
        width: 350px !important;
        height: calc(100% - 220px) !important;
        left: -10px !important;
    }
}