js-pkg
Version:
Npm package of Syncfusion.JavaScript.
1,925 lines (1,730 loc) • 657 kB
CSS
@charset "UTF-8";
/*!
* filename: ej.theme.css
* version : 15.3.0.31
* Copyright Syncfusion Inc. 2001 - 2017. All rights reserved.
* Use of this code is subject to the terms of our license.
* A copy of the current license can be obtained at any time by e-mailing
* licensing@syncfusion.com. Any infringement will be prosecuted under
* applicable laws.
*/
/* need verify with UX team*/
/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*----------------------OLAP Definition------------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*----------------------material theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */
.e-content-area {
background-color: #111111;
color: white;
border-color: #494949;
font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
/*Theme Color*/
.e-grid.e-rtl .e-indentcell {
border-left-color: #494949;
}
.e-grid .e-rarrowup-2x:before {
}
.e-grid .e-rarrowdown-2x:before {
}
.e-grid.e-rtl .e-headercell,
.e-grid.e-rtl .e-grouptopleftcell {
border-right-color: #494949;
border-bottom-color: #494949;
}
.e-grid.e-rtl .e-movablecontent,
.e-grid.e-rtl .e-movableheader {
border-right-color: #aecf49;
}
/*..........................Skin css...........................*/
.e-grid {
font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
border-color: #494949;
color: #dddddd;
border-top: none;
}
.e-grid .e-pager {
}
.e-grid .e-pager {
background-color: #212121;
}
.e-grid .e-togglebutton.e-btn.e-tbtn.e-select.e-flat,
.e-grid .e-btn.e-select.e-flat {
}
.e-grid .e-btn.e-btn-normal.e-txt {
}
.e-grid .e-icon {
color: #cccccc;
}
.e-groupheadercell .e-icon {
color: #cccccc;
}
.e-grid .e-gridheader .e-icon {
color: #cccccc;
}
.e-grid .e-dialog > .e-dialog-scroller,
.e-grid .e-excelfilter.e-dlgcontainer {
border: 1px solid #494949 \9;
}
.e-grid.e-dlgcontainer .e-value .e-caption {
}
.e-grid .e-icon.e-animatebutton {
color: white;
cursor: pointer;
}
.e-grid .e-grouptopleftcell {
border-right: 1px solid #c8c8c8;
}
.e-grid td.e-indentcell + .e-rowcell {
border-left: none;
}
.e-grid th.e-lastgrouptopleftcell + .e-headercell,
.e-grid th.e-grouptopleftcell + .e-stackedHeaderCell {
border-left: none;
}
.e-grid th.e-filterbarcell.e-grouptopleftcell + th.e-filterbarcell {
border-left: none;
}
.e-columnChooser {
border: 1px solid #777777;
font-size: 12px;
color: #dddddd;
}
.e-grid .e-ccButton {
}
.e-grid .e-btncan {
}
.e-grid .e-btnsub.e-flat.e-button:after,
.e-grid .e-btncan.e-flat.e-button:after {
}
.e-grid .e-ccBtndiv {
}
.e-grid .e-ccformbtn {
}
.e-columnChoosertail {
border-bottom-color: #777777;
}
.e-columnChoosertailAlt {
border-bottom-color: black;
}
.e-columnChooserListDiv:hover {
background-color: #121212;
}
.e-columnChooser .e-vhandlespace {
background-color: black !important;
}
.e-columnChooser .e-hhandlespace {
background-color: black !important;
}
.e-columnChooserSplitter {
border-top: 1px solid #777777;
}
.e-grid .e-number {
background-color: #58585b;
color: #1e1f1e;
}
.e-grid .e-tableLastCell {
border-right-color: #494949 !important;
}
.e-stackedHeaderRow th {
border-bottom: 1px solid #494949 !important;
}
.e-resFilterDialogHeaderDiv {
border-bottom: 1px solid #494949 !important;
}
.e-resposnsiveFilterBtnLeft {
border-right: 1px solid #494949 !important;
}
.e-resIcon {
color: #aecf49 !important;
}
.e-grid .e-filterdialoglarge .e-ddl,
.e-grid .e-filterdialoglarge .e-numeric,
.e-grid .e-filterdialoglarge .e-atc,
.e-grid .e-filterdialoglarge .e-datewidget {
}
.e-grid .e-toolbar .e-hover .e-icon,
.e-grid .e-headercell.e-hover .e-icon {
color: #efefef;
}
.e-grid .e-toolbar > .e-horizontal [data-content="Search"]:hover,
.e-grid .e-toolbar > .e-horizontal [data-content="Search"]:active {
}
.e-grid .e-toolbar > .e-horizontal [data-content="Search"].e-active > a,
.e-grid .e-toolbar > .e-horizontal [data-content="Search"].e-hover > a {
}
.e-grid .e-toolbar > .e-horizontal [data-content="Search"] > a.e-searchitem:hover,
.e-grid .e-toolbar > .e-horizontal [data-content="Search"] > a.e-searchitem:active {
}
.e-grid div.e-gridtoolbar {
}
.e-grid .e-ejinputtext.e-gridsearchbar {
}
.e-grid .e-dlgBtns .e-button {
font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
font-weight: normal;
font-size: 14px;
}
.e-grid .e-gridpopup .e-content {
background-color: black;
border-color: #494949;
}
.e-grid .e-gridpopup span:hover,
.e-grid .e-gridpopup .e-spanclicked {
border-color: #cccccc;
}
.e-grid .e-gridpopup .e-downtail:before,
.e-grid .e-gridpopup .e-downtail {
border-top-color: #494949;
}
.e-grid .e-gridpopup .e-downtail:after {
border-top-color: black;
}
.e-grid .e-gridcontent,
.e-grid .e-form-container {
background-color: black;
}
.e-grid.e-columnChooser .e-hscroll,
.e-grid.e-columnChooser .e-vscroll {
background-color: transparent;
}
.e-grid .e-groupdroparea {
border-top-color: #494949;
color: white;
}
.e-grid .e-groupdroparea {
background: #aecf49;
}
.e-grid .e-groupheadercell div {
}
.e-grid .e-groupdroparea.e-default {
}
.e-grid .e-groupdroparea.e-active {
}
.e-grid .e-groupdroparea.e-allowDrop {
}
.e-grid .e-cloneproperties {
border-color: #494949;
}
.e-grid .e-cloneproperties {
color: #aaaaaa;
}
.e-grid .e-cloneproperties {
background: #343e16;
}
.e-grid.e-draganddrop {
}
.e-grid.e-draganddrop .e-rowcell {
}
.e-grid .e-groupcaption,
.e-grid .e-groupcaptionsummary {
color: #dddddd;
background-color: #2e2e2e;
border-color: #494949;
border-top-color: #777777;
}
.e-grid .e-gridfooter tr.e-gridSummaryRows td.e-scrollindent {
border-style: solid;
border-width: 1px 0 0;
border-color: #494949;
}
.e-grid .e-gridfooter tr:first-child.e-gridSummaryRows td:first-child.e-indentcell,
.e-grid .e-gridfooter tr:first-child.e-gridSummaryRows td.e-summaryrow,
.e-grid .e-gridfooter tr:first-child.e-gridSummaryRows td.e-scrollindent,
.e-grid .e-gridfooter tr:first-child.e-gridSummaryRows td.e-indentcell {
border: none;
}
.e-grid .e-gridsummary .e-indentcell {
background-color: #2e2e2e;
border-top-color: #777777;
}
.e-grid .e-headercell-hover,
.e-grid .e-groupheadercell:hover {
color: #aaaaaa;
}
.e-grid .e-headercell-hover {
}
.e-grid .e-headercell-hover .e-headercelldiv {
}
.e-grid .e-headercell-hover > .e-headercelldiv:hover {
}
.e-grid .e-gridheader .e-headercellactive .e-icon {
}
.e-grid .e-headercell:not(.e-stackedHeaderCell):not(.e-headercellactive):hover {
}
.e-grid .e-groupheadercell {
color: #dddddd;
border-color: #494949;
border-radius: 0px;
background-color: #212121;
}
.e-grid .e-alt_row {
background: #121212;
}
.e-grid .e-inlineform-titlebar {
border-color: #494949;
background-color: #363636;
}
.e-grid .gridform .e-label label {
}
.e-grid .e-dialog .gridform .e-numerictextbox {
}
.e-grid .e-indentcell,
.e-grid .e-recordpluscollapse,
.e-grid .e-recordplusexpand {
border-color: #494949;
border-top-color: #777777;
background-color: #2e2e2e;
}
.e-grid .e-detailcell,
.e-grid .e-detailrowcollapse,
.e-grid .e-detailrowexpand,
.e-grid tr.e-editedrow td.e-rowcell {
border-top-color: #494949;
}
.e-grid .e-detailrowcollapse.e-lastrowcell {
border-bottom-color: #494949;
}
.e-grid .e-detailindentcell {
border-right-color: #494949;
}
.e-grid .e-rowcell.e-updatedtd {
color: #dddddd;
}
.e-grid .e-rowcell.e-updatedtd.e-active {
color: white;
}
.e-activefocusout.e-grid .e-numericitem.e-active,
.e-activefocusout.e-grid .e-groupdroparea,
.e-activefocusout.e-grid td.e-active,
.e-activefocusout.e-grid td.e-cellselectionbackground {
background: #8c8c8c;
}
.e-grid td.e-active,
.e-grid .e-form-titlebar {
}
.e-grid td.e-active,
.e-grid .e-form-titlebar {
color: white;
}
.e-grid td.e-active,
.e-grid .e-form-titlebar {
background: #aecf49;
}
.e-grid .e-gridFromDiv {
}
.e-grid td.e-cellselectionbackground {
}
.e-grid td.e-cellselectionbackground {
color: white;
}
.e-grid td.e-cellselectionbackground {
background: #748235;
}
.e-grid .e-headercelldiv:hover {
}
.e-grid .e-inlineform-titlebar {
font-size: 14px;
color: #dddddd;
}
.e-grid .e-form-titlebar {
}
.e-grid .e-recordpluscollapse > div,
.e-grid .e-detailrowcollapse > div {
background-color: transparent;
cursor: pointer;
}
.e-grid .e-dialog .gridform .e-save {
}
.e-grid .e-dialog.e-titlebar {
}
.e-grid .e-headercell,
.e-grid .e-grouptopleftcell {
}
.e-grid .e-headercell,
.e-grid .e-grouptopleftcell {
border-top-color: #494949;
border-left-color: #494949;
border-bottom-color: #aecf49;
}
.e-grid .e-headercell,
.e-grid .e-grouptopleftcell {
background: black;
}
.e-grid .e-headercell,
.e-grid .e-headercell-hover {
}
.e-grid .e-rowcell {
}
.e-grid .e-grouptopleftcell {
}
.e-grid .e-horizontallines .e-resizer {
}
.e-grid th.e-headercell[aria-sort=ascending] div,
.e-grid th.e-headercell[aria-sort=descending] div {
}
.e-grid .e-columnselection {
background-color: #212121;
color: #aecf49;
}
.e-grid .e-grid-icon {
background: black;
}
.e-grid .e-groupheadercell {
}
.e-grid .e-groupheadercell:hover {
}
.e-grid .e-groupcaption,
.e-grid .e-groupcaptionsummary {
}
.e-grid tr.e-groupcaptionrow {
}
.e-grid .e-gridheader {
color: #dddddd;
border-bottom-color: #494949;
border-top-color: #494949;
}
.e-grid .e-headercontent,
.e-grid .e-movableheader {
border-right-color: #494949;
}
.e-grid.e-rtl .e-headercontent {
border-left-color: #494949;
}
.e-grid .e-editcell,
.e-grid .e-form-container,
.e-grid .e-externalformedit,
.e-grid .e-tabletd,
.e-grid .e-rowcell {
border-color: #494949;
}
.e-grid .e-form-container,
.e-grid .e-externalformedit {
}
.e-grid .e-rowcell:first-child {
}
.e-grid .e-rowcell:last-child {
}
.e-grid .e-rowcell .e-ejinputtext,
.e-grid .e-ejinputtext.e-filtertext {
}
.e-grid .e-rowcell .e-ejinputtext {
}
.e-grid .e-ejinputtext.e-filtertext {
}
.e-grid .e-rowcell .e-ejinputtext:active,
.e-grid .e-ejinputtext.e-filtertext:active {
}
.e-grid .e-rowcell .e-ejinputtext:focus,
.e-grid .e-ejinputtext.e-filtertext:focus {
}
.e-grid .e-rowcell .e-ejinputtext:hover,
.e-grid .e-ejinputtext.e-filtertext:hover {
}
.e-grid .e-rowcell .e-ejinputtext[disabled],
.e-grid .e-ejinputtext.e-filtertext[disabled] {
}
.e-grid .e-rowcell .e-ejinputtext[disabled]:hover,
.e-grid .e-ejinputtext.e-filtertext[disabled]:hover {
}
.e-grid .e-rowcell .e-ejinputtext.e-animation:focus,
.e-grid .e-ejinputtext.e-filtertext.e-animation:focus {
}
.e-grid .e-rowcell .e-ejinputtext::selection,
.e-grid .e-ejinputtext.e-filtertext::selection {
}
.e-grid .e-rowcell .e-ejinputtext::-moz-selection,
.e-grid .e-ejinputtext.e-filtertext::-moz-selection {
}
.e-grid .e-form-togglebtn:hover {
background: #343e16;
}
.e-grid .e-form-toggle-icon {
color: white;
}
.e-grid .e-filterbarcell,
.e-grid .e-filterbarcelldisabled {
border-color: #494949;
background-color: black;
background-image: none;
}
.e-grid .e-grid-filterstatusbar,
.e-grid .e-grid-filterstatusbarbottom {
border-color: #494949;
}
.e-grid .e-grid-filterstatusbar,
.e-grid .e-grid-filterstatusbarbottom {
background: #aecf49;
}
.e-grid .e-grid-filterstatusbar .e-msgdiv,
.e-grid .e-grid-filterstatusbarbottom .e-msgdiv {
color: white;
}
.e-grid .e-groupdroparea.e-hover {
}
.e-grid .e-groupdroparea.e-hover {
background: #343e16;
}
.e-grid tr.e-hover {
color: #aaaaaa;
}
.e-grid tr.e-hover {
background: #343e16;
}
.e-grid tr.e-traverse {
color: #aaaaaa;
}
.e-grid tr.e-traverse {
background: #343e16;
}
.e-grid .e-scrollcss {
}
.e-grid .e-scrollcss {
background: black;
}
.e-grid .e-headercell-hover,
.e-grid .e-filtercell:hover,
.e-grid .e-groupheadercell:hover {
background: #343e16;
}
.e-grid .e-reorderindicate {
border-right-color: #aecf49;
}
.e-grid.e-rtl .e-reorderindicate {
border-left-color: #aecf49;
}
.e-grid div.e-field-validation-error {
white-space: normal;
}
.e-grid div.e-field-validation-error {
background-color: #fffe91;
color: #cd0a0a;
}
.e-grid .e-dialog .e-addedrow label,
.e-grid .e-dialog .e-editedrow label,
.e-grid .e-inlineformedit label,
.e-grid .e-externalformedit label {
}
.e-grid form.gridform.field-validation-empty {
border: 1px solid #cd0a0a;
}
.e-grid .e-editedrow .e-normaledit .e-ddl {
}
.e-grid div.e-error .e-toparrow {
}
.e-grid div.e-error .e-toparrow {
border-bottom-color: #fffe92;
}
.e-grid .e-ejinputtext {
border: 1px solid #494949;
outline: none;
background-color: black;
color: #dddddd;
vertical-align: baseline;
}
.e-ejinputtext:focus {
box-shadow: 0 0 5px #ababab;
}
.e-grid .e-summaryrow {
background-color: #2e2e2e;
border-color: #777777;
border-left-color: #777777 !important;
}
.e-gridfooter {
width: 100%;
background-color: #2e2e2e;
border-top: 1px solid #777777;
}
.e-grid .e-detailcell tr:first-child td.e-summaryrow {
border-top: 1px solid #777777;
}
.e-grid .e-gridSummaryRows {
color: #dddddd;
}
.e-grid .e-reSizeColbg {
border-left-color: #494949;
}
.e-grid .e-headercell-hover .e-ascending,
.e-grid .e-groupheadercell:hover .e-ascending,
.e-grid .e-headercell-hover .e-filtericon,
.e-grid .e-headercell-hover .e-descending,
.e-grid .e-headercell-hover .e-togglegroupbutton,
.e-grid .e-groupheadercell:hover .e-descending,
.e-grid .e-groupheadercell:hover .e-togglegroupbutton,
.e-grid .e-groupheadercell:hover .e-ungroupbutton {
background-color: transparent;
}
.e-grid .e-headercell-hover .e-ascending,
.e-grid .e-groupheadercell:hover .e-ascending,
.e-grid .e-headercell-hover .e-filtericon,
.e-grid .e-headercell-hover .e-descending,
.e-grid .e-headercell-hover .e-togglegroupbutton,
.e-grid .e-groupheadercell:hover .e-descending,
.e-grid .e-groupheadercell:hover .e-togglegroupbutton,
.e-grid .e-groupheadercell:hover .e-ungroupbutton {
color: #efefef;
}
.e-grid .e-headercellactive,
.e-grid .e-headercellactive span,
.e-grid .e-headercellactive div {
color: white;
}
.e-grid .e-headercellactive {
}
.e-grid .e-headercellactive {
background: #aecf49;
}
.e-grid .e-movablecontent,
.e-grid .e-movableheader {
}
.e-grid .e-movablecontent,
.e-grid .e-movableheader {
border-left-color: #aecf49;
}
.e-grid .e-frozeny {
}
.e-grid .e-frozeny {
border-bottom-color: #aecf49 !important;
}
.e-grid .e-dialog .e-header .e-icon {
color: #dddddd;
}
.e-grid.e-responsive .e-rowcell {
border-bottom-color: rgba(48, 48, 48, 0.5);
}
.e-grid.e-responsive .e-table > tbody > tr > td:last-child {
border-bottom-color: #494949;
}
.e-grid form .e-select:hover .e-icon {
color: #efefef;
}
.e-grid.e-touch .e-gridheader .e-headercell,
.e-grid.e-touch .e-rowcell {
-moz-user-select: text;
-khtml-user-select: none;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text;
}
.e-grid .e-gridcontent tr.e-editedrow:not(.e-alt_row) {
background-color: black;
}
/* need verify with UX team*/
/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*----------------------OLAP Definition------------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*----------------------material theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */
.e-content-area {
background-color: #111111;
color: white;
border-color: #494949;
font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-heatmap.e-grid {
display: block;
}
.e-heatmaplegend {
display: block;
}
.e-heatmap.e-grid .e-alt_row,
.e-heatmap.e-grid td.e-cellselectionbackground,
.e-heatmap.e-grid .e-headercell,
.e-heatmap.e-grid .e-grouptopleftcell {
background: white;
}
.e-heatmap.e-js.e-grid {
font-size: 12px;
}
.e-heatmap.e-js.e-grid .e-headercelldiv {
font-weight: 600;
font-size: 12px;
}
.e-heatmap.e-js.e-grid.e-responsive .e-rowcell {
font-size: 12px;
}
.e-heatmap.e-js.e-grid .e-headercell {
height: 30px;
}
.e-heatmap.e-js.e-grid.e-responsive .e-row td:first-child,
.e-heatmap.e-js.e-grid.e-responsive .e-alt_row td:first-child {
font-weight: 600;
font-size: 12px;
}
.e-heatmap.e-js.e-grid .e-gridheader {
border-bottom-width: 1px;
}
.e-heatmap.e-js.e-grid,
.e-heatmap.e-js.e-grid.e-responsive .e-row td:first-child,
.e-heatmap.e-js.e-grid.e-responsive .e-alt_row td:first-child,
.e-heatmap.e-js.e-grid.e-responsive .e-rowcell,
.e-heatmap.e-js.e-grid .e-alt_row,
.e-heatmap.e-js.e-grid td.e-cellselectionbackground,
.e-heatmap.e-js.e-grid .e-headercell,
.e-heatmap.e-js.e-grid .e-grouptopleftcell,
.e-heatmap.e-js.e-grid.e-headercell.e-default.e-headertemplate,
.e-heatmap.e-js.e-grid .e-gridheader,
.e-heatmap.e-js.e-grid .e-movablecontent,
.e-heatmap.e-js.e-grid .e-movableheader {
border-color: gray;
}
.e-heatmap.e-js.e-grid.e-responsive .e-rowcell {
border-bottom: none;
}
.e-heatmaplegend.e-js .sf-ht-label,
.e-heatmap.e-js.e-grid .e-rowcell.sf-ht-heatmapcell,
.e-heatmap.e-js.e-grid .e-headercelldiv {
color: white;
}
.e-heatmap.e-js.e-grid .e-alt_row,
.e-heatmap.e-js.e-grid .e-row,
.e-heatmap.e-js.e-grid .e-headercell.e-default.e-headertemplate,
.e-heatmap.e-js.e-grid .e-cellselectionbackground .e-activecell,
.e-heatmap.e-grid td.e-cellselectionbackground {
background-color: black;
}
.e-heatmaplegend.e-js .sf-ht-label,
.e-heatmap.e-js.e-grid .e-rowcell.sf-ht-heatmapcell,
.e-heatmap.e-js.e-grid .e-headercelldiv {
color: white;
}
.e-heatmap.e-js.e-grid .e-alt_row,
.e-heatmap.e-js.e-grid .e-row,
.e-heatmap.e-js.e-grid .e-headercell.e-default.e-headertemplate,
.e-heatmap.e-js.e-grid .e-cellselectionbackground .e-activecell,
.e-heatmap.e-grid td.e-cellselectionbackground {
background-color: black;
}
/* need verify with UX team*/
/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*----------------------OLAP Definition------------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*----------------------material theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */
.e-content-area {
background-color: #111111;
color: white;
border-color: #494949;
font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-excelfilter.e-dlgcontainer {
font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
font-weight: normal;
font-size: 13px;
color: #dddddd;
z-index: 10001;
}
.e-excelfilter .e-searchcontainer,
.e-excelfilter.e-dlgcontainer {
background: none black;
}
.e-excelfilter .e-btncan {
}
.e-excelfilter .e-menu,
.e-excelfilter .e-menu.e-vertical,
.e-excelfilter .e-menu.e-vertical .e-list > ul {
background: black;
}
.e-excelfilter .e-checkboxlist {
background: #121212;
border: #121212;
}
.e-excelfilter.e-dlgcontainer,
.e-excelfilter.e-dlgcustom .e-fieldset,
.e-excelfilter .e-menu.e-vertical .e-list > ul {
border-width: 1px;
border-style: solid;
border-color: #262626;
}
.e-excelfilter .e-checkboxlist label.e-ftrchk,
.e-excelfilter.e-dlgcustom label.e-caption,
.e-excelfilter .e-searchbox .e-searchitem {
font-weight: normal;
}
.e-excelfilter .e-optable .e-fields .e-value span.e-widget {
}
.e-sortasc,
.e-sortdesc {
font-size: 18px;
}
.e-excelfilter.e-dlgcustom .e-fieldset legend {
font-size: 14px;
color: #dddddd;
border: none;
}
.e-excelfilter .e-select:hover .e-icon {
color: #efefef;
}
.e-excelfilter.e-dlgcustom .e-input {
line-height: 1.7em;
}
.e-excelfilter {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.e-excelfilter .e-menu .e-list.e-fghdrcolor,
.e-excelfilter .e-menu .e-list.e-bghdrcolor,
e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mhover.e-mfocused,
.e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mhover.e-mfocused,
.e-excelfilter .e-menu.e-vertical .e-list.e-fghdrcolor:hover,
.e-excelfilter .e-menu.e-vertical .e-list.e-bghdrcolor:hover {
background: black;
}
.e-bghdrcolor > a,
.e-fghdrcolor > a {
color: #dddddd;
}
.e-excelfilter .e-menu .e-list.e-valcolor {
border-color: black;
}
.e-excelfilter .e-menu .e-list.e-valcolor.e-mhover.e-mfocused {
border-color: #aecf49;
background: transparent;
}
.e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mhover > a,
.e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mfocused > a,
.e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mhover > a,
.e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mfocused > a {
background: transparent;
color: #dddddd;
}
.e-excelfilter .e-searchbox .e-ejinputtext {
}
.e-excelfilter .e-searchbox .e-ejinputtext:focus {
}
.e-excelfilter .e-menu-wrap ul.e-menu {
}
.e-excelfilter .e-btncontainer input,
.e-excelfilter .e-checkboxlist .e-ftrchk {
}
.e-excelfilter .e-searchcontainer .e-fields {
}
.e-btn.e-btn-normal,
.e-tbtn.e-btn-normal {
}
.e-excelfilter .e-btncontainer > div {
}
.e-excelfilter.e-dlgcustom {
}
.e-excelfilter .e-dialog {
}
.e-excelfilter.e-dlgcustom.e-dialog:first-child {
}
.e-excelfilter.e-dlgcustom .e-dlgfields:last-child {
}
.e-excelfilter.e-dlgcustom .e-dlgfields {
}
.e-excelfilter span.e-filternone.e-icon {
}
.e-excelfilter .e-checkboxlist .e-ftrchk {
}
.e-excelfilter ul.e-menu.e-vertical {
}
.e-excelfilter .e-searchcontainer .e-btncontainer.e-fields .e-button:last-child {
}
.e-excelfilter .e-searchcontainer .e-btncontainer.e-fields {
}
.e-excelfilter .e-shadow .e-list > a {
}
.e-excelfilter .e-shadow {
}
/* need verify with UX team*/
/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*----------------------OLAP Definition------------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*----------------------material theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */
.e-content-area {
background-color: #111111;
color: white;
border-color: #494949;
font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
/*---------------------------------Schedule Theme--------------------------------*/
.e-schedule,
.e-schedule.e-scheduleouter {
}
.e-schedule,
.e-schedule.e-scheduleouter {
color: #dddddd;
background-color: black;
}
.e-schedule .e-mobileNavigation {
}
.e-schedule .e-mobileNavigation {
color: #cccccc;
}
.e-scheduledrawer .e-mAddEvent,
.e-scheduledrawer .e-mday,
.e-scheduledrawer .e-mweek,
.e-scheduledrawer .e-mworkweek,
.e-scheduledrawer .e-mmonth,
.e-scheduledrawer .e-mcustomview,
.e-scheduledrawer .e-magenda {
color: #cccccc;
}
.e-scheduledrawer .e-lv .e-list.e-state-default:hover > .e-list-img {
color: #efefef;
}
.navDrawerMenu li {
}
.e-scheduledrawer .e-list.e-state-active .e-list-img {
}
.e-scheduledrawer .e-list.e-state-active .e-list-img {
color: white;
}
.e-schedule .icon-AddGrad:before {
color: #2382c3;
}
.e-schedule .e-datecommondiv {
}
.e-schedule .e-datecommondiv {
color: #dddddd;
}
.e-schedule .e-commonviewbutton {
}
.e-schedule .e-commonviewbutton {
color: #dddddd;
border: 1px solid #777777;
border-right: none;
}
.e-schedule .e-commonviewbutton {
background: #212121;
}
.e-schedule .e-commonviewbutton.e-activeview:hover {
}
.e-schedule .e-nextapp:hover,
.e-schedule .e-prevapp:hover {
}
.e-schedule .e-nextapp:hover,
.e-schedule .e-prevapp:hover {
border-color: #494949;
color: #aaaaaa;
}
.e-schedule .e-nextapp:hover,
.e-schedule .e-prevapp:hover {
background: #343e16;
}
.e-scheduledialog .e-scheduleclose:hover {
}
.e-scheduledialog .e-scheduleclose:hover {
border-color: #494949;
color: #aaaaaa;
}
.e-scheduledialog .e-scheduleclose:hover {
background: #343e16;
}
.e-schedule .e-commonviewbutton:hover {
}
.e-schedule .e-commonviewbutton:hover {
color: #aaaaaa;
}
.e-schedule .e-commonviewbutton:hover {
background: #343e16;
}
.e-schedule .e-appup,
.e-schedule .e-appdown {
}
.e-schedule .e-appup,
.e-schedule .e-appdown {
color: #dddddd;
}
.e-schedule .e-appup:hover,
.e-schedule .e-appdown:hover {
color: #343e16;
}
.e-schedule .e-singleview {
border-right: 1px solid #777777;
}
.e-schedule.e-rtl .e-firstview,
.e-schedule .e-lastview {
border: 1px solid #777777;
}
.e-schedule .e-dateheader {
border-bottom: 3px solid #aecf49;
}
.e-schedule .e-horizontalemptytd {
border: none !important;
border-right: 1px solid #494949 !important;
border-top: 1px solid #494949 !important;
}
.e-schedule.e-rtl .e-horizontalemptytd {
border: none !important;
border-left: 1px solid #494949 !important;
border-top: 1px solid #494949 !important;
}
.e-categorizeMenuSelected {
background: none repeat scroll 0 0 aliceblue;
border: 1px solid #0094ff !important;
}
.e-schedule .e-dateheader,
.e-schedule .e-leftindent {
border-bottom: 1px solid #494949;
}
.e-scheduledialog .e-quickstartend {
}
.e-scheduledialog .e-quickstartendtime {
border-bottom: 1px solid #494949;
}
.e-scheduledialog .e-quickcreatebottomcontainer {
}
.e-schedule .e-horizontalheader {
border-bottom: 3px solid #aecf49 !important;
background: black;
color: #dddddd;
}
.e-schedule .e-horizontalheadertddate {
border-left: none !important;
border-bottom: none !important;
border-right: none !important;
}
.e-schedule .e-horizontaltimetd {
border-bottom: 3px solid #aecf49 !important;
border-top: 1px solid #494949 !important;
border-left: 1px solid #494949;
}
.e-schedule .e-horizontalalternatetd {
border-bottom: 3px solid #aecf49 !important;
border-left: 1px solid transparent;
border-top: 1px solid #494949 !important;
}
.e-schedule .e-horizontmonthheaderdatetd {
border-bottom: 1px solid #494949 !important;
border-left: 1px solid #494949;
}
.e-schedule .e-horizontmonthheaderdaytd {
border-bottom: 3px solid #aecf49 !important;
border-left: 1px solid #494949;
}
.e-schedule .e-horizontmonthheaderdaytd,
.e-schedule .e-horizontaltabletimecell {
}
.e-schedule .e-alternateworkcell {
border-left: 1px dotted #494949 !important;
}
.e-schedule .e-dayend {
border-left: 2px solid #494949 !important;
}
.e-schedule .e-parentnode,
.e-schedule .e-parentworkcell {
border-bottom: 1px solid #494949 !important;
}
.e-schedule .e-parentnode {
border-bottom: 1px solid #494949 !important;
}
.e-schedule .e-parentnode {
background: #212121;
}
.e-schedule .e-childnode,
.e-schedule .e-childworkcell {
border-bottom: 1px dotted #494949 !important;
}
.e-schedule .e-workcells,
.e-schedule .e-monthcells {
border-bottom: 1px solid #494949;
border-left: 1px solid #494949;
background: #121212;
}
.e-schedule .e-othermonths {
border-left: 1px solid transparent;
}
.e-schedule .e-agendacells {
border-bottom: 1px solid #494949;
border-left: 1px solid #494949;
}
.e-schedule .e-agendahover,
.e-schedule .e-schedulerepeat,
.e-schedule .e-schedulerepeatedit,
.e-schedule .e-scheduleallday {
color: #aecf49;
}
.e-schedule .e-alternatecells,
.e-schedule .e-ampmstyle {
}
.e-schedule .e-alternatecells,
.e-schedule .e-ampmstyle {
border-bottom: 1px dotted #4e4e4e;
}
.e-schedule .e-ampmstyle {
}
.e-schedule .e-appointresizer-top,
.e-schedule .e-appointresizer-bottom,
.e-schedule .e-appointresizer-left,
.e-schedule .e-appointresizer-right {
}
.e-schedule .e-appointresizer-top,
.e-schedule .e-appointresizer-bottom,
.e-schedule .e-appointresizer-left,
.e-schedule .e-appointresizer-right {
color: white;
}
.e-schedule .e-monthcellhighlight {
}
.e-schedule .e-monthcellhighlight {
background: black;
}
.e-schedule .e-businesshighlightworkcells {
}
.e-schedule .e-businesshighlightworkcells {
background: black;
}
.e-schedule .e-scheduleheader {
}
.e-schedule .e-scheduleheader {
background: #212121;
}
.e-schedule .e-nextapp,
.e-schedule .e-prevapp {
}
.e-schedule .e-nextapp,
.e-schedule .e-prevapp {
border: 1px solid #777777;
border-bottom: transparent;
color: #dddddd;
}
.e-schedule .e-nextapp,
.e-schedule .e-prevapp {
background: #212121;
}
.e-schedule .e-nextprevappdisable {
}
.e-schedule .e-nextprevappdisable {
opacity: 0.4;
}
.e-schedule .e-navigatenext,
.e-schedule .e-navigateprevious {
}
.e-schedule .e-navigatenext,
.e-schedule .e-navigateprevious {
color: #cccccc;
}
.e-schedule .e-scheduleheader > td {
}
.e-schedule .e-scheduleheader > td {
border: 1px solid #777777;
border-bottom: none;
}
.e-schedule .e-headerarearow > td {
border: 1px solid #494949;
border-bottom: none;
}
.e-schedule .e-contentarearow > td {
border: 1px solid #494949;
border-top: none;
}
.e-schedule .e-resourceexpand:after,
.e-schedule .e-resourcecollapse:after {
}
.e-schedule.e-scheduleresponsive.e-resources {
border-right: 1px solid #494949;
}
.e-schedule.e-rtl.e-scheduleresponsive.e-resources {
border-right: none;
border-left: 1px solid #494949;
}
.e-schedule .e-headerbackcolor,
.e-schedule .e-timecells {
border-bottom: 1px solid #494949;
}
.e-schedule .e-monthheader,
.e-schedule .e-scrolltimecells {
}
.e-schedule .e-currentdayhighlight {
}
.e-schedule .e-currentdayhighlight {
color: #dddddd !important;
background: rgba(174, 207, 73, 0.3) !important;
}
.e-schedule .e-horizontal .e-currentdayhighlight {
}
.e-schedule .e-currentdayhighlight .e-activeview {
}
.e-schedule .e-currentdayhighlight .e-activeview {
background: none !important;
color: #dddddd !important;
}
.e-schedule .e-headercells:not(.e-currentdayhighlight) .e-activeview {
}
.e-schedule .e-mousehover {
background-color: #343e16;
color: #aaaaaa;
}
.e-schedule .e-mousehover .e-agendahover,
.e-schedule .e-mousehover .e-schedulerepeat,
.e-schedule .e-mousehover .e-schedulerepeatedit,
.e-schedule .e-mousehover .e-scheduleallday {
}
.e-schedule .e-mousehover .e-agendahover,
.e-schedule .e-mousehover .e-schedulerepeat,
.e-schedule .e-mousehover .e-schedulerepeatedit,
.e-schedule .e-mousehover .e-scheduleallday {
color: #efefef;
}
.e-schedule .e-highlightcurrenttimeline {
background-color: #a5c935;
}
.e-schedule .e-currenttime {
background-color: #a5c935;
color: white;
}
.e-schedule .e-timeidicatorcircle {
color: #a5c935;
}
.e-scheduledialog .e-recuredit {
color: #aecf49;
}
.e-schedule .e-alldaycells {
border-left: 1px solid #494949;
border-bottom: 1px solid #494949;
}
.e-schedule .e-headerresourcecells {
border-bottom: 1px solid #494949;
}
.e-schedule .e-resourcecells {
border-left: 1px solid #494949;
border-bottom: 1px solid #494949;
background: black;
color: #dddddd;
}
.e-schedule .e-headercells {
border-left: 1px solid #494949;
border-bottom: 3px solid #aecf49;
background: black;
color: #dddddd;
}
.e-schedule .e-monthdateshighlight {
}
.e-schedule .e-monthdateshighlight {
color: #282828 !important;
}
.e-schedule .e-monthcurrenttime {
background: #a5c935;
color: white;
}
.e-schedule.e-rtl .e-agendacells,
.e-schedule.e-rtl .e-workcells,
.e-schedule.e-rtl .e-alldaycells,
.e-schedule.e-rtl .e-monthcells {
border-left: none !important;
border-right: 1px solid #494949;
}
.e-schedule.e-rtl .e-resourcecells,
.e-schedule.e-rtl .e-headercells,
.e-schedule.e-rtl .e-horizontmonthheaderdatetd,
.e-schedule.e-rtl .e-horizontmonthheaderdaytd {
border-left: none !important;
border-right: 1px solid #494949;
}
.e-schedule.e-rtl .e-othermonths {
border-left: none !important;
border-right: 1px solid transparent;
}
.e-schedule.e-rtl .e-dayend {
border-left: none !important;
border-right: 2px solid #494949 !important;
}
.e-schedule.e-rtl .e-horizontaltimetd {
border-left: none !important;
border-right: 1px solid #494949;
}
.e-schedule.e-rtl .e-alternateworkcell {
border-left: none !important;
border-right: 1px dotted #494949 !important;
}
.e-schedule.e-rtl .e-horizontalalternatetd {
border-left: none !important;
border-right: 1px solid transparent !important;
}
.e-schedule .e-activeview {
}
.e-schedule .e-activeview {
background: #aecf49;
/* Old browsers */
background: -moz-linear-gradient(top, 0%, #aecf49 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aecf49), color-stop(100%, #aecf49));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aecf49 0%, #aecf49 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aecf49 0%, #aecf49 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #aecf49 0%, #aecf49 100%);
/* IE10+ */
background: linear-gradient(to bottom, #aecf49 0%, #aecf49 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aecf49', endColorstr='#aecf49', GradientType=0);
/* IE6-9 */
color: white;
}
.e-schedule .e-monthleftcells,
.e-schedule .e-settingsindent {
border-bottom: 3px solid #aecf49;
background: black;
color: #dddddd;
}
.e-schedule .e-resourceleftindentcells {
border-bottom: 1px solid transparent;
background: black;
color: #dddddd;
}
.e-schedule .e-horizontaldaterender {
background: black;
color: #dddddd;
}
.e-draggableAppointment,
.e-schedule .e-monthappointment,
.e-schedule .e-alldayappointment,
.e-schedule .e-appointment,
.e-schedule .e-inline {
background: #aecf49;
/* Old browsers */
background: -moz-linear-gradient(top, 0%, #aecf49 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aecf49), color-stop(100%, #aecf49));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aecf49 0%, #aecf49 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aecf49 0%, #aecf49 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #aecf49 0%, #aecf49 100%);
/* IE10+ */
background: linear-gradient(to bottom, #aecf49 0%, #aecf49 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aecf49', endColorstr='#aecf49', GradientType=0);
/* IE6-9 */
color: white;
border: 1px solid #c0da71;
}
.e-schedule .e-categorycolor,
.e-schedule .e-agendacolordiv {
background: #aecf49;
/* Old browsers */
background: -moz-linear-gradient(top, 0%, #aecf49 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aecf49), color-stop(100%, #aecf49));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aecf49 0%, #aecf49 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #aecf49 0%, #aecf49 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #aecf49 0%, #aecf49 100%);
/* IE10+ */
background: linear-gradient(to bottom, #aecf49 0%, #aecf49 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aecf49', endColorstr='#aecf49', GradientType=0);
/* IE6-9 */
}
.e-schedule .e-selectedAppointment {
border: 1px solid black;
}
.e-schedule .e-selectedCell,
.e-schedule .e-agendaappointment.e-selectedAppointment {
}
.e-schedule .e-selectedCell,
.e-schedule .e-agendaappointment.e-selectedAppointment {
background-color: #343e16;
}
.e-schedule .e-borderleft {
border-left: 1px solid #494949;
}
.e-schedule .e-borderright {
border-right: 1px solid #494949 !important;
}
.e-scheduledialog .e-buttonactive:not(.e-disable) {
}
.e-scheduledialog .e-buttonactive:not(.e-disable) {
background: #aecf49 !important;
color: white !important;
}
.e-scheduledialog .e-buttonactive:not(.e-disable):hover {
}
.e-scheduledialog .e-buttonactive:not(.e-disable):hover {
background: #343e16 !important;
color: #aaaaaa !important;
}
.e-scheduledialog .e-detailedapp,
.e-scheduledialog .e-editevents {
color: #aecf49;
}
.e-scheduledialog .e-dialogheader {
font-weight: bold !important;
}
.e-scheduledialog .e-outerarrowline {
border-color: #494949 transparent;
border-image: none;
border-style: solid;
border-width: 9px 9px 0;
left: 0;
position: absolute;
top: 0;
}
.e-scheduledialog .e-innerarrow {
border-color: black transparent;
border-image: none;
border-style: solid;
border-width: 8px 8px 0;
left: 1px;
position: absolute;
top: 0;
}
.e-draggableAppointment {
box-shadow: 5px 5px 5px #969696;
}
.e-schedule .e-blocktimeappointment {
background-color: black;
color: #dddddd;
opacity: 0.4;
}
.e-scheduledialog div.e-field-validation-error {
}
.e-scheduledialog div.e-field-validation-error {
background-color: #fffe91;
color: #cd0a0a;
white-space: normal;
}
.e-schedule .e-appsoverflow {
color: #cccccc;
}
.e-schedule .e-appsoverflow:hover {
color: #efefef;
}
.e-scheduledialog div.e-error .e-toparrow {
}
.e-scheduledialog div.e-error .e-toparrow {
border-bottom-color: #fffe92;
}
/*-----------------------Schedule Theme End -----------------------------*/
/* need verify with UX team*/
/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*----------------------OLAP Definition------------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*----------------------material theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */
.e-content-area {
background-color: #111111;
color: white;
border-color: #494949;
font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-grid.e-rtl .e-nextpage,
.e-grid.e-rtl .e-nextpagedisabled {
border-left-color: #777777;
}
.e-pager,
.e-grid .e-pagerstatusbar,
.e-pager .e-drpdwn li,
.e-pager .e-drpdwn,
.e-pager div.e-drpdwndiv {
background-color: #212121;
border-color: #777777;
color: #dddddd;
}
.e-pager {
}
.e-pager .e-icon {
}
.e-pager .e-icon {
/*other*/
color: #cccccc;
}
.e-pager .e-default:hover {
}
.e-pager .e-default:hover {
color: #aaaaaa;
}
.e-pager .e-spacing {
color: #dddddd;
}
.e-pager .e-spacing.e-NP {
color: #cccccc;
}
.e-pager .e-numericitem.e-hover,
.e-pager .e-currentitem.e-hover {
}
.e-pager .e-numericitem.e-hover,
.e-pager .e-currentitem.e-hover {
/*other*/
color: #aaaaaa;
}
.e-pager .e-numericitem.e-hover,
.e-pager .e-currentitem.e-hover {
background: #343e16;
}
.e-pager.e-disable .e-numericitem.e-hover {
background: #212121;
border-right-color: #777777;
}
.e-pager .e-numericitem {
font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-pager .e-numericitem {
/*other*/
background: #212121;
border-right-color: #777777;
}
.e-pager .e-prevpagedisabled,
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-lastpage,
.e-pager .e-firstpage,
.e-pager .e-firstpagedisabled {
}
.e-pager .e-prevpagedisabled,
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-lastpage,
.e-pager .e-firstpage,
.e-pager .e-firstpagedisabled {
/*other*/
background-color: #212121;
color: #cccccc;
}
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-firstpagedisabled {
}
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-firstpage {
}
.e-pager .e-lastpage,
.e-pager .e-firstpage {
/*other*/
background-color: transparent;
}
.e-pager .e-nextpage.e-hover,
.e-pager .e-lastpage.e-hover,
.e-pager .e-firstpage.e-hover,
.e-pager .e-prevpage.e-hover {
}
.e-pager .e-nextpage.e-hover,
.e-pager .e-lastpage.e-hover,
.e-pager .e-firstpage.e-hover,
.e-pager .e-prevpage.e-hover {
background: #343e16;
}
.e-pager.e-disable .e-nextpage.e-hover,
.e-pager.e-disable .e-lastpage.e-hover,
.e-pager.e-disable .e-firstpage.e-hover,
.e-pager.e-disable .e-prevpage.e-hover {
}
.e-pager.e-disable .e-nextpage.e-hover,
.e-pager.e-disable .e-lastpage.e-hover,
.e-pager.e-disable .e-firstpage.e-hover,
.e-pager.e-disable .e-prevpage.e-hover {
/*other*/
background: transparent;
border-right-color: #c8c8c8;
color: #686969;
}
.e-pager .e-pagercontainer {
}
.e-pager .e-pagercontainer {
/*other*/
background-color: #212121;
border-color: #777777;
}
.e-pager.e-rtl .e-pagercontainer {
}
.e-pager.e-rtl .e-numericitem {
}
.e-pager.e-rtl .e-numericitem {
/*other*/
border-left-color: #777777;
}
.e-pager .e-firstpage,
.e-pager .e-prevpage,
.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
}
.e-pager .e-firstpage,
.e-pager .e-prevpage,
.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
/*other*/
border-right-color: #777777;
}
.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-prevpage,
.e-pager.e-rtl .e-firstpagedisabled,
.e-pager.e-rtl .e-prevpagedisabled,
.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-lastpage,
.e-pager.e-rtl .e-nextpagedisabled,
.e-pager.e-rtl .e-lastpagedisabled {
}
.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-prevpage,
.e-pager.e-rtl .e-firstpagedisabled,
.e-pager.e-rtl .e-prevpagedisabled,
.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-lastpage,
.e-pager.e-rtl .e-nextpagedisabled,
.e-pager.e-rtl .e-lastpagedisabled {
/*other*/
border-left-color: #777777;
}
.e-pager.e-rtl div.e-parentmsgbar {
float: left;
}
.e-pager.e-rtl div.e-parentmsgbar {
margin-left: 6px;
}
.e-pager .e-currentitem {
}
.e-pager .e-currentitem {
/*other*/
color: white;
/*background-color:#428BCA;*/
}
.e-pager .e-currentitem {
background: #aecf49;
}
.e-pager .e-currentitem.e-hover {
}
.e-pager .e-currentitem.e-hover {
/*other*/
color: white;
/*background-color:#428BCA;*/
}
.e-pager .e-currentitem.e-hover {
background: #aecf49;
}
.e-pager.e-disable .e-currentitem.e-hover {
}
.e-pager.e-disable .e-currentitem.e-hover {
/*other*/
color: white;
background-color: #179bd7;
}
.e-pager.e-disable .e-currentitem.e-hover {
background: #aecf49;
}
.e-pager .e-NP.e-numericitem,
.e-pager .e-PP.e-numericitem {
}
.e-pager .e-drpdwndiv:before {
color: