@boldreports/javascript-reporting-controls/Content/bootstrap4/bold.toolbar.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;
}
/*------------------------------------- ToolBar -------------------------------------------*/

.e-toolbar {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  
}
.e-toolbar {
  /*other*/

  
}
.e-toolbar {
  /*other*/
  background-repeat: no-repeat;
  border-color: #dee2e6;
  color: #495057;
}
.e-toolbar {
  background: white;
}
.e-toolbar {
  
}
.e-toolbar {
  /*other*/

  
}
.e-toolbar {
  /*other*/

  background: white;
}
.e-toolbar.e-focus {
  
}
.e-toolbar.e-focus {
  /*other*/

  
}
.e-toolbar.e-focus {
  /*other*/
  box-shadow: 0 0 2px rgba(0, 123, 255, 0.2);
}
.e-toolbar > .e-horizontal.e-separator {
  
}
.e-toolbar > .e-horizontal.e-separator {
  /*other*/

  
  border-left: none;
  border-radius: initial;
}
.e-toolbar > .e-horizontal.e-separator {
  /*office-365*/

  
}
.e-toolbar > .e-horizontal.e-separator {
  border-color: 1px solid #dee2e6;
}
/*-------------------tooltip class ----------------------*/

.e-toolbarTooltip {
  min-width: auto;
}
.e-toolbarTooltip .e-tipContainer .e-tipcontent {
  
}
.e-toolbarTooltip .e-tipContainer .e-tipcontent {
  /*other*/
  padding: 2px 4px;
}
.e-toolbar > .e-horizontal .e-separator {
  border-right: 1px solid #ced4da;
  border-left: none;
  border-radius: inherit;
  height: inherit;
}
.e-toolbar > .e-vertical.e-separator {
  border-bottom: 1px solid #ced4da;
  border-top: none;
  border-radius: initial;
}
.e-toolbar > .e-vertical .e-separator {
  
  border-top: none;
  border-radius: inherit;
}
.e-toolbar > .e-vertical .e-separator {
  /*office-365*/
  border-bottom: 1px solid #ced4da;
}
.e-toolbar.e-rtl > .e-horizontal.e-separator {
  
  border-right: none;
  border-radius: initial;
}
.e-toolbar.e-rtl > .e-horizontal.e-separator {
  /*office-365*/
  border-left: 1px solid #ced4da;
}
.e-toolbar.e-rtl > .e-horizontal .e-separator {
  
}
.e-toolbar.e-rtl > .e-horizontal .e-separator {
  /*other*/
  border-left: 1px solid #ced4da;
  border-right: none;
  border-radius: inherit;
}
.e-toolbar.e-rtl > .e-vertical.e-separator {
  border-top: 1px solid #ced4da;
  border-bottom: none;
  border-radius: initial;
}
.e-toolbar.e-rtl > .e-vertical .e-separator {
  border-top: 1px solid #ced4da;
  border-bottom: none;
  border-radius: inherit;
}
.e-toolbar.e-rtl > .e-vertical .e-corner-all {
  border-radius: inherit;
}
.e-toolbar > ul > li div.e-item-overlay {
  background-color: white;
}
.e-toolbar > .e-horizontal .e-hover,
.e-toolbar > .e-vertical > .e-hover {
  
  border-color: #e3e7eb;
}
.e-toolbar > .e-horizontal .e-hover,
.e-toolbar > .e-vertical > .e-hover {
  /*other*/

  
}
.e-toolbar > .e-horizontal .e-hover,
.e-toolbar > .e-vertical > .e-hover {
  color: #212529;
}
.e-toolbar > .e-horizontal .e-hover,
.e-toolbar > .e-vertical > .e-hover {
  background: #e3e7eb;
}
.e-toolbar > .e-horizontal .e-hover > div:before,
.e-toolbar > .e-vertical > .e-hover > div:before,
.e-toolbar > .e-horizontal .e-hover > span:before,
.e-toolbar > .e-vertical > .e-hover > span:before,
.e-toolbar > .e-horizontal .e-hover > a:before,
.e-toolbar > .e-vertical > .e-hover > a:before {
  
}
.e-toolbar > .e-horizontal .e-hover > div:before,
.e-toolbar > .e-vertical > .e-hover > div:before,
.e-toolbar > .e-horizontal .e-hover > span:before,
.e-toolbar > .e-vertical > .e-hover > span:before,
.e-toolbar > .e-horizontal .e-hover > a:before,
.e-toolbar > .e-vertical > .e-hover > a:before {
  color: #212529;
}
.e-toolbar > .e-horizontal .e-active.e-hover > div:before,
.e-toolbar > .e-vertical > .e-active.e-hover > div:before,
.e-toolbar > .e-horizontal .e-active.e-hover > span:before,
.e-toolbar > .e-vertical > .e-active.e-hover > span:before,
.e-toolbar > .e-horizontal .e-active.e-hover > a:before,
.e-toolbar > .e-vertical > .e-active.e-hover > a:before {
  
}
.e-toolbar > .e-horizontal .e-active.e-hover > div:before,
.e-toolbar > .e-vertical > .e-active.e-hover > div:before,
.e-toolbar > .e-horizontal .e-active.e-hover > span:before,
.e-toolbar > .e-vertical > .e-active.e-hover > span:before,
.e-toolbar > .e-horizontal .e-active.e-hover > a:before,
.e-toolbar > .e-vertical > .e-active.e-hover > a:before {
  /*other*/

  
}
.e-toolbar > .e-horizontal .e-active.e-hover > div:before,
.e-toolbar > .e-vertical > .e-active.e-hover > div:before,
.e-toolbar > .e-horizontal .e-active.e-hover > span:before,
.e-toolbar > .e-vertical > .e-active.e-hover > span:before,
.e-toolbar > .e-horizontal .e-active.e-hover > a:before,
.e-toolbar > .e-vertical > .e-active.e-hover > a:before {
  color: white;
}
.e-toolbar > .e-horizontal .e-active,
.e-toolbar > .e-vertical > .e-active {
  
}
.e-toolbar > .e-horizontal .e-active,
.e-toolbar > .e-vertical > .e-active {
  /*other*/

  
}
.e-toolbar > .e-horizontal .e-active,
.e-toolbar > .e-vertical > .e-active {
  /*other*/

  
}
.e-toolbar > .e-horizontal .e-active,
.e-toolbar > .e-vertical > .e-active {
  background: #007bff;
}
.e-toolbar > .e-horizontal .e-active,
.e-toolbar > .e-vertical > .e-active {
  border-color: #6c757d;
  color: white;
  background-color: #6c757d;
}
.e-toolbar > .e-horizontal > .e-hover > a,
.e-toolbar > .e-horizontal > .e-hover > span,
.e-toolbar > .e-horizontal > .e-hover > div,
.e-toolbar > .e-vertical > .e-hover > a,
.e-toolbar > .e-vertical > .e-hover > span,
.e-toolbar > .e-vertical > .e-hover > div {
  
}
.e-toolbar > .e-horizontal > .e-hover > a,
.e-toolbar > .e-horizontal > .e-hover > span,
.e-toolbar > .e-horizontal > .e-hover > div,
.e-toolbar > .e-vertical > .e-hover > a,
.e-toolbar > .e-vertical > .e-hover > span,
.e-toolbar > .e-vertical > .e-hover > div {
  /*other*/
  background-color: transparent;
  color: #212529;
}
.e-toolbar > .e-horizontal > .e-active > a,
.e-toolbar > .e-horizontal > .e-active > span,
.e-toolbar > .e-horizontal > .e-active > div,
.e-toolbar > .e-vertical > .e-active > a,
.e-toolbar > .e-vertical > .e-active > span,
.e-toolbar > .e-vertical > .e-active > div {
  
}
.e-toolbar > .e-horizontal > .e-active > a,
.e-toolbar > .e-horizontal > .e-active > span,
.e-toolbar > .e-horizontal > .e-active > div,
.e-toolbar > .e-vertical > .e-active > a,
.e-toolbar > .e-vertical > .e-active > span,
.e-toolbar > .e-vertical > .e-active > div {
  /*other*/

  
}
.e-toolbar > .e-horizontal > .e-active > a,
.e-toolbar > .e-horizontal > .e-active > span,
.e-toolbar > .e-horizontal > .e-active > div,
.e-toolbar > .e-vertical > .e-active > a,
.e-toolbar > .e-vertical > .e-active > span,
.e-toolbar > .e-vertical > .e-active > div {
  /*office-365*/
  background-color: transparent;
  color: white;
}
.e-toolbar.e-js .e-vertical > li.e-tooltxt {
  
}
.e-toolbar > .e-vertical > .e-hover {
  
}
.e-toolbar > .e-vertical .e-align {
  
}
.e-toolbar .e-ul.e-vertical {
  
}
.e-toolbar.e-js ul > li.e-tooltxt:before {
  
}
.e-toolbar.e-js ul > li.e-tooltxt.e-disable:before {
  
}
.e-toolbar .e-ul.e-horizontal.e-separator:first-child {
  
}
.e-toolbar > .e-horizontal.e-ul:first-child {
  
}
.e-toolbar .e-ul.e-horizontal.e-separator .e-tooltxt:last-child {
  
}
.e-toolbar > ul > li.e-icon {
  
}
.e-responsive-toolbar.e-toolbar .e-ul.e-horizontal.e-separator:first-child {
  
}
.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:last-child {
  
}
.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:first-child {
  
}
.e-toolbar.e-js.e-rtl ul > li.e-tooltxt:last-child {
  
}
.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator:first-child {
  
}
.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator:first-child {
  
}
.e-toolbar.e-js.e-rtl ul > li.e-tooltxt:first-child {
  
}
.e-toolbar.e-toolbarspan.e-rtl {
  
}
.e-responsive-toolbar.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:first-child {
  
}
.e-toolbar > .e-horizontal .e-disable,
.e-toolbar > .e-vertical .e-disable {
  
}
.e-toolbar > .e-horizontal .e-disable,
.e-toolbar > .e-vertical .e-disable {
  
}
.e-responsive-toolbar.e-toolbar.e-js.e-rtl ul > li.e-tooltxt:first-child {
  
}