@syncfusion/ej2/treeview/bootstrap.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.

/*! TreeView's bootstrap 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)}/*! TreeView icons */.e-treeview .e-list-item div.e-icons::before{content:'\e230'}.e-treeview .e-sibling::before{content:''}.e-treeview .e-popup .e-icons::before{content:'\e930'}.e-treeview.e-drag-item .e-icons.e-drop-in::before{content:'\e22c'}.e-treeview.e-drag-item .e-icons.e-drop-out::before{content:'\e22b'}.e-treeview.e-drag-item .e-icons.e-drop-next::before{content:'\e22d'}.e-treeview.e-drag-item .e-icons.e-no-drop::before{content:'\e22a'}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.e-bigger .e-treeview .e-navigable .e-text-content,.e-treeview.e-bigger .e-navigable .e-text-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.e-bigger .e-treeview .e-navigable .e-list-text,.e-treeview.e-bigger .e-navigable .e-list-text{padding:0;width:100%}.e-bigger .e-treeview .e-navigable .e-checkbox-wrapper+.e-list-text,.e-treeview.e-bigger .e-navigable .e-checkbox-wrapper+.e-list-text{padding:0}.e-bigger .e-treeview .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-icon,.e-bigger .e-treeview .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-img,.e-treeview.e-bigger .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-icon,.e-treeview.e-bigger .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-img{margin:0 10px 0 6px}.e-bigger .e-treeview .e-navigable .e-anchor-wrap,.e-treeview.e-bigger .e-navigable .e-anchor-wrap{padding:0 0 0 10px}.e-bigger .e-treeview .e-navigable .e-list-icon,.e-bigger .e-treeview .e-navigable .e-list-img,.e-bigger .e-treeview .e-navigable .e-list-icon+.e-list-img,.e-treeview.e-bigger .e-navigable .e-list-icon,.e-treeview.e-bigger .e-navigable .e-list-img,.e-treeview.e-bigger .e-navigable .e-list-icon+.e-list-img{margin:0 10px 0 0}.e-bigger .e-treeview .e-fullrow,.e-treeview.e-bigger .e-fullrow{height:40px}.e-bigger .e-treeview .e-list-text,.e-treeview.e-bigger .e-list-text{line-height:38px;min-height:38px;padding:0 10px}.e-bigger .e-treeview .e-list-text .e-input-group,.e-treeview.e-bigger .e-list-text .e-input-group{height:38px}.e-bigger .e-treeview .e-list-text .e-input-group .e-input,.e-treeview.e-bigger .e-list-text .e-input-group .e-input{height:36px}.e-bigger .e-treeview .e-checkbox-wrapper,.e-treeview.e-bigger .e-checkbox-wrapper{margin:0 0 0 10px}.e-bigger .e-treeview .e-checkbox-wrapper+.e-list-icon,.e-bigger .e-treeview .e-checkbox-wrapper+.e-list-img,.e-treeview.e-bigger .e-checkbox-wrapper+.e-list-icon,.e-treeview.e-bigger .e-checkbox-wrapper+.e-list-img{margin:0 0 0 16px}.e-bigger .e-treeview .e-list-icon,.e-bigger .e-treeview .e-list-img,.e-treeview.e-bigger .e-list-icon,.e-treeview.e-bigger .e-list-img{margin:0 0 0 10px}.e-bigger .e-treeview .e-list-icon+.e-list-icon,.e-bigger .e-treeview .e-list-icon+.e-list-img,.e-bigger .e-treeview .e-list-img+.e-list-icon,.e-bigger .e-treeview .e-list-img+.e-list-img,.e-treeview.e-bigger .e-list-icon+.e-list-icon,.e-treeview.e-bigger .e-list-icon+.e-list-img,.e-treeview.e-bigger .e-list-img+.e-list-icon,.e-treeview.e-bigger .e-list-img+.e-list-img{margin:0 0 0 10px}.e-bigger .e-treeview .e-icon-collapsible::before,.e-bigger .e-treeview .e-icon-expandable::before,.e-treeview.e-bigger .e-icon-collapsible::before,.e-treeview.e-bigger .e-icon-expandable::before{padding:7px}.e-bigger .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-icon,.e-bigger .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-img,.e-treeview.e-bigger.e-rtl .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-icon,.e-treeview.e-bigger.e-rtl .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-img{margin:0 6px 0 10px}.e-bigger .e-treeview.e-rtl .e-navigable .e-anchor-wrap,.e-treeview.e-bigger.e-rtl .e-navigable .e-anchor-wrap{padding:0 10px 0 0}.e-bigger .e-treeview.e-rtl .e-navigable .e-list-icon,.e-bigger .e-treeview.e-rtl .e-navigable .e-list-img,.e-bigger .e-treeview.e-rtl .e-navigable .e-list-icon+.e-list-img,.e-treeview.e-bigger.e-rtl .e-navigable .e-list-icon,.e-treeview.e-bigger.e-rtl .e-navigable .e-list-img,.e-treeview.e-bigger.e-rtl .e-navigable .e-list-icon+.e-list-img{margin:0 0 0 10px}.e-bigger .e-treeview.e-rtl .e-checkbox-wrapper,.e-treeview.e-bigger.e-rtl .e-checkbox-wrapper{margin:0 10px 0 0}.e-bigger .e-treeview.e-rtl .e-checkbox-wrapper+.e-list-icon,.e-bigger .e-treeview.e-rtl .e-checkbox-wrapper+.e-list-img,.e-treeview.e-bigger.e-rtl .e-checkbox-wrapper+.e-list-icon,.e-treeview.e-bigger.e-rtl .e-checkbox-wrapper+.e-list-img{margin:0 16px 0 0}.e-bigger .e-treeview.e-rtl .e-list-icon,.e-bigger .e-treeview.e-rtl .e-list-img,.e-treeview.e-bigger.e-rtl .e-list-icon,.e-treeview.e-bigger.e-rtl .e-list-img{margin:0 10px 0 0}.e-bigger .e-treeview.e-rtl .e-list-icon+.e-list-icon,.e-bigger .e-treeview.e-rtl .e-list-icon+.e-list-img,.e-bigger .e-treeview.e-rtl .e-list-img+.e-list-icon,.e-bigger .e-treeview.e-rtl .e-list-img+.e-list-img,.e-treeview.e-bigger.e-rtl .e-list-icon+.e-list-icon,.e-treeview.e-bigger.e-rtl .e-list-icon+.e-list-img,.e-treeview.e-bigger.e-rtl .e-list-img+.e-list-icon,.e-treeview.e-bigger.e-rtl .e-list-img+.e-list-img{margin:0 10px 0 0}.e-treeview{display:block;overflow:hidden;position:relative;white-space:nowrap}.e-treeview>.e-ul{-webkit-overflow-scrolling:touch;overflow:auto}.e-treeview .e-ul{margin:0;padding:0 0 0 24px}.e-treeview li.e-node-collapsed .e-list-item .e-fullrow{display:none}.e-treeview .e-display-none{display:none}.e-treeview .e-list-item{list-style:none;padding:2px 0}.e-treeview .e-list-item .e-ul{margin:2px 0 -2px;padding:0 0 0 24px}.e-treeview .e-list-item.e-disable>.e-text-content,.e-treeview .e-list-item.e-disable>.e-fullrow{-ms-touch-action:none;filter:alpha(opacity=50);opacity:.5;pointer-events:none;touch-action:none}.e-treeview .e-list-item .e-icons.e-icons-spinner::before{content:none}.e-treeview .e-icons .e-spinner-pane{position:relative}.e-treeview .e-text-content{-ms-user-select:none;-webkit-user-select:none;user-select:none;border:1px solid;cursor:pointer;margin:0;padding:0 0 0 24px}.e-treeview .e-fullrow{-ms-user-select:none;-webkit-user-select:none;user-select:none;border:1px solid;box-sizing:border-box;cursor:pointer;height:32px;left:0;overflow:hidden;position:absolute;width:100%}.e-treeview .e-checkbox-wrapper{margin:0 0 0 5px;pointer-events:all;position:relative}.e-treeview .e-checkbox-wrapper+.e-list-icon,.e-treeview .e-checkbox-wrapper+.e-list-img{margin:0 0 0 12px}.e-treeview .e-checkbox-wrapper+.e-list-text{padding:0 10px}.e-treeview .e-checkbox-wrapper .e-ripple-container{bottom:-7px;height:32px;left:-7px;right:-7px;top:-7px;width:32px}.e-treeview .e-list-text{box-sizing:border-box;display:inline-block;line-height:30px;margin:0;min-height:30px;padding:0 5px;text-decoration:none;vertical-align:middle}.e-treeview .e-list-text .e-input-group{height:30px;margin-bottom:0;min-width:150px;vertical-align:bottom}.e-treeview .e-list-text .e-input-group .e-input{height:28px}.e-treeview .e-list-icon,.e-treeview .e-list-img{display:inline-block;height:18px;margin:0 0 0 5px;vertical-align:middle;width:18px}.e-treeview .e-list-icon+.e-list-icon,.e-treeview .e-list-icon+.e-list-img,.e-treeview .e-list-img+.e-list-icon,.e-treeview .e-list-img+.e-list-img{margin:0 0 0 10px}.e-treeview .e-list-icon+.e-list-text,.e-treeview .e-list-img+.e-list-text{padding:0 10px}.e-treeview .e-icon-collapsible,.e-treeview .e-icon-expandable{display:inline-block;height:24px;margin:0 0 0 -24px;vertical-align:middle;width:24px}.e-treeview .e-icon-collapsible::before,.e-treeview .e-icon-expandable::before{display:inline-block;padding:8px}.e-treeview .e-load{animation:rotation .5s infinite linear}.e-treeview .e-sibling{border:4px solid transparent;height:6px;margin-top:-5px;position:absolute;width:6px;z-index:2}.e-treeview .e-text-content+.e-sibling{margin-top:-1px}.e-treeview .e-sibling::before{left:0;height:1px;position:absolute;width:144px;z-index:2}.e-treeview .e-popup{-ms-user-select:none;-webkit-user-select:none;user-select:none;font-weight:normal;position:absolute;z-index:99999}.e-treeview .e-popup .e-content{border-radius:4px;border-style:solid;border-width:1px;font-size:14px;padding:4px}.e-treeview .e-popup .e-icons{border:1px solid transparent;cursor:pointer;display:inline-block;height:26px;line-height:18px;padding:4px;width:26px}.e-treeview .e-popup .e-downtail::before,.e-treeview .e-popup .e-downtail::after{border:10px solid transparent;content:'';height:0;left:8px;position:absolute;width:0}.e-treeview .e-popup .e-downtail::after{bottom:-18px}.e-treeview.e-fullrow-wrap .e-text-content{pointer-events:none;position:relative}.e-treeview.e-fullrow-wrap .e-icon-collapsible,.e-treeview.e-fullrow-wrap .e-icon-expandable,.e-treeview.e-fullrow-wrap .e-input,.e-treeview.e-fullrow-wrap .e-list-url{pointer-events:auto}.e-treeview .e-navigable .e-text-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.e-treeview .e-navigable .e-list-url{padding:0;width:100%}.e-treeview .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap{padding:0 0 0 10px}.e-treeview .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-icon,.e-treeview .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-img{margin:0 10px 0 2px}.e-treeview .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-icon+.e-list-img{margin:0 10px 0 0}.e-treeview .e-navigable .e-anchor-wrap{padding:0 0 0 5px}.e-treeview .e-navigable .e-list-icon,.e-treeview .e-navigable .e-list-img{margin:0 10px 0 0}.e-treeview.e-drag-item{overflow:visible;z-index:10000}.e-treeview.e-drag-item .e-text-content{float:left}.e-treeview.e-drag-item .e-icon-collapsible::before,.e-treeview.e-drag-item .e-icon-expandable::before{font-size:12px;padding:6px}.e-treeview.e-drag-item .e-drop-count{border:1px solid;border-radius:15px;box-sizing:content-box;font-size:13px;line-height:normal;min-width:12px;padding:3px 5px 4px;margin-left:-12px;position:absolute;text-align:center;top:-10px}.e-treeview.e-dragging .e-text-content,.e-treeview.e-dragging .e-fullrow{cursor:default}.e-treeview.e-rtl .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap{padding:0 10px 0 0}.e-treeview.e-rtl .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-icon,.e-treeview.e-rtl .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-img{margin:0 2px 0 10px}.e-treeview.e-rtl .e-navigable .e-checkbox-wrapper+.e-list-url .e-anchor-wrap .e-list-icon+.e-list-img{margin:0 0 0 10px}.e-treeview.e-rtl .e-navigable .e-anchor-wrap{padding:0 5px 0 0}.e-treeview.e-rtl .e-navigable .e-list-icon,.e-treeview.e-rtl .e-navigable .e-list-img,.e-treeview.e-rtl .e-navigable .e-list-icon+.e-list-img{margin:0 0 0 10px}.e-treeview.e-rtl .e-ul{padding:0 24px 0 0}.e-treeview.e-rtl .e-list-item .e-ul{padding:0 24px 0 0}.e-treeview.e-rtl .e-text-content{padding:0 24px 0 0}.e-treeview.e-rtl .e-checkbox-wrapper{margin:0 5px 0 0}.e-treeview.e-rtl .e-checkbox-wrapper+.e-list-icon,.e-treeview.e-rtl .e-checkbox-wrapper+.e-list-img{margin:0 12px 0 0}.e-treeview.e-rtl .e-list-icon,.e-treeview.e-rtl .e-list-img{margin:0 5px 0 0}.e-treeview.e-rtl .e-list-icon+.e-list-icon,.e-treeview.e-rtl .e-list-icon+.e-list-img,.e-treeview.e-rtl .e-list-img+.e-list-icon,.e-treeview.e-rtl .e-list-img+.e-list-img{margin:0 10px 0 0}.e-treeview.e-rtl .e-icon-collapsible,.e-treeview.e-rtl .e-icon-expandable{margin:0 -24px 0 0}.e-treeview.e-rtl .e-sibling::before{right:0}.e-treeview.e-rtl.e-drag-item .e-text-content{float:right}.e-treeview.e-rtl.e-drag-item .e-drop-count{margin-right:-12px}.e-treeview.e-disabled .e-fullrow,.e-treeview.e-disabled .e-icons,.e-treeview.e-disabled .e-text-content,.e-treeview.e-disabled .e-list-img,.e-treeview.e-disabled .e-list-icon{cursor:auto}.e-treeview.e-disabled .e-list-url{cursor:default;pointer-events:none}.e-treeview.e-interaction.e-fullrow-wrap .e-text-content{pointer-events:auto}.e-bigger .e-treeview .e-list-text,.e-treeview.e-bigger .e-list-text{font-size:15px}.e-bigger .e-treeview .e-icon-collapsible::before,.e-bigger .e-treeview .e-icon-expandable::before,.e-treeview.e-bigger .e-icon-collapsible::before,.e-treeview.e-bigger .e-icon-expandable::before{font-size:10px}.e-treeview{-webkit-tap-highlight-color:transparent}.e-treeview .e-text-content,.e-treeview .e-fullrow{border-color:transparent}.e-treeview .e-list-text{color:#333;font-size:14px}.e-treeview .e-list-icon,.e-treeview .e-list-img{font-size:16px}.e-treeview .e-icon-collapsible,.e-treeview .e-icon-expandable{color:#333}.e-treeview .e-icon-collapsible::before,.e-treeview .e-icon-expandable::before{font-size:8px}.e-treeview .e-list-item.e-active,.e-treeview .e-list-item.e-hover{background:transparent}.e-treeview .e-list-item.e-hover>.e-text-content{color:#333}.e-treeview .e-list-item.e-hover>.e-text-content .e-list-text{color:#333}.e-treeview .e-list-item.e-hover>.e-text-content .e-icon-collapsible,.e-treeview .e-list-item.e-hover>.e-text-content .e-icon-expandable{color:#333}.e-treeview .e-list-item.e-active>.e-text-content{color:#fff}.e-treeview .e-list-item.e-active>.e-text-content .e-list-text{color:#fff}.e-treeview .e-list-item.e-active>.e-text-content .e-icon-collapsible,.e-treeview .e-list-item.e-active>.e-text-content .e-icon-expandable{color:#fff}.e-treeview .e-list-item.e-active.e-hover>.e-text-content{color:#fff}.e-treeview .e-list-item.e-active.e-hover>.e-text-content .e-list-text{color:#fff}.e-treeview .e-list-item.e-active.e-hover>.e-text-content .e-icon-collapsible,.e-treeview .e-list-item.e-active.e-hover>.e-text-content .e-icon-expandable{color:#fff}.e-treeview .e-list-item.e-editing.e-active>.e-text-content,.e-treeview .e-list-item.e-editing.e-hover>.e-text-content{color:#333}.e-treeview .e-list-item.e-editing.e-active>.e-text-content .e-list-text,.e-treeview .e-list-item.e-editing.e-hover>.e-text-content .e-list-text{color:#333}.e-treeview .e-list-item.e-editing.e-active>.e-text-content .e-icon-collapsible,.e-treeview .e-list-item.e-editing.e-active>.e-text-content .e-icon-expandable,.e-treeview .e-list-item.e-editing.e-hover>.e-text-content .e-icon-collapsible,.e-treeview .e-list-item.e-editing.e-hover>.e-text-content .e-icon-expandable{color:#333}.e-treeview .e-list-item.e-hover>.e-fullrow{background-color:#f5f5f5;border-color:#f5f5f5}.e-treeview .e-list-item.e-active>.e-fullrow{background-color:#317ab9;border-color:#317ab9}.e-treeview .e-list-item.e-active.e-animation-active>.e-fullrow{background-color:transparent;border-color:transparent}.e-treeview .e-list-item.e-active.e-animation-active>.e-text-content{color:#333}.e-treeview .e-list-item.e-active.e-animation-active>.e-text-content .e-list-text{color:#333}.e-treeview .e-list-item.e-active.e-hover>.e-fullrow{background-color:#317ab9;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.e-treeview .e-list-item.e-editing.e-active>.e-fullrow,.e-treeview .e-list-item.e-editing.e-hover>.e-fullrow{background-color:transparent;border-color:transparent;box-shadow:none}.e-treeview .e-list-item.e-disable>.e-text-content,.e-treeview .e-list-item.e-disable>.e-fullrow{color:#333}.e-treeview .e-list-item.e-disable .e-icon-collapsible,.e-treeview .e-list-item.e-disable .e-icon-expandable{color:#333}.e-treeview .e-sibling{border-right-color:transparent;border-left-color:#317ab9}.e-treeview .e-sibling::before{background:#333}.e-treeview .e-popup .e-content{background-color:#fff;border-color:#eee}.e-treeview .e-popup.e-select .e-icons{border-color:#eee}.e-treeview .e-popup .e-downtail::before{border-top-color:#eee}.e-treeview .e-popup .e-downtail::after{border-top-color:#fff}.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover>.e-text-content{background-color:#f5f5f5;border-color:#f5f5f5}.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active>.e-text-content{background-color:#317ab9;border-color:#317ab9}.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover>.e-text-content{background-color:#317ab9;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active>.e-text-content,.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover>.e-text-content{background-color:transparent;border-color:transparent;box-shadow:none}.e-treeview.e-fullrow-wrap .e-text-content{border-color:transparent}.e-treeview.e-drag-item{background-color:#e6e6e6;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif,"-apple-system","BlinkMacSystemFont"}.e-treeview.e-drag-item .e-icon-collapsible::before,.e-treeview.e-drag-item .e-icon-expandable::before{font-size:12px}.e-treeview.e-drag-item .e-list-text{color:#333}.e-treeview.e-drag-item .e-icons{color:#333}.e-treeview.e-drag-item .e-drop-count{background-color:#d9534f;border-color:#fff;color:#fff}.e-treeview.e-drag-item.e-rtl .e-sibling{border-left-color:transparent;border-right-color:#317ab9}