smart-webcomponents-react/source/styles/components/smart.tree.css

[](https://jqwidgets.com/license/)

smart-scroll-viewer{display:block;width:var(--smart-editor-width);min-width:var(--smart-scroll-viewer-min-width);max-width:var(--smart-scroll-viewer-max-width);height:var(--smart-list-box-default-height);min-height:var(--smart-scroll-viewer-min-height);max-height:var(--smart-scroll-viewer-max-height);padding:3px}.smart-scroll-viewer.smart-container,smart-scroll-viewer>.smart-container{height:100%;width:100%;border:none;position:relative;overflow:hidden}.smart-scroll-viewer>.smart-container,.smart-scroll-viewer>.smart-container>.smart-scroll-viewer-container{max-height:inherit;min-height:inherit;max-width:inherit;min-width:inherit}.smart-scroll-viewer smart-scroll-bar{overflow:visible;position:absolute;bottom:0;height:calc(var(--smart-scroll-bar-size));width:100%}.smart-scroll-viewer smart-scroll-bar:before{position:absolute;content:"";width:100%;height:var(--smart-scroll-bar-size);background-color:var(--smart-surface);left:100%}.smart-scroll-viewer smart-scroll-bar.bottom-corner{width:calc(100% - var(--smart-scroll-bar-size))}.smart-scroll-viewer smart-scroll-bar[orientation=vertical]{right:0;top:0;height:100%;width:calc(var(--smart-scroll-bar-size))}.smart-scroll-viewer smart-scroll-bar[orientation=vertical].bottom-corner{height:calc(100% - var(--smart-scroll-bar-size))}.smart-scroll-viewer .smart-scroll-viewer-container{width:100%;height:100%;overflow:hidden;position:relative;background-color:transparent}.smart-scroll-viewer .smart-scroll-viewer-container.hscroll{height:calc(100% - var(--smart-scroll-bar-size))}.smart-scroll-viewer .smart-scroll-viewer-container.vscroll{width:calc(100% - var(--smart-scroll-bar-size))}.smart-scroll-viewer .smart-scroll-viewer-content-container{width:auto;height:auto;display:inline-block;padding:5px;position:relative;background-color:transparent}.smart-scroll-viewer[right-to-left] .smart-scroll-viewer-container{direction:rtl;text-align:initial}.smart-scroll-viewer[right-to-left] .smart-scroll-viewer-container.vscroll,.smart-scroll-viewer[right-to-left] smart-scroll-bar{left:var(--smart-scroll-bar-size);right:0}.smart-scroll-viewer[right-to-left] smart-scroll-bar:after{left:-100%}.smart-scroll-viewer[right-to-left] smart-scroll-bar[orientation=vertical]{left:0;right:initial}.smart-scroll-viewer[right-to-left] smart-scroll-bar[orientation=vertical]:after{content:none}
.smart-grid .smart-loader,.smart-list-box .smart-loader,.smart-list-menu .smart-loader,.smart-list-menu-view.smart-drop-down-repositioned .smart-loader,.smart-tree .smart-loader{margin:inherit;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.85;text-align:left;border:6px solid var(--smart-theme-border);box-sizing:border-box;background-clip:padding-box;border-radius:50%;z-index:10;width:calc(var(--smart-loader-size) + 10px);height:calc(var(--smart-loader-size) + 10px)}.smart-grid .smart-loader:after,.smart-grid .smart-loader:before,.smart-list-box .smart-loader:after,.smart-list-box .smart-loader:before,.smart-list-menu .smart-loader:after,.smart-list-menu .smart-loader:before,.smart-list-menu-view.smart-drop-down-repositioned .smart-loader:after,.smart-list-menu-view.smart-drop-down-repositioned .smart-loader:before,.smart-tree .smart-loader:after,.smart-tree .smart-loader:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit inherit transparent;border-width:6px;animation:smart-loader-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,smart-loader-spin-fade 1.1s linear infinite}.smart-grid .smart-loader.smart-hidden,.smart-list-box .smart-loader.smart-hidden,.smart-list-menu .smart-loader.smart-hidden,.smart-list-menu-view.smart-drop-down-repositioned .smart-loader.smart-hidden,.smart-tree .smart-loader.smart-hidden{display:none}.smart-grid[loading-indicator-position=center] .smart-loader,.smart-list-box[loading-indicator-position=center] .smart-loader,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=center] .smart-loader,.smart-list-menu[loading-indicator-position=center] .smart-loader,.smart-tree[loading-indicator-position=center] .smart-loader{width:calc(var(--smart-loader-size) + 10px);height:calc(var(--smart-loader-size) + 10px)}.smart-grid[loading-indicator-position=bottom] .smart-loader-container,.smart-list-box[loading-indicator-position=bottom] .smart-loader-container,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-container,.smart-list-menu[loading-indicator-position=bottom] .smart-loader-container,.smart-tree[loading-indicator-position=bottom] .smart-loader-container{top:-10%}.smart-grid[loading-indicator-position=top] .smart-loader-container,.smart-list-box[loading-indicator-position=top] .smart-loader-container,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-container,.smart-list-menu[loading-indicator-position=top] .smart-loader-container,.smart-tree[loading-indicator-position=top] .smart-loader-container{top:0}.smart-grid[loading-indicator-position=bottom] .smart-loader,.smart-grid[loading-indicator-position=top] .smart-loader,.smart-list-box[loading-indicator-position=bottom] .smart-loader,.smart-list-box[loading-indicator-position=top] .smart-loader,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader,.smart-list-menu[loading-indicator-position=bottom] .smart-loader,.smart-list-menu[loading-indicator-position=top] .smart-loader,.smart-tree[loading-indicator-position=bottom] .smart-loader,.smart-tree[loading-indicator-position=top] .smart-loader{width:var(--smart-loader-size);height:var(--smart-loader-size);left:20%}.smart-grid[loading-indicator-position=bottom] .smart-loader-container,.smart-grid[loading-indicator-position=top] .smart-loader-container,.smart-list-box[loading-indicator-position=bottom] .smart-loader-container,.smart-list-box[loading-indicator-position=top] .smart-loader-container,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-container,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-container,.smart-list-menu[loading-indicator-position=bottom] .smart-loader-container,.smart-list-menu[loading-indicator-position=top] .smart-loader-container,.smart-tree[loading-indicator-position=bottom] .smart-loader-container,.smart-tree[loading-indicator-position=top] .smart-loader-container{display:block;position:relative;width:100%;height:10%;background-color:var(--smart-theme);color:var(--smart-on-theme);overflow:hidden;animation:smart-loader-container-pop-up-down .3s linear}.smart-grid[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,.smart-grid[loading-indicator-position=top] .smart-loader-container.smart-hidden,.smart-list-box[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,.smart-list-box[loading-indicator-position=top] .smart-loader-container.smart-hidden,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-container.smart-hidden,.smart-list-menu[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,.smart-list-menu[loading-indicator-position=top] .smart-loader-container.smart-hidden,.smart-tree[loading-indicator-position=bottom] .smart-loader-container.smart-hidden,.smart-tree[loading-indicator-position=top] .smart-loader-container.smart-hidden{display:none}.smart-grid[loading-indicator-position=bottom] .smart-loader-label,.smart-grid[loading-indicator-position=top] .smart-loader-label,.smart-list-box[loading-indicator-position=bottom] .smart-loader-label,.smart-list-box[loading-indicator-position=top] .smart-loader-label,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=bottom] .smart-loader-label,.smart-list-menu-view.smart-drop-down-repositioned[loading-indicator-position=top] .smart-loader-label,.smart-list-menu[loading-indicator-position=bottom] .smart-loader-label,.smart-list-menu[loading-indicator-position=top] .smart-loader-label,.smart-tree[loading-indicator-position=bottom] .smart-loader-label,.smart-tree[loading-indicator-position=top] .smart-loader-label{position:absolute;display:block;top:50%;transform:translate(-50%,-50%);left:60%;font-family:inherit;font-size:inherit;vertical-align:middle;white-space:nowrap}.smart-grid[disabled] .smart-loader:after,.smart-grid[disabled] .smart-loader:before,.smart-list-box[disabled] .smart-loader:after,.smart-list-box[disabled] .smart-loader:before,.smart-list-menu[disabled] .smart-loader:after,.smart-list-menu[disabled] .smart-loader:before,.smart-tree[disabled] .smart-loader:after,.smart-tree[disabled] .smart-loader:before{animation:none}@keyframes smart-loader-container-pop-up-down{0%{top:0}20%{top:-2%}35%{top:-6%}60%{top:-8%}100%{top:-10%}}@keyframes smart-loader-container-pop-up-top{0%{top:-10%}20%{top:-8%}35%{top:-6%}60%{top:-2%}100%{top:0}}@keyframes smart-loader-spin{100%{transform:rotate(360deg)}}@keyframes smart-loader-spin-fade{0%,100%,20%,60%{border-top-color:var(--smart-theme-border)}35%{border-top-color:transparent}}
smart-tree{display:block;width:var(--smart-tree-default-width);height:var(--smart-tree-default-height);overflow:hidden;visibility:hidden}.smart-tree.smart-container,.smart-tree>.smart-container{display:flex;flex-direction:column;position:relative}.smart-tree.smart-element{visibility:inherit}.smart-tree smart-scroll-bar{overflow:hidden}.smart-tree smart-scroll-viewer{position:relative;border:none;width:100%;height:100%;padding:0}.smart-tree smart-scroll-viewer.smart-scroll-viewer-element{border:none}.smart-tree smart-scroll-viewer.scroll-buttons-shown{width:100%;height:calc(100% - 2 * var(--smart-tree-scroll-button-size))}.smart-tree smart-scroll-viewer.scroll-buttons-shown.one-button-shown{width:100%;height:calc(100% - var(--smart-tree-scroll-button-size))}.smart-tree smart-tree-item,.smart-tree smart-tree-items-group{position:relative;height:auto;justify-content:space-between;align-items:center;white-space:nowrap;cursor:pointer}.smart-tree .smart-tree-drop-down,.smart-tree smart-tree-item[disabled],.smart-tree smart-tree-item[template-applied],.smart-tree smart-tree-items-group[disabled],.smart-tree[disabled] smart-tree-item,.smart-tree[disabled] smart-tree-items-group,.smart-tree[display-loading-indicator] smart-tree-item,.smart-tree[display-loading-indicator] smart-tree-items-group{cursor:default}.smart-tree smart-tree-item.smart-element,.smart-tree smart-tree-items-group.smart-element{border:none}.smart-tree smart-tree-item[separator]:after,.smart-tree smart-tree-items-group[separator]:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(0,0,0,.1);pointer-events:none}.smart-tree smart-tree-item{overflow:hidden;display:block;padding-left:0}.smart-tree smart-tree-item .smart-tree-item-shortcut{opacity:.5}.smart-tree smart-tree-items-group{display:flex;flex-direction:column;overflow:hidden}.smart-tree smart-tree-items-group>.smart-tree-item-label-container{justify-content:flex-start;overflow:hidden}.smart-tree smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{order:1}.smart-tree smart-tree-items-group .smart-tree-items-group-arrow{order:0;position:relative;display:flex;justify-content:center;width:var(--smart-tree-indent);left:calc(1px - var(--smart-tree-indent)/ 2);height:13px;font-family:var(--smart-font-family-icon);transform:rotate(0);line-height:1}.smart-tree .smart-tree-edit-input,.smart-tree-item-feedback{font-family:var(--smart-font-family);font-size:var(--smart-font-size)}.smart-tree smart-tree-items-group .smart-tree-items-group-arrow:after{position:relative;height:100%;left:0;top:0}.smart-tree smart-tree-items-group.filtered-child>.smart-tree-item-label-container>.smart-tree-item-label-element{font-weight:unset}.smart-tree .smart-tree-main-container{position:relative;width:100%;height:100%;overflow:hidden}.smart-tree .smart-tree-items-group-opened>.smart-tree-item-label-container>.smart-tree-items-group-arrow{transform:rotate(180deg)}.smart-tree .smart-tree-item-label-element{width:100%;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.smart-tree .smart-tree-item-label-element>span{position:relative;padding:var(--smart-tree-item-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-tree .smart-tree-item-label-element>span>smart-button button{padding:initial}.smart-tree .smart-tree-item-label-element>span>i{vertical-align:middle}.smart-tree .smart-tree-item-label-container{height:var(--smart-tree-item-label-height);position:relative;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:hidden}.smart-tree .smart-tree-edit-input{position:absolute;outline:0;margin:0 var(--smart-tree-item-horizontal-offset);border:1px solid var(--smart-border);width:calc(100% - 2 * var(--smart-tree-item-horizontal-offset));z-index:1}.smart-tree .smart-tree-edit-input::selection{background-color:var(--smart-ui-state-selected);color:var(--smart-ui-state-color-selected)}.smart-tree .smart-tree-filter-input-container{display:none;position:relative;width:calc(100% - 2 * var(--smart-tree-item-horizontal-offset));height:calc(var(--smart-text-box-default-height));margin:var(--smart-tree-item-vertical-offset) var(--smart-tree-item-horizontal-offset);font-size:inherit}.smart-tree .smart-tree-filter-input-container:after{content:var(--smart-icon-filter);font-family:var(--smart-font-family-icon);height:var(--smart-text-box-default-height);position:absolute;top:0;width:25px;display:flex;align-items:center;justify-content:center;left:calc(100% - 25px)}.smart-tree .smart-filter-input{border:1px solid var(--smart-border);color:inherit;background:inherit;width:100%;height:100%;padding-left:var(--smart-editor-label-padding);padding-right:calc(var(--smart-editor-label-padding) + 25px);font-size:inherit}.smart-tree .smart-filter-input:focus{outline:0}.smart-tree .smart-filter-input::selection{background-color:var(--smart-ui-state-selected);color:var(--smart-ui-state-color-selected)}.smart-tree .smart-tree-scroll-button{width:100%;height:var(--smart-tree-scroll-button-size);background-color:var(--smart-scroll-bar-button-background);--smart-button-padding:0}.smart-tree .smart-tree-scroll-button>button{border:none}.smart-tree .smart-scroll-viewer-container .smart-tree-main-container{padding-left:var(--smart-tree-item-horizontal-offset);padding-right:var(--smart-tree-item-horizontal-offset);padding-top:var(--smart-tree-item-vertical-offset)}.smart-tree .smart-scroll-viewer-container.vscroll .smart-tree-main-container{padding-right:var(--smart-tree-item-horizontal-offset)}.smart-tree .smart-scroll-viewer-content-container{display:block;padding:0}.smart-tree .smart-tree-drop-down{width:100%;height:auto;transform:none;transform:scaleY(1)}.smart-tree .smart-tree-drop-down.smart-visibility-hidden{margin-top:0;height:0;transform:scaleY(0)}.smart-tree .drop-target:after{content:"";position:absolute;box-sizing:border-box;border:2px dashed var(--smart-primary);width:100%;height:100%;left:0;top:0;pointer-events:none;opacity:.75}.smart-tree .drop-target.top:after{border:none;border-top:2px dashed var(--smart-primary)}.smart-tree .drop-target.bottom:after{border:none;border-bottom:2px dashed var(--smart-primary)}.smart-tree .smart-ripple{background:var(--smart-primary)}.smart-tree .smart-hidden{display:none!important}.smart-tree[overflow=hidden],.smart-tree[scroll-mode=scrollButtons]{--smart-scroll-bar-size:0px}.smart-tree[selection-mode=checkBox] smart-tree-item>.smart-tree-item-label-container:before,.smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container:before,.smart-tree[selection-mode=radioButton] smart-tree-item>.smart-tree-item-label-container:before,.smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container:before{content:"";transform:scale(0)}.smart-tree[selection-mode=checkBox] smart-tree-item>.smart-tree-item-label-container:after,.smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container:after,.smart-tree[selection-mode=radioButton] smart-tree-item>.smart-tree-item-label-container:after,.smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container:after{content:"";position:absolute;border:var(--smart-border-width) solid var(--smart-border);border-top-left-radius:var(--smart-border-top-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius);width:var(--smart-check-box-default-size);height:var(--smart-check-box-default-size);padding:1px;margin-left:5px;font-family:var(--smart-font-family-icon);justify-content:center;align-items:center;display:flex}.smart-tree[filterable] .smart-tree-filter-input-container,.smart-tree[scroll-mode=scrollButtons] .smart-tree-scroll-button{display:block}.smart-tree[selection-mode=checkBox] smart-tree-item[selected][focus]>.smart-tree-item-label-container:before,.smart-tree[selection-mode=checkBox] smart-tree-items-group[selected][focus]>.smart-tree-item-label-container:before,.smart-tree[selection-mode=radioButton] smart-tree-item[selected][focus]>.smart-tree-item-label-container:before,.smart-tree[selection-mode=radioButton] smart-tree-items-group[selected][focus]>.smart-tree-item-label-container:before{position:absolute;content:"";margin-left:5px;border-radius:50%;width:calc(var(--smart-check-box-default-size) + 16px);height:calc(var(--smart-check-box-default-size) + 16px);background:var(--smart-primary);opacity:.3;z-index:1;transform:scale(1)}.smart-tree[selection-mode=checkBox][show-lines] smart-tree-items-group>.smart-tree-item-label-container:after,.smart-tree[selection-mode=radioButton][show-lines] smart-tree-items-group>.smart-tree-item-label-container:after{margin-left:calc(var(--smart-tree-indent) + 5px)}.smart-tree[selection-mode=checkBox][show-lines] smart-tree-items-group[selected][focus]>.smart-tree-item-label-container:before,.smart-tree[selection-mode=radioButton][show-lines] smart-tree-items-group[selected][focus]>.smart-tree-item-label-container:before{margin-left:calc(var(--smart-tree-indent))}.smart-tree[selection-mode=checkBox][show-lines] smart-tree-item[selected][focus]>.smart-tree-item-label-container:before,.smart-tree[selection-mode=radioButton][show-lines] smart-tree-item[selected][focus]>.smart-tree-item-label-container:before{margin-left:0}.smart-tree[selection-mode=checkBox] smart-tree-item .smart-tree-item-label-element,.smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree[selection-mode=radioButton] smart-tree-item .smart-tree-item-label-element,.smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{padding-left:calc(var(--smart-tree-indent) + 10px)}.smart-tree[selection-mode=checkBox] .smart-tree-item-label-element>span,.smart-tree[selection-mode=radioButton] .smart-tree-item-label-element>span{padding-left:5px}.smart-tree[selection-mode=checkBox]:not([animation=none]) smart-tree-item>.smart-tree-item-label-container:before,.smart-tree[selection-mode=checkBox]:not([animation=none]) smart-tree-items-group>.smart-tree-item-label-container:before,.smart-tree[selection-mode=radioButton]:not([animation=none]) smart-tree-item>.smart-tree-item-label-container:before,.smart-tree[selection-mode=radioButton]:not([animation=none]) smart-tree-items-group>.smart-tree-item-label-container:before{transition:transform .25s ease-in-out}.smart-tree[selection-mode=checkBox][toggle-element-position=far] smart-tree-item[focus]>.smart-tree-item-label-container:before,.smart-tree[selection-mode=checkBox][toggle-element-position=far] smart-tree-items-group[focus]>.smart-tree-item-label-container:before,.smart-tree[selection-mode=radioButton][toggle-element-position=far] smart-tree-item[focus]>.smart-tree-item-label-container:before,.smart-tree[selection-mode=radioButton][toggle-element-position=far] smart-tree-items-group[focus]>.smart-tree-item-label-container:before{margin-left:-1px}.smart-tree[selection-mode=checkBox]:not([show-lines]) smart-tree-items-group>.smart-tree-item-label-container:after,.smart-tree[selection-mode=radioButton]:not([show-lines]) smart-tree-items-group>.smart-tree-item-label-container:after{margin-left:calc(var(--smart-check-box-default-size) + 5px)}.smart-tree[selection-mode=checkBox]:not([show-lines]):not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container:after,.smart-tree[selection-mode=checkBox]:not([show-lines]):not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container:after,.smart-tree[selection-mode=radioButton]:not([show-lines]):not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container:after,.smart-tree[selection-mode=radioButton]:not([show-lines]):not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container:after{margin-left:calc(var(--smart-check-box-default-size) - 5px)}.smart-tree[selection-mode=checkBox]:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-item .smart-tree-item-label-element>span,.smart-tree[selection-mode=radioButton]:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-item .smart-tree-item-label-element>span{padding:var(--smart-tree-item-padding)}.smart-tree[selection-mode=radioButton] smart-tree-item>.smart-tree-item-label-container:after,.smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container:after{border-radius:100%}.smart-tree[selection-mode=radioButton] smart-tree-item[selected]>.smart-tree-item-label-container:after,.smart-tree[selection-mode=radioButton] smart-tree-items-group[selected]>.smart-tree-item-label-container:after{content:var(--smart-icon-radio);background:var(--smart-primary);border-color:var(--smart-primary);color:var(--smart-primary-color)}.smart-tree[selection-mode=checkBox] smart-tree-item[selected]>.smart-tree-item-label-container:after,.smart-tree[selection-mode=checkBox] smart-tree-items-group[selected]>.smart-tree-item-label-container:after{background:var(--smart-primary);border-color:var(--smart-primary);color:var(--smart-primary-color);content:var(--smart-icon-check)}.smart-tree[selection-mode=checkBox] smart-tree-item[indeterminate]>.smart-tree-item-label-container:after,.smart-tree[selection-mode=checkBox] smart-tree-items-group[indeterminate]>.smart-tree-item-label-container:after{padding:2px;background-clip:content-box;width:calc(var(--smart-check-box-default-size) - 1px);height:calc(var(--smart-check-box-default-size) - 1px)}.smart-tree[filterable] smart-scroll-viewer{height:calc(100% - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset))}.smart-tree[filterable] smart-scroll-viewer.scroll-buttons-shown{height:calc(100% - 2 * var(--smart-tree-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset))}.smart-tree[filterable] smart-scroll-viewer.scroll-buttons-shown.one-button-shown{height:calc(100% - var(--smart-tree-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset))}.smart-tree[filter-applied] .smart-tree-item-label-element{font-weight:bolder}.smart-tree[filter-applied] smart-tree-items-group.hidden-children{cursor:not-allowed}.smart-tree:not([toggle-element-position=far]) smart-tree-items-group .smart-tree-items-group-arrow{opacity:1;z-index:1}.smart-tree[toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container{justify-content:space-between}.smart-tree[toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{order:0;margin-left:var(--smart-tree-indent)}.smart-tree[toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-items-group-arrow{order:1}.smart-tree:not([show-lines])[selection-mode=checkBox][toggle-element-position=far]:not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree:not([show-lines])[selection-mode=radioButton][toggle-element-position=far]:not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{margin-left:calc(var(--smart-tree-indent) - 11px)}.smart-tree:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{margin-left:-4px}.smart-tree:not([show-lines])[toggle-element-position=far]:not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{margin-left:calc(var(--smart-tree-indent) - 4px)}.smart-tree:not([show-lines]):not([selection-display-mode=label]):not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span{padding-left:0}.smart-tree[show-lines] smart-tree-item>.smart-tree-item-label-container,.smart-tree[show-lines] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree[show-lines] smart-tree-items-group>.smart-tree-item-label-container,.smart-tree[show-lines] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{position:relative;overflow:visible}.smart-tree[show-lines] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element:before,.smart-tree[show-lines] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element:before{content:"";position:absolute;border-left:var(--smart-tree-lines-width) var(--smart-tree-lines-style) var(--smart-tree-lines-color);height:300%;left:calc(0px - var(--smart-tree-indent));pointer-events:none}.smart-tree[show-lines] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element:after,.smart-tree[show-lines] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element:after{content:"";position:absolute;border-top:var(--smart-tree-lines-width) var(--smart-tree-lines-style) var(--smart-tree-lines-color);pointer-events:none;width:var(--smart-tree-indent);left:calc(0px - var(--smart-tree-indent))}.smart-tree:not([selection-display-mode=label]) smart-tree-item,.smart-tree:not([selection-display-mode=label]) smart-tree-items-group>.smart-tree-item-label-container,.smart-tree[selection-display-mode=label] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span,.smart-tree[selection-display-mode=label] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span{border-top-left-radius:var(--smart-item-border-top-left-radius);border-top-right-radius:var(--smart-item-border-top-right-radius);border-bottom-left-radius:var(--smart-item-border-bottom-left-radius);border-bottom-right-radius:var(--smart-item-border-bottom-right-radius);border-width:var(--smart-item-border-width);border-style:solid;margin-bottom:var(--smart-tree-item-vertical-offset)}.smart-tree[show-lines] smart-tree-item.last-filtered-child>.smart-tree-item-label-container>.smart-tree-item-label-element:before,.smart-tree[show-lines] smart-tree-item:last-child>.smart-tree-item-label-container>.smart-tree-item-label-element:before,.smart-tree[show-lines] smart-tree-items-group.last-filtered-child>.smart-tree-item-label-container>.smart-tree-item-label-element:before,.smart-tree[show-lines] smart-tree-items-group:last-child>.smart-tree-item-label-container>.smart-tree-item-label-element:before{height:150%;top:-100%}.smart-tree[show-lines] smart-tree-item{padding-left:var(--smart-tree-indent)}.smart-tree[show-lines] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{width:calc(100% - var(--smart-tree-indent))}.smart-tree[show-lines]:not([show-root-lines]) smart-tree-item[level="1"] .smart-tree-item-label-element:after,.smart-tree[show-lines]:not([show-root-lines]) smart-tree-item[level="1"] .smart-tree-item-label-element:before,.smart-tree[show-lines]:not([show-root-lines]) smart-tree-items-group[level="1"]>.smart-tree-item-label-container>.smart-tree-item-label-element:after,.smart-tree[show-lines]:not([show-root-lines]) smart-tree-items-group[level="1"]>.smart-tree-item-label-container>.smart-tree-item-label-element:before{content:none}.smart-tree[show-lines][show-root-lines] smart-tree-item[level="1"] .smart-tree-item-label-element:after,.smart-tree[show-lines][show-root-lines] smart-tree-item[level="1"] .smart-tree-item-label-element:before,.smart-tree[show-lines][show-root-lines] smart-tree-items-group[level="1"]>.smart-tree-item-label-container>.smart-tree-item-label-element:after,.smart-tree[show-lines][show-root-lines] smart-tree-items-group[level="1"]>.smart-tree-item-label-container>.smart-tree-item-label-element:before{pointer-events:none}.smart-tree[show-lines] .smart-tree-items-group-expanded:not(:last-child):not(.last-filtered-child)>.smart-tree-item-label-container>.smart-tree-item-label-element:before{height:3000px;z-index:1}.smart-tree:not([selection-display-mode=label]) smart-tree-item{border-color:transparent}.smart-tree:not([selection-display-mode=label]) smart-tree-item[focus]{color:var(--smart-ui-state-color-focus);background-color:var(--smart-ui-state-focus);border-color:var(--smart-ui-state-border-focus)}.smart-tree:not([selection-display-mode=label]) smart-tree-item[selected]{border-color:var(--smart-ui-state-border-selected);background-color:var(--smart-ui-state-selected);color:var(--smart-ui-state-color-selected)}.smart-tree:not([selection-display-mode=label]) smart-tree-items-group>.smart-tree-item-label-container{border-color:transparent}.smart-tree:not([selection-display-mode=label]) smart-tree-items-group[focus]>.smart-tree-item-label-container{color:var(--smart-ui-state-color-focus);background-color:var(--smart-ui-state-focus);border-color:var(--smart-ui-state-border-focus)}.smart-tree:not([selection-display-mode=label]) smart-tree-items-group[selected]>.smart-tree-item-label-container{border-color:var(--smart-ui-state-border-selected);background-color:var(--smart-ui-state-selected);color:var(--smart-ui-state-color-selected)}.smart-tree:not([selection-display-mode=label]):not([animation=none]) smart-tree-item,.smart-tree:not([selection-display-mode=label]):not([animation=none]) smart-tree-items-group>.smart-tree-item-label-container{transition:color ease-in-out .28s,border-color ease-in-out .28s,background ease-in-out .28s}.smart-tree[selection-display-mode=label] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span,.smart-tree[selection-display-mode=label] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span{border-color:transparent;margin-top:var(--smart-tree-item-vertical-offset)}.smart-tree[selection-display-mode=label] smart-tree-item[focus]>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple),.smart-tree[selection-display-mode=label] smart-tree-items-group[focus]>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple){color:var(--smart-ui-state-color-focus);background-color:var(--smart-ui-state-focus);border-color:var(--smart-ui-state-border-focus)}.smart-tree[selection-display-mode=label] smart-tree-items-group .smart-tree-items-group-arrow{top:calc(-.5px - var(--smart-tree-item-border-width)/ 2)}.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([right-to-left]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span,.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span,.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([right-to-left]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span,.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([right-to-left]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span{margin-left:5px;padding:var(--smart-tree-item-padding)}.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element{padding-left:calc(var(--smart-tree-indent) + 15px)}.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{padding-left:calc(var(--smart-tree-indent) + 3px)}.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left])[toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left])[toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{margin-left:0}.smart-tree[selection-display-mode=label]:not([selection-mode=checkBox]):not([selection-mode=radioButton]) smart-tree-item[selected]>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple),.smart-tree[selection-display-mode=label]:not([selection-mode=checkBox]):not([selection-mode=radioButton]) smart-tree-items-group[selected]>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple){background-color:var(--smart-ui-state-selected);color:var(--smart-ui-state-color-selected);border-color:var(--smart-ui-state-border-selected)}.smart-tree[selection-display-mode=label]:not([show-lines]):not([right-to-left]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span{margin:var(--smart-tree-item-padding);margin-right:0;margin-top:0;margin-top:var(--smart-tree-item-vertical-offset);margin-bottom:var(--smart-tree-item-vertical-offset)}.smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span,.smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span{transition:color ease-in-out .28s,background ease-in-out .28s,border-color ease-in-out .28s}.smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-item[focus]:not([selected])>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple),.smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-items-group[focus]:not([selected])>.smart-tree-item-label-container>.smart-tree-item-label-element>span:not(.smart-ripple){transition:color ease-in-out .28s,border-color ease-in-out .28s,background ease-in-out .28s}.smart-tree[auto-hide-toggle-element] .hidden-arrows smart-tree-items-group .smart-tree-items-group-arrow{opacity:0}.smart-tree:not([animation=none]) .smart-tree-drop-down{-webkit-transform-origin:top;transform-origin:top;transition:height .2s ease-in,transform .2s ease-in,visibility .2s ease-in}.smart-tree:not([animation=none]) .smart-tree-item-label-container>.smart-tree-items-group-arrow{transition:transform .2s ease-in}.smart-tree:not([animation=none])[auto-hide-toggle-element] .smart-tree-item-label-container>.smart-tree-items-group-arrow{transition:transform .2s ease-in,opacity .2s ease-in}@media (hover:hover){.smart-tree[selection-mode=checkBox] smart-tree-item:hover>.smart-tree-item-label-container>.smart-tree-item-label-element span.smart-ripple,.smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container:hover>.smart-tree-item-label-element span.smart-ripple,.smart-tree[selection-mode=radioButton] smart-tree-item:hover>.smart-tree-item-label-container>.smart-tree-item-label-element span.smart-ripple,.smart-tree[selection-mode=radioButton] smart-tree-items-group>.smart-tree-item-label-container:hover>.smart-tree-item-label-element span.smart-ripple{background-color:var(--smart-ui-state-selected)}.smart-tree[selection-mode=checkBox] smart-tree-item:hover>.smart-tree-item-label-container:after,.smart-tree[selection-mode=checkBox] smart-tree-items-group>.smart-tree-item-label-container:hover:after{color:var(--smart-background-color);background-color:var(--smart-background);border-color:var(--smart-border)}.smart-tree[selection-mode=checkBox] smart-tree-item[indeterminate]:not(:hover)>.smart-tree-item-label-container:after,.smart-tree[selection-mode=checkBox] smart-tree-items-group[indeterminate]>.smart-tree-item-label-container:not(:hover):after{background-color:var(--smart-ui-state-selected)}.smart-tree[selection-mode=radioButton] smart-tree-item:not([selected]):hover>.smart-tree-item-label-container:after,.smart-tree[selection-mode=radioButton] smart-tree-items-group:not([selected])>.smart-tree-item-label-container:hover:after{color:var(--smart-background-color);background-color:var(--smart-background);border-color:var(--smart-border)}.smart-tree:not([selection-display-mode=label]) smart-tree-item:not([selected])[hover],.smart-tree:not([selection-display-mode=label]) smart-tree-items-group:not([selected])[hover]>.smart-tree-item-label-container,.smart-tree:not([selection-display-mode=label]):not([disable-hover]) smart-tree-item:not([selected]):hover,.smart-tree:not([selection-display-mode=label]):not([disable-hover]) smart-tree-items-group:not([selected])>.smart-tree-item-label-container:hover,.smart-tree[selection-display-mode=label] smart-tree-item:not([selected])[hover]>.smart-tree-item-label-container>.smart-tree-item-label-element>span,.smart-tree[selection-display-mode=label] smart-tree-items-group:not([selected])[hover]>.smart-tree-item-label-container,.smart-tree[selection-display-mode=label]:not([disable-hover]) smart-tree-item:not([selected]):hover>.smart-tree-item-label-container>.smart-tree-item-label-element>span{color:var(--smart-ui-state-color-hover);background-color:var(--smart-ui-state-hover);border-color:var(--smart-ui-state-border-hover)}}.smart-tree-item-feedback{position:absolute;display:flex;align-items:center;box-shadow:var(--smart-elevation-8);border:1px solid var(--smart-border);padding:5px;color:var(--smart-background-color);background-color:var(--smart-background);white-space:nowrap;cursor:move;z-index:10000}.smart-tree-item-feedback.multiple{font-family:var(--smart-font-family-icon);font-size:26px}.smart-hidden{display:none!important}.smart-tree-drop-down-button{display:inline-block;cursor:pointer}.smart-window.smart-tree-popup{transition:opacity .2s,transform .2s ease-out;opacity:0;font-family:var(--smart-font-family);font-size:var(--smart-font-size);transform:scaleY(0)!important;transform-origin:top!important;--smart-window-content-padding:0px;--smart-window-header-height:0px;box-shadow:none;position:absolute;border:none;border-radius:0}.smart-window.smart-tree-popup.open{transform:scale(1)!important;opacity:1}.smart-tree smart-tree-items-group[right-to-left] smart-tree-item .smart-tree-item-label-element,.smart-tree smart-tree-items-group[right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{padding-left:initial;padding-right:calc(var(--smart-tree-indent) + 10px)}.smart-tree smart-tree-items-group[right-to-left] smart-tree-item>.smart-tree-item-label-container:after{margin-left:-5px}.smart-tree smart-tree-items-group[right-to-left] smart-tree-items-group>.smart-tree-item-label-container:after{margin-left:calc(0px - var(--smart-check-box-default-size) - 5px)}.smart-tree smart-tree-items-group[right-to-left] smart-tree-item[focus]>.smart-tree-item-label-container:before,.smart-tree smart-tree-items-group[right-to-left] smart-tree-items-group[focus]>.smart-tree-item-label-container:before{margin-left:-3px}.smart-tree smart-tree-items-group[right-to-left][show-lines] smart-tree-item[focus]>.smart-tree-item-label-container:before,.smart-tree smart-tree-items-group[right-to-left][toggle-element-position=far] smart-tree-item[focus]>.smart-tree-item-label-container:before,.smart-tree smart-tree-items-group[right-to-left][toggle-element-position=far] smart-tree-items-group[focus]>.smart-tree-item-label-container:before{margin-left:1px}.smart-tree smart-tree-items-group[right-to-left][show-lines] smart-tree-items-group[focus]>.smart-tree-item-label-container:before{margin-left:calc(1px - var(--smart-check-box-default-size))}.smart-tree[toggle-element-position=far][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{margin-left:initial;margin-right:var(--smart-tree-indent)}.smart-tree:not([show-lines])[selection-mode=checkBox][toggle-element-position=far][right-to-left] smart-tree-item .smart-tree-item-label-element,.smart-tree:not([show-lines])[selection-mode=checkBox][toggle-element-position=far][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree:not([show-lines])[selection-mode=radioButton][toggle-element-position=far][right-to-left] smart-tree-item .smart-tree-item-label-element,.smart-tree:not([show-lines])[selection-mode=radioButton][toggle-element-position=far][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{padding-right:calc(var(--smart-tree-indent) + 4px)}.smart-tree:not([show-lines]):not([toggle-element-position=far])[right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{margin-right:-4px}.smart-tree:not([show-lines])[toggle-element-position=far][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{margin-right:calc(var(--smart-tree-indent) - 4px)}.smart-tree:not([show-lines]):not([selection-display-mode=label])[right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element>span{padding-right:0}.smart-tree[show-lines][right-to-left] smart-tree-item{padding-left:0;padding-right:var(--smart-tree-indent)}.smart-tree[show-lines][right-to-left] smart-tree-item .smart-tree-item-label-element:after,.smart-tree[show-lines][right-to-left] smart-tree-item .smart-tree-item-label-element:before,.smart-tree[show-lines][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element:after,.smart-tree[show-lines][right-to-left] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element:before{right:calc(0px - var(--smart-tree-indent));left:initial}.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element{padding-right:calc(var(--smart-tree-indent) + 15px)}.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{padding-right:calc(var(--smart-tree-indent) + 3px)}.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element,.smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-items-group>.smart-tree-item-label-container>.smart-tree-item-label-element{margin-right:5px}.smart-tree[selection-display-mode=label]:not([show-lines])[right-to-left] smart-tree-item>.smart-tree-item-label-container>.smart-tree-item-label-element>span{margin:var(--smart-tree-item-padding);margin-left:0;margin-top:var(--smart-tree-item-vertical-offset);margin-bottom:var(--smart-tree-item-vertical-offset)}.smart-tree[right-to-left] smart-tree-items-group .smart-tree-items-group-arrow{right:calc(1px - var(--smart-tree-indent)/ 2);left:initial}.smart-tree[right-to-left] .smart-tree-filter-input-container:after{left:0}.smart-tree[right-to-left] .smart-tree-item-label-container{flex-direction:row-reverse;position:relative;overflow:visible}.smart-tree[right-to-left] .smart-filter-input{direction:rtl;padding-right:1px;padding-left:25px}.smart-tree[right-to-left] .smart-tree-edit-input{direction:rtl}.smart-tree[right-to-left] .smart-tree-item-label-element{direction:rtl;position:relative;overflow:visible}