@font-family: Segoe UI;
@font-size: 12px;
@border-size: 1px;
@border-type: solid;

@header-bg-stcolor: #fcfcfc;
@header-bg-endcolor: #fcfcfc;
@header-gradient-color: none;
@header-border-color: #c8c8c8;
@header-font-color: #282827;
@header-icon-color: #232323;

@tooltip-line-height : 18px;

@content-bg-color: #ffffff;
@content-border-color: #c8c8c8;
@content-font-color: #333333;

@default-bg-stcolor: #ececec;
@default-bg-endcolor: #ECECEC;
@default-gradient-color: none;
@default-border-color: #c8c8c8;
@default-font-color: #333333;
@default-icon-color: #686969;

@hover-bg-stcolor: #86cbea;
@hover-bg-endcolor: #86cbea;
@hover-gradient-color: none;
@hover-border-color: #c8c8c8;
@hover-font-color: #282827;
@hover-icon-color: #282827;

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

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

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

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

@scroll-bg-color: darken(@content-bg-color, 2%);
@scroll-handle-color: @default-bg-stcolor;
@scroll-handle-hover-color: @hover-bg-stcolor;
@scroll-handle-active-color: @active-bg-stcolor;

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

@gtouch-border-color: #000000;

@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;
@gdroparea-hover-color: @hover-bg-stcolor;
@gcaption-border-color: lighten(@default-bg-stcolor, 4%);
@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(196,196,196,0.5);
@row-selection-bg-color: @active-bg-stcolor;
@row-selection-font-color: @active-font-color;
@cell-selection-stbg-color: darken(@active-bg-stcolor, 7%);
@cell-selection-endbg-color: darken(@active-bg-endcolor, 7%);
@column-selection-bg-color: @default-bg-stcolor;
@alt-row-bg-color: darken(@content-bg-color, 3%);

@pager-font-color: @default-font-color;
@pager-default-font-color: @default-font-color;
@pager-default-border-color: @default-border-color;
@pager-default-bg-color: @default-bg-stcolor;
@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: #939292;
@filter-input-bg-color: #F6F7F7;

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

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

@watermark-font-style: italic;
@watermark-font-color: lighten( saturate( spin( @default-font-color, 240deg ), 1% ), 62% );
@watermark-font-weight: lighter;
@watermark-font-size: 14px;

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

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

@shadow-bg-color: darken( @default-bg-stcolor, 13% );
@input-bg-color: #ffffff;

@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;

@grid-uisupport-background-color: #BBBDC0;
@grid-uisupport-number-color: #FFFFFF;
@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: darken(@content-bg-color,2%);
@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-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;
@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: darken(@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: darken(@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: @content-bg-color;

@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;
}

.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%, 10%);
}

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

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

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

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

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

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

.hover-gradientfunction() {
    background: @rv-documentMappopup-bg-color; /* Old browsers */
}

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

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

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

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

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

.gantt-row-selection() {
    @temp-gradient:@gantt-row-stbg-color, @gantt-row-endbg-color;
    .custom-gradient(@temp-gradient, @gantt-row-stbg-color, @gantt-row-endbg-color, 0%, 0% );
}

.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();
}

@colorpicker-image: url(../common-images/colorpicker_light.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: #5c5c5c;
@header-ui-icon: url(../common-images/icons-white.png);
@default-ui-icon: url(../common-images/icons-gray.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-gray.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);

/*-----------------------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: lighten( @default-icon-color, 48 );
}

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

.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: lighten( @default-icon-color, 19 );
}


.chartTypesDialog-setcolor() {
    background-color: @default-bg-stcolor;
    border: 2px solid @content-border-color;
}
/*-----------------------OLAP Definition End-----------------*/

/*----------------------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: white;
@rv-navigate-disabled-color: #B2B2B2;
@rv-viewerblock-font-size: 12.5px;
@rv-viewerblockcellcontent-font-size: 14.5px;
@rv-viewerbviewerblockcellcontent-color: #5B5B5B;
@rv-viewport-border-left-color: #CCCCCC;
@rv-scrollcontainer-splitter-pane-bg-color: #E2E1E1

!important; @rv-viewerblock-bg-color: #F6F6F6; @rv-pageviewcontainer-bg-color:#e9e9e9; @rv-documentMappopup-bg-color:#EBEBEB; @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:#FFFFFF; @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;
/*-----------------------Datepicker Definition-----------------*/
@disable-datepicker-text: lighten( @default-font-color, 55% );
/*-----------------------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:#000000; .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();
}

.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-a-border-color:@active-border-color;
@rbncontent-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;                            
@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:#CECECE;
@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: @hover-font-color;
.ribbon-toggle-gradient(){
  .custom-gradient(@active-gradient-color,@rbntoggle-start-color, @rbntoggle-end-color, 18%, 0%);
}
.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 End-----------------------*/
/*----------------------Kanban Definition-----------------------*/
@kanban-cell-exceed: #f8d9c7;
@kanban-cell-deceed: #ffedcd;
@kanban-cell-border:@default-border-color;
@kanban-card-border:@content-border-color;
@kanban-select-cardhead-border:lighten(@default-border-color,3%);
@kanban-cardhead-border:lighten(@default-border-color,3%);
@kanban-toolbar-border:@default-border-color;

.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 End-----------------------*/
/*----------------------Spreadsheet Definition-----------------------*/
@sscontent-color: #333333;
@ssheader-content-color:#333333;
@sscontent-border-color: #c8c8c8;
@sscell-border-color: #c8c8c8;
@ssrow-bgcolor: #ffffff;
@sscopy-blur-bgcolor: darken( #ffffff, 4% );
@ssfroze-border-color: #c8c8c8;
@ssborder-bright: darken( desaturate( #179bd7, 8% ), 1% );
@ssdialog-border: #c8c8c8;
@sscopy-blank-bgcolor: #c8c8c8;
@sspager-media-bordercolor: #c8c8c8;
@sscomments-hdr-bgcolor: darken( #ffffff, 5% );
@sscomments-focused-border: lighten( desaturate( #179bd7, 18% ), 14% );
@sscomments-excel-border: darken( saturate( #c8c8c8, 1% ), 4% );
@sscontainer-bgcolor: #ffffff;
@ssborder-rright: #fc100c;
@ssborder-vright: #6a13ad;
@ssborder-gright: #62c435;
@ssborder-pright: #f411b0;
@ssborder-oright: #e59604;
@sscopy-spfilter-bgcolor: #eeeeee;
@sscopy-redft-bgcolor: #ffc7ce;
@sscopy-redft-color: #9C0055;
@sscopy-yellowft-bgcolor: #ffeb9c;
@sscopy-yellowft-color: #9c6500;
@sscopy-greenft-bgcolor: #c6efce;
@sscopy-greenft-color: #006100;
@sscopy-hlcell-bgcolor: #ffff00;
@sscopy-hlcell-color: #ff0000;
@sserror-valid-bgcolor: #fffe91;
@sserror-valid-color: #cd0a0a;
@sscomments-txt-bgcolor: #f7fbbd;
@sscomments-arrow-color: #ff0000;
@ssheader-hoverfont-color: #3d3d3d;
@sspager-font-color:#333333;
@ssrow-filterhiglight-color: #00cc00;
@ssheader-border-color: @header-border-color;
@ssheader-bgcolor: @content-bg-color;
@sshover-bg-color: @hover-bg-stcolor;
@ssheader-select-bgcolor: lighten( desaturate(@hover-bg-stcolor, 14% ), 20% );
@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:@content-bg-color;
@ss-chartmenu-color:@default-font-color;
@ss-textarea-color:@default-border-color;
.spread-toggle-gradient(){
  .custom-gradient(@active-gradient-color,@ssbtntgle-start-color, @ssbtntgle-end-color, 18%, 0%);
}
/*----------------------Spreadsheet End-----------------------*/

/*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-icon{
 color: @default-icon-color;
}
.e-groupheadercell .e-icon {
color: @header-icon-color;
}
.e-grid .e-gridheader .e-icon{
 color: @header-icon-color;
}
.e-grid .e-icon.e-animatebutton{
 color: white;
 cursor: default;
}
.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;
}
.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-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;
}

.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;
}
.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 .e-scrollcss {
 .gheader-gradient();
}
.e-grid .e-headercell-hover,
.e-grid .e-filtercell:hover,
.e-grid .e-groupheadercell:hover{
.pager-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-ejinputtext {
border: 1px solid @content-border-color;
outline:none;
background-color: @content-bg-color;
color: @content-font-color;
vertical-align:baseline;
}

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

.e-grid .e-summaryrow {
	background-color:@gcaption-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-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,
.e-excelfilter .e-btncontainer input {
    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 input {
line-height: normal;
}
.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-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: @gcontent-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 {
    color: @default-font-color;
}

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

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

.e-schedule .e-commonviewbutton:hover,
.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-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 {
    border-bottom: 3px @border-type @gheader-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 {
    border-bottom: 3px @border-type @gheader-border-color !important;
}

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

.e-schedule .e-horizontaltimetd {
    border-bottom: 3px @border-type @gheader-border-color !important;
    border-top: @border-size @border-type @content-border-color !important;
    border-left: @border-size @border-type @content-border-color;
}

.e-schedule .e-horizontalalternatetd {
    border-bottom: 3px @border-type @gheader-border-color !important;
    border-left: @border-size @border-type transparent;
    border-top: @border-size @border-type @content-border-color !important;
}

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

.e-schedule .e-horizontmonthheaderdaytd {
    border-bottom: 3px @border-type @gheader-border-color !important;
    border-left: @border-size @border-type @content-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: @alt-row-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-scheduleallday {
    color: @gheader-border-color;
}

.e-schedule .e-agendahover,
.e-schedule .e-schedulerepeat,
.e-schedule .e-schedulerepeatedit
 {
    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: @gcontent-bg-color;
}

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

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

.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 {
    color: @default-icon-color;
}

.e-schedule .e-scheduleheader > td {
    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-headerbackcolor,
.e-schedule .e-timecells {
    border-bottom: @border-size @border-type @content-border-color;
}

.e-schedule .e-currentdayhighlight {
    background : fade(@active-bg-stcolor, 30%);
  }

.e-schedule .e-mousehover {
    background-color: @schedule-select-bg-color;
    color: @hover-font-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 {
    border-left: @border-size @border-type @content-border-color;
    border-bottom: @border-size @border-type @content-border-color;
}

.e-schedule .e-headercells {
    border-left: @border-size @border-type @content-border-color;
    border-bottom: 3px @border-type @gheader-border-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-resourcecells,
.e-schedule.e-rtl .e-headercells,
.e-schedule.e-rtl .e-monthcells,
.e-schedule.e-rtl .e-horizontmonthheaderdatetd,
.e-schedule.e-rtl .e-horizontmonthheaderdaytd {
    border-left: none !important;
    border-right: @border-size @border-type @content-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 {
    border-left: none !important;
    border-right: @border-size @border-type @content-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();
    color: @active-font-color;
    border-color: @active-border-color;
}

.e-schedule .e-monthleftcells,
.e-schedule .e-settingsindent {
    border-bottom: 3px @border-type @gheader-border-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-detailedapp,
.e-scheduledialog .e-editevents,
.e-scheduledialog .e-textdetailcolor {
    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-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-vdown.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-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-vup.e-button,
.e-scroller .e-vscroll .e-vdown.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-vup.e-button:hover,
.e-scroller .e-disable .e-vdown.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-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
{    
    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.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-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;
    .focus-border-color();
}

.e-atc-popup .e-category {
	border-bottom: 1px solid @content-border-color;
}
.e-atc-popup .e-hover {
	.hover-gradient();
    color: @hover-font-color;
    border-color: @hover-bg-stcolor;
}
.e-atc .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-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;
}





/*------------------------------------- Button -------------------------------------------*/
.e-btn , .e-tbtn , .e-split-btn 
{
    font-family: @font-family;
    font-weight: @content-font-weight;
    font-size: @content-font-size;
}
.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;   
}
.e-btn.e-select,.e-btn.e-disable.e-select:hover,.e-tbtn.e-disable
{
    .bs-default-gradient();
    color: @default-font-color;
    border-color: @default-border-color;
}
.e-btn.e-disable,.e-btn.e-disable .e-icon{
    cursor:default;
}
.e-btn.e-select:hover
{
    .hover-gradient();
    border-color: @hover-border-color;
    color:  @hover-font-color;
}
.e-btn.e-select:active ,.e-btn.e-disable.e-active.e-select:hover, .e-tbtn.e-active
{
    .active-gradient();
    border-color: @active-border-color;
    color:  @active-font-color;
}
.e-drp-btn.e-select,.e-btn.e-select .e-icon,.e-btn.e-select.e-disable:hover,.e-btn.e-select.e-disable:hover .e-icon
{
    color: @default-icon-color;
}
.e-drp-btn.e-select:hover,.e-btn.e-select:hover .e-icon
{
    color:  @hover-icon-color;
}
.e-drp-btn.e-select:active,.e-btn.e-select:active .e-icon,.e-btn.e-active .e-icon,.e-btn.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 {
    .default-gradient();
    color: @default-font-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;
}


/*------------------------------------- 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 {
    background-color: @colorpicker-popup-bg-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: @colorpicker-popup-boder-color;
}

.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;
    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;
}

.e-presetWrapper .e-presetHeader, .e-colorpicker .e-element .e-icon:before {
    color: @content-font-color
}
.e-colorpicker .e-buttons .e-grpbtn .e-btn {
    color: @default-font-color;
}
.e-colorpicker .e-buttons .e-color-code{
    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;
}

.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-fileexplorer,.e-fileexplorer input,input.e-fe-dialog-text,
.e-fe-toolbar.e-responsive-toolbar input{
    border-color:@default-border-color;
} 
 
.e-fileexplorer .e-splitter .e-splitbar,
.e-fileexplorer .e-statusbar,.e-fileexplorer .e-grid .e-gridheader 
{
    border-color: @content-border-color;
}

.e-fileexplorer input, .e-fileexplorer .e-treeview .e-text,
.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-feItem-Layout .e-active .e-icon
{
    color: @active-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
{
    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.e-active
{
    color: @active-font-color;
}

.e-fileexplorer.e-js .e-treeview .e-text:hover,
.e-fileexplorer .e-actionbar .e-btn.e-select:hover
{
    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
{
    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
{
    color: @default-icon-color;
    .default-gradient();
    border-color:@default-border-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 {
    border-bottom-color: @active-bg-stcolor;
}
.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 {
    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-feItem-Layout.e-hover, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Layout.e-hover,
.e-fileexplorer .e-toolbar .e-feItem-Layout.e-active, .e-fe-toolbar.e-responsive-toolbar .e-feItem-Layout.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-feItem-Layout .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;
}
/*------------------------------------------------------------------*/




/*------------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.e-focus .e-in-wrap
{
    .focus-border-color();
	box-shadow: 0 0 @shadow-bg-size @bs-shadow-bg-color;
}
.e-datewidget .e-select, .e-datewidget.e-rtl .e-select,.e-datewidget .e-disable.e-select:hover
{
    .bs-default-gradient();
	border-color: @content-border-color;
    color: @default-icon-color;
}
.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;
}
.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: @header-font-color;
}
.e-datepicker .e-footer
{
	color: @default-font-color;
	border: @border-size @border-type transparent;
}
.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: @hover-font-color;
}
.e-datepicker .e-week-header,.e-datepicker .e-week-header:hover
{
    .default-gradient();
    color: @content-font-color;
    border-bottom: @border-size @border-type transparent;
}
.e-datepicker table td:hover,.e-datepicker td.e-state-hover,.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;
	box-shadow: 0 0 0 transparent inset;
}

.e-datepicker table td.e-disable:hover,
.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
{
    color: @hover-icon-color;
}
.e-datepicker .e-left-arrow:hover,
.e-datepicker .e-right-arrow:hover
{
    background-color: @hover-bg-stcolor;
    border-radius: 4px 4px 4px 4px;
    border-color: @hover-border-color;
}
.e-datepicker .e-disable.e-left-arrow:hover,
.e-datepicker .e-disable.e-right-arrow: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;
}
.e-datepicker .other-month.e-active
{
    background: none;
}
.e-datepicker .e-active,.e-datepicker .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-datepicker table td.other-month:hover, 
.e-datepicker .e-allyear-first:hover, 
.e-datepicker .e-allyear-last:hover, 
.e-datepicker .e-year-first:hover, 
.e-datepicker .e-year-last:hover
{
    color: @watermark-font-color;
	background-color: transparent;
    border-color: @hover-border-color;
}

/*Disable State Styles*/

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

.e-datepicker.e-popup.e-disable table td:hover,
.e-datepicker.e-popup.e-disable td.e-state-hover,
.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-datepicker.e-popup.e-disable .e-left-arrow:hover,
.e-datepicker.e-popup.e-disable .e-right-arrow:hover {
    background: none;
    border-radius: 0px;
    border-color: @hover-border-color;
}

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

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

.e-datepicker .e-datepicker-headertext:hover {
    background: @hover-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;
}



/*------------------------------------- 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-focus .e-in-wrap, .e-datetime-popup .e-focus {
    box-shadow: 0 0 @shadow-bg-size @bs-shadow-bg-color;
}

.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-datetime-wrap .e-disable.e-select:hover {
    .bs-default-gradient();
    border-color: @content-border-color;
    color: @default-icon-color;
}

.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;
    color: @content-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-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 {
    .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-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-timepicker .e-hours-headertext:hover,
.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-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-timepicker table td.e-disable:hover {
    background: none;
    border-color: none;
    color: @disable-datepicker-text;
}

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

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

.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-timepicker.e-popup.e-disable .e-left-arrow:hover,
.e-timepicker.e-popup.e-disable .e-right-arrow:hover {
    border-color: @hover-border-color;
}

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



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

.sf-d-menuitem {
  background-image: url("../common-images/diagram_context.png");
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
}

.sf-d-menuitem.hover {
        background-image: url("../common-images/diagram_context1.png");
    }

.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-disable .e-dialog-icon:hover {
    background:transparent;
}
.e-dialog .e-dialog-icon:before {
    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;
    border-bottom: 3px @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 .e-icon:before {
    color:@header-icon-color;
}
.e-dialog .e-dialog-icon:hover .e-icon:before {
    color:@hover-icon-color;
}


/*------------------------------------- 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;
    .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-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-isearch:before, .e-ddl-popup .e-atc.e-search .e-iclose:before  {
    color:@content-border-color;
}
.e-ddl-popup .e-checkwrap {
    border: 1px solid @content-border-color;
    background-color: @content-bg-color;
}
.e-ddl-popup .e-check-act:before {
   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 {
    background-color: @content-bg-color;
    border: @border-size @border-type @content-border-color;
}

.e-arrowRightTop:after ,
.e-arrowRightCenter:after,
.e-arrowRightBottom:after {
	border-right-color: @content-bg-color;
}
.e-arrowRightTop:before,
.e-arrowRightCenter:before,
.e-arrowRightBottom:before {
	border-right-color: @content-border-color;
}

.e-arrowLeftTop:after,
.e-arrowLeftCenter:after,
.e-arrowLeftBottom:after {

    border-left-color: @content-bg-color;
}
.e-arrowLeftTop:before,
.e-arrowLeftCenter:before,
.e-arrowLeftBottom:before {
	border-left-color: @content-border-color;
}
.e-arrowBottomLeft:after,
.e-arrowBottom:after,
.e-arrowBottomRight:after {
	
	border-bottom-color: @content-bg-color;
}
.e-arrowBottomLeft:before,
.e-arrowBottom:before,
.e-arrowBottomRight:before {
	
	border-bottom-color: @content-border-color;
}
.e-arrowTopLeft:after,
.e-arrowTop:after,
.e-arrowTopRight:after {

	border-top-color: @content-bg-color;
}
.e-arrowTopLeft:before,
.e-arrowTop:before,
.e-arrowTopRight:before {
	
	border-top-color:@content-border-color;
}
.e-def{
  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-tooltipCancel:before{
    color: @header-font-color;
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader.e-tooltipCancel:hover{
    .hover-gradient();
    color: @hover-icon-color;
    border-color: @hover-border-color;
}
.e-tooltip-wrap .e-modalCancel: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{
 .hover-gradient();	
  color: @active-font-color;
  opacity:0.5;
 text-align:center;
	}
.e-listbox li {
padding-left: 10px !important;
word-break: break-all;
}
.e-ddl-popup.e-load	{
    background-image: @ajaxloaderimage;
	background-position: center;
    background-repeat: no-repeat;
}

/*Theme Color*/

.e-lv
{
    font-family: @font-family;
}

/*List Item*/

.e-lv .e-list {
    border-bottom: @border-size @border-type @content-border-color;
    font-size:@font-size;
}
.e-lv .e-list .e-list-anchor.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-list-anchor .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-list-anchor .e-list-text{
    color:@hover-font-color;
}
.e-lv .e-list:hover > .e-list-anchor.e-fontimage:before{
    color:@hover-icon-color;
}
.e-lv .e-list .e-list-anchor: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-list-anchor .e-list-text{
    color:@active-font-color;
}
.e-lv .e-list.e-state-active > .e-list-anchor.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;
    border-bottom: 3px @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-lv > .e-header:hover >.e-icon:before{
    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 .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;
    .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;
}
.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 >a,.e-menu.e-horizontal .e-list >span,
.e-menu.e-vertical .e-list > a,.e-menu.e-vertical .e-list > span,
.e-menu.e-context .e-list > a,.e-menu.e-context .e-list > span,
.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 > ul:after {
    border-color: transparent transparent @content-bg-color;
    border-style: @border-type;
}

.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 > a,.e-menu.e-horizontal .e-list >ul li.e-haschild:hover > span,
.e-menu.e-vertical .e-list >ul li.e-haschild:hover > a,.e-menu.e-vertical  .e-list >ul li.e-haschild:hover > span,
.e-menu.e-context .e-list >ul li.e-haschild:hover > a,.e-menu.e-context .e-list >ul li.e-haschild:hover > span {
     .bs-hover-gradient();   
    .hover-font-color();
}

.e-menu.e-horizontal .e-list:hover > a,.e-menu.e-horizontal .e-list:hover > span,
.e-menu.e-vertical  .e-list:hover > a,.e-menu.e-vertical  .e-list:hover > span,
.e-menu.e-context .e-list:hover > a,.e-menu.e-context .e-list:hover > span{
  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 >ul li.e-haschild.e-active > a,.e-menu.e-horizontal .e-list >ul li.e-haschild.e-active > span,
.e-menu.e-vertical .e-list >ul li.e-haschild.e-active > a,.e-menu.e-vertical  .e-list >ul li.e-haschild.e-active > span,
.e-menu.e-context .e-list >ul li.e-haschild.e-active > a,.e-menu.e-context .e-list >ul li.e-haschild.e-active > span{
  .active-gradient();
   color:@active-font-color;
   border-color: @active-bg-stcolor;
}

.e-menu.e-horizontal .e-list.e-active > a,.e-menu.e-horizontal .e-list.e-active > span,
.e-menu.e-vertical  .e-list.e-active > a,.e-menu.e-vertical  .e-list.e-active > span,
.e-menu.e-context .e-list.e-active > a,.e-menu.e-context .e-list.e-active > span,
.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 a:hover,.e-menu.e-horizontal  .e-list.e-disable-item span:hover,
.e-menu.e-horizontal  .e-list.e-disable-item:hover,
.e-menu.e-vertical  .e-list.e-disable-item a:hover,.e-menu.e-vertical  .e-list.e-disable-item span:hover,
.e-menu.e-vertical  .e-list.e-disable-item:hover,
.e-menu.e-context  .e-list.e-disable-item a:hover,.e-menu.e-context  .e-list.e-disable-item span: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 > a,.e-menu.e-horizontal .e-mhover > span,
.e-menu.e-context .e-mhover > a,.e-menu.e-context .e-mhover > span,
.e-menu.e-vertical .e-mhover > a,.e-menu.e-vertical .e-mhover > span,
.e-menu.e-horizontal .e-mfocused,.e-menu.e-context .e-mfocused,.e-menu.e-vertical .e-mfocused,
.e-menu.e-horizontal .e-mfocused > a,.e-menu.e-horizontal .e-mfocused > span,
.e-menu.e-context .e-mfocused > a,.e-menu.e-context .e-mfocused > span,
.e-menu.e-vertical .e-mfocused > a,.e-menu.e-vertical .e-mfocused > span,.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 > a,.e-menu.e-horizontal .e-active > span,
.e-menu.e-context .e-active > a,.e-menu.e-context .e-active > span,
.e-menu.e-vertical .e-active > a,.e-menu.e-vertical .e-active > span,
.e-menu.e-horizontal .e-active,.e-menu.e-context .e-active,.e-menu.e-vertical .e-active,
.e-menu.e-horizontal .e-active > a,.e-menu.e-horizontal .e-active > span,
.e-menu.e-context .e-active > a,.e-menu.e-context .e-active > span,
.e-menu.e-vertical .e-active > a,.e-menu.e-vertical .e-active > span,.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-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;
    }
	.e-tooltipbox
    {
		 .tooltip-colors(); 
	}


/*------------------------------------- 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{
    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 {
     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 {
	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 
{
    background-color: @default-bg-stcolor;
    border-color: @default-border-color;
}
.e-slider .e-handle.e-hover 
{
    background-color: @hover-bg-stcolor;
    border-color: @hover-border-color;
}
.e-slider .e-handle.e-focus 
{
    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;
}


/*------------------------------------- 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 {
    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: 14px;
}

.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: @content-border-color;
    outline: @sp-outline;
    cursor: pointer;
    color: @gheader-font-color;
    position: relative;
    width: 100%;
    background: @gheader-bg-color;
    .default-gradient();
}

.e-datavisualization-symbolpalette .e-header-text
{
    display: table-cell;
    vertical-align: middle;
    padding-left: 1em;
    width: 100%;
    text-align: left;
}
.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: white;
}
.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();   
    background: none;
    border: none;
}
.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; 
  border-right: transparent ;
   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; 
  border-left: transparent;
   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{
   padding-bottom:1px;
   border-bottom: transparent ;
   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;
   border-top: transparent ;
   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
{
	background-color:@hover-bg-stcolor;
    color: @hover-font-color;
    filter:none;
}
.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
{
    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
{
    background: @content-bg-color;    
    color:@active-bg-stcolor;
    border-color: @active-border-color;
    border:@border-size @border-type @content-border-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 {
    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
{
color: @active-bg-stcolor;
}
.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
{
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	{
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{
    border-top:3px @border-type @active-bg-stcolor;
}
.e-tab .e-header.e-addbordertop .e-active {
    border-bottom:3px @border-type @active-bg-stcolor;
}
.e-tab .e-right.e-addborderright .e-active{
    border-right:3px @border-type @active-bg-stcolor;
}
.e-tab .e-left.e-addborderleft .e-active{
     border-left:3px @border-type @active-bg-stcolor;
}


/*------------------------------------- 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;
    border-bottom: 3px @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 { 
	color:@active-bg-stcolor; 
}
.e-tagcloud .e-cloud {
    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;
    .focus-border-color();
}
.e-timewidget .e-select, .e-timewidget.e-rtl .e-select,.e-timewidget .e-disable.e-select:hover 
{    
	.bs-default-gradient();
	border-color: @content-border-color; 
    color: @default-icon-color;
}
.e-timewidget .e-select:hover,
.e-time-popup.e-popup .e-hover
{
	.hover-gradient();
    color: @hover-font-color;

}
.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.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;
}

.e-toolbar > .e-horizontal .e-separator
{
   border-right: @border-size @border-type @content-border-color;
   border-left:none;
   border-radius: 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;
    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 
{
    font-family: @font-family;
}
.e-treeview .e-text
{
    color: @content-font-color;
}
.e-dragedNode
{
    background: @active-bg-stcolor;
    color: @active-icon-color;
}
.e-dragedNode .e-text
{
    color: @active-icon-color;
    float: left;
}
.e-treeview .e-active
{
    .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
{
	.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-item .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 {
   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{
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-file-percentage-success 
{
   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;
	border-bottom: 3px @border-type @active-bg-stcolor;
}

.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;
}

/*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;
}

/*----------------------- 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;
    border-bottom: 3px @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;
}
/*---------------- 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
{
    border-color: @content-border-color;
    background-color: @content-bg-color;
}
.e-chkbox-wrap .e-chk-image.e-chk-indetericon,.e-chkbox-wrap .e-chk-image.e-chk-activeicon
{    
    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 
{
    background-color: @content-bg-color;
    background-image: none;
    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-rad-active
{
    color: @active-bg-stcolor;
}
.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;
    .default-gradient();
    background-repeat: no-repeat;
    border-color:@default-border-color;
}

.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;
}

.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-hover {
    .hover-gradient();
    color:  @hover-font-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-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-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-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-pivotgrid table {
  font: @table-font;
  color: @fg-table-color;
  border-collapse: collapse;
  background-color: @bg-table-color;
  cursor: default;
}

.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;
}

 .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: 10px 2px 0 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;
}
.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 24px;
        }
.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 .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 .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 .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 .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 {
    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 .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.e-select {
    border: none;
    .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 {
    color: @active-font-color;
    font-family: 'Segoe UI';
    font-size: 14px;
    font-weight: bold;
    /*color: #5c5c5c;*/
    padding: 9px 0px 9px 0px;
    background: @pivotList-treeview-hvr-color;
    /*background: @pager-default-bg-color;*/
    border: 1px solid @active-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 @active-border-color;
}
.e-pivotgrid .emptyRows{
   background: @groupingBar-bg-color;
   border: 1px solid @active-border-color;
}
.e-pivotgrid .valueColumn{
    background: @groupingBar-bg-color;
    height: auto;
	border-right: 1px solid @active-border-color;
	border-left: 1px solid @active-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{
     background:@pivotList-treeview-hvr-color;
     vertical-align:bottom;
     text-align:left;
}
.e-pivotgrid .pivotButton {
    border: 1px solid @active-border-color !important;
    padding:0px !important;
}
.e-pivotgrid .pivotButton:hover {
    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();
}

 .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-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;
	margin-top: 11px;
}
.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: auto;
    height: 75%;
    width: 93%;
    margin-left: 10px;
	/* margin-top: 3px; */
}
.e-pivotschemadesigner .schemaColumn, .e-pivotschemadesigner .schemaValue
{
    margin-right: 10px;
}
.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 .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
{
    display: block;
}
.e-pivotschemadesigner .pivotButton > .pvtBtn
{
    cursor: move;
    text-align: left;
    text-overflow: ellipsis;
    margin: 2px 3px 0;
	width: 97%;
   .groupingBar-btn-color();
    border: 1px solid @ogrid-header-border-color !important;
}
/* .e-pivotschemadesigner .pvtBtn:hover
{
    background: linear-gradient(@active-font-color, @active-bg-stcolor);
    border-color: @active-border-color;
    color: @active-font-color;
} */
 .e-pivotschemadesigner .pivotButton > .pvtBtn:hover
{
    .hover-gradient();
    border: 1px solid @active-font-color !important;
    color:  @hover-font-color;
} 
 .e-pivotschemadesigner .errOKBtn
 {
    display: inline-block;
    margin: 20px 0 10px 165px;
    width: 50px;
}
.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
{
    background: none repeat scroll 0 0 @pivot-selection-background;
}
.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 .ascending:before
{
    content: "\e672";
}
.e-pivotschemadesigner .descending:before
{
    content: "\e673";
}
.e-pivotschemadesigner .filter:before
{
    content: "\e669";
    float: right;
    margin-right: 40px;
}
.e-pivotschemadesigner .filter
{
  color: @default-icon-color;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.e-pivotschemadesigner .pvtDrop:before, .e-pivotschemadesigner .treeDrop:before
{
    /* content: "\e666"; */
}
.e-pivotschemadesigner .treeDrop
{
    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-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: @pivotList-treeview-text;
}
.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 .btnDeferUpdate{
    float: right;
    margin-right: 10px;
}
.e-pivotschemadesigner .deferUpdateLayout{
    margin-left: 5px;
}
.e-pivotschemadesigner .schemaFieldTree.e-treeview .e-text{
	width: 90%;
}
.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 {
    background: url("../images/expand.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 25px;
    left: 24px;
    position: relative;
    top: -615px;
    width: 23px;
}
.e-pivotschemadesigner .collapseSchema {
    float: right;
    height: 25px;
    position: relative;
    background-image:url("../images/colapse.png");
    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);
}

@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;
        }
   
}




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

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

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

}
 .e-olapclient .e-treeview .e-active{
color:@active-font-color;
background:@oclient-treeview-active;
}

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

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

.e-olapclient .titleText {
  height: 50px;
  width: inherit;
  display: inline-block;
  font: normal 20px Segoe UI;
  line-height: 48px;
}

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

.e-olapclient .toggleExpandButton, .e-olapclient .toggleCollapseButton{
	background-repeat: no-repeat;
	height:20px;
	width:21px;
	cursor: pointer;
	position: relative;
	top: -3px;
}
.e-olapclient .toggleExpandButton{
	float:right;
    background-position: center -20px;
	margin:5px;
}
.e-olapclient .toggleCollapseButton{
    background-position: 6px 0px;
	position: relative;
	top: 11px;
}
.e-olapclient .toggleExpandButton:hover,.e-olapclient .toggleCollapseButton:hover
{
 color:@hover-font-color;
 background:@oclient-icons-hover-bg;
}
.e-olapclient .toggleCollapseButton:before {
content:"\e674";
font-size: 20px;
}
.e-olapclient .toggleExpandButton:before{
content:"\e671";
font-size: 20px;
    margin-right: 7px;
}

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

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

.e-olapclient .cdbHeader, .e-olapclient .axisHeader {
  border: 1px solid @oclient-border-color;
  font-weight: bold;
  line-height: 28px;
}
.e-olapclient .cubeTable
{
	border-collapse: collapse;
    margin: 0 5px 3px 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

  background-repeat: no-repeat;
  height: 11px;
  padding-left: 10px;
  width: 11px;
  color: @content-font-color;
}
.e-olapclient .removeSplitBtn:before{
    content:"\e681";
    font-size: 13px;
    margin-left: -6px;
    margin-top: 2px;
}
.e-olapclient .removeSplitBtn:hover{
   cursor: pointer;
   background: @oclient-icons-hover-bg;
}
.e-olapclient .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;
}

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

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

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

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

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

.e-olapclient .e-button {
  font-size: 12px !important;
}
.e-olapclient .e-treeview {
  background-color: @bg-value-color;
}
.e-olapclient .e-treeview ul {
  margin: 0;
}

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

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

.e-olapclient .e-tab, .e-olapclient .e-active-content 
{
    padding: 0 !important;
}
.e-olapclient .e-tab, .e-olapclient .e-content 
{
    border-width:0;
}
.e-olapclient .e-toolbar 
{
    border-width: 1px 0;
}
.e-olapclient .e-input 
{
    line-height: normal !important;
}
.e-olapclient .e-progress-txt 
{
    top: -2px !important;
}
.cdbHeader.responsive,
.cubeBrowser.responsive {
      width: 98% !important;
}
.e-olapclient .oClientTbl{
    position: relative;
}
.rowAxis.responsive,
.slicerAxis.responsive,
.categoricalAxis.responsive,
.axisHeader.responsive
{
     width: 95% !important;
}
.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)  {
   
}


.e-olapchart{
    font: normal 12px Segoe UI;
    border: 1px solid @oclient-border-color;
    background-color: @oclient-bgcolor;
    color: @fg-header-color;
}

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

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

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

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

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

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

.e-olapgauge .kpiiconvalue{
    height: 24px;
    width: 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.e-olapgauge .wrapLayout{
    list-style-type: none;
    height: auto;
    width: auto;
}
.e-olapgauge .wrapLayout li{
    float: left;
    display: inline-block;
    margin: 2px;
}
.e-olapgauge-tooltip{
    background-color: @content-bg-color;
    border: 2px solid @ogaugeTooltip-border-color;
}
.e-olapgauge-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-olapgauge-tooltip, .e-olapgauge-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-olapgauge .kpiuparrow{
    background-image: @kpi-uparrow-img;
}
.e-olapgauge .kpirightarrow{
    background-image: @kpi-rightarrow-img;
}
.e-olapgauge .kpidownarrow{
    background-image: @kpi-downarrow-img;
}
.e-olapgauge .kpidiamond{
    background-image: @kpi-diamond-img;
}
.e-olapgauge .kpitriangle{
    background-image: @kpi-triangle-img;
}
.e-olapgauge .kpicircle{
    background-image: @kpi-circle-img;
}
.e-olapgauge .kpiredroad{
    background-image: @kpi-red-img;
}
.e-olapgauge .kpigreenroad{
    background-image: @kpi-green-img;
}
.e-olapgauge .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 .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{
    color: @rv-navigate-disabled-color;
}
/*------------------------------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: @rv-pageviewcontainer-bg-color;
}

.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-toolbarcontainer.e-toolbar,
 .e-pdfviewer-viewerblock,
 .e-pdfviewer-viewercontainer, 
 .e-pdfviewer-elementalignments,
 .e-pdfviewer-viewerblockcellcontent,
 .e-pdfviewer-viewerblockcontent,
 .e-pdfviewer-textbox, 
 .e-pdfviewer-documentmappopup{
    border-color: @content-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;
}

.e-pdfviewer-gotonext.e-pdfviewer-disabled,
.e-pdfviewer-gotoprevious.e-pdfviewer-disabled,
.e-pdfviewer-gotolast.e-pdfviewer-disabled,
.e-pdfviewer-gotofirst.e-pdfviewer-disabled,
.e-pdfviewer-disabled-fitWidthButton,
.e-pdfviewer-disabled-fitPageButton{
    color: @rv-navigate-disabled-color;
}
/*------------------------------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 {
    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-ejinputtext {
    border: 1px solid @content-border-color;
    outline: none;
    background-color: @content-bg-color;
    color: @content-font-color;
    vertical-align: baseline;
}
.e-deletepre.e-icon,
.e-addpre.e-icon {
    font-family: @font-family;
}



.e-treegrid .e-extendcolumn{          
  background-color:@gantt-content-bg-color;
}

.e-treegrid .e-headercelldiv{
    color:@gantt-header-font-color;
    font-family: @font-family;
}

.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-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;
}

.e-treegridPane .e-treegrid .e-selectionbackground {
    .gantt-row-selection();
    color: @gantt-selection-font-color;
}
.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: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 {
  border-color: @gantt-content-border-color !important;  
  background-color: @gantt-content-bg-color;
  color: @gantt-content-font-color;  
}

.e-treegrid .e-ejinputtext:focus {
    box-shadow: @gantt-content-border-color !important;
}

.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-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 {
    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{
    border:1px solid @header-border-color;
	.header-gradient();
}
.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 {
    color:@rbncontent-font-color;
}
.e-ribbon.e-js .e-header li.e-select:not(.e-apptab) a:hover {
    color:@rbn-bg-color;
}
.e-ribbon .e-apptab .e-menu ul > li >a{
    color:@rbncontent-font-color !important;
}

.e-ribbon .e-header > .e-apptab  .e-menu {
    .ribbon-active-gradient();
}

.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 {
    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 {
    border-color:@rbn-act-a-border-color @rbn-act-a-border-color transparent ;
    color:@rbn-bg-color;
    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-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-active-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-hover-gradient();
  color:@rbn-menu-font-hover-color;
}
.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();
  color: @rbn-white-color;
}
.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-kanban,.e-kanban .e-headercell,.e-kanban .e-swimlanerow
{
	background: @content-bg-color;
}
.e-kanban .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 .e-kanbanheader.e-slheader .e-headercell {
    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;
}
.e-kanban .e-kanbancard {
   border-color: @kanban-card-border @kanban-card-border @kanban-card-border @active-bg-stcolor;
   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 @active-border-color @active-border-color @active-bg-stcolor;
}
.e-kanban .e-draggedcard,.e-kanban .e-kanbancard.e-cardselection.dragClone {
  .default-gradient();   
}
.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-columnrow .e-rowcell {
    .kanban-cell-bg();
    border-bottom: 1px solid @kanban-cell-border;
    border-top: 1px solid @kanban-cell-border;
}
.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-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-headercell .e-totalcard
{
   color: lighten(@content-font-color, 54%);
}
.e-kanban .e-limits,.e-kanban .e-rowcell .e-shrinklabel
{
   color: lighten(@content-font-color, 53%);
}
.e-kanban .e-swimlanerow .e-slcount { 
   color: lighten(@content-font-color, 40%);
}
.e-kanban .e-minlimit, .e-kanban .e-maxlimit{
   color:@content-font-color;
}
.e-kanban .e-headercell .e-totalcount,.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 @hover-border-color @hover-border-color @active-bg-stcolor;
}
.e-kanban .e-headercontent {
    border-right-color: @content-border-color;
}
.e-kanban .e-headercelldiv
{
	color:@active-bg-stcolor;
}
.e-kanban .e-kanbanheader {
	color: @active-bg-stcolor;
}
.e-kanban .e-kanbancontent {
    background-color: @content-bg-color;
}
.e-kanban .e-rowcell {
    border-color:@content-border-color;
}
.e-kanban .e-kanbancard .e-cardheader {
    border-bottom: 1px solid lighten(@default-border-color,3%);
}
.e-kanban .e-kanbancard.e-cardselection .e-cardheader {
    border-bottom: 1px solid lighten(@active-border-color,3%);
}
.e-kanban .e-kanbancard.e-hover .e-cardheader {
    border-bottom: 1px solid lighten(@hover-border-color,3%);
}
.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;
}
.e-kanban .e-kanbantoolbar.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-text,.e-kanban .e-kanbantoolbar .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;
}
.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 #30c5f9 @content-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-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;
}
.e-spreadsheet .e-rowheadercontent {
    border-bottom-color: @ssheader-border-color;
}
.e-spreadsheet .e-spreadsheetcontentcontainer {
    border-left-color: @ssheader-border-color;
	background-color: @sscontainer-bgcolor;
}
.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: @sscontent-color;
    background-color: @ssrow-bgcolor;
    border-color: @sscell-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;
}
.e-spreadsheet .e-activecell {
    background-color: @ssrow-bgcolor;
}
.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;
}
.e-menu-wrap .e-chartcell:hover, .e-chartimg:hover {
    background-color: @ssheader-select-bgcolor;
}
/*-------------------- 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: @ssborder-rright;
}
.e-spreadsheet td.e-rborderbottom,
.e-spreadsheet td.e-rctrlborderbottom,
.e-spreadsheet td.e-rcbbottom {
    border-bottom-color: @ssborder-rright;
}
.e-spreadsheet td.e-vborderright,
.e-spreadsheet td.e-vctrlborderright,
.e-spreadsheet td.e-vcbright {
    border-right-color: @ssborder-vright;
}
.e-spreadsheet td.e-vborderbottom,
.e-spreadsheet td.e-vctrlborderbottom,
.e-spreadsheet td.e-vcbbottom {
    border-bottom-color: @ssborder-vright;
}
.e-spreadsheet .e-gborderright,
.e-spreadsheet .e-gctrlborderright {
    border-right-color: @ssborder-gright !important;
}
.e-spreadsheet td.e-gborderbottom,
.e-spreadsheet td.e-gctrlborderbottom {
    border-bottom-color: @ssborder-gright;
}
.e-spreadsheet td.e-pborderright,
.e-spreadsheet td.e-pctrlborderright {
    border-right-color: @ssborder-pright;
}
.e-spreadsheet td.e-pborderbottom,
.e-spreadsheet td.e-pctrlborderbottom {
    border-bottom-color: @ssborder-pright;
}
.e-spreadsheet td.e-oborderright,
.e-spreadsheet td.e-octrlborderright {
    border-right-color: @ssborder-oright;
}
.e-spreadsheet td.e-oborderbottom,
.e-spreadsheet td.e-octrlborderbottom {
    border-bottom-color: @ssborder-oright;
}
.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: @ssrow-bgcolor;
    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 {
    border-color: @ssheader-border-color;
    background-color: @sscopy-spfilter-bgcolor;
    color: @sscontent-color;
}
.e-spanddl {
    border-color: @ssheader-border-color;
    background-color: @sscopy-spfilter-bgcolor;
    color: @sscontent-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: @sscopy-redft-bgcolor;
    color: @sscopy-redft-color;
}
.e-spreadsheet .e-rowcell.e-yellowft {
    background-color: @sscopy-yellowft-bgcolor;
    color: @sscopy-yellowft-color;
}
.e-spreadsheet .e-rowcell.e-greenft {
    background-color: @sscopy-greenft-bgcolor;
    color: @sscopy-greenft-color;
}
.e-spreadsheet .e-rowcell.e-redf {
    background-color: @sscopy-redft-bgcolor;
}
.e-spreadsheet .e-rowcell.e-redt {
    color: @sscopy-redft-color;
}
.e-spreadsheet .e-rowcell.e-hlcell {
    background-color: @sscopy-hlcell-bgcolor;
    color: @sscopy-hlcell-color;
}
.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: @ssheader-border-color;
    color: @sscontent-color;
    background-color: @sscontent-active-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,
.e-spreadsheet .e-pager .e-numericitem:hover {
    background: @ssheader-select-bgcolor;
    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: @sserror-valid-bgcolor;
    color: @sserror-valid-color;
}
div.e-dlg-field-validation-error:before {
    border-bottom-color: @sserror-valid-bgcolor;
}
.e-spreadsheet div.e-error .e-errortail {
    border-bottom-color: @sserror-valid-bgcolor;
}
.e-spreadsheetfooter {
    border-color: @ssheader-border-color;
}
.e-spreadsheet .e-hyperlinks {
    color: inherit;
}
.e-spreadsheet .e-pager .e-mediaforward {
    border-right-color: @sspager-media-bordercolor;
}
.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: @sserror-valid-bgcolor;
    color: @sserror-valid-color;
}
.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: @sscopy-spfilter-bgcolor;
}
/*---------------------- 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: @ssheader-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: @sscomments-arrow-color transparent transparent;
}
.e-spreadsheet .e-comment-txtarea {
    background-color: @sscomments-txt-bgcolor;
	 color: @sscontent-color;
}
.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: @ssrow-bgcolor;
}
.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();
}
.e-spreadsheet .e-split.e-active .e-box .e-btn .e-icon, .e-spreadsheet .e-split .e-btn.e-select:active .e-icon{
    color: @default-icon-color;
}
.e-spreadsheet .e-hborder {
    border-color: transparent;
}
.e-spreadsheet .e-content.e-viewbrdr {
    border-color: @ssheader-border-color;
}
.e-chkbox-wrap div > span.e-chkhover {
	background-color: @ssheader-select-bgcolor;
}
/*-------------------------------------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 {
    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-spreadsheet .e-spreadsheetfooter .e-numericcontainer a:not(.e-currentitem),.e-ss-colorpicker.e-popup {
   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:@ssrow-filterhiglight-color;
}

/***********************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;
}
/*-------------------------------------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
{
    .tgheader-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 {  
    color: @gantt-schedule-font-color;    
    border-color: @gantt-schedule-border-color !important;    
    font-family:@font-family;
}


.e-ganttchart .e-ganttviewerheaderContainer { 
    .tgheader-gradient(); 
    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 !important;
}

.e-ganttchart .connectorline-leftarrow {
    border-right-color:  @gantt-connectorline-arrow-bg-color !important;
}

.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;
}
.e-ganttchart .e-gantt-mouseclick {
    .gantt-row-selection();
}

.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 {
    color: @gantt-selection-font-color;
    font-family: @font-family;
}

.e-ganttchart .e-gantt-parenttaskbar-progress {
     .gantt-parent-progress-background();
}

.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)";
}

.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 .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;
}









/*------------------------------------- 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: @hover-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;
}

/*------------------------------------- Tile View -------------------------------------------*/

.e-tile {
    color: @active-font-color;
}

.e-tile .e-tile-image {
    .tile-bg-gradient;
}

.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;
}