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

.e-popup.e-ddl{border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,0.175);margin-top:3px}.e-popup.e-ddl .e-input-group{width:auto}.e-popup.e-ddl .e-input-group input{line-height:15px}.e-popup.e-ddl .e-dropdownbase{min-height:26px}.e-popup.e-ddl .e-filter-parent .e-input-group{display:-ms-flexbox;display:flex;width:auto}.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon{border:0}.e-bigger .e-popup.e-ddl-device-filter{margin-top:0}.e-bigger .e-popup.e-ddl .e-list-item,.e-bigger .e-popup.e-ddl .e-list-group-item,.e-bigger .e-popup.e-ddl .e-fixed-head{font-size:15px;line-height:40px;padding-left:0;text-indent:24px}.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item{padding-left:4px}.e-bigger .e-popup.e-ddl .e-input-group{padding:4px 0}.e-bigger .e-popup.e-ddl .e-input-group input,.e-bigger .e-popup.e-ddl .e-input-group input.e-input{height:38px}.e-bigger .e-popup.e-ddl .e-dropdownbase{min-height:40px}.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover{background:transparent;color:#333}.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon{border:0}.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active{box-shadow:none}.e-ddl.e-popup .e-filter-parent{border-bottom:1px solid #ccc}.e-bigger.e-small .e-ddl.e-popup .e-list-item,.e-bigger.e-small .e-ddl.e-popup .e-list-group-item,.e-bigger.e-small .e-ddl.e-popup .e-fixed-head{font-size:14px;line-height:34px;padding-left:0;text-indent:16px}.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item{padding-left:4px}.e-bigger.e-small .e-ddl.e-popup .e-input-group{padding:4px 0}.e-bigger.e-small .e-ddl.e-popup .e-input-group input,.e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input{height:30px}.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase{min-height:34px}@keyframes material-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fabric-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}/*! component's theme wise override definitions and variables */.e-treegrid .e-treegridexpand::before,.e-treegrid .e-treegridcollapse::before{content:""}.e-treegrid .e-toolbar-item .e-expand::before{content:""}.e-treegrid .e-toolbar-item .e-collapse::before{content:""}.e-treegrid .e-toolbar-item .e-indent::before{content:""}.e-treegrid .e-toolbar-item .e-outdent::before{content:""}.e-bigger .e-treegrid .e-treegridexpand,.e-bigger .e-treegrid .e-treegridcollapse{height:18px;width:18px}.e-bigger .e-treegrid .e-rowcell.e-treerowcell{padding-left:5px}.e-bigger .e-treegrid .e-hierarchycheckbox{padding-left:2px}.e-bigger .e-treegrid .e-treecell{line-height:18px}.e-treegrid .e-treegridexpand::before,.e-treegrid .e-treegridcollapse::before{vertical-align:middle}.e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container{display:block;overflow:hidden;text-overflow:ellipsis}.e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell{display:inline;overflow:hidden;text-overflow:ellipsis}.e-treegrid .e-treegridexpand:hover::before,.e-treegrid .e-treegridcollapse:hover::before{color:#333}.e-treegrid .e-rowcell.e-treerowcell{padding-left:5px}.e-treegrid .e-rtl .e-treegridcollapse{transform:scale(-1)}.e-treegrid .e-treegridexpand{transform:rotate(90deg)}.e-treegrid .e-treerowexpanded:not(.e-hiddenrow){display:table-row}.e-treegrid .e-treerowcollapsed{display:none}.e-treegrid .e-treecheckbox-container{display:block;overflow:hidden;text-overflow:ellipsis}.e-treegrid .e-treecheckbox-container :not(.e-treecheckbox){white-space:nowrap}.e-treegrid .e-treecheckbox{overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.e-treegrid .e-treecolumn-container span{display:inline-block;vertical-align:middle}.e-treegrid .e-treecolumn-container .e-hierarchycheckbox .e-frame{height:17px}.e-treegrid .e-checkselection .e-frozenheader .e-rowcell,.e-treegrid .e-checkselection .e-movableheader .e-rowcell,.e-treegrid .e-checkselection .e-frozencontent .e-rowcell,.e-treegrid .e-checkselection .e-movablecontent .e-rowcell{line-height:21px}.e-treegrid .e-treegridexpand,.e-treegrid .e-treegridcollapse{color:#333;cursor:pointer;font-size:10px;height:16px;text-align:center;vertical-align:bottom;width:16px}.e-treegrid .e-treecell{display:table-cell;line-height:16px}.e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container{white-space:nowrap}.e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell{display:inline-block;white-space:normal;word-wrap:break-word}.e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container{white-space:nowrap}.e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox{display:inline-block;white-space:normal;word-wrap:break-word}.e-treegrid.e-grid.e-print-grid-layout .e-icons{display:inline-block}.e-treegrid .e-treecheckselect,.e-treegrid .e-treeselectall{margin:0;opacity:0;position:absolute;width:0}.e-treegrid .e-detailheadercell,.e-treegrid .e-headercontent .e-table .e-detail-intent,.e-treegrid .e-gridcontent .e-table .e-detail-intent,.e-treegrid .e-table .e-detailrow .e-detailindentcell,.e-treegrid .e-table .e-detailrowexpand,.e-treegrid .e-table .e-detailrowcollapse,.e-treegrid .e-filterbarcell.e-mastercell{display:none}.e-treegrid .e-icons.e-errorelem{display:inline-block;padding-left:10px;vertical-align:middle}.e-treegrid .e-errorelem::before{color:#e3165b;content:"";transform:rotate(180deg)}.e-treegrid .e-gridcontent td.e-childborder{border-color:#317ab9;border-width:1px 0 0;box-shadow:0 1px 0 0 #317ab9;position:relative;z-index:1}.e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder{box-shadow:0 1px 0 0 #317ab9}.e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,.e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,.e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder{box-shadow:0 0 0 0}.e-treegrid .e-gridcontent td.e-childborder:first-child{border-left:1px solid #317ab9;box-shadow:0 1px 0 0 #317ab9;position:relative;z-index:1}.e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child{border-right:1px solid #317ab9}.e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder{border-width:1px 0}.e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child{border-right:1px solid #317ab9}.e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child{border-left:1px solid #317ab9}.e-treegrid .e-gridcontent td.e-dropbottom:first-child,.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,.e-treegrid .e-gridcontent td.e-dropbottom{box-shadow:0 1px 0 0 #317ab9;position:relative;z-index:1}.e-treegrid .e-gridcontent td.e-droptop:first-child,.e-treegrid .e-gridcontent td.e-rowcell.e-droptop{border-top-color:#317ab9}.e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom{border-bottom-color:#317ab9}.e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder{box-shadow:0 0 0 0}.e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder{height:1px}.e-treegrid .e-gridcontent .e-lastrow-dragborder{height:0}.e-treegrid .e-gridheader .e-firstrow-dragborder{height:0}.e-treegrid .e-droptop .e-lastrow-dragborder{height:0}.e-treegrid .e-treegrid-relative{position:relative}.e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom{height:0}.e-treegrid .e-gridheader .e-firstrow-border,.e-treegrid .e-gridcontent .e-lastrow-border{background-color:#317ab9;bottom:0;display:none;height:1px;position:absolute;z-index:1}.e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,.e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder{border-bottom:1px solid #317ab9;border-top:1px solid #317ab9;box-shadow:0 0 0 0 #317ab9}.e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,.e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop{border-top:1px solid #317ab9}.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder,.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom{border-bottom:1px solid #317ab9;box-shadow:0 0 0 0 #317ab9}.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder,.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom{border-bottom:1px solid #317ab9;box-shadow:0 0 0 0 #317ab9}