@boldreports/javascript-reporting-controls
Version:
The Bold Reports by Syncfusion controls for JavaScript contains ReportViewer and ReportDesigner HTML5 and JavaScript reporting controls for enterprise web development
220 lines (197 loc) • 6.02 kB
CSS
/*-----------------------HeatMap Definition-----------------*/
/*@neutral-light;*/
/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*----------------------material theme-----------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
.office-file-explorer-toolbar-bg-color {
background: white;
}
.office-tab-header-bg-color {
background: white;
}
/*------------------ material theme ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */
.e-content-area {
background-color: white;
color: #111111;
border-color: #c8c8c8;
font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-chkbox-wrap {
display: inline-flex;
}
.e-chkbox-wrap.e-tb-cell .e-text,
.e-chkbox-wrap.e-tb-cell div {
display: table-cell;
padding: 0px 5px 2px 5px;
}
.e-chkbox-wrap.e-check-small.e-tb-cell .e-text {
padding: 0px 5px 2px 5px;
}
.e-chkbox-wrap.e-focus div > span {
}
.e-chkbox-wrap.e-focus div > span {
box-shadow: 0 0 2px lightgray;
}
.e-chkbox-wrap div > span {
}
.e-chkbox-wrap div > span {
border-width: 2px;
border-color: #a6a6a6;
background-color: white;
}
.e-chkbox-wrap.e-disable {
}
.e-chkbox-wrap div > span.e-chk-act,
.e-chkbox-wrap div > span:hover {
}
.e-chkbox-wrap div > span.e-chk-act,
.e-chkbox-wrap div > span:hover {
color: white;
border: 2px solid #0078d7;
background-color: #0078d7;
}
.e-chkbox-wrap div > span:hover {
}
.e-chkbox-wrap div > span:hover {
border: 2px solid #767676;
background-color: white;
}
.e-chkbox-wrap div > span.e-chk-act {
}
.e-chkbox-wrap div > span.e-chk-act {
border-color: #212121;
}
.e-chkbox-wrap div > span.e-chk-act {
color: white;
border: 2px solid #0078d7;
background-color: #0078d7;
}
.e-chkbox-wrap.e-widget.e-disable div > span.e-chk-act,
.e-chkbox-wrap.e-widget.e-disable div > span.e-chk-indeter,
.e-chkbox-wrap.e-disable div > span {
}
.e-chkbox-wrap .e-chk-image.e-stop,
.e-chkbox-wrap .e-chk-image.e-checkmark {
}
.e-chkbox-wrap .e-chk-image.e-stop,
.e-chkbox-wrap .e-chk-image.e-checkmark {
color: white;
background-color: #0078d7;
}
.e-chkbox-wrap.e-disable .e-chk-image.e-stop,
.e-chkbox-wrap.e-disable .e-chk-image.e-checkmark {
background-color: #c8c8c8;
}
.e-chkbox-wrap .e-chk-image.e-stop {
}
.e-chkbox-wrap .e-chk-image.e-stop:before {
}
.e-chkbox-wrap.e-disable .e-chk-image.e-checkmark {
}
.e-chkbox-wrap .e-text {
font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
font-size: 12px;
color: #212121;
}
.e-check-small.e-chkbox-wrap .e-text {
}
.e-check-medium.e-chkbox-wrap .e-text {
}
.e-material-animate.e-chkbox-wrap .e-chk-act::before {
}
.e-material-animate.e-chkbox-wrap .e-chk-inact::after {
}
.e-material-animate.e-chkbox-wrap .e-chkbox-medium .e-chk-act::before {
}
.e-material-animate.e-chkbox-wrap .e-chkbox-medium .e-chk-inact::after {
}
@keyframes mediumShadow {
100% {
opacity: 0;
transform: scale(18, 18);
}
}
@keyframes smallShadow {
100% {
opacity: 0;
transform: scale(15, 15);
}
}
.e-chkbox-wrap div > span.e-chk-act:hover {
background-color: #106ebe;
border: 2px solid #106ebe;
}
.e-chkbox-wrap.e-disable div > span.e-chk-act {
background-color: #c8c8c8;
border: 2px solid #c8c8c8;
}
.e-chkbox-wrap.e-disable .e-chk-image.e-checkmark {
background-color: #c8c8c8;
}
.e-chkbox-wrap.e-disable div > span:hover {
border-color: #c8c8c8;
}
.e-chkbox-wrap.e-disable div > span {
background-color: #c8c8c8;
border: 2px solid #c8c8c8;
}
.e-chkbox-wrap.e-disable div > span.e-chk-act:hover {
border-color: #c8c8c8;
}
.e-chkbox-wrap div > span.e-chk-indeter {
color: white;
border: 2px solid #0078d7;
background-color: #0078d7;
}
.e-chkbox-wrap div > span.e-chk-indeter:hover {
background-color: #106ebe;
border: 2px solid #106ebe;
}
.e-radiobtn-wrap.e-disable > span {
background-color: #c8c8c8;
border: 2px solid #c8c8c8;
}
.e-chkbox-wrap.e-disable div > span.e-chk-indeter {
background-color: #c8c8c8;
border: 2px solid #c8c8c8;
}
.e-chkbox-wrap.e-disable div > span {
}
.e-chkbox-wrap.e-disable {
}
.e-chkbox-wrap.e-disable .e-chk-image.e-stop,
.e-chkbox-wrap.e-disable .e-chk-image.e-checkmark {
}
.e-chkbox-wrap .e-chk-act,
.e-chkbox-wrap .e-chk-inact,
.e-chkbox-wrap .e-chk-indeter {
box-sizing: content-box;
}