@syncfusion/ej2/drop-down-tree/fabric.css

A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.

@keyframes material-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fabric-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}/*! TreeView's fabric theme wise override definitions and variables */.e-treeview .e-list-item div.e-icons.interaction{-webkit-transition:-webkit-transform .3s ease-in-out;border-radius:15px;transition:transform .3s ease-in-out}.e-treeview .e-list-item .e-icons.e-icon-collapsible{transform:rotate(90deg)}.e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next{transform:rotate(180deg)}.e-treeview.e-rtl div.e-icons{transform:rotate(180deg)}.e-dropdownbase .e-list-item .e-list-icon{padding:0 10px 0 0}.e-bigger .e-dropdownbase .e-list-item .e-list-icon,.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon{padding:0 12px 0 0}.e-small .e-dropdownbase .e-list-item .e-list-icon{padding:0 8px 0 0}.e-ddt .e-ddt-icon::before{content:'\e966'}.e-ddt .e-chips-close::before{content:'\e7a7'}.e-ddt{cursor:pointer;outline:none}.e-ddt .e-ddt-icon::before{transform:rotate(0deg);transition:transform 300ms ease}.e-ddt.e-icon-anim .e-ddt-icon::before{transform:rotate(180deg);transition:transform 300ms ease}.e-ddt .e-ddt-hidden{border:0;height:0;visibility:hidden;width:0}.e-ddt.e-input-group.e-control-wrapper .e-clear-icon,.e-ddt.e-float-input.e-control-wrapper .e-clear-icon{box-sizing:content-box;min-height:30px}.e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon,.e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon{border:0}.e-ddt.e-input-group.e-control-wrapper .e-icon-hide,.e-ddt.e-float-input.e-control-wrapper .e-icon-hide{display:none}.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,.e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,.e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,.e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon{bottom:0;position:absolute;right:0}.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,.e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,.e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,.e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon{right:30px}.e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,.e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,.e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,.e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon{bottom:0;position:absolute;right:0}.e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,.e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input,.e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,.e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input,.e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,.e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input,.e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,.e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input{padding-left:0;padding-right:0}.e-ddt .e-chips-wrapper{width:100%}.e-ddt.e-show-chip .e-chips-close{line-height:21px;min-height:26px;min-width:18px;text-align:center}.e-ddt.e-show-chip .e-chips-close::before{font-size:10px;vertical-align:middle}.e-ddt.e-show-chip .e-chips{-ms-flex-align:center;align-items:center;border-radius:0;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;float:left;height:26px;margin:2px 1px;max-width:calc(100% - 2px);overflow:hidden;padding:0 4px 0 4px;text-overflow:ellipsis;white-space:nowrap}.e-ddt.e-show-chip .e-chips>.e-chipcontent{max-width:100%;overflow:hidden;padding:0 4px 0 4px;text-indent:0;text-overflow:ellipsis;white-space:nowrap;line-height:26px}.e-ddt .e-overflow{white-space:nowrap}.e-ddt .e-overflow.e-show-text{padding:6px 10px 0 10px}.e-ddt .e-overflow.e-total-count{box-sizing:border-box;display:inline-block;overflow:hidden;text-overflow:ellipsis}.e-ddt .e-overflow.e-total-count .e-remain{padding:0 16px 0 0}.e-ddt .e-overflow.e-wrap-count{padding-top:6px}.e-ddt .e-overflow .e-remain{cursor:pointer;display:inline-block;font-size:14px;padding:0 0 0 16px}.e-ddt .e-overflow .e-remain.e-wrap-count{padding-top:6px}.e-ddt.e-show-chip .e-overflow.e-total-count .e-remain{padding:6px 10px 0 10px}.e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child{margin-right:30px;max-width:calc(100% - 31px)}.e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child{margin-right:30px;max-width:calc(100% - 31px)}.e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child{margin-right:60px;max-width:calc(100% - 61px)}.e-ddt input[readonly],.e-ddt .e-dropdowntree,.e-ddt input[readonly].e-input{pointer-events:none}.e-ddt input[readonly].e-chip-input,.e-ddt .e-dropdowntree.e-chip-input,.e-ddt input[readonly].e-input.e-chip-input{width:0}.e-ddt.e-popup{border:1px solid #eaeaea;box-shadow:0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 0px rgba(0,0,0,0.14),0 3px 14px 0px rgba(0,0,0,0.12);position:absolute}.e-ddt.e-popup .e-selectall-parent{border-bottom:1px solid;cursor:pointer;display:block;line-height:36px;overflow:hidden;position:relative;text-indent:38px;white-space:nowrap;width:100%}.e-ddt.e-popup .e-selectall-parent.e-hide-selectall{display:none}.e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper{position:relative;text-indent:0}.e-ddt.e-popup .e-selectall-parent .e-all-text{font-family:inherit;font-size:14px;margin:10px}.e-ddt.e-popup .e-filter-wrap .e-input,.e-ddt.e-popup .e-filter-wrap .e-input:focus{padding:0 12px}.e-ddt.e-popup .e-filter-wrap{border:1px solid #c8c8c8;border-top-width:0;display:block;padding:5px}.e-ddt.e-popup .e-filter-wrap{border-left-width:0;border-right-width:0}.e-ddt.e-popup .e-filter-wrap .e-input-group{margin-bottom:0}.e-ddt.e-popup .e-popup-content{overflow:auto;position:relative}.e-ddt.e-popup .e-popup-content .e-ddt-nodata{display:none}.e-ddt.e-popup .e-popup-content.e-no-data{cursor:default;font-family:inherit;font-size:14px;padding:14px 16px;text-align:center}.e-ddt.e-popup .e-popup-content.e-no-data .e-treeview{display:none}.e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata{display:block}.e-ddt.e-popup .e-treeview{display:inline-table;width:100%}.e-ddt.e-popup .e-treeview .e-list-item{padding:0}.e-ddt.e-popup .e-treeview .e-list-item .e-ul{margin:0;padding:0 0 0 14px}.e-ddt.e-popup .e-treeview .e-fullrow{height:36px}.e-ddt.e-popup .e-treeview>.e-ul{overflow:hidden;padding:0 8px}.e-ddt.e-popup .e-treeview.e-fullrow-wrap .e-text-content{padding-bottom:2px;padding-top:2px}.e-ddt.e-popup .e-ddt-footer,.e-ddt.e-popup .e-ddt-header{cursor:default}.e-ddt.e-rtl.e-show-chip .e-chips{float:right}.e-ddt.e-rtl.e-show-chip .e-overflow .e-remain,.e-ddt.e-rtl.e-show-text .e-overflow .e-remain{padding:0 16px 0 0}.e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count,.e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count{padding-top:6px}.e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count,.e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count{position:absolute;right:auto}.e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain{padding:0 0 0 16px}.e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain{padding:6px 10px 0 10px}.e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child{margin-left:30px;margin-right:1px}.e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child{margin-left:30px;margin-right:1px}.e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child{margin-left:60px;margin-right:1px}.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon{left:0;right:auto}.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,.e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,.e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon{left:30px}.e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul{padding:0 14px 0 0}.e-bigger .e-ddt .e-chips,.e-ddt.e-bigger .e-chips{height:34px}.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,.e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,.e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon{right:38px}.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,.e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,.e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon{bottom:0}.e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon,.e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,.e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,.e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon{min-height:38px}.e-bigger .e-ddt .e-overflow.e-show-text,.e-ddt.e-bigger .e-overflow.e-show-text{padding:8px 12px 0 12px}.e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,.e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child{margin-right:38px;max-width:calc(100% - 39px)}.e-bigger .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child,.e-ddt.e-bigger.e-show-clear .e-chips-wrapper .e-chips:last-child{margin-right:38px;max-width:calc(100% - 39px)}.e-bigger .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,.e-ddt.e-bigger.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child{margin-right:76px;max-width:calc(100% - 77px)}.e-bigger .e-ddt.e-popup .e-selectall-parent,.e-ddt.e-bigger.e-popup .e-selectall-parent{text-indent:43px}.e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,.e-ddt.e-bigger.e-popup .e-treeview .e-fullrow{height:44px}.e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,.e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child{margin-left:38px;margin-right:1px}.e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,.e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child{margin-left:38px;margin-right:1px}.e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,.e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child{margin-left:76px;margin-right:1px}.e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,.e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,.e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,.e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon{left:38px;right:auto}.e-ddt .e-chips{background-color:#f4f4f4}.e-ddt .e-chips .e-chips-close::before{color:#666}.e-ddt .e-chips>.e-chipcontent{color:#666}.e-ddt .e-chips:hover{background-color:#eaeaea}.e-ddt .e-chips:hover>.e-chipcontent{color:#666}.e-ddt .e-overflow .e-remain{color:#666}.e-ddt.e-input-group.e-control-wrapper .e-clear-icon,.e-ddt.e-float-input.e-control-wrapper .e-clear-icon{background-color:#fff}.e-ddt.e-popup{background:#fff;border-color:#eaeaea}.e-ddt.e-popup .e-popup-content.e-no-data{color:#333}.e-ddt.e-popup .e-selectall-parent{border-bottom-color:#eaeaea}.e-ddt.e-popup .e-selectall-parent .e-all-text{color:rgba(51,51,51,0.87)}