devexpress-aspnetcore-spreadsheet 25.2.2-beta → 25.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/bin/localization-builder.js +1 -1
  2. package/dist/dx-aspnetcore-spreadsheet.css +1673 -1673
  3. package/dist/dx-aspnetcore-spreadsheet.js +17 -2
  4. package/package.json +2 -2
package/dist/dx-aspnetcore-spreadsheet.css CHANGED
@@ -1,2297 +1,2297 @@
1
1
  /**
2
2
  * DevExpress AspNetCore Spreadsheet (dx-aspnetcore-spreadsheet.css)
3
- * Version: 25.2.2-beta
3
+ * Version: 25.2.3
4
4
  * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
5
5
  * License: https://www.devexpress.com/Support/EULAs
6
6
  */
7
- /*Main container*/
8
- .dxssControlSys {
9
- width: 1000px;
10
- height: 500px;
11
- min-height: 300px;
12
- -webkit-tap-highlight-color: rgba(0,0,0,0);
13
- -webkit-touch-callout: none;
14
- -webkit-user-select: none;
15
- -khtml-user-select: none;
16
- -moz-user-select: none;
17
- user-select: none;
18
- -ms-user-select: none;
19
- -ms-touch-action: pinch-zoom;
20
- -moz-box-sizing: border-box;
21
- -webkit-box-sizing: border-box;
22
- box-sizing: border-box;
23
- background-color: white;
7
+ @charset "UTF-8";
8
+ .dx-ribbon .dx-toolbar .dx-toolbar-items-container {
9
+ padding-top: 5px;
10
+ padding-bottom: 5px;
11
+ box-sizing: content-box;
24
12
  }
25
- .dxssControlSys .dxrSys .dxm-item .dxm-content .dxalink:focus {
26
- outline: none;
13
+
14
+ .dx-ribbon .dx-tab-text {
15
+ font-weight: 500;
27
16
  }
28
- .dxss-rit {
29
- display: inline-table;
17
+
18
+ .dx-ribbon .dx-texteditor.dx-editor-filled,
19
+ .dx-toolbar-menu-section .dx-texteditor.dx-editor-filled {
20
+ background-color: transparent;
30
21
  }
31
- .dxss-md,
32
- .dxss-sctb,
33
- .dxss-tb,
34
- .dxss-cctb {
35
- border-style: hidden!important;
22
+
23
+ .dx-ribbon .dx-toolbar .dx-toolbar-items-container .dx-numberbox {
24
+ box-sizing: border-box;
25
+ padding-left: 8px;
26
+ padding-right: 8px;
36
27
  }
37
28
 
38
- .dxss-fullscreen {
39
- left: 0 !important;
40
- position: fixed !important;
41
- border-top-width: 0 !important;
42
- border-left-width: 0 !important;
43
- border-right-width: 0 !important;
44
- border-bottom-width: 0 !important;
29
+ .dx-ribbon .dx-tabs {
30
+ border-width: 0;
31
+ }
32
+ .dx-ribbon .dx-multiview-wrapper {
33
+ border-left-width: 0;
34
+ border-right-width: 0;
35
+ }
36
+ .dx-ribbon.dx-tabpanel[class*="generic."] > .dx-tabpanel-tabs > .dx-tabs > .dx-tabs-wrapper, .dx-ribbon.dx-tabpanel[class*="generic."] > .dx-tabpanel-tabs > .dx-tabs > .dx-tabs-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-tabs-wrapper {
37
+ border-block-start: none;
38
+ -webkit-border-before: none;
39
+ }
40
+ .dx-ribbon.dx-tabpanel[class*="generic."] > .dx-tabpanel-tabs > .dx-tabs > .dx-tabs-wrapper::after, .dx-ribbon.dx-tabpanel[class*="generic."] > .dx-tabpanel-tabs > .dx-tabs > .dx-tabs-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-tabs-wrapper::after {
41
+ border-inline-start: none;
42
+ -webkit-border-start: none;
43
+ border-inline-end: none;
44
+ -webkit-border-end: none;
45
+ }
46
+ .dx-ribbon.dx-tabpanel[class*="generic."] > .dx-tabpanel-tabs > .dx-tabs > .dx-tabs-nav-button {
47
+ border-left-width: 0;
48
+ border-right-width: 0;
49
+ border-top-width: 0;
45
50
  }
46
51
 
47
- /* DX Spreadsheet Main Div */
48
- .dxss-md {
49
- position: relative;
50
- z-index: 0;
51
- -moz-box-sizing: border-box;
52
- -webkit-box-sizing: border-box;
53
- box-sizing: border-box;
54
- overflow: hidden;
52
+ .dx-ribbon .dx-toolbar .dx-toolbar-item {
53
+ padding: 0;
55
54
  }
56
55
 
57
- /* DX Spreadsheet Grid Row */
58
- .dxss-gr {
59
- position: absolute;
60
- z-index: 1;
61
- left: 0;
62
- width: 100%;
63
- height: 0;
64
- border-top: 1px solid #d4d4d4;
56
+ .dx-ribbon .dx-toolbar-item .dx-button {
57
+ margin-left: 1px;
58
+ margin-right: 1px;
65
59
  }
66
60
 
67
- /* DX Spreadsheet Single Cell Text Box */
68
- .dxss-sctb {
69
- position: absolute;
70
- z-index: 4;
71
- overflow: hidden;
61
+ .dx-ribbon .dx-toolbar-item .dx-selectbox {
62
+ margin: 0 6px;
72
63
  }
73
64
 
74
- /* DX Spreadsheet Complex Cell Text Box */
75
- .dxss-cctb {
76
- position: absolute;
77
- z-index: 4;
78
- overflow: hidden;
65
+ .dx-ribbon .dx-toolbar-before {
66
+ padding-left: 8px;
79
67
  }
80
68
 
81
- /* DX Spreadsheet Text Box Background only */
82
- .dxss-tbg {
83
- position: absolute;
84
- z-index: 3;
69
+ .dx-ribbon .dx-r-separator,
70
+ .dx-toolbar-menu-section .dx-r-separator {
71
+ border-style: solid;
72
+ border-width: 0;
85
73
  }
86
74
 
87
- /* DX Spreadsheet Drawing Box */
88
- .dxss-db {
89
- position: absolute;
90
- z-index: 9; /* To be above the selection and edition*/
91
- cursor: move;
92
- touch-action: none;
75
+ .dx-ribbon .dx-r-separator-container {
76
+ height: 2.6em;
93
77
  }
94
78
 
95
- /* DX Spreadsheet Text Box content*/
96
- .dxss-tb {
97
- z-index: 5;
98
- white-space: pre;
99
- pointer-events: auto;
79
+ .dx-ribbon .dx-r-separator {
80
+ margin: 0 7px 0 8px;
81
+ border-right-width: 1px;
82
+ height: 100%;
100
83
  }
101
- .dxss-tw {
102
- position: absolute;
84
+
85
+ .dx-toolbar-menu-section .dx-r-separator {
86
+ margin: 0 -16px 0 -16px;
87
+ border-bottom-width: 1px;
88
+ height: 0;
103
89
  }
104
- /* DX Spreadsheet Fill Text Box Container*/
105
- .dxss-ftc {
106
- position: absolute;
90
+
91
+ .dx-ribbon-item.dx-colorbox .dx-colorbox-color-result-preview {
92
+ cursor: pointer;
107
93
  }
108
- /* DX Spreadsheet Merged Cells */
109
- .dxss-mc {
110
- position: absolute;
111
- z-index: 2;
112
- background-color: white;
94
+
95
+ .dx-toolbar-menu-section .dx-ribbon-item.dx-numberbox,
96
+ .dx-toolbar-menu-section .dx-ribbon-item.dx-colorbox,
97
+ .dx-toolbar-menu-section .dx-ribbon-item.dx-selectbox,
98
+ .dx-toolbar-menu-section .dx-ribbon-item .dx-menu-items-container,
99
+ .dx-toolbar-menu-section .dx-ribbon-item .dx-menu-items-container .dx-menu-item-wrapper {
100
+ width: 100% !important;
113
101
  }
114
- /* DX Spreadsheet Default Cell Style*/
115
- .dxss-dcs,
116
- .dxss-ddcs {
117
- font-family: Calibri;
118
- font-size: 11pt;
119
- vertical-align: bottom;
120
- padding: 0px 0px 0px 2px;
121
- display: table-cell;
102
+
103
+ .dx-ribbon .dx-menu .dx-menu-item .dx-menu-item-content {
104
+ padding-right: 8px;
105
+ padding-left: 8px;
122
106
  }
123
- .dxss-dcs {
124
- text-align: left;
107
+
108
+ .dx-ribbon[class*=material] .dx-menu-base.dx-ribbon-item :not(.dx-submenu) .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
109
+ text-transform: uppercase;
110
+ font-weight: 500;
125
111
  }
126
- .dxss-ddcs {
127
- text-align: right;
112
+ .dx-ribbon[class*=material] .dx-dropdowneditor.dx-editor-filled::after {
113
+ border-bottom-color: transparent;
128
114
  }
129
- /* DX Spreadsheet Comment Indicator */
130
- .dxss-ci:before
131
- {
132
- content: "";
133
- position: absolute;
134
- right: 0;
135
- top: 1px;
136
- display: block;
137
- width: 0;
138
- border-left: 5px solid transparent;
139
- border-top: 5px solid #FF0000;
115
+ .dx-ribbon[class*=material] .dx-menu-item-content {
116
+ display: flex;
117
+ align-items: center;
140
118
  }
141
- /* DX Spreadsheet Comment Container */
142
- .dxss-cc {
143
- background-color: #ffffe1;
144
- position: absolute;
145
- z-index: 101;
146
- padding: 2px;
147
- border: 1px solid black;
148
- cursor: move;
149
- box-sizing: border-box;
119
+ .dx-ribbon[class*=material][class*=compact] .dx-menu-base .dx-icon {
120
+ font-size: 16px;
150
121
  }
151
- .dxss-cc.highlighted {
152
- border-color: #217346;
153
- z-index:102;
122
+ .dx-ribbon[class*=material]:not([class*=compact]) .dx-menu-base .dx-icon {
123
+ font-size: 18px;
154
124
  }
155
- .dxss-ccte {
156
- position: absolute;
157
- z-index: 101;
158
- cursor: move;
159
- box-sizing: border-box;
125
+
126
+ .dx-ribbon .dx-menu-base.dx-ribbon-item.dx-showTextInMenu :not(.dx-submenu) .dx-menu-item .dx-menu-item-content .dx-menu-item-text, .dx-ribbon .dx-menu-base.dx-ribbon-item.dx-showTextInMenu :not(.dx-submenu) .dx-menu-item .dx-menu-item-content .dx-menu-item-popout:before {
127
+ display: none;
160
128
  }
161
- /* DX Spreadsheet Connection Line */
162
- .dxss-cl {
163
- z-index: 101;
164
- padding: 0px;
165
- margin: 0px;
166
- background-color: black;
167
- line-height: 1px;
168
- position: absolute;
169
- height: 1px;
129
+
130
+ .dx-toolbar-menu-section .dx-menu-base.dx-ribbon-item.dx-showTextInMenu :not(.dx-submenu) .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
131
+ display: inline;
170
132
  }
171
- .dxss-cl.highlighted {
172
- background-color: #217346;
173
- z-index:102;
133
+
134
+ .dx-menu.dx-ribbon-item .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
135
+ margin-right: 12px;
174
136
  }
175
137
 
176
- /* DX Spreadsheet Fill Handle Element */
177
- .dxss-fh
178
- {
179
- position: absolute;
180
- right: -4px;
181
- top: -2px;
182
- width: 5px;
183
- height: 5px;
184
- cursor: crosshair;
185
- border: solid 1px #FFF;
186
- background-color: #7493C0;
138
+ .dx-ribbon .dx-menu.dx-ribbon-item.dx-showTextInMenu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
139
+ margin-right: 0;
187
140
  }
188
141
 
189
- /* DX Spreadsheet Dynamic Selection Element */
190
- .dxss-cdse {
191
- position: absolute;
192
- z-index: 7;
193
- border: 2px solid;
142
+ .dx-ribbon .dx-toolbar-menu-container .dx-dropdownmenu-button {
143
+ margin-right: 10px;
144
+ border-width: 0;
194
145
  }
195
- .dxss-cdse.highlighted {
196
- border-style: dashed;
197
- }
198
- .dxss-cdse.marker {
199
- z-index: 8;
146
+
147
+ .dx-ribbon input.dx-colorbox-input {
148
+ color: transparent;
149
+ user-select: none;
200
150
  }
201
- .dxss-cdse.marker.nw, .dxss-cdse.marker.se {
202
- cursor: nwse-resize;
151
+
152
+ @font-face {
153
+ font-family: "dxss-icons";
154
+ src: url("./icons/dxss-icons.woff2") format("woff2"), url("./icons/dxss-icons.woff") format("woff"), url("./icons/dxss-icons.ttf") format("truetype");
203
155
  }
204
- .dxss-cdse.marker.ne, .dxss-cdse.marker.sw {
205
- cursor: nesw-resize;
156
+ .dxss-icon-UnfreezePanes:before, .dxss-icon-FreezeTopRow:before, .dxss-icon-FreezePanes:before, .dxss-icon-FreezeFirstColumn:before, .dxss-icon-FullScreen:before, .dxss-icon-TableConvertToRange:before, .dxss-icon-ShowHideComment:before, .dxss-icon-InsertComment:before, .dxss-icon-EditComment:before, .dxss-icon-DeleteComment:before, .dxss-icon-InsertTable:before, .dxss-icon-Hyperlink:before, .dxss-icon-InsertFloatingObjectImage:before, .dxss-icon-PivotTable:before, .dxss-icon-CreateStockChartVolumeOpenHighLowClose:before, .dxss-icon-CreateStockChartVolumeHighLowClose:before, .dxss-icon-CreateStockChartOpenHighLowClose:before, .dxss-icon-CreateStockChartHighLowClose:before, .dxss-icon-CreateStackedLineChartNoMarkers:before, .dxss-icon-CreateStackedLineChart:before, .dxss-icon-CreateStackedBarChart:before, .dxss-icon-CreateStackedBar3DChart:before, .dxss-icon-CreateStackedAreaChart:before, .dxss-icon-CreateStackedArea3DChart:before, .dxss-icon-CreateScatterChartSmoothLinesAndMarkers:before, .dxss-icon-CreateScatterChartSmoothLines:before, .dxss-icon-CreateScatterChartMarkersOnly:before, .dxss-icon-CreateScatterChartLinesAndMarkers:before, .dxss-icon-CreateScatterChartLines:before, .dxss-icon-CreateRotatedStackedPyramidBar3DChart:before, .dxss-icon-CreateRotatedStackedCylinderBar3DChart:before, .dxss-icon-CreateRotatedStackedConeBar3DChart:before, .dxss-icon-CreateRotatedStackedBarChart:before, .dxss-icon-CreateRotatedStackedBar3DChart:before, .dxss-icon-CreateRotatedPyramidBar3DChart:before, .dxss-icon-CreateRotatedFullStackedPyramidBar3DChart:before, .dxss-icon-CreateRotatedFullStackedCylinderBar3DChart:before, .dxss-icon-CreateRotatedFullStackedConeBar3DChart:before, .dxss-icon-CreateRotatedFullStackedBarChart:before, .dxss-icon-CreateRotatedFullStackedBar3DChart:before, .dxss-icon-CreateRotatedCylinderBar3DChart:before, .dxss-icon-CreateRotatedConeBar3DChart:before, .dxss-icon-CreateRotatedBarChart:before, .dxss-icon-CreateRotatedBar3DChart:before, .dxss-icon-CreateRadarLineChartNoMarkers:before, .dxss-icon-CreateRadarLineChartFilled:before, .dxss-icon-CreateRadarLineChart:before, .dxss-icon-CreatePyramidStackedBar3DChart:before, .dxss-icon-CreatePyramidManhattanBarChart:before, .dxss-icon-CreatePyramidFullStackedBar3DChart:before, .dxss-icon-CreatePyramidBar3DChart:before, .dxss-icon-CreatePieChart:before, .dxss-icon-CreatePie3DChart:before, .dxss-icon-CreateManhattanBarChart:before, .dxss-icon-CreateLineChartNoMarkers:before, .dxss-icon-CreateLineChart:before, .dxss-icon-CreateLine3DChart:before, .dxss-icon-CreateFullStackedLineChartNoMarkers:before, .dxss-icon-CreateFullStackedLineChart:before, .dxss-icon-CreateFullStackedBarChart:before, .dxss-icon-CreateFullStackedBar3DChart:before, .dxss-icon-CreateFullStackedAreaChart:before, .dxss-icon-CreateFullStackedArea3DChart:before, .dxss-icon-CreateExplodedPieChart:before, .dxss-icon-CreateExplodedPie3DChart:before, .dxss-icon-CreateExplodedDoughnutChart:before, .dxss-icon-CreateDoughnutChart:before, .dxss-icon-CreateCylinderStackedBar3DChart:before, .dxss-icon-CreateCylinderManhattanBarChart:before, .dxss-icon-CreateCylinderFullStackedBar3DChart:before, .dxss-icon-CreateCylinderBar3DChart:before, .dxss-icon-CreateConeStackedBar3DChart:before, .dxss-icon-CreateConeManhattanBarChart:before, .dxss-icon-CreateConeFullStackedBar3DChart:before, .dxss-icon-CreateConeBar3DChart:before, .dxss-icon-CreateBubbleChart:before, .dxss-icon-CreateBubble3DChart:before, .dxss-icon-CreateBarChart:before, .dxss-icon-CreateBar3DChart:before, .dxss-icon-CreateAreaChart:before, .dxss-icon-CreateArea3DChart:before, .dxss-icon-ChartGroupScatter:before, .dxss-icon-ChartGroupPie:before, .dxss-icon-ChartGroupOther:before, .dxss-icon-ChartGroupLine:before, .dxss-icon-ChartGroupColumn:before, .dxss-icon-ChartGroupBar:before, .dxss-icon-ChartGroupArea:before, .dxss-icon-Undo:before, .dxss-icon-Redo:before, .dxss-icon-FormatAsTable:before, .dxss-icon-PrintDialog:before, .dxss-icon-FormatNumberPercent:before, .dxss-icon-FormatNumberIncreaseDecimal:before, .dxss-icon-FormatNumberDecreaseDecimal:before, .dxss-icon-FormatNumberCurrency:before, .dxss-icon-FormatNumberCommaStyle:before, .dxss-icon-Underline:before, .dxss-icon-Strikeout:before, .dxss-icon-LineColor:before, .dxss-icon-Italic:before, .dxss-icon-FontSizeIncrease:before, .dxss-icon-FontSizeDecrease:before, .dxss-icon-FontColor:before, .dxss-icon-FillBackground:before, .dxss-icon-BorderTopAndBottomThick:before, .dxss-icon-BorderTopAndBottom:before, .dxss-icon-BorderTop:before, .dxss-icon-BordersOutsideThick:before, .dxss-icon-BordersOutside:before, .dxss-icon-BordersAll:before, .dxss-icon-BorderRight:before, .dxss-icon-BorderNone:before, .dxss-icon-BorderLineStyle:before, .dxss-icon-BorderLeft:before, .dxss-icon-BorderBottomThick:before, .dxss-icon-BorderBottom:before, .dxss-icon-Bold:before, .dxss-icon-SortDesc:before, .dxss-icon-SortAsc:before, .dxss-icon-SortAndFilter:before, .dxss-icon-FormatCells:before, .dxss-icon-Find:before, .dxss-icon-EditingFillUp:before, .dxss-icon-EditingFillRight:before, .dxss-icon-EditingFillLeft:before, .dxss-icon-EditingFillDown:before, .dxss-icon-Delete_Hyperlink:before, .dxss-icon-ClearFormats:before, .dxss-icon-ClearAll:before, .dxss-icon-Paste:before, .dxss-icon-Cut:before, .dxss-icon-Copy:before, .dxss-icon-RemoveSheetRows:before, .dxss-icon-RemoveSheetColumns:before, .dxss-icon-RemoveSheet:before, .dxss-icon-RemoveCellsCommandGroup:before, .dxss-icon-InsertSheetRows:before, .dxss-icon-InsertSheetColumns:before, .dxss-icon-InsertSheet:before, .dxss-icon-InsertCellsCommandGroup:before, .dxss-icon-Format:before, .dxss-icon-IndentIncrease:before, .dxss-icon-IndentDecrease:before, .dxss-icon-FormatWrapText:before, .dxss-icon-EditingUnmergeCells:before, .dxss-icon-EditingMergeCellsAcross:before, .dxss-icon-EditingMergeCells:before, .dxss-icon-EditingMergeAndCenterCells:before, .dxss-icon-AlignTopCenter:before, .dxss-icon-AlignRight:before, .dxss-icon-AlignMiddleCenter:before, .dxss-icon-AlignLeft:before, .dxss-icon-AlignCenter:before, .dxss-icon-AlignBottomCenter:before, .dxss-icon-FunctionSum:before, .dxss-icon-FunctionsText:before, .dxss-icon-FunctionsStatistical:before, .dxss-icon-FunctionsMore:before, .dxss-icon-FunctionsMathAndTrigonometry:before, .dxss-icon-FunctionsLookupAndReference:before, .dxss-icon-FunctionsLogical:before, .dxss-icon-FunctionsInformation:before, .dxss-icon-FunctionsFinancial:before, .dxss-icon-FunctionsEngineering:before, .dxss-icon-FunctionsDateAndTime:before, .dxss-icon-FunctionsCompatibility:before, .dxss-icon-CalculationOptions:before, .dxss-icon-CalculateSheet:before, .dxss-icon-CalculateNow:before, .dxss-icon-ReapplyFilter:before, .dxss-icon-Filter:before, .dxss-icon-ClearFilter:before, .dxss-icon-DataValidation:before, .dxss-icon-ClearValidationCircles:before, .dxss-icon-CircleInvalidData:before, .dxss-icon-ChartTitleNone:before, .dxss-icon-ChartTitleGroup:before, .dxss-icon-ChartTitleCenteredOverlay:before, .dxss-icon-ChartTitleAbove:before, .dxss-icon-ChartLegend_Top:before, .dxss-icon-ChartLegend_RightOverlay:before, .dxss-icon-ChartLegend_Right:before, .dxss-icon-ChartLegend_None:before, .dxss-icon-ChartLegend_LeftOverlay:before, .dxss-icon-ChartLegend_Left:before, .dxss-icon-ChartLegend_Bottom:before, .dxss-icon-ChartLabels_OutsideEnd:before, .dxss-icon-ChartLabels_None:before, .dxss-icon-ChartLabels_InsideEnd:before, .dxss-icon-ChartLabels_InsideCenter:before, .dxss-icon-ChartLabels_InsideBase:before, .dxss-icon-ChartAxisTitleVertical_VerticalText:before, .dxss-icon-ChartAxisTitleVertical_RotatedText:before, .dxss-icon-ChartAxisTitleVertical_None:before, .dxss-icon-ChartAxisTitleVertical_HorizonlalText:before, .dxss-icon-ChartAxisTitleVertical:before, .dxss-icon-ChartAxisTitleHorizontal_None:before, .dxss-icon-ChartAxisTitleHorizontal:before, .dxss-icon-ChartAxisTitleGroup:before, .dxss-icon-ChartVerticalAxis_Thousands:before, .dxss-icon-ChartVerticalAxis_None:before, .dxss-icon-ChartVerticalAxis_Millions:before, .dxss-icon-ChartVerticalAxis_LogScale:before, .dxss-icon-ChartVerticalAxis_Default:before, .dxss-icon-ChartVerticalAxis_Billions:before, .dxss-icon-ChartUpDownBars_None:before, .dxss-icon-ChartHorizontalAxis_WithoutLabeling:before, .dxss-icon-ChartHorizontalAxis_RightToLeft:before, .dxss-icon-ChartHorizontalAxis_None:before, .dxss-icon-ChartHorizontalAxis_LeftToRight:before, .dxss-icon-ChartHorizontalAxis_Default:before, .dxss-icon-ChartGridlinesVertical_None:before, .dxss-icon-ChartGridlinesVertical_Minor:before, .dxss-icon-ChartGridlinesVertical_MajorMinor:before, .dxss-icon-ChartGridlinesVertical_Major:before, .dxss-icon-ChartGridlinesHorizontal_None:before, .dxss-icon-ChartGridlinesHorizontal_Minor:before, .dxss-icon-ChartGridlinesHorizontal_MajorMinor:before, .dxss-icon-ChartGridlinesHorizontal_Major:before, .dxss-icon-ChartGridlines:before, .dxss-icon-ChartAxesGroup:before, .dxss-icon-FloatingObjectSendToBack:before, .dxss-icon-FloatingObjectSendBackward:before, .dxss-icon-FloatingObjectBringToFront:before, .dxss-icon-FloatingObjectBringForward:before, .dxss-icon-ChartSwitchRowColumn:before, .dxss-icon-ChartSelectData:before, .dxss-icon-ChartChangeType:before, .dxss-icon-ChartChangeStyle:before, .dxss-icon-ChartChangeLayout:before {
157
+ font-family: "dxss-icons";
158
+ -webkit-font-smoothing: antialiased;
159
+ -moz-osx-font-smoothing: grayscale;
160
+ font-style: normal;
161
+ font-variant: normal;
162
+ font-weight: normal;
163
+ text-decoration: none;
164
+ text-transform: none;
206
165
  }
207
- .dxss-cdse.color0 {
208
- border-color: #5F8CED;
209
- background-color: rgba(95, 140, 237, .12);
210
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1F5F8CED', endColorstr='#1F5F8CED');
166
+
167
+ .dxss-icon-ChartChangeLayout:before {
168
+ content: "";
211
169
  }
212
- .dxss-cdse.color1 {
213
- border-color: #EB5E60;
214
- background-color: rgba(235, 94, 96, .12);
215
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1FEB5E60', endColorstr='#1FEB5E60');
170
+
171
+ .dxss-icon-ChartChangeStyle:before {
172
+ content: "";
216
173
  }
217
- .dxss-cdse.color2 {
218
- border-color: #8D61C2;
219
- background-color: rgba(141, 97, 194, .12);
220
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1F8D61C2', endColorstr='#1F8D61C2');
174
+
175
+ .dxss-icon-ChartChangeType:before {
176
+ content: "";
221
177
  }
222
- .dxss-cdse.color3 {
223
- border-color: #2D9639;
224
- background-color: rgba(45, 150, 57, .12);
225
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1F2D9639', endColorstr='#1F2D9639');
178
+
179
+ .dxss-icon-ChartSelectData:before {
180
+ content: "";
226
181
  }
227
- .dxss-cdse.color4 {
228
- border-color: #BF4C91;
229
- background-color: rgba(191, 76, 145, .12);
230
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1FBF4C91', endColorstr='#1FBF4C91');
182
+
183
+ .dxss-icon-ChartSwitchRowColumn:before {
184
+ content: "";
231
185
  }
232
- .dxss-cdse.color5 {
233
- border-color: #E38222;
234
- background-color: rgba(227, 130, 34, .12);
235
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1FE38222', endColorstr='#1FE38222');
186
+
187
+ .dxss-icon-FloatingObjectBringForward:before {
188
+ content: "";
236
189
  }
237
- .dxss-cdse.color6 {
238
- border-color: #377F9E;
239
- background-color: rgba(55, 127, 158, .12);
240
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1F377F9E', endColorstr='#1F377F9E');
190
+
191
+ .dxss-icon-FloatingObjectBringToFront:before {
192
+ content: "";
241
193
  }
242
194
 
243
- /* DX Spreadsheet Cell Active Selected Element */
244
- .dxss-case {
245
- position: absolute;
246
- z-index: 2;
195
+ .dxss-icon-FloatingObjectSendBackward:before {
196
+ content: "";
247
197
  }
248
- /* DX Spreadsheet Cell Range Selected Element */
249
- .dxss-crse {
250
- position: absolute;
251
- z-index: 7;
252
- background-color: #2291FF;
253
- opacity: .25;
254
- filter: alpha(opacity=25);
255
- pointer-events: none;
198
+
199
+ .dxss-icon-FloatingObjectSendToBack:before {
200
+ content: "";
256
201
  }
257
- /* DX Spreadsheet Top Range Border Element */
258
- .dxss-trbe {
259
- position: absolute;
260
- z-index: 8;
261
- border-top: 2px solid #7493C0;
262
- cursor: move;
202
+
203
+ .dxss-icon-ChartAxesGroup:before {
204
+ content: "";
263
205
  }
264
- /* DX Spreadsheet Right Range Border Element */
265
- .dxss-rrbe {
266
- position: absolute;
267
- z-index: 8;
268
- border-right: 2px solid #7493C0;
269
- cursor: move;
206
+
207
+ .dxss-icon-ChartGridlines:before {
208
+ content: "";
270
209
  }
271
- /* DX Spreadsheet Selection Movement Border Element */
272
- .dxss-sbe {
273
- position: absolute;
274
- z-index: 9;
275
- border: 3px solid #7493C0;
276
- cursor: move;
277
- box-sizing: border-box;
210
+
211
+ .dxss-icon-ChartGridlinesHorizontal_Major:before {
212
+ content: "";
278
213
  }
279
- /* DX Spreadsheet Touch Selection Element */
280
- .dxss-tse {
281
- position: absolute;
282
- width: 15px;
283
- height: 15px;
284
- z-index: 9;
285
- border-radius: 50%;
286
- border: 2px solid #7493C0;
287
- background: white;
214
+
215
+ .dxss-icon-ChartGridlinesHorizontal_MajorMinor:before {
216
+ content: "";
288
217
  }
289
218
 
290
- /* DX Spreadsheet Bottom Range Border Element */
291
- .dxss-brbe {
292
- position: absolute;
293
- z-index: 8;
294
- border-bottom: 2px solid #7493C0;
295
- cursor: move;
219
+ .dxss-icon-ChartGridlinesHorizontal_Minor:before {
220
+ content: "";
296
221
  }
297
- /* DX Spreadsheet Left Range Border Element */
298
- .dxss-lrbe {
299
- position: absolute;
300
- z-index: 8;
301
- border-left: 2px solid #7493C0;
302
- cursor: move;
222
+
223
+ .dxss-icon-ChartGridlinesHorizontal_None:before {
224
+ content: "";
303
225
  }
304
- /* DX Spreadsheet Cell Selected border */
305
- .dxss-csb {
306
- position: absolute;
307
- z-index: 8;
308
- border: 2px solid #7493C0;
226
+
227
+ .dxss-icon-ChartGridlinesVertical_Major:before {
228
+ content: "";
309
229
  }
310
- /* DX Spreadsheet Drawing Box Selected border */
311
- .dxss-dbse {
312
- position: absolute;
313
- z-index: 100; /* To be above the dxss-db */
314
- border: 1px solid #5A93D3;
315
- cursor: move;
230
+
231
+ .dxss-icon-ChartGridlinesVertical_MajorMinor:before {
232
+ content: "";
316
233
  }
317
234
 
318
- /* DX Spreadsheet Comment Box Selected element */
319
- .dxss-cbse {
320
- position: absolute;
321
- z-index: 101; /* To be above the dxss-db */
322
- border: 1px solid #5A93D3;
323
- cursor: move;
235
+ .dxss-icon-ChartGridlinesVertical_Minor:before {
236
+ content: "";
324
237
  }
325
238
 
326
- /* DX Spreadsheet Copied range style */
327
- .dxss-crs {
328
- position: absolute;
329
- z-index: 12;
330
- pointer-events: none;
331
- border-style: dotted;
332
- border-color: #7493C0;
333
- border-width: 3px;
334
- box-sizing: border-box;
239
+ .dxss-icon-ChartGridlinesVertical_None:before {
240
+ content: "";
335
241
  }
336
242
 
337
- .dxss-crs.dxss-crsb {
338
- background-color: rgba(255, 255, 255, 0.4);
243
+ .dxss-icon-ChartHorizontalAxis_Default:before {
244
+ content: "";
339
245
  }
340
246
 
341
- /* DX Spreadsheet AutoFilter image */
342
- .dxss-grid .dxss-sctb .dxss-afi,
343
- .dxss-grid .dxss-cctb .dxss-afi,
344
- .dxss-grid .dxss-tbg .dxss-afi
345
- {
346
- position: absolute;
347
- right: 0;
348
- bottom: 1px;
349
- cursor: pointer;
350
- background-color: white;
351
- z-index: 5;
352
- color: #727272;
247
+ .dxss-icon-ChartHorizontalAxis_LeftToRight:before {
248
+ content: "";
353
249
  }
354
250
 
355
- /* DX Spreadsheet DropDownButton */
356
- .dxssControlSys .dxss-ddb {
357
- position: absolute;
358
- cursor: pointer;
359
- background-color: white;
360
- z-index: 9;
251
+ .dxss-icon-ChartHorizontalAxis_None:before {
252
+ content: "";
361
253
  }
362
254
 
363
- .dxss-ddb > use {
364
- pointer-events: none;
255
+ .dxss-icon-ChartHorizontalAxis_RightToLeft:before {
256
+ content: "";
365
257
  }
366
258
 
367
- /* DX Spreadsheet InvalidDataCircle */
368
- .dxss-idc
369
- {
370
- position: absolute;
371
- border: 1px solid red;
372
- border-radius: 100%;
373
- z-index: 4;
259
+ .dxss-icon-ChartHorizontalAxis_WithoutLabeling:before {
260
+ content: "";
374
261
  }
375
262
 
376
- .dxss-pm
377
- {
378
- position: absolute;
379
- z-index: 9;
380
- display: table;
381
- background-color: #FFFFE1;
382
- cursor: default;
383
- border: 1px solid black;
384
- max-width: 168px;
385
- height:50px;
386
- padding: 5px;
263
+ .dxss-icon-ChartUpDownBars_None:before {
264
+ content: "";
387
265
  }
388
- .dxss-pm div:first-child
389
- {
390
- font-weight: bold;
391
- white-space: pre;
266
+
267
+ .dxss-icon-ChartVerticalAxis_Billions:before {
268
+ content: "";
392
269
  }
393
- /* DX Spreadsheet DropDown panel */
394
- .dxss-ddp
395
- {
396
- position: absolute;
397
- background-color: white;
398
- border: 1px solid black;
399
- max-height: 152px;
400
- overflow: auto;
401
- z-index: 9;
402
- cursor: default;
270
+
271
+ .dxss-icon-ChartVerticalAxis_Default:before {
272
+ content: "";
403
273
  }
404
- .dxss-ddp table
405
- {
406
- width: 100%;
274
+
275
+ .dxss-icon-ChartVerticalAxis_LogScale:before {
276
+ content: "";
407
277
  }
408
- .dxss-ddp tr:hover
409
- {
410
- background-color: #1d85cd;
278
+
279
+ .dxss-icon-ChartVerticalAxis_Millions:before {
280
+ content: "";
411
281
  }
412
- .dxss-ddp td
413
- {
414
- height: 17px;
415
- padding-left: 4px;
282
+
283
+ .dxss-icon-ChartVerticalAxis_None:before {
284
+ content: "";
416
285
  }
417
286
 
418
- /* DX Spreadsheet Cell Editor Element */
419
- .dxss-cee,
420
- .dxss-ctve {
421
- position: absolute; /*the same -dxss-cfe */
422
- z-index: 1000;
423
- resize: none;
424
- height: 1em;
425
- outline: none;
426
- overflow: hidden;
427
- padding: 0;
428
- margin: 0;
287
+ .dxss-icon-ChartVerticalAxis_Thousands:before {
288
+ content: "";
429
289
  }
430
- /* DX Spreadsheet Inplace Comment Editor Element */
431
- .dxss-icee {
432
- font-family: Tahoma;
433
- font-size: 12px;
434
- border: none;
435
- z-index: 1000;
436
- background-color: #ffffe1 ;
437
- resize: none;
438
- height: 100% !important;
439
- width: 100% !important;
440
- outline: none;
441
- overflow: hidden;
442
- padding: 0;
443
- margin: 0;
444
- box-sizing:border-box
290
+
291
+ .dxss-icon-ChartAxisTitleGroup:before {
292
+ content: "";
445
293
  }
446
- .dxss-icee.noselect {
447
- -webkit-touch-callout: none;
448
- -webkit-user-select: none;
449
- -khtml-user-select: none;
450
- -moz-user-select: none;
451
- -ms-user-select: none;
452
- user-select: none;
294
+
295
+ .dxss-icon-ChartAxisTitleHorizontal:before {
296
+ content: "";
453
297
  }
454
- .dxssControlSys .dxss-fbw > .dxss-cee,
455
- .dxssControlSys .dxss-fbw > .dxss-ctve {
456
- border: 0;
298
+
299
+ .dxss-icon-ChartAxisTitleHorizontal_None:before {
300
+ content: "";
457
301
  }
458
- .dxssControlSys .dxss-cee {
459
- border: 1px solid white;
460
- padding: 0 2px 0 0!important;
302
+
303
+ .dxss-icon-ChartAxisTitleVertical:before {
304
+ content: "";
461
305
  }
462
- .dxss-md .dxss-ctve {
463
- padding: 0 2px 0 0!important;
306
+
307
+ .dxss-icon-ChartAxisTitleVertical_HorizonlalText:before {
308
+ content: "";
464
309
  }
465
310
 
466
- .dxssControlSys .dxss-fb {
467
- box-sizing: content-box;
311
+ .dxss-icon-ChartAxisTitleVertical_None:before {
312
+ content: "";
468
313
  }
469
- .dxss-fb .dxeTextBoxSys .dxeEditAreaSys {
470
- visibility: hidden;
314
+
315
+ .dxss-icon-ChartAxisTitleVertical_RotatedText:before {
316
+ content: "";
471
317
  }
472
- .dxss-fb .dxm-ltr {
473
- float: left;
474
- display: inline-block;
318
+
319
+ .dxss-icon-ChartAxisTitleVertical_VerticalText:before {
320
+ content: "";
475
321
  }
476
- .dxss-fbw {
477
- overflow: hidden;
478
- height: 100%;
479
- padding: 3px 3px 2px 3px;
480
- box-sizing: border-box;
322
+
323
+ .dxss-icon-ChartLabels_InsideBase:before {
324
+ content: "";
481
325
  }
482
- .dxss-fbw textarea {
483
- position: static;
484
- width: 100%;
485
- height: 100%;
486
- box-sizing: border-box;
326
+
327
+ .dxss-icon-ChartLabels_InsideCenter:before {
328
+ content: "";
487
329
  }
488
- .dxss-fbw table {
489
- width: 100%;
330
+
331
+ .dxss-icon-ChartLabels_InsideEnd:before {
332
+ content: "";
490
333
  }
491
- .dxss-fbw .dxeTextBoxSys {
492
- display: none;
334
+
335
+ .dxss-icon-ChartLabels_None:before {
336
+ content: "";
493
337
  }
494
- .dxssControlSys .dxm-ltr .dxss-fbMenu {
495
- padding: 0;
338
+
339
+ .dxss-icon-ChartLabels_OutsideEnd:before {
340
+ content: "";
496
341
  }
497
- .dxssControlSys .dxss-fbMenu > ul {
498
- height: 100%;
342
+
343
+ .dxss-icon-ChartLegend_Bottom:before {
344
+ content: "";
499
345
  }
500
- .dxssControlSys .dxss-fbMenu .dxm-item {
501
- border-width: 0;
502
- height: 100%;
346
+
347
+ .dxss-icon-ChartLegend_Left:before {
348
+ content: "";
503
349
  }
504
- .dxss-funcLB {
505
- position: absolute;
506
- visibility: hidden;
507
- display: none;
508
- -ms-touch-action: pinch-zoom;
509
- touch-action: pinch-zoom;
350
+
351
+ .dxss-icon-ChartLegend_LeftOverlay:before {
352
+ content: "";
510
353
  }
511
- .dxss-hint {
512
- position: absolute;
513
- white-space: pre;
514
- pointer-events: none;
354
+
355
+ .dxss-icon-ChartLegend_None:before {
356
+ content: "";
515
357
  }
516
- .dxss-hint.dxss-funcInfo {
517
- white-space: nowrap;
358
+
359
+ .dxss-icon-ChartLegend_Right:before {
360
+ content: "";
518
361
  }
519
362
 
520
- .dxss-cbse .corner,
521
- .dxss-dbse .corner {
522
- border: 1px solid #989898;
523
- position: absolute;
524
- width: 9px!important;
525
- height: 9px;
526
- background-color: #F2FAFB;
527
- z-index: 9;
528
- margin-top: -6px;
529
- margin-left: -6px;
530
- border-radius: 5px;
363
+ .dxss-icon-ChartLegend_RightOverlay:before {
364
+ content: "";
531
365
  }
532
- .dxss-cbse .cornerTouch,
533
- .dxss-dbse .cornerTouch
534
- {
535
- border: 1px solid #989898;
536
- position: absolute;
537
- width: 15px!important;
538
- height: 15px;
539
- margin-top: -9px;
540
- margin-left: -9px;
541
- border-radius: 50%;
366
+
367
+ .dxss-icon-ChartLegend_Top:before {
368
+ content: "";
542
369
  }
543
- .corner.ne,
544
- .corner.e,
545
- .corner.se {
546
- margin-left: -5px;
370
+
371
+ .dxss-icon-ChartTitleAbove:before {
372
+ content: "";
547
373
  }
548
- .cornerTouch.ne,
549
- .cornerTouch.e,
550
- .cornerTouch.se {
551
- margin-left: -8px;
374
+
375
+ .dxss-icon-ChartTitleCenteredOverlay:before {
376
+ content: "";
552
377
  }
553
- .corner.sw,
554
- .corner.s,
555
- .corner.se {
556
- margin-top: -5px;
378
+
379
+ .dxss-icon-ChartTitleGroup:before {
380
+ content: "";
557
381
  }
558
- .cornerTouch.sw,
559
- .cornerTouch.s,
560
- .cornerTouch.se {
561
- margin-top: -8px;
382
+
383
+ .dxss-icon-ChartTitleNone:before {
384
+ content: "";
562
385
  }
563
386
 
564
- .corner.n,
565
- .corner.e,
566
- .corner.s,
567
- .corner.w {
568
- border-radius: 3px
387
+ .dxss-icon-CircleInvalidData:before {
388
+ content: "";
569
389
  }
570
390
 
571
- .corner.nw {
572
- left: 0;
573
- top: 0;
574
- cursor:nw-resize;
391
+ .dxss-icon-ClearValidationCircles:before {
392
+ content: "";
575
393
  }
576
- .corner.ne {
577
- left: 100%;
578
- top: 0;
579
- cursor:ne-resize;
394
+
395
+ .dxss-icon-DataValidation:before {
396
+ content: "";
580
397
  }
581
- .corner.se {
582
- left: 100%;
583
- top: 100%;
584
- cursor:se-resize;
398
+
399
+ .dxss-icon-ClearFilter:before {
400
+ content: "";
585
401
  }
586
- .corner.sw {
587
- left: 0;
588
- top: 100%;
589
- cursor:sw-resize;
402
+
403
+ .dxss-icon-Filter:before {
404
+ content: "";
590
405
  }
591
406
 
592
- .corner.n {
593
- left: 50%;
594
- top:0;
595
- cursor:n-resize;
407
+ .dxss-icon-ReapplyFilter:before {
408
+ content: "";
596
409
  }
597
- .corner.e {
598
- left: 100%;
599
- top:50%;
600
- cursor:e-resize;
410
+
411
+ .dxss-icon-CalculateNow:before {
412
+ content: "";
601
413
  }
602
- .corner.s {
603
- left: 50%;
604
- top:100%;
605
- cursor:s-resize;
414
+
415
+ .dxss-icon-CalculateSheet:before {
416
+ content: "";
606
417
  }
607
- .corner.w {
608
- left: 0;
609
- top:50%;
610
- cursor:w-resize;
418
+
419
+ .dxss-icon-CalculationOptions:before {
420
+ content: "";
611
421
  }
612
422
 
613
- .dxss-cbse .corner.nw.cornerTouch {
614
- margin-left: -17px;
615
- margin-top: -17px;
423
+ .dxss-icon-FunctionsCompatibility:before {
424
+ content: "";
616
425
  }
617
- .dxss-cbse .corner.w.cornerTouch {
618
- margin-left: -17px;
426
+
427
+ .dxss-icon-FunctionsDateAndTime:before {
428
+ content: "";
619
429
  }
620
- .dxss-cbse .corner.sw.cornerTouch {
621
- margin-left: -17px;
430
+
431
+ .dxss-icon-FunctionsEngineering:before {
432
+ content: "";
622
433
  }
623
- .dxss-cbse .corner.n.cornerTouch {
624
- margin-top: -17px;
434
+
435
+ .dxss-icon-FunctionsFinancial:before {
436
+ content: "";
625
437
  }
626
- .dxss-cbse .corner.ne.cornerTouch {
627
- margin-top: -17px;
438
+
439
+ .dxss-icon-FunctionsInformation:before {
440
+ content: "";
628
441
  }
629
442
 
630
- .dxss-cbse .corner.nw {
631
- margin-left: -12px;
632
- margin-top: -12px;
633
- border-radius: 3px;
443
+ .dxss-icon-FunctionsLogical:before {
444
+ content: "";
634
445
  }
635
- .dxss-cbse .corner.w {
636
- margin-left: -12px;
637
- border-radius: 3px;
446
+
447
+ .dxss-icon-FunctionsLookupAndReference:before {
448
+ content: "";
638
449
  }
639
- .dxss-cbse .corner.sw {
640
- margin-left: -12px;
641
- margin-top: 0px;
642
- border-radius: 3px;
450
+
451
+ .dxss-icon-FunctionsMathAndTrigonometry:before {
452
+ content: "";
643
453
  }
644
454
 
645
- .dxss-cbse .corner.n {
646
- margin-top: -12px;
647
- border-radius: 3px;
455
+ .dxss-icon-FunctionsMore:before {
456
+ content: "";
648
457
  }
649
- .dxss-cbse .corner.ne {
650
- margin-top: -12px;
651
- margin-left: 0px;
652
- border-radius: 3px;
458
+
459
+ .dxss-icon-FunctionsStatistical:before {
460
+ content: "";
653
461
  }
654
462
 
655
- .dxss-cbse .corner.e {
656
- margin-left: 0px;
657
- border-radius: 3px;
463
+ .dxss-icon-FunctionsText:before {
464
+ content: "";
658
465
  }
659
- .dxss-cbse .corner.se {
660
- margin-left: 0px;
661
- margin-top: 0px;
662
- border-radius: 3px;
466
+
467
+ .dxss-icon-FunctionSum:before {
468
+ content: "";
663
469
  }
664
470
 
665
- .dxss-cbse .corner.s {
666
- margin-top: 0px;
667
- border-radius: 3px;
471
+ .dxss-icon-AlignBottomCenter:before {
472
+ content: "";
668
473
  }
669
474
 
670
- .dxss-colHeader,
671
- .dxss-rowHeader,
672
- .dxss-grid
673
- {
674
- position: absolute;
675
- z-index: 1;
676
- overflow: hidden;
677
- width: 0;
678
- height: 0;
679
- border-right: 1px solid #d4d4d4;
680
- border-bottom: 1px solid #d4d4d4;
681
- touch-action: none;
475
+ .dxss-icon-AlignCenter:before {
476
+ content: "";
682
477
  }
683
- .dxss-rowHeader.dxss-hidden,
684
- .dxss-colHeader.dxss-hidden {
685
- display: none;
478
+
479
+ .dxss-icon-AlignLeft:before {
480
+ content: "";
686
481
  }
687
- .dxss-colHeader .dxss-htd,
688
- .dxss-rowHeader .dxss-htd {
689
- cursor: pointer;
482
+
483
+ .dxss-icon-AlignMiddleCenter:before {
484
+ content: "";
690
485
  }
691
- .dxss-colHeader.resizing .dxss-htd,
692
- .dxss-colHeader.resizing .dxss-v
693
- {
694
- cursor: w-resize;
486
+
487
+ .dxss-icon-AlignRight:before {
488
+ content: "";
695
489
  }
696
- .dxss-rowHeader.resizing .dxss-htd,
697
- .dxss-rowHeader.resizing .dxss-h
698
- {
699
- cursor: n-resize;
490
+
491
+ .dxss-icon-AlignTopCenter:before {
492
+ content: "";
700
493
  }
701
- .dxss-colHeader
702
- {
703
- border-bottom: 1px solid #d4d4d4;
704
- border-left: 1px solid #d4d4d4;
494
+
495
+ .dxss-icon-EditingMergeAndCenterCells:before {
496
+ content: "";
705
497
  }
706
- .dxss-rowHeader
707
- {
708
- border-right: 1px solid #d4d4d4;
709
- border-top: 1px solid #d4d4d4;
710
- overflow-anchor: none;
498
+
499
+ .dxss-icon-EditingMergeCells:before {
500
+ content: "";
711
501
  }
712
- .dxss-fc
713
- {
714
- width: 1000000px;
715
- clear: both;
502
+
503
+ .dxss-icon-EditingMergeCellsAcross:before {
504
+ content: "";
716
505
  }
717
- .dxss-ts,
718
- .dxss-bs
719
- {
720
- width: 1px;
721
- height: 50000px;
506
+
507
+ .dxss-icon-EditingUnmergeCells:before {
508
+ content: "";
722
509
  }
723
- .dxss-ls,
724
- .dxss-rs
725
- {
726
- height: 2px; /*T366198*/
727
- width: 50000px;
510
+
511
+ .dxss-icon-FormatWrapText:before {
512
+ content: "";
728
513
  }
729
- .dxss-ls,
730
- .dxss-rs,
731
- .dxss-tc
732
- {
733
- float: left;
514
+
515
+ .dxss-icon-IndentDecrease:before {
516
+ content: "";
734
517
  }
735
- .dxss-bs
736
- {
737
- clear: both;
518
+
519
+ .dxss-icon-IndentIncrease:before {
520
+ content: "";
738
521
  }
739
- .dxss-tc
740
- {
741
- position: relative;
522
+
523
+ .dxss-icon-Format:before {
524
+ content: "";
742
525
  }
743
526
 
744
- .dxss-sc
745
- {
746
- position: absolute;
747
- overflow: scroll;
748
- width: 0;
749
- height: 0;
527
+ .dxss-icon-InsertCellsCommandGroup:before {
528
+ content: "";
750
529
  }
751
530
 
752
- .dxss-ssb {
753
- position: absolute;
754
- left: 0;
755
- top: 0;
756
- cursor: pointer;
757
- z-index: 1;
531
+ .dxss-icon-InsertSheet:before {
532
+ content: "";
758
533
  }
759
- .dxss-ssbi {
760
- width: 0;
761
- height: 0;
762
- border-style: solid;
763
- border-width: 0 0 12px 12px;
764
- position: absolute;
765
- bottom: 2px;
766
- right: 2px;
767
- pointer-events: none;
534
+
535
+ .dxss-icon-InsertSheetColumns:before {
536
+ content: "";
768
537
  }
769
538
 
770
- .dxss-gt
771
- {
772
- float: left;
773
- position: relative;
774
- min-height: 1px;
539
+ .dxss-icon-InsertSheetRows:before {
540
+ content: "";
775
541
  }
776
- .dxss-ht
777
- {
778
- position: relative;
542
+
543
+ .dxss-icon-RemoveCellsCommandGroup:before {
544
+ content: "";
779
545
  }
780
- .dxss-fc .dxss-ht
781
- {
782
- float: left;
546
+
547
+ .dxss-icon-RemoveSheet:before {
548
+ content: "";
783
549
  }
784
- .dxss-htd
785
- {
786
- position: absolute;
787
- text-align: center;
788
- overflow: hidden;
550
+
551
+ .dxss-icon-RemoveSheetColumns:before {
552
+ content: "";
789
553
  }
790
- .dxss-htd:hover {
791
- background-color: #f1f1f1;
554
+
555
+ .dxss-icon-RemoveSheetRows:before {
556
+ content: "";
792
557
  }
793
558
 
794
- .dxss-htd.dxss-hlh:hover {
795
- background-color: #e1e1e1;
559
+ .dxss-icon-Copy:before {
560
+ content: "";
796
561
  }
797
562
 
798
- .dxss-rowHeader .dxss-tc
799
- {
800
- width: 100%;
801
- float: none;
563
+ .dxss-icon-Cut:before {
564
+ content: "";
802
565
  }
803
- .dxss-rowHeader .dxss-ht
804
- {
805
- width: 100%;
566
+
567
+ .dxss-icon-Paste:before {
568
+ content: "";
806
569
  }
807
- .dxss-rowHeader .dxss-htd
808
- {
809
- left: 0;
810
- width: 100%;
570
+
571
+ .dxss-icon-ClearAll:before {
572
+ content: "";
811
573
  }
812
- .dxss-colHeader .dxss-htd
813
- {
814
- top: 0;
815
- height: 100%;
574
+
575
+ .dxss-icon-ClearFormats:before {
576
+ content: "";
816
577
  }
817
- /* Vertical extended area*/
818
- .dxss-vea
819
- {
820
- width: 1px;
821
- display: block;
578
+
579
+ .dxss-icon-Delete_Hyperlink:before {
580
+ content: "";
822
581
  }
823
- /* Horizontal extended area*/
824
- .dxss-hea
825
- {
826
- height: 1px;
827
- display: inline;
582
+
583
+ .dxss-icon-EditingFillDown:before {
584
+ content: "";
828
585
  }
829
586
 
830
- /* Grid Lines */
831
- .dxss-gl
832
- {
833
- width: 100%;
834
- height: 100%;
587
+ .dxss-icon-EditingFillLeft:before {
588
+ content: "";
835
589
  }
836
- .dxss-gl .dxss-v,
837
- .dxss-gl .dxss-h
838
- {
839
- position: absolute;
840
- z-index: 1;
841
- border-style: solid;
842
- border-color: #d4d4d4;
843
- border-width: 0;
590
+
591
+ .dxss-icon-EditingFillRight:before {
592
+ content: "";
844
593
  }
845
- .dxss-gl .dxss-v
846
- {
847
- top: 0;
848
- width: 0;
849
- height: 100%;
850
- border-left-width: 1px;
594
+
595
+ .dxss-icon-EditingFillUp:before {
596
+ content: "";
851
597
  }
852
- .dxss-gl .dxss-h
853
- {
854
- left: 0;
855
- width: 100%;
856
- height: 0;
857
- border-top-width: 1px;
598
+
599
+ .dxss-icon-Find:before {
600
+ content: "";
858
601
  }
859
- .dxss-ht .dxss-h.db
860
- {
861
- height: 3px;
862
- border-bottom-width: 1px;
863
- margin-top: -2px;
602
+
603
+ .dxss-icon-FormatCells:before {
604
+ content: "";
864
605
  }
865
- .dxss-ht .dxss-v.db
866
- {
867
- width: 3px;
868
- border-right-width: 1px;
869
- margin-left: -2px;
606
+
607
+ .dxss-icon-SortAndFilter:before {
608
+ content: "";
870
609
  }
871
610
 
872
- .dxss-hideGridLines .dxss-grid .dxss-gl .dxss-h,
873
- .dxss-hideGridLines .dxss-grid .dxss-gl .dxss-v
874
- {
875
- border: none;
611
+ .dxss-icon-SortAsc:before {
612
+ content: "";
876
613
  }
877
- .dxss-hh .dxss-colHeader,
878
- .dxss-hh .dxss-rowHeader
879
- {
880
- border: none;
614
+
615
+ .dxss-icon-SortDesc:before {
616
+ content: "";
881
617
  }
882
618
 
883
- .dxss-fap {
884
- position: absolute;
885
- margin: 21px 6px 0 0;
886
- z-index: 1000;
619
+ .dxss-icon-Bold:before {
620
+ content: "";
887
621
  }
888
- .dxss-fapb {
889
- display: inline-block;
890
- width: 36px;
891
- height: 36px;
622
+
623
+ .dxss-icon-BorderBottom:before {
624
+ content: "";
892
625
  }
893
626
 
894
- .dxss-ab {
895
- background-color: #13a10e;
627
+ .dxss-icon-BorderBottomThick:before {
628
+ content: "";
896
629
  }
897
- .dxss-cb {
898
- background-color: #e81123;
630
+
631
+ .dxss-icon-BorderLeft:before {
632
+ content: "";
899
633
  }
900
- .dxss-fapb > div {
901
- margin: auto;
902
- -ms-transform: rotate(45deg);
903
- -webkit-transform: rotate(45deg);
904
- transform: rotate(45deg);
634
+
635
+ .dxss-icon-BorderLineStyle:before {
636
+ content: "";
905
637
  }
906
- .dxss-ab .dxss-fbi {
907
- width: 19px;
908
- height: 14px;
638
+
639
+ .dxss-icon-BorderNone:before {
640
+ content: "";
909
641
  }
910
- .dxss-cb .dxss-fbi {
911
- width: 14px;
912
- height: 14px;
642
+
643
+ .dxss-icon-BorderRight:before {
644
+ content: "";
913
645
  }
914
- .dxss-fapb > div > div {
915
- position: absolute;
916
- background-color: #fff;
646
+
647
+ .dxss-icon-BordersAll:before {
648
+ content: "";
917
649
  }
918
- .dxss-ab .dxss-fbs {
919
- width: 2px;
920
- height: 19px;
921
- left: 17px;
922
- top: 3px;
650
+
651
+ .dxss-icon-BordersOutside:before {
652
+ content: "";
923
653
  }
924
- .dxss-ab .dxss-fbk {
925
- width: 7px;
926
- height: 2px;
927
- left: 12px;
928
- top: 20px;
654
+
655
+ .dxss-icon-BordersOutsideThick:before {
656
+ content: "";
929
657
  }
930
658
 
931
- .dxss-cb .dxss-fbs {
932
- width: 2px;
933
- height: 19px;
934
- left: 13px;
935
- top: 5px;
659
+ .dxss-icon-BorderTop:before {
660
+ content: "";
936
661
  }
937
662
 
938
- .dxss-cb .dxss-fbk {
939
- width: 19px;
940
- height: 2px;
941
- left: 5px;
942
- top: 13px;
663
+ .dxss-icon-BorderTopAndBottom:before {
664
+ content: "";
943
665
  }
944
- /* Resizing */
945
- .dxss-hrg,
946
- .dxss-vrg
947
- {
948
- position: absolute;
949
- background: #7493C0;
950
- z-index: 2;
666
+
667
+ .dxss-icon-BorderTopAndBottomThick:before {
668
+ content: "";
951
669
  }
952
- .dxss-tre
953
- {
954
- position: absolute;
955
- width: 20px;
956
- height: 20px;
957
- z-index: 2;
958
- pointer-events: none;
670
+
671
+ .dxss-icon-FillBackground:before {
672
+ content: "";
959
673
  }
960
- .dxss-tre.tre-hor
961
- {
962
- -webkit-transform: rotate(90deg);
963
- -ms-transform: rotate(90deg);
674
+
675
+ .dxss-icon-FontColor:before {
676
+ content: "";
964
677
  }
965
678
 
966
- .dxss-rmc,
967
- .dxss-rmcv,
968
- .dxss-rmch
969
- {
970
- position: absolute;
679
+ .dxss-icon-FontSizeDecrease:before {
680
+ content: "";
971
681
  }
972
- .dxss-rowHeader .dxss-rmc,
973
- .dxss-rmch
974
- {
975
- width: 100%;
682
+
683
+ .dxss-icon-FontSizeIncrease:before {
684
+ content: "";
976
685
  }
977
- .dxss-colHeader .dxss-rmc,
978
- .dxss-rmcv
979
- {
980
- height: 100%;
686
+
687
+ .dxss-icon-Italic:before {
688
+ content: "";
981
689
  }
982
- .dxss-rmch
983
- {
984
- left: 0;
690
+
691
+ .dxss-icon-LineColor:before {
692
+ content: "";
985
693
  }
986
- .dxss-rmcv
987
- {
988
- top: 0;
694
+
695
+ .dxss-icon-Strikeout:before {
696
+ content: "";
989
697
  }
990
698
 
991
- .dxssControlSys .dxr-itemDisabled img,
992
- .dxssControlSys .dxr-itemDisabled .dxr-img16,
993
- .dxssControlSys .dxr-itemDisabled .dxr-img32
994
- {
995
- opacity: .35;
996
- filter: alpha(opacity=35);
699
+ .dxss-icon-Underline:before {
700
+ content: "";
997
701
  }
998
- /* Multy line text container*/
999
- .dxss-mltc {
1000
- display: table-cell;
1001
- height: inherit;
1002
- pointer-events: none;
1003
- }
1004
- .dxss-wrap
1005
- {
1006
- -moz-hyphens: auto;
1007
- -webkit-hyphens: auto;
1008
- -ms-hyphens: auto;
1009
- hyphens: auto;
1010
- word-break: break-word;
1011
- word-wrap: break-word;
1012
- white-space: pre-wrap;
702
+
703
+ .dxss-icon-FormatNumberCommaStyle:before {
704
+ content: "";
1013
705
  }
1014
706
 
1015
- /* DX Spreadsheet Borders */
1016
-
1017
- .dxss-bt-t,
1018
- .dxss-bt-h,
1019
- .dxss-bt-d,
1020
- .dxss-bt-da,
1021
- .dxss-bt-ddd,
1022
- .dxss-bt-ddd,
1023
- .dxss-bt-m,
1024
- .dxss-bt-md,
1025
- .dxss-bt-mdd,
1026
- .dxss-bt-mddd,
1027
- .dxss-bt-sdd,
1028
- .dxss-bt-dbl,
1029
- .dxss-bt-tk {
1030
- position: absolute;
1031
- z-index: 6;
1032
- border-color: black;
1033
- border-width: 1px;
1034
- border-left-style: solid;
1035
- border-top-style: solid;
707
+ .dxss-icon-FormatNumberCurrency:before {
708
+ content: "";
1036
709
  }
1037
710
 
1038
- .dxss-bt-m,
1039
- .dxss-bt-md,
1040
- .dxss-bt-mdd,
1041
- .dxss-bt-mddd,
1042
- .dxss-bt-sdd {
1043
- border-width: 2px;
1044
- }
1045
- .dxss-bt-dbl,
1046
- .dxss-bt-tk {
1047
- border-width: 3px;
711
+ .dxss-icon-FormatNumberDecreaseDecimal:before {
712
+ content: "";
1048
713
  }
1049
714
 
1050
- .dxss-bt-da,
1051
- .dxss-bt-md,
1052
- .dxss-bt-mdd,
1053
- .dxss-bt-sdd {
1054
- border-left-style: dashed;
1055
- border-top-style: dashed;
1056
- }
1057
- .dxss-bt-d,
1058
- .DashDotDot,
1059
- .dxss-bt-mddd {
1060
- border-left-style: dotted;
1061
- border-top-style: dotted;
715
+ .dxss-icon-FormatNumberIncreaseDecimal:before {
716
+ content: "";
1062
717
  }
1063
- .dxss-bt-dbl {
1064
- border-left-style: double;
1065
- border-top-style: double;
718
+
719
+ .dxss-icon-FormatNumberPercent:before {
720
+ content: "";
1066
721
  }
1067
722
 
1068
- .dxss-v.dxss-bt-t,
1069
- .dxss-v.dxss-bt-h,
1070
- .dxss-v.dxss-bt-d,
1071
- .dxss-v.dxss-bt-da,
1072
- .dxss-v.dxss-bt-ddd,
1073
- .dxss-v.dxss-bt-ddd,
1074
- .dxss-v.dxss-bt-m,
1075
- .dxss-v.dxss-bt-md,
1076
- .dxss-v.dxss-bt-mdd,
1077
- .dxss-v.dxss-bt-mddd,
1078
- .dxss-v.dxss-bt-sdd,
1079
- .dxss-v.dxss-bt-dbl,
1080
- .dxss-v.dxss-bt-tk {
1081
- border-top-style: none;
723
+ .dxss-icon-PrintDialog:before {
724
+ content: "";
1082
725
  }
1083
726
 
1084
- .dxss-h.dxss-bt-t,
1085
- .dxss-h.dxss-bt-h,
1086
- .dxss-h.dxss-bt-d,
1087
- .dxss-h.dxss-bt-da,
1088
- .dxss-h.dxss-bt-ddd,
1089
- .dxss-h.dxss-bt-ddd,
1090
- .dxss-h.dxss-bt-m,
1091
- .dxss-h.dxss-bt-md,
1092
- .dxss-h.dxss-bt-mdd,
1093
- .dxss-h.dxss-bt-mddd,
1094
- .dxss-h.dxss-bt-sdd,
1095
- .dxss-h.dxss-bt-dbl,
1096
- .dxss-h.dxss-bt-tk {
1097
- border-left-style: none;
727
+ .dxss-icon-FormatAsTable:before {
728
+ content: "";
1098
729
  }
1099
- .dxss-supportFrame
1100
- {
1101
- top: -100px;
1102
- left: -100px;
1103
- overflow: hidden;
1104
- position: absolute;
1105
- border-style: none;
730
+
731
+ .dxss-icon-Redo:before {
732
+ content: "";
1106
733
  }
1107
- .dxss-hlh
1108
- {
1109
- background-color: #e1e1e1;
734
+
735
+ .dxss-icon-Undo:before {
736
+ content: "";
1110
737
  }
1111
- .dxssControlSys .dxm-disabled .dxm-pImage
1112
- {
1113
- opacity: 0.2;
738
+
739
+ .dxss-icon-ChartGroupArea:before {
740
+ content: "";
1114
741
  }
1115
- .dxss-ch-container {
1116
- display: inline-block;
1117
- vertical-align: middle;
1118
- line-height: 120%;
742
+
743
+ .dxss-icon-ChartGroupBar:before {
744
+ content: "";
1119
745
  }
1120
- .dxss-ch-container .dxss-ch-text {
1121
- font-weight: 700;
746
+
747
+ .dxss-icon-ChartGroupColumn:before {
748
+ content: "";
1122
749
  }
1123
- /*Tab sample strip control*/
1124
- .dxssControlSys .dxtc-bottom .dxss-tcer
1125
- {
1126
- display: none;
750
+
751
+ .dxss-icon-ChartGroupLine:before {
752
+ content: "";
1127
753
  }
1128
- /* Cell Editing */
1129
- .dxssControlSys .dxss-inputTarget {
1130
- padding: 0;
1131
- outline: none;
1132
- height: 0;
1133
- width: 0;
1134
- left: 0;
1135
- top: 0;
1136
- position: absolute;
1137
- z-index: 1000;
754
+
755
+ .dxss-icon-ChartGroupOther:before {
756
+ content: "";
1138
757
  }
1139
- .dxssControlSys.icbem .dxss-inputTarget {
1140
- border: 2px solid #7493C0;
758
+
759
+ .dxss-icon-ChartGroupPie:before {
760
+ content: "";
1141
761
  }
1142
- .dxssControlSys.fbem .dxss-inputTarget {
1143
- border: none;
762
+
763
+ .dxss-icon-ChartGroupScatter:before {
764
+ content: "";
1144
765
  }
1145
- .dxssControlSys.nem .dxss-inputTarget {
1146
- width: 0!important;
1147
- height: 0!important;
1148
- border: 0!important;
766
+
767
+ .dxss-icon-CreateArea3DChart:before {
768
+ content: "";
1149
769
  }
1150
- .dxss-vfbe,
1151
- .dxss-hfbe {
1152
- position: absolute;
1153
- z-index: 1;
1154
- background-color: #818181;
1155
- pointer-events: none;
770
+
771
+ .dxss-icon-CreateAreaChart:before {
772
+ content: "";
1156
773
  }
1157
- .dxss-ast {
1158
- width: 30px;
774
+
775
+ .dxss-icon-CreateBar3DChart:before {
776
+ content: "";
1159
777
  }
1160
- .dxss-ast-circle {
1161
- width: 16px;
1162
- height: 16px;
1163
778
 
1164
- box-sizing: border-box;
1165
- margin-top: 4px;
1166
- margin-left: 10px;
779
+ .dxss-icon-CreateBarChart:before {
780
+ content: "";
1167
781
  }
1168
- .dxss-ast-btn {
1169
- position: relative;
1170
- width: 16px;
1171
- height: 16px;
1172
- margin-top: 3px;
1173
- margin-left: 3px;
782
+
783
+ .dxss-icon-CreateBubble3DChart:before {
784
+ content: "";
1174
785
  }
1175
- .dxss-ast-btn:before,
1176
- .dxss-ast-btn:after {
1177
- content: "";
1178
- position: absolute;
1179
- transition: transform 0.25s ease-out;
786
+
787
+ .dxss-icon-CreateBubbleChart:before {
788
+ content: "";
1180
789
  }
1181
- .dxss-ast-btn:before {
1182
- top: 0;
1183
- left: 50%;
1184
- width: 2px;
1185
- height: 100%;
1186
- margin-left: -1px;
790
+
791
+ .dxss-icon-CreateConeBar3DChart:before {
792
+ content: "";
1187
793
  }
1188
- .dxss-ast-btn:after {
1189
- top: 50%;
1190
- left: 0;
1191
- width: 100%;
1192
- height: 2px;
1193
- margin-top: -1px;
794
+
795
+ .dxss-icon-CreateConeFullStackedBar3DChart:before {
796
+ content: "";
1194
797
  }
1195
798
 
1196
- /* bootstrap fix */
1197
- .dxss-ctve,
1198
- .dxss-inputTarget,
1199
- .dxss-case,
1200
- .dxss-rrbe,
1201
- .dxss-trbe,
1202
- .dxss-brbe,
1203
- .dxss-lrbe,
1204
- .dxss-cdse,
1205
- .dxss-dbse,
1206
- .dxss-fh,
1207
- .dxss-ddb
1208
- {
1209
- -webkit-box-sizing: content-box;
1210
- -moz-box-sizing: content-box;
1211
- box-sizing: content-box;
1212
- }
1213
- @charset "UTF-8";
1214
- .dx-ribbon .dx-toolbar .dx-toolbar-items-container {
1215
- padding-top: 5px;
1216
- padding-bottom: 5px;
1217
- box-sizing: content-box;
799
+ .dxss-icon-CreateConeManhattanBarChart:before {
800
+ content: "";
1218
801
  }
1219
802
 
1220
- .dx-ribbon .dx-tab-text {
1221
- font-weight: 500;
803
+ .dxss-icon-CreateConeStackedBar3DChart:before {
804
+ content: "";
1222
805
  }
1223
806
 
1224
- .dx-ribbon .dx-texteditor.dx-editor-filled,
1225
- .dx-toolbar-menu-section .dx-texteditor.dx-editor-filled {
1226
- background-color: transparent;
807
+ .dxss-icon-CreateCylinderBar3DChart:before {
808
+ content: "";
1227
809
  }
1228
810
 
1229
- .dx-ribbon .dx-toolbar .dx-toolbar-items-container .dx-numberbox {
1230
- box-sizing: border-box;
1231
- padding-left: 8px;
1232
- padding-right: 8px;
811
+ .dxss-icon-CreateCylinderFullStackedBar3DChart:before {
812
+ content: "";
1233
813
  }
1234
814
 
1235
- .dx-ribbon .dx-tabs {
1236
- border-width: 0;
1237
- }
1238
- .dx-ribbon .dx-multiview-wrapper {
1239
- border-left-width: 0;
1240
- border-right-width: 0;
1241
- }
1242
- .dx-ribbon.dx-tabpanel[class*="generic."] > .dx-tabpanel-tabs > .dx-tabs > .dx-tabs-wrapper, .dx-ribbon.dx-tabpanel[class*="generic."] > .dx-tabpanel-tabs > .dx-tabs > .dx-tabs-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-tabs-wrapper {
1243
- border-block-start: none;
1244
- -webkit-border-before: none;
1245
- }
1246
- .dx-ribbon.dx-tabpanel[class*="generic."] > .dx-tabpanel-tabs > .dx-tabs > .dx-tabs-wrapper::after, .dx-ribbon.dx-tabpanel[class*="generic."] > .dx-tabpanel-tabs > .dx-tabs > .dx-tabs-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-tabs-wrapper::after {
1247
- border-inline-start: none;
1248
- -webkit-border-start: none;
1249
- border-inline-end: none;
1250
- -webkit-border-end: none;
1251
- }
1252
- .dx-ribbon.dx-tabpanel[class*="generic."] > .dx-tabpanel-tabs > .dx-tabs > .dx-tabs-nav-button {
1253
- border-left-width: 0;
1254
- border-right-width: 0;
1255
- border-top-width: 0;
815
+ .dxss-icon-CreateCylinderManhattanBarChart:before {
816
+ content: "";
1256
817
  }
1257
818
 
1258
- .dx-ribbon .dx-toolbar .dx-toolbar-item {
1259
- padding: 0;
819
+ .dxss-icon-CreateCylinderStackedBar3DChart:before {
820
+ content: "";
1260
821
  }
1261
822
 
1262
- .dx-ribbon .dx-toolbar-item .dx-button {
1263
- margin-left: 1px;
1264
- margin-right: 1px;
823
+ .dxss-icon-CreateDoughnutChart:before {
824
+ content: "";
1265
825
  }
1266
826
 
1267
- .dx-ribbon .dx-toolbar-item .dx-selectbox {
1268
- margin: 0 6px;
827
+ .dxss-icon-CreateExplodedDoughnutChart:before {
828
+ content: "";
1269
829
  }
1270
830
 
1271
- .dx-ribbon .dx-toolbar-before {
1272
- padding-left: 8px;
831
+ .dxss-icon-CreateExplodedPie3DChart:before {
832
+ content: "";
1273
833
  }
1274
834
 
1275
- .dx-ribbon .dx-r-separator,
1276
- .dx-toolbar-menu-section .dx-r-separator {
1277
- border-style: solid;
1278
- border-width: 0;
835
+ .dxss-icon-CreateExplodedPieChart:before {
836
+ content: "";
1279
837
  }
1280
838
 
1281
- .dx-ribbon .dx-r-separator-container {
1282
- height: 2.6em;
839
+ .dxss-icon-CreateFullStackedArea3DChart:before {
840
+ content: "";
1283
841
  }
1284
842
 
1285
- .dx-ribbon .dx-r-separator {
1286
- margin: 0 7px 0 8px;
1287
- border-right-width: 1px;
1288
- height: 100%;
843
+ .dxss-icon-CreateFullStackedAreaChart:before {
844
+ content: "";
1289
845
  }
1290
846
 
1291
- .dx-toolbar-menu-section .dx-r-separator {
1292
- margin: 0 -16px 0 -16px;
1293
- border-bottom-width: 1px;
1294
- height: 0;
847
+ .dxss-icon-CreateFullStackedBar3DChart:before {
848
+ content: "";
1295
849
  }
1296
850
 
1297
- .dx-ribbon-item.dx-colorbox .dx-colorbox-color-result-preview {
1298
- cursor: pointer;
851
+ .dxss-icon-CreateFullStackedBarChart:before {
852
+ content: "";
1299
853
  }
1300
854
 
1301
- .dx-toolbar-menu-section .dx-ribbon-item.dx-numberbox,
1302
- .dx-toolbar-menu-section .dx-ribbon-item.dx-colorbox,
1303
- .dx-toolbar-menu-section .dx-ribbon-item.dx-selectbox,
1304
- .dx-toolbar-menu-section .dx-ribbon-item .dx-menu-items-container,
1305
- .dx-toolbar-menu-section .dx-ribbon-item .dx-menu-items-container .dx-menu-item-wrapper {
1306
- width: 100% !important;
855
+ .dxss-icon-CreateFullStackedLineChart:before {
856
+ content: "";
1307
857
  }
1308
858
 
1309
- .dx-ribbon .dx-menu .dx-menu-item .dx-menu-item-content {
1310
- padding-right: 8px;
1311
- padding-left: 8px;
859
+ .dxss-icon-CreateFullStackedLineChartNoMarkers:before {
860
+ content: "";
1312
861
  }
1313
862
 
1314
- .dx-ribbon[class*=material] .dx-menu-base.dx-ribbon-item :not(.dx-submenu) .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
1315
- text-transform: uppercase;
1316
- font-weight: 500;
1317
- }
1318
- .dx-ribbon[class*=material] .dx-dropdowneditor.dx-editor-filled::after {
1319
- border-bottom-color: transparent;
1320
- }
1321
- .dx-ribbon[class*=material] .dx-menu-item-content {
1322
- display: flex;
1323
- align-items: center;
1324
- }
1325
- .dx-ribbon[class*=material][class*=compact] .dx-menu-base .dx-icon {
1326
- font-size: 16px;
1327
- }
1328
- .dx-ribbon[class*=material]:not([class*=compact]) .dx-menu-base .dx-icon {
1329
- font-size: 18px;
863
+ .dxss-icon-CreateLine3DChart:before {
864
+ content: "";
1330
865
  }
1331
866
 
1332
- .dx-ribbon .dx-menu-base.dx-ribbon-item.dx-showTextInMenu :not(.dx-submenu) .dx-menu-item .dx-menu-item-content .dx-menu-item-text, .dx-ribbon .dx-menu-base.dx-ribbon-item.dx-showTextInMenu :not(.dx-submenu) .dx-menu-item .dx-menu-item-content .dx-menu-item-popout:before {
1333
- display: none;
867
+ .dxss-icon-CreateLineChart:before {
868
+ content: "";
1334
869
  }
1335
870
 
1336
- .dx-toolbar-menu-section .dx-menu-base.dx-ribbon-item.dx-showTextInMenu :not(.dx-submenu) .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
1337
- display: inline;
871
+ .dxss-icon-CreateLineChartNoMarkers:before {
872
+ content: "";
1338
873
  }
1339
874
 
1340
- .dx-menu.dx-ribbon-item .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
1341
- margin-right: 12px;
875
+ .dxss-icon-CreateManhattanBarChart:before {
876
+ content: "";
1342
877
  }
1343
878
 
1344
- .dx-ribbon .dx-menu.dx-ribbon-item.dx-showTextInMenu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
1345
- margin-right: 0;
879
+ .dxss-icon-CreatePie3DChart:before {
880
+ content: "";
1346
881
  }
1347
882
 
1348
- .dx-ribbon .dx-toolbar-menu-container .dx-dropdownmenu-button {
1349
- margin-right: 10px;
1350
- border-width: 0;
883
+ .dxss-icon-CreatePieChart:before {
884
+ content: "";
1351
885
  }
1352
886
 
1353
- .dx-ribbon input.dx-colorbox-input {
1354
- color: transparent;
1355
- user-select: none;
887
+ .dxss-icon-CreatePyramidBar3DChart:before {
888
+ content: "";
1356
889
  }
1357
890
 
1358
- @font-face {
1359
- font-family: "dxss-icons";
1360
- src: url("./icons/dxss-icons.woff2") format("woff2"), url("./icons/dxss-icons.woff") format("woff"), url("./icons/dxss-icons.ttf") format("truetype");
1361
- }
1362
- .dxss-icon-UnfreezePanes:before, .dxss-icon-FreezeTopRow:before, .dxss-icon-FreezePanes:before, .dxss-icon-FreezeFirstColumn:before, .dxss-icon-FullScreen:before, .dxss-icon-TableConvertToRange:before, .dxss-icon-ShowHideComment:before, .dxss-icon-InsertComment:before, .dxss-icon-EditComment:before, .dxss-icon-DeleteComment:before, .dxss-icon-InsertTable:before, .dxss-icon-Hyperlink:before, .dxss-icon-InsertFloatingObjectImage:before, .dxss-icon-PivotTable:before, .dxss-icon-CreateStockChartVolumeOpenHighLowClose:before, .dxss-icon-CreateStockChartVolumeHighLowClose:before, .dxss-icon-CreateStockChartOpenHighLowClose:before, .dxss-icon-CreateStockChartHighLowClose:before, .dxss-icon-CreateStackedLineChartNoMarkers:before, .dxss-icon-CreateStackedLineChart:before, .dxss-icon-CreateStackedBarChart:before, .dxss-icon-CreateStackedBar3DChart:before, .dxss-icon-CreateStackedAreaChart:before, .dxss-icon-CreateStackedArea3DChart:before, .dxss-icon-CreateScatterChartSmoothLinesAndMarkers:before, .dxss-icon-CreateScatterChartSmoothLines:before, .dxss-icon-CreateScatterChartMarkersOnly:before, .dxss-icon-CreateScatterChartLinesAndMarkers:before, .dxss-icon-CreateScatterChartLines:before, .dxss-icon-CreateRotatedStackedPyramidBar3DChart:before, .dxss-icon-CreateRotatedStackedCylinderBar3DChart:before, .dxss-icon-CreateRotatedStackedConeBar3DChart:before, .dxss-icon-CreateRotatedStackedBarChart:before, .dxss-icon-CreateRotatedStackedBar3DChart:before, .dxss-icon-CreateRotatedPyramidBar3DChart:before, .dxss-icon-CreateRotatedFullStackedPyramidBar3DChart:before, .dxss-icon-CreateRotatedFullStackedCylinderBar3DChart:before, .dxss-icon-CreateRotatedFullStackedConeBar3DChart:before, .dxss-icon-CreateRotatedFullStackedBarChart:before, .dxss-icon-CreateRotatedFullStackedBar3DChart:before, .dxss-icon-CreateRotatedCylinderBar3DChart:before, .dxss-icon-CreateRotatedConeBar3DChart:before, .dxss-icon-CreateRotatedBarChart:before, .dxss-icon-CreateRotatedBar3DChart:before, .dxss-icon-CreateRadarLineChartNoMarkers:before, .dxss-icon-CreateRadarLineChartFilled:before, .dxss-icon-CreateRadarLineChart:before, .dxss-icon-CreatePyramidStackedBar3DChart:before, .dxss-icon-CreatePyramidManhattanBarChart:before, .dxss-icon-CreatePyramidFullStackedBar3DChart:before, .dxss-icon-CreatePyramidBar3DChart:before, .dxss-icon-CreatePieChart:before, .dxss-icon-CreatePie3DChart:before, .dxss-icon-CreateManhattanBarChart:before, .dxss-icon-CreateLineChartNoMarkers:before, .dxss-icon-CreateLineChart:before, .dxss-icon-CreateLine3DChart:before, .dxss-icon-CreateFullStackedLineChartNoMarkers:before, .dxss-icon-CreateFullStackedLineChart:before, .dxss-icon-CreateFullStackedBarChart:before, .dxss-icon-CreateFullStackedBar3DChart:before, .dxss-icon-CreateFullStackedAreaChart:before, .dxss-icon-CreateFullStackedArea3DChart:before, .dxss-icon-CreateExplodedPieChart:before, .dxss-icon-CreateExplodedPie3DChart:before, .dxss-icon-CreateExplodedDoughnutChart:before, .dxss-icon-CreateDoughnutChart:before, .dxss-icon-CreateCylinderStackedBar3DChart:before, .dxss-icon-CreateCylinderManhattanBarChart:before, .dxss-icon-CreateCylinderFullStackedBar3DChart:before, .dxss-icon-CreateCylinderBar3DChart:before, .dxss-icon-CreateConeStackedBar3DChart:before, .dxss-icon-CreateConeManhattanBarChart:before, .dxss-icon-CreateConeFullStackedBar3DChart:before, .dxss-icon-CreateConeBar3DChart:before, .dxss-icon-CreateBubbleChart:before, .dxss-icon-CreateBubble3DChart:before, .dxss-icon-CreateBarChart:before, .dxss-icon-CreateBar3DChart:before, .dxss-icon-CreateAreaChart:before, .dxss-icon-CreateArea3DChart:before, .dxss-icon-ChartGroupScatter:before, .dxss-icon-ChartGroupPie:before, .dxss-icon-ChartGroupOther:before, .dxss-icon-ChartGroupLine:before, .dxss-icon-ChartGroupColumn:before, .dxss-icon-ChartGroupBar:before, .dxss-icon-ChartGroupArea:before, .dxss-icon-Undo:before, .dxss-icon-Redo:before, .dxss-icon-FormatAsTable:before, .dxss-icon-PrintDialog:before, .dxss-icon-FormatNumberPercent:before, .dxss-icon-FormatNumberIncreaseDecimal:before, .dxss-icon-FormatNumberDecreaseDecimal:before, .dxss-icon-FormatNumberCurrency:before, .dxss-icon-FormatNumberCommaStyle:before, .dxss-icon-Underline:before, .dxss-icon-Strikeout:before, .dxss-icon-LineColor:before, .dxss-icon-Italic:before, .dxss-icon-FontSizeIncrease:before, .dxss-icon-FontSizeDecrease:before, .dxss-icon-FontColor:before, .dxss-icon-FillBackground:before, .dxss-icon-BorderTopAndBottomThick:before, .dxss-icon-BorderTopAndBottom:before, .dxss-icon-BorderTop:before, .dxss-icon-BordersOutsideThick:before, .dxss-icon-BordersOutside:before, .dxss-icon-BordersAll:before, .dxss-icon-BorderRight:before, .dxss-icon-BorderNone:before, .dxss-icon-BorderLineStyle:before, .dxss-icon-BorderLeft:before, .dxss-icon-BorderBottomThick:before, .dxss-icon-BorderBottom:before, .dxss-icon-Bold:before, .dxss-icon-SortDesc:before, .dxss-icon-SortAsc:before, .dxss-icon-SortAndFilter:before, .dxss-icon-FormatCells:before, .dxss-icon-Find:before, .dxss-icon-EditingFillUp:before, .dxss-icon-EditingFillRight:before, .dxss-icon-EditingFillLeft:before, .dxss-icon-EditingFillDown:before, .dxss-icon-Delete_Hyperlink:before, .dxss-icon-ClearFormats:before, .dxss-icon-ClearAll:before, .dxss-icon-Paste:before, .dxss-icon-Cut:before, .dxss-icon-Copy:before, .dxss-icon-RemoveSheetRows:before, .dxss-icon-RemoveSheetColumns:before, .dxss-icon-RemoveSheet:before, .dxss-icon-RemoveCellsCommandGroup:before, .dxss-icon-InsertSheetRows:before, .dxss-icon-InsertSheetColumns:before, .dxss-icon-InsertSheet:before, .dxss-icon-InsertCellsCommandGroup:before, .dxss-icon-Format:before, .dxss-icon-IndentIncrease:before, .dxss-icon-IndentDecrease:before, .dxss-icon-FormatWrapText:before, .dxss-icon-EditingUnmergeCells:before, .dxss-icon-EditingMergeCellsAcross:before, .dxss-icon-EditingMergeCells:before, .dxss-icon-EditingMergeAndCenterCells:before, .dxss-icon-AlignTopCenter:before, .dxss-icon-AlignRight:before, .dxss-icon-AlignMiddleCenter:before, .dxss-icon-AlignLeft:before, .dxss-icon-AlignCenter:before, .dxss-icon-AlignBottomCenter:before, .dxss-icon-FunctionSum:before, .dxss-icon-FunctionsText:before, .dxss-icon-FunctionsStatistical:before, .dxss-icon-FunctionsMore:before, .dxss-icon-FunctionsMathAndTrigonometry:before, .dxss-icon-FunctionsLookupAndReference:before, .dxss-icon-FunctionsLogical:before, .dxss-icon-FunctionsInformation:before, .dxss-icon-FunctionsFinancial:before, .dxss-icon-FunctionsEngineering:before, .dxss-icon-FunctionsDateAndTime:before, .dxss-icon-FunctionsCompatibility:before, .dxss-icon-CalculationOptions:before, .dxss-icon-CalculateSheet:before, .dxss-icon-CalculateNow:before, .dxss-icon-ReapplyFilter:before, .dxss-icon-Filter:before, .dxss-icon-ClearFilter:before, .dxss-icon-DataValidation:before, .dxss-icon-ClearValidationCircles:before, .dxss-icon-CircleInvalidData:before, .dxss-icon-ChartTitleNone:before, .dxss-icon-ChartTitleGroup:before, .dxss-icon-ChartTitleCenteredOverlay:before, .dxss-icon-ChartTitleAbove:before, .dxss-icon-ChartLegend_Top:before, .dxss-icon-ChartLegend_RightOverlay:before, .dxss-icon-ChartLegend_Right:before, .dxss-icon-ChartLegend_None:before, .dxss-icon-ChartLegend_LeftOverlay:before, .dxss-icon-ChartLegend_Left:before, .dxss-icon-ChartLegend_Bottom:before, .dxss-icon-ChartLabels_OutsideEnd:before, .dxss-icon-ChartLabels_None:before, .dxss-icon-ChartLabels_InsideEnd:before, .dxss-icon-ChartLabels_InsideCenter:before, .dxss-icon-ChartLabels_InsideBase:before, .dxss-icon-ChartAxisTitleVertical_VerticalText:before, .dxss-icon-ChartAxisTitleVertical_RotatedText:before, .dxss-icon-ChartAxisTitleVertical_None:before, .dxss-icon-ChartAxisTitleVertical_HorizonlalText:before, .dxss-icon-ChartAxisTitleVertical:before, .dxss-icon-ChartAxisTitleHorizontal_None:before, .dxss-icon-ChartAxisTitleHorizontal:before, .dxss-icon-ChartAxisTitleGroup:before, .dxss-icon-ChartVerticalAxis_Thousands:before, .dxss-icon-ChartVerticalAxis_None:before, .dxss-icon-ChartVerticalAxis_Millions:before, .dxss-icon-ChartVerticalAxis_LogScale:before, .dxss-icon-ChartVerticalAxis_Default:before, .dxss-icon-ChartVerticalAxis_Billions:before, .dxss-icon-ChartUpDownBars_None:before, .dxss-icon-ChartHorizontalAxis_WithoutLabeling:before, .dxss-icon-ChartHorizontalAxis_RightToLeft:before, .dxss-icon-ChartHorizontalAxis_None:before, .dxss-icon-ChartHorizontalAxis_LeftToRight:before, .dxss-icon-ChartHorizontalAxis_Default:before, .dxss-icon-ChartGridlinesVertical_None:before, .dxss-icon-ChartGridlinesVertical_Minor:before, .dxss-icon-ChartGridlinesVertical_MajorMinor:before, .dxss-icon-ChartGridlinesVertical_Major:before, .dxss-icon-ChartGridlinesHorizontal_None:before, .dxss-icon-ChartGridlinesHorizontal_Minor:before, .dxss-icon-ChartGridlinesHorizontal_MajorMinor:before, .dxss-icon-ChartGridlinesHorizontal_Major:before, .dxss-icon-ChartGridlines:before, .dxss-icon-ChartAxesGroup:before, .dxss-icon-FloatingObjectSendToBack:before, .dxss-icon-FloatingObjectSendBackward:before, .dxss-icon-FloatingObjectBringToFront:before, .dxss-icon-FloatingObjectBringForward:before, .dxss-icon-ChartSwitchRowColumn:before, .dxss-icon-ChartSelectData:before, .dxss-icon-ChartChangeType:before, .dxss-icon-ChartChangeStyle:before, .dxss-icon-ChartChangeLayout:before {
1363
- font-family: "dxss-icons";
1364
- -webkit-font-smoothing: antialiased;
1365
- -moz-osx-font-smoothing: grayscale;
1366
- font-style: normal;
1367
- font-variant: normal;
1368
- font-weight: normal;
1369
- text-decoration: none;
1370
- text-transform: none;
891
+ .dxss-icon-CreatePyramidFullStackedBar3DChart:before {
892
+ content: "";
1371
893
  }
1372
894
 
1373
- .dxss-icon-ChartChangeLayout:before {
1374
- content: "";
895
+ .dxss-icon-CreatePyramidManhattanBarChart:before {
896
+ content: "";
1375
897
  }
1376
898
 
1377
- .dxss-icon-ChartChangeStyle:before {
1378
- content: "";
899
+ .dxss-icon-CreatePyramidStackedBar3DChart:before {
900
+ content: "";
1379
901
  }
1380
902
 
1381
- .dxss-icon-ChartChangeType:before {
1382
- content: "";
903
+ .dxss-icon-CreateRadarLineChart:before {
904
+ content: "";
1383
905
  }
1384
906
 
1385
- .dxss-icon-ChartSelectData:before {
1386
- content: "";
907
+ .dxss-icon-CreateRadarLineChartFilled:before {
908
+ content: "";
1387
909
  }
1388
910
 
1389
- .dxss-icon-ChartSwitchRowColumn:before {
1390
- content: "";
911
+ .dxss-icon-CreateRadarLineChartNoMarkers:before {
912
+ content: "";
1391
913
  }
1392
914
 
1393
- .dxss-icon-FloatingObjectBringForward:before {
1394
- content: "";
915
+ .dxss-icon-CreateRotatedBar3DChart:before {
916
+ content: "";
1395
917
  }
1396
918
 
1397
- .dxss-icon-FloatingObjectBringToFront:before {
1398
- content: "";
919
+ .dxss-icon-CreateRotatedBarChart:before {
920
+ content: "";
1399
921
  }
1400
922
 
1401
- .dxss-icon-FloatingObjectSendBackward:before {
1402
- content: "";
923
+ .dxss-icon-CreateRotatedConeBar3DChart:before {
924
+ content: "";
1403
925
  }
1404
926
 
1405
- .dxss-icon-FloatingObjectSendToBack:before {
1406
- content: "";
927
+ .dxss-icon-CreateRotatedCylinderBar3DChart:before {
928
+ content: "";
1407
929
  }
1408
930
 
1409
- .dxss-icon-ChartAxesGroup:before {
1410
- content: "";
931
+ .dxss-icon-CreateRotatedFullStackedBar3DChart:before {
932
+ content: "";
1411
933
  }
1412
934
 
1413
- .dxss-icon-ChartGridlines:before {
1414
- content: "";
935
+ .dxss-icon-CreateRotatedFullStackedBarChart:before {
936
+ content: "";
1415
937
  }
1416
938
 
1417
- .dxss-icon-ChartGridlinesHorizontal_Major:before {
1418
- content: "";
939
+ .dxss-icon-CreateRotatedFullStackedConeBar3DChart:before {
940
+ content: "";
1419
941
  }
1420
942
 
1421
- .dxss-icon-ChartGridlinesHorizontal_MajorMinor:before {
1422
- content: "";
943
+ .dxss-icon-CreateRotatedFullStackedCylinderBar3DChart:before {
944
+ content: "";
1423
945
  }
1424
946
 
1425
- .dxss-icon-ChartGridlinesHorizontal_Minor:before {
1426
- content: "";
947
+ .dxss-icon-CreateRotatedFullStackedPyramidBar3DChart:before {
948
+ content: "";
1427
949
  }
1428
950
 
1429
- .dxss-icon-ChartGridlinesHorizontal_None:before {
1430
- content: "";
951
+ .dxss-icon-CreateRotatedPyramidBar3DChart:before {
952
+ content: "";
1431
953
  }
1432
954
 
1433
- .dxss-icon-ChartGridlinesVertical_Major:before {
1434
- content: "";
955
+ .dxss-icon-CreateRotatedStackedBar3DChart:before {
956
+ content: "";
1435
957
  }
1436
958
 
1437
- .dxss-icon-ChartGridlinesVertical_MajorMinor:before {
1438
- content: "";
959
+ .dxss-icon-CreateRotatedStackedBarChart:before {
960
+ content: "";
1439
961
  }
1440
962
 
1441
- .dxss-icon-ChartGridlinesVertical_Minor:before {
1442
- content: "";
963
+ .dxss-icon-CreateRotatedStackedConeBar3DChart:before {
964
+ content: "";
1443
965
  }
1444
966
 
1445
- .dxss-icon-ChartGridlinesVertical_None:before {
1446
- content: "";
967
+ .dxss-icon-CreateRotatedStackedCylinderBar3DChart:before {
968
+ content: "";
1447
969
  }
1448
970
 
1449
- .dxss-icon-ChartHorizontalAxis_Default:before {
1450
- content: "";
971
+ .dxss-icon-CreateRotatedStackedPyramidBar3DChart:before {
972
+ content: "";
1451
973
  }
1452
974
 
1453
- .dxss-icon-ChartHorizontalAxis_LeftToRight:before {
1454
- content: "";
975
+ .dxss-icon-CreateScatterChartLines:before {
976
+ content: "";
1455
977
  }
1456
978
 
1457
- .dxss-icon-ChartHorizontalAxis_None:before {
1458
- content: "";
979
+ .dxss-icon-CreateScatterChartLinesAndMarkers:before {
980
+ content: "";
1459
981
  }
1460
982
 
1461
- .dxss-icon-ChartHorizontalAxis_RightToLeft:before {
1462
- content: "";
983
+ .dxss-icon-CreateScatterChartMarkersOnly:before {
984
+ content: "";
1463
985
  }
1464
986
 
1465
- .dxss-icon-ChartHorizontalAxis_WithoutLabeling:before {
1466
- content: "";
987
+ .dxss-icon-CreateScatterChartSmoothLines:before {
988
+ content: "";
1467
989
  }
1468
990
 
1469
- .dxss-icon-ChartUpDownBars_None:before {
1470
- content: "";
991
+ .dxss-icon-CreateScatterChartSmoothLinesAndMarkers:before {
992
+ content: "";
1471
993
  }
1472
994
 
1473
- .dxss-icon-ChartVerticalAxis_Billions:before {
1474
- content: "";
995
+ .dxss-icon-CreateStackedArea3DChart:before {
996
+ content: "";
1475
997
  }
1476
998
 
1477
- .dxss-icon-ChartVerticalAxis_Default:before {
1478
- content: "";
999
+ .dxss-icon-CreateStackedAreaChart:before {
1000
+ content: "";
1479
1001
  }
1480
1002
 
1481
- .dxss-icon-ChartVerticalAxis_LogScale:before {
1482
- content: "";
1003
+ .dxss-icon-CreateStackedBar3DChart:before {
1004
+ content: "";
1483
1005
  }
1484
1006
 
1485
- .dxss-icon-ChartVerticalAxis_Millions:before {
1486
- content: "";
1007
+ .dxss-icon-CreateStackedBarChart:before {
1008
+ content: "";
1487
1009
  }
1488
1010
 
1489
- .dxss-icon-ChartVerticalAxis_None:before {
1490
- content: "";
1011
+ .dxss-icon-CreateStackedLineChart:before {
1012
+ content: "";
1491
1013
  }
1492
1014
 
1493
- .dxss-icon-ChartVerticalAxis_Thousands:before {
1494
- content: "";
1015
+ .dxss-icon-CreateStackedLineChartNoMarkers:before {
1016
+ content: "";
1495
1017
  }
1496
1018
 
1497
- .dxss-icon-ChartAxisTitleGroup:before {
1498
- content: "";
1019
+ .dxss-icon-CreateStockChartHighLowClose:before {
1020
+ content: "";
1499
1021
  }
1500
1022
 
1501
- .dxss-icon-ChartAxisTitleHorizontal:before {
1502
- content: "";
1023
+ .dxss-icon-CreateStockChartOpenHighLowClose:before {
1024
+ content: "";
1503
1025
  }
1504
1026
 
1505
- .dxss-icon-ChartAxisTitleHorizontal_None:before {
1506
- content: "";
1027
+ .dxss-icon-CreateStockChartVolumeHighLowClose:before {
1028
+ content: "";
1507
1029
  }
1508
1030
 
1509
- .dxss-icon-ChartAxisTitleVertical:before {
1510
- content: "";
1031
+ .dxss-icon-CreateStockChartVolumeOpenHighLowClose:before {
1032
+ content: "";
1511
1033
  }
1512
1034
 
1513
- .dxss-icon-ChartAxisTitleVertical_HorizonlalText:before {
1514
- content: "";
1035
+ .dxss-icon-PivotTable:before {
1036
+ content: "";
1515
1037
  }
1516
1038
 
1517
- .dxss-icon-ChartAxisTitleVertical_None:before {
1518
- content: "";
1039
+ .dxss-icon-InsertFloatingObjectImage:before {
1040
+ content: "";
1519
1041
  }
1520
1042
 
1521
- .dxss-icon-ChartAxisTitleVertical_RotatedText:before {
1522
- content: "";
1043
+ .dxss-icon-Hyperlink:before {
1044
+ content: "";
1523
1045
  }
1524
1046
 
1525
- .dxss-icon-ChartAxisTitleVertical_VerticalText:before {
1526
- content: "";
1047
+ .dxss-icon-InsertTable:before {
1048
+ content: "";
1527
1049
  }
1528
1050
 
1529
- .dxss-icon-ChartLabels_InsideBase:before {
1530
- content: "";
1051
+ .dxss-icon-DeleteComment:before {
1052
+ content: "";
1531
1053
  }
1532
1054
 
1533
- .dxss-icon-ChartLabels_InsideCenter:before {
1534
- content: "";
1055
+ .dxss-icon-EditComment:before {
1056
+ content: "";
1535
1057
  }
1536
1058
 
1537
- .dxss-icon-ChartLabels_InsideEnd:before {
1538
- content: "";
1059
+ .dxss-icon-InsertComment:before {
1060
+ content: "";
1539
1061
  }
1540
1062
 
1541
- .dxss-icon-ChartLabels_None:before {
1542
- content: "";
1063
+ .dxss-icon-ShowHideComment:before {
1064
+ content: "";
1543
1065
  }
1544
1066
 
1545
- .dxss-icon-ChartLabels_OutsideEnd:before {
1546
- content: "";
1067
+ .dxss-icon-TableConvertToRange:before {
1068
+ content: "";
1547
1069
  }
1548
1070
 
1549
- .dxss-icon-ChartLegend_Bottom:before {
1550
- content: "";
1071
+ .dxss-icon-FullScreen:before {
1072
+ content: "";
1551
1073
  }
1552
1074
 
1553
- .dxss-icon-ChartLegend_Left:before {
1554
- content: "";
1075
+ .dxss-icon-FreezeFirstColumn:before {
1076
+ content: "";
1555
1077
  }
1556
1078
 
1557
- .dxss-icon-ChartLegend_LeftOverlay:before {
1558
- content: "";
1079
+ .dxss-icon-FreezePanes:before {
1080
+ content: "";
1559
1081
  }
1560
1082
 
1561
- .dxss-icon-ChartLegend_None:before {
1562
- content: "";
1083
+ .dxss-icon-FreezeTopRow:before {
1084
+ content: "";
1563
1085
  }
1564
1086
 
1565
- .dxss-icon-ChartLegend_Right:before {
1566
- content: "";
1087
+ .dxss-icon-UnfreezePanes:before {
1088
+ content: "";
1089
+ }
1090
+ /*Main container*/
1091
+ .dxssControlSys {
1092
+ width: 1000px;
1093
+ height: 500px;
1094
+ min-height: 300px;
1095
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
1096
+ -webkit-touch-callout: none;
1097
+ -webkit-user-select: none;
1098
+ -khtml-user-select: none;
1099
+ -moz-user-select: none;
1100
+ user-select: none;
1101
+ -ms-user-select: none;
1102
+ -ms-touch-action: pinch-zoom;
1103
+ -moz-box-sizing: border-box;
1104
+ -webkit-box-sizing: border-box;
1105
+ box-sizing: border-box;
1106
+ background-color: white;
1567
1107
  }
1568
-
1569
- .dxss-icon-ChartLegend_RightOverlay:before {
1570
- content: "";
1108
+ .dxssControlSys .dxrSys .dxm-item .dxm-content .dxalink:focus {
1109
+ outline: none;
1571
1110
  }
1572
-
1573
- .dxss-icon-ChartLegend_Top:before {
1574
- content: "";
1111
+ .dxss-rit {
1112
+ display: inline-table;
1575
1113
  }
1576
-
1577
- .dxss-icon-ChartTitleAbove:before {
1578
- content: "";
1114
+ .dxss-md,
1115
+ .dxss-sctb,
1116
+ .dxss-tb,
1117
+ .dxss-cctb {
1118
+ border-style: hidden!important;
1579
1119
  }
1580
1120
 
1581
- .dxss-icon-ChartTitleCenteredOverlay:before {
1582
- content: "";
1121
+ .dxss-fullscreen {
1122
+ left: 0 !important;
1123
+ position: fixed !important;
1124
+ border-top-width: 0 !important;
1125
+ border-left-width: 0 !important;
1126
+ border-right-width: 0 !important;
1127
+ border-bottom-width: 0 !important;
1583
1128
  }
1584
1129
 
1585
- .dxss-icon-ChartTitleGroup:before {
1586
- content: "";
1130
+ /* DX Spreadsheet Main Div */
1131
+ .dxss-md {
1132
+ position: relative;
1133
+ z-index: 0;
1134
+ -moz-box-sizing: border-box;
1135
+ -webkit-box-sizing: border-box;
1136
+ box-sizing: border-box;
1137
+ overflow: hidden;
1587
1138
  }
1588
1139
 
1589
- .dxss-icon-ChartTitleNone:before {
1590
- content: "";
1140
+ /* DX Spreadsheet Grid Row */
1141
+ .dxss-gr {
1142
+ position: absolute;
1143
+ z-index: 1;
1144
+ left: 0;
1145
+ width: 100%;
1146
+ height: 0;
1147
+ border-top: 1px solid #d4d4d4;
1591
1148
  }
1592
1149
 
1593
- .dxss-icon-CircleInvalidData:before {
1594
- content: "";
1150
+ /* DX Spreadsheet Single Cell Text Box */
1151
+ .dxss-sctb {
1152
+ position: absolute;
1153
+ z-index: 4;
1154
+ overflow: hidden;
1595
1155
  }
1596
1156
 
1597
- .dxss-icon-ClearValidationCircles:before {
1598
- content: "";
1157
+ /* DX Spreadsheet Complex Cell Text Box */
1158
+ .dxss-cctb {
1159
+ position: absolute;
1160
+ z-index: 4;
1161
+ overflow: hidden;
1599
1162
  }
1600
1163
 
1601
- .dxss-icon-DataValidation:before {
1602
- content: "";
1164
+ /* DX Spreadsheet Text Box Background only */
1165
+ .dxss-tbg {
1166
+ position: absolute;
1167
+ z-index: 3;
1603
1168
  }
1604
1169
 
1605
- .dxss-icon-ClearFilter:before {
1606
- content: "";
1170
+ /* DX Spreadsheet Drawing Box */
1171
+ .dxss-db {
1172
+ position: absolute;
1173
+ z-index: 9; /* To be above the selection and edition*/
1174
+ cursor: move;
1175
+ touch-action: none;
1607
1176
  }
1608
1177
 
1609
- .dxss-icon-Filter:before {
1610
- content: "";
1178
+ /* DX Spreadsheet Text Box content*/
1179
+ .dxss-tb {
1180
+ z-index: 5;
1181
+ white-space: pre;
1182
+ pointer-events: auto;
1611
1183
  }
1612
-
1613
- .dxss-icon-ReapplyFilter:before {
1614
- content: "";
1184
+ .dxss-tw {
1185
+ position: absolute;
1615
1186
  }
1616
-
1617
- .dxss-icon-CalculateNow:before {
1618
- content: "";
1187
+ /* DX Spreadsheet Fill Text Box Container*/
1188
+ .dxss-ftc {
1189
+ position: absolute;
1619
1190
  }
1620
-
1621
- .dxss-icon-CalculateSheet:before {
1622
- content: "";
1191
+ /* DX Spreadsheet Merged Cells */
1192
+ .dxss-mc {
1193
+ position: absolute;
1194
+ z-index: 2;
1195
+ background-color: white;
1623
1196
  }
1624
-
1625
- .dxss-icon-CalculationOptions:before {
1626
- content: "";
1197
+ /* DX Spreadsheet Default Cell Style*/
1198
+ .dxss-dcs,
1199
+ .dxss-ddcs {
1200
+ font-family: Calibri;
1201
+ font-size: 11pt;
1202
+ vertical-align: bottom;
1203
+ padding: 0px 0px 0px 2px;
1204
+ display: table-cell;
1627
1205
  }
1628
-
1629
- .dxss-icon-FunctionsCompatibility:before {
1630
- content: "";
1206
+ .dxss-dcs {
1207
+ text-align: left;
1631
1208
  }
1632
-
1633
- .dxss-icon-FunctionsDateAndTime:before {
1634
- content: "";
1209
+ .dxss-ddcs {
1210
+ text-align: right;
1635
1211
  }
1636
-
1637
- .dxss-icon-FunctionsEngineering:before {
1638
- content: "";
1212
+ /* DX Spreadsheet Comment Indicator */
1213
+ .dxss-ci:before
1214
+ {
1215
+ content: "";
1216
+ position: absolute;
1217
+ right: 0;
1218
+ top: 1px;
1219
+ display: block;
1220
+ width: 0;
1221
+ border-left: 5px solid transparent;
1222
+ border-top: 5px solid #FF0000;
1639
1223
  }
1640
-
1641
- .dxss-icon-FunctionsFinancial:before {
1642
- content: "";
1224
+ /* DX Spreadsheet Comment Container */
1225
+ .dxss-cc {
1226
+ background-color: #ffffe1;
1227
+ position: absolute;
1228
+ z-index: 101;
1229
+ padding: 2px;
1230
+ border: 1px solid black;
1231
+ cursor: move;
1232
+ box-sizing: border-box;
1643
1233
  }
1644
-
1645
- .dxss-icon-FunctionsInformation:before {
1646
- content: "";
1234
+ .dxss-cc.highlighted {
1235
+ border-color: #217346;
1236
+ z-index:102;
1647
1237
  }
1648
-
1649
- .dxss-icon-FunctionsLogical:before {
1650
- content: "";
1238
+ .dxss-ccte {
1239
+ position: absolute;
1240
+ z-index: 101;
1241
+ cursor: move;
1242
+ box-sizing: border-box;
1651
1243
  }
1652
-
1653
- .dxss-icon-FunctionsLookupAndReference:before {
1654
- content: "";
1244
+ /* DX Spreadsheet Connection Line */
1245
+ .dxss-cl {
1246
+ z-index: 101;
1247
+ padding: 0px;
1248
+ margin: 0px;
1249
+ background-color: black;
1250
+ line-height: 1px;
1251
+ position: absolute;
1252
+ height: 1px;
1655
1253
  }
1656
-
1657
- .dxss-icon-FunctionsMathAndTrigonometry:before {
1658
- content: "";
1254
+ .dxss-cl.highlighted {
1255
+ background-color: #217346;
1256
+ z-index:102;
1659
1257
  }
1660
1258
 
1661
- .dxss-icon-FunctionsMore:before {
1662
- content: "";
1259
+ /* DX Spreadsheet Fill Handle Element */
1260
+ .dxss-fh
1261
+ {
1262
+ position: absolute;
1263
+ right: -4px;
1264
+ top: -2px;
1265
+ width: 5px;
1266
+ height: 5px;
1267
+ cursor: crosshair;
1268
+ border: solid 1px #FFF;
1269
+ background-color: #7493C0;
1663
1270
  }
1664
1271
 
1665
- .dxss-icon-FunctionsStatistical:before {
1666
- content: "";
1272
+ /* DX Spreadsheet Dynamic Selection Element */
1273
+ .dxss-cdse {
1274
+ position: absolute;
1275
+ z-index: 7;
1276
+ border: 2px solid;
1667
1277
  }
1668
-
1669
- .dxss-icon-FunctionsText:before {
1670
- content: "";
1278
+ .dxss-cdse.highlighted {
1279
+ border-style: dashed;
1671
1280
  }
1672
-
1673
- .dxss-icon-FunctionSum:before {
1674
- content: "";
1281
+ .dxss-cdse.marker {
1282
+ z-index: 8;
1675
1283
  }
1676
-
1677
- .dxss-icon-AlignBottomCenter:before {
1678
- content: "";
1284
+ .dxss-cdse.marker.nw, .dxss-cdse.marker.se {
1285
+ cursor: nwse-resize;
1679
1286
  }
1680
-
1681
- .dxss-icon-AlignCenter:before {
1682
- content: "";
1287
+ .dxss-cdse.marker.ne, .dxss-cdse.marker.sw {
1288
+ cursor: nesw-resize;
1683
1289
  }
1684
-
1685
- .dxss-icon-AlignLeft:before {
1686
- content: "";
1290
+ .dxss-cdse.color0 {
1291
+ border-color: #5F8CED;
1292
+ background-color: rgba(95, 140, 237, .12);
1293
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1F5F8CED', endColorstr='#1F5F8CED');
1687
1294
  }
1688
-
1689
- .dxss-icon-AlignMiddleCenter:before {
1690
- content: "";
1295
+ .dxss-cdse.color1 {
1296
+ border-color: #EB5E60;
1297
+ background-color: rgba(235, 94, 96, .12);
1298
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1FEB5E60', endColorstr='#1FEB5E60');
1691
1299
  }
1692
-
1693
- .dxss-icon-AlignRight:before {
1694
- content: "";
1300
+ .dxss-cdse.color2 {
1301
+ border-color: #8D61C2;
1302
+ background-color: rgba(141, 97, 194, .12);
1303
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1F8D61C2', endColorstr='#1F8D61C2');
1695
1304
  }
1696
-
1697
- .dxss-icon-AlignTopCenter:before {
1698
- content: "";
1305
+ .dxss-cdse.color3 {
1306
+ border-color: #2D9639;
1307
+ background-color: rgba(45, 150, 57, .12);
1308
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1F2D9639', endColorstr='#1F2D9639');
1699
1309
  }
1700
-
1701
- .dxss-icon-EditingMergeAndCenterCells:before {
1702
- content: "";
1310
+ .dxss-cdse.color4 {
1311
+ border-color: #BF4C91;
1312
+ background-color: rgba(191, 76, 145, .12);
1313
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1FBF4C91', endColorstr='#1FBF4C91');
1703
1314
  }
1704
-
1705
- .dxss-icon-EditingMergeCells:before {
1706
- content: "";
1315
+ .dxss-cdse.color5 {
1316
+ border-color: #E38222;
1317
+ background-color: rgba(227, 130, 34, .12);
1318
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1FE38222', endColorstr='#1FE38222');
1707
1319
  }
1708
-
1709
- .dxss-icon-EditingMergeCellsAcross:before {
1710
- content: "";
1320
+ .dxss-cdse.color6 {
1321
+ border-color: #377F9E;
1322
+ background-color: rgba(55, 127, 158, .12);
1323
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1F377F9E', endColorstr='#1F377F9E');
1711
1324
  }
1712
1325
 
1713
- .dxss-icon-EditingUnmergeCells:before {
1714
- content: "";
1326
+ /* DX Spreadsheet Cell Active Selected Element */
1327
+ .dxss-case {
1328
+ position: absolute;
1329
+ z-index: 2;
1715
1330
  }
1716
-
1717
- .dxss-icon-FormatWrapText:before {
1718
- content: "";
1331
+ /* DX Spreadsheet Cell Range Selected Element */
1332
+ .dxss-crse {
1333
+ position: absolute;
1334
+ z-index: 7;
1335
+ background-color: #2291FF;
1336
+ opacity: .25;
1337
+ filter: alpha(opacity=25);
1338
+ pointer-events: none;
1719
1339
  }
1720
-
1721
- .dxss-icon-IndentDecrease:before {
1722
- content: "";
1340
+ /* DX Spreadsheet Top Range Border Element */
1341
+ .dxss-trbe {
1342
+ position: absolute;
1343
+ z-index: 8;
1344
+ border-top: 2px solid #7493C0;
1345
+ cursor: move;
1723
1346
  }
1724
-
1725
- .dxss-icon-IndentIncrease:before {
1726
- content: "";
1347
+ /* DX Spreadsheet Right Range Border Element */
1348
+ .dxss-rrbe {
1349
+ position: absolute;
1350
+ z-index: 8;
1351
+ border-right: 2px solid #7493C0;
1352
+ cursor: move;
1727
1353
  }
1728
-
1729
- .dxss-icon-Format:before {
1730
- content: "";
1354
+ /* DX Spreadsheet Selection Movement Border Element */
1355
+ .dxss-sbe {
1356
+ position: absolute;
1357
+ z-index: 9;
1358
+ border: 3px solid #7493C0;
1359
+ cursor: move;
1360
+ box-sizing: border-box;
1731
1361
  }
1732
-
1733
- .dxss-icon-InsertCellsCommandGroup:before {
1734
- content: "";
1362
+ /* DX Spreadsheet Touch Selection Element */
1363
+ .dxss-tse {
1364
+ position: absolute;
1365
+ width: 15px;
1366
+ height: 15px;
1367
+ z-index: 9;
1368
+ border-radius: 50%;
1369
+ border: 2px solid #7493C0;
1370
+ background: white;
1735
1371
  }
1736
1372
 
1737
- .dxss-icon-InsertSheet:before {
1738
- content: "";
1373
+ /* DX Spreadsheet Bottom Range Border Element */
1374
+ .dxss-brbe {
1375
+ position: absolute;
1376
+ z-index: 8;
1377
+ border-bottom: 2px solid #7493C0;
1378
+ cursor: move;
1739
1379
  }
1740
-
1741
- .dxss-icon-InsertSheetColumns:before {
1742
- content: "";
1380
+ /* DX Spreadsheet Left Range Border Element */
1381
+ .dxss-lrbe {
1382
+ position: absolute;
1383
+ z-index: 8;
1384
+ border-left: 2px solid #7493C0;
1385
+ cursor: move;
1743
1386
  }
1744
-
1745
- .dxss-icon-InsertSheetRows:before {
1746
- content: "";
1387
+ /* DX Spreadsheet Cell Selected border */
1388
+ .dxss-csb {
1389
+ position: absolute;
1390
+ z-index: 8;
1391
+ border: 2px solid #7493C0;
1747
1392
  }
1748
-
1749
- .dxss-icon-RemoveCellsCommandGroup:before {
1750
- content: "";
1393
+ /* DX Spreadsheet Drawing Box Selected border */
1394
+ .dxss-dbse {
1395
+ position: absolute;
1396
+ z-index: 100; /* To be above the dxss-db */
1397
+ border: 1px solid #5A93D3;
1398
+ cursor: move;
1751
1399
  }
1752
1400
 
1753
- .dxss-icon-RemoveSheet:before {
1754
- content: "";
1401
+ /* DX Spreadsheet Comment Box Selected element */
1402
+ .dxss-cbse {
1403
+ position: absolute;
1404
+ z-index: 101; /* To be above the dxss-db */
1405
+ border: 1px solid #5A93D3;
1406
+ cursor: move;
1755
1407
  }
1756
1408
 
1757
- .dxss-icon-RemoveSheetColumns:before {
1758
- content: "";
1409
+ /* DX Spreadsheet Copied range style */
1410
+ .dxss-crs {
1411
+ position: absolute;
1412
+ z-index: 12;
1413
+ pointer-events: none;
1414
+ border-style: dotted;
1415
+ border-color: #7493C0;
1416
+ border-width: 3px;
1417
+ box-sizing: border-box;
1759
1418
  }
1760
1419
 
1761
- .dxss-icon-RemoveSheetRows:before {
1762
- content: "";
1420
+ .dxss-crs.dxss-crsb {
1421
+ background-color: rgba(255, 255, 255, 0.4);
1763
1422
  }
1764
1423
 
1765
- .dxss-icon-Copy:before {
1766
- content: "";
1424
+ /* DX Spreadsheet AutoFilter image */
1425
+ .dxss-grid .dxss-sctb .dxss-afi,
1426
+ .dxss-grid .dxss-cctb .dxss-afi,
1427
+ .dxss-grid .dxss-tbg .dxss-afi
1428
+ {
1429
+ position: absolute;
1430
+ right: 0;
1431
+ bottom: 1px;
1432
+ cursor: pointer;
1433
+ background-color: white;
1434
+ z-index: 5;
1435
+ color: #727272;
1767
1436
  }
1768
1437
 
1769
- .dxss-icon-Cut:before {
1770
- content: "";
1438
+ /* DX Spreadsheet DropDownButton */
1439
+ .dxssControlSys .dxss-ddb {
1440
+ position: absolute;
1441
+ cursor: pointer;
1442
+ background-color: white;
1443
+ z-index: 9;
1771
1444
  }
1772
1445
 
1773
- .dxss-icon-Paste:before {
1774
- content: "";
1446
+ .dxss-ddb > use {
1447
+ pointer-events: none;
1775
1448
  }
1776
1449
 
1777
- .dxss-icon-ClearAll:before {
1778
- content: "";
1450
+ /* DX Spreadsheet InvalidDataCircle */
1451
+ .dxss-idc
1452
+ {
1453
+ position: absolute;
1454
+ border: 1px solid red;
1455
+ border-radius: 100%;
1456
+ z-index: 4;
1779
1457
  }
1780
1458
 
1781
- .dxss-icon-ClearFormats:before {
1782
- content: "";
1459
+ .dxss-pm
1460
+ {
1461
+ position: absolute;
1462
+ z-index: 9;
1463
+ display: table;
1464
+ background-color: #FFFFE1;
1465
+ cursor: default;
1466
+ border: 1px solid black;
1467
+ max-width: 168px;
1468
+ height:50px;
1469
+ padding: 5px;
1783
1470
  }
1784
-
1785
- .dxss-icon-Delete_Hyperlink:before {
1786
- content: "";
1471
+ .dxss-pm div:first-child
1472
+ {
1473
+ font-weight: bold;
1474
+ white-space: pre;
1787
1475
  }
1788
-
1789
- .dxss-icon-EditingFillDown:before {
1790
- content: "";
1476
+ /* DX Spreadsheet DropDown panel */
1477
+ .dxss-ddp
1478
+ {
1479
+ position: absolute;
1480
+ background-color: white;
1481
+ border: 1px solid black;
1482
+ max-height: 152px;
1483
+ overflow: auto;
1484
+ z-index: 9;
1485
+ cursor: default;
1791
1486
  }
1792
-
1793
- .dxss-icon-EditingFillLeft:before {
1794
- content: "";
1487
+ .dxss-ddp table
1488
+ {
1489
+ width: 100%;
1795
1490
  }
1796
-
1797
- .dxss-icon-EditingFillRight:before {
1798
- content: "";
1491
+ .dxss-ddp tr:hover
1492
+ {
1493
+ background-color: #1d85cd;
1799
1494
  }
1800
-
1801
- .dxss-icon-EditingFillUp:before {
1802
- content: "";
1495
+ .dxss-ddp td
1496
+ {
1497
+ height: 17px;
1498
+ padding-left: 4px;
1803
1499
  }
1804
1500
 
1805
- .dxss-icon-Find:before {
1806
- content: "";
1501
+ /* DX Spreadsheet Cell Editor Element */
1502
+ .dxss-cee,
1503
+ .dxss-ctve {
1504
+ position: absolute; /*the same -dxss-cfe */
1505
+ z-index: 1000;
1506
+ resize: none;
1507
+ height: 1em;
1508
+ outline: none;
1509
+ overflow: hidden;
1510
+ padding: 0;
1511
+ margin: 0;
1807
1512
  }
1808
-
1809
- .dxss-icon-FormatCells:before {
1810
- content: "";
1513
+ /* DX Spreadsheet Inplace Comment Editor Element */
1514
+ .dxss-icee {
1515
+ font-family: Tahoma;
1516
+ font-size: 12px;
1517
+ border: none;
1518
+ z-index: 1000;
1519
+ background-color: #ffffe1 ;
1520
+ resize: none;
1521
+ height: 100% !important;
1522
+ width: 100% !important;
1523
+ outline: none;
1524
+ overflow: hidden;
1525
+ padding: 0;
1526
+ margin: 0;
1527
+ box-sizing:border-box
1811
1528
  }
1812
-
1813
- .dxss-icon-SortAndFilter:before {
1814
- content: "";
1529
+ .dxss-icee.noselect {
1530
+ -webkit-touch-callout: none;
1531
+ -webkit-user-select: none;
1532
+ -khtml-user-select: none;
1533
+ -moz-user-select: none;
1534
+ -ms-user-select: none;
1535
+ user-select: none;
1815
1536
  }
1816
-
1817
- .dxss-icon-SortAsc:before {
1818
- content: "";
1537
+ .dxssControlSys .dxss-fbw > .dxss-cee,
1538
+ .dxssControlSys .dxss-fbw > .dxss-ctve {
1539
+ border: 0;
1819
1540
  }
1820
-
1821
- .dxss-icon-SortDesc:before {
1822
- content: "";
1541
+ .dxssControlSys .dxss-cee {
1542
+ border: 1px solid white;
1543
+ padding: 0 2px 0 0!important;
1823
1544
  }
1824
-
1825
- .dxss-icon-Bold:before {
1826
- content: "";
1545
+ .dxss-md .dxss-ctve {
1546
+ padding: 0 2px 0 0!important;
1827
1547
  }
1828
1548
 
1829
- .dxss-icon-BorderBottom:before {
1830
- content: "";
1549
+ .dxssControlSys .dxss-fb {
1550
+ box-sizing: content-box;
1831
1551
  }
1832
-
1833
- .dxss-icon-BorderBottomThick:before {
1834
- content: "";
1552
+ .dxss-fb .dxeTextBoxSys .dxeEditAreaSys {
1553
+ visibility: hidden;
1835
1554
  }
1836
-
1837
- .dxss-icon-BorderLeft:before {
1838
- content: "";
1555
+ .dxss-fb .dxm-ltr {
1556
+ float: left;
1557
+ display: inline-block;
1839
1558
  }
1840
-
1841
- .dxss-icon-BorderLineStyle:before {
1842
- content: "";
1559
+ .dxss-fbw {
1560
+ overflow: hidden;
1561
+ height: 100%;
1562
+ padding: 3px 3px 2px 3px;
1563
+ box-sizing: border-box;
1843
1564
  }
1844
-
1845
- .dxss-icon-BorderNone:before {
1846
- content: "";
1565
+ .dxss-fbw textarea {
1566
+ position: static;
1567
+ width: 100%;
1568
+ height: 100%;
1569
+ box-sizing: border-box;
1847
1570
  }
1848
-
1849
- .dxss-icon-BorderRight:before {
1850
- content: "";
1571
+ .dxss-fbw table {
1572
+ width: 100%;
1851
1573
  }
1852
-
1853
- .dxss-icon-BordersAll:before {
1854
- content: "";
1574
+ .dxss-fbw .dxeTextBoxSys {
1575
+ display: none;
1855
1576
  }
1856
-
1857
- .dxss-icon-BordersOutside:before {
1858
- content: "";
1577
+ .dxssControlSys .dxm-ltr .dxss-fbMenu {
1578
+ padding: 0;
1859
1579
  }
1860
-
1861
- .dxss-icon-BordersOutsideThick:before {
1862
- content: "";
1580
+ .dxssControlSys .dxss-fbMenu > ul {
1581
+ height: 100%;
1863
1582
  }
1864
-
1865
- .dxss-icon-BorderTop:before {
1866
- content: "";
1583
+ .dxssControlSys .dxss-fbMenu .dxm-item {
1584
+ border-width: 0;
1585
+ height: 100%;
1867
1586
  }
1868
-
1869
- .dxss-icon-BorderTopAndBottom:before {
1870
- content: "";
1587
+ .dxss-funcLB {
1588
+ position: absolute;
1589
+ visibility: hidden;
1590
+ display: none;
1591
+ -ms-touch-action: pinch-zoom;
1592
+ touch-action: pinch-zoom;
1871
1593
  }
1872
-
1873
- .dxss-icon-BorderTopAndBottomThick:before {
1874
- content: "";
1594
+ .dxss-hint {
1595
+ position: absolute;
1596
+ white-space: pre;
1597
+ pointer-events: none;
1875
1598
  }
1876
-
1877
- .dxss-icon-FillBackground:before {
1878
- content: "";
1599
+ .dxss-hint.dxss-funcInfo {
1600
+ white-space: nowrap;
1879
1601
  }
1880
1602
 
1881
- .dxss-icon-FontColor:before {
1882
- content: "";
1603
+ .dxss-cbse .corner,
1604
+ .dxss-dbse .corner {
1605
+ border: 1px solid #989898;
1606
+ position: absolute;
1607
+ width: 9px!important;
1608
+ height: 9px;
1609
+ background-color: #F2FAFB;
1610
+ z-index: 9;
1611
+ margin-top: -6px;
1612
+ margin-left: -6px;
1613
+ border-radius: 5px;
1883
1614
  }
1884
-
1885
- .dxss-icon-FontSizeDecrease:before {
1886
- content: "";
1615
+ .dxss-cbse .cornerTouch,
1616
+ .dxss-dbse .cornerTouch
1617
+ {
1618
+ border: 1px solid #989898;
1619
+ position: absolute;
1620
+ width: 15px!important;
1621
+ height: 15px;
1622
+ margin-top: -9px;
1623
+ margin-left: -9px;
1624
+ border-radius: 50%;
1887
1625
  }
1888
-
1889
- .dxss-icon-FontSizeIncrease:before {
1890
- content: "";
1626
+ .corner.ne,
1627
+ .corner.e,
1628
+ .corner.se {
1629
+ margin-left: -5px;
1891
1630
  }
1892
-
1893
- .dxss-icon-Italic:before {
1894
- content: "";
1631
+ .cornerTouch.ne,
1632
+ .cornerTouch.e,
1633
+ .cornerTouch.se {
1634
+ margin-left: -8px;
1895
1635
  }
1896
-
1897
- .dxss-icon-LineColor:before {
1898
- content: "";
1636
+ .corner.sw,
1637
+ .corner.s,
1638
+ .corner.se {
1639
+ margin-top: -5px;
1640
+ }
1641
+ .cornerTouch.sw,
1642
+ .cornerTouch.s,
1643
+ .cornerTouch.se {
1644
+ margin-top: -8px;
1899
1645
  }
1900
1646
 
1901
- .dxss-icon-Strikeout:before {
1902
- content: "";
1647
+ .corner.n,
1648
+ .corner.e,
1649
+ .corner.s,
1650
+ .corner.w {
1651
+ border-radius: 3px
1903
1652
  }
1904
1653
 
1905
- .dxss-icon-Underline:before {
1906
- content: "";
1907
- }
1908
-
1909
- .dxss-icon-FormatNumberCommaStyle:before {
1910
- content: "";
1654
+ .corner.nw {
1655
+ left: 0;
1656
+ top: 0;
1657
+ cursor:nw-resize;
1911
1658
  }
1912
-
1913
- .dxss-icon-FormatNumberCurrency:before {
1914
- content: "";
1659
+ .corner.ne {
1660
+ left: 100%;
1661
+ top: 0;
1662
+ cursor:ne-resize;
1915
1663
  }
1916
-
1917
- .dxss-icon-FormatNumberDecreaseDecimal:before {
1918
- content: "";
1664
+ .corner.se {
1665
+ left: 100%;
1666
+ top: 100%;
1667
+ cursor:se-resize;
1919
1668
  }
1920
-
1921
- .dxss-icon-FormatNumberIncreaseDecimal:before {
1922
- content: "";
1669
+ .corner.sw {
1670
+ left: 0;
1671
+ top: 100%;
1672
+ cursor:sw-resize;
1923
1673
  }
1924
1674
 
1925
- .dxss-icon-FormatNumberPercent:before {
1926
- content: "";
1675
+ .corner.n {
1676
+ left: 50%;
1677
+ top:0;
1678
+ cursor:n-resize;
1927
1679
  }
1928
-
1929
- .dxss-icon-PrintDialog:before {
1930
- content: "";
1680
+ .corner.e {
1681
+ left: 100%;
1682
+ top:50%;
1683
+ cursor:e-resize;
1931
1684
  }
1932
-
1933
- .dxss-icon-FormatAsTable:before {
1934
- content: "";
1685
+ .corner.s {
1686
+ left: 50%;
1687
+ top:100%;
1688
+ cursor:s-resize;
1935
1689
  }
1936
-
1937
- .dxss-icon-Redo:before {
1938
- content: "";
1690
+ .corner.w {
1691
+ left: 0;
1692
+ top:50%;
1693
+ cursor:w-resize;
1939
1694
  }
1940
1695
 
1941
- .dxss-icon-Undo:before {
1942
- content: "";
1696
+ .dxss-cbse .corner.nw.cornerTouch {
1697
+ margin-left: -17px;
1698
+ margin-top: -17px;
1943
1699
  }
1944
-
1945
- .dxss-icon-ChartGroupArea:before {
1946
- content: "";
1700
+ .dxss-cbse .corner.w.cornerTouch {
1701
+ margin-left: -17px;
1947
1702
  }
1948
-
1949
- .dxss-icon-ChartGroupBar:before {
1950
- content: "";
1703
+ .dxss-cbse .corner.sw.cornerTouch {
1704
+ margin-left: -17px;
1951
1705
  }
1952
-
1953
- .dxss-icon-ChartGroupColumn:before {
1954
- content: "";
1706
+ .dxss-cbse .corner.n.cornerTouch {
1707
+ margin-top: -17px;
1955
1708
  }
1956
-
1957
- .dxss-icon-ChartGroupLine:before {
1958
- content: "";
1709
+ .dxss-cbse .corner.ne.cornerTouch {
1710
+ margin-top: -17px;
1959
1711
  }
1960
1712
 
1961
- .dxss-icon-ChartGroupOther:before {
1962
- content: "";
1713
+ .dxss-cbse .corner.nw {
1714
+ margin-left: -12px;
1715
+ margin-top: -12px;
1716
+ border-radius: 3px;
1963
1717
  }
1964
-
1965
- .dxss-icon-ChartGroupPie:before {
1966
- content: "";
1718
+ .dxss-cbse .corner.w {
1719
+ margin-left: -12px;
1720
+ border-radius: 3px;
1967
1721
  }
1968
-
1969
- .dxss-icon-ChartGroupScatter:before {
1970
- content: "";
1722
+ .dxss-cbse .corner.sw {
1723
+ margin-left: -12px;
1724
+ margin-top: 0px;
1725
+ border-radius: 3px;
1971
1726
  }
1972
1727
 
1973
- .dxss-icon-CreateArea3DChart:before {
1974
- content: "";
1728
+ .dxss-cbse .corner.n {
1729
+ margin-top: -12px;
1730
+ border-radius: 3px;
1975
1731
  }
1976
-
1977
- .dxss-icon-CreateAreaChart:before {
1978
- content: "";
1732
+ .dxss-cbse .corner.ne {
1733
+ margin-top: -12px;
1734
+ margin-left: 0px;
1735
+ border-radius: 3px;
1979
1736
  }
1980
1737
 
1981
- .dxss-icon-CreateBar3DChart:before {
1982
- content: "";
1738
+ .dxss-cbse .corner.e {
1739
+ margin-left: 0px;
1740
+ border-radius: 3px;
1983
1741
  }
1984
-
1985
- .dxss-icon-CreateBarChart:before {
1986
- content: "";
1742
+ .dxss-cbse .corner.se {
1743
+ margin-left: 0px;
1744
+ margin-top: 0px;
1745
+ border-radius: 3px;
1987
1746
  }
1988
1747
 
1989
- .dxss-icon-CreateBubble3DChart:before {
1990
- content: "";
1748
+ .dxss-cbse .corner.s {
1749
+ margin-top: 0px;
1750
+ border-radius: 3px;
1991
1751
  }
1992
1752
 
1993
- .dxss-icon-CreateBubbleChart:before {
1994
- content: "";
1753
+ .dxss-colHeader,
1754
+ .dxss-rowHeader,
1755
+ .dxss-grid
1756
+ {
1757
+ position: absolute;
1758
+ z-index: 1;
1759
+ overflow: hidden;
1760
+ width: 0;
1761
+ height: 0;
1762
+ border-right: 1px solid #d4d4d4;
1763
+ border-bottom: 1px solid #d4d4d4;
1764
+ touch-action: none;
1995
1765
  }
1996
-
1997
- .dxss-icon-CreateConeBar3DChart:before {
1998
- content: "";
1766
+ .dxss-rowHeader.dxss-hidden,
1767
+ .dxss-colHeader.dxss-hidden {
1768
+ display: none;
1999
1769
  }
2000
-
2001
- .dxss-icon-CreateConeFullStackedBar3DChart:before {
2002
- content: "";
1770
+ .dxss-colHeader .dxss-htd,
1771
+ .dxss-rowHeader .dxss-htd {
1772
+ cursor: pointer;
2003
1773
  }
2004
-
2005
- .dxss-icon-CreateConeManhattanBarChart:before {
2006
- content: "";
1774
+ .dxss-colHeader.resizing .dxss-htd,
1775
+ .dxss-colHeader.resizing .dxss-v
1776
+ {
1777
+ cursor: w-resize;
2007
1778
  }
2008
-
2009
- .dxss-icon-CreateConeStackedBar3DChart:before {
2010
- content: "";
1779
+ .dxss-rowHeader.resizing .dxss-htd,
1780
+ .dxss-rowHeader.resizing .dxss-h
1781
+ {
1782
+ cursor: n-resize;
2011
1783
  }
2012
-
2013
- .dxss-icon-CreateCylinderBar3DChart:before {
2014
- content: "";
1784
+ .dxss-colHeader
1785
+ {
1786
+ border-bottom: 1px solid #d4d4d4;
1787
+ border-left: 1px solid #d4d4d4;
2015
1788
  }
2016
-
2017
- .dxss-icon-CreateCylinderFullStackedBar3DChart:before {
2018
- content: "";
1789
+ .dxss-rowHeader
1790
+ {
1791
+ border-right: 1px solid #d4d4d4;
1792
+ border-top: 1px solid #d4d4d4;
1793
+ overflow-anchor: none;
2019
1794
  }
2020
-
2021
- .dxss-icon-CreateCylinderManhattanBarChart:before {
2022
- content: "";
1795
+ .dxss-fc
1796
+ {
1797
+ width: 1000000px;
1798
+ clear: both;
2023
1799
  }
2024
-
2025
- .dxss-icon-CreateCylinderStackedBar3DChart:before {
2026
- content: "";
1800
+ .dxss-ts,
1801
+ .dxss-bs
1802
+ {
1803
+ width: 1px;
1804
+ height: 50000px;
2027
1805
  }
2028
-
2029
- .dxss-icon-CreateDoughnutChart:before {
2030
- content: "";
1806
+ .dxss-ls,
1807
+ .dxss-rs
1808
+ {
1809
+ height: 2px; /*T366198*/
1810
+ width: 50000px;
2031
1811
  }
2032
-
2033
- .dxss-icon-CreateExplodedDoughnutChart:before {
2034
- content: "";
1812
+ .dxss-ls,
1813
+ .dxss-rs,
1814
+ .dxss-tc
1815
+ {
1816
+ float: left;
2035
1817
  }
2036
-
2037
- .dxss-icon-CreateExplodedPie3DChart:before {
2038
- content: "";
1818
+ .dxss-bs
1819
+ {
1820
+ clear: both;
2039
1821
  }
2040
-
2041
- .dxss-icon-CreateExplodedPieChart:before {
2042
- content: "";
1822
+ .dxss-tc
1823
+ {
1824
+ position: relative;
2043
1825
  }
2044
1826
 
2045
- .dxss-icon-CreateFullStackedArea3DChart:before {
2046
- content: "";
1827
+ .dxss-sc
1828
+ {
1829
+ position: absolute;
1830
+ overflow: scroll;
1831
+ width: 0;
1832
+ height: 0;
2047
1833
  }
2048
1834
 
2049
- .dxss-icon-CreateFullStackedAreaChart:before {
2050
- content: "";
1835
+ .dxss-ssb {
1836
+ position: absolute;
1837
+ left: 0;
1838
+ top: 0;
1839
+ cursor: pointer;
1840
+ z-index: 1;
2051
1841
  }
2052
-
2053
- .dxss-icon-CreateFullStackedBar3DChart:before {
2054
- content: "";
1842
+ .dxss-ssbi {
1843
+ width: 0;
1844
+ height: 0;
1845
+ border-style: solid;
1846
+ border-width: 0 0 12px 12px;
1847
+ position: absolute;
1848
+ bottom: 2px;
1849
+ right: 2px;
1850
+ pointer-events: none;
2055
1851
  }
2056
1852
 
2057
- .dxss-icon-CreateFullStackedBarChart:before {
2058
- content: "";
1853
+ .dxss-gt
1854
+ {
1855
+ float: left;
1856
+ position: relative;
1857
+ min-height: 1px;
2059
1858
  }
2060
-
2061
- .dxss-icon-CreateFullStackedLineChart:before {
2062
- content: "";
1859
+ .dxss-ht
1860
+ {
1861
+ position: relative;
2063
1862
  }
2064
-
2065
- .dxss-icon-CreateFullStackedLineChartNoMarkers:before {
2066
- content: "";
1863
+ .dxss-fc .dxss-ht
1864
+ {
1865
+ float: left;
2067
1866
  }
2068
-
2069
- .dxss-icon-CreateLine3DChart:before {
2070
- content: "";
1867
+ .dxss-htd
1868
+ {
1869
+ position: absolute;
1870
+ text-align: center;
1871
+ overflow: hidden;
2071
1872
  }
2072
-
2073
- .dxss-icon-CreateLineChart:before {
2074
- content: "";
1873
+ .dxss-htd:hover {
1874
+ background-color: #f1f1f1;
2075
1875
  }
2076
1876
 
2077
- .dxss-icon-CreateLineChartNoMarkers:before {
2078
- content: "";
1877
+ .dxss-htd.dxss-hlh:hover {
1878
+ background-color: #e1e1e1;
2079
1879
  }
2080
1880
 
2081
- .dxss-icon-CreateManhattanBarChart:before {
2082
- content: "";
1881
+ .dxss-rowHeader .dxss-tc
1882
+ {
1883
+ width: 100%;
1884
+ float: none;
2083
1885
  }
2084
-
2085
- .dxss-icon-CreatePie3DChart:before {
2086
- content: "";
1886
+ .dxss-rowHeader .dxss-ht
1887
+ {
1888
+ width: 100%;
2087
1889
  }
2088
-
2089
- .dxss-icon-CreatePieChart:before {
2090
- content: "";
1890
+ .dxss-rowHeader .dxss-htd
1891
+ {
1892
+ left: 0;
1893
+ width: 100%;
2091
1894
  }
2092
-
2093
- .dxss-icon-CreatePyramidBar3DChart:before {
2094
- content: "";
1895
+ .dxss-colHeader .dxss-htd
1896
+ {
1897
+ top: 0;
1898
+ height: 100%;
2095
1899
  }
2096
-
2097
- .dxss-icon-CreatePyramidFullStackedBar3DChart:before {
2098
- content: "";
1900
+ /* Vertical extended area*/
1901
+ .dxss-vea
1902
+ {
1903
+ width: 1px;
1904
+ display: block;
2099
1905
  }
2100
-
2101
- .dxss-icon-CreatePyramidManhattanBarChart:before {
2102
- content: "";
1906
+ /* Horizontal extended area*/
1907
+ .dxss-hea
1908
+ {
1909
+ height: 1px;
1910
+ display: inline;
2103
1911
  }
2104
1912
 
2105
- .dxss-icon-CreatePyramidStackedBar3DChart:before {
2106
- content: "";
1913
+ /* Grid Lines */
1914
+ .dxss-gl
1915
+ {
1916
+ width: 100%;
1917
+ height: 100%;
2107
1918
  }
2108
-
2109
- .dxss-icon-CreateRadarLineChart:before {
2110
- content: "";
1919
+ .dxss-gl .dxss-v,
1920
+ .dxss-gl .dxss-h
1921
+ {
1922
+ position: absolute;
1923
+ z-index: 1;
1924
+ border-style: solid;
1925
+ border-color: #d4d4d4;
1926
+ border-width: 0;
2111
1927
  }
2112
-
2113
- .dxss-icon-CreateRadarLineChartFilled:before {
2114
- content: "";
1928
+ .dxss-gl .dxss-v
1929
+ {
1930
+ top: 0;
1931
+ width: 0;
1932
+ height: 100%;
1933
+ border-left-width: 1px;
2115
1934
  }
2116
-
2117
- .dxss-icon-CreateRadarLineChartNoMarkers:before {
2118
- content: "";
1935
+ .dxss-gl .dxss-h
1936
+ {
1937
+ left: 0;
1938
+ width: 100%;
1939
+ height: 0;
1940
+ border-top-width: 1px;
2119
1941
  }
2120
-
2121
- .dxss-icon-CreateRotatedBar3DChart:before {
2122
- content: "";
1942
+ .dxss-ht .dxss-h.db
1943
+ {
1944
+ height: 3px;
1945
+ border-bottom-width: 1px;
1946
+ margin-top: -2px;
2123
1947
  }
2124
-
2125
- .dxss-icon-CreateRotatedBarChart:before {
2126
- content: "";
1948
+ .dxss-ht .dxss-v.db
1949
+ {
1950
+ width: 3px;
1951
+ border-right-width: 1px;
1952
+ margin-left: -2px;
2127
1953
  }
2128
1954
 
2129
- .dxss-icon-CreateRotatedConeBar3DChart:before {
2130
- content: "";
1955
+ .dxss-hideGridLines .dxss-grid .dxss-gl .dxss-h,
1956
+ .dxss-hideGridLines .dxss-grid .dxss-gl .dxss-v
1957
+ {
1958
+ border: none;
2131
1959
  }
2132
-
2133
- .dxss-icon-CreateRotatedCylinderBar3DChart:before {
2134
- content: "";
1960
+ .dxss-hh .dxss-colHeader,
1961
+ .dxss-hh .dxss-rowHeader
1962
+ {
1963
+ border: none;
2135
1964
  }
2136
1965
 
2137
- .dxss-icon-CreateRotatedFullStackedBar3DChart:before {
2138
- content: "";
1966
+ .dxss-fap {
1967
+ position: absolute;
1968
+ margin: 21px 6px 0 0;
1969
+ z-index: 1000;
2139
1970
  }
2140
-
2141
- .dxss-icon-CreateRotatedFullStackedBarChart:before {
2142
- content: "";
1971
+ .dxss-fapb {
1972
+ display: inline-block;
1973
+ width: 36px;
1974
+ height: 36px;
2143
1975
  }
2144
1976
 
2145
- .dxss-icon-CreateRotatedFullStackedConeBar3DChart:before {
2146
- content: "";
1977
+ .dxss-ab {
1978
+ background-color: #13a10e;
2147
1979
  }
2148
-
2149
- .dxss-icon-CreateRotatedFullStackedCylinderBar3DChart:before {
2150
- content: "";
1980
+ .dxss-cb {
1981
+ background-color: #e81123;
2151
1982
  }
2152
-
2153
- .dxss-icon-CreateRotatedFullStackedPyramidBar3DChart:before {
2154
- content: "";
1983
+ .dxss-fapb > div {
1984
+ margin: auto;
1985
+ -ms-transform: rotate(45deg);
1986
+ -webkit-transform: rotate(45deg);
1987
+ transform: rotate(45deg);
2155
1988
  }
2156
-
2157
- .dxss-icon-CreateRotatedPyramidBar3DChart:before {
2158
- content: "";
1989
+ .dxss-ab .dxss-fbi {
1990
+ width: 19px;
1991
+ height: 14px;
2159
1992
  }
2160
-
2161
- .dxss-icon-CreateRotatedStackedBar3DChart:before {
2162
- content: "";
1993
+ .dxss-cb .dxss-fbi {
1994
+ width: 14px;
1995
+ height: 14px;
2163
1996
  }
2164
-
2165
- .dxss-icon-CreateRotatedStackedBarChart:before {
2166
- content: "";
1997
+ .dxss-fapb > div > div {
1998
+ position: absolute;
1999
+ background-color: #fff;
2167
2000
  }
2168
-
2169
- .dxss-icon-CreateRotatedStackedConeBar3DChart:before {
2170
- content: "";
2001
+ .dxss-ab .dxss-fbs {
2002
+ width: 2px;
2003
+ height: 19px;
2004
+ left: 17px;
2005
+ top: 3px;
2171
2006
  }
2172
-
2173
- .dxss-icon-CreateRotatedStackedCylinderBar3DChart:before {
2174
- content: "";
2007
+ .dxss-ab .dxss-fbk {
2008
+ width: 7px;
2009
+ height: 2px;
2010
+ left: 12px;
2011
+ top: 20px;
2175
2012
  }
2176
2013
 
2177
- .dxss-icon-CreateRotatedStackedPyramidBar3DChart:before {
2178
- content: "";
2014
+ .dxss-cb .dxss-fbs {
2015
+ width: 2px;
2016
+ height: 19px;
2017
+ left: 13px;
2018
+ top: 5px;
2179
2019
  }
2180
2020
 
2181
- .dxss-icon-CreateScatterChartLines:before {
2182
- content: "";
2021
+ .dxss-cb .dxss-fbk {
2022
+ width: 19px;
2023
+ height: 2px;
2024
+ left: 5px;
2025
+ top: 13px;
2183
2026
  }
2184
-
2185
- .dxss-icon-CreateScatterChartLinesAndMarkers:before {
2186
- content: "";
2027
+ /* Resizing */
2028
+ .dxss-hrg,
2029
+ .dxss-vrg
2030
+ {
2031
+ position: absolute;
2032
+ background: #7493C0;
2033
+ z-index: 2;
2187
2034
  }
2188
-
2189
- .dxss-icon-CreateScatterChartMarkersOnly:before {
2190
- content: "";
2035
+ .dxss-tre
2036
+ {
2037
+ position: absolute;
2038
+ width: 20px;
2039
+ height: 20px;
2040
+ z-index: 2;
2041
+ pointer-events: none;
2191
2042
  }
2192
-
2193
- .dxss-icon-CreateScatterChartSmoothLines:before {
2194
- content: "";
2043
+ .dxss-tre.tre-hor
2044
+ {
2045
+ -webkit-transform: rotate(90deg);
2046
+ -ms-transform: rotate(90deg);
2195
2047
  }
2196
2048
 
2197
- .dxss-icon-CreateScatterChartSmoothLinesAndMarkers:before {
2198
- content: "";
2049
+ .dxss-rmc,
2050
+ .dxss-rmcv,
2051
+ .dxss-rmch
2052
+ {
2053
+ position: absolute;
2199
2054
  }
2200
-
2201
- .dxss-icon-CreateStackedArea3DChart:before {
2202
- content: "";
2055
+ .dxss-rowHeader .dxss-rmc,
2056
+ .dxss-rmch
2057
+ {
2058
+ width: 100%;
2203
2059
  }
2204
-
2205
- .dxss-icon-CreateStackedAreaChart:before {
2206
- content: "";
2060
+ .dxss-colHeader .dxss-rmc,
2061
+ .dxss-rmcv
2062
+ {
2063
+ height: 100%;
2207
2064
  }
2208
-
2209
- .dxss-icon-CreateStackedBar3DChart:before {
2210
- content: "";
2065
+ .dxss-rmch
2066
+ {
2067
+ left: 0;
2211
2068
  }
2212
-
2213
- .dxss-icon-CreateStackedBarChart:before {
2214
- content: "";
2069
+ .dxss-rmcv
2070
+ {
2071
+ top: 0;
2215
2072
  }
2216
2073
 
2217
- .dxss-icon-CreateStackedLineChart:before {
2218
- content: "";
2074
+ .dxssControlSys .dxr-itemDisabled img,
2075
+ .dxssControlSys .dxr-itemDisabled .dxr-img16,
2076
+ .dxssControlSys .dxr-itemDisabled .dxr-img32
2077
+ {
2078
+ opacity: .35;
2079
+ filter: alpha(opacity=35);
2219
2080
  }
2220
-
2221
- .dxss-icon-CreateStackedLineChartNoMarkers:before {
2222
- content: "";
2081
+ /* Multy line text container*/
2082
+ .dxss-mltc {
2083
+ display: table-cell;
2084
+ height: inherit;
2085
+ pointer-events: none;
2223
2086
  }
2224
-
2225
- .dxss-icon-CreateStockChartHighLowClose:before {
2226
- content: "";
2087
+ .dxss-wrap
2088
+ {
2089
+ -moz-hyphens: auto;
2090
+ -webkit-hyphens: auto;
2091
+ -ms-hyphens: auto;
2092
+ hyphens: auto;
2093
+ word-break: break-word;
2094
+ word-wrap: break-word;
2095
+ white-space: pre-wrap;
2227
2096
  }
2228
2097
 
2229
- .dxss-icon-CreateStockChartOpenHighLowClose:before {
2230
- content: "";
2231
- }
2098
+ /* DX Spreadsheet Borders */
2232
2099
 
2233
- .dxss-icon-CreateStockChartVolumeHighLowClose:before {
2234
- content: "";
2100
+ .dxss-bt-t,
2101
+ .dxss-bt-h,
2102
+ .dxss-bt-d,
2103
+ .dxss-bt-da,
2104
+ .dxss-bt-ddd,
2105
+ .dxss-bt-ddd,
2106
+ .dxss-bt-m,
2107
+ .dxss-bt-md,
2108
+ .dxss-bt-mdd,
2109
+ .dxss-bt-mddd,
2110
+ .dxss-bt-sdd,
2111
+ .dxss-bt-dbl,
2112
+ .dxss-bt-tk {
2113
+ position: absolute;
2114
+ z-index: 6;
2115
+ border-color: black;
2116
+ border-width: 1px;
2117
+ border-left-style: solid;
2118
+ border-top-style: solid;
2235
2119
  }
2236
2120
 
2237
- .dxss-icon-CreateStockChartVolumeOpenHighLowClose:before {
2238
- content: "";
2121
+ .dxss-bt-m,
2122
+ .dxss-bt-md,
2123
+ .dxss-bt-mdd,
2124
+ .dxss-bt-mddd,
2125
+ .dxss-bt-sdd {
2126
+ border-width: 2px;
2239
2127
  }
2240
-
2241
- .dxss-icon-PivotTable:before {
2242
- content: "";
2128
+ .dxss-bt-dbl,
2129
+ .dxss-bt-tk {
2130
+ border-width: 3px;
2243
2131
  }
2244
2132
 
2245
- .dxss-icon-InsertFloatingObjectImage:before {
2246
- content: "";
2133
+ .dxss-bt-da,
2134
+ .dxss-bt-md,
2135
+ .dxss-bt-mdd,
2136
+ .dxss-bt-sdd {
2137
+ border-left-style: dashed;
2138
+ border-top-style: dashed;
2247
2139
  }
2248
-
2249
- .dxss-icon-Hyperlink:before {
2250
- content: "";
2140
+ .dxss-bt-d,
2141
+ .DashDotDot,
2142
+ .dxss-bt-mddd {
2143
+ border-left-style: dotted;
2144
+ border-top-style: dotted;
2251
2145
  }
2252
-
2253
- .dxss-icon-InsertTable:before {
2254
- content: "";
2146
+ .dxss-bt-dbl {
2147
+ border-left-style: double;
2148
+ border-top-style: double;
2255
2149
  }
2256
2150
 
2257
- .dxss-icon-DeleteComment:before {
2258
- content: "";
2151
+ .dxss-v.dxss-bt-t,
2152
+ .dxss-v.dxss-bt-h,
2153
+ .dxss-v.dxss-bt-d,
2154
+ .dxss-v.dxss-bt-da,
2155
+ .dxss-v.dxss-bt-ddd,
2156
+ .dxss-v.dxss-bt-ddd,
2157
+ .dxss-v.dxss-bt-m,
2158
+ .dxss-v.dxss-bt-md,
2159
+ .dxss-v.dxss-bt-mdd,
2160
+ .dxss-v.dxss-bt-mddd,
2161
+ .dxss-v.dxss-bt-sdd,
2162
+ .dxss-v.dxss-bt-dbl,
2163
+ .dxss-v.dxss-bt-tk {
2164
+ border-top-style: none;
2259
2165
  }
2260
2166
 
2261
- .dxss-icon-EditComment:before {
2262
- content: "";
2167
+ .dxss-h.dxss-bt-t,
2168
+ .dxss-h.dxss-bt-h,
2169
+ .dxss-h.dxss-bt-d,
2170
+ .dxss-h.dxss-bt-da,
2171
+ .dxss-h.dxss-bt-ddd,
2172
+ .dxss-h.dxss-bt-ddd,
2173
+ .dxss-h.dxss-bt-m,
2174
+ .dxss-h.dxss-bt-md,
2175
+ .dxss-h.dxss-bt-mdd,
2176
+ .dxss-h.dxss-bt-mddd,
2177
+ .dxss-h.dxss-bt-sdd,
2178
+ .dxss-h.dxss-bt-dbl,
2179
+ .dxss-h.dxss-bt-tk {
2180
+ border-left-style: none;
2263
2181
  }
2264
-
2265
- .dxss-icon-InsertComment:before {
2266
- content: "";
2182
+ .dxss-supportFrame
2183
+ {
2184
+ top: -100px;
2185
+ left: -100px;
2186
+ overflow: hidden;
2187
+ position: absolute;
2188
+ border-style: none;
2267
2189
  }
2268
-
2269
- .dxss-icon-ShowHideComment:before {
2270
- content: "";
2190
+ .dxss-hlh
2191
+ {
2192
+ background-color: #e1e1e1;
2271
2193
  }
2272
-
2273
- .dxss-icon-TableConvertToRange:before {
2274
- content: "";
2194
+ .dxssControlSys .dxm-disabled .dxm-pImage
2195
+ {
2196
+ opacity: 0.2;
2275
2197
  }
2276
-
2277
- .dxss-icon-FullScreen:before {
2278
- content: "";
2198
+ .dxss-ch-container {
2199
+ display: inline-block;
2200
+ vertical-align: middle;
2201
+ line-height: 120%;
2279
2202
  }
2280
-
2281
- .dxss-icon-FreezeFirstColumn:before {
2282
- content: "";
2203
+ .dxss-ch-container .dxss-ch-text {
2204
+ font-weight: 700;
2283
2205
  }
2284
-
2285
- .dxss-icon-FreezePanes:before {
2286
- content: "";
2206
+ /*Tab sample strip control*/
2207
+ .dxssControlSys .dxtc-bottom .dxss-tcer
2208
+ {
2209
+ display: none;
2210
+ }
2211
+ /* Cell Editing */
2212
+ .dxssControlSys .dxss-inputTarget {
2213
+ padding: 0;
2214
+ outline: none;
2215
+ height: 0;
2216
+ width: 0;
2217
+ left: 0;
2218
+ top: 0;
2219
+ position: absolute;
2220
+ z-index: 1000;
2221
+ }
2222
+ .dxssControlSys.icbem .dxss-inputTarget {
2223
+ border: 2px solid #7493C0;
2224
+ }
2225
+ .dxssControlSys.fbem .dxss-inputTarget {
2226
+ border: none;
2287
2227
  }
2228
+ .dxssControlSys.nem .dxss-inputTarget {
2229
+ width: 0!important;
2230
+ height: 0!important;
2231
+ border: 0!important;
2232
+ }
2233
+ .dxss-vfbe,
2234
+ .dxss-hfbe {
2235
+ position: absolute;
2236
+ z-index: 1;
2237
+ background-color: #818181;
2238
+ pointer-events: none;
2239
+ }
2240
+ .dxss-ast {
2241
+ width: 30px;
2242
+ }
2243
+ .dxss-ast-circle {
2244
+ width: 16px;
2245
+ height: 16px;
2288
2246
 
2289
- .dxss-icon-FreezeTopRow:before {
2290
- content: "";
2247
+ box-sizing: border-box;
2248
+ margin-top: 4px;
2249
+ margin-left: 10px;
2250
+ }
2251
+ .dxss-ast-btn {
2252
+ position: relative;
2253
+ width: 16px;
2254
+ height: 16px;
2255
+ margin-top: 3px;
2256
+ margin-left: 3px;
2257
+ }
2258
+ .dxss-ast-btn:before,
2259
+ .dxss-ast-btn:after {
2260
+ content: "";
2261
+ position: absolute;
2262
+ transition: transform 0.25s ease-out;
2263
+ }
2264
+ .dxss-ast-btn:before {
2265
+ top: 0;
2266
+ left: 50%;
2267
+ width: 2px;
2268
+ height: 100%;
2269
+ margin-left: -1px;
2270
+ }
2271
+ .dxss-ast-btn:after {
2272
+ top: 50%;
2273
+ left: 0;
2274
+ width: 100%;
2275
+ height: 2px;
2276
+ margin-top: -1px;
2291
2277
  }
2292
2278
 
2293
- .dxss-icon-UnfreezePanes:before {
2294
- content: "";
2279
+ /* bootstrap fix */
2280
+ .dxss-ctve,
2281
+ .dxss-inputTarget,
2282
+ .dxss-case,
2283
+ .dxss-rrbe,
2284
+ .dxss-trbe,
2285
+ .dxss-brbe,
2286
+ .dxss-lrbe,
2287
+ .dxss-cdse,
2288
+ .dxss-dbse,
2289
+ .dxss-fh,
2290
+ .dxss-ddb
2291
+ {
2292
+ -webkit-box-sizing: content-box;
2293
+ -moz-box-sizing: content-box;
2294
+ box-sizing: content-box;
2295
2295
  }
2296
2296
  .dxssControlSys > .dx-tabs {
2297
2297
  display: block;