smart-filter-panel {
    width: var(--smart-filter-panel-default-width);
    height: var(--smart-filter-panel-default-height);
}
    smart-filter-panel.smart-element {
        padding: var(--smart-filter-panel-padding);
        border:none;
    }

    .smart-filter-panel .smart-filter-panel-label,
    .smart-filter-panel .smart-filter-panel-list,
    .smart-filter-panel .smart-filter-panel-input,
    .smart-filter-panel .smart-filter-panel-operator-list,
    .smart-filter-panel smart-tree,
    .smart-filter-panel smart-filter-builder {
        margin-bottom: var(--smart-filter-panel-vertical-offset);
    }

    .smart-filter-panel .smart-filter-panel-list {
        width: 100%;
    }

    .smart-filter-panel .smart-filter-panel-operator-list {
        width: 80px;
    }

    .smart-filter-panel .smart-filter-panel-button-container {
        width: 100%;
        min-height: 33px;
        height: var(--smart-editor-height);
        display: flex;
        justify-content: space-around;
    }

        .smart-filter-panel .smart-filter-panel-button-container > smart-button {
            width: 80px;
        }

            .smart-filter-panel .smart-filter-panel-button-container > smart-button button {
                padding: 8px;
            }

    .smart-filter-panel .smart-filter-panel-input {
        height: var(--smart-editor-height);
        width: 100%;
        display: block;
    }

    .smart-filter-panel smart-numeric-text-box.smart-filter-panel-input input {
        text-align: right;
    }

    .smart-filter-panel smart-tree,
    .smart-filter-panel smart-filter-builder {
        width: 100%;
        height: var(--smart-filter-panel-main-element-height);
    }

        .smart-filter-panel smart-tree.standard-excel .smart-tree-items-group-arrow,
        .smart-filter-panel smart-tree.date-excel smart-tree-items-group[level="1"] > .smart-tree-item-label-container > .smart-tree-items-group-arrow {
            visibility: hidden;
        }

        .smart-filter-panel smart-tree.standard-excel smart-tree-item:not([level="1"]) > .smart-tree-item-label-container {
            margin-left: -30px;
        }

    .smart-filter-panel smart-filter-builder {
        --smart-filter-builder-item-width: 150px;
        display: block;
    }

    .smart-filter-panel[filter-type="string"] smart-filter-builder {
        height: calc(var(--smart-filter-panel-main-element-height) - var(--smart-editor-height));
        margin-bottom: 0;
    }

    .smart-filter-panel[filter-type="string"] .case-sensitive {
        display: block;
        margin-top: 5px;
        margin-bottom: calc(var(--smart-filter-panel-vertical-offset) - 5px);
    }

    .smart-filter-panel[filter-type="boolean"] smart-filter-builder {
        --smart-filter-builder-item-width: 34px;
    }

        .smart-filter-panel[filter-type="boolean"] smart-filter-builder .smart-filter-value,
        .smart-filter-panel[filter-type="boolean"] smart-filter-builder .smart-editors-container {
            min-width: initial;
        }

        .smart-filter-panel[filter-type="boolean"] smart-filter-builder .smart-value-container {
            width: 100px;
        }

        .smart-filter-panel[filter-type="boolean"] smart-filter-builder .smart-editors-container[open] .smart-check-box-editor {
            width: 100%;
        }

    .smart-filter-panel smart-filter-builder .smart-filter-field-name {
        display: none;
    }

    .smart-filter-panel smart-filter-builder .smart-scroll-viewer-content-container {
        padding: 0;
    }

    .smart-filter-panel smart-filter-builder .smart-content-container > .smart-filter-group > .smart-filter-group-operator {
        margin-left: 15px;
    }

    .smart-filter-panel smart-filter-builder .smart-filter-group-condition-container {
        padding-left: 15px;
    }

    .smart-filter-panel smart-menu-item[value="notand"],
    .smart-filter-panel smart-menu-item[value="notor"] {
        display: none;
    }