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

}
/*-----------------------Map------------------*/
/*-----------------------PdfViewer------------------*/
/*-----------------------End PdfViewer------------------*/
/*----------------------OLAP Definition------------------*/
/*----------------------Reportviewer Definition start------------------*/
/*----------------------Reportviewer Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
/*-----------------------Diagram Definition-----------------*/
/*-----------------------Datepicker Definition-----------------*/
/*-----------------------Bootstrap support-----------------*/
/*----------------------Ribbon Definition-----------------------*/
/*----------------------Ribbon End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
/*----------------------Spreadsheet End-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*----------------------rangeScrollbar End--------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*----------------------material theme-----------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */

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

.e-acrdn {
  font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-acrdn > .e-content {
  border-color: #494949;
  background-color: black;
  
}
.e-acrdn > .e-content {
  
  border-right: -1;
  border-left: -1;
}
.e-acrdn > .e-content {
  /*other*/
  color: #dddddd;
  font-size: 14px;
}
.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 {
  /*other*/

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

}
.e-acrdn .e-select {
  
  font-weight: normal;
  font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-acrdn .e-select {
  
}
.e-acrdn .e-select {
  /*other*/
  border-color: #777777;
  font-size: 17px;
}
.e-acrdn .e-select:hover {
  
}
.e-acrdn .e-select:hover {
  
}
.e-acrdn .e-select:hover {
  /*other*/

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

}
.e-acrdn .e-select a {
  
}
.e-acrdn .e-select a {
  color: #dddddd;
}
.e-acrdn .e-select:first-child {
  
}
.e-acrdn .e-select:first-child {
  border-top-color: #777777;
}
.e-acrdn > .e-select:first-child {
  
}
.e-acrdn > .e-select:first-child {
  
}
.e-acrdn > .e-select:first-child {
  /*other*/
  border-color: #777777;
}
.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 {
  
}
.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 {
  /*other*/

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

}
.e-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 {
  /*other*/
  border-color: #494949;
}
.e-acrdn .e-select.e-active:hover {
  
}
.e-acrdn .e-select.e-active:hover {
  /*other*/

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

}
.e-acrdn .e-select.e-active a {
  
}
.e-acrdn .e-select.e-active a {
  /*other*/
  color: white;
}
.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 {
  /*other*/
  color: #dddddd;
}
.e-acrdn .e-select > span {
  color: #cccccc;
}
.e-acrdn .e-select.e-active > span {
  
}
.e-acrdn .e-select.e-active > span {
  /*other*/
  color: white;
}
.e-acrdn .e-select:hover > span,
.e-acrdn .e-select.e-active:hover > span {
  color: #cccccc;
}
.e-acrdn .e-select.e-disable:hover > span,
.e-acrdn .e-select.e-disable.e-active:hover > span {
  color: #cccccc;
}
.e-acrdn .e-content.e-load {
  background-image: url(images/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
}