1 /*Rounded Corners*/ |
1 :root { |
|
2 --jqx-grid-row-height: 36px; |
|
3 --jqx-grid-column-height: 48px; |
|
4 --jqx-grid-show-column-lines: 1; |
|
5 --jqx-list-item-height: -1; |
|
6 --jqx-grid-filter-menu-items-height: 30px; |
|
7 --jqx-dropdown-animation: transform; |
|
8 --jqx-datetimeinput-dropdown-height: 280px; |
|
9 --jqx-datetimeinput-dropdown-width: 280px; |
|
10 --jqx-calendar-header-height: 40px; |
|
11 --jqx-calendar-title-height: 49px; |
|
12 --jqx-icon-calendar: '\e829'; /* Code of calendar icon */ |
|
13 --jqx-icon-filter: '\f0b0'; /* Code of filter icon */ |
|
14 --jqx-icon-menu: '\f0c9'; /* Code of menu icon */ |
|
15 --jqx-icon-check: '\e908'; /* Code of check icon */ |
|
16 --jqx-icon-first-page: '\e900'; /* Code of first page icon */ |
|
17 --jqx-icon-arrow-down: '\e901'; /* Code of down arrow icon */ |
|
18 --jqx-icon-arrow-left: '\e902'; /* Code of left arrow icon */ |
|
19 --jqx-icon-arrow-right: '\e903'; /* Code of right arrow icon */ |
|
20 --jqx-icon-arrow-up: '\e904'; /* Code of up arrow icon */ |
|
21 --jqx-icon-arrow-down-filled: '\e812'; /* Code of filled down arrow icon */ |
|
22 --jqx-icon-arrow-left-filled: '\e816'; /* Code of filled left arrow icon */ |
|
23 --jqx-icon-arrow-right-filled: '\e81e'; /* Code of filled right arrow icon */ |
|
24 --jqx-icon-arrow-up-filled: '\e815'; /* Code of filled up arrow icon */ |
|
25 --jqx-icon-visibility: '\e90d'; /* Code of visibility icon */ |
|
26 --jqx-icon-visibility-off: '\e90e'; /* Code of visibility off icon */ |
|
27 --jqx-icon-last-page: '\e905'; /* Code of last page icon */ |
|
28 --jqx-icon-close: '\e80d'; /* Code of close icon */ |
|
29 --jqx-icon-search: '\e828'; /* Code of search icon */ |
|
30 --jqx-border-radius: 4px; |
|
31 --jqx-font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
32 --jqx-font-size: 14px; |
|
33 --jqx-action-button-size: 25px; |
|
34 } |
|
35 |
|
36 /*Rounded Corners*/ |
2 /*top-left rounded Corners*/ |
37 /*top-left rounded Corners*/ |
3 .jqx-rc-tl |
38 .jqx-rc-tl { |
4 { |
|
5 -moz-border-radius-topleft: 3px; |
39 -moz-border-radius-topleft: 3px; |
6 -webkit-border-top-left-radius: 3px; |
40 -webkit-border-top-left-radius: 3px; |
7 border-top-left-radius: 3px; |
41 border-top-left-radius: 3px; |
8 } |
42 } |
9 /*top-right rounded Corners*/ |
43 /*top-right rounded Corners*/ |
10 .jqx-rc-tr |
44 .jqx-rc-tr { |
11 { |
|
12 -moz-border-radius-topright: 3px; |
45 -moz-border-radius-topright: 3px; |
13 -webkit-border-top-right-radius: 3px; |
46 -webkit-border-top-right-radius: 3px; |
14 border-top-right-radius: 3px; |
47 border-top-right-radius: 3px; |
15 } |
48 } |
16 /*bottom-left rounded Corners*/ |
49 /*bottom-left rounded Corners*/ |
17 .jqx-rc-bl |
50 .jqx-rc-bl { |
18 { |
|
19 -moz-border-radius-bottomleft: 3px; |
51 -moz-border-radius-bottomleft: 3px; |
20 -webkit-border-bottom-left-radius: 3px; |
52 -webkit-border-bottom-left-radius: 3px; |
21 border-bottom-left-radius: 3px; |
53 border-bottom-left-radius: 3px; |
22 } |
54 } |
23 /*bottom-right rounded Corners*/ |
55 /*bottom-right rounded Corners*/ |
24 .jqx-rc-br |
56 .jqx-rc-br { |
25 { |
|
26 -moz-border-radius-bottomright: 3px; |
57 -moz-border-radius-bottomright: 3px; |
27 -webkit-border-bottom-right-radius: 3px; |
58 -webkit-border-bottom-right-radius: 3px; |
28 border-bottom-right-radius: 3px; |
59 border-bottom-right-radius: 3px; |
29 } |
60 } |
30 /*top rounded Corners*/ |
61 /*top rounded Corners*/ |
31 .jqx-rc-t |
62 .jqx-rc-t { |
32 { |
|
33 -moz-border-radius-topleft: 3px; |
63 -moz-border-radius-topleft: 3px; |
34 -webkit-border-top-left-radius: 3px; |
64 -webkit-border-top-left-radius: 3px; |
35 border-top-left-radius: 3px; |
65 border-top-left-radius: 3px; |
36 -moz-border-radius-topright: 3px; |
66 -moz-border-radius-topright: 3px; |
37 -webkit-border-top-right-radius: 3px; |
67 -webkit-border-top-right-radius: 3px; |
38 border-top-right-radius: 3px; |
68 border-top-right-radius: 3px; |
39 } |
69 } |
40 /*bottom rounded Corners*/ |
70 /*bottom rounded Corners*/ |
41 .jqx-rc-b |
71 .jqx-rc-b { |
42 { |
|
43 -moz-border-radius-bottomleft: 3px; |
72 -moz-border-radius-bottomleft: 3px; |
44 -webkit-border-bottom-left-radius: 3px; |
73 -webkit-border-bottom-left-radius: 3px; |
45 border-bottom-left-radius: 3px; |
74 border-bottom-left-radius: 3px; |
46 -moz-border-radius-bottomright: 3px; |
75 -moz-border-radius-bottomright: 3px; |
47 -webkit-border-bottom-right-radius: 3px; |
76 -webkit-border-bottom-right-radius: 3px; |
48 border-bottom-right-radius: 3px; |
77 border-bottom-right-radius: 3px; |
49 } |
78 } |
50 /*right rounded Corners*/ |
79 /*right rounded Corners*/ |
51 .jqx-rc-r |
80 .jqx-rc-r { |
52 { |
|
53 -moz-border-radius-topright: 3px; |
81 -moz-border-radius-topright: 3px; |
54 -webkit-border-top-right-radius: 3px; |
82 -webkit-border-top-right-radius: 3px; |
55 border-top-right-radius: 3px; |
83 border-top-right-radius: 3px; |
56 -moz-border-radius-bottomright: 3px; |
84 -moz-border-radius-bottomright: 3px; |
57 -webkit-border-bottom-right-radius: 3px; |
85 -webkit-border-bottom-right-radius: 3px; |
58 border-bottom-right-radius: 3px; |
86 border-bottom-right-radius: 3px; |
59 } |
87 } |
60 /*left rounded Corners*/ |
88 /*left rounded Corners*/ |
61 .jqx-rc-l |
89 .jqx-rc-l { |
62 { |
|
63 -moz-border-radius-topleft: 3px; |
90 -moz-border-radius-topleft: 3px; |
64 -webkit-border-top-left-radius: 3px; |
91 -webkit-border-top-left-radius: 3px; |
65 border-top-left-radius: 3px; |
92 border-top-left-radius: 3px; |
66 -moz-border-radius-bottomleft: 3px; |
93 -moz-border-radius-bottomleft: 3px; |
67 -webkit-border-bottom-left-radius: 3px; |
94 -webkit-border-bottom-left-radius: 3px; |
68 border-bottom-left-radius: 3px; |
95 border-bottom-left-radius: 3px; |
69 } |
96 } |
70 /*all rounded Corners*/ |
97 /*all rounded Corners*/ |
71 .jqx-rc-all |
98 .jqx-rc-all { |
72 { |
|
73 -moz-border-radius: 3px; |
99 -moz-border-radius: 3px; |
74 -webkit-border-radius: 3px; |
100 -webkit-border-radius: 3px; |
75 border-radius: 3px; |
101 border-radius: 3px; |
76 } |
102 } |
77 /*reset rounded corners*/ |
103 /*reset rounded corners*/ |
78 .jqx-rc-reset |
104 .jqx-rc-reset { |
79 { |
|
80 -moz-border-radius: 0px !important; |
105 -moz-border-radius: 0px !important; |
81 -webkit-border-radius: 0px !important; |
106 -webkit-border-radius: 0px !important; |
82 border-radius: 0px !important; |
107 border-radius: 0px !important; |
83 } |
108 } |
84 |
109 |
85 /*Reset Style*/ |
110 /*Reset Style*/ |
86 .jqx-reset |
111 .jqx-reset { |
87 { |
|
88 padding: 0; |
112 padding: 0; |
89 margin: 0; |
113 margin: 0; |
90 border: none; |
114 border: none; |
91 background: transparent; |
115 background: transparent; |
92 outline: none; |
116 outline: none; |
93 box-sizing: content-box; |
117 box-sizing: content-box; |
94 } |
118 } |
|
119 |
95 .jqx-clear { |
120 .jqx-clear { |
96 align:left; valign:top; left: 0px; top: 0px; -webkit-appearance: none !important; outline: none !important; padding: 0px; margin: 0px; |
121 align: left; |
97 } |
122 valign: top; |
|
123 left: 0px; |
|
124 top: 0px; |
|
125 -webkit-appearance: none !important; |
|
126 outline: none !important; |
|
127 padding: 0px; |
|
128 margin: 0px; |
|
129 } |
|
130 |
98 .jqx-popup { |
131 .jqx-popup { |
99 box-sizing: content-box; |
132 box-sizing: content-box; |
100 } |
133 } |
|
134 |
101 .jqx-position-reset { |
135 .jqx-position-reset { |
102 position: static !important; |
136 position: static !important; |
103 } |
137 } |
|
138 |
104 .jqx-border-reset { |
139 .jqx-border-reset { |
105 border: none !important; |
140 border: none !important; |
106 } |
141 } |
|
142 |
107 .jqx-overflow-hidden { |
143 .jqx-overflow-hidden { |
108 overflow: hidden !important; |
144 overflow: hidden !important; |
109 } |
145 } |
|
146 |
110 .jqx-position-relative { |
147 .jqx-position-relative { |
111 position: relative !important; |
148 position: relative !important; |
112 } |
149 } |
|
150 |
113 .jqx-position-absolute { |
151 .jqx-position-absolute { |
114 position: absolute !important; |
152 position: absolute !important; |
115 } |
153 } |
|
154 |
116 .jqx-max-size { |
155 .jqx-max-size { |
117 width: 100% !important; |
156 width: 100% !important; |
118 height: 100% !important; |
157 height: 100% !important; |
119 } |
158 } |
|
159 |
120 .jqx-background-reset { |
160 .jqx-background-reset { |
121 background: transparent !important; |
161 background: transparent !important; |
122 } |
162 } |
123 /*Disable browser selection*/ |
163 /*Disable browser selection*/ |
124 .jqx-disableselect |
164 .jqx-disableselect { |
125 { |
|
126 -webkit-user-select: none; |
165 -webkit-user-select: none; |
127 -moz-user-select: none; |
166 -moz-user-select: none; |
128 user-select: none; |
167 user-select: none; |
129 -ms-user-select:none; |
168 -ms-user-select: none; |
130 -webkit-touch-callout:none; |
169 -webkit-touch-callout: none; |
131 -webkit-tap-highlight-color: rgba(0,0,0,0); |
170 -webkit-tap-highlight-color: rgba(0,0,0,0); |
132 } |
171 } |
|
172 |
133 .jqx-enableselect { |
173 .jqx-enableselect { |
134 -webkit-user-select: text; |
174 -webkit-user-select: text; |
135 -moz-user-select: text; |
175 -moz-user-select: text; |
136 -ms-user-select:text; |
176 -ms-user-select: text; |
137 user-select:all; |
177 user-select: all; |
138 } |
178 } |
139 .jqx-hideborder |
179 |
140 { |
180 .jqx-hideborder { |
141 border: none !important; |
181 border: none !important; |
142 } |
182 } |
143 .jqx-hidescrollbars |
183 |
144 { |
184 .jqx-hidescrollbars { |
145 overflow: hidden !important; |
185 overflow: hidden !important; |
146 } |
186 } |
147 /*jqxButton, jqxToggleButton, jqxRepeatButton Style*/ |
187 /*jqxButton, jqxToggleButton, jqxRepeatButton Style*/ |
148 .jqx-button{outline: none; border: 1px solid transparent; padding: 3px; text-align: center; vertical-align: central; margin: 0 0 0 0; cursor: default; } |
188 .jqx-button { |
149 button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button { |
189 outline: none; |
150 box-sizing: border-box !important; -moz-box-sizing: border-box !important; |
190 border: 1px solid transparent; |
151 } |
191 padding: 5px; |
152 |
192 text-align: center; |
153 .jqx-buttongroup{} |
193 vertical-align: central; |
|
194 margin: 0 0 0 0; |
|
195 cursor: default; |
|
196 } |
|
197 .jqx-button[aria-disabled="true"] { |
|
198 pointer-events:none; |
|
199 } |
|
200 button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button { |
|
201 box-sizing: border-box !important; |
|
202 -moz-box-sizing: border-box !important; |
|
203 } |
|
204 |
|
205 .jqx-buttongroup { |
|
206 } |
|
207 |
154 .jqx-group-button-normal { |
208 .jqx-group-button-normal { |
155 vertical-align: middle; |
209 vertical-align: middle; |
156 text-align: center; |
210 text-align: center; |
157 } |
211 } |
158 /*applied to the link button's anchor element.*/ |
212 /*applied to the link button's anchor element.*/ |
159 .jqx-link |
213 .jqx-link { |
160 { |
|
161 text-decoration: none; |
214 text-decoration: none; |
162 color: #111111; |
215 color: #111111; |
163 } |
216 } |
164 |
217 |
165 /*shows elements.*/ |
218 /*shows elements.*/ |
166 .jqx-visible |
219 .jqx-visible { |
167 { |
|
168 display: block; |
220 display: block; |
169 } |
221 } |
170 /*hides elements.*/ |
222 /*hides elements.*/ |
171 .jqx-hidden |
223 .jqx-hidden { |
172 { |
|
173 display: none; |
224 display: none; |
174 } |
225 } |
|
226 |
175 .jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal { |
227 .jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal { |
176 line-height: 1.231; |
228 line-height: 1.231; |
177 } |
229 } |
178 /*jqxGauge Style*/ |
230 /*jqxGauge Style*/ |
179 .jqx-gauge-label, .jqx-gauge-caption |
231 .jqx-gauge-label, .jqx-gauge-caption { |
180 { |
|
181 fill: #333333; |
232 fill: #333333; |
182 color: #333333; |
233 color: #333333; |
183 font-size: 11px; |
234 font-size: 11px; |
184 font-family: Verdana; |
235 font-family: Verdana; |
185 } |
236 } |
|
237 |
186 .jqx-knob { |
238 .jqx-knob { |
187 text-align: center; |
239 text-align: center; |
188 } |
240 } |
189 /*jqxChart Style*/ |
241 /*jqxChart Style*/ |
190 .jqx-knob-label, |
242 .jqx-knob-label, |
191 .jqx-chart-axis-text, |
243 .jqx-chart-axis-text, |
192 .jqx-chart-label-text, |
244 .jqx-chart-label-text, |
193 .jqx-chart-tooltip-text, |
245 .jqx-chart-tooltip-text, |
194 .jqx-chart-legend-text |
246 .jqx-chart-legend-text { |
195 { |
|
196 fill: #333333; |
247 fill: #333333; |
197 color: #333333; |
248 color: #333333; |
198 font-size: 11px; |
249 font-size: 11px; |
199 font-family: Verdana; |
250 font-family: Verdana; |
200 } |
251 } |
201 .jqx-chart-axis-description |
252 |
202 { |
253 .jqx-chart-axis-description { |
203 fill: #555555; |
254 fill: #555555; |
204 color: #555555; |
255 color: #555555; |
205 font-size: 11px; |
256 font-size: 11px; |
206 font-family: Verdana; |
257 font-family: Verdana; |
207 } |
258 } |
208 .jqx-chart-title-text |
259 |
209 { |
260 .jqx-chart-title-text { |
210 fill: #111111; |
261 fill: #111111; |
211 color: #111111; |
262 color: #111111; |
212 font-size: 14px; |
263 font-size: 14px; |
213 font-weight: bold; |
264 font-weight: bold; |
214 font-family: Verdana; |
265 font-family: Verdana; |
215 } |
266 } |
216 .jqx-chart-title-description |
267 |
217 { |
268 .jqx-chart-title-description { |
218 fill: #111111; |
269 fill: #111111; |
219 color: #111111; |
270 color: #111111; |
220 font-size: 12px; |
271 font-size: 12px; |
221 font-weight: normal; |
272 font-weight: normal; |
222 font-family: Verdana; |
273 font-family: Verdana; |
223 } |
274 } |
224 |
275 |
225 /*applied to the Grid's element.*/ |
276 /*applied to the Grid's element.*/ |
226 .jqx-grid |
277 .jqx-grid { |
227 { |
|
228 overflow: hidden; |
278 overflow: hidden; |
229 border-style: solid; |
279 border-style: solid; |
230 border-width: 1px; |
280 border-width: 1px; |
231 } |
281 } |
|
282 |
|
283 .jqx-grid .jqx-adaptive-table { |
|
284 border-collapse: collapse; |
|
285 border: none; |
|
286 width: 100%; |
|
287 } |
|
288 |
|
289 .jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th { |
|
290 border-bottom: 1px solid #ddd; |
|
291 padding: 8px; |
|
292 overflow: auto; |
|
293 } |
|
294 |
|
295 .jqx-grid .jqx-adaptive-table tr:nth-child(even) { |
|
296 background-color: #f2f2f2; |
|
297 } |
|
298 |
|
299 .jqx-grid .jqx-adaptive-table th { |
|
300 padding-top: 12px; |
|
301 padding-bottom: 12px; |
|
302 text-align: left; |
|
303 background-color: #4CAF50; |
|
304 color: white; |
|
305 } |
|
306 |
|
307 .jqx-grid .jqx-adaptive-view a { |
|
308 padding: 10px; |
|
309 text-decoration: none; |
|
310 color: orangered; |
|
311 } |
|
312 |
232 /*applied to the Pager.*/ |
313 /*applied to the Pager.*/ |
233 .jqx-grid-pager |
314 .jqx-grid-pager { |
234 { |
|
235 border: none; |
315 border: none; |
236 border-top: 1px solid transparent; |
316 border-top: 1px solid transparent; |
237 } |
317 } |
238 /*applied to the Top Pager.*/ |
318 /*applied to the Top Pager.*/ |
239 .jqx-grid-pager-top |
319 .jqx-grid-pager-top { |
240 { |
|
241 border: none; |
320 border: none; |
242 border-bottom: 1px solid transparent; |
321 border-bottom: 1px solid transparent; |
243 } |
322 } |
244 .jqx-grid-pager-number{ |
323 |
|
324 .jqx-grid-pager-number { |
245 padding: 2px 5px; |
325 padding: 2px 5px; |
246 text-decoration: none; |
326 text-decoration: none; |
247 margin: 1px; |
327 margin: 1px; |
248 border: 1px solid transparent; |
328 border: 1px solid transparent; |
249 color: inherit !important; |
329 color: inherit !important; |
250 *color: expression(this.parentNode.currentStyle['color']) !important; |
|
251 outline: none; |
330 outline: none; |
252 font-weight: normal !important; |
331 font-weight: normal !important; |
253 } |
332 line-height: 14px; |
|
333 } |
|
334 |
254 .jqx-grid-menu-item-touch { |
335 .jqx-grid-menu-item-touch { |
255 padding-top: 6px !important; |
336 padding-top: 6px !important; |
256 padding-bottom: 6px !important; |
337 padding-bottom: 6px !important; |
257 } |
338 } |
258 /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ |
339 /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ |
259 .jqx-grid-bottomright |
340 .jqx-grid-bottomright { |
260 { |
|
261 |
|
262 } |
341 } |
263 /*applied to the Grid's header area.*/ |
342 /*applied to the Grid's header area.*/ |
264 .jqx-grid-header |
343 .jqx-grid-header { |
265 { |
|
266 border-style: solid; |
344 border-style: solid; |
267 border-width: 0px 0px 1px 0px; |
345 border-width: 0px 0px 1px 0px; |
268 overflow: hidden; |
346 overflow: hidden; |
269 border-color: transparent; |
347 border-color: transparent; |
270 margin: 0px; |
348 margin: 0px; |
271 padding: 0px; |
349 padding: 0px; |
272 } |
350 } |
273 /*applied to the columns.*/ |
351 /*applied to the columns.*/ |
274 .jqx-grid-column-header, .jqx-grid-columngroup-header { |
352 .jqx-grid-column-header, .jqx-grid-columngroup-header { |
275 border-style: solid; |
353 border-style: solid; |
276 border-width: 0px 1px 0px 0px; |
354 border-width: 0px 1px 0px 0px; |
277 border-color: transparent; |
355 border-color: transparent; |
278 white-space: nowrap; |
356 white-space: nowrap; |
279 border-style: solid; |
357 border-style: solid; |
280 font-weight: normal; |
358 font-weight: normal; |
281 overflow: hidden; |
359 overflow: hidden; |
282 text-align: left; |
360 text-align: left; |
283 padding: 0px; |
361 padding: 0px; |
284 margin: 0px; |
362 margin: 0px; |
285 } |
363 } |
|
364 |
286 .jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl { |
365 .jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl { |
287 border-width: 0px 0px 0px 1px; |
366 border-width: 0px 0px 0px 1px; |
288 } |
367 } |
|
368 |
289 .jqx-grid-columngroup-header { |
369 .jqx-grid-columngroup-header { |
290 border-bottom-width: 1px; |
370 border-bottom-width: 1px; |
291 border-left-width: 1px; |
371 border-left-width: 1px; |
292 } |
372 } |
293 /*applied to the column's button.*/ |
373 /*applied to the column's button.*/ |
294 .jqx-grid-column-menubutton { |
374 .jqx-grid-column-menubutton { |
295 border-style: solid; |
375 border-style: solid; |
296 border-width: 0px 0px 0px 1px; |
376 border-width: 0px 0px 0px 1px; |
297 border-color: transparent; |
377 border-color: transparent; |
298 background-image: url('images/menubutton.png'); |
378 background-image: url('images/icon-menu-small.png') !important; |
299 background-repeat: no-repeat; |
379 background-repeat: no-repeat; |
300 background-position: center; |
380 background-position: center !important; |
301 cursor: pointer; |
381 cursor: pointer; |
302 } |
382 } |
|
383 |
303 .jqx-grid-column-menubutton-rtl { |
384 .jqx-grid-column-menubutton-rtl { |
304 border-width: 0px 1px 0px 0px; |
385 border-width: 0px 1px 0px 0px; |
305 } |
386 } |
306 /*applied to the column's sort button when the sort order is ascending.*/ |
387 /*applied to the column's sort button when the sort order is ascending.*/ |
307 .jqx-grid-column-sortascbutton { |
388 .jqx-grid-column-sortascbutton { |
308 border: none; |
389 border: none; |
309 background-image: url('images/sortascbutton.png'); |
390 background-image: url('images/sortascbutton.png'); |
310 background-repeat: no-repeat; |
391 background-repeat: no-repeat; |
311 background-position: center; |
392 background-position: center; |
312 cursor: pointer; |
393 cursor: pointer; |
313 } |
394 } |
314 /*applied to the column's sort button when the sort order is descending.*/ |
395 /*applied to the column's sort button when the sort order is descending.*/ |
315 .jqx-grid-column-sortdescbutton { |
396 .jqx-grid-column-sortdescbutton { |
316 border: none; |
397 border: none; |
317 background-image: url('images/sortdescbutton.png'); |
398 background-image: url('images/sortdescbutton.png'); |
318 background-repeat: no-repeat; |
399 background-repeat: no-repeat; |
319 background-position: center; |
400 background-position: center; |
320 cursor: pointer; |
401 cursor: pointer; |
321 } |
402 } |
322 /*applied to the column's filter button.*/ |
403 /*applied to the column's filter button.*/ |
323 .jqx-grid-column-filterbutton |
404 .jqx-grid-column-filterbutton { |
324 { |
|
325 border: none; |
405 border: none; |
326 background-image: url('images/filter.png'); |
406 background-image: url('images/filter.png'); |
327 background-repeat: no-repeat; |
407 background-repeat: no-repeat; |
328 background-position: center; |
408 background-position: center; |
329 } |
409 margin-top: 1px; |
330 /*applied to the column's resize line.*/ |
410 } |
331 .jqx-grid-column-resizeline { |
411 /*applied to the column's resize line.*/ |
332 border-right: 1px dotted #555; |
412 .jqx-grid-column-resizeline { |
333 } |
413 border-right: 1px dotted #555; |
334 /*applied to the validation popup during cell editing.*/ |
414 } |
335 .jqx-grid-validation |
415 /*applied to the validation popup during cell editing.*/ |
336 { |
416 .jqx-grid-validation { |
337 background: #df2227 !important; |
417 background: #df2227 !important; |
338 color: #fff !important; |
418 color: #fff !important; |
339 padding: 4px 8px; |
419 padding: 4px 8px; |
340 } |
420 } |
|
421 |
341 .jqx-grid-validation-label { |
422 .jqx-grid-validation-label { |
342 color: #fff !important; |
423 color: #fff !important; |
343 background: #df2227 !important; |
424 background: #df2227 !important; |
344 border: 1px solid #df2227 !important; |
425 border: 1px solid #df2227 !important; |
345 } |
426 } |
346 .jqx-grid-validation-arrow-up |
427 |
347 { |
428 .jqx-grid-validation-arrow-up { |
348 background-image: url('images/red_arrow_up.png'); |
429 background-image: url('images/red_arrow_up.png'); |
349 background-repeat: no-repeat; |
430 background-repeat: no-repeat; |
350 background-position: center center; |
431 background-position: center center; |
351 } |
432 } |
352 .jqx-grid-validation-arrow-down |
433 |
353 { |
434 .jqx-grid-validation-arrow-down { |
354 background-image: url('images/red_arrow_down.png'); |
435 background-image: url('images/red_arrow_down.png'); |
355 background-repeat: no-repeat; |
436 background-repeat: no-repeat; |
356 background-position: center center; |
437 background-position: center center; |
357 } |
438 } |
358 /*applied to the column's resize start line.*/ |
439 /*applied to the column's resize start line.*/ |
359 .jqx-grid-column-resizestartline { |
440 .jqx-grid-column-resizestartline { |
360 border-right: 1px solid #444; |
441 border-right: 1px solid #444; |
361 } |
442 } |
362 /*applied to the sort ascending menu item in the Grid's Context Menu*/ |
443 /*applied to the sort ascending menu item in the Grid's Context Menu*/ |
363 .jqx-grid-sortasc-icon |
444 .jqx-grid-sortasc-icon { |
364 { |
445 background-image: url('images/icon-sort-asc.png'); |
365 background-image: url('images/sortasc.png'); |
|
366 background-repeat: no-repeat; |
446 background-repeat: no-repeat; |
367 background-position: left center; |
447 background-position: left center; |
368 width: 16px; |
448 width: 16px; |
369 height: 16px; |
449 height: 16px; |
370 float: left; |
450 float: left; |
371 margin-left: -4px; |
451 margin-left: -4px; |
372 margin-right: 4px; |
452 margin-right: 4px; |
373 } |
453 } |
374 /*applied to the sort ascending menu item in the Grid's Context Menu*/ |
454 /*applied to the sort ascending menu item in the Grid's Context Menu*/ |
375 .jqx-grid-sortdesc-icon |
455 .jqx-grid-sortdesc-icon { |
376 { |
456 background-image: url('images/icon-sort-desc.png'); |
377 background-image: url('images/sortdesc.png'); |
|
378 background-repeat: no-repeat; |
457 background-repeat: no-repeat; |
379 background-position: left center; |
458 background-position: left center; |
380 width: 16px; |
459 width: 16px; |
381 height: 16px; |
460 height: 16px; |
382 float: left; |
461 float: left; |
383 margin-left: -4px; |
462 margin-left: -4px; |
384 margin-right: 4px; |
463 margin-right: 4px; |
385 } |
464 } |
386 /*applied to the grid menu's sort remove item/*/ |
465 /*applied to the grid menu's sort remove item/*/ |
387 .jqx-grid-sortremove-icon |
466 .jqx-grid-sortremove-icon { |
388 { |
467 background-image: url('images/icon-sort-remove.png'); |
389 background-image: url('images/sortremove.png'); |
|
390 background-repeat: no-repeat; |
468 background-repeat: no-repeat; |
391 background-position: left center; |
469 background-position: left center; |
392 width: 16px; |
470 width: 16px; |
393 height: 16px; |
471 height: 16px; |
394 float: left; |
472 float: left; |
395 margin-left: -4px; |
473 margin-left: -4px; |
396 margin-right: 4px; |
474 margin-right: 4px; |
397 } |
475 } |
398 /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/ |
476 /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/ |
399 .jqx-grid-drag-icon |
477 .jqx-grid-drag-icon { |
400 { |
|
401 background-image: url('images/drag.png'); |
478 background-image: url('images/drag.png'); |
402 background-repeat: no-repeat; |
479 background-repeat: no-repeat; |
403 background-position: left center; |
480 background-position: left center; |
404 width: 16px; |
481 width: 16px; |
405 height: 16px; |
482 height: 16px; |
406 } |
483 } |
407 /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/ |
484 /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/ |
408 .jqx-grid-dragcancel-icon |
485 .jqx-grid-dragcancel-icon { |
409 { |
|
410 background-image: url('images/dragcancel.png'); |
486 background-image: url('images/dragcancel.png'); |
411 background-repeat: no-repeat; |
487 background-repeat: no-repeat; |
412 background-position: left center; |
488 background-position: left center; |
413 width: 16px; |
489 width: 16px; |
414 height: 16px; |
490 height: 16px; |
415 } |
491 } |
416 /*applied to the 'group by' menu item.*/ |
492 /*applied to the 'group by' menu item.*/ |
417 .jqx-grid-groupby-icon |
493 .jqx-grid-groupby-icon { |
418 { |
|
419 background-repeat: no-repeat; |
494 background-repeat: no-repeat; |
420 background-position: left center; |
495 background-position: left center; |
421 width: 16px; |
496 width: 16px; |
422 height: 16px; |
497 height: 16px; |
423 float: left; |
498 float: left; |
424 margin-left: -4px; |
499 margin-left: -4px; |
425 margin-right: 4px; |
500 margin-right: 4px; |
426 } |
501 } |
427 /*applied to the column anchor tags.*/ |
502 /*applied to the column anchor tags.*/ |
428 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited |
503 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited { |
429 { |
|
430 display: block; |
504 display: block; |
431 margin: 4px; |
505 margin: 4px; |
432 height: 18px; |
506 height: 18px; |
433 line-height: 18px !important; |
507 line-height: 18px !important; |
434 color: inherit; |
508 color: inherit; |
435 outline: 0 none; |
509 outline: 0 none; |
436 text-decoration: none; |
510 text-decoration: none; |
437 cursor: pointer; |
511 cursor: pointer; |
438 } |
512 } |
|
513 |
439 .jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited { |
514 .jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited { |
440 margin: 4px; |
515 margin: 4px; |
441 height: 18px; |
516 height: 18px; |
442 line-height: 18px !important; |
517 line-height: 18px !important; |
443 color: inherit; |
518 color: inherit; |
444 outline: 0 none; |
519 outline: 0 none; |
445 text-decoration: none; |
520 text-decoration: none; |
446 cursor: pointer; |
521 cursor: pointer; |
447 } |
522 } |
448 /*applied to the groups header area.*/ |
523 /*applied to the groups header area.*/ |
449 .jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar { |
524 .jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar { |
450 border-style: solid; |
525 border-style: solid; |
451 border-width: 0px 0px 1px 0px; |
526 border-width: 0px 0px 1px 0px; |
452 border-color: #aaa; |
527 border-color: #aaa; |
453 white-space: nowrap; |
528 white-space: nowrap; |
454 overflow: hidden; |
529 overflow: hidden; |
455 text-align: left; |
530 text-align: left; |
456 padding: 0px; |
531 padding: 0px; |
457 margin: 0px; |
532 margin: 0px; |
458 } |
533 } |
459 /*applied to a grouping row.*/ |
534 /*applied to a grouping row.*/ |
460 .jqx-grid-groups-row { |
535 .jqx-grid-groups-row { |
461 font-weight:bold; |
536 font-weight: bold; |
462 white-space: nowrap; |
537 white-space: nowrap; |
463 text-align: left; |
538 text-align: left; |
464 padding: 0px; |
539 padding: 0px; |
465 top: 50%; |
540 top: 50%; |
466 margin-top: -8px; |
541 margin-top: -8px; |
467 } |
542 } |
468 /*applied to the row details.*/ |
543 /*applied to the row details.*/ |
469 .jqx-grid-groups-row-details { |
544 .jqx-grid-groups-row-details { |
470 font-weight: normal; |
545 font-weight: normal; |
471 } |
546 } |
472 /*applied to a grouping column.*/ |
547 /*applied to a grouping column.*/ |
473 .jqx-grid-group-column |
548 .jqx-grid-group-column { |
474 { |
|
475 border: 1px solid transparent; |
549 border: 1px solid transparent; |
476 white-space: nowrap; |
550 white-space: nowrap; |
477 border-style: solid; |
551 border-style: solid; |
478 font-weight: normal; |
552 font-weight: normal; |
479 overflow: hidden; |
553 overflow: hidden; |
480 text-align: left; |
554 text-align: left; |
481 padding: 0px; |
555 padding: 0px; |
482 margin: 0px; |
556 margin: 0px; |
483 } |
557 } |
484 /*applied to the lines between the group columns.*/ |
558 /*applied to the lines between the group columns.*/ |
485 .jqx-grid-group-column-line |
559 .jqx-grid-group-column-line { |
486 { |
|
487 background: #aaa; |
560 background: #aaa; |
488 } |
561 } |
489 /*applied to the drop line indicators displayed in the grouping header.*/ |
562 /*applied to the drop line indicators displayed in the grouping header.*/ |
490 .jqx-grid-group-drag-line |
563 .jqx-grid-group-drag-line { |
491 { |
|
492 background: #80be09; |
564 background: #80be09; |
493 } |
565 } |
494 /*applied to the anchor tags inside a grouping column.*/ |
566 /*applied to the anchor tags inside a grouping column.*/ |
495 .jqx-grid-group-column a:link{ |
567 .jqx-grid-group-column a:link { |
496 display: block; |
568 display: block; |
497 margin: 4px; |
569 margin: 4px; |
498 height: 18px; |
570 height: 18px; |
499 line-height: 18px !important; |
571 line-height: 18px !important; |
500 outline: 0 none; |
572 outline: 0 none; |
501 text-decoration: none; |
573 text-decoration: none; |
502 cursor: pointer; |
574 cursor: pointer; |
503 color: inherit; |
575 color: inherit; |
504 *color: expression(this.parentNode.currentStyle['color']); |
576 } |
505 } |
577 |
506 .jqx-grid-group-column a:visited{ |
578 .jqx-grid-group-column a:visited { |
507 color: inherit; |
579 color: inherit; |
508 display: block; |
580 display: block; |
509 margin: 4px; |
581 margin: 4px; |
510 height: 18px; |
582 height: 18px; |
511 line-height: 18px !important; |
583 line-height: 18px !important; |
512 outline: 0 none; |
584 outline: 0 none; |
513 text-decoration: none; |
585 text-decoration: none; |
514 cursor: pointer; |
586 cursor: pointer; |
515 *color: expression(this.parentNode.currentStyle['color']); |
|
516 } |
587 } |
517 /*applied to a grid cell*/ |
588 /*applied to a grid cell*/ |
518 .jqx-grid-cell { |
589 .jqx-grid-cell { |
519 border-style: solid; |
590 border-style: solid; |
520 border-width: 0px 1px 1px 0px; |
591 border-width: 0px 1px 1px 0px; |
521 margin-right: 1px; |
592 margin-right: 1px; |
522 margin-bottom: 1px; |
593 margin-bottom: 1px; |
523 border-color: transparent; |
594 border-color: transparent; |
524 background: #fff; |
595 background: #fff; |
525 white-space: nowrap; |
596 white-space: nowrap; |
526 font-weight: normal; |
597 font-weight: normal; |
527 font-size: inherit; |
598 font-size: inherit; |
528 overflow: hidden; |
599 overflow: hidden; |
529 position: absolute !important; |
600 position: absolute !important; |
530 height: 100%; |
601 height: 100%; |
531 } |
602 outline: none; |
|
603 } |
|
604 |
532 .jqx-grid-cell-locked { |
605 .jqx-grid-cell-locked { |
533 color: #aaa !important; |
606 color: #aaa !important; |
534 } |
607 } |
|
608 |
535 .jqx-grid-cell-left-align { |
609 .jqx-grid-cell-left-align { |
536 overflow: hidden; |
610 overflow: hidden; |
537 text-overflow: ellipsis; |
611 text-overflow: ellipsis; |
538 padding-bottom: 2px; |
612 padding-bottom: 2px; |
539 text-align: left; |
613 text-align: left; |
540 margin-right: 2px; |
614 margin-right: 2px; |
541 margin-left: 4px; |
615 margin-left: 4px; |
542 } |
616 } |
|
617 |
543 .jqx-grid-cell-middle-align { |
618 .jqx-grid-cell-middle-align { |
544 text-overflow: ellipsis; |
619 text-overflow: ellipsis; |
545 overflow: hidden; |
620 overflow: hidden; |
546 padding-bottom: 2px; |
621 padding-bottom: 2px; |
547 text-align: center; |
622 text-align: center; |
548 } |
623 } |
|
624 |
549 .jqx-grid-cell-right-align { |
625 .jqx-grid-cell-right-align { |
550 overflow: hidden; |
626 overflow: hidden; |
551 text-overflow: ellipsis; |
627 text-overflow: ellipsis; |
552 padding-bottom: 2px; |
628 padding-bottom: 2px; |
553 text-align: right; |
629 text-align: right; |
554 margin-right: 4px; |
630 margin-right: 4px; |
555 margin-left: 2px; |
631 margin-left: 2px; |
556 } |
632 } |
557 |
633 |
558 /*applied to a grid cell that is part of a rows group.*/ |
634 /*applied to a grid cell that is part of a rows group.*/ |
559 .jqx-grid-group-cell{ |
635 .jqx-grid-group-cell { |
560 overflow: hidden; |
636 overflow: hidden; |
561 position: absolute !important; |
637 position: absolute !important; |
562 height: 100%; |
638 height: 100%; |
563 background: #fff; |
639 background: #fff; |
564 } |
640 } |
565 /*applied to the grid cells in the sort column*/ |
641 /*applied to the grid cells in the sort column*/ |
566 .jqx-grid-cell-sort { |
642 .jqx-grid-cell-sort { |
567 background-color: #f0f0f0; |
643 background-color: #f0f0f0; |
568 } |
644 } |
569 |
645 |
570 /*applied to the grid cells in the filter column*/ |
646 /*applied to the grid cells in the filter column*/ |
571 .jqx-grid-cell-filter { |
647 .jqx-grid-cell-filter { |
572 background-color: #e6e6e6; |
648 background-color: #e6e6e6; |
573 } |
649 } |
|
650 |
574 .jqx-grid-cell-add-new-row { |
651 .jqx-grid-cell-add-new-row { |
575 background: #fdfcf3 !important; |
652 background: #fdfcf3 !important; |
576 color: #000 !important; |
653 color: #000 !important; |
577 } |
654 } |
578 |
655 |
579 /*applied to the grid cells area.*/ |
656 /*applied to the grid cells area.*/ |
580 .jqx-grid-content { |
657 .jqx-grid-content { |
581 border-style: solid; |
658 border-style: solid; |
582 border-width: 0px 0px 0px 0px; |
659 border-width: 0px 0px 0px 0px; |
583 border-color: transparent; |
660 border-color: transparent; |
584 white-space: nowrap; |
661 white-space: nowrap; |
585 overflow: hidden; |
662 overflow: hidden; |
586 } |
663 } |
587 /*applied to a grid cell that is part of a rows group.*/ |
664 /*applied to a grid cell that is part of a rows group.*/ |
588 .jqx-grid-group-cell, .jqx-grid-empty-cell { |
665 .jqx-grid-group-cell, .jqx-grid-empty-cell { |
589 border-style: solid; |
666 border-style: solid; |
590 border-width: 0px 0px 1px 0px; |
667 border-width: 0px 0px 1px 0px; |
591 white-space: nowrap; |
668 white-space: nowrap; |
592 font-weight: normal; |
669 font-weight: normal; |
593 } |
670 } |
|
671 |
594 .jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell { |
672 .jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell { |
595 border: transparent !important; |
673 border: transparent !important; |
596 } |
674 } |
597 .jqx-grid-cell-wrap {white-space: normal !important;} |
675 |
|
676 .jqx-grid-cell-wrap { |
|
677 white-space: normal !important; |
|
678 } |
598 |
679 |
599 .jqx-tree-grid-indent { |
680 .jqx-tree-grid-indent { |
600 width: 15px; |
681 width: 18px; |
601 display: inline-block; |
682 display: inline-block; |
602 height: 8px; |
683 height: 8px; |
603 overflow: hidden; |
684 overflow: hidden; |
604 vertical-align: top; |
685 vertical-align: top; |
605 } |
686 } |
|
687 |
606 .jqx-tree-grid-title { |
688 .jqx-tree-grid-title { |
607 text-decoration: none; |
689 text-decoration: none; |
608 vertical-align: top; |
690 vertical-align: bottom; |
|
691 line-height: 20px; |
609 white-space: nowrap; |
692 white-space: nowrap; |
610 overflow: hidden; |
693 overflow: hidden; |
611 text-overflow: ellipsis; |
694 text-overflow: ellipsis; |
612 } |
695 } |
|
696 |
613 .jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button { |
697 .jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button { |
614 display: inline-block; |
698 display: inline-block; |
615 margin-top: 0px; |
699 margin-top: 0px; |
616 margin-right: 0px; |
700 margin-right: 0px; |
617 position: relative; |
701 position: relative; |
618 width: 15px; |
702 width: 18px; |
619 height: 16px; |
703 height: 18px; |
620 vertical-align: top; |
704 vertical-align: top; |
621 } |
705 } |
|
706 |
622 .jqx-tree-grid-checkbox { |
707 .jqx-tree-grid-checkbox { |
623 float: none !important; |
708 float: none !important; |
624 width: 14px; |
709 width: 16px; |
625 height: 14px; |
710 height: 16px; |
626 cursor: pointer; |
711 cursor: pointer; |
627 margin-right: 2px !important; |
712 margin-right: 6px !important; |
628 margin-left: 2px !important; |
713 margin-left: 2px !important; |
629 } |
714 } |
|
715 |
630 .jqx-tree-grid-icon { |
716 .jqx-tree-grid-icon { |
631 float: none !important; |
717 float: none !important; |
632 width: 14px; |
718 width: 14px; |
633 height: 14px; |
719 height: 14px; |
634 margin-right: 4px; |
720 margin-right: 4px; |
635 } |
721 } |
|
722 |
636 .jqx-tree-grid-icon-rtl { |
723 .jqx-tree-grid-icon-rtl { |
637 margin-right: 0px; |
724 margin-right: 0px; |
638 margin-left: 4px; |
725 margin-left: 4px; |
639 } |
726 } |
|
727 |
640 .jqx-tree-grid-icon-size { |
728 .jqx-tree-grid-icon-size { |
641 width: 14px; |
729 width: 14px; |
642 height: 14px; |
730 height: 14px; |
643 line-height: 16px; |
731 line-height: 16px; |
644 } |
732 } |
645 |
733 |
646 .jqx-tree-grid-checkbox-tick { |
734 .jqx-tree-grid-checkbox-tick { |
647 width: 100%; |
735 width: 100%; |
648 height: 100%; |
736 height: 100%; |
649 } |
737 } |
|
738 |
650 .jqx-tree-grid-expand-button { |
739 .jqx-tree-grid-expand-button { |
651 height: 16px; |
740 height: 18px; |
652 width: 15px; |
741 width: 18px; |
653 vertical-align: top; |
742 vertical-align: top; |
654 } |
743 } |
655 |
744 |
656 /*applied to a cell in jqxDataTable*/ |
745 /*applied to a cell in jqxDataTable*/ |
657 .jqx-cell { |
746 .jqx-cell { |
1939 border-right: none; |
1994 border-right: none; |
1940 margin: 0 0 0 0; |
1995 margin: 0 0 0 0; |
1941 cursor: default; |
1996 cursor: default; |
1942 } |
1997 } |
1943 /*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/ |
1998 /*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/ |
1944 .jqx-calendar-top-left-header |
1999 .jqx-calendar-top-left-header { |
1945 { |
|
1946 outline: none; |
2000 outline: none; |
1947 border: 0px solid #f2f2f2; |
2001 border: 0px solid #f2f2f2; |
1948 margin: 0 0 0 0; |
2002 margin: 0 0 0 0; |
1949 cursor: default; |
2003 cursor: default; |
1950 } |
2004 } |
1951 /*applied to the calendar's navigation buttons.*/ |
2005 /*applied to the calendar's navigation buttons.*/ |
1952 .jqx-calendar-title-navigation |
2006 .jqx-calendar-title-navigation { |
1953 { |
2007 cursor: pointer; |
1954 cursor: pointer; |
2008 background-color: transparent; |
1955 background-color: transparent; |
2009 margin: 0; |
1956 margin: 0; |
2010 padding: 0; |
1957 padding: 0; |
2011 border: none; |
1958 border: none; |
|
1959 width: 25px; |
2012 width: 25px; |
1960 height: 25px; |
2013 height: 25px; |
1961 } |
2014 } |
1962 /*applied to the month table*/ |
2015 /*applied to the month table*/ |
1963 .jqx-calendar-month |
2016 .jqx-calendar-month { |
1964 { |
2017 margin: 0; |
1965 margin: 0; padding: 0; |
2018 padding: 0; |
1966 border: none; |
2019 border: none; |
1967 width: 100%; |
2020 width: 100%; |
1968 } |
2021 } |
1969 /*applied to the calendar's title content.*/ |
2022 /*applied to the calendar's title content.*/ |
1970 .jqx-calendar-title-content |
2023 .jqx-calendar-title-content { |
1971 { |
|
1972 cursor: pointer; |
2024 cursor: pointer; |
1973 text-align: center; |
2025 text-align: center; |
1974 } |
2026 } |
1975 /*applied to the calendar's navigation title.*/ |
2027 /*applied to the calendar's navigation title.*/ |
1976 .jqx-calendar-title-header |
2028 .jqx-calendar-title-header { |
1977 { |
|
1978 border-left: none; |
2029 border-left: none; |
1979 border-top: none; |
2030 border-top: none; |
1980 border-right: none; |
2031 border-right: none; |
1981 border-bottom-width: 1px; |
2032 border-bottom-width: 1px; |
1982 border-bottom-style: solid; |
2033 border-bottom-style: solid; |
1983 margin: 0 0 0 0; |
2034 margin: 0 0 0 0; |
1984 } |
2035 } |
1985 .jqx-calendar-title-header td { |
2036 |
1986 padding-left: 0px; |
2037 .jqx-calendar-title-header td { |
1987 padding-right: 0px; |
2038 padding-left: 0px; |
1988 border: none; |
2039 padding-right: 0px; |
1989 } |
2040 border: none; |
|
2041 } |
1990 /*applied to the calendar's navigation title when the calendar is disabled.*/ |
2042 /*applied to the calendar's navigation title when the calendar is disabled.*/ |
1991 .jqx-calendar-title-header-disabled |
2043 .jqx-calendar-title-header-disabled { |
1992 { |
|
1993 border-bottom-width: 1px; |
2044 border-bottom-width: 1px; |
1994 border-bottom-style:solid; |
2045 border-bottom-style: solid; |
1995 margin: 0 0 0 0; |
2046 margin: 0 0 0 0; |
1996 border-left: 0px solid transparent; |
2047 border-left: 0px solid transparent; |
1997 border-right: 0px solid transparent; |
2048 border-right: 0px solid transparent; |
1998 border-top: 0px solid transparent; |
2049 border-top: 0px solid transparent; |
1999 |
|
2000 } |
2050 } |
2001 /*applied to a calendar cell.*/ |
2051 /*applied to a calendar cell.*/ |
2002 .jqx-calendar-cell |
2052 .jqx-calendar-cell { |
2003 { |
|
2004 border: 1px solid transparent; |
2053 border: 1px solid transparent; |
2005 margin: 0px; |
2054 margin: 0px; |
2006 outline: none; |
2055 outline: none; |
2007 text-align: center; |
2056 text-align: center; |
2008 padding: 1px; |
2057 padding: 1px; |
2009 cursor: pointer; |
2058 cursor: pointer; |
2010 background-color: transparent; |
2059 background-color: transparent; |
2011 } |
2060 } |
2012 .jqx-calendar-cell td |
2061 |
2013 { |
2062 .jqx-calendar-cell td { |
2014 padding: 0; |
2063 padding: 0; |
2015 margin: 0; |
2064 margin: 0; |
2016 } |
2065 } |
2017 /*applied to a calendar cell in decade and year views.*/ |
2066 /*applied to a calendar cell in decade and year views.*/ |
2018 .jqx-calendar-cell-decade, .jqx-calendar-cell-year { |
2067 .jqx-calendar-cell-decade, .jqx-calendar-cell-year { |
2019 text-align: center; |
2068 text-align: center; |
2020 } |
2069 } |
2021 |
2070 |
2022 .jqx-calendar .jqx-fill-state-normal |
2071 .jqx-calendar .jqx-fill-state-normal { |
2023 { |
|
2024 background: transparent; |
2072 background: transparent; |
2025 border: 1px solid transparent; |
2073 border: 1px solid transparent; |
2026 } |
2074 } |
2027 |
2075 |
2028 /*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/ |
2076 /*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/ |
2029 .jqx-calendar-cell-hidden |
2077 .jqx-calendar-cell-hidden { |
2030 { |
|
2031 margin: 0 0 0 0; |
2078 margin: 0 0 0 0; |
2032 visibility: hidden; |
2079 visibility: hidden; |
2033 cursor: default; |
2080 cursor: default; |
2034 } |
2081 } |
2035 /*applied to a calendar cell when the cell's date is a weekend date.*/ |
2082 /*applied to a calendar cell when the cell's date is a weekend date.*/ |
2036 .jqx-calendar-cell-weekend |
2083 .jqx-calendar-cell-weekend { |
2037 { |
|
2038 color: #898989 !important; |
2084 color: #898989 !important; |
2039 margin: 0 0 0 0; |
2085 margin: 0 0 0 0; |
2040 cursor: pointer; |
2086 cursor: pointer; |
2041 } |
2087 } |
2042 /*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/ |
2088 /*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/ |
2043 .jqx-calendar-cell-specialDate |
2089 .jqx-calendar-cell-specialDate { |
2044 { |
|
2045 color: #FF0000 !important; |
2090 color: #FF0000 !important; |
2046 background-color: transparent; |
2091 background-color: transparent; |
2047 border: 1px solid #fff; |
2092 border: 1px solid #fff; |
2048 margin: 0 0 0 0; |
2093 margin: 0 0 0 0; |
2049 cursor: pointer; |
2094 cursor: pointer; |
2050 } |
2095 } |
2051 /*applied to a calendar cell when the cell's date is a restricted date.*/ |
2096 /*applied to a calendar cell when the cell's date is a restricted date.*/ |
2052 .jqx-calendar-cell-restrictedDate |
2097 .jqx-calendar-cell-restrictedDate { |
2053 { |
|
2054 background-color: rgba(251, 132, 153, 1); |
2098 background-color: rgba(251, 132, 153, 1); |
2055 border: 1px solid #fff; |
2099 border: 1px solid #fff; |
2056 margin: 0 0 0 0; |
2100 margin: 0 0 0 0; |
2057 cursor: pointer; |
2101 cursor: pointer; |
2058 } |
2102 } |
2059 .jqx-calendar-cell-selected-invalid |
2103 |
2060 { |
2104 .jqx-calendar-cell-selected-invalid { |
2061 color: #FFF !important; |
2105 color: #FFF !important; |
2062 background: #FF0000 !important; |
2106 background: #FF0000 !important; |
2063 border: 1px solid #FF0000 !important; |
2107 border: 1px solid #FF0000 !important; |
2064 } |
2108 } |
2065 /*applied to a calendar cell when the cell's date is the today date.*/ |
2109 /*applied to a calendar cell when the cell's date is the today date.*/ |
2066 .jqx-calendar-cell-today |
2110 .jqx-calendar-cell-today { |
2067 { |
|
2068 color: #898989; |
2111 color: #898989; |
2069 background-color: #ffffdb; |
2112 background-color: #ffffdb; |
2070 border: 1px solid #fdc066; |
2113 border: 1px solid #fdc066; |
2071 margin: 0 0 0 0; |
2114 margin: 0 0 0 0; |
2072 cursor: pointer; |
2115 cursor: pointer; |
2073 } |
2116 } |
2074 /*applied to a calendar cell when the cell is hovered.*/ |
2117 /*applied to a calendar cell when the cell is hovered.*/ |
2075 .jqx-calendar-cell-hover |
2118 .jqx-calendar-cell-hover { |
2076 { |
|
2077 margin: 0 0 0 0; |
2119 margin: 0 0 0 0; |
2078 cursor: pointer; |
2120 cursor: pointer; |
2079 } |
2121 } |
2080 /*applied to a calendar cell when the cell is selected.*/ |
2122 /*applied to a calendar cell when the cell is selected.*/ |
2081 .jqx-calendar-cell-selected |
2123 .jqx-calendar-cell-selected { |
2082 { |
|
2083 margin: 0 0 0 0; |
2124 margin: 0 0 0 0; |
2084 cursor: pointer; |
2125 cursor: pointer; |
2085 } |
2126 } |
2086 /*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/ |
2127 /*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/ |
2087 .jqx-calendar-cell-othermonth |
2128 .jqx-calendar-cell-othermonth { |
2088 { |
|
2089 color: #898989 !important; |
2129 color: #898989 !important; |
2090 margin: 0 0 0 0; |
2130 margin: 0 0 0 0; |
2091 cursor: pointer; |
2131 cursor: pointer; |
2092 } |
2132 } |
2093 /*applied to a calendar cell when the calendar is disabled.*/ |
2133 /*applied to a calendar cell when the calendar is disabled.*/ |
2094 .jqx-calendar-cell-disabled |
2134 .jqx-calendar-cell-disabled { |
2095 { |
|
2096 color: #ccc; |
2135 color: #ccc; |
2097 } |
2136 } |
2098 /*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/ |
2137 /*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/ |
2099 .jqx-calendar-row-cell |
2138 .jqx-calendar-row-cell { |
2100 { |
|
2101 outline: none; |
2139 outline: none; |
2102 text-align: center; |
2140 text-align: center; |
2103 border: 1px solid transparent; |
2141 border: 1px solid transparent; |
2104 margin: 0 0 0 0; |
2142 margin: 0 0 0 0; |
2105 cursor: default; |
2143 cursor: default; |
2106 } |
2144 } |
2107 /*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/ |
2145 /*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/ |
2108 .jqx-calendar-row-cell-disabled |
2146 .jqx-calendar-row-cell-disabled { |
2109 { |
2147 } |
2110 |
2148 |
2111 } |
2149 .jqx-calendar-footer { |
2112 .jqx-calendar-footer |
|
2113 { |
|
2114 margin: 5px; |
2150 margin: 5px; |
2115 color: inherit; |
2151 color: inherit; |
2116 font-size: 13px; |
2152 font-size: 13px; |
2117 } |
2153 } |
2118 |
2154 |
2119 .jqx-calendar-title-container |
2155 .jqx-calendar-title-container { |
2120 { |
|
2121 overflow: hidden; |
2156 overflow: hidden; |
2122 } |
2157 } |
2123 /*applied to a calendar cell when the cell is from the column header that displays the day names.*/ |
2158 /*applied to a calendar cell when the cell is from the column header that displays the day names.*/ |
2124 .jqx-calendar-column-cell |
2159 .jqx-calendar-column-cell { |
2125 { |
|
2126 overflow: hidden; |
2160 overflow: hidden; |
2127 text-align: center; |
2161 text-align: center; |
2128 outline: none; |
2162 outline: none; |
2129 font-weight: normal; |
2163 font-weight: normal; |
2130 padding: 1px; |
2164 padding: 1px; |
2131 border: 1px solid transparent; |
2165 border: 1px solid transparent; |
2132 margin: 0 0 0 0; |
2166 margin: 0 0 0 0; |
2133 cursor: default; |
2167 cursor: default; |
2134 } |
2168 } |
2135 /*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/ |
2169 /*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/ |
2136 .jqx-calendar-column-cell-disabled |
2170 .jqx-calendar-column-cell-disabled { |
2137 { |
|
2138 |
|
2139 } |
2171 } |
2140 /*applied to the calendar's cell area element.*/ |
2172 /*applied to the calendar's cell area element.*/ |
2141 .jqx-calendar-view |
2173 .jqx-calendar-view { |
2142 { |
|
2143 -webkit-appearance: none; |
2174 -webkit-appearance: none; |
2144 outline: none; |
2175 outline: none; |
2145 padding: 0px; |
2176 padding: 0px; |
2146 border: 0px solid #fff; |
2177 border: 0px solid #fff; |
2147 margin: 0 0 0 0; |
2178 margin: 0 0 0 0; |
2148 cursor: default; |
2179 cursor: default; |
2149 } |
2180 } |
2150 |
2181 |
2151 /*jqxExpander and jqxNavigationBar Style*/ |
2182 /*jqxExpander and jqxNavigationBar Style*/ |
2152 .jqx-expander |
2183 .jqx-expander { |
2153 { |
|
2154 } |
2184 } |
2155 /*applied to the Expander's header and content*/ |
2185 /*applied to the Expander's header and content*/ |
2156 .jqx-expander-header, .jqx-expander-content |
2186 .jqx-expander-header, .jqx-expander-content { |
2157 { |
|
2158 border-left-width: 1px; |
2187 border-left-width: 1px; |
2159 border-right-width: 1px; |
2188 border-right-width: 1px; |
2160 border-left-style: solid; |
2189 border-left-style: solid; |
2161 border-right-style: solid; |
2190 border-right-style: solid; |
2162 padding-top: 5px; |
2191 padding-top: 5px; |
2163 padding-bottom: 5px; |
2192 padding-bottom: 5px; |
|
2193 padding-left: 5px; |
|
2194 padding-right: 5px; |
2164 outline: 0; |
2195 outline: 0; |
2165 } |
2196 } |
2166 /*applid to the content of the expander header.*/ |
2197 /*applid to the content of the expander header.*/ |
2167 .jqx-expander-header-content |
2198 .jqx-expander-header-content { |
2168 { |
|
2169 padding-left: 3px; |
2199 padding-left: 3px; |
2170 } |
2200 } |
2171 /*applid to the content of the expander header.*/ |
2201 /*applid to the content of the expander header.*/ |
2172 .jqx-expander-header-content-rtl |
2202 .jqx-expander-header-content-rtl { |
2173 { |
|
2174 padding-right: 3px; |
2203 padding-right: 3px; |
2175 } |
2204 } |
2176 .jqx-expander-content{padding-top: 0px;padding-bottom:0px; overflow: auto; outline: 0;} |
2205 |
|
2206 .jqx-expander-content { |
|
2207 padding-top: 0px; |
|
2208 padding-bottom: 0px; |
|
2209 overflow: auto; |
|
2210 outline: 0; |
|
2211 } |
2177 /*applied to the Expander's header and its content when it is on the top of the header*/ |
2212 /*applied to the Expander's header and its content when it is on the top of the header*/ |
2178 .jqx-expander-header, .jqx-expander-content-top |
2213 .jqx-expander-header, .jqx-expander-content-top { |
2179 { |
|
2180 border-top-width: 1px; |
2214 border-top-width: 1px; |
2181 border-top-style: solid; |
2215 border-top-style: solid; |
2182 } |
2216 } |
2183 /*applied to the Expander's header and its content when it is on the bottom of the header*/ |
2217 /*applied to the Expander's header and its content when it is on the bottom of the header*/ |
2184 .jqx-expander-header, .jqx-expander-content-bottom |
2218 .jqx-expander-header, .jqx-expander-content-bottom { |
2185 { |
|
2186 border-bottom-width: 1px; |
2219 border-bottom-width: 1px; |
2187 border-bottom-style: solid; |
2220 border-bottom-style: solid; |
2188 } |
2221 } |
2189 /*applied to the Expander's header*/ |
2222 /*applied to the Expander's header*/ |
2190 .jqx-expander-header |
2223 .jqx-expander-header { |
2191 { |
|
2192 cursor: pointer; |
2224 cursor: pointer; |
2193 overflow: hidden; |
2225 overflow: hidden; |
2194 } |
2226 } |
2195 /*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/ |
2227 /*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/ |
2196 .jqx-expander-header-disabled |
2228 .jqx-expander-header-disabled { |
2197 { |
|
2198 cursor: default; |
2229 cursor: default; |
2199 } |
2230 } |
2200 /*applied to the Expander's arrow*/ |
2231 /*applied to the Expander's arrow*/ |
2201 .jqx-expander-arrow |
2232 .jqx-expander-arrow { |
2202 { |
|
2203 width: 17px; |
2233 width: 17px; |
2204 height: 17px; |
2234 height: 17px; |
2205 position: relative; |
2235 position: relative; |
2206 } |
2236 } |
2207 /*applied to the Expander's content if it is empty*/ |
2237 /*applied to the Expander's content if it is empty*/ |
2208 .jqx-expander-content-empty |
2238 .jqx-expander-content-empty { |
2209 { |
|
2210 border-width: 0px; |
2239 border-width: 0px; |
2211 padding: 0px; |
2240 padding: 0px; |
2212 } |
2241 } |
2213 |
2242 |
2214 /*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/ |
2243 /*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/ |
2215 .jqx-navigationbar |
2244 .jqx-navigationbar { |
2216 { |
|
2217 border: none; |
2245 border: none; |
2218 margin: 0px; |
2246 margin: 0px; |
2219 -webkit-appearance: none; |
2247 -webkit-appearance: none; |
2220 outline: none; |
2248 outline: none; |
2221 } |
2249 } |
2222 /*jqxPanel Style*/ |
2250 /*jqxPanel Style*/ |
2223 .jqx-panel |
2251 .jqx-panel { |
2224 { |
|
2225 border: 1px solid transparent; |
2252 border: 1px solid transparent; |
2226 -webkit-appearance: none; |
2253 -webkit-appearance: none; |
2227 outline: none; |
2254 outline: none; |
2228 padding: 0px; |
2255 padding: 0px; |
2229 margin: 0px; |
2256 margin: 0px; |
2230 cursor: default; |
2257 cursor: default; |
2231 overflow: hidden; |
2258 overflow: hidden; |
2232 } |
2259 } |
2233 /*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right |
2260 /*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right |
2234 of the horizontal scrollbar.*/ |
2261 of the horizontal scrollbar.*/ |
2235 .jqx-panel-bottomright |
2262 .jqx-panel-bottomright { |
2236 { |
|
2237 |
|
2238 } |
2263 } |
2239 /*applied to the DropDownButton's Popup.*/ |
2264 /*applied to the DropDownButton's Popup.*/ |
2240 .jqx-dropdownbutton-popup { |
2265 .jqx-dropdownbutton-popup { |
2241 -webkit-appearance: none; |
2266 -webkit-appearance: none; |
2242 outline: none; |
2267 outline: none; |
2243 border: 1px solid transparent; |
2268 border: 1px solid transparent; |
2244 } |
2269 } |
2245 |
2270 |
2246 .jqx-listbox |
2271 .jqx-listbox { |
2247 { |
|
2248 -webkit-appearance: none; |
2272 -webkit-appearance: none; |
2249 outline: none; |
2273 outline: none; |
2250 border: 1px solid transparent; |
2274 border: 1px solid transparent; |
2251 padding: 0px; |
2275 padding: 0px; |
2252 margin: 0px; |
2276 margin: 0px; |
2253 cursor: default; |
2277 cursor: default; |
2254 overflow: hidden; |
2278 overflow: hidden; |
2255 } |
2279 } |
2256 /*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right |
2280 /*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right |
2257 of the horizontal scrollbar.*/ |
2281 of the horizontal scrollbar.*/ |
2258 .jqx-listbox-bottomright |
2282 .jqx-listbox-bottomright { |
2259 { |
|
2260 |
|
2261 } |
2283 } |
2262 /*applied to the ListBox's groups.*/ |
2284 /*applied to the ListBox's groups.*/ |
2263 .jqx-listitem-state-group |
2285 .jqx-listitem-state-group { |
2264 { |
|
2265 white-space: nowrap; |
2286 white-space: nowrap; |
2266 padding: 4px 2px 4px 2px; |
2287 padding: 5px 2px 5px 2px; |
2267 background: transparent; |
2288 background: transparent; |
2268 font-weight: bold; |
2289 font-weight: bold; |
2269 text-align: left; |
2290 text-align: left; |
2270 outline: none; |
2291 outline: none; |
2271 overflow: hidden; |
2292 overflow: hidden; |
2272 vertical-align: middle; |
2293 vertical-align: middle; |
2273 cursor: default; |
2294 cursor: default; |
2274 } |
2295 } |
2275 /*applied to a list item in default state.*/ |
2296 /*applied to a list item in default state.*/ |
2276 .jqx-listitem-state-normal |
2297 .jqx-listitem-state-normal { |
2277 { |
|
2278 white-space: nowrap; |
2298 white-space: nowrap; |
2279 padding: 3px; |
2299 padding: 3px; |
2280 margin: 1px; |
2300 padding-top: 5px; |
|
2301 padding-bottom: 5px; |
2281 border: 1px solid transparent; |
2302 border: 1px solid transparent; |
2282 outline: none; |
2303 outline: none; |
2283 visibility: inherit; |
2304 visibility: inherit; |
2284 display: inherit; |
2305 display: inherit; |
2285 text-align: left; |
2306 text-align: left; |
2462 padding-bottom: 0px; |
2481 padding-bottom: 0px; |
2463 margin: 0px; |
2482 margin: 0px; |
2464 -webkit-appearance: none; |
2483 -webkit-appearance: none; |
2465 outline: 0 none; |
2484 outline: 0 none; |
2466 } |
2485 } |
|
2486 |
2467 .jqx-select-content { |
2487 .jqx-select-content { |
2468 cursor: pointer; |
2488 cursor: pointer; |
2469 text-overflow: ellipsis; |
2489 text-overflow: ellipsis; |
2470 } |
2490 } |
|
2491 |
2471 .jqx-select-container { |
2492 .jqx-select-container { |
2472 padding: 0; |
2493 padding: 0; |
2473 } |
2494 } |
2474 .jqx-select-item |
2495 |
2475 { |
2496 .jqx-select-item { |
2476 padding: 3px; |
2497 padding: 3px; |
2477 margin: 1px; |
2498 margin: 1px; |
2478 white-space: normal !important; |
2499 white-space: normal !important; |
2479 cursor: default; |
2500 cursor: default; |
2480 } |
2501 } |
2481 /*jqxDropDownList Style*/ |
2502 /*jqxDropDownList Style*/ |
2482 /*applied to the dropdownlist's content element which displays the selected item's text or html.*/ |
2503 /*applied to the dropdownlist's content element which displays the selected item's text or html.*/ |
2483 .jqx-dropdownlist-content |
2504 .jqx-dropdownlist-content { |
2484 { |
|
2485 padding: 0px; |
2505 padding: 0px; |
2486 overflow: hidden; |
2506 overflow: hidden; |
2487 padding-left: 3px; |
2507 padding-left: 4px; |
2488 padding-top: 0px; |
2508 padding-top: 0px; |
2489 padding-bottom: 0px; |
2509 padding-bottom: 0px; |
2490 margin: 0px; |
2510 margin: 0px; |
2491 text-align: left; |
2511 text-align: left; |
2492 vertical-align: middle; |
2512 vertical-align: middle; |
2493 white-space: nowrap; |
2513 white-space: nowrap; |
2494 -webkit-appearance: none; |
2514 -webkit-appearance: none; |
2495 outline: 0 none; |
2515 outline: 0 none; |
2496 border: none; |
2516 border: none; |
2497 } |
2517 } |
|
2518 |
2498 .jqx-dropdownlist-content-rtl { |
2519 .jqx-dropdownlist-content-rtl { |
2499 padding-left: 0px; |
2520 padding-left: 0px; |
2500 padding-right: 3px; |
2521 padding-right: 3px; |
2501 } |
2522 } |
2502 |
2523 |
|
2524 .jqx-dropdownlist .jqx-icon-arrow-down { |
|
2525 width: 13px; |
|
2526 } |
|
2527 |
|
2528 .jqx-dropdownlist .jqx-icon-arrow-up { |
|
2529 width: 13px; |
|
2530 } |
|
2531 |
|
2532 .jqx-combobox .jqx-icon-arrow-down { |
|
2533 width: 13px; |
|
2534 } |
|
2535 |
|
2536 .jqx-combobox .jqx-icon-arrow-up { |
|
2537 width: 13px; |
|
2538 } |
2503 /*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */ |
2539 /*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */ |
2504 .jqx-dropdownlist-content-disabled |
2540 .jqx-dropdownlist-content-disabled { |
2505 { |
|
2506 } |
2541 } |
2507 /*applied to the dropdownlist in default state.*/ |
2542 /*applied to the dropdownlist in default state.*/ |
2508 .jqx-dropdownlist-state-normal |
2543 .jqx-dropdownlist-state-normal { |
2509 { |
|
2510 -webkit-appearance: none; |
2544 -webkit-appearance: none; |
2511 outline: none; |
2545 outline: none; |
2512 border: 1px solid transparent; |
2546 border: 1px solid transparent; |
2513 overflow: hidden; |
2547 overflow: hidden; |
2514 margin: 0 0 0 0; |
2548 margin: 0 0 0 0; |
2515 cursor: pointer; |
2549 cursor: pointer; |
2516 } |
2550 } |
2517 /*applied to the dropdownlist in hovered state.*/ |
2551 /*applied to the dropdownlist in hovered state.*/ |
2518 .jqx-dropdownlist-state-hover |
2552 .jqx-dropdownlist-state-hover { |
2519 { |
|
2520 overflow: hidden; |
2553 overflow: hidden; |
2521 border: 1px solid transparent; |
2554 border: 1px solid transparent; |
2522 margin: 0 0 0 0; |
2555 margin: 0 0 0 0; |
2523 cursor: pointer; |
2556 cursor: pointer; |
2524 } |
2557 } |
2525 /*applied to the dropdownlist in selected state.*/ |
2558 /*applied to the dropdownlist in selected state.*/ |
2526 .jqx-dropdownlist-state-selected |
2559 .jqx-dropdownlist-state-selected { |
2527 { |
|
2528 overflow: hidden; |
2560 overflow: hidden; |
2529 background-color: transparent; |
2561 background-color: transparent; |
2530 border: 1px solid transparent; |
2562 border: 1px solid transparent; |
2531 margin: 0 0 0 0; |
2563 margin: 0 0 0 0; |
2532 cursor: pointer; |
2564 cursor: pointer; |
2533 } |
2565 } |
2534 /*applied to the dropdownlist in focused state.*/ |
2566 /*applied to the dropdownlist in focused state.*/ |
2535 .jqx-dropdownlist-state-focus |
2567 .jqx-dropdownlist-state-focus { |
2536 { |
|
2537 border: 1px solid #909090; |
2568 border: 1px solid #909090; |
2538 } |
2569 } |
2539 /*applied to the dropdownlist in disabled state.*/ |
2570 /*applied to the dropdownlist in disabled state.*/ |
2540 .jqx-dropdownlist-state-disabled |
2571 .jqx-dropdownlist-state-disabled { |
2541 { |
|
2542 |
|
2543 } |
2572 } |
2544 /*jqxScrollBar Style*/ |
2573 /*jqxScrollBar Style*/ |
2545 .jqx-scrollbar |
2574 .jqx-scrollbar { |
2546 { |
|
2547 background: transparent; |
2575 background: transparent; |
2548 margin: 0; |
2576 margin: 0; |
2549 padding: 0; |
2577 padding: 0; |
2550 border: none; |
2578 border: none; |
2551 } |
2579 } |
2552 /*applied to the scrollbar in default state.*/ |
2580 /*applied to the scrollbar in default state.*/ |
2553 .jqx-scrollbar-state-normal |
2581 .jqx-scrollbar-state-normal { |
2554 { |
|
2555 background: #efefef; |
2582 background: #efefef; |
2556 margin: 0px; |
2583 margin: 0px; |
2557 padding: 0px; |
2584 padding: 0px; |
2558 border: 1px solid transparent; |
2585 border: 1px solid transparent; |
2559 } |
2586 } |
2560 /*applied to the scrollbar buttons in default state.*/ |
2587 /*applied to the scrollbar buttons in default state.*/ |
2561 .jqx-scrollbar-button-state-normal |
2588 .jqx-scrollbar-button-state-normal { |
2562 { |
|
2563 margin: 0px; |
|
2564 padding: 0px; |
|
2565 border: 1px solid transparent; |
|
2566 } |
|
2567 /*applied to the scrollbar buttons in hovered state.*/ |
|
2568 .jqx-scrollbar-button-state-hover |
|
2569 { |
|
2570 margin: 0px; |
2589 margin: 0px; |
2571 padding: 0px; |
2590 padding: 0px; |
2572 border: 1px solid transparent; |
2591 border: 1px solid transparent; |
2573 } |
2592 } |
2574 /*applied to the scrollbar buttons in pressed state.*/ |
2593 /*applied to the scrollbar buttons in hovered state.*/ |
2575 .jqx-scrollbar-button-state-pressed |
2594 .jqx-scrollbar-button-state-hover { |
2576 { |
|
2577 margin: 0px; |
2595 margin: 0px; |
2578 padding: 0px; |
2596 padding: 0px; |
2579 border: 1px solid transparent; |
2597 border: 1px solid transparent; |
2580 } |
2598 } |
|
2599 /*applied to the scrollbar buttons in pressed state.*/ |
|
2600 .jqx-scrollbar-button-state-pressed { |
|
2601 margin: 0px; |
|
2602 padding: 0px; |
|
2603 border: 1px solid transparent; |
|
2604 } |
2581 /*applied to the horizontal scrollbar thumb in default state.*/ |
2605 /*applied to the horizontal scrollbar thumb in default state.*/ |
2582 .jqx-scrollbar-thumb-state-normal-horizontal |
2606 .jqx-scrollbar-thumb-state-normal-horizontal { |
2583 { |
|
2584 margin: 0px; |
2607 margin: 0px; |
2585 padding: 0px; |
2608 padding: 0px; |
2586 background: transparent; |
2609 background: transparent; |
2587 border: 1px solid transparent; |
2610 border: 1px solid transparent; |
2588 touch-action:none; |
2611 touch-action: none; |
2589 } |
2612 } |
2590 /*applied to the horizontal scrollbar thumb in hovered state.*/ |
2613 /*applied to the horizontal scrollbar thumb in hovered state.*/ |
2591 .jqx-scrollbar-thumb-state-hover-horizontal |
2614 .jqx-scrollbar-thumb-state-hover-horizontal { |
2592 { |
|
2593 margin: 0px; |
|
2594 padding: 0px; |
|
2595 border: 1px solid transparent; |
|
2596 } |
|
2597 /*applied to the horizontal scrollbar thumb in default state.*/ |
|
2598 .jqx-scrollbar-thumb-state-pressed-horizontal |
|
2599 { |
|
2600 margin: 0px; |
2615 margin: 0px; |
2601 padding: 0px; |
2616 padding: 0px; |
2602 border: 1px solid transparent; |
2617 border: 1px solid transparent; |
2603 } |
2618 } |
2604 /*applied to the vertical scrollbar thumb in default state.*/ |
2619 /*applied to the horizontal scrollbar thumb in default state.*/ |
2605 .jqx-scrollbar-thumb-state-normal |
2620 .jqx-scrollbar-thumb-state-pressed-horizontal { |
2606 { |
|
2607 margin: 0px; |
2621 margin: 0px; |
2608 padding: 0px; |
2622 padding: 0px; |
2609 border: 1px solid transparent; |
2623 border: 1px solid transparent; |
2610 touch-action:none; |
|
2611 } |
2624 } |
2612 /*applied to the vertical scrollbar thumb in default state.*/ |
2625 /*applied to the vertical scrollbar thumb in default state.*/ |
2613 .jqx-scrollbar-thumb-state-hover |
2626 .jqx-scrollbar-thumb-state-normal { |
2614 { |
2627 margin: 0px; |
|
2628 padding: 0px; |
|
2629 border: 1px solid transparent; |
|
2630 touch-action: none; |
|
2631 } |
|
2632 /*applied to the vertical scrollbar thumb in default state.*/ |
|
2633 .jqx-scrollbar-thumb-state-hover { |
2615 margin: 0px; |
2634 margin: 0px; |
2616 padding: 0px; |
2635 padding: 0px; |
2617 background: transparent; |
2636 background: transparent; |
2618 border: 1px solid transparent; |
2637 border: 1px solid transparent; |
2619 } |
2638 } |
2620 /*applied to the vertical scrollbar thumb in default state.*/ |
2639 /*applied to the vertical scrollbar thumb in default state.*/ |
2621 .jqx-scrollbar-thumb-state-pressed |
2640 .jqx-scrollbar-thumb-state-pressed { |
2622 { |
|
2623 margin: 0px; |
2641 margin: 0px; |
2624 padding: 0px; |
2642 padding: 0px; |
2625 background: #d1d1d1; |
2643 background: #d1d1d1; |
2626 border: 1px solid #909090; |
2644 border: 1px solid #909090; |
2627 } |
2645 } |
2628 |
2646 |
2629 /* jqxWindow */ |
2647 /* jqxWindow */ |
2630 .jqx-window |
2648 .jqx-window { |
2631 { |
|
2632 position: absolute; |
2649 position: absolute; |
2633 overflow: hidden; |
2650 overflow: hidden; |
2634 border: 1px solid transparent; |
2651 border: 1px solid transparent; |
2635 } |
2652 } |
2636 /*applied to the jqxWindow when it’s disabled*/ |
2653 /*applied to the jqxWindow when it’s disabled*/ |
2637 .jqx-window-disabled |
2654 .jqx-window-disabled { |
2638 { |
|
2639 } |
2655 } |
2640 /*applied to the window’s header*/ |
2656 /*applied to the window’s header*/ |
2641 .jqx-window-header |
2657 .jqx-window-header { |
2642 { |
|
2643 outline: none; |
2658 outline: none; |
2644 border-width: 0px; |
2659 border-width: 0px; |
2645 border-bottom: 1px solid transparent; |
2660 border-bottom: 1px solid transparent; |
2646 overflow: hidden; |
2661 overflow: hidden; |
2647 padding: 5px; |
2662 padding: 7px; |
2648 height: auto; |
2663 height: auto; |
2649 white-space: nowrap; |
2664 white-space: nowrap; |
2650 overflow: hidden; |
2665 overflow: hidden; |
2651 } |
2666 } |
2652 /*applied to the window’s header when the window is disabled*/ |
2667 /*applied to the window’s header when the window is disabled*/ |
2653 .jqx-window-header-disabled |
2668 .jqx-window-header-disabled { |
2654 { |
|
2655 |
|
2656 } |
2669 } |
2657 /*applied to the window’s content*/ |
2670 /*applied to the window’s content*/ |
2658 .jqx-window-content |
2671 .jqx-window-content { |
2659 { |
|
2660 outline: none; |
2672 outline: none; |
2661 overflow: auto; |
2673 overflow: auto; |
2662 text-align: left; |
2674 text-align: left; |
2663 background-color: transparent; |
2675 background-color: transparent; |
2664 padding: 5px; |
2676 padding: 5px; |
2665 -webkit-background-clip: padding-box; background-clip: padding-box; |
2677 -webkit-background-clip: padding-box; |
|
2678 background-clip: padding-box; |
2666 } |
2679 } |
2667 /*applied to the window’s content when the window is disabled*/ |
2680 /*applied to the window’s content when the window is disabled*/ |
2668 .jqx-window-content-disabled |
2681 .jqx-window-content-disabled { |
2669 { |
|
2670 outline: none; |
2682 outline: none; |
2671 overflow: auto; |
2683 overflow: auto; |
2672 text-align: left; |
2684 text-align: left; |
2673 padding: 5px; |
2685 padding: 5px; |
2674 } |
2686 } |
2675 /*applied to the window’s close button*/ |
2687 /*applied to the window’s close button*/ |
2676 .jqx-window-close-button |
2688 .jqx-window-close-button { |
2677 { |
2689 cursor: pointer; |
2678 cursor: pointer; |
2690 background-image: url(./images/close.png); |
2679 background-image: url(images/close.png); |
2691 background-repeat: no-repeat; |
2680 background-repeat: no-repeat; |
2692 margin-top: 2px; |
2681 } |
2693 } |
2682 /*applied to the window's collapse button*/ |
2694 /*applied to the window's collapse button*/ |
2683 .jqx-window-collapse-button |
2695 .jqx-window-collapse-button { |
2684 { |
2696 background-image: url(./images/icon-up.png); |
2685 background-image: url(images/icon-up.png); |
2697 cursor: pointer; |
2686 cursor: pointer; |
2698 margin-top: 3px; |
2687 margin-top: 1px; |
|
2688 } |
2699 } |
2689 /*applied to the window's collapse button when the window is collapsed*/ |
2700 /*applied to the window's collapse button when the window is collapsed*/ |
2690 .jqx-window-collapse-button-collapsed |
2701 .jqx-window-collapse-button-collapsed { |
2691 { |
2702 margin-top: 3px; |
2692 margin-top: 0px; |
2703 cursor: pointer; |
2693 cursor: pointer; |
2704 background-image: url(./images/icon-down.png); |
2694 background-image: url(images/icon-down.png); |
|
2695 } |
2705 } |
2696 /*setting styles of the modal window’s background*/ |
2706 /*setting styles of the modal window’s background*/ |
2697 .jqx-window-modal |
2707 .jqx-window-modal { |
2698 { |
2708 background-color: Black; |
2699 background-color: Black; |
2709 } |
2700 } |
2710 |
2701 .jqx-window-close-button-hover |
2711 .jqx-window-close-button-hover { |
2702 { |
2712 } |
2703 } |
2713 |
2704 .jqx-docking |
2714 .jqx-docking { |
2705 { |
2715 overflow: hidden; |
2706 overflow: hidden; |
2716 } |
2707 } |
2717 |
2708 .jqx-docking-panel |
2718 .jqx-docking-panel { |
2709 { |
|
2710 margin: 0px; |
2719 margin: 0px; |
2711 padding: 0px; |
2720 padding: 0px; |
2712 min-height: 100px; |
2721 min-height: 100px; |
2713 } |
2722 } |
2714 .jqx-docking-drop-indicator |
2723 |
2715 { |
2724 .jqx-docking-drop-indicator { |
2716 border-style: dashed; |
2725 border-style: dashed; |
2717 border-width: 1px; |
2726 border-width: 1px; |
2718 margin: 0px; |
2727 margin: 0px; |
2719 } |
2728 } |
2720 .jqx-docking-window |
2729 |
2721 { |
2730 .jqx-docking-window { |
2722 margin: 0px; |
2731 margin: 0px; |
2723 } |
2732 } |
2724 |
2733 |
2725 /* jxSlider */ |
2734 /* jxSlider */ |
2726 /* applied to jqxSlider widget */ |
2735 /* applied to jqxSlider widget */ |
2727 .jqx-slider |
2736 .jqx-slider { |
2728 { |
|
2729 outline: none; |
2737 outline: none; |
2730 clear: both; |
2738 clear: both; |
2731 position: relative; |
2739 position: relative; |
2732 overflow:hidden; |
2740 overflow: hidden; |
2733 } |
2741 } |
2734 /*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/ |
2742 /*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/ |
2735 .jqx-slider-tick |
2743 .jqx-slider-tick { |
2736 { |
|
2737 border-left: 1px solid transparent; |
2744 border-left: 1px solid transparent; |
2738 z-index: 9; |
2745 z-index: 9; |
2739 } |
2746 } |
2740 /*applied to the ticks when the slider is in horizontal mode*/ |
2747 /*applied to the ticks when the slider is in horizontal mode*/ |
2741 .jqx-slider-tick-horizontal |
2748 .jqx-slider-tick-horizontal { |
2742 { |
|
2743 width: 1px; |
2749 width: 1px; |
2744 border-left: none; |
2750 border-left: none; |
2745 margin-top: 1px; |
2751 margin-top: 1px; |
2746 } |
2752 } |
2747 /*applied to the ticks when the slider is in vertical mode*/ |
2753 /*applied to the ticks when the slider is in vertical mode*/ |
2748 .jqx-slider-tick-vertical |
2754 .jqx-slider-tick-vertical { |
2749 { |
|
2750 height: 1px; |
2755 height: 1px; |
2751 border-top: none; |
2756 border-top: none; |
2752 } |
2757 } |
2753 /*applied to the ticks container*/ |
2758 /*applied to the ticks container*/ |
2754 .jqx-slider-tickscontainer |
2759 .jqx-slider-tickscontainer { |
2755 { |
|
2756 z-index: 10; |
2760 z-index: 10; |
2757 position: relative; |
2761 position: relative; |
2758 margin-top: 0px; |
2762 margin-top: 0px; |
2759 margin-bottom: 0px; |
2763 margin-bottom: 0px; |
2760 z-index: 9; |
2764 z-index: 9; |
2761 } |
2765 } |
2762 /*applied to the jqxSlider thumb used for changing/indicating current value*/ |
2766 /*applied to the jqxSlider thumb used for changing/indicating current value*/ |
2763 .jqx-slider-slider |
2767 .jqx-slider-slider { |
2764 { |
2768 cursor: pointer; |
2765 cursor: pointer; |
2769 width: 20px; |
2766 width: 16px; |
2770 height: 20px; |
2767 height: 16px; |
|
2768 z-index: 15; |
2771 z-index: 15; |
2769 position: absolute; |
2772 position: absolute; |
2770 left: 0px; |
2773 left: 0px; |
2771 top: 0px; |
2774 top: 0px; |
2772 -moz-border-radius: 100%; |
2775 -moz-border-radius: 100%; |
2773 -webkit-border-radius: 100%; |
2776 -webkit-border-radius: 100%; |
2774 border-radius: 100%; |
2777 border-radius: 100%; |
2775 } |
2778 } |
2776 .jqx-slider-button |
2779 |
2777 { |
2780 .jqx-slider-button { |
2778 cursor: pointer; |
2781 cursor: pointer; |
2779 -moz-border-radius: 100%; |
2782 -moz-border-radius: 100%; |
2780 -webkit-border-radius: 100%; |
2783 -webkit-border-radius: 100%; |
2781 border-radius: 100%; |
2784 border-radius: 100%; |
2782 box-sizing: content-box !important; |
2785 box-sizing: content-box !important; |
|
2786 padding: 3px !important; |
2783 } |
2787 } |
2784 /*applied to the slider's thumb when the slider is in horizontal mode*/ |
2788 /*applied to the slider's thumb when the slider is in horizontal mode*/ |
2785 .jqx-slider-slider-horizontal |
2789 .jqx-slider-slider-horizontal { |
2786 { |
2790 margin-top: -9px; |
2787 margin-top: -5px; |
|
2788 -moz-border-radius: 100%; |
|
2789 -webkit-border-radius: 100%; |
|
2790 border-radius: 100%; |
|
2791 border: 1px solid transparent; |
|
2792 } |
|
2793 /*applied to the slider's thumb when the slider is in vertical mode*/ |
|
2794 .jqx-slider-slider-vertical |
|
2795 { |
|
2796 margin-left: -5px; |
|
2797 -moz-border-radius: 100%; |
2791 -moz-border-radius: 100%; |
2798 -webkit-border-radius: 100%; |
2792 -webkit-border-radius: 100%; |
2799 border-radius: 100%; |
2793 border-radius: 100%; |
2800 border: 1px solid transparent; |
2794 border: 1px solid transparent; |
2801 } |
2795 } |
|
2796 /*applied to the slider's thumb when the slider is in vertical mode*/ |
|
2797 .jqx-slider-slider-vertical { |
|
2798 margin-left: -9px; |
|
2799 -moz-border-radius: 100%; |
|
2800 -webkit-border-radius: 100%; |
|
2801 border-radius: 100%; |
|
2802 border: 1px solid transparent; |
|
2803 } |
2802 /*applied to the track where is located the thumb*/ |
2804 /*applied to the track where is located the thumb*/ |
2803 .jqx-slider-track |
2805 .jqx-slider-track { |
2804 { |
2806 height: 4px; |
2805 height: 8px; |
2807 float: left; |
2806 float:left; |
|
2807 position: relative; |
2808 position: relative; |
2808 z-index: 20; |
2809 z-index: 20; |
|
2810 cursor: pointer; |
2809 } |
2811 } |
2810 /*used in horizontal slider*/ |
2812 /*used in horizontal slider*/ |
2811 .jqx-slider-track-horizontal |
2813 .jqx-slider-track-horizontal { |
2812 { |
2814 height: 4px; |
2813 height: 8px; |
|
2814 margin-top: 2px; |
2815 margin-top: 2px; |
2815 } |
2816 } |
2816 /*used in vertical slider*/ |
2817 /*used in vertical slider*/ |
2817 .jqx-slider-track-vertical |
2818 .jqx-slider-track-vertical { |
2818 { |
2819 width: 4px; |
2819 width: 8px; |
|
2820 } |
2820 } |
2821 /*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/ |
2821 /*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/ |
2822 .jqx-slider-rangebar |
2822 .jqx-slider-rangebar { |
2823 { |
|
2824 |
|
2825 } |
2823 } |
2826 |
2824 |
2827 /* jqxSplitter */ |
2825 /* jqxSplitter */ |
2828 .jqx-splitter |
2826 .jqx-splitter { |
2829 { |
|
2830 overflow: hidden; |
2827 overflow: hidden; |
2831 border: 1px solid transparent; |
2828 border: 1px solid transparent; |
2832 position: relative; |
2829 position: relative; |
2833 } |
2830 } |
2834 /* Split bar's class when the jqxSplitter is with horizontal orientation */ |
2831 /* Split bar's class when the jqxSplitter is with horizontal orientation */ |
2835 .jqx-splitter-splitbar-vertical |
2832 .jqx-splitter-splitbar-vertical { |
2836 { |
|
2837 border: 1px solid transparent; |
2833 border: 1px solid transparent; |
2838 border-top-width: 0px; |
2834 border-top-width: 0px; |
2839 border-bottom-width: 0px; |
2835 border-bottom-width: 0px; |
2840 cursor: e-resize; |
2836 cursor: e-resize; |
2841 cursor: col-resize; |
2837 cursor: col-resize; |
2842 position: absolute; |
2838 position: absolute; |
2843 } |
2839 } |
2844 /* Split bar's mouse over state */ |
2840 /* Split bar's mouse over state */ |
2845 .jqx-splitter-splitbar-hover |
2841 .jqx-splitter-splitbar-hover { |
2846 { |
|
2847 background-color: transparent; |
2842 background-color: transparent; |
2848 } |
2843 } |
2849 /* Split bar's class when the jqxSplitter is with horizontal orientation. */ |
2844 /* Split bar's class when the jqxSplitter is with horizontal orientation. */ |
2850 .jqx-splitter-splitbar-horizontal |
2845 .jqx-splitter-splitbar-horizontal { |
2851 { |
|
2852 position: absolute; |
2846 position: absolute; |
2853 border: 1px solid transparent; |
2847 border: 1px solid transparent; |
2854 border-left-width: 0px; |
2848 border-left-width: 0px; |
2855 border-right-width: 0px; |
2849 border-right-width: 0px; |
2856 cursor: n-resize; |
2850 cursor: n-resize; |
2857 cursor: row-resize; |
2851 cursor: row-resize; |
2858 } |
2852 } |
2859 /* This class is applied to the splitter when it's dragged to it's max left/right boundary */ |
2853 /* This class is applied to the splitter when it's dragged to it's max left/right boundary */ |
2860 .jqx-splitter-splitbar-invalid |
2854 .jqx-splitter-splitbar-invalid { |
2861 { |
2855 background: #FF0000 !important; |
2862 background: #FF0000 !important; |
|
2863 } |
2856 } |
2864 /* This class is added to split bar's collapse button when the splitter is with vectical orientation. */ |
2857 /* This class is added to split bar's collapse button when the splitter is with vectical orientation. */ |
2865 .jqx-splitter-collapse-button-horizontal |
2858 .jqx-splitter-collapse-button-horizontal { |
2866 { |
|
2867 cursor: pointer; |
2859 cursor: pointer; |
2868 width: 45px; |
2860 width: 45px; |
2869 height: 5px; |
2861 height: 5px; |
2870 } |
2862 } |
2871 /* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */ |
2863 /* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */ |
2872 .jqx-splitter-collapse-button-vertical |
2864 .jqx-splitter-collapse-button-vertical { |
2873 { |
|
2874 cursor: pointer; |
2865 cursor: pointer; |
2875 width: 5px; |
2866 width: 5px; |
2876 height: 45px; |
2867 height: 45px; |
2877 } |
2868 } |
2878 /* This class is added when the user disable the splitter. */ |
2869 /* This class is added when the user disable the splitter. */ |
2879 .jqx-splitter-splitbar-collapsed |
2870 .jqx-splitter-splitbar-collapsed { |
2880 { |
|
2881 cursor: default; |
2871 cursor: default; |
2882 } |
2872 } |
2883 /* Applied to the jqxSplitter panels. */ |
2873 /* Applied to the jqxSplitter panels. */ |
2884 .jqx-splitter-panel |
2874 .jqx-splitter-panel { |
2885 { |
|
2886 border: none; |
2875 border: none; |
2887 outline: none; |
2876 outline: none; |
2888 position: absolute; |
2877 position: absolute; |
2889 overflow: hidden; |
2878 overflow: hidden; |
2890 } |
2879 } |
2891 /* This class is added to a nested splitter.*/ |
2880 /* This class is added to a nested splitter.*/ |
2892 .jqx-splitter-nested, .jqx-splitter-panel-nested |
2881 .jqx-splitter-nested, .jqx-splitter-panel-nested { |
2893 { |
|
2894 border: none; |
2882 border: none; |
2895 overflow: hidden; |
2883 overflow: hidden; |
2896 } |
2884 } |
2897 .jqx-draggable |
2885 |
2898 { |
2886 .jqx-draggable { |
2899 |
2887 } |
2900 } |
2888 |
2901 .jqx-draggable-dragging |
2889 .jqx-draggable-dragging { |
2902 { |
|
2903 border: 0px solid black; |
2890 border: 0px solid black; |
2904 } |
2891 } |
2905 .jqx-draggable-disabled |
2892 |
2906 { |
2893 .jqx-draggable-disabled { |
2907 cursor: default; |
2894 cursor: default; |
2908 } |
2895 } |
2909 .jqx-validator-hint |
2896 |
2910 { |
2897 .jqx-validator-hint { |
2911 height: 18px; |
2898 height: 18px; |
2912 width: auto; |
2899 width: auto; |
2913 display: inline-block; |
2900 display: inline-block; |
2914 cursor: pointer; |
2901 cursor: pointer; |
2915 padding-left: 5px; |
2902 padding-left: 5px; |
2920 background-color: #942724; |
2907 background-color: #942724; |
2921 color: #fff; |
2908 color: #fff; |
2922 z-index: 99999; |
2909 z-index: 99999; |
2923 white-space: nowrap; |
2910 white-space: nowrap; |
2924 } |
2911 } |
2925 .jqx-validator-hint-arrow |
2912 |
2926 { |
2913 .jqx-validator-hint-arrow { |
2927 z-index: 99999; |
2914 z-index: 99999; |
2928 height: 9px; |
2915 height: 9px; |
2929 width: 9px; |
2916 width: 9px; |
2930 padding: 0px; |
2917 padding: 0px; |
2931 margin: 0px; |
2918 margin: 0px; |
2932 background-color: transparent; |
2919 background-color: transparent; |
2933 background-image: url(images/multi-arrow.gif); |
2920 background-image: url(./images/multi-arrow.gif); |
2934 } |
2921 } |
|
2922 |
2935 .jqx-validator-error-label { |
2923 .jqx-validator-error-label { |
2936 color: #dd4b39; |
2924 color: #dd4b39; |
2937 vertical-align:top; |
2925 vertical-align: top; |
2938 text-align: left; |
2926 text-align: left; |
2939 display: block; |
2927 display: block; |
2940 cursor: default; |
2928 cursor: default; |
2941 line-height: 17px; |
2929 line-height: 17px; |
2942 } |
2930 } |
|
2931 |
2943 .jqx-validator-error-element { |
2932 .jqx-validator-error-element { |
2944 border-color: #dd4b39 !important; |
2933 border-color: #dd4b39 !important; |
2945 } |
2934 } |
2946 |
2935 |
2947 .jqx-switchbutton |
2936 .jqx-switchbutton { |
2948 { |
2937 outline: none; |
2949 outline: none; |
2938 overflow: hidden; |
2950 overflow: hidden; |
2939 -moz-border-radius: 5px; |
2951 -moz-border-radius: 5px; |
2940 -webkit-border-radius: 5px; |
2952 -webkit-border-radius: 5px; |
|
2953 border-radius: 5px; |
2941 border-radius: 5px; |
2954 border: 1px solid #ccc; |
2942 border: 1px solid #ccc; |
2955 } |
2943 } |
2956 .jqx-switchbutton-thumb |
2944 .jqx-switchbutton[aria-disabled="true"] { |
2957 { |
2945 opacity: 0.5; |
|
2946 pointer-events: none; |
|
2947 } |
|
2948 .jqx-switchbutton-thumb { |
2958 display: inline-block; |
2949 display: inline-block; |
2959 cursor: pointer; |
2950 cursor: pointer; |
2960 border: 1px solid #ccc; |
2951 border: 1px solid #ccc; |
2961 } |
2952 } |
2962 .jqx-switchbutton-label |
2953 |
2963 { |
2954 .jqx-switchbutton-label { |
2964 font-size: 15px; |
2955 font-size: 15px; |
2965 font-family: Sans-Serif; |
2956 font-family: Sans-Serif; |
2966 text-align: center; |
2957 text-align: center; |
2967 text-transform: uppercase; |
2958 text-transform: uppercase; |
2968 font-weight: bold; |
2959 font-weight: bold; |
2969 } |
2960 } |
2970 .jqx-switchbutton-wrapper |
2961 |
2971 { |
2962 .jqx-switchbutton-wrapper { |
2972 } |
2963 } |
2973 .jqx-switchbutton-label-on |
2964 |
2974 { |
2965 .jqx-switchbutton-label-on { |
2975 |
2966 } |
2976 } |
2967 |
2977 .jqx-switchbutton-label-off |
2968 .jqx-switchbutton-label-off { |
2978 { |
|
2979 |
|
2980 } |
2969 } |
2981 |
2970 |
2982 /*left, right, up and down arrow icons.*/ |
2971 /*left, right, up and down arrow icons.*/ |
2983 .jqx-left-arrow |
2972 .jqx-left-arrow { |
2984 { |
|
2985 background: transparent; |
2973 background: transparent; |
2986 background-image: url('images/icon-left.png'); |
2974 background-image: url('images/icon-left.png'); |
2987 cursor: pointer; |
2975 cursor: pointer; |
2988 } |
2976 } |
2989 .jqx-right-arrow |
2977 |
2990 { |
2978 .jqx-right-arrow { |
2991 background: transparent; |
2979 background: transparent; |
2992 background-image: url('images/icon-right.png'); |
2980 background-image: url('images/icon-right.png'); |
2993 cursor: pointer; |
2981 cursor: pointer; |
2994 } |
2982 } |
2995 .jqx-icon-delete |
2983 |
2996 { |
2984 .jqx-icon-delete { |
2997 background-image: url('images/icon-delete.png'); |
2985 background-image: url('images/icon-delete.png'); |
2998 background-repeat: no-repeat; |
2986 background-repeat: no-repeat; |
2999 background-position: center; |
2987 background-position: center; |
3000 } |
2988 } |
3001 .jqx-icon-edit |
2989 |
3002 { |
2990 .jqx-icon-edit { |
3003 background-image: url('images/icon-edit.png'); |
2991 background-image: url('images/icon-edit.png'); |
3004 background-repeat: no-repeat; |
2992 background-repeat: no-repeat; |
3005 background-position: center; |
2993 background-position: center; |
3006 } |
2994 } |
3007 .jqx-icon-save |
2995 |
3008 { |
2996 .jqx-icon-save { |
3009 background-image: url('images/icon-save.png'); |
2997 background-image: url('images/icon-save.png'); |
3010 background-repeat: no-repeat; |
2998 background-repeat: no-repeat; |
3011 background-position: center; |
2999 background-position: center; |
3012 } |
3000 } |
3013 .jqx-icon-cancel |
3001 |
3014 { |
3002 .jqx-icon-cancel { |
3015 background-image: url('images/icon-cancel.png'); |
3003 background-image: url('images/icon-cancel.png'); |
3016 background-repeat: no-repeat; |
3004 background-repeat: no-repeat; |
3017 background-position: center; |
3005 background-position: center; |
3018 } |
3006 } |
3019 .jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected |
3007 |
3020 { |
3008 .jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected { |
3021 background-image: url('images/icon-up.png'); |
3009 background-image: url('images/icon-up.png'); |
3022 background-repeat: no-repeat; |
3010 background-repeat: no-repeat; |
3023 background-position: center; |
3011 background-position: center; |
3024 } |
3012 } |
3025 .jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected |
3013 |
3026 { |
3014 .jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected { |
3027 background-image: url('images/icon-down.png'); |
3015 background-image: url('images/icon-down.png'); |
3028 background-repeat: no-repeat; |
3016 background-repeat: no-repeat; |
3029 background-position: center; |
3017 background-position: center; |
3030 } |
3018 } |
3031 |
3019 |
3032 .jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected |
3020 .jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected { |
3033 { |
|
3034 background-image: url('images/icon-left.png'); |
3021 background-image: url('images/icon-left.png'); |
3035 background-repeat: no-repeat; |
3022 background-repeat: no-repeat; |
3036 background-position: center; |
3023 background-position: center; |
3037 } |
3024 } |
3038 .jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected |
3025 |
3039 { |
3026 .jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected { |
3040 background-image: url('images/icon-right.png'); |
3027 background-image: url('images/icon-right.png'); |
3041 background-repeat: no-repeat; |
3028 background-repeat: no-repeat; |
3042 background-position: center; |
3029 background-position: center; |
3043 } |
3030 } |
3044 .jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected |
3031 |
3045 { |
3032 .jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected { |
3046 background-image: url('images/icon-first.png'); |
3033 background-image: url('images/icon-first.png'); |
3047 background-repeat: no-repeat; |
3034 background-repeat: no-repeat; |
3048 background-position: center; |
3035 background-position: center; |
3049 } |
3036 } |
3050 .jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected |
3037 |
3051 { |
3038 .jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected { |
3052 background-image: url('images/icon-last.png'); |
3039 background-image: url('images/icon-last.png'); |
3053 background-repeat: no-repeat; |
3040 background-repeat: no-repeat; |
3054 background-position: center; |
3041 background-position: center; |
3055 } |
3042 } |
3056 .jqx-icon-arrow-up-hover |
3043 |
3057 { |
3044 .jqx-icon-arrow-up-hover { |
3058 background-image: url('images/icon-up.png'); |
3045 background-image: url('images/icon-up.png'); |
3059 background-repeat: no-repeat; |
3046 background-repeat: no-repeat; |
3060 background-position: center; |
3047 background-position: center; |
3061 } |
3048 } |
3062 .jqx-icon-arrow-down-hover |
3049 |
3063 { |
3050 .jqx-icon-arrow-down-hover { |
3064 background-image: url('images/icon-down.png'); |
3051 background-image: url('images/icon-down.png'); |
3065 background-repeat: no-repeat; |
3052 background-repeat: no-repeat; |
3066 background-position: center; |
3053 background-position: center; |
3067 } |
3054 } |
3068 .jqx-icon-arrow-left-hover |
3055 |
3069 { |
3056 .jqx-icon-arrow-left-hover { |
3070 background-image: url('images/icon-left.png'); |
3057 background-image: url('images/icon-left.png'); |
3071 background-repeat: no-repeat; |
3058 background-repeat: no-repeat; |
3072 background-position: center; |
3059 background-position: center; |
3073 } |
3060 } |
3074 .jqx-icon-arrow-right-hover |
3061 |
3075 { |
3062 .jqx-icon-arrow-right-hover { |
3076 background-image: url('images/icon-right.png'); |
3063 background-image: url('images/icon-right.png'); |
3077 background-repeat: no-repeat; |
3064 background-repeat: no-repeat; |
3078 background-position: center; |
3065 background-position: center; |
3079 } |
3066 } |
3080 |
3067 |
3081 .jqx-icon-arrow-up-selected |
3068 .jqx-icon-arrow-up-selected { |
3082 { |
|
3083 background-image: url('images/icon-up.png'); |
3069 background-image: url('images/icon-up.png'); |
3084 background-repeat: no-repeat; |
3070 background-repeat: no-repeat; |
3085 background-position: center; |
3071 background-position: center; |
3086 } |
3072 } |
3087 .jqx-icon-arrow-down-selected |
3073 |
3088 { |
3074 .jqx-icon-arrow-down-selected { |
3089 background-image: url('images/icon-down.png'); |
3075 background-image: url('images/icon-down.png'); |
3090 background-repeat: no-repeat; |
3076 background-repeat: no-repeat; |
3091 background-position: center; |
3077 background-position: center; |
3092 } |
3078 } |
3093 .jqx-icon-arrow-left-selected |
3079 |
3094 { |
3080 .jqx-icon-arrow-left-selected { |
3095 background-image: url('images/icon-left.png'); |
3081 background-image: url('images/icon-left.png'); |
3096 background-repeat: no-repeat; |
3082 background-repeat: no-repeat; |
3097 background-position: center; |
3083 background-position: center; |
3098 } |
3084 } |
3099 .jqx-icon-arrow-right-selected |
3085 |
3100 { |
3086 .jqx-icon-arrow-right-selected { |
3101 background-image: url('images/icon-right.png'); |
3087 background-image: url('images/icon-right.png'); |
3102 background-repeat: no-repeat; |
3088 background-repeat: no-repeat; |
3103 background-position: center; |
3089 background-position: center; |
3104 } |
3090 } |
3105 .jqx-icon-close |
3091 |
3106 { |
3092 .jqx-icon-close { |
3107 cursor: pointer; |
3093 cursor: pointer; |
3108 background-image: url(images/close.png); |
3094 background-image: url(./images/close.png); |
3109 background-repeat: no-repeat; |
3095 background-repeat: no-repeat; |
3110 background-position: center; |
3096 background-position: center; |
3111 } |
3097 } |
|
3098 |
3112 .jqx-icon-close-white { |
3099 .jqx-icon-close-white { |
3113 background-image: url(images/close_white.png); |
3100 background-image: url(./images/close_white.png); |
3114 } |
3101 } |
3115 .jqx-icon-close-hover |
3102 |
3116 { |
3103 .jqx-icon-close-hover { |
3117 cursor: pointer; |
3104 cursor: pointer; |
3118 background-image: url(images/close.png); |
3105 background-image: url(./images/close.png); |
3119 background-repeat: no-repeat; |
3106 background-repeat: no-repeat; |
3120 background-position: center; |
3107 background-position: center; |
3121 } |
3108 } |
3122 .jqx-icon-search |
3109 |
3123 { |
3110 .jqx-icon-search { |
3124 cursor: pointer; |
3111 cursor: pointer; |
3125 background-image: url(images/search.png); |
3112 background-image: url(./images/search.png); |
3126 background-repeat: no-repeat; |
3113 background-repeat: no-repeat; |
3127 background-position: center; |
3114 background-position: center; |
3128 margin-top: 1px; |
3115 margin-top: 1px; |
3129 background-size: 13px; |
3116 background-size: 13px; |
3130 width: 13px; |
3117 width: 13px; |
3131 height: 13px; |
3118 height: 13px; |
3132 } |
3119 } |
3133 .jqx-icon-plus |
3120 |
3134 { |
3121 .jqx-icon-plus { |
3135 background-image: url(images/plus.png); |
3122 background-image: url(./images/plus.png); |
3136 background-repeat: no-repeat; |
3123 background-repeat: no-repeat; |
3137 background-position: center; |
3124 background-position: center; |
3138 background-size: 16px; |
3125 background-size: 16px; |
3139 width: 16px; |
3126 width: 16px; |
3140 height: 16px; |
3127 height: 16px; |
3141 } |
3128 } |
3142 .jqx-icon-plus-alt, .jqx-icon-plus-alt-white |
3129 |
3143 { |
3130 .jqx-icon-plus-alt, .jqx-icon-plus-alt-white { |
3144 background-image: url(images/icon-plus.png); |
3131 background-image: url(./images/icon-plus.png); |
3145 background-repeat: no-repeat; |
3132 background-repeat: no-repeat; |
3146 background-position: center; |
3133 background-position: center; |
3147 background-size: 16px; |
3134 background-size: 16px; |
3148 width: 16px; |
3135 width: 16px; |
3149 height: 16px; |
3136 height: 16px; |
3150 } |
3137 } |
|
3138 |
3151 .jqx-icon-plus-alt-white { |
3139 .jqx-icon-plus-alt-white { |
3152 background-image: url(images/icon-plus-white.png); |
3140 background-image: url(./images/icon-plus-white.png); |
3153 } |
3141 } |
3154 /* jqxScrollView */ |
3142 /* jqxScrollView */ |
3155 .jqx-scrollview-button |
3143 .jqx-scrollview-button { |
3156 { |
|
3157 width: 10px; |
3144 width: 10px; |
3158 height: 10px; |
3145 height: 10px; |
3159 border-radius: 10px; |
3146 border-radius: 10px; |
3160 -moz-border-radius: 10px; |
3147 -moz-border-radius: 10px; |
3161 -webkit-border-radius: 10px; |
3148 -webkit-border-radius: 10px; |
3162 display: inline-block; |
3149 display: inline-block; |
3163 margin: 2px; |
3150 margin: 2px; |
3164 cursor: pointer; |
3151 cursor: pointer; |
3165 background-color: #aaaeaf; |
3152 background-color: #aaaeaf; |
3166 } |
3153 } |
3167 .jqx-scrollview |
3154 |
3168 { |
3155 .jqx-scrollview { |
3169 background-color: #000; |
3156 background-color: #000; |
3170 -ms-touch-action: auto !important; |
3157 -ms-touch-action: auto !important; |
3171 } |
3158 } |
3172 .jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed |
3159 |
3173 { |
3160 .jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed { |
3174 background-image: url('images/icon-calendar.png'); |
3161 background-image: url('images/icon-calendar.png'); |
3175 background-repeat: no-repeat; |
3162 background-repeat: no-repeat; |
3176 background-position: left top; |
3163 background-position: left top; |
3177 position: relative; |
3164 position: relative; |
3178 width: 15px !important; |
3165 width: 15px !important; |
3179 height: 15px !important; |
3166 height: 15px !important; |
3180 margin-top: -7.5px !important; |
3167 margin-top: -7.5px !important; |
3181 } |
3168 } |
3182 /*applied to Inputs*/ |
3169 /*applied to Inputs*/ |
3183 .jqx-input{overflow: hidden; background-color: inherit; border-color: #c7c7c7;} |
3170 .jqx-input-widget { |
|
3171 box-sizing: border-box !important; |
|
3172 } |
|
3173 |
|
3174 .jqx-input { |
|
3175 overflow: hidden; |
|
3176 background-color: inherit; |
|
3177 border-color: #c7c7c7; |
|
3178 } |
|
3179 |
3184 .jqx-input-invalid { |
3180 .jqx-input-invalid { |
3185 color: red !important; |
3181 color: red !important; |
3186 } |
3182 } |
3187 .jqx-input-group {overflow: hidden;} |
3183 |
3188 .jqx-input-group-addon {border: 1px solid transparent; position: relative; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; padding: 2px 8px !important; float: left; white-space: nowrap; vertical-align: middle; } |
3184 .jqx-input-group { |
3189 .jqx-input-group-addon:first-child { |
3185 overflow: hidden; |
3190 border-right-width: 0px; |
3186 } |
3191 border-bottom-right-radius: 0 !important; |
3187 |
3192 border-top-right-radius: 0 !important; |
3188 .jqx-input-group-addon { |
3193 } |
3189 border: 1px solid transparent; |
3194 .jqx-input-group-addon:last-child { |
3190 position: relative; |
3195 border-left-width: 0px; |
3191 -webkit-box-sizing: border-box !important; |
3196 border-bottom-left-radius: 0 !important; |
3192 -moz-box-sizing: border-box !important; |
3197 border-top-left-radius: 0 !important; |
3193 box-sizing: border-box !important; |
3198 } |
3194 padding: 2px 8px !important; |
3199 .jqx-input-group-addon:not(:last-child):not(:first-child) { |
3195 float: left; |
3200 border-bottom-left-radius: 0 !important; |
3196 white-space: nowrap; |
3201 border-top-left-radius: 0 !important; |
3197 vertical-align: middle; |
3202 border-bottom-right-radius: 0 !important; |
3198 } |
3203 border-top-right-radius: 0 !important; |
3199 |
3204 border-left-width: 0px; |
3200 .jqx-input-group-addon:first-child { |
3205 } |
3201 border-right-width: 0px; |
|
3202 border-bottom-right-radius: 0 !important; |
|
3203 border-top-right-radius: 0 !important; |
|
3204 } |
|
3205 |
|
3206 .jqx-input-group-addon:last-child { |
|
3207 border-left-width: 0px; |
|
3208 border-bottom-left-radius: 0 !important; |
|
3209 border-top-left-radius: 0 !important; |
|
3210 } |
|
3211 |
|
3212 .jqx-input-group-addon:not(:last-child):not(:first-child) { |
|
3213 border-bottom-left-radius: 0 !important; |
|
3214 border-top-left-radius: 0 !important; |
|
3215 border-bottom-right-radius: 0 !important; |
|
3216 border-top-right-radius: 0 !important; |
|
3217 border-left-width: 0px; |
|
3218 } |
|
3219 |
3206 .jqx-input-group .jqx-input { |
3220 .jqx-input-group .jqx-input { |
3207 padding: 2px 1px !important; |
3221 padding: 2px 1px !important; |
3208 border-left-width: 1px !important; |
3222 border-left-width: 1px !important; |
3209 border-right-width: 1px !important; |
3223 border-right-width: 1px !important; |
3210 } |
3224 } |
|
3225 |
3211 .jqx-editor { |
3226 .jqx-editor { |
3212 border-style: solid; |
3227 border-style: solid; |
3213 border-width: 1px; |
3228 border-width: 1px; |
3214 border-color: transparent; |
3229 border-color: transparent; |
3215 overflow: hidden; |
3230 overflow: hidden; |
3216 box-sizing: border-box !important; |
3231 box-sizing: border-box !important; |
3217 } |
3232 } |
|
3233 |
3218 .jqx-editor-window { |
3234 .jqx-editor-window { |
3219 overflow: hidden; |
3235 overflow: hidden; |
3220 } |
3236 } |
|
3237 |
3221 .jqx-editor-inline { |
3238 .jqx-editor-inline { |
3222 padding: 0px; |
3239 padding: 0px; |
3223 border-width: 1px; |
3240 border-width: 1px; |
3224 border-style: solid; |
3241 border-style: solid; |
3225 border-color: transparent; |
3242 border-color: transparent; |
3226 } |
3243 } |
3227 .jqx-editor-inline p { |
3244 |
3228 margin: 0px;padding:0 .2em; |
3245 .jqx-editor-inline p { |
3229 } |
3246 margin: 0px; |
|
3247 padding: 0 .2em; |
|
3248 } |
|
3249 |
3230 .jqx-editor-inline-focus { |
3250 .jqx-editor-inline-focus { |
3231 border-width: 1px; |
3251 border-width: 1px; |
3232 border-style: solid; |
3252 border-style: solid; |
3233 overflow: auto; |
3253 overflow: auto; |
3234 } |
3254 } |
|
3255 |
3235 .jqx-editor iframe { |
3256 .jqx-editor iframe { |
3236 border: 0; |
3257 border: 0; |
3237 margin: 0; |
3258 margin: 0; |
3238 padding: 0; |
3259 padding: 0; |
3239 background: #fff; |
3260 background: #fff; |
3240 display: inline; |
3261 display: inline; |
3241 vertical-align: top; |
3262 vertical-align: top; |
3242 width: 100%; |
3263 width: 100%; |
3243 height: 100%; |
3264 height: 100%; |
3244 } |
3265 } |
|
3266 |
3245 .jqx-editor-color-bar { |
3267 .jqx-editor-color-bar { |
3246 height: 3px; |
3268 height: 3px; |
3247 } |
3269 } |
|
3270 |
3248 .jqx-editor-color-picker table { |
3271 .jqx-editor-color-picker table { |
3249 margin: 0; |
3272 margin: 0; |
3250 padding: 0 4px 4px; |
3273 padding: 0 4px 4px; |
3251 empty-cells: show; |
3274 empty-cells: show; |
3252 border-collapse: separate; |
3275 border-collapse: separate; |
3253 } |
3276 } |
|
3277 |
3254 .jqx-editor-color-picker td { |
3278 .jqx-editor-color-picker td { |
3255 border-collapse: separate; |
3279 border-collapse: separate; |
3256 border: 1px solid transparent; |
3280 border: 1px solid transparent; |
3257 cursor: pointer; |
3281 cursor: pointer; |
3258 margin: 0; |
3282 margin: 0; |
3259 position: relative; |
3283 position: relative; |
3260 } |
3284 } |
3261 .jqx-editor-color-picker td:hover { |
3285 |
3262 border: 1px solid #000; |
3286 .jqx-editor-color-picker td:hover { |
3263 } |
3287 border: 1px solid #000; |
|
3288 } |
|
3289 |
3264 .jqx-editor-color-picker-selected-cell { |
3290 .jqx-editor-color-picker-selected-cell { |
3265 outline: 1px solid #000; |
3291 outline: 1px solid #000; |
3266 } |
3292 } |
3267 .jqx-editor-color-picker td div{ |
3293 |
|
3294 .jqx-editor-color-picker td div { |
3268 width: 16px; |
3295 width: 16px; |
3269 height: 16px; |
3296 height: 16px; |
3270 } |
3297 } |
|
3298 |
3271 .jqx-editor-content { |
3299 .jqx-editor-content { |
3272 width: 100%; |
3300 width: 100%; |
3273 border-style: solid; |
3301 border-style: solid; |
3274 border-width: 1px; |
3302 border-width: 1px; |
3275 outline: 0; |
3303 outline: 0; |
3276 left: 0px; |
3304 left: 0px; |
3277 position: relative; |
3305 position: relative; |
3278 box-sizing: border-box !important; |
3306 box-sizing: border-box !important; |
3279 } |
3307 } |
|
3308 |
3280 .jqx-editor-container { |
3309 .jqx-editor-container { |
3281 position: relative; |
3310 position: relative; |
3282 padding: 4px; |
3311 padding: 4px; |
3283 padding-top: 0px; |
3312 padding-top: 0px; |
3284 width: 100%; |
3313 width: 100%; |
3285 height: 100%; |
3314 height: 100%; |
3286 box-sizing: border-box !important; |
3315 box-sizing: border-box !important; |
3287 } |
3316 } |
|
3317 |
3288 .jqx-editor-toolbar-container { |
3318 .jqx-editor-toolbar-container { |
3289 top: 0px; left: 0px; |
3319 top: 0px; |
|
3320 left: 0px; |
3290 box-sizing: border-box !important; |
3321 box-sizing: border-box !important; |
3291 } |
3322 } |
|
3323 |
3292 .jqx-editor-toolbar-inline { |
3324 .jqx-editor-toolbar-inline { |
3293 padding: 0px 4px; |
3325 padding: 0px 4px; |
3294 border-width: 1px; |
3326 border-width: 1px; |
3295 border-style: solid; |
3327 border-style: solid; |
3296 } |
3328 } |
|
3329 |
3297 .jqx-editor-toolbar { |
3330 .jqx-editor-toolbar { |
3298 margin: 0; |
3331 margin: 0; |
3299 padding: 0px; |
3332 padding: 0px; |
3300 padding-bottom: 4px; |
3333 padding-bottom: 4px; |
3301 } |
3334 } |
|
3335 |
3302 .jqx-editor-toolbar-icon { |
3336 .jqx-editor-toolbar-icon { |
3303 height: 21px; |
3337 height: 21px; |
3304 width: 21px; |
3338 width: 21px; |
3305 vertical-align: middle; |
3339 vertical-align: middle; |
3306 opacity: .667; |
3340 opacity: .667; |
3307 margin: 2px 0; |
3341 margin: 2px 0; |
3308 background: url('images/html_editor.png') no-repeat; |
3342 background: url('images/html_editor.png') no-repeat; |
3309 } |
3343 } |
|
3344 |
3310 .jqx-editor-toolbar-icon-bold { |
3345 .jqx-editor-toolbar-icon-bold { |
3311 background-position: 0px 0px !important; |
3346 background-position: 0px 0px !important; |
3312 } |
3347 } |
|
3348 |
3313 .jqx-editor-toolbar-icon-italic { |
3349 .jqx-editor-toolbar-icon-italic { |
3314 background-position: -21px 0px !important; |
3350 background-position: -21px 0px !important; |
3315 } |
3351 } |
|
3352 |
3316 .jqx-editor-toolbar-icon-underline { |
3353 .jqx-editor-toolbar-icon-underline { |
3317 background-position: -42px 0px !important; |
3354 background-position: -42px 0px !important; |
3318 } |
3355 } |
|
3356 |
3319 .jqx-editor-toolbar-icon-fontname { |
3357 .jqx-editor-toolbar-icon-fontname { |
3320 background-position: -63px 0px !important; |
3358 background-position: -63px 0px !important; |
3321 } |
3359 } |
|
3360 |
3322 .jqx-editor-toolbar-icon-fontsize { |
3361 .jqx-editor-toolbar-icon-fontsize { |
3323 background-position: -84px 0px !important; |
3362 background-position: -84px 0px !important; |
3324 } |
3363 } |
|
3364 |
3325 .jqx-editor-toolbar-icon-createlink { |
3365 .jqx-editor-toolbar-icon-createlink { |
3326 background-position: -147px 0px !important; |
3366 background-position: -147px 0px !important; |
3327 } |
3367 } |
|
3368 |
3328 .jqx-editor-toolbar-icon-insertorderedlist { |
3369 .jqx-editor-toolbar-icon-insertorderedlist { |
3329 background-position: -168px 0px !important; |
3370 background-position: -168px 0px !important; |
3330 } |
3371 } |
|
3372 |
3331 .jqx-editor-toolbar-icon-insertunorderedlist { |
3373 .jqx-editor-toolbar-icon-insertunorderedlist { |
3332 background-position: -189px 0px !important; |
3374 background-position: -189px 0px !important; |
3333 } |
3375 } |
|
3376 |
3334 .jqx-editor-toolbar-icon-outdent { |
3377 .jqx-editor-toolbar-icon-outdent { |
3335 background-position: -210px 0px !important; |
3378 background-position: -210px 0px !important; |
3336 } |
3379 } |
|
3380 |
3337 .jqx-editor-toolbar-icon-indent { |
3381 .jqx-editor-toolbar-icon-indent { |
3338 background-position: -231px 0px !important; |
3382 background-position: -231px 0px !important; |
3339 } |
3383 } |
|
3384 |
3340 .jqx-editor-toolbar-icon-insertimage { |
3385 .jqx-editor-toolbar-icon-insertimage { |
3341 background-position: -337px 0px !important; |
3386 background-position: -337px 0px !important; |
3342 } |
3387 } |
|
3388 |
3343 .jqx-editor-toolbar-icon-justifyleft { |
3389 .jqx-editor-toolbar-icon-justifyleft { |
3344 background-position: -252px 0px !important; |
3390 background-position: -252px 0px !important; |
3345 } |
3391 } |
|
3392 |
3346 .jqx-editor-toolbar-icon-justifycenter { |
3393 .jqx-editor-toolbar-icon-justifycenter { |
3347 background-position: -273px 0px !important; |
3394 background-position: -273px 0px !important; |
3348 } |
3395 } |
|
3396 |
3349 .jqx-editor-toolbar-icon-justifyright { |
3397 .jqx-editor-toolbar-icon-justifyright { |
3350 background-position: -294px 0px !important; |
3398 background-position: -294px 0px !important; |
3351 } |
3399 } |
|
3400 |
3352 .jqx-editor-toolbar-icon-removeformat { |
3401 .jqx-editor-toolbar-icon-removeformat { |
3353 background-position: -316px 0px !important; |
3402 background-position: -316px 0px !important; |
3354 } |
3403 } |
|
3404 |
3355 .jqx-editor-toolbar-icon-viewsource { |
3405 .jqx-editor-toolbar-icon-viewsource { |
3356 background-position: -359px 0px !important; |
3406 background-position: -359px 0px !important; |
3357 } |
3407 } |
|
3408 |
3358 .jqx-editor-toolbar-icon-forecolor { |
3409 .jqx-editor-toolbar-icon-forecolor { |
3359 background-position: -105px 0px !important; |
3410 background-position: -105px 0px !important; |
3360 height: 15px; |
3411 height: 15px; |
3361 } |
3412 } |
|
3413 |
3362 .jqx-editor-toolbar-icon-backcolor { |
3414 .jqx-editor-toolbar-icon-backcolor { |
3363 background-position: -380px 0px !important; |
3415 background-position: -380px 0px !important; |
3364 height: 15px; |
3416 height: 15px; |
3365 } |
3417 } |
3366 |
3418 |
3367 .jqx-editor-toolbar-icon:hover { |
3419 .jqx-editor-toolbar-icon:hover { |
3368 opacity: 1; |
3420 opacity: 1; |
3369 } |
3421 } |
|
3422 |
3370 .jqx-fill-state-disabled .jqx-editor-toolbar-icon { |
3423 .jqx-fill-state-disabled .jqx-editor-toolbar-icon { |
3371 opacity: .667; |
3424 opacity: .667; |
3372 } |
3425 } |
|
3426 |
3373 .jqx-editor-toolbar-item { |
3427 .jqx-editor-toolbar-item { |
3374 display: inline-block; |
3428 display: inline-block; |
3375 margin-left: 2px; |
3429 margin-left: 2px; |
3376 vertical-align: middle; |
3430 vertical-align: middle; |
3377 } |
3431 } |
|
3432 |
3378 .jqx-editor-toolbar-separator { |
3433 .jqx-editor-toolbar-separator { |
3379 border-left: 1px solid #ccc; |
3434 border-left: 1px solid #ccc; |
3380 margin: 0 2px; |
3435 margin: 0 2px; |
3381 outline: none; |
3436 outline: none; |
3382 overflow: hidden; |
3437 overflow: hidden; |
3464 border-bottom-style: solid; |
3535 border-bottom-style: solid; |
3465 border-bottom-color: inherit; |
3536 border-bottom-color: inherit; |
3466 vertical-align: top; |
3537 vertical-align: top; |
3467 text-align: left; |
3538 text-align: left; |
3468 } |
3539 } |
|
3540 |
3469 .jqx-scheduler-month-cell-touch { |
3541 .jqx-scheduler-month-cell-touch { |
3470 background: transparent; |
3542 background: transparent; |
3471 border:none; |
3543 border: none; |
3472 vertical-align:middle; |
3544 vertical-align: middle; |
3473 text-align:center; |
3545 text-align: center; |
3474 } |
3546 } |
|
3547 |
3475 .jqx-scheduler-month-cell-popup { |
3548 .jqx-scheduler-month-cell-popup { |
3476 border: 1px solid #333; |
3549 border: 1px solid #333; |
3477 background: #f2f2f2; |
3550 background: #f2f2f2; |
3478 box-shadow: 0 5px 0px rgba(0,0,0,.15)!important; |
3551 box-shadow: 0 5px 0px rgba(0,0,0,.15) !important; |
3479 } |
3552 } |
|
3553 |
3480 .jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell { |
3554 .jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell { |
3481 border-bottom-color: #ddd !important; |
3555 border-bottom-color: #ddd !important; |
3482 } |
3556 } |
3483 .jqx-scheduler-cell-selected.jqx-scheduler-middle-cell |
3557 |
3484 { |
3558 .jqx-scheduler-cell-selected.jqx-scheduler-middle-cell { |
3485 border-bottom-style:dotted; |
3559 border-bottom-style: dotted; |
3486 } |
3560 } |
3487 .jqx-scheduler-work-time-cell |
3561 |
3488 { |
3562 .jqx-scheduler-work-time-cell { |
3489 background: #fff; |
3563 background: #fff; |
3490 } |
3564 } |
3491 .jqx-scheduler-not-work-time-cell |
3565 |
3492 { |
3566 .jqx-scheduler-not-work-time-cell { |
3493 background: #eee; |
3567 background: #eee; |
3494 } |
3568 } |
3495 .jqx-scheduler-month-outer-cell |
3569 |
3496 { |
3570 .jqx-scheduler-month-outer-cell { |
3497 color: #555; |
3571 color: #555; |
3498 } |
3572 } |
3499 .jqx-scheduler-month-weekend-cell |
3573 |
3500 { |
3574 .jqx-scheduler-month-weekend-cell { |
3501 background: #eee; |
3575 background: #eee; |
3502 } |
3576 } |
|
3577 |
3503 .jqx-scheduler-disabled-cell { |
3578 .jqx-scheduler-disabled-cell { |
3504 background: #e9edf1; |
3579 background: #e9edf1; |
3505 } |
3580 } |
3506 .jqx-scheduler-toolbar |
3581 |
3507 { |
3582 .jqx-scheduler-toolbar { |
3508 font-size: 14px; |
3583 font-size: 14px; |
3509 } |
3584 } |
|
3585 |
3510 .jqx-scheduler-time-column, .jqx-scheduler-toolbar { |
3586 .jqx-scheduler-time-column, .jqx-scheduler-toolbar { |
3511 background-image: none !important; |
3587 background-image: none !important; |
3512 background: #fff !important; |
3588 background: #fff !important; |
3513 color: #333 !important; |
3589 color: #333 !important; |
3514 } |
3590 } |
|
3591 |
3515 .jqx-scheduler-week-number-column { |
3592 .jqx-scheduler-week-number-column { |
3516 background: #e8e8e8 !important; |
3593 background: #e8e8e8 !important; |
3517 color: #333; |
3594 color: #333; |
3518 } |
3595 } |
3519 .jqx-scheduler-time-column-header-cell |
3596 |
3520 { |
3597 .jqx-scheduler-time-column-header-cell { |
3521 border-left-color:transparent !important; |
3598 border-left-color: transparent !important; |
3522 } |
3599 } |
3523 .jqx-scheduler-time-column-header-cell-rtl |
3600 |
3524 { |
3601 .jqx-scheduler-time-column-header-cell-rtl { |
3525 border-right-color:transparent !important; |
3602 border-right-color: transparent !important; |
3526 } |
3603 } |
|
3604 |
3527 .jqx-scheduler-appointment { |
3605 .jqx-scheduler-appointment { |
3528 overflow: visible; |
3606 overflow: visible; |
3529 border: 1px solid #555; |
3607 border: 1px solid #555; |
3530 white-space:pre-line; |
3608 white-space: pre-line; |
3531 cursor:pointer; |
3609 cursor: pointer; |
3532 vertical-align: middle; |
3610 vertical-align: middle; |
3533 text-overflow:ellipsis; |
3611 text-overflow: ellipsis; |
3534 user-select: none; |
3612 user-select: none; |
3535 } |
3613 } |
|
3614 |
3536 .jqx-scheduler-appointment-rtl { |
3615 .jqx-scheduler-appointment-rtl { |
3537 direction: rtl; |
3616 direction: rtl; |
3538 text-align: right; |
3617 text-align: right; |
3539 } |
3618 } |
3540 |
3619 |
3541 .jqx-scheduler-appointment-content { |
3620 .jqx-scheduler-appointment-content { |
3542 overflow: hidden; |
3621 overflow: hidden; |
3543 text-overflow:ellipsis; |
3622 text-overflow: ellipsis; |
3544 height:100%; |
3623 height: 100%; |
3545 padding-left:5px; |
3624 padding-left: 5px; |
3546 padding-right:5px; |
3625 padding-right: 5px; |
3547 } |
3626 } |
|
3627 |
3548 .jqx-scheduler-appointment-inner-content { |
3628 .jqx-scheduler-appointment-inner-content { |
3549 overflow:hidden; |
3629 overflow: hidden; |
3550 width:100%; |
3630 width: 100%; |
3551 text-overflow: ellipsis; |
3631 text-overflow: ellipsis; |
3552 padding-bottom: 3px; |
3632 padding-bottom: 3px; |
3553 } |
3633 } |
|
3634 |
3554 .jqx-scheduler-appointment-duration-status { |
3635 .jqx-scheduler-appointment-duration-status { |
3555 height: 0px; |
3636 height: 0px; |
3556 border-bottom-width: 2px; |
3637 border-bottom-width: 2px; |
3557 border-bottom-style: dotted; |
3638 border-bottom-style: dotted; |
3558 border-color: #f05c2d; |
3639 border-color: #f05c2d; |
3559 background: #f05c2d; |
3640 background: #f05c2d; |
3560 position:absolute; |
3641 position: absolute; |
3561 bottom: -1px; left: 0px; |
3642 bottom: -1px; |
|
3643 left: 0px; |
3562 border-radius: 5px; |
3644 border-radius: 5px; |
3563 } |
3645 } |
|
3646 |
3564 .jqx-scheduler-appointment-status { |
3647 .jqx-scheduler-appointment-status { |
3565 width: 4px; |
3648 width: 4px; |
3566 height: 100%; |
3649 height: 100%; |
3567 border-right-width: 1px; |
3650 border-right-width: 1px; |
3568 border-right-style:solid; |
3651 border-right-style: solid; |
3569 position:absolute; |
3652 position: absolute; |
3570 top: 0px; left: 0px; |
3653 top: 0px; |
3571 } |
3654 left: 0px; |
|
3655 } |
|
3656 |
3572 .jqx-scheduler-appointment-status-rtl { |
3657 .jqx-scheduler-appointment-status-rtl { |
3573 width: 4px; |
3658 width: 4px; |
3574 height: 100%; |
3659 height: 100%; |
3575 border-right-width: 0px; |
3660 border-right-width: 0px; |
3576 border-right-style:none; |
3661 border-right-style: none; |
3577 border-left-width: 1px; |
3662 border-left-width: 1px; |
3578 border-left-style:solid; |
3663 border-left-style: solid; |
3579 position:absolute; |
3664 position: absolute; |
3580 top: 0px; right:0px; |
3665 top: 0px; |
3581 } |
3666 right: 0px; |
|
3667 } |
|
3668 |
3582 .jqx-scheduler-appointment-status-stripes { |
3669 .jqx-scheduler-appointment-status-stripes { |
3583 background-image: url('images/stripes.png'); |
3670 background-image: url('images/stripes.png'); |
3584 background-repeat:repeat-y; |
3671 background-repeat: repeat-y; |
3585 background-position: left top; |
3672 background-position: left top; |
3586 } |
3673 } |
|
3674 |
3587 .jqx-scheduler-appointment-resize-indicator { |
3675 .jqx-scheduler-appointment-resize-indicator { |
3588 width: 4px; |
3676 width: 4px; |
3589 height: 4px; |
3677 height: 4px; |
3590 position: absolute; |
3678 position: absolute; |
3591 border: 1px solid black; |
3679 border: 1px solid black; |
3592 background: white; |
3680 background: white; |
3593 display: none; |
3681 display: none; |
3594 } |
3682 } |
|
3683 |
3595 .jqx-scheduler-appointment-top-resize-indicator { |
3684 .jqx-scheduler-appointment-top-resize-indicator { |
3596 top: -3px; |
3685 top: -3px; |
3597 left: 50%; |
3686 left: 50%; |
3598 margin-left:-2px; |
3687 margin-left: -2px; |
3599 cursor: row-resize; |
3688 cursor: row-resize; |
3600 } |
3689 } |
|
3690 |
3601 .jqx-scheduler-appointment-bottom-resize-indicator { |
3691 .jqx-scheduler-appointment-bottom-resize-indicator { |
3602 cursor: row-resize; |
3692 cursor: row-resize; |
3603 bottom: -3px; |
3693 bottom: -3px; |
3604 left: 50%; |
3694 left: 50%; |
3605 margin-left:-2px; |
3695 margin-left: -2px; |
3606 } |
3696 } |
|
3697 |
3607 .jqx-scheduler-appointment-left-resize-indicator { |
3698 .jqx-scheduler-appointment-left-resize-indicator { |
3608 cursor: col-resize; |
3699 cursor: col-resize; |
3609 top: 50%; |
3700 top: 50%; |
3610 left: -3px; |
3701 left: -3px; |
3611 margin-top: -2px; |
3702 margin-top: -2px; |
3612 } |
3703 } |
|
3704 |
3613 .jqx-scheduler-appointment-right-resize-indicator { |
3705 .jqx-scheduler-appointment-right-resize-indicator { |
3614 cursor: col-resize; |
3706 cursor: col-resize; |
3615 top: 50%; |
3707 top: 50%; |
3616 margin-top: -2px; |
3708 margin-top: -2px; |
3617 right: -3px; |
3709 right: -3px; |
3618 } |
3710 } |
3619 |
3711 |
3620 .jqx-scheduler-appointment span { |
3712 .jqx-scheduler-appointment span { |
3621 vertical-align: middle; |
3713 vertical-align: middle; |
3622 text-overflow:ellipsis; |
3714 text-overflow: ellipsis; |
3623 position: relative; |
3715 position: relative; |
3624 top: -1px; |
3716 top: -1px; |
3625 } |
3717 } |
|
3718 |
3626 .jqx-scheduler-feedback-appointment { |
3719 .jqx-scheduler-feedback-appointment { |
3627 opacity: 0.7; |
3720 opacity: 0.7; |
3628 position:absolute; |
3721 position: absolute; |
3629 z-index:99999; |
3722 z-index: 99999; |
3630 } |
3723 } |
|
3724 |
3631 .jqx-scheduler-selected-appointment { |
3725 .jqx-scheduler-selected-appointment { |
3632 border: 1px solid #316293 !important; |
3726 border: 1px solid #316293 !important; |
3633 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3727 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3634 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3728 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3635 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3729 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
3636 white-space:pre-line; |
3730 white-space: pre-line; |
3637 } |
3731 } |
|
3732 |
3638 .jqx-scheduler-appointment:hover { |
3733 .jqx-scheduler-appointment:hover { |
3639 border: 1px solid #3f7ebe !important; |
3734 border: 1px solid #3f7ebe !important; |
3640 } |
3735 } |
|
3736 |
3641 .jqx-scheduler-feedback-drag-appointment { |
3737 .jqx-scheduler-feedback-drag-appointment { |
3642 background: #aaa !important; |
3738 background: #aaa !important; |
3643 } |
3739 } |
3644 .jqx-icon-recurrence, .jqx-icon-recurrence-exception,.jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time |
3740 |
3645 { |
3741 .jqx-icon-recurrence, .jqx-icon-recurrence-exception, .jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time { |
3646 background-image: url('images/icon-recurrence.png'); |
3742 background-image: url('images/icon-recurrence.png'); |
3647 background-repeat: no-repeat; |
3743 background-repeat: no-repeat; |
3648 background-position: center; |
3744 background-position: center; |
3649 width: 16px; |
3745 width: 16px; |
3650 height: 16px; |
3746 height: 16px; |
3651 float: left; |
3747 float: left; |
3652 margin:3px; |
3748 margin: 3px; |
3653 margin-left:5px; |
3749 margin-left: 5px; |
3654 } |
3750 } |
3655 .jqx-icon-time |
3751 |
3656 { |
3752 .jqx-icon-time { |
3657 background-image: url('images/icon-time.png'); |
3753 background-image: url('images/icon-time.png'); |
3658 margin:0px; |
3754 margin: 0px; |
3659 position: relative; |
3755 position: relative; |
3660 left: 1px; |
3756 left: 1px; |
3661 margin-top:-8px; |
3757 margin-top: -8px; |
3662 } |
3758 } |
3663 .jqx-icon-time-white |
3759 |
3664 { |
3760 .jqx-icon-time-white { |
3665 background-image: url('images/icon-time-white.png'); |
3761 background-image: url('images/icon-time-white.png'); |
3666 } |
3762 } |
3667 .jqx-icon-recurrence-exception |
3763 |
3668 { |
3764 .jqx-icon-recurrence-exception { |
3669 background-image: url('images/icon-recurrence-exception.png'); |
3765 background-image: url('images/icon-recurrence-exception.png'); |
3670 } |
3766 } |
|
3767 |
3671 .jqx-icon-recurrence-exception-white { |
3768 .jqx-icon-recurrence-exception-white { |
3672 background-image: url('images/icon-recurrence-exception-white.png'); |
3769 background-image: url('images/icon-recurrence-exception-white.png'); |
3673 } |
3770 } |
|
3771 |
3674 .jqx-icon-recurrence-white { |
3772 .jqx-icon-recurrence-white { |
3675 background-image: url('images/icon-recurrence-white.png'); |
3773 background-image: url('images/icon-recurrence-white.png'); |
3676 } |
3774 } |
|
3775 |
3677 .jqx-scheduler-cell-hover { |
3776 .jqx-scheduler-cell-hover { |
3678 border-color: #3f7ebe !important; |
3777 border-color: #3f7ebe !important; |
3679 background: #a2c0df !important; |
3778 background: #a2c0df !important; |
3680 } |
3779 } |
|
3780 |
3681 .jqx-scheduler-cell-selected { |
3781 .jqx-scheduler-cell-selected { |
3682 border-color: #316293 !important; |
3782 border-color: #316293 !important; |
3683 background: #2f7eb6 !important; |
3783 background: #2f7eb6 !important; |
3684 } |
3784 } |
|
3785 |
3685 .jqx-scheduler-edit-dialog-label { |
3786 .jqx-scheduler-edit-dialog-label { |
3686 clear: both; |
3787 clear: both; |
3687 float: left; |
3788 float: left; |
3688 margin-left: 2%; |
3789 margin-left: 2%; |
3689 padding: 4px; |
3790 padding: 4px; |
3690 text-align: right; |
3791 text-align: right; |
3691 width: 18%; |
3792 width: 18%; |
3692 line-height: 25px; |
3793 line-height: 25px; |
3693 } |
3794 } |
|
3795 |
3694 .jqx-scheduler-edit-dialog-field { |
3796 .jqx-scheduler-edit-dialog-field { |
3695 clear: right; |
3797 clear: right; |
3696 float: right; |
3798 float: right; |
3697 margin-right: 2%; |
3799 margin-right: 2%; |
3698 padding: 4px; |
3800 padding: 4px; |
3699 width: 72%; |
3801 width: 380px; |
3700 } |
3802 } |
|
3803 |
3701 .jqx-scheduler-edit-dialog-label-rtl { |
3804 .jqx-scheduler-edit-dialog-label-rtl { |
3702 clear: both; |
3805 clear: both; |
3703 float: right; |
3806 float: right; |
3704 margin-left: 0px; |
3807 margin-left: 0px; |
3705 margin-right: 2%; |
3808 margin-right: 2%; |
3706 padding: 4px; |
3809 padding: 4px; |
3707 text-align: left; |
3810 text-align: left; |
3708 width: 18%; |
3811 width: 18%; |
3709 line-height: 25px; |
3812 line-height: 25px; |
3710 } |
3813 } |
|
3814 |
3711 .jqx-scheduler-edit-dialog-field-rtl { |
3815 .jqx-scheduler-edit-dialog-field-rtl { |
3712 clear: left; |
3816 clear: left; |
3713 float: left; |
3817 float: left; |
3714 margin-right: 0px; |
3818 margin-right: 0px; |
3715 margin-left: 2%; |
3819 margin-left: 2%; |
3716 padding: 4px; |
3820 padding: 4px; |
3717 width: 72%; |
3821 width: 72%; |
3718 } |
3822 } |
3719 .jqx-scheduler-legend-bar |
3823 |
3720 { |
3824 .jqx-scheduler-legend-bar { |
3721 overflow:hidden; |
3825 overflow: hidden; |
3722 border-color:inherit; |
3826 border-color: inherit; |
3723 border: none; |
3827 border: none; |
3724 } |
3828 } |
3725 .jqx-scheduler-legend-bar-bottom |
3829 |
3726 { |
3830 .jqx-scheduler-legend-bar-bottom { |
3727 border-top-width: 1px; |
3831 border-top-width: 1px; |
3728 border-top-style:solid; |
3832 border-top-style: solid; |
3729 } |
3833 } |
3730 .jqx-scheduler-legend-bar-top |
3834 |
3731 { |
3835 .jqx-scheduler-legend-bar-top { |
3732 border-bottom-width: 1px; |
3836 border-bottom-width: 1px; |
3733 border-bottom-style:solid; |
3837 border-bottom-style: solid; |
3734 } |
3838 } |
|
3839 |
3735 .jqx-scheduler-legend { |
3840 .jqx-scheduler-legend { |
3736 width:14px; |
3841 width: 14px; |
3737 height:14px; |
3842 height: 14px; |
3738 float: left; |
3843 float: left; |
3739 margin-right: 3px; |
3844 margin-right: 3px; |
3740 border-style:solid; |
3845 border-style: solid; |
3741 border-width:1px; |
3846 border-width: 1px; |
3742 cursor: pointer; |
3847 cursor: pointer; |
3743 vertical-align: middle; |
3848 vertical-align: middle; |
3744 margin-top:4px; |
3849 margin-top: 4px; |
3745 } |
3850 } |
|
3851 |
3746 .jqx-scheduler-legend-label { |
3852 .jqx-scheduler-legend-label { |
3747 float: left; |
3853 float: left; |
3748 margin-right: 12px; |
3854 margin-right: 12px; |
3749 cursor: pointer; |
3855 cursor: pointer; |
3750 vertical-align: middle; |
3856 vertical-align: middle; |
3751 margin-top:4px; |
3857 margin-top: 4px; |
3752 } |
3858 } |
|
3859 |
3753 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-date { |
3860 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-date { |
3754 color: #fff; |
3861 color: #fff; |
3755 } |
3862 } |
|
3863 |
3756 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-time { |
3864 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-time { |
3757 color: #fff; |
3865 color: #fff; |
3758 } |
3866 } |
|
3867 |
3759 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl { |
3868 .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl { |
3760 color: #fff; |
3869 color: #fff; |
3761 } |
3870 } |
3762 |
3871 |
3763 .jqx-scheduler-agenda-date { |
3872 .jqx-scheduler-agenda-date { |
3764 padding-top:5px; |
3873 padding-top: 5px; |
3765 padding-bottom:5px; |
3874 padding-bottom: 5px; |
3766 } |
3875 } |
|
3876 |
3767 .jqx-scheduler-agenda-time { |
3877 .jqx-scheduler-agenda-time { |
3768 padding: 5px; |
3878 padding: 5px; |
3769 } |
3879 } |
|
3880 |
3770 .jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl { |
3881 .jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl { |
3771 cursor: pointer; |
3882 cursor: pointer; |
3772 } |
3883 } |
|
3884 |
3773 .jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl { |
3885 .jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl { |
3774 margin: 5px; |
3886 margin: 5px; |
3775 cursor: pointer; |
3887 cursor: pointer; |
3776 } |
3888 } |
|
3889 |
3777 .jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl { |
3890 .jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl { |
3778 float: right; |
3891 float: right; |
3779 } |
3892 } |
|
3893 |
3780 .jqx-scheduler-agenda-day { |
3894 .jqx-scheduler-agenda-day { |
3781 margin: 3px; |
3895 margin: 3px; |
3782 font-size: 33px; |
3896 font-size: 33px; |
3783 font-weight: normal; |
3897 font-weight: normal; |
3784 } |
3898 } |
|
3899 |
3785 .jqx-scheduler-agenda-week { |
3900 .jqx-scheduler-agenda-week { |
3786 font-style: normal; |
3901 font-style: normal; |
3787 font-size:13px; |
3902 font-size: 13px; |
3788 } |
3903 } |
|
3904 |
3789 .jqx-scheduler-agenda-date { |
3905 .jqx-scheduler-agenda-date { |
3790 font-size: 10px; |
3906 font-size: 10px; |
3791 } |
3907 } |
3792 .jqx-scheduler-cell-focus |
3908 |
3793 { |
3909 .jqx-scheduler-cell-focus { |
3794 border-style:dotted; |
3910 border-style: dotted; |
3795 border-color: #59a0d5 !important; |
3911 border-color: #59a0d5 !important; |
3796 background: #59a0d5 !important; |
3912 background: #59a0d5 !important; |
3797 } |
3913 } |
3798 /*applied to all widgets*/ |
3914 /*applied to all widgets*/ |
3799 .jqx-widget{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; zoom: 1 !important; color: #000000; -moz-background-clip: padding; background-clip: padding-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-appearance: none; -webkit-background-clip: padding-box; direction: ltr !important; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px;} |
3915 .jqx-widget { |
3800 |
3916 -moz-box-sizing: content-box; |
3801 .jqx-item{-ms-touch-action: none; -moz-box-sizing: content-box; box-sizing: content-box; color: inherit; -webkit-text-size-adjust: none;} |
3917 box-sizing: content-box; |
|
3918 -ms-touch-action: none; |
|
3919 zoom: 1 !important; |
|
3920 color: #000000; |
|
3921 -moz-background-clip: padding; |
|
3922 background-clip: padding-box; |
|
3923 -webkit-text-size-adjust: none; |
|
3924 -ms-text-size-adjust: none; |
|
3925 -webkit-appearance: none; |
|
3926 -webkit-background-clip: padding-box; |
|
3927 direction: ltr !important; |
|
3928 -webkit-tap-highlight-color: rgba(0,0,0,0); |
|
3929 font-family: Verdana,Arial,sans-serif; |
|
3930 font-style: normal; |
|
3931 font-size: 13px; |
|
3932 } |
|
3933 |
|
3934 .jqx-item { |
|
3935 -ms-touch-action: none; |
|
3936 -moz-box-sizing: content-box; |
|
3937 box-sizing: content-box; |
|
3938 color: inherit; |
|
3939 -webkit-text-size-adjust: none; |
|
3940 } |
3802 |
3941 |
3803 /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/ |
3942 /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/ |
3804 .jqx-widget-content {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color: #c7c7c7; background: #fff; } |
3943 .jqx-widget-content { |
|
3944 -moz-box-sizing: content-box; |
|
3945 box-sizing: content-box; |
|
3946 -ms-touch-action: none; |
|
3947 -moz-background-clip: padding; |
|
3948 -webkit-text-size-adjust: none; |
|
3949 background-clip: padding-box; |
|
3950 -webkit-background-clip: padding-box; |
|
3951 -webkit-tap-highlight-color: rgba(0,0,0,0); |
|
3952 font-family: Verdana,Arial,sans-serif; |
|
3953 font-style: normal; |
|
3954 font-size: 13px; |
|
3955 border-color: #c7c7c7; |
|
3956 background: #fff; |
|
3957 } |
3805 /*applied to header areas. Tabs, Menu, Window, Calendar.*/ |
3958 /*applied to header areas. Tabs, Menu, Window, Calendar.*/ |
3806 .jqx-widget-header {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;-moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); border-color: #c5c5c5; background: #e8e8e8; } |
3959 .jqx-widget-header { |
3807 |
3960 -moz-box-sizing: content-box; |
3808 .jqx-fill-state-normal{-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none;font-family: Verdana,Arial,sans-serif; font-style: normal; font-size: 13px; border-color:#aaa; background: #efefef; } |
3961 box-sizing: content-box; |
3809 .jqx-fill-state-hover {-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #e8e8e8;} |
3962 -ms-touch-action: none; |
3810 .jqx-fill-state-pressed{-moz-box-sizing: content-box; box-sizing: content-box; border-color:#999; background: #d1d1d1;} |
3963 -moz-background-clip: padding; |
3811 .jqx-fill-state-focus {border-color: #555; } |
3964 -webkit-text-size-adjust: none; |
3812 .jqx-fill-state-disabled {cursor: default; color: #000; opacity: .55; filter:Alpha(Opacity=45);} |
3965 background-clip: padding-box; |
3813 .jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td { |
3966 -webkit-background-clip: padding-box; |
3814 box-sizing: border-box; -moz-box-sizing: border-box; |
3967 -webkit-tap-highlight-color: rgba(0,0,0,0); |
3815 } |
3968 border-color: #c5c5c5; |
3816 .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #aaa;} |
3969 background: #e8e8e8; |
3817 .jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton |
3970 } |
3818 { |
3971 |
3819 background-color: transparent; |
3972 .jqx-fill-state-normal { |
3820 border-color: #aaa; |
3973 -moz-box-sizing: content-box; |
3821 } |
3974 box-sizing: content-box; |
3822 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited |
3975 -ms-touch-action: none; |
3823 { |
3976 font-family: Verdana,Arial,sans-serif; |
3824 *color: expression(this.parentNode.currentStyle['color']); |
3977 font-style: normal; |
3825 } |
3978 font-size: 13px; |
3826 .jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright |
3979 border-color: #aaa; |
3827 { |
3980 background: #efefef; |
3828 background-color: #e5e5e5; |
3981 } |
3829 } |
3982 |
3830 |
3983 .jqx-fill-state-hover { |
3831 .jqx-tabs-title-selected-top |
3984 -moz-box-sizing: content-box; |
3832 { |
3985 box-sizing: content-box; |
|
3986 border-color: #999; |
|
3987 background: #e8e8e8; |
|
3988 } |
|
3989 |
|
3990 .jqx-fill-state-pressed { |
|
3991 -moz-box-sizing: content-box; |
|
3992 box-sizing: content-box; |
|
3993 border-color: #999; |
|
3994 background: #d1d1d1; |
|
3995 } |
|
3996 |
|
3997 .jqx-fill-state-focus { |
|
3998 border-color: #555; |
|
3999 } |
|
4000 |
|
4001 .jqx-fill-state-disabled { |
|
4002 cursor: default; |
|
4003 color: #000; |
|
4004 opacity: .55; |
|
4005 filter: Alpha(Opacity=45); |
|
4006 } |
|
4007 .jqx-grid.jqx-fill-state-disabled { |
|
4008 pointer-events: none; |
|
4009 } |
|
4010 .jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td { |
|
4011 box-sizing: border-box; |
|
4012 -moz-box-sizing: border-box; |
|
4013 } |
|
4014 |
|
4015 .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell { |
|
4016 border-color: #aaa; |
|
4017 } |
|
4018 |
|
4019 .jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton { |
|
4020 background-color: transparent; |
|
4021 border-color: #aaa; |
|
4022 } |
|
4023 |
|
4024 .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited { |
|
4025 } |
|
4026 |
|
4027 .jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright { |
|
4028 background-color: #e5e5e5; |
|
4029 } |
|
4030 |
|
4031 .jqx-tabs-title-selected-top { |
3833 border-color: #aaa; |
4032 border-color: #aaa; |
3834 border-bottom: 1px solid #fff; |
4033 border-bottom: 1px solid #fff; |
3835 background-color: #fff; |
4034 background-color: #fff; |
3836 } |
4035 } |
3837 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ |
4036 /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ |
3838 .jqx-tabs-title-selected-bottom |
4037 .jqx-tabs-title-selected-bottom { |
3839 { |
|
3840 border-color: #aaa; |
4038 border-color: #aaa; |
3841 border-top: 1px solid #fff; |
4039 border-top: 1px solid #fff; |
3842 background-color: #fff; |
4040 background-color: #fff; |
3843 } |
4041 } |
3844 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ |
4042 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ |
3845 .jqx-tabs-selection-tracker-top |
4043 .jqx-tabs-selection-tracker-top { |
3846 { |
4044 border-color: #aaa; |
3847 border-color: #aaa; |
4045 border-bottom: 1px solid #fff; |
3848 border-bottom: 1px solid #fff; |
|
3849 } |
4046 } |
3850 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ |
4047 /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ |
3851 .jqx-tabs-selection-tracker-bottom |
4048 .jqx-tabs-selection-tracker-bottom { |
3852 { |
4049 border-color: #aaa; |
3853 border-color: #aaa; |
4050 border-top: 1px solid #fff; |
3854 border-top: 1px solid #fff; |
|
3855 } |
4051 } |
3856 /*jqxMaskedInput and jqxNumberInput Styles*/ |
4052 /*jqxMaskedInput and jqxNumberInput Styles*/ |
3857 .jqx-input |
4053 .jqx-input { |
3858 { |
|
3859 -webkit-appearance: none; |
4054 -webkit-appearance: none; |
3860 padding: 0 0 0 0; |
4055 padding: 0 0 0 0; |
3861 outline: none; |
4056 outline: none; |
3862 border-width: 1px; |
4057 border-width: 1px; |
3863 border-style: solid; |
4058 border-style: solid; |
3864 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
4059 -moz-background-clip: padding; |
3865 } |
4060 background-clip: padding-box; |
|
4061 -webkit-background-clip: padding-box; |
|
4062 } |
|
4063 |
3866 input[type=text].jqx-input, input[type=password].jqx-input { |
4064 input[type=text].jqx-input, input[type=password].jqx-input { |
3867 min-height: 16px; |
4065 min-height: 16px; |
3868 min-width: 16px; |
4066 min-width: 16px; |
3869 margin: 0px; |
4067 margin: 0px; |
3870 border-width: 1px; |
4068 border-width: 1px; |
3871 border-style: solid; |
4069 border-style: solid; |
3872 font-size: 13px; |
4070 font-size: 13px; |
3873 padding: 0px; |
4071 padding: 3px; |
3874 padding-left:3px; |
4072 padding-left: 3px; |
3875 padding-right: 3px; |
4073 padding-right: 3px; |
3876 } |
4074 } |
|
4075 |
3877 .jqx-input::-ms-reveal { |
4076 .jqx-input::-ms-reveal { |
3878 display: none; |
4077 display: none; |
3879 } |
4078 } |
|
4079 |
3880 .jqx-input::-ms-clear { |
4080 .jqx-input::-ms-clear { |
3881 display: none; |
4081 display: none; |
3882 } |
4082 } |
|
4083 |
3883 .jqx-input-content::-ms-clear { |
4084 .jqx-input-content::-ms-clear { |
3884 display: none; |
4085 display: none; |
3885 } |
4086 } |
|
4087 |
3886 .jqx-input::-ms-value { |
4088 .jqx-input::-ms-value { |
3887 margin: 0px; |
4089 margin: 0px; |
3888 padding: 0px; |
4090 padding: 0px; |
3889 min-height: 13px; |
4091 min-height: 13px; |
3890 line-height: 13px; |
4092 line-height: 13px; |
3891 } |
4093 } |
3892 |
4094 |
3893 /*applied to the input when the validation fails.*/ |
4095 /*applied to the input when the validation fails.*/ |
3894 .jqx-input-invalid |
4096 .jqx-input-invalid { |
3895 { |
|
3896 border-color: #dd4b39 !important; |
4097 border-color: #dd4b39 !important; |
3897 } |
4098 } |
3898 |
4099 |
3899 /*applied to the input's content.*/ |
4100 /*applied to the input's content.*/ |
3900 .jqx-input-content |
4101 .jqx-input-content { |
3901 { |
|
3902 -webkit-appearance: none; |
4102 -webkit-appearance: none; |
3903 padding: 1px; |
4103 padding: 1px; |
3904 resize: none; |
4104 resize: none; |
3905 outline: none; |
4105 outline: none; |
3906 outline-width: 0px; |
4106 outline-width: 0px; |
3907 -webkit-user-modify:inherit; -moz-user-modify:inherit; |
4107 -webkit-user-modify: inherit; |
3908 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
4108 -moz-user-modify: inherit; |
|
4109 -moz-background-clip: padding; |
|
4110 background-clip: padding-box; |
|
4111 -webkit-background-clip: padding-box; |
3909 } |
4112 } |
3910 /*applied to the input when it is disabled.*/ |
4113 /*applied to the input when it is disabled.*/ |
3911 .jqx-input-disabled |
4114 .jqx-input-disabled { |
3912 { |
|
3913 -webkit-appearance: none; |
4115 -webkit-appearance: none; |
3914 resize: none; |
4116 resize: none; |
3915 outline: none; |
4117 outline: none; |
3916 outline-width: 0px; |
4118 outline-width: 0px; |
3917 } |
4119 } |
3918 /*applied to the list menu.*/ |
4120 /*applied to the list menu.*/ |
3919 .jqx-listmenu-widget { |
4121 .jqx-listmenu-widget { |
3920 -ms-touch-action: auto; |
4122 -ms-touch-action: auto; |
3921 } |
4123 } |
3922 .jqx-listmenu-widget .jqx-widget-content{ |
4124 |
3923 -ms-touch-action: auto; |
4125 .jqx-listmenu-widget .jqx-widget-content { |
3924 } |
4126 -ms-touch-action: auto; |
3925 .jqx-listmenu-widget .jqx-widget-header{ |
4127 } |
3926 -ms-touch-action: auto; |
4128 |
3927 } |
4129 .jqx-listmenu-widget .jqx-widget-header { |
3928 .jqx-listmenu-widget li{ |
4130 -ms-touch-action: auto; |
3929 -ms-touch-action: auto; |
4131 } |
3930 } |
4132 |
|
4133 .jqx-listmenu-widget li { |
|
4134 -ms-touch-action: auto; |
|
4135 } |
|
4136 |
3931 .jqx-menu-popup { |
4137 .jqx-menu-popup { |
3932 |
4138 } |
3933 } |
4139 |
3934 .jqx-menu-vertical |
4140 .jqx-menu-vertical { |
3935 { |
|
3936 background-color: #efefef; |
4141 background-color: #efefef; |
3937 } |
4142 } |
3938 .jqx-color-picker |
4143 |
3939 { |
4144 .jqx-color-picker { |
3940 |
4145 } |
3941 } |
4146 |
3942 .jqx-color-picker-panel |
4147 .jqx-color-picker-panel { |
3943 { |
4148 } |
3944 } |
4149 |
3945 .jqx-color-picker-map |
4150 .jqx-color-picker-map { |
3946 { |
|
3947 border: 1px solid #A0A0A0; |
4151 border: 1px solid #A0A0A0; |
3948 background-color: transparent; |
4152 background-color: transparent; |
3949 background-image: url('images/colorpicker/map-saturation.png'); |
4153 background-image: url('images/colorpicker/map-saturation.png'); |
3950 background-repeat: no-repeat; |
4154 background-repeat: no-repeat; |
3951 background-position: left top; |
4155 background-position: left top; |
3952 overflow: hidden; |
4156 overflow: hidden; |
3953 } |
4157 } |
3954 .jqx-color-picker-map-hue |
4158 |
3955 { |
4159 .jqx-color-picker-map-hue { |
3956 border: 1px solid #A0A0A0; |
4160 border: 1px solid #A0A0A0; |
3957 background-color: transparent; |
4161 background-color: transparent; |
3958 background-image: url('images/colorpicker/map-hue.png'); |
4162 background-image: url('images/colorpicker/map-hue.png'); |
3959 background-repeat: no-repeat; |
4163 background-repeat: no-repeat; |
3960 background-position: left top; |
4164 background-position: left top; |
3961 overflow: hidden; |
4165 overflow: hidden; |
3962 } |
4166 } |
3963 .jqx-color-picker-map-overlay |
4167 |
3964 { |
4168 .jqx-color-picker-map-overlay { |
3965 background-color: transparent; |
4169 background-color: transparent; |
3966 background-image: url('images/colorpicker/map-saturation-overlay.png'); |
4170 background-image: url('images/colorpicker/map-saturation-overlay.png'); |
3967 background-repeat: no-repeat; |
4171 background-repeat: no-repeat; |
3968 background-position: left top; |
4172 background-position: left top; |
3969 } |
4173 } |
3970 .jqx-color-picker-bar |
4174 |
3971 { |
4175 .jqx-color-picker-bar { |
3972 border: 1px solid #A0A0A0; |
4176 border: 1px solid #A0A0A0; |
3973 background-color: transparent; |
4177 background-color: transparent; |
3974 background-image: url('images/colorpicker/bar-saturation.png'); |
4178 background-image: url('images/colorpicker/bar-saturation.png'); |
3975 background-repeat: no-repeat; |
4179 background-repeat: no-repeat; |
3976 background-position: left top; |
4180 background-position: left top; |
3977 } |
4181 } |
3978 .jqx-color-picker-bar-hue |
4182 |
3979 { |
4183 .jqx-color-picker-bar-hue { |
3980 border: 1px solid #A0A0A0; |
4184 border: 1px solid #A0A0A0; |
3981 background-color: transparent; |
4185 background-color: transparent; |
3982 background-image: url('images/colorpicker/bar-hue.png'); |
4186 background-image: url('images/colorpicker/bar-hue.png'); |
3983 background-repeat: no-repeat; |
4187 background-repeat: no-repeat; |
3984 background-position: left top; |
4188 background-position: left top; |
3985 } |
4189 } |
3986 .jqx-color-picker-preview |
4190 |
3987 { |
4191 .jqx-color-picker-preview { |
3988 border: 1px solid #A0A0A0; |
4192 border: 1px solid #A0A0A0; |
3989 } |
4193 } |
3990 .jqx-color-picker-pointer |
4194 |
3991 { |
4195 .jqx-color-picker-pointer { |
3992 background-image: url('images/crosshair.png'); |
4196 background-image: url('images/crosshair.png'); |
3993 background-repeat: no-repeat; |
4197 background-repeat: no-repeat; |
3994 height: 16px; |
4198 height: 16px; |
3995 width: 16px; |
4199 width: 16px; |
3996 } |
4200 } |
3997 .jqx-color-picker-pointer-alt |
4201 |
3998 { |
4202 .jqx-color-picker-pointer-alt { |
3999 background-image: url('images/crosshair-white.png'); |
4203 background-image: url('images/crosshair-white.png'); |
4000 background-repeat: no-repeat; |
4204 background-repeat: no-repeat; |
4001 height: 16px; |
4205 height: 16px; |
4002 width: 16px; |
4206 width: 16px; |
4003 } |
4207 } |
4004 .jqx-color-picker-bar-pointer |
4208 |
4005 { |
4209 .jqx-color-picker-bar-pointer { |
4006 background-image: url('images/pointer.png'); |
4210 background-image: url('images/pointer.png'); |
4007 background-repeat: no-repeat; |
4211 background-repeat: no-repeat; |
4008 height: 15px; |
4212 height: 15px; |
4009 margin-left: 6px; |
4213 margin-left: 6px; |
4010 background-position: right top; |
4214 background-position: right top; |
4011 } |
4215 } |
4012 .jqx-icon |
4216 |
4013 { |
4217 .jqx-icon { |
4014 width: 16px; |
4218 width: 16px; |
4015 height: 16px; |
4219 height: 16px; |
4016 margin: 0 auto; |
4220 margin: 0 auto; |
4017 position: relative; |
4221 position: relative; |
4018 top: 50%; |
4222 top: 50%; |
4019 margin-top: -8px; |
4223 margin-top: -8px; |
4020 } |
4224 } |
4021 .jqx-input-icon |
4225 |
4022 { |
4226 .jqx-input-icon { |
4023 width: 13px; |
4227 width: 13px; |
4024 height: 13px; |
4228 height: 13px; |
4025 margin: 0 auto; |
4229 margin: 0 auto; |
4026 } |
4230 } |
4027 .jqx-scrollbar-thumb-state-normal-touch |
4231 |
4028 { |
4232 .jqx-scrollbar-thumb-state-normal-touch { |
4029 border-color:#c3c3c3; background: #c3c3c3; |
4233 border-color: #c3c3c3; |
4030 } |
4234 background: #c3c3c3; |
4031 .jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link{} |
4235 } |
4032 .jqx-scrollbar .jqx-icon-arrow-up{width: 100%; height: 100%;} |
4236 |
4033 .jqx-scrollbar .jqx-icon-arrow-down{width: 100%; height: 100%;} |
4237 .jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link { |
4034 .jqx-scrollbar .jqx-icon-arrow-left{width: 100%; height: 100%;} |
4238 } |
4035 .jqx-scrollbar .jqx-icon-arrow-right{width: 100%; height: 100%;} |
4239 |
|
4240 .jqx-scrollbar .jqx-icon-arrow-up { |
|
4241 width: 100%; |
|
4242 height: 100%; |
|
4243 } |
|
4244 |
|
4245 .jqx-scrollbar .jqx-icon-arrow-down { |
|
4246 width: 100%; |
|
4247 height: 100%; |
|
4248 } |
|
4249 |
|
4250 .jqx-scrollbar .jqx-icon-arrow-left { |
|
4251 width: 100%; |
|
4252 height: 100%; |
|
4253 } |
|
4254 |
|
4255 .jqx-scrollbar .jqx-icon-arrow-right { |
|
4256 width: 100%; |
|
4257 height: 100%; |
|
4258 } |
4036 /*jqx-listmenu*/ |
4259 /*jqx-listmenu*/ |
4037 .jqx-listmenu-widget |
4260 .jqx-listmenu-widget { |
4038 { |
|
4039 border-width: 1px; |
4261 border-width: 1px; |
4040 border-style: solid; |
4262 border-style: solid; |
4041 } |
4263 } |
4042 ol.jqx-listmenu, ul.jqx-listmenu |
4264 |
4043 { |
4265 ol.jqx-listmenu, ul.jqx-listmenu { |
4044 margin: 0; |
4266 margin: 0; |
4045 padding: 0; |
4267 padding: 0; |
4046 border: 0; |
4268 border: 0; |
4047 outline: 0; |
4269 outline: 0; |
4048 font-size: 100%; |
4270 font-size: 100%; |
4049 vertical-align: baseline; |
4271 vertical-align: baseline; |
4050 line-height: 1; |
4272 line-height: 1; |
4051 counter-reset: section; |
4273 counter-reset: section; |
4052 } |
4274 } |
4053 .jqx-listmenu li |
4275 |
4054 { |
4276 .jqx-listmenu li { |
4055 margin-left: 0px; |
4277 margin-left: 0px; |
4056 list-style: none; |
4278 list-style: none; |
4057 line-height: 1; |
4279 line-height: 1; |
4058 } |
4280 } |
4059 .jqx-listmenu |
4281 |
4060 { |
4282 .jqx-listmenu { |
4061 width: 100%; |
4283 width: 100%; |
4062 } |
4284 } |
4063 .jqx-listmenu-header |
4285 |
4064 { |
4286 .jqx-listmenu-header { |
4065 padding: 15px; |
4287 padding: 15px; |
4066 } |
4288 } |
4067 .jqx-listmenu-item |
4289 |
4068 { |
4290 .jqx-listmenu-item { |
4069 cursor: pointer; |
4291 cursor: pointer; |
4070 padding: 15px; |
4292 padding: 15px; |
4071 float: none; |
4293 float: none; |
4072 overflow: hidden; |
4294 overflow: hidden; |
4073 text-align: left; |
4295 text-align: left; |
4074 position: relative; |
4296 position: relative; |
4075 } |
4297 } |
4076 |
4298 |
4077 .jqx-listmenu-separator |
4299 .jqx-listmenu-separator { |
4078 { |
|
4079 padding: 10px; |
4300 padding: 10px; |
4080 counter-reset: section; |
4301 counter-reset: section; |
4081 } |
4302 } |
4082 .jqx-listmenu-header-label |
4303 |
4083 { |
4304 .jqx-listmenu-header-label { |
4084 margin-left: 30px; |
4305 margin-left: 30px; |
4085 } |
4306 } |
4086 .jqx-listmenu-arrow-right |
4307 |
4087 { |
4308 .jqx-listmenu-arrow-right { |
4088 width: 16px; |
4309 width: 16px; |
4089 height: 16px; |
4310 height: 16px; |
4090 position: absolute; |
4311 position: absolute; |
4091 top: 50%; |
4312 top: 50%; |
4092 margin-top: -7px; |
4313 margin-top: -7px; |
4093 right: 7px; |
4314 right: 7px; |
4094 } |
4315 } |
|
4316 |
4095 .jqx-listmenu-arrow-rtl { |
4317 .jqx-listmenu-arrow-rtl { |
4096 right: 0px; |
4318 right: 0px; |
4097 left: 7px; |
4319 left: 7px; |
4098 } |
4320 } |
4099 .jqx-listmenu-arrow-right-pressed |
4321 |
4100 { |
4322 .jqx-listmenu-arrow-right-pressed { |
4101 width: 16px; |
4323 width: 16px; |
4102 height: 16px; |
4324 height: 16px; |
4103 } |
4325 } |
4104 .jqx-listmenu-header .jqx-button |
4326 |
4105 { |
4327 .jqx-listmenu-header .jqx-button { |
4106 -moz-border-radius: 10px; |
4328 -moz-border-radius: 10px; |
4107 -webkit-border-radius: 10px; |
4329 -webkit-border-radius: 10px; |
4108 border-radius: 10px; |
4330 border-radius: 10px; |
4109 padding: 6px 10px; |
4331 padding: 6px 10px; |
4110 } |
4332 } |
4111 .jqx-listmenu-filter-input |
4333 |
4112 { |
4334 .jqx-listmenu-filter-input { |
4113 -moz-border-radius: 3px; |
4335 -moz-border-radius: 3px; |
4114 -webkit-border-radius: 3px; |
4336 -webkit-border-radius: 3px; |
4115 border-radius: 3px; |
4337 border-radius: 3px; |
4116 border: 1px solid; |
4338 border: 1px solid; |
4117 outline: none; |
4339 outline: none; |
4118 width: 97%; |
4340 width: 97%; |
4119 padding: 3px; |
4341 padding: 3px; |
4120 padding-left: 10px; |
4342 padding-left: 10px; |
4121 padding-right: 10px; |
4343 padding-right: 10px; |
4122 border-color: #c7c7c7; |
4344 border-color: #c7c7c7; |
4123 background-color: #fff; |
4345 background-color: #fff; |
4124 font-size: 20px; |
4346 font-size: 20px; |
4125 min-height: 25px !important; |
4347 min-height: 25px !important; |
4126 height: 25px; |
4348 height: 25px; |
4127 } |
4349 } |
4128 .jqx-listmenu-filter |
4350 |
4129 { |
4351 .jqx-listmenu-filter { |
4130 text-align: center; |
4352 text-align: center; |
4131 padding: 4px; |
4353 padding: 4px; |
4132 } |
4354 } |
4133 ol li .jqx-listmenu-item-label:before |
4355 |
4134 { |
4356 ol li .jqx-listmenu-item-label:before { |
4135 content: counter(section) ". "; |
4357 content: counter(section) ". "; |
4136 counter-increment: section; |
4358 counter-increment: section; |
4137 } |
4359 } |
4138 .jqx-listmenu div |
4360 |
4139 { |
4361 .jqx-listmenu div { |
4140 clear: both; |
4362 clear: both; |
4141 } |
4363 } |
4142 .jqx-listmenu-auto-separator |
4364 |
4143 { |
4365 .jqx-listmenu-auto-separator { |
4144 } |
4366 } |
4145 .jqx-listmenu-item-readonly |
4367 |
4146 { |
4368 .jqx-listmenu-item-readonly { |
4147 cursor: default; |
4369 cursor: default; |
4148 } |
4370 } |
4149 .jqx-tooltip |
4371 |
4150 { |
4372 .jqx-tooltip { |
4151 position: absolute; |
4373 position: absolute; |
4152 width: auto; |
4374 width: auto; |
4153 height: auto; |
4375 height: auto; |
4154 } |
4376 } |
4155 .jqx-tooltip-main |
4377 |
4156 { |
4378 .jqx-tooltip-main { |
4157 position: relative; |
4379 position: relative; |
4158 width: 100%; |
4380 width: 100%; |
4159 height: 100%; |
4381 height: 100%; |
4160 text-align: center; |
4382 text-align: center; |
4161 filter: inherit; |
4383 filter: inherit; |
4162 border-style: solid; |
4384 border-style: solid; |
4163 border-width: 1px; |
4385 border-width: 1px; |
4164 } |
4386 } |
4165 .jqx-tooltip-text |
4387 |
4166 { |
4388 .jqx-tooltip-text { |
4167 padding: 5px 8px; |
4389 padding: 5px 8px; |
4168 overflow: hidden; |
4390 overflow: hidden; |
4169 filter: inherit; |
4391 filter: inherit; |
4170 } |
4392 } |
|
4393 |
4171 .jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main { |
4394 .jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main { |
4172 -moz-border-radius: 5px; |
4395 -moz-border-radius: 5px; |
4173 -webkit-border-radius: 5px; |
4396 -webkit-border-radius: 5px; |
4174 border-radius: 5px; |
4397 border-radius: 5px; |
4175 -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; |
4398 -moz-background-clip: padding; |
4176 } |
4399 background-clip: padding-box; |
4177 .jqx-tooltip-arrow |
4400 -webkit-background-clip: padding-box; |
4178 { |
4401 } |
|
4402 |
|
4403 .jqx-tooltip-arrow { |
4179 position: absolute; |
4404 position: absolute; |
4180 width: 0px; |
4405 width: 0px; |
4181 height: 0px; |
4406 height: 0px; |
4182 display: block; |
4407 display: block; |
4183 border-style: solid; |
4408 border-style: solid; |
4184 margin: -6px 0 0 -7px; |
4409 margin: -6px 0 0 -7px; |
4185 background: transparent !important; |
4410 background: transparent !important; |
4186 filter: inherit; |
4411 filter: inherit; |
4187 } |
4412 } |
4188 .jqx-tooltip-arrow-t-b |
4413 |
4189 { |
4414 .jqx-tooltip-arrow-t-b { |
4190 border-left-color: transparent !important; |
4415 border-left-color: transparent !important; |
4191 border-right-color: transparent !important; |
4416 border-right-color: transparent !important; |
4192 } |
4417 } |
4193 .jqx-tooltip-arrow-l-r |
4418 |
4194 { |
4419 .jqx-tooltip-arrow-l-r { |
4195 border-top-color: transparent !important; |
4420 border-top-color: transparent !important; |
4196 border-bottom-color: transparent !important; |
4421 border-bottom-color: transparent !important; |
4197 } |
4422 } |
4198 /*Sets the text-alignment to right.*/ |
4423 /*Sets the text-alignment to right.*/ |
4199 .jqx-rtl{text-align: right !important;} |
4424 .jqx-rtl { |
4200 .jqx-shadow{ |
4425 text-align: right !important; |
4201 -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15)!important; |
4426 } |
4202 -moz-box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; |
4427 |
4203 box-shadow : 0 2px 3px rgba(0,0,0,.15)!important; |
4428 .jqx-shadow { |
4204 } |
4429 -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15) !important; |
|
4430 -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15) !important; |
|
4431 box-shadow: 0 2px 3px rgba(0,0,0,.15) !important; |
|
4432 } |
|
4433 |
4205 .jqx-noshadow { |
4434 .jqx-noshadow { |
4206 -webkit-box-shadow: none !important; |
4435 -webkit-box-shadow: none !important; |
4207 -moz-box-shadow : none !important; |
4436 -moz-box-shadow: none !important; |
4208 box-shadow : none !important; |
4437 box-shadow: none !important; |
4209 } |
4438 } |
4210 .jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl |
4439 |
4211 { |
4440 .jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl { |
4212 background-image: url(images/icon-showpassword.png) !important; |
4441 background-image: url(./images/icon-showpassword.png) !important; |
4213 background-repeat: no-repeat !important; |
4442 background-repeat: no-repeat !important; |
4214 width: 14px; |
4443 width: 14px; |
4215 height: 9px; |
4444 height: 9px; |
4216 } |
4445 } |
4217 .jqx-passwordinput-password-icon-ltr |
4446 |
4218 { |
4447 .jqx-passwordinput-password-icon-ltr { |
4219 background-position: right !important; |
4448 background-position: right !important; |
4220 } |
4449 } |
4221 .jqx-passwordinput-password-icon-rtl |
4450 |
4222 { |
4451 .jqx-passwordinput-password-icon-rtl { |
4223 background-position: left !important; |
4452 background-position: left !important; |
4224 } |
4453 } |
4225 .jqx-passwordinput-password-strength-inicator |
4454 |
4226 { |
4455 .jqx-passwordinput-password-strength-inicator { |
4227 width: 20%; |
4456 width: 20%; |
4228 height: 5px; |
4457 height: 5px; |
4229 margin-top: 5px; |
4458 margin-top: 5px; |
4230 } |
4459 } |
4231 /*top rounded Corners*/ |
4460 /*top rounded Corners*/ |
4232 .jqx-rc-t-expanded |
4461 .jqx-rc-t-expanded { |
4233 { |
|
4234 -moz-border-radius-topleft: 0px !important; |
4462 -moz-border-radius-topleft: 0px !important; |
4235 -webkit-border-top-left-radius: 0px !important; |
4463 -webkit-border-top-left-radius: 0px !important; |
4236 border-top-left-radius: 0px !important; |
4464 border-top-left-radius: 0px !important; |
4237 -moz-border-radius-topright: 0px !important; |
4465 -moz-border-radius-topright: 0px !important; |
4238 -webkit-border-top-right-radius: 0px !important; |
4466 -webkit-border-top-right-radius: 0px !important; |
4239 border-top-right-radius: 0px !important; |
4467 border-top-right-radius: 0px !important; |
4240 } |
4468 } |
4241 /*bottom rounded Corners*/ |
4469 /*bottom rounded Corners*/ |
4242 .jqx-rc-b-expanded |
4470 .jqx-rc-b-expanded { |
4243 { |
|
4244 -moz-border-radius-bottomleft: 0px !important; |
4471 -moz-border-radius-bottomleft: 0px !important; |
4245 -webkit-border-bottom-left-radius: 0px !important; |
4472 -webkit-border-bottom-left-radius: 0px !important; |
4246 border-bottom-left-radius: 0px !important; |
4473 border-bottom-left-radius: 0px !important; |
4247 -moz-border-radius-bottomright: 0px !important; |
4474 -moz-border-radius-bottomright: 0px !important; |
4248 -webkit-border-bottom-right-radius: 0px !important; |
4475 -webkit-border-bottom-right-radius: 0px !important; |
4249 border-bottom-right-radius: 0px !important; |
4476 border-bottom-right-radius: 0px !important; |
4250 } |
4477 } |
|
4478 |
4251 .jqx-treemap-rectangle { |
4479 .jqx-treemap-rectangle { |
4252 font-size: 13px; |
4480 font-size: 13px; |
4253 font-weight: normal; |
4481 font-weight: normal; |
4254 border: 1px solid #555; |
4482 border: 1px solid #555; |
4255 color: #222; |
4483 color: #222; |
4256 text-shadow: 0px 0px 0px; |
4484 text-shadow: 0px 0px 0px; |
4257 overflow: hidden; |
4485 overflow: hidden; |
4258 text-overflow: ellipsis; |
4486 text-overflow: ellipsis; |
4259 } |
4487 } |
|
4488 |
4260 .jqx-treemap-label { |
4489 .jqx-treemap-label { |
4261 text-overflow: ellipsis; |
4490 text-overflow: ellipsis; |
4262 overflow: hidden; |
4491 overflow: hidden; |
4263 } |
4492 } |
|
4493 |
4264 .jqx-treemap-rectangle-parent { |
4494 .jqx-treemap-rectangle-parent { |
4265 color: #222; |
4495 color: #222; |
4266 font-size: 15px; |
4496 font-size: 15px; |
4267 font-family: Verdana; |
4497 font-family: Verdana; |
4268 font-weight: bold; |
4498 font-weight: bold; |
4269 } |
4499 } |
|
4500 |
4270 .jqx-treemap-legend-label { |
4501 .jqx-treemap-legend-label { |
4271 color: #fff; |
4502 color: #fff; |
4272 } |
4503 } |
|
4504 |
4273 .jqx-treemap-legend { |
4505 .jqx-treemap-legend { |
4274 width: 350px; |
4506 width: 350px; |
4275 background-color: rgba(0, 0, 0, 0.1); |
4507 background-color: rgba(0, 0, 0, 0.1); |
4276 z-index: 41; |
4508 z-index: 41; |
4277 overflow: hidden; |
4509 overflow: hidden; |
4278 } |
4510 } |
|
4511 |
4279 .jqx-treemap-legend-table { |
4512 .jqx-treemap-legend-table { |
4280 table-layout: fixed; |
4513 table-layout: fixed; |
4281 width: 100%; |
4514 width: 100%; |
4282 } |
4515 } |
|
4516 |
4283 .jqx-treemap-legend-color { |
4517 .jqx-treemap-legend-color { |
4284 height: 3px; |
4518 height: 3px; |
4285 } |
4519 } |
|
4520 |
4286 .jqx-treemap-legend-values { |
4521 .jqx-treemap-legend-values { |
4287 height: 12px; |
4522 height: 12px; |
4288 width: 100%; |
4523 width: 100%; |
4289 } |
4524 } |
|
4525 |
4290 .jqx-treemap-legend-value { |
4526 .jqx-treemap-legend-value { |
4291 font-size: 9px; |
4527 font-size: 9px; |
4292 position: absolute; |
4528 position: absolute; |
4293 color: #fff; |
4529 color: #fff; |
4294 } |
4530 } |
|
4531 |
4295 .jqx-treemap-rectangle-hover { |
4532 .jqx-treemap-rectangle-hover { |
4296 -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4533 -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4297 -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4534 -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4298 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4535 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); |
4299 z-index: 40; |
4536 z-index: 40; |
4300 } |
4537 } |
4301 /*jqxRangeSelector*/ |
4538 /*jqxRangeSelector*/ |
4302 .jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers, |
4539 .jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers, |
4303 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter |
4540 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter { |
4304 { |
|
4305 box-shadow: none !important; |
4541 box-shadow: none !important; |
4306 -webkit-box-shadow: none !important; |
4542 -webkit-box-shadow: none !important; |
4307 -moz-box-shadow: none !important; |
4543 -moz-box-shadow: none !important; |
4308 box-sizing: content-box !important; |
4544 box-sizing: content-box !important; |
4309 } |
4545 } |
|
4546 |
4310 .jqx-rangeselector-markers { |
4547 .jqx-rangeselector-markers { |
4311 |
4548 } |
4312 } |
4549 |
4313 .jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow |
4550 .jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow { |
4314 { |
|
4315 position: absolute; |
4551 position: absolute; |
4316 } |
4552 } |
4317 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider |
4553 |
4318 { |
4554 .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider { |
4319 height: 100%; |
4555 height: 100%; |
4320 } |
4556 } |
4321 .jqx-rangeselector-ticks-container, .jqx-rangeselector-slider |
4557 |
4322 { |
4558 .jqx-rangeselector-ticks-container, .jqx-rangeselector-slider { |
4323 width: 100%; |
4559 width: 100%; |
4324 box-shadow: none !important; |
4560 box-shadow: none !important; |
4325 -webkit-box-shadow: none !important; |
4561 -webkit-box-shadow: none !important; |
4326 -moz-box-shadow: none !important; |
4562 -moz-box-shadow: none !important; |
4327 -moz-border-radius: 0px !important; |
4563 -moz-border-radius: 0px !important; |
4328 -webkit-border-radius: 0px !important; |
4564 -webkit-border-radius: 0px !important; |
4329 border-radius: 0px !important; |
4565 border-radius: 0px !important; |
4330 } |
4566 } |
4331 .jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider |
4567 |
4332 { |
4568 .jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider { |
4333 float: left; |
4569 float: left; |
4334 } |
4570 } |
4335 .jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow |
4571 |
4336 { |
4572 .jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow { |
4337 border-style: solid; |
4573 border-style: solid; |
4338 } |
4574 } |
4339 .jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks |
4575 |
4340 { |
4576 .jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks { |
4341 width: 1px; |
4577 width: 1px; |
4342 background: #aaa; |
4578 background: #aaa; |
4343 } |
4579 } |
4344 .jqx-rangeselector-labels, .jqx-rangeselector-markers |
4580 |
4345 { |
4581 .jqx-rangeselector-labels, .jqx-rangeselector-markers { |
4346 white-space: nowrap; |
4582 white-space: nowrap; |
4347 width: auto; |
4583 width: auto; |
4348 } |
4584 } |
4349 .jqx-rangeselector-slider, .jqx-rangeselector-markers |
4585 |
4350 { |
4586 .jqx-rangeselector-slider, .jqx-rangeselector-markers { |
4351 border-width: 1px !important; |
4587 border-width: 1px !important; |
4352 } |
4588 } |
4353 .jqx-rangeselector-ticks-container |
4589 |
4354 { |
4590 .jqx-rangeselector-ticks-container { |
4355 background-color: transparent; |
4591 background-color: transparent; |
4356 position: relative; |
4592 position: relative; |
4357 } |
4593 } |
4358 .jqx-rangeselector-shutter |
4594 |
4359 { |
4595 .jqx-rangeselector-shutter { |
4360 opacity: 0.75; |
4596 opacity: 0.75; |
4361 background: #efefef; |
4597 background: #efefef; |
4362 border-width: 0px !important; |
4598 border-width: 0px !important; |
4363 } |
4599 } |
4364 .jqx-rangeselector-slider |
4600 |
4365 { |
4601 .jqx-rangeselector-slider { |
4366 background-color: transparent !important; |
4602 background-color: transparent !important; |
4367 border-top: none !important; |
4603 border-top: none !important; |
4368 background-image: none !important; |
4604 background-image: none !important; |
4369 border-bottom: none !important; |
4605 border-bottom: none !important; |
4370 border-color: #aaa; |
4606 border-color: #aaa; |
4371 border-right-color: transparent !important; |
4607 border-right-color: transparent !important; |
4372 position: relative; |
4608 position: relative; |
4373 overflow: hidden; |
4609 overflow: hidden; |
4374 } |
4610 } |
4375 .jqx-rangeselector-inner-slider |
4611 |
4376 { |
4612 .jqx-rangeselector-inner-slider { |
4377 position: absolute; |
4613 position: absolute; |
4378 right: 0; |
4614 right: 0; |
4379 background: #aaa; |
4615 background: #aaa; |
4380 width: 1px; |
4616 width: 1px; |
4381 height: 100%; |
4617 height: 100%; |
4382 } |
4618 } |
4383 .jqx-rangeselector-ticks |
4619 |
4384 { |
4620 .jqx-rangeselector-ticks { |
4385 margin-top: 0px; |
4621 margin-top: 0px; |
4386 } |
4622 } |
4387 .jqx-rangeselector-labels, .jqx-rangeselector-group-labels |
4623 |
4388 { |
4624 .jqx-rangeselector-labels, .jqx-rangeselector-group-labels { |
4389 margin-top: 4px; |
4625 margin-top: 4px; |
4390 } |
4626 } |
4391 .jqx-rangeselector-markers |
4627 |
4392 { |
4628 .jqx-rangeselector-markers { |
4393 height: 20px; |
4629 height: 20px; |
4394 padding: 5px; |
4630 padding: 5px; |
4395 opacity: 0.75; |
4631 opacity: 0.75; |
4396 } |
4632 } |
4397 .jqx-rangeselector-marker-arrow |
4633 |
4398 { |
4634 .jqx-rangeselector-marker-arrow { |
4399 width: 0px; |
4635 width: 0px; |
4400 height: 0px; |
4636 height: 0px; |
4401 display: block; |
4637 display: block; |
4402 margin: -6px 0 0 -7px; |
4638 margin: -6px 0 0 -7px; |
4403 background-color: transparent !important; |
4639 background-color: transparent !important; |
4410 background-repeat: repeat; |
4646 background-repeat: repeat; |
4411 box-shadow: none !important; |
4647 box-shadow: none !important; |
4412 -webkit-box-shadow: none !important; |
4648 -webkit-box-shadow: none !important; |
4413 background-image: none !important; |
4649 background-image: none !important; |
4414 } |
4650 } |
|
4651 |
4415 .jqx-rangeselector-marker-arrow-top { |
4652 .jqx-rangeselector-marker-arrow-top { |
4416 border-bottom-color: transparent !important; |
4653 border-bottom-color: transparent !important; |
4417 } |
4654 } |
|
4655 |
4418 .jqx-rangeselector-marker-arrow-bottom { |
4656 .jqx-rangeselector-marker-arrow-bottom { |
4419 border-top-color: transparent !important; |
4657 border-top-color: transparent !important; |
4420 } |
4658 } |
4421 .jqx-rangeselector-marker-left-arrow |
4659 |
4422 { |
4660 .jqx-rangeselector-marker-left-arrow { |
4423 border-right-width: 0px; |
4661 border-right-width: 0px; |
4424 border-left-width: 5px; |
4662 border-left-width: 5px; |
4425 } |
4663 } |
4426 .jqx-rangeselector-marker-right-arrow |
4664 |
4427 { |
4665 .jqx-rangeselector-marker-right-arrow { |
4428 border-right-width: 5px; |
4666 border-right-width: 5px; |
4429 border-left-width: 0px; |
4667 border-left-width: 0px; |
4430 } |
4668 } |
4431 .jqx-rangeselector-markers-value |
4669 |
4432 { |
4670 .jqx-rangeselector-markers-value { |
4433 overflow: hidden; |
4671 overflow: hidden; |
4434 white-space: nowrap; |
4672 white-space: nowrap; |
4435 } |
4673 } |
4436 .jqx-rangeselector-group-labels-rtl |
4674 |
4437 { |
4675 .jqx-rangeselector-group-labels-rtl { |
4438 margin-right: 10px; |
4676 margin-right: 10px; |
4439 direction: rtl; |
4677 direction: rtl; |
4440 } |
4678 } |
4441 .jqx-rangeselector-group-labels-ticks |
4679 |
4442 { |
4680 .jqx-rangeselector-group-labels-ticks { |
4443 height: 17px; |
4681 height: 17px; |
4444 } |
4682 } |
4445 .jqx-rangeselector-group-labels-ticks-rtl |
4683 |
4446 { |
4684 .jqx-rangeselector-group-labels-ticks-rtl { |
4447 margin-left: 5px; |
4685 margin-left: 5px; |
4448 } |
4686 } |
|
4687 |
4449 .jqx-action-button { |
4688 .jqx-action-button { |
4450 border: none; |
4689 border: none; |
4451 border-left: 1px solid #c7c7c7; |
4690 border-left: 1px solid #c7c7c7; |
4452 } |
4691 } |
|
4692 |
4453 .jqx-action-button-rtl { |
4693 .jqx-action-button-rtl { |
4454 border: none; |
4694 border: none; |
4455 border-right: 1px solid #c7c7c7; |
4695 border-right: 1px solid #c7c7c7; |
4456 cursor: pointer; |
4696 cursor: pointer; |
4457 } |
4697 } |
4458 /*jqxBulletChart*/ |
4698 /*jqxBulletChart*/ |
4459 .jqx-bulletchart |
4699 .jqx-bulletchart { |
4460 { |
4700 } |
4461 } |
4701 |
4462 .jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical |
4702 .jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical { |
4463 { |
|
4464 position: relative; |
4703 position: relative; |
4465 } |
4704 } |
4466 .jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels |
4705 |
4467 { |
4706 .jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels { |
4468 position: absolute; |
4707 position: absolute; |
4469 } |
4708 } |
4470 .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical |
4709 |
4471 { |
4710 .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical { |
4472 width: 100%; |
4711 width: 100%; |
4473 } |
4712 } |
4474 .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal |
4713 |
4475 { |
4714 .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal { |
4476 float: left; |
4715 float: left; |
4477 overflow: hidden; |
4716 overflow: hidden; |
4478 } |
4717 } |
4479 .jqx-bulletchart-title, .jqx-bulletchart-description |
4718 |
4480 { |
4719 .jqx-bulletchart-title, .jqx-bulletchart-description { |
4481 text-align: center; |
4720 text-align: center; |
4482 } |
4721 } |
4483 .jqx-bulletchart-title-inner-container |
4722 |
4484 { |
4723 .jqx-bulletchart-title-inner-container { |
4485 margin: auto; |
4724 margin: auto; |
4486 top: 0; |
4725 top: 0; |
4487 left: 0; |
4726 left: 0; |
4488 right: 0; |
4727 right: 0; |
4489 bottom: 0; |
4728 bottom: 0; |
4490 } |
4729 } |
4491 .jqx-bulletchart-title-inner-container-ltr |
4730 |
4492 { |
4731 .jqx-bulletchart-title-inner-container-ltr { |
4493 padding-right: 5px; |
4732 padding-right: 5px; |
4494 } |
4733 } |
4495 .jqx-bulletchart-title-inner-container-rtl |
4734 |
4496 { |
4735 .jqx-bulletchart-title-inner-container-rtl { |
4497 padding-left: 5px; |
4736 padding-left: 5px; |
4498 } |
4737 } |
4499 .jqx-bulletchart-title-description-ltr |
4738 |
4500 { |
4739 .jqx-bulletchart-title-description-ltr { |
4501 text-align: right; |
4740 text-align: right; |
4502 } |
4741 } |
4503 .jqx-bulletchart-title-description-rtl |
4742 |
4504 { |
4743 .jqx-bulletchart-title-description-rtl { |
4505 text-align: left; |
4744 text-align: left; |
4506 } |
4745 } |
4507 .jqx-bulletchart-title-description-vertical |
4746 |
4508 { |
4747 .jqx-bulletchart-title-description-vertical { |
4509 text-align: center; |
4748 text-align: center; |
4510 } |
4749 } |
4511 .jqx-bulletchart-title |
4750 |
4512 { |
4751 .jqx-bulletchart-title { |
4513 font-size: 110%; |
4752 font-size: 110%; |
4514 font-weight: bold; |
4753 font-weight: bold; |
4515 } |
4754 } |
4516 .jqx-bulletchart-description |
4755 |
4517 { |
4756 .jqx-bulletchart-description { |
4518 font-size: 90%; |
4757 font-size: 90%; |
4519 } |
4758 } |
4520 .jqx-bulletchart-range-horizontal |
4759 |
4521 { |
4760 .jqx-bulletchart-range-horizontal { |
4522 height: 100%; |
4761 height: 100%; |
4523 } |
4762 } |
4524 .jqx-bulletchart-target-horizontal |
4763 |
4525 { |
4764 .jqx-bulletchart-target-horizontal { |
4526 top: 10%; |
4765 top: 10%; |
4527 height: 80%; |
4766 height: 80%; |
4528 } |
4767 } |
4529 .jqx-bulletchart-target-vertical |
4768 |
4530 { |
4769 .jqx-bulletchart-target-vertical { |
4531 left: 10%; |
4770 left: 10%; |
4532 width: 80%; |
4771 width: 80%; |
4533 } |
4772 } |
4534 .jqx-bulletchart-ticks |
4773 |
4535 { |
4774 .jqx-bulletchart-ticks { |
4536 background-color: #AAAAAA; |
4775 background-color: #AAAAAA; |
4537 } |
4776 } |
4538 .jqx-bulletchart-ticks-horizontal |
4777 |
4539 { |
4778 .jqx-bulletchart-ticks-horizontal { |
4540 width: 1px; |
4779 width: 1px; |
4541 } |
4780 } |
4542 .jqx-bulletchart-ticks-vertical |
4781 |
4543 { |
4782 .jqx-bulletchart-ticks-vertical { |
4544 height: 1px; |
4783 height: 1px; |
4545 } |
4784 } |
4546 .jqx-bulletchart-zero-tick |
4785 |
4547 { |
4786 .jqx-bulletchart-zero-tick { |
4548 } |
4787 } |
4549 .jqx-bulletchart-labels |
4788 |
4550 { |
4789 .jqx-bulletchart-labels { |
4551 } |
4790 } |
4552 /*jqxNotification*/ |
4791 /*jqxNotification*/ |
4553 .jqx-notification |
4792 .jqx-notification { |
4554 { |
|
4555 padding: 10px; |
4793 padding: 10px; |
4556 border-width: 1px; |
4794 border-width: 1px; |
4557 border-style: solid; |
4795 border-style: solid; |
4558 box-sizing: border-box; |
4796 box-sizing: border-box; |
4559 pointer-events: auto; |
4797 pointer-events: auto; |
4560 } |
4798 } |
4561 .jqx-notification-table |
4799 |
4562 { |
4800 .jqx-notification-table { |
4563 width: 100%; |
4801 width: 100%; |
4564 font-size: inherit; |
4802 font-size: inherit; |
4565 font-weight: inherit; |
4803 font-weight: inherit; |
4566 font-style: inherit; |
4804 font-style: inherit; |
4567 color:inherit; |
4805 color: inherit; |
4568 } |
4806 } |
4569 .jqx-notification-container |
4807 |
4570 { |
4808 .jqx-notification-container { |
4571 position: fixed; |
4809 position: fixed; |
4572 height: auto; |
4810 height: auto; |
4573 width: auto; |
4811 width: auto; |
4574 pointer-events: none; |
4812 pointer-events: none; |
4575 } |
4813 } |
4576 .jqx-notification-container-full-width |
4814 |
4577 { |
4815 .jqx-notification-container-full-width { |
4578 width: 100%; |
4816 width: 100%; |
4579 } |
4817 } |
4580 .jqx-notification-container-full-height |
4818 |
4581 { |
4819 .jqx-notification-container-full-height { |
4582 height: 100%; |
4820 height: 100%; |
4583 } |
4821 } |
4584 #jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left |
4822 |
4585 { |
4823 #jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left { |
4586 direction: rtl; |
4824 direction: rtl; |
4587 } |
4825 } |
4588 .jqx-notification-icon, .jqx-notification-content |
4826 |
4589 { |
4827 .jqx-notification-icon, .jqx-notification-content { |
4590 vertical-align: middle; |
4828 vertical-align: middle; |
4591 } |
4829 } |
4592 .jqx-notification-content |
4830 |
4593 { |
4831 .jqx-notification-content { |
4594 } |
4832 } |
4595 .jqx-notification-content-rtl |
4833 |
4596 { |
4834 .jqx-notification-content-rtl { |
4597 direction: rtl; |
4835 direction: rtl; |
4598 } |
4836 } |
|
4837 |
4599 .jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info { |
4838 .jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info { |
4600 background: none !important; |
4839 background: none !important; |
4601 box-shadow: none !important; |
4840 box-shadow: none !important; |
4602 text-shadow: none !important; |
4841 text-shadow: none !important; |
4603 } |
4842 } |
4604 |
4843 |
4605 .jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed { |
4844 .jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed { |
4606 background-image: url('images/icon-calendar-white.png'); |
4845 background-image: url('images/icon-calendar-white.png'); |
4607 } |
4846 } |
4608 .jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed { |
4847 |
4609 background-image: url('images/icon-time-white.png'); |
4848 .jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed { |
4610 } |
4849 background-image: url('images/icon-time-white.png'); |
4611 .jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed { |
4850 } |
4612 background-image: url('images/icon-calendar-white.png'); |
4851 |
4613 } |
4852 .jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed { |
4614 .jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed { |
4853 background-image: url('images/icon-calendar-white.png'); |
4615 background-image: url('images/icon-time-white.png'); |
4854 } |
4616 } |
4855 |
4617 .jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed { |
4856 .jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed { |
4618 background-image: url('images/icon-calendar-white.png'); |
4857 background-image: url('images/icon-time-white.png'); |
4619 } |
4858 } |
4620 .jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed { |
4859 |
4621 background-image: url('images/icon-time-white.png'); |
4860 .jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed { |
4622 } |
4861 background-image: url('images/icon-calendar-white.png'); |
4623 |
4862 } |
4624 .jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed { |
4863 |
4625 background-image: url('images/icon-calendar-white.png'); |
4864 .jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed { |
4626 } |
4865 background-image: url('images/icon-time-white.png'); |
4627 .jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed { |
4866 } |
4628 background-image: url('images/icon-time-white.png'); |
4867 |
4629 } |
4868 .jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed { |
4630 |
4869 background-image: url('images/icon-calendar-white.png'); |
4631 .jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed { |
4870 } |
4632 background-image: url('images/icon-calendar-white.png'); |
4871 |
4633 } |
4872 .jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed { |
4634 .jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed { |
4873 background-image: url('images/icon-time-white.png'); |
4635 background-image: url('images/icon-time-white.png'); |
4874 } |
4636 } |
4875 |
4637 |
4876 .jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed { |
4638 .jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed { |
4877 background-image: url('images/icon-calendar-white.png'); |
4639 background-image: url('images/icon-calendar-white.png'); |
4878 } |
4640 } |
4879 |
4641 .jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed { |
4880 .jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed { |
4642 background-image: url('images/icon-time-white.png'); |
4881 background-image: url('images/icon-time-white.png'); |
4643 } |
4882 } |
4644 |
4883 |
4645 |
4884 .jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed { |
4646 .jqx-notification-info, .jqx-info |
4885 background-image: url('images/icon-calendar-white.png'); |
4647 { |
4886 } |
4648 color: #ffffff !important; |
4887 |
4649 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4888 .jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed { |
4650 background-color: #5bc0de !important; |
4889 background-image: url('images/icon-time-white.png'); |
4651 *background-color: #5bc0de !important; |
4890 } |
|
4891 |
|
4892 |
|
4893 .jqx-notification-info, .jqx-info { |
|
4894 color: #ffffff !important; |
|
4895 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
|
4896 background-color: #5bc0de !important; |
|
4897 *background-color: #5bc0de !important; |
4652 border-left-color: #46b8da !important; |
4898 border-left-color: #46b8da !important; |
4653 border-right-color: #46b8da !important; |
4899 border-right-color: #46b8da !important; |
4654 border-top-color: #46b8da !important; |
4900 border-top-color: #46b8da !important; |
4655 border-bottom-color: #46b8da !important; |
4901 border-bottom-color: #46b8da !important; |
4656 } |
4902 } |
4657 .jqx-info:hover, |
4903 |
4658 .jqx-info:focus, |
4904 .jqx-info:hover, |
4659 .jqx-info:active, |
4905 .jqx-info:focus, |
4660 .jqx-info.active, |
4906 .jqx-info:active, |
4661 .jqx-info.disabled, |
4907 .jqx-info.active, |
4662 .jqx-info[disabled] { |
4908 .jqx-info.disabled, |
4663 color: #ffffff !important; |
4909 .jqx-info[disabled] { |
4664 background-color: #31b0d5 !important; |
4910 color: #ffffff !important; |
4665 *background-color: #31b0d5 !important; |
4911 background-color: #31b0d5 !important; |
4666 border-color: #269abc !important; |
4912 *background-color: #31b0d5 !important; |
4667 } |
4913 border-color: #269abc !important; |
4668 |
4914 } |
4669 .jqx-fill-state-pressed.jqx-info, |
4915 |
4670 .jqx-info:active, |
4916 .jqx-fill-state-pressed.jqx-info, |
4671 .jqx-info.active { |
4917 .jqx-info:active, |
4672 background-color: #269abc \9 !important; |
4918 .jqx-info.active { |
4673 } |
4919 background-color: #269abc \9 !important; |
4674 .jqx-notification-warning, .jqx-warning |
4920 } |
4675 { |
4921 |
4676 color: #ffffff !important; |
4922 .jqx-notification-warning, .jqx-warning { |
4677 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4923 color: #ffffff !important; |
4678 background-color: #f0ad4e !important; |
4924 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4679 *background-color: #f0ad4e !important; |
4925 background-color: #f0ad4e !important; |
|
4926 *background-color: #f0ad4e !important; |
4680 border-left-color: #eea236 !important; |
4927 border-left-color: #eea236 !important; |
4681 border-right-color: #eea236 !important; |
4928 border-right-color: #eea236 !important; |
4682 border-top-color: #eea236 !important; |
4929 border-top-color: #eea236 !important; |
4683 border-bottom-color: #eea236 !important; |
4930 border-bottom-color: #eea236 !important; |
4684 } |
4931 } |
4685 .jqx-warning:hover, |
4932 |
4686 .jqx-warning:focus, |
4933 .jqx-warning:hover, |
4687 .jqx-warning:active, |
4934 .jqx-warning:focus, |
4688 .jqx-warning.active, |
4935 .jqx-warning:active, |
4689 .jqx-warning.disabled, |
4936 .jqx-warning.active, |
4690 .jqx-warning[disabled] { |
4937 .jqx-warning.disabled, |
4691 color: #ffffff !important; |
4938 .jqx-warning[disabled] { |
4692 background-color: #ec971f !important; |
4939 color: #ffffff !important; |
4693 *background-color: #ec971f !important; |
4940 background-color: #ec971f !important; |
4694 border-color: #d58512 !important; |
4941 *background-color: #ec971f !important; |
4695 } |
4942 border-color: #d58512 !important; |
4696 |
4943 } |
4697 .jqx-fill-state-pressed.jqx-warning, |
4944 |
4698 .jqx-warning:active, |
4945 .jqx-fill-state-pressed.jqx-warning, |
4699 .jqx-warning.active { |
4946 .jqx-warning:active, |
4700 background-color: #d58512 \9 !important; |
4947 .jqx-warning.active { |
4701 border-color: #985f0d !important; |
4948 background-color: #d58512 \9 !important; |
4702 } |
4949 border-color: #985f0d !important; |
4703 .jqx-notification-success, .jqx-success |
4950 } |
4704 { |
4951 |
4705 color: #ffffff !important; |
4952 .jqx-notification-success, .jqx-success { |
4706 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4953 color: #ffffff !important; |
4707 background-color: #5cb85c !important; |
4954 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4708 *background-color: #5cb85c !important; |
4955 background-color: #5cb85c !important; |
|
4956 *background-color: #5cb85c !important; |
4709 border-left-color: #4cae4c !important; |
4957 border-left-color: #4cae4c !important; |
4710 border-right-color: #4cae4c !important; |
4958 border-right-color: #4cae4c !important; |
4711 border-top-color: #4cae4c !important; |
4959 border-top-color: #4cae4c !important; |
4712 border-bottom-color: #4cae4c !important; |
4960 border-bottom-color: #4cae4c !important; |
4713 } |
4961 } |
4714 .jqx-success:hover, |
4962 |
4715 .jqx-success:focus, |
4963 .jqx-success:hover, |
4716 .jqx-success:active, |
4964 .jqx-success:focus, |
4717 .jqx-success.active, |
4965 .jqx-success:active, |
4718 .jqx-success.disabled, |
4966 .jqx-success.active, |
4719 .jqx-success[disabled] { |
4967 .jqx-success.disabled, |
4720 color: #ffffff !important; |
4968 .jqx-success[disabled] { |
4721 background-color: #449d44 !important; |
4969 color: #ffffff !important; |
4722 *background-color: #449d44 !important; |
4970 background-color: #449d44 !important; |
4723 border-color: #398439 !important; |
4971 *background-color: #449d44 !important; |
4724 } |
4972 border-color: #398439 !important; |
4725 .jqx-fill-state-pressed.jqx-success, |
4973 } |
4726 .jqx-success:active, |
4974 |
4727 .jqx-success.active { |
4975 .jqx-fill-state-pressed.jqx-success, |
4728 background-color: #398439 !important; |
4976 .jqx-success:active, |
4729 border-color: #255625 !important; |
4977 .jqx-success.active { |
4730 } |
4978 background-color: #398439 !important; |
4731 .jqx-notification-error, .jqx-danger |
4979 border-color: #255625 !important; |
4732 { |
4980 } |
4733 color: #ffffff !important; |
4981 |
4734 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4982 .jqx-notification-error, .jqx-danger { |
4735 background-color: #d9534f !important; |
4983 color: #ffffff !important; |
4736 *background-color: #d9534f !important; |
4984 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
|
4985 background-color: #d9534f !important; |
|
4986 *background-color: #d9534f !important; |
4737 border-left-color: #d43f3a !important; |
4987 border-left-color: #d43f3a !important; |
4738 border-right-color: #d43f3a !important; |
4988 border-right-color: #d43f3a !important; |
4739 border-top-color: #d43f3a !important; |
4989 border-top-color: #d43f3a !important; |
4740 border-bottom-color: #d43f3a !important; |
4990 border-bottom-color: #d43f3a !important; |
4741 } |
4991 } |
4742 .jqx-danger:hover, |
4992 |
4743 .jqx-danger:focus, |
4993 .jqx-danger:hover, |
4744 .jqx-danger:active, |
4994 .jqx-danger:focus, |
4745 .jqx-danger.active, |
4995 .jqx-danger:active, |
4746 .jqx-danger.disabled, |
4996 .jqx-danger.active, |
4747 .jqx-danger[disabled] { |
4997 .jqx-danger.disabled, |
4748 color: #ffffff !important; |
4998 .jqx-danger[disabled] { |
4749 background-color: #c9302c !important; |
4999 color: #ffffff !important; |
4750 *background-color: #c9302c !important; |
5000 background-color: #c9302c !important; |
4751 border-color: #ac2925 !important; |
5001 *background-color: #c9302c !important; |
4752 } |
5002 border-color: #ac2925 !important; |
4753 |
5003 } |
4754 .jqx-fill-state-pressed.jqx-danger, .jqx-danger:active, |
5004 |
4755 .jqx-danger.active { |
5005 .jqx-fill-state-pressed.jqx-danger, .jqx-danger:active, |
4756 background-color: #ac2925 !important; |
5006 .jqx-danger.active { |
4757 border-color: #761c19 !important; |
5007 background-color: #ac2925 !important; |
4758 } |
5008 border-color: #761c19 !important; |
4759 .jqx-notification-mail, .jqx-primary |
5009 } |
4760 { |
5010 |
4761 color: #ffffff !important; |
5011 .jqx-notification-mail, .jqx-primary { |
4762 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
5012 color: #ffffff !important; |
4763 background-color: #337ab7 !important; |
5013 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4764 *background-color: #337ab7 !important; |
5014 background-color: #337ab7 !important; |
|
5015 *background-color: #337ab7 !important; |
4765 border-left-color: #2e6da4 !important; |
5016 border-left-color: #2e6da4 !important; |
4766 border-right-color: #2e6da4 !important; |
5017 border-right-color: #2e6da4 !important; |
4767 border-top-color: #2e6da4 !important; |
5018 border-top-color: #2e6da4 !important; |
4768 border-bottom-color: #2e6da4 !important; |
5019 border-bottom-color: #2e6da4 !important; |
4769 } |
5020 } |
4770 .jqx-primary:hover, |
5021 |
4771 .jqx-primary:focus, |
5022 .jqx-primary:hover, |
4772 .jqx-primary:active, |
5023 .jqx-primary:focus, |
4773 .jqx-primary.active, |
5024 .jqx-primary:active, |
4774 .jqx-primary.disabled, |
5025 .jqx-primary.active, |
4775 .jqx-primary[disabled] { |
5026 .jqx-primary.disabled, |
4776 color: #ffffff !important; |
5027 .jqx-primary[disabled] { |
4777 background-color: #286090 !important; |
5028 color: #ffffff !important; |
4778 *background-color: #286090 !important; |
5029 background-color: #286090 !important; |
4779 } |
5030 *background-color: #286090 !important; |
4780 |
5031 } |
4781 .jqx-fill-state-pressed.jqx-primary, |
5032 |
4782 .jqx-primary:active, |
5033 .jqx-fill-state-pressed.jqx-primary, |
4783 .jqx-primary.active { |
5034 .jqx-primary:active, |
4784 background-color: #204d74 !important; |
5035 .jqx-primary.active { |
4785 } |
5036 background-color: #204d74 !important; |
4786 .jqx-notification-time, .jqx-inverse |
5037 } |
4787 { |
5038 |
4788 color: #ffffff !important; |
5039 .jqx-notification-time, .jqx-inverse { |
4789 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
5040 color: #ffffff !important; |
4790 background-color: #363636 !important; |
5041 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; |
4791 *background-color: #222222 !important; |
5042 background-color: #363636 !important; |
|
5043 *background-color: #222222 !important; |
4792 border-left-color: #222222 !important; |
5044 border-left-color: #222222 !important; |
4793 border-right-color: #222222 !important; |
5045 border-right-color: #222222 !important; |
4794 border-top-color: #222222 !important; |
5046 border-top-color: #222222 !important; |
4795 border-bottom-color: #000000 !important; |
5047 border-bottom-color: #000000 !important; |
4796 } |
5048 } |
4797 .jqx-inverse:hover, |
5049 |
4798 .jqx-inverse:focus, |
5050 .jqx-inverse:hover, |
4799 .jqx-inverse:active, |
5051 .jqx-inverse:focus, |
4800 .jqx-inverse.active, |
5052 .jqx-inverse:active, |
4801 .jqx-inverse.disabled, |
5053 .jqx-inverse.active, |
4802 .jqx-inverse[disabled] { |
5054 .jqx-inverse.disabled, |
4803 color: #ffffff !important; |
5055 .jqx-inverse[disabled] { |
4804 background-color: #222222 !important; |
5056 color: #ffffff !important; |
4805 *background-color: #151515 !important; |
5057 background-color: #222222 !important; |
4806 } |
5058 *background-color: #151515 !important; |
4807 |
5059 } |
4808 .jqx-fill-state-pressed.jqx-inverse, |
5060 |
4809 .jqx-inverse:active, |
5061 .jqx-fill-state-pressed.jqx-inverse, |
4810 .jqx-inverse.active { |
5062 .jqx-inverse:active, |
4811 background-color: #080808 !important; |
5063 .jqx-inverse.active { |
4812 background-image: linear-gradient(to bottom, #444444, #444444) !important; |
5064 background-color: #080808 !important; |
4813 } |
5065 background-image: linear-gradient(to bottom, #444444, #444444) !important; |
|
5066 } |
|
5067 |
4814 .jqx-link, |
5068 .jqx-link, |
4815 .jqx-link:active, |
5069 .jqx-link:active, |
4816 .jqx-link[disabled] { |
5070 .jqx-link[disabled] { |
4817 background-color: transparent !important; |
5071 background-color: transparent !important; |
4818 background-image: none !important; |
5072 background-image: none !important; |
4819 -webkit-box-shadow: none !important; |
5073 -webkit-box-shadow: none !important; |
4820 -moz-box-shadow: none !important; |
5074 -moz-box-shadow: none !important; |
4821 box-shadow: none !important; |
5075 box-shadow: none !important; |
4822 } |
5076 } |
4823 |
5077 |
4824 .jqx-link { |
5078 .jqx-link { |
4825 color: #0088cc !important; |
5079 color: #0088cc !important; |
4826 cursor: pointer !important; |
5080 cursor: pointer !important; |
4827 border-color: transparent !important; |
5081 border-color: transparent !important; |
4828 -webkit-border-radius: 0 !important; |
5082 -webkit-border-radius: 0 !important; |
4829 -moz-border-radius: 0 !important; |
5083 -moz-border-radius: 0 !important; |
4830 border-radius: 0 !important; |
5084 border-radius: 0 !important; |
4831 } |
5085 } |
4832 |
5086 |
4833 .jqx-link:hover, |
5087 .jqx-link:hover, |
4834 .jqx-link:focus { |
5088 .jqx-link:focus { |
4835 color: #005580 !important; |
5089 color: #005580 !important; |
4836 text-decoration: underline !important; |
5090 text-decoration: underline !important; |
4837 background-color: transparent !important; |
5091 background-color: transparent !important; |
4838 } |
5092 } |
4839 |
5093 |
4840 .jqx-link[disabled]:hover, |
5094 .jqx-link[disabled]:hover, |
4841 .jqx-link[disabled]:focus { |
5095 .jqx-link[disabled]:focus { |
4842 color: #333333 !important; |
5096 color: #333333 !important; |
4843 text-decoration: none !important; |
5097 text-decoration: none !important; |
4844 } |
5098 } |
4845 .jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus, |
5099 |
4846 .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover { |
5100 .jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus, |
4847 background-position: 0 -15px !important; |
5101 .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover { |
4848 -webkit-transition: background-position 0.1s linear !important; |
5102 background-position: 0 -15px !important; |
4849 -moz-transition: background-position 0.1s linear !important; |
5103 -webkit-transition: background-position 0.1s linear !important; |
4850 -o-transition: background-position 0.1s linear !important; |
5104 -moz-transition: background-position 0.1s linear !important; |
4851 transition: background-position 0.1s linear !important; |
5105 -o-transition: background-position 0.1s linear !important; |
4852 } |
5106 transition: background-position 0.1s linear !important; |
4853 .jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active { |
5107 } |
4854 background-image: none !important; |
5108 |
4855 outline: 0 !important; |
5109 .jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active { |
4856 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
5110 background-image: none !important; |
4857 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
5111 outline: 0 !important; |
4858 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
5112 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
4859 } |
5113 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
4860 .jqx-notification-icon |
5114 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; |
4861 { |
5115 } |
|
5116 |
|
5117 .jqx-notification-icon { |
4862 background-repeat: no-repeat; |
5118 background-repeat: no-repeat; |
4863 } |
5119 } |
4864 .jqx-notification-icon-ltr |
5120 |
4865 { |
5121 .jqx-notification-icon-ltr { |
4866 background-position: left center; |
5122 background-position: left center; |
4867 } |
5123 } |
4868 .jqx-notification-icon-rtl |
5124 |
4869 { |
5125 .jqx-notification-icon-rtl { |
4870 background-position: right center; |
5126 background-position: right center; |
4871 } |
5127 } |
4872 .jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time |
5128 |
4873 { |
5129 .jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time { |
4874 width: 30px; |
5130 width: 30px; |
4875 height: 25px; |
5131 height: 25px; |
4876 } |
5132 } |
4877 .jqx-notification-icon-info |
5133 |
4878 { |
5134 .jqx-notification-icon-info { |
4879 background-image: url('images/info.png'); |
5135 background-image: url('images/info.png'); |
4880 } |
5136 } |
4881 .jqx-notification-icon-warning |
5137 |
4882 { |
5138 .jqx-notification-icon-warning { |
4883 background-image: url('images/warning.png'); |
5139 background-image: url('images/warning.png'); |
4884 } |
5140 } |
4885 .jqx-notification-icon-success |
5141 |
4886 { |
5142 .jqx-notification-icon-success { |
4887 background-image: url('images/success.png'); |
5143 background-image: url('images/success.png'); |
4888 } |
5144 } |
4889 .jqx-notification-icon-error |
5145 |
4890 { |
5146 .jqx-notification-icon-error { |
4891 background-image: url('images/error.png'); |
5147 background-image: url('images/error.png'); |
4892 } |
5148 } |
4893 .jqx-notification-icon-mail |
5149 |
4894 { |
5150 .jqx-notification-icon-mail { |
4895 background-image: url('images/mail.png'); |
5151 background-image: url('images/mail.png'); |
4896 } |
5152 } |
4897 .jqx-notification-icon-time |
5153 |
4898 { |
5154 .jqx-notification-icon-time { |
4899 background-image: url('images/time.png'); |
5155 background-image: url('images/time.png'); |
4900 } |
5156 } |
4901 .jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error |
5157 |
4902 { |
5158 .jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error { |
4903 background-image: url('images/close_white.png'); |
5159 background-image: url('images/close_white.png'); |
4904 } |
5160 } |
4905 .jqx-notification-close-button-warning |
5161 |
4906 { |
5162 .jqx-notification-close-button-warning { |
4907 background-image: url('images/close_black.png'); |
5163 background-image: url('images/close_black.png'); |
4908 } |
5164 } |
4909 .jqx-notification-close-button-container, .jqx-notification-close-button |
5165 |
4910 { |
5166 .jqx-notification-close-button-container, .jqx-notification-close-button { |
4911 width: 16px; |
5167 width: 16px; |
4912 height: 16px; |
5168 height: 16px; |
4913 } |
5169 } |
4914 .jqx-notification-close-button-container |
5170 |
4915 { |
5171 .jqx-notification-close-button-container { |
4916 vertical-align: top; |
5172 vertical-align: top; |
4917 } |
5173 } |
4918 .jqx-notification-close-button |
5174 |
4919 { |
5175 .jqx-notification-close-button { |
4920 position: relative; |
5176 position: relative; |
4921 top: -11px; |
5177 top: -11px; |
4922 background-repeat: no-repeat; |
5178 background-repeat: no-repeat; |
4923 cursor: pointer; |
5179 cursor: pointer; |
4924 } |
5180 } |
4925 .jqx-notification-close-button-ltr |
5181 |
4926 { |
5182 .jqx-notification-close-button-ltr { |
4927 right: -11px; |
5183 right: -11px; |
4928 background-position: right top; |
5184 background-position: right top; |
4929 } |
5185 } |
4930 .jqx-notification-close-button-rtl |
5186 |
4931 { |
5187 .jqx-notification-close-button-rtl { |
4932 left: -11px; |
5188 left: -11px; |
4933 background-position: left top; |
5189 background-position: left top; |
4934 } |
5190 } |
|
5191 |
4935 .jqx-navbar { |
5192 .jqx-navbar { |
4936 width: 100%; |
5193 width: 100%; |
4937 border-style: solid; |
5194 border-style: solid; |
4938 border-width: 1px; |
5195 border-width: 1px; |
4939 } |
5196 } |
4940 .jqx-navbar ul:before, |
5197 |
4941 .jqx-navbar ul:after { |
5198 .jqx-navbar ul:before, |
4942 content: ""; |
5199 .jqx-navbar ul:after { |
4943 display: table; |
5200 content: ""; |
4944 } |
5201 display: table; |
4945 .jqx-navbar ul:after { |
5202 } |
4946 clear: both; |
5203 |
4947 } |
5204 .jqx-navbar ul:after { |
4948 .jqx-navbar ul { |
5205 clear: both; |
4949 list-style: none; |
5206 } |
4950 margin: 0; |
5207 |
4951 padding: 0; |
5208 .jqx-navbar ul { |
4952 position: relative; |
5209 list-style: none; |
4953 display: block; |
5210 margin: 0; |
4954 border: 0; |
5211 padding: 0; |
4955 max-width: 100%; |
5212 position: relative; |
4956 overflow: visible; |
5213 display: block; |
4957 } |
5214 border: 0; |
|
5215 max-width: 100%; |
|
5216 overflow: visible; |
|
5217 } |
|
5218 |
4958 .jqx-navbar-block { |
5219 .jqx-navbar-block { |
4959 margin: 0; |
5220 margin: 0; |
4960 overflow:hidden; |
5221 overflow: hidden; |
4961 padding: 0px 12px; |
5222 padding: 0px 12px; |
4962 border-width:0px; |
5223 border-width: 0px; |
4963 float: left; |
5224 float: left; |
4964 min-height: 1px; |
5225 min-height: 1px; |
4965 -webkit-box-sizing: border-box; |
5226 -webkit-box-sizing: border-box; |
4966 -moz-box-sizing: border-box; |
5227 -moz-box-sizing: border-box; |
4967 box-sizing: border-box; |
5228 box-sizing: border-box; |
4968 box-shadow: none !important; |
5229 box-shadow: none !important; |
4969 border-radius: 0px !important; |
5230 border-radius: 0px !important; |
4970 } |
5231 } |
|
5232 |
4971 .jqx-navbar-block-rtl { |
5233 .jqx-navbar-block-rtl { |
4972 float:right; |
5234 float: right; |
4973 } |
5235 } |
4974 .jqx-ribbon |
5236 |
4975 { |
5237 .jqx-ribbon { |
4976 position: relative; |
5238 position: relative; |
4977 overflow: hidden; |
5239 overflow: hidden; |
4978 } |
5240 } |
4979 .jqx-ribbon-auto |
5241 |
4980 { |
5242 .jqx-ribbon-auto { |
4981 display: inline-block; |
5243 display: inline-block; |
4982 } |
5244 } |
4983 .jqx-ribbon-popup |
5245 |
4984 { |
5246 .jqx-ribbon-popup { |
4985 overflow: visible; |
5247 overflow: visible; |
4986 } |
5248 } |
4987 .jqx-ribbon-header |
5249 |
4988 { |
5250 .jqx-ribbon-header { |
4989 position: absolute; |
5251 position: absolute; |
4990 margin: 0; |
5252 margin: 0; |
4991 border-width: 1px; |
5253 border-width: 1px; |
4992 border-style: solid; |
5254 border-style: solid; |
4993 box-sizing: border-box; |
5255 box-sizing: border-box; |
4994 overflow: hidden; |
5256 overflow: hidden; |
4995 float: left; |
5257 float: left; |
4996 display: block; |
5258 display: block; |
4997 box-shadow: none !important; |
5259 box-shadow: none !important; |
4998 } |
5260 } |
4999 .jqx-ribbon-header-auto |
5261 |
5000 { |
5262 .jqx-ribbon-header-auto { |
5001 position: relative; |
5263 position: relative; |
5002 } |
5264 } |
5003 .jqx-ribbon-header-horizontal |
5265 |
5004 { |
5266 .jqx-ribbon-header-horizontal { |
5005 width: 100%; |
5267 width: 100%; |
5006 min-height: 30px; |
5268 min-height: 30px; |
5007 padding: 0px; |
5269 padding: 0px; |
5008 white-space: nowrap; |
5270 white-space: nowrap; |
5009 } |
5271 } |
5010 .jqx-ribbon-header-bottom |
5272 |
5011 { |
5273 .jqx-ribbon-header-bottom { |
5012 bottom: 0; |
5274 bottom: 0; |
5013 } |
5275 } |
5014 .jqx-ribbon-header-vertical |
5276 |
5015 { |
5277 .jqx-ribbon-header-vertical { |
5016 min-width: 75px; |
5278 min-width: 75px; |
5017 height: 100%; |
5279 height: 100%; |
5018 float: left; |
5280 float: left; |
5019 padding: 0px; |
5281 padding: 0px; |
5020 } |
5282 } |
5021 .jqx-ribbon-header-right |
5283 |
5022 { |
5284 .jqx-ribbon-header-right { |
5023 right: 0; |
5285 right: 0; |
5024 } |
5286 } |
5025 .jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup |
5287 |
5026 { |
5288 .jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup { |
5027 position: relative; |
5289 position: relative; |
5028 } |
5290 } |
5029 .jqx-ribbon-header-horizontal-popup |
5291 |
5030 { |
5292 .jqx-ribbon-header-horizontal-popup { |
5031 height:100%; |
5293 height: 100%; |
5032 } |
5294 } |
5033 .jqx-ribbon-header-vertical-popup |
5295 |
5034 { |
5296 .jqx-ribbon-header-vertical-popup { |
5035 width: 100%; |
5297 width: 100%; |
5036 } |
5298 } |
5037 .jqx-ribbon-item |
5299 |
5038 { |
5300 .jqx-ribbon-item { |
5039 position: relative; |
5301 position: relative; |
5040 list-style-type: none; |
5302 list-style-type: none; |
5041 padding: 5px; |
5303 padding: 5px; |
5042 border: 1px solid transparent; |
5304 border: 1px solid transparent; |
5043 box-sizing: border-box; |
5305 box-sizing: border-box; |
5044 text-overflow: ellipsis; |
5306 text-overflow: ellipsis; |
5045 cursor: default; |
5307 cursor: default; |
5046 min-width: 10px; |
5308 min-width: 10px; |
5047 vertical-align: top; |
5309 vertical-align: top; |
5048 } |
5310 } |
5049 .jqx-ribbon-item-top, .jqx-ribbon-item-bottom |
5311 |
5050 { |
5312 .jqx-ribbon-item-top, .jqx-ribbon-item-bottom { |
5051 height: 100%; |
5313 height: 100%; |
5052 display: inline-block; |
5314 display: inline-block; |
5053 margin-left: 1px; |
5315 margin-left: 1px; |
5054 margin-right: 1px; |
5316 margin-right: 1px; |
5055 } |
5317 } |
5056 .jqx-ribbon-item-top |
5318 |
5057 { |
5319 .jqx-ribbon-item-top { |
5058 margin-top: 1px; |
5320 margin-top: 1px; |
5059 } |
5321 } |
5060 .jqx-ribbon-item-bottom |
5322 |
5061 { |
5323 .jqx-ribbon-item-bottom { |
5062 margin-top: -1px; |
5324 margin-top: -1px; |
5063 } |
5325 } |
5064 .jqx-ribbon-item-left, .jqx-ribbon-item-right |
5326 |
5065 { |
5327 .jqx-ribbon-item-left, .jqx-ribbon-item-right { |
5066 width: 100%; |
5328 width: 100%; |
5067 margin-top: 2px; |
5329 margin-top: 2px; |
5068 } |
5330 } |
5069 .jqx-ribbon-item-left |
5331 |
5070 { |
5332 .jqx-ribbon-item-left { |
5071 margin-left: 1px; |
5333 margin-left: 1px; |
5072 } |
5334 } |
5073 .jqx-ribbon-item-right |
5335 |
5074 { |
5336 .jqx-ribbon-item-right { |
5075 margin-left: -1px; |
5337 margin-left: -1px; |
5076 } |
5338 } |
5077 .jqx-ribbon-item-hover |
5339 |
5078 { |
5340 .jqx-ribbon-item-hover { |
5079 border-color: inherit; |
5341 border-color: inherit; |
5080 } |
5342 } |
5081 .jqx-ribbon-item-top.jqx-ribbon-item-hover |
5343 |
5082 { |
5344 .jqx-ribbon-item-top.jqx-ribbon-item-hover { |
5083 border-bottom-color: inherit !important; |
5345 border-bottom-color: inherit !important; |
5084 } |
5346 } |
5085 .jqx-ribbon-item-bottom.jqx-ribbon-item-hover |
5347 |
5086 { |
5348 .jqx-ribbon-item-bottom.jqx-ribbon-item-hover { |
5087 border-top-color: inherit !important; |
5349 border-top-color: inherit !important; |
5088 } |
5350 } |
5089 .jqx-ribbon-item-left.jqx-ribbon-item-hover |
5351 |
5090 { |
5352 .jqx-ribbon-item-left.jqx-ribbon-item-hover { |
5091 border-right-color: inherit !important; |
5353 border-right-color: inherit !important; |
5092 } |
5354 } |
5093 .jqx-ribbon-item-right.jqx-ribbon-item-hover |
5355 |
5094 { |
5356 .jqx-ribbon-item-right.jqx-ribbon-item-hover { |
5095 border-left-color: inherit !important; |
5357 border-left-color: inherit !important; |
5096 } |
5358 } |
5097 .jqx-ribbon-item-selected |
5359 |
5098 { |
5360 .jqx-ribbon-item-selected { |
5099 border-color: inherit; |
5361 border-color: inherit; |
5100 } |
5362 } |
5101 .jqx-ribbon-item-top.jqx-ribbon-item-selected |
5363 |
5102 { |
5364 .jqx-ribbon-item-top.jqx-ribbon-item-selected { |
5103 border-bottom-color: transparent; |
5365 border-bottom-color: transparent; |
5104 } |
5366 } |
5105 .jqx-ribbon-item-bottom.jqx-ribbon-item-selected |
5367 |
5106 { |
5368 .jqx-ribbon-item-bottom.jqx-ribbon-item-selected { |
5107 border-top-color: transparent; |
5369 border-top-color: transparent; |
5108 } |
5370 } |
5109 .jqx-ribbon-item-left.jqx-ribbon-item-selected |
5371 |
5110 { |
5372 .jqx-ribbon-item-left.jqx-ribbon-item-selected { |
5111 border-right-color: transparent; |
5373 border-right-color: transparent; |
5112 } |
5374 } |
5113 .jqx-ribbon-item-right.jqx-ribbon-item-selected |
5375 |
5114 { |
5376 .jqx-ribbon-item-right.jqx-ribbon-item-selected { |
5115 border-left-color:transparent; |
5377 border-left-color: transparent; |
5116 } |
5378 } |
5117 .jqx-ribbon-content |
5379 |
5118 { |
5380 .jqx-ribbon-content { |
5119 background-image: none !important; |
5381 background-image: none !important; |
5120 background-color: transparent !important; |
5382 background-color: transparent !important; |
5121 box-sizing: border-box; |
5383 box-sizing: border-box; |
5122 } |
5384 } |
5123 .jqx-ribbon-content-horizontal |
5385 |
5124 { |
5386 .jqx-ribbon-content-horizontal { |
5125 clear: both; |
5387 clear: both; |
5126 height: 100%; |
5388 height: 100%; |
5127 } |
5389 } |
5128 .jqx-ribbon-content-vertical |
5390 |
5129 { |
5391 .jqx-ribbon-content-vertical { |
5130 height: 100%; |
5392 height: 100%; |
5131 width: 100%; |
5393 width: 100%; |
5132 float: left; |
5394 float: left; |
5133 border-width: 1px; |
5395 border-width: 1px; |
5134 } |
5396 } |
5135 .jqx-ribbon-content-popup |
5397 |
5136 { |
5398 .jqx-ribbon-content-popup { |
5137 z-index:99999; |
5399 z-index: 99999; |
5138 position: absolute; |
5400 position: absolute; |
5139 border-left: none; |
5401 border-left: none; |
5140 } |
5402 } |
5141 .jqx-ribbon-content-popup.jqx-ribbon-content-horizontal |
5403 |
5142 { |
5404 .jqx-ribbon-content-popup.jqx-ribbon-content-horizontal { |
5143 width: 100%; |
5405 width: 100%; |
5144 height: auto; |
5406 height: auto; |
5145 } |
5407 } |
5146 .jqx-ribbon-content-popup.jqx-ribbon-content-vertical |
5408 |
5147 { |
5409 .jqx-ribbon-content-popup.jqx-ribbon-content-vertical { |
5148 width: auto; |
5410 width: auto; |
5149 height: 100%; |
5411 height: 100%; |
5150 } |
5412 } |
|
5413 |
5151 .jqx-ribbon-content-popup-top { |
5414 .jqx-ribbon-content-popup-top { |
5152 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5415 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5153 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5416 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5154 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5417 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5155 } |
5418 } |
|
5419 |
5156 .jqx-ribbon-content-popup-bottom { |
5420 .jqx-ribbon-content-popup-bottom { |
5157 -webkit-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5421 -webkit-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5158 -moz-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5422 -moz-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5159 box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5423 box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); |
5160 } |
5424 } |
|
5425 |
5161 .jqx-ribbon-content-popup-left { |
5426 .jqx-ribbon-content-popup-left { |
5162 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5427 -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5163 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5428 -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5164 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5429 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); |
5165 } |
5430 } |
|
5431 |
5166 .jqx-ribbon-content-popup-right { |
5432 .jqx-ribbon-content-popup-right { |
5167 -webkit-box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); |
5433 -webkit-box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); |
5168 box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); |
5434 box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15); |
5169 } |
5435 } |
5170 |
5436 |
5171 .jqx-ribbon-content-auto-width |
5437 .jqx-ribbon-content-auto-width { |
5172 { |
|
5173 width: auto; |
5438 width: auto; |
5174 } |
5439 } |
5175 .jqx-ribbon-content-section |
5440 |
5176 { |
5441 .jqx-ribbon-content-section { |
5177 width: 100%; |
5442 width: 100%; |
5178 height: 100%; |
5443 height: 100%; |
5179 display: none; |
5444 display: none; |
5180 border-width: 1px; |
5445 border-width: 1px; |
5181 border-style: solid; |
5446 border-style: solid; |
5182 box-sizing: inherit; |
5447 box-sizing: inherit; |
5183 overflow: auto; |
5448 overflow: auto; |
5184 } |
5449 } |
5185 .jqx-ribbon-content-section-top |
5450 |
5186 { |
5451 .jqx-ribbon-content-section-top { |
5187 border-top: none; |
5452 border-top: none; |
5188 } |
5453 } |
5189 .jqx-ribbon-content-section-bottom |
5454 |
5190 { |
5455 .jqx-ribbon-content-section-bottom { |
5191 bottom: 0; |
5456 bottom: 0; |
5192 border-bottom: none; |
5457 border-bottom: none; |
5193 } |
5458 } |
5194 .jqx-ribbon-content-section-left |
5459 |
5195 { |
5460 .jqx-ribbon-content-section-left { |
5196 border-left: none; |
5461 border-left: none; |
5197 } |
5462 } |
5198 .jqx-ribbon-content-section-right |
5463 |
5199 { |
5464 .jqx-ribbon-content-section-right { |
5200 border-right: none; |
5465 border-right: none; |
5201 right: 0; |
5466 right: 0; |
5202 } |
5467 } |
5203 .jqx-ribbon-content-section-popup |
5468 |
5204 { |
5469 .jqx-ribbon-content-section-popup { |
5205 position: relative; |
5470 position: relative; |
5206 } |
5471 } |
5207 .jqx-ribbon-content-section-horizontal-popup |
5472 |
5208 { |
5473 .jqx-ribbon-content-section-horizontal-popup { |
5209 height: auto; |
5474 height: auto; |
5210 } |
5475 } |
5211 .jqx-ribbon-content-section-vertical-popup |
5476 |
5212 { |
5477 .jqx-ribbon-content-section-vertical-popup { |
5213 width: auto; |
5478 width: auto; |
5214 } |
5479 } |
5215 .jqx-ribbon-header-rtl |
5480 |
5216 { |
5481 .jqx-ribbon-header-rtl { |
5217 text-align: right; |
5482 text-align: right; |
5218 } |
5483 } |
5219 .jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl |
5484 |
5220 { |
5485 .jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl { |
5221 direction: rtl; |
5486 direction: rtl; |
5222 } |
5487 } |
5223 .jqx-ribbon-item-rtl |
5488 |
5224 { |
5489 .jqx-ribbon-item-rtl { |
5225 direction: rtl; |
5490 direction: rtl; |
5226 } |
5491 } |
5227 .jqx-ribbon-scrollbutton |
5492 |
5228 { |
5493 .jqx-ribbon-scrollbutton { |
5229 position: absolute; |
5494 position: absolute; |
5230 display: none; |
5495 display: none; |
5231 box-sizing: border-box; |
5496 box-sizing: border-box; |
5232 cursor: pointer; |
5497 cursor: pointer; |
5233 background-repeat: no-repeat !important; |
5498 background-repeat: no-repeat !important; |
5234 background-position: center !important; |
5499 background-position: center !important; |
5235 z-index: 0; |
5500 z-index: 0; |
5236 } |
5501 } |
5237 .jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom |
5502 |
5238 { |
5503 .jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom { |
5239 width: 17px; |
5504 width: 17px; |
5240 } |
5505 } |
5241 .jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right |
5506 |
5242 { |
5507 .jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right { |
5243 height: 17px; |
5508 height: 17px; |
5244 } |
5509 } |
5245 .jqx-ribbon-scrollbutton-top |
5510 |
5246 { |
5511 .jqx-ribbon-scrollbutton-top { |
5247 top: 1px; |
5512 top: 1px; |
5248 border-bottom-width: 1px; |
5513 border-bottom-width: 1px; |
5249 border-bottom-style: solid; |
5514 border-bottom-style: solid; |
5250 } |
5515 } |
5251 .jqx-ribbon-scrollbutton-bottom |
5516 |
5252 { |
5517 .jqx-ribbon-scrollbutton-bottom { |
5253 bottom: 1px; |
5518 bottom: 1px; |
5254 border-top-width: 1px; |
5519 border-top-width: 1px; |
5255 border-top-style: solid; |
5520 border-top-style: solid; |
5256 } |
5521 } |
5257 .jqx-ribbon-scrollbutton-left |
5522 |
5258 { |
5523 .jqx-ribbon-scrollbutton-left { |
5259 left: 1px; |
5524 left: 1px; |
5260 border-right-width: 1px; |
5525 border-right-width: 1px; |
5261 border-right-style: solid; |
5526 border-right-style: solid; |
5262 } |
5527 } |
5263 .jqx-ribbon-scrollbutton-right |
5528 |
5264 { |
5529 .jqx-ribbon-scrollbutton-right { |
5265 right: 1px; |
5530 right: 1px; |
5266 border-left-width: 1px; |
5531 border-left-width: 1px; |
5267 border-left-style: solid; |
5532 border-left-style: solid; |
5268 } |
5533 } |
5269 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near |
5534 |
5270 { |
5535 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near { |
5271 left: 1px; |
5536 left: 1px; |
5272 border-right-width: 1px; |
5537 border-right-width: 1px; |
5273 border-right-style: solid; |
5538 border-right-style: solid; |
5274 } |
5539 } |
5275 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far |
5540 |
5276 { |
5541 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far { |
5277 right: 18px; |
5542 right: 18px; |
5278 border-left-width: 1px; |
5543 border-left-width: 1px; |
5279 border-left-style: solid; |
5544 border-left-style: solid; |
5280 } |
5545 } |
5281 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far |
5546 |
5282 { |
5547 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far { |
5283 right: 1px; |
5548 right: 1px; |
5284 border-left-width: 1px; |
5549 border-left-width: 1px; |
5285 border-left-style: solid; |
5550 border-left-style: solid; |
5286 } |
5551 } |
5287 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near |
5552 |
5288 { |
5553 .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near { |
5289 left: 18px; |
5554 left: 18px; |
5290 border-right-width: 1px; |
5555 border-right-width: 1px; |
5291 border-right-style: solid; |
5556 border-right-style: solid; |
5292 } |
5557 } |
5293 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near |
5558 |
5294 { |
5559 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near { |
5295 top: 1px; |
5560 top: 1px; |
5296 border-bottom-width: 1px; |
5561 border-bottom-width: 1px; |
5297 border-bottom-style: solid; |
5562 border-bottom-style: solid; |
5298 } |
5563 } |
5299 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far |
5564 |
5300 { |
5565 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far { |
5301 bottom: 18px; |
5566 bottom: 18px; |
5302 border-top-width: 1px; |
5567 border-top-width: 1px; |
5303 border-top-style: solid; |
5568 border-top-style: solid; |
5304 } |
5569 } |
5305 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far |
5570 |
5306 { |
5571 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far { |
5307 bottom: 1px; |
5572 bottom: 1px; |
5308 border-top-width: 1px; |
5573 border-top-width: 1px; |
5309 border-top-style: solid; |
5574 border-top-style: solid; |
5310 } |
5575 } |
5311 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near |
5576 |
5312 { |
5577 .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near { |
5313 top: 18px; |
5578 top: 18px; |
5314 border-bottom-width: 1px; |
5579 border-bottom-width: 1px; |
5315 border-bottom-style: solid; |
5580 border-bottom-style: solid; |
5316 } |
5581 } |
5317 .jqx-ribbon-scrollbutton-inner |
5582 |
5318 { |
5583 .jqx-ribbon-scrollbutton-inner { |
5319 width: 100%; |
5584 width: 100%; |
5320 height: 100%; |
5585 height: 100%; |
5321 background-repeat: no-repeat; |
5586 background-repeat: no-repeat; |
5322 background-position: center; |
5587 background-position: center; |
5323 } |
5588 } |
5324 .jqx-ribbon-selection-token |
5589 |
5325 { |
5590 .jqx-ribbon-selection-token { |
5326 position: absolute; |
5591 position: absolute; |
5327 z-index: 0; |
5592 z-index: 0; |
5328 } |
5593 } |
5329 .jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom |
5594 |
5330 { |
5595 .jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom { |
5331 height: 1px; |
5596 height: 1px; |
5332 } |
5597 } |
5333 .jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right |
5598 |
5334 { |
5599 .jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right { |
5335 width: 1px; |
5600 width: 1px; |
5336 } |
5601 } |
5337 .jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content |
5602 |
5338 { |
5603 .jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content { |
5339 *display: inline; |
5604 *display: inline; |
5340 } |
5605 } |
5341 .jqx-ribbon-content-left |
5606 |
5342 { |
5607 .jqx-ribbon-content-left { |
5343 *float: none; |
5608 *float: none; |
5344 } |
5609 } |
5345 .jqx-ribbon-content-right |
5610 |
5346 { |
5611 .jqx-ribbon-content-right { |
5347 *float: left; |
5612 *float: left; |
5348 } |
5613 } |
5349 .jqx-ribbon-content.jqx-ribbon-content-popup |
5614 |
5350 { |
5615 .jqx-ribbon-content.jqx-ribbon-content-popup { |
5351 *left: 0; |
5616 *left: 0; |
5352 } |
5617 } |
5353 .jqx-ribbon-content-popup .jqx-ribbon-content-section |
5618 |
5354 { |
5619 .jqx-ribbon-content-popup .jqx-ribbon-content-section { |
5355 *overflow: visible; |
5620 *overflow: visible; |
5356 } |
5621 } |
5357 .jqx-ribbon-content-section-popup |
5622 |
5358 { |
5623 .jqx-ribbon-content-section-popup { |
5359 *position: absolute; |
5624 *position: absolute; |
5360 } |
5625 } |
5361 .jqx-toolbar, .jqx-toolbar-minimized-popup-separator |
5626 |
5362 { |
5627 .jqx-toolbar, .jqx-toolbar-minimized-popup-separator { |
5363 box-sizing: border-box; |
5628 box-sizing: border-box; |
5364 } |
5629 } |
5365 .jqx-toolbar, .jqx-toolbar-minimized-popup |
5630 |
5366 { |
5631 .jqx-toolbar, .jqx-toolbar-minimized-popup { |
5367 padding: 5px; |
5632 padding: 5px; |
5368 } |
5633 } |
5369 .jqx-toolbar |
5634 |
5370 { |
5635 .jqx-toolbar { |
5371 position: relative; |
5636 position: relative; |
5372 border-width: 1px; |
5637 border-width: 1px; |
5373 border-style: solid; |
5638 border-style: solid; |
5374 overflow: hidden; |
5639 overflow: hidden; |
5375 } |
5640 } |
5376 .jqx-toolbar-tool |
5641 |
5377 { |
5642 .jqx-toolbar-tool { |
5378 float: left; |
5643 float: left; |
5379 margin-top: 0; |
5644 margin-top: 0; |
5380 margin-bottom: 0; |
5645 margin-bottom: 0; |
5381 } |
5646 } |
5382 .jqx-toolbar-tool-rtl |
5647 |
5383 { |
5648 .jqx-toolbar-tool-rtl { |
5384 float: right; |
5649 float: right; |
5385 } |
5650 } |
5386 .jqx-toolbar-tool-no-separator-ltr |
5651 |
5387 { |
5652 .jqx-toolbar-tool-no-separator-ltr { |
5388 margin-right: 2px !important; |
5653 margin-right: 2px !important; |
5389 } |
5654 } |
5390 .jqx-toolbar-tool-no-separator-rtl |
5655 |
5391 { |
5656 .jqx-toolbar-tool-no-separator-rtl { |
5392 margin-left: 2px !important; |
5657 margin-left: 2px !important; |
5393 } |
5658 } |
5394 .jqx-toolbar-tool-separator-ltr |
5659 |
5395 { |
5660 .jqx-toolbar-tool-separator-ltr { |
5396 margin-right: 6px !important; |
5661 margin-right: 6px !important; |
5397 } |
5662 } |
5398 .jqx-toolbar-tool-separator-rtl |
5663 |
5399 { |
5664 .jqx-toolbar-tool-separator-rtl { |
5400 margin-left: 6px !important; |
5665 margin-left: 6px !important; |
5401 } |
5666 } |
5402 .jqx-toolbar-tool-inner-button |
5667 |
5403 { |
5668 .jqx-toolbar-tool-inner-button { |
5404 margin-right: 0; |
5669 margin-right: 0; |
5405 margin-left: 0; |
5670 margin-left: 0; |
5406 border-radius: 0 !important; |
5671 border-radius: 0 !important; |
5407 } |
5672 } |
5408 .jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup |
5673 |
5409 { |
5674 .jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup { |
5410 position: absolute; |
5675 position: absolute; |
5411 } |
5676 } |
5412 .jqx-toolbar-minimized-button |
5677 |
5413 { |
5678 .jqx-toolbar-minimized-button { |
5414 height: 100%; |
5679 height: 100%; |
5415 right: 0; |
5680 right: 0; |
5416 cursor: pointer; |
5681 cursor: pointer; |
5417 margin-top: -5px; |
5682 margin-top: -5px; |
5418 margin-right: 5px; |
5683 margin-right: 5px; |
5419 display: none; |
5684 display: none; |
5420 } |
5685 } |
5421 .jqx-toolbar-minimized-button-rtl |
5686 |
5422 { |
5687 .jqx-toolbar-minimized-button-rtl { |
5423 left: 0; |
5688 left: 0; |
5424 margin-left: 5px; |
5689 margin-left: 5px; |
5425 margin-right: 0; |
5690 margin-right: 0; |
5426 } |
5691 } |
5427 .jqx-toolbar-minimized-popup |
5692 |
5428 { |
5693 .jqx-toolbar-minimized-popup { |
5429 border-width: 1px; |
5694 border-width: 1px; |
5430 border-top-width: 0; |
5695 border-top-width: 0; |
5431 border-style: solid; |
5696 border-style: solid; |
5432 visibility: hidden; |
5697 visibility: hidden; |
5433 z-index: 99999; |
5698 z-index: 1000; |
5434 } |
5699 } |
5435 .jqx-toolbar-tool-minimized |
5700 |
5436 { |
5701 .jqx-toolbar-tool-minimized { |
5437 margin: 1px 0 !important; |
5702 margin: 1px 0 !important; |
5438 } |
5703 } |
5439 .jqx-toolbar-minimized-popup-separator |
5704 |
5440 { |
5705 .jqx-toolbar-minimized-popup-separator { |
5441 width: 100%; |
5706 width: 100%; |
5442 height: 2px; |
5707 height: 2px; |
5443 margin: 5px 0; |
5708 margin: 5px 0; |
5444 display: none; |
5709 display: none; |
5445 } |
5710 } |
5446 .jqx-complex-input-spin-buttons-container |
5711 |
5447 { |
5712 .jqx-complex-input-spin-buttons-container { |
5448 border-width: 1px; |
5713 border-width: 1px; |
5449 border-style: solid; |
5714 border-style: solid; |
5450 position: relative; |
5715 position: relative; |
5451 -webkit-box-sizing: border-box !important; |
5716 -webkit-box-sizing: border-box !important; |
5452 -moz-box-sizing: border-box !important; |
5717 -moz-box-sizing: border-box !important; |
5453 box-sizing: border-box !important; |
5718 box-sizing: border-box !important; |
5454 padding: 2px 8px !important; |
5719 padding: 2px 8px !important; |
5455 white-space: nowrap; |
5720 white-space: nowrap; |
5456 vertical-align: middle; |
5721 vertical-align: middle; |
5457 } |
5722 } |
5458 .jqx-formatted-input, .jqx-complex-input |
5723 |
5459 { |
5724 .jqx-formatted-input, .jqx-complex-input { |
5460 padding-right: 2px !important; |
5725 padding-right: 2px !important; |
5461 text-align: right; |
5726 text-align: right; |
5462 } |
5727 } |
5463 .jqx-formatted-input-lower-case, .jqx-complex-input |
5728 |
5464 { |
5729 .jqx-formatted-input-lower-case, .jqx-complex-input { |
5465 text-transform: lowercase; |
5730 text-transform: lowercase; |
5466 } |
5731 } |
5467 .jqx-formatted-input-upper-case |
5732 |
5468 { |
5733 .jqx-formatted-input-upper-case { |
5469 text-transform: uppercase; |
5734 text-transform: uppercase; |
5470 } |
5735 } |
5471 .jqx-formatted-input-item |
5736 |
5472 { |
5737 .jqx-formatted-input-item { |
5473 word-wrap: break-word; |
5738 word-wrap: break-word; |
5474 } |
5739 } |
5475 .jqx-formatted-input-item-rtl, .jqx-complex-input-rtl |
5740 |
5476 { |
5741 .jqx-formatted-input-item-rtl, .jqx-complex-input-rtl { |
5477 direction: rtl !important; |
5742 direction: rtl !important; |
5478 } |
5743 } |
5479 .jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon |
5744 |
5480 { |
5745 .jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon { |
5481 height: 100%; |
5746 height: 100%; |
5482 } |
5747 } |
5483 .jqx-formatted-input-spin-buttons-container |
5748 |
5484 { |
5749 .jqx-formatted-input-spin-buttons-container { |
5485 width: 18px; |
5750 width: 18px; |
5486 padding: 0 0 0 1px !important; |
5751 padding: 0 0 0 1px !important; |
5487 overflow: hidden; |
5752 overflow: hidden; |
5488 } |
5753 } |
5489 .jqx-formatted-input-spin-buttons-container-rtl |
5754 |
5490 { |
5755 .jqx-formatted-input-spin-buttons-container-rtl { |
5491 border-right-width: 0px; |
5756 border-right-width: 0px; |
5492 padding: 0 0 0 2px !important; |
5757 padding: 0 0 0 2px !important; |
5493 } |
5758 } |
5494 .jqx-formatted-input-spin-buttons-container-rtl-border |
5759 |
5495 { |
5760 .jqx-formatted-input-spin-buttons-container-rtl-border { |
5496 border-left-width: 1px !important; |
5761 border-left-width: 1px !important; |
5497 } |
5762 } |
5498 .jqx-formatted-input-spin-button |
5763 |
5499 { |
5764 .jqx-formatted-input-spin-button { |
5500 position: relative; |
5765 position: relative; |
5501 width: 17px; |
5766 width: 17px; |
5502 height: 50%; |
5767 height: 50%; |
5503 margin-left: -1px; |
5768 margin-left: -1px; |
5504 border-width: 0px; |
5769 border-width: 0px; |
5505 padding: 0px; |
5770 padding: 0px; |
5506 overflow: hidden; |
5771 overflow: hidden; |
5507 cursor: pointer; |
5772 cursor: pointer; |
5508 } |
5773 } |
5509 .jqx-formatted-input-addon |
5774 |
5510 { |
5775 .jqx-formatted-input-addon { |
5511 width: 19px; |
5776 width: 19px; |
5512 padding: 0 !important; |
5777 padding: 0 !important; |
5513 cursor: pointer; |
5778 cursor: pointer; |
5514 } |
5779 } |
5515 .jqx-formatted-input-addon-rtl |
5780 |
5516 { |
5781 .jqx-formatted-input-addon-rtl { |
5517 border-right-width: 1px !important; |
5782 border-right-width: 1px !important; |
5518 } |
5783 } |
5519 .jqx-complex-input-parent |
5784 |
5520 { |
5785 .jqx-complex-input-parent { |
5521 overflow: hidden; |
5786 overflow: hidden; |
5522 } |
5787 } |
5523 .jqx-complex-input-child |
5788 |
5524 { |
5789 .jqx-complex-input-child { |
5525 height: 100%; |
5790 height: 100%; |
5526 float: left; |
5791 float: left; |
5527 box-sizing: border-box; |
5792 box-sizing: border-box; |
5528 } |
5793 } |
5529 .jqx-complex-input-child-rtl |
5794 |
5530 { |
5795 .jqx-complex-input-child-rtl { |
5531 float: right; |
5796 float: right; |
5532 } |
5797 } |
5533 .jqx-complex-input-spin-buttons-container-ltr |
5798 |
5534 { |
5799 .jqx-complex-input-spin-buttons-container-ltr { |
5535 border-left-width: 0; |
5800 border-left-width: 0; |
5536 } |
5801 } |
5537 .jqx-complex-input-spin-buttons-container-rtl |
5802 |
5538 { |
5803 .jqx-complex-input-spin-buttons-container-rtl { |
5539 border-left-width: 1px !important; |
5804 border-left-width: 1px !important; |
5540 border-right-width: 0; |
5805 border-right-width: 0; |
5541 } |
5806 } |
5542 .jqx-file-upload |
5807 |
5543 { |
5808 .jqx-file-upload { |
5544 position: relative; |
5809 position: relative; |
5545 overflow: auto; |
5810 overflow: auto; |
5546 } |
5811 } |
5547 .jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload |
5812 |
5548 { |
5813 .jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload { |
5549 border-width: 1px; |
5814 border-width: 1px; |
5550 border-style: solid; |
5815 border-style: solid; |
5551 box-sizing: border-box; |
5816 box-sizing: border-box; |
5552 } |
5817 } |
5553 .jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element |
5818 |
5554 { |
5819 .jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element { |
5555 display: none; |
5820 display: none; |
5556 } |
5821 } |
5557 .jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon |
5822 |
5558 { |
5823 .jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon { |
5559 width: 100%; |
5824 width: 100%; |
5560 } |
5825 } |
5561 .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element |
5826 |
5562 { |
5827 .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element { |
5563 height: 100%; |
5828 height: 100%; |
5564 } |
5829 } |
5565 .jqx-file-input-iframe, .jqx-file-upload-form-ie9 |
5830 |
5566 { |
5831 .jqx-file-input-iframe, .jqx-file-upload-form-ie9 { |
5567 position: absolute; |
5832 position: absolute; |
5568 } |
5833 } |
5569 .jqx-file-input-iframe |
5834 |
5570 { |
5835 .jqx-file-input-iframe { |
5571 width: 0; |
5836 width: 0; |
5572 height: 0; |
5837 height: 0; |
5573 border: none; |
5838 border: none; |
5574 } |
5839 } |
5575 .jqx-file-upload-form, .jqx-file-upload-file-input |
5840 |
5576 { |
5841 .jqx-file-upload-form, .jqx-file-upload-file-input { |
5577 visibility: hidden; |
5842 visibility: hidden; |
5578 display: none; |
5843 display: none; |
5579 } |
5844 } |
5580 .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 |
5845 |
5581 { |
5846 .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 { |
5582 display: block; |
5847 display: block; |
5583 visibility: visible; |
5848 visibility: visible; |
5584 } |
5849 } |
5585 .jqx-file-upload-form-ie9 |
5850 |
5586 { |
5851 .jqx-file-upload-form-ie9 { |
5587 z-index: 10000; |
5852 z-index: 10000; |
5588 opacity: 0; |
5853 opacity: 0; |
5589 filter: alpha(opacity=0); |
5854 filter: alpha(opacity=0); |
5590 } |
5855 } |
5591 .jqx-file-upload-file-name |
5856 |
5592 { |
5857 .jqx-file-upload-file-name { |
5593 width: auto; |
5858 width: auto; |
5594 padding: 0 2px 0 2px; |
5859 padding: 0 2px 0 2px; |
5595 overflow: hidden; |
5860 overflow: hidden; |
5596 white-space: nowrap; |
5861 white-space: nowrap; |
5597 text-overflow: ellipsis; |
5862 text-overflow: ellipsis; |
5598 *float: left; |
5863 *float: left; |
5599 } |
5864 } |
5600 .jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element |
5865 |
5601 { |
5866 .jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element { |
5602 float: right; |
5867 float: right; |
5603 } |
5868 } |
5604 .jqx-file-upload, .jqx-file-upload-file-row |
5869 |
5605 { |
5870 .jqx-file-upload, .jqx-file-upload-file-row { |
5606 padding: 5px; |
5871 padding: 5px; |
5607 } |
5872 } |
5608 .jqx-file-upload-button-browse |
5873 |
5609 { |
5874 .jqx-file-upload-button-browse { |
5610 display: block; |
5875 display: block; |
5611 } |
5876 } |
5612 .jqx-file-upload-buttons-container |
5877 |
5613 { |
5878 .jqx-file-upload-buttons-container { |
5614 height: auto; |
5879 height: auto; |
5615 margin-top: 10px; |
5880 margin-top: 10px; |
5616 } |
5881 } |
5617 .jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl |
5882 |
5618 { |
5883 .jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl { |
5619 direction: rtl !important; |
5884 direction: rtl !important; |
5620 } |
5885 } |
5621 .jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl |
5886 |
5622 { |
5887 .jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl { |
5623 margin-left: 5px; |
5888 margin-left: 5px; |
5624 } |
5889 } |
5625 .jqx-file-upload-button-upload-rtl-ie |
5890 |
5626 { |
5891 .jqx-file-upload-button-upload-rtl-ie { |
5627 margin-right: 5px; |
5892 margin-right: 5px; |
5628 } |
5893 } |
5629 .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie |
5894 |
5630 { |
5895 .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie { |
5631 margin-left: 0; |
5896 margin-left: 0; |
5632 } |
5897 } |
5633 .jqx-file-upload-file-row |
5898 |
5634 { |
5899 .jqx-file-upload-file-row { |
5635 height: 30px; |
5900 height: 30px; |
5636 margin-bottom: 3px; |
5901 margin-bottom: 3px; |
5637 clear: both; |
5902 clear: both; |
5638 } |
5903 } |
5639 .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element |
5904 |
5640 { |
5905 .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element { |
5641 width: 17px; |
5906 width: 17px; |
5642 margin: 0 1px 0 1px; |
5907 margin: 0 1px 0 1px; |
5643 } |
5908 } |
5644 .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl |
5909 |
5645 { |
5910 .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl { |
5646 float: none; |
5911 float: none; |
5647 *float: left; |
5912 *float: left; |
5648 } |
5913 } |
5649 .jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload |
5914 |
5650 { |
5915 .jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload { |
5651 cursor: pointer; |
5916 cursor: pointer; |
5652 white-space:nowrap; |
5917 white-space: nowrap; |
5653 } |
5918 } |
5654 .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload |
5919 |
5655 { |
5920 .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload { |
5656 display: inline-block; |
5921 display: inline-block; |
5657 } |
5922 } |
5658 .jqx-file-upload-icon-upload, .jqx-file-upload-loading-element |
5923 |
5659 { |
5924 .jqx-file-upload-icon-upload, .jqx-file-upload-loading-element { |
5660 margin-top: 1px; |
5925 margin-top: 1px; |
5661 } |
5926 } |
5662 .jqx-file-upload-loading-element |
5927 |
5663 { |
5928 .jqx-file-upload-loading-element { |
5664 background-image: url('images/loader-small.gif'); |
5929 background-image: url('images/loader-small.gif'); |
5665 background-repeat: no-repeat; |
5930 background-repeat: no-repeat; |
5666 } |
5931 } |
5667 |
5932 |
5668 .jqx-date-time-input-popup .jqx-icon { |
5933 .jqx-date-time-input-popup .jqx-icon { |
5669 margin-top:0px; |
5934 margin-top: 0px; |
5670 } |
5935 } |
5671 |
5936 |
5672 |
5937 |
5673 .jqx-text-area-element |
5938 .jqx-text-area-element { |
5674 { |
|
5675 height: 100%; |
5939 height: 100%; |
5676 width: 100%; |
5940 width: 100%; |
5677 overflow: hidden; |
5941 overflow: hidden; |
5678 border: none; |
5942 border: none; |
5679 outline: none; |
5943 outline: none; |
5739 top: 0; |
6007 top: 0; |
5740 left: 0; |
6008 left: 0; |
5741 background-color: black; |
6009 background-color: black; |
5742 opacity: 0.6; |
6010 opacity: 0.6; |
5743 } |
6011 } |
5744 .jqx-loader-icon |
6012 |
5745 { |
6013 .jqx-loader-icon { |
5746 background-image: url("images/loader.gif"); |
6014 background-image: url("images/loader.gif"); |
5747 background-repeat: no-repeat; |
6015 background-repeat: no-repeat; |
5748 background-position: center; |
6016 background-position: center; |
5749 width: 100%; |
6017 width: 100%; |
5750 height: 100%; |
6018 height: 100%; |
5751 position: absolute; |
6019 position: absolute; |
5752 z-index: 999; |
6020 z-index: 999; |
5753 } |
6021 } |
5754 .jqx-loader-text |
6022 |
5755 { |
6023 .jqx-loader-text { |
5756 z-index: 999; |
6024 z-index: 999; |
5757 position: relative; |
6025 position: relative; |
5758 } |
6026 } |
5759 .jqx-loader-text-left |
6027 |
5760 { |
6028 .jqx-loader-text-left { |
5761 margin-left: 5px; |
6029 margin-left: 5px; |
5762 position: absolute; |
6030 position: absolute; |
5763 top: 50%; |
6031 top: 50%; |
5764 } |
6032 } |
5765 .jqx-loader-text-right |
6033 |
5766 { |
6034 .jqx-loader-text-right { |
5767 margin-right: 5px; |
6035 margin-right: 5px; |
5768 position: absolute; |
6036 position: absolute; |
5769 top: 50%; |
6037 top: 50%; |
5770 right: 0px; |
6038 right: 0px; |
5771 } |
6039 } |
5772 .jqx-loader-text-top |
6040 |
5773 { |
6041 .jqx-loader-text-top { |
5774 text-align: center; |
6042 text-align: center; |
5775 margin-top: 5px; |
6043 margin-top: 5px; |
5776 } |
6044 } |
5777 .jqx-loader-text-bottom |
6045 |
5778 { |
6046 .jqx-loader-text-bottom { |
5779 bottom: 0px; |
6047 bottom: 0px; |
5780 position: absolute; |
6048 position: absolute; |
5781 text-align: center; |
6049 text-align: center; |
5782 margin: 0 auto; |
6050 margin: 0 auto; |
5783 width: 100%; |
6051 width: 100%; |
5784 margin-bottom: 5px; |
6052 margin-bottom: 5px; |
5785 } |
6053 } |
5786 .jqx-loader-rtl |
6054 |
5787 { |
6055 .jqx-loader-rtl { |
5788 direction: rtl; |
6056 direction: rtl; |
5789 } |
6057 } |
5790 /* jqxLayout and jqxDockingLayout */ |
6058 /* jqxLayout and jqxDockingLayout */ |
5791 .jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content |
6059 .jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content { |
5792 { |
|
5793 position: relative; |
6060 position: relative; |
5794 } |
6061 } |
5795 .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay |
6062 |
5796 { |
6063 .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay { |
5797 position: absolute; |
6064 position: absolute; |
5798 } |
6065 } |
5799 .jqx-layout |
6066 |
5800 { |
6067 .jqx-layout { |
5801 background-color: #c5c5c5; |
6068 background-color: #c5c5c5; |
5802 } |
6069 } |
5803 .jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay |
6070 |
5804 { |
6071 .jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay { |
5805 width: 100%; |
6072 width: 100%; |
5806 height: 100%; |
6073 height: 100%; |
5807 } |
6074 } |
5808 .jqx-layout-group-default-horizontal > div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal |
6075 |
5809 { |
6076 .jqx-layout-group-default-horizontal > div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal { |
5810 float: left; |
6077 float: left; |
5811 } |
6078 } |
5812 .jqx-layout-group-tabbed |
6079 |
5813 { |
6080 .jqx-layout-group-tabbed { |
5814 position: static; |
6081 position: static; |
5815 box-sizing: border-box; |
6082 box-sizing: border-box; |
5816 min-height: 0 !important; |
6083 min-height: 0 !important; |
5817 } |
6084 } |
5818 .jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content |
6085 |
5819 { |
6086 .jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content { |
5820 padding: 0; |
6087 padding: 0; |
5821 } |
6088 } |
5822 .jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section |
6089 |
5823 { |
6090 .jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section { |
5824 border: none; |
6091 border: none; |
5825 } |
6092 } |
5826 .jqx-layout-window |
6093 |
5827 { |
6094 .jqx-layout-window { |
5828 position: static; |
6095 position: static; |
5829 } |
6096 } |
5830 .jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal |
6097 |
5831 { |
6098 .jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal { |
5832 overflow: auto; |
6099 overflow: auto; |
5833 } |
6100 } |
5834 .jqx-layout-group-auto-hide-content-vertical |
6101 |
5835 { |
6102 .jqx-layout-group-auto-hide-content-vertical { |
5836 width: 150px; |
6103 width: 150px; |
5837 } |
6104 } |
5838 .jqx-layout-group-auto-hide-content-horizontal |
6105 |
5839 { |
6106 .jqx-layout-group-auto-hide-content-horizontal { |
5840 width: 100%; |
6107 width: 100%; |
5841 height: 150px; |
6108 height: 150px; |
5842 } |
6109 } |
5843 .jqx-layout-pseudo-window |
6110 |
5844 { |
6111 .jqx-layout-pseudo-window { |
5845 border-width: 1px; |
6112 border-width: 1px; |
5846 border-style: solid; |
6113 border-style: solid; |
5847 box-sizing: border-box; |
6114 box-sizing: border-box; |
5848 box-shadow: none !important; |
6115 box-shadow: none !important; |
5849 } |
6116 } |
5850 .jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content |
6117 |
5851 { |
6118 .jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content { |
5852 width: 100%; |
6119 width: 100%; |
5853 box-sizing: border-box; |
6120 box-sizing: border-box; |
5854 } |
6121 } |
5855 .jqx-layout-pseudo-window-header |
6122 |
5856 { |
6123 .jqx-layout-pseudo-window-header { |
5857 height: 30px; |
6124 height: 30px; |
5858 } |
6125 } |
5859 .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background |
6126 |
5860 { |
6127 .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background { |
5861 width: 16px; |
6128 width: 16px; |
5862 height: 16px; |
6129 height: 16px; |
5863 top: 5px; |
6130 top: 5px; |
5864 } |
6131 } |
5865 .jqx-layout-pseudo-window-pin-background-ltr |
6132 |
5866 { |
6133 .jqx-layout-pseudo-window-pin-background-ltr { |
5867 right: 15px; |
6134 right: 15px; |
5868 } |
6135 } |
5869 .jqx-layout-pseudo-window-close-background-ltr |
6136 |
5870 { |
6137 .jqx-layout-pseudo-window-close-background-ltr { |
5871 right: 0; |
6138 right: 0; |
5872 } |
6139 } |
5873 .jqx-layout-pseudo-window-pin-background-rtl |
6140 |
5874 { |
6141 .jqx-layout-pseudo-window-pin-background-rtl { |
5875 left: 15px; |
6142 left: 15px; |
5876 } |
6143 } |
5877 .jqx-layout-pseudo-window-close-background-rtl |
6144 |
5878 { |
6145 .jqx-layout-pseudo-window-close-background-rtl { |
5879 left: 0; |
6146 left: 0; |
5880 } |
6147 } |
5881 .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon |
6148 |
5882 { |
6149 .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon { |
5883 cursor: pointer; |
6150 cursor: pointer; |
5884 } |
6151 } |
5885 .jqx-layout-pseudo-window-title |
6152 |
5886 { |
6153 .jqx-layout-pseudo-window-title { |
5887 white-space: nowrap; |
6154 white-space: nowrap; |
5888 overflow: hidden; |
6155 overflow: hidden; |
5889 text-overflow: ellipsis; |
6156 text-overflow: ellipsis; |
5890 } |
6157 } |
5891 .jqx-layout-pseudo-window-pin-icon |
6158 |
5892 { |
6159 .jqx-layout-pseudo-window-pin-icon { |
5893 background-image: url("images/pin.png"); |
6160 background-image: url("images/pin.png"); |
5894 } |
6161 } |
5895 .jqx-layout-pseudo-window-pinned-icon |
6162 |
5896 { |
6163 .jqx-layout-pseudo-window-pinned-icon { |
5897 background-image: url("images/pinned.png"); |
6164 background-image: url("images/pinned.png"); |
5898 } |
6165 } |
5899 .jqx-layout-pseudo-window-title-rtl |
6166 |
5900 { |
6167 .jqx-layout-pseudo-window-title-rtl { |
5901 float: right; |
6168 float: right; |
5902 } |
6169 } |
5903 .jqx-layout-resize-feedback |
6170 |
5904 { |
6171 .jqx-layout-resize-feedback { |
5905 z-index: 9999; |
6172 z-index: 9999; |
5906 top: 0; |
6173 top: 0; |
5907 left: 0; |
6174 left: 0; |
5908 border-width: 1px; |
6175 border-width: 1px; |
5909 border-style: solid; |
6176 border-style: solid; |
5910 box-sizing: border-box; |
6177 box-sizing: border-box; |
5911 opacity: 0.6; |
6178 opacity: 0.6; |
5912 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; |
6179 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; |
5913 *filter: alpha(opacity=60); |
|
5914 display: none; |
6180 display: none; |
5915 } |
6181 } |
5916 .jqx-layout-resize-feedback-horizontal |
6182 |
5917 { |
6183 .jqx-layout-resize-feedback-horizontal { |
5918 width: 100%; |
6184 width: 100%; |
5919 height: 4px; |
6185 height: 4px; |
5920 cursor: row-resize; |
6186 cursor: row-resize; |
5921 } |
6187 } |
5922 .jqx-layout-resize-feedback-vertical |
6188 |
5923 { |
6189 .jqx-layout-resize-feedback-vertical { |
5924 width: 4px; |
6190 width: 4px; |
5925 height: 100%; |
6191 height: 100%; |
5926 cursor: col-resize; |
6192 cursor: col-resize; |
5927 } |
6193 } |
5928 .jqx-layout-resize-feedback-warning |
6194 |
5929 { |
6195 .jqx-layout-resize-feedback-warning { |
5930 border-color: #800000 !important; |
6196 border-color: #800000 !important; |
5931 background-color: Red !important; |
6197 background-color: Red !important; |
5932 } |
6198 } |
5933 .jqx-layout-overlay |
6199 |
5934 { |
6200 .jqx-layout-overlay { |
5935 top: 0; |
6201 top: 0; |
5936 left: 0; |
6202 left: 0; |
5937 display: none; |
6203 display: none; |
5938 background-color: transparent; |
6204 background-color: transparent; |
5939 z-index: 8999; |
6205 z-index: 8999; |
5940 } |
6206 pointer-events: none; |
5941 .jqx-layout-ribbon-header-ltr |
6207 } |
5942 { |
6208 |
|
6209 .jqx-layout-ribbon-header-ltr { |
5943 padding-left: 20px; |
6210 padding-left: 20px; |
5944 } |
6211 } |
5945 .jqx-layout-ribbon-header-rtl |
6212 |
5946 { |
6213 .jqx-layout-ribbon-header-rtl { |
5947 padding-right: 20px; |
6214 padding-right: 20px; |
5948 } |
6215 } |
5949 |
6216 |
5950 /* jqxDockingLayout-specific */ |
6217 /* jqxDockingLayout-specific */ |
5951 .jqx-docking-layout-group-floating |
6218 .jqx-docking-layout-group-floating { |
5952 { |
|
5953 border-color: #FFD280 !important; |
6219 border-color: #FFD280 !important; |
5954 } |
6220 } |
5955 .jqx-docking-layout-group-floating .jqx-window-header |
6221 |
5956 { |
6222 .jqx-docking-layout-group-floating .jqx-window-header { |
5957 border-color: #FFD280; |
6223 border-color: #FFD280; |
5958 background-color: #FFD280 !important; |
6224 background-color: #FFD280 !important; |
5959 background: -webkit-linear-gradient(#FFE4B5, #FFD280) !important; |
6225 background: -webkit-linear-gradient(#FFE4B5, #FFD280) !important; |
5960 background: -o-linear-gradient(#FFE4B5, #FFD280) !important; |
6226 background: -o-linear-gradient(#FFE4B5, #FFD280) !important; |
5961 background: -moz-linear-gradient(#FFE4B5, #FFD280) !important; |
6227 background: -moz-linear-gradient(#FFE4B5, #FFD280) !important; |
5962 background: linear-gradient(#FFE4B5, #FFD280 ) !important; |
6228 background: linear-gradient(#FFE4B5, #FFD280 ) !important; |
5963 } |
6229 } |
|
6230 |
5964 .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge { |
6231 .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge { |
5965 z-index: 99999; |
6232 z-index: 99999; |
5966 opacity: 0.9; |
6233 opacity: 0.9; |
5967 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; |
6234 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; |
5968 *filter: alpha(opacity=90); |
6235 } |
5969 } |
6236 |
5970 .jqx-docking-layout-overlay-square-edge { |
6237 .jqx-docking-layout-overlay-square-edge { |
5971 display: none; |
6238 display: none; |
5972 } |
6239 } |
5973 .jqx-docking-layout-overlay |
6240 |
5974 { |
6241 .jqx-docking-layout-overlay { |
5975 width: 100px; |
6242 width: 100px; |
5976 height: 100px; |
6243 height: 100px; |
5977 left: 100px; |
6244 left: 100px; |
5978 top: 70px; |
6245 top: 70px; |
5979 } |
6246 } |
5980 .jqx-docking-layout-overlay-section |
6247 |
5981 { |
6248 .jqx-docking-layout-overlay-section { |
5982 height: 33px; |
6249 height: 33px; |
5983 width: 100px; |
6250 width: 100px; |
5984 } |
6251 } |
5985 .jqx-docking-layout-overlay-square |
6252 |
5986 { |
6253 .jqx-docking-layout-overlay-square { |
5987 width: 26px; |
6254 width: 26px; |
5988 height: 26px; |
6255 height: 26px; |
5989 padding: 3px; |
6256 padding: 3px; |
5990 } |
6257 } |
5991 .jqx-docking-layout-overlay-square-invisible |
6258 |
5992 { |
6259 .jqx-docking-layout-overlay-square-invisible { |
5993 background-color: transparent !important; |
6260 background-color: transparent !important; |
5994 background-image: none !important; |
6261 background-image: none !important; |
5995 } |
6262 } |
5996 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom |
6263 |
5997 { |
6264 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom { |
5998 border-top-width: 1px; |
6265 border-top-width: 1px; |
5999 border-top-style: solid; |
6266 border-top-style: solid; |
6000 } |
6267 } |
6001 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right |
6268 |
6002 { |
6269 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right { |
6003 border-left-width: 1px; |
6270 border-left-width: 1px; |
6004 border-left-style: solid; |
6271 border-left-style: solid; |
6005 } |
6272 } |
6006 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left |
6273 |
6007 { |
6274 .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left { |
6008 border-right-width: 1px; |
6275 border-right-width: 1px; |
6009 border-right-style: solid; |
6276 border-right-style: solid; |
6010 } |
6277 } |
6011 .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top |
6278 |
6012 { |
6279 .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top { |
6013 border-bottom-width: 1px; |
6280 border-bottom-width: 1px; |
6014 border-bottom-style: solid; |
6281 border-bottom-style: solid; |
6015 } |
6282 } |
6016 .jqx-docking-layout-overlay-square-center |
6283 |
6017 { |
6284 .jqx-docking-layout-overlay-square-center { |
6018 border-color: transparent !important; |
6285 border-color: transparent !important; |
6019 } |
6286 } |
6020 .jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical |
6287 |
6021 { |
6288 .jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical { |
6022 width: 24px; |
6289 width: 24px; |
6023 } |
6290 } |
6024 .jqx-docking-layout-overlay-inner-square |
6291 |
6025 { |
6292 .jqx-docking-layout-overlay-inner-square { |
6026 border-width: 1px; |
6293 border-width: 1px; |
6027 border-style: solid; |
6294 border-style: solid; |
6028 height: 24px; |
6295 height: 24px; |
6029 } |
6296 } |
6030 .jqx-docking-layout-overlay-inner-square-header |
6297 |
6031 { |
6298 .jqx-docking-layout-overlay-inner-square-header { |
6032 height: 5px; |
6299 height: 5px; |
6033 } |
6300 } |
6034 .jqx-docking-layout-overlay-inner-square-content |
6301 |
6035 { |
6302 .jqx-docking-layout-overlay-inner-square-content { |
6036 height: 18px; |
6303 height: 18px; |
6037 } |
6304 } |
6038 .jqx-docking-layout-overlay-highlight |
6305 |
6039 { |
6306 .jqx-docking-layout-overlay-highlight { |
6040 } |
6307 } |
6041 .jqx-docking-layout-overlay-highlight-top |
6308 |
6042 { |
6309 .jqx-docking-layout-overlay-highlight-top { |
6043 height: 9px; |
6310 height: 9px; |
6044 border-bottom-style: dashed; |
6311 border-bottom-style: dashed; |
6045 } |
6312 } |
6046 .jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right |
6313 |
6047 { |
6314 .jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right { |
6048 width: 12px; |
6315 width: 12px; |
6049 height: 18px; |
6316 height: 18px; |
6050 } |
6317 } |
6051 .jqx-docking-layout-overlay-highlight-left |
6318 |
6052 { |
6319 .jqx-docking-layout-overlay-highlight-left { |
6053 border-right-style: dashed; |
6320 border-right-style: dashed; |
6054 } |
6321 } |
6055 .jqx-docking-layout-overlay-highlight-right |
6322 |
6056 { |
6323 .jqx-docking-layout-overlay-highlight-right { |
6057 right: 0; |
6324 right: 0; |
6058 border-left-style: dashed; |
6325 border-left-style: dashed; |
6059 } |
6326 } |
6060 .jqx-docking-layout-overlay-highlight-bottom |
6327 |
6061 { |
6328 .jqx-docking-layout-overlay-highlight-bottom { |
6062 bottom: 0; |
6329 bottom: 0; |
6063 height: 9px; |
6330 height: 9px; |
6064 border-top-style: dashed; |
6331 border-top-style: dashed; |
6065 } |
6332 } |
|
6333 |
6066 .jqx-docking-layout-drop-overlay { |
6334 .jqx-docking-layout-drop-overlay { |
6067 display: none; |
6335 display: none; |
6068 background-color: #6495ED; |
6336 background-color: #6495ED; |
6069 opacity: 0.5; |
6337 opacity: 0.5; |
6070 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; |
6338 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; |
6071 *filter: alpha(opacity=50); |
|
6072 z-index: 10000; |
6339 z-index: 10000; |
6073 top: 0px; |
6340 top: 0px; |
6074 left: 0px; |
6341 left: 0px; |
6075 } |
6342 } |
6076 .jqx-docking-layout-square-disabled |
6343 |
6077 { |
6344 .jqx-docking-layout-square-disabled { |
6078 visibility: hidden; |
6345 visibility: hidden; |
6079 } |
6346 } |
6080 .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical |
6347 |
6081 { |
6348 .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical { |
6082 border-style: solid; |
6349 border-style: solid; |
6083 border-width: 1px; |
6350 border-width: 1px; |
6084 } |
6351 } |
6085 .jqx-docking-layout-overlay-inner-square-edge |
6352 |
6086 { |
6353 .jqx-docking-layout-overlay-inner-square-edge { |
6087 width: 26px; |
6354 width: 26px; |
6088 height: 26px; |
6355 height: 26px; |
6089 } |
6356 } |
6090 .jqx-docking-layout-overlay-mini-window-edge-horizontal |
6357 |
6091 { |
6358 .jqx-docking-layout-overlay-mini-window-edge-horizontal { |
6092 height: 24px; |
6359 height: 24px; |
6093 } |
6360 } |
6094 .jqx-docking-layout-overlay-mini-window-edge-vertical |
6361 |
6095 { |
6362 .jqx-docking-layout-overlay-mini-window-edge-vertical { |
6096 height: 13px; |
6363 height: 13px; |
6097 } |
6364 } |
6098 .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal |
6365 |
6099 { |
6366 .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal { |
6100 width: 13px; |
6367 width: 13px; |
6101 } |
6368 } |
6102 .jqx-docking-layout-overlay-inner-square-content-vertical |
6369 |
6103 { |
6370 .jqx-docking-layout-overlay-inner-square-content-vertical { |
6104 height: 7px; |
6371 height: 7px; |
6105 } |
6372 } |
6106 .jqx-docking-layout-overlay-square-edge-arrow |
6373 |
6107 { |
6374 .jqx-docking-layout-overlay-square-edge-arrow { |
6108 border-style: solid; |
6375 border-style: solid; |
6109 border-width: 5px; |
6376 border-width: 5px; |
6110 width: 0px; |
6377 width: 0px; |
6111 height: 0px; |
6378 height: 0px; |
6112 display: block; |
6379 display: block; |
6113 background: transparent !important; |
6380 background: transparent !important; |
6114 *filter: inherit; |
6381 } |
6115 } |
6382 |
6116 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top |
6383 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top { |
6117 { |
|
6118 border-top-color: transparent !important; |
6384 border-top-color: transparent !important; |
6119 } |
6385 } |
6120 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
6386 |
6121 { |
6387 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom { |
6122 border-bottom-color: transparent !important; |
6388 border-bottom-color: transparent !important; |
6123 } |
6389 } |
6124 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
6390 |
6125 { |
6391 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { |
6126 border-left-color: transparent !important; |
6392 border-left-color: transparent !important; |
6127 } |
6393 } |
6128 .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
6394 |
6129 { |
6395 .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { |
6130 border-right-color: transparent !important; |
6396 border-right-color: transparent !important; |
6131 } |
6397 } |
6132 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right |
6398 |
6133 { |
6399 .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right { |
6134 margin-top: 8px; |
6400 margin-top: 8px; |
6135 } |
6401 } |
6136 .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom |
6402 |
6137 { |
6403 .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { |
6138 margin-left: 8px; |
6404 margin-left: 8px; |
6139 } |
6405 } |
6140 |
6406 |
6141 .jqx-tag-cloud ul { |
6407 .jqx-tag-cloud ul { |
6142 padding-left: 5px; |
6408 padding-left: 5px; |
6143 } |
6409 } |
6144 |
6410 |
6145 .jqx-tag-cloud-item{ |
6411 .jqx-tag-cloud-item { |
6146 padding: 3px; |
6412 padding: 3px; |
6147 display:inline-block; |
6413 display: inline-block; |
6148 } |
6414 } |
6149 |
6415 |
6150 .jqx-tag-cloud-item a { |
6416 .jqx-tag-cloud-item a { |
6151 text-decoration: initial; |
6417 text-decoration: initial; |
6152 } |
6418 } |
6153 |
6419 |
6154 .jqx-tag-cloud-item a:hover { |
6420 .jqx-tag-cloud-item a:hover { |
6155 text-decoration: underline; |
6421 text-decoration: underline; |
6156 } |
6422 } |
|
6423 |
6157 .jqx-popover { |
6424 .jqx-popover { |
6158 position: absolute; |
6425 position: absolute; |
6159 top: 0; |
6426 top: 0; |
6160 left: 0; |
6427 left: 0; |
6161 z-index: 9999; |
6428 z-index: 9999; |
6162 background-color: #ffffff; |
6429 background-color: #ffffff; |
6163 border: 1px solid #aaa; |
6430 border: 1px solid #aaa; |
6164 border: 1px solid rgba(0, 0, 0, 0.3); |
6431 border: 1px solid rgba(0, 0, 0, 0.3); |
6165 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); |
6432 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); |
6166 } |
6433 } |
6167 .jqx-popover-modal-background |
6434 |
6168 { |
6435 .jqx-popover-modal-background { |
6169 position:fixed; |
6436 position: fixed; |
6170 left:0px; |
6437 left: 0px; |
6171 top:0px; |
6438 top: 0px; |
6172 width:100%; |
6439 width: 100%; |
6173 height:100%; |
6440 height: 100%; |
6174 z-index:999; |
6441 z-index: 999; |
6175 /* Fallback for web browsers that don't support RGBa */ |
6442 /* Fallback for web browsers that don't support RGBa */ |
6176 background-color: rgb(0, 0, 0); |
6443 background-color: rgb(0, 0, 0); |
6177 /* RGBa with 0.6 opacity */ |
6444 /* RGBa with 0.6 opacity */ |
6178 background-color: rgba(0, 0, 0, 0.6); |
6445 background-color: rgba(0, 0, 0, 0.6); |
6179 /* For IE 5.5 - 7*/ |
6446 /* For IE 5.5 - 7*/ |
6180 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); |
6447 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); |
6181 /* For IE 8*/ |
6448 /* For IE 8*/ |
6182 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; |
6449 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; |
6183 } |
6450 } |
|
6451 |
6184 .jqx-popover-close-button { |
6452 .jqx-popover-close-button { |
6185 width:16px; |
6453 width: 16px; |
6186 height:16px; |
6454 height: 16px; |
6187 float:right; |
6455 float: right; |
6188 } |
6456 } |
|
6457 |
6189 .jqx-popover-close-button-rtl { |
6458 .jqx-popover-close-button-rtl { |
6190 float:left; |
6459 float: left; |
6191 } |
6460 } |
|
6461 |
6192 .jqx-popover.top { |
6462 .jqx-popover.top { |
6193 margin-top: -10px; |
6463 margin-top: -10px; |
6194 } |
6464 } |
6195 |
6465 |
6196 .jqx-popover.right { |
6466 .jqx-popover.right { |
6197 margin-left: 10px; |
6467 margin-left: 10px; |
6198 } |
6468 } |
6199 |
6469 |
6200 .jqx-popover.bottom { |
6470 .jqx-popover.bottom { |
6201 margin-top: 10px; |
6471 margin-top: 10px; |
6202 } |
6472 } |
6203 |
6473 |
6204 .jqx-popover.left { |
6474 .jqx-popover.left { |
6205 margin-left: -10px; |
6475 margin-left: -10px; |
6206 } |
6476 } |
6207 |
6477 |
6208 .jqx-popover-title { |
6478 .jqx-popover-title { |
6209 padding: 8px 14px; |
6479 padding: 8px 14px; |
6210 margin: 0; |
6480 margin: 0; |
6211 border-bottom: 1px solid inherit; |
6481 border-bottom: 1px solid inherit; |
6212 -webkit-border-radius: 3px 3px 0 0; |
6482 -webkit-border-radius: 3px 3px 0 0; |
6213 -moz-border-radius: 3px 3px 0 0; |
6483 -moz-border-radius: 3px 3px 0 0; |
6214 border-radius: 3px 3px 0 0; |
6484 border-radius: 3px 3px 0 0; |
6215 } |
6485 } |
6216 |
6486 |
6217 .jqx-popover-title:empty { |
6487 .jqx-popover-title:empty { |
6218 display: none; |
6488 display: none; |
6219 } |
6489 } |
6220 |
6490 |
6221 .jqx-popover-content { |
6491 .jqx-popover-content { |
6222 padding: 9px 14px; |
6492 padding: 9px 14px; |
6223 } |
6493 } |
6224 |
6494 |
6225 .jqx-popover .jqx-popover-arrow, |
6495 .jqx-popover .jqx-popover-arrow, |
6226 .jqx-popover .jqx-popover-arrow:after { |
6496 .jqx-popover .jqx-popover-arrow:after { |
6227 position: absolute; |
6497 position: absolute; |
6228 display: block; |
6498 display: block; |
6229 width: 0; |
6499 width: 0; |
6230 height: 0; |
6500 height: 0; |
6231 border-color: transparent; |
6501 border-color: transparent; |
6232 border-style: solid; |
6502 border-style: solid; |
6233 } |
6503 } |
6234 |
6504 |
6235 .jqx-popover .jqx-popover-arrow { |
6505 .jqx-popover .jqx-popover-arrow { |
6236 border-width: 11px; |
6506 border-width: 11px; |
6237 } |
6507 } |
6238 |
6508 |
6239 .jqx-popover .jqx-popover-arrow:after { |
6509 .jqx-popover .jqx-popover-arrow:after { |
6240 border-width: 10px; |
6510 border-width: 10px; |
6241 content: ""; |
6511 content: ""; |
6242 } |
6512 } |
6243 |
6513 |
6244 .jqx-popover.top .jqx-popover-arrow { |
6514 .jqx-popover.top .jqx-popover-arrow { |
6245 bottom: -11px; |
6515 bottom: -11px; |
6246 left: 50%; |
6516 left: 50%; |
6247 margin-left: -11px; |
6517 margin-left: -11px; |
6248 border-top-color: inherit; |
6518 border-top-color: inherit; |
6249 border-bottom-width: 0; |
6519 border-bottom-width: 0; |
6250 } |
6520 } |
6251 |
6521 |
6252 .jqx-popover.top .jqx-popover-arrow:after { |
6522 .jqx-popover.top .jqx-popover-arrow:after { |
6253 bottom: 1px; |
6523 bottom: 1px; |
6254 margin-left: -10px; |
6524 margin-left: -10px; |
6255 border-top-color: #ffffff; |
6525 border-top-color: #ffffff; |
6256 border-bottom-width: 0; |
6526 border-bottom-width: 0; |
6257 } |
6527 } |
6258 |
6528 |
6259 .jqx-popover.right .jqx-popover-arrow { |
6529 .jqx-popover.right .jqx-popover-arrow { |
6260 top: 50%; |
6530 top: 50%; |
6261 left: -11px; |
6531 left: -11px; |
6262 margin-top: -11px; |
6532 margin-top: -11px; |
6263 border-right-color: inherit; |
6533 border-right-color: inherit; |
6264 border-left-width: 0; |
6534 border-left-width: 0; |
6265 } |
6535 } |
6266 |
6536 |
6267 .jqx-popover.right .jqx-popover-arrow:after { |
6537 .jqx-popover.right .jqx-popover-arrow:after { |
6268 bottom: -10px; |
6538 bottom: -10px; |
6269 left: 1px; |
6539 left: 1px; |
6270 border-right-color: #ffffff; |
6540 border-right-color: #ffffff; |
6271 border-left-width: 0; |
6541 border-left-width: 0; |
6272 } |
6542 } |
6273 |
6543 |
6274 .jqx-popover.bottom .jqx-popover-arrow { |
6544 .jqx-popover.bottom .jqx-popover-arrow { |
6275 top: -11px; |
6545 top: -11px; |
6276 left: 50%; |
6546 left: 50%; |
6277 margin-left: -11px; |
6547 margin-left: -11px; |
6278 border-bottom-color:inherit; |
6548 border-bottom-color: inherit; |
6279 border-top-width: 0; |
6549 border-top-width: 0; |
6280 } |
6550 } |
6281 |
6551 |
6282 .jqx-popover.bottom .jqx-popover-arrow:after { |
6552 .jqx-popover.bottom .jqx-popover-arrow:after { |
6283 top: 1px; |
6553 top: 1px; |
6284 margin-left: -10px; |
6554 margin-left: -10px; |
6285 border-bottom-color: #ffffff; |
6555 border-bottom-color: #ffffff; |
6286 border-top-width: 0; |
6556 border-top-width: 0; |
6287 } |
6557 } |
6288 |
6558 |
6289 .jqx-popover.left .jqx-popover-arrow { |
6559 .jqx-popover.left .jqx-popover-arrow { |
6290 top: 50%; |
6560 top: 50%; |
6291 right: -11px; |
6561 right: -11px; |
6292 margin-top: -11px; |
6562 margin-top: -11px; |
6293 border-right-width: 0; border-left-color: inherit; |
6563 border-right-width: 0; |
6294 } |
6564 border-left-color: inherit; |
6295 |
6565 } |
6296 .jqx-popover.left .jqx-popover-arrow:after { |
6566 |
6297 right: 1px; |
6567 .jqx-popover.left .jqx-popover-arrow:after { |
6298 bottom: -10px; |
6568 right: 1px; |
6299 border-left-color: #ffffff; |
6569 bottom: -10px; |
6300 border-right-width: 0; |
6570 border-left-color: #ffffff; |
6301 } |
6571 border-right-width: 0; |
|
6572 } |
6302 |
6573 |
6303 |
6574 |
6304 .jqx-kanban-full-frame { |
6575 .jqx-kanban-full-frame { |
6305 width: 100vw; |
6576 width: 100vw; |
6306 height: 100vh; |
6577 height: 100vh; |
6572 } |
6856 } |
6573 |
6857 |
6574 .jqx-kanban-clearing { |
6858 .jqx-kanban-clearing { |
6575 clear: both; |
6859 clear: both; |
6576 } |
6860 } |
|
6861 |
6577 .jqx-sortable { |
6862 .jqx-sortable { |
6578 touch-action: none; |
6863 touch-action: none; |
6579 -ms-touch-action: none; |
6864 -ms-touch-action: none; |
6580 } |
6865 } |
6581 |
6866 |
6582 .jqx-bar-gauge-tooltip { |
6867 .jqx-bar-gauge-tooltip { |
6583 position:absolute; |
6868 position: absolute; |
6584 left:20px; |
6869 left: 20px; |
6585 top:20px; |
6870 top: 20px; |
6586 display:none; |
6871 display: none; |
6587 padding: 6px 12px; |
6872 padding: 6px 12px; |
6588 border:black solid 1px; |
6873 border: black solid 1px; |
6589 background-color: white; |
6874 background-color: white; |
6590 color: #333333; |
6875 color: #333333; |
6591 font-size: 11px; |
6876 font-size: 11px; |
6592 font-weight:100; |
6877 font-weight: 100; |
6593 font-family: Verdana; |
6878 font-family: Verdana; |
6594 border:black solid 1px; |
6879 border: black solid 1px; |
6595 border-radius:3px; |
6880 border-radius: 3px; |
6596 opacity: 1; |
6881 opacity: 1; |
6597 white-space: nowrap; |
6882 white-space: nowrap; |
6598 z-index:5; |
6883 z-index: 5; |
6599 } |
6884 } |
6600 |
6885 |
6601 .jqx-bar-gauge-measure-text { |
6886 .jqx-bar-gauge-measure-text { |
6602 position: absolute; |
6887 position: absolute; |
6603 top: 0; |
6888 top: 0; |
6604 right: 0; |
6889 right: 0; |
6605 visibility: hidden; |
6890 visibility: hidden; |
6606 z-index:-99999; |
6891 z-index: -99999; |
6607 margin:0px; |
6892 margin: 0px; |
6608 padding:0px; |
6893 padding: 0px; |
6609 border-width:0px; |
6894 border-width: 0px; |
6610 } |
6895 } |
|
6896 |
6611 .jqx-scrollbar-mobile { |
6897 .jqx-scrollbar-mobile { |
6612 background: transparent !important; |
6898 background: transparent !important; |
6613 } |
6899 } |
|
6900 |
6614 .jqx-scrollbar-mobile .jqx-scrollbar-state-normal { |
6901 .jqx-scrollbar-mobile .jqx-scrollbar-state-normal { |
6615 background: transparent !important; |
6902 background: transparent !important; |
6616 border-color: transparent !important; |
6903 border-color: transparent !important; |
6617 } |
6904 } |
6618 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal{ |
6905 |
6619 background: #808080 ! important; |
6906 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { |
6620 border-color: #808080 !important; |
6907 background: #808080 !important; |
6621 border-width: 1px; |
6908 border-color: #808080 !important; |
6622 z-index:99999; |
6909 border-width: 1px; |
6623 border-radius: 0px !important; |
6910 z-index: 99999; |
6624 } |
6911 border-radius: 0px !important; |
|
6912 } |
|
6913 |
6625 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { |
6914 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { |
6626 width: 4px ! important; |
6915 width: 4px !important; |
6627 } |
6916 } |
|
6917 |
6628 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal { |
6918 .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal { |
6629 height: 4px !important; |
6919 height: 4px !important; |
6630 } |
6920 } |
6631 |
6921 |
6632 |
6922 |
6633 .jqx-primary .jqx-icon-arrow-down, .jqx-warning .jqx-icon-arrow-down, .jqx-danger .jqx-icon-arrow-down, .jqx-success .jqx-icon-arrow-down, .jqx-info .jqx-icon-arrow-down { |
6923 .jqx-primary .jqx-icon-arrow-down, .jqx-warning .jqx-icon-arrow-down, .jqx-danger .jqx-icon-arrow-down, .jqx-success .jqx-icon-arrow-down, .jqx-info .jqx-icon-arrow-down { |
6634 background-image: url('images/icon-down-white.png'); |
6924 background-image: url('images/icon-down-white.png'); |
6635 } |
6925 } |
|
6926 |
6636 .jqx-primary .jqx-icon-arrow-down-selected, .jqx-warning .jqx-icon-arrow-down-selected, .jqx-danger .jqx-icon-arrow-down-selected, .jqx-success .jqx-icon-arrow-down-selected, .jqx-info .jqx-icon-arrow-down-selected { |
6927 .jqx-primary .jqx-icon-arrow-down-selected, .jqx-warning .jqx-icon-arrow-down-selected, .jqx-danger .jqx-icon-arrow-down-selected, .jqx-success .jqx-icon-arrow-down-selected, .jqx-info .jqx-icon-arrow-down-selected { |
6637 background-image: url('images/icon-down-white.png'); |
6928 background-image: url('images/icon-down-white.png'); |
6638 } |
6929 } |
|
6930 |
6639 .jqx-primary .jqx-icon-arrow-down-hover, .jqx-warning .jqx-icon-arrow-down-hover, .jqx-danger .jqx-icon-arrow-down-hover, .jqx-success .jqx-icon-arrow-down-hover, .jqx-info .jqx-icon-arrow-down-hover { |
6931 .jqx-primary .jqx-icon-arrow-down-hover, .jqx-warning .jqx-icon-arrow-down-hover, .jqx-danger .jqx-icon-arrow-down-hover, .jqx-success .jqx-icon-arrow-down-hover, .jqx-info .jqx-icon-arrow-down-hover { |
6640 background-image: url('images/icon-down-white.png'); |
6932 background-image: url('images/icon-down-white.png'); |
6641 } |
6933 } |
|
6934 |
6642 .jqx-primary .jqx-icon-arrow-up, .jqx-warning .jqx-icon-arrow-up, .jqx-danger .jqx-icon-arrow-up, .jqx-success .jqx-icon-arrow-up, .jqx-info .jqx-icon-arrow-up { |
6935 .jqx-primary .jqx-icon-arrow-up, .jqx-warning .jqx-icon-arrow-up, .jqx-danger .jqx-icon-arrow-up, .jqx-success .jqx-icon-arrow-up, .jqx-info .jqx-icon-arrow-up { |
6643 background-image: url('images/icon-up-white.png'); |
6936 background-image: url('images/icon-up-white.png'); |
6644 } |
6937 } |
|
6938 |
6645 .jqx-primary .jqx-icon-arrow-up-selected, .jqx-warning .jqx-icon-arrow-up-selected, .jqx-danger .jqx-icon-arrow-up-selected, .jqx-success .jqx-icon-arrow-up-selected, .jqx-info .jqx-icon-arrow-up-selected { |
6939 .jqx-primary .jqx-icon-arrow-up-selected, .jqx-warning .jqx-icon-arrow-up-selected, .jqx-danger .jqx-icon-arrow-up-selected, .jqx-success .jqx-icon-arrow-up-selected, .jqx-info .jqx-icon-arrow-up-selected { |
6646 background-image: url('images/icon-up-white.png'); |
6940 background-image: url('images/icon-up-white.png'); |
6647 } |
6941 } |
|
6942 |
6648 .jqx-primary .jqx-icon-arrow-up-hover, .jqx-warning .jqx-icon-arrow-up-hover, .jqx-danger .jqx-icon-arrow-up-hover, .jqx-success .jqx-icon-arrow-up-hover, .jqx-info .jqx-icon-arrow-up-hover { |
6943 .jqx-primary .jqx-icon-arrow-up-hover, .jqx-warning .jqx-icon-arrow-up-hover, .jqx-danger .jqx-icon-arrow-up-hover, .jqx-success .jqx-icon-arrow-up-hover, .jqx-info .jqx-icon-arrow-up-hover { |
6649 background-image: url('images/icon-up-white.png'); |
6944 background-image: url('images/icon-up-white.png'); |
6650 } |
6945 } |
6651 |
6946 |
6652 .jqx-primary .jqx-icon-arrow-right, .jqx-warning .jqx-icon-arrow-right, .jqx-danger .jqx-icon-arrow-right, .jqx-success .jqx-icon-arrow-right, .jqx-info .jqx-icon-arrow-right { |
6947 .jqx-primary .jqx-icon-arrow-right, .jqx-warning .jqx-icon-arrow-right, .jqx-danger .jqx-icon-arrow-right, .jqx-success .jqx-icon-arrow-right, .jqx-info .jqx-icon-arrow-right { |
6653 background-image: url('images/icon-right-white.png'); |
6948 background-image: url('images/icon-right-white.png'); |
6654 } |
6949 } |
|
6950 |
6655 .jqx-primary .jqx-icon-arrow-right-selected, .jqx-warning .jqx-icon-arrow-right-selected, .jqx-danger .jqx-icon-arrow-right-selected, .jqx-success .jqx-icon-arrow-right-selected, .jqx-info .jqx-icon-arrow-right-selected { |
6951 .jqx-primary .jqx-icon-arrow-right-selected, .jqx-warning .jqx-icon-arrow-right-selected, .jqx-danger .jqx-icon-arrow-right-selected, .jqx-success .jqx-icon-arrow-right-selected, .jqx-info .jqx-icon-arrow-right-selected { |
6656 background-image: url('images/icon-right-white.png'); |
6952 background-image: url('images/icon-right-white.png'); |
6657 } |
6953 } |
|
6954 |
6658 .jqx-primary .jqx-icon-arrow-right-hover, .jqx-warning .jqx-icon-arrow-right-hover, .jqx-danger .jqx-icon-arrow-right-hover, .jqx-success .jqx-icon-arrow-right-hover, .jqx-info .jqx-icon-arrow-right-hover { |
6955 .jqx-primary .jqx-icon-arrow-right-hover, .jqx-warning .jqx-icon-arrow-right-hover, .jqx-danger .jqx-icon-arrow-right-hover, .jqx-success .jqx-icon-arrow-right-hover, .jqx-info .jqx-icon-arrow-right-hover { |
6659 background-image: url('images/icon-right-white.png'); |
6956 background-image: url('images/icon-right-white.png'); |
6660 } |
6957 } |
|
6958 |
6661 .jqx-primary .jqx-icon-arrow-left, .jqx-warning .jqx-icon-arrow-left, .jqx-danger .jqx-icon-arrow-left, .jqx-success .jqx-icon-arrow-left, .jqx-info .jqx-icon-arrow-left { |
6959 .jqx-primary .jqx-icon-arrow-left, .jqx-warning .jqx-icon-arrow-left, .jqx-danger .jqx-icon-arrow-left, .jqx-success .jqx-icon-arrow-left, .jqx-info .jqx-icon-arrow-left { |
6662 background-image: url('images/icon-left-white.png'); |
6960 background-image: url('images/icon-left-white.png'); |
6663 } |
6961 } |
|
6962 |
6664 .jqx-primary .jqx-icon-arrow-left-selected, .jqx-warning .jqx-icon-arrow-left-selected, .jqx-danger .jqx-icon-arrow-left-selected, .jqx-success .jqx-icon-arrow-left-selected, .jqx-info .jqx-icon-arrow-left-selected { |
6963 .jqx-primary .jqx-icon-arrow-left-selected, .jqx-warning .jqx-icon-arrow-left-selected, .jqx-danger .jqx-icon-arrow-left-selected, .jqx-success .jqx-icon-arrow-left-selected, .jqx-info .jqx-icon-arrow-left-selected { |
6665 background-image: url('images/icon-left-white.png'); |
6964 background-image: url('images/icon-left-white.png'); |
6666 } |
6965 } |
|
6966 |
6667 .jqx-primary .jqx-icon-arrow-left-hover, .jqx-warning .jqx-icon-arrow-left-hover, .jqx-danger .jqx-icon-arrow-left-hover, .jqx-success .jqx-icon-arrow-left-hover, .jqx-info .jqx-icon-arrow-left-hover { |
6967 .jqx-primary .jqx-icon-arrow-left-hover, .jqx-warning .jqx-icon-arrow-left-hover, .jqx-danger .jqx-icon-arrow-left-hover, .jqx-success .jqx-icon-arrow-left-hover, .jqx-info .jqx-icon-arrow-left-hover { |
6668 background-image: url('images/icon-left-white.png'); |
6968 background-image: url('images/icon-left-white.png'); |
6669 } |
6969 } |
|
6970 |
6670 .jqx-primary-item .jqx-listitem-state-hover, .jqx-primary-item .jqx-menu-item-hover, .jqx-primary-item .jqx-tree-item-hover, .jqx-primary-item .jqx-calendar-cell-hover, .jqx-primary-item .jqx-grid-cell-hover, |
6971 .jqx-primary-item .jqx-listitem-state-hover, .jqx-primary-item .jqx-menu-item-hover, .jqx-primary-item .jqx-tree-item-hover, .jqx-primary-item .jqx-calendar-cell-hover, .jqx-primary-item .jqx-grid-cell-hover, |
6671 .jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover, |
6972 .jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover, |
6672 .jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed { |
6973 .jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed { |
6673 background-color: #f5f5f5 !important; |
6974 background-color: #f5f5f5 !important; |
6674 color: #333 !important; |
6975 color: #333 !important; |
6675 text-shadow: none !important; |
6976 text-shadow: none !important; |
6676 border-color: #f5f5f5 !important; |
6977 border-color: #f5f5f5 !important; |
6677 } |
6978 } |
|
6979 |
6678 .jqx-primary-item .jqx-listitem-state-selected, .jqx-primary-item .jqx-menu-item-selected, .jqx-primary-item .jqx-tree-item-selected, .jqx-primary-item .jqx-calendar-cell-selected, .jqx-primary-item .jqx-grid-cell-selected, |
6980 .jqx-primary-item .jqx-listitem-state-selected, .jqx-primary-item .jqx-menu-item-selected, .jqx-primary-item .jqx-tree-item-selected, .jqx-primary-item .jqx-calendar-cell-selected, .jqx-primary-item .jqx-grid-cell-selected, |
6679 .jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected, .jqx-primary-item .jqx-grid-selectionarea, .jqx-primary-item .jqx-input-button-header, .jqx-primary-item .jqx-input-button-innerHeader { |
6981 .jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected, .jqx-primary-item .jqx-grid-selectionarea, .jqx-primary-item .jqx-input-button-header, .jqx-primary-item .jqx-input-button-innerHeader { |
6680 |
|
6681 background-color: #f5f5f5 !important; |
6982 background-color: #f5f5f5 !important; |
6682 color: #333 !important; |
6983 color: #333 !important; |
6683 text-shadow: none !important; |
6984 text-shadow: none !important; |
6684 border-color: #f5f5f5 !important; |
6985 border-color: #f5f5f5 !important; |
6685 } |
6986 } |
|
6987 |
6686 .jqx-warning-item .jqx-listitem-state-hover, .jqx-warning-item .jqx-menu-item-hover, .jqx-warning-item .jqx-tree-item-hover, .jqx-warning-item .jqx-calendar-cell-hover, .jqx-warning-item .jqx-grid-cell-hover, |
6988 .jqx-warning-item .jqx-listitem-state-hover, .jqx-warning-item .jqx-menu-item-hover, .jqx-warning-item .jqx-tree-item-hover, .jqx-warning-item .jqx-calendar-cell-hover, .jqx-warning-item .jqx-grid-cell-hover, |
6687 .jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover, |
6989 .jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover, |
6688 .jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed { |
6990 .jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed { |
6689 background-color: #f5f5f5 !important; |
6991 background-color: #f5f5f5 !important; |
6690 color: #333 !important; |
6992 color: #333 !important; |
6691 text-shadow: none !important; |
6993 text-shadow: none !important; |
6692 border-color: #f5f5f5 !important; |
6994 border-color: #f5f5f5 !important; |
6693 } |
6995 } |
|
6996 |
6694 .jqx-warning-item .jqx-listitem-state-selected, .jqx-warning-item .jqx-menu-item-selected, .jqx-warning-item .jqx-tree-item-selected, .jqx-warning-item .jqx-calendar-cell-selected, .jqx-warning-item .jqx-grid-cell-selected, |
6997 .jqx-warning-item .jqx-listitem-state-selected, .jqx-warning-item .jqx-menu-item-selected, .jqx-warning-item .jqx-tree-item-selected, .jqx-warning-item .jqx-calendar-cell-selected, .jqx-warning-item .jqx-grid-cell-selected, |
6695 .jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected, .jqx-warning-item .jqx-grid-selectionarea, .jqx-warning-item .jqx-input-button-header, .jqx-warning-item .jqx-input-button-innerHeader { |
6998 .jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected, .jqx-warning-item .jqx-grid-selectionarea, .jqx-warning-item .jqx-input-button-header, .jqx-warning-item .jqx-input-button-innerHeader { |
6696 |
|
6697 background-color: #f5f5f5 !important; |
6999 background-color: #f5f5f5 !important; |
6698 color: #333 !important; |
7000 color: #333 !important; |
6699 text-shadow: none !important; |
7001 text-shadow: none !important; |
6700 border-color: #f5f5f5 !important; |
7002 border-color: #f5f5f5 !important; |
6701 } |
7003 } |
|
7004 |
6702 .jqx-danger-item .jqx-listitem-state-hover, .jqx-danger-item .jqx-menu-item-hover, .jqx-danger-item .jqx-tree-item-hover, .jqx-danger-item .jqx-calendar-cell-hover, .jqx-danger-item .jqx-grid-cell-hover, |
7005 .jqx-danger-item .jqx-listitem-state-hover, .jqx-danger-item .jqx-menu-item-hover, .jqx-danger-item .jqx-tree-item-hover, .jqx-danger-item .jqx-calendar-cell-hover, .jqx-danger-item .jqx-grid-cell-hover, |
6703 .jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover, |
7006 .jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover, |
6704 .jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed { |
7007 .jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed { |
6705 background-color: #f5f5f5 !important; |
7008 background-color: #f5f5f5 !important; |
6706 color: #333 !important; |
7009 color: #333 !important; |
6707 text-shadow: none !important; |
7010 text-shadow: none !important; |
6708 border-color: #f5f5f5 !important; |
7011 border-color: #f5f5f5 !important; |
6709 } |
7012 } |
|
7013 |
6710 .jqx-danger-item .jqx-listitem-state-selected, .jqx-danger-item .jqx-menu-item-selected, .jqx-danger-item .jqx-tree-item-selected, .jqx-danger-item .jqx-calendar-cell-selected, .jqx-danger-item .jqx-grid-cell-selected, |
7014 .jqx-danger-item .jqx-listitem-state-selected, .jqx-danger-item .jqx-menu-item-selected, .jqx-danger-item .jqx-tree-item-selected, .jqx-danger-item .jqx-calendar-cell-selected, .jqx-danger-item .jqx-grid-cell-selected, |
6711 .jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected, .jqx-danger-item .jqx-grid-selectionarea, .jqx-danger-item .jqx-input-button-header, .jqx-danger-item .jqx-input-button-innerHeader { |
7015 .jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected, .jqx-danger-item .jqx-grid-selectionarea, .jqx-danger-item .jqx-input-button-header, .jqx-danger-item .jqx-input-button-innerHeader { |
6712 |
|
6713 background-color: #f5f5f5 !important; |
7016 background-color: #f5f5f5 !important; |
6714 color: #333 !important; |
7017 color: #333 !important; |
6715 text-shadow: none !important; |
7018 text-shadow: none !important; |
6716 border-color: #f5f5f5 !important; |
7019 border-color: #f5f5f5 !important; |
6717 } |
7020 } |
|
7021 |
6718 .jqx-success-item .jqx-listitem-state-hover, .jqx-success-item .jqx-menu-item-hover, .jqx-success-item .jqx-tree-item-hover, .jqx-success-item .jqx-calendar-cell-hover, .jqx-success-item .jqx-grid-cell-hover, |
7022 .jqx-success-item .jqx-listitem-state-hover, .jqx-success-item .jqx-menu-item-hover, .jqx-success-item .jqx-tree-item-hover, .jqx-success-item .jqx-calendar-cell-hover, .jqx-success-item .jqx-grid-cell-hover, |
6719 .jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover, |
7023 .jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover, |
6720 .jqx-success-item .jqx-input-popup .jqx-fill-state-pressed { |
7024 .jqx-success-item .jqx-input-popup .jqx-fill-state-pressed { |
6721 background-color: #f5f5f5 !important; |
7025 background-color: #f5f5f5 !important; |
6722 color: #333 !important; |
7026 color: #333 !important; |
6723 text-shadow: none !important; |
7027 text-shadow: none !important; |
6724 border-color: #f5f5f5 !important; |
7028 border-color: #f5f5f5 !important; |
6725 } |
7029 } |
|
7030 |
6726 .jqx-success-item .jqx-listitem-state-selected, .jqx-success-item .jqx-menu-item-selected, .jqx-success-item .jqx-tree-item-selected, .jqx-success-item .jqx-calendar-cell-selected, .jqx-success-item .jqx-grid-cell-selected, |
7031 .jqx-success-item .jqx-listitem-state-selected, .jqx-success-item .jqx-menu-item-selected, .jqx-success-item .jqx-tree-item-selected, .jqx-success-item .jqx-calendar-cell-selected, .jqx-success-item .jqx-grid-cell-selected, |
6727 .jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected, .jqx-success-item .jqx-grid-selectionarea, .jqx-success-item .jqx-input-button-header, .jqx-success-item .jqx-input-button-innerHeader { |
7032 .jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected, .jqx-success-item .jqx-grid-selectionarea, .jqx-success-item .jqx-input-button-header, .jqx-success-item .jqx-input-button-innerHeader { |
6728 |
|
6729 background-color: #f5f5f5 !important; |
7033 background-color: #f5f5f5 !important; |
6730 color: #333 !important; |
7034 color: #333 !important; |
6731 text-shadow: none !important; |
7035 text-shadow: none !important; |
6732 border-color: #f5f5f5 !important; |
7036 border-color: #f5f5f5 !important; |
6733 } |
7037 } |
|
7038 |
6734 .jqx-info-item .jqx-listitem-state-hover, .jqx-info-item .jqx-menu-item-hover, .jqx-info-item .jqx-tree-item-hover, .jqx-info-item .jqx-calendar-cell-hover, .jqx-info-item .jqx-grid-cell-hover, |
7039 .jqx-info-item .jqx-listitem-state-hover, .jqx-info-item .jqx-menu-item-hover, .jqx-info-item .jqx-tree-item-hover, .jqx-info-item .jqx-calendar-cell-hover, .jqx-info-item .jqx-grid-cell-hover, |
6735 .jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover, |
7040 .jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover, |
6736 .jqx-info-item .jqx-input-popup .jqx-fill-state-pressed { |
7041 .jqx-info-item .jqx-input-popup .jqx-fill-state-pressed { |
6737 background-color: #f5f5f5 !important; |
7042 background-color: #f5f5f5 !important; |
6738 color: #333 !important; |
7043 color: #333 !important; |
6739 text-shadow: none !important; |
7044 text-shadow: none !important; |
6740 border-color: #f5f5f5 !important; |
7045 border-color: #f5f5f5 !important; |
6741 } |
7046 } |
|
7047 |
6742 .jqx-info-item .jqx-listitem-state-selected, .jqx-info-item .jqx-menu-item-selected, .jqx-info-item .jqx-tree-item-selected, .jqx-info-item .jqx-calendar-cell-selected, .jqx-info-item .jqx-grid-cell-selected, |
7048 .jqx-info-item .jqx-listitem-state-selected, .jqx-info-item .jqx-menu-item-selected, .jqx-info-item .jqx-tree-item-selected, .jqx-info-item .jqx-calendar-cell-selected, .jqx-info-item .jqx-grid-cell-selected, |
6743 .jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected, .jqx-info-item .jqx-grid-selectionarea, .jqx-info-item .jqx-input-button-header, .jqx-info-item .jqx-input-button-innerHeader { |
7049 .jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected, .jqx-info-item .jqx-grid-selectionarea, .jqx-info-item .jqx-input-button-header, .jqx-info-item .jqx-input-button-innerHeader { |
6744 |
|
6745 background-color: #f5f5f5 !important; |
7050 background-color: #f5f5f5 !important; |
6746 color: #333 !important; |
7051 color: #333 !important; |
6747 text-shadow: none !important; |
7052 text-shadow: none !important; |
6748 border-color: #f5f5f5 !important; |
7053 border-color: #f5f5f5 !important; |
6749 } |
7054 } |
|
7055 |
6750 .jqx-inverse-item .jqx-listitem-state-hover, .jqx-inverse-item .jqx-menu-item-hover, .jqx-inverse-item .jqx-tree-item-hover, .jqx-inverse-item .jqx-calendar-cell-hover, .jqx-inverse-item .jqx-grid-cell-hover, |
7056 .jqx-inverse-item .jqx-listitem-state-hover, .jqx-inverse-item .jqx-menu-item-hover, .jqx-inverse-item .jqx-tree-item-hover, .jqx-inverse-item .jqx-calendar-cell-hover, .jqx-inverse-item .jqx-grid-cell-hover, |
6751 .jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover, |
7057 .jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover, |
6752 .jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed { |
7058 .jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed { |
6753 background-color: #f5f5f5 !important; |
7059 background-color: #f5f5f5 !important; |
6754 color: #333 !important; |
7060 color: #333 !important; |
6755 text-shadow: none !important; |
7061 text-shadow: none !important; |
6756 border-color: #f5f5f5 !important; |
7062 border-color: #f5f5f5 !important; |
6757 } |
7063 } |
|
7064 |
6758 .jqx-inverse-item .jqx-listitem-state-selected, .jqx-inverse-item .jqx-menu-item-selected, .jqx-inverse-item .jqx-tree-item-selected, .jqx-inverse-item .jqx-calendar-cell-selected, .jqx-inverse-item .jqx-grid-cell-selected, |
7065 .jqx-inverse-item .jqx-listitem-state-selected, .jqx-inverse-item .jqx-menu-item-selected, .jqx-inverse-item .jqx-tree-item-selected, .jqx-inverse-item .jqx-calendar-cell-selected, .jqx-inverse-item .jqx-grid-cell-selected, |
6759 .jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected, .jqx-inverse-item .jqx-grid-selectionarea, .jqx-inverse-item .jqx-input-button-header, .jqx-inverse-item .jqx-input-button-innerHeader { |
7066 .jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected, .jqx-inverse-item .jqx-grid-selectionarea, .jqx-inverse-item .jqx-input-button-header, .jqx-inverse-item .jqx-input-button-innerHeader { |
6760 |
|
6761 background-color: #f5f5f5 !important; |
7067 background-color: #f5f5f5 !important; |
6762 color: #333 !important; |
7068 color: #333 !important; |
6763 text-shadow: none !important; |
7069 text-shadow: none !important; |
6764 border-color: #f5f5f5 !important; |
7070 border-color: #f5f5f5 !important; |
6765 } |
7071 } |
|
7072 |
6766 .jqx-element { |
7073 .jqx-element { |
6767 overflow: hidden; |
7074 overflow: hidden; |
6768 border-style: solid; |
7075 border-style: solid; |
6769 border-width: 1px; |
7076 border-width: 0px; |
6770 border-color: #c7c7c7; |
7077 border-color: transparent; |
6771 } |
7078 box-sizing: border-box; |
|
7079 } |
|
7080 |
6772 .jqx-element-no-border { |
7081 .jqx-element-no-border { |
6773 border-width:0px; |
7082 border-width: 0px; |
6774 } |
7083 } |
|
7084 |
6775 .jqx-element-container { |
7085 .jqx-element-container { |
6776 border-width: 0px !important; |
7086 } |
6777 } |
7087 |
6778 .jqx-resize-trigger, .jqx-resize-trigger-shrink { |
7088 .jqx-resize-trigger, .jqx-resize-trigger-shrink { |
6779 position: absolute; |
7089 position: absolute; |
6780 left: 0; |
7090 left: 0; |
6781 top: 0; |
7091 top: 0; |
6782 transition: 0s |
7092 transition: 0s; |
6783 } |
7093 } |
|
7094 |
6784 .jqx-resize-trigger-shrink { |
7095 .jqx-resize-trigger-shrink { |
6785 width: 200%; |
7096 width: 200%; |
6786 height: 200%; |
7097 height: 200%; |
6787 } |
7098 } |
|
7099 |
6788 .jqx-resize-trigger-container { |
7100 .jqx-resize-trigger-container { |
6789 display: block; |
7101 display: block; |
6790 visibility:hidden; |
7102 visibility: hidden; |
6791 position: relative; |
7103 position: relative; |
6792 top: -100%; |
7104 top: -100%; |
6793 left: 0; |
7105 left: 0; |
6794 min-height:0.1px; |
7106 min-height: 0.1px; |
6795 height: 100%; |
7107 height: 100%; |
6796 width: 100%; |
7108 width: 100%; |
6797 overflow: hidden; |
7109 overflow: hidden; |
6798 pointer-events: none; |
7110 pointer-events: none; |
6799 z-index: -1; |
7111 z-index: -1; |
6800 visibility:hidden; |
7112 visibility: hidden; |
6801 } |
7113 } |
|
7114 |
|
7115 /* jqxPivotGrid */ |
|
7116 .jqx-pivotgrid { |
|
7117 background-color: #DEDEDE; |
|
7118 } |
|
7119 |
|
7120 .jqx-pivotgrid-item { |
|
7121 white-space: nowrap; |
|
7122 overflow: hidden; |
|
7123 position: absolute; |
|
7124 padding: 0px; |
|
7125 text-overflow: ellipsis; |
|
7126 } |
|
7127 |
|
7128 .jqx-pivotgrid-content-wrapper { |
|
7129 align: left; |
|
7130 valign: top; |
|
7131 overflow: hidden; |
|
7132 border: solid 1px grey; |
|
7133 } |
|
7134 |
|
7135 .jqx-pivotgrid-menu-button { |
|
7136 border: none; |
|
7137 background-image: url('images/icon-menu-small.png'); |
|
7138 background-repeat: no-repeat; |
|
7139 background-position: center; |
|
7140 cursor: pointer; |
|
7141 } |
|
7142 |
|
7143 .jqx-pivotgrid-expand-button { |
|
7144 outline: none; |
|
7145 background-image: url('images/icon_expand.png'); |
|
7146 background-repeat: no-repeat; |
|
7147 cursor: pointer; |
|
7148 margin: 0 0 0 0; |
|
7149 padding: 0 0 0 0; |
|
7150 position: relative; |
|
7151 left: 5px; |
|
7152 float: left; |
|
7153 vertical-align: middle; |
|
7154 } |
|
7155 |
|
7156 .jqx-pivotgrid-collapse-button { |
|
7157 outline: none; |
|
7158 background-image: url('images/icon_collapse.png'); |
|
7159 background-repeat: no-repeat; |
|
7160 cursor: pointer; |
|
7161 margin: 0 0 0 0; |
|
7162 padding: 0 0 0 0; |
|
7163 position: relative; |
|
7164 left: 5px; |
|
7165 float: left; |
|
7166 vertical-align: middle; |
|
7167 } |
|
7168 |
|
7169 .jqx-pivotgrid-sortasc-icon { |
|
7170 background-image: url('images/icon-sort-asc.png'); |
|
7171 background-repeat: no-repeat; |
|
7172 background-position: left center; |
|
7173 width: 16px; |
|
7174 height: 16px; |
|
7175 float: left; |
|
7176 margin-left: -4px; |
|
7177 margin-right: 4px; |
|
7178 } |
|
7179 |
|
7180 .jqx-pivotgrid-sortdesc-icon { |
|
7181 background-image: url('images/icon-sort-desc.png'); |
|
7182 background-repeat: no-repeat; |
|
7183 background-position: left center; |
|
7184 width: 16px; |
|
7185 height: 16px; |
|
7186 float: left; |
|
7187 margin-left: -4px; |
|
7188 margin-right: 4px; |
|
7189 } |
|
7190 |
|
7191 .jqx-pivotgrid-sortremove-icon { |
|
7192 background-image: url('images/icon-sort-remove.png'); |
|
7193 background-repeat: no-repeat; |
|
7194 background-position: left center; |
|
7195 width: 16px; |
|
7196 height: 16px; |
|
7197 float: left; |
|
7198 margin-left: -4px; |
|
7199 margin-right: 4px; |
|
7200 } |
|
7201 |
|
7202 .jqx-pivotgrid-settings-icon { |
|
7203 background-image: url('images/icon-menu-small.png'); |
|
7204 background-repeat: no-repeat; |
|
7205 background-position: left center; |
|
7206 width: 16px; |
|
7207 height: 16px; |
|
7208 float: left; |
|
7209 margin-left: -4px; |
|
7210 margin-right: 4px; |
|
7211 } |
|
7212 |
|
7213 jqx-bullet-chart { |
|
7214 width: 800px; |
|
7215 height: 80px; |
|
7216 } |
|
7217 |
|
7218 jqx-scroll-view { |
|
7219 width: 600px; |
|
7220 } |
|
7221 |
|
7222 jqx-bar-gauge, jqx-draw { |
|
7223 width: 850px; |
|
7224 height: 600px; |
|
7225 } |
|
7226 |
|
7227 jqx-menu { |
|
7228 width: 600px; |
|
7229 } |
|
7230 |
|
7231 jqx-data-table, jqx-pivotgrid, jqx-grid, jqx-scheduler, jqx-tree-grid, jqx-docking-layout, jqx-layout, jqx-tree-map, jqx-splitter, jqx-kanban { |
|
7232 width: 850px; |
|
7233 } |
|
7234 |
|
7235 jqx-nav-bar { |
|
7236 height: 50px; |
|
7237 } |
|
7238 |
|
7239 jqx-chart { |
|
7240 width: 850px; |
|
7241 height: 400px; |
|
7242 } |
|
7243 |
|
7244 jqx-docking-layout, jqx-layout { |
|
7245 width: 850px; |
|
7246 height: 600px; |
|
7247 } |
|
7248 |
|
7249 jqx-ribbon, jqx-panel { |
|
7250 width: 450px; |
|
7251 height: 300px; |
|
7252 } |
|
7253 |
|
7254 jqx-scheduler { |
|
7255 height: 600px; |
|
7256 } |
|
7257 |
|
7258 jqx-list-box, jqx-text-area { |
|
7259 width: 200px; |
|
7260 height: 200px; |
|
7261 } |
|
7262 |
|
7263 jqx-file-upload { |
|
7264 width: 300px; |
|
7265 } |
|
7266 |
|
7267 jqx-complex-input, jqx-formatted-input, jqx-password-input, jqx-input, jqx-number-input, jqx-slider, |
|
7268 jqx-masked-input, jqx-drop-down-list, jqx-combo-box, jqx-date-time-input, jqx-drop-down-button { |
|
7269 width: 300px; |
|
7270 height: 35px; |
|
7271 } |
|
7272 |
|
7273 jqx-loader { |
|
7274 width: 100px !important; |
|
7275 height: 60px !important; |
|
7276 } |
|
7277 |
|
7278 jqx-expander, jqx-navigation-bar { |
|
7279 width: 350px; |
|
7280 } |
|
7281 |
|
7282 jqx-navigation-bar { |
|
7283 height: 450px; |
|
7284 } |
|
7285 |
|
7286 jqx-range-selector { |
|
7287 width: 600px; |
|
7288 } |
|
7289 |
|
7290 jqx-tabs { |
|
7291 width: 800px; |
|
7292 } |
|
7293 |
|
7294 jqx-tool-bar { |
|
7295 width: 800px; |
|
7296 height: 35px; |
|
7297 } |
|
7298 |
|
7299 jqx-editor { |
|
7300 width: 600px; |
|
7301 height: 400px; |
|
7302 } |
|
7303 |
|
7304 jqx-tree-map { |
|
7305 width: 850px; |
|
7306 height: 600px; |
|
7307 } |
|
7308 |
|
7309 jqx-tree { |
|
7310 width: 250px; |
|
7311 } |
|
7312 |
|
7313 jqx-linear-gauge { |
|
7314 width: 100px; |
|
7315 } |
|
7316 |
|
7317 jqx-color-picker, jqx-calendar { |
|
7318 width: 200px; |
|
7319 height: 200px; |
|
7320 } |
|
7321 |
|
7322 jqx-scroll-bar { |
|
7323 width: 400px; |
|
7324 height: 20px; |
|
7325 } |
|
7326 |
|
7327 jqx-knob { |
|
7328 width: 600px; |
|
7329 height: 600px; |
|
7330 } |
|
7331 |
|
7332 .jqx-input-label { |
|
7333 visibility: hidden; |
|
7334 position: absolute; |
|
7335 } |
|
7336 |
|
7337 .jqx-input-bar { |
|
7338 visibility: hidden; |
|
7339 position: absolute; |
|
7340 } |
|
7341 |
|
7342 .jqx-info-icon { |
|
7343 background-image: url('images/icon-info-small.png'); |
|
7344 background-repeat: no-repeat; |
|
7345 background-position: left center; |
|
7346 width: 16px; |
|
7347 height: 16px; |
|
7348 float: left; |
|
7349 } |
|
7350 |
|
7351 .jqx-labels-and-palette { |
|
7352 display: flex; |
|
7353 } |
|
7354 |
|
7355 .jqx-shades { |
|
7356 width: 560px; |
|
7357 padding-left: 100px; |
|
7358 } |
|
7359 |
|
7360 .jqx-palette > ul, |
|
7361 .jqx-shades > ul, |
|
7362 .jqx-color-labels > ul { |
|
7363 display: flex; |
|
7364 list-style: none; |
|
7365 padding: 0; |
|
7366 margin: 0; |
|
7367 } |
|
7368 |
|
7369 .jqx-color-labels > ul { |
|
7370 flex-direction: column; |
|
7371 } |
|
7372 |
|
7373 .jqx-color-cell { |
|
7374 width: 39px; |
|
7375 height: 39px; |
|
7376 margin: 0.5px; |
|
7377 cursor: pointer; |
|
7378 } |
|
7379 |
|
7380 .jqx-color-cell:hover { |
|
7381 border-radius: 8px; |
|
7382 } |
|
7383 |
|
7384 .jqx-shade-cell { |
|
7385 width: 38px; |
|
7386 height: 47px; |
|
7387 display: flex; |
|
7388 justify-content: center; |
|
7389 align-items: flex-end; |
|
7390 padding: 0 1px 5px 1px; |
|
7391 text-align: center; |
|
7392 } |
|
7393 |
|
7394 .jqx-color-label { |
|
7395 width: 100px; |
|
7396 height: 40px; |
|
7397 display: flex; |
|
7398 align-items: center; |
|
7399 } |
|
7400 |
|
7401 .jqx-heatmap-container-wrapper { |
|
7402 display: flex; |
|
7403 } |
|
7404 |
|
7405 .jqx-heatmap-container-wrapper canvas { |
|
7406 display: block; |
|
7407 } |
|
7408 |
|
7409 .jqx-heatmap-title { |
|
7410 font-weight: bold; |
|
7411 margin-bottom: 25px; |
|
7412 text-align: center; |
|
7413 } |
|
7414 |
|
7415 .jqx-heatmap-grid { |
|
7416 display: flex; |
|
7417 cursor: default; |
|
7418 } |
|
7419 |
|
7420 .jqx-x-axis-container { |
|
7421 display: flex; |
|
7422 flex-direction: column; |
|
7423 flex-grow: 1; |
|
7424 } |
|
7425 |
|
7426 .jqx-y-axis-container { |
|
7427 display: flex; |
|
7428 flex-direction: row-reverse; |
|
7429 flex-grow: 1; |
|
7430 } |
|
7431 |
|
7432 .jqx-column { |
|
7433 display: flex; |
|
7434 flex-direction: column-reverse; |
|
7435 } |
|
7436 |
|
7437 .jqx-x-axis { |
|
7438 display: flex; |
|
7439 } |
|
7440 |
|
7441 .jqx-x-axis-label { |
|
7442 padding-top: 10px; |
|
7443 font-size: 14px; |
|
7444 color: gray; |
|
7445 text-align: center; |
|
7446 } |
|
7447 |
|
7448 .jqx-x-axis-label.jqx-top { |
|
7449 padding: 0 0 10px 0; |
|
7450 } |
|
7451 |
|
7452 .jqx-y-axis { |
|
7453 display: flex; |
|
7454 flex-direction: column-reverse; |
|
7455 } |
|
7456 |
|
7457 .jqx-y-axis.jqx-margin-top-auto { |
|
7458 margin-top: auto; |
|
7459 } |
|
7460 |
|
7461 .jqx-y-axis-label { |
|
7462 display: flex; |
|
7463 align-items: center; |
|
7464 color: gray; |
|
7465 padding-right: 10px; |
|
7466 } |
|
7467 |
|
7468 .jqx-y-axis-label.jqx-right { |
|
7469 padding: 0 0 0 10px; |
|
7470 } |
|
7471 |
|
7472 .jqx-heatmap-cell { |
|
7473 position: relative; |
|
7474 padding: 20px 10px; |
|
7475 margin: 1px; |
|
7476 text-align: center; |
|
7477 } |
|
7478 |
|
7479 .jqx-heatmap-cell.jqx-empty-cell { |
|
7480 pointer-events: none; |
|
7481 } |
|
7482 |
|
7483 .jqx-heatmap-tooltip { |
|
7484 display: inline-block; |
|
7485 position: absolute; |
|
7486 background: #000; |
|
7487 color: #fff; |
|
7488 opacity: 0.6; |
|
7489 padding: 10px; |
|
7490 pointer-events: none; |
|
7491 border-radius: 3px; |
|
7492 transition: top 0.7s ease, left 0.7s ease; |
|
7493 box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.75); |
|
7494 } |
|
7495 |
|
7496 .jqx-heatmap-tooltip::after { |
|
7497 content: ''; |
|
7498 position: absolute; |
|
7499 bottom: -10px; |
|
7500 left: calc(50% - 5px); |
|
7501 width: 0; |
|
7502 height: 0; |
|
7503 border-style: solid; |
|
7504 border-width: 10px 5px 0 5px; |
|
7505 border-color: #000 transparent transparent transparent; |
|
7506 } |
|
7507 |
|
7508 .jqx-legend-vertical { |
|
7509 position: relative; |
|
7510 margin-left: 10px; |
|
7511 } |
|
7512 |
|
7513 .jqx-legend-vertical.jqx-left { |
|
7514 margin: 0 10px 0 0; |
|
7515 } |
|
7516 |
|
7517 .jqx-legend-vertical.jqx-margin-top-auto { |
|
7518 margin-top: auto; |
|
7519 } |
|
7520 |
|
7521 .jqx-legend-horizontal { |
|
7522 position: relative; |
|
7523 margin-left: auto; |
|
7524 margin-bottom: 40px; |
|
7525 } |
|
7526 |
|
7527 .jqx-legend-horizontal.jqx-bottom { |
|
7528 margin-top: 10px; |
|
7529 margin-bottom: 30px; |
|
7530 } |
|
7531 |
|
7532 .jqx-legend-horizontal.jqx-margin-right-auto { |
|
7533 margin-right: auto; |
|
7534 margin-left: 0; |
|
7535 } |
|
7536 |
|
7537 .jqx-palette-vertical { |
|
7538 width: 10px; |
|
7539 height: 100%; |
|
7540 } |
|
7541 |
|
7542 .jqx-palette-horizontal { |
|
7543 width: 100%; |
|
7544 height: 10px; |
|
7545 } |
|
7546 |
|
7547 .jqx-palette-horizontal.jqx-fixed { |
|
7548 display: flex; |
|
7549 } |
|
7550 |
|
7551 .jqx-color-container, |
|
7552 .jqx-color-container-tick { |
|
7553 cursor: pointer; |
|
7554 } |
|
7555 |
|
7556 .jqx-opacity-50 { |
|
7557 opacity: 0.5; |
|
7558 } |
|
7559 |
|
7560 .jqx-selected-color { |
|
7561 background: #d3d3d3 !important; |
|
7562 } |
|
7563 |
|
7564 .jqx-heatmap-hidden { |
|
7565 visibility: hidden; |
|
7566 } |
|
7567 |
|
7568 .jqx-tick-vertical { |
|
7569 position: absolute; |
|
7570 left: 15px; |
|
7571 } |
|
7572 |
|
7573 .jqx-tick-vertical::before { |
|
7574 content: ''; |
|
7575 width: 10px; |
|
7576 background: #fff; |
|
7577 height: 1px; |
|
7578 position: absolute; |
|
7579 top: 6px; |
|
7580 left: -15px; |
|
7581 } |
|
7582 |
|
7583 .jqx-tick-vertical.jqx-no-line::before, |
|
7584 .jqx-tick-horizontal.jqx-no-line::before { |
|
7585 content: none; |
|
7586 } |
|
7587 |
|
7588 .jqx-tick-horizontal { |
|
7589 position: absolute; |
|
7590 top: 20px; |
|
7591 } |
|
7592 |
|
7593 .jqx-tick-horizontal::before { |
|
7594 content: ''; |
|
7595 width: 10px; |
|
7596 background: #fff; |
|
7597 width: 1px; |
|
7598 height: 10px; |
|
7599 position: absolute; |
|
7600 top: -20px; |
|
7601 left: 6px; |
|
7602 } |
|
7603 |
|
7604 .jqx-arrow-vertical { |
|
7605 width: 0; |
|
7606 height: 0; |
|
7607 border-top: 6px solid transparent; |
|
7608 border-bottom: 6px solid transparent; |
|
7609 border-left: 6px solid gray; |
|
7610 position: absolute; |
|
7611 left: -8px; |
|
7612 display: none; |
|
7613 } |
|
7614 |
|
7615 .jqx-arrow-horizontal { |
|
7616 width: 0; |
|
7617 height: 0; |
|
7618 border-left: 6px solid transparent; |
|
7619 border-right: 6px solid transparent; |
|
7620 border-bottom: 6px solid gray; |
|
7621 position: absolute; |
|
7622 top: 11px; |
|
7623 left: -6px; |
|
7624 display: none; |
|
7625 } |
|
7626 |
|
7627 /*jqxTimePicker Style*/ |
|
7628 .jqx-time-picker { |
|
7629 display: block; |
|
7630 border: 1px solid #c5c5c5; |
|
7631 border-radius: 1px; |
|
7632 font-family: Verdana; |
|
7633 font-size: 12px; |
|
7634 line-height: initial; |
|
7635 touch-action: none; |
|
7636 min-width: 250px; |
|
7637 box-sizing: border-box; |
|
7638 } |
|
7639 .jqx-time-picker * { |
|
7640 box-sizing: border-box; |
|
7641 } |
|
7642 .jqx-time-picker[view="landscape"] { |
|
7643 min-width: 400px; |
|
7644 } |
|
7645 .jqx-time-picker>.jqx-container { |
|
7646 width: 100%; |
|
7647 height: 100%; |
|
7648 } |
|
7649 .jqx-time-picker[view="landscape"]>.jqx-container, .jqx-time-picker .jqx-header, .jqx-time-picker .jqx-svg-container, .jqx-time-picker .jqx-hour-minute-container { |
|
7650 display: flex; |
|
7651 } |
|
7652 .jqx-time-picker .jqx-header { |
|
7653 width: 100%; |
|
7654 height: 20%; |
|
7655 justify-content: center; |
|
7656 align-items: center; |
|
7657 } |
|
7658 .jqx-time-picker[view="landscape"] .jqx-header { |
|
7659 flex-direction: column; |
|
7660 width: 33%; |
|
7661 height: 100%; |
|
7662 } |
|
7663 .jqx-time-picker .jqx-main-container { |
|
7664 width: 100%; |
|
7665 height: 80%; |
|
7666 padding: 2%; |
|
7667 background-color: var(--jqx-time-picker-background); |
|
7668 } |
|
7669 .jqx-time-picker[view="portrait"] .jqx-header.jqx-widget-header.jqx-unselectable { |
|
7670 border-top-left-radius: inherit; |
|
7671 border-top-right-radius: inherit; |
|
7672 } |
|
7673 .jqx-time-picker[view="landscape"] .jqx-main-container { |
|
7674 width: 67%; |
|
7675 height: 100%; |
|
7676 } |
|
7677 .jqx-time-picker .jqx-svg-container { |
|
7678 justify-content: center; |
|
7679 align-items: center; |
|
7680 width: 100%; |
|
7681 height: 100%; |
|
7682 } |
|
7683 .jqx-time-picker[footer] .jqx-svg-container { |
|
7684 height: calc(100% - 30px); |
|
7685 } |
|
7686 .jqx-time-picker .jqx-footer { |
|
7687 display: none; |
|
7688 } |
|
7689 .jqx-time-picker[footer] .jqx-footer { |
|
7690 display: block; |
|
7691 width: 100%; |
|
7692 height: 30px; |
|
7693 } |
|
7694 .jqx-time-picker .jqx-hour-minute-container { |
|
7695 font-size: 50px; |
|
7696 } |
|
7697 .jqx-time-picker .jqx-am-pm-container { |
|
7698 margin-left: 10px; |
|
7699 } |
|
7700 .jqx-time-picker[view="landscape"] .jqx-am-pm-container { |
|
7701 margin-left: 0; |
|
7702 } |
|
7703 .jqx-time-picker .jqx-hour-container, .jqx-time-picker .jqx-minute-container, .jqx-time-picker .jqx-am-container, .jqx-time-picker .jqx-pm-container { |
|
7704 opacity: 0.5; |
|
7705 cursor: pointer; |
|
7706 } |
|
7707 .jqx-time-picker[readonly] .jqx-hour-container, .jqx-time-picker[disabled] .jqx-hour-container, .jqx-time-picker[readonly] .jqx-minute-container, .jqx-time-picker[disabled] .jqx-minute-container, .jqx-time-picker[readonly] .jqx-am-container, .jqx-time-picker[disabled] .jqx-am-container, .jqx-time-picker[readonly] .jqx-pm-container, .jqx-time-picker[disabled] .jqx-pm-container { |
|
7708 cursor: default; |
|
7709 } |
|
7710 .jqx-time-picker .jqx-selected { |
|
7711 opacity: 1; |
|
7712 } |
|
7713 .jqx-time-picker .jqx-hour-minute-container div:nth-child(2) { |
|
7714 opacity: 0.5; |
|
7715 } |
|
7716 .jqx-time-picker .jqx-svg-picker { |
|
7717 border-radius: 50%; |
|
7718 position: relative; |
|
7719 box-sizing: content-box; |
|
7720 } |
|
7721 .jqx-time-picker .jqx-svg-picker.animate { |
|
7722 animation: jqx-time-picker-animation 0.5s linear; |
|
7723 } |
|
7724 .jqx-time-picker[disabled] { |
|
7725 opacity: 0.55; |
|
7726 cursor: default; |
|
7727 pointer-events: none; |
|
7728 user-select: none; |
|
7729 -webkit-user-select: none; |
|
7730 -moz-user-select: none; |
|
7731 -ms-user-select: none; |
|
7732 } |
|
7733 .jqx-time-picker .jqx-label.jqx-selected { |
|
7734 fill: white; |
|
7735 } |
|
7736 .jqx-time-picker .jqx-header:focus { |
|
7737 outline: 1px solid skyblue; |
|
7738 } |
|
7739 .jqx-time-picker .jqx-svg-picker:focus { |
|
7740 border: 1px solid skyblue; |
|
7741 outline: none; |
|
7742 } |
|
7743 @keyframes jqx-time-picker-animation { |
|
7744 0% { |
|
7745 opacity: 1; |
|
7746 } |
|
7747 25% { |
|
7748 opacity: 0.5; |
|
7749 } |
|
7750 50% { |
|
7751 opacity: 0; |
|
7752 } |
|
7753 75% { |
|
7754 opacity: 0.5; |
|
7755 } |
|
7756 100% { |
|
7757 opacity: 1; |
|
7758 } |
|
7759 } |
|
7760 .jqx-grid-card-row { |
|
7761 display: grid; |
|
7762 grid-template-columns: 1fr; |
|
7763 height: 100%; |
|
7764 overflow: hidden; |
|
7765 } |
|
7766 |
|
7767 .jqx-grid-card-cell { |
|
7768 padding: 15px; |
|
7769 overflow: auto; |
|
7770 } |
|
7771 |
|
7772 .jqx-grid-card-cell table { |
|
7773 width: 100%; |
|
7774 height: 100%; |
|
7775 padding: 10px; |
|
7776 table-layout: fixed; |
|
7777 border: 1px solid #bbb; |
|
7778 overflow: hidden; |
|
7779 text-overflow: ellipsis; |
|
7780 border-radius: 4px; |
|
7781 box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12); |
|
7782 } |
|
7783 |
|
7784 .jqx-grid-card-cell{ |
|
7785 position: relative; |
|
7786 } |
|
7787 |
|
7788 .jqx-grid-card-cell .jqx-icon-edit { |
|
7789 width: 16px; |
|
7790 height: 16px; |
|
7791 display: inline-block; |
|
7792 position: absolute; |
|
7793 right: 25px; |
|
7794 top: 25px; |
|
7795 background-size: 13px; |
|
7796 cursor: pointer; |
|
7797 } |
|
7798 |
|
7799 .jqx-grid-card-cell input{ |
|
7800 padding: 4px; |
|
7801 |
|
7802 } |
|
7803 |
|
7804 .jqx-grid-card-cell-label { |
|
7805 font-size: 12px; |
|
7806 text-transform: uppercase; |
|
7807 color: rgb(90,90,90); |
|
7808 } |
|
7809 .jqx-grid-card-cell td div { |
|
7810 text-overflow: ellipsis; |
|
7811 overflow: hidden; |
|
7812 } |
|
7813 .jqx-card-edit-buttons { |
|
7814 display: flex; |
|
7815 margin-top: 30px; |
|
7816 justify-content: center; |
|
7817 } |