/* need verify with UX team*/
/*-----------------------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-----------------------*/
/*----------------------Office 365 theme-----------------------*/
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
/*----------------------material theme-----------------------*/
/*----------------------rangeScrollbar Start------------------*/
/*--------------- common ----------------- */
/*---------------high-contrast ------*/
/*---------------- Office-365 ----------------*/
/*------------------ material theme ---------------------*/
/*-----------------------HeatMap Definition-----------------*/
/* Common style */

.e-content-area {
  background-color: #111111;
  color: white;
  border-color: #494949;
  font-family: Segoe UI, Helvetica Neue, Ubuntu, Arial;
}
.e-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: black;
  border: 2px solid #494949;
}
.e-pivotgauge-tooltip {
  pointer-events: none;
  opacity: 0;
  display: inline-block;
  position: absolute;
  padding: 10px 20px;
  color: #dddddd;
  border-radius: 15px;
  margin-top: 20px;
  text-align: left;
  font: 12px Segoe UI;
  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/olapkpi/up-arrow.png");
}
.e-pivotgauge .kpirightarrow {
  background-image: url("../common-images/olapkpi/right-arrow.png");
}
.e-pivotgauge .kpidownarrow {
  background-image: url("../common-images/olapkpi/down-arrow.png");
}
.e-pivotgauge .kpidiamond {
  background-image: url("../common-images/olapkpi/diamond.png");
}
.e-pivotgauge .kpitriangle {
  background-image: url("../common-images/olapkpi/triangle.png");
}
.e-pivotgauge .kpicircle {
  background-image: url("../common-images/olapkpi/circle.png");
}
.e-pivotgauge .kpiredroad {
  background-image: url("../common-images/olapkpi/red.png");
}
.e-pivotgauge .kpigreenroad {
  background-image: url("../common-images/olapkpi/green.png");
}
.e-pivotgauge .kpiallcolor {
  background-image: url("../common-images/olapkpi/three-color.png");
}