js-pkg/Content/ej/web/gradient-saffron-dark/ej.theme.css

Npm package of Syncfusion.JavaScript.

@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*/
.pager-hover-gradient {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
/*-----------------------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-----------------------*/
/*----------------------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: #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: #fbbe6d;
}
/*..........................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: #4d4d4d;
}
.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: #363636;
  
}
.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: #fbbe6d !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: #cccccc;
}
.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: #fbbe6d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbbe6d, #f9920b);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbbe6d), color-stop(100%, #f9920b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbbe6d, #f9920b);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbbe6d, #f9920b);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbbe6d, #f9920b);
  /* IE10+ */
  background: linear-gradient(to bottom, #fbbe6d, #f9920b);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbbe6d', endColorstr='#f9920b', GradientType=0);
  /* IE6-9 */

}
.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: #dddddd;
}
.e-grid .e-cloneproperties {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
.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: #dddddd;
}
.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: #4d4d4d;
  
}
.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: #828282;
}
.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: #fbbe6d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbbe6d, #f9920b);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbbe6d), color-stop(100%, #f9920b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbbe6d, #f9920b);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbbe6d, #f9920b);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbbe6d, #f9920b);
  /* IE10+ */
  background: linear-gradient(to bottom, #fbbe6d, #f9920b);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbbe6d', endColorstr='#f9920b', GradientType=0);
  /* IE6-9 */

}
.e-grid .e-gridFromDiv {
  
}
.e-grid td.e-cellselectionbackground {
  
}
.e-grid td.e-cellselectionbackground {
  color: white;
}
.e-grid td.e-cellselectionbackground {
  background: #fbbe6d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbbe6d, #9a5904);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbbe6d), color-stop(100%, #9a5904));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbbe6d, #9a5904);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbbe6d, #9a5904);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbbe6d, #9a5904);
  /* IE10+ */
  background: linear-gradient(to bottom, #fbbe6d, #9a5904);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbbe6d', endColorstr='#9a5904', GradientType=0);
  /* IE6-9 */

}
.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: #fbbe6d;
}
.e-grid .e-headercell,
.e-grid .e-grouptopleftcell {
  background: #363636;
  /* Old browsers */
  background: -moz-linear-gradient(top, #363636, black);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #363636, black);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #363636, black);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #363636, black);
  /* IE10+ */
  background: linear-gradient(to bottom, #363636, black);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='black', GradientType=0);
  /* IE6-9 */

}
.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: #4d4d4d;
  color: #fbbe6d;
  
}
.e-grid .e-grid-icon {
  background: #363636;
  /* Old browsers */
  background: -moz-linear-gradient(top, #363636, black);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #363636, black);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #363636, black);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #363636, black);
  /* IE10+ */
  background: linear-gradient(to bottom, #363636, black);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='black', GradientType=0);
  /* IE6-9 */

}
.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: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
.e-grid .e-form-toggle-icon {
  color: white;
}
.e-grid .e-filterbarcell,
.e-grid .e-filterbarcelldisabled {
  border-color: #494949;
  background-color: #363636;
  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: #fbbe6d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbbe6d, #f9920b);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbbe6d), color-stop(100%, #f9920b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbbe6d, #f9920b);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbbe6d, #f9920b);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbbe6d, #f9920b);
  /* IE10+ */
  background: linear-gradient(to bottom, #fbbe6d, #f9920b);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbbe6d', endColorstr='#f9920b', GradientType=0);
  /* IE6-9 */

}
.e-grid .e-grid-filterstatusbar .e-msgdiv,
.e-grid .e-grid-filterstatusbarbottom .e-msgdiv {
  color: white;
}
.e-grid .e-groupdroparea.e-hover {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

  
}
.e-grid .e-groupdroparea.e-hover {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
.e-grid tr.e-hover {
  color: #dddddd;
  
}
.e-grid tr.e-hover {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
.e-grid tr.e-traverse {
  color: #dddddd;
}
.e-grid tr.e-traverse {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
.e-grid .e-scrollcss {
  
}
.e-grid .e-scrollcss {
  background: #363636;
  /* Old browsers */
  background: -moz-linear-gradient(top, #363636, black);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363636), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #363636, black);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #363636, black);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #363636, black);
  /* IE10+ */
  background: linear-gradient(to bottom, #363636, black);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='black', GradientType=0);
  /* IE6-9 */

}
.e-grid .e-headercell-hover,
.e-grid .e-filtercell:hover,
.e-grid .e-groupheadercell:hover {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
.e-grid .e-reorderindicate {
  border-right-color: #fbbe6d;
  
}
.e-grid.e-rtl .e-reorderindicate {
  border-left-color: #fbbe6d;
}
.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: #cccccc;
}
.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: #fbbe6d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbbe6d, #f9920b);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbbe6d), color-stop(100%, #f9920b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbbe6d, #f9920b);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbbe6d, #f9920b);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbbe6d, #f9920b);
  /* IE10+ */
  background: linear-gradient(to bottom, #fbbe6d, #f9920b);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbbe6d', endColorstr='#f9920b', GradientType=0);
  /* IE6-9 */

}
.e-grid .e-movablecontent,
.e-grid .e-movableheader {
  
}
.e-grid .e-movablecontent,
.e-grid .e-movableheader {
  border-left-color: #fbbe6d;
}
.e-grid .e-frozeny {
  
}
.e-grid .e-frozeny {
  border-bottom-color: #fbbe6d !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: #cccccc;
}
.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*/
.pager-hover-gradient {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
/*-----------------------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-----------------------*/
/*----------------------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: #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*/
.pager-hover-gradient {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
/*-----------------------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-----------------------*/
/*----------------------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: #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: #cccccc;
}
.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: #363636;
}
.e-excelfilter .e-menu .e-list.e-valcolor.e-mhover.e-mfocused {
  border-color: #fbbe6d;
  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*/
.pager-hover-gradient {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
/*-----------------------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-----------------------*/
/*----------------------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: #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: #cccccc;
}
.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: #4d4d4d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4d4d4d, #212121);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #212121));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4d4d4d, #212121);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4d4d4d, #212121);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4d4d4d, #212121);
  /* IE10+ */
  background: linear-gradient(to bottom, #4d4d4d, #212121);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#212121', GradientType=0);
  /* IE6-9 */

}
.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: #777777;
  color: #dddddd;
}
.e-schedule .e-nextapp:hover,
.e-schedule .e-prevapp:hover {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
.e-scheduledialog .e-scheduleclose:hover {
  
}
.e-scheduledialog .e-scheduleclose:hover {
  border-color: #777777;
  color: #dddddd;
}
.e-scheduledialog .e-scheduleclose:hover {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
.e-schedule .e-commonviewbutton:hover {
  
}
.e-schedule .e-commonviewbutton:hover {
  color: #dddddd;
}
.e-schedule .e-commonviewbutton:hover {
  background: #57452d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #57452d, #57380f);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57452d), color-stop(100%, #57380f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #57452d, #57380f);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #57452d, #57380f);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #57452d, #57380f);
  /* IE10+ */
  background: linear-gradient(to bottom, #57452d, #57380f);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57452d', endColorstr='#57380f', GradientType=0);
  /* IE6-9 */

}
.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: #57452d;
}
.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 #fbbe6d;
}
.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 #fbbe6d !important;
  background: #363636;
  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 #fbbe6d !important;
  border-top: 1px solid #494949 !important;
  border-left: 1px solid #494949;
}
.e-schedule .e-horizontalalternatetd {
  border-bottom: 3px solid #fbbe6d !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 #fbbe6d !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: #4d4d4d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4d4d4d, #212121);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #212121));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4d4d4d, #212121);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4d4d4d, #212121);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4d4d4d, #212121);
  /* IE10+ */
  background: linear-gradient(to bottom, #4d4d4d, #212121);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#212121', GradientType=0);
  /* IE6-9 */

}
.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 so