/* need verify with UX team*/
.pager-hover-gradient {
  background: #2f4651;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2f4651, #133a4c);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f4651), color-stop(100%, #133a4c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2f4651, #133a4c);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2f4651, #133a4c);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2f4651, #133a4c);
  /* IE10+ */
  background: linear-gradient(to bottom, #2f4651, #133a4c);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4651', endColorstr='#133a4c', 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;
}
/*------------------------------------- GroupButton -------------------------------------------*/

.e-groupbutton {
  
}
.e-groupbutton {
  font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
  font-weight: normal;
  font-size: 14px;
  color: #dddddd;
  background-repeat: no-repeat;
  border-color: #777777;
}
.e-groupbutton {
  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-groupbutton > .e-ul > .e-grp-btn-item {
  
}
.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 {
  box-shadow: 0 0 2px #ababab;
}
.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: #777777;
}
.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-icon,
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.e-disable .e-icon {
  
}
.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 {
  color: white;
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-select {
  background: #74c3e7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #74c3e7, #179bd7);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #74c3e7), color-stop(100%, #179bd7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #74c3e7, #179bd7);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #74c3e7, #179bd7);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #74c3e7, #179bd7);
  /* IE10+ */
  background: linear-gradient(to bottom, #74c3e7, #179bd7);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c3e7', endColorstr='#179bd7', GradientType=0);
  /* IE6-9 */

}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item {
  
}
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item {
  
}
.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: #dddddd;
}
.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: #777777;
  
}
.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 {
  color: #dddddd;
  border-color: #777777;
}
.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: #2f4651;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2f4651, #133a4c);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f4651), color-stop(100%, #133a4c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2f4651, #133a4c);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2f4651, #133a4c);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2f4651, #133a4c);
  /* IE10+ */
  background: linear-gradient(to bottom, #2f4651, #133a4c);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4651', endColorstr='#133a4c', GradientType=0);
  /* IE6-9 */

}
.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: #777777;
  
}
.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: #777777;
  
}
.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 {
  color: #dddddd;
  text-decoration: none;
}
.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 {
  color: #cccccc;
}
.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 {
  
}
.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 {
  
}
.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 {
  color: white;
  text-decoration: none;
}
.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: #777777;
  
}
.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 {
  
}
.e-groupbutton > .e-ul > .e-disable.e-active {
  
}
.e-groupbutton > .e-ul > .e-disable .e-btn-content > span.e-icon {
  
}
.e-groupbutton.e-disable {
  
}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
  border-right-color: transparent;
  
}
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.e-hover {
  border-bottom-color: transparent;
  
}
.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
  border-left-color: transparent;
  
}
.e-groupbutton.e-rtl > .e-vertical.e-ul > .e-grp-btn-item.e-hover {
  border-left-color: transparent;
  
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active:not(:active):after,
.e-groupbutton > .e-ul > .e-grp-btn-item:not(:active):after {
  
}
.e-groupbutton.e-disable {
  background-color: #1d1d1d;
  border-color: #333333;
  opacity: 1;
  color: #525252;
}