www/jqwidgets/styles/theme.css

changeset 733
67bf19c50fcc
equal deleted inserted replaced
732:db4de4f37b65 733:67bf19c50fcc
1 :root {
2 --jqx-accent-color-theme: rgba(249, 9, 217, 1);
3 --jqx-text-color-theme: rgba(85, 85, 85, 1);
4 --jqx-background-color-theme: rgba(255, 255, 255, 1);
5 --jqx-header-text-color-theme: rgba(85, 85, 85, 1);
6 --jqx-header-background-color-theme: rgba(248, 248, 248, 1);
7 --jqx-border-color-theme: rgba(221, 221, 221, 1);
8 --jqx-border-radius-theme: 4px;
9 --jqx-font-family-theme: "Roboto", "Helvetice Neue", "Helvetica", "Arial", sans-serif;
10 --jqx-font-size-theme: 14px;
11 --jqx-hovered-state-text-color-theme: rgba(51, 51, 51, 1);
12 --jqx-hovered-state-background-color-theme: rgba(240, 240, 240, 1);
13 --jqx-hovered-state-content-text-color-theme: rgba(0, 119, 190, 1);
14 --jqx-hovered-state-content-background-color-theme: rgba(225, 245, 254, 1);
15 --jqx-focused-state-text-color-theme: rgba(255, 255, 255, 1);
16 --jqx-focused-state-background-color-theme: rgba(249, 9, 217, 1);
17 --jqx-active-state-text-color-theme: rgba(255, 255, 255, 1);
18 --jqx-active-state-background-color-theme: rgba(249, 9, 217, 1);
19 --jqx-arrow-up-color-theme: url('images/metro-icon-up.png');
20 --jqx-arrow-down-color-theme: url('images/metro-icon-down.png');
21 --jqx-arrow-up-hovered-color-theme: url('images/metro-icon-up.png');
22 --jqx-arrow-down-hovered-color-theme: url('images/metro-icon-down.png');
23 --jqx-arrow-up-selected-color-theme: url('images/metro-icon-up-white.png');
24 --jqx-arrow-down-selected-color-theme: url('images/metro-icon-down-white.png');
25 --jqx-accordion-item-title-text-color-theme: rgba(51, 51, 51, 1);
26 --jqx-accordion-item-title-background-color-theme: rgba(255, 255, 255, 1);
27 --jqx-accordion-item-title-border-color-theme: rgba(224, 224, 224, 1);
28 --jqx-accordion-item-title-hovered-text-color-theme: rgba(51, 51, 51, 1);
29 --jqx-accordion-item-title-hovered-background-color-theme: rgba(246, 246, 246, 1);
30 --jqx-accordion-item-title-hovered-border-color-theme: rgba(246, 246, 246, 1);
31 --jqx-accordion-item-title-selected-text-color-theme: rgba(255, 255, 255, 1);
32 --jqx-accordion-item-title-selected-background-color-theme: rgba(249, 9, 217, 1);
33 --jqx-accordion-item-title-selected-border-color-theme: rgba(249, 9, 217, 1);
34 --jqx-accordion-item-title-focused-border-color-theme: rgba(249, 9, 217, 1);
35 --jqx-accordion-item-text-color-theme: rgba(85, 85, 85, 1);
36 --jqx-accordion-item-background-color-theme: rgba(255, 255, 255, 1);
37 --jqx-accordion-item-focused-text-color-theme: rgba(224, 224, 224, 1);
38 --jqx-accordion-item-focused-background-color-theme: rgba(253, 253, 253, 1);
39 --jqx-accordion-item-focused-border-color-theme: rgba(249, 9, 217, 1);
40 --jqx-accordion-arrow-up-color-theme: url('images/metro-icon-up.png');
41 --jqx-accordion-arrow-down-color-theme: url('images/metro-icon-down.png');
42 --jqx-accordion-arrow-up-hovered-color-theme: url('images/metro-icon-up.png');
43 --jqx-accordion-arrow-down-hovered-color-theme: url('images/metro-icon-down.png');
44 --jqx-accordion-arrow-down-selected-color-theme: url('images/metro-icon-up-white.png');
45 --jqx-button-default-text-color-theme: rgba(85, 85, 85, 1);
46 --jqx-button-default-background-color-theme: rgba(250, 250, 250, 1);
47 --jqx-button-default-hovered-state-text-color-theme: rgba(85, 85, 85, 1);
48 --jqx-button-default-hovered-state-background-color-theme: rgba(240, 240, 240, 1);
49 --jqx-button-default-focused-state-text-color-theme: rgba(255, 255, 255, 1);
50 --jqx-button-default-focused-state-background-color-theme: rgba(249, 9, 217, 1);
51 --jqx-button-default-active-state-text-color-theme: rgba(255, 255, 255, 1);
52 --jqx-button-default-active-state-background-color-theme: rgba(249, 9, 217, 1);
53 --jqx-button-primary-text-color-theme: rgba(0, 119, 190, 1);
54 --jqx-button-primary-background-color-theme: rgba(255, 255, 255, 1);
55 --jqx-button-primary-hovered-state-text-color-theme: rgba(255, 255, 255, 1);
56 --jqx-button-primary-hovered-state-background-color-theme: rgba(0, 119, 190, 1);
57 --jqx-button-primary-focused-state-text-color-theme: rgba(255, 255, 255, 1);
58 --jqx-button-primary-focused-state-background-color-theme: rgba(0, 119, 190, 1);
59 --jqx-button-primary-active-state-text-color-theme: rgba(255, 255, 255, 1);
60 --jqx-button-primary-active-state-background-color-theme: rgba(0, 119, 190, 1);
61 --jqx-button-success-text-color-theme: rgba(92, 184, 92, 1);
62 --jqx-button-success-background-color-theme: rgba(255, 255, 255, 1);
63 --jqx-button-success-hovered-state-text-color-theme: rgba(255, 255, 255, 1);
64 --jqx-button-success-hovered-state-background-color-theme: rgba(92, 184, 92, 1);
65 --jqx-button-success-focused-state-text-color-theme: rgba(255, 255, 255, 1);
66 --jqx-button-success-focused-state-background-color-theme: rgba(92, 184, 92, 1);
67 --jqx-button-success-active-state-text-color-theme: rgba(255, 255, 255, 1);
68 --jqx-button-success-active-state-background-color-theme: rgba(92, 184, 92, 1);
69 --jqx-button-warning-text-color-theme: rgba(240, 173, 78, 1);
70 --jqx-button-warning-background-color-theme: rgba(255, 255, 255, 1);
71 --jqx-button-warning-hovered-state-text-color-theme: rgba(255, 255, 255, 1);
72 --jqx-button-warning-hovered-state-background-color-theme: rgba(240, 173, 78, 1);
73 --jqx-button-warning-focused-state-text-color-theme: rgba(255, 255, 255, 1);
74 --jqx-button-warning-focused-state-background-color-theme: rgba(240, 173, 78, 1);
75 --jqx-button-warning-active-state-text-color-theme: rgba(255, 255, 255, 1);
76 --jqx-button-warning-active-state-background-color-theme: rgba(240, 173, 78, 1);
77 --jqx-button-danger-text-color-theme: rgba(217, 83, 79, 1);
78 --jqx-button-danger-background-color-theme: rgba(255, 255, 255, 1);
79 --jqx-button-danger-hovered-state-text-color-theme: rgba(255, 255, 255, 1);
80 --jqx-button-danger-hovered-state-background-color-theme: rgba(217, 83, 79, 1);
81 --jqx-button-danger-focused-state-text-color-theme: rgba(255, 255, 255, 1);
82 --jqx-button-danger-focused-state-background-color-theme: rgba(217, 83, 79, 1);
83 --jqx-button-danger-active-state-text-color-theme: rgba(255, 255, 255, 1);
84 --jqx-button-danger-active-state-background-color-theme: rgba(217, 83, 79, 1);
85 --jqx-button-info-text-color-theme: rgba(91, 192, 222, 1);
86 --jqx-button-info-background-color-theme: rgba(255, 255, 255, 1);
87 --jqx-button-info-hovered-state-text-color-theme: rgba(255, 255, 255, 1);
88 --jqx-button-info-hovered-state-background-color-theme: rgba(91, 192, 222, 1);
89 --jqx-button-info-focused-state-text-color-theme: rgba(255, 255, 255, 1);
90 --jqx-button-info-focused-state-background-color-theme: rgba(91, 192, 222, 1);
91 --jqx-button-info-active-state-text-color-theme: rgba(255, 255, 255, 1);
92 --jqx-button-info-active-state-background-color-theme: rgba(91, 192, 222, 1);
93 --jqx-editors-text-editors-text-color-theme: rgba(85, 85, 85, 1);
94 --jqx-editors-text-editors-background-color-theme: rgba(255, 255, 255, 1);
95 --jqx-editors-text-editors-border-color-theme: rgba(221, 221, 221, 1);
96 --jqx-editors-text-editors-border-radius-theme: 4px;
97 --jqx-editors-text-editors-focused-border-color-theme: rgba(249, 9, 217, 1);
98 --jqx-editors-dat-themeеtimeinput-calendar-icon-color: url('images/icon-calendar.png');
99 --jqx-editors-dat-themeеtimeinput-calendar-icon-selected-color: url('images/icon-calendar-white.png');
100 --jqx-editors-combobox-multi-item-text-color-theme: rgba(85, 85, 85, 1);
101 --jqx-editors-combobox-multi-item-background-color-theme: rgba(250, 250, 250, 1);
102 --jqx-editors-calendar-header-text-color-theme: rgba(85, 85, 85, 1);
103 --jqx-editors-calendar-header-background-color-theme: rgba(255, 255, 255, 1);
104 --jqx-editors-calendar-arrow-left-color-theme: url('images/metro-icon-left.png');
105 --jqx-editors-calendar-arrow-right-color-theme: url('images/metro-icon-right.png');
106 --jqx-editors-calendar-background-color-theme: rgba(255, 255, 255, 1);
107 --jqx-editors-calendar-today-cell-text-color-theme: rgba(137, 137, 137, 1);
108 --jqx-editors-calendar-today-cell-background-color-theme: rgba(255, 255, 219, 1);
109 --jqx-editors-calendar-today-cell-border-color-theme: rgba(253, 192, 102, 1);
110 --jqx-editors-calendar-current-month-text-color-theme: rgba(85, 85, 85, 1);
111 --jqx-editors-calendar-other-month-text-color-theme: rgba(137, 137, 137, 1);
112 --jqx-editors-calendar-hovered-cell-text-color-theme: rgba(0, 119, 190, 1);
113 --jqx-editors-calendar-hovered-cell-background-color-theme: rgba(225, 245, 254, 1);
114 --jqx-editors-calendar-selected-cell-text-color-theme: rgba(255, 255, 255, 1);
115 --jqx-editors-calendar-selected-cell-background-color-theme: rgba(249, 9, 217, 1);
116 --jqx-editors-switch-thumb-color-theme: rgba(249, 9, 217, 1);
117 --jqx-editors-switch-on-label-text-color-theme: rgba(85, 85, 85, 1);
118 --jqx-editors-switch-on-label-background-color-theme: rgba(255, 255, 255, 1);
119 --jqx-editors-switch-off-label-text-color-theme: rgba(85, 85, 85, 1);
120 --jqx-editors-switch-off-label-background-color-theme: rgba(255, 255, 255, 1);
121 --jqx-editors-file-uploader-background-color-theme: rgba(255, 255, 255, 1);
122 --jqx-editors-file-uploader-filename-text-color-theme: rgba(85, 85, 85, 1);
123 --jqx-grid-text-color-theme: rgba(85, 85, 85, 1);
124 --jqx-grid-background-color-theme: rgba(255, 255, 255, 1);
125 --jqx-grid-header-text-color-theme: rgba(85, 85, 85, 1);
126 --jqx-grid-header-text-weight-theme: normal;
127 --jqx-grid-header-background-color-theme: rgba(248, 248, 248, 1);
128 --jqx-grid-row-text-color-theme: rgba(85, 85, 85, 1);
129 --jqx-grid-row-background-color-theme: rgba(255, 255, 255, 1);
130 --jqx-grid-row-alternation-text-color-theme: rgba(85, 85, 85, 1);
131 --jqx-grid-row-alternation-background-color-theme: rgba(249, 249, 249, 1);
132 --jqx-grid-hovered-row-text-color-theme: rgba(0, 119, 190, 1);
133 --jqx-grid-hovered-row-background-color-theme: rgba(225, 245, 254, 1);
134 --jqx-grid-selected-row-text-color-theme: rgba(255, 255, 255, 1);
135 --jqx-grid-selected-row-background-color-theme: rgba(249, 9, 217, 1);
136 --jqx-grid-selected-row-border-color-theme: rgba(249, 9, 217, 1);
137 --jqx-grid-group-row-text-color-theme: rgba(85, 85, 85, 1);
138 --jqx-grid-group-row-background-color-theme: rgba(255, 255, 255, 1);
139 --jqx-grid-editor-text-color-theme: rgba(85, 85, 85, 1);
140 --jqx-grid-editor-background-color-theme: rgba(255, 255, 255, 1);
141 --jqx-grid-pinned-cells-background-color-theme: rgba(229, 229, 229, 1);
142 --jqx-grid-arrow-down-color-theme: url('images/metro-icon-down.png');
143 --jqx-grid-arrow-right-color-theme: url('images/metro-icon-right.png');
144 --jqx-grid-arrow-left-color-theme: url('images/metro-icon-left.png');
145 --jqx-grid-close-button-color-theme: url('images/close.png');
146 --jqx-grid-arrow-down-hovered-color-theme: url('images/metro-icon-down.png');
147 --jqx-grid-arrow-right-hovered-color-theme: url('images/metro-icon-right.png');
148 --jqx-grid-arrow-left-hovered-color-theme: url('images/metro-icon-left.png');
149 --jqx-grid-arrow-down-selected-color-theme: url('images/metro-icon-down-white.png');
150 --jqx-grid-arrow-right-selected-color-theme: url('images/metro-icon-right-white.png');
151 --jqx-grid-arrow-left-selected-color-theme: url('images/metro-icon-left-white.png');
152 --jqx-grid-header-arrow-down-color-theme: url('images/metro-icon-down.png');
153 --jqx-grid-header-arrow-up-color-theme: url('images/metro-icon-up.png');
154 --jqx-grid-menu-button-color-theme: url('images/icon-menu-small.png');
155 --jqx-grid-groups-arrow-down-color-theme: url('images/metro-icon-down.png');
156 --jqx-grid-groups-arrow-right-color-theme: url('images/metro-icon-right.png');
157 --jqx-grid-groups-arrow-left-color-theme: url('images/metro-icon-left.png');
158 --jqx-list-text-color-theme: rgba(85, 85, 85, 1);
159 --jqx-list-background-color-theme: rgba(255, 255, 255, 1);
160 --jqx-list-header-text-color-theme: rgba(85, 85, 85, 1);
161 --jqx-list-header-background-color-theme: rgba(255, 255, 255, 0.5);
162 --jqx-list-hovered-item-state-text-color-theme: rgba(0, 119, 190, 1);
163 --jqx-list-hovered-item-state-background-color-theme: rgba(225, 245, 254, 1);
164 --jqx-list-selected-item-state-text-color-theme: rgba(255, 255, 255, 1);
165 --jqx-list-selected-item-state-background-color-theme: rgba(249, 9, 217, 1);
166 --jqx-list-arrow-left-color-theme: url('images/metro-icon-left.png');
167 --jqx-list-arrow-right-color-theme: url('images/metro-icon-right.png');
168 --jqx-list-arrow-left-selected-color-theme: url('images/metro-icon-left-white.png');
169 --jqx-list-arrow-right-selected-color-theme: url('images/metro-icon-right-white.png');
170 --jqx-menu-text-color-theme: rgba(85, 85, 85, 1);
171 --jqx-menu-background-color-theme: rgba(255, 255, 255, 1);
172 --jqx-menu-dropdown-text-color-theme: rgba(85, 85, 85, 1);
173 --jqx-menu-dropdown-background-color-theme: rgba(255, 255, 255, 1);
174 --jqx-menu-arrow-up-color-theme: url('images/metro-icon-up.png');
175 --jqx-menu-arrow-down-color-theme: url('images/metro-icon-down.png');
176 --jqx-menu-arrow-left-color-theme: url('images/metro-icon-left.png');
177 --jqx-menu-arrow-right-color-theme: url('images/metro-icon-right.png');
178 --jqx-menu-hovered-item-color-theme: rgba(0, 119, 190, 1);
179 --jqx-menu-hovered-item-background-color-theme: rgba(225, 245, 254, 1);
180 --jqx-menu-selected-item-color-theme: rgba(255, 255, 255, 1);
181 --jqx-menu-selected-item-background-color-theme: rgba(249, 9, 217, 1);
182 --jqx-menu-selected-item-border-color-theme: rgba(249, 9, 217, 1);
183 --jqx-menu-arrow-up-selected-color-theme: url('images/metro-icon-up-white.png');
184 --jqx-menu-arrow-down-selected-color-theme: url('images/metro-icon-down-white.png');
185 --jqx-menu-arrow-left-selected-color-theme: url('images/metro-icon-left-white.png');
186 --jqx-menu-arrow-right-selected-color-theme: url('images/metro-icon-right-white.png');
187 --jqx-navbar-item-text-color-theme: rgba(85, 85, 85, 1);
188 --jqx-navbar-item-background-color-theme: rgba(250, 250, 250, 1);
189 --jqx-navbar-hovered-item-text-color-theme: rgba(85, 85, 85, 1);
190 --jqx-navbar-hovered-item-background-color-theme: rgba(240, 240, 240, 1);
191 --jqx-navbar-selected-item-text-color-theme: rgba(255, 255, 255, 1);
192 --jqx-navbar-selected-item-background-color-theme: rgba(249, 9, 217, 1);
193 --jqx-overlays-content-text-color-theme: rgba(85, 85, 85, 1);
194 --jqx-overlays-content-background-color-theme: rgba(250, 250, 250, 1);
195 --jqx-overlays-shader-background-color-theme: rgba(0, 0, 0, 0.6);
196 --jqx-overlays-popup-header-text-color-theme: rgba(85, 85, 85, 1);
197 --jqx-overlays-popup-header-background-color-theme: rgba(248, 248, 248, 1);
198 --jqx-overlays-tooltip-text-color-theme: rgba(85, 85, 85, 1);
199 --jqx-overlays-tooltip-background-color-theme: rgba(250, 250, 250, 1);
200 --jqx-overlays-toast-text-color-theme: rgba(255, 255, 255, 1);
201 --jqx-overlays-toast-info-background-color-theme: rgba(91, 192, 222, 1);
202 --jqx-overlays-toast-warning-background-color-theme: rgba(240, 173, 78, 1);
203 --jqx-overlays-toast-error-background-color-theme: rgba(217, 83, 79, 1);
204 --jqx-overlays-toast-success-background-color-theme: rgba(92, 184, 92, 1);
205 --jqx-pivotgrid-header-text-color-theme: rgba(85, 85, 85, 1);
206 --jqx-pivotgrid-header-background-color-theme: rgba(250, 250, 250, 1);
207 --jqx-pivotgrid-cell-text-color-theme: rgba(85, 85, 85, 1);
208 --jqx-pivotgrid-cell-background-color-theme: rgba(255, 255, 255, 1);
209 --jqx-pivotgrid-selected-cell-text-color-theme: rgba(255, 255, 255, 1);
210 --jqx-pivotgrid-selected-cell-background-color-theme: rgba(249, 9, 217, 1);
211 --jqx-pivotgrid-arrow-up-color-theme: url('images/metro-icon-up.png');
212 --jqx-pivotgrid-arrow-down-color-theme: url('images/metro-icon-down.png');
213 --jqx-pivotgrid-menu-button-color-theme: url('images/icon-menu-small.png');
214 --jqx-progressbar-bar-background-color-theme: rgba(247, 247, 247, 1);
215 --jqx-progressbar-selected-range-background-color-theme: rgba(249, 9, 217, 1);
216 --jqx-progressbar-label-color-theme: rgba(85, 85, 85, 1);
217 --jqx-scheduler-header-text-color-theme: rgba(85, 85, 85, 1);
218 --jqx-scheduler-header-background-color-theme: rgba(248, 248, 248, 1);
219 --jqx-scheduler-header-border-color-theme: rgba(221, 221, 221, 1);
220 --jqx-scheduler-header-buttons-text-color-theme: rgba(85, 85, 85, 1);
221 --jqx-scheduler-header-buttons-background-color-theme: rgba(250, 250, 250, 1);
222 --jqx-scheduler-header-buttons-hovered-text-color-theme: rgba(85, 85, 85, 1);
223 --jqx-scheduler-header-buttons-hovered-background-color-theme: rgba(240, 240, 240, 1);
224 --jqx-scheduler-header-buttons-selected-text-color-theme: rgba(255, 255, 255, 1);
225 --jqx-scheduler-header-buttons-selected-background-color-theme: rgba(0, 119, 190, 1);
226 --jqx-scheduler-border-color-theme: rgba(221, 221, 221, 1);
227 --jqx-scheduler-not-work-time-cells-color-theme: rgba(238, 238, 238, 1);
228 --jqx-scheduler-hovered-cell-background-color-theme: rgba(227, 245, 251, 1);
229 --jqx-scheduler-hovered-cell-border-color-theme: rgba(227, 245, 251, 1);
230 --jqx-scheduler-selected-cell-background-color-theme: rgba(249, 9, 217, 1);
231 --jqx-scheduler-selected-cell-border-color-theme: rgba(249, 9, 217, 1);
232 --jqx-scheduler-weeks-arrow-right-color-theme: url('images/metro-icon-right.png');
233 --jqx-scheduler-weeks-arrow-left-color-theme: url('images/metro-icon-left.png');
234 --jqx-scheduler-weeks-arrow-right-selected-color-theme: url('images/metro-icon-right-white.png');
235 --jqx-scheduler-weeks-arrow-left-selected-color-theme: url('images/metro-icon-left-white.png');
236 --jqx-scheduler-calendar-icon-color-theme: url('images/icon-calendar.png');
237 --jqx-scheduler-calendar-icon-selected-color-theme: url('images/icon-calendar-white.png');
238 --jqx-scrollbar-scrollbar-background-color-theme: rgba(248, 248, 248, 1);
239 --jqx-scrollbar-scrollbar-thumb-background-color-theme: rgba(246, 246, 246, 1);
240 --jqx-scrollbar-scrollbar-thumb-hovered-background-color-theme: rgba(230, 230, 230, 1);
241 --jqx-scrollbar-scrollbar-thumb-active-background-color-theme: rgba(217, 217, 217, 1);
242 --jqx-scrollbar-scrollbar-arrow-background-color-theme: rgba(248, 248, 248, 1);
243 --jqx-scrollbar-arrow-up-color-theme: url('images/metro-icon-up.png');
244 --jqx-scrollbar-arrow-down-color-theme: url('images/metro-icon-down.png');
245 --jqx-scrollbar-arrow-left-color-theme: url('images/metro-icon-left.png');
246 --jqx-scrollbar-arrow-right-color-theme: url('images/metro-icon-right.png');
247 --jqx-scrollbar-scrollbar-arrow-hovered-background-color-theme: rgba(248, 248, 248, 1);
248 --jqx-scrollbar-arrow-up-hovered-color-theme: url('images/metro-icon-up.png');
249 --jqx-scrollbar-arrow-down-hovered-color-theme: url('images/metro-icon-down.png');
250 --jqx-scrollbar-arrow-left-hovered-color-theme: url('images/metro-icon-left.png');
251 --jqx-scrollbar-arrow-right-hovered-color-theme: url('images/metro-icon-right.png');
252 --jqx-scrollbar-scrollbar-arrow-active-background-color-theme: rgba(248, 248, 248, 1);
253 --jqx-scrollbar-arrow-up-active-color-theme: url('images/metro-icon-up.png');
254 --jqx-scrollbar-arrow-down-active-color-theme: url('images/metro-icon-down.png');
255 --jqx-scrollbar-arrow-left-active-color-theme: url('images/metro-icon-left.png');
256 --jqx-scrollbar-arrow-right-active-color-theme: url('images/metro-icon-right.png');
257 --jqx-scrollview-indicator-background-color-theme: rgba(250, 250, 250, 1);
258 --jqx-scrollview-selected-indicator-background-color-theme: rgba(0, 119, 190, 1);
259 --jqx-slider-slider-bar-background-color-theme: rgba(240, 240, 240, 1);
260 --jqx-slider-selected-slider-background-color-theme: rgba(249, 9, 217, 1);
261 --jqx-slider-slider-thumb-color-theme: rgba(249, 9, 217, 1);
262 --jqx-slider-focused-border-color-theme: rgba(249, 9, 217, 1);
263 --jqx-slider-tooltip-text-color-theme: rgba(255, 255, 255, 1);
264 --jqx-slider-tooltip-background-color-theme: rgba(249, 9, 217, 1);
265 --jqx-slider-tooltip-border-color-theme: rgba(249, 9, 217, 1);
266 --jqx-slider-arrows-background-color-theme: rgba(255, 255, 255, 0);
267 --jqx-slider-arrows-hovered-background-color-theme: rgba(240, 240, 240, 1);
268 --jqx-slider-arrows-selected-background-color-theme: rgba(249, 9, 217, 1);
269 --jqx-slider-arrow-left-color-theme: url('images/metro-icon-left.png');
270 --jqx-slider-arrow-right-color-theme: url('images/metro-icon-right.png');
271 --jqx-slider-arrow-left-hovered-color-theme: url('images/metro-icon-left.png');
272 --jqx-slider-arrow-right-hovered-color-theme: url('images/metro-icon-right.png');
273 --jqx-slider-arrow-left-selected-color-theme: url('images/metro-icon-left-white.png');
274 --jqx-slider-arrow-right-selected-color-theme: url('images/metro-icon-right-white.png');
275 --jqx-tabs-header-background-color-theme: rgba(248, 248, 248, 1);
276 --jqx-tabs-tab-text-color-theme: rgba(51, 51, 51, 1);
277 --jqx-tabs-hovered-tab-text-color-theme: rgba(51, 51, 51, 1);
278 --jqx-tabs-hovered-tab-background-color-theme: rgba(240, 240, 240, 1);
279 --jqx-tabs-selected-tab-text-color-theme: rgba(249, 9, 217, 1);
280 --jqx-tabs-selected-tab-background-color-theme: rgba(255, 255, 255, 1);
281 --jqx-tabs-selected-tab-bottom-border-color-theme: rgba(249, 9, 217, 1);
282 --jqx-tabs-border-color-theme: rgba(221, 221, 221, 1);
283 --jqx-tabs-content-text-color-theme: rgba(85, 85, 85, 1);
284 --jqx-tabs-content-background-color-theme: rgba(255, 255, 255, 1);
285 --jqx-tabs-arrow-left-color-theme: url('images/metro-icon-left.png');
286 --jqx-tabs-arrow-right-color-theme: url('images/metro-icon-right.png');
287 --jqx-toolbar-background-color-theme: rgba(250, 250, 250, 1);
288 --jqx-treeview-hovered-tree-item-color-theme: rgba(0, 119, 190, 1);
289 --jqx-treeview-hovered-tree-item-background-color-theme: rgba(225, 245, 254, 1);
290 --jqx-treeview-selected-tree-item-color-theme: rgba(255, 255, 255, 1);
291 --jqx-treeview-selected-tree-item-background-color-theme: rgba(249, 9, 217, 1);
292 --jqx-treeview-arrow-expanded-color-theme: url('images/metro-icon-down.png');
293 --jqx-treeview-arrow-collapsed-color-theme: url('images/metro-icon-down.png');
294 }
295
296 .jqx-widget-theme {
297 font-family: var(--jqx-font-family-theme);
298 font-size: var(--jqx-font-size-theme);
299 color: var(--jqx-text-color-theme);
300 }
301 .jqx-widget-content-theme {
302 font-family: var(--jqx-font-family-theme);
303 font-size: var(--jqx-font-size-theme);
304 color: var(--jqx-text-color-theme);
305 }
306 .jqx-widget-header-theme {
307 font-family: var(--jqx-font-family-theme);
308 font-size: var(--jqx-font-size-theme);
309 color: var(--jqx-header-text-color-theme) !important;
310 background-color: var(--jqx-header-background-color-theme) !important;
311 }
312
313 /*Rounded Corners*/
314 /*top-left rounded Corners*/
315 .jqx-rc-tl-theme {
316 -moz-border-radius-topleft: var(--jqx-border-radius-theme);
317 -webkit-border-top-left-radius: var(--jqx-border-radius-theme);
318 border-top-left-radius: var(--jqx-border-radius-theme);
319 }
320 /*top-right rounded Corners*/
321 .jqx-rc-tr-theme {
322 -moz-border-radius-topright: var(--jqx-border-radius-theme);
323 -webkit-border-top-right-radius: var(--jqx-border-radius-theme);
324 border-top-right-radius: var(--jqx-border-radius-theme);
325 }
326 /*bottom-left rounded Corners*/
327 .jqx-rc-bl-theme {
328 -moz-border-radius-bottomleft: var(--jqx-border-radius-theme);
329 -webkit-border-bottom-left-radius: var(--jqx-border-radius-theme);
330 border-bottom-left-radius: var(--jqx-border-radius-theme);
331 }
332 /*bottom-right rounded Corners*/
333 .jqx-rc-br-theme {
334 -moz-border-radius-bottomright: var(--jqx-border-radius-theme);
335 -webkit-border-bottom-right-radius: var(--jqx-border-radius-theme);
336 border-bottom-right-radius: var(--jqx-border-radius-theme);
337 }
338 /*top rounded Corners*/
339 .jqx-rc-t-theme {
340 -moz-border-radius-topleft: var(--jqx-border-radius-theme);
341 -webkit-border-top-left-radius: var(--jqx-border-radius-theme);
342 border-top-left-radius: var(--jqx-border-radius-theme);
343 -moz-border-radius-topright: var(--jqx-border-radius-theme);
344 -webkit-border-top-right-radius: var(--jqx-border-radius-theme);
345 border-top-right-radius: var(--jqx-border-radius-theme);
346 }
347 /*bottom rounded Corners*/
348 .jqx-rc-b-theme {
349 -moz-border-radius-bottomleft: var(--jqx-border-radius-theme);
350 -webkit-border-bottom-left-radius: var(--jqx-border-radius-theme);
351 border-bottom-left-radius: var(--jqx-border-radius-theme);
352 -moz-border-radius-bottomright: var(--jqx-border-radius-theme);
353 -webkit-border-bottom-right-radius: var(--jqx-border-radius-theme);
354 border-bottom-right-radius: var(--jqx-border-radius-theme);
355 }
356 /*right rounded Corners*/
357 .jqx-rc-r-theme {
358 -moz-border-radius-topright: var(--jqx-border-radius-theme);
359 -webkit-border-top-right-radius: var(--jqx-border-radius-theme);
360 border-top-right-radius: var(--jqx-border-radius-theme);
361 -moz-border-radius-bottomright: var(--jqx-border-radius-theme);
362 -webkit-border-bottom-right-radius: var(--jqx-border-radius-theme);
363 border-bottom-right-radius: var(--jqx-border-radius-theme);
364 }
365 /*left rounded Corners*/
366 .jqx-rc-l-theme {
367 -moz-border-radius-topleft: var(--jqx-border-radius-theme);
368 -webkit-border-top-left-radius: var(--jqx-border-radius-theme);
369 border-top-left-radius: var(--jqx-border-radius-theme);
370 -moz-border-radius-bottomleft: var(--jqx-border-radius-theme);
371 -webkit-border-bottom-left-radius: var(--jqx-border-radius-theme);
372 border-bottom-left-radius: var(--jqx-border-radius-theme);
373 }
374 /*all rounded Corners*/
375 .jqx-rc-all-theme {
376 -moz-border-radius: var(--jqx-border-radius-theme);
377 -webkit-border-radius: var(--jqx-border-radius-theme);
378 border-radius: var(--jqx-border-radius-theme);
379 }
380
381 .jqx-widget-theme, .jqx-widget-header-theme, .jqx-fill-state-normal-theme,
382 .jqx-widget-content-theme, .jqx-fill-state-hover-theme, .jqx-fill-state-pressed-theme {
383 font-family: var(--jqx-font-family-theme);
384 font-size: var(--jqx-font-size-theme);
385 }
386
387 .jqx-widget-content-theme {
388 background-color: var(--jqx-background-color-theme);
389 border-color: var(--jqx-border-color-theme);
390 }
391 .jqx-widget-header-theme {
392 border-color: var(--jqx-border-color-theme);
393 *zoom: 1;
394 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
395 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
396 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
397 }
398 .jqx-widget-theme input::selection, input.jqx-input-widget-theme::selection, .jqx-widget-content-theme input::selection {
399 background: var(--jqx-active-state-background-color-theme);
400 color: var(--jqx-active-state-text-color-theme);
401 }
402 .jqx-button-theme {
403 transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
404 }
405 .jqx-button-theme, .jqx-fill-state-normal-theme {
406 color: var(--jqx-button-default-text-color-theme);
407 background: var(--jqx-button-default-background-color-theme);
408 border-color: var(--jqx-border-color-theme);
409 *zoom: 1;
410 }
411
412 .jqx-fill-state-hover-theme {
413 color: var(--jqx-hovered-state-text-color-theme);
414 border-color: #b2b2b2;
415 border-color: rgba(0, 0, 0, 0.3);
416 background-color: var(--jqx-hovered-state-background-color-theme);
417 }
418 .jqx-fill-state-pressed-theme {
419 color: var(--jqx-active-state-text-color-theme) !important;
420 background-color: var(--jqx-active-state-background-color-theme);
421 border-color: var(--jqx-active-state-background-color-theme); ;
422 *background-color: var(--jqx-active-state-text-color-theme);
423 }
424
425 .jqx-fill-state-hover-theme, .jqx-fill-state-focus-theme {
426 color: var(--jqx-hovered-state-text-color-theme);
427 text-decoration: none;
428 }
429 .jqx-fill-state-focus-theme, .jqx-item-theme.jqx-fill-state-focus {
430 border-color: var(--jqx-focused-state-background-color-theme);
431 }
432 .jqx-fill-state-pressed-theme.jqx-fill-state-hover-theme, .jqx-dropdownlist-state-selected-theme{
433 color: var(--jqx-focused-state-text-color-theme);
434 }
435
436 .jqx-dropdownlist-state-hover-theme {
437 background-color: var(--jqx-hovered-state-background-color-theme);
438 color: var(--jqx-hovered-state-text-color-theme);
439 }
440
441 .jqx-datetimeinput-theme .jqx-action-button-theme.jqx-fill-state-hover{
442 border-color: var(--jqx-border-color-theme);
443 }
444 .jqx-datetimeinput-theme.jqx-fill-state-focus .jqx-action-button-theme{
445 border-color: var(--jqx-accent-color-theme);
446 }
447 .jqx-filter-input-theme:focus {
448 border-color: var(--jqx-accent-color-theme) !important;
449 }
450
451 .jqx-button-theme {
452 color: var(--jqx-button-default-text-color-theme);
453 border-color: var(--jqx-border-color-theme);
454 *zoom: 1;
455 }
456
457 .jqx-button-theme.jqx-fill-state-hover {
458 color: var(--jqx-button-default-hovered-state-text-color-theme);
459 background-color: var(--jqx-button-default-hovered-state-background-color-theme);
460 *zoom: 1;
461 -webkit-transition: background-color 100ms linear;
462 -moz-transition: background-color 100ms linear;
463 -o-transition: background-color 100ms linear;
464 -ms-transition: background-color 100ms linear;
465 transition: background-color 100ms linear;
466 }
467 .jqx-button-theme.jqx-fill-state-pressed {
468 color: var(--jqx-button-default-active-state-text-color-theme) !important;
469 background-color: var(--jqx-button-default-active-state-background-color-theme) !important;
470 border-color: var(--jqx-button-default-active-state-background-color-theme) !important;
471 *zoom: 1;
472 -webkit-transition: background-color 100ms linear;
473 -moz-transition: background-color 100ms linear;
474 -o-transition: background-color 100ms linear;
475 -ms-transition: background-color 100ms linear;
476 transition: background-color 100ms linear;
477 }
478
479 .jqx-button-theme:focus {
480 color: var(--jqx-button-default-focused-state-text-color-theme);
481 background-color: var(--jqx-button-default-focused-state-background-color-theme);
482 }
483
484 .jqx-dropdownlist-state-normal-theme, .jqx-dropdownlist-state-hover-theme, .jqx-dropdownlist-state-selected-theme,
485 .jqx-scrollbar-button-state-hover-theme, .jqx-scrollbar-button-state-normal-theme, .jqx-scrollbar-button-state-pressed-theme,
486 .jqx-scrollbar-thumb-state-normal-horizontal-theme, .jqx-scrollbar-thumb-state-hover-horizontal-theme, .jqx-scrollbar-thumb-state-pressed-horizontal-theme,
487 .jqx-scrollbar-thumb-state-normal-theme, .jqx-scrollbar-thumb-state-pressed-theme, .jqx-tree-item-hover-theme, .jqx-tree-item-selected-theme,
488 .jqx-tree-item-theme, .jqx-menu-item-theme, .jqx-menu-item-hover-theme, .jqx-menu-item-selected-theme, .jqx-menu-item-top-theme, .jqx-menu-item-top-hover-theme,
489 .jqx-menu-item-top-selected-theme, .jqx-slider-button-theme, .jqx-slider-slider-theme
490 {
491 -webkit-transition: background-color 100ms linear;
492 -moz-transition: background-color 100ms linear;
493 -o-transition: background-color 100ms linear;
494 -ms-transition: background-color 100ms linear;
495 transition: background-color 100ms linear;
496 }
497 .jqx-primary-theme
498 {
499 color: var(--jqx-button-primary-text-color-theme) !important;
500 background: var(--jqx-button-primary-background-color-theme) !important;
501 border-color: var(--jqx-button-primary-text-color-theme) !important;
502 text-shadow: none !important;
503 }
504 .jqx-primary-theme.jqx-dropdownlist-state-normal-theme,
505 .jqx-primary-theme.jqx-slider-button-theme,
506 .jqx-primary-theme.jqx-slider-slider-theme,
507 .jqx-primary-theme.jqx-combobox-arrow-normal-theme,
508 .jqx-primary-theme.jqx-combobox-arrow-hover-theme,
509 .jqx-primary-theme.jqx-action-button-theme,
510 .jqx-primary-theme:hover,
511 .jqx-primary-theme:active,
512 .jqx-primary-theme.active,
513 .jqx-primary-theme.disabled,
514 .jqx-primary-theme[disabled] {
515 color: var(--jqx-button-primary-hovered-state-text-color-theme) !important;
516 background: var(--jqx-button-primary-hovered-state-background-color-theme) !important;
517 border-color: var(--jqx-button-primary-hovered-state-background-color-theme) !important;
518 text-shadow: none !important;
519 }
520
521 .jqx-primary-theme:focus {
522 color: var(--jqx-button-primary-focused-state-text-color-theme) !important;
523 background: var(--jqx-button-primary-focused-state-background-color-theme) !important;
524 }
525
526 .jqx-fill-state-pressed-theme.jqx-primary-theme,
527 .jqx-primary-theme:active,
528 .jqx-primary-theme.active {
529 color: var(--jqx-button-primary-active-state-text-color-theme) !important;
530 background-color: var(--jqx-button-primary-active-state-background-color-theme) !important;
531 border-color: var(--jqx-button-primary-active-state-background-color-theme) !important;
532 text-shadow: none !important;
533 }
534
535 .jqx-success-theme
536 {
537 color: var(--jqx-button-success-text-color-theme) !important;
538 background: var(--jqx-button-success-background-color-theme) !important;
539 border-color: var(--jqx-button-success-text-color-theme) !important;
540 text-shadow: none !important;
541 }
542 .jqx-success-theme.jqx-dropdownlist-state-normal-theme,
543 .jqx-success-theme.jqx-slider-button-theme,
544 .jqx-success-theme.jqx-slider-slider-theme,
545 .jqx-success-theme.jqx-combobox-arrow-normal-theme,
546 .jqx-success-theme.jqx-combobox-arrow-hover-theme,
547 .jqx-success-theme.jqx-action-button-theme,
548 .jqx-success-theme:hover,
549 .jqx-success-theme:active,
550 .jqx-success-theme.active,
551 .jqx-success-theme.disabled,
552 .jqx-success-theme[disabled] {
553 color: var(--jqx-button-success-hovered-state-text-color-theme) !important;
554 background: var(--jqx-button-success-hovered-state-background-color-theme) !important;
555 border-color: var(--jqx-button-success-hovered-state-background-color-theme) !important;
556 text-shadow: none !important;
557 }
558
559 .jqx-success-theme:focus {
560 color: var(--jqx-button-success-focused-state-text-color-theme) !important;
561 background: var(--jqx-button-success-focused-state-background-color-theme) !important;
562 }
563
564 .jqx-fill-state-pressed-theme.jqx-success-theme,
565 .jqx-success-theme:active,
566 .jqx-success-theme.active {
567 text-shadow: none !important;
568 color: var(--jqx-button-success-active-state-text-color-theme) !important;
569 background: var(--jqx-button-success-active-state-background-color-theme) !important;
570 border-color: var(--jqx-button-success-active-state-text-color-theme) !important;
571 }
572
573 .jqx-inverse-theme
574 {
575 text-shadow: none !important;
576 color: #666 !important;
577 background: #fff !important;
578 border-color: #cccccc!important;
579 }
580 .jqx-inverse-theme.jqx-dropdownlist-state-normal-theme,
581 .jqx-inverse-theme.jqx-slider-button-theme,
582 .jqx-inverse-theme.jqx-slider-slider-theme,
583 .jqx-inverse-theme.jqx-combobox-arrow-hover-theme,
584 .jqx-inverse-theme.jqx-combobox-arrow-normal-theme,
585 .jqx-inverse-theme.jqx-action-button-theme,
586 .jqx-inverse-theme:hover,
587 .jqx-inverse-theme:focus,
588 .jqx-inverse-theme:active,
589 .jqx-inverse-theme.active,
590 .jqx-inverse-theme.disabled,
591 .jqx-inverse-theme[disabled] {
592 text-shadow: none !important;
593 color: #666 !important;
594 background: #cccccc !important;
595 border-color: #cccccc!important;
596 }
597
598 .jqx-fill-state-pressed-theme.jqx-inverse-theme,
599 .jqx-inverse-theme:active,
600 .jqx-inverse-theme.active {
601 text-shadow: none !important;
602 color: #666 !important;
603 background: #cccccc !important;
604 border-color: #cccccc!important;
605 }
606
607
608 .jqx-danger-theme
609 {
610 text-shadow: none !important;
611 color: var(--jqx-button-danger-text-color-theme) !important;
612 background: var(--jqx-button-danger-background-color-theme) !important;
613 border-color: var(--jqx-button-danger-text-color-theme) !important;
614 }
615 .jqx-danger-theme.jqx-dropdownlist-state-normal-theme,
616 .jqx-danger-theme.jqx-slider-button-theme,
617 .jqx-danger-theme.jqx-slider-slider-theme,
618 .jqx-danger-theme.jqx-combobox-arrow-hover-theme,
619 .jqx-danger-theme.jqx-combobox-arrow-normal-theme,
620 .jqx-danger-theme.jqx-action-button-theme,
621 .jqx-danger-theme:hover,
622 .jqx-danger-theme:focus,
623 .jqx-danger-theme:active,
624 .jqx-danger-theme.active,
625 .jqx-danger-theme.disabled,
626 .jqx-danger-theme[disabled] {
627 text-shadow: none !important;
628 color: var(--jqx-button-danger-hovered-state-text-color-theme) !important;
629 background: var(--jqx-button-danger-hovered-state-background-color-theme) !important;
630 border-color: var(--jqx-button-danger-hovered-state-background-color-theme) !important;
631 }
632
633 .jqx-danger-theme:focus {
634 color: var(--jqx-button-danger-focused-state-text-color-theme) !important;
635 background: var(--jqx-button-danger-focused-state-background-color-theme) !important;
636 }
637
638 .jqx-fill-state-pressed-theme.jqx-danger-theme,
639 .jqx-danger-theme:active,
640 .jqx-danger-theme.active {
641 text-shadow: none !important;
642 color: var(--jqx-button-danger-active-state-text-color-theme) !important;
643 background: var(--jqx-button-danger-active-state-background-color-theme) !important;
644 border-color: var(--jqx-button-danger-active-state-background-color-theme) !important;
645 }
646
647
648 .jqx-warning-theme
649 {
650 text-shadow: none !important;
651 color: var(--jqx-button-warning-text-color-theme) !important;
652 background: var(--jqx-button-warning-background-color-theme) !important;
653 border-color: var(--jqx-button-warning-text-color-theme) !important;
654 }
655 .jqx-warning-theme.jqx-dropdownlist-state-normal-theme,
656 .jqx-warning-theme.jqx-slider-button-theme,
657 .jqx-warning-theme.jqx-slider-slider-theme,
658 .jqx-warning-theme.jqx-combobox-arrow-hover-theme,
659 .jqx-warning-theme.jqx-combobox-arrow-normal-theme,
660 .jqx-warning-theme.jqx-action-button-theme,
661 .jqx-warning-theme:hover,
662 .jqx-warning-theme:focus,
663 .jqx-warning-theme:active,
664 .jqx-warning-theme.active,
665 .jqx-warning-theme.disabled,
666 .jqx-warning-theme[disabled] {
667 text-shadow: none !important;
668 color: var(--jqx-button-warning-hovered-state-text-color-theme) !important;
669 background: var(--jqx-button-warning-hovered-state-background-color-theme) !important;
670 border-color: var(--jqx-button-warning-hovered-state-background-color-theme) !important;
671 }
672
673 .jqx-warning-theme:focus {
674 color: var(--jqx-button-warning-focused-state-text-color-theme) !important;
675 background: var(--jqx-button-warning-focused-state-background-color-theme) !important;
676 }
677
678 .jqx-fill-state-pressed-theme.jqx-warning-theme,
679 .jqx-warning-theme:active,
680 .jqx-warning-theme.active {
681 text-shadow: none !important;
682 color: var(--jqx-button-warning-active-state-text-color-theme) !important;
683 background: var(--jqx-button-warning-active-state-background-color-theme) !important;
684 border-color: var(--jqx-button-warning-active-state-background-color-theme) !important;
685 }
686
687
688 .jqx-info-theme
689 {
690 text-shadow: none !important;
691 color: var(--jqx-button-info-text-color-theme) !important;
692 background: var(--jqx-button-info-background-color-theme) !important;
693 border-color: var(--jqx-button-info-text-color-theme) !important;
694 }
695 .jqx-info-theme.jqx-dropdownlist-state-normal-theme,
696 .jqx-info-theme.jqx-slider-button-theme,
697 .jqx-info-theme.jqx-slider-slider-theme,
698 .jqx-info-theme.jqx-combobox-arrow-hover-theme,
699 .jqx-info-theme.jqx-combobox-arrow-normal-theme,
700 .jqx-info-theme.jqx-action-button-theme,
701 .jqx-info-theme:hover,
702 .jqx-info-theme:focus,
703 .jqx-info-theme:active,
704 .jqx-info-theme.active,
705 .jqx-info-theme.disabled,
706 .jqx-info-theme[disabled] {
707 color: var(--jqx-button-info-hovered-state-text-color-theme) !important;
708 background: var(--jqx-button-info-hovered-state-background-color-theme) !important;
709 border-color: var(--jqx-button-info-hovered-state-background-color-theme) !important;
710 text-shadow: none !important;
711 }
712
713 .jqx-info-theme:focus {
714 color: var(--jqx-button-info-focused-state-text-color-theme) !important;
715 background: var(--jqx-button-info-focused-state-background-color-theme) !important;
716 }
717
718 .jqx-fill-state-pressed-theme.jqx-info-theme,
719 .jqx-info-theme:active,
720 .jqx-info-theme.active {
721 text-shadow: none !important;
722 color: var(--jqx-button-info-active-state-text-color-theme) !important;
723 background: var(--jqx-button-info-active-state-background-color-theme) !important;
724 border-color: var(--jqx-button-info-active-state-background-color-theme) !important;
725 }
726
727 .jqx-fill-state-pressed-theme {
728 background-image: none;
729 outline: 0;
730 }
731
732 .jqx-grid-column-header-theme,
733 .jqx-grid-groups-header-theme,
734 .jqx-grid-pager-theme {
735 background-color: var(--jqx-grid-header-background-color-theme) !important;
736 color: var(--jqx-grid-header-text-color-theme) !important;
737 font-weight: var(--jqx-grid-header-text-weight-theme);
738 }
739
740 .jqx-grid-column-header-theme .sorticon {
741 background-color: inherit !important;
742 }
743 .jqx-grid-column-header-theme .jqx-widget-header-theme {
744 background-color: inherit !important;
745 }
746 .jqx-widget-header-theme.sortasc, .jqx-grid-column-sortascbutton-theme,
747 .jqx-widget-header-theme.sortdesc, .jqx-grid-column-sortdescbutton-theme {
748 background-color: inherit !important;
749 }
750
751 .jqx-grid-content-theme { /* for the opacity of the alternation rows */
752 background-color: rgba(255, 255, 255, 1);
753 }
754
755 .jqx-grid-cell-selected.jqx-grid-cell-edit-theme,
756 .jqx-grid-cell-selected.jqx-grid-cell-edit-theme input,
757 .jqx-cell-editor-theme {
758 background-color: var(--jqx-grid-editor-background-color-theme) !important;
759 color: var(--jqx-grid-editor-text-color-theme) !important;
760 }
761
762 #tabletreegrid .jqx-cell-editor-theme {
763 background-color: var(--jqx-grid-editor-background-color-theme) !important;
764 color: var(--jqx-grid-editor-text-color-theme) !important;
765 }
766
767 .jqx-grid-cell-alt-theme {
768 background-color: var(--jqx-grid-row-alternation-background-color-theme) !important;
769 color: var(--jqx-grid-row-alternation-text-color-theme) !important;
770 }
771
772 .jqx-grid-group-expand-theme + div, .jqx-grid-group-collapse-theme + div {
773 background-color: var(--jqx-grid-group-row-background-color-theme);
774 color: var(--jqx-grid-group-row-text-color-theme);
775 }
776
777 .jqx-grid-cell-theme, .jqx-grid-group-cell-theme {
778 -webkit-box-shadow: none;
779 -moz-box-shadow: none;
780 box-shadow: none;
781 background-color: var(--jqx-grid-row-background-color-theme);
782 color: var(--jqx-grid-row-text-color-theme);
783 }
784
785 .jqx-grid-cell-pinned-theme {
786 background-color: var(--jqx-grid-pinned-cells-background-color-theme) !important;
787 }
788
789 .jqx-grid-column-menubutton-theme {
790 background-color: transparent;
791 border-color: var(--jqx-border-color-theme) !important;
792 }
793
794 #groupsheadergrid .jqx-fill-state-normal-theme {
795 background-color: var(--jqx-grid-background-color-theme) !important;
796 }
797
798 #pagergrid .jqx-input-theme, #pagergrid .jqx-fill-state-normal-theme {
799 background-color: var(--jqx-grid-background-color-theme) !important;
800 }
801
802
803 #pagergrid .jqx-dropdownlist-state-hover-theme{
804 background-color: var(--jqx-hovered-state-background-color-theme) !important;
805 color: var(--jqx-hovered-state-text-color-theme);
806 }
807
808 #pagergrid .jqx-dropdownlist-state-selected-theme{
809 background-color: var(--jqx-active-state-background-color-theme) !important;
810 }
811
812 .jqx-cell-theme {
813 font-size: var(--jqx-font-size-theme);
814 }
815
816 .jqx-widget-header-theme.jqx-pivotgrid-content-wrapper {
817 background-color: var(--jqx-pivotgrid-header-background-color-theme) !important;
818 color: var(--jqx-pivotgrid-header-text-color-theme) !important;
819 }
820
821 .jqx-grid-cell-normal-theme.jqx-pivotgrid-content-wrapper {
822 background-color: var(--jqx-pivotgrid-cell-background-color-theme);
823 color: var(--jqx-pivotgrid-cell-text-color-theme);
824 }
825
826 .jqx-grid-cell-selected-theme.jqx-pivotgrid-content-wrapper {
827 color: var(--jqx-pivotgrid-selected-cell-text-color-theme) !important;
828 background-color: var(--jqx-pivotgrid-selected-cell-background-color-theme) !important;
829 border-color: var(--jqx-pivotgrid-selected-cell-background-color-theme) !important;
830 }
831
832 .jqx-calendar-theme > div {
833 padding: 10px;
834 box-sizing: border-box;
835 }
836
837 .jqx-calendar-theme .jqx-widget-header-theme
838 {
839 background-color: var(--jqx-background-color-theme);
840 font-size:12px;
841 box-shadow:none;
842 }
843
844 .calendar-header-theme td {
845 color: var(--jqx-editors-calendar-header-text-color-theme);
846 }
847
848 .jqx-calendar-month-container-theme {
849 background-color: var(--jqx-editors-calendar-background-color-theme);
850 }
851
852 .jqx-calendar-cell-month-theme {
853 color: var(--jqx-editors-calendar-current-month-text-color-theme) !important;
854 }
855
856 .jqx-calendar-cell-othermonth-theme {
857 color: var(--jqx-editors-calendar-other-month-text-color-theme) !important;
858 }
859
860 .jqx-calendar-title-header-theme {
861 color: var(--jqx-editors-calendar-header-text-color-theme) !important;
862 background-color: var(--jqx-editors-calendar-header-background-color-theme) !important;
863 }
864
865 .jqx-calendar-cell-today-theme {
866 color: var(--jqx-editors-calendar-today-cell-text-color-theme) !important;
867 background-color: var(--jqx-editors-calendar-today-cell-background-color-theme);
868 border-color: var(--jqx-editors-calendar-today-cell-border-color-theme);
869 }
870
871 .jqx-calendar-row-header-theme, .jqx-calendar-top-left-header-theme {
872 background-color: #f0f0f0;
873 border-color: #f2f2f2;
874 box-shadow:none;
875 }
876 .jqx-calendar-title-content-theme {
877 font-weight:bold;
878 }
879 .jqx-calendar-column-header-theme {
880 background-color: var(--jqx-editors-calendar-header-background-color-theme);
881 border-top-color: var(--jqx-editors-calendar-header-background-color-theme);
882 box-shadow:none;
883 border-bottom-color: var(--jqx-editors-calendar-header-background-color-theme);
884 }
885
886 .jqx-calendar-title-navigation-theme.jqx-icon-arrow-left-theme {
887 background-image: var(--jqx-editors-calendar-arrow-left-color-theme);
888 }
889 .jqx-calendar-title-navigation-theme.jqx-icon-arrow-right-theme {
890 background-image: var(--jqx-editors-calendar-arrow-right-color-theme);
891 }
892
893 .jqx-calendar-theme > div {
894 padding: 10px;
895 box-sizing: border-box;
896 }
897 .jqx-expander-header-theme {
898 padding-top: 10px; padding-bottom: 10px;
899 }
900 .jqx-expander-header.jqx-fill-state-hover-theme,
901 .jqx-expander-header.jqx-fill-state-normal-theme
902 {
903 background-color: var(--jqx-accordion-item-title-background-color-theme) !important;
904 border-color: var(--jqx-accordion-item-title-border-color-theme);
905 color: var(--jqx-accordion-item-title-text-color-theme) !important;
906 }
907
908 .jqx-expander-header.jqx-fill-state-pressed-theme {
909 background-color: var(--jqx-accordion-item-title-selected-background-color-theme) !important;
910 border-color: var(--jqx-accordion-item-title-selected-border-color-theme);
911 color: var(--jqx-accordion-item-title-selected-text-color-theme) !important;
912 }
913
914 .jqx-expander-header.jqx-fill-state-hover-theme {
915 background-color: var(--jqx-accordion-item-title-hovered-background-color-theme) !important;
916 color: var(--jqx-accordion-item-title-hovered-text-color-theme) !important;
917 border-color: var(--jqx-accordion-item-title-hovered-border-color-theme) !important;
918 }
919 .jqx-expander-header.jqx-fill-state-focus-theme {
920 border-color: var(--jqx-accordion-item-title-focused-border-color-theme) !important;
921 }
922
923 .jqx-expander-content-theme {
924 background-color: var(--jqx-accordion-item-background-color-theme);
925 color: var(--jqx-accordion-item-text-color-theme);
926 }
927
928 .jqx-expander-content.jqx-fill-state-focus-theme {
929 border-color: var(--jqx-accordion-item-focused-border-color-theme) !important;
930 background-color: var(--jqx-accordion-item-focused-background-color-theme);
931 color: var(--jqx-accordion-item-focused-text-color-theme);
932 }
933 .jqx-expander-header-theme {
934 padding:10px;
935 }
936
937 .jqx-ribbon-header-vertical-theme, .jqx-widget-header-vertical-theme {
938 background:#f0f0f0;
939 }
940
941 .jqx-scrollbar-state-normal-theme {
942 background-color: var(--jqx-scrollbar-scrollbar-background-color-theme);
943 border: 1px solid var(--jqx-scrollbar-scrollbar-background-color-theme);
944 border-left-color: var(--jqx-border-color-theme);
945 }
946
947 .jqx-scrollbar-thumb-state-normal-theme, .jqx-scrollbar-thumb-state-normal-horizontal-theme {
948 background: var(--jqx-scrollbar-scrollbar-thumb-background-color-theme);
949 border-color: #b3b3b3;
950 }
951
952 .jqx-scrollbar-thumb-state-hover-theme, .jqx-scrollbar-thumb-state-hover-horizontal-theme {
953 background: var(--jqx-scrollbar-scrollbar-thumb-hovered-background-color-theme);
954 border-color: #b3b3b3;
955 box-shadow: none;
956 -webkit-box-shadow: none;
957 -moz-box-shadow: none;
958 }
959
960 .jqx-progressbar-theme {
961 background: var(--jqx-progressbar-bar-background-color-theme) !important;
962 -webkit-box-shadow: none;
963 -moz-box-shadow: none;
964 box-shadow: none;
965 }
966
967 .jqx-progressbar-value-theme, .jqx-splitter-collapse-button-horizontal-theme {
968 background: var(--jqx-progressbar-selected-range-background-color-theme);
969 }
970
971 .jqx-splitter-collapse-button-vertical-theme, .jqx-progressbar-value-vertical-theme {
972 background: var(--jqx-progressbar-selected-range-background-color-theme);
973 }
974
975 .jqx-progressbar-text-theme {
976 color: var(--jqx-progressbar-label-color-theme);
977 }
978
979 .jqx-scrollbar-thumb-state-pressed-theme, .jqx-splitter-splitbar-vertical-theme, .jqx-splitter-splitbar-horizontal-theme, .jqx-scrollbar-thumb-state-pressed-horizontal-theme {
980 background: var(--jqx-scrollbar-scrollbar-thumb-active-background-color-theme);
981 border-color: #b3b3b3;
982 box-shadow: none;
983 -webkit-box-shadow: none;
984 -moz-box-shadow: none;
985 }
986
987 .jqx-scrollbar-button-state-normal-theme {
988 background: var(--jqx-scrollbar-scrollbar-arrow-background-color-theme);
989 }
990
991 .jqx-scrollbar-button-state-pressed-theme {
992 background: var(--jqx-scrollbar-scrollbar-arrow-active-background-color-theme) !important;
993 border-color: var(--jqx-scrollbar-scrollbar-arrow-active-background-color-theme);
994 }
995
996 .jqx-scrollbar-button-state-hover-theme {
997 background: var(--jqx-scrollbar-scrollbar-arrow-hovered-background-color-theme);
998 }
999
1000 /* scrollbar arrow up */
1001 .jqx-scrollbar-button-state-normal-theme .jqx-icon-arrow-up-theme {
1002 background-image: var(--jqx-scrollbar-arrow-up-color-theme);
1003 }
1004 .jqx-scrollbar-button-state-hover-theme .jqx-icon-arrow-up-hover-theme {
1005 background-image: var(--jqx-scrollbar-arrow-up-hovered-color-theme);
1006 }
1007 .jqx-scrollbar-button-state-pressed-theme .jqx-icon-arrow-up-selected-theme {
1008 background-image: var(--jqx-scrollbar-arrow-up-active-color-theme);
1009 }
1010
1011 /* scrollbar arrow down */
1012 .jqx-scrollbar-button-state-normal-theme .jqx-icon-arrow-down-theme {
1013 background-image: var(--jqx-scrollbar-arrow-down-color-theme);
1014 }
1015 .jqx-scrollbar-button-state-hover-theme .jqx-icon-arrow-down-hover-theme {
1016 background-image: var(--jqx-scrollbar-arrow-down-hovered-color-theme);
1017 }
1018 .jqx-scrollbar-button-state-pressed-theme .jqx-icon-arrow-down-selected-theme {
1019 background-image: var(--jqx-scrollbar-arrow-down-active-color-theme);
1020 }
1021
1022 /* scrollbar arrow left */
1023 .jqx-scrollbar-button-state-normal-theme .jqx-icon-arrow-left-theme {
1024 background-image: var(--jqx-scrollbar-arrow-left-color-theme);
1025 }
1026 .jqx-scrollbar-button-state-hover-theme .jqx-icon-arrow-left-hover-theme {
1027 background-image: var(--jqx-scrollbar-arrow-left-hovered-color-theme);
1028 }
1029 .jqx-scrollbar-button-state-pressed-theme .jqx-icon-arrow-left-selected-theme{
1030 background-image: var(--jqx-scrollbar-arrow-left-active-color-theme);
1031 }
1032
1033 /* scrollbar arrow right */
1034 .jqx-scrollbar-button-state-normal-theme .jqx-icon-arrow-right-theme {
1035 background-image: var(--jqx-scrollbar-arrow-right-color-theme);
1036 }
1037 .jqx-scrollbar-button-state-hover-theme .jqx-icon-arrow-right-hover-theme {
1038 background-image: var(--jqx-scrollbar-arrow-right-hovered-color-theme);
1039 }
1040 .jqx-scrollbar-button-state-pressed-theme .jqx-icon-arrow-right-selected-theme {
1041 background-image: var(--jqx-scrollbar-arrow-right-active-color-theme);
1042 }
1043
1044 .jqx-grid-column-sortdescbutton-theme, .jqx-grid-column-filterbutton-theme, .jqx-grid-column-sortascbutton-theme {
1045 background-color: transparent;
1046 border-style: solid;
1047 border-width: 0px 0px 0px 0px;
1048 border-color: var(--jqx-border-color-theme);
1049 }
1050
1051 .jqx-menu-vertical-theme, .jqx-menu-horizontal-theme {
1052 background-color: var(--jqx-menu-background-color-theme) !important;
1053 filter: none;
1054 }
1055
1056 .jqx-menu-item-top-theme, .jqx-menu-item-theme {
1057 color: var(--jqx-menu-text-color-theme);
1058 }
1059
1060 .jqx-menu-dropdown-theme {
1061 background-color: var(--jqx-menu-dropdown-background-color-theme);
1062 }
1063 .jqx-menu-dropdown-theme li {
1064 color: var(--jqx-menu-dropdown-text-color-theme);
1065 }
1066
1067 .jqx-navbar-block-theme {
1068 color: var(--jqx-navbar-item-text-color-theme);
1069 background: var(--jqx-navbar-item-background-color-theme);
1070 }
1071
1072 .jqx-navbar-block-theme.jqx-fill-state-hover-theme {
1073 color: var(--jqx-navbar-hovered-item-text-color-theme) !important;
1074 background-color: var(--jqx-navbar-hovered-item-background-color-theme);
1075 }
1076
1077 .jqx-navbar-block-theme.jqx-fill-state-pressed-theme {
1078 color: var(--jqx-navbar-selected-item-text-color-theme) !important;
1079 background-color: var(--jqx-navbar-selected-item-background-color-theme);
1080 }
1081
1082 .jqx-checkbox-check-checked-theme {
1083 background: transparent url(./images/material_check_black.png) center center no-repeat;
1084 }
1085 .jqx-checkbox-check-indeterminate-theme {
1086 width:14px !important;
1087 height:14px !important;
1088 position:relative;
1089 top: 1px;
1090 left: 1px;
1091 background: #0379BF;
1092 }
1093 .jqx-checkbox-hover {
1094 box-shadow: none;
1095 -webkit-box-shadow: none;
1096 -moz-box-shadow: none;
1097 }
1098
1099 .jqx-combobox-content-theme {
1100 border-color: var(--jqx-border-color-theme);
1101 border-color: rgba(0, 0, 0, 0.25);
1102 }
1103
1104 .jqx-combobox-multi-item-theme {
1105 color: var(--jqx-editors-combobox-multi-item-text-color-theme);
1106 background: var(--jqx-editors-combobox-multi-item-background-color-theme);
1107 }
1108
1109 .jqx-grid-bottomright-theme, .jqx-panel-bottomright-theme, .jqx-listbox-bottomright-theme {
1110 background-color: var(--jqx-background-color-theme);
1111 }
1112
1113 .jqx-window-theme, .jqx-tooltip-theme {
1114 box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
1115 }
1116
1117 .jqx-docking-theme .jqx-window-theme {
1118 box-shadow: none;
1119 }
1120
1121 .jqx-docking-panel-theme .jqx-window-theme {
1122 box-shadow: none;
1123 }
1124
1125 .jqx-radiobutton-theme {
1126 box-shadow: none;
1127 -webkit-box-shadow: none;
1128 -moz-box-shadow: none;
1129 background-repeat: no-repeat;
1130 background: none;
1131 }
1132
1133 .jqx-radiobutton-theme-theme, .jqx-radiobutton-hover-theme {
1134 -moz-border-radius: 100%;
1135 -webkit-border-radius: 100%;
1136 border-radius: 100%;
1137 background-repeat: no-repeat;
1138 }
1139
1140 .jqx-radiobutton-check-checked-theme {
1141 filter: none;
1142 background: var(--jqx-accent-color-theme);
1143 background-repeat: no-repeat;
1144 -moz-border-radius: 100%;
1145 -webkit-border-radius: 100%;
1146 border-radius: 100%;
1147 }
1148
1149 .jqx-radiobutton-check-indeterminate-theme {
1150 filter: none;
1151 background: #999;
1152 -moz-border-radius: 100%;
1153 -webkit-border-radius: 100%;
1154 border-radius: 100%;
1155 }
1156
1157 .jqx-radiobutton-check-indeterminate-disabled-theme {
1158 filter: none;
1159 background: #999;
1160 -moz-border-radius: 100%;
1161 -webkit-border-radius: 100%;
1162 border-radius: 100%;
1163 }
1164
1165 .jqx-slider-track-horizontal-theme, .jqx-slider-track-vertical-theme {
1166 border-color: var(--jqx-border-color-theme);
1167 background: var(--jqx-slider-slider-bar-background-color-theme);
1168 }
1169
1170 .jqx-slider-button-theme {
1171 -moz-border-radius: 100%;
1172 -webkit-border-radius: 100%;
1173 border-radius: 100%;
1174 background-color: var(--jqx-slider-arrows-background-color-theme);
1175 border-color: transparent !important;
1176 }
1177
1178 .jqx-slider-slider-theme {
1179 transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
1180 }
1181
1182 .jqx-slider-has-value-theme {
1183 -moz-border-radius: 100%;
1184 -webkit-border-radius: 100%;
1185 border-radius: 100%;
1186 background-color: var(--jqx-slider-slider-thumb-color-theme);
1187 border-color: var(--jqx-slider-slider-thumb-color-theme) !important;
1188 }
1189 .jqx-slider-has-value-theme.jqx-fill-state-focus-theme,
1190 .jqx-slider-button-theme.jqx-fill-state-focus-theme {
1191 border-color: var(--jqx-slider-focused-border-color-theme) !important;
1192 }
1193
1194 .jqx-slider-button-theme.jqx-fill-state-hover-theme {
1195 background-color: var(--jqx-slider-arrows-hovered-background-color-theme);
1196 }
1197 .jqx-slider-button-theme.jqx-fill-state-pressed-theme {
1198 background-color: var(--jqx-slider-arrows-selected-background-color-theme) !important;
1199 }
1200
1201 .jqx-slider-slider-theme:active {
1202 transform: scale(1.2);
1203 box-shadow: rgba(0,0,0,0.3) 0 0 10px;
1204 }
1205
1206 .jqx-slider-tooltip-theme, .jqx-slider-tooltip-theme .jqx-fill-state-normal-theme {
1207 border-radius: var(--jqx-border-radius-theme);
1208 display: flex;
1209 align-items: center;
1210 justify-content: center;
1211 background: var(--jqx-slider-tooltip-background-color-theme);
1212 color: var(--jqx-slider-tooltip-text-color-theme);
1213 font-size:11px;
1214 }
1215
1216 .jqx-slider-tooltip-theme {
1217 border: 1px solid var(--jqx-slider-tooltip-border-color-theme) !important;
1218 }
1219
1220 .jqx-tooltip-main-theme{
1221 border: none;
1222 }
1223
1224 .jqx-slider-tooltip-theme .jqx-tooltip-arrow-t-b,
1225 .jqx-slider-tooltip-theme .jqx-tooltip-arrow-l-r {
1226 background: var(--jqx-slider-tooltip-background-color-theme);
1227 border-color: var(--jqx-slider-tooltip-border-color-theme);
1228 }
1229 .jqx-listitem-state-normal-theme,
1230 .jqx-listitem-state-hover-theme,
1231 .jqx-listitem-state-selected-theme
1232 {
1233 padding-top:5px;
1234 padding-bottom:5px;
1235 margin:0px;
1236 border-radius: 0px;
1237 }
1238
1239 .jqx-listitem-state-normal-theme,
1240 .jqx-listmenu-item-theme.jqx-fill-state-normal-theme {
1241 color: var(--jqx-list-text-color-theme);
1242 background-color: var(--jqx-list-background-color-theme);
1243 }
1244
1245 .jqx-listitem-state-normal-theme.checkboxes,
1246 .jqx-listitem-state-hover-theme.checkboxes,
1247 .jqx-listitem-state-selected-theme.checkboxes {
1248 border-radius: var(--jqx-border-radius-theme);
1249 }
1250
1251 .jqx-listitem-state-group-theme, .jqx-listmenu-header-theme {
1252 color: var(--jqx-list-header-text-color-theme) !important;
1253 background-color: var(--jqx-list-header-background-color-theme) !important;
1254 }
1255
1256 /*applied to a list item when the item is selected.*/
1257 .jqx-input-popup-theme .jqx-fill-state-hover-theme,
1258 .jqx-input-popup-theme .jqx-fill-state-pressed-theme {
1259 color: var(--jqx-hovered-state-content-text-color-theme) !important;
1260 border-color: var(--jqx-hovered-state-content-background-color-theme);
1261 text-decoration: none;
1262 background-color: var(--jqx-hovered-state-content-background-color-theme);
1263 background-repeat: repeat-x;
1264 outline: 0;
1265 background: var(--jqx-hovered-state-content-background-color-theme); /* Old browsers */
1266 -webkit-box-shadow: none;
1267 -moz-box-shadow: none;
1268 box-shadow: none;
1269 background-position: 0 0;
1270 }
1271
1272 .jqx-listitem-state-hover-theme {
1273 color: var(--jqx-list-hovered-item-state-text-color-theme) !important;
1274 background-color: var(--jqx-list-hovered-item-state-background-color-theme);
1275 background: var(--jqx-list-hovered-item-state-background-color-theme); /* Old browsers */
1276 }
1277
1278 .jqx-menu-item-hover-theme,
1279 .jqx-menu-vertical-theme .jqx-menu-item-top-hover-theme,
1280 .jqx-menu-horizontal-theme .jqx-menu-item-top-hover-theme {
1281 color: var(--jqx-menu-hovered-item-color-theme) !important;
1282 background-color: var(--jqx-menu-hovered-item-background-color-theme);
1283 }
1284
1285 .jqx-tree-item-hover-theme {
1286 color: var(--jqx-treeview-hovered-tree-item-color-theme);
1287 background-color: var(--jqx-treeview-hovered-tree-item-background-color-theme);
1288 }
1289
1290 .jqx-grid-cell-hover-theme {
1291 color: var(--jqx-grid-hovered-row-text-color-theme) !important;
1292 background-color: var(--jqx-grid-hovered-row-background-color-theme) !important;
1293 background: var(--jqx-grid-hovered-row-background-color-theme) !important; /* Old browsers */
1294 }
1295
1296 .jqx-scheduler-theme {
1297 border-color: var(--jqx-scheduler-header-border-color-theme);
1298 }
1299
1300 .jqx-scheduler-theme .jqx-scrollbar-state-normal-theme {
1301 border-left-color: var(--jqx-scheduler-header-border-color-theme);
1302 }
1303
1304 .jqx-scheduler-theme .jqx-widget-header-theme{
1305 color: var(--jqx-scheduler-header-text-color-theme) !important;
1306 background-color: var(--jqx-scheduler-header-background-color-theme) !important;
1307 border-color: var(--jqx-scheduler-header-border-color-theme) !important;
1308 }
1309
1310 .jqx-scheduler-all-day-cell-theme {
1311 border-color: var(--jqx-scheduler-header-border-color-theme) !important;
1312 }
1313
1314 .jqx-scheduler-toolbar-theme .jqx-datetimeinput-theme {
1315 border-color: var(--jqx-scheduler-header-border-color-theme) !important;
1316 }
1317
1318 .jqx-scheduler-toolbar-theme .jqx-group-button-normal-theme {
1319 color: var(--jqx-scheduler-header-buttons-text-color-theme);
1320 border-color: var(--jqx-scheduler-header-border-color-theme);
1321 background: var(--jqx-scheduler-header-buttons-background-color-theme);
1322 }
1323 .jqx-scheduler-toolbar-theme .jqx-group-button-normal-theme.jqx-fill-state-hover-theme {
1324 color: var(--jqx-scheduler-header-buttons-hovered-text-color-theme);
1325 background: var(--jqx-scheduler-header-buttons-hovered-background-color-theme);
1326 }
1327 .jqx-scheduler-toolbar-theme .jqx-group-button-normal-theme.jqx-fill-state-pressed-theme {
1328 color: var(--jqx-scheduler-header-buttons-selected-text-color-theme) !important;
1329 border-color: var(--jqx-scheduler-header-buttons-selected-background-color-theme) !important;
1330 background-color: var(--jqx-scheduler-header-buttons-selected-background-color-theme) !important;
1331 }
1332
1333 .jqx-scheduler-work-time-cell-theme, .jqx-scheduler-not-work-time-cell-theme {
1334 border-color: var(--jqx-scheduler-border-color-theme) !important;
1335 }
1336
1337 .jqx-scheduler-not-work-time-cell-theme {
1338 background-color: var(--jqx-scheduler-not-work-time-cells-color-theme);
1339 }
1340
1341 .jqx-scheduler-cell-hover-theme {
1342 border-color: var(--jqx-scheduler-hovered-cell-border-color-theme) !important;
1343 background: var(--jqx-scheduler-hovered-cell-background-color-theme) !important;
1344 }
1345
1346 .jqx-scheduler-toolbar-theme .jqx-datetimeinput {
1347 background-color: inherit !important;
1348 }
1349 .jqx-scheduler-toolbar-theme .jqx-datetimeinput .jqx-action-button-theme{
1350 background-color: inherit !important;
1351 }
1352
1353 .jqx-scheduler-toolbar-theme .jqx-icon-arrow-left-theme {
1354 background-image: var(--jqx-scheduler-weeks-arrow-left-color-theme);
1355 }
1356 .jqx-scheduler-toolbar-theme .jqx-icon-arrow-right-theme {
1357 background-image: var(--jqx-scheduler-weeks-arrow-right-color-theme);
1358 }
1359 .jqx-scheduler-toolbar-theme .jqx-icon-arrow-left-selected-theme {
1360 background-image: var(--jqx-scheduler-weeks-arrow-left-selected-color-theme);
1361 }
1362 .jqx-scheduler-toolbar-theme .jqx-icon-arrow-right-selected-theme {
1363 background-image: var(--jqx-scheduler-weeks-arrow-right-selected-color-theme);
1364 }
1365
1366 .jqx-scheduler-toolbar-theme .jqx-icon-calendar {
1367 background-image: var(--jqx-scheduler-calendar-icon-color-theme);
1368 }
1369 .jqx-scheduler-toolbar-theme .jqx-icon-calendar-pressed {
1370 background-image: var(--jqx-scheduler-calendar-icon-selected-color-theme);
1371 }
1372
1373 .jqx-grid-table-dark {
1374 font-size: var(--jqx-font-size-theme);
1375 }
1376
1377
1378 .jqx-grid-selectionarea-theme,
1379 .jqx-input-button-header-theme, .jqx-input-button-innerHeader-theme {
1380 color: var(--jqx-background-color-theme) !important;
1381 background-color: var(--jqx-accent-color-theme);
1382 *background-color: var(--jqx-accent-color-theme);
1383 background-repeat: repeat-x;
1384 border-color: var(--jqx-accent-color-theme) !important;
1385 background: var(--jqx-accent-color-theme); /* Old browsers */
1386 -webkit-box-shadow: none;
1387 -moz-box-shadow: none;
1388 box-shadow: none;
1389 }
1390
1391 .jqx-listitem-state-selected-theme {
1392 color: var(--jqx-list-selected-item-state-text-color-theme) !important;
1393 background-color: var(--jqx-list-selected-item-state-background-color-theme);
1394 background: var(--jqx-list-selected-item-state-background-color-theme); /* Old browsers */
1395 border-color: var(--jqx-list-selected-item-state-background-color-theme);
1396 }
1397
1398 .jqx-listmenu-item-theme.jqx-fill-state-pressed-theme {
1399 color: var(--jqx-list-selected-item-state-text-color-theme) !important;
1400 background-color: var(--jqx-list-selected-item-state-background-color-theme) !important;
1401 background: var(--jqx-list-selected-item-state-background-color-theme); /* Old browsers */
1402 border-color: var(--jqx-list-selected-item-state-background-color-theme);
1403 }
1404
1405 .jqx-tree-item-selected-theme {
1406 color: var(--jqx-treeview-selected-tree-item-color-theme) !important;
1407 background-color: var(--jqx-treeview-selected-tree-item-background-color-theme);
1408 }
1409
1410 .jqx-menu-item-selected-theme,
1411 .jqx-menu-vertical-theme .jqx-menu-item-top-selected-theme,
1412 .jqx-menu-horizontal-theme .jqx-menu-item-top-selected-theme {
1413 color: var(--jqx-menu-selected-item-color-theme) !important;
1414 background-color: var(--jqx-menu-selected-item-background-color-theme);
1415 border-color: var(--jqx-menu-selected-item-border-color-theme);
1416 }
1417
1418 .jqx-calendar-cell-hover-theme {
1419 color: var(--jqx-editors-calendar-hovered-cell-text-color-theme) !important;
1420 background-color: var(--jqx-editors-calendar-hovered-cell-background-color-theme);
1421 border-color: var(--jqx-editors-calendar-hovered-cell-background-color-theme);
1422 }
1423 .jqx-calendar-cell-selected-theme {
1424 color: var(--jqx-editors-calendar-selected-cell-text-color-theme) !important;
1425 background-color: var(--jqx-editors-calendar-selected-cell-background-color-theme);
1426 border-color: var(--jqx-editors-calendar-selected-cell-background-color-theme);
1427 }
1428
1429 .jqx-grid-cell-selected-theme {
1430 color: var(--jqx-grid-selected-row-text-color-theme) !important;
1431 border-color: var(--jqx-grid-selected-row-border-color-theme) !important;
1432 background-color: var(--jqx-grid-selected-row-background-color-theme) !important;
1433 }
1434
1435 .jqx-scheduler-cell-selected-theme {
1436 border-color: var(--jqx-scheduler-selected-cell-border-color-theme) !important;
1437 background: var(--jqx-scheduler-selected-cell-background-color-theme) !important;
1438 }
1439
1440 .jqx-grid-cell-theme .jqx-button-theme, .jqx-grid-cell-theme .jqx-button-theme.jqx-fill-state-hover-theme, .jqx-grid-cell-theme .jqx-button-theme.jqx-fill-state-pressed-theme {
1441 -webkit-box-shadow: none;
1442 -moz-box-shadow: none;
1443 box-shadow: none;
1444 -webkit-transition: none;
1445 -moz-transition: none;
1446 -o-transition: none;
1447 transition: none;
1448 }
1449
1450 .jqx-popup-theme {
1451 border: 1px solid var(--jqx-border-color-theme);
1452 *border-right-width: 2px;
1453 *border-bottom-width: 2px;
1454 -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
1455 -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
1456 }
1457 .jqx-window-collapse-button-theme, .jqx-menu-item-arrow-up-theme, .jqx-menu-item-arrow-up-selected-theme, .jqx-menu-item-arrow-top-up-theme, .jqx-icon-arrow-up-theme, .jqx-icon-arrow-up-selected-theme {
1458 background-image: var(--jqx-arrow-up-color-theme);
1459 background-repeat: no-repeat;
1460 background-position: center;
1461 }
1462
1463 .jqx-icon-arrow-up-hover-theme {
1464 background-image: var(--jqx-arrow-up-hovered-color-theme);
1465 }
1466
1467 .jqx-expander-arrow-bottom-theme {
1468 background-image: var(--jqx-accordion-arrow-down-color-theme);
1469 }
1470
1471 .jqx-widget-theme .jqx-grid-group-expand-theme, .jqx-grid-column-menubutton-theme, .jqx-grid-column-sortdescbutton-theme, .jqx-window-collapse-button-collapsed-theme, .jqx-menu-item-arrow-down-theme, .jqx-menu-item-arrow-down-selected-theme, .jqx-menu-item-arrow-down-theme, .jqx-icon-arrow-down-theme, .jqx-icon-arrow-down-selected-theme {
1472 background-image: var(--jqx-arrow-down-color-theme);
1473 background-repeat: no-repeat;
1474 background-position: center;
1475 }
1476
1477 .jqx-icon-arrow-down-hover-theme {
1478 background-image: var(--jqx-arrow-down-hovered-color-theme);
1479 }
1480
1481 .jqx-grid-cell-hover-theme .jqx-grid-group-expand-theme.jqx-icon-arrow-down-theme {
1482 background-image: var(--jqx-grid-arrow-down-hovered-color-theme);
1483 }
1484 .jqx-grid-cell-hover-theme .jqx-grid-group-expand-rtl-theme.jqx-icon-arrow-down-theme {
1485 background-image: var(--jqx-grid-arrow-down-hovered-color-theme);
1486 }
1487 .jqx-grid-cell-hover-theme .jqx-grid-group-collapse-theme.jqx-icon-arrow-right-theme {
1488 background-image: var(--jqx-grid-arrow-rigth-hovered-color-theme);
1489 }
1490 .jqx-grid-cell-hover-theme .jqx-grid-group-collapse-rtl-theme.jqx-icon-arrow-left-theme {
1491 background-image: var(--jqx-grid-arrow-left-hovered-color-theme);
1492 }
1493
1494 .jqx-expander-arrow-top-theme {
1495 background-image: var(--jqx-accordion-arrow-down-color-theme);
1496 }
1497
1498 .jqx-expander-arrow-top-hover-theme {
1499 background-image: var(--jqx-accordion-arrow-down-hovered-color-theme) !important;
1500 }
1501
1502 .jqx-expander-arrow-expanded-theme {
1503 background-image: var(--jqx-accordion-arrow-down-selected-color-theme) !important;
1504 }
1505
1506 .jqx-tabs-arrow-left-theme, .jqx-menu-item-arrow-left-selected-theme, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-theme, .jqx-icon-arrow-down-left-theme, .jqx-icon-arrow-left-selected-theme {
1507 background-image: url('images/metro-icon-left.png');
1508 background-repeat: no-repeat;
1509 background-position: center;
1510 }
1511
1512 .jqx-widget-theme .jqx-grid-group-collapse-theme, .jqx-tabs-arrow-right-theme, .jqx-menu-item-arrow-right-selected-theme, .jqx-menu-item-arrow-top-right-theme, .jqx-icon-arrow-right-theme, .jqx-icon-arrow-right-hover-theme, .jqx-icon-arrow-right-selected-theme {
1513 background-image: url('images/metro-icon-right.png');
1514 background-repeat: no-repeat;
1515 background-position: center;
1516 }
1517
1518 .jqx-grid-group-collapse-theme.jqx-icon-arrow-right-theme {
1519 background-image: var(--jqx-grid-groups-arrow-right-color-theme);
1520 }
1521 .jqx-grid-group-expand-theme.jqx-icon-arrow-down-theme {
1522 background-image: var(--jqx-grid-groups-arrow-down-color-theme);
1523 }
1524
1525 .jqx-grid-group-collapse-rtl-theme.jqx-icon-arrow-left-theme {
1526 background-image: var(--jqx-grid-groups-arrow-left-color-theme);
1527 }
1528 .jqx-grid-group-expand-rtl-theme.jqx-icon-arrow-down-theme {
1529 background-image: var(--jqx-grid-groups-arrow-down-color-theme);
1530 }
1531
1532
1533 .jqx-tree-grid-collapse-button-theme.jqx-icon-arrow-right-theme{
1534 background-image: var(--jqx-grid-arrow-right-color-theme);
1535 }
1536 .jqx-tree-grid-collapse-button-theme.jqx-icon-arrow-left-theme{
1537 background-image: var(--jqx-grid-arrow-left-color-theme);
1538 }
1539 .jqx-tree-grid-expand-button-theme.jqx-icon-arrow-down-theme {
1540 background-image: var(--jqx-grid-arrow-down-color-theme);
1541 }
1542
1543 .jqx-grid-pager-theme .jqx-icon-arrow-left-theme {
1544 background-image: var(--jqx-grid-arrow-left-color-theme);
1545 }
1546 .jqx-grid-pager-theme .jqx-icon-arrow-left-hover-theme {
1547 background-image: var(--jqx-grid-arrow-left-hovered-color-theme);
1548 }
1549 .jqx-grid-pager-theme .jqx-icon-arrow-left-selected-theme {
1550 background-image: var(--jqx-grid-arrow-left-selected-color-theme);
1551 }
1552 .jqx-grid-pager-theme .jqx-icon-arrow-right-theme {
1553 background-image: var(--jqx-grid-arrow-right-color-theme);
1554 }
1555 .jqx-grid-pager-theme .jqx-icon-arrow-right-hover-theme {
1556 background-image: var(--jqx-grid-arrow-right-hovered-color-theme);
1557 }
1558 .jqx-grid-pager-theme .jqx-icon-arrow-right-selected-theme {
1559 background-image: var(--jqx-grid-arrow-right-selected-color-theme);
1560 }
1561
1562 .jqx-grid-column-sorticon-theme.jqx-icon-arrow-down-theme {
1563 background-image: var(--jqx-grid-header-arrow-down-color-theme);
1564 }
1565 .jqx-grid-column-sortdescbutton-theme {
1566 background-image: var(--jqx-grid-header-arrow-down-color-theme);
1567 }
1568 .jqx-grid-column-sortascbutton-theme {
1569 background-image: var(--jqx-grid-header-arrow-up-color-theme);
1570 }
1571 .jqx-grid-column-menubutton-theme {
1572 background-image: var(--jqx-grid-menu-button-color-theme) !important;
1573 }
1574
1575 .jqx-grid-group-column-theme .jqx-grid-column-sortdescbutton-theme {
1576 background-image: var(--jqx-grid-arrow-down-color-theme);
1577 }
1578
1579 .jqx-grid-group-column-theme .jqx-icon-close-theme {
1580 background-image: var(--jqx-grid-close-button-color-theme);
1581 }
1582
1583 .jqx-pivotgrid-item .jqx-icon-arrow-up-theme {
1584 background-image: var(--jqx-pivotgrid-arrow-up-color-theme);
1585 }
1586 .jqx-pivotgrid-item .jqx-icon-arrow-down-theme {
1587 background-image: var(--jqx-pivotgrid-arrow-down-color-theme);
1588 }
1589 .jqx-pivotgrid-menu-button-theme {
1590 background-image: var(--jqx-pivotgrid-menu-button-color-theme);
1591 }
1592
1593 .jqx-tree-item-arrow-collapse-rtl-theme, .jqx-tree-item-arrow-collapse-hover-rtl-theme {
1594 background-image: url('images/metro-icon-left.png');
1595 }
1596
1597 .jqx-menu-item-arrow-left-selected-theme {
1598 background-image: url('images/metro-icon-left-white.png');
1599 background-repeat: no-repeat;
1600 background-position: center;
1601 }
1602
1603 .jqx-menu-item-arrow-right-selected-theme {
1604 background-image: url('images/metro-icon-right-white.png');
1605 background-repeat: no-repeat;
1606 background-position: center;
1607 }
1608
1609 .jqx-input-button-content-theme {
1610 font-size: 10px;
1611 }
1612 .jqx-widget .jqx-grid-cell-theme, .jqx-widget .jqx-grid-column-header-theme, .jqx-widget .jqx-grid-group-cell-theme {border-color: var(--jqx-border-color-theme);}
1613 .jqx-grid-groups-row-theme > span {
1614 padding-left: 4px;
1615 }
1616 .jqx-combobox-content-theme, .jqx-input-theme, .jqx-input-content-theme, .jqx-combobox-content-theme input {
1617 border-color: var(--jqx-editors-text-editors-border-color-theme) !important;
1618 color: var(--jqx-editors-text-editors-text-color-theme) !important;
1619 background-color: var(--jqx-editors-text-editors-background-color-theme);
1620 background: var(--jqx-editors-text-editors-background-color-theme) !important;
1621 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1622 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1623 }
1624
1625 .jqx-combobox-content-theme, .jqx-combobox-theme, .jqx-combobox-state-normal-theme {
1626 border-color: var(--jqx-editors-text-editors-border-color-theme);
1627 }
1628
1629 .jqx-grid-pager-input-theme {
1630 border-color: var(--jqx-border-color-theme) !important;
1631 }
1632
1633 .jqx-combobox-content-focus-theme, .jqx-combobox-state-focus-theme, .jqx-fill-state-focus-theme,
1634 .jqx-numberinput-focus-theme {
1635 outline: none;
1636 border-color: #959595;
1637 }
1638
1639 input.jqx-input-theme {
1640 border-radius: var(--jqx-editors-text-editors-border-radius-theme);
1641 }
1642
1643 input[type="text"].jqx-input-theme, input[type="password"].jqx-input-theme, input[type="text"].jqx-widget-content-theme, input[type="textarea"].jqx-widget-content-theme, textarea.jqx-input-theme {
1644 font-size: var(--jqx-font-size-theme);
1645 padding-left:3px;
1646 padding-right: 3px;
1647 resize: none;
1648 }
1649
1650 input[type="text"].jqx-input-theme:-moz-placeholder, input[type="text"].jqx-widget-content-theme:-moz-placeholder, input[type="textarea"].jqx-widget-content-theme:-moz-placeholder, textarea.jqx-input-theme:-moz-placeholder {
1651 color: #999999;
1652 }
1653
1654 input[type="text"].jqx-input-theme:-webkit-input-placeholder, input[type="text"].jqx-widget-content-theme:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content-theme:-webkit-input-placeholder, textarea.jqx-input-theme:-webkit-input-placeholder {
1655 color: #999999;
1656 }
1657
1658 input[type="text"].jqx-input-theme:-ms-input-placeholder, input[type="text"].jqx-widget-content-theme:-ms-input-placeholder, input[type="textarea"].jqx-widget-content-theme:-ms-input-placeholder, textarea.jqx-input-theme:-ms-input-placeholder {
1659 color: #999999;
1660 }
1661
1662 .jqx-file-upload-theme, .jqx-file-upload-file-row-theme {
1663 background-color: var(--jqx-editors-file-uploader-background-color-theme);
1664 }
1665 .jqx-file-upload-file-name-theme {
1666 color: var(--jqx-editors-file-uploader-filename-text-color-theme) !important;
1667 }
1668
1669 .jqx-combobox-content-focus-theme, .jqx-combobox-state-focus-theme, .jqx-fill-state-focus-theme,
1670 .jqx-numberinput-focus-theme {
1671 outline: none;
1672 border-color: var(--jqx-editors-text-editors-focused-border-color-theme) !important;
1673 }
1674 .jqx-popup-theme.jqx-fill-state-focus-theme
1675 {
1676 outline: none;
1677 border-color: var(--jqx-border-color-theme) !important;
1678 }
1679
1680 .jqx-datetimeinput-content, .jqx-datetimeinput-container {
1681 overflow: visible !important;
1682 }
1683 .jqx-slider-rangebar-theme {
1684 border-color: var(--jqx-slider-selected-slider-background-color-theme);
1685 background: var(--jqx-slider-selected-slider-background-color-theme);
1686 }
1687
1688 .jqx-slider-button-theme .jqx-icon-arrow-left-theme {
1689 background-image: var(--jqx-slider-arrow-left-color-theme);
1690 }
1691 .jqx-slider-button-theme .jqx-icon-arrow-right-theme {
1692 background-image: var(--jqx-slider-arrow-right-color-theme);
1693 }
1694 .jqx-slider-button-theme .jqx-icon-arrow-left-hover-theme {
1695 background-image: var(--jqx-slider-arrow-left-hovered-color-theme);
1696 }
1697 .jqx-slider-button-theme .jqx-icon-arrow-right-hover-theme {
1698 background-image: var(--jqx-slider-arrow-right-hovered-color-theme);
1699 }
1700 .jqx-slider-button-theme .jqx-icon-arrow-left-selected-theme {
1701 background-image: var(--jqx-slider-arrow-left-selected-color-theme);
1702 }
1703 .jqx-slider-button-theme .jqx-icon-arrow-right-selected-theme {
1704 background-image: var(--jqx-slider-arrow-right-selected-color-theme);
1705 }
1706
1707 .jqx-switchbutton-theme{
1708 border-radius: 15px;
1709 }
1710 .jqx-switchbutton-theme .jqx-fill-state-normal-theme,
1711 .jqx-switchbutton-theme .jqx-fill-state-hover-theme,
1712 .jqx-switchbutton-theme .jqx-fill-state-pressed-theme {
1713 border-color: var(--jqx-editors-switch-thumb-color-theme);
1714 background: var(--jqx-editors-switch-thumb-color-theme);
1715 }
1716
1717 .jqx-switchbutton-label-on-theme {
1718 color: var(--jqx-editors-switch-on-label-text-color-theme);
1719 background-color: var(--jqx-editors-switch-on-label-background-color-theme);
1720 }
1721
1722 .jqx-switchbutton-label-off-theme {
1723 color: var(--jqx-editors-switch-off-label-text-color-theme);
1724 background-color: var(--jqx-editors-switch-off-label-background-color-theme);
1725 }
1726
1727 .jqx-scrollview-button-theme {
1728 background-color: var(--jqx-scrollview-indicator-background-color-theme);
1729 }
1730
1731 .jqx-scrollview-button-selected-theme {
1732 background-color: var(--jqx-scrollview-selected-indicator-background-color-theme);
1733 }
1734
1735 .jqx-loader-theme, .jqx-popover-content-theme {
1736 color: var(--jqx-overlays-content-text-color-theme);
1737 background-color: var(--jqx-overlays-content-background-color-theme);
1738 }
1739
1740 .jqx-popover-modal-background-theme {
1741 background-color: var(--jqx-overlays-shader-background-color-theme);
1742 }
1743
1744 .jqx-popover-title-theme {
1745 color: var(--jqx-overlays-popup-header-text-color-theme) !important;
1746 background-color: var(--jqx-overlays-popup-header-background-color-theme) !important;
1747 }
1748
1749 .jqx-loader-text-theme {
1750 color: var(--jqx-overlays-content-text-color-theme);
1751 }
1752
1753 .jqx-tooltip-text-theme{
1754 background-color: var(--jqx-overlays-tooltip-background-color-theme);
1755 color: var(--jqx-overlays-tooltip-text-color-theme);
1756 }
1757
1758 .jqx-notification-theme {
1759 color: var(--jqx-overlays-toast-text-color-theme) !important;
1760 }
1761
1762 .jqx-notification-info.jqx-notification-theme {
1763 background-color: var(--jqx-overlays-toast-info-background-color-theme) !important;
1764 border-color: var(--jqx-overlays-toast-info-background-color-theme) !important;
1765 }
1766
1767 .jqx-notification-warning.jqx-notification-theme {
1768 background-color: var(--jqx-overlays-toast-warning-background-color-theme) !important;
1769 border-color: var(--jqx-overlays-toast-warning-background-color-theme) !important;
1770 }
1771
1772 .jqx-notification-error.jqx-notification-theme {
1773 background-color: var(--jqx-overlays-toast-error-background-color-theme) !important;
1774 border-color: var(--jqx-overlays-toast-error-background-color-theme) !important;
1775 }
1776
1777 .jqx-notification-success.jqx-notification-theme {
1778 background-color: var(--jqx-overlays-toast-success-background-color-theme) !important;
1779 border-color: var(--jqx-overlays-toast-success-background-color-theme) !important;
1780 }
1781
1782 .jqx-grid-cell-theme.jqx-grid-cell-selected-theme>.jqx-grid-group-expand-theme {
1783 background-image: url('images/metro-icon-down-white.png');
1784 background-repeat: no-repeat;
1785 background-position: center;
1786 }
1787 .jqx-grid-cell-theme.jqx-grid-cell-selected-theme>.jqx-grid-group-collapse-theme{
1788 background-image: url('images/metro-icon-right-white.png');
1789 background-repeat: no-repeat;
1790 background-position: center;
1791 }
1792 .jqx-grid-cell-theme.jqx-grid-cell-selected-theme>.jqx-grid-group-collapse-rtl-theme{
1793 background-image: url('images/metro-icon-left-white.png');
1794 background-repeat: no-repeat;
1795 background-position: center;
1796 }
1797 .jqx-grid-cell-theme.jqx-grid-cell-selected-theme>.jqx-grid-group-expand-rtl-theme {
1798 background-image: url('images/metro-icon-down-white.png');
1799 background-repeat: no-repeat;
1800 background-position: center;
1801 }
1802 .jqx-tabs-title-selected-top-theme, .jqx-tabs-selection-tracker-top-theme {
1803 border-color: transparent;
1804 filter: none;
1805 background: var(--jqx-tabs-selected-tab-background-color-theme);
1806 color: #333;
1807 -webkit-box-shadow: none;
1808 -moz-box-shadow: none;
1809 box-shadow: none;
1810 }
1811 .jqx-tabs-arrow-background-theme {
1812 background: var(--jqx-background-color-theme);
1813 border:none;
1814 box-shadow:none;
1815 }
1816 .jqx-tabs-title-theme, .jqx-ribbon-item-theme {
1817 color: var(--jqx-tabs-tab-text-color-theme);
1818 }
1819 .jqx-tabs-title-selected-bottom-theme,
1820 .jqx-tabs-title-selected-top-theme
1821 {
1822 padding-top:5px;
1823 padding-bottom:5px;
1824 color: var(--jqx-tabs-selected-tab-text-color-theme) !important;
1825 font-weight:500;
1826 }
1827 .jqx-tabs-title.jqx-fill-state-hover-theme {
1828 border-color: transparent;
1829 }
1830
1831 .jqx-tabs-arrow-left-theme {
1832 background-image: var(--jqx-tabs-arrow-left-color-theme);
1833 }
1834 .jqx-tabs-arrow-right-theme {
1835 background-image: var(--jqx-tabs-arrow-right-color-theme);
1836 }
1837
1838 .jqx-ribbon-item-theme {
1839 cursor: pointer;
1840 }
1841
1842 .jqx-toolbar-theme {
1843 background: var(--jqx-toolbar-background-color-theme);
1844 }
1845
1846 .jqx-ribbon-item-selected-theme {
1847 color: #1997C6;
1848 font-weight:500;
1849 border-color: transparent;
1850 }
1851
1852 .jqx-ribbon-item-hover-theme {
1853 background: transparent;
1854 border-color: transparent;
1855 }
1856
1857 .jqx-ribbon-header-top-theme {
1858 border-color: transparent;
1859 border-bottom-color: #E0E0E0;
1860 }
1861
1862 .jqx-ribbon-header-bottom-theme {
1863 border-color: transparent;
1864 border-top-color: #E0E0E0;
1865 }
1866
1867 .jqx-ribbon-header-right-theme {
1868 border-color: transparent;
1869 border-left-color:#E0E0E0;
1870 }
1871
1872 .jqx-ribbon-header-left-theme {
1873 border-color: transparent;
1874 border-right-color:#E0E0E0;
1875 }
1876
1877 .jqx-tabs-title-selected-bottom-theme, .jqx-tabs-selection-tracker-bottom-theme {
1878 border-color: transparent;
1879 border-top: 1px solid var(--jqx-background-color-theme);
1880 filter: none;
1881 background: var(--jqx-background-color-theme);
1882 -webkit-box-shadow: none;
1883 -moz-box-shadow: none;
1884 box-shadow: none;
1885 }
1886
1887 .jqx-tabs-theme, .jqx-ribbon-theme {
1888 border-color: transparent;
1889 }
1890
1891 .jqx-tabs-header-theme, .jqx-ribbon-header-theme {
1892 background: transparent;
1893 }
1894 .jqx-tabs-position-bottom .jqx-tabs-header-theme {
1895 border-color: transparent;
1896 }
1897 .jqx-layout-theme .jqx-tabs-header-theme, .jqx-layout-theme .jqx-ribbon-header-theme {
1898 background: var(--jqx-background-color-theme);
1899 border-color: var(--jqx-border-color-theme);
1900 }
1901 .jqx-tabs-title-bottom {
1902 border-color: transparent;
1903 }
1904 .jqx-tabs-title-hover-top-theme, .jqx-tabs-title-hover-bottom-theme, .jqx-tabs-header-theme {
1905 -webkit-box-shadow: none !important;
1906 -moz-box-shadow: none !important;
1907 box-shadow: none !important;
1908 color: var(--jqx-tabs-hovered-tab-text-color-theme);
1909 background: var(--jqx-tabs-hovered-tab-background-color-theme);
1910 }
1911
1912 .jqx-tabs-header-theme, .jqx-tabs-arrow-background-theme {
1913 background-color: var(--jqx-tabs-header-background-color-theme) !important;
1914 border-bottom: 1px solid var(--jqx-tabs-border-color-theme);
1915 }
1916
1917 .jqx-tabs-content-theme {
1918 box-sizing: border-box;
1919 color: var(--jqx-tabs-content-text-color-theme);
1920 background-color: var(--jqx-tabs-content-background-color-theme);
1921 border: 1px solid var(--jqx-tabs-border-color-theme);
1922 border-top-color: transparent;
1923 padding:5px;
1924 }
1925
1926 .jqx-tabs-bar-theme {
1927 position: absolute;
1928 bottom: 0;
1929 background: var(--jqx-tabs-selected-tab-bottom-border-color-theme);
1930 height: 2px;
1931 z-index:20;
1932 transition: .5s cubic-bezier(.35,0,.25,1);
1933 }
1934 .jqx-tabs-bar-theme.vertical {
1935 width: 2px;
1936 }
1937 .jqx-tabs-position-bottom .jqx-tabs-bar-theme {
1938 top: 0;
1939 }
1940
1941 .jqx-window-content-theme {
1942 box-sizing:border-box;
1943 }
1944
1945 .jqx-layout-theme
1946 {
1947 background-color: #cccccc;
1948 }
1949 .jqx-kanban-column-header-collapsed-theme {
1950 background: -moz-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* ff3.6+ */
1951 background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(234,234,234,1))); /* safari4+,chrome */
1952 background: -webkit-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* safari5.1+,chrome10+ */
1953 background: -o-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* opera 11.10+ */
1954 background: -ms-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* ie10+ */
1955 background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* w3c */
1956 }
1957
1958 .jqx-calendar-theme td {
1959 font-size: 12px;
1960 }
1961 .jqx-grid-column-menubutton-theme {
1962 background-image: url('images/metro-icon-down.png');
1963 }
1964 .jqx-grid-pager-top-theme .jqx-grid-pager-number-theme,
1965 .jqx-grid-pager-theme .jqx-grid-pager-number-theme {
1966
1967 background-color: transparent;
1968 border-color: transparent;
1969 color: rgba(0,0,0,.54) !important;
1970 font-size:12px;
1971 }
1972
1973 .jqx-grid-pager-top-theme .jqx-grid-pager-number-theme:hover,
1974 .jqx-grid-pager-theme .jqx-grid-pager-number-theme:hover {
1975 font-size:12px;
1976 }
1977
1978 .jqx-grid-pager-top-theme .jqx-grid-pager-number-theme.jqx-fill-state-pressed-theme ,
1979 .jqx-grid-pager-theme .jqx-grid-pager-number-theme.jqx-fill-state-pressed-theme {
1980 color: var(--jqx-accent-color-theme) !important;
1981 font-weight: bold !important;
1982 }
1983 .jqx-menu-item-arrow-up-selected-theme, .jqx-icon-arrow-up-selected-theme{background-image:var(--jqx-arrow-up-selected-color-theme);background-repeat:no-repeat;background-position:center;}
1984 .jqx-menu-item-arrow-down-selected-theme, .jqx-icon-arrow-down-selected-theme{background-image:var(--jqx-arrow-down-selected-color-theme);background-repeat:no-repeat;background-position:center;}
1985 .jqx-menu-item-arrow-left-selected-theme, .jqx-icon-arrow-left-selected-theme{background-image:url('images/metro-icon-left-white.png');background-repeat:no-repeat;background-position:center;}
1986 .jqx-menu-item-arrow-right-selected-theme, .jqx-icon-arrow-right-selected-theme{background-image:url('images/metro-icon-right-white.png');background-repeat:no-repeat;background-position:center;}
1987 .jqx-tabs-close-button-theme{background-image:url(./images/close.png); background-repeat:no-repeat; background-position:center;}
1988 .jqx-tabs-close-button-selected-theme{background-image:url(./images/close.png); background-repeat:no-repeat; background-position:center;}
1989 .jqx-tabs-close-button-hover-theme{background-image:url(./images/close.png); background-repeat:no-repeat; background-position:center;}
1990 /* .jqx-scrollbar-button-state-pressed-theme .jqx-icon-arrow-up-selected-theme{background-image:url('images/metro-icon-up.png');background-repeat:no-repeat;background-position:center;}
1991 .jqx-scrollbar-button-state-pressed-theme .jqx-icon-arrow-down-selected-theme{background-image:url('images/metro-icon-down.png');background-repeat:no-repeat;background-position:center;}
1992 .jqx-scrollbar-button-state-pressed-theme .jqx-icon-arrow-left-selected-theme{background-image:url('images/metro-icon-left.png');background-repeat:no-repeat;background-position:center;}
1993 .jqx-scrollbar-button-state-pressed-theme .jqx-icon-arrow-right-selected-theme{background-image:url('images/metro-icon-right.png');background-repeat:no-repeat;background-position:center;} */
1994
1995 .jqx-menu-item-arrow-top-right-theme {
1996 background-image: var(--jqx-menu-arrow-right-color-theme);
1997 }
1998 .jqx-menu-item-arrow-right-selected-theme {
1999 background-image: var(--jqx-menu-arrow-right-selected-color-theme);
2000 }
2001 .jqx-menu-item-arrow-top-left-theme {
2002 background-image: var(--jqx-menu-arrow-left-color-theme);
2003 }
2004 .jqx-menu-item-arrow-left-selected-theme {
2005 background-image: var(--jqx-menu-arrow-left-selected-color-theme);
2006 }
2007 .jqx-menu-item-arrow-top-up-theme {
2008 background-image: var(--jqx-menu-arrow-up-color-theme);
2009 }
2010 .jqx-menu-item-arrow-up-selected-theme {
2011 background-image: var(--jqx-menu-arrow-up-selected-color-theme);
2012 }
2013 .jqx-menu-item-arrow-top-down-theme {
2014 background-image: var(--jqx-menu-arrow-down-color-theme);
2015 }
2016 .jqx-menu-item-arrow-down-selected-theme {
2017 background-image: var(--jqx-menu-arrow-down-selected-color-theme);
2018 }
2019
2020 .jqx-listmenu-arrow-right-theme {
2021 background-image: var(--jqx-list-arrow-right-color-theme);
2022 }
2023 .jqx-listmenu-arrow-right-pressed-theme {
2024 background-image: var(--jqx-list-arrow-right-selected-color-theme);
2025 }
2026 .jqx-listmenu-arrow-rtl-theme {
2027 background-image: var(--jqx-list-arrow-left-color-theme);
2028 }
2029 .jqx-listmenu-arrow-right-pressed-theme.jqx-listmenu-arrow-rtl-theme {
2030 background-image: var(--jqx-list-arrow-left-selected-color-theme);
2031 }
2032
2033 .jqx-grid-cell-theme.jqx-grid-cell-selected-theme>.jqx-grid-group-expand-theme {
2034 background-image: var(--jqx-grid-arrow-down-selected-color-theme);
2035 background-repeat: no-repeat;
2036 background-position: center;
2037 }
2038 .jqx-grid-cell-theme.jqx-grid-cell-selected-theme>.jqx-grid-group-collapse-theme{
2039 background-image: var(--jqx-grid-arrow-right-selected-color-theme);
2040 background-repeat: no-repeat;
2041 background-position: center;
2042 }
2043 .jqx-grid-cell-theme.jqx-grid-cell-selected-theme>.jqx-grid-group-collapse-rtl-theme {
2044 background-image: var(--jqx-grid-arrow-left-selected-color-theme);
2045 background-repeat: no-repeat;
2046 background-position: center;
2047 }
2048 .jqx-grid-cell-theme.jqx-grid-cell-selected-theme>.jqx-grid-group-expand-rtl-theme{
2049 background-image: var(--jqx-grid-arrow-down-selected-color-theme);
2050 background-repeat: no-repeat;
2051 background-position: center;
2052 }
2053 .jqx-grid-group-collapse-theme {
2054 background-image: url(./images/metro-icon-right.png);
2055 background-position: 50% 50%;
2056 background-repeat: no-repeat;
2057 }
2058 .jqx-grid-group-collapse-rtl-theme
2059 {
2060 padding-right: 0px;
2061 background-image: url(./images/metro-icon-left.png);
2062 background-position: 50% 50%;
2063 background-repeat: no-repeat;
2064 }
2065 .jqx-grid-group-expand-theme, .jqx-grid-group-expand-rtl-theme
2066 {
2067 padding-right: 0px;
2068 background-image: url(./images/metro-icon-down.png);
2069 background-position: 50% 50%;
2070 background-repeat: no-repeat;
2071 }
2072 .jqx-icon-arrow-first-theme
2073 {
2074 background-image: url('images/metro-icon-first.png');
2075 background-repeat: no-repeat;
2076 background-position: center;
2077 }
2078 .jqx-icon-arrow-last-theme
2079 {
2080 background-image: url('images/metro-icon-last.png');
2081 background-repeat: no-repeat;
2082 background-position: center;
2083 }
2084 .jqx-icon-arrow-first-hover-theme
2085 {
2086 background-image: url('images/metro-icon-first.png');
2087 background-repeat: no-repeat;
2088 background-position: center;
2089 }
2090 .jqx-icon-arrow-last-hover-theme
2091 {
2092 background-image: url('images/metro-icon-last.png');
2093 background-repeat: no-repeat;
2094 background-position: center;
2095 }
2096 .jqx-icon-arrow-first-selected-theme
2097 {
2098 background-image: url('images/metro-icon-first-white.png');
2099 background-repeat: no-repeat;
2100 background-position: center;
2101 }
2102 .jqx-icon-arrow-last-selected-theme
2103 {
2104 background-image: url('images/metro-icon-last-white.png');
2105 background-repeat: no-repeat;
2106 background-position: center;
2107 }
2108
2109 .jqx-icon-calendar-theme {
2110 background-image: var(--jqx-editors-datetimeinput-calendar-icon-color-theme);
2111 }
2112 .jqx-icon-calendar-pressed-theme {
2113 background-image: var(--jqx-editors-datetimeinput-calendar-icon-selected-color-theme);
2114 }
2115 .jqx-icon-time-pressed-theme {
2116 background-image: url('images/icon-time-white.png');
2117 }
2118 .jqx-icon-time-theme{
2119 margin-left:1px;
2120 }
2121
2122
2123 .sorticon, .filtericon {
2124 box-shadow:none;
2125 }
2126 .sorticon.descending .jqx-grid-column-sorticon-theme {
2127 margin-top:-1px;
2128 }
2129 .sorticon.ascending .jqx-grid-column-sorticon-theme {
2130 margin-top:1px;
2131 }
2132
2133 .jqx-dropdownlist-state-normal-theme .jqx-icon-arrow-down-theme,
2134 .jqx-combobox-state-normal-theme .jqx-icon-arrow-down-theme,
2135 .sorticon.descending .jqx-grid-column-sorticon-theme,
2136 .jqx-tree-item-arrow-expand-theme,
2137 .jqx-expander-header-theme .jqx-icon-arrow-down
2138 {
2139 transform: rotate(0deg);
2140 transition: transform 0.2s ease-out;
2141 }
2142
2143 .jqx-tree-item-arrow-expand-theme {
2144 background-image: var(--jqx-treeview-arrow-expanded-color-theme) !important;
2145 }
2146
2147 .jqx-expander-header-theme .jqx-icon-arrow-up {
2148 transform: rotate(180deg);
2149 transition: transform 0.2s ease-out;
2150 background-image: var(--jqx-accordion-arrow-up-color-theme);
2151 }
2152
2153 .jqx-tree-item-arrow-collapse-theme
2154 {
2155 transform: rotate(-90deg);
2156 background-image: var(--jqx-treeview-arrow-collapsed-color-theme);
2157 background-repeat: no-repeat;
2158 background-position: center;
2159 transition: transform 0.2s ease-out;
2160 }
2161 .jqx-dropdownlist-state-selected-theme .jqx-icon-arrow-down-theme,
2162 .jqx-combobox-state-selected-theme .jqx-icon-arrow-down-theme,
2163 .sorticon.ascending .jqx-grid-column-sorticon-theme
2164 {
2165 transform: rotate(180deg);
2166 transition: transform 0.2s ease-out;
2167 }
2168 .jqx-combobox-state-selected-theme .jqx-icon-arrow-down-theme{
2169 left:0px;
2170 }
2171
2172 .jqx-primary .jqx-icon-arrow-down-theme, .jqx-warning .jqx-icon-arrow-down-theme, .jqx-danger .jqx-icon-arrow-down-theme, .jqx-success .jqx-icon-arrow-down-theme, .jqx-info .jqx-icon-arrow-down-theme {
2173 background-image: url('images/metro-icon-down-white.png');
2174 }
2175 .jqx-primary .jqx-icon-arrow-down-selected-theme, .jqx-warning .jqx-icon-arrow-down-selected-theme, .jqx-danger .jqx-icon-arrow-down-selected-theme, .jqx-success .jqx-icon-arrow-down-selected-theme, .jqx-info .jqx-icon-arrow-down-selected-theme {
2176 background-image: url('images/metro-icon-down-white.png');
2177 }
2178 .jqx-primary .jqx-icon-arrow-down-hover-theme, .jqx-warning .jqx-icon-arrow-down-hover-theme, .jqx-danger .jqx-icon-arrow-down-hover-theme, .jqx-success .jqx-icon-arrow-down-hover-theme, .jqx-info .jqx-icon-arrow-down-hover-theme {
2179 background-image: url('images/metro-icon-down-white.png');
2180 }
2181 .jqx-primary .jqx-icon-arrow-up-theme, .jqx-warning .jqx-icon-arrow-up-theme, .jqx-danger .jqx-icon-arrow-up-theme, .jqx-success .jqx-icon-arrow-up-theme, .jqx-info .jqx-icon-arrow-up-theme {
2182 background-image: url('images/metro-icon-up-white.png');
2183 }
2184 .jqx-primary .jqx-icon-arrow-up-selected-theme, .jqx-warning .jqx-icon-arrow-up-selected-theme, .jqx-danger .jqx-icon-arrow-up-selected-theme, .jqx-success .jqx-icon-arrow-up-selected-theme, .jqx-info .jqx-icon-arrow-up-selected-theme {
2185 background-image: url('images/metro-icon-up-white.png');
2186 }
2187 .jqx-primary .jqx-icon-arrow-up-hover-theme, .jqx-warning .jqx-icon-arrow-up-hover-theme, .jqx-danger .jqx-icon-arrow-up-hover-theme, .jqx-success .jqx-icon-arrow-up-hover-theme, .jqx-info .jqx-icon-arrow-up-hover-theme {
2188 background-image: url('images/metro-icon-up-white.png');
2189 }
2190
2191
2192 .jqx-primary .jqx-icon-arrow-left-theme, .jqx-warning .jqx-icon-arrow-left-theme, .jqx-danger .jqx-icon-arrow-left-theme, .jqx-success .jqx-icon-arrow-left-theme, .jqx-info .jqx-icon-arrow-left-theme {
2193 background-image: url('images/metro-icon-left-white.png');
2194 }
2195 .jqx-primary .jqx-icon-arrow-left-selected-theme, .jqx-warning .jqx-icon-arrow-left-selected-theme, .jqx-danger .jqx-icon-arrow-left-selected-theme, .jqx-success .jqx-icon-arrow-left-selected-theme, .jqx-info .jqx-icon-arrow-left-selected-theme {
2196 background-image: url('images/metro-icon-left-white.png');
2197 }
2198 .jqx-primary .jqx-icon-arrow-left-hover-theme, .jqx-warning .jqx-icon-arrow-left-hover-theme, .jqx-danger .jqx-icon-arrow-left-hover-theme, .jqx-success .jqx-icon-arrow-left-hover-theme, .jqx-info .jqx-icon-arrow-left-hover-theme {
2199 background-image: url('images/metro-icon-left-white.png');
2200 }
2201 .jqx-primary .jqx-icon-arrow-right-theme, .jqx-warning .jqx-icon-arrow-right-theme, .jqx-danger .jqx-icon-arrow-right-theme, .jqx-success .jqx-icon-arrow-right-theme, .jqx-info .jqx-icon-arrow-right-theme {
2202 background-image: url('images/metro-icon-right-white.png');
2203 }
2204 .jqx-primary .jqx-icon-arrow-right-selected-theme, .jqx-warning .jqx-icon-arrow-right-selected-theme, .jqx-danger .jqx-icon-arrow-right-selected-theme, .jqx-success .jqx-icon-arrow-right-selected-theme, .jqx-info .jqx-icon-arrow-right-selected-theme {
2205 background-image: url('images/metro-icon-right-white.png');
2206 }
2207 .jqx-primary .jqx-icon-arrow-right-hover-theme, .jqx-warning .jqx-icon-arrow-right-hover-theme, .jqx-danger .jqx-icon-arrow-right-hover-theme, .jqx-success .jqx-icon-arrow-right-hover-theme, .jqx-info .jqx-icon-arrow-right-hover-theme {
2208 background-image: url('images/metro-icon-right-white.png');
2209 }
2210
2211 .jqx-slider-tooltip-theme.jqx-primary-slider, .jqx-slider-tooltip-theme.jqx-primary-slider .jqx-fill-state-normal-theme {
2212 border-color: #1ca8dd;
2213 background: #1ca8dd;
2214 }
2215 .jqx-slider-tooltip-theme.jqx-success-slider, .jqx-slider-tooltip-theme.jqx-success-slider .jqx-fill-state-normal-theme {
2216 border-color: #5cb85c;
2217 background: #5cb85c;
2218 }
2219 .jqx-slider-tooltip-theme.jqx-inverse-slider, .jqx-slider-tooltip-theme.jqx-inverse-slider .jqx-fill-state-normal-theme {
2220 border-color: #666;
2221 background: #666;
2222 }
2223 .jqx-slider-tooltip-theme.jqx-danger-slider, .jqx-slider-tooltip-theme.jqx-danger-slider .jqx-fill-state-normal-theme {
2224 border-color: #d9534f;
2225 background: #d9534f;
2226 }
2227 .jqx-slider-tooltip-theme.jqx-warning-slider, .jqx-slider-tooltip-theme.jqx-warning-slider .jqx-fill-state-normal-theme {
2228 border-color: #f0ad4e;
2229 background: #f0ad4e;
2230 }
2231 .jqx-slider-tooltip-theme.jqx-info-slider, .jqx-slider-tooltip-theme.jqx-info-slider .jqx-fill-state-normal-theme {
2232 border-color: #5bc0de;
2233 background: #5bc0de;
2234 }
2235
2236
2237
2238
2239 .jqx-fill-state-pressed-theme .jqx-icon-delete-theme
2240 {
2241 background-image: url('images/icon-delete-white.png');
2242 }
2243 .jqx-fill-state-pressed-theme .jqx-icon-edit-theme
2244 {
2245 background-image: url('images/icon-edit-white.png');
2246 }
2247 .jqx-fill-state-pressed-theme .jqx-icon-save-theme
2248 {
2249 background-image: url('images/icon-save-white.png');
2250 }
2251 .jqx-fill-state-pressed-theme .jqx-icon-cancel-theme
2252 {
2253 background-image: url('images/icon-cancel-white.png');
2254 }
2255 .jqx-fill-state-pressed-theme .jqx-icon-search-theme
2256 {
2257 background-image: url(./images/search_white.png);
2258 }
2259 .jqx-fill-state-pressed-theme .jqx-icon-plus-theme
2260 {
2261 background-image: url(./images/plus_white.png);
2262 }
2263 .jqx-fill-state-pressed-theme .jqx-menu-minimized-button-theme {
2264 background-image: url('images/icon-menu-minimized-white.png');
2265 }
2266 .jqx-fill-state-pressed-theme .jqx-editor-toolbar-icon-theme {
2267 background: url('images/html_editor_white.png') no-repeat;
2268 }
2269 .jqx-editor-toolbar-button-theme{
2270 border-color: var(--jqx-border-color-theme);
2271 }
2272
2273 .jqx-widget-theme #formWrap {
2274 color: #555 !important;
2275 }

mercurial