/*Definition*/
@skin:"default";
@font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
@font-size: 13px;
@font-path: "common-images";
@font-icon-path: "common-images";
@border-size: 1px;
@border-type: solid;
@header-font-weight:bold;
@header-font-size:16px;
@content-font-weight: normal;
@gheader-font-size: 14px;
@gantt-content-font-size:12px;
@gantt-header-font-family: @font-family;
@gantt-header-font-size:14px;
@gantt-parentGanttRecord-font-weight:bold;
@gantt-schedule-font-weight:600;
@gantt-schedule-font-size: 13px;
@gantt-tooltip-font-size: 12px;
@gantt-tasklable-font-family: @font-family;
@gantt-tasklable-font-size:12px;
@gantt-tasklable-font-style:normal;
@treegrid-headercell-height:45px;
@treegrid-header-padding:0px;
@input-height: 30px;
@input-width: 143px;
@visual-mode-padding: 0px 19px 3px 4px;
@visual-mode-rtl-padding: 0px 4px 3px 19px;
@progressbar-height: 14px;
@toolbar-padding: 2px;
@toolbar-margin-right: 0px;
@toolbar-res-margin-top: 3px;
@menu-horizontal-line-height: 32px;
@menu-vertical-line-height: 27px;
@menu-hor-child-line-height: normal;
@menu-ver-child-line-height: 21px;
@slider-size: 14px;
@slider-border-radius: 10px;
@slider-handle-size: 16px;
@slider-bs-border-radius: 0px;
@treeview-text-padding: 0px 4px 2px 4px;
@treeview-edit-text-padding: 0 0 0 4px;
@treeview-rtl-edit-text-padding: 0 4px 0 0;
@treeview-ul-padding: 2px 0 0px 10px;
@treeview-icon-margin: 6px;
@treeview-rtl-item-padding: 0px 16px 2px 0px;
@treeview-rtl-ul-padding: 2px 10px 0px 0px;
@treeview-ul-margin-bottom: 0px;
@treeview-chk-margin-top: 0px;
@treeview-fullrow-height: 23px;
@rte-ul-margin-buttom: "";
@rte-ul-margin-top: "";
@rte-split-height: "";
@rte-toolbar-res-margin-top: 8px;
@fe-treeview-image-top: 2px;
@button-height: auto;
@border-radius: 0px;
@border-left-radius: @border-radius 0 0 @border-radius;
@border-right-radius: 0 @border-radius @border-radius 0;
@border-top-radius: @border-radius @border-radius 0 0;
@border-bottom-radius: 0 0 @border-radius @border-radius;
@inner-border-radius: @border-radius - 1;
@inner-border-left-radius: @inner-border-radius 0 0 @inner-border-radius;
@inner-border-right-radius: 0 @inner-border-radius @inner-border-radius 0;
@inner-border-top-radius: @inner-border-radius @inner-border-radius 0 0;
@box-shadow: none;
@button-box-shadow: none;
@schedule-commonviewbutton: 5px 10px 5px 10px;
@schedule-input-height:26px;
@schedule-viewstable-margin-top:-6px;
@schedule-agendaday-line-height:34px;
@tools-border-radius: 3px;
@schedule-box-shadow:@box-shadow;
@schedule-commonviewbutton-box-shadow: @box-shadow;
@header-border-size: 1px;
@grid-box-shadow:none;

@input-border-width:@border-size;
@widget: none;

& {
    .mixin(@widget);
}

.mixin(@widget) when (@widget = reportdesigner), (@widget = none) {
    /*----------------------ReportDesigner Font Icons----------------------*/
    @font-face {
        font-family: 'ejreportdesigner';
        src: url('@{font-path}/reportdesigner/ejreportdesigner.eot?jrva8r');
        src: url('@{font-path}/reportdesigner/ejreportdesigner.eot?jrva8r#iefix') format('embedded-opentype'), url('@{font-path}/reportdesigner/ejreportdesigner.ttf?jrva8r') format('truetype'), url('@{font-path}/reportdesigner/ejreportdesigner.woff?jrva8r') format('woff'), url('@{font-path}/reportdesigner/ejreportdesigner.svg?jrva8r#ejreportdesigner') format('svg');
        font-weight: normal;
        font-style: normal;
    }

     .e-reportdesigner-add:before {
        content: "\e900";
    }

     .e-reportdesigner-close:before {
        content: "\e901";
    }

     .e-reportdesigner-code-module:before {
        content: "\e902";
    }

     .e-reportdesigner-configuration-dataset:before {
        content: "\e903";
    }

     .e-rptdesigner-dsconfig:before {
        content: "\e904";
    }

     .e-reportdesigner-configuration-imagemanager:before {
        content: "\e905";
    }

     .e-reportdesigner-configuration-parameters:before {
        content: "\ea07";
    }

     .e-reportdesigner-datasource-odbc:before {
        content: "\e907";
    }

     .e-reportdesigner-datasource-oledb:before {
        content: "\e908";
    }

     .e-reportdesigner-datasource-oracle:before {
        content: "\e909";
    }

     .e-reportdesigner-datasource-sql:before {
        content: "\e90a";
    }

     .e-reportdesigner-datasource-sqlce:before {
        content: "\e90b";
    }

     .e-reportdesigner-datasource-xml:before {
        content: "\e90c";
    }

     .e-reportdesigner-double-drag:before {
        content: "\e90d";
    }

     .e-reportdesigner-filter:before {
        content: "\e90e";
    }

     .e-reportdesigner-move:before {
        content: "\e90f";
    }

     .e-reportdesigner-reference:before {
        content: "\e910";
    }

     .e-reportdesigner-search:before {
        content: "\e911";
    }

     .e-reportdesigner-search-collapse:before {
        content: "\e912";
    }

     .e-reportdesigner-selection:before {
        content: "\e913";
    }

     .e-reportdesigner-single-drag:before {
        content: "\e914";
    }

     .e-reportdesigner-syncfusion:before {
        content: "\e915";
    }

     .e-rptdesigner-toolbar-copy:before {
        content: "\e916";
    }

     .e-rptdesigner-toolbar-cut:before {
        content: "\e917";
    }

     .e-rptdesigner-toolbar-delete:before {
        content: "\e918";
    }

     .e-reportdesigner-toolbar-design:before {
        content: "\e919";
    }

     .e-reportdesigner-toolbar-menu:before {
        content: "\e91a";
    }

     .e-rptdesigner-toolbar-new:before {
        content: "\e91b";
    }

     .e-rptdesigner-toolbar-open:before {
        content: "\e91c";
    }

     .e-rptdesigner-toolbar-paste:before {
        content: "\e91d";
    }

     .e-rptdesigner-toolbar-preview:before {
        content: "\e91e";
    }

     .e-rptdesigner-toolbar-redo:before {
        content: "\e91f";
    }

     .e-rptdesigner-toolbar-save:before {
        content: "\e921";
    }

     .e-rptdesigner-toolbar-undo:before {
        content: "\e922";
    }

     .e-rptdesigner-toolbar-zoomin:before {
        content: "\ea17";
    }

     .e-rptdesigner-toolbar-zoomout:before {
        content: "\ea16";
    }

     .e-reportdesigner-variables:before {
        content: "\e925";
    }

     .e-reportdesigner-widget-basicshapes:before {
        content: "\e926";
    }

     .e-reportdesigner-widget-circle:before {
        content: "\e927";
    }

     .e-reportdesigner-widget-gauge .path1:before {
        content: "\e928";
    }

     .e-reportdesigner-widget-gauge .path2:before {
        content: "\e929";
        margin-left: -1em;
    }

     .e-reportdesigner-widget-image .path1:before {
        content: "\e92a";
    }

     .e-reportdesigner-widget-image .path2:before {
        content: "\e92b";
        margin-left: -1em;
    }

     .e-reportdesigner-widget-leftarrow:before {
        content: "\e92c";
    }

     .e-reportdesigner-widget-line:before {
        content: "\e92d";
    }

     .e-reportdesigner-widget-map .path1:before {
        content: "\e92e";
    }

     .e-reportdesigner-widget-map .path2:before {
        content: "\e92f";
        margin-left: -1em;
    }

     .e-reportdesigner-widget-maps:before {
        content: "\e930";
    }

     .e-reportdesigner-widget-rectangle:before {
        content: "\e931";
    }

     .e-reportdesigner-widget-rightarrow:before {
        content: "\e932";
    }

     .e-reportdesigner-widget-textbox:before {
        content: "\e933";
    }

     .e-reportdesigner-area-chart .path1:before {
        content: "\e934";
        opacity: 0.5;
    }

     .e-reportdesigner-area-chart .path2:before {
        content: "\e935";
        margin-left: -1em;
        opacity: 0.7;
    }

     .e-reportdesigner-area-chart .path3:before {
        content: "\e936";
        margin-left: -1em;
    }

     .e-reportdesigner-bar-chart .path1:before {
        content: "\e937";
    }

     .e-reportdesigner-bar-chart .path2:before {
        content: "\e938";
        margin-left: -1em;
    }

     .e-reportdesigner-bar-chart .path3:before {
        content: "\e939";
        margin-left: -1em;
    }

     .e-reportdesigner-bar-chart .path4:before {
        content: "\e93a";
        margin-left: -1em;
    }

     .e-reportdesigner-bubble-chart .path1:before {
        content: "\e93b";
    }

     .e-reportdesigner-bubble-chart .path2:before {
        content: "\e93c";
        margin-left: -1em;
    }

     .e-reportdesigner-bubble-chart .path3:before {
        content: "\e93d";
        margin-left: -1em;
    }

     .e-reportdesigner-bubble-chart .path4:before {
        content: "\e93e";
        margin-left: -1em;
    }

     .e-reportdesigner-candle-stick-chart .path1:before {
        content: "\e93f";
    }

     .e-reportdesigner-candle-stick-chart .path2:before {
        content: "\e940";
        margin-left: -1em;
    }

     .e-reportdesigner-candle-stick-chart .path3:before {
        content: "\e941";
        margin-left: -1em;
    }

     .e-reportdesigner-candle-stick-chart .path4:before {
        content: "\e942";
        margin-left: -1em;
    }

     .e-reportdesigner-column-chart .path1:before {
        content: "\e943";
    }

     .e-reportdesigner-column-chart .path2:before {
        content: "\e944";
        margin-left: -1em;
    }

     .e-reportdesigner-column-chart .path3:before {
        content: "\e945";
        margin-left: -1em;
    }

     .e-reportdesigner-column-chart .path4:before {
        content: "\e946";
        margin-left: -1em;
    }

     .e-reportdesigner-doughnut-chart .path1:before {
        content: "\e947";
    }

     .e-reportdesigner-doughnut-chart .path2:before {
        content: "\e948";
        margin-left: -1em;
    }

     .e-reportdesigner-error-bar-chart .path1:before {
        content: "\e949";
    }

     .e-reportdesigner-error-bar-chart .path2:before {
        content: "\e94a";
        margin-left: -1em;
    }

     .e-reportdesigner-error-bar-chart .path3:before {
        content: "\e94b";
        margin-left: -1em;
    }

     .e-reportdesigner-error-bar-chart .path4:before {
        content: "\e94c";
        margin-left: -1em;
    }

     .e-reportdesigner-exploded-pie-chart .path1:before {
        content: "\e94d";
    }

     .e-reportdesigner-exploded-pie-chart .path2:before {
        content: "\e94e";
        margin-left: -1em;
    }

     .e-reportdesigner-funnel-chart .path1:before {
        content: "\e94f";
    }

     .e-reportdesigner-funnel-chart .path2:before {
        content: "\e950";
        margin-left: -1em;
    }

     .e-reportdesigner-funnel-chart .path3:before {
        content: "\e951";
        margin-left: -1em;
    }

     .e-reportdesigner-funnel-chart .path4:before {
        content: "\e952";
        margin-left: -1em;
    }

     .e-reportdesigner-line-chart:before {
        content: "\e953";
    }

     .e-reportdesigner-line-with-markers-chart .path1:before {
        content: "\e954";
    }

     .e-reportdesigner-line-with-markers-chart .path2:before {
        content: "\e955";
        margin-left: -1em;
    }

     .e-reportdesigner-line-with-markers-chart .path3:before {
        content: "\e956";
        margin-left: -1em;
    }

     .e-reportdesigner-line-with-markers-chart .path4:before {
        content: "\e957";
        margin-left: -1em;
    }

     .e-reportdesigner-line-with-markers-chart .path5:before {
        content: "\e958";
        margin-left: -1em;
    }

     .e-reportdesigner-line-with-markers-chart .path6:before {
        content: "\e959";
        margin-left: -1em;
    }

     .e-reportdesigner-pie-chart .path1:before {
        content: "\e95a";
    }

     .e-reportdesigner-pie-chart .path2:before {
        content: "\e95b";
        margin-left: -1em;
    }

     .e-reportdesigner-pie-chart .path3:before {
        content: "\e95c";
        margin-left: -1em;
    }

     .e-reportdesigner-polar-chart .path1:before {
        content: "\e95d";
    }

     .e-reportdesigner-polar-chart .path2:before {
        content: "\e95e";
        margin-left: -1em;
    }

     .e-reportdesigner-polar-chart .path3:before {
        content: "\e95f";
        margin-left: -1em;
    }

     .e-reportdesigner-polar-chart .path4:before {
        content: "\e960";
        margin-left: -1em;
    }

     .e-reportdesigner-polar-chart .path5:before {
        content: "\e961";
        margin-left: -1em;
    }

     .e-reportdesigner-polar-chart .path6:before {
        content: "\e962";
        margin-left: -1em;
    }

     .e-reportdesigner-pyramid-chart .path1:before {
        content: "\e963";
    }

     .e-reportdesigner-pyramid-chart .path2:before {
        content: "\e964";
        margin-left: -1em;
    }

     .e-reportdesigner-pyramid-chart .path3:before {
        content: "\e965";
        margin-left: -1em;
    }

     .e-reportdesigner-radar-chart .path1:before {
        content: "\e966";
    }

     .e-reportdesigner-radar-chart .path2:before {
        content: "\e967";
        margin-left: -1em;
    }

     .e-reportdesigner-radar-chart .path3:before {
        content: "\e968";
        margin-left: -1em;
    }

     .e-reportdesigner-radar-chart .path4:before {
        content: "\e969";
        margin-left: -1em;
    }

     .e-reportdesigner-radar-chart .path5:before {
        content: "\e96a";
        margin-left: -1em;
    }

     .e-reportdesigner-radar-chart .path6:before {
        content: "\e96b";
        margin-left: -1em;
    }

     .e-reportdesigner-radar-chart .path7:before {
        content: "\e96c";
        margin-left: -1em;
    }

     .e-reportdesigner-radar-chart .path8:before {
        content: "\e96d";
        margin-left: -1em;
    }

     .e-reportdesigner-radar-chart .path9:before {
        content: "\e96e";
        margin-left: -1em;
    }

     .e-reportdesigner-range-chart .path1:before {
        content: "\e96f";
    }

     .e-reportdesigner-range-chart .path2:before {
        content: "\e970";
        margin-left: -1em;
    }

     .e-reportdesigner-range-chart .path3:before {
        content: "\e971";
        margin-left: -1em;
    }

     .e-reportdesigner-range-column-chart .path1:before {
        content: "\e972";
    }

     .e-reportdesigner-range-column-chart .path2:before {
        content: "\e973";
        margin-left: -1em;
    }

     .e-reportdesigner-range-column-chart .path3:before {
        content: "\e974";
        margin-left: -1em;
    }

     .e-reportdesigner-range-column-chart .path4:before {
        content: "\e975";
        margin-left: -1em;
    }

     .e-reportdesigner-scatter-chart .path1:before {
        content: "\e976";
    }

     .e-reportdesigner-scatter-chart .path2:before {
        content: "\e977";
        margin-left: -1em;
    }

     .e-reportdesigner-scatter-chart .path3:before {
        content: "\e978";
        margin-left: -1em;
    }

     .e-reportdesigner-scatter-chart .path4:before {
        content: "\e979";
        margin-left: -1em;
    }

     .e-reportdesigner-scatter-chart .path5:before {
        content: "\e97a";
        margin-left: -1em;
    }

     .e-reportdesigner-scatter-chart .path6:before {
        content: "\e97b";
        margin-left: -1em;
    }

     .e-reportdesigner-scatter-chart .path7:before {
        content: "\e97c";
        margin-left: -1em;
    }

     .e-reportdesigner-smooth-area-chart .path1:before {
        content: "\e97d";
    }

     .e-reportdesigner-smooth-area-chart .path2:before {
        content: "\e97e";
        margin-left: -1em;
    }

     .e-reportdesigner-smooth-line-chart:before {
        content: "\e97f";
    }

     .e-reportdesigner-smooth-line-with-markers-chart .path1:before {
        content: "\e980";
    }

     .e-reportdesigner-smooth-line-with-markers-chart .path2:before {
        content: "\e981";
        margin-left: -1em;
    }

     .e-reportdesigner-smooth-line-with-markers-chart .path3:before {
        content: "\e982";
        margin-left: -1em;
    }

     .e-reportdesigner-smooth-line-with-markers-chart .path4:before {
        content: "\e983";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-area-chart .path1:before {
        content: "\e984";
    }

     .e-reportdesigner-stacked-area-chart .path2:before {
        content: "\e985";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-area-chart .path3:before {
        content: "\e986";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-area-chart-100 .path1:before {
        content: "\e987";
    }

     .e-reportdesigner-stacked-area-chart-100 .path2:before {
        content: "\e988";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-area-chart-100 .path3:before {
        content: "\e989";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-bar-chart .path1:before {
        content: "\e98a";
        opacity: 0.35;
    }

     .e-reportdesigner-stacked-bar-chart .path2:before {
        content: "\e98b";
        margin-left: -1em;
        opacity: 0.35;
    }

     .e-reportdesigner-stacked-bar-chart .path3:before {
        content: "\e98c";
        margin-left: -1em;
        opacity: 0.35;
    }

     .e-reportdesigner-stacked-bar-chart .path4:before {
        content: "\e98d";
        margin-left: -1em;
        opacity: 0.35;
    }

     .e-reportdesigner-stacked-bar-chart .path5:before {
        content: "\e98e";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-bar-chart .path6:before {
        content: "\e98f";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-bar-chart .path7:before {
        content: "\e990";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-bar-chart .path8:before {
        content: "\e991";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-bar-chart-100 .path1:before {
        content: "\e992";
    }

     .e-reportdesigner-stacked-bar-chart-100 .path2:before {
        content: "\e993";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-bar-chart-100 .path3:before {
        content: "\e994";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-bar-chart-100 .path4:before {
        content: "\e995";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-bar-chart-100 .path5:before {
        content: "\e996";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-bar-chart-100 .path6:before {
        content: "\e997";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-bar-chart-100 .path7:before {
        content: "\e998";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-bar-chart-100 .path8:before {
        content: "\e999";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-column-chart .path1:before {
        content: "\e99a";
        opacity: 0.35;
    }

     .e-reportdesigner-stacked-column-chart .path2:before {
        content: "\e99b";
        margin-left: -1em;
        opacity: 0.35;
    }

     .e-reportdesigner-stacked-column-chart .path3:before {
        content: "\e99c";
        margin-left: -1em;
        opacity: 0.35;
    }

     .e-reportdesigner-stacked-column-chart .path4:before {
        content: "\e99d";
        margin-left: -1em;
        opacity: 0.35;
    }

     .e-reportdesigner-stacked-column-chart .path5:before {
        content: "\e99e";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-column-chart .path6:before {
        content: "\e99f";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-column-chart .path7:before {
        content: "\e9a0";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-column-chart .path8:before {
        content: "\e9a1";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-column-chart-100 .path1:before {
        content: "\e9a2";
    }

     .e-reportdesigner-stacked-column-chart-100 .path2:before {
        content: "\e9a3";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-column-chart-100 .path3:before {
        content: "\e9a4";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-column-chart-100 .path4:before {
        content: "\e9a5";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-column-chart-100 .path5:before {
        content: "\e9a6";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-column-chart-100 .path6:before {
        content: "\e9a7";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-column-chart-100 .path7:before {
        content: "\e9a8";
        margin-left: -1em;
    }

     .e-reportdesigner-stacked-column-chart-100 .path8:before {
        content: "\e9a9";
        margin-left: -1em;
    }

     .e-reportdesigner-stepped-line-chart .path1:before {
        content: "\e9aa";
    }

     .e-reportdesigner-stepped-line-chart .path2:before {
        content: "\e9ab";
        margin-left: -1em;
    }

     .e-reportdesigner-stock-range-chart:before {
        content: "\e9ac";
    }

     .e-rptdesigner-dataset-boolean:before {
        content: "\e9ad";
    }

     .e-reportdesigner-dataset-bottomarrow:before {
        content: "\e9ae";
    }

     .e-reportdesigner-dataset-char:before {
        content: "\e9af";
    }

     .e-qrydesigner-table-column-deselect:before {
        content: "\e9b0";
    }

     .e-qrydesigner-table-column-select:before {
        content: "\e9b1";
    }

     .e-rptdesigner-dataset-datetime:before {
        content: "\e9b2";
    }

     .e-reportdesigner-dataset-folder:before {
        content: "\e9b4";
    }

     .e-rptdesigner-dataset-misc:before {
        content: "\e9b5";
    }

     .e-rptdesigner-dataset-number:before {
        content: "\e9b6";
    }

     .e-reportdesigner-dataset-openfolder:before {
        content: "\e9b7";
    }

     .e-reportdesigner-dataset-schema:before {
        content: "\e9b9";
    }

     .e-reportdesigner-dataset-schema-column:before {
        content: "\e9ba";
    }

     .e-rptdesigner-dataset-string:before {
        content: "\e9bb";
    }

     .e-reportdesigner-dataset-table:before {
        content: "\e9bc";
    }

     .e-reportdesigner-widget-grid:before {
        content: "\e9bc";
    }

     .e-reportdesigner-dataset-toparrow:before {
        content: "\e9bd";
    }

     .e-rptdesigner-errorinfo:before {
        content: "\e9be";
    }

     .e-rptdesigner-exp:before {
        content: "\ea18";
    }

     .e-reportdesigner-backarrow:before {
        content: "\e9c0";
    }

     .e-reportdesigner-dataset-foreignkey:before {
        content: "\e9c1";
    }

     .e-reportdesigner-dataset-primarykey:before {
        content: "\e9c3";
    }

     .e-reportdesigner-dataset-procedure:before {
        content: "\e9c4";
    }

     .e-reportdesigner-dataset-procedure-table:before {
        content: "\e9c5";
    }

     .e-rptdesigner-datasourcelist:before {
        content: "\e9c6";
    }

     .e-reportdesigner-dropdown:before {
        content: "\e9c7";
    }

     .e-reportdesigner-horizontal-browse:before {
        content: "\e9c8";
    }

     .e-reportdesigner-rightarrow:before {
        content: "\e9c9";
    }

     .e-rptdesigner-toolbar-gridlines:before {
        content: "\e9ca";
    }

     .e-reportdesigner-toolbar-ruler:before {
        content: "\e9cb";
    }

     .e-reportdesigner-toolbar-snapgridlines:before {
        content: "\e9cc";
    }

     .e-reportdesigner-upload:before {
        content: "\e9cd";
    }

     .e-reportdesigner-vertical-browse:before {
        content: "\e9ce";
    }

     .e-reportdesigner-widget-subreport:before {
        content: "\e9cf";
    }

     .e-reportdesigner-browse-folder .path1:before {
        content: "\e9d0";
    }

     .e-reportdesigner-browse-folder .path2:before {
        content: "\e9d1";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-folder .path3:before {
        content: "\e9d2";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-folder .path4:before {
        content: "\e9d3";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path1:before {
        content: "\e9d4";
    }

     .e-reportdesigner-browse-reportfile .path2:before {
        content: "\e9d5";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path3:before {
        content: "\e9d6";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path4:before {
        content: "\e9d7";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path5:before {
        content: "\e9d8";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path6:before {
        content: "\e9d9";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path7:before {
        content: "\e9da";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path8:before {
        content: "\e9db";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path9:before {
        content: "\e9dc";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path10:before {
        content: "\e9dd";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path11:before {
        content: "\e9de";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path12:before {
        content: "\e9df";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path13:before {
        content: "\e9e0";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path14:before {
        content: "\e9e1";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path15:before {
        content: "\e9e2";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path16:before {
        content: "\e9e3";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path17:before {
        content: "\e9e4";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path18:before {
        content: "\e9e5";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path19:before {
        content: "\e9e6";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-reportfile .path20:before {
        content: "\e9e7";
        margin-left: -1em;
    }

     .e-reportdesigner-imagemanager-add:before {
        content: "\e9e8";
    }

     .e-reportdesigner-imagemanager-delete:before {
        content: "\e9e9";
    }

     .e-reportdesigner-parameter-edit:before {
        content: "\e9ea";
    }

     .e-reportdesigner-parameter-save:before {
        content: "\e9eb";
    }

     .e-rptdesigner-selection-drag .path1:before {
        content: "\e9ec";
    }

     .e-rptdesigner-selection-drag .path2:before {
        content: "\e9ed";
        margin-left: -1em;
    }

     .e-rptdesigner-selection-move .path1:before {
        content: "\e9ee";
    }

     .e-rptdesigner-selection-move .path2:before {
        content: "\e9ef";
        margin-left: -1em;
    }

     .e-rptdesigner-selection-move .path3:before {
        content: "\e9f0";
        margin-left: -1em;
    }

     .e-reportdesigner-browse-backward:before {
        content: "\e9f1";
    }

     .e-reportdesigner-browse-forward:before {
        content: "\e9f2";
    }

     .e-reportdesigner-browse-reload:before {
        content: "\e9f3";
    }

     .e-reportdesigner-datasource-odata:before {
        content: "\e9f4";
    }

     .e-reportdesigner-datasource-psql:before {
        content: "\e9f5";
    }

     .e-reportdesigner-datasource-sass:before {
        content: "\e9f6";
    }

     .e-reportdesigner-datasource-shared:before {
        content: "\e9f7";
    }

     .e-reportdesigner-alertinfo:before {
        content: "\e9f8";
    }

     .e-reportdesigner-widget-pivotgrid:before {
        content: "\e9f9";
    }

     .e-rptdesigner-toolbar-footer:before {
        content: "\e9fa";
    }

     .e-rptdesigner-toolbar-header:before {
        content: "\e9fb";
    }

     .e-reportdesigner-selection-settings .path1:before {
        content: "\e9fc";
    }

     .e-reportdesigner-selection-settings .path2:before {
        content: "\e9fd";
    }

     .e-reportdesigner-selection-settings .path3:before {
        content: "\e9fe";
    }

     .e-reportdesigner-selection-settings .path4:before {
        content: "\e9ff";
    }

     .e-reportdesigner-selection-settings .path5:before {
        content: "\ea00";
    }

     .e-reportdesigner-selection-settings .path6:before {
        content: "\ea01";
    }

     .e-reportdesigner-configuration-settings:before {
        content: "\ea15";
    }

     .e-reportdesigner-minus:before {
        content: "\ea1b";
    }

     .e-reportdesigner-plus:before {
        content: "\ea1c";
    }

     .e-reportdesigner-alert-msg .path1:before {
        content: "\ea1d";
    }

     .e-reportdesigner-alert-msg .path2:before {
        content: "\ea1e";
        margin-left: -1em;
    }

     .e-reportdesigner-alert-msg .path3:before {
        content: "\ea1f";
        margin-left: -1em;
    }

     .e-reportdesigner-alert-msg .path4:before {
        content: "\ea20";
        margin-left: -1em;
    }

     .e-reportdesigner-alert-info .path1:before {
        content: "\ea21";
    }

     .e-reportdesigner-alert-info .path2:before {
        content: "\ea22";
        margin-left: -1em;
    }

     .e-reportdesigner-alert-info .path3:before {
        content: "\ea23";
        margin-left: -1em;
    }
    /*----------------------ReportDesigner Font Icons End----------------------*/
    /*----------------------ReportDesigner Common Styles----------------------*/
     .e-rptdesigner-dataconfig,
     .e-rptdesigner-dataconfig-item,
     .e-rptdesigner-dataconfig-header,
    .e-rptdesigner-toolbarcontainer,
    .e-rptdesigner-toolbarcontainer .e-rptdesigner-preview-div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

     .e-querydesigner .e-widgeticon span,
     .e-querydesigner .e-widgeticons span,
     .e-querydesigner .e-toolbarfonticonbasic span,
     .e-reportdesigner .e-widgeticon span,
     .e-reportdesigner .e-widgeticons span,
    .e-rptdesigner-dialog .e-designer-tile span,
     .e-reportdesigner .e-toolbarfonticonbasic span,
    .e-rptdesigner-alertbox .e-widget-content .e-widgeticon span,
     .e-rptdesigner-new-btn,
     .e-rptviewer-updown,
     .e-designer-ejwidgets-updown,
     .e-reportdesigner-alertinfo,
     .e-rptviewer-updown,
     .e-designer-ejwidgets-colorpicker,
     .e-rptdesigner-ejwidgets-splitbtn,
     .e-designer-ejwidgets-dataConfig,
     .e-toolbarfonticonbasic,
     .e-rptdesigner-acrdn-nav-icon,
     .e-designer-panel-icon,
     .e-designer-tile,
    .e-reportdesigner .e-widgeticon,
     .e-query-selection,
     .e-toolbarPreview,
     .e-rptdesigner-headericon,
     .e-designer-switchind-icon,
    .e-reportdesigner .e-widgeticons,
     .e-reportdesigner-double-drag,
     .e-rptdesigner-dataconfig-icon,
     .e-query-datatype,
     .e-dataset-widgeticon,
     .e-rptdesigner-error-icon,
     .e-reportdesigner-alertinfo,
     .e-designer-content-icon,
     .e-rptdesigner-browse-icon,
     .e-designer-ejwidgets .e-icon.e-search:before,
     .e-reportdesigner-imagemanager-add:before,
     .e-reportdesigner-imagemanager-delete:before,
     .e-designer-ejwidgets-updown .e-icon.e-arrow-sans-down:before,
     .e-designer-ejwidgets-updown .e-icon.e-arrow-sans-up:before,
     .e-rptdesigner-ejwidgets-splitbtn .e-icon.e-arrow-sans-down:before,
     .e-designer-ejwidgets-colorpicker .e-icon.e-arrow-sans-down:before,
     .e-designer-ejwidgets-colorpicker .e-drp-btn .e-icon.e-arrow-sans-down:before,
     .e-designer-ejwidgets .e-icon.e-arrow-sans-down:before,
     .e-designer-ejwidgets-dataConfig .e-icon.e-arrow-sans-down:before,
     .e-rptdesigner-new-btn .e-icon.e-arrow-sans-down:before,
     .e-rptviewer-drpdown .e-icon.e-arrow-sans-down:before,
     .e-rptviewer-updown .e-arrow-sans-down:before,
     .e-rptviewer-updown .e-arrow-sans-up:before,
    .e-reportdesigner .e-toolbarsmallfonticonsettings,
    .e-reportdesigner .e-reporticons {
        font-family: 'ejreportdesigner' !important;
    }

     .e-toolbarfonticonbasic,
     .e-rptdesigner-acrdn-nav-icon,
     .e-designer-panel-icon,
     .e-designer-tile,
     .e-widgeticon,
     .e-query-selection,
     .e-query-datatype,
     .e-query-treeview,
     .e-rptdesigner-headericon,
     .e-reportdesigner-double-drag,
     .e-widgeticons,
     .e-imagemanagericon,
     .e-rptdesigner-dataconfig-icon,
     .e-toolbarPreview,
     .e-dataset-widgeticon,
     .e-rptdesigner-error-icon,
     .e-reportdesigner-alertinfo,
     .e-designer-content-icon,
     .e-toolbarsmallfonticonsettings,
    .e-reportdesigner .e-reporticons {
        /* use !important to prevent issues with browser extensions that change fonts */
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

     .e-rptdesigner-param-btn.e-txt,
     .e-rptdesigner-cancelbtn.e-txt,
     .e-rptdesigner-okbtn.e-txt,
     .e-reportdesigner-dataset-okbtn.e-txt,
     .e-rptdesigner-dataset-cancelbtn.e-txt,
     .e-reportdesigner-dataset-btn.e-txt,
     .e-rptdesigner-previewbtn .e-btntxt,
     .e-rptdesigner-new-btn .e-btntxt,
     .e-designer-newparam-btn .e-btntxt,
     .e-designer-newds-btn .e-btntxt,
     .e-designer-dsconnect-btn.e-txt,
     .e-designer-alert-okbtn .e-btntxt,
     .e-rptdesigner-alert-cancelbtn .e-btntxt,
     .e-designer-setparam-btn.e-txt,
     .e-qrydesigner-addbtn .e-btntxt,
     .e-rptdesigner-connect.e-txt,
     .e-rptdesigner-designbutton .e-btntxt {
        & when not (@skin= "material") {
            padding-bottom: 0.2em !important;
        }
    }

     .e-rptdesigner-txtoverflow,
     .e-reportdesigner-grid-cell,
     .e-designer-li-text,
     .e-reportdesigner-treeText,
     .e-rptdesigner-param-text,
     .e-rptdesigner-report-caption,
     .e-designer-param-tab,
     .e-rptdesigner-paramdrag-label,
     .e-rptdesigner-da-dragLabel,
     .e-rptdesigner-da-dataLable,
     .e-rptdesigner-drag-div,
     .e-rptdesigner-drag-label,
     .e-designer-setparam-btn,
     .e-rptdesigner-format-prevwChild {
        overflow: hidden !important;
        white-space: nowrap !important;
        -ms-text-overflow: ellipsis !important;
        -o-text-overflow: ellipsis !important;
        text-overflow: ellipsis !important;
    }

     .e-designer-content-icon,
     .e-rptdesigner-data-icon,
     .e-designer-tile,
     .e-query-datatype,
     .e-query-selection,
     .e-query-treeview {
        cursor: pointer;
    }

     .e-rptdesigner-new-btn-footer {
        height: 1px !important;
    }

    .e-rptdesigner-toolbarcontainer,
    .e-rptdesigner-ejdialog,
    .e-rptdesigner-dialog,
    .e-rptdesigner-alertbox,
    .e-reportdesigner .e-userselect *:not(input):not(textarea),
    .e-reportdesigner .e-data-table *:not(input):not(textarea) {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .e-reportdesigner .e-reportdesigner-designer-configuration .e-atc,
    .e-reportdesigner .e-numeric,
    .e-reportdesigner .e-percent,
    .e-reportdesigner .e-currency,
    .e-reportdesigner .e-mask,
    .e-reportdesigner .e-ddl {
        height: 28px;
    }

     .e-rptdesigner-back-btn {
        margin: 2px 7px 2px 2px !important;
    }

     .e-rptdesigner-button,
     .e-rptdesigner-okbtn,
     .e-rptdesigner-cancelbtn {
        & when not (@skin= "office-365") {
            border-radius: 4px !important;
        }
    }

     .e-rptdesigner-connect-btn {
        margin: 2px 2px 2px 7px !important;
    }

     .e-rptdesigner-treeIcon {
        float: left;
        vertical-align: middle;
        margin-top: 5px;
    }

     .e-rptdesigner-cursor,
     .e-reportdesigner-dataset-colum,
     .e-designer-title-label,
     .e-rptdesigner-param-text {
        cursor: default !important;
    }

     .e-designer-newparam-btn,
     .e-rptdesigner-new-btn,
     .e-designer-newds-btn,
     .e-designer-dsconnect-btn {
        line-height: normal !important;
        height: 29px !important;
        width: 154px !important;
    }

     .e-rptdesigner-new-btn .e-icon,
     .e-designer-newparam-btn .e-icon,
     .e-designer-newds-btn .e-icon,
     .e-designer-alert-okbtn .e-icon,
     .e-rptdesigner-alert-cancelbtn .e-icon,
     .e-qrydesigner-addbtn .e-icon {
        padding: 4px !important;
    }

     .e-designer-content {
        line-height: 1;
    }

     .e-designer-content-label,
     .e-designer-content-label .e-input,
     .e-designer-content-label .e-corner {
        -moz-border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        border-radius: 3px !important;
    }

     .e-rptdesigner-datasource-list,
     .e-reportdesigner-param-list {
        padding: 0;
    }

     .e-rptdesigner-param-text {
        & when not (@skin= "office-365") {
            vertical-align: middle !important;
        }

        display: inline-block !important;
        line-height: normal !important;
    }

     .e-designer-li-text {
        vertical-align: top !important;
        display: inline-block !important;
    }

     .e-rptdesigner-header {
        line-height: 1;
        letter-spacing: 0.5px;
    }

     .e-rptdesigner-browse-btn {
        & when (@skin= "office-365") {
            width: 0 !important;
            height: 32px !important;
        }
    }

     .e-rptdesigner-format-input {
        padding-top: 0.5px;
        margin-left: 7px;

        & when (@skin= "office-365") {
            width: 197px !important;
        }
    }

     .e-rptdesigner-format-btn {
        & when not (@skin= "material") {
            margin-top: -2.5px;
        }

        & when (@skin= "office-365") {
            width: 0 !important;
            height: 29px !important;
        }
    }

     .e-rptdesigner-browse-icon {
        display: inline-block;

        & when not (@skin = "material") and not (@skin= "office-365") {
            margin-top: 5px;
        }

        & when (@skin = "material") {
            margin-top: 4px;
        }

        & when (@skin = "office-365") {
            margin-top: 7px;
            margin-left: -7px;
        }
    }

     .e-rptdesigner-browse-rpt.e-rptdesigner-browse-icon {
        & when not (@skin= "office-365") {
            margin-top: 6px;
        }

        & when (@skin = "office-365") {
            margin-top: 9px;
        }
    }

     .e-widgeticon-drag {
        font-size: 45px !important;
        opacity: 0.6;
    }

     .e-rptdesigner-empty-msg {
        font-size: 11px;
        text-align: center;
        vertical-align: top;
        padding-top: 20px;
    }

     .e-rptdesigner-box-sizing,
     .e-reportdesigner-designArea,
     .e-rptdesigner-pg-tag {
        -webkit-box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
        box-sizing: content-box !important;
    }
    /*----------------------ReportDesigner Common Styles End----------------------*/
    /*----------------------Report Item css Start----------------------*/
     .e-reportdesigner-reportitem-resizeicon {
        position: absolute;
        background-image: url('@{font-path}/reportdesigner/resizeicon.png');
        float: left;
        display: block;
        width: 8px;
        height: 8px;
        background-position: -5px -5px;
    }

     .e-reportdesigner-reportitem-customicon.e-moveicon {
        position: absolute;
        background-image: url('@{font-path}/reportdesigner/MoveIcon.png');
        -ms-background-size: cover;
        background-size: cover;
        float: left;
        display: block;
        width: 15px;
        height: 15px;
        cursor: move;
    }

     .e-reportdesigner-reportitem-customicon.e-settingsicon {
        position: absolute;
        background-image: url('@{font-path}/reportdesigner/SettingIcon.png');
        -ms-background-size: cover;
        background-size: cover;
        float: left;
        display: block;
        width: 15px;
        height: 15px;
        cursor: default;
    }

     .content-iframe-body:focus {
        outline: none;
    }

     .content-iframe-body br {
        display: none !important;
    }

     .content-iframe-body-rtl {
        direction: rtl;
        text-align: right;
    }

     .content-iframe-body span {
        height: auto;
        white-space: pre-wrap;
    }

     .e-reportdesigner-default-image {
        background-image: url('@{font-path}/reportdesigner/DefaultImage.png');
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

     .e-reportdesigner-image {
        position: absolute;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    /*----------------------Report Item End----------------------*/
    /*----------------------Toolbar Start----------------------*/
    .e-rptdesigner-toolbarcontainer .e-rel-position {
        cursor: default !important;

        & when (@skin = "material") {
            margin-top: 6.5px;
        }

        & when (@skin = "office-365") {
            margin-top: -2.5px;
        }

        & when not (@skin = "material") and not (@skin = "office-365") {
            margin-top: 2.5px;
        }
    }

    .e-rptdesigner-toolbarcontainer .e-icon.e-toolbar-res-arrow {
        & when (@skin = "material") {
            padding: 0 !important;
        }
    }

     .e-rptdesigner-previewbtn {
        & when (@skin = "material") {
            width: 120px !important;
            padding-right: 13px !important;
        }
    }

     .e-rptdesigner-exp {
        margin-top: 2px !important;
    }

     .e-querydesigner-dsname,
     .e-querydesigner-dataset-name {
        padding: 2px 12px !important;

        & when (@skin = "material") {
            height: 33px !important;
        }
    }

    .e-rptdesigner-toolbarcontainer {
        vertical-align: middle;
        cursor: default;
        border: 0 solid;

        & when not (@skin = "material") {
            height: 38px;
            box-shadow: none !important;
        }

        & when (@skin = "material") {
            height: 48px !important;
            -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20) !important;
            -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20) !important;
            box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20) !important;
        }
    }

     .e-rptdesigner-toolbarul-begin {
        padding-left: 5px;
    }

     .e-rptdesigner-toolbarul label,
     .e-querydesigner-toolbarul label {
        font-weight: inherit !important;
    }

     .e-rptdesigner-toolbarul {
        padding-left: 3.5px;

        & when not (@skin = "office-365") {
            height: 34px;
            padding-right: 4px;
        }

        & when (@skin = "material") {
            margin-right: 4px !important;
            margin-top: 5.5px !important;
            margin-bottom: 5.5px !important;
        }

        & when (@skin = "office-365") {
            height: 31px !important;
            padding-right: 10px;
        }
    }

     .e-rptdesigner-toolbarli {
        border-width: 0 !important;
        float: left;

        & when not (@skin = "material") and not (@skin = "office-365") {
            margin: 2px 1.5px !important;
        }

        & when not (@skin = "material") {
            padding: 0 !important;
            width: 28px;
            height: 30px;
        }

        & when (@skin = "material") {
            width: 21px;
            height: 21px;
            padding: 7px !important;
        }

        & when (@skin = "office-365") {
            margin: 2px 3.5px !important;
        }
    }

     .e-rptdesigner-toolbarli.e-designer-toolbar-align {
        display: block;
    }

     .e-rptdesigner-toolbarli.e-designer-toolbar-align .e-rptdesigner-toolbar-icon {
        width: 100%;
        height: 100%;
        display: inline-block !important;
        text-align: center !important;
        position: relative !important;

        & when not (@skin = "material") {
            margin-top: 8px;
        }

        & when (@skin = "material") {
            margin-top: 3px;
        }
    }

     .e-rptdesigner-toolbar-save::before {
        margin: 0 !important;
    }

     .e-rptdesigner-splitbtn-span {
        display: inline-table;

        & when (@skin = "material") {
            margin: 0 !important;
        }
    }

     .e-rptdesigner-splitbtn {
        padding-right: 12px !important;
    }

     .e-rptdesigner-splitter-div {
        position: absolute;
        height: 100%;
    }

     .e-rptdesigner-splitter-icon {
        & when not (@skin = "office-365") {
            padding-top: 8px !important;
        }

        & when (@skin = "material") {
            padding-top: 4px !important;
        }

        & when (@skin = "office-365") {
            padding: 8px 3px 4px 3px !important;
        }
    }

     .e-rptdesigner-preview-div {
        width: 130px;
        float: right;
    }

     .e-rptdesigner-preview {
        float: right;
        margin-right: 5px;
        margin-top: 4.5px;
        margin-bottom: 5.5px;
    }

     .e-rptdesigner-toolbarul-preview {
        float: right !important;
    }

     .e-rptdesigner-toolbar-zoom {
        text-align: center;
        float: left;
        margin: 9px 6px;
    }

     .e-rptdesigner-toolbar-icon {
        display: block;
        height: 20px;
        width: 20px;
        background-repeat: no-repeat;
        margin-left: 0;
        margin-top: 0;
    }

    .e-rptdesigner-toolbarcontainer .e-toolbarPreview {
        display: table-cell;
        padding: 3px;
        vertical-align: middle;
    }

     .e-rptdesigner-ejdesigner {
        margin: 3px;
    }

    .e-reportdesigner .e-toolbarClose {
        font-size: 9px !important;
        padding-top: 4.1px !important;
    }

     .e-designer-label {
        line-height: 1;
        margin-bottom: 0 !important;
    }

    .e-rptdesigner-toolbarcontainer.e-responsive-toolbar .e-rptdesigner-preview {
        & when (@skin = "office-365") {
            margin-top: 2.5px;
        }
    }
    /*----------------------Toolbar End-----------------------*/
    /************************Itempanel Start***********************************/
     .e-reportdesigner-atc-boxshadow {
        box-shadow: none !important;
    }

     .e-rptdesigner-itempanel-parent {
        float: left;
        box-sizing: border-box;
    }

     .e-rptdesigner-itempanel-autocomplete {
        box-sizing: border-box;
        float: left;
        margin: 5px;

        & when (@skin = "bootstrap") {
            border-radius: 4px;
        }

        & when not (@skin = "bootstrap") {
            border-radius: 0px;
        }
    }

     .e-rptdesigner-itempanel-textbox {
        text-align: left;
        float: left;
        height: 24px !important;
        border-radius: 4px;
        margin-left: 1px !important;
        margin-top: 1px !important;
    }

     .e-rptdesigner-itempanel-searcharea {
        margin-top: 8px;
        float: right;
    }

     .e-rptdesigner-itempanel-emptymsgdiv,
     .e-rptdesigner-itempanel-elementdiv {
        width: 100%;
        height: 100%;
    }

     .e-rptdesigner-itempanel-headerText {
        float: left;
        margin-left: 14px;
        margin-top: 6px;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 95px;
        white-space: nowrap;
    }

     .e-rptdesigner-itempanel-expandcollapseicon {
        float: right;
        width: 25px;
        margin-left: 6px;
        margin-right: 5px;
        text-align: center;

        & when not (@skin = "material") and not (@skin = "office-365") {
            margin-top: 1px;
        }
    }

     .e-rptdesigner-itempanel-container {
        height: 75px;
        width: 100%;
        box-sizing: border-box;
    }

     .e-rptdesigner-itempanel-itemdiv {
        width: 74.5px;
        height: 74px;
        cursor: default;
        float: left;
        vertical-align: middle;
        text-align: center;
    }

     .e-rptdesigner-itempanel-textitem {
        width: 70px;
        height: 30px;
        margin-top: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: default;
    }

     .e-rptdesigner-itempanel-dragelements {
        width: 74.5px;
        height: 75px;
        cursor: default;
        float: left;
        vertical-align: middle;
        text-align: center;
    }

     .e-itempanel-header:hover {
        cursor: pointer !important;
    }
    /************************Itempanel End***********************************/
    /************************Datasource Start*********************************/
     .e-rptdesigner-dsicon {
        margin: 1px 9px !important;
    }

     .e-rptdesigner-ds-drag {
        float: right;
        margin-right: 5px;
        margin-top: 1.5px;
    }

     .e-rptdesigner-dstitle-text {
        margin-top: 2px;
    }

     .e-rptdesigner-dssize,
     .e-rptdesigner-dstype-list,
     .e-rptdesigner-dsgroup {
        width: 100%;
        height: 100%;
    }

     .e-rptdesigner-dspanel {
        width: 100%;
        overflow: hidden;
    }

     .e-designer-hint-newdatasource {
        background-image: url('@{font-path}/reportdesigner/Datasource.png');
        background-position: 50% 100%;
        background-repeat: no-repeat;
    }

     .e-rptdesigner-dspanel-footer {
        overflow: hidden;
        margin: 0 auto;
        text-align: center;
    }

     .e-rptdesigner-dspanel-separator {
        margin: 8px;
        margin-bottom: 12px;
    }

     .e-rptdesigner-dsconfig-separator {
        margin: 8px;
        margin-bottom: 9px;
    }

     .e-rptdesigner-dspanel-header {
        overflow: hidden;
        padding: 8.5px 7px 7px 0;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

     .e-rptdesigner-dsconfig {
        padding: 7px 11px;
        float: left;
    }

     .e-rptdesigner-dspanel-menu {
        float: right;
        padding: 7px 4px;
    }

     .e-rptdesigner-dspanel-list {
        border-top-width: 1px;
        padding: 0 3px;
    }

     .e-rptdesigner-dspanel-ullist {
        width: auto;
        height: auto;
    }

     .e-designer-dsconnect-btn {
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

     .e-designer-dslist-label {
        padding: 0 10px;
    }

     .e-rptdesigner-dstype-list {
        padding: 10px 0;
    }

     .e-rptdesigner-dspanel-data {
        width: 100%;
        float: left;
        clear: none;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

     .e-rptdesigner-dspanel-new {
        padding: 10px 10px;
    }

     .e-rptdesigner-dspanel-exist {
        padding: 0 10px;
    }

     .e-rptdesigner-dspanel-existlabel {
        font-size: 13px;
        font-weight: 600;
    }

     .e-rptdesigner-dspanel-radio {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

     .e-rptdesigner-dsheader {
        overflow: auto;
        margin-left: 6px;
    }

     .e-rptdesigner-dsconfig-table {
        width: 100%;
        margin-left: 5px;
    }

     .e-rptdesigner-dsconfig-button {
        width: 50%;
        height: 100%;
        display: block;
        overflow: hidden;
        float: left;
    }

     .e-rptdesigner-dsgroup {
        padding: 10px 0 10px 9px;
        margin: 0 auto;
        display: inline-block;
    }

     .e-rptdesigner-dsanchor {
        & when not (@skin = "material") {
            padding: 9px 0 !important;
        }

        & when (@skin = "material") {
            padding: 14px 0 !important;
        }
    }

     .e-reportdesigner-datasourceTypes {
        border: 1px solid transparent;
        background-color: transparent;
        float: left;
        padding: 6px;
        display: table-cell;
        text-align: center;
        line-height: normal;
        vertical-align: middle;
    }

     .e-designer-switchind-icon {
        margin-left: 5px;
    }

     .e-designer-constr-textarea {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-right: 5px;
        overflow-y: auto !important;
        resize: vertical;
    }

     .e-designer-dsconfig-table {
        margin-left: 5px;
        display: table !important;
    }

     .e-designer-existing-tbl {
        display: table !important;
    }

     .e-designer-dsconfig-table,
     .e-designer-dsconfig-table table,
     .e-designer-exp-table,
     .e-rptdesigner-dsheader table,
     .e-rptdesigner-table-dialog,
     .e-rptdesigner-table-dialog table,
     .e-designer-param-table,
     .e-designer-param-table table,
     .e-designer-existing-tbl,
     .e-designer-sharedconfig-table,
     .e-designer-sharedconfig-table table,
     .e-rptdesigner-designbutton .e-btn-span {
        border-spacing: 2px !important;
        border-collapse: separate !important;
    }
    /************************Datasource End***********************************/
    /*----------------------DataConfiguration Start-----------------------*/
     .e-rptdesigner-dataconfig-item {
        padding: 7.5px;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
    }

     .e-rptdesigner-dataconfig-expandablepanel {
        width: 463px;
        height: 100%;
        overflow: hidden;
        float: left;
        box-sizing: border-box;
    }

     .e-rptdesigner-dataconfig-arrow {
        height: 20px !important;
        width: 10px !important;

        & when (@skin = "material") {
            top: 3px !important;
        }

        & when not (@skin = "material") {
            top: 4px !important;
        }
    }
    /*----------------------DataConfiguration End-----------------------*/
    /*----------------------PropertyPanel Start-----------------------*/
     .e-designer-property-tooltip {
        height: auto;
        width: auto;
        position: absolute;
        z-index: 10008;
    }

     .e-rptdesigner-prop-num {
        margin-top: 3px;
        margin-left: 5px;
    }

     .e-rptdesigner-prop-border {
        & when (@skin = "material"), (@skin = "office-365") {
            margin-left: 20px;
            width: 86px !important;
        }
    }

     .e-rptdesigner-prop-border input {
        & when (@skin = "material") {
            position: absolute;
        }
    }

     .e-rptdesigner-prop-border .e-designer-ejwidgets-updown {
        & when (@skin = "material"), (@skin = "office-365") {
            width: 86px !important;
        }
    }

     .e-designer-prop-checkbox .e-chkbox-small .e-chk-image.e-icon {
        & when (@skin = "office-365") {
            margin-top: -2px !important;
        }
    }
    /*----------------------PropertyPanel End-----------------------*/
    /*----------------------Dependent component Overwritten-----------------------*/
    /*----------------------DesignPanel CSS Start-----------------------*/
     .e-rptdesigner-headertag,
     .e-reportdesigner-designPanel,
     .e-rptdesigner-dpbodytag {
        box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }

     .e-rptdesigner-surfacecontainer {
        border-left-width: 1px;
        float: left;
        box-sizing: border-box;
    }

     .e-rptdesigner-dpOuterline {
        margin: 10px;
        position: relative;
    }

     .e-rptdesigner-horizonline {
        margin: 0px;
        position: absolute;
    }

     .e-rptdesigner-headertag {
        position: relative;
    }

     .e-reportdesigner-designArea {
        float: left;
    }

     .e-reportdesigner-designPanel {
        width: 100%;
        overflow: auto;
        border: 0px solid;
        border-left-width: 1px !important;
    }

     .e-rptdesigner-pg-tag {
        width: 40px;
        height: 16px;
        max-width: 40px;
        z-index: 10;
        position: absolute;
        padding: 2px 12px;
    }

     .e-rptdesigner-headerwatermark,
     .e-rptdesigner-footerwatermark {
        border-top-right-radius: 10px;
    }

     .e-rptdesigner-headerwatermark {
        bottom: 0px;
    }

     .e-rptdesigner-dpbodytag {
        position: relative;
    }

     .e-rptdesigner-footerwatermark {
        top: 0px;
    }

     .e-rptdesigner-designselector {
        position: absolute;
        z-index: 1010;
        pointer-events: none;
    }

     .e-rptdesigner-dpresizer {
        z-index: 1000;
        position: relative;
    }

     .e-rptdesigner-dpxyresizer {
        position: relative;
        border-width: 0px;
    }

     .e-rptdesigner-dpadorner-div {
        position: absolute;
        box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
        -webkit-box-sizing: content-box !important;
    }
    /************************DesignPanel CSS End***********************************/
    /************************DataAssign panel CSS Start***********************************/
     .e-rptdesigner-dataassign-sep,
     .e-rptdesigner-da-searchtxtbx,
     .e-rptdesigner-da-dragicon,
     .e-rptdesigner-da-dragLabel {
        float: left;
    }

     .e-rptdesigner-da-searchroot,
     .e-rptdesigner-da-searchicon,
     .e-rptdesigner-da-settingsicon,
     .e-rptdesigner-da-closeicon {
        float: right;
    }

     .e-rptdesigner-dataassign input.e-input {
        margin-top: 2px;
        height: 15px;
        border-radius: 5px;
    }

     .e-rptdesigner-dataassign-roottag {
        overflow: hidden;
    }

     .e-rptdesigner-dataassign-sep {
        width: 1px;
        border: 0px Solid;
        margin-top: -16px;
        margin-left: 9px;
    }

     .e-rptdesigner-da-searchroot {
        margin-top: 3px;
    }

     .e-rptdesigner-da-searchtxtbx {
        border-radius: 5px;
        padding-left: 5px;
    }

     .e-rptdesigner-da-searchicon {
        margin-top: -16.5px;
    }

     .e-rptdesigner-da-dataLable {
        margin: 3px;
        margin-bottom: 0px;
    }

     .e-rptdesigner-da-categoryList {
        margin: 3px;
        margin-top: 5px;
        border-radius: 5px;
        overflow: auto;
    }

     .e-rptdesigner-da-emptyLabel {
        margin: 6px;
    }

     .e-rptdesigner-da-emptySpan {
        padding-left: 65px;
    }

     .e-rptdesigner-da-dragDiv {
        margin: 6px;
        border-radius: 2px;
    }

     .e-rptdesigner-da-dragicon {
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 7.5px;
    }

     .e-rptdesigner-da-dragLabel {
        margin-top: 5px;
    }

     .e-rptdesigner-da-closeicon {
        margin-right: 5px;
        margin-top: 7px;
    }

     .e-rptdesigner-da-settingsicon {
        margin-right: 5px;
        margin-top: 5.5px;
        margin-left: 5px;
    }

     .e-rptdesigner-dataassign-search input:focus {
        outline: none;
    }

     .e-rptdesigner-da-emptySpan,
     .e-rptdesigner-da-dragLabel,
     .e-rptdesigner-da-closeicon,
     .e-rptdesigner-da-settingsicon {
        vertical-align: middle;
    }
    /************************DataAssign panel CSS End***********************************/
    /************************FormatDialog  CSS Start***********************************/
     .e-rptdesigner-format-bodyDiv,
     .e-rptdesigner-format-table,
     .e-rptdesigner-formattext-table {
        width: 100%;
    }

     .e-rptdesigner-format-bodyDiv {
        padding-top: 6px;
        border-radius: 2px;
        overflow: auto;
    }

     .e-rptdesigner-format-headDiv {
        float: left;
        padding-left: 12px;
        padding-top: 7px;
    }

     .e-rptdesigner-format-subDiv {
        float: right;
        padding-left: 13px;
        padding-top: 5px;
    }

     .e-rptdesigner-format-prevwDiv {
        margin-left: 5px;
    }

     .e-rptdesigner-format-typeDiv {
        padding-bottom: 4px;
    }

     .e-rptdesigner-format-prevwChild {
        text-align: center;
        vertical-align: middle;
        padding-left: 8px;
        padding-top: 65px;
    }

     .e-rptdesigner-format-table {
        padding-bottom: 10px;
    }

     .e-rptdesigner-format-expBtn {
        cursor: pointer;
        margin-top: 6px;
    }

     .e-rptdesigner-formattext-table {
        margin: 8px 0px;
    }

     .e-rptdesigner-formattext-row {
        height: 22.5px;
    }

     .e-rptdesigner-formattext-caption {
        float: right;
    }
    /************************FormatDialog  CSS End***********************************/
     .e-reportdesigner-designer-configuration .e-radiobtn-wrap .e-radsmaller {
        height: 11px;
        width: 11px;
    }

     .e-reportdesigner-designer-configuration .e-radiobtn-wrap .e-radsmaller .e-rad-icon {
        line-height: 10px;
        text-indent: 1.5px;
    }

     .e-reportdesigner-designer-configuration .e-chkbox-wrap .e-chkbox-small > span {
        height: 12px;
        width: 12px;
    }

     .e-reportdesigner-designer-configuration .e-tab .e-header li {
        letter-spacing: 0.5px;
    }

     .e-reportdesigner-designer-configuration .e-tab > .e-header .e-icon {
        margin-top: -9px;
    }

     .e-reportdesigner-designer-configuration .e-tab .e-header li a {
        font-weight: 600;
    }

     .e-reportdesigner-designer-configuration .e-tab .e-active-content {
        padding: 0;
    }

     .e-reportdesigner-designer-configuration .e-tab.e-js .e-header > .e-bottom-line.e-active,
     .e-reportdesigner-designer-configuration .e-tab.e-js .e-header > .e-bottom-line.e-active:hover {
        padding-bottom: 0 !important;
    }

     .e-reportdesigner-designer-configuration .e-tab.e-js > .e-content {
        border-width: 0;
    }

     .e-reportdesigner-designer-configuration .e-icon {
        cursor: pointer !important;
    }

     .e-reportdesigner-designer-configuration .e-tab .e-header .e-margine-top:hover {
        border-top: 0 none !important;
    }

     .e-rptdesigner-img-addbutton .e-icon.e-plus,
     .e-rptdesigner-param-newbtn .e-icon.e-plus,
     .e-rptdesigner-data-splitbtn .e-icon.e-plus {
        & when (@skin= "office-365") {
            width: 15px !important;
            height: 15px !important;
            font-size: 15px !important;
        }
    }

     .e-rptdesigner-img-addbutton .e-btntxt,
     .e-rptdesigner-param-newbtn .e-btntxt,
     .e-rptdesigner-data-splitbtn .e-btntxt {
        & when (@skin= "office-365") {
            padding-top: 2.5px !important;
        }
    }
    /*----------------------Dependent component Overwritten-----------------------*/
    /*----------------------ReportViewer Styles overwritten-----------------------*/
    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-icon {
        font-family: 'ejreportdesigner' !important;
        font-size: 17px !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-toolbarli {
        & when (@skin = "office-365") {
            padding-top: 4px !important;
            padding-bottom: 11px !important;
        }
    }

    .e-reportdesigner .e-reportviewer-toolbarcontainer {
        & when not (@skin = "material") {
            height: 35px !important;
        }

        vertical-align: middle;
        border: 0 solid;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-tooltxt {
        & when not (@skin = "material") {
            border-radius: 0 !important;
        }
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-rel-position {
        & when not (@skin = "material") {
            margin-top: 2px;
        }
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-toolbarli:not(.e-reportviewer-ejdropdownlist):not(.e-reportviewer-tbpage) {
        & when not (@skin = "material") {
            margin: 2px 1.5px !important;
            padding: 0 !important;
            width: 28px !important;
            height: 28px !important;
            border-width: 0 !important;
            border-radius: 2px !important;
        }
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-toolbarli > span:not(.e-ddl) {
        & when not (@skin = "material") {
            margin: 6px 0 0 4px;
        }
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-toolbarli > span.e-ddl {
        & when not (@skin = "material") {
            margin: 0 1px 0 1px !important;
        }
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-toolbarul:first-child {
        & when not (@skin = "material") {
            padding-left: 5px !important;
        }
    }

    .e-reportdesigner .e-reportviewer .e-textbox {
        & when not (@skin = "material") {
            height: 26px !important;
        }
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-toolbarul {
        & when (@skin = "office-365") {
            padding-right: 10px;
        }
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-toolbarli.e-reportviewer-tbpage,
    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-toolbarli.e-reportviewer-ejdropdownlist {
        background-color: transparent !important;
        border: 0 !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-toolbarli.e-reportviewer-ejdropdownlist {
        margin: 2px !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-print:before {
        content: "\ea24" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-export:before {
        content: "\ea25" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-preview:before {
        content: "\ea26" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-pagesetup:before {
        content: "\ea27" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-gotofirst:before {
        content: "\ea28" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-gotoprevious:before {
        content: "\ea29" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-gotonext:before {
        content: "\ea2a" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-gotolast:before {
        content: "\ea2b" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-documentmap:before {
        content: "\ea2c" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-gotoparent:before {
        content: "\ea2d" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-zoomout:before {
        content: "\ea2e" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-zoomin:before {
        content: "\ea2f" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-pagefit:before {
        content: "\ea30" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-refresh:before {
        content: "\ea31" !important;
    }

    .e-rptdesigner.e-reportviewer-toolbarcontainer .e-reportviewer-parameter:before {
        content: "\ea32" !important;
    }

    .e-reportviewer .e-rptdesigner.e-reportviewer-icon.e-reportviewer-close {
        content: "\e901" !important;
        font-family: 'ej-webfont' !important;
    }
    /*----------------------ReportViewer Styles overwritten-----------------------*/
    /*----------------------Link Parameter Start-----------------------*/
     .e-rptdesigner-linkparam-table {
        border-spacing: 0 !important;
    }

     .e-rptdesigner-linkparam-container {
        padding: 5px 3px;
        margin-top: 4px;
        margin-bottom: 2px;
    }

     .e-rptdesigner-linkparam-container-div {
        padding: 4px 8px;
    }

     .e-rptdesigner-linkparam-padding {
        padding-left: 10px;
    }

     .e-rptdesigner-linkparam-errorColum {
        padding-right: 5px;
    }

     .e-rptdesigner-linkparam-delColum {
        padding-right: 5px;
        padding-top: 5px;
    }
    /*----------------------Link Parameter End-----------------------*/
    /*----------------------Filter Dialog Start-----------------------*/
     .e-rptdesigner-filter-container {
        padding: 4px 0px;
        margin: 0px 0px 4px 0px;
    }

     .e-rptdesigner-filter-div {
        padding-right: 8px;
        padding-left: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

     .e-rptdesigner-filter-table {
        padding: 3px;
    }
    /*----------------------Filter Dialog End-----------------------*/
    /*----------------------Browse Dialog Start-----------------------*/
     .e-rptdesigner-browse-path {
        margin-top: 1px;
    }

     .e-rptdesigner-browse-content {
        margin-top: 0.5px;
    }
    /*----------------------Browse Dialog End-----------------------*/
    /*----------------------Report Action Start-----------------------*/
     .e-rptdesigner-report-table {
        margin: 8px 0px;
    }

     .e-rptdesigner-enable-chkbx {
        margin-left: 2px;
    }

     .e-rptdesigner-config-table {
        margin: 8px 0px;
    }

     .e-rptdesigner-report-caption {
        float: right;
        margin-right: 5px;
    }

     .e-rptdesigner-report-margin {
        margin-left: 2px;
    }

     .e-rptdesigner-report-url {
        margin: 8px 0px;
    }

     .e-rptdesigner-report-exp {
        padding-left: 10px;
    }

     .e-reportdesigner-browse-icon {
        display: inline-block;
    }

     .e-rptdesigner-report-browseicon {
        margin-top: 6px;
    }

     .e-designer-setparam-btn {
        margin-left: 2px;
    }
    /*----------------------Report Action End-----------------------*/
    /*----------------------Dataset CSS Start-----------------------*/
     .e-rptdesigner-dataset-footer {
        overflow: hidden !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

     .e-rptdesigner-dataset-header {
        padding: 8.5px 7px 7px 0 !important;
    }

     .e-rptdesigner-dataset-headericon {
        float: left !important;
        padding: 7px 11px !important;
    }

     .e-rptdesigner-dataset-headermenu {
        float: right !important;
        padding: 7px 4px !important;
    }

    .e-reportdesigner .e-split-btn-separator {
        width: 1px;
        height: 25px;
        padding-right: 5px;
        vertical-align: middle;
        display: table-cell;
    }

     .e-split .e-rptdesigner-data-splitbtn.e-left-btn .e-icon,
     .e-split .e-rptdesigner-data-splitbtn.e-left-btn .e-icon:before {
        & when (@skin= "material") {
            height: 16px !important;
            width: 16px !important;
            font-size: 16px !important;
        }
    }
    /*----------------------Dataset CSS End-----------------------*/
    /************************New Dialog Start***********************************/
     .e-rptdesigner-createFileInternalContainer {
        margin: 0px 0px 20px 15px;
    }

     .e-rptdesigner-newdialog-parent {
        padding: 2px;
    }

     .e-rptdesigner-newdialog-container {
        width: 100%;
        height: 80px;
    }

     .e-rptdesigner-newdialog-labelcell {
        padding-bottom: 5px;
    }

     .e-rptdesigner-newdialog-labelTxt {
        font-weight: 600;
    }

     .e-rptdesigner-inputPath {
        padding-left: 8px;
        border-radius: 2px;
        height: 28px;
        width: 295px;
    }
    /************************New Dialog End***********************************/
    /************************Credential Dialog End***********************************/
     .e-rptdesigner-credential-label {
        padding-bottom: 2px;
    }

     .e-rptdesigner-credential-alert {
        margin-bottom: 2px;
    }

     .e-rptdesigner-credential-labelAlert {
        margin-bottom: 3px;
    }

     .e-rptdesigner-credential-connect {
        margin-left: 80px;
    }
    /************************Credential Dialog End***********************************/
    /************************Alert Dialog Start***********************************/
    .e-rptdesigner-alertbox .e-widget-content {
        padding: 24px 20px 24px 15px !important;
    }

    .e-rptdesigner-alertbox .e-footerbar {
        padding: 9px 20px !important;
        height: auto !important;
        display: inline-table !important;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .e-rptdesigner-alertbox > .e-dialog-scroller {
        border-bottom: none !important;
    }

     .e-rptdesigner-alert-iconcont {
        float: left;
        vertical-align: middle;
        text-align: center;
        line-height: 1;
    }

     .e-rptdesigner-alert-anchor {
        margin-bottom: 18px;
        margin-top: 18px;
        margin-left: 57px;
        text-decoration: none;
        outline: none;
    }

     .e-rptdesigner-alert-msgcont {
        word-wrap: break-word;
        overflow-y: hidden;
        margin: 24px 0 0 5px;
    }
    /************************Alert Dialog End***********************************/
    /************************Expression Editor CSS End***********************************/
     .e-rptdesigner-expeditor-ellipses {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

     .e-rptdesigner-expeditor-button {
        float: right;
    }
    /************************Expression Editor CSS End***********************************/
    /*----------------------Parameter module CSS Start-----------------------*/
     .e-rptdesigner-param-width,
     .e-rptdesigner-param-rootDiv,
     .e-rptdesigner-param-listDiv,
     .e-rptdesigner-param-list-childDiv,
     .e-rptdesigner-param-headerDiv,
     .e-rptdesigner-param-bodyDiv,  .e-rptdesigner-param-basicPanel,
     .e-rptdesigner-param-footer,  .e-rptdesigner-param-basicDiv,
     .e-rptdesigner-param-panelDiv,  .e-rptdesigner-param-fieldBody {
        width: 100%;
    }

     .e-rptdesigner-param-footer,  .e-rptdesigner-param-panelDiv,
     .e-rptdesigner-param-header,  .e-rptdesigner-param-headerDiv,
     .e-rptdesigner-param-headermarkup,  .e-rptdesigner-param-btnDiv {
        overflow: hidden;
    }

     .e-rptdesigner-paramlist-typeicon,  .e-rptdesigner-param-headericon,
     .e-rptdesigner-param-btnDiv,  .e-rptdesigner-paramlist-dragicon {
        float: left;
    }

     .e-rptdesigner-param-rootDiv,
     .e-rptdesigner-param-listDiv,
     .e-rptdesigner-param-list-childDiv {
        height: 100%;
    }

     .e-rptdesigner-param-listDiv {
        position: relative;
    }

     .e-rptdesigner-param-bodyDiv {
        margin-left: 1px;
    }

     .e-rptdesigner-param-footer {
        margin: 0 auto;
        text-align: center;
    }

     .e-rptdesigner-param-header {
        padding: 8.5px 7px 7px 0px;
    }

     .e-rptdesigner-param-headericon {
        padding: 7px 11px;
    }

     .e-rptdesigner-param-list {
        border-top-width: 1px;
        padding: 0px 3px;
    }

     .e-rptdesigner-param-separator {
        margin: 8px;
        margin-bottom: 12px;
    }

     .e-rptdesigner-param-newbtn {
        padding-right: 3px;
    }

     .e-rptdesigner-param-headermarkup {
        padding: 8.5px 7px 7px 0px;
    }

     .e-rptdesigner-param-panelSep {
        margin: 8px;
        margin-bottom: 9px;
    }

     .e-rptdesigner-param-btnDiv {
        width: 50%;
    }

     .e-rptdesigner-param-btn {
        height: 32px !important;
        width: 110px !important;
    }

     .e-rptdesigner-param-basicDiv {
        margin-left: 7px;
        margin-bottom: 6px;
    }

     .e-rptdesigner-param-anchorcol {
        padding-top: 10px;
    }

     .e-rptdesigner-param-anchorlink {
        margin: 3px;
        margin-top: 4px;
        margin-left: 5px;
    }

     .e-rptdesigner-paramlist-li {
        padding: 0px !important;
        list-style: none;
    }

     .e-rptdesigner-paramlist-dragicon {
        padding: 6.5px 5px !important;
    }

     .e-rptdesigner-paramlist-typeicon {
        padding: 2px 2px !important;

        & when (@skin= "office-365") {
            line-height: normal !important;
        }

        & when (@skin= "material") {
            line-height: normal !important;
        }
    }

     .e-rptdesigner-paramlist-text {
        padding-left: 5px !important;
        margin: 4px 0px !important;
    }

     .e-rptdesigner-paramlist-edit {
        padding-top: 5px;
        margin-right: 5px;
        float: right;
    }

     .e-designer-hint-newparameter {
        background-image: url('@{font-path}/reportdesigner/Parameter.png');
        background-position: 50% 100%;
        background-repeat: no-repeat;
    }
    /*----------------------Parameter module CSS End----------------------*/
    /*----------------------Parameter Dialog CSS Start----------------------*/
     .e-designer-param-tab {
        & when not (@skin= "material") {
            padding-top: 0.5em !important;
        }
    }

     .e-rptdesigner-avail-div {
        width: 100%;
    }

     .e-rptdesigner-avail-table {
        & when not (@skin= "material") {
            margin-top: 6px;
            margin-left: 6px;
        }

        & when (@skin= "material") {
            margin-top: 6px;
            margin-left: 9px;
        }
    }

     .e-rptdesigner-avail-table .e-radiobtn-wrap .e-spanicon.e-radsmaller {
        & when (@skin= "material") {
            margin-top: 4px !important;
        }
    }

     .e-rptdesigner-avail-table .e-radiobtn-wrap .e-radsmaller.e-rad-active .e-rad-icon.e-icon {
        & when (@skin= "material") {
            margin-left: -1.5px;
            margin-top: 0.5px;
        }
    }

     .e-rptdesigner-paramquery-div {
        height: 100%;
        overflow: auto;
        margin-left: 8px;
    }

     .e-rptdesigner-paramquery-label {
        font-weight: 600;
    }

     .e-rptdesigner-availField-div {
        height: 100%;
        margin-top: 0px;
        margin-left: 12px;
        overflow: auto;
    }

     .e-rptdesigner-availField-container {
        margin: 0px 0px 4px 0px;
        padding: 5px 0px;
    }

     .e-rptdesigner-availField-containdiv {
        padding: 4px !important;
    }

     .e-rptdesigner-paramnone-div {
        border-radius: 2px;
        margin: 0px 0px 0px 12px;
        padding: 5px 0px;
    }

     .e-rptdesigner-param-tab-list {
        & when not (@skin= "material") {
            width: 140px !important;
            height: 30px !important;
            list-style: none !important;
        }

        & when (@skin= "office-365") {
            height: 34px !important;
        }

        & when (@skin= "material") {
            height: 48px !important;
        }
    }

     .e-rptdesigner-param-anchor {
        & when not (@skin= "material") {
            width: 120px !important;
        }
    }
    /*----------------------Parameter Dialog CSS End----------------------*/
    /*----------------------Dataset CSS Start----------------------*/
     .e-designer-hint-newdataset {
        background-image: url('@{font-path}/reportdesigner/Dataset.png');
        background-position: 50% 100%;
        background-repeat: no-repeat;
    }

     .e-rptdesigner-dataset-footer,
     .e-rptdesigner-shared-footerbtn,
     .e-rptdesigner-shared-header {
        overflow: hidden !important;
    }

     .e-rptdesigner-dataset-footer {
        margin: 0 auto !important;
        text-align: center !important;
    }

     .e-rptdesigner-dataset-header {
        padding: 8.5px 7px 7px 0px !important;
    }

     .e-rptdesigner-dataset-headericon {
        float: left !important;
        padding: 7px 11px !important;
    }

     .e-rptdesigner-dataset-headermenu {
        float: right !important;
        padding: 7px 4px !important;
    }

     .e-rptdesigner-data-footerbtn {
        margin: 8px !important;
        margin-bottom: 12px !important;
    }

     .e-rptdesigner-data-treeview {
        padding: 0px 3px !important;
    }

     .e-rptdesigner-data-nodetag {
        margin: 0px !important;
    }

     .e-rptdesigner-shared-footerTag {
        margin: 0 auto !important;
        text-align: center !important;
    }

     .e-rptdesigner-shared-header {
        display: inline-block !important;
        padding: 8.5px 7px 7px 0px !important;
    }

     .e-rptdesigner-shared-footer {
        margin: 8px !important;
        margin-bottom: 9px !important;
    }

     .e-rptdesigner-shared-footerbtn {
        overflow: hidden !important;
        float: left !important;
    }

     .e-rptdesigner-data-splitbtn {
        padding: 0 10px !important;
    }

     .e-rptdesigner-splitbtn-div {
        position: absolute !important;
        margin-right: 6.5px !important;
        height: 100% !important;
        margin-top: -13px !important;
    }

     .e-rptdesigner-split-icon {
        padding-top: 3.5px !important;
    }

     .e-rptdesigner-split-menu {
        border-radius: 4px !important;
    }

     .e-rptdesigner-datalist-icon {
        padding: 6px 4px 4px !important;
    }

     .e-rptdesigner-data-schema {
        padding: 4px !important;
    }

     .e-rptdesigner-datalist-anchor {
        margin-top: 9px !important;
        float: right !important;
    }

     .e-rptdesigner-datalist-close {
        float: right !important;
        margin-right: 8px !important;
        margin-top: -2px !important;
    }

     .e-rptdesigner-datalist-edit {
        float: right !important;
        margin-right: 5px !important;
    }

     .e-rptdesigner-list-dragIcon {
        padding: 10px 4px 0px 14px !important;
        float: left !important;
    }

     .e-rptdesigner-list-iconType {
        padding: 7px 4px !important;
    }

     .e-reportdesigner-nodeTag {
        list-style: none outside none !important;
        padding: 0;
    }

     .e-reportdesigner-nodeContent {
        position: relative;
        z-index: 10;
        height: 30px;
        white-space: nowrap;
        display: block;
        margin-left: 3px;
        cursor: default;
    }

     .e-reportdesigner-treeText {
        display: inline-block;
        margin-left: 4px;
        cursor: default;
    }

     .e-reportdesigner-treeRow {
        margin-left: 26px;
        width: 100%;
        position: relative;
        left: 0;
        height: 34px;
        margin-top: -36px;
        cursor: default;
    }

     .e-querydesigner .e-reportdesigner-treeView a,
     .e-reportdesigner .e-reportdesigner-treeView a {
        text-decoration: none;
    }

     .e-split.e-drop .e-rptdesigner-data-splitbtn .e-rptdesigner-splitbtn-div .e-rptdesigner-split-icon.e-icon,
     .e-split.e-drop .e-rptdesigner-data-splitbtn .e-rptdesigner-splitbtn-div .e-rptdesigner-split-icon.e-icon:before {
        & when (@skin= "material") {
            height: 15px !important;
            width: 15px !important;
        }
    }
    /*----------------------Dataset CSS End----------------------*/
    /*----------------------Shared Dataset CSS Start----------------------*/
     .e-rptdesigner-shared-table {
        margin-left: 3px !important;
    }

     .e-rptdesigner-shared-column,
     .e-rptdesigner-shared-row {
        float: left !important;
    }

     .e-rptdesigner-shared-label {
        padding-top: 6px !important;
    }
    /*----------------------Shared Dataset CSS Start----------------------*/
    /************************Image Manager CSS End***********************************/
     .e-designer-hint-newimagemanager {
        background-image: url('@{font-path}/reportdesigner/Image.png');
        background-position: 50% 100%;
        background-repeat: no-repeat;
    }

     .e-rptdesigner-imagetitle {
        overflow: hidden;
        padding: 8.5px 7px 7px 0px;
    }

     .e-rptdesigner-imageicon {
        float: left;
        padding: 7px 11px;
    }

     .e-rptdesigner-img-separator {
        margin: 8px;
        margin-bottom: 12px;
    }

     .e-rptdesigner-img-addbutton {
        padding-right: 3px;
    }

     .e-rptdesigner-imaglist-container {
        height: 100%;
        margin: 10px;
        margin-top: 0px;
        margin-right: 0px;
    }

     .e-rptdesigner-img-container {
        width: 100%;
        height: 100%;
    }

     .e-rptdesigner-img-divhover {
        margin: 10px;
        float: left;
        vertical-align: middle;
        text-align: center;
        position: absolute;
    }

     .e-rptdesigner-img-childdivhover {
        opacity: 0.5;
    }

     .e-rptdesigner-img-addicon {
        position: absolute;
        left: 27.5px;
        top: 20.5px;
    }

     .e-rptdesigner-img-deleteicon {
        position: absolute;
        left: 70.5px;
        top: 54.5px;
    }

     .e-rptdesigner-img-itemdiv {
        margin: 10px;
        float: left;
        vertical-align: middle;
        text-align: center;
    }
    /************************Image Manager CSS End***********************************/
    /*----------------------Dialog Common Styles Start-----------------------*/
     .e-rptdesigner-add-icon {
        display: table-cell !important;
        vertical-align: middle !important;
    }

     .e-rptdesigner-dialog-border,
     .e-rptdesigner-table-dialog {
        border-radius: 2px !important;
    }

     .e-rptdesigner-okbtn {
        height: 28px !important;
        width: 80px !important;
        float: right !important;
    }

     .e-rptdesigner-cancelbtn {
        height: 28px !important;
        width: 80px !important;
        margin-left: 10px !important;
        float: right !important;
    }

     .e-rptdesigner-border {
        & when not (@skin= "material") {
            border-radius: 2px !important;
            border-width: 0.5px !important;
        }
    }

     .e-rptdesigner-border .e-corner {
        & when not (@skin= "material") {
            border-radius: 2px;
            border-width: 0.5px;
        }
    }

     .e-rptdesigner-border .e-select {
        border-left-width: 0.5px !important;
    }

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

     .e-rptdesigner-dialog-cursor {
        cursor: pointer !important;
    }

     .e-rptdesigner-add-btn {
        vertical-align: top !important;
        font-weight: 700 !important;
    }

     .e-rptdesigner-add-label {
        font-weight: 700 !important;
        cursor: default;
    }

     .e-rptdesigner-dialog-addbtn {
        float: right;
        cursor: pointer;
        display: table;
    }

     .e-rptdesigner-dragicon {
        display: block;
    }

    .e-rptdesigner-ejdialog .e-widget-content {
        padding: .5em 0em !important;
    }

    .e-rptdesigner-ejdialog .e-close::before,
    .e-rptdesigner-dialog .e-close::before,
    .e-rptdesigner-alertbox .e-close::before {
        content: "\e74e" !important;

        & when (@skin= "material") {
            margin-top: -3px;
            margin-right: 5px;
        }
    }

    .e-rptdesigner-dialog .e-footerbar,
    .e-rptdesigner-ejdialog .e-footerbar {
        padding: 9px 12px !important;
        height: auto !important;
        display: inline-table !important;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .e-rptdesigner-dialog .e-titlebar,
    .e-rptdesigner-ejdialog .e-titlebar,
    .e-rptdesigner-alertbox .e-titlebar {
        & when not (@skin = "material") and not (@skin = "office-365") {
            padding: 6.5px .7em !important;
        }

        & when (@skin = "office-365") {
            padding: 11.5px .7em !important;
        }

        & when (@skin = "material") {
            padding: 11.5px .7em !important;
        }
    }

    .e-rptdesigner-ejdialog > .e-header > .e-dialog-icon:hover,
    .e-rptdesigner-dialog > .e-header > .e-dialog-icon:hover,
    .e-rptdesigner-alertbox > .e-header > .e-dialog-icon:hover {
        & when not (@skin = "material") and not (@skin = "office-365") {
            border-radius: 4px !important;
        }
    }

    .e-rptdesigner-dialog .e-widget-content {
        padding: .5em 12px !important;

        & when (@skin = "material"), (@skin = "office-365") {
            line-height: normal !important;
        }
    }

    .e-rptdesigner-dialog.e-flat-mode .e-widget-content {
        padding: 0 !important;
    }
    /*----------------------Dialog Common Styles End-----------------------*/
    /*----------------------Report Designer Overridden css Start-----------------------*/
     .e-designer-ejwidgets .e-icon.e-search:before {
        content: "\e9c7" !important;
        margin-right: 3px !important;
        margin-top: .5px !important;
        padding-top: 1px !important;
    }

     .e-designer-ejwidgets .e-icon.e-arrow-sans-down:before,
     .e-designer-ejwidgets-dataConfig .e-icon.e-arrow-sans-down:before,
     .e-rptviewer-drpdown .e-icon.e-arrow-sans-down:before {
        content: "\e9c7" !important;

        & when (@skin = "office-365") {
            margin-right: 6px !important;
        }

        & when not (@skin = "material") and not (@skin = "office-365") {
            margin-right: 5px !important;
            margin-top: .5px !important;
        }
    }

     .e-designer-ejwidgets-dataConfig .e-icon.e-arrow-sans-down {
        & when (@skin = "material") {
            margin-top: -5px !important;
        }
    }

     .e-rptdesigner-datasetname-list {
        & when (@skin = "material") {
            top: 63.5px !important;
        }
    }

     .e-designer-ejwidgets-colorpicker:not(.e-popup) {
        & when (@skin = "material"), (@skin = "office-365") {
            width: 50px !important;
            height: 28px !important;
        }
    }

     .e-designer-ejwidgets-colorpicker .e-color-container,
     .e-designer-ejwidgets-colorpicker .e-select {
        & when (@skin = "material"), (@skin = "office-365") {
            width: 50%;
        }
    }

     .e-designer-ejwidgets-colorpicker .e-selected-color {
        & when (@skin = "material") {
            margin-left: -3px !important;
            margin-top: -2px !important;
        }

        & when (@skin = "office-365") {
            margin-left: 3px !important;
            margin-top: 4px !important;
        }
    }

     .e-designer-ejwidgets-colorpicker .e-icon.e-arrow-sans-down:before {
        content: "\e9c7" !important;

        & when not (@skin = "material") and not (@skin = "office-365") {
            margin-left: 0.5px !important;
            margin-top: 2.5px !important;
        }
    }

     .e-designer-ejwidgets-colorpicker .e-drp-btn .e-icon.e-arrow-sans-down:before {
        content: "\e9c7" !important;

        & when not (@skin = "material") and not (@skin = "office-365") {
            margin-left: 0.5px !important;
            margin-top: 8px !important;
        }
    }

     .e-designer-ejwidgets-colorpicker.e-active .e-in-wrap .e-icon,
     .e-designer-ejwidgets-colorpicker .e-in-wrap .e-icon {
        & when (@skin = "material"), (@skin = "office-365") {
            margin-top: -4px !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -o-transform: none !important;
            -webkit-transform: none !important;
            transform: none !important;
        }
    }

     .e-rptdesigner-ejwidgets-splitbtn .e-icon.e-arrow-sans-down:before {
        content: "\e9c7" !important;
    }

     .e-designer-ejwidgets-updown .e-select {
        & when (@skin = "office-365") {
            width: 25px !important;
        }

        & when (@skin = "material") {
            width: 40px !important;
        }
    }

     .e-designer-ejwidgets-updown .e-padding {
        & when (@skin = "material"), (@skin = "office-365") {
            padding: 0 !important;
        }
    }

     .e-designer-ejwidgets-updown .e-icon.e-arrow-sans-down:before,
     .e-rptviewer-updown .e-arrow-sans-down:before {
        content: "\e9c7" !important;

        & when not (@skin = "material") and not (@skin = "office-365") {
            margin-left: 6.5px !important;
            margin-top: -1.5px !important;
        }
    }

     .e-designer-ejwidgets-updown .e-icon.e-arrow-sans-up:before,
     .e-rptviewer-updown .e-arrow-sans-up:before {
        content: "\e9c7" !important;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);

        & when not (@skin = "material") and not (@skin = "office-365") {
            margin-left: 5.5px !important;
            margin-top: 1px !important;
        }
    }

     .e-rptdesigner-new-btn .e-icon.e-arrow-sans-down:before {
        content: "\e9c7" !important;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

     .e-reportdesigner-designer .e-colorwidget .e-selected-color {
        width: 15px;
        height: 15px;
    }
    /*----------------------Ejdesigner Overridden css End-----------------------*/
    /*----------------------Ejdesigner Error icon Css Start-----------------------*/
     .e-rptdesigner-error-icon,
     .e-reportdesigner-alertinfo {
        cursor: pointer;
    }

     .e-rptdesigner-error-radius {
        border-radius: 2px;
    }

     .e-rptdesigner-error-tip {
        opacity: 2;
    }

     .e-rptdesigner-error-content {
        padding: 4px 6px 6px;
        line-height: 1.8;
    }

     .e-rptdesigner-delete-icon {
        float: right;
    }
    /*----------------------Ejdesigner Error icon Css End-----------------------*/
    /*----------------------Ejdesigner Tooltip Css start-----------------------*/
     .e-designer-top-tip.e-tooltip-wrap,
     .e-designer-right-tip.e-tooltip-wrap {
        height: auto;
        width: 218px !important;
        position: absolute;
        display: none;
        z-index: 6;
        opacity: 2 !important;
        font-weight: 400 !important;
        padding: 3px !important;
    }

     .e-designer-bottom-tip.e-tooltip-wrap {
        height: auto;
        max-width: 210px !important;
        position: absolute;
        display: none;
        z-index: 6;
        padding: 3px !important;
    }

     .e-designer-bottom-tip .e-tipContainer,
     .e-designer-top-tip .e-tipContainer,
     .e-designer-right-tip .e-tipContainer {
        padding: 2px !important;
    }

     .e-designer-bottom-tip .e-arrowTip {
        height: 10px;
        width: 20px;
        left: 15%;
        display: block;
    }

     .e-designer-bottom-tip .e-arrowTipInner {
        left: 1px;
        top: 0;
    }

     .e-designer-top-tip .e-arrowTip {
        height: 10px;
        width: 20px !important;
        left: 20px;
        top: -10px;
        display: block;
    }

     .e-designer-top-tip .e-arrowTipInner {
        left: 1px;
        top: 1px;
    }

     .e-designer-right-tip .e-arrowTip {
        height: 20px;
        left: 100%;
        top: 10px;
        display: block;
    }

     .e-designer-right-tip .e-arrowTipInner {
        left: 0;
        top: 1px;
    }
    /*----------------------Ejdesigner Tooltip Css End-----------------------*/
    /*----------------------Scroller Start-----------------------*/
     .e-reportdesigner-scroller .e-scrollbar .e-hscroll .e-hup.e-icon {
        display: none;
    }

     .e-reportdesigner-dsscroller {
        padding-bottom: 10px;
    }
    /*----------------------Scroller End-----------------------*/
    /*----------------------Drag Element Start-----------------------*/
     .e-rptdesigner-drag-element {
        margin: 8px;
    }

     .e-rptdesigner-drag-div {
        border-radius: 1px !important;
        z-index: 50 !important;
        margin: 6px !important;
    }

     .e-rptdesigner-drag-iconType {
        margin-top: 4px !important;
    }

     .e-rptdesigner-drag-iconType,
     .e-rptdesigner-paramdrag-iconType {
        margin-right: 3px !important;
        margin-left: 15px !important;
        float: left !important;
    }

     .e-rptdesigner-paramdrag-iconType {
        margin-top: 1px !important;
    }

     .e-rptdesigner-drag-label {
        padding: 4px 0 !important;
    }

     .e-rptdesigner-drag-label,
     .e-rptdesigner-paramdrag-label {
        margin-left: 2px !important;
        vertical-align: middle !important;
    }

     .e-rptdesigner-paramdrag-label {
        padding: 4px 0 !important;
    }

     .e-rptdesigner-dragconfig-iconType {
        margin-right: 3px;
        margin-left: 23px;
        margin-top: 5px;
        float: left;
    }
    /*----------------------Drag Element End----------------------*/
    /*----------------------Menu overide Start----------------------*/
     .e-rptdesigner-exp-cont {
        cursor: default;
        float: right;
    }

     .e-rptdesigner-exp-menu {
        margin-right: 10px;
        cursor: default;
        padding: 1px;
    }

     .e-designer-menu-defaulticon {
        height: 14px;
        margin-left: 3px !important;
        margin-top: -2px !important;
    }

     .e-designer-menu-expressionicon {
        height: 14px;
        margin-left: 3px !important;
        margin-top: 1px !important;
    }

     .e-designer-menu .e-list > a.e-menulink {
        & when (@skin= "material") {
            min-width: 0 !important;
        }
    }

     .e-designer-menu .e-list > a.e-menulink .e-icon.e-arrowhead-right {
        & when (@skin= "material") {
            margin-top: 3px !important;
        }
    }
    /*----------------------Menu overide End----------------------*/
     .e-reportdesigner-treeText {
        font-size: 14px;
    }
}


.mixin(@widget) when (@widget = querydesigner), (@widget = none) {
    /*----------------------QueryDesigner Font Icons----------------------*/
    .e-querydesigner-toolbarcontainer .e-qrydesigner-preview:before {
        content: "\ea1a";
    }

    .e-querydesigner-toolbarcontainer .e-qrydesigner-join:before {
        content: "\ea19";
    }

    .e-querydesigner-toolbarcontainer .e-qrydesigner-exp:before {
        content: "\ea18";
    }

    .e-querydesigner-toolbarcontainer .e-qrydesigner-filter:before {
        content: "\ea07";
    }

     .e-qrydesigner-search:before {
        content: "\e911";
    }

     .e-qrydesigner-close:before {
        content: "\e901";
    }

     .e-reportdesigner-single-drag:before {
        content: "\e914";
    }
    /*----------------------QueryDesigner Font Icons----------------------*/
    /*------------------------------querydesigner toolbar Start-------------------------------*/
    .e-querydesigner-toolbarcontainer .e-icon.e-toolbar-res-arrow {
        & when (@skin = "material") {
            padding: 0 !important;
        }
    }

    .e-querydesigner-toolbarcontainer .e-qrydesigner-preview,
    .e-querydesigner-toolbarcontainer .e-qrydesigner-join,
    .e-querydesigner-toolbarcontainer .e-qrydesigner-exp {
        margin-top: 3px !important;

        & when (@skin = "material") {
            margin-top: -2px !important;
            margin-left: -2px;
        }
    }

     .e-qrydesigner-switcher {
        & when not (@skin = "material") {
            padding: 3.5px 3px !important;
        }

        & when (@skin = "material") {
            margin: 5.5px !important;
        }

        border-right: 0 none !important;
    }

     .e-qrydesigner-code-switcher {
        display: block;
        float: right;
        margin-left: 6px;

        & when not (@skin = "material") and not (@skin = "office-365") {
            padding: 4px 0;
        }

        & when (@skin = "office-365") {
            padding: 3px 0;
        }

        & when (@skin = "material") {
            padding: 7px 0;
        }
    }

    .e-querydesigner-toolbarcontainer .e-toolbarfonticonbasic {
        font-family: 'ejreportdesigner' !important;
    }

     .e-querydesigner-dataset-text {
        border-radius: 2px;
        line-height: normal;
    }

     .e-reportdesigner-dataset-selection .e-input,
     .e-querydesigner-dataset-text {
        & when (@skin = "material") {
            padding-left: 10px;
        }
    }

    .e-querydesigner-toolbarcontainer {
        display: block;
        border-width: 0;
        border-radius: 0 !important;

        & when (@skin = "material") {
            height: 48px !important;
            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20) !important;
            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20) !important;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20) !important;
        }
    }

    .e-querydesigner-toolbarcontainer .e-rel-position {
        cursor: default !important;

        & when (@skin = "material") {
            margin-top: 6.5px;
        }

        & when (@skin = "office-365") {
            margin-top: -2.5px;
        }

        & when not (@skin = "material") and not (@skin = "office-365") {
            margin-top: 2.5px;
        }
    }

    .e-querydesigner-toolbarcontainer .e-rptdesigner-toolbarli {
        & when not (@skin = "material") and not (@skin = "office-365") {
            margin: 3px 1.5px !important;
        }

        & when (@skin = "material") {
            margin-left: 12px;
            margin-right: 12px !important;
        }

        & when (@skin = "office-365") {
            margin: 3px 3.5px !important;
        }
    }
    /*------------------------------querydesigner toolbar End-------------------------------*/
    /************************Toggle Button*********************************/
    .e-querydesigner-toolbarcontainer .e-qrydesigner-switch {
        position: relative;
        display: inline-block;
        width: 38px;
        height: 21px;
    }

    .e-querydesigner-toolbarcontainer .e-qrydesigner-switch input {
        display: none;
    }

    .e-querydesigner-toolbarcontainer .e-qrydesigner-slider {
        position: absolute;
        cursor: default;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
    }

    .e-querydesigner-toolbarcontainer .e-qrydesigner-slider:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 1px;
        bottom: 3.5px;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .e-querydesigner-toolbarcontainer input:focus + .e-qrydesigner-slider {
        box-shadow: 0 0 1px #2196F3;
    }

    .e-querydesigner-toolbarcontainer input:checked + .e-qrydesigner-slider:before {
        -webkit-transform: translateX(22px);
        -ms-transform: translateX(22px);
        -moz-transform: translateX(22px);
        -o-transform: translateX(22px);
        transform: translateX(22px);
    }
    /* Rounded sliders */
    .e-querydesigner-toolbarcontainer .e-qrydesigner-slider.round {
        border-radius: 34px;
    }

    .e-querydesigner-toolbarcontainer .e-qrydesigner-slider.round:before {
        border-radius: 50%;
    }
    /************************Toggle Button*********************************/
    /*------------------------------querydesigner surface start-------------------------------*/
     .e-designer-hint-newtable {
        background-image: url('@{font-path}/reportdesigner/Drag Table.png');
        background-position: 7% 48%;
        background-repeat: no-repeat;
    }

     .e-querydesigner {
        width: 100%;
    }

     .e-qrydesigner-schema {
        height: 100%;
        float: left;
    }

     .e-qrydesigner-drag-surface {
        display: block;
        overflow: auto;
        position: relative;
        width: 100%;
        height: 100%;
    }

     .e-qrydesigner-schema-area {
        width: 100%;
        height: 100%;
    }

     .e-qrydesigner-schema-scroll {
        margin-top: 5px !important;
        width: 100%;
    }

     .e-qrydesigner-schema-header {
        margin: 8px 6px !important;
    }

     .e-qrydesigner-search-cont {
        border-width: 0 !important;
    }

     .e-qrydesigner-search-cont > .e-qrydesigner-search {
        text-align: center;
        vertical-align: middle;
    }

     .e-qrydesigner-search-cont > .e-qrydesigner-close {
        vertical-align: middle;
        text-align: center;
        font-size: 10px;
    }

    .e-querydesigner .e-splitter .e-splitbar.e-v-bar {
        height: 0 !important;
    }

    .e-querydesigner .e-splitter .e-splitbar.e-h-bar {
        width: 3px !important;
    }

    .e-querydesigner .e-splitter .e-splitbar.e-v-bar > .e-collapse,
    .e-querydesigner .e-splitter .e-splitbar.e-v-bar > .e-expand,
    .e-querydesigner .e-splitter .e-splitbar.e-h-bar > .e-collapse,
    .e-querydesigner .e-splitter .e-splitbar.e-h-bar > .e-expand {
        display: none !important;
    }

    .e-querydesigner .e-data-table {
        padding: 1px;
    }

     .e-qrydesigner-toolbar-name {
        margin-top: 4px;
    }

     .e-qrydesigner-toolbar-table,
     .e-qrydesigner-exp-table {
        border-spacing: 0 !important;
    }

     .e-qrydesigner-exp-table td,
     .e-qrydesigner-exp-table th {
        padding: 0 !important;
    }

     .e-qrydesigner-exp-innertable {
        border-spacing: 1.5px !important;
        border-collapse: collapse !important;
    }

     .e-qrydesigner-exp-td {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

     .e-qrydesigner-datatable .e-icon.e-plus,
     .e-qrydesigner-datatable .e-icon.e-minus {
        cursor: pointer;

        & when (@skin = "material"), (@skin = "office-365") {
            margin-top: 11px;
        }
    }

     .e-qrydesigner-datatable .e-icon.e-plus,
     .e-qrydesigner-datatable .e-icon.e-minus,
     .e-reportdesigner-dataset-selection .e-select .e-icon,
     .e-reportdesigner-dataset-selection.e-popactive .e-select .e-icon {
        & when (@skin = "material"), (@skin = "office-365") {
            -moz-transform: none !important;
            -ms-transform: none !important;
            -o-transform: none !important;
            -webkit-transform: none !important;
            transform: none !important;
        }
    }

     .e-reportdesigner-dataset-selection .e-select .e-arrow-sans-down {
        & when (@skin = "material") {
            margin-top: -5px;
        }
    }

     .e-qrydesigner-datatable .e-icon.e-plus:before {
        font-family: ejreportdesigner !important;
        content: "\e9c9" !important;
        font-size: 12px !important;
        margin-right: 3px !important;
        margin-top: 0.5px !important;
    }

     .e-qrydesigner-datatable .e-icon.e-minus:before {
        font-family: ejreportdesigner !important;
        content: "\e9c7" !important;
        font-size: 12px !important;
        margin-right: 3px !important;
        margin-top: 0 !important;
    }

     .e-qrydesigner-dataheader {
        vertical-align: middle;
        text-align: center;
        margin-left: 11px;
        margin-top: -5px;
        display: inline-block;
    }

     .e-qrydesigner-treeview {
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        margin-left: 1px;
        margin-right: 5px !important;
        font-size: 17px !important;
        width: 17px !important;
    }

     .e-qrydesigner-treeview .e-chk-image .e-icon .e-checkmark {
        margin-top: 1px !important;
    }

     .e-qrydesigner-empty-msg {
        font-size: 11px;
        text-align: center;
        vertical-align: top;
        padding-top: 20px;
    }

     .e-qrydesigner-dragheader {
        height: 45px;
        width: 100%;
        padding-left: 5px;
        box-shadow: none;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

     .e-qrydesigner-table-close {
        display: table-cell !important;
        vertical-align: middle !important;
        float: right !important;

        & when (@skin = "material") {
            padding: 10px 7px 10px 14px !important;
        }

        & when not (@skin = "material") {
            padding: 7px !important;
        }
    }

     .e-qrydesigner-table-settings {
        vertical-align: middle;
        float: right;

        & when (@skin = "material") {
            padding: 12px 5px 10px 0;
        }

        & when not (@skin = "material") {
            padding: 8px 7px 7px 0;
        }
    }

     .e-qrydesigner-table-column {
        & when not (@skin = "material") and not (@skin = "office-365") {
            padding: 0 8px !important;
        }
    }

     .e-qrydesigner-table-column a.e-chevron-right_01 {
        & when not (@skin = "material") and not (@skin = "office-365") {
            padding: 3.5px 0 !important;
        }
    }

     .e-qrydesigner-table-header {
        overflow: hidden;
        vertical-align: middle;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;

        & when (@skin = "material") {
            padding: 10px 0 10px 10px !important;
        }

        & when not (@skin = "material") {
            padding: 5px 0 5px 10px !important;
        }
    }

     .e-qrydesigner-table-boxshadow {
        & when (@skin = "office-365") {
            padding-left: 5px !important;
            margin-top: 2px;
        }

        & when (@skin = "material") {
            height: 40px !important;
            padding-left: 8px !important;
            margin-top: 2px;
        }
    }

     .e-qrydesigner-query-table {
        position: absolute;

        & when not (@skin = "material") and not (@skin = "office-365") {
            width: 220px;
        }

        & when (@skin = "material"), (@skin = "office-365") {
            width: 230px;
        }
    }

     .e-query-selection {
        float: left;
        padding: 2px;
    }

     .e-query-datatype {
        float: left;
        padding: 1px 10px 1px 7px;
    }

     .e-qrydesigner-query-table .e-query-selection,
     .e-qrydesigner-query-table .e-query-datatype {
        & when (@skin = "office-365") {
            margin-top: 6px;
        }
    }

    .e-querydesigner .e-data-table .e-list {
        & when (@skin = "office-365") {
            padding: 0 8px !important;
        }

        & when (@skin = "material") {
            padding: 0 12px !important;
        }
    }

    .e-querydesigner .e-query-text {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-left: 1px;

        & when not (@skin = "material") and not (@skin = "office-365") {
            margin-top: 3px;
        }

        & when (@skin = "material") {
            margin-top: 1px;
        }
    }

     .e-designer-loadbtn {
        width: 80px !important;
        margin-left: 10px;

        & when not (@skin = "material") {
            height: 24px !important;
        }

        & when (@skin = "material") {
            height: 18px !important;
            margin-top: -1px;
        }
    }

     .e-qrydesigner-table-separator {
        margin: 0 6px;
    }
    /*------------------------------querydesigner surface End-------------------------------*/
    /*----------------------Dialog Common Styles Start-----------------------*/
    .e-qrydesigner-dialog {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

     .e-qrydesigner-add-label {
        font-weight: 700 !important;
        cursor: default;
    }

     .e-qrydesigner-add-icon {
        display: table-cell !important;
        vertical-align: middle !important;
    }

     .e-qrydesigner-add-btn {
        vertical-align: top !important;
        font-weight: 700 !important;
    }

     .e-qrydesigner-dialog-border,
     .e-qrydesigner-table-dialog {
        border-radius: 2px !important;
    }

     .e-qrydesigner-okbtn {
        height: 28px !important;
        width: 80px !important;
        float: right !important;
    }

     .e-qrydesigner-cancelbtn {
        height: 28px !important;
        width: 80px !important;
        margin-left: 10px !important;
        float: right !important;
    }

     .e-qrydesigner-okbtn,
     .e-qrydesigner-cancelbtn {
        & when not (@skin= "office-365") {
            border-radius: 4px !important;
        }
    }

     .e-qrydesigner-table-dialog,
     .e-qrydesigner-table-dialog table {
        border-spacing: 2px !important;
        border-collapse: separate !important;
    }

     .e-qrydesigner-border {
        & when not (@skin= "material") {
            border-radius: 2px !important;
            border-width: 0.5px !important;
        }
    }

     .e-qrydesigner-border .e-corner,
     .e-qrydesigner-qryjoiner-drpdwn .e-corner {
        & when not (@skin= "material") {
            border-radius: 2px;
            border-width: 0.5px;
        }
    }

     .e-qrydesigner-border .e-select {
        border-left-width: 0.5px !important;
    }

    .e-qrydesigner-dialog .e-close::before {
        content: "\e74e" !important;

        & when (@skin= "material") {
            margin-top: -3px;
            margin-right: 5px;
        }
    }

    .e-qrydesigner-dialog .e-footerbar {
        padding: 9px 12px !important;
        height: auto !important;
        display: inline-table !important;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .e-qrydesigner-dialog .e-titlebar {
        & when not (@skin = "material") and not (@skin = "office-365") {
            padding: 6.5px .7em !important;
        }

        & when (@skin = "office-365") {
            padding: 11.5px .7em !important;
        }

        & when (@skin = "material") {
            padding: 11.5px .7em !important;
        }
    }

    .e-qrydesigner-dialog > .e-header > .e-dialog-icon:hover {
        & when not (@skin = "material") and not (@skin = "office-365") {
            border-radius: 4px !important;
        }
    }

    .e-qrydesigner-dialog .e-widget-content {
        padding: .5em 12px !important;
    }

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

     .e-qrydesigner-dialog-addbtn {
        float: right;
        cursor: pointer;
        display: table;
    }

     .e-qrydesigner-dialog-cursor {
        cursor: pointer !important;
    }

    .e-qrydesigner-dialog.e-flat-mode .e-widget-content {
        padding: 0 !important;
    }

     .e-qrydesigner-delete-icon {
        float: right;
    }
    /*----------------------Dialog Common Styles End-----------------------*/
    /*------------------------------queryjoiner Dialog End-------------------------------*/
     .e-qrydesigner-qryjoiner-width,
     .e-qrydesigner-storeparameter-width {
        width: 100%;
    }

     .e-qrydesigner-ellipses {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    /*------------------------------queryjoiner Dialog End-------------------------------*/
    /*------------------------------query expression Dialog Start-------------------------------*/
     .e-qrydesigner-exp-td {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

     .e-qrydesigner-exp-datacontainer {
        margin-left: 12px;
    }

     .e-qrydesigner-exp-emptydiv {
        margin-left: 10px;
    }

     .e-qrydesigner-exp-txtbx {
        margin-top: 2px;
        margin-bottom: 5px;
    }

     .e-qrydesigner-exp-textarea {
        margin-top: 6px;
    }

     .e-qrydesigner-exp-innertable {
        border-spacing: 1.5px !important;
        border-collapse: collapse !important;
    }

     .e-qrydesigner-exp-categoryIntable {
        margin-top: 6px;
        margin-bottom: 2px;
    }

     .e-qrydesigner-exp-optionDiv {
        margin-top: 6px;
    }

     .e-qrydesigner-exp-optionInput {
        margin-top: 5px;
    }

     .e-qrydesigner-exp-sepdiv1 {
        margin: 25px 10px 0px -3px;
    }

     .e-qrydesigner-exp-colLable {
        margin-left: 6px;
    }

     .e-qrydesigner-exp-dataDiv {
        margin-left: 6px;
        margin-top: 6px;
    }

     .e-qrydesigner-exp-sepdiv2 {
        margin: -10px 10px 0px -3px;
    }

     .e-qrydesigner-exp-catDesc {
        margin-right: 10px;
    }

     .e-qrydesigner-exp-desccontent {
        text-align: justify;
        margin-top: 8px;
    }

     .e-qrydesigner-exp-example {
        float: left;
        word-wrap: break-word;
        margin-top: 8px;
    }

     .e-qrydesigner-explist-container {
        border-top-width: 1px !important;
        padding: 3px !important;
    }

     .e-qrydesigner-explist-licontainer {
        padding: 0px !important;
        list-style: none !important;
    }

     .e-qrydesigner-explist-txtspan {
        vertical-align: middle !important;
        padding-left: 2px !important;
        margin-top: -2px !important;
        line-height: normal !important;
        margin-left: 5px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

     .e-qrydesigner-explist-iconspan {
        margin-top: 2px;
        float: right;
        margin-right: 6px;
        cursor: pointer;
    }

     .e-qrydesigner-textarea {
        resize: none !important;
        overflow: auto !important;
    }

     .e-qrydesigner-textarea,
     .e-qrydesigner-textbox {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-right: 5px;
    }

     .e-qrydesigner-explist-lianchor {
        & when not (@skin= "material") {
            padding: 8px 0 !important;
        }

        & when (@skin= "material") {
            padding: 14px 0 !important;
        }
    }

     .e-qrydesigner-addbtn .e-designer-plus-icon {
        & when (@skin= "office-365") {
            width: 14px !important;
            height: 14px !important;
            font-size: 14px !important;
        }
    }

     .e-qrydesigner-addbtn .e-btntxt {
        & when (@skin= "office-365") {
            padding-top: 2.5px;
            padding-right: 8px;
        }
    }

     .e-qrydesigner-exp-saveenable {
        opacity: 1 !important;
    }

     .e-qrydesigner-exp-savedisable {
        opacity: .5 !important;
    }
    /*------------------------------query expression Dialog End-------------------------------*/
    /*----------------------Query filter CSS Start-----------------------*/
     .e-qrydesigner-queryfilter-row {
        padding-top: 10px;
    }

     .e-qrydesigner-queryfilter-container {
        padding: 5px 0px;
    }

     .e-qrydesigner-queryfilter-container-div {
        padding: 4px;
    }

     .e-qrydesigner-queryfilter-field-table {
        padding-bottom: 2px;
        padding-top: 2px;
    }

     .e-qrydesigner-queryfilter-bool-table {
        padding-bottom: 3px;
        padding-top: 3px;
    }
    /*----------------------Query filter CSS End-----------------------*/
    /*----------------------Query Param CSS Start-----------------------*/
     .e-qrydesigner-queryparam-container {
        margin: 5px 0px;
    }

     .e-qrydesigner-queryparam-div,
     .e-qrydesigner-queryparam-container-div {
        padding: 4px 8px;
    }

     .e-qrydesigner-queryparam-container-div {
        padding-bottom: 0px !important;
    }

     .e-qrydesigner-queryparam-label {
        font-weight: 600;
    }
    /*----------------------Query Param CSS End-----------------------*/
    /*------------------------------querydesigner Common Css Start-------------------------------*/
     .e-qrydesigner-txtoverflow {
        overflow: hidden !important;
        white-space: nowrap !important;
        -ms-text-overflow: ellipsis !important;
        -o-text-overflow: ellipsis !important;
        text-overflow: ellipsis !important;
    }

     .e-qrydesigner-cursor,
     .e-qrydesigner-title-label {
        cursor: default !important;
    }
    /*------------------------------querydesigner Common Css End-------------------------------*/
}