/*!
*  filename: metro-lime.css
*  Copyright Syncfusion Inc. 2001 - 2012. 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. 
*/

/*Definition*/
/* ------- ej-common core ----------- */

.e-input {
  text-indent: 10px;
  font-family: Segoe UI;
  font-size: 12px;
  line-height: 20px;
  border: medium none;
  height: 20px;
  width: 100%;
  margin: 0;
  padding: 0;
  outline: 0 none;
}
/* Corner radius */

.e-corner-all {
  border-radius: 4px 4px 4px 4px;
}
.e-corner-top,
.e-corner-left {
  -moz-border-radius-topleft: 4px/*{cornerRadius}*/;
  -webkit-border-top-left-radius: 4px/*{cornerRadius}*/;
  -khtml-border-top-left-radius: 4px/*{cornerRadius}*/;
  border-top-left-radius: 4px/*{cornerRadius}*/;
}
.e-corner-top,
.e-corner-right {
  -moz-border-radius-topright: 4px/*{cornerRadius}*/;
  -webkit-border-top-right-radius: 4px/*{cornerRadius}*/;
  -khtml-border-top-right-radius: 4px/*{cornerRadius}*/;
  border-top-right-radius: 4px/*{cornerRadius}*/;
}
.e-corner-bottom,
.e-corner-left {
  -moz-border-radius-topleft: 4px/*{cornerRadius}*/;
  -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/;
  -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/;
  border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.e-corner-bottom,
.e-corner-right {
  -moz-border-radius-topright: 4px/*{cornerRadius}*/;
  -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/;
  -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/;
  border-bottom-right-radius: 4px/*{cornerRadius}*/;
}
.e-clearall {
  content: "";
  display: table;
  clear: both;
}
.e-reset {
  border: 0 none;
  font-size: 100%;
  list-style: none outside none;
  margin: 0;
  outline: 0 none;
  padding: 0;
  text-decoration: none;
}
.e-state-disabled,
.e-widget-content .e-state-disabled,
.e-widget-header .e-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
.e-rtl {
  direction: rtl;
}
/* ------- Numeric,Percentage,Currency and Mask common core ----------- */

.e-numwidget,
.e-percentwidget,
.e-currencywidget {
  display: inline-block;
  position: relative;
}
.e-numwidget.e-corner-all .e-numerictextbox,
.e-percentwidget.e-corner-all .e-percentagetextbox,
.e-currencywidget.e-corner-all .e-currencytextbox {
  border-radius: 4px;
}
.e-numwidget .e-spin,
.e-percentwidget .e-spin,
.e-currencywidget .e-spin {
  position: absolute;
  right: 0;
  border: 0 none;
  cursor: pointer;
}
.e-numwidget .e-spinup,
.e-numwidget .e-spindown,
.e-percentwidget .e-spinup,
.e-percentwidget .e-spindown,
.e-currencywidget .e-spinup,
.e-currencywidget .e-spindown {
  display: block;
  height: 50%;
  width: 100%;
}
.e-numwidget .e-spinup,
.e-percentwidget .e-spinup,
.e-currencywidget .e-spinup {
  top: 0;
}
.e-numwidget .e-spindown,
.e-percentwidget .e-spindown,
.e-currencywidget .e-spindown {
  bottom: 0;
}
.e-numwidget .e-imgcontainer,
.e-percentwidget .e-imgcontainer,
.e-currencywidget .e-imgcontainer {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 23px;
}
.e-numwidget.e-corner-all .e-spinup,
.e-percentwidget.e-corner-all .e-spinup,
.e-currencywidget.e-corner-all .e-spinup {
  border-radius: 0 2px 0 0;
}
.e-numwidget.e-corner-all .e-spindown,
.e-percentwidget.e-corner-all .e-spindown,
.e-currencywidget.e-corner-all .e-spindown {
  border-radius: 0 0 2px 0;
}
.e-numwidget .spinarrow,
.e-percentwidget .spinarrow,
.e-currencywidget .spinarrow {
  display: block;
  height: 10px;
  width: 100%;
  position: absolute;
  margin-top: -5px;
  top: 50%;
}
.e-maskwidget {
  display: inline-block;
}
.e-maskwidget .e-maskedit {
  padding: 0;
  margin: 0;
}
/*-------Editor RTL common core-------------*/

.e-numwidget.rtl,
.e-percentwidget.rtl,
.e-currencywidget.rtl {
  padding: 0 2px 0 20px;
  height: auto;
  direction: rtl;
}
.e-numwidget .e-imgcontainer.rtl,
.e-percentwidget .e-imgcontainer.rtl,
.e-currencywidget .e-imgcontainer.rtl {
  left: 0;
  right: inherit;
}
.e-numwidget.e-corner-all .e-spinup.rtl,
.e-percentwidget.e-corner-all .e-spinup.rtl,
.e-currencywidget.e-corner-all .e-spinup.rtl {
  border-radius: 2px 0 0 0;
}
.e-numwidget.e-corner-all .e-spindown.rtl,
.e-percentwidget.e-corner-all .e-spindown.rtl,
.e-currencywidget.e-corner-all .e-spindown.rtl {
  border-radius: 0 0 0 2px;
}
/*--------------------------------- menu - common core ------------------*/

.e-menu {
  font-size: 0;
  font-weight: normal;
  border: 1px solid Transparent;
  cursor: pointer;
  line-height: normal;
  position: relative;
  padding: 0;
  margin: 0;
  font-family: Segoe UI;
  display: inline-block;
  outline: 0 none;
}
.e-menu li {
  font-size: 12px;
}
.e-menu * a:focus {
  outline: none;
}
.e-menu * {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
* .e-menu > li > ul,
* .e-menu > li > ul > li > ul {
  left: 104%;
  top: -0.8px;
}
.e-menu > li > a,
.e-menu li > ul > li > a {
  text-decoration: none;
  display: block;
  border: 0px none;
  width: auto;
  height: auto;
  position: relative;
  font-size: 12px;
}
.e-menu > li {
  border: 0 none;
  position: relative;
  text-align: left;
}
.e-menu li > ul {
  position: absolute;
  visibility: inherit;
  padding: 1px;
  margin: 0;
  left: -1px;
  z-index: 1000;
  display: none;
}
.e-menu li > ul > li {
  background-color: Transparent;
  border: 1px solid Transparent;
  float: none;
  position: relative;
  line-height: 23px;
}
.e-menu li > ul > li > a {
  padding: 0 18px 0 28px;
  height: inherit;
  white-space: nowrap;
}
.e-menu li > ul li.separator {
  height: 1px;
  margin: 2px 0 2px 18%;
  position: relative;
  *margin: -7% 0 0 18%;
  border: 0px none;
}
.e-menu > li > a > img,
.e-menu > li > a > div,
.e-menu > li > a > span {
  left: 0;
  top: 0;
  margin: 0 4px 0 0;
  position: relative;
  vertical-align: middle;
  border: 0px none transparent;
}
.e-menu > li > ul li > a > img,
.e-menu > li > ul li > a > div,
.e-menu > li > ul li > a > span {
  left: 0;
  top: 0;
  margin: 0 4px 0 0;
  position: absolute;
  vertical-align: middle;
  border: 1px solid transparent;
}
.e-menu > li > a span.arrows,
.e-menu li > ul li > a span.arrows {
  display: inline-block;
  height: 16px;
  left: auto;
  position: absolute;
  right: -2px;
  width: 16px;
  top: 25%;
}
.e-menu li > ul li > a span.arrows {
  top: 3px;
}
/*-------RTL Menu Core ----------*/

.e-menu.rtl,
.e-menu.rtl > li {
  text-align: right;
}
.e-menu.rtl li > ul > li > a {
  padding: 0 28px 0 18px;
}
.e-menu.rtl li > ul li.separator {
  margin: 2px 18% 2px 0;
}
.e-menu.rtl > li > a > img,
.e-menu.rtl > li > a > div,
.e-menu.rtl > li > a > span,
.e-menu.rtl > li > ul li > a > img,
.e-menu.rtl > li > ul li > a > div,
.e-menu.rtl > li > ul li > a > span {
  margin: 0 0 0 4px;
}
.e-menu.rtl > li > a span.arrows,
.e-menu.rtl li > ul li > a span.arrows {
  left: -2px;
  margin-left: 5px;
  right: auto;
}
/*-------DatePicker Core ----------*/

.e-datewidget {
  position: relative;
  display: inline-block;
}
.e-datewidget.rtl .e-img-wrapper {
  right: auto;
  left: 0;
}
.e-datewidget.rtl .e-datepicker.e-input,
.e-datepicker.e-input.rtl,
.e-calendar-control.rtl {
  direction: rtl;
}
.e-datewidget .e-img-wrapper {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  cursor: pointer;
}
.e-datewidget .e-img-wrapper .e-dateicon {
  position: absolute;
  top: 50%;
  width: 100%;
}
.e-datepicker .e-datepicker-months td,
.e-datepicker .e-datepicker-years td,
.e-datepicker .e-datepicker-allyears td {
  height: 45px;
  text-align: center;
}
.e-datepicker .e-datepicker-months,
.e-datepicker .e-datepicker-years,
.e-datepicker .e-datepicker-allyears {
  width: 100%;
}
.e-datepicker.e-calendar-control {
  font-family: Segoe UI;
  font-size: 12px;
  overflow: hidden;
}
.e-datepicker .e-calendar-header .e-nav-next,
.e-datepicker .e-calendar-header .e-nav-prev {
  display: inline-block;
  cursor: pointer;
  width: 8%;
  position: relative;
  top: 4px;
}
.e-datepicker.rtl .e-calendar-header .e-nav-next {
  right: -10px;
}
.e-datepicker .e-calendar-header .e-nav-next {
  right: 5px;
}
.e-datepicker.rtl .e-calendar-header .e-nav-prev {
  left: -10px;
}
.e-datepicker .e-calendar-header .e-nav-prev {
  left: 5px;
}
.e-datepicker .e-calendar-header .e-nav-text {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  width: 84%;
  line-height: 29px;
}
.e-datepicker .e-calendar-footer {
  text-align: center;
  cursor: pointer;
  padding: 3px;
  margin: 3px 0px 0px;
}
.e-datepicker .e-hidedate {
  opacity: 0.34;
}
.e-datepicker table {
  border-collapse: collapse;
  border-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
.e-datepicker table th {
  cursor: default;
  font-weight: normal;
  text-align: center;
  background: transparent;
  padding: 0;
  border: 0 none;
}
.e-datepicker table td {
  cursor: pointer;
  padding: 0;
}
.e-datepicker .e-dp-viewdays .current-month:hover {
  border-radius: 4px;
}
/*--------------------------------- Tab - common core ------------------*/

.e-tab {
  outline: 0 none;
}
.e-tab .borderbottom {
  margin: 0 -5px -1px 0;
  border: 1px solid;
  border-bottom: 0 none;
}
.e-tab .bordertop {
  margin: 0px -5px -1px 0;
  border: 1px solid;
  border-top: 0 none;
}
.e-tab .activetop {
  border: 1px solid;
  border-top: 0 none;
}
.e-tab .activebottom {
  border: 1px solid;
  border-bottom: 0 none;
}
.e-tab .e-tab-header {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}
.e-tab .e-tab-header li {
  border-right: 1px solid;
  display: inline-block;
  list-style: none outside none;
}
.e-tab .e-tab-header li a {
  display: inline-block;
  text-decoration: none;
  border-bottom-width: 0;
  padding: 0.6em 0.9em;
  outline: 0 none;
}
.e-tab .e-tab-header li.e-tab-active {
  margin-bottom: 0;
  padding-bottom: 1px;
}
.e-tab .e-tab-cntitem {
  display: none;
}
.e-tab .e-tab-activeContent {
  padding: 1em 1.4em;
  text-align: justify;
  display: block;
}
.e-tab .e-tab-active {
  font-weight: bold;
}
.e-tab .e-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
.e-tab .deleteicon {
  float: right;
  height: 16px;
  width: 16px;
  margin-top: 13px;
  cursor: pointer;
}
.e-tab.e-rtl .deleteicon {
  float: left;
}
/*--------------------------------- Treeview - common core ------------------*/

.e-treeview {
  overflow: auto;
  white-space: nowrap;
  outline: 0 none;
}
.e-treeview.mainDiv {
  border: 1px solid lightGrey;
  margin-bottom: 50px;
  overflow: auto;
  border-image: initial;
}
.e-treeview .e-treeview-ul {
  background: 0;
  list-style-type: none;
  position: relative;
  margin-left: -14px;
}
.e-treeview .e-item {
  margin: 0;
  padding: 2px 0 3px 16px;
  white-space: nowrap;
}
.e-treeview .nodetext {
  border: 1px solid transparent;
  padding: 0 3px;
  display: inline-block;
  text-decoration: none;
  min-height: 15px;
  min-width: 10px;
  border-image: initial;
  font-size: 12px;
}
.e-treeview ul {
  padding: 2px 0 2px 13px;
}
.e-treeview ul {
  padding: 3px 0 3px 10px;
  width: auto;
  line-height: 19px;
  list-style-type: none;
}
.e-treeview .plus,
.e-treeview .minus {
  background-repeat: no-repeat;
  border: 0 none transparent;
  float: left;
  height: 14px;
  width: 14px;
  margin-top: 4px;
  margin-left: -12px;
  cursor: pointer;
}
.e-treeview.e-rtl .e-treeview .e-item {
  padding: 2px 15px 2px 4px;
}
.e-treeview.e-rtl.e-treeview ul {
  padding: 3px 14px 3px 0;
}
.e-treeview.e-rtl .e-treeview-ul {
  margin-left: 0px;
  margin-right: -14px;
  padding: 3px 14px 3px 0;
}
/*--------------------------------- Dialog - common core ------------------*/

.e-dialog {
  outline: 0 none;
}
.e-dialog .e-dialog-titlebar {
  padding: 0.7em;
  position: relative;
}
.e-dialog .e-draggable {
  cursor: move;
}
.e-dialog .e-dialog-icon {
  cursor: pointer;
  padding: 1px;
  right: 5px;
  top: 50%;
  display: inline-block;
  float: right;
  height: 20px;
  width: 20px;
}
.e-dialog .e-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  border-image: initial;
}
.e-Dialog-overlay {
  background-color: gray;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.e-dialog .e-resizable-handle {
  bottom: 0;
  cursor: se-resize;
  display: block;
  height: 16px;
  position: absolute;
  right: 0;
  width: 16px;
}
.e-shadow {
  -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.4);
}
.e-dialog.e-rtl .e-dialog-icon {
  float: left;
}
/*--------------------------------- Accordion - common core ------------------*/

.e-acrdn {
  outline: 0 none;
}
.e-acrdn .e-acrdn-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0.5em;
  padding-left: 1em;
}
.e-acrdn .e-acrdn-header a {
  text-decoration: none;
  border-bottom-width: 0;
}
.e-acrdn .e-acrdn-content {
  padding: 1em 1.4em;
  text-align: justify;
  position: relative;
}
/*--------------------------------- Rating - common core ------------------*/

.e-rating {
  display: block;
  list-style-type: none;
  position: relative;
}
.e-rating.vertical ul {
  -webkit-margin-before: 0.2em;
}
.e-rating.horizontal .shape-container,
.e-rating.vertical .shape-container {
  padding: 0 2px;
  list-style-type: none;
  margin-top: 1px;
}
.e-rating.horizontal .shape-list,
.e-rating.horizontal .shape,
.e-rating.horizontal .reset {
  float: left;
}
.e-rating.horizontal .shape-list,
.e-rating.vertical .shape-list,
.e-rating.horizontal .shape,
.e-rating.vertical .shape,
.e-rating.horizontal .reset,
.e-rating.vertical .reset {
  cursor: pointer;
}
.e-rating-tooltip {
  font-family: Segoe UI;
  font-size: 12px;
  font-weight: 600;
  height: auto;
  padding: 2px;
  position: absolute;
  width: auto;
  min-width: 10px;
  text-align: center;
  z-index: 10000;
}
/*--------------------------------- Tagcloud - common core -------------------------*/

.e-tagcloud {
  font-family: Segoe UI;
  width: 350px;
}
.e-tagcloud.rtl {
  direction: rtl;
}
.e-tagcloud .title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px;
  padding: 10px 6px 10px 11px;
  vertical-align: middle;
}
.e-tagcloud .titleimage {
  margin-right: 7px;
  vertical-align: middle;
}
.e-tagcloud .cloud,
.e-tagcloud .list {
  display: inline-block;
  line-height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 6px;
}
.e-tagcloud ul {
  font-size: 12px;
  font-weight: 400;
  list-style-position: outside;
  list-style-type: disc;
}
.e-tagcloud .list .tagitems {
  cursor: pointer;
  display: block;
  list-style-type: none;
  padding: 5px;
}
.e-tagcloud .cloud .tagitems {
  cursor: pointer;
  display: inline-block;
  list-style-type: none;
  padding: 5px;
}
.e-tagcloud .tagitems .text {
  text-decoration: none;
}
/*--------------------------------- Waiting popup - common core -------------------------*/

.e-waitingPopup.e-panel {
  opacity: 0.85;
  position: absolute;
}
.e-waitingPopup .e-image {
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 15px 15px 15px 15px;
  display: block;
  height: 70px;
  margin: 0 auto;
  position: relative;
  width: 70px;
}
.e-waitingPopup h3 {
  font-family: Segoe UI;
  font-size: 16px;
  margin: 0;
  text-align: center;
}
/*--------------------------------- Timepicker - common core -------------------------*/

.e-timepicker.e-input {
  letter-spacing: 1px;
}
.e-timepicker.e-input.rtl {
  direction: rtl;
}
.e-timepicker-wrapper .disabled {
  opacity: 0.35;
}
.e-timepicker-wrapper {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.e-imgcontainer.rtl {
  left: 0;
}
.e-imgcontainer {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 23px;
}
.e-timepicker-wrapper .e-imgcontainer .e-time-icon {
  position: absolute;
  top: 50%;
  width: 100%;
}
/* Timepicker - popup window */

.e-time-popup {
  cursor: default;
  overflow: hidden;
  position: absolute;
  font-family: Segoe UI;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
}
.e-time-popup.rtl {
  direction: rtl;
}
.e-time-popup ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.e-time-popup ul li {
  padding: 2px 2px 2px 10px;
}
.e-time-popup.rtl ul li {
  padding: 2px 10px 2px 2px;
}
/*--------------------------------- Splitter - common core -------------------------*/

.h-arrow,
.v-arrow {
  z-index: 10002;
}
.v-arrow.v-forward {
  border-radius: 0 0 4px 4px;
  top: 0;
}
.v-arrow.v-backward {
  border-radius: 4px 4px 0 0;
  top: -9px;
}
.h-arrow.h-forward {
  border-radius: 0 4px 4px 0;
  left: 0;
}
.h-arrow.h-backward {
  border-radius: 4px 0 0 4px;
  left: -9px;
}
.splitbar.v-bar.r.shadowbar {
  border-style: dotted none none;
}
.splitbar.h-bar.r.shadowbar {
  border-style: none none none dotted;
}
.e-splitter .splitbar.shadowbar {
  position: absolute;
  z-index: 10002;
}
.e-splitter {
  border-collapse: collapse;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.e-splitter.rtl {
  direction: rtl;
}
/* Splitter Divider bar */

.e-splitter .splitbar {
  border-style: solid;
  float: left;
  position: relative;
}
.pane.e-splitter {
  border: none !important;
}
.e-splitter .splitbar.h-bar.r {
  cursor: e-resize;
}
.e-splitter .splitbar.v-bar.r {
  cursor: n-resize;
}
.e-splitter .splitbar.h-bar {
  border-left: medium none;
  border-width: 0 1px 0 medium;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.e-splitter .splitbar.v-bar {
  border-top: medium none;
  border-width: medium 0 1px;
  height: 0;
  vertical-align: middle;
  width: 100%;
}
/* Splitter Divider bar Arrow */

.e-splitter .splitbar .h-arrow {
  cursor: pointer;
  height: 15px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  width: 9px;
}
.e-splitter .splitbar .v-arrow {
  cursor: pointer;
  float: left;
  height: 9px;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 14px;
}
/* Splitter Pane */

.e-splitter .pane {
  border: none;
  cursor: default;
  float: left;
  position: relative;
}
.e-splitter .h-pane {
  height: 100%;
  overflow-y: auto;
}
.e-splitter .v-pane {
  width: 100%;
  overflow-x: auto;
}
/*--------------------------------- Slider - common core -------------------------*/

.e-slider {
  display: block;
  outline: 0 none;
  position: relative;
}
.e-slider-horizontal {
  height: 14px;
}
.e-slider-vertical {
  height: 100px;
  width: 12px;
}
.e-slider.e-corner-all,
.e-slider .e-corner-all {
  border-radius: 10px 10px 10px 10px;
}
.e-slider-tooltip {
  font-family: Segoe UI;
  font-size: 12px;
  font-weight: 600;
  height: auto;
  padding: 2px;
  position: absolute;
  width: auto;
  z-index: 10000;
}
.e-slider.disabled {
  opacity: 0.5;
}
.e-slider-horizontal .e-slider-handle {
  top: -3px;
}
.e-slider-vertical .e-slider-handle {
  left: -3px;
}
.e-slider .e-slider-handle {
  cursor: pointer;
  outline: 0 none;
  position: absolute;
}
.e-slider-horizontal .e-slider-range {
  height: 100%;
  top: 0;
}
.e-slider-vertical .e-slider-range {
  left: 0;
  width: 100%;
}
.e-slider .e-slider-range {
  border: 0 none;
  display: block;
  position: absolute;
}
/*For scale and tick option*/

.e-scale {
  height: 100%;
  width: 100%;
  list-style: none outside none;
  margin: 0;
  outline: 0 none;
  padding: 0;
}
.e-scale.rtl {
  direction: rtl;
}
.e-tick {
  background-color: transparent;
  background-position: center center;
  cursor: default;
  position: relative;
  height: 100%;
}
.e-tick.h-tick {
  background-repeat: repeat-y;
  display: inline-block;
}
.e-tick.v-tick {
  background-repeat: repeat-x;
}
.e-tick .tick-value {
  font-size: 12px;
  position: absolute;
}
.e-tick.h-tick .tick-value {
  top: -12px;
}
.e-tick.v-tick .tick-value {
  top: -4px;
}
.e-tick.h-tick.first {
  background-position: left center;
}
.e-tick.h-tick.last {
  background-position: right center;
}
.e-tick.v-tick.first {
  background-position: center top;
}
.e-tick.v-tick.last {
  background-position: center bottom;
}
/*--------------------------------- Progress bar - common core -------------------------*/

.e-progressbar {
  display: block;
  font-family: Segoe UI;
  font-size: 12px;
  height: 14px;
  width: 100%;
}
.e-progressbar.rtl {
  direction: rtl;
}
.e-progressbar.disabled {
  opacity: 0.5;
}
.e-progressbar .e-progress-range {
  border: none;
  height: 100%;
  top: 0;
  width: 0;
}
.e-progressbar .e-progress-text {
  float: left;
  text-align: center;
  width: 100%;
}
/*--------------------------------- Autocomplete - common core -------------------------*/

.e-autocomplete.e-input {
  height: 26px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-indent: 10px;
  width: 174px;
}
.e-autocomplete.e-input.disabled,
.e-autocomplete-wrapper .dropdown.disabled {
  opacity: 0.35;
}
.e-autocomplete.e-input.e-corner-all,
.e-autocomplete-list.e-corner-all {
  border-radius: 4px;
}
.e-autocomplete-wrapper {
  display: inline-block;
  position: relative;
}
.e-autocomplete-wrapper .dropdown {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 23px;
}
.e-autocomplete-wrapper .dropdown .arrow {
  position: absolute;
  top: 50%;
  width: 100%;
}
.e-autocomplete-list {
  cursor: default;
  overflow: auto;
  position: absolute;
}
.e-autocomplete-list .HighlightedText {
  font-weight: bold;
}
.e-autocomplete-list.rtl,
.e-autocomplete.e-input.rtl {
  direction: rtl;
}
.e-autocomplete-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.e-autocomplete-list ul li.e-category {
  font-weight: bold;
  margin: 0 0 0 10px;
  padding: 5px 5px 5px 0;
}
.e-autocomplete-list.rtl ul li.e-category {
  margin: 0 10px 0 0;
  padding: 5px 0 5px 5px;
}
.e-autocomplete-list ul li {
  padding: 5px 5px 5px 10px;
}
.e-autocomplete-list.rtl ul li {
  padding: 5px 10px 5px 5px;
}
.e-autocomplete.e-input.onloading {
  background-position: right center;
  background-repeat: no-repeat;
}
.e-autocomplete.e-input.rtl.onloading {
  background-position: left center;
}
/*--------------------------------- Button - common core -------------------------*/

.e-button {
  display: inline-block;
  position: relative;
  line-height: normal;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 12px;
  padding: 0;
}
.e-button .e-buttondiv {
  border-spacing: 0;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
/*Image Icon Positioning*/

.e-button .e-btnimg {
  display: table-cell;
  padding: 2px;
  visibility: visible;
}
/*Text Positioning*/

.e-button.e-inpttxt {
  padding: 0 0 0.2em;
}
.e-button .e-btntxt {
  width: auto;
  cursor: default;
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
  padding: 2px;
}
/*---------------------------------Toggle Button - common core -------------------------*/

.e-togglebutton {
  display: inline-block;
  position: relative;
  line-height: normal;
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 12px;
  padding: 0;
  margin: 0;
}
/*Positioning of hidden elements*/

.e-togglebutton.e-chkbx-hidden {
  border: 0 none;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  opacity: 0;
}
.e-togglebutton .e-tglebuttondiv {
  border-spacing: 0;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
/*Image Icon Positioning*/

.e-togglebutton .e-btnimg {
  display: table-cell;
  padding: 2px;
  visibility: visible;
}
/*Text Positioning*/

.e-togglebutton.e-inpttxt {
  padding: 0 0 0.2em;
}
.e-togglebutton .e-btntxt {
  width: auto;
  cursor: default;
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
  padding: 2px;
}
/*SIZING*/

.e-togglebutton.btnmini,
.e-button.btnmini {
  height: 28px;
  width: 63px;
  font-size: 14px;
}
.e-togglebutton.btnsmall,
.e-button.btnsmall {
  height: 32px;
  width: 89px;
  font-size: 15px;
}
.e-togglebutton.btnmedium,
.e-button.btnmedium {
  height: 38px;
  width: 113px;
  font-size: 16px;
}
.e-togglebutton.btnlarge,
.e-button.btnlarge {
  height: 44px;
  width: 130px;
  font-size: 17px;
}
/*--------------------------------- Split Button - common core -------------------------*/

.e-splitwidget {
  display: table-cell;
  position: relative;
  visibility: visible;
  margin: 0;
}
.e-splitwidget.btnrtl {
  padding: 0 22px 0;
}
.e-splitbutton {
  display: inline-block;
  position: relative;
  line-height: normal;
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 12px;
  height: 100%;
  padding: 0;
}
.e-splitbutton.e-leftbtnspan {
  height: 100%;
  width: 100%;
  visibility: visible;
}
.e-splitbutton.e-rhtbtnspan {
  width: 22px;
  height: 30px;
  visibility: visible;
}
.e-splitbutton.e-rhtbtntxtspan {
  width: 22px;
  height: 28px;
  visibility: visible;
}
.e-splitbutton .e-splitbuttondiv {
  border-spacing: 0;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.e-splitbutton.e-drpbtn {
  float: left;
  position: absolute;
}
/*Image Icon Positioning*/

.e-splitbutton .e-btnimg {
  display: table-cell;
  padding: 2px;
  visibility: visible;
}
/*Text Positioning*/

.e-splitbutton.e-inpttxt {
  padding: 0 0 0.2em;
}
.e-splitbutton .e-btntxt {
  width: auto;
  cursor: default;
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
  padding: 2px;
}
/*--------------------------------- ToolBar - common core -------------------------*/

.e-toolbar {
  font-family: Segoe UI;
  font-size: 12px;
  font-weight: normal;
  margin-top: 0;
}
.e-toolbar > ul > li {
  border: 1px solid transparent;
  cursor: default;
  list-style-type: none;
  padding: 2px;
}
.e-toolbar > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.e-toolbar-horizontal.toolbarspan {
  width: 100%;
}
.e-toolbar-vertical,
.e-toolbar-vertical div:first-child,
.e-toolbar-horizontal,
.e-toolbar-horizontal div:first-child {
  *display: inline;
  overflow: hidden;
}
.e-toolbar-horizontal > ul > li {
  float: left;
}
.e-toolbar-horizontal > ul {
  vertical-align: middle;
  float: left;
}
.e-toolbar-horizontal .classrtl {
  float: right;
}
.e-toolbar-vertical .classrtl {
  direction: rtl;
}
.e-toolbar-horizontal .aligninline {
  display: inline;
}
.e-toolbar-horizontal .alignmiddle,
.e-toolbar-horizontal .toolbartext,
.e-toolbar-vertical .alignmiddle,
.e-toolbar-vertical .toolbartext {
  vertical-align: middle;
}
.e-toolbar-horizontal .disabletoolli,
.e-toolbar-vertical .disabletoolli {
  background-color: transparent;
  border: 1px solid transparent;
}
.e-toolbar-horizontal .sprite-image,
.e-toolbar-horizontal .sprite-image {
  float: left;
}
/*--------------------------------- Upload Box - common core -------------------------*/

/*RTL*/

.e-uploadbox.e-rtl .upload-button {
  margin-right: 10px;
}
.e-uploadbox .selectionpart {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: auto;
}
.e-uploadbox .inputbutton {
  background-color: transparent;
  border: 1px solid transparent;
}
.e-uploadbox .e-uploadinput {
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0px;
  height: 34px;
}
.e-uploadbox .upload-file-list {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.e-uploadbox .file-list {
  display: inline-block;
  height: 55px;
  text-align: center;
  text-indent: 3px;
}
.e-uploadbox .file-list .file-status {
  float: left;
  min-width: 77px;
  padding-right: 0;
  padding-top: 5px;
  text-align: right;
}
.e-uploadbox .file-list .file-view {
  height: 85%;
  padding: 0px 5px;
}
.e-uploadbox .file-list .file-percentage {
  float: left;
  padding-left: 0;
  padding-right: 0;
  padding-top: 14px;
  width: 40px;
}
.e-uploadbox .file-progress {
  float: left;
  width: 200px;
  position: relative;
  overflow: hidden;
}
.e-uploadbox .file-name {
  display: block;
  height: 25px;
  text-align: left;
  width: 100%;
}
.e-uploadbox .file-progress-bar {
  height: 5px;
  left: 0;
  margin-top: 55px;
  position: static;
  width: 100%;
}
.e-uploadbox .upload-file-list > li {
  height: 60px;
  width: 100%;
}
.e-uploadbox .upload-file-list li .file-list {
  width: 100%;
}
.e-uploadbox .file-progress-status {
  height: 5px;
  left: 0;
  padding-top: 0;
  position: absolute;
}
.e-uploadbox .file-list .file-size {
  float: left;
  min-width: 200px;
  padding-left: 0;
  padding-right: 0;
}
.e-uploadbox .file-name-text {
  position: relative;
  top: 13px;
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 12px;
}
.e-uploadbox .selectionpart,
.e-uploadbox .upload-button {
  padding: 5px 10px;
  -moz-border-radius: 5px 5px 5px 5px;
  font-size: 12px;
  font-family: Segoe UI;
  font-weight: normal;
  border-radius: 5px;
}
.e-uploadbox .upload-button {
  margin-left: 10px;
  padding: 7px 10px;
}
.e-uploadbox .file-progress {
  border: 1px solid transparent;
}
.e-uploadbox .upload-progress {
  border: 1px solid transparent;
}
.e-uploadbox .uploaddialog.e-dialog.e-dialog-content {
  position: relative;
  border: 0;
  padding: 0;
  background: none;
  overflow: auto;
  border-image: initial;
  margin: 0;
}
.e-uploadbox .e-dialog .e-dialog-titlebar {
  padding: 10px;
  position: relative;
}
.e-uploadbox .e-dialog .e-dialog-titlebar .e-dialog-title {
  margin-left: 3px;
}
/*--------------------------------- Dropdownlist - common core -------------------------*/

.e-dropdownlist.e-input {
  height: 26px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  text-indent: 10px;
  width: 174px;
}
.e-dropdownlist.e-input.disabled,
.e-dropdownlist-wrapper .dropdown.disabled {
  opacity: 0.35;
}
.e-dropdownlist.e-input.e-corner-all,
.e-dropdownlist-list.e-corner-all {
  border-radius: 4px;
}
.e-dropdownlist.e-input.e-corner-left,
.e-dropdownlist-wrapper .dropdown.e-corner-left {
  border-radius: 4px 0 0 4px;
}
.e-dropdownlist.e-input.e-corner-right,
.e-dropdownlist-wrapper .dropdown.e-corner-right {
  border-radius: 0 4px 4px 0;
}
.e-dropdownlist-wrapper {
  display: inline-block;
  position: relative;
}
.e-dropdownlist-wrapper .dropdown {
  position: absolute;
  top: 0;
  width: 23px;
}
.e-dropdownlist-wrapper .dropdown .e-arrow {
  position: absolute;
  top: 50%;
  width: 100%;
}
.e-dropdownlist-list {
  cursor: default;
  overflow: auto;
  position: absolute;
}
.e-dropdownlist-list .HighlightedText {
  font-weight: bold;
}
.e-dropdownlist-list div > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.e-dropdownlist-list div > ul li {
  padding: 5px;
}
.e-dropdownlist.e-input.onloading {
  background-position: right center;
  background-repeat: no-repeat;
}
.e-dropdownlist.e-input.rtl.onloading {
  background-position: left center;
}
.e-dropdownlist-list div > ul li .alignmiddle {
  float: left;
  vertical-align: middle;
}
.e-dropdownlist-list.rtl div > ul li .alignmiddle {
  float: right;
  vertical-align: middle;
}
.e-dropdownlist-list div > ul .dropdowntext {
  vertical-align: middle;
}
.e-dropdownlist-list div > ul .dropdowntext .e-checkbox {
  padding-right: 10px;
}
/*--------------------------------- CheckBox - common core -------------------------*/

.e-checkbox-wrapper {
  display: inline-block;
}
.e-checkbox-wrapper .e-checkbox-text {
  display: inline-block;
  padding: 2px;
  text-align: left;
}
.e-checkbox input {
  display: none;
}
.e-checkbox {
  display: inline-block;
  position: relative;
  z-index: 1;
  text-align: left;
  top: 2px;
}
.e-checkbox .e-div {
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.e-checkbox .e-checkboxsmaller .e-innerspan {
  border: 1px solid;
  height: 13px;
  top: 1px;
  width: 13px;
  display: block;
  position: relative;
}
.e-checkbox .e-checkboxmedium .e-innerspan {
  border: 1px solid;
  height: 19px;
  top: 1px;
  width: 19px;
  display: block;
  position: relative;
}
/*---------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------RadioButton--------------------------------------------*/

.e-radiobtn-wrapper {
  display: inline-block;
}
.e-radiobtn-wrapper .e-radiobtn-text {
  display: inline-block;
  padding: 2px;
  text-align: left;
}
.e-radiobtn {
  display: inline-block;
  position: relative;
  z-index: 1;
  text-align: left;
}
.e-radiobtn .e-input {
  position: absolute;
  z-index: 1;
}
.e-radiobtn .e-div {
  z-index: 2;
  cursor: pointer;
  position: relative;
}
.e-radiobtn .e-div .e-spanicon {
  border: 1px solid;
  display: block;
  position: relative;
  top: 0;
}
.e-radiobtn .e-div .e-spanicon .e-spaninner {
  margin-left: 4px;
  position: absolute;
  top: 4px;
  left: 0px;
}
.e-radiobtn .e-spanicon.e-radmedium {
  height: 15px;
  width: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.e-radiobtn .e-spanicon.e-radmedium .e-spaninner {
  height: 7px;
  width: 7px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  left: 0px;
  top: 4px;
}
.e-radiobtn .e-spanicon.e-radsmaller {
  height: 13px;
  width: 13px;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}
.e-radiobtn .e-spanicon.e-radsmaller .e-spaninner {
  height: 5px;
  width: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.e-radbtn input {
  display: none;
}
/* Common Icon Color*/

/*
 [class^="ej-icon-"], [class*=" ej-icon-"] {
    background-image: url("button/js-icons-black.png");
    background-repeat: no-repeat;
}

.icon-white {
    background-image: url("images/js-icons-white.png");
}
.icon-offwhite {
    background-image: url("images/js-icons-off-white.png");
}
.icon-grey {
    background-image: url("images/js-icons-grey.png");
}
*/

/* Common Icon Position*/

.e-icon-boardpin {
  background-position: -3px -1px;
}
.e-icon-boardpin1 {
  background-position: -29px -1px;
}
.e-icon-upload {
  background-position: -55px -1px;
}
.e-icon-reload {
  background-position: -81px -1px;
}
.e-icon-addnew {
  background-position: -107px -1px;
}
.e-icon-minus {
  background-position: -133px -1px;
}
.e-icon-rarrowright-2x {
  background-position: -159px -1px;
}
.e-icon-rarrowup-2x {
  background-position: -185px -1px;
}
.e-icon-rarrowdown-2x {
  background-position: -211px -1px;
}
.e-icon-rarrowleft-2x {
  background-position: -237px -1px;
}
.e-icon-login {
  background-position: -263px -1px;
}
.e-icon-orientationlanscape {
  background-position: -289px -1px;
}
.e-icon-searchfind {
  background-position: -315px -1px;
}
.e-icon-alignleft {
  background-position: -341px -1px;
}
.e-icon-aligncenter {
  background-position: -367px -1px;
}
.e-icon-alignright {
  background-position: -393px -1px;
}
.e-icon-alignjustify {
  background-position: -419px -1px;
}
.e-icon-alignnone {
  background-position: -445px -1px;
}
.e-icon-filterset {
  background-position: -471px -1px;
}
.e-icon-filternone {
  background-position: -497px -1px;
}
/**/
.e-icon-arrowheadup-2x {
  background-position: -3px -22px;
}
.e-icon-arrowheaddown-2x {
  background-position: -29px -22px;
}
.e-icon-arrowheadleft-2x {
  background-position: -55px -22px;
}
.e-icon-arrowheadright-2x {
  background-position: -81px -22px;
}
.e-icon-numbering {
  background-position: -107px -22px;
}
.e-icon-bullets {
  background-position: -133px -22px;
}
.e-icon-maximize {
  background-position: -159px -22px;
}
.e-icon-delete {
  background-position: -185px -22px;
}
.e-icon-mediaback {
  background-position: -211px -22px;
}
.e-icon-mediaeject {
  background-position: -237px -22px;
}
.e-icon-medianext {
  background-position: -263px -22px;
}
.e-icon-mediapause {
  background-position: -289px -22px;
}
.e-icon-mediaplay {
  background-position: -315px -22px;
}
.e-icon-mail {
  background-position: -341px -22px;
}
.e-icon-save {
  background-position: -367px -22px;
}
.e-icon-download {
  background-position: -393px -22px;
}
.e-icon-righttick {
  background-position: -419px -22px;
}
.e-icon-cancel {
  background-position: -445px -22px;
}
.e-icon-smile {
  background-position: -471px -22px;
}
.e-icon-information {
  background-position: -497px -22px;
}
/**/
.e-icon-cut {
  background-position: -3px -43px;
}
.e-icon-edit {
  background-position: -29px -43px;
}
.e-icon-swapleft {
  background-position: -55px -43px;
}
.e-icon-swapright {
  background-position: -81px -43px;
}
.e-icon-swapup {
  background-position: -107px -43px;
}
.e-icon-swapdown {
  background-position: -133px -43px;
}
.e-icon-zoomin {
  background-position: -159px -43px;
}
.e-icon-zoomout {
  background-position: -185px -43px;
}
.e-icon-warningmessage {
  background-position: -211px -43px;
}
.e-icon-cursor {
  background-position: -237px -43px;
}
.e-icon-shoppingcart {
  background-position: -263px -43px;
}
.e-icon-handup {
  background-position: -289px -43px;
}
.e-icon-palette {
  background-position: -315px -43px;
}
.e-icon-star {
  background-position: -341px -43px;
}
.e-icon-copy {
  background-position: -367px -43px;
}
.e-icon-paste {
  background-position: -393px -43px;
}
.e-icon-settings {
  background-position: -419px -43px;
}
.e-icon-clock {
  background-position: -445px -43px;
}
.e-icon-hyperlink {
  background-position: -471px -43px;
}
.e-icon-hyperlinkbreak {
  background-position: -497px -43px;
}
/**/
.e-icon-resize {
  background-position: -3px -65px;
}
.e-icon-home {
  background-position: -29px -65px;
}
.e-icon-clipboard {
  background-position: -55px -65px;
}
.e-icon-userlogin {
  background-position: -81px -65px;
}
.e-icon-dataexport {
  background-position: -107px -65px;
}
.e-icon-arrowheadright {
  background-position: -133px -65px;
}
.e-icon-arrowheaddown {
  background-position: -159px -65px;
}
.e-icon-arrowheadup {
  background-position: -185px -65px;
}
.e-icon-arrowheadleft {
  background-position: -211px -65px;
}
.e-icon-undo {
  background-position: -237px -65px;
}
.e-icon-redo {
  background-position: -263px -65px;
}
.e-icon-bold {
  background-position: -289px -65px;
}
.e-icon-italic {
  background-position: -315px -65px;
}
.e-icon-underline {
  background-position: -341px -65px;
}
.e-icon-strikethrough {
  background-position: -367px -65px;
}
.e-icon-font {
  background-position: -393px -65px;
}
.e-icon-rarrowdown {
  background-position: -419px -65px;
}
.e-icon-rarrowleft {
  background-position: -445px -65px;
}
.e-icon-rarrowup {
  background-position: -471px -65px;
}
.e-icon-rarrowright {
  background-position: -497px -65px;
}
/**/
.e-icon-calender {
  background-position: -4px -86px;
}
.e-icon-datetimecalendar {
  background-position: -30px -86px;
}

/*----------------------OLAP Definition------------------*/
/*Theme Color*/

.e-grid-core {
  border-collapse: collapse;
  font-family: Segoe UI;
  font-size: 12px;
  height: auto;
  outline: 0 none;
  border-width: 1px;
  border-style: none solid solid;
}
.e-grid-core .unboundcelldiv input {
  margin: 0px 0px 0px 7px;
}
.e-grid-core.cloneproperties {
  vertical-align: middle;
  text-align: left;
  border-style: solid;
  padding: 5px;
  -moz-border-radius: 4px 4px 4px 4px;
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0 0;
}
.e-grid-core .gridcontent .table > tbody > tr:first-child td.editCell .table {
  border-top-width: 0;
  border-top-style: none;
}
.e-grid-core  table th:first-child .headercell-hover {
  border-width: 1px 0 1px 0;
}
.e-grid-core .groupdroparea,
.e-grid-core .groupTopLeftcell {
  border-style: solid none;
  border-width: 1px 0px 0px;
}
.e-grid-core .grid-icon {
  float: left;
}
.e-grid-core .table {
  width: 100%;
  table-layout: fixed;
  border: 0 none;
  *border-collapse: separate;
}
.e-grid-core .hide {
  display: none !important;
}
.e-grid-core .gridcontent {
  overflow: hidden;
  outline: none;
}
.e-grid-core .groupdroparea {
  padding-top: 8px;
  padding-bottom: 8px;
  text-indent: 10pt;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.e-grid-core .topleftcell {
  cursor: pointer;
  border-collapse: collapse;
  padding: 0;
}
.e-grid-core .grouptopleftcell {
  cursor: default;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
}
.e-grid-core .lastgrouptopleftcell {
  border-right: 0 none !important;
}
.e-grid-core .pagercaptionrow {
  border-top-style: solid;
  border-top-width: 1px;
}
.e-grid-core .groupcaption {
  border-collapse: collapse;
  border-style: solid;
  border-width: 0 0 1px 0;
  display: table-cell;
  font-weight: normal;
  line-height: 30px;
  padding-left: 0.7em;
  padding-right: 0.7em;
}
.e-grid-core .headercell,
.e-grid-core .headercell-hover {
  border-collapse: collapse;
  height: 40px;
  padding: 0 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.e-grid-core .headercelldiv {
  font-weight: bold;
  font-size: 14px;
  display: block;
  border: 0 none;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
  margin: -7px;
  padding: 0px 25px 0px 7px;
  text-align: left;
  white-space: nowrap;
}
.e-grid-core .groupheadercell,
.e-grid-core .groupheadercell:hover {
  border-collapse: collapse;
  display: inline-block;
  font-weight: normal;
  margin: 0 10px;
  overflow: hidden;
  padding: 7px;
  cursor: pointer;
  height: 17px;
  border: 1px solid;
}
.e-grid-core .rowcell,
.e-grid-core .emptycell {
  border-collapse: collapse;
  border-style: solid;
  border-width: 0 0 1px 1px;
  display: table-cell;
  overflow: hidden;
  padding: 0.7em;
  line-height: 20px;
  white-space: nowrap;
  width: auto;
  vertical-align: middle;
}
.e-grid-core .boolrowcell {
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
}
.e-grid-core .indentcell {
  border-collapse: collapse;
  border-style: solid;
  border-width: 0 1px 1px 0;
  display: table-cell;
  overflow: hidden;
  line-height: 0.3em;
  padding: 0.7em;
}
.e-grid-core .recordpluscollapse {
  border-collapse: collapse;
  border-style: none none solid;
  border-width: 1px;
  display: table-cell;
  overflow: hidden;
  cursor: pointer;
  padding: 0px;
}
.e-grid-core .recordplusexpand {
  border-collapse: collapse;
  border-style: none none none;
  border-width: 1px;
  display: table-cell;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  padding: 0px;
}
.e-grid-core .columnheader {
  cursor: pointer;
}
.e-grid-core .descending,
.e-grid-core .ascending {
  padding-right: 20px;
}
.e-grid-core .togglegroup,
.e-grid-core .toggleungroup {
  margin-left: 7px;
  padding-right: 20px;
}
.e-grid-core .gridpager {
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  padding-bottom: 4px;
  padding-top: 9px;
  width: 100%;
  white-space: normal;
  display: inline-block;
}
.e-grid-core .gridpagertop {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: hidden;
}
.e-grid-core .numericitem:hover {
  cursor: pointer;
  padding: 3px 9px;
}
.e-grid-core .numericitem:hover,
.e-grid-core .spacing,
.e-grid-core .currentitem {
  text-decoration: none;
}
.e-grid-core .spacing {
  padding: 3px 9px;
  *float: left;
}
.e-grid-core .gridpager div,
.e-grid-core .gridpager a {
  display: inline;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.e-grid-core .firstpage,
.e-grid-core .prevpage,
.e-grid-core .firstpagedisabled,
.e-grid-core .prevpagedisabled,
.e-grid-core .nextpage,
.e-grid-core .lastpage,
.e-grid-core .nextpagedisabled,
.e-grid-core .lastpagedisabled {
  padding: 3px 10px 3px 15px;
  border-right: 1px solid #c4c4c4;
  *float: left;
}
.e-grid-core .gridpager .disableditem {
  display: inline-block;
  height: 10px;
}
.e-grid-core .firstpagedisabled,
.e-grid-core .prevpagedisabled,
.e-grid-core .nextpagedisabled,
.e-grid-core .lastpagedisabled {
  /* IE 8 */
  -ms-filter: "progid:DXImageTraneorm.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  /* Safari 1.x */
  -khtml-opacity: 0.3;
  /* Good browsers */
  opacity: 0.3;
}
.e-grid-core .firstpage:hover,
.e-grid-core .prevpage:hover,
.e-grid-core .lastpage:hover,
.e-grid-core .nextpage:hover {
  cursor: pointer;
}
.e-grid-core .gridpager a.nextprevitemdisabled {
  display: none;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 1px;
  margin-left: 1px;
  text-decoration: none;
}
.e-grid-core .currentitem {
  border-width: 1px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding: 3px 9px;
}
.e-grid-core .msgbar {
  white-space: normal;
  padding-left: 25px;
}
.e-grid-core div.parentmsgbar {
  display: inline-block;
  float: right;
  padding-right: 6px;
  padding-top: 4px;
}
.e-grid-core .toolbaritems {
  margin-left: 25px;
  padding-right: 3px;
}
.e-grid-core .toolbaricons {
  min-height: 26px;
  min-width: 26px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  line-height: 26px;
  margin: 0;
}
.e-grid-core .editcell {
  padding: 0px;
}
.e-grid-core .editcell .table {
  border-style: solid;
}
.e-grid-core .editform .hasDatepicker,
.e-grid-core .editcell input[type=text] {
  width: 250px;
  padding-left: 0;
  text-indent: 1px;
}
.e-grid-core .editcell input {
  font-family: Segoe UI;
  font-size: 12px;
}
.e-grid-core .editformcaptioncell {
  display: table-cell;
  font-weight: normal;
  height: 25px;
  padding-left: 3px;
  padding-right: 3px;
}
.columndropindicator {
  background-attachment: scroll;
  background-position: -5px -618px;
  background-repeat: repeat;
  height: 30px;
  width: 10px;
}
.ui-datepicker {
  z-index: 99999;
}
.e-grid-core .recordcaption {
  float: left;
  width: 100px;
  font: bold 0.93em Segoe UI;
  padding-right: 25px;
  text-align: right;
}
.e-grid-core .editcell span.field-validation-error,
.e-grid-core .rowcell span.field-validation-error {
  position: absolute;
  font-weight: normal;
  z-index: 99999;
}
.e-grid-core .editcell input[type=text] {
  width: 217px;
}
.e-grid-core .grideditors {
  border-width: 1px !important;
  border-style: solid !important;
}
.e-grid-core .gridpager .manualpagerlabel {
  margin-left: 10px;
  margin-right: 10px;
}
.e-grid-core .gridpager .gridpagercontainerright {
  display: inline-block;
  text-align: right;
  float: right;
}
.e-grid-core .gridpager .gridpagercontainer {
  background-color: #e8e7e7;
  border: 1px solid #c4c4c4;
  border-radius: 4px 4px 4px 4px;
  display: inline-block;
  margin-left: 6px;
  overflow: hidden;
  padding: 3px 0;
}
.e-grid-core .gridpager .numericpager {
  margin-left: 10px;
}
.e-grid-core .nextpage:hover,
.e-grid-core .lastpage:hover,
.e-grid-core .firstpage:hover,
.e-grid-core .prevpage:hover {
  cursor: pointer;
  text-decoration: none;
}
.e-grid-core .e-grid-filterstatusbar,
.e-grid-core .e-grid-filterstatusbarbottom {
  height: 10px;
  border-style: solid;
  padding-bottom: 4px;
  padding-top: 5px;
  display: none;
  position: absolute;
}
.e-grid-core .e-grid-filterstatusbar {
  margin-top: -20px;
  border-width: 1px 1px 0px 1px;
  -moz-border-radius: 4px 4px 0px 0px;
}
.e-grid-core .e-grid-filterstatusbarbottom {
  margin-top: 1px;
  border-width: 0px 1px 1px 1px;
  -moz-border-radius: 0px 0px 4px 4px;
}
.e-grid-core .filterbarcell input {
  width: 90%;
  border-width: 1px;
  border-style: solid;
  text-indent: 1px;
  margin-left: 4px;
  float: left;
  font-family: Segoe UI;
  font-size: 12px;
}
.e-grid-core .filterbarcell,
.e-grid-core .filterbarcelldisabled {
  border-width: 1px 0 0 1px;
  border-collapse: collapse;
  height: 27px;
  padding: 0px;
  overflow: hidden;
  border-style: solid;
  cursor: default;
}
.e-grid-filterstatusbar .msgdiv,
.e-grid-filterstatusbarbottom .msgdiv {
  margin-left: 5px;
  margin-top: -3px;
  position: absolute;
}
.e-grid-core .headercell .filtericon,
.e-grid-core .headercell .filteredicon {
  float: right;
  height: 10px;
  margin: -14px -34px -1px 3px;
  padding: 3px;
  width: 10px;
}
.e-grid-core .headercell .filtericon {
  background-image: url(../common-images/icons-gray.png);
  background-position: -469px -333px;
  width: 16px;
  height: 16px;
}
.e-grid-core .headercell .filteredicon {
  background-image: url(../common-images/icons-gray.png);
  background-position: -495px -334px;
  width: 16px;
  height: 16px;
}
.e-grid-core.dlgcontainer .predicate {
  border-width: 0;
  border-style: solid;
  padding: 10px 5px 0 0;
  text-align: left;
}
.e-grid-core.dlgcontainer .caption {
  margin: 0 9px 0 6px;
  position: relative;
  top: -2px;
}
.e-grid-core.dlgcontainer .value .caption {
  margin: 0 5px 0 0;
}
.e-grid-core.dlgcontainer .dlgBtns {
  padding: 10px 0;
  text-align: right;
}
.e-grid-core.dlgcontainer .dlgBtns .filter {
  margin-right: 6%;
  width: 47%;
}
.e-grid-core.dlgcontainer .dlgBtns .clear {
  width: 47%;
}
.e-grid-core.dlgcontainer .operator,
.e-grid-core.dlgcontainer .value {
  padding-top: 10px;
}
.e-grid-core.dlgcontainer select {
  padding: 0;
  height: 20px;
  width: 100%;
}
.e-grid-core.dlgcontainer input[type='text'] {
  padding: 0;
  height: 18px;
  width: 197px;
}
.e-grid-core .gridsummary {
  table-layout: fixed;
  width: 100%;
}
.e-grid-core .summaryrow {
  font-weight: bold;
  background-color: white;
  border-color: #c4c4c4;
  border-style: solid;
  border-width: 0 0 1px;
  overflow: hidden;
  padding: 0.7em;
  white-space: nowrap;
}
.e-grid-core .boolrowcell input[type='checkbox'] {
  margin-left: 0.7em;
  width: auto;
  height: auto;
}
.e-grid-core .e-corner-all {
  border-radius: 0px;
}
.e-grid-core .gridheader {
  overflow-x: hidden;
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0 0;
}
.e-grid-core .groupheadercell {
  background-position: 0 0;
}
.e-grid-core .recordplusexpand > div,
.e-grid-core .detailrowexpand > div {
  height: 19px;
  vertical-align: middle;
  width: 23px;
  background-attachment: scroll;
  background-position: -287px -197px;
  padding: 0px;
}
.e-grid-core .recordpluscollapse > div,
.e-grid-core .detailrowcollapse > div {
  height: 19px;
  vertical-align: middle;
  width: 23px;
  background-attachment: scroll;
  background-position: -133px -65px;
  padding: 0px;
}
.e-grid-core .ascending {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -204px 2px;
}
.e-grid .ungroupbutton {
  padding-right: 14px;
  background-position: -445px -22px;
  display: none;
}
.e-grid-core .grid-icon .ascending,
.e-grid-core .grid-icon .descending {
  padding-right: 26px;
  padding-top: 2px;
}
.e-grid-core .descending {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -180px 2px;
}
.e-grid-core .firstpage,
.e-grid .firstpage:hover,
.e-grid-core .firstpagedisabled {
  background-position: -103px -84px;
}
.e-grid-core .prevpage,
.e-grid .prevpage:hover,
.e-grid-core .prevpagedisabled {
  background-position: -313px -84px;
}
.e-grid-core .nextpage,
.e-grid .nextpage:hover,
.e-grid-core .nextpagedisabled {
  background-position: -336px -84px;
}
.e-grid-core .lastpage,
.e-grid .lastpage:hover,
.e-grid-core .lastpagedisabled {
  background-position: -51px -84px;
}
.e-grid .headercell-hover .ascending,
.e-grid .groupheadercell:hover .ascending,
.e-grid .headercell-hover .filtericon,
.e-grid .headercell-hover .descending,
.e-grid .headercell-hover .togglegroupbutton,
.e-grid .groupheadercell:hover .descending,
.e-grid .groupheadercell:hover .togglegroupbutton,
.e-grid .nextpage:Hover,
.e-grid .lastpage:Hover,
.e-grid .firstpage:Hover,
.e-grid .prevpage:Hover {
  background-color: #84c865;
  background-image: url(../common-images/icons-white.png);
}
.e-grid .groupheadercell:hover .ungroupbutton {
  background-image: url(../common-images/icons-white.png);
}
.e-grid-core .addnewitem {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -103px 1px;
}
.e-grid-core .searchitem {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -310px 4px;
}
.e-grid-core .edititem {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -26px -41px;
}
.e-grid-core .deleteitem {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -181px -20px;
}
.e-grid-core .saveitem {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -388px -85px;
}
.e-grid-core .cancel {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -440px -21px;
}
.e-grid-core .togglegroup {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -492px -84px;
}
.e-grid-core .toggleungroup {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -493px -84px;
}
/*..........................Skin css...........................*/

.e-grid-core.rtl {
  direction: rtl;
}
.e-grid-core .classrtl .gridpagercontainer,
.e-grid-core .classrtl div,
.e-grid-core .classrtl a,
.e-grid-core.rtl .groupheadercell,
.e-grid-core.rtl .groupheadercell:hover {
  float: right;
}
.e-grid-core .classrtl .gridpagercontainer {
  margin-right: 6px;
  padding: 0px;
}
.e-grid-core .classrtl .firstpage,
.e-grid-core .classrtl .prevpage,
.e-grid-core .classrtl .firstpagedisabled,
.e-grid-core .classrtl .prevpagedisabled,
.e-grid-core .classrtl .nextpage,
.e-grid-core .classrtl .lastpage,
.e-grid-core .classrtl .nextpagedisabled,
.e-grid-core .classrtl .lastpagedisabled {
  padding: 18px 10px 3px 15px;
}
.e-grid-core .classrtl .firstpage,
.e-grid .classrtl .firstpage:hover,
.e-grid-core .classrtl .firstpagedisabled {
  background-position: -51px -84px;
}
.e-grid-core .classrtl .prevpage,
.e-grid .classrtl .prevpage:hover,
.e-grid-core .classrtl .prevpagedisabled {
  background-position: -336px -84px;
}
.e-grid-core .classrtl .nextpage,
.e-grid .classrtl .nextpage:hover,
.e-grid-core .classrtl .nextpagedisabled {
  background-position: -313px -84px;
}
.e-grid-core .classrtl .lastpage,
.e-grid .classrtl .lastpage:hover,
.e-grid-core .classrtl .lastpagedisabled {
  background-position: -103px -84px;
}
.e-grid-core.rtl .rowcell,
.e-grid-core.rtl .emptycell,
.e-grid-core.rtl .filterbarcell,
.e-grid-core.rtl .filterbarcelldisabled {
  border-width: 0 0 1px 1px;
}
.e-grid.rtl tr td:first-child,
.e-grid.rtl tr th:first-child {
  border-right: 0 none;
}
.e-grid-core.rtl .indentcell {
  border-left: 1px solid #c4c4c4;
}
.e-grid.rtl .headercell,
.e-grid.rtl .grouptopleftcell,
.e-grid.rtl .toprightcell,
.e-grid.rtl .topleftcell,
.e-grid.rtl .togglecontainer {
  border-width: 1px 1px 3px 0;
  border-right-color: #c4c4c4;
}
.e-grid.rtl .cloneproperties {
  border-width: 1px 1px 3px 1px;
  border-color: #c4c4c4;
}
.e-grid-core .classrtl .parentmsgbar {
  float: left;
  padding-left: 6px;
}
.e-grid-core.rtl .headercelldiv {
  text-align: right;
  padding: 0 7px 0 25px;
}
.e-grid-core.rtl .recordpluscollapse > div,
.e-grid-core.rtl .detailrowcollapse > div {
  background-position: -211px -65px;
}
.e-grid-core.rtl .recordplusexpand > div,
.e-grid-core.rtl .detailrowexpand > div {
  background-position: -262px -197px;
}
.e-grid-core.rtl .headercell .filtericon,
.e-grid-core.rtl .headercell .filteredicon {
  float: left;
}
.e-grid {
  border-color: #c4c4c4;
  color: #6d6d6d;
  border-top: none;
}
.e-grid .gridcontent {
  background-color: white;
}
.e-grid .groupdroparea {
  background: #84c865;
  /* Old browsers */

  border-color: #c4c4c4;
  color: #3c4904;
  border-color: #f6f7f7 #c4c4c4 #c4c4c4;
  border-style: solid;
  border-top: 1px solid #84c865;
  font-size: 19px;
  font-weight: lighter;
  text-align: center;
}
.e-grid .cloneproperties {
  color: white;
  padding-top: 5px;
  background: #84c865;
  /* Old browsers */

  text-align: center;
  vertical-align: middle;
  border-color: #c4c4c4;
  opacity: 0.6;
}
/*Added for pager*/

.e-grid .groupcaption {
  background-color: #f6f7f7;
  border-color: #c4c4c4;
}
.e-grid .headercell-hover,
.e-grid .groupheadercell:hover {
  color: white;
}
.e-grid .groupheadercell,
.e-grid .groupheadercell:hover,
.e-grid .grpHdrunboundcolumn {
  border-color: #c4c4c4;
}
.e-grid .groupheadercell {
  color: white;
  border-color: #c4c4c4;
  font-size: 12px;
  padding: 7px;
}
.e-grid .rowcell,
.e-grid .emptycell {
  border-color: #c4c4c4;
}
.e-grid .alt_row {
  background: #f6f7f7;
}
.e-grid .indentcell {
  border-color: #c4c4c4;
  background-color: #f6f7f7;
}
.e-grid .detailcell {
  padding: 0.4em 0.6em;
  border-bottom: 1px solid #c4c4c4;
}
.e-grid .detailrowcollapse + td,
.e-grid .detailrowexpand + td {
  border-left: none !important;
}
.e-grid .recordpluscollapse,
.e-grid .recordplusexpand {
  background-color: #f6f7f7;
  border-color: #c4c4c4;
}
.e-grid .recordplusexpand > div {
  background-color: #f6f7f7;
}
.e-grid .detailrowcollapse {
  border-bottom: 1px solid #c4c4c4;
}
.e-grid .plusninusselection {
  background-color: #fcc467;
}
.e-grid .detailindentcell {
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
}
.e-grid .selectionbackground {
  background-color: #84c865;
  color: white;
}
.e-grid .gridpager {
  background-color: #e8e7e7;
  border-color: #c4c4c4;
}
.e-grid .spacing {
  color: #6d6d6d;
}
.e-grid .gridpager {
  color: #6d6d6d;
}
.e-grid .numericitem:hover {
  background: #84c865;
  /* Old browsers */

  color: white;
}
.e-grid .numericitem {
  background: #e8e7e7;
  border-right: 1px solid #c4c4c4;
}
.e-grid .addnewitem,
.e-grid .searchitem,
.e-grid .edititem,
.e-grid .deleteitem,
.e-grid .saveitem,
.e-grid .cancel,
.e-grid .prevpagedisabled,
.e-grid .prevpage,
.e-grid .nextpage,
.e-grid .nextpagedisabled,
.e-grid .lastpagedisabled,
.e-grid .lastpage,
.e-grid .firstpage,
.e-grid .firstpagedisabled,
.e-grid .descending,
.e-grid .ascending,
.e-grid .togglegroup,
.e-grid .toggleungroup,
.e-grid .ungroupbutton,
.columndropindicator {
  background-image: url(../common-images/icons-gray.png);
}
.e-grid .prevpagedisabled,
.e-grid .prevpage,
.e-grid .nextpage,
.e-grid .nextpagedisabled,
.e-grid .lastpagedisabled,
.e-grid .lastpage,
.e-grid .firstpage,
.e-grid .firstpagedisabled {
  background-color: #e8e7e7;
}
.e-grid .recordpluscollapse > div,
.e-grid .detailrowcollapse > div,
.e-grid .headericon {
  background-image: url(../common-images/icons-gray.png);
  background-color: transparent;
}
.e-grid .tabletd {
  padding: 0px;
  border-color: #c4c4c4;
  border-collapse: collapse;
}
.e-grid .headercell,
.e-grid .grouptopleftcell,
.e-grid .toprightcell,
.e-grid .topleftcell,
.e-grid.cloneproperties,
.e-grid .togglecontainer {
  background: #84c865;
  /* Old browsers */

  border-width: 0 0 0 1px;
  border-style: solid;
  border-top-color: #c4c4c4;
  border-left-color: #c4c4c4;
  border-bottom-color: #84c865;
}
.e-grid .grid-icon {
  background: #84c865;
  /* Old browsers */

}
.e-grid .gridheader {
  color: white;
  border-bottom: 3px solid #84c865;
  border-top: 1px solid #c4c4c4;
}
.e-grid .headercontent {
  border-right: 1px solid #c4c4c4;
  overflow: hidden;
}
.e-grid .currentitem,
.e-grid .currentitem:hover {
  background: #84c865;
  /* Old browsers */

  color: white;
  padding: 3px 9px;
}
.e-grid .toolbaritems {
  color: white;
}
.e-grid-core .e-toolbar-horizontal.toolcover,
.e-grid-core .e-toolbar-vertical.toolcover {
  border-width: 1px 0 0;
  display: block !important;
  border-color: #c4c4c4;
}
.e-grid-core .e-toolbar-horizontal .toolhover .addnewitem,
.e-grid-core .e-toolbar-horizontal .toolhover .searchitem,
.e-grid-core .e-toolbar-horizontal .toolhover .edititem,
.e-grid-core .e-toolbar-horizontal .toolhover .deleteitem,
.e-grid-core .e-toolbar-horizontal .toolhover .saveitem,
.e-grid-core .e-toolbar-horizontal .toolhover .cancel {
  background-image: url(../common-images/icons-white.png) !important;
}
.e-grid .e-dialog .rowcell {
  border: none;
  padding: 0.1em;
}
.e-grid .editformcaptioncell {
  color: #231f20;
}
.e-grid .editcell span.field-validation-error,
.e-grid .editform span.field-validation-error {
  color: #cd0a0a;
  display: block;
}
.e-grid .editcell {
  border-color: #c4c4c4;
}
.e-grid .sfinputtext {
  border: 1px solid #bbbcbb;
  background-color: white;
  color: #5c5c5c;
}
.e-grid .recordplusexpand > div,
.e-grid .detailrowexpand > div,
-Tooltip.e-grid .tooltipbottomdiv {
  background-image: url(../common-images/icons-gray.png);
}
.e-grid .lastpage:Hover {
  border-radius: 0px 4px 4px 0px;
}
.e-grid .firstpage:Hover {
  border-radius: 4px 0px 0px 4px;
}
.e-grid .filterbarcell,
.e-grid .filterbarcelldisabled {
  border-color: #c4c4c4;
  background-color: #84c865;
  background-image: none;
  height: 40px;
}
.e-grid .filterbarcell input {
  border-color: #939292;
  color: #6d6d6d;
}
.e-grid .e-grid-filterstatusbar,
.e-grid .e-grid-filterstatusbarbottom {
  background: #84c865;
  /* Old browsers */

  border-color: #c4c4c4;
}
.e-grid tr td:first-child,
.e-grid tr th:first-child {
  border-left: 0px;
}
.e-grid .e-grid-filterstatusbar .msgdiv,
.e-grid .e-grid-filterstatusbarbottom .msgdiv {
  color: white;
}
.e-grid .columnheader .headercellactive {
  background: #84c865;
  /* Old browsers */

  color: white;
}
.e-grid .columnheader .headercell.headercellactive span {
  background: #84c865;
  /* Old browsers */

}
.e-grid .groupdropareahover {
  background: #84c865;
  /* Old browsers */

}
.e-grid .enablerowhover {
  background-color: #f4f4f4;
  color: white;
}
.e-grid .scrollcss {
  padding-right: 15px;
  background: #84c865;
  /* Old browsers */

}
.e-grid-core .headercellfilter {
  padding-right: 35px;
}
.e-grid-core .groupheadercell .togglegroupbutton {
  padding-top: 2px;
}
.e-grid .headercell-hover,
.e-grid .filtercell:hover,
.e-grid .groupheadercell:hover {
  background: #84c865;
  /* Old browsers */

}
.e-grid .reorderindicate {
  border-left-width: 3px;
  border-left-color: #2382c3;
}
.reSizeColbg {
  position: absolute;
  border-left: 1px dotted #c4c4c4;
}
.e-grid-core .gridtoolbar li {
  padding-left: 5px;
  padding-top: 7px;
}
.e-grid .animatebutton {
  background-image: url(../common-images/icons-white.png);
  width: 16px;
  height: 16px;
  padding-right: 9px;
  position: absolute;
  right: 0;
  top: 2px;
}
.e-grid-core .animatebuttondown {
  background-position: -26px -24px;
}
.e-grid-core .animatebuttonup {
  background-position: -1px -24px;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- scrollbar -------------------------------------------*/

.e-scroller {
  overflow: hidden;
}
.e-scroller .content {
  float: left;
  overflow: hidden;
}
.e-scroller .vScroll {
  vertical-align: top;
  width: 16px;
  border-style: none;
  background-color: #ecedee;
  float: right;
}
.e-scroller .hScroll {
  height: 16px;
  border-style: none;
  background-color: #ecedee;
  display: inline-block;
}
.e-scroller .vHandle,
.e-scroller .hHandle {
  background: #dddddd;
  /* Old browsers */

  border: 1px solid #c4c4c4;
  position: relative;
  left: 0;
  transition: top .1s linear 0s, left .1s linear 0s;
}
.e-scroller .vHandleSpace {
  background-color: #ecedee;
}
.e-scroller .hHandle,
.e-scroller .hHandleSpace {
  height: 16px;
  display: inline-block;
}
.e-scroller .active {
  background-color: #84c865;
}
.e-scroller .button {
  position: relative;
  background-image: url(../common-images/icons-gray.png);
  background-color: #cdcdcd;
  border: 1px solid #c4c4c4;
}
.e-scroller .vUp,
.e-scroller .hUp,
.e-scroller .vDown {
  left: 0;
}
.e-scroller .vUp,
.e-scroller .hDown,
.e-scroller .hUp {
  top: 0;
}
.e-scroller .hUp,
.e-scroller .hDown,
.e-scroller .vUp,
.e-scroller .vDown {
  background-image: url(../common-images/icons-gray.png);
  background-color: #cdcdcd;
}
.e-scroller .vUp {
  background-position: -210px 1px;
}
.e-scroller .hUp {
  height: 16px;
  display: inline-block;
  background-position: -238px 0px;
}
.e-scroller .hDown {
  right: 0;
  height: 16px;
  display: inline-block;
  background-position: -157px 0px;
}
.e-scroller .vDown {
  bottom: 0;
  background-position: -184px 1px;
}
.e-scroller .vScroll,
.e-scroller .hScroll,
.e-scroller .unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.e-scroller .vHandle:hover,
.e-scroller .hHandle:hover {
  background: #f4f4f4;
  /* Old browsers */

}
.e-scroller .button:hover {
  background-image: url(../common-images/icons-white.png);
  background-color: #84c865;
}

/*----------------------OLAP Definition------------------*/
/*Theme Color*/

.e-acrdn {
  font-family: Segoe UI;
}
.e-acrdn .e-acrdn-collapsicon {
  background-image: url(../common-images/icons-gray.png);
  background-repeat: no-repeat;
  background-position: -107px 0;
  border: 0 none transparent;
  display: block;
  height: 16px;
  width: 16px;
  margin-left: -5px;
  margin-right: 6px;
  margin-top: 3px;
  cursor: pointer;
  float: left;
}
.e-acrdn .e-acrdn-expandicon {
  background-image: url(../common-images/icons-white.png);
  background-repeat: no-repeat;
  background-position: -133px 1px;
  border: 0 none transparent;
  display: block;
  height: 16px;
  width: 16px;
  margin-left: -5px;
  margin-right: 6px;
  margin-top: 3px;
  cursor: pointer;
  float: left;
}
.e-acrdn .e-acrdn-content {
  border: 1px solid #bbbcbb;
  background-color: white;
  color: #5c5c5c;
  font-size: 14px;
}
.e-acrdn .e-acrdn-header:not(.e-state-disabled):hover {
  background: #f4f4f4;
  /* Old browsers */

}
.e-acrdn .e-acrdn-header:not(.e-state-disabled):hover .e-acrdn-collapsicon {
  background-image: url(../common-images/icons-white.png);
  background-repeat: no-repeat;
  background-position: -107px 0;
}
.e-acrdn .e-acrdn-header-active:hover .e-acrdn-expandicon {
  background-image: url(../common-images/icons-white.png);
  background-repeat: no-repeat;
  background-position: -133px 1px;
}
.e-acrdn .e-acrdn-header:not(.e-state-disabled):hover a {
  color: white;
}
.e-acrdn .e-acrdn-header:not(.e-state-disabled):hover {
  color: white;
}
.e-acrdn .e-state-default {
  background: #dddddd;
  /* Old browsers */

  border: 1px solid #bbbcbb;
  color: #555555;
  font-weight: normal;
  border-top: none;
  font-size: 16px;
}
.e-acrdn .e-state-default a {
  color: #555555;
}
.e-acrdn .e-state-default:first-child {
  border-top: 1px solid #bbbcbb;
}
.e-acrdn .e-state-active {
  background: #f4f4f4;
  /* Old browsers */

  border: 1px solid #f4f4f4;
  color: white;
  font-weight: normal;
  border-bottom: medium none;
}
.e-acrdn .e-state-active a {
  color: white;
}
.e-acrdn.e-rtl .e-icon {
  float: right;
  margin-left: 5px;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- autocomplete -------------------------------------------*/

.e-autocomplete.e-input,
.e-autocomplete-list {
  background-color: white;
  font-family: Segoe UI;
  font-size: 14px;
  font-weight: normal;
}
.e-autocomplete.e-input,
.e-autocomplete-wrapper .dropdown,
.e-autocomplete-list {
  border: 1px solid #bbbcbb;
  color: #5c5c5c;
  font-family: Segoe UI;
}
.e-autocomplete.e-input.e-focused,
.e-autocomplete-wrapper.e-focused {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.e-autocomplete.e-input.watermark {
  color: #d0d0d1 !important;
  font-style: italic;
}
.e-autocomplete-list .e-category {
  border-bottom: 2px solid #bbbcbb;
}
.e-autocomplete-list .listHover,
.e-autocomplete-wrapper .dropdown:hover {
  background: #f4f4f4;
  /* Old browsers */

  color: white;
}
.e-autocomplete-wrapper .dropdown {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
}
.e-autocomplete.e-input.onloading {
  background-image: url(images/ajax-loader.gif);
}
.e-autocomplete-wrapper .dropdown .arrow {
  background-image: url(../common-images/icons-gray.png);
  background-position: -311px -2px;
  height: 14px;
  margin-top: -7px;
}
.e-autocomplete-wrapper .dropdown:hover .arrow {
  background-image: url(../common-images/icons-white.png);
}
.e-autocomplete-wrapper .dropdown.rtl .arrow {
  background-position: -311px -2px;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- Button -------------------------------------------*/

.e-button {
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 14px;
}
.e-button.e-bgdefault {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
  border: 1px solid #dddddd;
}
.e-button.e-bgdefault:hover {
  background: #f4f4f4;
  /* Old browsers */

  border: 1px solid #f4f4f4;
  color: white;
}
.e-button.e-bgdefault:active {
  background: #f4f4f4;
  /* Old browsers */

  border: 1px solid #f4f4f4;
  color: white;
}
.e-button.e-bgdisable {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
  border: 1px solid #dddddd;
}
.e-button.e-bgdisable:hover {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
  border: 1px solid #dddddd;
}
.e-button.e-bgdisable:active {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
  border: 1px solid #dddddd;
}

/*----------------------OLAP Definition------------------*/
/*------------DatePicker themes -------------*/

.e-datewidget {
  border: 1px solid #bbbcbb;
}
.e-datewidget.e-focused,
.e-datepicker.e-input.e-focused {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.e-datewidget .e-img-wrapper {
  background: #dddddd;
  /* Old browsers */

  border: 1px solid #bbbcbb;
}
.e-datewidget .e-img-wrapper:hover {
  background: #f4f4f4;
  /* Old browsers */

}
.e-datewidget .e-img-wrapper.e-selected {
  background: #f4f4f4;
  /* Old browsers */

}
.e-datewidget .e-img-wrapper .e-dateicon {
  background-image: url(../common-images/icons-gray.png);
  background-position: 0 -84px;
  height: 20px;
  margin-top: -10px;
}
.e-datewidget .e-img-wrapper:hover .e-dateicon {
  background-image: url(../common-images/icons-white.png);
}
.e-datepicker.e-input {
  background-color: white;
  color: #5c5c5c;
  border: 1px solid #bbbcbb;
}
.e-datewidget .e-datepicker.e-input {
  border: 0 none;
}
.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 {
  color: #d0d0d1;
}
.e-datepicker table td.e-dp-weekend {
  color: #cd0a0a;
}
.e-datepicker.e-calendar-control {
  border: 1px solid #bbbcbb;
  background-color: white;
}
.e-datepicker .e-calendar-header {
  background: #84c865;
  /* Old browsers */

  color: white;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  height: 30px;
}
.e-datepicker .e-calendar-footer {
  color: #555555;
  border: 1px solid transparent;
}
.e-datepicker .e-calendar-footer:hover {
  background: #f4f4f4;
  /* Old browsers */

  color: white;
  border: 1px solid #f4f4f4;
}
.e-datepicker .e-nav-text {
  color: white;
}
.e-datepicker .e-week-header {
  background: #dddddd;
  /* Old browsers */

  color: #5c5c5c;
  border-bottom: 1px solid transparent;
  height: 35px;
}
.e-datepicker table td:not(.e-state-active):not(.selected):hover {
  background: #f4f4f4;
  /* Old browsers */

  color: white;
  border-color: #f4f4f4;
  border-radius: 4px;
}
.e-datepicker .e-state-hover {
  border: 1px dotted #bbbcbb;
  color: #5c5c5c;
}
.e-datepicker .e-border-active {
  border-width: 1px 0;
  border-style: solid;
  border-color: transparent;
}
.e-datepicker .e-icon-prev:hover,
.e-datepicker .e-icon-next:hover {
  background-color: #f4f4f4;
  border-radius: 4px 4px 4px 4px;
}
.e-datepicker .e-icon-prev,
.e-datepicker .e-icon-next {
  height: 18px;
  width: 18px;
  background-image: url(../common-images/icons-white.png);
}
.e-datepicker .e-icon-prev {
  float: left;
  background-position: -54px -21px;
}
.e-datepicker .e-icon-next {
  float: right;
  background-position: -79px -21px;
}
.e-datepicker.rtl .e-icon-next {
  background-position: -54px -21px;
}
.e-datepicker.rtl .e-icon-prev {
  background-position: -79px -21px;
}
.e-datepicker .e-state-default {
  color: #5c5c5c;
  font-weight: normal;
}
.e-datepicker .e-datepicker-days .e-state-default {
  height: 26px;
  border: 0 none;
}
.e-datepicker .today {
  background-color: #dddddd;
  color: #555555;
  /* Old browsers */
  border-radius: 4px;
}
.e-datepicker .other-month.selected {
  background: none;
}
.e-datepicker .selected {
  background: #f4f4f4;
  /* Old browsers */

  border-radius: 4px;
  color: white;
}
.e-datepicker table td.other-month:hover,
.e-datepicker .e-allyear-first:hover,
.e-datepicker .e-allyear-last:hover,
.e-datepicker .e-year-first:hover,
.e-datepicker .e-year-last:hover {
  color: #d0d0d1;
  background-color: transparent;
}

/*----------------------OLAP Definition------------------*/
/*Theme Color*/

.e-dialog {
  font-family: Segoe UI;
}
.e-dialog.e-dialog-wrapper {
  border: 1px solid #bbbcbb;
  background: white;
}
.e-dialog .e-icon {
  background-image: url(../common-images/icons-white.png);
  display: inline-block;
  height: 20px;
  width: 20px;
}
.e-dialog .e-dialog-close {
  background-position: -443px -243px;
}
.e-dialog .e-dialog-collapsible {
  background-position: -1px -243px;
}
.e-dialog .e-dialog-expand {
  background-position: -26px -241px;
}
.e-dialog .e-dialog-unpin {
  background-position: -1px 2px;
}
.e-dialog .e-dialog-pin {
  background-position: -27px 2px;
}
.e-dialog .e-dialog-minimize {
  background-position: -131px 2px;
}
.e-dialog .e-dialog-maximize {
  background-position: 75px 28px;
}
.e-dialog .e-dialog-restore {
  background-position: 49px 26px;
}
.e-dialog .e-dialog-icon:hover {
  background: #f4f4f4;
  /* Old browsers */

  border-image: initial;
}
.e-dialog .e-dialog-header {
  background: #84c865;
  /* Old browsers */

  border: 1px solid #84c865;
  color: white;
  font-weight: normal;
  border-bottom: medium none;
  font-size: 16px;
  overflow: hidden;
}
.e-dialog.e-dialog-content {
  background: white;
  color: #5c5c5c;
  font-size: 14px;
}
.e-dialog .e-resizable-handle {
  background-image: url(../common-images/icons-gray.png);
  background-position: 1px -63px;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- dropdownlist -------------------------------------------*/

.e-dropdownlist.e-input,
.e-dropdownlist-list {
  background-color: white;
  font-family: Segoe UI;
  font-size: 14px;
  font-weight: normal;
}
.e-dropdownlist.e-input,
.e-dropdownlist-wrapper .dropdown,
.e-dropdownlist-list {
  border: 1px solid #bbbcbb;
  color: #5c5c5c;
  font-family: Segoe UI;
}
.e-dropdownlist.e-input.e-focused,
.e-dropdownlist-wrapper.e-focused {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.e-dropdownlist.e-input.watermark {
  color: #d0d0d1 !important;
  font-style: italic;
}
.e-dropdownlist-list .listHover,
.e-dropdownlist-wrapper .dropdown:hover {
  background: #f4f4f4;
  /* Old browsers */

  color: white;
}
.e-dropdownlist-wrapper .dropdown {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
}
.e-dropdownlist-wrapper .dropdown .e-arrow {
  background-image: url(../common-images/icons-gray.png);
  background-position: -157px -65px;
  height: 14px;
  margin-top: -7px;
}
.e-dropdownlist-wrapper .dropdown:hover .e-arrow {
  background-image: url(../common-images/icons-white.png);
}
.e-dropdownlist-wrapper .dropdown.e-rtl .e-arrow {
  background-position: -157px -65px;
}
.e-dropdownlist-list div > ul .ghead {
  border-bottom: 2px solid #bbbcbb;
  display: block;
  font-weight: bold;
  margin: 2px 0 2px 4%;
  position: relative;
}

/*----------------------OLAP Definition------------------*/
/* ------- editor less ----------- */

.e-numwidget,
.e-percentwidget,
.e-currencywidget,
.e-maskwidget {
  border: 1px solid #bbbcbb;
  background-color: white;
}
.e-numwidget .e-numerictextbox,
.e-percentwidget .e-percentagetextbox,
.e-currencywidget .e-currencytextbox,
.e-maskwidget.e-input {
  color: #5c5c5c;
  background-color: white;
}
.e-numwidget.e-focused,
.e-percentwidget.e-focused,
.e-currencywidget.e-focused,
.e-maskwidget.e-focused {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.e-numwidget .e-numerictextbox.error,
.e-percentwidget .e-percentagetextbox.error,
.e-currencywidget .e-currencytextbox.error,
.e-maskwidget.error {
  color: #cd0a0a;
}
.e-numwidget .e-watermark,
.e-percentwidget .e-watermark,
.e-currencywidget .e-watermark,
.e-maskwidget.e-watermark {
  color: #d0d0d1;
}
.e-maskwidget .invalidtext {
  color: #cd0a0a;
}
.e-numwidget .e-imgcontainer.rtl,
.e-percentwidget .e-imgcontainer.rtl,
.e-currencywidget .e-imgcontainer.rtl {
  border-left: none;
  border-right: 1px solid #bbbcbb;
}
.e-numwidget .e-imgcontainer,
.e-percentwidget .e-imgcontainer,
.e-currencywidget .e-imgcontainer {
  background: #dddddd;
  /* Old browsers */

  border-left: 1px solid #bbbcbb;
}
.e-numwidget .e-imgcontainer:hover,
.e-percentwidget .e-imgcontainer:hover,
.e-currencywidget .e-imgcontainer:hover {
  background: #f4f4f4;
  /* Old browsers */

}
.e-numwidget .e-spinup.e-selected,
.e-numwidget .e-spindown.e-selected,
.e-percentwidget .e-spinup.e-selected,
.e-percentwidget .e-spindown.e-selected,
.e-currencywidget .e-spinup.e-selected,
.e-currencywidget .e-spindown.e-selected {
  background: #f4f4f4;
  /* Old browsers */

}
.e-numwidget .spinarrow,
.e-percentwidget .spinarrow,
.e-currencywidget .spinarrow {
  background-image: url(../common-images/icons-gray.png);
  border: 0 none transparent;
}
.e-numwidget .e-selected .spinarrow,
.e-percentwidget .e-selected .spinarrow,
.e-currencywidget .e-selected .spinarrow {
  background-image: url(../common-images/icons-white.png);
}
.e-numwidget .e-imgcontainer:hover .spinarrow,
.e-percentwidget .e-imgcontainer:hover .spinarrow,
.e-currencywidget .e-imgcontainer:hover .spinarrow {
  background-image: url(../common-images/icons-white.png);
}
.e-numwidget .e-spinup .spinarrow,
.e-percentwidget .e-spinup .spinarrow,
.e-currencywidget .e-spinup .spinarrow {
  background-position: -183px -66px;
}
.e-numwidget .e-spindown .spinarrow,
.e-percentwidget .e-spindown .spinarrow,
.e-currencywidget .e-spindown .spinarrow {
  background-position: -157px -68px;
}

/*----------------------OLAP Definition------------------*/
/* ------- menu less ----------- */

.e-menu.e-horizontal {
  height: 35px;
}
.e-menu.e-horizontal > li > a {
  padding: 0 4px;
  height: 100%;
  line-height: 32px;
}
.e-menu.e-horizontal > li {
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0 4px;
}
.e-menu.e-horizontal li > ul >li >a,
.e-menu.e-vertical >li >a,
.e-menu.e-vertical li > ul >li >a {
  display: block;
}
.e-menu.e-horizontal > li.separator {
  padding: 0;
  margin: 0;
  width: 1px;
  position: absolute;
  border: 0px none;
}
.e-menu.e-horizontal >li >a span.arrows {
  background: url(../common-images/icons-gray.png) no-repeat -160px -65px;
}
.e-menu.e-context >li >a  span.arrows,
.e-menu.e-vertical >li >a  span.arrows {
  background: url(../common-images/icons-gray.png) no-repeat -134px -65px;
}
.e-menu.e-horizontal >li:hover >a  span.arrows {
  background: url(../common-images/icons-white.png) no-repeat -160px -65px;
}
.e-menu.e-horizontal li > ul >li >a span.arrows,
.e-menu.e-context li > ul >li >a span.arrows,
.e-menu.e-vertical li > ul >li >a span.arrows {
  background: url(../common-images/icons-gray.png) no-repeat -134px -65px;
}
.e-menu.e-horizontal li > ul li:hover >a span.arrows,
.e-menu.e-context >li:hover >a span.arrows,
.e-menu.e-vertical >li:hover >a span.arrows,
.e-menu.e-context >li > ul >li:hover >a span.arrows,
.e-menu.e-vertical >li > ul >li:hover >a span.arrows {
  background: url(../common-images/icons-white.png) no-repeat -134px -65px;
}
.e-menu.e-horizontal >li .arrow-space {
  padding-right: 24px;
}
/*----------------------- Vertical Core --------------------------*/

.e-menu.e-vertical >li >a {
  padding: 0 18px 0 28px;
  zoom: 1;
}
.e-menu.e-vertical {
  line-height: 27px;
  position: absolute;
  width: 150px;
}
.e-menu.e-vertical li > ul {
  margin: -0.8px 0 0 0;
  top: 0;
  left: 104%;
}
.e-menu.e-vertical li > ul >li {
  line-height: 23px;
}
.e-menu.e-vertical > li.separator,
.e-menu.e-context > li.separator {
  margin-left: 30px;
  padding: 0;
  height: 1px;
  width: 80%;
  border: 0px none;
}
.e-menu.e-vertical >li >img {
  position: absolute;
}
/*------------------------ Context Menu core --------------------*/

.e-menu.e-context >li > a {
  display: block;
  padding: 0 18px 0 28px;
  font-size: 13px;
}
.e-menu.e-context {
  line-height: 27px;
  position: absolute;
  padding: 1px;
  z-index: 9998;
  width: 150px;
}
.e-menu.e-context  li > ul {
  margin: -0.8px 0 0 0;
  top: 0;
  left: 104%;
  line-height: 23px;
}
.e-menu.e-context >li >img,
.e-menu.e-context >li >div,
.e-menu.e-context >li >span {
  float: left;
}
/*---------------------Theming----------------------------------*/

.e-menu.e-horizontal >li >a {
  color: #555555;
}
.e-menu.e-vertical >li > a,
.e-menu.e-horizontal li > ul >li >a,
.e-menu.e-vertical li > ul >li >a,
.e-menu.e-context li > ul >li >a,
.e-menu.e-context a {
  color: #555555;
}
.e-menu {
  background: #dddddd;
  /* Old browsers */

  border: 1px solid #bbbcbb;
}
.e-menu.e-horizontal > li:hover {
  background: #f4f4f4;
  /* Old browsers */

}
.e-menu.e-horizontal > li.separator {
  background-color: #bbbcbb;
  /* border background color is for separator */

}
.e-menu.e-horizontal > li.separator:hover,
.e-menu.e-vertical > li.separator:hover {
  border: 0px none transparent;
}
.e-menu.e-horizontal li > ul {
  background: #dddddd;
  /* Old browsers */

  border: 1px solid #bbbcbb;
}
.e-menu.e-horizontal > li > ul:after {
  border-color: transparent transparent #dddddd;
  border-style: solid;
  border-width: 10px;
  content: "";
  height: 0;
  left: 22px;
  position: absolute;
  top: -20px;
  width: 0;
}
.e-menu.e-horizontal li > ul >li:hover,
.e-menu.e-vertical li > ul >li:hover,
.e-menu.e-context li > ul >li:hover,
.e-menu.e-context > li:hover {
  background: #f4f4f4;
  /* Old browsers */

}
.e-menu.e-horizontal > li:hover > a {
  color: white;
}
.e-menu.e-vertical > li:hover > a,
.e-menu.e-context li:hover > a,
.e-menu.e-horizontal li > ul >li:hover > a,
.e-menu.e-vertical li > ul >li:hover  > a,
.e-menu.e-context li > ul >li:hover > a {
  color: white;
}
.e-menu.e-horizontal li > ul li.separator,
.e-menu.e-vertical li > ul li.separator,
.e-menu.e-context li > ul li.separator,
.e-menu.e-vertical > li.separator,
.e-menu.e-context > li.separator {
  background-color: #bbbcbb;
  /* border background color is for separator */

}
.e-menu.e-horizontal li > ul li.separator:hover,
.e-menu.e-vertical li > ul li.separator:hover,
.e-menu.e-context li > ul li.separator:hover,
.e-menu.e-context > li.separator:hover {
  border: 0px solid transparent;
}
/*-------------------.e-vertical-Theming----------------------------------*/

.e-menu.e-vertical {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
  border: 1px solid #bbbcbb;
}
.e-menu.e-vertical > li:hover,
.e-menu.e-vertical > li:hover {
  background: #f4f4f4;
  /* Old browsers */

}
.e-menu.e-vertical li > ul {
  background: #dddddd;
  /* Old browsers */

  border: 1px solid #bbbcbb;
}
/*-------------------.e-context-Theming----------------------------------*/

.e-menu.e-context {
  background: #dddddd;
  /* Old browsers */

  border: 1px solid #bbbcbb;
}
.e-menu.e-context li > ul {
  background: #dddddd;
  /* Old browsers */

  border: 1px solid #bbbcbb;
}
/*----------------------------------- Disabled Items ----------------------------------*/

.e-menu.e-horizontal li.Disable_MenuItem,
.e-menu.e-horizontal li > ul li.Disable_MenuItem,
.e-menu.e-vertical li.Disable_MenuItem,
.e-menu.e-vertical li > ul li.Disable_MenuItem,
.e-menu.e-context li.Disable_MenuItem,
.e-menu.e-context li > ul li.Disable_MenuItem {
  background-color: transparent;
}
.e-menu.e-horizontal  li.Disable_MenuItem > *,
.e-menu.e-horizontal li > ul li.Disable_MenuItem > *,
.e-menu.e-vertical li.Disable_MenuItem > *,
.e-menu.e-vertical li > ul li.Disable_MenuItem > *,
.e-menu.e-context  li.Disable_MenuItem > *,
.e-menu.e-context li > ul li.Disable_MenuItem > * {
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.e-menu.e-horizontal  li.Disable_MenuItem a:hover,
.e-menu.e-horizontal  li.Disable_MenuItem:hover,
.e-menu.e-vertical  li.Disable_MenuItem a:hover,
.e-menu.e-vertical  li.Disable_MenuItem:hover,
.e-menu.e-context  li.Disable_MenuItem a:hover,
.e-menu.e-context  li.Disable_MenuItem:hover {
  background-color: transparent;
  background-image: none;
  color: transparent;
}
.e-menu.e-horizontal .e-mhover,
.e-menu.e-horizontal .e-mhover > a {
  background: #f4f4f4;
  /* Old browsers */

  color: white;
}
/*----------------------------------- RTL Menu ----------------------------------*/

.e-menu.rtl >li .arrow-space {
  padding-left: 24px;
  padding-right: 4px;
}
.e-menu.rtl li > ul >li .arrow-space {
  padding-right: 28px;
}
.e-menu.rtl > li > a span.arrows, .e-menu.rtl li > ul li > a span.arrows {
  top: 2px;
}
.e-menu.rtl >li >a span.arrows {
  background: url(../common-images/icons-gray.png) no-repeat -160px -64px;
  top: 0;
}
.e-menu.rtl.e-context >li >a  span.arrows,
.e-menu.rtl.e-vertical >li >a  span.arrows {
  background: url(../common-images/icons-gray.png) no-repeat -212px -63px;
}
.e-menu.rtl >li:hover >a  span.arrows {
  background: url(../common-images/icons-white.png) no-repeat -160px -64px;
}
.e-menu.rtl li > ul >li >a span.arrows {
  background: url(../common-images/icons-gray.png) no-repeat -212px -63px;
}
.e-menu.rtl li > ul li:hover >a span.arrows,
.e-menu.rtl.e-context >li:hover span.arrows,
.e-menu.rtl.e-vertical >li:hover span.arrows {
  background: url(../common-images/icons-white.png) no-repeat -212px -63px;
}
/*----------------------- Vertical Core --------------------------*/

.e-menu.rtl.e-vertical >li > a {
  padding: 0 28px 0 18px;
}
/*------------------------ Context Menu core --------------------*/

.e-menu.rtl.e-context > li.separator {
  margin: 2px 30px 2px 2px;
}
.e-menu.rtl.e-context >li > a {
  padding: 0 28px 0 18px;
}

/*----------------------OLAP Definition------------------*/
.e-progressbar {
  background-color: white;
  border: 1px solid #bbbcbb;
  color: #5c5c5c;
}
.e-progressbar .e-progress-range {
  background: #84c865;
  /* Old browsers */

}

/*----------------------OLAP Definition------------------*/
/*------------Rating themes -------------*/

.e-rating.horizontal .shape,
.e-rating.vertical .shape {
  background: url(images/rating-star.png) no-repeat;
  height: 16px;
  width: 16px;
}
.e-rating .shape.inactive {
  background-position: 0 -124px;
}
.e-rating .shape.active {
  background-position: 0 -104px;
}
.e-rating .shape.selected {
  background-position: 0 -64px;
}
.e-rating.horizontal .reset:hover,
.e-rating.vertical .reset:hover {
  background-position: 0 -21px;
}
.e-rating.horizontal .reset,
.e-rating.vertical .reset {
  background: url(images/rating-star.png) no-repeat;
  height: 16px;
  width: 16px;
  background-position: 0 0;
  margin-left: 2px;
}
.e-rating.horizontal .shape-list,
.e-rating.vertical .shape-list {
  background: url(images/rating-star.png) no-repeat;
  background-position: 0 -124px;
  height: 16px;
  width: 16px;
}
.e-rating-tooltip {
  background-color: #84c865;
  border: 2px solid #84c865;
  color: white;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- slider -------------------------------------------*/

.e-slider {
  background-color: white;
  border: 1px solid #bbbcbb;
}
.e-slider-tooltip {
  background: #84c865;
  /* Old browsers */

  border: 1px solid #84c865;
  color: white;
}
.e-slider .e-slider-handle.e-state-default {
  background-color: #dddddd;
  border: 1px solid #dddddd;
}
.e-slider .e-slider-handle.e-state-hover {
  background-color: #dddddd;
  border: 1px solid #dddddd;
}
.e-slider .e-slider-handle.e-focused {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.e-slider .e-slider-range {
  background: #84c865;
  /* Old browsers */

}
.e-scale .e-tick {
  background-image: url(images/dot.png);
}

/*----------------------OLAP Definition------------------*/
.e-splitbutton {
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 14px;
}
.e-splitbutton.e-bgdefault {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
  border: 1px solid #dddddd;
}
.e-splitbutton.e-bgdefault:hover {
  background: #f4f4f4;
  /* Old browsers */

  border: 1px solid #f4f4f4;
  color: white;
}
.e-splitbutton.e-bgdefault:active {
  background: #f4f4f4;
  /* Old browsers */

  border: 1px solid #f4f4f4;
  color: white;
}
.e-splitbutton.e-bgdisable {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
  border: 1px solid #dddddd;
}
.e-splitbutton.e-bgdisable:hover {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
  border: 1px solid #dddddd;
}
.e-splitbutton.e-bgdisable:active {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
  border: 1px solid #dddddd;
}
.e-splitbutton.e-bgdefault .e-splitbuttondiv .splitarrowicon {
  background-image: url(../common-images/icons-gray.png);
  background-position: -160px -64px;
  height: 16px;
  width: 16px;
}
.e-splitbutton.e-bgdefault:hover .e-splitbuttondiv .splitarrowicon {
  background-image: url(../common-images/icons-white.png);
  background-position: -160px -64px;
  height: 16px;
  width: 16px;
}
.e-splitbutton.e-bgdefault:active .e-splitbuttondiv .splitarrowicon {
  background-image: url(../common-images/icons-white.png);
  background-position: -160px -64px;
  height: 16px;
  width: 16px;
}
.e-splitwidget.e-rtl .e-splitbutton.e-bgdefault .e-splitbuttondiv .splitarrowicon {
  background-image: url(../common-images/icons-gray.png);
  background-position: -160px -64px;
  height: 16px;
  width: 16px;
}
.e-splitwidget.e-rtl .e-splitbutton.e-bgdefault:hover .e-splitbuttondiv .splitarrowicon {
  background-image: url(../common-images/icons-white.png);
  background-position: -160px -64px;
  height: 16px;
  width: 16px;
}
.e-splitwidget.e-rtl .e-splitbutton.e-bgdefault:active .e-splitbuttondiv .splitarrowicon {
  background-image: url(../common-images/icons-white.png);
  background-position: -160px -64px;
  height: 16px;
  width: 16px;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- splitter -------------------------------------------*/

.e-splitter {
  border: 1px solid #bbbcbb;
}
.e-splitter .pane {
  background-color: white;
  color: #5c5c5c;
}
.e-splitter .shadowbar.endrangeindicator {
  background-color: #fef1ec;
}
.e-splitter .splitbar .endrangeindicator {
  background-color: #fef1ec;
}
.e-splitter .splitbar {
  border-color: #bbbcbb;
}
.e-splitter .splitbar .h-arrow,
.e-splitter .splitbar .v-arrow {
  background-image: url(../common-images/icons-gray.png);
  background-repeat: no-repeat;
}
.e-splitter .splitbar .h-forward {
  background-position: -138px -64px;
}
.e-splitter .splitbar .h-backward {
  background-position: -214px -64px;
}
.e-splitter .splitbar .v-forward {
  background-position: -161px -68px;
}
.e-splitter .splitbar .v-backward {
  background-position: -187px -66px;
}

/*----------------------OLAP Definition------------------*/
/*Theme Color*/

.e-tab {
  font-family: Segoe UI;
}
.e-tab .e-tab-header {
  background: #84c865;
  /* Old browsers */

  border-bottom: 1px solid #84c865;
}
.e-tab .deleteicon {
  background-color: transparent;
  background-position: -445px -244px;
  padding: 3px;
}
.e-tab .e-state-default:hover div {
  background-image: url(../common-images/icons-white.png);
}
.e-tab .e-state-active:hover div {
  background-image: url(../common-images/icons-gray.png);
}
.e-tab .e-tab-panel {
  border-color: #bbbcbb;
  background: none;
}
.e-tab .e-tab-header > .e-tab-item:hover {
  background: #f4f4f4;
  /* Old browsers */

  color: white;
  border-image: initial;
}
.e-tab .e-tab-content {
  border-color: #bbbcbb;
  background: white;
  color: #5c5c5c;
  font-size: 14px;
}
.e-tab .e-tab-header > .e-state-default {
  background: #84c865;
  /* Old browsers */

  border-color: #bbbcbb;
  color: white;
  font-weight: normal;
  font-size: 16px;
}
.e-tab .e-tab-header > .e-state-default a {
  color: white;
}
.e-tab .e-tab-header > .e-state-active,
.e-tab .e-tab-header > .e-state-active:hover {
  background: white;
  border-color: #bbbcbb;
  color: #5c5c5c;
  font-weight: normal;
}
.e-tab .e-tab-header > .e-state-active a {
  color: #5c5c5c;
}
.e-tab.e-rtl .e-tab-header > .e-tab-item:first-child {
  margin-right: 0;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- tagcloud -------------------------------------------*/

.e-tagcloud {
  background-color: white;
  border: 1px solid #bbbcbb;
}
.e-tagcloud .title {
  background: #84c865;
  /* Old browsers */

  color: white;
  font-size: 16px;
  font-weight: normal;
}
.e-tagcloud .tagitems .text {
  color: #5c5c5c;
}
.e-tagcloud .tagitems .text.hover {
  color: #84c865;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- TimeEditor -------------------------------------------*/

.e-timepicker-wrapper .e-timepicker.e-input {
  color: #5c5c5c;
  background-color: white;
}
.e-timepicker-wrapper {
  border: 1px solid #bbbcbb;
}
.e-timepicker-wrapper .e-timepicker.e-input.e-focused,
.e-timepicker-wrapper.e-focused {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.e-timepicker-wrapper .e-imgcontainer .e-time-icon {
  background-image: url(../common-images/icons-gray.png);
  background-position: 78px -42px;
  height: 20px;
  margin-top: -10px;
}
.e-timepicker-wrapper .e-imgcontainer:not(.disabled):hover .e-time-icon {
  background-image: url(../common-images/icons-white.png);
}
.e-timepicker-wrapper .e-imgcontainer {
  background: #dddddd;
  /* Old browsers */

  border-left: 1px solid #bbbcbb;
}
.e-timepicker-wrapper .e-imgcontainer:not(.disabled):hover {
  background: #f4f4f4;
  /* Old browsers */

}
.e-timepicker-wrapper .e-imgcontainer.rtl {
  border-left: none;
  border-right: 1px solid #bbbcbb;
}
.e-time-popup {
  background-color: white;
  border: 1px solid #bbbcbb;
  color: #5c5c5c;
}
.e-time-popup .listHover {
  background: #f4f4f4;
  /* Old browsers */

  color: white;
}
.e-time-popup .time-selected {
  background: #f4f4f4;
  /* Old browsers */

  color: white;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- Toggle Button -------------------------------------------*/

.e-togglebutton {
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 14px;
}
.e-togglebutton.e-bgdefault {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
  border: 1px solid #dddddd;
}
.e-togglebutton.e-bghover {
  background: #f4f4f4;
  /* Old browsers */

  border: 1px solid #f4f4f4;
  color: white;
}
.e-togglebutton.e-bgselected {
  background: #f4f4f4;
  /* Old browsers */

  border: 1px solid #f4f4f4;
  color: white;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- ToolBar -------------------------------------------*/

.e-toolbar {
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 14px;
}
.e-toolbar-horizontal .toolbarseparator {
  border-right: 1px solid #bbbcbb;
}
.e-toolbar-vertical .toolbarseparator {
  border-bottom: 1px solid #bbbcbb;
}
.e-toolbar-horizontal .rtltoolbarseparator {
  border-left: 1px solid #bbbcbb;
}
.e-toolbar-vertical .rtltoolbarseparator {
  border-top: 1px solid #bbbcbb;
}
.e-toolbar-horizontal,
.e-toolbar-vertical {
  color: #5c5c5c;
  background: #dddddd;
  /* Old browsers */

  background-repeat: no-repeat;
}
.e-toolbar-horizontal.toolcover,
.e-toolbar-vertical.toolcover {
  border: 1px solid #bbbcbb;
}
.e-toolbar-horizontal .toolhover,
.e-toolbar-vertical .toolhover {
  background: #f4f4f4;
  /* Old browsers */

  border: 1px solid #f4f4f4;
  color: white;
}
.e-toolbar-horizontal .toolselected,
.e-toolbar-vertical .toolselected {
  background: #f4f4f4;
  /* Old browsers */

  border: 1px solid #f4f4f4;
  color: white;
}

/*----------------------OLAP Definition------------------*/
/*Theme Color*/

.e-treeview {
  font-family: Segoe UI;
}
.e-treeview.mainDiv {
  background-color: white;
  border: 1px solid #bbbcbb;
}
.e-treeview .plus,
.e-treeview .minus {
  background-image: url(../common-images/icons-gray.png);
}
.e-treeview .plus {
  background-position: -341px -89px;
}
.e-treeview .minus {
  background-position: -289px -89px;
}
.e-treeview .nodetext {
  color: #5c5c5c;
}
.e-treeview .selected {
  background: #f4f4f4;
  /* Old browsers */

  color: white;
  border: 1px solid transparent;
  border-image: initial;
}
.e-treeview .nodehover {
  background: #f4f4f4;
  /* Old browsers */

  color: white;
  border: 1px solid #f4f4f4;
  border-image: initial;
  cursor: pointer;
}
.e-treeview .Sibling {
  background: url(images/drop-sibling.png);
  background-repeat: no-repeat;
  width: 80px;
  height: 5px;
  position: absolute;
}
.e-treeview .nodeDisabled {
  filter: alpha(opacity=40);
  opacity: .4;
}
.e-treeview.e-rtl .e-treeview .e-item .plus {
  float: right;
  margin-right: -14px;
  background-position: -319px -88px;
}
.e-treeview.e-rtl .e-treeview .e-item .minus {
  float: right;
  margin-right: -14px;
  background-position: -267px -88px;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- Upload Box -------------------------------------------*/

.e-uploadbox .inputbutton {
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 14px;
}
.e-uploadbox .file-name-text {
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 16px;
}
.e-uploadbox .selectionpart,
.e-uploadbox .upload-button {
  background: #dddddd;
  /* Old browsers */

  color: #555555;
  border: 1px solid #dddddd;
}
.e-uploadbox .selectionpart:hover,
.e-uploadbox .upload-button:hover {
  background: #f4f4f4;
  /* Old browsers */

  border: 1px solid #f4f4f4;
  color: white;
}
.e-uploadbox .selectionpart .inputbutton {
  color: #555555;
}
.e-uploadbox .selectionpart:hover .inputbutton {
  color: white;
}
.e-uploadbox .file-name-text {
  color: #5c5c5c;
}
.e-uploadbox .file-list .file-status-failed {
  color: #cd0a0a;
}
.e-uploadbox .file-list .file-status-success {
  color: #5c5c5c;
}
.e-uploadbox .file-progress-status {
  background: #f4f4f4;
  /* Old browsers */

}
.e-uploadbox .file-list {
  background-color: white;
  color: #5c5c5c;
}
.e-uploadbox .upload-file-list li:nth-child(odd) .file-list {
  background-color: white;
}
.e-uploadbox .upload-file-list li:nth-child(even) .file-list {
  background-color: white;
}
/*Icons */

.e-uploadbox .action-perform .file-action {
  background: url(../common-images/icons-gray.png);
  float: left;
  height: 20px;
  margin-top: 5px;
  position: relative;
  width: 30px;
}
.e-uploadbox .action-perform:hover .file-action {
  background-image: url(../common-images/icons-white.png);
  float: left;
  height: 20px;
  margin-top: 5px;
  position: relative;
  width: 30px;
}
.e-uploadbox .file-list .file-percentage-success {
  background-image: url(../common-images/icons-white.png);
  height: 23px;
  width: 23px;
  background-position: -416px -19px;
  margin-top: 0;
  background-color: #5fd819;
  border-radius: 60px 60px 60px 60px;
}
.e-uploadbox .file-list .file-percentage-failed {
  background-image: url(../common-images/icons-white.png);
  height: 23px;
  width: 23px;
  background-position: -441px -21px;
  margin-top: 0;
  background-color: #ff002a;
  border-radius: 60px 60px 60px 60px;
}
.e-uploadbox .file-list .file-action-cancel {
  background-position: -437px -23px;
}
.e-uploadbox .file-list .file-action-delete {
  background-position: -177px -22px;
}
.e-uploadbox .file-list .file-action-retry {
  background-position: -73px -1px;
}
.e-uploadbox .ej-dialog .ej-dialog-header {
  color: white;
  font-size: 23px;
  font-weight: normal;
}
.e-uploadbox .action-perform {
  background-color: white;
  border-radius: 4px 4px 4px 4px;
  float: left;
  height: 25px;
  margin-left: 5px;
  margin-top: 11px;
  padding: 0;
  width: 30px;
}
.e-uploadbox .action-perform:hover {
  background: #f4f4f4;
  /* Old browsers */

  border-radius: 4px 4px 4px 4px;
  float: left;
  height: 25px;
  margin-left: 5px;
  margin-top: 11px;
  padding: 0;
  width: 30px;
}

/*----------------------OLAP Definition------------------*/
/*------------------------------------- MetroLight Skin -------------------------------------------*/

.e-waitingPopup .e-image {
  background-color: white;
  background-image: url(images/waitingpopup.gif);
  border: 3px solid #bbbcbb;
}
.e-waitingPopup.e-panel {
  background-color: #aaaaaa;
  color: white;
}

/*----------------------OLAP Definition------------------*/
/*Theme Color*/

.e-checkbox .e-innerspan.e-chk-inactive {
  border-color: #bbbcbb;
  background-color: white;
}
.e-checkbox .e-innerspan.e-chk-indeterminate,
.e-checkbox .e-innerspan.e-chk-active {
  border-color: #bbbcbb;
  background: white;
}
.e-checkbox .e-innerspan .e-chk-image {
  background-image: url(images/checkedtick.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
}
.e-checkbox .e-innerspan .e-chk-image.e-chk-indetericon {
  background-image: url("images/gradient.png");
  background-repeat: repeat;
  position: absolute;
  background-position: 0;
  left: 0px;
}
.e-checkbox .e-checkboxsmaller .e-innerspan .e-chk-image.e-chk-indetericon {
  height: 9px;
  margin-left: 2px;
  margin-top: 2px;
  width: 9px;
}
.e-checkbox .e-checkboxmedium .e-innerspan .e-chk-image.e-chk-indetericon {
  height: 9px;
  margin-left: 5px;
  margin-top: 5px;
  width: 9px;
}
.e-checkbox .e-checkboxsmaller .e-innerspan.e-chk-active .e-chk-image.e-chk-activeicon {
  background-position: -1px -21px;
  height: 13px;
  width: 13px;
}
.e-checkbox .e-checkboxmedium .e-innerspan.e-chk-active .e-chk-image.e-chk-activeicon {
  background-position: 2px 2px;
  height: 19px;
  width: 19px;
}
.e-checkbox-wrapper .e-checkbox-text {
  font-family: Segoe UI;
  font-size: 12px;
}

/*----------------------OLAP Definition------------------*/
/*Theme Color*/

.e-radiobtn .e-div .e-spanicon {
  background-color: white;
  background-image: none;
  border-color: #bbbcbb;
}
.e-radiobtn .e-rad-state-default {
  background: none repeat scroll 0 0 transparent;
}
.e-radiobtn .e-rad-state-active {
  background: url("images/gradient.png") repeat scroll 0 0 #f4f4f4;
}
.e-radiobtn-wrapper .e-radiobtn-text {
  font-family: Segoe UI;
  font-size: 12px;
}

/*----------------------OLAP Definition------------------*/
.e-olapgrid table {
  font: 12px Segoe UI !important;
  color: #565656;
  border-collapse: collapse;
  background-color: White;
  cursor: default;
}
.e-olapgrid th,
.e-olapgrid td {
  padding: 0 2px 0 3px;
  border: solid 1px;
  border-color: #c4c4c4;
  white-space: nowrap;
  height: 25px;
  font-weight: normal;
}
.e-olapgrid .Value {
  background-color: White;
  text-align: right !important;
  padding: 6px 6px 6px 16px;
}
.e-olapgrid .Summary {
  background: #f7fcb6;
  color: #565656;
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
}
.e-olapgrid .ColHeader,
.e-olapgrid .RowHeader {
  font-weight: bold;
  color: white;
  background: #84c865;
  background-repeat: repeat;
  padding: 6px 16px 6px 2px;
  text-align: left;
  font-style: normal;
}
.e-olapgrid .ColHeader:hover,
.e-olapgrid .RowHeader:hover {
  font-weight: bold;
  color: white;
  background: #f4f4f4;
  background-repeat: repeat;
  padding: 6px 16px 6px 2px;
  text-align: left;
  font-style: normal;
}
.e-olapgrid .Expand,
.e-olapgrid .Collapse {
  background-image: url("../common-images/icons-gray.png");
  background-repeat: no-repeat;
  width: 19px;
  display: inline-block;
  cursor: pointer;
}
.e-olapgrid .Expand,
.e-olapgrid .Header-Hover-Expand {
  background-position: -159px -89px;
}
.e-olapgrid .Collapse,
.e-olapgrid .Header-Hover-Collapse {
  background-position: -185px -88px;
}
.e-olapgrid .Header-Hover-Expand,
.e-olapgrid .Header-Hover-Collapse {
  background-image: url("../common-images/icons-white.png") !important;
  background-repeat: no-repeat;
}
.e-olapgrid .KpiIconValue {
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.e-olapgrid .KpiUpArrow {
  background-image: url("images/olap-kpi.png");
  background-position: center -521px;
}
.e-olapgrid .KpiRightArrow {
  background-image: url("images/olap-kpi.png");
  background-position: center -322px;
}
.e-olapgrid .KpiDownArrow {
  background-image: url("images/olap-kpi.png");
  background-position: center -124px;
}
.e-olapgrid .KpiDiamond {
  background-image: url("images/olap-kpi.png");
  background-position: center -59px;
}
.e-olapgrid .KpiTriangle {
  background-image: url("images/olap-kpi.png");
  background-position: center -455px;
}
.e-olapgrid .KpiCircle {
  background-image: url("images/olap-kpi.png");
  background-position: center 8px;
}
.e-olapgrid .KpiRedRoad {
  background-image: url("images/olap-kpi.png");
  background-position: center -255px;
}
.e-olapgrid .KpiGreenRoad {
  background-image: url("images/olap-kpi.png");
  background-position: center -189px;
}
.e-olapgrid .KpiAllColor {
  background-image: url("images/olap-kpi.png");
  background-position: center -387px;
}

/*----------------------OLAP Definition------------------*/
.e-olapclient table {
  font: normal 12px Segoe UI;
}
.e-olapclient .splitBtn {
  margin: 4px 0 0 5px;
}
.e-olapclient .cubeSelector {
  border: 1px solid #bbbcbb;
  height: inherit;
  width: inherit;
  font-family: Segoe UI;
}
.e-olapclient .cubeBrowser,
.e-olapclient .cubeTable {
  border: 1px solid #bbbcbb;
}
.e-olapclient .cubeName {
  padding: 7px 0 0 10px;
}
.e-olapclient .categoricalAxis,
.e-olapclient .rowAxis,
.e-olapclient .slicerAxis {
  border: 1px solid #bbbcbb;
}
.e-olapclient .controlPanel {
  border: 1px solid #bbbcbb;
  overflow: auto;
}
.e-olapclient .dimensionCDB,
.e-olapclient .folderCDB,
.e-olapclient .hierarchyCDB,
.e-olapclient .attributeCDB,
.e-olapclient .chartCDB,
.e-olapclient .namedSetCDB,
.e-olapclient .level0,
.e-olapclient .level1,
.e-olapclient .level2,
.e-olapclient .level3,
.e-olapclient .level4,
.e-olapclient .level5,
.e-olapclient .level6,
.e-olapclient .level7,
.e-olapclient .level8,
.e-olapclient .level9,
.e-olapclient .level10 {
  background-image: url("images/olap-treeview.png");
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: text-top;
}
.e-olapclient .dimensionCDB {
  background-position: 0 -1186px;
}
.e-olapclient .folderCDB {
  background-position: 0 -1250px;
}
.e-olapclient .hierarchyCDB {
  background-position: 0 -1314px;
}
.e-olapclient .attributeCDB {
  background-position: 0 -990px;
}
.e-olapclient .chartCDB {
  background-position: 0 -1056px;
}
.e-olapclient .namedSetCDB {
  background-position: 0 -1445px;
}
.e-olapclient .level0 {
  background-position: 0 0;
}
.e-olapclient .level1 {
  background-position: 0 0;
}
.e-olapclient .level2 {
  background-position: 0 -462px;
}
.e-olapclient .level3 {
  background-position: 0 -528px;
}
.e-olapclient .level4 {
  background-position: 0 -594px;
}
.e-olapclient .level5 {
  background-position: 0 -660px;
}
.e-olapclient .level6 {
  background-position: 0 -726px;
}
.e-olapclient .level7 {
  background-position: 0 -792px;
}
.e-olapclient .level8 {
  background-position: 0 -858px;
}
.e-olapclient .level9 {
  background-position: 0 -924px;
}
.e-olapclient .level10 {
  background-position: 0 -66px;
}
.e-olapclient .dialogBtn {
  color: black;
  width: 69px;
  margin-left: 10px;
}
.e-olapclient .editorDiv {
  border: 2px solid #159ed9;
}
.e-olapclient .checkAll,
.e-olapclient .unCheckAll {
  background-image: url("images/olap-treeview.png");
  display: inline-block;
  height: 15px;
  width: 16px;
}
.e-olapclient .checkAll {
  background-position: center -1641px !important;
  margin: 0px;
}
.e-olapclient .unCheckAll {
  background-position: center -1709px !important;
  margin-left: 5px;
}
.e-olapclient .checkAll:hover,
.e-olapclient .unCheckAll:hover {
  background-color: #159ed9;
}
.e-olapclient .memberEditorDiv {
  height: 256px;
  margin-top: 5px;
  border: 1px solid #bbbcbb;
  overflow: auto;
}
.e-olapclient .removeSplitBtn,
.e-olapclient .removeMeasure {
  background-image: url("images/olap-treeview.png");
  background-repeat: no-repeat;
  height: 11px;
  padding-right: 10px;
  padding-left: 10px;
  margin: 4px;
  width: 11px;
}
.e-olapclient .removeSplitBtn {
  background-position: 0px -1773px !important;
}
.e-olapclient .removeMeasure {
  background-position: 0px -1775px !important;
}
.e-olapclient .measureEditor {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 3px;
}
.e-olapclient .measureEditor:hover {
  background-color: #159ed9;
  color: White;
}
.e-olapclient .e-treeview {
  overflow: none !important;
}
.e-olapclient .e-treeview.mainDiv {
  overflow: none !important;
  border-style: none !Important;
}
.e-olapclient .nodetext {
  font-size: inherit !important;
}
.e-olapclient .e-treeview ul {
  height: inherit !important;
}
.e-olapclient .e-dialog {
  font: bold 12px Segoe UI !important;
}