js-pkg/Content/ej/web/material/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. 
*/

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------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-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*------------------ DatePicker ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */

.e-content-area {
  background-color: white;
  color: #111111;
  border-color: #e0e0e0;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
/*Theme Color*/

.e-grid.e-rtl .e-indentcell {
  border-left-color: #e0e0e0;
}
.e-grid .e-rarrowup-2x:before {
  
}
.e-grid .e-rarrowup-2x:before {
  content: "\e826" !important;
}
.e-grid .e-rarrowdown-2x:before {
  
}
.e-grid .e-rarrowdown-2x:before {
  content: "\e827" !important;
}
.e-grid.e-rtl .e-headercell,
.e-grid.e-rtl .e-grouptopleftcell {
  border-right-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
}
.e-grid.e-rtl .e-movablecontent,
.e-grid.e-rtl .e-movableheader {
  border-right-color: #e0e0e0;
}
/*..........................Skin css...........................*/

.e-grid {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  border-color: #e0e0e0;
  color: #212121;
  border-top: none;
  
}
.e-grid .e-pager {
  
}
.e-grid .e-pager {
  background-color: white;
  border-width: 1px 0 0;
}
.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: #424242;
}
.e-groupheadercell .e-icon {
  color: white;
}
.e-grid .e-gridheader .e-icon {
  color: #424242;
}
.e-grid .e-dialog > .e-dialog-scroller,
.e-grid .e-excelfilter.e-dlgcontainer {
  border: 1px solid #e0e0e0 \9;
}
.e-grid.e-dlgcontainer .e-value .e-caption {
  
}
.e-grid .e-icon.e-animatebutton {
  color: white;
  cursor: pointer;
  
}
.e-grid .e-icon.e-animatebutton {
  color: black;
}
.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 #e0e0e0;
  font-size: 12px;
  color: #212121;
}
.e-grid .e-ccButton {
  width: 100px !important;
  padding-left: 9px !important;
  margin-right: 1px !important;
}
.e-grid .e-btncan {
  color: black !important;
}
.e-grid .e-btnsub.e-flat.e-button:after,
.e-grid .e-btncan.e-flat.e-button:after {
  animation: none !important;
  background: transparent;
}
.e-grid .e-ccBtndiv {
  
}
.e-grid .e-ccBtndiv {
  margin-right: -1px !important;
  border: none !important;
  margin-top: -7px !important;
}
.e-grid .e-ccformbtn {
  width: 80px !important;
}
.e-columnChoosertail {
  border-bottom-color: #e0e0e0;
}
.e-columnChoosertail {
  display: none !important;
}
.e-columnChoosertailAlt {
  border-bottom-color: #3f51b5;
}
.e-columnChoosertailAlt {
  border-bottom-color: #e0e0e0;
  display: none !important;
}
.e-columnChooserListDiv:hover {
  background-color: #fafafa;
}
.e-columnChooser .e-vhandlespace {
  background-color: white !important;
}
.e-columnChooser .e-hhandlespace {
  background-color: white !important;
}
.e-columnChooserSplitter {
  border-top: 1px solid #e0e0e0;
}
.e-columnChooserSplitter {
  display: none !important;
}
.e-grid .e-number {
  background-color: #bbbdc0;
  color: white;
}
.e-grid .e-tableLastCell {
  border-right-color: #e0e0e0 !important;
}
.e-stackedHeaderRow th {
  border-bottom: 1px solid #e0e0e0 !important;
}
.e-resFilterDialogHeaderDiv {
  border-bottom: 1px solid #e0e0e0 !important;
}
.e-resposnsiveFilterBtnLeft {
  border-right: 1px solid #e0e0e0 !important;
}
.e-resIcon {
  color: #e0e0e0 !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: #424242;
  color: white;
}
.e-grid .e-toolbar > .e-horizontal [data-content="Search"]:hover,
.e-grid .e-toolbar > .e-horizontal [data-content="Search"]:active {
  background: none;
}
.e-grid .e-toolbar > .e-horizontal [data-content="Search"].e-active > a,
.e-grid .e-toolbar > .e-horizontal [data-content="Search"].e-hover > a {
  background: none;
}
.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 {
  background-color: #e0e0e0;
}
.e-grid div.e-gridtoolbar {
  
}
.e-grid .e-ejinputtext.e-gridsearchbar {
  line-height: 20px !important;
  text-indent: 0.75em;
}
.e-grid .e-dlgBtns .e-button {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-weight: normal;
  font-size: 14px;
}
.e-grid .e-gridpopup .e-content {
  background-color: white;
  border-color: #e0e0e0;
}
.e-grid .e-gridpopup span:hover,
.e-grid .e-gridpopup .e-spanclicked {
  border-color: #424242;
}
.e-grid .e-gridpopup .e-downtail:before,
.e-grid .e-gridpopup .e-downtail {
  border-top-color: #e0e0e0;
}
.e-grid .e-gridpopup .e-downtail:after {
  border-top-color: white;
}
.e-grid .e-gridcontent,
.e-grid .e-form-container {
  background-color: white;
}
.e-grid.e-columnChooser .e-hscroll,
.e-grid.e-columnChooser .e-vscroll {
  background-color: transparent;
}
.e-grid .e-groupdroparea {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
  border-top-color: #e0e0e0;
  color: white;
}
.e-grid .e-groupdroparea {
  color: black;
  opacity: 0.87;
}
.e-grid .e-groupheadercell div {
  
}
.e-grid .e-groupdroparea {
  background: #7986cb;
}
.e-grid .e-groupdroparea.e-default {
  
}
.e-grid .e-groupdroparea.e-default {
  background: #e8eaf6;
}
.e-grid .e-groupdroparea.e-active {
  
}
.e-grid .e-groupdroparea.e-active {
  background: #7986cb;
}
.e-grid .e-groupdroparea.e-allowDrop {
  
}
.e-grid .e-cloneproperties {
  
  border-color: #e0e0e0;
}
.e-grid .e-cloneproperties {
  color: rgba(0, 0, 0, 0.54);
  background-color: #eeeeee;
  font-size: 13px !important;
  font-family: 'Roboto', Segoe UI;
  font-weight: normal;
  border-radius: 22px;
  height: 17px !important;
  padding: 10px !important;
  width: auto !important;
}
.e-grid.e-draganddrop {
  background-color: #eeeeee;
  border-color: #e0e0e0;
  border-width: 1px;
  /*opacity: .5;*/
  padding: 4px 5px;
  /* border-width: 1px; */
  font-size: 13px;
  font-family: 'Roboto', Segoe UI;
  border-style: solid;
  white-space: nowrap;
  vertical-align: middle;
  height: auto !important;
  border-radius: 0 !important;
}
.e-grid.e-draganddrop .e-rowcell {
  color: rgba(0, 0, 0, 0.54);
  border-color: #e0e0e0;
}
.e-grid .e-groupcaption,
.e-grid .e-groupcaptionsummary {
  color: #212121;
  background-color: #fafafa;
  border-color: #e0e0e0;
  border-top-color: #e0e0e0;
}
.e-grid .e-gridfooter tr.e-gridSummaryRows td.e-scrollindent {
  border-style: solid;
  border-width: 1px 0 0;
  border-color: #e0e0e0;
}
.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: #fafafa;
  border-top-color: #e0e0e0;
}
.e-grid .e-headercell-hover,
.e-grid .e-groupheadercell:hover {
  color: #212121;
  color: white;
}
.e-grid .e-headercell-hover {
  background-color: #eeeeee;
}
.e-grid .e-headercell-hover .e-headercelldiv {
  color: #424242;
  color: white;
}
.e-grid .e-headercell-hover > .e-headercelldiv:hover {
  color: #424242;
  color: white;
  opacity: 1;
}
.e-grid .e-gridheader .e-headercellactive .e-icon {
  
}
.e-grid .e-gridheader .e-headercellactive .e-icon {
  color: white;
}
.e-grid .e-headercell:not(.e-stackedHeaderCell):not(.e-headercellactive):hover {
  
}
.e-grid .e-groupheadercell {
  color: white;
  border-color: #e0e0e0;
  border-radius: 20px;
  background-color: whitesmoke;
}
.e-grid .e-groupheadercell {
  border-color: #3f51b5;
}
.e-grid .e-alt_row {
  background: #fafafa;
  
}
.e-grid .e-alt_row {
  background: #fafafa;
}
.e-grid .e-inlineform-titlebar {
  border-color: #e0e0e0;
  background-color: #fafafa;
  
}
.e-grid .e-inlineform-titlebar {
  background-color: white;
}
.e-grid .gridform .e-label label {
  
}
.e-grid .e-dialog .gridform .e-numerictextbox {
  width: 100% !important;
}
.e-grid .e-indentcell,
.e-grid .e-recordpluscollapse,
.e-grid .e-recordplusexpand {
  border-color: #e0e0e0;
  border-top-color: #e0e0e0;
  background-color: #fafafa;
}
.e-grid .e-detailcell,
.e-grid .e-detailrowcollapse,
.e-grid .e-detailrowexpand,
.e-grid tr.e-editedrow td.e-rowcell {
  border-top-color: #e0e0e0;
}
.e-grid .e-detailrowcollapse.e-lastrowcell {
  border-bottom-color: #e0e0e0;
}
.e-grid .e-detailindentcell {
  border-right-color: #e0e0e0;
}
.e-grid .e-rowcell.e-updatedtd {
  color: #212121;
}
.e-grid .e-rowcell.e-updatedtd.e-active {
  color: black;
}
.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: #a5a5a5;
}
.e-grid td.e-active,
.e-grid .e-form-titlebar {
  
}
.e-grid td.e-active,
.e-grid .e-form-titlebar {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.84);
}
.e-grid .e-gridFromDiv {
  
}
.e-grid td.e-cellselectionbackground {
  
}
.e-grid td.e-cellselectionbackground {
  background-color: whitesmoke;
}
.e-grid .e-headercelldiv:hover {
  color: black;
  opacity: 0.84;
}
.e-grid .e-inlineform-titlebar {
  font-size: 14px;
  color: white;
  
}
.e-grid .e-inlineform-titlebar {
  color: black;
}
.e-grid .e-form-titlebar {
  
}
.e-grid .e-form-titlebar {
  color: black !important;
  border-bottom: 1px solid;
  border-color: #e0e0e0;
  background-color: white !important;
}
.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 .gridform .e-save {
  margin-left: 55px !important;
}
.e-grid .e-dialog .gridform .e-save {
  margin-left: 42px !important;
}
.e-grid .e-dialog.e-titlebar {
  
}
.e-grid .e-headercell,
.e-grid .e-grouptopleftcell {
  
}
.e-grid .e-headercell,
.e-grid .e-grouptopleftcell {
  /*background-color : @content-bg-color;*/
  border-left-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
  border-right-color: #e0e0e0;
  /*//border-bottom:1px;*/

}
.e-grid .e-headercell,
.e-grid .e-headercell-hover {
  
}
.e-grid .e-rowcell {
  
}
.e-grid .e-grouptopleftcell {
  border-left-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
}
.e-grid .e-horizontallines .e-resizer {
  border-width: 0 1px 0 0;
}
.e-grid th.e-headercell[aria-sort=ascending] div,
.e-grid th.e-headercell[aria-sort=descending] div {
  font-size: medium;
}
.e-grid .e-columnselection {
  background-color: whitesmoke;
  color: #e0e0e0;
  
}
.e-grid .e-columnselection {
  color: rgba(0, 0, 0, 0.84);
}
.e-grid .e-grid-icon {
  background: #3f51b5;
}
.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: white;
  border-bottom-color: #e0e0e0;
  border-top-color: #e0e0e0;
  
}
.e-grid .e-headercontent,
.e-grid .e-movableheader {
  border-right-color: #e0e0e0;
}
.e-grid.e-rtl .e-headercontent {
  border-left-color: #e0e0e0;
}
.e-grid .e-editcell,
.e-grid .e-form-container,
.e-grid .e-externalformedit,
.e-grid .e-tabletd,
.e-grid .e-rowcell {
  border-color: #e0e0e0;
}
.e-grid .e-form-container,
.e-grid .e-externalformedit {
  width: 100%;
}
.e-grid .e-rowcell:first-child {
  
}
.e-grid .e-rowcell:last-child {
  
}
.e-grid .e-rowcell .e-ejinputtext,
.e-grid .e-ejinputtext.e-filtertext {
  background-color: transparent;
  color: black;
  border-color: black;
  color: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0.12);
}
.e-grid .e-rowcell .e-ejinputtext {
  height: 34px !important;
  border-width: 0 0 1px 0;
  width: 100% !important;
}
.e-grid .e-ejinputtext.e-filtertext {
  border-width: 0 0 2px 0;
  text-indent: 0;
}
.e-grid .e-rowcell .e-ejinputtext:active,
.e-grid .e-ejinputtext.e-filtertext:active {
  
}
.e-grid .e-rowcell .e-ejinputtext:active,
.e-grid .e-ejinputtext.e-filtertext:active {
  box-shadow: none;
  border-color: #ff4081;
  border-width: 0 0 2px 0;
}
.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:hover,
.e-grid .e-ejinputtext.e-filtertext:hover {
  box-shadow: none;
}
.e-grid .e-rowcell .e-ejinputtext[disabled],
.e-grid .e-ejinputtext.e-filtertext[disabled] {
  box-shadow: none;
  border-width: 0 0 1px 0;
  border-bottom-color: transparent;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);
  background-image: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.38) 100%);
  background-position: bottom -1px left 0;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  color: black;
  color: rgba(0, 0, 0, 0.38);
}
.e-grid .e-rowcell .e-ejinputtext[disabled]:hover,
.e-grid .e-ejinputtext.e-filtertext[disabled]:hover {
  box-shadow: none;
}
.e-grid .e-rowcell .e-ejinputtext.e-animation:focus,
.e-grid .e-ejinputtext.e-filtertext.e-animation:focus {
  border-color: black;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-grid .e-rowcell .e-ejinputtext::selection,
.e-grid .e-ejinputtext.e-filtertext::selection {
  background: #ff4081;
  color: white;
  border-width: 0 0 2px 0;
}
.e-grid .e-rowcell .e-ejinputtext::-moz-selection,
.e-grid .e-ejinputtext.e-filtertext::-moz-selection {
  background: #ff4081;
  color: white;
}
.e-grid .e-form-togglebtn:hover {
  background: #e0e0e0;
}
.e-grid .e-form-toggle-icon {
  color: white;
}
.e-grid .e-filterbarcell,
.e-grid .e-filterbarcelldisabled {
  border-color: #e0e0e0;
  background-color: #3f51b5;
  background-image: none;
}
.e-grid .e-filterbarcell,
.e-grid .e-filterbarcelldisabled {
  background-color: white;
  border-color: #e0e0e0;
}
.e-grid .e-grid-filterstatusbar,
.e-grid .e-grid-filterstatusbarbottom {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
  border-color: #e0e0e0;
}
.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: #e0e0e0;
}
.e-grid tr.e-hover {
  color: #212121;
  
}
.e-grid tr.e-hover {
  background: #e0e0e0;
}
.e-grid tr.e-hover {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.84);
}
.e-grid tr.e-traverse {
  color: #212121;
}
.e-grid tr.e-traverse {
  background: #e0e0e0;
}
.e-grid .e-scrollcss {
  
}
.e-grid .e-scrollcss {
  background-color: #fafafa;
}
.e-grid .e-headercell-hover,
.e-grid .e-filtercell:hover,
.e-grid .e-groupheadercell:hover {
  background: #606fc7;
}
.e-grid .e-reorderindicate {
  border-right-color: #e0e0e0;
}
.e-grid .e-reorderindicate {
  border-right-color: #ff4081;
}
.e-grid.e-rtl .e-reorderindicate {
  border-left-color: #e0e0e0;
}
.e-grid div.e-field-validation-error {
  
  white-space: normal;
}
.e-grid div.e-field-validation-error {
  background-color: #616161;
  color: white;
}
.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: #616161;
}
.e-grid .e-ejinputtext {
  border: 1px solid #e0e0e0;
  outline: none;
  background-color: white;
  color: #212121;
  vertical-align: baseline;
}
.e-ejinputtext:focus {
  box-shadow: 0 0 5px #d4d4d4;
}
.e-grid .e-summaryrow {
  background-color: #fafafa;
  border-color: #e0e0e0;
  border-left-color: #e0e0e0 !important;
  
}
.e-gridfooter {
  width: 100%;
  background-color: #fafafa;
  border-top: 1px solid #e0e0e0;
}
.e-grid .e-detailcell tr:first-child td.e-summaryrow {
  border-top: 1px solid #e0e0e0;
}
.e-grid .e-gridSummaryRows {
  color: #212121;
  
}
.e-grid .e-gridSummaryRows {
  height: 48px;
  color: rgba(0, 0, 0, 0.84);
}
.e-grid .e-reSizeColbg {
  border-left-color: #e0e0e0;
  
}
.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-headercellactive,
.e-grid .e-headercellactive span,
.e-grid .e-headercellactive div {
  color: white;
}
.e-grid .e-headercellactive {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
}
.e-grid .e-headercellactive {
  background: #606fc7;
}
.e-grid .e-movablecontent,
.e-grid .e-movableheader {
  
}
.e-grid .e-movablecontent,
.e-grid .e-movableheader {
  border-left-color: #9e9e9e;
}
.e-grid .e-frozeny {
  
}
.e-grid .e-frozeny {
  border-bottom-color: #9e9e9e !important;
}
.e-grid .e-dialog .e-header .e-icon {
  color: white;
}
.e-grid.e-responsive .e-rowcell {
  border-bottom-color: #e0e0e0;
}
.e-grid.e-responsive .e-table > tbody > tr > td:last-child {
  border-bottom-color: #e0e0e0;
}
.e-grid form .e-select:hover .e-icon {
  color: #424242;
}
.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: white;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------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-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*------------------ DatePicker ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */

.e-content-area {
  background-color: white;
  color: #111111;
  border-color: #e0e0e0;
  font-family: 'Roboto', 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: #c8c8c8;
}
.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: black;
}
.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: white;
}
.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: black;
}
.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: white;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------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-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*------------------ DatePicker ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */

.e-content-area {
  background-color: white;
  color: #111111;
  border-color: #e0e0e0;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-excelfilter.e-dlgcontainer {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-weight: normal;
  font-size: 13px;
  color: #212121;
  z-index: 10001;
  
}
.e-excelfilter .e-searchcontainer,
.e-excelfilter.e-dlgcontainer {
  background: none white;
}
.e-excelfilter .e-btncan {
  color: black !important;
}
.e-excelfilter .e-menu,
.e-excelfilter .e-menu.e-vertical,
.e-excelfilter .e-menu.e-vertical .e-list > ul {
  background: white;
}
.e-excelfilter .e-menu,
.e-excelfilter .e-menu.e-vertical,
.e-excelfilter .e-menu.e-vertical .e-list > ul {
  box-shadow: none;
}
.e-excelfilter .e-checkboxlist {
  background: #fafafa;
  border: #fafafa;
}
.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: #fafafa;
}
.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 {
  width: 160px !important;
}
.e-sortasc,
.e-sortdesc {
  font-size: 18px;
}
.e-excelfilter.e-dlgcustom .e-fieldset legend {
  font-size: 14px;
  color: #212121;
  border: none;
}
.e-excelfilter .e-select:hover .e-icon {
  color: #424242;
}
.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: white;
}
.e-bghdrcolor > a,
.e-fghdrcolor > a {
  color: white;
}
.e-excelfilter .e-menu .e-list.e-valcolor {
  border-color: #3f51b5;
}
.e-excelfilter .e-menu .e-list.e-valcolor.e-mhover.e-mfocused {
  border-color: #e0e0e0;
  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: white;
}
.e-excelfilter .e-searchbox .e-ejinputtext {
  border-width: 0 0 2px 0;
  text-indent: 0.75em;
}
.e-excelfilter .e-searchbox .e-ejinputtext:focus {
  box-shadow: none;
  border-color: #ff4081;
}
.e-excelfilter .e-menu-wrap ul.e-menu {
  padding-left: 0px;
  padding-top: 12px;
}
.e-excelfilter .e-btncontainer input,
.e-excelfilter .e-checkboxlist .e-ftrchk {
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 14px;
}
.e-excelfilter .e-searchcontainer .e-fields {
  margin: 12px 0;
}
.e-btn.e-btn-normal,
.e-tbtn.e-btn-normal {
  padding: 0 10px;
}
.e-excelfilter .e-btncontainer > div {
  padding-left: 41px;
}
.e-excelfilter.e-dlgcustom {
  padding-bottom: 8px !important;
}
.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 {
  box-shadow: 10px 10px 10px #e0e0e0 !important;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------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-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*------------------ DatePicker ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */

.e-content-area {
  background-color: white;
  color: #111111;
  border-color: #e0e0e0;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
/*---------------------------------Schedule Theme--------------------------------*/

.e-schedule,
.e-schedule.e-scheduleouter {
  
}
.e-schedule,
.e-schedule.e-scheduleouter {
  color: black;
  background-color: white;
}
.e-schedule .e-mobileNavigation {
  
}
.e-schedule .e-mobileNavigation {
  color: white;
}
.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: #424242;
}
.e-scheduledrawer .e-lv .e-list.e-state-default:hover > .e-list-img {
  color: #424242;
}
.navDrawerMenu li {
  
}
.e-scheduledrawer .e-list.e-state-active .e-list-img {
  
}
.e-scheduledrawer .e-list.e-state-active .e-list-img {
  color: #ff4081;
}
.e-schedule .icon-AddGrad:before {
  color: #2382c3;
}
.e-schedule .e-datecommondiv {
  
}
.e-schedule .e-datecommondiv {
  color: white;
}
.e-schedule .e-commonviewbutton {
  
}
.e-schedule .e-commonviewbutton {
  color: white;
  background: #3f51b5;
}
.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 {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-scheduledialog .e-scheduleclose:hover {
  
}
.e-scheduledialog .e-scheduleclose:hover {
  background-color: none;
}
.e-schedule .e-commonviewbutton:hover {
  
}
.e-schedule .e-appup,
.e-schedule .e-appdown {
  
}
.e-schedule .e-appup,
.e-schedule .e-appdown {
  color: black;
}
.e-schedule .e-appup:hover,
.e-schedule .e-appdown:hover {
  
}
.e-schedule .e-singleview {
  
}
.e-schedule.e-rtl .e-firstview,
.e-schedule .e-lastview {
  
}
.e-schedule .e-dateheader {
  border-bottom: 1px solid #e0e0e0;
}
.e-schedule .e-horizontalemptytd {
  border: none !important;
  border-right: 1px solid #e0e0e0 !important;
  border-top: 1px solid #e0e0e0 !important;
}
.e-schedule.e-rtl .e-horizontalemptytd {
  border: none !important;
  border-left: 1px solid #e0e0e0 !important;
  border-top: 1px solid #e0e0e0 !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 #e0e0e0;
}
.e-scheduledialog .e-quickstartend {
  color: rgba(0, 0, 0, 0.87);
}
.e-scheduledialog .e-quickstartendtime {
  border-bottom: 1px solid #e0e0e0;
}
.e-scheduledialog .e-quickcreatebottomcontainer {
  border-top: 1px solid #e0e0e0;
}
.e-schedule .e-horizontalheader {
  border-bottom: 1px solid #e0e0e0 !important;
  background: #fafafa;
  color: black;
}
.e-schedule .e-horizontalheadertddate {
  border-left: none !important;
  border-bottom: none !important;
  border-right: none !important;
}
.e-schedule .e-horizontaltimetd {
  border-bottom: 1px solid #e0e0e0 !important;
  border-top: 1px solid #e0e0e0 !important;
  border-left: 1px solid #e0e0e0;
}
.e-schedule .e-horizontalalternatetd {
  border-bottom: 1px solid #e0e0e0 !important;
  border-left: 1px solid transparent;
  border-top: 1px solid #e0e0e0 !important;
}
.e-schedule .e-horizontmonthheaderdatetd {
  border-bottom: 1px solid #e0e0e0 !important;
  border-left: 1px solid #e0e0e0;
}
.e-schedule .e-horizontmonthheaderdaytd {
  border-bottom: 1px solid #e0e0e0 !important;
  border-left: 1px solid #e0e0e0;
}
.e-schedule .e-horizontmonthheaderdaytd,
.e-schedule .e-horizontaltabletimecell {
  background: white;
}
.e-schedule .e-alternateworkcell {
  border-left: 1px dotted #e0e0e0 !important;
}
.e-schedule .e-dayend {
  border-left: 2px solid #e0e0e0 !important;
}
.e-schedule .e-parentnode,
.e-schedule .e-parentworkcell {
  border-bottom: 1px solid #e0e0e0 !important;
}
.e-schedule .e-parentnode {
  
}
.e-schedule .e-childnode,
.e-schedule .e-childworkcell {
  border-bottom: 1px dotted #e0e0e0 !important;
}
.e-schedule .e-workcells,
.e-schedule .e-monthcells {
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background: #fafafa;
}
.e-schedule .e-othermonths {
  border-left: 1px solid transparent;
}
.e-schedule .e-agendacells {
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.e-schedule .e-agendahover,
.e-schedule .e-schedulerepeat,
.e-schedule .e-schedulerepeatedit,
.e-schedule .e-scheduleallday {
  color: #3f51b5;
}
.e-schedule .e-alternatecells,
.e-schedule .e-ampmstyle {
  
}
.e-schedule .e-alternatecells,
.e-schedule .e-ampmstyle {
  border-bottom: 1px dashed #e0e0e0;
}
.e-schedule .e-ampmstyle {
  border-bottom: 1px dotted transparent;
}
.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: white;
}
.e-schedule .e-businesshighlightworkcells {
  
}
.e-schedule .e-businesshighlightworkcells {
  background: white;
}
.e-schedule .e-scheduleheader {
  
}
.e-schedule .e-scheduleheader {
  background: #3f51b5;
}
.e-schedule .e-nextapp,
.e-schedule .e-prevapp {
  
}
.e-schedule .e-nextapp,
.e-schedule .e-prevapp {
  color: rgba(0, 0, 0, 0.87);
  background-color: whitesmoke;
  border: 1px solid #bdbdbd;
  border-bottom: transparent;
}
.e-schedule .e-nextprevappdisable {
  
}
.e-schedule .e-nextprevappdisable {
  color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
}
.e-schedule .e-navigatenext,
.e-schedule .e-navigateprevious {
  
}
.e-schedule .e-navigatenext,
.e-schedule .e-navigateprevious {
  color: white;
}
.e-schedule .e-scheduleheader > td {
  
}
.e-schedule .e-scheduleheader > td {
  border: 1px solid #e0e0e0;
  border-bottom: none;
}
.e-schedule .e-headerarearow > td {
  border: 1px solid #e0e0e0;
  border-bottom: none;
}
.e-schedule .e-contentarearow > td {
  border: 1px solid #e0e0e0;
  border-top: none;
}
.e-schedule .e-resourceexpand:after,
.e-schedule .e-resourcecollapse:after {
  background: #bdbdbd;
}
.e-schedule.e-scheduleresponsive.e-resources {
  border-right: 1px solid #e0e0e0;
}
.e-schedule.e-rtl.e-scheduleresponsive.e-resources {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
.e-schedule .e-headerbackcolor,
.e-schedule .e-timecells {
  border-bottom: 1px solid #e0e0e0;
}
.e-schedule .e-monthheader,
.e-schedule .e-scrolltimecells {
  
}
.e-schedule .e-monthheader,
.e-schedule .e-scrolltimecells {
  color: black;
}
.e-schedule .e-currentdayhighlight {
  
}
.e-schedule .e-currentdayhighlight {
  color: #ff4081 !important;
  background: rgba(255, 64, 129, 0.12) !important;
}
.e-schedule .e-horizontal .e-currentdayhighlight {
  
}
.e-schedule .e-horizontal .e-currentdayhighlight {
  background: none !important;
}
.e-schedule .e-currentdayhighlight .e-activeview {
  
}
.e-schedule .e-currentdayhighlight .e-activeview {
  background: none !important;
  color: #ff4081 !important;
  border: none;
}
.e-schedule .e-headercells:not(.e-currentdayhighlight) .e-activeview {
  background: #ff4081;
  color: white;
  border: none;
}
.e-schedule .e-mousehover {
  background-color: #eeeeee;
  color: #212121;
}
.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: rgba(0, 0, 0, 0.54);
}
.e-schedule .e-highlightcurrenttimeline {
  background-color: #3849a2;
}
.e-schedule .e-currenttime {
  background-color: #3849a2;
  color: white;
}
.e-schedule .e-timeidicatorcircle {
  color: #3849a2;
}
.e-scheduledialog .e-recuredit {
  color: #3f51b5;
}
.e-schedule .e-alldaycells {
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.e-schedule .e-headerresourcecells {
  border-bottom: 1px solid #e0e0e0;
}
.e-schedule .e-resourcecells {
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background: #fafafa;
  color: black;
}
.e-schedule .e-headercells {
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background: #fafafa;
  color: black;
}
.e-schedule .e-monthdateshighlight {
  
}
.e-schedule .e-monthcurrenttime {
  background: #3849a2;
  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 #e0e0e0;
}
.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 #e0e0e0;
}
.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 #e0e0e0 !important;
}
.e-schedule.e-rtl .e-horizontaltimetd {
  border-left: none !important;
  border-right: 1px solid #e0e0e0;
}
.e-schedule.e-rtl .e-alternateworkcell {
  border-left: none !important;
  border-right: 1px dotted #e0e0e0 !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 {
  opacity: 1;
  border-bottom: 2px solid #ff4081;
}
.e-schedule .e-monthleftcells,
.e-schedule .e-settingsindent {
  border-bottom: 1px solid #e0e0e0;
  background: #fafafa;
  color: black;
}
.e-schedule .e-resourceleftindentcells {
  border-bottom: 1px solid transparent;
  background: #fafafa;
  color: black;
}
.e-schedule .e-horizontaldaterender {
  background: #fafafa;
  color: black;
}
.e-draggableAppointment,
.e-schedule .e-monthappointment,
.e-schedule .e-alldayappointment,
.e-schedule .e-appointment,
.e-schedule .e-inline {
  background: #3f51b5;
  /* Old browsers */
  background: -moz-linear-gradient(top, 0%, #3f51b5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f51b5), color-stop(100%, #3f51b5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3f51b5 0%, #3f51b5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3f51b5 0%, #3f51b5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3f51b5 0%, #3f51b5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #3f51b5 0%, #3f51b5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f51b5', endColorstr='#3f51b5', GradientType=0);
  /* IE6-9 */

  color: white;
  border: 1px solid #606fc7;
}
.e-schedule .e-categorycolor,
.e-schedule .e-agendacolordiv {
  background: #3f51b5;
  /* Old browsers */
  background: -moz-linear-gradient(top, 0%, #3f51b5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f51b5), color-stop(100%, #3f51b5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3f51b5 0%, #3f51b5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3f51b5 0%, #3f51b5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3f51b5 0%, #3f51b5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #3f51b5 0%, #3f51b5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f51b5', endColorstr='#3f51b5', 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: whitesmoke;
}
.e-schedule .e-borderleft {
  border-left: 1px solid #e0e0e0;
}
.e-schedule .e-borderright {
  border-right: 1px solid #e0e0e0 !important;
}
.e-scheduledialog .e-buttonactive:not(.e-disable) {
  
}
.e-scheduledialog .e-buttonactive:not(.e-disable) {
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.e-scheduledialog .e-buttonactive:not(.e-disable):hover {
  
}
.e-scheduledialog .e-buttonactive:not(.e-disable):hover {
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.e-scheduledialog .e-detailedapp,
.e-scheduledialog .e-editevents {
  text-transform: uppercase;
  color: #ff4081;
}
.e-scheduledialog .e-dialogheader {
  font-weight: bold !important;
}
.e-scheduledialog .e-outerarrowline {
  border-color: #e0e0e0 transparent;
  border-image: none;
  border-style: solid;
  border-width: 9px 9px 0;
  left: 0;
  position: absolute;
  top: 0;
}
.e-scheduledialog .e-innerarrow {
  border-color: white 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 #424242;
}
.e-schedule .e-blocktimeappointment {
  background-color: #c2c2c2;
  color: #212121;
  opacity: 0.4;
}
.e-scheduledialog div.e-field-validation-error {
  
}
.e-scheduledialog div.e-field-validation-error {
  background-color: #616161;
  color: white;
  white-space: normal;
}
.e-schedule .e-appsoverflow {
  color: #424242;
}
.e-schedule .e-appsoverflow:hover {
  color: #424242;
}
.e-scheduledialog div.e-error .e-toparrow {
  
}
.e-scheduledialog div.e-error .e-toparrow {
  border-bottom-color: #616161;
}
/*-----------------------Schedule Theme End -----------------------------*/


/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------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-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*------------------ DatePicker ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */

.e-content-area {
  background-color: white;
  color: #111111;
  border-color: #e0e0e0;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-grid.e-rtl .e-nextpage,
.e-grid.e-rtl .e-nextpagedisabled {
  border-left-color: #e0e0e0;
}
.e-pager,
.e-grid .e-pagerstatusbar,
.e-pager .e-drpdwn li,
.e-pager .e-drpdwn,
.e-pager div.e-drpdwndiv {
  background-color: whitesmoke;
  border-color: #e0e0e0;
  color: #212121;
  
}
.e-pager {
  
}
.e-pager {
  /*material*/
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
  border-color: #e0e0e0;
  border-width: 1px 1px 1px;
}
.e-pager .e-icon {
  
}
.e-pager .e-icon {
  position: relative;
}
.e-pager .e-default:hover {
  
}
.e-pager .e-spacing {
  color: #212121;
  
}
.e-pager .e-spacing {
  /*material*/
  padding: 6px 1px 6px 1px;
}
.e-pager .e-spacing.e-NP {
  color: #424242;
}
.e-pager .e-numericitem.e-hover,
.e-pager .e-currentitem.e-hover {
  
}
.e-pager .e-numericitem.e-hover,
.e-pager .e-currentitem.e-hover {
  background-color: #eeeeee;
  color: rgba(0,