@font-family: Segoe UI;
@font-size: 12px;
@border-size: 1px;
@border-type: solid;
@tools-border-radius: 3px;
@widget-bg-color:#111111;
@label-color:#ffffff;

@header-bg-stcolor: #000000;
@header-bg-endcolor: #000000;
@header-gradient-color: none;
@header-border-color: #494949;
@header-font-color: #dddddd;
@header-icon-color: #cccccc;
@tooltip-line-height : 18px;
@content-bg-color: #000000;
@content-border-color: #494949;
@content-font-color: #dddddd;
@filtermenu-color: #494949;

@default-bg-stcolor: #212121;
@default-bg-endcolor: #212121;
@default-gradient-color: none;
@default-border-color: #777777;
@default-font-color: #dddddd;
@default-icon-color: #cccccc;

@hover-bg-stcolor: #082e40;
@hover-bg-endcolor: #082e40;
@hover-gradient-color: none;
@hover-border-color: #494949;
@hover-font-color: #aaaaaa;
@hover-icon-color: #efefef;

@active-bg-stcolor: #179bd7;
@active-bg-endcolor: #179bd7;
@active-gradient-color: none;
@active-border-color: #494949;
@active-font-color: #ffffff;
@active-icon-color: #ffffff;

@error-color: #ee2924;
@warning-color: #ffca1c;
@success-color: #22b24b;
@information-color: #489bd5;

@overlay-bg-color: #969696;
@sort-filter-disable: #999999;

@header-font-weight: normal;
@header-font-size: 17px;

@content-font-weight: normal;
@content-font-size:14px;

@scroll-bg-color: lighten(@content-bg-color, 15%);
@scroll-handle-color: lighten( @content-bg-color, 25% );
@scroll-handle-hover-color: @hover-bg-stcolor;
@scroll-handle-active-color: @active-bg-stcolor;


@gheader-bg-color: @header-bg-stcolor;
@gheader-hover-font-color: @hover-font-color;
@gheader-border-color: @active-bg-stcolor;
@gheader-bg-colorhover: @hover-bg-stcolor;
@gheader-font-color: @header-font-color;
@gheader-font-size: 14px;
@gedit-title-color: lighten( @content-bg-color, 21%);

@gtouch-border-color: #FFFFFF;

@gdroparea-hover-color: @hover-bg-stcolor;

@pager-hover-stbg-color: @hover-bg-stcolor;

@gcontent-bg-color: @content-bg-color;
@gcontent-font-color: @content-font-color;

@gdroparea-stbg-color: @active-bg-stcolor;
@gdroparea-endbg-color: @active-bg-endcolor;
@gdroparea-border-color: @content-border-color;
@gdroparea-font-color: @active-font-color;
@gcaption-border-color: lighten( @default-bg-stcolor, 5% );
@gcaption-border-radius: 0px;


@row-hover-color: @hover-bg-stcolor;
@row-hover-font-color: @hover-font-color;
@row-border-color: @content-border-color;
@row-border-coloropac: rgba(48,48,48,0.5);
@row-selection-bg-color: @active-bg-stcolor;
@row-selection-font-color: @active-font-color;
@cell-selection-stbg-color: darken( desaturate( spin( @active-bg-stcolor, -1deg ), 15% ), 11% );
@cell-selection-endbg-color: darken( desaturate( spin( @active-bg-stcolor, -1deg ), 15% ), 11% );
@column-selection-bg-color: @default-bg-stcolor;
@alt-row-bg-color: lighten( @content-bg-color, 7%);

@pager-font-color: @default-font-color;
@pager-default-font-color: @default-font-color;
@pager-default-bg-color: @default-bg-stcolor;
@pager-default-border-color: @default-border-color;
@pager-active-stbg-color: @active-bg-stcolor;
@pager-active-endbg-color: @active-bg-endcolor;
@pager-hover-stbg-color: @hover-bg-stcolor;
@pager-hover-endbg-color: @hover-bg-endcolor;
@pager-active-font-color: @active-font-color;

@filter-input-border-color: #424242;
@filter-input-bg-color: #3a3a3a;

@alternate-border-color: #242424;
@timeline-bg-color: #1C6DA3;

@captcha-refresh-border: 1px solid lighten( @default-border-color, 50% );
@captcha-image-border: 1px solid lighten( @default-border-color, 10% );
@captcha-valid-border: 1px solid lighten( saturate( @default-border-color, 2% ), 49% );
@captcha-image: #f7f7f7;

@watermark-font-style: italic;
@watermark-font-color: darken( @default-font-color, 71% );
@watermark-font-weight: normal;
@watermark-font-size: 14px;

@hightlight-bg-color: #5EABDE;
@highlight-border-color: #AAAAAA;
@highlight-font-color: #363636;
@highlight-font-weight: normal;
@highlight-font-size: 14px;

@error-bg-color: #fef1ec;
@error-border-color: #cd0a0a;
@error-font-color: #cd0a0a;
@error-font-weight: bold;

@shadow-bg-color: lighten( @default-bg-stcolor, 54% );
@input-bg-color: #050505;

@gantt-chart-critical-connectorline-color: #ff5555;
@gantt-chart-critical-connectorline-rightarrow-color: #ff5555;
@gantt-chart-critical-connectorline-leftarrow-color: #ff5555;
@gantt-chart-critical-child-progressbar-color: #ff5555;
@gantt-chart-critical-child-progressbar-border-color: #ff5555;
@gantt-chart-critical-child-taskbar-color: #ff8b8b;
@gantt-chart-critical-child-taskbar-border-color: #ff8b8b;

@gantt-chart-manual-child-progressbar-stbg-color: #67C1B2;
@gantt-chart-manual-child-progressbar-endbg-color: #67C1B2;
@gantt-chart-manual-child-progressbar-gradient-color: none;
@gantt-chart-manual-child-taskbar-color: #8DD1C4;
@gantt-chart-manual-child-taskbar-border-color: #4FB29F;

@schedule-app-stbg-color: @active-bg-stcolor;
@schedule-app-endbg-color: @active-bg-endcolor;
@schedule-app-border-color: lighten(@active-bg-stcolor, 10%);
@schedule-select-bg-color: @hover-bg-stcolor;
@schedule-active-border-size:3px;
@schedule-header-border-color:@active-bg-stcolor;
@schedule-cells-bg-color: lighten( @content-bg-color, 7%);

@grid-uisupport-background-color: #58585B;
@grid-uisupport-number-color: #1E1F1E;
@grid-focusout: desaturate( @active-bg-stcolor, 80% );

@gantt-toolbar-bg-color: @content-bg-color;
@gantt-editDialog-bg-color: @content-bg-color;
@gantt-content-bg-color: @content-bg-color;
@gantt-chart-content-bg-color: @content-bg-color;
@gantt-altRow-bg-color: lighten( @content-bg-color, 7%);
@gantt-weekends-bg-color: @gantt-altRow-bg-color;
@gantt-selection-bg-color: fadeout(@active-bg-stcolor,80%);
@gantt-row-stbg-color: fadeout(@active-bg-stcolor,80%);
@gantt-row-endbg-color: fadeout(@active-bg-endcolor,80%);
@gantt-header-bg-color: @header-bg-stcolor;
@gantt-header-stbg-color: @header-bg-stcolor;
@gantt-header-endbg-color: @header-bg-endcolor;
@gantt-milestone-bg-color: @content-font-color;
@gantt-parent-taskbar-color: #a7b1be;
@gantt-row-selection-bg-color: #179bd7;
@gantt-spliiter-bg-color: @content-bg-color;
@gantt-connectorline-arrow-bg-color: @content-font-color;
@gantt-progressHandle-color: @content-font-color;
@gantt-toolTip-bg-color: @content-bg-color;
@gantt-parent-progress-bg-color: @content-font-color;
@gantt-parent-task-bg-color: fadeout(@content-font-color,40%);
@gantt-child-progress-bg-color: @active-bg-stcolor;
@gantt-child-task-bg-color: fadeout(@active-bg-stcolor,40%);
@gantt-parent-progress-stbg-color: @content-font-color; /* need verify with UX team*/
@gantt-parent-progress-enbg-color: @content-font-color;
@gantt-child-progress-stbg-color: @active-bg-stcolor;
@gantt-child-progress-enbg-color: @active-bg-endcolor;
@gantt-predecessor-header-bg-color: @default-bg-stcolor;
@gantt-toolbar-icon-color: @default-icon-color;
@gantt-toolbar-icon-mouseover-color: @hover-icon-color;
@gantt-menuitem-font-color: @content-font-color;
@gantt-menuitem-hover-font-color: @hover-font-color;
@gantt-expandcollapse-icon-color: @default-icon-color;
@gantt-task-gripper-color: fadeout(@content-bg-color,60%);
@gantt-splitter-icon-content: "\e6fa";
@gantt-add-icon-content: "\e6fe";
@gantt-edit-icon-content: "\e705";
@gantt-delete-icon-content: "\e706";
@gantt-save-icon-content: "\e6fc";
@gantt-cancel-icon-content: "\e708";
@gantt-indent-icon-content: "\e702";
@gantt-outdent-icon-content: "\e6fd";
@gantt-expandall-icon-content: "\e703";
@gantt-collapseall-icon-content: "\e707";
@gantt-dialog-close-icon-mouseover-color: lighten(@content-bg-color,10%);

@gantt-toolbar-border-color: @header-border-color;
@gantt-splitter-border-color: @content-border-color;
@gantt-editDialog-border-color: @default-border-color;
@gantt-content-border-color: @content-border-color;
@gantt-header-border-color: @header-border-color;
@gantt-schedule-border-color: @header-border-color;
@gantt-tooltip-border-color: @content-border-color;
@gantt-parent-taskbar-border-color: @gantt-parent-progress-stbg-color;
@gantt-child-taskbar-border-color: @gantt-child-progress-stbg-color;
@gantt-chart-border-color: @content-border-color;

@gantt-editDialog-font-color: @content-font-color;
@gantt-content-font-color: @content-font-color;
@gantt-selection-font-color: @content-font-color;
@gantt-header-font-color: @header-font-color;
@gantt-schedule-font-color: @header-font-color;
@gantt-toolbar-font-color: @content-font-color;
@gantt-tooltip-font-color: @content-font-color;

@treegrid-detailcellwrapper-background-color: @content-bg-color;
@treegrid-detailcellwrapper-font-color: @content-font-color;
@treegrid-detailcellwrapperfly-border-color: @content-border-color;
@treegrid-detailcellwrapperfly-shadow-color: @content-border-color;
@treegrid-detailicon-shadow-color: lighten(@content-bg-color,11%);

@gantt-theme-line-color: @active-bg-stcolor;
@gantt-connectorline-color: @gantt-connectorline-arrow-bg-color;
@gantt-connectorpoint-hover-color: @gantt-connectorline-arrow-bg-color;
@gantt-falseLine-color: @gantt-connectorline-arrow-bg-color;
@gantt-columnchooser-border-color: @content-border-color;

@treegrid-summaryrow-backgroundcolor: lighten(@default-bg-stcolor, 4%);
@treegrid-totalsummaryrow-backgroundcolor: lighten(@default-bg-stcolor, 4%);
@treegrid-summaryrow-textcolor: @content-font-color;
@treegrid-summaryrow-border-color: @content-border-color;
@tab-background-color: #1e1e1e;
@filtermenudialog-color:@filtermenu-color;

@tab-background-color-dark: #1e1e1e;
.tab-headerbg(@is-color: none){    
    & when not (@is-color = none) {
        background: @content-bg-color;      
    }
    color: @active-bg-stcolor;
} 
@radial-badge-color:#FFFFFF;

.header-gradient() {
   .custom-gradient(@header-gradient-color, @header-bg-stcolor, @header-bg-endcolor, 0%, 0% );
}

.default-gradient() {
   .custom-gradient(@default-gradient-color, @default-bg-stcolor, @default-bg-endcolor, 0%, 0% );
}

.hover-gradient() {
    .custom-gradient(@hover-gradient-color, @hover-bg-stcolor, @hover-bg-endcolor, 0%, 0% );
}

.active-gradient() {
    .custom-gradient(@active-gradient-color, @active-bg-stcolor, @active-bg-endcolor, 0%, 0% );
}

@isDefault: true;

.custom-gradient(@derivedfrom, @start, @end, @light, @dark) when (@isDefault) {
    &{
        .generate();
    }
    .generate() when (@derivedfrom = none) {
        @gradient: none;
        background: @start;
    }
    .generate() when not (@derivedfrom = none) {
        @gradient: lighten(extract(@derivedfrom, 1), @light), darken(extract(@derivedfrom, 2), @dark);
        background: @start; /* Old browsers */
        background: -moz-linear-gradient(top, @gradient); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@start), color-stop(100%,@end)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,@gradient); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, @gradient); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, @gradient); /* IE10+ */
        background: linear-gradient(to bottom, @gradient); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{start}', endColorstr='@{end}',GradientType=0 ); /* IE6-9 */
    }
}    

.scroller-gradient() {
    background-image: @active-grid-image;
    background-color: @scroll-handle-color;
}

.scroller-hover-gradient() {
    background-image: @hover-grid-image;
    background-color: @scroll-handle-hover-color;
}

.gheader-gradient() {
    .header-gradient();
}

.tgheader-gradient() {
    .header-gradient();
}
.ganttheader-gradient() {
    .header-gradient();
}
.pager-hover-gradient() {
    .hover-gradient();
}

.header-hover-gradient(){
    .hover-gradient();
}

.tgPopUp-gradient() {
    background: @content-bg-color;
}

.treegrid-hover-gradient() {
  .hover-gradient();
}

.treegrid-popup-gradient() {
    background: @default-bg-stcolor;
}

.row-selection() {
    .active-gradient();
}

.schedule-app-color() {
    background: @schedule-app-stbg-color; /* Old browsers */
    background: -moz-linear-gradient(top,   0%, @schedule-app-endbg-color 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@schedule-app-stbg-color), color-stop(100%,@schedule-app-endbg-color)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, @schedule-app-stbg-color 0%,@schedule-app-endbg-color 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, @schedule-app-stbg-color 0%,@schedule-app-endbg-color 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, @schedule-app-stbg-color 0%,@schedule-app-endbg-color 100%); /* IE10+ */
    background: linear-gradient(to bottom, @schedule-app-stbg-color 0%,@schedule-app-endbg-color 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{schedule-app-stbg-color}', endColorstr='@{schedule-app-endbg-color}',GradientType=0 ); /* IE6-9 */
}

.cell-selection() {        
    .custom-gradient(@active-gradient-color, @cell-selection-stbg-color, @cell-selection-endbg-color, 0%, 20%);    
}

.column-selection() {
    background-color: @column-selection-bg-color;
}

.row-Hover() {
    .hover-gradient();
}

.hover-gradientfunction() {
    background: @tab-background-color-dark; /* Old browsers */
}

.tile-bg-gradient() {
    .active-gradient();
}

.hover-pager-gradient() {
    .hover-gradient();
}

.pager-selection-gradient() {
    .active-gradient();
}

.gdroparea-gradient() {
    .active-gradient();
}

.gantt-row-selection() {
    @temp-gradient: @gantt-row-stbg-color, @gantt-row-endbg-color;
	background: -moz-linear-gradient(top, @temp-gradient); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@gantt-row-stbg-color), color-stop(100%,@gantt-row-endbg-color)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  @temp-gradient); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, @temp-gradient); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, @temp-gradient); /* IE10+ */
    background: linear-gradient(to bottom, @temp-gradient); /* W3C */
}

.gantt-parent-progress-background() {
    @temp-gradient:none;
    .custom-gradient(@temp-gradient, @gantt-parent-progress-stbg-color, @gantt-parent-progress-enbg-color, 0%, 0% );
}

.gantt-child-progress-background() {
   .active-gradient();
}
.gantt-child-manualprogress-background(){   
    .custom-gradient(@gantt-chart-manual-child-progressbar-gradient-color,  @gantt-chart-manual-child-progressbar-stbg-color, @gantt-chart-manual-child-progressbar-endbg-color, 0%, 0% );
}

@colorpicker-image: url(../common-images/colorpicker_dark.png);
@colorpicker-bg-color: @content-bg-color;
@colorpicker-border-color: #cecece;
@colorpicker-button-bg-color: @content-bg-color;
@colorpicker-button-border-color: @content-bg-color;
@colorpicker-popup-bg-color: @default-bg-stcolor;
@colorpicker-popup-boder-color: @default-border-color;
@colorpicker-btn-bg-color: @content-bg-color;
@colorpicker-hover-font-color: #fff;
@header-ui-icon: url(../common-images/icons-white.png);
@default-ui-icon: url(../common-images/icons-halfwhite.png);
@hover-ui-icon: url(../common-images/icons-white.png);
@active-ui-icon: url(../common-images/icons-white.png);
@ajaxloaderimage: url(images/ajax-loader.gif);
@rte-toolbar-icon: url(images/toolbar_icons.png);
@ratingimage: url(images/rating-star.png);
@treeview-drop-image: url(images/drop-sibling.png);
@slider-tick: url(images/dot.png);
@loading-img: url(images/waitingpopup.gif);
@hover-grid-image: url(../common-images/icons-white.png);
@active-grid-image: url(../common-images/icons-halfwhite.png);
@gradient-image: url("images/gradient.png");
@checkedtick-image: url(images/checkedtick.png);

/*-----------------------Map------------------*/

@map-home: url(../common-images/maps/Home.png);
@map-home-hover: url(../common-images/maps/Home_hover.png);

/*-----------------------PdfViewer------------------*/
@pdfviewer-scrollcontainer:lighten(@content-bg-color,15%);

.pdfviewer-searchtoolbar-border-color(){}
.pdfviewer-toolbar-border-color(){}
.pdfviewer-toolbar-border-color-hover(){}
.pdfviewer-viewercontainer-border-color(){}
.pdfviewer-viewercontainer-bgcolor(){}

/*-----------------------End PdfViewer------------------*/

/*----------------------OLAP Definition------------------*/
@table-font: 12px Segoe UI

!important; @pivotList-treeview-text-hvr-color:@active-font-color; @pivotList-dialog-close-hvr-color:@active-bg-stcolor; @pivotList-treeview-active-color:darken( desaturate( @active-bg-stcolor, 11 ), 2 ); @ogrid-dialog-bgcolor:darken( desaturate( @active-bg-stcolor, 4 ), 1 ); @pivotList-treeview-text:@default-font-color; @pivotList-treeview-hvr-color:@active-bg-stcolor; @ogrid-header-border-color:@content-border-color; @ogaugeTooltip-border-color:@content-border-color; @toolTipText-color:@content-font-color; @toolTip-bg-color:@default-bg-stcolor; @fg-table-color: @content-font-color; @bg-table-color: @content-bg-color; @brd-table-color: @gdroparea-border-color; @bg-value-color: @content-bg-color; @bg-summary-color: saturate( @active-bg-stcolor, 1 ); @fg-header-color: @content-font-color; @fg-header-hvr-color: @hover-font-color; @expander-img: url("../common-images/icons-gray.png"); @kpi-uparrow-img: url("../common-images/olapkpi/up-arrow.png"); @kpi-rightarrow-img: url("../common-images/olapkpi/right-arrow.png"); @kpi-downarrow-img: url("../common-images/olapkpi/down-arrow.png"); @kpi-diamond-img: url("../common-images/olapkpi/diamond.png"); @kpi-triangle-img: url("../common-images/olapkpi/triangle.png"); @kpi-circle-img: url("../common-images/olapkpi/circle.png"); @kpi-red-img: url("../common-images/olapkpi/red.png"); @kpi-green-img: url("../common-images/olapkpi/green.png"); @kpi-all-img: url("../common-images/olapkpi/three-color.png"); @aeb-bgcolor: @content-bg-color; @oclient-bgcolor: @content-bg-color; @oclient-border-color: @content-border-color; @oclient-icons-color:@default-icon-color; @pivot-selection-background:@hover-bg-stcolor; @pivot-selection-border:@default-border-color; @oclient-dialog-bgcolor:@content-bg-color; @oclient-dialog-color:@default-font-color; @oclient-treeview-text:@default-font-color; @oclient-treeview-text-hover:@hover-font-color; @oclient-treeview-active:@active-bg-stcolor; @oclient-ddl-color:@default-font-color; @oclient-ddl-bgcolor:@content-bg-color; @oclient-ddl-bcolor:@hover-border-color; @oclient-ddl-hcolor:@hover-font-color; @oclient-ddl-hbgcolor:@hover-bg-stcolor; @oclient-icons-hover-bg: @hover-bg-stcolor; @toolbar-bgcolor:@default-bg-stcolor; @toolbar-icons-hvrcolor:@hover-icon-color; @fullscreen-bg-color:@content-bg-color; @maxview-bg-color:@content-bg-color; @groupingBar-bg-color:@active-bg-stcolor; 
.groupingBar-btn-color() {
    color: @default-icon-color;
    border-color: @content-border-color;
}

.ogridheader-gradient() {
    background: @content-bg-color;
}

.ogridheader-hvr-gradient() {
    background: @hover-bg-stcolor;
}

.oclientDialog-setcolor() {
    color: @default-font-color;
    background: @default-bg-stcolor;
}

.summary-gradient() {
    background-color: @hover-bg-stcolor;
    color: @hover-font-color;
}

.oclient-header-color() {
    color: @hover-font-color;
    background-color: @hover-bg-stcolor;
}

.hyperlink-setcolor() {
    color: @active-bg-stcolor;
}

.pivotpager-setcolor() {
    color: @default-icon-color;
}

.scrollPane-setcolor() {
    background-color: darken( @default-icon-color, 62 );
}

.scrollThumb-setcolor() {
    background-color: darken( @default-icon-color, 35 );
}

.scrollThumb-dragcolor() {
    background-color: @default-icon-color !important;
}

.pageIndicator-setcolor() {
    background-color: @active-bg-stcolor;
    border: thin solid @active-border-color;
    color: @active-font-color;
}

.scrollThumb-hovercolor() {
    background-color: darken( @default-icon-color, 19 );
}


.chartTypesDialog-setcolor() {
    background-color: @default-bg-stcolor;
    border: 2px solid @content-border-color;
}
/*----------------------Reportviewer Definition start------------------*/
@rv-toolbar-exportlistTip-before-border-color: transparent transparent @content-border-color transparent;
@rv-toolbar-exportlistTip-after-border-color: transparent transparent @default-bg-stcolor transparent;
@rv-popuppage-color: @content-bg-color;
@rv-navigate-disabled-opacity: 0.5;
@rv-viewerblock-font-size: 12.5px;
@rv-viewerblockcellcontent-font-size: 14.5px;

@rv-viewerblock-bg-color: lighten(@default-bg-stcolor, 4%); 
@rv-pageviewcontainer-bg-color: lighten(@content-bg-color, 24%); 
@rv-documentMappopup-bg-color:#111111 !important; 

@rv-popuppageinfo-bg-color:black; 
@rv-labelpageno-font-size:16px !important; 
@rv-pageview-moz-box-shadow:rgba(0,0,0,0.6); 
@rv-pageview-webkit-box-shadow:rgba(0,0,0,0.6); 
@rv-pageview-box-shadow:rgba(0,0,0,0.3); 
@rv-pageview-border-color: rgb(128,128,128); 

@rv-ttooltip-background:white; 
@rv-ttooltip-border-color:@content-border-color; 
@rv-ttooltip-color:black;

/*----------------------Reportviewer Definition End------------------*/
/*-----------------------SymbolPalette Definition-----------------*/
@sp-outline:transparent none 0px; @sp-item-hover-color:rgba(35, 130, 195, 0.40); @sp-noborder:0px solid transparent; @sp-header-font-size:14px; @sp-header-border-radius:0px;
/*-----------------------Diagram Definition-----------------*/
@dg-contextmenu:url("../common-images/diagram_context1.png");@dg-contextmenu-hover:url("../common-images/diagram_context1.png");
/*-----------------------Datepicker Definition-----------------*/
@disable-datepicker-text:darken( @default-font-color, 46% );
/*-----------------------Bootstrap support-----------------*/
@bs-default-bg-stcolor:@default-bg-stcolor; @bs-header-bg-stcolor:@header-bg-stcolor; @bs-shadow-bg-color:@shadow-bg-color; @bs-content-font-color:@content-font-color; @bs-header-font-color:@header-font-color; @bs-hover-font-color:@hover-font-color; @bs-active-font-color:@active-font-color; @shadow-bg-size:2px; @content-font-color-element:#FFFFFF; .bs-default-gradient() {
    .default-gradient();
}

.bs-header-gradient() {
    .header-gradient();
}

.tooltip-colors() {
    background-color: @content-bg-color;
    border-color: @content-border-color;
    color: @content-font-color;
}

.handle-default-gradient() {
    .default-gradient();
}

.handle-hover-gradient() {
    .hover-gradient();
}

.vhandle-arrow(){
    content: "";
}

.hhandle-arrow(){
    content: "";
}

.border-bottom() {
}

.focus-border-color() {
}

.bs-hover-gradient() {
}

.hover-font-color() {
}

.active-icon-color() {
}

.default-icon-color() {
}

.add-borderdiv() {
    border: @border-size @border-type @default-border-color;
}

.transparent-border() {
}
/*------------------------ Ribbon Definition---------------------*/
@rbncontent-content-bg-color:@content-bg-color;
@rbn-menu-font-hover-color:@hover-font-color;
@rbnbackstage-item-select-color:@active-font-color;
@rbnbackstage-item-hover-color:@hover-font-color;
@rbn-border-color:@default-border-color;
@rbn-bg-color:@active-bg-stcolor;
@rbn-act-color:none;
@rbn-act-a-border-color:@active-border-color;
@rbnapptab-font-color:@rbntab-font-color;
@rbncontent-font-color: @header-font-color; 
@rbntab-font-color:@header-font-color;
@rbncontent-border-color: @content-border-color; 
@rbnhelp-color: @default-icon-color;
@rbncaption-font-color: @content-font-color;
@rbndropdown-color: @content-bg-color; 
@rbnmenu-font-color: @hover-font-color; 
@rbn-white-color:#FFFFFF;    
@rbn-apptab-color:@rbn-white-color;                          
@rbngallery-hover-color:@hover-bg-stcolor;   
@rbngallery-select-color:@active-bg-stcolor;                    
@rbn-text-color:@hover-font-color;        
@rbngallery-bg-color: @content-bg-color;        
@rbngallery-border-color:@default-border-color;
@rbngallery-disable-color:#4F4F4F;
@rbnbackstage-start-hover-color:darken(@active-bg-stcolor, 15%);
@rbnbackstage-end-hover-color:darken(@active-bg-endcolor, 15%);
@rbnbackstage-normal-color:@active-bg-stcolor;
@rbnbackstage-start-select-color:lighten(@active-bg-stcolor, 15%);
@rbnbackstage-end-select-color:lighten(@active-bg-endcolor, 15%);
@rbntoggle-start-color:lighten(@active-bg-stcolor, 18%);
@rbntoggle-end-color:lighten(@active-bg-endcolor, 18%);
@rbnhover-font-color: #FFFFFF;
.ribbon-toggle-gradient(){
  .custom-gradient(@active-gradient-color,@rbntoggle-start-color, @rbntoggle-end-color, 18%, 0%);
}
.ribbon-header-gradient(){
 .ribbon-active-gradient();
}
.ribbon-active-gradient(){
 .active-gradient();
}
.ribbon-hover-gradient(){
 .hover-gradient();
}
.ribbon-backstage-hover-bg() {
	.custom-gradient(@active-gradient-color,@rbnbackstage-start-hover-color, @rbnbackstage-end-hover-color, 0%, 15%);
}
.ribbon-backstage-select-bg(){
    .custom-gradient(@active-gradient-color,@rbnbackstage-start-select-color, @rbnbackstage-end-select-color, 15%, 0%);
}
.ribbon-bg-hover-gradient(){}
.ribbon-tab-hover(){}
.ribbon-bg-active-gradient(){}
.ribbon-app-hover-gradient(){
   .ribbon-hover-gradient();
}
.office-ribbon-file-hover(){}
.ribbon-shadow(){
    
}
.ribbon-app-tab-font(){
  color: @rbn-apptab-color;
}
/*----------------------Ribbon End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
@kanban-cell-exceed: darken( #f8d9c7, 68% );
@kanban-cell-deceed: darken( #ffedcd, 70% );
@kanban-cell-border:darken(@default-border-color,25%);
@kanban-card-border:darken(@content-border-color,25%);
@kanban-select-cardhead-border:darken(@default-border-color, 28%);
@kanban-cardhead-border:darken(@default-border-color, 28%);
@kanban-toolbar-border:darken(@default-border-color,25%);
@kanban-filter-done-stcolor: @hover-bg-stcolor;
@kanban-card-shadow:none;
.kanban-cell-bg(){
.custom-gradient(@default-gradient-color, lighten(@default-bg-stcolor, 4%), @default-bg-endcolor, 0%, 0%);
}
.kanban-dragclone-bg(){
.custom-gradient(@hover-gradient-color, lighten(@hover-bg-stcolor, 21%), @hover-bg-endcolor, 0%, 0%);
}
.kanban-skheader-bg(){
	.custom-gradient(@default-gradient-color, lighten(@default-bg-stcolor, 1%), @default-bg-endcolor, 0%, 0%);
}
.kanban-header-font(){
     color:@active-bg-stcolor;
}
.kanban-targetdrag-font(){
	.default-gradient();
}
/*----------------------Kanban End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
@sscontent-color: @content-font-color;
@ssheader-content-color:@header-font-color;
@sscontent-border-color: @content-border-color;
@ssfroze-border-color: @content-border-color;
@ssdialog-border: @content-border-color;
@sscopy-blank-bgcolor: @content-border-color;
@sscopy-blur-bgcolor: darken( @content-bg-color, 4% );
@sscomments-hdr-bgcolor: darken( @content-bg-color, 5% );
@ssborder-bright: darken( desaturate( @active-bg-stcolor, 8% ), 1% );
@sscomments-focused-border: lighten( desaturate( @active-bg-stcolor, 18% ), 14% );
@sscomments-excel-border: darken( saturate( @header-border-color, 1% ), 4% );
@ssheader-select-bgcolor: darken( @active-bg-stcolor, 33% );
@ssheader-hover-bordercolor:@hover-border-color;
@sscontent-border-color:@content-border-color;
@sspager-font-color:@default-font-color;
@ssheader-border-color: @header-border-color;
@ssheader-bgcolor: @content-bg-color;
@sshover-bg-color: @hover-bg-stcolor;
@ssfroze-highlight-color: darken( desaturate( @active-bg-stcolor, 11% ), 2% );
@sschart-darktheme-bgcolor: darken( @content-font-color, 13% );
@ssdrpdwnbrdr: darken( @header-border-color, 7% );
@ssselectall: lighten(@active-bg-stcolor, 40%);
@ssselectallhover: lighten(@active-bg-stcolor, 20%);
@ssselectselected: lighten( desaturate( @active-bg-stcolor, 17% ), 14% );
@sschart-select-bgcolor: lighten( desaturate( @active-bg-stcolor, 24% ), 20% );
@sscontent-active-bgcolor: darken( desaturate( @active-bg-stcolor, 11% ), 2% );
@sscontent-active-color: @active-font-color;
@ssnumeric-icon-color: darken( @header-border-color, 31% );
@ssactive-bg-color: @active-bg-stcolor;
@ss-icon-color:@default-icon-color;
@ssbtntgle-start-color:lighten(@active-bg-stcolor, 18%);
@ssbtntgle-end-color:lighten(@active-bg-stcolor, 18%);
@ss-chartmenu-bgcolor:lighten( @default-bg-stcolor, 1% );
@ss-chartmenu-color:@default-font-color;
@ss-chartmenuheader-bgcolor:@header-bg-stcolor;
@ss-textarea-color:@default-border-color;
@ssrowselect-font-color:darken(saturate(@content-font-color, 1%),70%);
.spread-toggle-gradient(){
  .custom-gradient(@active-gradient-color,@ssbtntgle-start-color, @ssbtntgle-end-color, 18%, 0%);
}
@ssactive-font-color:@active-font-color;
@ssactive-icon-color:@active-icon-color;
@ssdown-arrow-cursor:url("../common-images/spreadsheet/down_arrow_dark.cur"),auto;
@ssright-arrow-cursor:url("../common-images/spreadsheet/right_arrow_dark.cur"),auto;
@ssformatpainter-cursor:url("../common-images/spreadsheet/format_painter_dark.cur"),auto;
@ssdraw-border-cursor:url("../common-images/spreadsheet/draw_border_dark.cur"),auto;
@ssdraw-border-grid-cursor:url("../common-images/spreadsheet/draw_border_grid_dark.cur"),auto;
/*----------------------Spreadsheet End-----------------------*/
/*----------------------Office 365 theme-----------------------*/
.border-selection(){}
.colorpicker-color-selection(){  }
.colorpicker-boxshadow-selection(){}
/*----------------------High-Contrast-01 & High-Contrast-02 theme-----------------------*/
.colorpickericon-color-selection(){}
 /*----------------------material theme-----------------------*/
.material-stylefor-bordertop(){}
.material-stylefor-fileexplorer(){
   border-bottom-color: @active-bg-stcolor;
}

/*----------------------rangeScrollbar Start------------------*/

@default-rangeScroll-select-fill: @default-bg-stcolor;
@default-rangeScroll-select-stroke : @default-border-color;
@hover-rangeScroll-select-fill: @hover-bg-stcolor;
@hover-rangeScroll-select-stroke : @hover-border-color;
@default-rangeScroll-backRect-fill:@content-bg-color;
@default-rangeScroll-backRect-stroke:@content-border-color;
@default-rangeScroll-arrow-fill:@default-icon-color;
@hover-rangeScroll-arrow-fill:@hover-icon-color;

.material-stylefor-button(){}
.material-stylefor-datepicker(){} 
.material-stylefor-borderradius(){}

/*--------------- common ----------------- */

.switch-animate-icon-color() {
    @active-icon-color: white;
}
.tab-header-background() {
    background: none;
}
.switch-grid-header-icon() {}
.switch-datepick-header-hover() {}
.switch-datepick-header-text() {}
.switch-datetimepick-button-text() {}
.switch-colorpicker-grpbtn-text() {}
.switch-splitter-divder-hover() {}
.switch-schedule-appointment-btn() {}
.switch-pivotgrid-draggale-button() {}
.switch-pivotgrid-groupingBar-btn-color() {}
.switch-pivotgrid-btn-hover() {}
.switch-pivotclient-icon-hover() {}
.switch-pivotclient-treeview-icon-hover-active() {}
.switch-checkbox-icontick() {}
.switch-ribbon-file-header-txt-color() {}
.switch-file-explorer-context-icon-color() {}
.switch-rte-active-icon-color() {}
.switch-rte-context-icon-color() {}

/*---------------high-contrast ------*/

.high-contrast-groupbtn-border() {
    @hover-border-color: @default-border-color;
}
.switch-themes-groupbtn-border-color() {
    @hover-gbtn-border-color: transparent;
}
.high-contrast-gantt-toolbar-icon-border() {
    @hover-border-color: transparent;
}
.high-contrast-stylefor-silder-active() {}
.high-contrast-checkbox-bordercolor() {}
.high-contrast-radio-bordercolor() {}
.high-contrast-radio-iconcircle() {}
.high-contrast-tab-headerborder() {}
.high-contrast-tab-header-normal-font() {}
.high-contrast-rotator-default-border() {}
.high-contrast-rotator-pager-border() {}
.high-contrast-file-explorer-search-text() {}
.high-contrast-file-explorer-content-active() {}
.high-contrast-tagcloud-txt-hover() {}
.high-contrast-ribbon-header-active() {}
.high-contrast-ribbon-header-border() {}
.high-contrast-ribbon-header-active-border() {}
.high-contrast-ribbon-header-active-font() {}
.high-contrast-ribbon-header-hover-font() {}
.high-contrast-ribbon-file-header() {}
.high-contrast-ribbon-file-header-hover() {}
.high-contrast-gantt-textbox-border-color() {}
.high-contrast-gantt-active-font-color() {}
.high-contrast-toolbar-border() {}
.high-contrast-grid-button-border-color() {}
.high-contrast-schedule-content-icon-color() {}
.high-contrast-upload-btn-hover-color(){}
.high-contrast-stylefor-daterange(){}
/*---------------- Office-365 ----------------*/

.office-grid-footer-bg-color() {}
.office-grid-footer-border-color() {}
.office-grid-pager-bg-color() {}
.office-grid-pager-hover-color() {}
.office-button-bg-color() {}
.office-silder-handle-bg-color() {}
.office-silder-handle-border-color() {}
.office-silder-handle-hover-border-color() {}
.office-acrd-header-bg-color() {}
.office-acrd-header-border-color() {}
.office-tab-headerborder() {}
.office-tab-header-normal-font() {}
.office-colorpick-popup-bg-color() {}
.office-colorpick-popup-border-color() {}
.office-rotator-pager-hover-border() {}
.office-ribbon-header-bg-color() {}
.office-ribbon-header-border() {}
.office-ribbon-header-font-color() {}
.office-ribbon-file-header() {}
.office-pivotclient-toolbar-bg-color() {}
.office-schedule-toolbar-bg-color() {}
.office-schedule-toolbar-border-color() {}
.office-checkbox-bordercolor() {}
.office-file-explorer-toolbar-bg-color() {}
.office-file-explorer-toolbar-border-color() {}
.office-rte-toolbar-color() {}
.office-split-menu-color() {}
.office-tab-header-bg-color {}
.office-radio-iconcircle() {}
.office-radio-bordercolor() {}
.office-dialog-active-line-color() {}
.office-tab-header-hover-font(){}
.office-file-explorer-splitbtn-bg-color(){}
.office-ddl-checkbox-bordercolor(){}
.office-toolbar-bg-color(){}
.office-rte-splitbtn-bg-color(){}
.office-upload-btn-hover-color(){}
.office-tab-header-bghover-color{}
.office-upload-button-border(){}
.office-tab-border-left-right(){
    border: none;
}
/*------------------ material theme ---------------------*/

.material-tab-border() {
    border-bottom: transparent;
}
.material-tab-borderbottom() {
    border-top: 3px @border-type @active-bg-stcolor;
}

.material-tab-right-border(){ 
  border-left: transparent;
}
.material-tab-right-bottom-border(){
    border-right: 3px @border-type @active-bg-stcolor;
}
.material-tab-left-border(){
    border-right: transparent;
}
.material-tab-left-bottom-border(){
    border-left: 3px @border-type @active-bg-stcolor;
}
.material-tab-bottom-border(){
    border-top: transparent;
}
.material-tab-bottom-border-bottom(){
    border-bottom: 3px @border-type @active-bg-stcolor;
}

.material-datepick-header-icon-color() {}
.material-dialog-icon-hover-bg-color() {}
.material-dialog-icon-hover-color(){}
.material-menu-active-bg-color() {}
.material-radio-bg-color() {}
.material-radio-bordercolor() {}
.material-radio-iconcircle() {}
.material-tab-header-bg-hover-color() {}
.material-tab-headerborder() {}
.material-tab-header-normal-font() {}
.material-tab-header-hover-font() {}
.material-hover-navigation-header-icon-color() {}
.material-tootip-bg-color() {}
.material-tootip-border-color() {}
.material-tootip-text-color() {}
.material-button-border-color() {}
.material-listview-header-icon-color() {}
.material-tileview-bg-color() {}
.material-ribbon-header-active-font() {}
.material-ribbon-file-header() {}
.material-ribbon-file-header-hover() {}
.material-schedule-toolbar-bg-color() {}
.material-schedule-toolbar-hover-color() {}
.material-schedule-toolbar-active-color() {}
.material-schedule-toolbar-font-color() {}
.material-schedule-toolbar-hr-font-color() {}
.material-schedule-toolbar-act-font-color() {}
.material-schedule-toolbar-icon-color() {}
.material-schedule-header-color() {}
.material-schedule-headercell-active-color() {}
.material-pivot-drag-bg-color() {}
.material-pivot-drag-column-color() {}
.material-pivot-drag-column-br-color() {}
.material-pivot-drag-column-txt-color() {}
.material-pivotclient-box-shadow() {}
.material-grid-droparea-bg-color() {}
.material-grid-header-border-top-color() {}
.material-gantt-header-background() {}
.material-gantt-header-icon-color() {}
.material-upload-background() {}
.material-upload-border() {}
.material-active-box-shadow() {}
.material-normal-box-shadow() {}
.material-checkbox-bordercolor() {}
.material-checkbox-act-bordercolor() {}
.material-upload-dialog-active-line(){
    border-bottom: 3px @border-type @active-bg-stcolor;
}
.material-radio-act-bordercolor(){}
.material-file-explorer-splitbtn-shadow(){}
.material-file-explorer-splitbtn-radius(){}
.material-ddl-checkbox-bordercolor(){}
.material-tab-padding-bottom(){ 
   padding-bottom: 1px;
}
.material-tab-border-bottom-line(){}

.material-headerStylefor-datepicker(){}
.material-dateDimention-datepicker(){}
.material-dateCircle-datepicker(){}
.material-monthDimention-datepicker(){}
.material-buttonText-alignment(){}
.material-icon-alignment(){}
.material-gantt-toolbar-shadow(){}

.material-datePicker-header() {}
.material-borderRadious-datepicker(){}
.material-datePicker-headerText(){}
.meterial-headerText-padding(){}
.material-rightIcon-alignment(){}
.meterial-icon-dimention(){}
.meterial-icon-position(){}
.meterial-otherMonth-dateColor(){}
.meterial-text-dimention(){}
.material-headerHoverStylefor-datepicker(){}
.material-upload-dialog-bg-color(){}
.material-rte-splitbtn-radius(){}
/*-----------------------HeatMap Definition-----------------*/
@hmp-border-color: #808080;
@hmp-font-color: #FFFFFF;
@hmp-background-color: #000000;
/* Common style */

.e-content-area{
   background-color:@widget-bg-color;
   color:@label-color;
   border-color:@content-border-color;
   font-family:@font-family;
}
/*Theme Color*/
.e-grid.e-rtl .e-indentcell{
border-left-color: @row-border-color;
}

.e-grid.e-rtl .e-headercell,
.e-grid.e-rtl .e-grouptopleftcell{
border-right-color:@row-border-color;
border-bottom-color:@row-border-color;
}
.e-grid.e-rtl .e-movablecontent,
.e-grid.e-rtl .e-movableheader {
  border-right-color: @gheader-border-color;
}

/*..........................Skin css...........................*/
.e-grid{
font-family: @font-family;
border-color: @gdroparea-border-color;
color: @gcontent-font-color;
border-top: none;
}
.e-grid .e-pager{
.office-grid-pager-bg-color;
background-color: @pager-default-bg-color;
}
.e-grid .e-pager .e-numericitem:hover,
.e-grid .e-pager .e-nextpage:Hover,
.e-grid .e-pager .e-lastpage:Hover,
.e-grid .e-pager .e-firstpage:Hover,
.e-grid .e-pager .e-prevpage:Hover{
.office-grid-pager-hover-color;
}

.e-grid .e-btn.e-select{
.high-contrast-grid-button-border-color;
}
.e-grid .e-icon{
 color: @default-icon-color;
}
.e-groupheadercell .e-icon {
color: @header-icon-color;
}
.e-grid .e-gridheader .e-icon{
 .switch-grid-header-icon;   
 color: @header-icon-color;
}
.e-grid .e-dialog > .e-dialog-scroller,
.e-grid .e-excelfilter.e-dlgcontainer {
  border:@border-size @border-type @content-border-color \9;
}
.e-grid .e-icon.e-animatebutton {
 .switch-animate-icon-color;
 color: @active-icon-color;
 cursor: pointer;
}
.e-columnChooser {
	border: 1px solid @default-border-color;
	font-size: @font-size;
    color: @default-font-color;
}
 .e-columnChoosertail {
	border-bottom-color: @default-border-color;
}
 .e-columnChoosertailAlt {
	border-bottom-color: @gheader-bg-color;
}
 .e-columnChooserListDiv:hover{
	background-color: @alt-row-bg-color;
}
 .e-columnChooser .e-vhandlespace  {
  background-color: @content-bg-color !important ;
}
 .e-columnChooser .e-hhandlespace  {
  background-color: @content-bg-color !important ;
}
 .e-columnChooserSplitter  {
  border: 1px solid @default-border-color; 
}
.e-grid .e-number  {
  background-color: @grid-uisupport-background-color; 
  color: @grid-uisupport-number-color;
}
.e-grid .e-tableLastCell {
   border-right-color: @row-border-color !important;
}
 .e-stackedHeaderRow th {
	border-bottom: 1px solid @row-border-color !important;
}
 .e-resFilterDialogHeaderDiv {
	border-bottom: 1px solid @row-border-color !important;
}
 .e-resposnsiveFilterBtnLeft {
	border-right: 1px solid @row-border-color !important;
}
 .e-resIcon {
	color:@gheader-border-color !important;
}
.e-grid .e-toolbar .e-hover .e-icon,
.e-grid .e-headercell.e-hover .e-icon  {
 color: @hover-icon-color;
 .material-headerHoverStylefor-datepicker;
}
.e-grid .e-dlgBtns .e-button{
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 14px;
}
.e-grid .e-gridpopup .e-content{
   background-color: @content-bg-color;
   border-color: @gdroparea-border-color;
}
.e-grid .e-gridpopup span:hover,
.e-grid .e-gridpopup .e-spanclicked {
    border-color:@default-icon-color;
}

.e-grid .e-gridpopup .e-downtail:before,
.e-grid .e-gridpopup .e-downtail {
    border-top-color: @gdroparea-border-color;
}

.e-grid .e-gridpopup .e-downtail:after {
    border-top-color: @content-bg-color;
}

.e-grid .e-gridcontent,
.e-grid .e-form-container{
background-color: @gcontent-bg-color;
}
.e-grid.e-columnChooser .e-hscroll ,
.e-grid.e-columnChooser .e-vscroll{
background-color: transparent;           
}
.e-grid .e-groupdroparea{
.pager-selection-gradient();
border-top-color: @row-border-color;
color: @gdroparea-font-color;
}

.e-grid .e-groupdroparea{
    .material-grid-droparea-bg-color;
}

.e-grid .e-cloneproperties{
color: @gheader-hover-font-color;
.row-Hover();
border-color: @row-border-color;
}

.e-grid .e-groupcaption,
.e-grid .e-groupcaptionsummary{
color: @default-font-color;
background-color: @gcaption-border-color;
border-color: @row-border-color;
border-top-color: @default-border-color;
}
.e-grid .e-gridsummary .e-indentcell
{
   background-color:@gcaption-border-color;
   border-top-color: @default-border-color;
}
.e-grid .e-headercell-hover,
.e-grid .e-groupheadercell:hover{
color: @gheader-hover-font-color;
.material-headerHoverStylefor-datepicker;
}

.e-grid .e-groupheadercell{
color: @gheader-font-color;
border-color: @row-border-color;
border-radius: @gcaption-border-radius;
background-color:@default-bg-stcolor

}

.e-grid .e-alt_row{
background: @alt-row-bg-color;
}
.e-grid .e-inlineform-titlebar{
border-color: @row-border-color;
background-color: @gedit-title-color;
}

.e-grid .e-indentcell,
.e-grid .e-recordpluscollapse,
.e-grid .e-recordplusexpand{
border-color: @row-border-color;
border-top-color: @default-border-color;
background-color: @gcaption-border-color;
}

.e-grid .e-detailcell,
.e-grid .e-detailrowcollapse,
.e-grid .e-detailrowexpand,
.e-grid tr.e-editedrow td.e-rowcell{
border-top-color:@row-border-color;
}

.e-grid  .e-detailrowcollapse.e-lastrowcell{
 border-bottom-color:@row-border-color;
 }
.e-grid .e-detailindentcell {
 border-right-color: @row-border-color;
}

.e-grid .e-rowcell.e-updatedtd {
    color: @gcontent-font-color;
}

.e-grid .e-rowcell.e-updatedtd.e-active {
    color: @row-selection-font-color;
}

.e-activefocusout.e-grid .e-numericitem.e-active, .e-activefocusout.e-grid .e-groupdroparea , .e-activefocusout.e-grid td.e-active, .e-activefocusout.e-grid td.e-cellselectionbackground {
  background: @grid-focusout;
}

.e-grid td.e-active,
.e-grid .e-form-titlebar{
.row-selection();
color: @row-selection-font-color;
}
.e-grid td.e-cellselectionbackground{
.cell-selection();
color: @row-selection-font-color;
}
.e-grid .e-inlineform-titlebar{
font-size: @gheader-font-size;
color: @gheader-font-color;
}
.e-grid .e-recordpluscollapse > div,
.e-grid .e-detailrowcollapse > div{
background-color: transparent;
cursor:pointer;
}

.e-grid .e-headercell,
.e-grid .e-grouptopleftcell{
.gheader-gradient();
border-top-color : @gdroparea-border-color ;
border-left-color : @header-border-color ;
border-bottom-color : @gheader-border-color;
}
.e-grid .e-columnselection{
.column-selection();
color: @row-selection-bg-color;
}
.e-grid .e-grid-icon{
.gheader-gradient();
}
.e-grid .e-gridheader{ 
color: @gheader-font-color;
border-bottom-color:@gdroparea-border-color;
border-top-color:@gdroparea-border-color;
.material-grid-header-border-top-color;
}
.e-grid .e-headercontent,
.e-grid .e-movableheader{
border-right-color:@gdroparea-border-color;
}
.e-grid.e-rtl .e-headercontent{
border-left-color: @gdroparea-border-color;
}

.e-grid .e-editcell,
.e-grid .e-form-container,
.e-grid .e-externalformedit,
.e-grid .e-tabletd,
.e-grid .e-rowcell{ 
border-color: @row-border-color;
}

.e-grid .e-form-togglebtn:hover{
 .hover-gradient();
}
.e-grid .e-form-toggle-icon{
color:white;
}
.e-grid .e-filterbarcell,
.e-grid .e-filterbarcelldisabled{
border-color: @row-border-color;
background-color: @gheader-bg-color;
background-image: none;
}

.e-grid .e-grid-filterstatusbar,
.e-grid .e-grid-filterstatusbarbottom{
.pager-selection-gradient();
border-color: @gdroparea-border-color;
}

.e-grid .e-grid-filterstatusbar .e-msgdiv,
.e-grid .e-grid-filterstatusbarbottom .e-msgdiv{
color: white;
}

.e-grid .e-groupdroparea.e-hover {
.pager-hover-gradient();
}
.e-grid tr.e-hover {
 .row-Hover();
 color:@hover-font-color;
 //background-color:@hover-bg-endcolor;
}
.e-grid tr.e-traverse  {
 .row-Hover();
 color:@hover-font-color;
}
.e-grid .e-scrollcss {
 .gheader-gradient();
}
.e-grid .e-headercell-hover,
.e-grid .e-filtercell:hover,
.e-grid .e-groupheadercell:hover{
.header-hover-gradient();
}
.e-grid .e-reorderindicate {
 border-right-color:@row-selection-bg-color;
}
.e-grid.e-rtl .e-reorderindicate{
 border-left-color:@row-selection-bg-color;
}
.e-grid div.e-field-validation-error {
    background-color: #FFFE91;
	color: #CD0A0A;
    white-space: normal;
}
.e-grid div.e-error .e-toparrow {
    border-bottom-color:#fffe92; 
}
.e-grid .e-ejinputtext {
border: 1px solid @content-border-color;
outline:none;
background-color: @content-bg-color;
color: @content-font-color;
vertical-align:baseline;
}

 .e-ejinputtext:focus {
box-shadow: 0 0 5px @shadow-bg-color;
}

.e-grid .e-summaryrow {
    .office-grid-footer-bg-color;
	background-color:@gcaption-border-color;
    .office-grid-footer-border-color;
	border-color: @default-border-color;
    border-left-color:  @default-border-color !important;  
}
.e-grid .e-detailcell tr:first-child td.e-summaryrow{
	border-top: 1px solid @default-border-color;
}
.e-grid .e-gridSummaryRows{
    color: @default-font-color;
}

.e-grid .e-reSizeColbg {
  border-left-color:@row-border-color;
}

 .e-grid .e-headercell-hover .e-ascending,
.e-grid .e-groupheadercell:hover .e-ascending,
.e-grid .e-headercell-hover .e-filtericon,
.e-grid .e-headercell-hover .e-descending,
.e-grid .e-headercell-hover .e-togglegroupbutton,
.e-grid .e-groupheadercell:hover .e-descending,
.e-grid .e-groupheadercell:hover .e-togglegroupbutton,
.e-grid .e-groupheadercell:hover .e-ungroupbutton{
background-color:transparent;
color:@hover-icon-color;
}

.e-grid .e-headercellactive,.e-grid .e-headercellactive span,
.e-grid .e-headercellactive div {
color: @pager-active-font-color;
}
.e-grid .e-headercellactive {
.pager-selection-gradient();
}
.e-grid .e-movablecontent,
.e-grid .e-movableheader {
  border-left-color: @gheader-border-color;
}
.e-grid .e-frozeny {
  border-bottom-color: @gheader-border-color !important;
}
.e-grid .e-dialog .e-header .e-icon{
color: @header-font-color;
}
.e-grid.e-responsive .e-rowcell{
border-bottom-color: @row-border-coloropac;
}
.e-grid.e-responsive .e-table > tbody > tr > td:last-child {
border-bottom-color: @row-border-color;
}
.e-grid form .e-select:hover .e-icon,.e-grid form .e-select:hover .e-icon{
color: @hover-icon-color;
}
.e-grid.e-touch .e-gridheader .e-headercell,.e-grid.e-touch .e-rowcell{
  -moz-user-select: text;
            -khtml-user-select: none;
            -webkit-user-select: text;
            -ms-user-select: text;
            user-select: text;
}
.e-grid .e-gridcontent tr.e-editedrow:not(.e-alt_row) {
    background-color: @content-bg-color;
}


.e-heatmap.e-grid {
    display: block;
}

.e-heatmaplegend {
    display: block;
}

.e-heatmap.e-grid .e-alt_row,
.e-heatmap.e-grid td.e-cellselectionbackground,
.e-heatmap.e-grid .e-headercell, .e-heatmap.e-grid .e-grouptopleftcell {
    background: white;
}

.e-heatmap.e-js.e-grid .e-headercelldiv {
    font-weight: 600;
    font-size: 12px;
}

.e-heatmap.e-js.e-grid.e-responsive .e-rowcell {
    font-size: 12px;
}

.e-heatmap.e-js.e-grid .e-headercell {
    height: 30px;
}

.e-heatmap.e-js.e-grid.e-responsive .e-row td:first-child,
.e-heatmap.e-js.e-grid.e-responsive .e-alt_row td:first-child {
    font-weight: 600;
    font-size: 12px;
}

.e-heatmap.e-js.e-grid .e-gridheader {
    border-bottom-width: 1px;
}

.e-heatmap.e-js.e-grid,
.e-heatmap.e-js.e-grid.e-responsive .e-row td:first-child,
.e-heatmap.e-js.e-grid.e-responsive .e-alt_row td:first-child,
.e-heatmap.e-js.e-grid.e-responsive .e-rowcell,
.e-heatmap.e-js.e-grid .e-alt_row,
.e-heatmap.e-js.e-grid td.e-cellselectionbackground,
.e-heatmap.e-js.e-grid .e-headercell,
.e-heatmap.e-js.e-grid .e-grouptopleftcell,
.e-heatmap.e-js.e-grid.e-headercell.e-default.e-headertemplate,
.e-heatmap.e-js.e-grid .e-gridheader,
.e-heatmap.e-js.e-grid .e-movablecontent,
.e-heatmap.e-js.e-grid .e-movableheader {
    border-color: @hmp-border-color;
}

.e-heatmap.e-js.e-grid.e-responsive .e-rowcell {
    border-bottom: none;
}

.e-heatmaplegend.e-js .sf-ht-label,
.e-heatmap.e-js.e-grid .e-rowcell.sf-ht-heatmapcell,
.e-heatmap.e-js.e-grid .e-headercelldiv {
    color: @hmp-font-color;
}

.e-heatmap.e-js.e-grid .e-alt_row,
.e-heatmap.e-js.e-grid .e-row,
.e-heatmap.e-js.e-grid .e-headercell.e-default.e-headertemplate,
.e-heatmap.e-js.e-grid .e-cellselectionbackground .e-activecell,
.e-heatmap.e-grid td.e-cellselectionbackground {
    background-color: @hmp-background-color;
}

.e-heatmaplegend.e-js .sf-ht-label,
.e-heatmap.e-js.e-grid .e-rowcell.sf-ht-heatmapcell,
.e-heatmap.e-js.e-grid .e-headercelldiv {
    color: @hmp-font-color;
}

.e-heatmap.e-js.e-grid .e-alt_row,
.e-heatmap.e-js.e-grid .e-row,
.e-heatmap.e-js.e-grid .e-headercell.e-default.e-headertemplate,
.e-heatmap.e-js.e-grid .e-cellselectionbackground .e-activecell,
.e-heatmap.e-grid td.e-cellselectionbackground {
    background-color: @hmp-background-color;
}



.e-excelfilter.e-dlgcontainer {
    font-family: @font-family;
    font-weight: normal;
    font-size: @font-size + 1;   
    color: @gcontent-font-color;
    z-index:10001;
}

.e-excelfilter .e-searchcontainer,
.e-excelfilter.e-dlgcontainer {
    background: none @gcontent-bg-color;
}

.e-excelfilter .e-menu,
.e-excelfilter .e-menu.e-vertical,
.e-excelfilter .e-menu.e-vertical .e-list > ul {
    background: @gcontent-bg-color;
}

.e-excelfilter .e-checkboxlist {
    background: @alt-row-bg-color;
    border: @alt-row-bg-color;
}
.e-excelfilter.e-dlgcontainer,
.e-excelfilter.e-dlgcustom .e-fieldset,
.e-excelfilter .e-menu.e-vertical .e-list > ul{
    border-width: @border-size;
    border-style: @border-type;
    border-color: @scroll-bg-color;
}
.e-excelfilter .e-checkboxlist label.e-ftrchk,
.e-excelfilter.e-dlgcustom label.e-caption,
.e-excelfilter .e-searchbox .e-searchitem{
    font-weight:normal;
}

 .e-sortasc,
 .e-sortdesc {
    font-size: @font-size + 6;
}
.e-excelfilter.e-dlgcustom .e-fieldset legend {      
       font-size: @font-size + 2;
       color: @gcontent-font-color;
       border: none;      
}
.e-excelfilter .e-select:hover .e-icon{
color: @hover-icon-color;
}
.e-excelfilter.e-dlgcustom .e-input{
line-height: 1.7em;
}
.e-excelfilter{
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
     user-select: none;
}
.e-excelfilter .e-menu .e-list.e-fghdrcolor, .e-excelfilter .e-menu .e-list.e-bghdrcolor, e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mhover.e-mfocused, .e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mhover.e-mfocused,
.e-excelfilter .e-menu.e-vertical .e-list.e-fghdrcolor:hover, .e-excelfilter .e-menu.e-vertical .e-list.e-bghdrcolor:hover  {
    background: @content-bg-color;
}
.e-bghdrcolor > a, .e-fghdrcolor > a {
	color: @gheader-font-color;
}
.e-excelfilter .e-menu .e-list.e-valcolor{
    border-color: @gheader-bg-color;
}
.e-excelfilter .e-menu .e-list.e-valcolor.e-mhover.e-mfocused{
   border-color: @gheader-border-color;
   background: transparent;
}
.e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mhover > a, .e-excelfilter .e-menu .e-list.e-fghdrcolor.e-mfocused > a, 
.e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mhover > a, .e-excelfilter .e-menu .e-list.e-bghdrcolor.e-mfocused > a {
    background: transparent;  
    color: @gheader-font-color; 
}


/*---------------------------------Schedule Theme--------------------------------*/
.e-schedule,
.e-schedule.e-scheduleouter {
    color: @content-font-color;
    background-color: @content-bg-color;
}
.e-schedule .e-mobileNavigation,
.e-scheduledrawer .e-mAddEvent,
.e-scheduledrawer .e-mday,
.e-scheduledrawer .e-mweek,
.e-scheduledrawer .e-mworkweek,
.e-scheduledrawer .e-mmonth,
.e-scheduledrawer .e-mcustomview,
.e-scheduledrawer .e-magenda {
    color: @default-icon-color;
}
.e-scheduledrawer .e-lv .e-list.e-state-default:hover > .e-list-anchor .e-list-img{
    color:@hover-icon-color;
}
.e-scheduledrawer .e-list.e-state-active .e-list-anchor .e-list-img {
    color: @active-icon-color;
}
.e-schedule .icon-AddGrad:before {
    color: #2382C3;
}

e-schedule .e-datedisplay {
    .material-schedule-toolbar-font-color;
    color: @default-font-color;
}

.e-schedule .e-datecommondiv {
    .material-schedule-toolbar-font-color;
    color: @default-font-color;
}

.e-schedule .e-commonviewbutton {
    .bs-default-gradient();
    .material-schedule-toolbar-font-color;
    color: @default-font-color;
    border: @border-size @border-type @default-border-color;
    border-right: none;
}

.e-schedule .e-commonviewbutton {
    .office-schedule-toolbar-bg-color;
    .material-schedule-toolbar-bg-color;
}

.e-schedule .e-nextapp:hover,
.e-schedule .e-prevapp:hover,
.e-scheduledialog .e-scheduleclose:hover {
    .hover-gradient();
    border-color: @hover-border-color;
    color: @hover-font-color;
}

.e-schedule .e-commonviewbutton:hover{
    .hover-gradient();
    .material-schedule-toolbar-hr-font-color;
    color: @hover-font-color;
}

.e-schedule .e-commonviewbutton:hover{
    .material-schedule-toolbar-hover-color;
}

.e-schedule .e-appup,
.e-schedule .e-appdown {
    color: @default-font-color;
}

.e-schedule .e-appup:hover,
.e-schedule .e-appdown:hover {
    color: @schedule-select-bg-color;
}

.e-schedule .e-singleview {
    border-right: @border-size @border-type @default-border-color;
}

.e-schedule.e-rtl .e-firstview,
.e-schedule .e-lastview {
    border: @border-size @border-type @default-border-color;
}

.e-schedule .e-dateheader {
    .material-schedule-header-color;
    border-bottom: @schedule-active-border-size @border-type @schedule-header-border-color;
}
.e-schedule .e-horizontalemptytd {
	border: none !important;
	border-right: @border-size @border-type @content-border-color !important;
	border-top: @border-size @border-type @content-border-color !important;
}
.e-schedule.e-rtl .e-horizontalemptytd {
	border: none !important;
	border-left: @border-size @border-type @content-border-color !important;
	border-top: @border-size @border-type @content-border-color !important;
}
.e-categorizeMenuSelected  {
    background: none repeat scroll 0 0 aliceblue;
    border: 1px solid #0094ff !important;
}

.e-schedule .e-dateheader, .e-schedule .e-emptyalldaytd, .e-schedule .e-leftindent {
    border-bottom: @border-size @border-type @content-border-color;
}

.e-scheduledialog .e-quickstartendtime {
    border-bottom: @border-size @border-type @content-border-color;
}

.e-schedule .e-horizontalheader {
    .material-schedule-header-color;
    border-bottom: @schedule-active-border-size @border-type @schedule-header-border-color !important;
    background: @header-bg-stcolor;
    color: @header-font-color;
}

.e-schedule .e-horizontalheadertddate {
    border-left: none !important;
    border-bottom: none !important;
    border-right: none !important;
}

.e-schedule .e-horizontaltimetd {
    .material-schedule-header-color;
    border-bottom: @schedule-active-border-size @border-type @schedule-header-border-color !important;
    border-top: @border-size @border-type @header-border-color !important;
    border-left: @border-size @border-type @header-border-color;
}

.e-schedule .e-horizontalalternatetd {
    .material-schedule-header-color;
    border-bottom: @schedule-active-border-size @border-type @schedule-header-border-color !important;
    border-left: @border-size @border-type transparent;
    border-top: @border-size @border-type @header-border-color !important;
}

.e-schedule .e-horizontmonthheaderdatetd {
    .material-schedule-header-color;
    border-bottom: @border-size @border-type @header-border-color !important;
    border-left: @border-size @border-type @header-border-color;
}

.e-schedule .e-horizontmonthheaderdaytd {
    .material-schedule-header-color;
    border-bottom: @schedule-active-border-size @border-type @schedule-header-border-color !important;
    border-left: @border-size @border-type @header-border-color;
}

.e-schedule .e-alternateworkcell {
    border-left: @border-size dotted @content-border-color !important;
}

.e-schedule .e-dayend {
    border-left: 2px @border-type @content-border-color !important;
}

.e-schedule .e-parentnode,
.e-schedule .e-parentworkcell {
    border-bottom: @border-size @border-type @content-border-color !important;
}

.e-schedule .e-parentnode {
    .default-gradient();
    border-bottom: @border-size @border-type @content-border-color !important;
}

.e-schedule .e-childnode,
.e-schedule .e-childworkcell {
    border-bottom: @border-size dotted @content-border-color !important;
}

.e-schedule .e-workcells,
.e-schedule .e-monthcells {
    border-bottom: @border-size @border-type @content-border-color;
    border-left: @border-size @border-type @content-border-color;
    background: @schedule-cells-bg-color;
}

.e-schedule .e-othermonths {
    border-left: @border-size @border-type transparent;
}

.e-schedule .e-agendacells {
    border-bottom: @border-size @border-type @content-border-color;
    border-left: @border-size @border-type @content-border-color;
}

.e-schedule .e-agendahover,
.e-schedule .e-schedulerepeat,
.e-schedule .e-schedulerepeatedit,
.e-schedule .e-scheduleallday
 {
    .high-contrast-schedule-content-icon-color;
    color: @active-bg-stcolor;
}

.e-schedule .e-alternatecells, .e-schedule .e-ampmstyle {
    border-bottom: @border-size dotted lighten( @content-border-color, 2% );
}

.e-schedule .e-appointresizer-top,
.e-schedule .e-appointresizer-bottom,
.e-schedule .e-appointresizer-left,
.e-schedule .e-appointresizer-right {
    color: @active-font-color;
}

.e-schedule .e-monthcellhighlight {
    background: @content-bg-color;
}

.e-schedule .e-businesshighlightworkcells {
    background: @content-bg-color;
}

.e-schedule .e-scheduleheader {
    .default-gradient();
}

.e-schedule .e-scheduleheader {
    .office-schedule-toolbar-bg-color;
    .material-schedule-toolbar-bg-color;
}

.e-schedule .e-nextapp,
.e-schedule .e-prevapp {
    .default-gradient();
    border: @border-size @border-type @default-border-color;
    border-bottom: transparent;
    color: @default-font-color;
}

.e-schedule .e-navigatenext,
.e-schedule .e-navigateprevious {
    .material-schedule-toolbar-icon-color;
    color: @default-icon-color;
}

.e-schedule .e-scheduleheader > td {
    .office-schedule-toolbar-border-color;
    border: @border-size @border-type @default-border-color;
    border-bottom: none;
}

.e-schedule .e-headerarearow > td {
    border: @border-size @border-type @content-border-color;
    border-bottom: none;
}

.e-schedule .e-contentarearow > td {
    border: @border-size @border-type @content-border-color;
    border-top: none;
}

.e-schedule.e-scheduleresponsive.e-resources {
    border-right: @border-size @border-type @content-border-color;
}

.e-schedule.e-rtl.e-scheduleresponsive.e-resources {
    border-right: none;
    border-left: @border-size @border-type @content-border-color;
}

.e-schedule .e-headerbackcolor,
.e-schedule .e-timecells {
    border-bottom: @border-size @border-type @content-border-color;
}

.e-schedule .e-currentdayhighlight {
    background : fade(@active-bg-stcolor, 30%) !important;
    .material-schedule-header-color;
    color: @header-font-color !important;
}

.e-schedule .e-currentdayhighlight .e-activeview {
    background: none !important;
    .material-schedule-header-color;
    color: @header-font-color !important;
}

.e-schedule .e-mousehover{
    background-color: @schedule-select-bg-color;
    color: @hover-font-color;
}

.e-schedule .e-mousehover .e-agendahover,
.e-schedule .e-mousehover .e-schedulerepeat,
.e-schedule .e-mousehover .e-schedulerepeatedit,
.e-schedule .e-mousehover .e-scheduleallday{
    color: @hover-icon-color;
}

.e-schedule .e-highlightcurrenttimeline {
    background-color:darken(@active-bg-stcolor,5%);
}

.e-schedule .e-currenttime {
    background-color: darken(@active-bg-stcolor,5%);
    color: @active-font-color;
}

.e-schedule .e-timeidicatorcircle {
    color: darken(@active-bg-stcolor,5%);
}

.e-scheduledialog .e-recuredit {
    color: @active-bg-stcolor;
}

.e-schedule .e-alldaycells {
    border-left: @border-size @border-type @content-border-color;
    border-bottom: @border-size @border-type @content-border-color;
}

.e-schedule .e-headerresourcecells {
    border-bottom: @border-size @border-type @content-border-color;
}

.e-schedule .e-resourcecells {
    .material-schedule-header-color;
    border-left: @border-size @border-type @header-border-color;
    border-bottom: @border-size @border-type @header-border-color;
    background: @header-bg-stcolor;
    color: @header-font-color;
}

.e-schedule .e-headercells {
    .material-schedule-header-color;
    border-left: @border-size @border-type @header-border-color;
    border-bottom: @schedule-active-border-size @border-type @schedule-header-border-color;
    background: @header-bg-stcolor;
    color: @header-font-color;
}

.e-schedule .e-monthdateshighlight {
    color: @watermark-font-color !important;
}

.e-schedule .e-monthcurrenttime {
    background: darken(@active-bg-stcolor,5%);
    color: @active-font-color;
}

.e-schedule.e-rtl .e-agendacells,
.e-schedule.e-rtl .e-workcells,
.e-schedule.e-rtl .e-alldaycells,
.e-schedule.e-rtl .e-monthcells {
    border-left: none !important;
    border-right: @border-size @border-type @content-border-color;
}

.e-schedule.e-rtl .e-resourcecells,
.e-schedule.e-rtl .e-headercells,
.e-schedule.e-rtl .e-horizontmonthheaderdatetd,
.e-schedule.e-rtl .e-horizontmonthheaderdaytd {
    .material-schedule-header-color;
    border-left: none !important;
    border-right: @border-size @border-type @header-border-color;
}

.e-schedule.e-rtl .e-othermonths {
    border-left: none !important;
    border-right: @border-size @border-type transparent;
}

.e-schedule.e-rtl .e-dayend {
    border-left: none !important;
    border-right: 2px @border-type @content-border-color !important;
}

.e-schedule.e-rtl .e-horizontaltimetd {
    .material-schedule-header-color;
    border-left: none !important;
    border-right: @border-size @border-type @header-border-color;
}

.e-schedule.e-rtl .e-alternateworkcell {
    border-left: none !important;
    border-right: @border-size dotted @content-border-color !important;
}

.e-schedule.e-rtl .e-horizontalalternatetd {
    border-left: none !important;
    border-right: @border-size @border-type transparent !important;
}

.e-schedule .e-activeview {
    .schedule-app-color();
    .material-schedule-toolbar-act-font-color;
    color: @active-font-color;
}

.e-schedule .e-activeview {
    .material-schedule-toolbar-active-color;
}

.e-schedule .e-headercells:not(.e-currentdayhighlight) .e-activeview {
    .material-schedule-headercell-active-color;
}

.e-schedule .e-monthleftcells,
.e-schedule .e-settingsindent {
    .material-schedule-header-color;
    border-bottom: @schedule-active-border-size @border-type @schedule-header-border-color;
    background: @header-bg-stcolor;
    color: @header-font-color;
}

.e-schedule .e-resourceleftindentcells {
    .material-schedule-header-color;
    border-bottom: @border-size @border-type transparent;
    background: @header-bg-stcolor;
    color: @header-font-color;
}

.e-schedule .e-horizontaldaterender {
    .material-schedule-header-color;
    background: @header-bg-stcolor;
    color: @header-font-color;
}

.e-draggableAppointment,
.e-schedule .e-monthappointment,
.e-schedule .e-alldayappointment,
.e-schedule .e-appointment {
    .schedule-app-color();
    color: @active-font-color;
    border: @border-size @border-type @schedule-app-border-color;
}

.e-schedule .e-categorycolor,
.e-schedule .e-agendacolordiv {
    .schedule-app-color();
}

.e-schedule .e-selectedAppointment {
    border : 1px solid black;
}

.e-schedule .e-selectedCell,
.e-schedule .e-agendaappointment.e-selectedAppointment  {
    background-color: @schedule-select-bg-color;
}

.e-schedule .e-borderleft {
    border-left: @border-size @border-type @content-border-color;
}

.e-schedule .e-borderright {
    border-right: @border-size @border-type @content-border-color !important;
}

.e-scheduledialog .e-inputtext:focus,
.e-scheduledialog .e-inputtext:hover{
    .material-normal-box-shadow;
}

.e-scheduledialog .e-inputtext:focus {
    box-shadow: 0 0 @shadow-bg-size @shadow-bg-color;
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-scheduledialog .e-buttonactive:not(.e-disable) {
    background: @active-bg-stcolor !important;
    color: @active-font-color !important;
}

.e-scheduledialog .e-buttonactive:not(.e-disable):hover {
    background: @hover-bg-stcolor !important;
    color: @hover-font-color !important;
}

.e-scheduledialog .e-detailedapp,
.e-scheduledialog .e-editevents,
.e-scheduledialog .e-textdetailcolor {
    .switch-schedule-appointment-btn;
    color: @active-bg-stcolor;
}

.e-scheduledialog .e-recurtitle {
    border-bottom: @border-size @border-type @content-border-color;
}

.e-scheduledialog .e-dialogheader {
    font-weight: bold !important;
}

/* Tooltip arrow image */
.e-scheduledialog .e-outerarrowline {
    border-color: @content-border-color rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 9px 9px 0;
    left: 0;
    position: absolute;
    top: 0;
}

.e-scheduledialog .e-innerarrow {
    border-color: @content-bg-color rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 8px 8px 0;
    left: 1px;
    position: absolute;
    top: 0;
}

.e-draggableAppointment {
    box-shadow: 5px 5px 5px @overlay-bg-color;
}
 .e-schedule .e-blocktimeappointment {
     background-color : darken(@default-bg-stcolor, 20%);
     color: @default-font-color;
     opacity:0.4
 }
.e-scheduletooltip {
    color: @content-font-color;
    background: @content-bg-color;
    border: @border-size @border-type @content-border-color;
}
.e-scheduledialog div.e-field-validation-error {
    background-color: #fffe91;
    color: #cd0a0a;
    white-space: normal;
}
 .e-schedule .e-appsoverflow{
	color: @default-icon-color;
 }
 .e-schedule .e-appsoverflow:hover{
	color: @hover-icon-color;
 }
.e-scheduledialog div.e-error .e-toparrow {
    border-bottom-color: #fffe92;
}
/*-----------------------Schedule Theme End -----------------------------*/



.e-grid.e-rtl .e-nextpage,
 .e-grid.e-rtl .e-nextpagedisabled{
border-left-color: @pager-default-border-color;
}

.e-pager,.e-grid .e-pagerstatusbar{
background-color: @pager-default-bg-color;
border-color: @pager-default-border-color;
color: @pager-font-color;
}
.e-pager .e-icon
{
    color: @default-icon-color;
}
.e-pager .e-default:hover
{
    color:  @hover-font-color;
}

.e-pager .e-spacing{
color: @pager-default-font-color;
}
.e-pager .e-spacing.e-NP{
color: @default-icon-color;
}
.e-pager .e-numericitem:hover{
.pager-hover-gradient();
color: @hover-font-color;
}

.e-pager .e-numericitem{
font-family: @font-family;
background:@pager-default-bg-color;
border-right-color: @pager-default-border-color;
}

.e-pager .e-prevpagedisabled,
.e-pager .e-prevpage,
.e-pager .e-nextpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled,
.e-pager .e-lastpage,
.e-pager .e-firstpage,
.e-pager .e-firstpagedisabled{
background-color: @pager-default-bg-color;
color:@default-icon-color;
}

.e-pager .e-lastpage,
.e-pager .e-firstpage{
background-color:transparent;
}

.e-pager .e-nextpage:Hover,
.e-pager .e-lastpage:Hover,
.e-pager .e-firstpage:Hover,
.e-pager .e-prevpage:Hover{
.hover-pager-gradient();
}

 .e-pager .e-pagercontainer
{
background-color: @pager-default-bg-color;
border-color: @pager-default-border-color;
}

.e-pager.e-rtl .e-numericitem{
border-left-color: @pager-default-border-color;
}

.e-pager .e-firstpage,
.e-pager .e-prevpage,
.e-pager .e-firstpagedisabled,
.e-pager .e-prevpagedisabled,
.e-pager .e-nextpage,
.e-pager .e-lastpage,
.e-pager .e-nextpagedisabled,
.e-pager .e-lastpagedisabled{
border-right-color: @pager-default-border-color;
}

.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-prevpage,
.e-pager.e-rtl .e-firstpagedisabled,
.e-pager.e-rtl .e-prevpagedisabled,
.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-lastpage,
.e-pager.e-rtl .e-nextpagedisabled,
.e-pager.e-rtl .e-lastpagedisabled{
border-left-color: @pager-default-border-color;
}

.e-pager .e-currentitem,
.e-pager .e-currentitem:hover{
.pager-selection-gradient();
color: @pager-active-font-color;
/*background-color:#428BCA;*/
}


/*------------------------------------- scrollbar -------------------------------------------*/

.e-scrollbar .e-vscroll,
.e-scrollbar .e-hscroll,
.e-scrollbar .e-vhandlespace
{
    background-color: @scroll-bg-color;
}
.e-scrollbar .e-vscroll{
    border-left:@border-size @border-type @content-border-color;
    border-right:none;
}
.e-scrollbar .e-hscroll{
    border-top:@border-size @border-type @content-border-color;
}
.e-scrollbar .e-hscroll .e-hdown.e-icon{
    border-right: @border-size @border-type @content-border-color;
}
.e-scrollbar .e-hscroll .e-hup.e-icon{
    border-left: none;
} 
.e-scrollbar .e-vscroll .e-chevron-down_01.e-icon{
    border-bottom: @border-size @border-type @content-border-color;
}
.e-scroller.e-rtl .e-scrollbar .e-vscroll{
    border-right:@border-size @border-type @content-border-color;
    border-left:none;
}
.e-scroller.e-rtl .e-scrollbar .e-hscroll .e-hup.e-icon{
    border-left: @border-size @border-type @content-border-color;
}
.e-scroller.e-rtl .e-scrollbar .e-hscroll .e-hdown.e-icon{
    border-right: none;
} 
.e-scrollbar .e-active
{
    background-color: @scroll-handle-active-color;
}
.e-scrollbar .e-vhandle,
.e-scrollbar .e-hhandle
{
    background: @scroll-handle-color;    
    transition: top .1s linear 0s, left .1s linear 0s;
}
.e-scrollbar .e-vhandle {
    border-top: 1px solid @row-border-color;
    border-bottom: 1px solid @row-border-color;
}
.e-scrollbar .e-hhandle {
    border-left: 1px solid @row-border-color;
    border-right: 1px solid @row-border-color;
}
.e-vhandle.e-box.e-pinch.e-touch,.e-hhandle.e-box.e-pinch.e-touch{
	background-color:@scroll-handle-active-color;
}
.e-scrollbar .e-vhandle:hover,
.e-scrollbar .e-hhandle:hover
{
    background-color:@hover-bg-stcolor;
    cursor: default;
    border-color:@hover-border-color;
}
.e-scrollbar .e-button
{
    color: @default-icon-color;
}
.e-scrollbar .e-button:hover
{
    background-color:@hover-bg-stcolor;
    color: @hover-icon-color;
    border-color:@hover-border-color;
}
 
.e-scroller .e-active
{
    background-color: @scroll-handle-active-color;
}

.e-scroller .e-vscroll .e-chevron-up_01.e-button,
.e-scroller .e-vscroll .e-chevron-down_01.e-button,
.e-scroller .e-hscroll .e-hup.e-button,
.e-scroller .e-hscroll .e-hdown.e-button{
    background:@scroll-handle-color;
}

.e-scroller .e-disable .e-vhandle:hover,
.e-scroller .e-disable .e-chevron-up_01.e-button:hover,
.e-scroller .e-disable .e-chevron-down_01.e-button:hover,
.e-scroller .e-disable .e-hup.e-button:hover,
.e-scroller .e-disable .e-hdown.e-button:hover
.e-scroller .e-disable .e-hhandle:hover
{
    .handle-default-gradient();   
   
    border: 1px solid @row-border-color;
    transition: top .1s linear 0s, left .1s linear 0s;
}

.e-scrollbar .e-v-line:before{
    .vhandle-arrow();
}

.e-scrollbar .e-h-line:before{
    .hhandle-arrow();
}

.e-scroller .e-button,
.e-scroller .e-disable .e-button:hover
{
    color: @default-icon-color;
}
.e-scroller .e-disable .e-button:hover
{
   background-color: transparent;
}

 

/*Theme Color*/

.e-acrdn
{
    font-family: @font-family;
}
.e-acrdn > .e-content
{
	border-color: @content-border-color;
	background-color: @content-bg-color;
    color: @content-font-color;
	font-size:@content-font-size;
}

.e-acrdn > .e-select,.e-acrdn > .e-disable.e-select:hover,.e-acrdn > .e-disable.e-select:hover a
{
.default-gradient();
color: @default-font-color;
}

.e-acrdn > .e-select, .e-acrdn > .e-disable.e-select:hover, .e-acrdn > .e-disable.e-select:hover a {
    .office-acrd-header-bg-color();
}

.e-acrdn .e-select
{   
    .office-acrd-header-border-color; 
    border-color: @default-border-color;
    font-weight: @content-font-weight;
    font-size:@header-font-size;
    font-family: @font-family;
}
.e-acrdn .e-select:hover 
{
    .hover-gradient();
    color: @hover-font-color;
    border-color: @hover-border-color;
}
.e-acrdn .e-select a
{
    color: @default-font-color;
}
.e-acrdn .e-select:first-child 
{
   border-top-color:@default-border-color;
}
.e-acrdn > .e-select:first-child
{
    .office-acrd-header-border-color; 
    border-top-color:@default-border-color;
}
.e-acrdn .e-select.e-active,.e-acrdn .e-disable.e-active.e-select:hover a,.e-acrdn .e-disable.e-active.e-select:hover
{
.active-gradient();
color:@active-font-color;
}
.e-acrdn.e-disable .e-select:hover,.e-acrdn.e-disable .e-select:hover a
{
background: #ecedee;
color:#5c5c5c;
}
.e-acrdn .e-select.e-active
{    
    border-color:@active-border-color;    
    font-weight: normal;
    border-bottom: medium none;
}
.e-acrdn .e-select.e-active:hover {
    .hover-gradient();
    color: @hover-font-color;
    border-color:@hover-border-color;
}
.e-acrdn .e-select.e-active a
{
    color: @active-font-color;
}
.e-acrdn .e-select:hover a,.e-acrdn .e-select.e-active:hover a {
    color: @hover-font-color;
}
.e-acrdn .e-select > span{
    color:@default-icon-color;
}
.e-acrdn .e-select.e-active > span{
    color: @active-icon-color;
}
.e-acrdn .e-select:hover > span, .e-acrdn .e-select.e-active:hover > span{
    color:@hover-icon-color;
}
.e-acrdn .e-select.e-disable:hover > span, .e-acrdn .e-select.e-disable.e-active:hover > span{
    color:@default-icon-color;
}
.e-acrdn .e-content.e-load
{
    background-image: @ajaxloaderimage;
	background-position: center;
    background-repeat: no-repeat;
}


/*------------------------------------- autocomplete -------------------------------------------*/

.e-atc .e-in-wrap, .e-atc .e-input,
.e-atc-popup, .e-atc .e-options {
    background-color: @content-bg-color;
    border-color: @content-border-color;
    color: @content-font-color;
	font-family: @font-family;
    font-size: @content-font-size;
    font-weight: @content-font-weight;
}
.e-atc .e-options.e-active {
    .active-gradient();
    color: @bs-active-font-color;
    border-color: @active-border-color;
}
.e-atc .e-options.e-active:hover , .e-atc .e-options:hover {
    .hover-gradient();
    color: @bs-hover-font-color;
    border-color: @hover-border-color;
}
.e-atc .e-boxes {
    background-color:@content-bg-color;
}
.e-atc.e-focus .e-in-wrap
{
    box-shadow: 0 0 @shadow-bg-size @bs-shadow-bg-color;
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-atc:hover .e-in-wrap{
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-atc-popup .e-category {
	border-bottom: 1px solid @content-border-color;
}
.e-atc-popup .e-hover , .e-atc-popup .e-content .e-atc-trbgcolor.e-hover {
	.hover-gradient();
    color: @hover-font-color;
    border-color: @hover-bg-stcolor;
}
.e-atc .e-select:hover, .e-atc.e-rtl .e-select:hover {
	.hover-gradient();
    color: @hover-icon-color;
    border-color: @content-border-color;
}
.e-atc .e-select, .e-atc.e-rtl .e-select, .e-atc .e-select.e-disable:hover {
    border-color: @content-border-color;
	    .bs-default-gradient();
    color: @default-icon-color;
}

.e-atc .e-select, .e-atc.e-rtl .e-select, .e-atc .e-select.e-disable:hover {
    .office-button-bg-color();
}
.e-atc .e-input.e-load {
    background-image: @ajaxloaderimage;
}

::-webkit-input-placeholder {
   color: @content-font-color;
}
:-ms-input-placeholder {
   color: @content-font-color;
}
::-moz-placeholder {
   color: @content-font-color;
}
:-moz-placeholder {
   color: @content-font-color;
}
.e-atc-popup .e-atc-tdbottom , .e-atc-popup div.e-atc-tableHeader {
	border-bottom: 1px solid @content-border-color;;
}
.e-atc-popup  .e-atc-tdright  , .e-atc-popup .e-atc-tableHeaderScroll .e-atc-tableHeaderBorder , .e-atc-popup div .e-atc-thright{
	border-right:1px solid @content-border-color;;
}
.e-atc-popup  .e-atc-tdleft , .e-atc-popup .e-atc-tableHeaderRTL .e-atc-tableHeaderBorder , .e-atc-popup div .e-atc-thleft{
	border-left:1px solid @content-border-color;;
}
.e-atc-popup .e-atc-tableHeaderContent th {
	background: @alt-row-bg-color;
}
.e-atc-popup .e-content .e-atc-trbgcolor {
    background: @alt-row-bg-color; 
}





/*------------------------------------- Button -------------------------------------------*/
.e-btn , .e-tbtn , .e-split-btn 
{
    font-family: @font-family;
    font-weight: @content-font-weight;
    font-size: @content-font-size; 
    .material-normal-box-shadow;
}
.e-rtl .e-splitarrowleft .e-split-btn.e-left-btn
{
    border-right:medium none;
    border-left:1px solid @default-border-color;
}
.e-rtl .e-splitarrowright .e-split-btn.e-left-btn
{
    border-left:medium none;
    border-right:1px solid @default-border-color;
}
.e-btn.e-select:focus
{
	box-shadow: 0 0 2px @shadow-bg-color;
    .material-normal-box-shadow;
}
.e-btn.e-select:active{
     .material-active-box-shadow;  
}
.e-btn.e-select,.e-btn.e-ntouch.e-disable.e-select:hover, .e-btn.e-disable.e-select:hover,.e-tbtn.e-disable
{
    .bs-default-gradient();
    color: @default-font-color;
    .material-button-border-color;
    border-color: @default-border-color;
    .border-selection();
}
.e-btn.e-disable,.e-btn.e-disable .e-icon{
    cursor:default;
}
.e-btn.e-ntouch.e-select:hover
{
    .hover-gradient();
    .material-button-border-color;
    border-color: @hover-border-color;
    color:  @hover-font-color;
}
.e-btn.e-ntouch.e-select:active, .e-btn.e-select:active ,.e-btn.e-ntouch.e-disable.e-active.e-select:hover, .e-btn.e-disable.e-active.e-select:hover, .e-tbtn.e-active
{
    .active-gradient();
    .material-button-border-color;
    border-color: @active-border-color;
    color:  @active-font-color;
}
.e-drp-btn.e-select,.e-btn.e-select .e-icon,.e-btn.e-ntouch.e-select.e-disable:hover,.e-btn.e-select.e-disable:hover,.e-btn.e-ntouch.e-select.e-disable:hover .e-icon, .e-btn.e-ntouch.e-select.e-disable:hover .e-icon
{
    color: @default-icon-color;
}
.e-drp-btn.e-ntouch.e-select:hover,.e-btn.e-ntouch.e-select:hover .e-icon, .e-drp-btn.e-select:hover,.e-btn.e-ntouch.e-select:hover .e-icon
{
    color:  @hover-icon-color;
}
.e-drp-btn.e-ntouch.e-select:active, .e-drp-btn.e-select:active,.e-btn.e-ntouch.e-select:active .e-icon, .e-btn.e-select:active .e-icon,.e-btn.e-active .e-icon,.e-btn.e-ntouch.e-disable.e-select.e-active:hover .e-icon,.e-btn.e-ntouch.e-disable.e-select.e-active:hover .e-icon
{
    color:  @active-icon-color;
}
.e-menu.e-split, .e-menu.e-context.e-split, .e-menu.e-context.e-split .e-list > ul,.e-menu.e-widget.e-split li.e-list {
    .office-split-menu-color;
    background-color: @default-bg-stcolor;
    color: @default-font-color;
    .material-button-border-color;
    border-color:@default-border-color;   
}


/*------------------------------------- Common -------------------------------------------*/
.ejinputtext, .e-textbox {
    background-color: @content-bg-color;
    border: 1px solid @content-border-color;
    color: @content-font-color;
    outline: medium none;
}

.ejinputtext:focus, .e-textbox:focus {
    box-shadow: 0 0 @shadow-bg-size @shadow-bg-color;
    .material-normal-box-shadow;
}

.e-split {
     .material-normal-box-shadow;
    .material-stylefor-borderradius();
}
.e-btn.e-txt{
    .material-buttonText-alignment();
}
.e-menu.e-split.e-context .e-list>.e-menulink{
    color:@default-font-color;
}
/*------------------------------------- Captcha -------------------------------------------*/

.e-captcha .refresh {		
	    background: @captcha-image;
		border: @captcha-refresh-border;             
}
.e-captcha .audio {			
        background: @captcha-image;		
}
.e-captcha .imagecontainer {
	    border: @captcha-image-border;       
}
.e-captcha .validTextBox {	
		border: @captcha-valid-border;        
}
.e-captcha .e-validTextBox {	
		border: @captcha-valid-border;       
}
.e-captcha .e-refresh {	
		background: @captcha-image;	
		border: @captcha-refresh-border;         
}
.e-captcha .e-audio {	
		background: @captcha-image;       
		border:@captcha-valid-border;	
}
.e-captcha .e-imageContainer {	
		border: @captcha-image-border;        
}






/*------------------------------------- Colorpicker -------------------------------------------*/

.e-colorpicker .e-hsv-color, .e-colorpicker .e-buttons .e-preview, .e-colorpicker .e-slider-wrap .e-handle.e-select, .e-colorpicker .e-slider-wrap .e-hue, .e-colorpicker .e-slider-wrap .e-opacity, .e-colorpicker .e-slider-wrap .e-handle.e-select:hover {
    border: 3px solid @colorpicker-bg-color;
}

.e-colorwidget .e-select {
    background: @colorpicker-button-bg-color;
    color: @default-icon-color;
    border-color: @content-border-color;
}

.e-colorwidget.e-split .e-in-wrap .e-select:hover,.e-colorwidget.e-split .e-color-container:hover {
    .hover-gradient();
    border-color: @hover-border-color;
    color: @hover-icon-color;
}

.e-colorwidget.e-picker.e-split.e-disable .e-in-wrap .e-select:hover, .e-colorwidget.e-picker.e-split.e-disable .e-in-wrap .e-color-container:hover {
    cursor: default;
    background: @colorpicker-button-bg-color;
}

.e-colorpicker.e-popup {
    .office-colorpick-popup-bg-color;
    background-color: @colorpicker-popup-bg-color;
    .office-colorpick-popup-border-color;
    border-color: @colorpicker-popup-boder-color;
}

.e-presetWrapper.e-widget.e-context {
    border-color: @colorpicker-popup-boder-color;
}

.e-colorwidget.e-focus {
    box-shadow: 0 0 @shadow-bg-size @bs-shadow-bg-color;
}

.e-colorwidget.e-focus .e-in-wrap {
    .focus-border-color();
}

.e-colorpicker .e-recent-color .e-colorblock.e-block, .e-colorpicker .e-recent-color .e-colorblock.e-select, .e-colorpicker .e-footer .e-switcher {
    background-color: @colorpicker-button-bg-color;
    color: @content-font-color;
    border-color: @colorpicker-button-border-color;
}

.e-colorwidget .e-in-wrap.e-box, .e-colorwidget .e-in-wrap.e-box .e-select, .e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton, .e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn, .e-colorpicker .e-footer .e-in-wrap.e-box .e-split-btn, .e-colorpicker .e-footer .e-in-wrap.e-box .e-drp-btn.e-rht-btn {
    background: @colorpicker-button-bg-color;
    color: @content-font-color;
    border-color: @content-border-color;
    .colorpickericon-color-selection();
}

.e-colorwidget .e-select:hover, .e-colorpicker .e-element .e-split-btn.e-select.e-rht-btn:hover {
    background-color: @colorpicker-button-bg-color;
    color: @hover-font-color;
    border-color: @hover-border-color;
}
 .e-colorpicker .e-footer .e-in-wrap.e-box .e-splitbutton:hover, .e-colorpicker .e-footer .e-in-wrap.e-box .e-rht-btn:hover{
     .hover-gradient();
     color:@hover-icon-color;
     border-color:@hover-border-color;
 }
.e-presetWrapper.e-menu.e-context, .e-presetWrapper.e-menu.e-context .e-list.e-mhover.e-mfocused, .e-presetWrapper.e-menu.e-context .e-list > ul, .e-presetWrapper.e-menu.e-context .e-list:hover {
    background: @colorpicker-button-bg-color;
    color: @content-font-color;
    border-color: @colorpicker-btn-bg-color;
}

.e-presetWrapper.e-menu.e-context .e-list:hover {
    background: @colorpicker-button-bg-color;
    color: @content-font-color;
}

.e-colorpicker .e-footer .e-split .e-splitbutton:hover {
    .default-gradient();
    border-color: @hover-border-color;
}

.e-colorpicker .e-footer .e-cancelButton.e-btn, .e-colorpicker .e-footer .e-applyButton.e-btn {
    .bs-default-gradient();        
    border-color: @colorpicker-popup-boder-color;
}

.e-colorpicker .e-footer .e-cancelButton.e-btn:hover, .e-colorpicker .e-footer .e-applyButton.e-btn:hover {
    .hover-gradient();
    border-color: @hover-border-color;
    color: @hover-font-color;
}



.e-colorpicker .e-buttons .e-grpbtn, .e-colorpicker .e-buttons .e-color-code, .e-colorpicker .e-buttons .e-grpbtn .e-btn {
    background: @colorpicker-button-bg-color;
	.colorpicker-color-selection();
    border-color: @colorpicker-button-border-color;
}

.e-colorpicker .e-buttons .e-previous, .e-presetWrapper .e-presets-table .e-preset-row {
    border-color: @content-border-color;
}

.e-colorpicker .e-item {
    border-color: @colorpicker-popup-boder-color;
}

.e-colorpicker .e-color-image, .e-presetWrapper .e-color-image, .e-presetWrapper.e-menu.e-context .e-color-image.e-mhover {
    background-image: @colorpicker-image;
    background-color: transparent;
    filter: none;
}

.e-presetWrapper .e-presetHeader, .e-colorpicker .e-element .e-icon:before {
    color: @content-font-color
}
.e-colorpicker .e-buttons .e-grpbtn .e-btn {
    .switch-colorpicker-grpbtn-text;
    color: @default-font-color;
}
.e-colorpicker .e-buttons .e-color-code,.e-colorpicker .e-codeeditor .e-close_01{
    color:@content-font-color;
}
.e-colorpicker .e-buttons .e-grpbtn .e-click {
    .active-gradient();
    border-color: @active-border-color;
    color: @active-font-color;
    box-shadow: 0 0 0 2px @colorpicker-bg-color;
    .colorpicker-boxshadow-selection();
}

.e-colorpicker .e-buttons .e-grpbtn .e-btn:hover {
    .hover-gradient();
    color: @hover-font-color;
    border-color: @hover-border-color;
}

.e-presetWrapper.e-menu.e-context li.e-list {
    background: @content-bg-color;
}

.e-colorpicker .e-context.e-menu .e-mhover > a, .e-colorpicker .e-context.e-menu .e-mhover > span,
.e-colorpicker .e-context.e-menu .e-mfocused, .e-colorpicker .e-context.e-menu .e-mfocused > a, .e-colorpicker .e-context.e-menu .e-mfocused > span {
    background: transparent;
}
 



.e-fileexplorer,.e-fileexplorer input,input.e-fe-dialog-text,
.e-fe-toolbar.e-responsive-toolbar input{
    border-color:@default-border-color;
} 

.e-fileexplorer {
    .office-file-explorer-toolbar-border-color;
    border-color:@default-border-color;
} 

.e-fileexplorer .e-splitter .e-splitbar,
.e-fileexplorer .e-statusbar,.e-fileexplorer .e-grid .e-gridheader, .e-fileexplorer.e-fe-mobile .e-fe-split-icon
{
    border-color: @content-border-color;
}

.e-fileexplorer .e-statusbar {
    .material-stylefor-bordertop();
}

.e-fileexplorer input,
.e-fileexplorer .e-grid .e-headercelldiv, .e-fileexplorer .e-grid .e-gridcontent tr,
.e-fileexplorer .e-tileview .e-tilenode .e-name, input.e-fe-dialog-text,
.e-fe-toolbar.e-responsive-toolbar input
{
    color: @content-font-color;
}

.e-fileexplorer .e-tileview .e-tilenode:hover .e-name,.e-fileexplorer .e-grid .e-gridcontent tr.e-hover td{
    color: @hover-font-color;
}
.e-fileexplorer.e-js .e-grid td.e-active, .e-fileexplorer .e-tileview .e-tilenode.e-active .e-name{
    color:@active-font-color;
}
.e-fileexplorer .e-tileview .e-tilenode.e-active:hover{
    .hover-gradient();
    border-color:@hover-border-color;
}
.e-fileexplorer .e-tileview .e-tilenode.e-active:hover .e-name{
    color: @hover-font-color;
}

.e-fileexplorer .e-toolbar .e-fe-split-button .e-active .e-icon, .fe-context-menu.e-menu.e-context .e-list.e-active > .e-menulink > .e-fileexplorer-toolbar-icon
{
    color: @active-icon-color;
}

.e-fileexplorer .e-toolbar .e-fe-split-button.e-hover .e-active .e-icon, .e-fileexplorer .e-toolbar .e-fe-split-button.e-hover .e-icon {
    color: @hover-icon-color;
}

.e-fileexplorer .e-treeview .e-fe-node-hover,  .e-fe-dialog.e-icon.e-close:hover
{
    .hover-gradient();
    color: @hover-font-color;
    border-color: @hover-border-color;
}

 .e-fileexplorer.e-js .e-tilenode.e-active, .e-fileexplorer.e-js .e-grid .e-gridcontent tr td.e-active
{
    .high-contrast-file-explorer-content-active;
    border-color: @active-border-color;
    background: @active-bg-stcolor;
}
 .e-fileexplorer.e-js .e-tilenode.e-active:hover, .e-fileexplorer.e-js .e-grid .e-gridcontent tr:hover td.e-active{
     .hover-gradient();
     color:@hover-font-color;
     border-color:@hover-border-color;
 }

.e-fileexplorer.e-js .e-statusbar .e-active .e-icon
{
    color: @active-bg-stcolor;
}

.e-fileexplorer.e-js .e-treeview .e-text:hover,
.e-fileexplorer .e-actionbar .e-btn.e-select:hover,
.e-fileexplorer .e-treeview .e-text.e-file-droppable
{
    color: @hover-font-color;
    border-color:@hover-border-color;
}

.e-fileexplorer input , input.e-fe-dialog-text, .e-fe-toolbar.e-responsive-toolbar input,
.e-fe-split-context.e-menu.e-context.e-split, .e-fe-split-context.e-menu.e-widget.e-split li.e-list
{
    background: @content-bg-color;
}

.e-fileexplorer .e-tilenode.e-hover, .e-fileexplorer .e-grid .e-gridcontent tr.e-hover td,
.e-fileexplorer .e-tilenode.e-file-droppable, .e-fileexplorer .e-grid .e-gridcontent tr.e-file-droppable td,
.e-fileexplorer .e-treeview .e-text.e-file-droppable
{
    border-color: @hover-border-color;
    background: @hover-bg-stcolor;
}

.e-fileexplorer .e-switchGridView.e-button:hover,
.e-fileexplorer .e-swithListView.e-button:hover
{
    .hover-gradient();
    border-color: @hover-border-color;
    border-color:@hover-border-color;
}

.e-fileexplorer .e-toolbar .e-fe-split-button.e-hover .e-btn.e-select,
.e-fileexplorer .e-toolbar .e-fe-split-button .e-btn.e-select:focus {
	.hover-gradient();
}
.e-fileexplorer .e-toolbar
{
    color: @default-icon-color;
    .default-gradient();
    border-color:@default-border-color;
}

.e-fileexplorer .e-toolbar {
    .office-file-explorer-toolbar-bg-color;
}

.e-fe-toolbar.e-toolbar .e-feItem-Searchbar.e-tooltxt.e-active {
    background: transparent;
}
.e-fileexplorer .e-grid .e-gridheader, .e-fileexplorer .e-grid .e-gridheader.e-scrollcss, .e-fileexplorer .e-grid .e-gridheader .e-headercell {
    background: @content-bg-color;
}
.e-fileexplorer .e-alt_row, .e-fileexplorer .e-gridheader ,
.e-fileexplorer .e-gridheader .e-headercell, .e-fileexplorer .e-grid .e-gridcontent,
.e-fileexplorer .e-splitter .e-pane, .e-fileexplorer .e-scroller .e-scrollbar .e-vhandlespace, 
.e-fileexplorer .e-scroller .e-scrollbar .e-hhandlespace
{
    background-color: @content-bg-color;
}

.e-fileexplorer .e-tilenode.e-hover .e-thumbImage
{
    border-color: @hover-border-color;
}

.e-fileexplorer.e-js .e-active .e-thumbImage
{
    border-color: @active-bg-stcolor;
}

 .e-menu > .e-list.e-fe-separator {
    border-color: @content-border-color;
}



.e-fileexplorer .e-toolbar .e-hover .e-tool-input, .e-fe-toolbar.e-responsive-toolbar .e-hover .e-tool-input,
.e-fileexplorer .e-toolbar .e-tool-input:focus, .e-fe-toolbar.e-responsive-toolbar .e-tool-input:focus {
    .high-contrast-file-explorer-search-text;
    border-color: @active-bg-stcolor;
}
.e-fileexplorer .e-toolbar .e-feItem-Addressbar.e-hover, .e-fileexplorer .e-toolbar .e-feItem-Searchbar.e-hover,
.e-fe-toolbar.e-responsive-toolbar .e-feItem-Addressbar.e-hover, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Searchbar.e-hover,
.e-fileexplorer .e-toolbar .e-feItem-Searchbar.e-active, .e-fileexplorer .e-toolbar .e-feItem-Addressbar.e-active,
.e-fe-toolbar.e-responsive-toolbar .e-feItem-Searchbar.e-active, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Addressbar.e-active,
.e-fileexplorer .e-toolbar .e-fe-split-button.e-hover, .e-fe-toolbar.e-responsive-toolbar .e-fe-split-button.e-hover,
.e-fileexplorer .e-toolbar .e-fe-split-button.e-active, .e-fe-toolbar.e-responsive-toolbar .e-fe-split-button.e-active {
    background: @default-bg-stcolor;
    border-color: @default-bg-stcolor;
}
.e-dialog .e-fe-table table tr .e-readonly {
  background:@content-bg-color;    
  color: @content-font-color;
}

.e-dialog .e-fe-table table .e-border {
    border-color:@content-border-color;
}

.e-fileexplorer .e-toolbar .e-fe-split-button .e-active .e-btn {
    background: @active-bg-stcolor;
    color: @active-font-color;
}
.e-fileexplorer .e-splitter .e-splitbar.e-shadowbar, .e-fileexplorer .e-splitter .e-splitbar.e-split-divider, 
.e-fileexplorer .e-splitter .e-splitbar.e-split-divider:hover, .e-fileexplorer .e-splitter .e-hover.e-splitbar.e-split-divider{
	background-color: transparent;
}

.e-fileexplorer .e-fe-popup .e-content {
    background-color: @content-bg-color;
    border-color: @default-border-color;
}

.e-fileexplorer .e-fe-popup .e-downtail:after {
    border-top-color: @content-bg-color;
}

.e-fileexplorer .e-fe-popup .e-downtail:before, .e-fileexplorer .e-fe-popup .e-downtail {
    border-top-color: @default-border-color;
}

.e-fileexplorer .e-fe-popup span:hover, .e-fileexplorer .e-fe-popup .e-spanclicked {
    border-color: @default-icon-color;
}
.e-fileexplorer .e-tile-wrapper.e-js.e-file-droppable, .e-fileexplorer .e-grid .e-gridcontent.e-file-droppable{
	box-shadow: 0px 0px 6px -1px @default-border-color inset;
}

/*------------------------------------------------------------------*/

.e-fileexplorer .e-toolbar {
    .material-stylefor-fileexplorer();
}

.fe-context-menu.e-menu.e-context .e-mhover > a > span.e-fileexplorer-toolbar-icon,
.fe-context-menu.e-menu.e-context .e-mfocused > a > span.e-fileexplorer-toolbar-icon {
    .switch-file-explorer-context-icon-color;
    color: @hover-font-color;
}

.e-fileexplorer .e-toolbar.e-focus{
	.material-normal-box-shadow;
}

.e-fileexplorer .e-toolbar > ul > li .e-splitbutton.e-btn.e-select {
    .material-file-explorer-splitbtn-shadow;
    .office-file-explorer-splitbtn-bg-color;
}

.e-fileexplorer .e-toolbar > ul > li .e-split.e-active .e-splitbutton.e-btn.e-select{
    background: @active-bg-stcolor;
}

.e-fileexplorer .e-toolbar > ul > .e-fe-split-button.e-hover .e-split.e-active .e-splitbutton.e-btn.e-select{
    background: @hover-bg-stcolor;
}

.e-fileexplorer .e-toolbar > ul > li .e-splitbutton.e-btn.e-ntouch.e-select:hover {
    .material-file-explorer-splitbtn-shadow;
}


.e-fileexplorer .e-toolbar .e-hover .e-tool-input,
.e-fe-toolbar.e-responsive-toolbar .e-hover .e-tool-input,
.e-fileexplorer .e-toolbar .e-tool-input:focus,
.e-fe-toolbar.e-responsive-toolbar .e-tool-input:focus,
.e-fe-dialog input.e-fe-dialog-text:hover, .e-fe-dialog input.e-fe-dialog-text:focus {
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-fileexplorer .e-toolbar > ul > li .e-split {
    .material-file-explorer-splitbtn-radius;
}




/*------------DatePicker themes -------------*/
.e-datepicker table td.e-disable ,
.e-datepicker.e-dp-restrict-show table td.e-hidedate
{
    opacity:1;
    color:@disable-datepicker-text;
    visibility:visible;
}
.e-datepicker table td.e-hidedate{
    visibility: hidden;
}

.e-datewidget .e-in-wrap
{
 border-color: @content-border-color;
}

.e-datewidget:hover .e-in-wrap{
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-datewidget.e-focus .e-in-wrap
{
    .focus-border-color();
	box-shadow: 0 0 @shadow-bg-size @bs-shadow-bg-color;
    .material-normal-box-shadow;
}
.e-datewidget .e-select,.e-datewidget.e-rtl .e-select,.e-ntouch.e-datewidget .e-disable.e-select:hover
{
    .bs-default-gradient();
	border-color: @content-border-color;
    color: @default-icon-color;
     .border-selection();
}

.e-datewidget .e-select,.e-datewidget.e-rtl .e-select,.e-ntouch.e-datewidget .e-disable.e-select:hover
{
   .office-button-bg-color();
}

.e-ntouch.e-datewidget .e-select:hover
{
	.hover-gradient();
    color: @hover-icon-color;
    border-color:@content-border-color;
}
.e-datewidget .e-select.e-active
{
	.active-gradient();
    border-color:@active-bg-stcolor;
}
.e-datewidget .e-input
{
	background-color: @content-bg-color;
	color: @content-font-color;
}
.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: @active-bg-stcolor;
    .meterial-otherMonth-dateColor();
}
.e-datepicker table td.e-dp-weekend
{
    color: @error-font-color;
}
.e-datepicker.e-calendar
{  
    border-color: @content-border-color;
    background-color: @content-bg-color;    
}
.e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header {
	.header-gradient();
	color: @header-font-color;
	font-size:@header-font-size;
	font-weight: @header-font-weight;
    border-bottom: @border-size @border-type @header-border-color;
}
.e-datepicker .e-header:hover > span {
     color: @hover-font-color;
}
.e-datepicker .e-footer
{
	color: @default-font-color;
	border: @border-size @border-type transparent;
}
.e-ntouch.e-datepicker .e-footer:hover
{
	.hover-gradient();
	color: @hover-font-color;
	border: @border-size @border-type @hover-border-color;
    .transparent-border();
}
.e-datepicker .e-text
{    
    color: @header-font-color;   
    .material-headerHoverStylefor-datepicker();
}
.e-datepicker .e-week-header,.e-ntouch.e-datepicker .e-week-header:hover
{
    .default-gradient();
    color: @default-font-color;
    border-bottom: @border-size @border-type transparent;
}
.e-ntouch.e-datepicker table td:hover,.e-datepicker td.e-state-hover,.e-ntouch.e-datepicker .current-month.e-state-default.e-special-day:hover
{
	.hover-gradient();
    color: @hover-font-color;
    border-color: @hover-border-color;
    border-radius: 4px;
    .material-dateCircle-datepicker();
	box-shadow: 0 0 0 transparent inset;
}

.e-ntouch.e-datepicker table td.e-disable:hover,
.e-ntouch.e-datepicker table td.e-hidedate:hover {
    background: none;
    border-color: none;
    color: @disable-datepicker-text;
}

.e-datepicker .e-datepicker-days .e-selected-days
{
   .active-gradient();
    border-radius: 0px;
	box-shadow: 0 0 0 transparent inset;  /*For flicker issue */
    color: @active-font-color;
}
.e-work-week .e-week-day, .e-selected-week, .e-selected-month {
    background-color: @default-bg-stcolor;
    color: @default-font-color;
}

.e-datepicker .e-header .e-icon
{
    .material-datepick-header-icon-color;
    color: @hover-icon-color;
}
.e-ntouch.e-datepicker .e-arrow-sans-left:hover,
.e-ntouch.e-datepicker .e-arrow-sans-right:hover
{
    background-color: @hover-bg-stcolor;
    .material-headerStylefor-datepicker();
    border-radius: 4px 4px 4px 4px;
    .material-borderRadious-datepicker();
    border-color: @hover-border-color;
}
.e-ntouch.e-datepicker .e-disable.e-arrow-sans-left:hover,
.e-ntouch.e-datepicker .e-disable.e-arrow-sans-right:hover {
    background: none;
    border-radius: 0px;
    cursor: default;
    border-color: @hover-border-color;
}
.e-datepicker .e-state-default
{
	color: @content-font-color;
    font-weight: @content-font-weight;
}
.e-datepicker .today
{
	background-color: @default-bg-stcolor;
	color: @default-font-color;
	box-shadow: 0 0 0 transparent inset;
    border-radius: 4px;
    .material-dateCircle-datepicker();
}
.e-datepicker .other-month.e-active
{
    background: none;
}
.e-datepicker .e-active,.e-datepicker .e-active.e-state-hover
{
	.active-gradient();
    border-radius: 4px;
    .material-dateCircle-datepicker();
	box-shadow: 0 0 0 transparent inset;  /*For flicker issue */
    color: @active-font-color;
    border-color:@active-border-color;
}
.e-ntouch.e-datepicker table td.other-month:hover, 
.e-ntouch.e-datepicker .e-allyear-first:hover, 
.e-ntouch.e-datepicker .e-allyear-last:hover, 
.e-ntouch.e-datepicker .e-year-first:hover, 
.e-ntouch.e-datepicker .e-year-last:hover
{
    color: @watermark-font-color;
	background-color: transparent;
    border-color: @hover-border-color;
}

/*Disable State Styles*/

.e-ntouch.e-datepicker.e-popup.e-disable .e-footer:hover {
    background: none;
    color: @default-font-color;
    border: @border-size @border-type transparent;
}

.e-ntouch.e-datepicker.e-popup.e-disable table td:hover,
.e-datepicker.e-popup.e-disable td.e-state-hover,
.e-ntouch.e-datepicker.e-popup.e-disable .current-month.e-state-default.e-special-day:hover {
    background: none;
    color: @content-font-color;
    font-weight: @content-font-weight;
    border-radius: 0px;
    border-color: @hover-border-color;
}

.e-ntouch.e-datepicker.e-popup.e-disable .e-arrow-sans-left:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-arrow-sans-right:hover {
    background: none;
    border-radius: 0px;
    border-color: @hover-border-color;
}

.e-ntouch.e-datepicker.e-popup.e-disable table td.e-disable:hover,
.e-ntouch.e-datepicker.e-popup.e-disable table td.e-hidedate:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-disable.e-select:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-hidedate.e-select:hover
 {
    background: none;
    border-color: none;
    color: @disable-datepicker-text;
}

.e-ntouch.e-datepicker.e-popup.e-disable table td.other-month:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-allyear-first:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-allyear-last:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-year-first:hover,
.e-ntouch.e-datepicker.e-popup.e-disable .e-year-last:hover {
    color: @bs-header-bg-stcolor;
}

.e-ntouch.e-datepicker .e-datepicker-headertext:hover {
    background: @hover-bg-stcolor;
}

.e-ntouch.e-datepicker.e-disable .e-datepicker-headertext:hover {   
	background: none;
}

::-webkit-input-placeholder {
   color: @content-font-color;
}
:-ms-input-placeholder {
   color: @content-font-color;
}
::-moz-placeholder {
   color: @content-font-color;
}
:-moz-placeholder {
   color: @content-font-color;
}
.e-ntouch.e-datepicker .e-datepicker-headertext:hover{    
        .material-headerStylefor-datepicker();
        .material-headerHoverStylefor-datepicker();
}
.e-datepicker .e-datepicker-days .e-state-default{    
        .material-dateDimention-datepicker();
}
.e-datepicker .e-datepicker-months td, .e-datepicker .e-datepicker-years td, .e-datepicker .e-datepicker-allyears td {
        .material-monthDimention-datepicker();
 }

.e-datepicker .e-header .e-next, .e-datepicker .e-header .e-prev{
       .material-icon-alignment();
       .material-datePicker-header();
}
.e-datepicker .e-header .e-prev {
        .material-icon-alignment();
    }
.e-datepicker .e-header .e-text{
    .material-datePicker-headerText();
}

 .e-datepicker .e-header .e-text .e-datepicker-headertext{
     .meterial-headerText-padding();
 }
 .e-datepicker .e-header .e-next{
     .material-rightIcon-alignment();
 }
 .e-datepicker .e-icon{
     .meterial-icon-dimention();
 }
 .e-datepicker .e-header .e-icon:before {
    .meterial-icon-position();
 }
 .e-datepicker .e-header .e-text{
     .meterial-text-dimention();
 }
 


/*------------------------------------- DateTimePicker -------------------------------------------*/
.e-datetime-wrap .e-input, .e-datetime-popup {
    background-color: @content-bg-color;
    font-family: @font-family;
    font-weight: @content-font-weight;
    color: @content-font-color;
}

.e-datetime-wrap .e-in-wrap, .e-datetime-popup,
.e-datetime-popup .e-timecontainer .e-header {
    border-color: @content-border-color;
}

.e-datetime-wrap.e-widget:hover .e-in-wrap{
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-datetime-wrap.e-focus .e-in-wrap, .e-datetime-popup .e-focus {
    box-shadow: 0 0 @shadow-bg-size @bs-shadow-bg-color;
    .material-normal-box-shadow;
}

.e-datetime-wrap.e-focus .e-in-wrap, .e-datetime-popup .e-focus .e-in-wrap {
    .focus-border-color();
}

.e-datetime-wrap .e-select, .e-datetime-wrap.e-rtl .e-select,
.e-ntouch.e-datetime-wrap .e-disable.e-select:hover {
    .bs-default-gradient();
    border-color: @content-border-color;
    color: @default-icon-color;
    .border-selection();
}

.e-datetime-wrap .e-select, .e-datetime-wrap.e-rtl .e-select,
.e-ntouch.e-datetime-wrap .e-disable.e-select:hover {
    .office-button-bg-color();
}

.e-ntouch.e-datetime-wrap .e-select:hover {
    .hover-gradient();
    color: @hover-icon-color;
}

.e-datetime-popup .e-dt-button {
    .bs-default-gradient();
    border: @border-size @border-type @content-border-color;
    .switch-datetimepick-button-text;
    color: @default-font-color;
}

.e-datetime-popup .e-dt-button:active {
    .active-gradient();
    border-color: @active-border-color;
    color: @content-font-color;
    border-color: @active-border-color;
}

.e-ntouch.e-datetime-popup .e-dt-button:hover {
    .hover-gradient();
    color: @hover-font-color;
    border-color: @hover-border-color;
}

.e-timepicker.e-time-hours,
.e-timepicker.e-time-minitues {
    border-color: @content-border-color;
    background-color: @content-bg-color;
}

.e-drillDowncontainer .e-timepicker.e-popup .e-header,
.e-drillDowncontainer .e-timepicker.e-popup .e-mins-header,
.e-drillDowncontainer .e-timepicker.e-popup .e-header-am,
.e-drillDowncontainer .e-timepicker.e-popup .e-header-pm {
    color: @header-font-color;
    font-size: @header-font-size;
    font-weight: @header-font-weight;
}

.e-drillDowncontainer .e-timepicker.e-popup .e-header:hover >span,
.e-drillDowncontainer .e-timepicker.e-popup .e-mins-header:hover >span,
.e-drillDowncontainer .e-timepicker.e-popup .e-header-am:hover >span,
.e-drillDowncontainer .e-timepicker.e-popup .e-header-pm:hover >span{
    color:@hover-font-color;
}

.e-drillDowncontainer .e-timepicker.e-popup .e-header {
    .header-gradient();
    border-bottom: @border-size @border-type @header-border-color;
}

.e-drillDowncontainer .e-timepicker.e-popup .e-header-pm > .e-text {
    border-top: @border-size @border-type @header-border-color;
}

.e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon {
    color: @hover-icon-color;
}

.e-timepicker table td.e-active,
.e-timepicker table td.e-active.e-state-hover {
    .active-gradient();
    border-radius: 4px;
    box-shadow: 0 0 0 transparent inset; /*For flicker issue */
    color: @active-font-color;
    border-color: @active-border-color;
}

.e-timepicker .e-state-default {
    color: @content-font-color;
    font-weight: @content-font-weight;
}

.e-ntouch.e-timepicker table td:hover,
.e-timepicker table td.e-state-hover {
    .hover-gradient();
    color: @hover-font-color;
    border-color: @hover-border-color;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent inset;
}

.e-ntouch.e-timepicker .e-hours-headertext:hover,
.e-ntouch.e-timepicker .e-minitues-headertext:hover {
    background: @hover-bg-stcolor;
}

.e-timepicker .e-footer {
    color: @default-font-color;
    border: @border-size @border-type transparent;
}

.e-ntouch.e-timepicker .e-footer:hover {
    .hover-gradient();
    color: @hover-font-color;
    border: @border-size @border-type @hover-border-color;
    .transparent-border();
}

.e-timepicker table td.e-disable {
    color: @disable-datepicker-text;
}

.e-ntouch.e-timepicker table td.e-disable:hover {
    background: none;
    border-color: none;
    color: @disable-datepicker-text;
}

.e-ntouch.e-timepicker .e-arrow-sans-left:hover,
.e-ntouch.e-timepicker .e-arrow-sans-right:hover {
    background-color: @hover-bg-stcolor;
    border-radius: 4px 4px 4px 4px;
    border-color: @hover-border-color;
}

.e-ntouch.e-timepicker .e-disable.e-arrow-sans-left:hover,
.e-ntouch.e-timepicker .e-disable.e-arrow-sans-right:hover {
    border-color: @hover-border-color;
}

.e-ntouch.e-timepicker.e-popup.e-disable table td:hover,
.e-timepicker.e-popup.e-disable td.e-state-hover {
    background: none;
    color: @content-font-color;
    font-weight: @content-font-weight;
    border-radius: 0px;
    border-color: @hover-border-color;
}

.e-ntouch.e-timepicker.e-popup.e-disable .e-arrow-sans-left:hover,
.e-ntouch.e-timepicker.e-popup.e-disable .e-arrow-sans-right:hover {
    border-color: @hover-border-color;
}

.e-ntouch.e-timepicker.e-popup.e-disable .e-footer:hover {
    background: none;
    color: @default-font-color;
    border: @border-size @border-type transparent;
}



/*------------DateRangePicker themes -------------*/

.e-daterangepicker-popup {
    border: 1px solid @content-border-color;
    background-color: @content-bg-color;
    font-family: @font-family;
    font-weight: @content-font-weight;
    color: @content-font-color;
}
.e-daterangewidget .e-input  {
	background-color: @content-bg-color;
    font-family: @font-family;
    font-weight: @content-font-weight;
    color: @content-font-color;
}
.e-daterangewidget .e-in-wrap, .e-daterangepicker-popup {
    border-color: @content-border-color;
}

.e-daterangewidget.e-widget:hover .e-in-wrap {
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-daterangewidget.e-focus .e-in-wrap, .e-daterangewidget .e-focus {
    box-shadow: 0 0 @shadow-bg-size @bs-shadow-bg-color;
    .material-normal-box-shadow;
}

.e-daterangewidget.e-focus .e-in-wrap, .e-daterangewidget .e-focus .e-in-wrap {
    .focus-border-color();
}

.e-daterangewidget .e-select,
.e-daterangewidget .e-drpbuttons .e-disable:hover,
.e-ntouch.e-daterangewidget .e-disable.e-select:hover {
    .bs-default-gradient();
    background-color: @content-bg-color;
    border-color: @content-border-color;
    color: @default-icon-color;
    .border-selection();
}

.e-daterangewidget .e-select,
.e-ntouch.e-daterangewidget .e-disable.e-select:hover {
    .office-button-bg-color();
}

.e-ntouch.e-daterangewidget .e-select:hover {
    .hover-gradient();
    color: @hover-icon-color;
}

.e-daterangepicker-popup .e-custom-dateranges {
    border-left: 1px solid @content-border-color;
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-start-date:hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-start-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-end-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today.e-end-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active.e-end-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover.e-end-date,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-end-date {
    .active-gradient();
    color: @active-font-color;
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default:hover,
.e-daterangepicker-popup .e-ntouch.e-datepicker table td.e-state-default:hover {
    background: @content-bg-color;
    color: @active-bg-stcolor;
    font-weight: @header-font-weight;
}

.e-daterangepicker-popup .e-val-error .e-in-wrap {
    border: 1px solid red;
}

.e-daterangepicker-popup .e-drpbuttons .e-drp-apply.e-disable {
    cursor: default;
}




.e-custom-dateranges li {
    box-shadow: 0 0 5px @default-bg-stcolor;
    background: @content-bg-color;
    border: 1px solid @content-border-color;
}

.e-custom-dateranges li.e-active {
    .active-gradient();
    border-color: @active-border-color;
    color: @active-font-color;
    border-color: @active-border-color;
}

.e-custom-dateranges li:hover {
    .hover-gradient();
    color: @hover-font-color;
    border-color: @hover-border-color;
}

.e-daterange-responsive .e-custom-dateranges {
    border-top: 1px solid @content-border-color;
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-active,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-active,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range.e-state-hover,
.e-daterangepicker-popup .e-ntouch.e-datepicker .e-datepicker-days .e-state-default.in-range:hover {
.high-contrast-stylefor-daterange();
    background: @default-bg-stcolor;
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-state-hover,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.today {
    background: @content-bg-color;
    color: @content-font-color;
}

.e-daterangepicker-popup .e-custom-dateranges li:hover {
    .hover-gradient();
    background-color: #179bd7;
    color: @hover-font-color;
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range + .e-end-date {
.high-contrast-stylefor-daterange();
    box-shadow: -12px 0 0 0 @default-bg-stcolor;
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.e-start-date.showrange {
.high-contrast-stylefor-daterange();

    box-shadow: 12px 0 0 0 @default-bg-stcolor;
}

.e-daterangepicker-popup .e-datepicker .e-datepicker-days .e-state-default.in-range {

    color: @default-font-color;
.high-contrast-stylefor-daterange();
    background: @default-bg-stcolor;
    border-color: @content-border-color;
    box-shadow: 0 0 0 transparent inset;
}
/*button css*/
.e-daterangepicker-popup .e-drpbuttons {
    border-top: 1px solid @default-border-color;
    .bs-default-gradient();
    border-color: @default-border-color;
    .switch-datetimepick-button-text;
    color: @default-font-color;
}

.e-daterangepicker-popup .e-drpbuttons div {
    .bs-default-gradient();
    color: @default-font-color;
    border-color: @default-border-color;
}

.e-daterangepicker-popup .e-drpbuttons div:hover {
    .hover-gradient();
    color: @hover-font-color;
    border-color: @hover-border-color;
}

.e-daterangepicker-popup .e-drpbuttons .e-active {
    .active-gradient();
    border-color: @active-border-color;
    color: @content-font-color;
    border-color: @active-border-color;
}

.e-daterangepicker-popup .e-datewidget.e-error .e-in-wrap {
    border-color: @content-border-color;
}

.e-daterangepicker-popup .e-datewidget.e-error {
    color: white;
}



.svg-rotate-ie {
  cursor: url("../../common-images/Rotate.cur"),url("../content/ejthemes/common-images/Rotate.cur"),url("../../content/ejthemes/common-images/Rotate.cur"),default;
    }
.svg-rotate {
     cursor: url("../common-images/Rotate.cur"), default;
    }

.sf-d-menuitem {
  background-image: @dg-contextmenu;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
}

.sf-d-menuitem.hover {
        background-image: @dg-contextmenu-hover;
    }

.sf-d-menuitem.cut
{
     background-position: 2px -290px;
}

.sf-d-menuitem.copy
{
    background-position: 2px -264px;
}

.sf-d-menuitem.paste
{
   background-position: 2px -238px;
}

.sf-d-menuitem.undo
{
   background-position: 2px -186px;
}

.sf-d-menuitem.redo
{
    background-position: 2px -213px;
}

.sf-d-menuitem.selectAll
{
     background-position: 2px -160px;
}

.sf-d-menuitem.group
{
   background-position: 2px -31px;
}

.sf-d-menuitem.ungroup
{
    background-position: 2px -4px;
}

.sf-d-menuitem.bringToFront
{
    background-position: 2px -134px;
}

.sf-d-menuitem.sendToBack
{
  background-position: 2px -108px;
}

.sf-d-menuitem.moveForward
{
   background-position: 2px -82px;
}

.sf-d-menuitem.sendBackward
{
     background-position: 2px -56px;
}

.sf-d-menuitem.grouping
{
    background-image: none;
}

.sf-d-menuitem.order
{
    background-image: none;
}

.e-diagram-tooltip-default {
    width: 200px;
    background-color: #f7eebc;
    border: 1px solid #ddb654;
    z-index: 100000;
    position: absolute;
    text-align: center;
    border-radius: 3px 3px;
    pointer-events: none;
}

.e-diagram-tooltipLabel-default {
    font-weight: normal;
    pointer-events: none;
    white-space: pre;
}

.e-datavisualization-diagram {
    overflow: hidden;
    outline: none;
    display: block;
}
.e-datavisualization-diagram svg {
    position: absolute;
}
.e-datavisualization-diagram .drawing {
    position: relative;
}
.e-datavisualization-diagram .edit {
    position: absolute;
    word-wrap: break-word;
    white-space: pre-wrap;
}
.e-datavisualization-diagram .edit textarea {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px dashed #99CCFF;
    outline: none;
    resize: none;
    padding: 2px;
}
.e-datavisualization-diagram .e-vscrollbar {
	float:right;
}
.e-datavisualization-diagram .e-hscrollbar {
    text-align:left;
}
.e-scrollbar .e-vhandlespace,
.e-scrollbar .e-hhandlespace
{
    position:relative;
    background-color:@scroll-bg-color;
}



.e-dialog.e-dialog-wrap {    
    background: @content-bg-color;
    font-family: @font-family;
}

.e-dialog .e-dialog-icon:hover {
    .hover-gradient();
	border-image: initial;
    border-color:@hover-border-color;
}

.e-dialog .e-dialog-icon:hover {
    .material-dialog-icon-hover-bg-color;
}

.e-dialog.e-disable .e-dialog-icon:hover {
    background:transparent;
}
.e-dialog .e-dialog-icon:before {
    color:@header-icon-color;
     line-height: 1.5;
 } 
.e-dialog > .e-header {
	.header-gradient();
    color: @header-font-color;
    font-weight: @content-font-weight;
	font-size:@header-font-size;
    border:@border-size @border-type @header-border-color;
    .office-dialog-active-line-color;
    border-bottom: @tools-border-radius @border-type @active-bg-stcolor;  
}

.e-dialog.e-widget-content {
    background: @content-bg-color;
    color: @content-font-color;
	font-size:@content-font-size;
}
.e-dialog.e-widget-content.e-load{
    background-image: @ajaxloaderimage;
	background-position: center;
    background-repeat: no-repeat;
}
.e-overlay {
    background-color:@overlay-bg-color;
}
.e-dialog > .e-dialog-scroller {
    border:@border-size @border-type @content-border-color;
    border-top: none;
}
.e-dialog .e-dialog-icon:hover:before {
    .material-dialog-icon-hover-color;
    color:@hover-icon-color;
}
.e-dialog > .e-footerbar {
	position: relative;
	height: 40px;
	background: @content-bg-color;
	border: @border-size @border-type @header-border-color;
	border-top: none;
}
.e-dialog > .e-footerbar > .e-icon.e-resize-handle.e-resizable.e-js {
	position: absolute;
	cursor: se-resize;
	bottom: 0;
	right: 0;
}
.e-corner.e-dialog > .e-footerbar {
	border-radius: 0px 0px 3px 3px;
}
.e-corner.e-dialog-content{
    border-radius:3px;
}
.e-corner.e-dialog-bottom{
    border-radius:0px 0px 3px 3px;
}
.e-corner.e-dialog-top{
    border-radius:3px 3px 0px 0px;
}
.e-dialog .e-scrollbar .e-icon {
    display: block;
} .e-dialog .e-scrollbar .e-icon {
    display: block;
} 


/*------------------------------------- dropdownlist -------------------------------------------*/

.e-ddl .e-input,.e-ddl .e-input[readonly],
.e-ddl-popup,.e-ddl .e-options {
    background-color: @content-bg-color;
    color: @content-font-color;
	font-family: @font-family;
    font-size: @content-font-size;
    font-weight: @content-font-weight;
    cursor: default;
}
.e-ddl .e-in-wrap,
.e-ddl-popup,.e-ddl .e-options,
.e-ddl-popup .e-atc.e-search{
    border-color: @content-border-color;
}
.e-ddl .e-options.e-active {
    background-color: @active-bg-stcolor;
    color: @active-font-color;
    border-color: @active-bg-stcolor;
}
.e-ddl .e-boxes {
    background-color:@content-bg-color;
}
.e-ddl.e-focus .e-in-wrap
{
    box-shadow: 0 0 @shadow-bg-size @bs-shadow-bg-color;
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-ddl:hover .e-in-wrap {
    .material-normal-box-shadow;
    .focus-border-color();
}
.e-ddl .e-input.e-watermark {
    color: @watermark-font-color !important;
    font-style: @watermark-font-style;
}
.e-ddl-popup .e-hover {
	.hover-gradient();
    color: @hover-font-color;    
}
.e-ddl .e-select:hover,.e-ddl.e-rtl .e-select:hover {
	.hover-gradient();
    color: @hover-icon-color;
    border-color: @content-border-color;
}

.e-ddl-popup .e-active {
	.active-gradient();
    color: @active-font-color;
    border-bottom: 1px solid rgb(255,255,255);
    border-bottom: 1px solid rgba(255,255,255,0.3);    
}
.e-ddl .e-select, .e-ddl.e-rtl .e-select,.e-ddl .e-disable.e-select:hover {
	    .bs-default-gradient();
    color: @default-icon-color;
    border-color: @content-border-color;
}

.e-ddl .e-select, .e-ddl.e-rtl .e-select,.e-ddl .e-disable.e-select:hover {
   .office-button-bg-color();
}

.e-ddl-popup div > ul .e-ghead {
    border-bottom:  1px @border-type @content-border-color;
    display: block;
    font-weight: 600;
    margin: 2px 2px 2px 4%;
    position: relative;
	padding-bottom:5px;
}
.e-ddl .e-select.e-load {
    background-image: @ajaxloaderimage;
    background-position: center center;
    background-repeat: no-repeat;
}
.e-ddl-popup .e-resize-handle {
  cursor: se-resize;
  float: right;
  padding: 4px 3px 0 0;
  margin-right: 2px;
}
.e-ddl-popup .e-resize-handle.e-rtl-resize {
  float: left;
  cursor: sw-resize;
  transform: rotate(90deg); 
  padding: 3px 0 0 3px;
}
.e-ddl-popup .e-resizebar {
    .bs-default-gradient();
   border-top: 1px solid @content-bg-color;
   height: 20px;
   width: auto;
   display: block;
} 
.e-ddl-popup .e-atc.e-search .e-search:before, .e-ddl-popup .e-atc.e-search .e-cross-circle:before  {
    color:@content-border-color;
}
.e-ddl-popup .e-checkwrap.e-check-act, .e-ddl-popup .e-checkwrap:hover { 
    .office-ddl-checkbox-bordercolor; 
    .material-ddl-checkbox-bordercolor;
     border: 1px solid @content-border-color;
}
.e-ddl-popup .e-checkwrap {
    .material-ddl-checkbox-bordercolor;
    border: 1px solid @content-border-color;
    background-color: @content-bg-color;
}
.e-ddl-popup .e-check-act {
    .switch-checkbox-icontick;
   color:@active-bg-stcolor;
}

::-webkit-input-placeholder {
   color: @content-font-color;
}
:-ms-input-placeholder {
   color: @content-font-color;
}
::-moz-placeholder {
   color: @content-font-color;
}
:-moz-placeholder {
   color: @content-font-color;
}

/*------------------------------------- Tooltip -------------------------------------------*/

.e-tooltip-wrap {
    .material-tootip-bg-color;
    background-color: @content-bg-color;
    border: @border-size @border-type @content-border-color;
}
.e-tooltip-wrap .e-arrowTipOuter{
  .material-tootip-border-color;
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  left :0px;
  top : 0px;
  border-top: 10px solid @content-border-color;
  position : absolute;
}
.e-tooltip-wrap .e-arrowTipInner{
    .material-tootip-bg-color;
    width: 0; 
    height: 0; 
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid @content-bg-color;
    left : 1px;
    top : 0px;
    position : absolute;
}

.e-def{
  .material-tootip-text-color;
  color: @content-font-color;
  font-family: @font-family;
  font-size: @font-size;
  line-height: @tooltip-line-height;
}

.e-tooltip-wrap .e-tipContainer	.e-tooltipHeader{
	background: none repeat scroll 0 0 @header-bg-stcolor;            
	border-bottom : 3px @border-type @active-bg-stcolor;
}

.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:before{
    color: @header-font-color;
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:hover{
    .hover-gradient();
    color: @hover-icon-color;
    border-color: @hover-border-color;
}
.e-tooltip-wrap .e-cross-circle:hover{
	.hover-gradient();
    color: @hover-icon-color;
    border-color: @hover-border-color;
}




/*------------------------------------- listbox -------------------------------------------*/


.e-listbox .e-select {
  color: @active-font-color;
  .active-gradient(); 
  border-color: @active-bg-stcolor;
}
.e-listbox .e-active{
  color:@active-font-color;
 .hover-gradient(); 
 border-color: @hover-bg-stcolor;
}
.e-listbox .e-hover{
 .hover-gradient();
 color:@hover-font-color;
}
.dragClonelist{
  background: @active-bg-stcolor;
  color: @active-font-color;
  opacity:0.5;
  text-align:center;
	}
.e-wrap .e-listbox li {
	padding-left: 10px !important;
	word-break: break-all;
}
.e-nowrap .e-listbox li {
	padding-left: 10px!important; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.e-ddl-popup.e-load	{
    background-image: @ajaxloaderimage;
	background-position: center;
    background-repeat: no-repeat;
}

/*Theme Color*/

.e-lv .e-list-text
{
    font-family: @font-family;
	font-size:@font-size;
}

/*List Item*/

.e-lv .e-list {
    border-bottom: @border-size @border-type @content-border-color;
    font-size:@font-size;
}
.e-lv .e-list .e-chevron-right_01.e-fontimage:before{
    color:@default-icon-color;
}

.e-lv .e-list.e-state-default {
    background-color: @content-bg-color;
    border-color:@content-border-color;
}
.e-lv .e-list.e-state-default > .e-chevron-right_01 .e-list-text{
    color:@content-font-color;
}
.e-lv .e-list.e-state-default:hover {
    .hover-gradient();
    color:@hover-font-color;
}
.e-lv .e-list.e-state-default:hover > .e-chevron-right_01 .e-list-text{
    color:@hover-font-color;
}
.e-lv .e-list:hover > .e-chevron-right_01.e-fontimage:before{
    color:@hover-icon-color;
}
.e-lv .e-list .e-chevron-right_01:hover{
    color:@hover-font-color;
}
.e-lv .e-list.e-state-active {
    .active-gradient();
    color:@active-font-color;
}
.e-lv .e-list.e-state-active .e-chevron-right_01 .e-list-text{
    color:@active-font-color;
}
.e-lv .e-list.e-state-active > .e-chevron-right_01.e-fontimage:before{
    color:@active-icon-color;
}
/*Search Box*/
.e-lv-inputdiv .e-lv-input {
    border: @border-size @border-type @content-border-color;
    border-radius: 7px;
    font-size: @content-font-size;   
}

.e-lv .e-header{
    .header-gradient();
    color:@header-font-color;
    border:@border-size @border-type @header-border-color;
    .office-dialog-active-line-color;
    border-bottom: @tools-border-radius @border-type @active-bg-stcolor;
}
.e-lv.e-parentlv > .e-lv .e-list-container{
    border-left: @border-size @border-type @content-border-color;
    border-right: @border-size @border-type @content-border-color;
    border-top: @border-size @border-type @content-border-color;
}
.e-lv.e-parentlv > .e-lv.subpage{
    border:none;
}
.e-nb .e-lv .subpage .e-content{
            float:none;
        }
.e-lv > .e-header:hover > .e-icon:before {
    .material-listview-header-icon-color;
    color: @hover-icon-color;
}
.e-lv > .e-header >.e-icon:before{
    color:@header-icon-color;
}


/* ------- editor less ----------- */

.e-numeric, .e-percent,
.e-currency,.e-mask
{
    background-color: @content-bg-color;
}

.e-numeric:hover .e-in-wrap, .e-percent:hover .e-in-wrap,
.e-currency:hover .e-in-wrap, .e-mask:hover .e-in-wrap {
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-numeric.e-disable-wrap:hover .e-in-wrap, .e-percent.e-disable-wrap:hover .e-in-wrap,
.e-currency.e-disable-wrap:hover .e-in-wrap, .e-mask.e-disable-wrap:hover .e-in-wrap
{
    border-color: @content-border-color;
	box-shadow: none;
}

.e-numeric.e-disable-wrap:hover .e-in-wrap input.e-input, .e-percent.e-disable-wrap:hover .e-in-wrap input.e-input,
.e-currency.e-disable-wrap:hover .e-in-wrap input.e-input, .e-mask.e-disable-wrap:hover .e-in-wrap input.e-input
{
    box-shadow: none;
}

.e-numeric .e-in-wrap , .e-percent .e-in-wrap,
.e-currency .e-in-wrap, .e-mask .e-in-wrap
{
    border-color: @content-border-color;
}
.e-widget .e-select.e-disable .e-spin .e-icon,
.e-widget .e-select.e-disable .e-spin
{
	cursor: default;
}
.e-numeric .e-input, .e-percent .e-input,
.e-currency .e-input, .e-mask .e-input 
{
    color: @content-font-color;
    background-color: @content-bg-color;
}
.e-numeric.e-focus .e-in-wrap, .e-percent.e-focus .e-in-wrap,
.e-currency.e-focus .e-in-wrap, .e-mask.e-focus .e-in-wrap 
{
    box-shadow: 0 0 @shadow-bg-size @shadow-bg-color;
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-numeric .e-input.e-error ,
.e-percent .e-input.e-error ,
.e-currency .e-input.e-error,
.e-mask.e-error {
	color:@error-font-color;
}

.e-numeric .e-watermark ,
.e-percent .e-watermark ,
.e-currency .e-watermark,
.e-mask .e-watermark {
	color: @watermark-font-color;
}
.e-mask .e-error{
	color: @error-font-color;
}
.e-numeric .e-select, .e-numeric.e-rtl .e-select,.e-numeric .e-disable.e-select:hover,
.e-percent .e-select , .e-percent.e-rtl .e-select ,.e-percent .e-disable.e-select:hover,
.e-currency .e-select, .e-currency.e-rtl .e-select,.e-currency .e-disable.e-select:hover 
{
	.bs-default-gradient();
    color: @default-icon-color;
	border-color: @content-border-color;
    .border-selection();
}

.e-numeric .e-select, .e-numeric.e-rtl .e-select,.e-numeric .e-disable.e-select:hover,
.e-percent .e-select , .e-percent.e-rtl .e-select ,.e-percent .e-disable.e-select:hover,
.e-currency .e-select, .e-currency.e-rtl .e-select,.e-currency .e-disable.e-select:hover 
{
    .office-button-bg-color();
}

.e-numeric .e-select:hover,
.e-percent .e-select:hover,
.e-currency .e-select:hover
{
	.hover-gradient();
    color: @hover-icon-color;
    border-color:@content-border-color;
}

.e-numeric .e-select .e-spin-up.e-active ,
.e-numeric .e-select .e-spin-down.e-active,
.e-percent .e-select .e-spin-up.e-active ,
.e-percent .e-select .e-spin-down.e-active,
.e-currency .e-select .e-spin-up.e-active,
.e-currency .e-select .e-spin-down.e-active
{
	.active-gradient();
    color: @active-icon-color;
    border-color:@active-border-color;
}

.e-numeric .e-icon .e-arrow,
.e-percent .e-icon .e-arrow,
.e-currency .e-icon .e-arrow
{
    border: 0 none transparent;
} 
::-webkit-input-placeholder {
   color: @content-font-color;
}
:-ms-input-placeholder {
   color: @content-font-color;
}
::-moz-placeholder {
   color: @content-font-color;
}
:-moz-placeholder {
   color: @content-font-color;
}






/* ------- menu less ----------- */
.e-menu.e-separator.e-horizontal > .e-list,.e-menu.e-separator.e-horizontal > .e-list:hover,
.e-menu.e-horizontal > .e-separator.e-list,.e-menu.e-horizontal > .e-separator.e-list:hover {
	border-right-color: @content-border-color;
}

.e-menu.e-horizontal .e-list > ul .e-list.e-separator, 
.e-menu.e-horizontal .e-list > ul .e-list.e-separator:hover,
.e-menu.e-vertical .e-list > ul .e-list.e-separator,
.e-menu.e-vertical .e-list > ul .e-list.e-separator:hover,
.e-menu.e-context .e-list > ul .e-list.e-separator,
.e-menu.e-context .e-list > ul .e-list.e-separator:hover,
.e-menu.e-separator.e-vertical > .e-list, .e-menu.e-vertical > .e-separator.e-list,
.e-menu.e-separator.e-vertical > .e-list:hover,.e-menu.e-vertical > .e-separator.e-list:hover,
.e-menu.e-context > .e-separator.e-list,.e-menu.e-context > .e-separator.e-list:hover {
	border-bottom-color: @content-border-color;
}

.e-menu.e-separator.e-rtl.e-horizontal > .e-list, .e-menu.e-rtl.e-horizontal > .e-separator.e-list, .e-menu.e-rtl.e-horizontal > .e-separator.e-list:hover {
    border-left-color:@content-border-color;
}
/*---------------------theming----------------------------------*/
.e-menu.e-horizontal .e-list > .e-menulink,
.e-menu.e-vertical .e-list > .e-menulink,
.e-menu.e-context .e-list > .e-menulink,
.e-menu-res-wrap .e-menu-res-in-wrap .e-res-title, .e-menu.e-vertical {
  color: @content-font-color;
}

.e-menu,.e-menu-res-wrap .e-in-wrap.e-menu-res-in-wrap,.e-menu.e-vertical,.e-menu.e-vertical .e-list > ul,.e-menu.e-context,.e-menu.e-context .e-list > ul {   
    background: @content-bg-color;
	border-color: @content-border-color;
}


.e-menu.e-horizontal .e-list > ul {
  background: @content-bg-color;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-color: @content-border-color;
}
.e-menu.e-horizontal > .e-list.e-active > span.e-menu-arrow > span.e-arrowMenuOuter{

  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  left :0px;
  top : 0px;
  border-bottom: 10px solid @hover-bg-stcolor;
  position : absolute;
 }

.e-menu.e-horizontal > .e-list.e-active > span.e-menu-arrow > span.e-arrowMenuInner{
    width: 0; 
    height: 0; 
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
   border-bottom: 9px solid @content-bg-color;
    left : 1px;
   top : 1px;
    position : absolute;
}

.e-menu.e-horizontal .e-list:hover,
.e-menu.e-vertical .e-list:hover,
.e-menu.e-context .e-list:hover {
  .hover-gradient();
  border-color: @hover-bg-stcolor;
}
.e-menu.e-horizontal .e-list >ul li.e-haschild:hover,
.e-menu.e-vertical .e-list >ul li.e-haschild:hover,
.e-menu.e-context .e-list >ul li.e-haschild:hover {
    .bs-hover-gradient(); 
    border-color: @hover-bg-stcolor;      
}
.e-menu.e-horizontal .e-list >ul li.e-haschild:hover > .e-menulink,
.e-menu.e-vertical .e-list >ul li.e-haschild:hover > .e-menulink,
.e-menu.e-context .e-list >ul li.e-haschild:hover > .e-menulink {
     .bs-hover-gradient();   
    .hover-font-color();
}

.e-menu.e-horizontal .e-list:hover > .e-menulink,
.e-menu.e-vertical  .e-list:hover > .e-menulink,
.e-menu.e-context .e-list:hover > .e-menulink{
  color: @hover-font-color;
}

.e-menu.e-horizontal .e-list.e-active,
.e-menu.e-vertical .e-list.e-active,
.e-menu.e-context .e-list.e-active {
  .active-gradient();
   color:@active-font-color;
   border-color: @active-bg-stcolor;
}

.e-menu.e-horizontal .e-list.e-active,
.e-menu.e-vertical .e-list.e-active,
.e-menu.e-context .e-list.e-active {
  .material-menu-active-bg-color;
}

.e-menu.e-horizontal .e-list >ul li.e-haschild.e-active > .e-menulink,
.e-menu.e-vertical .e-list >ul li.e-haschild.e-active > .e-menulink,
.e-menu.e-context .e-list >ul li.e-haschild.e-active > .e-menulink {
  .active-gradient();
   color:@active-font-color;
   border-color: @active-bg-stcolor;
}

.e-menu.e-horizontal .e-list.e-active > .e-menulink,
.e-menu.e-vertical  .e-list.e-active > .e-menulink,
.e-menu.e-context .e-list.e-active > .e-menulink,
.e-menu.e-horizontal .e-list.e-active:hover,
.e-menu.e-vertical .e-list.e-active:hover,
.e-menu.e-context .e-list.e-active:hover{
  color: @active-font-color;
}


.e-menu .e-list > a .e-icon,.e-menu .e-list > span > .e-icon{
    color:@default-icon-color
}
.e-menu .e-list:hover > a .e-icon,.e-menu .e-list:hover > span > .e-icon{
    color:@hover-icon-color
}
.e-menu .e-list.e-active > a >.e-icon,.e-menu .e-list.e-active > span > .e-icon,.e-menu .e-list.e-active:hover > a >.e-icon,.e-menu .e-list.e-active:hover > span > .e-icon{
    color:@active-icon-color
}


/*----------------------------------- disabled items ----------------------------------*/
.e-menu.e-horizontal .e-list.e-disable-item,
.e-menu.e-vertical .e-list.e-disable-item,
.e-menu.e-context .e-list.e-disable-item{
    background-color: transparent;
}
.e-menu.e-horizontal .e-list.e-disable-item .e-icon,
.e-menu.e-vertical .e-list.e-disable-item .e-icon,
.e-menu.e-context .e-list.e-disable-item .e-icon{
    color: @default-icon-color;
}
.e-menu.e-horizontal  .e-list.e-disable-item *,
.e-menu.e-vertical .e-list.e-disable-item *,
.e-menu.e-context  .e-list.e-disable-item *{
   filter: alpha(opacity=40);
   opacity: 0.4;
}
.e-menu.e-horizontal  .e-list.e-disable-item .e-menulink:hover,
.e-menu.e-horizontal  .e-list.e-disable-item:hover,
.e-menu.e-vertical  .e-list.e-disable-item .e-menulink:hover,
.e-menu.e-vertical  .e-list.e-disable-item:hover,
.e-menu.e-context  .e-list.e-disable-item .e-menulink:hover,
.e-menu.e-context  .e-list.e-disable-item:hover {
    background-color: transparent;
    background-image:none;
	color: @content-font-color;
	cursor: default;
}
.e-menu.e-horizontal .e-mhover,.e-menu.e-context .e-mhover,.e-menu.e-vertical .e-mhover,
.e-menu.e-horizontal .e-mhover > .e-menulink,
.e-menu.e-context .e-mhover > .e-menulink,
.e-menu.e-vertical .e-mhover > .e-menulink,
.e-menu.e-horizontal .e-mfocused,.e-menu.e-context .e-mfocused,.e-menu.e-vertical .e-mfocused,
.e-menu.e-horizontal .e-mfocused > .e-menulink,
.e-menu.e-context .e-mfocused > .e-menulink,
.e-menu.e-vertical .e-mfocused > .e-menulink,.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover
{
     .hover-gradient();
     color: @hover-font-color;
     border-color: @hover-bg-stcolor;
	 
}
.e-menu.e-horizontal .e-active,.e-menu.e-context .e-active,.e-menu.e-vertical .e-active,
.e-menu.e-horizontal .e-active > .e-menulink,
.e-menu.e-context .e-active > .e-menulink,
.e-menu.e-vertical .e-active > .e-menulink,
.e-menu.e-horizontal .e-active,.e-menu.e-context .e-active,.e-menu.e-vertical .e-active,
.e-menu.e-horizontal .e-active > .e-menulink,
.e-menu.e-context .e-active > .e-menulink,
.e-menu.e-vertical .e-active > .e-menulink,.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover
{
     .active-gradient();
     color: @active-font-color;
     border-color: @hover-bg-stcolor;
	 
}

.e-menu.e-horizontal .e-active,.e-menu.e-context .e-active,.e-menu.e-vertical .e-active,
.e-menu.e-horizontal .e-active > .e-menulink,
.e-menu.e-context .e-active > .e-menulink,
.e-menu.e-vertical .e-active > .e-menulink,
.e-menu.e-horizontal .e-active,.e-menu.e-context .e-active,.e-menu.e-vertical .e-active,
.e-menu.e-horizontal .e-active > .e-menulink,
.e-menu.e-context .e-active > .e-menulink,
.e-menu.e-vertical .e-active > .e-menulink,.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover
{
     .material-menu-active-bg-color;
}
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:hover {
    .hover-gradient();
     color: @active-font-color;
     border-color: @hover-bg-stcolor;
}
.e-menu-res-wrap .e-menu-res-in-wrap .e-icon.e-check-wrap:active {
    .active-gradient();
     color: @active-font-color;
     border-color: @hover-bg-stcolor;
}


.e-progressbar 
{ 
	background-color: @content-bg-color;  
	border-color: @content-border-color; 
	color: @content-font-color;
}
.e-progressbar .e-progress 
{
	.active-gradient();
}


/*------------Rating themes -------------*/

    .e-rating.e-horizontal .e-shape,
    .e-rating.e-vertical .e-shape,
    .e-rating.e-horizontal .e-shape-list,
    .e-rating.e-vertical .e-shape-list,
    .e-rating.e-horizontal .e-reset, 
	.e-rating.e-vertical .e-reset
    {
        background: @ratingimage no-repeat;
        height: 16px;
        width: 16px;
    }

    .e-rating .e-shape.inactive
    {
        background-position: 0 -174px;
    }

    .e-rating .e-shape.active
    {
        background-position: 0 -60px;
    }

    .e-rating .e-shape.selected
    {
        background-position: 0 -60px;
    }
    .e-rating.e-disable .e-shape,
	.e-rating.e-disable .e-shape-list,
	.e-rating.e-disable .e-reset
    {
        cursor: default;
    }
    .e-rating.e-horizontal .e-reset:hover,
    .e-rating.e-vertical .e-reset:hover
    {
        background-position: 0 -30px;
    }

    .e-rating.e-horizontal .e-reset, 
	.e-rating.e-vertical .e-reset, 
	.e-rating.e-disable .e-reset:hover
    {
        background-position: 0 0;
        margin-left: 2px;
    }

    .e-rating.e-horizontal .e-shape-list,
    .e-rating.e-vertical .e-shape-list
    {
        background-position: 0 -174px;
		float: left;
    }
	


/*------------------------------------- Rotator -------------------------------------------*/
.e-rotator-wrap :focus {
     outline: 0 none;
}
.e-rotator-wrap .e-in-wrap .e-single, .e-rotator-wrap .e-thumb .e-thumb-items li , .e-rotator-wrap .e-in-wrap.e-multiple{
    .high-contrast-rotator-default-border;
    border-color: @default-border-color;  
}
.e-rotator-wrap .e-thumb .e-thumb-items li:hover {
     border-color: @hover-border-color;
}
.e-rotator-wrap .e-thumb .e-thumb-items li.e-active,
.e-rotator-wrap.e-disable .e-thumb .e-thumb-items li.e-active:hover {
     border-color: @active-border-color;
}
.e-rotator-wrap .e-thumb .e-thumb-items li.e-thumbhover {
     border-color: @hover-border-color;
}
.e-rotator-wrap.e-disable .e-thumb .e-thumb-items li:hover,
.e-rotator-wrap.e-disable .e-thumb .e-thumb-items li.e-thumbhover {
     border-color: @default-border-color;
}
.e-rotator-wrap .e-inner .e-caption {
    background-color: @content-bg-color;
    color: @content-font-color;
}
.e-rotator-wrap .e-pager-wrap .e-bullet > li:hover {
    .office-rotator-pager-hover-border;
     border-color: @hover-border-color;
	background-color:@hover-bg-stcolor;
}
.e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li:hover {
     border-color: @default-border-color;
     background-color: @default-bg-stcolor;
}
.e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li {
	cursor: default;
}
.e-rotator-wrap .e-pager-wrap .e-bullet > li.e-active, 
.e-rotator-wrap.e-disable .e-pager-wrap .e-bullet > li.e-active:hover{
    border-color: @active-border-color;
	background-color:@active-bg-stcolor;
}
.e-rotator-wrap .e-pager-wrap .e-bullet > li {
    .high-contrast-rotator-pager-border;
	background-color:@default-bg-stcolor;
	border-color:@default-border-color;
}

.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon,.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon{
background-image:url(images/rotator-icon.png);
}
.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.play{
 background-position: -161px  -0px;
}
.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.pause{
 background-position: -248px -0px;
}
.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.e-previous{
 background-position: -64px -15px;
}
.e-rotator-wrap .e-in-wrap .e-nav-btn.e-icon.e-next{
 background-position: -109px -15px;
}
.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-previous{
 background-position: 8px -18px;
}
.e-rotator-wrap .e-thumb-nav .e-thumb-btn.e-icon.e-next{
 background-position: -27px -18px;
}




/*------------------------------------- slider -------------------------------------------*/

.e-slider.e-widget 
{
    background-color: @content-bg-color;
    border-color: @content-border-color;
}
.e-tooltipbox
{
    .tooltip-colors(); 
}
.e-slider .e-handle.e-select 
{
    .office-silder-handle-bg-color;
    background-color: @default-bg-stcolor;
    .office-silder-handle-border-color;
    border-color: @default-border-color;
}
.e-slider .e-handle.e-hover 
{
    background-color: @hover-bg-stcolor;
    .office-silder-handle-hover-border-color;
    border-color: @hover-border-color;
}
.e-slider .e-handle.e-focus 
{
    .high-contrast-stylefor-silder-active;
    background-color:@hover-bg-stcolor;
    box-shadow: 0 0 2px @shadow-bg-color;
    border-color:@active-bg-stcolor;
    
}
.e-slider .e-range  {
	.active-gradient();
}
.e-scale .e-tick 
{
    background-image: @slider-tick;
}
.e-slider-wrap .e-scale .e-tick .e-tick-value {
    color: @default-font-color;
}


/*------------------------------------- splitter -------------------------------------------*/

.e-splitter { 
    border-color: @content-border-color; 
}
.e-splitter .e-pane {
    background-color: @content-bg-color;
    color: @content-font-color;
}
 .e-splitter .e-splitbar.e-shadowbar.e-end-indicaton,
.e-splitter .e-splitbar .e-end-indicaton {
    background-color: @error-bg-color; 
}
.e-splitter .e-splitbar.e-shadowbar {
    .active-gradient();
}
.e-splitter .e-splitbar {
    background-color: @content-bg-color;
    border-color: @content-border-color;
}
.e-splitter .e-splitbar .e-icon {
    color: @default-icon-color;
}
.e-splitter .e-splitbar:hover .e-icon,
.e-splitter .e-splitbar.e-hover .e-icon {
    color: @hover-icon-color;
}
.e-splitter .e-hover.e-splitbar.e-split-divider,.e-splitter .e-splitbar.e-split-divider:hover {
    .switch-splitter-divder-hover;
    background-color: @hover-bg-stcolor;
    border-color:@hover-border-color;
}


.e-datavisualization-symbolpalette
{
    border: @border-size @border-type @content-border-color;
    outline: @sp-outline;
    text-decoration: none;
    font-family: @font-family;
    font-size: @sp-header-font-size;
	border-radius: @sp-header-border-radius;
}

.e-datavisualization-symbolpalette .e-scanvas
{
    border: 0px solid transparent;
}

.e-datavisualization-symbolpalette .e-header
{
    display: table;
    border: @sp-noborder;
    border-bottom-width: 1px;
    border-bottom-color: @default-border-color;
    outline: @sp-outline;
    cursor: pointer;
    color: @default-font-color;
    position: relative;
    width: 100%;
    background: @default-bg-stcolor;
    .default-gradient();
	border-radius: @sp-header-border-radius;
}

.e-datavisualization-symbolpalette .e-header-text
{
    display: table-cell;
    vertical-align: middle;
    padding-left: 1em;
    width: 100%;
    text-align: left;
	font-size: @sp-header-font-size;
}
.e-datavisualization-symbolpalette .e-header-wrapper
{
    padding-left: 2.5em;
}
.e-datavisualization-symbolpalette .e-header-arrow
{
    border: @sp-noborder;
    height: 16px;
    width: 16px;
    right: 14px;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    top: 10px;
}

.e-datavisualization-symbolpalette .e-header-arrow.expanded:before
{
    content: "\e631";
}

.e-datavisualization-symbolpalette .e-header-arrow.collapsed:before
{
    content: "\e62f";
}

.e-datavisualization-symbolpalette .e-header-arrow.expanded.selected:before,
.e-datavisualization-symbolpalette .e-header-arrow.expanded.hover:before
{
    content: "\e631";
}

.e-datavisualization-symbolpalette .e-header-arrow.collapsed.selected:before,
.e-datavisualization-symbolpalette .e-header-arrow.collapsed.hover:beforess
{
    content: "\e62f";
}

.e-datavisualization-symbolpalette .e-header.collapsed.selected,
.e-datavisualization-symbolpalette .e-header.expanded.selected
{
    .active-gradient();
    color: white;
}

.e-datavisualization-symbolpalette .e-header.collapsed.hover,
.e-datavisualization-symbolpalette .e-header.expanded.hover
{
    .hover-gradient();
    color: @hover-font-color;
}
.e-datavisualization-symbolpalette .e-header.e-disableclick {
    cursor: default;
}
.e-datavisualization-symbolpalette .e-scontent
{
    display: block;
    border: @sp-noborder;
    outline-style: none;
    padding: 0.5em;
    padding-bottom: .6em;
    border-bottom-width: @border-size;
    border-bottom-color: @content-border-color;
    background: transparent;
    overflow: hidden; 
}

.e-datavisualization-symbolpalette .e-anchor
{
    overflow: hidden;
    padding: 0px;
    border: none;
    display: inline-block;
    text-decoration: none !important;
    color: #787878;
    font-size: 11px;
    font-family: @font-family;
    text-align: center;
    outline: @sp-outline;
    background: transparent;
    width: 100%;
}

.e-datavisualization-symbolpalette .e-paletteItem
{
    border: 0px solid transparent;
    float: left;
    padding-right:3px;
    padding-top: 3px;
    margin: 1px;
    overflow: visible;
}

.e-datavisualization-symbolpalette .e-paletteItem.hover
{
    background: @sp-item-hover-color;
}

.e-datavisualization-symbolpalette .e-paletteItem.selected
{
    background: @sp-item-hover-color;
}

.e-datavisualization-symbolpalette .e-text-container
{
    white-space: nowrap;
    color: black;
    overflow: hidden;
}

.e-datavisualization-symbolpalette .e-svg-container
{
    display: block;
    position: relative;
    border: @sp-noborder;
}

.e-datavisualization-symbolpalette .e-svg-container svg
{
    display: inline;
    padding: 1px;
}

[draggable=true]
{
    -khtml-user-drag: element;
    -webkit-user-drag: element;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.svg.foreignObject
{
    top: 0px;
    left: 0px;
    position: absolute;
    border: @sp-noborder;
    display: block;
}


/*Theme Color*/

.e-tab.e-js.e-widget
{
    font-family: Segoe UI;
    border: none;
}

.e-tab.e-js > .e-header,.e-tab.e-js .e-header > .e-select.e-disable:hover,.e-tab.e-js > .e-left,.e-tab.e-js > .e-right,.e-tab.e-disable .e-select:hover
{
    .header-gradient();   
    .office-tab-border-left-right;   
}

.e-tab.e-js > .e-header, .e-tab.e-js .e-header > .e-select.e-disable:hover, .e-tab.e-js > .e-left, .e-tab.e-js > .e-right, .e-tab.e-disable .e-select:hover {
    .tab-header-background();
}

.e-tab.e-js .e-header .e-select.e-disable a,.e-tab.e-js.e-disable a
{
	cursor: default;
}
.e-tab >.e-header
{    
    border: @border-size @border-type @default-border-color;
    border-left:none;
}
.e-tab .e-left
{    
     border-right:  @border-size @border-type @default-border-color;
}
.e-tab .e-right
{    
     border-left: @border-size @border-type @default-border-color;
}
.e-tab.e-js .e-left .e-item.e-active,.e-tab.e-js .e-left .e-item.e-active:hover{
  margin-right: -1px; 
  .material-tab-left-border; 
   outline:0 none;
}
.e-tab.e-js .e-right .e-item.e-active,.e-tab.e-js .e-right .e-item.e-active:hover{
  margin-left: -1px; 
  .material-tab-right-border;
   outline:0 none;
}
.e-scrolltab.e-js .e-header>.e-bottom-line.e-item.e-active,.e-scrolltab.e-js .e-header>.e-bottom-line.e-item.e-active:hover {
    .add-borderdiv();
}
.e-tab .e-left .e-item.e-active,.e-tab .e-right .e-item.e-active{ 
  border-bottom:@border-size @border-type @default-border-color;
}
.e-tab .e-header li{
  border-top: 0px;
}
.e-tab.e-js .e-header > .e-bottom-line.e-active,.e-tab.e-js .e-header > .e-bottom-line.e-active:hover{
   .material-tab-padding-bottom;
   .material-tab-border();
   outline:0 none;
   
}
.e-tab.e-js .e-header > .e-top-line.e-active,.e-tab.e-js .e-header > .e-top-line.e-active:hover{
   padding-top:1px;
   .material-tab-bottom-border; 
   outline:0 none;
   
}
.e-tab .e-left li,.e-tab .e-right li { 
border-bottom:@border-size @border-type @default-border-color;
}
.e-tab.e-vertical {
background:transparent;
border: @border-size @border-type @default-border-color;
}
.e-tab.e-js .e-header > .e-item:hover,.e-tab.e-js .e-left > .e-item:hover,.e-tab.e-js .e-right > .e-item:hover
{
    .material-tab-header-bg-hover-color;
    .office-tab-header-bghover-color;
	background-color:@hover-bg-stcolor;
    .material-tab-header-hover-font;
    color: @hover-font-color;
    filter:none;
}
.e-tab.e-js .e-header .e-icon.e-chevron-circle-left, .e-icon.e-chevron-circle-right{
    color: @active-bg-stcolor;
}
.e-tab.e-js .e-header > .e-item:hover > .e-icon,.e-tab.e-js .e-left > .e-item:hover > .e-icon,.e-tab.e-js .e-right > .e-item:hover > .e-icon{
    color:@hover-icon-color;
}
.e-tab.e-js > .e-content
{
    border-color: @content-border-color;
    background: @content-bg-color;
    color: @content-font-color;
	font-size: @content-font-size;
    border-style:@border-type;
    border-width:@border-size;
}
.e-tab.e-js .e-header > .e-select,.e-tab.e-js .e-header > .e-active,.e-tab.e-js .e-left > .e-active,.e-tab.e-js .e-right > .e-active,
.e-tab.e-js .e-left > .e-select,.e-tab.e-js .e-right > .e-select
{
	.header-gradient();
    border-color: @default-border-color;
    color: @content-font-color;
    font-weight: normal;
	font-size: @header-font-size;
    border: none;
	background: none;    
}
.e-tab .e-header > .e-select a,.e-tab .e-left > .e-select a,.e-tab .e-right > .e-select a
{
    .high-contrast-tab-header-normal-font;
    .office-tab-header-normal-font;
    .material-tab-header-normal-font;
    color: @content-font-color;   
}
.e-tab.e-js .e-header > .e-active,
.e-tab.e-js .e-left > .e-active,
.e-tab.e-js .e-right > .e-active
{
    .tab-headerbg(@active-bg-stcolor);   
    border-color: @active-border-color;
    .high-contrast-tab-headerborder;
    .office-tab-headerborder;
    .material-tab-headerborder;
    border:@border-size @border-type @content-border-color;   
}


.e-tab.e-js .e-header>.e-select, 
.e-tab.e-js .e-left>.e-select, 
.e-tab.e-js .e-right>.e-select{
    .office-tab-header-bg-color;     
}

.e-tab.e-js .e-header > .e-active:hover, .e-tab.e-js .e-left > .e-active:hover, .e-tab.e-js .e-right > .e-active:hover,.e-tab.e-js .e-header.e-item:hover,.e-tab.e-js .e-left.e-item:hover,.e-tab.e-js .e-right.e-item:hover {
    .material-tab-header-bg-hover-color;
    .office-tab-header-bghover-color;
    background: @hover-bg-stcolor; 
    color:@hover-font-color;
}

.e-tab .e-header > .e-active a,.e-tab .e-left > .e-active a,.e-tab .e-right > .e-active a
{
   .tab-headerbg(); 
}
.e-tab .e-header > .e-select:hover a,.e-tab .e-left > .e-select:hover a,.e-tab .e-right > .e-select:hover a,.e-tab .e-header > .e-active:hover a,.e-tab .e-left > .e-active:hover a,.e-tab .e-right > .e-active:hover a
{
.material-tab-header-hover-font;
.office-tab-header-hover-font;
color: @hover-font-color;
}
.e-tab .e-load	{
    background-image: @ajaxloaderimage;
	background-position: center;
    background-repeat: no-repeat;
}
.e-tab .e-hidebottom	{
	border-top: none !important;		
}
.e-tab .e-hidetop	{
	border-bottom: none !important;		
}
.e-tab .e-header.e-addborderbottom	{
    .material-tab-border-bottom-line;
border-bottom: @border-size @border-type @content-border-color;
}
.e-tab .e-header.e-addbordertop	{
border-top: @border-size @border-type @content-border-color;
}
.e-tab .e-header.e-hideleft	{
	border-left: none;		
}
.e-tab .e-header.e-addborderleft	{
border-right: @border-size @border-type @content-border-color;
}
.e-tab .e-header.e-hideright	{
	border-right: none;		
}
.e-tab .e-header.e-addborderright	{
border-left: @border-size @border-type @content-border-color;
}
.e-tab .e-header .e-margine-top:hover	{
border-top: @border-size @border-type @tab-background-color;
}
.e-tab .e-header .e-margine-bottom:hover	{
border-bottom: @border-size @border-type @tab-background-color;
}
.e-tab .e-header.e-addborderbottom .e-active{
    .material-tab-borderbottom();
}
.e-tab .e-header.e-addbordertop .e-active {
    .material-tab-bottom-border-bottom; 
}
.e-tab .e-right.e-addborderright .e-active{
    .material-tab-right-bottom-border; 
}
.e-tab .e-left.e-addborderleft .e-active{
    .material-tab-left-bottom-border; 
}
 


/*------------------------------------- tagcloud -------------------------------------------*/

.e-tagcloud {
    background-color: @content-bg-color;    
}
.e-tagcloud.e-js .header {
    border-color: @default-border-color;
}

.e-tagcloud .e-title {
	.header-gradient();
	color: @header-font-color;
	font-size:@header-font-size;
	font-weight: @header-font-weight;
    border-color: @header-border-color;
    .office-dialog-active-line-color;
    border-bottom: @tools-border-radius @border-type @active-bg-stcolor;
}
.e-tagcloud .e-load {
    background-image: @ajaxloaderimage;
    background-position: center center;
    background-repeat: no-repeat;
}
.e-tagcloud .e-tagitems .e-txt { 
	color: @content-font-color; 
}
.e-tagcloud .e-tagitems .e-txt.hover { 
    .high-contrast-tagcloud-txt-hover;
	color:@active-bg-stcolor; 
}
.e-tagcloud .e-cloud, .e-tagcloud .e-list {
    border-color: @content-border-color;
} 



/*------------------------------------- TimeEditor -------------------------------------------*/

.e-timewidget .e-input,
.e-time-popup 
{
    background-color: @content-bg-color;
	font-family: @font-family;
    font-weight: @content-font-weight;
    color: @content-font-color;
}
.e-timewidget .e-in-wrap,
.e-time-popup 
{
  border-color: @content-border-color;
}
.e-timewidget.e-focus .e-in-wrap 
{
    box-shadow: 0 0 @shadow-bg-size @bs-shadow-bg-color;
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-timewidget:hover .e-in-wrap{
    .material-normal-box-shadow;
    .focus-border-color();
}

.e-timewidget .e-select, .e-timewidget.e-rtl .e-select,.e-ntouch.e-timewidget .e-disable.e-select:hover 
{    
	.bs-default-gradient();
	border-color: @content-border-color; 
    color: @default-icon-color;
    .border-selection();
}

.e-timewidget .e-select, .e-timewidget.e-rtl .e-select,.e-ntouch.e-timewidget .e-disable.e-select:hover 
{    
    .office-button-bg-color();
}

.e-ntouch.e-timewidget .e-select:hover,
.e-time-popup.e-popup .e-hover
{
	.hover-gradient();
    color: @hover-font-color;

}
.e-ntouch.e-timewidget .e-select:hover{
    color:@hover-icon-color;
}
.e-time-popup.e-popup .e-hover {
    border-color: @hover-bg-stcolor;
}

.e-time-popup .e-active 
{ 
    .active-gradient();
	color: @active-font-color;
    border-color: @active-bg-stcolor;
}




/*------------------------------------- ToolBar -------------------------------------------*/

.e-toolbar{
   font-family: @font-family;
    font-weight: @content-font-weight;
    font-size: @content-font-size;
    color:@default-icon-color;
   .default-gradient();
   background-repeat:no-repeat;
   border-color: @default-border-color;
}
.e-toolbar {
    .office-toolbar-bg-color;
    background: @default-bg-stcolor;
}
.e-toolbar.e-focus 
{
    box-shadow: 0 0 2px @shadow-bg-color;
}
.e-toolbar > .e-horizontal.e-separator
{
   border-right: @border-size @border-type @content-border-color;
   border-left:none;
   border-radius: initial;
}
/*-------------------tooltip class ----------------------*/
.e-toolbarTooltip{
	min-width : auto;
}
.e-toolbarTooltip .e-tipContainer .e-tipcontent{
    padding: 2px 4px;
}

.e-toolbar > .e-horizontal .e-separator
{
   border-right: @border-size @border-type @content-border-color;
   border-left:none;
   border-radius: inherit;
   height: inherit;
}

.e-toolbar > .e-vertical.e-separator
{
   border-bottom: @border-size @border-type @content-border-color;
   border-top:none;
   border-radius: initial;
}

.e-toolbar > .e-vertical .e-separator
{
   border-bottom: @border-size @border-type @content-border-color;
   border-top:none;
   border-radius: inherit;
}

 .e-toolbar.e-rtl > .e-horizontal.e-separator
{
   border-left: @border-size @border-type @content-border-color;
   border-right:none;
   border-radius: initial;
}

.e-toolbar.e-rtl > .e-horizontal .e-separator
{
   border-left: @border-size @border-type @content-border-color;
   border-right:none;
   border-radius: inherit;
}

.e-toolbar.e-rtl > .e-vertical.e-separator
{
   border-top: @border-size @border-type @content-border-color;
   border-bottom:none;
   border-radius: initial;
}        

.e-toolbar.e-rtl > .e-vertical .e-separator
{
   border-top: @border-size @border-type @content-border-color;
   border-bottom:none;
   border-radius: inherit;
}

.e-toolbar.e-rtl > .e-vertical .e-corner-all {
   border-radius: inherit;
}

.e-toolbar > ul > li div.e-item-overlay
{
    background-color: @default-bg-stcolor;
}
.e-toolbar > .e-horizontal .e-hover, .e-toolbar > .e-vertical > .e-hover
{
	.hover-gradient();    
    color:   @hover-font-color;
    .high-contrast-toolbar-border;
    border-color: @hover-bg-stcolor;
}
.e-toolbar > .e-horizontal .e-hover > div:before, .e-toolbar > .e-vertical > .e-hover > div:before,.e-toolbar > .e-horizontal .e-hover > span:before, .e-toolbar > .e-vertical > .e-hover > span:before, .e-toolbar > .e-horizontal .e-hover > a:before, .e-toolbar > .e-vertical > .e-hover > a:before{
    color:   @hover-icon-color;
}
.e-toolbar > .e-horizontal .e-active.e-hover > div:before, .e-toolbar > .e-vertical > .e-active.e-hover > div:before,.e-toolbar > .e-horizontal .e-active.e-hover > span:before, .e-toolbar > .e-vertical > .e-active.e-hover > span:before, .e-toolbar > .e-horizontal .e-active.e-hover > a:before, .e-toolbar > .e-vertical > .e-active.e-hover > a:before{
    color:   @active-icon-color;
}
.e-toolbar > .e-horizontal .e-active, .e-toolbar > .e-vertical > .e-active
{
	.active-gradient();
    border-color: @active-border-color;
    color:  @active-icon-color;
}
.e-toolbar > .e-horizontal > .e-hover > a, 
.e-toolbar > .e-horizontal > .e-hover > span,
.e-toolbar > .e-horizontal > .e-hover > div,
.e-toolbar > .e-vertical > .e-hover > a, 
.e-toolbar > .e-vertical > .e-hover > span,
.e-toolbar > .e-vertical > .e-hover > div
{
    background-color:transparent;
    color:@hover-font-color;    
}
.e-toolbar > .e-horizontal > .e-active > a, 
.e-toolbar > .e-horizontal > .e-active > span,
.e-toolbar > .e-horizontal > .e-active > div,
.e-toolbar > .e-vertical > .e-active > a, 
.e-toolbar > .e-vertical > .e-active > span,
.e-toolbar > .e-vertical > .e-active > div
{
    background-color:transparent;
    color:@active-font-color;
}


/*Theme Color*/
   
.e-treeview, .e-dragedNode
{
    font-family: @font-family;
}
.e-treeview .e-text
{
    color: @content-font-color;
    background-color: transparent;
}
.e-dragedNode
{
    background: @active-bg-stcolor;
    color: @active-icon-color;
}
.e-dragedNode .e-text
{
    color: @active-icon-color;
    float: left;
}
.e-treeview .e-active, .e-fullrow-wrap .e-li-active > .e-fullrow
{
    .active-gradient();
    color: @active-font-color;
    border: @border-size @border-type transparent;
    border-image: initial;
}
.e-treeview .e-node-hover,
.e-treeview .e-node-focus, .e-fullrow-wrap .e-li-hover > .e-fullrow, .e-fullrow-wrap .e-li-focus > .e-fullrow
{
	.hover-gradient();
    color: @hover-font-color;
    border: @border-size @border-type @hover-border-color;
    border-image: initial;
	cursor:pointer;
}
.e-treeview .e-sibling
{
    background: @treeview-drop-image;
    background-repeat: no-repeat;
}
.e-treeview .e-node-disable
{
    filter: alpha(opacity=40);
    opacity: .4;
}

.e-treeview .e-icon.e-load,
.e-treeview.e-rtl .e-icon.e-load
{
    background-image: @ajaxloaderimage;
    background-position: right center;
    background-repeat: no-repeat;
}
.e-treeview.e-rtl .e-icon.e-load {
    background-position: left center;
}

.e-treeview .e-item .e-icon{
    color: @default-icon-color;
}

.e-treeview .e-fe-popup .e-content {
    background-color: @content-bg-color;
    border-color: @default-border-color;
}

.e-treeview .e-fe-popup .e-downtail:after {
    border-top-color: @content-bg-color;
}

.e-treeview .e-fe-popup .e-downtail:before, .e-treeview .e-fe-popup .e-downtail {
    border-top-color: @default-border-color;
}

.e-treeview .e-fe-popup .e-spanclicked {
    border-color: @default-icon-color;
}

.e-drop-count {
    background-color: @default-icon-color;
    border-color: @content-bg-color;
    color: @content-bg-color;
}

.e-fullrow-wrap .e-item.e-li-active > .e-text-wrap > .e-icon {
    color: @active-icon-color;
}

.e-fullrow-wrap .e-item.e-li-hover > .e-text-wrap > .e-icon {
    color: @default-icon-color;
}

/*------------------------------------- Upload Box -------------------------------------------*/
.e-uploadbox .e-inputbtn,.e-uploadbox .e-file-name-txt{
    font-family: @font-family;
    font-weight: @content-font-weight;
    font-size: @content-font-size;
}
.e-uploadbox.e-disable .e-uploadinput{
	cursor: default;
}
.e-uploadbox.e-widget .e-selectpart.e-select,
.e-uploadbox.e-disable .e-select:hover,
.e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover,
.e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover .e-inputbtn{
	.bs-default-gradient();
	color: @default-font-color;
	border-color: @default-border-color;
}
.e-uploadbox.e-disable .e-uploadbtn.e-select:hover,
.e-uploadbox.e-disable .e-uploadclosebtn.e-select:hover  {
	.bs-default-gradient();
	color: @default-font-color;
	border-color: @default-border-color;
	cursor: default;
}
.e-uploadbox.e-widget .e-selectpart.e-select:hover{
	.hover-gradient();
    border-color: @hover-border-color;
    color:  @hover-font-color;
}
.e-uploadbox.e-widget .e-inputbtn,
.e-uploadbox.e-disable .e-select .e-inputbtn {
	color: @default-font-color;    
}
.e-uploadbox.e-widget .e-selectpart.e-select:hover .e-inputbtn {
	color: @hover-font-color;
    border-color: @hover-border-color;
}
.e-uploadbox .e-file-name-txt 
{
    color: @content-font-color;
}
.e-uploadbox .e-file-list .e-file-status-failed 
{
    color: @error-font-color;
}
.e-uploadbox .e-file-list .e-file-status-success 
{
   color: @content-font-color;
}
.e-uploadbox .e-file-progress-status 
{
   .active-gradient();
   border-color:@active-border-color;
}
.e-uploadbox .e-file-list {
   background-color: @content-bg-color;
   color: @content-font-color;
}
.e-uploadbox .e-ul li:nth-child(odd) .e-file-list {
   background-color: @content-bg-color;
   border-bottom: @border-size @border-type @gdroparea-border-color ;
}
.e-uploadbox .e-ul li:nth-child(even) .e-file-list,.e-uploadbox .e-head-content {
    .material-upload-dialog-bg-color;
   background-color: @alt-row-bg-color;
   border-bottom: @border-size @border-type @gdroparea-border-color ;
}
.e-uploadbox.e-dialog > .e-header + .e-dialog-scroller {
    border-top: 0px;
}
.e-mobile-upload.e-uploadbox .e-ul li:nth-child(even) .e-file-list, .e-mobile-upload.e-uploadbox .e-ul li:nth-child(odd) .e-file-list{
    border-bottom: none;
}
.e-uploadbox .e-file-upload{
    .material-upload-dialog-bg-color;
background-color: @alt-row-bg-color;
}
.e-uploadbox .e-file-progress-bar {
    border:@border-size @border-type @default-border-color;
}
/*Icons */

.e-uploadbox .e-file-list .e-checkmark
{
   background-color:#39b54a;
   color:@active-font-color;
   border-radius: 10px;
}
.e-uploadbox .e-file-list .e-file-percentage-failed 
{
   background-color:red;
   color:@active-font-color;
   border-radius: 10px;
}

.e-uploadbox.e-dialog .e-header{
    color: @header-font-color;
    font-size: 23px;
    font-weight: @content-font-weight;
	border-color: @header-border-color;
    .material-upload-dialog-active-line; 
}

.e-uploadbox .e-uploadinput{
font-size: 200px;
}

.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform,
.e-uploadbox.e-disable .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
    background-color: @content-bg-color;
	color: @default-icon-color;
}
.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform,
.e-uploadbox.e-disable .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover {
    background-color: @alt-row-bg-color;
	color: @default-icon-color;
}
.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover,
.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover {
    .hover-gradient();
	color: @hover-icon-color;
    border-color:@hover-bg-stcolor;
}
.e-uploadbox.e-disable .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover,
.e-uploadbox.e-disable .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover{     
    background:none;
}
.uploaddialog.e-dialog .e-btn.e-select{
    .material-upload-border;
    .office-upload-button-border;
	border-color: @default-border-color; 
}
.uploaddialog.e-dialog .e-btn.e-select:hover{ 
    .office-upload-btn-hover-color;
    .high-contrast-upload-btn-hover-color;
    .material-upload-background;
    background: @default-bg-stcolor;
}
.uploaddialog.e-dialog .e-btn.e-select:active{ 
	background: @active-bg-stcolor;
}

/*Theme Color*/

/*---------------- RTE Theme CSS----------------------*/
.e-rte
{
    font-family: @font-family;
}
.e-rte-wrapper
{
    border: @border-size @border-type @default-border-color;
	background: @content-bg-color;
    color: @content-font-color;
	font-size:@content-font-size;
}

 .e-inputtext {
border: 1px solid @content-border-color;
outline:none;
background-color: @content-bg-color;
color: @content-font-color;
vertical-align:baseline;
}
.e-rte-field .e-img-border-field .e-focus,
.e-rte-field .e-chkbox-wrap.e-focus div > span,
.e-rte-field .e-inputtext:focus,
.e-rte-button .e-btn.e-select:focus,
.e-rte-tablefields .e-chkbox-wrap.e-focus div > span,
.e-rte-tablefields .e-inputtext:focus,
.e-img-field-group .e-chkbox-wrap.e-focus div > span,
.e-img-border-field .e-inputtext:focus,
.e-rte-stylefield .e-inputtext:focus
{
    box-shadow: 0 0 2px 0 @active-bg-stcolor;
}
.e-rte-imageTab .e-item:focus {
  box-shadow: 1px 0 0 0 @active-bg-stcolor;
}
/*-----------------Tooltip class ----------------------*/
.e-rteTooltip{
	min-width : auto;
}
.e-rteTooltip .e-tipContainer .e-tipcontent {
    padding: 2px 4px;
}
/*----------------------- Toolbar Class-------------------------- */
.e-rte .e-toolbar.e-rtl > .e-horizontal.e-separator {
  border-left: @border-size dotted @content-border-color;
}
/*.e-rte .e-toolbarspan ul:last-child*/
.e-rte .e-horizontal.e-separator
{
    border-right: @border-size dotted @content-border-color;
}
.e-rte-unorderlistname .e-liseparator,
.e-rte-orderlistname .e-liseparator
{
    border-bottom: @border-size dotted @content-border-color;
}
.e-rte .customtable-group:hover
{
	.hover-gradient();
	color: @hover-font-color;
}

.e-rte .e-toolbarspan
{
    border: none;
    .office-dialog-active-line-color;
    border-bottom: @tools-border-radius @border-type @active-bg-stcolor;
}

 .e-dialog .e-fieldseparate,.e-rte-toolbar .e-responsive-toolbar.e-toolbarspan
{
    border-color: @content-border-color;
}

.e-rte .e-rte-footer
{
    border-top: @border-size @border-type @content-border-color;
    .default-gradient();
}

 .e-rte-colorpalette.e-menu.e-context > li:hover
{
	background:none;
}

 .e-rte-colorpalette.e-menu.e-context .e-mfocused,
 .e-rte-colorpalette.e-menu.e-context .e-mhover
{
	background:none;
}

 .e-rte-table-picker.e-dialog
{
	.default-gradient();
}

 .e-rte-tablecell
{
    border-color: @default-border-color;
}

     .e-rte-tablecell.e-default
    {
        background: @content-bg-color;
    }

     .e-rte-tablecell.e-active
    {
        .hover-gradient();
		border-color: @hover-border-color;
    }
 .e-toolbar .e-rte-format .e-hover,
 .e-toolbar .e-rte-fontgroup .e-hover,
 .e-toolbar .e-rte-lists .e-hover
{
    background-color: @hover-bg-stcolor;
    border-color: transparent;
	background-image:none;
	background-clip: padding-box;
}
.e-toolbar .e-rte-lists .e-active
{
    background:none;
	border-color: transparent;
}
.e-rte-orderlistname.e-menu.e-context .e-list:hover ,
.e-rte-unorderlistname.e-menu.e-context .e-list:hover,{
	background:@hover-bg-stcolor;
}
.e-rte .e-rte-resize
{
    height: 5px;
    cursor: se-resize;
}

.e-rte .e-rte-htmltaginfo,
.e-rte .e-rte-wordcount,
.e-rte .e-rte-charcount
{
    font-family: @font-family;
    font-size: 14px;
    color: @content-font-color;
    cursor: default;
}

.e-rte .e-rte-footericon,
.e-rte .e-rte-wordcount,
.e-rte .e-rte-charcount
{
    border-right: @border-size @border-type @content-border-color;
}

.e-rte .e-rte-footer.e-rtl .e-rte-icons.clearAll.e-rte-footericon
{
    border-left: @border-size @border-type @content-border-color;
}

 .e-rte-colorpalette
{
    padding: 5px !important;
	width:auto !important;
}
.e-error
{
    color: #cd0a0a;
}
.e-rte .e-dialog .e-dialog-tab
{    
    border: @border-size @border-type @default-border-color;
}
.e-rte .e-dialog .e-dialog-tab.e-tab .e-header li,.e-rte-context-menu.e-context .e-rte-separator {
    border-color: @content-border-color;
}
.e-rte-context-menu.e-menu .e-list.e-mhover .e-rte-toolbar-icon{
     .switch-rte-context-icon-color;
	color: @hover-font-color;
}
.e-rte-toolbar .e-toolbar .e-tooltxt.e-active{
    .switch-rte-active-icon-color;
	color: @active-font-color;
}
.e-rte-toolbar .e-toolbar .e-ul{
    .office-rte-toolbar-color; 
	border-color: @default-border-color;
	}
.e-rte .e-tooltxt .e-btn.e-select, .e-btn.e-ntouch.e-disable.e-select:hover, .e-btn.e-disable.e-select:hover, .e-tbtn.e-disable{
    .office-rte-splitbtn-bg-color;
    background: @default-bg-stcolor;
}
.e-rte .e-tooltxt .e-btn.e-ntouch.e-select:hover{
    background: @hover-bg-stcolor;
}
.e-rte .e-rteItem-orderedList .e-split, .e-rte .e-rteItem-unorderedList .e-split{
    .material-rte-splitbtn-radius;
}
.e-responsive-toolbar .e-rte-lists.e-ul .e-rteItem-unorderedList.e-tooltxt .e-split, 
.e-responsive-toolbar .e-rte-lists.e-ul .e-rteItem-orderedList.e-tooltxt .e-split{ 
    height: 24px !important;
    width: 36px !important;
} 
/*---------------- RTE Theme End------------------*/



/*------------------------------------- MetroLight Skin -------------------------------------------*/

.e-waitpopup-pane .e-image {
    background-color: #FFFFFF;
    background-image: @loading-img;
}
.e-waitpopup-pane {
    background-color: @overlay-bg-color;
    color: @header-font-color;
	-webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
}


.e-chkbox-wrap.e-focus div > span 
{
	box-shadow: 0 0 2px @shadow-bg-color;
}
.e-chkbox-wrap div > span
{
    .high-contrast-checkbox-bordercolor;
    .material-checkbox-bordercolor;
    border-color: @content-border-color;
    background-color: @content-bg-color;
    
}
.e-chkbox-wrap div>span.e-chk-act,.e-chkbox-wrap div>span:hover{
    .high-contrast-checkbox-bordercolor;
    .office-checkbox-bordercolor;
    .material-checkbox-bordercolor;
    border-color: @content-border-color;
}

.e-chkbox-wrap div > span.e-chk-act, .e-chkbox-wrap div > span.e-chk-indeter {
    .high-contrast-checkbox-bordercolor;
    .office-checkbox-bordercolor;
    .material-checkbox-act-bordercolor;
    border-color: @content-border-color;
}

.e-chkbox-wrap .e-chk-image.e-stop,.e-chkbox-wrap .e-chk-image.e-checkmark
{    
    .switch-checkbox-icontick;
    color:@active-bg-stcolor;
    
}

.e-chkbox-wrap .e-text
{
    font-family:@font-family;
    font-size:@font-size;
    color:@content-font-color;
}

/*Theme Color*/
.e-radiobtn-wrap > span {
    .high-contrast-radio-iconcircle;
    .high-contrast-radio-bordercolor;
    .material-radio-bordercolor;
    background-color: @content-bg-color;
    background-image: none;
    border-color: @content-border-color;
}

.e-radiobtn-wrap > span.e-rad-active,.e-radiobtn-wrap > span.e-rad-active:hover {
    .high-contrast-radio-iconcircle;
    .high-contrast-radio-bordercolor;
    .material-radio-act-bordercolor;
    .office-radio-bordercolor;
    border-color: @content-border-color;
}

.e-radiobtn-wrap > span:hover{
    .high-contrast-radio-iconcircle;
    .high-contrast-radio-bordercolor;    
    .material-radio-bordercolor;
    .office-radio-bordercolor;
    border-color: @content-border-color;
}

.e-radiobtn-wrap.e-focus > span 
{
	box-shadow: 0 0 2px @shadow-bg-color;
}
.e-radiobtn-wrap .e-rad-select 
{
    background: none repeat scroll 0 0 transparent;
}
.e-radiobtn-wrap .e-circle_01 {
    .high-contrast-radio-iconcircle;
    .office-radio-iconcircle;
    color: @active-bg-stcolor;
    .material-radio-iconcircle;
    border-color: @content-border-color;
}
.e-radiobtn-wrap .e-text
{
    font-family:@font-family;
    font-size:@font-size;
    color:@content-font-color;
}


/*------------------------------------- GroupButton -------------------------------------------*/
.e-groupbutton
{
    font-family: @font-family;
    font-weight: @content-font-weight;
    font-size: @content-font-size;
    color: @default-font-color;
    .bs-default-gradient();
    background-repeat: no-repeat;
    border-color:@default-border-color;
    .border-selection();
}
.e-groupbutton-hSmall{
    min-height:26px;
}
.e-groupbutton>.e-ul>.e-grp-btn-item .e-btn-content.e-groupBtn-padding{
    padding:0px;
}

.e-groupbutton.e-focus {
    box-shadow: 0 0 2px @shadow-bg-color;
}

.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item, .e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item, .e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item, .e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.e-border-left, .e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.e-border-bottom {
    border-color:@default-border-color;
    .border-selection();
}

.e-groupbutton > .e-ul > .e-grp-btn-item.e-active, .e-groupbutton > .e-ul > .e-grp-btn-item.e-select {
    color: #fff;
    .active-gradient();
    color:  @active-font-color;
}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active.e-hover .e-btn-content .e-btntxt{
    color: @hover-font-color;
}

.e-groupbutton > .e-ul > .e-grp-btn-item.e-active.e-hover, .e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-active.e-hover {
    .high-contrast-groupbtn-border;
    border-color:@hover-border-color;    
}
 .e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item {
	border-right-color:transparent;
}
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item {
	border-bottom-color:transparent;
}
.e-groupbutton.e-rtl >.e-horizontal.e-ul>.e-grp-btn-item {
	border-left-color:transparent;

}
.e-groupbutton > .e-ul > .e-grp-btn-item.e-hover, .e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
    .hover-gradient();
    color: @hover-font-color;
    .high-contrast-groupbtn-border;
    border-color: @hover-border-color;
}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.last {
	border-right-color:@default-border-color;
}
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.last {
	border-bottom-color:@default-border-color;
}

.e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > a, .e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > span, .e-groupbutton > .e-ul > .e-grp-btn-item .e-btn-content > div {
    color: @default-font-color;
    text-decoration: none;
}

.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > a, .e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content > span,.e-groupbutton > .e-ul > .e-grp-btn-item.e-active .e-btn-content >  div {
    color: @active-font-color;
    text-decoration: none;
}
.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.last {
	border-left-color:@default-border-color;
}
.e-groupbutton > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
	.switch-themes-groupbtn-border-color();
	border-right-color:@hover-gbtn-border-color;
	  
}
.e-groupbutton > .e-vertical.e-ul > .e-grp-btn-item.e-hover {
	.switch-themes-groupbtn-border-color();
	border-bottom-color:@hover-gbtn-border-color; 
}
.e-groupbutton.e-rtl > .e-horizontal.e-ul > .e-grp-btn-item.e-hover {
	.switch-themes-groupbtn-border-color();
	border-left-color:@hover-gbtn-border-color;
}
.e-groupbutton.e-rtl > .e-vertical.e-ul > .e-grp-btn-item.e-hover {
	.switch-themes-groupbtn-border-color();
	border-left-color:@hover-gbtn-border-color;;
}

.e-innerIncrement:hover{
background-image:url(../common-images/maps/Zoom-In_hover.png);
}
.e-legendLabelContent{
color: @gcontent-font-color;
}
.e-map{
color: @gcontent-font-color;
background-color: @content-bg-color;
border-color: @gdroparea-border-color;
}

.e-drilldownHeader 
{
   .active-gradient();
}

.e-map-home 
{
    background-image:@map-home
}

.e-map-labelContainer {
    width: 200px;
    height: 400px;
    border: 1px solid gray;
}
		
.e-map-label{
    cursor:pointer;
    color:black;
    padding:5px;
}
.e-map-label:hover {
	background-color: #eee;
}

.e-map-home {
 height: 30px;
 width: 30px;
 
}

.e-map-home:hover {
    background-image:@map-home-hover
}

.map-contribution {
            border-color: #dbdbde;
            right: 0;
            bottom: 0;
            font-family: sans-serif;
            font-weight: normal;
            position: absolute;
            background-color: rgba(255,255,255,0.7);
            font-size: 10px;
            padding: 2px 4px;
            z-index: 1000;
            border-style: solid;
            border-width: 1px;
        }
.sliderParent{
height:150px;
width:10px;
margin-top:-197px;
margin-left: 34px;
}
.e-innerIncrement {
    background-image:url(../common-images/maps/Zoom-In.png);
    height:25px;
    width:25px;   
}

.e-innerDecrement:hover {
   background-image:url(../common-images/maps/Zoom-out_hover.png);
   }
.e-innerDecrement {
   background-image:url(../common-images/maps/Zoom-out.png);
    height:25px;
    width:25px;    
}
.nav-dec-Vert{
   margin-top: 150px;
    margin-left: 27px;
}
.nav-inc-Vert{
 margin-top: 40px;
    margin-left: 27px;
}
.nav-dec-Horz{
   margin-top: -24px;
margin-left: 0px;
}
.nav-inc-Horz{
 margin-top: -29px;
margin-left: 175px;
}
.e-radialTop {
     height: 20px;
   margin-left: 15px;
   width: 52px;
}
.e-arrowUp:hover {
    background-image:url(../common-images/maps/Arrow_Top_hover.png);
	}
.e-arrowUp {
    background-image:url(../common-images/maps/Arrow_Top.png);
   height: 20px;   
   width: 52px;
}
.e-radialLeft {
    height: 52px;
 width: 20px;
 margin-top: -4px;
}
.e-radialRight {
     margin-left: 61px;
   margin-top:-53px;
    height: 52px;  
   width: 20px;
}
.e-arrowLeft:hover {
 background-image:url(../common-images/maps/Arrow_Left_hover.png);
 }
.e-arrowLeft {
 background-image:url(../common-images/maps/Arrow_Left.png);
 height: 52px;
 width: 20px;
}
.e-radialBottom {
     height: 20px;
   margin-left: 15px;
   margin-top: -6px;
   width: 52px;
}
.e-arrowRight:hover {
    background-image:url(../common-images/maps/Arrow_Right_hover.png);
	}
.e-arrowRight {
    background-image:url(../common-images/maps/Arrow_Right.png);
   height: 52px;  
   width: 20px;
}
.e-arrowDown:hover{
    background-image:url(../common-images/maps/Arrow_Bootom_hover.png);
	}
.e-arrowDown {
    background-image:url(../common-images/maps/Arrow_Bootom.png);
   height: 20px;  
   width: 52px;
}
.e-home-bg {
     height: 30px;
 width: 30px;
 margin-top: -55px;
margin-left: 25px;
}



.e-interactivelegend-title{
                font-family: Segoe UI;
                pointer-events: none;
                text-align: left;
				position: absolute;
}

.e-interactivelegend-leftlabel{
                font-family: Segoe UI;
                pointer-events: none;
                text-align: left;
				position: absolute;
}

.e-interactivelegend-rightlabel{
                font-family: Segoe UI;
                pointer-events: none;
                text-align: left;
				position: absolute;
}

.e-legend-rangestartlabel{
                font-family: Segoe UI;
                pointer-events: none;
                text-align: left;
				position: absolute;
}

.e-legend-rangeendlabel{
                font-family: Segoe UI;
                pointer-events: none;
                text-align: left;
				position: absolute;
}

.e-legendlabeltext{
                font-family: Segoe UI;
                pointer-events: none;
                text-align: left;
				position: absolute;
}

.defaultToolTip {
                    border: 1px solid #404041;
                    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
                    border-radius: 4px;
                    margin-right: 25px;
                    min-width: 30px;
                    height:20px;
                    padding-top: 9px;
                    padding-right: 10px;
                    padding-left: 10px;
                    width: auto;                    
                    opacity:0.85;
                    background: white;
                }

            .defaultToolTip:before {
                position: absolute;
                display: inline-block;
                border-top: 7px solid transparent;
                border-right: 7px solid #404041;
                border-bottom: 7px solid transparent;               
                background: transparent;
                opacity:0.85;
                left: 4px;
                top: -16px;
                content: '';
            }
            .defaultToolTip:after {
                position: absolute;
                display: inline-block;
                border-top: 7px solid transparent;
                border-right: 7px solid white;
                border-bottom: 7px solid transparent;
                left: 6px;                
                top: -16px;
                content: '';
            }       

.e-defaultlegend-title{
	color:black;
	font-size:17px;
}
.labelStyle {
		font-family:Segoe UI;
		font-size:14px;
		white-space: nowrap;
}
.smartLabelStyle {
		padding:3px;
		font-weight: normal;
		color:black;
		width:auto;
		height:20px;
		text-align:center;
		font-size: 14px;
		font-family:Segoe UI;
    
}
.smartLabelStyle:hover{
		cursor:pointer;
}
.e-mapSelectedShape {            
            opacity: 1;
}
.e-mapDragSelection {
    border:2px solid red;
}
.e-mapHighlightedShape {
	opacity: 1;
}


.e-drilldownHeader{	
	font-size:15px;
	text-indent:10px;	
}
.e-drilldownlabel {		
		color:white;	
}

.e-drilldownlabel:hover {
		text-decoration: underline;
}

.e-drilldownarrow{
		fill:white;
		stroke:transparent;	
		stroke-width:1px;
		zoom:1;
}
.e-treemap-leaflabel{
    font-size:14px;
    font-weight:normal;
    font-family:Segoe UI;
    color:white;
}
.e-treemap-legendLabel{
            font-size:12px;

        }
.e-treemap-label {

font-size:14px;

}

.e-treemap-header {
 font-size:15px;
}

.hoverCell{
background-color:@hover-bg-stcolor !important;
}
.e-pivotgrid table {
  font: @table-font;
  color: @fg-table-color;
  border-collapse: collapse;
  background-color: @bg-table-color;
  cursor: default;
}

.e-pivotgrid .filterValues{
    background-color: @content-bg-color;
}

.e-pivotgrid .conditionFrom, .conditionTo{
    background-color: inherit;
}

.e-pivotgrid .hoverBtn{
   .ogridheader-hvr-gradient();
}

.tooltipText {
    margin: 5px 0 10px 0;
    font-size: 12px;
    text-align: left;
    height: auto;
    color: @toolTipText-color;
    font-weight: normal;
}

 .editcondition,  .value2,  .borderrangeLbl,  .borderstyleLbl,  .fSizeLbl{
    margin-left: 15px;
}

  input[type=number]::-webkit-inner-spin-button, 
  input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none !important; 
    margin: 0; 
}
 .pGridTooltip {
    position: absolute;
    z-index: 500;
    display: none;
    border-width: 10px;
    height: auto;
    padding: 5px;
	opacity:1;
    background: @toolTip-bg-color;
    border:2px solid @content-border-color;
}
.e-pivotgrid .pivotGridTable th, .e-pivotgrid .pivotGridTable td {
  border: solid 1px @content-border-color;
}
.e-pivotgrid th, .e-pivotgrid td {
  padding: 6px 2px 6px 8px;
  white-space: nowrap;
  height: 25px;
  font-weight: normal;
}
.e-pivotgrid .value {
  background-color: @bg-value-color;
  text-align: right !important;
  padding: 6px 6px 6px 16px;
}
.e-pivotgrid .summary {
  white-space: nowrap;
  text-align: left;
  font-weight: bold !important;
}
.e-pivotgrid .colheader, .e-pivotgrid .rowheader,.e-pivotgrid .calc {
  font-weight: bold;
  color: @fg-header-color;
  .ogridheader-gradient();
  background-repeat: repeat;
  padding: 6px 16px 6px 2px;
  text-align: left;
  font-style: normal;
}
.e-pivotgrid .colheader:hover, .e-pivotgrid .rowheader:hover, .e-pivotgrid .calc:hover {
  font-weight: bold;
  color: @fg-header-hvr-color;
  .ogridheader-hvr-gradient();
  background-repeat: repeat;
  padding: 6px 16px 6px 2px;
  text-align: left;
  font-style: normal;
}
.e-pivotgrid {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select :none;
  user-select: none;
}
.cellSelection{
 background: @pivot-selection-background;
 filter: alpha(opacity=50);
 opacity: 0.5;
 position: absolute;
 border-style:dotted;
 border-width:3px;
 border-color:@pivot-selection-border;
}
.e-pivotgrid .value.selection{
cursor:crosshair;
}
.e-pivotgrid.e-rtl .colheader,.e-pivotgrid.e-rtl .colheader:hover,.e-pivotgrid.e-rtl .rowheader, .e-pivotgrid.e-rtl .rowheader:hover {
            padding:6px 0px 6px 40px;
        }
.e-pivotgrid .expand, .e-pivotgrid .collapse {
  width: 23px;
  height: 17px;
  display: inline-block;
  cursor: pointer;
}
.e-pivotgrid .errOKBtn {
     display: inline-block; 
     margin: 20px 0 10px 165px; 
     width: 50px; 
}
.e-pivotgrid.e-rtl .errOKBtn {
  margin: 20px 165px 10px 0;
}
.e-pivotgrid .dialogremoveBtn:before
{
  font-family: "ej-webfont";
  content: "\e711";
  display: inline-block;
}
.e-pivotgrid .expand:before
{
    content:"\e6a3";
display: inline-block;
    float: left;
    font-size: 7px;
    margin-left: 9px;
    margin-top: 5px;
}
.e-pivotgrid.e-rtl .pGridTooltip > p {
    direction:ltr;
    text-align:right;
} 
.e-pivotgrid.e-rtl .expand:before {
        content:"\e699";
        font-size: 23px;
        margin-top: -3px;
}
.e-pivotgrid.e-rtl .collapse:before {
    margin-left: 0px;
}
.e-pivotgrid .collapse:before {
content:"\e6a0";
 display: inline-block;
    float: left;
    font-size: 6px;
    margin-left: 7px;
    margin-top: 5px;
 
}
.e-pivotgrid.e-rtl .removeBtn:before, .e-pivotgrid.e-rtl .sorting:before, .e-pivotgrid.e-rtl .filter:before{
    float:left;
    margin-left:4px;
    margin-right:0px;
} 
.e-pivotgrid .kpiiconvalue {
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.e-pivotgrid .kpiuparrow {
 background-image: @kpi-uparrow-img;
}
.e-pivotgrid .kpirightarrow {
 background-image: @kpi-rightarrow-img;
}
.e-pivotgrid .kpidownarrow {
  background-image: @kpi-downarrow-img;
  background-position: center center;
}
.e-pivotgrid .kpidiamond {
  background-image: @kpi-diamond-img;
  background-position: center center;
}
.e-pivotgrid .kpitriangle {
  background-image: @kpi-triangle-img;
  background-position: center center;
}
.e-pivotgrid .kpicircle {
  background-image: @kpi-circle-img;
  background-position: center center;
}
.e-pivotgrid .kpiredroad {
  background-image: @kpi-red-img;
  background-position: center center;
}
.e-pivotgrid .kpigreenroad {
  background-image: @kpi-green-img;
  background-position: center center;
}
.e-pivotgrid .kpiallcolor {
  background-image: @kpi-all-img;
  background-position: center center;
}
.e-pivotgrid .hyperlinkValueCell {
  .hyperlink-setcolor();
  text-decoration: underline;
  cursor: pointer;
}
.e-pivotgrid .hyperlinkHeaderCell {
  text-decoration: underline;
  cursor: pointer;
}
.e-pivotgrid .vScrollPanel {
  .scrollPane-setcolor();
  width:8px;
  margin-left:8px;
  display:inline-block;
}
.e-pivotgrid .hScrollPanel {
  .scrollPane-setcolor();
  height:8px;
  margin-top:4px;
}
.e-pivotgrid .vScrollThumb {
  width:6px;
  position:relative;
  top:1px;
  left:1px;
  .scrollThumb-setcolor();
}
.e-pivotgrid .hScrollThumb {
  height:6px;
  position:relative;
  left:1px;
  top:1px;
  .scrollThumb-setcolor();
}
.e-pivotgrid .categPageIndicator, .e-pivotgrid .seriesPageIndicator {
  width:auto;
  .pageIndicator-setcolor();
  padding:5px;
  position:absolute;
}
.e-pivotgrid.e-rtl .seriesPageIndicator .axislabel,
.e-pivotgrid.e-rtl .categPageIndicator .axislabel{
    float:right;
    margin-left:5px;
}
.e-pivotgrid.e-rtl .seriesPageIndicator .series_CurrentPage,
.e-pivotgrid.e-rtl .categPageIndicator .categ_CurrentPage{
    float:left;
    margin-right:2px;
}
.e-pivotgrid.e-rtl .seriesPageIndicator .series_pageCount,
.e-pivotgrid.e-rtl .categPageIndicator .categ_pageCount{
    float:right;
    margin-left:2px;
}
.e-pivotgrid .vScrollThumb:hover, .e-pivotgrid .hScrollThumb:hover {
  .scrollThumb-hovercolor();
}
.e-pivotgrid .inActive {
  display:none;
}
.e-pivotgrid .dragging {
  .scrollThumb-dragcolor();
}
.e-pivotgrid .filter, .e-pivotgrid .sorting, .e-pivotgrid .removeBtn {
    .switch-pivotgrid-draggale-button;
    color: @default-font-color;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}
.e-pivotgrid .filter:before {
    content: "\e669";
    float: right;
	margin-right: 4px;
}
.e-pivotgrid .filter.filtered:before {
    content: "\e668";
    float: right;
}
.e-pivotgrid .sorting:before {
    content: "\e672";
    float: right;
	margin-right: 4px;
}
.e-pivotgrid .sorting.descending:before {
    content: "\e673";
    float: right;
}
.e-pivotgrid .removeBtn:before {
    content: "\e711";
    float: right;
	margin-right: 4px;
}
.e-pivotgrid .memberEditorDiv {
    height: 256px;
    margin-top: 5px;
    border: 1px solid @default-border-color;
}
.e-pivotgrid .editorTreeView {
    margin-top: 7px;
    height: 245px !important;
}
.e-pivotgrid .dialogOKBtn {
    width: 69px;
    margin-left: 83px;
}
.e-pivotgrid.e-rtl .dialogOKBtn {
  margin-left: 10px;
  margin-right: 73px;
}
.e-pivotgrid .dialogCancelBtn {
    width: 69px;
    margin-left: 10px;
}
.e-pivotgrid .e-treeview .e-text {
    min-height: 20px;
    border: 1px solid transparent;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: bold;
    cursor: move;
    color: @default-font-color;
}
.e-pivotgrid .pivotButton {
.groupingBar-btn-color();
}
.e-pivotgrid .pivotButton .e-btn {
  text-align: left !important;
  }
.e-pivotgrid .pivotButton .e-btn.e-select {
    border: none;
	height:auto;
    .switch-pivotgrid-groupingBar-btn-color;
    .groupingBar-btn-color();
}
.e-pivotgrid .pivotButton .e-btn.e-select:hover {
    border: none;
      .hover-gradient();
    border-color: @hover-border-color;
    color:  @hover-font-color;
}
.e-pivotgrid .pivotButton.e-btn.e-select {
    border: none;
}

.e-pivotgrid .drag {
    .material-pivot-drag-column-txt-color;
    color: @active-font-color;
    font-family: 'Segoe UI';
    font-size: 14px;
    font-weight: bold;
    /*color: #5c5c5c;*/
    padding: 9px 0px 9px 0px;
    .material-pivot-drag-bg-color;
    background: @pivotList-treeview-hvr-color;
    /*background: @pager-default-bg-color;*/
    border: 1px solid @content-border-color;
    overflow: hidden;
    text-overflow: ellipsis;
}
  .e-pivotgrid .pivotButton.e-btn .e-icon{
    padding:0px;
 } 

.e-pivotgrid .values, .e-pivotgrid .columns, .e-pivotgrid .rows, .e-pivotgrid .emptyRows {
    font-family: 'Segoe UI';
    font-size: 14px;
    font-weight: bold;
    color: @active-font-color;
    padding: 5px 0px 5px 0px;
    /*background: @groupingBar-bg-color;*/
    overflow: hidden;
    text-overflow: ellipsis;
}
.e-pivotgrid .values{
    border-right:1px solid @content-border-color;
}
.e-pivotgrid .emptyRows{
   background: @groupingBar-bg-color;
   border: 1px solid @content-border-color;
}
.e-pivotgrid .valueColumn{
    .material-pivot-drag-column-color;
    background: @groupingBar-bg-color;
    height: auto;
	border-right: 1px solid @content-border-color;
	border-left: 1px solid @content-border-color;
}
.e-pivotgrid .values .pivotButton,.e-pivotgrid .drag .pivotButton,.e-pivotgrid .columns .pivotButton, .e-pivotgrid .rows .pivotButton{
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	background: @toolbar-bgcolor;
}
.e-pivotgrid .values .pivotButton:hover,.e-pivotgrid .drag .pivotButton:hover,.e-pivotgrid .columns .pivotButton:hover, .e-pivotgrid .rows .pivotButton:hover{
    background: @pivot-selection-background;
}
.e-pivotgrid .pivotButton,.e-pivotgrid .rows,.e-pivotgrid .valueColumn,.e-pivotgrid .values,.e-pivotgrid .columns{
    display: inline-block;
    vertical-align: top;
}
.e-pivotgrid .e-btn{
  vertical-align: auto;
}
.e-pivotgrid .drag .e-btn ,.e-pivotgrid .drag .e-btn div{
  vertical-align: initial;
}
.e-pivotgrid .drag .pivotButton {
    vertical-align: top;
    line-height:0;
}
.e-pivotgrid .rows {
    padding-bottom: 4px;
    display: table-cell;
    vertical-align: bottom;
    height: 100%;
    width: 100%;
    min-height: 24px;
    min-width: 140px;
}
.e-pivotgrid .values {
    min-height: 24px;
    min-width: 140px;
}
.e-pivotgrid .columns {
    min-height: 24px;
    min-width: 140px;
}

.e-pivotgrid .rows .pivotButton,.e-pivotgrid .values .pivotButton,.e-pivotgrid .columns .pivotButton,.e-pivotgrid .drag .pivotButton{
   vertical-align: bottom;
}
.e-pivotgrid .pivotButton {
    margin-left: 5px;
}
.e-pivotgrid .grpRow{
        .material-pivot-drag-bg-color;
     background:@pivotList-treeview-hvr-color;
     vertical-align:bottom;
     text-align:left;
}
.e-pivotgrid .pivotButton {
    .material-pivot-drag-column-br-color;
    border: 1px solid @active-border-color !important;
    padding:0px !important;
}
.e-pivotgrid .pivotButton:hover {
    .material-pivot-drag-column-br-color;
    border: 1px solid @active-border-color !important;
}
.e-pivotgrid th.grpRow {
    padding: 10px 2px 0 0px !important;
}
.e-pivotgrid .e-btn {
    font-size:13px;
}
.e-pivotgrid .widthSetter{
     width: 3em;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
.e-pivotgrid .contextMenuPopup .menuItem:hover{
    .summary-gradient();
    cursor: default;
}

 .e-pivotgrid .dropIndicatorActive {
   height: 20px;
   width: 20px;
   position: absolute;
   z-index: 30000;
   color: @default-icon-color;
   cursor: pointer;
   font-family: "ej-webfont";
}

.e-pivotgrid .dropIndicatorActive:before {
   content: "\E7CC";
}

.e-pivotgrid .selected {
  background: @groupingBar-bg-color;
  color: @active-font-color;
}

.e-pivotgrid .highlighted
{
    background-color: @hover-bg-stcolor;
}

.e-pivotgrid .dlgCalculatedField label
{
    font-weight:bold;
}
.e-pivotgrid .borderLine{
    margin-left:-10px;
    margin-right:-10px;
    border-top:1px solid @content-border-color;
 }
.e-pivotgrid .calculatorFields{
    margin-top:-5px;
    height:31px;
}
.column-resize table.pivotGridTable
        {
    table-layout:fixed;
    width: 100%;
        }
.column-resize td, .column-resize th
        {
  overflow: hidden;
          }
.column-resize thead>tr
        {
  cursor: pointer;
          }
.pivotTree .calculatedFieldMenuItem {
    border-bottom: solid 1px @content-border-color;
}
    .e-pivotgrid .calcFormulaDiv {
        left: 136px;
        top: 102px;
        position: absolute;
    }

    .e-pivotgrid .dlgCalculatedField {
        margin-top: 8px;
        border: 1px solid @content-border-color;
        margin-bottom: 12px;
        padding: 13px 10px 10px;
    }


    .e-pivotgrid .calculateFieldName {
        position: absolute;
        top: 35px;
        left: 105px;
        width: 198px;
        height: 24px;
        border: none;
        background-color: @content-bg-color;
        color: @content-font-color;
    }
        .e-pivotgrid .calculatedFieldFormula {
        background-color: @content-bg-color;
        color: @content-font-color;
        border:1px solid @content-border-color;
        cursor: not-allowed;
        opacity:0.85;
        padding:1px;
    }

    .e-pivotgrid .dlgCalculatedField .outerTable td {
        padding: 4px 10px 15px;
    }
    .e-pivotgrid .dlgCalculatedField .fieldTable td {
        padding: 4px 10px;
    }
    .e-pivotgrid .calcFormulaDiv td {
        border: 1px solid @content-border-color;
        background-color: @content-bg-color;
        padding: 5px 18px;
        cursor: default;
        color: @content-font-color;
    }
        .e-pivotgrid .calcFormulaDiv td:hover {
            .hover-gradient();
            color: @hover-font-color;
            border: 1px solid @hover-border-color;
        }

.e-pivotschemadesigner
{
    color: @content-font-color;
    background: none repeat scroll 0 0 @oclient-bgcolor;
    font-size: 12px;
    float: right;
	position:static;
    border: 1px solid @oclient-border-color;
	font-family:Segoe UI;
}
.bg-div
{
    background: none repeat scroll 0 0 @oclient-bgcolor;
    border: 1px solid @oclient-border-color;
}
.e-pivotschemadesigner .fieldTable
{
    background: @bg-table-color;
    border: 1px solid @oclient-border-color;
    border-collapse: collapse;
    margin: 10px 10px 8px;
	width: 94%;
}
.e-pivotschemadesigner .schemaFieldList
{
    display: inline-block;
    overflow: auto;
	height: 182px;	
    width: 100%;
	color:@oclient-icons-color;
}
.e-pivotschemadesigner .elementSeparator
{
    border: solid @oclient-border-color;
    border-width: 0 0 1px 0;
    display: block;
    margin: 7px;
}
.e-pivotschemadesigner .schemaFieldTree
{
    overflow: hidden;
}
.e-pivotschemadesigner .editorTreeView
{
	margin-top: 7px;
	height: 245px !important;
}
.e-pivotschemadesigner .schemaHeaders
{
    overflow: hidden;
}
.e-pivotschemadesigner .schemaFilter, .e-pivotschemadesigner .schemaColumn, .e-pivotschemadesigner .schemaRow, .e-pivotschemadesigner .schemaValue
{
    /*background: @aeb-bgcolor;*/
    border: 1px solid @ogrid-header-border-color;
    overflow-x: hidden;
    overflow-y: auto;
    height: 75%;
    width: 93%;
    margin-left: 10px;
	/* margin-top: 3px; */
}
.e-pivotschemadesigner .schemaColumn, .e-pivotschemadesigner .schemaValue
{
    margin-right: 10px;
}
.e-pivotschemadesigner .axisTd1 {
    float:left;
    position:relative;
}
.e-pivotschemadesigner .axisTd2 {
    float:right;
    position:relative;
}
.e-pivotschemadesigner #axisTd {
    margin-top:10px;
}
.e-pivotschemadesigner .deferUpdateLayout {
    margin-top:20px;
}
.e-pivotschemadesigner .listSubhead
{
    margin: 10px 0 0;
}
.e-pivotschemadesigner .pivotHeader, .e-pivotschemadesigner .rPivotHeader
{
   font-weight: bold;
   line-height: 240%;   
}
.e-pivotschemadesigner .listHeader
{
    font-weight: bold;
    /*background: none repeat scroll 0 0 #5eabde;*/
	border-bottom: 1px solid @pivot-selection-border;
    font-size: 15px;
    margin: -1px;
    line-height: 40px;
}
.e-pivotschemadesigner .folderCDB:before
{
    content: "\e6e1";
    display: inline;
    vertical-align: middle;
    font-size: 17px;
}


.e-pivotschemadesigner .namedSetCDB:before {
  content: "\e6de";
  display: inherit;
  vertical-align: middle;
  font-size: 18px;
}

.e-pivotschemadesigner .measureGroupCDB:before
{
    content: "\e615";
    display: inline;
    vertical-align: middle;
}
.e-pivotschemadesigner .dimensionCDB:before
{
     content: "\e704";
    display: inline;
    vertical-align: middle;
}

.e-pivotschemadesigner .centerDiv
{
    background-color: @oclient-border-color;
    border-radius: 25px;
    height: 2px;
    margin-left: 4px;
    width: 98%;
}
.e-pivotschemadesigner .centerDiv:hover
{
    cursor:default;
}
.e-pivotschemadesigner .centerHead
{
    margin: 7px 10px;
	font: normal 14px Segoe UI;
	color: @fg-header-color;
}
.e-pivotschemadesigner .pivotHeader, .e-pivotschemadesigner .rPivotHeader
{
    border: 1px solid @ogrid-header-border-color;
	border-bottom: none;
	font-weight: bold;
    width: 93%;
    margin-left: 10px;
}
.e-pivotschemadesigner .rPivotHeader, .e-pivotschemadesigner .schemaColumn, .e-pivotschemadesigner .schemaValue
{
	margin-left: 1%;
}
.e-pivotschemadesigner.e-rtl .rPivotHeader,
.e-pivotschemadesigner.e-rtl .schemaColumn,
.e-pivotschemadesigner.e-rtl .schemaValue {
  margin-right: 5%;
}
.e-pivotschemadesigner .headerText
{
    padding-left: 5px;
}
.e-pivotschemadesigner .subheadText
{
    padding-left: 10px;
	margin: 10px 0 0;
	font: normal 14px Segoe UI;
	color: @fg-header-color;
}
.e-pivotschemadesigner .pivotLabel:hover
{
    background: none repeat scroll 0 0 @groupingBar-bg-color;
    color: @active-font-color;
    cursor: move;
}
.e-pivotschemadesigner .pivotButton > .pvtBtnDiv
{
    display: block;
    width:auto;
    background: @toolbar-bgcolor;
    margin: 2px 3px 0;
    border: 1px solid @ogrid-header-border-color !important;
    white-space: nowrap;
    overflow: hidden;
}
.e-pivotschemadesigner  .pvtBtnDiv > .pvtBtn
{
    cursor: move;
    text-align: left;
    text-overflow: ellipsis;
	height:auto;
   .groupingBar-btn-color();
    border: none !important;
    overflow: hidden;
}
.e-pivotschemadesigner .pivotButton > .pvtBtn {
  cursor: move;
  text-align: left;
  text-overflow: ellipsis;
  height: auto;
  .groupingBar-btn-color();
  overflow: hidden;
}
.e-hoverBtn
{
    background: @hover-bg-stcolor !important;
}

.dragHover{
    background: @pivotList-treeview-hvr-color !important;
}
.e-pivotschemadesigner.e-rtl  .pvtBtnDiv > .pvtBtn {
  text-align: right;
}

 .e-pivotschemadesigner .pivotButton > .pvtBtnDiv:hover
{
    .hover-gradient();
    .switch-pivotgrid-btn-hover;
    border: 1px solid @active-font-color !important;
    color:  @hover-font-color;
} 
 .e-pivotschemadesigner .pvtBtnDiv > .pvtBtn:hover 
 {
     .hover-gradient();
 }

 .e-pivotschemadesigner .filter, .e-pivotschemadesigner .sorting, .e-pivotschemadesigner .removeBtn
 {
     color: @default-font-color;
     display: inline-block;
     position: relative;
     vertical-align: middle;
     cursor: pointer;
 }
  .e-pivotschemadesigner .btnDeferUpdate {
    text-overflow:ellipsis;
    width:90px;
}
  .e-pivotclient .e-pivotschemadesigner .btnDeferUpdate {
    width:60px;
}
 .e-pivotschemadesigner .errOKBtn
 {
    display: inline-block;
    margin: 20px 0 10px 165px;
    width: 50px;
}
  .e-pivotschemadesigner.e-rtl .errOKBtn {
  margin: 20px 165px 10px 0;
}
.e-pivotschemadesigner .pvtDrop:before, .e-pivotschemadesigner .treeDrop:before
{
    content: "\e666";
}
.e-pivotschemadesigner .dropIndicator
{
    background: none repeat scroll 0 0 transparent;
    height: 2px;
    width: auto;
}
.e-pivotschemadesigner .dropIndicatorHover
{
    .hover-gradient();
}
.e-pivotschemadesigner .removePivotBtn:before
{
    background-repeat: no-repeat;
    height: 11px;
    padding-left: 10px;
    width: 11px;
    color: @active-font-color;
    content: "\e681";
    font-size: 13px;
    background-color: @content-bg-color;
    border: 1px solid @ogrid-header-border-color;
    float: none;
    padding: 6px;
    position: absolute;
}
.e-pivotschemadesigner .removePivotBtn:hover
{
    cursor: pointer;
    background: none repeat scroll 0 0 @pivot-selection-background;
}
.e-pivotschemadesigner .sorting:before {
  content: "\e672";
  float: right;
  margin-right: 4px;
}
.e-pivotschemadesigner .sorting.descending:before {
  content: "\e673";
  float: right;
}
.e-pivotschemadesigner .filter:before {
  content: "\e669";
  float: right;
  margin-right: 4px;
}
.e-pivotschemadesigner .filter.filtered:before {
  content: "\e668";
  float: right;
}
.e-pivotschemadesigner .removeBtn:before {
  content: "\e711";
  float: right;
  margin-right: 4px;
}
.e-pivotschemadesigner.e-rtl .filter:before {
  float: left;
  margin-left: 17px;
  margin-right: 0px;
  margin-top: -20px;
}
.e-pivotschemadesigner.e-rtl .filter {
  float: left !important;
}
.e-pivotschemadesigner .pvtDrop:before, .e-pivotschemadesigner .treeDrop:before
{
    /* content: "\e666"; */
}

.e-pivotschemadesigner .treeDrop,.e-pivotschemadesigner .sortDiv:hover, 
.e-pivotschemadesigner .clearSorting:hover, .e-pivotschemadesigner .clearAllFilters:hover,
.e-pivotgrid .sortDiv:hover, .e-pivotgrid .clearSorting:hover, .e-pivotgrid .clearAllFilters:hover 
{
    cursor: pointer;
}
.e-pivotschemadesigner .filterBtn
{
    height: 24px;
}
.e-pivotschemadesigner .filterIndicator
{
    background: none repeat scroll 0 0 @pivotList-treeview-hvr-color;
}
.e-pivotschemadesigner .memberEditorDiv
{
    height: 256px;
    margin-top: 5px;
    border: 1px solid @oclient-border-color;
}
.e-pivotschemadesigner .dialogOKBtn, .e-pivotschemadesigner .dialogCancelBtn
{
    width: 69px;
    margin-left: 10px;
}
.e-pivotschemadesigner .dialogOKBtn
{
    margin-left: 83px;
}
.e-pivotschemadesigner.e-rtl .dialogOKBtn {
  margin-left: 10px;
  margin-right: 73px;
}
.e-pivotschemadesigner .e-chkbox-wrap
{
    margin-left: 7px;
}
.e-pivotschemadesigner .e-tbtn-wrap
{
    display: inline-block;
}
.e-pivotschemadesigner .e-togglebutton .e-icon
{
    height: 14px;
    width: 14px;
}

.e-pivotschemadesigner .e-treeview .e-text
{
    min-height: 20px;
    border: 1px solid transparent;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: bold;
    cursor: move;
	color:  @content-font-color;
}
.e-pivotschemadesigner .e-treeview .e-node-hover
{
	/*background:@pivotList-treeview-hvr-color;*/
             /*color:@pivotList-treeview-text-hvr-color;*/
	
}
.e-pivotschemadesigner .e-dialog .e-header
{
	/*.oclientDialog-setcolor();*/

}
.e-pivotschemadesigner .e-dialog .e-dialog-icon:hover
{
	background:@pivotList-dialog-close-hvr-color;
}
.e-pivotschemadesigner .e-treeview .e-active
{
	background:@pivotList-treeview-active-color;
	color:@pivotList-treeview-text-hvr-color;
	
}

.e-pivotschemadesigner .e-treeview .e-text .e-icon{
 .switch-pivotclient-treeview-icon-hover-active;
}

.e-pivotschemadesigner .btnDeferUpdate{
    float: right;
    margin-right: 10px;
}
.e-pivotschemadesigner.e-rtl .btnDeferUpdate{
  float: left;
  margin-left: 10px;
}
.e-pivotschemadesigner .deferUpdateLayout{
    margin-left: 5px;
}
.e-pivotschemadesigner.e-rtl .deferUpdateLayout {
  margin-right: 5px;
}
.e-pivotschemadesigner.e-rtl .deferUpdateLayout .e-text {
  margin-right: 5px;
}
.e-pivotschemadesigner .schemaFieldTree.e-treeview .e-text{
	width: 90%;
}

.e-pivotschemadesigner .pivotButton .e-btn {
  text-align: left !important;
  }

.e-pivotschemadesigner .e-btn
{
    /* font-size: 12px;
    background: none repeat scroll 0 0 @toolbar-bgcolor;
    border-color: @active-border-color; */
}
.e-pivotschemadesigner .schemaFieldTree ul, .e-pivotschemadesigner .schemaFieldTree li
{
    width: 96%;
    height: auto;
}

.e-pivotschemadesigner .e-btn .e-btntxt
{
    padding: 0 6px 6px;
}
.e-pivotschemadesigner .expandSchema {
    display: block;
    float: right;
    height: 25px;
    left: 24px;
    position: relative;
    top: -615px;
    width: 23px;
}
.e-pivotschemadesigner .collapseSchema {
    float: right;
    height: 25px;
    position: relative;
    top: -615px;
    width: 23px;
}

.e-pivotschemadesigner .freeze {
    position: absolute;
    height: 100%;
    width: 100%;
    content: ' ';
    top:0;
    left:0;
    z-index:10;
    opacity:0;
    background-color:lightgrey;
    filter:alpha(opacity=0);
}

.e-pivotschemadesigner .ddlGroupWrap,.e-pivotgrid .ddlGroupWrap {
    font-weight: bold;
    padding:5px 0px 5px 8px;
}

.e-pivotschemadesigner .ascOrder, .e-pivotschemadesigner .descOrder,.e-pivotgrid .ascOrder, .e-pivotgrid .descOrder {
    list-style: none;
    border: 1px solid @content-bg-color;
}

.e-pivotschemadesigner .descImage, .e-pivotschemadesigner .ascImage,  .e-pivotgrid .descImage, .e-pivotgrid .ascImage {
    display: inline-block;
    height: 18px;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px;
}

.e-pivotschemadesigner .ascImage:before, .e-pivotgrid .ascImage:before {
    content: "\e714";
    font-size: 16px;
     margin-left:5px;
}


.e-pivotschemadesigner .descImage:before ,.e-pivotgrid .descImage:before {
    content: "\e713";
    font-size: 16px;
     margin-left:5px;
}

.e-pivotschemadesigner .e-dialog .filter {
    float: left;
}

.e-pivotschemadesigner .selectedSort, .e-pivotgrid .selectedSort {
    border: 1px solid;
    padding-top: 2px;
}

.e-pivotschemadesigner .filterElementTag.e-vertical, .e-pivotgrid .filterElementTag.e-vertical {
    border-color:@content-bg-color;
}

.e-pivotschemadesigner .e-clrFilter:before, .e-pivotgrid .e-clrFilter:before {
    content: "\e668";
    font-size: 16px;
    float: left;
}

.e-pivotschemadesigner .e-clrSort:before, .e-pivotgrid .e-clrSort:before {
    content: "\e754";
    font-size: 19px;
    float: left;
    margin-top: 4px;
}

.e-pivotschemadesigner .filterElementTag, .e-pivotgrid .filterElementTag {
    font-family: Segoe UI;
}

.e-pivotschemadesigner .filterState:before, .e-pivotgrid .filterState:before {
    content: "\e80a";
    height: 16px;
    width: 16px;
}

.e-pivotschemadesigner .clearAllFilters,  .e-pivotgrid .clearAllFilters {
    padding-top: 4px;
    padding-left: 5px;
}
.e-pivotschemadesigner .clearAllFilters .e-clrFilter,   .e-pivotgrid .clearAllFilters .e-clrFilter {
        margin-top: 1px;
        float: left;
}
.e-pivotschemadesigner .clearAllFilters .filter, .e-pivotgrid .clearAllFilters .filter {
        margin-left: 0px;
}

.e-pivotschemadesigner .filterIndicator:before,  .e-pivotgrid .filterIndicator:before {
    content: "\e7cf";
    height: 16px;
    width: 16px;
}

.e-pivotschemadesigner .advancedFilter, .e-pivotgrid .advancedFilter {
    margin-left: 9px;
    margin-right: 5px;
}

.e-pivotschemadesigner .activeFilter:before, .e-pivotgrid .activeFilter:before {
    content: "\e657";
    height: 16px;
    width: 16px;
}
.e-pivotschemadesigner .clearFilter .e-clrFilter, .e-pivotgrid .clearFilter .e-clrFilter {
     margin-top: -1px !important;
}

.e-pivotschemadesigner .advancedFilter .editorTreeView, .e-pivotgrid .advancedFilter .editorTreeView {
    height: inherit !important;
    margin-top: 0px;
}
.e-pivotschemadesigner .separator, .e-pivotgrid  .separator {
    width: 84%;
    height: 1px;
    background-color: @default-border-color;
    margin-top: 7px;
    margin-left: 35px;
}
.e-pivotschemadesigner .filterElementTag a,.e-pivotgrid .filterElementTag a
{
    margin-left: 3px !important;
}
.e-pivotschemadesigner .clearFltrText,.e-pivotschemadesigner .clearSortText,
.e-pivotgrid .clearFltrText,.e-pivotgrid .clearSortText
{
    padding-left:1px !important;
}
.e-pivotschemadesigner .sortDiv, .e-pivotschemadesigner .clearSorting,.e-pivotschemadesigner .filterElementTag , 
.e-pivotgrid .sortDiv, .e-pivotgrid .clearSorting, .e-pivotgrid .filterElementTag 
{
    padding-left: 5px;
}
.e-pivotschemadesigner .clearSorting, .e-pivotgrid .clearSorting 
{
    height:20px;
}
.e-pivotschemadesigner .filterState, .e-pivotgrid .filterState 
{
    margin-left: 10px;
}
.e-pivotschemadesigner .memberFilter.filterState, .e-pivotgrid .memberFilter.filterState 
{
    margin-left : 0px!important;
    margin-top :5px;
    position: absolute;
    float: left;
}

.e-pivotschemadesigner .filterDialog div,.e-pivotgrid .filterDialog div
 {
    padding-bottom: 5px;
}
.e-pivotschemadesigner .filterDialog,.e-pivotgrid .filterDialog {
    margin-left: -7px;
}
 .e-pivotschemadesigner .filterElementTag , .e-pivotgrid .filterElementTag
{
     height:20px;
}
.e-pivotgrid #clientDialog_wrapper.advancedFilterDlg .e-scroller:not([id$="_fieldCollection_container"]), .e-pivotschemadesigner #clientDialog_wrapper.advancedFilterDlg .e-scroller {
    overflow: visible;
    border:none;
 }

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

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

@media (min-width: 960px) and (max-width: 1120px) {
   .e-pivotgrid .e-table {
        width:100%;
        /*table-layout:fixed;*/
        overflow-wrap:break-word;

    }
    .e-pivotgrid .e-table td {
              overflow-wrap:break-word;
              overflow:hidden;
              text-overflow:ellipsis;
        }  
}

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




.hoverCell{
background-color:@hover-bg-stcolor !important;
}
.e-pivotclient 
{
  border: 1px solid @oclient-border-color;
  background-color: @oclient-bgcolor;
  color: @fg-header-color;
}
.e-pivotclient .gridPanel, .e-pivotclient .chartPanel {
 border: none !important;
}
.e.pivotclient .chartPanel > div{
border-bottom:none !important;
}
.e-pivotclient .controlPanel{
  position: relative;
  right: 5px;
}
.e-pivotclient .sortFilterDisable{
  color:@sort-filter-disable;
}
.e-pivotclient ul.sortfiltTab.e-box.e-addborderbottom.e-header {
background: transparent;
}

.e-pivotclient .e-dialog .e-header{
background:@oclient-dialog-bgcolor;
color:@oclient-dialog-color;
}
.e-pivotclient textarea{
  background: @oclient-dialog-bgcolor;
}
.e-pivotclient .e-treeview .e-text {
 color:@content-font-color;
 }

 .e-pivotclient .e-treeview .e-text:hover{
color:@oclient-treeview-text-hover;

}
 .e-pivotclient .e-treeview .e-active{
color:@active-font-color;
background:@oclient-treeview-active;
}
.e-pivotclient .e-splitter .e-splitbar.e-h-bar{
width:4px;
}

.e-pivotclient .e-pane{
overflow:initial;
}
 .e-olapclient .nextPageDiv {
    float: right;
    margin-top: 10px;
}
.e-olapclient .memberPageCount {
    padding-left: 5px;
}
.e-olapclient .firstPage, .prevPage, .nextPage, .lastPage, .memberCurrentPage {
    margin-left: 5px;
}
.e-olapclient .disabled {
    cursor : pointer;
    opacity: 0.5;
}
.e-olapclient .enabled {
    cursor: pointer;
    opacity: 1;
}


 .e-pivotclient .e-treeview .e-text .e-icon{
 .switch-pivotclient-treeview-icon-hover-active;
 }

.e-pivotclient .e-ddl .e-select{
color:@oclient-ddl-color;
background:@oclient-ddl-bgcolor;
border-color:@oclient-ddl-bcolor;
}

.e-pivotclient .e-ddl .e-select:hover {
color: @oclient-ddl-hcolor;
background:@oclient-ddl-hbgcolor;
}
.e-pivotclient .outerTable {
  font: normal 12px Segoe UI;
  border-collapse: collapse;  
  background-color: @oclient-bgcolor;
}

.e-pivotclient .titleText {
  height: 50px;
  width: inherit;
  display: inline-block;
  font: normal 20px Segoe UI;
  line-height: 48px;
}
.e-pivotclient .titleText span {
    padding-left: 10px;
}

.e-pivotclient .newReportImg:before {
	content:"\e6b3";
	font-size: 20px;  
}
.e-pivotclient .addReportImg:before {
	content:"\e6a1";
	font-size: 20px;  
}
.e-pivotclient .removeReportImg:before{
content:"\e6cf";
font-size: 20px;  
}
.e-pivotclient .renameReportImg:before{
content:"\e6d0";
font-size: 20px;  
}
.e-pivotclient .saveReportImg:before{
    content:"\e6b7";
	font-size: 20px;  
}
.e-pivotclient .loadReportImg:before{
content:"\e6ce";
font-size: 20px;  
}
.e-pivotclient .mdxImg:before {
	content:"\e6ac";
	font-size: 20px;  
}
.e-pivotclient .autoExecuteImg:before {
    content: "\e6c3";
    font-size: 20px;
    }
.e-pivotclient .excelExportImg:before{
    content: "\e6d4";
	font-size: 20px;  
}
.e-pivotclient .wordExportImg:before{
    content: "\e6d5";
	font-size: 20px;  
}
.e-pivotclient .pdfExportImg:before{
    content: "\e6d3";
	font-size: 20px;  
}
.e-pivotclient .chartTypesImg:before{
    content:"\e6a4";
	font-size: 20px;  
}
.e-pivotclient .toggleaxisImg:before{
     content: "\e790";
     font-size: 20px;
}
.e-pivotclient .newReportImg,.e-pivotclient .addReportImg,.e-pivotclient .removeReportImg,.e-pivotclient .renameReportImg,.e-pivotclient .saveReportImg,
.e-pivotclient .loadReportImg,.e-pivotclient .mdxImg,.e-pivotclient .maximizedView,.e-pivotclient .excelExportImg,.e-pivotclient .wordExportImg,.e-pivotclient .pdfExportImg,.e-pivotclient .chartTypesImg,.e-pivotclient .rowSortFilterImg,.e-pivotclient .colSortFilterImg,.e-pivotclient .toggleExpandButton,
.e-pivotclient .toggleCollapseButton,.e-pivotclient .dimensionCDB,.e-pivotclient .folderCDB,.e-pivotclient .hierarchyCDB,.e-pivotclient .attributeCDB,.e-pivotclient .chartCDB,
.e-pivotclient .namedSetCDB,.e-pivotclient .level0,.e-pivotclient .level1,.e-pivotclient .level2,.e-pivotclient .level3,.e-pivotclient .level4,.e-pivotclient .level5,
.e-pivotclient .level6,.e-pivotclient .level7,.e-pivotclient .level8,.e-pivotclient .level9,.e-pivotclient .level10, 
.e-pivotclient .checkAll,.e-pivotclient .unCheckAll,.e-pivotclient .autoExecuteImg,.e-pivotclient .toggleaxisImg
{
color:@oclient-icons-color;
text-indent: -3px;
}
.e-pivotclient .maximizedView:before{
    content:"\e660";
    font-size: 21px;
}
 .e-pivotclient .colSortFilterImg:before {
       content: "\e6f9";
       font-size: 32px;
       line-height: 0.65;
       text-indent: -9px;
  }
.e-pivotclient .rowSortFilterImg:before{
    content: "\e6f8";
    font-size: 29px;
    line-height: 0.8;
    text-indent: -7px;
}
.e-pivotclient .chartPanel{
    height: 0;
    width: 800px;
    margin: 5px 7px 7px;
}
.e-pivotclient .clientTab{
    margin-top: 6px !important;
    font: bold 12px Segoe UI;
}

.e-pivotclient .toggleExpandButton, .e-pivotclient .toggleCollapseButton{
	background-repeat: no-repeat;
	height:20px;
	width:21px;
	cursor: pointer;
	position: relative;
	top: -3px;
}
.e-pivotclient .toggleExpandButton{
	float:right;
    background-position: center -20px;
	margin:5px;
}
.e-pivotclient .toggleCollapseButton{
    background-position: 6px 0px;
	position: relative;
	top: 11px;
}
.e-pivotclient .toggleExpandButton:hover,.e-pivotclient .toggleCollapseButton:hover
{
 color:@hover-font-color;
 background:@oclient-icons-hover-bg;
}
.e-pivotclient .toggleCollapseButton:before {
content:"\e674";
font-size: 20px;
}
.e-pivotclient .toggleExpandButton:before{
content:"\e671";
font-size: 20px;
    margin-right: 7px;
}
.e-pivotclient .e-pivotschemadesigner .fieldTable
{
    background: @bg-table-color !important;
    border-collapse: collapse !important;
    margin: 10px 0px 8px !important;
}
.e-pivotclient .e-pivotschemadesigner .fieldEnSplitTable{
margin: 10px 0px 8px !important;
}
.e-pivotclient .e-pivotschemadesigner .fieldDisSplitTable{
margin: 6px 10px 8px !important;
}

.e-pivotclient .toggleText{
	background-position: center 0px;
	background-repeat: no-repeat;
	height: 140px;
	width: 30px;
}
.e-pivotclient .splitBtn {
  margin: 7px 0 0 6px;
  position: relative;
}

.e-pivotclient .csHeader {
  font: normal 14px Segoe UI;
  margin: 8px 0 8px 3px;
}

.e-pivotclient .cdbHeader, .e-pivotclient .axisHeader {
  border: 1px solid @oclient-border-color;
  font-weight: bold;
  line-height: 28px;
}
.e-pivotclient .axisHeader span:not(.removeSplitBtn), .e-pivotclient .cdbHeader span {
    padding-left: 5px;
}

.e-pivotclient.e-rtl .axisHeader span:not(.removeSplitBtn), .e-pivotclient.e-rtl .cdbHeader span {
    padding-right: 5px;
}

.e-pivotclient .cubeTable
{
	border-collapse: collapse;
    margin: 0 5px 3px 5px;
}

.e-pivotclient .cdbHeader{
  border-bottom: 0px;
}

.e-pivotclient .axisHeader {
  border-bottom: 0px;
}
.e-pivotclient .reportToolbar{
border-color:@oclient-border-color !important;
.office-pivotclient-toolbar-bg-color;
background:@toolbar-bgcolor;
}
.e-pivotclient .cubeBrowser{
  border: 1px solid @oclient-border-color !important;
}

.e-pivotclient .cubeName {
  padding: 7px 0 0 6px;
  font: normal 14px Segoe UI;
}

.e-pivotclient .categoricalAxis, .e-pivotclient .rowAxis, .e-pivotclient .slicerAxis {
  border: 1px solid @oclient-border-color;
  margin-bottom: 3px;
  /*background: @aeb-bgcolor;*/
  overflow:auto;
}

.e-pivotclient .gridContainer, .e-pivotclient .chartContainer{
  border: 1px solid @oclient-border-color;
}

.e-pivotclient .dropIndicator {
    margin-top:4px !important;
    border-top:3px dashed @active-bg-stcolor;
}

.e-pivotclient .targetAxis {
  .summary-gradient();
}
.e-pivotclient .reportToolbar .e-active {
  color: @active-font-color;
}
.e-pivotclient .connectImg, .e-pivotclient .newReportImg, .e-pivotclient .addReportImg, .e-pivotclient .removeReportImg, .e-pivotclient .renameReportImg, .e-pivotclient .saveReportImg, .e-pivotclient .loadReportImg,.e-pivotclient .mdxImg,.e-pivotclient .maximizedView, .e-pivotclient .excelExportImg, .e-pivotclient .wordExportImg, .e-pivotclient .pdfExportImg, .e-pivotclient .chartTypesImg, .e-pivotclient .rowSortFilterImg, .e-pivotclient .colSortFilterImg, .e-pivotclient .connectImg:hover, .e-pivotclient .newReportImg:hover, .e-pivotclient .addReportImg:hover, .e-pivotclient .removeReportImg:hover, 
.e-pivotclient .renameReportImg:hover, .e-pivotclient .saveReportImg:hover, .e-pivotclient .loadReportImg:hover,.e-pivotclient .mdxImg:hover, .e-pivotclient .excelExportImg:hover, .e-pivotclient .wordExportImg:hover, .e-pivotclient .pdfExportImg:hover, .e-pivotclient .chartTypesImg:hover,
.e-pivotclient .rowSortFilterImg:hover, .e-pivotclient .colSortFilterImg:hover,.e-pivotclient .autoExecuteImg:hover,.e-pivotclient .autoExecuteImg,.e-pivotclient .toggleaxisImg,.e-pivotclient .toggleaxisImg:hover{
    background-repeat: no-repeat;
    margin: 4px;
	cursor: default;
	display: inline-block;
	height: 20px; 
	width: 20px;
}
.e-pivotclient .connectImg:hover, .e-pivotclient .newReportImg:hover, .e-pivotclient .addReportImg:hover, .e-pivotclient .removeReportImg:hover, .e-pivotclient .renameReportImg:hover, .e-pivotclient .saveReportImg:hover, .e-pivotclient .loadReportImg:hover,.e-pivotclient .mdxImg:hover, .e-pivotclient .excelExportImg:hover,.e-pivotclient .wordExportImg:hover,.e-pivotclient .pdfExportImg:hover,.e-pivotclient .chartTypesImg:hover,.e-pivotclient .maximizedView:hover,.e-pivotclient .rowSortFilterImg:hover, .e-pivotclient .colSortFilterImg:hover,.e-pivotclient .autoExecuteImg:hover,.e-pivotclient .toggleaxisImg:hover { cursor: pointer;color:@toolbar-icons-hvrcolor; }
.e-pivotclient .reportList{
    padding-left: 7px;
    padding-right: 7px;
    overflow:visible !important;
}
.e-pivotclient li.reportCol.e-hover {
    background: none;
    border-color:transparent;
}
.e-pivotclient .sortReportTbl { margin: 0px 4px 18px; width:100%; }
.e-pivotclient .sortingDlg, .e-pivotclient .filteringDlg {  font: bold 12px Segoe UI !important;}
.e-pivotclient .sortDisable,.e-pivotclient .radioBtnDesc,.e-pivotclient .preserveHrchy,.e-pivotclient .filterLbl,.e-pivotclient .conditionLbl { vertical-align: middle;}
.e-pivotclient .sortEnable,.e-pivotclient .radioBtnAsc { vertical-align:text-bottom;}
.e-pivotclient .radioBtnAsc ,.e-pivotclient .radioBtnDesc, 
.e-pivotclient .measuresList,.e-pivotclient .sortEnable,.e-pivotclient .sortDisable,.e-pivotclient .filter,
.e-pivotclient .filterCondition,.e-pivotclient .filterMeasureListLbl,
.e-pivotclient .filterDisable,.e-pivotclient .filterEnable,.e-pivotclient .chkBoxColumn{
    margin-top:15px;
}
  input[type=number]::-webkit-inner-spin-button, 
  input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none !important; 
    margin: 0; 
}
.e-pivotclient .sortDisable,.e-pivotclient .radioBtnDesc{    margin-bottom:15px;}
.e-pivotclient .filterFrmDiv,.e-pivotclient .filterToDiv ,.e-pivotclient .filterBtw { float:left;} 
.e-pivotclient .filterLbl{     margin-top: -23px;}
.e-pivotclient .sortingDlg,.e-pivotclient .filteringDlg { margin-top:-1px !important;}
.e-pivotclient .filterFrmDiv,.e-pivotclient .filterBtw,.e-pivotclient .filterToDiv { margin-bottom:-7px; margin-top:10px !important;}
.e-pivotclient .conditionLbl,.e-pivotclient .filterMeasureListLbl { margin-bottom:14px; margin-top:10px !important;}
.e-pivotclient .filterBtw,.e-pivotclient filterToDiv {  margin-left:4px;}
.e-pivotclient .sortDisableLbl,.e-pivotclient .sortEnableLbl,.e-pivotclient .radioBtnAscLbl,.e-pivotclient .radioBtnDescLbl,.e-pivotclient .preserveHrchyLbl,.e-pivotclient .filterDisableLbl{margin-left:4px;}
.e-pivotclient .e-dialog-scroller {    height:auto !important; }
.e-pivotclient .filterDisableLbl{vertical-align: text-bottom;}
.e-pivotclient .filterBtw {      margin-left: 12px;}
.e-pivotclient .filterToDiv {  margin-left: 8px;}
.e-pivotclient .borderFilterSortDlg {    border: 1px solid @oclient-border-color; border-top:none;  margin-bottom: 13px;    margin-top: -4px; }
.e-pivotclient .filterMeasureListLbl,.e-pivotclient .conditionLbl,.e-pivotclient .filterValueLbl {margin-bottom:15px;}
.e-pivotclient .orderLbl,.e-pivotclient .sortingLbl {
    position: relative; padding-top: 12px; 
}
.e-pivotclient .filterValueLbl {
    margin-top: -5px !important;   position: absolute;
}
.e-pivotclient .sortDisableLbl,.e-pivotclient .sortEnableLbl ,.e-pivotclient .radioBtnAscLbl,.e-pivotclient .radioBtnDescLbl,.e-pivotclient .filterDisableLbl{
    margin-top: 13px; position: absolute;
}
.e-pivotclient .preserveHrchyLbl {  margin-top: 2px;  position: absolute; }
.e-pivotclient .e-pivotclient .filterLbl { margin-top: -40px;
}
.e-pivotclient .measureListLbl {    margin-top: 3px;
}
.e-pivotclient .reportCol {width: auto; height: 25px}
.e-pivotclient .dimensionCDB, .e-pivotclient .folderCDB, .e-pivotclient .hierarchyCDB, .e-pivotclient .attributeCDB, .e-pivotclient .chartCDB, .e-pivotclient .namedSetCDB,
.e-pivotclient .level0, .e-pivotclient .level1, .e-pivotclient .level2, .e-pivotclient .level3, .e-pivotclient .level4, 
.e-pivotclient .level5, .e-pivotclient .level6, .e-pivotclient .level7, .e-pivotclient .level8, .e-pivotclient .level9, .e-pivotclient .level10
{
  height:16px;
  width:16px;
  display:inline-block;
  vertical-align: text-top;
}
.e-pivotclient .attributeCDB:before {
content:"\e6e4";
font-size: 18px;
}

.e-pivotclient .folderCDB:before {
content:"\e6e1";
  font-size: 18px;
}
.e-pivotclient .dimensionCDB:before {
    content:"\e704";
  font-size: 15px;
}
.e-pivotclient .hierarchyCDB:before {
content:"\e6e0";
font-size: 18px;
}
.e-pivotclient .chartCDB:before {
content:"\e6e3";
 font-size: 15px;
}

.e-pivotclient .namedSetCDB:before {
content:"\e6de";
font-size: 18px;
}
.e-pivotclient .level0:before {
    content: "\e6f3";
    font-size: 19px;    
}
.e-pivotclient .level1:before {
    content: "\e6f3";
   font-size: 18px;    
}
.e-pivotclient .level2:before {
    content: "\e6ec";
  font-size: 17px;
}
.e-pivotclient .level3:before {
     content: "\e6eb";
    font-size: 17px;
}
.e-pivotclient .level4:before{
     content: "\e6ea";
	font-size: 18px;
}
.e-pivotclient .level5:before{
     content: "\e6e9";
	font-size: 17px;
}
.e-pivotclient .level6:before{
     content: "\e6e8";
     font-size: 17px;
}
.e-pivotclient .level7:before {
     content: "\e6e7";
     font-size: 17px;   
}
.e-pivotclient .level8:before {
     content: "\e6e6";
     font-size: 17px;
}
.e-pivotclient .level9:before {
    content: "\e6e5";
    font-size: 17px;
}
.e-pivotclient .level10:before {
    content: "\e6f2";
    font-size: 17px;    
}
.e-pivotclient .dialogOKBtn, .e-pivotclient .dialogCancelBtn {
  width: 69px;
  margin-left: 10px;
}
.e-pivotclient .dialogOKBtn{
  margin-left:83px;
}
.e-pivotclient .editorPara{
    margin: 0 0 7px;
}
.e-pivotclient .loadReportTbl{
    margin:10px 0px 10px 0px;
}
.e-pivotclient .loadReportTd{
    width:100px;
}
.e-pivotclient .dialogInput{
    float: right;
    margin: 10px 0px 17px 7px;
}

.e-pivotclient .checkAll, .e-pivotclient .unCheckAll {
 
  display: inline-block;
  height: 15px;
  width: 16px;
  cursor: pointer;
}
.e-pivotclient .checkAll:hover, .e-pivotclient .unCheckAll:hover{
  background: @oclient-icons-hover-bg;
  color: @hover-font-color;
}
.e-pivotclient .checkAll:before {
content:"\e6db";
 font-size:16px;
}
.e-pivotclient .unCheckAll:before {
content:"\e6da";
font-size:16px;
}

.e-pivotclient .unCheckAll {
  margin-left: 5px;
}

.e-pivotclient .line:before {
  content:"\e6b1";
}
.e-pivotclient .spline:before {
  content:"\e6bb";
}
.e-pivotclient .column:before {
  content:"\e6a6";
}
.e-pivotclient .area:before {
  content:"\e6a2";
}
.e-pivotclient .splinearea:before {
  content:"\e6ba";
}
.e-pivotclient .stepline:before {
  content:"\e6c0";
}
.e-pivotclient .steparea:before {
  content:"\e6be";
}
.e-pivotclient .pie:before {
  content:"\e6ca";
}
.e-pivotclient .bar:before {
  content:"\e6c5";
}
.e-pivotclient .stackingarea:before {
  content:"\e6bc";
}
.e-pivotclient .stackingcolumn:before {
  content:"\e6bd";
}
.e-pivotclient .stackingbar:before {
  content:"\e6c6";
}
.e-pivotclient .pyramid:before {
  content:"\e6c9";
}
.e-pivotclient .funnel:before {
  content:"\e6c8";
}
.e-pivotclient .doughnut:before {
  content:"\e7dd";
}
.e-pivotclient .scatter:before {
  content:"\e7df";
}
.e-pivotclient .bubble:before {
  content:"\e7dc";
}
.e-pivotclient .waterfall:before {
  content: "\e838";
}
.e-pivotclient .treemap:before {
  content:"\e810";
}

.e-pivotclient .chartTypesIcon:before {
  font-family: 'ej-webfont';
  font-size: 20px;
  margin-left: 2px;
}

.e-pivotclient .chartTypesOnGridView {
  display: none !important;
}        

.e-pivotclient .chartTypesIcon, .e-pivotclient .chartTypesIcon:hover {
  background-repeat: no-repeat;
  margin: 5px 5px 0px 0px;
  cursor: default;
  display: inline-block;
  height: 28px;
  width: 24px;
}

.e-pivotclient .chartTypesDialog {
  position: absolute;
  padding: 0px 0px 5px 5px;
  z-index: 1000000;
  .chartTypesDialog-setcolor()
}


.e-pivotclient .chartTypesIcon {
  color: @oclient-icons-color;
}

.e-pivotclient .chartTypesIcon:hover {
  color: @toolbar-icons-hvrcolor;
  cursor: pointer;
  background: @oclient-icons-hover-bg;
}

.e-pivotclient .activeChartType {
  color:@active-font-color;
  background:@oclient-treeview-active;
}
        
.e-pivotclient .memberEditorDiv {
  height:256px;
  margin-top: 5px;
  border: 1px solid @oclient-border-color;
}
.e-pivotclient .removeSplitBtn, .e-pivotclient .removeMeasure {

  background-repeat: no-repeat;
  height: 11px;
  padding-left: 10px;
  width: 11px;
  color: @default-font-color;
}
.e-pivotclient .removeSplitBtn:before{
    content:"\e681";
    font-size: 13px;
    margin-left: -6px;
    margin-top: 2px;
}
.e-pivotclient .removeSplitBtn:hover{
   cursor: pointer;
   background: @oclient-icons-hover-bg;
   .switch-pivotclient-icon-hover;
}
.e-pivotclient .removeSplitBtn { 
  background: @toolbar-bgcolor;
  border: 1px solid @oclient-border-color;
  display: inline-block;
  float: none;
  margin: 0 !important;
  padding-bottom: 7px;
  padding-right: 0;
  position: absolute;
  .material-normal-box-shadow;
}

.e-pivotclient .removeMeasure { 
  background-position: 0 -1835px !important;
  margin: 4px;
  color:@oclient-icons-color;
}
.e-pivotclient .removeMeasure:before {
 content:"\e681";
 font-size:13px;
 display: inline-block;
 }
.e-pivotclient .measureEditor {
  margin: 3px 5px 0px 5px;
}

.e-pivotclient .measureEditor:hover {
  .oclient-header-color();
  cursor: pointer;
}

.e-pivotclient .nodetext {
  font-size:inherit !important;
}

.e-pivotclient .e-dialog { 
font: bold 12px Segoe UI !important;
opacity: 1 !important;
 }

.e-pivotclient .e-corner-all {
  border-radius: 0px !important;
}

.e-pivotclient .e-button {
  font-size: 12px !important;
}
.e-pivotclient .alertOKBtn {
    display: inline-block;
    margin: 20px 0 10px 165px;
    width: 50px;
}
.e-pivotclient .alertContent {
    font: normal 14px Segoe UI;
}
.e-pivotclient .e-treeview {
  background-color: @bg-value-color;
}
.e-pivotclient .e-treeview ul {
  margin: 0;
}

.e-pivotclient .e-treeview, .e-pivotclient .e-text 
{
    font-size: 12px;
}

.e-pivotclient .e-tab, .e-pivotclient .e-header 
{
    width: auto;
}

.e-pivotclient .e-tab, .e-pivotclient .e-active-content 
{
    padding: 0 !important;
}
.e-pivotclient .e-tab, .e-pivotclient .e-content 
{
    border-width:0;
}
.e-pivotclient .e-toolbar 
{
    .material-pivotclient-box-shadow;
    border-width: 1px 0;
}
.e-pivotclient .e-input 
{
    line-height: normal !important;
}
.e-pivotclient .e-progress-txt 
{
    top: -2px !important;
}
.e-pivotclient .filter
{
    display: none !important;
}
.cdbHeader.responsive,
.cubeBrowser.responsive {
      width: 98% !important;
}
.e-pivotclient .oClientTbl{
    position: relative;
}
.rowAxis.responsive,
.slicerAxis.responsive,
.categoricalAxis.responsive,
.axisHeader.responsive
{
     width: 95% !important;
}

.e-pivotclient .reportDlg {
    margin-bottom: -10px;
}
.e-pivotclient .dialogFooter {
    float: right;
    margin: 7px 0 6px;
}
.e-pivotclient reportCol {
    margin-left: 3px;
}
.e-pivotclient.e-rtl .reportDlg table td {
    width: 100px;
}
.e-pivotclient.e-rtl .reportDlg {
    margin-left: -5px;
}
.e-pivotclient.e-rtl .titleText span {
    padding-right: 10px;
}

.e-pivotclient.e-rtl .splitBtn, .e-pivotclient.e-rtl .cubeName {
    margin: 7px 6px 0 0;
}

 .e-pivotclient.e-rtl .controlPanel {
    right: 10px;
}
 .e-pivotclient.e-rtl .controlPanel .e-icon{
    float: right;
}
 .e-pivotclient.e-rtl .sortfilterTab .e-content{
    float: none;
}
 .e-pivotclient.e-rtl .unCheckAll {
    margin-right: 4px;
}

.e-pivotclient.e-rtl .filterFrmDiv, .e-pivotclient.e-rtl .filterToDiv, .e-pivotclient.e-rtl .filterBtw {
    float: right;
}

.e-pivotclient.e-rtl .sortDisableLbl, .e-pivotclient.e-rtl .sortEnableLbl, .e-pivotclient.e-rtl .radioBtnAscLbl, .e-pivotclient.e-rtl .radioBtnDescLbl, .e-pivotclient.e-rtl .preserveHrchyLbl, .e-pivotclient.e-rtl .filterDisableLbl {
    margin-right: 4px;
}

.e-pivotclient.e-rtl .dialogFooter {
    float: left;
    margin: 7px 6px 7px;
}

.e-pivotclient.e-rtl .dialogOKBtn {
    margin-left: 10px;
    margin-right: 83px;
}

.e-pivotclient.e-rtl .dialogCancelBtn {
    margin-left: -5px;
}
.e-pivotclient.e-rtl .chartPanel {
    direction: ltr;
    margin: 5px -7px 0px 0px;
}
.e-pivotclient.e-rtl .gridPanel {
    margin-left: 1px;
}
.e-pivotclient.e-rtl .pivotGridTable.e-rtl .expand,.e-pivotclient.e-rtl .pivotGridTable.e-rtl .collapse {
            float:none !important;
}
.e-pivotclient .e-pivotschemadesigner .pivotHeader,
.e-pivotclient .e-pivotschemadesigner .rPivotHeader,
.e-pivotclient .e-pivotschemadesigner .schemaFilter,
.e-pivotclient .e-pivotschemadesigner .schemaColumn,
.e-pivotclient .e-pivotschemadesigner .schemaRow,
.e-pivotclient .e-pivotschemadesigner .schemaValue {
    margin: 0 !important;
    width: 100%;
}
.e-pivotclient .e-pivotschemadesigner .dropIndicator {
    margin-top: 0px !important;
    border-top: 3px dashed @active-bg-stcolor;
    visibility: hidden;
    height: 2px;
}
.e-pivotclient .e-pivotschemadesigner .pivotButton:hover .dropIndicatorActive {
 visibility: visible;
}
.e-pivotclient .e-pivotschemadesigner .schemaFieldTree.e-treeview .e-text {
    min-height: 0px !important;
    font-weight: normal!important;
    width: auto;
}
.e-pivotclient .e-pivotschemadesigner .pivotButton > .pvtBtn {
    margin-top: -5px;
    margin-left: 2px;
    margin-right:0px;
    width: auto!important;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
 .e-pivotclient .e-pivotschemadesigner .pivotButton > .pvtBtn:hover {
    border: 1px solid @header-border-color !important;
}

.e-pivotclient .e-pivotschemadesigner .removeClientPivotBtn:before {
    content: "\e681" !important;
    font-size: 13px !important;
    margin-top: 2px !important;
}
.e-pivotclient .e-pivotschemadesigner .removeClientPivotBtn {
     background: @default-bg-endcolor !important;
     border: 1px solid @header-border-color !important;
     display: inline-block !important;
     float: none!important;
     margin: 0 !important;
     margin-top:4px;
     padding-right: 0 !important;
     height:18px;
}
.e-pivotclient .e-pivotschemadesigner .removeClientPivotBtn:hover {
     cursor: pointer;
}
.e-pivotclient .e-pivotschemadesigner .olapFieldList {
     border: 1px solid @header-border-color;
     margin-top: 8px;
}
.e-pivotclient .e-pivotschemadesigner,
.e-pivotclient .e-pivotschemadesigner .fieldTable,
.e-pivotclient .e-pivotschemadesigner .axisTable,
.e-pivotclient .e-pivotschemadesigner .axisTd1,
.e-pivotclient .e-pivotschemadesigner .axisTd2 {
    float: left !important;
}

.e-pivotclient .e-pivotschemadesigner .axisTable {
    margin-top: 6px;
}
.e-pivotclient .e-pivotschemadesigner .addedFieldTable {
width: 45% !important;
margin: 6px 7px 8px 5px;
width: 44% !important;
}

.e-pivotclient .e-pivotschemadesigner .clientFieldTable{
    float: right !important;
}
.e-pivotclient .e-pivotschemadesigner .clientAxisSplitterTable{
      margin-left: 0px !important;
}
.e-pivotclient .e-pivotschemadesigner .clientAxisTable{
    width: 50% !important;
    margin-left: 0px !important;
}
.e-pivotclient .e-pivotschemadesigner #axisTd {
    margin-top: 0px !important;
}
.e-pivotclient .e-pivotschemadesigner .axisTd2,
.e-pivotclient .e-pivotschemadesigner .axisTd1 {
    height: 27%;
}
.e-pivotclient .e-pivotschemadesigner .cubelists {
    margin-bottom: -2px;
}
.e-pivotclient .e-pivotschemadesigner {
    border: none;
}
.e-pivotclient .toggleButtons {
    width: 15px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.e-pivotclient .togglePanel {
     float: left;
     margin-left: 5px;
     background-color: @default-bg-endcolor;
}
.e-pivotclient .gridPanel {
     background: none !important;
 }
.e-pivotclient .e-clrFilter:before {
    content: "\e668";
    font-size: 16px;
    float: left;
}
.e-pivotclient .activeFilter:before {
    content: "\e657";
    height: 16px;
    width: 16px;
}
.e-pivotclient #clientDialog_wrapper.advancedFilterDlg .e-scroller {
    overflow: visible!important;
    border: none;
}
.e-pivotclient .filterIndicator {
    height: 16px;
    width: 16px;
    position:absolute;
    top:120px;
    margin-left:-12px;
}
.e-pivotclient .filterIndicator:before {
    content: "\e657";
    height: 16px;
    width: 16px;
}

.e-pivotclient .filterDialog td {
    padding-left: 6px;
}
.e-pivotclient .e-pivotpager {
    border: 1px solid @oclient-border-color;
    margin-bottom:5px;
    padding-left:10%;
}
.e-pivotclient .e-pivotpager .pagerDiv {
    padding: 0px;
}
.e-pivotclient .e-pivotpager .pagerTextBox {
    height: 14px;
}
.e-pivotclient .inActive {
    display: none;
}
.e-pivotclient .vScrollPanel{
    .scrollPane-setcolor();
    width: 0px;
    margin-left: 5px;
    display: inline-block;
    border-radius:10px;
}
.e-pivotclient .vScrollThumb {
    width: 11px;
    position: relative;
    top: 1px;
    z-index:1000;
    border-radius:5px;
    .scrollThumb-setcolor();
}
.e-pivotclient .hScrollPanel {
    .scrollPane-setcolor();
    width: 0px;
    height: 6px;
    border-radius:10px;
}
.e-pivotclient .hScrollThumb {
    border-radius:5px;
    height: 11px;
    position: relative;
    left: 1px;
    top: 1px;
    z-index:1000;
    .scrollThumb-setcolor();
}
.e-pivotclient .vScrollThumb:hover,.e-pivotclient .hScrollThumb:hover {
    .scrollThumb-hovercolor();
}
.e-pivotclient .categPageIndicator, .e-pivotclient .seriesPageIndicator {
    width: auto;
    .pageIndicator-setcolor();
    padding: 5px;
    position: absolute;
    z-index: 1000;
    border-radius: 7px;
    .pageIndicator-setcolor();
}
.e-pivotclient .hsVirtualScrolling {
    margin-bottom: 5px;
}
.maximumView
{
    background-color: @maxview-bg-color;    
    z-index: 1000;        
    margin: 2% 4%;
    margin-top:2%;
    padding:20px;
    position: fixed;
}
.fullScreenView
{
   position: absolute;
    top: 0;
    background-color:@fullscreen-bg-color;
    z-index:1000;
}
.winCloseBtn:before {
    content:"\e69e";
    position: absolute;
    cursor: pointer;
    top: 10px;
    right:0;
    height:24px;
    width:24px;
	
}
.winCloseBtn{color:@oclient-icons-color}
.winCloseBtn:hover
{   color:@toolbar-icons-hvrcolor;
   cursor: pointer;
}    
@media (min-width: 640px) and (max-width:799px) {
    
}

@media (min-width: 800px) and (max-width: 959px) {
  
}

@media (min-width: 960px) and (max-width: 1120px) {
   
}

@media (min-width: 1120px)  {
   
}


.hoverCell{
background-color:@hover-bg-stcolor !important;
}
.e-pivotchart{
    font: normal 12px Segoe UI;
    border: 1px solid @oclient-border-color;
    background-color: @oclient-bgcolor;
    color: @fg-header-color;
}

.e-pivotchart .expandMenu{
	min-height: 50px;
}

.e-pivotchart .menuList{
	list-style-type: none; 
    padding: 4px 15px 4px 15px;
}

.e-pivotchart .menuList:hover{
	list-style-type: none;
    .oclient-header-color();
    cursor: pointer; 
}

.e-pivotchart .e-dialog, .e-pivotchart .e-wrapper, .e-pivotchart .e-shadow{
    min-height: 50px;
}

.e-pivotchart .e-dialog-scroller {
    height: auto !important;
}

.e-pivotchart .e-dialog, .e-pivotchart .e-content{
    padding: 0;
}


.e-pivottreemap .drillupAction{
            background-color: @oclient-bgcolor;
			color : @fg-header-color;
            margin-bottom: 5px;
            font-size: 13px;
            font-weight:700;
            z-index:10;
            border-color: @fg-header-color;
            border: 1px solid @fg-header-color;
            border-bottom: transparent;
            padding-top: 6px;
		}
.e-pivottreemap .drillupAction a{
            color: @fg-header-color;
            cursor: pointer;
        }
.e-pivottreemap .drillupAction a:hover {
            color: @fg-header-color;
			text-decoration: underline !important;
        }
        .e-pivottreemap label {
            font-weight:600;
        }
        .e-pivottreemap .e-treemap-header {
            font-size: 12px;
        }
        .e-pivottreemap .e-treemap-label {
            color: @fg-header-color !important;
            font-size: 12px;
            padding-left:5px;
            padding-top:5px;
        }
		

.e-pivotgauge .kpiiconvalue{
    height: 24px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.e-pivotgauge .wrapLayout{
    list-style-type: none;
    height: auto;
    width: auto;
}
.e-pivotgauge .wrapLayout li{
    float: left;
    display: inline-block;
    margin: 2px;
}
.e-pivotgauge-tooltip{
    background-color: @content-bg-color;
    border: 2px solid @ogaugeTooltip-border-color;
}
.e-pivotgauge-tooltip{
    pointer-events: none;
    opacity: 0;
    display: inline-block;
    position: absolute;
    padding: 10px 20px;
    color: @fg-table-color;
    border-radius: 15px;
    margin-top: 20px;
    text-align: left;
    font: 12px Segoe UI;
    font-stretch: condensed;
    text-decoration: none;
    line-height: 20px;
}
.e-pivotgauge-tooltip, .e-pivotgauge-active{
    opacity: 1;
    margin-top: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.e-pivotgauge .kpiuparrow{
    background-image: @kpi-uparrow-img;
}
.e-pivotgauge .kpirightarrow{
    background-image: @kpi-rightarrow-img;
}
.e-pivotgauge .kpidownarrow{
    background-image: @kpi-downarrow-img;
}
.e-pivotgauge .kpidiamond{
    background-image: @kpi-diamond-img;
}
.e-pivotgauge .kpitriangle{
    background-image: @kpi-triangle-img;
}
.e-pivotgauge .kpicircle{
    background-image: @kpi-circle-img;
}
.e-pivotgauge .kpiredroad{
    background-image: @kpi-red-img;
}
.e-pivotgauge .kpigreenroad{
    background-image: @kpi-green-img;
}
.e-pivotgauge .kpiallcolor{
    background-image: @kpi-all-img;
}



.e-pivotpager .pagerTextBox {
            display:inline-block;
            height: 18px;
            width: 35px;
            .pivotpager-setcolor();
        }

.e-pivotpager .movePrevious, .e-pivotpager .moveNext ,
.e-pivotpager .moveFirst,.e-pivotpager .moveLast{
            display:inline-block;
            width:18px;
            height:18px;
            position:relative;
            top:1px;
            cursor:pointer;
        }
		.e-pivotpager .moveFirst:before {
          content: "\e62a";
          font-size: 14px;
          margin-left: 5px;
        }
.e-pivotpager .moveLast:before {
          content: "\e62c";
          font-size: 14px;
          margin-left: 5px;
        }
.e-pivotpager .categPagerTd {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: @default-icon-color;
}
.e-pivotpager.e-rtl .categPagerTd {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: @default-icon-color;
    border-right-style: hidden !important;
}
.e-pivotpager.e-rtl .pagerDiv, .e-pivotpager.e-rtl .seriesPagerTd {
    direction: ltr;
}
.e-pivotpager .movePrevious:before {
            content:"\e665";
			font-size: 14px;
            margin-left: 5px;
        }
.e-pivotpager .moveNext:before {
            content:"\e67e";
			font-size: 14px;
            margin-left: 5px;
        }

.e-pivotpager .categPageCount, .e-pivotpager .seriesPageCount {
            padding:0px 0px 0px 5px;
        }

.e-pivotpager .pagerDiv {
            margin:3px;
            padding:7px;
            .pivotpager-setcolor();
        }

.e-pivotpager .pagerLabel {
            display:inline-block;
            margin-left:5px;
			margin-right: 5px;
        }

.e-pivotpager .disabled {
            opacity: 0.4;
            cursor: default !important;
        }

.e-pivotpager .pivotpager {
    overflow:auto;
}
.e-pivotpager input{
  background: @content-bg-color;
}



/*------------------------------reportviewer Theme Start-------------------------------*/
.e-reportviewer-outerborder:hover{
    .hover-gradient();
    border-color: @hover-border-color;
    color: @content-font-color;
}

.e-reportviewer-tbdiv.e-reportviewer-exporttip{
	.default-gradient();
    border-color:@content-border-color;
	background-color:@content-bg-color;
}

.e-reportviewer-tbdiv.e-reportviewer-fittopagetip{
	.default-gradient();
    border-color:@content-border-color;
	background-color:@content-bg-color;
}

.e-reportviewer-tbdiv.e-reportviewer-tooltip{ 
    background:@content-bg-color;
    border-color:@content-border-color;
}

.e-reportviewer-headerspan,.e-reportviewer-contentspan{ 
    color:@content-font-color;
	font-family: @font-family !important;
}

.e-reportviewer-viewer{
    font-size:@content-font-size;
}

.e-reportviewer-popuppageno,.e-reportviewer-popuptotalpage{
    color : @rv-popuppage-color; 
}

.e-reportviewer-toolbarcontainer .ejinputtext{
	background-color: @content-bg-color !important;
 }

.e-reportviewer-viewerblock {
    background-color:@rv-viewerblock-bg-color;
    font-size: @rv-viewerblock-font-size;
	color:@content-font-color;
}

.e-reportviewer-viewerblockcellcontent {
    font-size: @rv-viewerblockcellcontent-font-size;
    color: @content-font-color;
}

.e-reportviewer-viewreport {
    border-left-color: @content-border-color;
}

.e-reportviewer-scrollcontainer,
 .e-reportviewer-viewer>.e-splitter .e-pane{
    background-color: @rv-pageviewcontainer-bg-color;
}

.e-reportviewer-pageviewcontainer{
    background-color: @rv-pageviewcontainer-bg-color;
}

.e-reportviewer-pageview {
    -moz-box-shadow: @rv-pageview-moz-box-shadow;
    -webkit-box-shadow: @rv-pageview-webkit-box-shadow;
    box-shadow: @rv-pageview-box-shadow;
    border-color :@rv-pageview-border-color;
}

.e-reportviewer-label,
.e-reportviewer-tbpage,
.e-reportviewer-elementalignments,
.e-reportviewer-textbox{
    color: @content-font-color;
}

.e-reportviewer-label,
.e-reportviewer-tbpage,
.e-reportviewer-elementalignments, 
.e-reportviewer-textbox{
    font-size: @content-font-size;
    font-weight: @content-font-weight;
}

.e-reportviewer-labelpageno {
    font-size: @rv-labelpageno-font-size;
}

.e-reportviewer-documentmapcontainer div,
.e-reportviewer-documentmappopup{
    background-color: @rv-documentMappopup-bg-color;
}

.e-reportviewer-pagepopupinfo{
    background-color:@rv-popuppageinfo-bg-color;
}

 .e-reportviewer-viewerblock,
 .e-reportviewer-viewer,
 .e-reportviewer-pagenumber,
 .e-reportviewer-tbpage,
 .e-reportviewer-tbdiv.e-reportviewer-exportlist,
 .e-reportviewer-label,
 .e-reportviewer-labelpageno {
    font-family: @font-family !important;
}

.e-reportviewer-toolbarcontainer,
 .e-reportviewer-viewerblock,
 .e-reportviewer-viewercontainer, 
 .e-reportviewer-elementalignments,
 .e-reportviewer-viewerblockcellcontent,
 .e-reportviewer-viewerblockcontent,
 .e-reportviewer-textbox, 
 .e-reportviewer-documentmappopup{
    border-color: @content-border-color;
}

.e-reportviewer-popupli:hover {
   .hover-gradient();
    background-color:@hover-bg-stcolor;
    color:@hover-font-color;
}

.e-reportviewer-popupli {
    color: @content-font-color !important;
    font-family: @font-family !important;
    font-size: @content-font-size !important;
    font-weight: @content-font-weight !important;
}

.e-reportviewer-gotonext.e-reportviewer-disabled,
.e-reportviewer-gotoprevious.e-reportviewer-disabled,
.e-reportviewer-gotolast.e-reportviewer-disabled,
.e-reportviewer-gotofirst.e-reportviewer-disabled{
    opacity: @rv-navigate-disabled-opacity;
}
/*------------------------------reportviewer Theme End-------------------------------*/



/*------------------------------pdfviewer Theme Start-------------------------------*/
.e-pdfviewer-outerborder:hover{
    .hover-gradient();
    border-color: @hover-border-color;
    color: @content-font-color;
}

.e-pdfviewer-tbdiv.e-pdfviewer-exporttip{
	.default-gradient();
    border-color:@content-border-color;
	background-color:@content-bg-color;
}

.e-pdfviewer-tbdiv.e-pdfviewer-fittopagetip{
	.default-gradient();
    border-color:@content-border-color;
	background-color:@content-bg-color;
}

.e-pdfviewer-tbdiv.e-pdfviewer-tooltip{ 
    background:@content-bg-color;
    border-color:@content-border-color;
}

.e-pdfviewer-headerspan,.e-pdfviewer-contentspan{ 
    color:@content-font-color;
	font-family: @font-family !important;
}

.e-pdfviewer-viewer{
    font-size:@content-font-size;
}

.e-pdfviewer-popuppageno,.e-pdfviewer-popuptotalpage{
    color : @rv-popuppage-color; 
}

.e-pdfviewer-toolbarcontainer .ejinputtext{
	background-color: @content-bg-color !important;
 }

.e-pdfviewer-viewerblock {
    background-color:@rv-viewerblock-bg-color;
    font-size: @rv-viewerblock-font-size;
	color:@content-font-color;
}

.e-pdfviewer-viewerblockcellcontent {
    font-size: @rv-viewerblockcellcontent-font-size;
    color: @content-font-color;
}

.e-pdfviewer-viewpdf {
    border-left-color: @content-border-color;
}

.e-pdfviewer-scrollcontainer,
 .e-pdfviewer-viewer>.e-splitter .e-pane{
    background-color: @pdfviewer-scrollcontainer;
}

.e-pdfviewer-pageviewcontainer{
    background-color: @rv-pageviewcontainer-bg-color;
}

.e-pdfviewer-pageview {
    -moz-box-shadow: @rv-pageview-moz-box-shadow;
    -webkit-box-shadow: @rv-pageview-webkit-box-shadow;
    box-shadow: @rv-pageview-box-shadow;
    border-color :@rv-pageview-border-color;
}

.e-pdfviewer-label,
.e-pdfviewer-tbpage,
.e-pdfviewer-elementalignments,
.e-pdfviewer-textbox{
    color: @content-font-color;
}

.e-pdfviewer-label,
.e-pdfviewer-tbpage,
.e-pdfviewer-elementalignments, 
.e-pdfviewer-textbox{
    font-size: @content-font-size;
    font-weight: @content-font-weight;
}

.e-pdfviewer-labelpageno {
    font-size: @rv-labelpageno-font-size;
}

.e-pdfviewer-documentmapcontainer div,
.e-pdfviewer-documentmappopup{
    background-color: @rv-documentMappopup-bg-color;
}

.e-pdfviewer-pagepopupinfo{
    background-color:@rv-popuppageinfo-bg-color;
}

 .e-pdfviewer-viewerblock,
 .e-pdfviewer-viewer,
 .e-pdfviewer-pagenumber,
 .e-pdfviewer-tbpage,
 .e-pdfviewer-tbdiv.e-pdfviewer-exportlist,
 .e-pdfviewer-label,
 .e-pdfviewer-labelpageno {
    font-family: @font-family !important;
}

 .e-pdfviewer-viewerblock,
 .e-pdfviewer-elementalignments,
 .e-pdfviewer-viewerblockcellcontent,
 .e-pdfviewer-viewerblockcontent,
 .e-pdfviewer-textbox, 
 .e-pdfviewer-documentmappopup{
    border-color: @content-border-color;
}

 .e-pdfviewer-toolbarcontainer.e-toolbar{
     .pdfviewer-toolbar-border-color;
     border-color: @default-border-color;
 }

 .e-pdfviewer-searchbox{
     .pdfviewer-searchtoolbar-border-color;
     border-color: @default-border-color;
 }
 
 .e-pdfviewer-viewercontainer{
     .pdfviewer-viewercontainer-bgcolor;
     background-color: @default-bg-stcolor;
     .pdfviewer-viewercontainer-border-color;
     border-color: @default-border-color;
 }

.e-pdfviewer-popupli:hover {
   .hover-gradient();
    background-color:@hover-bg-stcolor;
    color:@hover-font-color;
}

.e-pdfviewer-popupli {
    color: @content-font-color !important;
    font-family: @font-family !important;
    font-size: @content-font-size !important;
    font-weight: @content-font-weight !important;
}
/*------------------------------pdfviewer Theme End-------------------------------*/


/*Theme Color*/

.e-gantt .e-toolbaricons{
   color:@gantt-toolbar-icon-color;
}

.e-gantt .e-chkbox-wrap .e-chk-image
{
    background-image: @checkedtick-image !important;
}

.e-search.e-tooltxt.e-hover{
  color:@gantt-toolbar-icon-mouseover-color !important;
}

.e-gantt .e-tooltxt.e-hover>span {      
   color:@gantt-toolbar-icon-mouseover-color;
}

.e-gantt .e-gantt-add:before{
  content:@gantt-add-icon-content;
}

.e-gantt .e-gantt-edit:before{
  content:@gantt-edit-icon-content;
}

.e-gantt .e-gantt-delete:before{
  content:@gantt-delete-icon-content;
}

.e-gantt .e-gantt-save:before{
  content:@gantt-save-icon-content;
}

.e-gantt .e-gantt-cancel:before{
  content:@gantt-cancel-icon-content;
}

.e-gantt .e-gantt-indent:before {
  content:@gantt-indent-icon-content;
}

.e-gantt .e-gantt-outdent:before{
  content:@gantt-outdent-icon-content;
}

.e-gantt .e-gantt-expandall:before{
  content:@gantt-expandall-icon-content;
}

.e-gantt .e-gantt-collapseall:before{
  content:@gantt-collapseall-icon-content;
}

#Add.e-menuitem > div.e-icon:before{
  content:@gantt-add-icon-content;
}

#Indent.e-menuitem > div.e-icon:before{
  content:@gantt-indent-icon-content;
}

#Outdent.e-menuitem > div.e-icon:before{
  content:@gantt-outdent-icon-content;
}

#Delete.e-menuitem > div.e-icon:before{
  content:@gantt-delete-icon-content;
}

.e-gantt .e-splitter .e-splitbar.e-h-bar:before{
  content:@gantt-splitter-icon-content;
}

.e-gantt .e-gantt-Spliter {
    .material-gantt-header-background;
    border-top-color:@gantt-header-border-color !important;
    border-bottom-color:@gantt-content-border-color !important;
}

.e-gantt .e-editValue .e-treegrid .e-headercell{
  border-bottom-color:@gantt-splitter-border-color !important;
  background-color:@gantt-predecessor-header-bg-color !important;
}
.e-ganttdialog .e-ejinputtext,
.e-gantt .e-ejinputtext {
    border: 1px solid @content-border-color;
    outline: none;
    background-color: @content-bg-color;
    color: @content-font-color;
    vertical-align: baseline;
}

.e-ganttdialog .e-ejinputtext:hover,
.e-gantt .e-ejinputtext:hover  {
    .high-contrast-gantt-textbox-border-color;
}
.e-ganttdialog .e-ejinputtext:focus,
.e-gantt .e-ejinputtext:focus {
    .high-contrast-gantt-textbox-border-color;
}

.e-deletepre.e-icon,
.e-addpre.e-icon {
    font-family: @font-family;
}
.e-gantt .e-splitter .e-hover.e-splitbar.e-split-divider {
    border-color: @active-border-color;
}
.e-gantt .e-splitter .e-splitbar.e-split-divider:hover {
    border-color: @hover-border-color;
}
.e-gantt .e-gantttoolbar li.e-hover {
    .high-contrast-gantt-toolbar-icon-border;
    border-color: @hover-border-color;
}

.e-gantt .e-treegrid .e-gridheader {
    .ganttheader-gradient();
    .material-gantt-header-background;
    color: @gantt-schedule-font-color;
    border-color: @gantt-header-border-color;
}

.e-gantt .e-treegrid .e-headercelldiv {
    .material-gantt-header-background;
    color: @gantt-schedule-font-color;
}

.e-gantt .e-treegrid .e-headercelldiv .e-descending, .e-gantt .e-treegrid .e-headercelldiv .e-ascending, .e-gantt .e-treegrid .e-headercell .e-columnmenu-icon {
    .material-gantt-header-icon-color;
    color: @header-icon-color;
}
.e-gantt .e-treegrid .e-headercell {
    .material-gantt-header-background;
  border-top-color:@gantt-header-border-color !important;
  border-right-color: @gantt-header-border-color !important;
}

.e-ganttdialog .e-tab .e-header.e-addborderbottom .e-active {
    border-top: solid 1px @gantt-content-border-color !important;
}

.e-ganttdialog .e-titlebar {
    border-bottom: solid 1px @gantt-content-border-color !important;
}
.e-gantt .e-toolbarspan {
    .material-gantt-toolbar-shadow;
}

/*Theme Color*/

.e-rangeScroll-select{
    fill:@default-rangeScroll-select-fill;
	stroke:@default-rangeScroll-select-stroke;
	&:hover { 
		fill:@hover-rangeScroll-select-fill; 
        stroke:@hover-rangeScroll-select-stroke;
	}
    &:active { 
		fill:@hover-rangeScroll-select-fill; 
        stroke:@hover-rangeScroll-select-stroke;
	}
}

.e-rangeScroll-select-hover{
    fill:@hover-rangeScroll-select-fill; 
    stroke:@hover-rangeScroll-select-stroke;
}

.e-rangeScroll-backRect{
    fill:@default-rangeScroll-backRect-fill;
	stroke:@default-rangeScroll-backRect-stroke;
}

.e-rangeScroll-arrow{
     fill:@default-rangeScroll-arrow-fill;
	 stroke:@default-rangeScroll-arrow-fill;
     &:hover { 
		fill:@hover-rangeScroll-arrow-fill; 
        stroke:@hover-rangeScroll-arrow-fill;
	}
    &:active { 
		fill:@hover-rangeScroll-arrow-fill; 
        stroke:@hover-rangeScroll-arrow-fill;
	}
}

.e-rangeScroll-centerShape{
    fill:@default-rangeScroll-arrow-fill;
	stroke:@default-rangeScroll-arrow-fill;
}

.e-rangeScroll-leftCircle,
.e-rangeScroll-rightCircle{
    fill:@default-rangeScroll-arrow-fill;
	stroke:@default-rangeScroll-arrow-fill;
    &:hover { 
		fill:@hover-rangeScroll-arrow-fill; 
        stroke:@hover-rangeScroll-arrow-fill;
	}
    &:active { 
		fill:@hover-rangeScroll-arrow-fill; 
        stroke:@hover-rangeScroll-arrow-fill;
	}
}

.e-rangeScroll-leftRect:hover + .e-rangeScroll-leftCircle,
.e-rangeScroll-rightRect:hover + .e-rangeScroll-rightCircle,
.e-rangeScroll-leftRect:active + .e-rangeScroll-leftCircle,
.e-rangeScroll-rightRect:active + .e-rangeScroll-rightCircle{
    fill:@hover-rangeScroll-arrow-fill; 
	stroke:@hover-rangeScroll-arrow-fill;
}


.e-treegrid .e-extendcolumn{          
  background-color:@gantt-content-bg-color;
}

.e-treegrid .e-headercelldiv{
    color:@gantt-header-font-color;
    font-family: @font-family;
}
.e-filterMenuDiv {
  border-color: @filtermenudialog-color !important;
  font-family: @font-family;
  min-height: 0px !important;
}

.e-treegrid .e-headercelldiv .e-descending, .e-treegrid .e-headercelldiv .e-ascending ,.e-treegrid .e-headercell .e-columnmenu-icon {
    color: @header-icon-color;
}
.e-treegrid-core {
    font-family: @font-family;
}
.e-treegrid {
   border-color: @gantt-content-border-color;
   color: @gantt-content-font-color;
}

.e-treegrid .e-gridcontent {
   background-color: @gantt-content-bg-color;
   border-color:@gantt-content-border-color;
}
.e-treegrid  .e-borderbox {
  border-bottom-color:@gantt-content-bg-color;
 }

.e-treegrid .e-editcell,
.e-treegrid .e-detailsrowcell,
.e-treegrid .e-rowcell,
.e-treegrid .e-extendcolumn {
    border-color: @gantt-content-border-color;
}
.e-treegrid .e-tableLastCell {
    border-right-color: @gantt-content-border-color!important;
}
.e-treegrid .e-detailsiconcell:hover,
.e-treegrid .e-detailsinfoiconhide {
    background-color: @treegrid-detailicon-shadow-color;
}

.e-detailscellwrapperfly {
    border-color: @treegrid-detailcellwrapperfly-border-color;
    box-shadow:0px 0px 11px 3px @treegrid-detailcellwrapperfly-shadow-color;
    -moz-box-shadow: 0px 0px 11px 3px @treegrid-detailcellwrapperfly-shadow-color;
    -webkit-box-shadow: 0px 0px 11px 3px @treegrid-detailcellwrapperfly-shadow-color;
}

.e-dragrowcell{
  border-color:  @gantt-content-border-color !important;
}
.e-treegrid .e-alt-row{
  background:@gantt-altRow-bg-color;
}

.e-treegrid .e-selectionbackground{
    .active-gradient();
    color: @active-font-color;
    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr="@{gantt-row-selection-bg-color}", endColorstr="@{gantt-row-selection-bg-color}", GradientType=0), progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
}

.e-treegridPane .e-treegrid .e-selectionbackground {
    .gantt-row-selection();
    .high-contrast-gantt-active-font-color;
    color: @gantt-selection-font-color;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@{gantt-row-selection-bg-color}", endColorstr="@{gantt-row-selection-bg-color}", GradientType=0), progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
.e-treegrid .selectingcell{
    .active-gradient();
    color: @active-font-color;
}
.e-treegridPane .e-treegrid .selectingcell {
    .gantt-row-selection();
    color: @gantt-selection-font-color;
}
.e-treegrid .e-detailsinfoiconhide:before ,
.e-treegrid .e-detailsinfoiconshow:before {
    color:@active-bg-stcolor!important;
}
.e-treegrid .e-selectionbackground .e-detailsinfoiconshow:before {
    color:@active-font-color!important;
}

.e-treegrid .e-detailscellwrapper,
.e-detailscellwrapperfly{
	background:@treegrid-detailcellwrapper-background-color;
    color: @treegrid-detailcellwrapper-font-color !important;
}

.e-dragtooltipbackground{
    background-color:@gantt-content-bg-color;
    color: @gantt-content-font-color;
}

.e-treegrid .e-tabletd{
    border-color: @gantt-content-border-color;
}

.e-treegrid .e-treegrid-add:before{
  content:@gantt-add-icon-content;
}

.e-treegrid .e-treegrid-edit:before{
  content:@gantt-edit-icon-content;
}

.e-treegrid .e-treegrid-delete.e-delete:before{
  content:@gantt-delete-icon-content;
}

.e-treegrid .e-treegrid-save:before{
  content:@gantt-save-icon-content;
}

.e-treegrid .e-treegrid-cancel:before{
  content:@gantt-cancel-icon-content;
}

.e-treegrid .e-treegrid-expandall:before{
  content:@gantt-expandall-icon-content;
}

.e-treegrid .e-treegrid-collapseall:before{
  content:@gantt-collapseall-icon-content;
}
.e-treegrid .e-treegridtoolbar{    
    background-color:@gantt-toolbar-bg-color !important;
    border-color:@gantt-toolbar-border-color !important;
}
.e-treegrid .e-headercell {
  border-top-color:@gantt-header-border-color !important;
  border-right-color: @gantt-header-border-color !important;
  border-bottom-color: @gantt-theme-line-color !important;
}
.e-treegrid .e-filterbarcell {
  border-color:@gantt-header-border-color !important;
}
.e-treegrid .e-grid-icon {
    background: @gantt-header-bg-color;
}  


.e-treegrid .e-gridheader {
  color: @gantt-header-font-color;
  border-color:@gantt-header-border-color;
 .tgheader-gradient();
}

.e-treegrid .e-headercontent {
    border-right-color:  @gantt-header-border-color;
}

.e-treegrid .e-ejinputtext,
.e-addedColumn .e-ejinputtext,
.e-treegridrenamedialog .e-ejinputtext {
    border: 1px solid @content-border-color;
    outline: none;
    background-color: @content-bg-color;
    color: @content-font-color;
    vertical-align: baseline;
}

.e-treegrid .e-ejinputtext:focus {
    box-shadow: 0 0 5px @shadow-bg-color;
}

.e-addedColumn .e-ejinputtext:hover,
.e-treegridrenamedialog .e-ejinputtext:hover {
    .high-contrast-gantt-textbox-border-color;
}

.e-addedColumn .e-ejinputtext:focus,
.e-treegridrenamedialog .e-ejinputtext:focus {
    .high-contrast-gantt-textbox-border-color;
}

.e-treegrid .e-reSizeColbg {
    border-left-color: @gantt-header-border-color !important;
}

.e-treegrid .e-gridheadercontainer {
   border-right-color:@gantt-header-border-color;
}

.e-columnmenu
{
   .tgPopUp-gradient();
   border-color:@gantt-columnchooser-border-color !important;
   color:@gantt-menuitem-font-color;
   font-family:@font-family;
}


.e-columnmenuitem .e-icon,
.e-menuitem .e-icon,
.e-treegrid .e-toolbaricons{
    color:@gantt-toolbar-icon-color!important;
}

.e-columnmenuselection .e-icon,
.e-contextmenu-mouseover .e-icon,
.e-treegrid .e-tooltxt.e-hover>span {
    color:@gantt-toolbar-icon-mouseover-color!important;
}

 .e-columnSelector{
   .tgPopUp-gradient(); 
   border:1px solid;
   border-color:@gantt-columnchooser-border-color !important;
   color:@gantt-menuitem-font-color !important;
}
.e-columnMenuListDiv label{
    font-family:@font-family;
}
.e-columnmenuselection{
   .treegrid-hover-gradient();
   color:@gantt-menuitem-hover-font-color;
}
.e-treegrid .e-summaryrow{
  background:@treegrid-summaryrow-backgroundcolor;
  }
.e-treegrid .e-footersummaryrow,
.e-treegrid .e-footersummaryrowdiv {
    background: @treegrid-totalsummaryrow-backgroundcolor;
}
.e-treegrid .e-footersummaryrowdiv{
    border-width:0px 1px 1px 1px;
    border-style:solid;
    border-color:@treegrid-summaryrow-border-color;
    }
.e-treegrid .e-summaryrow .e-summaryrowcell{
    border-bottom-color:@treegrid-summaryrow-border-color;
}

.e-contextmenu,
.e-innerContextmenu{
   .tgPopUp-gradient();
   border-color:@gantt-columnchooser-border-color !important;
   color:@gantt-menuitem-font-color;
   font-family:@font-family;
}

.e-contextmenu-mouseover{
   .treegrid-hover-gradient();
   color:@gantt-menuitem-hover-font-color;
}

.e-columnmenu-icon {
    color:@gantt-toolbar-icon-color !important;
}
.e-columnmenu-icon:hover {
    color:@gantt-toolbar-icon-color !important;
}
#Add.e-menuitem > span.e-icon:before{
  content:@gantt-add-icon-content;
}
#Indent.e-menuitem > span.e-icon:before{
  content:@gantt-indent-icon-content;
}

#Outdent.e-menuitem > span.e-icon:before{
  content:@gantt-outdent-icon-content;
}

#Delete.e-menuitem > span.e-icon:before{
  content:@gantt-delete-icon-content;
}
.e-tooltipgantt{
    background-color:@gantt-content-bg-color;
    color:@gantt-tooltip-font-color;
    border-color:@gantt-tooltip-border-color;
}
.e-treegrid .e-movablecontainer, .e-treegrid .e-movableheader ,.e-treegrid .e-movablefooter{
    border-left-color:@active-bg-stcolor;
}
.e-treegrid .e-footercontainer {
    border-right-color:@gantt-header-border-color;
}
.e-headervline {    
    border-color: @active-bg-stcolor !important;   
}

.e-headertooltip {    
    color: @gantt-header-font-color;         
    background-color:@gantt-header-endbg-color;  
    border-color:@gantt-header-border-color;
}



.e-ribbon.e-js .e-header .e-bottom-line.e-select.e-item, .e-ribbon.e-js .e-header .e-top-line.e-select.e-item {
    background: transparent;
    outline: none;
    outline-offset: 0;
}
.e-ribbon.e-js.e-widget {
    .ribbon-shadow();
    font-size: 14px;
}
ej-ribbon {
	display: block;
}
.e-ribbon .e-button .e-btntxt{
    white-space:pre-wrap;
}
.e-ribbon .e-btn.e-select:focus {
    box-shadow:none;
}
.e-ribbon .e-groupdiv > div:after {
    background: @rbncontent-border-color;
}
.e-ribbon .e-captionarea {
    color: @rbncaption-font-color;
}
.e-separatordiv, .e-separatordivrow{
    background: @default-border-color;
}
.e-ribbon.e-js .e-content{
    background: @rbncontent-content-bg-color;
    border-color: @rbncontent-border-color;
	border-top-width:0;
	color:@content-font-color;
}
.e-ribbon .e-ddl .e-select{
   background: @rbndropdown-color;
   border-color: @content-border-color;
   color: @default-icon-color;
   filter:none;
}
.e-ribbon .e-ddl .e-select:hover{
    .ribbon-hover-gradient();
	color: @hover-icon-color;
}
.e-ribbon .e-expandcollapse span:hover, .e-ribbon .e-expander:hover
{
    .hover-gradient();
    border-color: @hover-border-color;
    color:  @hover-icon-color;
}
.e-ribbon .e-expandcollapse span, .e-ribbon .e-expander
{
  color:  @default-icon-color;
}
.e-ribbon.e-js .e-header,.e-ribbon.e-js .e-left,.e-ribbon.e-js .e-right{
    .high-contrast-ribbon-header-border;
    .office-ribbon-header-border;
    border:1px solid @header-border-color;
	.header-gradient();
}

.e-ribbon.e-js .e-header, .e-ribbon.e-js .e-left, .e-ribbon.e-js .e-right {
    .office-ribbon-header-bg-color;
}

.e-ribbon.e-js .e-header > .e-select,.e-ribbon.e-js .e-header > .e-active,.e-ribbon.e-js .e-left > .e-active,.e-ribbon.e-js .e-right > .e-active,.e-ribbon.e-js .e-left > .e-select,.e-ribbon.e-js .e-right > .e-select{
    background:transparent;
	border:none;
}
.e-ribbon.e-js .e-header > .e-select:not(.e-apptab) a,
.e-ribbon.e-tab.e-js .e-header .e-select.e-disable a:hover {
    .office-ribbon-header-font-color;
     color:@rbntab-font-color;
	.ribbon-tab-hover();
}
.e-ribbon .e-apptab .e-menu .e-active >a,.e-ribbon .e-apptab .e-menu .e-active span {
     color:@rbnapptab-font-color !important;
}
.e-ribbon.e-js .e-header li.e-select:not(.e-apptab) a:hover {
    .high-contrast-ribbon-header-hover-font;
     color:@rbn-bg-color;
	.ribbon-bg-hover-gradient();
}
.e-ribbon.e-js .e-header .e-active.e-tab a:hover, .e-ribbon.e-js .e-header .e-active.e-contextualtabset a:hover {
    .ribbon-bg-active-gradient();
	 color:@rbn-act-color;
}
.e-ribbon .e-apptab .e-menu ul > li >a{
    color:@rbncontent-font-color !important;
}
.e-ribbon .e-apptab .e-menu >li >a:hover,.e-ribbon .e-apptab .e-menu .e-active span:hover,.e-ribbon .e-apptab .e-menu .e-active,.e-ribbon .e-apptab .e-menu .e-active >a{
   .office-ribbon-file-hover();
}

.e-ribbon.e-grpdivhide{
   border-right:1px solid @header-border-color !important;
}
.e-ribbon.e-rtl.e-grpdivhide{
   border-left:1px solid @header-border-color !important;
}
.e-ribbon .e-header > .e-apptab  .e-menu {
    .ribbon-active-gradient();
}

.e-ribbon .e-header > .e-apptab  .e-menu {
    .high-contrast-ribbon-file-header();
    .office-ribbon-file-header();
    .material-ribbon-file-header();
}

.e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a,.e-ribbon.e-js .e-header .e-apptab .e-menu > li:first-child > a > span {
    .switch-ribbon-file-header-txt-color;
    color:@rbn-white-color;
}

.e-ribbon.e-js .e-header > .e-item:hover {
    background:transparent;
	border:none;
}
.e-ribbon.e-js .e-header .e-active.e-tab  a,.e-ribbon.e-js .e-header .e-active.e-contextualtabset a {
    .high-contrast-ribbon-header-active-border;
    border-color:@rbn-act-a-border-color @rbn-act-a-border-color transparent;
    .high-contrast-ribbon-header-active-font;
    .material-ribbon-header-active-font;
    color:@rbn-bg-color;
    .high-contrast-ribbon-header-active;
    background:@rbncontent-content-bg-color;
}
.e-ribbon .e-btn.e-select,.e-ribbon .e-btn.e-disable.e-select:hover,.e-ribbon .e-tbtn.e-disable{
    background: @rbncontent-content-bg-color;
    border-color: @rbncontent-content-bg-color;
    color: @default-font-color;
	filter:none;
}
.e-rbn-splitbtn.e-menu.e-split, .e-rbn-splitbtn.e-menu.e-context.e-split,.e-rbn-splitbtn.e-menu.e-context.e-split .e-list > ul{
    background: @rbncontent-content-bg-color;
}
.e-rbn-splitbtn.e-js.e-menu.e-split ul, .e-rbn-splitbtn.e-js.e-menu.e-context.e-split ul,.e-rbn-splitbtn.e-js.e-menu.e-context.e-split .e-list > ul,.e-rbn-splitbtn.e-js.e-menu.e-widget.e-split li.e-list{
    background: @rbncontent-content-bg-color;
}

.e-resizegroupdiv.e-reshover,
.e-resizegroupdiv.e-reshover .e-resizebtn,
.e-ribbon.e-responsive .e-backstageli:hover, 
.e-ribbon.e-responsive .e-responsivetabli:hover,
.e-ribbon.e-js .e-btn.e-select:hover{
   .ribbon-hover-gradient();
   color: @rbnhover-font-color;
}
.e-ribbon .e-btn.e-select:active ,.e-ribbon .e-btn.e-disable.e-active.e-select:hover,.e-ribbon .e-tbtn.e-active
{
    .ribbon-toggle-gradient();
    color:  @rbnhover-font-color;
}
.e-ribbon .e-btn.e-select:active .e-icon,.e-ribbon .e-btn.e-active .e-icon,.e-ribbon .e-btn.e-select:hover .e-icon{
  color:  @rbnhover-font-color;
}
.e-ribbon .e-tbtn.e-active.e-disable {
  background: none;
}
.e-ribbon.e-js .e-header .e-apptab .e-menu >.e-list:nth-child(1):not(.e-active) > a:hover,.e-ribbon.e-js .e-header .e-apptab .e-menu >li:nth-child(1):not(.e-active) > a:hover span{
    color:@rbn-menu-font-hover-color;
}
.e-ribbon .e-disable{
   background: @rbncontent-content-bg-color;
   opacity: 0.35;
   filter: alpha(opacity=35);
}
.e-ribbon .e-modelDiv{
   background: @rbncontent-content-bg-color;
   opacity: 0;
   filter: alpha(opacity=0);
}
.e-ribbon .e-groupdiv .e-gallerycontent,.e-ribbon .e-groupdiv .e-gallexpandcontent,
.e-ribbon .e-resizediv .e-gallerycontent,.e-ribbon .e-resizediv .e-gallexpandcontent{
  background:@rbngallery-bg-color;
  border-color: @rbncontent-border-color;
}
.e-ribbon.e-rtl .e-groupdiv .e-gallerycontent{
 border-right-color: @rbncontent-border-color;
}
.e-ribbon .e-groupdiv .e-gallscrollcontent .e-content,.e-ribbon .e-resizediv .e-gallscrollcontent .e-content{
  background:@rbngallery-bg-color;
}
.e-ribbon .e-groupdiv .e-gallerymovediv,.e-ribbon .e-resizediv .e-gallerymovediv,
.e-ribbon .e-groupdiv .e-gallexpandcontent,.e-ribbon .e-resizediv .e-gallexpandcontent{
  background:@rbngallery-bg-color;
 }
.e-ribbon .e-groupdiv .e-extracontent,.e-ribbon .e-resizediv .e-extracontent{
  border-top-color: @rbncontent-border-color;
 }
.e-ribbon .e-groupdiv .e-moveupdiv,.e-ribbon .e-groupdiv .e-movedowndiv,.e-ribbon .e-groupdiv .e-expgallerydiv,
.e-ribbon .e-resizediv .e-moveupdiv,.e-ribbon .e-resizediv .e-movedowndiv,.e-ribbon .e-resizediv .e-expgallerydiv{
 border-color:@rbncontent-border-color;
 }
.e-ribbon .e-groupdiv .e-gallerybtn,.e-ribbon .e-resizediv .e-gallerybtn
{
  background:@rbngallery-bg-color;
  border-color:@rbngallery-bg-color;
}
.e-ribbon .e-groupdiv .e-galleryextrabtn,.e-ribbon .e-resizediv .e-galleryextrabtn,
.e-ribbon.e-js .e-groupdiv .e-extracontent .e-menu,.e-ribbon.e-js .e-resizediv .e-extracontent .e-menu{
   background:@content-bg-color;
   color:@content-font-color;
 }
.e-ribbon.e-js .e-gallerymenu a{
   color:@content-font-color;
 }
 .e-ribbon .e-groupdiv .e-galleryextrabtn:hover,.e-ribbon .e-resizediv .e-galleryextrabtn:hover{
  .ribbon-hover-gradient();
 }
.e-ribbon .e-groupdiv .e-galleryselect,.e-ribbon .e-resizediv .e-galleryselect
{
  box-shadow:none;
  border-color:@rbngallery-select-color;
}
.e-ribbon.e-js .e-groupdiv .e-gallerybtn:hover,.e-ribbon.e-js .e-resizediv .e-gallerybtn:hover
{
  border-color:@rbngallery-hover-color;
  color:@rbn-text-color;
  background:@rbncontent-content-bg-color;
 }
 .e-ribbon .e-groupdiv .e-gallerymovediv > div:hover,.e-ribbon .e-resizediv .e-gallerymovediv > div:hover
{
  .ribbon-hover-gradient();
  border-color:@rbngallery-select-color;
  }
 .e-ribbon .e-groupdiv .e-movedowndiv:hover ~ .e-expgallerydiv,.e-ribbon .e-groupdiv .e-moveupdiv:hover ~ .e-movedowndiv{
border-top-color: @rbngallery-select-color;
}
.e-ribbon .e-groupdiv .e-disablegrymovebtn:hover ~ .e-expgallerydiv,.e-ribbon .e-groupdiv .e-disablegrymovebtn:hover ~ .e-movedowndiv{
border-top-color:@rbncontent-border-color;
}
.e-ribbon .e-groupdiv .e-gallerymovediv >.e-disablegrymovebtn,.e-ribbon .e-groupdiv .e-gallerymovediv >.e-disablegrymovebtn:hover,
.e-ribbon .e-resizediv .e-gallerymovediv >.e-disablegrymovebtn,.e-ribbon .e-resizediv .e-gallerymovediv >.e-disablegrymovebtn:hover
{
  background:@rbngallery-bg-color;
  border-color:@rbncontent-border-color;
}
.e-ribbon .e-tooltipdiv{
    border-color:@rbncontent-border-color;
    background:@rbngallery-bg-color;
}
.e-ribbon .e-tooltipdiv .e-tooltiptitle,.e-ribbon .e-tooltipdiv .e-tooltipcontent,.e-ribbon .e-tooltipdiv .e-tooltipcntwithimg{
   color:@rbncontent-font-color;
}
.e-ribbon .e-resizediv{
    border-color:@rbncontent-border-color;
    background:@rbncontent-content-bg-color;
}
.e-ribbon .e-header .e-margine-top:hover{
    border-top: none;
}
.e-ribbon .e-groupdiv .e-gallexpandcontent,.e-ribbon .e-resizediv .e-gallexpandcontent{
  border-color:@rbngallery-border-color;
 }	
 .e-ribbon .e-groupdiv .e-disablegrymovebtn > span,.e-ribbon .e-resizediv .e-disablegrymovebtn > span{
  color:@rbngallery-disable-color;
}
 .e-ribbon .e-btn.e-disable.e-select:hover .e-icon {
  color: @rbn-text-color;
}
.e-ribbon .e-btn.e-disable.e-select:hover{
background:none;
}
.e-ribbon .e-ddl .e-disable.e-select:hover {
  background:none;
  color: @rbn-text-color;
}
.e-ribbon .e-tbtn.e-active.e-disable .e-icon {
  color: @rbn-text-color;
}
.e-ribbon .e-ribbonbackstagepage{
  border-color:@rbn-border-color;
  background:@rbncontent-content-bg-color;
}
.e-backstagescrollcontent.e-js .e-content{
  background:@rbncontent-content-bg-color;
}
.e-ribbon .e-backstagetopcontent,.e-ribbon .e-backstageheader{
  .ribbon-header-gradient();
}
.e-ribbon .e-backstageli:hover{
  .ribbon-backstage-hover-bg();
}
.e-ribbon .e-backstageseparator,.e-ribbon .e-backstageactive{
  .ribbon-backstage-select-bg();
}
.e-ribbon .e-backstagetopicon span:hover:before{
  color: @hover-bg-stcolor;
}
.e-ribbon .e-backstagetopicon span:before{
  color: @rbn-white-color;
}
.e-ribbon .e-header > .e-apptab .e-apptabanchor:hover{
  .ribbon-app-hover-gradient();
  color:@rbn-menu-font-hover-color;
}

.e-ribbon .e-header > .e-apptab .e-apptabanchor:hover {
    .high-contrast-ribbon-file-header-hover();
    .material-ribbon-file-header-hover();
}

.e-ribbon .e-backstageli a,.e-ribbon .e-backstagebutton{
  color: @active-font-color;
}
.e-ribbon .e-backstageli:hover a,.e-ribbon .e-backstageactive a,.e-ribbon .e-backstagebutton:hover{
  color: @active-font-color;
}
.e-ribbon .e-backstagecontent{
  background:@rbncontent-content-bg-color;
}
.e-ribbon .e-header > .e-apptab .e-apptabanchor{
  .ribbon-active-gradient();
  .ribbon-app-tab-font();
}

.e-ribbon .e-header > .e-apptab .e-apptabanchor {
    .high-contrast-ribbon-file-header();
    .office-ribbon-file-header();
    .material-ribbon-file-header();
}
.e-ribbon.e-rbnwithqat .e-rbnqatmenu,.e-ribbon.e-rbnwithqat .e-qaresizediv{
  border-color:@header-border-color;
  background:@content-bg-color;
}
.e-ribbon.e-rbnwithqat .e-rbnqatmenu div{
 .default-gradient();
}
.e-ribbon.e-rbnwithqat .e-qatmenuli{
  background:@content-bg-color;
  color:@content-font-color;
}
.e-ribbon.e-rbnwithqat .e-qatseparator{
  background:@content-border-color;
}
.e-ribbon.e-rbnwithqat .e-qatmenuli:hover{
  .hover-gradient();
  color:@hover-font-color;
}
.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar,.e-ribbon.e-rbnwithqat .e-rbnquickaccessbar .e-btn{
  background:transparent;
}
.e-ribbon.e-js .e-tbtn.e-active,.e-ribbon.e-js .e-btn.e-resizebtnselect,.e-ribbon.e-rbnwithqat.e-js .e-tbtn.e-active{
    .ribbon-toggle-gradient();
    color:  @rbnhover-font-color;
}
.e-ribbon.e-js .e-btn,.e-ribbon.e-js .e-split{
  box-shadow:none;
}
.e-ribbon.e-responsive .e-header,
.e-ribbon.e-responsive  .e-responsiveqat .e-btn,
.e-ribbon.e-responsive  .e-resqatScroll .e-content,
.e-ribbon.e-responsive .e-backstagerestop
{
   background:@active-bg-endcolor !important;
}
.e-ribbon.e-responsive .e-icon.e-resbackstage,
.e-ribbon.e-responsive .e-ribresmenu .e-icon,
.e-ribbon.e-responsive .e-ribresmenu a, 
.e-ribbon.e-responsive .e-responsiveqat .e-btn .e-icon
 {
     color:@active-font-color !important;
    }
.e-ribbon.e-responsive .e-responsivebackstagecontent{
    background:@active-font-color !important;
}
.e-ribbon.e-responsive .e-backstageheader,
.e-ribbon.e-responsive .e-rescontent
{
    .header-gradient();
}

.e-ribbon.e-responsive .e-backstageheader .e-backstagebutton,
.e-ribbon.e-responsive .e-backstageheader a{
    color:@default-icon-color;
}

.e-ribbon.e-responsive .e-responsiveback,
.e-ribbon.e-responsive .e-groupmobdiv,
.e-ribbon.e-responsive .e-groupdiv{
border-bottom: 1px solid @content-border-color;
}
.e-ribbon.e-responsive .e-responsiveqat .e-btn.e-active .e-icon {
     color:@header-font-color !important;
}
.e-ribbon.e-responsive .e-rescontent,
.e-ribbon.e-responsive .e-backstageheader{
box-shadow: -1px 0 10px 0 black;
}




.e-kanban, .e-kanban .e-headercell, .e-kanban .e-swimlanerow {
    background: @content-bg-color;
}

.e-kanban .e-icon,.e-kbntoolbar-body .e-icon{
    color: @default-icon-color;
}

.e-kanban {
    border-color: @content-border-color;
    color: @content-font-color;
}

.e-kanban .e-rowcell .e-shrinkheader {
    color: @active-bg-stcolor;
}

.e-kanban-context .e-checkbox .e-checkmark {
    color: @active-bg-stcolor !important;
}
.e-kanban .e-kanbantoolbar .e-searchdiv{
  background: @content-bg-color;
}
.e-kanban .e-search.e-tooltxt:hover .e-searchdiv{
  background: @content-bg-color;
}
.e-kanban .e-kanbanheader.e-slheader .e-headercell, .e-kanban.e-swimlane-responsive .e-columnrow .e-rowcell {
    border-bottom: 4px solid @default-bg-stcolor;
}

.e-kanban .e-stackedHeaderRow th {
    border-bottom: 2px @border-type @active-bg-stcolor !important;
}

.e-kanban .e-kanbanheader.e-slheader .e-headercell.e-exceed {
    border-bottom-color: @kanban-cell-exceed;
}

.e-kanban .e-kanbanheader.e-slheader .e-headercell.e-deceed {
    border-bottom-color: @kanban-cell-deceed;
}

.e-kanban .e-columnrow .e-kanbancard {
    background: @content-bg-color;
	box-shadow:@kanban-card-shadow;
}

.e-kanban .e-kanbancard {
    border-color: @kanban-card-border;
    color: @content-font-color;
}

.e-kanban .e-kanbancard .e-tag {
    background: @default-bg-stcolor;
    color: lighten(@content-font-color, 22%);
}

.e-kanban .e-kanbancard.e-cardselection {
    .active-gradient();
    color: @active-font-color;
    border-color: @active-border-color;
}

.e-kanban .e-draggedcard, .e-kanban .e-kanbancard.e-cardselection.dragClone {
    background: @content-bg-color;
    color: @content-font-color;
}

.e-kanban .e-draggedcard .e-dragmultiple {
    color: @active-bg-stcolor;
    border: 1px solid @content-border-color;
}

.e-kanban .e-rowcell .e-targetclone {
    border: 1px dashed @active-bg-stcolor;
    .kanban-dragclone-bg();
}
.e-kanban .e-rowcell .e-targetclonemulti .e-columnkey{
 border-left: 1px dashed;
 border-right: 1px dashed;
 border-bottom: 1px dashed;
 }
.e-kanban .e-rowcell .e-targetclonemulti .e-columnkey{
      border-color: @default-border-color;
}
.e-kanban .e-rowcell .e-targetclonemulti .e-columnkey.e-active{
    .kanban-dragclone-bg();
}
.e-kanban .e-rowcell .e-targetclonemulti .e-columnkey.e-active{
     border-color:@active-bg-stcolor;
}
.e-kanban .e-rowcell .e-targetclonemulti .e-columnkey.e-multiclonestyle{
    border-bottom-color:@active-bg-stcolor;
}
 .e-kanban .e-rowcell .e-targetclonemulti .e-columnkey:first-child {
 border-top-width: 1px;
 border-top-style: dashed;
 }
 
.e-kanban .e-rowcell .e-targetdragclone {
    border: 1px dashed @content-border-color;
    .kanban-targetdrag-font();
}

.e-kanban .e-form-titlebar {
    border-bottom: 1px solid @content-border-color;
}

.e-kanban .e-form-container {
    border-color: @content-border-color !important;
    background-color: @content-bg-color;
}

.e-kanban .e-columnrow .e-rowcell {
    .kanban-cell-bg();
    border-bottom: 1px solid @kanban-cell-border;
    border-top: 1px solid @kanban-cell-border;
}

.e-kanban .e-printlist {
    .kanban-cell-bg();
}

.e-kanban .e-collapsedrow .e-rowcell, .e-kanban .e-frozenrow .e-rowcell {
    border-bottom: 1px solid @default-bg-stcolor;
}

.e-kanban .e-rowcell.e-shrink, .e-kanban .e-headercell.e-shrinkcol {
    .kanban-skheader-bg();
}

.e-kanban .e-kanbancard, .e-kanban .e-swimlanerow .e-slkey {
    color: @content-font-color;
}

.e-kanbanfilter-window .e-filter-scrollcontent, .e-kbnfilterwindow-head {
    color: @content-font-color;
}

.e-kanban .e-slexpand, .e-kanban .e-slcollapse {
    color: @default-icon-color;
}

.e-kanban .e-slexpand:hover, .e-kanban .e-slcollapse:hover {
    .hover-gradient();
    color: @hover-icon-color;
}

.e-kanban .e-clcollapse::before, .e-kanban .e-clexpand::before {
    color: @default-icon-color;
}

.e-kanban .e-kanbancard.e-hover .e-cardcollapse:before, .e-kanban .e-kanbancard.e-hover .e-cardexpand:before {
    color: @hover-icon-color;
}

.e-kanban .e-kanbancard.e-cardselection .e-cardcollapse:before, .e-kanban .e-kanbancard.e-cardselection .e-cardexpand:before {
    color: @active-icon-color;
}

.e-kanban .e-kanbancard.e-cardselection.e-hover .e-cardcollapse:before, .e-kanban .e-kanbancard.e-cardselection.e-hover .e-cardexpand:before {
    color: @hover-icon-color;
}

.e-kanban .e-swimlanerow .e-slcount {
    color: lighten(@content-font-color, 40%);
}

.e-kanban .e-rowcell .e-shrinkcount {
    color: @active-bg-stcolor;
}

.e-kanban .e-collapserow .e-rowcell {
    border: none;
}

.e-kanban .e-kanbancard.e-hover {
    color: @hover-font-color;
    .hover-gradient();
    border-color: @hover-border-color;
}

.e-kanban .e-headercontent {
    border-right-color: @content-border-color;
}

.e-kanban .e-headercelldiv {
    .kanban-header-font();
}

.e-kanban .e-kanbanheader {
    .kanban-header-font();
}

.e-kanban .e-kanbancontent {
    background-color: @content-bg-color;
}

.e-kanban .e-rowcell {
    border-color: @content-border-color;
}

.e-kanban .e-cardcollapse:before, .e-kanban .e-cardexpand:before, .e-kanban .e-kanbancard.e-cardselection.dragClone .e-cardexpand:before, .e-kanban .e-kanbancard.e-cardselection.dragClone .e-cardcollapse:before {
    color: @default-icon-color;
}

.e-kanban .e-kanbancard .e-card_image {
    background: @default-bg-stcolor;
    border-color: @content-border-color;
}
.e-kanban .e-kanbantoolbar.e-toolbar,.e-kbntoolbar-body.e-toolbar{
    background: @content-bg-color;
    border-color: @kanban-toolbar-border;
}

.e-kanban .e-kanbantoolbar li {
    border: @border-size @border-type @default-border-color;
}

.e-kanban .e-kanbantoolbar li.e-select {
    .active-gradient();
}

.e-kanban .e-kanbantoolbar .e-select .e-text {
    color: @active-font-color;
}

.e-kanban .e-kanbantoolbar .e-select.e-hover a {
    color: @content-font-color;
}

.e-kanban .e-kanbantoolbar .e-text, .e-kanban .e-kanbantoolbar .e-quickfilter .e-text,.e-kbntoolbar-body .e-text,.e-kbntoolbar-body .e-quickfilter .e-text {
    color: @content-font-color;
}

.e-kanban .e-kanbantoolbar .e-select.e-hover {
    .hover-gradient();
    border-color: @hover-border-color;
}

.e-kanban .e-columnrow .e-rowcell.e-dropping {
    border-color: @default-border-color;
}

.e-kanban .e-rowcell.e-exceed {
    background: @kanban-cell-exceed;
    filter: none !important;
}

.e-kanban .e-rowcell.e-deceed {
    background: @kanban-cell-deceed;
}

.e-kanban .e-kanbantooltip {
    background: @content-bg-color;
    color: @content-font-color;
    border: @border-size @border-type @content-border-color;
    box-shadow: 9px 9px 15px -9px rgba(0,0,0,0.3);
    -moz-box-shadow: 9px 9px 15px -9px rgba(0,0,0,0.3);
    -webkit-box-shadow: 9px 9px 15px -9px rgba(0,0,0,0.3);
}

.e-kanban .e-toolbaricons.e-searchfind, .e-kanban .e-toolbaricons.e-cancel {
    .kanban-cell-bg();
    border-left: 1px solid @default-border-color;
}

.e-kanban div.e-error .e-toparrow {
    border-bottom-color: #fffe92;
}

.e-kanban div.e-field-validation-error {
    background-color: #FFFE91;
    color: #CD0A0A;
}

.e-kanban .e-kanbantouchbar .e-content {
    background-color: @content-bg-color;
    border-color: @content-border-color;
}

.e-kanban .e-kanbantouchbar span:hover,
.e-kanban .e-kanbantouchbar .e-spanclicked {
    border-color: @default-icon-color;
}

.e-kanban .e-kanbantouchbar .e-downtail:before,
.e-kanban .e-kanbantouchbar .e-downtail {
    border-top-color: @content-border-color;
}

.e-kanban .e-kanbantouchbar .e-downtail:after {
    border-top-color: @content-bg-color;
}

.e-kanban .e-freezeswimlanerow .e-rowcell.e-shrink {
    background: @content-bg-color;
}

.e-kanban.e-rtl .e-toolbaricons.e-searchfind, .e-kanban.e-rtl .e-toolbaricons.e-cancel {
    border-right: 1px solid @default-border-color;
}

.e-kanban.e-rtl td:first-child, .e-kanban.e-rtl th:first-child,
.e-kanban.e-rtl .e-headercontent, .e-kanban.e-rtl .e-columnrow td.e-dropping:first-child, .e-kanban .e-rowcell.e-dragged {
    border-left-color: @content-border-color !important;
}

.e-kanban.e-rtl .e-kanbancard {
    border-color: @content-border-color;
}

.e-kanban .e-customaddbutton {
    border-color: @active-bg-stcolor;
}

.e-kanban .e-columnadd {
    color: @active-bg-stcolor;
}

.e-kanban .e-customtoolbarseparator {
    border-right: 1px solid @default-border-color;
}

.e-kanban.e-responsive .e-kanbantoolbar.e-toolbar,.e-kbntoolbar-body.e-toolbar{
    .default-gradient();
}

.e-kanban.e-responsive .e-kanbantoolbar:not(.e-adaptive-search) .e-searchfind {
    background: transparent;
}

.e-kanbanfilter-window {
    border: 1px solid @header-border-color;
    background: @content-bg-color;
}

.e-kanbanfilter-window .e-kbnfilterwindow-head {
    background: @header-bg-stcolor;
    border-bottom: 1px solid @header-border-color;
}

.e-kanbanfilter-window .e-filter-content,.e-swimlane-window, .e-kanban .e-adapt-search, .e-kanban.e-responsive .e-adapt-cancel {
    background: @content-bg-color;
}

.e-swimlane-window .e-swimlane-item:hover {
    .hover-gradient();
    color: @active-font-color;
}

.e-kanban.e-responsive .e-kanbantoolbar .e-kanbanfilter-icon:hover {
    .hover-gradient();
    color: @hover-font-color;
}

.e-kanban.e-responsive .e-kanbantoolbar:not(.e-adaptive-search) .e-searchitem:hover {
    .hover-gradient();
}

.e-kanbanfilter-window .e-filter-done:hover {
    color: @kanban-filter-done-stcolor;
}

.e-kanbanfilter-window .e-filter-done {
    color: @active-bg-stcolor;
}

.e-swimlane-window {
    background: @content-bg-color;
}

.e-kanban.e-responsive .e-kanbantoolbar .e-searchitem:hover {
    .hover-gradient();
}

.e-swimlane-ul li:not(:last-child) div:after {
    background: @content-border-color;
}

.e-swimlane-arrow:hover, .e-kanbanfilter-window .e-filterback-icon:hover,.e-kanban.e-responsive .e-adapt-cancel:hover {
    color: @active-bg-stcolor;
}

.e-kanban .e-headercell .e-totalcard, .e-kanban .e-headercell .e-totalcount, .e-kanban .e-minlimit, .e-kanban .e-maxlimit,.e-kanban .e-limits, .e-kanban .e-rowcell .e-shrinklabel  {
    color: lighten(@content-font-color, 40%);
}

.e-kanban .e-kanbancard .e-bottom-triangle {
    border-bottom-color: @active-bg-stcolor;
}
.e-kanban.e-responsive .e-vhandlespace,.e-kanbanfilter-window .e-vhandlespace,.e-kbnslwindow-body .e-vhandlespace,.e-kbnadapt-editdlg .e-vhandlespace{
    border-color: @content-border-color;
}
.e-kanban .e-ejinputtext,.e-kbnadapt-editdlg .e-ejinputtext{
  border-color:@content-border-color;
  background-color: @content-bg-color;
  color: @content-font-color;
}

.e-spreadsheet {
    color: @sscontent-color;
    border-color: @sscontent-border-color;
}
.e-spreadsheet .e-headercell,
.e-spreadsheet .e-headercontent,
.e-spreadsheet .e-rowheader {
    border-color: @ssheader-border-color;
    color: @ssheader-content-color;
}
.e-spreadsheet .e-headercell:hover,
.e-spreadsheet .e-rowheader:hover {
    background-color: @ssheader-select-bgcolor;
    border-color:@ssheader-hover-bordercolor;
}
.e-spreadsheet .e-rowheadercontent {
    border-bottom-color: @ssheader-border-color;
}
.e-spreadsheet .e-spreadsheetcontentcontainer {
    border-left-color: @ssheader-border-color;
	background-color: @content-bg-color;
}
.e-spreadsheet .e-spreadsheetcolumnheader {
    border-color: @ssheader-border-color;
}
.e-spreadsheet .e-spreadsheetheader {
    border-bottom-color: @ssheader-border-color;
    border-top-color: @ssheader-border-color;
}
.e-spreadsheet .e-spreadsheetcolumnheader {
    border-right-color: @ssheader-border-color;
}
.e-spreadsheet .e-rowcell {
    color: @content-font-color;
    background-color: @content-bg-color;
    border-color: @content-border-color;
}
.e-spreadsheet .e-spreadsheetcolumnheader,
.e-spreadsheet .e-rowheader,
.e-spreadsheet .e-scrollcss,
.e-spreadsheet .e-scrollrowcss {
    background-color: @ssheader-bgcolor;
}
.e-ss-editinput .e-in-wrap, .e-ss-editinput .e-input {
  color: inherit;
  font-size: 11pt;
  font-family: Calibri;
}
/*---------------------------Frozen Row------------------------*/
.e-spreadsheet .e-reSizeColbg {
    border-left-color: @ssheader-border-color;
}
.e-spreadsheet .e-reSizeAPbg {
    border-left-color: @ssheader-border-color;
}
.e-spreadsheet .e-reSizeRowbg {
    border-top-color: @ssheader-border-color;
}
.e-spreadsheet .e-selected,
.e-spreadsheet .e-ctrlselected {
    background: @ssheader-select-bgcolor;
	color:@sscontent-color;
}
.e-spreadsheet .e-activecell {
    background-color: @content-bg-color;
	color:@sscontent-color;
}
.e-spreadsheet .e-rowhighlight, .e-spreadsheet .e-colhighlight {
    background-color: @ssheader-select-bgcolor;
    color: @ssfroze-highlight-color;
}
.e-spreadsheet .e-rowhighlight {
    border-right-color: @ssfroze-highlight-color;
}
.e-spreadsheet .e-colhighlight {
    border-bottom-color: @ssfroze-highlight-color;
}
.e-spreadsheet .e-rowhighlight:hover, .e-spreadsheet .e-colhighlight:hover {
    background-color: @ssheader-select-bgcolor;
    border-bottom-color: @ssfroze-highlight-color;
}
.e-menu-wrap .e-chartcell:hover, .e-chartimg:hover {
    background-color: @sshover-bg-color;
}
/*-------------------- Borders ------------------------ */
.e-spreadsheet td.e-bborderright,
.e-spreadsheet td.e-bctrlborderright,
.e-spreadsheet td.e-bcbright {
    border-right-color: @ssborder-bright;
}
.e-spreadsheet td.e-bborderbottom,
.e-spreadsheet td.e-bctrlborderbottom,
.e-spreadsheet td.e-bcbbottom {
    border-bottom-color: @ssborder-bright;
}
.e-spreadsheet td.e-rborderright,
.e-spreadsheet td.e-rctrlborderright,
.e-spreadsheet td.e-rcbright {
    border-right-color: #fc100c;
}
.e-spreadsheet td.e-rborderbottom,
.e-spreadsheet td.e-rctrlborderbottom,
.e-spreadsheet td.e-rcbbottom {
    border-bottom-color: #fc100c;
}
.e-spreadsheet td.e-vborderright,
.e-spreadsheet td.e-vctrlborderright,
.e-spreadsheet td.e-vcbright {
    border-right-color: #6a13ad;
}
.e-spreadsheet td.e-vborderbottom,
.e-spreadsheet td.e-vctrlborderbottom,
.e-spreadsheet td.e-vcbbottom {
    border-bottom-color: #6a13ad;
}
.e-spreadsheet .e-gborderright,
.e-spreadsheet .e-gctrlborderright {
    border-right-color: #62c435 !important;
}
.e-spreadsheet td.e-gborderbottom,
.e-spreadsheet td.e-gctrlborderbottom {
    border-bottom-color: #62c435;
}
.e-spreadsheet td.e-pborderright,
.e-spreadsheet td.e-pctrlborderright {
    border-right-color: #f411b0;
}
.e-spreadsheet td.e-pborderbottom,
.e-spreadsheet td.e-pctrlborderbottom {
    border-bottom-color: #f411b0;
}
.e-spreadsheet td.e-oborderright,
.e-spreadsheet td.e-octrlborderright {
    border-right-color: #e59604;
}
.e-spreadsheet td.e-oborderbottom,
.e-spreadsheet td.e-octrlborderbottom {
    border-bottom-color: #e59604;
}
.e-spreadsheet .e-thinright {
    border-right-color: @ssfroze-highlight-color;
}
.e-spreadsheet .e-thinbottom {
    border-bottom-color: @ssfroze-highlight-color;
}
.e-spreadsheet .e-ss-numeric .e-select .e-spin {
    background-color: @sscontent-active-color;
    color: @ssnumeric-icon-color;
}

.e-spreadsheet .e-ss-numeric .e-select .e-spin:hover {
    background-color: @sscomments-focused-border;
    border-color: @sscomments-excel-border;
    color:@sscontent-active-color;
}

.e-spreadsheet .e-ss-numeric .e-select {
    border-color: @sscontent-active-color;
}

.e-spreadsheet .e-ss-numeric .e-select:hover {
    border-color: @sscomments-excel-border;
}
/*--------------------- Selection -------------------------- */
.e-spreadsheet div.e-selecttop {
    border-top-color: @ssfroze-highlight-color;
}
.e-spreadsheet div.e-selectbottom {
    border-bottom-color: @ssfroze-highlight-color;
}
.e-spreadsheet div.e-selectright {
    border-right-color: @ssfroze-highlight-color;
}
.e-spreadsheet div.e-selectleft {
    border-left-color: @ssfroze-highlight-color;
}
.e-spreadsheet .e-ss-selectall {
    color: @ssselectall;
}
.e-spreadsheet .e-ss-selectall:hover {
    color: @ssselectallhover;
}
.e-spreadsheet .e-sheetselected, .e-spreadsheet .e-sheetselected:hover {
    color: @ssselectselected;
}
/*--------------------- Auto Fill -------------------------------*/
.e-spreadsheet .e-autofill {
    border-color: @content-bg-color;
    background-color: @ssfroze-highlight-color;
}
.e-spreadsheet div.e-autofillright {
    border-right-color: @ssfroze-highlight-color;
}
.e-spreadsheet div.e-autofillbottom {
    border-bottom-color: @ssfroze-highlight-color;
}
.e-spreadsheet div.e-autofilltop {
    border-top-color: @ssfroze-highlight-color;
}
.e-spreadsheet div.e-autofillleft {
    border-left-color: @ssfroze-highlight-color;
}
/*--------------------- Cut and Copy ------------------------ */
.e-spreadsheet td.e-cutright {
    border-right-color: @ssfroze-highlight-color;
}
.e-spreadsheet td.e-cutbottom {
    border-bottom-color: @ssfroze-highlight-color;
}
.e-spreadsheet .e-blur {
    background-color: @sscopy-blur-bgcolor;
}
.e-spanfilter, .e-spanddl{
    border-color: @ssheader-border-color;
    background-color: @default-bg-stcolor;
    color: @default-icon-color;
}
.e-spreadsheet .e-spreadsheetcontentcontainer .e-ss-object.e-ss-activeimg {
    border-color: @ssfroze-highlight-color;
}
.e-spreadsheet .e-spreadsheetcontentcontainer .e-ss-pivot.e-ss-activepivot {
    border-color: @ssfroze-highlight-color;
}
.e-spreadsheet  .e-ss-object.e-datavisualization-chart {
    border-color: @ssheader-border-color;
}
.e-spreadsheet .e-ss-imgvisual {
    border-color: @ssheader-border-color;
}
.e-spreadsheet .e-rowcell.e-redft {
    background-color: #ffc7ce;
    color: #9C0055;
}
.e-spreadsheet .e-rowcell.e-yellowft {
    background-color: #ffeb9c;
    color: #9c6500;
}
.e-spreadsheet .e-rowcell.e-greenft {
    background-color: #c6efce;
    color: #006100;
}
.e-spreadsheet .e-rowcell.e-redf {
    background-color: #ffc7ce;
}
.e-spreadsheet .e-rowcell.e-redt {
    color: #9C0055;
}
.e-spreadsheet .e-rowcell.e-hlcell {
    background-color: #ffff00;
    color: #ff0000;
}
.e-spreadsheet .e-rowcell.e-goto-blank {
    background-color: @sscopy-blank-bgcolor;
}
/*-------------------------- Formula Tab --------------------------- */
.e-spreadsheet .e-indexbox,
.e-spreadsheet .functionbox,
.e-spreadsheet .e-inputbox {
    border-color: @sscontent-border-color;
    color: @content-font-color;
    background-color: @content-bg-color;
}
.e-ss-autocomplete.e-atc-popup ul li {
    color: @ssheader-content-color;
}
.e-spreadsheet .e-inputbox > input {
    color: @sscontent-color;
}
/*-------------Pager-------------*/
.e-spreadsheet .e-pager .e-numericitem {
    color: @sspager-font-color;
}
.e-spreadsheet .e-pager .e-currentitem,
.e-spreadsheet .e-pager .e-currentitem:hover {
    background: @ssheader-select-bgcolor;
    color: @ssfroze-highlight-color;
    filter:none;   /* IE9 only*/
}
.e-spreadsheet .e-pager .e-numericitem:hover {
  color: @ssfroze-highlight-color;
}
.e-spreadsheet .e-pager {
    background-color: @ssheader-bgcolor;
}
.e-spreadsheet .e-pager .e-prevpagedisabled,
.e-spreadsheet  .e-pager .e-prevpage,
.e-spreadsheet .e-pager .e-nextpage,
.e-spreadsheet .e-pager .e-nextpagedisabled,
.e-spreadsheet .e-pager .e-lastpagedisabled,
.e-spreadsheet .e-pager .e-lastpage,
.e-spreadsheet .e-pager .e-firstpage,
.e-spreadsheet .e-pager .e-firstpagedisabled,
.e-spreadsheet .e-pager .e-numericcontainer {
    background-color: @ssheader-bgcolor;
}
.e-spreadsheet .e-pager .e-pagercontainer {
    background-color: @ssheader-bgcolor;
}
.e-spreadsheet .e-pager .e-icon:not(.e-disable):hover {
    color: @ssfroze-highlight-color;
    cursor: pointer;
}
.e-spreadsheet div.e-field-validation-error {
    background-color:  #fffe91;
    color: #cd0a0a;
}
div.e-dlg-field-validation-error:before {
    border-bottom-color:  #fffe91;
}
.e-spreadsheet div.e-error .e-errortail {
    border-bottom-color:  #fffe91;
}
.e-spreadsheetfooter {
    border-color: @ssheader-border-color;
}
.e-spreadsheet .e-hyperlinks {
    color: inherit;
}
.e-spreadsheet .e-pager .e-mediaforward {
    border-right-color: @content-border-color;
}
.e-spreadsheet .e-formulabar {
    background-color:@ssheader-bgcolor;
}
.e-ss-dialog .e-chartheader {
    background-color:@ssheader-bgcolor;
    color:@ss-chartmenu-color;
}
.e-ss-dialog .e-tab .e-header.e-addborderbottom .e-active {
    border-top-color:@ssheader-border-color;
}
/*---------------------- Dialog -------------------------- */
.e-dlgtab .e-header,
.e-valdlgtab .e-header {
    overflow: visible;
    /*border-color: @ssheader-bgcolor;*/
}
.e-dlg-field-validation-error {
    background-color:  #fffe91;
    color: #cd0a0a;
}
.e-dlgright,
.e-dlgleft,
.e-dlginput,
.e-dlgcontent,
.e-chtdlgright,
.e-chtdlgleft,
.e-chtdlgcontent {
    border-color: @ssheader-border-color;
}
.e-dlgviewpanel {
    border: 1px solid @ssdialog-border;
}
.e-ss-dlgtab .e-ss-sctnseparator {
    border-color: @ssdialog-border;
}

.e-ss-dialog hr {
    border-color: #eeeeee;
}
/*---------------------- Name Manager ------------------*/
.e-menu .e-nmuseinformularow:hover {
    background-color: @ssfroze-highlight-color;
}
/*---------------------- Cell Styles--------------------*/
.e-menu-wrap .e-cellstylecontent, .e-menu-wrap .e-formatastablecontent, .e-menu-wrap .e-chartcontent {
    background-color: @ss-chartmenu-bgcolor;
	color: @ss-chartmenu-color;
}
.e-menu-wrap .e-cellstyleheader, .e-menu-wrap .e-formatastableheader {
    background-color: @ss-chartmenuheader-bgcolor;
	color: @ss-chartmenu-color;
	border-color: @ssheader-border-color;
}
.e-cellstylecell:hover, .e-formatastablecell:hover, .e-menu-wrap .e-chartcontent:hover {
    border-color: @sshover-bg-color;
}
/*---------------------- Comments--------------------*/
.e-spreadsheet .e-celltoparrow {
    border-color:  #ff0000 transparent transparent;
}
.e-spreadsheet .e-comment-txtarea {
    background-color: #f7fbbd;
	 color: #000000;
}
.e-list.e-hdrcolor {
    background-color: @sscomments-hdr-bgcolor !important;
    color: @sscontent-color !important;
}
.e-list.e-color {
    border-color: @header-bg-stcolor !important;
}
.e-list.e-hdrcolor.e-mhover > a, .e-list.e-hdrcolor.e-mfocused > a {
    background-color: transparent !important;
    color: @sscontent-color !important;
}
.e-list.e-color.e-mhover.e-mfocused {
    border-color: @sscomments-focused-border !important;
}
.e-spreadsheet .e-excelfilter .e-in-wrap {
    border-color: @sscomments-excel-border;
}
/*---------------------------RTL--------------------------*/
.e-spreadsheetrowheader.e-scrollrowcss.e-rtl {
    border-color: @ssheader-border-color;
}
.e-spreadsheetcolumnheader.e-rtl {
    border-color: @ssheader-border-color;
}
.e-spreadsheetcontentcontainer.e-rtl {
    border-color: @ssheader-border-color;
}
.e-spreadsheet .e-numeric .e-in-wrap {
    border-color: @sscomments-excel-border;
}
.e-ss-dialog .e-chartselect {
    border-color: @ssactive-bg-color;
}
.e-menu-wrap .e-chartcell {
    border-color: @header-bg-stcolor;
}
.e-spreadsheet .e-ss-object {
    background-color: @content-bg-color;
}
.e-spreadsheet .e-ss-charttheme {
    background-color: @sschart-darktheme-bgcolor;
}
/*-------------------------Merge--------------------*/
.e-spreadsheet .e-ssr-horizontalprt .e-btn.e-ss-active {
   .spread-toggle-gradient();
   color:@sscontent-color;
}
.e-spreadsheet .e-ssr-horizontalprt .e-btn.e-ss-active:hover .e-icon {
    color:@ss-icon-color;
}
/*-------------------------Auto fill Option--------------------*/
.e-ss-colorpicker .e-in-wrap.e-tool, .e-ss-colorpicker .e-in-wrap.e-tool .e-select {
    background-color: @rbncontent-content-bg-color;
}
/*--------------------------------- Freeze Pane -------------------------------*/
.e-frow{
	border-bottom-color: @ssfroze-border-color;
}
.e-fcol {
	border-right-color: @ssfroze-border-color;
}
/*-------------------------Ribbon icons Customization--------------------*/
.e-spreadsheet .e-ssr-verticalHparent:hover .e-btn.e-select:not(.e-disable):not(.e-active),
.e-spreadsheet .e-split .e-in-wrap.e-ssr-horizontalprt:hover .e-split-btn:not(.e-disable),
.e-spreadsheet .e-ss-colorpicker .e-in-wrap.e-ssr-colpickHprt:hover:not(.e-disable) .e-ssr-colorcontainer {
  border-color: @sshover-bg-color;
}
.e-spreadsheet .e-ssr-verticalHparent:hover .e-active,.e-spreadsheet .e-splitspan .e-spreadsheet.e-btn.e-select:hover {
    .spread-toggle-gradient();
}
.e-spreadsheet .e-split.e-active .e-in-wrap.e-ssr-horizontalprt:hover .e-split-btn:not(.e-disable) {
    .spread-toggle-gradient();
}
.e-spreadsheet .e-split.e-active .e-box .e-btn,.e-spreadsheet .e-button.e-active {
    .spread-toggle-gradient();
	color:@ssactive-font-color;
}
.e-spreadsheet .e-split.e-active .e-box .e-btn .e-icon, .e-spreadsheet .e-split .e-btn.e-select:active .e-icon{
    color: @ssactive-icon-color;
}
.e-spreadsheet .e-hborder {
    border-color: transparent;
}
.e-spreadsheet .e-content.e-viewbrdr {
    border-color: @ssheader-border-color;
}
/*-------------------------------------Spreadsheet Ribbon override------------*/
.e-spreadsheet .e-ribbon .e-header {
    border-right: none;
    border-left: none;
    border-top: none;
}
.e-spreadsheet .e-ribbon .e-content {
    border-right: none;
    border-left: none;
}
.e-spreadsheet .e-ribbon .e-header {
    border-right: medium none;
    border-left: medium none;
    border-top: medium none;
}
.e-spreadsheet .e-ribbon  .e-content {
    border-right: medium none;
    border-left: medium none;
}
.e-ribbon .e-btn.e-ss-active {
    background-color: @ssfroze-highlight-color;
    color: @header-bg-stcolor;
}
.e-spreadsheet .e-ribbon .e-ddl {
    border-color: @ssdrpdwnbrdr;
}

.e-spreadsheet .e-ribbon .e-ddl.e-widget.e-focus .e-in-wrap {
    box-shadow: 0 0 7px #ccc;
}

.e-spreadsheet .e-ribbon .e-ddl {
    border-color: @ssdrpdwnbrdr;
}
.e-spreadsheet .e-menu.e-split,.e-menu-wrap .e-spreadsheet.e-split.e-autofillbtn li.e-list, .e-spreadsheet .e-splitspan .e-btn.e-select {
   background:@ssheader-bgcolor;
}
.e-ssr-bscontent div:not(.e-ssr-bsnewtmpl) .e-btn.e-select{ 
   border-color:@ssheader-border-color;
}
.e-ss-colorpicker.e-popup {
   background-color:@ssheader-bgcolor;
   color:@ssheader-content-color;
}
.e-spreadsheet .e-pager .e-numericitem:not(.e-currentitem) {
   background-color:@ssheader-bgcolor;
}
.e-spreadsheet .e-ribbon .e-btn.e-select.e-disable:hover .e-icon {
   color:@ss-icon-color;
}
.e-spreadsheet .e-rowheader.e-filterhiglight, .e-spreadsheet .e-rowheader.e-rowhighlight.e-filterhiglight {
   color:#00cc00;
}
.e-spreadsheet .e-headercell {
        cursor:@ssdown-arrow-cursor;
    }
.e-spreadsheet .e-rowheader {
        cursor:@ssright-arrow-cursor;
    }
.e-ss-fpcursor {
        cursor:@ssformatpainter-cursor;
    }
.e-ss-drwbrdrcursor {
        cursor:@ssdraw-border-cursor;
    }
.e-ss-drwbrdrgridcursor {
        cursor:@ssdraw-border-grid-cursor;
    }

/***********************SpreadsheetTextArea***********************************/

   .e-ss-textarea, .e-ss-textarea:focus, .e-ss-textarea:hover{
        border-color:@ss-textarea-color;
    }

/*-------------------------------------SpreadsheetCellType--------------------*/
.e-spreadsheet .e-cellreadonly .e-datewidget .e-select{
	 background:@ssheader-bgcolor;
}
.e-spreadsheet .e-cellreadonly .e-ddl .e-select{
	 background:@ssheader-bgcolor;
}
/*----------------------------Activation Panel-------------------------*/
.e-spreadsheet .e-spreadsheetactpanel{
	border-left-color: @ssheader-border-color;
}
/*---------------------------Border Menu-------------------------------*/
.e-spreadsheet .e-bordercontainer {
	background-color: @content-bg-color;
}
.e-spreadsheet .e-bordercell:hover {
	border-color: @sshover-bg-color;
}
.e-spreadsheet .e-ss-bdr-header {
	background-color: @content-bg-color;
	border-color: @header-border-color;
}
/*---------------------------Pivot Table-------------------------------*/
.e-spreadsheet .e-ss-pivottableheader {
     background-color: @ssheader-select-bgcolor;
     border-color: @ssheader-border-color;
    color: @ssheader-content-color;

}

/*-------------------------------------SpreadSheet End -----------------------*/


.e-ganttchart .e-ganttviewerbodyContianer{
    background-color:@gantt-chart-content-bg-color;
}
.e-ganttchart .e-ganttviewerbodyContianerparent {
    border-right-color:@gantt-content-border-color;
}

.e-ganttchart .e-headercell-weekend > div
{
    .ganttheader-gradient();
}
.e-ganttchart .e-weekends
{
    background-color:@gantt-weekends-bg-color;
}

.e-ganttchart-core{
    background:@gantt-chart-content-bg-color; 
}

.e-ganttchart  .e-borderbox {
  border-bottom-color:@gantt-chart-content-bg-color;
 }

.e-ganttchart .e-schedule-day-headercell,
.e-ganttchart .e-schedule-hour-headercell,
.e-ganttchart .e-schedule-week-headercell {  
    .material-gantt-header-background;
    color: @gantt-schedule-font-color;    
    border-color: @gantt-header-border-color !important;    
    font-family:@font-family;
}


.e-ganttchart .e-ganttviewerheaderContainer { 
    .ganttheader-gradient();
    .material-gantt-header-background;
    color: @gantt-schedule-font-color;
    border-bottom-color:@gantt-header-border-color !important;
    border-right-color:@gantt-header-border-color;
}

.e-ganttchart .milestone-top{
    
    border-bottom-color:@gantt-milestone-bg-color;
}

.e-ganttchart .milestone-bottom {
    border-top-color:@gantt-milestone-bg-color;
}

.e-ganttchart .e-taskbarname {
    color: @gantt-content-font-color;
    font-family: @font-family;
}
.e-ganttchart .e-resourceinfo {
      font-family: @font-family;
}
.e-ganttchart .connectorline-rightarrow {
    border-left-color:  @gantt-connectorline-arrow-bg-color;
}

.e-ganttchart .connectorline-leftarrow {
    border-right-color:  @gantt-connectorline-arrow-bg-color;
}

.e-progressbartooltip,
.e-editingtooltip,
.e-tooltipganttpredecessor {
    .tgPopUp-gradient();
    background-color: @gantt-content-bg-color;
    color: @gantt-content-font-color;
    border-color: @gantt-tooltip-border-color;
}

.e-tooltiptaskname {
    color: @gantt-tooltip-font-color;
	font-family: @font-family;
}
.e-tooltipgantt,
.e-progressbartooltip,
.e-editingtooltip,
.e-tooltipganttpredecessor {
    font-family: @font-family;
}
.e-ganttchart .e-tasklabel {
    font-family: @font-family;
    color:@active-font-color;
}
.e-ganttchart .e-gantt-mouseclick {
    .gantt-row-selection();
     .high-contrast-gantt-active-font-color;
    color:@gantt-selection-font-color;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@{gantt-row-selection-bg-color}", endColorstr="@{gantt-row-selection-bg-color}", GradientType=0), progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}

.e-ganttchart .e-progresshandle {
    background: @gantt-progressHandle-color;
}

.e-ganttchart .e-progresshandleafter {
     border-bottom-color:  @gantt-progressHandle-color;
}

.e-ganttchart .e-gantt-parenttaskbar-progress,
.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
    border-color:@gantt-parent-taskbar-border-color;
}

.e-ganttchart .e-gantt-childtaskbar-progress,
.e-ganttchart .e-gantt-childtaskbar {
    border-color:@gantt-child-taskbar-border-color;
}

.e-ganttchart .e-chartcell {
    border-bottom-color: transparent;
}

.e-ganttchart .e-gantt-mouseclick .e-chartcell .e-resourceinfo,
.e-ganttchart .e-gantt-mouseclick .e-chartcell .e-tasknameContainer .e-taskbarname {
    font-family: @font-family;
    .high-contrast-gantt-active-font-color;
    color: @gantt-selection-font-color;
}

.e-ganttchart .e-gantt-parenttaskbar-progress {
     .gantt-parent-progress-background();
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{gantt-parent-progress-enbg-color}', endColorstr='@{gantt-parent-progress-enbg-color}',GradientType=0 );
}

.e-ganttchart .e-gantt-parenttaskbar-innerdiv {
    background-color:@gantt-parent-task-bg-color;
    background: rgb(red(@gantt-parent-task-bg-color),green(@gantt-parent-task-bg-color),blue(@gantt-parent-task-bg-color))~'\9';
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@{gantt-parent-taskbar-color}', endColorstr='@{gantt-parent-taskbar-color}',GradientType=0 );
}

.e-ganttchart .e-gantt-childtaskbar-progress{
    .gantt-child-progress-background();
}
.e-ganttchart .e-gantt-childtaskbar {
    background-color:@gantt-child-task-bg-color;
    background: rgb(red(@gantt-child-task-bg-color),green(@gantt-child-task-bg-color),blue(@gantt-child-task-bg-color))~'\9';
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.e-ganttchart .manualprogressbar {
 .gantt-child-manualprogress-background();
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{gantt-chart-manual-child-progressbar-stbg-color}', endColorstr='@{gantt-chart-manual-child-progressbar-endbg-color}',GradientType=0 );
  border-color:@gantt-chart-manual-child-taskbar-border-color;
}
.e-ganttchart .manualchildtaskbar {
    background-color:@gantt-chart-manual-child-taskbar-color;
     border-color:@gantt-chart-manual-child-taskbar-border-color;
}
.e-ganttchart .e-line {
    background-color:@gantt-connectorline-color;
}

.e-ganttchart .e-connectorpoint-hover {
    background-color:@gantt-connectorpoint-hover-color;
}

.e-ganttchart .e-gantt-falseLine {
    border-top-color:@gantt-falseLine-color;
}

.e-ganttchart .gripper:before {
   color:@gantt-task-gripper-color;
   background: rgb(red(@gantt-task-gripper-color),green(@gantt-task-gripper-color),blue(@gantt-task-gripper-color))~'\9';
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.e-ganttchart .e-ganttgridlines {
   border-bottom-color:  @gantt-chart-border-color;
}

.e-ganttchart .e-criticalconnectorline {
    background-color: @gantt-chart-critical-connectorline-color !important;
}

.e-ganttchart .e-criticalconnectorlinerightarrow {
    border-left-color: @gantt-chart-critical-connectorline-rightarrow-color !important;
}

.e-ganttchart .e-criticalconnectorlineleftarrow {
    border-right-color: @gantt-chart-critical-connectorline-leftarrow-color !important;
}

.e-ganttchart .e-criticalprogressbar {
    background: @gantt-chart-critical-child-progressbar-color !important;
    border-color: @gantt-chart-critical-child-progressbar-border-color !important;
}

.e-ganttchart .e-criticaltaskbar {
    background: @gantt-chart-critical-child-taskbar-color !important;
    border-color: @gantt-chart-critical-child-taskbar-border-color !important;
}

.e-gantt-manualparenttaskbar {
    background-color: #b3b3b3;
}

.e-gantt-manualparenttaskbar-left, .e-gantt-manualparenttaskbar-right {
    border-color: #b3b3b3;
}

.e-gantt-manualparenttaskbar-connectorpoint-hover {
    background-color: #b3b3b3 !important;
}




/*------------------------------------- Radial Menu -------------------------------------------*/

.e-radialmenu .e-childdefault{
    fill: @active-bg-stcolor;
}
.e-radialmenu .e-default, .e-radialmenu .e-outerdefault{
    fill: @default-bg-stcolor;
}
.e-radialmenu .e-active{
    fill: @hover-bg-stcolor;
}
.e-radialmenu .e-arcbgcolor,.e-radialmenu .e-itembgcolor,.e-radialmenu .e-circlebgcolor{
    fill: @content-bg-color;
    stroke:@content-bg-color;
}
.e-radialmenu .e-textcolor{
    fill: @content-font-color;    
}
.e-radialmenu .e-radial{
    border-color: @active-bg-stcolor; 
    background-color:@content-bg-color;
}
.e-radialmenu .e-badgetext{
    fill: @radial-badge-color;    
}
.e-radialmenu .e-badgecircle{
    fill: @active-bg-stcolor;    
}
.e-radialmenu .e-radialslider {
    background-color:@content-bg-color;
}




.e-nb.e-nb-layout.e-nb-right {
    .default-gradient();
    color: @default-font-color;
    border-left: 1px solid @default-border-color;
    box-shadow: -1px 0 10px 0 black;
    overflow-y: auto;
}

.e-nb.e-nb-layout.e-nb-left {
    background: @content-bg-color;
    border-right: 1px solid @default-border-color;
    box-shadow: -1px 0 10px 0 black;
    overflow-y: auto;
}
.e-lv.subpage
{
    border-bottom: @border-size @border-type @content-border-color;
    border-left: @border-size @border-type @content-border-color;
    border-right: @border-size @border-type @content-border-color;
}
.e-lv .e-lv .e-list-container{
    border:none;
}
.e-lv > .e-header > .e-icon:hover:before{
    .material-hover-navigation-header-icon-color;
}

/*------------------------------------- Tile View -------------------------------------------*/

.e-tile {
    color: @active-font-color;
}

.e-tile .e-image-parent {
    .tile-bg-gradient;
}

.e-tile .e-image-parent {
    .material-tileview-bg-color;
}

.e-tile .e-tile-selected::after {
    border-top: 28px solid @cell-selection-stbg-color;
}

.e-tile .e-tile-selected {
    border: 2px solid @active-border-color;
}


/*------------------------------------- Radial Slider -------------------------------------------*/
.e-radialslider .e-radial-needle {
    stroke: @active-bg-stcolor;
}

.e-radialslider .e-inner-circle {
    border-color: @active-bg-stcolor;
}

.e-radialslider .e-radialarcdefault {
    stroke: @active-bg-stcolor;
}

.e-radialslider .e-ticks-text, .e-radialslider .e-dynamic-text {
    fill: @default-font-color;
}

.e-radialslider .e-needle-over {
    stroke: @active-bg-stcolor;
}

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


.e-signature{

         background-color: @content-bg-color;
         border: 3px solid @active-bg-stcolor;
}


/*------------SpellCheck themes -------------*/

.e-spellcheckparent .e-errorword {
    color: red;
}
.e-spellcheckparent .e-sentence {
    border-color:@content-border-color;
    background-color:@content-bg-color;
}
.e-spellcheckparent .e-suggestionlist {
  border-color:@content-border-color;
}

