@charset "UTF-8";
/*!
*  filename: ej.theme.css
*  version : 18.3.0.35
*  Copyright Syncfusion Inc. 2001 - 2018. 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------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
  text-indent: 10px;
  padding-right: 4px;
}
.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------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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: 0 0 9px rgba(0, 0, 0, 0.4) !important;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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 !important;
  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,
.e-schedule .e-monthnamecells {
  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,
.e-schedule.e-rtl .e-monthnamecells {
  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,
.e-schedule .e-monthnameleftindentcell {
  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 !important;
}
.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;
}
@media print {
  .e-schedule .e-monthappointment,
  .e-schedule .e-alldayappointment,
  .e-schedule .e-appointment,
  .e-schedule .e-activeview,
  .e-schedule .e-currenttime,
  .e-schedule .e-highlightcurrenttimeline,
  .e-schedule .e-agendacolordiv,
  .e-schedule .e-selectedCell {
    background: #3f51b5 !important;
    /* Old browsers */
  
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f51b5), color-stop(100%, #3f51b5)) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3f51b5 0%, #3f51b5 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3f51b5 0%, #3f51b5 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3f51b5 0%, #3f51b5 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, #3f51b5 0%, #3f51b5 100%) !important;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f51b5', endColorstr='#3f51b5', GradientType=0) !important;
    /* IE6-9 */
    color: white !important;
  }
  .e-schedule .e-monthappointment,
  .e-schedule .e-alldayappointment,
  .e-schedule .e-appointment,
  .e-schedule .e-activeview,
  .e-schedule .e-currenttime,
  .e-schedule .e-highlightcurrenttimeline,
  .e-schedule .e-agendacolordiv,
  .e-schedule .e-selectedCell {
    background: -moz-linear-gradient(top, 0%, #3f51b5 100%) !important;
    /* FF3.6+ */
  
  }
  .e-schedule .e-scheduleheader {
    
  }
  .e-schedule .e-scheduleheader {
    background: #3f51b5 !important;
  }
  .e-schedule .e-workcells,
  .e-schedule .e-monthcells {
    border-bottom: 1px solid #e0e0e0 !important;
    border-left: 1px solid #e0e0e0 !important;
    background: #fafafa !important;
  }
  .e-schedule .e-monthcellhighlight {
    
  }
  .e-schedule .e-monthcellhighlight {
    background: white !important;
  }
  .e-schedule .e-businesshighlightworkcells {
    
  }
  .e-schedule .e-businesshighlightworkcells {
    background: white !important;
  }
  .e-schedule .e-nextapp,
  .e-schedule .e-prevapp {
    
  }
  .e-schedule .e-nextapp,
  .e-schedule .e-prevapp {
    color: rgba(0, 0, 0, 0.87) !important;
    background-color: whitesmoke !important;
    border: 1px solid #bdbdbd !important;
    border-bottom: transparent !important;
  }
  .e-schedule .e-apptext,
  .e-schedule .e-apptime,
  .e-schedule .e-recurapp:before,
  .e-schedule .e-recureditapp:before {
    color: white !important;
  }
  .e-schedule .e-scheduleallday:before,
  .e-schedule .e-schedulerepeat:before,
  .e-schedule .e-schedulerepeatedit:before,
  .e-schedule .e-timeidicatorcircle:before {
    color: #3f51b5 !important;
  }
  .e-schedule .e-alternatecells,
  .e-schedule .e-ampmstyle {
    
  }
  .e-schedule .e-alternatecells,
  .e-schedule .e-ampmstyle {
    border-bottom: 1px dashed #e0e0e0 !important;
  }
  .e-schedule .e-othermonths {
    border-left: 1px solid transparent !important;
  }
}
/*-----------------------Schedule Theme End -----------------------------*/


/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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, 0, 0, 0.87);
}
.e-pager.e-disable .e-numericitem.e-hover {
  background: whitesmoke;
  border-right-color: #e0e0e0;
  
}
.e-pager.e-disable .e-numericitem.e-hover {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.e-pager .e-numericitem {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  
}
.e-pager .e-numericitem {
  /*material*/
  background: white;
  color: rgba(0, 0, 0, 0.87);
  border-right-color: white;
  width: 30px;
  height: 20px;
  line-height: 20px;
  border-right: 0;
  margin: 0 8px 0 8px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.e-pager .e-prevpagedisabled,
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-lastpage,
.e-pager .e-firstpage,
.e-pager .e-firstpagedisabled {
  
}
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-firstpagedisabled {
  /*material*/
  background-color: white;
  color: rgba(0, 0, 0, 0.26);
}
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-firstpage {
  /*material*/
  background-color: white;
  color: rgba(0, 0, 0, 0.54);
}
.e-pager .e-lastpage,
.e-pager .e-firstpage {
  
}
.e-pager .e-nextpage.e-hover,
.e-pager .e-lastpage.e-hover,
.e-pager .e-firstpage.e-hover,
.e-pager .e-prevpage.e-hover {
  
}
.e-pager .e-nextpage.e-hover,
.e-pager .e-lastpage.e-hover,
.e-pager .e-firstpage.e-hover,
.e-pager .e-prevpage.e-hover {
  color: rgba(0, 0, 0, 0.87);
  background-color: #eeeeee;
  border-radius: 50%;
}
.e-pager.e-disable .e-nextpage.e-hover,
.e-pager.e-disable .e-lastpage.e-hover,
.e-pager.e-disable .e-firstpage.e-hover,
.e-pager.e-disable .e-prevpage.e-hover {
  
}
.e-pager.e-disable .e-nextpage.e-hover,
.e-pager.e-disable .e-lastpage.e-hover,
.e-pager.e-disable .e-firstpage.e-hover,
.e-pager.e-disable .e-prevpage.e-hover {
  background: white;
  color: rgba(0, 0, 0, 0.54);
}
.e-pager .e-pagercontainer {
  
}
.e-pager .e-pagercontainer {
  /*material*/
  background-color: white;
  border-color: white;
  margin: 2px 6px -4px 16px;
  border-width: 0px;
}
.e-pager.e-rtl .e-pagercontainer {
  /*material*/
  margin: 4px 16px -4px 6px;
}
.e-pager.e-rtl .e-numericitem {
  
}
.e-pager.e-rtl .e-numericitem {
  /*material*/
  border-left-color: white;
}
.e-pager .e-firstpage,
.e-pager .e-prevpage,
.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
  
}
.e-pager .e-firstpage,
.e-pager .e-prevpage,
.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled {
  /*material*/
  border-right-color: white;
  padding: 6px 5px 6px 6px;
  margin: 5px 8px 0 8px;
  height: 12px;
  width: 13px;
  display: inline-block;
  border-radius: 50%;
}
.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-prevpage,
.e-pager.e-rtl .e-firstpagedisabled,
.e-pager.e-rtl .e-prevpagedisabled,
.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-lastpage,
.e-pager.e-rtl .e-nextpagedisabled,
.e-pager.e-rtl .e-lastpagedisabled {
  
}
.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-prevpage,
.e-pager.e-rtl .e-firstpagedisabled,
.e-pager.e-rtl .e-prevpagedisabled,
.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-lastpage,
.e-pager.e-rtl .e-nextpagedisabled,
.e-pager.e-rtl .e-lastpagedisabled {
  /*material*/
  border-left-color: white;
  padding: 6px 5px 6px 5px;
}
.e-pager.e-rtl div.e-parentmsgbar {
  
  float: left;
}
.e-pager.e-rtl div.e-parentmsgbar {
  /*material*/
  padding-left: 24px;
}
.e-pager .e-currentitem.e-active {
  
}
.e-pager .e-currentitem.e-active {
  /*material*/
  background: #ff4081;
  border-radius: 50%;
  color: white;
}
.e-pager .e-currentitem.e-hover {
  
}
.e-pager .e-currentitem.e-hover {
  /*material*/
  background: #eeeeee;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.87);
}
.e-pager.e-disable .e-currentitem.e-hover {
  
}
.e-pager.e-disable .e-currentitem.e-hover {
  /*material*/
  background: #ff4081;
  border-radius: 50%;
  color: white;
}
.e-pager .e-NP.e-numericitem,
.e-pager .e-PP.e-numericitem {
  vertical-align: top;
  line-height: 12px;
}
.e-pager .e-drpdwndiv:before {
  color: #212121;
  background: whitesmoke;
}
.e-pager .e-pager-itemsinterval .e-drpdwndiv:hover:before,
.e-pager .e-pager-itemsinterval .e-drpdwndiv:hover,
.e-pager .e-drpdwn li:hover {
  
}
.e-pager .e-pager-itemsinterval .e-drpdwndiv:hover:before,
.e-pager .e-pager-itemsinterval .e-drpdwndiv:hover,
.e-pager .e-drpdwn li:hover {
  /*material*/
  background: #eeeeee;
  color: rgba(0, 0, 0, 0.87);
}
.e-pager.e-disable .e-pager-itemsinterval .e-drpdwndiv:hover:before,
.e-pager.e-disable .e-pager-itemsinterval .e-drpdwndiv:hover,
.e-pager.e-disable .e-drpdwn li:hover {
  color: #212121;
  background: whitesmoke;
}
.e-pager .e-drpdwn li.e-active {
  
  border-bottom: 1px solid white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.e-pager .e-drpdwn li.e-active {
  /*material*/
  background-color: white;
  color: #ff4081;
}
.e-pager div.e-numericcontainer {
  
}
.e-pager div.e-parentmsgbar {
  
}
.e-pager .e-textbox-paging.e-pagercontainer {
  float: none;
}
.e-pager .e-template {
  width: 100%;
}
.e-pager .e-textbox-paging .e-gototextbox {
  
}
.e-pager .e-textbox-paging .e-nextpage,
.e-pager .e-textbox-paging .e-nextpagedisabled {
  
}
.e-pager.e-rtl .e-textbox-paging .e-nextpage,
.e-pager.e-rtl .e-textbox-paging .e-nextpagedisabled {
  
}
.e-pager .e-textbox-paging.e-pagercontainer .e-gototextbox {
  float: none;
  margin-right: 0px;
  height: 26px;
}
.e-pager .e-textbox-paging.e-pagercontainer .e-gototextbox {
  width: 75px;
}
.e-pager .e-textbox-paging.e-pagercontainer .e-newrecord,
.e-pager .e-textbox-paging.e-pagercontainer .e-firstpage,
.e-pager .e-textbox-paging.e-pagercontainer .e-lastpage,
.e-pager .e-textbox-paging.e-pagercontainer .e-nextpage,
.e-pager .e-textbox-paging.e-pagercontainer .e-prevpage,
.e-pager .e-textbox-paging.e-pagercontainer .e-firstpagedisabled,
.e-pager .e-textbox-paging.e-pagercontainer .e-lastpagedisabled,
.e-pager .e-textbox-paging.e-pagercontainer .e-nextpagedisabled,
.e-pager .e-textbox-paging.e-pagercontainer .e-prevpagedisabled {
  
}
.e-pager .e-textbox-paging.e-pagercontainer .e-newrecord,
.e-pager .e-textbox-paging.e-pagercontainer .e-firstpage,
.e-pager .e-textbox-paging.e-pagercontainer .e-lastpage,
.e-pager .e-textbox-paging.e-pagercontainer .e-nextpage,
.e-pager .e-textbox-paging.e-pagercontainer .e-prevpage,
.e-pager .e-textbox-paging.e-pagercontainer .e-firstpagedisabled,
.e-pager .e-textbox-paging.e-pagercontainer .e-lastpagedisabled,
.e-pager .e-textbox-paging.e-pagercontainer .e-nextpagedisabled,
.e-pager .e-textbox-paging.e-pagercontainer .e-prevpagedisabled {
  margin: 5px 8px 0 8px;
  height: 12px;
  width: 13px;
  display: inline-block;
  border-radius: 50%;
  padding: 6px 3px 5px 6px;
  color: rgba(0, 0, 0, 0.54);
}
.e-pager .e-textbox-paging.e-pagercontainer .e-newrecord,
.e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-newrecord {
  
}
.e-pager.e-disable .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
  background: transparent;
}
.e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-newrecord,
.e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-firstpage,
.e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-lastpage,
.e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-nextpage,
.e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-prevpage,
.e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-firstpagedisabled,
.e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-lastpagedisabled,
.e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-nextpagedisabled,
.e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-prevpagedisabled {
  
}
.e-pager.e-rtl .e-textbox-paging .e-gototextbox {
  
}
.e-pager .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
  
}
.e-pager .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
  border-radius: 50%;
}
.e-pager.e-rtl .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
  
}
.e-pager .e-textbox-paging.e-pagercontainer .e-lastpage.e-hover {
  
}
.e-pager .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
  
}
.e-pager .e-textbox-paging.e-pagercontainer .e-newrecord.e-hover {
  background-color: #eeeeee;
}
.e-pager .e-template .e-textbox-paging .e-lastpage,
.e-pager .e-template .e-textbox-paging .e-lastpagedisabled {
  border-right: inherit;
}
.e-pager.e-rtl .e-template .e-lastpage,
.e-pager.e-rtl .e-template .e-lastpagedisabled {
  
}
.e-pager .e-template .e-previouspager.e-nextprevitemdisabled,
.e-pager .e-template .e-nextpager.e-nextprevitemdisabled {
  display: none;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- scrollbar -------------------------------------------*/

.e-scrollbar .e-vscroll,
.e-scrollbar .e-hscroll,
.e-scrollbar .e-vhandlespace {
  
}
.e-scrollbar .e-vscroll,
.e-scrollbar .e-hscroll,
.e-scrollbar .e-vhandlespace {
  background-color: #bdbdbd;
  border-color: #e0e0e0;
}
.e-scrollbar .e-vscroll {
  
  border-right: none;
}
.e-scrollbar .e-vscroll {
  border-left: 1px solid #e0e0e0;
}
.e-scrollbar .e-hscroll {
  
}
.e-scrollbar .e-hscroll {
  border-top: 1px solid #e0e0e0;
}
.e-scrollbar .e-vhandlespace,
.e-scrollbar .e-hhandlespace {
  position: relative;
  background-color: #fafafa;
}
.e-scrollbar .e-hscroll .e-hdown.e-icon {
  
}
.e-scrollbar .e-hscroll .e-hdown.e-icon {
  border-right: 1px solid #e0e0e0;
}
.e-scrollbar .e-hscroll .e-hup.e-icon {
  border-left: none;
}
.e-scrollbar .e-vscroll .e-chevron-down_01.e-icon {
  
}
.e-scrollbar .e-vscroll .e-chevron-down_01.e-icon {
  border-bottom: 1px solid #e0e0e0;
}
.e-scroller.e-rtl .e-scrollbar .e-vscroll {
  
  border-left: none;
}
.e-scroller.e-rtl .e-scrollbar .e-vscroll {
  border-right: 1px solid #e0e0e0;
}
.e-scroller.e-rtl .e-scrollbar .e-hscroll .e-hup.e-icon {
  border-left: 1px solid #e0e0e0;
}
.e-scroller.e-rtl .e-scrollbar .e-hscroll .e-hdown.e-icon {
  border-right: none;
}
.e-scrollbar .e-vhandle,
.e-scrollbar .e-hhandle {
  
  transition: top 0.1s linear 0s, left 0.1s linear 0s;
}
.e-scrollbar .e-vhandle,
.e-scrollbar .e-hhandle {
  background-color: #bdbdbd;
}
.e-scrollbar .e-vhandle {
  
}
.e-scrollbar .e-vhandle {
  border-top: 0.5px solid transparent;
  border-bottom: 0.5px solid transparent;
}
.e-scrollbar .e-vhandle:hover,
.e-scrollbar .e-vhandle:active {
  border-top: 0.5px solid #e0e0e0;
  border-bottom: 0.5px solid #e0e0e0;
}
.e-scrollbar .e-hhandle {
  
}
.e-scrollbar .e-hhandle {
  border-left: 0.5px solid transparent;
  border-right: 0.5px solid transparent;
}
.e-scrollbar .e-hhandle:hover,
.e-scrollbar .e-hhandle:active {
  border-left: 0.5px solid #e0e0e0;
  border-right: 0.5px solid #e0e0e0;
}
.e-vhandle.e-box.e-pinch.e-touch,
.e-hhandle.e-box.e-pinch.e-touch {
  
}
.e-vhandle.e-box.e-pinch.e-touch,
.e-hhandle.e-box.e-pinch.e-touch {
  background-color: #757575;
  border-color: #616161;
}
.e-scrollbar .e-vhandle:hover,
.e-scrollbar .e-hhandle:hover {
  
}
.e-scrollbar .e-vhandle:hover,
.e-scrollbar .e-hhandle:hover {
  background-color: #9e9e9e;
  border-color: #757575;
}
.e-scrollbar .e-vhandle.e-disable:hover,
.e-scrollbar .e-hhandle.e-disable:hover,
.e-scrollbar .e-vhandle.e-disable,
.e-scrollbar .e-hhandle.e-disable,
.e-scroller .e-vscroll .e-vup.e-button.e-disable,
.e-scroller .e-vscroll .e-vdown.e-button.e-disable,
.e-scroller .e-hscroll .e-hup.e-button.e-disable,
.e-scroller .e-hscroll .e-hdown.e-button.e-disable,
.e-scroller .e-vscroll .e-vup.e-button.e-disable:hover,
.e-scroller .e-vscroll .e-vdown.e-button.e-disable:hover,
.e-scroller .e-hscroll .e-hup.e-button.e-disable:hover,
.e-scroller .e-hscroll .e-hdown.e-button.e-disable:hover {
  background-color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}
.e-scrollbar .e-vhandle:active,
.e-scrollbar .e-hhandle:active {
  background-color: #757575;
  border-color: #616161;
}
.e-scrollbar .e-button {
  
}
.e-scrollbar .e-button {
  /*other*/
  color: #424242;
}
.e-scrollbar .e-button:hover {
  
  border-color: #e0e0e0;
}
.e-scrollbar .e-button:hover {
  /*other*/
  background-color: #e0e0e0;
  color: #424242;
}
.e-scrollbar .e-button {
  
}
.e-scrollbar .e-button {
  /*other*/
  background-color: whitesmoke;
}
.e-scroller.e-speed-scroll > .e-content {
  overflow: scroll !important;
}
.e-scroller.e-speed-scroll .e-content {
  touch-action: manipulation;
  -ms-overflow-style: none;
}
.e-scroller.e-speed-scroll .e-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.e-scroller .e-disable .e-vhandle:hover,
.e-scroller .e-disable .e-button :hover,
.e-scroller .e-disable .e-hhandle:hover {
  
}
.e-scrollbar .e-v-line:before {
  content: "";
}
.e-scrollbar .e-h-line:before {
  content: "";
}
.e-scroller .e-button,
.e-scroller .e-disable .e-button:hover {
  
}
.e-scroller .e-button,
.e-scroller .e-disable .e-button:hover {
  color: rgba(0, 0, 0, 0.54);
}
.e-scroller .e-disable .e-button:hover {
  background-color: transparent;
}
.e-scroller .e-vscroll .e-vup.e-button,
.e-scroller .e-vscroll .e-vdown.e-button,
.e-scroller .e-hscroll .e-hup.e-button,
.e-scroller .e-hscroll .e-hdown.e-button {
  background-color: #bdbdbd;
}
.e-scroller .e-vscroll .e-vup.e-button:hover,
.e-scroller .e-vscroll .e-vdown.e-button:hover,
.e-scroller .e-hscroll .e-hup.e-button:hover,
.e-scroller .e-hscroll .e-hdown.e-button:hover {
  background-color: #9e9e9e;
}
.e-scroller .e-vscroll .e-vup.e-button:active,
.e-scroller .e-vscroll .e-vdown.e-button:active,
.e-scroller .e-hscroll .e-hup.e-button:active,
.e-scroller .e-hscroll .e-hdown.e-button:active {
  background-color: #757575;
  border-color: #616161;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-acrdn {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-acrdn > .e-content {
  border-color: #e0e0e0;
  background-color: white;
  
}
.e-acrdn > .e-content {
  /*material*/
  border-right: 0;
  border-left: 0;
  border-bottom: 0px solid;
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
}
.e-acrdn > .e-select,
.e-acrdn > .e-disable.e-select:hover,
.e-acrdn > .e-disable.e-select:hover a {
  
}
.e-acrdn > .e-select,
.e-acrdn > .e-disable.e-select:hover,
.e-acrdn > .e-disable.e-select:hover a {
  /*material*/
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.e-acrdn .e-select {
  
  font-weight: normal;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-acrdn .e-select {
  /*material*/
  border-color: white;
  font-size: 15px;
}
.e-acrdn .e-select:hover {
  
}
.e-acrdn .e-select:hover {
  /*material*/
  background: white;
  color: rgba(0, 0, 0, 0.87);
  border-color: white;
}
.e-acrdn .e-select a {
  
}
.e-acrdn .e-select a {
  color: #212121;
}
.e-acrdn .e-select:first-child {
  
}
.e-acrdn .e-select:first-child {
  border-top-color: #e0e0e0;
}
.e-acrdn > .e-select:first-child {
  
}
.e-acrdn > .e-select:first-child {
  /*material*/
  border-color: white;
}
.e-acrdn .e-select:last-of-type {
  
}
.e-acrdn .e-select.e-active,
.e-acrdn .e-disable.e-active.e-select:hover a,
.e-acrdn .e-disable.e-active.e-select:hover {
  
}
.e-acrdn .e-select.e-active,
.e-acrdn .e-disable.e-active.e-select:hover a,
.e-acrdn .e-disable.e-active.e-select:hover {
  /*material*/
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.e-acrdn.e-disable .e-select:hover,
.e-acrdn.e-disable .e-select:hover a {
  background: #ecedee;
  color: #5c5c5c;
}
.e-acrdn .e-select.e-active {
  
  font-weight: normal;
  border-bottom: medium none;
}
.e-acrdn .e-select.e-active {
  /*material*/
  border: none;
}
.e-acrdn .e-select.e-active:hover {
  
}
.e-acrdn .e-select.e-active:hover {
  /*material*/
  background: white;
  color: rgba(0, 0, 0, 0.87);
  border-color: white;
}
.e-acrdn .e-select.e-active a {
  
}
.e-acrdn .e-select.e-active a {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-acrdn .e-select:hover a,
.e-acrdn .e-select.e-active:hover a {
  
}
.e-acrdn .e-select:hover a,
.e-acrdn .e-select.e-active:hover a {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-acrdn .e-select > span {
  color: #424242;
}
.e-acrdn .e-select.e-active > span {
  
}
.e-acrdn .e-select.e-active > span {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-acrdn .e-select:hover > span,
.e-acrdn .e-select.e-active:hover > span {
  color: #424242;
}
.e-acrdn .e-select.e-disable:hover > span,
.e-acrdn .e-select.e-disable.e-active:hover > span {
  color: #424242;
}
.e-acrdn .e-content.e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- autocomplete -------------------------------------------*/

.e-atc .e-in-wrap,
.e-atc .e-input,
.e-atc-popup,
.e-atc .e-options {
  background-color: white;
  border-color: #e0e0e0;
  
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-atc .e-in-wrap,
.e-atc .e-input,
.e-atc-popup,
.e-atc .e-options {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  font-weight: normal;
}
.e-atc-popup {
  font-size: 13px !important;
}
.e-atc-popup .e-hilight-txt {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
}
.e-atc .e-options.e-active {
  
  color: white;
}
.e-atc .e-options.e-active {
  border-color: white;
}
.e-atc .e-options.e-active {
  background: #ff4081;
}
.e-atc .e-options.e-active:hover,
.e-atc .e-options:hover {
  
}
.e-atc .e-options.e-active:hover,
.e-atc .e-options:hover {
  color: #212121;
  border-color: #e0e0e0;
}
.e-atc .e-options.e-active:hover,
.e-atc .e-options:hover {
  background: #e0e0e0;
}
.e-atc .e-boxes {
  background-color: white;
}
.e-atc.e-focus .e-in-wrap {
  
}
.e-atc .e-in-wrap input.e-input,
input[type="text"].e-input {
  padding-left: 0.1em;
}
.e-atc:hover .e-in-wrap {
  
}
.e-atc-popup .e-category {
  border-bottom: 1px solid #e0e0e0;
}
.e-atc-popup .e-hover,
.e-atc-popup .e-content .e-atc-trbgcolor.e-hover {
  
}
.e-atc-popup .e-hover,
.e-atc-popup .e-content .e-atc-trbgcolor.e-hover {
  color: #212121;
  border-color: #e0e0e0;
}
.e-atc-popup .e-hover,
.e-atc-popup .e-content .e-atc-trbgcolor.e-hover {
  background: #eeeeee;
}
.e-atc .e-select:hover,
.e-atc.e-rtl .e-select:hover {
  
}
.e-atc .e-select:hover,
.e-atc.e-rtl .e-select:hover {
  border-color: white;
  color: #424242;
}
.e-atc-popup ul li,
.e-atc-popup.e-rtl ul li {
  
}
.e-atc-popup ul li,
.e-atc-popup.e-rtl ul li {
  padding: 13.5px 5px 5px 24px;
  min-height: 2.1em;
}
.e-atc .e-select,
.e-atc.e-rtl .e-select,
.e-atc .e-select.e-disable:hover {
  
}
.e-atc .e-select,
.e-atc.e-rtl .e-select,
.e-atc .e-select.e-disable:hover {
  border-color: white;
  color: #424242;
}
.e-atc .e-select,
.e-atc.e-rtl .e-select,
.e-atc .e-select.e-disable:hover {
  background: white;
}
.e-atc .e-input.e-load {
  background-image: url(images/ajax-loader.gif);
}
.e-atc ::-webkit-input-placeholder {
  
}
.e-atc ::-webkit-input-placeholder {
  color: #212121;
}
.e-atc :-ms-input-placeholder {
  
}
.e-atc :-ms-input-placeholder {
  color: #212121;
}
.e-atc ::-moz-placeholder {
  
}
.e-atc ::-moz-placeholder {
  color: #212121;
}
.e-atc :-moz-placeholder {
  
}
.e-atc :-moz-placeholder {
  color: #212121;
}
.e-atc-popup .e-atc-tdbottom,
.e-atc-popup div.e-atc-tableHeader {
  border-bottom: 1px solid #e0e0e0;
}
.e-atc-popup .e-atc-tdright,
.e-atc-popup .e-atc-tableHeaderScroll .e-atc-tableHeaderBorder,
.e-atc-popup div .e-atc-thright {
  border-right: 1px solid #e0e0e0;
}
.e-atc-popup .e-atc-tdleft,
.e-atc-popup .e-atc-tableHeaderRTL .e-atc-tableHeaderBorder,
.e-atc-popup div .e-atc-thleft {
  border-left: 1px solid #e0e0e0;
}
.e-atc-popup .e-atc-tableHeaderContent th {
  background: #fafafa;
  
}
.e-atc-popup .e-content .e-atc-trbgcolor {
  background: #fafafa;
  
}
.e-atc .e-in-wrap {
  border: none;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
  background: transparent;
}
.e-atc .e-in-wrap,
.e-atc .e-in-wrap .e-input {
  border-radius: 0px;
}
.e-atc .e-in-wrap input.e-input,
input[type="text"].e-input {
  
}
.e-atc .e-in-wrap input.e-input,
input[type="text"].e-input {
  box-shadow: 0 1.83px 1px transparent;
}
.e-atc-popup {
  
}
.e-atc-popup {
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.21);
}
.e-atc .e-input::selection {
  
}
.e-atc .e-input::selection {
  background: #ff4081;
  color: white;
}
.e-atc .e-input::-moz-selection {
  
}
.e-atc .e-input::-moz-selection {
  background: #ff4081;
  color: white;
}
.e-atc.e-disable-wrap .e-in-wrap {
  
}
.e-atc.e-disable-wrap .e-in-wrap {
  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;
}
.e-atc .e-in-wrap:before,
.e-atc .e-in-wrap:after {
  background: #ff4081;
}
.e-atc .e-select.e-active,
.e-atc .e-select:hover {
  border-radius: 2px;
}
.e-atc .e-select:after {
  background: rgba(0, 0, 0, 0.12);
}
.e-atc .e-select {
  right: 5px;
}
.e-atc .e-visual-mode.e-input {
  float: none;
}
.e-atc-popup .e-ul .txt {
  padding-left: 24px;
}
.e-atc-popup .e-ul .flag {
  
}
.e-atc-popup .e-ul .flag {
  margin-top: 4px;
}
.e-atc .e-select .e-icon.e-search {
  font-size: 18px;
}
.e-atc .e-autocomplete.e-input {
  
}
.e-atc .e-select:active {
  
}
.e-atc .e-select.e-disable,
.e-atc .e-select.e-disable:hover {
  
}
.e-atc .e-options .e-icon.e-close {
  
}
.e-atc .e-options.e-active .e-icon.e-close {
  
}
.e-atc .e-options {
  
}
.e-atc .e-visual-mode.e-input {
  
}
.e-atc-popup .e-atc-tableContent td {
  
}
.e-atc .e-options.e-active:hover .e-icon.e-close {
  
}
.e-atc .e-in-wrap.e-padding {
  overflow: hidden;
}
.e-atc .e-in-wrap.e-padding:before,
.e-atc .e-in-wrap.e-padding:after {
  height: 3px;
}
.e-atc-popup .e-activeli,
.e-atc-popup .e-content .e-activeli {
  background: #3f51b5;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- Button -------------------------------------------*/

.e-btn:not(.e-inputbtn),
.e-tbtn,
.e-split-btn {
  
}
.e-btn:not(.e-inputbtn),
.e-tbtn,
.e-split-btn {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  position: relative;
  text-transform: uppercase;
}
.e-btn {
  
}
.e-btn.e-select:focus {
  box-shadow: 0 0 2px #d4d4d4;
}
.e-btn.e-txt.e-select,
.e-tbtn.e-txt.e-select,
.e-split-btn.e-txt.e-select {
  
}
.e-split-btn-hide {
  visibility: hidden;
}
.e-rtl .e-splitarrowleft .e-split-btn.e-left-btn {
  
}
.e-rtl .e-splitarrowright .e-split-btn.e-left-btn {
  
}
.e-btn.e-select.e-disable,
.e-btn.e-disable.e-select:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.38);
  border-radius: 2px;
  border: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
  background-color: #fafafa;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  border-color: #fafafa;
}
.e-btn.e-disable.e-select:hover,
.e-tbtn.e-disable:hover,
.e-btn.e-disable.e-select:active {
  
}
.e-btn.e-select,
.e-btn.e-tbtn.e-select,
.e-btn.e-split-btn.e-select {
  
}
.e-btn.e-select,
.e-btn.e-tbtn.e-select,
.e-btn.e-split-btn.e-select {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fafafa;
  border-color: #fafafa;
}
.e-btn.e-disable,
.e-btn.e-select.e-disable .e-icon,
.e-btn.e-select.e-disable:hover .e-icon,
.e-btn.e-select.e-disable:active .e-icon {
  cursor: default;
  
}
/*flat button*/

.e-btn.e-select.e-flat:hover,
.e-btn.e-select.e-flat:focus {
  color: #ff4081;
  border: none;
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 0px;
  box-shadow: none;
}
.e-btn.e-select.e-flat:active {
  color: #ff4081;
  border: none;
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 0px;
  box-shadow: none;
}
.e-button.e-btn.e-flat.e-disable.e-select,
.e-button.e-btn.e-flat.e-disable.e-select:active,
.e-button.e-btn.e-flat.e-disable.e-select:hover {
  color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
/*end*/

/*accent button*/

.e-btn.e-select.e-primary {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  color: white;
  border-radius: 2px;
  background: #ff4081;
  border: none;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-btn.e-select.e-primary .e-icon,
.e-btn.e-select.e-primary:hover .e-icon {
  color: white;
}
.e-tbtn.e-btn.e-select.e-primary:hover {
  background: none;
}
.e-tbtn.e-btn.e-select.e-primary.e-active,
.e-tbtn.e-btn.e-select.e-primary.e-active:hover {
  background: #ff4081;
  border: none;
  box-shadow: none;
}
.e-btn.e-primary.e-select:hover,
.e-btn.e-primary.e-select:focus {
  
}
.e-btn.e-primary.e-select:hover,
.e-btn.e-primary.e-select:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  color: white;
  border-radius: 2px;
  background: #ff4081;
  border: none;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-btn.e-select.e-primary:active {
  
}
.e-btn.e-select.e-primary:active {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  color: white;
  border-radius: 2px;
  background: #ff4081;
  border-color: rgba(255, 255, 255, 0.12);
  border: none;
}
/*primary raised button*/

.e-btn.e-select.e-primary-raised {
  color: white;
  border-radius: 2px;
  background: #ff4081;
  border: none;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  box-shadow: none;
}
.e-btn.e-select.e-primary-raised .e-icon,
.e-btn.e-select.e-primary-raised:hover .e-icon {
  color: white;
}
.e-btn.e-select.e-primary-raised.e-active,
.e-btn.e-select.e-primary-raised.e-active:hover {
  background: #ff4081;
  border: none;
}
.e-btn.e-primary-raised.e-select:hover,
.e-btn.e-primary-raised.e-select:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  color: white;
  border-radius: 2px;
  background: #ff4081;
  border: none;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-btn.e-select.e-primary-raised:active {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  color: white;
  border-radius: 2px;
  background: #ff4081;
  border-color: rgba(255, 255, 255, 0.12);
  border: none;
}
.e-btn.e-select.e-primary-raised.e-disable,
.e-togglebutton.e-btn.e-tbtn.e-select.e-disable:hover {
  background: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
}
/*end*/

/*float button*/

.e-float-btn.e-btn.e-select.e-icon {
  border: none;
}
.e-float-btn.e-btn.e-select.e-icon {
  color: white;
  background-color: #ff4081;
  font-family: 'ej-webfont';
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.16);
}
.e-float-btn.e-btn.e-select.e-icon:hover {
  border: none;
}
.e-float-btn.e-btn.e-select.e-icon:hover {
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.2);
  color: white;
  background-color: #ff4081;
  border-color: rgba(0, 0, 0, 0.12);
  font-family: 'ej-webfont';
}
.e-float-btn.e-btn.e-select.e-icon:active {
  border: none;
}
.e-float-btn.e-btn.e-select.e-icon:active {
  box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, 0.18);
  color: white;
  border-radius: 100%;
  font-family: 'ej-webfont';
  border-color: rgba(255, 255, 255, 0.12);
}
.e-float-btn.e-btn.e-select.e-icon:not(:active):after {
  border: none;
  box-shadow: none;
}
.e-float-btn.e-btn.e-select.e-icon:not(:active):after {
  background-color: rgba(255, 255, 255, 0.12);
}
/*end*/

/*icon button*/

/*accent icon button*/

.e-primary-icon-btn.e-btn.e-select.e-icon,
.e-primary-icon-btn.e-btn.e-select.e-icon:hover {
  color: #ff4081;
  background: none;
  border: none;
  box-shadow: none;
}
.e-primary-icon-btn.e-btn.e-select.e-icon.e-disable,
.e-primary-icon-btn.e-tbtn.e-btn.e-select.e-icon.e-disable:hover,
.e-primary-icon-btn.e-btn.e-select.e-icon.e-disable:focus {
  color: rgba(0, 0, 0, 0.26);
  background: none;
  border: none;
  box-shadow: none;
}
.e-primary-icon-btn.e-btn.e-select.e-icon:focus {
  background-color: rgba(255, 64, 129, 0.26);
  border: none;
  box-shadow: none;
}
.e-primary-icon-btn.e-btn.e-select.e-icon:not(:active):after {
  background-color: rgba(255, 255, 255, 0.26);
  border: none;
  box-shadow: none;
}
.e-primary-icon-btn.e-btn.e-select.e-icon:active {
  border-radius: 100%;
}
.e-primary-icon-btn.e-btn.e-select.e-icon:focus:hover {
  background-color: rgba(255, 64, 129, 0.26);
  border: none;
  box-shadow: none;
}
.e-primary-icon-btn.e-btn.e-select.e-icon,
.e-primary-icon-btn.e-btn.e-select.e-icon:focus,
.e-primary-icon-btn.e-btn.e-select.e-icon:hover,
.e-primary-icon-btn.e-btn.e-select.e-icon:active {
  font-family: 'ej-webfont';
}
/*end*/

/*flat icon button*/

.e-flat-icon-btn.e-btn.e-tbtn.e-select.e-icon {
  color: rgba(0, 0, 0, 0.54);
  background: none;
  border: none;
  font-family: 'ej-webfont';
  box-shadow: none;
}
.e-flat-icon-btn.e-btn.e-select.e-icon:focus,
.e-flat-icon-btn.e-btn.e-select.e-icon:hover {
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  box-shadow: none;
}
.e-flat-icon-btn.e-tbtn.e-btn.e-select.e-icon:not(:active):after {
  background-color: #bdbdbd;
  border: none;
  box-shadow: none;
}
.e-flat-icon-btn.e-tbtn.e-btn.e-select.e-icon.e-active:not(:active):after {
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  box-shadow: none;
}
.e-flat-icon-btn.e-btn.e-select.e-icon:active:hover,
.e-flat-icon-btn.e-btn.e-select.e-icon:active,
.e-flat-icon-btn.e-btn.e-select.e-icon.e-active {
  background-color: #bdbdbd;
  border: none;
  box-shadow: none;
}
.e-flat-icon-btn.e-btn.e-select.e-icon,
.e-flat-icon-btn.e-btn.e-select.e-icon:focus,
.e-flat-icon-btn.e-btn.e-select.e-icon:hover,
.e-flat-icon-btn.e-btn.e-select.e-icon:active {
  font-family: 'ej-webfont';
}
/*end*/

/*normal icon button*/

.e-icon-btn.e-btn.e-select.e-icon {
  
}
.e-icon-btn.e-btn.e-select.e-icon {
  color: rgba(0, 0, 0, 0.87);
  background: none;
  border: none;
  box-shadow: none;
}
.e-icon-btn.e-btn.e-select.e-icon:focus {
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  box-shadow: none;
}
.e-icon-btn.e-btn.e-select.e-icon.e-disable,
.e-icon-btn.e-btn.e-select.e-icon.e-disable:focus,
.e-icon-btn.e-btn.e-select.e-icon.e-disable:hover,
.e-flat-icon-btn.e-btn.e-select.e-icon.e-disable,
.e-flat-icon-btn.e-btn.e-select.e-icon.e-disable:focus,
.e-flat-icon-btn.e-btn.e-select.e-icon.e-disable:hover {
  color: rgba(0, 0, 0, 0.26);
  border: none;
  box-shadow: none;
}
.e-icon-btn.e-btn.e-select.e-icon:not(:active):after {
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  box-shadow: none;
}
.e-icon-btn.e-btn.e-select.e-icon:active {
  
}
.e-icon-btn.e-btn.e-select.e-icon:active {
  border-radius: 100%;
}
.e-icon-btn.e-btn.e-select.e-icon:active,
.e-primary-icon-btn.e-btn.e-select.e-icon:active,
.e-icon-btn.e-btn.e-select.e-icon:hover,
.e-primary-icon-btn.e-btn.e-select.e-icon:hover {
  background: none;
  box-shadow: none;
  border: none;
}
.e-icon-btn.e-btn.e-select.e-icon:focus:hover {
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  box-shadow: none;
}
.e-icon-btn.e-btn.e-select.e-icon,
.e-icon-btn.e-btn.e-select.e-icon:focus,
.e-icon-btn.e-btn.e-select.e-icon:hover,
.e-icon-btn.e-btn.e-select.e-icon:active {
  font-family: 'ej-webfont';
}
.e-primary-icon-btn.e-btn.e-select.e-icon.e-disable,
.e-flat-icon-btn.e-btn.e-select.e-icon.e-disable,
.e-icon-btn.e-btn.e-select.e-icon.e-disable,
.e-primary-icon-btn.e-btn.e-select.e-icon.e-disable:hover,
.e-flat-icon-btn.e-btn.e-select.e-icon.e-disable:hover,
.e-icon-btn.e-btn.e-select.e-icon.e-disable:hover {
  font-family: "ej-webfont";
  background: transparent;
  box-shadow: none;
  border: none;
}
.e-float-btn.e-btn.e-select.e-icon.e-disable,
.e-float-btn.e-btn.e-select.e-icon.e-disable:hover,
.e-float-btn.e-btn.e-select.e-icon.e-disable:focus {
  font-family: "ej-webfont";
  box-shadow: none;
  border: none;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
}
.e-primary-icon-btn.e-btn.e-select.e-icon.e-disable:hover,
.e-icon-btn.e-btn.e-select.e-icon.e-disable:hover {
  border-radius: 50%;
}
.e-icon-btn.e-btn.e-select.e-icon:hover {
  
}
.e-icon-btn.e-btn.e-select.e-icon.e-disable {
  
}
.e-button.e-btn.e-select.e-disable:after,
.e-tbtn.e-btn.e-select.e-disable:after,
.e-split .e-split-btn.e-btn:after {
  content: none;
}
/*end*/

/*end*/

.e-btn.e-select:hover,
.e-btn.e-select.e-active:hover {
  
}
.e-btn.e-select:hover,
.e-btn.e-select.e-active:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-splitbutton.e-btn.e-left-btn:focus,
.e-split-btn.e-btn.e-select.e-drp-btn:focus {
  
}
.e-splitbutton.e-btn.e-left-btn.e-disable:focus,
.e-split-btn.e-btn.e-select.e-drp-btn.e-disable:focus {
  
}
.e-split.e-widget.e-disable {
  
}
.e-splitbutton .e-btn.e-select:focus {
  
}
.e-btn.e-select:focus {
  
}
.e-btn.e-select:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-btn.e-select:active,
.e-btn.e-disable.e-active.e-select:hover,
.e-tbtn.e-flat.e-active,
.e-tbtn.e-btn.e-select.e-flat {
  
}
.e-btn.e-select:active,
.e-btn.e-disable.e-active.e-select:hover,
.e-tbtn.e-flat.e-active,
.e-tbtn.e-btn.e-select.e-flat {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  color: black;
  border-radius: 2px;
  border: none;
}
.e-btn.e-select:active,
.e-tbtn.e-active {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-drp-btn.e-select .e-icon,
.e-btn.e-select .e-icon {
  
}
.e-drp-btn.e-select .e-icon,
.e-btn.e-select .e-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-btn.e-select:active,
.e-tbtn.e-btn.e-select.e-active,
.e-tbtn.e-btn.e-select.e-active.e-disable:hover {
  
}
.e-tbtn.e-btn.e-select.e-active:hover {
  
}
.e-btn.e-select:hover .e-icon {
  
}
.e-btn.e-select:hover .e-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-drp-btn.e-select:hover,
.e-btn.e-select:hover .e-icon {
  
}
.e-drp-btn.e-select:hover,
.e-btn.e-select:hover .e-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-drp-btn.e-select:active,
.e-btn.e-select:active .e-icon,
.e-btn.e-active .e-icon,
.e-btn.e-disable.e-select.e-active:hover .e-icon {
  
}
.e-drp-btn.e-select:active,
.e-btn.e-select:active .e-icon,
.e-btn.e-active .e-icon,
.e-btn.e-disable.e-select.e-active:hover .e-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-menu.e-split,
.e-menu.e-context.e-split,
.e-menu.e-context.e-split .e-list > ul,
.e-menu.e-widget.e-split li.e-list {
  
}
.e-menu.e-split,
.e-menu.e-context.e-split,
.e-menu.e-context.e-split .e-list > ul,
.e-menu.e-widget.e-split li.e-list {
  background-color: white;
}
.e-menu.e-widget.e-split li.e-list:hover {
  
}
.e-split-btn-div .e-icon {
  padding: 0px;
}
.e-btn.e-disable.e-select:hover,
.e-btn.e-disable,
.e-btn.e-select.e-disable:hover,
.e-btn.e-select.e-disable {
  
}
.e-btn.e-disable.e-select:hover,
.e-btn.e-disable,
.e-btn.e-select.e-disable:hover,
.e-btn.e-select.e-disable {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  border: none;
  background-color: rgba(0, 0, 0, 0.12);
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
/*--------------------------------------------------ToggleButton----------------------------**/

/*toggle button*/

.e-tbtn.e-btn.e-select {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fafafa;
  border-color: #fafafa;
}
.e-tbtn.e-btn.e-select:hover,
.e-tbtn.e-btn.e-select:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-tbtn.e-btn.e-select.e-active:focus {
  
}
.e-tbtn.e-btn.e-select.e-active {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  background-color: #ff4081;
}
.e-tbtn.e-btn.e-select.e-active,
.e-tbtn.e-btn.e-select.e-active .e-icon {
  color: white;
}
.e-tbtn.e-btn.e-select.e-active.e-disable,
.e-tbtn.e-btn.e-select.e-disable {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
}
.e-tbtn.e-select.e-flat:hover {
  background: none;
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-flat,
.e-btn.e-select.e-flat {
  background: none;
  color: #ff4081;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  box-shadow: none;
  border: none;
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-flat .e-icon,
.e-btn.e-select.e-flat .e-icon {
  color: #ff4081;
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-active {
  background-color: #ff4081;
  color: white;
  box-shadow: none;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-active.e-flat .e-icon {
  color: white;
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-active:active {
  background-color: rgba(255, 64, 129, 0.61);
  border-radius: 2px;
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-flat:active {
  background-color: rgba(255, 64, 129, 0.12);
  border-radius: 2px;
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon,
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon:hover {
  font-family: "ej-webfont";
  border-radius: 100%;
  background: none;
  border: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.54);
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-disable,
.e-togglebutton.e-btn.e-tbtn.e-select.e-disable:hover,
.e-btn.e-select.e-flat.e-disable,
.e-btn.e-select.e-flat.e-disable:hover,
.e-split.e-widget.e-disable,
.e-split.e-widget.e-disable:hover,
.e-split.e-widget.e-disable .e-icon {
  color: rgba(0, 0, 0, 0.26);
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-disable,
.e-togglebutton.e-btn.e-tbtn.e-select.e-disable:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-disable .e-icon,
.e-btn.e-select.e-flat.e-disable .e-icon,
.e-btn.e-select.e-primary.e-disable .e-icon,
.e-togglebutton.e-btn.e-tbtn.e-select.e-disable .e-icon:hover,
.e-btn.e-select.e-flat.e-disable .e-icon:hover,
.e-btn.e-select.e-primary.e-disable .e-icon:hover {
  color: rgba(0, 0, 0, 0.26);
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon:focus,
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon:not(:active):after {
  background-color: rgba(255, 64, 129, 0.12);
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-active:not(:active):after {
  background-color: rgba(255, 255, 255, 0.12);
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-active,
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-active:hover {
  color: #ff4081;
  background: none;
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-active:focus,
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-active:hover {
  background-color: rgba(255, 64, 129, 0.26);
  color: white;
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-disable,
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon.e-disable:active,
.e-togglebutton.e-btn.e-tbtn.e-select.e-disable.e-toggle-icon-btn.e-icon.e-icon:focus,
.e-togglebutton.e-btn.e-tbtn.e-select.e-disable.e-toggle-icon-btn.e-icon.e-icon:hover {
  color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-disable,
.e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-disable:active,
.e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-disable:hover,
.e-togglebutton.e-btn.e-tbtn.e-select.e-flat.e-disable:focus {
  background: none;
}
.e-tbtn.e-btn.e-active:hover .e-icon {
  
}
.e-tbtn.e-btn.e-active:hover .e-icon {
  color: white;
}
/*-------------------------------------------SplitButton----------------------------------------------------*/

.e-btn.e-select {
  color: rgba(0, 0, 0, 0.87);
}
.e-btn.e-select .e-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-split.e-widget.e-btn e-split-btn-div .e-icon:before {
  
}
.e-btn.e-select.e-disable {
  color: rgba(0, 0, 0, 0.26);
}
.e-btn.e-select.e-disable .e-icon {
  color: rgba(0, 0, 0, 0.26);
}
.e-split.e-widget {
  background: none;
}
.e-split.e-widget {
  color: rgba(0, 0, 0, 0.87);
}
.e-split.e-widget:hover,
.e-split.e-widget:focus {
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.e-split.e-widget.e-active .e-splitarrowright,
.e-split.e-widget.e-active .e-splitarrowleft,
.e-split.e-widget.e-active .e-splitarrowtop,
.e-split.e-widget.e-active .e-splitarrowbottom {
  background-color: white;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.26);
}
.e-split.e-widget .e-in-wrap.e-splitarrowright .e-split-btn.e-left-btn,
.e-split.e-widget.e-rtl .e-in-wrap.e-splitarrowleft .e-split-btn.e-left-btn {
  border-width: 0px 0.5px 0px 0px;
  border-style: solid;
}
.e-split.e-widget .e-in-wrap.e-splitarrowleft .e-split-btn.e-left-btn,
.e-split.e-widget.e-rtl .e-in-wrap.e-splitarrowright .e-split-btn.e-left-btn {
  border-width: 0px 0px 0px 0.5px;
  border-style: solid;
}
.e-split.e-widget .e-in-wrap.e-splitarrowtop .e-split-btn.e-left-btn {
  border-width: 0.5px 0px 0px 0px;
  border-style: solid;
}
.e-split.e-widget .e-in-wrap.e-splitarrowbottom .e-split-btn.e-left-btn {
  border-width: 0px 0px 0.5px 0px;
  border-style: solid;
}
.e-split.e-widget:hover .e-in-wrap .e-split-btn.e-left-btn,
.e-split.e-widget.e-active .e-in-wrap .e-split-btn.e-left-btn,
.e-split.e-widget:focus .e-in-wrap .e-split-btn.e-left-btn {
  border-color: rgba(0, 0, 0, 0.12);
}
.e-split.e-widget:hover .e-in-wrap .e-split-btn.e-left-btn,
.e-split.e-widget:hover .e-in-wrap .e-split-btn.e-drp-btn {
  border-style: solid;
  background-color: whitesmoke;
  box-shadow: none;
}
.e-split.e-widget.e-drop:hover .e-in-wrap .e-split-btn.e-left-btn.e-droparrowbottom,
.e-split.e-widget.e-drop:hover .e-in-wrap .e-split-btn.e-left-btn.e-droparrowtop,
.e-split.e-widget.e-drop:hover .e-in-wrap .e-split-btn.e-left-btn.e-droparrowleft,
.e-split.e-widget.e-drop:hover .e-in-wrap .e-split-btn.e-left-btn.e-droparrowright {
  border: none;
}
.e-split.e-widget.e-disable:hover .e-in-wrap .e-split-btn.e-left-btn.e-disable,
.e-split.e-widget.e-disable:hover .e-in-wrap .e-split-btn.e-drp-btn.e-disable {
  background-color: transparent;
}
.e-split.e-widget.e-disable:hover .e-in-wrap .e-split-btn.e-left-btn {
  border-color: transparent;
}
.e-split.e-widget:hover .e-in-wrap.e-splitarrowright .e-split-btn.e-drp-btn,
.e-split.e-widget:hover .e-in-wrap.e-splitarrowleft .e-split-btn.e-drp-btn,
.e-split.e-widget:hover .e-in-wrap.e-splitarrowtop .e-split-btn.e-drp-btn,
.e-split.e-widget:hover .e-in-wrap.e-splitarrowbottom .e-split-btn.e-drp-btn {
  border: none;
}
.e-split.e-widget:focus {
  border-style: solid;
  background-color: whitesmoke;
  border: none;
  outline: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.e-split.e-widget.e-active {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
/*--*/

.e-split.e-widget.e-active .e-in-wrap.e-splitarrowbottom .e-split-btn.e-left-btn {
  border-width: 0px 0px 0.5px 0px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-split.e-widget.e-active .e-in-wrap.e-splitarrowleft .e-split-btn.e-left-btn {
  border-width: 0px 0px 0px 0.5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-split.e-widget.e-active .e-in-wrap.e-splitarrowtop .e-split-btn.e-left-btn {
  border-width: 0.5px 0px 0px 0px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-split.e-widget.e-active .e-in-wrap.e-splitarrowbottom .e-split-btn.e-left-btn {
  border-width: 0px 0px 0.5px 0px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
/*primary button*/

.e-btn.e-select.e-primary,
.e-btn.e-select.e-primary:active {
  
}
.e-btn.e-select.e-primary:hover {
  
}
.e-btn.e-select.e-primary .e-icon,
.e-btn.e-select.e-primary .e-icon:active {
  
}
.e-btn.e-select.e-primary:hover .e-icon {
  
}
.e-btn.e-select.e-primary:active:hover .e-icon,
.e-btn.e-select.e-primary:active:hover {
  
}
.e-btn.e-select.e-disable.e-primary,
.e-btn.e-select.e.e-disable.e-primary:active,
.e-btn.e-select.e-disable.e-primary:hover {
  
}
.e-btn.e-select.e-disable.e-primary .e-icon,
.e-btn.e-select.e-disable.e-primary:hover .e-icon,
.e-btn.e-select.e-disable.e-primary:active .e-icon {
  
}
.e-button.e-btn:not(:active):after,
.e-tbtn.e-btn.e-active:not(:active):after,
.e-split .e-split-btn.e-select.e-btn:not(:active):after,
.e-tbtn.e-btn.e-flat.e-active:not(:active):after,
.e-colorwidget .e-color-container .e-selected-color:active::after,
.e-colorwidget .e-select:active .e-icon::after,
.e-colorpicker .e-colorblock .e-color-image.e-add:active:after,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active:not(:active):after,
.e-groupbutton > .e-ul > .e-grp-btn-item:not(:active):after {
  background-color: rgba(255, 255, 255, 0.12);
}
.e-button.e-btn.e-flat:not(:active):after,
.e-tbtn.e-btn.e-flat:not(:active):after,
.e-tbtn.e-btn:not(:active):after {
  background-color: rgba(255, 64, 129, 0.12);
}
/*end*/

/*------------------------------------Custom Button---------------------------------------*/

.e-btn.e-select.e-success {
  color: white;
  background: #5cb85c;
  border-color: #4cae4c;
}
.e-btn.e-select.e-success .e-icon,
.e-btn.e-select.e-info .e-icon,
.e-btn.e-select.e-warning .e-icon,
.e-btn.e-select.e-danger .e-icon {
  color: white;
}
.e-btn.e-select.e-success:active,
.e-btn.e-select.e-success:hover,
.e-btn.e-select.e-success:hover:focus {
  background: #449d44;
  border-color: #398439;
}
.e-btn.e-select.e-success:focus,
.e-btn.e-select.e-success:active:hover,
.e-btn.e-select.e-success:active:focus {
  background: #398439;
  border-color: #255625;
}
.e-btn.e-select.e-success:focus {
  background-color: #449d44;
}
.e-btn.e-select.e-info {
  color: white;
  background: #5bc0de;
  border-color: #46b8da;
}
.e-btn.e-select.e-info:active,
.e-btn.e-select.e-info:hover,
.e-btn.e-select.e-info:focus,
.e-btn.e-select.e-info:hover:focus {
  background: #31b0d5;
  border-color: #269abc;
}
.e-btn.e-select.e-info:focus {
  border-color: #1b6d85;
}
.e-btn.e-select.e-info:active:hover,
.e-btn.e-select.e-info:active:focus {
  background: #269abc;
  border-color: #1b6d85;
}
.e-btn.e-select.e-warning {
  color: white;
  background: #f0ad4e;
  border-color: #eea236;
}
.e-btn.e-select.e-warning:active,
.e-btn.e-select.e-warning:hover,
.e-btn.e-select.e-warning:focus,
.e-btn.e-select.e-warning:hover:focus {
  background: #ec971f;
  border-color: #d58512;
}
.e-btn.e-select.e-warning:focus {
  border-color: #985f0d;
}
.e-btn.e-select.e-warning:active:hover,
.e-btn.e-select.e-warning:active:focus {
  background: #d58512;
  border-color: #985f0d;
}
.e-btn.e-select.e-danger {
  color: white;
  background: #d9534f;
  border-color: #d43f3a;
}
.e-btn.e-select.e-danger:active,
.e-btn.e-select.e-danger:hover,
.e-btn.e-select.e-danger:focus,
.e-btn.e-select.e-danger:hover:focus {
  background: #c9302c;
  border-color: #ac2925;
}
.e-btn.e-select.e-danger:focus {
  border-color: #761c19;
}
.e-btn.e-select.e-danger:active:hover,
.e-btn.e-select.e-danger:active:focus {
  background: #ac2925;
  border-color: #761c19;
}
.e-btn.e-select.e-link,
.e-btn.e-select.e-link .e-icon {
  background: transparent;
  font-weight: 400;
  color: #337ab7;
  border: none;
  box-shadow: none;
}
.e-btn.e-select.e-link:active,
.e-btn.e-select.e-link:active .e-icon {
  text-decoration: none;
}
.e-btn.e-select.e-link:hover,
.e-btn.e-select.e-link:hover .e-icon,
.e-btn.e-select.e-link:focus,
.e-btn.e-select.e-link:focus .e-icon,
.e-btn.e-select.e-link:active:hover,
.e-btn.e-select.e-link:active:hover .e-icon {
  color: #23527c;
}
.e-btn.e-select.e-link.e-txt:hover,
.e-btn.e-select.e-link.e-txt:focus,
.e-btn.e-select.e-link.e-txt:active:hover {
  text-decoration: underline;
}
.e-btn.e-select.e-disable.e-success,
.e-btn.e-select.e-disable.e-success:focus,
.e-btn.e-select.e-disable.e-success:active,
.e-btn.e-select.e-disable.e-success:active:hover {
  background: rgba(92, 184, 92, 0.5);
}
.e-btn.e-select.e-disable.e-info,
.e-btn.e-select.e-disable.e-info:hover,
.e-btn.e-select.e-disable.e-info:focus,
.e-btn.e-select.e-disable.e-info:active,
.e-btn.e-select.e-disable.e-info:active:hover {
  background: rgba(91, 192, 222, 0.5);
}
.e-btn.e-select.e-disable.e-warning,
.e-btn.e-select.e-disable.e-warning:hover,
.e-btn.e-select.e-disable.e-warning:focus,
.e-btn.e-select.e-disable.e-warning:active,
.e-btn.e-select.e-disable.e-warning:active:hover {
  background: rgba(240, 173, 78, 0.5);
}
.e-btn.e-select.e-disable.e-danger,
.e-btn.e-select.e-disable.e-danger:hover,
.e-btn.e-select.e-disable.e-danger:focus,
.e-btn.e-select.e-disable.e-danger:active,
.e-btn.e-select.e-disable.e-danger:active:hover {
  background: rgba(217, 83, 79, 0.5);
}
.e-btn.e-select.e-disable.e-success,
.e-btn.e-select.e-disable.e-success:active:hover,
.e-btn.e-select.e-disable.e-info,
.e-btn.e-select.e-disable.e-info:active:hover,
.e-btn.e-select.e-disable.e-warning,
.e-btn.e-select.e-disable.e-warning:active:hover,
.e-btn.e-select.e-disable.e-danger,
.e-btn.e-select.e-disable.e-danger:active:hover,
.e-btn.e-select.e-disable.e-link,
.e-btn.e-select.e-disable.e-link:active:hover {
  color: rgba(255, 255, 255, 0.5);
  border-color: transparent;
  box-shadow: none;
}
.e-btn.e-select.e-disable.e-link,
.e-btn.e-select.e-disable.e-link.e-txt,
.e-btn.e-select.e-disable.e-link:hover,
.e-btn.e-select.e-disable.e-link.e-txt:hover,
.e-btn.e-select.e-disable.e-link:active,
.e-btn.e-select.e-disable.e-link.e-txt:active,
.e-btn.e-select.e-disable.e-link:focus,
.e-btn.e-select.e-disable.e-link:focus .e-txt,
.e-btn.e-select.e-disable.e-link:active:hover,
.e-btn.e-select.e-disable.e-link.e-txt:active:hover {
  color: rgba(51, 122, 183, 0.5);
  background: transparent;
  text-decoration: none;
}
.e-btn.e-select.e-disable.e-link .e-icon,
.e-btn.e-select.e-disable.e-link:hover .e-icon,
.e-btn.e-select.e-disable.e-link:focus .e-icon,
.e-btn.e-select.e-disable.e-link:active .e-icon,
.e-btn.e-select.e-disable.e-link:active:hover .e-icon {
  color: rgba(51, 122, 183, 0.5);
}
/*---end---*/

/*------------------------------------- Common -------------------------------------------*/

.ejinputtext {
  background-color: white;
  
  outline: medium none;
}
.ejinputtext {
  color: black;
  border: 1px solid black;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid rgba(0, 0, 0, 0.26);
}
.e-textbox,
.e-textarea {
  background-color: white;
  
}
.e-textbox,
.e-textarea {
  color: black;
  border-color: black;
  color: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0.12);
}
.ejinputtext:focus {
  
}
.ejinputtext:focus {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.54);
}
.e-textbox:hover,
.e-textarea:hover {
  
}
.e-textbox:hover,
.e-textarea:hover {
  box-shadow: none;
}
.e-textbox:focus,
.e-textarea:focus {
  
}
.e-textbox:focus,
.e-textarea:focus {
  box-shadow: none;
  border-color: #ff4081;
}
.e-textbox.e-animation:focus,
.e-textarea.e-animation:focus {
  border-color: black;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-ripple-bar:before,
.e-ripple-bar:after {
  background: #ff4081;
}
.e-textbox[disabled],
.e-textarea[disabled] {
  box-shadow: none;
  
}
.e-textbox[disabled],
.e-textarea[disabled] {
  border-bottom-style: dashed;
  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.26);
}
.e-textbox[disabled]:hover,
.e-textarea[disabled]:hover,
.e-textbox[disabled]:focus,
.e-textarea[disabled]:focus {
  
  box-shadow: none;
}
.e-textbox::selection,
.e-textarea::selection {
  
}
.e-textbox::selection,
.e-textarea::selection {
  background: #ff4081;
  color: white;
}
.e-textbox::-moz-selection,
.e-textarea::-moz-selection {
  
}
.e-textbox::-moz-selection,
.e-textarea::-moz-selection {
  background: #ff4081;
  color: white;
}
.e-textbox::-webkit-input-placeholder,
.e-textarea::-webkit-input-placeholder {
  
}
.e-textbox::-webkit-input-placeholder,
.e-textarea::-webkit-input-placeholder {
  font-style: normal;
  color: rgba(0, 0, 0, 0.38);
}
.e-textbox:-ms-input-placeholder,
.e-textarea:-ms-input-placeholder {
  
}
.e-textbox:-ms-input-placeholder,
.e-textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.e-textbox::-moz-placeholder,
.e-textarea::-moz-placeholder {
  
}
.e-textbox::-moz-placeholder,
.e-textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.e-textbox:-moz-placeholder,
.e-textarea:-moz-placeholder {
  
}
.e-textbox:-moz-placeholder,
.e-textarea:-moz-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.e-textbox.e-error,
.e-textarea.e-error {
  
}
.e-validation-error {
  
}
.e-menu.e-split.e-context {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.e-menu.e-split.e-context .e-list > .e-menulink {
  
}
.e-menu.e-split.e-context .e-list > .e-menulink {
  color: rgba(0, 0, 0, 0.87);
}
.e-menu.e-split.e-context .e-list .e-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-menu.e-split.e-context .e-list.e-mhover {
  background-color: #eeeeee;
}
.e-btn.e-disable.e-select,
.e-tbtn.e-btn.e-disable.e-select.e-active,
.e-tbtn.e-disable,
.e-btn.e-disable.e-select:active,
.e-split.e-disable {
  
}
.e-btn.e-disable.e-select,
.e-btn.e-disable.e-select:hover,
.e-tbtn.e-disable:hover,
.e-btn.e-disable.e-select:active,
.e-tbtn.e-btn.e-disable.e-select.e-active:hover {
  
}
.e-btn.e-disable.e-select:hover .e-icon,
.e-btn.e-disable.e-select:active .e-icon {
  
}
.e-btn.e-disable.e-select .e-icon {
  
}
.e-btn.e-disable.e-select:focus {
  
}
.e-split.e-drop.e-rtl .e-in-wrap .e-left-btn .e-split-btn-div .e-icon {
  
}
.e-split.e-drop .e-in-wrap .e-left-btn .e-split-btn-div .e-icon {
  
}

/*------------------------------------- Captcha -------------------------------------------*/

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-captcha .refresh {
  
}
.e-captcha .refresh {
  /*material*/
  border: 0px;
  margin-left: 20px;
  padding: 0px 0px;
}
.e-captcha .audio {
  
}
.e-captcha .audio {
  /*material*/
  border: 0px;
  margin-left: 20px;
  padding: 0px 0px;
}
.e-captcha .imagecontainer {
  border: 1px solid #b2b2b2;
}
.e-captcha .validTextBox {
  
}
.e-captcha .validTextBox {
  /*material*/
  border-width: 0 0 1px 0;
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.38);
  margin-bottom: 12px;
  margin-top: 26px;
}
.e-captcha .e-validTextBox {
  
}
.e-captcha .e-validTextBox {
  /*material*/
  border-width: 0 0 1px 0;
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.38);
  margin-bottom: 12px;
  margin-top: 26px;
}
.e-captcha .e-refresh {
  
}
.e-captcha .e-refresh {
  /*material*/
  border: 0px;
  margin-left: 8px;
  padding: 0 0;
}
.e-captcha .e-audio {
  
}
.e-captcha .e-audio {
  /*material*/
  border: 0px;
  margin-left: 8px;
  padding: 0 0;
}
.e-captcha .e-imageContainer {
  border: 1px solid #b2b2b2;
}
.e-captcha div:nth-child(2) {
  
}
.e-captcha div:nth-child(2) {
  width: 0px !important;
}
.e-captcha .validTextBox:focus {
  outline: none;
  border-bottom: 2px solid #ff4081;
}
.e-captcha .refresh.e-btn.e-select:active,
.e-captcha .e-refresh.e-btn.e-select:active {
  background: #bdbdbd;
}
.e-captcha .audio.e-btn.e-select:active,
.e-captcha .e-audio.e-btn.e-select:active {
  background: #bdbdbd;
}
.e-captcha .refresh.e-btn.e-select:focus,
.e-captcha .audio.e-btn.e-select:focus,
.e-captcha .refresh.e-btn.e-select:active,
.e-captcha .audio.e-btn.e-select:active,
.e-captcha .e-refresh.e-btn.e-select:focus,
.e-captcha .e-audio.e-btn.e-select:focus,
.e-captcha .e-refresh.e-btn.e-select:active,
.e-captcha .e-audio.e-btn.e-select:active {
  box-shadow: none;
}
.e-captcha .imagecontainer img,
.e-captcha .e-imageContainer img {
  
}
.e-captcha .refresh:focus,
.e-captcha .audio:focus,
.e-captcha .e-refresh:focus,
.e-captcha .e-audio:focus {
  
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- Colorpicker -------------------------------------------*/

.e-colorpicker .e-hsv-color,
.e-colorpicker .e-buttons .e-preview,
.e-colorpicker .e-slider-wrap .e-hue,
.e-colorpicker .e-slider-wrap .e-opacity {
  
}
.e-colorpicker .e-hsv-color,
.e-colorpicker .e-buttons .e-preview,
.e-colorpicker .e-slider-wrap .e-hue,
.e-colorpicker .e-slider-wrap .e-opacity {
  border: none;
}
.e-colorpicker .e-slider-wrap .e-handle.e-select,
.e-colorpicker .e-slider .e-handle.e-select.e-handle-start,
.e-colorpicker .e-slider .e-handle.e-select.e-focus.e-handle-start:not(.e-no-tab),
.e-colorpicker .e-slider .e-handle.e-select.e-handle-start.e-focus,
.e-colorpicker .e-slider-wrap .e-handle.e-select:hover {
  border: 3px solid white;
}
.e-colorpicker:focus {
  outline: none;
}
.e-colorwidget .e-select {
  
}
.e-colorwidget .e-select {
  color: rgba(0, 0, 0, 0.54);
}
.e-colorpicker .e-buttons .e-codeeditor .e-color-code {
  border-color: rgba(0, 0, 0, 0.12);
}
.e-colorwidget.e-split .e-in-wrap .e-select:hover,
.e-colorwidget.e-split .e-color-container:hover {
  
}
.e-colorwidget.e-split .e-in-wrap .e-select:active,
.e-colorpicker .e-footer .e-element .e-in-wrap.e-box .e-rht-btn:active {
  
}
.e-colorwidget .e-in-wrap,
.e-colorwidget .e-in-wrap.e-box.e-disable:hover,
.e-colorwidget .e-in-wrap.e-box.e-disable:focus {
  
}
.e-colorwidget .e-in-wrap.e-box:hover {
  
}
.e-colorwidget .e-in-wrap.e-box:hover {
  background-color: whitesmoke;
  color: #424242;
}
.e-colorwidget .e-in-wrap.e-box:focus {
  color: #424242;
}
.e-colorwidget .e-in-wrap.e-box:focus {
  background: #e0e0e0;
}
.e-colorwidget.e-picker.e-split.e-disable .e-in-wrap .e-select:hover,
.e-colorwidget.e-picker.e-split.e-disable .e-in-wrap .e-color-container:hover {
  cursor: default;
  background: white;
}
.e-colorpicker.e-popup {
  background-color: white;
  border-color: #e0e0e0;
}
.e-presetWrapper.e-widget.e-context {
  border-color: #e0e0e0;
}
.e-presetWrapper.e-widget.e-context {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.e-colorwidget.e-focus {
  box-shadow: 0 0 2px #d4d4d4;
}
.e-colorpicker .e-recent-color .e-colorblock.e-block,
.e-colorpicker .e-recent-color .e-colorblock.e-select,
.e-colorpicker .e-footer .e-switcher {
  background-color: white;
  color: #212121;
  
}
.e-colorpicker .e-recent-color .e-colorblock.e-block,
.e-colorpicker .e-recent-color .e-colorblock.e-select,
.e-colorpicker .e-footer .e-switcher {
  border-color: white;
}
.e-colorpicker .e-footer .e-split.e-widget {
  
}
.e-colorpicker .e-footer .e-split.e-widget:hover {
  
}
.e-colorpicker .e-footer .e-split.e-widget:active {
  
}
.e-colorpicker .e-colorblock .e-color-image.e-add:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-colorpicker .e-recent-color .e-colorblock.e-colorset:hover {
  background-color: whitesmoke;
}
.e-colorpicker .e-recent-color .e-colorblock.e-colorset.e-select {
  background-color: #eeeeee;
}
.e-colorpicker .e-colorblock .e-color-image.e-add:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-colorwidget .e-color-container .e-selected-color::after,
.e-colorwidget .e-select .e-icon::after,
.e-colorpicker .e-colorblock .e-color-image.e-add:after {
  background-color: rgba(255, 255, 255, 0.5);
}
.e-colorpicker .e-footer .e-switcher:hover {
  border-radius: 2px;
}
.e-colorpicker .e-footer .e-switcher:hover {
  background: #e0e0e0;
}
.e-colorwidget .e-in-wrap.e-box,
.e-colorwidget .e-in-wrap.e-box .e-select,
.e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton,
.e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn,
.e-colorpicker .e-footer .e-in-wrap.e-box .e-split-btn,
.e-colorpicker .e-footer .e-in-wrap.e-box .e-drp-btn.e-rht-btn,
.e-colorwidget.e-split .e-in-wrap .e-select.e-disable:active {
  
  color: #212121;
}
.e-colorwidget .e-in-wrap.e-box,
.e-colorwidget .e-in-wrap.e-box .e-select,
.e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton,
.e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn,
.e-colorpicker .e-footer .e-in-wrap.e-box .e-split-btn,
.e-colorpicker .e-footer .e-in-wrap.e-box .e-drp-btn.e-rht-btn,
.e-colorwidget.e-split .e-in-wrap .e-select.e-disable:active {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.54);
}
.e-colorpicker .e-footer .e-in-wrap.e-box .e-drp-btn.e-rht-btn {
  
}
.e-colorwidget .e-select:hover,
.e-colorpicker .e-element .e-split-btn.e-select.e-rht-btn:hover {
  
  color: #212121;
  border-color: #e0e0e0;
}
.e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton:hover,
.e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn:hover {
  
}
.e-presetWrapper.e-menu.e-context,
.e-presetWrapper.e-menu.e-context .e-list.e-mhover.e-mfocused,
.e-presetWrapper.e-menu.e-context .e-list > ul,
.e-presetWrapper.e-menu.e-context .e-list:hover {
  background: white;
  color: #212121;
  border-color: white;
}
.e-presetWrapper.e-menu.e-context .e-list:hover {
  background: white;
  color: #212121;
}
.e-colorpicker .e-footer .e-split .e-splitbutton:hover {
  border-color: #e0e0e0;
}
.e-colorpicker .e-footer .e-split .e-splitbutton:hover {
  background: whitesmoke;
}
.e-colorpicker .e-footer .e-cancelButton.e-btn,
.e-colorpicker .e-footer .e-applyButton.e-btn {
  
}
.e-colorpicker .e-footer .e-cancelButton.e-btn:hover,
.e-colorpicker .e-footer .e-applyButton.e-btn:hover {
  
}
.e-colorpicker .e-buttons .e-grpbtn {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.e-colorpicker .e-buttons .e-grpbtn .e-btn,
.e-colorpicker .e-buttons .e-grpbtn .e-btn.e-disable:hover {
  
}
.e-colorpicker .e-buttons .e-grpbtn .e-btn,
.e-colorpicker .e-buttons .e-grpbtn .e-btn.e-disable:hover {
  color: #212121;
}
.e-colorpicker .e-buttons .e-grpbtn .e-btn,
.e-colorpicker .e-buttons .e-grpbtn .e-btn.e-disable:hover {
  background: #fafafa;
  box-shadow: none;
  border-radius: 0;
}
.e-colorpicker .e-buttons .e-grpbtn,
.e-colorpicker .e-buttons .e-color-code,
.e-colorpicker .e-buttons .e-grpbtn .e-btn {
  
}
.e-colorpicker .e-buttons .e-grpbtn,
.e-colorpicker .e-buttons .e-grpbtn .e-btn {
  
}
.e-colorpicker .e-buttons .e-grpbtn,
.e-colorpicker .e-buttons .e-grpbtn .e-btn {
  border-color: #e0e0e0;
}
.e-colorpicker.e-buttons.e-grpbtn .e-hsvButton.e-button.e-js.e-ntouch.e-btn-normal.e-btn.e-select.e-widget.e-txt.e-disable {
  background: none;
}
.e-colorpicker .e-buttons .e-color-code {
  
}
.e-colorpicker .e-buttons .e-color-code {
  border-color: rgba(0, 0, 0, 0.26);
}
.e-colorpicker .e-buttons .e-color-code:hover {
  
}
.e-colorpicker .e-buttons .e-color-code:focus {
  
}
.e-colorpicker .e-buttons .e-color-code:focus {
  border-color: rgba(0, 0, 0, 0.54);
}
.e-colorpicker .e-buttons .e-codeeditor::before {
  background: #ff4081;
}
.e-colorpicker .e-buttons .e-previous,
.e-presetWrapper .e-presets-table .e-preset-row {
  border-color: #e0e0e0;
}
.e-colorpicker .e-item {
  
}
.e-colorpicker .e-item.e-state-selected {
  border-color: black;
  border-width: 1px;
}
.e-colorpicker .e-color-image,
.e-presetWrapper .e-color-image,
.e-presetWrapper.e-menu.e-context .e-color-image.e-mhover {
  background-image: url(../common-images/materialtheme/colorpicker_light_material.png);
  background-color: transparent;
  filter: none;
}
.e-presetWrapper.e-menu.e-context .e-color-image.e-mhover {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-presetWrapper.e-menu.e-context .e-color-image.e-presetsactive {
  background-color: rgba(0, 0, 0, 0.24);
}
.e-presetWrapper .e-presetHeader,
.e-colorpicker .e-element .e-icon:before {
  color: #212121;
}
.e-colorpicker .e-element .e-drp-btn.e-rht-btn:active .e-icon:before {
  
}
.e-colorpicker .e-buttons .e-color-code,
.e-colorpicker .e-codeeditor .e-close_01 {
  color: #212121;
}
.e-colorpicker .e-buttons .e-grpbtn .e-click {
  
}
.e-colorpicker .e-buttons .e-grpbtn .e-click {
  color: black;
  background-color: #bdbdbd;
}
.e-colorpicker .e-buttons .e-grpbtn .e-btn:hover {
  color: #212121;
  border-color: #e0e0e0;
}
.e-colorpicker .e-buttons .e-grpbtn .e-btn:hover {
  background: #e0e0e0;
}
.e-presetWrapper.e-menu.e-context li.e-list {
  background: white;
}
.e-colorpicker .e-context.e-menu .e-mhover > a,
.e-colorpicker .e-context.e-menu .e-mhover > span,
.e-colorpicker .e-context.e-menu .e-mfocused,
.e-colorpicker .e-context.e-menu .e-mfocused > a,
.e-colorpicker .e-context.e-menu .e-mfocused > span {
  background: transparent;
}
.e-colorpicker .e-slider .e-handle.e-select.e-focus:not(.e-no-tab):after,
.e-colorpicker .e-slider .e-handle.e-select.e-focus.e-handle-start:not(.e-no-tab):after {
  background: transparent;
}
.e-colorwidget .e-color-container .e-selected-color:active::after,
.e-colorwidget .e-select:active .e-icon::after,
.e-colorpicker .e-colorblock .e-color-image.e-add:active:after {
  background-color: rgba(255, 255, 255, 0.5);
}
.e-colorpicker .e-footer .e-switcher:focus {
  
}
.e-colorwidget.e-disable {
  
}
.e-colorwidget.e-disable .e-select,
.e-colorwidget.e-disable .e-select:hover {
  
}
.e-colorwidget .e-in-wrap .e-tool-icon.e-icon {
  font-family: 'ej-webfont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  transform: rotate(0deg);
  transition: transform 300ms ease;
  
}
.e-colorwidget .e-in-wrap .e-tool-icon.e-icon {
  margin: -11px 8px;
  height: 14px;
}
.e-colorpicker .e-buttons .e-grpbtn .e-hsvButton.e-btn.e-select.e-disable {
  opacity: 0.35;
  background: none;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-fileexplorer,
.e-fileexplorer input:not(.e-textbox),
input.e-fe-dialog-text:not(.e-textbox),
.e-fe-toolbar.e-responsive-toolbar input {
  border-color: #e0e0e0;
}
.e-fileexplorer input,
input.e-fe-dialog-text {
  
}
.e-fileexplorer,
.e-fileexplorer input,
input.e-fe-dialog-text,
.e-fe-toolbar.e-responsive-toolbar input {
  
}
.e-fileexplorer {
  border-color: #e0e0e0;
}
.e-fileexplorer .e-splitter .e-splitbar,
.e-fileexplorer .e-statusbar,
.e-fileexplorer .e-grid .e-gridheader,
.e-fileexplorer.e-fe-mobile .e-fe-split-icon {
  border-color: #e0e0e0;
}
.e-fileexplorer .e-splitter .e-splitbar.e-h-bar {
  
}
.e-fileexplorer .e-statusbar .e-itemStaus {
  color: rgba(0, 0, 0, 0.87);
}
.e-fileexplorer input:not(.e-textbox),
.e-fileexplorer .e-grid .e-headercelldiv,
.e-fileexplorer .e-grid .e-gridcontent tr,
.e-fileexplorer .e-tileview .e-tilenode .e-name,
input.e-fe-dialog-text:not(.e-textbox),
.e-fe-toolbar.e-responsive-toolbar input {
  
}
.e-fileexplorer input:not(.e-textbox),
.e-fileexplorer .e-grid .e-headercelldiv,
.e-fileexplorer .e-grid .e-gridcontent tr,
.e-fileexplorer .e-tileview .e-tilenode .e-name,
input.e-fe-dialog-text:not(.e-textbox),
.e-fe-toolbar.e-responsive-toolbar input {
  color: rgba(0, 0, 0, 0.87);
}
.e-fileexplorer .e-tileview .e-tilenode:hover .e-name,
.e-fileexplorer .e-grid .e-gridcontent tr.e-hover td {
  color: #212121;
}
.e-fileexplorer.e-js .e-grid td.e-active,
.e-fileexplorer .e-tileview .e-tilenode.e-active .e-name {
  
}
.e-fileexplorer.e-js .e-grid td.e-active,
.e-fileexplorer .e-tileview .e-tilenode.e-active .e-name {
  color: rgba(0, 0, 0, 0.87);
}
.e-fileexplorer .e-tileview .e-tilenode.e-active:hover {
  border-color: #e0e0e0;
}
.e-fileexplorer .e-tileview .e-tilenode.e-active:hover {
  background: #e0e0e0;
}
.e-fileexplorer .e-tileview .e-tilenode.e-active:hover .e-name {
  
}
.e-fileexplorer .e-tileview .e-tilenode.e-active:hover .e-name {
  color: #212121;
}
.e-fileexplorer .e-toolbar .e-fe-split-button .e-active .e-icon,
.fe-context-menu.e-menu.e-context .e-list.e-active > .e-menulink > .e-fileexplorer-toolbar-icon {
  
}
.e-fileexplorer .e-toolbar .e-fe-split-button.e-hover .e-active .e-icon,
.e-fileexplorer .e-toolbar .e-fe-split-button.e-hover .e-icon {
  
}
.e-fileexplorer .e-treeview .e-fe-node-hover,
.e-fe-dialog.e-icon.e-close:hover {
  
}
.e-fileexplorer.e-js .e-tilenode.e-active,
.e-fileexplorer.e-js .e-grid .e-gridcontent tr td.e-active {
  
}
.e-fileexplorer.e-js .e-tilenode.e-active,
.e-fileexplorer.e-js .e-grid .e-gridcontent tr td.e-active {
  border-color: whitesmoke;
  background: whitesmoke;
}
.e-fileexplorer.e-js .e-tilenode.e-active:hover,
.e-fileexplorer.e-js .e-grid .e-gridcontent tr:hover td.e-active {
  
}
.e-fileexplorer.e-js .e-tilenode.e-active:hover,
.e-fileexplorer.e-js .e-grid .e-gridcontent tr:hover td.e-active {
  border-color: #eeeeee;
  background: #eeeeee;
}
.e-fileexplorer.e-js .e-statusbar .e-active .e-icon {
  
}
.e-fileexplorer.e-js .e-treeview .e-text:hover,
.e-fileexplorer .e-actionbar .e-btn.e-select:hover,
.e-fileexplorer .e-treeview .e-text.e-file-droppable {
  
}
.e-fileexplorer input:not(.e-textbox),
input.e-fe-dialog-text:not(.e-textbox),
.e-fe-toolbar.e-responsive-toolbar input,
.e-fe-split-context.e-menu.e-context.e-split,
.e-fe-split-context.e-menu.e-widget.e-split li.e-list {
  background: white;
}
.e-fileexplorer .e-tilenode.e-hover,
.e-fileexplorer .e-grid .e-gridcontent tr.e-hover td,
.e-fileexplorer .e-tilenode.e-file-droppable,
.e-fileexplorer .e-grid .e-gridcontent tr.e-file-droppable td,
.e-fileexplorer .e-treeview .e-text.e-file-droppable {
  
}
.e-fileexplorer .e-tilenode.e-hover,
.e-fileexplorer .e-grid .e-gridcontent tr.e-hover td,
.e-fileexplorer .e-tilenode.e-file-droppable,
.e-fileexplorer .e-grid .e-gridcontent tr.e-file-droppable td,
.e-fileexplorer .e-treeview .e-text.e-file-droppable {
  border-color: #eeeeee;
  background: #eeeeee;
}
.e-fileexplorer .e-switchGridView.e-button:hover,
.e-fileexplorer .e-swithListView.e-button:hover {
  
  border-color: #e0e0e0;
}
.e-fileexplorer .e-switchGridView.e-button:hover,
.e-fileexplorer .e-swithListView.e-button:hover {
  background: #e0e0e0;
}
.e-fileexplorer .e-toolbar .e-fe-split-button.e-hover .e-btn.e-select,
.e-fileexplorer .e-toolbar .e-fe-split-button .e-btn.e-select:focus {
  
}
.e-fileexplorer .e-toolbar > .e-horizontal > .e-active > span.e-fe-folder {
  
}
.e-fileexplorer .e-toolbar .e-hover .e-tool-input,
.e-fe-toolbar.e-responsive-toolbar .e-hover .e-tool-input {
  
}
.e-fileexplorer.e-js .e-toolbar .e-feItem-Addressbar.e-hover,
.e-fileexplorer.e-js .e-toolbar .e-feItem-Searchbar.e-hover,
.e-fe-toolbar.e-responsive-toolbar.e-js .e-feItem-Addressbar.e-hover,
.e-fe-toolbar.e-responsive-toolbar.e-js .e-feItem-Searchbar.e-hover {
  
}
.e-fileexplorer .e-split.e-widget .e-split-btn.e-left-btn,
.e-fileexplorer .e-split.e-widget .e-split-btn.e-drp-btn,
.e-fe-toolbar .e-split.e-widget .e-split-btn.e-left-btn,
.e-fe-toolbar .e-split.e-widget .e-split-btn.e-drp-btn {
  background: none;
}
.e-fileexplorer .e-toolbar > .e-horizontal > .e-active > span.e-fe-folder {
  background-color: transparent;
}
.e-fileexplorer .e-toolbar input,
.e-fe-toolbar.e-responsive-toolbar.e-toolbar input {
  border-color: rgba(0, 0, 0, 0.26);
}
.e-fileexplorer .e-toolbar input::selection,
.e-fe-toolbar.e-responsive-toolbar.e-toolbar input::selection {
  color: white;
  background: #ff4081;
}
.e-fileexplorer .e-toolbar .e-tool-input:focus,
.e-fe-toolbar.e-responsive-toolbar .e-tool-input:focus {
  border-color: rgba(0, 0, 0, 0.38);
}
.e-fileexplorer .e-toolbar .e-hover .e-tool-input,
.e-fe-toolbar.e-responsive-toolbar .e-hover .e-tool-input {
  border-color: rgba(0, 0, 0, 0.38);
}
.e-fileexplorer.e-js .e-toolbar .e-feItem-Addressbar.e-hover,
.e-fileexplorer.e-js .e-toolbar .e-feItem-Searchbar.e-hover,
.e-fe-toolbar.e-responsive-toolbar.e-js .e-feItem-Addressbar.e-hover,
.e-fe-toolbar.e-responsive-toolbar.e-js .e-feItem-Searchbar.e-hover {
  background: transparent;
  border-color: transparent;
}
.e-fileexplorer .e-statusbar .e-switchView .e-btn.e-select.e-flat .e-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-fileexplorer .e-statusbar .e-switchView .e-btn.e-select.e-active.e-flat .e-icon {
  color: #ff4081;
}
.e-fileexplorer .e-split.e-widget:hover .e-in-wrap .e-split-btn.e-left-btn,
.e-fe-toolbar.e-responsive-toolbar .e-split.e-widget:hover .e-in-wrap .e-split-btn.e-left-btn {
  background-color: #e0e0e0;
}
.e-fileexplorer .e-tooltxt.e-feItem-Addressbar.e-active:after,
.e-fe-toolbar.e-responsive-toolbar .e-tooltxt.e-feItem-Searchbar.e-active:after {
  animation: none;
}
.e-fileexplorer .e-scrollbar .e-vscroll,
.e-fileexplorer .e-scrollbar .e-hscroll {
  border-color: #e0e0e0;
}
.e-fileexplorer .e-toolbar > .e-horizontal .e-fe-split-button .e-active,
.e-fe-toolbar.e-responsive-toolbar .e-horizontal .e-fe-split-button .e-active {
  background: #e0e0e0;
  box-shadow: none;
}
.e-fileexplorer .e-statusbar .e-switchView .e-button.e-active:focus,
.e-fileexplorer .e-statusbar .e-switchView .e-button.e-active:focus:hover {
  background-color: rgba(255, 64, 129, 0.26);
}
.e-fileexplorer .e-statusbar .e-switchView .e-active.e-btn.e-select .e-icon {
  color: #ff4081;
}
.e-fileexplorer .e-toolbar {
  
}
.e-fileexplorer .e-toolbar {
  
}
.e-fe-toolbar.e-toolbar .e-feItem-Searchbar.e-tooltxt.e-active {
  background: transparent;
}
.e-fileexplorer .e-grid .e-gridheader,
.e-fileexplorer .e-grid .e-gridheader.e-scrollcss,
.e-fileexplorer .e-grid .e-gridheader .e-headercell {
  background: white;
}
.e-fileexplorer .e-alt_row,
.e-fileexplorer .e-gridheader,
.e-fileexplorer .e-gridheader .e-headercell,
.e-fileexplorer .e-grid .e-gridcontent,
.e-fileexplorer .e-splitter .e-pane,
.e-fileexplorer .e-scroller .e-scrollbar .e-vhandlespace,
.e-fileexplorer .e-scroller .e-scrollbar .e-hhandlespace {
  background-color: white;
}
.e-fileexplorer .e-tilenode.e-hover .e-thumbImage {
  border-color: #e0e0e0;
}
.e-fileexplorer.e-js .e-active .e-thumbImage {
  border-color: #3f51b5;
}
.e-menu > .e-list.e-fe-separator {
  border-color: #e0e0e0;
}
.e-fileexplorer .e-toolbar .e-hover .e-tool-input,
.e-fe-toolbar.e-responsive-toolbar .e-hover .e-tool-input,
.e-fileexplorer .e-toolbar .e-tool-input:focus,
.e-fe-toolbar.e-responsive-toolbar .e-tool-input:focus {
  
}
.e-fileexplorer .e-toolbar .e-feItem-Addressbar.e-hover,
.e-fileexplorer .e-toolbar .e-feItem-Searchbar.e-hover,
.e-fe-toolbar.e-responsive-toolbar .e-feItem-Addressbar.e-hover,
.e-fe-toolbar.e-responsive-toolbar .e-feItem-Searchbar.e-hover,
.e-fileexplorer .e-toolbar .e-feItem-Searchbar.e-active,
.e-fileexplorer .e-toolbar .e-feItem-Addressbar.e-active,
.e-fe-toolbar.e-responsive-toolbar .e-feItem-Searchbar.e-active,
.e-fe-toolbar.e-responsive-toolbar .e-feItem-Addressbar.e-active {
  
}
.e-fileexplorer .e-toolbar .e-feItem-Addressbar.e-hover,
.e-fileexplorer .e-toolbar .e-feItem-Searchbar.e-hover,
.e-fe-toolbar.e-responsive-toolbar .e-feItem-Addressbar.e-hover,
.e-fe-toolbar.e-responsive-toolbar .e-feItem-Searchbar.e-hover,
.e-fileexplorer .e-toolbar .e-feItem-Searchbar.e-active,
.e-fileexplorer .e-toolbar .e-feItem-Addressbar.e-active,
.e-fe-toolbar.e-responsive-toolbar .e-feItem-Searchbar.e-active,
.e-fe-toolbar.e-responsive-toolbar .e-feItem-Addressbar.e-active {
  background: whitesmoke;
  border-color: whitesmoke;
}
.e-fileexplorer .e-toolbar .e-fe-split-button.e-hover,
.e-fe-toolbar.e-responsive-toolbar .e-fe-split-button.e-hover,
.e-fileexplorer .e-toolbar .e-fe-split-button.e-active,
.e-fe-toolbar.e-responsive-toolbar .e-fe-split-button.e-active {
  
}
.e-dialog .e-fe-table table tr .e-readonly {
  background: white;
  color: #212121;
}
.e-dialog .e-fe-table table .e-border {
  border-color: #e0e0e0;
}
.e-fileexplorer .e-toolbar .e-fe-split-button .e-active .e-btn {
  
}
.e-fileexplorer .e-splitter .e-splitbar.e-shadowbar,
.e-fileexplorer .e-splitter .e-splitbar.e-split-divider,
.e-fileexplorer .e-splitter .e-splitbar.e-split-divider:hover,
.e-fileexplorer .e-splitter .e-hover.e-splitbar.e-split-divider {
  background-color: transparent;
}
.e-fileexplorer .e-fe-popup .e-content {
  background-color: white;
  border-color: #e0e0e0;
}
.e-fileexplorer .e-fe-popup .e-downtail:after {
  border-top-color: white;
}
.e-fileexplorer .e-fe-popup .e-downtail:before,
.e-fileexplorer .e-fe-popup .e-downtail {
  border-top-color: #e0e0e0;
}
.e-fileexplorer .e-fe-popup span:hover,
.e-fileexplorer .e-fe-popup .e-spanclicked {
  border-color: #424242;
}
.e-fileexplorer .e-tile-wrapper.e-js.e-file-droppable,
.e-fileexplorer .e-grid .e-gridcontent.e-file-droppable {
  box-shadow: 0px 0px 6px -1px #e0e0e0 inset;
}
.e-fe-dialog.e-dialog .e-fe-table tr td:first-child {
  color: rgba(0, 0, 0, 0.38);
  border-color: rgba(0, 0, 0, 0.38);
}
/*------------------------------------------------------------------*/

.e-fileexplorer .e-toolbar.e-js {
  border-bottom: 1px solid #e0e0e0;
}
.fe-context-menu.e-menu.e-context .e-mhover > a > span.e-fileexplorer-toolbar-icon,
.fe-context-menu.e-menu.e-context .e-mfocused > a > span.e-fileexplorer-toolbar-icon {
  
}
.e-fileexplorer .e-toolbar.e-focus {
  
}
.e-fileexplorer .e-toolbar > ul > li .e-splitbutton.e-btn.e-select {
  
}
.e-fileexplorer .e-toolbar > ul > li .e-split.e-active .e-splitbutton.e-btn.e-select {
  
}
.e-fileexplorer .e-toolbar > ul > .e-fe-split-button.e-hover .e-split.e-active .e-splitbutton.e-btn.e-select {
  
}
.e-fileexplorer .e-toolbar > ul > li .e-splitbutton.e-btn.e-ntouch.e-select:hover {
  
}
.e-fileexplorer .e-toolbar .e-hover .e-tool-input,
.e-fe-toolbar.e-responsive-toolbar .e-hover .e-tool-input,
.e-fileexplorer .e-toolbar .e-tool-input:focus,
.e-fe-toolbar.e-responsive-toolbar .e-tool-input:focus {
  
}
.e-fe-dialog input.e-fe-dialog-text {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-fe-dialog input.e-fe-dialog-text:hover,
.e-fe-dialog input.e-fe-dialog-text:focus {
  
}
.e-fe-dialog input.e-fe-dialog-text:focus {
  box-shadow: none;
  border-color: #ff4081;
}
.e-fileexplorer .e-toolbar > ul > li .e-split {
  
}
.e-fileexplorer .e-statusbar .e-button.e-btn:after {
  background-color: rgba(255, 64, 129, 0.38);
}
.e-fileexplorer .e-tile-wrapper .e-fe-selection-rect,
.e-fileexplorer .e-gridcontent .e-fe-selection-rect {
  
  background-color: rgba(255, 64, 129, 0.2);
}
.e-fileexplorer .e-tile-wrapper .e-fe-selection-rect,
.e-fileexplorer .e-gridcontent .e-fe-selection-rect {
  border: 1px solid #ff4081;
}
.e-fileexplorer.e-ie8 .e-tile-wrapper .e-fe-selection-rect.e-active,
.e-fileexplorer.e-ie8 .e-gridcontent .e-fe-selection-rect.e-active {
  background-color: #3f51b5;
}
.e-fileexplorer .e-toolbar .e-tool-input:focus,
.e-fe-toolbar.e-responsive-toolbar .e-tool-input:focus,
.e-fe-dialog input.e-fe-dialog-text:focus {
  
}
.e-fileexplorer .e-toolbar .e-tool-input:hover,
.e-fe-toolbar.e-responsive-toolbar .e-tool-input:hover,
.e-fe-dialog input.e-fe-dialog-text:hover {
  
}
.e-fe-dialog input.e-fe-dialog-text {
  
}
.e-fileexplorer input:not(.e-textbox),
.e-fileexplorer .e-grid .e-headercelldiv,
.e-fileexplorer .e-grid .e-gridcontent tr,
.e-fileexplorer .e-tileview .e-tilenode .e-name,
input.e-fe-dialog-text:not(.e-textbox),
.e-fe-toolbar.e-responsive-toolbar input {
  
}
.e-fileexplorer .e-statusbar .e-switchView .e-button.e-active:focus,
.e-fileexplorer .e-statusbar .e-switchView .e-button.e-active:focus:hover {
  
}
.e-fileexplorer .e-statusbar .e-switchView .e-active.e-btn.e-select .e-icon {
  
}
.e-fileexplorer .e-statusbar .e-btn.e-select:hover .e-icon {
  
}
.e-fileexplorer .e-switchGridView.e-button.e-active {
  
}
.e-fileexplorer .e-switchGridView.e-button.e-active .e-icon {
  
}
.e-fileexplorer .e-toolbar .e-split.e-widget .e-btn.e-select:active .e-icon,
.e-fe-toolbar .e-split.e-widget .e-btn.e-select:active .e-icon {
  
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------DatePicker themes -------------*/

.e-datepicker table td.e-disable,
.e-datepicker.e-dp-restrict-show table td.e-hidedate,
.e-datepicker .e-footer.e-footer-disable {
  opacity: 1;
  color: #adadad;
  visibility: visible;
  cursor: default;
}
.e-datepicker table td.e-hidedate {
  visibility: hidden;
}
.e-datepicker:focus {
  outline: none;
}
.e-datewidget .e-in-wrap {
  border-color: #e0e0e0;
}
.e-datewidget .e-in-wrap {
  /*material*/
  border-width: 0 0 1px 0;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-datewidget .e-in-wrap:before,
.e-datewidget .e-in-wrap:after {
  background: #ff4081;
}
.e-datewidget.e-widget:hover .e-in-wrap {
  
}
.e-datewidget.e-disable:hover .e-in-wrap {
  
}
.e-datewidget.e-focus .e-in-wrap,
.e-datewidget.e-focus .e-in-wrap:hover {
  
}
.e-datewidget.e-focus .e-in-wrap,
.e-datewidget.e-focus .e-in-wrap:hover {
  /*material*/
  box-shadow: none;
}
.e-datewidget.e-widget .e-select:active:hover {
  
}
.e-datewidget .e-select,
.e-datewidget.e-rtl .e-select,
.e-ntouch.e-datewidget .e-disable.e-select:hover {
  
}
.e-datewidget .e-select,
.e-datewidget.e-rtl .e-select,
.e-ntouch.e-datewidget .e-disable.e-select:hover {
  /*material*/
  background-color: white;
  color: rgba(0, 0, 0, 0.54);
}
.e-ntouch.e-datewidget .e-select:hover {
  
}
.e-ntouch.e-datewidget .e-select:hover {
  /*material*/
  background-color: white;
  color: rgba(0, 0, 0, 0.54);
  border-color: #e0e0e0;
}
.e-datewidget .e-select.e-active {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
  border-color: #3f51b5;
}
.e-datewidget .e-input {
  background-color: white;
  
}
.e-datewidget .e-input {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
}
.e-datepicker table td.other-month,
.e-datepicker .e-allyear-first,
.e-datepicker .e-allyear-last,
.e-datepicker .e-year-first,
.e-datepicker .e-year-last {
  
}
.e-datepicker table td.other-month,
.e-datepicker .e-allyear-first,
.e-datepicker .e-allyear-last,
.e-datepicker .e-year-first,
.e-datepicker .e-year-last {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-datepicker table td.e-dp-weekend {
  color: #cd0a0a;
}
.e-datepicker.e-calendar {
  
  border-color: #e0e0e0;
  background-color: white;
}
.e-datepicker.e-calendar {
  /*material*/
  background: white;
  font-size: 12px;
  width: 308px;
  padding: 0 10px 10px 10px;
}
.e-datepicker .e-header,
.e-datetime-popup .e-timecontainer .e-header {
  font-weight: normal;
  
}
.e-datepicker .e-header,
.e-datetime-popup .e-timecontainer .e-header {
  background: #3f51b5;
}
.e-datepicker .e-header,
.e-datetime-popup .e-timecontainer .e-header {
  /*material*/
  background: white;
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 0;
  font-size: 16px;
}
.e-datepicker .e-header:hover > span {
  color: #212121;
}
.e-datepicker .e-footer {
  
}
.e-datepicker .e-footer {
  /*material*/
  color: #ff4081;
  text-transform: uppercase;
  border: none;
  width: 94%;
}
.e-datepicker .e-footer.e-btn.e-select {
  
}
.e-ntouch.e-datepicker .e-footer:hover {
  
}
.e-ntouch.e-datepicker .e-footer:hover {
  /*material*/
  color: #ff4081;
  border: none;
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 0px;
  box-shadow: none;
}
.e-datepicker .e-text {
  
}
.e-datepicker .e-text {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-datepicker .e-week-header,
.e-ntouch.e-datepicker .e-week-header:hover {
  
  border-bottom: 1px solid transparent;
}
.e-datepicker .e-week-header,
.e-ntouch.e-datepicker .e-week-header:hover {
  background: whitesmoke;
}
.e-datepicker .e-week-header,
.e-ntouch.e-datepicker .e-week-header:hover {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
  background: white;
}
.e-ntouch.e-datepicker table td:hover,
.e-datepicker td.e-state-hover,
.e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover {
  border-color: #e0e0e0;
  box-shadow: 0 0 0 transparent inset;
  
}
.e-ntouch.e-datepicker table td:hover,
.e-datepicker td.e-state-hover,
.e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover {
  background: #e0e0e0;
}
.e-ntouch.e-datepicker table td:hover,
.e-datepicker td.e-state-hover,
.e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover {
  /*material*/
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 50%;
}
.e-datepicker table td.e-weeknumber,
.e-datepicker table td.e-weeknumber:hover {
  background: transparent;
}
.e-datepicker td.e-state-hover {
  /*material*/
  color: #ff4081;
  background: transparent;
}
.e-ntouch.e-datepicker table td.e-disable:hover,
.e-ntouch.e-datepicker table td.e-hidedate:hover {
  background: none;
  border-color: none;
  
}
.e-ntouch.e-datepicker table td.e-disable:hover,
.e-ntouch.e-datepicker table td.e-hidedate:hover {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-datepicker .e-datepicker-days .e-selected-days {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
  border-radius: 0px;
  box-shadow: 0 0 0 transparent inset;
  /*For flicker issue */
  color: white;
}
.e-work-week .e-week-day,
.e-selected-week,
.e-selected-month {
  background-color: whitesmoke;
  color: #212121;
}
.e-datepicker .e-header .e-icon {
  
}
.e-datepicker .e-header .e-icon {
  /*material*/
  color: rgba(0, 0, 0, 0.54);
}
.e-ntouch.e-datepicker .e-header .e-prev.e-disable .e-arrow-sans-left:hover,
.e-ntouch.e-datepicker .e-header .e-next.e-disable .e-arrow-sans-right:hover {
  background-color: transparent;
}
.e-ntouch.e-datepicker .e-arrow-sans-left:hover,
.e-ntouch.e-datepicker .e-arrow-sans-right:hover {
  
  border-radius: 0px;
  border-color: #e0e0e0;
}
.e-ntouch.e-datepicker .e-arrow-sans-left:hover,
.e-ntouch.e-datepicker .e-arrow-sans-right:hover {
  /*material*/
  background-color: white;
}
.e-ntouch.e-datepicker .e-disable.e-arrow-sans-left:hover,
.e-ntouch.e-datepicker .e-disable.e-arrow-sans-right:hover {
  background: none;
  border-radius: 0px;
  cursor: default;
  border-color: #e0e0e0;
}
.e-datepicker .e-state-default {
  
}
.e-datepicker .e-state-default {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
}
.e-datepicker table td.e-weeknumber,
.e-datepicker table td.e-weeknumber:hover {
  
}
.e-datepicker table td.e-weeknumber,
.e-datepicker table td.e-weeknumber:hover {
  color: rgba(0, 0, 0, 0.54);
}
.e-datepicker .today {
  
}
.e-datepicker .today {
  /*material*/
  color: #ff4081;
  background: white;
  box-shadow: 0 0 0 transparent inset;
  border-radius: 50%;
}
.e-datepicker .today:before,
.e-datepicker .today.e-state-hover::before {
  
}
.e-datepicker .other-month.e-active {
  background: none;
}
.e-datepicker .e-active,
.e-datepicker .e-active:hover,
.e-datepicker .e-active.e-state-hover {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
  box-shadow: 0 0 0 transparent inset;
  /*For flicker issue */
  color: white;
  border-color: #3f51b5;
}
.e-datepicker .e-active,
.e-datepicker .e-active:hover,
.e-datepicker .e-active.e-state-hover {
  border-radius: 4px;
}
.e-datepicker .e-active,
.e-datepicker .e-active:hover,
.e-datepicker .e-active.e-state-hover {
  color: white;
}
.e-datepicker .e-active,
.e-datepicker .e-active:hover,
.e-datepicker .e-active.e-state-hover {
  /*material*/
  background: transparent;
}
.e-ntouch.e-datepicker table td.other-month:hover,
.e-ntouch.e-datepicker .e-allyear-first:hover,
.e-ntouch.e-datepicker .e-allyear-last:hover,
.e-ntouch.e-datepicker .e-year-first:hover,
.e-ntouch.e-datepicker .e-year-last:hover {
  background-color: transparent;
  border-color: #e0e0e0;
  
}
.e-ntouch.e-datepicker table td.other-month:hover,
.e-ntouch.e-datepicker .e-allyear-first:hover,
.e-ntouch.e-datepicker .e-allyear-last:hover,
.e-ntouch.e-datepicker .e-year-first:hover,
.e-ntouch.e-datepicker .e-year-last:hover {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
/*Disable State Styles*/

.e-ntouch.e-datepicker.e-popup.e-disable .e-footer:hover {
  background: none;
  color: #212121;
  border: 1px solid transparent;
}
.e-ntouch.e-datepicker.e-popup.e-disable table td:hover,
.e-datepicker.e-popup.e-disable td.e-state-hover,
.e-ntouch.e-datepicker.e-popup.e-disable .current-month.e-state-default.e-special-day:hover {
  background: none;
  color: #212121;
  font-weight: normal;
  border-radius: 0px;
  border-color: #e0e0e0;
}
.e-ntouch.e-datepicker.e-popup.e-disable .e-arrow-sans-left:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-arrow-sans-right:hover {
  background: none;
  border-radius: 0px;
  border-color: #e0e0e0;
}
.e-ntouch.e-datepicker.e-popup.e-disable table td.e-disable:hover,
.e-ntouch.e-datepicker.e-popup.e-disable table td.e-hidedate:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-disable.e-select:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-hidedate.e-select:hover {
  background: none;
  border-color: none;
  color: #adadad;
}
.e-ntouch.e-datepicker.e-popup.e-disable table td.other-month:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-allyear-first:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-allyear-last:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-year-first:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-year-last:hover {
  color: #3f51b5;
}
.e-ntouch.e-datepicker .e-datepicker-headertext:hover {
  
}
.e-ntouch.e-datepicker.e-disable .e-datepicker-headertext:hover {
  background: none;
}
.e-datepicker::-webkit-input-placeholder {
  color: #212121;
}
.e-datepicker:-ms-input-placeholder {
  color: #212121;
}
.e-datepicker::-moz-placeholder {
  color: #212121;
}
.e-datepicker:-moz-placeholder {
  color: #212121;
}
.e-ntouch.e-datepicker .e-datepicker-headertext:hover {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.e-datepicker .e-datepicker-days .e-state-default {
  height: 44px;
  position: relative;
  z-index: 1;
}
.e-datepicker .e-datepicker-months td,
.e-datepicker .e-datepicker-years td {
  
}
.e-datepicker .e-datepicker-months td,
.e-datepicker .e-datepicker-years td {
  /*material*/
  height: 50px;
  position: relative;
  z-index: 1;
}
.e-datepicker .e-datepicker-allyears td {
  height: 78px;
  position: relative;
  z-index: 1;
}
.e-datepicker .e-datepicker-months td:hover::before,
.e-datepicker .e-datepicker-years td:hover::before {
  /*material*/
  top: 5px;
  left: 18px;
}
.e-datepicker .e-header .e-next,
.e-datepicker .e-header .e-prev {
  top: 0;
  left: 0;
  float: left;
}
.e-datepicker .e-header .e-next:hover,
.e-datepicker .e-header .e-prev:hover {
  
}
.e-datepicker .e-header .e-prev {
  top: 0;
  left: 0;
}
.e-datepicker .e-header .e-text {
  float: left;
}
.e-datepicker .e-header .e-text .e-datepicker-headertext {
  padding: 7px;
  border-radius: 0;
}
.e-datepicker .e-header .e-next {
  right: 0;
}
.e-datepicker .e-icon {
  height: 30px;
  width: 30px;
}
.e-datepicker .e-header .e-icon:before {
  top: 7px;
  left: 8px;
}
.e-datepicker .e-header .e-text {
  
}
.e-datepicker .e-header .e-text {
  /*material*/
  width: 79%;
}
.e-datepicker.e-headerlong .e-header .e-text {
  
}
.e-datepicker.e-headerlong .e-header .e-text {
  /*material*/
  width: 85%;
}
.e-datepicker.e-rtl .e-header .e-text {
  float: right;
}
.e-datepicker.e-rtl .e-header .e-prev {
  left: 0;
  float: right;
}
.e-datepicker.e-rtl .e-header .e-next {
  right: 0;
  float: right;
}
.e-datewidget.e-active .e-select {
  /*material*/
  color: #ff4081;
}
.e-datewidget.e-active .e-select:hover {
  /*material*/
  color: #ff4081;
}
.e-datepicker .today:hover {
  /*material*/
  background: white;
}
.e-ntouch.e-datepicker table td:hover::before,
.e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover::before {
  
}
.e-ntouch.e-datepicker table td:hover::before,
.e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover::before {
  /*material*/
  border-radius: 50%;
  background: #eeeeee;
  color: black;
}
.e-datepicker table td::before {
  
}
.e-datepicker table td::before {
  /*material*/
  width: 40px;
  height: 40px;
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: -1;
}
.e-datepicker table td.e-weeknumber:hover::before {
  
}
.e-datepicker table td.e-weeknumber:hover::before {
  content: none;
}
.e-datepicker.e-headerlong .e-datepicker-days .e-active::before,
.e-datepicker.e-headerlong .e-datepicker-days .e-active .e-state-hover::before,
.e-datepicker.e-headerlong table .e-datepicker-days td::before {
  
}
.e-datepicker.e-headerlong .e-datepicker-days .e-active::before,
.e-datepicker.e-headerlong .e-datepicker-days .e-active .e-state-hover::before,
.e-datepicker.e-headerlong table .e-datepicker-days td::before {
  left: 10px;
}
.e-datepicker.e-headerlong table .e-datepicker-allyears td::before {
  
}
.e-datepicker table .e-datepicker-months td::before,
.e-datepicker table .e-datepicker-years td::before {
  
}
.e-datepicker.e-headerlong table .e-datepicker-months td::before,
.e-datepicker.e-headerlong table .e-datepicker-years td::before {
  
}
.e-datepicker.e-headerlong e-datepicker-months .e-active::before,
.e-datepicker.e-headerlong e-datepicker-months .e-active .e-state-hover::before,
.e-datepicker.e-headerlong e-datepicker-months table td::before {
  
}
.e-datepicker.e-icons .e-datepicker-months td.e-state-hover::before,
.e-datepicker.e-icons .e-datepicker-years td.e-state-hover::before,
.e-datepicker.e-icons .e-datepicker-years td.e-state-default::before,
.e-datepicker.e-icons .e-datepicker-months td.e-state-default::before,
.e-datepicker.e-icons .e-datepicker-years td.e-current-year::before {
  
}
.e-datepicker table .e-datepicker-months td.e-active::before,
.e-datepicker table .e-datepicker-years td.e-active::before,
.e-datepicker table .e-datepicker-months td.e-active.e-state-hover::before,
.e-datepicker table .e-datepicker-years td.e-active.e-state-hover::before {
  
}
.e-datepicker table .e-datepicker-months td.e-active:hover::before,
.e-datepicker table .e-datepicker-years td.e-active:hover::before,
.e-datepicker table .e-datepicker-allyears td.e-active:hover::before {
  
}
.e-datepicker table .e-datepicker-allyears td::before {
  
}
.e-datepicker table .e-datepicker-allyears td.e-active::before {
  
}
.e-datepicker .e-active::before,
.e-datepicker .e-active .e-state-hover::before {
  
}
.e-datepicker .e-active::before,
.e-datepicker .e-active .e-state-hover::before {
  /*material*/
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ff4081;
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: -1;
}
.e-datepicker.e-headerlong table td.e-current-allyear::before {
  left: 14px;
}
.e-datepicker.e-icons .e-active::before,
.e-datepicker.e-icons .e-active .e-state-hover::before,
.e-datepicker.e-icons td::before,
.e-datepicker.e-icons td.e-state-hover::before {
  
}
.e-datepicker.e-icons .e-active::before,
.e-datepicker.e-icons .e-active .e-state-hover::before,
.e-datepicker.e-icons td::before,
.e-datepicker.e-icons td.e-state-hover::before {
  left: 2px;
}
.e-datepicker.e-icons .e-datepicker-allyears .e-active::before,
.e-datepicker.e-icons .e-active .e-datepicker-allyears .e-state-hover::before,
.e-datepicker.e-icons .e-datepicker-allyears td::before,
.e-datepicker.e-icons .e-datepicker-allyears td.e-state-hover::before,
.e-datepicker.e-icons .e-datepicker-allyears td.e-current-allyear::before {
  
}
.e-datepicker.e-icons .e-datepicker-allyears td {
  
}
.e-datepicker td.e-state-hover::before {
  
}
.e-datepicker td.e-state-hover::before {
  /*material*/
  border-radius: 50%;
}
.e-datepicker .e-active::before,
.e-datepicker .e-active.e-state-hover::before {
  
}
.e-datepicker .e-active::before,
.e-datepicker .e-active.e-state-hover::before {
  /*material*/
  background: #ff4081;
  border-radius: 50%;
}
.e-ntouch.e-datepicker table td.e-disable:hover::before,
.e-ntouch.e-datepicker table td.e-hidedate:hover::before {
  
}
.e-ntouch.e-datepicker table td.e-disable:hover::before,
.e-ntouch.e-datepicker table td.e-hidedate:hover::before {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-datepicker table td.e-hidedate:hover::before {
  
}
.e-datepicker table td.e-hidedate:hover::before {
  /*material*/
  background: none;
}
.e-datepicker .e-datepicker-months td.e-active::before,
.e-datepicker .e-datepicker-years td.e-active::before {
  /*material*/
  top: 5px;
  left: 20px;
}
.e-datepicker .e-datepicker-months td.e-state-hover::before,
.e-datepicker .e-datepicker-years td.e-state-hover::before {
  /*material*/
  top: 5px;
  left: 20px;
}
.e-datepicker.e-headerlong .e-datepicker-months td::before,
.e-datepicker.e-headerlong .e-datepicker-years td::before {
  left: 32px;
}
.e-datewidget .e-input::selection {
  
}
.e-datewidget .e-input::selection {
  background: #ff4081;
  color: white;
}
.e-datewidget .e-input::-moz-selection {
  
}
.e-datewidget .e-input::-moz-selection {
  background: #ff4081;
  color: white;
}
.e-datepicker.e-popup .e-header .e-prev:not(:active):after,
.e-datepicker.e-popup .e-header .e-next:not(:active):after {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-datepicker.e-popup .e-header .e-prev.e-disable:not(:active):after,
.e-datepicker.e-popup .e-header .e-next.e-disable:not(:active):after {
  background-color: transparent;
}
.e-datepicker .e-footer.e-btn.e-select.e-flat:not(:active):after {
  background-color: rgba(255, 64, 129, 0.12);
}
.e-datepicker .e-datepicker-days td.e-active:not(:active):after {
  background: rgba(255, 64, 129, 0.5);
}
.e-datepicker .e-datepicker-days td.e-active {
  overflow: hidden;
  border-radius: 50%;
}
.e-datewidget.e-disable {
  
}
.e-datewidget .e-select.e-disable,
.e-datewidget.e-disable .e-select:hover,
.e-ntouch.e-datewidget .e-disable.e-select:hover {
  
}
.e-datepicker .e-footer:active {
  
}
.e-datepicker .e-footer.e-btn.e-select:focus {
  
}
.e-datepicker.e-popup .e-dp-viewallyears .e-datepicker-allyears td.e-current-allyear.e-active::before,
.e-datepicker.e-popup .e-dp-viewallyears .e-datepicker-allyears td.e-current-allyear:hover::before,
.e-datepicker.e-popup .e-dp-viewallyears .e-datepicker-allyears td.e-current-allyear::before {
  /*material*/
  content: "";
  width: 75px;
  height: 75px;
  z-index: -1;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- DateTimePicker -------------------------------------------*/

.e-datetime-wrap .e-input,
.e-datetime-popup {
  background-color: white;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-weight: normal;
  
}
.e-datetime-wrap .e-input,
.e-datetime-popup {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-datetime-popup.e-widget .e-ntouch.e-timepicker table td:hover,
.e-datetime-popup.e-widget .e-timepicker table td.e-state-hover {
  
}
.e-datetime-wrap .e-input {
  /*material*/
  font-size: 13px;
}
.e-datetime-wrap.e-widget .e-select:active:hover {
  
}
.e-datetime-wrap .e-in-wrap,
.e-datetime-popup,
.e-datetime-popup .e-timecontainer .e-header {
  border-color: #e0e0e0;
}
.e-datetime-wrap.e-widget:hover .e-in-wrap {
  
}
.e-datetime-wrap.e-widget.e-disable:hover .e-in-wrap {
  
}
.e-datetime-wrap.e-focus .e-in-wrap,
.e-datetime-popup .e-focus {
  
}
.e-datetime-wrap.e-focus .e-in-wrap,
.e-datetime-wrap.e-focus .e-in-wrap:hover {
  
}
.e-datetime-wrap .e-select,
.e-datetime-wrap.e-rtl .e-select,
.e-ntouch.e-datetime-wrap .e-disable.e-select:hover {
  border-color: #e0e0e0;
  
}
.e-datetime-wrap .e-select,
.e-datetime-wrap.e-rtl .e-select,
.e-ntouch.e-datetime-wrap .e-disable.e-select:hover {
  background: whitesmoke;
}
.e-datetime-wrap .e-select,
.e-datetime-wrap.e-rtl .e-select,
.e-ntouch.e-datetime-wrap .e-disable.e-select:hover {
  /*material*/
  background: white;
  color: rgba(0, 0, 0, 0.54);
}
.e-ntouch.e-datetime-wrap .e-select:hover {
  
}
.e-ntouch.e-datetime-wrap .e-select:hover {
  /*material*/
  background: white;
}
.e-datetime-popup .e-dt-button {
  
}
.e-datetime-popup .e-dt-button {
  border: none;
  color: #ff4081;
  background: white;
  text-transform: uppercase;
  font-size: 14px;
}
.e-datetime-popup .e-dt-button:active {
  
}
.e-datetime-popup .e-dt-button:active {
  border-color: white;
  color: #ff4081;
  background: white;
}
.e-ntouch.e-datetime-popup .e-dt-button:hover {
  
}
.e-timepicker.e-time-hours,
.e-timepicker.e-time-minitues {
  border-color: #e0e0e0;
  background-color: white;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm {
  
  font-size: 16px;
  font-weight: normal;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm {
  /*material*/
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header:hover > span,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header:hover > span,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am:hover > span,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm:hover > span {
  
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header:hover > span,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header:hover > span,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am:hover > span,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm:hover > span {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header:hover > span,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am:hover > span,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm:hover > span {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header {
  
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header {
  
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header {
  background: #3f51b5;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header {
  /*material*/
  border-bottom: none;
  background: white;
  padding: 9px 0 9px 0;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm > .e-text {
  
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm > .e-text {
  /*material*/
  border-top: 0;
  padding-top: 12px;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm {
  /*material*/
  border-top: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon {
  
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon {
  /*material*/
  color: rgba(0, 0, 0, 0.54);
}
.e-timepicker table td.e-active::before,
.e-timepicker table td.e-active.e-state-hover::before {
  border-color: #3f51b5;
  
}
.e-timepicker table td.e-active::before,
.e-timepicker table td.e-active.e-state-hover::before {
  /*material*/
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0;
  background-color: #ff4081;
  position: absolute;
}
.e-timepicker table td.e-active,
.e-timepicker table td.e-active.e-state-hover {
  
}
.e-timepicker table td.e-active,
.e-timepicker table td.e-active.e-state-hover {
  /*material*/
  color: white;
}
.e-timepicker table td.e-active:hover {
  
}
.e-timepicker .e-state-default {
  
  font-weight: normal;
}
.e-timepicker .e-state-default {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-ntouch.e-timepicker table td:hover::before,
.e-timepicker table td.e-state-hover::before {
  border-color: #e0e0e0;
  
}
.e-ntouch.e-timepicker table td:hover::before,
.e-timepicker table td.e-state-hover::before {
  background: #e0e0e0;
}
.e-ntouch.e-timepicker table td:hover::before,
.e-timepicker table td.e-state-hover::before {
  /*material*/
  border-radius: 50%;
  box-shadow: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
}
.e-ntouch.e-timepicker table td:hover,
.e-timepicker table td.e-state-hover {
  
}
.e-ntouch.e-timepicker table td:hover,
.e-timepicker table td.e-state-hover {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-ntouch.e-timepicker .e-hours-headertext:hover,
.e-ntouch.e-timepicker .e-minitues-headertext:hover {
  
}
.e-ntouch.e-timepicker .e-hours-headertext:hover,
.e-ntouch.e-timepicker .e-minitues-headertext:hover {
  /*material*/
  background: white;
}
.e-timepicker .e-footer {
  
}
.e-timepicker .e-footer {
  /*material*/
  border: none;
  color: #212121;
}
.e-ntouch.e-timepicker .e-footer:hover {
  
}
.e-ntouch.e-timepicker .e-footer:hover {
  /*material*/
  background: white;
  border: none;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-footer {
  /*material*/
  color: #ff4081;
  text-transform: uppercase;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-footer:hover {
  /*material*/
  color: #ff4081;
  border: none;
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 0px;
  box-shadow: none;
}
.e-timepicker table td.e-disable {
  color: #adadad;
}
.e-ntouch.e-timepicker table td.e-disable:hover {
  background: none;
  border-color: none;
  color: #adadad;
}
.e-ntouch.e-timepicker .e-arrow-sans-left:hover,
.e-ntouch.e-timepicker .e-arrow-sans-right:hover {
  
}
.e-ntouch.e-timepicker .e-arrow-sans-left:hover,
.e-ntouch.e-timepicker .e-arrow-sans-right:hover {
  /*material*/
  background-color: white;
}
.e-ntouch.e-timepicker .e-disable.e-arrow-sans-left:hover,
.e-ntouch.e-timepicker .e-disable.e-arrow-sans-right:hover {
  border-color: #e0e0e0;
}
.e-ntouch.e-timepicker.e-popup.e-disable table td:hover,
.e-timepicker.e-popup.e-disable td.e-state-hover {
  background: none;
  color: #212121;
  font-weight: normal;
  border-radius: 0px;
  border-color: #e0e0e0;
}
.e-ntouch.e-timepicker.e-popup.e-disable .e-arrow-sans-left:hover,
.e-ntouch.e-timepicker.e-popup.e-disable .e-arrow-sans-right:hover {
  border-color: #e0e0e0;
}
.e-ntouch.e-timepicker.e-popup.e-disable .e-footer:hover {
  background: none;
  color: #212121;
  border: 1px solid transparent;
}
.e-datetime-popup .e-dp-viewhours .e-timepicker-hours .e-state-default {
  height: 56px;
}
.e-datetime-wrap .e-in-wrap {
  /*material*/
  border-width: 0 0 1px 0;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-datetime-popup .e-header-am + .e-dp-viewhours .e-timepicker-hours .e-state-default,
.e-datetime-popup .e-header-pm + .e-dp-viewhours .e-timepicker-hours .e-state-default {
  height: 44px;
  position: relative;
  z-index: 1;
}
.e-datetime-wrap .e-in-wrap:before,
.e-datetime-wrap .e-in-wrap:after {
  background: #ff4081;
}
.e-datetime-wrap.e-focus .e-in-wrap {
  /*material*/
  box-shadow: none;
}
.e-datetime-popup .e-dp-viewmins .e-timepicker-mins .e-state-default {
  height: 78px;
  position: relative;
  z-index: 1;
}
.e-datetime-wrap .e-select {
  /*material*/
  border-left: 0;
  width: 24px;
}
.e-ntouch.e-datetime-wrap.e-active .e-select:hover {
  /*material*/
  color: #ff4081;
}
.e-ntouch.e-datetime-wrap.e-active .e-select {
  /*material*/
  color: #ff4081;
}
.e-datetime-popup .e-time-popup {
  
}
.e-datetime-popup .e-time-popup {
  /*material*/
  border-left: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: none;
}
.e-datetime-popup .e-time-popup.e-rtl {
  /*material*/
  border-right: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: none;
}
.e-datetime-popup .e-datepicker {
  
}
.e-datetime-popup .e-datepicker {
  /*material*/
  box-shadow: none;
  padding: 0;
}
.e-datetime-popup .e-datepicker.e-calendar {
  
}
.e-datetime-popup .e-popup-container {
  
}
.e-datetime-popup .e-popup-container {
  /*material*/
  padding: 0;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-datetime-popup .e-timecontainer {
  
}
.e-datetime-popup.e-rtl .e-timecontainer {
  
}
.e-datetime-popup .e-button-container {
  /*material*/
  padding: 5px 5px 5px;
}
.e-datetime-popup .e-datepicker table {
  /*material*/
  margin: 0;
}
.e-datetime-popup .e-timecontainer .e-header {
  
}
.e-datetime-popup .e-timecontainer .e-header {
  /*material*/
  display: none;
}
.e-datetime-popup .e-timecontainer .e-time-popup ul li {
  /*material*/
  padding: 15px 0px 15px 18px;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-icon {
  height: 30px;
  width: 30px;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-text,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am .e-text,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm .e-text,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header .e-text {
  width: 79%;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-text {
  float: left;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-text .e-hours-headertext,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-text .e-minitues-headertext,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-am .e-text .e-hours-meridiantxt-am,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm .e-text .e-hours-meridiantxt-pm,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-mins-header .e-text .e-minitues-meridiantxt {
  padding: 7px;
  border-radius: 0;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon:before {
  top: 7px;
  left: 8px;
}
.e-datetime-popup .e-dp-viewmins .e-timepicker-mins .e-state-default {
  
}
.e-datetime-popup .e-dp-viewmins .e-timepicker-mins .e-state-default {
  /*material*/
  border-radius: 50%;
  box-shadow: none;
  width: 70px;
  height: 50px;
  line-height: 50px;
  position: relative;
  z-index: 1;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-next,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-prev {
  top: 0;
  left: 0;
  float: left;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-next,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-prev {
  /*material*/
  overflow: hidden;
}
.e-datetime-popup .e-dp-viewmins .e-timepicker-mins .e-state-default::before {
  
}
.e-datetime-popup .e-dp-viewmins .e-timepicker-mins .e-state-default::before {
  /*material*/
  top: 8px;
  left: 17px;
}
.e-datetime-popup.e-rtl .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-text {
  float: right;
}
.e-datetime-popup.e-drill-down .e-popup-container {
  /*material*/
  padding: 0px 10px 10px 10px;
  border-bottom: 0;
}
.e-datetime-popup.e-rtl .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-next {
  right: 0;
  float: right;
}
.e-datetime-popup.e-rtl .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-prev {
  left: 0;
  float: right;
}
.e-datetime-popup .e-drillDowncontainer table td::before {
  
}
.e-datetime-popup .e-drillDowncontainer table td::before {
  /*material*/
  content: "";
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: -1;
}
.e-datetime-popup .e-dp-viewhours .e-timepicker-hours .e-state-default {
  /*material*/
  width: 40px;
  height: 40px;
  padding: 3px 15px;
  z-index: 1;
}
.e-datetime-popup .e-dp-viewhours .e-timepicker-hours .e-state-default::before {
  
}
.e-datetime-popup .e-dp-viewhours .e-timepicker-hours .e-state-default::before {
  /*material*/
  top: 3px;
  left: 18px;
}
.e-datetime-popup .e-drillDowncontainer .e-header-am + .e-dp-viewhours .e-timepicker-hours .e-state-default,
.e-datetime-popup .e-drillDowncontainer .e-header-pm + .e-dp-viewhours .e-timepicker-hours .e-state-default {
  /*material*/
  width: 40px;
  height: 40px;
  padding: 3px;
  position: relative;
  z-index: 1;
}
.e-datetime-popup .e-drillDowncontainer .e-header-am + .e-dp-viewhours .e-timepicker-hours .e-state-default::before,
.e-datetime-popup .e-drillDowncontainer .e-header-pm + .e-dp-viewhours .e-timepicker-hours .e-state-default::before {
  
}
.e-datetime-popup .e-drillDowncontainer .e-header-am + .e-dp-viewhours .e-timepicker-hours .e-state-default::before,
.e-datetime-popup .e-drillDowncontainer .e-header-pm + .e-dp-viewhours .e-timepicker-hours .e-state-default::before {
  /*material*/
  top: 3px;
  left: 5px;
}
.e-datetime-popup .e-datepicker .e-footer {
  /*material*/
  margin: 0;
}
.e-datetime-popup .e-timecontainer .e-time-popup.e-rtl ul li {
  /*material*/
  padding: 15px 18px 15px 0px;
}
.e-datetime-wrap .e-input::selection {
  background: #ff4081;
  color: white;
}
.e-datetime-wrap .e-input::-moz-selection {
  background: #ff4081;
  color: white;
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm + .e-dp-viewhours {
  margin-top: 10px;
}
@keyframes flatshadow {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 64, 129, 0.5);
    border-color: rgba(255, 64, 129, 0.5);
  }
  100% {
    box-shadow: 0 0 0 200px rgba(255, 64, 129, 0);
  }
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon:not(:active):after {
  background: rgba(0, 0, 0, 0.12);
}
.e-datetime-popup .e-dt-button.e-btn.e-select.e-flat:not(:active):after {
  background-color: rgba(255, 64, 129, 0.12);
}
.e-datetime-wrap.e-disable {
  
}
.e-datetime-wrap .e-select.e-disable,
.e-datetime-wrap .e-select.e-disable:hover,
.e-ntouch.e-datetime-wrap .e-disable.e-select:hover {
  
}
.e-datetime-popup .e-timecontainer .e-header {
  
}
.e-datetime-popup .e-datepicker.e-calendar .e-header {
  
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header-pm {
  
}
.e-datetime-popup .e-header + .e-dp-viewhours .e-timepicker-hours .e-state-default {
  
}
.e-datetime-popup .e-header + .e-dp-viewhours .e-timepicker-hours .e-state-default:before,
.e-datetime-popup .e-header + .e-dp-viewhours .e-timepicker-hours .e-state-default:hover:before {
  
}
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header {
  
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------DateRangePicker themes -------------*/

.e-daterangepicker-popup {
  background-color: white;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-weight: normal;
  color: #212121;
  
}
.e-daterangepicker-popup {
  /*material*/
  border: 0;
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.21);
}
.e-daterangewidget .e-select {
  /*material*/
  border-left: 0;
  width: 24px;
}
.e-daterangewidget .e-in-wrap:before,
.e-daterangewidget .e-in-wrap:after {
  background: #ff4081;
}
.e-daterangewidget .e-input {
  background-color: white;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-weight: normal;
  
}
.e-daterangewidget .e-input {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
}
.e-daterangewidget .e-in-wrap,
.e-daterangepicker-popup {
  border-color: #e0e0e0;
}
.e-daterangewidget .e-in-wrap {
  /*material*/
  border-width: 0 0 1px 0;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-daterangewidget.e-widget:hover .e-in-wrap {
  
}
.e-daterangewidget.e-focus .e-in-wrap,
.e-daterangewidget .e-focus {
  
}
.e-daterangewidget.e-focus .e-in-wrap,
.e-daterangewidget .e-focus {
  /*material*/
  box-shadow: none;
}
.e-daterangewidget .e-select,
.e-daterangewidget .e-drpbuttons .e-disable:hover,
.e-ntouch.e-daterangewidget .e-disable.e-select:hover {
  border-color: #e0e0e0;
  
}
.e-daterangewidget .e-select,
.e-daterangewidget .e-drpbuttons .e-disable:hover,
.e-ntouch.e-daterangewidget .e-disable.e-select:hover {
  background: whitesmoke;
}
.e-daterangewidget .e-select,
.e-daterangewidget .e-drpbuttons .e-disable:hover,
.e-ntouch.e-daterangewidget .e-disable.e-select:hover {
  /*material*/
  background: white;
  color: rgba(0, 0, 0, 0.54);
}
.e-daterangewidget .e-drpbuttons .e-btn.e-select.e-flat {
  
}
.e-ntouch.e-daterangewidget .e-select:hover {
  
}
.e-ntouch.e-daterangewidget .e-select:hover {
  /*material*/
  background: white;
}
.e-daterangepicker-popup .e-custom-dateranges {
  border-left: 1px solid #e0e0e0;
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date.e-hidedate:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-state-hover.e-hidedate,
.e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-days .e-state-default.in-range:hover.e-hidedate,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date.e-hidedate:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date.e-hidedate:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date.e-hidedate:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-hidedate.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-hidedate.e-end-date,
.e-daterangepicker-popup .e-ntouch.e-datepicker table td.e-hidedate:hover {
  background: none;
  
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date.e-hidedate:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-state-hover.e-hidedate,
.e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-days .e-state-default.in-range:hover.e-hidedate,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date.e-hidedate:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date.e-hidedate:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date.e-hidedate:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-hidedate.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-hidedate.e-end-date,
.e-daterangepicker-popup .e-ntouch.e-datepicker table td.e-hidedate:hover {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-daterangepicker-popup .e-datepicker table .e-datepicker-months td.e-hidedate:hover::before,
.e-datepicker table .e-datepicker-years td.e-hidedate:hover::before {
  
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-state-hover,
.e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-days .e-state-default.in-range:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date.e-active:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date.e-active:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date:hover,
.e-daterangepicker-popup .e-ntouch.e-datepicker table td:hover {
  background: #e0e0e0;
  color: #212121;
  
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-state-hover,
.e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-days .e-state-default.in-range:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date.e-active:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date.e-active:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date:hover,
.e-daterangepicker-popup .e-ntouch.e-datepicker table td:hover {
  background-color: #eeeeee;
}
.e-daterangepicker-popup .e-datepicker .e-active::before,
.e-datepicker .e-active .e-state-hover::before,
.e-daterangepicker-popup .e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default,
.e-daterangepicker-popup .e-datepicker table td::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default {
  top: 0px;
  padding-top: 0px;
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-end-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-end-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-end-date {
  
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-end-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-end-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-end-date {
  /*material*/
  background: transparent;
  color: white;
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-start-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-end-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-end-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-end-date::before {
  
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-start-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-end-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-end-date::before,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-end-date::before {
  /*material*/
  background: #ff4081;
  border-radius: 50%;
  top: 2px;
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default:hover,
.e-daterangepicker-popup .e-ntouch.e-datepicker table td.e-state-default:hover {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
  background: transparent;
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-allyears td.e-state-default:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-months td.e-state-default:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-years td.e-state-default:hover,
.e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-allyears td.e-state-default:hover,
.e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-months td.e-state-default:hover,
.e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-years td.e-state-default:hover {
  
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default:hover::before,
.e-daterangepicker-popup .e-ntouch.e-datepicker table td.e-state-default:hover::before {
  /*material*/
  background: transparent;
  content: "";
}
.e-daterangepicker-popup .e-val-error .e-in-wrap {
  border: 1px solid red;
}
.e-daterangepicker-popup .e-drpbuttons .e-drp-apply.e-disable {
  cursor: default;
}
.e-custom-dateranges li {
  
}
.e-custom-dateranges li {
  /*material*/
  box-shadow: none;
  background: white;
  border: 0;
  padding: 9px 24px;
  margin: 0;
  text-align: center;
  height: 30px;
  box-sizing: content-box;
}
.e-custom-dateranges li.e-active {
  
}
.e-custom-dateranges li.e-active {
  /*material*/
  background: white;
  color: #ff4081;
  border-color: white;
}
.e-custom-dateranges li:hover {
  
}
.e-custom-dateranges li:hover {
  color: #212121;
  border-color: #e0e0e0;
}
.e-custom-dateranges li:hover {
  background: #e0e0e0;
}
.e-daterange-responsive .e-custom-dateranges {
  border-top: 1px solid #e0e0e0;
}
.e-daterangepicker-popup .e-drp-button.e-btn.e-select.e-flat {
  
}
.e-daterangepicker-popup .e-drp-button.e-btn.e-select.e-flat:hover {
  
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-months td,
.e-daterangepicker-popup .e-datepicker .e-datepicker-years td,
.e-daterangepicker-popup .e-datepicker .e-datepicker-allyears td {
  
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today {
  background: white;
  color: #212121;
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today:hover {
  
}
.e-daterangepicker-popup .e-custom-dateranges li:hover {
  
}
.e-daterangepicker-popup .e-custom-dateranges li:hover {
  /*material*/
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.87);
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range + .e-end-date {
  /*material*/
  box-shadow: -15px 0 0 0 #eeeeee;
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date.showrange {
  /*material*/
  box-shadow: 15px 0 0 0 #eeeeee;
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range {
  color: #212121;
  border-color: #e0e0e0;
  
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range {
  /*material*/
  background: #eeeeee;
  box-shadow: none;
}
/*button css*/

.e-daterangepicker-popup .e-drpbuttons {
  
}
.e-daterangepicker-popup .e-drpbuttons {
  border-top: 1px solid #e0e0e0;
  border-color: #e0e0e0;
  color: #212121;
}
.e-daterangepicker-popup .e-drpbuttons {
  background: whitesmoke;
}
.e-daterangepicker-popup .e-drpbuttons div {
  
}
.e-daterangepicker-popup .e-drpbuttons div {
  /*material*/
  border: none;
  color: #ff4081;
  background: white;
  text-transform: uppercase;
}
.e-daterangepicker-popup .e-drpbuttons div:hover {
  
}
.e-daterangepicker-popup .e-drpbuttons div:hover {
  /*material*/
  background: white;
  color: #ff4081;
  border-color: white;
}
.e-daterangepicker-popup .e-drpbuttons .e-active {
  
}
.e-daterangepicker-popup .e-drpbuttons .e-active {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
  border-color: #3f51b5;
  color: #212121;
}
.e-daterangepicker-popup .e-datewidget.e-error .e-in-wrap {
  border-color: #e0e0e0;
}
.e-daterangepicker-popup .e-datewidget.e-error {
  color: white;
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default {
  height: 44px;
  position: relative;
  z-index: 1;
}
.e-daterangepicker-popup.e-popup .e-datepickers-popup .e-left-datepicker .e-datewidget.e-focus .e-in-wrap,
.e-daterangepicker-popup.e-popup .e-datepickers-popup .e-right-datepicker .e-datewidget.e-focus .e-in-wrap {
  /*material*/
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: none;
}
.e-daterangepicker-popup .e-left-datepicker {
  /*material*/
  border-right: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: none;
  margin-right: -1px;
}
.e-daterangepicker-popup .e-right-datepicker {
  /*material*/
  border-left: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: none;
}
.e-daterangepicker-popup .e-left-datepicker .e-timewidget,
.e-daterangepicker-popup .e-right-datepicker .e-timewidget {
  /*material*/
  height: 32px;
}
.e-daterangepicker-popup .e-left-datepicker .e-timewidget.e-focus .e-in-wrap,
.e-daterangepicker-popup .e-right-datepicker .e-timewidget.e-focus .e-in-wrap {
  /*material*/
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: none;
}
.e-daterange-timepopup.e-time-popup ul li {
  /*material*/
  padding: 15px 0 15px 15px;
}
.e-daterangepicker-popup .e-left-datepicker .e-timewidget.e-active .e-select,
.e-daterangepicker-popup .e-right-datepicker .e-timewidget.e-active .e-select {
  /*material*/
  color: rgba(0, 0, 0, 0.54);
}
.e-daterangepicker-popup .e-left-datepicker .e-timewidget .e-select,
.e-daterangepicker-popup .e-right-datepicker .e-timewidget .e-select {
  /*material*/
  border-left: 0;
}
.e-daterangewidget.e-active .e-select {
  /*material*/
  color: #ff4081;
}
.e-daterangewidget .e-input::selection,
.e-datetime-wrap .e-input::selection {
  background: #ff4081;
  color: white;
}
.e-daterangewidget .e-input::-moz-selection,
.e-datetime-wrap .e-input::-moz-selection {
  background: #ff4081;
  color: white;
}
.e-daterangepicker-popup .e-drp-button.e-btn.e-select.e-flat:not(:active):after {
  background-color: rgba(255, 64, 129, 0.12);
}
.e-daterangepicker-popup .e-drp-button.e-btn.e-select.e-flat.e-disable:not(:active):after {
  animation: none;
}
.e-daterangepicker-popup .e-datepicker .e-datepicker-days td.e-start-date:not(:active):after,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days td.e-end-date:not(:active):after {
  background: rgba(255, 255, 255, 0.5);
}
.e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select,
.e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select:active,
.e-daterangepicker-popup .e-drp-button.e-btn.e-flat.e-disable.e-select:hover {
  color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
@keyframes flatshadow {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 64, 129, 0.5);
    border-color: rgba(255, 64, 129, 0.5);
  }
  100% {
    box-shadow: 0 0 0 200px rgba(255, 64, 129, 0);
  }
}
.e-daterangepicker-popup.e-popup .e-datepickers-popup .e-right-datepicker.e-right-timepicker .e-datewidget .e-in-wrap,
.e-daterangepicker-popup.e-popup .e-datepickers-popup .e-left-datepicker.e-left-timepicker .e-datewidget .e-in-wrap {
  width: 195px;
}
.e-daterangepicker-popup.e-popup .e-datepickers-popup .e-left-datepicker + ::after {
  content: "";
  width: 100%;
  height: 100%;
  float: left;
}
.e-daterangepicker-popup .e-custom-dateranges ul {
  color: rgba(0, 0, 0, 0.87);
  margin-top: 13px;
}
.e-daterangepicker-popup .e-datewidget.e-focus .e-in-wrap:before,
.e-daterangepicker-popup .e-datewidget.e-focus .e-in-wrap:after,
.e-daterangepicker-popup .e-left-datepicker .e-timewidget.e-focus .e-in-wrap:before,
.e-daterangepicker-popup .e-left-datepicker .e-timewidget.e-focus .e-in-wrap:after,
.e-daterangepicker-popup .e-right-datepicker .e-timewidget.e-focus .e-in-wrap:before,
.e-daterangepicker-popup .e-right-datepicker .e-timewidget.e-focus .e-in-wrap:after {
  width: 0;
}
.e-daterangewidget.e-disable {
  
}
.e-daterangewidget .e-select.e-disable,
.e-daterangewidget.e-disable .e-select:hover,
.e-ntouch.e-daterangewidget .e-disable.e-select:hover {
  
}
.e-daterangewidget.e-widget.e-disable:hover .e-in-wrap {
  
}
.e-daterangepicker-popup.e-daterange-responsive .e-right-datepicker {
  float: none;
}
.e-daterange-responsive .e-drpbuttons {
  background-color: transparent;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
.svg-rotate-ie {
  cursor: url("../common-images/diagram/Rotate.cur"), default;
}
.svg-rotate {
  cursor: url("../common-images/diagram/Rotate.cur"), default;
}
.sf-d-menuitem {
  background-image: url("../common-images/diagram/diagram_context.png");
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;
}
.sf-d-menuitem.hover {
  background-image: url("../common-images/diagram/diagram_context.png");
}
.sf-d-menuitem.cut {
  background-position: 2px -290px;
}
.sf-d-menuitem.copy {
  background-position: 2px -264px;
}
.sf-d-menuitem.paste {
  background-position: 2px -238px;
}
.sf-d-menuitem.undo {
  background-position: 2px -186px;
}
.sf-d-menuitem.redo {
  background-position: 2px -213px;
}
.sf-d-menuitem.selectAll {
  background-position: 2px -160px;
}
.sf-d-menuitem.group {
  background-position: 2px -31px;
}
.sf-d-menuitem.ungroup {
  background-position: 2px -4px;
}
.sf-d-menuitem.bringToFront {
  background-position: 2px -134px;
}
.sf-d-menuitem.sendToBack {
  background-position: 2px -108px;
}
.sf-d-menuitem.moveForward {
  background-position: 2px -82px;
}
.sf-d-menuitem.sendBackward {
  background-position: 2px -56px;
}
.sf-d-menuitem.grouping {
  background-image: none;
}
.sf-d-menuitem.order {
  background-image: none;
}
.e-diagram-tooltip-default {
  width: 200px;
  background-color: #f7eebc;
  border: 1px solid #ddb654;
  z-index: 100000;
  position: absolute;
  text-align: center;
  border-radius: 3px 3px;
  pointer-events: none;
}
.e-diagram-tooltipLabel-default {
  font-weight: normal;
  pointer-events: none;
  white-space: pre;
}
.e-datavisualization-diagram {
  overflow: hidden;
  outline: none;
  display: block;
}
.e-datavisualization-diagram svg {
  position: absolute;
}
.e-datavisualization-diagram .drawing {
  position: relative;
}
.e-datavisualization-diagram .edit {
  position: absolute;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.e-datavisualization-diagram .edit textarea {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px dashed #99ccff;
  outline: none;
  resize: none;
  padding: 2px;
}
.e-datavisualization-diagram .e-vscrollbar {
  float: right;
}
.e-datavisualization-diagram .e-hscrollbar {
  text-align: left;
}
.e-scrollbar .e-vhandlespace,
.e-scrollbar .e-hhandlespace {
  position: relative;
  background-color: #fafafa;
}
.e-datavisualization-diagram.e-js .sf-diagram_overlap {
  background-color: #d8d8d8;
}
.e-datavisualization-diagram.e-js .sf-diagram_hRuler,
.e-datavisualization-diagram.e-js .sf-diagram_vRuler {
  background-color: #ededed;
}
.sf-diagram_hRuler.e-datavisualization-ejruler.e-js .ej-ruler-space {
  background-color: #ededed;
}
.sf-diagram_hRuler.e-datavisualization-ejruler.e-js .ej-ruler-tick {
  stroke: #3f51b5;
}
.sf-diagram_hRuler.e-datavisualization-ejruler.e-js .ej-ruler-tick-label {
  font-size: 9px;
  fill: #3f51b5;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-dialog.e-dialog-wrap {
  background: white;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-dialog .e-dialog-icon:hover {
  border-image: initial;
  border-color: #e0e0e0;
  
}
.e-dialog .e-dialog-icon:hover {
  background: #e0e0e0;
}
.e-dialog-modal {
  overflow: hidden;
}
.e-dialog .e-dialog-icon:hover {
  background: white;
}
.e-dialog.e-disable .e-dialog-icon:hover {
  background: transparent;
}
.e-dialog .e-dialog-icon:before {
  
  line-height: 1.5;
}
.e-dialog .e-dialog-icon:before {
  color: rgba(0, 0, 0, 0.54);
}
.e-dialog > .e-header {
  
}
.e-dialog > .e-header {
  font-size: 20px;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
}
.e-titlebar + div.e-dialog-scroller .e-widget-content {
  
}
.e-dialog.e-dialog-wrap:not(.e-shadow) {
  
}
.e-dialog > .e-titlebar {
  
}
.e-dialog > .e-titlebar {
  box-shadow: 0 1.83px 1px transparent;
  padding: 24px 24px 0px;
}
.e-dialog.e-shadow {
  
}
.e-dialog.e-shadow {
  box-shadow: 0 12px 40px 5px rgba(0, 0, 0, 0.26);
}
.e-dialog.e-widget-content {
  
}
.e-dialog.e-widget-content {
  font-size: 15px;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  color: rgba(0, 0, 0, 0.54);
  padding: 20px 24px 24px 24px;
  font-weight: 400;
  line-height: 1.5;
}
.e-dialog.e-widget-content.e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.e-overlay {
  background-color: #424242;
  
}
.e-dialog > .e-dialog-scroller {
  
}
.e-dialog > .e-dialog-scroller {
  border: none;
}
.e-dialog .e-dialog-icon:hover:before {
  
}
.e-dialog > .e-footerbar {
  position: relative;
  
  background: white;
}
.e-dialog > .e-footerbar {
  height: 36px;
  padding: 8px;
  border: none;
}
.e-dialog > .e-footerbar > .e-icon.e-resize-handle.e-resizable.e-js {
  position: absolute;
  cursor: se-resize;
  bottom: 0;
  right: 0;
}
.e-corner.e-dialog > .e-footerbar {
  border-radius: 0px 0px 3px 3px;
}
.e-corner .e-dialog-content {
  border-radius: 3px;
}
.e-corner .e-dialog-bottom {
  border-radius: 0px 0px 3px 3px;
}
.e-corner .e-dialog-top {
  border-radius: 3px 3px 0px 0px;
}
.e-dialog .e-scrollbar .e-icon {
  display: block;
}
.e-dialog .e-scrollbar .e-icon {
  display: block;
}
.e-dialog .e-dialog-icon::after {
  background: rgba(0, 0, 0, 0.12);
}
.e-dialog > .e-icon.e-resizable:before {
  display: none;
}
.e-dialog .e-dialog-icon {
  
}
.e-dialog .e-dialog-icon {
  top: 3px;
}
.e-dialog .e-dialog-icon.e-icon.e-close {
  font-size: 12px;
}
.e-dialog .e-dialog-icon.e-icon.e-close:before {
  
}
.e-dialog .e-dialog-icon.e-icon.e-close:before {
  content: "\e69e";
}
.e-dialog .e-dialog-icon.e-icon.e-arrowhead-up:before {
  
}
.e-dialog .e-dialog-icon.e-icon.e-arrowhead-up:before {
  content: "\e672";
}
.e-dialog .e-dialog-icon.e-icon.e-arrowhead-down:before {
  
}
.e-dialog .e-dialog-icon.e-icon.e-arrowhead-down:before {
  content: "\e673";
}
.e-dialog .e-draggable {
  touch-action: none;
}
.e-dialog.e-widget-content .e-pager .e-firstpage,
.e-dialog.e-widget-content .e-pager .e-prevpage,
.e-dialog.e-widget-content .e-pager .e-firstpagedisabled,
.e-dialog.e-widget-content .e-pager .e-prevpagedisabled,
.e-dialog.e-widget-content .e-pager .e-nextpage,
.e-dialog.e-widget-content .e-pager .e-lastpage,
.e-dialog.e-widget-content .e-pager .e-nextpagedisabled,
.e-dialog.e-widget-content .e-pager .e-lastpagedisabled {
  padding: 9px 3px 1px 9px;
}
.e-dialog.e-widget-content .e-pager .e-firstpage,
.e-dialog.e-widget-content .e-pager .e-prevpage,
.e-dialog.e-widget-content .e-pager .e-firstpagedisabled,
.e-dialog.e-widget-content .e-pager .e-prevpagedisabled,
.e-dialog.e-widget-content .e-pager .e-nextpage,
.e-dialog.e-widget-content .e-pager .e-lastpage,
.e-dialog.e-widget-content .e-pager .e-nextpagedisabled,
.e-dialog.e-widget-content .e-pager .e-lastpagedisabled {
  
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- dropdownlist -------------------------------------------*/

.e-ddl .e-options {
  
}
.e-atc .e-in-wrap,
.e-atc .e-input,
.e-atc-popup,
.e-atc .e-options {
  background-color: white;
  border-color: #e0e0e0;
  
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-atc .e-in-wrap,
.e-atc .e-input,
.e-atc-popup,
.e-atc .e-options {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  font-weight: normal;
}
.e-ddl .e-input,
.e-ddl .e-input[readonly],
.e-ddl-popup,
.e-ddl .e-options {
  
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 14px;
  font-weight: normal;
  cursor: default;
}
.e-ddl .e-input,
.e-ddl .e-input[readonly],
.e-ddl-popup,
.e-ddl .e-options {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.e-atc-popup ul li.e-category {
  
}
.e-ddl .e-in-wrap,
.e-ddl-popup,
.e-ddl .e-options,
.e-ddl-popup .e-atc.e-search {
  
}
.e-ddl .e-in-wrap,
.e-ddl-popup,
.e-ddl .e-options,
.e-ddl-popup .e-atc.e-search {
  /*material*/
  border-color: rgba(0, 0, 0, 0.12);
  border-width: 0 0 1px 0;
}
.e-ddl .e-options.e-active {
  
}
.e-ddl .e-options.e-active {
  /*material*/
  background-color: white;
  color: #ff4081;
  border-color: white;
}
.e-ddl .e-options:hover {
  
}
.e-ddl .e-options .e-icon.e-close {
  
}
.e-ddl-popup div > ul li {
  
}
.e-ddl-popup .e-active.e-hover {
  
}
.e-ddl .e-boxes {
  background-color: white;
}
.e-ddl.e-popactive .e-in-wrap:before,
.e-ddl.e-popactive .e-in-wrap:after {
  background: #ff4081;
}
.e-ddl.e-focus .e-in-wrap {
  
}
.e-ddl.e-focus .e-in-wrap {
  /*material*/
  box-shadow: none;
}
.e-ddl:hover .e-in-wrap {
  
}
.e-ddl .e-input.e-watermark {
  color: #c0bebe !important;
  font-style: italic;
}
.e-ddl-popup .e-hover {
  
}
.e-ddl-popup .e-hover {
  /*material*/
  background: #eeeeee;
  color: rgba(0, 0, 0, 0.87);
}
.e-ddl .e-select:hover,
.e-ddl.e-rtl .e-select:hover {
  
}
.e-ddl .e-select:hover,
.e-ddl.e-rtl .e-select:hover {
  /*material*/
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.e-ddl .e-select:active,
.e-ddl.e-rtl .e-select:active {
  
}
.e-ddl .e-select.e-disable {
  
}
.e-ddl .e-input.e-disable {
  
}
.e-ddl-popup .e-active {
  
  border-bottom: 1px solid white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.e-ddl-popup .e-active {
  /*material*/
  background-color: white;
  color: #ff4081;
}
.e-ddl-popup .e-active.e-hover {
  /*material*/
  background-color: #eeeeee;
  color: #ff4081;
}
.e-ddl .e-select,
.e-ddl.e-rtl .e-select,
.e-ddl .e-disable.e-select:hover {
  
}
.e-ddl .e-select,
.e-ddl.e-rtl .e-select,
.e-ddl .e-disable.e-select:hover {
  /*material*/
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
  border: none;
}
.e-ddl .e-select.e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
.e-ddl-popup .e-resize-handle {
  cursor: se-resize;
  float: right;
  padding: 4px 3px 0 0;
  margin-right: 2px;
}
.e-ddl-popup .e-resize-handle.e-rtl-resize {
  float: left;
  cursor: sw-resize;
  transform: rotate(90deg);
  padding: 3px 0 0 3px;
}
.e-ddl-popup .e-resizebar {
  border-top: 1px solid white;
  height: 20px;
  width: auto;
  display: block;
}
.e-ddl-popup .e-resizebar {
  background: whitesmoke;
}
.e-ddl-popup .e-atc.e-search .e-search:before,
.e-ddl-popup .e-atc.e-search .e-cross-circle:before {
  color: #e0e0e0;
}
.e-ddl-popup .e-checkwrap.e-check-act,
.e-ddl-popup .e-checkwrap:hover {
  
}
.e-ddl-popup .e-checkwrap.e-check-act,
.e-ddl-popup .e-checkwrap:hover {
  /*material*/
  border: 2px solid;
  border-color: rgba(0, 0, 0, 0.54);
}
.e-ddl-popup .e-checkwrap.e-check-act:hover {
  
}
.e-ddl-popup .e-checkwrap.e-check-act {
  /*material*/
  border-color: #ff4081;
}
.e-ddl-popup .e-checkwrap {
  
  background-color: white;
}
.e-ddl-popup .e-checkwrap {
  /*material*/
  border-radius: 2px;
  border: 2px solid;
  border-color: rgba(0, 0, 0, 0.54);
}
.e-ddl-popup .e-checkwrap:hover {
  
}
.e-ddl-popup .e-check-act {
  
}
.e-ddl-popup .e-check-act {
  /*material*/
  background-color: #ff4081;
  color: white;
  border-radius: 2px;
}
.e-dropdownlist::-webkit-input-placeholder {
  color: #212121;
}
.e-dropdownlist:-ms-input-placeholder {
  color: #212121;
}
.e-dropdownlist::-moz-placeholder {
  color: #212121;
}
.e-dropdownlist:-moz-placeholder {
  color: #212121;
}
.e-ddl.e-widget.e-popactive .e-select .e-icon {
  /*material*/
  transform: rotate(180deg);
  transition: transform 300ms ease;
}
.e-ddl.e-widget .e-select .e-icon {
  transform: rotate(0deg);
  transition: transform 300ms ease;
}
.e-ddl-popup .e-check-inact.e-ddl-anim:before {
  border-radius: 50%;
  position: absolute;
  box-sizing: border-box;
  top: 43%;
  right: 6px;
  transform: translate(-5%, -50%) scale(0);
  width: 3px;
  height: 3px;
  background: rgba(255, 64, 129, 0.7);
  content: '';
  border: 0px solid rgba(255, 64, 129, 0.7);
  animation: smallShadow 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.e-ddl-popup .e-check-act.e-ddl-anim:after {
  border-radius: 50%;
  position: absolute;
  box-sizing: border-box;
  top: 43%;
  right: 6px;
  transform: translate(-5%, -50%) scale(0);
  width: 3px;
  height: 3px;
  background: rgba(255, 64, 129, 0.7);
  content: '';
  border: 1px solid rgba(255, 64, 129, 0.7);
  animation: smallShadow 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.e-ddl.e-widget .e-in-wrap.e-disable {
  
}
.e-ddl.e-widget .e-input.e-disable {
  
}
.e-ddl.e-widget .e-select.e-disable {
  
}
.e-ddl.e-widget .e-input.e-disable {
  background: whitesmoke;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- Tooltip -------------------------------------------*/

.e-tooltip-wrap {
  
}
.e-tooltip-wrap {
  /*material*/
  border-radius: 2px;
  border: 0px solid #e0e0e0;
  background-color: #616161;
}
.e-tooltip-wrap .e-arrowTipOuter {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  left: 0px;
  top: 0px;
  position: absolute;
  
}
.e-tooltip-wrap .e-arrowTipOuter {
  /*material*/
  border: none !important;
  border-top: 10px solid none;
}
.e-tooltip-wrap .e-arrowTipInner {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  
  left: 1px;
  top: 0px;
  position: absolute;
}
.e-tooltip-wrap .e-arrowTipInner {
  border-top: 9px solid #616161;
}
.e-def {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  line-height: 18px;
  
}
.e-def {
  /*material*/
  font-size: 10px;
  color: white;
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader {
  
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader {
  background: none repeat scroll 0 0 #3f51b5;
  border-bottom: 3px solid #3f51b5;
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:before {
  
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:before {
  color: white;
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:hover {
  
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:hover {
  color: #424242;
  border-color: #e0e0e0;
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:hover {
  background: #e0e0e0;
}
.e-tooltip-wrap .e-cross-circle:hover {
  color: #424242;
  border-color: #e0e0e0;
}
.e-tooltip-wrap .e-cross-circle:hover {
  background: #e0e0e0;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- listbox -------------------------------------------*/

.e-listbox .e-select {
  
}
.e-listbox .e-select {
  border-color: whitesmoke;
}
.e-listbox .e-select {
  background: whitesmoke;
}
.e-listbox .e-active {
  color: white;
  border-color: #e0e0e0;
}
.e-listbox .e-active {
  background: #e0e0e0;
}
.e-listbox .e-hover {
  
}
.e-listbox .e-hover {
  background: #eeeeee;
}
.e-dragClonelist {
  
}
.e-dragClonelist {
  background: whitesmoke;
  text-align: center;
  line-height: 38px;
}
.e-wrap .e-listbox li {
  
  word-break: break-all;
}
.e-wrap .e-listbox li {
  padding-left: 16px !important;
}
.e-rtl.e-wrap .e-listbox li {
  
}
.e-rtl.e-wrap .e-listbox li {
  padding-right: 16px !important;
}
.e-nowrap .e-listbox li {
  padding-left: 10px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.e-ddl-popup.e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.e-ddl-popup.e-wrap .e-listbox li.allowDrop {
  
}
.e-ddl-popup.e-wrap.e-js {
  border: 1px solid #e0e0e0;
  box-shadow: 0 1.83px 1px transparent;
}
.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-inact,
.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-act {
  
}
.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-inact,
.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-act {
  height: 14px;
  width: 14px;
}
.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-inact,
.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-act {
  top: 2px;
}
.e-listbox .e-chkbox-wrap .e-chkbox-small .e-chk-act .e-checkmark {
  font-size: 12px;
  line-height: 15px;
}
.e-ddl-popup.e-wrap.e-js div > ul li .e-chkbox-wrap,
.e-ddl-popup div > .e-listbox li .e-chkbox-wrap {
  
}
.e-ddl-popup.e-wrap.e-js div > ul li .e-chkbox-wrap,
.e-ddl-popup div > .e-listbox li .e-chkbox-wrap {
  padding-right: 18px;
}
.e-ddl-popup div > .e-ul .e-ghead {
  
}
.e-ddl-popup div > .e-ul .e-ghead {
  font-weight: 500;
  font-size: 15px;
  line-height: 48px;
  border-bottom: 1px solid #e0e0e0;
  display: block;
  margin: 2px 2px 2px 0px;
  position: relative;
  padding-bottom: 5px;
  padding-left: 0.857em;
  padding-top: 5px;
}
.e-ddl-popup.e-wrap.e-js div > ul li .e-align {
  
}
.e-ddl-popup.e-wrap.e-js div > ul li .e-align {
  margin-top: 0px !important;
  margin-right: 18px;
}
.e-ddl-popup.e-wrap {
  
}
.e-ddl-popup.e-wrap .e-listbox li {
  
}
.e-ddl-popup.e-wrap .e-listbox li.e-select {
  
}
.e-ddl-popup.e-wrap .e-listbox li.e-hover {
  
}
.e-ddl-popup div > .e-listbox li:empty {
  
}
.e-ddl-popup.e-js {
  max-height: inherit;
  max-width: inherit;
}
.e-listbox .e-draggable {
  touch-action: none;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-lv .e-list-text {
  
}
.e-lv .e-list-text {
  font-size: 15px;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
/*List Item*/

.e-lv .e-list {
  
}
.e-lv .e-list {
  border-bottom: none;
  padding: 0px 16px;
  height: 48px;
  font-size: 12px;
}
.e-lv .e-list .e-chevron-right_01.e-fontimage:before {
  
}
.e-lv .e-list .e-chevron-right_01.e-fontimage:before {
  color: rgba(0, 0, 0, 0.54);
}
.e-lv .e-list.e-state-default {
  background-color: white;
  border-color: #e0e0e0;
}
.e-lv .e-list.e-state-default > .e-chevron-right_01 .e-list-text {
  
}
.e-lv .e-list.e-state-default > .e-chevron-right_01 .e-list-text {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
}
.e-lv .e-list.e-state-default:hover {
  
}
.e-lv .e-list.e-state-default:hover {
  color: #212121;
}
.e-lv .e-list.e-state-default:hover {
  background: #eeeeee;
}
.e-lv .e-list.e-state-default:hover > .e-chevron-right_01 .e-list-text {
  color: #212121;
}
.e-lv .e-list:hover > .e-chevron-right_01.e-fontimage:before {
  color: #424242;
}
.e-lv .e-list .e-chevron-right_01:hover {
  color: #212121;
}
.e-lv .e-list.e-state-active {
  
}
.e-lv .e-list.e-state-active {
  background: whitesmoke;
}
.e-lv .e-list.e-state-active .e-chevron-right_01 .e-list-text {
  
}
.e-lv .e-list.e-state-active .e-chevron-right_01 .e-list-text {
  color: rgba(0, 0, 0, 0.87);
}
.e-lv .e-list.e-state-active > .e-chevron-right_01.e-fontimage:before {
  
}
.e-lv .e-list.e-state-active > .e-chevron-right_01.e-fontimage:before {
  color: rgba(0, 0, 0, 0.87);
}
/*Search Box*/

.e-lv-inputdiv .e-lv-input {
  border: 1px solid #e0e0e0;
  border-radius: 7px;
  font-size: 14px;
}
.e-lv .e-header {
  
}
.e-lv .e-header {
  color: rgba(0, 0, 0, 0.87);
  padding-left: 16px;
  border-bottom: 1px solid #e0e0e0;
  height: 64px;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-lv .e-header {
  background: white;
}
.e-lv.e-parentlv > .e-lv .e-list-container {
  
}
.e-lv.e-parentlv > .e-lv .e-list-container {
  border: none;
}
.e-lv.e-parentlv > .e-lv.subpage {
  border: none;
}
.e-nb .e-lv .subpage .e-content {
  float: none;
}
.e-lv > .e-header:hover > .e-icon:before {
  
}
.e-lv > .e-header > .e-icon:before,
.e-lv > .e-header > .e-icon:hover:before {
  
}
.e-lv > .e-header > .e-icon:before,
.e-lv > .e-header > .e-icon:hover:before {
  color: rgba(0, 0, 0, 0.54);
}
.e-lv .e-list .e-lv-checkdiv.e-template-checkmark,
.e-lv .e-template-list .e-list-check div {
  float: none;
  vertical-align: middle;
  display: table-cell;
}
.e-lv .e-template-list .e-list-check div {
  vertical-align: initial;
}
.e-lv .e-template-list .e-list-check {
  display: table;
}
.e-lv .e-htitle,
.e-lv .e-btn-text {
  
}
.e-lv .e-htitle,
.e-lv .e-btn-text {
  font-size: 20px;
  height: 40px;
}
.e-htitle,
.e-btn-text {
  
}
.e-htitle,
.e-btn-text {
  font-weight: 500;
}
.e-lv .e-btn-text {
  padding-left: 12px;
}
.e-icon.e-chevron-left_01:before {
  content: "\e74d";
  font-size: 18px;
}
.e-list-container .e-chkbox-wrap .e-chk-image.e-stop,
.e-list-container .e-chkbox-wrap .e-chk-image.e-checkmark {
  background-color: #ff4081;
}
.e-list-container .e-chkbox-wrap div > span.e-chk-act,
.e-list-container .e-chkbox-wrap div > span.e-chk-indeter {
  border-color: #ff4081;
}
.e-lv .e-list.e-state-default.e-arrow,
.e-lv .e-list .e-chevron-right_01 {
  line-height: 1.5;
}
.e-lv .e-list-container .e-chkbox-wrap {
  
}
.e-lv .e-list-container .e-chkbox-wrap {
  margin-top: 3px;
}
.e-lv .e-list-container .e-icon.e-chevron-right_01:before {
  
}
.e-lv .e-list .e-chevron-right_01 {
  
}
.e-lv .e-icon.e-chevron-left_01:before {
  
}
.e-lv .e-arrow .e-chevron-right_01:before,
.e-lv .e-icon.e-chevron-left_01:before {
  
}
.e-lv .e-list .e-lv-checkdiv {
  
}
.e-lv.e-slideleft .e-header {
  
}
.e-lv.e-slideleft .e-header .e-chevron-left_01 {
  
}
.e-lv .e-icon.e-chevron-left_01:before {
  
}
.e-list-container .e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.e-lv .e-list-container .e-chkbox-wrap .e-chkbox-small > span {
  
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/* ------- editor less ----------- */

.e-numeric,
.e-percent,
.e-currency,
.e-mask {
  
}
.e-numeric,
.e-percent,
.e-currency,
.e-mask {
  background-color: white;
}
.e-numeric:hover .e-in-wrap,
.e-percent:hover .e-in-wrap,
.e-currency:hover .e-in-wrap,
.e-mask:hover .e-in-wrap {
  
}
.e-numeric:hover .e-in-wrap,
.e-percent:hover .e-in-wrap,
.e-currency:hover .e-in-wrap,
.e-mask:hover .e-in-wrap {
  /*material*/
  box-shadow: none;
}
.e-numeric.e-disable-wrap .e-in-wrap,
.e-percent.e-disable-wrap .e-in-wrap,
.e-currency.e-disable-wrap .e-in-wrap,
.e-mask.e-disable-wrap .e-in-wrap {
  
}
.e-mask.e-disable-wrap .e-placeholder {
  background-color: transparent;
}
.e-numeric.e-disable-wrap:hover .e-in-wrap,
.e-percent.e-disable-wrap:hover .e-in-wrap,
.e-currency.e-disable-wrap:hover .e-in-wrap,
.e-mask.e-disable-wrap:hover .e-in-wrap {
  
  box-shadow: none;
}
.e-numeric.e-disable-wrap:hover .e-in-wrap,
.e-percent.e-disable-wrap:hover .e-in-wrap,
.e-currency.e-disable-wrap:hover .e-in-wrap,
.e-mask.e-disable-wrap:hover .e-in-wrap {
  border-color: #e0e0e0;
}
.e-numeric.e-disable-wrap:hover .e-in-wrap input.e-input,
.e-percent.e-disable-wrap:hover .e-in-wrap input.e-input,
.e-currency.e-disable-wrap:hover .e-in-wrap input.e-input,
.e-mask.e-disable-wrap:hover .e-in-wrap input.e-input {
  box-shadow: none;
}
.e-numeric .e-in-wrap,
.e-percent .e-in-wrap,
.e-currency .e-in-wrap,
.e-mask .e-in-wrap {
  
}
.e-numeric .e-in-wrap,
.e-percent .e-in-wrap,
.e-currency .e-in-wrap,
.e-mask .e-in-wrap {
  /*material*/
  border-color: rgba(0, 0, 0, 0.12);
}
.e-widget .e-select.e-disable .e-spin .e-icon,
.e-widget .e-select.e-disable .e-spin {
  cursor: default;
  
}
.e-numeric .e-input,
.e-percent .e-input,
.e-currency .e-input,
.e-mask .e-input {
  
}
.e-numeric .e-input,
.e-percent .e-input,
.e-currency .e-input,
.e-mask .e-input {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.e-numeric.e-focus .e-in-wrap,
.e-percent.e-focus .e-in-wrap,
.e-currency.e-focus .e-in-wrap,
.e-mask.e-focus .e-in-wrap {
  
}
.e-numeric.e-focus .e-in-wrap,
.e-percent.e-focus .e-in-wrap,
.e-currency.e-focus .e-in-wrap,
.e-mask.e-focus .e-in-wrap {
  /*material*/
  box-shadow: none;
}
.e-numeric .e-input.e-error,
.e-percent .e-input.e-error,
.e-currency .e-input.e-error,
.e-mask.e-error,
.e-mask .e-error {
  
}
.e-numeric .e-input.e-error,
.e-percent .e-input.e-error,
.e-currency .e-input.e-error,
.e-mask.e-error,
.e-mask .e-error {
  color: #f44336;
}
.e-numeric.e-error .e-in-wrap,
.e-percent.e-error .e-in-wrap,
.e-currency.e-error .e-in-wrap,
.e-mask.e-error .e-in-wrap {
  border-color: #f44336;
}
.e-numeric.e-disable-wrap,
.e-percent.e-disable-wrap,
.e-currency.e-disable-wrap,
.e-mask.e-disable-wrap {
  
}
.e-numeric .e-watermark,
.e-percent .e-watermark,
.e-currency .e-watermark,
.e-mask .e-watermark {
  color: #c0bebe;
}
.e-widget .e-input.e-placeholder {
  
}
.e-widget .e-input.e-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.e-validation-error {
  
}
.e-numeric .e-select,
.e-numeric.e-rtl .e-select,
.e-numeric .e-disable.e-select:hover,
.e-percent .e-select,
.e-percent.e-rtl .e-select,
.e-percent .e-disable.e-select:hover,
.e-currency .e-select,
.e-currency.e-rtl .e-select,
.e-currency .e-disable.e-select:hover {
  
}
.e-numeric .e-select,
.e-numeric.e-rtl .e-select,
.e-numeric .e-disable.e-select:hover,
.e-percent .e-select,
.e-percent.e-rtl .e-select,
.e-percent .e-disable.e-select:hover,
.e-currency .e-select,
.e-currency.e-rtl .e-select,
.e-currency .e-disable.e-select:hover {
  /*material*/
  background: white;
  border-color: white;
  color: rgba(0, 0, 0, 0.54);
}
.e-numeric .e-select:hover,
.e-percent .e-select:hover,
.e-currency .e-select:hover {
  
}
.e-numeric .e-select:hover,
.e-percent .e-select:hover,
.e-currency .e-select:hover {
  /*material*/
  background: white;
  border-color: white;
  color: rgba(0, 0, 0, 0.54);
}
.e-numeric:hover .e-select,
.e-percent:hover .e-select,
.e-currency:hover .e-select {
  
}
.e-numeric .e-select .e-spin-up.e-active,
.e-numeric .e-select .e-spin-down.e-active,
.e-percent .e-select .e-spin-up.e-active,
.e-percent .e-select .e-spin-down.e-active,
.e-currency .e-select .e-spin-up.e-active,
.e-currency .e-select .e-spin-down.e-active {
  
}
.e-numeric .e-select .e-spin-up.e-active,
.e-numeric .e-select .e-spin-down.e-active,
.e-percent .e-select .e-spin-up.e-active,
.e-percent .e-select .e-spin-down.e-active,
.e-currency .e-select .e-spin-up.e-active,
.e-currency .e-select .e-spin-down.e-active {
  /*material*/
  background: #bdbdbd;
  border-color: #bdbdbd;
  color: rgba(0, 0, 0, 0.54);
}
.e-numeric .e-select .e-spin-up:hover,
.e-numeric .e-select .e-spin-down:hover,
.e-percent .e-select .e-spin-up:hover,
.e-percent .e-select .e-spin-down:hover,
.e-currency .e-select .e-spin-up:hover,
.e-currency .e-select .e-spin-down:hover {
  
}
.e-numeric .e-select .e-spin-up:hover,
.e-numeric .e-select .e-spin-down:hover,
.e-percent .e-select .e-spin-up:hover,
.e-percent .e-select .e-spin-down:hover,
.e-currency .e-select .e-spin-up:hover,
.e-currency .e-select .e-spin-down:hover {
  background: #e0e0e0;
  border-color: #e0e0e0;
  background: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}
.e-numeric .e-select .e-spin-up.e-active:hover,
.e-numeric .e-select .e-spin-down.e-active:hover,
.e-percent .e-select .e-spin-up.e-active:hover,
.e-percent .e-select .e-spin-down.e-active:hover,
.e-currency .e-select .e-spin-up.e-active:hover,
.e-currency .e-select .e-spin-down.e-active:hover {
  
}
.e-numeric .e-select .e-spin-up.e-active:hover,
.e-numeric .e-select .e-spin-down.e-active:hover,
.e-percent .e-select .e-spin-up.e-active:hover,
.e-percent .e-select .e-spin-down.e-active:hover,
.e-currency .e-select .e-spin-up.e-active:hover,
.e-currency .e-select .e-spin-down.e-active:hover {
  background: #bdbdbd;
  border-color: #bdbdbd;
}
.e-numeric.e-disable-wrap .e-select .e-spin-up,
.e-numeric.e-disable-wrap .e-select .e-spin-down,
.e-percent.e-disable-wrap .e-select .e-spin-up,
.e-percent.e-disable-wrap .e-select .e-spin-down,
.e-currency.e-disable-wrap .e-select .e-spin-up,
.e-currency.e-disable-wrap .e-select .e-spin-down {
  
}
.e-numeric.e-disable-wrap .e-input,
.e-percent.e-disable-wrap .e-input,
.e-currency.e-disable-wrap .e-input,
.e-mask.e-disable-wrap .e-input {
  
}
.e-numeric.e-disable-wrap .e-input,
.e-percent.e-disable-wrap .e-input,
.e-currency.e-disable-wrap .e-input,
.e-mask.e-disable-wrap .e-input {
  color: rgba(0, 0, 0, 0.38);
}
.e-numeric .e-icon .e-arrow,
.e-percent .e-icon .e-arrow,
.e-currency .e-icon .e-arrow {
  border: 0 none transparent;
}
.e-input::-webkit-input-placeholder {
  
}
.e-input::-webkit-input-placeholder {
  /*material*/
  font-style: normal;
  color: rgba(0, 0, 0, 0.38);
}
.e-input:-ms-input-placeholder {
  
}
.e-input:-ms-input-placeholder {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-input::-moz-placeholder {
  
}
.e-input::-moz-placeholder {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-input:-moz-placeholder {
  
}
.e-input:-moz-placeholder {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-numeric .e-input::selection,
.e-percent .e-input::selection,
.e-currency .e-input::selection,
.e-mask .e-input::selection {
  
}
.e-numeric .e-input::selection,
.e-percent .e-input::selection,
.e-currency .e-input::selection,
.e-mask .e-input::selection {
  background: #ff4081;
  color: white;
}
.e-numeric .e-input::-moz-selection,
.e-percent .e-input::-moz-selection,
.e-currency .e-input::-moz-selection,
.e-mask .e-input::-moz-selection {
  
}
.e-numeric .e-input::-moz-selection,
.e-percent .e-input::-moz-selection,
.e-currency .e-input::-moz-selection,
.e-mask .e-input::-moz-selection {
  background: #ff4081;
  color: white;
}
.e-numeric.e-disable-wrap .e-in-wrap,
.e-percent.e-disable-wrap .e-in-wrap,
.e-currency.e-disable-wrap .e-in-wrap,
.e-mask.e-disable-wrap .e-in-wrap,
.e-numeric.e-disable-wrap:hover .e-in-wrap,
.e-percent.e-disable-wrap:hover .e-in-wrap,
.e-currency.e-disable-wrap:hover .e-in-wrap,
.e-mask.e-disable-wrap:hover .e-in-wrap {
  border-bottom-style: dashed;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 33%, transparent 0%);
  background-image: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.26) 100%);
  background-position: bottom -1px left 0;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
.e-numeric.e-disable-wrap .e-disable,
.e-percent.e-disable-wrap .e-disable,
.e-currency.e-disable-wrap .e-disable,
.e-mask.e-disable-wrap .e-disable {
  opacity: 1;
  filter: alpha(opacity=100);
}
.e-numeric .e-disable.e-select,
.e-numeric.e-rtl .e-disable.e-select,
.e-numeric .e-disable.e-select:hover,
.e-percent .e-disable.e-select,
.e-percent.e-rtl .e-disable.e-select,
.e-percent .e-disable.e-select:hover,
.e-currency .e-disable.e-select,
.e-currency.e-rtl .e-disable.e-select,
.e-currency .e-disable.e-select:hover {
  color: rgba(0, 0, 0, 0.26);
}
.e-numeric.e-disable-wrap .e-select .e-spin-up:hover,
.e-numeric.e-disable-wrap .e-select .e-spin-down:hover,
.e-percent.e-disable-wrap .e-select .e-spin-up:hover,
.e-percent.e-disable-wrap .e-select .e-spin-down:hover,
.e-currency.e-disable-wrap .e-select .e-spin-up:hover,
.e-currency.e-disable-wrap .e-select .e-spin-down:hover {
  background: white;
  border-color: white;
}
.e-numeric .e-in-wrap:before,
.e-percent .e-in-wrap:before,
.e-currency .e-in-wrap:before,
.e-mask .e-in-wrap:before,
.e-numeric .e-in-wrap:after,
.e-percent .e-in-wrap:after,
.e-currency .e-in-wrap:after,
.e-mask .e-in-wrap:after {
  background: #ff4081;
}
.e-numeric .e-select .e-spin-up:after,
.e-numeric .e-select .e-spin-down:after,
.e-percent .e-select .e-spin-up:after,
.e-percent .e-select .e-spin-down:after,
.e-currency .e-select .e-spin-up:after,
.e-currency .e-select .e-spin-down:after {
  background: #bdbdbd;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/* ------- menu less ----------- */

.e-menu.e-separator.e-horizontal > .e-list,
.e-menu.e-separator.e-horizontal > .e-list:hover,
.e-menu.e-horizontal > .e-separator.e-list,
.e-menu.e-horizontal > .e-separator.e-list:hover {
  
}
.e-menu.e-separator.e-horizontal > .e-list,
.e-menu.e-separator.e-horizontal > .e-list:hover,
.e-menu.e-horizontal > .e-separator.e-list,
.e-menu.e-horizontal > .e-separator.e-list:hover {
  /*material*/
  border-right-color: transparent;
}
.e-menu.e-horizontal .e-list > ul .e-list.e-separator,
.e-menu.e-horizontal .e-list > ul .e-list.e-separator:hover,
.e-menu.e-vertical .e-list > ul .e-list.e-separator,
.e-menu.e-vertical .e-list > ul .e-list.e-separator:hover,
.e-menu.e-context .e-list > ul .e-list.e-separator,
.e-menu.e-context .e-list > ul .e-list.e-separator:hover,
.e-menu.e-separator.e-vertical > .e-list,
.e-menu.e-vertical > .e-separator.e-list,
.e-menu.e-separator.e-vertical > .e-list:hover,
.e-menu.e-vertical > .e-separator.e-list:hover,
.e-menu.e-context > .e-separator.e-list,
.e-menu.e-context > .e-separator.e-list:hover {
  border-bottom-color: #e0e0e0;
}
.e-menu.e-separator.e-rtl.e-horizontal > .e-list,
.e-menu.e-rtl.e-horizontal > .e-separator.e-list,
.e-menu.e-rtl.e-horizontal > .e-separator.e-list:hover {
  border-left-color: #e0e0e0;
}
/*---------------------theming----------------------------------*/

.e-menu.e-horizontal .e-list > .e-menulink,
.e-menu.e-vertical .e-list > .e-menulink,
.e-menu.e-context .e-list > .e-menulink,
.e-menu-res-wrap .e-menu-res-in-wrap .e-res-title,
.e-menu.e-vertical {
  
}
.e-menu.e-horizontal .e-list > .e-menulink,
.e-menu.e-vertical .e-list > .e-menulink,
.e-menu.e-context .e-list > .e-menulink,
.e-menu-res-wrap .e-menu-res-in-wrap .e-res-title,
.e-menu.e-vertical {
  color: rgba(0, 0, 0, 0.87);
}
.e-menu,
.e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap,
.e-menu.e-vertical,
.e-menu.e-vertical .e-list > ul,
.e-menu.e-context,
.e-menu.e-context .e-list > ul {
  
  background: white;
}
.e-menu,
.e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap,
.e-menu.e-vertical,
.e-menu.e-vertical .e-list > ul,
.e-menu.e-context,
.e-menu.e-context .e-list > ul {
  /*material*/
  border-color: transparent;
}
.e-menu.e-horizontal .e-list > ul {
  background: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  
}
.e-menu.e-horizontal .e-list > ul {
  /*material*/
  border-color: transparent;
}
.e-menu.e-horizontal > .e-list.e-active > span.e-menu-arrow > span.e-arrowMenuOuter {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  left: 0px;
  top: 0px;
  border-bottom: 10px solid #e0e0e0;
  position: absolute;
}
.e-menu.e-horizontal > .e-list.e-active > span.e-menu-arrow > span.e-arrowMenuInner {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid white;
  left: 1px;
  top: 1px;
  position: absolute;
}
.e-menu.e-horizontal .e-list:hover,
.e-menu.e-vertical .e-list:hover,
.e-menu.e-context .e-list:hover {
  
}
.e-menu.e-horizontal .e-list:hover,
.e-menu.e-vertical .e-list:hover,
.e-menu.e-context .e-list:hover {
  background: rgba(0, 0, 0, 0.12);
}
.e-menu.e-horizontal .e-list > ul li.e-haschild:hover,
.e-menu.e-vertical .e-list > ul li.e-haschild:hover,
.e-menu.e-context .e-list > ul li.e-haschild:hover {
  border-color: #e0e0e0;
}
.e-menu.e-horizontal .e-list:hover > .e-menulink,
.e-menu.e-vertical .e-list:hover > .e-menulink,
.e-menu.e-context .e-list:hover > .e-menulink {
  color: #212121;
}
.e-menu.e-horizontal .e-list.e-active,
.e-menu.e-vertical .e-list.e-active,
.e-menu.e-context .e-list.e-active {
  
}
.e-menu.e-horizontal .e-list.e-active,
.e-menu.e-vertical .e-list.e-active,
.e-menu.e-context .e-list.e-active {
  /*material*/
  background: rgba(0, 0, 0, 0.12);
}
.e-menu.e-horizontal .e-list.e-active,
.e-menu.e-vertical .e-list.e-active,
.e-menu.e-context .e-list.e-active {
  /*material*/
  background: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
}
.e-menu.e-horizontal .e-list > ul li.e-haschild.e-active > .e-menulink,
.e-menu.e-vertical .e-list > ul li.e-haschild.e-active > .e-menulink,
.e-menu.e-context .e-list > ul li.e-haschild.e-active > .e-menulink {
  
}
.e-menu.e-horizontal .e-list > ul li.e-haschild.e-active > .e-menulink,
.e-menu.e-vertical .e-list > ul li.e-haschild.e-active > .e-menulink,
.e-menu.e-context .e-list > ul li.e-haschild.e-active > .e-menulink {
  /*material*/
  background: none;
  color: none;
  border-color: none;
}
.e-menu.e-horizontal .e-list.e-active > .e-menulink,
.e-menu.e-vertical .e-list.e-active > .e-menulink,
.e-menu.e-context .e-list.e-active > .e-menulink,
.e-menu.e-horizontal .e-list.e-active:hover,
.e-menu.e-vertical .e-list.e-active:hover,
.e-menu.e-context .e-list.e-active:hover {
  
}
.e-menu.e-horizontal .e-list.e-active > .e-menulink,
.e-menu.e-vertical .e-list.e-active > .e-menulink,
.e-menu.e-context .e-list.e-active > .e-menulink,
.e-menu.e-horizontal .e-list.e-active:hover,
.e-menu.e-vertical .e-list.e-active:hover,
.e-menu.e-context .e-list.e-active:hover {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-menu .e-list > a .e-icon,
.e-menu .e-list > span > .e-icon {
  
}
.e-menu .e-list > a .e-icon,
.e-menu .e-list > span > .e-icon {
  /*material*/
  color: rgba(0, 0, 0, 0.54);
}
.e-menu .e-list.e-active > .e-menulink > span.e-icon.e-arrowhead-right {
  
}
.e-menu .e-list:hover > a .e-icon,
.e-menu .e-list:hover > span > .e-icon {
  
}
.e-menu .e-list:hover > a .e-icon,
.e-menu .e-list:hover > span > .e-icon {
  color: #424242;
}
.e-menu .e-list.e-active > a > .e-icon,
.e-menu .e-list.e-active > span > .e-icon,
.e-menu .e-list.e-active:hover > a > .e-icon,
.e-menu .e-list.e-active:hover > span > .e-icon {
  
}
.e-menu .e-list.e-active > a > .e-icon,
.e-menu .e-list.e-active > span > .e-icon,
.e-menu .e-list.e-active:hover > a > .e-icon,
.e-menu .e-list.e-active:hover > span > .e-icon {
  /*material*/
  color: rgba(0, 0, 0, 0.54);
}
/*----------------------------------- disabled items ----------------------------------*/

.e-menu.e-horizontal .e-list.e-disable-item,
.e-menu.e-vertical .e-list.e-disable-item,
.e-menu.e-context .e-list.e-disable-item {
  background-color: transparent;
}
.e-menu.e-horizontal .e-list.e-disable-item .e-icon,
.e-menu.e-vertical .e-list.e-disable-item .e-icon,
.e-menu.e-context .e-list.e-disable-item .e-icon {
  color: #424242;
}
.e-menu.e-horizontal .e-list.e-disable-item *,
.e-menu.e-vertical .e-list.e-disable-item *,
.e-menu.e-context .e-list.e-disable-item * {
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.e-menu.e-horizontal .e-list.e-disable-item .e-menulink:hover,
.e-menu.e-horizontal .e-list.e-disable-item:hover,
.e-menu.e-vertical .e-list.e-disable-item .e-menulink:hover,
.e-menu.e-vertical .e-list.e-disable-item:hover,
.e-menu.e-context .e-list.e-disable-item .e-menulink:hover,
.e-menu.e-context .e-list.e-disable-item:hover {
  background-color: transparent;
  background-image: none;
  color: #212121;
  cursor: default;
}
.e-menu.e-horizontal .e-mhover,
.e-menu.e-context .e-mhover,
.e-menu.e-vertical .e-mhover,
.e-menu.e-horizontal .e-mhover > .e-menulink,
.e-menu.e-context .e-mhover > .e-menulink,
.e-menu.e-vertical .e-mhover > .e-menulink,
.e-menu.e-horizontal .e-mfocused,
.e-menu.e-context .e-mfocused,
.e-menu.e-vertical .e-mfocused,
.e-menu.e-horizontal .e-mfocused > .e-menulink,
.e-menu.e-context .e-mfocused > .e-menulink,
.e-menu.e-vertical .e-mfocused > .e-menulink,
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
  
}
.e-menu.e-horizontal .e-mhover,
.e-menu.e-context .e-mhover,
.e-menu.e-vertical .e-mhover,
.e-menu.e-horizontal .e-mhover > .e-menulink,
.e-menu.e-context .e-mhover > .e-menulink,
.e-menu.e-vertical .e-mhover > .e-menulink,
.e-menu.e-horizontal .e-mfocused,
.e-menu.e-context .e-mfocused,
.e-menu.e-vertical .e-mfocused,
.e-menu.e-horizontal .e-mfocused > .e-menulink,
.e-menu.e-context .e-mfocused > .e-menulink,
.e-menu.e-vertical .e-mfocused > .e-menulink,
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
  /*material*/
  background: rgba(0, 0, 0, 0.12);
}
.e-menu.e-horizontal .e-active,
.e-menu.e-context .e-active,
.e-menu.e-vertical .e-active,
.e-menu.e-horizontal .e-active > .e-menulink,
.e-menu.e-context .e-active > .e-menulink,
.e-menu.e-vertical .e-active > .e-menulink,
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
  
}
.e-menu.e-horizontal .e-active,
.e-menu.e-context .e-active,
.e-menu.e-vertical .e-active,
.e-menu.e-horizontal .e-active > .e-menulink,
.e-menu.e-context .e-active > .e-menulink,
.e-menu.e-vertical .e-active > .e-menulink,
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
  /*material*/
  background: rgba(0, 0, 0, 0.12);
}
.e-menu.e-horizontal .e-active,
.e-menu.e-context .e-active,
.e-menu.e-vertical .e-active,
.e-menu.e-horizontal .e-active > .e-menulink,
.e-menu.e-context .e-active > .e-menulink,
.e-menu.e-vertical .e-active > .e-menulink,
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
  
}
.e-menu.e-horizontal .e-active,
.e-menu.e-context .e-active,
.e-menu.e-vertical .e-active,
.e-menu.e-horizontal .e-active > .e-menulink,
.e-menu.e-context .e-active > .e-menulink,
.e-menu.e-vertical .e-active > .e-menulink,
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
  /*material*/
  background: rgba(0, 0, 0, 0.12);
}
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap {
  
}
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
  
  border-color: #e0e0e0;
}
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
  color: white;
}
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
  background: #e0e0e0;
}
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:active {
  color: white;
  border-color: #e0e0e0;
}
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:active {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
}
.e-menu.e-horizontal > .e-list span.e-menu-left {
  
}
.e-menu.e-horizontal > .e-list span.e-menu-left {
  /*material*/
  display: none !important;
}
.e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-down {
  
}
.e-menu .e-list > .e-menulink > span.e-icon.e-arrowhead-down {
  /*material*/
  display: none;
}
.e-menu.e-horizontal > .e-ham-wrap {
  background: white;
  border-left-color: #e0e0e0;
}
.e-menu.e-horizontal > .e-ham-wrap:hover {
  color: white;
  border-color: #e0e0e0;
}
.e-menu.e-horizontal > .e-ham-wrap:hover {
  background: #e0e0e0;
}
.e-menu.e-horizontal > .e-ham-wrap:active {
  
  color: white;
  border-color: #e0e0e0;
}
.e-menu.e-horizontal > .e-ham-wrap:active {
  /*material*/
  background: rgba(0, 0, 0, 0.12);
}
.e-menu.e-horizontal > .e-ham-wrap > div > .e-hamburger {
  border-top-color: #212121;
  border-bottom-color: #212121;
}
.e-menu.e-horizontal > .e-ham-wrap > div > .e-hamburger:before {
  border-top-color: #212121;
}
.e-menu-wrap > .e-menu-popwrap {
  border-color: #e0e0e0;
}
.e-menu-wrap > .e-menu-popwrap > .e-menu {
  background-color: white;
}
.e-menu .e-list ul:first-child li:first-child {
  /*material*/
  margin-top: 21px;
}
.e-menu.e-context > .e-separator.e-list {
  /*material*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-progressbar {
  
  color: #212121;
}
.e-progressbar {
  /*material*/
  background-color: rgba(0, 0, 0, 0.12);
  border-color: transparent;
  height: 5px !important;
}
.e-progressbar .e-progress {
  
}
.e-progressbar .e-progress {
  /*material*/
  background: #ff4081;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------Rating themes -------------*/

.e-rating.e-horizontal .e-shape,
.e-rating.e-vertical .e-shape,
.e-rating.e-horizontal .e-shape-list,
.e-rating.e-vertical .e-shape-list,
.e-rating.e-horizontal .e-reset,
.e-rating.e-vertical .e-reset {
  
}
.e-rating.e-horizontal .e-shape,
.e-rating.e-vertical .e-shape,
.e-rating.e-horizontal .e-shape-list,
.e-rating.e-vertical .e-shape-list,
.e-rating.e-horizontal .e-reset,
.e-rating.e-vertical .e-reset {
  background: url(images/rating-star.png) no-repeat;
  height: 16px;
  width: 16px;
}
.e-rating.e-horizontal .e-reset,
.e-rating.e-vertical .e-reset {
  
}
.e-rating.e-horizontal .e-shape.selected,
.e-rating.e-horizontal .e-shape.active,
.e-rating.e-vertical .e-shape.selected,
.e-rating.e-vertical .e-shape.active {
  
}
.e-rating.e-horizontal .e-shape.inactive,
.e-rating.e-vertical .e-shape.inactive,
.e-rating.e-horizontal .e-shape-list,
.e-rating.e-vertical .e-shape-list {
  
}
.e-rating .e-shape.inactive {
  
}
.e-rating .e-shape.inactive {
  background-position: 0 -174px;
}
.e-rating .e-shape.active {
  
}
.e-rating .e-shape.active {
  background-position: -1px -29px;
}
.e-rating .e-shape.selected {
  
}
.e-rating .e-shape.selected {
  background-position: -1px -29px;
}
.e-rating.e-disable .e-shape,
.e-rating.e-disable .e-shape-list,
.e-rating.e-disable .e-reset {
  cursor: default;
}
.e-rating.e-horizontal .e-reset:hover,
.e-rating.e-vertical .e-reset:hover {
  
}
.e-rating.e-horizontal .e-reset:hover,
.e-rating.e-vertical .e-reset:hover {
  background-position: 0px 0px;
}
.e-rating.e-horizontal .e-reset,
.e-rating.e-vertical .e-reset,
.e-rating.e-disable .e-reset:hover {
  
}
.e-rating.e-horizontal .e-reset,
.e-rating.e-vertical .e-reset,
.e-rating.e-disable .e-reset:hover {
  background-position: 0 0;
  margin-left: 2px;
}
.e-rating.e-vertical .e-reset,
.e-rating.e-vertical .e-reset:hover {
  
}
.e-rating.e-horizontal .e-shape-list,
.e-rating.e-vertical .e-shape-list {
  
}
.e-rating.e-horizontal .e-shape-list,
.e-rating.e-vertical .e-shape-list {
  background-position: 0 -91px;
  float: left;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- Rotator -------------------------------------------*/

.e-rotator-wrap :focus {
  outline: 0 none;
}
.e-rotator-wrap .e-in-wrap .e-single,
.e-rotator-wrap .e-thumb .e-thumb-items li,
.e-rotator-wrap .e-in-wrap.e-multiple {
  border-color: #e0e0e0;
}
.e-rotator-wrap .e-thumb .e-thumb-items li:hover {
  
}
.e-rotator-wrap .e-thumb .e-thumb-items li:hover {
  border-color: #eeeeee;
}
.e-rotator-wrap .e-thumb .e-thumb-items li.e-active,
.e-rotator-wrap.e-disable .e-thumb .e-thumb-items li.e-active:hover {
  
}
.e-rotator-wrap .e-thumb .e-thumb-items li.e-active,
.e-rotator-wrap.e-disable .e-thumb .e-thumb-items li.e-active:hover {
  border-color: #eeeeee;
}
.e-rotator-wrap .e-thumb .e-thumb-items li.e-thumbhover {
  border-color: #e0e0e0;
}
.e-rotator-wrap.e-disable .e-thumb .e-thumb-items li:hover,
.e-rotator-wrap.e-disable .e-thumb .e-thumb-items li.e-thumbhover {
  border-color: #e0e0e0;
}
.e-rotator-wrap .e-inner .e-caption {
  
}
.e-rotator-wrap .e-inner .e-caption {
  color: white;
  opacity: 1.5;
}
.e-rotator-wrap .e-pager-wrap .e-bullet > li:hover {
  border-color: #e0e0e0;
  
}
.e-rotator-wrap .e-pager-wrap .e-bullet > li:hover {
  background-color: white;
}
.e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li:hover {
  border-color: #e0e0e0;
  background-color: whitesmoke;
}
.e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li {
  cursor: default;
}
.e-rotator-wrap .e-pager-wrap .e-bullet > li.e-active,
.e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li.e-active:hover {
  
}
.e-rotator-wrap .e-pager-wrap .e-bullet > li.e-active,
.e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li.e-active:hover {
  width: 16px;
  height: 16px;
  margin-bottom: 0px;
}
.e-rotator-wrap .e-pager-wrap .e-bullet > li {
  border-color: #e0e0e0;
  
}
.e-rotator-wrap .e-pager-wrap .e-bullet > li {
  height: 8px;
  width: 8px;
  background-color: white;
}
.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon,
.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon {
  background-image: url(images/rotator-icon.png);
}
.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.play {
  background-position: -161px 0px;
  
}
.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.pause {
  background-position: -248px 0px;
  
}
.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.e-previous {
  background-position: -64px -15px;
  
}
.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.e-next {
  background-position: -109px -15px;
  
}
.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-previous {
  
}
.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-previous {
  background: none;
}
.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-next {
  
}
.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-next {
  background: none;
}
.e-rotator-wrap .e-pager-wrap .e-bullet {
  padding-top: 20px;
}
.e-rotator-wrap .e-pager-wrap .e-bullet > li:hover,
.e-rotator-wrap .e-pager-wrap .e-bullet > li.e-active {
  border-color: #e0e0e0;
}
.e-rotator-wrap .e-inner .e-caption > span {
  font-size: 20px;
  margin-left: 24px;
  margin-bottom: 24px;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-previous:before {
  content: "\e630";
}
.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-next:before {
  content: "\e62f";
}
.e-rotator-wrap .e-thumb-nav .e-thumb-btn {
  height: 36px;
  width: 36px;
  font-size: 20px;
}
.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-rotator-wrap.e-Focused .e-shadow {
  box-shadow: 0 0 9px transparent !important;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- slider -------------------------------------------*/

.e-slider.e-widget {
  
}
.e-slider.e-widget {
  background-color: #bdbdbd;
  background-color: rgba(0, 0, 0, 0.26);
}
.e-tooltipbox {
  
}
.e-tooltipbox {
  background-color: #616161;
  border-color: #616161;
  color: white;
}
.e-slider .e-handle.e-select {
  
}
.e-slider .e-handle.e-select {
  background-color: #ff4081;
  border-color: #ff4081;
}
.e-slider .e-handle.e-hover {
  
}
.e-slider .e-handle.e-hover {
  background-color: #ff4081;
  border-color: #ff4081;
}
.e-slider .e-handle.e-focus {
  
}
.e-slider .e-handle.e-focus {
  background-color: #ff4081;
  border-color: #ff4081;
}
.e-slider .e-range {
  
}
.e-slider .e-range {
  background: #ff4081;
}
.e-slider-wrap:hover .e-slider.e-widget {
  
}
.e-slider-wrap:hover .e-slider .e-range {
  
}
.e-slider-wrap:active .e-slider.e-widget {
  
}
.e-slider-wrap:active .e-slider .e-range {
  
}
.e-slider-wrap:hover .e-slider .e-handle {
  
}
.e-slider-wrap:active .e-slider .e-handle {
  
}
.e-slider-wrap.e-disable .e-slider.e-widget {
  
}
.e-slider-wrap.e-horizontal.e-scale-wrap .e-slider.e-js,
.e-slider-wrap.e-default-wrap.e-horizontal.e-scale-wrap .e-slider.e-js,
.e-slider-wrap.e-vertical.e-scale-wrap .e-slider.e-js,
.e-slider-wrap.e-default-wrap.e-vertical.e-scale-wrap .e-slider.e-js {
  
}
.e-slider-wrap.e-disable .e-slider .e-range {
  
}
.e-slider-wrap.e-disable .e-slider .e-range {
  background-color: rgba(0, 0, 0, 0.26);
  border-color: rgba(0, 0, 0, 0.26);
}
.e-slider-wrap.e-disable,
.e-slider.e-disable {
  opacity: 1;
}
.e-slider-wrap.e-disable .e-handle.e-select {
  
}
.e-slider-wrap.e-disable .e-handle.e-select {
  border-color: white;
  background-color: #bdbdbd;
}
.e-scale .e-tick {
  background-image: url(images/slider-tick.png);
}
.e-slider-wrap .e-scale .e-tick .e-tick-value {
  
}
.e-slider-wrap .e-scale .e-tick .e-tick-value {
  color: rgba(0, 0, 0, 0.87);
}
.e-slider .e-handle.e-select.e-handle-start {
  background-color: white;
  border-color: rgba(0, 0, 0, 0.26);
}
.e-slider .e-handle.e-select.e-handle-start.e-focus {
  border-color: rgba(0, 0, 0, 0.38);
}
.e-slider-wrap.e-disable .e-handle.e-select.e-handle-start:after {
  border-color: white;
}
.e-slider .e-handle.e-select.e-focus:not(.e-no-tab):after {
  border-color: #ff4081;
  background-color: #ff4081;
}
.e-slider .e-handle.e-select.e-focus.e-handle-start:not(.e-no-tab):after {
  border-color: rgba(0, 0, 0, 0.24);
  background-color: rgba(0, 0, 0, 0.24);
}
.e-slider .e-handle.e-select.e-focus.e-handle-start:not(.e-no-tab) {
  border-color: rgba(0, 0, 0, 0.24);
  background-color: white;
}
.e-slider-wrap.e-disable .e-slider .e-handle:after {
  background-color: white;
}
.e-slider-wrap .e-sliderbtn:not(.e-animate).e-select:not(:active):after {
  background-color: black;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- splitter -------------------------------------------*/

.e-splitter {
  border-color: #e0e0e0;
}
.e-splitter .e-pane {
  background-color: white;
  color: #212121;
}
.e-splitter .e-splitbar.e-shadowbar.e-end-indicaton,
.e-splitter .e-splitbar .e-end-indicaton {
  background-color: #fef1ec;
}
.e-splitter .e-splitbar.e-shadowbar {
  
}
.e-splitter .e-splitbar.e-shadowbar {
  background: whitesmoke;
}
.e-splitter .e-splitbar {
  
  border-color: #e0e0e0;
}
.e-splitter .e-splitbar {
  background-color: #e0e0e0;
}
.e-splitter .e-splitbar .e-icon {
  color: #424242;
}
.e-splitter .e-splitbar:hover .e-icon,
.e-splitter .e-splitbar.e-hover .e-icon {
  color: #424242;
}
.e-splitter .e-hover.e-splitbar.e-split-divider,
.e-splitter .e-splitbar.e-split-divider:hover {
  
}
.e-splitter .e-hover.e-splitbar.e-split-divider,
.e-splitter .e-splitbar.e-split-divider:hover {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
.e-splitter .e-splitbar .e-icon.e-arrow-sans-left:before {
  content: "\e630";
}
.e-splitter .e-splitbar .e-icon.e-arrow-sans-right:before {
  content: "\e62f";
}
.e-splitter .e-splitbar > .e-icon.v-backward:before,
.e-splitter .e-splitbar > .e-icon.e-arrow-sans-left:before,
.e-splitter .e-splitbar > .e-icon:before {
  font-size: 8px;
}
.e-splitter .e-splitbar .e-h-arrow.e-arrow-sans-right {
  
}
.e-splitter .e-splitbar .e-h-arrow.e-arrow-sans-right {
  left: -1.25px;
}
.e-splitter .e-splitbar .e-h-arrow.e-arrow-sans-left {
  
}
.e-splitter .e-splitbar .e-h-arrow.e-arrow-sans-left {
  left: -1px;
}
.e-splitter .e-splitbar.e-h-bar {
  
}
.e-splitter .e-splitbar.e-h-bar {
  width: 8px;
}
.e-splitter .e-splitbar .e-activebar {
  
}
.e-splitter .e-splitbar .e-activebar {
  display: block;
}
.e-splitter .e-splitbar .e-h-arrow.e-arrow-sans-left {
  margin-top: -13px;
}
/*&.e-splitter .e-splitbar .e-h-arrow.e-arrow-sans-right {
  & when (@skin= "material") {
     top:62%;
  }
}*/

.e-splitter .e-splitbar .e-icon.e-arrow-sans-up:before {
  content: "\e67d";
}
.e-splitter .e-splitbar .e-icon.e-arrow-sans-down:before {
  content: "\e631";
}
.e-splitter .e-splitbar.e-v-bar {
  
}
.e-splitter .e-splitbar.e-v-bar {
  height: 8px;
}
.e-splitter .e-splitbar .e-v-arrow.e-icon.e-arrow-sans-up:before {
  
}
.e-splitter .e-splitbar .e-v-arrow.e-arrow-sans-up {
  
}
.e-splitter .e-splitbar .e-v-arrow.e-arrow-sans-up {
  top: -0.5px;
  margin-left: -16px;
}
.e-splitter .e-splitbar .e-v-arrow.e-icon.e-arrow-sans-down:before {
  
}
.e-splitter .e-splitbar .e-v-arrow.e-arrow-sans-down {
  
}
.e-splitter .e-splitbar .e-v-arrow.e-arrow-sans-down {
  top: -0.5px;
}
.e-splitter .e-splitbar.e-v-bar .e-activebar {
  
}
.e-splitter .e-splitbar.e-v-bar .e-activebar {
  height: 2px;
  width: 14px;
  margin-top: 2px;
  background: black;
}
.e-splitter .e-splitbar.e-v-bar .e-activebar:before {
  
}
.e-splitter .e-splitbar.e-h-bar .e-activebar {
  
}
.e-splitter .e-splitbar.e-h-bar .e-activebar {
  height: 14px;
  width: 2px;
  margin-left: 2px;
  background: black;
}
.e-splitter .e-splitbar.e-h-bar .e-activebar:before {
  
}
.e-splitter .e-splitbar.e-h-bar .e-activebar:before {
  height: 100%;
  width: 100%;
  display: block;
}
.e-splitter .e-h-arrow.e-arrow-sans-right {
  margin-top: 19px;
}
.e-splitter .e-v-arrow.e-arrow-sans-down {
  margin-left: 21px;
}
.e-splitter .e-splitbar.e-h-bar.e-icon-hide .e-activebar,
.e-splitter .e-splitbar.e-v-bar.e-icon-hide .e-activebar {
  
}
.e-splitter .e-splitbar.e-h-bar.e-icon-hide .e-icon.e-arrow-sans-right {
  
}
.e-splitter .e-splitbar.e-h-bar.e-icon-hide .e-icon.e-arrow-sans-left {
  
}
.e-splitter .e-splitbar.e-v-bar.e-icon-hide .e-icon.e-arrow-sans-up {
  
}
.e-splitter .e-splitbar.e-v-bar.e-icon-hide .e-icon.e-arrow-sans-down {
  
}
.e-splitter.e-rtl .e-h-arrow.e-arrow-sans-left {
  left: -3.4px;
}
.e-splitter.e-rtl .e-h-arrow.e-arrow-sans-right {
  
}
.e-splitter.e-rtl .e-h-arrow.e-arrow-sans-right {
  left: -4px;
}
.e-splitter.e-rtl .e-splitbar.e-h-bar .e-activebar {
  
}
.e-splitter.e-rtl .e-splitbar.e-h-bar .e-activebar {
  margin-right: 2px;
}
.e-splitter.e-rtl .e-splitbar .e-v-arrow.e-arrow-sans-up {
  margin-left: -21px;
}
.e-splitter .e-splitbar.e-v-bar.e-resize {
  cursor: row-resize;
}
.e-splitter .e-splitbar.e-h-bar.e-resize {
  cursor: col-resize;
}
.e-splitter .e-splitbar .e-splitter-h-template {
  cursor: pointer;
  position: fixed;
  top: 30%;
}
.e-splitter .e-splitbar .e-splitter-v-template {
  cursor: pointer;
  position: fixed;
  left: 49%;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-datavisualization-symbolpalette {
  border: 1px solid #e0e0e0;
  outline: transparent none 0px;
  text-decoration: none;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 14px;
  border-radius: 0px;
}
.e-datavisualization-symbolpalette .e-scanvas {
  border: 0px solid transparent;
}
.e-datavisualization-symbolpalette .e-header {
  display: table;
  border: 0px solid transparent;
  border-bottom-width: 1px;
  border-bottom-color: #e0e0e0;
  outline: transparent none 0px;
  cursor: pointer;
  color: #212121;
  position: relative;
  width: 100%;
  background: whitesmoke;
  border-radius: 0px;
}
.e-datavisualization-symbolpalette .e-header {
  background: whitesmoke;
}
.e-datavisualization-symbolpalette .e-header-text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1em;
  width: 100%;
  text-align: left;
  font-size: 14px;
}
.e-datavisualization-symbolpalette .e-header-wrapper {
  padding-left: 2.5em;
}
.e-datavisualization-symbolpalette .e-header-arrow {
  border: 0px solid transparent;
  height: 16px;
  width: 16px;
  right: 14px;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  font-size: 17px;
  top: 10px;
}
.e-datavisualization-symbolpalette .e-header-arrow.expanded:before {
  content: "\e631";
}
.e-datavisualization-symbolpalette .e-header-arrow.collapsed:before {
  content: "\e62f";
}
.e-datavisualization-symbolpalette .e-header-arrow.expanded.selected:before,
.e-datavisualization-symbolpalette .e-header-arrow.expanded.hover:before {
  content: "\e631";
}
.e-datavisualization-symbolpalette .e-header-arrow.collapsed.selected:before,
.e-datavisualization-symbolpalette .e-header-arrow.collapsed.hover:beforess {
  content: "\e62f";
}
.e-datavisualization-symbolpalette .e-header.collapsed.selected,
.e-datavisualization-symbolpalette .e-header.expanded.selected {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
  color: white;
}
.e-datavisualization-symbolpalette .e-header.collapsed.hover,
.e-datavisualization-symbolpalette .e-header.expanded.hover {
  color: #212121;
}
.e-datavisualization-symbolpalette .e-header.collapsed.hover,
.e-datavisualization-symbolpalette .e-header.expanded.hover {
  background: #e0e0e0;
}
.e-datavisualization-symbolpalette .e-header.e-disableclick {
  cursor: default;
}
.e-datavisualization-symbolpalette .e-scontent {
  display: block;
  border: 0px solid transparent;
  outline-style: none;
  padding: 0.5em;
  padding-bottom: 0.6em;
  border-bottom-width: 1px;
  border-bottom-color: #e0e0e0;
  background: transparent;
  overflow: hidden;
}
.e-datavisualization-symbolpalette .e-anchor {
  overflow: hidden;
  padding: 0px;
  border: none;
  display: inline-block;
  color: #787878;
  font-size: 11px;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  text-align: center;
  outline: transparent none 0px;
  background: transparent;
  width: 100%;
}
.e-datavisualization-symbolpalette .e-paletteItem {
  border: 0px solid transparent;
  float: left;
  padding-right: 3px;
  padding-top: 3px;
  margin: 1px;
  overflow: visible;
}
.e-datavisualization-symbolpalette .e-paletteItem.hover {
  background: #c8e6c9;
}
.e-datavisualization-symbolpalette .e-paletteItem.selected {
  background: #c8e6c9;
}
.e-datavisualization-symbolpalette .e-text-container {
  white-space: nowrap;
  color: black;
  overflow: hidden;
}
.e-datavisualization-symbolpalette .e-svg-container {
  display: block;
  position: relative;
  border: 0px solid transparent;
}
.e-datavisualization-symbolpalette .e-svg-container svg {
  display: inline;
  padding: 1px;
}
[draggable=true] {
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.svg.foreignObject {
  top: 0px;
  left: 0px;
  position: absolute;
  border: 0px solid transparent;
  display: block;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-tab.e-js.e-widget {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  border: none;
}
.e-tab.e-js > .e-header > .e-item > .e-link,
.e-tab.e-js > .e-left > .e-item > .e-link,
.e-tab.e-js > .e-right > .e-item > .e-link {
  
}
.e-tab.e-js > .e-header,
.e-tab.e-js .e-header > .e-select.e-disable:hover,
.e-tab.e-js > .e-left,
.e-tab.e-js > .e-right,
.e-tab.e-disable .e-select:hover {
  
}
.e-tab.e-js > .e-header,
.e-tab.e-js .e-header > .e-select.e-disable:hover,
.e-tab.e-js > .e-left,
.e-tab.e-js > .e-right,
.e-tab.e-disable .e-select:hover {
  /*material*/
  background: transparent;
}
.e-tab.e-js > .e-header,
.e-tab.e-js .e-header > .e-select.e-disable:hover,
.e-tab.e-js > .e-left,
.e-tab.e-js > .e-right,
.e-tab.e-disable .e-select:hover {
  
}
.e-tab.e-js > .e-header,
.e-tab.e-js .e-header > .e-select.e-disable:hover,
.e-tab.e-js > .e-left,
.e-tab.e-js > .e-right,
.e-tab.e-disable .e-select:hover {
  /*material*/
  background: white;
}
.e-tab.e-js .e-header > .e-active.e-disable:hover {
  background: transparent;
}
.e-tab.e-js .e-header > .e-active.e-disable:hover a {
  
}
.e-tab.e-js .e-header > .e-active.e-disable:hover a {
  /*material*/
  color: #ff4081;
}
.e-tab.e-js .e-header > .e-rtl-bottom-line.e-active {
  
}
.e-tab.e-js .e-header > .e-rtl-bottom-line.e-active {
  /*material*/

  border-top: 2px solid #ff4081;
}
.e-tab.e-js .e-header .e-select.e-disable a,
.e-tab.e-js.e-disable a {
  cursor: default;
  
}
.e-tab > .e-header {
  
  border-left: none;
}
.e-tab > .e-header {
  /*material*/
  border: none;
}
.e-tab .e-left {
  
}
.e-tab .e-left {
  /*material*/
  border-right: 0px;
}
.e-tab .e-right {
  
}
.e-tab .e-right {
  /*material*/
  border-right: 0px;
}
.e-tab.e-js .e-left .e-item.e-active,
.e-tab.e-js .e-left .e-item.e-active:hover {
  
  outline: 0 none;
  margin-right: -1px;
}
.e-tab.e-js .e-left .e-item.e-active,
.e-tab.e-js .e-left .e-item.e-active:hover {
  border-right: 2px solid #ff4081;
}
.e-tab.e-js .e-right .e-item.e-active,
.e-tab.e-js .e-right .e-item.e-active:hover {
  
  margin-left: -1px;
  outline: 0 none;
}
.e-tab.e-js .e-right .e-item.e-active,
.e-tab.e-js .e-right .e-item.e-active:hover {
  border-left: 2px solid #ff4081;
}
.e-scrolltab.e-js .e-header > .e-bottom-line.e-item.e-active,
.e-scrolltab.e-js .e-header > .e-bottom-line.e-item.e-active:hover {
  border: 1px solid #e0e0e0;
}
.e-tab .e-left .e-item.e-active,
.e-tab .e-right .e-item.e-active {
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}
.e-tab .e-header li {
  border-top: 0px;
}
.e-tab.e-js .e-header > .e-bottom-line.e-active,
.e-tab.e-js .e-header > .e-bottom-line.e-active:hover {
  
  outline: 0 none;
}
.e-tab.e-js .e-header > .e-bottom-line.e-active,
.e-tab.e-js .e-header > .e-bottom-line.e-active:hover {
  /*other*/

  padding-bottom: 0px;
  border-bottom: 2px solid #ff4081;
}
.e-tab.e-js .e-header > .e-top-line.e-active,
.e-tab.e-js .e-header > .e-top-line.e-active:hover {
  
  padding-top: 1px;
  outline: 0 none;
}
.e-tab.e-js .e-header > .e-top-line.e-active,
.e-tab.e-js .e-header > .e-top-line.e-active:hover {
  /*other*/

  border-top: 2px solid #ff4081;
}
.e-tab .e-left li,
.e-tab .e-right li {
  border-bottom: 1px solid #e0e0e0;
}
.e-tab.e-vertical {
  background: transparent;
  border: 1px solid #e0e0e0;
}
.e-tab.e-js .e-header > .e-item:hover,
.e-tab.e-js .e-left > .e-item:hover,
.e-tab.e-js .e-right > .e-item:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.7);
  filter: none;
}
.e-tab.e-js .e-icon.e-chevron-circle-left,
.e-tab.e-js .e-icon.e-chevron-circle-right {
  
}
.e-tab.e-js .e-icon.e-chevron-circle-left,
.e-tab.e-js .e-icon.e-chevron-circle-right {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-tab.e-js .e-header > .e-item:hover > .e-icon,
.e-tab.e-js .e-left > .e-item:hover > .e-icon,
.e-tab.e-js .e-right > .e-item:hover > .e-icon {
  
}
.e-tab.e-js .e-header > .e-item:hover > .e-icon,
.e-tab.e-js .e-left > .e-item:hover > .e-icon,
.e-tab.e-js .e-right > .e-item:hover > .e-icon {
  color: #424242;
}
.e-tab.e-js > .e-content {
  
  border-color: #e0e0e0;
  font-size: 14px;
  border-style: solid;
}
.e-tab.e-js > .e-content {
  /*material*/
  border-width: 0px;
  background: white;
  color: #212121;
}
.e-tab.e-js .e-header > .e-select,
.e-tab.e-js .e-header > .e-active,
.e-tab.e-js .e-left > .e-active,
.e-tab.e-js .e-right > .e-active,
.e-tab.e-js .e-left > .e-select,
.e-tab.e-js .e-right > .e-select {
  
  border-color: #e0e0e0;
  color: #212121;
  border: none;
  background: none;
}
.e-tab.e-js .e-header > .e-select,
.e-tab.e-js .e-header > .e-active,
.e-tab.e-js .e-left > .e-active,
.e-tab.e-js .e-right > .e-active,
.e-tab.e-js .e-left > .e-select,
.e-tab.e-js .e-right > .e-select {
  /*material*/
  background: transparent;
  font-weight: 400;
  font-size: 13px;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  border-radius: 0px;
}
.e-tab .e-header > .e-select a,
.e-tab .e-left > .e-select a,
.e-tab .e-right > .e-select a {
  
}
.e-tab .e-header > .e-select a,
.e-tab .e-left > .e-select a,
.e-tab .e-right > .e-select a {
  /*material*/
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
}
.e-tab.e-js .e-header > .e-active,
.e-tab.e-js .e-left > .e-active,
.e-tab.e-js .e-right > .e-active {
  
}
.e-tab.e-js .e-header > .e-active,
.e-tab.e-js .e-left > .e-active,
.e-tab.e-js .e-right > .e-active {
  /*material*/
  background: transparent;
  border-color: transparent;
}
.e-tab.e-js .e-header > .e-select,
.e-tab.e-js .e-left > .e-select,
.e-tab.e-js .e-right > .e-select {
  
}
.e-tab.e-js .e-header > .e-active:hover,
.e-tab.e-js .e-left > .e-active:hover,
.e-tab.e-js .e-right > .e-active:hover,
.e-tab.e-js .e-header.e-item:hover,
.e-tab.e-js .e-left.e-item:hover,
.e-tab.e-js .e-right.e-item:hover {
  
}
.e-tab.e-js .e-header > .e-active:hover,
.e-tab.e-js .e-left > .e-active:hover,
.e-tab.e-js .e-right > .e-active:hover,
.e-tab.e-js .e-header.e-item:hover,
.e-tab.e-js .e-left.e-item:hover,
.e-tab.e-js .e-right.e-item:hover {
  /*material*/
  background: transparent;
  color: #ff4081;
}
.e-tab .e-header > .e-active a,
.e-tab .e-left > .e-active a,
.e-tab .e-right > .e-active a {
  
}
.e-tab .e-header > .e-active a,
.e-tab .e-left > .e-active a,
.e-tab .e-right > .e-active a {
  /*material*/
  text-transform: uppercase;
  color: #ff4081;
}
.e-tab .e-header > .e-select:hover a,
.e-tab .e-left > .e-select:hover a,
.e-tab .e-right > .e-select:hover a {
  
}
.e-tab .e-header > .e-select:hover a,
.e-tab .e-left > .e-select:hover a,
.e-tab .e-right > .e-select:hover a {
  /*material*/
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
}
.e-tab .e-header > .e-active:hover a,
.e-tab .e-left > .e-active:hover a,
.e-tab .e-right > .e-active:hover a {
  
}
.e-tab .e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}
.e-tab .e-hidebottom {
  border-top: none !important;
}
.e-tab .e-hidetop {
  border-bottom: none !important;
}
.e-tab .e-header.e-addborderbottom {
  
}
.e-tab .e-header.e-addborderbottom {
  
}
.e-tab .e-header.e-addbordertop {
  
}
.e-tab .e-header.e-addbordertop {
  /*material*/
  border-top: 0px solid #e0e0e0;
}
.e-tab .e-header.e-hideleft {
  border-left: none;
}
.e-tab .e-header.e-addborderleft {
  border-right: 1px solid #e0e0e0;
}
.e-tab .e-header.e-hideright {
  border-right: none;
}
.e-tab .e-header.e-addborderright {
  border-left: 1px solid #e0e0e0;
}
.e-tab .e-header .e-margine-top:hover {
  
}
.e-tab .e-header .e-margine-top:hover {
  /*material*/
  border-top: none;
}
.e-tab .e-header .e-margine-bottom:hover {
  border-bottom: 1px solid white;
}
.e-tab .e-header.e-addborderbottom .e-active {
  
}
.e-tab .e-header.e-addborderbottom .e-active {
  border-top: 0px solid transparent;
}
.e-tab .e-header.e-addbordertop .e-active {
  
}
.e-tab .e-header.e-addbordertop .e-active {
  border-bottom: transparent;
}
.e-tab .e-right.e-addborderright .e-active {
  border-right: transparent;
}
.e-tab .e-left.e-addborderleft .e-active {
  border-left: transparent;
}
.e-tab.e-js.e-tabscroll > .e-content {
  
}
.e-tab.e-js.e-tabscroll > .e-content {
  /*material*/
  padding-top: 65px !important;
}
.e-tab.e-js.e-tabscroll > .e-header.e-addborderbottom {
  
}
.e-tab.e-js.e-tabscroll > .e-header.e-addborderbottom {
  /*material*/
  border-bottom: 0px solid #bbbcbb !important;
}
.e-tab.e-js .e-header .e-icon.e-chevron-circle-left {
  /*material*/
  top: 14px;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- tagcloud -------------------------------------------*/

.e-tagcloud {
  background-color: white;
}
.e-tagcloud.e-js .header {
  border-color: #e0e0e0;
}
.e-tagcloud .e-title {
  
}
.e-tagcloud .e-title {
  /*material*/
  background: white;
  color: rgba(0, 0, 0, 0.87);
  font-size: 20px;
  font-weight: 500;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  border-top: 0px solid #eeeeee;
}
.e-tagcloud .e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
.e-tagcloud .e-tagitems .e-txt {
  
}
.e-tagcloud .e-tagitems .e-txt {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-tagcloud .e-tagitems .e-txt.hover {
  
}
.e-tagcloud .e-tagitems .e-txt.hover {
  /*material*/
  color: rgba(0, 0, 0, 0.54);
}
.e-tagcloud .e-cloud,
.e-tagcloud .e-list {
  
}
.e-tagcloud .e-cloud,
.e-tagcloud .e-list {
  border-color: #e0e0e0;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- TimeEditor -------------------------------------------*/

.e-timewidget .e-input,
.e-time-popup {
  background-color: white;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  
}
.e-timewidget .e-input,
.e-time-popup {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal;
}
.e-timewidget .e-input {
  
}
.e-timewidget .e-input {
  /*material*/
  font-size: 13px;
}
.e-timewidget .e-in-wrap,
.e-time-popup {
  border-color: #e0e0e0;
}
.e-timewidget .e-in-wrap,
.e-time-popup {
  /*material*/
  border-color: rgba(0, 0, 0, 0.12);
}
.e-timewidget .e-in-wrap:before,
.e-timewidget .e-in-wrap:after {
  background: #ff4081;
}
.e-timewidget.e-focus .e-in-wrap,
.e-timewidget.e-focus .e-in-wrap:hover {
  
}
.e-timewidget.e-focus .e-in-wrap,
.e-timewidget.e-focus .e-in-wrap:hover {
  /*material*/
  box-shadow: none;
}
.e-timewidget:hover .e-in-wrap {
  
}
.e-timewidget.e-disable:hover .e-in-wrap {
  
}
.e-timewidget .e-select,
.e-timewidget.e-rtl .e-select,
.e-ntouch.e-timewidget .e-disable.e-select:hover {
  
}
.e-timewidget .e-select,
.e-timewidget.e-rtl .e-select,
.e-ntouch.e-timewidget .e-disable.e-select:hover {
  background: whitesmoke;
}
.e-timewidget .e-select,
.e-timewidget.e-rtl .e-select,
.e-ntouch.e-timewidget .e-disable.e-select:hover {
  /*material*/
  background: white;
  box-shadow: none;
  border-color: white;
  color: rgba(0, 0, 0, 0.54);
}
.e-timewidget.e-widget .e-select:active:hover,
.e-timewidget.e-rtl .e-select:active:hover {
  
}
.e-timewidget.e-widget .e-select.e-disable:active:before:active:hover {
  
}
.e-ntouch.e-timewidget .e-select:hover,
.e-time-popup.e-popup .e-hover {
  
}
.e-ntouch.e-timewidget .e-select:hover,
.e-time-popup.e-popup .e-hover {
  background: #e0e0e0;
}
.e-ntouch.e-timewidget .e-select:hover,
.e-time-popup.e-popup .e-hover {
  /*material*/
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.87);
}
.e-ntouch.e-timewidget .e-select:hover,
.e-timewidget .e-select:hover {
  
}
.e-time-popup .e-active.e-hover {
  
}
.e-time-popup .e-active.e-hover {
  /*material*/
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.87);
}
.e-ntouch.e-timewidget .e-select:hover {
  /*material*/
  background-color: white;
  color: rgba(0, 0, 0, 0.54);
}
.e-time-popup .e-active {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
  border-color: #3f51b5;
  
}
.e-time-popup .e-active {
  /*material*/
  background: white;
  color: #ff4081;
}
.e-time-popup.e-popup .e-hover.e-active {
  color: rgba(0, 0, 0, 0.87);
}
.e-timewidget .e-icon.e-clock:before {
  width: 20px;
  height: 20px;
}
.e-timewidget.e-active .e-select {
  /*material*/
  color: #ff4081;
}
.e-timewidget.e-active .e-select:hover {
  /*material*/
  color: #ff4081;
}
.e-time-popup {
  
}
.e-time-popup {
  /*material*/
  font-size: 13px;
}
.e-timewidget .e-input::selection {
  
}
.e-timewidget .e-input::selection {
  background: #ff4081;
  color: white;
}
.e-timewidget .e-input::-moz-selection {
  
}
.e-timewidget .e-input::-moz-selection {
  background: #ff4081;
  color: white;
}
.e-timewidget .e-select {
  
}
.e-timewidget .e-select:active:before {
  
}
.e-timewidget .e-select.e-disable:active:before {
  
}
.e-timewidget.e-disable {
  
}
.e-timewidget .e-select.e-disable,
.e-timewidget.e-disable .e-select:hover,
.e-ntouch.e-timewidget .e-disable.e-select:hover {
  
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- ToolBar -------------------------------------------*/

.e-toolbar {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-weight: normal;
  font-size: 14px;
  
}
.e-toolbar {
  /*material*/
  background: #fafafa;
  color: rgba(0, 0, 0, 0.54);
  background-repeat: no-repeat;
  border-color: #e0e0e0;
}
.e-toolbar {
  
}
.e-toolbar {
  /*material*/
  background: #fafafa;
}
.e-toolbar.e-focus {
  
}
.e-toolbar.e-focus {
  /*material*/
  box-shadow: none;
}
.e-toolbar > .e-horizontal.e-separator {
  
}
.e-toolbar > .e-horizontal.e-separator {
  /*material*/
  border-right: 1px solid #e0e0e0;
  border-left: none;
  border-radius: initial;
  margin-right: 4px;
  height: 36px;
}
/*-------------------tooltip class ----------------------*/

.e-toolbarTooltip {
  min-width: auto;
}
.e-toolbarTooltip .e-tipContainer .e-tipcontent {
  
}
.e-toolbarTooltip .e-tipContainer .e-tipcontent {
  /*material*/
  padding: 2px 8px 2px 8px;
}
.e-toolbar > .e-horizontal .e-separator {
  border-right: 1px solid #e0e0e0;
  border-left: none;
  border-radius: inherit;
  height: inherit;
}
.e-toolbar > .e-vertical.e-separator {
  border-bottom: 1px solid #e0e0e0;
  border-top: none;
  border-radius: initial;
}
.e-toolbar > .e-vertical .e-separator {
  
  border-top: none;
  border-radius: inherit;
}
.e-toolbar > .e-vertical .e-separator {
  /*office-365*/
  border-bottom: 1px solid #e0e0e0;
}
.e-toolbar.e-rtl > .e-horizontal.e-separator {
  
  border-right: none;
  border-radius: initial;
}
.e-toolbar.e-rtl > .e-horizontal.e-separator {
  /*office-365*/
  border-left: 1px solid #e0e0e0;
}
.e-toolbar.e-rtl > .e-horizontal .e-separator {
  
}
.e-toolbar.e-rtl > .e-horizontal .e-separator {
  /*material*/
  border-left: 1px solid #e0e0e0;
  border-right: none;
  border-radius: inherit;
  margin-right: 16px;
}
.e-toolbar.e-rtl > .e-vertical.e-separator {
  border-top: 1px solid #e0e0e0;
  border-bottom: none;
  border-radius: initial;
}
.e-toolbar.e-rtl > .e-vertical .e-separator {
  border-top: 1px solid #e0e0e0;
  border-bottom: none;
  border-radius: inherit;
}
.e-toolbar.e-rtl > .e-vertical .e-corner-all {
  border-radius: inherit;
}
.e-toolbar > ul > li div.e-item-overlay {
  background-color: whitesmoke;
}
.e-toolbar > .e-horizontal .e-hover,
.e-toolbar > .e-vertical > .e-hover {
  
  border-color: #e0e0e0;
}
.e-toolbar > .e-horizontal .e-hover,
.e-toolbar > .e-vertical > .e-hover {
  /*material*/
  color: rgba(0, 0, 0, 0.54);
}
.e-toolbar > .e-horizontal .e-hover,
.e-toolbar > .e-vertical > .e-hover {
  background: #e0e0e0;
}
.e-toolbar > .e-horizontal .e-hover > div:before,
.e-toolbar > .e-vertical > .e-hover > div:before,
.e-toolbar > .e-horizontal .e-hover > span:before,
.e-toolbar > .e-vertical > .e-hover > span:before,
.e-toolbar > .e-horizontal .e-hover > a:before,
.e-toolbar > .e-vertical > .e-hover > a:before {
  
}
.e-toolbar > .e-horizontal .e-hover > div:before,
.e-toolbar > .e-vertical > .e-hover > div:before,
.e-toolbar > .e-horizontal .e-hover > span:before,
.e-toolbar > .e-vertical > .e-hover > span:before,
.e-toolbar > .e-horizontal .e-hover > a:before,
.e-toolbar > .e-vertical > .e-hover > a:before {
  color: #424242;
}
.e-toolbar > .e-horizontal .e-active.e-hover > div:before,
.e-toolbar > .e-vertical > .e-active.e-hover > div:before,
.e-toolbar > .e-horizontal .e-active.e-hover > span:before,
.e-toolbar > .e-vertical > .e-active.e-hover > span:before,
.e-toolbar > .e-horizontal .e-active.e-hover > a:before,
.e-toolbar > .e-vertical > .e-active.e-hover > a:before {
  
}
.e-toolbar > .e-horizontal .e-active.e-hover > div:before,
.e-toolbar > .e-vertical > .e-active.e-hover > div:before,
.e-toolbar > .e-horizontal .e-active.e-hover > span:before,
.e-toolbar > .e-vertical > .e-active.e-hover > span:before,
.e-toolbar > .e-horizontal .e-active.e-hover > a:before,
.e-toolbar > .e-vertical > .e-active.e-hover > a:before {
  /*material*/
  color: rgba(0, 0, 0, 0.54);
}
.e-toolbar > .e-horizontal .e-active,
.e-toolbar > .e-vertical > .e-active {
  
}
.e-toolbar > .e-horizontal .e-active,
.e-toolbar > .e-vertical > .e-active {
  /*material*/
  background: #bdbdbd;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.12);
}
.e-toolbar > .e-horizontal > .e-hover > a,
.e-toolbar > .e-horizontal > .e-hover > span,
.e-toolbar > .e-horizontal > .e-hover > div,
.e-toolbar > .e-vertical > .e-hover > a,
.e-toolbar > .e-vertical > .e-hover > span,
.e-toolbar > .e-vertical > .e-hover > div {
  
}
.e-toolbar > .e-horizontal > .e-hover > a,
.e-toolbar > .e-horizontal > .e-hover > span,
.e-toolbar > .e-horizontal > .e-hover > div,
.e-toolbar > .e-vertical > .e-hover > a,
.e-toolbar > .e-vertical > .e-hover > span,
.e-toolbar > .e-vertical > .e-hover > div {
  /*material*/
  background-color: transparent;
  color: rgba(0, 0, 0, 0.54);
}
.e-toolbar > .e-horizontal > .e-active > a,
.e-toolbar > .e-horizontal > .e-active > span,
.e-toolbar > .e-horizontal > .e-active > div,
.e-toolbar > .e-vertical > .e-active > a,
.e-toolbar > .e-vertical > .e-active > span,
.e-toolbar > .e-vertical > .e-active > div {
  
}
.e-toolbar > .e-horizontal > .e-active > a,
.e-toolbar > .e-horizontal > .e-active > span,
.e-toolbar > .e-horizontal > .e-active > div,
.e-toolbar > .e-vertical > .e-active > a,
.e-toolbar > .e-vertical > .e-active > span,
.e-toolbar > .e-vertical > .e-active > div {
  /*material*/
  background-color: #bdbdbd;
  color: rgba(0, 0, 0, 0.87);
}
.e-toolbar.e-js .e-vertical > li.e-tooltxt {
  margin-right: 0px;
  margin-bottom: 14px;
}
.e-toolbar > .e-vertical > .e-hover {
  margin-right: 0px !important;
  margin-left: 3px;
}
.e-toolbar > .e-vertical .e-align {
  margin-left: 0px;
}
.e-toolbar .e-ul.e-vertical {
  /*material*/
  width: 48px !important;
}
.e-toolbar.e-js ul > li.e-tooltxt:before {
  color: rgba(0, 0, 0, 0.54);
}
.e-toolbar.e-js ul > li.e-tooltxt.e-disable:before {
  color: rgba(0, 0, 0, 0.26);
}
.e-toolbar .e-ul.e-horizontal.e-separator:first-child {
  padding-left: 0px;
}
.e-toolbar > .e-horizontal.e-ul:first-child {
  padding-left: 0px;
}
.e-toolbar .e-ul.e-horizontal.e-separator .e-tooltxt:last-child {
  
}
.e-toolbar .e-ul.e-horizontal.e-separator .e-tooltxt:last-child {
  margin-right: 4px;
}
.e-toolbar > ul > li.e-icon {
  width: 14px;
  height: 14px;
}
.e-responsive-toolbar.e-toolbar .e-ul.e-horizontal.e-separator:first-child {
  padding-left: 0px;
}
.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:last-child {
  
}
.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:last-child {
  margin-right: 10px;
  margin-left: 4px;
}
.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:first-child {
  
}
.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:first-child {
  margin-right: 0px;
}
.e-toolbar.e-js.e-rtl ul > li.e-tooltxt:last-child {
  
}
.e-toolbar.e-js.e-rtl ul > li.e-tooltxt:last-child {
  margin-right: 10px;
}
.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator:first-child {
  
}
.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator:first-child {
  padding-left: 0px;
  margin-right: 0px;
}
.e-toolbar.e-js.e-rtl ul > li.e-tooltxt:first-child {
  
}
.e-toolbar.e-js.e-rtl ul > li.e-tooltxt:first-child {
  margin-right: 4px;
}
.e-toolbar.e-toolbarspan.e-rtl {
  padding-right: 24px;
  padding-left: 24px;
}
.e-responsive-toolbar.e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:first-child {
  margin-left: 4px;
}
.e-toolbar > .e-horizontal .e-disable,
.e-toolbar > .e-vertical .e-disable {
  
}
.e-toolbar > .e-horizontal .e-disable,
.e-toolbar > .e-vertical .e-disable {
  color: rgba(0, 0, 0, 0.26);
}
.e-responsive-toolbar.e-toolbar.e-js.e-rtl ul > li.e-tooltxt:first-child {
  
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-treeview,
.e-dragedNode {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-treeview .e-text {
  
  background-color: transparent;
}
.e-treeview .e-text {
  color: black;
  color: rgba(0, 0, 0, 0.87);
}
.e-dragedNode {
  
}
.e-dragedNode {
  background: #eeeeee;
  color: black;
  color: rgba(0, 0, 0, 0.54);
}
.e-dragedNode .e-text {
  
  float: left;
}
.e-dragedNode .e-text {
  color: black;
  color: rgba(0, 0, 0, 0.54);
}
.e-treeview .e-active,
.e-fullrow-wrap .e-li-active > .e-fullrow {
  
  border: 1px solid transparent;
  border-image: initial;
}
.e-treeview .e-active,
.e-fullrow-wrap .e-li-active > .e-fullrow {
  background: whitesmoke;
}
.e-treeview .e-node-hover,
.e-treeview .e-node-focus,
.e-fullrow-wrap .e-li-hover > .e-fullrow,
.e-fullrow-wrap .e-li-focus > .e-fullrow {
  
  border-image: initial;
  cursor: pointer;
}
.e-treeview .e-node-hover,
.e-treeview .e-node-focus,
.e-fullrow-wrap .e-li-hover > .e-fullrow,
.e-fullrow-wrap .e-li-focus > .e-fullrow {
  background: #eeeeee;
  border: 1px solid transparent;
}
.e-treeview-wrap.e-dragging .e-node-hover,
.e-fullrow-wrap.e-dragging .e-li-hover > .e-fullrow {
  background: transparent;
  border-color: #eeeeee;
}
.e-treeview-wrap.e-dragging .e-active.e-node-hover,
.e-fullrow-wrap.e-dragging .e-li-active.e-li-hover > .e-fullrow {
  background: whitesmoke;
  border-color: whitesmoke;
}
.e-treeview-wrap .e-sibling {
  
}
.e-treeview-wrap .e-sibling {
  background: #ff4081;
}
.e-treeview-wrap.e-rtl .e-sibling {
  
}
.e-treeview-wrap .e-sibling::before {
  
}
.e-treeview-wrap .e-sibling::before {
  background: black;
  background: rgba(0, 0, 0, 0.12);
}
.e-treeview .e-node-disable {
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.e-treeview .e-icon.e-load,
.e-treeview.e-rtl .e-icon.e-load {
  background-image: url(images/ajax-loader.gif);
  background-repeat: no-repeat;
  
}
.e-treeview .e-icon.e-load,
.e-treeview.e-rtl .e-icon.e-load {
  background-position: center;
}
.e-treeview.e-rtl .e-icon.e-load {
  
}
.e-treeview .e-item .e-icon {
  
}
.e-treeview .e-item .e-icon {
  color: black;
  color: rgba(0, 0, 0, 0.54);
}
.e-treeview .e-fe-popup .e-content {
  background-color: white;
  border-color: #e0e0e0;
}
.e-treeview .e-fe-popup .e-downtail:after {
  border-top-color: white;
}
.e-treeview .e-fe-popup .e-downtail:before,
.e-treeview .e-fe-popup .e-downtail {
  border-top-color: #e0e0e0;
}
.e-treeview .e-fe-popup .e-spanclicked {
  border-color: #424242;
}
.e-drop-count {
  
  border-color: white;
}
.e-drop-count {
  background-color: #ff4081;
  color: white;
}
.e-fullrow-wrap .e-li-active .e-active,
.e-fullrow-wrap .e-li-hover .e-node-hover,
.e-fullrow-wrap .e-li-focus .e-node-focus {
  background: transparent;
}
.e-fullrow-wrap .e-item.e-li-active > .e-text-wrap > .e-icon {
  
}
.e-fullrow-wrap .e-item.e-li-hover > .e-text-wrap > .e-icon,
.e-fullrow-wrap .e-item.e-li-active.e-li-focus > .e-text-wrap > .e-icon {
  
}
.e-treeview .e-plus:after,
.e-treeview .e-minus:after,
.e-treeview .e-icon.e-load:after,
.e-treeview-wrap:not(.e-fullrow-wrap) .e-text:after,
.e-fullrow-wrap .e-fullrow:after {
  background: black;
  background: rgba(0, 0, 0, 0.12);
}
.e-treeview .e-text.e-editable .e-tree-input {
  border-color: black;
  border-color: rgba(0, 0, 0, 0.54);
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- Upload Box -------------------------------------------*/

.e-uploadbox .e-inputbtn,
.e-uploadbox .e-file-name-txt {
  
}
.e-uploadbox .e-inputbtn,
.e-uploadbox .e-file-name-txt {
  font-family: roboto Medium;
  font-size: 16px;
  font-weight: normal;
}
.e-uploadbox.e-disable .e-uploadinput {
  cursor: default;
}
.e-uploadbox.e-widget .e-selectpart.e-select,
.e-uploadbox.e-disable .e-select:hover,
.e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover,
.e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover .e-inputbtn {
  
}
.e-uploadbox.e-widget .e-selectpart.e-select,
.e-uploadbox.e-disable .e-select:hover,
.e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover,
.e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover .e-inputbtn {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
  font-family: roboto Medium;
  font-size: 16px;
}
.e-uploadbox.e-disable .e-uploadbtn.e-select:hover,
.e-uploadbox.e-disable .e-uploadclosebtn.e-select:hover {
  color: #212121;
  border-color: #e0e0e0;
  cursor: default;
}
.e-uploadbox.e-disable .e-uploadbtn.e-select:hover,
.e-uploadbox.e-disable .e-uploadclosebtn.e-select:hover {
  background: whitesmoke;
}
.e-uploadbox.e-widget .e-selectpart.e-select:hover {
  
}
.e-uploadbox.e-widget .e-selectpart.e-select:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
  color: black;
  font-family: roboto Medium;
}
.e-uploadbox.e-widget .e-inputbtn,
.e-uploadbox.e-disable .e-select .e-inputbtn {
  
}
.e-uploadbox.e-widget .e-inputbtn,
.e-uploadbox.e-disable .e-select .e-inputbtn {
  color: black;
  text-transform: none;
}
.e-uploadbox.e-widget .e-inputbtn:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
}
.e-uploadbox.e-widget .e-selectpart.e-select:hover .e-inputbtn {
  color: #212121;
  border-color: #e0e0e0;
}
.e-uploadbox .e-file-name-txt {
  
}
.e-uploadbox .e-file-name-txt {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  padding-top: 9px;
}
.e-uploadbox .e-file-size .e-file-name-txt {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-uploadbox .e-file-list .e-file-status-failed {
  color: #cd0a0a;
}
.e-uploadbox .e-file-list .e-file-status-success {
  color: #212121;
}
.e-uploadbox .e-file-progress-status {
  
}
.e-uploadbox .e-file-progress-status {
  /*material*/
  background: #ff4081;
  border-color: #ff4081;
}
.e-uploadbox .e-file-list {
  background-color: white;
  color: #212121;
}
.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
  
}
.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
  border-bottom: 1px solid #e0e0e0;
  background-color: white;
}
.e-uploadbox .e-head-content {
  
}
.e-uploadbox .e-ul li:last-child .e-file-list {
  
}
.e-uploadbox .e-ul li .e-file-list {
  
}
.e-uploadbox .e-ul li:nth-child(even) .e-file-list,
.e-uploadbox .e-head-content {
  background-color: #fafafa;
  border-bottom: 1px solid #e0e0e0;
}
.e-uploadbox.e-dialog > .e-header + .e-dialog-scroller {
  border-top: 0px;
}
.e-mobile-upload.e-uploadbox .e-ul li:nth-child(even) .e-file-list,
.e-mobile-upload.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
  border-bottom: none;
}
.e-uploadbox .e-file-upload {
  
}
.e-uploadbox .e-file-upload {
  background-color: #fafafa;
}
.e-uploadbox .e-file-progress-bar {
  
}
.e-uploadbox .e-file-progress-bar {
  /*material*/
  background-color: rgba(0, 0, 0, 0.12);
}
/*Icons */

.e-uploadbox .e-file-list .e-checkmark {
  background-color: #39b54a;
  color: white;
  border-radius: 10px;
}
.e-uploadbox .e-file-list .e-checkmark {
  /*material*/
  margin-top: 4px;
}
.e-uploadbox .e-file-list .e-file-percentage-failed {
  background-color: red;
  color: white;
  border-radius: 10px;
}
.e-uploadbox .e-file-list .e-file-percentage-failed {
  /*material*/
  margin-top: 4px;
}
.e-uploadbox.e-dialog .e-header {
  
  border-color: #3f51b5;
  border-bottom: none;
}
.e-uploadbox.e-dialog .e-header {
  /*material*/
  color: black;
  font-weight: bold;
  line-height: 40px;
  font-size: 23px;
}
.e-uploadbox .e-uploadinput {
  font-size: 200px;
}
.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform,
.e-uploadbox.e-disable .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
  background-color: white;
  color: #424242;
}
.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform,
.e-uploadbox.e-disable .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover {
  background-color: #fafafa;
  color: #424242;
}
.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover,
.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
  color: #424242;
  border-color: #e0e0e0;
}
.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover,
.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
  background: #e0e0e0;
}
.e-uploadbox.e-disable .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover,
.e-uploadbox.e-disable .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
  background: none;
}
.e-uploaddialog.e-dialog .e-btn.e-select {
  
}
.e-uploaddialog.e-dialog .e-btn.e-select {
  border-color: #e0e0e0;
}
.e-uploaddialog.e-dialog .e-btn.e-select:hover {
  box-shadow: none;
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.12);
  color: #212121;
}
.e-uploaddialog.e-dialog .e-btn.e-select:active {
  
}
.e-uploaddialog.e-dialog .e-btn.e-select:active {
  background: rgba(255, 64, 129, 0.12);
}
.e-uploaddialog.e-dialog .e-btn.e-select {
  
}
.e-uploaddialog.e-dialog .e-btn.e-select {
  color: #ff4081;
  background: white;
  box-shadow: none;
  border-radius: 0px;
}
.e-uploadbox.e-widget .e-selectpart.e-select:active,
.e-uploaddialog.e-dialog .e-btn.e-select:active {
  position: relative;
}
.e-uploadbox.e-widget .e-selectpart.e-select:active:after,
.e-uploaddialog.e-dialog .e-btn.e-select:active:after {
  animation: shadow 1.6s ease-out 0ms;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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*/

/*---------------- RTE Theme CSS----------------------*/

.e-rte {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-rte-wrapper {
  background: white;
  color: #212121;
  font-size: 14px;
  
}
.e-rte-wrapper {
  /*material*/
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.e-inputtext {
  
  outline: none;
  background-color: white;
  vertical-align: baseline;
}
.e-inputtext {
  /*material*/
  border-width: 0 0 1px 0;
  border-color: #e0e0e0;
  color: #9e9e9e;
}
.e-rte-field .e-img-border-field .e-focus,
.e-rte-field .e-chkbox-wrap.e-focus div > span,
.e-rte-field .e-inputtext:focus,
.e-rte-button .e-btn.e-select:focus,
.e-rte-tablefields .e-chkbox-wrap.e-focus div > span,
.e-rte-tablefields .e-inputtext:focus,
.e-img-field-group .e-chkbox-wrap.e-focus div > span,
.e-img-border-field .e-inputtext:focus,
.e-rte-stylefield .e-inputtext:focus {
  
}
.e-rte-field .e-img-border-field .e-focus,
.e-rte-field .e-chkbox-wrap.e-focus div > span,
.e-rte-field .e-inputtext:focus,
.e-rte-button .e-btn.e-select:focus,
.e-rte-tablefields .e-chkbox-wrap.e-focus div > span,
.e-rte-tablefields .e-inputtext:focus,
.e-img-field-group .e-chkbox-wrap.e-focus div > span,
.e-img-border-field .e-inputtext:focus,
.e-rte-stylefield .e-inputtext:focus {
  /*material*/
  box-shadow: none;
}
.e-rte-field .e-inputtext:focus,
.e-rte-tablefields .e-inputtext:focus {
  /*material*/
  border-bottom: 2px solid #ff4081;
}
.e-rte-imageTab .e-item:focus {
  box-shadow: 1px 0 0 0 #3f51b5;
}
/*-----------------Tooltip class ----------------------*/

.e-rteTooltip {
  min-width: auto;
}
.e-rteTooltip .e-tipContainer .e-tipcontent {
  padding: 2px 4px;
}
/*----------------------- Toolbar Class-------------------------- */

.e-rte .e-toolbar.e-rtl > .e-horizontal.e-separator {
  
}
.e-rte .e-toolbar.e-rtl > .e-horizontal.e-separator {
  /*material*/
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  margin-right: 4px;
}
/*.e-rte .e-toolbarspan ul:last-child*/

.e-rte .e-horizontal.e-separator {
  
}
.e-rte .e-horizontal.e-separator {
  /*material*/
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.e-rte-unorderlistname .e-liseparator,
.e-rte-orderlistname .e-liseparator {
  border-bottom: 1px dotted #e0e0e0;
}
.e-rte .customtable-group:hover {
  color: #212121;
}
.e-rte .customtable-group:hover {
  background: #e0e0e0;
}
.e-rte .e-toolbarspan {
  
}
.e-rte .e-toolbarspan {
  /*other*/
  border: none;
  border-bottom: 0 solid #3f51b5;
}
.e-rte .e-toolbar .e-ul.e-horizontal.e-separator:first-child,
.e-rte .e-toolbar > .e-horizontal.e-ul:first-child {
  /*other*/
  padding-left: 0px;
}
.e-dialog .e-fieldseparate,
.e-rte-toolbar .e-responsive-toolbar.e-toolbarspan {
  border-color: #e0e0e0;
}
.e-rte .e-rte-footer {
  border-top: 1px solid #e0e0e0;
}
.e-rte .e-rte-footer {
  background: whitesmoke;
}
.e-rte-colorpalette.e-menu.e-context > li:hover {
  background: none;
}
.e-rte-colorpalette.e-menu.e-context .e-mfocused,
.e-rte-colorpalette.e-menu.e-context .e-mhover {
  background: none;
}
.e-rte-table-picker.e-dialog {
  background: whitesmoke;
}
.e-rte-tablecell {
  border-color: #e0e0e0;
}
.e-rte-tablecell.e-default {
  background: white;
}
.e-rte-tablecell.e-active {
  border-color: #e0e0e0;
}
.e-rte-tablecell.e-active {
  background: #e0e0e0;
}
.e-rte .e-toolbar .e-rte-format .e-hover,
.e-rte .e-toolbar .e-rte-fontgroup .e-hover,
.e-rte .e-toolbar .e-rte-lists .e-hover,
.e-rte .e-toolbar .e-res-pos:hover {
  
  border-color: transparent;
  background-image: none;
  background-clip: padding-box;
}
.e-rte .e-toolbar .e-rte-format .e-hover,
.e-rte .e-toolbar .e-rte-fontgroup .e-hover,
.e-rte .e-toolbar .e-rte-lists .e-hover,
.e-rte .e-toolbar .e-res-pos:hover {
  /*material*/
  background-color: #fafafa;
}
.e-rte .e-toolbar .e-rte-lists .e-active {
  background: none;
  border-color: transparent;
}
.e-rte-orderlistname.e-menu.e-context .e-list:hover,
.e-rte-unorderlistname.e-menu.e-context .e-list:hover,
.e-rte-orderlistname.e-menu.e-context .e-list.e-mhover .e-rte-toolbar-icon,
.e-rte-unorderlistname.e-menu.e-context .e-list.e-mhover .e-rte-toolbar-icon {
  
}
.e-rte-orderlistname.e-menu.e-context .e-list:hover,
.e-rte-unorderlistname.e-menu.e-context .e-list:hover,
.e-rte-orderlistname.e-menu.e-context .e-list.e-mhover .e-rte-toolbar-icon,
.e-rte-unorderlistname.e-menu.e-context .e-list.e-mhover .e-rte-toolbar-icon {
  /*material*/
  background: white;
  height: 36px;
}
.e-rte-orderlistname.e-menu.e-context .e-list,
.e-rte-unorderlistname.e-menu.e-context .e-list {
  
}
.e-rte-unorderlistname.e-menu li.e-list:nth-child(3),
.e-rte-unorderlistname.e-menu li.e-list:nth-child(4),
.e-rte-orderlistname.e-menu li.e-list:nth-child(4),
.e-rte-orderlistname.e-menu li.e-list:nth-child(5),
.e-rte-orderlistname.e-menu li.e-list:nth-child(6) {
  
}
.e-rte-unorderlistname.e-menu li.e-list:nth-child(2),
.e-rte-unorderlistname.e-menu li.e-list:nth-child(4),
.e-rte-orderlistname.e-menu li.e-list:nth-child(3),
.e-rte-orderlistname.e-menu li.e-list:nth-child(6) {
  
}
.e-rte-toolbar-icon.e-rte-unlistitems.customUnOrder.e-list.e-mhover,
.e-rte-toolbar-icon.e-rte-listitems.customOrder.e-list.e-mhover,
.e-rte-toolbar-icon.e-rte-unlistitems.customUnOrder.e-list:hover,
.e-rte-toolbar-icon.e-rte-listitems.customOrder.e-list:hover {
  /*material*/
  height: 25px;
}
.e-rte .e-rte-resize {
  height: 5px;
  cursor: se-resize;
}
.e-rte .e-rte-htmltaginfo,
.e-rte .e-rte-wordcount,
.e-rte .e-rte-charcount {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 14px;
  color: #212121;
  cursor: default;
}
.e-rte .e-rte-footericon,
.e-rte .e-rte-wordcount,
.e-rte .e-rte-charcount {
  border-right: 1px solid #e0e0e0;
}
.e-rte .e-rte-footer.e-rtl .e-rte-icons.clearAll.e-rte-footericon {
  border-left: 1px solid #e0e0e0;
}
.e-rte-colorpalette {
  
}
.e-rte-colorpalette {
  /*material*/
  background-color: white !important;
  padding: 5px !important;
  width: auto !important;
}
.e-error {
  color: #cd0a0a;
}
.e-rte .e-dialog .e-dialog-tab {
  border: 1px solid #e0e0e0;
}
.e-rte .e-dialog .e-dialog-tab.e-tab .e-header li,
.e-rte-context-menu.e-context .e-rte-separator {
  border-color: #e0e0e0;
}
.e-rte-context-menu.e-menu .e-list.e-mhover .e-rte-toolbar-icon {
  color: #424242;
}
.e-rte-toolbar .e-toolbar .e-tooltxt.e-active {
  color: white;
}
.e-rte-toolbar .e-toolbar .e-ul {
  
}
.e-rte-toolbar .e-toolbar .e-ul {
  /*material*/
  border-color: rgba(0, 0, 0, 0.12);
}
.e-rte .e-tooltxt .e-btn.e-select,
.e-rte .e-tooltxt .e-btn.e-ntouch.e-disable.e-select:hover,
.e-rte .e-tooltxt .e-btn.e-disable.e-select:hover {
  
}
.e-rte .e-tooltxt .e-btn.e-select,
.e-rte .e-tooltxt .e-btn.e-ntouch.e-disable.e-select:hover,
.e-rte .e-tooltxt .e-btn.e-disable.e-select:hover {
  /*material*/
  background: #fafafa;
}
.e-rte .e-tooltxt .e-split-btn.e-rht-btn,
.e-rte .e-tooltxt .e-split-btn.e-disable.e-select:hover {
  
}
.e-rte .e-tooltxt.e-active .e-split-btn.e-rht-btn:focus,
.e-rte .e-tooltxt.e-active .e-split-btn.e-disable.e-select:focus {
  
}
.e-rte .e-tooltxt.e-active .e-btn.e-select:focus,
.e-rte .e-tooltxt.e-active .e-btn.e-ntouch.e-disable.e-select:focus {
  
}
.e-rte .e-tooltxt.e-active .e-btn.e-select,
.e-rte .e-tooltxt.e-active .e-btn.e-ntouch.e-disable.e-select {
  
}
.e-rte .e-tooltxt.e-active .e-btn.e-select span.e-icon,
.e-rte .e-tooltxt.e-active .e-btn.e-ntouch.e-disable.e-select span.e-icon {
  
}
.e-rte .e-tooltxt .e-btn.e-select:hover {
  
}
.e-rte .e-tooltxt .e-btn.e-ntouch.e-select:hover {
  background: #e0e0e0;
}
.e-rte .e-rteItem-orderedList .e-split,
.e-rte .e-rteItem-unorderedList .e-split {
  box-shadow: none;
  border-radius: 0px;
  height: 36px !important;
}
.e-responsive-toolbar .e-rte-lists.e-ul .e-rteItem-unorderedList.e-tooltxt .e-split,
.e-responsive-toolbar .e-rte-lists.e-ul .e-rteItem-orderedList.e-tooltxt .e-split {
  height: 24px !important;
  width: 36px !important;
}
.e-rte .e-toolbar.e-js ul > li.e-tooltxt .e-split {
  box-shadow: none;
  border-radius: 0px;
  height: 36px !important;
}
.e-rte .e-toolbar.e-js ul > li.e-tooltxt .e-ddl .e-in-wrap {
  
}
.e-rte .e-toolbar.e-js ul > li.e-tooltxt .e-ddl .e-in-wrap {
  /*material*/
  border-width: 0 0 0 0;
}
.e-rte .e-horizontal.e-separator > li:last-child {
  /*material*/
  margin-right: 4px;
}
.e-rte .e-rte-toolbar .e-icon.e-toolbar-res-arrow,
.e-rte .e-rte-toolbar.e-rtl .e-icon.e-toolbar-res-arrow {
  /*material*/
  padding-top: 0px !important;
}
.e-rte .e-toolbar .e-icon.e-toolbar-res-arrow {
  height: 26px;
  margin-top: 5px;
}
.e-rte .e-toolbar.e-rtl .e-rteItem-unorderedList {
  /*material*/
  margin-right: 0px;
}
.e-rte .e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:first-child {
  /*material*/
  margin-right: 4px;
}
.e-rte .e-toolbar.e-rtl .e-ul.e-horizontal.e-separator .e-tooltxt:last-child {
  /*material*/
  margin-left: 0;
}
.e-rte .e-toolbar.e-rtl > .e-horizontal.e-separator {
  /*material*/
  margin-right: 4px;
  border-left: 0px;
}
.e-rte .e-background-color,
.e-rteItem-backgroundColor .e-background-color,
.e-rte .e-font,
.e-rteItem-fontColor .e-font {
  /*material*/
  width: 24px;
  height: 24px;
}
.e-rte .e-toolbar > ul > li {
  /*material*/
  padding: 10px;
}
.e-rte .e-toolbar .e-ul .e-tooltxt .e-ddl .e-select {
  /*material*/
  background: #fafafa;
}
.e-rte .e-toolbar .e-ul .e-tooltxt .e-ddl .e-input {
  /*material*/
  background: #fafafa;
}
.e-rte .e-toolbar .e-rte-format.e-ul .e-tooltxt .e-ddl .e-input {
  
}
.e-rte .e-toolbar.e-rtl .e-rte-format.e-ul .e-tooltxt .e-ddl .e-input {
  
}
.e-rte .e-toolbar .e-ul .e-tooltxt .e-ddl.e-widget.e-popactive .e-select {
  /*material*/
  width: 24px;
}
.e-rte .e-split.e-widget .e-in-wrap.e-splitarrowright .e-split-btn.e-left-btn {
  /*material*/
  border: 0px;
}
.e-rte-button .e-rte-btn.e-button.e-select,
.e-rte.e-findandreplace.e-dialog .e-widget-content .e-btn.e-select {
  color: #ff4081;
  background: white;
  box-shadow: none;
  border-radius: 0px;
}
.e-rte-button .e-rte-btn.e-button.e-btn.e-select:hover,
.e-rte.e-findandreplace.e-dialog .e-widget-content .e-btn.e-select:hover {
  background: rgba(0, 0, 0, 0.12);
  box-shadow: none;
  border-radius: 0px;
}
.e-rte-button .e-rte-btn.e-button.e-btn.e-select:active,
.e-rte.e-findandreplace.e-dialog .e-widget-content .e-btn.e-select:active {
  background: rgba(255, 64, 129, 0.12);
}
.e-rte .e-toolbar.e-rtl {
  padding-right: 24px;
}
.e-rte-format.e-ul.e-horizontal.e-separator.e-comnrtl {
  margin-right: 0px;
}
.e-responsive-toolbar > .e-horizontal.e-ul:first-child {
  padding-left: 0px;
}
.e-rte-orderlistname.e-menu.e-context .e-list.e-mhover,
.e-rte-unorderlistname.e-menu.e-context .e-list.e-mhover,
.e-rte-orderlistname.e-menu.e-context .e-mhover > .e-menulink,
.e-rte-unorderlistname.e-menu.e-context .e-mhover > .e-menulink {
  background: white;
}
.e-rte .e-toolbar.e-js ul > li.e-tooltxt .e-ddl {
  
}
.e-rte .e-toolbar.e-js ul > li.e-tooltxt .e-split {
  
}
.e-rte-unorderlistname.e-menu {
  
}
.e-rte-orderlistname.e-menu {
  
}
.e-rte-unorderlistname.e-menu li.e-list,
.e-rte-orderlistname.e-menu li.e-list {
  
}
.e-rte-toolbar-icon.e-rte-unlistitems.customUnOrder.e-list {
  
}
.e-rte-toolbar-icon.e-rte-listitems.customOrder.e-list {
  
}
.e-rtlrte label {
  height: 12px;
  line-height: 10px;
}
.e-rte-orderlistname.e-menu.e-context.e-split,
.e-rte-unorderlistname.e-menu.e-context.e-split,
.e-rte-colorpalette.e-menu.e-context.e-split,
.e-rte-orderlistname.e-menu.e-widget.e-split li.e-list,
.e-rte-unorderlistname.e-menu.e-widget.e-split li.e-list {
  
}
/*---------------- RTE Theme End------------------*/


/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- MetroLight Skin -------------------------------------------*/

.e-waitpopup-pane .e-image {
  background-color: white;
  background-image: url(images/waitingpopup.gif);
}
.e-waitpopup-pane {
  
  color: white;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.e-waitpopup-pane {
  /*material*/
  background-color: rgba(0, 0, 0, 0.54);
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-chkbox-wrap {
  display: inline-flex;
}
.e-chkbox-wrap.e-tb-cell .e-text,
.e-chkbox-wrap.e-tb-cell div {
  display: table-cell;
  padding: 0px 5px 2px 5px;
}
.e-chkbox-wrap.e-check-small.e-tb-cell .e-text {
  padding: 0px 5px 2px 5px;
}
.e-chkbox-wrap.e-focus div > span {
  box-shadow: 0 0 2px #d4d4d4;
}
.e-chkbox-wrap div > span {
  
}
.e-chkbox-wrap div > span {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: white;
}
.e-chkbox-wrap.e-disable {
  opacity: 0.26;
}
.e-chkbox-wrap div > span.e-chk-act,
.e-chkbox-wrap div > span:hover {
  
}
.e-chkbox-wrap div > span:hover {
  
}
.e-chkbox-wrap div > span:hover {
  border-color: rgba(0, 0, 0, 0.54);
}
.e-chkbox-wrap div > span.e-chk-act {
  border-color: #ff4081;
  
}
.e-chkbox-wrap.e-widget.e-disable div > span.e-chk-act,
.e-chkbox-wrap.e-widget.e-disable div > span.e-chk-indeter,
.e-chkbox-wrap.e-disable div > span {
  border-color: rgba(0, 0, 0, 0.26);
}
.e-chkbox-wrap .e-chk-image.e-stop,
.e-chkbox-wrap .e-chk-image.e-checkmark {
  background-color: #3f51b5;
  
}
.e-chkbox-wrap .e-chk-image.e-stop,
.e-chkbox-wrap .e-chk-image.e-checkmark {
  /*material*/
  color: white;
  background-color: #ff4081;
}
.e-chkbox-wrap.e-disable .e-chk-image.e-stop,
.e-chkbox-wrap.e-disable .e-chk-image.e-checkmark {
  
}
.e-chkbox-wrap .e-chk-image.e-stop {
  color: rgba(0, 0, 0, 0.54);
  background-color: white;
}
.e-chkbox-wrap .e-chk-image.e-stop:before {
  content: "\e833";
}
.e-chkbox-wrap.e-disable .e-chk-image.e-checkmark {
  background-color: rgba(0, 0, 0, 0.26);
}
.e-chkbox-wrap .e-text {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 12px;
  color: #212121;
}
.e-chkbox-wrap .e-text {
  font-size: 13px;
}
.e-check-small.e-chkbox-wrap .e-text {
  vertical-align: middle;
  margin-top: -7px;
}
.e-check-medium.e-chkbox-wrap .e-text {
  vertical-align: middle;
  margin-top: -15px;
}
.e-material-animate.e-chkbox-wrap .e-chk-act::before {
  border-radius: 50%;
  position: absolute;
  box-sizing: border-box;
  top: 43%;
  right: 6px;
  transform: scale(0);
  -webkit-transform: scale(0);
  width: 3px;
  height: 3px;
  content: '';
  border: 1px solid rgba(0, 0, 0, 0.7);
  animation: smallShadow 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
  background: rgba(0, 0, 0, 0.7);
}
.e-material-animate.e-chkbox-wrap .e-chk-inact::after {
  border-radius: 50%;
  position: absolute;
  box-sizing: border-box;
  top: 43%;
  right: 6px;
  transform: scale(0);
  -webkit-transform: scale(0);
  width: 3px;
  height: 3px;
  background: rgba(255, 64, 129, 0.7);
  content: '';
  border: 1px solid rgba(255, 64, 129, 0.7);
  animation: smallShadow 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.e-material-animate.e-chkbox-wrap .e-chkbox-medium .e-chk-act::before {
  right: 8.7px;
  top: 45%;
  animation: mediumShadow 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.e-material-animate.e-chkbox-wrap .e-chkbox-medium .e-chk-inact::after {
  right: 8.7px;
  top: 45%;
  animation: mediumShadow 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@keyframes mediumShadow {
  100% {
    opacity: 0;
    transform: scale(18, 18);
  }
}
@keyframes smallShadow {
  100% {
    opacity: 0;
    transform: scale(15, 15);
  }
}
.e-chkbox-wrap div > span.e-chk-act:hover {
  
}
.e-chkbox-wrap.e-disable div > span.e-chk-act {
  
}
.e-chkbox-wrap.e-disable .e-chk-image.e-checkmark {
  
}
.e-chkbox-wrap.e-disable div > span:hover {
  
}
.e-chkbox-wrap.e-disable div > span {
  
}
.e-chkbox-wrap.e-disable div > span.e-chk-act:hover {
  
}
.e-chkbox-wrap div > span.e-chk-indeter {
  
}
.e-chkbox-wrap div > span.e-chk-indeter:hover {
  
}
.e-radiobtn-wrap.e-disable > span {
  
}
.e-chkbox-wrap.e-disable div > span.e-chk-indeter {
  
}
.e-chkbox-wrap.e-disable div > span {
  
}
.e-chkbox-wrap.e-disable {
  
}
.e-chkbox-wrap.e-disable .e-chk-image.e-stop,
.e-chkbox-wrap.e-disable .e-chk-image.e-checkmark {
  
}
.e-chkbox-wrap .e-chk-act,
.e-chkbox-wrap .e-chk-inact,
.e-chkbox-wrap .e-chk-indeter {
  box-sizing: content-box;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-radiobtn-wrap > span {
  background-image: none;
  
}
.e-radiobtn-wrap > span {
  /*material*/

  border-color: rgba(0, 0, 0, 0.54);
  background-color: white;
}
.e-radiobtnwrap.e-disable > span,
.e-radiobtn-wrap.e-disable > span.e-rad-active,
.e-radiobtn-wrap.e-disable > span.e-rad-active:hover,
.e-radiobtn-wrap.e-disable .e-circle_01,
.e-radiobtn-wrap.e-disable > span:hover {
  border-color: rgba(0, 0, 0, 0.26);
}
.e-radiobtn-wrap > span.e-rad-active,
.e-radiobtn-wrap > span.e-rad-active:hover {
  border-color: #e0e0e0;
}
.e-radiobtn-wrap > span.e-rad-active,
.e-radiobtn-wrap > span.e-rad-active:hover {
  border-color: #ff4081;
}
.e-radiobtn-wrap > span.e-rad-active {
  
}
.e-radiobtn-wrap.e-disable > span.e-rad-active {
  
}
.e-radiobtn-wrap > span.e-rad-active:hover {
  
}
.e-radiobtn-wrap.e-disable > span.e-rad-active:hover {
  
}
.e-radiobtn-wrap > span:hover {
  
}
.e-radiobtn-wrap.e-disable > span:hover {
  
}
.e-radiobtn-wrap.e-focus > span {
  box-shadow: 0 0 2px #d4d4d4;
}
.e-radiobtn-wrap .e-spanicon {
  box-sizing: content-box;
}
.e-radiobtn-wrap .e-rad-select {
  background: none repeat scroll 0 0 transparent;
}
.e-radiobtn-wrap .e-circle_01 {
  color: #3f51b5;
  border-color: #3f51b5;
  
}
.e-radiobtn-wrap .e-circle_01 {
  border-color: #ff4081;
  color: #ff4081;
}
.e-radiobtn-wrap .e-circle_01:hover {
  
}
.e-radiobtn-wrap.e-disable .e-circle_01,
.e-radiobtn-wrap.e-disable .e-text {
  
}
.e-radiobtn-wrap.e-disable .e-circle_01,
.e-radiobtn-wrap.e-disable .e-text {
  color: rgba(0, 0, 0, 0.26);
}
.e-radiobtn-wrap .e-text {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 12px;
  color: #212121;
}
.e-radiobtn-wrap .e-text {
  font-size: 13px;
}
.e-radiobtn-wrap span.e-rad-icon.e-icon.e-rad-select:before {
  content: "\e686";
  font-size: 0px;
  color: #ff4081;
}
@keyframes rippleEffect {
  0% {
    opacity: 1;
    box-shadow: 0 0 0 0px #ff4081;
  }
  100% {
    box-shadow: 0 0 0 15px white;
    opacity: 0;
  }
}
@keyframes back_rippleEffect {
  0% {
    box-shadow: 0 0 0 15px white;
    opacity: 1;
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0 0px #ff4081;
  }
}
.e-radiobtn-wrap span.e-spanicon.e-rad-active {
  border-radius: 100%;
  z-index: 1;
}
.e-radiobtn-wrap.e-material-animate span.e-spanicon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.e-radiobtn-wrap.e-material-animate span.e-spanicon:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  opacity: 0;
}
.e-radiobtn-wrap.e-material-animate span.e-spanicon.e-rad-active:after {
  animation: rippleEffect 0.3s linear 0ms;
}
.e-radiobtn-wrap.e-material-animate span.e-spanicon:after {
  animation: back_rippleEffect 0.3s linear 0ms;
}
.e-radiobtn-wrap.e-disable .e-circle_01,
.e-radiobtn-wrap.e-disable span.e-rad-select {
  
}
.e-radiobtn-wrap.e-disable > span {
  
}
.e-radiobtn-wrap.e-disable {
  
}
.e-radiobtn-wrap.e-disable.e-focus > span {
  
}
.e-radiobtn-wrap .e-spanicon.e-radsmaller .e-icon.e-rad-icon,
.e-radiobtn-wrap .e-radmedium .e-rad-icon {
  text-indent: 0px;
}
.e-radiobtn-wrap.e-ie8 .e-spanicon.e-radsmaller .e-icon.e-rad-icon {
  /* IE8 */
  text-indent: 2px;
  line-height: 12px;
  padding: 0.5px;
  font-size: 8px;
  
}
.e-radiobtn-wrap.e-ie8 .e-spanicon.e-radsmaller .e-icon.e-rad-icon {
  /* IE 8 */
  font-size: 10px;
  text-indent: 2.5px;
  line-height: 15px;
}
.e-radiobtn-wrap.e-ie8 .e-radmedium .e-rad-icon {
  /* IE 8 */
  font-size: 9px;
  text-indent: 3px;
  line-height: 15px;
  
}
.e-radiobtn-wrap.e-ie8 .e-radmedium .e-rad-icon {
  /* IE 8 */
  font-size: 12px;
  text-indent: 2px;
  line-height: 18px;
}
.e-radiobtn-wrap.e-rtl .e-spanicon.e-radsmaller .e-icon.e-rad-icon {
  
}
.e-radiobtn-wrap.e-rtl .e-spanicon.e-radsmaller .e-icon.e-rad-icon {
  width: 0.98em;
}
.e-radiobtn-wrap.e-rtl > span.e-radmedium > span.e-rad-icon {
  
}
.e-radiobtn-wrap.e-rtl > span.e-radmedium > span.e-rad-icon {
  width: 1.25em;
}
.e-ie8.e-radiobtn-wrap .e-radmedium.e-spanicon .e-rad-icon.e-icon,
.e-ie8.e-radiobtn-wrap .e-radsmaller.e-spanicon .e-rad-icon.e-icon {
  width: 1.6em;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- GroupButton -------------------------------------------*/

.e-groupbutton {
  
}
.e-groupbutton {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 2px;
  height: 32px;
  background-color: #fafafa;
}
.e-groupbutton > .e-ul > .e-grp-btn-item {
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
}
.e-groupbutton-hSmall {
  min-height: 26px;
}
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content.e-groupBtn-padding {
  padding: 0px;
}
.e-groupbutton.e-focus {
  
}
.e-groupbutton > .e-ul > .e-grp-btn-item:focus {
  
}
.e-groupbutton > .e-ul > .e-grp-btn-item:active {
  
}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item,
.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item,
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item,
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.e-border-left,
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.e-border-bottom {
  border-color: #e0e0e0;
}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.e-disable,
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.e-disable {
  
}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.e-disable,
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.e-disable {
  color: rgba(0, 0, 0, 0.38);
}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.e-disable .e-icon,
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.e-disable .e-icon {
  color: rgba(0, 0, 0, 0.26);
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-select {
  
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-select {
  background-color: #bdbdbd;
}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item {
  padding-left: 12px;
  padding-right: 12px;
}
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item {
  padding-top: 12px;
  padding-bottom: 12px;
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active.e-hover .e-btn-content .e-btntxt {
  
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active.e-hover .e-btn-content .e-btntxt {
  color: rgba(0, 0, 0, 0.87);
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active.e-hover,
.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-active.e-hover {
  border-color: #e0e0e0;
  
}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item {
  border-right-color: transparent;
}
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item {
  border-bottom-color: transparent;
}
.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item {
  border-left-color: transparent;
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-hover,
.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
  
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-hover,
.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.last,
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.last.e-hover {
  border-right-color: #e0e0e0;
  
}
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.last,
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.last.e-hover {
  border-bottom-color: #e0e0e0;
  
}
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > a.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > span.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > div.e-btntxt {
  
}
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > a.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > span.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > div.e-btntxt {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 14px;
}
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > span.e-btntxt.e-grp-responsive {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > a.e-icon,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > span.e-icon,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > div.e-icon {
  
}
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > a.e-icon,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > span.e-icon,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > div.e-icon {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.54);
  height: 24px;
  width: 24px;
}
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > a.e-icon:before,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > span.e-icon:before,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > div.e-icon:before {
  height: 18px;
  width: 18px;
}
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > a.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > span.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > div.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > a.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > span.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > div.e-btntxt {
  color: rgba(0, 0, 0, 0.87);
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > a.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > span.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > div.e-btntxt,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > a.e-icon,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > span.e-icon,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > div.e-icon {
  
}
.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.last,
.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.last.e-hover {
  border-left-color: #e0e0e0;
  
}
.e-groupbutton > .e-ul > .e-disable .e-btn-content > span.e-btntxt,
.e-groupbutton > .e-ul > .e-disable .e-btn-content > a.e-btntxt,
.e-groupbutton > .e-ul > .e-disable .e-btn-content > div.e-btntxt,
.e-groupbutton > .e-ul > .e-disable.e-active .e-btn-content > span.e-btntxt,
.e-groupbutton > .e-ul > .e-disable.e-active .e-btn-content > a.e-btntxt,
.e-groupbutton > .e-ul > .e-disable.e-active .e-btn-content > div.e-btntxt {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
}
.e-groupbutton > .e-ul > .e-disable.e-active {
  background-color: transparent;
}
.e-groupbutton > .e-ul > .e-disable .e-btn-content > span.e-icon {
  /*font-family: roboto Medium;*/
  font-size: 14px;
  color: rgba(0, 0, 0, 0.26);
}
.e-groupbutton.e-disable {
  background: rgba(0, 0, 0, 0.12);
  box-shadow: none;
}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
  border-right-color: #e0e0e0;
  
}
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.e-hover {
  border-bottom-color: #e0e0e0;
  
}
.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
  border-left-color: #e0e0e0;
  
}
.e-groupbutton.e-rtl > .e-vertical.e-ul > .e-grp-btn-item.e-hover {
  border-left-color: #e0e0e0;
  
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active:not(:active):after,
.e-groupbutton > .e-ul > .e-grp-btn-item:not(:active):after {
  background-color: rgba(255, 255, 255, 0.5);
}
.e-groupbutton.e-disable {
  
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-innerIncrement:hover {
  background-image: url(../common-images/maps/Zoom-In_hover.png);
}
.e-legendLabelContent {
  color: #212121;
}
.e-map {
  color: #212121;
  background-color: white;
  border-color: #e0e0e0;
}
.e-drilldownHeader {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
}
.e-map-home {
  background-image: url(../common-images/maps/Home.png);
}
.e-map-labelContainer {
  width: 200px;
  height: 400px;
  border: 1px solid gray;
}
.e-map-label {
  cursor: pointer;
  color: black;
  padding: 5px;
}
.e-map-label:hover {
  background-color: #eeeeee;
}
.e-map-home {
  height: 30px;
  width: 30px;
}
.e-map-home:hover {
  background-image: url(../common-images/maps/Home_hover.png);
}
.e-map-contribution {
  border-color: #dbdbde;
  right: 0;
  bottom: 0;
  font-family: sans-serif;
  font-weight: normal;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  padding: 2px 4px;
  z-index: 1000;
  border-style: solid;
  border-width: 1px;
}
.sliderParent {
  height: 150px;
  width: 10px;
  margin-top: -197px;
  margin-left: 34px;
}
.e-innerIncrement {
  background-image: url(../common-images/maps/Zoom-In.png);
  height: 25px;
  width: 25px;
}
.e-innerDecrement:hover {
  background-image: url(../common-images/maps/Zoom-out_hover.png);
}
.e-innerDecrement {
  background-image: url(../common-images/maps/Zoom-out.png);
  height: 25px;
  width: 25px;
}
.nav-dec-Vert {
  margin-top: 150px;
  margin-left: 27px;
}
.nav-inc-Vert {
  margin-top: 40px;
  margin-left: 27px;
}
.nav-dec-Horz {
  margin-top: -24px;
  margin-left: 0px;
}
.nav-inc-Horz {
  margin-top: -29px;
  margin-left: 175px;
}
.e-radialTop {
  height: 20px;
  margin-left: 15px;
  width: 52px;
}
.e-arrowUp:hover {
  background-image: url(../common-images/maps/Arrow_Top_hover.png);
}
.e-arrowUp {
  background-image: url(../common-images/maps/Arrow_Top.png);
  height: 20px;
  width: 52px;
}
.e-radialLeft {
  height: 52px;
  width: 20px;
  margin-top: -4px;
}
.e-radialRight {
  margin-left: 61px;
  margin-top: -53px;
  height: 52px;
  width: 20px;
}
.e-arrowLeft:hover {
  background-image: url(../common-images/maps/Arrow_Left_hover.png);
}
.e-arrowLeft {
  background-image: url(../common-images/maps/Arrow_Left.png);
  height: 52px;
  width: 20px;
}
.e-radialBottom {
  height: 20px;
  margin-left: 15px;
  margin-top: -6px;
  width: 52px;
}
.e-arrowRight:hover {
  background-image: url(../common-images/maps/Arrow_Right_hover.png);
}
.e-arrowRight {
  background-image: url(../common-images/maps/Arrow_Right.png);
  height: 52px;
  width: 20px;
}
.e-arrowDown:hover {
  background-image: url(../common-images/maps/Arrow_Bootom_hover.png);
}
.e-arrowDown {
  background-image: url(../common-images/maps/Arrow_Bootom.png);
  height: 20px;
  width: 52px;
}
.e-home-bg {
  height: 30px;
  width: 30px;
  margin-top: -55px;
  margin-left: 25px;
}
.e-interactivelegend-title {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  pointer-events: none;
  text-align: left;
  position: absolute;
}
.e-interactivelegend-leftlabel {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  pointer-events: none;
  text-align: left;
  position: absolute;
}
.e-interactivelegend-rightlabel {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  pointer-events: none;
  text-align: left;
  position: absolute;
}
.e-legend-rangestartlabel {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  pointer-events: none;
  text-align: left;
  position: absolute;
}
.e-legend-rangeendlabel {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  pointer-events: none;
  text-align: left;
  position: absolute;
}
.e-legendlabeltext {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  pointer-events: none;
  text-align: left;
  position: absolute;
}
.e-defaultToolTip {
  border: 1px solid #404041;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin-right: 25px;
  min-width: 30px;
  height: 20px;
  padding-top: 9px;
  padding-right: 10px;
  padding-left: 10px;
  width: auto;
  opacity: 0.85;
  background: white;
}
.e-defaultToolTip:before {
  position: absolute;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid #404041;
  border-bottom: 7px solid transparent;
  background: transparent;
  opacity: 0.85;
  left: 4px;
  top: -16px;
  content: '';
}
.e-defaultToolTip:after {
  position: absolute;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid white;
  border-bottom: 7px solid transparent;
  left: 6px;
  top: -16px;
  content: '';
}
.e-defaultlegend-title {
  color: black;
  font-size: 17px;
}
.e-labelStyle {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 14px;
  white-space: nowrap;
}
.e-smartLabelStyle {
  padding: 3px;
  font-weight: normal;
  color: black;
  width: auto;
  height: 20px;
  text-align: center;
  font-size: 14px;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-smartLabelStyle:hover {
  cursor: pointer;
}
.e-mapSelectedShape {
  opacity: 1;
}
.e-mapDragSelection {
  border: 2px solid red;
}
.e-mapHighlightedShape {
  opacity: 1;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-drilldownHeader {
  font-size: 15px;
  text-indent: 10px;
}
.e-drilldownlabel {
  color: white;
}
.e-drilldownlabel:hover {
  text-decoration: underline;
}
.e-drilldownarrow {
  fill: white;
  stroke: transparent;
  stroke-width: 1px;
  zoom: 1;
}
.e-treemap-leaflabel {
  font-size: 14px;
  font-weight: normal;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  color: white;
}
.e-treemap-legendLabel {
  font-size: 12px;
}
.e-treemap-label {
  font-size: 14px;
}
.e-treemap-header {
  font-size: 15px;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-pivotschemadesigner .e-hoverCell,
.e-pivotgrid .e-hoverCell {
  background-color: #e0e0e0 !important;
}
.e-pivotschemadesigner .e-schemaBtnUnique {
  white-space: initial !important;
}
.e-pivotschemadesigner *:focus:hover {
  outline: none;
}
.e-pivotgrid .e-headerItem {
  border: none !important;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  overflow: hidden !important;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.e-pivotgrid table {
  
  border-collapse: collapse;
  background-color: white;
  cursor: default;
}
.e-pivotgrid table {
  /*material*/
  font-family: 'Roboto', Segoe UI;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
}
.e-pivotgrid .e-chkbox-wrap .e-chk-image.e-stop,
.e-pivotgrid .e-chkbox-wrap .e-chk-image.e-checkmark,
.e-pivotschemadesigner .e-chkbox-wrap .e-chk-image.e-stop,
.e-pivotschemadesigner .e-chkbox-wrap .e-chk-image.e-checkmark {
  color: white !important;
  background-color: #ff4081 !important;
}
.e-pivotgrid .e-filterValues,
.e-pivotschemadesigner .e-filterValues {
  background-color: white;
}
.e-pivotgrid .e-conditionFrom,
.e-conditionTo {
  background-color: inherit;
  
}
.e-pivotgrid .e-conditionFrom,
.e-conditionTo {
  color: rgba(0, 0, 0, 0.87);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  outline: none;
}
.e-pivotgrid .e-hoverBtn {
  background: #e0e0e0;
}
.e-tooltipText {
  font-size: 12px;
  text-align: left;
  height: auto;
  font-weight: normal;
  
}
.e-tooltipText {
  /*material*/
  font-family: 'Roboto', Segoe UI;
  color: white;
  margin: 5px 0 10px 0;
}
.e-pivotgrid .e-reSizeColbg {
  border-left-color: #e0e0e0;
  
}
.e-pivotgrid .e-editcondition,
.e-pivotgrid .e-value2,
.e-pivotgrid .e-borderrangeLbl,
.e-pivotgrid .e-borderstyleLbl,
.e-pivotgrid .e-fSizeLbl {
  margin-left: 15px;
}
.e-pivotgrid input.inputConditionMbl[type=number]::-webkit-inner-spin-button,
.e-pivotgrid input.inputConditionMbl[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.e-pGridTooltip {
  position: fixed !important;
  z-index: 500;
  display: none;
  border-width: 10px;
  height: auto;
  
}
.e-pGridTooltip {
  /*material*/
  font-family: 'Roboto', Segoe UI;
  background: #616161;
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 5px 8px;
}
.e-pivotgrid .e-pivotGridTable th,
.e-pivotgrid .e-pivotGridTable td {
  overflow: hidden;
  
}
.e-pivotgrid .e-pivotGridTable th,
.e-pivotgrid .e-pivotGridTable td {
  border: solid 1px #e0e0e0;
}
.e-pivotgrid th,
.e-pivotgrid td {
  
  white-space: nowrap;
  height: 25px;
  font-weight: normal;
}
.e-pivotgrid th,
.e-pivotgrid td {
  padding: 11px 2px 11px 8px;
}
.e-pivotgrid .value {
  background-color: white;
  
}
.e-pivotgrid .value {
  padding: 11px 24px 11px 35px;
  text-align: right !important;
}
.e-pivotgrid .summary {
  white-space: nowrap;
  text-align: left;
  
}
.e-pivotgrid .summary {
  font-weight: bold !important;
}
.e-pivotgrid .colheader,
.e-pivotgrid .rowheader,
.e-pivotgrid .calc {
  
  background: white;
  background-repeat: repeat;
  text-align: left;
  font-style: normal;
}
.e-pivotgrid .colheader,
.e-pivotgrid .rowheader,
.e-pivotgrid .calc {
  font-weight: bold;
  /*material*/
  color: rgba(0, 0, 0, 0.87);
  padding: 11px 40px 11px 14px;
}
.e-pivotgrid .colheader:hover,
.e-pivotgrid .rowheader:hover,
.e-pivotgrid .calc:hover {
  
  background: #e0e0e0;
  background-repeat: repeat;
  text-align: left;
  font-style: normal;
}
.e-pivotgrid .colheader:hover,
.e-pivotgrid .rowheader:hover,
.e-pivotgrid .calc:hover {
  font-weight: bold;
  /*material*/
  color: rgba(0, 0, 0, 0.87);
  padding: 11px 40px 11px 14px;
}
.e-pivotgrid {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.e-cellSelection {
  background: #e0e0e0;
  filter: alpha(opacity=50);
  opacity: 0.5;
  position: absolute;
  border-style: dotted;
  border-width: 3px;
  border-color: #e0e0e0;
}
.e-pivotgrid .value.selection {
  cursor: crosshair;
}
.e-pivotgrid.e-rtl .colheader,
.e-pivotgrid.e-rtl .colheader:hover,
.e-pivotgrid.e-rtl .rowheader,
.e-pivotgrid.e-rtl .rowheader:hover {
  
}
.e-pivotgrid.e-rtl .colheader,
.e-pivotgrid.e-rtl .colheader:hover,
.e-pivotgrid.e-rtl .rowheader,
.e-pivotgrid.e-rtl .rowheader:hover {
  padding: 11px 24px 11px 40px;
}
.e-pivotgrid table .e-expand,
.e-pivotgrid table .e-collapse {
  height: 17px;
  display: inline-block;
  cursor: pointer;
  
}
.e-pivotgrid table .e-expand,
.e-pivotgrid table .e-collapse {
  margin-left: -2px;
  margin-right: 12px;
}
.e-pivotgrid table .e-expand,
.e-pivotgrid table .e-collapse {
  width: 23px;
}
.e-pivotgrid .e-errOKBtn {
  display: inline-block;
  
}
.e-pivotgrid .e-errOKBtn {
  float: right;
  width: 64px;
}
.e-pivotgrid.e-rtl .e-errOKBtn {
  
}
.e-pivotgrid.e-rtl .e-errOKBtn {
  float: left;
  width: 64px;
  margin-right: 150px !important;
}
.e-pivotgrid .e-dialogremoveBtn:before {
  font-family: "ej-webfont";
  content: "\e711";
  display: inline-block;
}
.e-pivotgrid table .e-expand:before {
  content: "\e6a3";
  display: inline-block;
  float: left;
  margin-top: 5px;
  
}
.e-pivotgrid table .e-expand:before {
  margin-left: 9px;
  font-size: 7px;
}
.e-pivotgrid.e-rtl .e-pGridTooltip > p {
  direction: ltr;
  text-align: right;
}
.e-pivotgrid .e-pGridTooltip p {
  white-space: nowrap;
}
.e-pivotgrid.e-rtl table .e-expand:before {
  content: "\e699";
  
}
.e-pivotgrid.e-rtl table .e-expand:before {
  font-size: 23px;
  margin-top: -3px;
}
.e-pivotgrid.e-rtl table .e-collapse:before {
  margin-left: 0px;
}
.e-pivotgrid table .e-collapse:before {
  content: "\e6a0";
  display: inline-block;
  float: left;
  margin-top: 5px;
  
}
.e-pivotgrid table .e-collapse:before {
  margin-left: 7px;
  font-size: 6px;
}
.e-pivotgrid.e-rtl .e-removeBtn:before,
.e-pivotgrid.e-rtl .e-sorting:before,
.e-pivotgrid.e-rtl .filter:before {
  float: left;
  margin-left: 4px;
  margin-right: 0px;
}
.e-pivotgrid .kpiiconvalue {
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.e-pivotgrid .kpiuparrow {
  background-image: url("../common-images/pivotgrid/up-arrow.png");
}
.e-pivotgrid .kpirightarrow {
  background-image: url("../common-images/pivotgrid/right-arrow.png");
}
.e-pivotgrid .kpidownarrow {
  background-image: url("../common-images/pivotgrid/down-arrow.png");
  background-position: center center;
}
.e-pivotgrid .kpidiamond {
  background-image: url("../common-images/pivotgrid/diamond.png");
  background-position: center center;
}
.e-pivotgrid .kpitriangle {
  background-image: url("../common-images/pivotgrid/triangle.png");
  background-position: center center;
}
.e-pivotgrid .kpicircle {
  background-image: url("../common-images/pivotgrid/circle.png");
  background-position: center center;
}
.e-pivotgrid .kpiredroad {
  background-image: url("../common-images/pivotgrid/red.png");
  background-position: center center;
}
.e-pivotgrid .kpigreenroad {
  background-image: url("../common-images/pivotgrid/green.png");
  background-position: center center;
}
.e-pivotgrid .kpiallcolor {
  background-image: url("../common-images/pivotgrid/three-color.png");
  background-position: center center;
}
.e-pivotgrid .hyperlinkValueCell {
  color: #3f51b5;
  text-decoration: underline;
  cursor: pointer;
}
.e-pivotgrid .hyperlinkHeaderCell {
  color: #3f51b5;
  text-decoration: underline;
  cursor: pointer;
}
.e-pivotgrid .e-vScrollPanel {
  background: transparent;
  border: 0.5px solid transparent;
  width: 8px;
  margin-left: 8px;
  display: inline-block;
}
.e-pivotgrid .e-hScrollPanel {
  background: transparent;
  border: 0.5px solid transparent;
  height: 8px;
  margin-top: 4px;
}
.e-pivotgrid .e-vScrollThumb {
  width: 6px;
  position: relative;
  top: 1px;
  left: 1px;
  background-color: #bdbdbd;
  border: 0.5px solid #9e9e9e;
}
.e-pivotgrid .e-hScrollThumb {
  height: 6px;
  position: relative;
  left: 1px;
  
  background-color: #bdbdbd;
  border: 0.5px solid #9e9e9e;
}
.e-pivotgrid .e-hScrollThumb {
  top: -1px;
}
.e-pivotgrid .e-categPageIndicator,
.e-pivotgrid .e-seriesPageIndicator {
  
  background: #616161;
  border: 1px solid transparent;
  border-radius: 2px;
  color: white;
}
.e-pivotgrid .e-categPageIndicator,
.e-pivotgrid .e-seriesPageIndicator {
  padding: 5px 8px;
  width: auto;
  position: absolute;
  font-family: 'Roboto', Segoe UI;
  font-size: 12px;
}
.e-pivotgrid.e-rtl .e-seriesPageIndicator .axislabel,
.e-pivotgrid.e-rtl .e-categPageIndicator .axislabel {
  float: right;
  margin-left: 5px;
}
.e-pivotgrid.e-rtl .e-seriesPageIndicator .series_CurrentPage,
.e-pivotgrid.e-rtl .e-categPageIndicator .categ_CurrentPage {
  float: left;
  margin-right: 2px;
}
.e-pivotgrid.e-rtl .e-seriesPageIndicator .series_pageCount,
.e-pivotgrid.e-rtl .e-categPageIndicator .categ_pageCount {
  float: right;
  margin-left: 2px;
}
.e-pivotgrid .e-vScrollThumb:hover,
.e-pivotgrid .e-hScrollThumb:hover {
  
}
.e-pivotgrid .e-vScrollThumb:hover,
.e-pivotgrid .e-hScrollThumb:hover {
  background-color: #9e9e9e;
  border: 0.5px solid #757575;
}
.e-pivotgrid .inActive {
  display: none;
}
.e-pivotgrid .dragging {
  
}
.e-pivotgrid .filter,
.e-pivotgrid .e-sorting,
.e-pivotgrid .e-removeBtn,
.e-pivotgrid .valueSorting {
  
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.e-pivotgrid .filter,
.e-pivotgrid .e-sorting,
.e-pivotgrid .e-removeBtn,
.e-pivotgrid .valueSorting {
  color: rgba(255, 255, 255, 0.7);
}
.e-pivotgrid .filter:before {
  
  float: right;
  margin-right: 4px;
}
.e-pivotgrid .filter:before {
  content: "\e669";
  font-size: 16px;
}
.e-pivotgrid .filter.filtered:before {
  content: "\e668";
  float: right;
}
.e-pivotgrid .e-sorting:before,
.e-pivotgrid .valueSorting:before {
  
  float: right;
  margin-right: 4px;
}
.e-pivotgrid .e-sorting:before,
.e-pivotgrid .valueSorting:before {
  content: "\e7fc";
  font-size: 16px;
}
.e-pivotgrid .e-sorting.descending:before,
.e-pivotgrid .valueSorting.descending:before {
  
  float: right;
}
.e-pivotgrid .e-sorting.descending:before,
.e-pivotgrid .valueSorting.descending:before {
  content: "\e7fd";
  font-size: 16px;
}
.e-pivotgrid .e-removeBtn:before {
  
  float: right;
  margin-right: 4px;
}
.e-pivotgrid .e-removeBtn:before {
  content: "\e60a";
  font-size: 16px;
}
.e-pivotgrid .e-memberEditorDiv {
  height: 256px;
  
  border: 1px solid #e0e0e0;
}
.e-pivotgrid .e-memberEditorDiv {
  margin-top: 24px;
}
.e-pivotgrid .e-editorTreeView {
  margin-top: 7px;
}
.e-pivotschemadesigner .e-memberDescendingIcon,
.e-pivotschemadesigner .e-memberAscendingIcon,
.e-pivotgrid .e-memberDescendingIcon,
.e-pivotgrid .e-memberAscendingIcon {
  display: inline-block;
  height: 20px;
  margin: 0px 10px;
  vertical-align: middle;
  width: 20px;
  
}
.e-pivotschemadesigner .e-memberAscendingIcon:before,
.e-pivotgrid .e-memberAscendingIcon:before {
  content: "\e714";
  font-size: 16px;
  margin: auto !important;
  margin-top: 2px !important;
}
.e-pivotschemadesigner .memberSortDiv,
.e-pivotgrid .memberSortDiv {
  margin-top: -3px;
}
.e-pivotschemadesigner div.memberSortingDiv > div.e-checkAllBox > label,
.e-pivotgrid div.memberSortingDiv > div.e-checkAllBox > label {
  font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 12px;
  font-weight: bold;
}
.e-pivotschemadesigner .advancedFilter div.memberSortingDiv > div.e-checkAllBox > label,
.e-pivotgrid .advancedFilter div.memberSortingDiv > div.e-checkAllBox > label {
  font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 12px;
  font-weight: normal !important;
}
.e-pivotschemadesigner .e-editorTreeView.e-treeViewUl ul,
.e-pivotgrid .e-editorTreeView.e-treeViewUl ul {
  padding-left: 0px !important;
}
.e-pivotschemadesigner .e-editorTreeView.e-treeViewUl li,
.e-pivotgrid .e-editorTreeView.e-treeViewUl li {
  padding-left: 16px !important;
}
.e-pivotschemadesigner .e-separateDiv {
  border: 0.5px solid;
  border-color: #e0e0e0;
}
.e-pivotschemadesigner .e-separateDiv,
.e-pivotgrid .e-separateDiv {
  border: 1px solid #e0e0e0 !important;
  border-bottom: none !important;
  margin: 9px 0px;
}
.e-pivotschemadesigner .e-memberDescendingIcon:before,
.e-pivotgrid .e-memberDescendingIcon:before {
  content: "\e713";
  font-size: 16px;
  margin: 2px;
}
.e-pivotschemadesigner .e-memberDescendingIcon:hover,
.e-pivotschemadesigner .e-memberAscendingIcon:hover,
.e-pivotgrid .e-memberDescendingIcon:hover,
.e-pivotgrid .e-memberAscendingIcon:hover {
  
  cursor: pointer;
}
.e-pivotschemadesigner .e-memberDescendingIcon:hover,
.e-pivotschemadesigner .e-memberAscendingIcon:hover,
.e-pivotgrid .e-memberDescendingIcon:hover,
.e-pivotgrid .e-memberAscendingIcon:hover {
  background-color: #3f51b5;
}
.e-pivotgrid .e-dialogOKBtn {
  width: 69px;
  
}
.e-pivotgrid.e-rtl .e-labelValueFilterDlg .e-dialogOKBtn {
  
}
.e-pivotgrid.e-rtl .e-labelValueFilterDlg .e-dialogOKBtn {
  margin-right: 55px;
  margin-left: 10px;
}
.e-pivotgrid.e-rtl .e-dialogOKBtn {
  
}
.e-pivotgrid.e-rtl .e-dialogOKBtn {
  margin-right: 68px;
  margin-left: 10px;
}
.e-pivotgrid .e-dialogCancelBtn {
  width: 69px;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.e-pivotgrid.e-rtl .e-dialogCancelBtn {
  margin-left: 0px;
}
.e-pivotgrid.e-rtl .e-labelValueFilterDlg .e-dialogCancelBtn {
  margin-left: 10px;
}
.e-pivotgrid .e-treeview .e-text {
  min-height: 20px;
  border: 1px solid transparent;
  
  cursor: move;
  color: #212121;
}
.e-pivotgrid .e-treeview .e-icon.e-stop:before,
.e-pivotschemadesigner .e-treeview .e-icon.e-stop:before {
  content: "\e657" !important;
}
.e-pivotgrid .e-dialog a.e-linkPanel,
.e-pivotschemadesigner .e-dialog a.e-linkPanel {
  text-decoration: underline;
  margin: -20px 0px 20px 0px;
}
.e-pivotgrid .e-dialog .e-infoImg.e-icon:before,
.e-pivotschemadesigner .e-dialog .e-infoImg.e-icon:before {
  content: "\e917";
  color: #d48e0b;
}
.e-pivotgrid .e-pivotButton {
  color: #424242;
  border-color: #e0e0e0;
}
.e-pivotgrid .e-pivotButton .e-btn {
  text-align: left !important;
}
.e-pivotgrid .e-pivotButton .e-btn {
  box-shadow: none;
  margin-left: 12px;
}
.e-pivotgrid .e-pivotButton .e-btn.e-select {
  border: none;
  
}
.e-pivotgrid .e-pivotButton .e-btn.e-select {
  height: 32px;
  background: #3f51b5;
  color: white;
  text-transform: none;
  padding: 0px 0px 1px;
}
.e-pivotgrid .e-pivotButton .e-btn.e-select:hover {
  border: none;
  
  border-color: #e0e0e0;
}
.e-pivotgrid .e-pivotButton .e-btn.e-select:hover {
  background: #3f51b5;
  box-shadow: none;
  color: white;
}
.e-pivotgrid .e-pivotButton.e-btn.e-select {
  border: none;
}
.e-pivotgrid .e-drag {
  color: white;
  /*color: #5c5c5c;*/

  
  background: #7986cb;
  /*background: @pager-default-bg-color;*/
  border: 1px solid #e0e0e0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.e-pivotgrid .e-drag {
  padding: 18px 0px;
  font-family: 'Roboto', Segoe UI;
  font-size: 14px;
}
.e-pivotgrid .e-pivotButton.e-btn .e-icon {
  padding: 0px;
}
.e-pivotgrid .values,
.e-pivotgrid .columns,
.e-pivotgrid .e-rows,
.e-pivotgrid .emptyRows {
  
  color: white;
  padding: 5px 0px 5px 0px;
  /*background: @groupingBar-bg-color;*/
  overflow: hidden;
  text-overflow: ellipsis;
}
.e-pivotgrid .values,
.e-pivotgrid .columns,
.e-pivotgrid .e-rows,
.e-pivotgrid .emptyRows {
  font-family: 'Roboto', Segoe UI;
  font-size: 14px;
}
.e-pivotgrid .values {
  border-right: 1px solid #e0e0e0;
}
.e-pivotgrid .emptyRows {
  background: #7986cb;
  border: 1px solid #e0e0e0;
}
.e-pivotgrid .valueColumn {
  background: #7986cb;
  height: auto;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.e-pivotgrid .values .e-pivotButton,
.e-pivotgrid .e-drag .e-pivotButton,
.e-pivotgrid .columns .e-pivotButton,
.e-pivotgrid .e-rows .e-pivotButton {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
}
.e-pivotgrid .values .e-pivotButton,
.e-pivotgrid .e-drag .e-pivotButton,
.e-pivotgrid .columns .e-pivotButton,
.e-pivotgrid .e-rows .e-pivotButton {
  background: #3f51b5;
  border: 1px solid #3f51b5;
}
.e-pivotgrid .values .e-pivotButton:hover,
.e-pivotgrid .e-drag .e-pivotButton:hover,
.e-pivotgrid .columns .e-pivotButton:hover,
.e-pivotgrid .e-rows .e-pivotButton:hover {
  
}
.e-pivotgrid .values .e-pivotButton:hover,
.e-pivotgrid .e-drag .e-pivotButton:hover,
.e-pivotgrid .columns .e-pivotButton:hover,
.e-pivotgrid .e-rows .e-pivotButton:hover {
  background: #3f51b5;
  border: 1px solid #3f51b5;
  box-shadow: none;
}
.e-pivotgrid .e-pivotButton,
.e-pivotgrid .e-rows,
.e-pivotgrid .valueColumn,
.e-pivotgrid .values,
.e-pivotgrid .columns {
  display: inline-block;
  vertical-align: top;
}
.e-pivotgrid .e-btn {
  vertical-align: auto;
}
.e-pivotgrid .e-drag .e-btn,
.e-pivotgrid .e-drag .e-btn div {
  vertical-align: initial;
}
.e-pivotgrid .e-drag .e-pivotButton {
  vertical-align: top;
  line-height: 0;
}
.e-pivotgrid .e-rows {
  padding-bottom: 4px;
  display: table-cell;
  vertical-align: bottom;
  height: 100%;
  width: 100%;
  min-height: 24px;
  min-width: 140px;
}
.e-pivotgrid .values,
.e-pivotgrid .columns {
  
  min-width: 140px;
}
.e-pivotgrid .values,
.e-pivotgrid .columns {
  min-height: 44px;
}
.e-pivotgrid .e-rows .e-pivotButton,
.e-pivotgrid .values .e-pivotButton,
.e-pivotgrid .columns .e-pivotButton,
.e-pivotgrid .e-drag .e-pivotButton {
  vertical-align: bottom;
}
.e-pivotgrid .e-pivotButton {
  
}
.e-pivotgrid .e-grpRow {
  background: #7986cb;
  vertical-align: bottom;
  text-align: left;
}
.e-pivotgrid .e-pivotButton {
  
  padding: 0px !important;
}
.e-pivotgrid .e-pivotButton {
  border-radius: 25px;
  border: 1px solid #3f51b5;
}
.e-pivotgrid .e-pivotButton:hover {
  
}
.e-pivotgrid .e-pivotButton:hover {
  border: 1px solid #3f51b5;
}
.e-pivotgrid th.e-grpRow {
  padding: 10px 2px 0 0px !important;
}
.e-pivotgrid .e-btn {
  font-size: 13px;
}
.e-pivotgrid .e-widthSetter {
  width: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.e-pivotgrid .contextMenuPopup .menuItem:hover {
  background-color: #e0e0e0;
  color: #212121;
  cursor: default;
}
.e-pivotgrid div.e-advancedFilterDlg,
.e-pivotschemadesigner div.e-advancedFilterDlg {
  border: 1px solid #e0e0e0;
}
.e-pivotgrid td.e-grpRow {
  padding-left: 0px !important;
}
.e-pivotgrid .e-grpRow {
  white-space: normal;
}
.e-pivotgrid .e-dropIndicatorActive {
  height: 20px;
  width: 20px;
  position: fixed !important;
  z-index: 30000;
  color: #424242;
  cursor: pointer;
  font-family: "ej-webfont";
}
.e-pivotgrid .e-dropIndicatorActive:before {
  content: "\E7CC";
}
.e-pivotgrid .e-selected {
  background: #3f51b5;
  color: white;
}
.e-pivotgrid .e-highlighted {
  background-color: #e0e0e0;
}
.e-pivotgrid .e-dlgCalculatedField label {
  
}
.e-pivotgrid .e-dlgCalculatedField label {
  font-size: 14px;
  font-family: 'Roboto', Segoe UI;
  color: rgba(0, 0, 0, 0.54);
  font-weight: normal !important;
}
.e-pivotgrid .e-dlgCalculatedField label {
  font-weight: bold;
}
.e-pivotgrid .borderLine {
  margin-left: -10px;
  margin-right: -10px;
  border-top: 1px solid #e0e0e0;
}
.e-pivotgrid .calculatorFields {
  margin-top: -5px;
  height: 31px;
  
}
.e-pivotgrid .calculatorFields {
  padding: 0px;
}
.e-pivotgrid .e-column-resizeToSize {
  table-layout: fixed;
  width: 100%;
}
.e-pivotgrid .e-column-resizeToContent {
  table-layout: fixed;
}
.e-pivotgrid.e-column-resize td,
.e-pivotgrid.e-column-resize th {
  overflow: hidden;
}
.e-pivotgrid.e-column-resize thead > tr {
  cursor: pointer;
}
.pivotTree .e-calculatedFieldMenuItem {
  border-bottom: solid 1px #e0e0e0;
}
.e-pivotgrid .e-pivotGridTable td {
  overflow: hidden;
}
.e-pivotgrid .e-enabled {
  color: white !important;
  background: #3f51b5 !important;
}
.e-pivotgrid .e-pivotgridContextMenu .e-enabledState::before {
  content: "\e80a";
  height: 16px;
  width: 16px;
}
.e-pivotgrid .e-advancedFiltering:before {
  content: "\e843";
  font-size: 20px;
}
.e-pivotgrid .e-drillThrough:before {
  content: "\e875";
  font-size: 20px;
}
.e-pivotgrid .e-collapseByDefault:before {
  content: "\e85d";
  font-size: 20px;
}
.e-pivotgrid .e-numberFormatting:before {
  content: "\e857";
  font-size: 20px;
}
.e-pivotgrid .e-paging:before {
  content: "\e854";
  font-size: 20px;
}
.e-pivotgrid .e-pagingOptions:before {
  content: "\e6b7";
  font-size: 20px;
}
.e-pivotgrid .e-cellSelect:before {
  content: "\e856";
  font-size: 20px;
}
.e-pivotgrid .e-cellContext:before {
  content: "\e844";
  font-size: 20px;
}
.e-pivotgrid .e-cellEditing:before {
  content: "\e855";
  font-size: 20px;
}
.e-pivotgrid .e-columnResize:before {
  content: "\e851";
  font-size: 20px;
}
.e-pivotgrid .e-excelLikeLayout:before {
  content: "\e859";
  font-size: 20px;
}
.e-pivotgrid .e-toolTip:before {
  content: "\e858";
  font-size: 20px;
}
.e-pivotgrid .rtl:before {
  content: "\e84d";
  font-size: 20px;
}
.e-pivotgrid .e-hyperlinkOptions:before {
  content: "\e84c";
  font-size: 20px;
}
.e-pivotgrid .e-frozenHeaders:before {
  content: "\e848";
  font-size: 20px;
}
.e-pivotgrid .e-exporting:before {
  content: "\e84f";
  font-size: 20px;
}
.e-pivotgrid .e-calculatedField:before {
  content: "\e84b";
  font-size: 20px;
}
.e-pivotgrid .e-summaryCustomize:before {
  content: "\e852";
  font-size: 20px;
}
.e-pivotgrid .e-conditionalFormat:before {
  content: "\e850";
  font-size: 20px;
}
.e-pivotgrid .e-summaryTypes:before {
  content: "\e849";
  font-size: 20px;
}
.e-pivotgrid .e-layouts:before {
  content: "\e878";
  font-size: 20px;
}
.e-pivotgrid .e-advancedFiltering:hover,
.e-pivotgrid .e-drillThrough:hover,
.e-pivotgrid .e-collapseByDefault:hover,
.e-pivotgrid .groupingBar:hover,
.e-pivotgrid .e-numberFormatting:hover,
.e-pivotgrid .e-paging:hover,
.e-pivotgrid .e-pagingOptions:hover,
.e-pivotgrid .e-cellSelect:hover,
.e-pivotgrid .e-cellContext:hover,
.e-pivotgrid .e-cellEditing:hover,
.e-pivotgrid .e-columnResize:hover,
.e-pivotgrid .e-toolTip:hover,
.e-pivotgrid .rtl:hover,
.e-pivotgrid .e-hyperlinkOptions:hover,
.e-pivotgrid .e-frozenHeaders:hover,
.e-pivotgrid .e-exporting:hover,
.e-pivotgrid .e-calculatedField:hover,
.e-pivotgrid .e-layouts:hover,
.e-pivotgrid .e-summaryCustomize:hover,
.e-pivotgrid .e-conditionalFormat:hover,
.e-pivotgrid .e-summaryTypes:hover,
.e-pivotgrid .e-advancedFiltering,
.e-pivotgrid .e-drillThrough,
.e-pivotgrid .e-collapseByDefault,
.e-pivotgrid .groupingBar,
.e-pivotgrid .e-numberFormatting,
.e-pivotgrid .e-paging,
.e-pivotgrid .e-pagingOptions,
.e-pivotgrid .e-cellSelect,
.e-pivotgrid .e-cellContext,
.e-pivotgrid .e-cellEditing,
.e-pivotgrid .e-columnResize,
.e-pivotgrid .e-toolTip,
.e-pivotgrid .rtl,
.e-pivotgrid .e-hyperlinkOptions,
.e-pivotgrid .e-frozenHeaders,
.e-pivotgrid .e-exporting,
.e-pivotgrid .e-calculatedField,
.e-pivotgrid .e-summaryCustomize,
.e-pivotgrid .e-conditionalFormat,
.e-pivotgrid .e-summaryTypes,
.e-pivotgrid .e-layouts {
  background-repeat: no-repeat;
  margin: 4px;
  cursor: default;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.e-pivotgrid .e-advancedFiltering,
.e-pivotgrid .e-drillThrough,
.e-pivotgrid .e-collapseByDefault,
.e-pivotgrid .groupingBar,
.e-pivotgrid .e-numberFormatting,
.e-pivotgrid .e-paging,
.e-pivotgrid .e-pagingOptions,
.e-pivotgrid .e-cellSelect,
.e-pivotgrid .e-cellContext,
.e-pivotgrid .e-cellEditing,
.e-pivotgrid .e-columnResize,
.e-pivotgrid .e-toolTip,
.e-pivotgrid .rtl,
.e-pivotgrid .e-hyperlinkOptions,
.e-pivotgrid .e-frozenHeaders,
.e-pivotgrid .e-exporting,
.e-pivotgrid .e-calculatedField,
.e-pivotgrid .e-summaryCustomize,
.e-pivotgrid .e-conditionalFormat,
.e-pivotgrid .e-summaryTypes,
.e-pivotgrid .e-layouts {
  overflow: visible !important;
  color: #424242;
  text-indent: -3px;
}
.e-pivotgrid .e-normalLayout:before {
  content: "\e87d";
}
.e-pivotgrid .e-noSummariesLayout:before {
  content: "\e87c";
}
.e-pivotgrid .e-normalTopSummaryLayout:before {
  content: "\e881";
}
.e-pivotgrid .e-rowHeaderHyperLink:before {
  content: "\e85c";
}
.e-pivotgrid .e-colHeaderHyperLink:before {
  content: "\e84a";
}
.e-pivotgrid .e-valueCellHyperLink:before {
  content: "\e85a";
}
.e-pivotgrid .e-summaryCellHyperLink:before {
  content: "\e85b";
}
.e-pivotgrid .e-rowFreeze:before {
  content: "\e853";
}
.e-pivotgrid .e-colFreeze:before {
  content: "\e842";
}
.e-pivotgrid .e-excel:before {
  content: "\e845";
}
.e-pivotgrid .e-word:before {
  content: "\e84e";
}
.e-pivotgrid .e-pdf:before {
  content: "\e846";
}
.e-pivotgrid .csv:before {
  content: "\e847";
}
.e-pivotgrid .e-hyperLinkIcons:before,
.e-pivotgrid .e-frozenHeaderIcons:before,
.e-pivotgrid .e-exportingIcons:before,
.e-pivotgrid .e-layoutIcons:before {
  font-family: 'ej-webfont';
  font-size: 20px;
  margin-left: 2px;
}
.e-pivotgrid .e-hyperLinkIcons,
.e-pivotgrid .e-hyperLinkIcons:hover,
.e-pivotgrid .e-frozenHeaderIcons,
.e-pivotgrid .e-frozenHeaderIcons:hover,
.e-pivotgrid .e-exportingIcons,
.e-pivotgrid .e-exportingIcons:hover,
.e-pivotgrid .e-layoutIcons,
.e-pivotgrid .e-layoutIcons:hover {
  background-repeat: no-repeat;
  cursor: default;
  display: inline-block;
  height: 22px;
  width: 24px;
}
.e-pivotgrid .e-hyperLinkIcons,
.e-pivotgrid .e-frozenHeaderIcons,
.e-pivotgrid .e-exportingIcons,
.e-pivotgrid .e-layoutIcons {
  color: #424242;
}
.e-pivotgrid .e-hyperLinkIcons:hover,
.e-pivotgrid .e-frozenHeaderIcons:hover,
.e-pivotgrid .e-exportingIcons:hover,
.e-pivotgrid .e-layoutIcons:hover {
  color: #424242;
  cursor: pointer;
  background: #e0e0e0;
}
.e-pivotgrid .e-frozenDialog,
.e-pivotgrid .e-exportDialog,
.e-pivotgrid .e-hyperLinkDialog,
.e-pivotgrid .e-layoutsDialog {
  position: absolute;
  z-index: 1000000;
  background-color: whitesmoke;
  border: 2px solid #e0e0e0;
}
.e-pivotgrid .e-calcFormulaDiv {
  
  position: absolute;
}
.e-pivotgrid .e-calcFormulaDiv {
  left: 136px;
  top: 102px;
}
.e-pivotgrid .e-dlgCalculatedField {
  margin-top: 8px;
  border: 1px solid #e0e0e0;
  margin-bottom: 12px;
  padding: 13px 10px 10px;
}
.e-pivotgrid .calculateFieldName {
  position: absolute;
  
  width: 197px;
  height: 24px;
  border: none;
  background-color: white;
  color: #212121;
}
.e-pivotgrid .calculateFieldName {
  top: 57px;
  left: 110px;
}
.e-pivotgrid .calculatedFieldFormula {
  background-color: white;
  color: #212121;
  
  cursor: not-allowed;
  opacity: 0.85;
  padding: 1px;
}
.e-pivotgrid .calculatedFieldFormula {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.e-pivotgrid .e-dlgCalculatedField .e-outerTable td {
  
}
.e-pivotgrid .e-dlgCalculatedField .e-outerTable td {
  padding: 4px 10px 15px;
}
.e-pivotgrid .e-dlgCalculatedField .e-fieldTable td {
  
}
.e-pivotgrid .e-dlgCalculatedField .e-fieldTable td {
  padding: 4px 10px;
}
.e-pivotgrid .e-calcFormulaDiv td {
  border: 1px solid #e0e0e0;
  background-color: white;
  padding: 5px 18px;
  cursor: default;
  color: #212121;
}
.e-pivotgrid .e-calcFormulaDiv td:hover {
  color: #212121;
  border: 1px solid #e0e0e0;
}
.e-pivotgrid .e-calcFormulaDiv td:hover {
  background: #e0e0e0;
}
.e-pivotschemadesigner {
  
  font-size: 12px;
  float: right;
  position: static;
}
.e-pivotschemadesigner {
  /*material*/
  font-family: 'Roboto', Segoe UI;
  background: none repeat scroll 0 0 #fafafa;
  padding: 24px;
  border: 1px solid #e0e0e0;
  color: #212121;
}
.bg-div {
  background: none repeat scroll 0 0 white;
  border: 1px solid #e0e0e0;
}
.e-pivotgrid .e-pivotschemadesigner .e-fieldTable {
  overflow: auto;
}
.e-pivotschemadesigner .e-kpiCDB:before,
.e-pivotschemadesigner .e-kpiRootCDB:before,
.e-pivotschemadesigner .e-kpiGoalCDB:before,
.e-pivotschemadesigner .e-kpiStatusCDB:before,
.e-pivotschemadesigner .e-kpiTrendCDB:before,
.e-pivotschemadesigner .e-kpiValueCDB:before {
  content: "\e6df";
  font-size: 18px;
}
.e-pivotschemadesigner .e-kpiCDB,
.e-pivotschemadesigner .e-kpiRootCDB,
.e-pivotschemadesigner .e-kpiGoalCDB,
.e-pivotschemadesigner .e-kpiStatusCDB,
.e-pivotschemadesigner .e-kpiTrendCDB,
.e-pivotschemadesigner .e-kpiValueCDB {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: text-top;
}
.e-pivotschemadesigner .e-fieldTable {
  background: white;
  border-collapse: collapse;
  
}
.e-pivotschemadesigner .e-fieldTable {
  border: 1px solid #e0e0e0;
}
.e-pivotschemadesigner .e-fieldTable {
  margin: 0px 0px 15px 0px;
  width: 100%;
  border-radius: 2px;
}
.e-pivotschemadesigner .e-schemaFieldList {
  display: inline-block;
  overflow: auto;
  height: 182px;
  width: 100%;
  color: #424242;
}
.e-pivotschemadesigner .e-elementSeparator {
  border: solid #e0e0e0;
  border-width: 0 0 1px 0;
  display: block;
  margin: 7px;
}
.e-pivotschemadesigner .e-schemaFieldTree {
  overflow: hidden;
}
.e-pivotschemadesigner .e-editorTreeView {
  margin-top: 7px;
}
.e-pivotschemadesigner .schemaHeaders {
  overflow: hidden;
}
.e-pivotschemadesigner .e-schemaFilter,
.e-pivotschemadesigner .e-schemaColumn,
.e-pivotschemadesigner .e-schemaRow,
.e-pivotschemadesigner .e-schemaValue {
  /*background: @aeb-bgcolor;*/

  
  overflow-x: hidden;
  overflow-y: auto;
  height: 75%;
  /* margin-top: 3px; */

}
.e-pivotschemadesigner .e-schemaFilter,
.e-pivotschemadesigner .e-schemaColumn,
.e-pivotschemadesigner .e-schemaRow,
.e-pivotschemadesigner .e-schemaValue {
  /*material*/
  background-color: white;
}
.e-pivotschemadesigner .e-schemaFilter,
.e-pivotschemadesigner .e-schemaColumn,
.e-pivotschemadesigner .e-schemaRow,
.e-pivotschemadesigner .e-schemaValue {
  border: 1px solid #e0e0e0;
  margin-left: 10px;
}
.e-pivotschemadesigner .e-schemaColumn,
.e-pivotschemadesigner .e-schemaValue {
  margin-right: 10px;
}
.e-pivotschemadesigner .e-axisTd1 {
  float: left;
  position: relative;
}
.e-pivotschemadesigner .e-axisTd2 {
  float: right;
  position: relative;
}
.e-pivotschemadesigner #axisTd,
.e-pivotschemadesigner #axisTd3 {
  margin-top: 14px !important;
}
.e-pivotschemadesigner .deferUpdateLayout {
  
}
.e-pivotschemadesigner .deferUpdateLayout {
  margin-top: 28px;
}
.e-pivotschemadesigner .deferUpdateLayout .e-text {
  
}
.e-pivotschemadesigner .deferUpdateLayout .e-text {
  margin-top: 0px !important;
}
.e-pivotschemadesigner .listSubhead {
  margin: 10px 0 0;
}
.e-pivotschemadesigner .listSubhead {
  /*material*/
  text-align: center;
}
.e-pivotschemadesigner .e-pivotHeader,
.e-pivotschemadesigner .e-rPivotHeader {
  font-weight: bold;
  line-height: 240%;
}
.e-pivotschemadesigner .e-rPivotHeader {
  margin-right: 10px;
}
.e-pivotschemadesigner .e-listHeader {
  font-weight: bold;
  /*background: none repeat scroll 0 0 #5eabde;*/

  font-size: 15px;
  margin: -1px;
  line-height: 40px;
  
}
.e-pivotschemadesigner .e-listHeader {
  border-bottom: 1px solid #e0e0e0;
}
.e-pivotschemadesigner .e-listHeader {
  margin-top: -14px;
}
.e-pivotschemadesigner .e-folderCDB:before {
  content: "\e6e1";
  display: inline;
  vertical-align: middle;
  font-size: 17px;
}
.e-pivotschemadesigner .e-namedSetCDB:before {
  content: "\e6de";
  display: inherit;
  vertical-align: middle;
  font-size: 18px;
}
.e-pivotschemadesigner .e-measureGroupCDB:before {
  content: "\e615";
  display: inline;
  vertical-align: middle;
}
.e-pivotschemadesigner .e-dimensionCDB:before {
  content: "\e704";
  display: inline;
  vertical-align: middle;
}
.e-pivotschemadesigner .centerDiv {
  
  border-radius: 25px;
  height: 2px;
  width: 98%;
}
.e-pivotschemadesigner .centerDiv {
  margin-left: 4px;
  background-color: #e0e0e0;
}
.e-pivotschemadesigner .centerDiv:hover {
  cursor: default;
}
.e-pivotschemadesigner .centerHead {
  
}
.e-pivotschemadesigner .centerHead {
  /*material*/
  font-family: 'Roboto', Segoe UI;
  font-size: 13px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
  margin: 10px 10px;
}
.e-pivotschemadesigner .e-pivotHeader,
.e-pivotschemadesigner .e-rPivotHeader {
  
  font-weight: bold;
}
.e-pivotschemadesigner .e-pivotHeader,
.e-pivotschemadesigner .e-rPivotHeader {
  border-bottom: none;
  margin-left: 10px;
}
.e-pivotschemadesigner .e-rPivotHeader,
.e-pivotschemadesigner .e-schemaColumn,
.e-pivotschemadesigner .e-schemaValue {
  
}
.e-pivotschemadesigner.e-rtl .e-rPivotHeader,
.e-pivotschemadesigner.e-rtl .e-schemaColumn,
.e-pivotschemadesigner.e-rtl .e-schemaValue {
  
}
.e-pivotschemadesigner.e-rtl .e-rPivotHeader,
.e-pivotschemadesigner.e-rtl .e-schemaColumn,
.e-pivotschemadesigner.e-rtl .e-schemaValue {
  margin-right: 7%;
}
.e-pivotschemadesigner .headerText {
  
}
.e-pivotschemadesigner .headerText {
  font-family: 'Roboto', Segoe UI;
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
  padding-left: 0px;
}
.e-pivotschemadesigner .subheadText {
  margin: 10px 0 0;
  
}
.e-pivotschemadesigner .subheadText {
  /*material*/
  font-family: 'Roboto', Segoe UI;
  font-size: 13px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
  padding-left: 10px;
}
.e-pivotschemadesigner .pivotLabel:hover {
  background: none repeat scroll 0 0 #3f51b5;
  color: white;
  cursor: move;
}
.e-pivotschemadesigner .e-pivotButton > .pvtBtnDiv {
  
  width: auto;
  background: whitesmoke;
  border: 1px solid;
  border-color: #e0e0e0 !important;
  white-space: nowrap;
  overflow: hidden;
}
.e-pivotschemadesigner .e-pivotButton > .pvtBtnDiv {
  max-width: 90%;
  display: inline-block;
  margin: 2px 0px 0;
}
.e-pivotschemadesigner .pvtBtnDiv > .e-pvtBtn {
  cursor: move;
  text-align: left;
  text-overflow: ellipsis;
  
  border: none !important;
  overflow: hidden;
}
.e-pivotschemadesigner .pvtBtnDiv > .e-pvtBtn {
  color: #424242;
  border-color: #e0e0e0;
  height: 32px;
}
.e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
  cursor: move;
  text-align: left;
  text-overflow: ellipsis;
  
  color: #424242;
  border-color: #e0e0e0;
  overflow: hidden;
}
.e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
  height: 32px;
}
.e-hoverBtn {
  background: #e0e0e0 !important;
}
.e-pivotgrid .dragHover {
  
}
.e-pivotschemadesigner.e-rtl .pvtBtnDiv > .e-pvtBtn {
  text-align: right;
}
.dragHover.e-btn.e-select {
  
}
.dragHover.e-btn.e-select {
  background: #eeeeee;
  font-size: 13px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
  border-radius: 25px;
  padding: 0px 12px;
  padding-bottom: 1px;
  height: 32px;
  box-shadow: none;
  text-transform: none;
}
.e-pivotschemadesigner .e-pivotButton > .pvtBtnDiv:hover {
  border: 1px solid;
  border-color: #e0e0e0 !important;
  color: #212121;
}
.e-pivotschemadesigner .e-pivotButton > .pvtBtnDiv:hover {
  background: #e0e0e0;
}
.e-pivotschemadesigner .pvtBtnDiv > .e-pvtBtn:hover {
  background: #e0e0e0;
}
.e-pivotschemadesigner .filter,
.e-pivotschemadesigner .e-sorting,
.e-pivotschemadesigner .e-removeBtn {
  color: #212121;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.e-pivotschemadesigner .btnDeferUpdate {
  text-overflow: ellipsis;
  width: 90px;
}
.e-pivotclient .e-pivotschemadesigner .btnDeferUpdate {
  width: 60px;
}
.e-pivotschemadesigner .e-errOKBtn {
  
  display: inline-block;
}
.e-pivotschemadesigner .e-errOKBtn {
  margin: 20px 0 10px 150px;
  width: 64px;
}
.e-pivotschemadesigner.e-rtl .e-errOKBtn {
  
}
.e-pivotschemadesigner.e-rtl .e-errOKBtn {
  margin: 20px 150px 10px 0px;
  width: 64px;
}
.e-pivotschemadesigner .pvtDrop:before,
.e-pivotschemadesigner .treeDrop:before {
  content: "\e666";
}
.e-pivotschemadesigner .e-dropIndicator {
  background: none repeat scroll 0 0 transparent;
  height: 2px;
  width: auto;
  
}
.e-pivotschemadesigner .e-dropIndicatorHover {
  background: #e0e0e0;
}
.e-pivotschemadesigner .e-removePivotBtn:before {
  background-repeat: no-repeat;
  height: 11px;
  padding-left: 10px;
  width: 11px;
  color: white;
  content: "\e681";
  font-size: 13px;
  background-color: white;
  border: 1px solid #e0e0e0;
  float: none;
  padding: 6px;
  position: absolute;
}
.e-pivotschemadesigner .e-removePivotBtn:hover {
  cursor: pointer;
  background: none repeat scroll 0 0 #e0e0e0;
}
.e-pivotschemadesigner .e-sorting:before {
  content: "\e672";
  float: right;
  margin-right: 4px;
}
.e-pivotschemadesigner .e-sorting.descending:before {
  content: "\e673";
  float: right;
}
.e-pivotschemadesigner .filter:before {
  content: "\e669";
  margin-left: -35px;
}
.e-pivotschemadesigner .filter.filtered:before {
  content: "\e668";
  float: right;
}
.e-pivotschemadesigner .e-removeBtn:before {
  content: "\e711";
  float: right;
  margin-right: 4px;
}
.e-pivotschemadesigner.e-rtl .filter:before {
  float: left;
  margin-left: 17px;
  margin-right: 0px;
  margin-top: -20px;
}
.e-pivotschemadesigner.e-rtl .filter {
  float: left !important;
}
.e-pivotschemadesigner .treeDrop,
.e-pivotschemadesigner .sortDiv:hover,
.e-pivotschemadesigner .clearSorting:hover,
.e-pivotschemadesigner .clearAllFilters:hover,
.e-pivotgrid .sortDiv:hover,
.e-pivotgrid .clearSorting:hover,
.e-pivotgrid .clearAllFilters:hover {
  cursor: pointer;
}
.e-pivotschemadesigner .filterBtn {
  height: 24px;
}
.e-pivotschemadesigner .e-filterIndicator {
  background: none repeat scroll 0 0 #3f51b5;
}
.e-pivotschemadesigner .e-memberEditorDiv {
  height: 256px;
  
  border: 1px solid #e0e0e0;
}
.e-pivotschemadesigner .e-memberEditorDiv {
  margin-top: 24px;
}
.e-pivotschemadesigner .e-dialogOKBtn,
.e-pivotschemadesigner .e-dialogCancelBtn {
  width: 69px;
  
}
.e-pivotschemadesigner .e-dialogOKBtn {
  
}
.e-pivotschemadesigner.e-rtl .e-dialogOKBtn {
  margin-left: 10px;
  
}
.e-pivotschemadesigner.e-rtl .e-dialogOKBtn {
  margin-right: 68px;
}
.e-pivotschemadesigner.e-rtl .e-labelValueFilterDlg .e-dialogOKBtn {
  margin-left: 10px;
  
}
.e-pivotschemadesigner.e-rtl .e-labelValueFilterDlg .e-dialogOKBtn {
  margin-right: 55px;
}
.e-pivotschemadesigner.e-rtl .e-dialogCancelBtn {
  margin-left: 0px;
}
.e-pivotschemadesigner.e-rtl .e-labelValueFilterDlg .e-dialogCancelBtn {
  margin-left: 5px;
}
.e-pivotschemadesigner .e-chkbox-wrap {
  margin-left: 7px;
}
.e-pivotschemadesigner .e-tbtn-wrap {
  display: inline-block;
}
.e-pivotschemadesigner .e-togglebutton .e-icon {
  height: 14px;
  width: 14px;
}
.e-pivotschemadesigner .e-treeview .e-text {
  min-height: 20px;
  border: 1px solid transparent;
  
  cursor: move;
}
.e-pivotschemadesigner .e-treeview .e-text {
  /*material*/
  font-family: 'Roboto', Segoe UI;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
}
.e-pivotschemadesigner .e-dialog .e-dialog-icon:hover {
  
}
.e-pivotschemadesigner .e-treeview .e-active {
  
}
.e-pivotschemadesigner .e-treeview .e-text .e-icon {
  
}
.e-pivotschemadesigner .btnDeferUpdate {
  float: right;
  
}
.e-pivotschemadesigner .btnDeferUpdate {
  margin-right: 10px;
}
.e-pivotschemadesigner.e-rtl .btnDeferUpdate {
  float: left;
  
}
.e-pivotschemadesigner.e-rtl .btnDeferUpdate {
  margin-left: 10px;
}
.e-pivotschemadesigner .deferUpdateLayout {
  
}
.e-pivotschemadesigner.e-rtl .deferUpdateLayout {
  margin-right: 5px;
}
.e-pivotschemadesigner.e-rtl .deferUpdateLayout .e-text {
  margin-right: 5px;
}
.e-pivotschemadesigner .e-schemaFieldTree.e-treeview .e-text {
  width: 90%;
}
.e-pivotschemadesigner .e-pivotButton .e-rtl {
  text-align: right;
}
.e-pivotschemadesigner .e-schemaFieldTree ul,
.e-pivotschemadesigner .e-schemaFieldTree li {
  width: 96%;
  height: auto;
}
.e-pivotschemadesigner .e-btn .e-btntxt {
  padding: 0 6px 6px;
}
.e-pivotschemadesigner .expandSchema {
  display: block;
  float: right;
  height: 25px;
  left: 24px;
  position: relative;
  top: -615px;
  width: 23px;
}
.e-pivotschemadesigner .collapseSchema {
  float: right;
  height: 25px;
  position: relative;
  top: -615px;
  width: 23px;
}
.e-pivotschemadesigner .freeze {
  position: absolute;
  height: 100%;
  width: 100%;
  content: ' ';
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  background-color: lightgray;
  filter: alpha(opacity=0);
}
.e-pivotschemadesigner .e-ddlGroupWrap,
.e-pivotgrid .e-ddlGroupWrap {
  font-weight: bold;
  
}
.e-pivotschemadesigner .e-ddlGroupWrap,
.e-pivotgrid .e-ddlGroupWrap {
  padding: 5px 0px 5px 8px;
}
.e-pivotschemadesigner .e-ascOrder,
.e-pivotschemadesigner .e-descOrder,
.e-pivotgrid .e-ascOrder,
.e-pivotgrid .e-descOrder {
  list-style: none;
  border: 1px solid white;
}
.e-pivotschemadesigner .e-descImage,
.e-pivotschemadesigner .e-ascImage,
.e-pivotgrid .e-descImage,
.e-pivotgrid .e-ascImage {
  display: inline-block;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  width: 20px;
}
.e-pivotschemadesigner .e-ascImage:before,
.e-pivotgrid .e-ascImage:before {
  content: "\e714";
  font-size: 16px;
  margin-left: 5px;
}
.e-pivotschemadesigner .e-ascImage:before,
.e-pivotgrid .e-ascImage:before {
  margin-top: -3px;
}
.e-pivotschemadesigner .e-descImage:before,
.e-pivotgrid .e-descImage:before {
  content: "\e713";
  font-size: 16px;
  margin-left: 5px;
}
.e-pivotschemadesigner .e-descImage:before,
.e-pivotgrid .e-descImage:before {
  margin-top: -3px;
}
.e-pivotschemadesigner .e-dialog .filter {
  float: left;
}
.e-pivotschemadesigner .e-selectedSort,
.e-pivotgrid .e-selectedSort {
  border: 1px solid;
  padding-top: 2px;
}
.e-pivotschemadesigner .e-filterElementTag.e-vertical,
.e-pivotgrid .e-filterElementTag.e-vertical {
  border-color: white;
}
.e-pivotschemadesigner .e-clrFilter:before,
.e-pivotgrid .e-clrFilter:before {
  content: "\e668";
  font-size: 16px;
  float: left;
}
.e-pivotschemadesigner .e-clrSort:before,
.e-pivotgrid .e-clrSort:before {
  content: "\e754";
  font-size: 19px;
  float: left;
  margin-top: 4px;
}
.e-pivotschemadesigner .e-filterElementTag,
.e-pivotgrid .e-filterElementTag {
  
}
.e-pivotschemadesigner .e-filterElementTag,
.e-pivotgrid .e-filterElementTag {
  box-shadow: none !important;
}
.e-pivotschemadesigner .e-filterState:before,
.e-pivotgrid .e-filterState:before {
  content: "\e80a";
  height: 16px;
  width: 16px;
}
.e-pivotschemadesigner .clearAllFilters,
.e-pivotgrid .clearAllFilters {
  padding-top: 4px;
  padding-left: 5px;
}
.e-pivotschemadesigner .clearAllFilters .e-clrFilter,
.e-pivotgrid .clearAllFilters .e-clrFilter {
  margin-top: 1px;
  float: left;
}
.e-pivotschemadesigner .clearAllFilters .filter,
.e-pivotgrid .clearAllFilters .filter {
  margin-left: 0px;
}
.e-pivotschemadesigner .e-filterIndicator:before,
.e-pivotgrid .e-filterIndicator:before {
  content: "\e7cf";
  height: 16px;
  width: 16px;
}
.e-pivotschemadesigner .advancedFilter,
.e-pivotgrid .advancedFilter {
  
}
.e-pivotschemadesigner .advancedFilter,
.e-pivotgrid .advancedFilter {
  margin-left: 9px;
  margin-right: 5px;
}
.e-pivotschemadesigner .e-activeFilter:before,
.e-pivotgrid .e-activeFilter:before {
  content: "\e657";
  height: 16px;
  width: 16px;
}
.e-pivotschemadesigner .clearFilter .e-clrFilter,
.e-pivotgrid .clearFilter .e-clrFilter {
  margin-top: -1px !important;
}
.e-pivotschemadesigner .advancedFilter .e-editorTreeView,
.e-pivotgrid .advancedFilter .e-editorTreeView {
  height: inherit;
  margin-top: 0px;
}
.e-pivotschemadesigner .separator,
.e-pivotgrid .separator {
  width: 84%;
  height: 1px;
  background-color: #e0e0e0;
  margin-top: 7px;
  margin-left: 35px;
}
.e-pivotschemadesigner .e-filterElementTag a,
.e-pivotgrid .e-filterElementTag a {
  margin-left: 3px !important;
}
.e-pivotschemadesigner .e-dialog.e-advancedFilterDlg .e-menu.e-vertical .e-list > ul {
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
}
.e-pivotgrid .e-dialog.e-advancedFilterDlg .e-menu.e-vertical .e-list > ul {
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
}
.e-pivotschemadesigner .clearFltrText,
.e-pivotschemadesigner .clearSortText,
.e-pivotgrid .clearFltrText,
.e-pivotgrid .clearSortText {
  padding-left: 1px !important;
}
.e-pivotschemadesigner .sortDiv,
.e-pivotschemadesigner .clearSorting,
.e-pivotschemadesigner .e-filterElementTag,
.e-pivotgrid .sortDiv,
.e-pivotgrid .clearSorting,
.e-pivotgrid .e-filterElementTag {
  padding-left: 5px;
}
.e-pivotschemadesigner .clearSorting,
.e-pivotgrid .clearSorting {
  height: 20px;
}
.e-pivotschemadesigner .e-filterState,
.e-pivotgrid .e-filterState {
  margin-left: 10px;
}
.e-pivotschemadesigner .memberFilter.e-filterState,
.e-pivotgrid .memberFilter.e-filterState {
  margin-left: 0px !important;
  margin-top: 5px;
  position: absolute;
  float: left;
}
.e-pivotgrid #sep1,
.e-pivotgrid #sep2,
.e-pivotgrid #sep3,
.e-pivotgrid #sep4,
.e-pivotgrid #sep5,
.e-pivotgrid #sep6,
.e-pivotgrid #sep7,
.e-pivotgrid #sep8,
.e-pivotgrid #sep9,
.e-pivotschemadesigner #sep1,
.e-pivotschemadesigner #sep2,
.e-pivotschemadesigner #sep3,
.e-pivotschemadesigner #sep4,
.e-pivotschemadesigner #sep5,
.e-pivotschemadesigner #sep6,
.e-pivotschemadesigner #sep7,
.e-pivotschemadesigner #sep8,
.e-pivotschemadesigner #sep9 {
  height: 1px;
  background-color: #e0e0e0;
  margin-left: 30px;
}
.e-pivotgrid #sep1 {
  height: 0px;
}
.e-pivotgrid #labelFilterBtn,
.e-pivotgrid #ascOrder,
.e-pivotgrid #descOrder,
.e-pivotgrid #clearAllFilters,
.e-pivotgrid #clearSorting,
.e-pivotschemadesigner #labelFilterBtn,
.e-pivotschemadesigner #ascOrder,
.e-pivotschemadesigner #descOrder,
.e-pivotschemadesigner #clearAllFilters,
.e-pivotschemadesigner #clearSorting {
  border-bottom: none;
}
.e-pivotgrid .e-advancedFilterDlg .e-treeview .e-text,
.e-pivotschemadesigner .e-advancedFilterDlg .e-treeview .e-text {
  font-weight: normal;
}
.e-pivotschemadesigner .e-clrSort:before,
.e-pivotgrid .e-clrSort:before {
  
}
.e-pivotschemadesigner .e-clrSort:before,
.e-pivotgrid .e-clrSort:before {
  font-size: 16px;
  float: left;
  margin-top: -3px;
  margin-left: 3px;
}
.e-pivotschemadesigner .e-selectedSort,
.e-pivotgrid .e-selectedSort {
  border: 1px solid !important;
}
.e-pivotschemadesigner .filterDialog div,
.e-pivotgrid .filterDialog div {
  padding-bottom: 5px;
}
.e-pivotschemadesigner .filterDialog,
.e-pivotgrid .filterDialog {
  margin-left: -7px;
}
.e-pivotschemadesigner .e-filterElementTag,
.e-pivotgrid .e-filterElementTag {
  height: auto !important;
}
.e-pivotgrid #clientDialog_wrapper.e-advancedFilterDlg .e-scroller:not([id$="_fieldCollection_container"]),
.e-pivotschemadesigner #clientDialog_wrapper.e-advancedFilterDlg .e-scroller {
  overflow: visible;
  border: none;
}
.e-pivotgrid #clientDialog_wrapper.e-rtl.e-advancedFilterDlg .e-scroller > .e-content:not([id$="_fieldCollection_container"]),
.e-pivotschemadesigner #clientDialog_wrapper.e-rtl.e-advancedFilterDlg .e-scroller > .e-content {
  overflow: visible !important;
}
.e-pivotschemadesigner.e-rtl .e-axisTd1 {
  
}
.e-pivotschemadesigner.e-rtl .e-axisTd1 {
  float: right;
}
.e-pivotgrid #clientDialog_wrapper.e-advancedFilterDlg .clientDialog,
.e-pivotschemadesigner #clientDialog_wrapper.e-advancedFilterDlg .clientDialog {
  overflow: visible !important;
}
.e-pivotgrid .e-icon.e-searchEditorTree:before,
.e-pivotschemadesigner .e-icon.e-searchEditorTree:before {
  content: "\e812";
  cursor: pointer;
}
.e-pivotgrid .e-dialog .e-icon.e-searchEditorTree,
.e-pivotschemadesigner .e-dialog .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotgrid .e-dialog .e-icon.e-searchEditorTree,
.e-pivotschemadesigner .e-dialog .e-icon.e-searchEditorTree {
  top: 32px;
  left: 222px;
}
.e-pivotgrid.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree,
.e-pivotschemadesigner.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotgrid.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree,
.e-pivotschemadesigner.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
  top: 32px;
  left: 25px;
}
.e-pivotgrid.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree,
.e-pivotschemadesigner.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotgrid.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree,
.e-pivotschemadesigner.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
  top: 320px;
  left: 12px;
}
.e-pivotschemadesigner .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree,
.e-pivotgrid .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotschemadesigner .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree,
.e-pivotgrid .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
  top: 320px;
  left: 240px;
}
.e-pivotschemadesigner .e-dialog.e-advancedFilterDlg.advancedFilterDlgOSM .e-icon.e-searchEditorTree,
.e-pivotgrid .e-dialog.e-advancedFilterDlg.advancedFilterDlgOSM .e-icon.e-searchEditorTree {
  
}
.e-pivotschemadesigner .e-dialog.e-advancedFilterDlg.advancedFilterDlgOSM .e-icon.e-searchEditorTree,
.e-pivotgrid .e-dialog.e-advancedFilterDlg.advancedFilterDlgOSM .e-icon.e-searchEditorTree {
  top: 320px;
  left: 240px;
}
.e-pivotschemadesigner .e-dialog .e-memberPager,
.e-pivotgrid .e-dialog .e-memberPager,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager,
.e-pivotgrid .e-dialog .e-memberSearchPager,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager,
.e-pivotgrid .e-dialog .e-memberDrillPager {
  margin-top: 10px;
  margin-bottom: 20px;
}
.e-pivotschemadesigner .e-dialog .e-memberPager + div.e-dialogFooter,
.e-pivotgrid .e-dialog .e-memberPager + div.e-dialogFooter,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager + div.e-dialogFooter,
.e-pivotgrid .e-dialog .e-memberSearchPager + div.e-dialogFooter,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager + div.e-dialogFooter,
.e-pivotgrid .e-dialog .e-memberDrillPager + div.e-dialogFooter {
  
}
.e-pivotschemadesigner .e-dialog .e-memberPager + div.e-dialogFooter,
.e-pivotgrid .e-dialog .e-memberPager + div.e-dialogFooter,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager + div.e-dialogFooter,
.e-pivotgrid .e-dialog .e-memberSearchPager + div.e-dialogFooter,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager + div.e-dialogFooter,
.e-pivotgrid .e-dialog .e-memberDrillPager + div.e-dialogFooter {
  margin-bottom: 0px !important;
}
.e-pivotgrid .e-advancedFilterDlg .e-memberPager,
.e-pivotschemadesigner .e-advancedFilterDlg .e-memberPager,
.e-pivotgrid .e-advancedFilterDlg .e-memberSearchPager,
.e-pivotschemadesigner .e-advancedFilterDlg .e-memberSearchPager,
.e-pivotgrid .e-advancedFilterDlg .e-memberDrillPager,
.e-pivotschemadesigner .e-advancedFilterDlg .e-memberDrillPager {
  margin-left: 12px;
  margin-right: 12px;
}
.e-pivotschemadesigner .e-firstPage.e-pageDisabled,
.e-pivotschemadesigner .e-prevPage.e-pageDisabled,
.e-pivotschemadesigner .e-nextPage.e-pageDisabled,
.e-pivotschemadesigner .e-lastPage.e-pageDisabled,
.e-pivotgrid .e-firstPage.e-pageDisabled,
.e-pivotgrid .e-prevPage.e-pageDisabled,
.e-pivotgrid .e-nextPage.e-pageDisabled,
.e-pivotgrid .e-lastPage.e-pageDisabled {
  
}
.e-pivotschemadesigner .e-firstPage.e-pageDisabled,
.e-pivotschemadesigner .e-prevPage.e-pageDisabled,
.e-pivotschemadesigner .e-nextPage.e-pageDisabled,
.e-pivotschemadesigner .e-lastPage.e-pageDisabled,
.e-pivotgrid .e-firstPage.e-pageDisabled,
.e-pivotgrid .e-prevPage.e-pageDisabled,
.e-pivotgrid .e-nextPage.e-pageDisabled,
.e-pivotgrid .e-lastPage.e-pageDisabled {
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
  color: rgba(0, 0, 0, 0.24);
}
.e-pivotschemadesigner .e-firstPage.e-pageEnabled,
.e-pivotschemadesigner .e-prevPage.e-pageEnabled,
.e-pivotschemadesigner .e-nextPage.e-pageEnabled,
.e-pivotschemadesigner .e-lastPage.e-pageEnabled,
.e-pivotgrid .e-firstPage.e-pageEnabled,
.e-pivotgrid .e-prevPage.e-pageEnabled,
.e-pivotgrid .e-nextPage.e-pageEnabled,
.e-pivotgrid .e-lastPage.e-pageEnabled {
  -moz-opacity: 1 !important;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  
}
.e-pivotschemadesigner .e-firstPage.e-pageEnabled,
.e-pivotschemadesigner .e-prevPage.e-pageEnabled,
.e-pivotschemadesigner .e-nextPage.e-pageEnabled,
.e-pivotschemadesigner .e-lastPage.e-pageEnabled,
.e-pivotgrid .e-firstPage.e-pageEnabled,
.e-pivotgrid .e-prevPage.e-pageEnabled,
.e-pivotgrid .e-nextPage.e-pageEnabled,
.e-pivotgrid .e-lastPage.e-pageEnabled {
  color: rgba(0, 0, 0, 0.54);
}
.e-pivotschemadesigner .e-firstPage.e-pageEnabled:hover,
.e-pivotschemadesigner .e-prevPage.e-pageEnabled:hover,
.e-pivotschemadesigner .e-nextPage.e-pageEnabled:hover,
.e-pivotschemadesigner .e-lastPage.e-pageEnabled:hover,
.e-pivotgrid .e-firstPage.e-pageEnabled:hover,
.e-pivotgrid .e-prevPage.e-pageEnabled:hover,
.e-pivotgrid .e-nextPage.e-pageEnabled:hover,
.e-pivotgrid .e-lastPage.e-pageEnabled:hover {
  
}
.e-pivotschemadesigner .e-firstPage.e-pageEnabled:active,
.e-pivotschemadesigner .e-prevPage.e-pageEnabled:active,
.e-pivotschemadesigner .e-nextPage.e-pageEnabled:active,
.e-pivotschemadesigner .e-lastPage.e-pageEnabled:active,
.e-pivotgrid .e-firstPage.e-pageEnabled:active,
.e-pivotgrid .e-prevPage.e-pageEnabled:active,
.e-pivotgrid .e-nextPage.e-pageEnabled:active,
.e-pivotgrid .e-lastPage.e-pageEnabled:active {
  
}
.e-pivotschemadesigner .e-firstPage,
.e-pivotschemadesigner .e-prevPage,
.e-pivotschemadesigner .e-nextPage,
.e-pivotschemadesigner .e-lastPage,
.e-pivotgrid .e-firstPage,
.e-pivotgrid .e-prevPage,
.e-pivotgrid .e-nextPage,
.e-pivotgrid .e-lastPage {
  width: 24px;
  height: 24px;
}
.e-pivotschemadesigner .e-icon.e-media-backward_01:before,
.e-pivotschemadesigner .e-icon.e-arrowhead-left:before,
.e-pivotschemadesigner .e-icon.e-arrowhead-right:before,
.e-pivotschemadesigner .e-icon.e-media-forward_01:before,
.e-pivotgrid .e-icon.e-media-backward_01:before,
.e-pivotgrid .e-icon.e-arrowhead-left:before,
.e-pivotgrid .e-icon.e-arrowhead-right:before,
.e-pivotgrid .e-icon.e-media-forward_01:before {
  margin-top: 5px;
}
.e-pivotschemadesigner .e-dialog .e-memberCurrentPage,
.e-pivotgrid .e-dialog .e-memberCurrentPage,
.e-pivotschemadesigner .e-dialog .e-memberCurrentSearchPage,
.e-pivotgrid .e-dialog .e-memberCurrentSearchPage,
.e-pivotschemadesigner .e-dialog .e-memberCurrentDrillPage,
.e-pivotgrid .e-dialog .e-memberCurrentDrillPage {
  margin-left: 8px;
  margin-right: 6px;
  outline: none;
  text-indent: 3px;
}
.e-pivotschemadesigner .e-dialog .memberPageCount,
.e-pivotgrid .e-dialog .memberPageCount,
.e-pivotschemadesigner .e-dialog .memberSearchPageCount,
.e-pivotgrid .e-dialog .memberSearchPageCount,
.e-pivotschemadesigner .e-dialog .memberDrillPageCount,
.e-pivotgrid .e-dialog .memberDrillPageCount {
  margin-right: 8px;
}
.e-pivotschemadesigner .e-dialog .e-memberPager + div,
.e-pivotgrid .e-dialog .e-memberPager + div,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager + div,
.e-pivotgrid .e-dialog .e-memberSearchPager + div,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager + div,
.e-pivotgrid .e-dialog .e-memberDrillPager + div {
  margin: 0px 0px 6px !important;
}
/*---------------------------------------------------------- Material Theme and Office-365 -----------------------------------------------------------------------*/

.e-pivotgrid .filter,
.e-pivotgrid .values .e-removeBtn {
  margin-left: 20px;
}
.e-pivotschemadesigner .e-fieldTable .e-treeview-wrap:not(.e-fullrow-wrap) .e-text {
  position: static !important;
}
.e-pivotgrid .e-removeBtn,
.e-pivotgrid .e-sorting {
  
}
.e-pivotgrid .e-removeBtn,
.e-pivotgrid .e-sorting {
  margin-left: 8px;
}
.e-pivotgrid .e-pivotButton .e-btn.e-select.e-hoverBtn {
  
}
.e-pivotgrid .e-removeBtn {
  
}
.e-pivotgrid .e-removeBtn {
  margin-right: 4px;
}
.e-pivotgrid .filter {
  
}
.e-pivotgrid .e-pvtBtnIndent {
  
}
.e-pivotgrid .e-pvtBtnSort {
  
}
.e-pivotgrid .e-sorting {
  
}
.e-pivotgrid .e-pivotButton .e-pvtBtn + .e-removeBtn {
  margin-left: 32px;
}
.e-pivotgrid .summary {
  padding-left: 14px;
  padding-right: 40px;
}
.e-pivotgrid .summary.value {
  padding: 11px 24px 11px 35px;
}
.e-pivotgrid.e-rtl .summary {
  padding-left: 40px;
  padding-right: 24px;
}
.e-pivotgrid .filter:active,
.e-pivotgrid .e-sorting:active,
.e-pivotgrid .e-removeBtn:active {
  color: white;
}
.e-pivotgrid .e-sorting:after,
.e-pivotgrid .filter:after,
.e-pivotgrid .e-removeBtn:after {
  background-color: white;
}
.e-pivotgrid .e-pivotButton .e-btn.e-select:active,
.e-pivotgrid .e-pivotButton:active {
  
}
.e-pivotgrid .e-pivotButton .e-btn.e-select:active,
.e-pivotgrid .e-pivotButton:active {
  box-shadow: none;
  border-radius: 25px;
}
.e-pivotgrid .e-hScrollThumb:active,
.e-pivotgrid .e-vScrollThumb:active {
  background-color: #757575;
  border: 0.5px solid #616161;
}
.e-pivotgrid .e-hScrollPanel:hover {
  border-bottom: 0.5px solid #e0e0e0;
}
.e-pivotgrid .e-vScrollPanel:hover {
  border-left: 0.5px solid #e0e0e0;
}
.e-pivotgrid .dragClone.e-btn.e-select {
  
}
.e-pivotgrid .dragClone.e-btn.e-select {
  background: #eeeeee;
  font-size: 13px;
  height: 32px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
  border-radius: 25px;
  padding: 0px 12px;
  padding-bottom: 1px;
  width: auto !important;
  box-shadow: none;
}
/*.e-pivotgrid .e-pivotButton:hover .e-icon,.e-pivotgrid .e-pivotButton .e-btn.e-select .e-icon,.e-pivotgrid .e-pivotButton:active .e-icon,.e-pivotgrid .e-pivotButton .e-btn.e-select:active .e-icon{
    color:fade(@primary-font-color,70%);
}*/

.e-pivotgrid .e-btn.e-select:active .e-icon,
.e-pivotgrid .e-btn.e-select:hover .e-icon {
  
}
.e-pivotgrid .e-btn.e-select:active .e-icon,
.e-pivotgrid .e-btn.e-select:hover .e-icon {
  color: rgba(255, 255, 255, 0.7);
}
.e-pivotgrid .values .e-pivotButton,
.e-pivotgrid .e-rows .e-pivotButton,
.e-pivotgrid .columns .e-pivotButton {
  
}
.e-pivotgrid .values .e-pivotButton,
.e-pivotgrid .e-rows .e-pivotButton,
.e-pivotgrid .columns .e-pivotButton {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  margin-left: 10px;
}
.e-pivotgrid .e-drag .e-pivotButton {
  
}
.e-pivotgrid .e-drag .e-pivotButton {
  margin-top: -6px !important;
  margin-bottom: -6px !important;
  margin-right: 10px;
}
.e-pivotgrid #grpvalue + span,
.e-pivotgrid #grpcol + span,
.e-pivotgrid #grpdrag + span,
.e-pivotgrid .e-rows > span:first-child {
  
}
.e-pivotgrid #grpvalue + span,
.e-pivotgrid #grpcol + span,
.e-pivotgrid #grpdrag + span,
.e-pivotgrid .e-rows > span:first-child {
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 6px;
}
.e-pivotgrid .e-drag > span:first-child {
  
}
.e-pivotgrid .e-drag > span:first-child {
  margin-left: 10px;
}
.e-pivotgrid.e-rtl .value {
  
}
.e-pivotgrid.e-rtl .value {
  text-align: left !important;
  padding: 11px 35px 11px 24px;
}
.e-pivotgrid.e-rtl table .e-expand,
.e-pivotgrid.e-rtl table .e-collapse {
  margin-left: 12px;
  margin-right: -14px;
}
.e-pivotgrid.e-rtl table .summary .e-expand {
  margin-left: 12px;
  margin-right: -14px;
}
.e-pivotgrid.e-rtl .e-pivotButton .e-btn {
  
}
.e-pivotgrid.e-rtl .e-pivotButton .e-btn {
  margin-left: 0px;
  margin-right: 12px;
}
.e-pivotgrid.e-rtl .filter {
  
}
.e-pivotgrid.e-rtl .filter {
  margin-left: 0px;
  margin-right: 32px;
}
.e-pivotgrid.e-rtl .values .e-removeBtn,
.e-pivotgrid.e-rtl .e-pivotButton .e-pvtBtn + .e-removeBtn {
  margin-left: 4px;
  margin-right: 32px;
}
.e-pivotgrid.e-rtl .e-removeBtn {
  
}
.e-pivotgrid.e-rtl .e-removeBtn {
  margin-right: 8px;
  margin-left: 4px;
}
.e-pivotgrid.e-rtl .e-sorting {
  
}
.e-pivotgrid.e-rtl .e-sorting {
  margin-right: 8px;
  margin-left: 0px;
}
.e-pivotgrid.e-rtl .emptyPivotGrid .emptyRows .e-rows {
  
}
.e-pivotgrid.e-rtl #grpvalue + span,
.e-pivotgrid.e-rtl #grpcol + span,
.e-pivotgrid.e-rtl #grpdrag + span,
.e-pivotgrid.e-rtl .e-rows > span:first-child {
  
}
.e-pivotgrid.e-rtl #grpvalue + span,
.e-pivotgrid.e-rtl #grpcol + span,
.e-pivotgrid.e-rtl #grpdrag + span,
.e-pivotgrid.e-rtl .e-rows > span:first-child {
  margin-right: 10px;
  margin-left: 0px;
}
.e-pivotgrid.e-rtl .values .e-pivotButton,
.e-pivotgrid.e-rtl .e-rows .e-pivotButton,
.e-pivotgrid.e-rtl .columns .e-pivotButton,
.e-pivotgrid.e-rtl .e-drag .e-pivotButton {
  
  margin-left: 0px;
}
.e-pivotgrid.e-rtl .values .e-pivotButton,
.e-pivotgrid.e-rtl .e-rows .e-pivotButton,
.e-pivotgrid.e-rtl .columns .e-pivotButton,
.e-pivotgrid.e-rtl .e-drag .e-pivotButton {
  margin-right: 10px;
}
.e-pivotgrid #clientDialog_wrapper.e-advancedFilterDlg .e-scroller > .e-content:not([id$="_fieldCollection_container"]),
.e-pivotschemadesigner #clientDialog_wrapper.e-advancedFilterDlg .e-scroller > .e-content {
  overflow: visible !important;
}
.e-pivotgrid .e-dlgCalculatedField .editFormula {
  margin-left: -65px !important;
}
.e-pivotgrid .e-dialog.e-rtl .e-dlgCalculatedField .editFormula {
  margin-right: -65px !important;
}
.e-pivotgrid .valueSorting {
  color: rgba(0, 0, 0, 0.87) !important;
}
.e-pivotgrid .e-dialog.e-rtl .e-dlgCalculatedField .calculateFieldName {
  margin-left: 65px !important;
}
.e-pivotgrid .emptyPivotGrid .e-drag,
.e-pivotgrid .emptyPivotGrid .valueColumn,
.e-pivotgrid .emptyPivotGrid .valueColumn .values,
.e-pivotgrid .emptyPivotGrid .valueColumn .columns,
.e-pivotgrid .emptyPivotGrid .emptyRows,
.e-pivotgrid .emptyPivotGrid .emptyRows .e-rows {
  background-color: #e8eaf6;
  color: rgba(0, 0, 0, 0.87);
  border-color: white;
}
.e-pivotgrid .emptyPivotGrid .emptyRows {
  padding: 0px;
}
.e-pivotgrid .emptyPivotGrid .emptyRows .e-rows {
  
}
.e-pivotgrid .emptyPivotGrid .emptyRows .e-rows {
  padding-left: 15px;
  height: 45px;
  vertical-align: middle;
}
.e-pivotgrid .emptyPivotGrid .values span,
.e-pivotgrid .emptyPivotGrid .columns span {
  
}
.e-pivotgrid .emptyPivotGrid .values span,
.e-pivotgrid .emptyPivotGrid .columns span {
  padding-left: 10px;
  margin-top: 50px;
  vertical-align: middle;
}
.e-pivotgrid.e-rtl .emptyPivotGrid .values span,
.e-pivotgrid.e-rtl .emptyPivotGrid .columns span {
  
}
.e-pivotgrid .emptyPivotGrid .values {
  padding: 0px;
  height: 45px;
}
.e-pivotgrid .emptyPivotGrid .columns {
  height: 45px;
  padding: 0px 19px 0px 0px;
}
.e-pivotgrid .emptyPivotGrid .e-drag:hover,
.e-pivotgrid .emptyPivotGrid .valueColumn:hover,
.e-pivotgrid .emptyPivotGrid .valueColumn .values:hover,
.e-pivotgrid .emptyPivotGrid .valueColumn .columns:hover,
.e-pivotgrid .emptyPivotGrid .emptyRows:hover,
.e-pivotgrid .emptyPivotGrid .emptyRows .e-rows:hover {
  background-color: #c5cae9;
}
.e-dragedNode.pivotTreeViewDragedNode {
  background: #eeeeee;
  font-size: 13px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
  border-radius: 25px;
  padding-right: 12px;
  box-shadow: none !important;
  text-transform: none;
}
.e-pivotschemadesigner .e-dialog .e-editorTreeView .e-ul {
  padding: 0px 0px 0px 24px;
}
.e-pivotgrid .filterDialog #filterValue1,
.e-pivotgrid .filterDialog #filterValue2 {
  background: inherit;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  outline: none;
}
.e-pivotgrid .filterDialog #filterValue1:active,
.e-pivotgrid .filterDialog #filterValue1:focus,
.e-pivotgrid .filterDialog #filterValue2:active,
.e-pivotgrid .filterDialog #filterValue2:focus {
  border-bottom: 2px solid #ff4081;
}
.e-pivotgrid .filterDialog #filterValue1:disabled,
.e-pivotgrid .filterDialog #filterValue2:disabled {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.12);
}
.e-pivotgrid .filterDialog td .e-ddl,
.e-pivotgrid .filterDialog #filterValue1,
.e-pivotgrid .filterDialog #filterValue2 {
  margin-top: 24px;
}
.e-pivotgrid .e-conditionFrom:active,
.e-pivotgrid .e-conditionTo:active,
.e-pivotgrid .e-conditionFrom:focus,
.e-pivotgrid .e-conditionTo:focus {
  border-bottom: 2px solid #ff4081;
}
.e-pivotgrid .e-conditionFrom:disabled,
.e-pivotgrid .e-conditionTo:disabled {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.12);
}
/*.e-pivotgrid .e-conditionFrom:active, .e-pivotgrid .e-conditionTo:active,.e-pivotgrid .e-conditionFrom:hover,.e-pivotgrid .e-conditionTo:hover{
    border-bottom:1px solid fade(@base-font-color,12%);
}*/

.e-pivotgrid .e-dialog .e-btn,
.e-pivotschemadesigner .e-dialog .e-btn,
.e-pivotschemadesigner .btnDeferUpdate {
  background: none;
  color: #ff4081;
  box-shadow: none;
  border: none;
  padding: 0px 12px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.e-pivotgrid .e-dialog .e-dialogOKBtn,
.e-pivotgrid .e-dialog .e-dialogCancelBtn {
  margin-bottom: 4px;
}
.e-pivotgrid .e-dialog .e-btn.e-disable,
.e-pivotgrid .e-dialog .e-btn.e-disable:hover,
.e-pivotgrid .e-dialog .e-btn.e-disable:focus,
.e-pivotgrid .e-dialog .e-btn.e-disable:active,
.e-pivotschemadesigner .e-dialog .e-btn.e-disable,
.e-pivotschemadesigner .e-dialog .e-btn.e-disable:focus,
.e-pivotschemadesigner .e-dialog .e-btn.e-disable:hover,
.e-pivotschemadesigner .e-dialog .e-btn.e-disable:active,
.e-pivotschemadesigner .btnDeferUpdate.e-disable,
.e-pivotschemadesigner .btnDeferUpdate.e-disable:hover,
.e-pivotschemadesigner .btnDeferUpdate.e-disable:focus,
.e-pivotschemadesigner .btnDeferUpdate.e-disable:active {
  color: rgba(0, 0, 0, 0.26);
  background: none !important;
}
.e-pivotgrid .e-dialog .calculatorFields,
.e-pivotgrid .e-dialog .calculatorFields:hover,
.e-pivotgrid .e-dialog .calculatorFields:focus {
  padding: 0px !important;
}
.e-pivotgrid .e-dialog .e-btn:hover,
.e-pivotschemadesigner .e-dialog .e-btn:hover,
.e-pivotgrid .e-dialog .e-btn:focus,
.e-pivotschemadesigner .e-dialog .e-btn:focus,
.e-pivotschemadesigner .btnDeferUpdate:hover,
.e-pivotschemadesigner .btnDeferUpdate:focus {
  color: #ff4081;
  border: none;
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 0;
  box-shadow: none;
  padding: 0px 12px;
}
.e-pivotgrid .e-dialog .e-btn:active,
.e-pivotschemadesigner .e-dialog .e-btn:active,
.e-pivotschemadesigner .btnDeferUpdate:active {
  background-color: rgba(255, 64, 129, 0.12);
}
#PivotSchemaDesigner_dragClone {
  background: #eeeeee;
  font-size: 13px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.54);
  border-radius: 25px;
  padding: 0px 12px;
  box-shadow: none;
  text-transform: none;
  height: 32px !important;
}
.e-pivotschemadesigner.e-rtl .e-pivotButton {
  
}
.e-pivotschemadesigner.e-rtl .e-pivotButton {
  margin-left: 0px;
  margin-right: 12px;
  float: right;
  clear: right;
}
.e-pivotschemadesigner .e-treeview ul {
  padding-left: 8px;
}
.e-pivotschemadesigner .e-axisTd1 .e-schemaFilter,
.e-pivotschemadesigner .e-axisTd1 .e-schemaRow,
.e-pivotschemadesigner .e-axisTd1 .e-pivotHeader,
.e-pivotschemadesigner .e-axisTd1 .e-rPivotHeader {
  margin-left: 0px;
}
.e-pivotschemadesigner .e-axisTd2 .e-schemaValue,
.e-pivotschemadesigner .e-axisTd2 .e-schemaColumn,
.e-pivotschemadesigner .e-axisTd2 .e-pivotHeader,
.e-pivotschemadesigner .e-axisTd2 .e-rPivotHeader {
  margin-left: 14px;
}
.e-pivotschemadesigner .e-pivotButton .e-btn.e-select {
  
}
.e-pivotschemadesigner .e-pivotButton .e-btn.e-select {
  background: #e0e0e0;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  text-transform: none;
  padding: 0px 12px;
  padding-bottom: 1px;
}
.e-pivotschemadesigner .e-pivotButton .e-pvtBtn,
.e-pivotschemadesigner .e-pivotButton .e-pvtBtn:hover,
.e-pivotschemadesigner .e-pivotButton .e-pvtBtn:active {
  
}
.e-pivotschemadesigner .e-pivotButton .e-pvtBtn,
.e-pivotschemadesigner .e-pivotButton .e-pvtBtn:hover,
.e-pivotschemadesigner .e-pivotButton .e-pvtBtn:active {
  box-shadow: none;
  width: auto !important;
  border-radius: 25px;
}
.e-pivotschemadesigner .e-pivotButton {
  
}
.e-pivotschemadesigner .e-pivotButton {
  margin-left: 12px;
  width: 96%;
  display: inline-block;
  float: left;
  clear: left;
}
.e-pivotschemadesigner #rowlabel + div,
.e-pivotschemadesigner #columnlabel + div,
.e-pivotschemadesigner #valuelabel + div,
.e-pivotschemadesigner #reportfilter + div {
  
}
.e-pivotschemadesigner #rowlabel + div,
.e-pivotschemadesigner #columnlabel + div,
.e-pivotschemadesigner #valuelabel + div,
.e-pivotschemadesigner #reportfilter + div {
  margin-top: 6px;
}
.e-pivotschemadesigner .e-pivotButton .pvtBtnDiv,
.e-pivotschemadesigner .e-pivotButton .e-pvtBtn {
  display: inline-block;
  border-radius: 25px;
}
.e-pivotschemadesigner .e-pivotButton .e-pvtBtn:hover,
.e-pivotschemadesigner .e-pivotButton .e-pvtBtn:active {
  
}
.e-pivotschemadesigner .e-pivotButton .e-pvtBtn:hover,
.e-pivotschemadesigner .e-pivotButton .e-pvtBtn:active {
  background-color: #757575;
  color: white;
  font-size: 13px;
}
.e-pivotschemadesigner .e-dropIndicator + .e-pvtBtn {
  margin-top: 10px;
}
.e-pivotschemadesigner .e-listHeader .headerText {
  font-size: 16px;
}
.e-pivotgrid .summary.calc,
.e-pivotgrid .summary.calc:hover {
  
}
.e-pivotgrid table .e-expand.e-icon:before,
.e-pivotgrid table .e-collapse.e-icon:before {
  
}
.e-pivotgrid.e-rtl table .e-expand,
.e-pivotgrid.e-rtl table .e-collapse {
  
}
.e-pivotgrid.e-rtl .colheader,
.e-pivotgrid.e-rtl .colheader:hover,
.e-pivotgrid.e-rtl .rowheader,
.e-pivotgrid.e-rtl .rowheader:hover,
.e-pivotgrid.e-rtl .calc,
.e-pivotgrid.e-rtl .calc:hover {
  
}
.e-pivotgrid.e-rtl th,
.e-pivotgrid.e-rtl td {
  
}
.e-pivotschemadesigner .e-pivotButton:first-child {
  
}
.e-pivotschemadesigner .e-pivotHeader .headerText,
.e-pivotschemadesigner .e-rPivotHeader .headerText {
  
}
.e-pivotschemadesigner.e-rtl .e-pivotHeader .headerText,
.e-pivotschemadesigner.e-rtl .e-rPivotHeader .headerText {
  
}
.e-pivotschemadesigner .btnDeferUpdate,
.e-pivotschemadesigner .e-btn.e-dialogOKBtn,
.e-pivotgrid .e-btn.e-dialogOKBtn,
.e-pivotgrid .e-dlgCalculatedField + div .e-btn:first-child {
  
}
.e-pivotschemadesigner .btnDeferUpdate:hover,
.e-pivotschemadesigner .e-btn.e-dialogOKBtn:hover,
.e-pivotgrid .e-btn.e-dialogOKBtn:hover,
.e-pivotgrid .e-dlgCalculatedField + div .e-btn:first-child:hover {
  
}
.e-pivotschemadesigner .btnDeferUpdate:focus,
.e-pivotschemadesigner .e-btn.e-dialogOKBtn:focus,
.e-pivotgrid .e-btn.e-dialogOKBtn:focus,
.e-pivotgrid .e-dlgCalculatedField + div .e-btn:first-child:focus {
  
}
.e-pivotschemadesigner .btnDeferUpdate:active,
.e-pivotschemadesigner .e-btn.e-dialogOKBtn:active,
.e-pivotgrid .e-btn.e-dialogOKBtn:active,
.e-pivotgrid .e-dlgCalculatedField + div .e-btn:first-child:active {
  
}
.e-pivotgrid .e-dlgCalculatedField + div .e-btn.e-disable,
.e-pivotgrid .e-dlgCalculatedField + div .e-btn.e-disable:hover,
.e-pivotgrid .e-dlgCalculatedField + div .e-btn.e-disable:active {
  
}
.e-pivotschemadesigner.e-rtl {
  
}
.e-pivotschemadesigner.e-rtl .e-listHeader {
  
}
.e-pivotschemadesigner.e-rtl .e-schemaFilter,
.e-pivotschemadesigner.e-rtl .e-schemaRow,
.e-pivotschemadesigner.e-rtl .e-pivotHeader {
  
}
/*.e-pivotgrid .e-treeview-wrap .e-item div>.e-chkbox-wrap,.e-pivotschemadesigner .e-treeview-wrap .e-item div>.e-chkbox-wrap{
    & when (@skin = "office-365"){
       margin-left:0px;
   }    
}
 .e-pivotgrid .e-treeview-wrap .e-treeview-ul li.e-item div>.e-chkbox-wrap,.e-pivotschemadesigner .e-treeview-wrap  .e-treeview-ul li.e-item div>.e-chkbox-wrap,.e-pivotgrid .e-treeview-wrap li.e-item div>.e-icon+.e-chkbox-wrap,.e-pivotschemadesigner .e-treeview-wrap  li.e-item div>.e-icon+.e-chkbox-wrap{
    & when (@skin = "office-365"){
       margin-left:16px;
   }    
}
  .e-pivotgrid.e-rtl .e-treeview-wrap.e-rtl .e-item div>.e-chkbox-wrap,.e-pivotschemadesigner.e-rtl .e-treeview-wrap.e-rtl .e-item div>.e-chkbox-wrap{
    & when (@skin = "office-365"){
       margin-right:0px;
   }    
}
 .e-pivotgrid.e-rtl .e-treeview-wrap.e-rtl .e-treeview-ul li.e-item div>.e-chkbox-wrap,.e-pivotschemadesigner.e-rtl .e-treeview-wrap.e-rtl  .e-treeview-ul li.e-item div>.e-chkbox-wrap,.e-pivotgrid.e-rtl .e-treeview-wrap.e-rtl ul li.e-item div>.e-icon+.e-chkbox-wrap,.e-pivotschemadesigner.e-rtl .e-treeview-wrap.e-rtl  li.e-item div>.e-icon+.e-chkbox-wrap{
    & when (@skin = "office-365"){
       margin-right:16px;
   }    
}*/

.e-pivotschemadesigner .e-schemaFieldTree.e-treeview-wrap .e-item div > .e-chkbox-wrap {
  
}
.e-pivotschemadesigner .e-schemaFieldTree.e-treeview-wrap .e-treeview-ul li.e-item div > .e-chkbox-wrap,
.e-pivotschemadesigner .e-schemaFieldTree.e-treeview-wrap li.e-item div > .e-icon + .e-chkbox-wrap {
  
}
.e-pivotschemadesigner.e-rtl .e-schemaFieldTree.e-treeview-wrap.e-rtl .e-item div > .e-chkbox-wrap {
  
}
.e-pivotschemadesigner.e-rtl .e-schemaFieldTree.e-treeview-wrap.e-rtl .e-treeview-ul li.e-item div > .e-chkbox-wrap,
.e-pivotschemadesigner.e-rtl .e-schemaFieldTree.e-treeview-wrap.e-rtl li.e-item div > .e-icon + .e-chkbox-wrap {
  
}
.e-pivotschemadesigner .e-editorDiv,
.e-pivotgrid .e-editorDiv {
  
}
.e-pivotschemadesigner.e-rtl .e-dialogCancelBtn,
.e-pivotgrid.e-rtl .e-dialogCancelBtn {
  
}
.e-pivotgrid .e-dialogOKBtn,
.e-pivotgrid .e-dialogCancelBtn {
  
}
.e-pivotgrid .e-dlgCalculatedField .e-btn.e-select:active .e-icon.e-sigma {
  
}
.e-pivotgrid .e-dlgCalculatedField + div {
  
}
.e-pivotgrid .e-conditionFrom:hover,
.e-pivotgrid .filterDialog input.e-filterValues:hover,
.e-pivotschemadesigner .filterDialog input.e-filterValues:hover,
.e-pivotgrid .e-conditionTo:hover {
  
}
.e-pivotgrid .e-conditionFrom:active,
.e-pivotgrid .e-conditionTo:active,
.e-pivotgrid .filterDialog input.e-filterValues:active,
.e-pivotschemadesigner .filterDialog input.e-filterValues:active,
.e-pivotgrid .filterDialog input.e-filterValues:focus,
.e-pivotschemadesigner .filterDialog input.e-filterValues:focus,
.e-pivotgrid .e-conditionFrom:focus,
.e-pivotgrid .e-conditionTo:focus {
  
}
.e-pivotgrid .conditionformatTbl label {
  
}
.e-pivotgrid .conditionformatTbl .e-ddl {
  
}
.e-pivotgrid .conditionformatTbl th,
.e-pivotgrid .conditionformatTbl td {
  
}
.e-pivotgrid .e-conditionDlg {
  
}
.e-pivotgrid .e-conditionDlg + div {
  
}
.e-pivotgrid .e-dialogremoveBtn {
  
}
.e-pivotgrid.e-rtl .conditionformatTbl .e-ddl,
.e-pivotgrid.e-rtl .conditionformatTbl label {
  
}
.e-pivotgrid .e-filterElementTag a.e-menulink,
.e-pivotschemadesigner .e-filterElementTag a.e-menulink {
  
}
.e-pivotgrid.e-advancedFilterDlg .e-ddlGroupWrap,
.e-pivotgrid .e-advancedFilterDlg .e-menu-wrap,
.e-pivotschemadesigner.e-advancedFilterDlg .e-ddlGroupWrap,
.e-pivotschemadesigner .e-advancedFilterDlg .e-menu-wrap {
  
}
.e-pivotgrid .e-advancedFilterDlg .e-memberSearchEditorDiv,
.e-pivotschemadesigner .e-advancedFilterDlg .e-memberSearchEditorDiv {
  
}
.e-pivotgrid .clientDialog .e-menu.e-vertical .e-list > .e-menulink > span.e-icon.e-arrowhead-right,
.e-pivotschemadesigner .clientDialog .e-menu.e-vertical .e-list > .e-menulink > span.e-icon.e-arrowhead-right {
  
}
.e-pivotgrid .filterDialog .e-ddl,
.e-pivotschemadesigner .filterDialog .e-ddl {
  
}
.e-pivotgrid .filterDialog td,
.e-pivotschemadesigner .filterDialog td {
  
}
.e-pivotgrid .filterDialog input.e-filterValues,
.e-pivotschemadesigner .filterDialog input.e-filterValues {
  
}
.e-pivotgrid .filterDialog .e-dialogCancelBtn,
.e-pivotschemadesigner .filterDialog .e-dialogCancelBtn {
  margin-right: 10px;
  
}
.e-pivotgrid.e-rtl .filterDialog .e-dialogCancelBtn,
.e-pivotschemadesigner.e-rtl .filterDialog .e-dialogCancelBtn {
  
}
.e-pivotgrid .e-dlgCalculatedField .e-ddl {
  
}
.e-pivotgrid .e-dlgCalculatedField .borderLine {
  
}
.e-pivotgrid .e-dlgCalculatedField .e-fieldTable .e-btn {
  
}
.e-pivotgrid .e-dlgCalculatedField .e-ddl-popup.e-wrap {
  
}
.e-pivotgrid .e-dlgCalculatedField .e-btn.calculatorFields:hover,
.e-pivotgrid .conditionformatTbl .e-btn.e-dialogremoveBtn:hover {
  
}
.e-pivotgrid .e-dlgCalculatedField .e-btn.calculatorFields:active,
.e-pivotgrid .e-dlgCalculatedField .e-btn.calculatorFields:focus,
.e-pivotgrid .conditionformatTbl .e-btn.e-dialogremoveBtn:active,
.e-pivotgrid .conditionformatTbl .e-btn.e-dialogremoveBtn:focus {
  
}
.e-pivotgrid.e-rtl .e-dlgCalculatedField label {
  
}
.e-pivotgrid.e-rtl .e-dlgCalculatedField .e-ddl {
  
}
.e-pivotgrid.e-rtl .calculateFieldName {
  
}
.e-pivotgrid.e-rtl .e-calcFormulaDiv td {
  
}
.e-pivotgrid .calculateFieldName.e-hoverCell {
  background-color: white !important;
}
.e-pivotgrid .conditionformatTbl .e-dialogremoveBtn:active {
  
}
.e-pivotgrid .e-advancedFilterDlg .e-dialogCancelBtn,
.e-pivotschemadesigner .e-advancedFilterDlg .e-dialogCancelBtn {
  
}
.e-pivotgrid.e-rtl .e-advancedFilterDlg .e-dialogOKBtn,
.e-pivotschemadesigner.e-rtl .e-advancedFilterDlg .e-dialogOKBtn {
  margin-right: 102px !important;
}
.e-pivotgrid.e-rtl .e-advancedFilterDlg .e-dialogCancelBtn,
.e-pivotschemadesigner.e-rtl .e-advancedFilterDlg .e-dialogCancelBtn {
  
}
.e-pivotgrid.e-rtl .clientDialog .e-menu.e-vertical .e-list > .e-menulink > span.e-icon.e-arrowhead-right,
.e-pivotschemadesigner.e-rtl .clientDialog .e-menu.e-vertical .e-list > .e-menulink > span.e-icon.e-arrowhead-right {
  
}
.e-pivotgrid .e-labelValueFilterDlg .e-titlebar,
.e-pivotschemadesigner .e-labelValueFilterDlg .e-titlebar {
  
}
.e-pivotgrid .e-labelValueFilterDlg .labelfilter + div,
.e-pivotgrid .e-labelValueFilterDlg .valuefilter + div,
.e-pivotschemadesigner .e-labelValueFilterDlg .labelfilter + div,
.e-pivotschemadesigner .e-labelValueFilterDlg .valuefilter + div {
  
}
.e-pivotgrid .e-labelValueFilterDlg .e-dialogOKBtn,
.e-pivotschemadesigner .e-labelValueFilterDlg .e-dialogOKBtn,
.e-pivotgrid .e-labelValueFilterDlg .e-dialogCancelBtn,
.e-pivotschemadesigner .e-labelValueFilterDlg .e-dialogCancelBtn {
  
}
.e-pivotgrid .curInput {
  width: 100%;
  
}
.e-pivotgrid .e-memberEditorDiv.noChildNode .e-item div > .e-chkbox-wrap,
.e-pivotschemadesigner .e-memberEditorDiv.noChildNode .e-item div > .e-chkbox-wrap {
  
}
.e-pivotgrid.e-rtl .e-memberEditorDiv.noChildNode .e-item div > .e-chkbox-wrap,
.e-pivotschemadesigner.e-rtl .e-memberEditorDiv.noChildNode .e-item div > .e-chkbox-wrap {
  
}
.e-pivotschemadesigner .e-icon.e-media-backward_01:before,
.e-pivotgrid .e-icon.e-media-backward_01:before {
  content: "\e83e";
}
.e-pivotschemadesigner .e-icon.e-arrowhead-left:before,
.e-pivotgrid .e-icon.e-arrowhead-left:before {
  content: "\e83f";
}
.e-pivotschemadesigner .e-icon.e-arrowhead-right:before,
.e-pivotgrid .e-icon.e-arrowhead-right:before {
  content: "\e840";
}
.e-pivotgrid .e-icon.e-media-forward_01:before,
.e-pivotschemadesigner .e-icon.e-media-forward_01:before {
  content: "\e841";
}
.e-pivotschemadesigner .e-firstPage,
.e-pivotgrid .e-firstPage {
  
}
.e-pivotschemadesigner .e-firstPage,
.e-pivotgrid .e-firstPage {
  margin-right: 12px;
}
.e-pivotschemadesigner .e-lastPage,
.e-pivotgrid .e-lastPage {
  
}
.e-pivotschemadesigner .e-lastPage,
.e-pivotgrid .e-lastPage {
  margin-left: 12px;
}
.e-pivotgrid .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
e-pivotgrid .e-dialog .e-memberPager + div .e-btn.e-dialogCancelBtn,
.e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn.e-dialogCancelBtn,
.e-pivotgrid .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
e-pivotgrid .e-dialog .e-memberSearchPager + div .e-btn.e-dialogCancelBtn,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn.e-dialogCancelBtn,
.e-pivotgrid .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn,
e-pivotgrid .e-dialog .e-memberDrillPager + div .e-btn.e-dialogCancelBtn,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn.e-dialogCancelBtn {
  margin-top: 0px;
  margin-bottom: 0px;
}
.e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn,
.e-pivotgrid .e-dialog .e-memberPager + div .e-btn,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn,
.e-pivotgrid .e-dialog .e-memberSearchPager + div .e-btn,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn,
.e-pivotgrid .e-dialog .e-memberDrillPager + div .e-btn {
  margin-top: 0px;
  margin-bottom: 0px;
}
.e-pivotschemadesigner .e-dialog .e-memberPager + div,
.e-pivotgrid .e-dialog .e-memberPager + div,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager + div,
.e-pivotgrid .e-dialog .e-memberSearchPager + div,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager + div,
.e-pivotgrid .e-dialog .e-memberDrillPager + div {
  
}
.e-pivotschemadesigner .e-dialog .e-memberPager + div,
.e-pivotgrid .e-dialog .e-memberPager + div,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager + div,
.e-pivotgrid .e-dialog .e-memberSearchPager + div,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager + div,
.e-pivotgrid .e-dialog .e-memberDrillPager + div {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}
.e-pivotschemadesigner .e-firstPage.e-pageEnabled,
.e-pivotschemadesigner .e-prevPage.e-pageEnabled,
.e-pivotschemadesigner .e-nextPage.e-pageEnabled,
.e-pivotschemadesigner .e-lastPage.e-pageEnabled,
.e-pivotgrid .e-firstPage.e-pageEnabled,
.e-pivotgrid .e-prevPage.e-pageEnabled,
.e-pivotgrid .e-nextPage.e-pageEnabled,
.e-pivotgrid .e-lastPage.e-pageEnabled {
  
}
.e-pivotschemadesigner .e-firstPage.e-pageEnabled,
.e-pivotschemadesigner .e-prevPage.e-pageEnabled,
.e-pivotschemadesigner .e-nextPage.e-pageEnabled,
.e-pivotschemadesigner .e-lastPage.e-pageEnabled,
.e-pivotgrid .e-firstPage.e-pageEnabled,
.e-pivotgrid .e-prevPage.e-pageEnabled,
.e-pivotgrid .e-nextPage.e-pageEnabled,
.e-pivotgrid .e-lastPage.e-pageEnabled {
  color: rgba(0, 0, 0, 0.54);
}
.e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn {
  
}
.e-pivotschemadesigner.e-rtl .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid.e-rtl .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner.e-rtl .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid.e-rtl .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner.e-rtl .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid.e-rtl .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn {
  
}
.e-pivotgrid .e-dialog .e-memberPager .e-memberCurrentPage:hover,
.e-pivotschemadesigner .e-dialog .e-memberPager .e-memberCurrentPage:hover,
.e-pivotgrid .e-dialog .e-memberSearchPager .e-memberCurrentPage:hover,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager .e-memberCurrentPage:hover,
.e-pivotgrid .e-dialog .e-memberDrillPager .e-memberCurrentPage:hover,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager .e-memberCurrentPage:hover {
  
}
.e-pivotgrid .e-dialog .e-memberPager .e-memberCurrentPage:hover,
.e-pivotschemadesigner .e-dialog .e-memberPager .e-memberCurrentPage:hover,
.e-pivotgrid .e-dialog .e-memberSearchPager .e-memberCurrentPage:hover,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager .e-memberCurrentPage:hover,
.e-pivotgrid .e-dialog .e-memberDrillPager .e-memberCurrentPage:hover,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager .e-memberCurrentPage:hover {
  border-color: rgba(0, 0, 0, 0.26);
}
.e-pivotschemadesigner .e-dialog .e-memberPager .e-memberCurrentPage:active,
.e-pivotschemadesigner .e-dialog .e-memberPager .e-memberCurrentPage:focus,
.e-pivotgrid .e-dialog .e-memberPager .e-memberCurrentPage:active,
.e-pivotgrid .e-dialog .e-memberPager .e-memberCurrentPage:focus,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager .e-memberCurrentPage:active,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager .e-memberCurrentPage:focus,
.e-pivotgrid .e-dialog .e-memberSearchPager .e-memberCurrentPage:active,
.e-pivotgrid .e-dialog .e-memberSearchPager .e-memberCurrentPage:focus,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager .e-memberCurrentPage:active,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager .e-memberCurrentPage:focus,
.e-pivotgrid .e-dialog .e-memberDrillPager .e-memberCurrentPage:active,
.e-pivotgrid .e-dialog .e-memberDrillPager .e-memberCurrentPage:focus {
  
}
.e-pivotschemadesigner .e-dialog .e-memberPager .e-memberCurrentPage:active,
.e-pivotschemadesigner .e-dialog .e-memberPager .e-memberCurrentPage:focus,
.e-pivotgrid .e-dialog .e-memberPager .e-memberCurrentPage:active,
.e-pivotgrid .e-dialog .e-memberPager .e-memberCurrentPage:focus,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager .e-memberCurrentPage:active,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager .e-memberCurrentPage:focus,
.e-pivotgrid .e-dialog .e-memberSearchPager .e-memberCurrentPage:active,
.e-pivotgrid .e-dialog .e-memberSearchPager .e-memberCurrentPage:focus,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager .e-memberCurrentPage:active,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager .e-memberCurrentPage:focus,
.e-pivotgrid .e-dialog .e-memberDrillPager .e-memberCurrentPage:active,
.e-pivotgrid .e-dialog .e-memberDrillPager .e-memberCurrentPage:focus {
  border-color: rgba(0, 0, 0, 0.54);
}
.e-pivotgrid .e-dialog .e-memberPager .e-memberCurrentPage,
.e-pivotschemadesigner .e-dialog .e-memberPager .e-memberCurrentPage,
.e-pivotgrid .e-dialog .e-memberSearchPager .e-memberCurrentPage,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager .e-memberCurrentPage,
.e-pivotgrid .e-dialog .e-memberDrillPager .e-memberCurrentPage,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager .e-memberCurrentPage {
  
}
.e-pivotgrid .e-dialog .e-memberPager .e-memberCurrentPage,
.e-pivotschemadesigner .e-dialog .e-memberPager .e-memberCurrentPage,
.e-pivotgrid .e-dialog .e-memberSearchPager .e-memberCurrentPage,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager .e-memberCurrentPage,
.e-pivotgrid .e-dialog .e-memberDrillPager .e-memberCurrentPage,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager .e-memberCurrentPage {
  color: rgba(0, 0, 0, 0.87);
  font-family: 'Roboto', Segoe UI;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  width: 22px !important;
  height: 15px !important;
  border-radius: 2px;
}
.e-pivotgrid table.pivotGridValueTable.rowFrozenTable tr td:first-child {
  border-left: 0px;
}
.e-pivotgrid table.pivotGridFrozenTable.rowFrozenTable tr td:last-child,
table.pivotGridValueTable.rowFrozenTable tr td:last-child {
  border-right: 0px;
}
.e-pivotgrid .frozenBorderBtmClr {
  border-bottom: solid 1px #e0e0e0;
}
.e-pivotgrid .e-dialog .e-memberPager,
.e-pivotschemadesigner .e-dialog .e-memberPager,
.e-pivotgrid .e-dialog .e-memberSearchPager,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager,
.e-pivotgrid .e-dialog .e-memberDrillPager,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager {
  
}
.e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn.e-dialogCancelBtn,
.e-pivotschemadesigner.e-rtl .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner.e-rtl .e-dialog .e-memberPager + div .e-btn.e-dialogCancelBtn,
.e-pivotgrid .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid .e-dialog .e-memberPager + div .e-btn.e-dialogCancelBtn,
.e-pivotgrid.e-rtl .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid.e-rtl .e-dialog .e-memberPager + div .e-btn.e-dialogCancelBtn,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn.e-dialogCancelBtn,
.e-pivotschemadesigner.e-rtl .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner.e-rtl .e-dialog .e-memberSearchPager + div .e-btn.e-dialogCancelBtn,
.e-pivotgrid .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid .e-dialog .e-memberSearchPager + div .e-btn.e-dialogCancelBtn,
.e-pivotgrid.e-rtl .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid.e-rtl .e-dialog .e-memberSearchPager + div .e-btn.e-dialogCancelBtn,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn.e-dialogCancelBtn,
.e-pivotschemadesigner.e-rtl .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn,
.e-pivotschemadesigner.e-rtl .e-dialog .e-memberDrillPager + div .e-btn.e-dialogCancelBtn,
.e-pivotgrid .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid .e-dialog .e-memberDrillPager + div .e-btn.e-dialogCancelBtn,
.e-pivotgrid.e-rtl .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn,
.e-pivotgrid.e-rtl .e-dialog .e-memberDrillPager + div .e-btn.e-dialogCancelBtn {
  
}
.e-pivotschemadesigner .e-firstPage.e-pageEnabled:after,
.e-pivotschemadesigner .e-prevPage.e-pageEnabled:after,
.e-pivotschemadesigner .e-nextPage.e-pageEnabled:after,
.e-pivotschemadesigner .e-lastPage.e-pageEnabled:after,
.e-pivotgrid .e-firstPage.e-pageEnabled:after,
.e-pivotgrid .e-prevPage.e-pageEnabled:after,
.e-pivotgrid .e-nextPage.e-pageEnabled:after,
.e-pivotgrid .e-lastPage.e-pageEnabled:after {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-pivotschemadesigner .e-firstPage,
.e-pivotschemadesigner .e-prevPage,
.e-pivotschemadesigner .e-nextPage,
.e-pivotschemadesigner .e-lastPage,
.e-memberCurrentPage,
.memberPageCount,
.e-pivotgrid .e-firstPage,
.e-pivotgrid .e-prevPage,
.e-pivotgrid .e-nextPage,
.e-pivotgrid .e-lastPage,
.e-memberCurrentSearchPage,
.memberSearchPageCount,
.e-memberCurrentDrillPage,
.memberDrillPageCount {
  vertical-align: middle;
}
/*.dragSchemaButtonClone{
  & when (@skin= "office-365") {
  font:14px Segoe UI;
  padding:0px 8px;
  background:@theme-lighter;
  color:@theme-light-font;
  width:auto;
 }
}*/

@media (min-width: 20px) and (max-width: 799px) {
  .e-pivotgrid .e-table {
    width: 100%;
    /*table-layout:fixed;*/
    overflow-wrap: break-word;
  }
  .e-pivotgrid .e-table td {
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 800px) and (max-width: 959px) {
  .e-pivotgrid .e-table {
    width: 100%;
    /*table-layout:fixed;*/
    overflow-wrap: break-word;
  }
  .e-pivotgrid .e-table td {
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 960px) and (max-width: 1120px) {
  .e-pivotgrid .e-table {
    width: 100%;
    /*table-layout:fixed;*/
    overflow-wrap: break-word;
  }
  .e-pivotgrid .e-table td {
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 1120px) {
  .e-pivotgrid .e-table {
    width: 100%;
    /*table-layout:fixed;*/
    overflow-wrap: break-word;
  }
  .e-pivotgrid .e-table td {
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-pivotclient,
.e-pivotclient * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.e-pivotclient .e-pivotschemadesigner .memberSortDiv {
  margin-top: 1px !important;
}
.e-pivotclient .e-box,
.e-pivotclient button.e-btn,
.e-pivotclient input.e-btn,
.e-pivotclient input.e-input,
.e-pivotclient input[type="text"].e-input,
.e-pivotclient .e-input.e-placeholder,
.e-pivotclient .e-js.e-lv.e-js .e-header.e-box,
.e-pivotclient .e-textbox,
.e-textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.e-pivotclient td {
  padding: 0;
  border: 0 none;
}
.e-pivotclient .e-hoverCell {
  background-color: #e0e0e0 !important;
}
.e-pivotclient .e-collectionli:hover,
.e-pivotclient .e-reportli:hover {
  background: whitesmoke !important;
  border: none !important;
  color: #424242 !important;
  padding: 3px !important;
  
  border-top: 4px !important;
}
.e-pivotclient .e-collectiondiv {
  float: right;
  margin-left: 6px;
}
.e-pivotclient .e-reportLbl,
.e-pivotclient .e-collectionLbl {
  margin-top: 2px;
}
.e-pivotclient .e-splitBtnUnique {
  height: auto !important;
}
.e-pivotclient *:focus:hover {
  outline: none;
}
.e-pivotclient .e-removeBtnUnqiue {
  height: calc(61%) !important;
}
.e-pivotclient .e-schemaRemoveBtnUnqiue {
  height: inherit !important;
}
.e-pivotclient .e-schemaBtnUnique {
  margin-top: 0px !important;
  height: auto !important;
  white-space: initial !important;
}
.e-pivotclient .e-pvtBtnUnique {
  display: inline-flex !important;
}
.e-pvtBtnUnique {
  display: inline-flex !important;
}
.e-pivotclient {
  border: 1px solid #e0e0e0;
  
  background-color: white;
}
.e-pivotclient {
  color: #212121;
}
.e-pivotclient {
  padding-bottom: 10px;
}
.e-pivotclient .e-fullScreenView .e-pivotgrid {
  overflow: auto;
}
.e-pivotclient .e-memberDescendingIcon,
.e-pivotclient .e-memberAscendingIcon {
  display: inline-block;
  height: 20px;
  margin: 0px 10px;
  vertical-align: middle;
  width: 20px;
  
}
.e-pivotclient .e-memberDescendingIcon,
.e-pivotclient .e-memberAscendingIcon {
  color: rgba(0, 0, 0, 0.54);
}
.e-pivotclient .e-memberAscendingIcon:before {
  content: "\e714";
  font-size: 16px;
  margin: 2px;
}
.e-pivotclient div.memberSortingDiv > div.e-checkAllBox > label {
  font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 12px;
  font-weight: bold;
}
.e-pivotclient .e-separateDiv {
  border: 1px solid #e0e0e0 !important;
  border-bottom: none !important;
  
  margin: 9px 0px;
}
.e-pivotclient .e-memberDescendingIcon:before {
  content: "\e713";
  font-size: 16px;
  margin: 2px;
}
.e-pivotclient .e-memberDescendingIcon:hover,
.e-pivotclient .e-memberAscendingIcon:hover {
  background-color: #e0e0e0;
  cursor: pointer;
}
.e-pivotclient .advancedFilter div.memberSortingDiv > div.e-checkAllBox > label {
  font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 12px;
  font-weight: normal !important;
}
.e-pivotclient .e-editorTreeView.e-treeViewUl ul {
  padding-left: 0px !important;
}
.e-pivotclient .e-editorTreeView.e-treeViewUl li {
  padding-left: 12px !important;
}
.e-pivotclient .memberSortDiv {
  float: right;
}
.e-pivotclient .memberSortDiv.e-rtl {
  float: left;
  margin-left: -15px !important;
}
.e-pivotclient .e-gridPanel,
.e-pivotclient .e-chartPanel {
  border: none !important;
}
.e-pivotclient .e-controlPanel {
  position: relative;
  right: 5px;
}
.e-pivotclient .e-sortFilterDisable {
  color: #999999;
}
.e-pivotclient ul.e-sortfiltTab.e-box.e-addborderbottom.e-header {
  
}
.e-pivotclient .e-dialog .e-header {
  
}
.e-pivotclient textarea {
  background: white;
}
.e-pivotclient .e-treeview .e-text {
  
}
.e-pivotclient .e-treeview .e-text {
  color: rgba(0, 0, 0, 0.87);
}
.e-pivotclient .e-treeview .e-text:hover {
  color: #212121;
}
.e-pivotclient .e-treeview .e-icon.e-stop:before {
  content: "\e657" !important;
}
.e-pivotclient .e-dialog a.e-linkPanel {
  text-decoration: underline;
}
.e-pivotclient .e-pivotschemadesigner .e-dialog a.e-linkPanel {
  margin-top: 4px !important;
}
.e-pivotclient .e-dialog .e-infoImg.e-icon:before {
  content: "\e917";
  color: #d48e0b;
}
.e-pivotclient .e-treeview .e-active {
  
}
.e-pivotclient .e-chkbox-wrap .e-chk-image.e-stop,
.e-pivotclient .e-chkbox-wrap .e-chk-image.e-checkmark {
  color: white !important;
  background-color: #ff4081 !important;
}
.e-pivotclient .e-childsplit > span.e-splitbar.e-h-bar {
  width: 5px;
  border: none;
}
.e-pivotclient .e-parentsplit > span.e-splitbar.e-h-bar {
  width: 5px !important;
  border: none;
}
.e-pivotclient .e-splitresponsive > span.e-splitbar.e-h-bar {
  width: 5px !important;
  border: none;
}
.e-pivotclient .customCSS .e-splitbar {
  background-color: white;
}
.e-pivotclient .e-olapFieldList .e-ul {
  width: 100% !important;
  height: 100% !important;
}
.e-pivotclient .e-splitter .e-pane {
  overflow: visible !important;
}
.e-pivotclient .e-splitter {
  border: none !important;
}
.e-pivotclient .e-splitter .e-splitbar.e-h-bar:before {
  content: "\e6fa";
}
.e-pivotclient .e-splitter .e-splitbar.e-h-bar:before {
  top: 50%;
  left: 1px;
  position: absolute;
}
.e-pivotclient .e-splitter .e-splitbar.e-h-bar {
  font-family: 'ej-webfont';
}
.e-pivotclient .e-pivotschemadesigner .e-fieldEnSplitTable.e-pane {
  left: 4.5px;
}
.e-pivotclient .e-axisTable.e-pane {
  left: 7.5px !important;
  padding-right: 9.5px !important;
}
.e-pivotclient .e-serverchildsplit > span.e-splitbar.e-h-bar {
  width: 5px !important;
  border: none;
  left: 1.5px;
}
.e-pivotclient .e-serverparentsplit > span.e-splitbar.e-h-bar {
  width: 6px !important;
  border: none;
}
.e-pivotclient .e-splitter .e-splitbar.e-h-bar .e-activebar {
  background: none;
}
.e-pivotclient .e-serverchildsplit .cdbTD.e-pane {
  padding-right: 2px;
}
.e-pivotclient .axisBuilderTD.e-pane {
  left: 2.5px;
  padding-right: 7.5px;
}
.e-pivotclient .e-serversplitresponsive > span.e-splitbar.e-h-bar {
  width: 5px !important;
  border: none;
}
.e-pivotclient .controlPanelTD {
  display: inline-block;
}
.e-pivotclient .e-childsplit.e-rtl > .e-axisTable.e-pane {
  left: 3.5px !important;
}
.e-pivotclient .e-childsplit.e-rtl > .e-fieldTable.e-pane {
  left: -5.5px !important;
}
.e-pivotclient .e-cubeTreeView .e-ul {
  overflow: auto !important;
}
.e-olapclient .e-nextPageDiv {
  float: right;
  margin-top: 10px;
}
.e-olapclient .e-memberPageCount {
  padding-left: 5px;
}
/*.e-olapclient .firstPage, .e-prevPage, .e-nextPage, .e-lastPage, .memberCurrentPage {
    margin-left: 5px;
}*/

.e-olapclient .e-disabled {
  cursor: pointer;
  opacity: 0.5;
}
.e-olapclient .e-enabled {
  cursor: pointer;
  opacity: 1;
}
.e-pivotclient .e-treeview .e-text .e-icon {
  
}
.e-pivotclient .e-ddl .e-select {
  
}
.e-pivotclient .e-ddl .e-select:hover {
  
}
.e-pivotclient .e-outerTable {
  
  border-collapse: collapse;
  background-color: white;
}
.e-pivotclient .e-outerTable {
  font-family: 'Roboto', Segoe UI;
  font-size: 12px;
  font-weight: normal;
}
.e-pivotclient .e-titleText {
  height: 50px;
  width: inherit;
  display: inline-block;
  
}
.e-pivotclient .e-titleText {
  font-family: 'Roboto', Segoe UI;
  font-size: 20px;
  line-height: 48px;
}
.e-pivotclient .conditionformatTbl td {
  padding: 6px 2px 6px 8px;
}
.e-pivotclient .e-dialogremoveBtn:before {
  font-family: "ej-webfont";
  content: "\e711";
  display: inline-block;
}
.e-pivotclient .e-titleText span {
  padding-left: 10px;
}
.e-pivotclient .e-toolbar.e-toolbarspan {
  
}
.e-pivotclient .e-reportCol,
.e-pivotclient .e-collectionli,
.e-pivotclient .e-reportli {
  
}
.e-pivotclient .e-newReportImg:before {
  content: "\e6b3";
  
}
.e-pivotclient .e-addReportImg:before {
  content: "\e6a1";
  
}
.e-pivotclient .e-removeReportImg:before {
  content: "\e6cf";
  
}
.e-pivotclient .e-renameReportImg:before {
  content: "\e6d0";
  
}
.e-pivotclient .e-reportDBImg:before {
  content: "\e839";
  
}
.e-pivotclient .e-mdxImg:before {
  content: "\e6ac";
  
}
.e-pivotclient .e-autoExecuteImg:before {
  content: "\e6c3";
  
}
.e-pivotclient .e-calcMemberImg:before {
  
}
.e-pivotclient .e-calcMemberImg:before {
  content: "\e842";
}
.e-pivotclient .e-excelExportImg:before {
  content: "\e6d4";
  
}
.e-pivotclient .e-wordExportImg:before {
  content: "\e6d5";
  
}
.e-pivotclient .e-pdfExportImg:before {
  content: "\e6d3";
  
}
.e-pivotclient .e-chartTypesImg:before {
  content: "\e6a4";
  
}
.e-pivotclient .e-toggleaxisImg:before {
  content: "\e790";
  
}
.e-pivotclient .e-kpiCDB:before,
.e-pivotclient .e-kpiGoalCDB:before,
.e-pivotclient .e-kpiStatusCDB:before,
.e-pivotclient .e-kpiTrendCDB:before,
.e-pivotclient .e-kpiValueCDB:before,
.e-pivotclient .e-kpiRootCDB:before {
  content: "\e6df";
  font-size: 18px;
}
.e-pivotclient .e-kpiCDB,
.e-pivotclient .e-kpiGoalCDB,
.e-pivotclient .e-kpiStatusCDB,
.e-pivotclient .e-kpiTrendCDB,
.e-pivotclient .e-kpiValueCDB,
.e-pivotclient .e-kpiRootCDB {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: text-top;
}
.e-pivotclient .e-newReportImg,
.e-pivotclient .e-addReportImg,
.e-pivotclient .e-removeReportImg,
.e-pivotclient .e-renameReportImg,
.e-pivotclient .e-reportDBImg,
.e-pivotclient .e-mdxImg,
.e-pivotclient .maximizedView,
.e-pivotclient .e-calcMemberImg,
.e-pivotclient .e-excelExportImg,
.e-pivotclient .e-wordExportImg,
.e-pivotclient .e-pdfExportImg,
.e-pivotclient .e-chartTypesImg,
.e-pivotclient .e-rowSortFilterImg,
.e-pivotclient .e-colSortFilterImg,
.e-pivotclient .e-toggleExpandButton,
.e-pivotclient .e-toggleCollapseButton,
.e-pivotclient .e-dimensionCDB,
.e-pivotclient .e-folderCDB,
.e-pivotclient .e-hierarchyCDB,
.e-pivotclient .e-attributeCDB,
.e-pivotclient .e-chartCDB,
.e-pivotclient .e-namedSetCDB,
.e-pivotclient .e-level0,
.e-pivotclient .e-level1,
.e-pivotclient .level2,
.e-pivotclient .e-level3,
.e-pivotclient .e-level4,
.e-pivotclient .e-level5,
.e-pivotclient .e-level6,
.e-pivotclient .e-level7,
.e-pivotclient .e-level8,
.e-pivotclient .e-level9,
.e-pivotclient .e-level10,
.e-pivotclient .e-checkAll,
.e-pivotclient .e-unCheckAll,
.e-pivotclient .e-autoExecuteImg,
.e-pivotclient .e-toggleaxisImg,
.e-pivotclient .e-calcMemberCDB,
.e-pivotclient .e-calcMemberGroupCDB,
.e-pivotclient .e-kpiCDB,
.e-pivotclient .e-kpiGoalCDB,
.e-pivotclient .e-kpiStatusCDB,
.e-pivotclient .e-kpiTrendCDB,
.e-pivotclient .e-kpiValueCDB,
.e-pivotclient .e-kpiRootCDB {
  
}
.e-pivotclient .e-newReportImg,
.e-pivotclient .e-addReportImg,
.e-pivotclient .e-removeReportImg,
.e-pivotclient .e-renameReportImg,
.e-pivotclient .e-reportDBImg,
.e-pivotclient .e-mdxImg,
.e-pivotclient .maximizedView,
.e-pivotclient .e-calcMemberImg,
.e-pivotclient .e-excelExportImg,
.e-pivotclient .e-wordExportImg,
.e-pivotclient .e-pdfExportImg,
.e-pivotclient .e-chartTypesImg,
.e-pivotclient .e-rowSortFilterImg,
.e-pivotclient .e-colSortFilterImg,
.e-pivotclient .e-toggleExpandButton,
.e-pivotclient .e-toggleCollapseButton,
.e-pivotclient .e-dimensionCDB,
.e-pivotclient .e-folderCDB,
.e-pivotclient .e-hierarchyCDB,
.e-pivotclient .e-attributeCDB,
.e-pivotclient .e-chartCDB,
.e-pivotclient .e-namedSetCDB,
.e-pivotclient .e-level0,
.e-pivotclient .e-level1,
.e-pivotclient .level2,
.e-pivotclient .e-level3,
.e-pivotclient .e-level4,
.e-pivotclient .e-level5,
.e-pivotclient .e-level6,
.e-pivotclient .e-level7,
.e-pivotclient .e-level8,
.e-pivotclient .e-level9,
.e-pivotclient .e-level10,
.e-pivotclient .e-checkAll,
.e-pivotclient .e-unCheckAll,
.e-pivotclient .e-autoExecuteImg,
.e-pivotclient .e-toggleaxisImg,
.e-pivotclient .e-calcMemberCDB,
.e-pivotclient .e-calcMemberGroupCDB,
.e-pivotclient .e-kpiCDB,
.e-pivotclient .e-kpiGoalCDB,
.e-pivotclient .e-kpiStatusCDB,
.e-pivotclient .e-kpiTrendCDB,
.e-pivotclient .e-kpiValueCDB,
.e-pivotclient .e-kpiRootCDB {
  color: #424242;
}
.e-pivotclient .e-categoricalAxis p:first-child + div,
.e-pivotclient .e-rowAxis p:first-child + div,
.e-pivotclient .e-slicerAxis p:first-child + div {
  
}
.e-pivotclient .maximizedView:before {
  content: "\e660";
  
}
.e-pivotclient .e-colSortFilterImg:before {
  content: "\e6f9";
  
}
.e-pivotclient .e-colSortFilterImg:before {
  font-size: 20px;
  margin-top: -4px;
}
.e-pivotclient .e-rowSortFilterImg:before {
  content: "\e6f8";
  
}
.e-pivotclient .e-rowSortFilterImg:before {
  font-size: 17px;
  margin-top: -2px;
}
.e-pivotclient .e-chartPanel {
  height: 0;
  width: 800px;
  margin: 3.5px 7px 7px;
}
.e-pivotclient .clientTab {
  
  font: bold 12px 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-pivotclient .e-toggleExpandButton,
.e-pivotclient .e-toggleCollapseButton {
  background-repeat: no-repeat;
  height: 20px;
  width: 21px;
  cursor: pointer;
  position: relative;
  top: -3px;
}
.e-pivotclient .e-toggleExpandButton {
  float: right;
  background-position: center -20px;
  margin: 5px;
}
.e-pivotclient .e-toggleCollapseButton {
  background-position: 6px 0px;
  position: relative;
  top: 11px;
}
.e-pivotclient .e-toggleExpandButton:hover,
.e-pivotclient .e-toggleCollapseButton:hover {
  color: #212121;
  background: #e0e0e0;
}
.e-pivotclient .e-toggleCollapseButton:before {
  content: "\e674";
  font-size: 20px;
}
.e-pivotclient .e-toggleExpandButton:before {
  content: "\e671";
  font-size: 20px;
  margin-right: 7px;
}
.e-pivotclient .e-pivotschemadesigner .e-fieldTable {
  background: white !important;
  border-collapse: collapse !important;
  margin: 6px 0px 8px !important;
}
.e-pivotclient .e-pivotschemadesigner .e-fieldEnSplitTable {
  margin: 6px 0px 8px !important;
}
.e-pivotclient .e-pivotschemadesigner .e-fieldDisSplitTable {
  
}
.e-pivotclient .e-pivotschemadesigner .e-fieldDisSplitTable {
  margin: 6px 4px 8px 4px !important;
}
.e-pivotclient .e-chartToolBar {
  border: none;
}
.e-pivotclient .e-toolBar {
  border: none;
}
.e-pivotclient .e-toggleText {
  background-position: center 0px;
  background-repeat: no-repeat;
  height: 140px;
  width: 30px;
}
.e-pivotclient .e-splitBtn {
  
}
.e-pivotclient .e-splitBtn {
  background-color: #e0e0e0;
  display: inline-block;
  width: auto;
  margin: 12px 0px 0px 12px;
  border-radius: 25px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  font-family: 'Roboto', Segoe UI !important;
  font-size: 13px !important;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
}
.e-pivotclient .e-csHeader {
  
}
.e-pivotclient .e-csHeader {
  font-family: 'Roboto', Segoe UI;
  font-size: 14px;
  font-weight: normal;
  margin: 8px 0 20px 3px;
}
.e-pivotclient .e-cdbHeader,
.e-pivotclient .e-axisHeader {
  
  font-weight: bold;
  line-height: 28px;
}
.e-pivotclient .e-cdbHeader,
.e-pivotclient .e-axisHeader {
  border: 1px solid #e0e0e0;
}
.e-pivotclient .e-axisHeader span:not(.e-removeSplitBtn),
.e-pivotclient .e-cdbHeader span {
  padding-left: 5px;
}
.e-pivotclient.e-rtl .e-axisHeader span:not(.e-removeSplitBtn),
.e-pivotclient.e-rtl .e-cdbHeader span {
  padding-right: 5px;
}
.e-pivotclient .e-cubeTable {
  border-collapse: collapse;
  margin: 0 5px 3px 5px;
}
.e-pivotclient .e-cdbHeader {
  border-bottom: 0px;
  overflow: hidden;
}
.e-pivotclient .e-ellipse {
  float: right;
  margin-right: 5px;
  margin-left: -17px;
  background-color: white;
  position: relative;
}
.e-pivotclient .e-axisHeader {
  
}
.e-pivotclient .e-axisHeader {
  border: none;
}
.e-pivotclient .e-reportToolbar {
  border-color: #e0e0e0 !important;
  
  background: whitesmoke;
}
.e-pivotclient .e-cubeBrowser {
  
}
.e-pivotclient .e-cubeBrowser {
  border: 1px solid #e0e0e0 !important;
}
.e-pivotclient .e-splitter {
  
}
.e-pivotclient .e-cubeName {
  padding: 7px 0 0 6px;
  font: normal 14px 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-pivotclient .e-categoricalAxis,
.e-pivotclient .e-rowAxis,
.e-pivotclient .e-slicerAxis {
  
  margin-bottom: 3px;
  /*background: @aeb-bgcolor;*/
  overflow: auto;
}
.e-pivotclient .e-categoricalAxis,
.e-pivotclient .e-rowAxis,
.e-pivotclient .e-slicerAxis {
  border: 1px solid #e0e0e0;
}
.e-pivotclient .e-categoricalAxis,
.e-pivotclient .e-rowAxis,
.e-pivotclient .e-slicerAxis {
  background-color: #fafafa;
}
.e-pivotclient .e-gridContainer,
.e-pivotclient .e-chartContainer {
  
}
.e-pivotclient .e-gridContainer,
.e-pivotclient .e-chartContainer {
  border: 1px solid #e0e0e0;
}
.e-pivotclient .e-dropIndicator {
  
}
.e-pivotclient .e-targetAxis {
  
}
.e-pivotclient .e-targetAxis {
  background: #fafafa;
}
.e-pivotclient .e-reportToolbar .e-active {
  color: white;
}
.e-pivotclient .e-connectImg,
.e-pivotclient .e-newReportImg,
.e-pivotclient .e-addReportImg,
.e-pivotclient .e-removeReportImg,
.e-pivotclient .e-renameReportImg,
.e-pivotclient .e-reportDBImg,
.e-pivotclient .e-mdxImg,
.e-pivotclient .maximizedView,
.e-pivotclient .e-calcMemberImg,
.e-pivotclient .e-excelExportImg,
.e-pivotclient .e-wordExportImg,
.e-pivotclient .e-pdfExportImg,
.e-pivotclient .e-chartTypesImg,
.e-pivotclient .e-rowSortFilterImg,
.e-pivotclient .e-colSortFilterImg,
.e-pivotclient .e-connectImg:hover,
.e-pivotclient .e-newReportImg:hover,
.e-pivotclient .e-addReportImg:hover,
.e-pivotclient .e-removeReportImg:hover,
.e-pivotclient .e-renameReportImg:hover,
.e-pivotclient .e-reportDBImg:hover,
.e-pivotclient .e-mdxImg:hover,
.e-pivotclient .e-calcMemberImg:hover,
.e-pivotclient .e-excelExportImg:hover,
.e-pivotclient .e-wordExportImg:hover,
.e-pivotclient .e-pdfExportImg:hover,
.e-pivotclient .e-chartTypesImg:hover,
.e-pivotclient .e-rowSortFilterImg:hover,
.e-pivotclient .e-colSortFilterImg:hover,
.e-pivotclient .e-autoExecuteImg:hover,
.e-pivotclient .e-autoExecuteImg,
.e-pivotclient .e-toggleaxisImg,
.e-pivotclient .e-toggleaxisImg:hover {
  background-repeat: no-repeat;
  cursor: default;
  display: inline-block;
  
}
.e-pivotclient .e-connectImg:hover,
.e-pivotclient .e-newReportImg:hover,
.e-pivotclient .e-addReportImg:hover,
.e-pivotclient .e-removeReportImg:hover,
.e-pivotclient .e-renameReportImg:hover,
.e-pivotclient .e-reportDBImg:hover,
.e-pivotclient .e-mdxImg:hover,
.e-pivotclient .e-calcMemberImg:hover,
.e-pivotclient .e-excelExportImg:hover,
.e-pivotclient .e-wordExportImg:hover,
.e-pivotclient .e-pdfExportImg:hover,
.e-pivotclient .e-chartTypesImg:hover,
.e-pivotclient .maximizedView:hover,
.e-pivotclient .e-rowSortFilterImg:hover,
.e-pivotclient .e-colSortFilterImg:hover,
.e-pivotclient .e-autoExecuteImg:hover,
.e-pivotclient .e-toggleaxisImg:hover {
  cursor: pointer;
  color: #424242;
}
.e-pivotclient .reportList,
.e-pivotclient e-collectionlist {
  overflow: visible !important;
}
.e-pivotclient .reportList,
.e-pivotclient e-collectionlist {
  margin-top: -6px;
}
.e-pivotclient .e-pivotgrid .pivotGridRowTable th,
.e-pivotclient .e-pivotgrid .pivotGridRowTable td {
  padding: 6px 2px 6px 8px !important;
}
.e-pivotclient .e-renameDBReportTbl .e-ddl {
  
}
.e-pivotclient div.e-advancedFilterDlg {
  border: 1px solid #e0e0e0;
}
.e-pivotclient li.e-reportCol.e-hover,
.e-pivotclient .e-collectionli.e-hover,
.e-pivotclient .e-reportli.e-hover {
  background: none;
  border-color: transparent;
}
.e-pivotclient .e-sortReportTbl {
  
  width: 100%;
}
.e-pivotclient .e-sortReportTbl {
  margin: 0px 4px 18px;
}
.e-pivotclient .e-sortingDlg,
.e-pivotclient .e-filteringDlg {
  
}
.e-pivotclient .e-sortingDlg,
.e-pivotclient .e-filteringDlg {
  font: bold 12px 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial !important;
}
.e-pivotclient .e-sortingDlg label,
.e-pivotclient .e-filteringDlg label {
  
}
.e-pivotclient .e-sortDisable,
.e-pivotclient .e-radioBtnDesc,
.e-pivotclient .e-preserveHrchy,
.e-pivotclient .e-filterLbl,
.e-pivotclient .e-conditionLbl {
  vertical-align: middle;
}
.e-pivotclient .e-sortEnable,
.e-pivotclient .e-radioBtnAsc {
  vertical-align: text-bottom;
}
.e-pivotclient .e-radioBtnAsc,
.e-pivotclient .e-radioBtnDesc,
.e-pivotclient .e-measuresList,
.e-pivotclient .e-sortEnable,
.e-pivotclient .e-sortDisable,
.e-pivotclient .filter,
.e-pivotclient .e-filterCondition,
.e-pivotclient .e-filterDisable,
.e-pivotclient .e-filterEnable,
.e-pivotclient .e-chkBoxColumn {
  margin-top: 15px;
  
}
.e-pivotclient input.inputConditionMbl[type=number]::-webkit-inner-spin-button,
.e-pivotclient input.inputConditionMbl[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.e-pivotclient .e-filterFrmDiv {
  
}
.e-pivotclient .e-rtl .e-filterFrmDiv {
  
}
.e-pivotclient .e-cubeBrowserCalcMember,
.e-pivotclient .e-calcMemberFieldPanel .e-textarea {
  font-weight: normal;
}
.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl {
  margin-left: 2px;
  margin-right: 4px;
}
.e-pivotclient.e-rtl .pivotFieldList,
.e-pivotclient.e-rtl .e-togglePanel {
  float: right !important;
}
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-fieldEnSplitTable.e-pane {
  right: 4.5px !important;
  left: 0px;
}
.e-pivotclient.e-rtl .e-toggleExpandButton:before {
  margin-right: 0px;
}
.e-pivotclient .e-SortFilterDlg .e-ddl {
  
}
.e-pivotclient .e-SortFilterDlg .e-preserveHrchy,
.e-pivotclient .e-SortFilterDlg .e-preserveHrchyLbl {
  
}
.e-pivotclient .e-sortDisable,
.e-pivotclient .e-radioBtnDesc {
  margin-bottom: 15px;
}
.e-pivotclient .e-filterFrmDiv,
.e-pivotclient .e-filterToDiv,
.e-pivotclient .e-filterBtw {
  float: left;
}
.e-pivotclient .e-filterLbl {
  margin-top: -23px;
}
.e-pivotclient .e-sortingDlg,
.e-pivotclient .e-filteringDlg {
  
}
.e-pivotclient .e-sortingDlg,
.e-pivotclient .e-filteringDlg {
  margin-top: -1px !important;
}
.e-pivotclient .e-filterFrmDiv,
.e-pivotclient .e-filterBtw,
.e-pivotclient .e-filterToDiv {
  margin-bottom: -7px;
  margin-top: 10px !important;
}
.e-pivotclient .e-conditionLbl,
.e-pivotclient .filterMeasureListLbl {
  margin-bottom: 14px;
  margin-top: 10px !important;
}
.e-pivotclient .e-filterBtw,
.e-pivotclient .e-filterToDiv {
  margin-left: 4px;
}
.e-pivotclient .e-sortDisableLbl,
.e-pivotclient .e-sortEnableLbl,
.e-pivotclient .e-radioBtnAscLbl,
.e-pivotclient .e-radioBtnDescLbl,
.e-pivotclient .e-preserveHrchyLbl,
.e-pivotclient .e-filterDisableLbl {
  margin-left: 4px !important;
}
.e-pivotclient .e-dialog-scroller {
  height: auto !important;
}
.e-pivotclient .e-filterDisableLbl {
  vertical-align: text-bottom;
}
.e-pivotclient .e-filterBtw {
  margin-left: 12px;
}
.e-pivotclient.e-rtl .e-SortFilterDlg .e-preserveHrchy {
  
}
.e-pivotclient .e-filterToDiv {
  margin-left: 8px;
}
.e-pivotclient .borderFilterSortDlg {
  border: 1px solid #e0e0e0;
  border-top: none;
  margin-bottom: 13px;
  margin-top: -4px;
}
.e-pivotclient .filterMeasureListLbl,
.e-pivotclient .e-conditionLbl,
.e-pivotclient .e-filterValueLbl {
  margin-bottom: 15px;
}
.e-pivotclient .e-orderLbl,
.e-pivotclient .e-sortingLbl {
  position: relative;
  padding-top: 12px;
}
.e-pivotclient .e-filterValueLbl {
  margin-top: -5px !important;
  position: absolute;
}
.e-pivotclient .e-sortDisableLbl,
.e-pivotclient .e-sortEnableLbl,
.e-pivotclient .e-radioBtnAscLbl,
.e-pivotclient .e-radioBtnDescLbl,
.e-pivotclient .e-filterDisableLbl {
  margin-top: 13px;
  position: absolute;
}
.e-pivotclient .e-preserveHrchyLbl {
  margin-top: 2px;
  position: absolute;
}
.e-pivotclient .e-pivotclient .e-filterLbl {
  margin-top: -40px;
}
.e-pivotclient .e-measureListLbl {
  margin-top: 3px;
}
.e-pivotclient .e-reportCol,
.e-pivotclient .e-collectionli,
.e-pivotclient .e-reportli {
  
}
.e-pivotclient .e-reportCol,
.e-pivotclient .e-collectionli,
.e-pivotclient .e-reportli {
  width: auto !important;
  height: 25px;
}
.e-pivotclient .e-cubeBrowserCalcMember .e-measureGroupCDB:before {
  content: "\e6e1";
  font-size: 18px;
}
.e-pivotclient .e-cubeBrowserCalcMember .e-measureGroupCDB {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: text-top;
}
.e-pivotclient .e-dimensionCDB,
.e-pivotclient .e-folderCDB,
.e-pivotclient .e-hierarchyCDB,
.e-pivotclient .e-attributeCDB,
.e-pivotclient .e-chartCDB,
.e-pivotclient .e-namedSetCDB,
.e-pivotclient .e-level0,
.e-pivotclient .e-level1,
.e-pivotclient .e-level2,
.e-pivotclient .e-level3,
.e-pivotclient .e-level4,
.e-pivotclient .e-level5,
.e-pivotclient .e-level6,
.e-pivotclient .e-level7,
.e-pivotclient .e-level8,
.e-pivotclient .e-level9,
.e-pivotclient .e-level10,
.e-pivotclient .e-calcMemberCDB,
.e-pivotclient .e-calcMemberGroupCDB {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: text-top;
}
.e-pivotclient .e-attributeCDB:before {
  content: "\e6e4";
  font-size: 18px;
}
.e-pivotclient .e-folderCDB:before {
  content: "\e6e1";
  font-size: 18px;
}
.e-pivotclient .e-dimensionCDB:before {
  content: "\e704";
  font-size: 15px;
}
.e-pivotclient .e-hierarchyCDB:before {
  content: "\e6e0";
  font-size: 18px;
}
.e-pivotclient .e-chartCDB:before {
  content: "\e6e3";
  font-size: 15px;
}
.e-pivotclient .e-namedSetCDB:before {
  content: "\e6de";
  font-size: 18px;
}
.e-pivotclient .e-level0:before {
  content: "\e6f3";
  font-size: 19px;
}
.e-pivotclient .e-level1:before {
  content: "\e6f3";
  font-size: 18px;
}
.e-pivotclient .e-level2:before {
  content: "\e6ec";
  font-size: 17px;
}
.e-pivotclient .e-level3:before {
  content: "\e6eb";
  font-size: 17px;
}
.e-pivotclient .e-level4:before {
  content: "\e6ea";
  font-size: 18px;
}
.e-pivotclient .e-level5:before {
  content: "\e6e9";
  font-size: 17px;
}
.e-pivotclient .e-level6:before {
  content: "\e6e8";
  font-size: 17px;
}
.e-pivotclient .e-level7:before {
  content: "\e6e7";
  font-size: 17px;
}
.e-pivotclient .e-level8:before {
  content: "\e6e6";
  font-size: 17px;
}
.e-pivotclient .e-level9:before {
  content: "\e6e5";
  font-size: 17px;
}
.e-pivotclient .e-level10:before {
  content: "\e6f2";
  font-size: 17px;
}
.e-pivotclient .e-dialogOKBtn,
.e-pivotclient .e-dialogCancelBtn {
  width: 69px;
  margin-left: 10px;
}
.e-pivotclient .e-dialogOKBtn {
  
}
.e-pivotclient .e-dialogOKBtn {
  margin-left: 83px;
}
.e-pivotclient .e-dialogCancelBtn {
  
}
.e-pivotclient .e-checkOptions {
  
}
.e-pivotclient .e-editorPara {
  margin: 0 0 7px;
}
.e-pivotclient .e-loadReportTbl,
.e-pivotclient .e-removeDBReportTbl,
.e-pivotclient .e-renameDBReportTbl {
  margin: 10px 0px 10px 0px;
}
.e-pivotclient .e-loadReportTd,
.e-pivotclient .e-removeDBReportTd,
.e-pivotclient .e-renameDBReportTd {
  width: 100px;
}
.e-pivotclient table.e-renameDBReportTbl tr td {
  padding: 5px;
}
.e-pivotclient .e-dialogInput {
  float: right;
  margin: 10px 0px 17px 7px;
}
.e-pivotclient .e-checkAll,
.e-pivotclient .e-unCheckAll {
  display: inline-block;
  height: 15px;
  width: 16px;
  cursor: pointer;
  
}
.e-pivotclient .e-checkAll:hover,
.e-pivotclient .e-unCheckAll:hover {
  background: #e0e0e0;
  color: #212121;
}
.e-pivotclient .e-checkAll:before {
  content: "\e6db";
  font-size: 16px;
}
.e-pivotclient .e-unCheckAll:before {
  content: "\e6da";
  font-size: 16px;
}
.e-pivotclient .e-unCheckAll {
  margin-left: 5px;
}
.e-pivotclient .e-saveReportImg:before {
  content: "\e6b7";
}
.e-pivotclient .e-loadReportImg:before {
  content: "\e6ce";
}
.e-pivotclient .e-saveAsReportImg:before {
  content: "\e83c";
}
.e-pivotclient .e-removeDBReportImg:before {
  content: "\e83a";
}
.e-pivotclient .e-renameDBReportImg:before {
  content: "\e83b";
}
.e-pivotclient .e-line:before {
  content: "\e6b1";
}
.e-pivotclient .e-spline:before {
  content: "\e6bb";
}
.e-pivotclient .e-column:before {
  content: "\e6a6";
}
.e-pivotclient .e-area:before {
  content: "\e6a2";
}
.e-pivotclient .e-splinearea:before {
  content: "\e6ba";
}
.e-pivotclient .e-stepline:before {
  content: "\e6c0";
}
.e-pivotclient .e-steparea:before {
  content: "\e6be";
}
.e-pivotclient .e-pie:before {
  content: "\e6ca";
}
.e-pivotclient .e-bar:before {
  content: "\e6c5";
}
.e-pivotclient .e-stackingarea:before {
  content: "\e6bc";
}
.e-pivotclient .e-stackingcolumn:before {
  content: "\e6bd";
}
.e-pivotclient .e-stackingbar:before {
  content: "\e6c6";
}
.e-pivotclient .e-pyramid:before {
  content: "\e6c9";
}
.e-pivotclient .e-funnel:before {
  content: "\e6c8";
}
.e-pivotclient .e-doughnut:before {
  content: "\e7dd";
}
.e-pivotclient .e-scatter:before {
  content: "\e7df";
}
.e-pivotclient .e-bubble:before {
  content: "\e7dc";
}
.e-pivotclient .waterfall:before {
  content: "\e838";
}
.e-pivotclient .treemap:before {
  content: "\e810";
}
.e-pivotclient .e-chartTypesIcon:before,
.e-pivotclient .e-reportDBIcon:before {
  font-family: 'ej-webfont';
  
  margin-left: 2px;
}
.e-pivotclient .e-chartTypesOnGridView {
  display: none !important;
}
.e-pivotclient .e-chartTypesIcon,
.e-pivotclient .e-chartTypesIcon:hover,
.e-pivotclient .e-reportDBIcon,
.e-pivotclient .e-reportDBIcon:hover {
  background-repeat: no-repeat;
  cursor: default;
  display: inline-block;
  width: 24px;
  
}
.e-pivotclient .e-chartTypesIcon,
.e-pivotclient .e-chartTypesIcon:hover,
.e-pivotclient .e-reportDBIcon,
.e-pivotclient .e-reportDBIcon:hover {
  margin: 5px 10px 0px 0px;
}
.e-pivotclient .e-chartTypesDialog,
.e-pivotclient .e-reportDBDialog {
  position: absolute;
  padding: 0px 0px 5px 5px;
  z-index: 1000000;
  background-color: whitesmoke;
  border: 2px solid #e0e0e0;
}
.e-pivotclient .e-chartTypesIcon,
.e-pivotclient .e-reportDBIcon {
  
}
.e-pivotclient .e-chartTypesIcon,
.e-pivotclient .e-reportDBIcon {
  color: rgba(0, 0, 0, 0.54);
}
.e-pivotclient .e-chartTypesIcon:hover,
.e-pivotclient .e-reportDBIcon:hover {
  
  cursor: pointer;
  background: #e0e0e0;
}
.e-pivotclient .e-chartTypesIcon:hover,
.e-pivotclient .e-reportDBIcon:hover {
  color: rgba(0, 0, 0, 0.54);
}
.e-pivotclient .e-activeChartType {
  
}
.e-pivotclient.e-rtl .errOKBtn {
  
}
.e-pivotclient .e-memberEditorDiv {
  height: 256px;
  
  border: 1px solid #e0e0e0;
}
.e-pivotclient .e-memberEditorDiv {
  margin-top: 24px;
}
.e-pivotclient .e-labelValueFilterDlg .e-dialogCancelBtn {
  
}
.e-pivotclient .e-advancedFilterDlg .e-memberSearchEditorDiv {
  padding: 12px 12px 0px 12px !important;
}
.e-pivotclient .e-advancedFilterDlg .e-memberEditorDiv {
  padding: 0px !important;
  margin: 12px 12px 0px 12px;
}
.e-pivotclient .e-removeSplitBtn,
.e-pivotclient .e-removeMeasure {
  background-repeat: no-repeat;
  height: 11px;
  padding-left: 10px;
  width: 11px;
  color: #212121;
}
.e-pivotclient .valuefilter td {
  padding: 6px 2px 6px 8px;
}
.e-pivotclient .e-removeSplitBtn:before {
  
}
.e-pivotclient .e-removeSplitBtn:before {
  margin-left: 1px;
  margin-top: 1px;
  content: "\e60a";
  font-size: 16px;
}
.e-pivotclient .e-splitBtn .e-removeSplitBtn:hover,
.e-pivotclient .e-splitBtn .e-removeSplitBtn.e-removeHover {
  cursor: pointer;
  
}
.e-pivotclient .e-splitBtn .e-removeSplitBtn:hover,
.e-pivotclient .e-splitBtn .e-removeSplitBtn.e-removeHover {
  color: white;
}
.e-pivotclient .e-removeSplitBtn {
  
  display: inline-block;
  float: none;
  position: absolute;
  box-shadow: 0 1.83px 1px rgba(0, 0, 0, 0.2);
}
.e-pivotclient .e-removeSplitBtn {
  border: 1px solid #e0e0e0;
  padding-bottom: 7px;
  padding-right: 0;
}
.e-pivotclient input.e-memberCurrentPage,
.e-pivotclient input.e-memberCurrentSearchPage,
.e-pivotclient input.e-memberCurrentDrillPage {
  
}
.e-pivotclient .e-removeMeasure {
  background-position: 0 -1835px !important;
  margin: 4px;
  color: #424242;
  
}
.e-pivotclient .e-removeMeasure:hover {
  
}
.e-pivotclient .e-removeMeasure:before {
  content: "\e681";
  font-size: 13px;
  display: inline-block;
}
.e-pivotclient .e-measureEditor {
  
}
.e-pivotclient .e-measureEditor {
  margin: 3px 5px 0px 5px;
}
.e-pivotclient .e-measureEditor:hover {
  color: #212121;
  background-color: #e0e0e0;
  cursor: pointer;
}
.e-pivotclient .e-measureEditor:focus {
  
}
.e-pivotclient button.e-dialogOKBtn,
.e-pivotclient .e-dialogFooter button:first-child,
.e-pivotclient button.e-errOKBtn,
.e-pivotclient button.e-btnCalcMemberOk {
  
}
.e-pivotclient button.e-dialogOKBtn:hover,
.e-pivotclient .e-dialogFooter button:first-child:hover,
.e-pivotclient button.e-errOKBtn:hover,
.e-pivotclient button.e-btnCalcMemberOk:hover {
  
}
.e-pivotclient button.e-dialogOKBtn:focus,
.e-pivotclient .e-dialogFooter button:first-child:focus,
.e-pivotclient button.e-errOKBtn:focus,
.e-pivotclient button.e-btnCalcMemberOk:focus {
  
}
.e-pivotclient button.e-dialogOKBtn:active,
.e-pivotclient .e-dialogFooter button:first-child:active,
.e-pivotclient button.e-errOKBtn:active,
.e-pivotclient button.e-btnCalcMemberOk:active {
  
}
.e-pivotclient .e-nodetext {
  font-size: inherit !important;
}
.e-pivotclient .e-dialog {
  
}
.e-pivotclient .e-corner-all {
  border-radius: 0px !important;
}
.e-pivotclient .e-button {
  font-size: 12px !important;
  
}
/*.e-pivotclient .e-alertOKBtn {
    display: inline-block;
    margin: 20px 0 10px 165px;
    width: 50px;
}
.e-pivotclient .e-alertContent {
    font: normal 14px Segoe UI;
}*/

.e-pivotclient .e-treeview {
  background-color: white;
}
.e-pivotclient .e-treeview ul {
  margin: 0;
}
.e-pivotclient .e-treeview,
.e-pivotclient .e-text {
  
}
.e-pivotclient .e-tab,
.e-pivotclient .e-header {
  width: auto;
}
.e-pivotclient .e-tab,
.e-pivotclient .e-active-content {
  padding: 0 !important;
}
.e-pivotclient .e-tab,
.e-pivotclient .e-content {
  border-width: 0;
}
.e-pivotclient .e-toolbar {
  box-shadow: 0 1.83px 1px rgba(0, 0, 0, 0.2);
  overflow: visible;
  margin-bottom: 2px;
  border-width: 1px 0;
}
.e-pivotclient .e-toolbar {
  height: 56px !important;
}
.e-pivotclient .e-input {
  line-height: normal !important;
}
.e-pivotclient .e-progress-txt {
  top: -2px !important;
}
.e-pivotclient .filter {
  display: none !important;
}
.e-cdbHeader.e-responsive,
.e-cubeBrowser.e-responsive {
  width: 98% !important;
}
.e-pivotclient .oClientTbl {
  position: relative;
}
.e-rowAxis.e-responsive,
.e-slicerAxis.e-responsive,
.e-categoricalAxis.e-responsive,
.e-axisHeader.e-responsive {
  width: 95% !important;
}
.e-pivotclient .e-reportDlg {
  margin-bottom: -10px;
}
.e-pivotclient .e-dialogFooter {
  
  float: right;
}
.e-pivotclient .e-dialogFooter .e-dialogOKBtn,
.e-pivotclient .e-dialogFooter .e-dialogCancelBtn {
  
}
.e-pivotclient .e-dialog .e-dialogPara {
  
}
.e-pivotclient .e-dialog .e-clientDialog,
.e-pivotclient .e-dialog .e-errorDialog {
  
}
.e-pivotclient .e-filterDialog tr:first-child td {
  
}
.e-pivotclient .e-filterDialog input.e-filterValues {
  
}
.e-pivotclient .e-filterDialog .e-ddl {
  
}
.e-pivotclient.e-rtl .e-filterDialog .e-dialogCancelBtn {
  
}
.e-pivotclient .e-filterDialog .e-dialogCancelBtn {
  margin-right: 10px;
  
}
.e-pivotclient table.e-renameDBReportTbl tr td:first-child {
  
}
.e-pivotclient e-reportCol,
.e-pivotclient .e-collectionli,
.e-pivotclient .e-reportli {
  margin-left: 3px;
}
.e-pivotclient.e-rtl .e-reportDlg table td {
  width: 100px;
}
.e-pivotclient.e-rtl .e-reportDlg {
  margin-left: -5px;
}
.e-pivotclient.e-rtl .e-titleText span {
  padding-right: 10px;
}
.e-pivotclient.e-rtl .e-splitBtn,
.e-pivotclient.e-rtl .e-cubeName {
  margin: 7px 6px 0 0;
}
.e-pivotclient.e-rtl .e-controlPanel {
  right: 10px;
}
.e-pivotclient.e-rtl .e-controlPanel .e-icon {
  float: right;
}
.e-pivotclient .kpiGoal:before,
.e-pivotclient .kpiStatus:before,
.e-pivotclient .kpiTrend:before,
.e-pivotclient .kpiValue:before {
  content: "\e6df";
  font-size: 18px;
}
.e-pivotclient .kpiGoal,
.e-pivotclient .kpiStatus,
.e-pivotclient .kpiTrend,
.e-pivotclient .kpiValue {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: text-top;
}
.e-pivotclient.e-rtl .e-controlPanel .e-expand,
.e-pivotclient.e-rtl .e-controlPanel .e-collapse {
  float: none !important;
}
.e-pivotclient.e-rtl .sortfilterTab .e-content {
  float: none;
}
.e-pivotclient.e-rtl .e-unCheckAll {
  margin-right: 4px;
}
.e-pivotclient.e-rtl .e-filterFrmDiv,
.e-pivotclient.e-rtl .e-filterToDiv,
.e-pivotclient.e-rtl .e-filterBtw {
  float: right;
}
.e-pivotclient.e-rtl .e-sortDisableLbl,
.e-pivotclient.e-rtl .e-sortEnableLbl,
.e-pivotclient.e-rtl .e-radioBtnAscLbl,
.e-pivotclient.e-rtl .e-radioBtnDescLbl,
.e-pivotclient.e-rtl .e-preserveHrchyLbl,
.e-pivotclient.e-rtl .e-filterDisableLbl {
  margin-right: 4px;
}
.e-pivotclient .e-SortFilterDlg .e-clientDialog {
  
}
.e-pivotclient.e-rtl .e-dialogFooter {
  float: left;
  margin: 7px 6px 7px;
}
.e-pivotclient.e-rtl .e-dialogOKBtn {
  
}
.e-pivotclient.e-rtl .e-dialogOKBtn {
  margin-left: 10px;
  margin-right: 91px;
}
.e-pivotclient.e-rtl .e-dialogCancelBtn {
  
}
.e-pivotclient.e-rtl .e-dialogCancelBtn {
  margin-left: -5px;
}
.e-pivotclient.e-rtl .e-dialogFooter .e-dialogCancelBtn {
  
}
.e-pivotclient.e-rtl .e-chartPanel {
  direction: ltr;
  margin: 5px -7px 0px 0px;
}
.e-pivotclient.e-rtl .e-gridPanel {
  margin-left: 1px;
}
.e-pivotclient.e-rtl .e-pivotGridTable.e-rtl .e-expand,
.e-pivotclient.e-rtl .e-pivotGridTable.e-rtl .e-collapse {
  float: none !important;
}
.e-pivotclient .e-pivotschemadesigner .e-pivotHeader,
.e-pivotclient .e-pivotschemadesigner .e-rPivotHeader,
.e-pivotclient .e-pivotschemadesigner .e-schemaFilter,
.e-pivotclient .e-pivotschemadesigner .e-schemaColumn,
.e-pivotclient .e-pivotschemadesigner .e-schemaRow,
.e-pivotclient .e-pivotschemadesigner .e-schemaValue {
  margin: 0 !important;
  width: 100%;
}
.e-pivotclient .e-pGridTooltip {
  position: absolute !important;
}
.e-pivotclient .e-pivotschemadesigner .e-dropIndicator {
  margin-top: 0px !important;
  
  visibility: hidden;
  height: 2px;
}
.e-pivotclient .e-pivotschemadesigner .e-dropIndicator {
  border-top: 3px dashed #757575;
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton:hover .e-dropIndicatorActive {
  visibility: visible;
}
.e-pivotclient .e-pivotschemadesigner .e-schemaFieldTree.e-treeview .e-text {
  min-height: 0px !important;
  font-weight: normal !important;
  width: auto;
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
  
  margin-right: 0px;
  width: auto !important;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
  margin-top: -3px;
  margin-left: 12px;
  margin-bottom: 6px;
}
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
  
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn:hover {
  
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn:hover {
  border: none;
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton {
  
}
.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn:before {
  
}
.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn:before {
  content: "\e60a";
  margin-top: 1px !important;
  font-size: 16px !important;
}
.e-pivotclient .e-pivotschemadesigner .e-schemaColumn div:first-child,
.e-pivotclient .e-pivotschemadesigner .e-schemaRow div:first-child,
.e-pivotclient .e-pivotschemadesigner .e-schemaFilter div:first-child,
.e-pivotclient .e-pivotschemadesigner .e-schemaValue div:first-child {
  
}
.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn {
  display: inline-block !important;
  float: none !important;
  box-sizing: content-box !important;
  
  padding-right: 0 !important;
}
.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn {
  border: none !important;
  margin-left: 32px;
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.26);
}
.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn:hover,
.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn.e-removeHover {
  cursor: pointer;
  
}
.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn:hover,
.e-pivotclient .e-pivotschemadesigner .e-removeClientPivotBtn.e-removeHover {
  color: white;
}
.e-pivotclient .e-pivotschemadesigner .e-olapFieldList {
  
  margin-top: 8px;
}
.e-pivotclient .e-pivotschemadesigner .e-olapFieldList {
  border: 1px solid #e0e0e0;
}
.e-pivotclient .e-pivotschemadesigner,
.e-pivotclient .e-pivotschemadesigner .e-fieldTable,
.e-pivotclient .e-pivotschemadesigner .e-axisTable,
.e-pivotclient .e-pivotschemadesigner .e-axisTd1,
.e-pivotclient .e-pivotschemadesigner .e-axisTd2 {
  float: left !important;
}
.e-pivotclient .e-pivotschemadesigner .e-axisTable {
  margin-top: 6px;
}
.e-pivotclient .e-pivotschemadesigner .addedFieldTable {
  margin: 6px 7px 8px 5px;
  width: 43% !important;
}
.e-pivotclient .e-pivotschemadesigner .e-clientFieldTable {
  float: right !important;
}
.e-pivotclient .e-pivotschemadesigner .e-clientAxisSplitterTable {
  margin-left: 0px !important;
}
.e-pivotclient .e-pivotschemadesigner .e-clientAxisTable {
  width: 50% !important;
  margin-left: 0px !important;
}
.e-pivotclient .e-pivotschemadesigner #axisTd {
  margin-top: 0px !important;
}
.e-pivotclient .e-pivotschemadesigner .e-axisTd2,
.e-pivotclient .e-pivotschemadesigner .e-axisTd1 {
  height: 27%;
}
.e-pivotclient .e-pivotschemadesigner .e-cubelists {
  margin-bottom: -2px;
}
.e-pivotclient .e-pivotschemadesigner .e-cubelists {
  margin-left: 10px;
}
.e-pivotclient .e-pivotschemadesigner {
  border: none;
  
}
.e-pivotclient .e-pivotschemadesigner {
  padding: 6px 0px 0px 0px;
  background-color: white;
}
.e-pivotclient .e-toggleButtons {
  width: 15px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.e-pivotclient .e-togglePanel {
  float: left;
  margin-left: 5px;
  background-color: whitesmoke;
}
.e-pivotclient .e-gridPanel {
  background: none !important;
}
.e-pivotclient .e-clrFilter:before {
  content: "\e668";
  font-size: 16px;
  float: left;
}
.e-pivotclient .e-activeFilter:before {
  content: "\e657";
  height: 16px;
  width: 16px;
}
.e-pivotclient #clientDialog_wrapper.e-advancedFilterDlg .e-scroller {
  overflow: visible !important;
  border: none;
}
.e-pivotclient #clientDialog_wrapper.e-rtl.e-advancedFilterDlg .e-scroller > .e-content {
  overflow: visible !important;
}
.e-pivotschemadesigner #clientDialog_wrapper.e-advancedFilterDlg .e-clientDialog {
  overflow: visible !important;
}
.e-pivotclient #sep1,
.e-pivotclient #sep2,
.e-pivotclient #sep3,
.e-pivotclient #sep4,
.e-pivotclient #sep5,
.e-pivotclient #sep6,
.e-pivotclient #sep7,
.e-pivotclient #sep8,
.e-pivotclient #sep9 {
  height: 1px;
  background-color: #e0e0e0;
  margin-left: 30px;
}
.e-pivotclient #sep1 {
  height: 0px;
}
.e-pivotclient #labelFilterBtn,
.e-pivotclient #ascOrder,
.e-pivotclient #descOrder,
.e-pivotclient #clearAllFilters,
.e-pivotclient #clearSorting {
  border-bottom: none;
}
.e-pivotclient .e-advancedFilterDlg .e-treeview .e-text {
  font-weight: normal;
}
.e-pivotclient .e-clrSort:before {
  font-size: 22px;
  float: left;
  margin-top: -1px;
}
.e-pivotclient .e-selectedSort {
  border: 1px solid !important;
}
.e-pivotclient .e-filterElementTag.e-vertical {
  border-color: white;
}
.e-pivotclient .e-filterElementTag {
  box-shadow: none !important;
}
.e-pivotclient .e-filterIndicator {
  height: 16px;
  width: 16px;
  position: absolute;
  top: 150px;
  margin-left: -12px;
}
.e-pivotclient .e-filterIndicator:before {
  content: "\e657";
  height: 16px;
  width: 16px;
}
.e-pivotclient .e-filterDialog td {
  
}
.e-pivotclient .e-filterDialog td {
  padding-left: 6px;
}
.e-pivotclient .e-filterDialog {
  
}
.e-pivotclient .e-filterElementTag a.e-menulink {
  
}
.e-pivotclient .e-pivotButton button:active,
.e-pivotclient .e-splitBtn button:active {
  
}
.e-pivotclient .e-advancedFilterDlg .e-ddlGroupWrap {
  
}
.e-pivotclient .e-filterElementTag {
  height: auto !important;
}
.e-pivotclient .e-advancedFilterDlg .e-menu-wrap {
  
}
.e-pivotclient .e-clientDialog .e-menu.e-vertical .e-list > .e-menulink > span.e-icon.e-arrowhead-right {
  
}
.e-pivotclient.e-rtl .e-clientDialog .e-menu.e-vertical .e-list > .e-menulink > span.e-icon.e-arrowhead-right {
  
}
.e-pivotclient .e-pivotpager {
  border: 1px solid #e0e0e0;
  margin-bottom: 5px;
  margin-left: 6px !important;
  
}
.e-pivotclient .e-pivotpager table {
  margin-left: auto !important;
  margin-right: auto !important;
}
.e-pivotclient .e-pivotpager .e-pagerDiv {
  padding: 0px;
}
.e-pivotclient .e-pivotpager .e-pagerTextBox {
  
}
.e-pivotclient .e-pivotpager .e-pagerTextBox {
  height: 14px;
}
.e-pivotclient .inActive {
  display: none;
}
.e-pivotclient .e-pivotpager tr {
  
}
.e-pivotclient .e-pivotpager .e-movePrevious,
.e-pivotclient .e-pivotpager .e-moveNext,
.e-pivotpager .e-moveFirst,
.e-pivotclient .e-pivotpager .e-moveLast {
  
}
.e-pivotclient .e-pivotpager .e-movePrevious,
.e-pivotclient .e-pivotpager .e-pagerLabel,
.e-pivotclient .e-pivotpager .e-pagerTextBox,
.e-pivotclient .e-pivotpager .e-moveNext,
.e-pivotclient .e-pivotpager .e-moveLast {
  
}
.e-pivotclient .e-vScrollPanel {
  background: transparent;
  border: 0.5px solid transparent;
  width: 0px;
  margin-left: 5px;
  display: inline-block;
  border-radius: 10px;
}
.e-pivotclient .e-vScrollThumb {
  width: 11px;
  position: relative;
  top: 1px;
  z-index: 1000;
  border-radius: 5px;
  background-color: #bdbdbd;
  border: 0.5px solid #9e9e9e;
}
.e-pivotclient .e-hScrollPanel {
  background: transparent;
  border: 0.5px solid transparent;
  width: 0px;
  height: 6px;
  border-radius: 10px;
}
.e-pivotclient .e-hScrollThumb {
  border-radius: 5px;
  height: 11px;
  position: relative;
  left: 1px;
  top: 1px;
  z-index: 1000;
  background-color: #bdbdbd;
  border: 0.5px solid #9e9e9e;
}
.e-pivotclient .e-vScrollThumb:hover,
.e-pivotclient .e-hScrollThumb:hover {
  background-color: #727272;
}
.e-pivotclient .e-categPageIndicator,
.e-pivotclient .e-seriesPageIndicator {
  width: auto;
  background: #616161;
  border: 1px solid transparent;
  border-radius: 2px;
  color: white;
  padding: 5px;
  position: absolute;
  z-index: 1000;
  border-radius: 7px;
}
.e-pivotclient .e-pivotschemadesigner #axisTd,
.e-pivotclient .e-pivotschemadesigner #axisTd3 {
  margin-top: 0px !important;
}
.e-pivotclient .hsVirtualScrolling {
  margin-bottom: 5px;
}
.e-pivotclient .e-dialog.e-advancedFilterDlg .e-menu.e-vertical .e-list > ul {
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
}
.e-pivotclient .e-icon.e-searchEditorTree:before {
  content: "\e812";
  cursor: pointer;
}
.e-pivotclient .e-dialog .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotclient .e-dialog .e-icon.e-searchEditorTree {
  top: 60px;
  left: 235px;
}
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-icon.e-searchEditorTree {
  top: 32px;
  left: 222px;
}
.e-pivotclient .e-dialog .e-titlebar {
  
}
.e-pivotclient .e-dialog.e-SortFilterDlg .e-titlebar {
  
}
.e-pivotclient.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotclient.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
  top: 60px;
  left: 25px;
}
.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-dialog.e-rtl .e-icon.e-searchEditorTree {
  top: 32px;
  left: 25px;
}
.e-pivotclient.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotclient.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
  top: 175px;
  left: 30px;
}
.e-pivotclient .e-controlPanel .e-rtl .e-pivotchart .e-scroller .e-icon {
  float: left;
}
.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-dialog.e-advancedFilterDlg.e-rtl .e-icon.e-searchEditorTree {
  top: 320px;
  left: 12px;
}
.e-pivotclient .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotclient .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
  top: 175px;
  left: 235px;
}
.e-pivotclient .e-pivotschemadesigner .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
  display: inline-block;
  position: absolute;
  
}
.e-pivotclient .e-pivotschemadesigner .e-dialog.e-advancedFilterDlg .e-icon.e-searchEditorTree {
  top: 320px;
  left: 240px;
}
.e-pivotclient .e-dialog .e-calcMemberFooter {
  text-align: right;
  
}
.e-pivotclient .e-dialog .e-calcMemberFooter {
  margin-top: 24px;
}
.e-pivotclient.e-rtl .e-dialog.e-rtl .e-calcMemberFooter {
  text-align: left;
  margin-top: 18px;
}
.e-pivotclient .e-dialog .e-btnCalcMemberOk {
  
}
.e-pivotclient .e-dialog .e-btnCalcMemberOk {
  margin: 0px 18px;
}
.e-pivotclient .e-dialog .e-cubeBrowserCalcMember {
  border: 1px solid #e0e0e0;
  display: inline-block;
  vertical-align: top;
}
.e-pivotclient .e-dialog .e-cubeTreeViewCalcMember {
  
}
.e-pivotclient .e-dialog .e-cubeTreeViewCalcMember {
  height: 582px;
  width: 370px;
}
.e-pivotclient .e-dialog .e-calcMemberFieldPanel {
  display: inline-block;
  
  vertical-align: top;
}
.e-pivotclient .e-dialog .e-calcMemberFieldPanel {
  margin-left: 24px;
  width: 370px;
}
.e-pivotclient .e-dialog.e-calcMemberDialog .e-widget-content {
  
}
.e-pivotclient .e-dialog.e-calcMemberDialog .expressionFieldCM {
  
  height: 100px;
  resize: none;
}
.e-pivotclient .e-dialog.e-calcMemberDialog .expressionFieldCM {
  width: 366px !important;
}
.e-pivotclient .e-dialog.e-calcMemberDialog .e-mask,
.e-pivotclient .e-dialog.e-calcMemberDialog .e-ddl,
.e-pivotclient .e-dialog.e-calcMemberDialog textarea {
  
}
.e-pivotclient .e-dialog.e-calcMemberDialog .e-mask,
.e-pivotclient .e-dialog.e-calcMemberDialog .e-ddl,
.e-pivotclient .e-dialog.e-calcMemberDialog textarea {
  margin-bottom: 24px;
}
.e-pivotclient .e-dialog.e-calcMemberDialog .e-ddl {
  
}
.e-pivotclient .e-dialog.e-rtl .e-calcMemberFieldPanel {
  margin-left: 0px;
  margin-right: 15px;
}
.e-pivotclient .e-dialog .e-calcMemberFieldPanel label {
  
}
.e-pivotclient .e-dialog .e-calcMemberFieldPanel label {
  margin-bottom: 24px;
  font-size: 14px;
}
.e-pivotclient .e-dialog.e-calcMemberDialog .e-calcMemberCustomFormat {
  margin-bottom: 0px;
}
.e-pivotclient .e-dialog.e-calcMemberDialog .e-calcMemberDimensionField {
  
}
.e-pivotclient .e-dialog.e-calcMemberDialog .e-calcMemberDimensionField {
  margin-bottom: 24px;
}
.e-pivotclient .e-calcMemberCDB:before {
  
}
.e-pivotclient .e-calcMemberCDB:before {
  content: "\e843";
}
.e-pivotclient .e-calcMemberGroupCDB:before {
  
}
.e-pivotclient .e-calcMemberGroupCDB:before {
  content: "\e843";
}
.e-pivotclient .e-dialog.e-calcMemberDialog .e-maskedit,
.e-pivotclient .e-dialog.e-calcMemberDialog .textarea {
  font: 14px 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial !important;
}
.e-pivotclient .e-dialog .e-memberPager,
.e-pivotclient .e-dialog .e-memberSearchPager,
.e-pivotclient .e-dialog .e-memberDrillPager {
  margin-top: 10px;
  margin-bottom: 20px;
}
.e-pivotclient .e-dialog .e-memberPager + div.e-dialogFooter {
  
}
.e-pivotclient .e-dialog .e-memberPager + div.e-dialogFooter {
  margin-bottom: 0px !important;
}
.e-pivotclient .e-pivotschemadesigner .e-advancedFilterDlg .e-memberPager,
.e-pivotclient .e-pivotschemadesigner .e-advancedFilterDlg .e-memberSearchPager,
.e-pivotclient .e-pivotschemadesigner .e-advancedFilterDlg .e-memberDrillPager {
  margin-left: 12px;
  margin-right: 12px;
}
.e-pivotclient .e-firstPage.e-pageDisabled,
.e-pivotclient .e-prevPage.e-pageDisabled,
.e-pivotclient .e-nextPage.e-pageDisabled,
.e-pivotclient .e-lastPage.e-pageDisabled {
  
}
.e-pivotclient .e-firstPage.e-pageDisabled,
.e-pivotclient .e-prevPage.e-pageDisabled,
.e-pivotclient .e-nextPage.e-pageDisabled,
.e-pivotclient .e-lastPage.e-pageDisabled {
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
  color: rgba(0, 0, 0, 0.24);
}
.e-pivotclient .e-firstPage.e-pageEnabled,
.e-pivotclient .e-prevPage.e-pageEnabled,
.e-pivotclient .e-nextPage.e-pageEnabled,
.e-pivotclient .e-lastPage.e-pageEnabled {
  -moz-opacity: 1 !important;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  
}
.e-pivotclient .e-firstPage.e-pageEnabled,
.e-pivotclient .e-prevPage.e-pageEnabled,
.e-pivotclient .e-nextPage.e-pageEnabled,
.e-pivotclient .e-lastPage.e-pageEnabled {
  color: rgba(0, 0, 0, 0.54);
}
.e-pivotclient .e-firstPage.e-pageEnabled:hover,
.e-pivotclient .e-prevPage.e-pageEnabled:hover,
.e-pivotclient .e-nextPage.e-pageEnabled:hover,
.e-pivotclient .e-lastPage.e-pageEnabled:hover {
  
}
.e-pivotclient .e-firstPage.e-pageEnabled:active,
.e-pivotclient .e-prevPage.e-pageEnabled:active,
.e-pivotclient .e-nextPage.e-pageEnabled:active,
.e-pivotclient .e-lastPage.e-pageEnabled:active {
  
}
/*.e-pivotclient .e-dialog .memberPager+div .e-btn,.e-pivotclient .e-dialog.calcMemberDialog .calcMemberFooter .e-btn{
        & when not (@skin = "material") and not (@skin = "office-365") {
    border-radius:4px;
    }
}*/

.e-pivotclient .e-firstPage,
.e-pivotclient .e-prevPage,
.e-pivotclient .e-nextPage,
.e-pivotclient .e-lastPage {
  width: 24px;
  height: 24px;
}
.e-pivotclient .e-icon.e-media-backward_01:before,
.e-pivotclient .e-icon.e-arrowhead-left:before,
.e-pivotclient .e-icon.e-arrowhead-right:before,
.e-pivotclient .e-icon.e-media-forward_01:before {
  margin-top: 5px;
}
.e-pivotclient .e-dialog .e-memberCurrentPage,
.e-pivotclient .e-dialog .e-memberCurrentSearchPage,
.e-pivotclient .e-dialog .e-memberCurrentDrillPage {
  margin-left: 8px;
  margin-right: 6px;
  outline: none;
  text-indent: 3px;
}
.e-pivotclient .e-dialog .e-memberPageCount,
.e-pivotclient .e-dialog .e-memberSearchPageCount,
.e-pivotclient .e-dialog .e-memberDrillPageCount {
  margin-right: 8px;
}
.e-pivotclient .e-csHeader .cubeSelect .e-ddl,
.e-pivotclient .e-cubeTable .e-cubeBrowser .searchDiv .e-mask {
  
}
/*------------------------------------------------------------------Material Theme---------------------------------------------------------------------------------------------*/

.e-pivotclient .e-splitBtn .e-pvtBtn {
  height: 32px !important;
  padding: 0px;
  margin-left: 12px;
  vertical-align: top;
}
.e-pivotclient .e-pivotchart * {
  font-family: 'Roboto', Segoe UI;
}
.ejTooltipPivotChartContainer {
  font-family: 'Roboto', Segoe UI;
  background: #616161 !important;
  border: 1px solid transparent;
  border-radius: 2px !important;
  padding: 5px 8px !important;
  color: white !important;
}
.e-pivotclient .e-dialog .e-editorTreeView .e-ul {
  padding: 0px 0px 0px 24px;
}
.e-pivotclient .e-dialog .e-btn {
  background: none;
  color: #ff4081;
  font-family: 'Roboto', Segoe UI;
  box-shadow: none;
  border: none;
  padding: 0px 12px;
}
.e-pivotclient textarea {
  
}
.e-pivotclient textarea {
  width: 430px !important;
  outline: none;
  border: 1px solid #e0e0e0;
}
.e-pivotclient .e-dialog .e-btn:hover,
.e-pivotclient .e-dialog .e-btn:focus {
  color: #ff4081;
  border: none;
  background-color: rgba(0, 0, 0, 0.12);
  font-family: 'Roboto', Segoe UI;
  border-radius: 0;
  box-shadow: none;
  padding: 0px 12px;
}
.e-pivotclient .e-dialog .e-btn:active {
  background-color: rgba(255, 64, 129, 0.12);
}
.e-pivotclient .e-dialog .e-dialogCancelBtn.e-btn {
  width: auto;
}
.e-pivotclient .e-gridContainer {
  padding-top: 0px !important;
}
.e-pivotclient .e-gridContainer .e-pivotgrid {
  margin: 10px !important;
}
.e-pivotclient .e-pivotgrid td.summary.gtot {
  padding: 6px 6px 6px 16px !important;
}
.e-pivotclient .e-csHeader .cubeText {
  margin-top: 4px;
}
.e-pivotclient .e-dialog .e-dialogOKBtn,
.e-pivotclient .e-dialog .e-dialogCancelBtn {
  margin-top: 20px;
  margin-bottom: 4px;
}
/*.e-pivotclient .e-toolbar .e-ddl.e-rtl .e-select,.e-pivotclient .e-toolbar .e-ddl .e-select,.e-pivotclient .e-toolbar .e-ddl .e-select:hover,.e-pivotclient .e-toolbar .e-ddl.e-rtl .e-select:hover,.e-pivotclient .e-toolbar .e-ddl .e-input,.e-pivotclient .e-toolbar .e-ddl.e-rtl .e-input,.e-pivotclient .e-toolbar .e-ddl .e-input[readonly],.e-pivotclient .e-toolbar .e-ddl.e-rtl .e-input[readonly]{
    background-color:transparent;
}*/

.e-pivotclient .e-filterDialog #filterValue1,
.e-pivotclient .e-filterDialog #filterValue2 {
  background: inherit;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  outline: none;
}
.e-pivotclient .e-filterDialog #filterValue1:active,
.e-pivotclient .e-filterDialog #filterValue1:focus,
.e-pivotclient .e-filterDialog #filterValue2:active,
.e-pivotclient .e-filterDialog #filterValue2:focus {
  border-bottom: 2px solid #ff4081;
}
.e-pivotclient .e-filterDialog #filterValue1:disabled,
.e-pivotclient .e-filterDialog #filterValue2:disabled {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.12);
}
.e-pivotclient .e-filterDialog td .e-ddl,
.e-pivotclient .e-filterDialog #filterValue1,
.e-pivotclient .e-filterDialog #filterValue2 {
  margin-top: 24px;
}
.e-pivotclient .e-pivotschemadesigner .e-pivotHeader .headerText,
.e-pivotschemadesigner .e-rPivotHeader .headerText {
  font-size: 13px;
}
.e-pivotclient .e-splitBtn:hover,
.e-pivotclient .e-splitBtn.pvtBtnHover {
  background-color: #757575;
  color: white;
}
.e-pivotclient .e-toolbar > .e-horizontal.e-ul {
  height: auto !important;
}
.e-pivotclient .e-splitBtn .e-removeSplitBtn {
  box-sizing: content-box !important;
}
.e-pivotclient .e-splitBtn .e-removeSplitBtn {
  margin-left: 32px;
  margin-right: 8px;
  border: none;
  display: inline-block !important;
  position: relative;
  padding: 0px;
  color: rgba(0, 0, 0, 0.26);
}
.e-pivotclient.e-rtl .e-splitBtn .e-removeSplitBtn {
  margin-right: 32px;
  margin-left: 8px;
}
.e-pivotclient.e-rtl .e-splitBtn .e-pvtBtn {
  margin-right: 12px;
  margin-left: 0px;
}
.e-pivotclient .e-toolbar .e-reportCol,
.e-pivotclient .e-toolbar .e-reportCol.e-hover,
.e-pivotclient .e-collectionli,
.e-pivotclient .e-collectionli.e-hover,
.e-pivotclient .e-reportli,
.e-pivotclient .e-reportli.e-hover {
  border-left: 1px solid #e0e0e0;
}
.e-pivotclient.e-rtl .e-splitBtn {
  margin: 12px 12px 0px 0px;
}
.e-pivotclient .e-removeSplitBtn.e-icon {
  width: 16px;
  height: 16px;
}
.e-pivotclient .e-splitBtn .e-pvtBtn,
.e-pivotclient .e-splitBtn .e-pvtBtn:hover,
.e-pivotclient .e-splitBtn .e-pvtBtn:active {
  background-color: inherit;
  box-shadow: none;
  color: inherit;
  font: inherit !important;
  text-transform: none;
  border: none;
}
.e-pivotclient .e-splitBtn .e-removeSplitBtn,
.e-pivotclient .e-splitBtn .e-removeSplitBtn:hover {
  box-shadow: none;
  margin-top: 7px;
}
.e-pivotclient .e-toolbar > .e-horizontal > .e-reportCol.e-active,
.e-pivotclient .e-toolbar > .e-horizontal > .e-reportCol.e-active > .reportList,
.e-pivotclient .e-toolbar > .e-horizontal > .e-collectionli.e-active,
.e-pivotclient .e-toolbar > .e-horizontal > .e-collectionli.e-active > .e-collectionlist {
  background: none;
}
.e-pivotclient .e-toolbar > .e-horizontal > .e-reportCol.e-active:after,
.e-pivotclient .e-toolbar > .e-horizontal > .e-collectionli.e-active:after,
.e-pivotclient .e-toolbar > .e-horizontal > .e-reportli.e-active:after {
  animation: none;
}
.e-pivotclient .e-SortFilterDlg.e-dialog > .e-header,
.e-pivotclient .e-SortFilterDlg.e-dialog .e-tab .e-header {
  background-color: #3f51b5;
  color: white;
}
.e-pivotclient .e-SortFilterDlg.e-dialog .e-dialog-icon:before {
  color: white;
}
.e-pivotclient .e-SortFilterDlg.e-dialog .e-dialog-icon:hover {
  background: none;
}
.e-pivotclient .e-SortFilterDlg.e-dialog .e-dialog-icon::after {
  background: white;
}
.e-pivotclient .e-SortFilterDlg .e-dialog.e-widget-content {
  padding: 0px 0px 10px;
}
.e-pivotclient .e-SortFilterDlg.e-dialog .e-tab .e-header li a {
  color: white;
}
.e-pivotclient .e-SortFilterDlg.e-dialog .e-tab .e-header li.e-active a {
  color: rgba(255, 255, 255, 0.7);
}
.e-pivotclient .e-SortFilterDlg .e-tab.e-js .e-header > .e-item:hover {
  background: none;
}
.e-pivotclient .e-SortFilterDlg .sortfilterTab .e-sortingDlg,
.e-pivotclient .e-SortFilterDlg .sortfilterTab .e-filteringDlg {
  
}
.e-pivotclient .e-SortFilterDlg .sortfilterTab .e-sortingDlg,
.e-pivotclient .e-SortFilterDlg .sortfilterTab .e-filteringDlg {
  padding: 10px 24px 0px;
}
.e-pivotclient .e-filterLbl {
  margin-right: 24px;
}
.e-pivotclient .e-orderLbl,
.e-pivotclient .e-sortingLbl {
  margin-right: 24px;
}
.e-pivotclient .e-SortFilterDlg .sortfilterTab .e-sortingDlg #measuresList_wrapper {
  width: 95% !important;
}
.e-pivotclient .e-SortFilterDlg .e-dialogFooter {
  width: 100% !important;
  text-align: right;
  border-top: 2px solid rgba(255, 255, 255, 0.12);
}
.e-pivotclient .e-SortFilterDlg label {
  color: rgba(0, 0, 0, 0.54);
}
.e-pivotclient .e-SortFilterDlg .e-dialogFooter {
  float: right;
  padding: 7px 0 6px;
  margin-top: 20px;
  border-top: 2px solid #e0e0e0;
}
.e-pivotclient .e-SortFilterDlg.e-dialog .e-dialogCancelBtn {
  margin-right: 24px;
}
.e-pivotclient .e-SortFilterDlg.e-dialog .e-dialogOKBtn,
.e-pivotclient .e-SortFilterDlg.e-dialog .e-dialogCancelBtn {
  margin-top: 0px;
  margin-bottom: 0px;
}
.e-pivotclient .e-pvtBtn {
  
}
.e-pivotclient .e-btn.e-select.dragClone {
  height: 32px !important;
  padding: 0px 12px;
  box-shadow: none;
  font-family: 'Roboto', Segoe UI !important;
  font-size: 13px !important;
  background-color: #eeeeee;
  border-radius: 25px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
  text-transform: none;
}
.e-pivotclient .e-pivotschemadesigner .e-schemaFilter,
.e-pivotclient .e-pivotschemadesigner .e-schemaColumn,
.e-pivotclient .e-pivotschemadesigner .e-schemaRow,
.e-pivotclient .e-pivotschemadesigner .e-schemaValue {
  overflow: auto;
}
.e-pivotclient .e-pivotschemadesigner .e-schemaFilter,
.e-pivotclient .e-pivotschemadesigner .e-schemaColumn,
.e-pivotclient .e-pivotschemadesigner .e-schemaRow,
.e-pivotclient .e-pivotschemadesigner .e-schemaValue {
  background-color: #fafafa;
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton {
  white-space: nowrap;
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton {
  margin: 11px 0px 0px 12px;
  width: auto;
  display: inline-block;
  float: left;
  clear: left;
  background-color: #e0e0e0;
  border-radius: 25px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  font-family: 'Roboto', Segoe UI !important;
  font-size: 13px !important;
  height: 32px;
  color: rgba(0, 0, 0, 0.87);
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton:hover,
.e-pivotclient .e-pivotschemadesigner .e-pivotButton.pvtBtnHover {
  background-color: #757575;
  color: white;
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton .e-removeClientPivotBtn,
.e-pivotclient .e-pivotschemadesigner .e-pivotButton .e-removeClientPivotBtn :hover {
  box-shadow: none;
  margin-top: 2px;
}
.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-dialogOKBtn {
  margin-right: 70px;
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn,
.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn:hover,
.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn:active {
  
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn,
.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn:hover,
.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn:active {
  background-color: inherit;
  box-shadow: none;
  color: inherit;
  font: inherit !important;
  padding: 0px;
  border: none;
}
.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-pivotButton {
  margin-left: 0px;
  margin-right: 12px;
  float: right;
  clear: right;
}
.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-pivotButton .e-pvtBtn {
  
}
.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-pivotButton .e-pvtBtn {
  margin-left: 0px;
  margin-right: 12px;
}
.e-pivotclient.e-rtl .e-pivotschemadesigner.e-rtl .e-removeClientPivotBtn {
  margin-right: 32px;
  margin-left: 8px;
}
.e-pivotclient .e-pivotschemadesigner .e-dialogOKBtn {
  margin-left: 10px;
}
.e-pivotclient .e-pivotpager .e-movePrevious,
.e-pivotclient .e-pivotpager .e-moveNext,
.e-pivotclient .e-pivotpager .e-moveLast,
.e-pivotclient .e-pivotpager .e-moveFirst {
  margin-left: 0px !important;
}
.e-pivotclient .e-pivotpager .e-pagerTextBox {
  width: 35px !important;
}
.e-pivotclient .e-pivotpager table {
  
  border: none;
}
.e-pivotclient .e-pivotpager table {
  height: auto !important;
}
.e-pivotclient .e-pivotpager .e-pagerDiv {
  margin: 3px !important;
}
.e-pivotclient .e-pivotpager {
  margin-top: 10px;
}
.e-pivotclient .e-icon.e-media-backward_01:before {
  content: "\e83e";
}
.e-pivotclient .e-icon.e-arrowhead-left:before {
  content: "\e83f";
}
.e-pivotclient .e-icon.e-arrowhead-right:before {
  content: "\e840";
}
.e-pivotclient .e-icon.e-media-forward_01:before {
  content: "\e841";
}
.e-pivotclient .e-firstPage {
  
}
.e-pivotclient .e-firstPage {
  margin-right: 12px;
}
.e-pivotclient .e-lastPage {
  
}
.e-pivotclient .e-lastPage {
  margin-left: 12px;
}
.e-pivotclient .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient .e-dialog .e-memberPager + div .e-btn.e-dialogCancelBtn,
.e-pivotclient .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient .e-dialog .e-memberSearchEditorDiv + div .e-btn.e-dialogCancelBtn,
.e-pivotclient .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient .e-dialog .e-memberDrillPager + div .e-btn.e-dialogCancelBtn {
  margin-top: 0px;
  margin-bottom: 0px;
}
.e-pivotclient .e-dialog .e-memberPager + div .e-btn,
.e-pivotclient .e-dialog .e-memberSearchPager + div .e-btn,
.e-pivotclient .e-dialog .e-memberDrillPager + div .e-btn {
  margin-top: 0px;
  margin-bottom: 0px;
}
.e-pivotclient .e-dialog .e-memberPager + div,
.e-pivotclient .e-dialog .e-memberSearchPager + div,
.e-pivotclient .e-dialog .e-memberDrillPager + div {
  
}
.e-pivotclient .e-dialog .e-memberPager + div,
.e-pivotclient .e-dialog .e-memberSearchPager + div,
.e-pivotclient .e-dialog .e-memberDrillPager + div {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}
.e-pivotclient .e-firstPage.e-pageEnabled,
.e-pivotclient .e-prevPage.e-pageEnabled,
.e-pivotclient .e-nextPage.e-pageEnabled,
.e-pivotclient .e-lastPage.e-pageEnabled {
  
}
.e-pivotclient .e-firstPage.e-pageEnabled,
.e-pivotclient .e-prevPage.e-pageEnabled,
.e-pivotclient .e-nextPage.e-pageEnabled,
.e-pivotclient .e-lastPage.e-pageEnabled {
  color: rgba(0, 0, 0, 0.54);
}
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn {
  
}
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn {
  
}
.e-pivotclient .e-dialog .e-memberPager .e-memberCurrentPage:hover,
.e-pivotclient .e-dialog .e-memberSearchPager .e-memberCurrentSearchPage:hover,
.e-pivotclient .e-dialog .e-memberDrillPager .e-memberCurrentDrillPage:hover {
  
}
.e-pivotclient .e-dialog .e-memberPager .e-memberCurrentPage:hover,
.e-pivotclient .e-dialog .e-memberSearchPager .e-memberCurrentSearchPage:hover,
.e-pivotclient .e-dialog .e-memberDrillPager .e-memberCurrentDrillPage:hover {
  border-color: rgba(0, 0, 0, 0.26);
}
.e-pivotclient .e-dialog .e-memberPager .e-memberCurrentPage:active,
.e-pivotclient .e-dialog .e-memberPager .e-memberCurrentPage:focus,
.e-pivotclient .e-dialog .e-memberSearchPager .e-memberCurrentSearchPage:active,
.e-pivotclient .e-dialog .e-memberSearchPager .e-memberCurrentSearchPage:focus,
.e-pivotclient .e-dialog .e-memberDrillPager .e-memberCurrentDrillPage:active,
.e-pivotclient .e-dialog .e-memberDrillPager .e-memberCurrentDrillPage:focus {
  
}
.e-pivotclient .e-dialog .e-memberPager .e-memberCurrentPage:active,
.e-pivotclient .e-dialog .e-memberPager .e-memberCurrentPage:focus,
.e-pivotclient .e-dialog .e-memberSearchPager .e-memberCurrentSearchPage:active,
.e-pivotclient .e-dialog .e-memberSearchPager .e-memberCurrentSearchPage:focus,
.e-pivotclient .e-dialog .e-memberDrillPager .e-memberCurrentDrillPage:active,
.e-pivotclient .e-dialog .e-memberDrillPager .e-memberCurrentDrillPage:focus {
  border-color: rgba(0, 0, 0, 0.54);
}
.e-pivotclient .e-dialog .e-memberPager .e-memberCurrentPage,
.e-pivotclient .e-dialog .e-memberSearchPager .e-memberCurrentSearchPage,
.e-pivotclient .e-dialog .e-memberDrillPager .e-memberCurrentDrillPage {
  
}
.e-pivotclient .e-dialog .e-memberPager .e-memberCurrentPage,
.e-pivotclient .e-dialog .e-memberSearchPager .e-memberCurrentSearchPage,
.e-pivotclient .e-dialog .e-memberDrillPager .e-memberCurrentDrillPage {
  color: rgba(0, 0, 0, 0.87);
  font-family: 'Roboto', Segoe UI;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  width: 22px !important;
  height: 15px !important;
  border-radius: 2px;
}
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberPager,
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberSearchPager,
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberDrillPager {
  
}
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn.e-dialogCancelBtn,
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-dialog .e-memberPager + div .e-btn.e-dialogCancelBtn,
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn.e-dialogCancelBtn,
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-dialog .e-memberSearchPager + div .e-btn.e-dialogCancelBtn,
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient .e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn.e-dialogCancelBtn,
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn.e-dialogOKBtn,
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-dialog .e-memberDrillPager + div .e-btn.e-dialogCancelBtn {
  
}
.e-pivotclient .e-firstPage.e-pageEnabled:after,
.e-pivotclient .e-prevPage.e-pageEnabled:after,
.e-pivotclient .e-nextPage.e-pageEnabled:after,
.e-pivotclient .e-lastPage.e-pageEnabled:after {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-pivotclient .e-firstPage,
.e-pivotclient .e-prevPage,
.e-pivotclient .e-nextPage,
.e-pivotclient .e-lastPage,
.e-memberCurrentPage,
.e-memberPageCount,
.e-memberCurrentSearchPage,
.e-memberSearchPageCount,
.e-memberCurrentDrillPage,
.e-memberDrillPageCount {
  vertical-align: middle;
}
.e-pivotclient .e-memberEditorDiv.noChildNode .e-item div > .e-chkbox-wrap {
  
}
.e-pivotclient.e-rtl .e-memberEditorDiv.noChildNode .e-item div > .e-chkbox-wrap {
  
}
.e-pivotclient .e-ascImage:before {
  content: "\e714";
  font-size: 16px;
  margin-left: 5px;
}
.e-pivotclient .e-descImage:before {
  content: "\e713";
  font-size: 16px;
  margin-left: 5px;
}
.e-pivotclient .e-clrFilter:before {
  content: "\e668";
  font-size: 16px;
  float: left;
}
.e-pivotclient .e-clrSort:before {
  content: "\e754";
  font-size: 19px;
  float: left;
  margin-top: 4px;
}
.e-pivotclient .e-ascOrder,
.e-pivotclient .e-descOrder {
  list-style: none;
}
.e-pivotclient .e-advancedFilterDlg .e-arrowhead-right,
.e-pivotclient .e-advancedFilterDlg .e-clrSort {
  margin-top: -5px !important;
}
.e-pivotclient .e-advanceFltrElement .e-arrowhead-right {
  margin-right: -2px;
}
.e-pivotclient .e-advanceFltrElement .e-memberEditorDiv {
  margin: 12px 0px 0 0px;
}
.e-pivotclient .e-advanceFltrElement .e-memberSearchEditorDiv {
  padding: 5px 0px 0 0px !important;
}
.e-pivotclient .e-advanceFltrElement .e-editorDiv {
  margin-left: 0px;
}
.e-pivotclient.e-rtl .e-clientChartTabRtl {
  margin: 5px -10px 0 0 !important;
}
.e-pivotclient.e-rtl .e-serverChartTabRtl {
  margin: 5px -22px 0 0 !important;
}
.e-pivotclient .e-advanceFltrElement .searchEditorTreeView {
  font-weight: normal;
}
.e-pivotclient .e-advanceFltrElement .searchEditorTreeView textarea {
  font-style: normal !important;
}
.e-pivotclient .e-advancedFilterDlg .e-footerArea {
  margin: -12px 12px 6px 0px !important;
}
.e-pivotclient.e-rtl .e-pivotgrid .valueSorting {
  float: none !important;
}
.e-pivotclient .e-pivotschemadesigner .e-pvtBtn {
  float: left;
}
.e-pivotclient.e-rtl .e-pivotschemadesigner .e-pvtBtn {
  float: right;
}
.e-pivotclient .e-pivotschemadesigner .e-pivotButton > .e-pvtBtn {
  margin-top: 0px !important;
}
.e-pivotclient .e-descImage,
.e-pivotclient .e-ascImage {
  display: inline-block;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  width: 20px;
}
.e-pivotclient .e-filterState:before {
  content: "\e80a";
  height: 16px;
  width: 16px;
}
.e-pivotclient .e-selectedSort {
  border: 1px solid;
  padding-top: 2px;
  margin-top: -3px !important;
}
.e-maximumView {
  background-color: white;
  z-index: 1000;
  margin: 2% 4%;
  margin-top: 2%;
  padding: 20px;
  position: fixed;
}
.e-fullScreenView {
  position: absolute;
  top: 0;
  background-color: white;
  z-index: 1000;
}
.e-winCloseBtn:before {
  content: "\e69e";
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 0;
  height: 24px;
  width: 24px;
}
.e-winCloseBtn {
  color: #424242;
}
.e-winCloseBtn:hover {
  color: #424242;
  cursor: pointer;
}
@media (min-width: 640px) and (max-width: 799px) {
  
}
@media (min-width: 800px) and (max-width: 959px) {
  
}
@media (min-width: 960px) and (max-width: 1120px) {
  
}
@media (min-width: 1120px) {
  
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-pivotchart .e-hoverCell {
  background-color: #e0e0e0 !important;
}
.e-pivotchart .e-enabled {
  color: white !important;
  background: #3f51b5 !important;
}
.e-pivotchart {
  font: normal 12px 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  border: 1px solid #e0e0e0;
  background-color: white;
  color: #212121;
}
.e-pivotchart *:focus:hover {
  outline: none;
}
.e-pivotchart .e-expandMenu {
  min-height: 50px;
}
.e-pivotchart .e-menuList {
  list-style-type: none;
  padding: 4px 15px 4px 15px;
}
.e-pivotchart .e-menuList:hover {
  list-style-type: none;
  color: #212121;
  background-color: #e0e0e0;
  cursor: pointer;
}
.e-pivotchart .e-dialog,
.e-pivotchart .e-wrapper,
.e-pivotchart .e-shadow {
  min-height: 50px;
}
.e-pivotchart .e-dialog-scroller {
  height: auto !important;
}
.e-pivotchart .e-dialog,
.e-pivotchart .e-content {
  padding: 0;
}
.e-pivotchart .e-chartTypesImg:before {
  content: "\e6b3";
  font-size: 20px;
}
.e-pivotchart .e-toolTipImg:before {
  content: "\e863";
  font-size: 20px;
}
.e-pivotchart .e-chart3DImg:before {
  content: "\e6a9";
  font-size: 20px;
}
.e-pivotchart .e-exportImg:before {
  content: "\e84f";
  font-size: 20px;
}
.e-pivotchart .e-disable3D:before {
  content: "\e86a";
}
.e-pivotchart .e-chartTypesIcon:before,
.e-pivotchart .e-chart3DTypesIcon:before,
.e-pivotchart .e-exportTypesIcon:before,
.e-pivotchart .e-interactionsIcon:before,
.e-pivotchart .e-smartLabelsIcon:before {
  font-family: 'ej-webfont';
  font-size: 20px;
  margin-left: 2px;
}
.e-pivotchart .e-chartTypesIcon,
.e-pivotchart .e-chartTypesIcon:hover,
.e-pivotchart .e-chart3DTypesIcon,
.e-pivotclient .e-chart3DTypesIcon:hover,
.e-pivotchart .e-exportTypesIcon,
.e-pivotclient .e-exportTypesIcon:hover,
.e-pivotchart .e-interactionsIcon,
.e-pivotchart .e-interactionsIcon:hover,
.e-pivotchart .e-smartLabelsIcon,
.e-pivotchart .e-smartLabelsIcon:hover {
  background-repeat: no-repeat;
  margin: 5px 5px 0px 0px;
  cursor: default;
  display: inline-block;
  height: 22px;
  width: 24px;
}
.e-pivotchart .e-chartTypesDialog,
.e-pivotchart .e-chart3DTypesDialog,
.e-pivotchart .e-exportTypesDialog,
.e-pivotchart .e-smartLabelsDialog,
.e-pivotchart .e-interactionsDialog {
  position: absolute;
  padding: 0px 0px 5px 5px;
  z-index: 1000000;
  background-color: whitesmoke;
  border: 2px solid #e0e0e0;
}
.e-pivotchart .e-chartTypesIcon,
.e-pivotchart .e-chart3DTypesIcon,
.e-pivotchart .e-exportTypesIcon,
.e-pivotchart .e-smartLabelsIcon,
.e-pivotchart .e-interactionsIcon {
  color: #424242;
}
.e-pivotchart .e-chartTypesIcon:hover,
.e-pivotchart .e-chart3DTypesIcon:hover,
.e-pivotchart .e-exportTypesIcon:hover,
.e-pivotchart .e-smartLabelsIcon:hover,
.e-pivotchart .e-interactionsIcon:hover {
  color: #424242;
  cursor: pointer;
  background: #e0e0e0;
}
.e-pivotchart .e-activeChartType {
  color: white;
  background: #3f51b5;
}
.e-pivotchart .e-line:before {
  content: "\e6b1";
}
.e-pivotchart .e-spline:before {
  content: "\e6bb";
}
.e-pivotchart .e-column:before {
  content: "\e6a6";
}
.e-pivotchart .e-area:before {
  content: "\e6a2";
}
.e-pivotchart .e-splinearea:before {
  content: "\e6ba";
}
.e-pivotchart .e-stepline:before {
  content: "\e6c0";
}
.e-pivotchart .e-steparea:before {
  content: "\e6be";
}
.e-pivotchart .e-pie:before {
  content: "\e6ca";
}
.e-pivotchart .e-bar:before {
  content: "\e6c5";
}
.e-pivotchart .e-stackingarea:before {
  content: "\e6bc";
}
.e-pivotchart .e-stackingcolumn:before {
  content: "\e6bd";
}
.e-pivotchart .e-stackingbar:before {
  content: "\e6c6";
}
.e-pivotchart .e-pyramid:before {
  content: "\e6c9";
}
.e-pivotchart .e-funnel:before {
  content: "\e6c8";
}
.e-pivotchart .e-doughnut:before {
  content: "\e7dd";
}
.e-pivotchart .e-scatter:before {
  content: "\e7df";
}
.e-pivotchart .e-bubble:before {
  content: "\e7dc";
}
.e-pivotchart .e-excel:before {
  content: "\e845";
}
.e-pivotchart .e-word:before {
  content: "\e84e";
}
.e-pivotchart .e-pdf:before {
  content: "\e846";
}
.e-pivotchart .e-png:before {
  content: "\e861";
}
.e-pivotchart .e-emf:before {
  content: "\e862";
}
.e-pivotchart .e-gif:before {
  content: "\e85f";
}
.e-pivotchart .e-jpg:before {
  content: "\e860";
}
.e-pivotchart .e-bmp:before {
  content: "\e85e";
}
.e-pivotchart .e-column3D:before {
  content: "\e868";
}
.e-pivotchart .e-pie3D:before {
  content: "\e865";
}
.e-pivotchart .e-bar3D:before {
  content: "\e869";
}
.e-pivotchart .e-stackingbar3D:before {
  content: "\e866";
}
.e-pivotchart .e-stackingcolumn3D:before {
  content: "\e867";
}
.e-pivotchart .pivotChartContextMenu .e-enabledState::before {
  content: "\e80a";
  height: 16px;
  width: 16px;
}
.e-pivotchart .e-legend:before {
  content: "\e879";
  font-size: 20px;
}
.e-pivotchart .e-zooming:before {
  content: "\e886";
  font-size: 20px;
}
.e-pivotchart .e-smartLabels:before {
  content: "\e880";
  font-size: 20px;
}
.e-pivotchart .e-interaction:before {
  content: "\e877";
  font-size: 20px;
}
.e-pivotchart .e-crossHair:before {
  content: "\e872";
}
.e-pivotchart .e-trackBall:before {
  content: "\e882";
}
.e-pivotchart .e-rotate45:before {
  content: "\e87e";
}
.e-pivotchart .e-rotate90:before {
  content: "\e87f";
}
.e-pivotchart .e-hiding:before {
  content: "\e873";
}
.e-pivotchart .e-multipleRows:before {
  content: "\e87b";
}
.e-pivotchart .e-trim:before {
  content: "\e883";
}
.e-pivotchart .e-wrap:before {
  content: "\e885";
}
.e-pivotchart .e-wrapByWord:before {
  content: "\e884";
}
.e-pivotchart .none:before {
  content: "\e871";
}
.e-pivotchart .e-icon-xAxis-title:before {
  content: "\e917";
  font-size: 20px;
}
.e-pivotchart .e-icon-yAxis-title:before {
  content: "\e918";
  font-size: 20px;
}
.e-pivotchart .e-chartTypesImg,
.e-pivotchart .e-chartTypesImg:hover,
.e-pivotchart .e-toolTipImg,
.e-pivotchart .e-toolTipImg:hover,
.e-pivotchart .e-chart3DImg,
.e-pivotchart .e-chart3DImg:hover,
.e-pivotchart .e-exportImg,
.e-pivotchart .e-exportImg:hover,
.e-pivotchart .e-legend,
.e-pivotchart .e-legend:hover,
.e-pivotchart .e-zooming,
.e-pivotchart .e-zooming:hover,
.e-pivotchart .e-smartLabels,
.e-pivotchart .e-smartLabels:hover,
.e-pivotchart .e-interaction,
.e-pivotchart .e-interaction:hover,
.e-pivotchart .e-icon-xAxis-title:hover,
.e-pivotchart .e-icon-yAxis-title:hover,
.e-pivotchart .e-icon-xAxis-title,
.e-pivotchart .e-icon-yAxis-title {
  background-repeat: no-repeat;
  margin: 4px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.e-pivotchart .e-chartTypesImg,
.e-pivotchart .e-toolTipImg,
.e-pivotchart .e-chart3DImg,
.e-pivotchart .e-exportImg,
.e-pivotchart .e-legend,
.e-pivotchart .e-zooming,
.e-pivotchart .e-smartLabels,
.e-pivotchart .e-interaction,
.e-pivotchart .e-icon-xAxis-title,
.e-pivotchart .e-icon-yAxis-title {
  overflow: visible !important;
  color: #424242;
  text-indent: -3px;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-pivottreemap .e-drillupAction {
  background-color: white;
  color: #212121;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
  z-index: 10;
  border-color: #212121;
  border: 1px solid #212121;
  border-bottom: transparent;
  padding-top: 6px;
}
.e-pivottreemap .e-drillupAction a {
  color: #212121;
  cursor: pointer;
}
.e-pivottreemap .e-drillupAction a:hover {
  color: #212121;
  text-decoration: underline !important;
}
.e-pivottreemap label {
  font-weight: 600;
}
.e-pivottreemap .e-treemap-header {
  font-size: 12px;
}
.e-pivottreemap .e-treemap-label {
  color: #212121 !important;
  font-size: 12px;
  padding-left: 5px;
  padding-top: 5px;
}
.e-pivottreemap *:focus:hover {
  outline: none;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-pivotgauge .kpiiconvalue {
  height: 24px;
  width: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.e-pivotgauge .e-wrapLayout {
  list-style-type: none;
  height: auto;
  width: auto;
}
.e-pivotgauge .e-wrapLayout li {
  float: left;
  display: inline-block;
  margin: 2px;
}
.e-pivotgauge *:focus:hover {
  outline: none;
}
.e-pivotgauge-tooltip {
  background-color: white;
  border: 2px solid #e0e0e0;
}
.e-pivotgauge-tooltip {
  pointer-events: none;
  opacity: 0;
  display: inline-block;
  position: absolute;
  padding: 10px 20px;
  color: #212121;
  border-radius: 15px;
  margin-top: 20px;
  text-align: left;
  font: 12px 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-stretch: condensed;
  text-decoration: none;
  line-height: 20px;
}
.e-pivotgauge-tooltip,
.e-pivotgauge-active {
  opacity: 1;
  margin-top: 5px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.e-pivotgauge .kpiuparrow {
  background-image: url("../common-images/pivotgrid/up-arrow.png");
}
.e-pivotgauge .kpirightarrow {
  background-image: url("../common-images/pivotgrid/right-arrow.png");
}
.e-pivotgauge .kpidownarrow {
  background-image: url("../common-images/pivotgrid/down-arrow.png");
}
.e-pivotgauge .kpidiamond {
  background-image: url("../common-images/pivotgrid/diamond.png");
}
.e-pivotgauge .kpitriangle {
  background-image: url("../common-images/pivotgrid/triangle.png");
}
.e-pivotgauge .kpicircle {
  background-image: url("../common-images/pivotgrid/circle.png");
}
.e-pivotgauge .kpiredroad {
  background-image: url("../common-images/pivotgrid/red.png");
}
.e-pivotgauge .kpigreenroad {
  background-image: url("../common-images/pivotgrid/green.png");
}
.e-pivotgauge .kpiallcolor {
  background-image: url("../common-images/pivotgrid/three-color.png");
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-pivotpager .e-pagerTextBox {
  display: inline-block;
  
}
.e-pivotpager .e-pagerTextBox {
  color: rgba(0, 0, 0, 0.87);
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 2px;
  text-indent: 2px;
  height: 18px;
  width: 35px;
}
.e-pivotpager *:focus:hover {
  outline: none;
}
.e-pivotpager {
  font-family: 'Roboto', Segoe UI;
}
.e-pivotpager .e-movePrevious,
.e-pivotpager .e-pagerLabel,
.e-pivotpager .e-pagerTextBox,
.e-pivotpager .e-moveNext,
.e-pivotpager .e-moveLast {
  margin-left: 16px;
}
.e-pivotpager .e-moveFirst {
  margin-left: 24px !important;
}
.e-pivotpager .e-moveLast {
  margin-right: 24px !important;
}
.e-pivotpager .e-pagerTextBox {
  width: 35px;
  height: 21px;
}
.e-pivotpager table {
  height: 56px;
}
.e-pivotpager .e-categPagerTd .e-pagerDiv {
  border-right: 1px solid #e0e0e0;
}
.e-pivotpager .e-pagerTextBox:active,
.e-pivotpager .e-pagerTextBox:focus {
  border-color: rgba(0, 0, 0, 0.54);
}
.e-pivotpager .e-movePrevious,
.e-pivotpager .e-moveNext,
.e-pivotpager .e-moveFirst,
.e-pivotpager .e-moveLast {
  display: inline-block;
  
  position: relative;
  top: 1px;
  cursor: pointer;
}
.e-pivotpager .e-movePrevious,
.e-pivotpager .e-moveNext,
.e-pivotpager .e-moveFirst,
.e-pivotpager .e-moveLast {
  width: 18px;
  height: 18px;
}
.e-pivotpager .e-movePrevious,
.e-pivotpager .e-moveNext,
.e-pivotpager .e-moveFirst,
.e-pivotpager .e-moveLast {
  color: rgba(0, 0, 0, 0.54);
}
.e-pivotpager .e-moveFirst:before {
  
  font-size: 14px;
}
.e-pivotpager .e-moveFirst:before {
  content: "\e83e";
}
.e-pivotpager .e-moveFirst:before {
  margin-left: 5px;
}
.e-pivotpager .e-moveLast:before {
  
  font-size: 14px;
}
.e-pivotpager .e-moveLast:before {
  content: "\e841";
}
.e-pivotpager .e-moveLast:before {
  margin-left: 5px;
}
.e-pivotpager .e-categPagerTd {
  
}
.e-pivotpager.e-rtl .e-categPagerTd {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #424242;
  border-right-style: hidden !important;
}
.e-pivotpager.e-rtl .e-pagerDiv,
.e-pivotpager.e-rtl .e-seriesPagerTd {
  direction: ltr;
}
.e-pivotpager .e-movePrevious:before {
  
  font-size: 14px;
}
.e-pivotpager .e-movePrevious:before {
  content: "\e83f";
}
.e-pivotpager .e-movePrevious:before {
  margin-left: 5px;
}
.e-pivotpager .e-moveNext:before {
  
  font-size: 14px;
}
.e-pivotpager .e-moveNext:before {
  content: "\e840";
}
.e-pivotpager .e-moveNext:before {
  margin-left: 5px;
}
.e-pivotpager .e-categPageCount,
.e-pivotpager .e-seriesPageCount {
  cursor: default;
  
}
.e-pivotpager .e-categPageCount,
.e-pivotpager .e-seriesPageCount {
  padding: 0px 0px 0px 5px;
}
.e-pivotpager .e-pagerDiv {
  
}
.e-pivotpager .e-pagerDiv {
  color: black;
}
.e-pivotpager .e-pagerLabel {
  cursor: default;
  display: inline-block;
  
}
.e-pivotpager .e-pagerLabel {
  margin-left: 5px;
  margin-right: 5px;
}
.e-pivotpager .e-pagerLabel {
  font-size: 13px;
}
.e-pivotpager .e-disabled {
  
  cursor: default !important;
}
.e-pivotpager .e-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.e-pivotpager .pivotpager {
  overflow: auto;
}
.e-pivotpager input {
  background: white;
}
.e-pivotpager .e-pagerTextBox:active,
.e-pivotpager .e-pagerTextBox:focus {
  
}
.e-pivotpager .e-pagerTextBox:hover {
  
}
.e-pivotpager .e-categPagerTd .e-pagerDiv {
  
}
.e-pivotpager .e-seriesPagerTd .e-pagerDiv {
  
}
.e-pivotpager.e-rtl .e-categPagerTd .e-pagerDiv {
  
}
.e-pivotpager.e-rtl .e-seriesPagerTd .e-pagerDiv {
  
}
.e-pivotpager .e-moveFirst:before {
  
}
.e-pivotpager .e-movePrevious:hover,
.e-pivotpager .e-moveNext:hover,
.e-pivotpager .e-moveFirst:hover,
.e-pivotpager .e-moveLast:hover {
  
}
.e-pivotpager .e-movePrevious:active,
.e-pivotpager .e-moveNext:active,
.e-pivotpager .e-moveFirst:active,
.e-pivotpager .e-moveLast:active {
  
}
.e-pivotpager .e-disabled:hover,
.e-pivotpager .e-disabled:active {
  
}
.e-pivotpager .e-pagerLabel,
.e-pivotpager .e-seriesPageCount,
.e-pivotpager .e-categPageCount,
.e-pivotpager .e-pagerTextBox,
.e-pivotpager .e-movePrevious,
.e-pivotpager .e-moveNext,
.e-pivotpager .e-moveFirst,
.e-pivotpager .e-moveLast {
  
}
.e-pivotpager .e-movePrevious:before,
.e-pivotpager .e-moveNext:before,
.e-pivotpager .e-moveFirst:before,
.e-pivotpager .e-moveLast:before {
  
}
.e-pivotpager tr {
  
}
.e-pivotpager .e-movePrevious.e-disabled,
.e-pivotpager .e-moveNext.e-disabled,
.e-pivotpager .e-moveFirst.e-disabled,
.e-pivotpager .e-moveLast.e-disabled {
  
}
.e-pivotpager table {
  background-color: white;
  
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------reportviewer Theme Start-------------------------------*/

.e-reportviewer-outerborder:hover {
  border-color: #e0e0e0;
  color: #212121;
}
.e-reportviewer-outerborder:hover {
  background: #e0e0e0;
}
.e-reportviewer-tbdiv.e-reportviewer-exporttip {
  border-color: #e0e0e0;
  
}
.e-reportviewer-tbdiv.e-reportviewer-exporttip {
  background: whitesmoke;
}
.e-reportviewer-tbdiv.e-reportviewer-exporttip {
  /*material*/
  background-color: white !important;
}
.e-reportviewer-tbdiv.e-reportviewer-fittopagetip {
  border-color: #e0e0e0;
  
}
.e-reportviewer-tbdiv.e-reportviewer-fittopagetip {
  background: whitesmoke;
}
.e-reportviewer-tbdiv.e-reportviewer-fittopagetip {
  /*material*/
  background-color: white !important;
}
.e-reportviewer-tbdiv.e-reportviewer-tooltip {
  
  border-color: #e0e0e0;
}
.e-reportviewer-tbdiv.e-reportviewer-tooltip {
  /*material*/
  background-color: #616161;
}
.e-reportviewer-headerspan,
.e-reportviewer-contentspan {
  
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial !important;
}
.e-reportviewer-headerspan,
.e-reportviewer-contentspan {
  /*material*/
  color: white;
}
.e-reportviewer-viewer {
  font-size: 14px;
}
.e-reportviewer-popuppageno,
.e-reportviewer-popuptotalpage {
  color: white;
}
.e-reportviewer-toolbarcontainer .ejinputtext {
  
}
.e-reportviewer-toolbarcontainer .ejinputtext {
  /*material*/
  background-color: #fafafa !important;
  font-size: 16px;
}
.e-reportviewer-viewerblock {
  
}
.e-reportviewer-viewerblock {
  /*material*/
  background-color: #fafafa;
  font-size: 13px;
  color: black;
}
.e-reportviewer-viewerblockcellcontent {
  
}
.e-reportviewer-viewerblockcellcontent {
  /*material*/
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 13px;
  color: black;
  opacity: 87;
}
.e-reportviewer-viewreport {
  border-left-color: #e0e0e0;
  
}
.e-reportviewer-viewreport {
  /*material*/
  padding-left: 40px;
}
.e-reportviewer-scrollcontainer,
.e-reportviewer-viewer > .e-splitter .e-pane {
  
}
.e-reportviewer-scrollcontainer,
.e-reportviewer-viewer > .e-splitter .e-pane {
  /*material*/
  background-color: #eeeeee;
}
.e-reportviewer-pageviewcontainer {
  
}
.e-reportviewer-pageviewcontainer {
  /*material*/
  background-color: #eeeeee;
}
.e-reportviewer-pageview {
  
}
.e-reportviewer-pageview {
  /*material*/
  -moz-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.16);
  border-color: gray;
}
.e-reportviewer-label,
.e-reportviewer-tbpage,
.e-reportviewer-elementalignments,
.e-reportviewer-textbox {
  color: #212121;
}
.e-reportviewer-label,
.e-reportviewer-tbpage,
.e-reportviewer-elementalignments,
.e-reportviewer-textbox {
  font-size: 14px;
  font-weight: normal;
}
.e-reportviewer-labelpageno {
  font-size: 16px !important;
}
.e-reportviewer-documentmapcontainer div,
.e-reportviewer-documentmappopup {
  background-color: #ebebeb;
}
.e-reportviewer-pagepopupinfo {
  background-color: black;
}
.e-reportviewer-viewerblock,
.e-reportviewer-pagenumber,
.e-reportviewer-tbpage,
.e-reportviewer-tbdiv.e-reportviewer-exportlist,
.e-reportviewer-label,
.e-reportviewer-labelpageno {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial !important;
}
.e-reportviewer-toolbarcontainer,
.e-reportviewer-viewerblock,
.e-reportviewer-viewercontainer,
.e-reportviewer-elementalignments,
.e-reportviewer-viewerblockcellcontent,
.e-reportviewer-viewerblockcontent,
.e-reportviewer-textbox,
.e-reportviewer-documentmappopup {
  
}
.e-reportviewer-toolbarcontainer,
.e-reportviewer-viewerblock,
.e-reportviewer-viewercontainer,
.e-reportviewer-elementalignments,
.e-reportviewer-viewerblockcellcontent,
.e-reportviewer-viewerblockcontent,
.e-reportviewer-textbox,
.e-reportviewer-documentmappopup {
  /*material*/
  border-color: #e0e0e0;
}
.e-reportviewer-printExportLoading {
  font-style: italic;
  font-weight: bolder;
  font-size: larger;
  opacity: 0.7;
  color: black;
  background-color: rgba(56, 56, 56, 0.2);
}
.e-reportviewer-popupli:hover {
  
}
.e-reportviewer-popupli:hover {
  background: #e0e0e0;
}
.e-reportviewer-popupli:hover {
  background-color: #eeeeee;
}
.e-reportviewer-popupli {
  
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
.e-reportviewer-popupli {
  color: #212121 !important;
}
.e-reportviewer-toolbarli.e-reportviewer-ejdropdownlist .e-rptviewer-drpdown .e-in-wrap.e-box {
  border-style: none;
}
.e-reportviewer-toolbarli.e-reportviewer-ejdropdownlist .e-rptviewer-drpdown .e-in-wrap.e-box .e-input,
.e-reportviewer-toolbarli.e-reportviewer-ejdropdownlist .e-rptviewer-drpdown .e-in-wrap.e-box .e-select {
  background-color: transparent;
}
.e-reportviewer-gotonext.e-reportviewer-disabled,
.e-reportviewer-gotoprevious.e-reportviewer-disabled,
.e-reportviewer-gotolast.e-reportviewer-disabled,
.e-reportviewer-gotofirst.e-reportviewer-disabled {
  opacity: 0.5;
}
.e-reportviewer-viewreportbutton {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial !important;
  
}
.e-reportviewer-alert-icon {
  color: #f44336;
  font-size: 40px;
}
.e-reportviewer-error-content {
  
  font-size: 12.5px;
}
.e-reportviewer-scroller .e-scrollbar .e-icon {
  font-size: 0;
}
/*------------------------------reportviewer Theme End-------------------------------*/


/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------pdfviewer Theme Start-------------------------------*/

.e-pdfviewer-outerborder:hover {
  border-color: #e0e0e0;
  color: #212121;
}
.e-pdfviewer-outerborder:hover {
  background: #e0e0e0;
}
.e-pdfviewer-tbdiv.e-pdfviewer-exporttip {
  border-color: #e0e0e0;
  background-color: white;
}
.e-pdfviewer-tbdiv.e-pdfviewer-exporttip {
  background: whitesmoke;
}
.e-pdfviewer-tbdiv.e-pdfviewer-fittopagetip {
  border-color: #e0e0e0;
  background-color: white;
}
.e-pdfviewer-tbdiv.e-pdfviewer-fittopagetip {
  background: whitesmoke;
}
.e-pdfviewer-tbdiv.e-pdfviewer-tooltip {
  
}
.e-pdfviewer-tbdiv.e-pdfviewer-tooltip {
  background-color: #616161;
  border: 0px solid #e0e0e0;
  border-radius: 2px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.e-pdfviewer-headerspan,
.e-pdfviewer-contentspan {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial !important;
  
}
.e-pdfviewer-headerspan,
.e-pdfviewer-contentspan {
  color: white;
  font-size: 10px !important;
}
.e-pdfviewer-viewer {
  font-size: 14px;
}
.e-pdfviewer-popuppageno,
.e-pdfviewer-popuptotalpage {
  color: white;
}
.e-pdfviewer-toolbarcontainer .ejinputtext {
  background-color: white !important;
}
.e-pdfviewer-viewerblock {
  background-color: #ebebeb;
  font-size: 12.5px;
  color: #212121;
}
.e-pdfviewer-viewerblockcellcontent {
  font-size: 14.5px;
  color: #212121;
}
.e-pdfviewer-viewpdf {
  border-left-color: #e0e0e0;
}
.e-pdfviewer-scrollcontainer,
.e-pdfviewer-viewer > .e-splitter .e-pane {
  background-color: #e0e0e0;
}
.e-pdfviewer-pageviewcontainer {
  background-color: #cccccc;
}
.e-pdfviewer-pageview {
  -moz-box-shadow: rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: rgba(0, 0, 0, 0.6);
  box-shadow: rgba(0, 0, 0, 0.3);
  border-color: gray;
}
.e-pdfviewer-label,
.e-pdfviewer-tbpage,
.e-pdfviewer-elementalignments,
.e-pdfviewer-textbox {
  color: #212121;
}
.e-pdfviewer-elementalignments.ejinputtext:focus {
  border-color: rgba(0, 0, 0, 0.38);
}
.e-pdfviewer-label,
.e-pdfviewer-tbpage,
.e-pdfviewer-elementalignments,
.e-pdfviewer-textbox {
  font-size: 14px;
  font-weight: normal;
}
.e-pdfviewer-labelpageno {
  
}
.e-pdfviewer-labelpageno {
  font-size: 13px;
}
.e-pdfviewer-documentmapcontainer div,
.e-pdfviewer-documentmappopup {
  background-color: #ebebeb;
}
.e-pdfviewer-pagepopupinfo {
  background-color: black;
}
.e-pdfviewer-viewerblock,
.e-pdfviewer-viewer,
.e-pdfviewer-pagenumber,
.e-pdfviewer-tbpage,
.e-pdfviewer-tbdiv.e-pdfviewer-exportlist,
.e-pdfviewer-label,
.e-pdfviewer-labelpageno {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial !important;
}
.e-pdfviewer-viewerblock,
.e-pdfviewer-elementalignments,
.e-pdfviewer-viewerblockcellcontent,
.e-pdfviewer-viewerblockcontent,
.e-pdfviewer-textbox,
.e-pdfviewer-documentmappopup {
  border-color: #e0e0e0;
}
.e-pdfviewer-elementalignments.ejinputtext {
  border-color: rgba(0, 0, 0, 0.26);
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 2px;
}
.e-pdfviewer-elementalignments.ejinputtext::selection {
  background-color: #ff4081;
  color: white;
}
.e-pdfviewer-toolbarcontainer.e-toolbar {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fafafa;
  
}
.e-pdfviewer-toolbarcontainer.e-toolbar {
  border-color: #e0e0e0;
}
.e-pdfviewer-searchbox {
  
}
.e-pdfviewer-searchbox {
  border-color: #e0e0e0;
  background-color: #fafafa;
}
.e-pdfviewer-viewercontainer {
  
}
.e-pdfviewer-viewercontainer {
  background-color: #eeeeee;
  border-color: #e0e0e0;
}
.e-pdfviewer-pageCanvas {
  
}
.e-pdfviewer-pageCanvas {
  box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.16);
}
.e-pdfviewer-popupmenu {
  border: solid 2px #e0e0e0;
  background-color: whitesmoke;
}
.e-pdfviewer-innercontent {
  border-color: black;
  background-color: white;
}
.e-pdfviewer-closeicon {
  color: #212121;
}
.e-pdfviewer-properties-okbtn,
.e-pdfviewer-properties-cancelbtn {
  
}
.e-pdfviewer-currenttime,
.e-pdfviewer-username {
  color: #212121;
}
.e-tab .e-header > .e-active.e-pdfviewer-tab-li a {
  color: #212121 !important;
}
.e-pdfviewer-opacity-slider.e-slider .e-handle.e-select {
  background-color: white;
}
.e-tab .e-header > .e-active.e-pdfviewer-tab-li {
  
}
.e-pdfviewer-popupli:hover {
  background-color: #e0e0e0;
  color: #212121;
}
.e-pdfviewer-popupli:hover {
  background: #e0e0e0;
}
.e-pdfviewer-popupli {
  color: #212121 !important;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
/*------------------------------pdfviewer Theme End-------------------------------*/


/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-gantt .e-toolbaricons {
  
}
.e-gantt .e-toolbaricons {
  color: rgba(0, 0, 0, 0.54);
}
.e-search.e-tooltxt.e-hover {
  color: #424242 !important;
}
.e-gantt .e-tooltxt.e-hover > span {
  color: #424242;
}
.e-gantt .e-gantt-Spliter {
  border-top-color: #e0e0e0 !important;
  border-bottom-color: #e0e0e0 !important;
}
.e-gantt .e-editValue .e-treegrid .e-headercell {
  border-bottom-color: #e0e0e0 !important;
  background-color: white !important;
}
.e-ganttdialog .e-ejinputtext,
.e-gantt .e-ejinputtext {
  
  color: #212121;
  outline: none;
  border-style: solid;
  border-color: #e0e0e0;
  vertical-align: baseline;
}
.e-ganttdialog .e-ejinputtext,
.e-gantt .e-ejinputtext {
  border-width: 0px 0px 1px 0px;
  background-color: transparent;
}
.e-ganttdialog .e-ejinputtext:hover,
.e-gantt .e-ejinputtext:hover {
  box-shadow: none;
}
.e-ganttdialog .e-ejinputtext:focus,
.e-gantt .e-ejinputtext:focus {
  
}
.e-ganttdialog .e-ejinputtext:focus,
.e-gantt .e-ejinputtext:focus {
  box-shadow: none;
  border-width: 0px 0px 2px 0px;
  border-color: #ff4081;
}
.e-deletepre.e-icon,
.e-addpre.e-icon {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-gantt .e-splitter .e-hover.e-splitbar.e-split-divider {
  
}
.e-gantt .e-splitter .e-hover.e-splitbar.e-split-divider {
  border-color: #e0e0e0;
}
.e-gantt .e-splitter .e-splitbar.e-split-divider:hover {
  border-color: #e0e0e0;
}
.e-gantt .e-gantttoolbar li.e-hover {
  border-color: transparent;
}
.e-gantt .e-treegrid .e-gridheader {
  background: #fafafa;
  color: rgba(0, 0, 0, 0.87);
  border-color: #e0e0e0;
}
.e-gantt .e-treegrid .e-headercelldiv {
  color: rgba(0, 0, 0, 0.87);
}
.e-gantt .e-treegrid .e-headercelldiv .e-descending,
.e-gantt .e-treegrid .e-headercelldiv .e-ascending,
.e-gantt .e-treegrid .e-headercell .e-columnmenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-gantt .e-treegrid .e-headercell {
  border-top-color: #e0e0e0 !important;
  
}
.e-gantt .e-treegrid .e-headercell {
  border-right-color: rgba(0, 0, 0, 0.12) !important;
}
.e-ganttdialog .e-tab .e-header.e-addborderbottom .e-active {
  
}
.e-ganttdialog .e-tab .e-header.e-addborderbottom .e-active {
  border-top: solid 0px transparent !important;
}
.e-ganttdialog .e-titlebar {
  
}
.e-ganttdialog .e-titlebar {
  border-bottom: 1px solid transparent !important;
}
.e-gantt .e-search .e-ejinputtext {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  border-width: 1px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
  height: 24px;
  margin: 0px !important;
  border-radius: 2px;
  border-color: rgba(0, 0, 0, 0.26);
  background: white;
}
.e-gantt .e-search .e-ejinputtext:focus {
  border-color: rgba(0, 0, 0, 0.54);
}
.e-gantt .e-search .e-ejinputtext::-webkit-input-placeholder {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
}
.e-gantt .e-search .e-ejinputtext:-moz-placeholder {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
}
.e-gantt .e-search .e-ejinputtext::-moz-placeholder {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
}
.e-gantt .e-search .e-ejinputtext:-ms-input-placeholder {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
}
.e-gantt .e-search .e-ejinputtext::selection,
.e-ganttdialog .e-ejinputtext::selection {
  background: #ff4081;
  color: white;
}
.e-gantt .e-toolbar > .e-horizontal.e-ul:first-child {
  padding-left: 20px;
  box-sizing: border-box;
  margin-top: 0px !important;
}
.e-ganttdialog .e-ejinputtext {
  border-width: 0px 0px 1px 0px;
  color: rgba(0, 0, 0, 0.87);
}
.e-ganttdialog .e-ejinputtext:focus {
  box-shadow: none;
  border-width: 0px 0px 2px 0px;
  border-color: #ff4081;
}
.e-ganttdialog .e-titlebar.e-dialog {
  background: #3f51b5;
  color: white;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-ganttdialog .e-dialog-icon:before,
.e-ganttdialog .e-tab .e-header.e-addborderbottom .e-active .e-link {
  color: white;
}
.e-ganttdialog .e-dialog-icon:hover {
  background: none;
}
.e-ganttdialog .e-dialog-icon:before:hover {
  background: transparent;
  color: black;
}
.e-ganttdialog .e-addborderbottom.e-header {
  background: #3f51b5;
}
.e-ganttdialog .e-tab .e-header li a,
.e-ganttdialog .e-tab .e-header li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.e-ganttdialog .e-tab.e-js .e-header > .e-item:hover {
  background: none;
}
.e-ganttdialog .e-general-edit-div {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.38);
}
.e-ganttdialog .e-editform-btn .e-btn.e-select,
.e-ganttdialog .e-editform-btn .e-btn.e-select:hover,
.e-ganttdialog .e-editform-btn .e-btn.e-select:active {
  color: #ff4081;
  border-width: 0px;
}
.e-ganttdialog .e-editform-btn .e-btn.e-select,
.e-ganttdialog .e-editform-btn .e-btn.e-select:hover {
  background: none;
  box-shadow: none;
}
.e-ganttdialog .e-editform-btn .e-btn.e-select:hover {
  background: rgba(0, 0, 0, 0.12);
}
.e-ganttdialog .e-editform-btn .e-btn.e-select:active {
  box-shadow: none;
  background: rgba(255, 64, 129, 0.12);
}
.e-gantt .e-gantt-search-container {
  margin-top: 0px !important;
}
.e-gantt .e-ganttpopup .e-popupcontent {
  background-color: white;
  border-color: #e0e0e0;
}
.e-gantt .e-ganttpopup span:hover,
.e-gantt .e-ganttpopup .e-spanclicked {
  border-color: #424242;
}
.e-gantt .e-ganttpopup .e-downtail:before,
.e-gantt .e-ganttpopup .e-downtail {
  border-top-color: #e0e0e0;
}
.e-gantt .e-ganttpopup .e-downtail:after {
  border-top-color: white;
}


/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-rangeScroll-select {
  fill: whitesmoke;
  stroke: #e0e0e0;
}
.e-rangeScroll-select:hover {
  fill: #e0e0e0;
  stroke: #e0e0e0;
}
.e-rangeScroll-select:active {
  fill: #e0e0e0;
  stroke: #e0e0e0;
}
.e-rangeScroll-select-hover {
  fill: #e0e0e0;
  stroke: #e0e0e0;
}
.e-rangeScroll-backRect {
  fill: white;
  stroke: #e0e0e0;
}
.e-rangeScroll-arrow {
  fill: #424242;
  stroke: #424242;
}
.e-rangeScroll-arrow:hover {
  fill: #424242;
  stroke: #424242;
}
.e-rangeScroll-arrow:active {
  fill: #424242;
  stroke: #424242;
}
.e-rangeScroll-centerShape {
  fill: #424242;
  stroke: #424242;
}
.e-rangeScroll-leftCircle,
.e-rangeScroll-rightCircle {
  fill: #424242;
  stroke: #424242;
}
.e-rangeScroll-leftCircle:hover,
.e-rangeScroll-rightCircle:hover {
  fill: #424242;
  stroke: #424242;
}
.e-rangeScroll-leftCircle:active,
.e-rangeScroll-rightCircle:active {
  fill: #424242;
  stroke: #424242;
}
.e-rangeScroll-leftRect:hover + .e-rangeScroll-leftCircle,
.e-rangeScroll-rightRect:hover + .e-rangeScroll-rightCircle,
.e-rangeScroll-leftRect:active + .e-rangeScroll-leftCircle,
.e-rangeScroll-rightRect:active + .e-rangeScroll-rightCircle {
  fill: #424242;
  stroke: #424242;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-treegrid .e-extendcolumn {
  background-color: white;
}
.e-treegrid .e-headercelldiv {
  color: rgba(0, 0, 0, 0.54);
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-filterMenuDiv {
  
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  min-height: 0px !important;
}
.e-filterMenuDiv {
  border-color: transparent !important;
}
.e-treegrid .e-treegridpopup .e-popupcontent {
  background-color: white;
  border-color: #e0e0e0;
}
.e-treegrid .e-treegridpopup span:hover,
.e-treegrid .e-treegridpopup .e-spanclicked {
  border-color: #424242;
}
.e-treegrid .e-treegridpopup .e-downtail:before,
.e-treegrid .e-treegridpopup .e-downtail {
  border-top-color: #e0e0e0;
}
.e-treegrid .e-treegridpopup .e-downtail:after {
  border-top-color: white;
}
.e-treegrid .e-headercelldiv .e-descending,
.e-treegrid .e-headercelldiv .e-ascending,
.e-treegrid .e-headercell .e-columnmenu-icon {
  
}
.e-treegrid .e-headercelldiv .e-descending,
.e-treegrid .e-headercelldiv .e-ascending,
.e-treegrid .e-headercell .e-columnmenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-treegrid-core {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-treegrid {
  border-color: #e0e0e0;
  color: #212121;
}
.e-treegrid .e-gridcontent {
  background-color: white;
  border-color: #e0e0e0;
}
.e-treegrid .e-batchdisable {
  opacity: 0.35;
  background-image: none;
  pointer-events: none;
}
.e-treegrid .e-borderbox {
  
}
.e-treegrid .e-borderbox {
  border-bottom-color: #bdbdbd;
}
.e-treegrid .e-editcell,
.e-treegrid .e-detailsrowcell,
.e-treegrid .e-rowcell,
.e-treegrid .e-extendcolumn {
  
}
.e-treegrid .e-editcell,
.e-treegrid .e-detailsrowcell,
.e-treegrid .e-rowcell,
.e-treegrid .e-extendcolumn {
  border-right-color: transparent;
  border-bottom-color: #e0e0e0;
}
.e-treegrid .e-tableLastCell {
  border-right-color: #e0e0e0 !important;
}
.e-treegrid .e-detailsiconcell:hover,
.e-treegrid .e-detailsinfoiconhide {
  background-color: #e3e3e3;
}
.e-treegrid div.e-error .e-toparrow {
  
}
.e-treegrid div.e-error .e-toparrow {
  border-bottom-color: #616161;
}
.e-treegrid div.e-error .e-bottomarrow {
  
}
.e-treegrid div.e-error .e-bottomarrow {
  border-top-color: #616161;
}
.e-detailscellwrapperfly {
  border-color: #e0e0e0;
  
}
.e-detailscellwrapperfly {
  box-shadow: 0px 0px 11px 3px #e0e0e0;
  -moz-box-shadow: 0px 0px 11px 3px #e0e0e0;
  -webkit-box-shadow: 0px 0px 11px 3px #e0e0e0;
}
.e-dragrowcell {
  border-color: #e0e0e0 !important;
}
.e-treegrid .e-alt-row {
  
}
.e-treegrid .e-alt-row {
  background: #fafafa;
}
.e-treegrid .e-selectionbackground {
  
}
.e-treegrid .e-selectionbackground {
  background: whitesmoke;
}
.e-treegridPane .e-treegrid .e-selectionbackground {
  
}
.e-treegridPane .e-treegrid .e-selectionbackground {
  background: rgba(245, 245, 245, 0.7);
}
.e-treegrid .e-selectingcell {
  
}
.e-treegrid .e-selectingcell {
  background: whitesmoke;
}
.e-treegridPane .e-treegrid .e-selectingcell {
  
}
.e-treegridPane .e-treegrid .e-selectingcell {
  background: whitesmoke;
}
.e-treegrid .e-detailsinfoiconhide:before,
.e-treegrid .e-detailsinfoiconshow:before {
  
}
.e-treegrid .e-detailsinfoiconhide:before,
.e-treegrid .e-detailsinfoiconshow:before {
  color: #757575 !important;
}
.e-treegrid .e-selectionbackground .e-detailsinfoiconshow:before {
  
}
.e-treegrid .e-selectionbackground .e-detailsinfoiconshow:before {
  color: #757575 !important;
}
.e-treegrid .e-detailscellwrapper,
.e-detailscellwrapperfly {
  background: white;
  color: #212121 !important;
}
.e-dragtooltipbackground {
  
}
.e-dragtooltipbackground {
  background-color: #616161;
  color: white;
}
.e-treegrid .e-tabletd {
  border-color: #e0e0e0;
}
.e-treegrid .e-treegridtoolbar {
  background-color: #fafafa !important;
  border-color: #e0e0e0 !important;
}
.e-treegrid .e-headercell {
  
}
.e-treegrid .e-headercell {
  border-right-color: #e0e0e0 !important;
  border-bottom-color: #e0e0e0 !important;
}
.e-treegrid .e-filterbarcell {
  
}
.e-treegrid .e-filterbarcell {
  border-color: #e0e0e0 !important;
}
.e-treegrid .e-grid-icon {
  background: #3f51b5;
}
.e-treegrid .e-gridheader {
  color: rgba(0, 0, 0, 0.54);
  border-color: #e0e0e0;
  
}
.e-treegrid .e-gridheader {
  background: white;
}
.e-treegrid .e-headercontent {
  border-right-color: #e0e0e0;
}
.e-treegrid .e-ejinputtext,
.e-addedColumn .e-ejinputtext,
.e-treegridrenamedialog .e-ejinputtext {
  
  border-color: #e0e0e0;
  outline: none;
  vertical-align: baseline;
}
.e-treegrid .e-ejinputtext,
.e-addedColumn .e-ejinputtext,
.e-treegridrenamedialog .e-ejinputtext {
  color: rgba(0, 0, 0, 0.84);
  background-color: transparent;
}
.e-addedColumn .e-ejinputtext:hover,
.e-treegrid .e-ejinputtext:hover,
.e-treegridrenamedialog .e-ejinputtext:hover {
  box-shadow: none;
}
.e-treegrid .e-ejinputtext:focus,
.e-addedColumn .e-ejinputtext:focus,
.e-treegridrenamedialog .e-ejinputtext:focus {
  
}
.e-treegrid .e-ejinputtext:focus,
.e-addedColumn .e-ejinputtext:focus,
.e-treegridrenamedialog .e-ejinputtext:focus {
  box-shadow: none;
  border-width: 0px 0px 2px 0px;
  border-color: #ff4081;
}
.e-treegrid .e-reSizeColbg {
  border-left-color: #e0e0e0 !important;
}
.e-treegrid .e-gridheadercontainer {
  
}
.e-treegrid .e-gridheadercontainer {
  border-right-color: #e0e0e0 !important;
}
.e-columnmenu {
  background: white;
  color: rgba(0, 0, 0, 0.87);
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  
}
.e-columnmenu {
  border-color: transparent !important;
}
.e-columnmenuitem .e-icon,
.e-menuitem .e-icon {
  
}
.e-columnmenuitem .e-icon,
.e-menuitem .e-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-treegrid .e-toolbaricons {
  
}
.e-treegrid .e-toolbaricons {
  color: rgba(0, 0, 0, 0.54);
}
.e-columnmenuselection .e-icon,
.e-tgcontextmenu-mouseover .e-icon {
  
}
.e-columnmenuselection .e-icon,
.e-tgcontextmenu-mouseover .e-icon {
  color: rgba(0, 0, 0, 0.54);
}
.e-treegrid .e-tooltxt.e-hover > span {
  
}
.e-treegrid .e-tooltxt.e-hover > span {
  color: rgba(0, 0, 0, 0.54);
}
.e-columnSelector {
  background: white;
  border: 1px solid;
  border-color: #e0e0e0 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.e-columnMenuListDiv label {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-columnmenuselection {
  
  color: rgba(0, 0, 0, 0.87);
}
.e-columnmenuselection {
  background: rgba(0, 0, 0, 0.12);
}
.e-treegrid .e-summaryrow {
  
}
.e-treegrid .e-summaryrow {
  background: #fafafa;
}
.e-treegrid .e-footersummaryrow,
.e-treegrid .e-footersummaryrowdiv {
  
}
.e-treegrid .e-footersummaryrow,
.e-treegrid .e-footersummaryrowdiv {
  background: #fafafa;
}
.e-treegrid .e-footersummaryrowdiv {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #e0e0e0;
}
.e-treegrid .e-summaryrow .e-summaryrowcell {
  
}
.e-treegrid .e-summaryrow .e-summaryrowcell {
  border-bottom-color: #e0e0e0;
}
.e-tgcontextmenu,
.e-tginnerContextmenu {
  
  background: white;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-tgcontextmenu,
.e-tginnerContextmenu {
  border-color: transparent !important;
  color: rgba(0, 0, 0, 0.87);
}
.e-tgheaderContextmenu {
  
  background: white;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  border: 1px solid;
}
.e-tgheaderContextmenu {
  border-color: transparent !important;
  color: rgba(0, 0, 0, 0.87);
}
.e-tgcontextmenu-mouseover {
  
}
.e-tgcontextmenu-mouseover {
  background: rgba(0, 0, 0, 0.12);
}
.e-tooltipgantt {
  
}
.e-tooltipgantt {
  background-color: #616161;
  color: white;
  border-color: transparent;
}
.e-treegrid .e-movablecontainer,
.e-treegrid .e-movableheader,
.e-treegrid .e-movablefooter {
  
}
.e-treegrid .e-movablecontainer,
.e-treegrid .e-movableheader,
.e-treegrid .e-movablefooter {
  border-left-color: #3f51b5;
}
.e-treegrid .e-footercontainer {
  border-right-color: #e0e0e0;
}
.e-headervline {
  
}
.e-headervline {
  border-color: #3f51b5;
}
.e-headertooltip {
  
}
.e-headertooltip {
  background-color: #616161;
  color: white;
  border-color: transparent;
}
.e-menuitem-hr {
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  
}
.e-menuitem-hr {
  border-color: rgba(0, 0, 0, 0.12);
}
.e-treegrid .e-rowcell {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  text-overflow: ellipsis;
}
.e-treegrid .e-treegridtoolbar ul {
  padding-left: 20px;
  margin-top: 0px !important;
}
.e-treegrid .e-ejinputtext::selection,
.e-addedColumn .e-ejinputtext::selection,
.e-treegridrenamedialog .e-ejinputtext::selection {
  background: #ff4081;
  color: white;
}
.e-treegrid .e-inner-treecolumn-container {
  padding-left: 24px;
  width: 100% !important;
}
.e-treegrid .e-rowcell .e-cell {
  padding-left: 10px;
}
.e-treegrid .e-filterbar-material,
.e-treegrid .e-filterbarcell {
  border-right-color: transparent !important;
}
.e-columnmenu {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.e-treegrid-columnchooser {
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.24);
}
.e-tgcontextmenu {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.e-tginnerContextmenu {
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.24);
}
.e-treegrid .e-frozenheaderdiv {
  position: relative;
}
.e-treegrid .e-frozenheaderdiv::before {
  content: "";
  background: #3f51b5;
  position: absolute;
  height: 55px;
  width: 1px;
  top: -10px;
  left: 100%;
}
.e-treegrid .e-frozenheaderdiv.e-filterbar-header-material::before {
  content: "";
  background: #3f51b5;
  position: absolute;
  height: 103px;
  width: 1px;
  top: -10px;
  left: 100%;
}
.e-treegrid .e-frozenheaderdiv.e-stacked-header-material::before {
  content: "";
  background: #3f51b5;
  position: absolute;
  height: 91px;
  width: 1px;
  top: -10px;
  left: 100%;
}
.e-treegrid .e-headercontent-material-filterbar {
  border-right-color: transparent !important;
}
.e-treegrid .e-frozen-header-container {
  overflow: visible !important;
}
.e-treegridmenufilterwraper {
  background: white;
}
.e-treegrid-dialog .e-header.e-dialog {
  font-weight: normal;
}
.e-treegrid-dialog .e-editLabel,
.e-treegrid .e-dialog .e-treegridform .e-editdialoglabel label:first-child {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.38);
}
.e-filterMenuDiv .e-btn.e-select,
.e-filterMenuDiv .e-btn.e-select:hover,
.e-filterMenuDiv .e-btn.e-select:active,
.e-treegrid-dialog .e-btn.e-select,
.e-treegrid-dialog .e-btn.e-select:hover,
.e-treegrid-dialog .e-btn.e-select:active {
  color: #ff4081;
  border-width: 0px;
}
.e-filterMenuDiv .e-btn.e-select,
.e-filterMenuDiv .e-btn.e-select:hover,
.e-treegrid-dialog .e-btn.e-select,
.e-treegrid-dialog .e-btn.e-select:hover {
  background: none;
  box-shadow: none;
}
.e-filterMenuDiv .e-btn.e-select:hover,
.e-treegrid-dialog .e-btn.e-select:hover {
  background: rgba(0, 0, 0, 0.12);
}
.e-filterMenuDiv .e-btn.e-select:active,
.e-treegrid-dialog .e-btn.e-select:active {
  box-shadow: none;
  background: rgba(255, 64, 129, 0.12);
}

.e-treegrid-resIcon {
  
}
.e-treegrid-resIcon {
  color: rgba(0, 0, 0, 0.54);
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-ribbon.e-js .e-header .e-bottom-line.e-select.e-item,
.e-ribbon.e-js .e-header .e-top-line.e-select.e-item {
  
}
.e-ribbon.e-js.e-widget {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 14px;
}
ej-ribbon {
  display: block;
}
.e-ribbon .e-rbn-button.e-button .e-btntxt {
  white-space: pre-wrap;
  
}
.e-ribbon .e-rbn-button.e-button .e-btntxt {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-ribbon.e-js .e-header .e-select.e-disable .e-apptabanchor {
  
}
.e-ribbon.e-js .e-groupdiv .e-disable .e-icon {
  /*material*/
  color: black;
}
.e-ribbon .e-rbn-button.e-btn.e-select:focus {
  box-shadow: none;
}
.e-ribbon .e-groupdiv > div:after {
  
}
.e-ribbon .e-groupdiv > div:after {
  /*material*/
  background: #e0e0e0;
}
.e-ribbon .e-ribbonbackicon {
  background: #3f51b5;
}
.e-ribbon .e-backstagetopicon span:hover:before {
  
}
.e-ribbon .e-captionarea {
  
}
.e-ribbon .e-captionarea {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-separatordiv,
.e-separatordivrow {
  background: #e0e0e0;
}
.e-ribbon.e-js .e-content {
  
  border-top-width: 0;
  color: #212121;
}
.e-ribbon.e-js .e-content {
  /*material*/
  background: whitesmoke;
}
.e-ribbon.e-js .e-content {
  /*not office-365*/
  border-color: #e0e0e0;
}
.e-ribbon .e-drp-btn.e-select .e-icon,
.e-ribbon .e-btn.e-select .e-icon {
  
}
.e-ribbon .e-rbn-ddl.e-ddl .e-select {
  background: white;
  border-color: #e0e0e0;
  color: #424242;
  filter: none;
}
.e-ribbon .e-rbn-ddl.e-ddl .e-select:hover {
  color: #424242;
}
.e-ribbon .e-rbn-ddl.e-ddl .e-select:hover {
  background: #e0e0e0;
}
.e-ribbon .e-expandcollapse span:hover,
.e-ribbon .e-expander:hover {
  border-color: #e0e0e0;
  
}
.e-ribbon .e-expandcollapse span:hover,
.e-ribbon .e-expander:hover {
  /*other*/

  color: #424242;
}
.e-ribbon .e-expandcollapse span:hover,
.e-ribbon .e-expander:hover {
  background: #e0e0e0;
}
.e-ribbon .e-expandcollapse span,
.e-ribbon .e-expander {
  
}
.e-ribbon .e-expandcollapse span,
.e-ribbon .e-expander {
  /*other*/
  color: #424242;
}
.e-ribbon.e-js .e-header,
.e-ribbon.e-js .e-left,
.e-ribbon.e-js .e-right {
  
}
.e-ribbon.e-js .e-header,
.e-ribbon.e-js .e-left,
.e-ribbon.e-js .e-right {
  /*material*/
  border-bottom: none;
}
.e-ribbon.e-js .e-header,
.e-ribbon.e-js .e-left,
.e-ribbon.e-js .e-right {
  background: #3f51b5;
}
.e-ribbon.e-js .e-header,
.e-ribbon.e-js .e-left,
.e-ribbon.e-js .e-right {
  border: 1px solid #3f51b5;
}
.e-ribbon.e-js .e-header,
.e-ribbon.e-js .e-left,
.e-ribbon.e-js .e-right {
  
}
.e-ribbon.e-js .e-header > .e-select,
.e-ribbon.e-js .e-header > .e-active,
.e-ribbon.e-js .e-left > .e-active,
.e-ribbon.e-js .e-right > .e-active,
.e-ribbon.e-js .e-left > .e-select,
.e-ribbon.e-js .e-right > .e-select {
  
}
.e-ribbon.e-js .e-header > .e-select:not(.e-apptab) a,
.e-ribbon.e-tab.e-js .e-header .e-select.e-disable a:hover {
  
}
.e-ribbon .e-apptab .e-menu .e-active > a,
.e-ribbon .e-apptab .e-menu .e-active span {
  
}
.e-ribbon.e-js .e-header li.e-select:not(.e-apptab) a:hover {
  
}
.e-ribbon.e-js .e-header .e-active.e-tab a:hover,
.e-ribbon.e-js .e-header .e-active.e-contextualtabset a:hover {
  
}
.e-ribbon.e-js .e-header .e-active.e-tab a,
.e-ribbon.e-js .e-header .e-active.e-contextualtabset a {
  
}
.e-ribbon .e-apptab .e-menu ul > li > a {
  color: #212121 !important;
}
.e-ribbon .e-apptab .e-menu > li > a:hover,
.e-ribbon .e-apptab .e-menu .e-active span:hover,
.e-ribbon .e-apptab .e-menu .e-active,
.e-ribbon .e-apptab .e-menu .e-active > a {
  
}
.e-ribbon.e-grpdivhide {
  border-right: 1px solid #3f51b5 !important;
}
.e-ribbon.e-rtl.e-grpdivhide {
  border-left: 1px solid #3f51b5 !important;
}
.e-ribbon .e-header > .e-apptab .e-menu {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
}
.e-ribbon .e-header > .e-apptab .e-menu {
  background: #3f51b5;
}
.e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a,
.e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a > span {
  
}
.e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a,
.e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a > span {
  color: white;
}
.e-ribbon.e-js .e-header > .e-item:hover {
  
}
.e-ribbon.e-js .e-header .e-active.e-tab a,
.e-ribbon.e-js .e-header .e-active.e-contextualtabset a {
  
}
.e-ribbon .e-rbn-button.e-btn.e-select,
.e-ribbon .e-rbn-button.e-btn.e-disable.e-select:hover,
.e-ribbon .e-rbn-button.e-tbtn.e-disable {
  
  border-color: white;
  filter: none;
}
.e-ribbon .e-rbn-button.e-btn.e-select,
.e-ribbon .e-rbn-button.e-btn.e-disable.e-select:hover,
.e-ribbon .e-rbn-button.e-tbtn.e-disable {
  /*material*/
  background: whitesmoke;
  color: #212121;
}
.e-ribbon .e-rbn-button.e-btn.e-select .e-btntxt {
  
}
.e-rbn-splitbtn.e-menu.e-split,
.e-rbn-splitbtn.e-menu.e-context.e-split,
.e-rbn-splitbtn.e-menu.e-context.e-split .e-list > ul {
  background: white;
}
.e-rbn-splitbtn.e-js.e-menu.e-split ul,
.e-rbn-splitbtn.e-js.e-menu.e-context.e-split ul,
.e-rbn-splitbtn.e-js.e-menu.e-context.e-split .e-list > ul,
.e-rbn-splitbtn.e-js.e-menu.e-widget.e-split li.e-list {
  background: white;
}
.e-resizegroupdiv.e-reshover,
.e-resizegroupdiv.e-reshover .e-rbn-button.e-resizebtn,
.e-ribbon.e-responsive .e-backstageli:hover,
.e-ribbon.e-responsive .e-responsivetabli:hover,
.e-ribbon.e-js .e-rbn-button.e-btn.e-select:hover {
  
}
.e-resizegroupdiv.e-reshover,
.e-resizegroupdiv.e-reshover .e-rbn-button.e-resizebtn,
.e-ribbon.e-responsive .e-backstageli:hover,
.e-ribbon.e-responsive .e-responsivetabli:hover,
.e-ribbon.e-js .e-rbn-button.e-btn.e-select:hover {
  /*other*/

  color: #212121;
}
.e-resizegroupdiv.e-reshover,
.e-resizegroupdiv.e-reshover .e-rbn-button.e-resizebtn,
.e-ribbon.e-responsive .e-backstageli:hover,
.e-ribbon.e-responsive .e-responsivetabli:hover,
.e-ribbon.e-js .e-rbn-button.e-btn.e-select:hover {
  background: #e0e0e0;
}
.e-ribbon.e-js .e-header .e-apptab.e-backstagetab:hover {
  
}
.e-ribbon.e-js .e-header .e-apptab.e-backstagetab:hover a {
  
}
.e-ribbon.e-responsive .e-responsivebackstage li:hover,
.e-ribbon.e-responsive .e-responsivebackstage li:hover a {
  
}
.e-ribbon .e-rbn-button.e-btn.e-select:active,
.e-ribbon .e-rbn-button.e-btn.e-disable.e-active.e-select:hover,
.e-ribbon .e-rbn-button.e-tbtn.e-active {
  color: #212121;
}
.e-ribbon .e-rbn-button.e-btn.e-select:active,
.e-ribbon .e-rbn-button.e-btn.e-disable.e-active.e-select:hover,
.e-ribbon .e-rbn-button.e-tbtn.e-active {
  background: #7e8bd2;
}
.e-ribbon .e-rbn-button.e-btn.e-disable.e-active.e-select:hover {
  
}
.e-ribbon .e-rbn-button.e-btn.e-select:active .e-icon,
.e-ribbon .e-rbn-button.e-btn.e-active .e-icon,
.e-ribbon .e-rbn-button.e-btn.e-select:hover .e-icon {
  
}
.e-ribbon .e-rbn-button.e-btn.e-active .e-icon.e-ribbonresize {
  
}
.e-ribbon .e-rbn-button.e-tbtn.e-active.e-disable {
  background: none;
}
.e-ribbon.e-js .e-header .e-apptab .e-menu > .e-list:nth-child(1):not(.e-active) > a:hover,
.e-ribbon.e-js .e-header .e-apptab .e-menu > li:nth-child(1):not(.e-active) > a:hover span {
  
}
.e-ribbon .e-disable {
  background: white;
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.e-ribbon .e-btn.e-disable.e-select,
.e-ribbon .e-btn.e-disable.e-select:hover,
.e-ribbon .e-tbtn.e-disable,
.e-ribbon .e-tbtn.e-disable:hover,
.e-ribbon .e-split.e-disable,
.e-ribbon .e-split.e-disable:hover,
.e-ribbon .e-btn.e-disable.e-select:active,
.e-ribbon .e-tbtn.e-btn.e-disable.e-select.e-active:hover,
.e-ribbon .e-tbtn.e-btn.e-disable.e-select.e-active {
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.e-ribbon .e-modelDiv {
  background: white;
  opacity: 0;
  filter: alpha(opacity=0);
}
.e-ribbon .e-groupdiv .e-gallerycontent,
.e-ribbon .e-groupdiv .e-gallexpandcontent,
.e-ribbon .e-resizediv .e-gallerycontent,
.e-ribbon .e-resizediv .e-gallexpandcontent {
  background: white;
  border-color: #e0e0e0;
}
.e-ribbon.e-rtl .e-groupdiv .e-gallerycontent {
  border-right-color: #e0e0e0;
}
.e-ribbon .e-groupdiv .e-gallscrollcontent .e-content,
.e-ribbon .e-resizediv .e-gallscrollcontent .e-content {
  background: white;
}
.e-ribbon .e-groupdiv .e-gallerymovediv,
.e-ribbon .e-resizediv .e-gallerymovediv,
.e-ribbon .e-groupdiv .e-gallexpandcontent,
.e-ribbon .e-resizediv .e-gallexpandcontent {
  background: white;
}
.e-ribbon .e-groupdiv .e-extracontent,
.e-ribbon .e-resizediv .e-extracontent {
  border-top-color: #e0e0e0;
}
.e-ribbon .e-groupdiv .e-moveupdiv,
.e-ribbon .e-groupdiv .e-movedowndiv,
.e-ribbon .e-groupdiv .e-expgallerydiv,
.e-ribbon .e-resizediv .e-moveupdiv,
.e-ribbon .e-resizediv .e-movedowndiv,
.e-ribbon .e-resizediv .e-expgallerydiv {
  border-color: #e0e0e0;
}
.e-ribbon.e-js .e-groupdiv .e-rbn-button.e-gallerybtn,
.e-ribbon.e-js .e-resizediv .e-rbn-button.e-gallerybtn {
  background: white !important;
  border-color: white;
}
.e-ribbon .e-groupdiv .e-rbn-button.e-galleryextrabtn,
.e-ribbon .e-resizediv .e-rbn-button.e-galleryextrabtn,
.e-ribbon.e-js .e-groupdiv .e-extracontent .e-menu,
.e-ribbon.e-js .e-resizediv .e-extracontent .e-menu {
  background: white;
  color: #212121;
}
.e-ribbon.e-js .e-gallerymenu a {
  
}
.e-ribbon.e-js .e-gallerymenu a {
  /*other*/
  color: #212121;
}
.e-ribbon .e-groupdiv .e-rbn-button.e-galleryextrabtn:hover,
.e-ribbon .e-resizediv .e-rbn-button.e-galleryextrabtn:hover {
  background: #e0e0e0;
}
.e-ribbon.e-js .e-groupdiv .e-rbn-button.e-galleryselect,
.e-ribbon.e-js .e-resizediv .e-rbn-button.e-galleryselect {
  box-shadow: none;
  border-color: #3f51b5;
}
.e-ribbon.e-js .e-groupdiv .e-rbn-button.e-gallerybtn:hover,
.e-ribbon.e-js .e-resizediv .e-rbn-button.e-gallerybtn:hover {
  border-color: #e0e0e0;
  color: #212121;
  background: white;
}
.e-ribbon .e-groupdiv .e-gallerymovediv > div:hover,
.e-ribbon .e-resizediv .e-gallerymovediv > div:hover {
  border-color: #3f51b5;
}
.e-ribbon .e-groupdiv .e-gallerymovediv > div:hover,
.e-ribbon .e-resizediv .e-gallerymovediv > div:hover {
  background: #e0e0e0;
}
.e-ribbon .e-groupdiv .e-movedowndiv:hover ~ .e-expgallerydiv,
.e-ribbon .e-groupdiv .e-moveupdiv:hover ~ .e-movedowndiv {
  border-top-color: #3f51b5;
}
.e-ribbon .e-groupdiv .e-disablegrymovebtn:hover ~ .e-expgallerydiv,
.e-ribbon .e-groupdiv .e-disablegrymovebtn:hover ~ .e-movedowndiv {
  border-top-color: #e0e0e0;
}
.e-ribbon .e-groupdiv .e-gallerymovediv > .e-disablegrymovebtn,
.e-ribbon .e-groupdiv .e-gallerymovediv > .e-disablegrymovebtn:hover,
.e-ribbon .e-resizediv .e-gallerymovediv > .e-disablegrymovebtn,
.e-ribbon .e-resizediv .e-gallerymovediv > .e-disablegrymovebtn:hover {
  background: white;
  border-color: #e0e0e0;
}
.e-ribbon .e-tooltipdiv {
  
}
.e-ribbon .e-tooltipdiv {
  /*material*/
  border-color: #616161;
  background: #616161;
}
.e-ribbon .e-tooltipdiv .e-tooltiptitle,
.e-ribbon .e-tooltipdiv .e-tooltipcontent,
.e-ribbon .e-tooltipdiv .e-tooltipcntwithimg {
  
}
.e-ribbon .e-tooltipdiv .e-tooltiptitle,
.e-ribbon .e-tooltipdiv .e-tooltipcontent,
.e-ribbon .e-tooltipdiv .e-tooltipcntwithimg {
  /*material*/
  color: white;
}
.e-ribbon .e-resizediv {
  border-color: #e0e0e0;
  
}
.e-ribbon .e-resizediv {
  /*material*/
  background: whitesmoke;
}
.e-ribbon .e-header .e-margine-top:hover {
  
}
.e-ribbon .e-groupdiv .e-gallexpandcontent,
.e-ribbon .e-resizediv .e-gallexpandcontent {
  border-color: #e0e0e0;
}
.e-ribbon .e-groupdiv .e-disablegrymovebtn > span,
.e-ribbon .e-resizediv .e-disablegrymovebtn > span {
  color: #cecece;
}
.e-ribbon .e-rbn-button.e-btn.e-disable.e-select:hover .e-icon {
  
}
.e-ribbon .e-rbn-button.e-btn.e-disable.e-select:hover .e-icon {
  color: #212121;
}
.e-ribbon .e-rbn-button.e-btn.e-disable.e-select:hover {
  background: none;
}
.e-ribbon .e-rbn-button.e-tbtn.e-active.e-disable .e-icon {
  color: #212121;
}
.e-ribbon .e-rbn-ddl.e-ddl .e-disable.e-select:hover {
  background: none;
  color: #212121;
}
.e-ribbon.e-js .e-groupdiv .e-disable .e-icon {
  color: rgba(0, 0, 0, 0.26);
}
.e-ribbon.e-js .e-btn.e-disable.e-select:hover,
.e-ribbon.e-js .e-tbtn.e-disable:hover,
.e-ribbon.e-js .e-btn.e-disable.e-select:active {
  
}
.e-ribbon .e-ribbonbackstagepage {
  border-color: #e0e0e0;
  background: white;
}
.e-backstagescrollcontent.e-js .e-content {
  background: white;
}
.e-ribbon .e-backstagetopcontent,
.e-ribbon .e-backstageheader {
  background: #3f51b5;
}
.e-ribbon .e-backstageli:hover {
  
}
.e-ribbon .e-backstageli:hover {
  /*material*/
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.12);
}
.e-ribbon .e-backstageseparator,
.e-ribbon .e-backstageactive {
  
}
.e-ribbon .e-backstageseparator,
.e-ribbon .e-backstageactive {
  /*material*/
  color: white;
  background: rgba(255, 255, 255, 0.12);
}
.e-ribbon .e-backstagetopicon span:hover:before {
  
}
.e-ribbon .e-backstagetopicon span:before {
  color: white;
}
.e-ribbon .e-header > .e-apptab .e-apptabanchor:hover {
  
}
.e-ribbon .e-header > .e-apptab .e-apptabanchor:hover {
  
}
.e-ribbon .e-backstageli a,
.e-ribbon .e-backstagebutton {
  color: white;
}
.e-ribbon.e-js .e-backstageheader .e-backstageli:hover a,
.e-ribbon.e-js .e-backstageheader .e-backstageactive a,
.e-ribbon.e-js .e-backstageheader .e-backstagebutton:hover {
  
}
.e-ribbon.e-js .e-backstageheader .e-backstageli:hover a,
.e-ribbon.e-js .e-backstageheader .e-backstageactive a,
.e-ribbon.e-js .e-backstageheader .e-backstagebutton:hover {
  /*material*/
  color: white;
}
.e-ribbon .e-backstagecontent {
  background: white;
}
.e-ribbon .e-header > .e-apptab .e-apptabanchor {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
.e-ribbon .e-header > .e-apptab .e-apptabanchor {
  background: #3f51b5;
}
.e-ribbon.e-rbnwithqat .e-rbnqatmenu,
.e-ribbon.e-rbnwithqat .e-qaresizediv {
  
  background: white;
}
.e-ribbon.e-rbnwithqat .e-rbnqatmenu,
.e-ribbon.e-rbnwithqat .e-qaresizediv {
  /*material*/
  border-color: #e0e0e0;
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.21);
}
.e-ribbon.e-rbnwithqat .e-rbnqatmenu div {
  background: whitesmoke;
}
.e-ribbon.e-rbnwithqat .e-qatmenuli {
  background: white;
  color: #212121;
}
.e-ribbon.e-rbnwithqat .e-qatseparator {
  background: #e0e0e0;
}
.e-ribbon.e-rbnwithqat .e-qatmenuli:hover {
  color: #212121;
}
.e-ribbon.e-rbnwithqat .e-qatmenuli:hover {
  background: #e0e0e0;
}
.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar,
.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar .e-btn {
  background: transparent;
}
.e-ribbon.e-js .e-rbn-button.e-tbtn:hover,
.e-ribbon.e-js .e-rbn-button.e-btn:hover,
.e-ribbon.e-rbnwithqat.e-js .e-rbn-button.e-tbtn:hover {
  
}
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-active:hover,
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-active,
.e-ribbon.e-js .e-rbn-button.e-btn.e-resizebtnselect,
.e-ribbon.e-rbnwithqat.e-js .e-rbn-button.e-tbtn.e-active {
  
}
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-active:hover,
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-active,
.e-ribbon.e-js .e-rbn-button.e-btn.e-resizebtnselect,
.e-ribbon.e-rbnwithqat.e-js .e-rbn-button.e-tbtn.e-active {
  /*material*/
  background-color: #bdbdbd;
  color: rgba(0, 0, 0, 0.54);
}
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-select:active .e-icon,
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-active .e-icon,
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-select.e-active:hover,
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-select.e-active:hover .e-icon {
  
}
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-select:active .e-icon,
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-active .e-icon,
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-select.e-active:hover,
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-select.e-active:hover .e-icon {
  /*material*/
  color: rgba(0, 0, 0, 0.54);
}
.e-ribbon.e-js .e-rbn-button.e-btn,
.e-ribbon .e-active-content.e-parentdiv .e-split,
.e-ribbon .e-resizediv .e-split,
.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar .e-split {
  box-shadow: none;
}
.e-ribbon.e-responsive .e-header,
.e-ribbon.e-responsive .e-responsiveqat .e-rbn-button.e-btn,
.e-ribbon.e-responsive .e-resqatScroll .e-content,
.e-ribbon.e-responsive .e-backstagerestop {
  
}
.e-ribbon.e-responsive .e-header,
.e-ribbon.e-responsive .e-responsiveqat .e-rbn-button.e-btn,
.e-ribbon.e-responsive .e-resqatScroll .e-content,
.e-ribbon.e-responsive .e-backstagerestop {
  /*material*/
  background: #3f51b5 !important;
}
.e-ribbon.e-responsive .e-icon.e-resbackstage,
.e-ribbon.e-responsive .e-ribresmenu .e-icon,
.e-ribbon.e-responsive .e-ribresmenu a,
.e-ribbon.e-responsive .e-responsiveqat .e-rbn-button.e-btn .e-icon {
  color: white !important;
}
.e-ribbon.e-responsive .e-responsivebackstagecontent {
  background: white !important;
}
.e-ribbon.e-responsive .e-backstageheader,
.e-ribbon.e-responsive .e-rescontent {
  background: #3f51b5;
}
.e-ribbon.e-responsive .e-responsivetabheader .e-rescontent {
  /*material*/
  background: white;
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.21);
  border-radius: 2px;
}
.e-ribbon.e-responsive .e-backstageheader .e-backstagebutton,
.e-ribbon.e-responsive .e-backstageheader a {
  color: #424242;
}
.e-ribbon.e-responsive .e-responsiveback,
.e-ribbon.e-responsive .e-groupmobdiv,
.e-ribbon.e-responsive .e-groupdiv {
  border-bottom: 1px solid #e0e0e0;
}
.e-ribbon.e-responsive .e-responsiveqat .e-rbn-button.e-btn.e-active .e-icon {
  color: white !important;
}
.e-ribbon.e-responsive .e-rescontent,
.e-ribbon.e-responsive .e-backstageheader {
  box-shadow: -1px 0 10px 0 black;
}
.e-ribbon .e-rbnquickaccessbar .e-rbn-button .e-icon {
  /*material*/
  color: white !important;
}
.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar .e-qatooldiv .e-split .e-in-wrap .e-rbn-splitbtn.e-rbn-button,
.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar .e-btn.e-rbn-button,
.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar .e-qatooldiv .e-split .e-in-wrap {
  /*material*/
  background: #3f51b5 !important;
}
.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar .e-qatooldiv .e-split .e-in-wrap .e-rbn-splitbtn.e-rbn-button:hover,
.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar .e-btn.e-rbn-button:hover {
  /*material*/
  background: transparent !important;
}
.e-ribbon.e-rbnwithqat.e-js .e-rbnquickaccessbar .e-rbn-button.e-tbtn.e-active,
.e-ribbon.e-rbnwithqat.e-js .e-rbnquickaccessbar .e-rbn-button.e-tbtn.e-active:hover {
  /*material*/
  background: rgba(255, 255, 255, 0.12) !important;
}
.e-ribbon.e-rbnwithqat.e-js .e-rbnquickaccessbar .e-rbn-button.e-tbtn.e-active,
.e-ribbon.e-rbnwithqat.e-js .e-rbnquickaccessbar .e-rbn-button.e-tbtn.e-active:hover,
.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar .e-btn.e-rbn-button:hover {
  /*material*/
  background: rgba(255, 255, 255, 0.12);
}
.e-ribbon.e-responsive .e-responsivetabli.e-resactive {
  /*material*/
  color: #bdbdbd;
}
.e-ribbon.e-responsive .e-ribresmenu a,
.e-ribbon.e-responsive .e-responsivetabli,
.e-ribbon.e-responsive .e-rescontent .e-responsivetabli:hover {
  /*material*/
  background: #eeeeee;
}
.e-ribbon.e-responsive .e-backstageheader .e-backstageli:hover,
.e-ribbon.e-responsive .e-backstageheader .e-backstagebutton:hover {
  /*material*/
  background: rgba(255, 255, 255, 0.12);
}
.e-ribbon.e-js .e-backstageheader .e-backstageli a,
.e-ribbon.e-js .e-backstageheader .e-backstagebutton {
  /*material*/
  color: rgba(255, 255, 255, 0.7);
}
.e-ribbon .e-header > .e-select a,
.e-ribbon .e-left > .e-select a,
.e-ribbon .e-right > .e-select a,
.e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a,
.e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a > span,
.e-ribbon .e-header > .e-apptab .e-apptabanchor {
  /*material*/
  color: rgba(255, 255, 255, 0.7);
}
.e-ribbon.e-js .e-header .e-apptab .e-menu > .e-list:nth-child(1):not(.e-active) > a:hover {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-ribbon .e-header > .e-active a,
.e-ribbon .e-left > .e-active a,
.e-ribbon .e-right > .e-active a,
.e-ribbon .e-header > .e-select:hover a,
.e-ribbon .e-left > .e-select:hover a,
.e-ribbon .e-right > .e-select:hover a {
  /*material*/
  color: white;
}
.e-ribbon .e-header > .e-select,
.e-ribbon .e-left > .e-select,
.e-ribbon .e-right > .e-select,
.e-ribbon .e-header > .e-active,
.e-ribbon .e-left > .e-active,
.e-ribbon .e-right > .e-active {
  /*material*/
  background: transparent !important;
  color: white !important;
}
.e-ribbon .e-ddl.e-widget.e-rbn-ddl .e-input,
.e-ribbon .e-rbn-ddl.e-ddl .e-select {
  /*material*/
  background: whitesmoke;
  box-shadow: none;
}
.e-ribbon.e-js .e-header .e-contextual .e-contextualtabset.e-active {
  /*material*/
  border-bottom: 2px solid #ff4081 !important;
}
.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar.e-rbnbelow {
  /*material*/
  background: #3f51b5;
}
.e-ribbon.e-js .e-split.e-widget .e-rbn-button.e-btn.e-select:hover,
.e-ribbon.e-js .e-rbn-button.e-btn.e-select:hover,
.e-ribbon.e-js .e-split.e-widget:hover .e-in-wrap.e-splitarrowbottom .e-split-btn.e-left-btn,
.e-ribbon.e-js .e-split.e-widget:hover .e-in-wrap.e-splitarrowbottom .e-split-btn.e-drp-btn,
.e-ribbon.e-js .e-split.e-widget:hover .e-in-wrap.e-splitarrowtop .e-split-btn.e-left-btn,
.e-ribbon.e-js .e-split.e-widget:hover .e-in-wrap.e-splitarrowtop .e-split-btn.e-drp-btn,
.e-ribbon.e-js .e-split.e-widget:hover .e-in-wrap.e-splitarrowleft .e-split-btn.e-left-btn,
.e-ribbon.e-js .e-split.e-widget:hover .e-in-wrap.e-splitarrowright .e-split-btn.e-drp-btn,
.e-ribbon.e-js .e-split.e-widget:hover .e-in-wrap.e-splitarrowright .e-split-btn.e-left-btn,
.e-ribbon.e-js .e-split.e-widget:hover .e-in-wrap.e-splitarrowleft .e-split-btn.e-drp-btn {
  /*material*/
  background: #e0e0e0;
}
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-select.e-active:hover,
.e-ribbon.e-js .e-rbn-button.e-tbtn.e-select.e-active {
  /*material*/
  background: #bdbdbd;
}
.e-ribbon.e-js .e-rbn-split.e-split.e-widget:hover .e-in-wrap.e-splitarrowright .e-split-btn.e-left-btn {
  border-width: 0px 0.5px 0px 0px;
  border-color: rgba(0, 0, 0, 0.12);
}
.e-ribbon.e-responsive.e-js .e-responsivecontent .e-innerdivrow:after,
.e-ribbon.e-responsive.e-js .e-responsivecontent .e-innerdiv:after {
  background: #e0e0e0;
}
.e-ribbon.e-responsive.e-js .e-ddl.e-widget.e-rbn-ddl .e-in-wrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.e-ribbon .e-expandcollapse .e-icon:after {
  /*material*/
  background: black;
  background: rgba(0, 0, 0, 0.12);
}
.e-ribbon.e-responsive.e-js .e-icon.e-ribuparrow:before,
.e-ribbon.e-responsive.e-js .e-ribupdivarrow .e-icon.e-ribdownarrow:before,
.e-ribbon.e-responsive.e-js .e-icon.e-ribrightarrow:before,
.e-ribbon.e-responsive.e-js .e-groupresponsive.e-ribleftarrow:before {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-ribbon .e-expandcollapse .e-icon:after,
.e-ribbon.e-responsive.e-js .e-ribupdivarrow .e-icon:after {
  /*material*/
  background: black;
  background: rgba(0, 0, 0, 0.12);
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-kanban,
.e-kanban .e-kanbanheader .e-headercell,
.e-kanban .e-swimlanerow {
  background: white;
}
.e-kanban .e-icon,
.e-kbntoolbar-body .e-icon {
  color: #424242;
}
.e-kanban {
  border-color: #e0e0e0;
  color: #212121;
}
.e-kanban .e-kanbancontent .e-rowcell .e-shrinkheader {
  
}
.e-kanban .e-kanbancontent .e-rowcell .e-shrinkheader {
  /*material*/
  color: #ff4081;
}
.e-kanban .e-kanbantoolbar .e-searchbar .e-search:before,
.e-kanban .e-kanbantoolbar .e-searchbar .e-search:after {
  /*material*/
  background: #ff4081;
}
.e-kanban .e-kanbandialog .e-save,
.e-kanban .e-externalform .e-save {
  
}
.e-kanban .e-kanbantoolbar .e-icon.e-searchfind:before {
  
}
.e-kanban-context .e-checkbox .e-checkmark {
  color: #3f51b5 !important;
}
.e-kanban .e-kanbantoolbar .e-searchdiv {
  
}
.e-kanban .e-kanbantoolbar .e-searchdiv {
  /*material*/
  background: #fafafa;
}
.e-kanban .e-kanbantoolbar .e-searchdiv .e-ejinputtext,
.e-kanban .e-kanbantoolbar .e-toolbaricons.e-searchitem,
.e-kanban .e-kanbantoolbar .e-toolbaricons.e-searchitem:hover {
  /*material*/
  background: #fafafa;
}
.e-kanban .e-adaptive-search .e-searchdiv .e-ejinputtext {
  /*material*/
  background: white;
}
.e-kanban .e-search.e-tooltxt:hover .e-searchdiv {
  background: white;
}
.e-kanban .e-kanbanheader.e-slheader .e-headercell,
.e-kanban.e-swimlane-responsive .e-columnrow .e-rowcell {
  
}
.e-kanban .e-kanbanheader.e-slheader .e-headercell,
.e-kanban.e-swimlane-responsive .e-columnrow .e-rowcell {
  border-bottom: 4px solid whitesmoke;
}
.e-kanban .e-stackedHeaderRow th {
  border-bottom: 2px solid #3f51b5 !important;
}
.e-kanban .e-kanbanheader.e-slheader .e-headercell.e-exceed {
  border-bottom-color: #f8d9c7;
}
.e-kanban .e-kanbanheader.e-slheader .e-headercell.e-deceed {
  border-bottom-color: #ffedcd;
}
.e-kanban .e-columnrow .e-kanbancard {
  background: white;
  box-shadow: 0 1.83px 1px rgba(0, 0, 0, 0.2);
  
}
.e-kanban .e-kanbancard {
  border-color: #e0e0e0;
  color: #212121;
}
.e-kanban .e-kanbancard .e-tag {
  
}
.e-kanban .e-kanbancard .e-tag {
  /*others*/
  background: whitesmoke;
  color: #595959;
}
.e-kanban .e-kanbancard.e-cardselection {
  
}
.e-kanban .e-kanbancard.e-cardselection {
  /*material*/
  background-color: whitesmoke;
  border-color: #e0e0e0;
  color: white;
}
.e-kanban .e-stackedHeaderCell {
  
}
.e-kanban .e-draggedcard,
.e-kanban .e-kanbancard.e-cardselection.dragClone {
  
  color: #212121;
}
.e-kanban .e-draggedcard,
.e-kanban .e-kanbancard.e-cardselection.dragClone {
  /*material*/
  background: #fafafa;
}
.e-kanban .e-draggedcard .e-dragmultiple {
  
  border: 1px solid #e0e0e0;
}
.e-kanban .e-draggedcard .e-dragmultiple {
  /*material*/
  color: #ff4081;
}
.e-kanban .e-kanbancontent .e-rowcell .e-targetclone {
  
}
.e-kanban .e-kanbancontent .e-rowcell .e-targetclone {
  /*material*/
  border: 1px dashed #ff4081;
  background: rgba(255, 64, 129, 0.26);
}
.e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey {
  border-left: 1px dashed;
  border-right: 1px dashed;
  border-bottom: 1px dashed;
}
.e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey {
  border-color: #e0e0e0;
}
.e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey.e-active {
  background: #7c89d1;
}
.e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey.e-active {
  border-color: #3f51b5;
}
.e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey.e-multiclonestyle {
  border-bottom-color: #3f51b5;
}
.e-kanban .e-kanbancontent .e-rowcell .e-targetclonemulti .e-columnkey:first-child {
  border-top-width: 1px;
  border-top-style: dashed;
}
.e-kanban .e-kanbancontent .e-rowcell .e-targetdragclone {
  
  border: 1px dashed #e0e0e0;
}
.e-kanban .e-kanbancontent .e-rowcell .e-targetdragclone {
  /*material*/
  background: whitesmoke;
}
.e-kanban .e-form-titlebar {
  
}
.e-kanban .e-form-titlebar {
  /*material*/
  border-bottom: none;
}
.e-kanban .e-form-container {
  border-color: #e0e0e0 !important;
  background-color: white;
  
}
.e-kanban .e-form-title {
  
}
.e-kanban .e-columnrow .e-rowcell {
  
}
.e-kanban .e-columnrow .e-rowcell {
  /*material*/
  background: #fafafa;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.e-kanban .e-printlist {
  background: whitesmoke;
}
.e-kanban .e-collapsedrow .e-rowcell,
.e-kanban .e-frozenrow .e-rowcell {
  border-bottom: 1px solid whitesmoke;
}
.e-kanban .e-kanbancontent .e-rowcell.e-shrink,
.e-kanban .e-kanbanheader .e-headercell.e-shrinkcol {
  
}
.e-kanban .e-kanbancontent .e-rowcell.e-shrink,
.e-kanban .e-kanbanheader .e-headercell.e-shrinkcol {
  background: #f8f8f8;
}
.e-kanban .e-dialog .e-titlebar .e-title {
  
}
.e-kanban .e-kanbancard {
  color: #212121;
}
.e-kanban .e-swimlanerow .e-slkey {
  
}
.e-kanban .e-swimlanerow .e-slkey {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-kanban .e-columnrow .e-rowcell .e-toggle-header:hover > div {
  color: #3f51b5;
}
.e-kanban .e-toggle-header:hover > div div {
  color: #3f51b5 !important;
}
.e-kanban .e-columnrow .e-rowcell .e-toggle-header > div {
  color: #212121;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.e-kanban .e-columnrow .e-rowcell .e-toggle-header > div div {
  color: #212121;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.e-kanbanfilter-window .e-filter-scrollcontent,
.e-kbnfilterwindow-head {
  color: #212121;
}
.e-kanban .e-slexpand,
.e-kanban .e-slcollapse {
  
}
.e-kanban .e-slexpand,
.e-kanban .e-slcollapse {
  /*other*/
  color: #424242;
}
.e-kanban .e-slexpand:hover,
.e-kanban .e-slcollapse:hover {
  
  color: #424242;
}
.e-kanban .e-clcollapse::before,
.e-kanban .e-clexpand::before {
  
}
.e-kanban .e-clcollapse::before,
.e-kanban .e-clexpand::before {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-kanban .e-kanbancard.e-hover .e-cardcollapse:before,
.e-kanban .e-kanbancard.e-hover .e-cardexpand:before {
  color: #424242;
}
.e-kanban .e-kanbancard.e-cardselection .e-cardcollapse:before,
.e-kanban .e-kanbancard.e-cardselection .e-cardexpand:before {
  
}
.e-kanban .e-kanbancard.e-cardselection .e-cardcollapse:before,
.e-kanban .e-kanbancard.e-cardselection .e-cardexpand:before {
  /*material*/
  color: black;
}
.e-kanban .e-kanbancard.e-cardselection.e-hover .e-cardcollapse:before,
.e-kanban .e-kanbancard.e-cardselection.e-hover .e-cardexpand:before {
  
}
.e-kanban .e-kanbancard.e-cardselection.e-hover .e-cardcollapse:before,
.e-kanban .e-kanbancard.e-cardselection.e-hover .e-cardexpand:before {
  /*other*/
  color: #424242;
}
.e-kanban .e-swimlanerow .e-slcount {
  
}
.e-kanban .e-swimlanerow .e-slcount {
  /*other*/
  color: #878787;
}
.e-kanban .e-kanbantoolbar .e-search .e-ejinputtext:focus {
  
}
.e-kanban .e-kanbanheader .e-columnheader .e-shrinkcol:hover {
  
}
.e-kanban .e-kanbancontent .e-rowcell.e-shrink:hover {
  
}
.e-kanban .e-kanbancontent .e-rowcell .e-shrinkcount {
  
}
.e-kanban .e-kanbancontent .e-rowcell .e-shrinkcount {
  /*material*/
  color: #ff4081;
}
.e-kanban .e-collapserow .e-rowcell {
  border: none;
}
.e-kanban .e-kanbancard.e-hover {
  
}
.e-kanban .e-kanbancard.e-hover {
  /*material*/
  background-color: #eeeeee;
  border-color: #e0e0e0;
  color: #212121;
}
.e-kanban .e-headercontent {
  border-right-color: #e0e0e0;
}
.e-kanban .e-kanbanheader .e-headercelldiv {
  
}
.e-kanban .e-kanbanheader .e-headercelldiv {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-kanban .e-kanbanheader {
  color: #3f51b5;
}
.e-kanban .e-kanbancontent {
  background-color: white;
}
.e-kanban .e-kanbancontent .e-rowcell {
  border-color: #e0e0e0;
}
.e-kanban .e-cardcollapse:before,
.e-kanban .e-cardexpand:before,
.e-kanban .e-kanbancard.e-cardselection.dragClone .e-cardexpand:before,
.e-kanban .e-kanbancard.e-cardselection.dragClone .e-cardcollapse:before {
  
}
.e-kanban .e-cardcollapse:before,
.e-kanban .e-cardexpand:before,
.e-kanban .e-kanbancard.e-cardselection.dragClone .e-cardexpand:before,
.e-kanban .e-kanbancard.e-cardselection.dragClone .e-cardcollapse:before {
  /*other*/
  color: #424242;
}
.e-kanban .e-kanbancard .e-card_image {
  background: whitesmoke;
  border-color: #e0e0e0;
}
.e-kanban .e-kanbantoolbar.e-toolbar,
.e-kbntoolbar-body.e-toolbar {
  
  border-color: #e0e0e0;
  filter: none;
}
.e-kanban .e-kanbantoolbar.e-toolbar,
.e-kbntoolbar-body.e-toolbar {
  /*material*/
  background: #fafafa;
}
.e-kanban .e-kanbantoolbar li {
  
}
.e-kanban .e-kanbantoolbar li {
  /*other*/
  border: 1px solid #e0e0e0;
}
.e-kanban .e-kanbantoolbar li.e-tooltxt.e-kbnfilter-tbtn.e-hover {
  /*material*/
  background: #fafafa;
}
.e-kanban .e-kanbantoolbar li.e-select {
  
}
.e-kanban .e-kanbantoolbar .e-tooltxt.e-hover {
  
}
.e-kanban .e-kanbantoolbar .e-tooltxt.e-hover .e-text {
  
}
.e-kanban .e-kanbantoolbar li.e-tooltxt.e-kbnfilter-tbtn.e-select,
.e-kanban .e-kanbantoolbar li.e-tooltxt.e-kbnfilter-tbtn.e-active,
.e-kanban .e-kanbantoolbar li.e-tooltxt.e-select.e-kbnfilter-tbtn.e-hover,
.e-kanban.e-js .e-kanbantoolbar li.e-tooltxt.e-kbnfilter-tbtn.e-active a {
  /*material*/
  background: #ff4081;
}
.e-kanban .e-kanbantoolbar li.e-tooltxt {
  
}
.e-kanban .e-kanbantoolbar .e-select a.e-toolbartext.e-text {
  color: white;
}
.e-kanban .e-kanbantoolbar .e-active a.e-toolbartext.e-text,
.e-kanban .e-kanbantoolbar .e-select.e-hover a.e-toolbartext.e-text {
  /*material*/
  color: white;
}
.e-kanban .e-kanbantoolbar .e-select.e-hover a.e-toolbartext.e-text {
  color: #212121;
}
.e-kanban .e-kanbantoolbar .e-text,
.e-kanban .e-kanbantoolbar .e-quickfilter .e-text,
.e-kbntoolbar-body .e-text,
.e-kbntoolbar-body .e-quickfilter .e-text {
  
}
.e-kanban .e-kanbantoolbar .e-text,
.e-kanban .e-kanbantoolbar .e-quickfilter .e-text,
.e-kbntoolbar-body .e-text,
.e-kbntoolbar-body .e-quickfilter .e-text {
  /*other*/
  color: #212121;
}
.e-kanban .e-kanbantoolbar .e-select.e-hover {
  
}
.e-kanban .e-kanbantoolbar .e-select.e-hover {
  background: #e0e0e0;
}
.e-kanban .e-kanbantoolbar .e-select.e-hover {
  /*other*/
  border-color: #e0e0e0;
}
.e-kanban .e-kanbantoolbar .e-tooltxt.e-select {
  
}
.e-kanban .e-kanbantoolbar .e-select a.e-toolbartext.e-text,
.e-kanban .e-kanbantoolbar .e-select.e-hover a.e-toolbartext.e-text {
  
}
.e-kanban .e-kanbantoolbar .e-tooltxt.e-select.e-hover {
  
}
.e-kanban .e-columnrow .e-rowcell.e-dropping {
  border-color: #e0e0e0;
}
.e-kanban .e-kanbancontent .e-rowcell.e-exceed {
  background: #f8d9c7;
  filter: none !important;
}
.e-kanban .e-kanbancontent .e-rowcell.e-deceed {
  background: #ffedcd;
}
.e-kanban .e-kanbantooltip {
  
  border: 1px solid #e0e0e0;
  box-shadow: 9px 9px 15px -9px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 9px 9px 15px -9px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 9px 9px 15px -9px rgba(0, 0, 0, 0.3);
}
.e-kanban .e-kanbantooltip {
  /*office-365*/
  background: #616161;
  color: white;
}
.e-kanban .e-kanbantoolbar .e-toolbaricons.e-searchfind,
.e-kanban .e-kanbantoolbar .e-toolbaricons.e-cancel {
  
}
.e-kanban .e-kanbantoolbar .e-toolbaricons.e-searchfind,
.e-kanban .e-kanbantoolbar .e-toolbaricons.e-cancel {
  /*other*/

  border-left: 1px solid #e0e0e0;
}
.e-kanban .e-kanbantoolbar .e-toolbaricons.e-searchfind,
.e-kanban .e-kanbantoolbar .e-toolbaricons.e-cancel {
  background: whitesmoke;
}
.e-kanban .e-kanbantoolbar li.e-search.e-tooltxt {
  
}
.e-kanban .e-kanbantoolbar li.e-search.e-tooltxt:hover {
  
}
.e-kanban .e-kanbandialog .e-save:hover,
.e-kanban .e-externalform .e-save:hover {
  
}
.e-kanban .e-kanbandialog .e-save:focus,
.e-kanban .e-externalform .e-save:focus {
  
}
.e-kanban .e-kanbantoolbar .e-search.e-hover .e-searchfind {
  
}
.e-kanban .e-kanbantoolbar .e-highliht-kbnsearchbar .e-search.e-tooltxt {
  
}
.e-kanban .e-kanbantoolbar .e-highliht-kbnsearchbar .e-search.e-tooltxt .e-cancel {
  
}
.e-kanban .e-kanbantoolbar .e-highliht-kbnsearchbar .e-search.e-tooltxt .e-cancel:before {
  
}
.e-kanban .e-kanbantoolbar .e-search.e-hover .e-searchfind:before {
  
}
.e-kanban div.e-error .e-toparrow {
  border-bottom-color: #fffe92;
}
.e-kanban div.e-field-validation-error {
  background-color: #fffe91;
  color: #cd0a0a;
}
.e-kanban .e-kanbantouchbar .e-content {
  background-color: white;
  border-color: #e0e0e0;
}
.e-kanban .e-kanbantouchbar span:hover,
.e-kanban .e-kanbantouchbar .e-spanclicked {
  border-color: #424242;
}
.e-kanban .e-kanbantouchbar .e-downtail:before,
.e-kanban .e-kanbantouchbar .e-downtail {
  border-top-color: #e0e0e0;
}
.e-kanban .e-kanbantouchbar .e-downtail:after {
  border-top-color: white;
}
.e-kanban .e-freezeswimlanerow .e-rowcell.e-shrink {
  background: white;
}
.e-kanban.e-rtl .e-toolbaricons.e-searchfind,
.e-kanban.e-rtl .e-toolbaricons.e-cancel {
  border-right: 1px solid #e0e0e0;
  border-left: 0px;
}
.e-kanban.e-rtl td:first-child,
.e-kanban.e-rtl th:first-child,
.e-kanban.e-rtl .e-headercontent,
.e-kanban.e-rtl .e-columnrow td.e-dropping:first-child,
.e-kanban .e-kanbancontent .e-rowcell.e-dragged {
  border-left-color: #e0e0e0 !important;
}
.e-kanban.e-rtl .e-kanbancard {
  border-color: #e0e0e0;
}
.e-kanban .e-customaddbutton,
.e-kanban .e-columnadd {
  
}
.e-kanban .e-customaddbutton,
.e-kanban .e-columnadd {
  /*material*/
  color: #ff4081;
}
.e-kanban .e-customtoolbarseparator {
  
}
.e-kanban .e-customtoolbarseparator {
  /*other*/
  border-right: 1px solid #e0e0e0;
}
.e-kanban.e-responsive .e-kanbantoolbar.e-toolbar,
.e-kbntoolbar-body.e-toolbar {
  background: whitesmoke;
}
.e-kanban.e-responsive .e-kanbantoolbar:not(.e-adaptive-search) .e-searchfind {
  background: transparent;
}
.e-kanbanfilter-window {
  
  background: white;
}
.e-kanbanfilter-window {
  /*material*/
  border: 1px solid #e0e0e0;
}
.e-kanbanfilter-window .e-kbnfilterwindow-head {
  
}
.e-kanbanfilter-window .e-kbnfilterwindow-head {
  /*material*/
  background: whitesmoke;
  border-bottom: 1px solid #e0e0e0;
}
.e-kanbanfilter-window .e-filter-content,
.e-swimlane-window,
.e-kanban .e-adapt-search,
.e-kanban.e-responsive .e-adapt-cancel {
  background: white;
}
.e-swimlane-window .e-swimlane-item:hover {
  
}
.e-swimlane-window .e-swimlane-item:hover {
  background: #e0e0e0;
}
.e-swimlane-window .e-swimlane-item:hover {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-swimlane-window .e-swimlane-item {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-swimlane-window .e-swimlane-item.e-selected-item {
  /*material*/
  color: #ff4081;
  background: transparent;
}
.e-kanban.e-responsive .e-kanbantoolbar .e-kanbanfilter-icon:hover {
  color: #212121;
}
.e-kanban.e-responsive .e-kanbantoolbar .e-kanbanfilter-icon:hover {
  background: #e0e0e0;
}
.e-kanban.e-responsive .e-kanbantoolbar:not(.e-adaptive-search) .e-searchitem:hover {
  background: #e0e0e0;
}
.e-kanbanfilter-window .e-filter-done:hover {
  
}
.e-kanbanfilter-window .e-filter-done:hover {
  /*material*/
  color: #9e9e9e;
}
.e-kanbanfilter-window .e-filter-done {
  
}
.e-kanbanfilter-window .e-filter-done {
  /*material*/
  color: #ff4081;
}
.e-swimlane-window {
  background: white;
}
.e-kanban.e-responsive .e-kanbantoolbar .e-searchitem:hover {
  background: #e0e0e0;
}
.e-swimlane-ul li:not(:last-child) div:after {
  background: #e0e0e0;
}
.e-swimlane-arrow:hover,
.e-kanbanfilter-window .e-filterback-icon:hover,
.e-kanban.e-responsive .e-adapt-cancel:hover {
  
}
.e-swimlane-arrow:hover,
.e-kanbanfilter-window .e-filterback-icon:hover,
.e-kanban.e-responsive .e-adapt-cancel:hover {
  /*material*/
  color: #ff4081;
}
.e-kanban .e-kanbanheader .e-headercell .e-totalcard,
.e-kanban .e-kanbanheader .e-headercell .e-totalcount,
.e-kanban .e-minlimit,
.e-kanban .e-maxlimit,
.e-kanban .e-limits,
.e-kanban .e-kanbancontent .e-rowcell .e-shrinklabel {
  
}
.e-kanban .e-kanbanheader .e-headercell .e-totalcard,
.e-kanban .e-kanbanheader .e-headercell .e-totalcount,
.e-kanban .e-minlimit,
.e-kanban .e-maxlimit,
.e-kanban .e-limits,
.e-kanban .e-kanbancontent .e-rowcell .e-shrinklabel {
  /*material*/
  color: rgba(0, 0, 0, 0.64);
}
.e-kanban .e-kanbancard .e-bottom-triangle {
  
}
.e-kanban .e-kanbancard .e-bottom-triangle {
  /*material*/
  border-bottom-color: #3f51b5;
}
.e-kanban.e-responsive .e-vhandlespace,
.e-kanbanfilter-window .e-vhandlespace,
.e-kbnslwindow-body .e-vhandlespace,
.e-kbnadapt-editdlg .e-vhandlespace {
  border-color: #e0e0e0;
}
.e-kanban.e-js .e-numeric.e-widget .e-in-wrap,
.e-kbnadapt-editdlg .e-numeric.e-widget .e-in-wrap,
.e-kanban.e-js .e-ddl.e-widget .e-in-wrap,
.e-kbnadapt-editdlg .e-ddl.e-widget .e-in-wrap {
  /*material*/
  border-color: #bdbdbd;
}
.e-kanban .e-ejinputtext,
.e-kbnadapt-editdlg .e-ejinputtext {
  
  background-color: white;
  color: #212121;
}
.e-kanban .e-ejinputtext,
.e-kbnadapt-editdlg .e-ejinputtext {
  /*material*/
  border-color: #bdbdbd;
}
.e-kanban .e-kanbancard .e-primarykey,
.e-kanban.e-swimlane-responsive.e-js .e-limits .e-swimlane-name,
.e-swimlane-ddl .e-swimlane-text {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-kanban .e-kanbancard .e-primarykey {
  
}
.e-kanban .e-kanbancard .e-text {
  
}
.e-kanban .e-kanbancard .e-text {
  /*material*/
  color: rgba(0, 0, 0, 0.64);
}
.e-kanban .e-externalformedit div > label,
.e-kanban .e-kanbandialog .kanbanform label {
  
}
.e-kanban .e-externalformedit div > label,
.e-kanban .e-kanbandialog .kanbanform label {
  /*material*/
  color: rgba(0, 0, 0, 0.38);
}
.e-kanban .e-ejinputtext,
.e-kbnadapt-editdlg .e-ejinputtext {
  /*material*/
  color: rgba(0, 0, 0, 0.87);
}
.e-kanban .e-totalcard,
.e-kanban .e-limits {
  /*material*/
  color: rgba(0, 0, 0, 0.64);
}
.e-kanban .e-kanbantoolbar .e-kbnfilter-tbtn a.e-toolbartext.e-text {
  /*material*/
  color: #ff4081;
}
.e-kanban.e-js .e-kanbantoolbar .e-kbnfilter-tbtn.e-select a.e-toolbartext.e-text {
  /*material*/
  color: white;
}
.e-kanban .e-dialog .e-titlebar {
  /*material*/
  background: white;
  color: black;
  box-shadow: none;
}
.e-kanban .e-dialog .e-titlebar .e-icon.e-close:hover:before,
.e-kanban .e-dialog .e-titlebar .e-icon.e-close:before {
  /*material*/
  color: black;
}
.e-kanban .e-kanbantoolbar .e-searchbar.e-ul,
.e-kanban .e-adaptive-search .e-search.e-tooltxt {
  /*material*/
  border-bottom: 2px solid #9e9e9e;
}
.e-kanban.e-responsive .e-kanbantoolbar .e-searchbar.e-ul {
  border-bottom: none !important;
}
.e-kanban .e-kanbantoolbar .e-highliht-kbnsearchbar {
  /*material*/
  border-bottom-color: #ff4081 !important;
}
.e-kanban .e-toolbar.e-js ul > li.e-tooltxt.e-search.e-active {
  /*material*/
  background: #fafafa;
}
.e-kanban .e-toolbar.e-js ul > li.e-tooltxt.e-search.e-active a:before {
  /*material*/
  color: #424242 !important;
}
.e-kanban .e-ejinputtext:focus,
.e-kbnadapt-editdlg .e-ejinputtext:focus {
  /*material*/
  border-color: #ff4081;
  border-bottom-width: 2px;
}
.e-kanban .e-kanbandialog .e-kanban-editdiv .e-save,
.e-kanban .e-kanbandialog .e-kanban-editdiv .e-cancel,
.e-kanban .e-externalform .e-save,
.e-kanban .e-externalform .e-cancel,
.e-kbnadapt-editdlg .e-save,
.e-kbnadapt-editdlg .e-cancel,
.e-kanbanfilter-window .e-clearfilter {
  /*material*/
  background: white;
  color: #ff4081;
  box-shadow: none !important;
}
.e-kanban.e-js .e-kanbandialog .e-save:hover,
.e-kanban.e-js .e-kanbandialog .e-cancel:hover,
.e-kanban.e-js .e-externalform .e-save:hover,
.e-kanban.e-js .e-externalform .e-cancel:hover,
.e-kbnadapt-editdlg .e-save:hover,
.e-kbnadapt-editdlg .e-cancel:hover,
.e-kanbanfilter-window .e-clearfilter:hover {
  /*material*/
  background: rgba(0, 0, 0, 0.12);
  color: black;
}
.e-kanbantoolbar .e-customtoolbar li.e-hover.e-active .e-icon:before {
  /*material*/
  color: #757575;
}
.e-kanban .e-kanbantoolbar .e-quickfilter.e-tooltxt {
  background: transparent;
}
.e-kanban .e-kanbantoolbar .e-search.e-hover {
  /*material*/
  background: transparent !important;
}
.e-kanban .e-cardcollapse:after,
.e-kanban .e-cardexpand:after,
.e-kanban .e-slcollapse:after,
.e-kanban .e-slexpand:after {
  /*material*/
  background: black;
  background: rgba(0, 0, 0, 0.12);
}
.e-kanban.e-js .e-kanbantoolbar .e-searchbar.e-highliht-kbnsearchbar .e-searchdiv .e-ejinputtext {
  color: black;
}
.e-kanban.e-js.e-kanbanscroll .e-kanbantoolbar.e-toolbarspan {
  border-bottom: 1px solid #e0e0e0;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-spreadsheet {
  color: #212121;
  border-color: #e0e0e0;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-headercell,
.e-spreadsheet .e-spreadsheetmainpanel .e-headercontent,
.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader {
  border-color: #e0e0e0;
  color: black;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-headercell,
.e-spreadsheet .e-spreadsheetmainpanel .e-headercontent,
.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader {
  color: rgba(0, 0, 0, 0.87);
}
.e-spreadsheet .e-spreadsheetmainpanel .e-headercell:hover,
.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader:hover {
  background-color: rgba(255, 64, 129, 0.12);
  border-color: #e0e0e0;
  color: black;
  
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowheadercontent {
  border-bottom-color: #e0e0e0;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-spreadsheetcontentcontainer {
  border-left-color: #e0e0e0;
  background-color: white;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-spreadsheetcolumnheader {
  border-color: #e0e0e0;
}
.e-spreadsheet .e-spreadsheetheader {
  border-bottom-color: #e0e0e0;
  border-top-color: #e0e0e0;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-spreadsheetcolumnheader {
  border-right-color: #e0e0e0;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell {
  color: #212121;
  background-color: white;
  border-color: #e0e0e0;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-spreadsheetcolumnheader,
.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader,
.e-spreadsheet .e-scrollcss,
.e-spreadsheet .e-scrollrowcss {
  background-color: white;
}
.e-ss-editinput .e-in-wrap,
.e-ss-editinput .e-input {
  color: inherit;
  font-size: 11pt;
  font-family: Calibri;
}
/*---------------------------Frozen Row------------------------*/

.e-spreadsheet .e-reSizeColbg {
  border-left-color: #e0e0e0;
}
.e-spreadsheet .e-reSizeAPbg {
  border-left-color: #e0e0e0;
}
.e-spreadsheet .e-reSizeRowbg {
  border-top-color: #e0e0e0;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-selected,
.e-spreadsheet .e-spreadsheetmainpanel .e-ctrlselected {
  background: rgba(255, 64, 129, 0.12);
  color: #212121;
  
}
.e-spreadsheet .e-spreadsheetmainpanel .e-activecell {
  background-color: white;
  color: #212121;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader.e-rowhighlight,
.e-spreadsheet .e-spreadsheetmainpanel .e-colhighlight {
  background-color: rgba(255, 64, 129, 0.12);
  color: #ff4081;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowhighlight {
  border-right-color: #ff4081;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-colhighlight {
  border-bottom-color: #ff4081;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-colhighlight:hover {
  background-color: rgba(255, 64, 129, 0.12);
  border-bottom-color: #ff4081;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowhighlight:hover {
  background-color: rgba(255, 64, 129, 0.12);
  border-right-color: #ff4081;
}
.e-menu-wrap .e-chartcell:hover,
.e-chartimg:hover {
  background-color: #e0e0e0;
}
.e-chartimg:hover {
  
}
/*-------------------- Borders ------------------------ */

.e-spreadsheet .e-spreadsheetmainpanel td.e-bborderright,
.e-spreadsheet .e-spreadsheetmainpanel td.e-bctrlborderright,
.e-spreadsheet .e-spreadsheetmainpanel td.e-bcborderright {
  border-right-color: #f74380;
}
.e-spreadsheet .e-spreadsheetmainpanel td.e-bborderbottom,
.e-spreadsheet .e-spreadsheetmainpanel td.e-bctrlborderbottom,
.e-spreadsheet .e-spreadsheetmainpanel td.e-bcborderbottom {
  border-bottom-color: #f74380;
}
.e-spreadsheet .e-spreadsheetmainpanel td.e-rborderright,
.e-spreadsheet .e-spreadsheetmainpanel td.e-rctrlborderright,
.e-spreadsheet .e-spreadsheetmainpanel td.e-rcborderright {
  border-right-color: #fc100c;
}
.e-spreadsheet .e-spreadsheetmainpanel td.e-rborderbottom,
.e-spreadsheet .e-spreadsheetmainpanel td.e-rctrlborderbottom,
.e-spreadsheet .e-spreadsheetmainpanel td.e-rcborderbottom {
  border-bottom-color: #fc100c;
}
.e-spreadsheet .e-spreadsheetmainpanel td.e-vborderright,
.e-spreadsheet .e-spreadsheetmainpanel td.e-vctrlborderright,
.e-spreadsheet .e-spreadsheetmainpanel td.e-vcborderright {
  border-right-color: #6a13ad;
}
.e-spreadsheet .e-spreadsheetmainpanel td.e-vborderbottom,
.e-spreadsheet .e-spreadsheetmainpanel td.e-vctrlborderbottom,
.e-spreadsheet .e-spreadsheetmainpanel td.e-vcborderbottom {
  border-bottom-color: #6a13ad;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-gborderright,
.e-spreadsheet .e-spreadsheetmainpanel .e-gctrlborderright {
  border-right-color: #62c435 !important;
}
.e-spreadsheet .e-spreadsheetmainpanel td.e-gborderbottom,
.e-spreadsheet .e-spreadsheetmainpanel td.e-gctrlborderbottom {
  border-bottom-color: #62c435;
}
.e-spreadsheet .e-spreadsheetmainpanel td.e-pborderright,
.e-spreadsheet .e-spreadsheetmainpanel td.e-pctrlborderright {
  border-right-color: #f411b0;
}
.e-spreadsheet .e-spreadsheetmainpanel td.e-pborderbottom,
.e-spreadsheet .e-spreadsheetmainpanel td.e-pctrlborderbottom {
  border-bottom-color: #f411b0;
}
.e-spreadsheet .e-spreadsheetmainpanel td.e-oborderright,
.e-spreadsheet .e-spreadsheetmainpanel td.e-octrlborderright {
  border-right-color: #e59604;
}
.e-spreadsheet .e-spreadsheetmainpanel td.e-oborderbottom,
.e-spreadsheet .e-spreadsheetmainpanel td.e-octrlborderbottom {
  border-bottom-color: #e59604;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-thinborderright {
  border-right-color: #ff4081;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-thinborderbottom {
  border-bottom-color: #ff4081;
}
.e-spreadsheet .e-ss-numeric .e-select .e-spin {
  background-color: white;
  color: #161d40;
}
.e-spreadsheet .e-ss-numeric .e-select .e-spin:hover {
  background-color: #f492b4;
  border-color: #3949a7;
  color: white;
}
.e-spreadsheet .e-ss-numeric .e-select {
  border-color: white;
}
.e-spreadsheet .e-ss-numeric .e-select:hover {
  border-color: #3949a7;
}
/*--------------------- Selection -------------------------- */

.e-spreadsheet div.e-selecttop {
  border-top-color: #ff4081;
}
.e-spreadsheet div.e-selectbottom {
  border-bottom-color: #ff4081;
}
.e-spreadsheet div.e-selectright {
  border-right-color: #ff4081;
}
.e-spreadsheet div.e-selectleft {
  border-left-color: #ff4081;
}
.e-spreadsheet .e-ss-selectall {
  color: rgba(255, 64, 129, 0.12);
}
.e-spreadsheet .e-ss-selectall:hover {
  color: rgba(255, 64, 129, 0.2);
}
.e-spreadsheet .e-sheetselected,
.e-spreadsheet .e-sheetselected:hover {
  color: #ff4081;
}
/*--------------------- Auto Fill -------------------------------*/

.e-spreadsheet .e-autofill {
  border-color: white;
  background-color: #ff4081;
}
.e-spreadsheet div.e-autofillright {
  border-right-color: #ff4081;
}
.e-spreadsheet div.e-autofillbottom {
  border-bottom-color: #ff4081;
}
.e-spreadsheet div.e-autofilltop {
  border-top-color: #ff4081;
}
.e-spreadsheet div.e-autofillleft {
  border-left-color: #ff4081;
}
/*--------------------- Cut and Copy ------------------------ */

.e-spreadsheet .e-spreadsheetmainpanel td.e-cutright {
  border-right-color: #ff4081;
}
.e-spreadsheet .e-spreadsheetmainpanel td.e-cutbottom {
  border-bottom-color: #ff4081;
}
.e-spreadsheet .e-blur {
  background-color: whitesmoke;
}
.e-spreadsheet .e-spanfilter,
.e-spreadsheet .e-spanddl {
  border-color: #e0e0e0;
  background-color: whitesmoke;
  color: #424242;
}
.e-spreadsheet .e-spreadsheetcontentcontainer .e-ss-object.e-ss-activeimg {
  border-color: #ff4081;
}
.e-spreadsheet .e-spreadsheetcontentcontainer .e-ss-pivot.e-ss-activepivot {
  border-color: #ff4081;
}
.e-spreadsheet .e-ss-object.e-datavisualization-chart {
  border-color: #e0e0e0;
}
.e-spreadsheet .e-ss-imgvisual {
  border-color: #e0e0e0;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-redft {
  background-color: #ffc7ce;
  color: #9c0055;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-yellowft {
  background-color: #ffeb9c;
  color: #9c6500;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-greenft {
  background-color: #c6efce;
  color: #006100;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-redf {
  background-color: #ffc7ce;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-redt {
  color: #9c0055;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-hlcell {
  background-color: yellow;
  color: red;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowcell.e-goto-blank {
  background-color: #e0e0e0;
}
/*-------------------------- Formula Tab --------------------------- */

.e-spreadsheet .e-indexbox,
.e-spreadsheet .functionbox,
.e-spreadsheet .e-inputbox {
  border-color: #e0e0e0;
  color: #212121;
  background-color: white;
}
.e-ss-autocomplete.e-atc-popup ul li {
  color: black;
}
.e-spreadsheet .e-inputbox > input {
  color: #212121;
}
/*-------------Pager-------------*/

.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-numericitem {
  color: #212121;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-currentitem,
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-currentitem:hover {
  
}
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-currentitem,
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-currentitem:hover {
  background: none;
  color: #ff4081;
  filter: none;
  /* IE9 only*/

}
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-numericitem:hover {
  color: #ff4081;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-pager {
  background-color: white;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-prevpagedisabled,
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-prevpage,
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-nextpage,
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-nextpagedisabled,
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-lastpagedisabled,
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-lastpage,
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-firstpage,
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-firstpagedisabled,
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-numericcontainer {
  background-color: white;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-pagercontainer {
  background-color: white;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-icon:not(.e-disable):hover {
  color: #ff4081;
  cursor: pointer;
}
.e-spreadsheet div.e-field-validation-error {
  background-color: #fffe91;
  color: #cd0a0a;
}
.e-ss-dialog div.e-dlg-field-validation-error:before {
  border-bottom-color: #fffe91;
}
.e-spreadsheet div.e-error .e-errortail {
  border-bottom-color: #fffe91;
}
.e-spreadsheet .e-spreadsheetfooter {
  border-color: #e0e0e0;
}
.e-spreadsheet .e-hyperlinks {
  color: inherit;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-mediaforward {
  border-right-color: #e0e0e0;
  
}
.e-spreadsheet .e-formulabar {
  background-color: white;
}
.e-ss-dialog .e-chartheader {
  background-color: white;
  color: #212121;
}
.e-ss-dialog .e-tab .e-header.e-addborderbottom .e-active {
  border-top-color: #e0e0e0;
}
/*---------------------- Dialog -------------------------- */

.e-dlgtab .e-header,
.e-valdlgtab .e-header {
  overflow: visible;
  /*border-color: @ssheader-bgcolor;*/

}
.e-spreadsheet .e-dlg-field-validation-error,
.e-ss-dialog .e-dlg-field-validation-error {
  background-color: #fffe91;
  color: #cd0a0a;
}
.e-dlgright,
.e-dlgleft,
.e-dlginput,
.e-dlgcontent,
.e-chtdlgright,
.e-chtdlgleft,
.e-chtdlgcontent {
  border-color: #e0e0e0;
}
.e-dlgviewpanel {
  border: 1px solid #e0e0e0;
}
.e-ss-dlgtab .e-ss-sctnseparator {
  border-color: #e0e0e0;
}
.e-ss-dialog hr {
  border-color: #eeeeee;
}
/*---------------------- Name Manager ------------------*/

.e-menu .e-nmuseinformularow:hover {
  background-color: #ff4081;
}
/*---------------------- Cell Styles--------------------*/

.e-menu-wrap .e-cellstylecontent,
.e-menu-wrap .e-formatastablecontent,
.e-menu-wrap .e-chartcontent {
  background-color: white;
  color: #212121;
}
.e-menu-wrap .e-cellstyleheader,
.e-menu-wrap .e-formatastableheader {
  background-color: #3f51b5;
  color: #212121;
  border-color: #e0e0e0;
}
.e-menu-wrap .e-cellstylecell:hover,
.e-menu-wrap .e-formatastablecell:hover,
.e-menu-wrap .e-chartcontent:hover {
  border-color: #e0e0e0;
}
.e-menu-wrap .e-cellstylecell:hover,
.e-menu-wrap .e-formatastablecell:hover,
.e-menu-wrap .e-chartcontent:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
/*---------------------- Comments--------------------*/

.e-spreadsheet .e-celltoparrow {
  border-color: red transparent transparent;
}
.e-spreadsheet .e-comment-txtarea {
  background-color: #f7fbbd;
  color: black;
}
.e-list.e-hdrcolor {
  background-color: #f2f2f2 !important;
  color: #212121 !important;
}
.e-list.e-color {
  border-color: #3f51b5 !important;
}
.e-list.e-hdrcolor.e-mhover > a,
.e-list.e-hdrcolor.e-mfocused > a {
  background-color: transparent !important;
  color: #212121 !important;
}
.e-list.e-color.e-mhover.e-mfocused {
  border-color: #f492b4 !important;
}
.e-spreadsheet .e-excelfilter .e-in-wrap {
  border-color: #3949a7;
}
/*---------------------------RTL--------------------------*/

.e-spreadsheetrowheader.e-scrollrowcss.e-rtl {
  border-color: #e0e0e0;
}
.e-spreadsheetcolumnheader.e-rtl {
  border-color: #e0e0e0;
}
.e-spreadsheetcontentcontainer.e-rtl {
  border-color: #e0e0e0;
}
.e-spreadsheet .e-numeric .e-in-wrap {
  border-color: #3949a7;
}
.e-ss-dialog .e-chartselect {
  border-color: #ff4081;
  
}
.e-menu-wrap .e-chartcell {
  border-color: #3f51b5;
}
.e-spreadsheet .e-ss-object {
  background-color: white;
}
.e-spreadsheet .e-ss-image {
  background-color: transparent;
}
.e-spreadsheet .e-ss-charttheme {
  background-color: black;
}
/*-------------------------Merge--------------------*/

.e-spreadsheet .e-ssr-horizontalprt .e-btn.e-ss-active {
  color: #212121;
  
}
.e-spreadsheet .e-ssr-horizontalprt .e-btn.e-ss-active {
  background: #ff9cbe;
}
.e-spreadsheet .e-ssr-horizontalprt .e-btn.e-ss-active:hover {
  
}
.e-spreadsheet .e-ssr-horizontalprt .e-btn.e-ss-active:hover .e-icon {
  color: #424242;
}
/*-------------------------Auto fill Option--------------------*/

.e-ss-colorpicker .e-in-wrap.e-tool,
.e-ss-colorpicker .e-in-wrap.e-tool .e-select {
  
}
.e-ss-colorpicker .e-in-wrap.e-tool,
.e-ss-colorpicker .e-in-wrap.e-tool .e-select {
  background-color: none;
}
/*--------------------------------- Freeze Pane -------------------------------*/

.e-spreadsheet .e-frow {
  border-color: #ff4081;
}
.e-spreadsheet .e-fcol {
  border-color: #ff4081;
}
/*-------------------------Ribbon icons Customization--------------------*/

.e-spreadsheet .e-ssr-verticalHparent:hover .e-btn.e-select:not(.e-disable):not(.e-active),
.e-spreadsheet .e-split .e-in-wrap.e-ssr-horizontalprt:hover .e-split-btn:not(.e-disable),
.e-spreadsheet .e-ss-colorpicker .e-in-wrap.e-ssr-colpickHprt:hover:not(.e-disable) .e-ssr-colorcontainer {
  border-color: #e0e0e0;
  
}
.e-spreadsheet .e-ssr-verticalHparent:hover .e-active,
.e-spreadsheet .e-splitspan .e-spreadsheet.e-btn.e-select:hover {
  
}
.e-spreadsheet .e-ssr-verticalHparent:hover .e-active,
.e-spreadsheet .e-splitspan .e-spreadsheet.e-btn.e-select:hover {
  background: #ff9cbe;
}
.e-spreadsheet .e-split.e-active .e-in-wrap.e-ssr-horizontalprt:hover .e-split-btn:not(.e-disable) {
  
}
.e-spreadsheet .e-split.e-active .e-in-wrap.e-ssr-horizontalprt:hover .e-split-btn:not(.e-disable) {
  background: #ff9cbe;
}
.e-spreadsheet .e-split.e-active .e-box .e-btn.e-select,
.e-spreadsheet .e-split.e-active .e-box .e-btn.e-select:hover,
.e-spreadsheet .e-button.e-btn.e-select.e-active,
.e-spreadsheet .e-ribbon.e-js .e-rbn-button.e-button.e-btn.e-select.e-active:hover {
  color: #212121;
  
}
.e-spreadsheet .e-split.e-active .e-box .e-btn.e-select,
.e-spreadsheet .e-split.e-active .e-box .e-btn.e-select:hover,
.e-spreadsheet .e-button.e-btn.e-select.e-active,
.e-spreadsheet .e-ribbon.e-js .e-rbn-button.e-button.e-btn.e-select.e-active:hover {
  background: #ff9cbe;
}
.e-spreadsheet .e-split.e-active .e-box .e-btn.e-select.e-ss-active {
  
}
.e-spreadsheet .e-ribbon.e-js .e-btn.e-select.e-ss-active:hover .e-icon {
  
}
.e-spreadsheet .e-ribbon .e-rbn-button.e-btn.e-active .e-icon {
  
}
.e-spreadsheet .e-ribbon.e-js .e-controlclicked .e-btn.e-select.e-ss-active:hover .e-icon {
  
}
.e-spreadsheet .e-split.e-active .e-box .e-btn.e-select,
.e-spreadsheet .e-split.e-active .e-box .e-btn.e-select:hover {
  
}
.e-spreadsheet .e-ribbon.e-js .e-btn.e-select.e-ss-active .e-icon {
  
}
.e-spreadsheet .e-split.e-active .e-box .e-btn .e-icon,
.e-spreadsheet .e-split .e-btn.e-select:active .e-ss-active .e-icon {
  color: #424242;
  
}
.e-spreadsheet .e-spreadsheetmainpanel .e-hborder {
  border-color: transparent;
}
.e-spreadsheet .e-content.e-viewbrdr {
  border-color: #e0e0e0;
}
/*-------------------------------------Spreadsheet Ribbon override------------*/

.e-spreadsheet .e-ribbon .e-header {
  border-right: none;
  border-left: none;
  border-top: none;
}
.e-spreadsheet .e-ribbon .e-content {
  border-right: none;
  border-left: none;
}
.e-spreadsheet .e-ribbon .e-header {
  border-right: medium none;
  border-left: medium none;
  border-top: medium none;
}
.e-spreadsheet .e-ribbon .e-content {
  border-right: medium none;
  border-left: medium none;
}
.e-ribbon .e-btn.e-ss-active {
  background-color: #ff4081;
  color: #3f51b5;
}
.e-spreadsheet .e-ribbon .e-ddl {
  border-color: #36459b;
}
.e-spreadsheet .e-ribbon .e-ddl.e-widget.e-focus .e-in-wrap {
  box-shadow: 0 0 7px #cccccc;
}
.e-spreadsheet .e-ribbon .e-ddl {
  border-color: #36459b;
}
.e-spreadsheet .e-menu.e-split,
.e-menu-wrap .e-spreadsheet.e-split.e-autofillbtn li.e-list,
.e-spreadsheet .e-splitspan .e-btn.e-select {
  background: white;
}
.e-spreadsheet .e-ssr-bscontent div:not(.e-ssr-bsnewtmpl) .e-btn.e-select {
  border-color: #e0e0e0;
}
.e-ss-colorpicker.e-popup {
  background-color: white;
  color: black;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-numericitem:not(.e-currentitem) {
  background-color: white;
}
.e-spreadsheet .e-ribbon .e-btn.e-select.e-disable:hover .e-icon {
  color: black;
}
.e-spreadsheet .e-ribbon .e-btn.e-select.e-disable:hover .e-icon {
  color: rgba(0, 0, 0, 0.26);
}
.e-spreadsheet .e-ribbon .e-togglebutton.e-btn.e-tbtn.e-select.e-disable:not(.e-active),
.e-spreadsheet .e-ribbon .e-togglebutton.e-btn.e-tbtn.e-select.e-disable:not(.e-active):hover {
  background: #e0e0e0;
}
.e-spreadsheet .e-ribbon .e-button.e-btn.e-select.e-disable:hover {
  background: none;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader.e-filterhiglight,
.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader.e-rowhighlight.e-filterhiglight {
  color: #00cc00;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-headercell {
  cursor: url("../common-images/spreadsheet/down_arrow_light.cur"), auto;
}
.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader {
  cursor: url("../common-images/spreadsheet/right_arrow_light.cur"), auto;
}
.e-spreadsheet .e-ss-fpcursor {
  cursor: url("../common-images/spreadsheet/format_painter_light.cur"), auto;
}
.e-spreadsheet .e-ss-drwbrdrcursor {
  cursor: url("../common-images/spreadsheet/draw_border_light.cur"), auto;
}
.e-spreadsheet .e-ss-drwbrdrgridcursor {
  cursor: url("../common-images/spreadsheet/draw_border_grid_light.cur"), auto;
}
/***********************SpreadsheetTextArea***********************************/

.e-ss-textarea,
.e-ss-textarea:focus,
.e-ss-textarea:hover {
  border-color: #e0e0e0;
}
/*-------------------------------------SpreadsheetCellType--------------------*/

.e-spreadsheet .e-cellreadonly .e-datewidget .e-select {
  background: white;
}
.e-spreadsheet .e-cellreadonly .e-ddl .e-select {
  background: white;
}
/*----------------------------Activation Panel-------------------------*/

.e-spreadsheet .e-spreadsheetactpanel {
  border-left-color: #e0e0e0;
}
/*---------------------------Border Menu-------------------------------*/

.e-spreadsheet .e-bordercontainer {
  background-color: white;
}
.e-spreadsheet .e-bordercell:hover {
  border-color: #e0e0e0;
}
.e-spreadsheet .e-ss-bdr-header {
  background-color: white;
  border-color: #3f51b5;
}
/*---------------------------Pivot Table-------------------------------*/

.e-spreadsheet .e-ss-pivottableheader {
  background-color: rgba(255, 64, 129, 0.12);
  border-color: #e0e0e0;
  color: black;
}
/*-------------------------------------Material Theme Changes -----------------------*/

.e-spreadsheet .e-formulabar,
.e-spreadsheet .e-spreadsheetmainpanel .e-spreadsheetcontentcontainer,
.e-spreadsheet .e-spreadsheetmainpanel .e-spreadsheetcolumnheader,
.e-spreadsheet .e-spreadsheetmainpanel .e-rowheader,
.e-spreadsheet .e-scrollcss,
.e-spreadsheet .e-scrollrowcss {
  background-color: whitesmoke;
}
.e-ss-dialog .e-btn.e-select,
.e-ss-dialog .e-btn.e-select:hover,
.e-ss-dialog .e-btn.e-select:active {
  color: #ff4081;
}
.e-ss-dialog .e-btn.e-select:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.e-ss-dialog .e-btn.e-select:active {
  background-color: rgba(255, 64, 129, 0.12);
}
.e-ss-dialog .e-dialog input.ejinputtext:focus,
.e-spreadsheet input.ejinputtext:focus {
  border-color: #ff4081;
}
.e-ss-dialog .e-dialog input.ejinputtext,
.e-spreadsheet input.ejinputtext {
  border-color: rgba(0, 0, 0, 0.12);
}
.e-ss-dialog.e-ss-mattab .e-dlg-btnfields {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.e-ss-dialog.e-ss-mattab .e-titlebar {
  background-color: #3f51b5;
  color: white;
}
.e-ss-dialog.e-ss-mattab .e-dialog .e-tab .e-header {
  background-color: #3f51b5;
}
.e-ss-dialog.e-ss-mattab .e-dialog .e-tab .e-header li a {
  color: rgba(255, 255, 255, 0.7);
}
.e-ss-dialog.e-ss-mattab .e-dialog .e-tab .e-header li.e-active a {
  color: white;
}
.e-ss-autocomplete.e-atc .e-in-wrap {
  border-color: rgba(0, 0, 0, 0.26);
}
.e-ss-autocomplete.e-atc .e-in-wrap:active {
  border-color: rgba(0, 0, 0, 0.54);
}
.e-spreadsheet .e-ss-dialog.e-ss-mattab .e-dialog-icon:before {
  color: white;
}
.e-ss-dialog label,
.e-ss-dialog .e-ss-fcgdiv {
  color: rgba(0, 0, 0, 0.38);
}
.e-spreadsheet .e-spreadsheetmainpanel .e-pager .e-numericitem:not(.e-active) {
  color: rgba(0, 0, 0, 0.87);
}
.e-ss-dialog .e-dialog .e-dlgctndiv label {
  
}
.e-ss-dialog .e-ss-okbtn.e-btn.e-select {
  
}
.e-ss-dialog .e-ss-okbtn.e-btn.e-select:hover {
  
}
.e-ss-dialog .e-ss-okbtn.e-btn.e-select:focus {
  
}
.e-ss-dialog .e-ss-okbtn.e-btn.e-select:active {
  
}
.e-ss-colorpicker .e-colorwidget .e-in-wrap.e-box.e-ssr-colpickHprt:hover {
  
}
.e-spreadsheet .e-ribbon.e-js .e-rbn-button.e-tbtn.e-select:active .e-icon {
  
}
.e-spreadsheet .e-ss-databar-span:hover,
.e-spreadsheet .e-ss-iconsets-wrapper:hover,
.e-spreadsheet .e-ss-colorscale-span:hover {
  border-color: #e0e0e0;
}
.e-spreadsheet .e-ss-iconset-title {
  color: #212121;
}
/*-------------------------------------SpreadSheet End -----------------------*/


/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-documenteditor {
  background-color: white;
}
.e-documenteditor-contextmenuitem:hover {
  background-color: #e0e0e0;
  color: #212121;
}
.e-documenteditor-contextmenuitem {
  background-color: white;
  color: #212121;
}
.e-documenteditor-disabledcontextmenuitem {
  background-color: white;
  color: gray;
}
.e-documenteditor-optionspane {
  background-color: white;
  color: #212121;
}
.e-documenteditor-icon.e-search {
  color: #e0e0e0;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- Mediaplayer -------------------------------------------*/

/*#region mediaplayer*/

/*region media container styles*/

.e-media-player .e-media-content-div .e-waitpopup-pane {
  background-color: transparent;
}
.e-media-player {
  border-color: #3f51b5;
  background-color: white;
}
.e-media-player .e-media-control-container {
  background: white;
}
.e-media-player .e-media-element {
  background: white;
}
.e-media-player .e-slider {
  background-color: #424242 !important;
}
/*region media container styles*/

/* region toolbar styles*/

.e-media-player .e-media-toolbar-icon:before,
.e-media-player .e-media-playlist-icon:before,
.e-media-player .e-media-playlist-toggle:before {
  color: #424242;
}
.e-media-player .e-media-toolbar.adv .e-media-volume-text {
  color: #424242;
}
.e-media-player .e-media-time-stamp.e-media-adv {
  color: #212121;
}
.e-media-player .media-shuffled:before,
.e-media-player .media-muted:before,
.e-media-player .media-repeated:before,
.e-media-player .e-media-playlist-visible:before {
  color: #3f51b5;
}
.e-media-player .e-media-timeslider-div.e-media-adv {
  background: transparent;
}
.e-media-player .e-media-prev-li.basic .e-media-toolbar-icon:before,
.e-media-player .e-media-next-li.basic .e-media-toolbar-icon:before {
  color: #424242;
}
.e-media-player .e-media-toolbar.basic .e-media-toolbar-split-li {
  color: #424242;
}
.e-media-player .e-media-toolbar.basic .e-media-split {
  color: #212121;
}
.e-media-player .e-media-toolbar.basic .e-media-vol-slider-li {
  background-color: white;
}
.e-media-time-stamp-end.e-media-basic,
.e-media-time-stamp-run.e-media-basic {
  color: #212121;
}
.e-media-player .e-media-time-stamp-end.e-media-mob,
.e-media-player .e-media-time-stamp-run.e-media-mob {
  color: #212121;
}
/* end region toolbar styles*/

/*region settings styles*/

.e-media-settings-popup > .e-lv.subpage {
  background-color: white;
  border-color: #e0e0e0 !important;
}
.e-media-settings-popup li {
  background-color: white !important;
}
.e-media-settings-popup .e-header {
  background-color: #3f51b5 !important;
  border-bottom-color: #3f51b5 !important;
}
.e-media-settings-selector:before {
  color: #3f51b5;
}
.e-media-settings-popup .e-lv .e-list .e-chevron-right_01.e-fontimage:before,
.e-media-settings-popup .e-lv > .e-header > .e-icon:before {
  color: #3f51b5 !important;
}
.e-media-settings-popup .e-list-text,
.e-media-settings-popup .e-btn-text {
  color: #212121 !important;
}
/*end region settings styles*/

/*region playlist styles*/

.e-media-player .e-media-playlist-img-div {
  color: white !important;
}
.e-media-player .e-media-playlist-img-div.desktop {
  border-color: #e0e0e0;
}
.e-media-player .e-media-playlist-img-div.mobile {
  border-color: #e0e0e0;
}
.e-media-player .e-media-playlist-play:before {
  color: #212121;
}
.e-media-player .e-media-playlist-title {
  color: #212121;
}
.e-media-player .e-media-playlist-container.desktop,
.e-media-player .e-media-playlist-container.mobile {
  background-color: white;
  border-color: #e0e0e0;
}
.e-media-player .e-media-playlist-header {
  border-bottom-color: #3f51b5;
}
.e-media-player .e-media-playlist-header label {
  color: #212121;
}
.e-media-player .e-media-playlist-toggle.desktop {
  background-color: #212121;
}
.e-media-player .e-media-playlist-toggle.e-media-expand:before,
.e-media-player .e-media-playlist-toggle.e-media-collapse:before {
  color: #212121 !important;
}
.e-media-player .e-media-playlist-container .e-listbox li {
  border-bottom-color: #e0e0e0;
}
.e-media-player .e-media-playlist-container .e-listbox-container {
  background-color: white;
}
/*region playlist styles*/

/*other styles*/

.e-media-player .e-media-video-baner {
  color: white;
}
.e-media-player .e-media-audio-title {
  color: white;
}
.e-media-player .e-media-overlay {
  color: white;
}
.e-media-player .e-media-time-tooltip {
  border-color: #e0e0e0;
  color: #212121;
  background-color: white;
}
.e-media-player .e-media-hd-tag {
  color: red;
}
.e-media-player .e-media-toolbar-split {
  background: #3f51b5;
}
.e-media-player .e-media-playlist-close:before {
  color: #424242;
}
.e-media-player .e-media-play-animation {
  background: rgba(0, 0, 0, 0.5);
}
.e-media-player .e-slider .e-handle {
  border-color: #e0e0e0 !important;
}
/*#region hover*/

.e-media-player .e-media-mouse .e-media-toolbar-icon:not(.disabled):hover::before {
  color: #212121 !important;
}
.e-media-player .e-media-toolbar.adv .e-media-toolbar-volume-li:hover {
  background: transparent !important;
}
.e-media-settings-popup li:hover {
  background: #e0e0e0 !important;
}
/*material theme*/

.e-media-player .e-media-toolbar.basic .e-media-time-li .e-handle {
  margin-top: -3px !important;
}
.e-media-player .e-media-toolbar.basic .e-media-volume-slider .e-handle {
  margin-left: 0px !important;
}
.e-media-settings-popup .e-lv .e-list .e-chevron-right_01 {
  padding-top: 0px !important;
}
.e-media-settings-popup .e-header {
  background-color: white !important;
  box-shadow: none !important;
  border-top: 0px !important;
}
.e-media-settings-popup .e-lv.subpage.e-childitem .e-btn-text {
  left: 0px !important;
}
.e-media-settings-popup .e-lv.subpage.e-childitem .e-header .e-hicon,
.e-media-settings-popup .e-lv.subpage.e-childitem .e-btn-text {
  top: -18px !important;
  right: 0px !important;
}
.e-media-player .e-media-timeslider.e-media-adv.e-slider .e-handle {
  margin-top: -2px !important;
}
.e-media-player .e-media-toolbar.adv .e-media-volume-slider .e-handle {
  margin-top: 0px !important;
}
.e-media-player .e-media-shuffle:before {
  font-size: 17px !important;
  margin-top: -3px !important;
}
.e-media-player .e-media-toolbar.adv .e-media-volume-slider-li {
  margin-top: -2px !important;
}
.e-media-player .e-media-playlist-toggle.e-media-collapse:before {
  content: "\e116" !important;
  -ms-transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}
.e-media-player .e-media-playlist-toggle.mobile {
  -ms-transform: rotate(90deg) !important;
  -webkit-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}
.e-media-player .e-media-center-play:before {
  left: 46% !important;
  left: -moz-calc(50% - 23px) !important;
  left: -webkit-calc(50% - 23px) !important;
  left: -o-calc(50% - 23px) !important;
  left: calc(50% - 23px) !important;
}
.e-media-player .e-media-hd-tag {
  right: 0px !important;
}
.e-media-settings-popup .e-list-text {
  font-size: 13px !important;
}
/*office-365 theme*/

.e-media-player .e-media-toolbar.basic .e-media-volume-slider .e-handle {
  
}
.e-media-settings-popup .e-lv .e-list .e-chevron-right_01 {
  
}
.e-media-settings-popup .e-lv.subpage.e-childitem .e-btn-text {
  
}
.e-media-player .e-media-settings-selector:before {
  
}
.e-media-player .e-media-toolbar.adv .e-media-volume-slider .e-handle {
  
}
.e-media-player .e-media-playlist-container .e-listbox li {
  
}
.e-media-player .e-media-playlist-number {
  
}
.e-media-settings-popup .e-header {
  
}
.e-media-settings-popup .e-lv.subpage.e-childitem .e-header .e-hicon,
.e-media-settings-popup .e-lv.subpage.e-childitem .e-btn-text {
  
}
.e-media-player .e-media-shuffle:before {
  
}
.e-media-player .e-media-toolbar.adv .e-media-volume-slider-li {
  
}
.e-media-player .e-media-playlist-toggle.e-media-collapse:before {
  
}
.e-media-player .e-media-playlist-toggle.mobile {
  
}
.e-media-player .e-media-center-play:before {
  
}
/*#end region mediaplayer*/


/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-ganttchart .e-ganttviewerbodyContianer {
  background-color: white;
}
.e-ganttchart .e-ganttviewerbodyContianerparent {
  border-right-color: #e0e0e0;
}
.e-ganttchart .e-headercell-weekend > div {
  
}
.e-ganttchart .e-headercell-weekend > div {
  background: #fafafa;
}
.e-ganttchart .e-ganttoverallocate {
  background-color: #ffdede;
}
.e-ganttchart .e-ganttnonoverallocate {
  background-color: #d4ffd0;
}
.e-ganttchart .e-gantthistocalender {
  border-color: #ffa3a3;
}
.e-ganttchart .e-gantthistoworklabel {
  color: #282827;
}
.e-ganttchart .e-weekends,
.e-ganttchart .e-ganttnonworkingrange,
.e-ganttchart .e-ganttdayweekend {
  background-color: #fafafa;
}
.e-ganttchart-core {
  background: white;
}
.e-ganttchart .e-borderbox {
  
}
.e-ganttchart .e-borderbox {
  border-bottom-color: #bdbdbd;
}
.e-ganttchart .e-schedule-day-headercell,
.e-ganttchart .e-schedule-hour-headercell,
.e-ganttchart .e-schedule-week-headercell {
  color: rgba(0, 0, 0, 0.87);
  border-color: #e0e0e0 !important;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  
}
.e-ganttchart .e-schedule-day-headercell,
.e-ganttchart .e-schedule-hour-headercell,
.e-ganttchart .e-schedule-week-headercell {
  height: 27px;
  line-height: 27px;
}
.e-gantt-dialog {
  width: 42% !important;
}
.e-gantt-dialog .e-gantt-validation-btn {
  margin-top: 20px;
  margin-bottom: 15px;
  width: 100%;
  height: 27px;
}
.e-ganttchart .e-ganttviewerheaderContainer {
  background: #fafafa;
  color: rgba(0, 0, 0, 0.87);
  border-bottom-color: #e0e0e0 !important;
  border-right-color: #e0e0e0;
  
}
.e-ganttchart .e-ganttviewerheaderContainer {
  height: 54px !important;
}
.e-ganttchart .e-milestone-top {
  border-bottom-color: #212121;
}
.e-ganttchart .e-milestone-bottom {
  border-top-color: #212121;
}
.e-ganttchart .e-taskbarname,
.e-ganttchart .e-resourceinfo {
  color: #212121;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-ganttchart .e-connectorline-rightarrow {
  border-left-color: #212121;
}
.e-ganttchart .e-connectorline-leftarrow {
  border-right-color: #212121;
}
.e-progressbartooltip,
.e-editingtooltip,
.e-tooltipganttpredecessor {
  
}
.e-progressbartooltip,
.e-editingtooltip,
.e-tooltipganttpredecessor {
  background-color: #616161;
  color: white;
  border-color: transparent;
}
.e-tooltiptaskname {
  
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-tooltiptaskname {
  color: white;
}
.e-tooltipgantt,
.e-progressbartooltip,
.e-editingtooltip,
.e-tooltipganttpredecessor {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-ganttchart .e-tasklabel {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  color: white;
}
.e-ganttchart .e-gantt-mouseclick td.e-chartcell {
  
}
.e-ganttchart .e-gantt-mouseclick {
  
}
.e-ganttchart .e-gantt-mouseclick {
  background: rgba(245, 245, 245, 0.7);
}
.e-ganttchart .e-progresshandle {
  background: #212121;
}
.e-ganttchart .e-progresshandleafter {
  border-bottom-color: #212121;
}
.e-ganttchart .e-gantt-parenttaskbar-progress,
.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
  
}
.e-ganttchart .e-gantt-parenttaskbar-progress,
.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
  border-color: #212121;
}
.e-ganttchart .e-gantt-childtaskbar-progress,
.e-ganttchart .e-gantt-childtaskbar {
  
}
.e-ganttchart .e-gantt-childtaskbar-progress,
.e-ganttchart .e-gantt-childtaskbar {
  border-color: #3f51b5;
}
.e-ganttchart .e-chartcell {
  border-bottom-color: transparent;
}
.e-ganttchart .e-gantt-mouseclick .e-chartcell .e-resourceinfo,
.e-ganttchart .e-gantt-mouseclick .e-chartcell .e-tasknameContainer .e-taskbarname {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  color: #212121;
}
.e-ganttchart .e-gantt-parenttaskbar-progress {
  
}
.e-ganttchart .e-gantt-parenttaskbar-progress {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#212121', GradientType=0);
}
.e-ganttchart .e-gantt-parenttaskbar-progress {
  background: #212121;
}
.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
  background-color: rgba(33, 33, 33, 0.6);
  background: #212121 \9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#212121', GradientType=0);
}
.e-ganttchart .e-gantt-childtaskbar-progress {
  background: #3f51b5;
}
.e-ganttchart .e-gantt-childtaskbar {
  background-color: rgba(63, 81, 181, 0.6);
  background: #3f51b5 \9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.e-ganttchart .e-manualprogressbar {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1b2', endColorstr='#67c1b2', GradientType=0);
  border-color: #4fb29f;
}
.e-ganttchart .e-manualprogressbar {
  background: #67c1b2;
}
.e-ganttchart .e-manualchildtaskbar {
  background-color: #8dd1c4;
  border-color: #4fb29f;
}
.e-ganttchart .e-line {
  border-color: #212121;
}
.e-ganttchart .e-connectorpoint-hover {
  background-color: #212121;
}
.e-ganttchart .e-gantt-falseLine {
  border-top-color: #212121;
}
.e-ganttchart .e-gripper:before {
  color: rgba(255, 255, 255, 0.4);
  background: white \9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.e-ganttchart .e-ganttgridlines {
  border-bottom-color: #e0e0e0;
}
.e-ganttchart .e-criticalconnectorline {
  border-color: #ff5555 !important;
}
.e-ganttchart .e-criticalconnectorlinerightarrow {
  border-left-color: #ff5555 !important;
}
.e-ganttchart .e-criticalconnectorlineleftarrow {
  border-right-color: #ff5555 !important;
}
.e-ganttchart .e-criticalprogressbar {
  background: #ff5555 !important;
  border-color: #ff5555 !important;
}
.e-ganttchart .e-criticaltaskbar {
  background: #ff8b8b !important;
  border-color: #ff8b8b !important;
}
.e-gantt-manualparenttaskbar {
  background-color: #b3b3b3;
}
.e-gantt-manualparenttaskbar-left,
.e-gantt-manualparenttaskbar-right {
  border-color: #b3b3b3;
}
.e-gantt-manualparenttaskbar-connectorpoint-hover {
  background-color: #b3b3b3 !important;
}
.e-rg-rangdiv {
  background: red;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  opacity: 0.8;
}
.e-gantt-taskbarSelection .e-gantt-childtaskbar:before {
  border-color: black;
}
.e-ganttchart .e-connectorline-leftarrow-hover {
  border-right-color: #0026da !important;
}
.e-ganttchart .e-connectorline-rightarrow-hover {
  border-left-color: #0026da !important;
}
.e-ganttchart .e-connectorline-hover {
  border-color: #0026da !important;
  outline-color: #0026da !important;
}
.e-ganttchart .e-gantt-childtaskbar.e-gantt-unscheduletaskbar-left {
  background-color: none;
  background: none;
  
}
.e-ganttchart .e-gantt-childtaskbar.e-gantt-unscheduletaskbar-right {
  background-color: none;
  background: none;
  
}
.e-ganttchart .e-gantt-childtaskbar.e-gantt-unscheduletaskbar {
  background-color: rgba(63, 81, 181, 0.6);
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2), #3f51b5 30%, #3f51b5 70%, #3f51b5 70%, rgba(63, 81, 181, 0.2) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.e-ganttchart .e-manualchildtaskbar.e-gantt-unscheduletaskbar-left {
  background-color: none;
  background: none;
  
}
.e-ganttchart .e-manualchildtaskbar.e-gantt-unscheduletaskbar-right {
  background-color: none;
  background: none;
  
}
.e-ganttchart .e-manualchildtaskbar.e-gantt-unscheduletaskbar {
  background-color: #8dd1c4;
  background: linear-gradient(to right, rgba(141, 209, 196, 0.2), #67c1b2 30%, #67c1b2 70%, #67c1b2 70%, rgba(141, 209, 196, 0.2) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.e-ganttchart .e-milestone-top.e-unscheduletaskbar {
  border-bottom-color: rgba(33, 33, 33, 0.6);
}
.e-ganttchart .e-milestone-bottom.e-unscheduletaskbar {
  border-top-color: rgba(33, 33, 33, 0.6);
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- Radial Menu -------------------------------------------*/

.e-radialmenu .e-childdefault {
  fill: #3f51b5;
}
.e-radialmenu .e-default,
.e-radialmenu .e-outerdefault {
  fill: whitesmoke;
}
.e-radialmenu .e-active {
  fill: #e0e0e0;
}
.e-radialmenu .e-arcbgcolor,
.e-radialmenu .e-itembgcolor,
.e-radialmenu .e-circlebgcolor {
  fill: white;
  stroke: white;
}
.e-radialmenu .e-textcolor {
  fill: #212121;
}
.e-radialmenu .e-radial {
  border-color: #3f51b5;
  background-color: white;
}
.e-radialmenu .e-badgetext {
  fill: white;
}
.e-radialmenu .e-badgecircle {
  fill: #3f51b5;
}
.e-radialmenu .e-radialslider {
  background-color: white;
}
.e-radialmenu:focus {
  outline: none !important;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-nb.e-nb-layout.e-nb-right {
  color: #212121;
  border-left: 1px solid #e0e0e0;
  box-shadow: -1px 0 10px 0 black;
  overflow-y: auto;
}
.e-nb.e-nb-layout.e-nb-right {
  background: whitesmoke;
}
.e-nb.e-nb-layout.e-nb-left {
  background: white;
  box-shadow: -1px 0 10px 0 black;
  overflow-y: auto;
  
}
.e-nb.e-nb-layout.e-nb-left {
  border: 1px solid #e0e0e0;
}
.e-lv.subpage {
  
}
.e-lv.subpage {
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.e-lv.subpage .e-list-container div.e-content {
  
}
.e-lv .e-lv .e-list-container {
  border: none;
}
.e-lv.e-navigation > .e-header > .e-icon:hover:before {
  opacity: 0.7;
  color: #424242;
}
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-chevron-right_01 .e-list-text,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-home,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-profile,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-people,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-photo,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-communities,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-location {
  
}
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-chevron-right_01 .e-list-text,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-home,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-profile,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-people,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-photo,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-communities,
.e-nb .e-nb-listview.e-lv .e-list.e-state-active .e-location {
  color: #ff4081;
}
.e-nb .e-nb-listview.e-lv .e-list.e-state-active {
  
}
.e-nb .e-nb-listview.e-lv .e-list:hover {
  
}
.e-nb .e-nb-listview.e-lv .e-list {
  
}
.e-nb .e-nb-listview.e-lv .e-list {
  padding-left: 24px;
}
.e-nb .e-nb-listview.e-lv .e-list .e-list-text {
  
}
.e-nb .e-nb-listview.e-lv .e-list .e-list-text {
  padding-left: 24px;
  color: rgba(0, 0, 0, 0.87);
}
.e-lv .e-header {
  box-shadow: 0 1.83px 1px transparent;
}
.e-nb.e-nb-overlay {
  
}
.e-nb.e-nb-overlay {
  background-color: #383838;
  opacity: 0.5;
}
.e-nb .e-nb-listview.e-lv .e-list.e-margin .e-chevron-right_01 span {
  
}
.e-nb .e-nb-listview.e-lv .e-list.e-margin .e-chevron-right_01 span {
  top: 5px;
}
.e-nb .e-nb-listview.e-lv .e-list .e-list-img {
  
}
.e-nb .e-nb-listview.e-lv .e-list .e-list-img {
  margin-top: -4px;
}
.e-nb .e-nb-listview.e-lv.e-parentlv > .e-lv .e-list-container {
  
}
.e-nb-container .e-icon + .e-nb-listview .e-lv .e-list-hdr {
  
}
.e-nb .e-nb-listview.e-lv .e-list-hdr {
  
}
.e-lv.e-navigation .e-header h2 {
  
}
.e-lv.e-navigation .e-header h2 {
  padding-top: 11px;
  padding-left: 24px;
  color: white;
  font-size: 20px;
}
.e-lv.e-navigation .e-header > .e-icon:before {
  
}
.e-lv.e-navigation .e-header .drawericon {
  
}
.e-lv.e-navigation .e-header .drawericon {
  padding-top: 10px;
}
.e-lv.e-navigation .e-header .drawericon:before {
  color: white;
}
.e-lv.e-navigation > .e-header > .e-icon:hover:before {
  color: white;
  opacity: 1.5;
}
.e-lv.e-navigation .e-header {
  
}
.e-lv.e-navigation .e-header {
  background: #3f51b5 !important;
}
.e-nb-listview .e-list-img.e-home,
.e-nb-listview .e-list-img.e-profile,
.e-nb-listview .e-list-img.e-people,
.e-nb-listview .e-list-img.e-photo,
.e-nb-listview .e-list-img.e-communities,
.e-nb-listview .e-list-img.e-location {
  color: rgba(0, 0, 0, 0.54);
}
.e-nb .e-nb-listview.e-lv .e-list.e-margin .e-chevron-right_01 {
  line-height: normal;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- Tile View -------------------------------------------*/

.e-tile {
  color: white;
}
.e-tile {
  margin: 2px;
  font-weight: 400;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-tile .e-image-parent {
  /*.custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );*/
  background-color: #fafafa;
}
.e-tile .e-image-parent {
  background: #3f51b5;
  
}
.e-tile .e-tile-selected::after {
  border-top: 28px solid #36459b;
}
.e-tile .e-tile-selected {
  border: 2px solid #3f51b5;
}
.e-tile-wide {
  width: 354px !important;
}
.e-tile-medium {
  width: 175px !important;
}
.e-tile-small {
  width: 85.5px !important;
  height: 73px !important;
}
.e-tile-group .e-tile-column {
  max-width: 358px;
}
.e-tile.e-js.e-tile-web:hover {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.26);
}
.e-tile.e-js.e-tile-web:hover .e-image-parent {
  
}
.e-tile.e-js.e-tile-web:hover .e-image-parent {
  background-color: #324191;
}
.e-tile-caption-text.e-caption-innerbottom::before {
  margin-bottom: 16px;
}
.e-tile-caption-text::before {
  padding-left: 12px;
}
.e-tile.e-tile-web.e-tile-medium .e-image-parent .e-tile-image:not(.e-tile-imagefill),
.e-tile.e-tile-web.e-tile-wide .e-image-parent .e-tile-image:not(.e-tile-imagefill) {
  background-size: 48px 48px;
}
.e-tile-caption::before {
  
}
.e-tile-caption::before {
  font-size: 15px;
}
.e-tile-small-col-2 {
  width: 179px;
  height: 154px;
}
.e-tile.e-tile-small .e-image-parent .e-tile-image:not(.e-tile-imagefill) {
  background-size: 24px 24px;
}
.e-tile.e-tile-imagefill .e-tile-overlay {
  margin-top: 75px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.49) 70%, rgba(0, 0, 0, 0.7) 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.49) 70%, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.49) 70%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.49) 70%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.49) 70%, rgba(0, 0, 0, 0.7) 100%);
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- Radial Slider -------------------------------------------*/

.e-radialslider .e-radial-needle {
  stroke: #3f51b5;
}
.e-radialslider .e-inner-circle {
  border-color: #3f51b5;
}
.e-radialslider .e-radialarcdefault {
  stroke: #3f51b5;
}
.e-radialslider .e-ticks-text,
.e-radialslider .e-dynamic-text {
  fill: #212121;
}
.e-radialslider .e-needle-over {
  stroke: #3f51b5;
}

/*------------------------------------- Signature -------------------------------------------*/

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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-signature {
  background-color: white;
  border: 3px solid #3f51b5;
}
.e-signature.e-disable {
  border-color: black;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------SpellCheck themes -------------*/

.e-spellcheck .e-sentencecontent .e-errorword {
  color: red;
}
.e-spellcheck .e-sentence {
  border-color: #e0e0e0;
  background-color: white;
}
.e-spellcheck .e-suggestionlist {
  border-color: #e0e0e0;
}
.e-spellmenu {
  fill: white;
  border: rgba(0, 0, 0, 0.12) !important;
}
.e-spellmenu .e-list:hover {
  background-color: #eeeeee !important;
}
.e-spellmenu {
  fill: white;
  border: rgba(0, 0, 0, 0.12) !important;
}

/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*-----------------------OLAP Definition-----------------*/
/*-----------------------OLAP Definition End-----------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*----------------------Reportdesigner Definition Start------------------*/
/*----------------------Reportdesigner Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------File Explorer Start-----------------------*/
/*----------------------File Explorer End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*--------------- 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;
}
/*------------------------------------- ComboBox -------------------------------------------*/

.e-ddl-icon {
  transform: rotate(0deg);
  transition: transform 300ms ease;
}
.e-ddl.e-input-group .e-ddl-hidden {
  border: 0;
  height: 0;
  visibility: hidden;
  width: 0;
}
.e-input-group .e-input.e-placeholder {
  top: 0px;
  position: absolute;
  border: inherit;
  font-style: italic;
}
.e-ddl.e-input-group .e-input-group-btn button:hover,
.e-ddl.e-input-group .e-input-group-icon:hover,
.e-ddl.e-input-group .e-input-group-btn button:active,
.e-ddl.e-input-group .e-input-group-icon:active {
  background: white;
}
.e-input-group::before {
  left: 50%;
}
.e-input-group::before,
.e-input-group::after {
  background: #ff4081;
}
.e-input-group.e-input-focus::before,
.e-input-group.e-input-focus::after {
  width: 50%;
}
.e-input-group::after {
  right: 50%;
}
.e-input-group::before,
.e-input-group::after {
  bottom: -2px;
  content: '';
  height: 2px;
  position: absolute;
  transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1);
  width: 0;
  z-index: 10;
}
.e-icon-anim .e-ddl-icon {
  transform: rotate(180deg);
  transition: transform 300ms ease;
}
.e-input-group .e-ddl-icon:hover {
  background: transparent;
}
.e-input-group:not(.e-disabled) .e-ddl-icon:active {
  background: transparent;
}
input.e-combobox.e-input::selection {
  
}
input.e-combobox.e-input::selection {
  background: #ff4081;
  color: white;
}
input.e-combobox.e-input::-moz-selection {
  
}
input.e-combobox.e-input::-moz-selection {
  background: #ff4081;
  color: white;
}
.e-input-group .e-ddl-icon:not(:active)::after {
  animation: none;
}
.e-dropdownbase.e-content {
  background: white;
  color: #212121;
}
.e-list-item.e-hover {
  background: #e0e0e0;
  color: #212121;
}
input.e-combobox.e-input {
  border: 1px solid;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 14px;
}
.e-combobox.e-input[disabled],
.e-ddl.e-input-group.e-disabled {
  border-style: solid;
}
.e-ddl.e-input-group.e-disabled {
  border-bottom-style: solid;
}
.e-ddl.e-input-group .e-input-group-btn button {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 14px;
}
.e-ddl.e-input-group.e-disabled {
  border-style: solid;
}
.e-ddl.e-input-group .e-clear-icon {
  color: #424242;
}
input.e-combobox.e-input,
textarea.e-combobox.e-input {
  background: white;
  border-color: #e0e0e0;
  color: #212121;
}
.e-ddl.e-input-group {
  background: white;
}
.e-ddl.e-input-group .e-input-group-icon {
  
}
.e-ddl.e-input-group .e-input-group-icon {
  /*material*/
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
  border: none;
}
.e-ddl.e-input-group:not(.e-rtl) .e-input-group-icon {
  
}
.e-ddl.e-input-group.e-rtl .e-input-group-icon {
  
}
.e-ddl.e-input-group.e-rtl .e-input-group-icon {
  border: none;
}
.e-combobox.e-input[disabled] {
  background: 0px;
}
.e-combobox.e-input[readonly] {
  background: white;
}
.e-ddl.e-input-group .e-input-group-btn button {
  background: white;
  border-color: #e0e0e0;
  color: #424242;
}
.e-ddl.e-input-group .e-input-group-btn button:hover,
.e-ddl.e-input-group .e-input-group-icon:hover {
  
}
.e-ddl.e-input-group:not(.e-disabled) .e-input-group-btn:active button,
.e-ddl.e-input-group:not(.e-disabled) .e-input-group-icon:active,
input.e-combobox.e-input::selection {
  
}
input.e-combobox.e-input::-webkit-input-placeholder,
input.e-combobox.e-input:-moz-placeholder,
input.e-combobox.e-input::-moz-placeholder,
input.e-combobox.e-input:-ms-input-placeholder {
  color: #3f51b5;
}
.e-ddl.e-input-group {
  border-bottom-color: #e0e0e0;
}
.e-ddl.e-input-group .e-ddl-icon:before {
  
  width: 14px;
  height: 14px;
  display: block;
  margin: 0 auto;
}
.e-ddl.e-input-group .e-ddl-icon:before {
  content: "\e666";
}
.e-input-group.e-ddl {
  
}
.e-input-group.e-ddl {
  height: 31px;
}
.e-ddl.e-popup {
  border: 1px solid #e0e0e0;
  position: absolute;
}
.e-ddl.e-popup .e-input-group {
  margin-bottom: 0;
}
.e-ddl.e-popup {
  border-color: #e0e0e0;
}
.e-dropdownbase.e-nodata {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 16px;
}
.e-dropdownbase {
  border-color: #e0e0e0;
}
.e-dropdownbase .e-list-item {
  
  background-color: white;
  border-bottom: 1px;
  border-color: none;
  color: #212121;
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 14px;
  line-height: 2.4em;
  text-indent: 1.067em;
}
.e-dropdownbase .e-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.e-dropdownbase .e-list-group-item,
.e-dropdownbase .e-fixed-head {
  background-color: white;
  border-color: white;
  
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 14px;
  font-weight: 600;
  line-height: 2.4em;
  padding-left: 1.067em;
}
.e-dropdownbase .e-list-group-item,
.e-dropdownbase .e-fixed-head {
  color: rgba(0, 0, 0, 0.87);
}
.e-dropdownbase .e-list-item.e-active.e-hover {
  
}
.e-dropdownbase .e-list-item.e-active.e-hover {
  /*material*/
  background-color: #eeeeee;
  color: #ff4081;
}
.e-dropdownbase .e-list-item.e-hover {
  
}
.e-dropdownbase .e-list-item.e-hover {
  /*material*/
  background: #eeeeee;
  color: rgba(0, 0, 0, 0.87);
}
.e-dropdownbase .e-list-item.e-active {
  
}
.e-dropdownbase .e-list-item.e-active {
  /*material*/
  background-color: white;
  color: #ff4081;
}
.e-dropdownbase .e-list-item:last-child {
  border-bottom: 0;
}
.e-dropdownbase .e-list-item.e-item-focus {
  background-color: #e0e0e0;
}
.e-ddl.e-input-group input.e-combobox.e-input,
.e-ddl.e-input-group.e-input-focus .e-combobox.e-input:focus {
  border-color: #e0e0e0;
}
.e-ddl.e-input-group.e-input-focus {
  
}
.e-ddl.e-input-group.e-input-focus .e-combobox.e-input:first-child:focus,
.e-ddl.e-input-group.e-input-focus.e-rtl span:last-child.e-input-group-icon,
.e-ddl.e-input-group.e-input-focus.e-rtl span:last-child button {
  border-color: transparent #e0e0e0 transparent transparent;
}
.e-ddl.e-input-group.e-input-focus.e-rtl span.e-input-group-icon,
.e-ddl.e-input-group.e-input-focus span button,
.e-ddl.e-input-group.e-input-focus.e-rtl span:first-child.e-input-group-icon,
.e-ddl.e-input-group.e-input-focus.e-rtl span:first-child button,
.e-input-focus.e-rtl .e-combobox.e-input:first-child:focus,
.e-input-focus .e-combobox.e-input:last-child:focus,
.e-ddl.e-input-group.e-input-focus span.e-input-group-icon {
  border-color: transparent transparent transparent #e0e0e0;
}
.e-ddl.e-input-group {
  border: 1px solid;
  border-color: #e0e0e0;
  
}
.e-ddl.e-input-group {
  border-width: 0 0 1px 0;
}
.e-input-group-btn:not(:last-child) button,
.e-ddl.e-input-group .e-input-group-icon:not(:last-child) {
  
}
.e-input-group-btn:not(:last-child) button,
.e-ddl.e-input-group .e-input-group-icon:not(:last-child) {
  border-left-width: 0px;
}
.e-ddl.e-input-group .e-input-group-icon,
.e-ddl.e-input-group .e-input-group-btn button {
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  padding: 7px;
  
}
.e-ddl.e-rtl.e-input-group .e-input-group-icon,
.e-ddl.e-rtl.e-input-group .e-input-group-btn button {
  
}
.e-ddl .e-input-value,
.e-ddl .e-input-value:focus {
  font-family: 'Roboto', Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-size: 14px;
  height: auto;
  line-height: 1.4;
  margin: 0px;
  outline: none;
  padding: 2px 0;
  width: 100%;
}
.e-input-group.e-ddl .e-comboie8.e-comboie.e-ddl-icon {
  
}
/*------------------------------------- End ComboBox -------------------------------------------*/