#filterBar {

    .filter-pill-wrapper {
        position: relative;
    }

    .k-input-solid:focus, .k-input-solid.k-focus, .k-picker.k-dropdownlist {
        box-shadow: none !important;
    }

    .filter-panel {
        display: none;
        min-width: 250px;

        &.show {
            display: block;
        }

        position: absolute;
        top: 30px;
        left: 0;
        z-index: 1050;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 0.25rem;
        padding: 12px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        min-width: 350px;

        .input-render-target {
            .k-datepicker {
                margin-bottom: 0.25rem;
            }
        }

        .filter-panel-sub-section-container {
            max-height: 360px !important;
            overflow-y: auto;
            margin-bottom: 16px;
            margin-right: 4px;
        }
    }

    .filter-option {
        &:hover {
            background-color: #eeeeee;
        }
    }

    .k-listview {
        padding: 0;

        &-content,
        &-bordered {
            border: none !important;
        }
    }

    .k-textbox {
        input {
            width: 100%;
        }
    }

    .add-filter-panel {
        display: none;
        position: absolute;
        top: 30px;
        left: 0;
        z-index: 1050;
        min-width: 360px;
        max-height: 480px;
        border-radius: 25px;

        .filter-panel-sub-section-container {
            max-height: 360px !important;
            overflow-y: auto;
            margin-bottom: 16px;
            margin-right: 4px;
        }

        .input-group-text.search-icon {
            right: 0;
            left: auto;
        }
    }

    .add-filter-list-view {
        height: calc(100% - 1.25rem) !important;
        overflow-y: auto;
        background: transparent;
        border: none !important;

        .filter-option {
            cursor: pointer;

            i {
                width: 20px;
            }
        }
    }

    .form-control,
    .form-check-input {
        box-shadow: none !important;
    }

    .k-chip-md {
        padding: 4px 4px;
        font-size: 16px;
        line-height: 1.5;
    }

    &.filter-bar-element {
        line-height: 1.25rem;
        display: flex;
        gap: 0.5rem;
        align-items: center;

        .filter-bar-link {
            font-size: 16px;
            cursor: pointer;
            text-decoration: none !important;
        }

        .border-right {
            border-right: 1px solid rgba(0,0,0,.2);
        }

        .filter-bar-icon {
            color: #8c8c8c;
        }

        &.large {

            .filter-bar-link {
                font-size: 20px;
                font-weight: 600;

                i {
                    font-weight: normal;
                    margin-bottom: 2px;
                }
            }

            &.fw-normal {
                .filter-bar-link {
                    font-weight: normal;
                }
            }

            p {
                font-size: 16px;
            }

            .k-multiselect.k-input {
                font-size: 16px !important;

                .k-input-inner {
                    padding: .375rem .75rem;
                }
            }

            .form-control-sm {
                padding: .375rem .75rem;
                font-size: 1rem;
            }

            .input-render-target {
                .number-filter-dropdown {
                    .k-input-inner {
                        line-height: 28px;
                    }
                }
            }

            .k-list-md,
            .filter-option,
            .preset-option {
                font-size: 16px !important;
            }
        }
    }

    .number-filter-dropdown {
        &.k-dropdown {
            .k-list-container {
                width: 250px !important;
                min-width: 150px;
            }
        }
    }

    input[type=number] {
        &::-webkit-inner-spin-button,
        &::-webkit-outer-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0;
        }
    }

    .input-render-target {
        .number-filter-dropdown {
            .k-input-inner {
                text-align: right;
                margin-right: 5px;
                font-size: 20px;
                line-height: 1;
            }
        }
    }

    .presets-list-container {
        margin-bottom: 1.5rem;
    }

    .presets-list-view {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .preset-option {
        color: #3d3d3d !important;
        cursor: pointer;

        i {
            width: 20px;
            margin-right: 4px !important;
        }

        &:hover {
            background-color: #eeeeee;
        }
    }
}