@boldreports/javascript-reporting-controls/Content/bootstrap4/bold.treeview.css

The Bold Reports by Syncfusion controls for JavaScript contains ReportViewer and ReportDesigner HTML5 and JavaScript reporting controls for enterprise web development

/* Needs to check the purpose*/
/*Common Colors end*/
/*@pager-currentitem:#428BCA;*/
/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition Start-----------------*/
.e-pivotclient .removeSplitBtn {
  border-radius: 4px;
}
/*-----------------------OLAP Definition End------------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*----------------------material theme-----------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */

.e-content-area {
  background-color: white;
  color: #212529;
  border-color: #ced4da;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
/*Theme Color*/

.e-treeview,
.e-dragedNode {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.e-treeview .e-text {
  
  background-color: transparent;
}
.e-treeview .e-text {
  color: #212529;
}
.e-dragedNode {
  
}
.e-dragedNode {
  background: #007bff;
  color: white;
}
.e-dragedNode .e-text {
  
  float: left;
}
.e-dragedNode .e-text {
  color: white;
}
.e-treeview .e-active,
.e-fullrow-wrap .e-li-active > .e-fullrow {
  
  border: 1px solid transparent;
  border-image: initial;
}
.e-treeview .e-active,
.e-fullrow-wrap .e-li-active > .e-fullrow {
  color: white;
}
.e-treeview .e-active,
.e-fullrow-wrap .e-li-active > .e-fullrow {
  background: #007bff;
}
.e-treeview .e-node-hover,
.e-treeview .e-node-focus,
.e-fullrow-wrap .e-li-hover > .e-fullrow,
.e-fullrow-wrap .e-li-focus > .e-fullrow {
  
  border-image: initial;
  cursor: pointer;
}
.e-treeview .e-node-hover,
.e-treeview .e-node-focus,
.e-fullrow-wrap .e-li-hover > .e-fullrow,
.e-fullrow-wrap .e-li-focus > .e-fullrow {
  color: #212529;
  border: 1px solid #dee2e6;
}
.e-treeview .e-node-hover,
.e-treeview .e-node-focus,
.e-fullrow-wrap .e-li-hover > .e-fullrow,
.e-fullrow-wrap .e-li-focus > .e-fullrow {
  background: #e3e7eb;
}
.e-treeview-wrap.e-dragging .e-node-hover,
.e-fullrow-wrap.e-dragging .e-li-hover > .e-fullrow {
  
}
.e-treeview-wrap.e-dragging .e-active.e-node-hover,
.e-fullrow-wrap.e-dragging .e-li-active.e-li-hover > .e-fullrow {
  
}
.e-treeview-wrap .e-sibling {
  
}
.e-treeview-wrap .e-sibling {
  background: url(images/drop-sibling.png);
  background-repeat: no-repeat;
}
.e-treeview-wrap.e-rtl .e-sibling {
  
}
.e-treeview-wrap .e-sibling::before {
  
}
.e-treeview .e-node-disable {
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.e-treeview .e-icon.e-load,
.e-treeview.e-rtl .e-icon.e-load {
  background-image: url(images/ajax-loader.gif);
  background-repeat: no-repeat;
  
}
.e-treeview .e-icon.e-load,
.e-treeview.e-rtl .e-icon.e-load {
  background-position: right center;
}
.e-treeview.e-rtl .e-icon.e-load {
  background-position: left center;
}
.e-treeview .e-item .e-icon {
  
}
.e-treeview .e-item .e-icon {
  color: #212529;
}
.e-treeview .e-fe-popup .e-content {
  background-color: white;
  border-color: #dee2e6;
}
.e-treeview .e-fe-popup .e-downtail:after {
  border-top-color: white;
}
.e-treeview .e-fe-popup .e-downtail:before,
.e-treeview .e-fe-popup .e-downtail {
  border-top-color: #dee2e6;
}
.e-treeview .e-fe-popup .e-spanclicked {
  border-color: #495057;
}
.e-drop-count {
  
  border-color: white;
}
.e-drop-count {
  background-color: #495057;
  color: white;
}
.e-fullrow-wrap .e-li-active .e-active,
.e-fullrow-wrap .e-li-hover .e-node-hover,
.e-fullrow-wrap .e-li-focus .e-node-focus {
  background: transparent;
}
.e-fullrow-wrap .e-item.e-li-active > .e-text-wrap > .e-icon {
  
}
.e-fullrow-wrap .e-item.e-li-active > .e-text-wrap > .e-icon {
  color: white;
}
.e-fullrow-wrap .e-item.e-li-hover > .e-text-wrap > .e-icon,
.e-fullrow-wrap .e-item.e-li-active.e-li-focus > .e-text-wrap > .e-icon {
  
}
.e-fullrow-wrap .e-item.e-li-hover > .e-text-wrap > .e-icon,
.e-fullrow-wrap .e-item.e-li-active.e-li-focus > .e-text-wrap > .e-icon {
  color: #495057;
}
.e-treeview .e-plus:after,
.e-treeview .e-minus:after,
.e-treeview .e-icon.e-load:after,
.e-treeview-wrap:not(.e-fullrow-wrap) .e-text:after,
.e-fullrow-wrap .e-fullrow:after {
  
}
.e-treeview .e-text.e-editable .e-tree-input {
  
}